/*banner*/
.banner_box{ width:100%; height:500px; min-width:1200px; position:relative; overflow:hidden;}
.banner{ display:block; width:1920px; height:500px; position:absolute; left:50%; margin-left:-960px;}
.banner li{ float:left; width:1920px; height:500px;}
.banner_box .hd{ width:100%; position:absolute; bottom:20px;}
.banner_box .hd .anniu{ display:block; text-align:center;}
.banner_box .hd .anniu li{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#fff; margin:0 5px;transition:all 0.3s ease-out; opacity:0.8;}
.banner_box .hd .anniu .on{ width:48px; opacity:1;}
.indexBnrSwiper-prev,.indexBnrSwiper-next{ display:block; width:114px; height:100%; position:absolute; top:0; opacity:0; transition:all 0.5s ease-out; z-index:99;}
.indexBnrSwiper-prev{ left:0; background:url(../images/swiper1-l.png) no-repeat center;}
.indexBnrSwiper-next{ right:0px; background:url(../images/swiper1-r.png) no-repeat center;}
.banner_box:hover .indexBnrSwiper-prev,.banner_box:hover .indexBnrSwiper-next{ opacity:0.5}
.banner_box .indexBnrSwiper-prev:hover,.banner_box .indexBnrSwiper-next:hover{ opacity:1;}
/*company*/
.company_title{ display:block; width:1000px; margin:50px auto; font-size:30px; color:#262626; text-align:center;}
.company_box{ width:1200px; margin:auto; overflow:hidden;}
.company_tu{ float:left; width:543px; height:430px; overflow:hidden;}
.company_con{ float:right; width:625px;}
.company_con p{ display:block; font-size:16px; color:#555555; line-height:34px;}
.company_con span{ display:block; width:160px; height:40px; border:1px solid #008f47; margin-top:28px;}
.company_con span a{ display:block; font-size:16px; color:#008f47; text-align:center; line-height:40px;}
/*product*/
.product_bj{ width:100%; min-width:1200px; background:#f2f2f2; padding:56px 0 35px; margin-top:70px;}
.product_title{ width:1000px; margin:auto; font-size:30px; color:#262626; text-align:center;}
.product_nav{ display:block; text-align:center; margin-top:52px;}
.product_nav li{ display:inline-block; width:206px; height:40px; border-radius:3px; border:1px solid #008f47; font-size:14px; color:#3d3d3d; line-height:18px; padding-top:5px; margin:0 15px; cursor:default;}
.product_nav .cur{ background:#008f47; color:#fff;}
.product_box{ width:1200px; height:440px; margin:82px auto 0; position:relative;}
.product_box .cp_box{ display:block; width:1200px; height:440px; overflow:hidden;}
.product_box .cp_box li{ float:left; width:1200px; overflow:hidden;}
.product_box .cp_tubox{ float:left; width:352px; padding:0 34px 22px; background:url(../images/cp_tubj.png) no-repeat bottom;}
.cp_conbox{ float:right; width:728px;}
.cp_conbox h3{ display:block; font-size:18px; color:#3d3d3d; font-weight:normal;}
.cp_con{ display:block; font-size:16px; color:#737373; line-height:24px; margin-top:20px;}
.cp_conbox span{ display:block; width:160px; height:40px; border:1px solid #008f47; margin-top:35px;}
.cp_conbox span a{ display:block; font-size:16px; color:#008f47; line-height:40px; text-align:center;}
.product_box .hd{ width:1200px; position:absolute; left:50%; margin-left:-500px; bottom:0;}
.product_box .hd ul{ display:block; text-align:center;}
.product_box .hd li{ display:inline-block; width:10px; height:10px; background:#c2c2c2; margin:0 5px; border-radius:5px;}
.product_box .hd .on{ background:#008f47;}
/*Applications*/
.cations_title{ width:1200px; margin:68px auto 58px;}
.cations_title h2{ display:block; font-size:30px; color:#262626; text-align:center;}
.cations_title span{ display:block; font-size:14px; color:#828282; text-align:center; margin-top:5px;}
.yingyong_box{ width:1200px; margin:auto; overflow:hidden;}
.yingyong_box ul{ display:block; width:1230px; overflow:hidden;}
.yingyong_box ul li{ float:left; width:283px; margin-right:23px;}
.yingyong_tu{ width:283px; height:182px; background:#000; overflow:hidden;}
.yingyong_tu img{ display:block; transition:all .5s ease-out;}
.yingyong_con{ width:283px;  padding-top:20px;}
.yingyong_con h1{ display:block; font-size:16px; color:#757575; line-height:26px;}
.yingyong_con span{ display:block; width:36px; height:8px; background:url(../images/more-tu.png) no-repeat center; margin-top:15px;}
.yingyong_box ul li:hover img{ opacity:0.7; transform:scale(1.08);}
.yingyong_box ul li:hover span{ background:url(../images/more-tu2.png) no-repeat center;}
.leam_more{ display:block; width:160px; height:40px; margin:70px auto 0; border:1px solid #008f47;}
.leam_more a{ display:block; font-size:16px; color:#008f47; text-align:center; line-height:40px;}
