@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #333; min-width:1200px; margin:0 auto;  position: relative; background:#fff; -webkit-text-size-adjust: none;}
html,body{width:100%; height:100%}
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666;font-family: 'Microsoft Yahei'; }
i,em { display: inline-block; font-style:normal; }
*:focus { outline: none }
img { border: 0px; max-width:100%; }
ul, li { list-style-type: none; }
a{ color: #424242; text-decoration: none; border: none; outline: none; transition:all 0.5s ease; }
a:hover { color: #7fce00; }
.clear{ clear:both; content:''; height:0px; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width:1200px; margin:0 auto;}


/***头部***/
.headtop{ height:30px; overflow:hidden; line-height:30px; background:#f8f8f8;}
.headtop .fl{ font-size:14px; color:#898989;}

.header{ padding:25px 0; overflow:hidden;}
.header .logo{ float:left;}
.header h2{ float:left; font-size:35px; margin-top:4px; margin-left:158px; color:#666;}
.header h2 span{ color:#7fce00;}

.search{ float:right;}
.search .sbox{ border:2px solid #7fce00; position:relative; overflow:hidden; height:30px; line-height:30px; width:300px;}
.search .sbox .stxt{ width:100%; border:0px; font-size:14px; padding:5px 10px; box-sizing:border-box;}
.search .sbox .sbtn{ position:absolute; right:0px; top:0px; background:#7fce00; border:0px; cursor:pointer; width:70px; color:#fff; font-size:14px; height:100%;}
.search p{ margin-top:5px;}
.search p a{ margin-right:12px;}

.nav{ height:45px; background:#7fce00;}
.nav ul li{ float:left; width:12.5%;}
.nav ul li a{ display:block; font-size:16px; text-align:center; line-height:45px; color:#fff;}
.nav ul li a:hover,.nav ul li a.on{ background:#ff0000}


/***焦点图***/
.banner{ overflow:hidden; position:relative; height:660px;}
.banner .bd ul{  }
.banner .bd ul li{ float:left; width:100%; position:relative; }
.banner .bd ul li img{ display:block; width:100%;}
.banner .hd { position:absolute; width:100%; text-align:center; bottom:12px; left:0px; z-index:1;}
.banner .hd ul li{ width:15px;  height:15px;  display:inline-block; overflow:hidden; line-height:-999px; cursor:pointer; margin:0 5px; background:rgba(255,255,255,0.5); border-radius:50%;}
.banner .hd ul li.on{ background:#7fce00;}
.banner .next,.banner .prev{ width:22px; height:38px; position:absolute; cursor:pointer; transition:all 0.5s ease; top:50%; transform:translateY(-50%);}
.banner .bd ul li .wrap{ position:absolute; left:50%; margin-left:-620px; top:0px;}
.banner .bd ul li .wrap .text{ margin-top:130px;}
.banner .bd ul li .wrap .text h1{ font-size:99px; color:#f60;}
.banner .bd ul li .wrap .text h2{ font-size:110px; color:#7fce00;}
.banner .bd ul li .wrap .text p{ font-size:18px; color:#666; line-height:30px; letter-spacing:12px;}

/***产品***/
.title{ text-align:center; padding-top:70px;padding-bottom:20px;}
.title h1{ font-size:50px; color:#666; }
.title p{ font-size:20px; position:relative; text-align:center;}
.title p span{ position:relative; z-index:11; background:#fff; padding:0 15px;}
.title p i{ width:210px; position:absolute; height:2px; background:#333; left:50%; top:14px; margin-left:-105px;}

/***关于我们***/
.about{ background:#7fce00; overflow:hidden; padding-bottom:70px;}
.about .title h1{ color:#fff; }
.about .title p span{ color:#fff; background:#7fce00; font-weight:bold;}
.about .title p i{background:#fff;}
.about .note{ font-size:16px; color:#fff; line-height:30px; text-align:center; width:1000px; margin:30px auto; margin-bottom:10px;}
.about .prolist li a{ color:#fff;}
.prolist{ overflow:hidden; margin-left:-30px;}
.prolist li{ float:left; width:25%; padding-left:30px; box-sizing:border-box; padding-top:30px; }
.prolist li a{ display:block; text-align:center;}
.prolist li .pic{ overflow:hidden; position:relative; }
.prolist li .pic img{ display:block; transition:all 1s ease;}
.prolist li p{ font-weight:normal; font-size:16px; height:45px; line-height:45px; padding:0 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prolist li:hover img{ transform:scale(1.3); -webkit-filter:brightness(50%); }
.prolist li .pic:after{ width:60px; height:60px; background:url(../fdj.png) no-repeat center; background-size:80% auto; content:''; position:absolute; left:0px; right:0px; margin:auto; top:50%; transform:translateY(-50%) scale(0); transition:all 0.6s ease; opacity:0;}
.prolist li:hover .pic:after{transform:translateY(-50%) scale(1); opacity:1; }
.prolist li h2{ font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal; padding:10px 0; text-align:center;}
.prolist li h3{ font-size:12px; font-weight:normal; text-align:center;}
.prolist li h3 span{ color:red;}

/***服务***/
.service{ height:600px; overflow:hidden; background:url(../bg.jpg) no-repeat center top;}
.service .text{ float:right;}
.service .text h1{ color:#666; font-size:95px; padding-top:110px;}
.service .text h2{ color:#7fce00; font-size:110px;}
.service .text p{ font-size:19px; color:#666; line-height:35px; letter-spacing:12px; margin-top:25px; padding-left:10px;}

/***产品推荐***/
.product{ overflow:hidden; padding-bottom:70px;}
.product .prolist li p{ display:none;}

.more{ display:block; width:200px; height:45x; line-height:45px; text-align:center; font-size:15px; color:#888; border:1px solid #ddd; border-radius:40px; margin:0 auto; margin-top:50px;}
.more:hover{ background:#7fce00; color:#fff; border-color:#7fce00;}

/***案例展示***/
.about.c .prolist li{ width:350px; padding-left:0px; margin:0px; margin-right:30px;}
.about.c .prolist li p{ display:none;}
.about .more{ color:#fff; border-color:#fff;}
.about.c .bd{ overflow:hidden;}

/***新闻***/
.new{ overflow:hidden; padding-bottom:70px;}
.new ul{ overflow:hidden; margin-left:-30px;}
.new ul li{ float:left; width:20%; padding-left:30px; height:310px; margin-top:30px;box-sizing:border-box;}
.new ul li a{ display:block;}
.new ul li a h2{ font-size:16px; padding:10px 0; color:#666;}
.new ul li a .date{ color:#999;}
.new ul li a .note{ font-size:13px; color:#666; line-height:22px; margin-top:6px; height:66px;}
.new ul li a:hover h2{ color:#7fce00;}

/***底部***/
.footer{ overflow:hidden; background:#f4f4f4; padding:30px 0; padding-bottom:20px;}
.footer .dblogo{ float:left; width:320px; text-align:center;}
.footer .dblogo img{ display:block; margin:0 auto; width:100px;}
.footer .dblogo h2{ font-size:24px; color:#7fce00; letter-spacing:5px;}
.footer .copy{ float:left; font-size:16px; color:#666; line-height:33px; margin-left:100px;}
.footer .ewm{ width:110px; text-align:center; float:right; text-align:center; font-size:14px;}
.footer .ewm p{ margin-bottom:5px;}


/***产品列表***/
.topimg{height:400px; overflow:hidden; position:relative;}
.topimg .wrap{position:absolute; left:50%; margin-left:-600px; top:0px;}
.topimg .wrap h1{ font-size:50px; color:#7fce00; padding-top:50px; padding-left:50px;}
.topimg .wrap h2{ font-size:50px; color:#7fce00; padding-left:150px;}

/***内页****/
.content{ background:#fff; overflow:hidden; padding-bottom:50px;}
.title.t2 h1{ color:#7fce00;}
.title.t2 p span{ background:#fff;}
.title.t2 p i{ height:1px; background:#ddd;}

.myadv{ margin-top:50px;}
.myadv ul{ overflow:hidden;}
.myadv ul li{ float:left; width:50%; margin-top:50px;}
.myadv ul li img{ float:left;}
.myadv ul li .text{ float:right; width:200px; margin-right:100px;}
.myadv ul li .text h2{ font-size:65px; color:#7fce00;}
.myadv ul li .text h3{ font-size:20px; font-weight:normal;}
.myadv ul li .text p{ font-size:14px; line-height:25px; color:#999; padding-top:12px;}
.myadv ul li.li0 .text,.myadv ul li.li1 .text{ float:left; margin:0px;}
.myadv ul li.li0 img,.myadv ul li.li1 img{ float:right; margin-right:100px;}


/***分页***/
.page{ overflow:hidden; text-align:center; padding:40px 0;}
.page ul li{ display:inline-block;}
.page ul li a,.page ul li span{ padding:10px 15px; background:#fff; display:inline-block; color:#888; margin:0 2px;}
.page ul li.active span{ background:#7fce00; color:#fff; border-color:#7fce00}
.page ul li:hover a{ background:#7fce00; color:#fff;border-color:#7fce00}

/***产品详情***/
.location{ font-size:14px; height:40px; line-height:40px; color:#686868; background:#f4f4f4; }
.location a{ font-size:14px; color:#686868;}
.location i{ margin:0 12px; color:#d6d6d6;}

.left{ float:left; width:200px; margin-top:30px;}
.left h2{ background:#7fce00; padding:20px 0px; text-align:center; color:#fff; font-weight:normal; font-size:30px;}
.left h2 p{ font-size:14px;}
.left ul li > a{ display:block; height:50px; background:#f4f4f4; line-height:50px; font-size:16px; padding:0 20px;}
.left ul li > a.on{ background:#7fce00; color:#fff;}
.left ul li{ margin-top:2px;}
.left ul li .lson a{ display:block; background:#f4f4f4; height:40px; line-height:40px; margin-top:2px; font-size:14px; padding-left:30px;}
.left ul li .lson a.on{background:#7fce00; color:#fff;}

.right{ float:right; width:970px;}
.desc{ background:#f4f4f4; padding:10px 12px; color:#999; border:1px solid #ddd;}

.prevnext{ font-size:14px; color:#888; line-height:30px;}

.protop{ overflow:hidden; padding:30px 0;}
.protop .proimg{ float:left; width:400px; height:400px;}
.protop .proimg img{ display:block; width:100%; height:100%;}
.protop .text{ float:right; width:530px;}
.protop .text h2{ border-bottom:1px dotted #ddd; padding:10px 0; font-size:18px; color:#7fce00}
.protop .text p{ font-size:14px; margin-top:10px; color:#888;}
.protop .text p em{ text-decoration:line-through;}
.protop .text p b{ font-size:25px; color:red;}

.pdbox{ padding:20px 0; line-height:26px; color:#666; font-size:14px; overflow:hidden;}
.pdbox a{ color:#db082a;}

/***案例列表***/
.prolist.c2 li{ width:20%;}
.rtit{ text-align:center; padding:20px 0;}
.rtit h1{ font-size:20px;}
.rtit p{ font-size:12px; color:#999; padding-top:10px;}

/***案例详情***/
.casebox{ margin-top:20px;}
.casebox .bd{ border:1px solid #eee; height:500px; overflow:hidden;}
.casebox .bd ul li{ display:flex; text-align:center; height:500px; justify-content:center; align-items:center;}
.casebox .bd ul li img{ max-width:100%; max-height:100%;}
.casebox .bd ul li a{ display:block; height:500px;}
.casebox .hd { height:100px; margin-top:10px; text-align:center;}
.casebox .hd ul li{ display:inline-block; line-height:999999px; cursor:pointer; overflow:hidden; width:100px; height:100px; margin:0 5px; border:1px solid #eee; box-sizing:border-box;}
.casebox .hd ul li.on{ border:2px solid #7fce00;}

/***新闻列表***/
.cate{ text-align:center; margin-top:30px; margin-bottom:30px;}
.cate li{ display:inline-block; margin:0 10px;}
.cate li a{ display:block; padding:8px 0 ; width:150px; color:#888; border-radius:30px; border:1px solid #ddd; text-align:center; font-size:16px;}
.cate li a.on,.cate li a:hover{ background:#7fce00; color:#fff; border-color:#7fce00;}

.newlist{ overflow:hidden; }
.newlist li{ position:relative; height:100px; overflow:hidden; border-bottom:1px dashed #ddd; padding:30px 0; padding-left:120px;}
.newlist li .date{width:100px; height:100px; left:0px; top:30px; background:#7fce00; position:absolute; text-align:center; color:#fff; font-size:14px;}
.newlist li .date h3{ display:block; font-size:30px; padding-top:15px; font-family:im;}
.newlist li h2{ font-size:20px; font-weight:normal;}
.newlist li .note{ font-size:12px; color:#999; padding-top:10px; line-height:23px;}

.newbox{ background:#fff; padding:25px; overflow:hidden;}
.newbox .newtit{ text-align:center; border-bottom:1px solid #eee; padding-bottom:12px;} 
.newbox .newtit p{ font-size:14px; color:#888; padding-top:15px;}


.books{ padding:12px; overflow:hidden;}
.books h2{ text-align:center; font-size:16px; padding:15px 0; color:#db082a; padding-top:8px;}
.books .intxt{ display:block; border:1px solid #eee; transition:all 0.3s ease; box-sizing:border-box; padding:10px; margin-bottom:12px; width:100%;}
.books .intxt:focus{ border:1px solid #7fce00}
.books .sbtn{ background:#7fce00; padding:10px; cursor:pointer; border:0px; color:#fff; width:100%;}
.bookr{ width:500px; float:left; margin-left:40px;}