@charset "utf-8";
/*
    *Author's Brackets
    *Date 2016-6-15 pm15:25
    */
/*== CSS Reset ==*/
* { margin: 0; padding: 0; list-style: none; font-size: 16px; box-sizing: border-box; } 
a, hr { padding: 0; }
a, button, input, select, textarea, hr { margin: 0; }
article, aside, details, figure, footer, header, hr, nav, section, summary { display: block; }
abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: 400; vertical-align: baseline; background: 0 0; }
input[type=checkbox], th { vertical-align: bottom; }
strong, th { font-weight: 700; }
embed,object {max-width: 100%; }
b { font-weight:bold}
ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; font: 100%; }
td { font-weight: 400; vertical-align: top; }
hr { height: 1px; }
input, select { vertical-align: middle; }
pre { white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
input[type=radio] { vertical-align: text-bottom; }
.ie7 input[type=checkbox] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input, select, textarea { font: 99% sans-serif; }
small { font-size: 85%; }
td, td img { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
code, kbd, pre, samp { font-family: monospace, sans-serif; }
.clickable, button, input[type=button], input[type=file], input[type=submit], label { cursor: pointer; }
button, input[type=button] { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
.clearfix:after, .clearfix:before { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
a { text-decoration: none; border: none; color:#333; }
a:hover {color:#238c49}
input, button, select, textarea { outline: none; }
textarea { resize: none; }
input { font-family: "microsoft yahei"; -webkit-appearance: none; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: 100%; }
em, i { font-style: normal; }
/*==== CSS Reset end ====*/
html body {margin: 0px auto; max-width: 1920px; min-width: 320px; font-size: 100%; font-family: "微软雅黑", "Microsoft YaHei", "SimSun", "宋体"; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; font-size:16px; overflow:hidden; overflow-y:scroll}

* { outline: none; }
.fl { float: left; }
.fr { float: right; }
.posre { position:relative}
.posab { position:absolute}

.ft11 { font-size: 11px }
.ft12 { font-size: 12px }
.ft14 { font-size: 14px }
.ft16 { font-size: 16px }
.ft18 { font-size: 18px }
.ft20 { font-size: 20px; }
.ft24 { font-size: 24px; }
.ft26 { font-size: 26px; }
.ft28 { font-size: 28px; }
.ft30 { font-size: 30px; }
.ft36 { font-size: 36px; }
.ft40 { font-size:40px; }

.padd70 { padding-top: 70px; padding-bottom: 70px }
.marbot30 { margin-bottom:30px}
.marbot70 { margin-bottom:70px}

.w1240 { width:1240px; margin: 0px auto;}
.text-al { text-align:left}
.text-ar { text-align:right}

.hui_bg { background: #f5f5f5; }
.orang { color:#f2c114}
.green { color:#238c49}
.white { color:#fff}
.hui_6 { color:#666}
.hui_9 { color:#999}


/* animation */
.animation { -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; -ms-transition: all 0.9s ease-out; -o-transition: all 0.9s ease-out; transition: all 0.9s ease-out; }
.fadeInLeft { -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -ms-transform: translate(100%, 0); -o-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; }
.fadeInRight { -webkit-transform: translate(-100%, 0); -moz-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); transform: translate(-100%, 0); opacity: 0; }
.fadeInUp { -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); transform: translate(0, 10px); opacity: 0; }
.fadeInDown { -webkit-transform: translate(0, -20%); -moz-transform: translate(0, -20%); -ms-transform: translate(0, -20%); -o-transform: translate(0, -20%); transform: translate(0, -20%); opacity: 0; }
.active-animeta { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; }
/* hp animation end */
.breathing { -webkit-animation-name: breath; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }

/* 等比填充 */
*[class*="rect-"] { position: relative; display: block; width: 100%; overflow: hidden; }
*[class*="rect-"] ._full { position: absolute; left: 0; top: 0; width: 100%; height: 100%; *height: auto;}
.rect-apic { padding-bottom: 5%; }
.rect-img { padding-bottom: 57%; }
.rect-pic { padding-bottom:60%; }


@-webkit-keyframes 'breath' {
 from {
 opacity: 0;
}
 50% {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
.breath { opacity: 1; -webkit-animation-name: breath; -webkit-animation-duration: 3s; /*人的普通呼吸时间是3秒每次，深呼吸时间是6秒每次*/
-webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; }

/* 主菜单 */
.head{ position: relative; width: 100%; height: 134px; z-index: 9999; top: 0px; left: 0px; }
.head_contain { width: 1240px; position: relative; margin: 0px auto; height: 100px; }
.head .logo { width: 294px; height: 100px; padding-top: 10px; float: left;}
.head_other { width: 100%; background-color: #f3f3f3; height: 30px; line-height: 30px; font-size: 12px; color: #666;}
.head_other .head_othera{width: 1240px; margin: 0 auto;}
.head_other img {}
.head .navbox{ width: 910px; float: left; height: 60px; padding-top: 3%; }
.head .nav{ display: block; float: left; width: 100% }
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{ float: left; position: relative; box-sizing: border-box; z-index: 999; }
.head .nav ul li .f_a{line-height:56px;display:block;text-align:center;font-size:15px;color:#333;}
.head .nav ul li:hover .f_a{ line-height:56px; border-bottom:#238c49 3px solid; color: #238c49; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#238c49;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding:15px 0;border-bottom: 1px solid #a9d674;}
.head .nav ul li .s_navbox .s_a a:hover{background:#238c49;color: #fff;}
.head .navbox a.f_a i {
	display:block;
	width:19px;
	height:22px;
	background:url(../images/b2.png) no-repeat;
	position:absolute;
	top:50%;
	left:-4px;
	margin:-10px 0 0 0;
}
.head .navbox a.f_a:hover i {
	background:url(../images/b1.png) no-repeat;
}
.head .navbox .on a i {
	background:url(../images/b1.png) no-repeat;
}

.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}

@media only screen and (min-width:1200px) and (max-width: 1240px){
.head_contain {width:100%; padding-left:26%; position: relative; margin: 0px auto; }
.head_other {padding-right:10px }
.head .navbox{ width:100%; }
}
/*移动端导航*/
@media screen and (max-width:1199px){
   .slider{margin-top:54px;}
   .head{display:none}
   .m_img{display:block;height:54px; padding:5px 0px;background:#238c49;position:fixed;top:0px;left:0px;width:100%;z-index:9999;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:2%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:20px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #232530}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   .m_nav .m_navList ul li .m_s_nav a:hover { background:#238c49}

}


/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height:10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 15%;transform: translateX(-50%);z-index: 1;}
.slideBox .hd ul{ text-align:center;  padding-top:5px;  }
.slideBox .hd ul li {cursor:pointer;float: left;margin-right: 5px;width: 30px;height: 10px;line-height: 14px;text-align: center;background: #fff;}
.slideBox .hd ul .on {background: #238c49;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 

/* 固定条框 */
.index-waper-box{ position: absolute; bottom: 0; width: 100%; height: 100px; overflow: hidden; z-index: 9;
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
}
.index-back-box{ width: 84%; height: 100px; background-color: #fff; position: absolute; bottom: 0; margin: 0 8%; overflow: hidden;
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    transform: rotateX(0deg) translate3d(0,0,0);
    -webkit-transform: rotateX(0deg) translate3d(0,0,0);
    -moz-transform: rotateX(0deg) translate3d(0,0,0);    
     transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
     -webkit-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
     -moz-transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}
.index-back-box.active{
    transform: rotateX(100deg) translate3d(0,0,0);
    -webkit-transform: rotateX(100deg) translate3d(0,0,0);
    -moz-transform: rotateX(100deg) translate3d(0,0,0);	
}
.index-back-box .sub-arrows{ position: absolute; left: 0; top: 0; width: auto; height: 100%; line-height: 100px; padding-left: 100px; font-size: 0;}
.index-back-box .sub-arrows i.icom{ display: inline-block; vertical-align: top; width: 60px; height: 100%; cursor: pointer; position: relative;}
.index-back-box .sub-arrows i.icom:after{ position: absolute; content: ''; left: 0; top: 49px; width: 30px; height: 2px; background-color: #000;
	transform: scale(0,1);
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom font{ color: #000;
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.index-back-box .sub-arrows i.icom.prev font{ position: absolute; left: 9px;}
.index-back-box .sub-arrows i.icom.next font{ position: absolute; left: 6px;}
.index-back-box .sub-arrows i:hover:after{
	transform: scale(1,1);
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
}
.index-back-box .sub-arrows i.icom.prev:hover font{ left: -7px;}
.index-back-box .sub-arrows i.icom.next:hover font{ left: 20px;}
.index-back-box .sub-share{ position: absolute; right: 15px; top: 0; width: auto; height: 100%; display: table; cursor: pointer;}
.index-back-box .sub-share .tels{ display: table-cell; vertical-align: middle;}
.index-back-box .sub-share .tels span{ display: inline-block;}
.index-back-box .sub-share .tels .cc1{
	opacity: 1;
	/*filter: alpha(opacity='0');
	transform: translateX(-40px);
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;*/
	margin:0 10px 0 0;
}
.index-back-box .sub-share .tels .cc2{
	transform: translateX(80px);
	-webkit-transform: translateX(80px);
	-moz-transform: translateX(80px);
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	display:none;
}
.index-back-box .sub-share .sider-tel{ display: table-cell; vertical-align: middle; font-size: 0;
    opacity:1;
    /*filter: alpha(opacity='0');
 	transform: translateX(130px);
 	-webkit-transform: translateX(130px);
 	-moz-transform: translateX(130px);
 	transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-webkit-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;
 	-moz-transition: all 0.4s cubic-bezier(0.4, 0.8, 0.6, 1) 0s;*/
}
.index-back-box .sub-share .sider-tel a{ display: inline-block;  font-size: 20px; font-family:'微软雅黑'; color: #000;
    opacity: 1;
    /*filter: alpha(opacity='0');
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;*/
}
.index-back-box .sub-share:hover .tels .cc1{
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-webkit-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
	-moz-transition: all 1s cubic-bezier(0.5,1.25,0.75,1.65) 0s;
}
.index-back-box .sub-share:hover .tels .cc2{
	opacity: 0;
	filter: alpha(opacity='0');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.index-back-box .sub-share:hover .sider-tel{
	opacity: 1;
    filter: alpha(opacity='100');
 	transform: translateX(0px);
 	-webkit-transform: translateX(0px);
 	-moz-transform: translateX(0px);
 	transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-webkit-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;
 	-moz-transition: all 1s cubic-bezier(0.5,1.0,0.75,1) 0s;	
}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(1){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) 0s;
}
.index-back-box .sub-share:hover .sider-tel a:nth-of-type(2){
	opacity: 1;
	filter: alpha(opacity='100');
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-webkit-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
	-moz-transition: all 0.4s cubic-bezier(0.5,0.65,0.75,1) .2s;
}
.index-back-box .sub-mouse{ width: 30px; height: 43px; position: absolute; top: 30px; left: 50%; margin-left: -15px; cursor: pointer; z-index: 1; zoom: 0.7; -moz-transform: scale(0.7);}
.index-back-box .sub-mouse:after{ display: none; z-index: -1; position: absolute; content: ''; top: -30px; left: 50%; height: 53px; border-right: 1px solid #333; margin-left: -1px;}
.index-back-box .sub-mouse span{ display: block; position: relative; width: 100%; height: 100%;
	 animation: ani-svg 0.85s linear 0s alternate infinite;
	 -webkit-animation: ani-svg 0.85s linear 0s alternate infinite; 
}
.index-back-box .sub-mouse i{ position: absolute; bottom: 5px; left: 50%; color: #000;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}

.hz {
	background: url(../images/hz.png) no-repeat center;
	background-size: 180%;
	width: 16px;
	height: 78px;
}

.hr {
	background: url(../images/hr.png) no-repeat center;
	background-size: 180%;
	width: 16px;
	height: 78px;
}

.hx {
	background: url(../images/hx.png) no-repeat center;
	background-size: 180%;
	width: 17px;
	height: 20px;
}

.bz {
	background: url(../images/bz.png) no-repeat center;
	background-size: 100%;
	width: 16px;
	height: 78px;
}

.br {
	background: url(../images/br.png) no-repeat center;
	background-size: 100%;
	width: 16px;
	height: 78px;
}

/*尾部*/
.foot { background:url(../images/foot_bg.jpg) no-repeat center top; width:100%; color:#fff; font-size:14px}
.footer a {color:#fff; font-size:14px}
.footer a:hover {color:#d7e852}
.footer { width:1240px; margin:0px auto; font-size:14px}
.footer .link { height: 68px; line-height: 68px; overflow: hidden;font-size: 14px; width: 100%; }
.footer .link b { color:#d7e852; font-size:16px; margin-right:10px;}
.footer .link span { font-size:12px; margin:0px 10px;}
.footer ul.Info { padding: 60px 0px; margin: 0; min-height: 170px; }
.footer ul.Info li.name { width: 310px; border-right: #80aa4d 1px solid; margin-right: 65px;padding: 0; height: 170px; }
.footer ul.Info li.name p { padding-top:40px; font-size:16px}
.footer ul li > ul.cont li { line-height:28px;font-size:14px; margin-right:60px}
.footer ul li > ul.cont li span { color:#d7e852; font-size:18px; display:block; }
.footer ul li > ul.cont li p { height:28px; margin-top:10px}
.footer ul li > ul.cont li img { vertical-align:bottom; margin-right:5px}
.footer ul li.adress div p { padding-top:10px;color:#d7e852}
.footer ul li.adress div p span { color:#81aa4d; margin:0px 10px}
.footer ul.Info li.ma { width:118px; text-align:center; }
.footer ul.Info li.ma img { width:100%;}
.footer ul.other { border-top: #81aa4d 1px solid; height: 50px; line-height: 50px; }
.footer ul.other img { vertical-align:middle}

/*悬浮链接*/
.suspension{ position: fixed; z-index: 9999; right: 0; bottom: 200px; width: 70px; height: 240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{ background: #238c49; }
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{ background: #666; display: block; }
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

@media screen (max-width:1199px){
.suspension { display:none}	
}

.search { width:100%; height:60px; line-height:30px; padding-top:15px;box-shadow:3px 3px 3px #f5f5f5; border-bottom:#f5f5f5 1px solid}
.search ul { width:1240px; margin:0px auto;}
.search b { font-weight:bold;}
.search a { margin-left:15px}
.search ul li.txt { width:60%;white-space: nowrap; text-overflow: ellipsis; }
.search_txt { width: 270px; height:30px; line-height: 30px; padding-left:40px; font-size: 14px; color: #666; float: left; background:url(../images/search_t.png) no-repeat; border:0}
.search_button { width:59px;height:30px; line-height:30px; text-align:center; display:block; float:left; background:url(../images/search_b.png) no-repeat; border:0; cursor:pointer; color:#fff; font-weight:bold; font-size:14px;}
.search_button:hover { background-position:-59px 0px;}


@media screen and (min-width:960px) and (max-width: 1240px){
.search ul { width:98%}
.search ul li.txt { width:60%;white-space: nowrap; text-overflow: ellipsis; overflow:hidden }

.footer { width:95%; margin:0px auto; font-size:14px}
.footer ul.Info { padding:60px 0px; margin: 0; min-height: 170px; }
.footer ul li > ul.cont li { margin-right:80px}
.footer ul.Info li.name { display:none}
	
}

@media screen and (min-width: 768px) and (max-width: 959px) {
.search ul { width:98%}
.search ul li.txt { width:60%;white-space: nowrap; text-overflow: ellipsis; overflow:hidden }
.search_txt {width:75%}	

.foot { background-position: center -60px;}
.footer { width:95%; margin:0px auto; font-size:14px}
.footer .link { display:none}
.footer ul.Info li.name { display:none }
.footer ul.Info { padding:40px 0px}
.footer ul li > ul.cont li {margin-right:40px}
.hejun-brand .hejun-waperTit p{width: 100%;}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.hejun-brand .hejun-waperTit p{width: 100%;}
.search ul { width:98%}
.search ul li.txt {width:55%;white-space: nowrap; text-overflow: ellipsis; overflow:hidden;}
.search_txt {width:73%}	

.foot { background-position: center -60px;}
.footer { width:95%; margin:0px auto; font-size:14px}
.footer .link { display:none}
.footer ul.Info li.name { display:none }
.footer ul.Info { padding:45px 0px 15px 0px}
.footer ul li > ul.cont li { float:none; display:block; margin-bottom:20px; width:100%;}
.footer ul li.adress div { display:none}
.footer ul.Info li.ma { padding-top:20px}
.footer ul.other { height:80px; padding:15px 0px;}
.footer ul.other li{ float:left; margin-right:15px; height:24px; line-height:24px;}
.footer ul.other .fr{display: none;}

}

@media only screen and (min-width:0px) and (max-width: 568px){
.hejun-brand .hejun-waperTit p{width: 100%;}
.search ul li.txt {width:53%}	
.footer ul.other.fr{display: none;}
}

@media only screen and (max-width: 479px) {
.search ul { width:96%}
.search ul li.txt { display:none;}
.search ul li { width:100%}
.search_txt {width:85%}	
.hejun-brand .hejun-waperTit p{width: 100%;}
.foot { background-position: center -60px;}
.footer { width:95%; margin:0px auto; font-size:14px}
.footer .link { display:none}
.footer ul.Info li.name { display:none }
.footer ul.Info { padding:45px 0px 15px 0px}
.footer ul li > ul.cont li { float:none; display:block; margin-bottom:20px; width:100%;}
.footer ul li.adress div { display:none}
.footer ul.Info li.ma { display:none}
.footer ul.other { height:80px; padding:15px 0px;}
.footer ul.other li{ float:left; margin-right:15px;line-height:20px; padding-bottom:7px; display:block}
.footer ul.other .fr{display: none;}
		
}
@media only screen and (min-width: 359px) and (max-width: 413px){
.search ul { width:96%}
.search ul li.txt { display:none;}
.search ul li { width:100%}
.search_txt {width:80%}	
.hejun-brand .hejun-waperTit p{width: 100%;}
.foot { background-position: center -60px;}
.footer { width:95%; margin:0px auto; font-size:14px}
.footer .link { display:none}
.footer ul.Info li.name { display:none }
.footer ul.Info { padding:45px 0px 15px 0px;}
.footer ul li > ul.cont li { float:none; display:block; margin-bottom:20px; width:100%;}
.footer ul li.adress div { display:none}
.footer ul.Info li.ma { display:none}
.footer ul.other { height:80px; padding:15px 0px;}
.footer ul.other li{ float:left;line-height:20px; padding-bottom:8px; display:block}
.footer ul.other .fr{display: none;}
	
}
@media only screen and (max-width: 320px) {
.search ul { width:96%}
.search ul li.txt { display:none;}
.search ul li { width:100%}
.search_txt {width:80%}	
.hejun-brand .hejun-waperTit p{width: 100%;}
.foot { background-position: center -60px;}
.footer { width:94%; margin:0px auto; font-size:14px}
.footer .link { display:none}
.footer ul.Info li.name { display:none }
.footer ul.Info { padding:35px 0px 10px 0px}
.footer ul li > ul.cont li { float:none; display:block; margin-bottom:20px; width:100%;}
.footer ul li.adress div { display:none}
.footer ul.Info li.ma { display:none}
.footer ul.other { height:120px; padding:15px 0px;}
.footer ul.other li{ float:left; margin-right:15px;line-height:20px; padding-bottom:5px; display:block}
.footer ul.other .fr{display: none;}
	
}

/*返回样顶部*/
#goTopBtn { POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 50px; WIDTH: 50px; BOTTOM: 50px; HEIGHT: 50px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 80px; _position: absolute; _right: auto }
#goTopBtn a { width: 50px; height: 50px; display: block; text-indent: -9999px; background: url(../images/go_top.png) no-repeat }
#goTopBtn a:hover { background-position: -50px 0px; }