/*样式初始化及公用样式*/
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}
*, *::before, *::after {transition: all .3s ease-in-out;}
body{font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
li{list-style: none;}
img{border: none;/*display:block;*/width: 100%;vertical-align:middle;height: auto;}
img{width: auto; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle;}
input{outline: 0;border: none;}
a{text-decoration:none;cursor:pointer;display:inline-block;}
a:hover{color: red;text-decoration:none;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{display: block;content: " ";height: 0;line-height: 0;visibility: hidden;clear: both;}
.clearfix{zoom:1;}
.container{width: 1200px;margin: 0 auto;}

/*导航栏*/
.header{width: 100%;z-index:9999;background: rgba(0,0,0,0.5);height:70px;position: fixed;right: 0;left: 0;}
.header .nav_right li{float: left;line-height: 70px;}
.header .nav_right li a{color:#fff;padding:0  10px;text-decoration: none;}
.header .nav_right li a:hover,.header .nav_right li.active{background: #e7e7e7;color: #4aba18}
.header .nav .right{width:60%;float: right;}
.header .nav .right li{width:16.666%;float: left;line-height:80px;text-align: center;position: relative;}
.header .nav .right li a:hover{color:#0166b8;}
.header .nav .right li ul{display: none;width: 100%;background:#093a88;background:#f0f7fe;position: absolute;left: 0;top:80px;z-index:999;}
.header .nav .right li ul li{line-height: 40px;float: none;width: 100%;}
.header .nav .right li ul li a{}
.header .nav .right li ul li a:hover{background:#093a88;color:#fff;}

/*首页-轮播*/
.index-banner{width: 100%;height:auto;position:relative;z-index: 1}
.index-banner .item{width:100%; overflow:hidden}
.index-banner .item img{width:100%}
.index-banner .owl-carousel{width:100%;}
.index-banner .owl-carousel .owl-controls{width: 100%;text-align: center;position: absolute;left: 0;z-index: 20;bottom:45px;}
.index-banner .owl-carousel .owl-controls .owl-nav{display:none;}
.index-banner .owl-carousel .owl-controls .owl-dots .owl-dot{display: inline-block;width: 50px;height: 3px;background: #fff;overflow: hidden;margin: 0 5px;cursor: pointer;}
.index-banner .owl-carousel .owl-controls .owl-dots .active{background-color:#00837a;}

/*首页-首页服务*/
.serverstop{background: #fff;margin-top: -20px;overflow:hidden;}
.serverstop .row{float: left;width: 25%;position: relative;height: 205px;background: #edf1f1;z-index:888;}
.serverstop .row .item p{font-weight:normal;font-size:12px;width: 70%; line-height: 36px; text-align: center;}
.serverstop .row .item p.title{font-size: 20px; color: #333333;font-weight: 400;line-height:60px;}
.serverstop .active{background: #e0635f;}
.serverstop .active p,.serverstop .row .active p.title{color: #fff;}
.serverstop .row .icon{width: 70px;display: none; height: 70px; position: absolute; top:50%; right:20px; margin-top:-35px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.serverstop .row .icon-e1{background-image:url(../images/hong.png);}
.serverstop .row .icon-e2{background-image:url(../images/xin.png);}
.serverstop .row .icon-e3{background-image:url(../images/bao.png);}
.serverstop .row .icon-e4{background-image:url(../images/zhaung.png);}
.serverstop .active .icon{display:block;}

/*首页产品*/
.index_pro{padding-top: 30px; padding-bottom: 1%; background-color: #289; margin-top: -20px;overflow: hidden;z-index: 777;}
.index_pro .pro_content .item{width:300px;float:left;padding:10px;position: relative;}
.pro_content .item .box img{}
.pro_content .item .detail{display: none;position: absolute; left: 60px; top: 50%; right: 60px; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); /*opacity:0;*/}
.pro_content .item .detail h4{font-size: 20px; font-weight: 600; letter-spacing: 1.8px; line-height: 36px; color: #fff;}
.pro_content .item .detail a{border: 2px solid transparent; background-color: #0056b7; border-left: 3px solid #ffb300; color: #fff; font-weight: 600; display: inline-block; letter-spacing: 0.7px; margin-top: 10px; padding: 8px 30px; text-decoration: none; text-transform: uppercase; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.pro_content .item .detail a:hover{background-color: transparent; border-color: #0056b7; border-left-color: #ffb300;}
.index_pro .pro_content .item:hover .box{background: #000;}
.index_pro .pro_content .item:hover .box img{opacity:0.4; filter: alpha(opacity=60);}
.index_pro .pro_content .item:hover .detail{display: block;}

/*首页--服务*/
.index-service{padding: 45px 0px 50px; text-align: center;}
.index-service h3{font-size: 24px;margin-top: 20px; margin-bottom: 10px;font-weight: 500;}
.index-service .box{width: 100%; overflow: hidden; padding: 30px 0 30px 0;}
.index-service .box li{font-size: 24px; text-align: center; color: #000000; float: left; width: 16%; padding: 0; padding: 10px 0 10px 0;}
/* .index-service .box li div{width: 178px;margin: 0 auto; height: 210px;background: url(../images/works_img_03.png) no-repeat;}
.index-service .box li div.img_01{background-position: -2px 0;}
.index-service .box li div.img_02{background-position: -233px 0;}
.index-service .box li div.img_03{background-position: -463px 0;}
.index-service .box li div.img_04{background-position: -694px 0;}
.index-service .box li:hover div.img_01{background-position: -2px -210px;}
.index-service .box li:hover div.img_02{background-position: -233px -210px;}
.index-service .box li:hover div.img_03{background-position: -463px -210px;}
.index-service .box li:hover div.img_04{background-position: -694px -210px;} */
.index-service .service-contact{position: relative;}
.index-service .box li:hover span{padding: 20px 0 10px;border-bottom: 2px solid #000000;}
.service-contact button{height: 36px; line-height: 36px; background: orange; border: none; text-align: center; margin-top: 10px; border-radius: 15px;padding:0 15px;font-size: 18px;}
.service-contact button a{display: inline-block;}
.service-contact button:hover,.service-contact button:hover a,.service-contact a:hover{transition: all .5s ease-in; color: #FFFFFF; background: red; cursor: pointer;}
.index-service .service-contact img{border: 1px solid red;width: 160px;position: absolute;display: none;}
.index-service .service-contact img.qq{top: 50px;right: 520px;}
.index-service .service-contact img.wechat{top: 50px;right: 355px;}
.index-brand{background-color: #fff; padding: 0 0 0 0; border-top: 40px solid #228899; border-bottom: 40px solid #228899;}

/*首页-品牌*/
.index_news{background: #edf1f1;}
.index_news ul{overflow: hidden; padding: 10px 0;margin-bottom: 10px;}
.index_news ul li{width: 25%; height: 260px; float: left; position: relative; overflow: hidden; text-align: center; padding: 0 15px; z-index: 3; line-height: 1; margin: 5px 0 5px 0;}
.index_news ul li .show_need{padding: 20px 10px;width: 100%; height: 100%; background: #fff; text-align: center; transform: rotateY(0deg); transition: all 1s ease-in-out 0s; -webkit-transition: all 1s ease-in-out 0s; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.index_news ul li p{font-size: 22px; color: #333; -webkit-transition: all .45s; transition: all .45s; padding: 0 0 15px; margin: 0 0 10px; font-weight: 400; line-height: 1.6;}
.index_news ul li span{display: block; font-size: 14px; line-height: 24px; color: #888; text-align: left;}
.move_need{padding: 0 10px; width: 100%; height: 100%; background: url(../images/need-bg_03.jpg) center no-repeat; position: absolute; left: 0; top: 0; z-index: -1; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; text-align: center; transform: rotateY(90deg); -webkit-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s;}
.line_need{width: 80px; height: 2px; background: #fff; margin: 0 auto 28px;}
.index_news ul li:hover .show_need{transform: rotateY(-90deg); filter: alpha(opacity=0); /* IE */ -moz-opacity: 0; /* 老版Mozilla */ -khtml-opacity: 0; /* 老版Safari */ opacity: 0;}
.index_news ul li:hover .move_need{transform: rotateY(0deg); filter: alpha(opacity=100); /* IE */ -moz-opacity: 1; /* 老版Mozilla */ -khtml-opacity: 1; /* 老版Safari */ opacity: 1;}
.index_news ul li .move_need p:first-child{padding: 55px 0 20px;}
.index_news ul li .move_need p:first-child, .index_news ul li .move_need span{color: #fff; text-align: center;}
.index_news ul li .move_need p:first-child, .need-list li .move-need span{color: #fff; text-align: center;}

/*底部导航*/
.footer_top{position: static;background-color: #4FBA1B;height: 70px;}
.footer_top{width: 100%;z-index:9999;background-color: #4FBA1B;}
.footer_top .nav_right li{float: left;line-height: 70px;}
.footer_top .nav_right li a{color:#fff;padding:0  10px;}
.footer_top .nav_right li a:hover,.header .nav_right li.active{background: #e7e7e7;color: #4aba18}
.footer_top .nav_right li a {color: #fff;padding: 0 20px;font-size: 15px;}
.footer_top .nav .right li a:hover{color:#0166b8;}

/*首页-- footer*/
.footer{background-color: #228899;padding-top: 45px;padding-bottom: 20px;overflow: hidden;position: absolute;width: 100%;}
.footer .links{width: 50%;float: left;}
.footer .foot_contact,.footer .code{width: 25%;float: left;}
.footer .links h4{color: #fff;font-size: 18px;margin-top: 10px;margin-bottom: 10px;font-weight: 500;line-height: 1.1;    margin: 0px 0px 10px 0px;}
.footer .links p{width: 25%;padding: 5px;float: left;}
.footer .links p a{color: #fff}
.footer .links p a:hover{text-decoration: underline;}
.footer .foot_contact {color: #fff;padding-top: 10px}
.footer .foot_contact p {margin: 0 0 10px;line-height: 1.6;font-weight: 400;}
.footer .code div{float: left;width: 50%;color: #fff;padding-right: 15px;padding-left: 15px;text-align: center;}
.footer .code div p{line-height: 36px;}

.go_top{display: inline-block; height: 40px; width: 40px; position: fixed; z-index: 999; bottom: 40px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; visibility: hidden; border-radius: 5px; background: rgba(245, 31, 138, 100) url(../images/cd-top-arrow.svg) no-repeat center center; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; opacity: .5; visibility: visible;}
.go_top:hover{-webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.left_cotact{position: fixed; right: 0; top: 15%; z-index: 999; width: 200px; height: 300px; background-color: #fff; border: 2px solid #038bdc;}
.left_cotact h3{background-color: #038bdc; padding: 20px; color: #fff; margin: 0; font-size: 24px; font-weight: 500; line-height: 1.1;}

.left_cotact h3 button.close{float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; color: #fff; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
.left_cotact ul{padding: 20px; margin-top: 0; margin-bottom: 10px;}
.left_cotact ul li{list-style: none; height: 40px; line-height: 40px;font-size: 14px;}
.left_cotact ul li img{width: auto; display: inline-block; max-width: 100%; height: auto; margin: 0; padding: 0; border: none; line-height: normal; vertical-align: middle;}

.rowss{display: none;height: 40px;background: #00aef3;line-height: 40px;}
.rowss>li{float: left;padding: 0px 10px;}
.rowss>li>a{color: #fff;}
.rowss>li:hover{background-color: #333;}
@media screen and (max-width: 1199px) {
body{max-width: 768px; margin:0 auto;display:block;}
.rowss{display: block;}
.container{padding: 0 2%;width: 100%;}
.header .container,.serverstop .container{width: 100%;padding: 0;}
.header h1{float:none;padding: 15px 15px;}
.header h1 img{width: 130px;display: block;}
.header .nav .button{border-color: #ddd; height: 40px; width: 50px; position: fixed; top: 15px ; right: 15px; border-radius:8px; border: 1px solid #ddd; padding-top: 8px;}
.header .nav .button span{display: block;width: 60%;margin:0 auto;height: 3px;margin-top: 3px;background-color: #ddd} 
.header .nav .button:after{display: block; content: " "; height: 0;line-height: 0;visibility: hidden; clear: both;}
.header .nav_right{display: none; background-color: #4d85b1; width: 100%; position: fixed; top: 70px; left: 0; padding: 0px 0 5px; margin-left: 0; z-index: 10000000000;} 
.header .nav_right li{float: none; line-height: 50px;}
.header .nav_right li{display:block; line-height: 50px; width: 90%; margin-left: 5%; color: #fff; border-bottom: solid 1px rgba(255,255,255,0.3); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index-banner .owl-carousel .owl-controls .owl-dots .owl-dot{width: 10px; height: 10px; border-radius: 50%; background: #fff; overflow: hidden; margin: 0 2px;}
.index-banner .owl-carousel .owl-controls .owl-dots .active{background-color:#00837a;}
.serverstop{margin-top: 0;}
.serverstop .row{float: none;width: 100%;border-bottom:1px solid #fff;height: 60px;}
.index_pro .pro_content .item{width: 49%;float: left;margin-left: 2%;padding: 5px;}
.index_pro .pro_content .item:nth-child(2n+1){margin-left: 0;}
.pro_content .item .detail{left: 10%; top: 50%; right: 10%;}
.pro_content .item .detail h4{font-size: 15px;line-height:20px;}
.pro_content .item .detail a{width: 100%;text-align: center;}
.index-service .box li{width:50%;font-size: 24px; text-align: center; color: #000000; padding: 0; padding: 10px 0 10px 0; list-style-type: none; float: left;}
/* .index-service .box li div{background-position: -2px 0; margin: 0 auto; clear: both; width: 72px; height: 85px; background: url(../images/works_img_03-1.png) no-repeat; margin: 0 auto;} */
/* .index-service .box li:hover div{background-position:0 0} */
/* .index-service .box li div.img_01{background-position: -2px 0;}
.index-service .box li div.img_02{background-position: -95px 0;}
.index-service .box li div.img_03{background-position: -187px 0;}
.index-service .box li div.img_04{background-position: -279px 0;}
.index-service .box li:hover div.img_01{background-position: -2px -85px;}
.index-service .box li:hover div.img_02{background-position: -95px -85px;}
.index-service .box li:hover div.img_03{background-position: -187px -85px;}
.index-service .box li:hover div.img_04{background-position: -279px -85px;} */
.service-contact button{width:60%;}
.index-service .service-contact img.qq{top: 50px;right:100px;}
.index-service .service-contact img.wechat{top: 50px;right:100px;}
.index_news ul li{height: 260px; float: left; position: relative; overflow: hidden; text-align: center; z-index: 3; line-height: 1; margin: 5px 0 5px 0; width: 100%; min-height: 1px; padding:0;}
.footer{padding-top:20px; padding-bottom:10px; overflow: hidden;}
.footer .foot_contact{padding-top:0;}
.footer_top,.footer .links,.xxx{display: none;}
.footer .links,.footer .foot_contact, .footer .code{float: none;width: 100%;}
.left_cotact{display: none;}
.g_stylet{background: #f5f5f5 !important;}
.gs_zt{font-size: 16px;}
.img_left{margin-left: 0px !important;}
.img-mask{width: 85%}
.fs{font-size:20px}
.text-center{font-size:25px}
.box .yuan{
	width: 100px;
    height: 100px;
	line-height: 100px;
}
.box .yuan div{
	font-size: 45px;
}
.index-service .box li:hover .position {
    color: red !important;
    font-size: 55px !important;
}
.index-service .box li:hover span {
	border-bottom: none !important;
    color: red !important;
}
.one,.two{
	display: block !important;
    margin-left: 71px!important;
}
.topfoter_title{display: none;}
.serverstop .row .icon-e1,.serverstop .row .icon-e2,.serverstop .row .icon-e3,.serverstop .row .icon-e4{background-size: 70%;display: block;}
}

@font-face {
  font-family: 'iconfont';  /* project id 1073523 */
  src: url('http://at.alicdn.com/t/font_1073523_ngkzy4u1gwq.eot');
  src: url('http://at.alicdn.com/t/font_1073523_ngkzy4u1gwq.eot?#iefix') format('embedded-opentype'),
  url('http://at.alicdn.com/t/font_1073523_ngkzy4u1gwq.woff2') format('woff2'),
  url('http://at.alicdn.com/t/font_1073523_ngkzy4u1gwq.woff') format('woff'),
  url('http://at.alicdn.com/t/font_1073523_ngkzy4u1gwq.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1073523_ngkzy4u1gwq.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.yuan{
    width: 110px;height: 110px;
    border: 2px solid blue;
    transform:rotate(135deg);
    -ms-transform:rotate(135deg); 	/* IE 9 */
    -moz-transform:rotate(135deg); 	/* Firefox */
    -webkit-transform:rotate(135deg); /* Safari 和 Chrome */
    -o-transform:rotate(135deg);
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
    line-height: 110px;
}
.position{
    font-size: 50px;
    text-align: center;
    transform:rotate(224deg);
    -ms-transform:rotate(224deg); 	/* IE 9 */
    -moz-transform:rotate(224deg); 	/* Firefox */
    -webkit-transform:rotate(224deg); /* Safari 和 Chrome */
    -o-transform:rotate(224deg);
    color: blue;
}
.index-service .box li:hover .yuan{
  cursor: pointer;
 /* -webkit-transition: 2s;
  -o-transition: 2s;
  -moz-transition: 2s;
  transition: 2s;
  -webkit-animation: 2s love infinite linear;
     -moz-animation: 2s love infinite linear;
       -o-animation: 2s love infinite linear;
          animation: 2s love infinite linear; */
}
.index-service .box li:hover .position{
    color: red;
    font-size: 60px;
    transition: 0.5s;
}