@charset "utf-8";





/*==顶部↓==*/

.head-top{padding:10px 0; background:#3e3e3e}

.head-top p{color:#d2d2d2;font-size:12px;}

.head-top .tel{ color:#d2d2d2;font-size:12px;/*! margin:-10px 0; */ padding-right:10px;margin-right:10px;border-right:1px #d2d2d2 solid;}

.head-top .search{ position:relative}

.head-top .search em{color:#fff;font-size:15px;}

.head-top .search:hover .box{ opacity:1;height:100px;}

.head-top .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}

.head-top .search .box{opacity:0;position:absolute;top:35px;right:0;z-index:99999;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}

.head-top .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	

.head-top .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}

.head-top .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}

.head-top .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}

.head-top .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}

.head-top .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}

.head-top .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}

.head-top .search:hover input{width: 310px;transition:all .8s ease-in-out;}

.head-top .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}

.head-top .search .box button:hover{ background:#000}



/*.head-top .effect-lower{ position: relative;}

.head-top .effect-lower .effect-lower-block{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}

.head-top .effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}*/

.header{ position: relative;padding:10px 0;height: 110px;}

/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}

.fixed-top .logo{}*/

.header .logo{}

.header .logo img{}

.header .nav{margin: 20px 0 0 0;}

.header .nav li{float: left;/* position: relative; */}

.header .nav li a.navAone{ display: block; color:#3e3e3e; font-size:16px; padding:0;margin: -30px 0;line-height: 110px;width: 105px;text-align: center;}

.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#fff;  background:#02a4dd;}

/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/





/*==标题↓==*/

.titleAx{ margin: 20px auto;  display: table;text-align: center;line-height: initial;}

.titleAx h1{ color:#333333;font-size:40px;}

.titleAx h1 font{ color:#0387d8}

.titleAx span{ position: relative; display: table; margin:10px;margin: 10px auto;text-transform: uppercase;}

.titleAx span i{ display: block; width:15px;height:7px; background;#ddd;position: absolute;top: 5px;background: #ddd;}

.titleAx span i:before{ content: ""; position: absolute;top:3px;width:1000px; height:1px; background:#ddd}

.titleAx span i.left{ left:-25px;}

.titleAx span i.left:before{left:-1000px;}

.titleAx span i.right{right:-25px;}

.titleAx span i.right:before{right:-1000px;}

.titleAx hr{ display: block; height:3px; width:40px; background:#0387d8;margin: auto;border: none;}  





/*==服务↓==*/

.HomeService{ margin:30px 0 50px 0;padding-bottom: 20px;}

.HomeService .list{width:1220px; margin-left:-20px; margin-top:30px;/*! clear: both; *//*! overflow: hidden; */}

.HomeService .list li{float:left; margin-left:20px; width:285px; box-shadow:0 0 10px #ddd;}

.HomeService .list li .box{ padding:30px;text-align: center;}

.HomeService .list li .box h4{color:#333333;font-size:24px; border-bottom:1px #ddd solid;padding-bottom:20px;}

.HomeService .list li .box span{color:#999999;font-size:12px; margin:20px 0; display: block}

.HomeService .list li .box b{ display: table; margin:auto; color:#02a4dd;font-size:18px; border-radius:25px; border:2px #02a4dd solid;padding:5px 30px;}

.HomeService .list li:hover .box h4{color:#02a4dd}

.HomeService .list li:hover{ box-shadow:0 0 10px #aaa}





/*==优势↓==*/

.HomeAdvantage{ padding:50px 0 70px 0; background:#eeeeee}

.HomeAdvantage .list{ margin-top:30px;}

.HomeAdvantage .list li{float:left;/*width:300px;*/ width:285px; margin-right:20px;  box-shadow:0 0 10px #ddd; background: #fff;}

.HomeAdvantage .list li .pic{}

.HomeAdvantage .list li p{height:246px; padding:35px 30px; padding-bottom:60px; overflow:hidden; color:#6e6e6e;font-size:14px;text-align: center;}

.HomeAdvantage .list li p b{ position:relative;padding-bottom:40px;color:#333333;font-size:24px; display: block;}

.HomeAdvantage .list li p b:before{ content: ""; position: absolute; left:70px;bottom:15px;width:100px; height:3px;background:#aaa;}





/*案例*/

.HomeReviewss{ margin:20px 0}

.HomeReviewss .list{margin-top:30px;width:1220px; width:1200px;/*margin-left:-20px;*/}

.HomeReviewss .list li{float:left;width:590px; margin:0 20px 20px 0; box-shadow:0 0 10px #ddd}

.HomeReviewss .list li .pic{width:210px;}

.HomeReviewss .list li .right{ width:380px; padding:25px; padding-top:10px;}

.HomeReviewss .list li .right h4{color:#333333;font-size:24px; border-bottom:1px #ddd solid;padding-bottom:20px;  margin-bottom:20px;}

.HomeReviewss .list li .right p{ color:#666666;font-size:14px;}





/*==首页关于↓==*/

.HomeAbout{padding:50px 0; background:#eeeeee}

.HomeAbout .titleAx{ margin-bottom:40px}

.HomeAbout .pic{width:390px;}

.HomeAbout .middle{width:420px;color:#666666;font-size:14px;margin-left: 40px;line-height: 25px;}

.HomeAbout .middle .more{/*! float:left; */margin-top:20px; clear: both; display: block; color:#fff;font-size:12px;
 border-radius:5px; background:#0078bb;padding: 3px 10px;width: 85px;text-align: center;}

.HomeAbout .middle .more:hover{background: #000}

.HomeAbout .picScroll-top{padding:30px 25px;width:300px; background: #fff;height: 390px;}

.HomeAbout .picScroll-top{ position: relative;}

.HomeAbout .picScroll-top .prev,.HomeAbout .picScroll-top .next{ position: absolute; left:135px;top:8px;width:33px;height:11px; background: url(../../../images/arrow-01-prev.png) no-repeat center;cursor: pointer;}

.HomeAbout .picScroll-top .next{ top:auto; bottom:8px;background: url(../../../images/arrow-01-next.png) no-repeat center;}

.HomeAbout .picScroll-top .list{height:330px;}

.HomeAbout .picScroll-top .list li{height:165px; width:100%;}

.HomeAbout .picScroll-top .list li a{display: block;}

.HomeAbout .picScroll-top .list li a img{ display: block; height:155px;margin: auto;} 

.HomeAbout .picScroll-top .li h4{ }





/*==首页新闻↓==*/

.HomeNews{margin: 30px 0 40px 0;}

.HomeNews .box{width:360px;}

.HomeNews .box-2{ margin:0 30px;}

.HomeNews .box .title{ color:#333333;font-size:24px; border-left:2px #0387d8 solid;padding-left: 10px;margin: 20px 0;}

.HomeNews .box .title a{ display: block; float: right; width:22px;line-height:22px; text-align: center; color:#fff;background: #0387d8;font-size: 15px;}

.newslist li{color:#666666;font-size:14px; display: block; padding-left:10px;margin:10px 0; background:url(../../../images/arrow_04.png) no-repeat left;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;

}

.newslist span{float: right;color:#aaaaaa;font-size:14px;}

.newslist li a:hover{ color:#0387d8}





/*==首页友情↓==*/

.HomeLink{margin-top: 10px;padding:20px 0;border-top: 1px #ddd solid;}

.HomeLink h3{float: left;color:#999999;padding-left:35px;font-size:14px; background: url(../../../images/link_ico.png) no-repeat left;}

.HomeLink a{display: inline-block;color:#999;padding: 0 10px;font-size:14px;}

.HomeLink a:hover{color:#0387d8}


.pageForm{}
.pageForm .container{width:600px;}
.pageForm .title{color:#666;font-size:20px; text-align:center; margin:10px 0;}
.pageForm .bin{ margin:15px 0;color: #777;font-size:13px;}
.pageForm .bin h4{ display:block;color:#666;font-size:14px; margin-bottom:5px;font-weight: bold;} 
.pageForm .bin2{}
.pageForm .bin2 span{ display: inline-block; margin-right:10px;}
.pageForm .bin3{}
.pageForm .bin3 input{border:1px #ddd solid; line-height:30px;width:580px;padding: 3px 10px;} 
.pageForm .bin3 em{ float:right; color:red;font-size:12px;}
.pageForm .submit{color:#fff;font-size:14px;width:200px; text-align:center;line-height: 40px; background: #02a4dd;cursor: pointer;}
.pageForm .submit:hover{ background: #f60}





/*==底部===*/

.footer{padding: 20px 0 0 0;background: #323232; width:100%; margin:0px;}

.footer .container{ overflow: hidden; }

.footer .top{margin-bottom:30px; border-bottom:1px #666 solid;  /*background: url(../../../images/foot-top.jpg) no-repeat center;*/clear: both;overflow: hidden;height: 100px;}

.footer .left-1{color:#999999;font-size:14px}

.footer .left-1 a.one{color:#999999;font-size:14px; border-right:1px #999 solid;padding-right: 15px;margin-right: 20px;line-height: 12px;margin-bottom: 15px;display: inline-block;}

.footer .left-1 a:last-child{ border: none}

.footer .left-1 a.one:hover{color:#fff;}

.footer .left-1 a.two{ margin:15px 10px 0 0;display: inline-block;}

.footer .right-1{color:#999999;font-size:12px;line-height: 30px;}

.footer .right-1 span{display: inline-block; margin-left:15px;text-align: center;}

.footer .right-1 img{ display:block; margin:auto; width:120px;}

.footer .bottom{color:#999;font-size:14px; margin-top:25px; padding:10px 0;background:#292929;clear: both;object-fit: ;overflow: hidden;}

.footer .bottom a{color:#999;font-size:14px;}

.footer .bottom a:hover{color:#fff}