@charset "utf-8";

.banner{ position:relative; width:100%;  }
.banner .bd{ width:1920px; position:relative; left:50%; margin-left:-960px;  z-index:1;}
.banner .bd ul li{ width:1920px;height: 600px;display: block;overflow: hidden;}
.banner .bd img{vertical-align: bottom;width:100%;height: auto;transition: all 5.5s;}
.banner .hd{ width:1920px; left:50%; margin-left:-960px; position:absolute; bottom:65px; z-index:3; text-align:center;display: none;}
.banner .hd ul{ display:inline-block; }
.banner .hd ul li{ width:50px; height:5px; background: #ffffff; margin:0 13px;  *display:block; display:inline-block; vertical-align:top; cursor:pointer;list-style: none;float: left;transition: width 0.3s ease-in-out;text-indent: 9999px}
.banner .hd ul .on{ background:#b0272c;}
.banner .prev{width: 41px;height: 41px;background: url(prev.png) no-repeat;position: absolute;display: block;left: 120px;display: none;z-index: 9;cursor: pointer;top: 50%;margin-top: -21px}
.banner .next{width: 41px;height: 41px;background: url(next.png) no-repeat;position: absolute;display: block;right: 120px;display: none;z-index: 9;cursor: pointer;top: 50%;margin-top: -21px}

.s1{padding: 47px 0 45px}
.s1 .s1-t{font-size: 30px;color: #ffffff;font-weight: bold;text-align: center;height: 96px;line-height: 96px;background: #334598}
.s1 .s1-t .h{display: inline-block;position: relative;}
.s1 .s1-t .h:before{content: '';position: absolute;width: 36px;height: 3px;left: -76px;top: 50%;margin-top: -2px;background: #fff}
.s1 .s1-t .h:after{content: '';position: absolute;width: 36px;height: 3px;right: -76px;top: 50%;margin-top: -2px;background: #fff}
.s1 .s1-t .hd ul li{}
.s1 .s1-c{}
.s1 .s1-c .hd{border: 1px solid #e4e4e4}
.s1 .s1-c .hd .l{transition: all .5s ease;}
.s1 .s1-c .hd .l:first-child .h{border-bottom: 1px solid #ffffff}
.s1 .s1-c .hd .l:first-child .list{border-bottom: 1px solid #f5f5f5}
.s1 .s1-c .hd .l .h{display: table-cell;width: 190px;background: #f5f5f5;height: 100%;position: relative;text-align: center;vertical-align: middle;cursor: pointer;}
.s1 .s1-c .hd .l .h p{font-size: 16px;color: #333333;display: inline-block;padding:5px 30px 5px 0;background: url(ico_04.png) no-repeat right center;font-weight: bold;}
.s1 .s1-c .hd .list{display: table-cell;padding: 0;width: 1008px;box-sizing: border-box;transition: all .5s ease;padding: 0 2px 0 2px;position: relative;}
.s1 .s1-c .hd .list ul{transition: all .5s ease;}
.s1 .s1-c .hd .list .more{position: absolute;font-size: 14px;color: #e33d2a;right: 16px;top: 50%;transform: translateY(-50%);display: inline-block;display: none}
.s1 .s1-c .hd .list .more .e1{}
.s1 .s1-c .hd .list .more .e2{display: none}
.s1 .s1-c .hd .list .more.on .e1{display: none}
.s1 .s1-c .hd .list .more.on .e2{display: inline-block;}
.s1 .s1-c .hd .list .more img{margin-left: 4px;margin-top: 6px;transition: all .5s ease;}
.s1 .s1-c .hd .list .more.on img{transform: rotate(180deg);}
.s1 .s1-c .hd .list ul li{float: left;margin: 0 15px;line-height: 40px;font-size: 14px}
.s1 .s1-c .hd .list.open ul{height: auto;}
.s1 .s1-c .bd{margin-top: 48px}
.s1 .s1-c .bd ul{width: 1230px}
.s1 .s1-c .bd ul li{float: left;width: 283px;border: 1px solid #f5f5f5;transition: all .5s ease;margin-right: 19px;margin-bottom: 25px}
.s1 .s1-c .bd ul li:hover{transform: translateY(-18px);box-shadow: 0 -2px 10px #e1e1e1;border: 1px solid #e33d2a}
.s1 .s1-c .bd ul li .pic{position: relative;width: 283px;height: 211px;overflow: hidden;}
.s1 .s1-c .bd ul li .pic .a{display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.s1 .s1-c .bd ul li .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;width: 100%;height: auto;}
.s1 .s1-c .bd ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s1 .s1-c .bd ul li .mask{position: absolute;top: 0;left: 0;position: absolute;width: 100%;height: 100%;box-sizing: border-box;background: rgba(227,61,42,.7);opacity: 0;transition: all .5s ease;padding: 100px 77px 0;}
.s1 .s1-c .bd ul li:hover .mask{opacity: 1}
.s1 .s1-c .bd ul li .mask em{display: block;width: 128px;height: 38px;border: 1px solid #fff;text-align: center;line-height: 38px;font-size: 14px;color: #fff}
.s1 .s1-c .bd ul li .mask a.btn-a{margin-bottom: 14px}
.s1 .s1-c .bd ul li .txt{height: 60px;line-height: 18px;background: #f5f5f5;text-align: center;transition: all .5s ease;padding-top: 20px;box-sizing: border-box;}
.s1 .s1-c .bd ul li .txt a{font-size: 16px;color: #333333;display: block;	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	display:box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;}
.s1 .s1-c .bd ul li:hover .txt{background: #e33d2a;}
.s1 .s1-c .bd ul li:hover .txt a{color: #fff}

.s2{width: 1920px;padding:105px 0 100px;background: url(bg_01.jpg) no-repeat top center;background-size: cover;position: relative;left: 50%;margin-left: -960px}
.s2 .s2-c{width: 950px}
.s2 .s2-c .aArea{width: 490px;float: left;}
.s2 .s2-c .aArea .ti{}
.s2 .s2-c .aArea .ti .h{font-size: 65px;color: #ffffff;font-weight: bold;line-height: 70px}
.s2 .s2-c .aArea .ti .p{font-size: 38px;color: #ffffff;font-weight: bold;line-height: 42px}
.s2 .s2-c .aArea .cont{font-size: 16px;color: #ffffff;line-height: 36px;margin-top: 32px}
.s2 .s2-c .aArea .more{font-size: 16px;color: #ffffff;width: 200px;height: 50px;line-height: 50px;text-align: center;display: block;background: #e33d2a;margin-top: 78px}
.s2 .s2-c .bArea{float: right;width: 320px;padding-top: 8px}
.s2 .s2-c .bArea ul li{margin-bottom: 100px}
.s2 .s2-c .bArea ul li:last-child{margin-bottom: 0}
.s2 .s2-c .bArea ul li .h{font-size: 16px;color: #ffffff;vertical-align: bottom;}
.s2 .s2-c .bArea ul li .h span{font-size: 50px;color: #ffffff;font-weight: bold;margin-right: 3px;line-height: 60px}
.s2 .s2-c .bArea ul li .p{font-size: 16px;color: #ffffff;padding:5px 0 5px 32px;}
.s2 .s2-c .bArea ul li:nth-child(1) .p{background: url(li_01.png) no-repeat left center;}
.s2 .s2-c .bArea ul li:nth-child(2) .p{background: url(li_02.png) no-repeat left center;}
.s2 .s2-c .bArea ul li:nth-child(3) .p{background: url(li_03.png) no-repeat left center;}

.s3{padding-top: 75px}
.s3 .s3-t{text-align: center;padding-bottom: 45px;background: url(ico_05.png) no-repeat bottom center;}
.s3 .s3-t .h{font-size: 30px;color: #333333}
.s3 .s3-t .h span{color: #e33d2a}
.s3 .s3-t .p{font-size: 16px;color: #999999}
.s3 .s3-c{margin-top: 45px;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.s3 .s3-c .bd ul li{float: left;width: 380px;margin-right: 5px}
.s3 .s3-c .bd ul li .pic{width: 380px;height: 253px;overflow: hidden;}
.s3 .s3-c .bd ul li .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s3 .s3-c .bd ul li:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s3 .s3-c .txt{padding: 28px 25px 0;height: 265px;box-sizing: border-box;}
.s3 .s3-c .txt .ti{border-bottom: 1px solid #e4e4e4;padding-bottom: 15px;transition: all .5s ease;}
.s3 .s3-c .txt .ti .h{transition: all .5s ease;}
.s3 .s3-c .txt .ti .h a{font-size: 20px;color: #000000;font-weight: bold;padding-left: 32px;background: url(ico_06.png) no-repeat left center;}
.s3 .s3-c .txt .ti .p{font-size: 16px;color: #666666;padding-left: 32px;}
.s3 .s3-c .txt .cont{padding-top: 15px}
.s3 .s3-c .txt .cont p{font-size: 14px;color: #333333;line-height: 30px;padding-left: 20px;background: url(ico_07.png) no-repeat left 9px;}
.s3 .s3-c .bd ul li:hover .ti .h{transform: translateX(15px);}
.s3 .s3-c .bd ul li:hover .ti .h a{color: #e33d2a}
.s3 .s3-c .mask-l{width: 380px;height: 518px;position: absolute;background: rgba(0,0,0,.6);left: 0;top: 0;z-index: 2}
.s3 .s3-c .mask-r{width: 380px;height: 518px;position: absolute;background: rgba(0,0,0,.6);right: 0;top: 0;z-index: 2}
.s3 .s3-c .prev{width: 30px;height: 55px;background: url(prev_02.png) no-repeat;position: absolute;top: 50%;margin-top: -15px;left: 300px;z-index: 3;display: block;}
.s3 .s3-c .next{width: 30px;height: 55px;background: url(next_02.png) no-repeat;position: absolute;top: 50%;margin-top: -15px;right: 300px;z-index: 3;display: block;}

.s4{padding: 64px 0 75px}
.s4 .s4-t{padding-left: 42px;background: url(ico_08.png) no-repeat 9px center;font-size: 24px;line-height: 34px;color: #333333;position: relative;}
.s4 .s4-t:before{content: '';width:880px;height: 1px;background: #e4e4e4;position: absolute;top: 50%;margin-top: -1px;left: 225px}
.s4 .s4-c{margin-top: 40px;position: relative;}
.s4 .s4-c ul{display: inline-block;}
.s4 .s4-c ul li{float: left;width: 198px;height: 98px;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4}
.s4 .s4-c ul li:nth-child(1),.s4 .s4-c ul li:nth-child(7){border-left: 1px solid #e4e4e4}
.s4 .s4-c ul li:nth-child(-n+6){border-top: 1px solid #e4e4e4}
.s4 .s4-c .prev{position: absolute;width: 29px;height: 29px;background: url(prev_03.png) no-repeat center center #fff;border-radius: 100%;box-shadow: 0 0 7px rgba(0,0,0,.1);top: -73px;right: 44px}
.s4 .s4-c .next{position: absolute;width: 29px;height: 29px;background: url(next_03.png) no-repeat center center #fff;border-radius: 100%;box-shadow: 0 0 7px rgba(0,0,0,.1);top: -73px;right: 3px}


.a1{padding: 53px 0 69px;margin-top: 65px;background: #f9f9f9;}
.atit{text-align: center;} 
.atit .atita{font-size: 30px;color: #333333;}
.atit .atita span{color: #e33d2a;}
.atit .atitb{font-size: 16px;color: #999999;}
.atit .atitc{margin-top: 25px;}
.a1c{margin-top: 45px;}
.a1c .a1ca{}
.a1c .a1ca .a1cai{float: left;width: 48.75%;margin:0 2.5% 2.5% 0;position: relative;overflow: hidden;}
.a1c .a1ca .a1cai:nth-child(2n){margin-right: 0;}
.a1c .a1ca .a1cai .a1caia{overflow: hidden;position: relative;}
.a1c .a1ca .a1cai .a1caia img{
    transition: transform 0.6s;
    -moz-transition: transform 0.6s; 
    -webkit-transition: transform 0.6s; 
    -o-transition: transform 0.6s;
    width: 100%;
}
.a1c .a1ca .a1cai:hover .a1caia img{
    transform:scale(1.1);
	-ms-transform:scale(1.1);   
	-moz-transform:scale(1.1);  
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.a1c .a1ca .a1cai .a1caia .mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;visibility: visible;opacity: 0;}
.a1c .a1ca .a1cai:hover .a1caia .mask{background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);opacity: 1;height: 100%;top: 0;}
.a1c .a1ca .a1cai .a1caib{position: absolute;z-index: 4;bottom: -110px;padding: 25px 25px;left:0;width: 100%;transition: all 0.6s;box-sizing: border-box;}
.a1c .a1ca .a1cai:hover .a1caib{bottom: 0;}
.a1c .a1ca .a1cai .a1caib .a1caiba{}
.a1c .a1ca .a1cai .a1caib .a1caiba span{display: inline-block;line-height: 31px;border:1px solid rgba(255,255,255,0.3);padding: 0 15px;font-size: 14px;color: #ffffff;border-radius: 5px;}
.a1c .a1ca .a1cai .a1caib .a1caibb{margin-top: 15px;font-size: 22px;color: #ffffff;font-weight: bold;}
.a1c .a1ca .a1cai .a1caib .a1caibc{margin-top: 15px;font-size: 16px;color: rgba(255,255,255,0.8);line-height: 25px;}
.a1c .a1ca .a1cai .a1caib .a1caibd{margin-top: 20px;}
.a1c .a1cb .a1cbi{float: left;width: 31.66666666%;margin-right: 2.5%;position: relative;overflow: hidden;}
.a1c .a1cb .a1cbi:nth-child(3n){margin-right: 0;}
.a1c .a1cb .a1cbi .a1cbia{overflow: hidden;position: relative;}
.a1c .a1cb .a1cbi .a1cbia img{
    transition: transform 0.6s;
    -moz-transition: transform 0.6s; 
    -webkit-transition: transform 0.6s; 
    -o-transition: transform 0.6s;
    width: 100%;
}
.a1c .a1cb .a1cbi:hover .a1cbia img{
    transform:scale(1.1);
	-ms-transform:scale(1.1);   
	-moz-transform:scale(1.1);  
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.a1c .a1cb .a1cbi .a1cbia .mask{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;visibility: visible;opacity: 0;}
.a1c .a1cb .a1cbi:hover .a1cbia .mask{background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%);opacity: 1;height: 100%;top: 0;}
.a1c .a1cb .a1cbi .a1cbib{position: absolute;z-index: 4;bottom: -70px;padding: 25px 25px;left:0;width: 100%;transition: all 0.6s;box-sizing: border-box;}
.a1c .a1cb .a1cbi:hover .a1cbib{bottom: 0;}
.a1c .a1cb .a1cbi .a1cbib .a1cbiba{font-size: 22px;color: #ffffff;font-weight: bold;}
.a1c .a1cb .a1cbi .a1cbib .a1cbibb{margin-top: 20px;}


.a2{padding: 48px 0 75px;}
.a2 .a2c{margin-top: 40px;}
.a2 .a2c .swiper-slide .a2ca{overflow: hidden;}
.a2 .a2c .swiper-slide .a2ca img{
    transition: transform 0.6s;
    -moz-transition: transform 0.6s; 
    -webkit-transition: transform 0.6s; 
    -o-transition: transform 0.6s;
    width: 100%;
}
.a2 .a2c .swiper-slide:hover .a2ca img{
    transform:scale(1.1);
	-ms-transform:scale(1.1);   
	-moz-transform:scale(1.1);  
	-webkit-transform:scale(1.1); 
	-o-transform:scale(1.1); 
}
.a2 .a2c .swiper-slide .a2cb{padding: 20px 30px 24px;background: #f8f8f8;position: relative;}
.a2 .a2c .swiper-slide .a2cb .a2cba{font-size: 18px;color: #333333;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.a2 .a2c .swiper-slide .a2cb .a2cbb{margin-top: 12px;font-size: 16px;color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.a2 .a2c .swiper-slide .a2cb:after{content: "";width: 0;height: 3px;background: #e33d2a;position: absolute;left: 0;bottom: 0;transition: all 0.6s;}
.a2 .a2c .swiper-slide:hover .a2cb:after{width: 100%;}
.a2 .a2c .swiper-slide:hover .a2cb .a2cba{color: #e33d2a}

.a3{padding: 48px 0 84px;background: url(a5.jpg) no-repeat center;background-size: cover;}
.a3 .a3a .a3aa{font-size: 30px;color: #e33d2a;}
.a3 .a3a .a3ab{font-size: 16px;content: #999999;margin-top: 12px;}
.a3 .a3b{margin-top: 38px;}
.a3 .a3b .a3bi{margin-bottom: 25px;display: flex;justify-content: space-between;}
.a3 .a3b .a3bi .a3bii{box-sizing: border-box;}
.a3 .a3b .a3bi .a3bii input{width: 380px;height: 60px;box-sizing: border-box;border:1px solid rgba(0,0,0,0.5);padding: 0 30px;font-size: 16px;}
.a3 .a3b .a3bs{margin-bottom: 25px;}
.a3 .a3b .a3bs textarea{width: 100%;height: 200px;box-sizing: border-box;border:1px solid rgba(0,0,0,0.5);padding: 10px 30px;font-size: 16px;}
.a3 .a3b .a3bd .code{vertical-align: middle;width: 700px;box-sizing: border-box;height: 60px;padding: 0 30px 0 70px;background: url(a4.png) no-repeat left center;border:1px solid rgba(0,0,0,0.5);font-size: 16px;}
.a3 .a3b .a3bd img{vertical-align: middle;margin-left: 22px;height: 60px;}
.a3 .a3b .a3bd .sbt{vertical-align: middle;float: right;width: 300px;height: 60px;font-size: 16px;color: #ffffff;background: #e33d2a;}