@import url("base.css");

/* banner */
#banner{ width:100%; height:400px; overflow:hidden; position:relative; margin-bottom: 35px;}
#banner ul li{height: 400px;}
#banner .prev,#banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#banner .next{ left:auto; right:3%; background-position:8px 5px; }
#banner .prev:hover,
#banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#banner .prevStop{ display:none;  }
#banner .nextStop{ display:none;  }

/* news */
#news{height: 390px;margin-bottom: 30px;}
.news-wrap{width: 1200px;margin: 0 auto;}
.news-left{width: 100%;height: 390px;}
.box{width: 50%;height: 390px;overflow: hidden;position: relative;display: inline-block;float: left;}
.box .hd{ height:20px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.box .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box .hd ul li{ float:left; margin-right:5px;  width:10px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; border-radius: 50%;}
.box .hd ul li.on{ background:#017c3d; color:#fff; }
.box-1 ul{}
.box-1 ul li{width:  100%;height: 390px;position: relative;overflow: hidden;}
.box-1 ul li img{display:block;width:  100%; height: 390px;}
.box-1 ul li h2{position: absolute;left: 0;bottom: 0;height: 40px;width:100%;background: rgba(0,0,0,.6);text-indent: 2em;font-size: 15px;line-height: 40px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;color: ghostwhite}
.box-2{position: absolute;right: 10px;bottom: 14px;}
.box-2 ul li{float:left;width: 12px;height: 12px;overflow: hidden; margin: 0 5px; border-radius: 50%;background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;}
.box-2 ul .on{background: rgba(255,255,255,0.6);}
.news-right{width: 48%;display: inline-block;float: right;height: 390px;}
.news-title{border-bottom: 1px solid #d1d1d1;height: 35px;line-height: 35px;}
.news-title span.left{padding: 8px 25px; background: #016FC8;color: #fff;border-radius: 3px 3px 0 0;}
.news-title span.right{float: right;padding-right: 5px;}
.news-title span.right a{color: #666;}
.nrt-cent ul li{margin-top: 10px;}
.nrt-cent ul li a{padding-left: 5px;color: #666;}
.nrt-cent ul li:hover a{color: #333;}
.nrt-cent ul li time{float: right;color: #999;}
.nrt-cent ul li:hover time{color: #333;}
.nr-down{margin-top: 30px;}


/* product */
#pro{height: 95px;margin-bottom: 25px;}
#pro ul {width: 1200px;margin: 0 auto;}
#pro ul li{float: left;width: 20%;text-align: center;}
#pro ul li img:hover{animation-name:swing;}
/* ad */
#ad{background: url(../img/ad-bg.jpg);height: 140px;overflow: hidden;width: 1200px;margin: 0 auto;margin-bottom: 30px;}

/* about */
#about{height: 350px;margin-bottom: 35px;}
.about-cont{width: 1200px;margin:  0 auto;}
/* 公共 */
.ac-title{height: 45px;background: #016FC8;color: #fff;line-height: 45px;font-size: 16px;font-weight: bold;}
.ac-title img{vertical-align: middle;padding: 0 10px;margin-top: -5px;}
.ac-title span{float: right;padding: 0 20px;font-weight: normal;font-size: 14px;}
.ac-title span a{color: #fff;}
/* 第一块 */
.a-left{width: 33%;border: 1px solid #bfc1c3;height: 350px;border-radius: 2px;display: inline-block;float: left;}
.al-cent{padding: 10px 15px;overflow: hidden;}
.al-cent ul li{border-bottom: 1px dashed #999;padding: 10px 0;}
.al-cent ul li i{font-size: 10px;}
.al-cent ul li a{color: #333333;}
.al-cent ul li:hover a{color: #016FC8;}
/* 第二块 */
.a-cent{width: 37%;border: 1px solid #bfc1c3;height: 350px;border-radius: 2px;display: inline-block;float: left;margin-left: 15px;font-family: fantasy;}
.acc-top{padding: 15px 15px 0 15px;overflow: hidden;}
.acc-top .acct-left{width: 35%;float: left;display: inline-block;}
.acc-top .acct-left img{width: 100%;}
.acc-top .acct-right{float: right;display: inline-block;width: 62%;text-indent: 2rem;font-size: 14px;color: #3d3d3d;line-height: 29px;}
.acc-down{padding: 0px 10px 15px 15px;font-size: 14px;color: #3d3d3d;line-height: 27px;letter-spacing: 1px;}
.ac-cent{padding: 10px 15px;overflow: hidden;}
.ac-cent ul li{border-bottom: 1px dashed #999;padding: 10px 0;}
.ac-cent ul li i{font-size: 10px;}
.ac-cent ul li a{color: #333333;}
.ac-cent ul li:hover a{color: #016FC8;}
/* 第三块 */
.a-right{width: 27%;height: 350px;display: inline-block;float: left;margin-left: 15px;}
.a-right img{margin-bottom: 5px; box-shadow: 2px 5px 6px rgba(0,0,0,.3);border: 1px solid #cccccc;}

/* Cooperation */
#Cooperation{overflow: hidden;margin-bottom: 40px;}
.Cooperation{width: 1200px;margin: 0 auto;}
#Cooperation .Cooperation-title{font-size: 18px;color: #333;padding-left: 20px;margin-bottom: 22px;}
#Cooperation .Cooperation-title span{color: #016fc8;}
#Cooperation .Cooperation-title span.en{color: #bfc1c3;}
#Cooperation .Cooperation-cont ul li{float: left;width: 15%;text-align: center;margin: 15px 0.5% 0 0.5%;}
#Cooperation .Cooperation-cont ul li a img{width: 100%}