

body{ background: #fff;}
*{padding:0; margin:0; font-family:'Microsoft Yahei';}
a{ color:#333; text-decoration:none;}
ul{ padding-left:0px;}
ul li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
em{ font-style:normal;}
.clear{clear: both;}
.cl:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}

.yanc1s{
	animation-duration:.7s !important;
}
.yanc2s{
	animation-duration:1.4s !important;
}
.yanc3s{
	animation-duration:2.1s !important;
}
.yanc4s{
	animation-duration:2.8s !important;
}
.yanc5s{
	animation-duration:3.5s !important;
}
.yanc6s{
	animation-duration:4.2s !important;
}
.yanc7s{
	animation-duration:4.9s !important;
}
.yanc8s{
	animation-duration:5.6s !important;
}
.yanc9s{
	animation-duration:7.3s !important;
}


/*::-webkit-scrollbar{ width: 5px; height: 10px; border-radius: 4px;}
::-webkit-scrollbar-button{ background-color: #cac7c7;display: none;}
::-webkit-scrollbar-track{ background: none;border-radius: 4px;}
::-webkit-scrollbar-thumb{ background: #878787; border-radius: 4px;}
::-webkit-scrollbar-corner{ background: #82AFFF;border-radius: 4px;}
::-webkit-scrollbar-resizer{ background: #FF0BEE;border-radius: 4px;}*/


.common-width{ width:1400px; margin:0 auto;}
.header { z-index: 9999; zoom: 1;  position: fixed; width: 100%; height: 55px; z-index: 99; transition: all .5s; margin-top:25px; }
.logo {  width: 158px; height:55px; display: block; overflow:hidden;}
.logo img { width: 158px; height:55px; display:inline-block;}
.logo .logo02{ display:none;}
.pc_nav li{margin: 0 25px; position:relative; text-align:center; font-size: 15px; float:left; height:55px; line-height:55px; transition: all 200ms;}
.pc_nav li a{ color:#fff;}
.pc_nav li .waia{display: block;font-size: 15px;color: #fff;transition: all 200ms;}
.pc_nav li a.active{ color: #2268bd;}
.pc_nav li a.active{ color: #2268bd;}
.pc_nav li .xldiv{display: none; position: absolute; top: 91px;padding: 0;left: 50%; margin-left: -100px; width: 200px;text-align: center;}
.pc_nav li .xldiv a{display: block;background:url(../images/navbg.png) repeat; height:35px!important; line-height:35px!important; font-size: 13px;border-top: 1px solid #555;color: #fff!important;}
.pc_nav li .xldiv a:first-child{border: none;}
.pc_nav li .xldiv a:hover{background: #2268bd;color: #fff;}
.header .topbtns{ margin-top:14px; }
.topbtns .search{ width:70px; height:25px; line-height:22px; border:1px solid #fff; overflow:hidden; border-radius:100px;  position:relative; color:#fff!important; transition: all .5s;}
.topbtns .search input{  width:40px; border:none; background:none; height:25px; line-height:25px; font-size: 12px; margin-top:-5px; color:#fff!important; outline:none;padding-left:10px; }
.topbtns .search button{ width:20px; border:none; background:none; cursor:pointer;padding-left:10px; outline:none;}
.topbtns .search button i{ color:#fff; font-size: 14px; vertical-align:middle;}
.topbtns .search:hover{ width:150px; transition: all .5s;}
.topbtns .search:hover input{width:105px;}
.topbtns .yuyan{width:45px; height:25px; line-height:25px; text-align:center; border-radius:100px; margin-left:10px; background:#2268bd;  border:1px solid #2268bd;}
.topbtns .yuyan a{ width:45px; height:25px; line-height:25px; display:block; color:#fff; font-size:14px;}



/***内页banner共用样式****/
.common-banner{ width:100%; position:relative;}
.common-banner img{width:100%; min-height: 150px;}
.common-bannerfont{ width:100%; position:absolute; left:0%; bottom:20px;}
.common-bannerfont h2{ font-size:30px; color: #fff; margin-bottom:5px; font-weight:bold;}


/***改变头部高度样式****/
.change_height.header{ height:90px; transition: all .5s;background:rgba(255,255,255,0.95); border-bottom:1px solid #eee; margin-top:0px;}
.change_height.header .pc_nav { height: 90px; line-height: 90px; transition: all .5s; }
.change_height.header .pc_nav a{ height: 90px; line-height: 90px; transition: all .5s; color:#333;}
.change_height.header .pc_nav a.active{ color: #2268bd;}
.change_height .logo { margin: 0px 0px; transition: all .5s;  margin-top:20px;}
.change_height .logo .logo02 { display:inline-block;}
.change_height .logo .logo01{ display:none;}
.change_height.header .topbtns{ margin-top:30px; }
.change_height.header .topbtns .search{ border:1px solid #ccc; }
.change_height.header .topbtns .search input{color:#666!important;}
.change_height.header .topbtns .search button i{ color:#999;}



.navdian{ position: absolute;right:80px;top: 0px;cursor: pointer; display:none;}
.navdian i{ color: #fff; font-size: 25px;}
#cnav{width: 185px;position: fixed;right:-185px;top: 0px;height: 100%;transition: all 600ms;background:rgba(34,104,189,0.8); z-index:999; display:none;}
#cnav .daohang{ width: 100%;margin-top: 120px;}
#cnav .daohang li{ width: 100%;line-height: 35px;margin: 15px 0;text-align: center;font-size: 14px;position: relative;}
#cnav .daohang li .ceng{width: 100%;height: 35px;position: absolute;left: 185px;top: 0px;margin-top: 0px;transition: all 800ms;}
#cnav .daohang li:hover .ceng{left: 0;}
#cnav .daohang li.active .ceng{ left: 0;}
#cnav .daohang li a{ display: block;width: 100%;height: 100%;color: #fff;position: relative;z-index: 2;}
#cnav .guanb{width: 78px;line-height: 28px;color: #fff;border: 1px solid #fff;font-size: 14px;margin: 20px auto;
	text-align: center;cursor: pointer;
}





@media only screen and (min-width:1024px) and (max-width:1456px) {
	
	.common-width{ width:1100px; margin:0 auto;}
	.common-bannerfont h2{ font-size:24px; }
	
	/***改变头部高度样式****/
	.change_height.header{ height:80px; transition: all .5s;}
	.change_height.header .pc_nav { height: 80px; line-height: 80px; transition: all .5s; }
	.change_height.header .pc_nav a{ height: 80px; line-height: 80px; transition: all .5s;}
	.change_height .logo {  transition: all .5s;  margin-top:12px;}
	.change_height.header .topbtns{ margin-top:25px; }
	.pc_nav li{margin: 0 20px; transition: all 200ms;}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
	
	.navdian{ display:block;}
	#cnav{display:block;}
	.common-width{ width:90%; margin:0 auto;}
	.common-banner{ padding-top:50px;}
	.common-bannerfont h2{ font-size:20px; }
	.header{ margin-top:15px;}
	.header .topbtns{ margin-top:0px;}
	.change_height.header{ height:50px; transition: all .5s;}
	.change_height .logo { margin-top:10px;}
	.change_height.header .topbtns{ margin-top:10px; }
	.change_height.header .navdian{ right:95px; top: 10px;cursor: pointer;}
    .change_height.header .navdian i{ color: #666; font-size: 25px;}
	.logo {  width: 110px; height:auto; display: block; overflow:hidden;}
	.logo img { width: 100%; height:auto; display:inline-block;}
	.logo .logo02{ display:none;}
	.pc_nav{ display:none;}
	.search{display:none;}
}

@media only screen and (max-width: 768px) {
	
	.navdian{ display:block;}
	#cnav{display:block;}
	.common-width{ width:90%; margin:0 auto;}
	.common-banner{ padding-top:50px;}
	.common-bannerfont h2{ font-size:16px; }
	.header{ margin-top:15px;}
	.header .topbtns{ margin-top:0px;}
	.change_height.header{ height:50px; transition: all .5s;}
	.change_height .logo { margin-top:10px;}
	.change_height.header .topbtns{ margin-top:10px; }
	.change_height.header .navdian{ top: 10px;cursor: pointer;}
    .change_height.header .navdian i{ color: #666; font-size: 25px;}
	.logo {  width: 110px; height:auto; display: block; overflow:hidden;}
	.logo img { width: 100%; height:auto; display:inline-block;}
	.logo .logo02{ display:none;}
	.pc_nav{ display:none;}
	.search{display:none;}
	

}


/*#menu,.YUYAN{ display:none;}


*/



/***分类导航菜单****/
/*.topmenu{ width:100%; height:42px; margin:50px auto; text-align:center;}
.topmenu a{ padding:0 35px; margin:0 8px; height:42px; line-height:42px; font-size:16px; color:#666; text-align:center; display:inline-block; border:1px solid #eaeaea;}
.topmenu a.gaoliang,.topmenu a:hover{ height:42px; line-height:42px;color:#fff; background:#fe0000; border:1px solid #fe0000;}*/


/***底部信息****/
/*.footer_box{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#999; background-color:#3a3737;}
.footer_box a{ color:#999; font-size:14px;}
.footer_box a:hover{ color:#e60012;}
.footer_u{ padding:40px 0;}
.footer_u_l{ width:52%; border-right:1px solid #454545; line-height:26px;}
.footer_box h3{ font-size:14px; font-weight:bold; color:#fff; margin-bottom:15px;}
.footer_lj{ width:425px; margin-right:30px;}
.footer_lx{ width:320px;margin-right:30px;}
.footer_list{ width:125px;margin-right:30px;}
.footer_u_r{width:40%; text-align:left;}
.footer_u_r .fr{ margin-left:30px;}
.footer_u_r h1{ color:#fff; font-size:34px; font-family:Arial; margin:0; padding-top:20px;}
.zxzx-top img{ vertical-align:middle; padding-right:5px;}
.zxzx-top span{ font-weight:bold; font-size:20px; line-height:20px;}
.zxzx-top .zxzx-btn{ width:190px; margin:0; margin-top:15px; margin-bottom:15px;}
.zxzx-bom img{ vertical-align:middle; margin-right:10px;}
.footer_zxzx{ padding-top:25px;}
.footer_d{ width:100%; height:65px; line-height:65px; text-align:center; font-size:14px; color:#999;  border-top:1px solid #454545;}*/


/***右侧信息****/
/*.celan{
	width: 50px;height: 210px;position: fixed;right: 0px;top: 50%;margin-top: -105px;z-index: 11;
}
.celan .mli{
	width: 50px;height: 50px;margin-bottom: 1px;position: relative;line-height: 50px;
}
.celan .mli .qq{
	width: 100%;height: 50px;position: absolute;top: 0;right: 0;background:#aaaaaa; border-radius: 3px;transition: all 400ms;
}
.celan .mli:hover .qq{
	width: 150px;background:#c72923;background-size: cover;
}
.celan .mli .qq .zi{
	width: 0px;height: 50px;text-align: center;font-size: 14px;color: #fff;transition: all 400ms;overflow: hidden;
	border-radius: 50%;
}
.celan .mli:hover .qq .zi{
	width: 100px;
}
.celan .mli .qq .tu{
	width: 50px;height: 50px;text-align: center;line-height: 50px;color: #fff;
}
.celan .mli .qq .tu i{
	font-size: 24px;
}
.celan .mli .ms{
	width: 100%;height: 50px;position: absolute;top: 0;right: 0; background:#aaaaaa; border-radius: 3px;
}
.celan .mli .mswx .weixin{ position:absolute; right:50px; top:0; display:none; transition: all 400ms;}
.celan .mli:hover .mswx .weixin{ display:block; transition: all 400ms;}
.celan .mli:hover .ms{background:#c72923;}
.celan .mli .ms .tu{
	width: 50px;height: 50px;text-align: center;line-height: 50px;color: #fff;
}
.celan .mli .ms .tu i{
	font-size: 24px;
}*/



/*二级导航公用*/
/*.topnavbar{ width:100%;border-bottom:1px solid #eee; }
.topnavbar a{ height:85px; line-height:85px;  text-align:center; display:inline-block; font-size:18px; color:#333;}
.topnavbar a i{ font-size:30px; vertical-align:middle; margin-right:10px;}
.topnavbar a:first-child{border-left:none;}
.topnavbar a:hover i{ color:#9ecd1b;}
*/

/*.common-banner{ width:100%; height:100%;}
.common-banner img{width:100%; min-height: 150px;vertical-align: middle;}

.tanceng-bg{ width:100%; height:100%; background:url(../images/bg1.png) repeat-y; position:fixed; z-index:1}
.tanceng-div{ width:350px; height:310px; margin:0px auto; margin-top:10%; background:#fff; padding:20px 50px;  font-size:16px; z-index:2}
.tanceng-div .close-btn{ float:right;}
.tanceng-div p{ padding-left:25px; line-height:30px; padding-top:50px;}
.tanceng-bom { color:#c42b1d; margin-top:50px;}
.tanceng-bom a{width:145px; height:40px; line-height:40px;  background:#c42b1d; color:#fff; font-size:16px; text-align:center; display:inline-block; margin:0px 10px;}*/


/*banner样式*/
/*.banner{ width: 100%; height: 100%;}
#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ display: block; position:relative;}
#owl-demo .item img { display: block; width: 100%;}
#owl-demo .owl-item.active img{
	-webkit-animation: scaleUpDown  4.2s .1s ease both;
	animation: scaleUpDown  4.2s .1s ease both;
}
@-webkit-keyframes scaleUpDown {
    0% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    0% { -webkit-transform: scale(1.08); transform: scale(1.08); }
    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
.banner-fontdiv img{animation:none!important; transform:scale(1)!important;}





@media only screen and (min-width:1024px) and (max-width:1456px) {
	
.logo {  width: 20%; height:auto; display: block; margin: 1.5% 0px 0 1%; }
.logo img { width:100%; height:auto;  display: block; }	
.header { z-index: 9999; zoom: 1;  position: fixed;  height: 80px; transition: all .5s;  z-index: 99;}
.pc_nav { margin-left:2%; height: 80px; line-height: 80px;transition: all .3s; }
.pc_nav li { display: inline-block; font-size: 14px; height: 80px; line-height:77px; transition: all .5s; float: left; text-align: center; margin:0 15px;}
.pc_nav li .xldiv{ top: 80px;}
*/
	
/***底部信息****/
/*.footer_u{ padding:20px 0;}
.footer_u_l{ width:47%; border-right:1px solid #454545; line-height:26px;}
.footer_u_l h3{ font-size:14px; font-weight:bold; color:#fff;}
.footer_lx{ width:45%;margin-right:0px;}
.footer_list{ margin-right:0px;}
.footer_u_r{width:50%; text-align:left;}
.footer_u_r .fr{ margin-left:10px;}
.footer_u_r h1{ color:#fff; font-size:24px; font-family:Arial; margin:0; padding-top:12px;}
.footer_u_r p{ line-height:24px; padding-top:5px;}
.footer_u_r .erweima{ width:90%;}
.footer_u_r .erweimafotn{ display:none;}
.footer_d{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; color:#999;  border-top:1px solid #454545;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
	.footer_u{ display:none;}
	.celan{display:none;}
}
@media only screen and (max-width: 768px) {
	.footer_u{ display:none;}
	.footer_d{font-size:12px;}
	.celan{display:none;}
}*/


/*头部导航自适应代码*/
/*@media screen and (max-width:1024px){

.header { z-index: 9999; zoom: 1;  position: fixed;  margin:0 auto; height: 70px;  z-index: 99;}
.logo { width: 22%;  display: block; margin: 1.5% 0px 0 0px;}
.logo img { width:100%; height:auto;}
.pc_nav,.rightall{ display:none;}
#menu , .YUYAN{ display:block;}

	.phone_nav a
	{
		display: block;
		width: 28px;
		height: 18px;
		position: absolute;
		top: 25px;
		right: 30px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	

}	


@media only screen and (min-width:640px) and (max-width:768px) {
	
	.header { z-index: 9999; zoom: 1;  position: fixed; margin:0 auto; height: 70px; }
	.logo { width: 26%;  display: block; margin: 2.3% 0px 0 0;}
    .logo img { width:100%; height:auto;}
	 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: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;
		margin: 6px 0;
	}

.boxitem.item2 .itemtxt .t { margin-bottom: 0;}
.boxitem .itemtxt .t { padding-top: 20%;}
.boxitem .itemtxt .c { line-height:16px;}
}

@media only screen and (min-width:480px) and (max-width:640px) {
	.header { z-index: 9999; zoom: 1;  position: fixed;  margin:0 auto; height: 60px; }
	.logo { width: 28%;  display: block; margin: 2.3% 0px 0 0;}
    .logo img { width:100%; height:auto;}

	.phone_nav a
	{
		display: block;
		width: 23px;
		height: 13px;
		position: absolute;
		top: 20px;
		right: 10px;
	}
	.phone_nav a:before,
	.phone_nav a:after
	{
		content: '';
		display: block;
		background: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;
		margin: 6px 0;
	}

	
}
@media only screen and (min-width:400px) and (max-width:480px) {

	.header { z-index: 9999; zoom: 1;  position: fixed;  margin:0 auto; height: 50px; }
	.logo { width: 32%;  display: block; margin: 2.3% 0px 0 0;}
    .logo img { width:100%; height:auto;}
	.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: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;
		margin: 6px 0;
	}
	
	
}
@media only screen and (min-width:360px) and (max-width:400px) {
	
	.header { z-index: 9999; zoom: 1;  position: fixed; margin:0 auto; height: 50px; }
	.logo { width: 38%;  display: block; margin: 2.5% 0px 0 0;}
    .logo img { width:100%; height:auto;}

	.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: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;

		margin: 5px 0;
	}
	
	
}

@media only screen and (min-width:320px) and (max-width:360px) {
    .header { z-index: 9999; zoom: 1;  position: fixed; margin:0 auto; height: 50px; }
	.logo { width: 45%;  display: block; margin: 2.5% 0px 0 0;}
    .logo img { width:100%; 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: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;
		margin: 4px 0;
	}
	
}

@media only screen and (max-width:320px){
	
	.header { z-index: 9999; zoom: 1;  position: fixed; margin:0 auto; height: 50px; }
	.logo { width: 45%;  display: block; margin: 5% 0px 0 0;}
    .logo img { width:100%; 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: #fff;
		height: 2px;
	}
	.phone_nav a span
	{
		background: #fff;
		display: block;
		height: 2px;
		margin: 4px 0;
	}
	
	
}
*/


/* 清除浮动 */
.clearFix {*zoom:1}
.clearFix:before, .clearFix:after {display:table;content:""}
.clearFix:after {clear:both}
