@charset "utf-8";

*{ margin:0px; padding:0px;}

img {border:0;margin:0; padding:0;}

ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none;}

.clearfix{display:inline-table;}

* html .clearfix{height:1%;/*ie6*/}

*+html .clearfix{min-height:1px;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

body {margin: 0px; color:#494949; font-size: 12px; font-family: Microsoft YaHei !important; background-color:#fff;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

a:link { text-decoration: none;color: #333333;}

a:visited {text-decoration: none; color: #333333;}

a:hover { text-decoration: none; color: #006CB7;}

a:active {text-decoration: none; color: #006CB7;}



.top_box{ width:100%; height:98px; background-color:#fff; border-bottom:1px solid #ccc; z-index:999; position:fixed; top:0;}

.top{ width:1280px; height:100px; margin:0 auto;}

.top_logo{ width:340px; height:38px; float:left; padding-top:44px;}

.top_logo img{ width:340px; height:38px;}

.top_nav{ width:900px; height:100px; float:right;}

#menu , .YUYAN{ display:none;}



.nav_u{ height:30px; overflow:hidden; float:right; padding-top:15px;}

.nav_u ul li{float:left; margin-left:6px;}

.nav_u ul li a{ color:#bdbdbd;}

.nav_u ul li a:hover{ color:#006CB7;}

.nav_u ul li:hover i{ color:#006CB7;}

.nav01 i{ margin-right:5px; color:#bdbdbd; font-size:20px; vertical-align:middle;}

.nav_u ul li.nav02 a{ display:block; width:24px; height:24px; line-height:24px; text-align:center; border-radius:50%; border:1px solid #a3a3a3;}

.nav_u ul li.nav02:hover a{ border:1px solid #006CB7; color:#006CB7;}



.nav_d{ width:900px; height:44px; margin-top:10px;}

.nav_d_l{ width:760px; height:44px; float:left;}

/*.navBar { width:760px; height:44px; color:#333; z-index:999;}

.nav{ position:relative; width:760px; margin:0 auto; font-size:16px;}

.nav h3 {font-size:100%;font-weight:normal;}

.nav .m {float:left;position:relative;z-index:999;}

.nav h3 a {display:block;width:94px;text-align:center;}

.nav .sub {display:none;position:absolute;top:44px;z-index:999;width:92px;border:1px solid #E6E4E3;border-top:0;background:#fff;}

.nav .sub li {text-align:center;padding:0 8px;margin-bottom:-1px;}

.nav .sub li a {display:block;border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#000; font-size:12px;}

.nav .sub li a:hover {color:#FE7700;}

.nav .block {height:4px; width:94px; background:#EE1D23; position:absolute; left:0; top:40px; overflow:hidden;}

*/



.navBar{ width:720px; position:relative; z-index:1; color:#fff; height:44px;}

.nav{ }

.nav h3{ font-size:100%; font-weight:normal; font-size:15px; margin:0;  }

.nav .m{  position:relative; float:left; width:90px;display:inline; text-align:center; }

.nav h3 a{  zoom:1; height:41px; display:block; color:#555; text-align:center;}

.nav .on h3 a{  border-bottom:4px solid #EE1D23; color:#EE1D23;   

	transition: 0.2s all;

    -webkit-transition: 0.2s all;

    -moz-transition: 0.2s all;

    -o-transition: 0.2s all;

    -ms-transition: 0.2s all;

	 }

.nav .on h3 a i{ filter:alpha(opacity=100);opacity:1;}

.nav .sub{ display:none; width:90px; position:absolute; top:44px; background-color:#fff; }

.nav .sub li{ width:100%;height:40px; line-height:40px; text-align:center; float:left;}

.nav .sub li a{ display:block; zoom:1; font-size:12px;margin:0 8px; border-bottom:1px solid #ccc;}

.nav .sub li a:hover{ color:#EE1D23;}







.nav_d_r{ width:136px; height:28px; float:left;}

/*.select-list{ width:134px; height:26px; line-height:24px; border:1px solid #a3a3a3;outline:none; border-radius:20px; float:left; font-size:14px; color:#2b4b95; text-indent:1em; background:none; font-family: inherit;}*/

.cell{

	display: table-cell;

	width: 100%;

	height: 350px;

	position: relative;

}





.foot_box{ width:100%; height:auto; overflow:hidden; background-color:#f2f3f5; padding:25px 0; border-bottom:20px solid #006CB7;}

.foot{ width:1280px; height:auto; overflow:hidden; margin:0 auto;}

.foot_l{ height:auto; overflow:hidden; float:left;}
.foot_l.jubao{margin-left:50px;padding-top:30px;}

.foot_l img{ width:110px; height:32px;}

.foot_l p{ line-height:20px; font-size:14px; color:#666; margin-top:10px;}
.foot_l.jubao p{line-height:21px;}
.foot_l p a{ color:#666;}

.foot_l p a:hover{ color:#333; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}

.foot_r{ height:auto; overflow:hidden; float:right;}

.foot_u{ width:230px; height:30px; float:right;}

.select-link{ width:230px; height:30px; line-height:30px; border:1px solid #666; font-size:14px; color:#666; text-indent:1em; background:none; font-family: inherit;}

.foot_d{ margin-top:10px;}

.foot_lj{ color:#666; text-align:right}

.foot_lj a{ padding:0 8px; color:#666; font-size:14px;}

.foot_lj a:hover{ color:#333; -webkit-transition: all .9s ease 0s; -moz-transition: all .9s ease 0s; -o-transition: all .9s ease 0s; transition: all .9s ease 0s;}

.foot_d p{ font-size:14px; color:#666;}



.ny_banner{ width:100%; height:auto; position:relative; margin-top:98px;}

.ny_banner img{ width:100%; height:auto;}

.ny_cont{ position:absolute; top:30%; right:20%;}

.ny_cont img{ width:100% !important; height:auto !important;}





/*banner样式*/

.banner{width: 100%; margin-top:100px;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo .item{ display: block; position:relative;}

#owl-demo img.bannerimg { display: block; width: 100%;min-height: 150px;max-height: 430px;}



.banner-font01{ position:absolute; left:30%; top:-5%;margin-top: 0px;opacity: 0;transition: all 0.8s;}

#owl-demo .owl-item.active .banner-font01{ margin-top:100px;opacity: 1;}

.banner-font{ width:100%; height:auto;}



.banner-font02{ position:absolute; left:50%; top:0%;margin-left: 460px;opacity: 0;transition: all 0.8s;}

#owl-demo .owl-item.active .banner-font02{ margin-left: 0;opacity: 1;}



.banner-font04{ position:absolute; right:30%; top:-10%;margin-top: 0px;opacity: 0;transition: all 0.8s;}

#owl-demo .owl-item.active .banner-font04{ margin-top:90px;opacity: 1;}



.banner-font05{ position:absolute; right:30%; top:2%;margin-top: 0px;opacity: 0;transition: all 0.8s;}

#owl-demo .owl-item.active .banner-font05{ margin-top:90px;opacity: 1;}



.banner-font03{ position:absolute; left:0%; top:15%;margin-left:0px;opacity: 0;transition: all 0.8s;}

#owl-demo .owl-item.active .banner-font03{ margin-left:300px;opacity: 1;}





/*固定的悬浮窗*/

.yb_conct {

	position: fixed;

	z-index: 9999999; bottom:5%;

	

	right: -127px;

	cursor: pointer;

	transition: all .3s ease;

}

.yb_bar ul li {

	width: 180px;

	height: 53px;

	font: 16px/53px 'Microsoft YaHei';

	color: #fff;

	text-indent: 54px;

	margin-bottom: 3px;

	border-radius: 3px;

	transition: all .5s ease;

	overflow: hidden;

}

.yb_bar .yb_top {

	background: #006CB7 url(../images/fixCont.png) no-repeat 0 0;

}





.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}

.imghover.inherit{ overflow:inherit;}

.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}



.main_img{

    height:auto;

    width:100%;

	overflow:hidden;

	position: relative;

}

.main_img img{

	height:auto;

    width:100%;

    overflow-x: hidden;

    overflow-y: hidden;

    position: relative;

	z-index:1;

	transition-delay: 0s;

    transition-duration: 1s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 1s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay: 0s;

    -webkit-transition-duration: 1s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay: 0s;

    -o-transition-duration: 1s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

	}

.main_img .show { width:100%; height:100%;

    background: rgba(238, 29, 35, 0.6);

    left: 0;

    opacity: 0;

	filter:alpha(opacity=0);

    position: absolute;

    top: 0;

    transition-delay: 0s;

    transition-duration: 0.3s;

    transition-property: opacity;

    transition-timing-function: ease-in;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 0.3s;

    -moz-transition-property: opacity;

    -moz-transition-timing-function: ease-in;

	/* Safari 和 Chrome */

	-webkit-transition-delay:0s;

    -webkit-transition-duration: 0.3s;

    -webkit-transition-property: opacity;

    -webkit-transition-timing-function: ease-in;

	/* Opera */

	-o-transition-delay:0s;

    -o-transition-duration: 0.3s;

    -o-transition-property: opacity;

    -o-transition-timing-function: ease-in;

    z-index: 200;

}

.main_img .show .imgArea {

    left: 50%;

	bottom:0;

    opacity: 0;

    position: absolute;

    transition-delay: 0s;

    transition-duration: 0.4s;

    transition-property: all;

    transition-timing-function: ease;

	/* Firefox 4 */

	-moz-transition-delay: 0s;

    -moz-transition-duration: 0.4s;

    -moz-transition-property: all;

    -moz-transition-timing-function: ease;

	/* Safari 和 Chrome */

	-webkit-transition-delay:0s;

    -webkit-transition-duration: 0.4s;

    -webkit-transition-property: all;

    -webkit-transition-timing-function: ease;

	/* Opera */

	-o-transition-delay:0s;

    -o-transition-duration: 0.4s;

    -o-transition-property: all;

    -o-transition-timing-function: ease;

}

.main_img .show .imgArea a{

	color:rgba(255,255,255, 1);

	display:block;

}

.main_img .show .imgArea i{

	font-size: 40px;

}



.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}

.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}

.main_img:hover img {

	transform: scale(1.2, 1.2);

	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */

	-moz-transform:scale(1.2, 1.2); 	/* Firefox */

	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */

	-o-transform:scale(1.2, 1.2); 	/* Opera */

}









@media screen and (max-width:1024px){

	

.top_nav{ display:none;}	

#menu , .YUYAN{ display:block;}

a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 18px;

		right: 70px;

	}

	.phone_nav a

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 18px;

		right: 30px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #006CB7;

		display: block;

		height: 2px;

		margin: 6px 0;

	}

	



}	





@media only screen and (min-width:640px) and (max-width:768px) {

  

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 25px;

		right: 60px;

		font-size:15px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 27px;

		right: 25px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background:#006CB7;

		display: block;

		height: 2px;

		margin: 6px 0;

	}



}



@media only screen and (min-width:480px) and (max-width:640px) {

	.top_logo{ width:340px; height:30px; float:left; padding-top:10px;}

	.top_logo img{ width:200px; height:auto;}

	

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 13px;

		right: 45px;

		font-size:15px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 15px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #006CB7;

		display: block;

		height: 2px;

		margin: 6px 0;

	}



	

}

@media only screen and (min-width:400px) and (max-width:480px) {

	.top_box{ width:100%; height:40px !important;}

	.top{ width:100%; height:40px !important; margin:0 auto;}

	.top_logo img{ width:200px !important; height:auto;}



	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 13px;

		right: 45px;

		font-size:15px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 15px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #006CB7;

		display: block;

		height: 2px;

		margin: 6px 0;

	}

	

	

}

@media only screen and (min-width:360px) and (max-width:400px) {

	.top_box{ width:100%; height:40px;}

	.top{ width:100%; height:40px; margin:0 auto;}

	.top_logo{ width:300px; height:25px; float:left; padding-top:10px;}

	.top_logo img{ width:180px; height:auto;}

	

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 14px;

		right: 40px;

		font-size:13px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 15px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #006CB7;

		display: block;

		height: 2px;



		margin: 5px 0;

	}

	

	

}



@media only screen and (min-width:320px) and (max-width:360px) {

	.top_box{ width:100%; height:40px;}

	.top{ width:100%; height:40px; margin:0 auto;}

	.top_logo{ width:300px; height:25px; float:left; padding-top:10px;}

	.top_logo img{ width:180px; height:auto;}

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 16px;

		right: 40px;

		font-size:13px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 19px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #006CB7;

		display: block;

		height: 2px;

		margin: 4px 0;

	}

	

}



@media only screen and (max-width:320px){

	

	

	 a.YUYAN

	{

		display: block;

		width: 28px;

		height: 18px;

		position: absolute;

		top: 16px;

		right: 40px;

		font-size:13px;

	}

	.phone_nav a

	{

		display: block;

		width: 23px;

		height: 13px;

		position: absolute;

		top: 19px;

		right: 10px;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #006CB7;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #006CB7;

		display: block;

		height: 2px;

		margin: 4px 0;

	}

	

	

}



/***分页****/

.n-page{ text-align:center; clear:both; margin:20px;}

.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}

.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#EE1D23; border:#EE1D23 1px solid;}

.n-page a:hover{ color:#FFF; background-color:#EE1D23; border:#EE1D23 1px solid;}

/******************* ********************/



#goodcover{

    display: none;

    position: fixed;

    top: 0%;

    left: 0%;

    width: 100%;

    height: 133%;

    background-color: black;

    z-index: 1001;

    -moz-opacity: 0.8;

    opacity: 0.50;

    filter: alpha(opacity=80);

}

#code {

    width: 777px;

    height:auto;

    background-color: #fff;

    padding: 10px;

    position:fixed;

    display: none;

    left:50%;

    top:50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    overflow:hidden;

    z-index: 1002;

}

@media(max-width:640px){

    #code{

        overflow-y: scroll;

    }

}

.close {

    width: 770px;

    height: 20px;

    position: absolute;

}



@media(max-width:777px){

    #code{

        width: 100%;

        height:490px;

    }

    .close{

        width: 92%;

        position: absolute;

    }

}

@media(max-width:400px){

    #code{

        height:375px;

    }

}

#closebt {

    float: right;

    font-size: 0;

    width: 26px;

    height:26px;

    display: inline-block;

    background: url("../images/close.png") center no-repeat;

}

#closebt img {

    width: 20px;

}

.goodtxt {

    text-align: center;

}

.goodtxt p {

    height: 35px;

    line-height: 35px;

    font-size: 28px;

    color: #000;

    font-weight: 600;

}

@media(max-width:640px){

    .goodtxt p{

        margin: 0;

        font-size: 22px;

    }

}