body{}





.ban{ width:100%; height:auto; overflow: hidden; text-align:center; background:#000;padding-top:43px }

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

.about{width:100%; display:block; height:auto}
.about img{max-width:100%; width: 100%}
.about_p2{background:url(../../images/rain2/abanner.jpg)center center / cover no-repeat; height: 710px;position: relative;}
.about_p2 .p_left{width:50%;  padding:5em ;line-height:3em }
.about_p2 .p_left p{text-align:left; font-size:1.5em; color:#fff; text-indent: 2em;}
.about_p2 .img_r{position: absolute;
    right: 0px;
    top: 100px;}

	
@media screen and (max-width: 1600px)
.ab_banB {
    margin-top: 50px;
	}
	
.ab_banB {
    width: 100%;
    float: left;

}
	

@media screen and (max-width: 1600px)
.ab_banB li>span {
    font-size: 66px;
}

@media screen and (max-width: 1200px)
.img_r {
    bottom: 56px;
}
.ab_banB{padding: 0 5em}

.ab_banB li:last-child {
    background: none;
    padding-right: 0px;
    margin-right: 0px;
}

.ab_banB li {
    float: left;
    padding-right: 7%;
    margin-right: 7%;
    background: url(../../images/rain2/xian1.jpg) no-repeat center right;
    font-family: "Arial";
    color: #fff;
	font-size:1.3em
}
.ab_banB li span{font-size:4em;display:block}



.caseTop{height:70px;background:#2b333f 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}

.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:0 auto ; display:block; background:#fff; overflow:hidden}


.warpBg{ background:#000;}
.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; }


.news{width: 80%}




.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.thisclass { 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; padding-top: 30px }

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

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

.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: 100%; 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;}

		.tcplayer{
		margin:0 auto}
		@media screen and (max-width:640px){
		#player-container-id{
		width:100%;
		height:270px}
		}
		@meida only screen and(min-device-pixel-ratio:2),only screen and(-webkit-min-device-pixel-ratio:2{
		.tcp-logo-img{
		width:50%;}
		}
		}


.client img{width: 100%;}