@charset "utf-8";

/* slide */
.slide-main{width:100%;height:400px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:190px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:40px;}
.next{right:40px;}
.prev:hover,.next:hover{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}

.control{position:absolute;width:100%;z-index:124;top:360px;left:0;text-align:center;}
.control li{display:inline-block;}
.control a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.control li.on a{background:#fff;}

.til01{display: block;font-size:48px;line-height:64px;color: #090909;height: 120px;position: relative;font-weight: normal;text-align: center;background:url(../../images/public/tilbg1.png) no-repeat center bottom;margin-bottom: 25px;}
.til01 b{color: #c7161e;}
.til01 p{display: block;line-height:32px;font-size:22px;opacity: 0.8;}
.til01 a{display: block;color: #090909;}

.slide{position:relative;width:100%;height:400px;overflow:hidden;z-index:8;}
.slide ul{height:100%;}
.slide li{position:relative;min-width: 1200px;width: 100%;height: 500px;background-repeat: no-repeat;background-position: center 0;-webkit-background-size: 100% auto;-moz-background-size: 100% auto;background-size: 100% auto;overflow: hidden;}
.slide a{width:100%;display:block;cursor:pointer;}
.slide img{width: 100%;height: auto;display: block;}

.slide li .cover-txt{position:absolute;top:130px;left:-100%;color:#fff;}
.slide li .cover-txt h3{min-height: 50px;margin: 10px 0 0;font-size: 40px;}
.slide li .cover-txt p{margin: 20px 0 50px;word-break: break-all;font-size: 20px;}
.slide li .btn{width:160px;height:50px;border-radius:4px;text-align:center;line-height:50px;font-size: 18px;font-weight:700;-webkit-box-shadow: -1 2px 11px 0 rgba(57,167,255,.39);box-shadow: 0 2px 11px 0 rgba(57,167,255,.39);background: -webkit-linear-gradient(left,#2FCDFE,#39A7FF);background: linear-gradient(to right,#2FCDFE,#39A7FF);}
.slide li .btn a{color: #fff;}
.slide li .btn i{margin-left:6px;font-size:18px;}

.box .inner{padding:70px 0 60px;}

/*搜索*/
.seabox{width:1200px;height:0;z-index:10;margin: 0 auto;}
.sea_ico{width:40px;height:16px;background:url(../../images/public/sea_ico.png) no-repeat right 0;position: absolute;top:-136px;right: 0;z-index: 99;}
.sea_ico:before{content: "";position: absolute;width:1px;height:12px;background:#cdcdcd;left:0;top:2px;}
.sea_inp{width:427px;overflow: hidden;height:88px;right:0;top:-220px;z-index:9;}
.sea_inp .serach{width:281px;height:40px;border: 0; background:#fff;line-height:40px;color:#b8b8b8;padding:0 13px;float:left;outline: none;display: block;font-size:14px;position: relative;border: solid 1px #c9c9c9;margin: 17px 0 0 27px;}
.sea_inp .sub{ width:66px; height:42px;background:#261a12;display: block;float: left;border: 0;color: #fff;margin:17px 0 0;}

/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:28px;position: relative;height:775px;overflow: hidden;font-size:16px;}
.webox_c{height:490px;padding:70px 0 0;}
.webox_p{width:557px;height: 443px;position: relative;}
.webox_p p,.webox_p p img{width:600px;height: 443px;display: block;overflow: hidden;}
.webox_w{width: 600px;position: relative;padding: 13px 0 0;}
.webox_w p{height:310px;padding: 28px 0 0;overflow:hidden;}
.webox_w span{height:53px;display: block;text-align: right;}
.webox_w span a{background:url(../../images/public/ico01.png) no-repeat right center;display: block;padding: 0 30px 0 0;color: #c7161e;float: right;}
.webox_w h3{height:65px;font-size:36px;line-height:38px;color: #1d1d1d;border-bottom: solid 1px #ececec;}
.webox_w h3 b{font-size:24px;display: block;font-weight: normal;line-height: 46px;}
.webox_w li{float: left;margin: 0 6px 0 0;}
.webox_w li,.webox_w li img{width: 269px;height: 134px;display: block;overflow: hidden;}
.webox_l{position: relative;height: 200px;white-space: nowrap;z-index: 1;}
.prev1,.next1{width:19px;display: block;height:19px;top:17px;right:0;cursor: pointer;z-index: 9;}
.prev1{left:0;}
.webox_l:before{content: "";position: absolute;width:1200px;height:1px;background:#ececec;left:0;top:28px;z-index:-1;}
.webox_lc{width:1200px;overflow:hidden;position:relative;}
.webox_l li{float: left;margin:0 50px 0 0;width: 123px;height:200px;}
.webox_l li span{display: block;height:56px;line-height:56px;color: #232323;font-weight: bold;background:url(../../images/public/ico02.gif) no-repeat center 0;text-align: center;padding: 28px 0 0;}
.webox_l li:hover span,.webox_l li.cur span{color: #c7161e;background:url(../../images/public/ico03.gif) no-repeat center 0;}
.webox_l li:hover p,.webox_l li.cur p{display: block;}
.webox_l li p{position: absolute;height: 50px;line-height: 50px;color: #fff;background: #c7161e;display: none;padding: 0 20px;border-radius: 2px;top:100px;left:6%;}
/*.webox_l li p:before{content: "";position: absolute;width:0;height:0;left:99px;top:-12px;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:12px solid #c7161e;}*/
.webox_lt{height:90px;}
.webox_lc p{height: 50px;line-height: 50px;color: #fff;background: #c7161e;padding: 0 20px;border-radius: 2px;display:inline-block;}

/*产品中心*/
.probox{font-family: "Microsoft Yahei";padding:50px 0;line-height:36px;background: #e9e9e9;width: 100%;max-width: 1920px;margin: 0 auto;min-height: 420px;}
.prod_c dl{width: 19.6%;float: left;margin: 0 0 0 0.33%;position: relative;height: 403px}
.prod_c dt,.prod_c dt img{width:100%;display: block;overflow: hidden;}
.prod_c dd{width:100%;display: block;height:100%;position: absolute;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;left: 0;top: 0;}
.prod_c dd h3{font-size: 24px;height:87px;line-height: 33px;background:url(../../images/public/ico04.png) no-repeat right 8px;}
.prod_c dd h3 em{font-size: 12px;line-height:20px;font-weight: normal;opacity: 0.3;display: block;}
.prod_c dd.prod1{background: #fff;padding: 7.8% 8%;display: block;}
.prod_c dd.prod1 p{border-top: solid 1px #a1a1a1;margin: 8.5% 0 0;padding: 12px 0 0;}
.prod_c dd.prod1 h3 a{color: #000;}
.prod_c dd.prod1 span,.prod_c dd.prod1 span img,.prod_c dd.prod2 span img{display: block;width: 100%;}
.prod_c dd.prod2 h3{background:url(../../images/public/ico05.png) no-repeat right 8px;}
.prod_c dd.prod2 a{color: #fff;}
.prod_c dd.prod2 span{display: block;width: 0.4%;min-width: 20px;height: 8.7%;}
.prod_c dd.prod2 p{border-top: solid 1px rgba(255, 255 , 255 , 0.25);margin:12.5% 0 0;padding: 20px 0 0;}
.prod_c dd.prod2 p a{width: 52%;float: left;display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.prod_c dd.prod2 p a:nth-child(2n){width:48%;}
.prod_c dd.prod2{background:rgba(199 , 22, 30 , 0.8);padding:12.3% 8% 0;display: none;color: #fff;}
.prod_c dl:hover dd.prod2,.prod_c dl.cur dd.prod2{display: block;}
.prod_c dl:hover dd.prod1,.prod_c dl.cur dd.prod1{display: none;}
.pro_more{clear: both;padding: 28px 0 0;height: 40px;line-height: 40px;text-align: center;font-weight: bold;font-size: 24px;}
.pro_more a{display: inline-block;padding: 0 48px 0 20px;background:url(../../images/public/ico06.png) no-repeat right 13px;color: #000;}

/*解决方案*/
.plan{font-family: "Microsoft Yahei";padding:76px 0 0;line-height:30px;position: relative;z-index: 1;height: 856px;}
.plan_t{height: 182px;font-size:22px;line-height: 62px;font-weight: bold;text-transform: uppercase;padding: 18px 0 0;text-align: center;position: relative;}
.plan_t li{float: left;white-space: nowrap;width: 200px;}
.plan_t li em{position: absolute;top:239px;left:647px;font-size: 48px;color: #c7161e;font-family: Times New Roman;line-height: 50px;display: none;}
.plan_t li p{display: block;color: #000;}
.plan_t li span{width:87px;height:87px;display: block;position: relative;overflow: hidden;margin: 0 auto;}
.plan_t li span i{width:87px;height:87px;position: absolute;display: block;top: 0;left: 0;}
.plan_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.plan_t li.cur em{display: block;z-index: 8;}
.plan_t li.cur p{color: #c7161e;}
.plan_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.plan_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.plan_c dt,.plan_c dt img{width:600px;height: 449px;float: left;overflow: hidden; display: block;}
.plan_c dl{height: 449px;background: #efefef;overflow: hidden;}
.plan_c dd{width: 515px;float: left;padding: 55px 0 0 47px;}
.plan_c dd h3{font-size: 20px;height: 76px;line-height:38px;border-bottom: solid 1px #e3e3e3;position: relative;}
.plan_c dd h3:before{content: "";position: absolute;width:15px;height:3px;left:55px;top:2px;background: #c7161e;}
.plan_c dd h3 a{color: #000;} 
.plan_c dd h3 em{display: block;font-size: 16px;line-height: 28px;opacity: 0.4;padding: 0 0 0 55px;font-weight: normal;}
.plan_c dd p{display: block;height: 174px;padding: 36px 0 0;}
.more01{width:180px;height:45px;background:#c7161e;text-align: center;font-size: 16px;display: block;line-height: 45px;}
.more01 a{display: inline-block;color: #fff;padding: 0 26px 0 0;background:url(../../images/public/ico08.png) no-repeat right center;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:76px;font-size: 18px;position: relative;z-index: 1;background:url(../../images/public/edgebg.jpg) no-repeat center bottom;height: 820px;z-index: 1;color: #3b3b3b;}
.edge:before{content: "";position: absolute;width:833px;height:568px;left:50%;margin-left:-73px;top:200px;background: #fff;z-index: -1;}
.edge_c{padding: 83px 0 0;}
.edge_c h3{font-size: 36px;height: 86px;line-height: 48px;}
.edge_c h3 em{font-size:12px;line-height:22px;display: block;text-transform: uppercase;font-weight: normal;opacity: 0.3;}
.edge_c li{height: 76px;line-height: 76px;white-space: nowrap;}
.edge_c ul li:last-child{border: 0;}
.edge_r{padding:17px 63px 0 0;width: 555px;}
.edge_r li{border-bottom: dashed 1px #ececec;padding-left: 60px;background:url(../../images/public/ico10.png) no-repeat 0 21px;line-height: 62px;}
.edge_r li b{font-size: 24px;float: left;color: #242424;}
.edge_r li:hover{padding-left: 60px;background:url(../../images/public/ico10_hover.png) no-repeat 0 21px;}
.edge_r li:hover,.edge_r li:hover b{color: #c7161e;}
.edge_l{width:430px;color: #fff;}
.edge_l li{background:url(../../images/public/ico11.png) no-repeat 3px 28px;padding: 0 0 0 48px;border-bottom: solid 1px rgba(255 , 255 , 255 , 0.2);}
.edge_l li b{font-size:40px;float: left;padding: 0 5px 0 0;}
.edge_l li:last-child b{font-size:30px;}


/*案例*/
.case{font-family: "Microsoft Yahei";padding:76px 0;line-height: 25px;position: relative;z-index: 1;text-align: center;max-width: 1920px;margin: 0 auto;}
.case_l{width:597px;position: relative;overflow: hidden;}
.case_l dl,.case_l dt,.case_l dt img{width: 597px;height: 448px;display: block;overflow: hidden;}
.case_r dl,.case_r dt,.case_r dt img{width: 295px;height: 221px;display: block;overflow: hidden;}
.case_c dt{position: relative;}
.case_c dt span{position: absolute;width: 100%;height: 54px;line-height: 54px;background: rgba(255 , 255 , 255 , 0.85);left: 0;bottom: 0;color: #4a4a4a;font-size: 16px;}
.case_r{width:602px;overflow: hidden;}
.case_r dl{float: left;position: relative;margin: 0 0 6px 6px;}
.case_c dd{width: 100%;height:100%;background:rgba(230 , 30 , 41 , 0.8);left: 0;bottom: 0;display: none;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;padding: 20% 8% 0;position: absolute;color: #fff;}
.case_r dd{padding: 10% 8% 0;}
.case_c dd h3{font-size: 20px;height: 63px;line-height: 62px;position: relative;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3 a{color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dd h3:before{content: "";position: absolute;width: 28px;height: 1px;left: 50%;margin-left: -14px;bottom: 0;background: #fff;}
.case_c dd p{display: block;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow:hidden; text-overflow: ellipsis;margin: 10% 0;}
.case_c dd:before{content: "";position: absolute;width:27px;height:27px;left: 50%;margin-left: -13px;bottom:8%;background:url(../../images/public/ico05.png) no-repeat 0 0;}
.case_r dd p{margin:5% 0;}
.case_c dl:hover dd{display: block;z-index: 1;}
.case_c dl:hover dt span{display: none;}

/*合作*/
.part{font-family: "Microsoft Yahei";background: #f4f4f4;padding:51px 0 0;height:500px;font-size: 16px;}
.part_c{padding: 16px 0 0;height: 254px;}
.part_c li{float: left;position: relative;width: 185px;height: 104px;margin:0 18px 18px 0;overflow: hidden;}
.part_c li:nth-child(6n){margin-right: 0;}
.part_c li span{width: 185px;height: 104px;display: none;position: absolute;left: 0;bottom: 0;background:#c7161e;text-align: center;line-height: 104px;}
.part_c li span a{display: block;color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.part_c li:hover span{display: block;}
.part_c li img{width: 183px;height: 102px;display: block;overflow: hidden;border: solid 1px #dfdfdf;}

/*资讯*/
.newbox{line-height:24px;height:715px;font-family: "Microsoft Yahei";clear: both;padding:65px 0 0;position: relative;z-index: 1;overflow:hidden;}
.newbox .til01{margin-bottom: 45px;}
.new_t{height:62px;line-height:62px;text-align: center;font-size: 20px;border-bottom: solid 1px #e1e1e1;margin-bottom: 21px;font-weight: bold;}
.new_more a{display: block;width:22px;height:62px;background:url(../../images/public/ico07.png) no-repeat right center;}
.new_t li,.new_t p a{float: left;color: #242424;padding: 0 40px 0 0;}
.new_t li.cur,.new_t p a{color: #c7161e;}

.news_l,.news_r{width: 703px;height: 510px;overflow: hidden;background: #f3f3f3;padding:2px 35px;}
.news_r{width: 357px;padding:2px 25px 20px;height:494px;}
.news_r dl{height: 128px;display: block;overflow: hidden;margin-bottom:15px;border-bottom: dashed 1px #e1e1e1;}
.news_r dt{height:36px;display: block;overflow: hidden;line-height: 24px;padding: 0 0 0 47px;background:url(../../images/public/faq_w.gif) no-repeat 0 0;font-size: 16px;font-weight: bold;}
.news_r dd{padding: 0 0 0 47px;background:url(../../images/public/faq_d.gif) no-repeat 0 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news_r dt a,.news_l dd h3 a{display: block;color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news_l dl{height:221px;overflow: hidden;border-bottom: solid 1px #e1e1e1;margin-bottom: 18px;}
.news_l dt,.news_l dt img{width:337px;height:189px;display: block;overflow: hidden;float: left;}
.news_l dd{width:340px;float: right;}
.news_l dd h3{height:50px;display: block;overflow: hidden;line-height: 50px;font-weight: normal;}
.news_l dd p{height:105px;}
.news_l dd p a{color: #c7161e;}
.news_l dd span,.new_lc li span{color: #bdbdbd;}
.new_lc li{height:42px;overflow: hidden;line-height: 42px;padding:0 0 0 18px;background:url(../../images/public/ico10.gif) no-repeat 0 20px;}
.new_lc li span{float: right;}

/*友情链接*/
.link{height:0;line-height:34px;color: #727272;position: relative;width: 1200px;margin: 0 auto;z-index: 9;}
/*.link_c{width: 500px;right: 0;top: -70px;position: absolute;text-align: right;}*/
.link a{display: inline-block;color: #727272;padding:0 12px;}

.webox_w li img, .prod_c dt img, .case_c dt img, .news_l dt img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.webox_w li:hover img, .prod_c dl:hover dt img, .case_c dl:hover dt img, .news_l dl:hover dt img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}