*{margin:0;padding:0}
html{overflow-y:scroll;overflow-x:hidden;_background-image:url(about:blank);_background-attachment:fixed;font-size:10px;}
body{font-family:"Microsoft YaHei",Arial,'Hiragino Sans GB',sans-serif;font-size:100%;color:#333333;background:#fff;}
a{color:#333;}
body,div,dl,dt,dd,ul,ol,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0}
fieldset,img{border:0}
ul,ol,li{list-style:none;}
table{border:0;}
img{-ms-interpolation-mode:bicubic;vertical-align:middle;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none; font-family:"Microsoft Yahei";}
.imgmiddle,input,select{vertical-align:middle;}
.table{border-collapse:collapse;border-spacing:0;}
.clear{clear:both;height:0;overflow:hidden;}
.in_body{width:100%;margin:0 auto;overflow:hidden;}
.y_edit{min-height:300px;}
.y_edit img{display:inline-block;max-width:100%;height:auto !important;}
.y_edit p,.y_edit2 p{font-size:17px;color:#343434;line-height:36px;}                        
.y_edit div,.y_edit2 div{font-size:17px;color:#343434;line-height:36px;}
.index_nr{width:100%;background:#FFFFFF;}
a:link,a:visited{color:#333333;text-decoration:none;}
.ye{font-size:16px;color:#010101;text-align:center;padding:110px 0;}
.ye a{color:#010101;}
.ye1{overflow:hidden;border-top:1px solid#d9d9d9;margin-bottom:86px;}
.ye1 p{font-size:15px;color:#555555;line-height:97px;height:97px;overflow:hidden;}
.y1{text-align:left;width:48%;float:left;}
.y2{text-align:right;width:48%;float:right;}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
/*内容*/  
.hd { position: relative; }
.header{position:relative;z-index:1;height: 113px;width: 1714px;overflow: hidden;margin-left: 67px;}
.logo{width:702px;float:left;z-index: 2;margin-right: 90px;margin-top: 41px;}
.logo img{max-width:100%;}
.head2 { width: 900px;float: right;margin-top: 45px;  }
.header-r { width: 114px;float: left;height: 113px;background-color: #00428e; padding-left: 22px;position: absolute;top: 0;right: 0;}
.header-r a { font-size: 26px;color: #fff;font-weight: bold;background: url(../images/header-r-bj.jpg) no-repeat center left;padding-left: 29px;display: block;line-height: 113px;}
#H_menulist { overflow: hidden;}
#H_menulist { height: 100%;    overflow: hidden;}
#H_menulist li { float: left;  position: relative;}
#H_menulist li a { display: block;line-height: 38px;color: #666666;text-decoration: none;font-size: 16px; display: block;margin-left: 25px;}

#H_menulist li .nav-ts { margin-right: 0; }
.H_menucon01 {width: 258px!important; position: absolute;  top: 69px; left: -77px; height: auto; /*background: #222;*/background: url(../images/nav-top.png) no-repeat center top;}
.H_menucon02 { position: absolute; width: 258px; top: 69px; left: 50%; margin-left: -128px; height: auto; overflow: hidden;background: url(../images/nav-top.png) no-repeat center top; }
.H_menucon{display: none;}
.H_menulist>li:hover .H_menucon{ display: block;}
.H_menuconleft { width: 148px; margin: 0 auto; height: auto;  background: url(../images/nav-left.png) no-repeat center bottom; padding-bottom: 10px; text-align: center; position: relative;}
.H_menuconleft ul { width: 100%; height: auto; }
.H_menuconleft ul>li:hover .H_menuconright{display: block;}
.H_header ul.H_menulist li .H_menuconleft ul li { float:none;width: 100%; height:48px; background: url(../images/nav-top-bg.png); line-height: 48px; border-bottom: 1px solid #ebebeb;  padding: 0;}
.H_header ul.H_menulist li .H_menuconleft ul .H_menuconleft01 {background: none; }
.H_header ul.H_menulist li .H_menuconleft ul li a{ display: block; width: 100%; height: 48px; line-height:48px;color: #fff; font-size: 0.875em;}
#H_menulist li a p { font-size: 17px;color: #1b3545;line-height: 29px; }
#H_menulist li a span {font-family: 'Arial';font-size: 12px;color: #6c6c6c;line-height: 15px;display: block;text-align: center;}
#H_menulist li a:hover{}
#H_menulist .nav1-2 a { margin-left: 39px; }
#H_menulist .nav1-4 a { margin-left: 30px; }
#H_menulist .nav1-5 a { margin-left: 30px; }
#H_menulist .nav1-6 a { margin-left: 21px; }
#H_menulist .nav1-7 a { margin-left: 27px; }
.H_menuconright { width: 120px; float: left; height: auto; overflow: hidden; text-align: center; position: absolute; left: 148px; top: 0px; display: none; }
.H_menuconright p { width:120px;height: 48px; line-height: 48px; border-top: 1px solid #ebebeb; margin: 0 auto; background: url(../images/nav-left-bg.png);}
.H_menuconright p a{display: block; height: 48px; width: 100%; line-height:48px;color: #fff!important; font-size: 0.875em; }
.H_menuconright p:hover a{ /* transform: scale(1.1); */ background: #fff; color: #d51501!important;font-weight: bold;}
.H_menuconright01 { width: 100%; height: auto; overflow: hidden;}
.H_menuconleft03 .H_menuconright { top: -99px;}
.H_menuconleft04 .H_menuconright { top: -99px;}
@-webkit-keyframes moreanimate{
    0% {background-position: 68px 0;}
    50% {background-position: 112px 0;}
    100% {background-position: 68px 0;}
}
@-webkit-keyframes kkanimate{
    0% {-webkit-transform: scale(1,1);}
    50% {-webkit-transform: scale(0.5,0.5);}
    100% {-webkit-transform: scale(1,1);}
}
@-webkit-keyframes kk0animate{
    0% {-webkit-transform: scale(0.1,0.1);}
    50% {-webkit-transform: scale(0.5,0.5);}
    100% {-webkit-transform: scale(0.1,0.1);}
}
@-webkit-keyframes imgbiganimate{
    0% {-webkit-transform: scale(1,1);}
    50% {-webkit-transform: scale(1.05,1.05);}
    100% {-webkit-transform: scale(1,1);}
}
@-webkit-keyframes txt0animate{
    0% {-webkit-transform: translateX(-100px); -webkit-opacity: 0;}
    100% {-webkit-transform: translateX(0); -webkit-opacity: 1;}
}
@-webkit-keyframes txt00animate{
    0% {-webkit-transform: translateX(-50px); -webkit-opacity: 0;}
    100% {-webkit-transform: translateX(0); -webkit-opacity: 1;}
}
@-webkit-keyframes txt1animate{
    0% {-webkit-transform: translateX(0); -webkit-opacity: 1;}
    100% {-webkit-transform: translateX(-100px); -webkit-opacity: 0;}
}
@-webkit-keyframes txt2animate{
    0% {-webkit-transform: translateY(-50px); -webkit-opacity: 0;}
    100% {-webkit-transform: translateY(0); -webkit-opacity: 1;}
}
@-webkit-keyframes txt20animate{
    0% {-webkit-transform: translateY(0); -webkit-opacity: 1;}
    100% {-webkit-transform: translateY(-50px); -webkit-opacity: 0;}
}
@-webkit-keyframes scrollanimate{
    0% {-webkit-transform: translateY(-10px);}
    100% {-webkit-transform: translateY(0px);}
}
@-webkit-keyframes txt3animate{
    0% {-webkit-transform: translateY(-50px);}
    100% {-webkit-transform: translateY(0);}
}
@-webkit-keyframes txt30animate{
    0% {-webkit-transform: translateY(0);}
    100% {-webkit-transform: translateY(-50px);}
}
@-webkit-keyframes txt4animate{
    0% {-webkit-transform: translateY(50px);}
    100% {-webkit-transform: translateY(0);}
}
@-webkit-keyframes txt40animate{
    0% {-webkit-transform: translateY(0);}
    100% {-webkit-transform: translateY(50px);}
}

.H_menuwap { display: none;}

.H_menuwap { display: none;}
.banner img { display: block;width: 100%;margin:0 auto; }

.banner-pagination {
        position: absolute;
        z-index: 10;
        left:0;
        bottom:24px;
        right:0;
        text-align:center;
}
.swiper-pagination-switch {
        display: inline-block;
        width: 10px;
        height:10px;
        /*border-radius:10px;*/
        margin:0 5px;
        opacity: 0.8;
        cursor: pointer;
        background: #ffffff;
        border-radius: 5px;
}
.swiper-visible-switch {
        background: #e01800;
}
.swiper-active-switch {
        background: #e01800;
        opacity:1;
}
.swiper-slide {
        float: left;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        text-align:center;
}
.swiper-slide img{
      max-width:100%;
    height:auto;
}
.banner{
        width:100%;
        /*margin:0px auto;*/
        z-index: 1;
        margin-bottom: 0 !important;   
}
.banner img{
        max-width:100%;
}
.banner-container {
        z-index:2;
        margin:0 auto;
        position:relative;
        overflow:hidden;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        -o-backface-visibility:hidden;
        backface-visibility:hidden;
        /* Fix of Webkit flickering */
}
.banner-wrapper {
        position:relative;
        width:100%;
        -webkit-transition-property:-webkit-transform, left, top;
        -webkit-transition-duration:0s;
        -webkit-transform:translate3d(0px,0,0);
        -webkit-transition-timing-function:ease;

        -moz-transition-property:-moz-transform, left, top;
        -moz-transition-duration:0s;
        -moz-transform:translate3d(0px,0,0);
        -moz-transition-timing-function:ease;

        -o-transition-property:-o-transform, left, top;
        -o-transition-duration:0s;
        -o-transform:translate3d(0px,0,0);
        -o-transition-timing-function:ease;
        -o-transform:translate(0px,0px);

        -ms-transition-property:-ms-transform, left, top;
        -ms-transition-duration:0s;
        -ms-transform:translate3d(0px,0,0);
        -ms-transition-timing-function:ease;

        transition-property:transform, left, top;
        transition-duration:0s;
        transform:translate3d(0px,0,0);
        transition-timing-function:ease;

        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
/*产品滚动css*/
.control-box {
    width: 1400px;
    height: 348px;
    background-size: 1055px;
    background-repeat: no-repeat;
    background-position: 60px 165px;
    margin-left: auto;
    margin-right: auto;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 50px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
  width: 1400px;
  height: 348px;
  margin: auto;
}
#switcher {
  height: 348px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}


/*main1*/
/* GLOBAL STYLES */
  
  /* typography */
  body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    background-color: #fff;
  }
  
  h1 {
    margin-top: 40px;
    font-family: 'Caveat Brush', cursive;
    font-size: 70px;
    text-align: center;
  }
  
  h2 {
    margin-bottom: 25px;
    max-width: 80%;
    font-size: 32px;
    font-weight: 500;
  }
  
  /* Aligning */
  .left {
    text-align: left;
  }
  
  .right {
    text-align: right;
  }
  
  .center {
    text-align: center;
  }
  
  /* Links */
  a {
    
  }
  
  /* Carousel */
 
  #complicated-content-carousel .carousel-control {
    position: absolute;
    top: -20px;
    right: 0;
    left: auto;
    bottom: auto;
    width: 14px;
    font-size: 25px;
    color: #3c3c3c !important;
    opacity: 1;
  }
  
  #complicated-content-carousel .carousel-control.left,
  #complicated-content-carousel .carousel-control.right {
    background-image: none;
  }
  
  #complicated-content-carousel .carousel-control.left {
    right: 35px;
  }
  
  #complicated-content-carousel .index {
    position: absolute;
    top: -70px;
    right: 0;
    font-size: 16px;
    color: #3c3c3c;
  }
  
  #complicated-content-carousel .flex-item {
    position: relative;
    display: inline-block;
    width: 320px;
    height: 380px;
    padding: 16px 13px;
    background-color: #f5f6f7;
    border: 6px solid #f5f6f7;
  }
  
  #complicated-content-carousel .flex-item:hover,
  #complicated-content-carousel .flex-item:focus {
    border: 6px solid #d2d4d5;
    border-radius: 3px;
  }
  
  .good-top {
    height: 21px;
  }
  
  .good-top-left {
    font-size: 16px;
    color: #424242;
    text-transform: uppercase;
    line-height: 21px;
  }
  
  .good-top-right {
    height: 21px;
    text-align: right;
  }
  
  .choose-color div {
    display: inline-block;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    letter-spacing: 5px;
    cursor: pointer;
  }
  
  .choose-color .blue {
    background-color: #165eb9;
  }
  
  .choose-color .yellow {
    background-color: #ffe637;
  }
  
  .choose-color .black {
    background-color: #535253;
  }
  
  .choose-color .grey {
    background-color: #d3a7ac;
  }
  
  .choose-color .dark-blue {
    background-color: #35374c;
  }
  
  .choose-color .dark-blue-women {
    background-color: #192b5e;
  }
  
  .choose-color .light-blue-women {
    background-color: #1682c4;
  }
  
  .good-top-left .fa {
    position: relative;
    top: 2px;
    font-size: 21px;
  }
  
  .good-bottom {
    height: 21px;
  }
  
  .good-bottom * {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .good-bottom-left a h4 {
    font-size: 18px;
    color: #3c3c3c;
    text-transform: uppercase;
    line-height: 21px;
  }
  
  .good-bottom-right {
    position: relative;
    top: -1px;
    font-size: 22px;
    color: #424242;
    text-transform: uppercase;
    line-height: 21px;
  }
  
  .good-top-left,
  .good-bottom-left {
    float: left;
    text-align: left;
  }
  
  .good-top-right,
  .good-bottom-right {
    float: right;
    text-align: right;
  }
  
  .good-image {
    height: 294px;
    text-align: center;
  }
  
  .good-image:before {
      content: "";
      display: inline-block;
      height: 100%;
      vertical-align: middle;
  }
  
  .good-image img {
    max-height: 240px;
    vertical-align: middle;
  }
  
  .size {
    position: absolute;
    padding: 0;
    cursor: pointer;
    transition: all .35s;
  }
  
  .size.shown {
    padding: 0 5px 5px 5px;
    background-color: #fff;
    border-radius: 2px;
  }
  
  .size.shown .option:hover {
    background-color: #f5f6f7;
  }
  
  .carousel-control {
    width: 20px;
    height: 35px;
    top: 217px;
    transform: translateY(-50%);
    bottom: auto;
    font-size: 30px;
    text-align: center;
    opacity: 1;
    left: 50px;
  }
a.carousel-control.left { left: -50px; }
  
  a.carousel-control.left,
  a.carousel-control.right {
    background-image: none;
    opacity: 1;
    text-align: center;
  }

/* MEDIA QUERIES */
  /* styles for phones' displays */
  @media only screen and (max-width: 350px) {
    #complicated-content-carousel .flex-item {
      width: 300px;
    }
  }
  
  /* styles for medium size displays */
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    #complicated-content-carousel .flex-item {
      width: 300px;
    }
  }
.main1 { width: 1779px;margin: 45px auto 41px; overflow: hidden;}
.main1-l { width: 856px;float: left; margin-right: 35px;}
.main1-l-1 { margin-top: 44px; margin-bottom: 33px;}
.main1-l-1 h5 ,.main1-l-1 h5 a { font-size: 50px;color: #1b3888;line-height: 59px; margin-bottom: 13px;position: relative;font-weight: bold;}
.main1-l-1 h5 span { font-size: 20px;color: #6b6b6b;line-height: 20px;font-family: 'Arial'; position: absolute;bottom: 0;}
.main1-l-1 p { font-size: 22px;color: #343434;line-height: 32px; font-weight: bold;}
.main1-l-2 { margin-bottom: 40px; }
.main1-l-2 p { font-size: 17px;color: #343434;line-height: 29px; }
.main1-l-3 a { display: block;width: 166px;height: 46px;border: 1px solid #15569d;color: #1b3888;font-family: 'Arial'; font-size: 15px;line-height: 44px; text-align: center;border-radius: 20px;}
.main1-r { width: 888px;float: right; }
.main2 {  }
.main2 ul { background: url(../images/main2-bj.jpg) no-repeat top center; overflow: hidden;}
.main2 ul li { width: 20%;float: left; height: 690px;border-right: 2px solid #a2b7d3;color: #fff;padding-top: 214px;}
.main2 ul .main2-ts { border-right: 0; }
.main2-1 { text-align: center;margin-bottom: 19px; }
.main2-1 img { display: inline-block; }
.main2-2 { width: 28px;height: 1px;margin: 0 auto 41px;background-color: #fff; }
.main2 ul li h4 { font-size: 30px;text-align: center;line-height: 37px; margin-bottom: 4px;font-weight: bold;padding: 0 29px;}
.main2 ul li h5 { font-size: 18px;text-align: center;line-height: 26px; font-family: 'Arial';font-weight: bold;    padding: 0 53px;}
.main2 ul li p { font-size: 14px;text-align: center;line-height: 27px; margin-bottom: 4px;padding: 0 23px;margin-top: 25px;margin-bottom: 53px;display: none;}
.main2 ul li a { font-size: 12px;text-align: center;line-height: 37px; display: block;border: 1px solid #ffffff;width: 132px;height: 39px;font-family: 'Arial';color: #fff;margin: 0 auto;display: none;}
.main2 ul li:hover { background-color:rgba(0,66,142,0.4);cursor: pointer;padding-top: 78px; transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;-webkit-transition: .3s; }
.main2 ul li:hover p ,.main2 ul li:hover a { display: block;    transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;-webkit-transition: .5s; }
.main3 { padding-top: 87px;background: url(../images/main3-bj.jpg) no-repeat top center; padding-bottom: 140px;}
.carousel-example { width: 1859px;margin: 0 auto; }
.carousel-example .flex-item { margin: 0 42px;width: 539px; }
.bt1 { margin-bottom: 65px;  }
.bt1 h5 { font-size: 50px;color: #1b3888;line-height: 69px; text-align: center;font-weight: bold;}
.bt1 p { font-size: 22px;color: #6b6b6b;line-height: 33px; text-align: center;font-family: 'Arial';font-weight: bold;}
.ibox{width:1859px; height:412px;  margin:0 auto;  position:relative; overflow:hidden} 
.ibox .showbox{position:absolute;left:0;width:7550px; height:412px; } 
.ibox .showbox ul li{float:left;margin:0 40px;} 
.ibox .showbox ul li img{width:538px; height:412px; } 
.main4 { width: 1779px;margin: 48px auto 99px;overflow: hidden;}
.main4-1 { float: left;width: 818px; }
.main4-1 ul li { overflow: hidden; border-bottom: 1px solid #dedede;padding: 25px 0 22px;}
.main4-1-1 { width: 119px;float: left;text-align: center; }
.main4-1-1 h5 { font-size: 52px;color: #525252;line-height: 56px;font-family: 'Arial'; }
.main4-1-1 p { font-size: 14px;color: #7f7f7f;line-height: 32px; font-family: 'Arial';}
.main4-1-2 { width: 690px;float: right;padding: 0 12px; margin-top: 10px;}
.main4-1-2 h5 { font-size: 25px;color: #393939;line-height: 35px;font-weight: normal;margin-bottom: 5px;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.main4-1-2 p { font-size: 15px;color: #555555;line-height: 25px;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }
.main4-1 ul .main4-1-ts,.main4-1 ul li:hover { background-color: #19519c;}
.main4-1 ul .main4-1-ts .main4-1-1 h5 ,.main4-1 ul .main4-1-ts .main4-1-1 p ,.main4-1 ul li:hover .main4-1-1 h5 ,.main4-1 ul li:hover .main4-1-1 p,.main4-1 ul .main4-1-ts .main4-1-2 h5 ,.main4-1 ul .main4-1-ts .main4-1-2 p ,.main4-1 ul li:hover .main4-1-2 p, .main4-1 ul li:hover .main4-1-2 h5 { color: #ffffff;  }
.main4-2 { float: right;width: 908px;margin-top: 104px; }
.main4-2 ul { overflow: hidden; }
.main4-2 ul li { width: 434px;float: left;margin-left: 20px; }
.main4-2-1 img { display: block;width: 434px;height: 299px; }
.main4-2-2 { background-color: #f0f0f0;height: 171px;padding: 27px 16px; }
.main4-2-2 h5 { font-size: 18px;color: #393939;line-height: 28px;font-weight: normal;margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.main4-2-2 span { display: block;font-size: 14px;color: #7f7f7f;line-height: 20px; font-family: 'Arial';margin-top: 2px;margin-bottom: 8px;}
.main4-2-2 p { font-size: 15px;color: #555555;line-height: 26px;font-weight: normal;margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }







.ft { background-color: #123a6b; padding-top: 54px;padding-bottom: 76px;}
.ft1 { overflow: hidden; width: 1779px;margin: 0 auto;}
.ft1-1 { width: 1050px;float: left;margin-right: 135px; margin-top: 7px;}
.ft1-1 ul { overflow: hidden; }
.ft1-1 ul li { float: left; }
.ft1-1-a { width: 212px; }
.ft1-1-b { width: 259px; }
.ft1-1-c { width: 200px; }
.ft1-1-d { width: 235px; }
.ft1-1-1 { margin-bottom: 17px; }
.ft1-1-1 h5 { color: #fff;font-size: 17px;line-height: 24px; font-weight: bold;}
.ft1-1-1 p { color: #fff;font-size: 13px;line-height: 15px; font-family: 'Arial';}
.ft1-1-2 a { color: #fff;font-size: 15px;line-height: 30px; display: block;}
.ft1-2 { width: 594px;float: right; }
.ft1-2-1 { margin-bottom: 17px; }
.ft1-2-1 img { display: block; }
.ft1-2-2 h5 { font-size: 30px;color: #fff;font-family: 'Impact';margin-bottom: 10px;}
.ft1-2-2 h5 .ft1-2-2-ts { padding-left: 27px; font-size: 30px;font-family: 'Impact';}
.ft1-2-2 h5 span { font-size: 14px; font-family: '微软雅黑';font-weight: normal;}
.ft1-2-3 p { font-size: 16px;color: #ffffff;line-height: 30px; }
.footer { background-color: #0e2f5b; padding: 30px 0 33px;font-size: 15px;color: #ffffff;line-height: 25px; text-align: center;}
.footer p ,.footer a{ font-size: 15px;color: #ffffff;line-height: 25px; text-align: center;}
/*视频介绍*/
.spjs { width: 1640px;margin: 82px auto 80px; }
.spjs ul { overflow: hidden;margin-bottom: 54px; }
.spjs ul li { width: 509px;float: left;margin: 0 18px 40px; }
.spjs-1 video { width: 509px;height: 312px; }
.spjs-1 img { width:  509px;height:   312px;display:  block;   }
.spjs-2 p { text-align: center;font-size: 17px;color: #343434;line-height: 65px; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
/*视频介绍内页*/
.spjsshow { width: 1602px;margin: 55px auto 60px; }
.spjsshow1 h5 { text-align: center;font-size: 17px;color: #343434;line-height: 37px; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 9px;font-weight: normal;}
.spjsshow2 { padding: 10px 0; }
.spjsshow2 video { width: 1266px;height: 615px; margin: 0 auto;display: block;}



/*关于我们*/
.banner1 img { display: block;margin: 0 auto; }
.mbx { background-color: #00428e; }
.mbx1 { width: 1602px;margin: 0 auto;overflow: hidden; padding-top: 6px;}
.mbx1-l {width: 60%;float: left;overflow: hidden;}
.mbx1-l li { float: left; width: 158px;}
.mbx1-l li a { color: #fff;font-size: 20px;display: block;text-align: center;line-height: 65px; }
.mbx1-l li:hover a ,.mbx1-l li .mbx1-l-ts{ background-color: #fff;color: #0065b2;font-weight: bold; }
.mbx1-r { float: right; }
.mbx1-r p,.mbx1-r a { font-size: 17px;color: #fff;line-height: 65px; }
.mbx1-r p { background: url(../images/mbx1-r-bj.png) no-repeat left center; padding-left: 23px;text-align: right;}
.about { width: 1602px;margin: 0 auto 66px; }
.about h4 { font-size: 38px;color: #0065b2; line-height: 58px;margin-bottom: 34px;margin-top: 62px;font-weight: bold;}
.about1 { background-color: #f5f5f5; padding: 39px 0 33px;margin-bottom: 41px;}
.about1 ul { overflow: hidden; width: 1244px;margin: 0 auto;}
.about1 ul li { float: left;background: url(../images/about1-li-bj.jpg) no-repeat right center;width: 311px; }
.about1 ul .about1-ts { background: none; }
.about1-1 h5 { font-family: 'Arial'; font-size: 60px;text-align: center;color: #0065b2;font-weight: bold;}
.about1-1 h5 span{ font-family: '微软雅黑'; font-size: 20px;text-align: center;color: #5e5d5d;font-weight: normal;}
.about1-2 p { font-size: 20px;color: #343434;  font-weight: bold;text-align: center;line-height: 30px;}
.about2 {  }
.about2 p { font-size: 17px;color: #343434;line-height: 36px;margin-bottom: 35px; }
.about2 img { display: block; }
/*公司位置*/
.gswz1 { margin: 37px 0 28px; }
.gswz1 h5 { text-align: center;color: #343434;font-size: 17px; line-height: 28px;}
.gswz2 { overflow: hidden; }
.gswz2-1 { width: 774px;float: left; }
.gswz2-2 { width: 774px;float: right; }
.gswz2-1 img ,.gswz2-2 img { display: block; }
/*总经理致辞*/
.zjlzc { overflow: hidden; margin-top: 54px;}
.zjlzc1 {width: 1020px;float: left;}
.zjlzc1 p { font-size: 17px;color: #343434;line-height: 36px; }
.zjlzc1-1 { margin-bottom: 37px; }
.zjlzc1-2 { margin-bottom: 252px; }
.zjlzc2 { width: 514px;float: right; margin-top: 7px;}
.zjlzc2 img { display: block; }
/*组织机构*/
.zzjg { margin-top: 48px; }
.zzjg img { display: block; }
/*厂区虚拟区域*/
.cqxn2 { width: 1558px; margin: 0 auto;}
.cqxn1 { margin: 67px auto 44px; text-align: center;}
.cqxn1 img { display: inline-block; }
.cqxn2 .cqxn2-txt { font-size: 26px;text-align: center;color: #202020; margin-bottom: 26px;}
.cqxn2 table { border: 1px solid #1e171a; }
.cqxn2 table th {font-weight: normal;text-align: center;font-size: 18px;line-height: 57px;color: #202020;padding-top: 5px;background-color: #f5f5f5;}
.cqxn2 table td {font-weight: normal;text-align: center;font-size: 18px;line-height: 41px;color: #202020;}
.cqxn2-1 { width: 171px; }
.cqxn2-2 { width: 380px; }
.cqxn2-3 { width: 377px; }
.cqxn2-4 { width: 625px; }
.cqxn2 table .cqxn2-ts2 td { padding: 12px 0; }
.cqxn2 table .cqxn2-ts { text-align: left;padding-left: 20px !important; }

/*联系我们*/
.lxwm { width: 1538px;margin: 39px auto 0; overflow: hidden;}
.lxwm-l { border: 1px solid #d4d4d4; width: 749px;float: left;padding-top: 69px;padding-left: 164px;height: 535px;}
.lxwm-l p { font-size: 17px;color: #343434;line-height: 38px; margin-bottom: 20px;padding-left: 43px;}
.lxwm-l-1 { background: url(../images/lxwm-l-1.jpg) no-repeat left center; }
.lxwm-l-2 { background: url(../images/lxwm-l-2.jpg) no-repeat left center; }
.lxwm-l-3 { background: url(../images/lxwm-l-3.jpg) no-repeat left center; }
.lxwm-r { width: 774px;float: right; }
.lxwm-r img { display: block;width: 100%; }
/*产品与服务*/
.cpfw { margin-top: 70px; }
.cpfw1 { margin-bottom: 44px; }
.cpfw1 h5 { font-size: 38px;text-align: center;font-weight: bold;color: #0065b2;line-height: 42px; }
.cpfw1 p { font-size: 20px;text-align: center;font-weight: bold;color: #6b6b6b;line-height: 42px; font-family: 'Arial';}
.cpfw2 { margin-bottom: 70px; }
.cpfw2 p { font-size: 17px;color: #343434;line-height: 37px; }
.cpfw3 { overflow: hidden; }
.cpfw3 li { width: 487px;float: left; border: 2px solid #d3e2f3;height: 299px;margin-bottom: 45px;margin-right: 70px;padding-top: 36px;padding-left: 26px;padding-right: 26px;}
.cpfw3 .cpfw3-ts1 { margin-right: 0; }
.cpfw3 .cpfw3-ts2 { width: 762px; }
.cpfw3-1-a { display: none; }
.cpfw3 li:hover ,.cpfw3 .cpfw3-ts { background-color: #00428e;cursor: pointer;}
.cpfw3 .cpfw3-ts .cpfw3-1 { display: none; }
.cpfw3 li:hover .cpfw3-1 { display: none; }
.cpfw3 li:hover .cpfw3-1-a ,.cpfw3 .cpfw3-ts .cpfw3-1-a{ display: block; }
.cpfw3 li .cpfw3-2 { font-size: 25px;color: #0065b2;line-height: 35px; margin-bottom: 8px;margin-top: 26px;font-weight: bold;}
.cpfw3 li .cpfw3-3 { font-size: 20px;color: #0065b2;line-height: 24px; font-family: 'Arial';font-weight: bold;padding-right: 75px;}
.cpfw3 li:hover .cpfw3-2 ,.cpfw3 li:hover .cpfw3-3 ,.cpfw3 .cpfw3-ts .cpfw3-2, .cpfw3 .cpfw3-ts .cpfw3-3{ color: #fff; }
.cpfw3 li:hover a ,.cpfw3 .cpfw3-ts a { color: #fff !important; }
/*产品与服务列表页*/
.product { width: 1632px;margin: 70px auto 100px; }
.pro { overflow: hidden;margin-bottom: 18px; }
.pro li { width: 514px;float: left;margin: 0 15px 101px; }
.pro1 { border: 1px solid #d3e2f3; margin-bottom: 37px;}
.pro1 img { width: 512px;height: 355px; }
.pro li p { font-size: 17px;text-align: center;color: #343434;line-height: 26px;     text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.list ,.list p,.list a { text-align: center;font-size: 17px;color: #343434; }

/*人力资源*/
.hr { margin-top: 62px;height: 1000px; }
.hr-l { width: 50%;float: left; }
.hr-l-1 { position: relative; }
.hr-l-1-1 { position: relative; }
.hr-l-1-1 img { display: block;width: 100%; }
.hr-l-1-2 { position: absolute;top: 70px;left: 62px;width: 666px; }
.hr-l-1-2 h5 { font-size: 28px;color: #0065b2;line-height: 48px; font-weight: bold;margin-bottom: 13px;}
.hr-l-1-2 p { font-size: 17px;color: #343434;line-height: 36px; }
.hr-r { width: 50%;float: right; }
.hr-l-2 { position: relative; }
.hr-l-2-1 { position: relative; }
.hr-l-2-2 { position: absolute;top: 65px;left: 62px;width: 666px; }
.hr-l-2-2 h5 { font-size: 28px;color: #fff;line-height: 48px; font-weight: bold;margin-bottom: 13px;}
.hr-l-2-2 p { font-size: 17px;color: #fff;line-height: 36px; }
.hr-r-1 ,.hr-r{ position: relative; }
.hr-r-2 { position: absolute;top: 20px;left: 49px;width: 690px; }
.hr-r-2 h5 { font-size: 28px;color: #fff;line-height: 48px; font-weight: bold;margin-bottom: 13px;}
.hr-r-2 p { font-size: 17px;color: #000;line-height: 36px; }
.hr-l-1-1-ts,.hr-r-1-ts ,.hr-l-2-1-ts{ display: none; }
/*企业文化*/
.qywh1 { margin-bottom: 135px; margin-top: 57px;}
.qywh1 p { font-size: 17px;color: #343434;line-height: 36px; }
.qywh2 img { display: block;margin: 0 auto; }
.sczln-a,.sczln-b { overflow: hidden; }
.sczln-a { margin-bottom: 48px;margin-top: 89px;  }
.sczln1 { width: 780px; float: left;background-color: #f6f6f6;padding-top: 49px;padding-left: 119px;height: 455px; }
.sczln1 li { margin-bottom: 10px;}
.sczln1 li h5 { font-size: 28px;color: #4ba7de;line-height: 48px; font-weight: bold; margin-bottom: 3px;}
.sczln1 li p { font-size: 17px;color: #343434;line-height: 27px; }
.sczln2 { width: 821px; float: left;}
.sczln2 img { width: 100%;display: block; }
/*资讯中心*/
.news ul { width: 1434px; margin: 0 auto 74px;}
.news li { width: 100%;border-bottom: 1px solid #dfdfdf;margin-bottom: 30px; padding: 13px 0;overflow: hidden;}
.news li .main4-1 { width: 100%;height: auto;margin-bottom: 0px; overflow: hidden;}
.news .main4-1-1 { width: 86px;float: left; border-right: 1px solid #c7c7c7;text-align: center;margin-right: 17px;}
.news .main4-1-2 { width: 1329px; float: right;margin-top: 0;}
.news .main4-1-1-1 p { font-size: 20px;color: #575757;line-height: 24px;font-family: 'Arial';margin-bottom: 4px; }
.news .main4-1-1-2 p { font-size: 16px;color: #575757;line-height: 18px; font-family: 'Arial';}
.news .main4-1-2 h5 a { font-size: 20px;color: #343434;line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-weight: normal; margin-bottom: 6px;}
.main4-1-2-1 p a { font-size: 15px;color: #5a5a5a;line-height: 26px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; }
.newsshow { width: 1602px;margin: 48px auto 190px;}
.newsshow1 h5 { font-size: 26px;text-align: center;color: #343434;line-height: 46px;font-weight: bold;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;margin-bottom: 10px;}
.newsshow1 p { font-size: 16px;color: #575757;line-height: px;text-align: center;font-family: 'Arial';}
.y_edit2 { padding: 44px 5px;}
.y_edit2 img { display: inline-block;}
/*船坞介绍*/
.mbx-ts li { width: auto !important;}
.mbx-ts li a { padding: 0 38px;}
.zhnl h5 { font-size: 38px;color: #0065b2;line-height: 58px;text-align: center;font-weight: bold;margin-bottom: 64px;margin-top: 61px;}
.zhnl1 { overflow: hidden;margin-bottom: 73px;}
.zhnl1-1 { width: 787px;float: left;}
.zhnl1-2 { width: 787px;float: right;}
.zhnl1-1 img ,.zhnl1-2 img { display: block;width: 100%;}
.zhnl2 {}
.zhnl2 th { background-color: #00428e;text-align: center;color: #fff;font-size: 22px;font-weight: normal;line-height: 64px;padding-top: 4px;border: 2px solid #a6a6a6;}
.zhnl2 td { font-size: 17px;text-align: center;color: #5b5b5b;line-height: 50px;border: 2px solid #a6a6a6;}
.zhnl2-1 { width: 293px;}
.zhnl2-2 { width: 648px;}
.zhnl2-3 { width: 654px;}

/*资质证书*/
.zzzs { width: 1696px;margin: 87px auto 96px;}
.zzzs ul { overflow: hidden;margin-bottom: 11px;}
.zzzs ul li { width: 330px;float: left;margin: 0 47px 51px;}
.zzzs1 { }
.zzzs1 img {width: 330px;height: 434px; }
.zzzs li p { font-size: 17px;text-align: center;color: #424242;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;line-height: 106px;}
.zzzsshow1 {margin-bottom: 44px;}
.zzzsshow1 h5 { font-size: 28px;text-align: center;color: #343434;line-height: 36px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.zzzsshow1-1 { text-align: center;overflow: hidden;width: 1066px;margin: 0 auto;}
.zzzsshow1-1-1 { width: 498px;float: left;}
.zzzsshow1-1-2 { width: 498px;float: right;}
.zzzsshow1-1 img { border: 1px solid #e4e4e4;display: inline-block;width: 100%;}
/*生产设备介绍*/
.scsb { width: 1602px;margin: 66px auto 86px; }
.scsb-a h5 { font-size: 38px;color: #0065b2;text-align: center;font-weight: bold;line-height: 48px; margin-bottom: 41px;}
.scsb1 { overflow: hidden; margin-bottom: 81px;}
.scsb1-l { width: 773px;float: left; }
.scsb1-r { width: 773px;float: right; }
.scsb1 table { border: 2px solid #a6a6a6;margin-bottom: 32px; border-collapse: collapse;}
.scsb1 table th { font-size: 22px;line-height: 64px;color: #343434;text-align: center; font-family: 'Arial';padding-top: 3px;border: 2px solid #a6a6a6;}
.scsb1 table td { font-size: 17px;line-height: 50px;color: #4f4f4f;text-align: center; border: 2px solid #a6a6a6;}
.scsb1 table .scsb1-l-1 { width: 76px; }
.scsb1 table .scsb1-l-2 { width: 545px; text-align: left;padding-left: 35px;}
.scsb1 table .scsb1-l-3 { width: 144px; text-align: center;}
.scsb2 { width: 1416px;margin: 0 auto; }
.scsb2 ul { overflow: hidden; }
.scsb2 ul li { width: 300px;float: left;margin: 0 27px 59px; }
.scsb2-1 img { display: block;width: 100%; }
.scsb2 ul li p { line-height: 70px;text-align: center;font-size: 17px;color: #4f4f4f; }
.mtjs { width: 1199px;margin: 0 auto; }

.ban{ width:1199px; height:690px; position:relative; overflow:hidden;margin:40px auto 46px;position: relative;}
.ban2{ width:1199px; height:579px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:1199px; height:579px;}
.prev{ float:left; cursor:pointer;}
.num{ height:98px;overflow:hidden; width:1199px; position:relative;float:left;}
.min_pic{ padding-top:10px; width:1199px;}
.min_pic { position: relative;overflow: hidden; }
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:179px; height:98px; margin: 0 10px;}
.num ul li.on a::before { background-color: rgba(0, 0, 0, 0);}
.prev_btn1{ width:50px; text-align:center; height:50px; cursor:pointer; position: absolute;z-index: 999;left: 19px;top: 26px;}
.next_btn1{  width:50px; text-align:center; height:50px;position: absolute;right: 19px;top: 26px;z-index: 999;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left;position: relative;}
.num ul li a {position: relative; display: block;}
.num ul li a::before {
    content: '';
    background-color: rgba(0, 0, 0, 0.6);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0px;
    top: 0px;
    z-index: 9;}
.zhnl2 { margin-bottom: 265px; }
.zhnl2 table { border: 2px solid #a6a6a6; }



@media screen and (max-width:1440px){

.main1,.ft1,.mbx1,.about,.product,.newsshow,.zzzs,.scsb,.spjsshow,.spjs,.main4{ width: 96%; }
.header { width:  90%; }
.logo { width: 37%; margin-right: 1%;}
.head2 { width: 64%;     margin-top: 40px;}
.main1-l { width: 50%;margin-right: 1%; }
.main1-r { width: 49%; }
.main2-2 { margin: 0 auto 20px; }
.main2 ul li h4 { font-size: 24px; }
.main2 ul li h5 { font-size: 14px; }
.main2 ul li p { font-size: 12px;line-height: 22px;    margin-top: 15px; margin-bottom: 20px; }
.ibox { width: 96%; }
.ibox .showbox ul li { width: 31.33%;margin: 0 1%; }
.ft1-1 { width: 63%;margin-right: 2%; }
.ft1-2 { width: 35%; }
.ft1-1-a { width: 23%; }
.ft1-1-b { width: 27%; }
.ft1-1-c { width: 22%; }
.ft1-1-d { width: 28%; }
.ft1-2-1 img { width: 100%; }
.ft1-2-2 h5 ,.ft1-2-2 h5 .ft1-2-2-ts{ font-size: 24px; }
.ft1-2-2 h5 .ft1-2-2-ts { padding-left: 10px;}
.banner1 img { width: 100%; }
.mbx1-l li { width: 140px; }
.mbx1-l li a {font-size: 18px;}
.gswz2-1,.gswz2-2 { width: 49%; }
.gswz2-1 img ,.gswz2-2 img { width: 100%; }
.zjlzc1 { width: 65%; }
.zjlzc2 { width: 33%; }
.zjlzc2 img ,.zzjg img ,.cqxn2{ width: 100%; }
.lxwm { width: 100%; }
.lxwm-l ,.lxwm-r { width: 49%; }
.lxwm-l {height: 470px;}
.cpfw3 li { width: 31.33%;margin-right: 2%;padding-top: 3%;padding-left: 2%;padding-right: 2%; }
.cpfw3 .cpfw3-ts2 { width: 49%; }
.pro li { width: 31.33%;margin: 0 1% 2%; }
.pro li .pro1 {position: relative; padding-bottom: 69%;width: 100%;height: auto;overflow: hidden;}
.pro li .pro1 img {position: absolute;left: 0;top: 0;width: 100%; height: auto;}
.hr-l-1-2,.hr-l-2-2 ,.hr-r-2{ width: 90%; }
.hr-l-1-2 h5,.hr-l-2-2 h5 ,.hr-r-2 h5 { font-size: 20px;line-height: 36px; }
.hr-l-1-2 p,.hr-l-2-2 p ,.hr-r-2 p { font-size: 14px;line-height: 26px; }
.qywh1 { margin-bottom: 5%; margin-top: 3%;}
.qywh2 img { width: 100%;}
.sczln1 { width: 49%;height: 391px; }
.sczln2 { width: 51%; }
.sczln1 li h5 {font-size: 22px;line-height: 36px;}
.sczln2 img { width: 100%; }
.news ul {width: 100%;}
.news .main4-1-1 { width: 8%; margin-right: 1%;}
.news .main4-1-2 {width: 91%;}
.newsshow { margin: 4% auto 6%;}
.y_edit2 img { width: 100%;}
.zhnl1-1,.zhnl1-2 { width: 49%;}
.zzzs { margin: 4% auto 5%;}
.zzzs ul li { width: 23%;margin: 0 1% 2%;}
.zzzs li .zzzs1 {position: relative; padding-bottom: 132%;width: 100%;height: auto;overflow: hidden;}
.zzzs li .zzzs1 img {position: absolute;left: 0;top: 0;width: 100%; height: auto;}
.scsb { margin: 4% auto 6%; }
.scsb1 { margin-bottom: 4%; }
.scsb1-l,.scsb1-r { width: 49%; }
.scsb2 {width: 100%;}
.scsb2 ul li { width: 23%;margin: 0 1% 2%; }
.main2 ul li h4 { font-size: 23px;}
.carousel-example { width: 96%; }
.carousel-example .flex-item { padding: 0 1%;width: 100%; margin: 0;}
#H_menulist .nav1-2 a ,#H_menulist .nav1-5 a{ margin-left: 21px; }
#H_menulist .nav1-4 a {  margin-left: 20px;}
#H_menulist li a { margin-left: 17px; }
#H_menulist li a p { font-size: 18px; }
.spjs { margin: 4% auto 3%; }
.spjs ul li {width: 31.33%;margin: 0 1% 2%;}
.spjs ul { margin-bottom: 2%; }
.spjs-1 video {width: 100%;height: auto;}
.header { margin-left: 2%; }
.logo {width: 35%;}
.main4 { margin: 3% auto 4%; }
.main4-1 {width: 46%;}
.main4-1-1 { width: 18%; }
.main4-1-2 { width: 82%; }
.main4-1 ul li { padding: 2% 0; }
.main4-2 { width: 54%; }
.main4-2 ul li { width: 48%;margin-left: 2%; }
.main4-2-1 img { display: block;width: 100%;height: auto; }
.spjs-1 img { width:  100%;height:  auto; }
.hr { height: 720px; }
}
@media screen and (max-width:1366px){
.logo { width: 38%; margin-right: 1%;}
.head2 { width: 61%;     margin-top: 40px;}
.lxwm-l {height: 444px;}
.sczln1 { height: 371px; }
#H_menulist .nav1-2 a { margin-left: 25px !important; }
.logo { width: 35%; }
.head2 { width: 64%; }
.header-r { width: 90px;    padding-left: 9px; }
}

@media screen and (max-width:1280px){
.header { height: 100px; }
#H_menulist li a p { font-size: 17px; }
#H_menulist li a span { font-size: 12px; }
.zjlzc1-2 { margin-bottom: 200px;}
.lxwm-l { height: 416px;    padding-left: 100px;}
.sczln1 { height: 347px; padding-top: 29px;padding-left: 79px;}
.scsb1 table th { font-size: 18px; }
.scsb1 table td { font-size: 12px; }
.mtjs { width: 96%; }
.ban{    zoom: 0.9;}
.ft1-2-2 h5 ,.ft1-2-2 h5 .ft1-2-2-ts{ font-size: 22px; }
.spjsshow2 video { width: 90%;height: auto; }
.spjsshow { margin: 4% auto; }
.news li { margin-bottom: 2%; }
.main4-1-2 h5 { font-size: 20px; }
.main4-1-1 h5 { font-size: 46px; }
.main1-l-1 { margin-bottom: 25px;margin-top: 30px; }
.logo {  width: 30%;}
.head2 {  width: 69%;}



}

@media screen and (max-width:1024px){
  .header { width: 93%; }
.logo {width: 26%; margin-right: 0;}
.head2 {width: 74%;}
#H_menulist li a { margin-left: 18px; }
.main1-l-1 { margin: 20px 0; }
.main1-l-1 h5 ,.bt1 h5,.main1-l-1 h5 a{ font-size: 40px; }
.main1-l-1 p { font-size: 18px; }
.main1-l-2 p { font-size: 14px; }
.main2 ul li h4 { font-size: 18px; line-height: 30px;}
.main2 ul li h5 { font-size: 12px; line-height: 20px;}
.mbx1-l li { width: 110px; }
.mbx1-l li a ,.mbx1-r p, .mbx1-r a{ font-size: 14px;line-height: 40px; }
.about h4 { margin: 5% 0 3%; font-size: 28px;}
.about1 ul { width: 96%; }
.about1 ul li {width: 25%;}
.about1-1 h5 { font-size: 44px; }
.about1-1 h5 span { font-size: 16px; }
.about1-2 p { font-size: 16px; }
.zjlzc1-2 { margin-bottom: 100px;}
.lxwm-l { padding-left: 40px;    height: 334px;}
.cpfw3 li .cpfw3-2 { font-size: 18px; }
.cpfw3 li .cpfw3-3 { font-size: 14px; }
.hr-l-2-2,.hr-l-1-2 { top: 4%;left: 2%; }
.hr-r-2 { top: 5%;left: 3%; }
.sczln1 { height: 278px; }
.sczln1 li h5 { font-size: 16px; line-height: 26px;}
.sczln1 li p { font-size: 12px; line-height: 22px;}
.y_edit2 { padding: 4% 1%;}
.mbx-ts li a { padding: 0 15px;}
.zhnl h5 { margin: 3% auto;font-size: 26px;}
.zzzsshow1-1 { text-align: center;overflow: hidden;width: 100%;margin: 0 auto;}
.zzzsshow1-1-1 { width: 49%;float: left;}
.zzzsshow1-1-2 { width: 49%;float: right;}
.zzzsshow1 { margin-bottom: 2%;}
.scsb-a h5 { font-size: 24px; }
.ban{    zoom: 0.8;}
.zhnl2 { margin-bottom: 5%; }
.main1-l { width: 100%;float: none; margin-bottom: 3%;}
.main1-r { width: 100%;float: none;text-align: center; }
  .pro1 { margin-bottom: 2%; }
  .pro li { margin: 0 1% 4%; }
  #H_menulist li a ,#H_menulist .nav1-2 a{ margin-left: 22px !important; }
.ft1-2-2 h5 ,.ft1-2-2 h5 .ft1-2-2-ts{ font-size: 16px; }
#H_menulist li a p {  font-size: 15px;}
.header-r { width: 46px;padding-left: 9px; }
.header-r a { font-size: 18px;background: none;    padding-left: 4px; }
.hr { height: 900px; }
}
@media screen and (max-width:900px){
  .header {height: auto;}
  .head2{ margin-top: 20px; }
  #H_menulist li a p { font-size: 13px; }
  #H_menulist li a { margin-left: 8px !important; }
  .main2 ul { background-size: 100% 100%; }
  .main2 ul li { width: 33.33%; height: 500px;    padding-top: 150px;}
  .main3 { padding: 6% 0; }
  .ft1-1 { width: 96%;margin: 0 auto 2%;float: none; }
  .ft1-2 { width: 96%;margin: 0 auto;float: none;text-align: center; }
  .ft1-2-1 img { width: auto;display: inline-block;}
  .ft1-1-1 h5{ font-size: 15px; }
  .ft1-1-1 p { font-size: 12px; }
  .mbx1-l li {width: 100px;}
  .cqxn1 { margin: 4% auto 6%; }
  .lxwm-l { padding-left: 17px;padding-top: 40px;height: 295px;}
  .cpfw {margin-top: 5%;}
  .cpfw1 h5 {font-size: 26px;}
  .cpfw1 p { font-size: 16px; }
  .cpfw1 { margin-bottom: 2%; }
  .cpfw2 p ,.news .main4-1-2 h5 a{ font-size: 14px;line-height: 28px; }
  .news .main4-1-1-1 p { font-size: 16px; }
  .news .main4-1-2 p a { font-size: 12px;line-height: 20px; }
  .news .main4-1-1-2 p { font-size: 14px; }
  .cpfw2 {margin-bottom: 3%;}
  .product {     margin: 4% auto 6%; }
  .hr-l-1-2 h5, .hr-l-2-2 h5, .hr-r-2 h5 { font-size: 16px;line-height: 30px; }
  .hr-l-1-2 p,.hr-l-2-2 p ,.hr-r-2 p { font-size: 12px;line-height: 20px; }
  .sczln1 { width: 100%;}
  .sczln2 { width: 100%;}
  .sczln-a { margin: 4% 0 5%; }
  .news ul { margin-bottom: 4%; }
  .newsshow1 h5 { font-size: 18px;line-height: 36px;}
  .zhnl2 th { font-size: 18px;}
  .zhnl2 td {font-size: 14px;}
  .zzzs li p { line-height: 60px;}
  .scsb1 table .scsb1-l-2 { padding-left: 15px; }
  .scsb1 table th { line-height: 32px;padding: 3% 0; }
  .scsb1 table td { line-height: 26px;padding: 2% 0; }
  .ban{    zoom: 0.6;}
  .hr img { width: 100%; }
  .main2 ul { background: none;background-color: #175397; }
  .main2 ul li { padding-top: 100px;height: 450px; }
  .cpfw3 li .cpfw3-3 { padding-right: 0; }
  .news .main4-1-2 h5 a { font-size: 16px;margin-bottom: 0; }
  #H_menulist li a span {display: none;}
  .logo { margin-top: 29px; }
  .head2 {margin-top: 23px;}
  .navbar { margin-bottom: 0; }
  #H_menulist li a {  margin-left: 24px !important;}
  .header-r a { line-height: 79px; }
  .hr { height: 700px; }
}
@media screen and (max-width:810px){
#H_menulist li a {  margin-left: 16px !important;}
#H_menulist li a, #H_menulist .nav1-2 a {   margin-left: 14px !important;}
#H_menulist li a p {   font-size: 12px;}

.header { width: 90%; }
}
@media screen and (max-width:768px){



.main1-l-1 h5, .bt1 h5 {font-size: 32px;}
.main1-l-1 h5 span { font-size: 16px; }
.main1-l-2 { margin-bottom: 3%; }
.main2 ul li:hover ,.main2 ul li:actice{ padding-top: 30px; }
.bt1 { margin-bottom: 3%; }
.banner-container { z-index: -9999999 !important;}
.mbx1-l li { width: 88px; }
.mbx1-l li a, .mbx1-r p, .mbx1-r a { font-size: 12px; }
.about h4 { font-size: 24px; }
.about1-1 h5 { font-size: 38px;}
.about2 p {font-size: 14px;line-height: 28px;margin-bottom: 25px;}
.zjlzc1 p ,.lxwm-l p,.list, .list p, .list a,.qywh1 p {font-size: 14px;line-height: 28px;}
.zjlzc1-2 { margin-bottom: 50px; }
.cqxn2 table td ,.cqxn2 table th,.pro li p{ font-size: 14px; }
.lxwm-l { height: 253px;}
.pro li { width: 48%;margin: 0 1% 4%; }
.hr { margin-top: 5%; }
.y_edit p, .y_edit2 p ,.scsb2 ul li p{ font-size: 14px;line-height: 28px;}
.zhnl1 { margin-bottom: 4%;}
.zzzsshow1 h5 { font-size: 18px;}

.bt1 h5 { line-height: 50px; }
.hr-l-1-1,.hr-r-1 { display: none; }
.hr-l-1-1-ts,.hr-r-1-ts ,.hr-l-2-1-ts{ display: block; }
.spjsshow1 h5 { font-size: 14px;line-height: 26px; }
.main4-1 {width: 100%;}
.main4-2 {width: 100%;margin-top: 2%;}
.main4-2 ul li { margin: 0 1%; }
.header-r { height: 73px; }
.header-r a { line-height: 73px; }
#H_menulist li a {  margin-left: 11px !important;}
  .hr { height: 1200px; }

}
@media screen and (max-width:640px){
.logo { width: 80%;}
.head2 {width: 19%;}
.sous1 { margin-top: 0px;}
.sous1 p a { display: block;line-height: 50px;}
.btn-navbar { margin-top: 0;margin-right: 44px;}
.layout-left-flyout { top: 73px;}
.ft1-2-1 img {margin-bottom: 2%; }
.ft { padding: 6% 0; }
#H_menulist li a span { display: none; }
.mbx1-l { width: 100%; float: none;}
.mbx1-r {width: 100%;float: none;}
.mbx1-r p { text-align: left; }
.about1 { margin-bottom: 4%; }
.gswz2-1 { margin-bottom: 3%; }
.gswz2-1,.gswz2-2 { width: 100%; }
.cqxn2 table td, .cqxn2 table th { line-height: 22px;padding: 3% 0;font-size: 12px; }
.lxwm-l { width: 100%;margin-bottom: 2%; }
.lxwm-r {width: 100%;}
.cpfw3 { width: 80%;margin: 0 auto; }
.cpfw3 li { width: 100%; padding: 5% 4% 0;}
.cpfw3-ts1 { margin-right: auto; }
.hr-l ,.hr-r{ width: 100%; }
.zzzs ul li { width: 46%;margin: 0 2% 2%;}
.scsb1-l, .scsb1-r { width: 100%; }
.scsb2 ul li {width: 48%;margin: 0 1% 2%;}
.scsb-a h5 { margin-bottom: 2%; }
.scsb1 table { margin-bottom: 2%; }
.cqxn2 .cqxn2-txt { font-size: 18px; }
  .ban{    zoom: 0.4;}
.mbx1-r { display: none; }
#H_menulist li a ,#H_menulist .nav1-2 a{ margin-left: 0 !important; }
.main1-r video { height: auto !important;    width: 100%; }
.cpfw3 .cpfw3-ts2 { width: 100%; }
.spjs ul li { width: 48%; }
.header-r { position: absolute;z-index: 9999999; }
  .hr-l-2-1-ts { display: none; }
  .hr { height: 1500px; }


}

@media screen and (max-width:480px){
.header { height: 80px; }
.main1 { margin: 3% auto; }
.main2 ul li { width: 100%; }
.ft1-2-1 img { width: 100%;}
.ft1-2-2 h5 ,.ft1-2-2 h5 .ft1-2-2-ts { font-size: 22px; }
.ft1-2-3 p ,.footer p, .footer a{ font-size: 12px;line-height: 22px; }
.ft1-1-a { width: 50%; height: 210px;margin-bottom: 2%;}
.ft1-1-b { width: 50%; height: 210px;margin-bottom: 2%;}
.ft1-1-c { width: 50%; }
.ft1-1-d { width: 50%; }
.ft1-1-1 { margin-bottom: 6px; }
.main1-l-1 h5, .bt1 h5 { font-size: 26px;line-height: 52px;}
.bt1 p { font-size: 16px; }
.main1-l-1 h5 span { line-height: 38px; }
.layout-left-flyout { top: 80px; }
.about h4 { font-size: 16px;}
.about1-1 h5 { font-size: 16px; }
.about1-1 h5 span ,.about1-2 p{ font-size: 12px; }
.zjlzc1 { width: 100%;margin-bottom: 2%; float: none;}
.zjlzc2 { width: 100%; float: none;}
.about {     margin: 0 auto 5%; }
.zjlzc1 p, .lxwm-l p ,.cpfw1 p{font-size: 12px;}
.cpfw1 h5 { font-size: 18PX; }
.hr-l-2 { background-color: #259dd1; height: 230px;}
.sczln1 { padding-top: 19px; padding-left: 29px;}
.news .main4-1-1 { width: 19%; }
.news .main4-1-2 { width: 80%; }
.zhnl h5 { font-size: 18px;}
.zhnl2 th {font-size: 14px;}
.zhnl2 td { font-size: 12px;}
.zzzsshow1-1-1 { width: 100%;float: none;margin-bottom: 2%;}
.zzzsshow1-1-2 { width: 100%;float: none;}
  .ban{    zoom: 0.25;}
.main1-l { margin-bottom: 5%; }
.main2 ul li { height: 430px; }
.main2 ul li h4 { font-size: 26px; }
.main2 ul li h5 { font-size: 16px; }
.main2 ul li { padding-top: 100px; }
.main2 ul li:hover { background-color: rgba(23,83,151,1); }
.zjlzc { margin-top: 5%; }
.zjlzc1-1 {    margin-bottom: 15px;}
.zjlzc1-2 {  margin-bottom: 20px;}
.cpfw1 h5 { line-height: 36px; }
.cpfw1 p { line-height: 20px; }
.cpfw3 li { height: 200px; }
.cpfw3 li .cpfw3-2 { margin-bottom: 0px;   margin-top: 8px; }
.ft1-2-2 h5 .ft1-2-2-ts {    display: block;  padding-left: 0;}
.main4-2 ul li {width: 100%;margin-bottom: 2%;}
.header-r {  height: 80px;}
.header-r a {line-height: 80px;}
.btn-navbar {     margin-right: 23px; }
  .hr { height: 1700px; }
}
@media screen and (max-width:360px){
.logo {  width: 74%;}
  .hr { height: 1800px; }
}


.video-container {
    position: relative;
    width: 100%;
  }
  
  /* 桌面端 */
  @media (min-width: 1024px) {
    .video-container {
      padding-top: 56.25%; /* 16:9 */
    }
  }
  
  /* 平板端 */
  @media (max-width: 1023px) and (min-width: 768px) {
    .video-container {
      padding-top: 75%; /* 4:3 */
    }
  }
  
  /* 移动端 */
  @media (max-width: 767px) {
    .video-container {
      padding-top: 65%; /* 9:16 (竖屏) */
    }
  }
  
  .video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  @media (-webkit-min-device-pixel-ratio: 1.25){
    .video-container {
        margin-top: 120px;
    }