.img-4by3{ height:0; width:100%; overflow: hidden; padding-bottom:75%;}
.img-cover-4by3{height: 0;width: 100%;padding-bottom: 75%;overflow: hidden;position: relative; }
.img-cover-3by2{height: 0;width: 100%;padding-bottom: 66.667%;overflow: hidden;position: relative; }

.img-cover img{width: 100%;position: absolute;margin: auto;top: 0;bottom: 0;}
a:hover{color: #00a4e6;}
.img-fluid{ max-width:100%; height: auto;}
.w-container{ width: 85%;margin: 0 auto;}
.header{ padding:20px 0;position: relative;z-index: 9;}
.header .logo{ width:160px;}
.header .nav{ flex:0 0 65%;}
.header .nav ul{ height: 46px;}
.header .nav li{ flex:1;text-align: center; position: relative;}
.header .nav li:not(:first-child)::before{ content: ''; display: block; position: absolute; height:80%; width:0; border-left:1px solid #333; top: 0; bottom: 0; margin:auto; left: 0;}
.header .nav li a{font-size: 18px;}

.header .nav li .sub-child::before{ content: ''; position: absolute; top:0; width:0%; margin:auto; left: 0; right: 0; border-bottom:2px solid rgba(0, 164, 230, .8); -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

.header .nav li .sub-child{ opacity:0; visibility: hidden; position: absolute; top:46px;width: 100%;line-height: 2;background: rgba(255, 255, 255,.8);padding: 10px; -webkit-box-shadow: 3px 3px 5px  rgba(0, 0, 0, .15); -moz-box-shadow: 3px 3px 5px  rgba(0, 0, 0, .15); box-shadow: 3px 3px 5px  rgba(0, 0, 0, .15); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px);}
.header .nav li .sub-child a{font-size: 16px;}
.header .nav li .sub-child dd{ padding:5px 0; border-bottom:1px dashed #beebf9;}
.header .nav li .sub-child dd:last-child{ border-bottom:none;}
.header .nav li:hover .sub-child{ opacity:1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.header .nav li:hover .sub-child::before{ width:40%;}
.header .nav li:hover > a{color: #00a4e6;}
.header-tel{ }
.header-tel .tel-item{font-size: 16px; color: rgba(0,0,0,.5); }
.header-tel .tel-item .wicon{font-size: 26px;vertical-align: middle; line-height:1.3;}

.banner-box img{ vertical-align: bottom;}
.sbanner{ height:300px;background-color: #eee;}


.i-section{ padding:50px 0;}
.i-section .sec-name::before{ content: ''; display: block; vertical-align: middle; position: absolute; margin:auto; top: 0; bottom: 0; left: 0; height:0; width:30px; border-bottom:2px solid #ddd;}
.i-section .sec-name{ padding-left:60px; position: relative; color: #666;}
.i-section .sec-name .cname{font-size: 26px; line-height:1;}
.i-section .sec-name .ename{ text-transform: uppercase; color: #999;}
.i-section .sec-tip{ margin-top:10px; color: rgba(0,0,0,.8); line-height:42px; font-size:16px;}
.best-selling .pro-profile{ margin-bottom:40px;}
.best-selling .pro-profile li{font-size: 16px; color: #666; line-height:36px;}

.cat-list{}
.cat-list .cat-item{ float: left; height:259px; width:400px; padding:8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:10px;}
.cat-list .cat-item .item-wrap{ position: relative; display: block;border-top-left-radius: 128px;border-bottom-right-radius: 128px; overflow: hidden;}
.cat-list .cat-item .img-cover{ width:100%; height:0; overflow: hidden; padding-bottom:64.8148%;}
.cat-list .cat-item .cat-name{background-color: rgba(42, 49, 67, .8); position: absolute; bottom: 0; left: 0; height:48px; line-height:48px; padding:0 15px;font-size: 16px; color: #fff; width:100%; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}

.cat-list .cat-item:nth-child(2n) .cat-name{ background-color: rgba(0, 164, 230, .8);}
.cat-list .cat-item:hover .item-wrap{ -webkit-box-shadow: 5px 10px 10px #ddd; -moz-box-shadow: 5px 10px 10px #ddd;  box-shadow: 5px 10px 10px #ddd; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);/*border-top-right-radius: 128px;border-bottom-left-radius: 128px;border-top-left-radius: 0;border-bottom-right-radius: 0;*/}
/*.cat-list .cat-item:hover .cat-name{ bottom:80%}*/

.production-box{ margin-top:50px;}
.production-box .item{ overflow: hidden; display: block; flex:1; max-width:50%; position: relative;}
.production-box .item img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.production-box .item .item-overlay{ position: absolute; bottom:0; left: 0; right: 0; background-color: rgba(0,0,0,.8)}
.production-box .item .item-inf{ padding:20px 0; color: #fff; position: relative;}
.production-box .item .item-name::before{ content: ''; display: block; position: absolute; top:-5px;background-color: rgba(0, 164, 230, .8); width:80px; height:10px; margin:auto; left: 0; right: 0;-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.production-box .item .item-name{ font-size:20px; font-weight:400;}
.production-box .item .item-ename{ text-transform: uppercase;}
.production-box .item:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.production-box .item:hover .item-name{ color: #00a4e6;}
.production-box .item:hover .item-ename{ color: #e0e0e0}
.production-box .item:hover .item-name::before{ width: 90px;}

.business{}
.business .business-content{ margin-top:50px;}

.partner .partner-tips{ margin-top:50px; color: #666; font-size:16px; line-height:1.8;}

.partner-box{ margin-top:30px;}
.partner-box .box-head{}
.partner-box .box-head .head-cname{font-size: 20px; line-height:1; color: #333;}
.partner-box .box-head .head-cname .wicon{ color: #fff;background-color: #00a4e6;border-radius: 100%;padding: 3px;font-size: 14px;width: 16px;height: 16px;display: inline-block;line-height: 18px;text-align: center;margin-right: 8px;}
.partner-box .box-head .head-ename{ text-transform: uppercase;}
.partner-list{ margin-top:10px; border:1px solid #ddd; display: flex;justify-content:space-between;}
.partner-list .p-item{ flex:1;border-left: 1px solid #ddd; max-width:20%; text-align: center; position: relative; display: flex; justify-content:center; padding:10px 15px; align-items: center;}
.partner-list .p-item:first-child{ border-left:none;}
.partner-list .p-item img{ max-width:100%; max-height:100%; display: block;}


/*.pro-lists{ margin-top:20px;}
.pro-lists li{ width:280px; float: left; margin:10px;}
.pro-lists li .pro-img{border: 1px solid #eee;}
.pro-lists li .pro-img img{ -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;    }
.pro-lists li .pro-name{ height:42px;}
.pro-lists li .pro-name a{ display: block; line-height:42px; text-align: center; overflow: hidden; white-space:nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis;font-size: 16px;}
.pro-lists li:hover .pro-name a{ background-color: #155da9;border-radius: 21px; color: #fff; width:90%; margin:0 auto; -webkit-transform: translateY(-21px); -moz-transform: translateY(-21px); -ms-transform: translateY(-21px); -o-transform: translateY(-21px); transform: translateY(-21px); font-size: 14px; line-height:36px;}
.pro-lists li:hover .pro-img img{ -webkit-transform: scale(1.1) rotateZ(5deg); -moz-transform: scale(1.1) rotateZ(5deg); -ms-transform: scale(1.1) rotateZ(5deg); -o-transform: scale(1.1) rotateZ(5deg); transform: scale(1.1) rotateZ(5deg);}*/

/*.section .sec-head{ margin:30px auto;}
.section .sec-head .sec-name{font-size: 28px; color: #333; font-weight:600;}
.section .sec-head .sec-desc{}

.evolve{ width:100%; height:590px;background: url("../Image/xxfz_bg.jpg") left center no-repeat,url("../Image/xxfz_bg2.jpg") right center no-repeat;}
.evolve .content{ width:50%; float: right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 110px 0 50px;}
.evolve .item{ color: #fff; margin:30px 0;}
.evolve .item .item-name{ font-weight:bold;font-size: 24px; line-height:2; position: relative; }
.evolve .item .item-name i{font-size: inherit; font-weight:normal;margin-right:20px;}
.evolve .item .item-name .num{ opacity:.5; position: absolute; top:0; bottom: 0; right: 0;font-size: 16px; height:32px; line-height:32px; width:32px; height:32px; margin:auto; font-weight:normal;}
.evolve .item .item-name .num::before{ content: '';	position: absolute; display: block; width:100px; height:0; border-bottom:1px solid rgba(255,255,255,.5); margin:auto; top: 0; bottom: 0; right:40px;}
.evolve .item .item-desc{font-size: 16px;text-indent: 45px;}*/







.footer{  padding-top: 40px;margin-top:60px;background-color: #333333;}
.footer a{ color: rgba(255,255,255,.7);}
.footer a:hover{ color: rgba(255,255,255,1);}
.footer .footer-nav dl{ padding:0 20px;}
.footer .footer-nav dl dt a{font-size: 16px; line-height:2;}
.footer .footer-nav dl dd{ line-height:1.8;}
.footer .footer-contact .company-inf{  width:360px; padding:10px 0;}
.footer .footer-contact .company-inf:first-child{border-bottom:1px solid #808080;}
.footer .footer-contact .company-inf .company-name{ color: #999;font-size: 18px;}

.footer .qrcode{ margin-top: 30px; width:160px; height:160px; padding:20px; background-color: #fff;}
.footer .qrcode img{ max-width:100%;}
.footer img{ display: block;}
.footer .copyright{ background-color: #2e2e2e; line-height:42px; color: #cccccc;}


.page-loaction{ line-height:46px;background: #fbf9f9; padding-left:5px; margin-bottom:30px;}
.inner-section{ padding-top:30px;}
.inner-section .sec-head .head-name{ font-size: 28px; line-height:1; color: #555; font-weight:bold;}
.inner-section .sec-head .head-ename{ text-transform: uppercase;	font-size: 18px; color: #999;}

.about-inf{ margin-top:30px;}
.about-inf .about-title span{font-size: 20px; color: #fff; background-color: #70C3AC; display: inline-block; padding:5px 20px; position: relative; margin:0 auto 30px;}
.about-inf .about-title span::after{ content: ''; display: block; position: absolute; border:10px solid transparent;border-top-color:#70C3AC;    bottom: -20px;margin: auto;left: 0;right: 0;width: 0;}
.about-inf .about-img{ margin-bottom:15px;}
.about-inf .detail-content{ line-height:2;}
.about-inf .detail-content p{ margin-bottom:5px;}
.about-inf .detail-content h2 {text-align: center; margin-top:15px;}
.about-inf .detail-content h2>strong{font-size: 20px; color: #fff; background-color: #70C3AC; display: inline-block; padding:5px 20px; position: relative; margin:0 auto 30px;}
.about-inf .detail-content h2>strong::after{ content: ''; display: block; position: absolute; border:10px solid transparent;border-top-color:#70C3AC;    bottom: -20px;margin: auto;left: 0;right: 0;width: 0;}

.map-tab{ margin-top:50px;}
.map-tab .hd{ border:1px solid #ddd;}
.map-tab .hd li{ cursor: pointer; font-size: 18px; text-align: center; background-color: #4cc6f7; color: #fff; width:598px; height:58px; line-height:58px; float: left	;}
.map-tab .hd li.on{background-color: #00A4E6;}
.map-tab .hd li:first-child{ border-right:1px solid #ddd;}
.map-tab .map-item .map-logo{text-align: center; padding:20px 0; border:1px solid #ddd; border-top:none;}
.map-tab .map-footer{ text-align: center; height:58px; line-height:58px; color: #fff; background-color: #00A4E6; margin-top:20px;font-size: 18px;}
.map-tab .map-footer span{ margin:0 10px;}
.map-tab .map-footer i.wicon{font-size: 26px;vertical-align: middle;}
.map-tab .map-footer .tel{font-size: 20px;}

.honor-page .honor-img{ display: block; margin:30px auto;}
.honor-page .honor-footer{ margin-top:60px;}



.goods-list{ margin-top:30px; display: flex;flex-wrap: wrap;align-items: center;}
.goods-list .goods-item{  flex:0 33.333%; max-width:32%;padding:10px;}
.goods-list .goods-item .item-wrap{ display: block; position: relative; overflow: hidden;}
.goods-list .goods-item .item-name{position: absolute;bottom: 0;width: 100%;text-align: center;line-height: 46px;	background: rgba(112, 195, 172, .75);font-size: 16px; color: #fff;}
.goods-list .goods-item .item-img{ -webkit-transition: transform .3s; -moz-transition: transform .3s; -ms-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s;}
.goods-list .goods-item:hover .item-wrap{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow:  5px 5px 10px rgba(60,60,60,.3); -moz-box-shadow:  5px 5px 10px rgba(60,60,60,.3); box-shadow:  5px 5px 10px rgba(60,60,60,.3);}

.left-bar{ width:270px;}
.left-bar .bar-head{ background-color: #00a4e6; color: #fff; height:52px; line-height:52px; padding-left:20px;font-size: 22px;}
.left-bar .bar-head::after{ content: '/ PRODUCTS';font-size: 60%; margin-left:5px;}
.left-bar li{ line-height:42px; background-color: #f9f9f9; padding-left:20px; }
.left-bar li:not(:last-child){ border-bottom:1px dashed #f0f0f0;}
.left-bar li a{ font-size:16px; display: block;}
.left-bar li:hover a{ -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px);}

.right-bar{ width:900px}
.right-bar .bar-head{background-color: #00a4e6; height:52px; line-height: 52px; padding:0 20px; color: #fff;}
.right-bar .bar-head .head-name{font-size: 20px;}
.right-bar .goods-info-content{ padding:20px;}
.right-bar .goods-info-content img{ max-width:100%; vertical-align: bottom; margin-bottom:10px;}

.history-list{ margin-top:30px;}
.history-list dl::after{ content: ''; display: block; clear: both; height:0; width:100%;}
.history-list dl{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom: 20px;background: #eee;padding: 10px;font-size: 16px;}
.history-list dl dt{ float: left; margin-right:20px; font-weight:bold;color: #00a4e6;}
.history-list dl:hover{background-color: #F8F8F8; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px); -webkit-box-shadow:  3px 3px   rgba(0, 0, 0, 0.05); -moz-box-shadow:  3px 3px   rgba(0, 0, 0, 0.05); box-shadow:  3px 3px   rgba(0, 0, 0, 0.05);}

.jobs-list{ margin-top:30px;}
.jobs-list .jobs-item{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: #F8F8F8; margin-bottom:20px; flex:0 0 49.2%; float: left; padding:20px;}
.jobs-list .jobs-item .item-head{font-size: 18px; line-height:2;}
.jobs-list .jobs-item .item-head em{ color: #00a4e6;font-style: normal;}
.jobs-list .jobs-item .request-content{ margin-top:10px; line-height:2;}
.jobs-list .jobs-item .request-content .request-title{ font-weight:bold; margin-bottom:10px;font-size: 16px;}

.jobs-list .jobs-item:hover{ -webkit-transform: translate(0,-5px); -moz-transform: translate(0,-5px); -ms-transform: translate(0,-5px); -o-transform: translate(0,-5px); transform: translate(0,-5px); -webkit-box-shadow:  5px 5px 10px rgba(0,0,0,.05); -moz-box-shadow:  5px 5px 10px rgba(0,0,0,.05); box-shadow:  5px 5px 10px rgba(0,0,0,.05);}
.jobs-list .jobs-item:hover .item-head{color: #00a4e6;}


.g_gallery{ float: left; width:520px; padding-left: 0;}
.g_gallery .g_pic{ width:520px;height: 390px; border:1px solid #dddddd; overflow: hidden;}
.g_gallery .g_pic a{ display: table-cell;height: 390px; vertical-align: middle; text-align: center;width: 520px;}
.g_gallery .g_pic a img{ max-width:100%;}
.g_gallery .g_thumb{ margin-top:12px;}
.g_gallery .g_thumb li{ width:90px; height:68px; float: left; margin:5px; border:1px solid #dbdbdb;}
.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border:1px solid #e62129;}
.g_gallery .g_thumb li a{display: table-cell; width:90px; height:68px;  text-align: center;vertical-align: middle; }
.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}

.g_gallery .g_thumb{ margin-top:12px;}
.g_gallery .g_thumb li{ width:90px; height:68px; float: left; margin:5px; border:1px solid #dbdbdb;}
.g_gallery .g_thumb li.on,.g_gallery .g_thumb li:hover{ border:1px solid #e62129;}
.g_gallery .g_thumb li a{display: table-cell; width:90px; height:68px;  text-align: center;vertical-align: middle; }
.g_gallery .g_thumb li a img{ max-width:100%;max-height: 100%;}

.g_sumary{ float: right; width:620px; color: #888888;}
.g_sumary .sumary_label{color: #595959;}
.g_sumary .goods_title{ color: #383838;font-size: 24px; line-height:42px;}
.g_sumary .goods_cat_nav{ line-height:52px; font-size:16px; border-bottom:1px solid #e9e9e9;}
.g_sumary .goods_cat_nav a{ color: #888888;}
.g_sumary .goods_cat_nav a:hover,.g_sumary .goods_cat_nav a.on{ color: #e62129;}
.g_sumary .goods_desc{ padding-top:15px; height: 80px;}
.g_sumary .goods_desc p{ line-height:32px; }
.g_sumary .goods_desc .txt{ color: #888888; line-height:24px;}

.g_sumary .goods_attr { padding: 10px 0px;}
.g_sumary .goods_attr .attr_item{ line-height:30px;}
.g_sumary .goods_attr::after{ content: ''; display: block; clear: both; height:0;}
.g_sumary .goods_attr .attr_name{ color: #424242; width: 70px; float: left;}
.g_sumary .goods_attr .attr_con{ float: left; width:85%;}
.g_sumary .goods_attr .attr_con a{line-height: 26px;margin: -1px 5px 10px 0;padding: 0 9px;background: #fbfbfb;border: solid 1px #e2e2e2;border-radius: 1px;display: inline-block;color: #666;}
.g_sumary .goods_attr .attr_con a.on,.g_sumary .goods_attr .attr_con a:hover {background: #00a4e6;border-color: #00a4e6;	color: #fff;}

.g_sumary .goods_service{ border-top:1px dotted currentColor; border-bottom:1px dotted currentColor; line-height:46px;}
.g_sumary .goods_service .sumary_label{ margin-right:10px;}
.g_sumary .goods_service b{color: #e62129; font-weight:normal;}
.g_sumary .goods_contact{}
.g_sumary .goods_contact .tel_info{ padding:15px 0;}
.g_sumary .goods_contact .tel_info .tel_icons{ display: inline-block;vertical-align: middle; }
.g_sumary .goods_contact .tel_info .tel_icons i{color: #e62129; margin-right:5px;}
.g_sumary .goods_contact .tel_info .tel_icons span{line-height: 30px;}
.g_sumary .goods_contact .tel_info .tel_nums { color: #e62129;font-size: 24px;line-height: 30px; display: inline-block;vertical-align: middle;}
.g_sumary .goods_contact .tel_info .tel_nums p{ display: inline-block; margin-right:4px;}
.g_sumary .goods_contact .online_info{}
.g_sumary .goods_contact .online_info a{ display: inline-block;  min-width: 150px; padding:0 20px; height:46px; text-align: center; color: #fff; background-color: #00a4e6; line-height:46px; margin-right:16px;font-size: 16px;border-radius: 5px; }
.g_sumary .goods_contact .online_info a.online{ background-color: #282828;}
.g_sumary .goods_contact .online_info i.fa{  font-size: 18px;line-height: 1;vertical-align: middle; margin-right:5px;}
.g_sumary .goods_contact .online_info a:hover{ opacity:.8;}
.g_sumary .goods_contact .goods_prev_next{}
.g_sumary .goods_prev_next { border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7; margin-top:20px;}
.g_sumary .goods_prev_next li{ line-height:36px;}

.goods_info{ margin-top:30px;}
.goods_info .info_head{background: #f5f5f5;}
.goods_info .info_head span{ background-color: #a5a5a5; display: inline-block; margin-right:5px; width:120px;text-align: center; height:40px; line-height:40px; color: #fff;}
.goods_info .info_head span a{color: #fff;}
.goods_info .info_head span.on{ background-color: #00a4e6; font-size: 16px;}
.goods_info .info_head span.on a{ }
.goods_info .info_main{ padding:10px; margin-top:10px;}
.goods_info .info_main .sec_con li{ list-style: inherit;}
.goods_info .info_main .info_section{}
.goods_info .info_main .info_section h3{ line-height:46px; font-weight:normal;color: #3b3b3b; font-size:24px;}
.goods_info .info_main .info_section h3 i.fa{color: #e62129;}
.goods_info .info_main .info_section .sec_con{ padding:10px 0;}
.goods_info .info_main .info_section#intro .sec_con{ line-height:26px;}
.goods_info .info_main .info_section#technology .sec_con{ line-height:26px;}


.page{ margin-top:30px; text-align: center;}
.info-content{ margin-top:30px; line-height:2;}
.info-content img{ max-width:100%; vertical-align: bottom;}


.new-list{ margin-top:30px;}
.new-list .new-item{ margin-bottom:20px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.new-list .new-item .item-img{ display: block;}
.new-list .new-item:hover{ -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow:  5px 5px 10px rgba(0,0,0,.3); -moz-box-shadow:  5px 5px 10px rgba(0,0,0,.15); box-shadow:  5px 5px 10px rgba(0,0,0,.15);}

.news-list{ margin-top: 30px;}
.news-list .news-item{ padding:15px; margin: 20px auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.news-list .news-item .news-img{ height:180px; width:240px; position: relative; border:1px solid #efefef;}
.news-list .news-item .news-img a{ display: table-cell;height:180px; width:240px; text-align: center;vertical-align: middle;}
.news-list .news-item .news-img img{ max-width:100%; max-height:100%; vertical-align: bottom;}
.news-list .news-item .news-img .tag{ position: absolute; top: 5px; left: 5px;background-color: #D1010A; color: #fff;font-size: 12px; padding:0 3px;border-radius: 2px;}
.news-list .news-item .news-info{ flex:1;}
.news-list .news-item .news-img ~.news-info{ margin-left:20px;}
.news-list .news-item .news-info .news-title{font-size: 20px; line-height:2;}
.news-list .news-item .news-info .news-desc{ line-height:1.8;text-indent: 2rem; color: #797979;}
.news-list .news-item .news-info .news-time{ font-size: 12px; margin-top:10px; color: #b9b9b9;}
.news-list .news-item:hover{ -webkit-box-shadow: 0 0 16px #eee; -moz-box-shadow: 0 0 16px #eee; box-shadow: 0 0 16px #eee; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}

.no-pic{ background-color: #eeeeee; color: #ddd; text-transform: uppercase; height:100%; width:100%; display: flex;align-items: center; justify-content:center;font-size: 30px;}

.child-company-list{ margin-top:50px;}
.child-company-list li{ border:2px solid #63BFA9; text-align: center; flex:0 0 45%; padding:15px 10px; margin:10px;font-size: 18px;}

.page-news .news-title{font-size: 24px; line-height:2; color: #333;}
.page-news .news-meta span{ margin-right:15px; line-height:2; color: #9c9c9c; margin-top:5px;}
.page-news .news-content{ padding:30px 0px; border-top:1px dashed #e8e8e8; border-bottom:1px dashed #e8e8e8; margin-top:10px; line-height:26px; margin-bottom:30px;}
.page-news .news-content img{ max-width:100%; vertical-align: bottom;}

#prev_next{ line-height:36px;}

.mission{ margin-top:30px;}
.mission-list{ margin-top:50px; display: flex;align-items: center; justify-content:space-between;}
.mission-list .mission-item{ width:300px;padding: 8px;}
.mission-list .mission-item .mission-img{width: 283px;	height: 180px;	overflow: hidden;border-top-left-radius: 80px;border-bottom-right-radius: 80px; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.mission-list .mission-item .mission-img img{ width: 100%;height: 100%;object-fit: cover;}
.mission-list .mission-item .mission-img .mission-name{ position: absolute; bottom:0; left: 0; right: 0; margin:auto; height:46px; line-height:46px;text-align: center; background-color: rgba(0, 164, 230, .85); color: #fff; font-weight:bold;font-size: 20px;}
.mission-list .mission-item .mission-desc{ line-height:2; margin-top:10px;text-align: center; color: #333;font-size: 16px;}
.mission-list .mission-item:hover .mission-img{ -webkit-box-shadow: 8px 8px 4px #ddd; -moz-box-shadow: 8px 8px 4px #ddd; box-shadow: 8px 8px 4px #ddd; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);}

.values-list{ margin-top:50px;}
.values-list .values-item{ flex: 0 0 25%;max-width: 25%;}
.values-list .item-img{ position: relative;}
.values-list .item-img img{ display: block; max-width:100%;}
.values-list .item-img .img-overlay{ position: absolute; top: 0; bottom: 0; left: 0; right:0;background-color: rgba(0,0,0,.75); color: #fff;}
.values-list .item-img .item-name{font-size: 28px; font-weight:bold; line-height:2;}
.values-list .item-img .item-breif{ font-size:18px;}
.values-list .values-item .item-desc{ font-weight:600; margin-top:20px;text-align: center; line-height: 2.5; color: #666;font-size: 16px;}


.values-bottom{ margin-top:60px;}
.values-bottom .item{ width:300px;}
.values-bottom .item .item-img{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; width:300px; height:300px; margin-bottom:20px; overflow: hidden;border-top-left-radius: 150px;border-bottom-right-radius: 150px;}
.values-bottom .item .item-img img{ margin-left:-30%;max-height:100%;}
.values-bottom .item .item-cname{ text-align: center;font-size: 26px; font-weight:bold;}
.values-bottom .item .item-ename{ text-align: center; margin-bottom:15px;font-size:20px;}
.values-bottom .item .item-desc{ text-align: center; padding:5px 10px; border:1px solid #ddd;font-size: 16px;}

.values-bottom .item:hover .item-img{ -webkit-box-shadow: 8px 8px 4px #ddd; -moz-box-shadow: 8px 8px 4px #ddd; box-shadow: 8px 8px 4px #ddd; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px);}



.join-page .join-desc{font-size: 24px; margin:12px; line-height: 2; margin-top:40px;}
.join-page .join-contact{ color: #63BFA9;font-size: 26px; line-height:2;}
.join-page .join-contact span{ font-family:Impact;}
.join-page .join-contact .tips{ color: #666;}


.news-page .news-list{ margin-top:20px;}
.news-page .news-list::after{ content: ''; display: block; clear: both;}
.news-page .news-list .news-item{ width: 400px; padding:15px; padding-bottom: 0; position: relative; float: left; position: relative;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.news-page .news-list .news-item .item-wrap{ position: relative; padding-bottom:20px;}
.news-page .news-list .news-item .item-wrap::before{ content: ''; display: block; position: absolute; width:100%; bottom:0; border-bottom:1px solid #cbcbcb; left: 0; right: 0; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.news-page .news-list .news-item .news-img{ overflow: hidden; width:370px; height: 226px;border: 1px solid #eee;}
.news-page .news-list .news-item .news-img img{max-width:100%;}
.news-page .news-list .news-item .news-img.index a{ display: block; height: 0;width: 100%;overflow: hidden;padding-bottom: 61%;position: relative;}
.news-page .news-list .news-item .news-img.index img{     margin: auto;
	top: 0;
	bottom: 0;
	position: absolute;}
.news-page .news-list .news-item .news-info{ padding-top:20px;}
.news-page .news-list .news-item .news-info .news-title{font-size: 18px; line-height:2; overflow: hidden; white-space:pre; -ms-text-overflow: ellipsis; text-overflow: ellipsis;}
.news-page .news-list .news-item .news-info .news-desc{ color: #999999; line-height:26px; padding-top:5px;height: 58px;overflow: hidden;}
.news-page .news-list .news-item:last-child{ margin-right:0;}
.news-page .news-list .news-item:hover{background: #fff;-webkit-box-shadow: 0px 15px 30px #cfcfcf; -moz-box-shadow: 0px 15px 30px #cfcfcf; box-shadow: 0px 15px 30px #cfcfcf; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -ms-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.news-page .news-list .news-item::after{content: ''; display: block; position: absolute; width:0%; bottom:0; border-bottom:3px solid #c8000d;  right:0;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.news-page .news-list .news-item:hover::after{ width:100%; }
.news-page .news-list .news-item:hover .item-wrap::before{ width:0%; }


.honor-list .honor-item{ margin-bottom:15px;}
.honor-list .honor-item .item-name{ align-self: center; padding:10px; font-size:26px;color: #70C3AC; position: relative;}
.honor-list .honor-item .item-name::before,.honor-list .honor-item .item-name::after{ content: '';}
.honor-list .honor-item .item-name::before{ display: block; height:100%; border-left:1px solid #656565;}
.honor-list .honor-item .item-lists{background-color: #70C3AC; color: #fff; flex:1;padding:10px; position: relative;}
.honor-list .honor-item .item-lists::before{ content: ''; position: absolute; border:4px solid transparent;border-right-color:#70C3AC; margin:auto; left:-8px; top: 0; bottom: 0; width:0; height:0; }
.honor-list .honor-item .item-lists li{ line-height:2;font-size: 16px;}