body{font-family:"微软雅黑";}
*{margin:0; padding:0; border:0; font-family:"微软雅黑"; box-sizing: border-box; }
ul,li{list-style:none; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; border:0;}
a,a:hover{ text-decoration:none;}


/*----------------------------------------头部-------------------------------------*/
.header .header_right {float: right;}
.header .header_right .header_nav {float: left;}
.header .header_right .header_nav ul li {float: left;}
.header .header_right .header_nav ul li h3 {font-weight: normal;display: block; line-height:85px; padding:0 10px; font-size: 16px;color: #0096bb;position: relative;transition: all 0.3s;}
.header .header_right .header_nav ul li h3 a{ color:#333; font-weight:bold;}
.header .header_right .header_nav ul li:hover a{color: #0096bb;}
.header .header_right .header_nav ul li .dq{color: #0096bb;}
/*--------------------------弹出框出现方式--------------------------*/
.header .header_right .header_nav ul li>div {position: absolute;left: 0;top: calc(100% + 1px);z-index: 9;width: 100%;box-sizing: border-box;transform: translate(0, 0%);height: 0;opacity: 0;overflow: hidden;transition: all 0.5s;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);}
.header .header_right .header_nav ul li>div .two_nav_parent {padding-bottom: 30px;}
.header .header_right .header_nav ul li.on>div {height: auto;transform: translate(0, 0);opacity: 1;transition: all 0.5s;z-index: 16;}
/*--------------------------线的变化--------------------------*/
.header .header_right .header_nav ul li h3 a::after {content: '';position: absolute;width: 0;left:0px;bottom: 0;transform: translate(-50%, 0);height:4px;background: #fff;transition: all 0.3s;}
.header .header_right .header_nav ul li.on h3 a::after {content: '';position: absolute;width: calc(100%);left: 50%;bottom: -1px;transform: translate(-50%, 0);height: 4px;background: #fff;transition: all 0.3s;}
/*--------------------------线的变化--------------------------*/
.header .header_right .header_nav ul li .product_center_pull_down {width: 100%;background: #fff;display: flex;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav_parent_left {float: left;margin-top:30px;width:50%; margin-left:100px;}

.header .header_right .header_nav ul li .product_center_pull_down .nav_left_img { width: 31.93%;float:right;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.header .header_right .header_nav ul li .product_center_pull_down .nav_left_img img {width: 100%;height: auto;display: block;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav {float: left;width:400px;margin-right: 50px;margin-top: 20px;}
.header .header_right .header_nav ul li:nth-child(3) .product_center_pull_down .two_nav_parent_left .two_nav { float:left;}

.header .header_right .header_nav ul li .product_center_pull_down .two_nav h5 {font-weight: normal; }
.header .header_right .header_nav ul li .product_center_pull_down .two_nav h5 a {display: block;font-size: 16px;color: #333;line-height: 24px;display: flex;align-items: center;transition: all 0.3s;  }
.header .header_right .header_nav ul li .product_center_pull_down .two_nav h5 a .img {width: 20px;height: 20px;margin-right: 16px;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav h5 a .img img {width: 100%;height: 100%;display: block;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav h5 a .img .images_hover {display: none;}

.header .header_right .header_nav ul li .product_center_pull_down .two_nav:hover h5 a {color: #0096bb;transition: all 0.3s;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav:hover h5 a .img .images_hover {display: block;transition: all 0.3s;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav:hover h5 a .img .images {display: none;transition: all 0.3s;}
.header .header_right .header_nav ul li .nav_two {left: 0;box-sizing: border-box;background: #fff;}

.header .header_right .header_nav ul li .nav_two .nav_left_img {width: 31.93%;float:right;overflow: hidden;display: flex;align-items: center;justify-content: center; margin-right:60px;}
.header .header_right .header_nav ul li .nav_two .nav_left_img img {width: 100%;height: auto;display: block;}

.header .header_right .header_nav ul li .nav_two .nav_two_a {float: left;margin-top:50px;width:50%; margin-left:100px;}
.header .header_right .header_nav ul li .nav_two .nav_two_a a {display: block;float: left;font-size: 16px;color: #666;line-height: 36px;margin-right: 100px;margin-bottom: 10px;transition: all 0.3s;min-width: 100px;}
.header .header_right .header_nav ul li:nth-last-child(1) .nav_two .nav_two_a a {font-size: 16px;}
.header .header_right .header_nav ul li:nth-last-child(2) .nav_two .nav_two_a a {font-size: 16px;}
.header .header_right .header_nav ul li .two_nav_parent_botom .nav_two .nav_two_a a {margin-right: 60px;}
.header .header_right .header_nav ul li:nth-child(4) .product_center_pull_down .two_nav:nth-child(4) .nav_two {display: none;}
.header .header_right .header_nav ul li .nav_two .nav_two_a a:hover {color: #0096bb;transition: all 0.3s;}

.header .header_rest {float: right;margin-left:20px;}
.header .header_rest .header_phone {line-height: 80px;font-size: 24px;color:#0096bb;font-weight: bold;padding-left:30px;background: url(../images/phone1.png) no-repeat left center;float: left;transition: all 0.3s;}

.header .two_nav_bg {width: 100%;position: absolute;left: 0;top: 81px;height: 0;background: #fff;opacity: 0.95;overflow: hidden;transition: all 0.4s;}
.header .two_nav_bg::after {content: "";position: absolute;left: 0;top: 0;}
.header .two_nav_bg img {width: 20.36%;display: block;margin: 66px 0 0 5.73%;}

.header.on {background: #fff;transition: all 0.3s;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16);}
.header.on .header_right .header_nav ul li .dq { transition: all 0.3s;}
.header.on .header_right .header_nav ul li.on h3 a::after {background: #0096bb;}

/*----------------------------------------banner-------------------------------------*/
.carousel {width: 100%;overflow: hidden;position: relative; margin-top:86px;}
.carousel .swiper-wrapper .swiper-slide {width: 100%;}
.carousel .swiper-wrapper .swiper-slide a {display: block;}
.carousel .swiper-wrapper .swiper-slide img {width: 100%;display: block;}
.carousel .swiper-pagination.carousel_fy {bottom: 30px;display: flex;align-items: center;justify-content: center;}
.carousel .swiper-pagination.carousel_fy span {display: block;width: 10px;height: 10px;background:#CCC;margin: 0 3px;border-radius: 5px;opacity: 1;transition: all 0.3s;}
.carousel .swiper-pagination.carousel_fy span.swiper-pagination-bullet-active {width:15px;background: #CCC;transition: all 0.3s;}

/*----------------------------------------标题-------------------------------------*/
.bti{ margin:20px 0;}
.bti h2{ text-align:center; font-size:30px; line-height:32px; font-weight:normal;}
.bti h2 a{color:#333;}
.bti p{ text-align:center; font-size:14px; color:#999; padding-top:12px;}
.bti hr{ height:2px; border-bottom:3px solid #0096bb; width:50px; margin:10px auto 5px;}
.bti label{display: block; width: 30px; height:3px; background: #fcc442; margin: 0px auto;}
/*----------------------------------------chanpin-------------------------------------*/
.product{ padding:30px 0px;}
.cpl{ float:left; width:24%;}
.cpl h2{ background-color:#0388a9; padding:17px 30px; color:#fff; margin-bottom:10px; border-radius:10px 0px 5px 0px; box-shadow:3px 3px 3px rgba(0,0,0,0.15);}
.cpl ul li{ margin-bottom:10px; background-color:#eee; border-radius:0px 0px 5px 0px; box-shadow:3px 3px 3px rgba(0,0,0,0.15);}
.cpl ul li a{color:#333; font-size:16px; padding:12px 0px 12px 30px; display:block;}
.cpl ul li:hover{background-color:#0388a9;}
.cpl ul li:hover a{ color:#fff;}
.cpr{ float:right; width:75%;}

.hvr-sweep-to-bottom {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s}
.hvr-sweep-to-bottom:before {content: "";position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #305DC3;-webkit-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform; -webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}
.pro-item{ width:31%; margin:15px 1%; float:left; overflow: hidden; box-shadow: 5px 5px 5px rgba(0,0,0,0.15); border-radius:10px;}
.pro-item img{ width:100%; transition: all .35s ease;}
.pro-item .content-box {text-align: center;background: #fff;border-top: 2px solid #0096bb;display: block;margin-top: 0;padding: 15px 20px}
.pro-item .content-box:before {background: #0096bb;}
.pro-item:hover .content-box {border-top-color: #0096bb;}
.pro-item .content-box h2 a {color: #333; overflow: hidden; white-space: nowrap; font-size:14px;}
.pro-item:hover .content-box:before {-webkit-transform: scaleY(1);transform: scaleY(1)}
.pro-item:hover .content-box h2 a {color: #fff}
.pro-item .content-box h2 {text-transform: uppercase;color: #0096bb;margin: 0;font-size: 18px;font-weight: 700;transition: all .3s ease;overflow: hidden}
.pro-item a:hover img { transform:scale(1.1); transition: all .35s ease;}

.shengchan{background-color: rgba(245, 245, 245, 1); padding:30px 0px;}
.shengchan .hvr-sweep-to-bottom {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px transparent;-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s}
.shengchan .hvr-sweep-to-bottom:before {content: "";position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #305DC3;-webkit-transform: scaleY(0);transform: scaleY(0); -webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform; -webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}
.shengchan .pro-item{ width:270px; margin:10px; float:left; overflow: hidden; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05)}
.shengchan .pro-item img{ width:100%; transition: all .35s ease;}
.shengchan .pro-item .content-box {text-align: center;background: #fff;border-top: 2px solid #0096bb;display: block;margin-top: 0;padding: 15px 20px}
.shengchan .pro-item .content-box:before {background: #0096bb;}
.shengchan .pro-item:hover .content-box {border-top-color: #0096bb;}
.shengchan .pro-item .content-box h2 a {color: #333;}
.shengchan .pro-item:hover .content-box:before {-webkit-transform: scaleY(1);transform: scaleY(1)}
.shengchan .pro-item:hover .content-box h2 a {color: #fff; overflow: hidden; white-space: nowrap;}
.shengchan .pro-item .content-box h2 {text-transform: uppercase;color: #0096bb;margin: 0;font-size: 18px;font-weight: 700;transition: all .3s ease;overflow: hidden}
.shengchan a:hover img { transform:scale(1.1); transition: all .35s ease;}

.container{ margin: 0 auto; width:100%; padding:0px 40px;  position: relative;}
.roll-wrap{ position: relative; width:100%;  }
.roll-wrap .aa{position: relative; width:100%; height: 300px;  overflow: hidden;}
.roll_row .roll__list::before, .roll_row .roll__list::after { content: ""; display: table; line-height: 0;}
.roll_row .roll__list::after { clear: both;}
.roll_row .roll__list{ width: 9999px;}
.roll_row .roll__list li{ float: left; display: block;  }
.control{ position: absolute; top:100px; padding:20px 10px;font-weight: bold; text-decoration: none;  color: #fff; background-color: rgba(0, 0, 0, .7);}
.control:hover{ background-color: rgba(0, 0, 0, .5);}
.control.pre{left:-37px;}
.control.next{ right:-40px;}
/*----------------------------------------about-------------------------------------*/
.about{ padding:20px; background-color: rgba(245, 245, 245, 1); height:650px;}
.abo{ background:url(../images/about.png) center center; height:250px; position:relative;}
.abol{ width:50%; float:left; margin-top:300px;}
.abol ul li{ float:left; padding:20px;}
.abol ul li h2{ font-size:26px; color:#333;}
.abol ul li h2 span{ font-size:60px; color:#0096bb;}
.abol ul li p{ font-size:16px; color:#999;}
.abor{ width:45%; padding:22px 30px; background-color:#0388a9; border-top-right-radius: 50px; position:absolute; z-index:9;  top:150px; right:0px;}
.abor h2{ color:#fff; margin-bottom:20px; font-size:18px;}
.abor p{ color:#fff; line-height:25px; font-size:14px; margin-bottom:5px;}
.abog{ display:block; width:130px; border:1px solid #fff; border-radius:50px; padding:10px; color:#fff; text-align:center; margin-top:10px;}
.abog:hover{ background-color:#fff; color:#0388a9;}
.abot{ background-color:#fcbe02; width:200px; height:200px; position:absolute; z-index:1; top:274px; right:388px;}

/*----------------------------------------新闻-------------------------------------*/
.news{ padding:30px 0;}
.news ul li{ width:49%; margin:10px 0.5%; float:left;}
.news ul li .time{width:80px; float:left;}
.news ul li .time span{ background-color:rgba(245, 245, 245, 1); text-align:center; color:#333; padding:10px; float:left; width:80px; }
.news ul li .time .dat{ font-size:28px; color:#0388a9; padding-bottom:0px;}
.news ul li .time .year{ font-size:14px; color:#0388a9;}
.news .newsnr{ margin-left:2px; padding:16px 15px; float:left; width: calc(100% - 90px);}
.news .newsnr h6{ font-size:22px; color:#333; line-height:25px; margin-bottom:10px; overflow: hidden;}
.news .newsnr h6 a{ color:#333; white-space: nowrap; overflow: hidden; }
.news .newsnr p{ font-size:14px; color:#666; height:19px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; }
.news .newsnr:hover{ background-color:rgba(245, 245, 245, 1)}
.news .newsnr h6 a:hover{ color:#0388a9;}


.nelb ul li{ width:100%; margin:10px 0;}
.nelb h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
/*----------------------------------------历程-------------------------------------*/
.lichen{ padding:30px 0px; }
.lichen .lcc{ height:1px; border-bottom:5px solid #0388a9; margin-top:100px;}
.lichen ul li{ width:206.6px; float:left; padding:0px 10px; margin-top:-61px; overflow:hidden;}
.lichen ul li img{ width:100%; transition: all .35s ease;}
.lichen ul li h5{ font-size:24px; text-align:center; color:#333; margin:10px 0px;}
.lichen ul li p{ font-size:14px; color:#666; margin:10px 0px; height:114px;}
.lichen ul li span{ width:15px; height:15px; background-color:#0388a9; display:block; border-radius:10px; margin:10px auto; border:3px solid #fff;}
.lichen ul li label{ width:1px; height:40px; border-left:1px dashed #ccc; display:block; margin:0 auto;}
.lichen ul li:hover h5{ color:#0388a9;}
.lichen ul li:hover span{ border:3px solid #0388a9;}
.lichen ul li:hover img{transform:scale(1.1); transition: all .35s ease;}
/*----------------------------------------foot-------------------------------------*/
.foot{ margin-top:30px; padding:20px 0px; background-color:#0388a9;}
.fool{ width:55%; float:left;}
.fool h2{ color:#fff; margin:10px 0px 20px; font-size:18px;}
.fool ul li{ float:left;  color:#fff; margin-bottom:10px;}
.fool ul li a{ font-size:14px;  padding:0px 10px; color:#fff;}
.fool ul li a:hover{ color:#eee;}
.fool p{ font-size:14px; line-height:25px; color:#fff;}
.fool p a{ color:#fff;}
.fool p a:hover{ color:#eee;}
.foor{ width:45%; float:right;}
.foor h3{ color:#fff; margin:10px 0px;}
.foor p{font-size:14px; line-height:25px; color:#fff;}

/*----------------------------------------子栏目banner-------------------------------------*/
#banner .bimg{ width:100%;}
.posites { position: absolute; left: 30px;  right: 30px; top: 110px;  padding-top: 26px; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;  -webkit-align-items: center;  -moz-box-align: center; -ms-flex-align: center;  align-items: center; border-top: 1px solid rgba(255, 255, 255, 0.1); z-index: 5; color:#333; }
.posites a, .posites b { display: inline-block; color: #333; font-size: 16px;}
.posites b { margin: 0 14px; font-weight: normal;}
.about-ptext1 {  margin:0 auto; padding-top:210px; position:absolute; top:0px; left:50%; margin-left:-80px;}
.about-ptext1 strong {font-size:40px;  font-weight: normal;  color:#0388a9; }

.daohang{ border-bottom:1px solid #ccc;}
.daohang ul li{ float:left; text-align:center; line-height:30px; width:12.5%; padding:20px 0px;   border-bottom:2px solid #fff;}
.daohang ul li a{ color:#333;  border-right:1px solid #eee;  display:block; width:100%;}
.daohang ul li:hover{  border-bottom:2px solid #0388a9;}
.daohang ul li:hover a{ color:#0388a9;}
.daohang ul li a.ddq{ color:#0388a9;}
	
.abnr{ padding:50px;}
.abnr h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
.abnr p{line-height: 35px; margin-bottom: 5px; font-size:16px; color:#333;}
.abnr img{ margin:20px auto; display:block;}
.fznr{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin:20px 0px 0px 50px;}
.whnr{ padding:50px;}
.whnrbj{ background:url(../images/khzs_bg.jpg) top center; margin-bottom:-30px;}
.whnrbb{ margin:0 auto;}
.whnr h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
.whnr .wh{ float:left; width:150px; margin:0px 20px; border-radius:150px; text-align:center; background-color:#fff;box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); transition: all .35s ease;}
.whnr .wh h3{ background-color:#fff; color:#0388a9; border-radius:150px; width:150px; margin:0px auto; padding:50px 0px; text-align:center; margin-bottom:30px; border:3px solid #0388a9;}
.whnr .wh p{ color:#333;  font-size:14px; font-weight:normal; text-align:center; line-height:25px;}

.ppnr{ padding:50px;}
.ppnr h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
.ppnr img{ margin:20px auto; display:block;}
.shnr{ padding:50px; }
.shnr h1{ color:#0388a9;margin-bottom:30px;}
.shnr h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
.shnr h3{ color:#fff;  background-color:#0388a9; padding:15px; width:250px; text-align:center; border-radius:50px; box-shadow: 0px 5px 0px rgba(0, 0, 0, 0.1); margin-bottom:20px;  }
.shnr .shwz1{ width:350px; }
.shnr p{line-height: 35px; margin-bottom: 5px; font-size:16px; color:#333;}
.shnr p span{ font-size:22px; margin-right:5px;}
.shwz{ background-color:rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.16); padding:30px; margin-bottom:20px;}
.shbj{ background:url(../images/khzs_bg.jpg) center;}
.lxnr hr{ height:1px; border-bottom:1px dashed #ccc; margin:20px 0px;}

.zznr{ padding:50px 0px;}
.zznr h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
.zznr p{line-height: 35px; margin-bottom: 5px; font-size:16px; color:#333;}
.zznr ul li{ width:32%; margin:10px 0.5%; float:left; }
.zznr ul li .zzimg{overflow:hidden; display:block; height:auto;}
.zznr ul li a{overflow:hidden; display:block; height:auto;}
.zznr ul li img{ width:100%; transition: all .35s ease;}
.zznr ul li p{ text-align:center;}
.zznr ul li:hover img{transform:scale(1.1); transition: all .35s ease;}
.rynr{padding:50px;}
.rynr h2{ color:#0388a9; border-left:3px solid #0388a9; padding-left:10px; margin-bottom:30px;}
.rynr img{ margin:0 auto; display:block;}

.neir{ padding:50px;}
.neir h2{ text-align:center; color:#333;}
.neir img{ margin:20px auto; display:block;}
.neir h3{ color:#0388a9; margin:20px 0px 10px;}
.neir p{line-height: 35px; margin-bottom: 5px; font-size:16px; color:#333;}
.neir table{ border-bottom:1px solid #ccc; border-left:1px solid #ccc; margin:20px 0px;}
.neir td{ border-top:1px solid #ccc; border-right:1px solid #ccc; text-align:center; line-height:35px; font-size:16px; color:#333;}
.nrfab{ border-bottom:1px dashed #999; padding:10px 0px; margin-bottom:20px;}
.nrfab li{ float:right; font-size:14px; color:#999; padding-left:25px; margin:0px 10px;}
.nrfaa{ background:url(../images/fab1.png) no-repeat;}
.nrfas{ background:url(../images/fab2.png) no-repeat;}
.nrfal{ background:url(../images/fab3.png) no-repeat;}
.page{ margin-top:20px;}
.page ul li{ color:#666; }
.page ul li a{ color:#666;}
.page ul li a:hover{ color:#333;}

.yema{ text-align:center;margin:50px auto 0; overflow:hidden;}
.yema ul{}
.yema li{display:inline-block;font-family:Arial;font-size:18px;color:#848484;line-height:40px; }
.yema li a{color:#848484;display:block; padding:0 15px;border:1px solid #d2d2d2;height:40px; border-radius:5px;}
.yema li.pages_solid{ background:#0388a9;color:#fff;border:1px solid #065cc7; border-radius:5px;}
.yema li:hover{ background:#0388a9;color:#fff; border-radius:5px;}
.yema li:hover a{ color:#fff; border:1px solid #0388a9; border-radius:5px;}
.yema b{ background:#0388a9;color:#fff; display:block; padding:0 15px; border:1px solid #0388a9; height:40px; border-radius:5px;}

.epc1 li{ float:left; width:50%; margin-bottom:20px;}
.epc1 li img{ width:100%; margin:0;}
.epc1 li p{ font-weight:bold;}
.epc1 .epc2{ width:61%;}
.epc1 .epc3{ width:37.7%; float:right;}
.bim li{ float:left; width:32.3%; margin:10px 0.5%;}
.bim li img{ width:100%; margin:0;}
.bim li p{ text-align:center; font-weight:bold;}
.zhi li{ float:left; width:19%; margin:10px 0.5%;}
.zhi li img{ width:100%; margin:0;}
.zhi li p{ text-align:center; background-color:#0388a9; color:#fff; font-weight:bold; padding:5px 0px;}

@media (min-width: 1240px){
.w1440{width: 1240px; margin:0 auto;}
.w1420{width:1240px; margin:0 auto;}

.dnyc{ display:none;}
.header .logo{ margin-top:20px; width:420px;}

.header { background-color: rgba(255, 255, 255, 0.7);width: 100%;border-bottom: 1px solid rgb(20 92 154 / 46%);position: fixed;left: 0;top: 0;z-index: 99;transition: all 0.3s;}
.fancybox-lock .header {position: absolute;}

#banner{height:400px; position:relative; overflow:hidden;}
#banner img{ margin:0 auto; display:block;}
.whnrbj{  height:600px;}
.whnrbb{ width:950px;}
.whnr .wh{ height:400px;}
.whnr .wh h3{ height:150px;}
.whnr .wh:hover{background-color:#0388a9;transition: all .35s ease;}
.whnr .wh:hover h3{ background-color:#fff; color:#333; border:3px solid #0388a9;}
.whnr .wh:hover p{ color:#fff; }
.lxnr h1{ color:#0388a9;margin-bottom:50px; font-size:24px;}
.lxnr p{ line-height: 35px; margin-bottom: 10px; font-size:18px; color:#333; margin-left:40px;}
.zhi li p{ height:80px;}
}
@media (max-width: 1239px){
.sjyc{ display:none;}
.w1440{width:100%; margin:0 auto;}
.w1420{width:100%; margin:0 auto;}

.header .logo{ height:30px; margin:10px 0px;}
.header { background-color: rgba(255, 255, 255, 0.7);width: 100%;border-bottom: 1px solid #0096bb;position: fixed;left: 0;top: 0;z-index: 99;transition: all 0.3s; }
.fancybox-lock .header {position: absolute;}
.header .header_right,.header .header_right .header_nav{ width:100%}
.header .header_right .header_nav ul li{ width:33.3%; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.header .header_right .header_nav ul li h3{display: block; line-height:40px; padding:0px; font-size: 14px;color: #0096bb;position: relative;transition: all 0.3s; text-align:center;}
.header .header_right .header_nav ul li .product_center_pull_down .nav_left_img{ display:none;}
.header .header_right .header_nav ul li .nav_two .nav_left_img{ display:none;}
.header .header_right .header_nav ul li .nav_two .nav_two_a{ float:none; margin:10px;}
.header .header_right .header_nav ul li .nav_two .nav_two_a a{width:100%;}
.header .header_right .header_nav ul li>div .two_nav_parent{ width:80%; margin:0 auto;}
.header .header_right .header_nav ul li:nth-child(2) .product_center_pull_down .two_nav_parent .two_nav_parent_left{ width:100%;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav{ width:100%;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav_parent_left{ margin:5px 10px 10px; width:100%; float:none;}
.header .header_right .header_nav ul li:nth-child(3) .product_center_pull_down .two_nav_parent_left .two_nav { width:100%;}
.header .header_right .header_nav ul li>div{ top:92px;}
.header .header_right .header_nav ul li .nav_two{background-color: rgba(255, 255, 255, 0.9);}
.header .header_right .header_nav ul li .product_center_pull_down{background-color: rgba(255, 255, 255, 0.9);}
.header .header_rest{ margin-left:0px;}
.header .header_rest .header_phone{background:none; line-height:30px; font-size:16px; margin:10px 10px 0px 0px; padding-left:0px;}
.carousel{ margin-top:135px;}
.carousel .swiper-pagination.carousel_fy{bottom:10px;}
.header .header_right .header_nav ul li .product_center_pull_down .two_nav{ margin-right:0px;}

.pro-item{ width:48%;}
.about{ padding:10px; height: 630px;}
.abo{ height:400px;}
.abog{ padding:10px; width:100px;}
.abol{ float:none; width:100%; margin-top:0px;display:none;}
.abor{ width:100%; padding:30px 20px; top:50px;}
.abor h2{ font-size:16px; font-weight:bold;}
.abot{ display:none;}
.news ul li{ width:100%; margin:10px 0;}
.product,.news{ padding:0px 0px;}
.bti h2 a{ font-size:18px; font-weight:bold;}
.pro-item .content-box h2 a{ font-size:14px; white-space: nowrap; overflow: hidden;}
.news .newsnr h6{ font-size:16px;}
.fool,.foor{ width:100%; float:none; padding-left:10px;}
.fool h2{font-size:16px; font-weight:bold;}
.abnr,.whnr,.shnr,.zznr,.ppnr,.rynr,.neir{ padding:50px 10px;}
.abnr img,.ppnr img,.rynr img,.shnr img{width:100%;}
.neir img{width:100%;}
.cpl,.cpr{ width:100%; float:none; padding-left:0px;}
.cpl h2{ font-size:18px; padding:13px 30px;}
.cpl ul li{width:49%; margin:0px 0.5% 10px; float:left; padding:0px 8px; }
.cpl ul li a{ font-size:14px; padding:10px 0px; overflow: hidden; white-space: nowrap; }

#banner{ margin-top:135px;}
.daohang ul li{ float:left; text-align:center; line-height:25px; width:33%; padding:7px 0px; border-bottom:2px solid #fff;}
.daohang ul li a{ color:#333;  border-right:1px solid #eee;  display:block; width:100%;}
.daohang ul li:hover{  border-bottom:2px solid #0388a9;}
.lichen ul li{ width:100%; margin-top:10px;}
.lichen .lcc,.lichen ul li label{display:none;}
.posites{ left:5px; top:120px;}
.posites a, .posites b{ font-size:12px;}
.posites a img{ width:15px;}
.about-ptext1{ margin-left:-35px; padding-top:20px; top:160px;}
.about-ptext1 strong{ font-size:16px; font-weight:bold;}
.shnr h1{ font-size:20px;}
.zznr ul li{ width:49%}
.control.pre{left:0px;}
.control.next{ right:0px;}

.whnr .wh{ float:none; width:99%; margin:15px 0.5%; border-radius:10px; padding-bottom:20px;}
.whnr .wh h3{border-radius:10px; width:100%; margin:0px auto; padding:10px 0px; margin-bottom:20px; background-color:#0388a9; color:#fff;}
.whnr .wh p{ color:#333;  font-size:14px; font-weight:normal; text-align:center; line-height:25px;}
.shnr h3{  padding:5px; width:330px; }
.shnr .shwz1 {width: 330px;}
}
@media (max-width: 768px){
.epc1 li{ width:100%;}
.epc1 .epc2{ width:100%;}
.epc1 .epc3{ width:100%; float:none;}
.bim li{ float:none; width:100%; margin:10px 0;}
.zhi li{ float:none; width:100%; margin:10px 0;}

}