@charset "utf-8";
/* CSS Document */
/* style by shenlag shenlag@qq.com QQ:38514999*/
/* banner */
.banner {}
.banner img { width:998px; height:343px;} 

/* con */
.more { width:47px;float:right; background:url(../images/more2.gif) no-repeat right center; display: block; margin-right:10px; *margin-top:-28px;}

/* index 主体 */
/* class/about/news */
.box1 { border-bottom:#e9e9e9 1px solid; overflow:hidden; padding-bottom:10px;}  
.box1 .indclass { width:258px;}
.box1 .indabout { width:378px; margin-left:15px;}
.box1 .indnews { width:332px; }

#con .tit { height:30px; line-height:30px; border-bottom:#cecece 1px solid; text-indent:26px; font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; background:url(../images/icon01.gif) no-repeat 10px 11px;}

.box1 .indclass ul { margin:5px 10px 0 10px;}
.box1 .indclass ul li {float:left;width:119px;height:36px;line-height:36px;text-align:center; background:url(../images/proc_bg.png) no-repeat center;}
.box1 .indclass ul li:hover {background:url(../images/proc_bgh.png) no-repeat center;}
.box1 .indclass ul li:hover a { color:#fff;}
.ind_tact { margin-left:15px;}
.ind_tact em { font-weight:bold; color:#cc0000;}

.box1 .indabout .con{margin-top:10px;}
.box1 .indabout .con p {text-indent:24px; line-height:25px; margin-top:3px;}
.box1 .indabout .con img { width:378px; height:68px;}

.box1 .indnews .tit2 { height:24px; margin-top:6px;border-bottom:#cecece 1px solid;font-size:14px;font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;  }
.box1 .indnews .tit2 ul {}
.box1 .indnews .tit2 ul li { float:left;}
.box1 .indnews .tit2 ul li {float: left;position: relative;padding: 0 20px;height: 0;line-height: 24px;text-transform: uppercase; text-decoration: none;color: #fff;border-right: 24px solid transparent;border-bottom: 24px solid #3D3D3D;border-bottom-color: #777\9;opacity: .3;filter: alpha(opacity=30);}	
.box1 .indnews .tit2 ul li a { color:#fff;}
.box1 .indnews .tit2 ul li:hover,.box1 .tit2 ul li:focus {border-bottom-color: #689409;opacity: 1;filter: alpha(opacity=100);}
.box1 .indnews .tit2 ul li a:focus {outline: 0;}
.box1 .indnews .tit2 ul li.current{z-index: 3;border-bottom-color: #3d3d3d;opacity: 1;filter: alpha(opacity=100);}
.box1 .indnews .items{display:none;background:url(../images/icon_num.gif) 15px 4px no-repeat;padding:0 15px; margin-top:5px;}
.box1 .indnews .items li{height:25px;line-height:25px;padding-left:22px;}


/* rec products */
.box2 { overflow:hidden;}
.box2 ul{ margin-top:10px;}
.box2 ul li{ float:left; width:166px; text-align:center; height:150px;}
.box2 ul li span { font-weight:bold;}
.box2 ul li img{ width:158px; height:119px;}
.box2 .tit span { color:#cc0000;margin-left:380px;}


.index-pro {padding-top: 0;}
.biaoti { margin-top: 30px;}
.biaoti .title { width: 100%; height: 95px;overflow: hidden; position: relative; border-bottom: 5px #efefef solid;}
.biaoti .title a.more { width: 50px; height: 50px; background: url(../images/pro.png) no-repeat center #fe9a00;}
.biaoti .title a.more:hover { background-color: #7bb401;}
.biaoti .title .text {  width: 100%;text-align: center; position: absolute;}
.biaoti .title .text p {display: block; font-size: 14px; color: #cacaca; line-height: 32px; margin-top: 10px;}
.biaoti .title .text p b {line-height: 1;color: #7bb401;font-size: 38px; margin-right: 10px;}
.biaoti .title .text span { font-size: 16px; color: #3f3f3f; line-height: 30px;}

.index-pro .prolist {width: 100%; margin-top: 20px;}
.index-pro .prolist li { float: left; width: 24%; margin-right: 1.33333333%; margin-bottom: 20px;}
.index-pro .prolist li:nth-child(4n+0) { margin-right: 0;}
.index-pro .prolist li .img { width: 100%; height: auto; position: relative;  overflow: hidden;}
.index-pro .prolist li .img img { display: block;width: 99.3%; height: auto; border: #dfdfdf 1px solid;}
.index-pro .prolist li .img .more { width: 100%; height: 100%; background: url(../images/more.png) no-repeat center rgba(37, 37, 37, 0.5); position: absolute;
  left: 0;  top: 0;  opacity: 0;  -moz-transition: all 300ms linear;  -webkit-transition: all 300ms linear;  transition: all 300ms linear;}
.index-pro .prolist li .tit { width: 100%; height: 53px; line-height: 53px; color: #fff; text-align: center; -moz-transition: all 300ms linear; -webkit-transition: all 300ms linear; transition: all 300ms linear; font-size: 15px; margin-top: 6px; background: #a1a1a1;}
.index-pro .prolist li:hover .more { opacity: 1;}
.index-pro .prolist li:hover .tit { background-color: #7bb401;}


/*优势*/
.youshi { margin: 20px 0 50px 0;}
.youshi .list .one {width: 320px;height: 170px;position: relative;overflow: hidden;margin-top: 20px;}
.youshi .list .one li{display: block;position: absolute;background: url(../images/newys.png) no-repeat; width: 320px;height: 170px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;  cursor: pointer;}
.youshi .list .one li.show1 {background-position: 0px -417px;}
.youshi .list .one li.show2 {background-position: -360px -417px;}
.youshi .list .one li.show3 {background-position: -720px -417px;}
.youshi .list .one li.show7 {background-position: -1080px -417px;}
.youshi .list .one li.show4 {background-position: 0px -607px;}
.youshi .list .one li.show5 {background-position: -360px -607px;}
.youshi .list .one li.show6 {background-position: -720px -607px;}
.youshi .list .one li.show8 {background-position: -1080px -607px;}
.youshi .list .one li.hide {margin-top: 170px;}
.youshi .list .one li.hide2 {background-position: -360px 0px;}
.youshi .list .one li.hide3 {background-position: -720px 0px;}
.youshi .list .one li.hide7 {background-position: -1080px 0px;}
.youshi .list .one li.hide4 {background-position: 0px -190px;}
.youshi .list .one li.hide5 {background-position: -360px -190px;}
.youshi .list .one li.hide6 {background-position: -720px -190px;}
.youshi .list .one li.hide8 {background-position: -1080px -190px;}
.youshi .list .one:hover li.show{margin-top: -170px;}
.youshi .list .one:hover li.hide {margin-top: 0;}



.titlebar { height: 35px; overflow: hidden;border-left: 8px solid #7bb401;padding-left: 22px;margin-top: 20px;margin-bottom: 10px; }
.xline {border-bottom: 3px solid #7bb401;}
.titlebar li.en {color: #555;font-size: 13px;line-height: 13px;}
.titlebar li.cn {color: #2e2e2e;font-size: 18px;margin-top: 3px;line-height: 18px;}
.titlebar .list li {display: inline-block; padding: 0 20px;height: 35px;background: #dcdcdc;text-align: center;}
.titlebar .list li a {font-size: 16px;color: #2e2e2e;line-height: 35px;}
.titlebar .list li:hover {height: 33px;border-bottom: 2px solid #FF9000;}

.ind_case { margin-top: 20px; overflow: hidden; background: url(../images/case.png) no-repeat left center; height: 400px; position: relative;}
.ind_case .title {position: absolute; width: 100%; top: 15px; text-align: center; font-size: 32px; color: #7bb401;}
.ind_case .cntit {position: absolute; width: 100%; top: 65px; text-align: center; color: #3e3e3e;font-size: 14px;}


.add2 {background: url(../images/add2.jpg) no-repeat center; height: 200px;margin-top: 20px;}
.add2 .text { width: 75%; padding-top: 42px; color: #fff;}
.add2 .text span { display: block; line-height: 1; font-size: 36px; letter-spacing: 5px;}
.add2 .text p {  display: block; font-size: 16px; line-height: 30px; margin-top: 18px;color: #fff;}
.add2 .text2 { width: 25%; padding-top: 36px;}
.add2 .text2 span {display: block; font-size: 22px; line-height: 1; color: #535353;}
.add2 .text2 .tel {font-size: 48px; color: #fe9a00; line-height: 66px; height: 66px;}
.add2 .text2 .as { overflow: hidden;}
.add2 .text2 .as a {  display: block; width: 138px; height: 35px; text-align: center; line-height: 35px; float: left; font-size: 16px; margin-top: 10px;}
.add2 .text2 .as a:first-child { background: #fff; color: #535353;}
.add2 .text2 .as a:last-child { background: #fe9a00; color: #fff;}



.index_news{width:32%; margin-right: 4%;}
.index_news_title{width:100%;height:49px;border-bottom:3px solid rgb(205,205,205); position: relative;}
.index_news_title .fl{height:49px;padding-left:32px;background:url(../images/b23.png) no-repeat 9px 5px;font-size:18px;color: #7bb401; font-weight: bold;position: absolute;left:10px; top: 15px;}
.index_news_title .fr{width:38px;height:11px;background:url(../images/m1.png) no-repeat center; position: absolute; right: 10px; top: 22px;}
.index_news_title .fr:hover{background:url(../images/m2.png) no-repeat center;}
.index_news ul{width:100%;height:auto;margin:auto;padding-top:10px;}
.index_news ul li{height:38px;font-size:14px;color:rgb(70,70,70);line-height:38px; border-bottom: 1px dashed #b0b0b0;position:relative; text-indent: 28px;}
.index_news ul li:before{content:'';width:8px;height:8px;border:1px solid #7bb401;border-radius:50%;display:block;position:absolute;left:8px;top:50%;margin-top:-4px}
.index_news ul li a{height:38px;font-size:14px;color:rgb(70,70,70);float:left;}
.index_news ul li span{width:76px;height:28px;float:right;text-align:right;}
.index_news ul li a:hover{color:rgb(255,72,0);}

.index_question{width:28%;}
.index_question_title{width:100%;height:49px;border-bottom:3px solid rgb(205,205,205); position: relative;}
.index_question_title .fl{height:49px;padding-left:32px;background:url(../images/b23.png) no-repeat 9px 5px;font-size:18px;color: #7bb401; font-weight: bold;position: absolute;left:10px; top: 15px;}
.index_question_title .fr{width:38px;height:11px;background:url(../images/m1.png) no-repeat center; position: absolute; right: 10px; top: 22px;}
.index_question_title .fr:hover{background:url(../images/m2.png) no-repeat center;}
.index_question ul{width:100%;height:auto;margin:auto;padding-top:10px;}
.index_question ul li{height:38px;font-size:14px;color:rgb(70,70,70);line-height:38px; border-bottom: 1px dashed #b0b0b0;position:relative; text-indent: 28px;}
.index_question ul li:before{content:'';width:8px;height:8px;border:1px solid #7bb401;border-radius:50%;display:block;position:absolute;left:8px;top:50%;margin-top:-4px}
.index_question ul li a{height:38px;font-size:14px;color:rgb(70,70,70);float:left;}
.index_question ul li span{width:76px;height:28px;float:right;text-align:right;}
.index_question ul li a:hover{color:rgb(255,72,0);}





.index_middle5_bg{width:100%;height:425px;min-width:1400px !important;background:url(../images/b1.png) no-repeat center;}
.index_middle5{width:1400px;height:425px;margin:auto;position:relative;}
.index_companyname {font-size: 18px; color: #7BB401; position: absolute; top: 35px; left: 500px;}
.index_company{width:1020px;height:auto;font-size:15px;line-height:26px;color:rgb(60,60,60);position:absolute;top:66px;left:376px;}
.index_company a{font-size:14px;color:rgb(60,60,60);}
.index_company a:hover{font-size:14px;color:rgb(255,90,0);}
.index_shows{width:1056px;height:auto;position:absolute;top:226px;left:338px;}
.index_shows p{font-size:16px;line-height:24px;color:rgb(60,60,60);text-indent:8px;}
.index_shows p span{font-size:16px;line-height:24px;color:rgb(14,84,173);}
.index_shows .bd {margin-top: 10px;margin-left:10px;}
.index_shows ul{width:100%;height:auto;margin-top:12px;}
.index_shows ul li{width:190px;height:156px;margin-right:10px;padding:4px;border:1px solid rgb(205,205,205);float:left;text-align: center;}
.index_shows ul li img { width: 190px; height: 135px;}