﻿@charset "utf-8";
/*---------------------------通用部分开始-----------------------*/
html{height: 100%;}
body,div,h5,h3,h1,ul,h2,h4,img{padding: 0;margin: 0;white-space: nowrap;}li{list-style-type: none;}a{text-decoration: none;}ul{font-size: 0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button, input, textarea, th, td {margin: 0;padding: 0;font-family: "微软雅黑";}
body, hr, p,dl, dt, dd, ol, li, a,pre,fieldset, lengend, button, input, textarea, th, td{font-size: 13px;}
body,button, input, select, textarea {font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; outline:none;}
h1 { font-size: 18px;}h2 { font-size: 16px; }h3 { font-size: 14px; }h4, h5, h6 { font-size: 100%; }address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }small { font-size: 12px; }ul, ol { list-style: none; }
body{background: #f7f7f7;}a { text-decoration: none; }a:hover {color: #4462b6;}abbr[title], acronym[title] {border-bottom: 1px dotted;cursor: help;}
q:before, q:after { content: ''; }legend { color: #000; }fieldset, img { border: none; }button, input, select, textarea {font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}hr {border: none;height: 1px;}html { overflow-y: scroll; }
body,body a,body li {color: #666;font-family: "微软雅黑";}body{width: 100%;height: 100%;}
/*---------------------------通用部分结束-----------------------*/

.yu_body{
	background: #ffffff;
}
.yu_row .waimiand{
	background: #487fe3;
	z-index: 9;
}
.yu_row .waimiand .yu_nav{
	height: 60px;		
	line-height: 60px;
	width: 1200px;
	margin: 0 auto;
}
.yu_row .waimiand .yu_nav .logo_Yu{
	float: left;	
} 
.logo_Yu img{
	width: 116px;
	margin-top: 16px;
	margin-left: 16px;
	float: left;
}
.logo_Yu span{
	font-size: 16px;
	color: #fff;
	margin-left: 20px;
	font-weight: bold;
	letter-spacing:2px;
}
#dropdow{
	float: right;
}
#dropdow li a.xiang{
	line-height: 56px;
	display: block;
	cursor: pointer;
}
#dropdow li a.xiang img{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 15px 8px 0 0;
	float: left;
	border: solid 1px #e8e8e8;
}
#dropdow li .xiang h3 {
    display: inline-block;
    float: left;
    color: #ffffff;
    line-height: 60px;
    margin: 0;
    font-size: 14px;
}
#dropdow li .xiang #sanjiaol{
	border-width: 5px 4px 0;
	border-style: solid;
	border-color: #fff transparent transparent;
	margin: 28px 0px 0px 6px;
	float: right;
	opacity: 0.8;
}
#dropdow .suoli .toul {
    position: absolute;
    display: none;
    text-align: center;
    border: solid 1px #eee;
    z-index: 999;
    top: 60px;
	width: 120px;
	background: #fff;
	border-radius: 5px;
	overflow: auto;
}
#dropdow .suoli .toul li a{
	display: block;
}
#yu_row #dropdow .suoli .toul li a:hover{
	background: #f7f7f8;
}
#dropdow .suoli:hover .toul{
	display: block;	
}
.yu_neirong{
	width: 1200px;
	margin: 45px auto 50px;
	overflow: auto;
}
.yu_neirong h3{
	margin-left: 16px;
	margin-bottom: 10px;
	font-size: 20px;
    margin-top: 0px;
    font-weight: bold;
    color: #666;
}
.yu_neirong ul li{
	float: left;
	width: 220px;
	height: 90px;				
	margin: 10px 10px 10px;
	text-align: center;
	line-height: 90px;
}
.yu_neirong ul li a{
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	background: #0075B0;
	border-radius: 4px;
	box-shadow:0px 0px 8px #bbb;
	opacity: 1;
	font-size: 16px;
	letter-spacing: 2px;		
}
.yu_neirong ul li a:hover{
	opacity: .91;
}
/*---------------------------------------------从这里是登录界面的开始---------------------------------------------*/
.denglujie{
	
}
/*-------------- index banner ------------------*/

#banner{
	position: relative;
	height: 100%;
	}	
#neirong{ 
	height: 100%;
	}
#neirong .nei-left{
	position: absolute;
	left: 13%;
	top: 20%;
	color: #fff;
	}
#neirong .nei-left h1{
	font-size: 35px;
	letter-spacing: 15px;
	margin-bottom: 40px;
	}
#neirong .nei-left h3{
	font-size: 24px;
	letter-spacing: 5px;
	margin-bottom: 30px;
	font-weight: 300;
	}
#neirong .nei-left h3 span{
	background: rgba(51,200,65,0.8);
	border-radius: 3px;
	color: #fff;
	padding: 3px 8px 3px 10px;
	font-size: 18px;
}
#neirong .nei-left p ,#neirong .nei-left a{
	font-size: 16px;
	letter-spacing: 2px;	
	}
#neirong .nei-left p{
	width: 500px;
	white-space: initial;
	font-size: 14px;
	font-weight: 200;
	line-height: 40px;
}
#neirong .bann2 .nei-left h5{
	font-size: 35px;
	margin-bottom: 25px;
}
#neirong .nei-left a{
	color: #FFFFFF;
	padding: 15px 40px; 
	background: #ffa405;
	border-radius: 30px;
	display: block;
	text-align: center;
	width: 120px;
	margin-top: 50px;
	box-shadow:1px 1px 5px #2584d9;
	}
#neirong .nei-left a:hover{
	background: #ffa405;
	box-shadow:3px 3px 15px #2584d9;
	transition: all .5s;
	}
#neirong .nei-left img{ 
	position: absolute; 
	top: 120px;
	left: 120px;
	z-index: -1;
	}
#neirong .nei-right{
	position: absolute;
	right: 14%;
	top: 20%;
	}
#neirong .aimg{
	width: 100%;
	height: 940.8px;
}
#neirong .neirong-ul{
	position: absolute;
	bottom: 40px;
	text-align: center; 
	width: 100%;
	}
#neirong .neirong-ul li{
	display: inline-block;
	border-radius: 5px;
	margin: 0 3.5px; 
	opacity: 0.25;
	cursor: pointer;
	padding: 3px 12px;
	border: solid 1px #fff;
	color: #fff;
	font-size: 11px;
	}
#neirong .neirong-ul .olsd{
	opacity: 0.6;
	background: #fff;
	color: #555;
}
.shenti{
	margin: 70px 0px 0px;
	min-height: 730px;
	overflow: auto;
}
.zhouzhenglo{
	width: 1px;
	height: 1px;
	opacity: 0;
}
#neirong .bann{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
}
#neirong .bann1{
	background-image: linear-gradient(-39deg, 
		#4facfe 0%, 
		#a656ff 0%, 
		#fc00ff 0%, 
		#00dbde 100%);	
}
#neirong .bann2{
	background-image: linear-gradient(135deg, 
		#16a085 0%, 
		#f4d03f 100%);
}
#neirong .bann3{
	background-image: linear-gradient(135deg, 
		#4facfe 0%, 
		#4882e7 0%, 
		#4158d0 0%, 
		#c850c0 47%, 
		#ffcc70 100%);
}
#neirong .bann4{	
	background-image: linear-gradient(-42deg, 
		#4facfe 0%, 
		#28a5fe 0%, 
		#009efd 0%, 
		#2196f9 26%, 
		#428df4 52%, 
		#2af598 100%);
}
/*-------------- index denglu(登录) ------------------*/

.nei-right{
	position: absolute;
	top: 17%;
	right: 18%;
	width: 304px;
	background: rgba(255,255,255,1);
	border-radius: 3px;
	padding: 50px 45px 60px;
}
.no_margins{
	text-align: center;
	margin: 25px auto 30px;	
}
.no_margins li{
	display: inline-block;
	width: 120px;
	height: 35px;
	line-height: 35px;
	border: solid 1px #4facfd;
	color: #4facfd;
	font-size: 14px;
	cursor: pointer;
}
.no_margins li.margins_li{
	border: solid 1px #4facfd;
	background: #4facfd;
	color: #FFFFFF;
}
fieldset {
    margin: 0 auto;
}
#neirong .bann{
	display: none;
}
fieldset .input-k1{
	width: 95.5%;
	height: 45px;
	border: 0;
	background: none;
	border-bottom: solid 1px #ddd;
	margin-bottom: 0px;
	padding: 0px 6px;
	font-size: 14px;
	letter-spacing: 1.5px;
}
.enter button{
	width: 100%;
	height: 45px;
	margin-top: 45px;
	background: #4facfd;
	border: 0;
	color: #FFFFFF;
	cursor: pointer;
	border-radius: 3px;
	font-weight: bold;
	letter-spacing:5px;
}
.enter button:hover{
	background: #598eed;
	letter-spacing:5px;
}
form{
	position: relative;
}
.xuexiao_1{
	background: #ccc;
	position: absolute;
	top: 125px;
	left: 40px;
}
fieldset .xue-1{
	display: none;
}
.xue01{
	height: 45px;	
}
.input-k{
	width: 98%;
	height: 45px;
	border: 0;
	background: transparent;
	background: none;
	border-bottom: solid 1px #ddd;
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 1.5px;	
	padding: 0px 2px;
	float: left;
}
fieldset .bai{
	float: right;
	height: 45px;
	background: rgba(255,255,255,1);
	width: 30px;
	margin-top: -46px;
	margin-right: 2px;
}
.bai-sanjiao{
	border-width:6px 3px 0;
    border-style:solid;
    border-color:#666 transparent transparent;/*灰 透明 透明 */
    float: left;
	margin-top: 22px;
	margin-left: 14px;	
}
.sldifk{
	width: 370px;height: 370px;position: absolute;top: 160px;left: 220px;z-index: -1;border: dashed 1px rgba(255,255,255,0.08);border-radius: 50%;
}
#banner .nei-left .sldifk .cilun{
	position: absolute;
	width: 115px;
	height: 115px;
	text-align: center;
}
#banner .nei-left .sldifk .cilun >span{
	display: inline-block;
	margin-top: 23px;
	width: 70px;
	height: 52px; padding-top: 18px;line-height: 15px;
	font-weight: bold;
	background: rgba(255,255,255,0.33);	
	border-radius: 50%;
}
#banner .nei-left .sldifk .cilun > img{
	width: 115px;height: 115px;opacity: 0.1;top: 0;left: 0;
}
@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
#banner .nei-left .sldifk .cilun > img{
    -webkit-transform: rotate(360deg);
    animation: rotation 5s linear infinite;
    -moz-animation: rotation 5s linear infinite;
    -webkit-animation: rotation 5s linear infinite;
    -o-animation: rotation 5s linear infinite;
}
#banner .nei-left .sldifk .cilun_1{left: 60px;top: 95px;}
#banner .nei-left .sldifk .cilun_2{left: 190px;top: 95px;}
#banner .nei-left .sldifk .cilun_3{left: 122px;top: 190px;}
.sldifk > span{
	width: 70px; height: 52px; padding-top: 18px;line-height: 15px; 
	display: inline-block; 
	text-align: center; 
	position: absolute; 
	background: rgba(255,255,255,0.20);	
	border-radius: 50%;
	font-weight: bold;
	color: rgba(255,255,255,0.75);
}
.sldifk .yuan_1{left: 37px;top: 0px;}
.sldifk .yuan_2{left: 141px;top: -39px;}
.sldifk .yuan_3{left: 248px;top: -8px;}
.sldifk .yuan_4{left: 317px;top: 70px;}
.sldifk .yuan_5{left: 330px;top: 173px;}
.sldifk .yuan_6{left: 293px;top: 270px;}
.sldifk .yuan_7{left: 204px;top: 326px;}
.sldifk .yuan_8{left: 103px;top: 336px;}
.sldifk .yuan_9{left: 17px;top: 285px;}
.sldifk .yuan_10{left: -31px;top: 194px;}
.sldifk .yuan_11{left: -26px;top: 85px;}
.input-2 input{
	float: left;
	margin-top: 11px;
	margin-right: 8px;
}
.input-2 span{
	float: left;
}
.bann .beijn{
	float: left;
	width: 100%;
	height: 100%;
	opacity: 0.03;
}
.xiaoqumin{
	position: absolute; width: 297px; height: 280px; background: #FFFFFF;border: solid 1px #ddd;
	border-top: 0;
	display: none;
	overflow: auto;
}
.xiaoqumin p{
	padding: 10px 10px;
	cursor: pointer;
}
.xiaoqumin p:hover{
	background: #f6f6f7;
}
.input-group-lg{
	height: 46px;
	line-height: 46px;
	overflow: auto;
	margin-bottom: 10px;
	border-bottom: solid 1px #ddd;
}
.input-group-lg span{
	float: left;
}
.input-group-lg #checkcode{
	height: 45px;
	line-height: 45px;
	padding-left: 6px;
	border: 0;
	float: left;
}
.form-control{
	width: 134px;
	display: inline-block;
	height: 45px;
}
.form-control img{
	float: left;
	margin-top: 8px;
}
.form-control a{
	float: right;
	margin-right: 10px;
}

/*--------分割线---------*/
.nei-right {
    padding: 50px 45px 50px;
}

#neirong .nei-right {
    position: absolute;
    right: 14%;
    top: 19%;
}

#neirong .nei-right {
    position: absolute;
    right: 14%;
    top: 19%;
}

.form-control img {
    margin-top: 11.5px;
}

.enter button {
    margin-top: 62px;
}

.input-2 {
    display: none;
}
/* 在1459-1699像素之间屏幕里，中单屏幕，分辨率低的pc端 */
@media (min-width: 1458px) and ( max-width: 1699px) {
    #neirong .nei-right {
        top: 16%;
    }

    #neirong .nei-left {
        top: 16%;
    }
}

/* 在992-1399像素之间屏幕里，中单屏幕，分辨率低的pc端 */
@media (min-width: 780px) and ( max-width: 1459px) {
    #neirong .nei-right {
        right: 8.5%;
        top: 13%;
        padding: 35px 30px 40px;
    }

    #neirong .neirong-ul {
        bottom: 20px;
    }
	
    #neirong .nei-left {
        left: 9%;
        top: 7%;
    }

    .no_margins li {
        width: 90px;
        height: 30px;
        line-height: 30px;
    }

    #login > h2 {
        font-size: 15px;
    }

    .enter button {
        margin-top: 30px;
    }

    .no_margins {
        margin-bottom: 15px;
    }

    #neirong .nei-left h3 {
        font-size: 18px;
    }

    #neirong .nei-left h1 {
        font-size: 28px;
        letter-spacing: 5px;
    }

    .sldifk {
        top: 110px;
        left: 170px;
    }

    #neirong .nei-left p {
        font-size: 12px;
    }

    html {
        overflow: hidden;
    }
}


.neirong-div {
	position: absolute;
	bottom: 17px;
	text-align: center;
	width: 100%;
}
