/* ===== css.css ===== */
@charset "utf-8";
*{margin:0px; padding:0px;}
ul,ol{list-style:none;}
img{ border:0;}

@import url("cs2.css");
body,td,th {
	margin:0px auto;
	font-size:14px;
	line-height:23px;
}
body {
	background-color:#ffffff; color:#444444; line-height:21px; font-family:'Microsoft YaHei', '微软雅黑'; 
}

h1{font-family:'Microsoft YaHei', '微软雅黑'; font-size:20px; color:#000; line-height:24px; font-weight:bold}
h2{font-family:'Microsoft YaHei', '微软雅黑'; font-size:20px; color:#333; font-weight:bold}
h3{font-family:'Microsoft YaHei', '微软雅黑'; font-size:18px; color:#333; font-weight:bold}

html {scroll-padding-top: 80px; }


li{ list-style:none;}
img{ border:0px;}

video{ width: 100%; height: 200px}

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 24px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

a:link {text-decoration: none;font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; color:#444444; }
a:visited {text-decoration: none;font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; color:#444444;}
a:hover {text-decoration: none; font-family:'Microsoft YaHei', '微软雅黑'; color: #005AAA; font-size:14px; }

a.fy:link {  font-family:'Microsoft YaHei','微软雅黑';  border:1px solid #cccccc; background:#FFF; padding:0px 6px; font-size: 14px;color: #333333; }
a.fy:visited {  font-family:'Microsoft YaHei','微软雅黑'; border:1px solid #cccccc; background:#FFF; padding:0px 6px; font-size: 14px;color: #333333; }
a.fy:hover {  font-family:'Microsoft YaHei','微软雅黑'; background:#384953; padding:0px 6px; font-size: 14px;color: #ffffff;}

a.fy2:link { font-family:'Microsoft YaHei','微软雅黑'; background:#384953; padding:1px 7px; font-size: 14px;color: #ffffff; }
a.fy2:visited {  font-family:'Microsoft YaHei','微软雅黑'; background:#384953; padding:1px 7px; font-size: 14px;color: #ffffff; }
a.fy2:hover { font-family:'Microsoft YaHei','微软雅黑'; background:#384953; padding:1px 7px; font-size: 14px;color: #ffffff;}

a.lm:link {text-decoration: none;font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; color:#444444;   }
a.lm:visited {text-decoration: none;font-family:'Microsoft YaHei', '微软雅黑';   font-size:14px; color:#444444; }
a.lm:hover {text-decoration: none;font-family:'Microsoft YaHei', '微软雅黑';  color: #6FA200;font-size:14px; }



a.sm{display:block;height:40px; line-height:40px; width:140px; border-radius:6px; background:#8fc31f;  text-align:center; margin-right:2px; color:#ffffff; font-size:16px; }
a.sm:hover {display:block;height:40px; line-height:40px; width:140px; border-radius:6px;background:#7bb401; text-align:center; margin-right:2px; color:#ffffff; font-size:16px; } 


a.more{display:block;height:42px; line-height:42px; width:162px; border-radius:6px; background:#8fc31f;  text-align:center; margin-right:2px; color:#ffffff; font-size:16px; }
a.more:hover {display:block;height:42px; line-height:42px;width:162px;border-radius:6px;background:#7bb401; text-align:center; margin-right:2px; color:#ffffff; font-size:16px; } 


.input_bk{ background:#ffffff;  width:99%; border-bottom:1px solid #d3d3d3; border-left:1px solid #FFF; border-top:1px solid #FFF; border-right:1px solid #FFF; height:50px; font-family:'Microsoft YaHei', '微软雅黑'; line-height:50px; text-align:left;  font-size:14px;  color:#666666}
.input_bk2{ background:#ffffff;  width:100%; border:1px solid #d3d3d3; padding-left:2%; height:40px; line-height:40px; text-align:left; font-family:'Microsoft YaHei', '微软雅黑'; color:#666666}

.textarea-text{ background:#ffffff; border:0px; width:1430px; border-bottom:1px solid #d3d3d3; height:90px; line-height:20px; padding:5px 5px; font-family:'Microsoft YaHei', '微软雅黑'; text-align:left;  font-size:14px;  color:#666666}
.textarea-text2{ background:#ffffff; border:0px; width:100%; border:1px solid #d3d3d3; height:100px; line-height:20px; padding:5px 1%; font-family:'Microsoft YaHei', '微软雅黑'; text-align:left;  font-size:14px;  color:#666666}

.input_submit{ background:#3d99cd; border:0px; width:1440px; border-radius:16px 16px; height:48px; line-height:48px; text-align:center; font-family:'Microsoft YaHei', '微软雅黑';  font-size:16px; font-weight:bold; color:#FFF}
.input_submit2{ background:#111111; border:0px; width:100%; border-radius:6px; height:44px; line-height:44px; text-align:center; font-family:'Microsoft YaHei', '微软雅黑';  font-size:16px; font-weight:bold; color:#FFF}

.vd{width:100%; height:200px}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@font-face {
	font-family: 'iconfont';
	src: url('../fonts/iconfont.eot');
	src: url('../fonts/iconfont.eot') format('embedded-opentype'), url('../fonts/iconfont.woff2') format('woff2'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 24px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}



.left{ float:left}
.right{ float:right}

.container{width:100%;margin:0 auto; padding: 0;}

.clear{ clear:both}


ul{ margin:0px; padding:0px;}
.left{ float:left;}
.right{ float:right;}
.clear{ height:0px; line-height:0; font-size:0; clear:both;}
.top{  height:30px; line-height:30px; background:url("http://wap.demo.huigur.com/imag/nk01.jpg"); text-align:right;}
.top a{  padding:0 2px; line-height:30px;}

.header{ padding:13px 0px 0px 13px; background:#ffffff; height:60px; width:100%; position:fixed; top:0px; z-index:9999999}
.logo{ float:left}
.rgg{ float:right; padding:24px 28px 0px 0px; }
.nav { background:url("http://wap.demo.huigur.com/imag/1px.jpg") repeat-x center #5CB400; height:70px;}
.nav a{ float:left; display:block; width:33%; height:35px; padding:0; text-align:center; line-height:35px; background:url("http://wap.demo.huigur.com/imag/1px.jpg") repeat-y right; color:#fff;}
.nav .nobg{ background:none;}
.bn{ padding:0; clear:both; text-align:center;}
.bn img{ width:100%;}


.head{ padding:10px 10px 10px 10px; height:40px; background:#ffffff; width:100%; position:fixed; top:0px }
.head_logo{ float:left;padding-right:10px} 
.head_ad{ border-left:1px solid #D4D4D4; padding-left:10px; float:left; margin-top:8px}
.head_tel{ float:right; text-align:right}

.head_lan2{ position:absolute; top:56px; right:50px; color:#AE9165; font-size:32px; font-family:'Microsoft YaHei', '微软雅黑'; text-align:right}
.head_lan2 a{  color:#AE9165; font-size:32px; font-family:'Microsoft YaHei', '微软雅黑';}
.head_lan2 a:hover{  color:#ffffff; font-size:32px; font-family:'Microsoft YaHei', '微软雅黑'; }

.top{  height:30px; line-height:30px; background:#86C400; text-align:right; padding-right:15px; font-size:14px; color:#FFF}

.mbox{ width:100%;  background:#eaeaeb; padding:0px 0px 40px 0px; background-size:auto 100%}
.mbox1{ width:100%;   padding:40px 0px 40px 0px; background-size:auto 100%}
.mbox2{ width:100%;  background:url(../images/solutionbg.jpg) no-repeat center top; padding:40px 0px 40px 0px; background-size:auto 100%}
.mbox3{ width:100%;  padding:40px 0px; background:url(../images/aboutbg.jpg) no-repeat center top; background-size:auto 100%}
.mbox4{ width:100%;padding:40px 0px}


.main_bt{ margin-bottom:10px; padding:0px 10px 0px 10px}
.main_bt h2{ font-size:24px; color:#333333;  font-family:'Microsoft YaHei','微软雅黑'; font-weight:bold; padding-bottom:10px}
.main_bt h3{ font-size:16px; color:#158fcf; font-weight:400; font-family:'Microsoft YaHei','微软雅黑';  padding-bottom:10px; text-transform:uppercase}
.main_bt p{ padding:5px 0px 5px 0px; font-size:14px; color:#999; line-height:20px}

.main_bt2{  text-align:center;  margin-bottom:20px;}
.main_bt2 h2{ font-size:24px; color:#ffffff;  font-family:'Microsoft YaHei','微软雅黑'; font-weight:bold; padding-bottom:10px}
.main_bt2 h3{ font-size:16px; color:#158fcf; font-weight:400; font-family:'Microsoft YaHei','微软雅黑';  padding-bottom:10px; text-transform:uppercase}
.main_bt2 p{ padding:5px 0px 5px 0px; font-size:14px; color:#ffffff; line-height:22px}


/*PC首页产品目录*/
.m_Categories{  padding:0px 0px 10px 0px; }
.m_Categories li{ width:48%;  float:left; margin:0px 1% 10px 1% }
.m_Categories_p{  text-align:center }
.m_Categories_p img{ width:100%; height: auto}
.m_Categories_bt{ padding:12px 0px 10px 0px; text-align:center}
.m_Categories_bt a{ font-size:16px; color:#333; line-height:24px;  }
.m_Categories_bt a:hover{ font-size:16px; color:#000000;  line-height:24px; }
.m_Categories_js{ padding:0px 10px 10px 10px; text-align:center; font-size:14px; color:#666;}
.m_Categories_m{ padding-top:10px}


.m_solution_t{ position:absolute; bottom:0px; width:100%; height:120px; background-color:rgba(21,143,207,0.9)}
.m_solution_bt{ padding:20px 15px 10px 15px}
.m_solution_bt a{ font-size:20px; color:#ffffff; line-height:24px;  font-weight:bold}
.m_solution_bt a:hover{ font-size:120px; color:#ffffff; line-height:24px; font-weight:bold; text-decoration:underline}
.m_solution_js{padding:0px 15px 0px 15px; font-size:16px; line-height:26px;  color:#ffffff; }
.m_solution_d{ padding:10px 15px 0px 15px; font-size:22px; color:#888888; padding-top:15px}


/*首页选择我们*/

.Choose{ padding:0px 10px}
.Choose li{  padding:10px 10px; margin-bottom:10px; background:#ffffff; }
.Choose_p{ width:100%; }
.Choose_p img{width:100%; height:auto }
.Choose_bt{ padding:15px 0px 15px 0px; text-align:center; font-size:22px; color:#333; font-family:Arial, Helvetica, sans-serif}
.Choose_js{text-align:left; font-size:14px; line-height:20px; color:#666666; padding:0px 10px; 　text-align:justify;}


/*首页我们的不同*/

.different{ padding:0px 10px}
.different li{ margin-bottom:10px }
.different_nm{ float:left; width:50px; height:50px; border-radius:25px; margin:0px 15px 20px 0px; line-height:50px; text-align:center; background:#3096be; color:#FFF; font-size:30px; font-weight:bold}
.different_bt{ float:left; width:80%; text-align:left; font-size:18px; line-height:22px; color:#3096be;  padding:15px 0px 10px 0px}
.different_js{ clear:both; font-size:14px; color:#666; line-height:20px;}
.different_pic{ padding-top:16px; padding-bottom:15px}
.different_pic img{ width:100%; height:auto}


/*PC首页新闻*/
.m_news{ padding:10px 10px;}
.m_news li{ width:100%;  margin:0px 0px 20px 0px; background:#eff1f4 }
.m_news_p{ padding:0px }
.m_news_p img{ width:100%; height:auto; max-height:260px}
.m_news_bt{ padding:15px 15px 0px 15px}
.m_news_bt a{ font-size:16px; color:#333; line-height:20px;  font-weight:bold}
.m_news_bt a:hover{ font-size:16px; color:#d18206;    line-height:20px; font-weight:bold}
.m_news_js{padding:10px 15px 10px 15px;font-size:14px; line-height:22px;    color:#666}
.m_news_d{ font-size:22px; color:#888888;padding:5px 15px 25px 15px;}
/*PC首页新闻*/



/*我们的优势*/
.m_advantages{ width:100%}
.m_advantages li{ width:48%; height:320px; background:#FFF; margin:0px 1% 10px 1%; float:left}
.m_advantages_p{ height:110px; text-align:center; padding:8px 8px 0px 8px}
.m_advantages_p img{ height:110px; width:100%;}
.m_advantages_bt{ text-align:center; padding-top:25px;  }
.m_advantages_bt h2{ color:#158fcf; text-align:center; font-size:20px; font-weight:bold; padding-bottom:5px}
.m_advantages_bt h3{ color:#999999;  text-align:center; font-weight:100; font-size:14px; padding-bottom:10px}
.m_advantages_js{ font-size:14px; color:#666; line-height:24px; padding:0px 10px}
/*我们的优势*/

/*我们的客户*/
.partner{ padding:0px 4px }
.partner li{ width:48%; height:105px; float:left;  margin:0px 1% 10px 1%;  }
.partner li img{ width:100%; height:105px}
.partner_jt{ padding:20px 0px 20px 0px; text-align:center}
.partner_m{ text-align:center; padding-bottom:0px}
.partner_m a{ font-size:16px; color:#333; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}
.partner_m a:hover{ font-size:16px; color:#1488b7; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase}

/*我们的客户*/

.m_business{ padding:20px 0px 20px 0px}

.m_item{ }
.m_item_map{ padding-bottom:20px; position:relative}
.m_item_r{ width:100%}
.m_item_bt{ font-size:24px; line-height:24px; color:#014693; padding-bottom:6px; padding-top:5px; }
.m_item_nb{ font-size:14px; color:#969696; line-height:24px; padding-bottom:10px}
.m_item_nb span{ font-size:14px; font-weight:bold; color:#F00;}

.m_item_c{ padding-top:0px }
.m_item_c li{ border-bottom:1px dashed #dfdfdf; width:97%; padding:8px 0px 8px 0px; font-size:14px; line-height:24px; color:#969696}
.m_item_c li a{ font-size:16px; color:#333; line-height:24px}
.m_item_c li a:hover{ font-size:16px; color:#014693; line-height:24px}

.map{ position:relative;width:100%; margin:0 auto;}
.map a{ color:#ffffff; font-size:14px; text-decoration:none;}
.map a:hover{ color:#fff;}
.citybg{ position:absolute; display:none; z-index:3; }
.city a.active .citybg{ display:block; z-index:3;}

.other_city{ position:absolute; z-index:20; top:240px; left:10px; width:70px}
.other_city li{ height:22px;  }
.other_city li a{ font-size:14px; color:#666; line-height:22px}
.other_city li a:hover{ font-size:14px; color:#014693; line-height:22px}

/*滚动项目*/
.inner {
/*   position: absolute; */
  margin: 0 auto;
  width:100%;
  height:270px;
  overflow-y: scroll;
  overflow-x: hidden;
}


*::-webkit-scrollbar { 
  width: 5px;
  padding: 100px;
  -webkit-transform: scalex(10);
          transform: scalex(10);
}

*::-webkit-scrollbar-thumb {
  border-radius: var(--thumb-radius);
  background-color: #5555;
  padding-right: 5px;
  -webkit-transform: scalex(10);
          transform: scalex(10);
}
/*滚动项目*/


/*首页项目选项*/
.tab-block {
	width:100%;
}

.tab-block.information-tab {
	height: 270px
}

.tab-block.information-tab .tabs {
	height: 270px
}

.tab-block .tab-buttons {
	width: 100%;
	height: 50px;
	background-color: #fafafa
}

.tab-block .tab-buttons .tab-button {
	width: 33.33%;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 16px;
	color: #999;
	line-height: 50px;
	position: relative;
	cursor: pointer
}

.tab-block .tab-buttons .tab-button.cur {
	background-color: #fff;
	color: #333
}

.tab-block .tab-buttons .tab-button.cur:after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #1183ff
}

.tab-block .tabs {
	width: 100%;
	height: 320px
}

.tab-block .tabs .tab-item {
	width: 100%;
	height: 100%;
	display: none
}

.tab-block .tabs .tab-item.active {
	display: block
}



.question-icon {
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/question-icon.png) center no-repeat;
	-ms-background-size: 16px 16px;
	background-size: 16px 16px;
}
/*首页项目选项*/



.about_bt {
	text-align:center;
	font-family: "微软雅黑";	
	font-size: 16px;
	color: #666666;
	height:80px; 
	background:url(../images/about_line.gif) no-repeat center 78px; background-size:60px 2px;
}
.about_bt h2{
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight:bold;
	line-height:36px;
	color: #5caa07;
	}
	
.about_bt2 {
	text-align:center;
	font-family: "微软雅黑";	
	font-size: 16px;
	color: #666666;
	height:50px; 
	background:url(../images/about_bx.png) no-repeat center 47px; background-size:60px 2px;
}
.about_bt2 h2{
	font-family: "微软雅黑";
	font-size: 24px;
	font-weight:bold;
	line-height:36px;
	color: #ffffff;
	}
	
	



.foot_help{ background:url(../images/about_e_01.jpg) no-repeat center center; text-align:center; padding:35px 0px}
.foot_help_bt{ height:50px;  text-align:center; font-family: "微软雅黑";	font-size: 18px; font-weight:bold; color: #ffffff;background:url(../images/about_bx.png) no-repeat center 47px; background-size:60px 2px;}
.foot_help_js{ font-family: "微软雅黑"; font-size:14px; color:#ffffff; padding:10px 10px}
.foot_help_tel{ text-align:center; padding-top:10px}




.aboutus{ padding:30px 20px 30px 20px; color:#FFF}
.aboutus h2{ font-size:24px; color:#FFF;font-weight:500}
.aboutus p{ font-size:14px; line-height:22px; padding-top:20px}
.aboutus_m{ padding-top:10px}

.ny_main_bt{ text-align:center; font-size:22px; color:#333; padding-bottom:20px;}


.items-wrapper {
    overflow: hidden;
    margin-bottom: -30px; }
.items-wrapper li {
    position: relative;
    overflow: hidden;
    width: 48%;
    height: 150px;
    overflow: hidden;
    float: left;
	margin:0px 3px 3px 3px;
    }
.items-wrapper li:nth-child(3n) {
    margin-right: 0; }
.items-wrapper li img {
    width: 100%;
    height: 100%; }
.items-wrapper li:hover .box-mask,
.items-wrapper li:hover .box-content {
    top: 0; }
.items-wrapper li .box-mask,
.items-wrapper li .box-content {
    position: absolute;
    left: 0;
    top: 100px;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    color: #fff;
    -webkit-transition: top .3s;
    transition: top .3s; }
.items-wrapper li .box-mask {
    background: #000;
    opacity: .7; }
.items-wrapper li .box-title {
    font-size: 18px;
    line-height: 60px;
    position: relative;
    padding-top: 10px; }
.items-wrapper li .box-title:before {
    content: '';
    display: inline-block;
    height: 3px;
    width: 50px;
    background: #76d238;
    overflow: hidden;
    position: absolute;
    top: 18px; }
.items-wrapper li .box-description {
    color: #eee; }
.items-wrapper li .box-redmore {
    margin: 15px 0;
    display: inline-block;
    border: 2px solid #76d238;
    color: #76d238;
    padding: 8px 20px;
    font-size: 16px; }
.items-wrapper li .box-redmore:hover {
    color: #fff; }
	


.m_fw{ padding:0px}
.m_fw li{width:20%; float:left}



/*PC首页客户案例*/
.m_case{ padding:0px 10px}
.m_case li{ width:100%; background:#eff1f4; margin-bottom:15px }
.m_case_p{ padding:0px; position:relative}
.m_case_p img{ width:100%; height:auto}
.m_case_t{ position:absolute; bottom:0px; width:100%; height:120px; background-color:rgba(0,0,0,0.8)}
.m_case_l{ width:80%; float:left}
.m_case_r{ width:20%; float:right; background:#158fcf; height:120px; line-height:120px; text-align:center}
.m_case_r a{ line-height:120px; color:#FFF; font-size:30px; display:block}
.m_case_r a:hover{ line-height:120px; color:#000000; font-size:30px; display:block}
.m_case_r i{ line-height:120px;}
.m_case_bt{ padding:20px 15px 10px 20px}
.m_case_bt a{ font-size:18px; color:#ffffff; line-height:24px;  font-weight:bold}
.m_case_bt a:hover{ font-size:18px; color:#ffffff; line-height:20px; font-weight:bold; text-decoration:underline}
.m_case_js{padding:0px 20px 0px 20px; font-size:15px; line-height:18px;  color:#ffffff; }
.m_case_d{ padding:10px 15px 0px 15px; font-size:22px; color:#888888; padding-top:15px}
/*PC首页客户案例*/



/*PC首页关于我们*/
.m_about{ padding:0px 10px}
.m_about_l{ margin-bottom:30px  }
.m_about_l h2{  font-size:30px; color:#ffffff; font-weight:bold; padding-bottom:10px; line-height:40px}
.m_about_l h3{  font-size:20px; color:#7b8082; font-weight:400; text-transform:uppercase;  padding-bottom:10px; line-height:20px}
.m_about_l span{  font-size:44px; color:#41bae8;  font-weight:400; padding-bottom:15px}
.m_about_l_bt{ padding:40px 0px 10px 34px; color:#ffffff; font-size:28px; font-weight:bold}
.m_about_l_js{ padding:0px 0px 5px 0px;  color:#ffffff; font-size:15px; line-height:34px }
.m_about_l_m{ padding:10px 0px 0px 0px; margin-bottom:40px; height:50px; }
.m_about_r{ clear:both; width:100%; margin-top:20px }
.m_about_r img{ width:100%; height:auto}



.ny_dfl{ height:22px; border:1px solid #CCC; padding-left:10px}
.ny_xfl{ width:45%; float:left}


/* 关于我们页 */
.nyabout{ width:100%; margin:0px auto; font-size:14px; line-height:26px; color:#666}
.left_w{ padding-bottom:20px}
.left_w p{ font-size:14px; color:#666; line-height:24px}
.right_p{ width:100%}
.right_p img{ max-width:100% !important; height:auto}
.left_p{width:100%}
.left_p img{max-width:100% !important; height:auto}
.right_w{width:100%; font-size:14px !important; color:#666; line-height:22px}

.m_ly{ padding:0px 10px}
.m_ly_bt{ border-bottom:1px solid #dddddd; padding-bottom:15px; font-size:20px; color:#333; font-weight:bold; margin-bottom:20px}

/*内页新闻*/
.ny_news{ padding:0px}
.ny_news li{  margin-bottom:20px}
.ny_news_pic{ padding:0px}
.ny_news_pic img{ width:100%; height:auto; max-height:260px}
.ny_news_bt{ padding:10px 0px}
.ny_news_bt a{ font-size:18px; color:#333; line-height:26px; font-weight:bold}
.ny_news_bt a:hover{ font-size:18px; color:#158fcf; line-height:26px; font-weight:bold}
.ny_news_d{ font-size:14px; color:#999; line-height:24px; padding:0px 0px 8px 0px}
.ny_news_js{ font-size:14px; line-height:24px; color:#666}
.ny_news_m{ padding-top:10px}
.ny_news_m a{ font-size:16px; color:#444444;}
.ny_news_m a:hover{ font-size:16px; color:#158fcf;}

/*内页新闻*/

/*内页案例*/
.ny_case{ padding:0px; width:100%}
.ny_case li{ width:48%;  float:left; background:#FFF; margin:0px 1% 10px 1%}
.ny_case_pic{  text-align:center}
.ny_case_pic img{ text-align:center; width:100%; height:130px}
.ny_case_bt{ padding:12px 0px 12px 0px; text-align:center;  font-size:12px; color:#333}
.ny_case_bt a{font-size:14px; color:#333333; line-height:18px}
.ny_case_bt a:hover{font-size:14px; color:#0173AE;  line-height:18px}

/*内页案例*/

/*内页产品*/
.ny_products{ padding:0px; width:100%}
.ny_products li{ width:100%; background:#FFF; margin-bottom:15px }
.ny_products_pic{  text-align:center; padding:10px 10px}
.ny_products_pic img{ text-align:center; width:100%; height: auto}
.ny_products_bt{ padding:12px 10px 12px 10px; text-align:center;  font-size:16px; color:#333}
.ny_products_bt a{font-size:18px; color:#333333; line-height:22px; font-weight:bold}
.ny_products_bt a:hover{font-size:18px; color:#158fcf;  line-height:22px; font-weight:bold}
.ny_products_js{padding:0px 20px 30px 20px;  font-size:15px; color:#666666; line-height:22px }
.ny_products_m{ padding:0px 0px 20px 0px}

/*内页产品*/

/*内页证书*/
.ny_cert{ padding:0px 4px}
.ny_cert li{ width:48%; height:auto; margin:0px 1% 15px 1%; float:left; }
.ny_cert_p{  text-align:center}
.ny_cert_p img{ height:auto; width:100%;}
.ny_cert_bt{ text-align:center; padding-top:10px}
.ny_cert_bt a{ font-size:14px; color:#666; line-height:20px; }
.ny_cert_bt a:hover{ font-size:14px; color:#158fcf;line-height:20px;  }

/*内页证书*/

/*内页设备*/
.ny_equipment{ padding:0px 4px}
.ny_equipment li{ width:48%; height:auto; margin:0px 1% 15px 1%; float:left; }
.ny_equipment_p{  text-align:center}
.ny_equipment_p img{ height:130px; width:100%;}
.ny_equipment_bt{ text-align:center; padding-top:10px}
.ny_equipment_bt a{ font-size:14px; color:#666; line-height:20px; }
.ny_equipment_bt a:hover{ font-size:14px; color:#158fcf;line-height:20px;  }
/*内页设备*/


/*内页关于我们*/
.ny_about{ padding:0px 10px}
.ny_about_bt{ text-align:center; padding:25px 0px 10px 0px}
.ny_about_bt h2{ font-size:24px; color:#000;}
.ny_about_video{  width:100%; height:200px; margin:0px auto}
.ny_about_con{ line-height:20px; font-size:14px; color:#666; padding:20px 0px 30px 0px}
.ny_about_con img{ max-width:100%; height:auto}
.ny_about_con h2{ font-size:20px; color:#000; line-height:26px; padding-bottom:15px}
.ny_about_con h3{ font-size:18px; color:#333; line-height:22px; padding-bottom:10px}


/* 产品详情页 */
.products_show_l{ padding:0px}
.products_show_r{ padding:0px}
.products_show_bt{ padding:0px 0px 15px 0px; margin:0px 10px; border-bottom:1px solid #d4d8d8; text-align:center}

.products_show_bt h1{ font-size:18px; line-height:20px; color:#333333; font-weight:bold}
.products_show_bh{border-bottom:1px solid #d4d8d8; font-size:16px; color:#333; line-height:24px; padding:0px 0px 15px 0px; margin:0px 15px; text-align:center}
.products_show_bh span{ font-weight:bold; color:#333;  line-height:24px}
.products_show_p{ padding:10px 0px}

.products_show_js{ padding:10px 10px 0px 10px; font-size:14px; color:#666; line-height:24px}
.products_show_js h2{ font-size:18px; color:#158fcf; line-height:40px; font-weight:bold}
.products_show_js li{ list-style: disc; margin-left:20px; font-size:15px; color:#666; line-height:26px}

.products_show_js table{ width:100% !important;}
.products_show_js table th{ height:20px; text-align:left; font-weight:100; font-family:Arial, Helvetica, sans-serif;}
.products_show_js table td{ height:20px; text-align:left;font-weight:100; font-family:Arial, Helvetica, sans-serif;}

.products_show_an{ padding:10px 0px 0px 10px}

.products_con_bt{ height:40px; border-bottom:1px solid #dddddd; margin:0px 10px 0px 10px}
.products_con_bt .title{ height:40px; float:left; border-bottom:2px solid #000; color:#000; font-size:20px; line-height:40px; font-weight:bold;}


.products_show_con{ font-size:15px; color:#666; line-height:24px; padding:15px 10px }
.products_show_con img{ max-width:100%; height:auto}

.products_show_con table{
      width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            font-size: 14px; overflow-x: auto;
    }
.products_show_con table th{ 
    padding: 5px 10px;
      background-color: #e8e8e8;
            text-align: center; font-weight: bold;
            border: 1px solid #bfbfbf;}
.products_show_con table td{
      padding: 5px 10px;
            text-align: center; line-height: 20px;
            border: 1px solid #bfbfbf;
}
.products_show_con table tr:nth-of-type(odd) {
            background-color: #ffffff;
}
.products_show_con table tr:nth-of-type(even) {
            background-color: #e8e8e8;
 }

.products_show_con h2{ font-size:20px; color:#000; font-weight:bold; padding-bottom:15px; padding-top:5px}
.products_show_con h3{ font-size:18px; color:#333; font-weight:bold; padding-bottom:5px;  padding-top:5px}
.products_show_con p{ padding:8px 0px}



.ny_newsshow_p{ background:#ecf0f1; padding:12px 12px; margin:10px 10px 10px 10px; font-size:14px;}
.ny_newsshow_p a{ line-height:30px; font-size:14px; color:#666}
.ny_newsshow_p a:hover{ line-height:30px; font-size:14px; color:#0168ac}


.nycon_next{ background:#f3f4f6; padding:15px 15px; margin-top:20px;}
.nycon_next a{ line-height:20px; font-size:14px; color:#666}
.nycon_next a:hover{ line-height:20px; font-size:14px; color:#158fcf}


.fldh{ padding:0px}

.fldh li{  height:50px; line-height:50px;  padding:0px 15px 0px 15px; text-align:left;  background:url(../images/inlibg.png) no-repeat right 18px  }
.fldh li:hover,.fldh li.hover{height:50px; line-height:50px; padding:0px 15px 0px 15px;  text-align:left;  background:url(../images/inlibg.png) no-repeat right 18px #0083D0  }
.fldh li a{color:#0E4E98; display:block; font-family:'Microsoft YaHei', '微软雅黑';  font-size:16px;line-height:50px;}
.fldh li:hover a,.fldh li.hover a{color:#ffffff; display:block; font-family:'Microsoft YaHei', '微软雅黑'; font-size:16px;line-height:50px;  }



.navdh{ padding:0px; background:#024B70}

.navdh li{ width:33.33%;  height:32px; line-height:32px; text-align:center; float:left; background: url(../images/navrx.gif) repeat-y right #0760B0; margin-bottom:1px }
.navdh li:hover,.navdh li.hover{width:33.33%; height:32px; line-height:32px; text-align:center; float:left;  background: url(../images/navrx.gif) repeat-y right #014C8F; margin-bottom:1px  }
.navdh li a{color:#ffffff; display:block; font-family: 'Microsoft YaHei','微软雅黑'; font-size:13px;line-height:32px;}
.navdh li:hover a,.navdh li.hover a{color:#ffffff; display:block;font-family: 'Microsoft YaHei','微软雅黑';  font-size:13px;line-height:32px;  }


.navdh2 li{ width:33.33%;  height:95px; line-height:95px; text-align:center; float:left;  border-bottom:1px solid #B2A789; background: url(../images/dhrbg.gif) repeat-y right #C9BC9C  }
.navdh2 li:hover,.navdh2 li.hover{height:95px; line-height:95px; text-align:center; width:33.33%;border-bottom:1px solid #B2A789; background:url(../images/dhrbg.gif) repeat-y right #000000   }
.navdh2 li a{color:#333333; display:block;font-family:'Microsoft YaHei', '微软雅黑';font-size:34px;line-height:95px;}
.navdh2 li:hover a,.navdh2 li.hover a{color:#ffffff; display:block;font-family:'Microsoft YaHei', '微软雅黑';  font-size:34px;line-height:95px;  }




.ny_m_bt{ text-align:center; padding-top:30px; padding-bottom:20px}
.ny_m_bt h1{font-family:'Microsoft YaHei','微软雅黑'; font-size:24px; color:#FFF; font-weight:bold; line-height:44px}
.ny_m_bt h3{font-family:'Microsoft YaHei','微软雅黑'; font-size:14px; font-weight:100; color:#7b7978; line-height:24px; text-transform:uppercase}





.news_show_d{ padding-top:15px; text-align:center; font-size:12px; color:#666}

.probt{ border-bottom:1px solid #E5E1E1; padding-bottom:10px; color:#333; font-size:18px; line-height:28px}
.progg{ font-size:12px; color:#666;  padding-top:15px}
.projs{ padding:0px; font-size:12px; color:#666; line-height:21px; padding-top:15px}

.procon{ padding:12px 0px 15px 0px; }
.procon img{ max-width:818px}

.casecon{ padding:25px 0px 0px 0px;}
.casecon img{ max-width:818px}


.m_pro{ padding:15px 0px; }
.m_pro_p{ padding:0px}
.m_pro_js{ padding:0px 0px 15px 0px}

.m_jj_pic{ padding:0px; }
.m_jj_pic li{ float:left; width:48%; }
.m_jj_pic_p{ padding:0px}
.m_jj_pic_bt{ text-align:left; padding:10px 0px; line-height:22px; font-size:14px}
.m_jj_pic_bt a{ font-size:14px; }

.m_jj_rig{ width:467px; float:right}




.m_yy{ padding:12px 12px 0px 12px;}
.m_yy_bt{ border-bottom:1px solid #CCC; padding-bottom:4px}
.m_yy_bt cn{ font-size:18px; color:#000000; line-height:24px}
.m_yy_bt en{ font-size:12px; color:#666; line-height:18px}
.m_yy_con{ padding-top:8px; color:#666; font-size:12px; line-height:14px}


.main_right{ padding:30px 30px 30px 30px; background:#B3A88C}
.main_rig_pic{ padding:0px}
.main_rig_bt{ height:35px; line-height:35px; margin-bottom:16px;  font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; color:#685745}
.main_rig_bt a:hover{ height:35px; line-height:35px; margin-bottom:16px; font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; color:#F8D639}


.nylmdh{ width:100%; line-height:21px; text-align:center; padding:12px 0px 12px 0px; background:#E9E8E8 }

.nylmdh2{ width:100%; padding:12px 8px 8px 8px;  }

.nylmdh2 li{ width:49%;  height:36px; line-height:36px;  text-align:center; float:left; background:#f5f5f5; margin:0px 0.5% 0.5% 0.5% }
.nylmdh2 li:hover,.nylmdh2 li.hover{width:49%;  height:36px; line-height:36px;  text-align:center; float:left; background:#158fcf;  margin:0px 0.5% 0.5% 0.5% }
.nylmdh2 li a{color:#666666; display:block; font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px;line-height:36px;}
.nylmdh2 li:hover a,.nylmdh2 li.hover a{color:#ffffff; display:block;font-family:'Microsoft YaHei', '微软雅黑';  font-size:14px;line-height:36px;  }

.nylmdh3{ width:100%; padding:12px 8px 8px 8px; background:#ecf0f1 }

.nylmdh3 li{ width:100%;  height:36px; line-height:36px; text-align:left;background:#FFF; padding-left:10px; margin:0px 0px 0.5% 0px }
.nylmdh3 li:hover,.nylmdh3 li.hover{width:100%;   height:36px; line-height:36px;  text-align:left;background:#3d99ce;  padding-left:10px;  margin:0px 0px 0.5% 0px }
.nylmdh3 li a{color:#666666; display:block; font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px;line-height:36px;}
.nylmdh3 li:hover a,.nylmdh3 li.hover a{color:#ffffff; display:block;font-family:'Microsoft YaHei', '微软雅黑';  font-size:14px;line-height:36px;  }


.m_pro_bt{ height:36px; line-height:36px; background:url(../images/hx_09.gif) no-repeat; border-right:1px solid #D8D8D8; padding:0px 15px 0px 13px}

.ny_cases_dd{ width:72px; border-right:1px solid #C2C2C2; text-align:center; float:left; font-size:20px; color:#4C4C4C; line-height:26px}
.ny_cases_dd span{ line-height:32px;color:#4C4C4C;  font-size:22px;}

.nygy_wz_bt{ padding:5px 0px 5px 0px; font-size:16px}
.nygy_wz_bt a{ font-size:16px; color:#333} 
.nygy_wz_bt a:hover{ font-size:16px; color:#D31304} 
.nygy_wz_js{ font-size:12px; color:#666; line-height:18px; padding-bottom:5px}
.nygy_wz_dd{ color:#999999; font-size:12px;}

.nyywly{ padding:0px}
.nyywly li{ margin-bottom:15px; background:#FFF}
.nyywly_l{ width:50%; float:left}
.nyywly_l_bt{ padding:18px 15px 10px 15px}
.nyywly_l_bt a{ font-size:16px; color:#333; font-weight:bold}
.nyywly_l_bt a:hover{ font-size:16px; color:#D31304; font-weight:bold}
.nyywly_l_js{padding:0px 15px 15px 15px; font-size:12px; color:#666; line-height:20px}
.nyywly_l_m{padding:0px 15px 15px 15px; text-align:right}
.nyywly_l_m a{ font-size:12px; color:#333;}
.nyywly_l_m a:hover{ font-size:12px; color:#D31304;}

.nyywly_r{ width:50%; float:left}

.ban{padding:0px; margin-top:60px}

.nyban{ margin-top:60px;  padding:0px 0px 0px 0px; height:80px; text-align:center }
.nyban h1{ font-size:24px; color:#ffffff; line-height:32px; font-weight:500}
.nyban h2{ padding-top:24px; font-size:24px; color:#ffffff; line-height:32px; font-weight:bold }
.nyban p{ font-size:16px; line-height:30px; color:#CCC }

.nyban_wz{ text-align:center}
.nycon{padding:10px 10px}
.nycon img{max-width:100%}


/*内页关于我们*/
.ny_contact{ padding:15px 13px}
.ny_contact_con{ line-height:30px; font-size:16px; color:#666; padding:10px 0px 20px 0px}
.ny_contact_con_l{ width:100%;}
.ny_contact_con_r{ width:100; padding-top:15px}
.ny_contact_con_r img{ width:100%; height:auto}
.ny_contact_con h2{ font-family:'Microsoft YaHei','微软雅黑'; font-weight:bold; padding-bottom:5px; font-size:18px; color:#000; line-height:24px}
.ny_contact_con h3{ font-family:'Microsoft YaHei','微软雅黑'; font-weight:bold; padding:0px 0px 5px 0px; font-size:14px; color:#333333; line-height:22px}
.ny_contact_con p{ padding:4px 0px}

/*内页关于我们*/



.nycon2{padding-top:10px; min-height:100px}
.nycon2 h2{ font-size:18px; color:#333; line-height:22px; padding-bottom:14px; font-weight:bold;}
.nycon2 img{ max-width:100% !important; height:auto !important; margin:10px 0px; }
.nycon2 table{ width:100% !important;  border:1px solid #CCC;  border-collapse:collapse}
.nycon2 table th{ height:20px; border:1px solid #CCC;  border-collapse:collapse}
.nycon2 table td{ height:20px; border:1px solid #CCC;  border-collapse:collapse; padding:5px 5px }

.nymain_l_bt{ font-size:14px; color:#666; line-height:24px; padding-bottom:10px; text-align:center; border-bottom:1px solid #e6e6e6; padding-top:20px}
.nymain_l_bt h1{ font-size:18px; color:#333; font-weight:bold; line-height:30px; font-family: 'Microsoft YaHei','黑体'; padding-bottom:5px}

.nycon3{padding-top:10px; min-height:400px}
.nycon3 img{ max-width:100%; }
.nycon3 table{width:100% !important; }

.nycon4{padding-top:10px; min-height:200px}
.nycon4 h1{ line-height:24px; font-weight:bold; font-size:20px; padding-bottom:16px; color:#333}
.nycon4 img{ max-width:100% !important; height:auto !important }
.nycon4 table{width:100% !important; }
.nycon4 h2{ font-family:'Microsoft YaHei','微软雅黑'; font-weight:bold; padding-bottom:15px; font-size:20px; color:#000; line-height:24px}
.nycon4 h3{ font-family:'Microsoft YaHei','微软雅黑'; font-weight:bold; padding:10px 0px; font-size:18px; color:#333333; line-height:22px}
.nycon4 p{ padding:6px 0px}

.nyprocon{ padding:0px; text-align:left}
.nyprocon img{ width:100% !important;height:auto !important; }

.nycon_left_bt{ font-size:22px; color:#000; line-height:30px; padding:30px 0px 20px 0px}
.nynav{ padding-bottom:10px}

.nynav li{ width:33%;  height:35px; line-height:35px; text-align:center; float:left; background:#CCC; margin:0px 1px 1px 0px }
.nynav li:hover,.nynav li.hover{width:33%;  height:35px; line-height:35px; text-align:center; float:left; background:#0A4C8D; margin:0px 1px 1px 0px}
.nynav li a{color:#333333; display:block; font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px;line-height:35px;}
.nynav li:hover a,.nynav li.hover a{color:#ffffff; display:block;font-family:'Microsoft YaHei', '微软雅黑';  font-size:14px;line-height:35px;  }

.nyconbt{ line-height:25px; padding:15px 0px; text-align:center; }
.nyconbt h2{ font-size:20px; color:#333; line-height:28px; padding-bottom:14px; font-weight:bold;}

.nyconbt2{ line-height:25px; padding:10px 0px 5px 0px; text-align:center;}
.nyconbt2 h2{ font-size:20px; color:#333; line-height:28px; padding-bottom:14px; font-weight:bold;}

.here{ clear:both; line-height:21px; padding:10px 0px 10px 10px;  color:#666666; font-size:13px;  margin-top:50px}
.here a{ color:#999999; font-size:13px; line-height:20px}
.here span{ color:#000000; line-height:20px}

.here2{ clear:both; line-height:21px; padding:8px 0px; background:#ffffff; color:#666666; font-size:12px; padding-left:10px}
.here2 a{ color:#444444; font-size:12px; line-height:20px}
.here2 span{ color:#6D051B; line-height:20px}


.p_here{ clear:both; margin-top:60px; line-height:21px; padding:8px 0px; background:#024479; color:#666666; font-size:12px; padding-left:10px}
.p_here a{ color:#ffffff; font-size:12px; line-height:20px}
.p_here span{ color:#8fc31f; line-height:20px}

/* 产品位置导航 */


.hpbox{ background:#010101; padding:20px 0px; text-align:center}
.hpbox img{ padding:4px; border:1px solid #878787}


.foot_help{ width:100%; margin:0px auto}
.foot_help p{ font-size:20px; color:#333; line-height:34px; text-align:center; padding:0px 20px 10px 20px}
.foot_help_an{  padding-top:10px;  padding-bottom:10px; margin-left:26%}
.fh_box{ background:#066;}



.sbbten{font-family:'Microsoft YaHei', '微软雅黑'; font-size:12px; color:#666666}

.picbox{ float:left; width:50%; position:relative}
.picwz{ position:absolute; width:92%; top:15px; left:15px}

.jjfa{ background:#FFF; padding:10px 15px; margin-bottom:15px}
.jjfa_bt{ height:40px; line-height:40px}
.jjfa_pic{ padding:0px}
.jjfa_con{ padding-top:12px}


.link{ margin-bottom:15px; padding:8px 0px 3px 8px; background:#FFF; }



.about{ margin-bottom:15px}
.lmbt{ height:30px; line-height:30px;  padding:0px 10px 0px 12px}
.lmcon{ background:#FFF; padding:5px 12px 7px 12px}

.news{ margin-bottom:0px}

.m_more{ clear:both; text-align:center; padding:8px 0px 10px 0px;}

.font28_w{ font-size:18px; color:#FFF; font-weight:bold; line-height:38px}  
.font28_r{ font-size:18px; color:#205B96; font-weight:bold; line-height:38px}  
.font28_b{ font-size:18px; color:#333333; font-weight:bold; line-height:38px}  

.font14_w{ font-size:14px; color:#ffffff;  line-height:24px}  
.font14_b{ font-size:14px; color:#666666;  line-height:24px} 
.font13_h{ font-size:12px; color:#999999; } 

.powz{font-family:'Microsoft YaHei', '微软雅黑'; font-size:12px; color:#666}

.cnbtwz{ font-family:'Microsoft YaHei', '微软雅黑';font-size:26px; color:#86C400}  
.cnbtwz2{ font-family:'Microsoft YaHei', '微软雅黑';font-size:20px; color:#333333}  

.enbtwz{  font-family:'Microsoft YaHei', '微软雅黑'; font-size:16px; color:#999999; text-transform:uppercase } 
.enbtwz2{  font-family:'Microsoft YaHei', '微软雅黑'; font-size:12px; color:#AAAAAA; text-transform:uppercase } 


.Pncnbt{ font-family:'Microsoft YaHei', '微软雅黑'; font-size:18px; color:#333333; }
.Pnenbt{ font-family:'Microsoft YaHei', '微软雅黑'; font-size:14px; color:#5A5959; }


.nybtwz{font-family:'Microsoft YaHei', '微软雅黑';  font-size:16px; color:#333333; } 

.prowz{ font-family:'Microsoft YaHei', '微软雅黑';  font-size:13px; color:#ffffff; text-align:left; float:left} 
.enprowz{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ffffff; text-align:center; float:left} 



.promore{ padding:7px 0px 0px 0px; float:right}



.nyleftbt{ margin:0px; width:236px; height:37px; background:url(../images/ny_04.gif) no-repeat}
.nyrightbt{ margin:0px; width:724px; height:37px; background:url(../images/ny_06.gif) no-repeat}

.wzhotline{font-family:'Microsoft YaHei', '微软雅黑';font-size:14px; color:#333;font-weight:bold;   }
.enwzhotline{ font-family:Arial, Helvetica, sans-serif;font-size:14px; color:#333;  }

.wz26tel{font-family:Arial, Helvetica, sans-serif; font-size:26px; color:#EC3415; }


.wz12bt{font-family:'Microsoft YaHei', '微软雅黑'; font-size:12px; color:#333333; font-weight:bold; line-height:29px}
.wz14nybt{font-family:'Microsoft YaHei', '微软雅黑';  font-size:14px; color:#003972; font-weight:bold; line-height:20px}

.wz12h{font-family:'Microsoft YaHei', '微软雅黑'; font-size:15px; color:#666666; line-height:26px;}

.wz12h2{font-family:'Microsoft YaHei', '微软雅黑'; font-size:12px; color:#444444; line-height:22px;}

.wz16dl{font-family: normal 'Microsoft YaHei','黑体';  font-size:16px; color:#ff0000; line-height:21px;}

.wrap{ max-width:640px; min-width:320px;margin:0px auto 0px auto; overflow:hidden; position:relative; } 

.wrap2{ max-width:840px; min-width:320px;margin:0px auto; overflow:hidden; position:relative; } 

.wzbrand{ color:#055190; font-size:12px;}
.star{ font-family:"宋体"; color:#F00}

.wz12pro{ font-family:'Microsoft YaHei', '微软雅黑';  font-size:12px;  color:#666666 }

.wz14hs{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F80606; font-weight:bold;}
.wz12sb{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; font-weight:bold;}
.wz12b{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#D2DBE9; line-height:21px; text-align:left;}

.wz14newsbt{font-family:'Microsoft YaHei', '微软雅黑'; font-size:18px; color:#333333; }

.red{ color:#F00}
.wzstar{ font-family:"宋体"; color:#F00}
.newwz{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#4E4E4E; text-align:center;}

.wzfoot{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#D2DBE9;}
.wzdate{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#EF8508;}



/* main_image */
.main_visual{overflow:hidden;position:relative;}
.main_image{ height:340px; overflow:hidden;position:relative;}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}


.rollBox {width:340px; height:425px;overflow:hidden;}
.rollBox .LeftBotton {overflow:hidden;float:left;display:inline;background: url(../images/jt1.png) no-repeat;width:27px;height:70px; cursor: pointer;margin:164px 18px 0px 0px;}
.rollBox .RightBotton {overflow:hidden;float:left;display:inline;background: url(../images/jt2.png) no-repeat;width:27px;height:70px; cursor:pointer;display:inline;margin:164px 0px 0px 0px;}
.rollBox .Cont {width:268px;overflow:hidden;float:left;display:inline;}
.rollBox .ScrCont {width:100000px;}/*加大宽度是为了适应更多的logo内容*/

.rollBox .Cont li {width:220px; padding:15px 15px; background:#EFEFEF; height:395px; float:left;text-align:center;display:inline; margin-right:20px;}
.rollBox .Cont li img{ margin-top:0px;}
.rollBox .Cont li p a{ text-decoration:none; color:#656565; padding:11px 0 0px 0; display:block; line-height:12px;}
.rollBox #List1, .rollBox #List2 {float:left;}

.branch_cs{ height:90px; text-align:left}
.branch_cs a{ line-height:20px; color:#666; font-size:13px}
.branch_cs a:hover{ line-height:20px; color:#D04A06; font-size:13px}
.branch_js{ padding-top:10px; text-align:left; line-height:20px; font-size:12px; color:#666}



div.flicking_con{ position:absolute; top:250px;  left:30%;z-index:999;width:500px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px; margin-top:20px; padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}




#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{left:100px;}
#btn_next{right:100px;}


/*pc版底部*/
.f_box{  background:#0b354b; padding:30px 0px 30px 0px} 
.footer{ padding:0px 10px}
.foot_logo{ width:50%;  float:left; font-size:20px; color:#158fcf; font-weight:bold; text-align:left}
.foot_logo span{ font-size:14px; color:#CCC; font-weight:100; line-height:30px; text-transform:uppercase}
.foot_logo img{  margin-bottom:10px; width:80%; height:auto}


.foot_con{ float:left; width:50% }
.foot_bt{ margin-bottom:0px; font-size:16px; height:38px; color:#ffffff; font-weight:bold}
.foot_line{ height:2px; width:50px; background:#ffffff}

.foot_nav{ padding:0px}
.foot_nav li{ height:24px}
.foot_nav li a{ font-size:14px; color:#666666; line-height:30px;}
.foot_nav li a:hover{ font-size:14px; color:#333333; line-height:30px;}
.foot_r{ width:250px; float:right; text-align:right}
.foot_tel_bt{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888; height:18px; line-height:18px; margin:8px 0px} 
.foot_tel{ font-size:20px; color:#FFF; line-height:38px; text-align:right; font-weight:bold}
.foot_email_bt{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#888888; height:18px; line-height:18px; margin:8px 0px} 
.foot_email{ font-size:16px; color:#FFF; line-height:38px; text-align:right; }
.foot_share{ text-align:right; padding-top:20px}

.foot_tel span{font-size:28px; color:#158fcf; line-height:30px; font-weight:bold}
.foot_tel p{ padding:10px 0px 20px 0px;text-align:right}

.foot_wx{ padding:0px; text-align:right}
.foot_wx img{ width:140px}
.foot_cro{ width:100%; background:#000000; text-align:center; padding:20px 20px; color:#ffffff; font-size:13px;}

.foot_nwm{ padding-top:20px}
.foot_nwm li{ width:44%; margin:0px 3%; float:left}
.foot_nwm li img{ width:100%; height:auto}
.foot_nwm li p{ text-align:center; padding:15px 0px 15px 0px; font-size:16px; color:#ffffff}

.foot_com{ padding:0px 10px}
.foot_com ul{ margin-top:20px}
.foot_com li{ min-height:40px; line-height:24px; color:#d2d2d2; font-size:15px}
.foot_com_i{ width:15%; text-align:center; float:left}
.foot_com_i i{ font-size:24px; line-height:24px; color:#158fcf}
.foot_com_r{ width:85%; float:left; }
.foot_com_r a{ color:#FFF; font-size:14px; }
.foot_com_r a:hover{ color:#FFF; font-size:14px; }


.f_con_tb{ padding-top:0px}
.f_con_tb li{ float:left; margin-right:20px}
.f_con_tb li i{ font-size:24px; color:#333}
.f_con_tb li i:hover{ font-size:24px; color:#ff0000}

/* 社交媒体*/
.social{ clear:both; text-align:center;width:100%; padding:20px 0px 0px 0px}
.social i{ font-size:20px; color:#b7b8ba; margin-right:15px}
.social i:hover{ font-size:20px; color:#333333; margin-right:15px}

/* 社交媒体*/

/* 社交媒体*/
.p_social{ clear:both; text-align:left;width:100%; padding:30px 0px 0px 10px}
.p_social i{ font-size:24px; color:#999999; margin-right:20px}
.p_social i:hover{ font-size:24px; color:#333333; margin-right:20px}

/* 社交媒体*/


/* Flash */
.slidsm{ margin-top:0px; position:relative}
.slider{ display:none;}
.slider,.slider ul,.slider ul li{ margin:0px; padding:0px;}
.focus{ background:none; height:10px;  margin-bottom:20px; left:0%}
.focus span{ width:10px; height:10px; border-radius:5px; margin:0px 6px 0px 0px;   background:#fff;}
.focus span.current{ background:#158fcf;}



.m_job{ position:absolute; width:90%; top:77%; left:5%; height:36px;  z-index:15}
.m_job_bt{ height:32px; width:25%; line-height:32px; background:#0a88d3; font-size:15px; color:#FFF; font-weight:bold; text-align:center; float:left}
.m_job_con{ float:left; width:75%; background-color:rgba(255,255,255,0.8); border-top:2px solid #0a88d3; border-right:2px solid #0a88d3; border-bottom:2px solid #0a88d3; padding:0px 10px; height:32px; line-height:32px }

/* 滚动公告css */
.rolling {
    width:100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}




.rolling .roll-title ul {
    float: right;
    overflow: hidden;
    zoom:1; margin-top: 10px;
}

.rolling .content {
    width:100%;
    height: 32px;
    overflow: hidden;
}

.rolling .content ul {
    overflow: hidden;
    zoom:1; }

.rolling .content ul li {
    float: left;
    height: 32px;
    line-height: 32px;
    text-align: left;
    _display: inline;
    font-size: 14px;
}

.rolling .content ul li span {
    color: #b7b7b7;
    position: relative;
    right: -10px;
}

.roll-title h2 {
    font-weight: normal;
    font-size: 14px;
    float: left;
}

.rolling-more {
    float: right;
    color: #666;
    font-size: 12px;
}

.rolling .rolling-more:after {
    content: "";
    display: inline-block;
    margin-bottom: 1px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 7px;
    height: 7px;
    border: 1px solid #666;
    border-right: none;
    border-bottom: none;
}
.rolling .content ul li a {
    color: #333333; line-height:30px; font-size:14px;
}

.rolling .content ul li a:hover {
    color: #0751a6;
}

.rolling:hover .next{
    display:block;
}

.rolling:hover .prev{
    display:block;
}
/* 滚动公告css */



a.nm:link {
	display:block;  margin:0px auto;height:48px; line-height:48px; width:160px;text-align:center; text-transform:uppercase;  border:2px solid #ffffff;  font-weight:bold;  color:#ffffff ;  font-size:16px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

a.nm:visited {
display:block;  margin:0px auto;height:48px; line-height:48px; width:160px;text-align:center;text-transform:uppercase;  border:2px solid #ffffff;   font-weight:bold; color:#ffffff ;  font-size:16px;
}

a.nm:hover {
display:block;  margin:0px auto;height:48px; line-height:48px; width:160px;text-align:center;text-transform:uppercase;  border:2px solid #ffffff; background:#FFF; font-weight:bold;  color:#000000 ;  font-size:16px;
}  


a.nm2:link {
	display:block;  margin:0px auto;height:38px; line-height:38px; width:110px;text-align:center; text-transform:uppercase;  border:1px solid #787780;  background:#e0e1e3;color:#666666; font-size:14px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

a.nm2:visited {
display:block;  margin:0px auto;height:38px; line-height:38px; width:110px;text-align:center;text-transform:uppercase;  border:1px solid #787780; background:#e0e1e3; color:#666666;  font-size:14px;
}

a.nm2:hover {
display:block;  margin:0px auto;height:38px; line-height:38px; width:110px; text-align:center;text-transform:uppercase;  border:1px solid #787780; background:#158fcf; color:#ffffff ;  font-size:14px;
}  

a.nm3:link {
	display:block;  height:38px; line-height:38px; width:130px;text-align:center; text-transform:uppercase;  border:1px solid #787780;  background:#e0e1e3;color:#666666; font-size:14px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}

a.nm3:visited {
display:block; height:38px; line-height:38px; width:130px;text-align:center;text-transform:uppercase;  border:1px solid #787780; background:#e0e1e3; color:#666666;  font-size:14px;
}

a.nm3:hover {
display:block; height:38px; line-height:38px; width:130px; text-align:center;text-transform:uppercase;  border:1px solid #787780; background:#158fcf; color:#ffffff ;  font-size:14px;
}  


 
 a.wl:link {
	display:block; margin:0px auto; height:36px; line-height:36px; width:130px;  background:#5caa07; border-radius:18px;  text-align:center;  color:#ffffff;  font-size:15px; text-transform:uppercase;
	-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;
}

a.wl:visited {
display:block; margin:0px auto;height:36px; line-height:36px; width:130px;  background:#5caa07; border-radius:18px; text-align:center;  color:#ffffff;  font-size:15px;text-transform:uppercase;
	-webkit-transition: all 0.4s linear;-moz-transition: all 0.4s linear;-o-transition: all 0.4s linear;transition: all 0.4s linear;	
}

a.wl:hover {
display:block; margin:0px auto;height:36px; line-height:36px; width:130px;  background:#7ed222;border-radius:18px;text-align:center;  color:#ffffff;  font-size:15px;
}  



/*选项卡*/
#Tab{
width:100%;
margin:0px;
padding:0px;
text-align:left;

}
/*菜单class*/
.Menubox {
height:40px;
line-height:40px;
 overflow: hidden;
}
.Menubox ul{
margin:0px;
padding:0px;
}
.Menubox li{
float:left;
display:block;
cursor:pointer;
padding:0px 13px;
text-align:center;
color:#666666;
font-size:14px;
font-family: 'Microsoft YaHei','黑体';
}
.Menubox li.hover{
padding:0px 13px;
background:#e5eff8;
color:#333333;
font-size:14px;
height:40px;
line-height:40px;
}
.Contentbox{
clear:both;
margin-top:0px;
text-align:left;
padding:20px 0px 0px 0px;
color:#666666;
font-size:13px;
}




/*选项卡2*/
#Tab2{
width:100%;
margin:0px;
padding:0px;
text-align:left;
}

.Menubg{height:46px; border-bottom:1px solid #e7e7e7; width:100%}
.Menubox2 {
	width:100%;
height:47px;
line-height:47px;
 overflow: hidden;
}
.Menubox2 ul{
margin:0px;
padding:0px;
}
.Menubox2 li{
float:left;
display:block;
cursor:pointer;
border-bottom:2px solid #43bb1e;
width:20%;
text-align:center;
color:#666666;
font-size:14px;
font-family: 'Microsoft YaHei','黑体';
}
.Menubox2 li.hover{
padding:0px;
color:#39b513;
font-size:14px;
height:45px;
line-height:45px;
font-weight:bold;
}
.Contentbox2{
clear:both;
margin-top:0px;
text-align:left;
padding:15px 0px;
color:#666666;
font-size:13px;
line-height:24px;
}
.Contentbox2 li{ text-align:left; list-style-type:disc; margin-left:18px }
.Contentbox2 table{ width:100% !important;  border:1px solid #CCC;  border-collapse:collapse}
.Contentbox2 table th{ height:20px; border:1px solid #CCC;  border-collapse:collapse}
.Contentbox2 table td{ height:20px; border:1px solid #CCC;  border-collapse:collapse; padding:5px 5px }

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

/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:60px;overflow:hidden;background:#ffffff;position:fixed;z-index:100;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:40px;}
.sp_search{ float:right; margin-right:10px}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#158fcf;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:99999;background:#ffffff;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:60px;left:0;overflow:auto;overflow-x:hidden;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(-100% - 60px));transition:transform ease 0.35s, opacity ease 0.35s, visibility 0s linear 0.35s;}
.sjj_nav.nav_show{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:transform ease 0.35s, opacity ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0; font-size:16px}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 130px)}
.sjj_nav>ul>li:first-child .language{float:right;width:105px;overflow:hidden;line-height:30px;margin-top:5px; background:url(../images/dlbg.png) no-repeat 0px 4px; padding-left:25px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;text-align:center; font-size:14px; color:#666666;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #cccccc solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #cccccc solid;margin-left:20px; margin-right:20px; position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #cccccc solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; font-size:14px}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; font-size:14px}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#ec6a28}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

/*----手机搜索栏-------*/
.searchBox {
	display: none;
	pointer-events: none
}
.search-pup {
	position: relative;
}
.search-pup form input:focus {
	width: 180px
}
.search-pup form button {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #ffffff;
	background: 0 0;
	border: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	font-size: 18px;
	font-weight: 300;
	outline: 0;
	cursor: pointer;
	width: 50px;
	height: 40px;
	background: #158fcf;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}




/*search-form*/
.search-form {
	height: 40px;
	position: relative;
}
.search-form .s {
	height: 22px;
	border: 1px solid #ddd;
	padding: 5px 35px 5px 5px;
	border-radius: 3px;
	width: 210px;
}
.search-form .s:focus, #login-page .login-form .text:focus {
	border: 1px solid #2689FF;
	box-shadow: 0 0 3px #2689FF;
}
.search-btn, .sbtn, .searchBox {
	position: fixed;
	right: 68px;
	top: 0px;
	color:#333;
	background: 0 0;
	border: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	font-size: 24px;
	font-weight: 300;
	outline: 0;
	cursor: pointer;

}
.fixed .sbtn, .fixed .searchBox, .header.noOpaque .sbtn {
	color: #000
}
a.search-btn {
	display: none;
}
.search-bg, .searchBox {
	position: fixed;
	left: 50%;
	top: 45%;
	z-index: 891;
	height: auto;
	margin: -28px 0 0 -113px;
	display: none;
}
.sbtn {
	position: inherit;
	float: right;
	font-size: 24px;
	background: rgba(0,0,0,.0);
	height: 40px;
	line-height: 40px;
	border-radius: 1000px;
	text-align: center;
	margin-top: 18px;
	margin-left: 0px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	filter: alpha(opacity=65)!important;
	opacity: 1!important;
}
.fixed .sbtn, .header.noOpaque .sbtn {
	margin-top: 16px;
}
.sbtn:hover {
	filter: alpha(opacity=100)!important;
	opacity: 1!important;
}
.searchBox, .search-bg {
	left: 50%;
	width: 90%;
	background: #ffffff;
	z-index: 900;
	right: auto;
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 30px;
	border-radius: 3px;
}
.searchBox.is-active, .search-bg.is-active {
	pointer-events: auto;
}
.search-bg .search-form {
	display: block;
}
.page-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	z-index:30;
	display: none;
	pointer-events: none;
}
.page-bg.is-active {
	pointer-events: auto;
}
.search-bg .search-pup {
	margin-top: 0;
	float: none
}
.search-bg .search-pup form input, .searchBox .search-pup form input {
	width: 90%;
	border-radius: 3px;
	border: 1px solid #cccccc;
	font-size: 14px;
	padding: 0px 0px 0px 10px;
	background: #fff;
	height: 40px;
	outline: 0px;
}
.search-pup span {
	color: #999;
	font-size: 12px;
	margin: 10px 0 3px;
	display: block;
	clear: both;
}
.schList {
	font-size: 0;
	display: block;
	margin: 3px -3px -3px -3px;
}
.schList li {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin: 3px;
}
.schList li a {
	font-size: 14px;
	background: #eee;
	width: 100%;
	display: block;
	padding: 2px 10px;
	border-radius: 3px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	color: #666;
}
.schList li a:hover {
	background: #F4CE58;
	color: #000;
}

/*----手机搜索栏-------*/

.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
#certify {
  position: relative;
  width: 100%;
  margin: 0 auto
}

#certify .swiper-container {
  padding-bottom: 60px;
}
.swiper-wrapper{ box-sizing:border-box;}
#certify  .swiper-slide {
  width: 100%;
  /* border:1px solid #e7e2e2; */
}
@media(min-width:640px){
  #certify  .swiper-slide{width: 70%;}
}
/*#certify  .swiper-slide img{
  display:block; width:100%;
}*/
#certify  .swiper-slide p {
  line-height: 98px;
  padding-top: 0;
  text-align: center;
  color: #636363;
  font-size: 1.1em;
  margin: 0;
}

#certify .swiper-pagination {
  width: 100%;
  bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
  border: 3px solid #fff;
  background-color: #d5d5d5;
  width: 10px;
  height: 10px;
  opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
  border: 3px solid #00aadc;
  background-color: #fff;
}

#certify .swiper-button-prev {
  top: 0;
  left: 0;
  width: 45px;
  margin-top: 0;
  height: 100%;
  background: url(../images/home_left.png) no-repeat;
  background-position:center;
  /* background-size: 100%; */
}

#certify .swiper-button-prev:hover {
  /* background-position: 0 -46px; */
  /* background-size: 100% */
}

#certify .swiper-button-next {
  top: 0;
  right: 0;
  margin-top: 0;
  width: 45px;
  height: 100%;
  background: url(../images/home_right.png) no-repeat;
  background-position:center;
  /* background-size: 100%; */
}

#certify .swiper-button-next:hover {
  /* background-position: 0 -139px; */
  /* background-size: 100% */
}
@media(min-width:1200px){
   #certify  .swiper-slide{ width:560px; height:310px;}
}
@media(min-width:1260px){
  #certify{ width:100%;margin:0;}
  #certify  .swiper-slide{ width:600px; height:310px;}
   #certify{padding: 0 0; margin:0 auto;}
  #certify .swiper-button-prev {left: -20px;}
  #certify .swiper-button-next {right:-20px;}

}


@media(min-width: 640px){
  #certify .swiper-button-next{background: none;}
  #certify .swiper-button-prev{background: none;}
}
/*.Home_floor3 .swiper-slide.swiper-slide-active{transform: translateX(0px) scale(0.85) !important;}*/




/* 分页样式*/
.pagebar { padding:20px; overflow:hidden}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;

}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-size: 14px;
  padding: 5px 10px;
  margin: 0 2px;
  border-radius: 3px;
}
.pagination span {
    color: #666;
    font-size: 14px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #666;
  border: 1px solid #158fcf;
}
.pagination a.page-num-current {
  color: #fff;
  background: #158fcf;
  border: 1px solid #158fcf;
}
.pagination .st{ font-family:'Microsoft YaHei','微软雅黑'; }

/* 分页样式*/

/*数字改变*/

.box {
    width: 670px;
    margin: 0px auto;
}
#animateNumber .bg-img{
	width: 100%;
	height: 100%;
}

.animateNumber {
    width: 100%;
    position: relative;
}

.animateNumber .anumber {
    color: #FFFFFF;
    position: absolute;
    top: 10%;
    left: 50%;
    right: 50%;
    margin-left: -600px;
    margin-right: -600px;
    z-index: 100;
}

.anumber-list li {
    float: left;
    text-align: center;
    width: 398px;
    height: 240px;
    padding-top: 70px;
}

.anumber-list li:nth-child(2), .anumber-list li:nth-child(5) {
    border-left: 1px solid rgba(255, 255, 255, .2);
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.anumber-list li:nth-child(1), .anumber-list li:nth-child(2), .anumber-list li:nth-child(3) {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.anumber-list .numbertitle {
    font-family: "DIN", "微软雅黑";
    font-size: 96px;
}

/*.anumber-list .numbertitle span{font-family: 'Gotham-Book';font-weight: normal;}*/
.anumber-list .numbermess {
    font-size: 16px;
}

.anumber-list .icon-add {
    font-size: 64px;
    font-style: normal;
}

.dhnm{ margin:30px 0px 0px 0px}
.dhnm li{ width:50%;  float:left; padding:0px 2% 0px 2%; margin-bottom:20px; min-height:180px; text-align:center; border-right:1px solid #cccccc}
.dhnm li img{ height:55px; width:auto; padding-bottom:20px}
.dhnm li span{ font-size:36px; font-weight:bold; color:#333; line-height:46px;}
.dhnm li i{ font-size:22px; color:#666666; font-weight:bold; font-style:normal}
.dhnm li p{ font-size:14px; color:#666666; padding-top:10px}



/*数字改变*/
/* ===== component.css ===== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot');
	src:url('../fonts/icomoon.eot@#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.woff') format('woff'),
		url('../fonts/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 200px;
	float: right;
	position: absolute;
	top:0;
	right:0;
	padding-top: 55px;
	z-index: 999;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	-moz-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	border: none;
	width: 60px;
	height: 60px;
	text-indent: -900em;
	overflow: hidden;
	position: absolute;
	top:0;
	right:0;
	cursor: pointer;
	outline: none;
	background:url(../images/menu-button-bg.png) no-repeat center center;
	background-size: 50%;
}

.dl-menuwrapper button:hover ,
.dl-menuwrapper button.dl-active {
	/*background: url(../images/header-bg.png) repeat-x bottom left;*/
	
}

.dl-menuwrapper ul {
	background: #0062B2;
}

/*
.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 60%;
	height: 4px;
	background: #fff;
	top: 12px;
	left: 22%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}
*/

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 7px 20px;
	font-size: 13px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	border-top: 1px solid #04508E;
	outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
	background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 30px;
	background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	color: rgba(255,255,255,0.8);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(255,255,255,0.8);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	top: 60px;
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	-moz-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	-moz-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	-moz-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	-moz-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	-moz-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut1 {
	50% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-moz-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut2 {
	100% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut3 {
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut4 {
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes MenuAnimOut5 {
	100% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	50% {
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	100% {
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	100% {
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	-moz-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	-moz-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	-moz-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	-moz-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	-moz-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn1 {
	0% {
		-moz-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-moz-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-moz-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn2 {
	0% {
		-moz-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn3 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn4 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes MenuAnimIn5 {
	0% {
		-moz-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	-moz-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	-moz-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	-moz-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	-moz-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn1 {
	0% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn2 {
	0% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-moz-transform: translateX(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn3 {
	0% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn4 {
	0% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
}

@-moz-keyframes SubMenuAnimIn5 {
	0% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	-moz-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	-moz-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	-moz-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	-moz-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	-moz-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut1 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(50%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut2 {
	0% {
		-moz-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-moz-transform: translateX(100%);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut3 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut4 {
	0% {
		-moz-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(300px);
		opacity: 0;
	}
}

@-moz-keyframes SubMenuAnimOut5 {
	0% {
		-moz-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-moz-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}