@charset "utf-8";

body{

/*
background:-moz-linear-gradient(top,#e8e8e8,#b8b8b8);//Mozilla
background:-webkit-gradient(linear,0 0,0 100%,from(#e8e8e8),to(#b8b8b8));//Old gradient for webkit
background:-webkit-linear-gradient(top,#e8e8e8,#b8b8b8);//new gradient for Webkit
background:-o-linear-gradient(top,#e8e8e8,#b8b8b8); //Opera11
*/
}
/*----公共样式-----*/
.root-container,.container{width:100%;min-width:320px;position:relative;}
.main{max-width:1110px;margin:0px auto;}
.hmh{min-height:136px;}
.parent{position:relative;}
.nbsp{width:100%;}
.mask{background: rgba(0,0,0,.6);position: fixed;top:0;left:0;bottom:0;right:0;display: none;z-index: 99}
.inspic{width:100%;overflow:hidden;}
.jmcontair{width:100%;min-width:320px;position:relative;}
@media screen and (max-width: 1000px){
.container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;}
}
/*head*/

.headbox{height:136px;width:100%;background:url(headbg.png) no-repeat center top;box-shadow: 0px 5px 5px #00a2ea;}
.logo{width:227px;padding-top:10px;}
.logo img{max-width:100%;display:block;max-height:95px;}
.topright{float:right;width:50%;margin-top:0px;}
.menu{width:73%;height:80px;color:#bcbcbc;position:absolute;right:0; bottom:0;z-index:8;}
.menu ul{}
.menu ul li{float:left;padding:0px 2%;position:relative;text-align:center;}
.menu ul li h1{line-height:30px;color:#dadada;font-size:10px;}
.menu ul li>a{font-size:1rem;color:#403e3f;line-height:46px;padding:10px 0px 15px;font-weight:bold;}
.menu ul li p{height: 1px;width: 100%;margin: 0 auto;background: #00a2ea;transform: rotateY(90deg);-ms-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -webkit-transform: rotateY(90deg);-o-transform: rotateY(90deg);}
.menu ul li p.two-p{height: 3px;}
.menu ul li.active p{ color: #000;transform: rotateY(0deg);-ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg);}
.menu ul li.active>a{color: #000;}
.menu ul li.active h1{color: #222;}
.menu ul li:hover p {transform: rotateY(0deg); -ms-transform: rotateY(0deg);-moz-transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-o-transform: rotateY(0deg); transition: .5s; -ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.menu ul li:hover h1{color:#222;}
.menu ul li:hover>a{ color: #000;font-weight:bold;}
.menu ul li:hover div{display:block;}
.page-title{display:none;z-index:8;width:100%;font-weight:bold;}
.menu ul li div{position:absolute;left:0;top:80px;z-index:9;background:#00a2ea;width:100%;display:none;}
.menu ul li div a{display:block;width:100%;line-height:32px;text-align:center;color:#fff;}
.menu ul li div a:hover{background:#fdd247}

.fixsp{height:70px;}
.menubtn{display:none;width:36px;height:30px;position:absolute;top:10px;right:15px;z-index:9;}
.menubtn img{width:100%;}

.head-tel{
    position: absolute;
    top: 5px;
    right: 30px;
    text-align: right;
    color: #00a2ea;
    font-size: 18px;
    font-family: '黑体';
    font-weight: bold;
    z-index: 9

}
.head-tel em,.head-tel span{
    color: #00a2ea;
    font-size: 18px;
    font-weight: bold;
    font-family: '黑体'
}
@media  screen and (min-width: 768px) and (max-width: 1000px){
.menu ul li:nth-child(n+6){display: none;}

}

@media screen and (max-width: 768px){
.hmh{min-height:50px;}
.headbox{height:50px;z-index:10;}
.fixsp{height:50px;}
.logo{display:none;}
.mlogo{height:48px;max-width:50%;}
.menu{display:none;height:2000px;right:0px;top:50px;width:40%;background:#fff;padding-bottom:12px;z-index:999}
.menu ul{padding-left:0px;}
.menu ul li{text-align:center;padding:7px 0px;width:100%;text-align:center;color:#acacac;}
.menu ul li p{width:60px;}
.menu  ul li a{line-height:26px;padding:7px 0px 10px;}
.menubtn{display:block;}
.page-title{display:block;position:absolute;left:0px;top:0px;line-height:50px;text-align:center;font-size:18px;color:#333;height:50px;}
.menu ul li:hover div{display:none;}

.head-tel{display:none;}

}

/**--banner--*/
.banner{width:100%;text-align:center;}
.banner img{width:100%;}
.telfocus{display:none;}
/* 首页banner----------css -------------------- */
.slider-focus{position:relative;width:100%;overflow:hidden;/*max-height:320px;*/margin:0 auto;}
.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:11px;z-index:1;line-height:28px;text-align:center;}
.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:13px;height:13px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#26a7e0;}
.slider-focus  .hd li.on{ background:#666666;  }
.slider-focus  .bd{ position:relative; z-index:0; }
.slider-focus  .bd li{ position:relative; text-align:center;  }
.slider-focus  .bd li img{ background:url(loading.gif) center center no-repeat;vertical-align:top;width:100%;/* 图片宽度100%，达到自适应效果 */}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }

@media screen and (max-width: 768px){
.pcfocus{display:none;}
.telfocus{display:block;}

}
/**--index main--*/
.onebg{background:url(onebg.jpg) no-repeat center bottom;background-size:100% auto;}
.twobg{background:url(twobg.png) repeat-y center top;background-size:100% auto;}

.liaojie{line-height:0px;padding:45px 0 100px;background-size:100% auto;}
.liaojie img{width:100%}
.qiyuan{line-height:0px;}
.qiyuan img{width:100%}

.in-title{}
.in-title span{background-color:#00a2ea;border-radius:30px 0 0 0;padding:0 12px 0 25px;color:#fff;font-size:30px;letter-spacing:1px;float:left;line-height:45px;}
.titlebg{float:left;}


.fazhan{line-height:0px;padding-top:120px;}
.fazhan>a>img{width:100%}




.mb15{margin-bottom:15px;}
.mt15{margin-top:15px;}
.ptb40{padding:40px 0px;}

.pro-title{text-align:center;padding-top:95px;width:100%;overflow:hidden;margin-bottom:70px;}
.pro-title h2{font-size: 28px;color: #1f1f1f;font-weight: 600;}
.pro-title p{ font-size: 18px;color: #1f1f1f;margin-top:10px;}

.more{width:150px;height:51px;margin:0px auto;background:url(more.png) no-repeat center center;background-size:contain;}
.more a{display:block;width:100%;height:84%;color:#101010;line-height:43px;font-size:16px;text-align:center;}
.more a:hover{background:#101010;color:#fff;}

.about-box{padding:45px 0px;}
.ab-note{width:50%;overflow:hidden;line-height:1.5rem;color:#fff;}
.ab-note p{line-height:34px;color:#fff;padding-left:30px;}
.ab-color{background:#00a2ea;}
.note-box{position:absolute;left:0; top:0;right:0;bottom:0;z-index:3;padding:20px 4%;color:#fff;}
.note-box p,.inhitbox p{color:#fff;line-height:28px;}


.two-item{overflow: hidden;}
.note-box h1{background:url(sptroicon.png) no-repeat left 13px;line-height:24px;color:#fff;font-size:18px;padding:10px 0 10px 30px;}
.note-box h1 a{line-height:24px;color:#fff;font-size:18px;}
.note-box h3{line-height:44px;color:#fff;font-size:18px;}
.note-box h3 a{line-height:44px;color:#fff;font-size:18px;}
.note-box h3 span{line-height:44px;color:inherit;font-size:16px;border:2px solid #fff;border-radius: 40px;padding:0 5px;}
.ab-p p{padding-left:30px;background:url(sptroicon.png) no-repeat left 9px;line-height:36px;color:#fff;}

.ab-pic{width:50%;overflow:hidden;}
.ab-pic img{width:100%;}
.inhitbox{overflow: hidden;width:100%;max-height:83%;color:#fff;line-height:26px; }
.inhitbox p{line-height:26px;}
.shipingbox{overflow: hidden;width:100%;height:62%;color:#fff;}
.look{height:13%;margin-top:5%;color:#fff; float:right;}
.look a{color:inherit;}


.wangpai-box{padding:20px 3%;overflow:hidden;background:#00a2ea;border-radius:0 30px 30px 30px; }
.wp-title{text-align:center;color:#fdd247;font-size:36px;height:70px;}
.three-item{width:32%;float:left;overflow:hidden;}
.three-item img,.inspic img{width:100%;}
.wp-color{background:#fdd247;border-radius:20px;}

.one-title{height:62px;width:100%;text-align:center;}
.one-title a{display:block;width:100%;height:100%;line-height:62px;color:#00a2ea;font-size:24px;}
@media screen and (min-width: 769px){
.three-item:nth-child(3n-1){margin-left:2%;margin-right:2%;}

}

@media screen and (max-width: 768px){
.note-box{padding:15px 4%;}
.look{margin-top:3%;}
.ab-note{line-height:24px;}
.in-title{}
.in-title span{border-radius:26px 0 0 0;font-size:18px;line-height:36px;}
.titlebg{height:36px;}
.liaojie{padding:25px 0 50px;}

.wp-title{font-size:26px;height:50px;}
.one-title{height:50px;}
.one-title a{display:block;width:100%;height:100%;line-height:50px;color:#00a2ea;font-size:18px;}

.inhitbox{line-height:24px;}
.inhitbox p{line-height:24px;}

.ab-p p{line-height:24px;}
.ab-note>img{width:100%;}
.note-box h1{line-height:20px;padding:5px 0 5px 30px;background-position:left 8px;}
.note-box h3{line-height:20px;padding:5px 0;}
.note-box h3 a{line-height:20px;font-size:16px;}
.note-box h3 span{line-height:20px;font-size:16px;}
.fazhan{padding-top:60px;}
.ab-p p{background-position:left 5px;}


.auto-h>img{display:none;}
.auto-h .note-box{position:static;width:92%;height:auto;}
}


.bf-title{width:280px;margin:0px auto;height:90px;text-align:center;}
.bf-title h2{height:40px;line-height:40px;font-size:30px;color:#333;}
.bf-title p{font-size:16px;line-height:30px;}
.dm-box{padding:45px 0px;}




.news-box{overflow: hidden;width:100%;padding:30px 0px 40px;}
/* 本例子css -------------------------------------- */
.picScroll{ position:relative; }
.picScroll .bd ul{ width:100%;  float:left; padding-bottom:10px;  }
.picScroll .bd li{ width:22%;margin:0px 1.5%; float:left; font-size:14px; box-shadow: 3px 3px 3px #888;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box;  }
.picScroll .bd li .inspic a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.picScroll .bd li  h1{font-size:14px;color:#333;margin-top:10px;height:20px;overflow:hidden;line-height:20px;}
.picScroll .bd li   p{color:#666;line-height:20px;height:20px;overflow:hidden;font-size:12px;}
@media screen and (min-width: 768px){
.picScroll .bd .newslist li{margin-bottom:40px;}
}
.picScroll .prev,.picScroll .next{ display:block;  width:32px; height:32px;  overflow:hidden; position:absolute; top:80px;z-index:7; }
.picScroll .next{ background:url(leftbtn.png);right:0px; }
.picScroll .prev{ background:url(rightbtn.png);left:0px;}



@media screen and (max-width: 768px){
.pro-box{padding:70px 0px 30px;}
.pro-title{padding-top:40px;width:100%;overflow:hidden;margin-bottom:20px;}
.pro-title h2{font-size: 20px;color: font-weight: 600;}
.pro-title p{ font-size: 14px;color: #666666;margin-top:6px;}
.more{width:100px;height:34px;}
.more a{line-height:26px;font-size:12px;}

.about-box{padding:40px 0px;}
.ab-note{width:100%;overflow:hidden;padding:0px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ab-note h2{font-size:22px;color:#000;height:60px;line-height:50px;}
.ab-pic{width:100%;overflow:hidden;}

.pl-box{padding:30px 10px 20px;overflow:hidden; }
.three-item{width:100%;margin-bottom:15px;}


.bf-title{width:210px;margin:0px auto;height:65px;text-align:center;}
.bf-title h2{height:30px;line-height:30px;font-size:20px;color:#333;}
.bf-title p{font-size:14px;line-height:20px;}

.news-box{padding:15px 0px 20px;}
.picScroll .bd li{ width:45%;margin:7px 2.5%;}
.picScroll .bd li  h1{margin-top:7px;height:18px;line-height:18px;}
.picScroll .bd li   p{color:#666;line-height:18px;height:18px;}
.picScroll .prev,.picScroll .next{top:47%; }
}
/***foot**/
.foot{width:100%;min-width:320px;background:url(footbg.jpg) no-repeat center top;background-color:#00a2ea;padding:160px 0px 40px;}
.foot-left dl{width:12%;float:left;margin-right:1.5%;}
.foot-left dl dt,.fr-title{height:30px;color:#fff;font-size:14px;}
.foot-left dl dd{line-height:24px;color:#fff;}
.foot-left dl dd a{line-height:24px;color:#fff;font-size:12px;}

.zhanwei1{height:120px;}
.foot-left{width:64%;border-right:1px solid #fff;min-height:250px;}
.foot-right{width:32%;float:right;}
.n-box{height:32px;padding-left:25px;}
.n-box1{width:110px;background:url(inputname.png) no-repeat left center;background-color:#fff;}
.n-box2{width:180px;background:url(inputtel.png) no-repeat left center;background-color:#fff;}
.n-box input{height:32px;border:none;outline:none;}
.n-box1 input{width:110px;}
.n-box2 input{width:180px;}
.n-box3{background:#fff;}
.n-box3 textarea{width:100%;height:95px;}
.n-box4{text-align:right;padding-top:10px;}
.n-box4 input{background:#333;color:#fff;border:none;padding:3px 13px;}

.copyright{background:#fdd247;padding:30px 0;}
.address{width:70%;}
.address p{float:left;color:#333;line-height:30px;width:50%;}

.erwei{width:30%;text-align: right;}
.erwei img{width:86px;height:86px;}
.erwei table tr td{color:#333;}

@media screen and (max-width: 1100px){
.foot-left{width:100%;min-height:150px;}
.foot-right{width:360px;float:left;margin-left:15px;}
}

@media screen and (max-width: 768px){
.foot{padding:50px 0px 15px;background-size:100% auto;}
.foot-left dl{width:22%;text-align:center;}
.foot-left dl:nth-child(n+5){display:none;}
.address{width:100%;}
.address p{width:96%;padding:15px 2%;}
.erwei{width:98%;padding-right:2%;}

.foot-right{width:96%;margin-left:2%;}
.n-box1{width:100%;margin-bottom:10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.n-box2{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;}
.n-box1 input{width:100%;}
.n-box2 input{width:100%;}
.zhanwei1{height:60px;}
}

/***内页**/
.cate-box{width:100%;min-width:320px;padding:25px 0;}
.cate-box a{display:inline-block;line-height:48px;margin-right:5px;color:#fff;background:#fdd247;width:150px;text-align:center;font-size:18px;font-weight:bold;}
.cate-box a:hover{background:#00a2ea;}
#hov{background:#00a2ea;}
.bt-title{height:70px;}
.bt-title h1{color:#333;font-size:24px;line-height:36px;}
.bt-title p{color:#666;font-size:14px;line-height:26px;}

.msgcontent{font-size:15px;line-height:36px;padding:5px 0px 20px;}
.msgcontent p{font-size:15px;line-height:36px;}
.msgcontent img{width:100%;}
.msg-title{text-align:center;margin-bottom:15px;}
.msg-title h1{font-size:24px;color:#333;}
.msg-title p{font-size:12px;color:#999;margin-top:10px;}

.listcontent{padding:20px 0px;}
.jh{height:50px;}



.lxnote{padding:5px 0px 30px;line-height:36px; }
.ditu{width:100%;}

.one-item{margin-bottom:50px;color:#333;}
.one-item h1{color:#00a2ea;font-size: 20px;line-height:30px;padding:10px 0;padding-left:30px;background: url(sptroicon.png) no-repeat 2px 17px;}
.one-item div{line-height: 26px;color:inherit;}
.one-item div p{line-height: 26px;color:inherit;}
.p20{padding:20px;margin-bottom:20px;height:300px;overflow: hidden;}
.ab-note.npw{width:100%;}


.one-item div img{max-width:100%;}
.one-item .qyp h2 img{max-width:50%;}

.four-item{width:22%;margin:20px 1.5%;float:left;}
.four-item h1{line-height:50px;text-align:center;}
.four-item h1 a{color:#666;font-size:16px;line-height:50px;}
.four-item h1 a:hover{color:#333;}

.toggle .item{float:left;width:50%}
.toggle .item .btn{padding:20px 0px;margin:0px 10px;background:url(d/left.png) 0 center no-repeat;padding-left:40px;cursor:pointer;font-size:18px;border-bottom: #ccc solid 1px;font-weight:bold;}
.toggle .item.active .btn{background:url(d/down.png) 0px center no-repeat}
.toggle .item .detials{padding:10px;display:none;color:#777}

.play1{width:100%;max-height: 320px;}
/* 公共分页样式*/
.page{ height:25px;  padding:30px 0px;}
.page span{ margin:2px; border:1px solid #CCC; padding:6px 10px;}
.page a{ margin:2px; color:#808080;}
.hover{ color:#F00}

@media screen and (max-width: 768px){
.jh{height:20px;}
.cate-box{padding:15px 0;}
.cate-box a{width:29%;line-height:40px;margin:0px 1.7% 15px;}
.four-item{width:45%;margin:10px 2.5%;}
.toggle .item{float:none;width:100%}
.toggle .item .btn{padding:10px 10px 10px 40px; }

.one-item h1{line-height:22px;background-position:2px 12px;}
.page{ height:25px;  padding:15px 0px;}
.page span{ margin:2px; border:1px solid #CCC; padding:2px 5px;}
.one-item .qyp h2 img{max-width:100%;}
.msg-title h1{font-size:18px;}
}
.case-bottom{display: table;}
.case-bottom  h1{display: table-cell;vertical-align: bottom;}
.case-bottom  div{display: table-cell;vertical-align: bottom;}

.wd-box{margin-bottom:50px;}
.wd-box h1{background: url(d/wen.png) no-repeat 4px top;color:#00a2ea;font-size: 20px;line-height: 26px;font-weight:bold;padding:13px 0 13px 40px;}
.wd-item-box{padding-left:78px;background: url(d/da.png) no-repeat 4px 9px;line-height:1.5rem;color:#333;padding-top:1.6rem;min-height: 66px;}
.wd-item-box p{line-height:32px;color:#333;}
.jm-pic-box,..jm-pic-box p{width:100%;line-height: 0;}
.jm-pic-box img,.jm-pic-box p img{width:100%;}

@media screen and (max-width: 768px){
.wd-box h1{padding:7px 0 7px 30px;background-size: 18px auto;line-height:22px;font-size: 16px;}
.wd-item-box{padding-left:70px;background-size: 60px auto;line-height:26px;}
.wd-item-box p{line-height:26px;}

.play1{max-height:200px;}



}