@charset "UTF-8";
body,html,h1,h2,h3,h4,h5,h6,p,em,i,form,ul,li,dl,dt,dd{margin:0;}
body { width:100%; font:normal 12px/1.8em Arial, Helvetica, sans-serif;}
a,a:hover,a:visited,a:link{	text-decoration:none; }
ul{list-style:none;margin:0;padding:0}
img{ border:0; display:inline-block; }
.fr{ float:right; }
.fl{ float:left; }
.wrap{ width:100%; background:#f5f5f5; }
.content{ width:1200px; margin:0 auto; }

.header{ width:100%; overflow:overflow; position:relative; }
.bann{ width:100%; background:#81b910; background-size:100%; }
.bann img{ width:100%; display:block; min-height:438px; }
.nav{ width:100%; border-radius:6px; position:absolute; /*top:54px;*/top:0px; }
.navcon{ width:1100px; height:70px; background:#fff; margin:0 auto; border-radius:6px; }
.navcon h3{ width:140px; height:38px; float:left; margin:16px 0 0 20px; }
.navcon ul{ width:650px; height:40px; float:left; margin:16px 0 0 0; }
.navcon ul li{ width:20%; float:left; text-align:center; font:600 18px/40px ""; text-transform:uppercase; font-family: Microsoft Yahei; }
.navcon ul li a{ display:block; color:#81b910; }
.navcon ul li.nav_on a{ color:#ac826b; }


#gotop{background-position:-276px -310px;bottom:67px;_margin-bottom:67px;
    width:40px;height:40px;position:fixed;right:50px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}


.d6{width:250px; float:right; margin:14px 15px 0 0; overflow:hidden; }
.d6 form{ height:42px; position:relative; }
.d6 input{ height:100%;width:210px; padding:0 42px 0 15px; border:none; border-bottom:2px solid #F9F0DA; outline:none; background:transparent; position:absolute; top:0; left:0; z-index:2;}
/*.d6 input:focus{ width:200px; z-index:1; border-bottom:2px solid #F9F0DA; position:absolute; top:0; left:0; }*/
.d6 button{ background:#683B4D; border:none; height:42px; width:42px; position:absolute; top:0; right:0; cursor:pointer; border-radius:5px; }
.d6 button:before { content: "\f002"; font-family:Microsoft Yahei; font-size:16px; color:#F9F0DA; }

/* 图片滚动 */
.cp_pic{ width:100%; height:170px; position:absolute; bottom:-48px; }
.picScroll{ width:1100px; position:relative; padding:35px 0 35px 42px; background:#fff; overflow:hidden; margin:0 auto; -moz-box-shadow:3px 3px 12px #808080; -webkit-box-shadow:3px 3px 12px #808080; box-shadow:3px 3px 8px #808080; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{ float:left; margin:0 20px; width:215px; overflow:hidden; display:inline; background:url(../images/cp_bg.jpg) no-repeat right; overflow:hidden; }
.picScroll ul li img{ width:215px; height:150px;; }
.picScroll .prev,
.picScroll .next{ position:absolute; left:10px; top:100px; display:block; width:18px; height:28px; overflow:hidden; background:url(../images/icons.png) -40px 0 no-repeat; cursor:pointer;  }
.picScroll .next{ left:auto; right:10px; background-position:-120px 0; }
.picScroll .prevStop{ background-position:0 0; }
.picScroll .nextStop{ background-position:-80px 0; }

.aboutus{ width:100%; overflow:hidden; background:#f5f5f5; padding:120px 0 60px;}
.tit{ width:100%; text-align:center; position:relative; }
.tit span{ width:100%; height:1px; display:block; position:absolute; top:75px; background:url(../images/tit_bg1.jpg) no-repeat center 0; }
.tit dd{ font:bold 40px/80px "Microsoft Yahei"; color:#515151; }
.tit dt{ font:18px/32px "Microsoft Yahei"; color:#7d888e; }
.index_about{ width:100%; overflow:hidden; margin:10px auto 0; }
.index_aboutL{ width:385px; height:561px; background:#604333; float:left; margin-top:10px; }
.index_aboutL p{ width:165px; height:76px; margin:120px auto 0; }
.index_aboutL h3{ width:80%; margin:30px auto 0; font:14px/32px "Microsoft Yahei"; text-indent:2em; color:#fff; }
.index_aboutL h4{ width:110px; height:36px; border:1px solid #fff; margin:30px auto 0; text-align:center; font:13px/34px "Microsoft Yahei"; }
.index_aboutL h4 a{ width:100%; display:block; color:#fff;-webkit-transition:all .5s; transition:all .5s; border-color:#81b910; background: -webkit-linear-gradient(left, #81b910, #81b910) no-repeat; background: linear-gradient(to right, #81b910, #81b910) no-repeat; background-size: 0% 100%;  }
.index_aboutL h4 a:hover{ background-size:100% 100%; color:#27323A; }

.index_aboutR{ width:805px; float:right; }
.port-1{ float:left; width:100%; position:relative; overflow:hidden; text-align:center; }
.index_aboutR li{ float:left; width:48%; height:270px; margin:10px 1%; list-style:none;}
.index_aboutR h3{font-size:20px; margin:5px 0 10px; color:#fff; }
.index_aboutR p{font-weight:300; line-height:20px; font-size:14px; margin-bottom:15px; color:#fff; }
.btn{ display:inline-block; padding:5px 10px; font-size:14px; color:#333; border:2px solid #fff; background-color:#fff; text-decoration:none; transition:0.4s;}
.btn:hover{ background-color:transparent; color:#fff; transition: 0.4s;}
.text-desc{ position:absolute; left:0; top:0; background-color:#81b910; height:100%; opacity:0; width:100%; }
.port-1 .text-desc{opacity:0.9; top: -100%; color:#000; padding:45px 20px 20px; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.port-1 img{ width:100%; height:270px; display:block; transition:0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s;}
.port-1.effect-1:hover .text-desc{top: 0;}
.port-1.effect-2 .text-desc{ top:auto; bottom:-100%;}
.port-1.effect-2:hover .text-desc{bottom:0;}
.port-1.effect-3 .text-desc{top:50%; left:50%; width:0; height:0; overflow:hidden; padding:0; }
.port-1.effect-3:hover .text-desc{width:100%; top:0; left: 0; height:100%; padding:45px 20px 20px; }

.youshi{ width:100%; background:#81b910; padding:50px 0; overflow:hidden; }
.tit1{ width:100%; text-align:center; position:relative; }
.tit1 span{ width:100%; height:1px; display:block; position:absolute; top:75px; background:url(../images/tit_bg2.jpg) no-repeat center 0; }
.tit1 dd{ font:bold 50px/80px "Microsoft Yahei"; color:#fff; }
.tit1 dt{ font:18px/32px "Microsoft Yahei"; color:#fff; }

.yscon{ width:100%; overflow:hidden; margin:60px auto 0; }
.case-item{ width:25%; float:left; margin-bottom:20px; }
.ih-item{ width:180px; position:relative; -webkit-transition:all .35s ease-in-out; -moz-transition:all .35s ease-in-out; transition:all .35s ease-in-out; margin:0 auto; }
.ih-item,.ih-item *{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ih-item a{ color:#333; }
.ih-item a:hover{ text-decoration:none; }
.ih-item img{ width:145px; height:145px;}
.ih-item.circle .img img{ width:150px; height:150px; border-radius:50%; }
.ih-item.circle.effect1 .spinner{ width:180px; height:180px; border:15px solid #b6d674; border-bottom-color:#81b910; border-right-color:#81b910;border-radius:50%; -webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out;}
.ih-item.circle.effect1 .img{ position:absolute; top:15px; bottom:0; left:15px; right:0; width:auto; height:auto; }
.ih-item.circle.effect1 .img:before{ display:none; }
.case-item a:hover .spinner{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
.ys_txt{ width:90%; margin:60px auto 0; color:#fff; }
.ys_txt dd{ width:90%; text-align:center; font:18px/20px "Microsoft Yahei"; margin:0 auto; }
.ys_txt dt{ width:100%; text-align:center; font:15px/18px "Microsoft Yahei"; margin-top:8px; }

.chanpin{ width:100%; margin:0 auto; padding:50px 0 10px; background:#f5f5f5; }
.pd_l_fen{ width:1200px; border-bottom:3px solid #604333; overflow:hidden; border-left:1px solid #604333; margin-top:30px; }
.pd_l_fen li{ width:16.66667%; height:40px; float:left; font:14px/40px "Microsoft Yahei"; text-align:center; border-right:1px solid #604333; border-top:1px solid #604333; }
.pd_l_fen li span{ color:#604333; display:block; cursor:pointer; }
.pd_l_fen li.on{ background:#604333; }
.pd_l_fen li.on span{ color:#fff; }


.tabPane{ width:100%; height:370px; overflow:hidden; display:none; margin-top:60px; }
.tabCon .active{ display:block; }

.cpnr{ width:100%; height:370px; position:relative; }
.cpnr .bigImg{ width:650px; height:370px; float:left; }
.cpnr .bigImg li h3{ width:630px; height:370px; vertical-align:middle; z-index:9; overflow:hidden; }
.cpnr .bigImg li h3 img{  width:630px; height:370px; display:block; }
.cpnr .bigImg li dl{ width:550px; height:170px; position:absolute; left:650px; top:0; }
.cpnr .bigImg li dl dd{ width:100%; font-family:"Microsoft Yahei"; font-weight:bold; font-size:20px; color:#555; line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.cpnr .bigImg li dl dt{ width:100%; font-family:"Microsoft Yahei"; font-size:14px; color:#555; line-height:24px; font-weight:400; }
.cpnr .bigImg li dl dt a{ color:#81b910; }
.cpnr .smallScroll{ width:490px; height:140px; float:right; margin-top:210px; }
.cpnr .smallImg{ width:410px; float:left; margin:0 6px; overflow:hidden; }
.cpnr .smallImg ul{ width:9999px; overflow:hidden; }
.cpnr .smallImg li{ float:left; cursor:pointer; display:inline; margin:0 12px; }
.cpnr .smallImg img{ border:1px solid #dcdddd; width:180px; height:140px;  }
.cpnr .smallImg .on img{ border-color:#81b910; }
.cpnr .sPrev,.cpnr .sNext{ float:left; display:block; width:30px; height:30px; text-indent:-9999px; background:url(../images/jtL.jpg); }
.cpnr .sNext{ background:url(../images/jtr.jpg); }
.cpnr .sPrev2,.cpnr .sNext2{ float:left; display:block; width:30px; height:30px; text-indent:-9999px; background:url(../images/jtL.jpg); }
.cpnr .sNext2{ background:url(../images/jtr.jpg);}


.ban{ width:500px; height:600px; position:relative; overflow:hidden;margin:40px auto 0 auto;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.prev{ float:left; cursor:pointer;}
.num{ height:82px;overflow:hidden; width:430px; position:relative; float:left;}
.min_pic{ padding-top:10px; width:500px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:80px; height:80px; margin-right:5px; padding:1px;}
.num ul li.on{ border:1px solid red; padding:0;}
.prev_btn1{ width:16px; text-align:center; height:18px; margin-top:40px; margin-right:20px; cursor:pointer; float:left;}
.next_btn1{  width:16px; text-align:center; height:18px; margin-top:40px;cursor:pointer;float:right;}
.prev1{ position:absolute; top:220px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:220px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%;opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:500px; height:500px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-255px; margin-top:-255px; display:none; z-index:99;}
.pop_up_xx{ width:40px; height:40px; position:absolute; top:-40px; right:0; cursor:pointer;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden;}
.pop_up2{ width:500px; height:500px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:500px; height:500px; float:left; }


.contact{ width:100%; margin:0 auto; padding:50px 0 0; background:#f5f5f5; overflow:hidden; }
.lxwmL{ width:500px; float:left; }
.lxwmL dd{ font:bold 40px/1 "Microsoft Yahei"; margin-top:70px; }
.lxwmL dt{ width:80%; font:16px/32px "Microsoft Yahei"; margin-top:40px; }
.lxwmL h3{ width:100%; height:50px; text-align:center;}
.lxwmL h3 a{ display:inline-block; width:210px; height:46px; line-height:46px; font-size:22px; color:#515151; border:2px solid #515151; text-decoration:none; transition:0.4s; margin-top:25px; }
.lxwmL h3 a:hover{ background-color:transparent; color:#fff; transition:0.4s; background:#81b910; border-color:#81b910; }
.lxwmR{ float:right; }

.rate{ width:100%; height:447px; background:url(../images/rate.jpg) no-repeat center 0; background-size:100% 447px; }
.number{ width:470px; height:160px; float:left; background:#fff; border-radius:20px; background:#fff; margin:130px 0 0 110px; font:bold 80px/160px "Microsoft Yahei"; text-align:center; color:#81b910; }
.rateR{ width:500px; float:right; margin-top:80px; }
.rateR p{ width:100%; height:50px; }
.rateR p img{ width:60px; height:50px; display:block; margin:0 0 0 190px; }
.rateR dd{ width:100%; font:bold 32px/1 "Microsoft Yahei"; color:#fff; margin-top:20px; }
.rateR dt{ width:100%; font:20px/36px "Microsoft Yahei"; color:#fff; margin-top:20px; text-indent:2em; }

.map{ width:100%; overflow:hidden; }
.map img{ width:100%; height:486px; display:block; }
.cql{ width:100%; background:#f5f5f5; overflow:hidden; padding-bottom:30px; }
.cql p{ width:100%; font:bold 36px/65px "Microsoft Yahei"; margin-top:10px; }
.cqlL{ width:520px; float:left; }
.cqlL_contact{ width:50%; float:left; overflow:hidden; margin:8px 0; }
.cqlL_contact dd{ background:url(../images/weixin.png) no-repeat 56px center; background-size:20px 20px; font:14px/24px "Microsoft Yahei"; }
.cqlL_contact dd span{ margin-right:25px; }
.cqlL_contact dt{ padding-left:30px; background:url(../images/inco2.jpg) no-repeat 0 center;font:14px/24px "Microsoft Yahei"; }
.cqlL_contact h3{ padding-left:30px; background:url(../images/inco3.jpg) no-repeat 0 center; font:14px/24px "Microsoft Yahei"; }
.cqlL_contact h4{ padding-left:30px; margin-top:5px; background:url(../images/inco4.jpg) no-repeat 0 center; font:14px/1.3 "Microsoft Yahei"; }

.cqlL_contact1{ width:100%; overflow:hidden; margin:3px 0; overflow:hidden; }
.cqlL_contact1 dd{ background:url(../images/weixin.png) no-repeat 56px center; background-size:20px 20px; font:14px/24px "Microsoft Yahei"; }
.cqlL_contact1 dd span{ margin-right:25px; }
.cqlL_contact1 dt{ padding-left:30px; background:url(../images/inco2.jpg) no-repeat 0 center;font:14px/24px "Microsoft Yahei"; }
.cqlL_contact1 h3{ padding-left:30px; background:url(../images/inco3.jpg) no-repeat 0 center; font:14px/24px "Microsoft Yahei"; }
.cqlL_contact1 h4{ padding-left:30px; margin-top:5px; background:url(../images/inco4.jpg) no-repeat 0 center; font:14px/1.3 "Microsoft Yahei"; }

.cqlC{ width:300px; float:left; }
.cqlC ul li{ width:100%;  font:14px/32px "Microsoft Yahei"; padding-left:10px;}
.cqlC ul li a{ color:#333; }
.mb-3{ width:100%; font:20px/32px "Microsoft Yahei"; padding-left:10px; margin:30px 0 0 0; }
.social{ width:100%; text-align:left; padding-left:10px; margin-top:10px; overflow:hidden; }
.social a{ margin:0 10px 0 0; color:#fff; display:inline-block; width:30px; height:30px; border-radius:15px; line-height:26px; font-size: 15px; text-align:center; -webkit-transition: all 0.3s;
transition: all 0.3s; vertical-align:bottom; background-color:#555; }
.social a i{ vertical-align: bottom; line-height: 30px;}
.social a.facebook:hover {background-color: #4460ae;}
.social a.gplus:hover { background-color: #c21f25;}
.social a.twitter:hover { background-color: #3cf;}
.social a.instagram:hover { background-color: #cd4378;}
.social a.email:hover { background-color: #4a7f45;}

.cqlR{ width:370px; float:left; }
.cqlR ul { width:100%; margin-top:10px; }
.cqlR ul li{ width:48%; float:left; margin:5px 1%; }
.photo{ width:100%; height:130px; position:relative; overflow:hidden; text-align:center; }
.photo h3{font-size:13px; margin:5px 0; color:#fff;white-space:nowrap;overflow:hidden; word-break:keep-all; }
.photo p{ height:66px; text-align:left; font:12px/16px "Microsoft Yahei"; color:#fff;overflow:hidden; }
.photo .text-desc{opacity:0.9; top:-100%; color:#000; padding:10px 8px;transition:0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; }
.photo img{ width:100%; height:130px; display:block; transition:0.5s;-webkit-transition:0.5s;-moz-transition: 0.5s;}
.photo:hover img{transform:scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.photo.effect-1:hover .text-desc{top:0;}
.photo.effect-2 .text-desc{top:auto; bottom: -100%;}
.photo.effect-2:hover .text-desc{ bottom:0;}

.f_wrap{ width:100%; background:#604333; color:#fff; text-align:center; padding:20px 0;overflow:hidden; }
.f_wrap p{ font:14px/20px "Microsoft Yahei"; }
.f_wrap h3{ font:13px/20px "Microsoft Yahei"; }

.about_dec{ width:100%; position:absolute; bottom:-458px; }
.aboutcon{ width:1200px; padding:20px 0 30px; margin:0 auto; background:#f5f5f5; }
.aboutcon p{ font:bold 40px/80px "Microsoft Yahei"; text-align:center; }
.aboutcon h3{ padding:0 3%; font:14px/24px "Microsoft Yahei";  }
.aboutcon h3 span{ display:block; text-indent:2em; }
.aboutcon h3 em{ display:block; text-align:center; font:bold 16px/32px "Microsoft Yahei"; }
.about_yh{ width:1200px; margin:0 auto; overflow:hidden; margin-top:458px; }
.about_yh li{ width:25%; float:left; }
.about_yh li h3{ width:70px; height:70px; margin:0 auto; }
.about_yh li p{ width:100%; font:18px/20px "Microsoft Yahei"; text-align:center; padding:25px 0; }
.about_product{ width:1200px; height:300px; margin:0 auto; }
.about_txt{ width:1200px; margin:15px auto; overflow:hidden; }
.about_txt dd{ width:617px; float:left; }
.about_txt dt{ width:550px; float:right; font:18px/36px "Microsoft Yahei"; margin-top:25px; }
.about_txt dt span{ width:100%; display:block; text-indent:2em; margin-top:10px; }

.hjScroll{ width:1200px; height:175px; margin:15px auto; position:relative; overflow:hidden; }
.hjScroll .prev{ width:30px; height:30px; position:absolute; top:75px; left:20px; z-index:100; cursor:pointer; background:url(../images/jtL.jpg) no-repeat;}
.hjScroll .next{ width:30px; height:30px; position:absolute; top:75px; right:0; z-index:100; cursor:pointer; background:url(../images/jtr.jpg) no-repeat; }
.hjScroll .scrollWrap{ width:1050px; margin-left:80px; overflow:hidden; position:absolute; }
.hjScroll dl{ width:254px; text-align:center; position:relative; float:left; margin:0 5px; }
.hjScroll span{ width:254px; height:30px; display:block; position:absolute; left:0; bottom:0; background:#000; filter:alpha(opacity=30); opacity:0.3; }
.hjScroll dt{ width:254px; overflow:hidden; margin:0 auto; }
.hjScroll img{ width:254px; height:175px; display:block; }
.hjScroll dd{ width:254px; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center; position:absolute; left:5px; bottom:0; overflow:hidden;  }
.hjScroll dd a{ color:#fff; }
.hjScroll dd a:hover{ text-decoration:none; }
.hjScroll dl:hover span{ background:#B52153; }

.abouthj{ width:1200px; margin:50px auto 30px; overflow:hidden; }
.abouthj p{ width:25%; float:left; }
.abouthj p img{ width:100%; display:block; }
.abouthj p span{ padding:0 3%; display:block; }

.picScroll-left{ width:1200px; margin:20px auto 60px; overflow:hidden; position:relative; }
.picScroll-left .bd{}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:25%; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:290px; height:400px; display:block; border:1px solid #ccc; margin:0 auto; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px; }

.picScroll-left .prev,
.picScroll-left .next{ position:absolute; left:0%; top:50%; margin-top:-40px; display:block; width:60px; height:90px; background:url(../images/ad_ctr.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.picScroll-left .next{ left:auto; right:0%; background-position: 0 -90px; right: 0; }
.picScroll-left .prev:hover,
.picScroll-left .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.picScroll-left .prevStop{ display:none;  }
.picScroll-left .nextStop{ display:none;  }


.spl{ width:1200px; margin:20px auto 0; overflow:hidden; position:relative; }
.spl ul{ width:1200px; overflow:hidden; }
.spli{ width:33.3333%; float:left; overflow:hidden; margin:15px 0; }

.spl .prev,
.spl .next{ position:absolute; left:0%; top:50%; margin-top:-40px; display:block; width:60px; height:90px; background:url(../images/ad_ctr.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.spl .next{ left:auto; right:0%; background-position: 0 -90px; right: 0; }
.spl .prev:hover,
.spl .next:hover{ filter:alpha(opacity=100);opacity:1;  }

.shipin{ z-index:99999; }

.spbf{width:95%; height:200px; margin:0 auto; position:relative; background:red; }
.spbf .zzc{position:absolute;width:100%;height:100px;bottom:0px;left:0px;
 background-image:-webkit-linear-gradient(  
    to bottom,   
    rgba(0,0,0,0) 0%,   
    rgba(0,0,0,0.0) 5%,   
    rgba(0,0,0,0.2) 10%,   
    rgba(0,0,0,0.6) 90%,   
    rgba(0,0,0,0.7) 95%,   
    rgba(0,0,0,0.9) 100%);  
  background-image: linear-gradient(  
    to bottom,   
    rgba(0,0,0,0) 0%,   
    rgba(0,0,0,0.0) 5%,   
    rgba(0,0,0,0.2) 10%,   
    rgba(0,0,0,0.6) 90%,   
    rgba(0,0,0,0.7) 95%,   
    rgba(0,0,0,0.9) 100%);
}
.spbf .zzc a{display:block;width:100px;height:40px;line-height:40px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;border:2px solid #ffffff;color:white;font-size:16px;text-align:center;position:absolute;bottom:10%;right:5%;-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.spbf img{width:100%; height:200px; }
.spcs{width:5.92rem;height:0.4rem;margin:0 auto}
.spcs .p1{font-size:0.22rem;color:#666666}
.spcs .p2 a{font-size:0.22rem;color:#215eae}



.news_nav{ width:100%; position:absolute; bottom:0; }
.news_navcon{ width:1200px; margin:0 auto; }
.news_navcon dl{ width:345px; background:#a17156; height:115px; text-align:center; }
.news_navcon dl dd{ width:150px; height:82px; margin:0 auto; border-bottom:2px solid #fff; font:bold 36px/82px "Microsoft Yahei"; color:#fff; }
.cp_navcon{ width:1200px; margin:0 auto; }
.cp_navcon dl{ width:345px; background:#a17156; height:115px; text-align:center; }
.cp_navcon dl dd{ width:260px; height:82px; margin:0 auto; border-bottom:2px solid #fff; font:bold 34px/82px "Microsoft Yahei"; color:#fff; }


.news{ width:1200px; margin:0 auto; overflow:hidden; }
.left{ width:345px; float:left; background:#a17156; padding-bottom:40px; margin-bottom:50px; }
.left ul li{ width:100%; font:20px/50px "Microsoft Yahei"; text-align:center; }
.news_on{ background:#c8ab9c; }
.left ul li a{ color:#fff; display:block; }
.right{ width:810px; float:right; overflow:hidden; }
.newscon{ width:100%; overflow:hidden; padding-bottom:30px; }
.newscon li{ width:100%; overflow:hidden; margin:30px 0;color:#333; }
.newscon h3{ width:290px; height:160px; float:left; overflow:hidden; }
.newscon h3 a{ display:block; color:#333; }

.newscon h3 img{ width:100%; height:160px; display:block; }
.newscon h2{ width:480px; float:left; margin-left:25px; font:bold 18px/32px "Microsoft Yahei"; text-transform:capitalize; }
.newscon h2 a{ color:#333; }
.newscon h2 a:hover{ color:#81b910; }
.newscon p{ width:480px; float:left; margin-left:25px; font:16px/25px "Microsoft Yahei"; overflow:hidden; }
.newscon p a{ color:#81b910; }
img.zoom-img{ -webkit-transform:scale(1, 1); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:500ms; -moz-transform:scale(1, 1); -moz-transition-timing-function:ease-out; -moz-transition-duration:500ms; }
img.zoom-img:hover{-webkit-transform:rotate(0deg) scale(1.15); -webkit-transition-timing-function:ease-out; -webkit-transition-duration:750ms; -moz-transform:scale(1.15); -moz-transition-timing-function:ease-out;-moz-transition-duration:750ms; overflow:hidden; }

/*分页样式*/
.pagination1{padding:25px 0 15px;text-align:center;overflow:hidden; font-family:"Microsoft Yahei";}
.pagination1 a{font-size:16px;line-height:40px;display:inline-block;height:40px;padding:0 15px;text-align:center;color:#333;border:1px solid #e3e3e3;background:#fff;margin-left:5px;}
.pagination1 a.a1{line-height:40px;height:40px;margin-top:0;padding:0 12px;}
.pagination1 a:hover{text-decoration:none;color:#000; background:#f1f1f1;}
.pagination1 span{font-size:16px;line-height:40px;display:inline-block;height:40px;padding:0 15px;text-align:center;color:#fff; margin-left:5px;background:#cd0000;color:#fff;border:1px solid #a60000;}


.breadCrumb{border-bottom:1px solid #DADADA; height:56px; font:16px/56px "Microsoft Yahei"; text-transform: capitalize; }
.breadCrumb p{ background:url(../images/mapIcon.png) no-repeat left center; padding-left:20px;  }
.breadCrumb p span{ margin:0 8px; }
.breadCrumb a{ color:#333; }

.newsnr{ width:1200px; overflow:hidden; padding:25px 0; border-bottom:1px solid #DADADA; }
.newsnr p{ font:15px/24px "Microsoft Yahei"; text-indent:2em; }

.page{ width:1200px; overflow:hidden; padding:25px 0; border-bottom:1px solid #DADADA; }
.inq_con{ width:712px; overflow:hidden; margin:0; float:left; }
dl.inq_nr1{ width:100%; overflow:Hidden; }
.inq_nr1 dd{ width:100%; height:40px; font:bold 20px/40px "Microsoft Yahei"; }
.inq_nr1 dt{ width:100%; }
.inq_nr1 dt span{ width:336px; display:block; float:left; }
.inq_nr1 dt span input{ width:336px; height:46px; border:1px solid #cacaca; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font:22px/36px "Microsoft Yahei"; }
.inq_nr1 dt em{ width:336px; display:block; float:right; }
.inq_nr1 dt em input{ width:336px; height:46px; border:1px solid #cacaca; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font:22px/36px "Microsoft Yahei"; }
.inq_nr1 p{ width:100%; height:36px; color:#2c2c2c; overflow:hidden; }
.inq_nr1 p span{ width:336px; font:22px/36px "Microsoft Yahei"; display:block; float:left; }
.inq_nr1 p em{ width:336px; font:22px/36px "Microsoft Yahei"; display:block; float:right; }

dl.inq_nr{ width:100%; overflow:Hidden; }
.inq_nr dd{ width:100%; height:40px; font:bold 20px/40px "Microsoft Yahei"; }
.inq_nr dt{ width:100%; box-sizing:border-box; }
.inq_nr dt input{ width:100%; height:46px; border:1px solid #cacaca; background:#f5f5f5; box-sizing:border-box; padding:0 10px; font:22px/36px "Microsoft Yahei"; }

dl.inq_nr2{ width:100%; overflow:Hidden; }
.inq_nr2 dd{ width:100%; height:40px; font:bold 20px/40px "Microsoft Yahei"; }
.inq_nr2 dt{ width:100%; box-sizing:border-box; }
.inq_nr2 dt textarea{ width:100%; height:246px; border:1px solid #cacaca; background:#f5f5f5; box-sizing:border-box; padding:0 10px; }
.inq_bt{ margin:36px 0 0 0; }
.inq_bt input{ width:180px; height:50px; display:block; background:#b8b8b8; border:1px solid #b8b8b8; font:bold 20px/50px "Microsoft Yahei"; color:#fff; cursor:pointer; }
.link_dt{ width:400px; height:315px; margin-top:20px;  float:right; }

.cpcon{ width:100%; overflow:hidden; padding:20px 0 10px; }
.cpcon li{ width:50%; overflow:hidden; margin:5px 0;color:#333; float:left; }
.listimg{ width:90%; height:250px; position:relative; overflow:hidden; margin:0 auto; }
.listimg img{ width:100%; height:250px; top:0; left:0; position:absolute; background:#333; }
.summary{width:100%; height:250px; top:250px; left:0; position:absolute;}
.summarytxt{ padding:10px 2%; height:250px; font:14px/20px "Microsoft Yahei"; color:#fff; background:rgba(0,0,0,0.5); }
.listinfo{ width:90%; line-height:22px; margin:0 auto; text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.listinfo a{ font:16px/36px "Microsoft Yahei"; color:#333; }


.con_thumb{ width:800px; height:375px; float:left; margin:25px 0 0 10px; overflow:hidden;}
.foucebox{width:800px; height:375px; position:relative; overflow:hidden; }
.foucebox .bd{ width:545px; height:375px; position:relative; float:right; overflow:hidden;}
.foucebox .bd img { width:545px; height:375px; }
.foucebox .hd { width:215px;height:375px; position:relative; float:left; z-index:1; }
.foucebox .hd ul{ width:215px; height:375px; position:relative; overflow:hidden; }
.foucebox .hd li{ width:215px; overflow:hidden; border:1px solid #ccc; margin:25px 0; cursor:pointer;}
.foucebox .hd img{ width:215px; height:150px; display:block; }


.con_des{ width:340px; height:375px; float:right; float:right; margin-top:25px; text-align:left; }
.con_des_tit{ width:100%; border-bottom:1px solid #2f2f2f; margin-top:45px; }
.con_des_tit dd{ width:100%; font:bold 18px/60px "Comfortaa-Regular"; white-space:nowrap}
.con_nr{ width:100%; margin-top:20px; font:13px/24px "Microsoft Yahei"; }
.con{ width:100%; overflow:hidden; padding:20px 0 40px; text-align:left; border-bottom:1px solid #DADADA; }
.con_tit{ width:100%; height:80px; font:16px/80px "Microsoft Yahei"; text-align:center; background:url(../images/con_tit_bg.jpg); }
.con_tit li{ width:33.333333%; height:80px; float:left; }
.con_tit li a{ width:100%; display:block; color:#515151; }
li.active{ background:url(../images/con_on.jpg); }
li.active a{ color:#81b910; display:block; }

.showcon{ width:100%; margin:30px 0; }
.showtab{ width:100%; overflow:hidden; display:none; }
.showtab ul{ width:100%; overflow:hidden; }
.showtab ul li{ width:100%; font:16px/32px "Microsoft Yahei"; }
.showtab ul li a{ color:#555; margin:0 5%; }
.showcon .active{ display:block; }

.xian{ width:1200px; height:1px; margin:10px auto; background:#DADADA; }