@charset='utf-8';
body,html{ padding:0; margin:0; font-size:12px; color:#666; font-family:'微软雅黑';}
ul,li,p,h1,h2,h3,dl,dt,dd,input{ padding:0; margin:0; list-style:none;}
a{ text-decoration:none; color:#555;}
a:hover{ color: #1553a7; text-decoration: underline; }
.demo{ -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.clear{ clear:both;}
img{ vertical-align:top; border:none;}
input{font-family: '微软雅黑';}
input:focus{ outline: none;}
textarea:focus{ outline: none; }
.center{position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
em{ font-style:normal !important;}

/* Cai单 */
.head-box{ width: 95%; height: 50px; position: absolute; top: 45px; left: 2.5%; z-index: 9999; }
.head-box .logo{ width: 240px; height: 50px; float: left; }
.head-box .nav{ width: 500px; height: 50px; float: left; position: absolute; top: 0; right: 170px; }
.head-box .nav ul li{ display: block; width: 82px; float: left; height: 50px; }
.head-box .nav ul li a.navmenu-a{ display: block; width: 82px; float: left; height: 50px; position: relative; overflow: hidden; }
.head-box .nav ul li a.navmenu-a span{  display: block; width: 100%; height: 50px; position: absolute; left: 0; top: 0; font-size: 14px; color: #fff; text-align: center; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; line-height: 50px;}
.head-box .nav ul li a.navmenu-a b{  display: block; width: 100%; height: 50px; position: absolute; left: -82px; top: 0; font-size: 14px; color: #fff; text-align: center; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; line-height: 50px;}
.head-box .nav ul li a.navmenu-a em{ display: block; width: 40px; height: 2px; background: rgba(255,255,255,0.5); position: absolute; left: -103px; top: 40px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.head-box .nav ul li a.navmenu-a:hover span{ left: 164px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.head-box .nav ul li a.navmenu-a:hover b{ left: 0; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.head-box .nav ul li a.navmenu-a:hover em{ left: 21px; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; }
.head-box .land{ width: 160px; height: 50px; float: right;}
.head-box .land a.land-us{ float: left; margin-top: 19px; color:#fff; width:80px;}
.head-box .land a.land-us img{ margin:2px 7px 0 0;}
.head-box .land a.land-sh{ float: left; display: none; width: 40px; height: 40px; float: left; border-radius: 20px; background: #d06464; overflow: hidden; margin-left: 25px; margin-top: 5px; text-align: center;}

/* Di部 */
.bottombox{ width: 100%; height: 250px; padding-top: 30px; background: #333;}
.bottombox .bottomtop{ width: 1140px; height: 190px; border-bottom: solid 1px #292929; margin: 0 auto; }
.bottombox .bottomtop .bottomtoplogo{ width: 275px; height: 190px; float: left; background: url(../images/bottomicon.jpg) no-repeat right center;}
.bottombox .bottomtop .bottomtopcent{ color: #bfbfbf; width: 530px; height: 190px; float: left; background: url(../images/bottomicon.jpg) no-repeat right center; padding-left: 30px;}
.bottombox .bottomtop .bottomtopcent h2{ display: block; width: 100%; height: 34px; font-size: 18px; color: #fff; font-weight: normal; }
.bottombox .bottomtop .bottomtopcent span{ display: block; width: 100%; font-size: 14px; }
.bottombox .bottomtop .bottomtopcent ul li{ display: block; height: 29px; line-height: 29px; float: left; }
.bottombox .bottomtop .bottomtoprht{ width: 285px; height: 190px; float:left; padding-left: 20px;}
.bottombox .bottomtop .bottomtoprht h2{ display: block; width: 100%; height: 34px; font-size: 18px; color: #fff; font-weight: normal; }
.bottombox .bottomtop .bottomtoprht dl{ display: block; width: 285px; height: 80px; padding-top: 20px; }
.bottombox .bottomtop .bottomtoprht dl dt{ display: block; width:80px; height: 80px; float: left; }
.bottombox .bottomtop .bottomtoprht dl dd{ width: 190px; padding-left: 15px; height: 70px; float: left; color: #fff; padding-top: 10px; }
.bottombox .bottomtop .bottomtoprht dl dd a{ float: left; margin-right: 10px; display: block;}
.bottombox .bottombot{ width: 1140px; height: 58px; border-top: solid 1px #474848; margin: 0 auto; line-height: 58px; text-align: center; color: #f5f5f5;}
.bottombox .bottombot a{ color: #999; padding-left: 7px; }


.news-bot{ width: 100%; height: auto; overflow: hidden; padding: 30px 0; background:#222; margin-top:40px;}
.news-bot .news-bot-cnt{ width: 1100px; height: auto; overflow: hidden; margin: 0 auto; background: url(../images/botimg.jpg) no-repeat top right;}
.news-bot .news-bot-lft{ width: 200px; height: auto; float: left; }
.news-bot .news-bot-lft ul li{ display: block; width: 200px; height: 30px; line-height: 30px; color: #fff; font-size: 12px;}
.news-bot .news-bot-lft ul li img{ margin-right: 7px; }
.news-bot .news-bot-lft .news-bot-code{ width: 200px; height: 138px; padding-top: 10px;}
.news-bot .news-bot-lft .news-bot-code img.code{ width: 138px; height: 138px; float: left;}
.news-bot .news-bot-lft .news-bot-code ul li{ display: block; width: 62px; height: 34px; float: left; text-align: center;}
.news-bot-tit{ width: 100%; height: auto; font-size: 18px; color: #fff; padding-bottom: 12px;}
.news-bot .news-bot-cen{ width: 220px; height: auto; float: left; overflow: hidden; padding-left: 20px;}
.news-bot .news-bot-cen ul li{ display: block; width: 50%; height: 32px; line-height: 32px; float: left; }
.news-bot .news-bot-cen ul li a { color: #fff; font-size: 12px;}
.news-bot .news-bot-gs{ width: 180px; height: auto; float: left; padding-left: 20px; }
.news-bot .news-bot-gs ul li{ display: block; width: 100%; heigt:auto; padding:10px 0 5px 0;text-transform:uppercase;}
.news-bot .news-bot-gs ul li a { color: #fff; font-size: 12px;}
.news-fot{ width: 100%; height: 100px; background: url(../images/botxian.gif) repeat-x left top #1e1e1e; line-height: 70px; text-align: center; color: #fff;}
.news-fot a{ color: #fff; }