/*banner大图*/
.index-banner { width: 100%;  position: relative;min-width: 1200px;}
.sy-btns-left{position:absolute;top:50%;margin-top:-33px;left:3%;z-index:99;cursor:pointer;}
.sy-btns-right{position:absolute;top:50%;margin-top:-33px;right:3%;z-index:99;cursor:pointer;}
.index-banner .banner-slider .bd { width: 100%; position: relative; overflow: hidden;}
.index-banner .banner-slider .bd ul { width: 600%;}
.index-banner .banner-slider .bd ul li { float: left; width: 16.666%; position: relative;}
.index-banner .banner-slider .bd ul li .cont { position: absolute; left: 50%; top: 17%; width: 1200px; margin-left: -600px;}
.index-banner .banner-slider .bd ul li .cont .tit { font-weight: normal; font-size: 50px; color: #e10332; margin-bottom:10px;}
.index-banner .banner-slider .bd ul li .cont .text { font-size: 26px; margin-bottom: 50px;}
.index-banner .banner-slider .bd ul li .cont .know-more { display: inline-block; *display: inline; *zoom: 1; padding: 15px 0; width: 200px; text-align: center; font-size: 18px; color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -moz-border-radius: 30px; background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;}
.index-banner .banner-slider .bd ul li .pic { width: 100%;}
.index-banner .banner-slider .bd ul li .pic img { display: block; width: 100%;}
.index-banner .banner-slider .bd ul li .pic .m-img{display:none;}
.index-banner .banner-slider .hd {  position: absolute; left: 0; bottom: 10px; width: 100%; z-index: 2; text-align: center;  font-size: 0;}
.index-banner .banner-slider .hd .swiper-pagination-switch { display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 15px; text-indent: -10em; overflow: hidden; margin: 0 5px; cursor: pointer; background: url("../images/pointer.png") center no-repeat;}
.index-banner .banner-slider .hd .swiper-pagination-switch.swiper-active-switch { background-image: url("../images/pointer_on.png");}

/*公告*/
.notice { position: absolute;bottom: -60px;left: 50%;width: 100%;margin-left: -50%;height: 60px;overflow: inherit;z-index: 2;background-color: #e8e8f0;}
.notice .bd {position: relative;overflow: hidden;width: 1200px;height: 60px;margin: 0 auto;}
.notice ul { position: relative;}
.notice ul li { height:60px; line-height:60px}
.notice ul li .notice-box { font-size: 16px; color: #000;}
.notice ul li .notice-box .class {background: url("../images/icon_notice.png") left center no-repeat;padding-left: 2em; padding-right:20px}
.notice ul li .notice-box .class span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 2em; background: url("../images/icon_notice.png") left center no-repeat;}
.notice .control { position: absolute; right: 35px; top: 15px; font-size: 0;}
.notice .control .next,.notice .control .prev { display: inline-block; *display: inline; *zoom: 1; width: 24px; height: 24px; outline: none; cursor: pointer; background: url("../images/a_new_no_jt.png") center no-repeat; font-size: 14px;}
.notice .control .next { margin-left: 10px; background-image: url("../images/a_new_no_jt_2.png");}
.notice .control .prev:hover{ background: url("../images/a_new_hover_jt_2.png") center no-repeat;}
.notice .control .next:hover {background: url("../images/a_new_hover_jt.png") center no-repeat;}

/*解决方案*/
.spbox{width:100%; min-width: 1200px; background: #f7f7f7; padding: 50px 0; margin-top:60px}
.spb{background: #fff;}
.spbox_l{float:left; width: 50%; font-size:14px; line-height: 200%}
.spbox_l img{width: 100%; display: block}
.spbox_l h2{font-size:24px; font-weight: normal; color:#00740D; line-height: 30px; padding-bottom: 15px}
.spbox_f{padding: 9% 7% 0 7%;}
.spbox_f p{padding-top:15px}
.spbox_f .more {display: inline-block; *display: inline; *zoom: 1; height: 32px;width: 100px;line-height:32px;text-align: center;font-size: 12px;color: #fff;border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;-moz-border-radius: 30px;background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;}
.wrap {max-width:1200px;margin:0px auto;}
.solution_title .more {display: inline-block; *display: inline; *zoom: 1; height: 38px;width: 160px;line-height:38px;text-align: center;font-size: 14px;color: #fff;border-radius: 30px;-webkit-border-radius: 30px;-o-border-radius: 30px;-moz-border-radius: 30px;background: #ec5735 url("../images/btn_bg.jpg") left top repeat-y;}
.solution_title {text-align:center;padding-bottom:30px;padding-top:50px}
.solution_title .tit{ text-align:center;font-size:30px; font-weight:normal; line-height:120%;}
.solution_title .text{ text-align:center;font-size:16px; line-height:120%; padding:20px 0}
.solution_title .more a{color:#fff;}

.solution{padding:0}
.solution ul li {float: left;width: 31.6%;width: 32% \9;margin-left: 2%;}
.solution ul li a { display: block;position: relative;}
.solution ul li a img {	display: block;	width: 100%;}
.solution .img{display:block;overflow:hidden;}
.solution .img img{width:100%;transform:scale(1, 1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.solution a:hover img{opacity:0.8;transform:scale(1.06, 1.06);}
.solution ul li a .cont {position: absolute;bottom: 0;left: 0;width: 92%;padding: 10px 4%;color: #fff;background: url("../images/solution_bg.png") left top repeat;}
.solution ul li a .cont .tit {font-size: 16px;font-weight: bold;display: block;}
.solution ul li.focus {width: 66%;margin-left: 0;}
.solution ul li.focus a .cont {	padding-top: 20px;padding-bottom: 20px;}
.solution ul li.focus a .cont .tit {font-size: 28px;font-weight: normal; padding-bottom:15px}
.solution ul li.focus a .cont .text {font-size: 16px;display: block;min-height: 2.2em;}
.solution ul li.focus a .cont .know-more {font-size: 14px;display: block;font-style: normal;}
.solution ul li a .cont {padding-top: 10px;padding-bottom: 10px;}
.solution ul li a .cont .tit {font-size: 16px;font-weight: normal;}
.solution ul li.second { right: 0;top: 0;height: 48%; margin-bottom: 2%;}
.solution ul li.third { right: 0; bottom: 0; height: 48%;}

/*应用案例*/
.index-case .left {float:left; width: 49%;}
.index-case .left .case-slider,.index-case .right .case-slider { position: relative;}
.index-case .left .case-slider .bd { width: 100%; overflow: hidden;}
.index-case .left .case-slider .bd ul { /* width:700%!important;*/}
.index-case .left .case-slider .bd ul li { float: left; /* width: 14.285%!important;*/ position: relative;}
.index-case .bd ul li img { display: block; width: 100%; height:375px}
.index-case .left .case-slider .bd ul li .cont { position: absolute; right: 0; bottom: 0; background: url("../images/notice_bg.png") left top repeat; width: 100%; height:75px}
.index-case .left .case-slider .bd ul li .cont .tit { font-size: 20px; line-height: 150%; color: #ffffff; padding-left: 20px; padding-top:10px}
.index-case .left .case-slider .bd ul li .cont .text { padding:5px 0px 0px 20px; font-size: 14px; color: #717171;}
.index-case .left .case-slider .bd ul li .cont a { font-size: 14px; color: #ffff00;}
.index-case .left .case-slider .hd { display: none;}
.index-case .left .case-slider .control,.index-case .right .case-slider .control { position: absolute; right: 0; bottom: 0; z-index: 2;}
.index-case .left .case-slider .control .pageStateCell { text-align: center; font-size: 16px; color: #a8a7a7;}
.index-case .left .case-slider .control .pageStateCell span { font-size: 28px ; color: #2c2c2c;}
.index-case .left .case-slider .control .prev,
.index-case .left .case-slider .control .next,
.index-case .right .case-slider .control .prev,
.index-case .right .case-slider .control .next { float: left; width: 40px; height: 75px; outline: none; cursor: pointer; background: url("../images/case_arr.jpg") left center no-repeat;}
.index-case .left .case-slider .control .next,.index-case .right .case-slider .control .next { background-position: right center;}
.index-case .right {margin-left:51%}

.wrap_l{float:left; width:240px; padding-top:5px}
.leftmenu{ background:#f7f7f7; font-size:16px; padding:10px 0}
.leftmenu li{ line-height:57px;}
.leftmenu a{ padding-left:25px; display: block}
.leftmenu a:hover{ color: #fff; background:#328436}
.wrap_r{float:left; width:960px}
.homeproduct{ padding:0}
.homeproduct li{float:left; width:33.333%;margin-top:5px;}
.homebox{background:#f7f7f7; margin-left:5px; padding:15px}
.homeproduct h2{ font-size:16px; font-weight:normal; line-height:40px; text-align:center}
.homeproduct .img{display:block;overflow:hidden;}
.homeproduct .img img{width:100%; height: 190px;transform:scale(1, 1);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;}
.homeproduct a:hover img{opacity:0.8;transform:scale(1.06, 1.06);}

/*底部*/
.h50{height:50px}
.footer { width: 100%; padding-top:30px; background: #efefef;min-width: 1200px;/*ff7f7f7颜色修改为efefef*/}
.footer .footer-nav { max-width:1200px; margin:0px auto;padding-bottom:20px;}
.r100{padding-right:100px}
.footer .footer-nav .item{float: left; margin-right: 120px;}
.footer .footer-nav .item1{float:right;}
.footer .footer-nav .item2{float: left; width:500px}
.footer .footer-nav .item2 li{float: left; width:50%}
.footer .footer-nav .item1 img{border-radius:6px; width:116px; background:#ffffff; padding:8px}
.footer .footer-nav  dt { font-size: 14px; color: #000; font-weight:bold; margin-bottom: 12px;}
.footer .footer-nav ul li { font-size: 14px; line-height: 2;}
.footer .footer-nav ul li a:hover{color:#e10032;}
.footer .copyright {font-size: 14px;text-align: center;border-top: 1px solid #ddd; line-height:50px}
/*内页导航*/
#page-slide{height: 400px;background-size: cover;}
.nav-box{line-height: 60px;height: 60px;border-bottom: solid 2px #e2e2e2;}
.nav-box.fixed{position: fixed;left: 0;top: 0;z-index: 99999;background-color: #fff;width: 100%;}
.nav-box h1{float: left;color: #188ece;position: relative;text-indent: 15px;}
.nav-box h1:before{content: '';position: absolute;left: 0;width: 4px;height: 20px;background-color: #198ece;top: 0;bottom: 0;margin:auto;text-indent: 20px;}
.nav-box ul{}
.nav-box ul li{float: left;font-weight: normal;}
.nav-box ul li.on{border-bottom: solid 2px #328436;height: 60px; font-weight: bold;}
.nav-box ul li a{padding: 0 12px;font-size: 14px;color: #555;display: block;}
.nav-box ul li.on a{color: #328436;}
.nav-box ul li.current a{color: #328436;}
.nav-box ul li a:hover{color: #328436;}
.abouttitle{ font-size:26px; line-height: 180%; padding-top: 30px; color: #328436; font-weight: bold;}
.aboutcontent{ font-size:14px; line-height:180%; padding-top:15px; padding-bottom:40px}

.product_pic{ margin: 0 -10px}
.product_pic li{list-style:none;float:left;width:25%;}
.product_pic .pbox{margin: 5px 10px;}
.product_pic li:hover{border-color:#0066cc;}
.product_pic li a{display:block;height: 100%;*position: relative;*z-index: 1;*cursor: pointer;}
.product_pic p img{width:100%; border: 0; display:block}
.product_pic h2{ font-size:14px; line-height: 34px; font-weight: normal; text-align: left; padding-top:5px}
.product_pic dt{ border-top:1px solid #e2e2e2; padding-top:10px}

.plist{position: relative;}
.plist .list{ padding:0; margin:0; margin:0 -10px}
.plist .list li{width: 33.333%;float: left;position: relative; padding-top:20px}
.plist .list a{display: block;margin:0 10px;box-shadow: 0 5px 10px rgba(0,0,0,0.15);transition: all 0.3s ease;}
.plist .list .cont .img{position: relative;overflow: hidden;}
.plist .list .cont .img img{max-width: 100%; height:280px; display: block; margin: 0 auto; transform: translateZ(0px); transition: transform 0.3s ease 0s;width: 100%;} 
.plist .list .cont .graybox{width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.plist .list .cont .bgbox{display: block; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60);}
.plist .list .cont .tit{text-align: center;position: absolute;top: 50%;width: 100%;margin-top: -26px;}
.plist .list .cont .tit h3{font-size: 30px;color:#fff;line-height: 1.1; font-weight:normal}
.plist .list .cont .tit p{font-size: 15px;color:#fff;}
.plist .list .cont .info p{font-size: 16px;color: #111;line-height: 60px;text-align: center;background: #fff;transition: all 0.3s ease 0s;}
.plist .list a:hover{box-shadow: 0 4px 8px rgba(0,0,0,0.3);}
.plist .list a:hover .cont .img img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.plist .list a:hover .graybox{opacity: 1;filter: alpha(opacity=1);}
.plist .list a:hover .info p{background: #393939;color: #fff;}
.productcontent_r{background:#eeeeee; height:450px; float:right; width:450px; padding-left:50px; padding-right:50px}
.productcontent_r h2{ font-size:24px; color:#328436; font-weight:normal; line-height:34px; padding:30px 25px 25px 0px}
.contactnow a{ display:inline-block; width:100%; color:#fff;}
.contactnow i{ background:url(../images/mail.png) no-repeat; width:36px; height:22px; display:inline-block; vertical-align:middle; margin:-3px 5px 0 0;}
.contactnow{width:230px; height:50px; line-height:50px; text-align:center; background:#999999; color:#fff; font-size:14px; margin-top:20px}
.contactnow:hover {background:#328436;}
.contactnow:hover i{ background:url(../images/mail.png) no-repeat;}
.contactnow:hover a{color:#ffffff;}
.aboutbox_l{float:left; width: 580px}
.aboutbox_r{float:right; width:600px}
.productcs{padding-bottom: 30px;padding-top:20px}
.productcs h2{ font-size:20px; font-weight: normal; border-bottom: 1px solid #e2e2e2; line-height: 45px}
.cs{ font-size:14px; line-height:180%;padding-top:15px}
.cs img{ display:block; margin:0px auto; text-align:center; padding-top:20px;}
.newslist{height:170px; border-bottom: 1px solid #eeeeee; padding-top:20px}
.newslist_l{float:left; width:270px;}
.newslist_l img{width:250px; height:150px; border: 0}
.newslist_r h2{ font-size:20px; font-weight: normal; padding-bottom: 10px}
.newslist_r{float:right; width:910px; color: #787878}
.viewbox{ text-align:center;}
.viewbox h2{ font-size:22px; color:#000000; font-weight:normal; line-height:200%}
.content{ font-size:14px; line-height:180%; padding-bottom:30px; padding-top:10px}
.content img{ text-align:center; margin:0px auto; display:block}
.context{ border-top:1px solid #e2e2e2; padding-top:10px}
.context li{line-height:30px;}