﻿@charset "utf-8";
/* CSS Document */
body,html{overflow-x: hidden;}
b{ font-weight: normal; }
.w1200{ width: 1200px; margin-left: auto; margin-right: auto; }
.kIndex3{ z-index: 2; padding-top: 75px; }
.kHeader{ height: 70px; position: relative; z-index: 11; padding:15px 0;}
.kHeaderM,.kNavM{ display: none; }
.kLogo{padding: 15px 0; width:136px; height: 40px; margin-right: 50px; position: relative; }
.kLogo img{ position: absolute; left: 0; top: 15px;}
.kLogo img:nth-child(1){ opacity: 1; }
.kLogo img:nth-child(2){ opacity: 0; }
.goinghead .kLogo img:nth-child(1){ opacity: 0; }
.goinghead .kLogo img:nth-child(2){ opacity: 1; }
.kIndex1{ background: url(../images/bg1.jpg) no-repeat center top; height: 900px; overflow: hidden; }
.kIndex1 .kNav{ float: left; }
.kList .kNav{ float: right; }
.kNav{ box-sizing: border-box; }
.kNav li{ position: relative; float: left; margin-right: 30px; }
.kNav li p{ position: absolute; width: 90px; padding: 15px 0 15px 25px; background-color: #4a4a4a; left: -25px; }
.kNav li p a{ display: block; line-height: 32px; color: #fff; }
.kNav li p a b{ margin-left: 10px;}
.kNav li p a span{ display: none; }
.kNav li p a:hover span,.kNav li p a.hov span{ display: inline-block; }
.kNav li p a:hover{ color:#fff;}
.kNav li p a.hov{ color: #e30b20; }
.kNav li .kFir{ height: 40px; line-height: 40px; margin:15px 0; display: inline-block; font-size: 16px; color: #000; position: relative; }
.kNav li .kFir span{ margin:12px 0 0 4px; display:inline-block; width: 16px; height: 16px; background: url(../images/down.png) no-repeat; }
.kNav li:hover .kFir span{transform: rotate(180deg);transition:all 0.6s;-webkit-transition:all 0.6s;}
.kNav li .kFir b{border-bottom: 1px solid transparent; display:inline-block; position: relative; float: left;}
.kNav li .kFir em{ width:0; height: 1px; background: #000; overflow: hidden; position: absolute; left: 0; bottom: 0; }
.kNav li:hover .kFir em{transition:all 0.5s;-webkit-transition:all 0.5s; width: 100%;}
.kNav li.hov .kFir em{ width: 100%; }
.kNav li:last-child{ float: right; position: relative; }
.kNav li a.iconfont{ width: 34px; height: 34px; border: 1px solid #171313; color: #171313; box-sizing: border-box; display: inline-block; text-align: center; line-height: 34px; margin:18px 0; float: left; border-radius: 100%; cursor:pointer; }
.kNav li a.iconfont.iconsearch{ margin-right: 10px; }
.kSearchBtn:hover{ color: #f44d21; }

.kWeix{ z-index: 2; border: 1px solid #171313; background-color: #fff;border-radius: 5px; position: absolute; left:0; top: 150px; opacity: 0;}
.kWeix span{border-right: 1px solid #171313;border-top: 1px solid #171313;height: 10px;width: 10px; position: absolute; margin-left: -4px; top:-7px; left: 50%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-left: 1px solid transparent;border-bottom: 1px solid transparent; display: block; background-color: #fff;}
.kWeix img{ width: 114px; display: block;border-radius: 5px; }
.kWeix_hov{ transition:all .5s;-webkit-transition:all .5s;opacity:1;transform:translateY(-80px);-webkit-transform:translateY(-80px); }
.kSearch{ z-index: 1; display: none; width:220px; height: 36px; padding:8px 0; box-sizing: border-box; position: absolute; left: -186px; top: 70px; background: #fff; border:1px solid #171313; border-radius: 3px; }
.kSearchTxt{ width: 176px; box-sizing: border-box; float: left; padding: 0 8px; border-right:1px solid #171313; }
.kSearchTxt input{ border: none; background: no-repeat; color: #333; height: 20px; line-height: 20px; }
.kSearch button{ width: calc(220px - 180px); cursor: pointer; text-align: center; background: none; border:none; }
/*.list-header .kNav a,.kJies .kNav a,.other-header .kNav a,.other-header .kNav a{ color: #fff; }
.list-header .kNav li .kFir em,.kJies .kNav li .kFir em,.other-header .kNav li .kFir em{ background-color: #fff; }
.list-header .kNav li .kFir span,.kJies .kNav li .kFir span,.other-header .kNav li .kFir span{ background-image: url(../images/down_w.png); }*/
.kNav{ float: right;width:870px;}
.goinghead .kNav{ width: 870px;padding-right: 0;}
.goinghead .kNav a{ color: #fff; }
.goinghead .kNav li .kFir em{ background-color: #fff; }
.goinghead .kNav li .kFir span{ background-image: url(../images/down_w.png); }
.goinghead .kNav li a.iconfont{ border-color: #fff; color: #fff; }
.kListTit{ position: absolute; top: 50%; transform: translate(0,-50%); left: 50%; margin-left: -600px; }



.kLct{ line-height: 46px; border-bottom: 1px solid #ededef; font-size: 14px; color: #333; }
.kLctF{border-top: 1px solid #ededef; border-bottom: none;}
.kLct a{ color: #333; }
.kLct a:hover{ color: #e30b20; }
.kLct .iconlaction{ font-size: 16px; position: relative; top: 1px; margin-right: 8px; }
.iconhome{ font-size: 20px; position: relative; top: 2px; }
.kBox1{ height: 830px; position: relative; }
.kBg1{ width: 664px; height: 308px;background: url(../images/bg17.png) no-repeat right top; top: 260px; left:-360px; position: absolute; }
.kBg2{ width: 1264px; height:1264px; /*background: url(../images/bg.jpg) no-repeat;*/ top: -230px; right:-906px; position: absolute; overflow: hidden;}
.kBg2_1{ width: 1264px; height: 1264px; background: url(../images/bg2_1.png) no-repeat; position: absolute;left: 0; top: 0; z-index: 1; }
.kBg2_2{ width: 1264px; height: 1264px; background: url(../images/bg2_2.png) no-repeat; position: absolute;left: 0; top: 0; z-index: 2;transform: rotate(120deg); }
.kBg2_3{ width: 1264px; height: 1264px; background: url(../images/bg2_3.png) no-repeat; position: absolute;left: 0; top: 0; z-index: 3;transform: rotate(-45deg);  }
.kBg2_6{ width: 1264px; height: 1264px; background: url(../images/bg2_6.png) no-repeat; position: absolute;left: 0; top: 0; z-index: 6;}

.going .kBg2_2{transition:all 2.2s;-webkit-transition:all 2.2s;transform: rotate(0deg); }
.going .kBg2_3{transition:all 1.2s;-webkit-transition:all 1.2s;transform: rotate(0deg); }
.going .kBg2_5{transition:all 1.2s;-webkit-transition:all 1.2s;transform: rotate(0deg); }

.kBox1 h1{ font-size: 70px; font-family:Microsoft Yahei; font-weight: bold; position: absolute;top: 220px; left: -80px; opacity: 0; }
.kBox1 h1 img{ display: inline-block; margin-right: 60px; }
.kBox1 h1 img:nth-child(3){ display: none; }
.kBox1 p{ color: #333; font-size: 16px; line-height: 30px; width: 656px; position: absolute; top: 330px; left:-80px; opacity: 0;}
.kIndex1.going .kBox1 h1{transition:all 1.2s;-webkit-transition:all 1.2s;opacity:1;transform:translate(80px,0px);-webkit-transform:translate(80px,0px);}
.kIndex1.going .kBox1 p{transition:all 1.2s 0.5s;-webkit-transition:all 1.2s 0.5s;opacity:1;transform:translate(80px,0px);-webkit-transform:translate(80px,0px);}
.kBox2{ height: 895px; position: relative; }
.kBg3{ width: 480px; height: 1204px;background: url(../images/bg4.jpg) no-repeat; top: 260px; left:-360px; position: absolute; z-index: 1; }
.kBg4{ width: 110px; height: 425px;background: #f03a1b; bottom:0; left:-360px; position: absolute; z-index:2;}
.kBg5{ width:100%; height: 160px;background: #f03a1b; bottom:0; left:0; position: absolute; z-index: 3; }
.kBg6{ width: 159px; height: 90px; background: url(../images/bg2.png) no-repeat; position: absolute; left: 0; bottom: -90px; z-index: 4; }
.kBg7{ width: 159px; height: 90px; background: url(../images/bg3.png) no-repeat; position: absolute; right: 0; bottom: -90px; z-index: 4; }
.kBgz{ width: 159px; height: 90px; background: url(../images/bg2.png) no-repeat; position: absolute; left: -360px; top: 0; z-index: 4; }
.kBgr{ width: 159px; height: 90px; background: url(../images/bg3.png) no-repeat; position: absolute; right:  -360px; top: 0; z-index: 4; }

.kBox3{ position: relative;  }
.kBg8{ width: 290px; height: 191px; background: url(../images/icon1.png) no-repeat; position: absolute; left: -40px; top: 60px; z-index: 1; }
.kSerBg1 img,.kSerBg2 img{ display: block; }
.kSerBg1{ position: absolute; left: -360px; bottom: 0; }
.kSerBg2{ position: absolute; right: -360px; bottom: 0; }
.kH2{ width: 100%; position: relative; z-index: 3; }
.kH2 img{ display: inline-block; }
.kH2 p{ line-height: 56px; font-size: 18px; font-weight: bold; }
.kBox3 .kH2{ padding-left: 36px; }
.kService{margin-top: 100px; height: 700px;}
.kService img{ display: inline-block; }
.kService li{ width:25%; float: left; text-align: center; }
.kSert b{ font-weight: normal; font-size: 16px; line-height: 60px; padding-bottom: 12px; display: block; }
.kSert{ opacity: 0; right: -140px; position: relative; height: 260px; }
.going .kBox3 li .kSert{transition:all 1.2s;-webkit-transition:all 1.2s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.going .kBox3 li:nth-child(1) .kSert{transition-delay:0;}
.going .kBox3 li:nth-child(2) .kSert{transition-delay:0.4s;}
.going .kBox3 li:nth-child(3) .kSert{transition-delay:0.6s;}
.going .kBox3 li:nth-child(4) .kSert{transition-delay:0.8s;}
.going .kBox3 li:nth-child(5) .kSert{transition-delay:0.9s;}
.kSert p:nth-child(2){ height: 100px; position: relative; margin-top: -20px; }
.kSert p .img,.kSert p .img_red{ position: absolute; left: 50%; top: 0; margin-left: -50px;}
.kSert p .img{ visibility: visible; }
.kSert p .img_red{ visibility: hidden;}
.kSertm{ display: none; }
.kSerf{ border-top: 1px solid #ecede7; position: relative; height: 440px;}
.kSerf .kRound{ width: 23px; height: 23px; background: url(../images/round.png) no-repeat center; display: block; position: absolute; left: 50%; margin-left: -11.5px; top: -12px; }
.kSerf em{width: 1px; height: 55px; background-color: #ecede7; overflow: hidden; display: block; left: 50%; position: absolute; top: 22px;}
.kSerf em:nth-of-type(2){ height: 0; background: #f0431c; }
.kSerImg img{ display: block; }
.kSerImg{ position: absolute; left:-140px; opacity: 0; bottom: 0; z-index: 1; width:100%; }
.going .kBox3 li .kSerImg{transition:all 1.2s;-webkit-transition:all 1.2s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.going .kBox3 li:nth-child(1) .kSerImg{transition-delay:0;}
.going .kBox3 li:nth-child(2) .kSerImg{transition-delay:0.4s;}
.going .kBox3 li:nth-child(3) .kSerImg{transition-delay:0.6s;}
.going .kBox3 li:nth-child(4) .kSerImg{transition-delay:0.8s;}
.going .kBox3 li:nth-child(5) .kSerImg{transition-delay:0.2s;}
.kSerCon{ opacity: 0; width: 187px; height: 278px; font-size: 15px; text-align: left; z-index: 2; position: absolute; left: 0; bottom: 85px; box-sizing: border-box; padding: 25px; background: url(../images/bg2.png) center; color: #fff; line-height: 24px; }
@media screen and (min-width: 749px) {
.kBox3 li:hover .kSerCon{ opacity: 1;transition:all 0.8s;-webkit-transition:all 0.8s; }
.kBox3 li:hover .kSerf .kRound{background: url(../images/round2.png) no-repeat center;transition:all 0.2s;-webkit-transition:all 0.2s;}
.kBox3 li:hover .kSerf em:nth-of-type(2){ height: 55px;transition:all 0.6s 0.3s;-webkit-transition:all 0.6s 0.3s; }
.kBox3 li:hover .kSert p .img { visibility: hidden; }
.kBox3 li:hover .kSert p .img_red {-webkit-animation: rot 0.6s linear alternate;animation: rot 0.6s linear alternate; visibility: visible;}
}
.kIndex4{ background:#fbfbfb; }
.kIndex4c{ background: url(../images/bg21.png) no-repeat center bottom; }
.kBg20{background: url(../images/bg20.png) no-repeat; width: 574px; height: 835px; position: absolute; left: -360px; top: 0;}
.kBox4{ position: relative; }
.kBox4 .kH2{ text-align:left; padding-top: 106px; position: relative; }
.kH2parm{ display: none; }
.kBg10{ display: none; }
.kMedia{ height: 960px; margin-top: -80px; position: relative;}
.kMediaM{ display: none; }
.kMedia .kImg{ position: absolute; width: 146px; height: 146px; display: block; z-index: 10; cursor: pointer;}
.kMedia .kImg img{transition:all 0.5s;-webkit-transition:all 0.5s; display: block; opacity: 0; background: url(../images/sha.png) no-repeat center/100% auto; position: absolute;left:0;top:0;}
.going.kMedia .kImg img{ animation: change 0.5s;
            -moz-animation: change 1s;    
            -webkit-animation: change 0.5s;    
            -o-animation: change 0.5s; opacity: 1; }
.kMedia .kImg:hover img{transform:scale(1.05,1.05);
    	-webkit-transform:scale(1.05,1.05);}
		
.kMedia .kImg1{ left: 598px; bottom: 798px; }
.kMedia .kImg2{ left: 379px; bottom: 708px; }
.kMedia .kImg3{ left: 1073px; bottom: 779px; }
.kMedia .kImg4{ left: 82px; bottom: 604px; }
.kMedia .kImg5{ left:970px; bottom: 640px; }
.kMedia .kImg6{ left: 790px; bottom: 558px; }
.kMedia .kImg7{ left: 265px; bottom: 473px; }
.kMedia .kImg8{ left: 1013px; bottom: 424px; }
.kMedia .kImg9{ left: -19px; bottom: 332px; }
.kMedia .kImg10{ left: 785px; bottom: 287px; }
.kMedia .kImg11{ left: 184px; bottom: 232px; }
.kMedia .kImg12{ left: 1024px; bottom: 218px; }

.kText{ position: absolute; z-index: 9; width: 200px; opacity: 1;}
.kText span{ width: 69px; height: 45px; position: relative; display: block; float: left;}
.kText span i{ width: 0px; height: 31px; display: block; background: url(../images/icon4_1.png) no-repeat; position: absolute; left: 0; top:14px; }
.kText span em{width: 30px; height: 30px; opacity: 0; display: block; background: url(../images/icon4_2.png) no-repeat; position: absolute; right: 0; top:0;}
.kText b{ margin-top: 6px; float: left; opacity: 0; }

.kTextL{ position: absolute; z-index: 9; width: 200px; opacity: 1;}
.kTextL span{ width: 54px; height: 45px; position: absolute; right: 0; top: 0; display: block; float: left; opacity: 0;}
.kTextL span i{ width: 54px; height: 31px; display: block; background: url(../images/icon4_3.png) no-repeat; position: absolute; left: 0; top:14px; }
.kTextL span a{ width: 54px; height: 31px; display: block; background:#fbfbfb; position: absolute; left: 0; top:14px;}
.kTextL span em{width: 30px; height: 30px; opacity: 0; display: block; background: url(../images/icon4_2.png) no-repeat; position: absolute; right: 48px; top:0;}
.kTextL b{ margin-top: 6px; opacity: 0; position: absolute; right: 80px; }


.kMedia .kText11{ left: 11px; bottom: 383px; }
.kMedia .kText9{ left: -189px; bottom:485px; }
.kMedia .kText7{ left: 92px; bottom: 626px; }
.kMedia .kText4{ left: -87px; bottom: 759px; }
.kMedia .kText2{ left: 210px; bottom: 864px; }
.kMedia .kText1{ left: 423px; bottom: 953px; }
.kMedia .kText3{ left: 1191px; bottom: 887px; }
.kMedia .kText5{ left: 1088px; bottom: 749px; }
.kMedia .kText6{ left: 874px; bottom: 690px; }
.kMedia .kText8{ left: 1132px; bottom: 533px; }
.kMedia .kText10{ left: 902px; bottom: 397px; }
.kMedia .kText12{ left: 1140px; bottom: 327px; }

.kMedia .kLine{ position: absolute; z-index: 1;bottom:200px; }
.kLine11{ width:294px; height: 242px; background: url(../images/zuo1_2.png) no-repeat right top; left: 310px;}
.kLine11.kLine_hov{background: url(../images/zuo1_1.png) no-repeat right top; z-index: 9;}
.kLine9{ width: 497px; height: 242px; background: url(../images/zuo2_2.png) no-repeat right top; left: 107px;}
.kLine9.kLine_hov{background: url(../images/zuo2_1.png) no-repeat right top; z-index: 9;}
.kLine7{ width: 215px; height: 351px; background: url(../images/zuo3_2.png) no-repeat right top; left: 390px;}
.kLine7.kLine_hov{background: url(../images/zuo3_1.png) no-repeat right top; z-index: 9;}
.kLine4{ width: 432px; height: 481px; background: url(../images/zuo4_2.png) no-repeat right top; left: 207px;}
.kLine4.kLine_hov{background: url(../images/zuo4_1.png) no-repeat right top; z-index: 9;}
.kLine2{ width:136px; height: 585px; background: url(../images/zuo5_2.png) no-repeat right top; left: 503px;}
.kLine2.kLine_hov{background: url(../images/zuo5_1.png) no-repeat right top; z-index: 9;}
.kLine1{ width:8px; height: 614px; background: url(../images/zhong1_2.png) no-repeat right top; left: 667px;}
.kLine1.kLine_hov{background: url(../images/zhong1_1.png) no-repeat right top; z-index: 9;}
.kLine3{ width: 426px; height: 654px; background: url(../images/you1_2.png) no-repeat left top; left: 667px;}
.kLine3.kLine_hov{background: url(../images/you1_1.png) no-repeat left top; z-index: 9;}
.kLine5{ width: 324px; height: 617px; background: url(../images/you2_2.png) no-repeat left top; left: 667px;}
.kLine5.kLine_hov{background: url(../images/you2_1.png) no-repeat left top; z-index: 9;}
.kLine6{ width: 144px; height: 433px; background: url(../images/you3_2.png) no-repeat left top; left: 667px;}
.kLine6.kLine_hov{background: url(../images/you3_1.png) no-repeat left top; z-index: 9;}
.kLine8{ width: 335px; height: 300px; background: url(../images/you6_2.png) no-repeat left top; left: 703px;}
.kLine8.kLine_hov{background: url(../images/you6_1.png) no-repeat left top; z-index: 9;}
.kLine10{ width: 107px; height: 227px; background: url(../images/you4_2.png) no-repeat left top; left: 703px;}
.kLine10.kLine_hov{background: url(../images/you4_1.png) no-repeat left top; z-index: 9;}
.kLine12{ width: 342px; height: 300px; background: url(../images/you5_2.png) no-repeat left top; left: 703px;}
.kLine12.kLine_hov{background: url(../images/you5_1.png) no-repeat left top; z-index: 9;}

.kLine_hov{transition:all 1.2s;-webkit-transition:all 1.2s; z-index: 10;}
.kMeiti,.kKehu{ z-index: 12; padding: 10px; width: 130px; height: 130px; line-height: 130px; text-align: center; color: #fff; font-size: 14px; font-weight: bold; background-color: #fff; position: absolute;-moz-box-shadow:6px 6px 16px rgba(53,53,53,.16); -webkit-box-shadow:6px 6px 10px rgba(53,53,53,.16); box-shadow:6px 6px 16px rgba(53,53,53,.16); }
.kheBg{ width:130px; height:130px; overflow:hidden; position:absolute; left:10px; top:10px;}
.kheBg img{-webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; display:block;}
.kMeiti:hover .kheBg img ,.kKehu:hover .kheBg img{-webkit-transform: scale(1.18); -moz-transform: scale(1.18); -o-transform: scale(1.18); transform: scale(1.18); -ms-transform: scale(1.18);}
.kMeiti a,.kKehu a{ color:#fff; position:relative; z-index:2;}
.kMeiti{bottom:53px; left:578px; background: url(../images/meiti.jpg) no-repeat center #fff;}
.kKehu{top:53px; left:520px;background: url(../images/kehu.jpg) no-repeat center #fff;}
.kMeiti img,.kKehu img{ display: block; }

.kHezuo{height: 76px; position: relative; width: 123px; margin-left: 561px; margin-top: -30px; }
.kHezuo span:nth-child(1){top: 0; left: 0; }
.kHezuo span:nth-child(2){bottom:0; right:0; }
.kHezuo span{
	overflow: hidden;
	width: 72px; height: 76px;
	position: absolute;
	display: inline-block;
     opacity: 0;
}
.kHezuo span:nth-child(2) img{ position: absolute; left: 0; bottom: 0; }
.kHezuo.going span{-moz-animation: jian 0.8s;    
    -webkit-animation: jian 0.8s;  opacity: 1;}
.kCustomer{ height:915px; position:relative; margin-top: -30px; }
.kCustomerM{ display: none; }
.kCustomer ul{ width: 265px; padding-top: 105px; position: relative; z-index: 10; margin-left:-60px;}
.kCustomer ul li{ line-height: 42px; cursor: pointer; }
.kCustomer ul li span{transition:margin 0.6s;-webkit-transition:margin 0.6s; font-size:14px; color: #333; font-weight: bold; margin-left: 16px; margin-right: 16px; width:60px; display:inline-block; float:left; text-align:right; overflow:hidden; }
.kCustomer ul li em{ transition:all 0.6s;-webkit-transition:all 0.6s;width: 53px; height: 1px;overflow: hidden; background: #000; display: inline-block; vertical-align: middle; }
.kCustomer ul li:hover span{ margin-left: 0; margin-right: 32px; color: #000; }
.kCustomer ul li:hover em{ width: 138px; background: #000; }
.kCustomer ul li.hov span{ margin-left: 0; margin-right: 32px; color: #fb0d1b; }
.kCustomer ul li.hov em{ width: 138px; background: #fb0d1b; }
.kCstmC{ height: 940px; position: absolute; left: 0; top: 0; }
.kCstmC .kImg{ position: absolute; width: 146px; height: 146px; display: block; z-index: 10; cursor: pointer;}
.kCstmC .kImg img{display: block; opacity: 0; background: url(../images/sha.png) no-repeat center/100% auto; position: absolute;left:0;top:0; }
.going.kCustomer .kCstmC .kImg img{ animation: change 0.5s;
            -moz-animation: change 0.5s;    
            -webkit-animation: change 0.5s;    
            -o-animation: change 0.5s; opacity: 1; }
.kCstmC .kImg:hover img{transform:scale(1.05,1.05);
    	-webkit-transform:scale(1.05,1.05);}

.kCstmC .kImg1{ left: 0px; top: 600px; }
.kCstmC .kImg2{ left: 86px; top: 409px; }
.kCstmC .kImg3{ left: 293px; top: 211px; }
.kCstmC .kImg4{ left: 1047px; top: 131px; }
.kCstmC .kImg5{ left: 971px; top: 442px; }
.kCstmC .kImg6{ left: 1046px; top:683px; }
.kCstmC .kImg7{ left: 767px; top: 271px; }
.kCstmC .kImg8{ left: 703px; top: 635px; }
.kCstmC .kImg9{ left: 386px; top: 520px; }
.kCstmC .kLine{ position: absolute; z-index: 1;top:182px; }
.kCstmC .kLine1{ width: 473px; height: 554px; background: url(../images/kehu1_2.png) no-repeat right bottom; left: 110px;}
.kCstmC .kLine1.kLine_hov{background: url(../images/kehu1_1.png) no-repeat right bottom; z-index: 9;}
.kCstmC .kLine2{ width: 340px; height: 303px; background: url(../images/kehu2_2.png) no-repeat right bottom; left: 207px;}
.kCstmC .kLine2.kLine_hov{background: url(../images/kehu2_1.png) no-repeat right bottom; z-index: 9;}
.kCstmC .kLine3{ width: 127px; height: 108px; background: url(../images/kehu3_2.png) no-repeat right bottom; left: 420px;}
.kCstmC .kLine3.kLine_hov{background: url(../images/kehu3_1.png) no-repeat right bottom; z-index: 9;}
.kCstmC .kLine4{ width: 422px; height: 58px; background: url(../images/kehu4_2.png) no-repeat left bottom; left: 646px;}
.kCstmC .kLine4.kLine_hov{background: url(../images/kehu4_1.png) no-repeat left bottom; z-index: 9;}
.kCstmC .kLine5{ width: 387px; height: 338px; background: url(../images/kehu5_2.png) no-repeat left bottom; left: 611px;}
.kCstmC .kLine5.kLine_hov{background: url(../images/kehu5_1.png) no-repeat left bottom; z-index: 9;}
.kCstmC .kLine6{ width: 483px; height: 581px; background: url(../images/kehu6_2.png) no-repeat left bottom; left: 611px;}
.kCstmC .kLine6.kLine_hov{background: url(../images/kehu6_1.png) no-repeat left bottom; z-index: 9;}
.kCstmC .kLine7{ width: 185px; height: 168px; background: url(../images/kehu7_2.png) no-repeat left bottom; left: 611px;}
.kCstmC .kLine7.kLine_hov{background: url(../images/kehu7_1.png) no-repeat left bottom; z-index: 9;}
.kCstmC .kLine8{ width: 112px; height: 532px; background: url(../images/kehu8_2.png) no-repeat left bottom; left: 611px;}
.kCstmC .kLine8.kLine_hov{background: url(../images/kehu8_1.png) no-repeat left bottom; z-index: 9;}
.kCstmC .kLine9{ width: 72px; height: 415px; background: url(../images/kehu9_2.png) no-repeat right bottom; left: 511px;}
.kCstmC .kLine9.kLine_hov{background: url(../images/kehu9_1.png) no-repeat right bottom; z-index: 7;}



.kCstmC .kText1{ left: -168px; top: 591px; }
.kCstmC .kText2{ left: -85px; top: 401px; }
.kCstmC .kText3{ left: 122px; top: 203px; }
.kCstmC .kText4{ left: 1165px; top: 124px; }
.kCstmC .kText5{ left: 1090px; top: 432px; }
.kCstmC .kText6{ left: 1163px; top: 675px; }
.kCstmC .kText7{ left: 884px; top: 262px; }
.kCstmC .kText8{ left: 823px; top: 629px; }
.kCstmC .kText9{ left: 212px; top: 515px; }

.kText1.kText_hov,.kText2.kText_hov,.kText3.kText_hov,.kText4.kText_hov,.kText5.kText_hov,.kText6.kText_hov,.kText7.kText_hov,.kText8.kText_hov,.kText9.kText_hov{ opacity: 1; }

.kText_hov{transition:all 1.2s 0.2s;-webkit-transition:all 1.2s 0.2s; z-index: 10;}
.kText_hov span i{ width: 54px;transition:all 0.4s 0.4s;-webkit-transition:all 0.4s 0.4s; }
.kText_hov span em{transition:all 0.2s 0.8s;-webkit-transition:all 0.2s 0.8s; opacity: 1;}
.kText_hov b{ transition:all 0.2s 0.8s;-webkit-transition:all 0.2s 0.8s; opacity: 1;}


.kTextL.kText_hov{transition:all 1.2s 0.2s;-webkit-transition:all 1.2s 0.2s; z-index: 10;}
.kTextL.kText_hov span{ opacity: 1; }
.kTextL.kText_hov span a{ width: 0px;transition:all 0.4s 0.4s;-webkit-transition:all 0.4s 0.4s; }
.kTextL.kText_hov span em{transition:all 0.2s 0.8s;-webkit-transition:all 0.2s 0.8s; opacity: 1;}
.kTextL.kText_hov b{ transition:all 0.2s 0.8s;-webkit-transition:all 0.2s 0.8s; opacity: 1;}

.kIndex5{ background: url(../images/bg3.jpg) no-repeat center top; }
.kIndex5 img{ display: block; }
.kJs{ position: absolute; color: #fff; line-height: 28px;}
.kJs h5{ font-weight: normal; font-size: 24px; }
.kJs span{ font-weight: normal; font-size: 20px; display: block; }
.kJs em{ font-style: normal; font-weight: normal; font-size: 14px; display: block; margin-top: 5px; }
.kJs1{ left: 450px; top: 165px; }
.kJs2{ left: 185px; top: 365px; }
.kJs3{ left: 450px; top: 760px; }
.kJs4{ color: #333; left: 855px; top: 760px; }


.kBox7 .kH2{ padding: 160px 0 106px; }
.kNewList{ border-top: 1px solid #e3e3e6;border-bottom: 1px solid #e3e3e6;}
.kNewList:after{ content: ''; display: block; clear: both; }
.kNewListC{ width: 33.33%; padding: 40px 86px 86px 0; position: relative; float: left; box-sizing: border-box; }
.kNewListC:before{ content: ''; display: block; width: 16px; height: 16px; border-radius:100%; position:absolute; left: -8px; top: -8px; background: #19191f; }
.kNewListC:hover:before{ background: #e30b20;transition:all .5s;-webkit-transition:all .5s;  }
.kNewListC em{ font-size: 24px; display: block; line-height: 55px; font-style: normal; color: #535365; }
.kNewListC .kTit{ font-size: 18px; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden; font-weight:bold; }
.kNewListC .kTit:hover{ color: #e30b20; }
.kNewListC p{ line-height: 24px; opacity: .8; font-size: 14px; padding: 10px 0 0; margin-bottom:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;
overflow: hidden; }
.kNewListC .kMore{ width: 78px; height: 30px; line-height: 30px; display: inline-block; background: url(../images/more.png) no-repeat left bottom; }


.kNewsMore{ width: 100%; text-align: center; padding: 20px 0 190px; }
.kNewsMore a{ font-size: 14px; }
.kNewsMore a:hover{color: #e30b20;}

.kfot{ background-color: #363636;padding-top: 45px; box-sizing: border-box; position:relative; 
z-index:111;}
.kBox6{ position: relative; overflow:hidden}
.kBox6 ul{ padding-top: 15px; }
.kBox6 ul li{ width: 155px; padding-right: 20px; box-sizing: border-box; line-height: 30px; float: left; }
.kBox6 ul li:nth-child(6),.kBox6 ul li:nth-child(7){ display:none;}
.kBox6 ul li p:nth-child(1){ margin-bottom: 8px; }
.kBox6 ul li p:nth-child(1) a{ font-weight: bold; font-size: 14px; color: #fff; opacity: .9;}
.kBox6 ul li a{ font-size: 12px; color: #fff; opacity: .6; }
.kBox6 .frd{ margin-left:32px; padding-top:12px;}
.kBox6 .frd p{font-weight: bold; font-size: 12px; color: #fff; opacity: .9; text-align: center; padding-top: 10px;}
.kBox6 .frd img{ width: 140px; height: 140px; display: block; }
.kCopyright{ width: 100%;
    border-top: 1px solid;
    float: left;
	line-height:48px;
    text-align: center;
    color: #fff;
    opacity: .6;
    margin-top: 45px;
    border-color: rgba(255,255,255, 0.1); }
.kCopyright a{ color:#fff;}

.kBgCon{ width: 1200px; position:absolute;transform:translate(-50%); left: 50%;}
.kIndex1 .kBgCon{ height:1030px; top:70px;}


.kTg{
	position: fixed;
	right: 30px;
	bottom: 150px;
	z-index: 100;
	opacity: 0;
	transition:all 0.6s;-webkit-transition:all 0.6s;
	z-index:11111;
}
.kTg.going{opacity: 1;}
.kTg li{ position: relative;width: 50px; height: 50px;  }
.kGoTop{ overflow: hidden; width: 50px; height: 50px; display: block; background: url(../images/top.png) no-repeat center center #91918e;transition:all 0.6s;-webkit-transition:all 0.6s;-webkit-box-shadow:0px 0px 20px rgba(65,65,65,.1); box-shadow:0px 0px 20px rgba(65,65,65,.1); }
.kGoTop:hover{ background-position:center center;
transition: all 1.2s;
	-webkit-animation: arrow2 1.2s infinite linear;
	animation: arrow2 1.2s infinite linear
 }
.kWxin{ overflow: hidden;width: 50px; height: 50px; display: block; background: url(../images/weixin.png) no-repeat center center #363636;transition:all 0.6s;-webkit-transition:all 0.6s;-webkit-box-shadow:0px 0px 20px rgba(65,65,65,.1); box-shadow:0px 0px 20px rgba(65,65,65,.1);}
.kWxin:hover{ background-position:center center;}
.kWxinC{
    position: absolute;
    right: 60px;
    bottom: 0;
    width: 118px;
    height: 118px;
    opacity: 1;
    background: url(../images/ewm.jpg) no-repeat center/100% auto;
    filter: alpha(opacity=0);
    transform-origin: 95% 95%;
    -webkit-transform-origin: 95% 95%;
    transform: scale(.01);
    -moz-transform: scale(.01);
    -ms-transform: scale(.01);
    -o-transform: scale(.01);
    -webkit-transform: scale(.01);
    transition: all .2s
}
.kTg li:nth-child(2):hover .kWxinC{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.kBg11{ width: 134px; height: 278px; background: url(../images/bg11.png) no-repeat; position: absolute; z-index: 1; left: 1300px; top: 200px; }
.kBg12{ width: 278px; height: 134px; background: url(../images/bg10.png) no-repeat; position: absolute; z-index: 1; left: -200px; top: 1252px; }
.kBg13{ width: 278px; height: 134px; background: url(../images/bg10.png) no-repeat; position: absolute; z-index: 1; left: 55px; top: 0; }
.kBg14{ width: 134px; height: 278px; background: url(../images/bg11.png) no-repeat; position: absolute; z-index: 1; left:-50px; top: 580px; }
.kBg15{ width: 278px; height: 134px; background: url(../images/bg10.png) no-repeat; position: absolute; z-index: 1; left: 1000px; top: 852px; }
.kBg16{ width: 278px; height: 134px; background: url(../images/bg10.png) no-repeat; position: absolute; z-index: 1; left: 655px; top: 0px; }

.kBg17{ width: 409px; height: 917px; background: url(../images/yw_bg.png) no-repeat; position: absolute; z-index: 1; left: -410px; top: 0px; }
.kBg18{ width: 225px; height: 701px; background: url(../images/dt_bg.png) no-repeat; position: absolute; z-index: 1; left: -360px; top: 0px; }
.kBg19{ width: 221px; height: 891px; background: url(../images/al_bg.png) no-repeat; position: absolute; z-index: 1; left: -360px; top: 0px; }
.kBg21{ width: 707px; height: 308px; background: url(../images/bg17.png) no-repeat; position: absolute; z-index: 1; left: 800px; top: -300px; }
.kBg22{ width: 384px; height: 253px; background: url(../images/icon8.png) no-repeat; position: absolute; z-index: 1; left: 0; top: 500px; }
.kBg23{ width: 278px; height: 134px; background: url(../images/bg10.png) no-repeat; position: absolute; z-index: 4; left: 155px; top: 740px; }


.list-header {
    background:url(../images/bg12.jpg) no-repeat;
    height:390px;
    position:relative
}
#particles-js {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    padding:0
}

.kListTop{ height: 390px; position: relative; }

.other-header{
    background:url(../images/bg11.jpg) no-repeat center top;
    height:670px;
    position:relative;
}
.other-header-hezuo{ background: url(../images/bg14.jpg) no-repeat center top; }
.other-header-contact{background: url(../images/bg15.jpg) no-repeat center top;}
.other-header-anli{background: url(../images/bg16.jpg) no-repeat center top;}

.kPaoPao{width: 1200px; height:100%; position: absolute; left: 50%; top: 0; margin-left: -600px; z-index: 2;}
.kPaoPao span{ display: block; position: absolute; background: url(../images/pao.png) no-repeat center center/100% auto;width: 16px; height: 16px; }
.kPao1{  left: -125px; bottom: -30px; opacity: .3; 
    -webkit-animation: paopao 8s linear 0s infinite normal;
        -ms-animation: paopao 8s linear 0s infinite normal;
        animation: paopao 8s linear 0s infinite normal;}
.kPao2{ left: 695px; bottom: 400px; opacity: .3;
    -webkit-animation: paopao2 10s linear 0s infinite normal;
        -ms-animation: paopao2 10s linear 0s infinite normal;
        animation: paopao2 10s linear 0s infinite normal;
 }
.kPao3{right:10px; bottom: 0px; opacity: .3;
-webkit-animation: paopao 4s linear 0s infinite normal;
        -ms-animation: paopao 4s linear 0s infinite normal;
        animation: paopao 4s linear 0s infinite normal;
 }
.kList02{ overflow: hidden; }
.kList02a{ margin-top: 24px; }
.kList02a dl{ overflow: hidden; border-bottom: 1px solid #e6e6e6; padding-bottom: 30px; }
.kList02a dl dt{ width:calc(100% - 620px); float: left; }
.kList02a dl dt h2{ font-size: 24px; margin: 15px 0 25px; line-height: 94px; position: relative; font-weight:bold; }
.kList02a dl dt h2 em{ width: 53px; height: 3px; background-color: #e6e6e6; overflow: hidden; position: absolute; left: 0; bottom: 0; }
.kList02a dl dt p{ line-height: 32px; font-size: 14px; color: #333; }
.kList02a dl dt p span{ color: #f0431c; margin-right: 10px; }
.kList02a dl dd{ float: right; }
.kList02a dl dd img{ display: block; }
.kList02b{ overflow: hidden; padding-bottom: 100px; }
.kList02b dl{ width: 600px; float: left; height: 250px; overflow: hidden; border-bottom: 1px solid #e6e6e6; }
.kList02b dl dt{ float: left; position: relative; top: 50%; text-align: center; margin-top: -28px; width: 100px; height: 40px; padding: 8px 0; border-right:1px solid #e6e6e6; display: flex;justify-content: center;flex-direction: column; }
.kList02b dl dt b{ color: #f0431c; font-size: 20px; font-weight: bold; }
.kList02b dl dt span{ color: #666;  font-size: 12px; }
.kList02b dl dd{ float: right; width: calc(100% - 130px); }
.kList02b dl dd h3{ font-size: 16px; font-weight: bold; margin: 60px 0 30px; }
.kList02b dl dd h3 em{ display: none; }
.kList02b dl dd p{ height: 34px; line-height: 17px; color: #333; font-size: 14px; }
.kList02b dl dd p span{ color: #f0431c; margin-right: 10px; display: none; }
.kList02b dl:last-child{ border:none; }
.kList03{ overflow: hidden; }
.kHa{ background-color: #fafafc; }
.kHaC{ border-bottom: 1px solid #e6e6e6; text-align: center; }
.kHaC a{ line-height: 68px; margin: 0 24px; border-bottom: 2px solid #fcfcfc; font-size: 14px; font-weight: bold; display: inline-block; }
.kHaC a.hov{ color: #e30b20; border-color: #e30b20; }
.kList03a{padding-bottom: 32px; }
.kList03a:after{
    content: '';
    display: block; clear: both;
}
.kItem{ width: 33.33%; padding: 0 12px; float: left; box-sizing: border-box; margin-top: 24px; background-color: #fff; }
.kItem a{ width: 100%; height: auto; display: block; overflow: hidden; border: 1px solid #eaeaea;transition:all .2s;-webkit-transition:all .2s; background-color: #fff; }
.kItemT{ position: relative; }
.kItemT img{ display: block; width: 100%; }
.kItemT:before {
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background: rgba(0,0,0,0.2);
    transition: all .2s;
    z-index: 10;
}
.kItem a:hover {
    box-shadow:0 0 20px #eaeaea
}
.kItem a:hover .kItemT:before{
    background:transparent
}
.kItemT:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:20px;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);background-image:-o-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);background-image:linear-gradient(to bottom, rgba(255,255,255,0.7) 0, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0);z-index:10}
.kItem a h4{ margin: 5px 0 15px; height: 18px; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; position: relative; padding: 0 20px; box-sizing: border-box; font-size: 14px; font-weight:bold; }
.kItem a h4:before {
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    background:#e30b20;
    z-index: 10;
     width: 3px; height: 18px;
}
.kItemExp{ padding: 0 20px; font-size: 12px; height: 44px; color: #848484; line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  }
.kItemTbtns{ margin: 24px 0; text-align: center; }

.kItemTbtns p{ border: 1px solid #eaeaea; overflow: hidden; position: relative; height: 30px; width: 84px; background-color: #fff; display: inline-block; color: #333; font-size: 14px; font-weight:normal; text-align: center; line-height: 30px; }
.kItemTbtns p span{position: relative; z-index: 2;}
.kItemTbtns p em{ position: absolute;
    display: block;
    width: 200%;
    padding-bottom: 150%;
    border-radius: 50%;
    transition: transform .5s ease;
    transform: translate3d(-50%,-50%,0) scale(0);
    pointer-events: none;
    z-index: 1;
    background-color: #e30b20;
    left: 70px; top: 30px;
}
.kItem a .kItemTbtns p:hover span{ color: #fff; }
.kItem a .kItemTbtns p:hover em {
    transform: translate3d(-50%,-50%,0) scale(1);
}
.kPage{ width: 100%; text-align: center; overflow: hidden; float: left; margin-top: 32px; }
.kPage a{ line-height: 36px; display: inline-block; padding: 0 14px; border: 1px solid #e5e5e5; color: #333; margin: 0 3px; font-size:14px; }
.kPage a.hov,.kPage a:hover{ background-color: #e30b20; border-color: #f0431c; color: #fff; }
.kPage a.more{ border-color: #fff; padding: 0 5px; }
.kPage a.iconfont:hover{ background:none; color:#000; border-color:#e5e5e5;}


.kContent{ width: 998px; margin:50px auto 100px; }
.kConTit{ font-size: 24px; font-weight: bold; line-height: 24px; padding:15px 0; }
.kTime{ font-size: 16px; color: #999; font-style: italic; }
.kConC{ margin-top: 20px; border-top: 1px solid #d6d6d6; padding-top: 20px; line-height: 26px; color: #333; font-size: 14px; }
.kConC img{ border-radius: 10px; display: block; max-width:100%; }
.kConC p{ padding: 10px 0; }
.kConC b{ font-weight: bold; color: #000; }
.kConC iframe{ width:100%; height:400px;}

.kAnli{ margin:16px 0 8px;}
.kAnli:after{content: '';
    display: block; clear: both;}
.kAnliC{ width: 25%; float: left; padding: 0; box-sizing: border-box; }
.kAnliImg{ position:relative; overflow: hidden; }
.kAnliImg:before {
    content: '';
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all .2s;
    z-index: 10;
}
.kAnliC a:hover .kAnliImg:before{
    background:transparent
}
.kAnliImg:after{content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:12px;background-image:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);background-image:-o-linear-gradient(top, rgba(255,255,255,0.7) 0, #fff 100%);background-image:linear-gradient(to bottom, rgba(255,255,255,0.7) 0, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff', endColorstr='#ffffffff', GradientType=0);z-index:10}

.kAnliC a{ display: block; border: 1px solid #e4e3e3; cursor: pointer; }
.kAnliC a:hover{box-shadow:0 0 20px #eaeaea}
.kAnliC img{ width: 100%; display: inline-block; }
.direction-reveal__overlay{ position: absolute; }
.kAnliC h2{ padding:0 8px 8px; font-size: 14px; font-weight: bold; line-height: 20px; }
.kAnliC p{ padding:0 8px 40px; line-height: 24px; color: #666; }
.direction-reveal__overlay{ text-align: center; line-height: 60px; vertical-align: middle; }
.direction-reveal__overlay img{ width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin-top: -10px;}

.kPaTit{ width: 366px; height: 80px; position: relative; z-index: 111; background-color: #fff; margin: -47px auto 50px;-moz-box-shadow:16px 16px 24px rgba(105,105,105,.12); -webkit-box-shadow:16px 16px 24px rgba(105,105,105,.12); box-shadow:16px 16px 24px rgba(105,105,105,.12); }
.kPaTit:before{
    content:'';display:block;position:absolute;left:50%;top:50%; transform: translate(-50%,-50%);
    width: 3px; height: 27px; background-color: #eaeaea;
}
.kPaTit a{ width: 50%; height: 94px; float: left; display: inline-block; text-align: center;display: flex;justify-content: center;flex-direction: column; background:#fff; }
.kPaTit a span{ height: 31px; margin-bottom: 10px;-webkit-transition: .4s; transition: .4s; }
.kPaTit a:nth-child(1) span{ background:url(../images/01h.png) no-repeat center 15px;}
.kPaTit a:nth-child(2) span{ background:url(../images/02h.png) no-repeat center 15px;}
.kPaTit a:nth-child(1):hover span,.kPaTit a:nth-child(1).hov span{ background:url(../images/01r.png) no-repeat center 0;}
.kPaTit a:nth-child(2):hover span,.kPaTit a:nth-child(2).hov span{ background:url(../images/02r.png) no-repeat center 0;}

.kPaTit a b{ font-weight: bold; font-size: 16px; color: #333; }
.kList04C{ padding-bottom: 12px; }
.kList04C:after{ content: ''; display: block; clear: both; }
.kKeSlideM{ display:none;}
.kKeSlide{ background: #fafafa; margin-bottom:20px; }
.kKeSlide li{ width: 187px; line-height: 50px; padding-left: 75px; box-sizing: border-box; position: relative; }
.kKeSlide li:before{
    content:'';display:block;position:absolute;left:60px;top:50%; transform: translate(0,-50%);
    width: 4px; height: 4px; border-radius: 4px; background-color: #333;
}
.kKeSlide li a{ display: block; font-weight: bold; font-size: 14px; }
.kKeSlide li.hov,.kKeSlide li.hov:hover{ background-color: #e30b20;}
.kKeSlide li.hov a{ color: #fff; }
.kKeSlide li.hov:before{background-color: #fff;}
.kKeSlide li:hover{ background-color: #edeef0; }

.kKehuC{ width:1000px; }
.kPaC a img{ display: block; width: 100%;-webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; }
.kPaC a{ float: left; display: inline-block; margin:0 0 10px 10px; width: calc(14.285% - 10px); box-sizing:border-box; border:1px solid #eaeaea; border-radius: 3px; overflow:hidden; position:relative; cursor:pointer; }
.kPaC a:hover img{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -ms-transform: scale(1.08); }
.kPaC.kMeiC a{margin:0 0 20px 20px; width: calc(20% - 20px);}
.kPaC a span{-webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s; width:100%; height:100%; padding:20px; box-sizing:border-box; display:block; background:rgba(0,0,0,.7); color:#fff; font-size:14px; font-weight:bold; display: flex;justify-content: center;flex-direction: column; text-align:center; position:absolute; left:0; top:0; opacity:0;}
.kPaC a:hover span{ opacity:1;}
.kMeiC{ width: 1220px; margin-left: -20px; }

.kJies{ background: url(../images/bg19.jpg) no-repeat center; height: 670px; position: relative; overflow: hidden; z-index: 1; }
.kJiesBg{transition: all 1.2s;
	-webkit-animation: arrow3 3.2s infinite linear;
	animation: arrow3 3.2s infinite linear;
	 width: 208px; height:208px; background: url(../images/bg18.png) no-repeat; top: 170px; left: 50%; z-index: 1; margin-left: -304px; position: absolute; }
.kGuang1{ position: relative; z-index: 2; left: -240px; top: -300px; opacity: .5;
	-webkit-animation: arrow4 5s infinite linear;
	animation: arrow4 5s infinite linear;
 }
.kGuang2{ position: relative; z-index: 2; left: 200px; top: -300px; opacity: .5;
-webkit-animation: arrow5 5s infinite linear;
	animation: arrow5 5s infinite linear;
}
.kGuang3{ position: relative; z-index: 2; left:790px; top: -300px; opacity: .5;
-webkit-animation: arrow6 5s infinite linear;
	animation: arrow6 5s infinite linear;
 }
.kGuang{ position: absolute; width: 1200; height: 670px; left: 50%; margin-left: -600px; top: 0; }
.kJiesBg2{ width: 100%; height: 100%; background: rgba(0,0,0,.65); position: absolute; left: 0; top: 0; z-index: 2; }
.kJieShao{ padding-top: 188px; text-align: center; overflow: hidden; position: relative; z-index: 10;}
.kJieShao p {
    -webkit-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    transition: all 0.8s ease;
     -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
}
.going .kJieShao p{
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
   
}.going .kJieShao p {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0deg);
    -ms-transform: translateX(0) rotate(0deg);
    transform: translateX(0) rotate(0deg);
}
.kJieShao p{ color: #fff; opacity: .9; }
.kJieShao p b{ font-size: 36px; font-weight: normal; display: block; line-height:36px; }
.kJieShao p em{ font-size: 32px; font-weight: normal; display: block; line-height:32px; margin-top:6px; }
.kJieShao span{ font-size: 24px; line-height:24px; font-weight: normal; display: block; padding-top: 14px; width: 750px; margin: 0 auto; color: #fff; position: relative; right: -100px; opacity: 0;transition:all 1s .8s;-webkit-transition:all 1s .8s; }
.kJies .kJieShao span{ font-size:16px;}
.going .kJieShao span{opacity:1;transform:translateX(-100px);-webkit-transform:translateX(-100px); }
.kJieShao span.kExp_p{ display:block;}
.kJieShao span.kExp_m{display:none;}
.kJieC{ padding: 100px 0 130px; background:url(../images/map.png) no-repeat center 255px #fafbfc; }
.kJieCa .kH2,.kWenh .kH2{ padding-left: 430px; box-sizing:border-box;}
.kLic{ height: 1780px; z-index: 5; margin-top: 50px; }
.kLic:before{ content: ''; display: block; width: 1px; height: 100%; background: #000100; margin: 0 auto }
.kLic:after{ content: ''; display: block; width: 9px; height: 12px; background: url(../images/icon1.png) no-repeat; position: absolute; left:calc(50% - 4.5px); bottom: 0; }
.kChengR,.kChengL{ width:390px; position: absolute;}
.kLic span{ width: 85px; font-size: 18px; font-weight: bold; color: #333; position: relative; float: left;}
.kChengL span em{-webkit-transition: .3s .2s; transition: .3s .2s; width: 42px; height: 1px; display: block; position: absolute; top: 10px; right: 0; background:url(../images/line.jpg) no-repeat -42px 0; }
.kChengR span em{-webkit-transition: .3s .2s; transition: .3s .2s; width: 42px; height: 1px; display: block; position: absolute; top: 10px; left: 0; background:url(../images/line.jpg) no-repeat 42px 0; }
.kChengL span em:after{ content: ''; display: block; width: 5px; background: #000; height: 5px; position: absolute; right: 0; top: -2.5px; opacity: 0; }
.kChengR span em:after{ content: ''; display: block; width: 5px; background: #000; height: 5px; position: absolute; left: 0; top: -2.5px; opacity: 0; }

.kLicBg1{ width: 278px; height: 134px; position: absolute; left: -80px; top: 1467px; background: url(../images/bg12.png) no-repeat; }
.kLicBg2{ width: 134px; height: 278px; position: absolute; right: -5px; top: 1085px; background: url(../images/bg13.png) no-repeat; }
.kLic p{ opacity: 0; margin-top: -21px; font-size:13px; width: 305px; padding: 20px; box-sizing: border-box; border: 1px solid #000100; float: right; font-size: 14px; color: #333; line-height: 20px;}
.kLic .kChengR p{ float: left; }
.kLic .kChengR span{ float: right; text-align: right; }
.kChengL{ left: calc(50% + 23px); }
.kChengR{ right: calc(50% + 22px); }
.kChengL:before{ content: ''; display: block; position: absolute; width: 9px; height: 9px; background:#000; border: 1px solid #fff; border-radius: 100%; left: -28.5px; top: 5px; }
.kChengR:before{ content: ''; display: block; position: absolute; width: 9px; height: 9px; background:#000; border: 1px solid #fff; border-radius: 100%; right: -27.5px; top: 5px; }
@media screen and (min-width: 749px) {
.kChengL:hover:before,.kChengR:hover:before{ background: #e30b20; }
.kChengL:hover span em{ background-position: 0 0; }
.kChengR:hover span em{ background-position: 0 0; }
.kChengL:hover span em:after{ opacity: 1;-webkit-transition: .2s; transition: .2s; }
.kChengR:hover span em:after{ opacity: 1;-webkit-transition: .2s; transition: .2s; }
}
.kChengL p{ position: relative; left: 140px; }
.kChengR p{ position: relative; left: -140px; }
.kChengL1{ top: 103px; }
.kChengR2{ top: 255px; }
.kChengL3{ top: 410px; }
.kChengR4{ top: 565px; }
.kChengL5{ top: 720px; }
.kChengR6{ top: 880px; }
.kChengL7{ top: 1030px; }
.kChengR8{ top: 1185px; }
.kChengL9{ top: 1340px; }
.kChengR10{ top: 1495px; }
.kChengL11{ top: 1655px; }
.kChengR12{ top: 1795px; }
.kChengR12 span{ width:100px;}
.going .kChengL1 p{transition:all 1s;-webkit-transition:all 1s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.going .kChengR2 p{transition:all 1s 0.2s;-webkit-transition:all 1s 0.2s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.going .kChengL3 p{transition:all 1s 0.4s;-webkit-transition:all 1s 0.4s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.going .kChengR4 p{transition:all 1s 0.6s;-webkit-transition:all 1s 0.6s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.going .kChengL5 p{transition:all 1s 0.8s;-webkit-transition:all 1s 0.8s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.going .kChengR6 p{transition:all 1s 1s;-webkit-transition:all 1s 1s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.going .kChengL7 p{transition:all 1s 1.2s;-webkit-transition:all 1s 1.2s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.going .kChengR8 p{transition:all 1s 1.4s;-webkit-transition:all 1s 1.4s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.going .kChengL9 p{transition:all 1s 1.6s;-webkit-transition:all 1s 1.6s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.going .kChengR10 p{transition:all 1s 1.8s;-webkit-transition:all 1s 1.8s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.going .kChengL11 p{transition:all 1s 1s;-webkit-transition:all 1s 2s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.kQuan{ width: 80px; height: 32px; text-align: center; line-height: 32px; color: #fff; font-size: 16px; background:#e30b20; position: absolute; top: 0; left: 50%; margin-left: -40px; }


.kWenh{ padding-top: 125px; box-sizing: border-box; background: url(../images/bg9.png) no-repeat 600px top; position: relative;}
.kWenh:after{ content: ''; display: block; width: 204px; height: 134px; background: url(../images/bg10.png); position: absolute; left: -32px; bottom: 90px; }
.kWenhC{ height: 720px; position: relative; }
.kLineA1{ width: 599px; height: 504px; position: absolute; left: -360px; top: 106px; background: url(../images/line1.png) no-repeat; }
.kLineA2{ width: 298px; height: 153px; position: absolute; left: 247px; top: 102px; background: url(../images/line2.png) no-repeat; }
.kLineA3{ width: 301px; height: 57px; position: absolute; left: 603px; top: 207px; background: url(../images/line3.png) no-repeat; }
.kTu{ cursor: pointer; position: absolute; z-index: 10; }
.kTu:after{ content: ""; display: block; clear: both; }
.kTut{ background: #000; position: relative; width: 106px; height: 106px; border:17px solid #fff; border-radius: 100%; overflow: hidden;-moz-box-shadow:12px 12px 18px rgba(47,47,51,.16); -webkit-box-shadow:12px 12px 18px rgba(47,47,51,.16); box-shadow:12px 12px 18px rgba(47,47,51,.16); }
.kTut img{ display: block; width: 100%; }
.kTut span{ position: absolute; display: inline-block;color: #fff; top: 50%; left: 50%; transform: translate(-50%,-50%); font-weight: bold; font-size: 16px;white-space:nowrap;letter-spacing:3px; }
.kTut span:before{ content: ''; display: block; position: absolute; left: -10px; top: 50%; transform: translate(0,-50%); width: 3px; height: 3px; background-color: #fff; border-radius: 3px; }
.kTut span:after{ content: ''; display: block; position: absolute; right: -10px; top: 50%; transform: translate(0,-50%); width: 3px; height: 3px; background-color: #fff; border-radius: 3px; }
.kTuf{ width:165px; position:absolute; left:50%; transform:translate(-50%); height: auto; float: left; margin: 40px 0 0 0px; }
.kTuf .kRound{ width: 23px; height: 23px; background: url(../images/round.png) no-repeat center; display: block; position: absolute; left: 50%; margin-left: -11.5px; top: -12px; }
.kTuf em{width: 1px; height: 50px; background-color: #ecede7; overflow: hidden; display: block; left: 50%; position: absolute; top: 22px;}
.kTuf em:nth-of-type(2){ height: 0; background: #f0431c; }
.kTuCon{ margin: 105px auto 0; width:100%; background: #ecede7; border-radius: 6px; padding: 25px; box-sizing: border-box; color: #333; font-size: 14px; line-height: 24px;}
.kTuCon a{ font-size: 16px; font-weight: bold; color: #333; padding-bottom: 12px; display: block; text-align: center; }
.kTuCon p{ text-align: justify;}
.kTu:hover .kTuf .kRound{background: url(../images/round2.png) no-repeat center;transition:all 0.2s;-webkit-transition:all 0.2s;}
.kTu:hover .kTuf em:nth-of-type(2){ height: 50px;transition:all 0.6s 0.3s;-webkit-transition:all 0.6s 0.3s; }
.kTu:hover .kTuf .kTuCon{transition:all 0.2s;-webkit-transition:all 0.2s;-webkit-box-shadow:16px 16px 28px rgba(105,105,105,.12); box-shadow:16px 16px 28px rgba(105,105,105,.12);}
.kTu1{ width: auto; left: 187px; top: 55px; }
.kTu2{ width: auto; left: 516px; top: 165px; }
.kTu3{ width: auto; left: 883px; top: 108px; }
.kTu2 .kTut,.kTu2 .kTut img{ width: 135px; height: 135px; }
.kTu3 .kTut,.kTu3 .kTut img{ width: 170px; height: 170px; }

.kTu1{
    -webkit-animation: culture 4s linear 0s infinite alternate;
        -ms-animation: culture 4s linear 0s infinite alternate;
        animation: culture 4s linear 0s infinite alternate;
}
.kTu2 {
    -webkit-animation: culture1 4s linear 0s infinite alternate;
    -ms-animation: culture1 4s linear 0s infinite alternate;
    animation: culture1 4s linear 0s infinite alternate;
}
.kTu3 {
    -webkit-animation: culture 4s linear 0s infinite alternate;
    -ms-animation: culture 4s linear 0s infinite alternate;
    animation: culture 4s linear 0s infinite alternate;
}
.kLineA1 {
    -webkit-animation: cultureLine2 4s linear 0s infinite alternate;
    -ms-animation: cultureLine2 4s linear 0s infinite alternate;
    animation: cultureLine2 4s linear 0s infinite alternate;
}
.kLineA2 {
    -webkit-animation: cultureLine 4s linear 0s infinite alternate;
    -ms-animation: cultureLine 4s linear 0s infinite alternate;
    animation: cultureLine 4s linear 0s infinite alternate;
}
.kLineA3 {
    -webkit-animation: cultureLine1 4s linear 0s infinite alternate;
    -ms-animation: cultureLine1 4s linear 0s infinite alternate;
    animation: cultureLine1 4s linear 0s infinite alternate;
}
.kKspage{ border-top: 1px solid #e6e6e6; margin-top: 50px; padding: 20px 0 0px; }
.kKspage li{ line-height: 20px; padding: 8px 0; }
.kKspage li:after{ content: ''; display: block; clear: both; }
.kKspage li a{ font-size: 14px; }
.kKspage li a span{ font-weight: bold; }
.kKspage li a.frd{ font-weight: bold; }
.kKspage li a:hover{ color:#e30b20;}
.kKspage li a:hover span{ color:#000;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:600px;height:335px;}
.BMap_noprint:after{ content: ''; display: block; position:absolute; width: 23px; height: 25px; left: 0; top: 0; background: url(../images/us_mk_icon.png) no-repeat -44px -21px; }


#wrapper{width:100%;}
#container{position:relative;}
.grid{float:left;-webkit-transition:top 1s ease, left 1s ease;-moz-transition:top 1s ease, left 1s ease;-o-transition:top 1s ease, left 1s ease;-ms-transition:top 1s ease, left 1s ease;}
.ovf-h{ overflow: hidden; }
.kDialog{ position: fixed; z-index: 11111; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.kDialog.going{ height: 100%; transition:all .4s;-webkit-transition:all .4s; opacity: 1;}
.kDiaSha{ width: 100%; height: 100%; background-color:rgba(0,0,0,.6); position: absolute; left: 0; top: 0; z-index: 100; }
.kDialogC{ width: 1200px;  height:0; top: 50%; left:50%; transform: translate(-50%,-50%);opacity: 0; background: #fff; position: absolute; z-index: 101; }
.kDialog.going .kDialogC{ height: 100%; transition:all .8s;-webkit-transition:all .8s; opacity: 1;}
.kDiaClose{ cursor: pointer; width: 60px; height: 60px; position: absolute; right: -60px; top: 0; background: url(../images/close.png) no-repeat center center/20px auto #f0431c; }
.kDiaClose:hover{ background-color: #db3e1a; }
.kDialogC .kContent{ margin-top: 15px; opacity: 0; position: relative; top: 100px; transition:all .8s .8s;-webkit-transition:all .8s .8s; }
.kDialogC .kConC{ overflow-y: scroll; }
/*.kDialogC .kConC::-webkit-scrollbar {
        width: 10px;     
        height: 1px;
    }
.kDialogC .kConC::-webkit-scrollbar-thumb {
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #666;
    }
.kDialogC .kConC::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.02);
        border-radius: 10px;
        background: #eee;
}*/
::-webkit-scrollbar {
  width: .5rem;
  height: .5rem;
  background: hsla(0, 0%, 100%, 0.6);
}

::-webkit-scrollbar-track {
  border-radius: 0;
}

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(95,95,95,.4);
  transition: all .2s;
  border-radius: .5rem;

}
::-webkit-scrollbar-thumb:hover{
   background-color:#7d7d7d;
}
.kDialog.going .kDialogC .kContent{ opacity: 1;transform:translateY(-100px);-webkit-transform:translateY(-100px); }
.swiper-container1,.swiper-container2 {
  width: 100%;
  height: auto;
  overflow:hidden;
  z-index: 4;
}
.swiper-container2{ position: relative;}
.swiper-slide {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.kJiang{ height: 900px; background: url(../images/bg8.jpg) no-repeat center top; position: relative; padding-top: 55px; box-sizing: border-box; background-attachment: fixed; }
.kJiBg{ width: 100%; height: 100%; background: rgba(25,25,31,.7); position: absolute; left: 0; top: 0; }
.kJiang .kH2{ padding-top: 105px; }
.kJiang .kH2 p{ color: #fff; }
.kJiangImg{ padding-top: 70px; }
.kJiangC{ width: 812px; float: right; position: relative; }
.kJiangC:after{ content: ''; display: block;  clear: both; }
.kJiangL{ width: 20px; }
.kJiangp{ position: relative; }
.kAwards{ width: 100%; }
.kAwards p{ cursor: pointer; width: 186px; height: 186px; display: inline-block; float: left; margin: 0 0 17px 17px; overflow: hidden; position: relative; }
.kAwards p img{ width: 100%; display: block;-webkit-transition: .7s; -moz-transition: .7s; -o-transition: .7s; transition: .7s;}
.kAwards p:hover img{-webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -ms-transform: scale(1.08);}
/*.kAwards p span{ text-align: center; transition:all .5s;-webkit-transition:all .5s;opacity: 0; font-size: 14px; line-height: 24px; color: #fff; z-index: 2; position: absolute; left: 0; top: 0; display: block; width: 100%; padding: 20px 30px; box-sizing: border-box; height: 100%;display: flex;justify-content: center;flex-direction: column;justify-content: 
background: linear-gradient(left top, rgba(242,47,0,.85), rgba(243,131,0,.85));
background: -webkit-linear-gradient(left top, rgba(242,47,0,.85), rgba(243,131,0,.85));
background: -o-linear-gradient(left top, rgba(242,47,0,.85), rgba(243,131,0,.85)); 
background: -moz-linear-gradient(left top, rgba(242,47,0,.85), rgba(243,131,0,.85));
 }*/
 .kAwards p span{ text-align: center; transition:all .5s;-webkit-transition:all .5s;opacity: 0; font-size: 14px; line-height: 24px; color: #fff; z-index: 2; position: absolute; left: 0; top: 0; display: block; width: 100%; padding: 20px 30px; box-sizing: border-box; height: 100%;display: flex;justify-content: center;flex-direction: column; background:url(../images/pic10.png) no-repeat center; background-size:cover;
 }
.kAwards p:hover span{ opacity: 1; }

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ border-radius: 0; }
.kJiangC .swiper-pagination-bullet{ width: 80px; height: 2px; border-radius: none; background: #b6b7b3; }
.kJiangC .swiper-pagination-bullet-active{ background:#ed0f19; }
.kJiangC .swiper-button-next,.kJiangC .swiper-button-prev{ width: 9px; height: 13px; }
.kJiangC .swiper-button-prev{ background: url(../images/lefta.png) no-repeat center center/100% auto; top: auto; margin-top: 0; top: 475px; left:-388px; } 
.kJiangC .swiper-button-next{ background: url(../images/righta.png) no-repeat center center/100% auto;top: auto; margin-top: 0; top: 475px; left:-288px;}
.kJiangC .swiper-pagination{ width: auto; text-align: left; box-sizing: border-box; top: 460px; left: -356px; color: #fff; font-size: 20px; font-weight: bold; }
.kJiangC .swiper-pagination-current{ font-size: 30px; }
.kJiangCm{ display: none; }
.kJianjie{ padding-bottom: 175px; background: url(../images/bg7.jpg) no-repeat center top; }
.kJieImg{ display: block; padding: 90px 0 0 842px; }
.kJianjie dl{ padding-top: 47px; position: relative; }
.kJianjie dl:after{ content: ''; display: block; clear: both; }
.kJianjie dl dt{ width: 608px; height: 486px; float: left; margin-left: 45px; position:relative; left: -140px; opacity: 0;-webkit-box-shadow:2px 2px 16px rgba(105,105,105,.52); box-shadow:2px 2px 16px rgba(105,105,105,.52); }
.kJianjie dl dd{ width: 710px; height: 364px; padding: 52px 55px 0; opacity: 0; box-sizing: border-box; position: absolute; left: 590px; top: 107px; background: #fff;-webkit-box-shadow:2px 2px 20px rgba(15,37,65,.09); box-shadow:2px 2px 20px rgba(15,37,65,.09); }
.kJianjie dl dd img{ display: block; padding-bottom: 20px; }
.kJianjie dl dd p{ color: #333; opacity: .9; line-height: 26px; font-size:14px; }
.kJianjie.going dl dt{transition:all 1s;-webkit-transition:all 1s;opacity:1;transform:translate(140px,0);-webkit-transform:translate(140px,0);}
.kJianjie.going dl dd{transition:all 1s;-webkit-transition:all 1s;opacity:1;transform:translate(-140px,0);-webkit-transform:translate(-140px,0);}
.kMeitim,.kKehum{ display: none; }
.kSlog,.kLctDt{ display: none; }
.kH2 .kTitM,.kListTitM,.kJieImg.kTitM,.kMapm{ display: none; }
.kMoreBox{background: #918d8b url(../images/icon2.png) no-repeat 15% center/24px auto;
    width: 190px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-indent: 25px;
    border-radius: 5px;
    margin: 10px auto 30px;
    cursor: pointer;}
.kNull{ margin:50px 0; text-align:center;}
.kTuCon_p{ display:block;}
.kTuCon_m{ display:none;}
.kBeiz{ margin-bottom:10px; text-align:center; font-size:12px; color:#666;}
@media screen and (min-width: 1921px) {
	/*-----------shouye---------------*/
	.kBgCon{ width: 100%;}
	
	.kBg3{ left: 0; }
	.kBg4{ left: 0; }
	.kBg6{ left: 0; }
	.kBg7{ right: 0; }
    .kBg17{ left: 0; }
    .kBg18{ left: 0; }
	.kfot{ width: 100%; background-size: cover; }
	/*--------------------------*/
}
@media (min-width: 751px) and (max-width: 1200px) {
	.w1200,.kBgCon{ width:calc(100% - 40px);}

	.kNav{ padding-right: 0; width:530px; overflow:hidden; }
	.kNav li{ margin-right: 10px; }
	.kNav li:nth-child(6),.kNav li:nth-child(7){ display:none;}
	.kLogo{ margin-right: 35px; }
    
	.kBox1{height: 860px;}
	.kBox1 h1{opacity: 1; left: 0; }
	.kBox1 h1 img{ margin-right: 30px; width: 30%; }
    .kBox1 p{ left: 0; opacity: 1; top: 335px; width: 420px; }
	.kBox2{ width: 100%; height: 885px;}
	
    .kBox3{ height:auto; }
    .kBox3:after{ content: ""; display: block; clear: both; }
    .kSert{ opacity: 1; right: 0;  height: 180px; }
    .kSert img{ width:60px; }
    .kSert p .img, .kSert p .img_red{ margin-left: -30px; }
    .kSert p:nth-child(2){ height: 60px; }
    .kSerImg{ opacity: 1; left: 0; }
    .kSerImg img{ width: 100%; }
    

    .kService{ margin-top: 50px; height: auto; }

	.kBg8{ background-size: 80% auto; }


	.kBox4{position: relative; height: auto;}
	.kMedia{ display: none; }
    .kMediaM{ display: block; }
    .kCustomer{ display: none; }
    .kCustomerM{ display: block; }
    .kHezuo{ display: none; }
    .kBg14,.kBg15,.kBg6,.kBg7,.kBg16{ display: none; }
    .kMediaM{ overflow: hidden; padding: 30px 0; position: relative; z-index: 4;}
    .kMediaMC{ float: left; width: 16.66%; overflow: hidden; text-align: center; }
    .kMediaMC img{ width: 100%; display: block; }
    .kMediaMC .kImg{ background: url(../images/bg8.png) no-repeat center/100% auto; display:block; }
    .kMediaMC p{ padding:10px 0 20px; font-size: 12px; }
    .kIcn{ width: 100%; position: absolute; left: 0; top: 30px; z-index: 2; height: 22px; overflow: hidden; }
    .kIcnL{ width:calc(50% - 25px); float: left; height: 22px; background:url(../images/line.jpg) repeat-x left center #fbfbfb; position: relative; }
    .kIcnL span{ width: 4px; height: 4px; border: 1px solid #333; border-radius: 4px; display: block; position: absolute; top: 50%; margin-top: -3px; background: #fff; right: 0; }
    .kIcnR{ width:calc(50% - 25px); float: right; height: 22px; background:url(../images/line.jpg) repeat-x left center #fbfbfb; position: relative; }
    .kIcnR span{ width: 4px; height: 4px; border: 1px solid #333; border-radius: 4px; display: block; position: absolute; top: 50%; margin-top: -3px; background: #fff; left: 0; }
    
    .swiper-button-next, .swiper-button-prev{ top: 52px; z-index: 10; width: 22px; height: 22px; box-sizing: border-box; border: 1px solid #292929; border-radius: 50%; background-size: 22px auto; background-color: #fbfbfb; }
    .swiper-button-next{ background-image: url(../images/right.png); right: 0; }
    .swiper-button-prev{ background-image: url(../images/left.png); left: 0; }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{  opacity: 1; }
    .kCustomerM .kMediaMC{ margin-top: 20px; }
	.kMediaMC{ width:12.5%;}
    .kNews{ opacity: 1; }

	.kBox5{ height: auto; }
	.kJs1{ left: 36%; top: 18%; }
	.kJs2{ left: 14%; top: 37%; }
	.kJs3{ left: 36%; top: 83%; }
	.kJs4{ left: 70%; top: 83%; }
	.kJs h5{ font-size: 20px; }
	.kJs span{ font-size: 18px; }
	.kJs em{ font-size: 14px; }
	.kBox7 .kH2{ padding: 100px 0 60px; }
	.kNewListC p{ padding: 10px 0 0; margin-bottom: 10px; }
	.kNewListC em{ font-size: 20px; }
	.kNewListC .kTit{ font-size: 16px; }
	.kNewsMore{ padding-bottom: 100px; }
	.kBg2_2{ transform: rotate(0deg); }
	.kBg2_3{ transform: rotate(0deg);  }

	.kJieShao p{
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
   
	}
	.kJieShao p {
	    opacity: 1;
	    -webkit-transform: translateX(0) rotate(0deg);
	    -ms-transform: translateX(0) rotate(0deg);
	    transform: translateX(0) rotate(0deg);
	}
	.kJieShao span{ opacity:1; right:0;}



	.kBox6 ul li{ width: 100px; }
	.kBox6 .frd{ margin-left:20px;}
	.kBox6 .frd img{ width: 140px; height: 140px; }

    .kList02a{ margin-top: 24px; }
    .kList02a dl dt{ width:calc(60% - 20px); }
    .kList02a dl dd{ width: 40%; }
    .kList02a dl dd img{ width: 100% }
    .kList02a dl dt h2{ font-size: 18px; line-height: 64px; margin:0 0 15px; }
    .kList02a dl dt p{ line-height: 18px; padding-bottom: 15px; }
    .kList02b dl{ width: 50%; padding-right: 20px; box-sizing: border-box; }
    .kListTit,.kLct{ margin-left: 0; left: 20px; }

    .kMeiC{ width: 100%; margin-left: 0; }
    .kPaC a{ width:calc(20% - 20px); margin: 0 10px 20px; }
    .kKehuC{ width: calc(100% - 207px); }
    .kKehuC a{ width: calc(20% - 20px); margin:0 10px 20px; }
	.goinghead .kNav{ width: 545px; }
    .kJieC{ width: 1200px; position: relative; left: 50%; transform: translate(-50%); background:url(../images/bg15.png) no-repeat center 100px/50% auto; }
    .kJianjie{ padding-bottom: 0; }
    .kJieImg{ padding: 90px 0 0 0;transform:translate(0); margin-left: 60%; }
    .kJianjie dl dt{opacity: 1; left: 0;}
    .kJianjie dl dd{opacity: 1; left: auto; top:auto; bottom: 30px; right: 0;  height: auto; padding: 20px 30px; width: 50%;}
    .kWenhC{ width: 750px; margin-left: auto; margin-right: auto; }
    .kLineA1{ left: -540px; }
    .kLineA2{ left: 90px; }
    .kLineA3{ left: 335px; }
    .kTu1{ left: 3px; }
    .kTu2{ left: 273px; }
    .kTu3{ left: 545px; }
    .kWenh{ width: 100%; }
    .kLineA2{width: 244px;}
    .kDialogC{ width:calc(100% - 80px); }
    .kDiaClose{ width:40px; height: 40px; right: -40px; }
    .kDialogC .kContent{ width: 90%; margin: 15px auto 0; }
    .kAnli .w1200{ width: 100%; padding: 0 0 0 16px; box-sizing: border-box; }
    .kJiang{ padding-bottom: 50px; height: auto; background-size:cover; }
    .kJiangC{  padding-right: 0; opacity: 1; right: 0; }
    .kJiangImg{ width: 180px; padding-top: 30px; }
	.kJiangC{ width: calc(100% - 300px); }
	.kAwards p{ width: calc(25% - 10px); margin: 0 0 10px 10px; height: auto; }
	.kJiangC .swiper-pagination{ left: -280px; top: 360px; }

    .kAwardsC{ width: 50%; }
    .kAwardsC p{ width:calc(33.33% - 8px); margin:8.5px 4px 0; height:auto; overflow: hidden; }
    .kAwardsC p.kAwards4,.kAwardsC p.kAwards5{ width: calc(66.66% - 8px); height: auto; }

    .kAwardsC p.kAwards3,.kAwardsC p.kAwards5{ width: calc(66.66% - 8px); height: auto; }
    .kAwardsC p.kAwards1{ width: calc(66.66% - 8px); height: auto;  }
    .kAwardsC p.kAwards4{ width: calc(33.33% - 8px); height: auto; }

    .kAwardsC p span,.kAwardsC p:hover span{ display: none; }
    .kAwardsC p img{-webkit-transition:none; -moz-transition:none; -o-transition: none; transition:none;}
    .kAwardsC p:hover img{-webkit-transform:none; -moz-transform:none; -o-transform: none; transform:none; -ms-transform:none;}
    .kJiangC .swiper-button-prev,.kJiangC .swiper-button-next{ border: none; }
	.kJiangC .swiper-pagination-bullet{ width:40px; }
    .kJiangC .swiper-button-prev{left:-300px; top: 375px; } 
    .kJiangC .swiper-button-next{left:-220px; top: 375px; }
    .kBorder{left:140px; }
    .kJiangBga span{ opacity: 1; }
    .kJiangBgb span{ opacity: 1; }
    .kJieBga span{opacity: 1;}
    .kJieBgb span{opacity: 1;}
    .kJiang{ overflow: hidden; }
    .kWenh{ margin-top: 50px; }
    .kJieC .kH2, .kJiang .kH2, .kWenh .kH2{ bottom: 0; opacity: 1; }
    .kLic p{ opacity: 1; }
    .kChengL p,.kChengR p{ left:0px; }
    .kBg23{ display: none; }
    .kMeitim,.kKehum{ display:block; position: relative; bottom: auto; left: 50%; transform: translateX(-50%); margin-top: 20px; top: auto;}
	.kConC img{ width:100%;}
}
@media (min-width: 320px) and (max-width: 1440px) {
    .kBgz,.kBgr{ display: none; }
}
@media (min-width: 751px) and (max-width: 998px) {
    .kContent{ width:calc(100% - 32px); }
    .kH2 img{ width: 45%; }
    .kSerf{ height:350px; }
    .kSerCon{ width: 90%; height: auto; padding: 10px; font-size: 12px; height: 190px; }
    .kJieImg{ margin-left: 0; }
    .kJianjie{ background: none; }
    .kJianjie dl dt{ margin-left: 0; width: 60%; height: auto; }
    .kJianjie dl dt img{ display: block; }
    .kWenh .kH2{ padding-left:16px; width: 100%; }
    .kWenh{ margin-top: 0; }
	.kBox6 ul li{ width: 100px; }
	.kBox6 .frd{ margin-left:20px;}
	.kBox6 .frd:nth-child(3){ margin-left:0;}
	.kBox6 .frd img{ width: 96px; height: 96px; }
}

@media screen and (max-width: 750px) {
	.kHeader{ display: none; }
	.w1200{ width:calc(100% - 32px);}
	.kBgCon{ width: 100%; }
	.kIndex1{ background: no-repeat; height: auto; overflow: visible; }
	.kBox1{ height:auto; width: 100%; padding: 0; }
	.kSlog{ display: block; width: 100%; }
	.kHeaderM{ box-sizing: border-box; width: 100%; background: #Fff; display: block; overflow: hidden; position: relative; z-index: 10001;}
	.kHeaderM.hov{-webkit-box-shadow:0px 8px 8px rgba(29,29,29,.04); box-shadow:0px 8px 8px rgba(29,29,29,.04); }
	.kBgCon{ display: none; }
	.kLogom{display: block; width: 110px; }
	.kLogom img,.kListm img{ width: 100%; display: block; }
	.kListm{ width: 48px; display: block; height: 44px; position: relative; }
	/*.kListm span{ width: 20px; height:3px; background: #000; border-radius: 3px; position: absolute; left: 12px; top: 20.5px; display: inline-block; }
	.kListm span:before{ content: ''; width: 20px; height:3px; background: #000; border-radius: 3px; position: absolute; left: 0; top:-6px; display: inline-block;}
	.kListm span:after{ content: ''; width: 20px; height:3px; background: #000; border-radius: 3px; position: absolute; left: 0; top:6px; display: inline-block;}
	.kListmClose span{ background: none; }
	.kListmClose span:before,
    .kListmClose span:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;

    }
	.kListmClose span:before{-webkit-transform: rotate(45deg);
        transform: rotate(45deg);}
    .kListmClose span:after{-webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);}*/


        .menu-btn .line {

        top: 0;
        bottom: 0;
        -webkit-transition: border 0.3s;
        transition: border 0.3s;

    }
    .kListm span,
    .kListm span:before,
    .kListm span:after {
        color: #000;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 20px;
        height: 0;
        border-top: 1.5px solid;
        border-bottom: 1.5px solid;
        border-radius: 3px;

    }

    .kListm span:before {

        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);

    }
    .kListm span:before,
    .kListm span:after {
        content: '';
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: transform 0.3s;
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;

    }
    .kListm span:after {

        -webkit-transform: translateY(6px);
        transform: translateY(6px);

    }

    .kListmClose span{

        border-color: transparent;

    }
    .kListmClose span:before {

        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);

    }
    .kListmClose span:after {

        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);

    }
	.ovhd{width:100%; height:100%; overflow:hidden; position:fixed; }
	.kNavM{ overflow-y: scroll; width:100%; position: absolute; left: 0; top: 44px; background: #ffffff; z-index: 1000; padding: 5px 0; box-sizing: border-box; }
	.kNavM li{ line-height: 32px; }
	.kNavM li .kFir{ width: calc(100% - 30px); margin:0 15px; line-height: 54px; border-bottom: 1px solid #f7f7f7; font-size: 13px; color: #333;display: block; overflow: hidden; }
	.kNavM li .kFir a{ float: left; }
	.kNavM li .kFir i{ display: inline-block;float: right; padding-left:20px; }
	.kNavM li .kFir i span{ display: block;  font-size: 12px; color: #000; -webkit-transition: all 0.3s;
        transition: all 0.3s;}
	.kNavM li .kFir i span.hov{-webkit-transform: rotate(180deg);
        transform: rotate(180deg);}
	.kNavM li p{ background: #fafafa;}
	.kNavM li p a{ font-size: 13px; display: block;width: calc(100% - 30px); margin:0 15px; border-bottom: 1px solid #f0f0f0; color: #333; line-height: 50px;}
    .kBox1 p{ display: none; }
    .kIndex3{ padding-top: 35px; }
    .kNavM li a.hov{ color: #f44100; }
    .kNavSrh{ margin: 25px 15px 0; width: calc(100% - 30px); height:35px; border-radius: 35px; background: #f7f7f7; padding:0 30px; box-sizing: border-box;} 
    .kNavSrh input{ background: none; border:none; height: 35px; line-height: 35px; font-size: 12px; color: #666; width:calc(100% - 26px); float: left; }
    .kNavSrh .kTj{ width: 16px; height: 35px; border: none; background:url(../images/srh.png) no-repeat center center/16px auto; float: right; }

	.kBgCon,.kBox2{ height: 235px; }
	.kBg3{ width: 99px; height: 276px; background: url(../images/bg3.png) no-repeat center/100% auto; left:0; top: 71px; }
	.kBg4{ width:16px; height: 104px; left: 0;}
	.kBg5{ height: 74px; }
    .kBg6,.kBg7{ display: none; }
    .kOne1,.kOne2{ display: none; }
    .kBox2{ width: 100%; }





	.kNum dt span{ width: 16px; background-size: 100% auto; }
	.kNum01{ width: 20.16%; left:0; height: 247px; opacity: 1;}
	.kNum01 dt{ height: 78px;}
	.kNum dt span{ margin-left:-8px; height: 54px; top: 23px; }
	.kNum01 dd{ height:169px; }

	.kNum dd p{ display: none;}
	.kNum dd p.pm{ display: none; right: 16px; bottom: 2px; font-size: 12px; width: 100%; padding-right: 0; text-align: center; font-weight: normal; }
	.kNum dd img{ height: 100%; }
	.kNum dt a{ font-size: 12px; margin-left: 0;transform:translate(0); top: 0; width: 100%; text-align: center; left: 0; }
	.kNum04{ width: 40.5%; height: 235px;  left: 20.16%; opacity: 1; }
	.kNum04 dl{ width: 100%; height: 235px; opacity: 1; }
    .kNum04 dt{ height: 6px; }
	.kNum04 dd{ height:229px; }
	.kNum04 dt a{ width: 100%; text-align: center; }
	.kNum02{width: 19.67%; left:60.66%; height: 170px; overflow: visible; opacity: 1;}
	.kNum02 dt{ height: 60px;}
	.kNum02 dd{ height: 110px; }
	.kNum02 dt span{ margin-left:-8px;}
	.kNum02 dt a{ width: 100%; text-align: center; }
	.kNum03{width: 19.67%; left:80.33%; height: 210px; overflow: visible; opacity: 1;}
	.kNum03 dt{ height: 100px;}
	.kNum03 dd{ height: 110px; }
	.kNum03 dt span{ margin-left:-8px; height: 80px;}
	.kNum03 dt a{ width: 100%;}
	.kBg8{ width: 109px; height: 72px; background: url(../images/bg4.png) no-repeat center/100% auto; left:0; top: 20px; }
	.kBox3{ height: auto; padding-bottom: 0; }
    .kBox3 .kH2{ opacity: 1; top: 0; padding-top: 0; padding-left: 0; }
    .kService{ overflow: hidden; margin-top: 32px; }
	.kService li{ width:50%; padding:0 0 35px; box-sizing: border-box; }
	.kService li img{ width: 92px; display: block; }
	.kService li .kSert{ width: 100px; margin: 0 auto }
    .kSert p .img, .kSert p .img_red{ margin-left: 0; transform: translate(-50%); }
	.kSert b{ font-size: 14px; line-height: 48px; }
	.kSert{ display: none; }
	.kSertm{ display: block; opacity: 1; right: auto; }
	.kService li .kSertm{ width: 74px; padding-top: 8px; height: auto; }
	.kService li .kSertm p{ width: 100%; margin:-8px auto 0; }
    .kSert p:nth-child(2){ height: 74px; }
	.kSerf em{ height: 25px; top: 11px; }
	.kSerBg1,.kSerBg2{ display: none; }
	.kService li .kSertm p:nth-child(1){ display: none; }
	.kService{ height: auto; }
	.kSerImg{ opacity: 1; position: relative; left:auto; bottom: auto; margin-top: 30px; }
	.kSerCon{ opacity: 1; position: relative; left:auto; bottom: auto; }
	.kService li img{ width: 100%; }
	.kBox3 li .kSerf .kRound{background: url(../images/round2.png) no-repeat center;transition:all 0.2s;-webkit-transition:all 0.2s;}
	.kSerf{ padding: 0 5px; box-sizing: border-box; height: auto; border-top: 1px solid #fff; }
	.kBox3 li .kSerf .kRound{ top: -6px; margin-left: -6px; width: 12px; height: 12px; background-size: 100%; }
	.kSerf em{ top: 6px; }
	.kSerCon{ width: 100%; height: auto; padding: 15px 15px 50px; box-sizing: border-box; background: #fcfcfc; position: relative; border: 1px solid #e4e6df; font-size: 12px; color: #333; }
	.kSerCon:after{ width: 100%; height: 3px; content: ""; display: block; position: absolute; left: 0; bottom: 0; background: #f34101; }
	/**/
	.kH2 img{ width: 60%; }
	/**/
	.kBox4 .kH2{ padding-top: 35px; }
	.kBg20{ display: none; }
	.kIndex4c{ background: none; }
	.kMeitim,.kKehum{ display:block; position: relative; bottom: auto; left: 50%; transform: translateX(-50%); margin-top: 20px; top: auto; width: 75px; height: 75px; background-size:65px auto; font-size: 12px; padding:0; line-height: 75px; border-radius: 0;}

    .kBg9,.kBg10,.kBg11,.kBg12,.kBg13,.kBg14,.kBg15,.kBg16,.kBg17{ display: none; }
	.kH2 p{ font-size: 11px; line-height: 28px; }
    .kBox5{ height: 1100px; }
    .kBg9{ display: block; }
	.kNews{ width: 160px; height: 250px; opacity: 1; }
	.kNews dd img{ width: 100%; }
	.kNews1{ left: 27px; top: 135px; }
	.kNews dt{ width: 144px; padding: 14px; height: auto; }
	.kNews1 dt{ left: 145px; top: 20px; }
	.kNews dt .kTit{ font-size: 14px; line-height: 20px; }
	.kNews dt p{ line-height: 14px; font-size: 12px; margin: 10px 0; }
	.kNews dt .kMore{ font-size: 24px; }
	.kNews_hov dt p{ opacity: .8; }
	.kNews2{ left: auto; right: 27px; top: 425px; }
	.kNews2 dt{ left: -130px; top: 20px; }
	.kNews3{ left: 27px; top: 715px; }
	.kNews3 dt{ left: 145px; top: 100px; }
	.kIndex4{ position: relative; }
	.kMeH2{ width: 100%; text-align: center; font-size: 12px; font-weight: bold; padding:0 0 15px; margin-top: -2px; height: 22px; line-height: 22px; }
	.kMedia{ display: none; }
	.kMediaM{ display: block; margin-top: 20px; }
	.kCustomer{ display: none; }
	.kCustomerM{ display: block; padding-bottom: 20px; }
	.kHezuo{ display: none; }
	.kMediaM{ overflow: hidden;}
	.kMediaMC{ float: left; width: 25%; overflow: hidden; text-align: center; }
	.kMediaMC img{ width: 100%; display: block; }
	.kMediaMC .kImg{ background: url(../images/bg8.png) no-repeat center/100% auto; display:block; }
	.kMediaMC p{ padding:10px 0 20px; font-size: 12px; display:none; }
	.kJs1{ width: 100%; height: 150px; background: url(../images/bg2.jpg) no-repeat; background-size: cover; display: block; position: relative; left: auto; top: auto; padding: 55px 0 0 45px; box-sizing: border-box; }
	.kJs2{ width: 100%; height: 150px; background:#535365;display: block; position: relative; left: auto; top: auto;  padding: 55px 0 0 45px; box-sizing: border-box;}
	.kJs3{ width: 100%; height: 150px; background:#f44d21;display: block; position: relative; left: auto; top: auto;  padding: 55px 0 0 45px; box-sizing: border-box;}
	.kJs{ line-height: 24px; }
	.kJs h5{ font-size: 18px; }
	.kJs span{ font-size: 18px; font-weight:bold; }
	.kJs em{ font-size: 12px; margin-top: 3px; font-weight:bold; }
	.kJs4{ display: none; }


	.kIndex5{ background: none; }
	.kBox5{ height: auto; width: 100%; }
	.kIndex5 img{ display: none; }

	.kBox7 .kH2{ padding: 35px 0 20px; }
	.kNewList{ border:none; }
	.kNewListC{ width: calc(100% - 8px); margin-left: 8px; border-left:1px solid #e3e3e6; padding:0 0 16px 30px; box-sizing:border-box; }
	.kNewListC:before{ width: 8px; height: 8px; left: -4.5px; top: 14px; border-radius:8px; }
	.kNewListC em{ font-size: 18px; line-height: 36px; }
	.kNewListC p{ font-size: 12px; padding-bottom: 0; margin-bottom: 0; line-height: 18px; }
	.kNewListC .kTit{ line-height: 20px; font-size: 14px; font-weight: bold; }
	.kNewsMore{ border-top: 1px solid #e3e3e6; padding:15px 0 30px; margin-top: 20px; }
	.kNewsMore a{ font-size:12px; font-weight:bold;}
	.kfot{ height: auto; padding-top: 0; position: relative; }
	.kBox6{ height: auto;padding: 24px 0 10px; }
	.kBox6:after{ content: ''; display: block; clear: both; }
	.kBox6 ul{ display: none; }
	.kBox6 .frd{ float: left; width: 140px; position: relative; left: 50%; margin-left: -70px;}
	.kBox6 .frd p{ padding-top: 5px; font-weight: bold; display: block; }
	

    .kCopyright{ display: block; margin-top:24px; line-height:22px; padding:10px 10px 0; box-sizing:border-box; }
    .kTg{ right: 16px; }
    .kTg,.kTg li,.kGoTop,.kWxin{ width: 40px;height: 40px; }
    .kGoTop{ background: url(../images/top.png) no-repeat center center/20px auto #91918e; }
    .kTg li{ margin-top: 12px; }
    .kWxinC{ display: none; }
    .kWxin{ display: none; }
    .kIcn{ width: 100%; position: absolute; left: 0; top: 16px; z-index: 2; height: 22px; overflow: hidden; }
    .kIcnL{ width:calc(50% - 25px); float: left; height: 22px; background:url(../images/line.jpg) repeat-x left center #fbfbfb; position: relative; }
    .kIcnL span{ width: 4px; height: 4px; border: 1px solid #292929; border-radius: 4px; display: block; position: absolute; top: 50%; margin-top: -3px; background: #fff; right: 0; }
    .kIcnR{ width:calc(50% - 25px); float: right; height: 22px; background:url(../images/line.jpg) repeat-x left center #fbfbfb; position: relative; }
    .kIcnR span{ width: 4px; height: 4px; border: 1px solid #292929; border-radius: 4px; display: block; position: absolute; top: 50%; margin-top: -3px; background: #fff; left: 0; }
    
    .swiper-button-next, .swiper-button-prev{ top: 39px; z-index: 10; width: 22px; height: 22px; box-sizing: border-box; border:none; border-radius:0; background-size: 22px auto; background-color: #fbfbfb; }
    .swiper-button-next{ background-image: url(../images/right.png); right: 0; }
    .swiper-button-prev{ background-image: url(../images/left.png); left: 0; }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{  opacity: 1; }


    .kListTit{ width: 90px; left: 16px; margin-left: 0; top: 50%; transform: translate(0,-50%); }
    .kLct{ margin-left: 0; left: 16px; bottom: 15px; font-size: 12px; }
    .kLct .iconlaction{ margin-right: 4px; }
    .kList02a{ margin-top: 10px; }
    .kList02a dl{ border-bottom: none; padding-bottom: 10px; }
    .kList02a dl dt{ width: 100%; padding-bottom: 10px; }
    .kList02a dl dd,.kList02a dl dd img{ width: 100% }
    .kList02a dl dt h2{ line-height: 50px; margin: 0 0 20px; font-size: 16px; }
    .kList02a dl dt p{ line-height: 20px; padding-bottom: 10px; }
    .kList02b dl{ width: 100%; height: auto; border-bottom: none; }
    .kList02b dl dt{ display: none; }
    .kList02b dl dd{ width: 100%; }
    .kList02b dl dd h3{ position: relative; line-height: 54px; margin: 0 0 16px; font-size: 16px; }
    .kList02b dl dd h3 em{ width: 27px; height: 2px; background-color: #e6e6e6; position: absolute; bottom: 0;left: 0; display: block; }
    .kList02b dl dd p span{ display: inline-block; }
    .kList02b dl dd p{ font-size: 12px; height: auto; padding-bottom: 10px; }
    .kList02b{ padding-bottom: 50px; }
    .kList03a{ padding:5px 0 15px; }
    .kItem{ width: 100%; padding: 0; margin-top: 15px; }
	.kPage{ margin-top:25px;}
    .kPage a{ margin-bottom: 10px; }
    .kContent{ width:calc(100% - 32px); margin-top: 8px; }
    .kKspage{ padding-bottom: 0; margin-top:15px; }
    .kConTit{ font-size: 19px; font-weight: bold; padding:8px 0; }
    .kTime{ font-size: 12px; }
    .kConC{ margin-top: 20px; padding-top: 20px; }
	.kConC img{ border-radius:5px; }
    .kContent{ margin-bottom: 30px; }
    .kConC b{ font-size: 17px; margin:15px 0 5px; display:block; }
    .kJieShao p{
    -webkit-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
   
	}
	.kJieShao p {
	    opacity: 1;
	    -webkit-transform: translateX(0) rotate(0deg);
	    -ms-transform: translateX(0) rotate(0deg);
	    transform: translateX(0) rotate(0deg);
	}
	.kJiesBg,.kJiesBg2,.kGuang{ display: none; }
	.kJies{ height: auto; overflow: visible; }
	.kEjBg{ width: 100%; height: 130px; background-size: cover; position: relative; }
	.kEjBgJs{ background: url(../images/bg3.jpg) no-repeat center; }
	.kEjBgDt{background: url(../images/bg4.jpg) no-repeat center;}
	.kEjBgHz{background: url(../images/bg5.jpg) no-repeat center;}
	.kEjBgAl{background: url(../images/bg6.jpg) no-repeat center;}
	.kEjBgLx{background: url(../images/bg7.jpg) no-repeat center;}
	.kJieShao{ padding-top: 0; position: absolute; left: 50%; top: 52%; transform: translate(-50%,-50%); }
	.kJieShao p b{ font-size: 17px; line-height:17px; }
	.kJieShao p em{ font-size: 17px; line-height:17px; }
	.kJieShao span{ font-size: 12px; padding-top: 5px; width: 100%; opacity:.9; right: 0; padding-top:0; }
	.kJieShao img{ width: 43.2%; }
	.kJianjie{ padding-bottom: 0; background: none; }
	.kJieImg{ padding: 35px 0 25px 0;transform:translate(0); width: calc(100% - 32px); bottom: 0; margin-left: 0; opacity: 1; width: 55%; }
	.kLct{ line-height: 35px; }
	.kJianjie dl{ padding-top: 0; }
	.kJianjie dl dt{opacity: 1; left:auto; position: relative; float: left; top:auto; width: 100%; height: auto; margin-left: 0; box-shadow:none; -webkit-box-shadow:none;}
	.kJianjie dl dt img{ width: 100%; display: block; }
	.kJianjie dl dd{opacity: 1;  position: relative; top: 0; left: 0; width: 100%; height: auto; float: left; padding: 22px 28px;}
	.kJianjie dl dd img{ width: 92px; padding-bottom: 15px; margin:0 auto; transform:translateX(-6px); }
	.kJianjie dl dd p{ line-height: 20px; font-size:12px; }
	.kJieCa .kH2{ padding-left: 0; }
	.kJieC .kH2{ padding: 35px 0; }


    .list-header{ height: 195px; }
    .kPaTit{ display: none;}
    .kPaTit:before{ display: none; }
    .kPaTit span{ display: none; }
    .kPaTit a{ width: auto; margin-right: 24px; position: relative; }
    .kPaTit a.hov:before{ content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: #f0431c; bottom: 0; left: 0; }
    .kPaTit a.hov{ color: #f0431c; }
    .kList04C{ width: 100%; background-color: #f6f6f6; padding-bottom: 0;}
    .kKeSlide{ display:none;}
    .kKehuC{ width:calc(100% - 32px); padding:25px 16px 10px; background-color: #fff; float: left; }
    .kPaC a{ width: calc(33.33% - 10px); margin: 0 0 15px; }
    .kPaC a:nth-child(3n+2){ margin-left:15px; margin-right: 15px; }
    .kMeiC{ overflow: hidden; margin-left: 0;width:calc(100% - 32px); padding:20px 16px 0; background-color: #fff; }
    
    .kBg22{ display: none; }
    .kJieC{ margin-top: 25px; padding-top: 0; background-image: none; padding-bottom: 10px; }
    .kLic{ margin-top: 0; height: auto;}
    .kLic span{ font-size: 19px; }
    .kLicBg1,.kLicBg2,.kQuan,.kLic:before,.kLic:after,.kChengL:before,.kChengR:before{ display:none; }
    .kChengR, .kChengL{ margin-bottom: 10px; right: auto; overflow: hidden; position: relative; top: auto;left: auto; width: 100%; height: auto; border:1px solid #333; padding: 20px; box-sizing: border-box; }
    .kLic p{ opacity: 1; width: 100%; border: none; position: relative; left: auto; margin-top: 0; padding: 15px 0 0 0; font-size:12px; }
    .kLic .kChengR span{ float: left; text-align:left; }



    .kWenhC{ width: 100%;  height: auto; overflow: hidden; }
    .kTu{ margin-bottom: 30px; }
    .kTu1,.kTu2,.kTu3,.kLine1,.kLine2,.kLine3{
        -webkit-animation:none;
            -ms-animation:none;
            animation:none;
    }
    .kWenh{background: none;}
    .kLineA1,.kLineA2,.kLineA3,.kWenh:after{ display: none; }
    .kTu1,.kTu2,.kTu3{ position: relative; left: auto;top: auto; float: left; width: calc(33.33% - 6px); text-align: center; }
    .kTu2{ margin: 0 9px; }
    .kTut{ width: 67px; height: 67px; border-width: 14px;-moz-box-shadow:6px 6px 9px rgba(47,47,51,.16); -webkit-box-shadow:6px 6px 9px rgba(47,47,51,.16); box-shadow:6px 6px 9px rgba(47,47,51,.16);  }
    .kTu1 .kTut img,.kTu2 .kTut img,.kTu3 .kTut img,.kTu1 .kTut,.kTu2 .kTut,.kTu3 .kTut{ width: 67px; height: 67px; }
    .kTut span{ font-weight: normal; font-size: 13px; text-align: center; }
    .kTuf{ margin:0; width: 100%; position:relative; left:auto; transform:none;}
    .kTuf .kRound{ width:6px; height: 6px; background-size: 100% auto; margin-left: -3px; top: 0;}
    .kTu1 .kTut,.kTu2 .kTut,.kTu3 .kTut{ margin: 0 auto;box-shadow:none;-webkit-box-shadow:none; }
    .kTuf em{ height: 25px; top: 11px; }
    .kTuCon{width:100%; margin: 0 auto 0; font-size: 12px; padding: 10px; height: 105px; box-sizing: border-box; border-radius: 0; line-height: 18px; }
    .kBg21{ width: 135px; height: 112px; top: -20px; left: auto; right: -16px; background: url(../images/bg11.png) no-repeat center top/100% auto; }
    .kKspage li a.fld{ width: calc(100% - 80px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }

    .kJieC .kH2,.kJiang .kH2,.kWenh .kH2{ opacity: 1; bottom:auto; }
    .kJiang .kH2{ padding:35px 0 25px; }
    .kAnli .w1200{ width: 100%; padding: 0 0 0 16px; box-sizing: border-box; }
    .kAnli{ margin: 8px auto 30px; }
    .kConC{ overflow: visible; }
    .kContent{ overflow-y: scroll; }
    .kDialogC{ width: 100%; left: 0; top: 0; transform: translate(0); }
    .kDiaClose{ width: 60px; height: 60px; right: 5px;top: 5px; z-index: 11; background: none; }
    .kDiaClose span{ float: right; width: 20px; height: 20px; border-radius: 20px; display: block; background: url(../images/close.png) no-repeat center center/8px auto #000;}
	.kDiaClose:hover{ background: none; }
    .kJiang{ height: auto; padding-top: 0; width:100%; padding:0 16px; box-sizing:border-box; }
    .kJiangImg{ display: none; }
    .kJiangC{ display: none; }
    .kJiangCm{ display: block; }
    .kDialogC .kContent::-webkit-scrollbar,.kDialogC .kConC::-webkit-scrollbar {
	  width: 0;
	  height: 0;
	  background: hsla(0, 0%, 100%, 0.6);
	}
    .kJiangCm .swiper-container3 {
      width: 100%;
      height: auto;
      overflow: hidden;
    }
    .swiper-container3{ position: relative; padding-bottom: 50px; }
    .swiper-container3 .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .kJiangCm .swiper-button-next,.kJiangCm .swiper-button-prev{ border:none; top: auto; bottom: -50px; background-color: #f9f9f9; }
    .kJiangCm .swiper-button-prev{ left: calc(50% - 25px); bottom: -16px; }
    .kJiangCm .swiper-button-next{ right: calc(50% - 25px); bottom: -16px; }
    .kJiangCm .kBorder{ bottom: -18px; left: 50%; height: 24px; }
    .kAwards p{ width: calc(50% - 10px); height: auto; margin: 0 5px 10px; }
	.kAwards p span{ padding:10px;}
    .swiper-pagination2{ color: #fff; font-size: 13px; font-weight: bold; bottom: 20px; }
    .swiper-pagination2 .swiper-pagination-current{ font-size: 20px; }

    .kWenh{ padding-top: 0; }
    .kWenh .kH2{ padding:35px 0 25px; }
    .kTuf .kRound,.kTuf em{ display: none; }

    .kTu1 .kTut, .kTu2 .kTut, .kTu3 .kTut{ width:calc(33.33% - 20px); height: auto; border:none; border-radius: 0; }
    .kTu1 .kTut img, .kTu2 .kTut img, .kTu3 .kTut img, .kTu1 .kTut, .kTu2 .kTut, .kTu3 .kTut{ width: 100%; display: block; height: auto; }

    .kJieBg,.kPaoPao,.kBg23,.kOtherBg{ display: none; }
    .kBox6{ left: auto; margin-left: 0; width: 100%; }
	.kBox6 .frd{ left: auto; margin-left: 0; width: 32%; }
    .kBox6 .frd img{ width:100%; height: auto; margin:0 auto; padding:0 10px; box-sizing:border-box; }
	.kBox6 div:nth-child(2){ margin-left:18%;}
	
    .other-header{ height: auto; background-image: none; }
    .kPaTit a b{ font-size: 13px; }
    .kList02a dl dt p span{ position: absolute; left: 16px; }
	.kList02a dl dt h2{ margin-top:10px; font-size:16px; font-weight:bold;}
	.kList02a dl dt h2 em{ width:27px; height:2px;}
    .kList02a dl dt p{ padding-left: 24px; font-size: 13px; color:#000; }
	.kList02b dl{ border-top:1px solid #e3e3e6; padding:10px 0 20px;}
    .kList02b dl dd p{ position: relative; padding-left: 24px; font-size: 13px; line-height: 20px; color:#000; }
    .kList02b dl dd p span{ position: absolute; left: 0; }
	.kList02b dl:last-child{ border:none;border-top:1px solid #e3e3e6;}
	.kList02b{ padding-bottom:30px;}
    #dituContent{ width: 100%; }
    .kHaC{ width: 100%; }
    .kHaC a{ line-height: 46px; }
    .kPage a{ line-height: 22px; padding:0 8px; font-size: 12px; }
    .kLctDt{ display: block; }
    .kList03 .kHa{ display: none; }
    .kItemExp,.kAnliC p{ line-height: 18px; }
    .direction-reveal__overlay{ display: none; }
    .kList02a{ width: 100%; margin-top: 0; }
    .kList02a dl dt{ width: calc(100% - 32px); margin: 0 16px; }
    .kH2 .kTitP,.kTitP{ display: none; }
	.kH2 .kTitM,.kTitM{ display: block; width: 55.19%; }
	.kListTitP{ display: none; }
	.kListTitM{ display: inline-block; }
	.kJieImg.kTitM{ display: inline-block; }
	.kItemTbtns{ margin:20px 0;}
	.kItemExp{ height:36px;}
	.kItemTbtns p span{ font-size:13px; color:#333;}
	.kAnliImg:after{ height:10px;}
	.kAnliC h2{ padding-top:0px;}
	.kAnliC p{ line-height:20px; padding-bottom:25px;}
	.kMapm{ display: block; }
	#dituContent{ display: none; }
	.kMapm img{ display: block; width: 100%; }
	.kMoreBox{ margin-bottom: 0; }
	.kChengR:hover span em,.kChengL:hover span em{ display:none;}
	.kConC img{ width:100%;}
	.kConC iframe{ height:250px;}
	.kTuCon_p{ display:none;}
	.kTuCon_m{ display:block;}
	.kJieShao span.kExp_p{ display:none;}
	.kJieShao span.kExp_m{display:block; font-size:12px;}
	.kPaC a span{ padding:5px; font-size:12px; font-weight:normal;}
	.swiper-containerA {
      width: 100%;
      height: 100%;
    }
    .swiper-containerA .swiper-slide {
      text-align: center;
      width: auto;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
	.kKeSlideM{ display:block;}
    .kKeSlideM{ width: calc(100% - 32px); overflow: hidden; margin: 0 16px; }
    .kKeSlideMC{ width: 100%; }
    .kKeSlideM .swiper-slide{ text-align: center; background-color:none; width: auto; height:auto; padding:0; width:50px;height: 42px; float: left; }
    .kKeSlideM .swiper-slide a{ font-size: 14px; font-weight: bold; color: #666; }
    .kKeSlideM .swiper-slide.hov{ background: #e30b20; }
    .kKeSlideM .swiper-slide.hov a{ color: #fff; }
}












/*抖动*/
@keyframes rot{
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		}
	25% {
		transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
	}
	50% {
		transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
	}
	75% {
		transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
	}
	100% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		}
}
@-webkit-keyframes rot{
	0% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		}
	25% {
		transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
	}
	50% {
		transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
	}
	75% {
		transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
	}
	100% {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		}
}
@keyframes change{
    from {
    	transform:scale(0,0);
    	-webkit-transform:scale(0,0);
    }
    to {
    	transform:scale(1,1);
    	-webkit-transform:scale(1,1);
    }
}
@-webkit-keyframes change{
    from {
    	transform:scale(0,0);
    	-webkit-transform:scale(0,0);
    }
    to {
    	transform:scale(1,1);
    	-webkit-transform:scale(1,1);
    }
}

@keyframes jian{
    0% {
    	height: 0;
    	opacity: 0;
    }
    80% {
    	opacity: 1;
    	height: 114px;
    }
    100%{
    	opacity: 1;
    	height: 114px;
    }
}
@-webkit-keyframes jian{
    0% {
    	height: 0;
    	opacity: 0;
    }
    80% {
    	opacity: 1;
    	height: 114px;
    }
    100%{
    	opacity: 1;
    	height: 114px;
    }
}

@-webkit-keyframes move { 0% { -webkit-transform: translateX(0); transform: translateX(0);
    }
  100% { -webkit-transform: translateX(10px); transform: translateX(10px);
    } }

@keyframes move { 0% { -webkit-transform: translateX(0); transform: translateX(0);
    }
  100% { -webkit-transform: translateX(10px); transform: translateX(10px);
    } }



@-webkit-keyframes culture {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@keyframes culture {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
}
@-webkit-keyframes culture1 {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@keyframes culture1 {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@-webkit-keyframes cultureLine {
     0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}

@keyframes cultureLine {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    100% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
}
@-webkit-keyframes cultureLine1 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}
@keyframes cultureLine1 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}
@-webkit-keyframes cultureLine2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-2deg);
        -ms-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    100% {
        -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(2deg);
    }
}
@keyframes cultureLine2 {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-1deg);
        -ms-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }
    100% {
        -webkit-transform: rotate(1deg);
        -ms-transform: rotate(1deg);
        transform: rotate(1deg);
    }
}

@-webkit-keyframes guang {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes guang {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes paopao {
    0% {
        bottom:-30px;
    }
    100% {
        bottom:100%;
    }
}
@keyframes paopao {
    0% {
        bottom:-30px;
    }
    100% {
        bottom:100%;
    }
}
@-webkit-keyframes paopao2 {
    0% {
        bottom:100px;
    }
    100% {
        bottom:100%;
    }
}
@keyframes paopao2 {
    0% {
        bottom:100px;
    }
    100% {
        bottom:100%;
    }
}

@keyframes arrow2 {
	0% {
		background-position: center center;
	}

	50% {
		background-position: center 10px;
	}

	100% {
		background-position: center center;
	}
}
@keyframes arrow3 {
	0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes arrow4 {
	0% {
        -webkit-transform: translate(-200px,-200px);
        -ms-transform: translate(-200px,-200px);
        transform: translate(-200px,-200px);
    }
    20% {
        -webkit-transform: translate(500px,1070px);
        -ms-transform: translate(500px,1070px);
        transform: translate(500px,1070px);
    }
    100%
    {
    	-webkit-transform: translate(500px,1070px);
        -ms-transform: translate(500px,1070px);
        transform: translate(500px,1070px);
    }
}
@keyframes arrow5 {
	0% {
        -webkit-transform: translate(-200px,-200px);
        -ms-transform: translate(-200px,-200px);
        transform: translate(-200px,-200px);
    }
    40% {
        -webkit-transform: translate(-200px,-200px);
        -ms-transform: translate(-200px,-200px);
        transform: translate(-200px,-200px);
    }
    60%
    {
    	-webkit-transform: translate(500px,1070px);
        -ms-transform: translate(500px,1070px);
        transform: translate(500px,1070px);
    }
    100%
    {
    	-webkit-transform: translate(500px,1070px);
        -ms-transform: translate(500px,1070px);
        transform: translate(500px,1070px);
    }
}
@keyframes arrow6 {
	0% {
       -webkit-transform: translate(-200px,-200px);
        -ms-transform: translate(-200px,-200px);
        transform: translate(-200px,-200px);
    }
    60% {
        -webkit-transform: translate(-200px,-200px);
        -ms-transform: translate(-200px,-200px);
        transform: translate(-200px,-200px);

    }
    80%
    {
    	-webkit-transform: translate(500px,1070px);
        -ms-transform: translate(500px,1070px);
        transform: translate(500px,1070px);
    }
    100%
    {
    	-webkit-transform: translate(500px,1070px);
        -ms-transform: translate(500px,1070px);
        transform: translate(500px,1070px);
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(800px) rotateY(120deg);
        opacity: 0;
    }
    
    40% {
        -webkit-transform: perspective(800px) rotateY(-20deg);
    }
    
    70% {
        -webkit-transform: perspective(800px) rotateY(20deg);
    }
    
    100% {
        -webkit-transform: perspective(800px) rotateY(0deg);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        transform: perspective(800px) rotateY(120deg);
        opacity: 0;
    }
    
    40% {
        transform: perspective(800px) rotateY(-20deg);
    }
    
    70% {
        transform: perspective(800px) rotateY(20deg);
    }
    
    100% {
        transform: perspective(800px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-ms-backface-visibility: visible !important;
	-ms-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-ms-keyframes rotateIn {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}
