@charset "utf-8";
/* CSS Document */



html { margin:0; padding:0; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666666; background:#fff; font-family:"Microsoft Yahei";/*overflow:hidden;*/ min-width:1200px }
div, img, form, h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; border:0px; }
a { text-decoration:none; color:#2f3030; }
a:hover { text-decoration:none; }
ul { margin:0px; padding:0px; }
ul li { list-style-type:none; }
input, textarea { font-family:"Microsoft Yahei"; font-size:12px; color:#666666; }
.clear { clear:both; width:100%; height:1px; }
input:focus { border:0px; outline:none; }
/*头部*/



#top { width:100%; height: 35px; border-bottom: #e4e4e4 solid 1px; }
#top .top { width:1200px; margin:auto; height: 35px; line-height: 35px; }
#top .top .welcome { float:left; color: #909090; font-size: 13px; }
#top .top .welcome span { color:#ff0000; }
#top .top .langage { float:right; }
#top .top .langage a { color: #909090; cursor:pointer; font-size: 13px; }
#logo { width:1200px; margin:auto; height:100px; }
#logo .img { width:375px; height:53px; float:left; }
#logo .img img {/* max-width:227px; *//* max-height:53px; */ padding-top:21px; }
#logo .tel { float: right; margin-top: 25px; font-size: 14px; text-align: left; color: #585858; border-left: 1px solid #e2e2e2; padding: 0 0 0 25px; }
#logo .tel span { color: #333; font-size: 30px; }
#logo .search { width:auto; height:30px; background: #e2e2e2; float: right; margin: 40px 25px 0 0; border-radius: 50px; padding-left: 10px; }
#logo .search input { width: 160px; color: #858585; text-indent:5px; border-right:0px; float:left; height:30px; line-height:30px; background:none; border:0px; font-size: 13px; }
#logo .search .submit { width: 32px; height: 30px; background: url(../images/search.png) no-repeat left center; border:0px; float:left; cursor:pointer; }
#menu { width:100%; height:45px; background: #004496; }
#menu .menu { width:1200px; height:45px; line-height:45px; margin:auto; }
#menu .menu ul { }
#menu .menu ul li { width:150px; height:45px; line-height:45px; font-size:16px; float:left; position:relative; text-align:center; }

#menu .menu ul li:hover .second{ display:block}

#menu .menu .enmenu li { }
#menu .menu ul li a { color:#fff; }
#menu .menu ul li.active { background: #fff; color: #000; }
#menu .menu ul li.active a { color: #004496; }
#menu .menu li .second { display:none; background:#e7e7e7; width:300px; height:auto; text-align:center; position:absolute; left:0px; top:45px; z-index:9999; }
#menu .menu li .second a { display:block; width:100%; font-weight:normal; font-size:14px; height:35px; line-height:35px; color: #004496; border-bottom: 1px dashed #888989; background: #ffffff; overflow:hidden; text-align:left; text-indent:36px; }
#menu .menu li .second a:last-child { border:0px; }
#menu .menu li .second a:hover { background: #004496; color:#fff !important; }
/*banner*/

#banner { clear:both; width:100%; margin:auto; overflow:hidden; height:auto; position:relative; }
#banner ul.hd { left:47%; bottom:30px; height:auto; padding:0; list-style:none; position:absolute; }
#banner ul.hd li { width:18px; height:18px; overflow:hidden; background:url(../images/h1.png) no-repeat center; margin-left:10px; float:left; }
#banner ul.hd li.on { background:url(../images/h2.png) no-repeat center; }
#banner .pst { display:none; width:1200px; margin:auto; height:114px; }
#banner:hover .pst { display:block; }
#banner .pst .prev { display:block; width:47px; height:100px; background:url(../images/left.png) no-repeat center; float:left; }
#banner .pst .next { display:block; width:47px; height:100px; background:url(../images/right.png) no-repeat center; float:right; }
/*main*/

.product { height:590px; clear:both; width:1200px; margin:auto; background:#ffffff; margin-top:50px; }
.product .product_menu { width:287px; height:auto; padding-bottom:10px; float:left; background:#f7f7f7; }
.product .product_menu .title { width:100%; height:67px; line-height:67px; color:#fff; background:url(../images/category_bg.jpg) no-repeat; text-align:center; font-size:18px; font-weight:bolder; }
.product .product_menu ul { width:285px; height:auto; border:1px solid #dadada; border-top:0; padding-top:10px; }
.product .product_menu ul li { width:95%; margin:auto; height:40px; line-height:40px; margin-bottom:7px;/* background:url(../images/li.jpg) no-repeat 247px center #dadada;*/ background:#dadada; text-indent:15px; font-size:14px; }
.product .product_menu ul li:hover {/*background:url(../images/li_act.jpg) no-repeat 247px center #004496; */ background:#004496; }
.product .product_menu ul li:hover a { color:#fff; display:block; }
.product .product_list { width:910px; float:right; }
.product .product_list li { width:257px; height:245px; float:left; margin-left:46px; margin-bottom:30px; }
.product .product_list li .img { width:257px; height:210px; display:table-cell; vertical-align:middle; text-align:center; border:1px solid #ccc; }
.product .product_list li .img img { max-width:257px; max-height:210px; vertical-align:middle; }
.product .product_list li .name { width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; overflow:hidden; }
.product .product_list li:hover .name { background:#004496; color:#fff; }
/*about*/

#about { width:100%; height: 420px;/* background:#c93a33; */ color: #303030; font-size: 14px; }
#about .about { width:1200px; margin:auto; padding-top: 55px; }
#about .about .img { float: right;/* width:586px; *//* height:436px; */ position:relative; z-index:99; }
#about .about .img .border { display:none; position:absolute; width:558px; height:407px; border:1px solid #fff; left:0px; bottom:0px; z-index:-9; }
#about .about .img img { width: 519px; height: 307px; float:right; }
#about .about .nei { float:left; width: 640px;/* margin-left:58px; */ margin-top:8px; }
#about .about .nei h3 { color: #004496; font-size: 24px; font-weight: normal; }
#about .about .nei h3 span { font-size: 16px; float: left; width: 100%; }
#about .about .nei a { color: #004496; font-size: 14px; border: 1px solid #004496; padding: 10px 45px; }
#about .about .nei a:hover { border: 1px solid #333; }
#about .about .nei .brief { font-size:14px; line-height:25px; height:175px; margin: 20px 0 20px 0; overflow:hidden; float: left; }
#about .about .nei ul li { float:left; margin-right:24px; }
#about .about .nei ul li .img1 { float:left; }
#about .about .nei ul li .word { float:left; margin-left:13px; margin-top:8px; color:#fff; font-size:16px; }
/*picture*/

#picture { width:100%; background:url(../images/cp.jpg) no-repeat; height: 550px; }
.picture { clear:both; width:1200px; margin:auto; padding-top: 40px; height: 440px; position:relative; text-align: center; }
.picture .title { width: 100%; height:26px; line-height:26px; text-align: center;/* margin:auto; */ margin-bottom:50px; font-size:24px; color: #fff; }
.picture .title img { float:left; }
.picture .title span { display:inline-block; width: 100%; text-align:center; float:left; margin:0 1px; color: #fff; font-weight:500; font-size: 16px; text-transform: uppercase; position:relative }
.picture .title span:after { background:url(../images/xia.png) no-repeat; content:""; width: 18px; height: 8px; position: absolute; left: 590px; top: 25px; }
.picture ul.team_tui { width:1000px; height: 360px; position:relative; z-index:99;/*position:absolute; left:0px; top:0px; z-index:99;*/ }
.picture ul.team_tui li { width:267px; height:238px; margin-left:18px; float:left; background: #fff; }
.picture ul.team_tui li img { width: 267px; height: 240px; }
.picture ul.team_tui li a { background: #fff; text-align: left; }
.picture ul.team_tui li .name { background: #fff; padding: 20px; font-size: 16px; color: #505050; }
.picture .more { color: #fff; border: 1px solid #fff; padding: 10px 45px; margin: 20px 0 0 0; }
.picture .pst { width: 1200px; height:25px; position: relative; left:0px; top: 0; z-index:9; }
.picture .pst .prev { display:block; width: 47px; height: 100px; background: url(../images/left.png) no-repeat center; left: -30px; top: -300px; position: absolute; }
.picture .pst .next { display:block; width: 47px; height: 100px; background: url(../images/right.png) no-repeat center; top: -300px; position: absolute; right: -30px; }
/*news*/

#news { clear:both; width:1200px; margin:auto; padding-top:50px; height:auto; }
#news .news { width: 680px; float:left; border: 1px solid #ccc; padding: 20px; }
#news .news .title { height:42px; font-size:16px; font-weight: normal;/* margin-bottom:70px; */ }
#news .news .title span { display:block; float:left; width: 238px; height:42px; text-align: left; color: #004496; font-size: 20px; }
#news .news .title .more { display:block; float:right; line-height:45px; color:#b5b5b5; font-size:14px; font-weight:500; }
#news .news .first { width: 100%; float:left; font-size:14px; margin-bottom: 20px; }
#news .news .first img { width: 150px; height: 100px; float: left; }
#news .news .first .name { width: 500px; text-indent:15px; font-weight: 500; color: #004496; height:25px; line-height:25px; overflow:hidden; font-size: 16px; }
#news .news .first .brief { line-height:23px; margin-top:5px; height:46px; overflow:hidden; padding-left: 15px; }
#news .news ul { float: left; width: 660px; }
#news .news ul li { width:100%; height:40px; line-height:33px; border-bottom: 1px #ccc dashed; margin-bottom:15px; overflow:hidden; font-size: 14px; }
#news .news ul li .time { float: right; font-size: 12px; color: #999; }
#news .news ul li a { color:#666666; font-size:14px; }
#news .message { width: 390px; float:left; padding: 20px 40px; }
#news .message .title { font-weight:500; font-size:16px; text-align: center; color: #fff; margin: 1px 0 20px 0; }
#news .message .form { width:100%; }
#news .message .form .div { height: 33px; margin-top: 15px; }
#news .message .form span { display:block; float:left; width: 40px; height: 33px; line-height: 33px; text-align: right; color: #fff; padding-right: 10px; }
#news .message .form input { float:left; width: 330px; height: 33px; line-height: 33px; border:0px; background: #ffffff; border-radius: 5px; padding-left: 5px; }
#news .message .form textarea { float:left; width: 335px; height:105px; line-height:30px; border:0px; background: #ffffff; border-radius: 5px; }
#news .message .form .submit { width: 390px; height:40px; background: #ffffff; line-height:40px; text-align:center; color: #004496; float: left; margin-top: 10px; margin-right:7px; border-radius: 5px; font-size:14px; }
#news .qa { width:397px; float:right; }
#news .qa .title { height:42px; border-bottom:1px solid #ccc; font-size:16px; font-weight:bolder; margin-bottom:70px; }
#news .qa .title span { display:block; float:left; width:138px; height:42px; line-height:42px; text-align:center; color:#fff; background:#004496; }
#news .qa ul li { height:115px; border-bottom:1px solid #ccc; margin-bottom:40px; }
#news .qa ul li:last-child { border-bottom:0px; margin-bottom:5px; }
#news .qa .qq { height:20px; font-size:14px; margin-bottom:17px; margin-top:20px; }
#news .qa .qq span { float:left; display:block; width:20px; height:20px; line-height:20px; text-align:center; background:#004496; color:#fff; }
#news .qa .qq font { float:right; width:358px; height:20px; line-height:20px; color:#3a3a3a; overflow:hidden; }
#news .qa .aa span { float:left; display:block; width:20px; height:20px; line-height:20px; text-align:center; background:#a0a0a0; color:#fff; }
#news .qa .aa font { float:right; width:358px; height:40px; line-height:20px; color:#666666; overflow:hidden; }
#news .qa .more { display:block; width:100%; height:44px; line-height:44px; text-align:center; background:#eaeaea; color:#a5a5a5; font-size:16px; }
/*底部*/

#foot { clear:both; width:100%; height:auto; font-size:14px; background: #3d3d3d; color:#fff; margin-top:50px; }
#foot .foot { width:1200px; margin:auto; padding: 30px 0 0 0; }
#foot .link { width:1200px; margin:auto; }
#foot .link a { display:block; float:left; margin-right:20px; color:#ffffff; font-size: 14px; }
#foot .link .fir { display:block; font-size: 14px; margin-left: 0; }
#foot .foot ul { float: left; width: 650px; height: 200px; }
#foot .foot ul li { height:35px; color: #fff; width: 150px; float: left; }
#foot .foot ul li a { color: #fff; font-size: 16px; }
#foot .foot ul li .second { float: left; width: 100%; margin: 10px 0 0 0; }
#foot .foot ul li .second a { font-size: 14px; float: left; width: 100%; text-indent: 5px; line-height: 22px; }

#foot .foot .cinfo { line-height: 25px; float: left; font-size: 14px; width:270px }

#foot .foot .cwx { float: right; width:150px }
#foot .foot .cwx img { width: 100%; }
#foot .banquan { clear:both; width:100%; height: 40px; line-height: 40px; color: #f2f2f2; text-align:center; font-size: 14px; }
#foot .banquan a { color:#fff; margin:0 15px; }
#foot .links { margin: 0; height: 40px; line-height: 40px; }
#foot .foot .line { float: left; width: 100%; border-bottom: 1px solid #ccc; margin: 30px 0 0 0; }
.actGotop { position: fixed; _position: absolute; bottom: 10px; right: 5px; width: 80px; height: 105px; display: none; }
.actGotop a, .actGotop a:link { width: 80px; height: 105px; display: inline-block; background: url(../images/top.jpg) no-repeat; _background: url(../images/top.jpg) no-repeat; outline: none; }
/*在线留言*/

#message { width:100%; height: 450px; background: #004496; float:right; }
#message .message { width:90%; height:auto; padding:40px 0; }
#message .message li { width:100%; font-size:14px; height:40px; line-height:40px; margin-bottom:10px; }
#message .message li span { display:inline-block; float:left; width:125px; text-align:right; }
#message .message li input { width:600px; height:30px; line-height:30px; border:0px; border:1px solid #ccc; }