@charset "utf-8";
@font-face
{font-family:"impact";src: url(..images/impact.ttf);}
html,body{font-size:12px; }
body{ margin:0 auto; padding:0px; font-size:1em; font-family:"微软雅黑"; background:#fff;position:relative;-moz-user-select:none;overflow-x:hidden;}
p,ul,li,dl,dd,dt,form,imput,h1,h2,h3,h4,h5,h6,h7{margin:0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
ul,li{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none; vertical-align:top;}
a{text-decoration:none;color:#fff;}
a:hover{text-decoration:none;color:#2a5abe;}
.strong{ font-weight:bold;}
.fl{ float:left;}
.fr{ float:right;}
.auto{width:100%;height:auto;}
.clear{ clear:both; overflow:hidden; line-height:0px; height:0px; font-size:0px;}
i,em{list-style:none; font-style:normal;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
input,select,button{font:12px "微软雅黑";vertical-align:middle;}
select::-ms-expand { display: none;}
.wrap{max-width:1200px;height:auto;margin:0 auto;}

/*头部*/
.navbtn{display: none;width:35px;height:35px;position: absolute;top:20px;right:10px;z-index:10000}
#fh5co-offcanvas{width:100%;height:auto;overflow:hidden;position:absolute;z-index:10000;padding-top:72px;top:0;left:0;}
#fh5co-offcanvas li{width:100%;padding:10px 0;line-height:23px;font-size:14px;color:#fff;border-bottom:1px dotted #0fbb68;background:#069752;}
#fh5co-offcanvas li a{color:#fff;padding-left:3%}
#fh5co-offcanvas{display:none}
#fh5co-offcanvas li ul{width:auto;overflow:hidden;background:#fff !important;margin:10px 0;display:none}
#fh5co-offcanvas li ul li{width:97%;height:auto;line-height:30px;font-size:12px;padding-left:3% !important;background:#fff !important;border-bottom:1px dotted #999999 !important;color:#333;margin:0}
#fh5co-offcanvas li:last-child{border:none}
#fh5co-offcanvas li ul a{padding:0;color:#333}
.mobilebottom{width:100%;height:36px;line-height:36px;position:fixed;bottom:0;left:0;z-index:10000;padding-top:10px;display:none;}
.mobilebottom li{width:33.333%;text-align:center;font-size:14px;color:#fff;background:#069752;line-height:36px;float:left}
.mobilebottom li a{color:#fff}

/*.top{width:100%;height:40px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;}*/
/*.topleft{width:auto;height:40px;line-height:40px;font-size:12px;color:#000000;float:left;}*/
/*.topright{width:auto;height:40px;text-align:right;float:right;font-size:12px;color:#000000;line-height:40px;}*/
/*.topright a{display:inline-block;color:#000;text-align:right;padding-left:10px;}*/
/*.head{width:100%;height:auto;overflow:hidden;padding:25px 0;}*/
/*.headleft{width:auto;height:auto;overflow:hidden;float:left;}*/
/*.headright{width:auto;height:auto;overflow:hidden;float:right;text-align:right;}*/
/*.nav{width:100%;height:auto;background:#007130;}*/
/*.nav li{width:14.285%;height:auto;text-align:center;float:left;font-size:16px;color:#fff;padding:15px 0;position:relative;}*/
/*.nav li a{color:#fff;display:block;width:100%;}*/
/*.nav li ul{position:absolute;z-index:100;left:0;top:51px;background:rgba(0,0,0,0.8);width:100%;display:none}*/
/*.nav li ul li{width:100%;font-size:14px;float:none;}*/
/*.nav li ul li:hover{background:#007130;}*/
/*.nav li:hover ul{display:block;}*/

/*cot*/
.cotone{width:100%;height:auto;overflow:hidden;padding:70px 0;}
.cotonetitle{width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.cotonetitle h2{width:100%;height:auto;overflow:hidden;text-align:center;font-size:45px;color:#747474;font-family:"impact";text-transform:uppercase;}
.cotonetitle h2 span{color:#175dae;padding:0 10px;display:inline-block;}
.cotonetitle p{font-size:14px;color:#bfbfbf;width:100%;height:auto;overflow:hidden;text-align:center;padding-top:10px;}
.cotonetitle p img{padding:5px 10px;}
.cotonebox{width:100%;height:auto;overflow:hidden;}
.cotoneboxleft{width:31.8%;height:auto;overflow:hidden;float:left;padding-top:10px;}
.cotoneboxright{width:62.5%;height:auto;overflow:hidden;float:right;}
.cotoneboxright p{width:100%:height:auto;overflow:hidden;text-indent:2em;font-size:14px;color:#3b3636;line-height: 30px;}

.cottwo{width:100%;height:auto;overflow:hidden;padding:70px 0;background:#eeeeee;}
.cottwobox{width:100%;height:auto;overflow:hidden;padding-top:50px;}
.card-area{position:relative;}
.zxtitle{width:100%;height:auto;overflow:hidden;text-align:center;font-size:12px;color:#fff;font-weight:bold;padding-bottom:10px;}
.zxtitle2{width:100%;height:auto;overflow:hidden;text-align:center;font-size:22px;color:#ffffff;padding-bottom:10px;font-weight:normal;line-height:28px;padding-bottom:10px;}
.card-area .bg-e8e8e8{background:none}
.card-area .bg-e1e1e1{background:none}
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:14.3%;height:245px;margin-right:2%;border-radius:80px;overflow:hidden;}
.card-area .card-item+.card-item{margin-left:-1px}
.card-area .card-item .card{transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;width:100%;height:100%;text-align:center;background:none}
.card-area .card-item .card .card-content{width:100%;line-height:2}
.card-area .card-item .card .card-content.content-first{transition:all .0s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));padding-top:25px;}
.card-area .card-item .card .card-content.content-second{transition:all .0s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));line-height:2}
.card-area .card-item .card .card-content.content-second li{float:left;width:50%}
.card-area .card-item .card .card-content,.card-area .card-item .card .card-title{position:absolute;left:0;right:0;z-index:1}
.card-area .card-item .card .card-title{padding-top:1px;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;line-height:26px;font-size:14px;height:auto;overflow:hidden}
.card-area .card-item .card .card-title .content{width:100%;height:26px;overflow:hidden;padding:50px 0}
.card-area .card-item .card .card-title h1{font-size:42px;font-weight:normal;color:#fff;margin-bottom:0;border-bottom:2px #fff solid;width:34%;display:block;margin:0 auto;padding-bottom:24px;font-family:"impact"}
.card-area .card-item .card .card-title .short-info{color:#8dbbdc;font-size:14px;margin-top:0;margin-bottom:20px}
.card-area .card-item .card .card-title .zq-product-img{width:40px;height:40px;margin:10px auto;position:relative}
.card-area .card-item .card .card-title .zq-product-img img{position:absolute;left:0;width:100%}
.card-area .card-item .card .card-title .zq-product-img .un-hover{z-index:1;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.card-area .card-item .card .card-title .zq-product-img .with-hover{z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item .card .card-title .short-info,.card-area .card-item .card .card-title .zq-product-img img,.card-area .card-item .card .card-title h1{transition:all .15s cubic-bezier(.4,0,.2,1) 0s}
.card-area .card-item .card .card-content{position:absolute;top:100px}
.card-area .card-item .card .card-content.content-first .content-first-list{width:100%;font-size:12px;color:#fff;line-height:20px;}
.card-area .card-item .card .card-content.content-first .content-first-list li{margin-bottom:0px}
.card-area .card-item .card .card-content.content-second{width:90%;font-size:14px;color:#a9b0b4;text-align:left;padding-top:26px;float:left}
.card-area .card-item .card .card-content.content-second .main-head{color:#3db1ea;font-size:18px;line-height:28px;margin-bottom:10px}
.card-area .card-item .card .card-content.content-second p{margin:5px 0}
.card-area .card-item .card .card-content.content-second .main-tip{color:#232933}
.card-area .card-item .card .card-content.content-second .main-desc{color:#8c8c8c;font-size:12px;line-height:22px}
.card-area .card-item .card .card-content.content-second .main-btn{cursor:pointer;width:160px;height:38px;font-size:16px!important;color:#fff;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#3db1ea;border:none;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-btn:hover{color:#fff;background:#1b77b9}
.card-area .card-item .card .card-content.content-second .main-white-btn{cursor:pointer;width:160px;height:36px;border:1px solid #3db1ea;font-size:16px!important;color:#3db1ea;margin-top:22px;margin-bottom:33px;border-radius:19px;background:#fff;transition:color .3s ease-in-out,background .3s ease-in-out}
.card-area .card-item .card .card-content.content-second .main-white-btn:hover{color:#fff;background:#3db1ea}
.card-area .card-item .card .card-content .other-info{width:105%;height:70px;overflow:hidden;line-height:22px;padding-top:20px;font-size:12px}
.card-area .card-item .card .card-content .other-info .other-info-list{width:27%;height:70px;background:#f2f2f2;margin-right:25px;padding:0 0 0 10px;position:relative}
.card-area .card-item .card .card-content .other-info .other-info-list .c-a-arrow{position:absolute;right:10px;top:15px;background-position:-200px 0}
.card-area .card-item .card .card-content .other-info .other-info-list:hover{background:#3db1ea}.card-area .card-item .card .card-content .other-info .other-info-list:hover .c-a-arrow{background-position:-200px -17px}
.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-desc,.card-area .card-item .card .card-content .other-info .other-info-list:hover .other-head{color:#fff}
.card-area .card-item .card .card-content .other-info .other-info-list .list-context{color:#00c1de}
.card-area .card-item .card .card-content .other-info .other-head{font-size:16px;font-weight:400;color:#000;margin:13px 0 0 0;}
.card-area .card-item .card .card-content .other-info .other-desc{margin-top:2px;font-size:12px;color:#999}
/*.card-area .card-item.active{z-index:6;width:26.5%;height:245px}*/
.card-area .card-item.active .card .card-title{background-color:none;top:0;border:none; width:25% !important;float:left;padding-left:5%;display:none}
.card-area .card-item.active .card .card-title .short-info{color:#9ed8f5}
.card-area .card-item.active .card .card-title h1{color:#fff;font-weight:normal;}
.card-area .card-item.active .card .card-content.content-first{display:none;width:90%;float:left;transition:all .12s cubic-bezier(.4,0,.2,1) 0s;z-index:2;opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.card-area .card-item.active .card .card-content.content-second{line-height:20px;font-size:12px;color:#fff;line-height:30px;padding-right:10%;width:80%;top:15px;position:relative !important;float:right;transition:all .12s cubic-bezier(.4,0,.2,1) .18s;z-index:3;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.active .content{width:100%}
/*.active .card{background:url(../images/pic2.png) no-repeat center center;background-size:100%;}*/
.card-area li:nth-child(1) .card{background:url(https://supcache.miancp.com/data/1688mc.net/images/pic2.png) no-repeat center center !important;background-size:100%;}
.card-area li:nth-child(2) .card{background:url(https://supcache.miancp.com/data/1688mc.net/images/pic22.png) no-repeat center center !important;background-size:100%;}
.card-area li:nth-child(3) .card{background:url(https://supcache.miancp.com/data/1688mc.net/images/pic222.png) no-repeat center center !important;background-size:100%;}
.card-area li:nth-child(4) .card{background:url(https://supcache.miancp.com/data/1688mc.net/images/pic2222.png) no-repeat center center !important;background-size:100%;}
.card-area li:nth-child(5) .card{background:url(https://supcache.miancp.com/data/1688mc.net/images/pic22222.png) no-repeat center center !important;background-size:100%;}
.card-area li:nth-child(6) .card{background:url(https://supcache.miancp.com/data/1688mc.net/images/pic222222.png) no-repeat center center !important;background-size:100%;}
.card-item.active{border:none !important}
.card-area .card-item.active .card .card-title h1{border:none;}


.cotthree{width:100%;height:auto;overflow:hidden;padding:70px 0;}
.cotthreebox{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.cotthreebox li{width:24.5%;float:left;height:auto;overflow:hidden;position:relative;margin-right:0.5%;}
.cotthreebox li img{max-width:100%;display:block;margin:0 auto;}
.zhezao{position:absolute;left:0;top:0;z-index:100;background:rgba(2,187,81,0.5);width:100%;height:100%;display:none}
.zhezao h2{width:80%;height:auto;overflow:hidden;padding:20% 10% 5% 10%;text-align:center;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*æ–‡å­—éšè—åŽæ·»åŠ çœç•¥å·*/white-space: nowrap;/*强制不换行*/font-size:24px;color:#fff;font-weight:normal;}
.zhezao p{width:80%;height:auto;overflow:hidden;padding:0 10%;font-size:14px;color:#fff;line-height:28px;text-align:center;height:56px;}
.cotthreebox li:hover .zhezao{display:block;}

.cotfour{width:100%;height:auto;overflow:hidden;padding:70px 0;background:url(../images/ind_case_bg.jpg) no-repeat top left;}
.cotonetitle2{width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.cotonetitle2 h2{width:100%;height:auto;overflow:hidden;text-align:center;font-size:45px;color:#fff;font-family:"impact";text-transform:uppercase;}
.cotonetitle2 h2 span{color:#fbb43a;padding:0 10px;display:inline-block;}
.cotonetitle2 p{font-size:14px;color:#fff;width:100%;height:auto;overflow:hidden;text-align:center;padding-top:10px;}
.cotonetitle2 p img{padding:5px 10px;}
.cotfourbox{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.casebox{width:80%;height:auto;overflow:hidden;background:#fff;margin:0 auto;padding:15px 5%  50px 5%;}
.casebox img{display:block;width:98%;height:auto;margin:0 auto;border:2px solid #c9c9c9;}
.casebox p{width:100%;display:block;height:auto;overflow:hidden;padding:10px 0;font-size:15px;color:#3b3636;}
.caseboxxq{width:100%;height:auto;overflow:hidden;}
.caseboxxq a{display:block;width:100%;text-align:right;font-size:13px;color:#3b3636;padding-top:15px;}
.cotfourmore{width:10%;height:30px;border:1px solid #fff;font-size:14px;color:#fff;text-align:center;line-height:30px;margin:70px auto 0 auto;}
.cotfourmore a{color:#fff;}

.cotfive{width:100%;height:auto;overflow:hidden;padding:70px 0;}
.cotfivebox{width:100%;height:auto;overflow:hidden;padding-top:30px;}
.cotfiveboxleft{width:24%;padding:15px 1.25%;background:#0a264b;height:auto;overflow:hidden;float:left;}
.cotfiveboxleft p{font-size:16px;color:#fff;text-align:center;width:100%;height:auto;overflow:hidden;padding:20px 0;}
.cotfiveboxright{width:67%;height:auto;overflow:hidden;float:right;}
.cotfiveboxrighttop{width:100%;height:auto;overflow:hidden;padding-bottom:20px;}
.cotfiveboxrighttopleft{width:24.5%;height:auto;overflow:hidden;float:left;}
.cotfiveboxrighttopright{width:73%;height:auto;overflow:hidden;float:right;}
.cotfiveboxrighttopright h2{width:100%;height:auto;overflow:hidden;font-weight:normal;font-size:16px;line-height:30px;color:#3b3636;padding-bottom:10px;}
.cotfiveboxrighttopright h2 a{color:#3b3636;}
.cotfiveboxrighttopright p{width:100%;height:69px;overflow:hidden;font-weight:normal;font-size:13px;line-height:23px;color:#3b3636;}
.caseboxxq2{width:100%;height:auto;overflow:hidden;}
.caseboxxq2 a{display:block;width:100%;text-align:left;font-size:13px;color:#3b3636;padding-top:15px;}
.cotfiveboxrightbottom{width:100%;height:auto;overflow:hidden}
.cotfiveboxrightbottom li{width:46%;margin:0 1% 14px 1%;padding-left:2%;float:left;font-size:14px;color:#3b3636;overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*æ–‡å­—éšè—åŽæ·»åŠ çœç•¥å·*/white-space: nowrap;/*强制不换行*/background:url(../images/icon.jpg) no-repeat left center;}
.cotfiveboxrightbottom li a{color:#363636;}

.cotsix{width:100%;height:auto;overflow:hidden;padding:0 0 70px 0;}
.cotsixbox{width:100%;height:auto;overflow:hidden;background:url(../images/lianxi.jpg) no-repeat;}
.cotsixbox p{width:100%;height:auto;overflow:hidden;line-height:35px;color:#3b3636;text-align:center;font-size:14px;}

/*footer*/
.footbg{width:100%;height:auto;overflow:hidden;background:#007130;padding:30px 0;}
.footbg li{width:auto;overflow:hidden;height:auto;float:left;padding-right:8%;}
.footbg li p{font-size:20px;color:#fff;width:100%;display:block;padding-bottom:3px;}
.footbg li p a{color:#fff;font-size:20px;}
.footbg li a{display:block;font-size:12px;color:#fff;line-height:35px;}
.footbottom{width:100%;height:auto;overflow:hidden;padding:10px 0;font-size:14px;color:#fff;background:#23af3f;} 
.pc{display:block;}
.wap{display:none;}
.liuchengbox{width:100%;height:auto;overflow:hidden;}
.liuchengbox li{width:27.33%;margin:0 1% 10px 1%;float:left;background:url(../images/pic2.png) no-repeat center center !important;background-size:100%;padding:10px 2%;border-radius:30px;}







.zxtitle3{width:100%;height:auto;overflow:hidden;text-align:center;font-size:16px;color:#ffffff;padding-bottom:10px;font-weight:normal;line-height:28px;padding-bottom:10px;}
.liuchengbox li p{color:#fff;height:84px;overflow:hidden}

@media screen and (max-width:1199px) {
.wrap{width:96%;}
.top{display:none}
.headleft{width:100%;float:none;}
.headleft img{width:500px;display:block;}
.headright{display:none}
.head{padding:10px 0;}
.pc{display:none;}
.wap{display:block;}
.footbg li{padding-right:5%;}
.footbg li p a{font-size:16px;}
}

/*@media screen and (max-width:900px) {*/
/*.nav{display:none}*/
/*.navbtn{display:block;}*/
/*.cotone{padding:20px 0;}*/
/*.cottwo{padding:20px 0;}*/
/*.cotthree{padding:20px 0;}*/
/*.cotfour{padding:20px 0;}*/
/*.cotfive{padding:20px 0;}*/
/*.cottwobox{padding-top:0px;}*/
/*.cotonetitle h2{font-size:34px;}*/
/*.cotonetitle2 h2{font-size:34px;}*/
/*.cotoneboxleft{width:100%;float:none;padding-bottom:10px}*/
/*.cotoneboxleft img{width:100% !important;}*/
/*.cotoneboxright{width:100%;float:none;}*/
/*.cotfourmore{width:20%;margin-top:30px;}*/
/*.cotfiveboxleft{width:97.5%;float:none;}*/
/*.cotfiveboxright{width:100%;float:none;padding-top:20px;}*/
/*.cotfiveboxleft img{width:100%;margin:0 auto;}*/
/*.cotthreebox li{width:48%;margin:5px 1%;}*/
/*.cotthreebox li:hover .zhezao{display:none}*/
/*.cotthreebox{padding-top:0px;}*/
/*.cotfivebox{padding-top:0;}*/
/*.mobilebottom{display:block;}*/
/*}*/


@media screen and (max-width:500px) {
.headleft img{width:320px;display:block;}
#fh5co-offcanvas{padding-top:53px;}
.navbtn{top:10px;}
#fh5co-offcanvas a{top:10px !important;}
.cotonetitle p img{display: none}
.cotonetitle p{font-size:16px;}
.cotonetitle2 p img{display: none}
.cotonetitle2 p{font-size:16px;}
.cotfiveboxrighttopleft{display:none}
.cotfiveboxrighttopright{width:100%;float:none;}
.cotsixbox p{line-height:28px;}
.liuchengbox li{width:44%;margin:10px 1%;background:#007130 !important;background-image:none !important}
}

@media screen and (max-width:350px) {
.headleft img{width:250px;display:block;}
#fh5co-offcanvas{padding-top:45px;}
.navbtn{top:10px;}
#fh5co-offcanvas a{top:10px !important;}
}