@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "方正兰亭纤黑简体";
    src: url("../fonts/方正兰亭纤黑简体.eot");
}
 
@font-face {
    font-family: "方正兰亭纤黑简体";
    src: url("../fonts/方正兰亭纤黑简体.ttf") format("ttf");
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'DIN Condensed Bold';
	src: url('../fonts/DIN Condensed Bold.eot');
	src: url('../fonts/DIN Condensed Bold.eot?#iefix') format('embedded-opentype');
	src:url('../fonts/DIN Condensed Bold.woff') format('woff'), url('../fonts/DIN Condensed Bold.ttf') format('truetype'), url('../font/DIN Condensed Bold.svg#DIN Condensed Bold') format('svg'),local('DIN Condensed Bold');
	font-weight: normal;
	font-style: normal;
}

html,body{ width:100%; height:auto; margin:0; padding:0}
body,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;list-style:none;}
body{font:12px "方正兰亭纤黑简体", "微软雅黑";background:#4c504f;-webkit-text-size-adjust:100%; color:#666; line-height:1.4em; overflow-x:hidden}
input{font-family:"方正兰亭纤黑简体", "微软雅黑";}
a{color:#666;text-decoration:none;font-family:"方正兰亭纤黑简体", "微软雅黑"; border-bottom:0}
a:hover{color:#111;text-decoration:underline}
.font1{font-family:"方正兰亭纤黑简体"}
em{font-style:normal}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.fl{ float:left;}
.fr{ float:right;}
.tl{ text-align:left}
.tr{ text-align:right}
.tm{ text-align:center}
.cl,.clear{ clear:both;height:0;line-height:0;content:'.';display:block;visibility:hidden;}
.wrap{ margin:0 auto; max-width:1600px; position:relative}
.main{ width:90%; max-width:1464px; background:#fff; margin-top:5px; padding-top:44px; margin-left:auto; margin-right:auto}
.hand{cursor:pointer;}
.red{color:red;}
.nopadding{ padding-left:0 !important; padding-right:0 !important; padding:0 !important}
.tag{color:#000;text-decoration:underline;}
header,nav,footer{ display:block}
section,.section{ text-align:left; width:90%}

/* 公共页头样式 */
.header{ background:#fff; margin:0; padding:0; width:100%; z-index:8; text-align:center;}
.head1{ width:92%; max-width:1464px; height:84px; margin:0 auto; margin-left:auto !important; margin-right:auto !important}
.head1 .logo{ width:176px; height:66px; float:left; position:relative; left:0px; top:18px; }
.head1 .bdtxt{ font-size:17px; line-height:22px; color:#4c4948; margin-bottom:22px; text-align:right; padding-top:15px}

.head2{ height:56px; background:#fff; z-index:99999}
.head2 .head2cover{ width:92%; max-width:1464px; height:56px; margin:0 auto; position:relative;}

/*菜单*/
.navleft{ display:inline-block; float:left; text-align:left; position:relative; left:-34px}
.navleft .nav{ display:inline-block;}
.navleft li{ position:relative; display:inline-block; width:105px; margin:0 5px; text-align:center; height:56px; line-height:56px}
.navleft li a{ font-size:14px; display:block}
.navleft li:hover a{ text-decoration:none}
.navleft li em{ display:none; font-style:normal}
.navleft li:hover a span{ display:none}
.navleft li:hover a em{ display:inline}

/*二级菜单*/
.navleft li ul{ display:none; position:absolute; z-index:990; width:170px; background:url(../vimg/f90.png) repeat}
.navleft li:hover ul{ display:block}
.navleft li ul li{ height:34px; line-height:34px; display:block; border-bottom:1px solid #fff; margin:0; width:auto; text-align:left}
.navleft li ul li a{ display:block; padding-left:15px;}
.navleft li ul li a:hover{ background:#ddd}
.navleft li ul li i{ display:none}


.head2 .navleft .top_tel{ display:inline-block; border-left:1px solid #ccc; padding-left:30px; margin-bottom:5px}

.head2 .navright{ display:inline-block; float:right; text-align:right; padding-top:15px}



.head2 .navphone{ display:none}

header nav li a:hover{ text-decoration:none}
header nav li i{ display:none; font-style:normal}

	#phonemenu-nav{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; z-index:991}
	#phonemenu-nav ul{ padding:15% 15%}
	#phonemenu-nav ul li{ height:55px; line-height:55px; display:block; text-align:center; border-bottom:1px dotted #333}
	#phonemenu-nav ul li a{ color:#fff; font-size:20px}
	#phonemenu-nav .navclose{ width:17px; height:19px; float:right; margin:21px 15% 0 0; background:url(../vimg/close.png) no-repeat 0 0 }

@media screen and (max-width:768px){
    .head .navmid,.head .navright{ display:none}
	.head .navphone{ display:block;}
	.head .navphone .phonemenu{ width:90px; height:30px; line-height:30px; margin:15px 15px 0 0; background:#111; float:right; color:#eee; cursor:pointer}
	.head .navphone .phonemenu:hover{ background:#333; color:#ccc}
}





.indexh1 a {
	position: relative;
	white-space: nowrap;
	border-bottom: solid 1px #ddd;
	color:#666
}
.indexh1 a:hover{ text-decoration:none}
.indexh1 a:after {
	content: "";
	position: absolute;
	border-bottom: 1px solid #fa062f;
	bottom: -1px;
	left: 100%;
	width: 0;
	transition: width 350ms, left 350ms;
}
.indexh1 a:hover:after {
	left: 0;
	width: 100%;
	transition: width 350ms;
}

.indexpic{ padding:10px}
.indexpic ul li{ position:relative; padding-left:8px; padding-right:8px; padding-top:8px; padding-bottom:8px}
.indexpic ul li .ij{ position:relative}
.indexpic ul li .i{ width:100%; height:100%; display:block}
.indexpic ul li .i img{ width:100%; height:auto;}
.indexpic ul li .j{ width:100%; height:100%; position:absolute; background:#000; text-align:center; z-index:99; display:block;
	filter:alpha(opacity=0);
	-moz-opacity:0; 
	opacity:0;
-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-ms-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;	
	
	}
.indexpic ul li .j:hover{ text-decoration:none;}
.indexpic ul li .j p{ margin-top:32%; color:#fff; font-size:20px}
.indexpic ul li .j span{ color:#aaa; }
.indexpic ul li .j span *{ padding:0; margin:0; font-size:12px; margin-top:0}

.indexpic ul li .ij:hover .j{filter:alpha(opacity=100);
	-moz-opacity:1; 
	opacity:1;}

@media screen and (max-width:768px){
	.indexpic ul li img{ display:none !important}
    .indexpic ul li img:nth-child(1){ display:block !important}
	
	.indexpic ul li .j{ position:relative; opacity:1; background:none}
	.indexpic ul li .j p{ color:#111; margin-top:20px}
}

/*通加图标样式*/
.abicon{ width:16px; height:16px; display:none; background-image:url(../vimg/abgi.png); background-repeat:no-repeat; margin-left:5px; vertical-align:middle}
.abicon.qyjj{ }
.abicon.gshj{ background-position:-16px 0}
.abicon.wmdgd{ background-position:-32px 0}
.abicon.lysjtd{ background-position:-48px 0}
.abicon.wmdkh{ background-position:-64px 0}
.abicon.hyfl{ background-position:-96px 0}
.abicon.jrly{ background-position:-112px 0}
.abicon.jyln{ background-position:-128px 0}
.abicon.khal{ background-position:-144px 0}
.abicon.lxly{ background-position:-160px 0}
.abicon.zyfl{ background-position:-176px 0}

.indclass{ min-height:87px; text-align:center; padding:5px 0}
.indclass i{ display:block; width:70px; height:56px; margin:0 auto; background-image:url("../vimg/indclass-icon.png"); background-repeat:no-repeat}
.icon-01{ background-position:0 0}
.icon-02{ background-position:-70px }
.icon-03{ background-position:-140px 0}
.icon-04{ background-position:-210px 0}
.icon-05{ background-position:-280px 0}

.abicon.contax{ background-position:-80px 0}
.abicon.gongsihuanjing{ background-position:-16px 0}
.abicon.scope{ background-position:-32px 0}
.abicon.ccase{ background-position:-16px 0}

.licon{ width:30px; height:30px; display:inline-block; background-image:url(../vimg/indcase-icon.png); background-repeat:no-repeat; vertical-align:middle; margin-right:5px}
.caseicon2,.licon1{ background-position:0 0}
.caseicon3,.licon2{ background-position:-30px 0}
.caseicon4,.licon3{ background-position:-60px 0}
.caseicon5,.licon4{ background-position:-90px 0}
.caseicon6,.licon5{ background-position:-120px 0}
.caseicon7,.licon6{ background-position:-150px 0}
.caseicon8,.licon7{ background-position:-180px 0}
.caseicon18,.licon8{ background-position:-210px 0}
.caseicon19,.licon9{ background-position:-240px 0}
.caseicon20,.licon10{ background-position:-270px 0}



.casemore{ width:210px; height:30px; line-height:23px; display:block; margin:42px auto; border:1px solid #df0631; font-size:14px}
.casemore i{ height:28px; line-height:30px; font-style:normal; color:#fff; font-size:22px; display:inline-block; background:#df0631; width:55px; text-align:center; margin-right:20px; vertical-align:middle}
.casemore:hover{ background:#df0631; color:#fff; text-decoration:none}
.casemore:hover i{ border-right:1px solid #fff}


.footer{ display:block; background:#363636; color:#bbb; width:100%;}
.footer a{ color:#bbb}
.footer a:hover{ color:#df0631}
.footer .footdiv{ width:92%; max-width:1480px; text-align:left; margin:0 auto; padding:10px 0}
.footer .footdiv ul{ vertical-align:top}
.footer .footdiv li h3{ padding:20px 0 10px 0; font-size:1.8em; font-weight:normal; color:#949495}
.footer .footdiv li h4{ padding:10px 0 10px 0; font-size:1.6em; font-weight:normal; color:#df0631}
.footer .footdiv li dl{ display:block; font-size:14px; margin-bottom:10px}
.footer .footdiv li dl dt{ color:#898989}
.footer .footdiv li dl dd{ }

.footer .footdiv li .mp{ padding-right:10%; padding-top:10px; line-height:22px}
.footer .footdiv li .mul{ line-height:30px; margin-top:22px; line-height:24px}

.footer .footservices{ position:relative}
.footer .footservices ul{ width:65%; padding-top:10px; height:125px; line-height:24px}
.footer .footservices ul li{}
.footer .footservices .copyright{ padding-top:25px; text-align:right}
.footer .footservices .footewm{ width:118px; height:158px; position:absolute; right:15px; top:20px}
.footer .footservices .footewm .footgi{ padding-top:10px; text-align:center; margin:0 -10px}
.footer .footservices .footewm .footgi span{ padding-left:0; padding-right:0}
@media screen and (max-width:1600px){
	.footer .footdiv li h3{ font-size:1.4em; }
	.footer .footdiv li h4{ font-size:1.2em; }
	
}


.catelist li{ display:inline-block; margin:0 10px}

/* 在线客服样式 */
.im_floatonline{position:fixed !important; right: 5px; top: 80px;position:absolute;border:2px solid #695950;}
.im_floatonline .float-box-content .toptitle {background-color: #0098ef;}
.im_floatonline .float-box-content .addlist {border-top: 2px solid #695950;}
.im_floatonline .right{width: 50px;height: 190px;cursor: pointer;float: right;overflow: hidden;}
.im_floatonline .float-box-content {margin:0px;padding:0px 0px 20px 0px;width: 120px;background-color: #fff;overflow: hidden;}
.im_floatonline .float-box-content .toptitle{margin:0 auto;height:40px;line-height: 40px;color:#fff;width:120px;font-size:14px;text-align: center;font-weight:bold;overflow: hidden;}
.im_floatonline .float-box-content .addlist{text-align:center;padding-top:10px;padding-bottom:10px;overflow: hidden;}
.im_floatonline .float-box-content .addlist ul {list-style: none;margin:0 auto;padding: 0;overflow: hidden;}
.im_floatonline .float-box-content .addlist ul li {width:120px;padding-top:10px;line-height:25px;overflow: hidden;}


/* 通用分页样式 */
.pages{height:86px; margin-bottom:20px; border-top:2px solid #eee; padding:30px 0 20px;}
.pages ul{ margin-top:0 !important; padding:0 10px; text-align:center}
.pages li{ margin:0 5px; display:inline-block; text-align:center; font-family:'宋体'; padding-left:4px; padding-right:4px}
.pages li a{ display:block; padding:0px; border:1px solid #eee; width:40px; height:40px; line-height:40px; color:#ccc;-moz-border-radius: 20px;      /* Gecko browsers */
    -webkit-border-radius: 20px;   /* Webkit browsers */
    border-radius:20px;}
.pages li a:hover{ border:1px solid #333; background:#eee; color:#333; text-decoration:none;}
.pages li span{ display:block; border:1px solid #e1e1e1; width:40px; height:40px; line-height:40px; color:#c4c4c4;padding:0 ; 10px-moz-border-radius: 20px;      /* Gecko browsers */
    -webkit-border-radius: 20px;   /* Webkit browsers */
    border-radius:20px; }
.pages .current a{ border:1px solid #eee; background:#f5f5f5; color:#999;}


@-webkit-keyframes swipeMove {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -10px, 0)
}
 70% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0)
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, 10px, 0)
}
}
 @keyframes swipeMove {
 0% {
 opacity: 0;
 transform: translate3d(0, -10px, 0)
}
 70% {
 opacity: 1;
 transform: translate3d(0, 0, 0)
}
 100% {
 opacity: 0;
 transform: translate3d(0, 10px, 0)
}
}
.swipeMove {
	-webkit-animation: swipeMove 1s ease-in infinite;
	animation: swipeMove 1s ease-in infinite
}
.notice-up {
	display:block;
	background: url(../vimg/down.png) center center no-repeat;
	width: 50px;
	height: 50px;
	z-index: 22;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
	opacity: 0;
	cursor:pointer;
}
.nomargin{ margin:0; margin-left:0 !important; margin-right:0 !important}
.baidushare{ text-align:center; padding-top:20px}
.baidushare a{ display:inline-block !important; margin:0 10px !important; float:none !important}

.p_page a{ position:fixed; top:48%; width:40px; height:80px; display:block; opacity:.5; font-size:0}
.p_page a:hover{opacity:.9;}
.pcdleft{ left:10px; background:url(../vimg/pleft.png) no-repeat center center}
.pcdright{ right:10px; background:url(../vimg/pright.png) no-repeat center center}