@font-face{font-family: 'thyFont1'; src: url("../font/simpds.ttf");}
@font-face{font-family: 'thyFont2'; src: url("../font/BEBAS.ttf");}
@font-face{font-family: 'thyFont3'; src: url("../font/Questrial-Regular.ttf");}

html{background: #fff; overflow-x: hidden; width: 100%;}
/*样式重置*/
html{line-height: 1.15; -webkit-text-size-adjust: 100%;}
body{margin: 0;}
h1{font-size: 2em; margin: .67em 0;}
hr{box-sizing: content-box; height: 0; overflow: visible;}
pre{font-family: monospace,monospace; font-size: 1em;}
a{background-color: transparent;}
abbr[title]{border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong{font-weight: bolder;}
code, kbd, samp{font-family: monospace,monospace; font-size: 1em;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub{bottom: -.25em;}
sup{top: -.5em;}
img{border-style: none;}
button, input, optgroup, select, textarea{font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input{overflow: visible;}
button, select{text-transform: none;}
[type=button], [type=reset], [type=submit], button{-webkit-appearance: button;}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner{border-style: none; padding: 0;}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring{outline: 1px dotted ButtonText;}
fieldset{padding: .35em .75em .625em;}
legend{box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress{vertical-align: baseline;}
textarea{overflow: auto;}
[type=checkbox], [type=radio]{box-sizing: border-box; padding: 0;}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button{height: auto;}
[type=search]{-webkit-appearance: textfield; outline-offset: -2px;}
[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
::-webkit-file-upload-button{-webkit-appearance: button; font: inherit;}
details{display: block;}
summary{display: list-item;}
template{display: none;}
[hidden]{display: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, audio, canvas, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, video{margin: 0; padding: 0;}
fieldset, img{border: 0;}
address, caption, cite, code, dfn, em, th, var, optgroup{font-style: normal; font-weight: normal;}
ins{text-decoration: none;}
li{list-style: none;}
table{font-size: inherit; font: 100%; border-collapse: collapse; border-spacing: 0;}
caption, th{text-align: left;}
h1, h2, h3, h4, h5, h6{font-size: 100%;}
q:before, q:after{content: '';}
abbr, acronym{border: 0; font-variant: normal;}
legend{color: #000;}
input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select{border: 0; padding: 0; margin: 0; *font-size: 100%; line-height: 1.2;}
a img, img{-ms-interpolation-mode: bicubic;}
sub, sup{vertical-align: baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section, blockquote{display: block;}
pre{white-space: pre-wrap;}
textarea{resize: none; overflow: auto;}
input[type=text]:focus, input[type=password]:focus, textarea:focus{outline: 0;}
button, input{outline: 0;}
input[type=password]::-ms-reveal{display: none;}
input::-ms-clear{display: none;}
input:-ms-input-placeholder{color: #999;}

/*样式重置*/
@media screen and (max-width: 1500px){.header_logo .needNone{display: none !important;} }

@media screen and (max-width: 1400px){main{max-width: 1200px;} .banner .header_sea .header_sea_main .mid{width: 400px;} }

@media screen and (max-width: 1300px){.pc_header .header_logo{left: 20px !important;} .pc_header .header_lan{right: 20px !important;} .pc_header .header_nav{right: 40px;}
	.pc_header .header_nav li {margin-left: 25px;}
	
    }

@media screen and (max-width: 1200px){main{max-width: 1100px;} .pc_header .header_logo{line-height: 46px; top: 45px;} .pc_header .header_logo img{height: 46px; height: 46px;} .pc_header .header_lan{height: auto; line-height: 40px; left: 20px; top: 90px;} .pc_header .header_nav{position: relative; right: 30px;} .banner .header_sea .header_sea_main .mid{width: 300px;} .s1 .s1_main li{width: 100%; margin-right: 0%;} .s1 .s1_main .li1{height: 150px; position: relative; background: -webkit-linear-gradient(310deg, #039849, #009688); background: -o-linear-gradient(310deg, #039849, #009688); background: -moz-linear-gradient(310deg, #039849, #009688); background: linear-gradient(310deg, #039849, #009688);} .s1 .s1_main .li1 .a1{height: 100%; line-height: 150px; padding-top: 0;} .s1 .s1_main .li1 .a2{position: absolute; width: 40%; margin: 0; right: 0; bottom: 10px; display: none;} .s1 .s1_main .li2{/* height: 250px; */ height: auto; width: 32.3%; margin: 0.5%; *zoom: 1;} .s1 .s1_main .li2:before, .s1 .s1_main .li2:after{content: " "; display: table;} .s1 .s1_main .li2:after{clear: both;} .s1 .s1_main .li2 .pic{height: 250px; /* width: 30%; */ /* float: left; */} .s1 .s1_main .li2 .a1{height: 180px; width: 20%; text-align: center; line-height: 180px; margin-top: 35px; float: left; padding: 0; border-right: 1px solid #bebebe;} .s1 .s1_main .li2 .a6{/* float: left; */ /* width: 30%; */ width: 100%;} .s1 .s1_main .li2 .a6 .a2{/* display: none; */} .s1 .s1_main .li2 .a6 .a3{margin-top: 20px; padding-bottom: 20px;} .s1 .s1_main .li2 .a6 .a4{padding-bottom: 20px; /* border-bottom: 1px solid #bebebe; */} .s2 .s2_bac1{background-attachment: scroll;} footer{background-attachment: scroll;} .com_banner{height: 480px;} .company .a3{background-attachment: scroll;} .needLeftSmall{left: -450px !important;} .needLeft{left: -500px !important;} .needLeftBig{left: -600px !important;}}

@media screen and (max-width: 992px){main{max-width: 890x;} footer .f_con .left{width: 80%;} .pc_header{display: none;} .mobile_header{display: block;} #viewer_honor .honor_li{width: 33.33%;} .banner{padding-top: 41px !important;} .banner .header_sea .header_sea_main .mid{width: 200px;} .company .a1{margin-top: 0;} .company .a1 .left{width: 100%; position: relative; z-index: 10;} .company .a1 .left .b1{padding-top: 40px; font-size: 40px; color: #fff;} .company .a1 .left .b2{height: 50px; line-height: 50px; font-size: 22px; color: #fff;} .company .a1 .left .b4{padding-top: 30px; padding-bottom: 40px; color: #fff; font-size: 15px;} .company .a1 .right{width: 100%; top: 0; left: 0;} .company .a1 .right:after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, 0.6);} .company .a2 .left{width: 100%;} .company .a2 .left .left_main{width: 100%; padding-top: 20px;} .company .a2 .right{width: 100%; text-align: center;} .company .a3 li .b1{height: 300px;} .company .a4 .left{width: 100%; top: 0; left: 0;} .company .a4 .left:after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; background: rgba(0, 0, 0, 0.6);} .company .a4 .right{width: 100%; position: relative; z-index: 10; padding-bottom: 60px;} .company .a4 .right .b1{font-size: 24px; color: #fff; padding-top: 40px;} .company .a4 .right .b3{color: #fff;} .company .a4 .right .b4{font-size: 15px; color: #fff;} .small_banner{height: 300px;} .small_banner .mask .a1{padding-top: 100px;} .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop .swiper-slide .pic{height: 340px;} .pro_add_div{height: 40px !important;} .news-in-title{padding-top: 40px !important;} #newsInfo{padding-top: 40px;} .inner_news_title{font-size: 22px;} .map_div{height: 40px !important;}}

@media screen and (max-width: 767px){main{padding-left: 15px; padding-right: 15px;} footer .f_con .left li .a2{ width: 100%; float: left;} #viewer_honor .honor_li{width: 50%;} .banner{height: 25vh !important;} .banner .banner_container{height: 100%;} .banner .banner_container .swiper-container{height: 100%;} .banner .banner_container .swiper-container .swiper-slide1 .banner1_1{width: 40%; top: 15%;} .banner .banner_container .swiper-container .swiper-slide1 .banner1_2{width: 28%; top: 25%;} .banner .banner_container .swiper-container .swiper-slide1 .banner1_3{width: 73%; top: 35%; line-height: 20px; font-size: 12px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);} .banner .banner_container .swiper-container .swiper-slide1 .banner1_4{top: 70%;} .banner .swiper-slide1 .banner1_4 a{line-height: 34px; font-size: 14px;} .banner .swiper-slide1 .banner1_4{height: 34px;} .banner .header_sea{bottom: 0;} .banner .header_sea .header_sea_main{height: 50px;} .banner .header_sea .header_sea_main .left{display: none;} .banner .header_sea .header_sea_main .mid{display: none;} .banner .header_sea .header_sea_main .right{width: 100%; height: 36px; padding-top: 7px;} .banner .header_sea .header_sea_main .right form{width: 90%; margin-left: 5%;} .banner .header_sea .header_sea_main .right form input{width: 70%; height: 36px; line-height: 36px; margin-left: 0;} .banner .header_sea .header_sea_main .right form button{height: 36px; line-height: 36px;} .banner .header_sea .header_sea_main .right form button img{height: 20px;} .all_title .all_title1{font-size: 24px;} .all_title .all_title3{padding-top: 15px; width: 90%; margin-left: 5%; font-size: 15px;} .s1{padding-top: 50px;} .s1 .s1_main{padding-top: 40px;} .s1 .s1_main li{width: 100%; margin-right: 0%;} .s1 .s1_main .li1{height: 100px; position: relative; background: -webkit-linear-gradient(310deg, #039849, #009688); background: -o-linear-gradient(310deg, #039849, #009688); background: -moz-linear-gradient(310deg, #039849, #009688); background: linear-gradient(310deg, #039849, #009688);} .s1 .s1_main .li1 .a1{height: 100%; line-height: 100px; padding-top: 0;} .s1 .s1_main .li1 .a1 img{height: 60px;} .s1 .s1_main .li1 .a2{position: absolute; width: 40%; margin: 0; right: 0; bottom: 10px; display: none;} .s1 .s1_main .li2{/* height: 180px; */ height: auto; width: 49%; *zoom: 1; position: relative;} .s1 .s1_main .li2:before, .s1 .s1_main .li2:after{content: " "; display: table;} .s1 .s1_main .li2:after{clear: both;} .s1 .s1_main .li2 .pic{height: 180px; /* width: 50%; float: left; */ width: 100%;} .s1 .s1_main .li2 .a1{height: 50px; width: 50px; text-align: center; line-height: 50px; margin-top: 0; float: left; padding: 0; border-right: none; position: absolute; left: 0; top: 0; font-size: 24px; color: #fff;} .s1 .s1_main .li2 .a6{/* float: left; width: 50%; */ width: 100%;} .s1 .s1_main .li2 .a6 .a2{/* display: none; */} .s1 .s1_main .li2 .a6 .a3{margin-top: 10px; padding-bottom: 10px; font-size: 15px;} .s1 .s1_main .li2 .a6 .a4{padding-bottom: 20px; /* border-bottom: 1px solid #bebebe; */ width: 120px;} .s2{height: auto;} .s2 .s2_bac2 .a1{padding-top: 50px; font-size: 26px;} .s2 .s2_bac2 .a2{font-size: 18px; padding-top: 10px;} .s2 .s2_bac2 .a3{width: 100%; padding-top: 30px; font-size: 16px; } .s2 .s2_bac2 .a4{height: 240px;} .s2 .s2_bac2 .a4 .left{background: none; height: 180px; width: 100%;} .s2 .s2_bac2 .a4 .left li{border-right: none;} .s2 .s2_bac2 .a4 .right{height: 60px; width: 100%; background: none;} .s2 .s2_bac2 .a4 .right .b1{margin: 0 auto; float: none;} .s3{width: 100%; padding-top: 50px;} .s3 .s3_main .left{width: 100%;} .s3 .s3_main .left .top{height: auto;padding: 10px;box-sizing: border-box;} .s3 .s3_main .left .top .a1{font-size: 24px;} .s3 .s3_main .left .top .a3{padding-top: 15px;} .s3 .s3_main .left .top .a4{margin-top: 20px;} .s3 .s3_main .left .bottom{height: auto;} .s3 .s3_main .left .bottom .a1{ padding: 10px;} .s3 .s3_main .left .bottom .a1 a .b2{margin-top: 60px;} .s3 .s3_main .left .bottom .a1 a .b4{margin-top: 10px; margin-bottom: 10px;} .s3 .s3_main .right{width: 100%;} .s3 .s3_main .right li{width: 100%; margin-right: 0; height: 230px;} .s3 .s3_main .right li a .word .a1 .b1{font-size: 24px;} .s3 .s3_main .right li a .word .a2{margin-top: 0; height: 60px;} .s3 .s3_main .right li a .word .a3{margin-top: 10px;} footer .f_nav{display: none;} footer .f_con{padding-top: 30px;} footer .f_con .left{width: 100%;} footer .f_con .left li{padding-left: 2.5%; width: 100%; border-right: 1px solid #3f3f3f; position: relative; height: 80px;} footer .f_con .left li .a1{display: none;} footer .f_con .left li .a2{text-align: left;} footer .f_con .left li .a3{text-align: left; padding-bottom: 10px;} footer .f_con .right{display: none;} footer .f_b{padding-top: 40px; padding-top: 10px; height: auto;} .mobile_footer{display: block;} .com_banner{height: 200px;} .com_banner .layer{width: 50%; top: auto !important; bottom: 4px !important; right: 5px !important;} .company .a1{margin-bottom: 0;} .company .a1 .left .b1{font-size: 30px;} .company .a1 .left .b2{font-size: 20px;} .company .a1 .left .b4{width: 100%;} .company .a2 .left .left_main li .b2{font-size: 50px; height: 60px; line-height: 60px;} .company .a3 li{width: 50%; padding-bottom: 10px;} .company .a3 li .b1{display: none;} .company .a3 li .b2{font-size: 20px;} .company .a3 li .b5{display: block;} .company .a3 li .b4{width: 36px; height: 36px; line-height: 36px;} .company .a3 li .b4 img{height: 28px;} .company .a4 .right .b1{font-size: 20px; text-align: center; width: 100%;} .company .a4 .right .b2{width: 80%; margin-left: 10%; height: 1px; margin-top: 10px; margin-bottom: 10px;} .company .a4 .right .b3{font-size: 14px; text-align: center;} .company .a4 .right .b4{padding-top: 20px;} .company .a5 li{width: 100%; padding-bottom: 30px;} .company .a5 li .b3{margin-top: 20px;} .small_banner{height: 200px;} .small_banner .mask .a1{font-size: 20px; padding-top: 85px; padding-bottom: 2px;} .small_banner .mask .a3{font-size: 16px; padding-top: 2px;} .location{background: #fff; height: 40px; margin-top: -42px; line-height: 40px;} .pro_index{width: 100%;} .pro_index li:before{display: none;} .pro_index .li2 .pic{height: 150px; display: none;} .pro_index .li2 .word{width: 100%; height: 80px;} .pro_index .li2 .word .a4{display: none;} .pro_index .li2 .word .a6{display: none;} .pro_index .li2 .pic2{width: 100%; height: 150px;} .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum{width: 100%;} .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryTop .swiper-slide .pic{height: 250px;} .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top #innerAlbum .innerGalleryThumbs .swiper-slide .pic{height: 60px;} .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails{width: 100%;} .inner_page .inner_page_right .right_page_bottom .right_page_bottom_top .innerDetails .a1{font-size: 22px; padding-top: 10px;} .inner_page .inner_page_right .right_page_bottom .other_product_list li .pic{height: 150px;} .inner_page .inner_page_right .right_page_bottom .other_product_list li{height: 180px;} .inner_page .inner_page_right .right_page_bottom .product_links .left{width: 100%;} .inner_page .inner_page_right .right_page_bottom .product_links .right{width: 100%;} .all_title2 .all_title1{font-size: 20px;} .all_title2 .all_title2{padding-top: 3px; padding-bottom: 5px;} .all_title3 .all_title1{font-size: 20px;} .inner_news_title{font-size: 20px;} .jobs_inner_page{padding-bottom: 20px;} #container{height: 60vh !important;}.pro_style_1 li{width: 49%; margin-right: 2%;} .pro_style_1 li:nth-child(3n){margin-right: 2%;} .pro_style_1 li:nth-child(2n){margin-right: 0 !important;} .pro_style_1 li .pic{height: 150px;} .s3 .s3_main .right li a .word .a1{padding-top: 15px;height: auto;} .s3 .s3_main .right li a .word .a4{padding-top: 10px;min-height: auto;} .s3 .s3_main .right li:hover a .word .a2{display: none;} .s3 .s3_main .right li:hover a .word .a3{margin-top: 65px;} .needCover{height: 100%;} .swiper-button-next, .swiper-button-prev{top:50%;} } @media screen and (max-width: 1200px){.s3 .s3_main .right li a .word .a1 .b1{font-size: 32px;} }

@media screen and (max-width: 767px){ .item.submit .btn-text{ padding: 5px 15px;}

	.s2 .s2_bac2 .a5{ width: 100%; position: inherit; margin:  0; float: left;right:0;top:0}
	.s2 .s2_bac2 .a5 video{ height: auto}
	.s2 .s2_bac2 .a4{position: inherit; }





















}