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

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/*html,body { height: 100%; }*/

html { 
	overflow-x:hidden; 
	-webkit-text-size-adjust:none;
}

body {
	min-width: 320px; overflow:hidden;
	font-size: 14px;
	color: #666;
	background: #fff;
	font-family: PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
	-webkit-overflow-scrolling: touch; background:url(../images/body_lines.png) left 758px repeat-x;
}

@font-face {  
    font-family:"family_DIN";
  src: url('../../fonts/DINCond-Black.eot'); /* IE9 Compat Modes */
  src: url('../../fonts/DINCond-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/DINCond-Black.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/DINCond-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/DINCond-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
  
font-stretch: condensed;
font-style: oblique;
font-weight: bold;
}
.family_DIN{ font-family:"family_DIN"}

@font-face {
  font-family: "iconfont";
  src:    url("../fonts/iconfont.eot");
  src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), 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-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li,  sub, sup, tt, var, del, dfn,  ins, kbd, q, s, samp,  strike, applet, object, iframe, 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, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin:0; padding:0;}

ul,ol,li,dl{
  list-style: none;
}

/*RESET A*/
* { text-decoration: none!important;}

a,
a:visited,
a:active,
a:hover,
a:focus { 
	text-decoration:none!important; 
	outline:none; 
	star: expression_r(this.onFocus=this.blur());
}

a {
  color: #616161;
}
a:hover {
  color: #e9972b ;-webkit-transition: all ease .4s;
	transition: all ease .4s;
}
/* HTML5 RESET THE OLD BROWERS*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse: collapse; border-spacing: 0; }
 
/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}

/*RESET the FORM*/
fieldset { border: 0!important;}

input, button, textarea, select { font-size:100%; outline:none; resize:none}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
input, textarea{-webkit-appearance:none;} 

input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0; }

/*RESET IMAGES*/
img { 

}

/*IMAGE CENTER*/
.vertical-center {
    display: block;
    max-width: 100%;
    max-height: 100%;
    position: absolute; 
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*THE SPECIAL FONTS*/
@font-face {
    font-family: 'PingFang-Heavy';
    src: url(".../fonts/PingFang Heavy.eot");
    src: url("../fonts/PingFang Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/PingFang Heavy.woff") format("woff"), url("../fonts/PingFang Heavy.ttf") format("truetype"), url("../fonts/PingFang Heavy.svg#PingFang Heavy") format("svg");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'PingFang-Light';
    src: url(".../fonts/PingFang Light.eot");
    src: url("../fonts/PingFang Light.eot?#iefix") format("embedded-opentype"), url("../fonts/PingFang Light.woff") format("woff"), url("../fonts/PingFang Light.ttf") format("truetype"), url("../fonts/PingFang Light.svg#PingFang Light") format("svg");
    font-weight: normal;
    font-style: normal
}



/*RESET FONTS*/
.t2 { text-indent: 2em;}
em { font-style: normal;}

.text-center { text-align: center;}
.text-right { text-align: right;}

.overf {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*MARGIN*/
.transition {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}
.w1200{ width:90%;max-width:1200px;margin:0 auto;}
.zixun_r{ position:fixed; top:50%; right:0; margin-top:-122px; z-index:100000}
.float_l{ float:left;}
.float_r{ float:right}
/*网站头部样式*/
.top_links{position: fixed; top:0px; left:0;z-index: 1000; width:100%; background-color:#3a3a3a; height:44px; line-height:44px; color:#d1d1d1;vertical-align: middle;}
.top_links a{ color:#FFFFFF}
.top_links_left{ float:left;}
.top_links_right{ float:right;}
.header{ position: fixed; top:0px; left:0; height:80px; z-index:1000; width:100%;background: rgba(255,255,255,1); }
.header-in {
	margin: 0 auto; width:92%;
}
.mainMenu{ display:none;}
.logo { float: left;  vertical-align:middle; padding-top:5px;}
.logo  img{ width:100%; max-width:114px;}
.tianqi{float: right; width:250px;
color: #666666;
padding-top: 27px;
border-right: #dedede 1px solid;
height: 86px;
overflow: hidden;
margin-right: 20px;
display: inline;}
.tianqi .box strong{ font-size:18px; color:#333}
.tianqi .box .wtline{ color:#009944}
.Languagee_top{float: right;color:#666;font-size:20px; margin-top:26px;}
.Languagee_top a{ height:28px; line-height:28px; width:28px; text-align:center;color: #354e40; border:#354e40 1px solid;  font-size:14px;border-radius:50%; background-color:#fff;display: inline-block;}
.Languagee_top a.actives{background-color:#354e40; border:#354e40 1px solid; color:#FFFFFF}
.search{ float:right; padding-top:20px; margin-left:30px; display:inline }
.search_content{ position: fixed; left:0; top:0; right:0; bottom:0; z-index:20000; height:100%; width:100%;background: rgba(0,0,0,0.7); display:none}
.search_input{ position:fixed; top:50%; left:30%; width:40%; margin-top:-33px; z-index:20001; font-size:16px;display:none }
.search_input .input_area{ float:left; width:50%; background-color:#FFFFFF; height:66px; line-height:66px; text-indent:15px; border:0; color:#666666}
.search_input .input-xsmall{ float:left; width:30%; background-color:#eee; height:66px; line-height:66px; text-indent:15px; border:0; color:#666666}
.search_input .input_submits{ float:left; width:18%; background-color:#e9972b; height:66px; line-height:66px; border:0; color:#FFFFFF; font-weight:bold}

.nav {
	float: right; padding-top:0px;
	
}

.nav-list li { position:relative;
	float: left;
}

.menu01 .nav-list li.menu_li01 a{ color:#e9972b}
.menu02 .nav-list li.menu_li02 a{ color:#e9972b}
.menu03 .nav-list li.menu_li03 a{ color:#e9972b}
.menu04 .nav-list li.menu_li04 a{ color:#e9972b}
.menu05 .nav-list li.menu_li05 a{ color:#e9972b}
.menu06 .nav-list li.menu_li06 a{ color:#e9972b}
.menu07 .nav-list li.menu_li07 a{ color:#e9972b}

.menu08 .nav-list li.menu_li08 a{ color:#e9972b}
.menu09 .nav-list li.menu_li09 a{ color:#e9972b}
.menu10 .nav-list li.menu_li10 a{ color:#e9972b}
.menu11 .nav-list li.menu_li11 a{ color:#e9972b}
.menu12 .nav-list li.menu_li12 a{ color:#e9972b}
.nav-list>li>a {
	position: relative;
	display: block;
	padding: 0 30px;
	height:80px;
	line-height:80px;
	color: #333333;
	font-size: 16px; font-weight: normal
}
.nav-list>li > a:before{
	position: absolute;
	left:-1px;
	top:50%;
	content:"";
	background: url(../images/line.png) 0 0 no-repeat;
	width: 1px;
	height: 13px; margin-top:-5px;
}
.nav-list li:first-child a:before{
	display: none;
}
@media (max-width:1200px) {
.nav-list>li>a {
	position: relative;
	display: block;
	padding: 0 8px;
	height:70px;
	line-height:70px;
	color: #666;
	font-size: 14px;
}
}
@media (max-width:1100px) {
.nav-list>li>a {
	position: relative;
	display: block;
	padding: 0 6px;
	height:70px;
	line-height:70px;
	color: #666;
	font-size: 14px;
}
}

.nav-list>li>a::after {
	content: '';
	position: absolute;
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}



.nav-list>li>a::after {
	bottom:0px;
	left: 50%;
	width: 0;
	height: 3px;
	background: #e9972b;
	opacity: 0;
	transform: translate(-50%,0);
}

.menu01 .nav-list li.menu_li01>a::before,.menu02 .nav-list li.menu_li02>a::before,.menu03 .nav-list li.menu_li03>a::before,.menu04 .nav-list li.menu_li04>a::before,.menu05 .nav-list li.menu_li05>a::before,.menu06 .nav-list li.menu_li06>a::before,.menu07 .nav-list li.menu_li07>a::before,.menu08 .nav-list li.menu_li08>a::before,.menu09 .nav-list li.menu_li09>a::before,.menu10 .nav-list li.menu_li10>a::before,.menu11 .nav-list li.menu_li11>a::before,.menu12 .nav-list li.menu_li12>a::before,
.nav-list li:hover>a::before {
	opacity: 1;
	transform: scale(1);
}

.menu01 .nav-list li.menu_li01>a::after,.menu02 .nav-list li.menu_li02>a::after,.menu03 .nav-list li.menu_li03>a::after,.menu04 .nav-list li.menu_li04>a::after,.menu05 .nav-list li.menu_li05>a::after,.menu06 .nav-list li.menu_li06>a::after,.menu07 .nav-list li.menu_li07>a::after,.menu08 .nav-list li.menu_li08>a::after,.menu09 .nav-list li.menu_li09>a::after,.menu10 .nav-list li.menu_li10>a::after,.menu11 .nav-list li.menu_li11>a::after,.menu12 .nav-list li.menu_li12>a::after,
.nav-list li:hover>a::after {
	opacity: 1;
	width: 100%;
}

.nav>ul>li .subMenu{background-color:rgba(255,255,255,0.95);position: absolute; left: 0;top:80px;width: 100%;display: none;z-index:999;}
.nav>ul>li .subMenu .level1{ }
.nav>ul>li .subMenu .level1 span.space01 {display: none;height:30px; width:490px;}
.nav>ul>li .subMenu .level1 li{ float:none}
.nav>ul>li .subMenu .level1 li a { background:none repeat scroll;border:none;color:#666;display:block; font-size:14px; margin:0;padding:14px; font-weight:normal; border-bottom:#eaeaea 1px solid; text-align:center}
.nav>ul>li .subMenu .level1 li a:hover { background-color:#d08130; color:#fff;}
.nav>ul>li .subMenu .level1 li a:hover i {}
.nav>ul>li:hover .subMenu { display:block;}

.logo_r{ text-align:center; padding-top:15px; padding-bottom:20px;}
/*网站头部样式*/

/*右边悬浮内容 样式*/
.suspend {
    position: fixed;
    right:0px;border-radius:10px; padding:15px;
    top:20%;
    text-align: center; background-color:#FFFFFF;
    z-index: 99999;-webkit-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	-moz-box-shadow: 1px 1px 9px rgba(0,0,0,.07);
	box-shadow: 1px 1px 9px rgba(0,0,0,.07);
}
.zixun{border-radius:10px; height:30px; line-height:30px;  font-size:14px;color:#FFFFFF; margin-top:12px; margin-bottom:12px;  text-align:left; text-indent:40px; width:110px;}
.zixun:hover{ background-color:#49be55;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.zixun a{ color:#FFFFFF; text-decoration:none}
.back001{ background:#3f8fce url(../images/icons_r01.png) 10px center no-repeat;}
.back002{ background:#3f8fce url(../images/QQ.png) 10px center no-repeat;}
.back003{ background:#3f8fce url(../images/phone.png) 10px center no-repeat;}
.sale_lists{}
.sale_lists ul li{ padding:10px 0px;}
.sale_lists ul li img{ width:26px; height:26px;border-radius:50%; }
/*右边悬浮内容 样式 END*/
img.scale{
	transition: transform 2s;
}
a.imgshow:hover img.scale,
a:hover img.scale,
img.scale.hover{
	transform: scale(1.1);
}
/*内页公共调用样式内容 开始*/
.banner_in_show{ position:relative; z-index:1; margin-top:80px; height:540px; overflow:hidden;}
.banner_in_show  img{ position:absolute; left:50%; top:0; width:1920px; margin-left:-960px; height:540px; }
.subnav{ margin-top:20px;}
.subnav ul{ text-align:center}
.subnav ul li{ display:inline-block; background-color:#FFFFFF; border:#e1e1e1 1px solid;   font-size:16px; padding:10px 25px; margin:0px 15px;border-radius:30px; margin-bottom:12px;  }
.subnav ul li a{color:#666666; display:block}
.subnav ul li:hover{background-color:#e9972b; border:#e9972b 1px solid;}
.subnav ul li:hover a{ color:#fff}
.subnav ul li.cur { background-color:#e9972b}
.subnav ul li.cur a{ color:#fff;}
.subnav ul li span {
    float: right;
    font-size:16px;
}
.subnav ul li.cur span { color:#FFFFFF

}

.positions_now{ position:absolute; left:0; bottom:0; background: rgba(0,0,0,.2);padding:14px 0px; text-align:left; z-index:20; width:100%; color:#c8c7c7}
.positions_now a{ color:#FFFFFF}

.back_imgages{ background-color:#fff; padding-top:20px; padding-bottom:60px;}
.page_titile{ text-align:left; font-size:30px; color:#354e40; padding-bottom:10px; width:100%; max-width:1200px; margin:0px auto; line-height:200%; font-weight:bold}
.page_titile h3{ color:#354e40; font-size:32px; margin-bottom:13px; font-weight:normal;}
.page_titile h3 span{ position:relative; padding-bottom:15px; /*border-bottom:#000000 1px dotted*/}
.page_titile h3 span::before {
                content: '';
                position: absolute;
                top: 10px;
                margin-top:37px;
                left:0%;
                background-color: #354e40;
                width:40px;
                height:3px;
            }
.pics_show{    box-shadow: 0px 0px 20px #ccc; margin-bottom:30px;}
.about_cons_fonts{ padding-bottom:26px; font-size:14px; line-height:200%;}
.about_cons_fonts p{ text-indent:2rem;}
.about_cons_fonts h3{ font-size:22px; font-weight:normal; color:#333333; padding-bottom:10px;}

.downBtn{ display:none;}
.fadeInDown_cycle{
-webkit-animation:fadeInDown 2s 2s infinite both;
-moz-animation:fadeInDown 2s 2s infinite both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.fadeInLeft{
-webkit-animation:fadeInLeft 1s 2s ease both;
-moz-animation:fadeInLeft 1s 2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.banner_in_show .banner_back_imgs{ width:100%; height:auto; max-height:454px;}
.img_animation_in{
-webkit-animation:fadeIn 1s 1s ease both;
-moz-animation:fadeIn 1s 1s ease both;
}
{
0%{opacity:0}
100%{opacity:1}
}
{
0%{opacity:0}
100%{opacity:1}
}

.animation_down{
-webkit-animation:fadeInDown 1s .2s ease both;
-moz-animation:fadeInDown 1s .2s ease both;}
@-webkit-keyframes fadeInDown{
0%{opacity:0;
-webkit-transform:translateY(-20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDown{
0%{opacity:0;
-moz-transform:translateY(-20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
#wrapper{ background-color:#FFFFFF;}
.titles_name{ text-align:center; padding-top:40px; padding-bottom:10px; font-size:16px; color:#666666}
.titles_name h3{ font-weight:bold; font-size:30px; padding-bottom:10px;}
.category{ text-align:center; padding:30px 0px;}
.category ul li{ display:inline-block; margin-right:10px; margin-left:10px;}
.category ul li a{padding:8px 20px; background-color:#eeeeee; color:#666666;border-radius:4px;}
.category ul li.active_cate  a{background-color:#d40436; color:#fff;}
.category ul li:hover  a{background-color:#d40436; color:#fff;}
/*内页公共调用样式内容 END*/

.left_titile{ text-align:center; color:#333333; margin-top:30px;}
.left_titile h4{ font-weight: normal; font-size:30px; padding-top:20px; color:#333}
.left_titile span{ color:#333333; font-size:30px; position:relative; font-weight: bold; text-transform: uppercase;}
.left_titile span::before {
    content: '';
    position: absolute;
    top: 42px;
    left: 50%;
    height:4px;
    background-color: #e9972b;
    width:26px;
    margin-left: -13px;
}
/*底部公共调用样式内容 开始*/
.bottom {
    width: 100%;
    overflow: hidden;
    background: #2d2d2d;
    padding:35px 0 0 0;
}
.bottom .linkRow {
    overflow: hidden;
    zoom: 1; width:100%;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 25px;
}
.bottom .linkRow .lLink {
width:980px; float:left;
    overflow: hidden;
    zoom: 1;
}
.bottom .linkRow .lLink .col {
    width:20%;
    float: left;
    overflow: hidden;
}
.bottom .linkRow .lLink .t1 {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 15px 0;
    text-align: left; color:#fff;
}
.bottom .linkRow .lLink .lk {
    display: block;
    text-align: left; color:#9c9c9c; line-height:26px; font-size:12px;
}
.bottom .linkRow  .erweima{ float:right; text-align:center;}
.bottom .linkRow  .erweima p{ display:block; padding-top:15px;color:#9c9c9c; font-size:14px;}
.bottom .linkRow .lLink .lk a{color:#9c9c9c}
.bottom .linkRow .rEwm {
    width:350px; border-left:#616161 1px solid; padding-left:30px;
    float: right;line-height:160%; color:#b5b5b5
}
.bottom .linkRow .rEwm  h3{ color:#FFFFFF; font-size:16px; font-weight:bold; padding-bottom:15px;}
.bottom .linkRow .rEwm  ul{ font-size:12px;}
.bottom .linkRow .rEwm  ul li{  padding:8px 0px; padding-left:34px;}
.bottom .linkRow .rEwm  ul li.con_back01{ background:url(../images/phonesd.png) left center no-repeat;}
.bottom .linkRow .rEwm  ul li.con_back02{ background:url(../images/e-mail.png) left center no-repeat;}
.bottom .linkRow .rEwm  ul li.con_back03{ background:url(../images/weizhi.png) left center no-repeat;}
.bottom .rprRow {
background-color:#2d2d2d;
    padding: 20px 0 15px 0; position:relative;
    width:100%; margin:0px auto; border-top:#3e3e3e 1px solid
}


.bottom .rprRow .cpr {
text-align:left; float:left;
}
.bottom .rprRow .bottom_linksd{ float:right; text-align:right; color:#9f9f9f; font-size:12px;}
.bottom .rprRow .lpr {
    line-height: 26px;
    color: #9f9f9f;
    font-size: 12px;
}
.bottom .rprRow .bottom_linksd a{ color:#9f9f9f}

.erweimas_show{ float:right; width:158px;}
.erweimas_show img{ width:100%;}

#erweima_con{ position:absolute; bottom:-80px; right:88px; background-color:#f0f0f0; padding:9px 15px 15px 15px; text-align:left; line-height:26px; font-weight:bold; color:#e9972b; z-index:1; display:none;transition: all 0.3s ease-out 0s; width:188px;}
#dianhua_con{ position:absolute; bottom:0px; right:88px; background-color:#f0f0f0; padding:9px 15px 15px 15px; text-align:left; line-height:26px; font-weight:bold; color:#e9972b; z-index:1; display:none;transition: all 0.3s ease-out 0s;}
#scrollSearchDiv {position: fixed;top:50%; right: 0; z-index:100000;display: none;box-shadow: 0px 0px 18px #eee; margin-top:-180px;border:#ebebeb 1px solid; }
#scrollSearchDiv ul li{ position:relative; width:88px; height: auto; text-align:center;background-color: #ffffff; color:#666666; border-bottom:#ebebeb 1px solid; font-size:12px;transition: all 0.3s ease-out 0s; padding:12px 0;}
#scrollSearchDiv ul li.QQ_Mobile{ display:none;opacity:0}
#scrollSearchDiv ul li:hover{ background-color:#e9972b; color:#fff}
#scrollSearchDiv ul li:hover a{ color:#FFFFFF}
#scrollSearchDiv ul li .iconfont{ font-size:28px; padding-bottom:14px; padding-bottom:0px; display:block}
/*底部公共调用样式内容 END*/