/*************************************
author:DeathGhost
website:http://www.deathghost.cn
**************************************/
@charset "UTF-8";
@import url(swiper3.PLAN.min.css);
body{margin:0}
a:active,a:hover{outline:0}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
img{vertical-align:middle;border:0}
@-ms-viewport{width:device-width}
html{font-size:50px;-webkit-tap-highlight-color:transparent;height:100%;min-width:320px;overflow-x:hidden}
body{font-family:"microsoft yahei";font-size:.28em;line-height:1;color:#000;background-color:#fff;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{;line-height:1.1}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:.364rem}
.h2,h2{font-size:.2996rem}
.h4,h4{font-size:.175rem}
.h5,h5{font-size:.14rem}
.h6,h6{font-size:.119rem}
h6{margin-top:0;margin-bottom:0}
button,input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;background:none;-webkit-appearance:none;outline:none;}
a{color:#333;text-decoration:none;outline:0}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
a.react,label.react{display:block;color:inherit;height:100%}
a.react.react-active,a.react:active,label.react:active{background:rgba(0,0,0,.1)}
ul{margin:0;padding:0;list-style-type:none}
hr{margin-top:.28rem;margin-bottom:.28rem;border:0;border-top:1px solid #DDD8CE}
h6,p{line-height:1.41;margin:-.2em 0;word-break:break-all}
small,weak{color:#666}
::-webkit-input-placeholder {color:#999;line-height:normal;} 
:-moz-placeholder {color:#999;line-height:normal;} 
::-moz-placeholder {color:#999;line-height:normal;} 
@font-face {
    font-family:'freshregular';
    src: url('font/fresh-webfont.eot');
    src: url('font/fresh-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/fresh-webfont.woff2') format('woff2'),
         url('font/fresh-webfont.woff') format('woff'),
         url('font/fresh-webfont.ttf') format('truetype'),
         url('font/fresh-webfont.svg#freshregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*other public*/
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.iconfont{font-family:'freshregular';}
.center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.more_btn{display:block;width:40%;height:.65rem;line-height:.65rem;text-align:center;background:#f8f8f8;border-radius:25px;background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, #f5f5f5), to(rgb(248,248,248)));border:1px #efefef solid;margin:.23rem auto;color:#d8d8d8;}
.more_btn:after{content:"v";font-family:'freshregular';margin-left:.05rem;}
.backIcon{display:block;position:absolute;left:0;top:0;padding:0 .3rem;color:white;font-size:.4rem;}
.topCart{position:absolute;right:0;top:0;display:block;height:1rem;color:white;padding:0 .3rem;}
.topCart:before{content:"G";font-family:'freshregular';font-size:.6rem}
.topCart em{display:block;position:absolute;top:.15rem;right:12%;width:.36rem;height:.36rem;line-height:.36rem;text-align:center;font-size:.2rem;font-style:normal;border-radius:50%;background:red;}
.setIcon{position:absolute;right:0;top:0;display:block;color:white;padding:0 .3rem;font-size:.5rem;}


/*Logo*/
.head { width:96%; height:auto; overflow:hidden; border-top:2px solid #009036; padding:2%}
.logo a{ width:50%; float:left}
.logo a img{ height:auto; width:75%; overflow:hidden;}
.phone{ width:44%; float:right; line-height:38px; background:url(../images/tel.png) no-repeat 0;}
.phone span{ font-size:14px; padding-left:15%}

/*Banner*/
.banner {width:100%; margin:0 auto; padding:0 0 0 0;background-color:#fff; overflow:hidden;}
.banner img {width: 100%; overflow:hidden;}
.themeStyle{ background-color:#E83407 !important; }  
#wrapper {margin:0; width:100%; height:auto; float:left; position:relative;	/* On older OS versions "position" and "z-index" must be defined, */ z-index:1;			/* it seems that recent webkit is less picky and works anyway. */ overflow:hidden;}
#scroller {height:auto;float:left;padding:0;}
#scroller ul {list-style:none;display:block;float:left;width:100%;height:auto;padding:0;margin:0;text-align:left;}
#scroller li {display:block; float:left;width:auto; height:auto;text-align:center;font-size:0px;padding:0;position:relative;}
#scroller li a{display:block;padding:0;margin:0;}
#scroller li p{position:absolute;z-index:2;display:block;width:100%;bottom:0;background-color:rgba(0, 0, 0, 0.5);color:#F4F4F4;font-size:14px;text-indent:25px;line-height:24px;text-align: left;text-indent: 10px;text-overflow: ellipsis;white-space:nowrap;padding:0;margin:0;}
#nav {float: right;margin-top:-15px;padding:0;position: relative;width:auto; z-index:3;}
#prev, #next {float:left;font-weight:bold;font-size:14px;padding:5px 0;width:80px;display: none;}
#next {float:right;text-align:right;}
#indicator > li {display:block; float:left;list-style:none;padding:0; margin:0;}
#indicator {display: block;margin: 0;padding: 0;width: auto;}
#indicator > li {text-indent:-9999em;width:8px; height:8px;-webkit-border-radius:4px; -moz-border-radius:4px;-o-border-radius:4px;
border-radius:4px;background:#888;overflow:hidden;margin-right:4px;}
#indicator > li.active {background:#DDDDDD;}
#indicator > li:last-child {margin:0 8px 0 0;}

.Nav{overflow:hidden;background:white;}
.Nav ul { overflow:hidden;}
.Nav li{float:left;width:25%;overflow:hidden;margin-top:.3rem;}
.Nav li a{display:block;text-align:center;}
.Nav li a img{width:60%; margin:.1rem 0;}
.Nav li a em{display:block;font-style:normal;color:#000; line-height:25px;}

/*brand*/
.brand{ width:96%; height:auto; padding:4% 2% 0 2%; overflow:hidden}
.title{ width:100%; height:auto; text-align:center}
.title h2{ font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#009036; margin:0 auto; line-height:30px;}
.title h2 span{ color:#CCC; padding-left:3%}
.title p{ font-size:12px; color:#737373}
.brand ul{ width:103%; padding-top:5%}
.brand ul li{ width:22%; height:auto; border:1px solid #efefef; float:left; margin:0 2% 0 0;}
.brand ul li img{ width:100%}

/*product*/
.product{ width:96%; height:auto; padding:4% 2% 0 2%; overflow:hidden }
.product_bg{ width:100%; height:auto; background:url(../images/product_bg.jpg) no-repeat 0}

/*.product .rollBox{width:73%;overflow:hidden;margin:10px auto 0 auto; height:auto; padding-left:23%}
.product .rollBox .LeftBotton{height:212px;width:26px;background:url(../images/left.png) no-repeat left center;overflow:hidden;float:left;display:inline;cursor:pointer;}
.product .rollBox .RightBotton{height:212px;width:26px;background:url(../images/right.png) no-repeat right center;overflow:hidden;float:right;display:inline;cursor:pointer; margin:0 auto}
.product .rollBox .Cont{width:80%;overflow:hidden;float:left; margin:0 auto }
.product .rollBox .ScrCont{width:10000000px;}
.product .rollBox .Cont .pic{width:210px; height:212px;float:left;text-align:center; margin:0 auto; }
.product .rollBox .Cont .pic img{background:#fff;display:block;margin:0 auto;}
.product .rollBox .Cont .pic a {width:210px; height:210px; *display: block;*font-size:184px;font-family:Arial; overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;}
.product .rollBox .Cont .pic a img {max-width:210px; max-height:210px; display:block; margin:0 auto;}
.product .rollBox .Cont .pic a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8; border:1px solid #ee8593}
.product .rollBox #List1,.subRight .subCase .rollBox #List2{float:left;}*/

.product .swiper-container  { width:100%; height:100%; overflow:hidden;/* border:2px solid #000; */margin-top:.3rem;}
.product .swiper-slide { font-size: 18px; color:#fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding:0; position:relative;}
.product .swiper-slide a {width:100%; height:210px; *display: block;*font-size:184px;/*高度/字体大小的比值为1.14*/*font-family:Arial; overflow:hidden;display:block;vertical-align:middle;text-align:center;}
.product .swiper-slide a img {max-width:100%; max-height:210px; display:block; margin:0 auto;}
/*.product .swiper-slide p { position:absolute; bottom:0; left:0; width:100%; height:26px; background:rgba(39,37,38,.5); text-align:center; line-height:26px; color:#fff; z-index:999; font-size:.28rem;}*/



/*about*/
.about{ width:96%; height:auto; padding:4% 2% 0 2%; overflow:hidden; background:url(../images/about_bg.png) no-repeat; }
.wofoto{ width:24%; height:100px; background:url(../images/wofoto.jpg) no-repeat; float:left}
.about_us{ width:74%; float:right}
.about_us h2{ background:url(../images/about_us.jpg) no-repeat; margin:0 auto}
.about_us h2 span{ padding-left:12%; color:#009036}
.about_us p{ padding-top:5%; line-height:25px; font-size:14px; text-indent:2em; color:#666; font-family:Arial, Helvetica, sans-serif;}

/*news*/
.news{ width:96%; height:auto; padding:4% 2% 0 2%; overflow:hidden; }

/*left*/
.left{ width:98%; margin-left:1%}
.left img{ width:100%;}
.casecon{ width:96%; margin:0 auto; padding:0 2% 0 2%;}

.About{margin: 10px 10px 0px;}
.About ul{ padding-top:10px; float:left}
.About ul li{ width:50%; height:30px; line-height:30px; float:left}
.About ul li a{ width:98%; height:30px; display:block}
.About ul li b{ width:7%; height:12px; background:#dcdcdc; line-height:12px; text-align:center; color:#FFF; float:left; margin-top:5px;}
.About ul li p{ width:85%; float:left; font-size:12px; padding-left:5px; height:30px; line-height:30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.DivH { width:100%; height:70px; overflow:hidden; }
.Foot {width:100%; text-align:center; height:50px; line-height:50px; background:#3cc29c;color:#FFF; font-size:14px; position:fixed; bottom:0; } 

.btn3{position:fixed;z-index:3;bottom:0px;background:#e6e6e6;width:100%;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu{position:relative;  float:left;  width:33.33%;  height:40px;  line-height:40px;  background:#009036;  border-right:1px solid #fff;  box-sizing:border-box;  -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute; bottom:50px; z-index:10; width:100%; padding: 0px 10px; background: #fff; box-sizing:border-box; -webkit-box-sizing:border-box; border: 1px solid #EEEEEE; border-radius: 5px; display:none; opacity:0.9}
.new-sub li{width: 100%; background:#fff; float:none; box-sizing:border-box; -webkit-box-sizing:border-box; border-top:1px solid #f2f2f2;}
.new-sub li a{display:block; height:40px; line-height:40px; text-align:left; background:#fff; color:#333; border:none; text-align:center; font-size:12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #fff;border-bottom:5px solid #fff;opacity:.8;}
.bt-name{font-size:14px;color:#000; text-align:center;}
.bt-name a{display:block;font-size:16px;color:#fff;}
.bt-name img{width:20px; height:20px; margin:9px auto 0 auto; padding-left:10px;float:left;}
.bt-name span { font-size:.24rem; float:left;line-height:40px; padding-left:4px; color:#fff;}
.new-sub .tiggle{width:0px; height:0px; position:absolute; left:50%; margin-left:-10px; bottom:-9px; border-top:10px solid #EEEEEE; border-left:10px solid transparent; border-right:10px solid transparent; z-index:10;}
.new-sub .innertiggle{ width:0px; height:0px; position:absolute; left:50%; margin-left:-9px; bottom:-8px; border-top:9px solid white; border-left:9px solid transparent; border-right:9px solid transparent; z-index:11;}

/*内页*/
/*inbanner*/
.inbanner{ width:100%}
.inbanner img{ width:100%; margin:0 auto}
/*Top*/
.Top { width:92%; height:50px; overflow:hidden; padding:0 3% 0 2%;}
.Top .left { float:left; width:86%; height:50px; overflow:hidden;}
.Top .left a { display:block; }
.Top .left a img { height:38px; width:auto; display:block; padding-top:7px}
.Top .right { float:right; width:37%; height:60px; overflow:hidden}
.Top .right p { float:right;background:url(../images/tel.png) no-repeat left center; padding-left:26px; color:#666; font-size:16px; height:60px; line-height:60px; }

/*Title*/
.Title { border-bottom:2px solid #dadada; padding:0 3% 0 3%; width:94%; font-size:.32rem;  height:auto; overflow:hidden;}
.Title p {color:#402b21; float:left; display:block; overflow:hidden; text-transform:uppercase;padding:5% 0 3% 0;} 
.Title p b { font-weight:normal; color:#009036;}
.Title span { float:left;  color:#402b21;padding:5% 0 3% 0 ; overflow:hidden;}

/*About*/
.About { width:94%; margin:3% auto; font-size:14px; line-height:30px; color:#151515; }
.About  img { width:100%; height:auto; overflow:hidden;}
.About p {line-height:25px;}

/*Case*/
.Case { width:100%; overflow:hidden;}
.Case ul{width:100%; overflow:hidden; padding:10px 0 0 0;}
.Case ul li {float:left; width:47%; padding:5px 1.5%; overflow:hidden;}
.Case ul li p {width:100%; height:120px; overflow:hidden; border:1px solid #E4E4E4; background:#fff; *display: block;*font-size:105px;/*高度/字体大小的比值为1.14*/*font-family:Arial;display: table-cell;vertical-align:middle;text-align:center;}
.Case ul li img {width:100%; max-height:120px; display:block; margin:0 auto; }
.Case ul li span {display:block; width:100%; line-height:35px; font-size:14px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center}
.Case ul li a { display:block;}
.Case ul li a:hover span{color:#402b21;}
.Case ul li a:hover p {border:1px solid #a9a9a9;}

.Team ul li p {width:100%; height:240px; overflow:hidden; border:1px solid #E4E4E4; background:#fff; *display: block;*font-size:210px;/*高度/字体大小的比值为1.14*/*font-family:Arial;display: table-cell;vertical-align:middle;text-align:center;}
.Team ul li img {width:100%; max-height:240px; display:block; margin:0 auto; }

.con_text {width:98%; border-radius:5px;margin:.2rem auto; overflow:hidden;}
.News_detail {line-height:25px; padding:15px 10px; }
.News_detail img { display:block; width:100%; margin:.2rem auto;}
.news_view_head h1{font-size:14px; width:100%; text-align:center; line-height:30px;}
.news_view_head p {width:100%; text-align:center; font-size:12px; margin:0 0 15px 0; border-bottom:1px dashed #dedede; line-height:20px; color:#666; padding:0 0 10px 0;}
.news_view_head p span {padding:0 4px;}
.news_view_head p b {color:#f5823d;}
.news_view_head p a {color:#1b5c9e;}

.news_view_cj{ width:100%; height:26px; border-bottom:#aaa9a9 1px dashed; padding:15px 0 0 0;}
.news_view_cj .con{ width:165px; height:26px; float:right;}
.news_view_pro,.news_view_next{ width:80%; padding:0 13px; height25px; line-height:25px; color:#666;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_view_pro a,.news_view_next a{ color:#666;}
.news_view_pro a:hover,.news_view_next a:hover{ color:#1b5c9e;}

/*Contact*/
.Contact { width:96%;margin:.2rem auto 0 auto; overflow:hidden;} 
.Contact h3 { color:#402b21; padding-left:5px; font-size:16px; font-weight:normal;}
.Contact p{line-height: 30px; color: #434343; padding: 0 0 0 5px; border-bottom: 1px solid #b7b7b7; font-size: 14px}
.Contact span {font-size: 15px; color: #434343;background: url(../images/weixin.png) no-repeat 0 20px;padding: 50px 0 0 150px; display: block; height: 105px; overflow: hidden;}

/* message 在线留言 */
.DivH15{width:100%;overflow:hidden;clear:both; height:15px; }
.message{width:98%; padding:20px 0; overflow:hidden; margin:0 auto;}
.messageTips{width:95%; line-height:25px; font-family:"微软雅黑"; border-bottom:1px dashed #000; padding:0 0 20px 0;   overflow:hidden; color:#4a4949; margin:0 auto;}
.messageTips b{ color:#1b5c9e;}
.messageTable{width:100%;}
.messageTable td{ color:#000; font-size:12px; line-height:25px; font-family:"微软雅黑"; padding:9px 5px; vertical-align:top; }
.messageText01{ height:25px; background:#fff; line-height:25px; border:1px solid #bdbdbd; color:#666; border-radius:2px; float:left}
.messageBtn{padding:3px 10px; border:0; height:25px; line-height:20px; background:#1b5c9e; color:#fff; cursor:pointer; -webkit-appearance:none;outline:none}

/*News*/
.News { width:100%; height:auto;margin:.2rem auto 0 auto; }
.News dl { width:96%; height:auto; overflow:hidden; padding:2%; border-bottom:1px dashed #dadada;}
.News dl dt { width:20%; height:60px; background:#1b5c9e; color:#fff; text-align:center; float:left; overflow:hidden}
.News dl dt img{ width:100%}
.News dl dt p{ font-size:12px; padding:12px 0 0 0; border-bottom:1px solid #fff}
.News dl dt span { font-size:12px; display:block; padding-top:7px;}
.News dl dd { width:77%; float:right; margin:0; color:#151515;}  
.News dl dd h3 { margin:0; color:#009036; font-weight:normal; font-size:16px;  overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.News dl dd p { color:#666666; font-size:12px; line-height:20px; padding-top:6px; height:40px; overflow:hidden;}
.News dl dd span { float:right; display:block; width:24%; height:25px; line-height:25px; text-align:center; font-size:12px; background:#dadada; color:#666666; margin-top:.4rem;}
.News dl a { display:block;}
.News dl a:hover dd span,.News dl a:active dd span { background:#1b5c9e; color:#fff }

.newstitle{ width:98%; height:273px; margin:0 auto; overflow:hidden; padding-top:5%}
.newstitle dl{ width:100%; height:65px; overflow:hidden;  border-bottom: 1px dashed #dadada; padding-bottom: 10px; margin: .3rem 0;}
.newstitle dl a{ display:block}
.newstitle dl dt{ width:22%; height:65px; color:#237ffc; font-size:40px; font-weight:bold; text-align:center; float:left; overflow:hidden;}
.newstitle dl dt img{ width:98%}
.newstitle dl dd{ width:75%; height:65px; float:right; margin:0 auto}
.newstitle dl dd h3{font-weight:normal; margin:0 auto; color:#009036; height:20px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newstitle dl dd p{ font-size:12px; line-height:20px; padding-top:5px; line-height:20px; color:#868686; height:40px; overflow:hidden;}
.newstitle dl a:hover{ color:#1b5c9e}

/*分页*/
.subPage{width:80%; padding-top:15px; padding-bottom:10px; height:22px; overflow:hidden; padding-left:15px; }
.subPage a,.subPage span{display:block; float:left; padding:0 3px; line-height:18px; color:#6F6F63; margin:0 3px; border:1px solid #ccc; overflow:hidden;}
.subPage span,.subPage span a{color:#6F6F63;}

.con_text {width:98%; border-radius:5px;margin:10px auto 0 auto; overflow:hidden;}
.con_text .sub_main {padding:10px; line-height:25px;}
/*图片列表*/
.Pro_main {width:95%; margin:0 auto; overflow:hidden;}
.Pro_main ul {width:100%; overflow:hidden;}
.Pro_main ul li { padding:12px 0; overflow:hidden; border-bottom:1px dashed #dedede}
.Pro_main ul li span {display:block; width:90%; margin:0 auto;}
.Pro_main ul li span img{width:100%; display:block;}
.Pro_main ul li p {width:100%; height:35px; text-align:center; line-height:35px;}
.Pro_main ul li a:hover p{color:#1b5c9e;}
.detail_pic {width:80%; margin:0 auto; display:block; padding:10px 0;}
.detail_pic img {width:100%;}