@charset "utf-8";
/* by Sean Lu 20190624 */
/* 移动端全局控制reset */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family:arial,Helvetica,STHeiti,Droid Sans Fallback,"思源黑体 CN Regular"; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { color: #1891cb; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #99cc00; color: #fff; }
::-moz-selection { background: #99cc00; color: #fff; }

.wrapper { margin: 0 auto; width: 1200px; }


.bannerslide { }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 620px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 10px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; }
.swiper-pagination-bullet-active { background: #007bba; }


.homeimg { background-repeat: no-repeat; background-position: center; }


/*下拉出现顶部按钮*/
#scrollBar { display:block; opacity: 0; z-index: 9999; -webkit-transition: opacity .4s; transition: opacity .4s; }
#scrollBar a { background: #fff; color: #666; width: 70px; height: 70px; padding-top: 15px; display: block; overflow: hidden; cursor: pointer; font-size: 12px; text-align: center; text-decoration: none; border: 1px solid #e6e6e6; border-top: 1px solid #eaeaea; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; }
#scrollBar a:before { background: url(../img/gotop.png) no-repeat center 0; display: block; width: 20px; height: 12px; content: ''; margin: 0 auto 15px; }
#scrollBar a:hover:before { background-position: center bottom; }
#scrollBar a:hover { opacity: 1; filter: alpha(opacity=100); background: #99cc00; color: #fff;}





.top{ background-color:#f5f5f5; line-height:40px; height:40px;}
.top li{ float:left; font-size:13px; color:#999; margin-left:40px;}
.top .hotline{ padding-left:20px; background:url(../img/hotline.png) no-repeat left center;}
.top .hotline b{ color:#99cc00;}
.top .address{ padding-left:18px; background:url(../img/address.png) no-repeat left center;}

.header{ background-color:#fff; position:relative; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1);}
.header .logo{ float:left; padding:11px 0; padding-right:60px;}
.header .nav{ line-height:80px;}
.header .nav a{ float:left; padding:0 18px;}
.header .nav a:hover{ color:#9c0;}
.header .searchtt{border:0; color:#000; padding-left:10px; border-radius:20px; height:30px; width:90px; margin-top:26px; background:#99cc00 url(../img/search.png) no-repeat 22px center; text-align:center;}
.header input::-webkit-input-placeholder{ color:#000; font-size:14px; font-weight:bold;}



.homebox1{ background:url(../img/homebg1.png) no-repeat top center; border-bottom:1px solid #dedede;}
.homebox1 .promore{ text-align:center; font-size:14px; padding-top:20px;}
.homebox1 .promore a{ color:#000;}
.homebox1 .promore span{ font-size:20px; letter-spacing:1px;}
.homebox1 .bigpic{ margin:0 auto; padding:100px 0 80px 0;}
.homebox1 .bigpic img{ display:block; width:100%;}


.hometitle{ background:url(../img/titlebg.png) no-repeat bottom center; text-align:center; font-size:28px;}
.hometxt{ text-align:center; color:#999; margin-top:36px; font-size:14px;}
.look{ text-align:center; margin:40px 0; font-size:14px;}
.look a{ color:#222; padding:12px 28px; background-color:#99cc00; border-radius:20px; -webkit-box-shadow:0 0 30px #99cc00; box-shadow:0 0 30px #99cc00;}



.homebox2{ padding-top:55px; padding-bottom:36px;}
.homebox2 .homepro{ padding-top:36px;}
.homebox2 .homepro .item{ float:left; margin-right:13px; box-sizing:border-box; background:#fff; width:290px; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.1); box-shadow: 0 2px 6px rgba(0,0,0,0.1); padding:20px;}
.homebox2 .homepro .item:last-child{ margin-right:0;}
.homebox2 .homepro .item .pic{ background:url(../img/probg.jpg) no-repeat center center; width:100%; height:100%;}
.homebox2 .homepro .item .pic img{ display:block; width:100%;}
.homebox2 .homepro .item .info{ padding-top:20px;}
.homebox2 .homepro .item .info .name{ padding-bottom:10px;}
.homebox2 .homepro .item .info .sort{ color:#999; font-size:14px;}
.homebox2 .homepro .item .info .jt{ float:right;}


.homebox3{ background:#f6f6f8 url(../img/homebg.jpg) no-repeat top center; padding:43px 0;}
.homebox3 .homeabout{ margin-top:50px;}
.homebox3 .homeabout .box{ float:left; width:21%; padding:0 24px;}
.homebox3 .homeabout .box .pic{ text-align:center; padding-bottom:20px;}
.homebox3 .homeabout .box .pic img{ border-radius:50%; -webkit-box-shadow:0 0 30px #99cc00; box-shadow:0 0 30px #99cc00;}
.homebox3 .homeabout .box .tit{ color:#333; font-size:18px; text-align:center; padding-bottom:20px;}
.homebox3 .homeabout .box .txt{ color:#999; font-size:14px; text-align:left;}


.homebox4{ padding:50px 0;}
.homebox4 .homenew{ margin-top:50px;}
.homebox4 .homenew .box{ float:left; width:28.2%; border:1px solid #dedede; padding:30px; border-right:none;}
.homebox4 .homenew .box:last-child{ border-right:1px solid #dedede;}
.homebox4 .homenew .box .sort{ font-size:12px; color:#999; padding-bottom:18px;}
.homebox4 .homenew .box .tit{ padding-bottom:20px; height:56px;}
.homebox4 .homenew .box .tit a{ color:#111; font-size:18px;}
.homebox4 .homenew .box .txt{ color:#777; font-size:14px; padding-bottom:20px;}
.homebox4 .homenew .link { overflow: hidden; margin-bottom: -12px; }
.homebox4 .homenew .box .link a { width: 24px; height: 24px; display: block; float: left; background: url(../img/hb01img01.png) no-repeat center; }
.homebox4 .homenew .box .link a.l02 { float: right; background-image: url(../img/hb01img02.png); }



.homebox5{ background:url(../img/homebg_01.jpg) no-repeat top center; padding:70px 0 33px 0;}
.homebox5 .hometitle{ color:#fff; background:url(../img/titlebg_01.png) no-repeat bottom center;}
.homebox5 ul{ color:#fff; text-align:center; padding-top:30px;}
.homebox5 .add{ background:url(../img/add.png) no-repeat left center; padding-left:30px;}
.homebox5 .tel{ background:url(../img/tel.png) no-repeat left center; padding-left:30px;}
.homebox5 ul li{ padding:0 30px; display:inline-block;}


.foot{ background-color:#333; color:#bfbfbf; padding:50px 0; font-size:15px;}
.foot ul{ float:left; padding-left:70px;}
.foot ul li a{ color:#bfbfbf;}
.foot ul li a:hover{ text-decoration:underline;}
.foot .last{ padding-top:20px;}
.foot .fr p{ font-size:12px; text-align:center;}

.bottom{ background-color:#222; color:#bfbfbf; text-align:center; padding:28px 0; font-size:16px;}
.bottom a{ color:#bfbfbf;}



.intitle{ background:#f8f8f8; border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; padding:30px 0;}
.intitle h2{ float:left; font-weight:normal; font-size:30px; color:#333;}
.intitle .loc{ float:right; color:#333; font-size:14px; margin-top:12px;}
.intitle .loc a:hover{ color:#99cc00;}
.intitle .loc span{ color:#99cc00;}

.inbanner{ background:url(../img/inbanner.jpg) no-repeat center center; background-size:cover; padding:80px 0; background-attachment:fixed;}
.inbanner .title { text-align: center; vertical-align: middle; color:#fff;}
.inbanner .title .en { font-size: 50px; text-transform: uppercase; font-family: arial; letter-spacing:2px;}
.inbanner .title .en span{ color:#99cc00;}


.inpage{ padding:50px 0; background:#fff;}
.mainbox{ color:#666; font-size:16px; line-height:2;}
.mainbox p{ padding-bottom:10px;}
.mainbox strong,.mainbox b{ color:#d3282c;}
.mainbox .con img{ display:inline;}
.mainbox .conl{ float:left; width:35%;}
.mainbox .conr{ float:right; width:60%;}

.messagecon { line-height: 24px; margin-bottom: 20px; font-family: microsoft yahei; }
.messagecon p { margin-bottom: 20px; }
.messagetit { font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; line-height: 26px; color: #666; resize: none; width: 96%; height: 120px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; outline: none; background: #fff; }
.messageinput { font-size:16px; width: 27%; padding: 10px; height: 26px; line-height: 26px; border: 1px solid #dedede; margin: 0 5px 0 0; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; outline: none; background: #fff; }
.messagebtn { font-size:16px; width: 30%; text-align: center; line-height: 50px; height: 50px; border: 0; background: #97c50d; color: #333; border-radius: 4px; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { font-size:16px; width: 50%; color: #fff; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }
.mainbox .yanzhengma { display: inline; }



.side{ float:left; width:20%;}
.side h3{ color:#000; font-size:23px; font-weight:normal;}
.side .unline{ border-bottom:2px solid #333; width:20%; margin-bottom:20px;-webkit-transition:all 0.5s ease-in-out; transform:all 0.5s ease-in-out;}
.side:hover .unline{border-bottom:2px solid #9c0; width:30%;}
.side ul{}
.side ul li a{ display:block; font-size:16px; padding-bottom:10px;}
.side ul li a:hover{ text-decoration:none;color:#99cc00;}
.side ul li a.on{color:#99cc00;}

.main{ float:right; width:78%;}

.newlist {}
.newlist li { padding: 20px 0px 20px 0px; border-bottom: 1px dashed #dedede; height: 152px; overflow: hidden;}
.newlist li.on { background: #f1f1f1; }
.newlist li .img { float: left; width: 200px; height: 150px; overflow: hidden; border: 1px solid #dedede; margin-right: 20px; background: url(../img/nopic.jpg) no-repeat center center; }
.newlist li .img img { width: 200px; height: 150px; display: block; }
.newlist li .info { margin-left: 20px; margin-bottom: 20px; }
.newlist li .info a { padding:0; text-decoration: none; }
.newlist li h4 { margin-bottom: 10px; }
.newlist li h4 a { line-height: 28px; font-size: 18px; font-weight: bold; padding: 3px 2px; color: #333; }
.newlist li .info a:hover { text-decoration: none; color: #9c0; }


.prolist .item{ float:left; margin:0 15px 15px 0; box-sizing:border-box; background:#fff; width:31%; border:1px solid #f2f2f2; padding:20px;}
.prolist .item:nth-child(3n){ margin-right:0;}
.prolist .item a:hover .name{ color:#9c0;}
.prolist .item .pic{ background:url(../img/probg.jpg) no-repeat center center; width:100%; background-size:100%;}
.prolist .item .pic img{ display:block; width:100%;}
.prolist .item .info{ padding-top:20px;}
.prolist .item .info .name{ padding-bottom:10px;}
.prolist .item .info .jt{ float:right;}

.mainbox .proname{ text-align:center; font-size:24px; margin-bottom:20px;}
.mainbox .pro_con{}
.mainbox .pro_con .pro_pic{ width:100%; margin-bottom:2em;}
.mainbox .pro_con .pro_pic img{ display:block; height:auto; box-shadow:none; margin:0 auto;}
.mainbox .pro_con .thumbnails{ margin-top:20px; text-align:center;}
.mainbox .pro_con .thumbnails a{ display:inline-block; margin:0 5px 0 0;}
.mainbox .pro_con .thumbnails img{ background:#fff; border:4px solid #333;}
.mainbox .pro_txt{ border-top:1px solid #eee; border-left:1px solid #eee; padding:20px 10px; margin-bottom:20px;}


.caselist .item{ float:left; margin:0 20px 20px 0; box-sizing:border-box; background:#fff; width:31%;}
.caselist .item a:hover .name{ color:#9c0;}
.caselist .item .pic{}
.caselist .item .pic img{ display:block; width:100%;}
.caselist .item .name{ line-height:2; text-align:center;}


.vedio .item{ float:left; margin:10px; box-sizing:border-box; background:#fff; width:23%;}
.vedio .item a:hover .name{ color:#9c0;}
.vedio .item .pic{ border:1px solid #ccc; padding:5px;}
.vedio .item .pic img{ display:block; width:100%;}
.vedio .item .name{ line-height:2; text-align:center;}

@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	.header .searchtt{ display:none;}
	.bannerslide .swiper-slide{ height:300px;}
	.homebox2 .homepro .item{ width:24%;}
	.homebox3 .homeabout .box{ width:20%;}
	.homebox4 .homenew .box{ width:27.5%;}
	.foot ul{ padding-left:40px;}
	
	
}

@media (max-width: 1024px){
	.header .nav a{ padding:0 10px;}
	.homebox4 .homenew .box{ width:27%;}
	.foot .fr{ display:none;}
	.caselist .item{ margin:0 15px 15px 0;}
	.vedio .item{ width:22%;}
	.mainbox .pro_con .pro_pic img{ width:100%;}
	.mainbox .pro_con .thumbnails img{ width:90px;}

}
@media (max-width: 760px){
	.top .address{ display:none;}
	.header .logo{ text-align:center; float:none; padding-right:0;}
	.header .nav{ line-height:2;}
	.header .nav a{ width:22%; text-align:center; padding:0; background:#99cc00; border-radius:20px; margin:1%; color:#fff; font-size:14px;}
	.bannerslide .swiper-slide{ height:210px;}
	.homebox2 .homepro .item{ width:48%; margin:1%;}
	.homebox3 .homeabout .box{ width:35%; padding-top:20px;}
  	.homebox4 .homenew .box{ box-sizing:border-box; width:100%; border-right:1px solid #dedede; margin-bottom:10px;}
  	.homebox5{ padding:45px 0 33px 0;}
	.foot{ display:none;}
	
	.side{ width:100%; box-sizing:border-box;}
	.side ul li{ float:left; margin:5px;}
	.side ul li a{ border-radius:20px; background:#f5f5f5; padding-bottom:0; padding:5px 10px;}
	.main{ width:100%; box-sizing:border-box;}
	.mainbox .con img{ width:100%;}
	.prolist .item{ width:100%; padding:10px; margin:1%;}
	.prolist .item:nth-child(3n){ margin-right:1%;}
	.caselist .item{ width:48%; margin:1%;}
	.newlist li .img{ display:none;}
	.mainbox .conl,.mainbox .conr{ width:100%;}
	.vedio .item{ width:100%; margin:0; margin-bottom:10px;}
	.prolist .item .info .jt{ display:none;}
	.newlist li .info{ margin-left:0;}
	.main img{ width:100%;}
}