@charset "utf-8";
/* CSS Document */

/*重置*/
body,html,li,input,gloabl,h2,th,input,nav,td,h1,rembed,blockquote,ol,xml,div,dl,dt,dd,ul,h3,h4,h5,h6,pre,form,fieldset,abbr,p,header,hgroup,Section,figure,section,nav,article,aside,canvas{margin:0;padding:0;}
img{border:0;padding:0;margin:0;}
a{border:none; color:#333333; text-decoration: none;}
ol,ul,li {list-style:none;}
i,em{font-style:normal;}
caption,th {text-align:left;}
q:before,q:after{content:'';}
.clear{ clear:both}
a:visited{color:#333333;}
a:focus {outline: none; }
a:focus {-moz-outline-style: none; }
body{/* font-family:宋体; */
	font-family: ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3","微软雅黑"; font-size:1rem; line-height:2.4rem;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;text-decoration:none; line-height:none;}
address,cite,dfn,rem,var { font-style: normal; } 
 /* 使得表单元素在 ie 下能继承字体大小 */
.fl{ float:left;}
.fr{ float:right;}
*:focus { outline: none;}

/* 字体图标 CSS */
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot?#iefix') format('rembedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 字体图标 CSS END */

body{min-width:320px; max-width:768px; margin:0 auto;background-color:#fff; font-family:'微软雅黑'}
@media screen and (min-width:320px){html{font-size:62.5%}/*10px */}
@media screen and (min-width:360px){html{font-size:70.3125%}/*12px */}
@media screen and (min-width:375px){html{font-size:73.2424875%}/*12px */}
@media screen and (min-width:400px){html{font-size:78.125%}/*12.5px */}
@media screen and (min-width:414px){html{font-size:80.86%}/*12.5px */}
@media screen and (min-width:480px){html{font-size:93.75%}/*15px*/}
@media screen and (min-width:568px){html{font-size:111%}}
@media screen and (min-width:640px){html{font-size:125%}/*20px */}
@media screen and (min-width:720px){html{font-size:137.5%}/*22px */}
@media screen and (min-width:768px){html{font-size:150%}/*24px */}
@media screen and (min -width:1024px){html{font-size:180%}/*24px */}
@media screen and (orientation:landscape){html{font-size:150%}/*24px */}



/*header*/
header{overflow:hidden;position:relative;padding:0 1rem 0;background:url(../images/headbg.jpg) center no-repeat; background-size:cover;}
header a.logo{ display:block; width:21rem;padding:0 0 0; margin:0 auto;}
header a.logo img{width:21rem;display:block; margin:0 auto;} 
header p{color:#555; font-weight:normal; text-align:center; font-size:1.2rem; white-space:nowrap; line-height:1.8rem}


.menu{ background-color:#99cc00; height:4rem; line-height:4rem; text-align:center; font-size:1.4rem; margin-top:1rem}
.menu a{ color:#fff;}

/*banner css*/
.banner {position: relative;display:block;min-height:140px; max-height:840px;}
.banner .swiper-container{min-height:140px; max-height:840px;}
.banner .swiper-container .swiper-wrapper{overflow:hidden;min-height:140px; max-height:840px;}
.banner .swiper-container .swiper-wrapper .swiper-slide{min-height:140px; max-height:840px;}
.banner .swiper-wrapper img {min-height:140px; max-height:840px; width: 100%; display:block;}
.banner .pagination {position:absolute;left: 0;text-align: center;bottom:0.5rem; width:100%; z-index:2}
.banner .swiper-pagination-switch {display: inline-block; width:1rem;height:1rem; cursor: pointer; margin:0 0.5rem;background-color:#fff;border:1px solid #fff ; border-radius:1rem;}
.banner .swiper-active-switch{border:1px solid #99cc00; background-color:#99cc00;}



.cust{padding-top:3rem; padding-bottom:2rem; background-color:#f6f6f6;}
.cust .title{text-align:center;line-height:2.5rem;background:url(../images/titlebg.png) top center no-repeat; background-size:18.8rem; overflow:hidden; padding:0.8rem 0 0.3rem;}
.cust .title h3{line-height:1.8rem;color:#555; font-size:1.4rem; font-weight:bold}
.cust .title span{color:#999;font-size:1rem;display:block; line-height:1.6rem;}
.cust .swiper-container{ margin:0 0.5rem; margin-top:0.5rem;}
.cust .swiper-container .swiper-slide{width:50%;}
.cust .swiper-container .swiper-slide a{display:block; margin:1rem 0.5rem 0;color:#fff; position:relative}
.cust .swiper-wrapper .swiper-slide a .pic{height:10rem; overflow:hidden}
.cust .swiper-wrapper .swiper-slide a img {width:100%; min-height:10rem; display:block;}
.cust .swiper-wrapper .swiper-slide a p{display:block; width:100%; color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center; line-height:2rem; font-size:1rem;}	

.product{margin-top:3rem;}
.product .title{text-align:center;line-height:2.5rem;background:url(../images/titlebg.png) top center no-repeat; background-size:18.8rem; overflow:hidden; padding:0.8rem 0 0.3rem;}
.product .title h3{line-height:1.8rem;color:#555; font-size:1.4rem; font-weight:bold}
.product .title span{color:#999;font-size:1rem;display:block; line-height:1.6rem;}

.product .mtitle img{display:block; margin:1rem auto 0; width:100%;}

.product .list{overflow:hidden;}
.product .list li{width:50%;float:left;}
.product .list li span{display:block; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:1rem}
.product .list li .pic{background-color:#99cc00; padding:0.5rem; display:block}
.product .list li .pic img{width:100%; display:block}
.product .list li .text{background-color:#99cc00; padding:0 0.5rem 0.5rem; text-align:right}
.product .list li .tt{display:block; text-align:center; font-size:1.2rem;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:1.5;color:#fff;}
.product .list li .mm{display:inline-block;color:#fff; background-color:#bee057; padding:0 0.5rem; margin-top:0.4rem; font-size:1.1rem;line-height:1.7;}

.guangg img{display:block; width:100%; margin:2rem auto}
/*main css*/
.advant{margin-top:2rem; background-color:#eee}
.advant .title img{display:block; width:18rem; margin:0 auto}
.advant ul li .text{background-color: #f1f1f1;font-size: 1.2rem;line-height: 1.8rem;padding:0 1.2rem; color:#555; height:0; transition:all 0.3s;}
.advant  ul{ padding:0 0 0;}
.advant li strong {background: #555;color: #99cc00;display: block; font-size: 1.4rem; line-height: 3.4rem; margin-bottom:2px;overflow: hidden;padding-left: 2rem;}
.advant li{ position:relative; overflow:hidden;}
.advant li strong.active{ background-color:#987b41}
.advant li em{ display:block; height:2em; line-height:2em; overflow:hidden; width:2em; line-height:2em; text-align:center; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);position:absolute; right:1rem; top:0.8rem; font-size:1.2rem; -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;  transition:all 0.3s; font-weight:bold}
.advant li.active strong em{ transform:rotate(270deg); -webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);}
.advant ul li.active .text{height:14.4rem; padding:1.5rem 1.2rem; }


.mnav{ margin-top:3rem;}
.mnav ul{overflow:hidden; margin:0 1rem;}
.mnav ul li{float:left; width:32%; margin-left:2%;}
.mnav ul li a{display:block; border:1px solid #eee; position:relative}
.mnav ul li img{display:block; width:3.5rem;}
.mnav ul li h4{position:absolute; border-right:#99cc00 0.4rem solid; right:0;bottom:0; line-height:4.2rem; font-size:1.1rem; padding-right:0.5rem;}


.honor{padding:0 0 2rem; border:1px solid #eee; margin:0 1rem;}
.honor .title{line-height:3rem; overflow:hidden; border-bottom:1px solid #eee;}
.honor .title h3{background:url(../images/ttbg.png) left center no-repeat; background-size:11.8rem 3rem; line-height:3rem; width:11.8rem;color:#fff;text-align:left; padding-left:2rem; float:left}
.honor .title a{color:#aaa;font-size:1rem; float:right; display:block; padding-right:0.5rem;}
.honor .swiper-container{ margin:0 0.5rem; margin-top:0.5rem;}
.honor .swiper-container .swiper-slide{width:50%;}
.honor .swiper-container .swiper-slide a{display:block; margin:1rem 0.5rem 0; border:1px solid #eee; position:relative}
.honor .swiper-wrapper .swiper-slide a img {width:100%; display:block;}
.honor .swiper-wrapper .swiper-slide a p{display:block; width:100%; color:#000;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;text-align:center; line-height:1.8rem; font-size:1.2rem; padding:0.3rem 0}


.about{padding:0 0 1rem; border:1px solid #eee; margin:3rem 1rem 0;}
.about .title{line-height:3rem; overflow:hidden; border-bottom:1px solid #eee;}
.about .title h3{background:url(../images/ttbg.png) left center no-repeat; background-size:11.8rem 3rem; line-height:3rem; width:11.8rem;color:#fff;text-align:left; padding-left:2rem; float:left}
.about .title a{color:#aaa;font-size:1rem; float:right; display:block; padding-right:0.5rem;}
.about .main{overflow:hidden; margin:2rem 1rem 0; padding-bottom:0;}
.about .main .pic{width:100%; height:18rem}
.about .main .pic img{display:block;width:100%;}
.about .main .text{color:#555;}
.about .main .text h3{font-size:1.2rem; color:#99cc00; line-height:2rem; font-weight:bold; margin-top:1rem;}
.about .main .text .info{line-height:1.6;color:#555;font-size:1rem;}
.about .more{color:#555; line-height:1.8rem; display:inline-block; margin-top:0.5rem; margin-left:0.5rem}
	
.about ul{overflow:hidden; margin:1rem 1rem 0;}
.about ul li{float:left; width:32%; margin-left:2%;}
.about ul li a{display:block; border:1px solid #eee; position:relative}
.about ul li img{display:block; width:100%;}




.news{ border:1px solid #eee; margin:3rem 1rem 0;}
.news .button{overflow:hidden;line-height:2.5rem; height:2.5rem; border-bottom:1px solid #eee}
.news .button a {float:left; width:32%; margin-left:2%;display:block; font-size:1.2rem; color:#fff; background:url(../images/iconbg1.png) center no-repeat; background-size:100%; text-align:center}
.news .button a.act{background:url(../images/iconbg2.png) center no-repeat; background-size:100%;}

.news .content{position:relative; margin:1rem 1rem 0;}
.news .content .pic{width:11rem; height:7.6rem; overflow:hidden; display:block;position:absolute;left:0; top:0.4rem; border:0.1rem solid #fff;}
.news .content .pic img{ width:11rem;display:block; height:7.6rem;}

.news .content .text{padding-left:12rem}
.news .content .text h3{line-height:2rem;}
.news .content .text h3 a{color:#555;display:block;font-size:1.2rem;}
.news .content .text .info{height:3.3rem;overflow:hidden;line-height:1.5;position:relative; color:#555; font-size:1.1rem;}
.news .content .text a.more{display:block;text-align:left;line-height:1.9rem;color:#555; font-size:1.1rem;}
.news .list{margin-top:0.5rem; padding: 0 1rem 2rem}
.news .list li{ overflow:hidden; padding:0.5rem 0; line-height:2rem; border-bottom:1px dashed #000;}
.news .list li a h3{ float:left; color:#555;}
.news .list li a h3 span{color:#9b0d0c;}
.news .list li a em{font-style:normal; float:right; display:block;color:#555;}
/*.news .list li:last-child{border:none;}*/
.news .listbox{margin-top:0.5rem; padding: 0 1rem}
.news .listbox li{padding:0.3rem 0; border:1px solid #eee; margin-top:1rem;}
.news .listbox li input{display:block; width:100%; border-radius:0; border:none; line-height:1.6rem; font-size:1.2rem; text-indent:1rem; color:#333;}
.news .listbox li textarea{display:block; width:99%; border-radius:0; border:none; line-height:1.6rem; font-size:1.2rem; color:#333; text-indent:1rem; font-family:'微软雅黑'}
.news .listbox li.btn{overflow:hidden;border:none; text-align:center}
.news .listbox li.btn input{display:inline-block; width:25%; border-radius:0; border:none; line-height:2rem; font-size:1.2rem; text-indent:0; color:#fff; margin:0.5rem;}
.news .listbox li .btn1{ background-color:#99cc00;}
.news .listbox li .btn2{ background-color:#bfe057;}

footer{background:#555;color:#fff; font-size:1rem; line-height:1.6rem; text-align:left;padding:1rem 0.5rem 0; position:relative; margin-top:2rem}
footer .pic{width:6rem; position:absolute; text-align:center; left:1rem; top:1rem}
footer .pic span{font-size:1rem;margin-top:0.5rem; display:block;}
footer .pic img{ display:block; width:6rem;}
footer .text{color:#fff; font-size:1rem; line-height:1.6; padding:0 0 0.5rem 7.5rem;}
footer .text a{color:#fff}

/*.online1{position:fixed; right:0; top:30%; z-index:1000;background-image:url(../images/qq.jpg);background-repeat: no-repeat;background-size:2rem 7.2rem;background-position:center; width:2rem; height:7.2rem; border-radius:0.35rem;}*/