/*
 *php也页面上数第二部分，广告插入部分
 * */

.insert{
	background: url(../img/banner_bg.jpg) left 0 no-repeat;
	background-size: ;
	margin-top: 60px;
	height: 618px;
	background-size: 100% 100%; 
}
.insert_1{
	width: 1140px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	/*border: 1px solid;*/
	height: 618px;
}
.insert_1 p{
	font-size: 26px;
	color: rgb(42,151,211);
	line-height: 65px;
}
.insert_1 p a{color: rgb(42,151,211);}
.insert_pic img:nth-child(1){
	position: absolute;
	top: 90px;
	left: -182px;
}
.insert_pic img:nth-child(2){
	position: absolute;
	top: 203px;
	right: -150px;
}
.insert_pic img:nth-child(3){
	position: absolute;
	left: 45px;
	top: 165px;
}
.insert_pic img:nth-child(4){
	position: absolute;
	top: 255px;
	left: 120px;
}
.insert_pic img:nth-child(5){
	position: absolute;
	top: 111px;
	right: 80px;
}
.insert_1 p{
	background: rgb(237,199,11);
	display: inline-block;
	height: 55px;
	width: 245px;
	text-align: center;
	line-height: 55px;
	border-radius: 10px;
	margin-top: 367px;
	margin-left: 350px;
}
.timing{
	animation-duration: 3s;
	-moz-animation-duration: 3s;
	-ms-animation-duration: 3s;
}
.moving{
	animation-duration: 26s;
	-moz-animation-duration: 26s;
	-ms-animation-duration: 26s;
	animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-ms-animation-iteration-count: 2;
}
.timing1.animated{
	animation-duration: 3s;
	/*animation-iteration-count: infinite;*/
	/*-moz-animation-iteration-count: infinite;*/
	/*-ms-animation-iteration-count: infinite;*/
}

/*弹窗*/
.themask{ width:100%; height:100%; background:#000;filter:alpha(opacity=35); -moz-opacity:0.35;opacity:0.35; position:fixed; left:0;top:0; z-index:19; display:none}
.thepop{ width:596px; height:323px; background:#FFF;-moz-border-radius: 5px;  -webkit-border-radius: 5px; border-radius:5px; position:fixed; top:0; left:50%; margin-left:-298px; z-index:20; display:none;
}
.thepop .close{ background:url(../img/thepop_close.png) 0 0 no-repeat; width:60px; height:54px; position:absolute; right:-21px;top:-21px; cursor:pointer}
.thepop .tit{ color:#007ee6; font-size:18px; text-align:center; line-height:123px; height:98px;}
.thepop .cont{ width:369px; margin:0 auto}
.thepop .cont li{ float:left; margin:0 12px; font-size:14px; color:#393f5b; text-align:center; width:99px;}
.thepop .cont li .thebg{ width:48px; height:48px; margin:0 auto}
.thepop .cont li .bg01{ background:url(../img/thepop_cont_img01.png) 0 0 no-repeat}
.thepop .cont li .bg02{ background:url(../img/thepop_cont_img04.png) 4px 0 no-repeat}
.thepop .cont li .bg03{ background:url(../img/thepop_cont_img03.png) 0 0 no-repeat}
.thepop .cont li p{ line-height:40px;color:#393f5b;}
.thepop .cont li img{ display:block;}
.thepop h2{ color:#393f5b; font-size:18px; text-align:center; height:67px; line-height:53px; text-align:center;font-weight:normal;}
.thepop .thebtn{ position:absolute; width:126px; height:34px; text-align:center; line-height:34px; font-size:16px;}
.thepop .thebtn01{ background:url(../img/thepop_thebth01.png) 0 0 no-repeat; left:148px; top:253px; color:#f0f2f7;}
.thepop .thebtn02{ background:url(../img/thepop_thebth02.png) center 0 no-repeat; height:55px;left:317px; top:253px; color:#4f5362; cursor:pointer}

/*左侧悬浮*/
.ni_left{ position:fixed; left:0;top:50%; height:580px; margin-top:-278px; z-index:10;-webkit-box-shadow: 4px 3px 30px -5px #ebebeb; -moz-box-shadow: 4px 3px 30px -5px #ebebeb; box-shadow: 4px 3px 30px -5px #ebebeb}
.ni_left li{  background:#ffffff; font-size:13px; color:#4f5362;}
.ni_left li a{width:79px; height:83px; display:block; overflow:hidden;color: #4f5362;}
.ni_left li i{ font-size:24px; color:#00abf7; margin:24px auto 0; display:block; width:24px;}
.ni_left li p{ line-height:28px; text-align:center;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active i.i01{&#xe604}
.ni_left li.active a{color:#ffffff;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix{*zoom:1;}

@media screen and (max-width: 1366px) 
{
.ni_left{ position:fixed; left:0;top:50%; height:475px; margin-top:-227px; z-index:10;-webkit-box-shadow:0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15); -moz-box-shadow: 0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15); box-shadow:0.7px 0.7px 27px 0 rgba(39, 40, 42, 0.15);}
.ni_left li{  background:#ffffff; font-size:10px; color:#4f5362;}
.ni_left li a{width:65px; height:68px; display:block; overflow:hidden;}
.ni_left li i{ font-size:20px; color:#00abf7; margin:20px auto 0; display:block; width:20px;}
.ni_left li p{ line-height:23px; text-align:center;font-size:10px;}
.ni_left li:hover{ background:#00abf7}
.ni_left li:hover i{color:#ffffff;}
.ni_left li:hover a{color:#ffffff;}
.ni_left li.active{ background:#00abf7}
.ni_left li.active i{color:#ffffff;}
.ni_left li.active i.i01{&#xe604}
.ni_left li.active a{color:#ffffff;}


}