/*banner*/
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.slick-dots {position: absolute;left:5%; font-size:0;bottom:8%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width:14px;height:14px;border-radius:14px;margin-right:12px; display: inline-block;outline: none;background:#fff;}
.slick-dots .slick-active button {background: #f5141e;width: 48px;}
.banner .slick-arrow{width:30px;height:84px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../image/ban_prev.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../image/ban_next.png) no-repeat 0 0;right: 3%; opacity: 0;}
.banner:hover .slick-prev{ left: 6%; opacity: 0.8;}
.banner:hover .slick-next{ right: 6%; opacity: 0.8;}
.banner .slick-arrow:hover{opacity: 1;}

.til01{text-align: center;color: #0170e1;font-size:40px;line-height:68px;font-family: "Microsoft Yahei";white-space: nowrap;padding: 0 0 46px;background:url(../image/55326c6d2b604c8ea3f41e7c6eac9342_4.png) no-repeat center 0;font-weight: normal;}
.til01 p{display: block;font-size:22px;line-height: 72px;color: #666;}
.til01 a{color: #0170e1;}
.til02{background:url(../image/55326c6d2b604c8ea3f41e7c6eac9342_4.png) no-repeat center 0;color: #fff;}
.til02 p,.til02 a{color: #fff;}

/*搜索*/
.seabox{height:72px;line-height:72px;font-size: 14px;font-family: "Microsoft Yahei";position: relative;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.keyword{width:760px;color: #666;}
.keyword a{color:#888;display: inline-block;padding: 0 40px 0 10px;}
.keyword a:hover{color: #444;}
.sea_inp{width:314px;height:33px;position: relative;z-index: 1;overflow: hidden;background: #ececec;border-radius: 17px;margin-top: 22px;}
.sea_inp .serach{width:244px;height:33px;border:0;background:none;line-height:33px;color:#666;float:left;outline: none;display: block;padding:0 0 0 20px;}
.sea_inp .sub{ width:48px; height:33px;float:left;cursor: pointer;display: block;background:url(../image/sea_ico.png) no-repeat 16px 6px;border: 0;text-indent: 190px;}

/*引子*/
.guide{font-size:16px;color: #666;line-height:30px;position: relative;height:490px;padding: 75px 0 0;z-index: 1;}
.guide_w{width: 514px;position: relative;}
.guide_w h2{position: relative;font-size: 48px;line-height: 61px;color: #0170e1;padding: 12px 0 20px;margin-bottom: 30px;}
.guide_w h2:after{content: "";position: absolute;width:38px;height:3px;left: 0;bottom:0;background:#0170e1;}
.guide_w h2 span{display: block;font-weight: normal;font-size: 40px;line-height: 54px;color: #333;}
.guide_w p{padding: 0 0 45px;}
.more01{width: 123px;line-height:38px;height: 43px;text-align: center;display: block;background:url(../image/55326c6d2b604c8ea3f41e7c6eac9342_18.png) no-repeat 0 0;color: #fff;}
.more01 span{color: #fff;}
.guide_p{position: relative;width:560px;margin-left: 10px;z-index: 1;}
.guide_p:before,.guide_p:after{content: "";position: absolute;width:84px;height:67px;right:-10px;top:-10px;background:#0170e1;z-index: -1;}
.guide_p:after{left: -10px;bottom: -10px;top: auto;}

/*产品中心*/
.probox{clear: both;font-size:16px;font-family:"Microsoft Yahei";position: relative;color: #666;line-height:30px;padding:62px 0 75px;z-index: 1;background: #f2f2f2;}
.pro_con{height: 420px;margin-bottom: 25px;overflow: hidden;}
.pro_t{height:420px;font-size:18px;line-height:53px;width: 279px;background:url(../image/pro_navbg.jpg) no-repeat 0 0;padding: 30px 14px 0 28px;box-sizing:border-box;}
.pro_t li{height: 53px;position: relative;margin-bottom: 40px;}
.pro_t li a{display: block;padding-left: 63px;color: #333;}
.pro_t li a:before{content: "";position: absolute;width:5px;height:5px;left:50px;top:24px;background:#333;border-radius: 5px;}
.pro_t li:hover,.pro_t li.cur{color: #fff;background: #0170e1;border-radius: 0 27px 27px 0;}
.pro_t li:hover a,.pro_t li.cur a{color: #fff;}
.pro_t li:hover a:before,.pro_t li.cur a:before{background: #fff;}
.pro_gg dl{position: relative;}
.pro_gg dl,.pro_gg dt,.pro_gg dt img{width:892px;display: block;overflow: hidden;}
.pro_gg dd{position: absolute;width: 290px;height: 310px;right:66px;top:68px;z-index: 2;}
.pro_gg dd h3{font-weight: normal;position: relative;font-size: 30px;line-height: 71px;}
.pro_gg dd h3 a{display: block;color: #333;}
.pro_gg dd p{padding: 14px 0 28px;}

.pro_l{text-align: center;overflow: hidden;}
.pro_l li{float: left;margin: 0 25px 0 0;overflow: hidden;position: relative;border: solid 1px #d9d9d9;}
.pro_l li,.pro_l li p,.pro_l li p img{width:280px;height: 280px;display: block;overflow: hidden;}
.pro_l li span{display: block;height: 46px;text-align: center;width: 100%;position: absolute;left: 0;bottom: 0;}
.pro_l li span a{display: block;color: #666;}
.pro_l li:hover{border-color: #0170e1;}
.pro_l li:hover span a{color: #0170e1;font-weight: bold;}

/*优势*/
.super{clear: both;font-family:"Microsoft Yahei";line-height:30px;font-size: 16px;position: relative;z-index: 2;color: #666;padding:60px 0 70px;background:url(../image/superbg.jpg) no-repeat center 0;}
.super_con{padding: 30px 0 0;height: 680px;}
.super_con:before{content: "";position: absolute;width:1304px;height:742px;left:-52px;top:-30px;background:url(../image/super_ico.gif) no-repeat 1261px 70px #fff;z-index: -2;}
.super_con:after{content: "";position: absolute;width:196px;height:608px;left:-52px;top:30px;background:#0170e1;z-index: -1;}
.super_t{width: 196px;font-size: 18px;line-height: 48px;color: #fff;font-weight: bold;}
.super_t li{height:107px;padding:40px 0 0;position: relative;z-index: 1;}
.super_t li:before{content: "";position: absolute;width:196px;height:1px;left:-52px;bottom:0;background:rgba(255, 255, 255, 0.1);-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.super_t li:last-child:before{width: 0;height: 0;}
.super_t li em{display: block;font-size: 60px;line-height: 60px;height: 46px;opacity: 0.1;overflow: hidden;}
.super_t li.cur:before{width: 161px;height: 4px;left: 0;}

.super_c{width: 986px;overflow: hidden;margin-left: 48px;}
.super_c dt,.super_c dt img{width: 100%;display: block;overflow: hidden;}
.super_c dd{padding:14px 0 0;}
.super_c dd h4{font-size: 28px;line-height: 56px;color: #333;}
.super_c dd ul{float: right;color: #333;}
.super_c dd li{float: left;border-left: 1px solid #dbdbdb;height: 88px;overflow: hidden;padding: 0 25px;margin-top: 21px;text-align: center;}
.super_c dd li:last-child{padding-right: 0;}
.super_c dd li span{display: block;height: 52px;font-weight: bold;}
.super_c dd li b{font-size: 58px;line-height: 52px;}
.super_c dd li i{font-size: 16px;line-height: 30px;width: 30px;height: 30px;border-radius: 30px;background: #0170e1;color: #fff;display: inline-block;margin-top: -10px;}
.super_c dd p{padding-left:14px;background:url(../image/ico01.gif) no-repeat 0 center;white-space: nowrap;}


/*案例*/
.case{clear: both;font-size:16px;font-family:"Microsoft Yahei";line-height:28px;position: relative;padding:110px 0 85px;z-index: 1;color: #666;}
.case .til01{padding-bottom: 5px;}
.prev1,.next1{width:29px;height:10px;display: inline-block;cursor: pointer;top:542px;left: 50%;margin-left: 600px; z-index: 9;overflow: hidden;}
.prev1 img,.next1 img{display: block;}
.prev1{margin-left: -682px;}
.case_t{height:44px;font-size:20px;color: #353a3f;line-height:44px;text-align: center;margin-bottom: 26px;}
.case_t li{float: left;position: relative;padding:0 28px;color:#666;box-sizing: border-box;margin-left: 6px;}
.case_t li:first-child{margin-left: 44px;}
.case_t li a{display: block;color: #666;padding: 0 2px 0 37px;}
.case_t li.cur,.case_t li:hover{color: #fff;font-weight: bold;background: #0170e1;border-radius: 22px;}
.case_t li:hover a,.case_t .cur a{background-position: 0 -44px!important;color: #fff;}

.case_c .tempWrap{overflow: visible !important;}
.case_c dl{width: 1200px;position: relative;margin-right: 70px;height: 595px;}
.case_c dt,.case_c dt img{width: 1100px;display: block;height:550px;overflow: hidden;}
.case_c dd{height:295px;display: none;padding:0 50px;width:508px;background:#fff;position: absolute;right:0;bottom:5px;box-sizing:border-box;box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);}
.case_c dd h4{display: block;font-size:24px;line-height:96px;height:90px;overflow: hidden;}
.case_c dd h4 a{color: #333;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.case_c dl.cur dd{display: block;}

/*新闻资讯*/
.nswsbox{padding: 62px 0;position: relative;font-size: 16px;line-height:30px;color: #666;overflow: hidden;background: #f2f2f2;}
.nswsbox h3{font-size:22px;height:64px;line-height:64px;position: relative;font-weight: normal;padding-left: 22px;color: #333;}
.nswsbox h3:before{content: "";position: absolute;width:4px;height:19px;left:2px;top:22px;background:#0170e1;}
.nswsbox h3 a{color: #333;display: block;}
.faqs{width: 365px;height: 540px;overflow: hidden;}
.faqs dl{background: #fff;border: solid 1px #ccc;height: 92px;margin-bottom: 11px;padding:18px 17px 0;}
.faqs dt{height: 30px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;background:url(../image/faq-w.gif) no-repeat 0 center;padding-left: 32px;margin-bottom: 9px;}
.faqs dt a{display: block;color: #333;}
.faqs dd{background:url(../image/faq-d.gif) no-repeat 0 center;padding-left: 32px;}

.news{width: 776px;height: 550px;overflow: hidden;}
.news h3{border-bottom: 1px solid #ccc;margin-bottom: 35px;}
.nsw_c dl{display: block;height: 156px;border-bottom: dotted 1px #ccc;}
.nsw_c dt,.nsw_c dt img{width: 253px;display: block;overflow: hidden;float: left;}
.nsw_c dd{width:482px;float: left;padding-left: 24px;}
.nsw_c dd h4{font-size:18px;font-weight: normal;line-height: 26px;padding: 0 0 25px;}
.nsw_c dd h4 a{display: block;color: #333;}
.nsw_c dd h4 span{display: block;color: #999;font-size: 12px;line-height: 16px;}
.nsw_c li{border-bottom: dotted 1px #ccc;width: 342px;float: left;height: 74px;line-height: 74px;padding-left:26px;position: relative;}
.nsw_c li:before{content: "";position: absolute;width:8px;height:2px;left:2px;top:50%;background:#666;}
.nsw_c li span{float: right;color: #999;}
.nsw_c li a{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width: 292px;display: block;float: left;color: #666;}
.nsw_c li:nth-child(2n){margin-left: 40px;}

/*关于*/
.aboutbox{font-family:"Microsoft Yahei";font-size: 16px;line-height:30px;color: #666;position: relative;z-index: 1;text-align: center;z-index: 9;margin-bottom: 25px;}
.about_c{height: 255px;box-sizing:border-box;padding:20px 50px 0;width: 1200px;margin: -118px auto 0;box-shadow: 0 1px 5px 8px rgba(0, 0, 0, 0.05);background: #fff;z-index: 2;position: relative;}
.about_c h3{font-size: 48px;height:83px;line-height:83px;margin-bottom: 15px;position: relative;}
.about_c h3:before,.about_c h3:after{content: "";position: absolute;width:38px;height:3px;left:50%;bottom:0;background:#f5141e;margin-left: -19px;}
.about_c h3:before{width: 316px;height: 1px;background: #ccc;bottom: 1px;margin-left: -158px;}
.about_c h3 a{display: block;color: #333;}
.about_c a,.about_c h3 b{color: #0170e1;}


/* 风采展示 */
.show{clear: both;height: 384px;font-size: 16px;line-height: 44px;text-align: center;}
.show_t{height:50px;font-size:22px;text-align: center;line-height:32px;position: relative;color: #333;margin-bottom: 33px;}
.show_t li{float: left;width: 286px;position: relative;text-align: left;}
.show_t li:first-child{margin-left: 320px;}
.show_t li:before{content: "";position: absolute;width:1px;height:32px;right:66px;top:7px;background:#ddd;}
.show_t li:last-child:before{width: 0;height: 0;}
.show_t li a{display: block;color: #333;padding-left: 44px;height:50px;}
.show_t li em{display: block;color: #999;font-size: 14px;line-height: 14px;}
.show_t li.cur a,.show_t li:hover a{background-position: 0 -60px!important;}

.show_c1{overflow: hidden;}
.show_c1 li{width: 295px;float: left;margin:0 6px 0 0;position: relative;text-align: center;}
.show_c1 li:last-child{margin: 0;}
.show_c1 li p,.show_c1 li p img{width: 295px;height:197px;display: block;overflow: hidden;}
.show_c li span{display: block;color: #333;}

/*友情链接*/
.link{height:68px;line-height:68px;position: relative;z-index: 9;font-size: 16px;color: #a5a5a5;}
.link a{display: inline-block;color: #a5a5a5;padding: 0 30px;}

.pro_gg dt img,.case_c dt img, .super_c dt img, .pro_l p img, .nsw_c dt img, .show_c1 li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_gg dl:hover dt img,.case_c dl:hover dt img, .super_c dl:hover dt img, .pro_l li:hover p img, .nsw_c dl:hover dt img, .show_c1 li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@-webkit-keyframes swing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(15deg)}
    40%{-webkit-transform:rotate(-10deg)}
    60%{-webkit-transform:rotate(5deg)}
    80%{-webkit-transform:rotate(-5deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes swing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(15deg)}
    40%{-moz-transform:rotate(-10deg)}
    60%{-moz-transform:rotate(5deg)}
    80%{-moz-transform:rotate(-5deg)}
    100%{-moz-transform:rotate(0deg)}
}