/* CSS Document */
#container { width: 100%; position: relative; }
.sec { position: relative; }
.sec1 { width: 1200px; margin: 0 auto; position: relative; overflow: hidden; padding: 100px 0; }

.about { width: 100%; overflow: hidden; margin-bottom: 40px; }
.aboutbox { width: 500px; float: left; }
.abpic { width: 650px; float: right; }
.abpic img { width: 100%; }
.abtit { width: 100%; font-size: 32px; line-height: 40px; margin-bottom: 30px; color: #000000 }
.abtxt { font-size: 18px; line-height: 30px; color: #808080; text-indent: 2em; margin-bottom: 30px; }
a.more { width: 180px; height: 55px; display: block; background: #006db8; border-radius: 30px; color: #fff; text-align: center; line-height: 55px; }
.about a.more{ color:#fff}

.center { width:100%;position: relative; overflow:hidden; }
.center li { color: #555555; float: left; width: 25%; height: 70px; position: relative; padding-left:30px; box-sizing:border-box; }
.center li i { display: block; background: #dcdcdc; height: 50px; width: 1px; position: absolute; right: -1px; top: 15px; }
.center li:nth-child(1){ background:url(/images/icon11.png) right 20px center no-repeat;}
.center li:nth-child(2){ background:url(/images/icon12.png) right 20px center no-repeat;}
.center li:nth-child(3){ background:url(/images/icon13.png) right 20px center no-repeat;}
.center li:nth-child(4){ background:url(/images/icon14.png) right 20px center no-repeat;}
.center li em { font-style: normal; font-size: 34px; height: 50px; line-height: 50px; margin-left: 8px; color: #f9c600;  display: inline-block; vertical-align: middle; font-weight:lighter; }
.center li em span { height: 50px; font-size: 34px; line-height: 50px; margin-right: 8px; }
.center li p{ font-size:18px; line-height:20px; text-indent:10px;}

.title{ width:100%; position:relative; height:50px; text-align:center; margin:40px auto;}
.title h2{ width:180px; height:50px; background:#fff; position:relative; font-size:32px; font-weight:bold; margin:0 auto; color:#000; line-height:50px; z-index:33}
.title span{ width:240px; background:#000; height:1px; position:absolute; left:50%; margin-left:-120px; top:25px; }

.yewulist li{ width:33%; float:left; margin-right:0.5%; margin-bottom:0.5%; position:relative; overflow:hidden;}
.yewulist li:nth-child(3n){ margin-right:0;}
.yewubox{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); color:#fff;}
.yw{ width:80%; position:absolute; left:10%; top:50%; transform:translateY(-50%); text-align:center;}
.yw h2{ font-size:28px; font-weight:bold; text-align:center; line-height:40px; margin-bottom:20px;}
.intro{ width:100%; font-size:16px; line-height:26px; height:78px; overflow:hidden; margin-bottom:20px; display:none;}
.yw a.more{ margin:0 auto; background:#fff; color:#006db8; display:none;}
.yw span{ display:block; width:50px; height:50px; margin:0 auto; }
.yewulist li:nth-child(1) .yw span{background:url(/images/ic1.png) center no-repeat;}
.yewulist li:nth-child(2) .yw span{background:url(/images/ic2.png) center no-repeat;}
.yewulist li:nth-child(3) .yw span{background:url(/images/ic3.png) center no-repeat;}
.yewulist li:nth-child(4) .yw span{background:url(/images/ic4.png) center no-repeat;}
.yewulist li:nth-child(5) .yw span{background:url(/images/ic5.png) center no-repeat;}
.yewulist li:nth-child(6) .yw span{background:url(/images/ic6.png) center no-repeat;}
.yewulist li:hover .yw a.more{ display:block}
.yewulist li:hover .yw .intro{ display:block}
.yewulist li:hover .yewubox{ background:rgba(0,109,184,0.8)}
.yw a.more:hover{ color:#F00}

.redian{ width:100%; position:relative; overflow:hidden; background:#f2f2f2 url(../images/bg.jpg) top center no-repeat; background-size:100% auto;}
.redian .title{ margin-top:100px;} 
.redian .title h2{ width:220px; background: none; color:#fff;}
.redian .title span{ display:none; }
.rdlist{ width:1200px; margin:0 auto; position:relative; overflow:hidden; padding:15px; padding-bottom:0; box-sizing:border-box; background:#fff}
.rdlist li{ float:left; margin-bottom:15px; position:relative; overflow:hidden; margin-right:15px;}
.rdlist li:nth-child(1){ width:295px;}
.rdlist li:nth-child(2){ width:350px;}
.rdlist li:nth-child(3){ width:495px; margin-right:0}
.rdlist li:nth-child(4){ width:351px; position:absolute; left:325px; top:240px}

.rdbox{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,0.3);}
.rd{ width:80%; position:absolute; left:10%; top:20px;}
.rd h2{ font-size:24px; color:#006db8; font-weight:bold;  line-height:40px; margin-bottom:10px;}
.rdtext{ width:100%; color:#000; font-size:14px; line-height:24px; overflow:hidden; margin-bottom:20px; }
.rdlist li:nth-child(1) .rd{ top:auto; bottom:20px;}
.rdlist li:hover .rdbox{background:rgba(0,109,184,0.8)}
.rdlist li:hover .rd h2{ color:#fff;}
.rdlist li:hover .rdtext{ color:#fff;}

.sec3{ background:#f2f2f2; overflow:hidden;}
.news .title{ margin-top:100px;} 
.news .title h2{  background:#f2f2f2; }
.news a.more{ margin:40px auto; color:#fff}
.news{ width:1200px; margin:0 auto; position:relative;}
.newstit{ width:100%; position:relative; overflow:hidden; text-align:center;margin-bottom:25px; }
.newstit li{ display:inline-block; margin:0 15px; font-size:24px; line-height:40px; color:#000; cursor:pointer }
.newstit li.newscur{ color:#006db8}
.newstit li:hover{ color:#006db8}
.listbox{ width:100%; position:relative; height:410px;  }
.newslist{ width:100%; position: absolute; top:0; height:410px; left:-10000px; }
.newslist .bx-pager{ display:none;}
.newslist .bx-controls-direction{ }
.newslist .bx-controls-direction a{ position:absolute;top:50%; margin-top:-30px;display:block; width:40px; height:40px; text-indent:-999em;overflow:hidden;}
.newslist .bx-controls-direction a.bx-prev{  background:url(/images/left.jpg) center no-repeat; left:-50px;}
.newslist .bx-controls-direction a.bx-next{   background:url(/images/right.jpg) center no-repeat; right:-50px;}
.newslist .bx-viewport{ width:100%; position:relative;}
.newslist .bx-viewport li{ width:355px; float:left;}
.newslist .bx-viewport li a{display:block}
.newslist .bx-viewport li .pic{ width:100%;}
.newslist .bx-viewport li .pic img{ width:100%; height:190px;}
.newslist .bx-viewport li span{ color:#006db8; font-size:16px; line-height:30px; display:block; margin-top:10px;}
.newslist .bx-viewport li .time{ font-size:24px; font-weight:bold; color:#9a9a9a; line-height:30px;}
.newslist .bx-viewport li h2{ font-size:20px; font-weight:bold; color:#000; line-height:25px; height:50px; overflow:hidden; margin:10px 0;}
.newslist li .newstext{ font-size:14px; line-height:20px; height:80px; overflow:hidden;}

.newslistcur{ left:0px;}