@charset "utf-8";
@import url(../css/common.css); 
@import url(../css/animate.min.css); 

.main{position:relative;z-index: 2;width: 100%;}
body{min-width: 320px;margin:0 auto;width: 100%;overflow-x: hidden; padding-top:50px;}
/*head*/
.head{z-index:3;background:#fff;text-align:center;height: 50px;position: fixed;top: 0;left: 0;width: 100%;}
.head h1{float:left;height: 50px;padding-top: 10px;padding-left: 15px;}
.head h1 img{width: 76px;}
.navweb.cur{position:fixed;left:0;top:0;width:100%;z-index: 8;background: #fff;}

/*导航动画*/
.mask{position:fixed;width:100%;height:100%;bottom:0;top: 50px;left:0;background: #fff;display:none;z-index: 11;}
.left-touch{position: absolute;right: 3px;top: 50%;width: 50px;height: 50px;cursor: pointer;z-index: 100;padding-top: 12px;margin-top:-25px;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.left-touchanmti{transition: all 0.3s ease-in-out;-webkit-transition-delay: 0.5s;-o-transition-delay: 0.5s;transition-delay: 0.5s;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.navweb.cur .left-touchanmti{ margin-top:-25px}
.left-touch em{ background:#333;height:2px; width:25px;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; display:block}
.left-touch em:nth-of-type(1),.left-touch em:nth-of-type(3){-webkit-transition-delay: 0.3s;  -o-transition-delay: 0.3s; transition-delay: 0.3s;}
.left-touchanmti em:nth-of-type(1){-webkit-transform: translateY(3px);-ms-transform: translateY(3px);-o-transform: translateY(3px);transform: translateY(3px);}
.left-touch em:nth-of-type(2){ transition-delay: .5s;}
.left-touchanmti em:nth-of-type(2){ width:0; transition-delay: .2s;}
.left-touchanmti em:nth-of-type(3){-webkit-transform: translateY(-11px) rotate(90deg);-ms-transform: translateY(-11px) rotate(90deg);-o-transform: translateY(-11px) rotate(90deg);transform: translateY(-11px) rotate(90deg);}
.nav.navanm{ -webkit-transform: translateY(-64%);transform: translateY(-64%);}
.nav ul{padding: 0 16px;z-index: inherit;-webkit-transition:600ms cubic-bezier(0.47, 0, 0.745, 0.715);transition:600ms cubic-bezier(0.47, 0, 0.745, 0.715);opacity:1;z-index: 12;position: relative;width: 100%;margin: 0;text-align: left;}
.nav ul li{opacity: 0;-webkit-transform: scale(1.2) translateY(-24px);transform: scale(1.2) translateY(-24px);-webkit-transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, -webkit-transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out;transition: opacity 0.35s ease-out, transform 0.35s ease-out, -webkit-transform 0.35s ease-out;border-bottom: 1px solid #ddd; list-style:none;}
.nav ul li>a{color: #333;display:block; height:50px;line-height: 50px;position:relative;overflow:hidden;z-index:3;background-image:none; position:relative; padding-left:40px}
.nav ul li>a img{display:block;left:0;top:50%;transform:translateY(-50%);position: absolute;height: 24px;}
.nav.cur ul li{opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;list-style: none;}
.nav.cur ul li:nth-of-type(9){-webkit-transition-delay: 100ms,100ms;transition-delay: 100ms,100ms;}		
.nav.cur ul li:nth-of-type(8){-webkit-transition-delay: 150ms,150ms;transition-delay: 150ms,150ms;}	
.nav.cur ul li:nth-of-type(7){-webkit-transition-delay: 200ms,200ms; transition-delay: 200ms,200ms;}	
.nav.cur ul li:nth-of-type(6){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}	
.nav.cur ul li:nth-of-type(5){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}	
.nav.cur ul li:nth-of-type(4){-webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.nav.cur ul li:nth-of-type(3){-webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}	
.nav.cur ul li:nth-of-type(2){-webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.nav.cur ul li:nth-of-type(1){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.nav.cur ul li:nth-of-type(1){-webkit-transition-delay: 100ms,100ms;transition-delay: 100ms,100ms;}		
.nav.cur ul li:nth-of-type(2){-webkit-transition-delay: 150ms,150ms;transition-delay: 150ms,150ms;}	
.nav.cur ul li:nth-of-type(3){-webkit-transition-delay: 200ms,200ms; transition-delay: 200ms,200ms;}	
.nav.cur ul li:nth-of-type(4){-webkit-transition-delay: 250ms,250ms;transition-delay: 250ms,250ms;}	
.nav.cur ul li:nth-of-type(5){-webkit-transition-delay: 300ms,300ms;transition-delay: 300ms,300ms;}	
.nav.cur ul li:nth-of-type(6){-webkit-transition-delay: 350ms,350ms; transition-delay: 350ms,350ms;}
.nav.cur ul li:nth-of-type(7){-webkit-transition-delay: 400ms,400ms; transition-delay: 400ms,400ms;}	
.nav.cur ul li:nth-of-type(8){-webkit-transition-delay: 450ms,450ms; transition-delay: 450ms,450ms;}
.nav.cur ul li:nth-of-type(9){-webkit-transition-delay: 500ms,500ms; transition-delay: 500ms,500ms;}
.phone-nav{position:absolute;top: 50px;width:100%;left:0;z-index: 9;}
.headtxt{float:left;text-align:left;color:#666;font-size:12px;border-left:1px solid #979797;margin-top: 8px;margin-left: 10px;padding-left: 10px;line-height: 18px;}
.nav{ overflow-y:scroll; overflow-x:hidden}
/*foot*/
.foot{background:url(../images/footbg.jpg) repeat;padding-top:20px;position:relative;z-index: 1;}
.sub-foot dt a{color:#fff;display: block;}
.sub-foot dt{font-size: 16px;color:#fff;line-height:40px;position:relative;z-index:3;}
.sub-foot dd a{font-size: 14px;color: #a6a6a6;line-height: 36px;display:block;}
.sub-foot dt:after{content: '+';float: right;font-weight: normal;margin-right: 8px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;font-size:16px;position: absolute;right: 0;top: 0;}
.foot-link{ border-bottom:1px solid rgba(225,225,225,.04); position:relative; overflow:hidden}
.sub-foot>dl{ border-bottom:1px solid rgba(225,225,225,.04); }
.sub-foot dl.cur dt:after{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.sub-foot dd{ position:absolute; top:50%; visibility:hidden;-webkit-transition:300ms; -moz-transition:300ms; -ms-transition:300ms; -o-transition:300ms; transition:300ms; z-index:-1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); -moz-transform: translateY(-20px);transform: translateY(-20px); padding-bottom:10px;}
.sub-foot dl.cur dd{ position:static; visibility:visible; z-index:1;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;}
.foot-link dl dd a span{cursor:pointer}
.footcopy{text-align:center;font-size: 14px;color: #a6a6a6;line-height:15px;padding: 28px 0;border-top: 1px solid rgba(255,255,255,.04);}
.footcopy a{color: #a6a6a6;display:inline-block;}
.footcode{ font-size:14px; color:#fff; text-align:center; background:#00a2e9; line-height:27px; width:112px; margin:30px auto;}
.footcode img{ display:block; width:100%;}

/*inside*/
.insidebanner{ width:100%; overflow:hidden; position:relative}
.insidebanner>img{ display:block;transition: All 2.8s ease-in-out; -webkit-transition: All 2.8s ease-in-out; -moz-transition: All 2.8s ease-in-out; -o-transition: All 2.8s ease-in-out;  -webkit-transform: scale(1.3) ; -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3) ;transform: scale(1.3) ; position:relative;min-width:720px; width:100%}
.insidebanner.cur>img{ -webkit-transform: scale(1) ; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1) ;transform: scale(1) ;}
.insidebanner h2{font-size:25px;color:#fff;line-height:50px;font-weight:bold;text-shadow: 5px 5px 5px rgba(0,0,0,.24);display:table-cell;vertical-align:middle;}
.insidetxt{position:absolute;text-align:center;left:0;width:100% !important;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:29.7%;min-height: 50px;}
.insidetxt>img{ height:100%; width:auto;}

.order-nav{border-bottom:1px solid #dfdfdf;margin-bottom: 30px;}
.order-nav a{float:left;border-bottom:2px solid transparent;padding: 12px 0;position:relative;top:1px;margin-right: 15px;width: 105px;text-align: center;}
.order-nav a.cur{ border-bottom-color:#0081cc; color:#0081cc; font-size:15px;}

.content{padding-bottom:55px;}
.ovhidden{ overflow:hidden;}

.tddiv{ display:table-cell; vertical-align:middle; position:relative}

/*联系我们*/
.contactway{ position:relative; margin-bottom:40px;}
.contactway dl{ padding-bottom:50px}
.contactway dt{ color:#333; font-size:20px; line-height:1.3em; padding-bottom:13px;}
.contactway dd{ color:#666; font-size:14px; line-height:24px;}
.contactway dd a{ color:#666;}
.contactmap{ border:3px solid #00a2e9; position:relative}
.contactmap iframe{ display:block; height:324px;}

/*人才招聘*/
.thehappy h2{ font-size:26px; color:#00a2e9; line-height:1.2em; padding-bottom:15px;}
.thehappy{ font-size:14px; color:#666; line-height:24px;}
.thehappy dl,.thehappy dt{ position:relative; background:#fff;}
.thehappy dl:nth-of-type(1){ font-size:15px; line-height:30px;}
.thehappy dt img{ display:block; width:100%}
.thehappy dd{padding-top: 47px;padding-bottom: 57px;}
.thisdd{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#00a2e9;font-size:20px;color:#fff;text-align:center;background:#00a2e9;border:3px solid #fff;width:70px;height:70px;position:absolute;bottom: -35px;left:50%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);line-height:64px;}
.thehappy dl:nth-of-type(1) .thisdd{ display:none}
.joblist h2{ font-size:18px; color:#00a1e9; border-bottom:1px solid #e8e8e8; line-height:2em; padding-bottom:7px; padding-top:43px}
.jobul{ margin:0; padding:0 0 26px;}
.jobul h3{ cursor:pointer; font-size:14px; color:#4c4c4c; height:59px; line-height:59px; background:url(../images/icon14.png) right 0 no-repeat;}
.jobul li{ border-bottom:1px solid #e6e6e6; list-style:none}
.jobdetail{ background:#fafafa; font-size:13px; color:#4c4c4c; padding:30px 40px 35px; display:none}
.jobdetail h4{ font-size:14px; color:#4c4c4c; font-weight:bold;}
.jobsend{ width:120px; height:35px; display:block; text-align:center; line-height:35px; font-size:16px; color:#fff; background:#00a1e9; margin-top:30px;}
.jobul li h3.cur{ color:#00a1e9;background:url(../images/icon14.png) right -60px no-repeat;}
.page{ text-align:center}
.pcpage{ text-align:left; padding-top:9px; padding-bottom:15px;}
.phonepage{ height:50px; line-height:50px; color:#333; font-size:15px;}

/*在线留言*/
.message{ background:url(../images/contactbg.jpg) top center no-repeat; background-size:cover}
.jiameng h2{ font-size:18px; text-align:center; color:#2789bf; padding-top:20px; padding-bottom:11px;}
.jiameng>p{ color:#4c4c4c;  text-align:center}
.jiameng>p em{color: #00a1e9;font-style: normal;}
.jiaform{margin: 16px auto 0;padding:0 15px;}
.jiaform ul{border-top:1px solid #d9d9d9;font-size:14px;color:#4c4c4c;margin: 0;padding: 0;}
.jiaform ul p em{color:#0c7ab7;font-size:16px;display: inline-block;vertical-align: middle;margin-right:8px;font-style: normal;}
.jiaform ul p{ padding-bottom:8px;}
.jiaform ul li{ margin-top:15px;list-style: none;}
.jiaform  li>div{ padding-left:16px; position:relative}
.jiaform .jiain{ background:#fff; border:1px solid #dcdcdc; height:43px; line-height:43px; padding:0 10px; width:100%;}
.jiaform textarea{background:#fff;border:1px solid #dcdcdc;padding:8px 10px;width:100%;height: 225px;}
.formbtn{padding: 24px 0 0;padding-left: 22px;font-size:0;}
.formbtn input{width: 41%;max-width:138px;height:42px;line-height:42px;background: #00a1e9;color:#fff;font-size:15px;text-align: center;margin: 0 11px;cursor:pointer;}
.area:after{content:"";display:block;position:absolute;width:0;height:0;border-bottom: 14px solid #b1b1b1;border-left: 7px solid transparent;border-right: 7px solid transparent;right:10px;transform: rotate(180deg);top: 17px;}

/*品质与工艺*/
.quality dl{ position:relative; background:#fff;font-size:14px; color:#666; line-height:24px}
.quality dt img{ display:block; width:100%;}
.quality dd.commonweb{padding-bottom:50px;position:relative;z-index:3;min-height:195px;display: table;}
.imgbox{ position:absolute; left:1.8%; width:45%; bottom:0; height:auto; opacity:0}
.imgbox img{ display:block; width:100%;}
.quality .tddiv{padding-left:130px;padding-top: 50px;}
.quasign{font-size:14px;color:#fff;background:#4793d9;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;text-align: center;width: 110px;height: 80px;padding-top: 16px; left:0; top:63px; position:absolute;}
.quasign:after{ content:""; position:absolute; left:50%; margin-left:-.5px; background:#4793d9; height:50px; top:-50px; width:1px;}
.quasign:before{ content:""; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:1px solid #4793d9; width:12px; height:12px; top:-63px; left:50%; margin-left:-6px; position:absolute}
.quasign h2{ font-size:18px;}
.quasign p{font-family:Arial,Helvetica,sans-serif;}
.pb0 .content{ padding-bottom:0}

/*常见问题*/
.faq{ background:url(../images/quabg.jpg) right bottom no-repeat; background-size:cover}
.faqlist{ padding:0 0 26px; margin:0; border-top:1px solid #e8e8e8;}
.faqlist li{ list-style:none;color:#4c4c4c;}
.faqlist h3{position:relative;font-size:14px;border-bottom:1px solid #e8e8e8;padding-top: 16px;padding-bottom: 16px;padding-left:50px; padding-right:40px; background-image:url(../images/icon1.png); background-position:right center; background-repeat:no-repeat; cursor:pointer}
.faqlist h3.cur{ border-bottom:none; color:#00a0ea; background-image:none}
.faqlist h3:before{content:"";width:32px;height:30px;background:url(../images/q.png) no-repeat;position:absolute;left:6px;top: 13px;}
.faqlist h3.cur{ background-image:url(../images/icon1c.png);}
.faqdetail{ background:#fff; font-size:13px; position:relative; padding-left:50px; padding-top:22px; padding-bottom:20px; padding-right:40px; display:none}
.slideup{ content:""; position:absolute; right:3px; width:40px; cursor:pointer; background:url(../images/icon1c.png) right 11px no-repeat; top:0; height:100%; display:none;}
.faqdetail:before{content:"";width:32px;height:30px;background:url(../images/a.png) no-repeat;position:absolute;left:6px;top: 20px;}

/*视频中心*/
.video{ overflow:hidden; padding-bottom:50px;}
.videolist{ padding:13px 0 26px; margin:0 -5px;}
.videolist li{ padding:0 5px; list-style:none; margin-top:24px;}
.videolist li a{ display:block; cursor:pointer}
.videoimg{ position:relative; overflow:hidden;}
.videoimg:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.videolist li img{ display:block; width:100%}
.videotitle{ border:1px solid #e7e7e7; background:#fff; padding:10px; text-align:center; color:#1a1a1a; height:73px; display:table; width:100%; overflow:hidden}
.videotitle h2{ font-size:18px; display:table-cell; vertical-align:middle}
.playbtn{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.masker{ position:fixed; left:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999; display:none;}
.the-video{ z-index:9999; position:fixed; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.the-video{ width:100%; max-width:900px;}
.the-video video{width:100%;background: #000;}

/*新闻中心*/
.new{ background:#fff;}
.indexnew{ padding-top:30px;}
.newlist{ margin-top:-25px; padding-bottom:26px;}
.newlist dd i{font-size:14px;color:#fff;-webkit-border-radius: 13px;-ms-border-radius: 13px;-moz-border-radius: 13px;-o-border-radius: 13px;border-radius: 13px;width: 106px;height:35px;text-align:center;line-height:35px;display:block;background: #00a2e9;margin-top:10px;}
.newlist dl{ padding:25px 0; border-bottom:1px solid #dedede;}
.newlist dt{ position:relative; overflow:hidden;}
.newlist img{ display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.newlist dl:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.newlist dd a{ display:block; color:#666;}
.newlist h3{font-size: 18px;color: #0c7ab7;padding-bottom:12px;padding-top:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newlist dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newlist dl:nth-of-type(1){ padding-top:10px}
.dtdate{background: #00a2e9;position:absolute;top:0;left:0;color:#fff;padding-left: 12px;padding-top: 14px;padding-bottom: 5px;padding-right: 7px;font-size: 24px;font-family:Arial,Helvetica,sans-serif;line-height: 30px;}
.dtdate em{ font-style:normal}
.dtdate i{display:block;font-size: 15px;margin-top: -7px;}
.newdetail{background:#fff;margin-top:20px;margin-bottom: 35px;}
.newtitle{text-align:center;font-size:12px;color:#8d8d8d;margin-top: -20px;}
.newtitle h2{ color:#333; border-bottom:1px solid #e8e8e8; font-size:18px; padding-bottom:11px;}
.newdetail img{ max-width:100%;}
.detailbox{ color:#4c4c4c;}
.detailbox img{ max-width:100%; height:auto !important}
.operation{ padding-top:30px; padding-bottom:50px;}
.back{display:block;color:#fff;background: #00a2e9 url(../images/ndetail02.png) 20px center no-repeat;width:103px;height:32px;line-height:32px;padding-left: 38px;font-size:18px;margin-bottom:11px;}
.operation p a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;color: #4c4c4c;font-size:14px;line-height:30px;}
.operation p a:hover{color: #00a2e9;}

/*集团架构*/
.organize{ background:url(../../webimages/aboutbg.jpg) center bottom no-repeat; background-size:cover}
.organic img{ max-width:100%;}

/*集团文化*/
.culture1{ position:relative}
.culture1 img{ display:block;}
.culture1txt{ width:100%; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); color:#666; font-size:18px; line-height:30px; position:absolute; text-align:center; padding-left:15px; padding-right:15px;}
.culture1txt h2{ color:#00a2e9; font-size:20px; line-height:1.2em}
.culture1txt  i{ border-bottom:3px solid #00a2e9; display:inline-block; padding-bottom:12px; margin-bottom:11px}
.culture2{ overflow:hidden}
.culture2 ul{ padding:0; margin:0; background:#fff;}
.culture2 li{ list-style:none; background:#e8e8e8; font-size:16px; color:#666; line-height:30px; text-align:center; padding:0 15px 90px;}
.culture2 li:nth-of-type(2){ background:#fff;}
.ctop{font-size:30px;color:#fff;background:url(../images/icon2.png) no-repeat;width:118px;height:135px;margin: 50px auto 12px;padding-top: 39px;}
.txt{position:relative;max-width: 279px;margin:0 auto;padding-top:5px;}
.txt:before,.txt:after{ content:""; position:absolute; width:26px; height:17px; }
.txt:before{left:0; top:0; border-left:1px solid #c7c7c7; border-top:1px solid #c7c7c7;}
.txt:after{right:0; bottom:0; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;}
.culture3{ background:#e2e2e2; position:relative; font-size:16px; color:#fff; line-height:30px;}
.culture3 dt img{ display:block; width:100%;}
.culture3 dd{ padding-top:20px; padding-bottom:20px; color:#666; padding-left:20px; padding-right:20px; text-align:justify}
.culture4 h3{ font-size:24px; color:#06a5ec; text-align:center; line-height:1.2em; padding-top:27px; padding-bottom:26px;}
.swiper-wrapper{ padding:0; margin:0; width:9999px;}
.hotpic{ position:relative; width:100%; overflow:hidden;}
.hotpic  a{ display:block;border-right:1px solid #e4e4e1; float:left; color:#333; text-align:center; background:#fff; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; background:#fff;}
.hotpic a img{ display:block; width:100%;}
.hotpic a h2{  height:65px; padding-top:13px;}
.hotpic a:hover{ background:#00a2e9; color:#fff;}
.pb0{ padding-bottom:0}
.c-prev,.c-next{ position:absolute; padding:25px 10px; display:block; background:rgba(76,76,76,.82); top:50%; margin-top:-80px; cursor:pointer; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; }
.c-prev{ left:0}
.c-next{ right:0;}
.c-prev img,.c-next img{ display:block; width:100%;}
.c-prev:hover,.c-next:hover{ background:rgba(0,162,233,.82);}

/*发展历程*/
.improve{ background:url(../images/aboutbg2.jpg) right top no-repeat; background-size:cover; padding-bottom:105px}
.improve  .content{ padding-bottom:0}
.aboutul{ margin:0; padding:0}
.aboutul li{ list-style:none; font-size:14px; color:#666; position:relative; padding-bottom:30px;}
.improvement{ margin-top:33px;position:relative}
.year{color:#fff; text-align:center; width:90px; height:35px; line-height:35px; position:absolute; left:0; top:5px; display:block; font-style:normal}
.imtxt{ padding-left:105px;}
.prevspan,.nextspan{ display:none}

/*资质荣誉*/
.honor{ max-width:828px; margin:0 auto; position:relative; height:60px; padding:0 15px;}
.honor:after{ content:""; position:absolute; left:0; width:100%; height:1px; top:50%; margin-top:-.5px; background:#00a2e9;}
.honor h2{ max-width:307px; margin:0 auto; position:relative; z-index:3; color:#fff; font-size:20px; text-align:center; height:60px; line-height:60px; background:#00a2e9;}
.certificate{ background:url(../images/honorbg2.jpg) right center no-repeat; background-size:100% auto;}
.cer-list { margin:0 -7px; padding-top:15px;}
.cer-list a{ display:block; text-align:center; padding-left:7px; padding-right:7px; margin-top:20px;}
.cer-list a span{ display:block; overflow:hidden}
.cer-list a img{ display:block; width:100%;}
.subcer{background:#fff;padding:0 10px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); -ms-box-shadow: 0 5px 10px rgba(0,0,0,.1); -o-box-shadow: 0 5px 10px rgba(0,0,0,.1);box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.cer-list h3{ font-size:14px; color:#666; text-align:center; border-top:1px solid #e9e9e9; height:53px; display:table; width:100%; line-height:20px;}
.cer-list h3 span,.patentpic a h2 span{ display:table-cell; vertical-align:middle}
.certificate .page{ padding-top:30px; padding-bottom:45px;}
.certificate .pcpage{ text-align:center; padding-bottom:0}

.patent{ background:url(../images/honorbg.jpg) top center no-repeat; background-size:cover; padding-top:40px; padding-bottom:50px;}
.patent .commonweb{ position:relative}
.patentpic{ overflow:hidden; position:relative; max-width:1090px; margin:60px auto 0;}
.patentpic a{ display:block; float:left; text-align:center; color:#666; background:#fff; padding:0 10px;}
.patentpic a h2{ font-size:14px; color:#666; border-top:1px solid #e9e9e9; height:50px;display:table; width:100%; line-height:20px;}
.patentpic a img{ display:block; width:100%}
.patent-pagination{ text-align:center; font-size:0; padding-top:24px;}
.patent-pagination span{ display:inline-block; width:40px; height:3px; background:#ffffff; margin:0 1.5px; cursor:pointer}
.patent-pagination span.swiper-pagination-bullet-active{ background:#00a2e9;}
.p-prev,.p-next{position:absolute;top:50%;width:54px;height:54px;cursor: pointer;}
.p-prev{ background:url(../images/hleft.png) no-repeat; left:15px;}
.p-next{ background:url(../images/hright.png) no-repeat; right:15px;}
.p-prev:hover{ background:url(../images/hlefth.png) no-repeat;}
.p-next:hover{ background:url(../images/hrighth.png) no-repeat;}
.report{ padding-top:40px;}

/*产品中心*/
.prointro{ text-align:center; font-size:13px; color:#666; line-height:21px;}
.prointro h3{ font-size:20px; color:#333; line-height:1.2em; padding-top:8px; padding-bottom:7px;}
.prointro p{ max-width:250px; margin:0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:42px;}
.prointro i{ display:block; margin:10px auto 0; font-size:14px; color:#00a1e9; width:85px; height:30px; line-height:30px; border:1px solid #e6e6e6;}
.product .hotpic a{ padding-bottom:20px;}
.product .hotpic a span{ display:block; overflow:hidden;}
.product .hotpic a:hover i,.product .hotpic a:hover h3,.product .hotpic a:hover .prointro{ border:none; color:#fff;}
.product .c-prev,.product .c-next{ margin-top:-135px;}

/*集团介绍*/
.about1{ position:relative; background:#fff;}
.about1 dt{ background-position:left center; background-repeat:no-repeat; background-size:cover;}
.about1 dt img{ display:block; width:100%;}
.about1 dd{ font-size:14px; color:#666; padding-left:15px; padding-right:15px; padding-top:20px; padding-bottom:40px;}
.about1 h3{ font-size:20px; color:#00a2e9; line-height:1.2em; padding-bottom:14px;}
.companyul{ padding:0; margin:27px 0 22px; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.companyul li{ list-style:none; float:left; width:50%; padding-left:10px; padding-right:10px; text-align:center; color:#00a2e9; font-size:14px; height:130px; display:table; border-bottom:1px solid #e4e4e4;}
.fontt{ font-family:Cambria Math,Helvetica,sans-serif; display:block; font-size:30px; line-height:1.1em}
.companyul li:hover{ background:#00a2e9; color:#fff;}
.companyul li:nth-of-type(5){ border-bottom:none;}
.abouttxt{ font-size:14px; color:#666;}
.aboutpics{ padding:0; margin:0 -6px;}
.aboutpics li{ list-style:none; padding-left:6px; padding-right:6px; margin-top:20px;}
.aboutpics li img{ display:block; width:100%;}
.subpicc{ position:relative;}
.subpicc h2{ position:absolute; width:100%; text-align:center; font-size:18px; color:#fff; height:48px; line-height:48px; background:rgba(0,0,0,.32); left:0; bottom:0;}

/*荣誉客户*/
.customer{ background:url(../../webimages/aboutbg2.jpg) 50% 50% no-repeat; background-size:cover;}
#hexGrid {width: 100%;max-width:890px;margin: 0 auto;padding:0.866% 0;font-family: 'Raleway', sans-serif;font-size: 15px;padding-bottom: 30px;}
#hexGrid:after { content: ""; display: block; clear: both;}
.hex { position: relative; list-style-type: none; float: left; overflow: hidden; visibility: hidden;    outline:1px solid transparent;-webkit-transform: rotate(-60deg) skewY(30deg) translatez(-1px); -ms-transform: rotate(-60deg) skewY(30deg) translatez(-1px); transform: rotate(-60deg) skewY(30deg) translatez(-1px);}
.hex * {position: absolute; visibility: visible;outline:1px solid transparent; }
.hexIn { display:block; width: 100%; height: 100%; text-align: center; color: #fff; overflow: hidden; -webkit-transform: skewY(-30deg) rotate(60deg); -ms-transform: skewY(-30deg) rotate(60deg); transform: skewY(-30deg) rotate(60deg);}
.hex img { left: -100%; right: -100%; width: auto; height: 100%; margin: 0 auto; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.hex:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}

/*产品中心*/
.prolist{ overflow:hidden; width:100%;}
.prolist ul{ padding:0; margin:0 -5px;}
.prolist ul li{ list-style:none; padding-left:5px; padding-right:5px; padding-bottom:25px;}
.prolist ul li img{ display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.prolist span{ display:block; overflow:hidden;}
.prolist ul li a{ display:block;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-size:13px; color:#999; text-align:center; background:#fff;}
.prolist ul li:hover img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.prolist ul li:hover a{ background:#00a2e9; color:#fff;}
.prolist ul li h3{ font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:3px;}
.prolist ul li i{ display:block; margin:10px auto 0; font-size:14px; color:#00a1e9; width:85px; height:31px; border:1px solid #e6e6e6; line-height:29px;}
.prolist ul li:hover i{ color:#fff; border-color:#fff;}
.prolist ul li p{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.sublidt{ border:1px solid #e6e6e6; border-top:none; padding:11px 25px 20px}
.prolist ul li:hover h3{ color:#fff;}
.prolist .pcpage{ text-align:center; padding-bottom:0; padding-top:25px;}
.thirdnav{font-size:0;margin-top: -30px;padding-left: 11px;padding-bottom: 15px; padding-top:10px}
.thirdnav a{color:#666;padding: 0 10px;display: inline-block;font-size: 12px;line-height: 24px;}
.thirdnav a.cur{ color:#0081cc}

/*产品详情*/
.index-banner{ width:100%; overflow:hidden; position:relative;}
.banner-slide{position:relative;z-index:2;height:100%;}
.index-banner ul{ height:100%;}
.index-banner ul,.index-banner ol{ margin:0; padding:0}
.banner-slide .slides li{float:left; list-style:none; background-position:center center; background-size:cover; background-repeat:no-repeat; height:100%;}
.banner-slide li img{ display:block; width:100%;}
.flex-control-nav{position:absolute; float:right;text-align:center;bottom:20px; left:0; width:100%;z-index:5;height: 12px; font-size:0}
.flex-control-nav li{ display:inline-block; margin:0 2px; float:none; list-style:none; font-size:0}
.flex-control-nav li a{display:block;text-indent: -99999px;width: 12px;height: 12px;cursor:pointer;position:relative; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; -webkit-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -ms-border-radius:100%; border-radius:100%; background:#fff;}
.flex-control-nav li a.flex-active{background: #00a2e9;}
.prodetail{ background:#fff; margin-top:35px; font-size:14px; color:#666;}
.pronav a{ float:left; color:#666; cursor:pointer; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; height:50px; line-height:50px; font-size:15px; width:25%; max-width:195px; text-align:center}
.pronav{ border-bottom:1px solid #00a1e9;}
.pronav a:hover,.pronav a.cur{ background:#00a1e9; color:#fff;}
.subpro{ padding:30px 17px;  overflow:hidden; width:100%; position:relative}
.subpro img{ max-width:100%;}
.subpro table{ border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.subpro table th{ background:#efefef; font-weight:normal; height:44px;}
.subpro table th,.subpro table td{border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;font-size:14px;color:#666;vertical-align:middle;padding:5px;min-height:44px; line-height:18px;}
.tablebox table{ min-width:640px;}
.subpro table td img{max-width:100%;display: block;margin: 0 auto;}
.cardbox{ padding:0; margin:0 -6px;}
.cardbox li{ list-style:none; padding-left:6px; padding-right:6px; padding-bottom:22px;}
.cardbox li a{ display:block; border:1px solid #dedede; padding:15px; font-size:18px; color:#666; text-align:center}
.cardbox li span{ display:block; overflow:hidden; margin-bottom:6px;}
.cardbox li span img{ display:block; width:100%;}
.subpro .pcpage{ text-align:center}
.subpro .p-prev{ left:0; background:url(../images/caseleft.png) no-repeat;}
.subpro .p-next{ right:0; background:url(../images/caseright.png) no-repeat;}
.subpro .p-prev:hover{ background:url(../images/hlefth.png) no-repeat;    background-size: 40px 40px;}
.subpro .p-next:hover{  background:url(../images/hrighth.png) no-repeat;    background-size: 40px 40px;}
.subpro .patentpic{ margin-top:0}
.subpro .patentpic a{ padding:0}
.subpro .p-prev,.subpro .p-next{ width:40px; height:40px; background-size:40px 40px; margin-top:-20px;}
.subpro .patentpic h2{background:#6c6c6c;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;border:none;font-size:18px;height: 70px;}
.subpro .patentpic a:hover h2{ background:#00a2e9}
.probg{ background:#f2f2f2 url(../images/probg.jpg) center top no-repeat; background-size:100% auto;}

/*产品应用详情*/
.appbg{ background:#f5f5f5 url(../images/appbg.jpg) center top no-repeat; background-size:100% 100%;}
.app{ background:#fff; position:relative;}
.appdetail h2{ line-height:1.5em; font-size:24px; color:#00a2e9; text-align:center; border-bottom:1px solid #d7d7d7; padding:36px 0 15px; margin-bottom:32px;}
.appdetail{padding:0 15px 30px;font-size:14px;color:#666;line-height:21px;background-image:url(../images/app4.jpg);background-position:left top;background-repeat:no-repeat;background-size:83px auto;position:relative;z-index: 5;}
.app:before{content:"";position:absolute;background-image:url(../images/app4.jpg);background-position:left top;background-repeat:no-repeat;background-size:100% auto;width:30%;height: 195px;right:0;bottom:0px; z-index:1; max-width:160px;}

/*产品应用*/
.application{padding-top:50px;padding-bottom: 50px;}
.application a{ display:block; position:relative; color:#fff; font-size:14px; line-height:21px;}
.application img{ display:block; width:100%; -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.application span{ display:block; overflow:hidden;}
.application a:hover img{ -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.subleft{position:absolute;height:100%;width:264px;top:0;right:0;background:rgba(0,162,233,.81);padding-top: 14%;padding-left:25px;padding-right:25px;}
.application h2{ font-size:20px; color:#fff; line-height:1.2em; margin-bottom:11px;}
.application i{ display:block; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; border-radius:30px; border:1px solid #fff; font-size:14px; width:87px; text-align:center; height:24px; line-height:22px; margin-top:18px;}
.theright{ margin-top:20px;}
.theright p{font-family:Arial,Helvetica,sans-serif;}
.sunright{ position:absolute; left:10%; top:20%}
.sunright i{ background:#00a2e9; border-color:#00a2e9; margin-top:5px;}
.sunright h2{ margin-bottom:0;}
.listapp{ width:100%; overflow:hidden;}
.listapp ul{ padding:0; margin:0 -2px;}
.listapp li{ list-style:none; padding:0 2px; margin-top:20px;}

/*服务网络*/
.servicebg{ overflow:hidden; background:url(../../webimages/servicebg.jpg) center center no-repeat; background-size:cover; padding-bottom:80px;}
.mapsmall{ padding:30px 0 50px;}
.mapsmall img{ width:100%;}
.thearea{ margin-top:30px;}
.thearea h2{ font-size:18px; color:#fff; background:#1caceb url(../images/service1.png) 22px center no-repeat; height:54px; line-height:54px; padding-left:60px;}
.thearea ul{ margin:0; padding:0}
.thearea li{ list-style:none; margin-top:3px;}
.thearea li h3{ font-size:15px; color:#666; background:#fff; padding-left:85px; height:54px; line-height:54px; position:relative; cursor:pointer}
.thearea li h3:before{content:"";width:0;height:0;border-right: 7px solid transparent;border-left: 7px solid transparent;border-top: 7px solid #9b9b9b;left:62px;position:absolute; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg);transform:rotate(-90deg);top: 24px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;transition:all .3s ease;}
.arealist{ font-size:15px; color:#666; line-height:24px; padding-left:62px; padding-top:10px; padding-bottom:20px; display:none}
.thearea li h3.cur:before{ -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.servicetop{ text-align:center; color:#333; font-size:18px;}
.servicetop h2{ color:#1caceb; line-height:1.3em; font-size:24px; padding:30px 0 15px;}
.servicetop i{ font-size:24px;}

.mapbig{ margin-top:34px; text-align:center;}
.allway h2{ font-size:20px; color:#333; text-align:center; line-height:1.5em; padding-top:17px;}
.allway{ width:100%; overflow:hidden;}
.suball ul{ padding:0; margin:0; border-bottom:1px solid #d8d8d8;}
.suball li{list-style:none;padding:0;line-height:26px;border-bottom:1px solid #d8d8d8;padding-top:16px;padding-bottom:13px;position: relative;top: 1px; min-height:114px;}
.suball h3{ font-size:20px; color:#1caceb; height:60px; line-height:60px; position:relative; border-bottom:1px solid #d8d8d8;}
.suball h4{ color:#666; font-size:18px; padding-bottom:6px;}
.suball:last-child ul{ border-bottom:none}
.suball li:nth-last-child(1){ border-bottom:1px solid transparent;}
.suball:nth-of-type(1){ border-top:1px solid #d8d8d8; margin-top:30px;} 
.suball h3:before{ content:"+"; float: right;  -webkit-transition: -webkit-transform .3s ease; transition: transform .3s ease;}
.suball h3.cur:before{-webkit-transform: rotate(45deg) scale(1.08); -ms-transform: rotate(45deg) scale(1.08); transform: rotate(45deg) scale(1.08);}

/*index*/
.banner-slide ul,.banner-slide ol{ padding:0; margin:0;}
.banner-slide li{ list-style:none; overflow:hidden;}
#dowebok .banner-slide li img{/* min-width:480px; */height:auto;display:block;position:relative;/* left:50%; *//* -webkit-transform:translateX(-50%); *//* transform:translateX(-50%); */}
#dowebok .flex-control-nav li a{ background:none; border:1px solid #fff;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#dowebok .flex-control-nav li a.flex-active{ background:#00b1ff; border-color:#00b1ff;}
.subslide{ display:block; position:absolute; width:100%; left:50%; max-width:1200px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); top:23%; padding-left:15px; padding-right:15px;}
.subslide img{ display:block; width:100%;}
@-webkit-keyframes action{0%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes action{0%{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}
.action{-webkit-animation-name:action;animation-name:action}

.page2{ background:url(../images/indexbg1.jpg) center top no-repeat; background-size:cover}
.page2 h2,.page6 h2{font-size:24px;text-align:center;line-height:1.5em;color:#333;padding-bottom:19px;padding-top: 20px;}
.index-nav{ font-size:0; text-align:center; margin:0 5px; padding-bottom:3.5%}
.index-nav a{ display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%;border-radius:100%; font-size:15px; color:#333;width:33.333%; max-width:145px; height:40px; line-height:40px; padding:0 5px; cursor:pointer}
.index-nav a i{ display:block;; -webkit-border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px;border-radius:30px; background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,.18); -moz-box-shadow:0 0 10px rgba(0,0,0,.18); -ms-box-shadow:0 0 10px rgba(0,0,0,.18); -o-box-shadow:0 0 10px rgba(0,0,0,.18); box-shadow:0 0 10px rgba(0,0,0,.18); -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.index-nav a:hover i,.index-nav a.cur i{ color:#fff; background:#00a2e9}
.thenew a{ display:block; float:left; background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.18); -moz-box-shadow:0 0 10px rgba(0,0,0,.18); -ms-box-shadow:0 0 10px rgba(0,0,0,.18); -o-box-shadow:0 0 10px rgba(0,0,0,.18); box-shadow:0 0 10px rgba(0,0,0,.18); padding-bottom:33px;}
.newtop img{ display:block; width:100%;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.thenew a:hover .newtop>img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.newtop{ position:relative; overflow:hidden;}
.newdate{position:absolute;bottom:0;right:0;text-align:center;color:#fff;background:#00a2e9;width:72px;height:67px;font-size:14px;padding-top: 9px;}
.newdate span{ display:block; font-size:30px; line-height:1.05em;}
.newtxt{ font-size:14px; color:#666; line-height:24px; text-align:center; padding:0 20px;}
.newtxt h3{ font-size:18px; color:#333; overflow:hidden; white-space:nowrap;  text-overflow:ellipsis; line-height:1.1em; margin:17px 0 11px;}
.newtxt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:72px;}
.more{ font-size:14px; height:40px; line-height:38px; color:#00a2e9; border:1px solid #00a2e9; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px; text-align:center; width:146px; display:block; margin:24px auto 0;}
.more span{margin-left:9px;display:inline-block;height: 24px;width:29px;overflow:hidden;white-space:nowrap;position:relative;top: 10px;}
.more img{-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.subnew a:hover .more{ background:#00a2e9; color:#fff;}
.more img:nth-of-type(1){ margin-left:-29px;}
.subnew a:hover .more span img:nth-of-type(1){ margin-left:0}
.new-pagination{ text-align:center; font-size:0; padding-top:34px; padding-bottom:15px;}
.new-pagination span{ -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; display:inline-block; width:10px; height:10px; border:1px solid #737373;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; margin:0 4px; cursor:pointer;}
.new-pagination span.swiper-pagination-bullet-active{ background:#00a2e9; border-color:#00a2e9;}
.subnew{ overflow:hidden; width:100%;}
.index-faq{ padding-bottom:35px;}
.index-faq a{ display:block; float:left; background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.18); -moz-box-shadow:0 0 10px rgba(0,0,0,.18); -ms-box-shadow:0 0 10px rgba(0,0,0,.18); -o-box-shadow:0 0 10px rgba(0,0,0,.18); box-shadow:0 0 10px rgba(0,0,0,.18); padding:23px; font-size:14px; color:#666; float:left; margin-top:0 !important; margin-bottom:33px;}
.index-faq h3{ padding-left:50px; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#333; height:29px; line-height:29px;}
.index-faq h3:before{ content:"问"; display:block; width:29px; height:29px; background:#00a2e9; text-align:center; line-height:29px; color:#fff; position:absolute; left:0; top:0;}
.index-faq p{ padding-left:50px; position:relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; height:72px; margin-top:12px;}
.index-faq p:before{ content:"答"; display:block; width:29px; height:29px; background:#797979; text-align:center; line-height:29px; color:#fff; position:absolute; left:0; top:0;}
.index-faq .new-pagination{ padding-top:0}
.page2 .more span{ top:10px;}

.phoneindex{ padding:0 15px;}
.phoneindex ul{ margin:0; padding:0;}
.phoneindex ul li{ list-style:none; background:#fff; -webkit-border-radius:5px; border-radius:5px; overflow:hidden; margin-top:20px;}
.phoneindex ul a{ display:block; text-align:center; font-size:14px; color:#666; line-height:20px; padding-bottom:15px;}
.phoneindex ul img{ display:block; width:100%;}

.phoneindex ul h3{ font-size:20px; color:#333; padding:10px 15px;}
.phoneindex ul p{ padding:0 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.phonemore{ display:block; text-align:center; color:#fff; height:50px; line-height:50px; background:#00a2e9; font-size:18px; margin:27px 0}

.page4{ background:url(../../webimages/indeabg2.jpg) center bottom no-repeat; background-size:cover;}
.page4 .commonweb{ padding-bottom:40px;}
.htop{ text-align:center; color:#666; font-size:16px; padding-top:30px; padding-bottom:30px;}
.subtop{display:inline-block;text-align:left;line-height:1.2em;position: relative;top: 5px;}
.htop span{font-size: 43px;color:#00a2e9;line-height:1em;}
.subtop h2{font-size:24px;color:#333;padding-top:5px;line-height: 1.2em;}
.indexhis{width:100%;overflow:hidden;padding-left:60px;padding-right:60px;position: relative;}
.indexhis:before{content:"";display:block;height:1px;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:#aeaeae;position: absolute;z-index: 1;}
.thehistory{width:100%;overflow:hidden;z-index: 3;position: relative;}
.thehistory li{float:left;list-style:none;position:relative;z-index:3;width:183px;padding-top:140px;height: 210px;margin-top: 187px;}
.yuan1{width:24px;height:24px;display:block;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:1px  solid #00a2e9;background:#ededed;left:50%;margin-left:-12px;position:absolute;top:0;z-index: 5;}
.yuan1 em{ display:block; position:absolute; width:8px; height:8px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; left:7px; top:7px;background:#00a2e9}
.shu{background:#00a2e9; display:block; width:3px; height:71px; position:absolute; top:24px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);}
.histxt{font-size: 13px;color:#666;line-height:18px;height: 70px;overflow:hidden;margin-top: 17px;}
.hisdate{ display:block; font-size:26px; color:#fff; width:112px; height:45px; line-height:45px; text-align:center;background:#00a2e9; position:absolute; left:50%; margin-left:-56px; bottom:0}
.thehistory li:nth-child(2n) .histxt{margin-top: 0;}
.yuanshu{height:140px;position:absolute;width:100%;left:0;top:0;z-index: 4;}
.thehistory li:nth-child(2n) .yuan1{ top:auto; bottom:0}
.thehistory li:nth-child(2n) .hisdate{ top:0; bottom:auto}
.thehistory li:nth-child(2n) .shu{ top:45px;}
.thehistory li:nth-child(2n){padding-top:0;padding-bottom:140px;margin-top: 0;}
.thehistory li:nth-child(2n) .yuanshu{ top:auto; bottom:0}
.hbt{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-color: #727272;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background-size:13px auto;background-position:center center;background-repeat:no-repeat;width:58px;height:58px;z-index: 9; cursor:pointer}
.hprev{ left:0; background-image:url(../images/al.png);}
.hnext{ right:0; background-image:url(../images/ar.png);}
.hbt:hover{ background-color:#00a2e9}

.page5{ background:url(../images/indexbg3.jpg) right bottom no-repeat; background-size:cover; padding:40px 0 70px}
.page5 h2{ color:#fff; text-align:center; font-size:24px; line-height:1.2em;}
.page5 h2 i{ font-size:45px; line-height:1.1em;}

.subpage5{max-width:870px;margin: 0 auto;margin-top: 5.5%;}
.subpage5 ul{padding:0;margin:0;left: -3%;position: relative;}
.fang{list-style:none;float:left;position: relative;outline: 1px solid transparent;background:rgba(255,255,255,100);width: 17.5%;padding-bottom: 17.5%;transform: rotate(-45deg);margin-left: 7.3%;margin-top: -5%;}
.fang a{display:block;width: 110%;height: 110%;text-align: center;color: #fff;overflow: hidden;transform:rotate(45deg);position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.fang a p{display: table;vertical-align:middle;width: 100%;height: 100%;}
.fang a span{ display:table-cell;vertical-align:middle;}
.fang a img{ display:block; width:100%; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.fang:nth-of-type(7n+1){ margin-left:19.5%}
.fang:nth-of-type(7n+4),
.fang:nth-of-type(7n+5),
.fang:nth-of-type(7n+6),
.fang:nth-of-type(7n+7){left: -2px;}
.fang:nth-of-type(1),.fang:nth-of-type(2),.fang:nth-of-type(3){ margin-top:0}
.fang:nth-of-type(9){ background:rgba(0,162,233,.73);}
.fang:nth-of-type(9) .fangmore{ display:inline-block; color:#fff; text-align:center; font-size:16px; line-height:18px; border-bottom:1px solid #fff; font-style:normal; padding-bottom:8px;}
.fang:nth-of-type(9)  img{ display:none;}
.fang:hover img{ -transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.phonepage5 ul{ padding:30px 0 0; margin:0}
.phonepage5 li{ list-style:none; border:1px solid transparent; margin-left:-1px; margin-top:-1px; width:50%; float:left;}
.phonepage5 li img{ display:block; width:100%;}
.phonepage5  .more img:nth-of-type(1){ margin-left:0;}
.phonepage5  .more{ color:#fff; background:#00a2e9;}

.page6{ padding:40px 0}
.the3d ul{ padding:0; margin:0}
.the3d ul li{ list-style:none; float:left; z-index:1; position:relative}
.the3d ul li a{ display:block;-webkit-transition: -webkit-transform 0.4s ease;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;}
.the3d ul li img{ display:block; width:100%;}
.boxx{ width:100%; position:relative}
.the3d li.swiper-slide-active { z-index:5}
.the3d li.swiper-slide-next{ z-index:2}
.boxx{ padding:30px 0; width:100%; overflow:hidden; position:relative}
.ppprev,.ppnext{ position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:50px; height:50px; -webkit-border-radius:100%; border-radius:100%; border:2px solid #fff; background-color:rgba(77,77,77,.71); background-repeat:no-repeat; background-size:13px auto; background-position:center center; z-index:6; cursor:pointer}
.ppprev{ background-image:url(../images/icon3.png); left:10px}
.ppnext{ background-image:url(../images/icon4.png); right:10px}
.ppprev:hover,.ppnext:hover{ background-color:rgba(0,162,233,.78);}
.ptxt,.indextxt{ background:#fff; color:#666; text-align:center; padding:15px;}
.indextxt{width:100%;max-width: 512px;margin:0 auto;}

.page7{ background:url(../images/indexbg4.jpg) repeat; padding:40px 0;}
.page7 h2{ font-size:24px; color:#fff; text-align:center;line-height:1.2em; margin-bottom:2px}
.thep{color:#fff;font-size:15px;text-align:center;padding-bottom: 3%;}
.thep i{ font-size:24px; line-height:1.2em;}
.page7 img{ display:block; max-width:100%; margin:0 auto;}
.mapweb{ position:relative;}
.indexarea{ display:none;}
.float{ display:none;}


.flex-prev,.flex-next{position:absolute;background-size: 13px auto;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;border:1px solid #fff;width: 40px;height: 40px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background-position:center center;z-index:7;cursor:pointer;background-repeat:no-repeat;overflow:hidden;line-height:9999px;}
.flex-prev{ background-image:url(../images/bleft.png); left:15px;}
.flex-next{ background-image:url(../images/bright.png); right:15px;}
.c-next.swiper-button-disabled,.c-prev.swiper-button-disabled{ display:none;}

.footlink{ color:#a6a6a6; padding-bottom:20px; border-top:1px solid rgba(255,255,255,.04); padding-top:20px; font-size:0}
.footlink span{ font-size:14px; color:#a6a6a6; padding-left:5px;}
.footlink a{ font-size:14px; color:#a6a6a6; padding:0 5px; display:inline-block;}

.footsearch{position:relative;border:1px solid #5c5c5c;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px;width:100%;height:45px;padding-right:50px;margin-bottom: 20px;}
.footin{ width:100%; height:43px; line-height:43px; padding-left:15px; color:#fff; display:block}
.footbt{ height:45px; width:45px; position:absolute; right:0; top:0; background:url(../images/addd.png) center center no-repeat; cursor:pointer;}


/*搜索结果页*/
.result{ padding:10px 0 30px; background:#fff url(../images/re.jpg) top center no-repeat;}
.result span{font-size:20px;color: #00a2e9;display:block;line-height:46px;}
.result-in{ float:left; height:46px; border:1px solid #ccc; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:13px 13px; font-size:15px; margin-right:13px; width:70%}
.result-bt{background: #00a2e9;color:#fff;width:75px;font-size:15px;text-align:center;line-height:46px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.the-result{ font-size:15px; color:#1a1a1a; padding-top:20px;}
.result-ul{ margin:0; padding:0}
.result-ul li{ border-bottom:1px solid #d0d0d0; line-height:22px; color:#333; position:relative; padding-top:25px; padding-bottom:25px; list-style:none;}
.result-ul li h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:7px;}
.result-ul li h2 a{color: #00a2e9;}
.result-ul li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.result-a{display:block;width:95px;height:30px;text-align:center;line-height:30px;border:1px solid #c3c3c3;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;-webkit-border-radius:40px;border-radius:40px;margin-top:15px;color: #00a2e9;}
.result-a:hover{background: #00a2e9;color:#fff;}
.contentbox1{background:#fff;margin-top: 15px;}
.the-result em{ font-style:normal}



.newtitle span{ display:inline-block;vertical-align: middle; padding: 0px 5px;}
body .bd_weixin_popup .bd_weixin_popup_main{ padding:15px 10px 0 !important}

@media (min-width: 410px) and (max-width: 768px){
	.companyul li{ width:33.33333%;}
	.companyul li:nth-of-type(4){ border-bottom:none;}
}

@media (min-width: 500px) and (max-width: 768px){
	.aboutpics li{ width:33.333333%;}
	.prolist ul li{ width:50%; float:left}
	.cardbox li{ width:50%; float:left;}
}

@media (max-width: 640px){
	.tablebox{ overflow-x:scroll; width:100%;}
}

@media (max-width: 890px) and (min-width:601px) { 

	/*荣誉客户*/
    .hex { width: 32.666%;padding-bottom: 37.720%;    }
    .hex:nth-child(5n+4),
    .hex:nth-child(5n+5) { margin-top: -8.564%; margin-bottom: -8.564%; -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);transform: translateX(50%) rotate(-60deg) skewY(30deg); }
    .hex:nth-child(5n+4):last-child,
    .hex:nth-child(5n+5):last-child {margin-bottom: 0;}
    .hex:nth-child(5n+4) {margin-right: 1%;margin-left: 0.5%;}
    .hex:nth-child(5n+2) { margin-left: 1%;margin-right: 1%;}
    .hex:nth-child(5n+6) {clear: left; }
}

@media (max-width: 600px) { 
    .hex { width: 49.5%;  padding-bottom: 57.158%; }
    .hex:nth-child(3n+3) {margin-top: -13.423%;margin-bottom: -13.423%;-webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg); -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);transform: translateX(50%) rotate(-60deg) skewY(30deg);}.hex:nth-child(3n+3):last-child { margin-bottom: 0;}
    .hex:nth-child(3n+3) { margin-left: 0.5%;}
    .hex:nth-child(3n+2) { margin-left: 1%;}
    .hex:nth-child(3n+4) {clear: left;}
}
@media (max-width: 400px) {
    #hexGrid {font-size: 13px; }
}

/*ipad竖版区域*/
@media (min-width: 768px){
	/*搜索结果*/
	.result-in{ float:left; height:46px; border:1px solid #ccc;}
	.result-bt{width:111px; text-align:center; }
	
	
	/*联系我们*/
	.contactway:before{ content:""; display:block; height:100%; left:50%; margin-left:-.5px; top: 0;background:#d8d8d8; position:absolute; width:1px;}
	.contactway .subway{ padding-right:30px;}
	.contactway .subway:nth-child(2n){ padding-right:0; padding-left:30px;}
	
	/*在线留言*/
	.jiaform ul li{float:left;width:50%;padding-left: 15px;padding-right: 15px;}
	.jiaform ul li.lastli{ width:100%;}
	.formbtn{ padding-left:38px}
	
	/*品质与工艺*/
	.imgbox{ width:15.73%;}
	
	/*常见问题*/
	.faqlist h3,.faqdetail{ padding-left:67px;}
	
	/*视频中心*/
	.the-video{ padding:10px; }
	
	/*新闻中心*/
	.newlist dl dt{ width:35%; float:left;}
	.newlist dd{ float:left; width:65%;}
	.newlist dd a{ padding-left:4%}
	.newlist dd h3{ padding-top:0}
	
	/*企业文化*/
	.culture3{ min-height:312px;}
	.culture3 dt{ position:absolute; height:100%; right:0; top:0; width:47%;}
	.culture3 dd{ width:53%; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.culture3 dt img{ height:100%; width:auto;}
	.hotpic a h2{ font-size:14px;}
	
	/*发展历程*/
	.aboutul{ position:relative; padding:40px 0 0; height:793px; overflow:hidden;}
	.improvement:before{ left:50%; margin-left:-.5px;content:""; position:absolute; height:100%; width:1px; background:#9b9b9b; top:0;}
	.year{ top:0}
	.date{width:127px;height:35px;left: 50%;padding-left:90px;position:absolute;top:0;margin-left: -138px;}
	.yuan{background:#e7eaf2;position:absolute;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;height:24px;width:24px;top:50%;border-width:1px;border-style:solid;margin-top:-12px;right: -24px;}
	.yuan span{ display:block; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; margin:0 auto; width:8px; height:8px; position:relative; top:7px;}
	.xian{width: 100%;height: 1px;top:50%;margin-left: 0;margin-top: -.5px;display: block;position: relative;}
	.imtxt{padding-left:35px;width:50%;float:right;padding-top: 5px;}

	.subtxt{ max-width:490px; float:left;}
	.aboutul li:nth-child(2n) .date{padding-left:0;padding-right:90px;margin-left: 13px;}
	.aboutul li:nth-child(2n) .year{ left:auto; right:0;}
	.aboutul li:nth-child(2n) .yuan{ left:-24px; right:auto;}
	.aboutul li:nth-child(2n) .imtxt{ float:left; padding-right:35px;}
	.aboutul li:nth-child(2n) .subtxt{float:right;}
	.prevspan,.nextspan{-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#727272;display:block;width:40px;height:40px;margin:0 auto;padding-top: 13px; cursor:pointer; position:relative; z-index:3}
	.prevspan img,.nextspan img{ display:block; margin:0 auto;}
	.prevspan:hover,.nextspan:hover{ background:#00a2e9;}
	
	/*资质荣誉*/
	.honor h2{ font-size:30px;}
	.patent-pagination span{ width:58px;}
	
	/*集团介绍*/
	.companyul li{ width:20%; border-bottom:none}
	
	/*产品应用*/
	.topthree{ position:relative}
	.topleft{ float:left; width:62.75%;}
	.topright{ position:absolute; top:0; height:100%; right:0; width:37.25%; padding-left:4px;}
	.theright{ height:50%; padding-bottom:2px; margin-top:0}
	.topright .theright:nth-of-type(2){ padding-bottom:0; padding-top:2px;}
	.listapp ul{ padding:4px 0 0}
	.listapp ul li{ margin:0}
	
	
	/*index*/
	.bigimage,.smallimage{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; margin:0; padding:0}
	.bigimage{-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;-o-transition: all ease-out .3s;transition: all ease-out .3s;background-size:cover;background-repeat:no-repeat;background-position: center center;opacity:0;z-index: -1;}
	.smallimage{ z-index:2}
	.pcindex{height:400px; width:100%; overflow:hidden; position:relative}
	.smallimage li:nth-of-type(1) .bigimage{opacity:1;}
	.smallimage li{float:left;width:16.6666666%;border-right:1px solid rgba(255,255,255,.26);height:100%;text-align:center;display: table;-webkit-transition: all ease-out .3s;-moz-transition: all ease-out .3s;-o-transition: all ease-out .3s;transition: all ease-out .3s;z-index:4;}
	.smallimage li a{height:100%;color:#fff;font-size:12px;display: table-cell;vertical-align: middle; position:relative; top:-40px;}
	.smallimage li:nth-of-type(6){ border:none}
	.smallimage a>span{ font-size:22px; line-height:1.2em;}
	.smallimage h2{ font-size:17px; line-height:1.2em;}
	.smallimage i{font-family:Arial,Helvetica,sans-serif; letter-spacing:.5px; display:block; padding-top:3px;}
	.smallimage li em{font-style:normal;border-color:#fff;color:#fff;position:absolute;top:50%;margin-top: 97px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%); opacity:0;-webkit-transition: all ease-out .3s; -moz-transition: all ease-out .3s; -o-transition: all ease-out .3s; transition: all ease-out .3s;}
	.smallimage li .more img:nth-of-type(1){ margin-left:0}
	.smallimage li:hover{ background:rgba(0,162,233,.77)}
	.smallimage li:hover em{ opacity:1}
	.smallimage li:hover .bigimage{ opacity:1}
	
	/*index*/
	.indexhis{ padding-left:100px; padding-right:100px;}
	.boxx{padding: 85px 0;}
	.the3d li.swiper-slide-active a{-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);}
	.the3d li.swiper-slide-prev a,.the3d li.swiper-slide-next a{-webkit-transform: scale(1.5);-ms-transform: scale(1.5);-o-transform: scale(1.5);-moz-transform: scale(1.5);transform: scale(1.5);}
	
	.tantan{position:absolute;width: 56px;height: 54px;right:17%;top: 39%;z-index:8;}
	.sunarea{cursor:pointer; height:100%;}
	.indexarea{position:absolute;right:-100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:rgba(255,255,255,.42);width:262px;padding:3px; display:none;}
	.subarea{ background:#4dcf0a; color:#fff; font-size:13px; padding:0 7px; cursor:pointer; overflow:hidden; width:256px;}
	.subarea h3{ font-size:22px; line-height:1.2em; padding-top:10px;}
	.indexarea ul{ padding:0; margin:0; width:99999px;}
	.indexarea li{ float:left; width:242px; list-style:none;}
	.thisplace{ border-bottom:1px solid rgba(255,255,255,.19); padding-bottom:17px;}
	.thisplace h3{ padding-bottom:4px;}
	.thisplace a{ color:#fff;}
	.btt{ text-align:center; font-size:0; height:30px; overflow:hidden; margin-top:5px;}
	.btt span{ display:inline-block; padding:5px; cursor:pointer}
	.indexarea li .thisplace:nth-child(2n){ border-bottom:none}
	.ulbox{ width:100%; overflow:hidden;}
	
	/*侧漂*/
	.float{position:fixed;left:0;top:50%;margin-top:-102px;z-index:9;width: 49px;display:block;}
	.float ul{ padding:0; margin:0}
	.float li{width:49px;height:50px;background:#565951;margin-top:1px;font-size:20px;color:#fff;line-height:50px;white-space:nowrap;cursor:pointer;float: left;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;list-style:none;position:relative;overflow:hidden; list-style:none;}
	.float li img{ display:inline-block; vertical-align:top;}
	.float li a{ color:#fff;}
	.float li:hover{ background:#00a2e9}
	.long:hover{ width:233px;}
	.short:hover{ width:150px;}
	.totop{ display:none;}
	.thecode{ position:absolute; right:-100px; top:0; display:none;}
	.float li.wechat:hover{ overflow:visible}
	.float li.wechat:hover .thecode{ display:block}
	
	
	
}
@media (min-width: 890px){
	/*荣誉客户*/
 	.hex {width: 24.25%; padding-bottom: 28.001%;}
    .hex:nth-child(7n+1),
	.hex:nth-child(7n+2),
	.hex:nth-child(7n+3){margin-top: -6.134%;margin-bottom: -6.134%; -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);-ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);transform: translateX(50%) rotate(-60deg) skewY(30deg); }
    .hex:nth-child(7n+5):last-child,
    .hex:nth-child(7n+6):last-child,
    .hex:nth-child(7n+7):last-child { margin-bottom: 0;}
    .hex:nth-child(7n+2),
    .hex:nth-child(7n+6) {margin-left: 1%;margin-right: 1%;}
    .hex:nth-child(7n+3) {margin-right: 1%; }
    .hex:nth-child(7n+8) {clear: left;}
    .hex:nth-child(7n+4) {clear: left;margin-left: -0.5%;margin-right: 1%;}	
	
	.hex:nth-child(1),
	.hex:nth-child(2),
	.hex:nth-child(3){ margin-top:0}
	
}

@media (max-width: 991px) {#dowebok .banner-slide .slides li{background:none !important;position: relative;}}

/*ipad横版区域*/
@media (min-width: 991px) {
	
	/*搜索结果*/
	.result{ padding:58px 0 55px; }
	.result span{ font-size:30px; line-height:46px; float:left;}
	.result-in{ float:left; height:46px; border:1px solid #ccc; -moz-border-radius:4px;width:480px; margin-left:32px; margin-right:13px;}
	.result-bt{font-size:20px;}
	.the-result{ font-size:18px;}
	.result-ul li { padding-right:118px;}
	.result-ul li h2{ font-size:18px; }
	.result-a{ position:absolute; right:0; top:50%; margin-top:-15px;}
	
	
	.footsearch{position:absolute;right:15px;top: 190px;width:172px;}	
	
	/*head*/
	.head{height: 80px;}
	.head h1{padding-top: 12px;height:auto;}
	body{ padding-top:80px}
	.pb0{ padding-top:0}
	.head h1 img{ width: 130px;}
	.headtxt{font-size:14px;line-height: 24px;margin-top: 15px;}
	
	
	.pc-nav{ float:right; padding-right:15px;}
	.pc-nav ul{ padding:0; margin:0}
	.pc-nav li{ list-style:none; float:left; text-align:center; position:relative}
	.pc-nav li>a{display:block;color:#666;padding-top:14px;border-right:1px solid #e4e4e4;height:80px;width: 70px;font-size:12px;}
	.pc-nav li>a>span{ display:block; height:23px; margin-bottom:3px; overflow:hidden}
	.pc-nav li>a>span img{ display:block; margin:0 auto; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; height:100%;}
	.pc-nav li:last-child>a{ border-right:none}
	.pc-nav li:hover>a,.pc-nav li>a.cur{ background:#00a2e9; border-color:#00a2e9; color:#fff;}
	.pc-nav li:hover>a span img:nth-of-type(1),.pc-nav li>a.cur span img:nth-of-type(1){ margin-top:-23px;}
	.secondnav{background:rgba(255,255,255,.97);position:absolute;left:0;top:100%;font-size:0;white-space:nowrap;z-index:8;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);-ms-box-shadow:0 0 5px rgba(0,0,0,.3);-o-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);display:none;}
	.secondleft{display:inline-block;padding: 10px 25px 20px;vertical-align:top;background:url(../images/navbg.png) right top no-repeat;background-size:5px 100%;display: table-cell;}
	.secondleft>a{ display:block; font-size:15px; color:#333; text-align:left; padding-top:2px;}
	.secondleft>a i{ display:inline-block; border-bottom:2px solid transparent; padding-bottom:3px;}
	.secondleft>a:hover i,.secondleft>a.cur i{ border-bottom:2px solid #00a2e9;}
	.secondright{display:inline-block;padding:15px 33px;vertical-align:top;display: table-cell;}
	.secondright a{ display:block; font-size:14px; color:#666; line-height:18px; padding:9px 0}
	.secondright a:hover{ color:#00a2e9}
	.subsecond{ display:none;}
	.secondright .subsecond:nth-of-type(1){ display:block}
	/*.pc-nav li:hover .secondnav{ visibility:visible}*/
	
	/*foot*/
	.foot{ padding-top:54px;}
	.foot-link{float:left; width:16%; border-right:1px solid rgba(227,227,227,.04); border-bottom:none; overflow:visible; height:285px;}
	.sub-foot{padding-bottom: 47px;overflow:hidden;float: left;width: 100%;}
	.sub-foot .foot-link:nth-of-type(6){ margin-right:0}
	.sub-foot>dl{ border-bottom:none}
	.sub-foot dt{font-size: 18px;line-height:24px;margin-bottom: 9px;}
	.sub-foot dd a:hover{color: #00a2e9;}
	.sub-foot dt:after{ display:none;}
	.sub-foot dd{ visibility:visible; z-index:1; top:0; position:static; padding-bottom:0;-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;transform: none;}
	.sub-foot dl{ position:relative; left:50%; transform:translateX(-50%); float:left;}
	.foot .commonweb{ position:relative; padding-right:15%;}
	.footcode{ position:absolute; right:15px; top:23px; margin:0}
	
	/*inside*/
	.insidepc{font-size:0;text-align:center;padding-top:33px;padding-bottom:45px;}
	.insidepc a{display:inline-block;font-size:16px;color:#333;width:163px;height:43px;line-height:41px;border:1px solid #d7d7d7;margin-left:-1px;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;background: #fff;}
	.insidepc a:hover,.insidepc a.cur{ color:#fff; background:#00a2e9; border-color:#00a2e9;}
	
	/*联系我们*/
	.contactway dt{ font-size:30px;}
	.contactway .subway:nth-child(2n){ padding-left:50px;}	
	
	/*人才招聘*/
	.thehappy dt img{ display:none;}
	.thehappy dl{overflow:hidden; min-height:320px;}
	.thehappy dt{position:absolute;left:0;top:0;width:50%;background-size:cover;background-position: center top;background-repeat:no-repeat;height: 100%;}
	.thehappy dd.commonweb{min-height:320px;display:table;}
	.thehappy .tddiv{ padding-left:55%}
	.thehappy dl:nth-child(2n) dt{left:auto;right:0;}
	.thehappy dl:nth-child(2n) dd .tddiv{padding-left: 15px;padding-right: 55%;}
	.thehappy h2{ font-size:36px;}
	.thehappy dl:nth-of-type(1){ font-size:18px; line-height:30px;}

	.thisdd{font-size:30px;width:90px;height:90px;line-height:80px;right: -44px; bottom:auto;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%); left:auto; top:50%}
	.thehappy dl:nth-child(2n) .thisdd{right:auto;left: -44px;}
	.joblist h2{ font-size:24px;}
	
	/*品质与工艺*/
	.quality dl{font-size:18px;line-height:30px;}
	.quality dl dt{ position:absolute; right:0; width:50%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:top center;}
	.quality dl dt img{ display:none;}
	.quality dl dd.commonweb{min-height:250px;}
	.quality .tddiv{padding-right: 50%;padding-left: 155px;}
	.quality dl:nth-child(2n) .tddiv{padding-left: 50%;padding-right: 195px;}
	.quasign h2{ font-size:28px; line-height:28px;}
	.quasign{width:120px;height:106px;padding-top: 26px;top:91px;}
	.quasign:after{ height:78px; top:-78px;}
	.quasign:before{ top:-91px;}
	.quatxt{ padding-right:35px;}
	.quality dl:nth-child(2n)  .quatxt{ padding-right:0; padding-left:35px;}
	.quality dl:nth-child(2n) dt{ left:0; right:auto;}
	.quality dl:nth-child(2n) .imgbox{ right:1.8%; left:auto}
	.quality dl:nth-child(2n) .quasign{ left:auto; right:0}
	
	/*视频中心*/
	.the-video span{ display:block; background:url(../images/close.png) no-repeat; background-size:100% auto; width:38px; height:38px; position:absolute; top:-5px; right:-5px; cursor:pointer; z-index:99999}
	
	/*新闻中心*/
	.indexnew{ padding-top:0}
	.newlist dd h3{padding-top:20px;font-size: 20px;}
	.newlist dl:nth-of-type(1){ padding-top:25px}
	.newdetail{margin-top:40px;margin-bottom: 62px;}
	
	/*集团文化*/
	.culture1txt{ font-size:24px;}
	.culture1txt h2{ font-size:36px;}
	.hotpic a h2{ font-size:18px;}
	
	/*发展历程*/
	.year{ font-size:26px; width:113px; height:46px; line-height:46px;}
	.date{width:150px;padding-left:113px;height:46px;margin-left: -162px;}
	.aboutul li:nth-child(2n) .date{padding-left:0;padding-right:113px;}
	.imtxt{padding-top: 13px;}
	
	/*产品中心*/
	.prointro h3{ font-size:30px;}
	
	/*集团介绍*/
	.about1 dd h3{ font-size:30px;}
	.about1{ min-height:300px;}
	.about1 dt{ position:absolute; left:0; top:0; width:50.8%; height:100%;}
	.about1 dt img{ display:none;}
	.about1 dd{ float:right; width:49.2%; padding-left:30px; padding-right:30px; padding-top:40px;}
	
	/*产品列表*/
	.thirdnav{float:left;width:23%;background:#fff;border:1px solid #dcdcdc;border-bottom:none;margin:0;padding: 0;}
	.thirdnav a{ display:block; border-bottom:1px solid #dcdcdc; height:45px; line-height:45px; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-size:14px; color:#666; padding-left:15%}
	.thirdnav a:hover,.thirdnav a.cur{ color:#fff; background:#1388c9;}
	.prolist{ float:left; width:77%; padding-left:26px;}
	.prolistul{ margin:0 -13px;}
	.prolistul li{padding-left:13px; padding-right:13px;}
	
	/*产品详情*/
	.PCpro{ background:#fff; }
	.PCpro ul{ padding:0; margin:0}
	.PCpro li{ list-style:none; position:relative; cursor:pointer}
	.pronav a{ font-size:18px; line-height:60px; height:60px;}
	.PCpro{ padding-left:246px; position:relative;}
	.smallimg{width:246px;position:absolute;left:0;top: 50%;padding: 0 5px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.PCpro img{ display:block; width:100%;}
	.scrollimg{ position:relative; padding:70px 0; height:100%}
	.PCpro .swiper-wrapper{ width:100%;}
	.scrollimg li{}
	.stop,.sbottom{ position:absolute; width:50px; height:50px; left:50%; margin-left:-25px; background-size:100% 100%; background-repeat:no-repeat; cursor:pointer}
	.stop{top: 4px;background-image:url(../../webimages/protop.png);}
	.sbottom{ bottom:0; background-image:url(../../webimages/prottom.png);}
	.stop:hover{ background-image:url(../../webimages/protoph.png);}
	.sbottom:hover{ background-image:url(../../webimages/prottomh.png);}
	.smallbox{ overflow:hidden; height:339px;}
	.smallbox li.cur:before{ content:""; position:absolute; width:100%; height:100%; left:0; top:0; border:3px solid #00a2e9; box-sizing:border-box}
	.bigimg img{ transition:cubic-bezier(1.2,0.8,0.3,0.5);}
	
	/*产品应用详情*/
	.PCapp{ float:left; width:59%;}
	.PCapp ul{ margin:0; padding:0; font-size:0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
	.PCapp li{ list-style:none;}	
	.scrollimg li{ float:left;}
	.PCapp li img{ display:block; width:100%;}
	.bigscroll .lSSlideOuter{overflow:hidden;width:100%;text-align: center; padding-bottom:20px;}
	.pagebox li{ display:inline-block;}
	.pagebox ul{ white-space:nowrap; width:9999px;}
	.PCapp .lSSlideWrapper{ border:3px solid #fff; overflow:hidden; position:relative;}
	.PCapp .lSSlideWrapper .lSPrev,.PCapp .lSSlideWrapper .lSNext{ display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); width:86px; height:86px; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; border:3px solid rgba(255,255,255,.65); background-repeat:no-repeat; background-position:center center; background-color:rgba(76,76,76,.74); cursor:pointer; z-index:5}
	.PCapp .lSSlideWrapper .lSPrev{ background-image:url(../images/al.png); left:10px;}
	.PCapp .lSSlideWrapper .lSNext{ background-image:url(../images/ar.png); right:10px;}
	.PCapp .lSSlideWrapper .lSPrev:hover,.PCapp .lSSlideWrapper .lSNext:hover{ background-color:rgba(0,162,233,.74)}
	.pagebox {position: relative;padding: 0 40px;/* right:0; *//* bottom: 6px; */z-index: 6;/* display: inline-block; */margin-top: 7px;width: 100%;}
	.pagebox li.active{ border:3px solid #00a2e9;}
	.subpagebox{ overflow:hidden;}
	.pagebox .lSPrev,.pagebox .lSNext{ position:absolute; display:block; cursor:pointer; width:40px; height:40px; background-position:center center; background-repeat:no-repeat; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.pagebox .lSPrev{ left:0; background-image:url(../images/al1.png);}
	.pagebox .lSNext{ right:0; background-image:url(../images/ar1.png);}
	.pagebox .lSPrev:hover{ background-image:url(../images/al1h.png);}
	.pagebox .lSNext:hover{ background-image:url(../images/ar1h.png);}
	.appdetail{float:right;width:41%;padding: 0 25px 45px 22px;}
	.appdetail h2{ font-size:32px;}
	.app:before{width:13.333%;bottom:153px;}
	
	/*产品应用*/
	.application h2{ font-size:30px;}
	
	/*服务网点*/
	.subservice{ position:relative; padding-right:300px; margin-top:40px;}
	.thearea{width:300px; position:absolute; right:0; margin:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
	.servicetop h2{ font-size:36px;}
	.servicetop i{ font-size:36px;}
	.chinamap img{ display:block; max-width:100%}
	
	.allway h2,.suball h3{ font-size:30px;}
	.suball h4{ font-size:24px;}
	.suball h3{ padding-top:22px; line-height:1.2em;}
	.suball h3:before{ display:none;}
	.suball:nth-of-type(1){ border-top:none; margin:0} 
	.suball h3{ border-bottom:none; height:auto;}
	
	
	/*index*/
	
	.fp-tableCell{ padding-top:80px;}
	#section-footer .fp-tableCell{ padding:0}
	#dowebok .flex-viewport,#dowebok .flex-viewport ul,#dowebok .flex-viewport li{ height:100%;}
	#dowebok .banner-slide li a>img{ display:none;}
	#dowebok .banner-slide .slides li{ background-position:center center; background-size:cover; position:relative;}
	.nextpage{display:block;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;border-radius:100%;background:#00a2e9 url(../images/index2.png) center center no-repeat;width:88px;height:88px;left:15px;position:absolute;top:50%;margin-top: 0;z-index:8;cursor:pointer;animation: action 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; -moz-animation: action 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate;-webkit-animation: action 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate; -o-animation: action 0.6s cubic-bezier(0.445, 0.05, 0.55, 1) 0.2s infinite alternate;}
	.page1 .commonweb{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:7; width:100%;}
	
	.page2,.page4,.page5,.page6,.page7{ display:table;table-layout: fixed; width:100%; padding:0}
	.page2 .fp-tableCell,.page4 .fp-tableCell,.page5 .fp-tableCell,.page6 .fp-tableCell,.page7 .fp-tableCell{display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
	.page2 h2,.page6 h2{ font-size:36px;}
	.index-nav a{ font-size:18px; margin:0 8px;}
	.newtxt h3{ font-size:24px;}
	
	.smallimage a>span{ font-size:30px;}
	.smallimage h2{ font-size:24px;}
	.pcindex{ height:100%;}
	.htop{ font-size:26px; padding-top:0}
	.subtop{display:inline-block;top: 5px;}
	.htop span{ font-size:72px;}
	.subtop h2{font-size:36px;}
	
	.page5{ padding:0}

	.page5 h2{ font-size:36px;}
	.page5 h2 i{ font-size:67px;}
	
	.boxx{padding: 108px 0;}
	.the3d li.swiper-slide-active a{-webkit-transform: scale(2.58); -moz-transform: scale(2.58); -ms-transform: scale(2.58); -o-transform: scale(2.58); transform: scale(2.58);}
	.the3d li.swiper-slide-prev a,.the3d li.swiper-slide-next a{-webkit-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); -moz-transform: scale(1.8); transform: scale(1.8);}
	
	
	.page7 h2{ font-size:36px; }
	.thep{font-size:18px;}
	.thep i{ font-size:36px;}
}

@media (min-width: 1024px) { /*.pc-nav li a{width: 73px;}*/}

@media (min-width: 1022px){
	.bigword{ position:relative;}
	.country{ position:absolute; z-index:1}
	.country span{ background:url(../images/icon.png) no-repeat; display:block; width:23px; height:32px;}
	.there{ -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; border-radius:100%; background:#5ae213; border:3px solid #fff; font-size:24px; text-align:center; width:115px; height:115px; color:#fff; display:table; position:absolute; top:-100px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out; opacity:0; z-index:6}
	.there p{ display:table-cell; vertical-align:middle;}
	.country.cur .there{ opacity:1}
	.country.cur{ z-index:5}
	.tantan{ right:15%; height:92px}
} 

/*PC区域*/
@media (min-width: 1200px){
	
	/*搜索结果*/
	.result-list{padding: 0 70px 60px 70px;}
	
	.footsearch{ right:0}
	/*head*/
	.pc-nav li>a{min-width: 90px; font-size:14px;}
	
	/*foot*/
	.foot-link{ width:16.666666%;}
	.footcode{right:0}
	
	/*联系我们*/
	.contactway dd a{ cursor:default}
	.contactway .subway:nth-child(2n){ padding-left:100px;}
	.contactmap iframe{ height:624px;}
	
	/*人才招聘*/
	.thehappy dd.commonweb{width: 1200px;}
	/*在线留言*/
	.jiameng h2{ font-size:24px; padding-top:30px;}
	.jiameng>p{ line-height:30px;}
	.jiaform{ width:997px;}
	.jiaform ul{ font-size:15px;}
	.jiaform ul p em{ font-size:18px;}
	.jiaform ul p{ padding-bottom:12px;}
	.jiaform ul li{margin-top: 25px;padding-left:60px;padding-right:30px;}
	.jiaform ul li:nth-child(2n){padding-left:10px; padding-right:60px;}
	.jiaform ul li:nth-of-type(7){padding-left:10px; padding-right:60px;}
	.jiaform ul li.lastli{ padding-left:60px; padding-right:60px;}
	.jiaform textarea{ height:223px; resize:none}
	.formbtn{margin-top:40px;max-width: 831px;margin: 0 auto;padding-left: 0;}
	
	/*品质与工艺*/
	.quality dl dd.commonweb{ width:1200px;}
	.quality .tddiv{ padding-left:190px}
	.quatxt{padding-right: 70px;}
	.quality dl:nth-child(2n)  .quatxt{padding-left:70px;}
	
	/*视频中心*/
	.videolist{ margin:0 -17px;}
	.videolist li{ padding:0 17px;}
	
	/*新闻中心*/
	.newlist dd h3{ font-size:26px; line-height:26px; padding-top:28px;}
	.newlist dd i{ margin-top:28px;}
	.newdetailbox{ padding:0 20px;}
	.newtitle{line-height:40px;}
	.newtitle h2{ font-size:24px;}
	.operation{padding-top: 30px;padding-bottom: 24px;}
	
	/*企业文化*/
	.culture3 dd{ padding-left:50px; padding-right:38px;}
	.culture4 h3{ font-size:36px;}
	
	/*发展历程*/
	.aboutul li{ padding-bottom:50px;}
	/*资质荣誉*/
	.cer-list { margin:0 -15px;}
	.cer-list a{ display:block; text-align:center; padding-left:15px; padding-right:15px;}
	.cer-list a{ margin-top:35px;}
	.p-prev{left:-27px;}
	.p-next{ right:-27px;}
	/*集团介绍*/
	.fontt{ font-size:60px;}
	.companyul li{ font-size:18px; height:168px;}
	
	/*产品列表*/
	.thirdnav a{ height:57px; line-height:57px;}
	.thirdnav,.prolist{ margin-top:18px;}
	
	/*产品详情*/
	.prodetail{ line-height:30px;}
	.cardbox{ margin:0 -14px;}
	.cardbox li{ list-style:none; padding-left:14px; padding-right:14px;}
	.cardbox li a{ padding:20px;}
	.smallbox{height: 513px;}
	/*产品应用详情*/
	.app{ min-height:599px;}
	.appdetail h2{ font-size:48px;}
	
	/*index*/
	.page1 .subslide{ padding-left:0; padding-right:0}
	.nextpage{ left:0}
	
	.newtxt{ padding:0 40px;}
	.smallimage a>span{ font-size:36px;}
	.smallimage h2{ font-size:30px;}
	
	.boxx{padding: 129px 0;}
	.ppprev,.ppnext{ width:80px; height:80px; background-size:27px auto; left:50%;}
	.ppprev{ margin-left:-29%}
	.ppnext{ margin-left:22%}
	.indextxt{ max-width:619px;}
	.indexarea{ right:-262px;}
	
	.flex-prev,.flex-next{ width:88px; height:88px; background-size:28px auto;}
	.flex-prev{ left:50px;}
	.flex-next{ right:50px;}
	
}


@media (min-width: 1400px){
	/*head*/
	body{ padding-top:96px}
	
	.head{ height:96px;}
	.head h1{padding-top: 19px;padding-left: 27px;}
	.head h1 img{ width: 153px;}
	.headtxt{font-size:18px;margin-top: 24px;margin-left: 19px;padding-left: 18px;}
	.pc-nav li>a>span{ height:32px;}
	.pc-nav li>a{min-width: 104px;height:96px; font-size:16px;}
	.pc-nav li:hover>a span img:nth-of-type(1),.pc-nav li>a.cur span img:nth-of-type(1){ margin-top:-32px;}
	
	/*品质与工艺*/
	.imgbox{ opacity:1}
	
	/*index*/
	.fp-tableCell{ padding-top:96px;}
	
}

@media (min-width: 1200px) and (max-height: 800px){
	.index-nav{ padding-bottom:2.5%;}	
	.boxx{ padding:83px 0}
	.indextxt{ max-width:480px;}
	.the3d li.swiper-slide-active a { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2);}
	.the3d li.swiper-slide-prev a, .the3d li.swiper-slide-next a { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5);}
	.thep{ padding-bottom:10px;}
	.thenew a{ padding-bottom:20px;}
	.newtop{ height:200px;}
}

@media (min-width: 1200px) and (max-height: 650px){
	.newtxt p{    -webkit-line-clamp: 2; height:48px;}
	.thenew a{ padding-bottom:15px;}
	.newtop{ height:190px;}
}