.ecologybox{ background:url(../images/aboutbg.jpg) no-repeat center top #fff; background-size:100% auto; clear:both; min-height:400px;  }
.ecologybox.news_view{ margin-top:80px;}
.ecology_banner{ height:420px; margin-top:50px; overflow:hidden;}
.ecology_banner .text{ width:485px; color:#fff; margin:100px 0 0 95px;}
.ecology_banner .text h2{ font-size:28px; line-height:30px; margin-bottom:15px;}
.ecology_index_b{ padding-top:20px; padding-bottom:80px;}
.ecology_index_b dl{ width:575px; height:485px; overflow:hidden; float:left; margin:60px 50px 0 0;}
.ecology_index_b dl.last{ margin:60px 0 0 0;}
.ecology_index_b dl dt{ width:100%; box-sizing:border-box; height:330px; overflow:hidden; border:1px solid #e5e5e5;  border-radius:4px;}
.ecology_index_b dl dt span{ display:block; width:100%; height:100%; transition:all 0.3s ease-in;}
.ecology_index_b dl:hover dt span{ transform:scale(1.2);}
.ecology_index_b dl dd{ margin-top:10px; color:#666;}
.ecology_index_b dl h2{ font-size:20px; color:#333; margin-top:20px; font-weight:bold;}
.ecology_index_b dl em{ color:#a80028;}
.ecology_index_b dl:hover em{ text-decoration:underline;}

.contactindex{ margin-top:60px; padding-bottom:100px;}
.contactindex dl{ width:590px; height:470px; overflow:hidden; float:left; margin:40px 20px 0 0;}
.contactindex dl:nth-child(2n){ margin:40px 0 0 0;}
.contactindex dl dt{ width:100%; box-sizing:border-box; height:326px; overflow:hidden; border:1px solid #e5e5e5;}
.contactindex dl dt span{ display:block; width:100%; height:100%; transition:all 0.3s ease-in;}
.contactindex dl:hover dt span{ transform:scale(1.2);}
.contactindex dl dd{ margin-top:10px; color:#666;}
.contactindex dl h2{ font-size:20px; color:#333; font-weight:bold;}
.contactindex dl em{ color:#a80028;}
.contactindex dl:hover em{ text-decoration:underline;}

.ecologytab{ width:100%; text-align:center; font-size:16px; margin-top:40px;}
.ecologytab a{ margin:0 30px; position:relative; display:inline-block;}
.ecologytab a:hover{ color:#b21b35;}
.ecologytab a.active{ color:#b21b35;}
.ecologytab a.active:after{ content:""; width:25px; height:2px; display:block; background:#b21b35; display:block; margin:0 auto; margin-top:10px;}
 

.ycloud_list{ margin-top:70px;}
.ycloud_list.last{ padding-bottom:70px;}
.ycloud_list.xiao{ margin-top:40px;}
.ycloud_list h2{ font-size:32px; line-height:40px; text-align:center;}
.ycloud_list .list{ width:580px; height:320px; background-position:right top; background-repeat:no-repeat; background-color:#fff; box-shadow:0 5px 15px 0 rgba(0,0,0,0.1); overflow:hidden; background-size:contain; float:left; position:relative; margin:30px 40px 0 0; box-sizing:border-box; border:1px solid #f4f4f4; transition:all .4s; border-radius:4px;}
.ycloud_list .list.last{ margin:30px 0 0 0;}
.ycloud_list .list:hover{ -webkit-transform:translateY(-6px);-ms-transform:translateY(-6px);transform:translateY(-6px); box-shadow:0 8px 25px 0 rgba(0,0,0,0.1);}
.ycloud_list .list.big{ width:100%; background-position:right bottom; }
.ycloud_list .list .pic{ position:absolute; right:30px; bottom:30px; width:80px;}
.ycloud_list .list .pic img{ width:100%;}
.ycloud_list .list dl{ margin:70px 0 0 80px; line-height:30px;}
.ycloud_list .list dl h4{ font-size:20px; line-height:28px; color:#333; font-weight:bold;}
.ycloud_list .list dl h5{ font-size:20px; line-height:26px; color:#333; font-weight:bold;}
.ycloud_list .list dl dt{ margin-bottom:20px;}
.ycloud_list .list dl dt img{ max-height:50px;}
.ycloud_list .list dl dd{ width:260px; margin-top:10px; color:#666; font-size:16px;}
.ycloud_list .list.big dl dd{ width:610px;}
.ycloud_list .list dl dd a{ color:#a80028; font-size:14px; margin-top:20px; display:block;}
.ycloud_list .list dl dd a:hover{ text-decoration:underline;}
.ycloud_list .bottom{ clear:both; width:100%; text-align:center; margin-top:30px; }
.ycloud_list .bottom a{ color:#555; font-size:14px;}
.ycloud_list .bottom a:hover{ color:#a80028; text-decoration:underline;}

.ycloud_list .conbox dl{ width:380px; height:370px; background:#fff; float:left; overflow:hidden; margin:30px 30px 30px 0;}
.ycloud_list .conbox dl.last{ margin:30px 0 ;}
.ycloud_list .conbox dl:hover{ box-shadow:0 1px 10px 0 rgba(0,0,0,0.1);}
.ycloud_list .conbox dl dt{ width:100%; height:240px; overflow:hidden;}
.ycloud_list .conbox dl span{ width:100%; display:block; height:100%; transition:all 0.3s; }
.ycloud_list .conbox dl:hover span{ transform:scale(1.2);}
.ycloud_list .conbox dl dd{ width:100%; height:130px;  border:1px solid #ededed; border-top:0;  box-sizing:border-box; padding:15px 20px;}
.ycloud_list .conbox dl dd h3{ font-size:20px; font-weight:bold; color:#333;}
.ycloud_list .conbox dl:hover dd h3{ color:#b21b34;}
.ycloud_list .conbox dl dd em{ font-size:14px; color:#b21b34;}
.ycloud_list .conbox dl dd p{ font-size:16px; color:#666; margin:10px 0;}

.ycloud_list .con_list dl{ width:280px; height:360px; float:left; overflow:hidden; box-shadow:0 5px 3px 0 rgba(0,0,0,0.1); position:relative; margin:30px 26px 0 0;}
.ycloud_list .con_list dl.last{ margin:30px 0 0 0;}
.ycloud_list .con_list dl dt{ width:100%; height:100%;}
.ycloud_list .con_list dl dt:after{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;  transition: all 0.5s ease;  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0) 50%,rgba(0,0,0,0.9) 100%); content: " "; z-index: 30;}
.ycloud_list .con_list dl dd{ position:absolute; z-index:31; width:100%; text-align:center; height:80px; bottom:0px; color:#fff;  box-sizing:border-box; padding:0 10px;}
.ycloud_list .con_list dl dd h3{ font-size:20px;  line-height:36px; font-weight:bold; }
.ycloud_list .con_list dl dd h3 span{ display:block; font-weight:bold;}
.ycloud_list .con_list dl dd ul{ height:0; overflow:hidden;  }
.ycloud_list .con_list dl.blue dd ul{ height:auto; font-size:14px; line-height:30px; padding-top:25px;}
.ycloud_list .con_list dl.blue dd{ background:rgba(168,0,40,0.8);}
 
.ycloud_yu{ background:#fff; box-shadow:0 2px 30px 0  rgba(83,83,83,0.2); margin-top:70px;}
.ycloud_yu .pic{ width:480px; height:350px; float:left;}
.ycloud_yu .txt{ width:630px; float:left; padding:40px 0 0 40px;}
.ycloud_yu .txt h2{ font-size:32px; line-height:40px; margin-bottom:20px;}
.ycloud_yu .txt p{ font-size:16px; color:#666; line-height:34px;}

.ycloud_di{ text-align:center; color:#2059a4; font-size:16px; margin-top:30px;}
.ycloud_di.small{ margin-top:0px;}
.ycloud_di h1{ font-size:36px; color:#fff; line-height:40px; font-weight:bold; margin-top:130px; padding:0 10px; }
.ycloud_di h2{ font-size:24px; line-height:30px; font-weight:bold; margin-top:80px; }
.ycloud_di p{ margin-top:10px;}
.ycloud_di.xiao{ height:300px;}
.ycloud_di.xiao.tu1{ background:url(../images/yywfw.jpg) no-repeat center top;  }
.ycloud_di.xiao.tu2{ background:url(../images/yywjs.jpg) no-repeat center top;  }
.ycloud_di a{ width:100%; height:100%; display:block;}

.nounicon{ padding-bottom:60px;} 
.nounicon dl{ width:272px; height:348px; background:#fff; overflow:hidden; margin:30px 37px 10px 0; transition:all 0.3s; text-align:center; box-sizing:border-box; border:1px solid #f2f2f2; float:left;}
.nounicon dl:nth-child(4n){ margin:30px 0 10px 0;}
.nounicon dl:hover{ box-shadow:0 2px 10px 0  rgba(0,0,0,0.1);}
.nounicon dl dt{ margin:40px 0 20px 0;}
.nounicon dl dd{ padding:0 25px; line-height:28px; color:#666; font-size:14px;}
.nounicon dl dd h2{ font-size:20px; color:#a80028; font-weight:bold; margin-bottom:5px;}
.nounicon dl.last dt{ margin-top:95px;}
.nounicon dl.last dd h2{ font-size:20px; color:#333;}


.newszong dl{ width:394px; overflow:hidden; height:385px; float:left; margin:30px 9px 0 0;}
.newszong dl.last{ margin:30px 0 0 0;}
.newszong dl dt{ width:100%; box-sizing:border-box; height:254px; overflow:hidden; }
.newszong dl dt span{ display:block; width:100%; height:100%; transition:all 0.3s ease-in;}
.newszong dl:hover dt span{ transform:scale(1.2);}
.newszong dl dd{ padding:0 15px;  color:#666;}
.newszong dl h3{ font-size:16px; color:#333; font-weight:bold; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newszong dl p{ font-size:12px; line-height:20px; color:#555; margin:8px 0;}
.newszong dl em{ color:#999;}
.newszong dl:hover h3{ color:#a80028;}
.newszong.small dl{ height:360px;}
 

.newslie{ margin-top:60px;}
.newslie.last{ padding-bottom:0px;}
.newslie.xiao{ margin-top:20px;}
.newslie .top{ width:100%; position:relative;}
.newslie .top:after{ content:""; width:85%; box-sizing:border-box; height:1px; background:#e5e5e5; display:block; position:absolute; left:11%; top:11px;}
.newslie .top h2{ font-size:18px; float:left;   padding-right:20px; position:relative; z-index:10;}
.newslie .top h2 i{ display:inline-block; width:4px; height:16px; background:#a80028; margin-right:10px; vertical-align:-2px;}
.newslie .top span{ background:url(../images/zsicon.png) no-repeat center right; width:14px; height:12px; display:block; padding-left:30px; float:right;  position:relative; z-index:10; margin-top:5px;}
.newslie .con dl{ width:100%; overflow:hidden; clear:both; padding:20px 0; border-bottom:1px solid #e5e5e5; transition:all 0.4s;}
.newslie .con dl:hover{ background:#fafafa;}
.newslie .con dl a{ width:100%; height:100%; overflow:hidden; display:block;}
.newslie .con dl dt{ width:280px; height:180px; box-sizing:border-box; overflow:hidden; float:left; }
.newslie .con dl dt span{ display:block; width:100%; height:100%; transition:all 0.3s ease-in;}
.newslie .con dl:hover dt span{ transform:scale(1.2);} 
.newslie .con dl dd{ width:890px; float:right; }
.newslie .con dl dd h3{ font-size:18px; color:#333; font-weight:bold; margin-top:5px;}
.newslie .con dl dd h3 a{ font-weight:bold;}
.newslie .con dl:hover dd h3{ color:#a80028;}
.newslie .con dl dd p{ font-size:13px; line-height:28px; color:#666;}
.newslie .con dl dd h4{ font-weight:normal; margin:5px 0; color:#999; font-size:12px;}
.newslie .con dl dd h4 em{  margin-right:10px; }
.newslie .con dl dd h4 em a{ color:#a80028; display:inline;}
.newslie .con dl dd h4 em a:hover{ text-decoration:underline;}
.newsliebottom{ clear:both; width:100%; text-align:center; margin-top:50px; padding-bottom:50px; }
.newsliebottom a{ color:#555; font-size:14px;}
.newsliebottom a:hover{ color:#a80028; text-decoration:underline;}

.newslie.pleft .con{ box-sizing:border-box; padding-left:40px;}
.newslie.pleft .con dd{ width:850px;}
.newslie.pleft .top:after{ display:none;}
.newslie.pleft .top h2 i{ display:inline-block; width:10px; height:10px; border-radius:50%; overflow:hidden; background:#a80028; margin-right:30px; vertical-align:2px;}
/*骞翠唤淇敼*/
.yeartab{ width:50px; font-size:14px; position:fixed; line-height:30px; z-index:10; left:50%; margin-left:650px;   color:#9f9f9f;}
.yeartab .con{  position:relative; }
.yeartab .con ul{ position:relative;  }
.yeartab .con ul .list{ display:none;}
.yeartab .con ul:before{ content:""; width:1px; height:calc(100% - 23px); display:block; position:absolute; left:5px; top:15px; background:#d5d5d5; z-index:1;}
/*.yeartab .con ul:last-of-type:after{ content:""; width:1px; height:25px; display:block; position:absolute; left:5px; bottom:-15px; background:#fff; z-index:2;}*/ 
.yeartab .con ul .none{ display:none;}
.yeartab .con ul li{ position:relative; line-height:30px;}
.yeartab .con ul li>i{ content:""; background:url(../images/show.png) no-repeat; display:block; position:absolute; left:-2px; top:7px; font-family: 'fontello'; width:11px; height:11px; z-index:10; border:2px solid #fff; border-radius:50%; overflow:hidden;}
.yeartab .con ul li.current>i{ content:""; background:url(../images/shou.png) no-repeat; display:block; position:absolute; left:-2px; top:7px; font-family: 'fontello'; width:11px; height:11px; z-index:11; border:2px solid #fff; border-radius:50%; overflow:hidden;  }
.yeartab .con ul li.current>a{  color:#a80028; }

.yeartab ul a{ display:block; font-size:12px;  padding-left:20px; color:#888; cursor:pointer; position:relative;}
.yeartab li dd{ font-size:12px; line-height:18px; }
.yeartab li dd a{ color:#a9a9a9; padding-left:25px; position:relative;}
.yeartab li dd a:hover{ color:#a80028;}
.yeartab li dd a:hover:before{ content:""; background:#bc1c35; width:5px; height:5px; border:1px solid #fff; border-radius:50%; overflow:hidden; display:block; position:absolute; left:2px; top:50%; margin-top:-4px; z-index:12; }
.yeartab li dd.active a{ color:#a80028;}
.yeartab li dd.active a:before{ content:""; background:#bc1c35; width:5px; height:5px; border:1px solid #fff; border-radius:50%; overflow:hidden; display:block; position:absolute; left:2px; top:50%; margin-top:-4px; z-index:12; }
.yeartab .zan{ display:block; font-size:12px; font-weight:normal; position:relative; z-index:10; color:#888; padding-left:20px;}
.yeartab .zan:before{ content:""; width:1px; height:95%; display:block; position:absolute; left:5px; top:8px; background:#d5d5d5; z-index:1;}
.yeartab .zan.down:before{ top:-7px;}
.yeartab .zan:after{ content:""; background:url(../images/show.png) no-repeat; display:block; position:absolute; left:-2px; top:7px; font-family: 'fontello'; width:11px; height:11px; z-index:10; border:2px solid #fff; border-radius:50%; overflow:hidden;}
.down.wu,.up.wu{ display:none;}
/*.sideCatalog-up-disable:after{ content:"\e80b"; font-family: 'fontello'; opacity:0.3;}
.sideCatalog-up-enable:after{ content:"\e80b"; font-family: 'fontello';}
.sideCatalog-down-disable:after{ content:"\e817"; font-family: 'fontello'; opacity:0.3;}
.sideCatalog-down-enable:after{ content:"\e817"; font-family: 'fontello';}
#sideCatalog-up{ position:absolute; top:0; left:0;  }
#sideCatalog-down{ position:absolute; bottom:0; left:0;  }*/
 


.news_details{ width:800px; margin:30px auto 70px auto; }
.news_details .top{ border-bottom:1px solid #e9e9e9; padding-bottom:35px;}
.news_details .top h1{ font-size:28px; font-weight:bold; line-height:40px;}
.news_details .top p{ font-size:14px; margin-top:20px; line-height:26px;}
.news_details .top p em{    color:#a80028; font-size:13px; display:inline-block;}
.news_details .top p em a{ border:1px solid #a80028; color:#a80028; padding:0 10px; display:inline-block; transition:all 0.3s;}
.news_details .top p em a:hover{ background:#a80028; color:#fff;}
.news_details .top p span{ margin-left:20px; color:#666;}
.news_details .con p{ font-size:16px; line-height:30px;text-indent: 2em; }
.news_details .con p img{ max-width:100%;}
.news_details .con p strong{     font-weight: bold;}
.news_details .share{ position:fixed; left:50%; top:300px; margin-left:-480px;}
.news_details .share a{ display:block; width:38px; height:38px; box-sizing:border-box; border-radius:50%; border:1px solid #e3e3e3; line-height:38px; text-align:center; margin-bottom:15px;}
/*.news_details .share a.q1{ background:url(../images/weibo_03.png) no-repeat;}
.news_details .share a.q2{ background:url(../images/weibo_06.png) no-repeat;}
.news_details .share a.q3{ background:url(../images/weibo_08.png) no-repeat;}*/
.news_details .share a.q1{ line-height:33px;}
.news_details .share a.q3{ line-height:35px;}
.news_details .share a.q1:after{  font-family: 'fontello'; content:"\e80d"; color:#a2a2a2; font-size:20px;}
.news_details .share a.q2:after{  font-family: 'fontello'; content:"\e80e"; color:#a2a2a2; font-size:20px;}
.news_details .share a.q3:after{  font-family: 'fontello'; content:"\e80f"; color:#a2a2a2; font-size:20px;}

.about1{ margin-top:140px;}
.about1 h2{ font-size:32px; line-height:40px; text-align:center;}
.about1 .con{ margin-top:30px;}
.about1 .pic{ float:left; margin-top:10px;}
.about1 ul{ width:790px; float:right; font-size:16px; line-height:30px;}
.about1 ul li{ margin-bottom:20px;}
.about2{ background:url(../images/lic.jpg) no-repeat center top; margin-top:70px;}
.about2.wu{ background:none;}
.about2 h2{ font-size:32px; line-height:40px; text-align:center;}
.about2 .con{ text-align:center; margin-top:30px;}
.about2 .mainbox ul{ width:400px; height:460px; box-sizing:border-box; padding:30px; float:left; margin-top:50px; font-size:14px; line-height:28px; color:#2c2c2c;} 
.about2 .mainbox ul li i{ border-radius:50%; width:6px; height:6px; background:#bd002d; display:inline-block; margin-right:15px; vertical-align:2px;}
.about2 .mainbox ul li h3{ font-size:28px; line-height:30px; margin-bottom:20px; color:#bd002d;}
.teambox{ margin-top:70px; padding-bottom:100px;}
.teambox dl{ width:100%; overflow:hidden; padding:30px 0; clear:both; position:relative; cursor:pointer;}
.teambox dl:after{ content:""; display:block; width:980px; height:1px; background:#e5e5e5; position:absolute; right:0; bottom:0px; z-index:10;}
.teambox dt{ width:220px;  overflow:hidden; float:left;}
.teambox dt img{ width:100%;}
.teambox dd{ width:930px; float:right;}
.teambox dd h3{ font-size:24px; line-height:26px; color:#a80028; font-weight:bold; margin-top:10px;}
.teambox dd h4{ font-size:14px; color:#555; margin:5px 0;}
.teambox dd p{ font-size:14px; color:#999; line-height:28px;}
/*.manbox{ width:1000px; background:#fff; box-sizing:border-box; transform:scale(0); opacity:0;   position:fixed; left:50%;top:12%; margin:0 0 0 -500px; z-index:1002; transition:all 0.5s cubic-bezier(0.105,1.095,0.000,1.110); } 
.manbox.niu{ transform:scale(1); opacity:1;}
.manbox .close{ background:url(../images/close.png) no-repeat; width:18px; height:18px; display:block; position:absolute; right:20px; top:20px;}
.manbox .pic{ float:left;}
.manbox ul{ width:480px; float:right; margin:0 40px 0 0;}
.manbox ul h3{ font-size:24px; line-height:26px; color:#a80028; font-weight:bold; margin-top:30px;}
.manbox ul h4{ font-size:14px; color:#555; margin:10px 0; border-bottom:1px solid #e5e5e5; padding-bottom:15px;}
.manbox ul p{ font-size:14px; color:#999; line-height:28px;}*/
 
.manbox{ width:80%; box-sizing:border-box; transform:scale(0); opacity:0; position:fixed; left:50%;top:12%; margin:0 0 0 -40%; z-index:1002; transition:all 0.5s cubic-bezier(0.105,1.095,0.000,1.110);  } 
.manbox.niu{ transform:scale(1); opacity:1;}
.manbox .close{ background:url(../images/close.png) no-repeat; width:18px; height:18px; display:block; position:absolute; right:20px; top:20px;}
.manbox dl{ width:100%; overflow:hidden;}
.manbox dl h3{ font-size:20px; line-height:26px; color:#a80028; font-weight:bold; padding-top:10px;}
.manbox dl h4{ font-size:14px; color:#555; padding:5px 0;  padding-bottom:0px;}
.manbox dl dd{ padding:0 10px;  background:#fff;}
.manbox dl dt img{ width:100%;}

.honor{ margin-top:50px; margin-bottom:100px;}
.honor dl{ width:360px; height:340px; overflow:hidden; float:left; margin:50px 60px 0 0; text-align:center;}
.honor dl:nth-child(3n){ margin:50px 0 0 0;}
.honor dl dt{ width:100%; height:260px; background:#fff; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden; }
.honor dl dt span{ width:360px; height:260px; display:table-cell; vertical-align:middle;}
.honor dl dt span img{ max-width:100%; max-height:100%;}
.honor dl dd{ font-size:16px; line-height:28px; margin-top:10px;}
.honor dl dd em{ display:block;}
.chance{ margin:100px auto;}
.chance .top{ font-size:16px; line-height:43px;}
.chance .top dl span{ display:block; float:left;}
.chance .top dl a{ margin-left:40px; float:left; display:block;}
.chance .top dl a.on{ font-weight:bold; color:#a80028;}
.chance .top dl dd{ clear:both;}
.chance .gangwei{ clear:both; width:100%;}
#J_navlist{ width:100%; overflow:hidden; margin-top:20px; clear:both; border-top:1px solid #e4e4e4; }
#J_navlist .list-item.none{display:none;}
#J_navlist li{ border-bottom:1px solid #e4e4e4; display:block; padding:0px; position:relative;min-height:64px;_height:64px;z-index:10;zoom:1; margin:0 auto; clear:both;}
#J_navlist  li.last{ border:0;}
#J_navlist  li h4{ font-size:18px; line-height:64px; font-weight:normal; cursor:pointer;}
#J_navlist  li h4 strong{ width:400px; display:inline-block; font-weight:normal;}
#J_navlist  li h4 span{ font-size:14px; }
#J_navlist  li dl{ }
#J_navlist li h4 i{cursor:pointer; background:url(../images/down.png) no-repeat; display:block; width:11px; height:8px; float:right; margin:28px 20px 0 0px;}
#J_navlist li.selected h4 i{  background:url(../images/up.png) no-repeat;}
#J_navlist li .list-item{ position:relative;zoom:1; padding:0; margin-bottom:30px; color:#666; line-height:26px; font-size:14px;}
#J_navlist li .list-item dl{ }
#J_navlist li .toudi{ width:138px; line-height:34px; border-radius:2px; display:block; text-align:center; color:#a80028; border:1px solid #a80028;  position:absolute; right:60px; top:15px;font-size:14px; }
#J_navlist li .toudi:hover{ background:#a80028; color:#fff;}

.enterprise{ margin:80px auto 100px auto;}
.enterprise .row{ width:100%; clear:both; margin-top:40px;  background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); overflow:hidden;}
.enterprise .row .pic{ width:600px; height:400px; float:left;}
.enterprise .row .txt{ width:600px; float:right;}
.enterprise .row ul{ width:520px; margin:0 auto; font-size:14px; line-height:32px;}
.enterprise .row ul li{ margin-top:10px;}
.enterprise .row ul h2{ font-size:32px; margin:50px 0 20px 0; font-weight:bold; color:#a80028; line-height:34px;}
.enterprise .row ul h2 i{font-family: 'fontello'; margin-right:10px; color:#a80028;  }
.enterprise .row ul span{ color:#a80028;}
.enterprise .row.fan .pic{ float:right;}
.enterprise .row.fan .txt{ float:left;}
.enterpriseerwm{ width:850px; margin:100px auto 80px auto;}
.enterpriseerwm h1{ font-size:28px; line-height:28px; text-align:center; margin-bottom:20px;}
.enterpriseerwm .list{ width:400px; height:410px; padding:0 30px; box-sizing:border-box;  background:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.1); overflow:hidden; float:left; margin:30px 30px 0 0; color:#424242;}
.enterpriseerwm .list:nth-child(2n){ margin:30px 0 0 0;}
.enterpriseerwm .list:nth-child(3),.enterpriseerwm .list:nth-child(4){ height:380px;}
 
.enterpriseerwm .list h2{ font-size:22px; margin:25px 0 20px 0;}
.enterpriseerwm .list h2 i{ background:url(../images/lxwm_03.jpg) no-repeat; width:18px; height:26px; display:inline-block; margin-right:14px; vertical-align:-4px;}
.enterpriseerwm .list ul{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding-bottom:10px; font-size:14px; line-height:28px;}
.enterpriseerwm .list .bottom{ text-align:center;}
.enterpriseerwm .list .bottom dl{ display:inline-block; color:#666; margin:25px 15px 0 15px;}
.enterpriseerwm .list .bottom dl dt img{ width:100px; border:1px solid #f0f0f0;}
.enterpriseerwm .list .bottom dl dd{ font-size:12px; margin-top:10px; color:#797979;}
.enterpriseerwm .list ul strong{ width:40px; white-space:nowrap; display:block; float:left; font-weight:normal;}
.enterpriseerwm .list ul span{ display:block; width:270px; float:left; }
.enterpriseerwm .list ul li{ clear:both;}

.download{ margin:70px auto 20px auto;}
.download h1{ font-size:34px; line-height:40px; text-align:center; margin-bottom:25px;}
.download_list ul{ border-top:1px solid #e9e9e9; margin-top:30px;}
.download_list li{ border-bottom:1px solid #e9e9e9; overflow:hidden; clear:both; width:100%; line-height:88px;}
.download_list li a{ font-size:18px;}
.download_list li a.btn{ font-size:14px; color:#ad2f3a; text-align:center; display:block; float:right; width:138px; line-height:38px; border:1px solid #ad2f3a; transition:all 0.3s; margin-top:24px;}
.download_list li a.btn:hover{ background:#ad2f3a; color:#fff;}
.download_pop{  width:375px; height:290px; background:#fff; box-sizing:border-box;  border:1px solid #e5e5e5; position:fixed; left:50%;top:50%; margin:-145px 0 0 -187px; z-index:1002;  transition:all 0.5s cubic-bezier(0.105,1.095,0.000,1.110);  transform:scale(0); opacity:0;}
.download_pop.niu{ transform:scale(1); opacity:1;}
.download_pop .close{ background:url(../images/close.png) no-repeat; width:18px; height:18px; display:block; position:absolute; right:20px; top:20px;}
.download_pop h2{ font-size:28px; margin-top:30px; line-height:30px; color:#b23a4e; text-align:center;}
.download_pop .con{ width:260px; margin:0 auto; margin-top:20px; font-size:14px;}
.download_pop .con .txt{ border:1px solid #eaeaea; border-radius:0; width:188px; height:20px; padding:5px 10px; float:right; font-size:14px; color:#666; }
.download_pop .con .btn{ display:block; margin:0 auto; background:#b23a4e; color:#fff; border:0; cursor:pointer; width:100px; height:36px; text-align:center; font-size:16px; transition:all 0.3s; border-radius:0;}
.download_pop .con .btn:hover{ background:#a72037;}

.searchbox .top{ width:600px; position:relative; margin:0 auto; margin-top:120px;}
.searchbox .top input.txt{ background:#fff; border-radius:3px; border:0; border:1px solid #e8e8e8; box-shadow:0 0 5px 0 rgba(0,0,0,0.1); width:100%; height:54px; box-sizing:border-box; padding:10px 50px 10px 10px; font-size:16px;}
.searchbox .top .btn{ position:absolute; right:0; top:0; background:none; cursor:pointer; border:0;}
.searchbox .top .btn:after{ content:"\e800"; font-family: 'fontello'; font-size:24px; color:#ad2f3a; position:absolute; right:20px; line-height:50px; transition:all .3s;}
.searchbox p{ font-size:16px; color:#999; text-align:center; margin-top:30px;}
.searchbox p span{ color:#ad2f3a;}
.searchbox.min{ min-height:640px;}
.searchbox dl{ font-size:16px; color:#999; text-align:center; margin-top:30px; line-height:30px;}

.searchbox_list{ border-top:1px solid #e9e9e9; margin-top:85px;}
.searchbox_list li{ padding:15px 0; border-bottom:1px solid #e9e9e9; overflow:hidden; clear:both; width:100%;}
.searchbox_list li h2{ font-size:18px; font-weight:bold; color:#333; float:left;}
.searchbox_list li h2 span{ color:#ad2f3a;}
.searchbox_list li em{ color:#999; float:right;}
.searchbox_list dt{ overflow:hidden; margin-bottom:10px;}
.searchbox_list dd{ clear:both; color:#666;}
.searchbox_list li:hover h2{ /*color:#ad2f3a;*/}

.wechatbox{ width:360px; height:400px; background:#fff; box-sizing:border-box;   position:fixed; left:50%;top:50%; margin:-200px 0 0 -180px; z-index:1002;  /*transform:scale(0); opacity:0; transition:all 0.5s cubic-bezier(0.105,1.095,0.000,1.110);*/ display:none; } 
/*.wechatbox.niu{ transform:scale(1); opacity:1;}*/
.wechatbox .close{ background:url(../images/close.png) no-repeat; width:18px; height:18px; display:block; position:absolute; right:20px; top:20px;}
.wechatbox dl{ width:200px; text-align:center; margin:0 auto; font-size:14px; color:#666;}
.wechatbox dl dt{ margin:80px auto 25px auto;}
/*鏂板*/
.about_banner{ background-position:center; background-repeat:no-repeat; background-color:#0d1657; height:400px; margin-top:90px; text-align:center; color:#fff; position:relative;}
.about_banner.samll{ height:280px;}
.about_banner h1.du{ position:absolute; width:100%; font-size:28px; left:0; top:50%; margin-top:-14px;}
.about_banner h3{ font-size:30px; letter-spacing:10px; line-height:32px; margin-top:30px;}
.about_banner h2{ font-size:28px; line-height:28px;}
.about_banner h4{ font-size:20px; line-height:20px; margin-top:30px;}
.about_banner h5{ font-size:16px; line-height:20px; margin-top:20px;}
.about_banner .txt{position: absolute;left: 0;width: 100%;top: 50%;margin-top: -50px; }
.about_tab{ width:100%; text-align:center; font-size:16px; margin-top:40px;}
.about_tab a{ margin:0 30px; position:relative; display:inline-block;}
.about_tab a:hover{ color:#b21b35;}
.about_tab a.on{ color:#b21b35;}
.about_tab a.on:after{ content:""; width:25px; height:2px; display:block; background:#b21b35; display:block; margin:0 auto; margin-top:10px;}
.about_jiagou{ width:100%; text-align:center; margin:85px auto 70px auto;}

.suggest_txt{ width:895px; margin:0 auto; margin-top:80px;}
.suggest_txt h2{ font-size:28px; line-height:28px; text-align:center;}
.suggest_txt p{ font-size:16px; line-height:32px; margin-top:30px;}
.business_hx{ margin-top:80px;}
.business_hx h2{ font-size:28px; line-height:28px; text-align:center; margin-bottom:20px;}
.business_hx dl{ width:550px; height:400px; overflow:hidden; margin:30px 100px 0 0; float:left; font-size:14px; line-height:28px; }
.business_hx dl:nth-child(2n){ margin:30px 0 0 0;}
.business_hx dl dt{ width:100%;  overflow:hidden; box-sizing:border-box; border:1px solid #e5e5e5; overflow:hidden;}
.business_hx dl dt img{ width:100%; transition:all 0.4s;}
.business_hx dl:hover dt img{ transform:scale(1.1);}
.business_hx dl h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; margin-top:15px; color:#333;}
.business_hx dl:hover h3{ color:#a80028;}
.business_hx dl dd{color:#797979;}
.business_hx.small{ padding-bottom:100px;}
.business_hx.small dl{ width:380px; margin:40px 30px 0 0; height:auto; border-radius:4px 4px 0 0; line-height:24px;}
.business_hx.small dl:nth-child(3n){ margin:40px 0 0 0;}
.business_hx.small dl h3{ margin-top:25px; margin-bottom:8px;}
.business_hx.small dl dd{ height:153px; box-sizing:border-box; border:1px solid #e5e5e5; border-top:0; overflow:hidden; padding:0 24px;}
.business_hx.small dl:hover dd{ border-bottom:2px solid #b21b35;}

.about_contact{ background:url(../images/lianxibg.jpg) no-repeat center top #2e59c7; height:400px; color:#fff; overflow:hidden;}
.about_contact h2{ font-size:28px; line-height:28px; text-align:center; margin-top:55px;}
.about_contact .con{ width:620px; margin:0 auto; margin-top:60px;}
.about_contact .con ul{ float:left; font-size:14px; line-height:30px;}
.about_contact .con ul h3{ background:url(../images/wezhi.png) no-repeat left center; padding-left:30px; font-size:22px; margin-bottom:10px;}
.about_contact .con dl{ text-align:center; float:right; margin-top:50px;}
.teamb2{ margin-top:50px; padding-bottom:110px;}
.teamb2 dl{ width:150px; text-align:center; margin-top:30px;}
.teamb2 dl.first{ margin:0 auto; margin-top:30px;}
.teamb2 dl img{ width:100%;}
.teamb2 dl h3{ font-size:18px; margin:15px 0 3px 0;}
.teamb2 dl h4{ font-size:14px; color:#797979;}
.teamb2 .bottom dl{ float:left; margin-right:25px;}
.teamb2 .bottom dl:last-child{ margin-right:0;}
.honour_list{ margin-top:90px;}
.honour_list h2{ font-size:28px; line-height:28px; text-align:center;}
.honour_list ul{ margin:20px auto 40px auto;}
.honour_list li{ font-size:18px; clear:both; width:100%; overflow:hidden; line-height:72px; border-bottom:1px solid #eaeaea;}
.honour_list li a{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honour_list li a i{ display:inline-block; background:url(../images/jiangbei_03.png) no-repeat ; width:24px; height:25px; background-size:contain; margin-right:20px; vertical-align:-5px;}
.honour_list li span{ float:right; color:#999999;}
.honour_list .more{ font-size:14px; text-align:center;}
.honour_list .more a{ color:#999;}
.honour_list .more a:hover{ color:#000;}
.honour_list.last{ padding-bottom:110px;}
.zong_contact h2{ font-size:28px; line-height:28px; text-align:center; margin-top:80px; }
.zong_contact .con{ margin-top:60px;}
.zong_contact ul{ font-size:14px; width:735px; float:left;}
.zong_contact ul li{ float:left; min-width:290px; margin:25px 0 0 20px; line-height:40px;}
.zong_contact ul li img{ margin-right:10px;}
.zong_contact .fr{ float:right; margin-top:30px;}
.zong_contact .fr dl{ text-align:center; color:#666; float:left; margin-right:30px;}

.st_banner{ background-image:url(../images/shengtaibanner_02.jpg);  background-repeat:no-repeat; background-position:center; background-color:#0d1657; height:400px; margin-top:90px; text-align:center; color:#fff; position:relative;background-size:cover; }
.clouds_banner{ width:100%; background-repeat:no-repeat; background-position:center; background-color:#003466; background-size:cover; height:400px; margin-top:90px; position:relative; overflow:hidden;  
/*     display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;*/}
.clouds_banner .txt{ width:1200px; margin:0 auto; margin-top:30px;  color:#fff; font-size:14px; line-height:28px; }
.clouds_banner .txt h2{ font-size:28px; line-height:28px; margin-bottom:20px;}
.clouds_banner .txt p{ width:550px;}

.ycloud_sen{ padding-bottom:150px;}
.ycloud_sen dl{ width:100%; overflow:hidden; clear:both; margin-top:105px;}
.ycloud_sen dt{ width:400px; overflow:hidden; float:left;}
.ycloud_sen dt img{ width:100%;}
.ycloud_sen dd{ width:650px; float:right; margin:30px 110px 0 0; font-size:16px;}
.ycloud_sen dd h3{ font-size:28px; line-height:28px;}
.ycloud_sen dd p{ margin:15px 0 30px 0; line-height:30px;}
.ycloud_sen dd .opendetail{ color:#9d0328;}
.ycloud_sen dd .opendetail:hover{ text-decoration:underline;}
.ycloud_sen dl.fan dt{ float:right;}
.ycloud_sen dl.fan dd{ float:left; margin:30px 0 0 0;}

.ycloud_us{ background:url(../images/yiyunbottom_16.jpg) no-repeat center top #eef5f9; width:100%; clear:both; height:600px; overflow:hidden;}
.ycloud_us h2{ font-size:36px; text-align:center; line-height:36px; margin:155px  auto 25px auto;}
.ycloud_us h3{ font-size:26px; text-align:center; line-height:26px; margin-bottom:30px;}
.ycloud_us p{ width:760px; margin:0 auto; font-size:16px; line-height:36px;}
.ycloud_us p a{ text-decoration:underline;}
.ycloud_us p a:hover{ text-decoration:none;}
.ycloud_fa{ width:100%; text-align:center; color:#fff; overflow:hidden; background-position:center; background-repeat:no-repeat; background-color:#2c8cd8; height:380px; font-size:22px;}
.ycloud_fa h2{ font-size:36px; line-height:36px; margin:145px 0 25px 0;}
.ycloud_sennei{ width:760px; margin:0 auto; padding:50px 0 80px 0;}
.ycloud_sennei img{ width:100%;}
.ycloud_sennei p{ font-size:16px; line-height:30px; color:#444;}
.ycloud_sennei p strong{ font-weight:bold;}

.solve_case{ margin-top:75px;}
.solve_case.last{ padding-bottom:75px;}
.solve_case h2{ font-size:28px; line-height:30px; text-align:center;}
.solve_case dl{ width:380px; margin:35px 30px 0 0; float:left;}
.solve_case dl:nth-child(3n){ margin:35px 0 0 0;}
.solve_case dl a{ width:100%; height:100%; display:block; }
.solve_case dl dt{ height:236px; border-radius:4px 4px 0 0; overflow:hidden;} 
.solve_case dl dd{ width:100%; position:relative; overflow:hidden; transition:all 0.4s; box-sizing:border-box; border:1px solid #e5e5e5; border-top:0; height:148px; padding:0 20px 20px 20px;} 
.solve_case dl a:hover dd{ border-bottom:2px solid #b21b35;}
.solve_case.big dl dd{ height:180px;}
.solve_case dl dd h3{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:20px 0 10px 0; font-size:18px; color:#333; font-weight:bold;}
.solve_case dl dd h4{ white-space:nowrap; margin:0px 0 5px 0; font-size:12px; color:#999; font-weight:bold;}
.solve_case dl dd h4 em{ color:#b21b35; margin-right:10px;}
.solve_case dl a:hover dd h3{ color:#b21b35;}
.solve_case dl dd p{ font-size:14px; color:#666;}
.solve_case dl dd span{ background:url(../images/fangan_15.jpg) no-repeat; width:20px; height:11px; opacity:0; display:block; position:absolute; right:15px; bottom:20px; transition:all 0.4s;}
.solve_case dl a:hover dd span{ opacity:1; right:20px;}
.solve_case .bottom{ clear:both; width:100%; text-align:center; margin-top:30px; }
.solve_case .bottom a{ color:#555; font-size:14px;}
.solve_case .bottom a:hover{ color:#a80028; text-decoration:underline;}

.solve_case_con{ width:840px; margin:0 auto; margin-top:60px;}
.solve_case_con h2{ font-size:26px; color:#9d0328; line-height:26px; text-align:center; margin-bottom:25px;}
.solve_case_con .txt p{ font-size:16px; line-height:34px;  margin-bottom: 10px;}
.solve_case_con .txt p img{ max-width:100%;}
.solve_case_con .txt p strong{ font-weight:bold;}
.solve_case_con .txt p strong span{ font-weight:bold;}
.solve_case_con .con dl{ width:380px; float:left; overflow:hidden; min-height:380px; margin:25px 78px 0 0; font-size:14px; color:#666;}
.solve_case_con .con dl:nth-child(2n){ margin:25px 0 0 0;}
.solve_case_con .con dl dt img{ width:100%;}
.solve_case_con .con dl h3{ font-size:16px; color:#333; margin:10px 0 5px 0;}
.solve_case_con .list{ width:385px; min-height:200px; float:left; overflow:hidden; font-size:16px; line-height:32px; margin:40px 55px 0 0;}
.solve_case_con .list:nth-child(2n){ margin:40px 0 0 0;  }
.solve_case_con .list i{ width:54px; float:left; display:block;}
.solve_case_con .list i img{ width:100%;}
.solve_case_con .list ul{ width:320px; float:right;}
.solve_case_con .list ul strong{ font-weight:bold;}
.solve_case_con .row{ width:380px; height:310px; font-size:14px; line-height:34px; color:#999; float:left; box-shadow:0 5px 20px 0 rgba(0,0,0,0.1); background:#fff; box-sizing:border-box; padding:20px 37px; border:1px solid #e7e7e7; margin:30px 80px 130px 0;}
.solve_case_con .row:nth-child(2){ margin:30px 0 130px 0;}
.solve_case_con .row img{ width:100%;}
.solve_case_con .row h3{ font-size:16px; margin-top:5px; font-weight:bold; color:#b21b35;}
.solve_case_con .row span{ font-size:16px; color:#333;}

.news_bannernei{ background-repeat:no-repeat; background-position:center; background-color:#201920; height:550px; margin-top:90px; color:#fff; position:relative;background-size:cover;}
.news_bannernei:after{ content:""; width:100%; height:271px; background:url(../images/ljcao.png) repeat-x; background-size:100% 271px; position:absolute; left:0; bottom:0;}
.news_bannernei .mainbox{ position:relative; height:100%; z-index:10;}
.news_bannernei .mainbox h2{ width:100%; font-size:28px; line-height:32px; color:#fff; position:absolute; bottom:65px; left:0;}
.news_bannernei  a{ width:100%; position:absolute; left:0; top:0; z-index:100;}

.download_tab{ width:100%; text-align:center; font-size:16px; padding:30px 0;}
.download_tab a{ display:inline-block; width:130px; height:46px; line-height:44px; border:1px solid #e5e5e5; margin:0 20px; box-sizing:border-box; background:#fff;}
.download_tab a.active{ background:#a80028; color:#fff; border:1px solid #a80028;}

.aboutbox1{ background:url(../images/about_dx_01.jpg) no-repeat center top #cfd3de; background-size:cover; }
.aboutbox1 .top{ text-align:center; margin-top:230px; color:#fff;}
.aboutbox1 .top h2{ font-size:38px; line-height:38px; letter-spacing:10px; font-weight:300; margin-top:35px;}
.aboutbox1 .tab{ width:100%; text-align:center; color:#fff; font-size:16px; margin-top:220px;}
.aboutbox1 .tab a{ margin:0 30px; position:relative; color:#fff; display:inline-block;}
.aboutbox1 .tab a:hover{ color:#fff;}
.aboutbox1 .tab a.on{ color:#fff;}
.aboutbox1 .tab a.on:after{ content:""; width:25px; height:2px; display:block; background:#fff; display:block; margin:0 auto; margin-top:10px;}
.aboutbox1 .txt{ width:895px; margin:0 auto; margin-top:90px; color:#fff;}
.aboutbox1 .txt h2{ font-size:28px; line-height:30px; margin-bottom:30px; text-align:center;}
.aboutbox1 .txt p{ font-size:16px; line-height:32px;}
.aboutbox1 .txt .txtgd{ display:none;}
.aboutbox1 .txt .txt_con{  overflow:hidden;}
.aboutbox1 .txt .more{ font-size:16px; color:#fff; border:1px solid #8b96bb; display:block; margin:0 auto; width:160px; line-height:40px; text-align:center; border-radius:2px; margin-top:30px;}
.aboutbox2{ background:url(../images/about_dx_021.jpg) no-repeat center top #cfd3de; overflow:hidden; padding-bottom:180px; background-size:100% auto;}
.aboutbox2 h2{ font-size:28px; line-height:30px; margin-bottom:30px; text-align:center; color:#fff;}
.aboutbox2 .pic{ text-align:center; margin-top:-40px;}
.aboutbox2 .pic img{ max-width:100%;}
.aboutbox2 .ljcao{ width:1534px; margin:0 auto; color:#fff; background:url(../images/quxian.png) no-repeat center; min-height:374px; background-size:100% auto;  box-sizing:border-box; padding:0 50px; position:relative;}
.aboutbox2 .ljcao ul{float:left;  font-size:12px; line-height:22px; box-sizing:border-box; padding:25px 10px;  min-height:130px; position:relative; }
.aboutbox2 .ljcao ul h3{ font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif; font-size:26px; margin-bottom:10px; line-height:30px; font-weight:bold;}
.swiper-slide{  width:16.66666666666667%;  }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:0px !important;}
.aboutbox2 .ljcao .swiper-button-next{ background:url(../images/zhuanbth_05.png) no-repeat !important; width:14px; height:29px; outline:none;}
.aboutbox2 .ljcao .swiper-button-prev{ background:url(../images/zhuanbth_03.png) no-repeat !important; width:14px; height:29px; outline:none;}
.aboutbox2 .ljcao .swiper-button-next:hover{ background:url(../images/zhuanbt_05.png) no-repeat !important; width:14px; height:29px; outline:none;}
.aboutbox2 .ljcao .swiper-button-prev:hover{ background:url(../images/zhuanbt_03.png) no-repeat !important; width:14px; height:29px; outline:none;}
.aboutbox2 .ljcao .swiper-pagination{ display:none;}

.aboutbox2 .ljcao.pc{ display:block;}
.aboutbox2 .ljcao.wap{ display:none;} 

/*.aboutbox2 .ljcao ul:after{ content:""; width:12px; height:12px; border-radius:50%; background:#fff; display:block; border:4px solid #e64317; position:absolute; left:-10px; bottom:-40px; }*/
/*.aboutbox2 .ljcao ul:nth-child(1){ margin-top:180px;}
.aboutbox2 .ljcao ul:nth-child(2){ margin-top:175px;}
.aboutbox2 .ljcao ul:nth-child(3){ margin-top:160px;}
.aboutbox2 .ljcao ul:nth-child(4){ margin-top:133px;}
.aboutbox2 .ljcao ul:nth-child(5){ margin-top:93px;}
.aboutbox2 .ljcao ul:nth-child(6){ margin-top:-56px; padding-bottom:50px;}*/



.aboutbox2 .ce1{ margin-top:140px;}
.aboutbox2 .ce1 h2{ margin-bottom:0;}
.aboutbox2 .ce2{ width:730px; margin:0 auto; margin-top:660px;}
.aboutbox2 .ce2 h2{ color:#585f6e; }
.aboutbox2 .ce2 dl{ width:33.33333%; text-align:center; font-size:14px; line-height:32px; color:#7c828f; float:left;}
.aboutbox2 .ce2 dl strong{ display:block; font-size:20px; color:#585f6e; font-weight:bold; margin:15px 0;}
.aboutbox2 .ce2.xiao{ width:980px; margin-top:60px}
.aboutbox2 .ce2 li{ width:16.66666666666667%; text-align:center; float:left; font-size:18px; color:#7c828f;}
.aboutbox2 .ce2 li span{ display:block; text-align:center; margin-bottom:10px;}
.aboutbox2 .ce2 li a{color:#7c828f;} 
 

@media screen and (max-width:2500px){
.aboutbox2 .ce2{ margin-top:25%;}	
}
@media screen and (max-width:2300px){
.aboutbox2 .ce2{ margin-top:23%;}	
}
@media screen and (max-width:1920px){
.clouds_banner{ background-size:cover;}	
.news_bannernei{ height:450px; }
.aboutbox1{ background:url(../images/about_dx_01.jpg) no-repeat center top #3d508e; background-size:100% auto; }
.aboutbox2{ background:url(../images/about_dx_021.jpg) no-repeat center top #cddde9; background-size:cover;}
.aboutbox2 .ce1{ margin-top:100px;}
.aboutbox2 .ce2{ margin-top:22%;}
}

@media screen and (max-width:1560px){
	
.aboutbox1 .top h2{ font-size:30px; line-height:32px; letter-spacing:5px;  margin-top:30px;}
.aboutbox1 .top{ margin-top:180px;}
.aboutbox1 .tab{ margin-top:100px;}
.aboutbox2 .ljcao{ width:98%; }
.yeartab{ line-height:28px; left:auto; right:60px;margin-left: 0;}
 
} 
@media screen and (max-width:1480px){
 
}

@media screen and (max-width:1400px){
 .newslie .con dl{ width:90%;} 	
 .newslie .con dl dd{ width:70%;}
 .newslie .top{ width:96%;}
}

@media screen and (max-width:1350px){
.aboutbox2 .ce2{ margin-top:22%;}
 
 .newslie .top{ width:91%;}
} 
 
@media screen and (max-width:1230px){
.ecology_banner{ height:320px;}
.ecology_index_b dl{ width:48%; height:440px; margin:30px 4% 0 0;}
.ecology_index_b dl.last{ margin:30px 0 0 0;}
.ecology_index_b dl dt{ height:280px;}
 
.ycloud_list h2,.about1 h2,.about2 h2,.download h1{ font-size:28px; line-height:30px; }
.ycloud_list .list{ width:48%; margin:30px 4% 0 0; height:300px; }
.ycloud_list .list dl{ margin:30px 0 0 30px; }
.ycloud_list .list dl h4{ font-size:20px;}
.ycloud_list .list dl h5{ font-size:18px;}
.ycloud_list .list .pic{ right:10px; bottom:10px;}
.ycloud_yu .pic{ width:40%;  }
.ycloud_yu .txt{ width:55%; padding:40px 0 0 20px;}
.ycloud_yu .txt h2{ font-size:28px; line-height:30px;}
.ycloud_yu .txt p{ font-size:14px; line-height:28px;}
.ycloud_list .conbox dl{ width:31.33333%;  margin:30px 3% 30px 0;}
.ycloud_list .conbox dl dd h3{ font-size:18px;}
.ycloud_list .con_list dl{ width:24%; margin:30px 1.333333333% 0 0; }
.ycloud_list .con_list dl dd h3{ font-size:14px; line-height:28px;}
.ycloud_list .con_list dl.blue dd ul{ font-size:12px;}
.nounicon dl{ width:24%; margin:30px 1.33333% 0 0; }
.nounicon dl:nth-child(4n){ margin:30px 0 0 0;}
.nounicon dl dd h2{ font-size:16px;}
.nounicon dl dd{ padding:0 15px; line-height:24px; font-size:12px;}
.nounicon dl.last dd h2{ font-size:16px; }

.newszong dl{ width:31.33333%; margin:30px 3% 0 0;}
.newszong dl dt{ height:200px;}
.newszong dl h3{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newslie .con dl dd h3{ margin-top:0;}
.newslie .con dl dt{ width:30%; }
.newslie .con dl dd{ width:62%; margin-left:20px;}
.newslie.pleft .con dd{ width:67%;}
.newslie .top:after{  width:80%;  left:15%; }
.about1 .pic{ width:30%;}
.about1 .pic img{ width:100%;}
.about1 ul{ width:65%; font-size:14px; line-height:26px;}
.about2 .mainbox ul{ width:33.33333333%; padding:30px 20px;}
.about2 .mainbox ul li h3{ font-size:20px; line-height:22px;}

.teambox dl:after{  width:81%; }
.teambox dt{ width:19%; }
.teambox dt img{ width:100%;}
.teambox dd{ width:78%; }

.honor dl{ width:31.33333%; margin:30px 3% 0 0;}
.honor dl:nth-child(3n){ margin:30px 0 0 0;}
.honor dl dd{ font-size:14px; line-height:24px;}

.contactindex dl{ width:48%; margin:40px 4% 0 0;}
.chance .top dl a{ font-size:14px; margin-left:0; margin-right:10px;} 
.enterprise .row .pic{ width:50%;}
.enterprise .row .txt{ width:50%;}
.enterprise .row ul{ width:90%;  font-size:12px; line-height:24px;}
.enterprise .row ul li{ margin-top:5px;}
.enterprise .row ul h2{ font-size:24px; margin:30px 0 10px 0; line-height:26px;}
 
.about_banner{ height:360px;} 
.about_banner h3{ font-size:24px; letter-spacing:5px; line-height:32px; margin-top:30px;}
.about_banner h2{ font-size:24px; }
.about_banner h4{ font-size:18px; }

.suggest_txt h2,.business_hx h2{ font-size:24px;}
.business_hx dl{ width:48%; height:380px; margin:30px 4% 0 0;}
.business_hx dl h3{ font-size:16px;}
.business_hx.small dl{ width:31%; margin:30px 3.5% 0 0;}
.business_hx.small dl:nth-child(3n){ margin:30px 0 0 0;}
.about_contact h2{ font-size:24px; line-height:24px;}
.about_contact .con ul h3{ font-size:18px; }
.teamb2 .bottom dl{ width:13.28571428571429%; margin:30px 1% 0 0;}
.teamb2 .bottom dl:last-child{ margin-right:0;}
.honour_list h2{ font-size:24px;}
.honour_list li{ font-size:16px; line-height:60px; }
.zong_contact h2{ font-size:24px;}
.zong_contact .con{ margin-top:40px;}
.zong_contact ul{ width:60%;}
.zong_contact ul li{ float:none; min-width:100%; margin:15px 0 0 0px; }
.zong_contact ul li img{ margin-right:5px;}
.zong_contact .fr dl{ margin-right:20px;}
.enterpriseerwm h1{ font-size:24px; margin-bottom:10px;}
.about_banner h1.du{ font-size:24px;}
.st_banner{ height:360px; background-size:cover;}
.clouds_banner{ height:360px;}
.clouds_banner .txt{ width:90%;}
.clouds_banner .txt h2{ font-size:24px; line-height:28px; margin-bottom:15px;}

.ycloud_sen{ padding-bottom:80px;}
.ycloud_sen dl{ margin-top:50px;}
.ycloud_sen dt{ width:35%;}
.ycloud_sen dd{ width:55%; margin:10px 5% 0 0; font-size:14px;}
.ycloud_sen dd h3{ font-size:24px; line-height:24px;}
.ycloud_sen dd p{ margin:15px 0 20px 0; line-height:26px;}
.ycloud_sen dl.fan dd{ margin:10px 0 0 0;}

.ycloud_us{ height:500px;background:url(../images/yiyunbottom_16.jpg) no-repeat center top #eef5f9; background-size:cover;} 
.ycloud_us h2{ font-size:30px; line-height:30px; margin:130px  auto 25px auto;}
.ycloud_us h3{ font-size:20px; line-height:20px; margin-bottom:25px;}
.ycloud_us p{ font-size:14px; line-height:28px;}
.ycloud_fa{ font-size:18px;}
.ycloud_fa h2{ font-size:30px; line-height:30px; margin:145px 0 25px 0;}
.about_banner.samll{ height:220px;}

.solve_case{ margin-top:50px;}
.solve_case h2{ font-size:24px; line-height:25px;}
.solve_case dl{ width:30%; margin:30px 5% 0 0;}
.solve_case dl:nth-child(3n){ margin:30px 0 0 0;}
.solve_case dl dt{ height:200px;}  
.solve_case dl dd h3{ font-size:16px; margin:15px 0 5px 0;}
.solve_case dl dd p{ font-size:12px; color:#666;}

.news_bannernei{ height:400px; }
.news_bannernei .mainbox h2{ font-size:24px; line-height:30px; bottom:50px; }
.download_tab a{ width:120px; font-size:14px; margin:0 10px;}
.aboutbox1 .top h2{ font-size:24px; line-height:26px; letter-spacing:2px;  margin-top:20px;}

.aboutbox1 .txt{ margin-top:50px;}
.aboutbox1 .txt h2{ font-size:24px; line-height:26px; margin-bottom:20px; }
.aboutbox1 .txt p{ font-size:14px; line-height:28px;}
.aboutbox2 h2{ font-size:24px;}
.aboutbox2 .ce2{ margin-top:28%;}
.aboutbox2 .ljcao{ padding:0 40px;}

.about_banner .txt{ width:90%; margin-left:-45%;}
}
@media screen and (max-width:1220px){
 
/*.aboutbox2 .lic{ display:block; padding-bottom:50px;}
.aboutbox2 .lic ul{ float:left; width:33.3333%; height:100px;}*/
}
@media screen and (max-width:1020px){
/*.manbox{ width:90%;  margin:0 0 0 -45%;} 
.manbox .pic{ width:30%; float:left;}
.manbox .pic img{ width:100%;}
.manbox ul{ width:60%; float:right; margin:0 5% 0 0;}
.manbox ul h3{ font-size:18px; line-height:22px;  margin-top:20px;}
.manbox ul h4{ font-size:12px; padding-bottom:10px; margin:5px 0;}
.manbox ul p{ font-size:12px; line-height:24px; }	*/
.contactindex dl dt{ height:280px;}
.enterpriseerwm .list{ padding:0 20px;}
.enterpriseerwm .list ul{ font-size:12px; line-height:24px;}
.business_hx dl{ width:48%; height:350px; }
.zong_contact ul{ width:50%;}

.solve_case h2{ font-size:20px; line-height:22px;}
.solve_case dl dt{ height:180px;}  
.news_bannernei{ height:380px; }
.news_bannernei .mainbox h2{ font-size:20px; line-height:30px; bottom:40px; }
.aboutbox2 .ce2{ margin-top:35%;}
.aboutbox2 .ljcao{ padding:0 30px;}
}

@media screen and (max-width:990px){
.news_details .share{ position:inherit; left:0; top:0; margin-left:0;}
.news_details .share a{ float:left; margin:20px 10px 0 0;}
.st_banner{ height:300px;}
.aboutbox2 .ce2.xiao{ width:90%; margin-top:30px}
.aboutbox2 .ce2 li{ font-size:14px; }
.aboutbox2 .ce2 li span img{ width:70px;}
.aboutbox2 .ce2{ margin-top:40%;}
}
@media screen and (max-width:910px){
.suggest_txt{ width:90%; margin-top:50px;}
.aboutbox1 .txt{ width:90%;}
.aboutbox1 .txt h2{ font-size:20px; line-height:20px; margin-bottom:20px; }
 
}
@media screen and (max-width:880px){
.ycloud_list,.ycloud_list.xiao{ margin-top:30px;}
.ycloud_list h2,.about1 h2,.about2 h2,.download h1{ font-size:24px; line-height:26px; } 
.ycloud_list .list dl h4{ font-size:18px; line-height:20px; }
.ycloud_list .list dl dd{ font-size:14px; line-height:26px;}
.ycloud_di h2{ width:90%; margin:0 auto; font-size:20px; margin-top:70px; }
.ycloud_di p{  width:90%; margin:0 auto; margin-top:10px; font-size:14px; }
.ycloud_di h1{ font-size:20px; line-height:32px;}
 
.contactindex dl{ height:420px;}
.contactindex dl dt{ height:240px;}

.enterpriseerwm{ width:90%;}
.enterpriseerwm .list{ width:48%; margin:30px 4% 0 0; height:350px;}
.enterpriseerwm .list:nth-child(3),.enterpriseerwm .list:nth-child(4){ height:350px;}
.enterpriseerwm .list h2{ font-size:18px; margin:20px 0 10px 0;}
.enterpriseerwm .list h2 i{ vertical-align:-6px;}
.enterpriseerwm .list ul strong{ width:auto;  display:inline; float:none; }
.enterpriseerwm .list ul span{ display:inline; width:auto; float:none; }

.enterpriseerwm .list ul{ height:130px;}
.enterpriseerwm .list .bottom dl{ float:left; display:block; width:48%; margin:25px 1% 0 1%;}
.enterpriseerwm .list .bottom dl dt img{ width:70px;}
.business_hx dl{ height:300px; }
.zong_contact ul{ width:100%; float:none;}
.zong_contact .fr{ width:100%; float:none;}
.zong_contact .fr dl{ width:33.3333%; margin-right:0px;}
.solve_case dl dt{ height:150px;}
.solve_case dl dd{ height:180px;}

.solve_case_con{ width:90%; margin-top:30px;}
.solve_case_con h2{ font-size:20px; line-height:22px; margin-bottom:20px;}
.solve_case_con .txt p{ font-size:14px; line-height:30px;}
.solve_case_con .con dl{ width:49%; height:300px; margin:25px 2% 0 0; }
.solve_case_con .list{ width:49%;  font-size:14px; line-height:28px; margin:30px 2% 0 0;}
.solve_case_con .list i{ width:10%;}
.solve_case_con .list ul{ width:85%;}
.solve_case_con .list:nth-child(2n){ margin:30px 0 0 0;  }
 
.solve_case_con .row{ width:49%; font-size:12px; line-height:30px; height:260px; padding:20px 20px; margin:30px 2% 50px 0;}
.solve_case_con .row:nth-child(2){ margin:30px 0 50px 0;}
.aboutbox2 .ce2{ margin-top:30%;}
}
@media screen and (max-width:820px){
.news_details{ width:90%;}
.news_details .top{ padding-bottom:15px;}
.news_details .top h1{ font-size:26px; line-height:40px; }
.news_details .top p{ font-size:12px;}
.news_details .top p span{ margin-left:10px;}
.news_details .top p em{ font-size:12px;}
.news_details .con p img{ width:100%;}
.about_jiagou{ margin:50px auto;}
.about_tab a{ margin:0 18px;}
.about_jiagou img{ width:90%;}
.ecologytab a{ margin:0 18px;}
.ycloud_sennei{ width:90%; padding:20px 0 50px 0;}
.ycloud_list .list.big dl dd{ width:80%;}

.aboutbox1 .tab a{ margin:0 18px;}
#J_navlist li h4 strong{ width:auto; margin-right:15px;}
}

@media screen and (max-width:768px){
.about_banner,.st_banner{ margin-top:50px;}	
.ecologybox.news_view{ margin-top:50px;}
.ecologybox{ min-height:300px;} 
.ecology_banner{ height:300px;}
.ecology_index_b dl{ height:400px;}
.ecology_index_b dl dt{ height:220px;}
.ecology_index_b dl h2,.contactindex dl h2{ font-size:16px; }
.ecology_banner .text{ width:90%; color:#fff; margin:50px auto;}
.ecology_banner .text h2{ font-size:20px; line-height:24px; margin-bottom:10px;}
.ycloud_yu{ margin-top:30px;}
.ycloud_list .conbox dl dd h3{ font-size:16px;}
.ycloud_list .conbox dl dd p{ font-size:14px;  margin:5px 0;}
.ycloud_list .conbox dl dt{ width:100%; height:200px; }
.ycloud_list .conbox dl dd{ height:170px;}
.ycloud_list .con_list dl{ width:49%; margin:30px 2% 0 0; }
.ycloud_list .con_list dl:nth-child(2n){ margin:30px 0 0 0;} 

.nounicon dl{ width:48%; margin:30px 4% 0 0; }
.nounicon dl:nth-child(2n){ margin:30px 0 0 0;}
.nounicon dl:nth-child(4n){ margin:30px 0 0 0;}

.newszong dl dt{ height:140px;}
.newslie{ margin-top:20px;} 

.newslie .con dl dt{ height:120px;}
.newslie .top:after{ width:70%;  left:20%; }

.teambox dd h3{ margin-top:0;}
.teambox dl:after{ width:75%; }
.teambox dt{ width:25%; }
.teambox dd{ width:70%; }

.honor dl{ width:48%; margin:30px 4% 0 0;}
.honor dl:nth-child(2n){ margin:30px 0 0 0;}
.honor dl:nth-child(3n){ margin:30px 4% 0 0;}
.honor dl:nth-child(6n){ margin:30px 0 0 0;}
.contactindex dl dt{ height:200px;}

#J_navlist li{min-height:45px;_height:45px;}
#J_navlist li h4{ line-height:64px;} 
#J_navlist li h4 i{ margin:27px 0 0 0;}
#J_navlist li h4 span {display:none;}
#J_navlist li .toudi{ width:auto; font-size:12px; padding:0 8px; line-height:28px; border-radius:2px; top:17px; right:30px;} 
.download h1{ margin-bottom:0px;}
.download_list li{ line-height:40px;}
.download_list li a{ font-size:14px;}
.download_list li a.btn{ font-size:12px;  width:80px; line-height:28px; margin-top:6px;}

.about_banner{ height:300px;} 
.about_banner .txt{ }
.about_banner h3{ font-size:20px; margin-top:20px; letter-spacing:2px;}
.about_banner img{ width:170px;}
.about_tab a,.aboutbox1 .tab a{ margin:0 10px;}

.about_banner h2{ font-size:20px; }
.about_banner h4{ font-size:14px; padding:0 20px; line-height:24px; margin-top:15px; }

.suggest_txt{ margin-top:50px;}
.suggest_txt h2{ font-size:20px;}
.suggest_txt p{ font-size:14px; line-height:28px; margin-top:20px;}
.business_hx{ margin-top:50px;}
.business_hx h2{ font-size:20px;  margin-bottom:10px;}

.business_hx.small dl{ width:48%; margin:30px 4% 0 0;}
.business_hx.small dl:nth-child(2n){ margin:30px 0 0 0;}
.about_contact h2{ font-size:20px;}
.about_contact h2{ font-size:20px; line-height:20px;}

.teamb2{ margin-top:30px;}
.teamb2 .bottom{overflow:hidden;}
.teamb2 .bottom dl{ width:4.3rem; margin:30px 0.3rem 0 0.3rem;}
.teamb2 .bottom dl:last-child{ margin-right:0.1rem;}
.teamb2 dl{ width:4.3rem;}
.teamb2 dl h3{ font-size:0.65rem; line-height:0.9rem; margin:5px 0 0 0;}
.teamb2 dl h4{ font-size:0.45rem; margin:5px 0 0 0; line-height:1.3rem;}

.honour_list{ margin-top:50px;}
.honour_list h2{ font-size:20px;}
.honour_list.last{ padding-bottom:50px;}

.honour_list li{ font-size:12px; line-height:60px; }

.zong_contact h2{ font-size:20px; margin-top:50px;}
.enterpriseerwm h1{ font-size:20px; margin-bottom:5px;}
.about_banner h1.du{ font-size:20px;}
.clouds_banner{ height:360px; margin-top:50px;}
.clouds_banner .txt{ width:90%; font-size:12px; line-height:24px;}
.clouds_banner .txt h2{ font-size:20px; }
.clouds_banner .txt p{ width:80%;}
.ecologytab a{ margin:0 18px;}
.ycloud_list .list{ height:260px;}

.ycloud_sen{ padding-bottom:50px;}
.ycloud_sen dl{ margin-top:30px;}
.ycloud_sen dt{ width:35%;}
.ycloud_sen dd{ width:55%; margin:0px 5% 0 0;}
.ycloud_sen dd h3{ font-size:20px; line-height:20px;}
.ycloud_sen dl.fan dd{ margin:0px 0 0 0;}
.ycloud_us{ height:auto; padding-bottom:50px; background-size:cover;} 
.ycloud_us h2{ font-size:24px; line-height:24px; margin:80px  auto 25px auto;}
.ycloud_us h3{ font-size:18px; line-height:20px; margin-bottom:25px;}
.ycloud_us p{ width:80%; }
.ycloud_fa{ font-size:16px; height:240px; background-size:cover;}
.ycloud_fa h2{ font-size:24px; line-height:24px; margin:100px 0 10px 0;}
.about_banner.samll{ height:200px;}
.solve_case{ margin-top:30px;}
.solve_case dl dt{ height:120px;}
.solve_case.last{ padding-bottom:50px;}
.news_bannernei{ height:360px; margin-top:50px; }
.download_tab a{ width:100px; height:40px; line-height:38px; margin:5px;}
.aboutbox1 .top h1 img{ width:180px;}
.aboutbox1 .top h2{ font-size:20px; line-height:26px; letter-spacing:0px;  margin-top:20px;}
.aboutbox1 .top{ margin-top:100px;}
.aboutbox1 .tab{ margin-top:50px;}
.aboutbox2 h2{ font-size:20px;}

.aboutbox2 .ce2{ width:90%;}
.aboutbox2 .ce2 dl{ font-size:12px; line-height:26px; }
.aboutbox2 .ce2 dl strong{ font-size:14px; margin:5px 0;}
.aboutbox2 .ce2 dl dt img{ height:28px; }
.st_banner{  background-image:url(../images/cpwap.jpg); height:420px;}
.aboutbox2{ background:#cddde9; margin-top:0; overflow:hidden; padding-bottom:0px;}
.aboutbox2 .ce1{ margin:0; background:url(../images/fzhan_02.jpg) no-repeat center bottom #3d508e; background-size:cover; padding:50px 0 200px 0;}
.aboutbox2 .shabbg{ margin-top:0; clear:both; overflow:hidden; background:url(../images/shab.jpg) no-repeat center top; background-size:cover; padding-bottom:100px; }
.aboutbox2 .ljcao{ background:none; padding: 0; min-height:inherit;}
.aboutbox2 .ljcao ul{ width:100%; float:none;  padding:10px 10px;  min-height:inherit; }
.aboutbox2 .ljcao.pc{ display:none;}
.aboutbox2 .ljcao.wap{ display:block; height:600px; overflow:auto;} 
.aboutbox2 .ce2{ margin-top:30px;}
.aboutbox2 .ljcao ul h3{ font-size:20px; margin-bottom:5px;}
 
.newslie .top{ width:81%}
 
}

@media screen and (max-width:660px){
.ycloud_list .list{ width:100%; float:none; height:auto; padding-bottom:30px; }
.ycloud_yu .pic{ width:100%; height:300px; float:none;}
.ycloud_yu .txt{ width:100%; float:none; box-sizing:border-box; padding:30px;}
.ycloud_yu .txt h2{ font-size:20px; line-height:24px; margin-bottom:10px;}
.ycloud_yu .txt p{ font-size:14px; line-height:28px;}

.ycloud_list .conbox dl{ width:100%; height:370px; float:none; margin:30px auto;}
.ycloud_list .conbox dl.last{ margin:30px auto;}
.ycloud_list .conbox dl dt{ width:100%; height:240px; }
.ycloud_list .conbox dl dd{ height:130px;} 
.newslie .top:after{ width:60%;  left:30%; }
.about1,.about2{ margin-top:50px;}
.about1 .pic{ width:100%; float:none;}
.about1 ul{ width:100%; margin-top:10px; float:none;}
.about2 .con{ width:90%; margin:0 auto; margin-top:30px;}
.about2 .con img{ width:100%;}
.about2 .mainbox ul{ width:100%; float:none; height:400px; margin-top:20px; padding:30px 20px;}
.teambox{ margin-top:20px; padding-bottom:50px;}
.enterprise{ margin:30px auto;}
.enterprise .row{ margin-top:20px; padding-bottom:20px;}
.enterprise .row .pic{ width:100%; float:none;}
.enterprise .row .txt{ width:100%; float:none;}
.enterprise .row ul h2{ font-size:18px;}
.enterprise .row ul h2 img{ width:20px;}

.enterpriseerwm{ margin:30px auto 50px auto;}
.enterpriseerwm .list{ width:100%; height:auto; padding-bottom:20px; margin:30px auto 0 auto; float:none;}
.enterpriseerwm .list:nth-child(3),.enterpriseerwm .list:nth-child(4){ height:auto;}
.enterpriseerwm .list ul{ height:auto;}
.searchbox .top{ width:100%;  margin-top:40px;}
.searchbox .top p{ margin-top:10px; font-size:14px;}
.searchbox dl{ font-size:14px; line-height:28px;}
.about_tab a{ width:45%; font-size:15px; float:left; text-align:center; height:40px; margin:0 2.5%;}
.about_tab a.on:after{ margin-top:2px;}

.aboutbox1 .tab a{ width:33.3333%; font-size:14px; float:left; text-align:center; height:40px; margin:0;}
.aboutbox1 .tab a.on:after{ margin-top:2px;}
.business_hx dl{ height:260px; }
.about_contact .con{ width:90%;}
.honour_list ul{ margin:20px auto;}
.honour_list li{ line-height:22px; padding:5px 0;}
.honour_list li a{ width:100%; float:none; white-space:normal; position:relative; padding-left:20px; box-sizing:border-box; line-height:22px; }
.honour_list li span{ display:block; float:none; margin-top:10px; text-align:right;}
.honour_list li a i{ width:12px; margin-right:5px;  position:absolute; left:0; top:0px;}

.ecology_index_b dl{ height:390px;}
.ecology_index_b dl dt{ height:180px;}
.ecologytab{ padding:0;}
.ecologytab a{  width:33.3333%; font-size:14px; float:left; text-align:center; height:50px; margin:0;}
.solve_case dl{ width:100%; margin:30px 0 0 0;}
.solve_case dl dt{ height:300px;}
.solve_case dl dd{ height:auto; padding-bottom:40px;}
.solve_case.big dl dd{ height:auto; padding-bottom:40px;}
.solve_case_con .con dl{ height:270px; }
.solve_case_con .list{ width:100%; height:auto; margin:30px 0 0 0;}
.solve_case_con .row{ width:100%; height:auto; padding-bottom:30px; margin:30px 0 0px 0;}
.solve_case_con .row:nth-child(2){ margin:30px 0 50px 0;}
.aboutbox2 .ce2 li{ font-size:12px; }
.aboutbox2 .ce2 li span img{ width:40px;}
 
.st_banner{  height:400px;}
}

@media screen and (max-width:530px){
.about_contact{ height:auto; padding-bottom:30px;}
.about_contact .con{ margin-top:30px;}
.about_contact .con ul{ width:90%; float:none;}
.about_contact .con dl{ width:100%; float:none; margin-top:30px;}
.news_bannernei{ height:320px; }
.news_bannernei .mainbox h2{ font-size:18px; line-height:28px; bottom:30px; }
 
.aboutbox2 .ce2{ width:100%;}
.aboutbox2 .ce2 dl{ width:26%; }
.aboutbox2 .ce2  .center dl:first-child{ width:48%;}

.aboutbox2 .pic{ display:none;}
 
.aboutbox2 .ce1 h2{ margin-bottom:0;}
 
 
.st_banner{  height:380px;}
/*.about_banner .txt{ padding:0 15px; text-align:left; box-sizing:border-box;} 
.about_banner h1.du{ padding:0 15px; text-align:left; box-sizing:border-box;} */
}
@media screen and (max-width:470px){
.ecology_banner{ height:180px; margin-top:10px;}
.ecology_banner.tw{ height:auto; padding-bottom:0px;}
.ecology_index_b dl{ width:100%; float:none; margin:20px auto 0 auto; height:auto;}
.ecology_index_b dl.last{ margin:20px auto 0 auto;}
.ecology_index_b dl dt{ height:230px;}
.ecology_index_b{ padding-bottom:30px;}
.ecologytab{ padding:0px 0 0 0; margin-top:30px;}
.ycloud_list .list dl{ margin:20px 0 0 20px;}
.ycloud_list .list dl dd a{ margin-top:10px;}
.ycloud_list .list .pic{ width:60px;}
.ycloud_list .list .pic img{ width:100%;}
.ycloud_list.last{ padding-bottom:30px;}
.ycloud_yu .pic{ height:240px;}
.ycloud_di{ margin-top:10px;}
.ycloud_di.xiao{ height:150px;}
.ycloud_list .list dl h5{ font-size:14px;}
.ycloud_di.xiao.tu1{ background:url(../images/yywfw.jpg) no-repeat center top; background-size:cover;  }
.ycloud_di.xiao.tu2{ background:url(../images/yywjs.jpg) no-repeat center top; background-size:cover;  }
.ycloud_di.small{ margin-top:0px;}
.ycloud_list .con_list dl{ width:100%;   float:none; margin:30px auto 0 auto; }
.ycloud_list .con_list dl:nth-child(2n){ margin:30px auto 0 auto;}
.nounicon dl{ height:300px;}
.nounicon dl dt{ margin:30px 0 10px 0;}
.nounicon dl dt img{ width:50px;} 

.newszong dl{ width:100%; height:auto; float:none; margin:20px auto 0 auto;}
.newszong dl.last{ margin:20px auto 0 auto;}
.newszong dl dt{ height:220px;}
.newszong.small dl{ height:auto;}
.newslie .con dl{ margin-top:30px;}
.newslie .con dl dd h3{ font-size:14px; }
.newslie .con dl dt{ width:100%; float:none; height:240px;}
.newslie .con dl dd{ width:100%; margin-top:10px; margin-left:0;}
.newslie .top{ width:100%}
.newslie.last{ padding-bottom:0px;}
.newsliebottom{ clear:both; width:100%; text-align:center; margin-top:10px; padding-bottom:30px; }
.newslie.pleft .con dd{ width:100%;}
.newslie.pleft .con{ box-sizing:border-box; padding-left:20px;}
.newslie.pleft .top h2 i{ margin-right:10px; }
.news_details .top h1{ font-size:20px; line-height:32px; }
.about1,.about2{ margin-top:30px;}
 
.teambox dl:after{ width:100%; }
.teambox dt{ width:38%; }
.teambox dd{ width:58%; }
.teambox dd h3{ font-size:16px; line-height:24px;  }
.teambox dd h4{ font-size:12px; }
.teambox dd p{font-size:12px; line-height:22px;}
.honor{ margin:0 auto 30px auto;}
.honor dl{ height:220px;}
.honor dl dt{ height:160px;} 
.honor dl dt span{ height:160px;}
.contactindex{ margin-top:10px; padding-bottom:30px;}
.contactindex dl{ margin-top:20px 4% 0 0; height:380px;}
.contactindex dl dt{ height:140px;}

#J_navlist  li h4{ font-size:14px;}
#J_navlist  li h4 strong {margin-right:5px;}
#J_navlist  li h4 em{ margin-right:5px;}
 
.chance{ margin:30px auto;}
.chance .top{ font-size:14px; line-height:35px;}
.download{ margin:20px auto 10px auto;}
.download_list li a{ font-size:14px; display:block; white-space:nowrap; overflow:hidden; float:left; width:70%; text-overflow:ellipsis; }
.searchbox_list{ margin-top:40px;}
.searchbox_list li h2{ font-size:16px; width:70%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.enterprise .row .pic{ height:220px;}

.contactindex dl{ width:100%; height:auto;  float:none; margin:20px auto 0 auto;}
.contactindex dl:nth-child(2n){ margin:20px auto 0 auto;}
.contactindex dl dt{ height:220px;}
 
.news_details .top p span:nth-last-child(1){ display:block; margin:5px 0 0 0;}
.about2 .mainbox ul{ height:220px;}

.about_banner{ height:280px; background-size:cover;} 
.business_hx{ margin-top:30px;}
.business_hx dl{ height:auto; float:none; width:100%; margin:30px 0 0 0; }
.business_hx.small{ padding-bottom:50px;}
.business_hx.small dl{ width:100%; margin:30px 0 0 0;}
.business_hx.small dl dd{ height:auto; overflow:hidden; padding:0 20px 30px 20px;} 
.teamb2{ padding-bottom:50px;}
 
.honour_list{ margin-top:30px;}
.zong_contact h2 {margin-top:30px;}
.zong_contact .con{ margin-top:10px;}
.zong_contact ul li{ line-height:25px; font-size:12px;}
.zong_contact ul li img{ width:25px;}
.zong_contact .fr dl img{ width:80px;}
.st_banner{ height:280px; }
.clouds_banner{ height:320px;}
.clouds_banner:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:#000; opacity:0.3;}
.clouds_banner .txt{ position:relative; z-index:10;}
.clouds_banner .txt h2{ margin-bottom:15px; text-align:left;}
.clouds_banner .txt p{ width:100%; text-align:left;}
 
.ycloud_sen dt{ width:100%;}
.ycloud_sen dd{ width:100%; margin:20px 0 0 0;}
.ycloud_sen dl.fan dd{ margin:20px 0 0 0;}
.solve_case dl dt{ height:230px;}
.solve_case_con{ margin-top:30px;}
.solve_case_con .con dl{ width:100%; height:auto; margin:25px 0 0 0; }
.news_bannernei{ height:280px; }
.news_bannernei .mainbox h2{ font-size:16px; line-height:26px; bottom:30px; }
.download_tab{ padding:0;}
.download_tab a{ width:80px; height:36px; line-height:34px; }
.news_bannernei:after{  height:150px; background:url(../images/ljcao.png) repeat-x; background-size:100% 150px;  }
.yeartab{ display:none;}
.aboutbox2 .ljcao.wap{ height:500px;} 
.about_banner h3{ font-size:16px; line-height:26px; padding:0 10px;}
}

@media screen and (max-width:400px){
.ecology_index_b dl dt{ height:220px;} 
.ycloud_list .list{ height:220px;}
.ycloud_yu .pic{ height:200px;}
.ycloud_list .conbox dl{ height:330px;}
.ycloud_list .conbox dl dt{ width:100%; height:200px; }
.ycloud_list .conbox dl dd{ height:130px;} 
.newszong dl dt{ height:200px;}
.newslie .con dl dt{ height:200px;}
.newslie .top:after{ width:55%;  left:35%; }
.about2 .mainbox ul{ height:180px;}
 
.download_pop{  width:90%; margin:-145px 0 0 -45%; }
.download_pop .close{ background:url(../images/close.png) no-repeat; width:18px; height:18px; display:block; position:absolute; right:20px; top:20px;}
.download_pop h2{ font-size:20px; line-height:24px;}

.wechatbox{ width:80%; height:300px;  margin:-150px 0 0 -40%; z-index:1002; } 
.wechatbox dl dt{ margin:40px auto 10px auto;}
.enterprise .row .pic{ height:220px;}
.contactindex dl dt{ height:200px;}
 
.ecology_banner{ height:160px;}
.about_banner{ height:260px;} 
 .news_bannernei{ height:260px; }
.solve_case dl dt{ height:210px;}
}
@media screen and (max-width:350px){
.aboutbox2 .ce2 dl dd{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.aboutbox1 .top h2{ font-size:18px;}
}
@media screen and (max-width:320px){
.ecology_banner{ height:150px;} 
.ecology_index_b dl dt{ height:170px;} 
.ycloud_list .list{ height:200px;}
.newszong dl dt{ height:170px;} 

}

.about2 .time_list{ width:570px; margin:0 auto; margin-top:30px; background:/*url(../images/time.jpg) repeat-y center top*/; overflow:hidden; padding:10px 0 0 0; position:relative;}
.about2 .time_list:before{ content:""; width:2px; height:100%; position:absolute; display:block; left:50%; top:0; margin-left:-1px;

 filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/	
    background:#da3442; /* 涓€浜涗笉鏀寔鑳屾櫙娓愬彉鐨勬祻瑙堝櫒 */  
     background:-webkit-linear-gradient(top, red,#ff8a20 50%, #01b6d1 100%);
	}
.about2 .time_list:after{ content:""; width:20px; height:12px; display:block; background:#fff;   position:absolute; left:50%; top:0px; margin-left:-10px;}
.about2 .time_list .list{ width:100%; min-height:90px; clear:both;  position:relative; line-height:26px;}
.about2 .time_list .list:after{ content:""; width:20px; height:20px; display:block; background:#fff; border-radius:50%; position:absolute; left:50%; top:2px; overflow:hidden; box-shadow:0 0 20px 0 rgba(0,0,0,0.2); margin-left:-10px; z-index:10;}
.about2 .time_list .list:first-child:after{ background:#bd002d; border:4px solid #fff; margin-left:-14px; box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
.about2 .time_list dl{ width:250px; float:right; font-size:13px;}
.about2 .time_list dl dt{ font-family:"Arial"; color:#bd002d; font-size:30px; margin-bottom:8px; line-height:30px; font-weight:bold;}
.about2 .time_list dl dd{ color:#666;}
.about2 .time_list dl dd h3{ font-weight:bold; font-size:14px; color:#666;}
.about2 .time_list .list.zuo dl{ float:none; text-align:right;}
.about2 .time_list .list:last-child dl:before{ height:220px; content:""; width:10px; background:#fff; display:block; position:absolute; top:3px; left:50%; margin-left:-5px;}
@media screen and (max-width:600px){
.about2 .time_list{ width:90%;}
.about2 .time_list dl{ width:42%;}
.about2 .time_list dl,.about2 .time_list dl dd h3{ font-size:12px;}
.about2 .time_list .list:last-child dl:before{ height:350px;
}
} 


.owl-carousel{ max-width:600px; margin:0 auto;  overflow:hidden; display:none; }
.owl-carousel .animated {-webkit-animation-duration: 1000ms;animation-duration: 1000ms;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.owl-carousel .owl-animated-in {z-index: 0}
.owl-carousel .owl-animated-out {z-index: 1}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut}
.owl-carousel .item{ position:relative;}
.owl-carousel .item strong{ display:block; position:absolute; color:#fff; font-weight:normal; font-size:14px; left:10px; bottom:10px;}
 
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {transition: height 500ms ease-in-out}
.owl-carousel {display: none;width: 100%;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0, 0)}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
/*.owl-carousel.owl-loaded {display: block}*/
.owl-carousel.owl-loading {opacity: 0;display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel .owl-refresh .owl-item {display: none}
.owl-carousel .owl-item {position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel .owl-item img {display: block;width: 100%;-webkit-transform-style: preserve-3d}
.owl-carousel.owl-text-select-on .owl-item {-webkit-user-select: auto;-moz-user-select: auto;-ms-user-select: auto;user-select: auto}
.owl-carousel .owl-grab {cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab}
.owl-carousel.owl-rtl {direction: rtl}
.owl-carousel.owl-rtl .owl-item {float: right}
.no-js .owl-carousel {display: block}
.owl-carousel .owl-item .owl-lazy {opacity: 0;-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease}
.owl-carousel .owl-item img {transform-style: preserve-3d}
.owl-carousel .owl-video-wrapper {position: relative;height: 100%;background: #000}
.owl-carousel .owl-video-play-icon:hover {transition: scale(1.3, 1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {display: none}
.owl-carousel .owl-video-tn {opacity: 0;height: 100%;background-position: center center;background-repeat: no-repeat;background-size: contain;transition: opacity 400ms ease}
.owl-carousel .owl-video-frame {position: relative;z-index: 1}
.owl-theme .owl-controls { height:0; position:absolute; left:0; width:100%; top:50%; margin-top:-0.9rem; text-align: center;-webkit-tap-highlight-color: transparent}
.owl-theme .owl-controls .owl-nav .owl-prev {width: 1.775rem; height: 1.8rem;  cursor: pointer;opacity: 1;transition: all 150ms; background:url(../images/pre.png) no-repeat; background-size:contain; text-indent:-10000000px; line-height:0;}
.owl-theme .owl-controls .owl-nav .owl-next {width: 1.775rem; height: 1.8rem;  cursor: pointer;opacity: 1;transition: all 150ms; background:url(../images/next.png) no-repeat; background-size:contain; text-indent:-10000000px; line-height:0; position:absolute; right:0; top:0;}
 
.owl-theme .owl-controls .owl-nav .disabled {opacity: .5;cursor: default}
.owl-theme .owl-dots{ height:0; overflow:hidden;}
.owl-theme .owl-dots .owl-dot {display: inline-block;zoom: 1;*display:inline}
.owl-theme .owl-dots .owl-dot span {width: 10px;height: 10px;margin: 5px 7px;background: #d6d6d6;display: block;transition: opacity 200ms ease;border-radius: 30px}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #869791}
 
@media screen and (max-width:600px){
#slider_wrapper{ display:none;}
.owl-carousel{ display:block; margin-top:20px;}
} 
.clouds_banner p a.adlinks{
    width: 170px;
    margin-top: 30px;
    color: #fff;
    display: block;
    height: 46px;
    line-height: 46px;
    border: 1px solid #fff;
    text-align: center;
    font-size: 14px;
}