/*公共样式部分*/
html{background:#f5f5f5;overflow:auto;}
body{font:12px/18px "思源黑体 CN";font-weight:lighter;color:#333; -webkit-font-smoothing: antialiased; background: #fff;position: relative;}
a{color:#333; text-decoration:none; outline: 0 none;}
a:focus{-moz-outline-style:none; border:0px;blr:expression(this.onFocus=this.blur());}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img 	{border:0}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; padding: 0; margin: 0;}
em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.container { width:1200px; position:relative; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
input[type="number"]{-moz-appearance:textfield;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
/* ios中input框体颜色会变黑，设置高亮颜色为0,0,0,0 */

/* 清除ios设备按钮自带样式 */
input{-webkit-tap-highlight-color:rgab(0,0,0,0);}
-webkit-appearance: none;
button{-webkit-appearance:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}
/*首页*/
.headertop{
	width: 100%;
	height: 40px;
	background: #f2f2f2;
}

.headertop p{
	line-height: 40px;
	font-size: 13px;
	color: #666666;
}

.headertop li{
	float: left;
	margin-top: 12px;
}

.headertop li a{
	display: block;
	height: 13px;
	color: #666666;
	line-height: 13px;
	border-left: 1px solid #dddddd;
	cursor: pointer;
	padding: 0 8px;
}

.headertop li a span{
	color: #ff0000;
}

.headerbot{
	height: 132px;
	background: url(logobg.jpg) center no-repeat;
}

.headerbot .logo{
	margin-top: 15px;
}

.headerbot .txt{
	margin-top: 35px;
	margin-left: 20px;
}

.headerbot form{
	width: 278px;
	height: 38px;
	position: relative;
	margin-top: 45px;
}

.headerbot form .nr{
	width: 270px;
	height: 30px;
	border: 8px solid #e0f6ff;
	text-indent: 1em;
	color: #999999;
	outline: none;
}

.headerbot form .tj{
	position: absolute;
	top: 8px;
	right: 0px;
	background: #4c91f0;
	width: 70px;
	height: 30px;
	border: none;
	color: #fff;
	text-indent: 15px;
	font-size: 14px;
	cursor: pointer;
}

.headerbot form .sousuo{
	position: absolute;
	right: 44px;
	top:14px;
}

.navbig{
	width: 100%;
	background: #4c91f0;
	height: 60px;
}

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

.nav li{
	float: left;
	width: 165px;
	height: 60px;
	transition: all .3s;
	position: relative;
}
.nav li ul{ display: none; position: absolute; left: 0; z-index: 99;}
.nav li ul li{ background: #4c91f0;}
.nav li:hover ul{ display: block; }
.nav li a{
	display: block;
	width: 165px;
	line-height: 60px;
	text-align: center;
	font-size: 17px;
	color: #ffffff;
	font-weight: bold;
	text-indent: 26px;
}
.nav li ul li a{ text-indent: 0; }
.nav li:hover{
	background: #2f82cc;
}

.banner{
	position: relative;
}

.banner .flex-direction-nav{
	display: none;
}

.banner .flex-control-nav{
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: 15px;
	left: 0;
}

.banner .flex-control-nav li{
	display: inline-block;
	width: 25px;
	height: 5px;
	background: #e8e8e7;
	text-indent: -999em;
	overflow: hidden;
	margin: 0 5px;
}

.banner .flex-control-nav li a{
	display: block;
	width: 100%;
	height: 5px;
	cursor: pointer;
}

.banner .flex-control-nav li a.flex-active{
	background: #4c91f0;
}

.slideBox,.slideBox2{
	width: 570px;
	position: relative;
}

.slideBox .bt,.slideBox2 .bt{
	margin-bottom: 20px;
}

.slideBox .bt p,.slideBox2 .bt p{
	font-weight: bold;
	font-size: 22px;
	color: #333333;
}

.slideBox .bt a.more,.slideBox2 .bt a.more{
	margin-right: 10px;
	line-height: 27px;
	font-size: 14px;
}

.slideBox li{
	width: 275px;
	margin-right: 20px;
	float: left;
}

.slideBox li .pic{
	width: 275px;
	height: 180px;
	overflow: hidden;
}

.slideBox li h4{
	width: 205px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-top: 10px;
	transition: all .3s;
}

.slideBox li .tim{
	width: 55px;
	height: 55px;
	background: #424242;
	text-align: center;
	overflow: hidden;
	transition: all .3s;
}

.slideBox li .bit{
	margin: 20px 0;
}

.slideBox li .tim p{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin: 10px 0 5px;
}

.slideBox li .tim span{
	color: #fff;
}

.slideBox li p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}

.slideBox .next,.slideBox2 .next{
	width: 28px;
	height: 27px;
	display: block;
}

.slideBox .prev,.slideBox2 .prev{
	width: 28px;
	height: 27px;
	display: block;
	margin-right: 5px;
}

.slideBox li:hover h4{
	color: #4c91f0;
}

.slideBox2 li{ overflow: hidden; margin-top: 10px;  line-height: 24px; }
.slideBox2 li i{ font-size: 36px; position: relative;top: 5px; padding-right: 5px;  color:#333; }

.slideBox2 span{
	color: #333;
}
.zhuan ul{ margin-right: -16px; }
.hang ul{ margin-right: -25px;}
.slideBox2 span.wz1{ }
.slideBox2 span.wz2{  }

.slideBox2 li a {
    display: block;
    width: 100%;
    font-size: 15px;
    color: #333;
    position: relative;
}
.slideBox2 li a span {
 margin-left: 20px;

}
.slideBox2 p{
	font-size: 14px; line-height: 24px;
	color: #333;
}


.slideBox2 li:hover a{ 	color: #4c91f0;}
.slideBox2 li:hover span{
	color: #4c91f0;
}

.zhuan,.hang{
	width: 576px;
	margin-top: 20px;
	overflow: hidden;
}
.hang{ margin-left: 48px; }
.zhuan:hover h2,.hang:hover h2{
	background:#4c91f0 ;
	color: #fff;
}
.zhuan h2 a,.hang h2 a{ text-indent: 0; position: relative; left: -20px; }
.dot .fl h2:hover a{ color:#fff; }
.zhuan:hover h2 a,.hang:hover h2 a{
	color: #fff;
}
.zhuan h2,.hang h2{
	width: 100%;
	height: 50px;
	text-indent: 1em;
	font-size: 20px;
	color: #4f4f4f;
	font-weight: bold;
	line-height: 50px;
	background: #f2f2f2;
	transition: all .3s;
}

.dot ul.clearfix{
	text-align: center;
}

.dot ul.clearfix li{
	display: inline-block;
	width: 165px;
	height: 135px;
	background: #f4f4f4;
	transition: all .3s;
	margin-top: 20px;
	float: left;
}
.zhuan ul{ margin-right: -72px; }
.hang ul{ margin-right: -72px; }
.zhuan ul li{ margin-right: 48px; }
.hang ul li{  margin-right: 48px; }
.dot ul.clearfix li:hover{ background: #4c91f0;}
.dot ul.clearfix li a{
	display: block;
	width: 100%;
	height: 35px;
	font-size: 18px;
	color: #333333;
	padding-top: 100px;
}
.dot .Mk h2{background: #4c91f0;color:#fff; }
.dot ul.clearfix li:hover a{ color:#fff ;}
.zhuan ul li:nth-child(1):hover a{
	background: url(b1.png) no-repeat center 15px !important;
}

.zhuan ul li:nth-child(2):hover a{
	background: url(b2.png) no-repeat center 20px !important;
}

.zhuan ul li:nth-child(3):hover a{
	background: url(b3.png) no-repeat center 15px !important;
}

.hang ul li:nth-child(1):hover a{
	background: url(b4.png) no-repeat center 15px !important;
}

.hang ul li:nth-child(2):hover a{
	background: url(b5.png) no-repeat center 15px !important;
}

.hang ul li:nth-child(3):hover a{
	background: url(b6.png) no-repeat center 15px !important;
}

.banner_cont{
	min-height: 289px;
}

.banner_cont img{
	display: none;
	width: 100%;
}

.pubL{
	width: 295px;
}

.subit{
	width: 265;
	height: 55px;
	background: #2f82cc;
	color: #fff;
	padding: 30px 0 0 30px;
}

.subit h2{
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	margin-right: 5px;
}

.subit p{
	font-size: 14px;
	line-height: 35px;
}

.pubL ul{
	background: #ddd;
}

.pubL ul li{
	width: 100%;
	height: 55px;
}

.pubL ul li:hover{
	background: #2f82cc;
}
.pubL ul li ul{ padding-top: 5px; padding-bottom: 10px;}

.pubL ul li:hover>a{
	background: url(jianh.jpg) no-repeat 90% center;
	color: #fff;
}

.pubL ul li a{
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	color: #444444;
	background: url(jianp.jpg) no-repeat 90% center;
	text-indent: 15px;
}


.pubR{
	width: 800px;
	padding: 40px;
	background: #fff;
	border: 1px solid #e7e7e7;
}

.pubR>p{
	font-size: 14px;
	color: #666666;
	padding-left: 20px;
	background: url(house.jpg) no-repeat left center;

}

.pubR>.line{
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	margin: 30px 0 45px;
}


.about{
	width: 100%;
}

.about h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.about p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 15px;
	text-align: justify;
	text-indent: 2em;
}

.contact{
	width: 100%;
}

.contact h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}
.Ileks{ height: 104px; width: 100%; background: url("/i/dh.jpg") #DDDDDD no-repeat; border-top: 1px solid #c6c6c6;}
.Ileks p{ text-indent: 86px; position: relative; top: 30px;}
.Ileks .kp1{ font-size: 24px; color:#000000;  }
.pubR p a:last-child{ color:#4c91f0; }
.Ileks .kp2{ font-size: 13px; color:#a4a4a4; top: 35px;  }
.contact .inf>.txt{
	width: 50%;
	border-right: 1px solid #e7e7e7;
}

.contact .txt h3{
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
}

.contact .txt p{
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}

.contact .code{
	width: 40%;
	margin-top: 10px;
}

.contact .code img{
	display: block;
}

.contact .code p{
	margin-left: 10px;
	margin-top: 40px;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}

.allmap{
	width: 100%;
	height: 300px;
	margin-top: 40px;
}

.ling{
	width: 100%;
}

.ling>p{
	text-indent: 2em;
}

.ling h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.ling h3{
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
}

.ling ul{ text-align: center;margin-bottom: 40px;padding-top:10px;border-top:2px solid #2f82cc;}

.ling ul li{
display: inline-block;
	width: 30%;
	border: 1px solid #ececec;
	margin-bottom: 35px;
	margin: 0 1% 15px;
	transition:all .3s;
}

.ling ul li:hover{
	border: 1px solid #2f82cc;
}

.ling ul li:nth-child(2){
	margin: 0 2% 15px;
}

.ling ul li img{
	width: 100%;
	min-height: 115px;
	border-bottom: 1px solid #ececec;
}

.rong p strong{ font-weight: bold;}
.ling ul li h1{
	font-size: 17px;
	font-weight: bold;
	color: #333333;
	margin: 10px 0;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ling ul li p{
	width: 90%;
	margin: 0 auto;
	text-align: justify;
	font-size: 13px;
	color: #999999;
	line-height: 20px;
	margin-top: 10px;
}


.rong{
	width: 100%;
}

.rong h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.rong h2{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

.rong h3{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: justify;
	margin-bottom: 20px;
	line-height: 24px;
}

.rong p{
	font-size: 14px;
	color: #333333;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 24px;
}

.rong i{
	color: #2a7dc6;
	font-size: 14px;
}

.rong p.line{
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #b5b5b5;
	margin: 30px 0;
}

.sole{
	width: 100%;
}

.sole h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.sole li{
	float: left;
	width: 30%;
	background: #f1f1f1;
	padding-bottom: 20px;
	margin-bottom: 35px;
}

.sole li:nth-child(2),.sole li:nth-child(5),.sole li:nth-child(8),.sole li:nth-child(11),.sole li:nth-child(14),.sole li:nth-child(17),.sole li:nth-child(20),.sole li:nth-child(23),.sole li:nth-child(26),.sole li:nth-child(29){
	margin: 0 4.6%;
}

.sole li img{
	width: 100%;
}
.flex-viewport li img{ width: 100%; }
.pubR p{ font-family: "宋体"; font-size: 16px; }

.sole li .wen{
	position: relative;
	padding-top: 20px;
}

.sole li h1{
	width: 130px;
	height: 30px;
	background: #3d4851;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	line-height: 30px;
	position: absolute;
	left: 50%;
	top: -20px;
	margin-left: -65px;
	border-radius: 5px;

}

.sole li p{
	color: #666666;
	width: 90%;
	margin: 0 auto;
	line-height: 24px;
	font-size: 13px;
}
.rong p{ text-indent: 24px; }
.pubR div p{ line-height: 27px;}
.pubR div p.pic{ margin-top: 10px; margin-bottom: 10px;text-indent: 0; }
.pubR div p.pic img{
	max-width: 100%;
	height: auto;
}
.sole li .as{
	display: block;
	width: 160px;
	height: 43px;
	overflow: hidden;
	margin:auto;
	text-align: center;
	transition: all .3s;
}
.sole li{  transition: .5s; }
.sole li .as img{ margin-top: 10px; }
.sole li .as .q2{ display: none;}
.sole li:hover .q1{ display: block; display: none;}
.sole li:hover .q2{ display: block;}
.sole li:hover h1{ color: #fff; background: #2f82cc;}
.sole li:hover{ box-shadow: 0 0 8px 1px rgba(76,145,240,.5); transition: .5s; }
.soledet{
	width: 100%;
}

.soledet h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.soledet h2{
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-align: justify;
	margin-bottom: 10px;
	line-height: 24px;
}

.soledet p{
	text-indent: 24px;
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
	text-align: justify;
	line-height: 24px;
	font-family: "宋体"
}

.soledet p.pic{
	width: 100%;
	text-align: center;
	margin: 20px 0;
		text-indent: 0;
}

.soledet p.line{
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #b5b5b5;
	margin: 30px 0;
}

.policy{
	width: 100%;
}

.policy h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.pofir{
	padding: 15px;
	border: 1px solid #b5b5b5;
	margin-bottom: 15px;
}

.pofir .word{
	width: 480px;
}

.pofir .word h2{
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pofir .word span{
	font-size: 13px;
	color: #999999;
	display: block;
	margin: 10px 0 15px;
}

.pofir .word p{
	font-size: 13px;
	color: #666666;
	line-height: 24px;
}

.policy li{
	padding: 15px;
	border: 1px solid #b5b5b5;
	margin-bottom: 15px;
	line-height: 24px;
}

.policy li a{
	display: block;
	width: 100%;
	font-size: 15px;
	color: #333;
	position: relative;
}

.policy li a span{
	color: #333;
	margin-left: 10px;
}

.page{
	width: 100%;
	text-align: center;
}

.page a{
	display: inline-block;
	background: #ececec;
	padding: 5px 13px;
	margin: 0 5px;
}

.page a[title~=Total]{
	display: none;
}

.page b{
	display: inline-block;
	background: #4c91f0;
	padding: 5px 25px;
	color: #fff;
	margin: 0 5px;
}


.guo{
	width: 100%;
}

.guo h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.guo ul li{
	width: 95%;
	padding: 20px 2.5% 60px;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 0 5px 0 1px rgba(0,0,0,.1);
	margin-bottom: 40px;
	position: relative;
	transition: all .3s;
}

.guo ul li:hover{
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: 0 5px 0 1px rgba(0,0,0,.3);
}

.guo ul li h3{
	width: 100%;
	font-size: 18px;
	color: #333333;
	margin-bottom: 15px;
}

.guo ul li .pic{
	width: 195px;
	height: 130px;
	overflow: hidden;
}

.guo ul li .pic img{
	width: 100%;
}

.guo ul li .word{
	width: 70%;
	height: 130px;
	overflow: hidden;
	transition: all .3s;
}

.guo ul li b{
	position: absolute;
	top: 190px;
	left: 250px;
	font-size: 16px;
	color:#333;
}

.guo ul li span{
	position: absolute;
	bottom: 20px;
	right: 2.5%;
	font-size: 16px;
	color:#2f82cc;
	cursor: pointer;
}

.guo ul li h4{
	position: absolute;
	bottom: 30px;
	left: 250px;
	font-size: 20px;
}


.newdet{
	width: 100%;
}

.newdet h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
	line-height: 30px;
}

.newdet .timm{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #b5b5b5;
	margin-bottom: 20px;
}

/* .newdet .timm .box{
	margin-top: 7px;
	margin-right: 10px;
}

.newdet .timm .box a{
	width: 24px;
	height: 24px;
	display: inline-block;
}

.newdet .timm .box img{
	width: 24px;
} */

.box {
				width: 90px;
				height: 20px;
				transform: scale(1.1);
				margin-top: 10px;
			}
			.box > div {
				width: 20px;
				height: 20px;
				float: left;
				cursor: pointer;
				border-radius: 4px;
				background-size: contain;
				margin: 0 5px;
			}
			#share-qrcode { background-image: url(wei.png); }
			#share-sina { background-image: url(xin.png); }
			#qq { background-image: url(qq.png); }


.newdet .timm span{
	font-size: 14px;
	color: #999999;
}

.newdet .timm p{
	line-height: 40px;
}

.newdet .timm p i{
	margin: 0 5px;
	cursor: pointer;
}

.newdet .timm p i.add{
	text-decoration: underline;
	color: #2f82cc;
}

.newdet img{
	max-width: 100%;
}

.newdet h2{
	font-size: 14px;
	color: #444444;
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 20px;
}

.newdet p{
	font-size: 14px;
	color: #444444;
	text-align: justify;
	line-height: 24px;
	margin-bottom: 20px;
}

.newdet p.pic{
	text-align: center;
	margin: 20px 0;
}

.newdet p img{
	max-width: 100%;
}

.zi{
	width: 100%;
}

.zi h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.zi ul{
	overflow: hidden;
}

.zi ul li{
	float: left;
	width: 30%;
	border: 1px solid #ececec;
	padding-bottom: 10px;
	margin-bottom: 35px !important;
}

.zi ul li:nth-child(2),.zi ul li:nth-child(5),.zi ul li:nth-child(8),.zi ul li:nth-child(11),.zi ul li:nth-child(14),.zi ul li:nth-child(17){
	margin: 0 4.5%;
}

.zi ul li img{
	max-width: 100%;
}

.zi ul li span{
	width: 90%;
	margin: 5px auto;
	font-size: 14px;
	color: #999999;
	display: block;
}

.zi ul li p{
	width: 90%;
	margin: 10px auto 15px;
	font-size: 17px;
	color: #333333;
	font-weight: bold;
}

.hu{
	width: 100%;
}

.hu h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.hu p{
	font-size: 15px;
	color: #666666;
	line-height: 24px;
}

.hu p.line{
	margin: 20px 0;
	width: 100%;
	height: 1px;
	background: #e8e8e8;
}

.hu .er{
	margin-left: 50%;
	position: relative;
	left: -150px;
}

.hu .er img{
	display: block;
}

.hu .er span{
	display: block;
	font-size: 17px;
	color: #a3a3a3;
	line-height: 24px;
	margin-top: 40px;
	margin-left: 30px;
}

.message{
	width: 100%;
}

.message h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.message form{
	width: 650px;
	margin: 0 auto;
}

.message form>div{
	margin-bottom: 25px;
	position: relative;
}

.message form label{
	width: 134px;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	color: #333333;
}

.message form input{
	width: 360px;
	height: 45px;
	border: 1px solid #dfdfdf;
	text-indent: 10px;
}

.message form img{
	width: 80px;
	position: absolute;
	left: 400px;
	top: 10px;
}

.message form .tj{
	width: 180px;
	height: 45px;
	margin-left: 135px;
	background: #2f82cc;
	color: #fff;
	border: none;
	text-indent: 0;
	font-size: 16px;
}

.message form .cz{
	width: 180px;
	height: 45px;
	font-size: 16px;
	background: #41576a;
	color: #fff;
	border: none;
	text-indent: 0;
}

.message form p.line{
	margin: 35px 0;
	width: 100%;
	height: 1px;
	background: #e8e8e8;
}

.pan{
	width: 100%;
}

.pan h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.pan p{
	font-size: 16px;
	color: #666666;
	line-height: 24px;
	text-indent: 2em;
}

.pan ul{
	margin-top: 50px;
}

.pan ul li{
	float: left;
	width: 180px;
	height: 100px;
	text-align: center;
	border: 1px solid #dedede;
	margin: 0 9px 18px;
}

.zhao{
	width: 100%;
}

.zhao h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.zhao ul{
	text-align: center;
	min-height: 262px;
	padding-top: 100px;
	background: url(zhaobg.jpg) no-repeat center;
}

.zhao ul li{
	width: 150px;
	height: 150px;
	border-radius: 50%;
	display: inline-block;
	margin: 0 40px;
}

.zhao ul li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height:150px;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
	color: #fff;
}

.zhi{
	width: 100%;
}

.zhi h1{
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	margin-bottom: 35px;
}

.zhi h3{
	font-size: 18px;
	color: #1473c8;
	margin-bottom: 25px;
	border-left: 3px solid #2f82cc;
	padding-left: 15px;
}


.zhi form{
	width: 100%;
	position: relative;
	margin-bottom: 35px;
}

.zhi input{
	width: 100%;
	height: 45px;
	border: 1px solid #b6b6b6;
	text-indent: 1em;
}

.zhi .sousuo{
	width: 110px;
	height: 47px;
	background: #2f82cc;
	position: absolute;
	bottom: 0;
	right: -1px;
}
.pubL ul li.lid44{ height: auto; overflow: hidden; }
.pubL ul li.lid44 ul{ width: 96%; float:right; padding-bottom: 0; padding-top: 0; display: none; }
.pubL ul li.lid44 ul li{ height: 35px; line-height: 35px;}
.pubL ul li.lid44 ul li a{ height: 35px; line-height: 35px; }
.zhi .sousuo input{
	width: 100%;
	height: 100%;
	border: none;
	background: none;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.zhi .sousuo img{
	position: absolute;
	left: 20px;
	top: 15px;
}

.zhi .shai{
	margin-bottom: 25px;
}

.zhi .shai .tit{
	width: 70px;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
}

.zhi .shai .lei{
	width: 730px;
}

.zhi .shai .lei a{
	display: inline-block;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	margin:0 5px 5px;
}

.zhi .shai .lei a.add{
	color: #2f82cc;
	text-decoration: underline;
}

.zhi .jie>span{
	display: block;
	width: 25%;
	float: left;
	height: 50px;
	line-height: 50px;
	background: #ebebeb;
	text-indent: 45px;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}

.zhi .list li{
	overflow: hidden;
}

.zhi .list li span{
	display: block;
	width: 25%;
	float: left;
	height: 50px;
	line-height: 50px;
	text-indent: 45px;
	font-size: 14px;
	color: #333333;
}












.footer{
	width: 100%;
	height: 50px;
	background: #4c91f0;
	overflow: hidden;
	margin-top: 55px;
}

.footer p{
	line-height: 50px;
	color: #fff;
}

.footer a{
	line-height: 50px;
	color: #fff;
}

.footer .link{
	overflow: hidden;
	margin-top: 18px;
}

.footer .link a{
	display: block;
	height: 12px;
	float: left;
	color: #fff;
	line-height: 12px;
	padding: 0 5px;
	border-right: 1px solid #fff;
}

.footer .you{
	color: #fff;
	margin-left: 5px;
	margin-top: 14px;
}

.footer .you select{
	/* border: none; */
}

.-toggle{
	display: none;
}

/* .policy .Liske li:hover{background: #2f82cc;} */
.policy .Liske li:hover a{color: #2f82cc;}
.policy .Liske li:hover p{color: #2f82cc;}
.policy .Liske li{ padding: 5px 2.5%;border: none;margin-bottom: 0; margin-top: 10px; border-bottom: 1px solid #9911;width: 95%; }
.policy .Liske li i{ font-size: 24px; position: relative; top: 3px; }
.policy .Liske li span{ float: right; }
.newdet p{ text-indent: 2em !important;}
.newdet p.pic{
	text-indent: 0 !important;
	height: auto !important;
}

.newdet p img{
	text-indent: 0 !important;
	height: auto !important;
}
.pofir .pic img{ width:260px;  }
.rong .MsoNormal{ font-weight: bold; margin: 0; position: relative; top: 30px; }
table tr{  position: relative;
top: 20px;}
table:hover{box-shadow: 0 7px 0 1px rgba(0,0,0,.3); transition: .5s; }
table{ box-shadow: 0 5px 0 1px rgba(0,0,0,.1); margin-bottom: 40px; padding: 10px;  transition: .5s; }
table td{ border: none!important; padding: 10px; padding-bottom: 60px; }
table td p,table td span{ font-weight: 400 !important; top: 0; }

.MsoTableGrid{ width: 100% !important;  border: 0; }
@media screen and (max-width:400px) and (min-width:0px){.sole li .as{ width: 90%; }}
@media screen and (max-width:800px) and (min-width:0px){

.flo{display: none;}

.headertop{
	display: none;
}
.pubL ul li.lid44 ul{display: none; }
.container{
	width: 95%;
}

.headertop p{
	width: 100%;
	text-align: center;
}

.headerbot{
	height: 60px;
	background-size: cover;
	/*background: #f2f2f2;*/
	overflow: hidden;
}

.headerbot form{
	display: none;
}

.headerbot .logo{
	margin-top: 8px;
}

.headerbot .logo img{
	width: 40px;
}

.headerbot .txt{
	width: 50%;
	display: block;
	margin-top: 20px;
}

.headerbot .txt img{
	width: 100%;
}

/*手机导航*/
body.nav-open  .nav-toggle .icon {
  width: 0;
  background: #fff;
}
body.nav-open  .nav-toggle .icon:before {
	background: #fff;
  -webkit-transform: translateY(9px) rotate(45deg);
      -ms-transform: translateY(9px) rotate(45deg);
          transform: translateY(9px) rotate(45deg);
}
body.nav-open  .nav-toggle .icon:after {
	background: #fff;
  -webkit-transform: translateY(-9px) rotate(-45deg);
      -ms-transform: translateY(-9px) rotate(-45deg);
          transform: translateY(-9px) rotate(-45deg);
}


.nav-toggle {
  width: 30px;
  height: 60px;
  display: block;
  z-index: 600;
  border-radius: 50%;
  cursor: pointer;
  margin-top: 0px;
  position: relative;
  -webkit-transition-duration: 0.66s;
  transition-duration: 0.66s;
  -webkit-transition-timing-function: swing;
  transition-timing-function: swing;
}

.nadd{
	position: fixed !important;
	right: 2.5% !important;
	top: 0px !important;
}


.nav-toggle .icon {
  width: 30px;
  height: 4px;
  border-radius: 2px;
  position: absolute;
  top: 28px;
  left: 0px;
  background: #000;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  transiting-timing-function: swing;
}
.nav-toggle .icon:before,
.nav-toggle .icon:after {
  width: 30px;
  height: 4px;
  border-radius: 2px;
  content: "";
  position: absolute;
  left: 0;
  background: #000;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-timing-function: swing;
  transition-timing-function: swing;
}
.nav-toggle .icon:before {
  top: -9px;
}
.nav-toggle .icon:after {
  top: 9px;
}

.navbig{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: -100%;
	background: rgba(0,0,0,0.85);
	z-index: 501;
	transition: all .3s ease-out;
}

.nav{
	width: 100%;
}

.nav li{
	width: 100%;
    height: 45px;
    margin: 12px 0 0 0;
}

.nav li a{
	text-indent: 0;
	display: block;
    padding: 0;
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    background: rgba(255,255,255,.2)!important;
    border-radius: 30px;
}

.nav li:first-child {
    margin-top: 60px;
}


.banner img{
	width: 100%;
}


.slideBox{
	width: 300px;
	float: inherit;
	overflow: hidden;
	margin-bottom: 40px;
	margin: 0 auto 50px;
}

.slideBox .bt p, .slideBox2 .bt p{
	line-height: 22px;
}

.slideBox li{
	width: 300px;
}

.slideBox li .pic{
	width: 300px;
}

.slideBox li .bit{
	margin: 10px 0;
}

.slideBox li h4{
	font-size: 14px;
}

.slideBox li p{
	font-size: 12px;
}

.slideBox li img{
	width: 100%;
}

.slideBox2{
	width: 300px;
	float: inherit;
	margin-bottom: 40px;
	margin: 0 auto 10px;
}

.slideBox2 h5{
	font-size: 14px;
}

.slideBox2 p{
	font-size: 12px;
}

.slideBox2 span{
	margin: 5px 0;
}

.slideBox2 li{
	width: 257px;
}

.zhuan, .hang{
	width: 100%;
	margin-top: 10px;
}

.dot ul.clearfix li {
    display: inline-block;
    width: 30%;
    height: 135px;
    background: #f4f4f4;
    margin: 0;
    transition: all .3s;

}
.dot ul.clearfix li a{ font-size: 14px; }
.dot ul.clearfix{
	margin-top: 10px;
}

.banner_cont{
	background: none !important;
	min-height: 0;
}

.banner_cont img{
	display: block;
}

.subit{
	display: none;
}

.pubL{
	width: 100%;
}

.pubL ul{
	background: none;
	overflow: hidden;
	margin: 20px;
}

.pubL ul li{
	width: 30%;
	float: left;
	background: #ddd;
	margin: 0 1.6% 10px;
}

.pubL ul li a{
	background: none !important;
	text-align: center;
	text-indent: 0;
}

.pubR{
	width: 90%;
	padding: 20px 5%;
}

.pubR>.line{
	margin: 20px 0;
}


.ling ul li{
	width: 100%;
	margin: 0 0% 15px !important;
	padding-bottom: 5px;
}

.zi ul li{
	width: 45%;
	margin: 0 2.1% 15px !important;
}

.zi ul li img{
	min-height: 0;
}

.about p:nth-child(2){
	padding:230px 0 0 0 !important;
	background-position: top center !important;
}

.about p.pic{
	padding-top: 0 !important;
}

.hu .er{
	position: inherit;
	margin: 0 auto;
}

.hu .er img{
	float: inherit;
	margin: 0 auto;
}

.hu .er span{
	text-align: center;
	float: inherit;
	margin-left: 0;
	margin-top: 15px;
}

.soledet p.pic img{
	max-width: 100%;
}

.contact .inf>.txt,.contact .code{
	float: inherit;
	width: 100%;
	border: none;
	text-align: center;
}

.hang{ margin-left: 0; }
.contact .code img,.contact .code p{
	float: inherit;
	margin: 0 auto;
	text-align: center;
}


.newdet h1{
	text-align: center;
}

.newdet .timm{
	height: auto;
}

.newdet .timm span{
	display: block;
	width: 100%;
	text-align: center;
	text-align: center;
	line-height: 20px;
	float: inherit;
}

.newdet .timm .shar{
	display: block;
	width: 100%;
	text-align: center;
	float: inherit;
	text-align: center;
	float: inherit;
}

.newdet .timm p{
	display: block;
	width: 100%;
	text-align: center;
	float: inherit;
	margin-bottom: 0;
	text-align: center;
}

.newdet .timm p i{
	display: inline;
	text-align: center;
}

.pofir .pic{
	width: 100%;
}

.pofir .pic img{
	width: 100%;
}

.pofir .word{
	width: 100%;
}

.policy li a{
	padding-bottom: 20px;
}

.policy li a span{
	top: 80%;
	left: 0;
}

.message form{
	width: 100%;
}

.message form label{
	width: 25%;
	font-size: 14px;
}

.message form input{
	width: 72%;
}

.message form .tj,.message form .cz{
	width: 45%;
	margin: 0 2.2%;
}

.message form img{
	width: 80px;
	position: absolute;
	left: 230px;
	top: 5px;
}

.zhao ul li{
	width: 85px;
	height: 85px;
	margin: 0 5px;
}

.zhao ul li a{
	line-height: 85px;
	font-size: 16px;
}

.zhao ul {
    text-align: center;
    min-height: 120px;
    padding-top: 50px;
}

.zhi form{
	width: 100%;
}

.zhi input{
	width: 100%;
}

.zhi .sousuo{
	right: -1px;
}

.zhi .shai .lei{
	width: 100%;
}

.zhi .jie>span,.zhi .list li span{
	text-align: center;
	text-indent: 0;
}

.pan ul li{
	width: 45%;
	height: auto;
	margin: 0 2.1% 10px;
}

.pan ul li img{
	max-width: 100%;
}

.sole li{
	width: 48%;
	margin: 0 1% 10px !important;
}

.sole li a{
	width: 80%;
}


.guo ul li .pic{
	width: 100%;
	height: auto;
}

.guo ul li .word{
	width: 100%;
}


.nav li{
	background: none !important;
}

.nav li>ul{
	display: none !important;
}

.guo ul li h4{
	left: 2.5%;
}




.page a{
	margin-bottom: 10px;
}

.page b{
	margin-bottom: 10px;
}


.footer p{
	text-align: center;
	width: 100%;
}

.footer .you{
	background: none;
}

.footer .link{
	display: none;
}




}
/*! jsModern (css) v1.1.1 | (c) Frank Chao | MIT license */

* {
	margin: 0;
	padding: 0;
	outline: 0;
/*	background: transparent;
	-webkit-font-smoothing: antialiased */
}

img {
	border: 0
}

main {
	display: block
}

.jsmodern-share {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 335px;
	z-index: 999999;
	background: #fff;
	border: #ddd solid 1px;
	border-radius: 10px;
	box-shadow: #ddd 0 0 20px;
	overflow: hidden;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.jsmodern-share p {
	display: block;
	height: 20px;
	text-align: center;
	font-size: 18px;
	margin: 15px 0 20px 0
}

.jsmodern-share div {
	width: 260px;
	height: 260px;
	margin: 0 auto
}

.jsmodern-share b {
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);
	right: 4px;
	top: 4px;
	cursor: pointer;
	color: #ccc;
	opacity: .1;
	transition: .1s
}

.jsmodern-share b:hover {
	opacity: .5
}

.jsmodern-marquee {
	overflow: hidden
}

.jsmodern-marquee-inner {
	float: none!important;
	margin: 0!important;
	padding: 0!important;
	background: transparent!important
}

.jsmodern-marquee-default,
.jsmodern-marquee-repeat {
	float: left;
	margin: 0!important;
	padding: 0!important;
	background: transparent!important
}

.jsmodern-marquee-part {
	display: block;
	float: left
}

.jsmodern-picture-container {
	display: block;
	position: relative;
	overflow: hidden
}

.jsmodern-picture-container a {
	display: block;
	color: #fff;
	text-decoration: none
}

.jsmodern-picture-container img {
	border: 0
}

.jsmodern-picture-inner {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.jsmodern-picture-part {
	overflow: hidden
}

.jsmodern-picture-fade {
	width: 100%
}

.jsmodern-picture-fade .jsmodern-picture-part {
	position: absolute;
	display: none
}

.jsmodern-picture-slide .jsmodern-picture-part {
	float: left
}

.jsmodern-picture-slide img {
	display: block
}

.jsmodern-picture-dot {
	position: absolute;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

.jsmodern-picture-dot b {
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background: #777;
	border-radius: 5px;
	cursor: pointer;
	margin: 0 5px;
	transition: .4s
}

.jsmodern-picture-dot b.active {
	background: #fff
}

.jsmodern-picture-prev,
.jsmodern-picture-next {
	display: block;
	position: absolute;
	top: 50%;
	width: 17px;
	height: 32px;
	margin-top: -16px;
	cursor: pointer;
	background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat
}

.jsmodern-picture-prev {
	margin-left: 15px
}

.jsmodern-picture-next {
	right: 0;
	margin-right: 15px;
	background-position: -17px 0
}

.jsmodern-video {
	background: #000;
	position: relative;
	overflow: hidden;
	z-index: 10
}

.jsmodern-video-panel {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2147483648;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: rgba(0, 0, 0, .8);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.jsmodern-video-panel.jsmodern-video-panelFull {
	left: 50%;
	-webkit-transform: translate(-50%, -10px);
	-ms-transform: translate(-50%, -10px);
	transform: translate(-50%, -10px);
	padding: 3px 5px;
	border-radius: 8px
}

.jsmodern-video-linebox {
	height: 6px;
	background: rgba(255, 255, 255, .25);
	border-radius: 3px;
	width: 460px;
	width: -webkit-calc(100% - 305px);
	width: -moz-calc(100% - 305px);
	width: calc(100% - 305px);
	float: left;
	margin: 17px 0 0 15px;
	position: relative;
	cursor: pointer
}

.jsmodern-video-pass {
	position: absolute;
	border-radius: 3px;
	height: 100%;
	background: #F06000
}

.jsmodern-video-linedot {
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 3px;
	-webkit-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
	position: absolute
}

.jsmodern-video-panel b {
	cursor: pointer
}

.jsmodern-video-panel b,
.jsmodern-video-panel span {
	display: block;
	float: left
}

.jsmodern-video-panel span {
	font-size: 12px;
	cursor: default;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.jsmodern-video-start {
	margin-left: 10px
}

.jsmodern-video-start+span {
	width: 14px;
	height: 12px;
	text-align: center;
	line-height: 12px;
	font-size: 10px;
	overflow: hidden;
	margin-top: 13px;
	-webkit-transform: scale(1, 0.9) translateY(1px);
	-ms-transform: scale(1, 0.9) translateY(1px);
	transform: scale(1, 0.9) translateY(1px);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.jsmodern-video-start,
.jsmodern-video-end {
	width: 39px;
	text-align: center
}

.jsmodern-video-volumebox {
	width: 80px;
	height: 6px;
	background: rgba(255, 255, 255, .25);
	border-radius: 3px;
	float: left;
	margin: 18px 0 0 7px;
	position: relative;
	cursor: pointer
}

.jsmodern-video-volumeline {
	width: 40px;
	height: 6px;
	background: #F06000;
	border-radius: 3px;
	margin-top: 0
}

.jsmodern-video-volumedot {
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 3px;
	margin: -6px 0 0 37px;
	-webkit-transform: scale(1.8);
	-ms-transform: scale(1.8);
	transform: scale(1.8);
	position: absolute
}

.jsmodern-video-play,
.jsmodern-video-volume,
.jsmodern-video-fullin {
	width: 18px;
	height: 18px;
	margin-top: 11px;
	background-position: center;
	background-repeat: no-repeat
}

.jsmodern-video-play {
	margin-left: 10px;
	background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)
}

.jsmodern-video-pause {
	background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)
}

.jsmodern-video-volume {
	margin-left: 15px;
	background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)
}

.jsmodern-video-muted {
	background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)
}

.jsmodern-video-fullin {
	margin-left: 15px;
	background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)
}

.jsmodern-video-fullout {
	margin-left: 15px;
	background-image: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)
}

b.jsmodern-video-fullFalse {
	opacity: .5;
	cursor: default
}

.jsmodern-dialog-container {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2147483649;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .6);
	opacity: 0
}

.jsmodern-dialog {
	position: fixed;
	top: -10px;
	left: 50%;
	width: 500px;
	min-width: 500px;
	height: auto;
	overflow: hidden;
	padding: 15px;
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #fff;
	border-radius: 6px;
	border: #555 solid 1px;
	box-shadow: 0 0 15px rgba(0, 0, 0, .4);
	opacity: 0
}

.jsmodern-dialog-title {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	word-wrap: break-word;
	word-break: normal
}

.jsmodern-dialog-content {
	width: 100%;
	height: auto;
	min-height: 60px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: normal;
	margin-top: 10px;
	font-size: 14px;
	color: #333;
	line-height: 160%
}

.jsmodern-dialog>span {
	display: block;
	float: right;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	padding: 0 12px;
	cursor: pointer;
	margin: 13px 0 0 10px;
	border-radius: 4px;
	border: #ccc solid 1px;
	transition: .25s;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.jsmodern-dialog>span.jsmodern-dialog-sure {
	background: #2F7CBE;
	border-color: #2F7CBE;
	color: #fff
}

.jsmodern-dialog>span.jsmodern-dialog-sure:hover {
	background: #1563A6;
	border-color: #1563A6
}

.jsmodern-dialog>span.jsmodern-dialog-cancel:hover {
	background: #eee
}

.jsmodern-scrollBar-container {
	overflow: hidden;
	position: relative
}

.jsmodern-scrollBar-inner {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.jsmodern-scrollbar {
	position: absolute;
	top: 0;
	right: 2px;
	width: 6px;
	background: rgba(0, 0, 0, .3);
	border-radius: 3px;
	z-index: 10px;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.jsmodern-lazyload {
	display: block;
	opacity: 0
}

.jsmodern-page-content {
	text-align: center;
	margin-left: auto;
	margin-right: auto
}

.jsmodern-page-target>* {
	display: none
}

.jsmodern-page {
	height: 38px;
	display: inline-block;
	overflow: hidden;
	border-radius: 19px;
	border: #e8e8e8 solid 1px;
	margin: 0 auto
}

.jsmodern-page>div i,
.jsmodern-page>i {
	display: block;
	float: left;
	width: 40px;
	height: 38px;
	line-height: 38px;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	font-style: normal;
	background: #f5f5f5;
	transition: .15s;
	font-weight: bold;
	color: #333
}

.jsmodern-page i {
	border-right: #e3e3e3 solid 1px;
	border-left: #fff solid 1px
}

.jsmodern-page>div {
	float: left;
	max-width: 420px;
	overflow: hidden
}

.jsmodern-page>div div {
	height: 38px
}

.jsmodern-page i.active {
	background: #E04636;
	color: #fff;
	box-shadow: rgba(0, 0, 0, .2) 0 0 10px inset;
	border-right-color: #fff
}

.jsmodern-page i:hover {
	color: #E04636
}

.jsmodern-page i.active:hover {
	color: #fff
}

.jsmodern-page>i span {
	display: inline-block;
	font-size: 20px
}

.jsmodern-page>i:first-child {
	border-radius: 19px 0 0 19px
}

.jsmodern-page>i:last-child {
	border-radius: 0 19px 19px 0
}

i.jsmodern-page-first,
i.jsmodern-page-last,
i.jsmodern-page-next,
i.jsmodern-page-prev {
	line-height: 33px
}