@charset "utf-8";

/*css重置*/
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0;}
html{height: 100%;}
body{font-size: 14px; font-family: "微软雅黑","宋体", Verdana; height: 100%;}
fieldset,img{border:0;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:separate;border-spacing:0;}
a{text-decoration:none; color: #000;}
a:hover{ text-decoration:underline;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal; font-weight: normal;}
select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
.fl{float: left;}
.fr{float: right;}
.clear{ clear:both;}
.clearfix{zoom:1;}
.clearfix:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}


body{background: #f6f6f6 url(../images/bg/bg.jpg) center top no-repeat;}
.wrap{width: 1176px;margin: 0 auto;overflow: hidden;position: relative;}

/*w1*/
.w1{background: url(../images/bg/bg_inner.jpg) no-repeat;width: 100%;height: 937px;overflow: hidden;position: relative;}
.logo{position: absolute;top: 40px;left: 60px;background: url(../images/bg/logo.png) no-repeat; width: 172px;height: 63px;}
.title{position: absolute;top: 470px;left: 0px;font-size: 20px;color: #fff;text-align: center;width: 100%;height: 40px;line-height: 40px; letter-spacing: 2px;}
.title span{font-weight: bold;}
.msg{height: 220px;width: 450px;padding: 90px 41px 77px 41px;overflow: hidden;background: url(../images/bg/go_mr.png) no-repeat;position: absolute;bottom: -11px;right: 21px;}
.msg p{height: 60px;line-height: 60px;color: #50100a;font-size: 20px;width: 100%;}
.msg p span{display: inline-block;width: 50%;height: 100%;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.msg p span i{font-weight: bold;}
.msg p.msg_gn{text-align: center;font-size: 24px;font-weight: bold;}
.top_img{position: absolute;left: 53px;bottom: 36px;}

/*w2*/
.w2{width: 1136px;overflow: hidden;position: relative;background: #fff;margin: 0 20px;}
.t1{background: url(../images/bg/t1.png) no-repeat;width: 1051px;height: 43px;margin: 20px auto;}
.start{background: url(../images/bg/l.png) no-repeat;width: 106px;height: 57px;position: absolute;left: 40px;top: 80px;}
.end{background: url(../images/bg/r.png) no-repeat;width: 76px;height: 29px;position: absolute;right: 40px;bottom: 20px;}
.content{padding: 30px 60px 40px 60px;}
.con{width: 100%;overflow: hidden;}
.con p{width: 95%;line-height: 24px;margin-bottom: 15px;margin-left: 20px;}
.con p span{display:inline-block;width: 100%;line-height: 34px;font-size: 16px;}
.con p i{background: url(../images/bg/icon.png) no-repeat;width: 24px;height: 25px;display: inline-block;margin-right: 10px;float: left;color: #fff;font-size: 14px;text-align: center;line-height: 25px;margin-top: 5px;}
.con p em{color:red;}
.w2 .left_box{width: 65%;overflow: hidden;margin-bottom: 30px;}
.w2 .right_box{width: 35%;overflow: hidden;margin-bottom: 30px;}
.img_r{background: url(../images/bg/right_bg.png) left top no-repeat;margin-bottom: 50px;}
.img_l{background: url(../images/bg/left_bg.png) left bottom no-repeat;}
.img_r img{margin: 56px 0 0 30px;}
.img_l img{margin: 0px 0 30px 30px;}

/*w3*/
.w3{width: 1136px;overflow: hidden;position: relative;background: #fff;margin: 0 20px;}
.t2{background: url(../images/bg/t2.png) no-repeat;width: 1051px;height: 43px;margin: 20px auto;}
.w3 .left_box,.w3 .right_box{width: 50%;}
.w3 .left_box img{height: 402px;}
/**.w3 .right_box{background: url(../images/bg/dangan.jpg) no-repeat;width: 342px;height: 312px;padding: 90px 0 0 145px;}**/
.w3 .right_box{width: 490px;}
.w3 .right_box p{font-size: 18px;height: 62px;line-height: 62px;text-align: center;}
.message{background: url(../images/bg/message.png) no-repeat; width: 1023px;height: 77px;margin: 30px auto 20px;display: block;border: none;padding: 15px;font-size: 18px;}
.send{background: url(../images/bg/send.png) no-repeat;height: 30px;width: 97px;display: block;float: right;margin-right: 48px;}
.send:hover{background: url(../images/bg/send_h.png) no-repeat;}
.t3{background: url(../images/bg/t3.png) no-repeat;width: 1053px;height: 35px;margin: 100px auto 10px;color: #f5a210;text-align: right;font-size: 16px;}
.t3 span{color: #e62009;font-size: 16px;margin: 0 5px;}
.icon{font-size: 18px;color: #e62009; border-left: 5px solid #e62009;margin: 20px 50px;padding-left: 10px;}
.message_ul{width: 1053px;margin: 0 auto 30px;}
.message_ul li{padding: 5px 0;border-bottom: 1px dashed #b3b3b2;position: relative;margin-top: 20px;}
.user_img{width: 40px;height: 40px;border-radius: 20px;background: #f5a210;display: block;margin: 5px 0;}
.user_name{margin-left: 20px;color: #f5a210;width: 960px;line-height: 30px;overflow: hidden;}
.times{color: #b3b3b2;}
.msg_con{width: 850px;margin-left: 20px;margin-top: 10px;overflow: hidden;line-height: 24px;}
.hf{position: absolute;right: 30px;bottom: 5px;width: 50px;height: 30px;text-align: center;line-height: 30px;}
.more{width: 1053px;height: 40px;background: #e0e0e0;color: #fff;text-align: center;font-size: 16px;display: block;margin: 0 auto 40px;line-height: 40px;}
.message_ul .p_con .p_detail{padding-left: 20px;color: #e0e0e0}
.message_ul .p_con .tag{font-size: 25px;font-weight: bold;color: #e0e0e0;line-height: 60px;}

.float_btn{background: url(../images/bg/float_btn.png) no-repeat;width: 257px;height: 247px;display: block;position: fixed;top: 80px;left: 40px;}
/*遮罩*/
.zhezhao {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
/*弹框部分*/
.tankuang{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 724px;
    height: 769px;
    margin-left: -363.5px;
    background: url(../images/bg/tankuang.png) no-repeat;
    z-index: 10000;
}
.x-box {
    overflow: hidden;
    display: block;
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 60px;
    right: 0px;
    background: url(../images/bg/x.png);
    transition: all 0.5s ease-in-out;
}
.x-box:hover{
	transform: rotate(360deg);
}
.ul_list{margin: 364px 33px 20px 28px;height: 668px;overflow: hidden;}
.ul_list li{padding: 5px 0px;font-size: 18px;color: #fff;height: 36px;line-height: 36px;border-bottom: 1px dashed #8b5113;}
.ul_list li span{display: inline-block;text-align: center;}
.ul_list li span.s1{width: 120px;margin-right: 6px;}
.ul_list li span.s2{width: 226px;margin-right: 6px;}
.ul_list li span.s3{width: 108px;margin-right: 6px;}
.ul_list li span.s4{width: 190px;}
.ul_list li.one{background: url(../images/bg/one.png) center no-repeat;}
.ul_list li.two{background: url(../images/bg/two.png) center no-repeat;}
.ul_list li.three{background: url(../images/bg/three.png) center no-repeat;}

.ul_tab{position: absolute;top: 10px;left: 86px;}
.ul_tab li{width: 172px;height: 300px;float: left;}
.ul_tab li.max{width: 200px;}