﻿/*公共样式*/

.titleGin{text-align: left;margin-bottom: 30px;font-size: 24px;}

.titleGin .title{position: relative; color: #242118;font-size: 24px;}





/*内容样式*/

.container{width: 100%; position: relative;z-index: 2;}

.i_box01{margin-top: 14px!important;}

.i_box01L{width: 250px;height: 115px;background:  rgba(0,0,0,0.8);}

.i_box01L ul{margin-top: 28px;display: -webkit-flex;

display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

.i_box01L ul li{height: 50px;width: 33.3%;border-right: 1px solid #999;text-align: center;}

.i_box01L ul li:last-child{border-right: 0;}

.i_box01L ul li .img{transition: all 0.5s ease 0s;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;

width: 40px;height: 40px;margin: 0 auto;}

.i_box01L ul li:hover .img{transform: rotate(20deg)-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);

-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px)}

.i_box01L ul li .title{font-size: 15px;color: #fff;margin-top: 12px;}

.i_box01R{width: 1300px;}

.i_box01R ul{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

.i_box01R ul li{width: 257px;left: 50%;margin-left: 14px;height: 350px;}

.i_box01R ul li:nth-child(1){margin-left: 0;background: url(/style/images/add1_03.png)no-repeat center;}

.i_box01R ul li:nth-child(2){background: url(/style/images/add2_05.png)no-repeat center;}

.i_box01R ul li:nth-child(3){background: url(/style/images/add3_07.png)no-repeat center;}

.i_box01R ul li:nth-child(4){background: url(/style/images/add4_09.png)no-repeat center;}

.i_box01R ul li:nth-child(5){background: url(/style/images/add5_010.png)no-repeat center;}

.i_box01R ul li .title{padding: 260px 0 0 30px;font-size: 25px;color: #f5f5f5;text-transform: capitalize;}

.i_box01R ul li .intro{margin-top: 10px;font-size: 14px;color: #f5f5f5;padding-left: 10px;}



.i_box02{ width: 1920px; position: relative; margin: 14px 0 14px -960px;left: 50% }

.i_box03{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

.i_box03L{width: 296px;margin-right: 14px;}

.i_box03R{width: 1300px;}

.i_box03R ul li{margin-right: 14px;margin-bottom: 14px;float: left;width: 314px;overflow: hidden;position: relative;}

.i_box03R ul li:nth-child(4n){margin-right: 0;}

.i_box03R ul li .img{width: 314px;height: 326px;overflow: hidden;}

.i_box03R ul li .img img{transition: all 0.6s ease-in-out;width:314px;height:322px;}

.i_box03R ul li:hover .img img{transform: scale(1.1);}

.i_box03R ul li .title{position: absolute;width: 100%;text-align: center;bottom: -30px;line-height: 40px;height: 40px;

font-size: 16px;color: #fff;}

.i_box03R ul li:hover .title{ top: 285px;background: #f00;}

.i_box03R ul li .intro{position: absolute;width: 100%;text-align: center;

bottom: 00px;line-height: 40px;height: 40px;font-size: 16px;color:rgba(0,0,0,0.5);}



.ad00{background: url(/style/images/ad00.png)no-repeat center;margin: 28px auto!important;}

.ad00 .title{height: 100px;line-height: 100px;margin-left: 400px;font-size: 24px;font-weight: bold;color: #000000;}

.ad00 .title i{font-size: 20px;font-weight: normal;color: #000000;margin-left: 70px;}



.ad01{background: url(/style/images/ad02.jpg)no-repeat center;margin: 28px auto!important;}

.ad01 .title{height: 100px;line-height: 100px;margin-left: 24px;font-size: 24px;font-weight: bold;color: #ffffff;}

.ad01 .title i{font-size: 20px;font-weight: normal;color: #ffffff;margin-left: 70px;}



.i_more {position:relative;display:block;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;

	box-sizing:border-box;height:42px;line-height:42px;border:1px solid #333;font-size:16px;color:#fff;background-color:transparent;

-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;margin-right:20px;

margin-top: 32px;width: 132px;}

.i_more1 {position:relative;display:block;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;

	box-sizing:border-box;height:50px;line-height:43px;border:1px solid #333;font-size:22px;color:#fff;background-color:transparent;

-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;margin-right:20px;

margin-top: 600px;width: 200px;}

.i_more::before {background:#820e11;}

.i_more1::before {background:#820e11;}

.i_more::before,

.i_more1::before,

.i_more::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}

.i_more1::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;}

.i_more::after {background:#222222;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}

.i_more1::after {background:#222222;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}

.i_more:hover {color: #fff;}

.i_more1:hover {color: #fff;}

.i_more:hover:after { height: 0;left: 50%;top: 50%;width: 0;}

.i_more1:hover:after { height: 0;left: 50%;top: 50%;width: 0;}



.ad02{background: url(/style/images/ad03.jpg)no-repeat center;margin: 28px auto!important;}

.ad02 .title{height: 100px;line-height: 100px;margin-left: 30px;font-size: 24px;font-weight: bold;color: #ffffff;}

.ad02 .title i{font-size: 20px;font-weight: normal;color: #ffffff;margin-left: 70px;}



.ad03{background: url(/style/images/ad04.jpg)no-repeat center;margin: 28px auto!important;}

.ad03 .title{height: 100px;line-height: 100px;margin-left: 30px;font-size: 24px;font-weight: bold;color: #ffffff;}

.ad03 .title i{font-size: 20px;font-weight: normal;color: #ffffff;margin-left: 70px;}



.i_box04{padding: 70px 0;}

.i_box04L{width: 50%;position: relative;z-index: 0;}

.i_box04R{width: 50%;position: relative;z-index: 2;}

.i_box04R .title04 {position: relative;height: 170px;}

.i_box04R .title04 .en{font-weight: bold;color: rgba(0,0,0,0.1);font-size: 114px;text-align: right;position: absolute;

right: 0;text-transform: uppercase;position: absolute;z-index: 0;}

.i_box04R .title04 .cn{font-weight: bold;font-size: 24px;color: #000;padding: 10px;background: #fff;position: relative;top: 62px;

display: inline-block;left: 50px;z-index: 2;}

.box04C{background: #a32024;padding:31px 33px;}

.box04C .cn{font-size: 24px;color: #ffffff;}

.box04C .line{position: relative;width: 50px;height: 2px;background: #fff;background: #fff;transition: 1s;margin-bottom: 36px;}

.box04C:hover .line {width:200px;}

.box04C .content{line-height: 30px;font-size: 14px;color: #fff;text-align: justify;height: 120px;}

.box04C .i_more {position:relative;display:block;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;

	box-sizing:border-box;height:28px;line-height:28px;border:1px solid #fff;font-size:14px;color:#fff;border-radius: 10px;

background-color:transparent;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;

margin:45px 0 0;width:84px;}

.box04C .i_more::before {background:#fff;}

.box04C .i_more::before,

.box04C .i_more::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;border-radius: 10px;}

.box04C .i_more::after {background:#a32024;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}

.box04C .i_more:hover {color: #a32024;}

.box04C .i_more:hover:after { height: 0;left: 50%;top: 50%;width: 0;}



.i_box05{padding: 60px 0;background: url(/style/images/c_bg.jpg)no-repeat center;}

.i_box05>.g-in{background: #2d2e35;}

.i_box05 .i_box05L{width: 65%;overflow: hidden;}

.i_box05 .i_box05L img{width: 100%;}

.i_box05 .i_box05R{background:#2d2e35;padding: 20px 22px 0;width:calc(35% - 60px);}

.i_box05 .i_box05R .title04{font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 28px;}

.i_box05 .i_box05R .content{font-size: 14px;color: #fff;line-height: 36px; text-align: justify;}

.i_box05R .i_more {position:relative;display:block;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;

	box-sizing:border-box;height:28px;line-height:28px;border:1px solid #a32024;font-size:14px;color:#fff;border-radius: 10px;

background-color:transparent;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;

margin:45px 0 0;width:84px;}

.i_box05R .i_more::before {background:#841518;}

.i_box05R .i_more::before,

.i_box05R .i_more::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;border-radius: 10px;}

.i_box05R .i_more::after {background:#a32024;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}

.i_box05R .i_more:hover {color: #fff;}

.i_box05R .i_more:hover:after { height: 0;left: 50%;top: 50%;width: 0;}









.i_box05R .img{height: 255px;width: 100%;overflow: hidden;}

.i_box05R .img img{transition: all 0.6s ease-in-out;width: 100%;}

.i_box05R .img:hover img{transform: scale(1.1);}

.i_box05R .title{padding: 18px 0 12px;font-size: 16px;color: #000000;}

.i_box05R .title a{color: #fff;font-weight: bold;}

.i_box05R .title:hover a{padding-left: 15px;color: #a32024;}

.i_box05R .content{font-size: 14px;line-height: 26px;color: rgba(0,0,0,0.6);}









.i_box06{padding: 60px 0 30px;}

.title06{font-size: 24px;color: #000000;margin-bottom: 35px;}

.i_box06L{width: 630px;}

.i_box06L li{padding: 15px 0;border: 1px solid #e5e5e5;margin-bottom: 12px;color: #000000;}

.i_box06L li a{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

.i_box06L li:last-child{margin-bottom: 0;}

.i_box06L li .date{width:90px;height: 65px;padding-right: 18px;padding-left: 15px; margin-right: 18px;border-right: 1px solid #e5e5e5;text-align: center; }

.i_box06L li .d{font-weight: bold;font-size: 20px;}

.i_box06L li .y{font-size: 14px;}

.i_box06L li .title{font-size: 16px;margin-bottom: 3px;}

.i_box06L li .intro{font-size: 14px;opacity: 0.6}

.i_box06L li:hover{background: #a32024;}

.i_box06L li:hover a{color: #fff;}

.i_box06R{position: relative;width: 500px;}



.i_box06R{width: 630px;}

.i_box06R li{padding: 15px 0;border: 1px solid #e5e5e5;margin-bottom: 12px;color: #000000;}

.i_box06R li a{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;}

.i_box06R li:last-child{margin-bottom: 0;}

.i_box06R li .date{width:90px;height: 65px;padding-right: 18px;padding-left: 15px; margin-right: 18px;border-right: 1px solid #e5e5e5;text-align: center; }

.i_box06R li .d{font-weight: bold;font-size: 20px;}

.i_box06R li .y{font-size: 14px;}

.i_box06R li .title{font-size: 16px;margin-bottom: 3px;}

.i_box06R li .intro{font-size: 14px;opacity: 0.6}

.i_box06R li:hover{background: #a32024;}

.i_box06R li:hover a{color: #fff;}







.i_box07{padding: 60px 0;background: url(/style/images/solutions_bg.jpg)no-repeat center;}

.i_box07>.g-in{background:}

.i_box07 .i_box07L{width: 65%;overflow: hidden;}

.i_box07 .i_box07L img{width: 100%;}

.i_box07 .i_box07R{background:#2d2e35;padding: 60px 30px 0;width:calc(35% - 60px);}

.i_box07 .i_box07R .title04{font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 28px;}

.i_box07 .i_box07R .content{font-size: 14px;color: #fff;line-height: 36px; text-align: justify;}

.i_box07R .i_more {position:relative;display:block;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;

	box-sizing:border-box;height:28px;line-height:28px;border:1px solid #a32024;font-size:14px;color:#fff;border-radius: 10px;

background-color:transparent;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:0;text-align: center;

margin:45px 0 0;width:84px;}

.i_box07R .i_more::before {background:#841518;}

.i_box07R .i_more::before,

.i_box07R .i_more::after {position:absolute;content:'';z-index:-1;height:100%;left:0;top:0;width:100%;border-radius: 10px;}

.i_box07R .i_more::after {background:#a32024;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;}

.i_box07R .i_more:hover {color: #fff;}

.i_box07R .i_more:hover:after { height: 0;left: 50%;top: 50%;width: 0;}









/* home solutions */

.wk_home_solutions{background:url(/style/images/solutions_bg.jpg) no-repeat top center;height:707px;}

.wk_home_solutions_title{text-align:center;padding-top:55px;}

.wk_home_solutions_text{color:#222222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;}

.wk_home_solutions_list{width:1200px;margin:30px auto;overflow:hidden;}

.wk_home_solutions_list_inner{width:1400px;}

.wk_home_solutions_list dl{float:left;width:204px;margin-right:63px;padding:25px;text-align:center;padding-top:54px;padding-bottom:35px;position:relative;z-index:3;}

.wk_home_solutions_list dt{z-index:1;position:relative;margin-left:32px;}

.wk_home_solutions_list dd.wk_bg{position:absolute;z-index:0;left:0;right:0;bottom:0;height:0;width:100%;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}

.wk_home_solutions_list dd.wk_t{line-height:30px;height:30px;margin:16px 0px;z-index:1;position:relative;}

.wk_home_solutions_list dd.wk_t a{color:#000000;font-size:18px;transition-delay:0.2s;}

.wk_home_solutions_list dd.wk_spec{color:#666666;font-size:12px;line-height:24px;width:204px;z-index:1;position:relative;transition-delay:0.2s;}



.wk_home_solutions_list dl:hover{}

.wk_home_solutions_list dl:hover dd.wk_t a{color:#fff;}

.wk_home_solutions_list dl:hover dd.wk_bg{height:370px;}

.wk_home_solutions_list dl:hover dd.wk_spec{color:#fff;}



dl.wk_solu_dl_0 dd.wk_bg{background-color:#2eafbb;}

dl.wk_solu_dl_1 dd.wk_bg{background-color:#5ea927;}

dl.wk_solu_dl_2 dd.wk_bg{background-color:#1a8fd1;}

dl.wk_solu_dl_3 dd.wk_bg{background-color:#b57dd1;}



dl.wk_solu_dl_0 dt a{display:block;width:140px;height:140px;background:url(/style/images/s_1.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}

dl.wk_solu_dl_0:hover dt a{background:url(/style/images/s_1.png) no-repeat 0 -140px;}

dl.wk_solu_dl_1 dt a{display:block;width:140px;height:140px;background:url(/style/images/s_2.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}

dl.wk_solu_dl_1:hover dt a{background:url(/style/images/s_2.png) no-repeat 0 -140px;}

dl.wk_solu_dl_2 dt a{display:block;width:140px;height:140px;background:url(/style/images/s_3.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}

dl.wk_solu_dl_2:hover dt a{background:url(/style/images/s_3.png) no-repeat 0 -140px;}

dl.wk_solu_dl_3 dt a{display:block;width:140px;height:140px;background:url(/style/images/s_4.png) no-repeat 0 0;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */;transition-delay:0.3s;}

dl.wk_solu_dl_3:hover dt a{background:url(/style/images/s_4.png) no-repeat 0 -140px;}



.wk_btn_solutions_more{width:120px;height:36px;border:1px solid #555;margin:50px auto;text-align:center;}

.wk_btn_solutions_more a{line-height:36px;color:#555;font-size:12px;width:120px;height:36px;display:block;stransition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}

.wk_btn_solutions_more a:hover{background-color:#555;}

.wk_btn_solutions_more a:hover{color:#fff;}

