@charset "utf-8";
/*公共样式*/
/* @media screen {::-moz-selection {background: #51beee;color: #fff;}::selection {background: #51beee;color: white;}}
 */
/* font-family: PingFangSC-Regular,Arial,Microsoft YaHei;
	 */
/* html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
 */


a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	/*font-family: 'PingFangSC','Arial','Microsoft YaHei','微软雅黑';*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-break: break-word;
    box-sizing: border-box;
	
}
td, tr {border: 1px solid #ccc;line-height: 1.5;empty-cells: hide;}
tbody, td {vertical-align: middle;}
body{color:#303133;text-decoration:none;font-size:14px;line-height:1.5;width:100%;min-width:1200px;margin:0 auto;
/* font-family: 'PingFangSC','Arial','Microsoft YaHei','微软雅黑'; */
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

img,input,select{vertical-align:middle}
/*a{text-decoration:none;color:#5C5C5C}*/
a,a:link,a:visited,a:active {color: #606266;text-decoration: none;transition: all 0.3s ease-in-out 0s;}
a:hover {color: #409eff;text-decoration: none}

img{border:0}
li,ul{list-style:none outside}
b,h1,h2,h3,h4,h5,h6,strong{font-weight: bold;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
table{border-collapse:collapse;border-spacing:0;}
input{outline: none;}
button{border:none;}
/* p {display: block; font-size: 14px;} */
.normal{font-style:normal;}
.bold{font-weight:bold;}

em,.normal{font-style:normal;}
.txtalt {text-align: left; line-height: 30px;}
.hidden{overflow:hidden;}
.indent{text-indent:2em;}

.clear {clear: both;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {content: "";display: table}
.clearfix:after {display: block;content: "";/*content: '.';*/clear: both;line-height: 0;font-size: 0;height: 0;visibility: hidden;}

/*浮动*/
.fl{float:left;}
.f1 {margin-right: 0 !important;}
.fr{float:right;}

/*对齐方式*/
.tc{text-align:center!important}
.tl{text-align:left !important;}
.tr{text-align:right !important;}
/*标题*/
.h1{font-size:24px;}
.h2{font-size:20px;}
.h3{font-size:18px;}
.h4{font-size:16px;}
.h5{font-size:14px;}
.h6{font-size:12px;}
/*字体大小*/
.fz0{font-size:0;}
.fz12{font-size:12px; !important;}
.fz14{font-size:14px !important;}
.fz16{font-size:16px !important;}
.fz18{font-size:18px; !important;}
.fz20{font-size:20px; !important;}
.fz24{font-size:24px !important;}
.fz26{font-size:26px !important;}
.fz30{font-size:30px !important;}
.fz36{font-size:36px !important; }
.fz40{font-size:40px !important;}
.fz46{font-size:46px !important;}
.fz50{font-size:50px !important;}
.fz60{font-size:60px !important;}

.mb20{margin-bottom: 20px !important;}
.mr40 {margin-right: 40px; !important;}

@font-face {
	font-family: iconfont;
	src: url(/frontpublic/fonts/iconfont.eot?-2mgmdr&v=154);
	src: url(/frontpublic/fonts/iconfont.eot?#iefix-2mgmdr&v=154) format('embedded-opentype'), url(/frontpublic/fonts/iconfont.woff?-2mgmdr&v=154) format('woff'), url(/frontpublic/fonts/icomoon.ttf?-2mgmdr&v=154) format('truetype');
	font-weight: 400;
	font-style: normal
}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}


.iblock {display: inline-block;}
.main_width { width: 1200px; margin: 0 auto;}
.min_width{width: 100%; min-width: 1200px; margin: 0 auto;position: relative;}
/* .main_width {width: 100%;text-align: center;margin: 0 auto;position: relative;} */

.transition {-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-o-transition: all .2s ease-out;-ms-transition: all .2s ease-out;transition: all .2s ease-out;}
.transition2 {-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all .5s linear;transition: all 0.5s linear;}
.transition3 {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all .5s ease;transition: all 0.5s ease;}

/*	.electric-business ul li:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

*/
/*header*/
.header {width: 100%;height: auto;}
.h_top {width: 100%;height: 40px;background: #262626;/*#2c2c30*/}
.h_top_con {height: 40px;line-height: 40px;overflow: hidden;}
.h_top_con .h_top_left {display: inline;left;width: 940px;float: left;color: #bfbfbf;text-align: left;font-size: 14px;}
.h_top_con .h_top_right {color: #fff;font-family: Arial;float: right; background: url(../images/icons.png) 0px -538px no-repeat;padding-left: 24px;padding-right: 12px;font-size: 14px;}    
.h_top_con .h_top_right em {font-weight: bold;}

.h_nav_wrap {height: 99px;z-index: 1000;}
.h_nav_wrap .h_logo {float: left;height: 99px;}
.h_nav_wrap .h_logo img{max-height: 90px;margin-top: 22px;width: 270px;}


/* head nav */
.h_nav_wrap .h_nav {float: right;height: 99px;}
.h_nav .h_nav_ul .sub_nav_li {float: left;height: 99px; position: relative;}
.h_nav .h_nav_ul .sub_nav_li:hover {transition: all 0.3s ease 0s;}
.h_nav .h_nav_ul .sub_nav_li:hover a {transition: all 0.3s ease 0s;}
.h_nav .h_nav_ul .sub_nav_li .nav_label{
	    position: relative;
	    z-index: 100;
	    background-color: #fff;
	    -webkit-transition: background-color .5s;
	    transition: background-color .5s;
	    cursor: pointer;
}
.h_nav .h_nav_ul .sub_nav_li .nav_label:after {z-index: 999;content: '';display: block;width: 0;height: 4px;background-color: #2087ed;position: absolute;left: 50%;bottom: 0;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: .5s;transition: .5s;}
.h_nav .h_nav_ul .sub_nav_li.cur .nav_label:after,
.h_nav .h_nav_ul .sub_nav_li:hover .nav_label:after{width: 100%;}
.h_nav .h_nav_ul .sub_nav_li .nav_label a {height: 99px;line-height: 99px;color: #333;font-size: 16px;padding:0 15px;cursor: pointer;display: block;}
.h_nav .h_nav_ul .sub_nav_li .nav_label a span{float: left; display: inline-block;}
.h_nav .h_nav_ul .sub_nav_li.cur .nav_label a span,
.h_nav .h_nav_ul .sub_nav_li:hover .nav_label a span{color: #409EFF;}
.h_nav .h_nav_ul .sub_nav_li .icon-arrow-down {
	display: inline-block;margin-left: .2em;vertical-align: -1px;line-height: 1em;background: url(../images/page_icon.png) 0px 0px no-repeat;display: block;width: 20px;height: 20px;position: relative;top: 40px;left: 5px;float: left;
	-webkit-transition: .6s -webkit-transform;
	transition: .5s -webkit-transform;
	transition: .5s transform;
	transition: .5s transform;
}
.h_nav .h_nav_ul .sub_nav_li:hover .icon-arrow-down{/* background: url(../images/page_icon.png) 0px -20px no-repeat; */
-webkit-transform:rotate(.5turn);-ms-transform:rotate(.5turn);-moz-transform:rotate(.5turn);-o-transform:rotate(.5turn);transform:rotate(.5turn)
}
.h_nav .h_nav_ul .sub_nav_li .sub_nav{
	background-color: rgba(33, 34, 35, .8);font-size: 14px;text-align: center;position: absolute;right: -40px; width: 200px;
	z-index: 99;padding: 20px;
/* background: #30343D url(../images/hi-t_bg.png) center; *//* display: none; 开启后不显示向下滑动效果*/
	opacity: 0;top: 0;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.1);
    transform: scaleY(0.001);
    transition-duration: 0.5s;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transform-origin: top;
	transform-origin: top;
/*left:-18px; background:#eee; border-radius:10px;  padding:10px;margin-left: -4px;*/
}
.h_nav .h_nav_ul .sub_nav_li:last-child .sub_nav{right: 0px;}
.h_nav .h_nav_ul .sub_nav_li:hover .sub_nav {display: block !important;
opacity: 1;
    -webkit-transform: scaleY(1)!important;
    transform: scaleY(1)!important;
    top: 99px;
}
.h_nav .sub_nav dl{}
.h_nav .sub_nav dl dd{display: block !important;margin-bottom: 15px;font-size: 14px;color: #fff;line-height: normal;}
.h_nav .sub_nav dl dd a{width: 100%;height: 36px;line-height: 34px;display: block;padding: 0 20px;min-width: 155px;border: 1px solid #b3b3b4;box-sizing: border-box;text-align: center;color: #e0e0e0;}
.h_nav .sub_nav dl dd a:hover{color: #409eff; }



/*banner*/
.hk_mainpic{ height:500px; }
.hk_mainpic .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.hk_mainpic .bd ul{ width:100% !important;  }
.hk_mainpic .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.hk_mainpic .bd li a{ display:block; height:500px; }
.hk_mainpic .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.hk_mainpic .hd ul{ text-align:center; }
.hk_mainpic .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px;}
.hk_mainpic .hd ul .on{ background:#f00;  }
.hk_mainpic .prev,
.hk_mainpic .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.hk_mainpic .next{ left:auto; right:15%; background-position:-6px -137px; }







/*底部*/
.footer_wrap{background-color:#222222;}
.footer_nav{height:50px;line-height:50px;text-align:center; overflow: hidden;}
.footer_nav i{ margin:0 20px; color:#969696; font-style:normal; font-size:12px}
.footer_nav a{color:#969696 }
.footer_nav a:hover{ color:#FFFFFF}

.footer {border-top:1px solid #444;padding: 30px 0;}
.footer .footer_logo {height: 150px;margin: 20px 30px 0 60px;width: 250px;float: left;position: relative;overflow: hidden}
.footer .footer_logo:before {width: 1px;position: absolute;top: 6px;bottom: 6px;right: 0;background: #eee;content: ""}
.footer .footer_logo img {width: 220px;height: 150px}

.footer_ewm{float: right; margin-right: 60px; padding-top: 20px;width:200px; text-align: center;}
.footer_ewm h4{ padding:10px 0; color:#bfbfbf; font-weight:normal; font-size:14px; text-align:center}
.footer_ewm img{width: 130px;height: 130px;padding: 10px;border: 1px dotted #d7d7d7;margin-bottom: 5px;}

.footer .tab-box {float: left;width: 600px;font-size: 14px;color: #CDCDCD;padding-left: 30px;}
.footer .tab-box .right-title {font-size: 16px;font-weight: bold;letter-spacing: 0px;color: #ffffff;}
.footer .tab-box .tab-item {margin-top: 20px;}
.footer .tab-box .tab-item span {
	font-size: 16px;line-height: 1;font-weight: normal;letter-spacing: 0px;color: #8b8b8b;border-right: solid 2px #414141;
	padding: 0 12px;display: inline-block;margin-bottom: 15px;cursor: pointer;
}
.footer .tab-box .tab-item span:nth-child(5n+1) {padding-left: 0;}
.footer .tab-box .tab-item span.on {font-size: 16px;font-weight: normal;letter-spacing: 0px;color: #409EFF;}
.footer .tab-box .bd{width: 510px !important; float:left;}
.footer .tab-box .tab-panel {display: none;margin-top: 20px; font-size: 16px;width: 510px !important;}
/* .footer .tab-box .tab-panel.on {display: inline-block;} */
.footer .tab-box .tab-panel dt h3{color: #fff; font-weight: normal; font-size: 16px;letter-spacing: 0px;height: 30px;}
.footer .tab-box .tab-panel dd{display: block; line-height: 24px;}
.footer .tab-box .tab-panel dd .add,
.tab-box .tab-panel dd .tel,
.tab-box .tab-panel dd .email{float: left;width: 24px; height: 24px;display: inline-block;}
.footer .tab-box .tab-panel dd .add{background: url(../images/icons.png) left -95px  no-repeat;}
.footer .tab-box .tab-panel dd .tel{background: url(../images/icons.png) left -443px no-repeat;}
.footer .tab-box .tab-panel dd .email{background: url(../images/icons.png) left -140px no-repeat;}
.footer .tab-box .tab-panel dd span {zoom: 1;vertical-align: top;font-size: 16px;letter-spacing: 0px;color: #bfbfbf}



.footer_btm{border-top: 1px solid #444;height:52px; line-height: 52px; background-color: #111111; margin-top: 20px; font-style:normal; text-align:center; color:#FFF; width: 100%;}
.footer_btm span{margin:0 10px 0 10px;}
.footer_btm a{color: #fff;}