

.t_con{padding-right: 242px!important;}

/*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: 21px;height: 21px;border-radius: 21px;margin-right:12px; display: inline-block;outline: none;background: #fff;}
.slick-dots .slick-active button {background: #cc1313;width: 48px;}
.banner .slick-arrow{width:37px;height:72px;cursor: pointer;z-index: 22;top:44.5%;outline: none;position:absolute;border:0;overflow: hidden;text-align: center;transition:.8s;line-height: 140px;opacity: 0;text-indent: 100px;}
.banner .slick-arrow.slick-prev{background:url(../image/prev1.png) no-repeat 0 0;left: 3%; opacity: 0;}
.banner .slick-arrow.slick-next{background:url(../image/next1.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: #000;font-size:44px;line-height:81px;font-family: "Microsoft Yahei";clear: both;display: block;white-space: nowrap;padding: 0 0 40px;background:url(../image/58947a5521d94caeaf01bb33a8936d2f_2.png) no-repeat center 76px;}
.til01 p{display: block;font-size:18px;line-height:38px;font-weight: normal;}
.til01 a{color: #000;}
.til02,.til02 a{color: #fff;}


/*搜索*/
.seabox{height:0;line-height:28px;font-size: 16px;font-family: "Microsoft Yahei";position: relative;width: 1200px;margin: 0 auto;}
.sea_inp{width:222px;height:70px;position: absolute;z-index: 1;right: 0;top: -142px;z-index: 9;}
.sea_inp span{display: block;height:28px;padding: 0 17px;}
.sea_inp .serach{width:163px;height:32px;border:0;background:none;line-height:32px;color:#666;float:left;outline: none;display: block;padding:0 12px;background: #f3f3f3;border-radius: 16px 0 0 16px;padding: 0 25px 0 18px;}
.sea_inp .sub{ width:32px; height:32px;float:left;cursor: pointer;display: block;background:url(../image/sea_ico.png) no-repeat 0 0;border: 0;text-indent: 190px;margin-left: -16px;}

.videobox,.video,.video img,.video video{width: 100%;display: block;}

/*产品中心*/
.probox{clear: both;font-size:18px;font-family:"Microsoft Yahei";line-height:58px;position: relative;padding:64px 0 94px;z-index: 1;color: #e0e0e0;background:url(../image/c5d00672f366491c8891bc49cfa6e830_20.jpg) no-repeat center 0 #313131;text-align: center;}
/*.probox h2{font-size: 46px;line-height: 128px;color: #fff;}*/
/*.probox h2 a{color: #fff;}*/
.prod_con,.plan_con{width: 80%;margin: 0 auto;min-width: 1200px;max-width: 1642px;}
.pro_t{font-size: 18px;height: 83px;display: block;}
.pro_t span,.pro_t em{padding: 0 18px;display: inline-block;}
.pro_t span a,.pro_t em a{color: #fff;display: inline-block;position: relative;}
.pro_t span a:before,.pro_t em a:before{content: "";position: absolute;width:0;height:3px;top:0;left:0;background:#d4251f;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_t span.cur a:before,.pro_t em:hover a:before{width: 100%;}

.pro_l{width: 32.88%;}
.pro_l img,.pro_r li p,.pro_r li p img,.plan_c1,.plan_c1 p,.plan_c1 p img,.plan_c1 li img{width: 100%;display: block;}
.pro_r{width: 62.6%;}
.pro_r li{width:44.75%;float: left;padding: 8px 0 0;}
.pro_r li:nth-child(2n){margin-left:10.5%;}
.pro_r li span a{display: block;color: #e0e0e0;}

/*解决方案*/
.plan{clear: both;font-size:14px;font-family:"Microsoft Yahei";line-height:24px;position: relative;padding:84px 0;z-index: 1;overflow: hidden;background:#f2f2f2;}
.plan_con{background: #fff;}
.plan_t{width: 33%;overflow: hidden;position: relative;text-align: center;}
.plan_t:before {
	content: "";
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	/* background: #e2e2e2; */
}

.plan_t li {
	width: 100%;
	float: left;
	box-sizing: border-box;
	font-size: 20px;
	/* border-bottom: 1px solid #e2e2e2; */
}
.plan_t li:nth-last-child(1),.plan_t li:nth-last-child(2){border: 0;}
.plan_t li a{display: inline-block;padding-left: 62px;color: #333;line-height:54px;margin: 30px 0;}
.plan_t li.cur{background: #c01f23;color: #fff;}
.plan_t li.cur a{color: #fff;background-position: 0 -65px!important;}
.plan_c{width: 67%;overflow: hidden;}
.plan_c1{position: relative;}
.plan_c1 ul{width: 100%;left: 0;bottom: 0;height: 130px;position: absolute;}
.plan_c1 li{width: 18%;float: left;margin: 0 0 0 0.71%;}
.plan_c1 li:first-child{margin: 0 0 0 3.63%;}

.pro_c2 .pro_l,.pro_c2 .pro_l img{width:100%;display:block;}
.pro_c2 .pro_r{display:none;}

@media screen and (max-width: 1800px) {
    .plan_t li a{margin: 24px 0;}
}
@media screen and (max-width: 1680px) {
    .plan_t li a{margin: 20px 0;}
}
@media screen and (max-width: 1440px) {
    .plan_t li a{margin:18px 0;}
}

/*优势*/
.edge{clear: both;font-family:"Microsoft Yahei";line-height:25px;font-size: 14px;padding:66px 0 150px;color: #666;background:url(../image/edgebg.jpg) no-repeat center 0 #ebebeb;}
.edge_c dl{width: 19.6%;float: left;margin: 0 0 0 4.32%;padding: 0 0 88px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge_c dt{font-size: 24px;line-height: 37px;color: #333;padding: 35px 0 25px;}
.edge_c dt h3{font-size: 32px;line-height: 42px;color: #484848;height: 100px;}
.edge_c dt h3 i{font-size: 74px;float: left;font-weight: normal;line-height: 70px;color: #dadada;letter-spacing: -4px;padding: 0 12px 0 0;}
.edge_c dt h3 em{font-weight: normal;font-size: 14px;line-height: 22px;color: #bababa;display: block;}
.edge_c dd li{padding: 0 0 25px;}
.edge_c dd li b,.edge_c dl:hover dt h3{color: #ca1010;}
.edge_c dl:hover{margin-top: -10px;}
.edge_l{clear: both;width: 1200px;margin: 0 auto;font-size: 18px;line-height: 55px;text-align: center;font-weight: bold;}
.edge_l span{width: 200px;float: left;margin: 0 0 0 102px;}
.edge_l span:nth-child(1){margin: 0 0 0 44px;}
.edge_l span a{color: #fff;display: block;background: #333;}
.edge_l span a:hover{background: #ca1010;}

/*案例*/
.case{background: #313131;padding: 68px 0 88px;font-family:"Microsoft Yahei";font-size: 16px;line-height: 42px;color: #333;}
.case_ico{position: absolute;width: 27px;height: 27px;border-radius: 100%;background: #c01d29;z-index: 1;box-sizing:border-box;-webkit-animation: living 3s linear infinite;}
.case_ico1{left:192px;top: 77px;}
.case_ico2{left:332px;top: 249px;}
.case_ico3{left:575px;top: 152px;}
.case_ico4{right:286px;top: 82px;}
.case_ico5{right:214px;top: 291px;}
.case_ico:before{content: "";position: absolute;width:37px;height:37px;top:-6px;left:-6px;border: dashed 1px #c01d29;border-radius: 52px;-webkit-animation: living 3s linear infinite;z-index:0;}
.case_wz{width: 110px;color: #fff;line-height: 40px;font-size: 18px;top: 114px;right: 110px;position: absolute;}
.case_l{margin-top: -24px;}
.case_l li{float: left;margin: 0 33px 0 0;width: 273px;border: solid 1px #e3e4e3;background: #fff;}
.case_l li p,.case_l li p img{width: 273px;height: 206px;display: block;overflow: hidden;}
.case_l li span{display: block;height: 42px;}
.case_l li span a{display: block;color: #3e3e3e;text-align: center;}

@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 1;
    }
}

/*新闻资讯*/
.nswsbox{font-family:"Microsoft Yahei";line-height:24px;font-size: 16px;clear: both;color: #999;padding:80px 0 0;position: relative;overflow: hidden;background:url(../image/f071a10260794efcb3429d01e748da9e_10.jpg) no-repeat center 0 #f7f7f7;z-index: 1;height: 965px;}
.nswsbox:before{content: "";position: absolute;width:1400px;height:710px;top:226px;left:50%;margin-left: -700px;background:#fff;z-index: -1;}
.news-nav{height:42px; margin:80px 0 66px;}
.news-nav ul{width:400px; float:left;}
.news-nav ul li{float:left;width:133px; height:42px; position: relative; line-height: 42px; text-align: center;background: #282828;}
.news-nav ul li a{display: block; font-size: 20px; color:#FFF;}
.news-nav ul li i{display: block; width:18px; height:7px; position: absolute; left:56px;bottom:-7px;}
.news-nav ul li.cur{background: #c01d29;}
.news-nav ul li.cur:before{content: "";position: absolute;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #c01d29;left: 50%;top: 42px;margin-left: -8px;}
.news-nav b{display: block; height:42px; line-height: 42px;float:right;}
.news-nav b a{font-size: 16px; color:#999999; font-weight: normal; }
.news-left{width:607px; float:left;}
.news-left .news-top{height:301px; border-bottom:1px solid #dfdfe0;margin-bottom: 38px;}
.news-left .news-top em{display: block; height:44px; line-height: 44px;font-size: 22px; color:#333333;}
.news-left .news-top h4{height:46px; line-height: 46px;margin-bottom: 32px;width:610px;}
.news-left .news-top h4 a{display: block;font-size: 30px; color:#333333; font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-left .news-top p{line-height: 25px;font-size: 15px; color:#898888; margin-bottom: 26px;}
.news-left .news-top span{display: block; width:120px; height:36px; text-align: center; line-height: 36px; border:2px solid #15262e;}
.news-left .news-top span a{display: block; font-size: 14px; color:#333333;}
.news-left ul li{height:35px;}
.news-left ul li em{display: block;height:35px; line-height: 35px;font-size: 15px; color:#444444; float:left;position: relative; overflow: hidden; text-overflow: ellipsis; width: 485px; white-space: nowrap; }
.news-left ul li em:before{display: none;width: 100%; height:1px; background:#004f9a; content:""; position: absolute; left:0;top:26px;}
.news-left ul li i{display: block; height:35px;line-height: 35px; float:right;font-size: 15px; color:#aaaaaa;}
.news-left ul li:hover em{color:#004f9a;font-weight: bold;}
.news-left ul li:hover em:before{display: block;}
.news-rig{width:517px;float:right; margin-top: 6px;}
.news-rig ul li{float:left; width:240px; margin-bottom: 20px; position: relative;}
.news-rig ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}
.news-rig ul li span img{width:100%;}
.news-rig ul li em{display: block; width:100%;height:32px; line-height: 32px; text-align: center; font-size: 15px; color:#FFF;background:rgba(0,0,0,0.8); position: absolute; left:0;bottom:0;box-sizing:border-box;padding:0 10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-rig ul li:nth-child(2n){float:right;}


/* 团队 */
.team{font-family:"Microsoft Yahei";font-size: 18px;line-height: 44px;background: #f4f4f4;padding: 86px 0 90px;color: #333;overflow:hidden;}
.team dl{background:url(../image/teamlbg.jpg) no-repeat right 0;height: 380px;}
.team dt,.team dt img{width:640px;height: 380px;display: block;overflow: hidden;float: left;}
.team dd{width: 497px;float: right;padding: 40px 0 0;}
.team dd h4{display: block;height: 70px;}

/*友情链接*/
.link{height:68px;line-height:68px;position: relative;z-index: 9;font-size: 14px;color: #7c7c7c;background: #1a1a1a;}
.link a{display: inline-block;padding:0 24px;color: #7c7c7c;}
.link_c a:hover{text-decoration: underline;color: #fff;}

.plan_c1 p img, .case_l li p img, .news-rig li span img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.plan_c1 p:hover img, .case_l li:hover p img,.news-rig li:hover span img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


@keyframes living {
    0%{
        transform: scale(1);
        opacity: 1;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.7;
    }
    100%{
        transform: scale(1);
        opacity: 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)}
}