@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;/*只针对低版本谷歌*/}
body{font-size:12px; color:#666; _overflow:hidden; overflow-x:hidden;  background:#fff; width: 100%;  *cursor: default;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-family: "微软雅黑",Tahoma, Helvetica, Arial, sans-serif; font-size:12px; font-weight:normal; font-style:normal;}
li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------将特定标签设成块---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
/*-------给a加时间过渡、清除默认样式---------*/
a{ outline:none; cursor:pointer; text-decoration:none; color:#666; transition:all .4s ease 0s; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s;}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*在浏览器拖动鼠标颜色*/
/*::selection { color: #fff; background-color: #000;}    
::-moz-selection { color: #fff; background-color: #000;} */
/*更改浏览器滚动条颜色兼容*/
html,body{ 
/*更改ie浏览器滚动条颜色*/
/*	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#222;
	scrollbar-shadow-color:#222; 
	scrollbar-3dlight-color:#222; 
	scrollbar-arrow-color:#000; 
	scrollbar-track-color:#222; 
	scrollbar-darkshadow-color:#222; */
}  
/*更改-webkit-内核滚动条样式*/
/*::-webkit-scrollbar { width:8px;  height: 8px; background-color: #333;}  
::-webkit-scrollbar-track  { border-radius: 10px; background-color: #333;}  
::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #211F1F; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}*/
/*清除默认样式*/
blockquote, q{ quotes: none;}
blockquote:before, 
blockquote:after, 
q:before,
q:after { content: ''; content: none;}
/*-------表单居中、清理描边---------*/
input, button, select, textarea{ outline:none}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*----- 表格重置-----*/
table { width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
caption { display:none;}
/*----- clearfix-----*/
.clearfix{ *zoom:1;}
.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}
/*-----display-----*/
.clear{ clear:both;}
.disno{ display:none;}
.disbk{ display:block;}
.distb{ display:table;}
/*-----针对webkit的hack写法-----*/
@media screen and (-webkit-min-device-pixel-ratio:0){

}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*引入图标字体*/
@font-face {font-family: 'iconfont';
    src: url('../font/iconfont.eot'); 
    src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), 
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') format('truetype'), 
    url('../font/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

/******************************************************************common/////**********************************************************************/

header{ position: fixed; top: 0; width: 100%; display: table; z-index: 999; background-color: #F4F4F6; background-color: rgba(244,244,246,0.7);
	transition: all .6s ease 0s; 
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
}
header .logo{ float: left; margin-left: 60px; line-height:60px;}
header .meNuNav{ float: right; margin-right: 40px; font-size: 0;}
header .meNuNav>a{ vertical-align: middle; position: relative; display: inline-block; line-height: 60px; font-size: 16px; color: #000000;width: 124px;text-align: center}
header .meNuNav>a:after{ position: absolute; left: 24%; bottom: 0; content: ''; width: 50%; border-bottom: 2px solid #CE2620; opacity: 0;
	transition: all .6s ease 0s; 
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
}
header .meNuNav>a:hover:after,
header .meNuNav>a.on:after{ opacity: 1;}
header.active,
header:hover{ background-color: rgba(244,244,246,1);}

.language{ display: inline-block; height: 15px;position: relative;top:-9px;}
.language em{ position: relative; display: inline-block; width: 25px; height: 15px; text-align: center; vertical-align: middle;}
.language em a{ position: absolute; left: 0; top: 0; display: block; font-size: 15px; font-family: arial; color: #000; cursor: pointer;}
.language em a:hover{ color: #CE2620;}
.language em a.en{ opacity: 0; top: 20px;}
.language i{ vertical-align: top; display: inline-block; font-size: 15px; height: 40px; color: #000; margin-left: 10px;}
.language em:hover a.en{ opacity: 1;}

.navBar{ position: fixed; left: 0; top: 60px; width: 100%; z-index: 999; background-color: #FFFFFF; overflow: hidden; box-shadow: 0px 2px 3px #ccc;height: 0;
	transition: all .1s linear 0s;
	-webkit-transition: all .1s linear 0s;
	-moz-transition: all .1s linear 0s;
}
.navBar .box{ width: 1200px; margin: 0 auto;height: 100%; position: relative;}
.navBar .box .nmun{ width: 100%; position: absolute; opacity: 0; visibility: hidden; z-index: -1;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
}
.navBar.active{ padding: 25px 0; height: 300px;
			transition: all 0.3s linear 0s;
	-webkit-transition: all 0.3s linear 0s;
	-moz-transition: all 0.3s linear 0s;
}
.navBar .box .nmun.active{ opacity: 1; visibility: visible; z-index: 9;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
}
.navBar .box .nmun1{ padding-top: 25px;}
.navBar .box .nmun3{ padding-top: 20px;}
.navBar .box .nmun .swiper-button-prev{ background: none; font-size: 50px; left: -50px; color: #686773;}
.navBar .box .nmun .swiper-button-next{ background: none; font-size: 50px; right: -30px; color: #686773;}
.lzban .swiper-slide{ text-align: center;}
.lzban .swiper-slide h4{/*height:25px; */font-size: 16px; color: #CD2924;height: 42px;}
.lzban .swiper-slide img{ margin: 7px auto; display: block; height:auto;width: 100%}
.lzban .swiper-slide p{ font-size: 14px; color: #474747;display: none;}
.lzban .swiper-slide font{ display: block; margin: 15px auto; width: 120px; border-radius: 5px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #CCCCCC;}
.lzban .swiper-slide font i{ display: inline-block; vertical-align: middle; margin-left: 2px; font-size: 15px; color: #666666;}
.lzban .swiper-slide font:hover{ background-color: #CE2620; border-color: #CE2620; color: #fff;}
.lzban .swiper-slide font:hover i{ color: #fff;}
.nmun2 ul{ font-size: 0;}
.nmun2 ul li{ display: inline-block; width: 25%; vertical-align: top; text-align: center;}
.nmun2 ul li a{}
.nmun2 ul li h4{ font-size: 16px; color: #CD2924;}
.nmun2 ul li span{ display: block; padding: 20px 0; margin: 20px auto; width: 90%; border: 1px solid #DEDEDE; text-align: center;}
.nmun2 ul li img{ width: 100%; height: auto;}
.nmun2 ul li font{ display: block; margin: 15px auto; width: 120px; border-radius: 5px; height: 36px; line-height: 36px; text-align: center; border: 1px solid #CCCCCC;}
.nmun2 ul li font i{ display: inline-block; vertical-align: middle; margin-left: 2px; font-size: 15px; color: #666666;}
.nmun2 ul li font:hover{ background-color: #CE2620; border-color: #CE2620; color: #fff;}
.nmun2 ul li font:hover i{ color: #fff;}
.nmun3 .swiper-slide img{ margin: 20px auto; display: block; height: 120px;}


footer{ width: 100%; padding: 20px 0; background-color: #000; position:relative;}
footer .footer{ width: 1300px; margin: 0 auto; display: table;}
footer .footer .lftot{ float: left; width: 650px; position: relative;}
footer .footer .lftot a{ position: relative; display: inline-block; margin: 0 10px; vertical-align: middle; font-size: 14px; color: #A9A9A9;}
footer .footer .lftot a:hover{ color: #A91D1A;}
footer .footer .lftot a:after{ position: absolute; content: ''; top: 5px; right: -12px; height: 12px; border-right: 1px solid #A9A9A9;}
footer .footer .lftot a:nth-of-type(3):after{ display: none;}
footer .footer .lftot span{ display: inline-block; vertical-align: middle; color: #595959;}

footer .footer .ritot{ float: right; width: 650px; position: relative;}
footer .footer .ritot span{ display: inline-block; margin-right: 20px; vertical-align: middle; color: #A9A9A9;}
footer .footer .ritot span img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
footer .footer .ritot a{ display: inline-block; color: #FF140D;}
footer .footer .ritot a img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
footer .footer .ritot .ewm{ position: absolute; right: 52px; top: -107px; display:none;}

footer .yqlj{ display: none; opacity: 1; width: 1920px; position: absolute; left: 50%; margin-left: -960px; top: -92px; padding: 20px 0; background-color: rgba(0,0,0,0.6);z-index:9;}
footer .yqlj .neiyq{ width: 1200px; margin: 0 auto; text-align: center;}
footer .yqlj .neiyq a{ position: relative; display: inline-block; margin: 0 10px; vertical-align: middle; color: #FFFFFF; margin-bottom: 10px;}
footer .yqlj .neiyq a:after{ position: absolute; content: ''; right: -12px; top: 3px; height: 12px; border-right: 1px solid #fff;}
footer .yqlj .neiyq a:last-child:after{ display: none;}
footer .yqlj .neiyq a:hover{ color: #CE2620;}



.index_cebian{position: absolute;right:-20px;background: #f4f4f6; display:none;top:39px}
.index_cebian li{line-height: 45px;border-bottom: 1px solid #eaeaeb;text-align: center;width: 100px;}
.index_cebian li a{font-size: 14px;display: block}
.index_cebian li a:hover{color: #CE2620}
.language i{cursor: pointer;width: 60px;text-align: center;}
.nav_header{width: 1280px;margin:0 auto;height: 100%;}

footer .yqlj{padding: 15px 0 10px;top:-73px;}
footer{padding:15px 0;z-index: 1111;}

header>a{vertical-align: middle;  display: inline-block;line-height: 60px;font-size: 16px;color: #000000;width: 124px;text-align: center;float: right;position: relative}
header>a:after{
	position: absolute;
	left: 24%;
	bottom: 0;
	content: '';
	width: 50%;
	border-bottom: 2px solid #CE2620;
	opacity: 0;
	transition: all .6s ease 0s;
	-webkit-transition: all .6s ease 0s;
	-moz-transition: all .6s ease 0s;
}
header>a:hover:after{opacity: 1}


.nmun3 .swiper-button-next.swiper-button-disabled,.nmun3 .swiper-button-prev.swiper-button-disabled{opacity: 1 !important;pointer-events:none;}





.head_box{width:1200px;height:290px;margin: 0 auto;position: relative;overflow: hidden;}
.head_box_u1{width:3000px;height: 100%;position: absolute;left:0px;top:0;}
.head_box_u1 li{width: 240px;height:100%;float: left;text-align: center;box-sizing: border-box;padding: 10px;}
.head_btn_left,.head_btn_right{position: absolute;top:38%;z-index: 10;background: none;cursor: pointer;
	font-size: 50px;
	color: #686773;
}
.head_btn_right{right:-50px;}
.head_btn_left{left:-50px}
/*.box:hover .head_btn_left,.box:hover .head_btn_right{opacity: 1;}*/
.head_box_u1 h4{font-size: 16px;color: #CD2924;text-align: center;height:40px;}
.head_box_u1 img{margin: 5px 0;max-width: 100%;}
.head_box_u1 font{display: block;margin: 15px auto;
	width: 120px;
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #CCCCCC;}

.head_box_u1 font i{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.head_box_u1 font:hover {
	background-color: #CE2620;
	border-color: #CE2620;
	color: #fff;
}




.head_box3{width:1200px;height:290px;margin: 0 auto;position: relative;overflow: hidden;}
.head_box_u3{width:9000px;height: 100%;position: absolute;left:0px;top:0;}
.head_box_u3 li{width: 240px !important;height:100%;float: left;text-align: center !important;box-sizing: border-box;padding: 10px;}
.head_btn_left3,.head_btn_right3{position: absolute;top:38%;z-index: 10;background: none;cursor: pointer;
	font-size: 50px;
	color: #686773;
}
.head_btn_right3{right:-50px;}
.head_btn_left3{left:-50px}
/*.box:hover .head_btn_left,.box:hover .head_btn_right{opacity: 1;}*/
.head_box_u3 h4{font-size: 16px;color: #CD2924;text-align: center;height:40px;}
.head_box_u3 img{margin: 5px 0;max-width: 100%;}
.head_box_u3 font{display: block;margin: 15px auto;
	width: 120px;
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #CCCCCC;}

.head_box_u3 font i{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.head_box_u3 font:hover {
	background-color: #CE2620;
	border-color: #CE2620;
	color: #fff;
}


.head_box2{width:1200px;height:290px;margin: 0 auto;position: relative;overflow: hidden;}
.head_box_u2{height: 100%;position: absolute;left:0px;top:0;}
.head_box_u2 li{width: 240px;height:100%;float: left;text-align: center;box-sizing: border-box;padding: 10px;}
.head_btn_left2,.head_btn_right2{position: absolute;top:38%;z-index: 10;background: none;cursor: pointer;
	font-size: 50px;
	color: #686773;
}
.head_btn_right2{right:-50px;}
.head_btn_left2{left:-50px}
/*.box:hover .head_btn_left,.box:hover .head_btn_right{opacity: 1;}*/
.head_box_u2 h4{font-size: 16px;color: #CD2924;text-align: center;height:40px;}
.head_box_u2 img{margin: 5px 0;max-width: 100%;}
.head_box_u2 font{display: block;margin: 15px auto;
	width: 120px;
	border-radius: 5px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #CCCCCC;}
.head_box_u2 font i{
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}




.head_box_u2 font:hover {
	background-color: #CE2620;
	border-color: #CE2620;
	color: #fff;
}





@media screen and (max-width: 1200px){
	.index_cebian{display: none;}
}
