@import "common.css";



@import "tongyu.css";



html,body {

	margin: 0;

	width: 100%;

}



html body {

	margin: 0;

	padding: 0;

	width: 100%;

	font: 12px/1.5 '宋体','Helvetica Neue',Helvetica,Arial,Sans-serif!important;

	background:#f1f1f1;

}



ul,ol,h1,h2,h3,h4,h5,p {

	margin: 0;

	padding: 0;

	font-weight: 100

}



li {

	list-style: none

}



dl,dd {

	margin: 0

}



.addDian {

	white-space: nowrap;

	overflow: hidden;

	text-overflow: clip;

	word-wrap: normal;

}



.clear {

	clear: both

}



.clearfix:after,.clearfix:before {

	content: "\200B";

	display: block;

	height: 0;

	line-height: 0;

	clear: both

}



.clearfix {

	*zoom: 1

}



a.a_img {

	outline: 0;

	color: #EEEBEE

}



img {

	border: 0

}



a {

	cursor: pointer;

	text-decoration: none;

	color: inherit

}



a.black {

	color: #333

}



a:hover {

	text-decoration: none;

}



table {

	border-spacing: 0;

	border-collapse: collapse

}



.inline_block {

	display: inline-block;

	*display: inline;

	*zoom: 1

}



/* start 幻灯片*/



.magic_lantern_box {

	max-width: 1400px;

	width: 100%;

	height: 550px;

	position: relative;

	overflow: hidden;

}



.magic_lantern_box .magic_lantern_list {

	height: 100%;

}



.magic_lantern_box .magic_lantern_list li {

	display: none;

	text-align: center;

	background-size: 100% 100%;

	height: 100%;

}



.magic_lantern_box .magic_lantern_list li a {

	display: block;

	height: 100%;

}



.magic_lantern_box .magic_lantern_list .current {

	display: block;

}



.video_synopsis {

	height: 53px !important;

	width: 100%;

	font-family: "宋体", Arial, Helvetica, sans-serif;

	color: #fff;

	position: absolute;

	bottom: 30px;

	left: 0;

}



.synopsis_left, .synopsis_right {

	float: left;

}



.synopsis_right {

	float: right;

	height: 100%;

	margin-right: 300px;

}



.synopsis_right li img, .synopsis_right li {

	width: 92px;

	height: 53px;

}



.synopsis_right li {

	padding: 2px;

	margin-right: 5px;

	margin-top: 1px;

	float: left;

	cursor: pointer;

	margin-right: 5px;

	background: #C2C2C2;

}



.video_synopsis .synopsis_left {

	font-size: 17px;

	margin-left: 18%;

}



.video_synopsis .synopsis_left .biquu_logo {

	display: block;

	float: left;

	height: 50px;

	width: 100px;

}



.video_synopsis .synopsis_left .biquu_logo img {

	height: 42px;

	width: 45px;

	margin-top: 6px;

	margin-left: 50px;

}



.video_synopsis .synopsis_left .video_tilte {

	display: block;

	float: left;

	height: 50px;

	line-height: 50px;

	min-width: 100px;

	padding-left: 10px;

}



/*幻灯片结束*/



.main_div {

	max-width: 1400px;

	min-width: 1000px;

	height: 2230px;

	background: #f1f1f1;

	margin: 0 auto;

}



.menu {

	height: 55px;

	width: 1400px;

	position: fixed;

	top: 0;

	left: 50%;

	margin-left: -700px;

	z-index: 1000;

	transition: background-color 1.5s;

	-webkit-transition: background-color 1.5s;

	-mozila-transition: background-color 1.5s;

	-o-transition: background-color 1.5s;

	background-color: rgba(9,153,0,.3);
	_background: #222;

}

.menu_tou{
    width: 1400px;
    height: 55px;
    float: left;
    background-color: rgba(9,153,0,.3);
    position: fixed;
    top: 0;
    left: 50%;
    margin-left:-700px;
    z-index: 1000;
}

.mm {

	background-color: rgba(9,153,0,1);

}



.menu_div {

	width: 84%;

	margin: 0 auto;

}



.m_logo {

	height: 50px;

	width: 147px;

	float: left;

}



.m_link {

	height: 40px;

	margin-left:22px;

	color: #fff;

	line-height: 40px;

	float: left;

	padding: 5px 0;

	font-size: 14px;

	filter: alpha(opacity=90);

	-moz-opacity: .9;

	-khtml-opacity: .9;

	opacity: .9;

}



.m_link:hover {

	border-bottom: 2px solid #fff;

	text-decoration: none;

}



.ser_btn {

	width: 193px;

	height: 20px;

	outline: none;

	color: #fff;

	float: left;

	background: rgb(212,22,23);

	border: 1px solid #a1d59e;

	padding: 5px 0  5px 7px;

	position: absolute;

	top: 0;

	left: 0;

	filter: alpha(opacity=25);

	-moz-opacity: 0.25;

	opacity: 0.25;

}



.ser_p {

	width: 200px;

	height: 30px;

	outline: none;

	color: #fff;

	margin: 10px 0 0 10%;

	border-radius: 5px;

	border: 1px solid #7f7f7f;

	float: left;

	position: relative;

	top: 0;

	left: 0;

}



.ser_btn1 {

	width: 17px;

	height: 18px;

	float: right;

	background: url("../../imgs/s_iocn.png");

	outline: none;

	border: 0 rgb(39,40,34);

	margin: 5px 10px 0 0;

	position: absolute;

	top: 3px;

	right: 0;

}



input::-webkit-input-placeholder {

	color: #fff;

	filter: alpha(opacity=90);

	-moz-opacity: .9;

	-khtml-opacity: .9;

	opacity: .9;

}



input:-moz-placeholder {

	color: #fff;

}



.m_login {

	float: left;

	margin: 20px 0 0 8px;

}



.m_login_a {

	float: left;

	color: #fff;

	height: 20px;

	border-right: 2px solid #fff;

	line-height: 20px;

	margin: 20px 0 0 0;

	padding: 0 10px 0 7px;

	font-size: 12px;

}



.m_reg_a {

	float: left;

	color: #fff;

	height: 20px;

	line-height: 20px;

	margin: 20px 0 0 0;

	padding: 0 10px 0 7px;

	font-size: 12px;

	;

}



.lb_div {

	width: 100%;

	height: 550px;

	float: left;
	margin-bottom:10px;

}



.f_div {

	float: left;

	height: 365px;

	width:1400px;

}



.t_div {

	float: left;

	height: 210px;

		width:1400px;

}



.f_center {

	height: 365px;

	margin: 0 auto;

		width:1180px;

}



.t_center {

	height: 210px;

	margin: 0 auto;

		width:1180px;

}



.f_link {

	float: left;

	padding-right: 100px;

	height:60px;

	line-height: 80px;

	color: #00a01e;

	font-size: 24px;

	font-weight: 400;

	margin-right: 0px;

	padding-left: 10px;

	position: relative;

	top: 0;

	left: 0;

}



.f_link em {

	position: absolute;

	right: 77px;

	top: 32px;

	display: block;

	width: 9px;

	height: 17px;

	background: url(../../imgs/slider-ie.png) -359px -87px no-repeat;

}



.next_link {

	<!--width: 600px;-->

	float: left;

	margin-left: -25px;

}



.n_link {

	padding: 0 0 0 15px;

	margin-left: 10px;

	margin-top: 31px;

	color: #888;

	font-size: 14px;

	background: url(../../imgs/line-4.png) left center no-repeat;

	line-height: 18px;

	float: left;

}



.no-bg {

	background: none!important;

}



.n_link:hover {

	color: #f06000;

}



.f_link:hover {

	color: #f06000;

}



.f_link em:hover {

	position: absolute;

	right: 77px;

	top: 32px;

	display: block;

	width: 9px;

	height: 17px;

	background: url(../../imgs/slider-ie.png) -313px -87px no-repeat;

}



.f_content,.f_content2,.f_content3 {

	width:1180px;

	height: 365px;

	overflow: hidden;

	position: relative;

	top: 0;

	left: 0;

	float: left;

}



.jctj_div {

	width: 2360px;

	height: 295px;

	position: absolute;

	top: 0;

	left: 0px;

}



.f_content2 {

	display: none;

}



.f_big {

	float: left;

	width: 463px;

	height: 270px;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

	margin: 15px 16px 0 0;

}



.f_big:hover .v_img {

	display: block;

}



.f_a,.f_img {

	float: left;

	width: 464px;

	height: 268px;

	border: 1px solid #fff;

}



.f_title {

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 14px;

	color: #fff;

	position: absolute;

	left: 0;

	bottom: 20px;

	margin-left: 5px;

	z-index: 3;

}



.f_sum {

	width: 100%;

	height: 20px;

	line-height: 20px;

	font-size: 12px;

	color: #bdbdbd;

	position: absolute;

	left: 0;

	bottom: 0px;

	margin-left: 5px;

	z-index: 3;

}



.v_img {

	float: left;

	width: 100%;

	height: 100%;

	background: url("../../imgs/v_icon1.png") center center no-repeat;

	position: absolute;

	left: 0;

	bottom: 0px;

	display: none;

}



.f_small {

	float: left;

	width: 226px;

	height: 127px;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

	margin-top: 15px;

}



.div_list {

	float: left;

	width: 226px;

	height: 350px;

	margin: 0px 9px 0 0;

}



.f_jian {

	margin: 0  0px 0 13px;

}



.f_jian1 {

	margin: 10px  10px 0 0px;

}



.f_jian2 {

	margin: 15px  0px 0 13px;

}



.f_jian3 {

	margin: 10px  0px 0 10px;

}



.f_small:hover .v_img {

	display: block;

}



.s_a,.s_img {

	float: left;

	width: 220px;

	height: 125px;

	border: 1px solid #fff;

}



.sh_big {

	float: left;

	width: 700px;

	height: 270px;

	position: relative;

	top: 0;

	left: 0;

	cursor: pointer;

	background: #fff;

	margin: 15px 15px 0 0;

}



.sh_img:hover .v_img1 {

	display: block;

}



.sh_title {

	font-size: 18px;

	color: #222;

	height: 80px;

	line-height: 80px;

	width: 200px;

	margin-left: 20px;

	text-align: center;

	float: left;

}



.sh_sum {

	float: left;

	font-size: 12px;

	color: #999;

	height: 150px;

	line-height: 24px;

	width: 200px;

	margin-left: 20px;

}



.v_img1 {

	float: left;

	width: 461px;

	height: 268px;

	background: url("../../imgs/v_icon1.png") center center no-repeat;

	position: absolute;

	left: 0;

	bottom: 0px;

	display: none;

}



.b_bg {

	z-index: 1;

	height: 125px;

	background: url(../../imgs/pbg-1.png) 0 bottom repeat-x;

	bottom: 2px;

	left: 2px;

	width: 220px;

	position: absolute;

}



.b_bg1 {

	z-index: 1;

	height: 125px;

	background: url(../../imgs/pbg-1.png) 0 bottom repeat-x;

	bottom: 2px;

	left: 2px;

	width: 461px;

	position: absolute;

}



.btn_l {

	float: left;

	position: absolute;

	top: 180px;

	left: 0;

	width: 64px;

	height: 64px;

	background: url(../../imgs/slider.png) -364px 0 no-repeat #f1f1f1;

	display: none;

	border-radius: 5px;



}



.btn_r {

	float: right;

	position: absolute;

	top: 180px;

	right: 0;

	width: 64px;

	height: 64px;

	background: url(../../imgs/slider.png) -312px 0 no-repeat #f1f1f1;

	border-radius: 5px;



}



.btn_r:hover {

	background: url(../../imgs/slider.png) -438px 0 no-repeat;

}



.btn_l:hover {

	background: url(../../imgs/slider.png) -512px 0 no-repeat;

}



.pos {

	position: relative;

	top: 0;

	left: 0;

}



.m_more {

	position: absolute;

	top: 62px;

	right: -65px;

	width: 370px;

	height: 50px;

	display: none;

	background: rgb(0,0,0);

	filter: alpha(opacity=80);

	-moz-opacity: .8;

	-khtml-opacity: .8;

	opacity: .8;

	border-radius: 5px;

}



.more_a {

	height: 40px;

	margin-left: 33px;

	color: #fff;

	line-height: 40px;

	float: left;

	padding: 5px 0;

	font-size: 14px;

	filter: alpha(opacity=90);

	-moz-opacity: .9;

	-khtml-opacity: .9;

	opacity: .9;

}



.more_div {

	position: relative;

	top: 0;

	left: 0;

	float: left;

	height: 100px;

}



.m_a {

	line-height: 50px;

	color: #fff;

	padding: 0 7px 0 11px;

	background: url(../../imgs/line-3.png) 0 center no-repeat;

	text-align: center;

}



.m_up {

	display: none;

	width: 14px;

	height: 7px;

	background: url(../../imgs/index-header-play.png) 0 0 no-repeat;

	position: absolute;

	top: 55px;

	right: 3px;

}



/*焦点图start*/



.lof-slidecontent {

	position: relative;

	overflow: hidden;

}



.lof-slidecontent#lofslidecontent45 {

    width:1400px;

	height: 490px;

	position: relative;

	top: 0;

	left: 0;

}



.lof-slidecontent .preload {

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100000;

	text-align: center;

	background: #FFF

}



.lof-main-outer {

	position: relative;

	height: 280px;

	width: 730px;

	z-index: 3px;

}



.lof-main-item-desc {

	z-index: 100px;

	position: absolute;

	bottom: 0px;

	left: 0px;

	width: 100%;

	height: 30px;

	padding: 10px 0px;

}



.lof-main-item-desc p {

	color: #3aa4ff;

	font-size: 20px;

	line-height: 30px;

	font-weight: bold;

	text-indent: 15px;

}



ul.lof-main-wapper {

	overflow: hidden;

	width: 100%;

	height: 490px;

	padding: 0px;

	margin: 0;

	float: left;

	overflow: hidden;

}



ul.lof-main-wapper li {

	display: none;

	overflow: hidden;

	padding: 0px;

	margin: 0px;

	float: left;

	position: relative;

}



.lof-opacityli {

	position: absolute;

	top: 0;

	left: 0;

	float: inherit;

}



ul.lof-main-wapper li ,ul.lof-main-wapper li img {

    width:1400px;

	height: 490px;

	padding: 0px;

}



.lof-navigator-wapper {

	float: left;

	height: 55px;

	width: 805px;

	position: absolute;

	left: 50%;

	bottom: 25px;

	margin-left: -400px;

}



ul.lof-navigator li {

	position: relative;

	cursor: hand;

	cursor: pointer;

	list-style: none;

	margin: 3px;

	width: 92px;

	height: 53px;

	float: left;

	display: block;

	text-align: center;

	top: 0;

	left: 0;

	border: 1px solid #fff;

}



.mask {

	width: 92px;

	height: 53px;

	background: rgb(0,0,0);

	filter: alpha(opacity=30);

	-moz-opacity: .3;

	-khtml-opacity: .3;

	opacity: .3;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 100;

}



ul.lof-navigator li img {

	width: 92px;

	height: 53px;

}



ul.lof-navigator li:hover {

	border: 1px solid red;

}



ul.lof-navigator li:hover .mask {

	background: #fff;
			filter: alpha(opacity=0);

	-moz-opacity: .0;

	-khtml-opacity: .0;

	opacity: .0;


}



.lof-next,.lof-previous {

	position: absolute;

	display: block;

	width: 22px;

	height: 30px;

	color: #FFF;

	cursor: pointer;

	bottom: 87px;

	z-index: 999;

	text-indent: -999px;

}



.lof-next {

	right: 10px;

	background: url(icon_index.gif) no-repeat -126px -1227px;

	width: 35px;

	height: 35px;

}



.lof-previous {

	right: 50px;

	background: url(icon_index.gif) no-repeat -87px -1227px;

	width: 35px;

	height: 35px;

}



.gg_div {

	float: left;

	width: 100%;

	height: 90px;

	margin: 0px 0 0px 0px;

}


.close{
    width: 100%;
    height: 20px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    float: left;
}
.r_div{
    width: 118px;
    height: 440px;
    position: fixed;
    left: 5px;
    top:200px;
}
.l_div{
    width: 118px;
    height: 440px;
    position: fixed;
    right: 5px;
    top:200px;
    margin-left: 710px;
}
.ggg{
    text-align: right;
}
.ewm_img{
    width: 118px;
    height: 118px;
    position: fixed;
    right: 5px;
    top:150px;
    margin-left: 710px;
}
.l_div img,.r_div img{
    width: 118px;
    height: 420px;
}

.active{
	border: 1px solid red;
	background: #fff;
	filter: alpha(opacity=0);

	-moz-opacity: .0;

	-khtml-opacity: .0;

	opacity: .0;

}

ul.lof-navigator .active1{
    border: 1px solid red;
}

*{margin: 0;padding: 0;}
        li{list-style: none;}
        img{border: none;}
        body{width: 100%;height: 800px;}
        .main{width: 100%;height: 550px;margin: 0 auto;background: #373737;position: relative;}
        #showImg{width: 100%;height: 550px;margin: 0 auto;filter:alpha(opacity:100);opacity:1;}
        #nav{width: 400px;height: 55px;position: absolute;left: 500px;bottom: 25px;}
        #nav ul{text-align: center;width: 100%;height: 55px;}
        #nav li{width: 94px;height: 55px;display: inline-block;margin: 0 1px;position: relative;float:left;}
        #nav a{display: block;width: 90px;height: 51px;position: absolute;left: 2px;top: 2px;filter:alpha(opacity:50);opacity:0.5;background: #000;}

        #nav img{width: 90px;height: 51px;border: 1px solid #fff;margin: 1px;}
        .border_bg{position: absolute;width: 90px;height: 51px;border: 2px solid #f06000;left: 0;top: 0;display: none;}






/*焦点图end*/