/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#000;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#000;font-size:16px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;background:#fff ;overflow-x: hidden;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
a.colorOrange {
    color: #FF9900;
}
a.colorRed{
	color: #FD2702;
}
.mb60{margin-bottom:60px;}
.fixed{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: 300px;
    z-index: 10000;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
}
/*head*/
.head{width:100%; background-color:#444444;}
.head_nav{text-align:center;font-size:12px; width:1000px;line-height:24px; height:24px; color:#fff; background-color:#444;margin:0 auto}
.head_nav a:visited,.head_nav a:link{ color:#fff; margin:0 4px}
.head_nav a:hover,.head_nav a:active{ color:#FF0}
/*foot*/
.foot_wrap{width:100%;background:#666666;margin-top:40px;}
.foot{ text-align:center; font-size:12px; width:950px; padding:25px; line-height:22px; color:#fff; background-color:#666;  margin:0 auto; clear:both}
.foot a{ color:#fff}
.foot a:hover{ color:#fff; text-decoration:underline;}
/* topBar */
.head_nav{width:1200px;}
/* banner */
.banner {
	height: 310px;
	background: url(../images/banner_bg.png) 50% 50%;
}
.banner .banner_wrapper {
	margin: 0px auto; width: 1200px; height: 310px; position: relative;
}
.banner .banner_wrapper .banner_logo {
	left: 40px; top: 62px; position: absolute;
}
.banner .banner_wrapper .banner_logo span {
	top: 2px; right: 24px; color: rgb(220, 3, 111); font-family: "Microsoft Yahei"; font-size: 16.34px; position: absolute;
}
.banner .banner_wrapper .banner_line {
	left: 362px; top: 67px; position: absolute;
}
.banner .banner_wrapper .banner_title {
	left: 417px; top: 64px; position: absolute;
}
.banner .banner_wrapper .banner_title h2 {
	color: rgb(255, 255, 255); font-family: "Microsoft Yahei"; font-size: 38px;
}
.banner .banner_wrapper .banner_title p {
	top: 70px; color: rgb(255, 255, 255); line-height: 28px; text-indent: 3.5em; font-family: "Microsoft Yahei"; font-size: 14px; position: absolute;
}
.banner .banner_wrapper .banner_title p span {
	left: 0px;top: -2px;width: 43px;text-indent: 0px;position: absolute;color:#fff;font-size: 20px;
}

/*wrapper*/
.wrapper {
    margin: 0px auto;width: 1200px;
}
/*wrapper-left*/
.wrapper .wrapper_left {
    width: 860px;
    padding-right:20px;
    margin-top: 46px;
    border-right:3px solid rgb(236, 236, 236);
    float: left;
    position: relative;
}
.event {
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.event_head{
    line-height:34px;
    color: rgb(0, 0, 0);
    font-family: "Microsoft Yahei";
    font-size: 24px;
    font-weight: bold;
    padding-left:36px;
    background:url(img/icon_cicle.png) no-repeat center left;
}
.event .part {
    margin-top: 32px;
}
.event .part span {
    color: rgb(0, 0, 0);
    font-family: "Microsoft Yahei";
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}
.event .part p {
    color: #000;
    line-height: 32px;
    font-family: "SimSun";
    font-size: 14px;
    margin-bottom: 20px;
}
.event .editor_observe {background: rgb(248, 248, 248);padding: 20px;margin-top: 26px;}
.event .editor_observe .norule {font-size: 18px;color:#fff;padding: 2px 16px 2px 0;background: #fd2702 url(img/observe_angle.jpg) no-repeat 101% center;}
.event .editor_observe p { color: #000;line-height: 30px;font-family: "KaiTi";font-size: 16px;margin:20px 0 10px;}
.event .editor_observe a{font-size: 16px;font-family: "KaiTi";}
/*wrapper-right*/
.wrapper .wrapper_right {
    width: 300px;
    margin-top: 46px;
    float: right;
}
.wrapper .wrapper_right h2 {
    height: 26px;
    color: rgb(0, 0, 0);
    font-family: "Microsoft Yahei";
    font-size: 20px;
    font-weight: bold;
    border-left: 4px solid #FD2702;
    position: relative;
    padding-left:6px;
}
.wrapper .wrapper_right ul {
    margin-top: 25px;
}
.wrapper .wrapper_right ul li {
    height: 27px;
    color: #000;
    padding-top: 7px;
    padding-left: 15px;
    font-family: "SimSun";
    font-size: 14px;
    margin-top: 10px;
    border-left: 4px solid #000;
    background: rgb(230, 230, 230);
    cursor: pointer;
}
.wrapper .wrapper_right ul .current {
    background: #FD2702;
    color:#fff;
}
.wrapper .wrapper_right ul li a{
    color:#000;
}
.wrapper .wrapper_right ul li a:hover{
    text-decoration: underline;
}
/*wrapper-bottom*/
.wrapper .wrapper_bottom{
    width: 860px;
    float: left;
}
.wrapper_bottom ul{
    margin-top: 20px;
}
.wrapper_bottom ul li{
    float:left;
    margin-left:24px;
    margin-bottom:20px;
    width:30%;
}
.wrapper_bottom ul li a:hover{
    text-decoration: underline;
}
.wrapper_bottom ul li a img{
    width: 100%;
}
.wrapper_bottom ul li a p{
    text-align: center;
}

@media screen and (max-width:1000px) {
	.pc{display:none;}
	.mobile{display:block;}
    .fixed{
        position: relative;
        top: 0;
        left: 0;
        margin-left: 0;
    }
	/*banner*/
    .banner{height: auto;background: none;}
	.banner .mobile img{width:100%;height:auto;}

	/*wrapper*/
	.wrapper {
        width: 100%;
        padding:0 2%;
        box-sizing:border-box;
        -moz-box-sizing:border-box; /* Firefox */
        -webkit-box-sizing:border-box; /* Safari */
    }
    /*wrapper-left*/
    .wrapper .wrapper_left {
        width: 100%;
        padding-right:0px;
        margin-top: 0;
    }
     /*wrapper-right*/
    .wrapper .wrapper_right{
        width: 100%;
        margin-top: 20px;
    }
    /*wrapper-bottom*/
    .wrapper .wrapper_bottom{
        width: 100%;
    }
    .wrapper_bottom ul li{
        float:left;
        margin-left:0;
        margin-top:10px;
        margin-bottom:10px;
        width:100%;
    }
    .wrapper_bottom ul li a img{
        width:auto;
        display: block;
        margin:0 auto;
    }
}