@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: #375ff1; 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%);}

/* 头部 */
.top-box{ width: 100%; height: 40px; background: #444; }
.top-box .top{ width: 1200px; height: 40px; margin: 0 auto; line-height: 40px;}
.top-box .top .top-lft{ width: 600px; height: 40px; float: left; color: #dadada; }
.top-box .top .top-rht{ width: 600px; height: 40px; float: left; text-align: right; }
.top-box .top .top-rht a{ color: #dadada; }
.top-box .top .top-rht span{ padding: 0 15px; color: #7c7c7c; font-family: '宋体'; }

.head-box{ width: 1200px; height: 120px; margin: 0 auto; }
.head-box .head-logo{ width: 380px; height: 68px; padding: 26px 0; float: left; }
.head-box .head-logo img{ width: 380px; height: 68px; }
.head-box .head-serh{ width: 400px; height: 42px; float: left; padding: 45px 0 0 0; float:left; margin-left: 68px; }
.head-box .head-serh input.shput{ width: 310px; height: 38px; border: solid 2px #ccc; border-right: none; text-indent: 3em; line-height: 38px; background: url(../images/serchicon.gif) no-repeat left top #fff; color: #999; font-size: 12px; font-weight: normal;}
.head-box .head-serh input.shput1{ width: 310px; height: 38px; border: solid 2px #ff701c; border-right: none; text-indent: 3em; line-height: 38px; background: url(../images/serchicon1.gif) no-repeat left top #fff; color: #ff701c; font-size: 12px; font-weight: normal;}
.head-box .head-serh input{ width: 86px; height: 42px; border: solid 2px #ff701c; float: left; background: #ff701c; font-size: 15px; font-weight: bold; color: #fff;}
.head-box .head-tell{ width: 260px; height: 44px; padding: 45px 0 0 0; float: right; }

/* 菜单 */
.menu-box{ width: 100%; height: 50px; background: url(../images/navimg.gif) repeat-x; }
.menu-box .nav{ width: 1200px; height: 50px; margin: 0 auto; }
.menu-box .nav ul li{ display: block; width: 130px; padding-left: 2px; height: 50px; float: left; background: url(../images/navicon.gif) no-repeat left center; position: relative;}
.menu-box .nav ul li>a{ display: block; width: 130px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 14px; }
.menu-box .nav ul li>a:hover{ background: rgba(0,0,0,0.3); text-decoration: none; }
.menu-box .nav ul li:hover>a{ background: rgba(0,0,0,0.3); text-decoration: none; }
.menu-box .nav ul li .subnav{ width: 130px; height: auto; overflow: hidden; position: absolute; top: 45px; left: 50%; margin-left: -64px; display: none; z-index: 999; padding-top: 4px;}
.menu-box .nav ul li .subnav .subnav-tit{ width: 130px; height: 0px; overfloaw:hidden; text-align: center; position: absolute; top: 0; }
.menu-box .nav ul li .subnav .subnav-list{ width: 130px; height: auto; background: #ff701c; padding: 5px 0;}
.menu-box .nav ul li .subnav .subnav-list a{ display: block; width: 130px; height: 31px; border-bottom: dashed 1px #ff701c; color: #fff; text-align: center; line-height: 31px; }
.menu-box .nav ul li .subnav .subnav-list a:hover{ color: #fff; }
.menu-box .nav ul li:hover .subnav{ display: block; }
.menu-box .nav ul li .sub_nav{ width: 960px; display: none; height: auto; position: absolute; top: 49px; left:0; padding: 20px;  z-index: 998; background: #fff; border-top: solid 1px #ff701c;}
.menu-box .nav ul li .sub_nav .sub_nav_pro{ width: 136px; height: auto; float: left; overflow: hidden; }
.menu-box .nav ul li .sub_nav .sub_nav_pro .pro_nav_tit{ width: 100%; height: 35px; line-height: 35px; font-size: 14px; font-weight: bold; text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; }
.menu-box .nav ul li .sub_nav .sub_nav_pro .pro_nav_tit1{ width: 100%; height: auto; overflow: hidden; }
.menu-box .nav ul li .sub_nav .sub_nav_pro .pro_nav_tit3{ width: 100%; height: auto; padding: 3px 0; }
.menu-box .nav ul li .sub_nav .sub_nav_pro .pro_nav_tit3 a{ color: #888; }
.menu-box .nav ul li .sub_nav .sub_nav_pro .pro_nav_tit3 a:hover{ color: #ff701c; }
.menu-box .nav ul li:hover .sub_nav{ display: block; }

/* 底部 */
.bottom_box{ width: 100%; min-height: 280px; background: #375ff1; }
.bottom_box .bottom{ width: 1200px; min-height: 225px; padding-top: 45px; margin: 0 auto; padding-bottom: 50px;}
.bottom_box .bottom .bottom_lft{ width: 530px; height: 200px; float: left; border-right: solid #6f88e3 1px; }
.bottom_box .bottom .bottom_lft dl{ display: block; width: 150px; height: 200px; float: left; }
.bottom_box .bottom .bottom_lft dl dt{ display: block; width: 100%; height: 41px; line-height: 41px; color: #fff; font-size: 16px; }
.bottom_box .bottom .bottom_lft dl dd{ display: block; width: 100%; height: 189px; }
.bottom_box .bottom .bottom_lft dl dd a{ display: block; width: 100%; height: 23px; line-height: 23px; color: #fff; }
.bottom_box .bottom .bottom_lft dl:first-child{ margin-left: 56px; }

.bottom_box .bottom .bot_rht{ width: 630px; height: 200px; float: left; margin-left: 20px; background: url(../images/codeimg.jpg) no-repeat 434px 0;}
.bottom_box .bottom .bot_rht dl{ display: block; width: 320px; height: auto; border-bottom: solid 1px #6f88e3; }
.bottom_box .bottom .bot_rht dl dt{ display: block; width: 100%; height: 36px; line-height: 36px; font-size: 15px; color: #d3d3d3; }
.bottom_box .bottom .bot_rht dl dd{ display: block; width: 100%; height: auto; line-height: 25px; color:#fff; }
.bottom_box .bottom .bot_rht span{ font-size: 12px; color: #fff; padding-top: 15px; display: block; }