@charset "utf-8";
body{background: #f4f4f6;}

@media all and (min-width:800px){
	.banner{display: block;}
	.sj-banner{display: none;}
}

@media all and (max-width:799px){
	.banner{display: none}
	.sj-banner{display: block;}
}

.section1{padding-top: 65px;background: #fff}
.section1 .s1-c{position: relative;}
.section1 .s1-c .pic{width: 50%;height: auto;overflow: hidden;}
.section1 .s1-c .pic img{width: 100%;display:block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;max-width: 100%;height: auto;}
.section1 .s1-c: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); }
.section1 .s1-c .text{width: 50%;box-sizing: border-box;padding: 15px 0 0 28px;height: auto;}
.section1 .s1-c .text .type{width: 127px;height: 32px;line-height: 32px;font-size: 16px;color: #ffffff;text-align: center;;background: #2960b8;font-weight: bold;}
.section1 .s1-c .text .ti a{font-size: 24px;font-weight: bold;color: #333333;margin-top: 15px;display: block;}
.section1 .s1-c .text .content{font-size: 14px;color: #333333;line-height: 36px;height: 242px;overflow: hidden;margin-top: 15px;text-align:justify;}
.section1 .s1-c .text .more a{display: inline-block;width: 116px;height: 36px;line-height: 36px;font-size: 14px;color: #333333;text-align: center;border: 2px solid #cecfd5}
.section1 .s1-c:hover .ti a{color: #144cb7}
.section1 .s1-c .more a:hover{background: #144cb7;color: #fff;border: 2px solid #144cb7}

@media all and (max-width:1279px) and (min-width:1090px){
	.section1 .s1-c .pic{position: absolute;top: 50%;left: 0;margin-top: -16%}
}

@media all and (max-width:1089px) and (min-width:800px){
	.section1 .s1-c .pic{position: absolute;top: 50%;left: 0;margin-top: -16%}
}

@media all and (max-width:799px){
	.section1{padding-top: 30px;}
	.section1 .s1-c .pic{width: 100%}
	.section1 .s1-c .text{width: 100%;padding: 15px 10px}
	.section1 .s1-c .text .content{height: auto}
	.section1 .s1-c .text .more{margin-top: 20px}
}



.s2-t{width: 100%;text-align: center;}
.s2-t .ti{font-size: 36px;font-weight: bold;text-transform: uppercase;color: #333333;font-family: arial}
.s2-t .sti{font-size: 24px;color: #333333;background: url(ico_03.png)no-repeat center;background-size: 100%}
.section2{padding-top: 20px}
.section2 .aaa{background: #fff}
.section2 .s2-c{position: relative;z-index: 2;top: -68px}
.section2 .s2-c .hd{box-shadow:0 0 8px rgba(6,0,1,.12);margin-top: 60px;margin-bottom: 60px}
.section2 .s2-c .hd ul li{float: left;width: 16.66%;text-align: center;border-right: 1px solid #e9e9eb;background: #fff;box-sizing: border-box;position: relative;cursor: pointer;}
.section2 .s2-c .hd ul li:last-child{border-right: none}
.section2 .s2-c .hd .i{display: inline-block;font-size: 16px;color: #333333;padding: 35px 0}
.section2 .s2-c .hd .i p{margin-top: 8px}
.section2 .s2-c .hd .on:after{content:'';width: 100%;height: 4px;background: #2a61bb;position: absolute;bottom: 0;left: 0}
.section2 .s2-c .bd .hot{position: relative;}
.section2 .s2-c .bd .hot .pic{width: 50%;height: auto;overflow: hidden;}
.section2 .s2-c .bd .hot .pic img{width: 100%;height: auto;display:block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;max-width: 100%;}
.section2 .s2-c .bd .hot: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); }
.section2 .s2-c .bd .hot .text{width: 50%;box-sizing: border-box;padding: 29px 0 0 43px}
.section2 .s2-c .bd .hot .text .ti a{font-size: 24px;color: #333333}
.section2 .s2-c .bd .hot:hover .text .ti a{color: #144cb7}
.section2 .s2-c .bd .hot .text .content{font-size: 16px;line-height: 36px;color: #333333;margin-top: 25px;min-height: 235px;overflow: hidden;}
.section2 .con{margin-left: 12px;display: none}
.section2 .prev{background: url(ar_prev.png)no-repeat; width: 40px;height: 35px;display: inline-block;cursor: pointer;}
.section2 .next{background: url(ar_next.png)no-repeat; width: 40px;height: 35px;display: inline-block;cursor: pointer;}
.section2 .pro{margin-top: 50px;padding-bottom: 40px}
.section2 .pro .ti{position: relative;}
.section2 .pro .ti h2{font-size: 30px;color: #333333;font-weight: normal;display: inline-block;}
.section2 .pro .ti::after{content: '';position: absolute;right: 102px;top: 22px;width: 79%;height: 1px;background: #c9c9cf}
.section2 .pro .ti a{float: right;width: 98px;height: 33px;line-height: 35px;text-align: center;display: block;border: 1px solid #cfcfd5;font-size: 14px;color: #333333}
.section2 .pro .ti a:hover{background: #144cb7;color: #fff}
.section2 .pro .list{margin-top: 54px}
.section2 .pro .list ul{width: 101%}
.section2 .pro .list ul li{
    float: left;
    background: #fff;
    width: 24.83%;
    margin-left: 2px;
    margin-bottom: 14px;
	}
.section2 .pro .list ul li img{height: 1.93rem!important}
.section2 .pro .list ul li:nth-child(5),.section2 .pro .list ul li:first-child{margin-left: 0}
.section2 .pro .list 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); }
.section2 .pro .list ul li:hover .text{color: #2a61bb}
.section2 .pro .list .pic{width: 100%;height: auto;overflow: hidden;}
.section2 .pro .list .pic img{width: 100%;height: auto;display:block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;max-width: 100%;}
.section2 .pro .list .text{line-height: 46px;font-size: 16px;color: #333333;text-align: center;width: 100%;transition: all .6s;}
.section2 .pro .list .text h3{font-weight: normal;font-size: 16px}


@media all and (max-width:1279px) and (min-width:1090px){
	.section2 .s2-c .bd .hot .pic{position: absolute;top: 50%;left: 0;margin-top: -14%}
}

@media all and (max-width:1089px) and (min-width:800px){
	.section2 .s2-c .bd .hot .pic{position: absolute;top: 50%;left: 0;margin-top: -14%}
	.section2 .s2-c .hd ul li{width: 33.3%;border-bottom: 1px solid #e9e9eb;}
}

@media all and (max-width:799px){
	.s2-t .ti{font-size:30px}
	.s2-t .sti{font-size: 20px}
	.section2 .s2-c .hd{margin-top: 30px;margin-bottom: 30px}
	.section2 .pro{padding-bottom: 120px}
	.section2 .pro .ti::after{width: 40%}
	.section2 .s2-c .hd ul li{width: 33.33%;border-bottom: 1px solid #e9e9eb;}
	.section2 .s2-c .bd .hot .pic{width: 100%}
	.section2 .s2-c .bd .hot .text{width: 100%;padding:10px;}
	.section2 .s2-c .bd .hot .text .content{font-size: 16px;line-height: 36px;color: #333333;margin-top: 10px;min-height: 120px;overflow: hidden;}
	.section2 .pro{margin-top: 15px}
	.section2 .pro .list{margin-top: 20px}
	.section2 .pro .list ul li{width: 48%;margin:0 0.5% 5px 0.5%;}
	.section2 .pro .list ul li img{height: 6rem!important}
	.section2 .pro .list ul li:nth-child(5), .section2 .pro .list ul li:first-child{margin-left: 0.5%}
	.section2 .con{margin-top:10px;margin-left: 0;display: block;}
	.section2 .s2-c .hd .i p{font-size: 12px}
	.section2 .pro .list .text h3{font-size: 15px}
}


.section3{background: #fff;padding-top: 50px;padding-bottom: 75px}
.section3 .hd{text-align: center;margin-top: 40px;margin-bottom: 50px}
.section3 .hd ul{display: inline-block;}
.section3 .hd ul li{float: left;font-size: 18px;color: #333333;padding: 0 33px 10px 33px;cursor: pointer;}
.section3 .hd .on{background: url(ico_04.png)no-repeat bottom center;color: #cf0600}
.section3 .bd ul li{width: 24%;float: left;margin-right: 1.33%;margin-bottom: 18px}
.section3 .bd ul li:nth-child(4){margin-right: 0}
.section3 .bd ul li:nth-child(8){margin-right: 0}
.section3 .bd ul li a{text-align: center;font-size: 14px;color: #333;display: block;}
.section3 .bd .i{position: relative;width: 100%;height: 3.06rem}
.section3 .bd .i .pic{width: 100%;overflow: hidden;}
.section3 .bd .i .pic img{width: 100%;height: 286px;display:block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;max-width: 100%;}
.section3 .bd .i .mask{width: 100%;height: 100%;position: absolute;background: url(mask_01.png)no-repeat;background-size: 100% 100%;top: 0;left: 0;opacity: 0;filter: opacity(0);transition: all .6s;box-sizing: border-box;padding: 10% 12%}
.section3 .bd .i .mask{font-size: 14px;color: #ffffff}
.section3 .bd .i: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); }
.section3 .bd .i:hover .mask{opacity: 1;filter: opacity(1);}
.section3 .more{text-align: center;margin-top: 55px}
.section3 .more a{display: inline-block;text-align: center;width: 262px;height: 53px;line-height: 53px;border-radius: 30px;background: #144cb7;font-size: 14px;color: #fff;border: 1px solid #fff}
.section3 .more a:hover{background: rgba(255,255,255,.3);border: 1px solid #144cb7;color: #144cb7;font-size: 16px}


@media all and (max-width:1279px) and (min-width:1090px){
	.section3 .bd .i .mask{padding: 8% 10%}
	.section3 .more{text-align: center;margin-top: 35px}
}

@media all and (max-width:1089px) and (min-width:800px){
	.section3 .hd{text-align: center;margin-top: 15px;margin-bottom: 25px}
	.section3 .bd .i .mask{display: none}
	.section3 .bd ul li{margin-bottom:5px}
	.section3 .more{text-align: center;margin-top: 25px}


}

@media all and (max-width:799px){
	.section3{background: #fff;padding-top: 20px;padding-bottom: 25px}
	.section3 .hd{text-align: center;margin-top: 15px;margin-bottom: 25px}
	.section3 .bd .i{height: auto;}
	.section3 .hd ul li{padding: 0 5px 5px 5px;}
	.section3 .bd ul li{width: 49%;margin-right: 2%;margin-bottom:5px}
	.section3 .bd ul li:nth-child(2),.section3 .bd ul li:nth-child(4),.section3 .bd ul li:nth-child(6),.section3 .bd ul li:nth-child(8){margin-right: 0}
	.section3 .bd .i .mask{display: none;}
	.section3 .more{margin-top: 10px;}
	.section3 .more a{width: 150px;height: 30px;line-height: 30px}
}



.section4{padding-top: 36px;padding-bottom: 75px}
.section4 .hd{text-align: center;margin-top: 40px;margin-bottom: 45px}
.section4 .hd ul{display: inline-block;}
.section4 .hd ul li{float: left;font-size: 18px;color: #333333;padding: 0 33px 10px 33px;cursor: pointer;}
.section4 .hd .on{background: url(ico_04.png)no-repeat bottom center;color: #cf0600}
.section4 .bd{background: #fff}
.section4 .bd ul li{float: left;width: 50%}
.section4 .bd .i .text{display: table-cell;width: 50%;height: 100%;vertical-align: middle;text-align: center;padding: 0 3%}
.section4 .bd .i .pic{display:table-cell;width: 50%;overflow: hidden;}
.section4 .bd .i .pic img{width: 100%;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;}
.section4 .bd .i: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); }
.section4 .bd .i .text .time{font-size: 14px;color: #999999;font-family: arial}
.section4 .bd .i .text .ti{margin-top: 5px;padding:0 10px}
.section4 .bd .i .text .ti a{font-size: 20px;color: #333333;font-weight: bold;}
.section4 .bd .i .text .content{font-size: 14px;color: #666;margin-top: 5%;}
.section4 .bd .i .text .more{margin-top: 5%}
.section4 .bd .i .text .more a{font-size: 14px;color: #666666;display: inline-block;width: 155px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #d3d3d8;}
.section4 .more{text-align: center;margin-top: 55px}
.section4 .more .s{display: inline-block;text-align: center;width: 264px;height: 55px;line-height: 55px;border-radius: 30px;background: #144cb7;font-size: 14px;color: #fff;border: 1px solid #fff}
.section4 .bd .i .text .more a:hover{background:#144cb7;color: #fff}
.section4 .more .s:hover{background: rgba(255,255,255,.3);border: 1px solid #144cb7;color: #144cb7;font-size: 16px}
.section4 .bd .i:hover .ti a{color: #144cb7}

@media all and (max-width:1920px) and (min-width:1600px){
	.section4 .bd .i .text{display: table-cell;width: 50%;height: 100%;vertical-align: middle;text-align: center;padding: 0 6.3%}
}
@media all and (max-width:1360px) and (min-width:1280px){
	.section4 .bd .i .text{padding: 0 1.5%}
}
@media all and (max-width:1279px) and (min-width:1090px){
	.section4 .bd .i .text .content{display: none}
	.section4 .bd .i .text .more a{width: 120px;height: 30px;line-height: 30px;text-align: center;}
	.section4 .bd .i .text .ti{padding: 0}
	.section4 .bd .i .text .ti a{font-size: 16px;}
}

@media all and (max-width:1089px) and (min-width:800px){
	.section4 .bd .i .text .content{display: none}
	.section4 .bd .i .text .more a{width: 120px;height: 30px;line-height: 30px;text-align: center;}
	.section4 .bd .i .text .ti{padding: 0}
	.section4 .bd .i .text .ti a{font-size: 16px;}
}

@media all and (max-width:799px){
	.section4{padding-top: 20px;padding-bottom: 30px}
	.section4 .hd{text-align: center;margin-top: 15px;margin-bottom: 25px}
	.section4 .hd ul li{padding: 0 5px 5px 5px;}
	.section4 .bd ul li{float: left;width: 100%}
	.section4 .bd .i .text .more a{width: 120px;height: 30px;line-height: 30px;text-align: center;}
	.section4 .bd .i .text .ti{padding: 0}
	.section4 .bd .i .text .ti a{font-size: 14px;}
	.section4 .bd .i .text .content{display: none}
	.section4 .bd .i .text .more{display: none}
	.section4 .bd .i .text .more a{width: 100px;height: 30px;line-height: 30px;}
	.section4 .more{margin-top: 15px;}
	.section4 .more .s{width: 150px;height: 30px;line-height: 30px}
}