@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, 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; }
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:#5ead00}
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:#5ead00}
.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: absolute; width: 100%; background: url(../images/nav.png) repeat-x; height: 134px; z-index: 9999; top: 0px; left: 0px; }
.head_contain { width: 1240px; padding-left: 330px; position: relative; margin: 0px auto; }
.head .logo { width: 294px; height: 134px; padding: 32px 27px; background: #5ead00; position: absolute; left: 0px; top: 0px; display: block; }
.head_other { height: 52px; line-height: 26px; font-size: 14px; color: #fff; padding: 12px 0px 14px 0px; }
.head_other img {}
.head .navbox{ width: 910px; }
.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:81px;display:block;text-align:center;font-size:16px;color:#fff; font-weight:bold}
.head .nav ul li:hover .f_a{ line-height:79px; border-bottom:#5ead00 3px solid;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#5ead00;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:#468000;color: #fff;}
.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:#5ead00;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:#5ead00}

}


/* 轮播图 */
.slider {position: relative;overflow: hidden;width: 100%;}
.slideBox .hd {height:10px;z-index:1; overflow: hidden;position: absolute;left: 50%;bottom: 20px;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: #5ead00;color: #fff;}
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li img{width:100%; vertical-align:top;  } 

/*尾部*/
.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:20px; 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: 55; 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: #5ead00; }
.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}
}
@media only screen and (min-width: 480px) and (max-width: 767px){
.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;}

}

@media only screen and (min-width:0px) and (max-width: 568px){
.search ul li.txt {width:53%}		
}

@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%}	

.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}
		
}
@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%}	

.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}
	
}
@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%}	

.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}
	
}

/*返回样顶部*/
#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; }