@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");}
main{max-width: 1400px; margin: 0 auto; display: block; *zoom: 1;} main:before, main:after{content: " "; display: table;} main:after{clear: both;}
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: 180px;} 
    }

@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;} 
 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: 30vh !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;} 
 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;}
.about_l,.about_r{ width:100%}
.s1 ul li{width: 45%;margin-right: 5%; margin-bottom:5%}
.prot_lm,.pinpai,.youshi{margin: 30px 0;}
.prot_lm ul li{ width:48%; margin-bottom:2%}
.prot_lm ul li .cpimg{ height:220px;}
.bt h6:before,.bt h6:after{ display:none}
.s2{ height:auto}
	.prot_lm{ display:block;}
	.clean50{display:none}
	.more_dh{ margin-top:0}
	.s2{ background-size:cover}
	.mr-t{ display:none}
.pinpai ul{ width:100%}	
.pinpai li {
    width: 100%;
    margin-bottom: 2%;
}
.s3{ background-size:cover}
.youshi ul li{ width:50%; margin-bottom:3%}
.youshi ul li p{margin: 0 10px;}
.s4{background: url(../image/bjt5.jpg) top no-repeat;}
.youshi ul li img{ height:auto; max-width:60%; margin-bottom:10px;}
.s5{background: url(../image/bjt6.jpg) top no-repeat; margin-bottom:30px;}
.xw_l{ width:100%; margin-bottom:20px;}
.xw_r{ width:100%}
.xw_l .bottom dl{ background:#f8f8f8}
.xw_r ul{ margin-top:0;margin-bottom:10px;}
.xw_r ul li{ height:auto}
.xw_r ul li a{ margin:10px 0}
.xw_r ul li dl{ margin-bottom:1px;}
.xw_l .bottom p, .xw_r ul li .a2{ margin-bottom:0}

.side-widget{ overflow:hidden; margin:15px 0}
.side-cate li .icon-cate{ display:none}
.side-cate li{ width:50%; float:left}
.honor-list li span{ height:144px;}
.honor-list li .more{ padding:0; margin-bottom:10px; height:32px; line-height:32px; overflow:hidden}


}