.banner{width: 100%;height: 864px;background:url(../images/support/banner.png) no-repeat center 0 fixed;-webkit-background-size: 100% auto;
background-size: 100% auto;z-index: 1;}
.banner h4{font-size: 64px;color:#fff;line-height: 64px;font-family: 'dincondensedcdincondensed', truetype;padding-top: 160px;width: 760px;;}
.banner p{color:#fff;font-size: 20px;line-height: 28px;width: 516px;}
.banner .big{font-size: 36px;padding-bottom: 120px;width: 100%;padding-top: 18px;}

/*main*/
.main{padding:50px 0 70px 0;}
.main .title{text-align: center;}
.main h4{font-family: 'dincondensedcdincondensed', truetype;font-size: 75px;color:#005d97;line-height: 70px;}
.main .title .top{font-size: 56px;color:#555;}
.box{width: 800px;height:auto;overflow: hidden;margin:0 auto;text-align: center;padding-top: 50px;text-align: center}
.box .dotted{width: 116px;height: 116px;border: 1px solid #005d97;border-radius:50%;display:inline-block;    vertical-align: middle;margin-right: 8px;margin-bottom: 25px;cursor: pointer;transition-duration:.6s;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-ms-transition-duration:.6s;-o-transition-duration:.6s;}
.box .dotted p{font-size: 18px;color:#005d97;padding-top:38px;text-align: center;}
.box .dotted p span{width: 100%;display: block;line-height: 0;margin-top: -30px;}
.box .dotted:hover{background: #005d97;}
.box .dotted:hover p{color:#fff;}

/*main1*/
.main1{padding:115px 0 95px 0;background: #f6f6f6;}
.main1 .box1 .chil{width: 160px;height: 300px;border: 1px solid #e5e5e5;overflow: hidden;transform:skew(-5deg);margin-left: 3px;float: left;background: #e5e5e5;overflow: hidden;}
.main1 .chiF{width: 842px;height:auto;margin:0 auto;}
.main1 .box1 .chil1{margin-left: 20px;}
.main1 .box1{overflow: hidden;}
.chil img{width: 180%;/*max-width: 160px;*/height:300px;}
.main1 .txt p{font-size: 18px;line-height: 28px;color:#005d97;text-align: center;}
.main1 .txt .txt11{padding-top: 50px;}
.main2 .box{width: 880px;padding: 50px 70px 0;}
/*main3*/
.main3{padding:90px 0;background: #f6f6f6;}
.main3 .content{width: 800px;height:auto;margin:0 auto;}
.main3 .content ul li{float: left;width: 250px;height:auto;margin-right: 25px;overflow: hidden;}
.main3 .content .img_box{width: 250px;height: 95px;overflow: hidden;margin-bottom: 10px;}
.main3 .content h6{font-weight: bold;color:#000;font-size: 15px;line-height: 20px;}
.main3 .content p{font-size: 15px;color:#555;line-height: 22px;text-align: justify;padding-top: 10px;}
.main3 .content ul .mr{margin-right: 0;}
/*hover*/

/*main4*/
.main4{background: #fff;}
.main3 .content ul li .img_box img,.main1 .chil img{ 
transition-duration: .5s;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-ms-transition-duration: .5s;
-o-transition-duration: .5s;

}
.main1 .chil img{opacity:.9;}

.main1 .chil:hover img{opacity: 1;}
.main3 .content ul li:hover h6,.main3 .content ul li:hover p{color:#005d97;}