* { margin: 0; padding: 0; }

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;  background: #fff;}

body {color: #333333;  background: #fff; margin: 0 auto; font-size: 12px; line-height: 1.25em; font-family: 'microsoft yahei'; -webkit-text-size-adjust: none;overflow-x: hidden; }

ol, ul, li { list-style: none; }

img { border: none; vertical-align: top; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a { color: #333333; text-decoration: none; outline: none; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

a:hover{color: #024f97;}

button, input, select, textarea { font-size: 100%; font-family: 'microsoft yahei'; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle; }

input { outline: none; border-radius: 0; font-family: 'microsoft yahei'; appearance:none;-moz-appearance:none;-webkit-appearance:none;}

input:focus, textarea:focus { outline: none; }

input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }

textarea { -webkit-appearance: none; }

/*select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;}
*/
h1, h2, h3, h4, h5, h6 { font-weight: normal; -webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s; }

.clearfix:before, .clearfix:after { content: ''; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }

.none { display: none; }

em, i, span, b { font-style: normal; -webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;}

.width90{width: 90%;padding: 0 5%;}
.w_1280{max-width: 1280px;margin: auto;width: 90%;position: relative;}
.w_1305{max-width: 1305px;width: 94%;margin: auto;}
.w_1294{max-width: 1294px;width: 94%;margin: auto;}

/*transition*/
.fl{float: left;}
.fr{float: right;}
.m_header{display: none;padding-bottom: 5px;height: 65px;background: #fff;width: 100%;z-index: 2;top:0;}
.m_logo{margin-left: 1%;margin-top:9px;float: left;}
.m_logo img{height: 52px;}
.menua{float: right;margin-top: 18px;}
.menua img{height: 30px;}
.iphone{font-size: 16px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: bold;float: right;background: url(../images/ico1.png) left center no-repeat;-webkit-background-size: 20px;background-size: 20px;padding-left: 30px;line-height: 30px;margin-top: 21px;}

.pc_header{padding-bottom: 10px;padding-top: 11px;z-index: 9;background: #fff;position: fixed;width: 100%;top: 0;left: 0;-webkit-box-shadow: 0 0 3px #dedede;box-shadow: 0 0 3px #dedede;}
.pc_header .fr{padding-top: 11px;}
.nav_fr{float: right;}
.searbtn{cursor: pointer;float: right;background: url(../images/ico3.png) center no-repeat;display: inline-block;width: 25px;height: 25px;-webkit-background-size: 100%;background-size: 100%;}
.searbtn:hover{opacity: 0.7;
filter: alpha(opacity=70);}
.phone{float: left;line-height: 25px;background-image: url(../images/ico1.png) ;background-repeat: no-repeat;background-position: left center;-webkit-background-size: 25px;background-size: 25px;padding-left: 30px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 16px;color: #333;font-weight: bold;}
.language{float: left;margin-right: 3px;margin-left: 47px;line-height: 24px;position: relative;z-index: 3;}
.language .icon{background: url(../images/ico2.png) center no-repeat;width: 21px;height: 21px;display: inline-block;-webkit-background-size: 100%;background-size: 100%;}
.language ul{   position: absolute; right: -25px;top: 35px;width:105px; padding-bottom: 24px;padding-top: 15px; background: #eeeeee;  display: none;     }
.language ul li{}
.language ul li a{ display: block;padding: 4px 15px;text-align: center; line-height: 24px;overflow: hidden; font-size: 14px;color: #888888; text-transform: uppercase;   -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; }
.language ul li a:hover{ color: #009adc;}
.cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.cd-popup-container1 { top: 10%; }
.close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.is-visible .cd-popup-container0, .is-visible .cd-popup-container1, .is-visible .cd-popup-container2, .is-visible .cd-popup-container3 { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.sear_p{float: left;border:1px solid #ccc;margin: 20px 0 0 10px;width: 145px;}
.sear_txt{float: left;width: 80%;height: 50px;font-size: 16px;line-height: 50px;font-family: 'microsoft yahei';border: none;background: none;color: #666;text-indent: 15px;}
.sear_btn{float: right;background: url('../images/ico3.png') center center no-repeat;text-indent: 999px;overflow: hidden;-webkit-background-size: 25px;background-size: 25px;width: 50px;height: 50px;border:none;cursor: pointer;}
.close_btn:after, .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.search_wrap{border:1px solid #ccc;border-radius: 25px}

.navigation-v3{  position: absolute;    right: 0;    bottom: -9px;}
.navigation-v3 li{float: left;margin-left: 30px;}
.navigation-v3 li a{line-height: 30px;padding-bottom: 20px;position: relative;display: inline-block;font-size: 16px;color: #333;line-height: 25px;}
.navigation-v3 li a:after{width: 0;background: #232a3a;height: 2px;content: '';position: absolute;left: 50%;bottom: 0;margin-left: -15px;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.navigation-v3 li.nav-up-selected a:after,.navigation-v3 li.nav-up-selected-inpage a:after{width: 30px;}
/*.navigation-v3 li.nav-up-selected a{font-weight: bold;}*/

.navigation-v3 > ul{float: right;margin-right: 42px;}
.navigation-down{position:absolute;top:100px;left:0px;width:100%;-webkit-box-shadow: 0 0 10px #373737;box-shadow: 0 0 10px #373737;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#fff;position:absolute;top:0px;/*-webkit-box-shadow: 0 0 1px #e8e8e8;box-shadow: 0 0 1px #e8e8e8;*/}
.navigation-down .nav-down-menu .navigation-down-inner.product_nav{padding-bottom: 45px;margin:auto;max-width:1625px;position:relative;width: 85%;}
.navigation-down .nav-down-menu .product_nav dl{float:left;width: 30%;margin:40px 3% 0 0;}
.navigation-down .nav-down-menu .product_nav dl dt{float: left;display: inline-block;width: 44%;}
.navigation-down .nav-down-menu .product_nav dl dt a{display: block;padding-bottom: 140px;background-position: center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;}
.navigation-down .nav-down-menu .product_nav dl dd{padding-left: 47.5%;}
.navigation-down .nav-down-menu .product_nav dl dd h3 a{display: block;font-weight: bold;font-size: 18px;color: #333;line-height: 20px;}
.navigation-down .nav-down-menu .product_nav dl dd h4{height: 20px;line-height: 20px;padding: 10px 0 15px;font-size: 14px;color: #666;}
.navigation-down .nav-down-menu .product_nav dl dd p{height: 96px;overflow: hidden;}
.navigation-down .nav-down-menu .product_nav dl dd p a{display: block;font-size: 14px;color: #333;font-weight: bold;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.navigation-down .nav-down-menu .product_nav dl:hover dt a{-webkit-transform: scale(1.05);transform: scale(1.05);}
.navigation-down .nav-down-menu .product_nav dl dd h3 a:hover,.navigation-down .nav-down-menu dl dd p a:hover{color: #0f4da6;-webkit-transform: translateX(3px);transform: translateX(3px);}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary{position: relative;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .img{position: absolute;width: 590px;right: 50%;margin-right:370px;height: 100%;-webkit-background-size: cover;background-size: cover;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .fl{color: #fff;line-height: 40px;padding: 86px 0 0;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .fl h5{font-size: 36px;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .fl h6{font-size: 16px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin{width: 59%;margin:0 auto;padding: 40px 0;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a{position: relative;display: block;float: left;width: 29.5%;margin: 0 8.5% 0 4%;padding: 0 4%;line-height: 50px;height: 50px;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a:after{-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;width: 0;background: #f5f5f5;content: '';position: absolute;left: 0;top: 0;height: 50px;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a span{position: relative;z-index: 2;font-size: 16px;color: #333;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a i{position: relative;z-index: 2;float: right;font-family: simsun;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a:hover:after{width: 100%;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a:hover span,.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a:hover i{color: #0f4da6;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .margin a:hover i{-webkit-transform: translateX(-3px);transform: translateX(-3px);}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .fr{padding-top: 40px;width: 19.5%;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .fr h5{font-size: 22px;color: #232b3c;line-height: 36px;}
.navigation-down .nav-down-menu .navigation-down-inner.ordinary .fr h6{padding-top: 2px;font-size: 14px;color: #c4c4c4;line-height: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-weight: normal;}

.banner1{position: relative;overflow: hidden;}
.banner1 .swiper-slide{height: 959px;}
.banner1 .swiper-slide a{position: absolute;top:0;left:0;width: 100%;display: block;height: 100%;background-repeat: no-repeat;background-position: center;}
.banner1_hd{z-index: 2;text-align: center;position: absolute;width: 100%;bottom: 40px;}
.banner1_hd span{display: inline-block;width: 17px;height: 17px;-webkit-border-radius: 50%;border-radius: 50%;margin: 3px 11px;background: rgba(255,255,255,0.73);}
.banner1_hd span.swiper-pagination-bullet-active{background: none;border:6px solid #fff;width: 12px;height: 12px;margin:0 11px;}

.section_tit{position: relative;z-index: 5;}
.section_tit h4 span,.section_tit h4 em{display: block;color: #333;}
.section_tit h4 span{font-size: 30px;line-height: 34px;padding-bottom: 7px;}
.section_tit h4 em{font-size: 18px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 20px;}
.section_tit a.fr img{width: 18px;margin-left: 10px;}
.section_tit a.fr{position: relative;z-index: 6;margin-top: 5px;font-size: 22px;display: inline-block;color: #666;padding-right: 29px;line-height: 30px;background: url(../images/more.png) right center no-repeat;-webkit-background-size: 18px;background-size: 18px;}
.section_tit a.fr:hover{-webkit-transform: translateX(-5px);transform: translateX(-5px);color: #0f4da6;padding-right: 40px;}
.section_one{padding: 70px 0;}
.sec_one_swiper{position: relative;overflow: hidden;}
.sec_one_swiper .swiper-slide{overflow: ;-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 0.4;filter: alpha(opacity=40);}
.sec_one_swiper .swiper-slide a{display: block;overflow: hidden;height: 527px;}
.sec_one_swiper .swiper-slide a span.img{display: block;width: 100%;padding-bottom: 450px;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;background-position: center ;}
.sec_one_swiper .swiper-slide a span.txt{display: block;margin: 80px auto 0;position: relative;width: 310px;text-align: center;border-top:1px solid #e1e1e1;line-height: 66px;font-size: 24px;}
.sec_one_swiper .swiper-slide a span.txt i{position: relative;display: inline-block;}
.sec_one_swiper .swiper-slide a span.txt i:after,.sec_one_swiper .swiper-slide a span.txt i:before{top:-2px;width: 22px;height: 3px;background: #0f4da6;display: inline-block;content: '';position: absolute;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.sec_one_swiper .swiper-slide a span.txt i:after{left: 50%}
.sec_one_swiper .swiper-slide a span.txt i:before{right: 50%}
.sec_one_swiper .swiper-slide a:hover span.txt i:after,.sec_one_swiper .swiper-slide a:hover span.txt i:before{width: 50%;}
/*.sec_one_swiper .swiper-slide a:hover span.img{-webkit-transform: scale(1.05);transform: scale(1.05);}
*/.sec_one_btn{width: 87px;cursor: pointer;height: 87px;background-image: url(../images/btn.png);position: absolute;top: 170px;z-index: 5;}
.sec_one_btn.sec_one_prev{background-position: 0 0;left: 50%;margin-left: -640px;}
.sec_one_btn.sec_one_next{background-position: -87px 0;right: 50%;margin-right: -640px;}
.sec_one_swiper .swiper-slide.swiper-slide-active a span.txt{margin-top: 0;}
.sec_one_swiper .swiper-slide.swiper-slide-active{overflow: inherit;-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.sec_one_swiper .swiper-slide.swiper-slide-active span.img{-webkit-transform: scale(1.3);transform: scale(1.3);}
.sec_one_swiper .swiper-slide.swiper-slide-active a{overflow: inherit;}

.section_two{padding: 90px 0;background: url(../images/vide_img.jpg) center no-repeat;position: relative;}
.sec_two_txt{padding: 30px 0 42px;position: relative;color: #b0b2b7;font-size: 18px;line-height: 36px;}
.sec_two_txt:after{width: 92px;height: 3px;background: #fff;content: '';position: absolute;left: 0;bottom: 0}
.section_two .section_tit h4 span,.section_two .section_tit h4 em{color: #fff;}
.sec_two_ul li{width: 32.3%;color: #fff;float: left;margin-right: 5%;}
.sec_two_ul li:nth-child(2n+1){margin-left: 0;}
.section_two .fl{width: 51%;}
.sec_two_ul{}
.sec_two_ul li {font-size: 18px;padding-top: 46px;}
.sec_two_ul li span{padding-bottom: 10px;display: block;line-height: 28px;}
.sec_two_ul li p i{margin-right: 10px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 54px;line-height: 64px;}
.video_icon{cursor: pointer;width: 126px;position: absolute;right:190px;top: 50%;margin-top: -63px;}
.video_icon img{width: 100%;opacity: 0.65;filter: alpha(opacity=65);}
.video_icon:hover img{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.video_icon p{display: none;}

.section_three,.section_five{overflow: hidden;padding: 75px 0;}
.section_three ul li{float: left;width: 19%;margin-left: 8%;margin-top: 42px;}
.section_three ul li:nth-child(4n+1){margin-left: 0;}
.section_three ul li a{overflow: hidden;position: relative;display: block;padding-bottom: 100px;background-position: center center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;}
.section_three ul li a:after{content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -200px; overflow: hidden;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.5)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.5)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);transform: skewX(-25deg);}

.section_three ul li a:hover:after{left: 150%; transition: left 1s ease 0s;}
.sec_three_btn{background: #fff;z-index: 3;position: absolute;top: 80px;right: 0;}
.sec_three_btn a{display: inline-block;width: 18px;height: 30px;background-repeat: no-repeat;}
.sec_three_next{background-image: url(../images/three_next.png);background-position: right center;}
.sec_three_prev{background-image: url(../images/three_prev.png);margin-right: 60px;background-position: left center;}
.sec_three_btn .swiper-button-disabled {opacity: 0.3;filter: alpha(opacity=30);}

.sec_four_box{position: relative;overflow: hidden;}
.sec_four_box .swiper-slide a{display: block;padding-bottom: 610px;background-position: center top;}
.sec_four_box .swiper-slide a:hover{-webkit-transform: scale(1.02);transform: scale(1.02);}
.section_four .section_tit,.section_five .section_tit{float: left;}
.section_four .tabs,.section_five .tabs_new{display: inline-block;}
.section_four .tabs a,.section_five .tabs_new a{line-height: 49px;margin-left: 57px;display: inline-block;position: relative;font-size: 24px;color: #999;}
.section_four .tabs a:after,.section_four .tabs a:before,.section_five .tabs_new a:after,.section_five .tabs_new a:before{width: 0;position: absolute;display: inline-block;height: 2px;background: #00409c;content: '';bottom: 0;-webkit-transition:all 0.8s ease 0s; transition:all 0.8s ease 0s;}
.section_four .tabs a:after,.section_five .tabs_new a:after{left: 50%}
.section_four .tabs a:before,.section_five .tabs_new a:before{right: 50%}
.section_four .tabs a.active,.section_five .tabs_new a.active{color: #00409c;}
.section_four .tabs a.active:after,.section_four .tabs a.active:before,.section_five .tabs_new a.active:after,.section_five .tabs_new a.active:before{width: 11px;}
.section_four .w_1280{padding-bottom: 47px;}
.sec_five_box{max-width: 1280px;width: 90%;margin: auto;overflow: hidden;position: relative;}
.sec_five_box .fl{padding-top: 50px;width: 40.6%;}
.sec_five_box .fl a{position:relative; display: block;position: relative;min-height:330px;-webkit-background-size: cover;background-size: cover;background-position: center center;}
.sec_five_box .fl a span{overflow:hidden;display: block;position: absolute;background: rgba(40,49,69,0.68);color: #fff;position: absolute;width: 100%;line-height: 46px;bottom: 0;left: 0;font-size: 18px;}

.sec_five_box .fl a span em{display: inline-block;max-width: 90%;overflow: hidden;white-space: nowrap;float: left;text-indent: 20px;margin-right: 3%}
.sec_five_box .fl a:hover span em{-webkit-transform: translateX(-10px);transform: translateX(-10px);margin-right: 20px;}
.sec_five_box .fl a img{width:100%;}

.sec_five_box .fr{width: 59.4%}
.sec_five_box .fr li{padding:45px 0 0 4%;width: 46%;float: left;}
.sec_five_box .fr li a,.sec_five_box .fr li a > *{display: block;}
.sec_five_box .fr li a .tit{margin: 0 0 21px;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #333;font-size: 18px;}
.sec_five_box .fr li a .txt{font-size: 16px;color: #999;line-height: 26px;height: 52px;overflow: hidden;}
.sec_five_box .fr li a .time{margin-top: 22px;font-size: 24px;color: #666;line-height: 26px;}
.sec_five_box .fr li a .time em{color: #d5d5d5;padding: 0 8px;font-size: 16px;}
.sec_five_box .fr li a:hover .tit{color: #00409c;-webkit-transform: translateX(3px);transform: translateX(3px);}
.sec_five_box .fr li a:hover .time{-webkit-transform: translateY(-5px);transform: translateY(-5px);}

footer{padding-top: 30px;background: url(../images/footer_bg.jpg) center top no-repeat;-webkit-background-size: cover;background-size: cover;}
footer h4{color: #fff;font-size: 20px;line-height: 30px;}
footer .foot_one .fl{}
footer .foot_one .fr{width: 250px}
footer .foot_one h4{padding-bottom: 28px;}
footer .foot_one .fl ul{float: left;}
footer .foot_one .fl ul.fl_ul_1{max-width: 176px}
footer .foot_one .fl ul.fl_ul_2{width: 194px;margin-left: 75px;}
footer .foot_one .fl ul.fl_ul_2 li{width: 97px;float: left;}
footer .foot_one .fl ul.fl_ul_2 li:first-child{width: 100%;}
footer .foot_one .fl ul.fl_ul_3{width: 90px;margin-left: 45px;}
footer .foot_one .fl ul li h6 a{color: #fff;display: block;font-size: 20px;line-height: 30px;margin-bottom: 20px;}
footer .foot_one .fl li > a{float: left;display: block;line-height: 40px;color: #fff;font-size: 16px;opacity: 0.5;filter: alpha(opacity=50);}
footer .foot_one .fl li > a:hover{opacity: 1;filter: alpha(opacity=100);}
footer .foot_one .fr span{width: 104px;text-align: center;display: inline-block;}
footer .foot_one .fr span img{width: 104px;height: 104px;}
footer .foot_one .fr i{display: block;font-size: 16px;color: #d8d8d8;line-height: 36px;}
.m_auto{width: 330px;float: left;margin-left: 50px;}
.m_auto img{margin-top: 5px;float: left;width: 22px;}
.m_auto p{padding-left: 25px;line-height: 30px;}
.m_auto p em{float: left;}
.m_auto div{padding-bottom: 5px;float: left;font-size: 16px;color: rgba(255,255,255,0.5);}
.m_auto p a{color: #fff;font-size: 26px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}

.foot_two{padding: 35px 0 20px;}
.foot_two span{float: left;font-size: 20px;color: #fff;line-height: 50px;}
.foot_two a{font-size: 16px;color: #fff;display: inline-block;opacity: 0.5;filter: alpha(opacity=50);margin-left: 30px;}
.foot_two a:hover{opacity: 1;filter: alpha(opacity=100);}
.foot_two p{padding-left: 135px;line-height: 50px;}

.copyright{border-top:1px solid rgba(255,255,255,0.5);color: #fff;font-size: 16px;line-height: 32px;padding: 14px 0;}
.copyright a{color: #fff;}
.copyright .fl em{display: inline-block;padding: 0 18px;}
.copyright select{border:1px solid rgba(255,255,255,0.5);background: #333b4e;color: #fff;width: 198px;height: 32px;text-indent: 10px;cursor: pointer;}
.copy_mato p{padding-left: 10px;display: inline-block;}
.copy_mato p img{margin-right: 5px;margin-top: 5px;}
.copy_mato{margin: auto;text-align: center;}

.n_banner{margin-top: 100px;color: #fff;padding: 127px 0 130px;background-position: center;background-repeat: no-repeat;}
.n_banner h5{padding-bottom: 37px;font-size: 36px;line-height: 46px;}
.n_banner p a{color: #fff;font-size: 16px;}
.n_banner p i{font-size: 16px;margin: 0 10px;}

.location{border-bottom: 1px solid #e8e8e8;padding: 12px 0;}
.location a{display: inline-block;margin-left: 2.7%;color: #333;font-size: 17px;line-height: 36px;}
.location a.on,.location a:hover{color: #0f4da6;}

.list_pro{margin-bottom: 36px;}
.list_pro li{float: left;width: 31.3%;margin: 36px 1% 0;text-align: center;}
.list_pro li a,.list_pro li a span{display: block;}
.list_pro li a span.img{display: block;position: relative;border:1px solid #e8e8e8;padding-bottom: 65%;}
.list_pro li a span.img i{display: block;width: 90%;height: 90%;position: absolute;top: 5%;left: 5%;background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;}
.list_pro li a span.tit,.list_pro li a span.type{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;line-height: 30px;}
.list_pro li a span.tit{padding-bottom: 13px;font-weight: bold;padding-top: 12px;font-size: 18px;color: #333;}
.list_pro li a span.type{font-size: 16px;color: #666;}
.list_pro li a:hover span.img i{-webkit-transform: scale(1.05);transform: scale(1.05);}
.list_pro li a:hover span.tit{background: #232b3c;color: #fff;}
/*.list_pro li a:hover span.img{border-color: #0f4da6;}
.list_pro li a:hover{-webkit-box-shadow: 0 0 10px #232b3c;box-shadow: 0 0 10px #232b3c;}
*/
.page{padding:24px 0 80px;text-align: center;line-height: 36px;font-size: 14px;color: #444;}
.page a,.page span{display: inline-block;border:1px solid #dcdcdc;width: 36px;margin: 0 2px}
.page a.btn{width: 77px;}
.page a:hover,.page a.on{border-color: #232b3c;}
.page span{width: 50px;position: relative;border-color: #fff}
.page span:after{width: 100%;height: 1px;background: #dfdfdf;content: '';position: absolute;left: 0;top: 50%;margin-top: -5px;}

.list_down{padding-bottom: 36px;}
.list_down li{height: 38px;border-bottom: 1px solid #eeeeee;line-height: 38px;padding: 34px 0;}
.list_down li a.tit{font-size: 18px;color: #333;display: inline-block;max-width: 46%;}
.list_down li span{color: #999;font-size: 14px;}
.list_down li a.look{    text-decoration: underline;margin-right: 40px;background: url(../images/ico4.png) left center no-repeat;padding-left: 22px;-webkit-background-size: 20px auto;background-size: 20px auto;font-size: 16px;color: #666;}
.list_down li a.down{margin-left: 40px;border:1px solid #0f4da6;line-height: 38px;padding: 0 24px;display: inline-block;float: right;}
.list_down li a.down em{color: #0f4da6;font-size: 14px;padding-left: 21px;background-image: url(../images/down_ico.png) ;background-repeat: no-repeat;background-position: left -14px;}
.list_down li .fr{white-space: nowrap;}
.list_down li .fr > *{margin-right: 27px;}
.list_down li a.tit:hover,.list_down li a.look:hover{color: #0f4da6;}
.list_down li a.down:hover{background: #0f4da6;}
.list_down li a.down:hover em{color: #fff;background-position: left 3px;}

.list_job{border:1px solid #e5e5e5;margin: 60px 0;}
.job_tit{font-size: 18px;color: #fff;background: #232b3c;line-height: 26px;padding: 22px 3%;}
.job_tit span{display: inline-block;float: left;}
.job_tit span.span1,.list_job ul li .problem span.span1{width: 22.5%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.job_tit span.span2,.list_job ul li .problem span.span2{width: 22.5%;}
.job_tit span.span3,.list_job ul li .problem span.span3{width: 9.5%;text-align: center;}
.job_tit span.span4,.list_job ul li .problem span.span4{width: 9%;text-align: center;margin-left: 14%;}
.job_tit span.span5,.list_job ul li .problem span.span5{height: 47px;width: 6.5%;text-align: center;margin-left: 14%;}
.list_job ul li{border-top:1px solid #e5e5e5;width: 100%;float: left;}
.list_job ul li:first-child{border:none;}
.list_job ul li:nth-child(2n){background: #f6f6f6;}
.list_job ul li .problem span.span5 i{width: 47px;height: 47px;background-color: #f0f0f0;background-image: url(../images/job_ico2.png);background-repeat: no-repeat;background-position: center;display: inline-block;border-radius: 100%;-webkit-border-radius:100%;}
.list_job ul li .problem{cursor: pointer;font-size: 16px;margin: 0 3%;color: #555;line-height: 47px;padding: 26.5px 0;}
.list_job ul li .problem span{float: left;display: inline-block;}
.list_job ul li .answer {padding-top: 7px;border-top:1px solid #e5e5e5;font-size: 16px;color: #777777;line-height: 30px;display: none;margin: 0 3%; overflow: hidden;}
.list_job ul li .answer pre{white-space: normal;}
.list_job ul li .answer h5{margin-top: 15px;padding-bottom: 5px;font-weight: bold;color: #333;font-size: 16px;}
.list_job ul li .answer h6{font-size: 16px;color: #242b3d;font-weight: bold;}
.list_job ul li .answer img,.list_job ul li .answer iframe { max-width: 100%;height: auto !important; }
.list_job ul li:first-child .answer { display: block; }
.list_job ul li.on .problem span.span5 i{background-image: url(../images/job_ico1.png);}
.down_job{display: inline-block;margin: 13px 0 35px;background: #242b3d url(../images/job_ico.png) 27px center no-repeat;color: #fff;padding: 0 20px 0 20px;line-height: 35px;height: 40px;}
.down_job i{margin-left: 15px;font-size: 24px;}
.down_job:hover,.down_job:hover i{color: #fff;}
.down_job:hover{opacity: 0.7;
filter: alpha(opacity=70);}

.Gallery{width:100%;height:100%;position:fixed;left:0;top:0;opacity:0;background:rgba(0,0,0,0.8);opacity:0;z-index:999999;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.Gallery.show{opacity:1}
.g-bottom,.g-left,.g-right,.g-top{z-index:99;display:block;-webkit-appearance:none;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease}
.g-top{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left.none,.g-right.none{opacity:.3;cursor:not-allowed}
.g-bottom{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);height:45px;text-align:center;line-height:45px;color:#fff;z-index:120}
.g-left{position:absolute;top:43%;left:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.g-right{position:absolute;top:43%;right:0;height:14%;background:rgba(0,0,0,.5);width:55px;cursor:pointer}
.Gallery img{max-height:87%;max-width:99%}
.Gallery.Gallery-none img{max-height:100%;max-width:99%}
.Gallery-wrap{width:100%;height:100%;position:relative;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
.g-left:after{content:'';width:20px;height:2px;background:#fff;position:absolute;left:16px;top:50%;margin-top:-1px}
.g-left:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:none;border-right:none;display:block;position:absolute;left:16px;top:50%;margin-top:-6px}
.g-right:after{content:'';width:20px;height:2px;background:#fff;position:absolute;right:16px;top:50%;margin-top:-1px}
.g-right:before{content:'';width:10px;height:10px;border:2px solid #fff;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);border-left:none;border-bottom:none;display:block;position:absolute;right:16px;top:50%;margin-top:-6px}
.g-list{width:100%;height:100%;text-align:center;vertical-align:middle;position:absolute;left:0;top:0}
.g-list span{display:inline-block;vertical-align:middle;height:100%}
.g-list img{vertical-align:middle;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease}
.Gallery-wrap.grab .g-list img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.g-top .g-count{width:auto;height:100%;position:absolute;left:0;top:0;padding:0 18px}
.g-top button{height:45px;width:45px;border:none;position:absolute;right:0;top:0;opacity:.8;background:0 0;-webkit-tap-highlight-color:transparent}
.g-top span{display:block;width:100%;height:100%;line-height:45px;color:#fff}
.g-close{cursor:pointer}
.g-close:after{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:absolute;left:8px;top:21px}
.g-close:before{content:'';width:24px;height:2px;background:#fff;display:block;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);position:absolute;left:8px;top:21px}
.g-top button:hover{opacity:1}

.list_honer{padding: 22px 0 37px;}
.list_honer li{float: left;margin: 40px 0.5% 0;width: 24%;text-align: center;}
.list_honer li a{display: block;position: relative;}
.list_honer li a b{background: url(../images/ico5.png) ;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: block;opacity: 0;filter: alpha(opacity=0);}
.list_honer li a em{display: inline-block;background: url(../images/ico6.png) center center no-repeat;-webkit-background-size: cover;background-size: cover;width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin: -30px 0 0 -30px;z-index: 2;opacity: 0;filter: alpha(opacity=0);}
.list_honer li span.txt{margin-top: 1px;background: #f7f7f7;font-size: 16px;color: #222;display: block;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.list_honer li a span.pic img{display: none;}
.list_honer li a span.pic {display: block;padding-bottom: 69.6%;width: 100%;overflow: hidden;background-position: center top;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.list_honer li:hover a b,.list_honer li:hover a em{opacity: 1;filter: alpha(opacity=100);}
.list_honer li:hover span.txt{background: #232b3c;color: #fff;}

.list_case{padding: 17px 0 80px;}
.list_case li{float: left;width: 24%;margin: 40px 0.5% 0;overflow: hidden;}
.list_case li a.img{display: block;padding-bottom: 70.5%;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.list_case li .txt{padding: 16px 11% 20px;background: #fafafb;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }
.list_case li .txt h5 a{margin-bottom: 15px;display: block;font-size: 20px;color: #333;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.list_case li p span{display: block;font-size: 16px;color: #666;line-height: 30px;overflow: hidden;    white-space: nowrap;text-overflow:ellipsis;}
.list_case li p span i{display: inline-block;width: 4px;height: 4px;background: #0f4da6;float: left;margin: 13px 10px 0 0;border-radius: 5px}
.list_case li .txt a.more{margin-top: 21px;display: block;font-size: 14px;color: #333;}
.list_case li:hover .txt{background: #232b3c;}
.list_case li:hover .txt h5 a{color: #fff;}
.list_case li:hover .txt p span{color: #9ea2a9;}
.list_case li:hover .txt p span i{background: #fff;}
.list_case li:hover .txt a.more{color: #fff;}
.list_case li .txt h5 a:hover,.list_case li .txt a.more:hover{-webkit-transform: translateX(3px);transform: translateX(3px);}
.list_case li:hover a.img{-webkit-transform: scale(1.05);transform: scale(1.05);}

.news_img{margin-top: 60px;position: relative;overflow: hidden;}
.news_img .swiper-slide a{overflow: hidden;display: block;position: relative;}
.news_img .swiper-slide a span.img{display: block;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;padding-bottom: 65%;}
.news_img .swiper-slide a span.tit{padding: 15px 0 13px;color: #333;font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: block;line-height: 30px;}
.news_img .swiper-slide a span.time{font-size: 14px;color: #bbb;font-family:'Century Gothic', Arial;}
.news_img .swiper-slide a:hover span.img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.news_img .swiper-slide a:hover span.tit{color: #0f4da6;-webkit-transform: translateY(3px);transform: translateY(3px);}

.news_dl{padding-bottom: 30px;}
.news_dl dl{padding: 40px 0;border-bottom: 1px solid #d6d6d6}
.news_dl dt{background: #f4f5f5;text-align: center;width: 108px;height: 96px;}
.news_dl dt *{display: block;font-family:'Century Gothic', Arial;}
.news_dl dt span{padding-top: 6px;font-size: 55px;color: #999;font-weight: bold;line-height: 60px;}
.news_dl dt i{font-size: 17px;color: #999;}
.news_dl dd{padding-left: 150px;}
.news_dl dd a,.news_dl dd a *{display: block;}
.news_dl dd a span{overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 18px;color: #333;line-height: 34px;margin-bottom: 5px;}
.news_dl dd a em{font-size: 15px;color: #666;line-height: 24px;overflow: hidden;height: 48px;}
.news_dl dl:hover dt *,.news_dl dl:hover dd a span{color: #0f4da6;}
.news_dl dl dd a:hover  span{-webkit-transform: translateX(3px);transform: translateX(3px);}

.cont_pro_one{background: url(../images/bg_color1.png) left bottom repeat-x;padding-bottom: 52px;}
.cont_pro_tit{padding: 63px 57px 0;text-align: center;}
.cont_pro_tit h5{font-size: 30px;padding-right: 122px;color: #333;line-height: 40px;}
.cont_pro_tit h6{padding-right: 122px;padding-top: 16px;color: #999;font-size: 24px;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;line-height: 30px;}
.prodWrap{padding: 20px 57px;}
.prodWrap .prodPic{margin-bottom: 0;padding-right: 122px;min-height: 415px;position: relative;}
.thumbox{z-index: 7;position: absolute;padding: 20px 0;right:0;top:0;width: 122px;height: 308px;}
.prodWrap .prodPic .thumbnail{width: 122px;position: relative;height: 308px;overflow: hidden;}
.prodWrap .prodPic .thumbnail .swiper-slide .pic{height: 86px;border:2px solid #dddcdc;text-align: center;line-height: 86px;font-size: 0;cursor: pointer;background-position: center;background-repeat: no-repeat;-webkit-background-size: contain;background-size: contain;}
.prodWrap .prodPic .thumbnail .swiper-slide.on .pic{border-color: #242b3c;}
.prodWrap .prodPic .prodScroll{width: 100%;position: relative;overflow: hidden;}
.prodWrap .prodPic .prodScroll .swiper-slide .pic{width: 85%;margin: auto;padding-bottom: 35%;background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;}
.prodWrap .prodPic .prodScroll .prod_pagination{bottom: 10px;display: none;text-align: center;}
.prodWrap .prodPic .prodScroll .prod_pagination .swiper-pagination-bullet{margin: 0 4px;background: #b2b2b2;}
.prodWrap .prodPic .prodScroll .prod_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #000000;}
.thumbox .thumbtn{position: absolute;display: inline-block;width: 17px;height: 10px;left: 53px}
.thumbox .thumbtn.thumprev{top: 0;background:  url(../images/thumprev.png) no-repeat;}
.thumbox .thumbtn.thumnext{bottom: 0;background:  url(../images/thumnext.png) no-repeat;}
.prodWrap .prodPic .prodScroll .swiper-wrapper{height: auto !important;}

.pro_parameter div{line-height: 42px;font-size: 16px;color: #333;word-wrap:break-word;}
.pro_parameter .fl{width: 45%;}
.pro_parameter .fr{width: 50%;}
.pro_parameter .fl span{margin-right: 10px;display: inline-block;}
.pro_parameter .fr span{margin-right: 10px;display: inline-block;}
.pro_parameter .fr i{display: inline-block;}

.cont_pro_two{padding: 70px 0 80px;}
.cont_pro_two dt{width: 49.2%;position: relative;}
.cont_pro_two dt .img{padding-bottom: 409px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.cont_pro_two dt span{width: 104px;height: 104px;cursor: pointer;position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);}
.cont_pro_two dd{width: 43.5%;float: right;}
.cont_pro_two dt:hover span img{-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}

.cont_pro_two_swiper{position: relative;overflow: hidden;}
.cont_pro_two_swiper .swiper-slide{position: relative;}
.cont_pro_two_swiper .swiper-slide h4{padding-top: 40px;padding-bottom: 26px;position: relative;font-size: 24px;color: #282f42;line-height: 30px;}
.cont_pro_two_swiper .swiper-slide h4:after{width: 45px;height: 3px;content: '';position: absolute;left: 0;bottom: 0;content: '';background: #000;}
.cont_pro_two_swiper .swiper-slide div{height: 252px;margin-top: 14px;font-size: 16px;color: #333;line-height: 42px;overflow-y:auto; }

.writing,.cont_pro_two_swiper .swiper-slide div{padding-right: 15px;}
.cont_pro_two_swiper .swiper-slide div::-webkit-scrollbar-track-piece,.writing::-webkit-scrollbar-track-piece { background-color:#fff;}
.cont_pro_two_swiper .swiper-slide div::-webkit-scrollbar,.writing::-webkit-scrollbar{width:5px;height:5px;}
.cont_pro_two_swiper .swiper-slide div::-webkit-scrollbar-thumb,.writing::-webkit-scrollbar-thumb{background-color:#b5b5b5;background-clip:padding-box;min-height:28px}

.introduction dd > div::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;  }
  /*定义滚动条轨道 内阴影+圆角*/
.introduction dd > div::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 10px;background-color: #F5F5F5;  }
  /*定义滑块 内阴影+圆角*/
.introduction dd > div::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #c8c8c8;  }

.cont_pro_two_hd{padding-top: 11px;}
.cont_pro_two_hd span{width: 16px;height: 4px;background: #b2b2b2;border-radius: 5px;-webkit-border-radius:5px;margin-right: 8px;}
.cont_pro_two_hd span.swiper-pagination-bullet-active{background: #000;}

.cont_pro_three{background: url(../images/1104.jpg) center center no-repeat;}
.introduction{padding: 58px 0; overflow: hidden;}
.introduction dt{width: 55%;}
.introduction dt span{display: block;padding-bottom: 400px;background-repeat: no-repeat;background-position: center;-webkit-background-size: contain;background-size: contain;}
.introduction dd{position: relative;padding-top: 93px;width: 34.5%;color: #333;display:table-cell; vertical-align:middle;}
.introduction dd h5{font-size: 30px;line-height: 40px;position: relative;padding: 20px 0;}
.introduction dd h5:after{width: 70px;height: 2px;background: #333333;content: '';left: 0;bottom: 0;display: block;position: absolute;}
.introduction dd > div{padding-right: 10px;overflow-y: auto;height: 168px;margin-top: 15px;font-size: 16px;line-height: 42px;color: #666;}
.cont_pro_three dd h5{color: #fff;}
.cont_pro_three dd h5:after{background: #fff;}
.cont_pro_three p{color: #fff;}
.cont_pro_four dt{width: 48.5%;}
.cont_pro_four dd{width: 43%;}
.cont_pro_three dd p{color: #fff;}
.cont_pro_five,.cont_div_success{background: url(../images/1108.jpg) center center no-repeat;}

.cont_div_img{padding: 75px 0 55px;}
.cont_div_title{line-height: 40px;text-align: center;font-size: 30px;color: #242b3c;}
.cont_div_img ul{padding-top: 56px;}
.cont_div_img ul li{float: left;width: 23%;margin: 0 1% 25px;}
.cont_div_img ul li span{display: block;padding-bottom: 66.5%;background-position: center;background-repeat: no-repeat;	-webkit-background-size: cover;background-size: cover;}
.cont_div_success{background-position: center top;padding:55px 0 80px;}
.cont_div_success_swiper{margin-top: 55px;position: relative;overflow: hidden;}
.cont_div_success_swiper .swiper-slide *{display: block;}
.cont_div_success_swiper .swiper-slide a{overflow: hidden;position: relative;}
.cont_div_success_swiper .swiper-slide span{padding-bottom: 66.5%;background-position: center;background-repeat: no-repeat;	-webkit-background-size: cover;background-size: cover;}
.cont_div_success_swiper .swiper-slide em{position: absolute;width: 100%;bottom:0;left:0;background: rgba(0,0,0,0.6);line-height: 36px;text-align: center;color: #fff;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-size: 16px;}
.cont_div_success_swiper .swiper-slide a:hover span{opacity: 0.8;filter: alpha(opacity=80);}
.cont_div_success_swiper .swiper-slide a:hover em{padding-bottom: 10px;}
.cont_div_success_swiper .swiper-button-white{z-index: 7;}
.success_swiper_next,.success_swiper_prev{position: absolute;top: 50%;z-index: 5;width: 40px;height: 40px;margin-top: -20px;cursor: pointer;background-position: center;-webkit-background-size: 100%;background-size: 100%;background-repeat: no-repeat;z-index: 3;background-color: rgba(0,0,0,0.6);border-radius: 100%;-webkit-border-radius: 100%}
.success_swiper_next{right: 10px;background-image: url(../images/btn_next.png);}
.success_swiper_prev{left: 10px;background-image: url(../images/btn_prev.png);}
.success_swiper_prev.swiper-button-disabled,.success_swiper_next.swiper-button-disabled{opacity: 0;filter: alpha(opacity=0);}
.success_swiper_next:hover,.success_swiper_prev:hover{background-color: rgba(255,255,255,0.5);}

.index-part5{padding: 73px 0 46px;}
.index-part5 .content{margin-top: 25px;position: relative;}
.index-part5 .content .btn{position: absolute;top: 50%;z-index: 5;width: 50px;height: 50px;margin-top: -25px;cursor: pointer;background-position: center;-webkit-background-size: 100%;background-size: 100%;background-repeat: no-repeat;}
.index-part5 .content .btn.prev-btn{left: 30px;background-image: url(../images/btn_prev.png);}
.index-part5 .content .btn.next-btn{right: 30px;background-image: url(../images/btn_next.png);}
.index-part5 .content .btn.next-btn:hover,.success_swiper_next:hover{background-image: url(../images/btn_next_hover.png);}
.index-part5 .content .btn.prev-btn:hover,.success_swiper_prev:hover{background-image: url(../images/btn_prev_hover.png);}
.index-part5 .content .btn:hover{opacity: 1;filter: grayscale(0);-webkit-filter: grayscale(0);}
.index-part5 .slider-box{padding: 50px 0;overflow: hidden;}
.index-part5 .slider-box .swiper-slide{position: relative;display: block;width: 46.5%;margin: 0 1%;transition: 1s;-webkit-transition: 1s;overflow: hidden;}
.index-part5 .slider-box .swiper-slide .pic{position: relative;padding-bottom: 61%;overflow: hidden;}
.index-part5 .slider-box .swiper-slide .pic:after{position: absolute;width: 100%;height: 100%;background: url(../images/h_40.png);content: '';left: 0;top: 0}
.index-part5 .slider-box .swiper-slide .pic em{position: absolute;width: 100%;left:0;top:0;display: block;height: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.index-part5 .slider-box .swiper-slide-active{z-index: 1;transform: scale(1.1);-webkit-transform: scale(1.1);}
.index-part5 .slider-box .swiper-slide-active .pic:after{opacity: 0;filter: alpha(opacity=0);}

.cont_link{background: #f5f4f5;border-top:1px solid #e7e7e7;padding: 56px 0;}
.cont_link dl{width: 20%}
.cont_link dl dt{text-align: center;width: 93px;}
.cont_link dl dt img{height: 80px;max-width: 100%}
.cont_link dl dd{padding-left: 103px;}
.cont_link dl dd *{display: block;}
.cont_link dl dd span{font-size: 24px;line-height: 34px;padding: 7px 0 ;}
.cont_link dl dd em{font-size: 14px;color: #999;line-height: 24px;}
.cont_link dl:hover dt img{-webkit-transform: translateY(-5px);transform: translateY(-5px);opacity: 0.7;filter: alpha(opacity=70);}

.list_about_one{padding: 123px 0 81px;}
.list_about_one dt{width: 47.7%;}
.list_about_one dt h4{position: relative;padding:50px 0 63px;margin-bottom: 38px;}
.list_about_one dt h4 *{display: block;}
.list_about_one dt h4 span{position: absolute;top:0;left:0;color: #232b3c;font-size: 77px;font-family: impact,arial;text-transform: uppercase;line-height: 80px;opacity: 0.08;filter: alpha(opacity=8);}
.list_about_one dt h4 em{position: relative;z-index: 3;font-size: 36px;color: #232b3c;}
.list_about_one dt h4:after,.list_about_two dt h4:after{width: 100px;height: 3px;background: #ededed;content: '';position: absolute;left: 0;bottom: 0}
.list_about_one dt h4:before,.list_about_two dt h4:before{width: 59px;height: 3px;background: #000;position: absolute;left: 0;bottom: 0;content: '';z-index: 3;}
.list_about_one dt div{height: 144px;line-height: 36px;color: #666;font-size: 16px;overflow-y: auto;}
.list_about_one dd{width:47.7% ;position: relative;}
.list_about_one dd span.img{padding-bottom: 400px;display: block;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.list_about_one dd span.btn{cursor: pointer;display: inline-block;position: absolute;top: 50%;left: 50%;margin-top: -40px;margin-left: -40px;opacity: 0.8;filter: alpha(opacity=80);width: 80px;}
.list_about_one dd span.btn img{width: 100%;}

.list_about_two{margin-bottom: 67px;}
.list_about_two dd{position: relative;width:47.7%; }
.list_about_two dd:after{background: #d1d1d1;content: '';position: absolute;left: 7px;top: 7px;width: 100%;height: 100%;}
.list_about_two dt{width:47.7% }
.list_about_two dd span.img{position: relative;z-index: 2;display: block;padding-bottom:400px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.list_about_two dt h4{position: relative;padding: 13px 0 31px;}
.list_about_two dt h4 span{font-size: 36px;color: #232b3c;line-height: 40px;}
.list_about_two dt h4  *{display: block;}
.list_about_two dt h4 em{margin-top: 13px;line-height: 20px;font-size: 18px;color: #999;font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;text-transform: uppercase;}
.list_about_two dt .writing{margin-top: 19px;font-size: 16px;line-height: 36px;height: 252px;overflow-y: auto;color: #fff;padding-right: 10px;}

.list_about_three{padding: 57px 0 79px;background: url(../images/demo21.jpg) center center no-repeat;}
.list_about_three ul{margin-top: 55px;}
.list_about_three ul li{background: #fff;float: left;text-align: center;width: 16%;margin-left: 0.8%;padding: 44px 0 46px;-webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;}
.list_about_three ul li:first-child{margin-left: 0;}
.list_about_three ul li *{display: block;}
.list_about_three ul li span.img{margin-bottom: 12px;height: 62px;background-repeat: no-repeat;background-position: center bottom;-webkit-background-size: 56px auto;background-size: 56px auto;}
.list_about_three ul li span.tit{font-size: 18px;color: #333;line-height: 26px;}
.list_about_three ul li span.txt{height: 52px;margin-top: 8px;font-size: 16px;color: #666;line-height: 26px;}
.list_about_three ul li.li1 span.img{background-image: url(../images/about_ico1.png);}
.list_about_three ul li.li2 span.img{background-image: url(../images/about_ico2.png);}
.list_about_three ul li.li3 span.img{background-image: url(../images/about_ico3.png);}
.list_about_three ul li.li4 span.img{background-image: url(../images/about_ico4.png);}
.list_about_three ul li.li5 span.img{background-image: url(../images/about_ico5.png);}
.list_about_three ul li.li6 span.img{background-image: url(../images/about_ico6.png);}
.list_about_three ul li:hover{background: #232b3c;}
.list_about_three ul li:hover span.tit,.list_about_three ul li:hover span.txt{color: #fff;}
.list_about_three ul li:hover span.img{background-position: center 5px;}

.list_tech_one{}
.list_tech_two{background: url(../images/111807.jpg) center center no-repeat;padding:55px 0 70px;}
.list_tech_two .tech_tit{position: relative;text-align: center;color: #fff;margin-bottom: 43px;}
.tech_tit span{position: relative;display: block;font-size: 30px;line-height: 40px;}
/*.tech_tit span:after{width: 28px;height: 3px;background: #fff;opacity: 0.8;filter: alpha(opacity=80);content: '';position: absolute;left: 50%;bottom: 0;margin-left: -14px;border-radius: 5px}
*/.tech_tit p{margin-top: 22px;font-size: 16px;line-height: 28px;opacity: 0.6;filter: alpha(opacity=60);}
.poster-main{position: relative;width: 100%;height: 525px}
.poster-main a,{display:block;}
.poster-main .poster-list{width: 405px;height: 525px}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;background:#fff;text-align: center;overflow: hidden;-webkit-box-shadow: 0 0 15px #666;box-shadow: 0 0 15px #666;}
.poster-main .poster-list .poster-item span.img img{margin-top: 59px;width: 210px;height: 210px;border-radius: 100%;-webkit-border-radius: 100%;}
.poster-main .poster-list .poster-item .name{display: block;padding: 22px 0 17px;font-size: 18px;color: #333;line-height: 28px;}
.poster-main .poster-list .poster-item span.img{display: block;}
.poster-main .poster-list .poster-item p{line-height: 26px;color: #666;font-size: 16px;}
.poster-main .poster-btn{-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;cursor: pointer;position: absolute;top:50%;margin-top: -20px;width:40px !important;height:40px !important;z-index: 10;background-color: rgba(0,0,0,0.2);border-radius: 100%;-webkit-border-radius: 100%;}
.poster-main .poster-next-btn{right:13px;background-image: url(../images/btn_next.png);-webkit-background-size: cover;background-size: cover;}
.poster-main .poster-prev-btn{left:13px;background-image: url(../images/btn_prev.png);-webkit-background-size: cover;background-size: cover;}
.index-btn.poster-btn-active{width: 40px;border-radius: 50px;background-color: #9FC112;}
.poster-main:hover .poster-next-btn{right: 3px}
.poster-main:hover .poster-prev-btn{left: 3px}

.list_tech_one{padding: 58px 0;}
.list_tech_one dd{padding-bottom: 539px;width: 38.2%;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.list_tech_one dt h5 *{display: block;}
.list_tech_one dt h5{padding-bottom: 39px;position: relative;}
.list_tech_one dt h5:after,.list_tech_one dt h5:before{bottom:0;height: 3px;display: inline-block;content: '';position: absolute;-webkit-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s; }
.list_tech_one dt h5:after{width: 100px;background: #ededed;}
.list_tech_one dt h5:before{z-index: 2;width: 60px;background: #000;}

.list_tech_one dt h5 span{padding-bottom: 6px;font-size: 30px;color: #333;line-height: 40px;}
.list_tech_one dt h5 em{font-size: 16px;color: #999;line-height: 24px;}
.list_tech_one dt{width: 57%;}
.tech_one_swiper{margin-top: 7px;position: relative;overflow: hidden;}
.tech_one_swiper .swiper-slide div{position: relative;border-bottom: 1px solid #e8e8e8;display: block;/*white-space: nowrap;text-overflow:ellipsis;*/font-size: 14px;color: #333;line-height: 30px;padding: 15px 0;}
.tech_one_swiper .swiper-slide a{overflow: hidden;display: block;position: relative;}
.tech_one_swiper .swiper-slide a i{margin-left: 2px;display: inline-block;width: 8px;height: 8px;background: #000;border-radius: 100%;-webkit-border-radius: 100%;margin-right: 15px;}
.tech_one_swiper .swiper-slide a span{display: inline-block;width: calc(100% - 60px);float: right;margin-right: 30px;height: 30px;transition:height 0.5s;-webkit-transition:height 0.5s;   
}
.tech_one_swiper .swiper-slide a em{z-index: 3;display: none;position: absolute;right: 5px;top: 11px;width: 17px;height: 10px;background-image: url(../images/thumnext.png) ;background-repeat: no-repeat;}
.tech_one_swiper .swiper-slide a:hover span{height: 50px;line-height: 25px;white-space: normal;text-overflow:initial;}
.tech_one_swiper .swiper-slide a:hover em{-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}


.tech_one_btn a{display: inline-block; width: 40px;margin-left: 37px;height: 40px;background-repeat: no-repeat;-webkit-background-size: 100%;
background-size: 100%;}
.tech_one_btn a.tech_one_prev{background-image: url(../images/btn_prev.png);margin-left: 0;}
.tech_one_btn a.tech_one_next{background-image: url(../images/btn_next.png);}
.tech_one_btn{margin-top: 30px;}
.tech_one_btn a img{width: 100%;}
.tech_one_btn a.tech_one_prev:hover,.poster-main .poster-prev-btn:hover{background-image: url(../images/btn_prev_hover.png);}
.tech_one_btn a.tech_one_next:hover,.poster-main .poster-next-btn:hover{background-image: url(../images/btn_next_hover.png);}
.tech_one_btn a.tech_one_prev.swiper-button-disabled{background-image: url(../images/btn_prev.png);}
.tech_one_btn a.tech_one_next.swiper-button-disabled{background-image: url(../images/btn_next.png);}

.list_tech_three{padding: 47px 0 58px;}
.tech_three_box{padding-top: 56px;}
.list_tech_three .tabs{float: right;width: 30.5%}
.list_tech_three .tabs a{width: 100%;text-align: center;font-size: 20px;color: #333;background: #f8f8f8;display: block;line-height: 136px;border-top: 1px solid #e8e8e8;position: relative;}
.list_tech_three .tabs a:first-child{border-top:0;}
.list_tech_three .tabs a:after{border-top: 13px solid transparent; border-bottom: 13px solid transparent;border-right: 13px solid transparent;content: '';position: absolute;left: -13px;top: 50%;margin-top: -13px;}
.list_tech_three .tabs a.active{background: #232b3c;color: #fff;}
.list_tech_three .tabs a.active:after{border-right-color: #232b3c;}
.tech_three_swiper{position: relative;overflow: hidden;width: 68%}
.tech_three_swiper .swiper-slide{position: relative;overflow: hidden;}
.tech_three_swiper span.img{position: absolute;width: 100%;display: block;padding-bottom: 550px;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.tech_three_swiper span.img:after{width: 100%;height: 100%;background: url(../images/h_40.png);position: absolute;left: 0;top: 0;content: ''}
.tech_three_swiper .txt{position: relative;z-index: 2;display:table-cell; width:100%;height: 550px;  padding:0 12.6%;  color:#fff; font-size:16px;line-height: 26px; vertical-align:middle}
.tech_three_swiper .txt span{display:inline-block; font-size:16px; vertical-align:middle;}
.tech_three_swiper .swiper-slide:hover span.img{-webkit-transform: scale(1.02);transform: scale(1.02);}

.jq22-container{width: 1280px;margin: auto;overflow: hidden;}
.wap_container{position: relative;overflow: hidden;display: none;width: 94%;margin: auto;}
.wap_container .swiper-slide{position: relative;background: #fff;text-align: center;padding: 40px 0;}
.wap_container .swiper-slide span.img{display: block;}
.wap_container .swiper-slide img{display: inline-block;width: 200px;height: 200px;border-radius: 100%;-webkit-border-radius:100%;}
.wap_container .swiper-slide .name{line-height: 28px;padding: 15px 0 10px;font-size: 18px;color: #000;display: block;}
.wap_container .swiper-slide p{font-size: 15px;line-height: 25px;color: #666;min-height: 125px}

.wap_container_btn{cursor: pointer;position: absolute;top: 50%;margin-top: -20px;width: 40px;height: 40px;background-color: rgba(0,0,0,0.3);z-index: 2;-webkit-border-radius:100%;}
.wap_container_btn img{width: 100%;border-radius: 100%;}
.wap_container_prev{left: 10px}
.wap_container_next{right: 10px}

.cont_case_one{padding-top: 80px;}
.cont_case_one .fr{width:50.4%;padding-bottom: 430px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.cont_case_one .fl{width:43.4% }
.cont_case_one .fl h4:after{width: 100px;height: 3px;background: #ededed;content: '';position: absolute;left: 0;bottom: 0}
.cont_case_one .fl h4:before{width: 59px;height: 3px;background: #000;position: absolute;left: 0;bottom: 0;content: '';z-index: 3;}
.cont_case_one .fl h4{padding-bottom: 49px;font-size: 30px;color: #333;line-height: 40px;position: relative;}
.cont_case_one .fl .writing{margin: 42px 0 52px;padding-right: 15px;line-height: 32px;font-size: 16px;color: #666;height: 160px;overflow-y: auto;}
.btn_qq{font-size: 16px;color: #fff;background: #242b3d;width: 133px;height: 40px;line-height: 40px;text-align: center;display: inline-block;margin-right: 38px;}
.btn_qq:hover{background: #0f4da6;color: #fff;width: 150px;}

.btn_phone{display: inline-block;font-size: 16px;color: #333;}
.btn_phone i{font-size: 24px;color: #373e51;font-weight: bold;}
.cont_case_two{padding: 72px 0;}
.cont_case_two ul{padding-top: 53px;}
.cont_case_two ul li{float: left;width: 33.33%;float: left;text-align: center;}
.cont_case_two ul li *{display: block;}
.cont_case_two ul li span.img img{display: inline-block;}
.cont_case_two ul li span.tit{padding: 17px 0 13px;font-size: 24px;color: #333;line-height: 34px;}
.cont_case_two ul li span.txt{font-size: 16px;color: #666;line-height: 24px;}

.cont_case_three_swiper{position: relative;overflow: hidden;margin-top: 55px;}
.cont_case_three_swiper .swiper-button-white{opacity: 0.6;filter: alpha(opacity=60);}
.cont_case_three_swiper .swiper-button-black{opacity: 0.1;filter: alpha(opacity=10);}
.cont_case_three_swiper .fl{width:57.8% ;border:1px solid #e8e8e8;border-right: none;}
.cont_case_three_swiper .fl a{display: block;padding-bottom: 585px;background-repeat: no-repeat;background-position: center;-webkit-background-size: 80% auto;background-size: 80% auto;}
.cont_case_three_swiper .fl a:hover{-webkit-transform: scale(1.05);transform: scale(1.05);}
.cont_case_three_swiper .fr{background: #293142;width: 35%;padding: 0 3.5%;height: 585px;}
.cont_case_three_swiper .fr h5{padding: 70px 0 55px;}
.cont_case_three_swiper .fr h5 a{display: block;color: #fff;font-size: 28px;line-height: 32px;}
.cont_case_three_swiper .fr h5 a:hover{color: #0f4da6;}
.cont_case_three_swiper .fr ul li{font-size: 16px;line-height: 36px;list-style: inside;color: #fff;}
.cont_case_three_swiper .fr a.more{font-size: 16px;color: #283042;background: #fff;line-height: 37px;width: 117px;height: 37px;text-align: center;display: block;margin:70px auto 0;}
.cont_case_three_swiper .fr a.more:hover{background: #0f4da6;color: #fff;}
.cont_case_three_swiper .writing{padding-right: 10px;height: 252px;overflow-y: auto;color: #fff;font-size: 16px;line-height: 36px;}

.contact_one .fl{width: 37.5%;}
.contact_one .fl h4{padding-bottom: 3px;font-size: 22px;color: #333;line-height: 32px;cursor: pointer;}
.contact_one .fl h4:hover{color: #0f4da6;}
.contact_one .fl p{font-size: 16px;color: #333;line-height: 38px;}
.contact_one .fl p i img{width: 26px;margin: 6px 6px 0 0;opacity: 0.4;filter: alpha(opacity=40);}
.contact_one .fr{border:2px solid #e8e8e8;padding: 8px;width: 60%;}
.contact_one .fr iframe{width: 100%;height: 410px;}
.contact_one{padding: 60px 0;}
.contact_two{background: #fafafa;padding-top: 40px;}
.contact_two .clearfix{margin-top: 30px;}
.contact_two .tech_tit{text-align: center;}
.contact_two .tech_tit span:after{background: #333;}
.contact_two form{margin-bottom: 60px;margin-top: 5px;}
.contact_two input.w_30{width: 31.5%;float: left;border:2px solid #e7e7e7;margin-left: 2.05%;height: 60px;line-height: 60px;font-size: 16px;text-indent: 10px;}
.contact_two .clearfix input.w_30:first-child,.contact_two .sele_style:first-child{margin-left: 0;}
.contact_two .sele_style{width: 48.9%;float: left;height: 60px;border:2px solid #e7e7e7;line-height: 60px;font-size: 16px;margin-left: 2%;color: #999;text-indent: 10px;}
.contact_two textarea{width: calc(100% - 8px);border:2px solid #e7e7e7;line-height: 60px;font-size: 16px;text-indent: 10px;height: 385px;}
.contact_two .yzm{width: 120px;height: 53px;text-indent: 10px;border:2px solid #e7e7e7;line-height: 60px;font-size: 16px;}
.contact_two img{height: 53px;width: 140px;}
.contact_two form span{font-size: 16px;font-weight: bold;color: #666;}
.contact_two form span i{color: #0f4da6;margin-right: 5px;}
.contact_two form input[type=submit]{cursor: pointer;width: 200px;float: right;border:none;height: 53px;font-size: 18px;color: #fff;background: #232b3c;}

.cont_title{padding-top: 40px;text-align: center;font-size: 30px;line-height: 35px;}
.cont_em{font-size: 15px;color: #999;text-align: center;border-bottom: 1px dashed #cdcdcd;line-height: 26px;padding: 10px 0;}
.cont_em em{display: inline-block;margin: 0 5%;}
.cont_text_box{font-size: 16px;line-height: 32px;min-height: 400px;margin: 20px 0;text-align:justify;}
.cont_page{font-size: 16px;line-height: 32px;padding-bottom: 40px;}
.cont_text_box img,.cont_text_box table,.cont_text_box iframe{ max-width:100%;max-height:100%; height: auto !important}

.list_news_txt{min-height: 300px;}
.list_news_txt li{height: 40px;padding: 10px 0;border-bottom: 1px dashed #dedede;}
.list_news_txt li a{display: block;height: 40px;line-height: 40px;}
.list_news_txt li a em{float: right;font-size: 12px;color: #999;}
.list_news_txt li a span{width: 80%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;display: inline-block;font-size: 15px;color: #333;}

.list_inter_map{padding: 40px 0;}
.list_inter_map h5{background: #dedede;padding: 20px 0;}
.list_inter_map h5 span{height: 20px;font-size: 18px;font-weight: bold;padding-left: 20px;border-left:3px solid #0f4da6;color: #666;}
.list_inter_map ul li{font-size: 15px;float: left;width: 20%;list-style:inside;}
.list_inter_map ul li a{color: #666;display: inline-block;line-height: 40px;}
.list_inter_map ul li a:hover{color: #0f4da6;}
.list_inter_map ul{padding: 30px ;}

.h1_css{color: #fff;display: inline-block;float: left;opacity: 0;filter: alpha(opacity=0);}
/*.right_nav{ right:0; top:50%; margin-top: -60px;position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#0085cd;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{display: none;position: absolute;right:110px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{background: url(../images/pcbg.jpg); padding: 10px 20px;border-top: 2px solid #0085cd;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{line-height: 30px;padding:0 0 5px 0;border-bottom: 2px solid #ccc;color: #fff;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {line-height: 40px;margin-top: 5px;font-size: 18px;font-weight: 700;white-space: nowrap;color: #fff;}
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;line-height: 40px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}
.right_nav li .hideBox .hb img{width: 100%;height: auto;}
*/.to_msg a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/*20191211*/
.right-flex {width: 45px;position: fixed;bottom: 10%;right: 0;z-index: 3;}
.right-flex ul {width: 100%}
.right-flex li {margin-bottom: 5px;position: relative;width: 45px;height: 45px;float: right;line-height: 45px;background: #c8c8c8;transition: width .3s, background .3s, margin .3s}
.right-flex li .ico {width: 45px;height: 45px;position: absolute;top: 0;right: 0;transition: right .3s}
.right-flex li a {display: block;width: 100%;height: 100%}
.right-flex li p {font-size: 15px;color: #fff;line-height: 45px;padding: 0 20px;transition: transform .3s}
.right-flex li.one {width: 140px;margin-right: -95px}
.right-flex li.one .ico,.right-flex li.two .ico {left: 0}
.right-flex li.one p,.right-flex li.two p {padding: 0 20px 0 45px}
.right-flex li.two {width: 200px;margin-right: -155px}
.right-flex li .ico.ico01 {background: url(../images/a24.png) no-repeat center}
.right-flex li .ico.ico02 {background: url(../images/a25.png) no-repeat center}
.right-flex li .ico.ico03 {background: url(../images/a31.png) no-repeat center}
.right-flex li:hover {width: 55px;background:#0085cd}
.right-flex li:hover .ico,.right-flex li.one:hover .ico,.right-flex li.two:hover .ico {right: 0;left: auto}
.right-flex li.one:hover {margin-right: 0;width: 140px}
.right-flex li.two:hover {margin-right: 0;width: 175px}
.right-flex li.one:hover p,.right-flex li.two:hover p {padding: 0 20px}
.right-flex li.top:hover{width: 45px;}




.foot_two a.xunj{position: relative;float: right;line-height: 50px;padding: 0 53px 0 76px;background: rgba(255,255,255,0.8);color: #222;border-radius: 25px;-webkit-border-radius:25px;opacity: 1;
filter: alpha(opacity=100);}
.foot_two a.xunj:after{width: 0;height: 0;border-top:3px solid transparent;border-bottom: 3px solid transparent;border-left: 5px solid #222;position: absolute;left: 60px;content: '';top: 50%;margin-top: -3px;}

.input_after{background-image: url(../images/star.png);background-repeat: no-repeat;background-position: right 0;}
/*20200616*/
@-webkit-keyframes hide{0%{opacity:0.4;}100%{opacity:0;}}
@-moz-keyframes hide{0%{opacity:0.4;}100%{opacity:0;}}
@keyframes hide{0%{opacity:0.4;}100%{opacity:0;}}

@-webkit-keyframes show{0%{opacity:0;}100%{opacity:1;}}
@-moz-keyframes show{0%{opacity:0;}100%{opacity:1;}}
@keyframes show{0%{opacity:0;}100%{opacity:1;}}

@-webkit-keyframes pathAni{0%{stroke-dashoffset:-2000; }100%{stroke-dashoffset:0;}}
@-moz-keyframes pathAni{0%{stroke-dashoffset:-2000; }100%{stroke-dashoffset:0;}}
@keyframes pathAni{0%{stroke-dashoffset:-2000; }100%{stroke-dashoffset:0;}}

.ban_txt{max-width: 1280px;width: 100%;position: absolute;top: 25%;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);z-index: 2;}
.banner1 .swiper-slide.swiper-slide{-webkit-background-size: cover;background-size: cover;background-position: center;}
.banner1 .swiper-slide.swiper-slide-active .ban_txt svg{width:100%;opacity:0.4;-webkit-animation: hide 1s 3s ease forwards;-moz-animation: hide 1s 3s ease forwards; animation: hide 1s 3s ease forwards;}
.banner1 .swiper-slide.swiper-slide-active .ban_txt svg .path{stroke-dasharray: 1100;stroke-dashoffset: 1100;-webkit-animation: pathAni 1.5s ease forwards;  -moz-animation: pathAni 1.5s ease forwards; animation: pathAni 1.5s ease forwards;}
.ban_txt > img{width: 100%;position: absolute;left: 0;top:0;z-index: 3;opacity: 0;-webkit-animation: show 2s 3s ease forwards;-moz-animation: show 2s 3s ease forwards; animation: show 2s 3s ease forwards;}
.light{position: absolute;z-index: 2;opacity: 0;filter: alpha(opacity=0); -webkit-animation: show 1s 4s ease forwards;-moz-animation: show 1s 4s ease forwards; animation: show 1s 4s ease forwards;}
.light img{width: auto; height: auto !important}
.light1{left: 8.5%;top: -6%}
.light2{left: 22.5%;top: 39%;transform: rotateZ(90deg);}
.light3{left: 35.5%;top: 68%;}
.light4{left: 49.2%;top: 48.5%;}
.light5{left: 62.8%;op: 41%;ransform: rotateZ(32deg);}
.light6{left: 77.6%;top: -6%;}
.light7{left: 97.5%;top: 88%;}

.tips_label{font-size: 16px;padding: 15px 0 30px;border-bottom: 1px solid #dedede;margin-bottom: 15px;}
.tips_label a{color:#1c57c4;margin-left:10px}
.tips_label a:hover{text-decoration: underline;}


@media screen and (max-width:1440px){
.navigation-down .nav-down-menu .navigation-down-inner.product_nav{width: 90%;}
}
@media screen and (max-width:1401px){
.banner1 .swiper-slide{padding-bottom: 70%;height: 0;}
.sec_one_btn.sec_one_prev{left: 0;margin-left: 0;background-position: -25px -30px;}
.sec_one_btn.sec_one_next{right: 0;margin-right: 0;background-position: -120px -30px;}
.sec_one_btn{width: 30px;height: 30px;top: 50%;margin-top: -30px;}
.navigation-down .nav-down-menu .product_nav dl{float:left;width: 30%;margin:30px 3% 9px 0;}
.m_auto{margin-left: 25px;}
footer .foot_one .fl ul.fl_ul_2,footer .foot_one .fl ul.fl_ul_3{margin-left: 25px;}
.location a{margin-left: 2%;}
.navigation-down .nav-down-menu .product_nav dl dd h3 a{font-size: 16px;}
}
@media screen and (max-width:1280px){

.banner1 .swiper-slide a{-webkit-background-size: cover;background-size: cover;}
.sec_one_swiper .swiper-slide a{height: auto;}
.sec_one_swiper .swiper-slide a span.txt{margin: auto ;width: 100%;}
.sec_one_swiper .swiper-slide.swiper-slide-active a span.txt,.n_banner{margin-top: 0;}
.section_one{padding: 30px 5%;}
.section_two,.sec_four_box .swiper-slide a,.list_about_three,.list_tech_two{-webkit-background-size: cover;background-size: cover;}
.sec_one_swiper .swiper-slide a span.img{padding-bottom: 80%;}
.sec_one_swiper .swiper-slide.swiper-slide-active span.img{-webkit-transform: scale(1);transform: scale(1);}
.sec_four_box .swiper-slide a{padding-bottom: 34%;}
.section_four .w_1280{padding-bottom: 25px;}
.section_four .tabs a, .section_five .tabs_new a{margin-left: 30px;}
.sec_five_box .fr li{padding-top: 30px;}
.sec_five_box .fl{padding-top: 30px;}
.section_four .tabs a, .section_five .tabs_new a{font-size: 20px;}
.section_tit h4 span{font-size: 26px;}
.section_tit h4 em{font-size: 16px;}
.sec_one_swiper .swiper-slide.swiper-slide-active,.sec_one_swiper .swiper-slide{-webkit-transform: scale(1);transform: scale(1);}
.section_one .w_1280{width: 100%;}
.location{display: none;}
.job_tit span.span5,.list_job ul li .problem span.span5{display: none;}
.job_tit span.span4, .list_job ul li .problem span.span4,.job_tit span.span3, .list_job ul li .problem span.span3,.job_tit span.span2, .list_job ul li .problem span.span2{width: 15%;}
.job_tit span.span1, .list_job ul li .problem span.span1{width: 37%;}
.list_job ul li .problem{padding: 15px 0;}
.pro_parameter div.fl,.pro_parameter div.fr,.cont_link dl dt{width: 100%;}
.pro_parameter .fl span,.pro_parameter .fr span{width: auto;margin-right: 20px;min-width: 200px;font-weight: bold;}
.cont_link dl dd{padding-left: 0;text-align: center;}
.cont_link dl dt img{height: 50px;}
.cont_link dl dt{float: none;}
.list_about_three ul li,.list_about_three ul li:first-child{width: 32.2%;margin: 0 0.4% 5px;}
.jq22-container,footer .foot_one .fr{display: none;}
.wap_container{display: block;}
.cont_case_three_swiper .fr h5 a{font-size: 24px;}
.cont_case_three_swiper .fr ul li{line-height: 30px;}

}
@media screen and (max-width:1180px){
.pc_header{display: none;}
.m_auto{float: left;}
.foot_two{display: none;}
.foot_one{padding-bottom: 20px;}
.m_header{display: block;z-index: 2;}
.banner1_hd{bottom: 10px}
.banner1_hd span{width: 10px;height: 10px;}
.banner1_hd span.swiper-pagination-bullet-active{width:10px;height:10px;border:3px solid #fff;}
.n_banner{-webkit-background-size: cover;background-size: cover;padding: 40px 0;}
.n_banner h5{font-size: 26px;padding-bottom: 20px;}
.n_banner p{font-size: 14px;}
.btn_phone{display: block;line-height: 40px;}
.btn_phone i{font-size: 20px;}

}
@media screen and (max-width:991px){
.list_pro li a span.tit,.location a,.list_down li a.tit{font-size: 16px;}
.location a{margin-right: 2%;}
.list_pro li a span.type,.list_job ul li .answer,.list_case li p span,.cont_case_two ul li span.txt{font-size: 14px;}
.list_down li,.list_honer{padding: 25px 0;}
.list_down li .fr,footer .foot_one .fl{display: none;}
.list_down li a.down{padding: 0 10px;line-height: 30px;}
.list_down li{height: 30px;line-height: 30px;}
.list_job{margin: 30px 0;}
.job_tit{padding: 15px 3%;font-size: 16px;}
.list_job ul li .answer{line-height: 26px;}
.list_honer li,.list_case li{width: 32.3%;margin-top: 20px;}
.list_case li .txt h5 a,.news_img .swiper-slide a span.tit{font-size: 18px;}
.index-part5 .content .btn{width: 40px;height: 40px;margin-top: -20px;}
.index-part5 .content .btn img{width: 100%;}
.cont_link dl dd span{font-size: 20px;padding-bottom: 0;}
.cont_link dl{width: 33%;margin-bottom: 15px;}
.cont_pro_two{padding: 20px 0 30px;}
.cont_pro_two dt span{width: 50px;height: 50px;}
.cont_pro_two dt span img,.list_tech_one dt{width: 100%;}
.introduction,.cont_div_img,.index-part5 .slider-box,.index-part5,.cont_div_success{padding: 25px 0;}
.cont_pro_one{padding-bottom: 25px;}
.cont_div_img ul,.cont_case_two ul{padding-top: 25px;}
.cont_div_success_swiper,.cont_case_three_swiper{margin-top: 25px;}
.list_tech_one dd{display: none;}
.cont_case_two ul li span.img img{height: 52px;}
.cont_case_two{padding: 40px 0;}
.contact_two input.w_30{margin-left: 1.8%;}
.contact_one .fl,.contact_one .fr{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;}
.contact_one .fl{margin-top: 20px;}
.contact_one .fr iframe{height: 300px;}
.contact_one .fl h4{font-size: 18px;}
.contact_one .fl p{font-size: 14px;}
.list_inter_map ul li{width: 33%;font-size: 14px;}
.list_inter_map ul{padding: 10px;}
.list_inter_map h5 span{font-size: 16px;}
.list_inter_map h5{padding: 15px 0;}
.list_inter_map ul li{list-style: none;}
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: #fff;}
.copyright{font-size: 14px;line-height: 24px;}
.copyright select{display: none;}
footer .foot_one .fr,.copyright .fl{display: block;width: 100%;text-align: center;}
.m_auto{margin-left: 0;width: 100%;}
.cont_pro_tit h5,.cont_pro_tit h6{padding-right: 0;}
footer .foot_one .fr p{width: 220px;margin: auto;}
}
@media screen and (max-width:768px){
footer .foot_one .fr p{width: auto}
.sec_one_swiper .swiper-slide a span.txt{font-size: 18px;line-height: 50px;}
.section_tit h4 span{font-size: 22px;padding-bottom: 0;}
.section_tit h4 em,.m_auto div.n_banner p a,.m_auto div,footer .foot_one .fr i{font-size: 14px;}
.section_tit a.fr,.sec_two_ul li{font-size: 16px;}
.section_two .fl,.sec_five_box .fl,.sec_five_box .fr,.section_one .section_tit{width: 100%;}
.video_icon{position: static;}
.video_icon p{display: block;color: #fff;text-align: center;font-size: 15px;line-height: 40px;}
.sec_two_txt{font-size: 15px;line-height: 30px;}
.sec_two_ul li{width: 50%;margin-right: 0;}
.video_icon{width: 100%;text-align: center;margin-top: 30px;}
.video_icon img{width: 70px;}
.section_two,.section_three,.section_five{padding: 40px 0;}
.sec_two_ul li p i{font-size: 30px;}
.sec_one_swiper .swiper-slide a span.txt,.m_auto p a{font-size: 18px;}
.section_three ul li{width: 28%;margin-top: 30px;}
.section_three ul li:nth-child(4n+1){margin-left: 8%;}
.section_three ul li:nth-child(3n+1){margin-left: 0;}
.section_three ul li a{padding-bottom: 30%;}
.sec_three_btn{top: 45px;padding: 10px 0;}
.sec_three_btn a{width: 13px;height: 25px;}
.sec_three_prev{margin-right: 20px;}
.section_four .tabs a, .section_five .tabs_new a{font-size: 16px;margin-left: 5px;}
.section_four .w_1280{padding-bottom: 15px;}
.sec_four_box .swiper-slide a{padding-bottom: 45%;}
/*.sec_five_box .fl a{padding-bottom: 60%;}*/
.sec_five_box .fl a{min-height:100px}
.sec_five_box .fr li{padding: 20px 0 0 0;width: 100%;}
.sec_five_box .fr li a .tit,.news_dl dd a span{margin-bottom: 5px;font-size: 16px;}
.sec_five_box .fr li a .txt{height: auto;max-height: 52px;font-size: 15px;}
.sec_five_box .fr li a .time,.list_honer li span.txt{margin-top: 0;font-size: 14px;}
footer .foot_one .fr span {float: none;margin: 0 10px;}
.m_auto h4,.page a, .page span,.job_tit span.span3, .list_job ul li .problem span.span3,.job_tit span.span4, .list_job ul li .problem span.span4{display: none;}
.copy_mato p,.copyright .w_1280 .copy_mato i,.prodWrap .prodPic .prodScroll .prod_pagination{display: block;}
.m_auto,.cont_div_success_swiper,.list_about_three ul{margin-top: 20px;}
.sec_five_box .fl{padding-top: 10px;}
.list_pro li{width: 48%;}
.page a.btn{display: inline-block;}
.job_tit span.span1, .list_job ul li .problem span.span1{width:52% ;}
.job_tit span.span2, .list_job ul li .problem span.span2{width: 48%;text-align: center;}
.list_job ul li .problem{line-height: 35px;}
.page{padding: 20px 0 40px;}
.list_honer li,.list_case li{width: 49%;}
.n_banner,.news_dl dl,.list_about_three{padding: 0;}
.n_banner h5,.cont_pro_tit h5{font-size: 22px;padding-bottom: 0;}
.news_dl dt{/*display: none;*/width: 70px;margin-right: 10px;background: none;}
.news_dl dt span{font-size: 33px;}
.news_dl dt i{font-size: 15px;}
.news_dl dd{padding-left: 0;padding: 10px 0; }
.news_dl dd a span{line-height: 30px;font-size: 15px;margin-bottom: 0;}
.news_img .swiper-slide a span.tit{padding-bottom: 0;font-size: 16px;}
.news_dl dd a em,.pro_parameter div,.cont_pro_two_swiper .swiper-slide div{font-size: 13px;}
.news_img{margin: 30px 0 0;padding-bottom: 15px;border-bottom: 1px solid #d6d6d6;}
.thumbox,.contact_two form span,.cont_case_three_swiper .swiper-button-white,.cont_case_three_swiper .swiper-button-black,.cont_case_three_swiper .writing,.cont_case_three_swiper .fr a.more,.cont_case_three_swiper .writing,.cont_case_three_swiper .fr a.more{display: none;}
.prodWrap .prodPic{width: 100%;padding-right: 0;min-height: auto}
.prodWrap .prodPic .prodScroll .swiper-slide .pic,.pro_parameter .fl span, .pro_parameter .fr span,.pro_parameter .fl i, .pro_parameter .fr i{width: 100%;}
.pro_parameter .fl span, .pro_parameter .fr span,.pro_parameter .fl i, .pro_parameter .fr i,.index-part5 .slider-box .swiper-slide{margin: 0;}
.prodWrap{padding: 20px 0;}
.prodWrap .prodPic .prodScroll .swiper-slide .pic{padding-bottom: 50%;}
.cont_pro_tit,.cont_div_img ul{padding: 20px 0 0;}
.prodWrap,.cont_pro_two_hd,.introduction dd{padding-top: 0;}
.cont_pro_tit h6{padding: 0;font-size: 17px;}
.pro_parameter div,.cont_pro_two_swiper .swiper-slide div,.introduction dd p,.cont_div_title{line-height: 30px}
.cont_pro_two dt,.cont_pro_two dd,.introduction dd,.cont_case_three_swiper .fl,.cont_case_three_swiper .fr,.cont_case_one .fr,.cont_case_one .fl{width: 100%;}
.cont_pro_three,.cont_pro_five{-webkit-background-size: cover;background-size: cover;}
.cont_pro_two dt .img,.introduction dt span{padding-bottom: 64%;}
.cont_pro_two_swiper .swiper-slide h4{padding: 20px 0;font-size: 22px;}
.introduction dd h5,.cont_div_title{padding: 10px 0;font-size: 22px;}
.introduction dd h5:after{width: 40px;}
.introduction dt{width: 90%;margin: 0 5%;}
.cont_div_img ul li{width: 48%;}
.index-part5 .slider-box .swiper-slide{margin: 0;}
.index-part5 .slider-box{margin: 0 3%;padding: 20px 0;}
.index-part5 .content{margin-top: 10px;}
.list_about_two dt,.list_about_two dd,.list_about_one dd,.list_about_one dt{float: left;width: 100%;}
.list_about_two dd,.list_about_one dd{margin-top: 15px;}
.list_about_two dd span.img,.list_about_one dd span.img{padding-bottom: 70%;}
.list_about_two{margin-bottom: 20px;}
.list_about_two dt .writing,.list_about_one dt div,.cont_case_one .fl .writing{height: auto;line-height: 24px;font-size: 14px;}
.list_about_two dt h4 span{font-size: 26px;}
.list_about_two dt h4 em{font-size: 15px;margin-top: 0;}
.list_about_three ul li span.txt{font-size: 12px;}
.list_about_three ul li, .list_about_three ul li:first-child{width: 49.2%;}
.list_about_three ul li span.img{-webkit-background-size: 40px auto;background-size: 40px auto;}
.list_about_three ul li,.list_about_one dt h4,.list_tech_one,.list_tech_two,.list_tech_three,.contact_one{padding: 25px 0 35px;}
.list_about_one dt h4 span{font-size: 60px;}
.list_about_one dt h4 em,.cont_case_one .fl h4{font-size: 26px;}
.list_about_one dt h4 span{top: auto;bottom: 10px}
.list_about_one dt h4{margin-bottom: 15px;}
.list_about_two dt h4,.cont_case_one .fl h4{padding: 15px 0 25px;}
.list_about_one{padding: 15px 0 10px;}
.list_tech_three .tabs a{line-height: 70px;font-size: 14px;}
.list_tech_three .tabs a:after{display: none;}
.tech_three_swiper .txt{height: 284px;font-size: 14px;line-height: 24px;}
.tech_three_swiper .txt span,.list_tech_one dt h5 em,.tech_tit p,.wap_container .swiper-slide p{font-size: 14px;}
.tech_one_swiper .swiper-slide a{line-height: 45px;}
.list_tech_one dt h5,.tech_tit span{padding-bottom: 20px;}
.tech_three_box,.cont_case_one{padding-top: 20px;}
.list_tech_one dt h5 span,.tech_tit span{font-size: 22px;line-height: 32px;}
.cont_case_three_swiper .fr{-webkit-box-sizing: border-box;box-sizing: border-box;height: auto;padding: 15px 0;}
.cont_case_three_swiper .fr h5{padding: 0;}
.cont_case_three_swiper .writing,.cont_case_three_swiper .fr a.more{display: none;}
.cont_case_three_swiper .fl a{padding-bottom: 70%;}
.cont_case_three_swiper .fr h5 a{text-align: center;font-size: 14px;line-height: 24px;}
.cont_case_three_swiper .fl{border-right: 1px solid #e8e8e8;-webkit-box-sizing: border-box;box-sizing: border-box;width: 99.9%;}
.cont_case_two ul li span.tit{font-size: 20px;}
.cont_case_two ul li{width: 100%;margin-top: 20px;}
.cont_case_one .fl .writing{margin: 20px 0;}
.cont_case_one .fr{padding-bottom: 70%;}
.contact_two input.w_30{width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: 0;margin-top: 20px;height: 45px;line-height: 45px;}
.contact_two .sele_style,.contact_two .yzm{height: 45px;line-height: 45px;}
.contact_two textarea{line-height: 45px;height: 200px;}
.contact_two img{height: 45px;}
.contact_two form input[type=submit]{width: 100%;margin-top: 20px;}
.list_inter_map ul li{width:50%}
.news_dl dd a em{line-height: 22px;}
/*2020.3.11*/
.cont_title{padding-top: 20px;font-size: 20px;line-height: 28px;}
.n_banner{position: relative;padding: 0;padding-top: 40%;background-position: 60% center ;}
.n_banner .w_1280{position: absolute;left: 0;padding: 0 5%;line-height: 30px;   top: 50%;    transform: translateY(-50%);}
.n_banner h5{line-height: 30px;}
.n_banner p a{color: #fff;font-size: 13px;}
.cont_case_one{padding-top: 10px;}
.cont_case_one .fl h4{padding-bottom: 15px;font-size: 20px;}
.tech_three_swiper span.img{padding-bottom: 0;height: 100%;}
.introduction dd > div{height: auto}

}
@media screen and (max-width:640px){
.list_pro li{width: 100%;}
.cont_link dl{width: 50%;}
.cont_link dl dt img{height: 35px;}
.cont_link{padding: 25px 0 10px;}
/*.list_case li{width: 99%;}*/
}
.update-tips {
    position: absolute;display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 33px;
    background: #367dc6;
    line-height: 33px;
    color: #fff;font-size: 16px;
    font-weight: 800;
    text-align: center;z-index: 999;
}
.update-tips span{text-decoration: underline;padding-left: 15px;cursor: pointer;}