*{margin:0; padding:0;}

        /* 
            set overflow-y property to prevent scroll bar mess up the whole layout
        */
        body{margin:0; padding:0; color:#fff;}
        li{list-style-type:none;}
        

        /* styled just for clear visual division of each areas */
        .op-section{background: url('../images/11.png') no-repeat center top;}
        .second{background:#fff url('../images/22.png') no-repeat center top;}
        .third{background: url('../images/33.png') no-repeat center top;}
        .fourth{background: url('../images/44.png') no-repeat center top;}
        .fifth{background:#1a98dc url('../images/55.png') no-repeat center top;}
        
        
        
        #radioWrap{ 
            width:20px;
            height:180px;
            position:absolute;
            right:2%;
            top:50%;
            margin-top: -90px;}

        #radio{width:100%; height:100%; overflow: hidden;}

        #radio li{
            width:14px;
            height:14px;
            background-color: rgba(255,255,255, 0.5);
            text-indent: -10000px;
            border-radius: 50%;
            margin-top: 12px;
            cursor:pointer;}
        #radio li:first-child{margin-top:0;}
        
        /* 
            set position to absolute(essential).
            use margin to adjust gaps between LIs because ApplikeOnePage.js uses .outerHeight(true) method
            to measure the interval gap to which each radio buttons are placed.
        */
        #radioOn{
            width:14px;
            height:14px;
            margin-bottom:12px;
            position: absolute;
            top:0; left:0;
            background-color: #fff;
            border-radius: 50%;}
img{
    vertical-align: middle;
}           
.row{
    display: block;
    width:100%;
    height: auto;
}   
.col12{
    display: block;
    width:1200px;
    margin: 0px auto;
    height: auto;
}  
.ban1{
    height: 92px;
    line-height: 92px;

}  
.ban1 .left{float: left;} 
.ban1 .right{float: right;text-align: right;}    
.ban1 .right .r1{
    height: 40px;
    line-height: 60px;
} 
.ban1 .right .r2{
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color:#37a5ee;
} 
.ban1 .right .r1 a:hover{
    color:#37a5ee;
} 
.ban2{
    height: 100%;
    position: relative;;
}  
.ban2 .left{
    float: left;
    top:50%;
    position: absolute;
    margin-top: -90px;
    width: 290px;
    height: 213px;
    line-height: 36px;
    overflow: hidden;
    border-bottom:1px solid #ccc;
    font-size: 15px;
}
.ban2 .right{
    width: 373px;
    height: 346px;
    overflow: hidden;
    float: left;
    top:50%;
    left:50%;
    margin-left:240px;
    position: absolute;
    margin-top: -150px;
}
.ban2 .right ul{
    margin-top:-18px;
}
.ban2 .right ul li{
    height: 78px;
    margin-top: 16px;
    padding-top: 20px;
    font-size: 15px;
}
.ban3{position: relative;}
.ban3 .pos{
    position: absolute;
    width: 410px;
    height:104px;

    padding-top:25px;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    font-family: "微软雅黑";
    line-height: 25px;
}
.ban3 .pos1{
    top: 233px;
    left: 798px;
    padding-right:20px;
}
.ban3 .pos2{
    top: 318px;
    left: 0px;
}
.ban3 .pos3{
    top: 416px;
    left: 798px;
    padding-right:20px;
}
.ban3 .pos4{
    top: 494px;
    left: 0px;
}
.ban3 .pos5{
    top: 592px;
    left: 798px;
    padding-right:20px;
}
.ban3 .pos6{
    top: 670px;
    left: 0px;
}
.ban3 .pos7{
    top: 775px;
    left: 798px;
    padding-right:20px;
}
.ban4{position: relative;}
.ban4 .tj{
    position: absolute;
    overflow: hidden;
    font-size: 14px;
    font-weight: normal;
    font-family: "微软雅黑";
    line-height: 25px;
    color: #777;
}
.ban4 .tj h2{
    font-size: 16px;
    color: #555;
    line-height: 40px;
}
.ban4 .tj1{
    width: 340px;
    height: 160px;
    top:120px;
    left: 50%;
    margin-left: -170px;
    text-align: center;
}
.ban4 .tj2{
    width: 164px;
    height: 160px;
    top:235px;
    left: 160px;
    text-align: left;
}
.ban4 .tj3{
    width: 180px;
    height: 160px;
    top:235px;
    left: 840px;
    text-align: left;
}
.ban4 .tj4{
    width: 200px;
    height: 160px;
    top:500px;
    left: 0px;
    text-align: left;
}
.ban4 .tj5{
    width: 250px;
    height: 160px;
    top:500px;
    left: 916px;
    text-align: left;
}
.ban4 .tj6{
    width: 170px;
    height: 160px;
    top:750px;
    left: 148px;
    text-align: left;
}
.ban4 .tj7{
    width: 170px;
    height: 160px;
    top:750px;
    left: 880px;
    text-align: left;
}
.ban5{
    position: relative;height: 100%
}
.ban5 .title{position: absolute;width: 420px;height: 100px;top:500px;left:50%;color: #444;font-size: 16px;margin-top: 100px;margin-left: -210px;}
.ban5 .pic{position: absolute;left:50%;margin-left: -228px;top: 50%;margin-top: 250px;}

/*登录*/
.login{
	width: 100%;
	height: 660px;
	background:url(../images/aa.png) no-repeat;
	position: relative;
}
.login>form{
	width: 386px;
	background-color: #ffffff;
	border-radius: 3px;
	color: #333333;
	padding:25px 0;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.login>form>h1{
	text-align: center;
	font-size: 24px;
}
.login ul li{
	margin-bottom:20px;
	text-align: center;
}
.login li input{
	width: 343px;
	height: 49px;
	border-radius: 3px;
	border:1px solid #dcdcdc;
	padding:0 10px;
}
.login li input:-ms-input-placeholder{
	color: #999;
}
.login li input::-webkit-input-placeholder{
	color: #999;
}
.login li input::-moz-placeholder{
	color: #999;
}
.login li button{
	width: 130px;
	font-size: 14px;
}
.login li:nth-of-type(2) input{
	width: 199px;
    margin-right: 15px;
}
.lan{
	height: 49px;line-height: 49px;
	background-color: #008dfc;
	border-radius: 3px;
	color: #ffffff;
	border: none;
}
.login>form>ul{
	padding-top:50px;
}
.login>form>div{
	text-align: center;
	margin-bottom: 30px;
}
.login>form>div>input{
	width: 343px;
	font-size: 18px;
}
.foot{
	/* background: #f8f8f8; */
	color: #999999;
	font-size: 14px;
    /* text-align: center; */
    line-height: 30px;
    padding: 25px 0;
}
.rightel{
	font-size: 28px;
	color: #008cfc;
	font-weight: bold;
}
.rightel>img{
	width: 31px;
	margin-right: 10px;
}
.zhuce{
    width: 100%;
	height: 1046px;
	background: url(../images/a8.png)no-repeat;
	background-size: cover;
	position: relative;
}
.zhuce>form{
	background: #fff;
	width: 623px;
	background-color: #ffffff;
	border-radius: 3px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top:30px;
}
.zhuce h1{
	font-size: 24px;
	color: #333333;
	padding: 25px 0;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom:20px;
}
.zhuce form label{
	color: #666666;
}
.zhuce label span{
	color: #cc0000;
	margin-right: 5px;
}
.zhuce form input{
	width: 343px;
	height: 40px;
	border-radius: 3px;
	border:1px solid #d2d2d2;
}
.zhuce form input.mma{
	float: left;
	width: 203px;
	margin-right: 13px;
}
.zhuce form select{
	width: 105px;
	height: 40px;
	border-radius: 3px;
	border: solid 1px #d2d2d2;
	font-size: 14px;
	color: #999999;
	margin-right: 8px;
}
.zhuce form select#qiye{
	width: 343px;
}
.yanpic{
	float: left;
	width: 117px;
	height: 49px;
}
.yanpic>img{
	width: 100%;
	height: 100%;
}
.telbtn{
	width: 128px;
	height: 40px;line-height: 40px;
}
.freebtn{
	font-size: 18px;
	width: 343px;
	height: 49px;line-height: 49px;
    margin:10px 0 40px;
}
.huibg{
	background:#f8f8f8;
	padding: 20px 0 30px;
}
.fllist{
	width: 198px;
	background-color: #ffffff;
	color: #333;
	font-size: 16px;
	color: #666666;
	float: left;
}
.fllist>h2{
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	line-height: 60px;
	color: #097fec;
	border-top:3px solid #097fec;
	font-weight: bold;
}
.fllist>ul>li{
	line-height: 55px;
	text-align: center;
}
.fllist>ul>li.active{
	background-color: #097fec;
	color: #fff;
}
.fllist>ul>li.active>a{
	color: #fff;
	text-decoration: none;
}
.flbox{
	float: left;
	width:680px;
	background-color: #ffffff;
	margin:0 15px;
	font-size: 18px;
	color: #333333;
	line-height: 48px;
	padding: 23px 17px;
}
.tit{
	font-size: 18px;
	color: #333333;
	line-height:20px;
	border-bottom: 1px solid #dcdcdc;
}
.tit>span{
	display: inline-block;
	border-left: 3px solid #097fec;
	padding-left: 18px;
	margin-bottom:20px;
	font-weight: bold;
	font-size: 18px;
}
/*.flbox>div{
    margin: 30px 10px 30px 200px;
}*/
.flbox>div.fan{
	margin:30px 0 0;
}
.flbox>div>h4{
	line-height: 36px;
}
.flbox dl{
	width: 135px;
	margin-top:20px;
}
.flbox dl dt{
	width: 100%;
}
.flbox dt img{
	width: 100%;height: 100%;
}
.flbox dl dd{
	font-size: 14px;
	color: #666666;
	margin-top:13px;
	text-align: center;
}
.flbox>div>div{
	/*width: 640px;*/
}
.flbox>div>div>img{
	width: 100%;
}
.rglist{
	float: right;
	width: 260px;
	font-size: 18px;
	line-height: 48px;
	color: #333333;
}
.rglist>div{
	background: #fff;
	padding: 20px;
	margin-bottom: 10px;
}
.rglist li span{
	margin:0 10px 0 5px;
}
.rglist li a:hover{
	color: #333;
}
.rglist ul{
	margin: 0;
}
.rglist h3{
	font-size: 18px;
	color: #ef9408;
	margin-top: 30px;
}
.rglist h6{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 20px 0;
}
.rglist dl{
	font-size: 14px;
	line-height: 60px;
	color: #333333;
    margin-bottom: 10px;
}
.rglist dl a:hover{
	color: #333;
    text-decoration:underline;
}
.rglist dl dd{
	color: #999999;
	line-height:30px;
}
.rglist>div>div{
	margin-top:40px;
}
.liuform{
	font-size: 14px;
	color: #333333;
}
.liuform span{
	color: #cc0000;
}
.liuform input{
	width: 365px;
	height: 42px;
	border-radius: 2px;
	border:1px solid #d2d2d2;
	padding: 0;
}
.liuform{
	margin-top:35px;
    padding-bottom: 290px;
}
.liuform>.form-group>div{
	padding: 0;
}
.liuform label.control-label{
	padding: 0;
	font-weight: normal;
}
.liuform textarea{
	width: 540px;
	height: 192px;
	border-radius: 2px;
	border:1px solid #d2d2d2;
}
.liuform button{
	width: 126px;
	height: 42px;line-height: 42px;
	background-color: #097fec;
	border-radius: 2px;
	font-size: 18px;
	color: #ffffff;
}
.loginche{
	display: inline-block;
	float: left;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	margin: 0 10px 20px 25px;
}
.loginbg1{
	background-image: url(../images/dl2.png);
}
.loginbg2{
	background-image: url(../images/dl1.png);
}
.login li input.deng{
	width: 343px;
	margin-right: 0;
}
a.lantext{
	font-size: 14px;
	color: #008dfc;
    margin-right: 20px;
    float: right;
}
a.bordd{
	display: inline-block;
	width: 343px;
	height: 49px;line-height: 49px;
	border-radius: 3px;
	border:1px solid #dcdcdc;
	font-size: 18px;
	color: #666666;
}
.weizh{
	font-size: 14px;
	color: #999999;
	margin: 20px 0;
}
.weizh>i{
	display:inline-block;
	width: 115px;
	border:1px solid #dcdcdc;
	margin:0 5px 3px;
}
.person{
	width: 900px;
	height: 900px;
	font-size: 18px;
	color: #666666;
	background: #fff;
	float: left;
	position: relative;
}
.person_fl{
	width: 240px;
	color: #000000;
	float: left;
	margin-bottom: 30px;
	border-right: 1px solid #dcdcdc;
}
.person_fl>dl{
	text-align: center;
	padding-top: 50px;
}
.person_fl>dl>dd{
	margin-top: 30px;
}
.person_fl>ul{
	margin-top: 50px;
	border-top:1px solid #dcdcdc;
	padding-bottom:250px;
}
.person_fl>ul>li{
	text-align: center;
	margin: 40px 0;
}
.person_fl>ul>li>a{
	color: #666666;
	text-decoration: none;
}
.person_fl>ul>li.active>a{
	color: #008cfc;
}
.person_rg{
    float: left;
    width: 660px;
    padding:20px 30px;
    /*border-left: 1px solid #dcdcdc;*/
}
.person_rg>p{
	font-size: 24px;
	color: #000000;
	padding-bottom: 15px;
	border-bottom:1px solid #dcdcdc;
	position: relative;
}
.person_rg>p>span{
	font-size: 14px;
	color: #666666;
	float: right;
    margin-top:15px;
}
.person_rg span img{
	margin-right: 10px;
	cursor: pointer;
}
.person_rg>p>i{
    width: 53px;
    height: 3px;
    background-color: #008cfc;
    display: inline-block;
    margin-top: 48px;
    position: absolute;
    left: 0;
}
.person_rg>ul{
	font-size: 14px;
	margin: 10px;
}
.person_rg>ul>li>span:first-child{
	display: inline-block;
	width: 130px;
	text-align: right;
	margin: 20px 0;
}
.person_rg>form{
	font-size: 14px;
	color: #666666;
	margin-top:40px;
}
.person_rg>form span{
	color: #cc0000;
	margin-right: 5px;
}
.person_rg .form-horizontal .control-label{
	font-weight: normal;
}
.person_rg input{
	width: 343px;
	height: 40px;
}
.person_rg select{
	width: 105px;
	height: 40px;
	border-radius: 3px;
	border: solid 1px #d2d2d2;
	color: #999999;
	margin-right:5px;
}
.person_rg select.qyselect{
	width: 343px;
}
.person_rg div select:last-child{
	margin-right: 0;
}
.person_rg>.perul>li{
	padding: 20px 0;
	border-bottom:1px dashed #e5e5e5;
    overflow: auto;
}
.person_rg>ul>li>a{
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}
.person_rg>ul>li>a:hover{
	text-decoration: underline;
}
.plf{
	float:left;
}
.prg{
	float:right;
	font-size: 14px;
	color: #097fec;
	cursor: pointer;
}
.prg>img{
	margin-left: 10px;
	height: 20px;
}
.page{
	font-size: 16px;
	color: #333333;
	overflow: auto;
    line-height: 20px;
    margin: 30px 10px 30px 200px;
}
.page>span,.page>ul,.page>ul>li{
	float: left;
}
.page>ul>li{
	margin: 0 5px;
}
.page>span{
	color: #666;
	cursor: pointer;
	margin:0 5px;
}
.page>span:hover{
	color: #097fec;
}
.page li a{
	text-decoration:none;
}
.page li.active a{
	color: #097fec;
}
.page>div{
	float: left;
    margin-left: 10px;
    padding-left: 20px;
    border-left: 1px solid #666;
}
.fheight{
	height:930px;
	position: relative;
}
.fheight>.fpage>div{
	width: auto;
}
.nameul{
	overflow: auto;
}
.nameul>li{
	float:left;
	width: 100%;
	height: 50px;line-height: 50px;
	border:1px solid #dcdcdc;
	font-size: 14px;
	color: #333333;
	padding: 0 15px;
	margin-bottom:12px;
}
.nameul>li>div{
	float: right;
	font-size: 12px;
	color: #999999;
}
.nameul>li>a{
	display: inline-block;
	width: 65%;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.nameul>li>a:hover{
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}
.nameul>li>div>span:last-child{
	color: #097fec;
	margin-left: 15px;
}
.downul>li{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
	line-height: 45px;
	color: #333333;
	border-bottom:1px dashed #e5e5e5;
}
.downul li span{
	display: inline-block;
	width: 22px;
	height: 22px;line-height: 22px;
	background:#b3b3b3;
	color: #fff;
	text-align: center;
}
.downul>li:nth-child(1) span{
	background: #ea4b2e;
}
.downul>li:nth-child(2) span{
	background: #f19601;
}
.downul>li:nth-child(3) span{
	background: #f3d400;
}
.downul>li:nth-child(4) span{
	background: #6eb35a;
}
.downul>li:nth-child(5) span{
	background: #008ee2;
}
.downul li a:hover{
	text-decoration: underline;
}
.downul>li>a>img{
	margin: 0 10px 0 5px;
}
.textcon>h3{
	overflow: auto;
	color: #333333;
	margin-bottom:30px;
}
.textcon>h3>img,.textcon>h3>dl{
	float: left;
}
.textcon>h3>img{
	width: 95px;
	height: 95px;
	border-radius: 10px;
	border: solid 1px #e5e5e5;
}
.textcon>h3>dl{
	width:350px;
	text-align: center;
	margin:16px 35px;
}
.textcon>h3>a{
	float: right;
	display: inline-block;
	padding:13px 17px;
	background-color: #097fec;
	border-radius: 10px;
	font-size: 18px;
	line-height: 30px;
	color: #ffffff;
	margin-top: 20px;
}
.textcon h3 dd{
	text-align: left;
	margin-left: 10px;
}
.textcon dd span{
	color: #097fec;
}
.textcon>p{
	font-size: 14px;
	line-height: 36px;
	color: #666666;
}
.textcon>div{
	font-size: 14px;
	border-top:1px solid #dcdcdc;
}
.textcon>div>a:hover{
	color: #333;
	text-decoration: underline;
}
.textcon>div>a:last-child{
	float: right;
}
.flbox>.fgtitle{
	font-size: 14px;
	line-height: 36px;
	color: #666666;
	border-bottom: 1px solid #dcdcdc;
	padding:25px 0 30px;
	margin: 0;
}
.flbox>.fgtitle>h1{
	font-size: 24px;
	color: #097fec;
	font-weight: bold;
	margin-bottom:20px;
}
.flbox>.fgtitle>span{
	color: #097fec;
	font-size: 14px;
}
.fgtitle>p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.flbox>.fgul{
	overflow: auto;
}
.flbox>.fgul>li{
	font-size: 17px;
	padding:10px 0;
	border-bottom: 1px solid #eee;
}
.flbox>.fgul>li>a:hover{
	color: #333;
	text-decoration: underline;
}
.flbox .fgul dl{
	float: right;
	margin: 0;
}
.flbox .fgul dl dt{
	font-size: 14px;
	color: #666666;
	font-weight: normal;
}
.flbox .fgul dl dd{
	color: #097fec;
	margin:10px 0 0;
}
.textcon>h1{
	font-size: 24px;
}
.textcon>.difang{
	margin:15px 0;
	border: none;
	color: #999;
	border-bottom: 1px solid #dcdcdc;
}
.difang>span{
	margin-right: 20px;
}
.difang>span:first-child{
	color: #097fec;
}
.difang>span:last-of-type{
	margin: 0;
}
.difang>div{
	float: right;
	color: #666666;
}
.flbox>.difang>div>img{
	width: 25px;
	margin-left: 5px;
}
.textcon>p{
	color: #333;
	margin-bottom:20px;
}
.downpic{
	color: #097fec;
	font-size: 14px;
	margin-left: 30px;
}
.downpic>img{
	height: 20px;
	margin-left: 10px;
}