@charset "utf-8";

/* CSS Document */

/*base*/

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,input,select,textarea,div,table,td,th,tr,dt,dd,dl{margin:0;padding:0;}

ul,ol{list-style:none;}

em,i{font-style:normal;}

table{border-spacing:0;border-collapse:collapse;}

img{border:none;vertical-align:middle;}

input,select,button{vertical-align:middle;outline: none;}

a{text-decoration:none;cursor:pointer;color: #0080ff;}

a:hover{color: #c9c9c9;}

body{min-width:1200px;font-family:'Microsoft YaHei','Arial','Heiti SC'; background:#f4f4f4;}



.W1200{width: 1200px;margin: 0 auto;}

.clear:before,.clear:after{content: '';display: block;clear: both;}

.gray{-webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}



/*head*/

.header_wrap .header_top{ height: 34px; width: 100%; background: #262626 url(../../images/headbg.jpg) no-repeat center ;}

.center{ width: 1200px; margin: 0 auto;}

.header_wrap .head_top_le{ float: left;width: 157px; background: #1b1b1b; height: 34px; line-height: 34px; color: #a8a8a8; padding-left:18px;}

.header_wrap .head_top_le i{display: block;float: left; width: 27px; height: 24px; margin: 5px 7px 0 0;background: url(../../images/logo_xiaoniao.png) no-repeat;}

.header_wrap .head_top_rt { float: right; width:auto; height: 34px;line-height: 34px;cursor: pointer;}

.header_wrap .head_top_rt a:hover img{opacity: 1}

.header_wrap .head_top_rt a:hover{color: #b1aeae;}

.header_wrap .head_top_rt img{width: 25px; height: 25px;border-radius: 50%;opacity: 0.8;display: inline-block;}

.header_wrap .head_top_rt a{ color: #8a8a8a; font-size: 12px;padding:0 5px 0 10px;}

.header_wrap .head_top_rt #registered{border-left: 2px solid #8a8a8a; }

.header_wrap .header_top{ height: 34px;}
.header_top .ul_link{ float: left; max-width: 1000px; overflow: hidden; height: 34px; font-size: 12px;}
.header_top .ul_link a{ display: block ; float: left; margin-right: 30px; height: 34px; line-height: 34px; color: #bfbfbf;}
.header_top .ul_link a i{ display: inline-block; vertical-align: middle; background: url("/page/images/3dm_top_li.png") no-repeat center; margin:-3px 5px 0 0;}
.header_top .ul_link a i.ico1{height:10px;width:19px;background-position: 0 0;}
.header_top .ul_link a i.ico2{height:10px;width:20px;background-position: 0 -20px;}
.header_top .ul_link a i.ico3{height:10px;width:15px;background-position: 0 -64px;}
.header_top .ul_link a i.ico4{height:16px;width:11px;background-position: 0 -38px;margin-top: -3px;}
.header_top .ul_link a i.ico5{height:16px;width:18px;background-position: 0 -89px;margin-top: -3px;}
.header_top .ul_link a:hover{color:#fff;}

/*logo2部*/

 

.header_wrap .header{ height: 130px; width: 100%; line-height: 130px; background: #fff  url(../../images/header_bg.jpg) no-repeat center; }

.header_wrap .header .login{ width: 298px; margin-top: 25px; float:  left;height:69.69px;}

.header_wrap .header .search{ width: 270px;height: 32px; float: right;padding-top: 50px;}

.header_wrap .header input{height: 32px; width:200px; line-height: 32px;border: 1px solid #d2d2d2; text-indent: 2px; color: #999; padding-left: 10px; float: left;border-right: none;    background: #e5e5e5; border-bottom-left-radius: 16px;border-top-left-radius: 16px;}

.header_wrap .header  button{ width: 50px;background: #ff5842;border:none ; height: 34px; float: left; cursor: pointer; position: relative; display: inline-block;    border-top-right-radius: 16px; border-bottom-right-radius: 16px;}

.header_wrap .header  button i{width: 22px; height: 21px;margin: 6px 8px; background: url(../../images/ico-img.png) no-repeat center;  background-position: 0 -230px; display: block;}





/*nav*/

.header_wrap .nav{
	/*border-bottom: 1px solid #c9c9c9;*/
 height: 56px; width:100%; line-height: 56px; background:#2b2b2b; font-size: 16px;}

.header_wrap .nav ul{ float:  left; height: 56px; padding-left: 10px;}

.header_wrap .nav ul li{float:  left; height: 56px;}

.header_wrap .nav ul li a{ float:  left;width: 65px;  text-align: center; height: 56px; line-height: 56px; color: #c9c9c9; position: relative; max-width: 80px; overflow:  hidden;}

.header_wrap .nav ul li a span{display: none; position: absolute;top:5px; left:40%;left: calc(50% - 8px);  background: url(../../images/ico-img.png) no-repeat center;height:7px;width:16px;background-position: 0 -33px;}

.header_wrap .nav ul li.on span,

.header_wrap .nav ul li:hover span{display: block;}

.header_wrap .nav ol{ float: right; padding-right: 0px; width: 470px;}

.header_wrap .nav ol li a.as,

.header_wrap .nav ol li:hover{ background: #f0412a;color: #fff;}

.header_wrap .nav ol li:hover a{color: #fff;}

.header_wrap .nav ol li{float: left;}

.header_wrap .nav ol li a{ float:  left;font-size: 18px; width:77px; text-align: center; line-height: 56px; color: #c9c9c9; max-width: 900px; height: 56px; overflow:  hidden;}

/*foot*/

.fotter .fotter-top{ height: auto; background: #181818; width: 100%;padding-bottom: 30px;}

.fotter .fotter-top .wrap{width: 300px; float:  left; color: #858585;}

.fotter .fotter-top .wrap p{text-align:center; font-size: 20px; padding:30px 0 10px 0; font-weight: 500; max-width: 300px; overflow:  hidden;}

.fotter .fotter-top .wrap ul{ width: 277px; margin: 0 auto;}

.fotter .fotter-top .wrap li a{ float: left; color: #858585; font-size: 14px; padding-top: 14px; width: 92px; text-align: center; max-width: 92px; overflow:  hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}

.fotter .fotter-top .wrap li{float: left;}

.fotter .fotter-top .wrap li a:hover{text-decoration:underline;color: #e13e28;}

.fotter .fotter-bottom{height: 100px; width: 100%; background: #141414; color: #818181; padding-top:45px;}

.fotter .fotter-link{ width: 1200px; margin: 0 auto; text-align: center;font-size: 14px;}

.fotter .fotter-link a{ color:#818181;margin:0 12px;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}

.fotter .fotter-link a:hover{color:#cdcdcd}

.fotter .fotter-link p{padding-top: 20px;}

/*link*/

.Linkwrap{width: 100%;overflow: hidden;background: #181818;}

.Linkwrap .Yqlink{width: 100%;height: auto;margin: 0 auto;padding: 20px 0;overflow: hidden;}

.Linkwrap .line{width: 1200px;margin: 0 auto; border-top: 1px solid #333;border-bottom: 1px solid #000;}

.Yqlink .link{width: 1160px;height: auto;margin: 0 auto;}

.Yqlink .link p{display: block;width: 100%;height:60px;font-size: 16px;color: #a0a0a0;line-height: 60px;padding-top: 10px;}

.Yqlink .link p i{display: inline-block;background: url(../../images/logo_sm.png) no-repeat;width: 36px;height: 29px;margin: 10px 8px -6px 0;}

.Yqlink .link a{color: #a0a0a0;font-size: 12px;height: 20px;line-height: 20px;margin: 7px 15px;display: block;float:left;}

.Yqlink .link a:hover{text-decoration: underline;color: #e13e28;}


.content,.header_wrap,.fotter,.Linkwrap{position:relative;z-index:5;}