@charset "utf-8";
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
html{ font-size:62.5%;}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,img{ margin:0; padding:0;}
body {font-size:12px; font-family:"微软雅黑";color:#333;background:#fff; outline:none;}
h1,h2,h3,h4,h5,h6{text-decoration:none;font-size:100%;} 
img,input,button { border:none; padding:0;margin:0;outline-style:none; }
select, input, textarea { font-size:12px; margin:0; padding: 0; outline: none;}
select, input { vertical-align:middle;}
textarea { resize:none; }
ul, ol { list-style:none; }
img {vertical-align:middle; font-size:0; border: 0; outline: none; max-width: 100%;}
i,em{font-style:normal;text-decoration:none;}
a {color:#333;text-decoration:none;outline:none;}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }
.fl{float:left;}
.fr{float:right;}
.tc{ text-align:center;}
.last{margin-right:0px !important;}
.div1720{ width:1720px; margin:0 auto;}
.wrap{max-width:1920px; min-width:320px; margin:0 auto; position:relative; overflow: hidden;}
/*index*/
.header{ position: relative;}
.banner{ text-align: center;}
.banner img{ width: 100%;}
.banner .li_top{ position: absolute; top: 47%; width: 100%; left: 0; z-index: 9999;}
.banner .li_top img{ width: 15%;}
.banner .swiper-slide-active .li_top{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.top{ background: rgba(255,255,255,0.5); position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}
.logo{ margin-top: 1.6%; width: 22%;}
.logo img{ width: 100%;}
.nav{ margin-left: 16%; padding-top: 2.2%;}
.nav > .yiji > li{ float: left; margin-right: 60px;padding-bottom: 4.6%;}
.nav > .yiji > li:last-child{ margin-right: 0 !important;}
.nav > .yiji > li > a:before{ content: ""; position: absolute; top: -38px; left: 50%; margin-left: -2.5px; width: 5px; height: 0; background: #19a1dd;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.nav > .yiji > li > a{ display: block; font-size: 18px; color: #000; position: relative; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.nav > .yiji > li:hover > a{ color: #19a1dd;}
.nav > .yiji > li > a:hover:before{height: 30px;}
.language{ margin-top: 2.2%; margin-left: 1.6%;}
.language span{ font-size: 18px; color: #333;}
.language i{ font-size: 18px; color: #19a1dd;}
.language img{ vertical-align: baseline; margin-left: 5px;}
.language-chose{ display: none; padding: 10px 0; position: absolute; top: 100%; right: 8%; z-index: 9999; background: rgba(0,0,0,0.5); width: 112px; text-align: center;}
.language-chose ul li{ line-height: 24px;}
.language-chose ul li a{ font-size: 12px; color: #fff;}
.language-chose ul li a:hover{ text-decoration: underline;}
.search{ margin-top: 2.2%;}
.search-box{ display: none; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(0,0,0,0.5); padding: 1% 0;}
.search-box .search-input{ float: left; width: 92%; line-height: 30px; padding: 0 1%; border: none; border: none; font-size: 14px; color: #333;}
.search-box .search-btn{ float: left; width: 8%; text-align: center; line-height: 30px; border: none; background: #19a1dd; font-size: 14px; color: #fff; cursor: pointer; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.search-box .search-btn:hover{ opacity: 0.8;}
.nav > .yiji > li .erji{ display: none; position: absolute; top: 100%; width: 100%; left: 0; background: rgba(0,0,0,0.5); padding: 1.4% 0;}
.nav > .yiji > li .erji li{ float: left; text-align: center; margin-right: 160px;}
.nav > .yiji > li .erji li:last-child{ margin-right: 0 !important;}
.nav > .yiji > li .erji li p{ font-size: 18px; color: #fff; margin-top: 10px;}
.nav > .yiji > li .erji li img{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.nav > .yiji > li .erji li:hover img{transform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.nav > .yiji > li .erji li:hover p{ color: #19a1dd;}
.menu{ display: none; padding-top: 2.2%; margin-left: 2%;}
/*1100px展开*/
.tb .bgDiv {width: 100%;height: 100%;background-color: #000;opacity: .8;position: fixed;display: none;z-index: 1000;bottom: 0;}
.tb .leftNav{width: 70%;max-width: 400px;height: 100%;background-color: #1b1e23;position: fixed;z-index: 1000;top: 0;left: -70%;}
.navs .sub{ padding-left: 12px; line-height: 36px; border-bottom: 1px solid rgba(255,255,255,0.1); font-size: 14px; color: #fff;}
.navs .sub a{ display: block; font-size: 16px; color: #fff;}
.navs .sub.cur{ background: #19a1dd; color: #fff;}
.navs .sub.cur a{ color: #fff;}
.subCon{ display: none;}
.subCon li{ float: left; width: 50%; text-align: center; padding: 2% 0; border-bottom: 1px solid rgba(255,255,255,0.1);}
.subCon li:nth-child(2n){ border-left: 1px solid rgba(255,255,255,0.1);}
.subCon li p{ font-size: 14px; color: #fff; margin: 6px 0;}
.subCon li:hover p{ color: #19a1dd;}
.new-listing{ background: url(../images/index1_02.png) center center no-repeat; background-size: cover; padding: 11% 0 20%;}
.tit{ position: relative; margin-left: 9%;}
.tit-box:before{ position: absolute; left: 52px; top: -28px; z-index: 0; display: inline-block; content: ""; width: 239px; height: 112px; border: 5px solid #313131;}
.tit-box h3{ position: relative;z-index: 1; font-size: 24px; color: #19a1dd; font-weight: normal; line-height: 32px;}
.tit-box h1{ position: relative;z-index: 1; font-size: 36px; color: #fff; font-weight: normal; font-family: "Arial"; line-height: 32px;}
.lb-list{ margin-top: 11%; position: relative;}
.lb-list .swiper-container{ position: static;}
.lb-list .swiper-slide{ overflow: hidden;}
.lb-list .li_img{ overflow: hidden;}
.lb-list .li_img img{ width: 100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lb-list .li_new{ cursor: pointer; position: absolute; top: 0; left: -1px; z-index: 1; width: 122px; height: 130px; background: url(../images/new.png) center center no-repeat; background-size: 100% 100%;}
.lb-list .li_new p{ padding-left: 20px; font-size: 24px; color: #fefefe; font-family: "Arial"; line-height: 72px;}
.lb-list .li_bg{ text-align: center; position: absolute; top: 0; left: -62.75%; width: 0; height: 100%; z-index: 2; background: rgba(0,0,0,0.85);transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.lb-list .li_bg .li_nr{ padding: 6%;}
.lb-list .li_bg .li_nr h3{ text-align: left;  font-size: 24px; color: #19a1dd; font-weight: normal; border-bottom: 1px solid #fff; padding-bottom: 12px;}
.lb-list .li_bg .li_nr p{ text-align: left;  padding: 3%; font-size: 12px; color: #fffefe; line-height: 28px;}
.lb-list .li_bg .li_nr a{ display: inline-block; font-size: 14px; color: #fff; line-height: 40px; width: 120px; border-radius: 8px; background: #19a1dd; margin-top: 60px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.lb-list .swiper-slide:hover .li_img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.lb-list .swiper-container-horizontal>.swiper-pagination-bullets, .lb-list .swiper-pagination-custom, .lb-list .swiper-pagination-fraction{ bottom: -120px;}
.lb-list .li_bg .li_nr a:hover{ opacity: 0.8;}
.about{ background: url(../images/index1_03.png) center center no-repeat; background-size: cover; padding: 13% 0;}
.about_b{ width: 35%; margin-top: -2%;}
.about_b img{ width: 100%;}
.about_a{ width: 46%; margin-left: 8%; position: relative;}
.tit1{ position: relative;}
.tit-box1:before{ position: absolute; left: 52px; top: -28px; z-index: 0; display: inline-block; content: ""; width: 239px; height: 112px; border: 5px solid #eee;}
.tit-box1 h3{ position: relative;z-index: 1; font-size: 24px; color: #19a1dd; font-weight: normal; line-height: 32px;}
.tit-box1 h1{ position: relative;z-index: 1; font-size: 36px; color: #333; font-weight: normal; font-family: "Arial"; line-height: 32px;}
.about-nr{ position: absolute; top: 200px; left: 0; z-index: 999; width: 1100px; background: rgba(255,255,255,0.9); box-shadow:0 3px 10px #e0e0e0; padding: 4%;}
.about-nr p{ text-indent: 2em; font-size: 16px; color: #333; line-height: 36px;}
.about-nr p:nth-child(1){ margin-bottom: 20px;}
.about_more{ text-align: center; position: absolute; top: 642px;}
.about_more .about-b{ width: 50px; height: 5px; background: #ffd498;}
.about_more a{ margin-top: 40px; display: inline-block; width: 118px; line-height: 38px; border: 1px solid #fff; background: #19a1dd; border-radius: 12px; font-size: 14px; color: #fffefe;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.about_more a:hover{ background: #fff; color: #19a1dd;}
.product-center{ background: url(../images/index1_04.png) center center no-repeat; background-size: cover; padding: 5% 0 0;}
.pro_a{ width: 42%;}
.pro_b{ margin-top: 1%;}
.pro_b ul li{ float: left;}
.pro_b ul li a{ font-size: 18px; color: #999;}
.pro_b ul li span{ font-size: 18px; color: #999; padding: 0 50px;}
.pro_b ul li.cur a{ color: #fff;}
.pro_more{ margin-top: 1%;}
.pro_more a{ font-size: 18px; color: #999;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.pro-list{ margin-top: 4%;}
.con_a{ width: 48.4%; overflow: hidden;}
.con_a img{ width: 100%;}
.con_a:hover img{transform: scale(1.1); transition: all 2s ease 0s;}
.con_b{ width: 50.7%;}
.con_b ul li{ float: left; width: 49.2%; overflow: hidden;}
.con_b ul li:nth-child(1){/*  margin-bottom: 0.9%; */}
.con_b ul li:nth-child(2){/*  margin-bottom: 0.9%; */}
.con_b ul li:nth-child(2n){/*  margin-left: 1.6%; */}
.con_b ul li img{ width: 100%;}
.con_b ul li:hover img{transform: scale(1.1); transition: all 2s ease 0s;}
.pro_more a:hover{ color: #fff;}
.news{ background: url(../images/index1_05.png) center center no-repeat; background-size: cover; padding: 12.5% 0;}
.news-list{ width: 56.3%; margin-top: -2%;}
.news-list ul li{ padding: 4%; background: #f9f9f9; margin-bottom: 15px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news-list ul li:last-child{ margin-bottom: 0 !important;}
.news-list ul li span{ font-size: 12px; color: #999; line-height: 28px; display: inline-block;}
.news-list ul li p{ font-size: 18px; color: #333; line-height: 28px;}
.news-list ul li a{ display: inline-block; font-size: 14px; color: #19a1dd; line-height: 28px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news-list ul li:hover{ background: url(../images/index_45.png) center center no-repeat; background-size: 100% 100%;}
.news-list ul li:hover span{ color: #fff;}
.news-list ul li:hover p{ color: #fff;}
.news-list ul li:hover a{ transform: translateX(10px);}
.news-left{ width: 19%; margin-left: 13%;}
.news-h{ margin-top: 220px; position: relative;}
.news-h:before{ content: ""; width: 50px; height: 5px; background: #ffd498; position: absolute; bottom: -20px; right: 0; }
.news-h ul li{ line-height: 36px;}
.news-h ul li a{ font-size: 18px; color: #333;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.news-h ul li a:hover{ color: #19a1dd;}
.oem ul li{ float: left; width: 50%; position: relative;}
.oem ul li img{ width: 100%;}
.oem ul li .li_bg{ opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.5);-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.oem ul li .li_nr{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
.oem ul li .li_nr_box{ position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);text-align: center;}
.oem ul li .li_nr h1{ font-size: 72px; color: #fff; line-height: 36px; font-weight: normal;}
.oem ul li .li_nr h2{ font-size: 30px; color: #fff; margin-top: 3%; font-weight: normal;}
.oem ul li .li_nr .li_more{ display: inline-block; margin-top: 84px; border: 3px solid #19a1dd;width: 219px; line-height: 88px; border-radius: 50px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.oem ul li .li_nr .li_more a{ display: inline-block; margin: 10px 28px; background: #19a1dd; width: 158px; border-radius: 40px; font-size: 18px; color: #fff;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.oem ul li .li_nr .li_more:hover{ border-color: #fff;}
.oem ul li .li_nr .li_more:hover a{ background: #fff; color: #19a1dd;}
.oem ul li:hover .li_bg{ opacity: 1;}
.foot{ padding-top: 2.4%; background: #f3f3f3;}
.dz img{ width: 100%;}
.foot-list{ background: #19a1dd; padding: 6% 0 2%;}
.div1514{ width: 1514px; margin: 0 auto;}
.foot_a{ width: 78%; padding-left: 2%;}
.foot_a dl{ float: left; margin-right: 9%;}
.foot_a dl:nth-child(6){ margin-right: 0 !important;}
.foot_a dl dt{ font-size: 24px; color: #fefefe; line-height: 36px; margin-bottom: 30px;}
.foot_a dl dd{ line-height: 36px;}
.foot_a dl dd a{ font-size: 18px; color: #fefefe;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.foot_a dl dd a:hover{ opacity: 0.8;}
.foot_b{ padding-right: 2%; width: 15%;}
.yuyan{ font-size: 18px; color: #fefefe; line-height: 36px;}
.yuyan span{ display: inline-block; font-size: 18px; color: #fefefe; padding: 0 10px;}
.yuyan a{ display: inline-block; font-size: 18px; color: #3a6385;}
.yuyan a:hover{ color: #fefefe;}
.link{ margin: 20px 0;}
.link ul li{ float: left; margin-right: 20px; position: relative; cursor: pointer; padding-bottom:4%;}
.link ul li:last-child{ margin-right: 0 !important;}
.ewm{ position: absolute; top: 100%; left: -300%; background: #fff; padding: 30px 30px 30px 30px; width: 216px; display: none;}
.ewm p{ font-size: 14px; color: #666; line-height: 40px; text-align: center;}
.link ul li:hover .ewm{ display: block;}
.copy{ margin-top: 4%;}
.copy-box{ border-top: 1px solid #fff; padding:2% 0 0;}
.copy-box p{ font-size: 18px; color: #fff; line-height: 30px; text-align: center;}
#gotop{ display: none; position: fixed; bottom: 10%; right: 0; width: 50px; z-index: 999;}
/*产品中心*/
.common{ background: #f3f3f3; padding: 5% 0;}
.common_a{ width: 23.3%; border-right: 1px solid #a0a0a0;}
.common_a h6{ padding-left: 42px; font-size: 18px; color: #fff; line-height: 50px; background: #19a1dd; font-weight: normal;}
.sub-box .subConn{ display: none;}
.sub-box .subConn ul li{ padding-left: 40px; line-height: 50px; border-bottom: 1px solid #a0a0a0;}
.sub-box .subConn ul li a{ display: block; color: #666; font-size: 18px; font-family: "Arial";}
.sub-box .subConn ul li:hover{ background: #19a1dd}
.sub-box .subConn ul li:hover a{ color: #fff;}
.sub-box .subs{ cursor: pointer; background: url(../images/2_25.png) 42px center no-repeat; border-bottom: 1px solid #a0a0a0; line-height: 50px; font-size: 18px; color: #333; padding-left: 76px;}
.sub-box .subs a{ color: #333;}
.sub-box .subs.cur{ background: url(../images/2_25.png) 42px center no-repeat #fff; border-right: 4px solid #19a1dd;}
.common_b{ width: 70.8%;}
.product dl dd{ float: left; width: 30%; position: relative; margin-right: 5%; padding-bottom: 120px; max-height: 542px}
.product dl dd:nth-child(3n){ margin-right: 0 !important;}
.product dl dd .li_box{ padding: 7%; border:1px solid transparent;}
.product dl dd:hover .li_box{ background: #fff; border-color: #19a1dd; padding-bottom: 110px;}
.product dl dd .li_nr{ position: absolute; bottom: 22%; left: 7%; width: 86%;}
.product dl dd .li_nr h6{ font-size: 18px; color: #666; font-weight: normal; line-height: 50px;}
.product dl dd .li_nr p{ font-size: 18px; color: #333; line-height: 56px; font-family: "Arial"; border-top: 1px solid #c9c9c9;}
.product dl dd .li_yc{ height: 145px; padding-bottom: 3%;opacity: 0}
.product dl dd:hover p{ color: #19a1dd}
.product dl dd .li_more{ display: none; text-align: right;}
.product dl dd .li_more a{ display:inline-block; width: 100px; line-height: 36px; text-align: center; font-size: 18px; color: #fefefe; background: #19a1dd;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.product dl dd .li_more a:hover{ background: #fff; color: #19a1dd}
.product dl dd:hover h6{ display: none;}
.product dl dd:hover .li_more{ display: block;}
.product dl dd:hover .li_yc{ opacity: 1}
.product dl dd:hover .li_nr{ bottom: 9%;}
.ps-current .ps-prev{ display: none !important;}
.ps-current .ps-next{ display: none !important;}
.ps-list{ opacity: 0}
.product dl dd:hover .ps-list{ opacity: 1}
/*产品详情*/
.cpxq .cp_a{ width: 50%;}
.proxq_img{ width: 100%;}
.proxq_con{float:left;width:55%;margin-left:3%;}
.proxq_bigimg{ float: right; width: 82%;}
.proxq_bigimg img{width:100%;}
.one-time{margin-top:3%;width:11.8% !important; float: left;}
.one_li span{display:block;padding:0 6%;}
.one_li span img{border:1px solid transparent;cursor:pointer;}
.one_li span img.sp_img{border:1px solid #19a1dd}
.cpxq .cp_b{ width: 42%;}
.cpxq .cp_b h2{ font-size: 30px; color: #19a1dd; font-weight: normal; border-bottom: 2px solid #a0a0a0; padding-bottom: 16px;}
.cpxq .cp_b h3{ font-size: 24px; color: #333333; font-weight: normal; line-height: 42px;}
.cpxq .cp_b p{ font-size: 18px; color: #999; line-height: 36px;}
.cpxq .cp_b p i{ font-style: normal; color: #19a1dd;}
.cp-list{ margin-top: 8.5%;}
.cp-tit{ border-bottom: 3px solid #19a1dd;}
.cp-tit h6{ border-radius: 10px 10px 0 0; text-align: center; font-size: 18px; color: #fff; font-weight: normal; width: 131px; line-height: 37px; background: #19a1dd;}
.cp-lb{ margin-top: 7%; position: relative;}
.cp-lb .swiper-container{ position: static; width: 90%; margin: 0 auto;}
.cp-lb .swiper-slide .li_img{ overflow: hidden; border: 1px solid transparent;}
.cp-lb .swiper-slide .li_img img{ width: 100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.cp-lb .swiper-slide{ position: relative;}
.cp-lb .swiper-slide .li_bg{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: rgba(25,161,221,0.5);}
.cp-lb .swiper-slide .li_bg .li_txt{position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);text-align: center;}
.cp-lb .swiper-slide .li_bg .li_txt p{ font-size: 24px; color: #fefefe; line-height: 36px; font-family: "Arial";}
.cp-lb .swiper-slide .li_bg .li_txt img{ margin-top: 6px;}
.cp-lb .swiper-slide:hover .li_img{ border-color: #19a1dd;}
.cp-lb .swiper-slide:hover .li_bg{ opacity: 1;}
.cp-lb .swiper-slide:hover .li_img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.cp-lb .swiper-button-next, .cp-lb .swiper-container-rtl .swiper-button-prev {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237e7e7e'%2F%3E%3C%2Fsvg%3E");right: 0;}
.cp-lb .swiper-button-prev, .cp-lb .swiper-container-rtl .swiper-button-next {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237e7e7e'%2F%3E%3C%2Fsvg%3E");left: 0;}
/*oem和odm*/
.made{ background: #f3f3f3;}
.div1637{ width: 1637px; margin: 0 auto;}
.category{ padding-top: 8%;}
.category-tit{ text-align: center; position: relative; line-height: 44px;}
.category-tit h3{ font-size: 26px; color: #333; font-weight: normal;}
.category-tit:before{ content: ""; width: 130px; height: 5px; background: #19a1dd; position: absolute; left: 50%; top: -10px; margin-left: -65px;}
.category-tit:after{ content: ""; width: 130px; height: 5px; background: #19a1dd; position: absolute; left: 50%; bottom: -10px; margin-left: -65px;}
.category-list{ margin-top: 9%;}
.category-list ul li{ width: 48.5%; float: left; background: #fff; margin-right: 3%;}
.category-list ul li:nth-child(2n){ margin-right: 0 !important;}
.category-list ul li .li_box{ border: 1px solid transparent;}
.category-list ul li .li_img{ overflow: hidden;}
.category-list ul li .li_img img{ width: 100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.category-list ul li .li_nr{ padding: 2% 6%;}
.category-list ul li .li_nr h6{ font-size: 18px; color: #333; font-weight: normal;}
.category-list ul li .li_nr p{ font-size: 14px; color: #333; margin-top: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.category-list ul li:hover .li_box{ border-color: #19a1dd;}
.category-list ul li:hover .li_img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);}
.conn{ margin-top: 8%; background: #fff;}
.conn ul li{ float: left; width: 25%; text-align: center; padding: 2.5% 1%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.conn ul li .li_img .img2{ display: none;}
.conn ul li h6{ font-size: 18px; color: #333; font-weight: normal; margin-top: 20px;}
.conn ul li p{ font-size: 14px; color: #666; line-height: 28px; margin-top: 16px; height: 84px;}
.conn ul li:hover{ background: #1b1b1b;}
.conn ul li:hover .li_img .img2{ display: inline-block;}
.conn ul li:hover .li_img .img1{ display: none;}
.conn ul li:hover h6{ color: #19a1dd;}
.conn ul li:hover p{ color: #fff;}
.process{ padding-top: 8%;}
.process-list{ margin-top: 8%; position: relative;}
.process-show:before{content: "";height: 100%;width: 5px; margin-left: -2.5px; background: #a0a0a0;position: absolute;left: 50%;}
.process-show ul li{ position: relative;}
.process-show ul li:before{content: ""; border-radius: 50%; height: 14px;width: 14px; margin-left: -7px; margin-bottom: -4px; background: #dcdcdc;position: absolute;left: 50%; bottom: 0; z-index: 1;}
.process-box{ position: relative;}
.process-box:before{content: ""; border-radius: 50%; height: 14px;width: 14px; margin-left: -7px; background: #19a1dd;position: absolute;left: 50%; top: 0;}
.process-box:after{content: ""; border-radius: 50%; height: 14px;width: 14px; margin-left: -7px; background: #19a1dd;position: absolute;left: 50%; bottom: 0;}
.process-box ul{ padding: 3% 0;}
.process-show ul li{ margin-bottom: 2%;}
.process-show ul li .li_txt{ width: 50%; position: relative; border-bottom: 5px solid #dcdcdc;}
.process-show ul li .li_txt p{ text-align: right; font-size: 16px; color: #666; line-height: 24px;}
.process-show ul li:nth-child(2n-1) .li_txt p{ margin-right: 2%;}
.process-show ul li:nth-child(2n) .li_txt p{ margin-left: 2%; text-align: left;}
.process-show ul li:nth-child(1) .li_txt{ width: 44%; margin-left: 6%;}
.process-show ul li:nth-child(2) .li_txt{ width: 50%; margin-left: 0; float: right;}
.process-show ul li:nth-child(3) .li_txt{ width: 12%; margin-left: 38%;}
.process-show ul li:nth-child(4) .li_txt{ width: 38%; margin-left: 0; margin-right: 12%; float: right;}
.process-show ul li:nth-child(5) .li_txt{ width: 31%; margin-left: 19%;}
.process-show ul li:nth-child(6) .li_txt{ width: 24%; margin-left: 0; margin-right: 26%; float: right;}
.process-show ul li:nth-child(7) .li_txt{ width: 16%; margin-left: 34%;}
.process-show ul li:nth-child(8) .li_txt{ width: 24%; margin-left: 0; margin-right: 26%; float: right;}
.process-show ul li:nth-child(9) .li_txt{ width: 18%; margin-left: 32%;}
.process-show ul li:nth-child(10) .li_txt{ width: 18%; margin-left: 0; margin-right: 32%; float: right;}
.process-show ul li .li_num{ width: 48%;}
.process-show ul li .li_num p{ font-size: 24px; color: #333;}
.process-show ul li:hover .li_num p{ color: #19a1dd;}
.process-show ul li:hover .li_txt{ border-color: #19a1dd;}
.process-show ul li:nth-child(2n-1) .li_num{ margin-left: 2%;}
.process-show ul li:nth-child(2n-1) .li_num p{position: absolute; bottom: 0; width: 100%;}
.process-show ul li:nth-child(2n) .li_num p{ position: absolute; bottom: 0; right: 52%; width: 100%; text-align: right;}
.process-show ul li:nth-child(2n) .li_num{margin-right: 2%;}
.conent{ margin-top: 6%;}
.conent .category-tit:before{ width: 490px;left: 39%;}
.conent .category-tit:after{ width: 490px;left: 39%;}
.conent-list{ margin-top: 6%;}
.conent-list ul li{ width: 30.5%; position: relative; text-align: center; float: left;margin-right: 4.2%; margin-bottom: 4%;}
.conent-list ul li:nth-child(3n){ margin-right: 0 !important;}
.conent-list ul li .li_img{ overflow: hidden;}
.conent-list ul li .li_img img{ width: 100%;border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px;}
.conent-list ul li .li_bg{-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; position: absolute; top: 0; left: 0; background: rgba(25,161,221,0.9); width: 100%; height: 100%;}
.conent-list ul li .li_bg .li_txt{position: absolute;top: 50%;left: 50%; width: 100%;transform: translate(-50%,-50%);text-align: center;}
.conent-list ul li .li_bg .li_txt h6{ font-size: 18px; color: #fefefe; font-weight: normal; line-height: 36px;}
.conent-list ul li .li_bg .li_txt p{ font-size:18px; color: #fefefe; font-weight: normal; line-height: 36px; }
.conent-list ul li:hover .li_bg{ opacity: 1;}
/*新闻资讯*/
.new ul li{ width: 32%; float: left;margin-right: 2%; margin-bottom: 4%;}
.new ul li:nth-child(3n){ margin-right: 0 !important;}
.new ul li .li_box{ padding: 6.25%; box-shadow: 0 3px 10px #bfbdbe;}
.new ul li .li_box .li_img{ overflow: hidden;}
.new ul li .li_box .li_img img{ width: 100%;}
.new ul li .li_box .li_nr{ margin-top: 12px;}
.new ul li .li_box .li_nr .li_txt{ width: 58.5%; line-height: 30px;}
.new ul li .li_box .li_nr .li_txt p{ font-size: 18px; color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.new ul li .li_box .li_nr .li_more a{ display: inline-block; line-height: 30px; width: 80px; background: #19a1dd; text-align: center; font-size: 14px; color: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.new ul li .li_box .li_nr .li_more a:hover{ color: #19a1dd; background: none;}
/*关于我们*/
.abouts h3{ text-align: center; font-size: 24px; color: #333; font-weight: normal;}
.abouts h3 span{ display: inline-block; width: 2px; height: 17px; background: #19a1dd;}
.abouts h3 span:nth-child(1){ margin-right: 8px;}
.abouts h3 span:nth-child(2){ margin-left: 8px;}
.abouts p{ text-indent: 2em; font-size: 18px; color: #666; line-height: 36px; margin-top: 2%;}
.abouts{ text-indent: 2em; font-size: 18px; color: #666; line-height: 36px; margin-top: 2%;}
.abouts-con2{ margin-top: 10%;}
.abouts img{ margin-top: 2%;}
.abouts-con-list{ margin-top: 3%;}
.abouts-con-list ul li{ float: left; width: 12.3%;margin-right: 2.3%;}
.abouts-con-list ul li img{ width: 100%;}
.abouts-con-list ul li:last-child{ margin-right: 0 !important;}
.abouts-col{ margin-top: 2%;}
.abouts-col ul li{ float: left; width: 24.6%; position: relative; margin-top: 57px; margin-right: 0.5%;}
.abouts-col ul li:last-child{ margin-right: 0!important;}
.abouts-col ul li img{ width: 100%;}
.abouts-col ul li:nth-child(2n){ margin-top: 0 !important;}
.abouts-col ul li .abouts-wz{ position: absolute; right: 22px; width: 44px; height: 178px; background: #19a1dd; display: table; border: 1px solid #fff;}
.abouts-col ul li .abouts-wz .table-cell{ display: table-cell; vertical-align: middle;}
.abouts-col ul li .abouts-wz p{ font-size: 16px; color: #fff; width: 20px; margin: 0 auto; line-height: 20px; text-indent: 0;}
.abouts-col ul li:nth-child(2n-1) .abouts-wz{ top: -54px;}
.abouts-col ul li:nth-child(2n) .abouts-wz{ bottom: -54px;}
/*人才招聘*/
.rczp{ background: #f3f3f3; padding: 5.8% 0;}
.rczp-tit{ text-align: center;}
.rczp-tit h6{ font-size: 18px; color: #333; font-weight: normal;}
.rczp-tit p{ font-size: 12px; color: #999; line-height: 36px;letter-spacing:2px}
.rczp-txt{ margin-top: 5.2%; text-align: center;}
.rczp-txt p{ font-size: 18px; color: #333; line-height: 36px;}
.rczp-net{ margin-top: 3.6%; text-align: center;}
.rczp-net ul{ display: inline-block;}
.rczp-net ul li{ float: left; width: 280px; height: 280px; position: relative; background: #7ecef4; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%;margin-right: 8px; cursor: pointer;}
.rczp-net ul li:last-child{ margin-right: 0 !important;}
.rczp-net ul li .li-box{ text-align: center;}
.rczp-net ul li h1{ position: absolute; top: 22%; width: 100%; font-size: 36px; color: #fff; font-weight: normal; line-height: 36px; font-family: "Arial";}
.rczp-net ul li p{ position: absolute; bottom: 12%; width: 100%; font-size:36px; color: #fff; line-height: 36px; }
.rczp-net ul li.cur{ background: #19a1dd;}
.rczp-tab{ margin-top: 6%;}
.rczp-conn{ background: #19a1dd; line-height: 49px; text-align: center;}
.rczp-conn ul li{ float: left; font-size: 18px; color: #fff; width: 16.666%;}
.subs{ line-height: 50px; text-align: center; background: #fff;}
.subs ul li{ float:left; font-size: 18px; color: #333; width: 16.666%; cursor: pointer;}
.subs ul li i{ margin-left: 6%;}
.subs ul li .img2{ display: none;}
.subs.cur{ background: #7ecef4;} 
.subs.cur ul li{ color: #fff;}
.subs.cur ul li .img1{ display: none;}
.subs.cur ul li .img2{ display: inline-block;}
.subsCon{ display: none; border-bottom: 1px solid #7ecef4; padding: 2% 6%;}
.subsCon { font-size: 14px; color: #333; line-height: 28px;}
.subsCon p{ font-size: 14px; color: #333; line-height: 28px;}
/*联系我们*/
.lxwm{ background: url(../images/8_02.png) center center no-repeat; background-size: cover; padding: 10% 0 12%;}
.lxwm-tit{ text-align: center;}
.lxwm-tit h6{ font-size: 18px; color: #333; font-weight: normal;}
.lxwm-tit p{ font-size: 12px; color: #999; line-height: 36px;letter-spacing:2px}
.lxwm-box{ margin-top: 8%;}
.lxwm_a { margin-left: 20%; width: 30%; margin-top: 6%;}
.lxwm_b{ width: 28%; margin-right: 6%;}
.lxwm_a p{ font-size: 18px; color: #000; line-height: 36px;}
.lxwm_b ul li{ width: 100%; margin-bottom: 18px;}
.lxwm_b ul li input{ border: 1px solid #bfbfbf; line-height: 58px; background: #fff; padding: 0 2%; width: 100%; font-size: 18px;}
.lxwm_b ul li textarea{ border: 1px solid #bfbfbf; line-height: 58px; background: #fff; padding: 0 2%; width: 100%; height: 198px; font-size: 18px; font-family: "微软雅黑"}
.lxwm_b ul li .lxwn_btn{ border: none; padding: 0; line-height: 60px; background: #19a1dd; border-radius: 8px; font-size: 24px; color: #fff; cursor: pointer;}
.lxwm_b ul li input::-webkit-input-placeholder {color:#999;}  
.lxwm_b ul li input:-moz-placeholder {color:#999;}  
.lxwm_b ul li input::-moz-placeholder {color:#999;}  
.lxwm_b ul li input:-ms-input-placeholder {color:#999;}
.lxwm_b ul li textarea::-webkit-input-placeholder {color:#999;}  
.lxwm_b ul li textarea:-moz-placeholder {color:#999;}  
.lxwm_b ul li textarea::-moz-placeholder {color:#999;}  
.lxwm_b ul li textarea:-ms-input-placeholder {color:#999;}