@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;} .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:60px !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 .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:44px;

}

.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:30px;

	padding-top:7px;

}

.banner .header_sea .header_sea_main .right form {

	width:100%;

	margin-left:5%;

}

.banner .header_sea .header_sea_main .right form input {

	width:70%;

	height:30px;

	line-height:30px;

	margin-left:0;

}

.banner .header_sea .header_sea_main .right form button {

	height:30px;

	line-height:30px;

}

.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;

}

.s3 {

	width:100%;



}



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;



}

   

footer .f_con .left li .a2 {

	text-align:left;text-align: right; margin-top: 0

}

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;

}



.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: 768px){ .item.submit .btn-text{ padding: 5px 15px;}

.s1{padding: 30px 0;} 





.s2,.s3{ height:auto; background-size:cover}







.side-widget{ background:none; border-bottom:none;}

.side-cate li { width:50%; float:left}



.com_title,.honor-list,.products-list,.news-list{ margin-top:20px;} 

    

        .online_kefu{ display: none !important}

    

     .news_l,.news_r,.home1_b ul li,.home1_b ul{ width: 100%}    
     .news_l a{ height: 220px;} 

    .tite h2{font-size: 30px; margin-bottom: 0}

    .home1_trst i{color: #fff;}

    .home1_trst h2{ width: 100%; display: block}

    .news_r a{ padding: 5%}

    

    .news_r p, .home1_b ul li p{margin-bottom: 25px;}

    .home1_b ul li{ margin-right: 0}

    .home1_b i { color: #222}

    

    .about .pl-50,.about_r{ width: 100%}

    .about{    margin-top: 25px;}

    .about_r dt img{width: 100%;max-height: 100%}

    

    .home4_in ul li{ width: 100%}

    .home4_in ul li dl dd,.home4_in ul li dl dt{ width: 100%}

    .home4_in ul li dl dt h1{    margin-top: 10%;font-size: 30px;}

    .home4_in ul li dl dt p{margin-bottom: 20px;}

    

    .home4_in ul li:nth-child(4){background: url(../image/home4_bg2.jpg) center repeat;}

     .home4_in ul li:nth-child(3){background: url(../image/home4_bg1.jpg) center repeat;}

    .s5  .swiper-slide{ text-align: center}

     .s5  .swiper-slide  img{  height: 200px; overflow: hidden;}

     .s5  .swiper-slide  p{ font-size:16px; padding-bottom: 30px;}

    .youshi ul li{ width: 48%}

    .laoqp img{ height: 50px; margin-bottom: 10px;}

    .youshi dl dd{ font-size: 14px;}

    .popqa{ font-size: 18px !important}

    .youshi dl dt img{ height: 270px;}

    

    

    

    

    

    

    

    

    

    

    

    

}