@charset "utf-8";
/* CSS Document */


body {font-size: 12px !important;color: #474747;margin: 0;padding: 0;_overflow: hidden; font-family:"Microsoft Yahei";}
body,ol,table,tr,td,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,span,em {margin: 0;padding: 0;  font-weight: normal;}
.slider11 {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden
}
.flexVideo{position:absolute;width:100%;margin:0 auto;overflow:hidden;position:relative;min-width:960px;min-height:640px}.flexVideo section{position:relative;overflow:hidden}.flexVideo .video-bg{position:absolute;width:100%}

ul,li {margin: 0;padding: 0;font-weight: normal;}
.red {color: red;}
input,button,select,textarea {outline: none}
p {margin: 0;padding: 0;}
img {border: none;}
li {list-style-type: none;}
a {text-decoration: none;color: #000;}
i, em, cite, address {font-style: normal;}
input {vertical-align: middle;}
table {border-collapse: collapse;}
a:hover {cursor: pointer;text-decoration: none;}
a,area {blr: expression(this.onFocus=this.blur())} /* for IE */
:focus {-moz-outline-style: none;} /* for Firefox */
a {outline: none;} /* for FF Chrome */
.dis {display: none;}
.clear {clear: both;}

.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}


  html
{
    overflow-y: scroll;
    height:100%;
}
html,body{min-width:1200px;}

.main{ width:1200px; margin:0 auto;} 
 
.header { width:100%; background:#ededed; position:fixed; top:0; z-index:999; height:80px; display:block;}
.logo {float: left;margin-left:40px; margin-top:10px}
.typem{ float:right; height:53px; padding-top:27px; margin-right:30px;} 
.typem ul{ float:right; display:block;}
.typem ul li{float:left; display:block; position:relative; padding-top:0; }
.typem ul li a{ font-size:14px; color:#ff5601; line-height:28px; border-top:1px solid #212121; display:block; height:28px; margin-right:30px; text-align:center; padding-bottom:24px; }
.typem ul li a:hover,.typem ul li a.current{color:#ff5601; border-top:1px solid #ff5601; }     
.typem ul li ul {display: none;}
.typem ul li:hover ul {display:block; position:absolute; top:53px; left:-20px; width:85px; padding:0 8px; background:rgba(51, 51, 51, 0.74);}
.typem ul li:hover ul li a{display:block; color:#cacaca; text-align:center; height:25px; line-height:25px; position:relative; width:85px; float:left; padding:0; font-size:12px;border-top:none; text-decoration:underline; }
.typem ul li:hover ul li { color:#fff;}
.typem ul li:hover ul li:nth-child(1){ padding-top:4px;}
.typem ul li:hover ul li:last-child{ padding-bottom:5px;}
.typem ul li:hover ul li a:hover {color:#fff; text-decoration: none; }

 

.protxw{ width:100%; height:auto; overflow: hidden; text-align:center; }
.protxw img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 

.foot{ width:100%; background:#000; padding:20px 0; display:block; position:relative; height:140px}
.fota{ width:1200px; margin:0 auto; padding:15px 0;  display:block; position:relative;}
.fotbt1{ font-size:14px; font-weight:bold; line-height:28px; width:500px; float:left; color:#6c6c6d;}
.fotbt2{ font-size:13px;  line-height:28px; width:600px; float:right; color:#888;}

.fotbt3{ width:600px; float:left; position:relative; padding-top:20px;}
.fwb{ width:520px; float:left;}
.fwb ul li{ width:260px; float:left; display:block; text-indent:50px; line-height:50px; height:50px; overflow:hidden; color:#cdcdcd; font-size:14px;}
.focon1{ background:url(../images/focon1.png) no-repeat left center;}
.focon2{ background:url(../images/focon2.png) no-repeat left center;}
.focon3{ background:url(../images/focon3.png) no-repeat left center;}
.focon4{ background:url(../images/focon4.png) no-repeat left center;}
.focon5{ background:url(../images/focon5.png) no-repeat left center;}

.fws{ width:100%; margin-top:15px; position:relative; display:block;}
.cas_l{position:relative; height:300px;}
.p_con2{position:absolute;text-align:center; bottom:0; left:20%  }
.p_con2 a{color:#fff; background:#d0860d;border-radius: 5px; padding:10px 30px;}
.p_con2 a:hover{color:#000; background:#fff}

.fotbt3 span{ padding-top:30px; display:block; float:left; width:100%; position:relative;}
.fotbt4{ width:500px; float:left; }
.fotbt4 h2{ width:100%; line-height:60px; height:60px; display:block; position:relative; font-size:18px; text-transform:uppercase; color:#999999;}


.msg_tesdf{ background: url(../images/subm.jpg) repeat; border: none; height:150px; color:#fff; font-size:12px; line-height:24px; padding:15px;  width:470px; float:left;}
.msg_submit{background:#ea611a; width:100px; height:40px; color:#fff; display:block; border:none; float:right; margin-top:20px; text-align:center; font-size:14px; font-weight:bold; }

.footer{ width:100%; text-align: center; line-height:30px; padding:5px 0; background:#6d6d6d; font-size:12px; color:#fff;}
.footer a{color:#fff;}

.right-fdd2{ width:70px; height:201px; position:fixed; right:0; top:40%; background-color:#34373F; background-color:rgba(52,55,63,0.7); border-top-left-radius:8px;  border-bottom-left-radius:8px; z-index:999999;}
.right-fdd2 ul li{ width:255px; height:66px; border-bottom:1px solid #545760; border-bottom:1px solid rgba(84,87,96,0.6); }
.right-fdd2 ul li a{ display:block; width:90%; height:100%; margin:0% auto; font-size:14px; font-weight:bold;  padding-left:70px; line-height:64px; color:#EDEDED;}
.right-fdd2 ul li.nn1 a{ background:url(../images/mlr1.png) no-repeat 26px center;}
.right-fdd2 ul li.nn2 a{ background:url(../images/mlr2.png) no-repeat 26px center;}
.right-fdd2 ul li.nn3 a{ background:url(../images/mlr3.png) no-repeat 26px center;}
.right-fdd2 ul li.nn4 a{ background:url(../images/mlr4.png) no-repeat 26px center;}
.right-fdd2 li{height: 66px; width: 255px; border-radius:8px 0 0 8px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.right-fdd2 li img{display: block;}
.right-fdd2 li:hover{margin-left: -184px; background: rgba(0,0,0,0.6); }

.right-fdd2 li:hover a{ padding-left:70px;}


	.foot_b{background: url(../images/bg_footer.jpg)no-repeat;   }
	.foot_b h2,.foot_b h1,.foot_b p,.foot_b a{color: #fff; text-align: center;}
	.foot_b h2{font-size: 30px; line-height: 80px;}
	.foot_b h1{font-size:42px; margin-top: 20px;}
	.foot_b p {font-size: 16px; line-height: 24px;}
	.ph a{color: #fff; text-align: center; background: #d0860d;border-radius: 5px; padding: 10px 80px; letter-spacing:2px; font-size: 18px; }
	.ph{ margin-top: 30px;}
	.ph a:hover{color:#000; background: #fff}
	.foot_c{background:#000; filter:Alpha(Opacity=60);opacity:0.3; margin-top:30px; }
	.copyright{line-height: 30px;}


.section{position:relative;min-height:700px}
.section .video-wrap{position:absolute;top:0;right:0;width:100%;height:100%;z-index:0;overflow:hidden;opacity:1}
.section .video-wrap video{position:absolute;top:0;right:0;min-width:100%;min-height:100%;width:auto;height:auto;opacity:.9}
.section1{background:#000}
.section1 .pattern{position:absolute;width:100%;height:100%;left:0;top:0;background:url(../images/656.png)}
.section1 .title-img{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/bnr-1.png) center no-repeat;opacity:.95}
.section1 .title-img a{display:block;width:420px;height:110px;position:absolute;top:50%;left:50%;margin:-75px 0 0 -210px} 

 
.video { width: 100% !important;  position: relative; background: #000; }
.video video { width: 100% !important; height: auto; }
.video .cover2 { display: none; position: absolute; left: 0; top: 50%; z-index: 5; text-align: center; width: 100%; }

.bwetg{ width:100%; position:relative; display:block;}
.baeg1{ width:55%; float:left; position:relative;box-sizing: border-box; background:url(../images/baef1.jpg) no-repeat 100% ;vertical-align: baseline; min-height:700px;}

.betw1:hover{ background: rgba(0, 0, 0, 0.5); }
.betw1{ padding:250px 16% 0 25%; display:block; position:relative; min-height:450px;}

.betwa1{ float:left; display:block; line-height:35px; height:35px; font-size:24px; color:#fff; padding-bottom:20px; border-bottom:1px solid #fff; position:relative; letter-spacing:1px;}
.betwa2{ width:100%; padding-top:20px; line-height:28px;  color:#fff; display:block; position:relative;}
.betwa2 a{line-height:28px; font-size:16px; color:#fff; display:block;}
.betwa3 a{ width:148px; height:38px; float:left; line-height:38px; border-radius:3px; color:#ee7739; font-size:13px; border:1px solid #ee7739; text-align:center; margin-top:40px;}
.betwa3 a:hover{ background:#fff; color:#ff8343; border:1px solid #fff;}


.baeg2{ width:45%; float:left; position: relative; display:block;}
.betw2{ width:100%; background: url(../images/baef2.jpg) repeat;box-sizing: border-box; position:relative; min-height:350px;} 

.betwb1{ padding-top:65px; background: url(../images/jsq.png) no-repeat center; height:25px; display:block; position:relative; }
.betwb2{ text-align:center; width:280px; margin:0 auto;font-size:24px;padding-bottom:20px; border-bottom:1px solid #a0a0a0; position:relative; letter-spacing:1px; color:#222; line-height:32px; height:32px;}
.betwb3{ font-size:14px; text-align:center; color:#7c7c7c; line-height:25px; padding-top:20px;}
.betwb3 a{ font-size:14px; text-align:center; color:#7c7c7c; line-height:25px; }
.betwb4 a{ color:#ff8343; font-size:14px; text-transform:uppercase; line-height:50px; text-align:center; height:50px; display:block;}
.betwb4 a:hover{ color:#ff8343; font-weight:bold;}


.betw3{ background: url(../images/baef3.jpg) repeat; position:relative; min-height:300px; padding:50px 0 0;} 

.betwc1{ text-align:center; width:360px; margin:0 auto; display:block; line-height:35px; height:35px; font-size:24px; color:#222; padding-bottom:20px; border-bottom:1px solid #a0a0a0; position:relative; letter-spacing:1px;}
.betwc2{ width:100%; padding-top:20px; line-height:24px; font-size:14px; color:#7c7c7c; display:block; position:relative; text-align:center;}
.betwc2 a{ line-height:24px; font-size:14px; color:#7c7c7c; display:block;}
.betwc3 a{ width:300px; height:38px; display:block; margin:0 auto; line-height:38px; border-radius:3px; color:#fff; font-size:13px; border:1px solid #ff8343;  background:#ff8343; text-align:center; margin-top:20px;}
.betwc3 a:hover{ background:#fff; color:#ff8343;}


.sever{ width:100%; padding:70px 0; background:url(../images/baef2.jpg) repeat; position:relative; display:block;}

.sevea1{ width:200px; height:80px; background:url(../images/sev.png) no-repeat center; display:block; margin:0 auto; position:relative;}

.sevtxt{width:300px; height:100px; margin:0 auto; position:relative; }
.sevtxt span{ width:300px; height:100px;  vertical-align:middle; display:table-cell;}
.sevtxt span img{ max-width:300px; max-height:100px; margin:0 auto; display:block;}

.sevea2{ text-align:center; line-height:30px; height:30px; font-size:13px; color:#999;}
 
.sever ul{ width:100%; margin:20px auto; display:block; position:relative; text-align:center;}
.sever ul li{float: left;width:16.6666666%;height:448px; margin:0 auto;list-style: none;position: relative;overflow: hidden;}
.sever ul li img {-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}
/* 遮罩层 */
.sever ul li .cover{width:100%;height:448px;background: rgba(21,119,228,0.6);position: absolute;left: 0;top: 0;text-align: center;color: #ffffff;

transform-origin: right bottom;      /*旋转中心位置*/
-webkit-transform-origin: right bottom; 
-moz-transform-origin: right bottom; 

transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);

transition: all 0.35s;
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
}

.sever ul li .cover span{ width:120px; height:80px; display:block; margin:40px auto 0; position:relative;}
.sever ul li .cover span img{ max-width:120px; max-height:80px; display:block; margin:auto;-webkit-filter: grayscale(1%); 
-moz-filter: grayscale(1%); 
-ms-filter: grayscale(1%); 
-o-filter: grayscale(1%); 
filter: grayscale(1%); 
filter:;}

.sever ul li .cover h4{ font-size:24px;  text-align:center; display:block; position:relative; line-height:50px; height:50px; margin:10px auto; width:100%; z-index:999;}
.sever ul li .cover p{ font-size:14px; text-align:center; display:block; position:relative; line-height:32px;  margin:10px 25px;  z-index:999;}
.sever ul li .cover a { width:170px; height:40px; display:block; position:relative; text-align: center; font-size:14px; color:#fff; line-height:40px; margin:15px auto; border:1px solid #fff; }
.sever ul li:hover .cover{
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}


.abt{ width:100%; position:relative; display:block; background:url(../images/abgb.jpg) no-repeat center top; min-height:400px; padding:80px 0 40px 0;}
.abtxde{ width:1200px; margin:0 auto; text-align:center; font-size:16px; color:#fff; line-height:32px; display:block; }
.abtxde a{ background:#ea611a; width:200px; height:40px; margin:30px auto; position:relative; display:block; color:#fff; border-radius:5px; line-height:40px;}
.abtxde a:hover{ background:#fff; color:#ff8343;}

.abtset { width:800px; margin:40px auto 0; padding:20px 0; border-top:1px solid #fff; position:relative; display:block;}
.abtset dl{ width:150px; float:left; display:block; background:url(../images/xian.jpg) no-repeat right center; padding:20px 124px;}
.abtset dl:nth-child(2){ background:none;}
.abtset dl dt{ width:100px; height:100px; display:table-cell; vertical-align:middle; text-align:center; padding:25px; }
.abtset dl dt img{ max-width:100px; max-height:100px; border-radius:100%; margin:0 auto; display:block; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.abtset dl dt img:hover{transform:rotate(360deg);    -webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);    -ms-transform:rotate(360deg);} 
.abtset dl dd a{ width:150px; height:38px; display:block; border:1px solid #fff; border-radius:5px; text-align:center; font-size:14px; color:#fff; line-height:38px;}
.abtset dl dd a:hover{ background:#fff; color:#ea611a; }

.case{ width:100%; background:#f1f1f1; position:relative; display:block; padding:40px 0;}
.bgcolor{width:100%; background:#fff; position:relative; display:block; padding:40px 0;}


.casext{width:700px; height:100px; margin:0 auto; position:relative; background:url(../images/xitg.png) no-repeat center; }
.casext span{ width:700px; height:100px;  vertical-align:middle; display:table-cell;}
.casext span img{ max-width:700px; max-height:100px; margin:0 auto; display:block;}


.tab{position:relative;width:1212px; margin:30px auto 0;}
.tab ul img{width:394px;height:227px;vertical-align:middle;-webkit-filter: grayscale(1); 
-moz-filter: grayscale(1%); 
-ms-filter: grayscale(1%); 
-o-filter: grayscale(1%); 
filter: grayscale(1%); 
filter: gray;}
.tab ul img:hover{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);
    -webkit-transform: all 1s ease 0s;-webkit-filter: grayscale(1%); 
-moz-filter: grayscale(1%); 
-ms-filter: grayscale(1%); 
-o-filter: grayscale(1%); 
filter: grayscale(1%); 
filter:;}
.slide{width:1212px;overflow:hidden;position:relative;}
.slide-ul{position:relative;margin:0;} 
.slide-ul li{display:inline;float:left;width:394px;height:227px; padding:0; margin:5px;overflow:hidden;}
.slide-ul a{display:block;width:394px;height:227px;overflow:hidden;color:#fff;}
.slide-ul a:hover .pic-txt{color:#fff;}

.slide-ul .pic-txt{display:block;bottom:-65px;position:relative;width:384px;height:65px;margin:-65px 0 0;padding:0 5px; font-size:14px; line-height:65px; font-weight:bold;text-align:center;z-index:1;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);cursor:pointer;}
:root .slide-ul .pic-txt{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#00000000,endColorstr=#00000000);}

.info-btn{width:120px;height:30px;overflow:hidden;margin:0 auto;padding:50px 0;zoom:1;}
.info-btn li{float:left;padding:0;}
.info-btn li{display:block;width:30px;height:30px; background:#3d4450; border-radius:3px; overflow:hidden; color:#fff; font-size:14px; margin:0 5px; text-align:center; line-height:30px;}
.info-btn .info-cur,.info-btn .info-hover{ background:#d9534f;}
.info-btn .info-cu,.info-btn .info-hover{ background:#d9534f;}

.newt{ width:1200px; margin:0 auto; padding:40px 0;}
.newt ul{ width:1200px; margin:30px auto;}
.newt ul li{ width:552px; float:left; height:100px; display:block; margin-right:96px; margin-bottom:15px; overflow:hidden; padding:0; background:url(../images/neba.jpg) no-repeat left center;}
.newt ul li:nth-child(2n){ margin-right:0;}
.newt ul li .netim{ width:100px; height:70px; float:left;color:#929292; text-align:center; padding:15px 0;}
.newt ul li .netim span{ font-size:60px; font-weight:bold; line-height:45px; height:45px; display:block; }
.newt ul li .netim p{ font-size:18px; font-weight:bold; line-height:25px; height:25px; display:block; }
.newt ul li .nebod{ height:85px; width:432px; float:left; padding:10px 10px 5px;}
.newt ul li .nebod em{ font-size:14px; line-height:28px; color:#7a7a7a; height:28px; display:block; width:100%; overflow:hidden; font-style:normal;}
.newt ul li .nebod i{ font-size:12px; line-height:20px; height:40px; display:block; overflow:hidden; color:#a3a3a3; width:100%; font-style:normal;}
.newt ul li .nebod b{ font-size:12px; line-height:17px; height:17px; text-align:right; display:block; color:#616161; font-weight:normal;}
.newt ul li:hover{ background:url(../images/nebh.jpg) no-repeat left center;}
.newt ul li:hover span{ color:#fff;}
.newt ul li:hover p{ color:#fff;}
.newt ul li:hover em{ color:#e7e7e7;}

 
 
 
.parn{ width:100%; padding:40px 0 50px ; background:url(../images/baef2.jpg) repeat; position:relative; display:block;}
.parn ul{ width:1200px; margin:30px auto;}
.parn ul li{ width:183px; float:left; display:block; margin-right:19px;}
.parn ul li:nth-child(6){ margin-right:0;}
.parn ul li em{ width:183px; height:80px; display:table-cell; vertical-align:middle; text-align:center;}
.parn ul li em img{ max-width:155px; max-height:100px; display:block; margin:0 auto;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.parn ul li:hover img{ cursor:pointer; -webkit-filter: grayscale(1%); 
-moz-filter: grayscale(1%); 
-ms-filter: grayscale(1%); 
-o-filter: grayscale(1%); 
filter: grayscale(1%); 
filter:;transform:rotate(360deg);    -webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);    -ms-transform:rotate(360deg);}
.parn ul li span{ font-size:18px; line-height:30px; height:30px; text-align:center; display:block; overflow:hidden; color:#2d2d2d;}
.parn ul li p{ font-size:12px; line-height:20px; height:40px; display:block; color:#999999; text-align:center;}
.parn ul li b{ display:block; color:#ff5601; }
.proce{ width:100%; background:url(../images/proce.png) no-repeat center bottom #f4f4f4; padding:80px 0; position:relative; display:block;}
.link{width:1200px; margin:0 auto; border:none;  }
.link hr{color:#ccc}
.link a{line-height:16px; color:#6f6f6f}
	.alit{width: 100%; padding-top: 50px; background:url(../images/baef2.jpg) repeat; }
	.alit ul{width: 1200px;margin: 0 auto; }
	.alit ul li {width: 33.333%; float: left; height: 300px; text-align: center; font-size: 16px; margin-top:30px }
	.alit ul li p {line-height: 30px; padding: 0 20px;}
	.price {width: 100%; background: url(../images/bg0001.jpg); background-repeat:no-repeat;  padding-top: 50px;}
	.price ul{width: 1240px; margin: 0 auto; height: 400px; }
	.price ul li {width: 23%;float: left; text-align: left; color: #fff; margin: 0 1%;  font-size: 16px; }
	.price ul li p,.price ul h2{color: #fff}
	.price ul h2{padding: 1%}
	.price .plan_a{background: #b3b3b3; font-size: 24px; padding: 20px 0; text-align: center; }
	.price .plan_b{background: #818181;font-size: 24px;padding: 20px 0; text-align: center; }
	.price .plan_c{background: #3e3e3e;font-size: 24px;padding: 20px 0;text-align: center; }
	.price .plan_d{background: #000000;font-size: 24px;padding: 20px 0; color: #a89754;text-align: center;  }
	.price .a_price{text-align: center; font-size: 24px; margin: 30px 0;}
	.alit_con {text-align: left; margin:10px 0;}
	


.we_can_do {
	width: 1190px;
	height: 646px;margin: 0 auto;
	overflow: hidden;
}
.we_can_do h3 {
	font-size: 40px;
	height: 118px;
	line-height: 118px;
	text-align: center;
	color: #ff5601;
	font-weight: normal;
	margin-top: 48px;
	background: url(../images/line.gif) no-repeat center bottom;
}
.we_can_do .introduce {
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	padding: 18px 0 44px;
}
.can_do {
	width: 100%;
	min-width: 1190px
	overflow: hidden;
}
.can_do li {
	float: left;
	width: 276px;
	text-align: center;
	margin-right: 21px;
}
.can_do li .icon {
	width: 161px;
	height: 161px;
	margin: 0 auto;
	transition: 2s all ease;
	transform-origin: center center;
}
.can_do li .icon:hover {
	transform: rotate(360deg);
}
.can_do li .icon1 {
	background: url(../images/we_can_do_icon.jpg) no-repeat left 0px;
}
.can_do li .icon2 {
	background: url(../images/we_can_do_icon.jpg) no-repeat left -161px;
}
.can_do li .icon3 {
	background: url(../images/we_can_do_icon.jpg) no-repeat left -322px;
}
.can_do li .icon4 {
	background: url(../images/we_can_do_icon.jpg) no-repeat left -483px;
}
.can_do li span {
	font-size: 22px;
	padding: 26px 0 10px;
	display: block;
	color:#000000;
}
.can_do li p {
	width: 250px;
	line-height: 24px;
	color: #666;
	margin: 0 auto;
	font-size: 14px;
}
.no_margin {
	margin: 0;
}
/*网络展示*/
.network_exhibition {
	width: 100%;
	min-width: 1190px;
	overflow: hidden;
	background: #232323;
}
.network_exhibition h3 {
	font-size: 40px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin: 50px 0 50px;
}



.network_exhibition_list_warp, .network_exhibition_list {
	width: 100%;
	min-width: 1190px;
	overflow: hidden;
	margin: 0 auto;
}
.network_exhibition_list li {
	float: left;
	width: 16.666%;
	position: relative;
	overflow: hidden;
}
.network_exhibition_list li a {
	text-decoration: none;
	display: block;
	font-size: 0;
}
.network_exhibition_list li p {
	width: 100%;
	position: absolute;
	bottom: -46px;
	left: 0;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.8);
}
.network_exhibition_list li img {
	width: 100%;
}



@-webkit-keyframes banner-slide-20 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -20px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes banner-slide-20 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes banner-slide-40 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes banner-slide-40 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -40px, 0);
transform:translate3d(0, -40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes banner-slide-60 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes banner-slide-60 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -60px, 0);
transform:translate3d(0, -60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes banner-slide-80 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -80px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes banner-slide-80 {
0% {
opacity:0;
-webkit-transform:translate3d(0, -80px, 0);
transform:translate3d(0, -80px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes re-banner-slide-20 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes re-banner-slide-20 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes re-banner-slide-40 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes re-banner-slide-40 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 40px, 0);
transform:translate3d(0, 40px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes re-banner-slide-60 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes re-banner-slide-60 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 60px, 0);
transform:translate3d(0, 60px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
lesshat-selector {
	-lh-property: 0
}
@-webkit-keyframes re-banner-slide-80 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0)
}
}
@keyframes re-banner-slide-80 {
0% {
opacity:0;
-webkit-transform:translate3d(0, 80px, 0);
transform:translate3d(0, 80px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
[not-existing] {
zoom:1
}






@-webkit-keyframes slide-product20 {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
to {
	opacity: 1
}
}
@keyframes slide-product20 {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
	opacity: 1
}
}
.slide-product-20 {
	-webkit-animation: slide-product20 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-product20 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}
@-webkit-keyframes slide-product30 {
0% {
opacity:0;
-webkit-transform:translateY(30px)
}
to {
	opacity: 1
}
}
@keyframes slide-product30 {
0% {
opacity:0;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
to {
	opacity: 1
}
}
.slide-product-30 {
	-webkit-animation: slide-product30 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-product30 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}
@-webkit-keyframes slide-product40 {
0% {
opacity:0;
-webkit-transform:translateY(40px)
}
to {
	opacity: 1
}
}
@keyframes slide-product40 {
0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
to {
	opacity: 1
}
}
.slide-product-40 {
	-webkit-animation: slide-product40 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-product40 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}
lesshat-selector {
	-lh-property: 0
}
@-webkit-keyframes slide-product50 {
0% {
opacity:0;
-webkit-transform:translateY(50px)
}
to {
	opacity: 1
}
}
@keyframes slide-product50 {
0% {
opacity:0;
-webkit-transform:translateY(50px);
transform:translateY(50px)
}
to {
	opacity: 1
}
}
[not-existing] {
zoom:1
}
.slide-product-50 {
	-webkit-animation: slide-product50 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-product50 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}

.solution .module-wrap {
	
}
.solution .module-wrap .slide-container {
	position: relative;
	/*min-width: 1180px;
	max-width: 1440px;*/
	height: 344px;
}
.solution .module-wrap .slide-container .slide-btn, .solution .module-wrap .slide-container .slide-btn-panel {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	border: 0;
	outline: none;
	cursor: pointer;
	background: transparent;
}
.solution .module-wrap .slide-container .slide-btn i, .solution .module-wrap .slide-container .slide-btn-panel i {
	display: inline-block;
	font-size: 25px;
	color: #fff;
	cursor: pointer;
	opacity: 0.7;
	filter: alpha(opacity=70);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}
.solution .module-wrap .slide-container .slide-btn:hover i, .solution .module-wrap .slide-container .slide-btn-panel:hover i {
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.solution .module-wrap .slide-container .slide-btn.left-btn, .solution .module-wrap .slide-container .slide-btn-panel.left-btn {
	left: 0;
}
.solution .module-wrap .slide-container .slide-btn.right-btn, .solution .module-wrap .slide-container .slide-btn-panel.right-btn {
	right: 0;
}
.solution .module-wrap .slide-container .slide-btn-panel {
	display: none;
}
.solution .module-wrap .slide-container .slide-btn-panel .btn-bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #161A1D;
	opacity: 0.3;
	filter: alpha(opacity=30);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(30));
	display: none;
}
.solution .module-wrap .slide-container:hover .slide-btn-panel {
	display: block;
}
.solution .module-wrap .slide-container:hover .slide-btn-panel .btn-bg {
	display: block;
}
.solution .module-wrap .slide-container .slide-body {
	position: relative;
	overflow: hidden;
	height: 344px;
}
.solution .module-wrap .slide-container .slide-body .slide-content {
	position: absolute;
 *zoom: 1;
	left: 0;
	top: 0;
}
.solution .module-wrap .slide-container .slide-body .slide-content:before, .solution .module-wrap .slide-container .slide-body .slide-content:after {
	content: "";
	display: table;
}
.solution .module-wrap .slide-container .slide-body .slide-content:after {
	clear: both;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item {
	position: relative;
	float: left;
	color: #000;
	font-size: 0;
	text-align: center;
	width: 16.6666666%;
	
	height: 448px;
	cursor: pointer;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg {
	width: 100%;
	height: 100%;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #161A1D;
	opacity: 0.6;
	filter: alpha(opacity=60);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(60));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg {
	opacity: 0.7;
	filter: alpha(opacity=70);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content {
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	bottom: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel {
	padding: 0;
	margin: 0;
	font-size: 0;
	line-height: 0;
	margin-top: 20px;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line {
	width: 20px;
	height: 2px;
	background: #fff;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel {
	position: relative;
	width: 25%;
	height: 54px;
	display: inline-block;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img, .solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	display: inline-block;
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover {
	opacity: 0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title {
	color: #fff;
	font-size: 22px;
	line-height: 24px;
	margin: 0;
	padding: 0;
	margin-top: 24px;
	font-weight: bold;
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-top: 30px;
	padding: 0px 23px;
	line-height: 24px;
	height: 72px;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	display: inline-block;
	border: 1px solid #fff;
	width: 120px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin-top: 62px;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover {
	color: #333;
	background: #fff;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc, .solution .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link {
	opacity: 0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
	-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg {
	background: #ff8400;
	opacity: 0.7;
	filter: alpha(opacity=90);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(90));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg.other-bg {
	opacity: 0.7;
	filter: alpha(opacity=70);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content {
	top: 13%;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img {
	opacity: 0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover {
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel {
	margin-top: 10px;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel .item-line {
	opacity: 0;
	filter: alpha(opacity=0);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(0));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title {
	margin-top: 12px;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc, .solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	opacity: 1;
	filter: alpha(opacity=100);
 -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc {
	margin-top: 22px;
}
.solution .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link {
	margin-top: 14%;
}
@-webkit-keyframes slide-market20 {
0% {
opacity:0;
-webkit-transform:translateY(20px)
}
to {
	opacity: 1
}
}
@keyframes slide-market20 {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
to {
	opacity: 1
}
}
.slide-market-20 {
	-webkit-animation: slide-market20 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-market20 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}
@-webkit-keyframes slide-market30 {
0% {
opacity:0;
-webkit-transform:translateY(30px)
}
to {
	opacity: 1
}
}
@keyframes slide-market30 {
0% {
opacity:0;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
to {
	opacity: 1
}
}
.slide-market-30 {
	-webkit-animation: slide-market30 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-market30 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}
@-webkit-keyframes slide-market40 {
0% {
opacity:0;
-webkit-transform:translateY(40px)
}
to {
	opacity: 1
}
}
@keyframes slide-market40 {
0% {
opacity:0;
-webkit-transform:translateY(40px);
transform:translateY(40px)
}
to {
	opacity: 1
}
}
.slide-market-40 {
	-webkit-animation: slide-market40 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-market40 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}
lesshat-selector {
	-lh-property: 0
}
@-webkit-keyframes slide-market50 {
0% {
opacity:0;
-webkit-transform:translateY(50px)
}
to {
	opacity: 1
}
}
@keyframes slide-market50 {
0% {
opacity:0;
-webkit-transform:translateY(50px);
transform:translateY(50px)
}
to {
	opacity: 1
}
}
[not-existing] {
zoom:1
}
.slide-market-50 {
	-webkit-animation: slide-market50 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1;
	animation: slide-market50 1.5s cubic-bezier(.4, 0, .2, 1) 0s 1
}

.point-area {
	text-align: center;
	position: relative;
	width: 150px;
	height: 150px;
	-webkit-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out
}
.point-area .point {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent
}
.point-area .point-shadow:after {
	box-shadow: inset 0 0 5em rgba(0,205,236,.16)
}
.point-area .point-white {
	background-color: #fff;
	border: 1px solid #00c1de
}
.point-area .point-dot {
	z-index: 1;
	background-color: #6ad7e9;
	border: 1px solid rgba(0,205,236,.37)
}
.point-area .point-10 {
	width: 100%;
	height: 100%
}
.point-area .point-10:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 225ms infinite;
	animation: ripple 4.5s ease-out 225ms infinite
}
.point-area .point-20 {
	width: 100%;
	height: 100%
}
.point-area .point-20:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out .45s infinite;
	animation: ripple 4.5s ease-out .45s infinite
}
.point-area .point-30 {
	width: 100%;
	height: 100%
}
.point-area .point-30:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 675ms infinite;
	animation: ripple 4.5s ease-out 675ms infinite
}
.point-area .point-40 {
	width: 100%;
	height: 100%
}
.point-area .point-40:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out .9s infinite;
	animation: ripple 4.5s ease-out .9s infinite
}
.point-area .point-50 {
	width: 100%;
	height: 100%
}
.point-area .point-50:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 1125ms infinite;
	animation: ripple 4.5s ease-out 1125ms infinite
}
.point-area .point-60 {
	width: 100%;
	height: 100%
}
.point-area .point-60:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 1.35s infinite;
	animation: ripple 4.5s ease-out 1.35s infinite
}
.point-area .point-70 {
	width: 100%;
	height: 100%
}
.point-area .point-70:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 1575ms infinite;
	animation: ripple 4.5s ease-out 1575ms infinite
}
.point-area .point-80 {
	width: 100%;
	height: 100%
}
.point-area .point-80:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 1.8s infinite;
	animation: ripple 4.5s ease-out 1.8s infinite
}
.point-area .point-90 {
	width: 100%;
	height: 100%
}
.point-area .point-90:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 2025ms infinite;
	animation: ripple 4.5s ease-out 2025ms infinite
}
.point-area .point-100 {
	width: 100%;
	height: 100%
}
.point-area .point-100:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #00cdec;
	opacity: 0;
	-webkit-animation: ripple 4.5s ease-out 2.25s infinite;
	animation: ripple 4.5s ease-out 2.25s infinite
}
lesshat-selector {
	-lh-property: 0
}
@-webkit-keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: scale(1)
}
}
@keyframes ripple {
0% {
opacity:0;
-webkit-transform:scale(.1);
transform:scale(.1)
}
5% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
[not-existing] {
zoom:1
}



.ban{ width:100%; height:auto; overflow: hidden; text-align:center; margin-top:80px; }

.ban img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 



.caseTop{height:70px;background:#ea611a url(../../images/rain2/hexagon.png);color:#FFF;text-align:center; position:relative; display:block;}

.caseTop a{height:70px;line-height:70px;color:#FFF;font-size:16px;margin-right:50px;display:inline-block}

.caseTop a.hover{background:url(../../images/rain2/ctbg.jpg) no-repeat bottom center}





.warpban{ width:100%; height:auto; overflow: hidden; text-align:center;  }

.warpban img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 

.warp{ width:100%; margin:50px auto 60px auto; display:block; background:#fff;}



 

.newsdox h4 { text-align: center; font-size: 28px; line-height: 1.2; color: #222; font-weight:400;}

.newsdox h4 em{ font-weight:normal; color:#747474; font-size:28px; }

.newsdox h4 span{font-family:"Arial"; font-size:28px; color:#222;}

.newsdox .line{ margin:20px auto; width:90px; height:3px; background-color:#fc680f;}

.newsdox h3 { text-align: center; font-size: 14px; margin-bottom: 7px;color: #888; font-weight:400; text-transform: uppercase;}

.article { font-size: 16px; line-height:2; min-height: 200px;    margin-top: 54px; color:#212121; }

.article img { max-width: 100%; height: auto !important; }







.article_list{  position:relative; padding:40px 0 0;}

.article_list ul li{margin-top:10px; margin-bottom:10px;padding-left:20px;padding-top:20px;cursor: pointer;border:1px solid #fff;padding-bottom:20px;transition: all 0.2s;}

.article_list ul li .fl{width:800px; float:left;}

.article_list ul li .title{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; display:block;}

.article_list ul li .intro{font-size:12px;color: #a2a2a2;line-height:22px; height:44px; overflow:hidden; display:block;}

.article_list ul li .fr{width:100px;position: relative; float:right;height:100%;/*background-color: #0f0;*/}

.article_list ul li .dse{color: #999999;}

.article_list ul li .md{font-size:18px;display: block;}

.article_list ul li .year{font-size:12px;display: block; padding-left:20px;}

.article_list ul li .more{margin-top:10px;padding:7px 14px;border-radius: 24px;border:1px solid #dbdbdb;display: inline-block;line-height:1;color: #ea5404;transition: all 0.5s;}

.article_list ul li:hover{border:1px solid #e9e9e9;box-shadow: 5px 10px 10px #eee;}

.article_list ul li:hover .more{background-color: #ea5404;color: #fff;border:1px solid #ea5404;margin-left:10px;}







.dede_pages { MARGIN:30px auto; text-align:center;}
.dede_pages span {color:#333;TEXT-DECORATION: none;font-size:14px;}

.dede_pages ul a{BORDER: #ccc 1px solid; font-size:14px; PADDING:4px 10px;  MARGIN: 2px; COLOR: #333; TEXT-DECORATION: none; display: inline-block;}

.dede_pages ul a{ color:#333;TEXT-DECORATION: none; }

.dede_pages ul a:hover { color:#ea5404;TEXT-DECORATION: underline;}

.dede_pages ul a.curr { color:#fff; background:#ea5404;BORDER: #ea5404 1px solid;TEXT-DECORATION: none;}



.slide{width:100%; overflow:hidden;position:relative; margin:30px auto;} 

.slide ul li{display:inline;float:left;width:31%; margin:1%;overflow:hidden;}

.slide ul li img{-webkit-filter: grayscale(1%); 

-moz-filter: grayscale(1%); 

-ms-filter: grayscale(1%); 

-o-filter: grayscale(1%); 

filter: grayscale(1%); 

filter: gray;}

.slide ul li img:hover{-webkit-filter: grayscale(1%); 

-moz-filter: grayscale(1%); 

-ms-filter: grayscale(1%); 

-o-filter: grayscale(1%); 

filter: grayscale(1%); 

filter:;}
.picimglink img.imga{ width:100%}

.slide ul a{display:block;width:100%;overflow:hidden;color:#fff;}

.slide ul a:hover .pic-txt{color:#fff;}

.slide p{line-height:50px;background: rgba(0,0,0,0.8);  color:#fff; font-size:16px; text-align:center;  font-family:"微软雅黑" }

.slide ul .pic-txt{display:block;bottom:-65px;position:relative;width:100%;margin:-65px 0 0;padding:0 5px; font-size:14px; line-height:65px; font-weight:bold;text-align:center;z-index:1;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);cursor:pointer;}

:root .slide ul .pic-txt{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#00000000,endColorstr=#00000000);}







/*pshx*/

.pro_List{width:1212px; overflow:hidden;position:relative; margin:30px auto;}

.pro_List ul li {float: left; margin:0 10px 10px 0px; }

.pro_List ul li a img { width: 384px;height: 240px;border: 3px solid #fff; display: block;}

.pro_List ul li a img:hover{border:3px solid #ff5601;}





 

.tesaxt{text-align: center; font-size: 30px; line-height: 1.2;margin-bottom: 7px;color: #7B7B7B;}

.time {text-align: center;font-size: 14px;color: #999; margin-bottom: 40px;}

.arhds{font-size:14px; line-height:25px; min-height: 300px;  margin: 0 auto; color:#666; width:80%}

.arhds img{ max-width:100%;}



 

.otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }

.pageList { float: left; margin-left: 27px; padding: 12px 0; }

.pageList li { line-height: 32px; font-size: 14px; color: #333; }

.pageList li a { color: #333; }

.pageList li a:hover { color: #d51737; }

.otherTool { float: right; padding-top: 18px; }

.otherTool li { position: relative; float: left; width: 58px; text-align: center; cursor: pointer; }

.otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; padding-left:0px; background:none; margin:0px; float:none; }

.otherTool li.close { background: url(../../images/rain2/icon36.png) center top no-repeat; }

.otherTool li.close a:hover{ background: url(../../images/rain2/icon36s.png) center top no-repeat; }

.otherTool li.share { background: url(../../images/rain2/icon37.png) center top no-repeat; }

.otherTool li.share a:hover{ background: url(../../images/rain2/icon37s.png) center top no-repeat; }

.otherTool li.share:hover .shareBox { display: block; }

.otherTool li:hover a { color: #d51737; }

.otherTool li .shareBox { position: absolute; display: none; width: 150px; bottom: 56px; left: 0; border: 1px solid #ccc; background-color: #fff; }

.otherTool li .shareBox dt { line-height: 24px; border-bottom: 1px solid #ccc; background-color: #f1f1f1; font-size: 14px; text-indent: 10px; color: #333; text-align: left; }

.otherTool li .shareBox dd { padding: 10px; }











/*about us*/

.container{ width:100%;height:auto; overflow: hidden; }

.w1200 { width:1190px; margin:0 auto; }

.pt50{padding:50px 0;}

.w1200 .title1{ width:200px; height:55px;  font-family:"Microsoft Yahei"; clear: both;  color: #989898;font-size: 18px; padding-bottom:40px;}

.w1200 .title1 span{ display:block; color:#ff5601; font-size:24px;border-top:1px solid #f3f3f3; }

.playBox {overflow:hidden;}

.playBox .play_v { float:left;width:750px; overflow:hidden; }

.playBox .play_v li { float: left;width: 350px; margin: 0 45px 27px 0; }

.playBox .play_v li:nth-child(2){ margin-right:0; float:right;}

.playBox .play_v .divimg{ width: 350px;height:220px; background-size: cover;}

.playBox .play_v .title {font-size: 24px;color: #7c7c7c; height: 35px; line-height: 35px; text-align: center;  text-overflow: ellipsis; white-space: nowrap;

overflow: hidden;}

.playBox .des_info{ width:440px; float:left;  overflow:hidden;}

.playBox .des_info ul{width:440px;margin-left:85px; float:left; overflow:hidden;}

.playBox .des_info ul .icon_i{background:url(../../images/rain2/icon_i.png) no-repeat left center;

 width:440px; line-height: 50px; height: 50px;overflow: hidden;color: #2e2e2e;   font-size: 28px; font-weight:bold; display: block; text-indent: 50px;

}

.playBox .des_info li span{ font-size:21px; color:#999999; display:block; line-height:40px; text-indent: 20px;}

.playBox .des_info ul .info{font-size:14px; color:#999999;line-height:26px; margin-left: 20px; }  

.playBox .des_info ul .mor{background: #ff8400; width: 100px; height: 30px; margin:30px 0 10px 20px; text-align:center;display: block; color: #fff;  border-radius: 5px;line-height: 30px;}







.about_us{ width:100%; height:150px; background-color:#2f2f2f;}

.au_c {width: 100%; text-align: center; font-size:12px; color: #fff;  overflow: hidden; padding:19px 0px; line-height: 28px;}





.abtv{ width:100%; position:relative; display:block; background:url(../../images/rain2/qzxbg.jpg) no-repeat center top; min-height:580px; }

.abtv .infotxt{width:1190px; margin:0 auto;  overflow:hidden; }

.abtv .infotxt h3{ font-size: 36px;height: 60px; line-height: 60px;color: #f2f2f2; font-weight: normal;letter-spacing:8px;}

.abtv .infotxt h3 span{ font-size:45px;}







.infotxt .title1{ width:200px; height:55px;  font-family:"Microsoft Yahei"; clear: both;  color: #f2f2f2;font-size: 18px; padding:45px 0 40px 0;}

.infotxt .about_txt{ width:720px; float:right;}

.infotxt .about_txt .abt_t{font-size: 14px;color: #fff; line-height:24px; padding:35px 0 30px 0; display: block; border-bottom:1px solid #f2f2f2;}

.infotxt .about_txt .col1{background:url(../../images/rain2/col1.png) no-repeat left center;

 line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px; margin-top:30px;

}

.infotxt .about_txt .col2{background:url(../../images/rain2/col2.png) no-repeat left center;

 line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px;

}

.infotxt .about_txt .col3{background:url(../../images/rain2/col3.png) no-repeat left center;

 line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px;

}

.infotxt .title1 span{ display:block; color:#f2f2f2; font-size:24px; }











.listItem{ width:100%;height:auto; overflow: hidden; }

.listItem .casext{width:700px; height:100px; margin:0 auto; position:relative; background:url(../../images/rain2/xitg.png) no-repeat center;  margin-top:50px;}

.listItem .casext span{ width:700px; height:100px;  vertical-align:middle; display:table-cell;}

.listItem .casext span img{ max-width:700px; max-height:100px; margin:0 auto; display:block;}

.listItem .seve2{ text-align:center; line-height:30px; height:30px; font-size:13px; color:#999;}

 



.listItem ul{ width:1190px; margin:0 auto;overflow: hidden; padding:60px 0px 80px;  }

.listItem ul li{ float:left; width:100px; height:200px; text-align:center; margin-right:80px; }

.listItem ul li:nth-child(7){ margin-right:0; floatï¼›right;}

.listItem ul li .icon { width: 90px;height:90px; margin: 0 auto;}

.listItem ul li img{ max-width:90px; max-height:90px; display:block; margin:0 auto;-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray;transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}

.listItem ul li:hover img{ cursor:pointer; -webkit-filter: grayscale(1%); 

-moz-filter: grayscale(1%); 

-ms-filter: grayscale(1%); 

-o-filter: grayscale(1%); 

filter: grayscale(1%); 

filter:;transform:rotate(360deg);    -webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);    -ms-transform:rotate(360deg);}

.listItem li span{font-size: 24px; padding: 0px 0 10px; display: block;  color: #ff982b;}

.listItem ul li p {width: 90px;line-height: 28px;font-size: 18px;  color: #9f9f9f; margin: 0 auto; }







.abcre{ width:100%; position:relative; display:block; background:url(../../images/rain2/abt_cre.jpg) no-repeat center top; min-height:390px; }

.abcre .infotxt{width:1190px; margin:0 auto;  overflow:hidden; }

.abcre .infotxt h3{ font-size: 36px;height: 60px; line-height: 60px; text-align: center;color: #fc8730; font-weight: normal;letter-spacing:8px;  padding-top: 40px;}

.abcre  .infotxt h3 span{ font-size:45px;}

.abcre .creat {width:1190px; margin:0 auto;overflow: hidden; margin:40px 0;}

.abcre .creat li{ float:left; width:220px; height:300px; text-align:center; margin-right:100px; }

.abcre .creat li .icon1{width: 199px; height: 199px;margin: 0 auto;}

.abcre .creat li p{width: 199px;line-height: 28px;font-size: 16px;  color: #969696;     padding: 26px 0 10px; margin: 0 auto;}

.abcre .creat li:nth-child(4){ margin-right:0; float:right;}









.officeshow{width:100%;height:auto;margin:0 auto; overflow: hidden;}

.officeshow .imgshow{width:100%; text-align: center;overflow: hidden; }

.officeshow .imgshow li{float: left;  width: 33.3333333%; height:341px; overflow: hidden;}

.officeshow .imgshow li img{ display:block; width:100%; max-height:100%; }









.the_reason{ width:100%; position:relative; display:block; background:url(../../images/rain2/qzx_footbg.jpg) no-repeat center top; height:616px; }

.the_reason .desc{width:1190px; margin:0 auto; overflow:hidden;}

.the_reason .desc p{ width:520px; height:200px; overflow:hidden; font-size:18px;  line-height:34px;color:#fff;   margin:0 auto; margin-top:305px; text-align:center;} 









/*cost */

.cost{width:100%;height:auto; overflow: hidden;}

.cost .w1200{ height:160px;  margin-top: 60px;text-align:center; line-height:50px;}

.cost .w1200 .mainTitle1{ font-size:32px; font-weight:bold; color:#484848; }

.cost .w1200 .mainTitle2{ font-size:24px; color:#ccc; }









.picshow{width:100%;height:auto; overflow: hidden;}

.picshow ul li{width:100%;height:490px; overflow: hidden;}

.picshow ul li .img1{ float:left; width:43%; height:100%; }

.picshow ul li .img1 img{width:100%; min-height:100%;  }

.picshow ul li .firstpart{ float:right; width:57%; height:100%;  background-color:#484848; }

.picshow ul li .firstpart img{ padding:45px 0 0 57px;}

.picshow ul li .firstpart p{ font-size:14px; color:#ffffff; height:320px;  line-height:32px; padding:10px 0 0 67px; overflow:hidden;}

.picshow ul li .firstpart p a{font-size:14px;color:#ffffff;}

.picshow ul li .firstpart p a:hover{color:#e0e0e0;}

.picshow ul li .firstpart p:hover{cursor:pointer;  color:#e0e0e0;}

.picshow ul li.l1 .img1{ float:right;}

.picshow ul li.l1 .firstpart{ float:left; text-align:right; background-color:#ff8400; }

.picshow ul li.l1 .firstpart img{padding:45px 57px 0 0px;}

.picshow ul li.l1 .firstpart p{padding:10px 67px 0 0px;}





/*客户感言*/

.customer{width:1212px; overflow:hidden;position:relative; margin:0px auto;} 

.customer li{ float:left;width:1200px;  padding:6px 0; border-bottom:1px dashed #d8d8d8 }

.customer li a{ float:left; width:1155px; padding:7px 0 7px 5px}

.customer li img{ float:left; width:280px; height:210px; padding:2px; border:1px solid #dcdcdc; background:#fff;}

.customer .nameli_r{float:left; height:210px; overflow:hidden; line-height:1.5; color:#595959;width:848px; margin-left:15px; padding:0 0 0 0;  }

.customer .nameli_rt{float:left;width:848px;font:16px/2 'Microsoft Yahei'; color:#333; }

.customer .nameli_rt .fl{  overflow:hidden; white-space:nowrap; width:848px;color:#333333 }

.customer p.namecontent{text-overflow:ellipsis; overflow:hidden; color:#a2a2a2; float:left; width:848px; line-height:22px; font-size:14px;  padding:0 0 0 0; }









.mob_area{ width:1200px; margin:30px auto; position:relative; display:block;}

.mob_area ul li{ width:370px; float:left; display:block; margin-right:45px;}

.mob_area ul li:nth-child(3n){ margin-right:0;} 



.mob-eye-bg{display:block;width:370px;height:220px;overflow:hidden;position:relative;cursor: pointer} 

.mob-eye-bg:hover img.mob-eye{top:50px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}

.mob-eye-bg:hover img.mob-image{width:370px;} 

.pc-eye-bg:hover div.alpha-bg,.mob-eye-bg:hover div.alpha-bg{display: block} 

.mob-eye{position:absolute;left:125px;top:-120px;z-index:2}

.alpha-bg{position:absolute;width:100%;height:100%;top:0;left:0;display:none;background:url(../../images/rain2/alpha.png) 0 0 repeat;z-index:1} 



.main_prm{width:100%;height:80px; display:block; line-height:80px; text-align:center; overflow:hidden; font-size:20px; color:#666}



.linkbox{ width:1200px; height:auto; display:block; margin:30px auto; }

.linkbox dl{ width:100%; display:block; margin-bottom:15px; display:block; float:left;}

.linkbox dl dd{ font-size:15px; height:30px; display:block; float:left; color:#fff; padding:0 25px; background:#ff5601; line-height:30px; }

.linkbox dl dd a{color:#fff;}

.linkbox dl dt{ width:100%; height:auto; display:block; margin-top:10px; float:left;  }

.linkbox dl dt a{ margin-bottom:15px; margin-left:30px; font-weight:bold; display:block; float:left; line-height:25px; font-size:14px; color:#666;}