@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body, iframe, map, font, img, a img, samp, strong, hr, blockquote, address, code, label, table, tr, td, th, figure, dl, dt, dd, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, button, input, textarea, a, span, em {
	margin: 0;
	padding: 0;
	border: 0; list-style:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
body{ margin:0px; padding:0px; font-size:14px; font-family: "Noto Sans SC"; font-weight: 400; color:#353333; line-height:1.5;}
p{ font-size:16px; line-height:1.75; color:#666; letter-spacing:1px;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "Noto Sans SC"; font-weight: 400; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block; max-width:100% !important; vertical-align: middle; }
a{ color:#353333; text-decoration:none}
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
h2,h3,h4,b,strong { font-weight: normal; }
em, i{ font-style: normal; }
.pc{ display:block !important;}
.mobile{ display:none !important;}
.clear:after { display: block; content: ""; clear: both; height: 0; overflow: hidden; }
.clear{ zoom: 1; }
.div_a{ height:80px; margin-top:-80px;}

@font-face{
    font-family: 'Montserrat';
    src:url('../fonts/Montserrat.otf');
}
@font-face{
    font-family: 'Montserrat-Bold';
    src:url('../fonts/Montserrat-Bold.otf');
}
@font-face{
    font-family: 'Montserrat-Light';
    src:url('../fonts/Montserrat-Light.otf');
}

.wrapper{ width:90%; margin:0px auto; max-width:1500px;}
.wrapper2{ width:92%; margin:0px auto;}
.herder{ width: 100%; height: 80px; position: fixed; box-sizing: border-box; z-index:10001; background:#fff; box-shadow: 0 5px 15px 5px rgba(0,0,0,0.08);}
.herder .logo{ float: left; height: 80px; line-height: 80px;}
.herder .logo img{ display: inline-block; vertical-align: middle;}
.herder .language{ height: 40px; width: 40px; background: #fec039; border-radius:50%; position: absolute; right: 50px; top: 20px;}
.herder .language a{ display: block; width: 100%; height: 100%; line-height:40px; color:#fff; text-align:center;}

.search{ transition: all 0.5s; position: relative; float: right; display: block; width: 120px; height: 22px; margin-top: 29px; cursor:pointer; margin-right:40px;}
.search .inp{ transition: all 0.5s; height: 22px; border: 1px solid #333;  border-radius: 12px; padding:0px 10px; }
.search input[type=text]{ height: 20px; border:none; background-color: transparent; color: #ccc; font-size: 12px; line-height: 20px; width: 80%; outline:none; }
.search input[type=submit]{ float: right; border:none; width: 15px; height: 20px; background:url(../images/ss-h.svg) center center no-repeat; }
.searchinput::input-placeholder{ color:#ccc; }
.searchinput::-webkit-input-placeholder{ color:#ccc; }
.searchinput::-moz-placeholder{ color:#ccc; }
.searchinput::-moz-placeholder{ color:#ccc; }
.searchinput::-ms-input-placeholder{ color:#ccc; }

.searchSub { display: none; overflow: hidden;border-radius: 2px; width: 100%; left: 50%; transform: translateX(-50%); padding: 20px 5%; position: absolute; z-index: 10; top:64px; background: #f4f4f4; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.searchSub input { float: left; width: calc(100% - 55px); box-sizing: border-box; text-indent: 10px; height: 40px; border: none; outline: none; background:#fff;}
.searchSub button { font-size: 14px; box-sizing: border-box; padding: 0; cursor: pointer; float: left; width:55px; height: 40px; color: #ffffff; background: #d5a538; outline: none; border: none;}


.herder .phone{ float: right; margin-right: 40px; padding-left: 36px; height: 80px; line-height: 80px; font-size: 20px; background: url(../images/index_16.jpg) left center no-repeat; color: #000; font-weight:bold; font-family:Montserrat-Bold; }
.herder .nav{ float: right;}
.herder .nav ul{ }
.herder .nav ul li{ float: left; margin-right: 60px; line-height: 80px; position:relative;}
.herder .nav ul li a{ font-size: 17px; color: #000; display: block; line-height: 80px; position: relative; }
.herder .nav ul li a:after{ position: absolute; width: 0; height: 3px; content: ''; background: #fec039; left: 0; right: 0; bottom: 0px; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
/*.herder .nav ul > li.active > a, .herder .nav ul li a:hover{ color: #fec039; }*/
.herder .nav ul > li.active > a:after{ width: 100%; }

.herder .nav ul ul.sub-menu {
    background: #fff;
    width: 150px;
    z-index: 10000000009;
    text-align: center;
    padding: 20px;
    transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    visibility: hidden;
    opacity: 0; left: 50%; margin: auto;
    position: absolute; right: 0; top: 80px; text-align: center;
    transform: translateX(-50%); 
}
.herder .nav ul ul.sub-menu:before {
    content: ''; left: 0; margin: auto; position: absolute; right: 0; top: -8px;
    width: 0; height: 0;
    border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fec039;
    z-index: 10000000010;
}
.herder .nav ul li:hover ul.sub-menu { visibility: visible; opacity: 1; top: 80px; }
.herder .nav ul ul.sub-menu li{ width:100%; margin-right:0;}
.herder .nav ul ul.sub-menu li a { font-size: 15px; line-height:35px; display:block; text-align:center; }
.herder .nav ul ul.sub-menu li a:after{ display:none;}


#navToggle{
	display: none;
	overflow: hidden; cursor: pointer; box-sizing: border-box; transition: transform 0.3s;	
	width: 70px; height: 70px; background: none; padding: 0;
	position: absolute; right: 0px; top: 0px; z-index: 999;
	-moz-transition: -moz-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
}

#navToggle span,
#navToggle::after,
#navToggle::before {
    height: 2px; width: 22px; background: #000; transition: all 300ms ease-in-out;
    position: absolute; top: 50%; margin-top:-2px; left: 50%; margin-left: -11px;
    display: block; content: '';
    text-indent: -9999px;
}
#navToggle::before { margin-top: -9px; }
#navToggle::after { margin-top: 5px; }
#navToggle.show span { opacity: 0; }
#navToggle span, #navToggle::after, #navToggle::before {
    height: 3px; width: 22px; background: #333;
    position: absolute; top: 50%; left: 50%; margin-left: -11px;
    display: block; content: '';
    text-indent: -9999px;
    transition: all 300ms ease-in-out;
}
#navToggle.show::before {
    margin-top: 0;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#navToggle.show::after {
    margin-top: 0;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mask{ height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; display:none; z-index: 10002; }
#mobileMenu {
    position: fixed; right: -250px; top: 0; margin: 0; width: 250px; height: 100vh; background-color: #fff;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    z-index: 10003;
}
#mobileMenu .hello { height: 70px; background-color: #fff; border-bottom: 1px solid #F0F0F0; padding-left: 25px; position: relative; padding-top: 8px; }
#mobileMenu .hello h3{ font-size: 20px; color: #000; font-weight: 700; line-height: 54px; }
#mobileMenu .hello .cha{ cursor: pointer; height: 40px; width: 40px; position: absolute; right: 15px; top: 15px; background: url(../images/cha.png) no-repeat; }
#mobileMenu .menu li p { display: block; font-size: 15px; padding-left: 25px; color: #666; line-height: 45px; border-bottom: 1px solid #E6E6E6; position: relative; }
#mobileMenu .menu li span {
	content: ""; display: inline-block; background: url(../images/arrow_icon.png) center no-repeat;
	width: 50px; height: 45px; position: absolute; right: 5px; top: 0px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.sub-dl { display: none; padding:10px 0 8px; background: #f9f9f9; }
.sub-dl dd a { height: 35px; line-height: 35px; padding-left: 40px; font-size: 14px; color: #666; display: block; }
#mobileMenu .menu li.active>p, #mobileMenu .menu li.on>p { background-color: #ff8a27; color: #fff; text-decoration: none;}
#mobileMenu .menu li.active>p a, #mobileMenu .menu li.on>p a{ color:#fff;}
#mobileMenu .menu li.on span { transform: rotate(180deg); }
#mobileMenu.show { -webkit-transform: translateX(-250px); transform: translateX(-250px); }
#mobileMenu .languages>a{ margin-top:50px; text-align:center; display:block; width:100%; height:40px; line-height:40px; color:#000; background:#f7f7f7;}

#page.show { width: 100vw; height: 100vh; }
#page { transition: all 0.3s ease-out; overflow: hidden; }
.show { display: block !important; }
html.show, body.show {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    position: fixed;
    -webkit-overflow-scrolling: auto;
    -webkit-transform: translateZ(0px);
}


.banner { position: relative; height: 100vh; width: 100%; overflow:hidden; }
.banner video { width: 100%; height: auto; left:50%; top:50%; position:absolute; transform: translate(-50%, -50%); cursor: pointer; }
.banner img.spimg{ display:none;}
.banner .fu { position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%);}
.banner .fu a { display: block; cursor:pointer; text-align: center; font-size: 18px; font-weight: 300; color: #ffffff; }
.banner .fu a img.play { width:85px; margin: 0 auto 30px; }
.videoCover { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10002; background: rgba(0,0,0,.8);}
.videoInfor {width: 100%; height:100vh; position: relative; left:50%; top: 50%; background: #000; transform: translate(-50%,-50%);}
.videoInfor video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width: 100%; max-height: 100vh !important; outline: none;}
.videoInfor .closeBtn { display: block; z-index: 10003; position: absolute; right: 0; top: 0; background: url(../images/cha.png) center no-repeat; width: 40px; height: 40px; cursor: pointer;}
#screen { display: none; position: fixed; top: 30px; bottom: 0; left: 0; width: 100%; z-index: 15; background:rgba(0,0,0,0.5) ;}

.footer{ width:100%; height:100px; background:#ff850e; padding:20px 0;}
.footer0{ position:fixed; bottom:0; }
.footer img{ display:inline-block;}
.footer .fleft{ float:left; line-height:30px; width: calc(100% - 350px);}
.footer .fleft .p1 a{ font-size:20px; color:#fff; margin-right:40px; }
.footer .fleft .p2, .footer .fleft .p2 a{ font-size:14px; color:#e5e7eb; line-height:20px; margin-top:5px; }

.footer .fright{ float:right; width:300px;}
.footer .fright li{ float:left; width:50%; height:30px; line-height:30px; font-size:16px; color:#fff; position:relative;}
.footer .fright li a{ display:block; color:#fff;}
.footer .fright li .icon{ width:30px; text-align:center; margin-right:10px; display:inline-block;}
.weixinbox, .xiaohongshubox, .douyinbox, .shipinbox{ display:none; width:120px !important; height:120px !important; position:absolute; top:-120px; left:-10px; }

.n-banner{ position:relative;}
.new_banner_text_box{ position: absolute; width: 100%; top: 50%; transform:transLateY(-50%); text-align:center; padding-top:80px;}
.new_banner_text_box .sec_title{ color: #fff; font-size:60px; font-family:Montserrat-Bold; line-height:1.2; text-transform:capitalize;}
.new_banner_text_box .sub_title{ color: #fff; font-size: 36px; }
.padTB120{ padding:120px 0;}
.marT100{ margin-top:100px;}
.marT50{ margin-top:50px;}
.about img{ width:100%;}
.about .wrapper{ display:flex; justify-content:space-between; align-items:center; position:relative;}
.about_f .wrapper{ flex-direction:row-reverse;}
.about_50{ width:50%;}
.about_40{ width:40%;}
.about_45{ width:45%;}
.about h2{ font-size:28px; color:#111; font-weight:700;}
.about h4{ font-size:36px; text-transform:uppercase; letter-spacing:2px; color:#111; font-family:Montserrat-Bold; line-height:1.5; position:relative; padding-bottom:5px; }
.about h4:after{ position: absolute; width: 100px; height: 5px; content: ''; background: #fec039; left: 0; right: 0; bottom: 0px; -moz-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
.about .textbox{ margin-top:30px;}
.about3 .about .textbox{ margin-top:20px; margin-bottom:20px;}
.about .textbox p.en{font-family: Montserrat-light; padding-bottom:10px; font-size:100%; letter-spacing:1px;}
.about h2.en{ font-size:45px; color:#111; font-family:Montserrat-Bold; line-height:1;}
.about h4.cn{ font-size:24px; letter-spacing:1px; color:#111; font-weight:700;}
.about h4.cn:after{ display:none;}
.about h5{ font-size:24px; color:#000; line-height:2; margin-bottom:10px; font-weight:500;}
span.ttit1{ position:absolute; left:60px; bottom:40px; font-size:45px; color:#fff; font-family:Montserrat-Bold; line-height:1.2; text-transform:uppercase; letter-spacing:1px;}
span.ttit2{ position:absolute; left:31%; top:45%; font-size:45px; color:#fbe229; font-family:Montserrat-Bold; line-height:1.2; text-transform:uppercase; letter-spacing:1px;}

.about2{ background:#f7f7f7; padding:50px 0 !important;}
.about2 h2{ color:#1595d2; line-height:1; padding-bottom:5px;}
.about2 h4{ color:#111; letter-spacing:0; padding-bottom:0;}
.about2 h4:after{  display:none;}
.aboutTit{ display:flex;}
.aboutTit .about_icon{ width:90px; margin-right:25px;}
.aboutTit .about_icontext{ }
.blue{ color:#1595d2 !important;}
.classnavs{ display:flex; margin-bottom:50px; flex-wrap:wrap; }
.classnavs li{ height:60px; line-height:56px; border:2px solid #ccc; border-radius:5px; margin-right:30px; background:#fff; }
.classnavs li:last-child{ margin-right:0;}
.classnavs li.cur{ background:#ff8a27; border:2px solid #ff8a27;}
.classnavs li a{ padding:0 40px; color:#333; font-size:18px;}
.classnavs li.cur a{ color:#fff;}
.classnavs2{ display:flex; margin-bottom:50px; flex-wrap:wrap; justify-content:center; }
.classnavs2 li{ height:60px; line-height:56px; border:2px solid #ccc; border-radius:30px; margin-right:30px; background:#fff; padding:0 40px; color:#333; font-size:18px; cursor:pointer;}
.classnavs2 li:last-child{ margin-right:0;}
.classnavs2 li.cur{ background:#ff8a27; border:2px solid #ff8a27; color:#fff;}



.pages { padding: 50px 0 0; text-align: center; }
.pages .pagination { display: inline-block; }
.pages .pagination a { display: inline-block; width: 40px; height: 40px; line-height: 36px; font-size: 15px; color: #999; text-align: center; transition: all .3s linear; ertical-align: top; margin: 0 5px; border-radius: 3px; border:1px solid #ddd; }
.pages .pagination a:hover{ color:#f68526; border:1px solid #f68526;}
.pages .pagination a.page-num-current { color: #fff; background:#f68526; border:1px solid #f68526;}


.newsList li{ padding:40px 0; border-bottom:1px solid #ccc; }
.newsList li a{ display:flex; justify-content:space-between; align-items:center;}
.newsList li .imgs{ width:25%;}
.newsList li .texts{ width:70%;}
.newsList li time{ font-size:18px; font-weight:300; color:#333;}
.newsList li h2{ font-size:24px; line-height:1.2; margin:20px 0; color:#000; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; 
overflow: hidden;
text-overflow: ellipsis;}
.newsList li p{ height:56px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.newsList li .more{ margin-top:40px; }
.newsList li .more span{ padding-right:35px; background:url(../images/you.svg) right center no-repeat; background-size: 30px; font-size:16px; color:#000;}
.newsList li .more:hover span{ background:url(../images/you_on.svg) right center no-repeat; background-size: 30px; color:#ff850e; padding-right:45px;}
a.loadmore{ display:block; margin:30px auto 0; text-align:center;}

.Ttitle1{ margin-bottom:80px; text-align:center;}
.Ttitle1 h2{ font-size:36px; font-weight:700; color:#111;}
.Ttitle1 h4{ font-size:24px; color:#111; font-family:Montserrat; text-transform:uppercase;}
.Ttitle2{ margin-bottom:80px;}
.Ttitle2 h2{ font-size:48px; font-weight:700; color:#000;}
.Ttitle2 p{ font-size:18px; color:#999;}
.honorC{ display:flex; justify-content:space-around;}
.honorcDiv{ width:30%; text-align:center; }
.honorcDiv span{ display:block; height:197px; background:url(../images/yuan.png) center no-repeat; font-size:90px; font-weight:700; color:#1b3986; font-family:Montserrat; line-height:197px; margin-bottom:30px;}
.honorcDiv .honorcTxt h2{ font-size:30px; color:#1b3986; }
.honorcDiv .honorcTxt h4{ font-family:Montserrat; font-size:18px; color:#999; text-transform:uppercase; }

.honor2{ background:#f4f8fc;}
.honorList li{ width:22%; margin-right:4%; margin-bottom:4%; float:left;}
.honorList li:nth-child(4n){ margin-right:0;}
.honorList li .imgs{ padding:20px 30px; border:2px solid #d7e2ee; border-radius:5px; margin-bottom:15px; background:#eff5fb;}
.honorList li .imgs img{ width:100%; margin:0px auto;}
.honorList li p{ text-align:center; color:#111; font-size:18px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; 
overflow: hidden;
text-overflow: ellipsis;}

h2.h2title{ color:#000; font-size:32px; margin-top:40px; line-height:35px; }
h2.h2title a{ float:right; font-size:15px; color:#999;}
.videoList{ padding-top:40px;}
.videoList li{ width:32%; margin-right:2%; margin-bottom:2%; float:left;}
.videoList li:nth-child(3n){ margin-right:0;}
.videoList li .imgs{ margin-bottom:15px; position:relative;}
.videoList li .imgs img.play{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.videoList li p{ text-align:center; color:#111; font-size:18px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; 
overflow: hidden;
text-overflow: ellipsis;}


h2.shaixuanTit{ background:url(../images/sxBg.jpg) center no-repeat; height:160px; line-height:160px; font-size:48px; text-align:center; color:#fff;}
.product{ background:#f7f7f7;}
.product .left{ width:15%; float:left;}
.product .right{ width:80%; float:right;}
/* 滚动条样式 end*/
.product .left .infor{border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px;}
.product .left .infor .t{float:left; font-size:28px; line-height:24px; color:#000;}
.product .left .content .item{padding-top:15px; border-top:1px solid #dcdcdc; margin-top:20px}
.product .left .content .item:first-child{border-top:none; margin-top:0; padding-top:0}
.product .left .content .item .tit{font-size:24px; color:#111; position:relative; display:block;}
.product .left .content .item .item_down{margin-top:12px;}
.product .left .content .item .item_down .con_a{display:block; font-size:16px; line-height:27px; margin-bottom:5px; color:#666; padding-left:25px; position:relative;}
.product .left .content .item .item_down .con_a i{display:block; width:17px; height:17px; background:url(../images/en_proList01_sele.png) no-repeat; position:absolute; left:0; top:5px;}
.product .left .content .item .item_down .con_a.cur i { background-position: -17px 0; }
.product .left .content .item .item_down .con_a.cur { color: #fcb026 }
.product .left .empty{height:46px; line-height:46px; background:#fcb026; color:#333e46; font-size:16px; text-align:center; margin-top:25px; cursor:pointer;}

.proCList .item{ display:none;}
.proList, .proCList .active, .prodList{ display:flex; align-items:stretch; flex-wrap:wrap;}
.proList li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; }
.proList li:nth-child(3n){ margin-right:0;}
.proList li .imgs{}
.proList li .texts{ padding:25px; position:relative;}
.proList li .texts h2{ font-size:20px; color:#111; font-weight:700; height:28px; line-height:28px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; margin-bottom:5px;}
.proList li .texts h4{ font-size:16px; font-weight:300; color:#666; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.proList li .texts p{ height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.proList li .texts span{ position:absolute; right:20px; top:50%; transform:translateY(-50%); width:120px; height:40px; background:#ff8a27; border-radius:20px; line-height:40px; color:#fff; font-size:16px; text-align:center;}
.proList li .texts span:hover{ background:#333;}


.proCList li{ width:32%; margin-right:2%; margin-bottom:2%; float:left;}
.proCList li:nth-child(3n){ margin-right:0;}
.proCList li ._img { display: block; height: 0; overflow: hidden; padding-bottom: 53.3%; position: relative; }
.proCList li ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; }
.proCList li ._img img.ico_title{ position:absolute; top:10%; left:5%; width:50px; height:50px;}
.proCList li ._title{ position:absolute; font-size:24px; top:10%; left:5%; margin-top:60px; color:#fff; line-height:30px; letter-spacing:2px;}
.proCList li ._title:after{ content:''; display:block; width:100%; height:1px; background:#fff; margin-top:10px; }
.proCList li ._cover{ width:100%; height:100%; position:absolute; left:0; top:0; bottom:0; display:none;  background:rgba(21,149,210,0.8); padding:15% 50px; }
.proCList li ._title2{ font-size:32px; font-weight:700; text-align:center; color: #fff; margin-bottom:30px; }
.proCList li ._sum{ font-size:16px; color:#fff; line-height:28px;}

.proDetail, .case, .newsDetail, .contact{ background:#f7f7f7;}
.proDetail .box, .newsDetail .box{ background:#fff; padding:100px;}
.proDetail h2{ font-family: 'Montserrat'; font-size:30px; color:#fbe229; font-weight:bold;}
.proDetail h4{ font-size:24px; color:#111; font-weight:700; margin-bottom:20px;}
.proDetail .gushi{}
.proDetail .proDTxt p{ padding:10px 0;}

.prodList li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; }
.prodList li:nth-child(3n){ margin-right:0;}
.prodList li .imgs img{ width:100%;}
.prodList li .texts{ padding-top:10px; }
.prodList li .texts h2{ font-size:22px; color:#111; font-family:Noto Sans SC; font-weight:700;}
.prodList li .texts h2 span{ display:inline-block; margin-left:10px; font-family: 'Montserrat-Light'; font-weight:400; font-size:16px; color:#666;}

.proTop .wrapper{ display:flex; justify-content:space-between; align-items:stretch;}
.proTop .proImg{ width:810px;}
/* 效果CSS开始 */
.mod18{width:100%;position:relative; display:flex; justify-content:space-between;}
.mod18 .btn{position:absolute;cursor:pointer; z-index:99; width:16px; height:28px; bottom:32px; display:none;}
.mod18 .prev{left:-25px;background:url(../images/arrow_03.png) no-repeat;}
.mod18 .next{right:-35px;background:url(../images/arrow_05.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .picBox{width:600px; height:400px; position:relative; overflow:hidden; }
.mod18 .picBox ul{height:400px; position:absolute; left:0;}
.mod18 .picBox li{ width:600px; height:400px; position:relative;}
.mod18 .picBox li img{ position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.mod18 .listBox{ width:196px; height:400px; position:relative; overflow:hidden; }
.mod18 .listBox ul{ height:400px; padding-left:10px; position:absolute;} 
.mod18 .listBox li{ width:186px; height:126px; border:3px solid #fff; cursor:pointer; position:relative; margin-bottom:11px; }
.mod18 .listBox img{ width:180px; height:120px;}
.mod18 .listBox li.on{ border:3px solid #e4b12f;}
.mod18 .listBox li.on:before {
    content: ''; left: 0; margin: auto; position: absolute; left: -10px; top: 50%; margin-top:-7px;
    width: 0; height: 0;
    border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #e4b12f;
    z-index: 10000000010;
}

.proTop .proText{ position:relative; width:calc(100% - 870px);}
.proTop .proText h2{ font-size:32px; color:#111; font-weight:700; height:60px; line-height:60px; position:relative;}
.proTop .proText h2 span{ position:absolute; right:0; top:50%; transform:translateY(-50%); margin-top:-8px;}
.proTop .proText h2 span a{ display:inline-block; margin-left:15px; width:110px; height:36px; font-size:15px; line-height:30px; text-align:center; color:#666; border:2px solid #ddd; border-radius:18px;}
.proTop .proText h2 span a:hover{ background:#ff8a27; border:2px solid #ff8a27; color:#fff;}
.proTop .proText .info{ margin:20px 0; padding:25px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.proTop .proText .info li{ height:36px; line-height:36px; color:#333; font-size:16px;}
.proTop .proText .info li span{ font-weight:700; display:inline-block;}
.proTop .proText .link{ position:absolute; bottom:0px; left:0; width:100%; height:100px; display:flex;}
.proTop .proText .link .box{ width:100px; border:1px solid #ddd; margin-right:25px; cursor:pointer; border-radius:5px;}
.proTop .proText .link .box:nth-child(2){ margin-right:0;}
.proTop .proText .link .box .img{ width:100%; height:50px; background:url(../images/shop0.png) center no-repeat; margin-top:10px;}
.proTop .proText .link .box:nth-child(2) .img{ background:url(../images/mendian.png) center no-repeat;}
.proTop .proText .link .box p{ font-size:15px; text-align:center; color:#000;}




.newsDetail h2{ font-size:28px; color:#111; font-weight:700; margin:20px 0;}
.newsDetail h4{ font-size:18px; color:#111; font-weight:700; margin:10px 0;}
.newsDetail p{ padding:10px 0;}
.newsDetail h2.title{ font-size:30px; margin-bottom:10px;}
.newsDetail .top-tip { font-size:14px; line-height:1.6; padding-bottom:10px; margin-bottom:30px; border-bottom: 1px solid #ededed; display: flex; flex-flow: row wrap; align-items: center;}
.newsDetail .top-tip .time { color: #666; }
.newsDetail .top-tip .line { width: 1px; height: 12px; background: #bfbfbf; margin: 0 50px; }
.newsDetail .top-tip .seebox { color: #666; }
.newsDetail .top-tip .seebox svg { width: 22px; height: 22px; line-height: 22px; margin-right: 5px; fill: #666; }
.newsDetail img { max-width: 100%; margin: 0 auto; display: block; width: auto !important; height: auto !important; }
.newsDetail .p { line-height: 2; width: 100%; padding-bottom:50px; border-bottom: 1px solid #f1f1f1; }
.newsDetail .p h2{ font-size:28px; line-height:1.5; padding:10px 0; color:#000; font-weight:700;}
.newsDetail .p h3{ font-size:24px; line-height:1.5; padding:10px 0; color:#000; font-weight:700;}
.newsDetail .p h4{ font-size:20px; line-height:1.5; padding:10px 0; color:#000; font-weight:700;}
.newsDetail .p p { width: 100%; word-break: break-all; }
.newsDetail .p p b, .newsDetail .p p strong{ font-weight:700; color:#111;}
.newsDetail .p video{ width:100% !important; height:auto !important; border:12px solid #333; border-radius:10px;}
.newsDetail .bot { padding-top: 20px; border-top: 1px solid #f1f1f1; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.newsDetail .bot .bot-left { width: 70%; }
.newsDetail .bot .bot-left a { width: 100%; font-size:15px; color: #333; margin-bottom: 10px; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items: center; transition: all .5s ease; }
.newsDetail .bot .bot-left a:hover { color: #f15921; }
.newsDetail .bot .bot-left span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: calc(100% - 80px); }
.newsDetail .bot .backbox { width: 150px; height: 40px; border-radius: 40px; background: #ff850e; display: flex; flex-flow: row wrap; justify-content: center; align-items: center; font-size:15px; color:#fff;}
.newsDetail .bot .backbox svg { width: 20px; height: 20px; fill: #fff; margin-top: -2px; margin-right: 15px; }
.newsDetail .bot .backbox:hover { color: #fff; }
.newsDetail .newsBody{ }
.newsDetail .leftbox { width:75%; background:#fff; padding:3% 5%; float:left;}
.newsDetail .rightbox { width:23%; background:#fff; padding:3%; float:right;}
.newsDetail .rightbox .title { font-size:28px; color:#333; text-align:center; letter-spacing:2px; padding-bottom:20px; border-bottom:1px solid #e9edf1; }
.newsDetail .rightbox .list { margin-top:50px; }
.newsDetail .rightbox .list li{ margin-bottom:40px; }
.newsDetail .rightbox .list li a { width:100%; display:block; }
.newsDetail .rightbox .list li .img{ overflow: hidden; width:100%; }
.newsDetail .rightbox .list li .img img{ width:100%; transition:all 0.3s; }
.newsDetail .rightbox .list li .shijian{ font-size:13px; color:#999999; margin-top:20px; }
.newsDetail .rightbox .list li .biao{ font-size:18px; color:#111; line-height:1.5; margin-top: 10px; }

.download{}
.download li{ width:31%; height:120px; border:1px solid #ccc; background:#f7f7f7; display:flex; justify-content:space-between; align-items:center; float:left; margin-right:3.5%;}
.download li:nth-child(3n){ margin-right:0;}
.download li .downInfo{ width:80%; padding-left:10%; text-align:left;}
.download li .downInfo .tit1{ font-size:24px; color:#222;}
.download li .downInfo .tit2{ font-size:18px; color:#333; margin-bottom:5px;}
.download li .downIco{ width:20%; height:100%; background:url(../images/down.png) center no-repeat; border-left:1px solid #ccc;}
.download li .downIco:hover{ background:url(../images/down_on.png) center no-repeat #ff8a27;}
.download li .downIco a{ display:block; width:100%; height:100%;}
h2.title{ color:#111; font-size:30px; font-weight:700; margin-bottom:30px;}
.caseTop{ display:flex; justify-content:space-between; align-items:stretch; flex-direction:row-reverse;}
.caseTop .caseInfo{ width:50%; background:#fff; position:relative;}
.caseTop .caseInfo .box{ position:absolute; left:10%; top:50%; width:80%; transform:translateY(-50%);}
.caseTop .caseInfo h2{ color:#e4b12f; font-size:30px; font-family:'Montserrat'; font-weight:bold; margin-bottom:30px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.caseTop .caseInfo p strong{ font-weight:700;}
.caseTop .caseImg{ width:50%;}
.caseDetail2 p{ display:block; width:50%; float:left; padding:10px;}
.caseDetail2 p img{ max-width:100%; margin:0px auto;}
.xgBox .proList{ display:block;}
.xgBox .proList li{ width:28%;}


.FAQ .list { margin-bottom:30px;}
.FAQ .list .cap { line-height: 30px; padding:15px 0px;  background:#f7f7f7; border:1px solid #eee; cursor: pointer; margin-bottom:20px;}
.FAQ .list .cap a { display: block; padding:0px 20px; font-size:20px; color:#111; text-decoration:none; }
.fr{ float:right;}
.FAQ .list .cap i { background: url("../images/img_2_2.png") no-repeat center; width: 17px; height: 32px; margin-left: 9px; }
.FAQ .list .cap.on i { background: url("../images/img_2.png") no-repeat center; }
.FAQ .list .text-box { display: none; padding:0 20px 20px; font-size: 16px; color: #999; line-height: 24px; overflow: hidden; word-break: break-all; margin-bottom:20px;}
.FAQ .list .text-box h3 { font-size: 16px; color: #666666; font-weight: 700; line-height: 32px; }

.message{ background-image: linear-gradient(to bottom right, #fe730b, #ff9810); padding:100px;}
.message h2.title{ color:#fff; text-align:center;}
.input{ margin-top:50px;}
.input ul{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom:20px; }
.input ul li{ width:32%; margin-right:2%; margin-bottom:50px; color:#fff;}
.input ul li:nth-child(3n){ margin-right:0;}
.input ul li input{ display: block; width: 100%; height: 50px; border-bottom: 1px solid #fff; font-size:16px; color:#fff; }
.input ul li input::placeholder{ color:#fff;}
.input ul li input.dot{ margin-left:20px; margin-right:10px; appearance: none; display:inline-block; outline: none; background:#fff; border: 1px solid #ccc; border-radius: 50%; width: 12px; height: 12px; transition: all .2s; }
.input ul li input.dot:checked{ background:#fec039; border: 1px solid #fec039; transition: all .2s; }
.input textarea{ box-sizing:border-box; width: 100%; height: 120px; background:#fff; display: block; font-size:16px; font-family:'Noto Sans SC';  padding:20px; border-radius:2px; }
.input button{ cursor:pointer; display: block; margin: 0 auto; border:none; line-height: 50px; color: #fff; margin-top: 50px; text-align: center; background:none; font-size:16px;}
.input button span{ display: inline-block; width:50px; height:50px; background:#fec039; color: #fff; line-height:50px; text-decoration:none; margin-right:15px; border-radius:50%; font-family:Montserrat;}

.contactBox{ display:flex; justify-content:space-between; align-items:stretch; flex-direction:row-reverse;}
.contactBox .contactInfo{ width:50%; background:#fff; position:relative;}
.contactBox .contactInfo .box{ position:absolute; left:8%; top:50%; width:84%; transform:translateY(-50%);}
.contactBox .contactInfo h2{ color:#ffb800; font-size:36px; }
.contactBox .contactInfo h4{ color:#e4b12f; font-size:24px; font-family:'Montserrat'; }
.contactBox .contactInfo .texts{}
.contactBox .contactInfo .textbox{ position:relative;}
.contactBox .contactInfo .textbox p{ font-size:20px; color:#111; line-height:40px;}
.contactBox .contactInfo .textbox p span{ font-size:28px; font-family: 'Montserrat-Bold';}
.contactBox .contactInfo .textbox .erweima{ position:absolute; right:0; top:50%; transform:translateY(-50%);}
.contactBox .contactInfo .textbox .erweima li{ width:120px; text-align:center; float:left;}
.contactBox .contactInfo .textbox .erweima li img{ margin:0px auto;}
.contactBox .contactInfo .textbox .erweima p{ font-size:14px; line-height:30px;}
.contactBox .contactImg{ width:50%;}

.mendian{ background:#f7f7f7;}
.mendian h2.title{ text-align:center;}
.storebox .store-form{ text-align: center; }
.storebox .layui-form-select{ text-align: left; }
.storebox .mapwrap{ position: relative; width: 100%; padding-left:300px; }
.storebox .mapwrap #amap{ width: 100%; height: 500px; }
.storebox .mapwrap .store-bar{ position: absolute; left: 0; top:0; }
#result{ width:280px; }
#result ul{  height: 500px; overflow: auto;}
#result ul li:first-child{ border-top:1px solid #e5e5e5; }
#result li{ min-height: 120px; border-bottom:1px solid #e5e5e5; padding:15px 20px; position: relative; cursor: pointer; }
#result li i{ font-size: 40px; position: absolute; left: 0; top:20px; color:#000; }
#result li .tit{ font-size:16px; color:#000; }
#result li .desc{ line-height: 1.4; margin-top:10px; color:#757575; }
#amap{ height: 600px; }
#amap .findstore-infolayer { padding:15px 35px 15px 15px;  background:#fff; border:2px solid #1a8cd2; line-height:18px; }
#amap .findstore-infolayer:before { content:""; position:absolute; bottom:-13px; left:50%; margin-left:-9px;  width:18px; height:13px; background:url('/static/plugin/findstore/images/findstore-layerarrow.png') no-repeat center bottom; }
#amap .findstore-infolayer { position: relative; }
#amap .findstore-infolayer strong { display:block; }
#amap .findstore-infolayer-closebtn { position: absolute; right:15px; top:18px; }
#amap .amap-maptypecontrol, #amap .amap-overviewcontrol, #amap .amap-scalecontrol, #amap .amap-toolbar { z-index:1; }
#amap .amap-overlays { z-index:0; }
#amap button{ cursor: pointer; margin: 0; padding: 0; margin:0; background: none; border:0;}
#amap .findstore-infolayer{ line-height: 1.4; }

.mendianList{ }
.mendianList li{ width:46%; margin-right:8%; float:left; padding-bottom:40px; margin-top:20px; margin-bottom:20px; border-bottom:1px solid #ddd; display:flex; }
.mendianList li:nth-child(2n){ margin-right:0;}
.mendianList li i{ width:20px; height:23px; margin-right:30px; background:url(../images/map.png) top no-repeat;}
.mendianList li .info{ }
.mendianList li .info h2{ font-size:24px; color:#111; line-height:23px; margin-bottom:20px;}
.mendianList li .info p{ color:#888;}
.qiyuan h2.title{ text-align:center; font-size:36px;}
.qiyuan h2.title span{ width:100px; height:5px; display:block; background:#fec039; margin:20px auto 50px;}
.qiyuan .video{ position:relative; max-width:1280px; margin:0px auto;}
.qiyuan .video .play{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:101px; height:101px; background:url(../images/play2.png) center center no-repeat; cursor:pointer;}
.qiyuan .video video{ width: 100%; border:none;}
.xingneng{ background:#f7f7f7;}
.xingneng .Ttitle{ text-align:center;}
.xingneng .Ttitle h4{ font-size:24px; font-family:'Montserrat-Bold'; color:#000; font-weight:bold; text-transform:uppercase; }
.xingneng .Ttitle h2{ font-size:36px; color:#000; font-weight:700;}
.xingneng .Ttitle h2 span{ color:#ffb800;}
.xingneng .Ttitle p{ margin-top:30px;}
.xingneng .xingnengList{ margin:100px 0 120px; display:flex; justify-content:center;}
.xingneng .xingnengList li{ border-right:1px solid #111; display:flex; align-items:center; padding:0 40px;}
.xingneng .xingnengList li:first-child{ padding-left:0;}
.xingneng .xingnengList li:last-child{ border-right:none; padding-right:0;}
.xingneng .xingnengList li img{ margin-right:20px;}
.xingneng .xingnengList li span{ font-size:24px; color:#111;}
.xingneng1{ background-image:linear-gradient(90deg,#e1b876 60%,#f7f7f7 60%); }
.xingneng2{ background-image:linear-gradient(90deg,#f7f7f7 40%,#3091af 40%); }
.xingneng3{ background-image:linear-gradient(90deg,#46aa83 60%,#f7f7f7 60%); }
.xingneng4{ background-image:linear-gradient(90deg,#f7f7f7 40%,#d9d4ca 40%); }
.xingneng5{ background-image:linear-gradient(90deg,#0e223b 60%,#f7f7f7 60%); }
.xingneng1 .wrapper, .xingneng2 .wrapper, .xingneng3 .wrapper, .xingneng4 .wrapper, .xingneng5 .wrapper{ position:relative;}
.xingneng .img{ width:50%; float:right;}
.xingneng .textbox{ width:42%; padding:5%; position:absolute; background:#fff; left:13%; top:50%; transform:translateY(-50%) !important;}
.xingneng .textbox h2{ font-size:30px; font-weight:700; letter-spacing:1px; color:#000;}
.xingneng .textbox p{ margin-top:20px;}
.xingneng .textbox .xnList{ margin-top:20px;}
.xingneng .textbox .xnList li{ float:left; width:49%; margin-right:2%; line-height:1.5; margin-bottom:10px; font-size:18px; color:#000;}
.xingneng .textbox .xnList li:nth-child(2n){ margin-right:0;}
.xingneng1 .textbox h2 span{ color:#e1b876;}
.xingneng2 .textbox h2 span{ color:#3091af;}
.xingneng3 .textbox h2 span{ color:#46aa83;}
.xingneng4 .textbox h2 span{ color:#d9d4ca;}
.xingneng5 .textbox h2 span{ color:#0e223b;}
.xingneng2 .img, .xingneng4 .img{ float:left;}
.xingneng2 .textbox, .xingneng4 .textbox{ left:45%;}
.xingneng4 .textbox .xnList li{ width:100%; margin-right:0;}

@media (max-width: 1440px) {
	.herder .nav ul li{ margin-right:36px;}
	.herder .nav ul li a{ font-size:16px;}
	.search{ margin-right:30px;}
	.banner .fu{ zoom:0.9;}
	.about h4{ font-size:32px;}
	.about h2.en, span.ttit1, span.ttit2{ font-size:40px;}
	.about h4.cn, .about h5{ font-size:22px;}
	.aboutTit .about_icon{ width:90px;}
	.about .textbox{ margin-top:20px;}
	
	.proTop .proImg{ width:675px;}
	.mod18 .picBox{ width:500px; height:333px; }
	.mod18 .picBox ul{ height:333px;}
	.mod18 .picBox li{ width:500px; height:333px;}
	.mod18 .listBox{ width:164px; height:333px; }
	.mod18 .listBox li{ width:154px; height:104px; border:2px solid #fff;}
	.mod18 .listBox img{ width:150px; height:100px;}
	.mod18 .listBox li.on{ border:2px solid #e4b12f;}
	.proTop .proText{ width:calc(100% - 730px);}
	.proTop .proText .info{ margin:10px 0; padding:20px 0;}
	.proTop .proText .info li{ height:32px; line-height:32px; }
	.contactBox .contactInfo h2{ font-size:30px;}
	.contactBox .contactInfo h4{ font-size:20px;}
	.contactBox .contactInfo .textbox p{ font-size:17px; line-height:36px;}
	.contactBox .contactInfo .textbox p span{ font-size:22px;}
	.xingneng .xingnengList{ margin:80px 0 120px;}
	.xingneng .xingnengList li{ padding:0 30px;}
	.xingneng .xingnengList li img{ margin-right:15px;}
	.xingneng .xingnengList li span{ font-size:22px;}
}
@media (max-width: 1280px) {
	.herder .logo img{ height:50px;}
	.herder .nav ul li{ margin-right:30px;}
	.search{ margin-right:20px;}
	.herder .phone{ padding-left:32px; margin-right:20px; font-size:18px;}
	.herder .language{ right:30px;}
	.footer .fleft{ width: calc(100% - 250px);}
	.footer .fleft .p1 a{ font-size:16px;}
	.footer .fright{ width:230px;}
	.footer .fright li{ font-size:14px; }
	.banner .fu{ zoom:0.8;}
	.padTB120{ padding:100px 0;}
	.new_banner_text_box .sec_title{ font-size:48px;}
	.new_banner_text_box .sub_title{ font-size:30px;}
	p{ font-size:14px; }
	.about h2{ font-size:28px;}
	.about h4{ font-size:30px;}
	.about h4:after{ height:4px; width:80px;}
	.about h2.en, span.ttit1, span.ttit2{ font-size:36px;}
	.about h4.cn, .about h5{ font-size:20px;}
	.aboutTit .about_icon{ width:70px;}
	.about .textbox p.en{ font-size:95%; letter-spacing:0.5px;}
	
	.classnavs{ display:flex; margin-bottom:20px; }
	.classnavs li{ height:54px; line-height:50px; margin-right:30px; }
	.classnavs2{ margin-bottom:50px; }
	.newsList li h2{ margin:10px 0;}
	.newsList li .more{ margin-top:20px;}
	.newsList li time{ font-size:16px;}
	.newsList li p{ height:49px;}
	.newsDetail .box{ margin-top:40px;}
	.newsDetail h2{ font-size:24px; margin:15px 0;}
	.newsDetail h4{ font-size:20px;}
	.download li{ height:110px;}
	.download li .downInfo .tit1{ font-size:22px;}
	.download li .downInfo .tit2{ font-size:16px;}
	
	.Ttitle1, .Ttitle2{ margin-bottom:60px;}
	.honorcDiv{ zoom:0.9;}
	.Ttitle2 h2{ font-size:42px;}
	.honorList li p, .videoList li p{ font-size:16px;}
	
	.proList li .texts{ padding:20px;}
	.proList li .texts span{ right:15px; width:90px; height:35px; line-height:35px; font-size:14px;}
	.proList li .texts h2, .prodList li .texts h2{ font-size:20px;}
	.proList li .texts h4, .prodList li .texts h2 span{ font-size:14px;}
	.prodList li .texts{ padding-top:15px; }
	.proCList li ._img img.ico_title{ width:40px; height:40px;}
	.proCList li ._title{ font-size:20px; margin-top:45px;}
	.proCList li ._title:after{ margin-top:5px;}
	
	.proTop .proText h2{ font-size:24px;}
	.proTop .proText h2 span{ margin-top:-4px;}
	.proTop .proText h2 span a{ margin-left:5px; width:100px; height:32px; line-height:28px; font-size:14px; border-radius:16px;}
	.proTop .proText .info{ padding:15px 0;}
	.proTop .proText .info li{ font-size:15px; line-height:30px; height:30px; }
	.proTop .proText .link{ height:80px;}
	.proTop .proText .link .box .img{ height:30px; margin-top:10px;}
	.proTop .proText .link .box p{ font-size:14px;}
	
	.proDetail .box, .newsDetail .box, .message{ padding:70px;}
	.caseTop .caseInfo h2{ padding-bottom:15px; margin-bottom:20px;}
	.contactBox .marT50{ margin-top:10px;}
	.contactBox .contactInfo h2{ font-size:24px; line-height:1;}
	.contactBox .contactInfo h4{ font-size:20px;}
	.contactBox .contactInfo .textbox{ position:static;}
	.contactBox .contactInfo .textbox p{ font-size:16px; line-height:28px;}
	.contactBox .contactInfo .textbox p span{ font-size:22px;}
	.contactBox .contactInfo .textbox .erweima{ position:static; margin-top:10px; transform:translateY(0);}
	.input{ margin-top:30px;}
	.input ul li{ margin-bottom:30px;}
	.input button{ margin-top:30px;}
	.mendianList li{ padding-bottom:30px;}
	.mendianList li .info h2{ margin-bottom:15px;}
	.xingneng .xingnengList{ margin:60px 0 100px;}
	.xingneng .xingnengList li img{ width:45px;}
	.xingneng .xingnengList li span{ font-size:20px;}
	.xingneng .Ttitle h4{ font-size:22px;}
	.qiyuan h2.title, .xingneng .Ttitle h2{ font-size:32px;}
	.xingneng .textbox h2{ font-size:28px;}
	.xingneng .textbox .xnList li{ font-size:15px; margin-bottom:5px;}
	.newsDetail .newsBody{ padding-top:20px;}
	.newsDetail h2.title{ font-size:24px;}
	.newsDetail .top-tip{ margin-bottom:20px;}
	.newsDetail .p{ padding-bottom:40px;}
	.newsDetail .bot .bot-left a{ font-size:14px; margin-bottom:5px;}
	.newsDetail .bot .backbox{ width:130px; height:36px; font-size:14px;}
	.newsDetail .bot .backbox svg{ margin-right:10px;}
	.newsDetail .rightbox .title{ font-size:24px; padding-bottom:15px;}
	.newsDetail .rightbox .list{ margin-top:30px;}
	.newsDetail .rightbox .list li{ margin-bottom:30px;}
	.newsDetail .rightbox .list li .shijian{ margin-top:15px;}
	.newsDetail .rightbox .list li .biao{ font-size:17px;}
}
@media (max-width: 1200px) {
	.proTop .proImg{ width:605px;}
	.mod18 .picBox{ width:450px; height:300px; }
	.mod18 .picBox ul{ height:300px;}
	.mod18 .picBox li{ width:450px; height:300px;}
	.mod18 .listBox{ width:148px; height:300px; }
	.mod18 .listBox li{ width:138px; height:93px;}
	.mod18 .listBox img{ width:134px; height:89px;}
	.proTop .proText{ width:calc(100% - 645px);}
}
@media (max-width: 1080px) {
	#navToggle{ display: block; }
	.herder{ height:70px;}
	.herder .logo{ height:70px; line-height:70px;}
	.herder .nav, .herder .language{ display:none;}
	.herder .phone{ height:70px; line-height:70px; margin-right:90px;}
	.search{ margin-top:24px;}
	.padTB120{ padding:80px 0;}
	.marT100{ margin-top:60px;}
	.new_banner_text_box{ padding-top:70px;}
	.about h4{ font-size:24px;}
	.about h2{ font-size:22px;}
	.about h2.en, span.ttit1, span.ttit2{ font-size:28px;}
	.about h4.cn, .about h5{ font-size:18px;}
	
	.aboutTit .about_icon{ width:60px; margin-right:20px;}
	.about .textbox, .about3 .about .textbox{ margin-top:10px;}
	
	.Ttitle1, .Ttitle2{ margin-bottom:50px;}
	.honorList li .imgs{ padding:20px; margin-bottom:10px;}
	.videoList li .imgs{ margin-bottom:10px;}
	
	.proTop .proImg{ width:531px;}
	.mod18 .picBox{ width:400px; height:267px; }
	.mod18 .picBox ul{ height:267px;}
	.mod18 .picBox li{ width:400px; height:267px;}
	.mod18 .listBox{ width:131px; height:268px; }
	.mod18 .listBox li{ width:121px; height:82px;}
	.mod18 .listBox img{ width:117px; height:78px;}
	.proTop .proText{ width:calc(100% - 565px);}
	.proTop .proText h2{ height:40px; line-height:40px;}
	.proTop .proText .info{ padding:10px 0;}
	.proDetail .box, .newsDetail .box, .message{ padding:50px;}
	.marT50{ margin-top:40px;}
	.colorList li .texts h2 span{ display:block; margin-left:0;}
	
	.caseTop .caseInfo h2{ padding-bottom:5px; margin-bottom:10px; font-size:24px;}
	h2.title{ margin-bottom:20px; font-size:28px;}
	.contactBox .contactInfo .box{ left:6%; width:88%;}
	.contactBox .contactInfo h4{ font-size:18px;}
	.contactBox .erweima li img{ width:80px;}
	.contactBox .contactInfo .textbox p{ font-size:15px; line-height:24px;}
	.contactBox .contactInfo .textbox .erweima p{ font-size:12px; line-height:22px;}
	.input{ margin-top:20px;}
	.input ul li{ margin-bottom:20px;}
	.input ul li input.dot{ margin-left:10px; margin-right:5px;}
	.input ul li:last-child{ width:66%; margin-right:0;}
	.input ul li input{ height:40px; font-size:14px;}
	.input textarea{ font-size:14px; padding:15px;}
	.mendianList li{ width:48%; margin-right:4%; padding-bottom:10px;}
	.mendianList li i{ margin-right:20px;}
	.mendianList li .info h2{ font-size:20px; margin-bottom:10px;}
	.mendianList li .info p{ height:48px; overflow:hidden;}
	.qiyuan h2.title, .xingneng .Ttitle h2{ font-size:30px;}
	.xingneng .Ttitle h4{ font-size:20px;}
	.xingneng .Ttitle p{ margin-top:20px;}
	.xingneng .xingnengList{ margin:50px 0 80px;}
	.xingneng .xingnengList li img{ width:40px; margin-right:10px;}
	.xingneng .xingnengList li span{ font-size:18px;}
	.xingneng .textbox{ padding:4%;}
	.xingneng .textbox h2{ font-size:24px;}
	.newsDetail .rightbox .list li .biao{ font-size:16px;}
}
@media (max-width: 960px) {
	.newsList li{ padding:30px 0;}
	.newsList li .imgs{ margin-right:40px;}
	.newsList li h2{ font-size:20px;}
	.newsList li .more{ margin-top:10px;}
	.newsList li .more span{ font-size:14px;}
	.videoList{ padding-top:30px;}
	.product .left .infor .t{ font-size:24px;}
	.product .left .content .item .tit{ font-size:18px;}
	.product .left .empty{ height:36px; line-height:36px; font-size:14px;}
	.proList li, .prodList li, .proCList li, .xgBox .proList li{ width:48%; margin-right:4%; margin-bottom:4%;}
	.proList li:nth-child(3n), .prodList li:nth-child(3n), .proCList li:nth-child(3n){ margin-right:4%;}
	.proList li:nth-child(2n), .prodList li:nth-child(2n), .proCList li:nth-child(2n){ margin-right:0;}
	.proList li .texts{ padding:15px 20px;}
	.proList li .texts h2, .prodList li .texts h2{ font-size:18px;}
	.proList li .texts h2{ margin-bottom:0;}
	.prodList li .texts h2 span{ display:block; margin-left:0;}
	.prodList li .texts{ padding-top:10px; }
	.proTop .proText h2 span{ margin-top:-50px;}
	.download li{ width:48%; margin-right:4%; margin-bottom:4%; height:100px;}
	.download li:nth-child(3n){ margin-right:4%;}
	.download li:nth-child(2n){ margin-right:0;}
	.download li .downInfo .tit1{ font-size:20px;}
	.download li .downInfo .tit2{ font-size:15px;}
	.classnavs li a{ padding:0 30px;}
	
	.storebox .mapwrap{ padding-left:0; }
    .storebox .mapwrap .store-bar{ position: static; height: 241px; width: 100%; }
    #result{ width:100%; }
    .storebox .mapwrap #amap{ height: 400px; }
	
}
@media (max-width: 760px) {
	.pc{ display:none !important;}
	.mobile{ display:block !important;}
	.herder .logo img{ width:auto; height:40px;}
	.herder .phone{ display:none;}
	.herder{ height:64px;}
	.herder .logo{ height:64px; line-height:64px;}
	.search{ margin-top:21px;}
	.clearTop{ padding-top:64px;}
	.new_banner_text_box{ padding-top:0;}
	
	.searchInfor { transition: all 0.5s; position: relative; float: right; background: url(../images/ss-h.svg) center no-repeat; display: block; width: 20px; height: 20px; margin-top: 22px; background-size:100%; margin-right:50px; cursor:pointer;}
	.searchInfor.cur { background: url(../images/close.svg) center no-repeat; background-size:26px auto; width:26px; height:26px; margin-top: 19px;}
	#navToggle{ height:64px; width:64px;}
	.wrapper{ width:92%;}
	.banner{ height:auto; position: relative;}
	.banner video{ position:static; transform: translate(0, 0);}
	/*.banner video{ display:none;}
  	.banner img.spimg { width: 100%; display:block; }*/
	.footer{ height:auto; padding:15px 0;}
	.footer .fleft{ width:100%;}
	.footer .fleft .p1{ display:flex; justify-content:space-between;}
	.footer .fleft .p1 a{ margin-right:0; }
	.footer .fleft .p2, .footer .fleft .p2 a{ font-size:12px;}
	.footer .fleft .p2 span{ display:block;}
	.footer .fright{ display:none;}
	
	.new_banner_text_box .sec_title{ font-size:32px; margin-bottom:0;}
	.new_banner_text_box .sub_title{ font-size:24px;}
	.padTB120, .about2{ padding:40px 0 20px !important;}
	.marT100{ margin-top:20px;}
	.about_50, .about_45, .about_40{ width:100%; margin-bottom:20px;}
	.about .wrapper{ display:block; }
	.about h2{ font-size:24px;}
	.about h2.en, span.ttit1, span.ttit2{ font-size:26px;}
	.about h4.cn, .about h5{ font-size:16px;}
	.about h5{ margin-bottom:0px;}
	.aboutTit .about_icon{ width:52px; margin-right:15px;}
	span.ttit1, span.ttit2{ left:20px; top:20px;}
	
	.classnavs{ margin-bottom:0px;}
	.classnavs li{ height:40px; line-height:36px; margin-right:10px; margin-bottom:10px;}
	.classnavs li a{ padding:0 15px; font-size:15px;}
	.classnavs2{ margin-bottom:30px; }
	.newsList li{ padding:25px 0;}
	
	.newsList li .imgs{ margin-right:20px;}
	.newsList li h2{ font-size:18px; line-height:1.5; font-weight:bold; -webkit-line-clamp:2; margin-top:5px;}
	.newsList li p{ height:40px; line-height:20px; }
	
	.Ttitle1, .Ttitle2{ margin-bottom:30px;}
	.Ttitle1 h2{ font-size:28px;}
	.Ttitle1 h4{ font-size:20px;}
	.Ttitle2 h2{ font-size:32px;}
	.Ttitle2 p{ font-size:16px; padding:0;}
	.honorC{ margin-bottom:20px;}
	.honorcDiv{ zoom:0.8;}
	.honorcDiv span{ zoom:0.8;}
	.honorList li{ width:30%; margin-right:3.33333%;}
	.honorList li:nth-child(4n){ margin-right:3.33333%;}
	.honorList li:nth-child(3n){ margin-right:0;}
	.honorList li .imgs{ margin-bottom:0; padding:15px;}
	h2.h2title{ font-size:24px; margin-top:30px;}
	h2.h2title a{ font-size:14px;}
	.videoList{ padding-top:20px;}
	.videoList li .imgs{ margin-bottom:0;}
	.honorList li p, .videoList li p{ font-size:14px;}
	
	.product .left, .product .right{ width:100%;}
	.product .left{ margin-bottom:20px; padding:20px; background:#fff;}
	
	.proTop .wrapper{ display:block;}
	.proTop .proImg{ width:100%; position:relative;}
	.proTop .proImg .swiper-pagination{ position:absolute; left:50%; bottom:10px; transform:translateX(-50%);}
	.proTop .proImg .swiper-pagination-bullet{ width:20px; height:3px; background:#fff; border-radius:0px; margin:0 2px;}
	.proTop .proImg .swiper-pagination-bullet-active{ background:#fff;}
	.proTop .proText{ width:100%; margin-top:20px; position:static;}
	.proTop .proText .link{ position:static; margin-top:20px;}
	.proTop .proText h2{ height:auto; font-size:20px;}
	.proTop .proText h2 span{ position:static; display:block; transform:translateY(0); margin-top:-5px; float:right; }
	.proTop .proText h2 span a{ width:85px; font-size:12px; line-height:22px; height:28px; border-radius:14px;}
	.proTop .proText .info li{ font-size:14px; line-height:26px; height:26px;}
	.proDetail .box, .newsDetail .box, .newsDetail .leftbox{ padding:0; background:none;}
	.proDetail h2{ font-size:22px;}
	.proDetail h4{ font-size:20px; margin-bottom:10px;}
	
	
	.product .left .content .item .item_down .ej{ width:33.333%; float:left;}
	.product .left .content .item{ margin-top:10px; padding-top:10px;}
	.product .left .content .item .item_down .con_a{ font-size:14px;}
	
	.marT50{ margin-top:30px;}
	.caseTop{ display:block;}
	.caseTop .caseImg{ width:100%;}
	.caseTop .caseInfo{ width:100%; position:static;}
	.caseTop .caseInfo .box{ width:100%; position:static; padding:20px 30px; transform:translateY(0);}
	h2.title{ font-size:24px;}
	.newsDetail .newsBody{ padding-top:0;}
	.newsDetail .box{ margin-top:20px;}
	.newsDetail h2.title{ font-size:20px;}
	.newsDetail h4{ font-size:16px;}
	.newsDetail p{ padding:6px 0;}
	.newsDetail .top-tip{ font-size:12px; margin-bottom:15px;}
	.newsDetail .p{ padding-bottom:30px;}
	.newsDetail .bot .bot-left{ width:100%;}
	.newsDetail .bot .bot-left a{ font-size:14px; margin-bottom:5px;}
	.newsDetail .bot .backbox{ margin-top:10px; font-size:14px; margin:20px auto;}
	.newsDetail .leftbox{ width:100%;}
	.newsDetail .rightbox{ display:none;}

	.FAQ .list .cap{ background:#fff; line-height:24px; padding:10px 0; margin-bottom:10px;}
	.FAQ .list .cap a{ font-size:15px; padding:0 15px;}
	.FAQ .list .cap i{ height:26px;}
	.FAQ .list .text-box{ padding:5px 15px; font-size:13px; line-height:20px;}
	.contactBox{ display:block;}
	.contactBox .contactImg{ width:100%;}
	.contactBox .contactInfo{ width:100%; position:static;}
	.contactBox .contactInfo .box{ position:static; width:100%; top:auto; transform:translateY(0); padding:30px;}
	.message{ padding:30px;}
	.mendianList li{ width:100%; margin-right:0; padding-bottom:20px; margin-top:10px; margin-bottom:10px;}
	.mendianList li i{ margin-right:15px;}
	.mendianList li .info h2{ font-size:18px; margin-bottom:5px;}
	.mendianList li .info p{ height:auto;}
	.qiyuan h2.title span{ width:80px; height:3px; margin:10px auto 35px;}
	.qiyuan h2.title, .xingneng .Ttitle h2{ font-size:28px;}
	.xingneng .padTB120{ padding:40px 0 !important;}
	.xingneng .xingnengList{ margin:40px 0 60px;}
	.xingneng .xingnengList li{ display:block;}
	.xingneng .xingnengList li img, .xingneng .xingnengList li span{ display:block; margin:0px auto;}
	.xingneng .xingnengList li span{ font-size:16px; margin-top:10px;}
	.xingneng .textbox{ width:50%; height:100%; left:0%;}
	.xingneng2 .textbox, .xingneng4 .textbox{ left:50%;}
	.classnavs2 li{ height:45px; line-height:40px; border-radius:25px; padding:0 15px; font-size:16px; margin-right:15px;}
	.proCList li ._cover{ padding:20px;}
	.proCList li ._sum{ line-height:26px;}
	.product{ min-height:500px;}
	
}
@media (max-width: 640px) {
	.xingneng .Ttitle h2{ font-size:24px;}
	.xingneng .xingnengList li{ padding:0 18px;}
	.xingneng .xingnengList li span{ font-size:14px;}
	.xingneng1{ background-image:linear-gradient(180deg,#e1b876 200px,#f7f7f7 200px); }
	.xingneng2{ background-image:linear-gradient(180deg,#3091af 200px,#f7f7f7 200px); }
	.xingneng3{ background-image:linear-gradient(180deg,#46aa83 200px,#f7f7f7 200px); }
	.xingneng4{ background-image:linear-gradient(180deg,#d9d4ca 200px,#f7f7f7 200px); }
	.xingneng5{ background-image:linear-gradient(180deg,#0e223b 200px,#f7f7f7 200px); }
	.xingneng1 .wrapper, .xingneng2 .wrapper, .xingneng3 .wrapper, .xingneng4 .wrapper, .xingneng5 .wrapper{ position:static;}
	.xingneng .img{ width:100%; float:none;}
	.xingneng .textbox{ width:100%; height:auto; position:static; transform:translateY(0) !important;}
	.caseDetail2 p{ width:100%; padding:10px 0;}
}
@media (max-width: 480px) {
	.new_banner_text_box .sec_title{ font-size:28px;}
	.new_banner_text_box .sub_title{ font-size:20px;}
	.newsList li a{ display:block;}
	.newsList li .imgs, .newsList li .texts{ width:100%;}
	.newsList li .imgs{ margin-bottom:10px; margin-right:0;}
	.Ttitle1 h2{ font-size:24px;}
	.Ttitle1 h4{ font-size:18px;}
	.honorcDiv{ zoom:0.6;}
	.Ttitle2 h2{ font-size:28px;}
	.Ttitle2 p{ font-size:15px;}
	.honorList li, .videoList li{ width:48%; margin-right:4%;}
	.honorList li:nth-child(3n), .videoList li:nth-child(3n){ margin-right:4%;}
	.honorList li:nth-child(2n), .videoList li:nth-child(2n){ margin-right:0;}
	
	.proList li .texts{ padding:10px 12px;}
	.proList li .texts h2, .prodList li .texts h2{ font-size:16px;}
	.proList li .texts h4, .prodList li .texts h2 span{ font-size:12px;}
	.proList li .texts span{ right:10px; width:40px; height:40px; font-size:13px; line-height:16px; padding:4px; text-align:center; border-radius:5px;}
	
	.proList li .texts h2{ -webkit-line-clamp:2; height:auto; line-height:24px;}
	.proList li .texts p{ display:none;}
	.proCList li{ width:100%; margin-right:0;}
	.download li{ width:100%; margin-right:0; height:80px;}
	.download li .downInfo{ padding-left:20px;}
	.download li .downInfo .tit1{ font-size:18px;}
	.download li .downInfo .tit2{ font-size:14px;}
	.classnavs li a{ padding:0 10px; font-size:14px;}
	.contactBox .contactInfo .box{ padding:20px;}
	.message{ padding:30px 20px;}
	.input ul{ margin-bottom:10px;}
	.input ul li{ width:100%; margin-right:0; margin-bottom:10px;}
	.input ul li:last-child{ margin-top:10px;}
	.input button{ margin-top:20px;}
	.input button span{ width:40px; height:40px; line-height:40px; margin-right:10px; }
	.qiyuan h2.title{ font-size:24px;}
	.xingneng .padTB120{ padding:40px 0 20px !important;}
	.xingneng .Ttitle h4{ font-size:16px;}
	.xingneng .Ttitle h2{ font-size:20px;}
	.xingneng .xingnengList{ margin:30px 0 40px;}
	.xingneng .xingnengList li{ padding:0 10px; border-right:none;}
	.xingneng .textbox{ padding:5% 4%;}
	.xingneng .textbox h2{ font-size:22px;}
	.xingneng .textbox p{ margin-top:10px;}
	.xingneng .textbox .xnList{ margin-top:15px;}
	.xingneng5 .textbox .xnList li{ font-size:13px; }
	.caseTop .caseInfo .box{ padding:20px;}
	.pages{ padding-top:20px; padding-bottom:20px;}
	.pages .pagination a{ width:35px; height:35px; font-size:14px; margin:0 3px; line-height:32px;}
	span.page-num{ font-size:8px;}
	
	.banner .fu a img.play{ width:60px; margin:0 auto 15px;}
	.qiyuan .video .play{ display:none;}
	.about h4{ font-size:20px;}
	.about h2.en, span.ttit1, span.ttit2{ font-size:24px;}
}