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

html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*header*/
.header{ width:100%; height:90px; background-image:url(../images/navbg.png); background-position:left bottom; background-repeat:repeat-x; position:absolute; left:0; top:0; z-index:9;}
.header .box{ width:1200px; margin:auto; height:90px;}
.header .box .logo{ height:50px; float:left; padding:20px 0;}
.header .box .logo img{ display:block; height:50px;}
.header .nav{ float:left; margin-left:40px; height:90px;}
.header .nav span{ display:block; margin-left:20px; position:relative; float:left;}
.header .nav span>a{ display:block; overflow:hidden; height:90px; line-height:90px; font-size:16px; color:#fff;}
.header .nav span:hover >a,.header .nav span a.on{ color:#4f9a2f;}
.header .nav a.on b,.header .nav span:hover a b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#4f9a2f;}
.header .nav span p{ display:none; position:absolute; width:80px; padding:5px 10px; left:50%; margin-left:-50px; top:90px; background-color:rgba(0,0,0,0.7); z-index:99;}
.header .nav span p a{ width:100%; text-align:center; font-size:14px; height:30px; line-height:30px; overflow:hidden; display:block; text-align:center; color:#fff;}
.header .nav span p a:hover{ color:#4f9a2f;}
.header .nav span:hover p{ display:block;}

.header .yu{ float:right; height:40px; padding:25px 0; position:relative;}
.header .yu span{ display:block; height:40px; overflow:hidden; cursor:pointer;}
.header .yu span img{ display:block; height:16px; margin:12px auto;}
.header .yu p{ display:none; width:120px; -webkit-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); box-shadow:0px 14px 33px -9px rgba(0, 0, 0, 0.75); z-index:99; position:absolute; top:75px; right:-20px; background:rgba(0,0,0,0.7); padding:15px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; border-radius:4px;}
.header .yu p:before{ bottom:100%; right:20px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(0,0,0,0.7); border-width:8px; margin-left:-8px; }
.header .yu p a{ display:block; height:24px; overflow:hidden; font-size:14px; line-height:24px; color:#fff; text-align:center;} 
.header .yu:hover p{ display:block;}
.header .yu p a:hover{ color:#4f9a2f;}

/*banner*/
.banner{ width:100%; height:800px; position:relative; z-index:0;}
.banner .swiper-container{ width:100%; height:100%; position:relative; overflow:hidden; z-index:0;}
.banner .swiper-container .swiper-slide{ width:100%; height:100%; overflow:hidden; position:relative;}
.banner .swiper-container .swiper-slide a{ width:1920px; height:100%; display:block; position:absolute; left:50%; margin-left:-960px; top:0;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .down{ position:absolute; left:50%; margin-left:-26px; bottom:20px; z-index:2; cursor:pointer; width:52px;}
.banner .down img{ width:100%; display:block;}

/*产品分类*/
.pbox{ width:100%; height:670px; overflow:hidden;}
.pbox .left{ width:50%; height:100%; float:left; position:relative; background-position:right bottom; background-repeat:no-repeat; background-color:#f6fff2;}
.pbox .right{ width:50%; height:100%; float:left; position:relative; background-position:right bottom; background-repeat:no-repeat; background-color:#fff7ed;}
.pbox a{ width:100%; height:100%; display:block; overflow:hidden; position:relative;}
.pbox a .tu{ width:0; height:0; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox a:hover .tu{ width:100%; height:100%;}
.pbox a .mask{ width:85%; height:530px; background-color:rgba(0,0,0,0.7); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; z-index:1; display:none;}
.pbox a:hover .mask{ display:block;}
.pbox a .wen{ width:53.125%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; text-align:center; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pbox a .wen .p01{ font-size:18px; height:34px; line-height:34px; text-transform:uppercase; color:#666;}
.pbox a .wen .p02{ font-size:30px; height:48px; line-height:48px; font-weight:bold; color:#333;}
.pbox a .wen .p03{ width:50px; height:4px; margin:10px auto; margin-bottom:25px; background-color:#4f9a2f;}
.pbox a .wen .p04{ font-size:14px; max-height:96px; line-height:24px; color:#777; margin-bottom:5px;}
.pbox a .wen .p05{ width:30px; margin:auto; padding-top:40px; padding-bottom:10px; display:none;}
.pbox a .wen .p05 img{ display:block; width:100%;}
.pbox a:hover .wen .p01{ color:#fff;}
.pbox a:hover .wen .p02{ color:#fff;}
.pbox a:hover .wen .p03{ background-color:#fff;}
.pbox a:hover .wen .p04 p,.pbox a:hover .wen .p04 span{ color:#fff !important;}
.pbox a:hover .wen .p05{ display:block;}

/*核心优势*/
.ybox{ width:100%; height:650px; background-attachment:fixed; background-repeat:no-repeat; background-position:left center; position:relative; z-index:0;}
.ybox .box{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0; background-image:url(../images/ybg.png); background-position:center; background-repeat:no-repeat; }
.ybox .title{ padding-left:360px; padding-top:70px; float:left;}
.ybox .title img{ display:block;}
.ybox .nei{ position:relative; float:right; margin-right:360px; margin-top:125px; width:760px; height:400px; background-color:#fff;}
.ybox .nei .swiper-container{ width:100%; height:400px; position:relative; overflow:hidden;}
.ybox .nei .swiper-container .sec{ padding:45px 50px; width:660px; height:310px;}
.ybox .nei .swiper-container .sec .bt{ height:65px; position:relative; background-image:url(../images/yl.jpg); background-position:left bottom; background-repeat:no-repeat; margin-bottom:25px;}
.ybox .nei .swiper-container .sec .bt span{ display:block; color:#f1f1f1; font-size:36px; height:38px; line-height:38px; text-transform:uppercase;}
.ybox .nei .swiper-container .sec .bt b{ display:block; font-size:24px; height:52px; line-height:52px; position:absolute; left:0; bottom:2px;}
.ybox .nei .swiper-container .sec .wen{ width:100%;}
.ybox .nei .swiper-container .sec .wen .left{ float:left; width:60px; font-size:18px; color:#999; line-height:24px; height:24px;}
.ybox .nei .swiper-container .sec .wen .right{ float:left; width:600px; font-size:14px; line-height:24px; height:144px;}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; bottom:50px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-prev{ width:40px; height:40px; position:absolute; right:100px; bottom:50px; cursor:pointer; background-image:url(../images/left.jpg); z-index:3;}
.ybox .swiper-button-prev:hover{ background-image:url(../images/lefth.jpg);}
.ybox .swiper-button-next{ width:40px; height:40px; position:absolute; right:50px; bottom:50px; cursor:pointer; background-image:url(../images/right.jpg); z-index:3;}
.ybox .swiper-button-next:hover{ background-image:url(../images/righth.jpg);}

/*公司简介*/
.abox{ width:100%; height:650px; position:relative; background-position:center; background-repeat:no-repeat;}
.abox .box{ width:1920px; position:absolute; left:50%; margin-left:-960px; top:0; height:100%; background-position:right center; background-repeat:no-repeat;}
.abox .left{ width:1200px; padding-top:70px; margin:auto;}
.abox .title{ width:100%; height:50px;}
.abox .title span{ display:block; float:left; height:50px; line-height:50px; font-size:30px; margin-right:10px;}
.abox .title p{ display:block; float:left; height:50px; line-height:50px; font-size:20px; margin-right:20px; color:#999; background-image:url(../images/title.jpg); background-position:0 38px; background-repeat:no-repeat; text-transform:uppercase;}
.abox .title strong{ display:block; float:left; height:50px;}
.abox .title strong img{ display:block; height:50px;}
.abox .left .bt{ padding-top:45px; width:600px;}
.abox .left .bt b{ display:block; font-size:24px; line-height:34px; height:34px; overflow:hidden; color:#4f9a2f;}
.abox .left .bt p{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-transform:uppercase; color:#666;}
.abox .left .wen{ width:600px; font-size:14px; line-height:24px; height:144px; margin-top:20px;}
.abox .left .more{ margin-top:24px; width:120px; height:40px;}
.abox .left .more a{ width:100%; display:block; height:40px; line-height:40px; color:#fff; text-align:center; font-size:14px; background-color:#4f9a2f; border-radius:5px; overflow:hidden;}
.abox .left .more a:hover{ background-color:#ff8c00;}
.abox .left dl{ width:100%; display:block; margin-top:44px; overflow:hidden;}
.abox .left dl dt{ display:block; float:left; overflow:hidden; margin-right:70px;}
.abox .left dl dd{ display:block; float:left; overflow:hidden; margin-right:70px;}
.abox .left dl span{ display:block; overflow:hidden; font-size:14px; height:40px; line-height:40px; color:#999;}
.abox .left dl b{ display:block; overflow:hidden; font-size:48px; height:50px; line-height:50px;}
.abox .left dl dt b{ color:#4f9a2f;}
.abox .left dl dd b{ color:#ff8c00;}

/*项目案例*/
.cbox{ width:100%; height:730px; position:relative; background-position:center; background-repeat:no-repeat;}
.cbox .box{ width:1200px; margin:70px auto;}
.cbox .title{ width:100%; height:50px;}
.cbox .title span{ display:block; float:left; height:50px; line-height:50px; font-size:30px; margin-right:10px;}
.cbox .title p{ display:block; float:left; height:50px; line-height:50px; font-size:20px; margin-right:20px; color:#999; background-image:url(../images/title.jpg); background-position:0 38px; background-repeat:no-repeat; text-transform:uppercase;}
.cbox .title strong{ display:block; float:left; height:50px;}
.cbox .title strong img{ display:block; height:50px;}
.cbox .title a{ width:90px; display:block; height:30px; line-height:30px; color:#fff; text-align:center; font-size:14px; background-color:#4f9a2f; border-radius:30px; overflow:hidden; float:right; margin:10px 0;}
.cbox .title a:hover{ background-color:#ff8c00;}
.game163{ width:100%; margin-top:30px; height:510px; position:relative;}
.game163 .bigImg{ width:510px; height:510px; display:block; overflow:hidden; float:left;}
.game163 .bigImg li{ width:100%; height:510px; display:block; position:relative; overflow:hidden;}
.game163 .bigImg li img{ width:100%; display:block;}
.game163 .smallScroll{ width:690px; height:510px; position:relative; overflow:hidden; float:right;}
.game163 .smallScroll .sPrev{ width:230px; height:50px; position:absolute; right:230px; bottom:0; cursor:pointer; background-color:#eee; display:block; background-image:url(../images/prev.png); background-position:center; background-repeat:no-repeat; display:block;}
.game163 .smallScroll .sNext{ width:230px; height:50px; position:absolute; right:0; bottom:0; cursor:pointer; background-color:#eee; display:block; background-image:url(../images/next.png); background-position:center; background-repeat:no-repeat; display:block;}
.game163 .smallScroll .sPrev:hover{ background-color:#4f9a2f; background-image:url(../images/prevh.png);}
.game163 .smallScroll .sNext:hover{ background-color:#4f9a2f; background-image:url(../images/nexth.png);}
.game163 .smallScroll .smallImg,.game163 .smallScroll .tempWrap{ width:100% !important; height:460px; display:block; overflow:hidden;}
.game163 .smallScroll .smallImg li{ width:230px; height:230px; display:block; float:left; text-align:center; position:relative;}
.game163 .smallScroll .smallImg li img{ width:100%; display:block;}
.game163 .smallScroll .smallImg li strong{ width:100%; height:100%; display:none; position:absolute; left:0; top:0; background-color:rgba(79,154,47,0.9); z-index:1;}
.game163 .smallScroll .smallImg li p{ width:190px; display:none; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2;}
.game163 .smallScroll .smallImg li p span{ display:block; color:#fff; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.game163 .smallScroll .smallImg li p a{ display:block; color:#fff; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.game163 .smallScroll .smallImg li.on strong,.game163 .smallScroll .smallImg li.on p{ display:block;}
.game163 .pageState{ width:230px; height:50px; position:absolute; left:510px; bottom:0; font-size:18px; line-height:50px; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#666; letter-spacing:3px;}
.game163 .pageState span{ color:#4f9a2f;}

/*服务支持*/
.sbox{ width:100%; height:700px; position:relative; overflow:hidden; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.sbox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.7); z-index:0;}
.sbox .box{ width:1200px; margin:auto; position:relative; z-index:3; height:700px;}
.sbox .box .left{ position:absolute; left:0; top:150px; width:420px;}
.sbox .box .left .title{ width:100%; height:50px;}
.sbox .box .left .title span{ display:block; float:left; height:50px; line-height:50px; font-size:30px; margin-right:10px; color:#fff;}
.sbox .box .left .title p{ display:block; float:left; height:50px; line-height:50px; font-size:20px; margin-right:20px; color:#fff; background-image:url(../images/title.jpg); background-position:0 38px; background-repeat:no-repeat; text-transform:uppercase;}
.sbox .box .left .title strong{ display:block; float:left; height:50px;}
.sbox .box .left .title strong img{ display:block; height:50px;}
.sbox .box .left .cn{ color:#fff; font-size:14px; height:60px; line-height:30px; width:100%; margin-top:23px;}
.sbox .box .right{ width:838px; height:399px; position:absolute; right:0; top:130px;}
.sbox .box .right ul{ width:837px; display:block; border-right:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);}
.sbox .box .right ul b{ width:279px; height:199px; display:block; float:left;}
.sbox .box .right ul li{ width:278px; height:198px; border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); display:block; float:left; position:relative; z-index:0;}
.sbox .box .right ul li a{ width:278px; height:198px; display:block; position:relative;}
.sbox .box .right ul li strong{ width:278px; height:198px; position:absolute; left:0; top:0; border-radius:5px; display:block; z-index:2; transition:all .3s ease;}
.sbox .box .right ul li:hover{ z-index:1;}
.sbox .box .right ul li:hover strong{ width:300px; height:220px; background-color:#4f9a2f; left:-10px; top:-10px;}
.sbox .box .right ul li .cont{ height:90px; width:200px; position:absolute; left:50%; margin-left:-100px; top:50%; margin-top:-43px; z-index:3;}
.sbox .box .right ul li .cont .biao{ width:100%; padding-bottom:15px;}
.sbox .box .right ul li .cont .biao span{ width:38px; height:38px; display:block; float:left; border:1px solid #fff; border-radius:40px; background-position:center; background-repeat:no-repeat; background-size:auto 20px;}
.sbox .box .right ul li .cont .biao p{ display:block; float:left; height:40px; line-height:40px; font-size:18px; margin-left:15px; overflow:hidden; width:145px; color:#fff;}
.sbox .box .right ul li .cont .line{ width:40px; height:1px; background-color:rgba(255,255,255,0.5); transition:width .4s; -moz-transition:width .4s; -webkit-transition:width .4s; -o-transition:width .4s;}
.sbox .box .right ul li:hover .cont .line{ width:100%;}
.sbox .box .right ul li .cont .wen{ width:100%; color:#ccc; font-size:14px; height:44px; line-height:44px;}
.sbox .box .right ul li:hover .cont .wen{ color:#fff;}

/*新闻资讯*/
.nbox{ width:100%; padding:70px 0; position:relative; background-position:center; background-repeat:no-repeat; background-color:#fcfcfc;}
.nbox .title{ width:1200px; margin:auto; height:50px;}
.nbox .title span{ display:block; float:left; height:50px; line-height:50px; font-size:30px; margin-right:10px;}
.nbox .title p{ display:block; float:left; height:50px; line-height:50px; font-size:20px; margin-right:20px; color:#999; background-image:url(../images/title.jpg); background-position:0 38px; background-repeat:no-repeat; text-transform:uppercase;}
.nbox .title strong{ display:block; float:left; height:50px;}
.nbox .title strong img{ display:block; height:50px;}
.nbox .title a{ width:90px; display:block; height:30px; line-height:30px; color:#fff; text-align:center; font-size:14px; background-color:#4f9a2f; border-radius:30px; overflow:hidden; float:right; margin:10px 0;}
.nbox .title a:hover{ background-color:#ff8c00;}

.nbox .box{ width:1200px; margin:auto; margin-top:30px; position:relative; height:460px;}
.nbox .box .swiper-container{ width:100%; position:relative; height:460px;}
.nbox .box .swiper-wrapper{ height:380px}
.nbox .box .swiper-slide{ width:285px; height:380px; overflow:hidden;}
.nbox .box .swiper-slide a{ width:100%; height:380px; display:block; overflow:hidden; position:relative;}
.nbox .box .swiper-slide a .tu{ width:100%; height:220px; overflow:hidden; position:relative;}
.nbox .box .swiper-slide a .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.nbox .box .swiper-slide a:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.nbox .box .swiper-slide a .tu span{ display:block; width:120px; height:36px; line-height:36px; text-align:center; background-color:rgba(255,255,255,.7); position:absolute; left:0; bottom:0;}
.nbox .box .swiper-slide a .wen{ width:100%; height:142px; padding-top:7px;}
.nbox .box .swiper-slide a .wen .w01{ font-size:18px; height:46px; line-height:46px;}
.nbox .box .swiper-slide a .wen .w02{ font-size:14px; height:48px; line-height:24px; color:#666;}
.nbox .box .swiper-slide a .wen .w03{ height:48px; line-height:48px; color:#999; text-transform:uppercase;}
.nbox .box .swiper-slide a:hover .wen .w01{ color:#4f9a2f;}
.nbox .box .swiper-slide a:hover .wen .w03{ color:#4f9a2f; text-decoration:underline;}
.nbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:54px; line-height:54px; font-size:14px; color:#666;}
.nbox .box .swiper-pagination span.swiper-pagination-current{ color:#4f9a2f;}
.nbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; cursor:pointer; background-image:url(../images/left.png); cursor:pointer;}
.nbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; cursor:pointer; background-image:url(../images/right.png); cursor:pointer;}
.nbox .box .swiper-button-prev:hover{ background-image:url(../images/lefth.png);}
.nbox .box .swiper-button-next:hover{ background-image:url(../images/righth.png);}
.nbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:510px; bottom:9px; background-image:url(../images/line.png); background-position:left center; background-repeat:repeat-x;}
.nbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#4f9a2f; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}

/*footer*/
.footer{ width:100%; background-color:#222;}
.footer .box{ width:1200px; margin:60px auto;}
.footer .box .f01{ width:330px; height:100px; float:left;}
.footer .box .f01 p{ display:block; height:50px; margin:25px 0; overflow:hidden;}
.footer .box .f01 p img{ display:block; height:50px;}
.footer .box .f02{ width:320px; padding-left:60px; height:100px; float:left; border-left:1px solid #393939;}
.footer .box .f02 ul{ display:block; height:108px; margin-top:-4px; overflow:hidden;}
.footer .box .f02 ul li{ display:block; font-size:14px; line-height:36px; height:36px; color:#fff; overflow:hidden;}
.footer .box .f03{ width:409px; padding-left:50px; height:100px; float:right; border-left:1px solid #393939;}
.footer .box .f03 p{ display:block; float:left; width:270px; padding-top:10px;}
.footer .box .f03 p span{ display:block; height:32px; line-height:32px; font-size:18px; color:#fff; overflow:hidden;}
.footer .box .f03 p a{ display:block; height:54px; line-height:54px; font-size:36px; color:#fff; overflow:hidden;}
.footer .box .f03 strong{ display:block; float:right; height:100px;}
.footer .box .f03 strong img{ display:block; height:100px;}
.footer .foot{ width:100%; height:50px; line-height:50px; font-size:14px; background-color:#000; color:#fff; text-align:center;}
.footer .foot p{ margin:0 20px; color:#fff; display:inline-block;}
.footer .foot a{ color:#fff;}

/*内页*/
.ban{ width:100%; height:400px; position:relative; background-position:center; background-repeat:no-repeat;}

.dbox{ width:100%; background-color:#f1f1f1; height:80px;}
.dbox .box{ width:1200px; height:80px; margin:auto;}
.dbox .box p{ display:block; float:left; padding-top:11px;}
.dbox .box p span{ display:block; height:34px; line-height:34px; font-size:24px; color:#4f9a2f;}
.dbox .box p b{ font-weight:normal; display:block; height:24px; line-height:24px; font-size:14px;}
.dbox .box p b a:hover{ color:#4f9a2f;}
.dbox .box ul{ display:block; height:80px; float:right; overflow:hidden;}
.dbox .box ul li{ min-width:80px; padding:0 10px; line-height:80px; height:76px; border-bottom:4px solid #f1f1f1; font-size:16px; text-align:center; display:block; float:left;}
.dbox .box ul li.on{ background-color:#fff; border-bottom:4px solid #4f9a2f;}
.dbox .box ul li:hover a{ color:#4f9a2f;}

.main{ width:1200px; margin:auto; padding-top:65px; padding-bottom:70px;}
.main .title{ width:1200px; margin:auto; text-align:center;}
.main .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#666;}
.main .title strong{ display:block; overflow:hidden; font-size:32px; height:42px; line-height:42px; color:#333; text-transform:uppercase;}
.main .title b{ width:50px; height:2px; display:block; margin:auto; margin-top:3px; background-color:#4f9a2f;}

/*公司简介*/
.main .wen{ width:100%; font-size:14px; line-height:24px; margin-top:30px;}
.main .wen img{ max-width:100%; height:auto;}

/*荣誉*/
.honor{ width:1220px; margin-top:10px;}
.honor a{ width:283px; height:208px; display:block; border:1px solid #cacaca; margin-top:20px; margin-right:20px; overflow:hidden; float:left; position:relative;}
.honor a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.honor a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.honor a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}

.main .fanye{ text-align:center; font-size:14px; margin-top:30px;}
.main .fanye a{ margin:0 3px; min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:inline-block;}
.main .fanye span{ margin:0 3px; min-width:14px; color:#fff; padding:0 5px; height:24px; line-height:24px; background-color:#4f9a2f; border-radius:3px; display:inline-block;}
.main .fanye a:hover{ color:#4f9a2f;}

/*发展历程*/
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmicon{ background: #ff8c00;}


/*产品中心*/
.main .pro{ width:1220px; display:block; margin-top:10px;}
.main .pro li{ display:block; float:left; margin-right:20px; margin-top:20px; width:285px; height:230px; overflow:hidden;}
.main .pro li img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.main .pro li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .pro li a{ width:100%; height:230px; display:block; overflow:hidden; position:relative;}
.main .pro li a p{ display:block; position:absolute; left:20px; bottom:15px; width:215px; padding:10px 15px; height:52px; background-color:rgba(0,0,0,0.7);}
.main .pro li a p span{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#fff;}
.main .pro li a p b{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#fff; font-weight:normal;}
.main .pro li:hover p{ background-color:#4f9a2f;}

.main .cl{ width:568px; height:348px; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:348px; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; padding:20px; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; max-height:100%; max-width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#4f9a2f;}
.main .cl .swiper-button-next{ width:22px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11;}
.main .cl .swiper-button-prev{ width:22px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11;}

.main .cr{ width:600px; float:right;}
.main .cr .tou{ font-size:24px; color:#4f9a2f; line-height:50px; height:50px; margin-top:17px;}
.main .cr .wen01{ font-size:14px; height:156px; line-height:26px; margin-bottom:25px;}
.main .cr .cr03{ width:520px; padding:30px 40px; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .box{ padding-left:54px; background-image:url(../images/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#4f9a2f;}
.main .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#4f9a2f; color:#fff; display:block;}
.main .cr .cr03 .box a:hover{ background-color:#ff8c00;}

.main .cpx{ width:100%; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:26px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#4f9a2f;}
.main .wenz{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenz img{ max-width:100%; height:auto;}

/*核心优势*/
.main01{ width:100%;}
.main01 .title{ width:1200px; margin:auto; padding-top:65px; text-align:center;}
.main01 .title p{ display:block; overflow:hidden; font-size:18px; height:28px; line-height:28px; color:#666;}
.main01 .title strong{ display:block; overflow:hidden; font-size:32px; height:42px; line-height:42px; color:#333; text-transform:uppercase;}
.main01 .title b{ width:50px; height:2px; display:block; margin:auto; margin-top:3px; background-color:#4f9a2f;}

.main01 .ys{ width:100%; margin-top:-5px;}
.main01 .ys dt{ width:100%; display:block; padding:70px 0; overflow:hidden;}
.main01 .ys dd{ width:100%; display:block; padding:70px 0; background-color:#f2f2f2; overflow:hidden;}
.main01 .ys .cont{ width:1200px; margin:auto;}
.main01 .ys dt .tu,.main01 .ys dd .wen{ float:right;}
.main01 .ys dd .tu,.main01 .ys dt .wen{ float:left;}
.main01 .ys .cont .tu{ width:540px; overflow:hidden; height:360px;}
.main01 .ys .cont .tu img{ width:100%; display:block;}
.main01 .ys .cont .wen{ width:570px; overflow:hidden;}
.main01 .ys .cont .w01{ font-size:24px; height:46px; line-height:46px; padding-top:18px;}
.main01 .ys .cont .w01 a:hover{ color:#4f9a2f;}
.main01 .ys .cont .w02{ font-size:14px; line-height:24px; color:#666;}
.main01 .ys .cont .w03{ width:50px; height:4px; background-color:#4f9a2f; margin-top:15px;}
.main01 .ys .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:25px;}
.main01 .ys .cont .w05{ width:140px; height:40px; margin-top:38px;}
.main01 .ys .cont .w05 a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}
.main01 .ys .cont .w05 a:hover{ background-color:#4f9a2f;}

/*项目案例*/
.main .case{ width:1220px; position:relative; margin-top:10px;}
.main .case .swiper-slide{ width:285px; height:370px; border:1px solid #eee; box-sizing:border-box; float:left; margin-right:20px; margin-top:20px;}
.main .case .swiper-slide a{ width:100%; display:block; overflow:hidden; position:relative;}
.main .case .swiper-slide a .tu{ width:100%; height:285px;}
.main .case .swiper-slide a img{ width:100%; display:block;}
.main .case .swiper-slide a .wen01{ padding:15px 20px;}
.main .case .swiper-slide a .wen01 span{ display:block; overflow:hidden; font-size:18px; height:26px; line-height:26px;}
.main .case .swiper-slide a .wen01 p{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#999;}
.main .case .swiper-slide a .duo{ width:30px; position:absolute; top:270px; right:20px; display:none;}
.main .case .swiper-slide a:hover .wen01 span{ color:#4f9a2f;}
.main .case .swiper-slide a:hover .duo{ display:block;}

/*项目案例内页*/
.main .lbar{ width:910px; float:left;}
.main .lbar .toub{ font-size:24px; text-align:center; color:#4f9a2f;}
.main .lbar .time{ padding-bottom:10px; color:#999; font-size:14px; text-align:center; border-bottom:1px solid #cacaca;}
.main .lbar .wenz{ width:100%;}
.main .lbar .back{ width:100%; font-size:14px; line-height:24px; border-top:1px solid #cacaca; padding-top:20px; margin-top:20px;}
.main .lbar .back p{ display:block; float:left; width:80%; overflow:hidden;}
.main .lbar .back p span{ display:block; height:24px; overflow:hidden;}
.main .left .back p span a:hover{ color:#4f9a2f;}
.main .lbar .back strong{ display:block; float:left; width:20%; text-align:right; overflow:hidden; font-weight:normal;}
.main .lbar .back strong a:hover{ color:#4f9a2f;}

.main .rbar{ width:258px; border:1px solid #cacaca; border-top:2px solid #4f9a2f; float:right;}
.main .rbar .bt{ padding:0 19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #cacaca;}
.main .rbar ul{ width:100%; display:block; overflow:hidden; padding-bottom:15px; padding-top:5px;}
.main .rbar ul li{ padding:15px 19px; padding-bottom:0; display:block; overflow:hidden;}
.main .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.main .rbar ul li strong img{ width:100%; display:block;}
.main .rbar ul li span{ margin-top:5px; font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden;}
.main .rbar ul li p{ display:block; font-size:14px; line-height:20px; height:20px; color:#999; overflow:hidden;}
.main .rbar ul li:hover span a{ color:#4f9a2f;}

.main .news{ width:1220px; position:relative; margin-top:10px;}
.main .news li{ width:285px; float:left; display:block; margin-right:20px; margin-top:20px; overflow:hidden;}
.main .news a{ width:100%; display:block; overflow:hidden; position:relative;}
.main .news a .tu{ width:100%; height:220px; overflow:hidden; position:relative;}
.main .news a .tu img{ width:100%; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.main .news a:hover .tu img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news a .tu span{ display:block; width:120px; height:36px; line-height:36px; text-align:center; background-color:rgba(255,255,255,.7); position:absolute; left:0; bottom:0;}
.main .news a .wen01{ width:100%; padding-top:10px;}
.main .news a .wen01 .w01{ font-size:18px; height:28px; line-height:28px;}
.main .news a .wen01 .w02{ font-size:14px; height:48px; line-height:24px; color:#666;}
.main .news a .wen01 .w03{ height:24px; line-height:24px; color:#999; text-transform:uppercase;}
.main .news a:hover .wen .w01{ color:#4f9a2f;}
.main .news a:hover .wen .w03{ color:#4f9a2f; text-decoration:underline;}

/*人才招聘*/
.main .job{ width:100%; display:block;}
.main .job li{ display:block; overflow:hidden; position:relative; padding:30px 0; border-bottom:1px solid #ddd;}
.main .job li .bt{ font-size:18px; font-weight:bold; display:block;}
.main .job li .bt:hover{ color:#4f9a2f;}
.main .job li dl{ width:100%; display:block; overflow:hidden; margin-top:5px;}
.main .job li dl dt{ width:270px; display:block; float:left; font-size:14px; height:30px; line-height:30px; color:#999;}
.main .job li .wen01{ width:1000px; display:block; overflow:hidden; margin-top:15px; font-size:14px; line-height:24px;}
.main .job li .more{ width:120px; height:36px; line-height:36px; text-align:center; font-size:14px; color:#fff; background-color:#4f9a2f; display:block; position:absolute; right:0; bottom:30px;}
.main .job li .more:hover{ background-color:#ff8c00;}

/*招聘内页*/
.main .lefts{ width:770px; float:left; padding-top:30px; padding-bottom:70px;}
.main .lefts .tou{ width:100%; position:relative;}
.main .lefts .tou .bts{ font-size:18px; font-size:18px; height:44px; line-height:44px;}
.main .lefts .tou .xx{ font-size:14px; line-height:26px;}
.main .lefts .tou .xx span{ display:block; color:#999;}
.main .lefts .tou .xx p{ display:block;}
.main .lefts .ny{ width:100%; margin-top:25px;}
.main .lefts .ny .biao{ width:100%; height:34px; background-image:url(../images/lines.jpg); background-position:center; background-repeat:repeat-x;}
.main .lefts .ny .biao span{ display:inline-block; height:34px; line-height:34px; font-size:16px; padding-right:15px; background-color:#fff;}
.main .lefts .ny .wen{ width:100%; font-size:14px; line-height:24px; margin-top:20px;}
.main .lefts .ny .wen img{ max-width:100%; height:auto;}

.main .rights{ border-left:1px solid #ddd; padding-left:19px; width:260px; float:right; padding-bottom:70px;}
.main .rights .bt{ width:100%; margin-top:20px;}
.main .rights .bt span{ display:block; font-size:18px; text-transform:uppercase; color:#4f9a2f; overflow:hidden;}
.main .rights .bt a{ display:block; width:120px; height:36px; line-height:36px; text-align:center; font-size:18px; color:#fff; background-color:#4f9a2f; margin-top:15px;}
.main .rights .list01{ width:100%; display:block; overflow:hidden;}
.main .rights .list01 li{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #ddd; overflow:hidden; display:block; position:relative;}
.main .rights .list01 li:last-child{ border-bottom:none;}
.main .rights .list01 li a{ display:block; overflow:hidden;}
.main .rights .list01 li a:hover{ color:#4f9a2f;}
.main .rights .list01 li img{ display:block; position:absolute; right:0; top:15px; width:15px;}

/*联系我们*/
.box02{ width:1200px; margin:auto; margin-top:30px;}
#map{ width:600px; height:400px; overflow:hidden; float:left;}
.box02 .right01{ width:480px; margin-top:50px; float:right;}
.box02 .right01 h2{ display:block; font-size:24px; color:#4f9a2f; margin-bottom:20px;}
.box02 .right01 p{ display:block; font-size:14px; line-height:36px;}

/*在线留言*/
.main .mess{ width:1150px; margin:auto; padding-top:10px;}
.main .mess dl{ width:1260px; display:block; overflow:hidden;}
.main .mess dt{ display:block; float:left; width:630px; margin-top:20px; overflow:hidden;}
.main .mess dt span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:16px;}
.main .mess dt input{ display:block; float:left; width:400px; padding:0 19px; height:48px; line-height:48px; font-size:16px; border:1px solid #cacaca;}
.main .mess dd{ display:block; float:left; width:1150px; margin-top:20px; overflow:hidden;}
.main .mess dd span{ display:block; float:left; width:80px; height:50px; line-height:50px; font-size:16px;}
.main .mess dd textarea{ display:block; float:left; width:1030px; padding:12px 19px; height:194px; line-height:24px; font-size:16px; border:1px solid #cacaca;}
.main .mess dd input{ width:200px; height:50px; margin:auto; display:block; cursor:pointer; line-height:50px; text-align:center; font-size:16px; background-color:#4f9a2f; color:#fff;}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}