/* CSS Document */

.league .btn{ position:absolute; left:14%; bottom:20%; text-align:center; padding:6px; background:url(sea-mbg.png) repeat; border-radius:5px;}
.league .btn a{ display:inline-block; width:180px; height:45px; line-height:45px; font-size:16px;background: #0095FF;color: #Fff;}
.intromain1{ padding:50px 0;}
.intromain1 .mac{ width:600px; padding:30px 0;}
.intromain1 .mac img{ width:560px;}
.intromain1 .txt{ width:540px; padding:55px 0; padding-right:50px;}
.intromain1 .txt p{ font-size:15px; text-indent:2em; line-height:25px; margin-bottom:15px}
.intromain1 .txt ul{ border:2px dashed #ccc; padding:15px; border-radius:5px; height:56px;}
.intromain1 .txt ul li{ width:50%; float:left; font-size:14px; line-height:26px;}
.intromain1 .txt ul li font{ color:#0973C8;}
.intromain1 .txt span{ display:block; margin-top:15px;}
.intromain1 .txt span a{ display:inline-block; border-radius:3px; height:38px; line-height:38px; text-align:center; margin-right:27px; color:#fff; padding:0 29px;}
.intromain1 .txt span .bg1{ background:#0973C8;}
.intromain1 .txt span .bg2{ background:#FF9243; font-size:15px;}

.function{ padding:50px 0;/*background:url(22a8.jpg) no-repeat center center; background-size:100% 100%; */background:#0095FF;background-attachment:fixed; background-size:100% 100%;}
.function ul{ padding:40px 0;}
.function ul li{ width:371px; float:left;padding:20px 0; border-radius:3px; margin:15px 10px;}
.function .img{ text-align:center; width:90px; padding-right:5px;}
.function .img i{ font-size:65px; color:#fff;}
.function .txt{ width:276px;}
.function .txt h3{ font-size:18px; color:#fff;}
.function .txt p{ color:#fff; padding-top:10px; font-size:15px; line-height:20px;}




.intromain2{}
.intromain2 .intro{ padding:50px 0;}
.intro_img img{max-width: 100%;display: block;overflow: hidden;}
.intromain2 .intro .intro_txt{  padding-top:30px;float:none}
.intromain2 .intro .intro_txt h2,.intromain2 .intro .intro_top h2{ padding-top:30px;font-size:30px; font-weight:normal; height:50px; line-height:50px; overflow:hidden; color:#4F5B6C; margin-bottom:20px;}
.intromain2 .intro .intro_txt p,.intromain2 .intro .intro_top p{ font-size:16px; color:#888;padding:8px 0; line-height:26px;}

.intromain2 .intro .intro_bottom{ text-align:center;}
.intromain2 .intro .intro_bottom img{width:100%;overflow:hidden;max-width:1000px}
.intromain2 .intro .intro_good{ background:url(3_1.png) no-repeat center center;}
.intro_good ul{ height:430px; color:#7f7f7f; font-size:16px;}
.intro_good .page1{ width:120px; float:left; height:100px; padding-top:125px; padding-left:80px;}
.intro_good .page2{width:120px; float:left; height:100px; padding-top:55px; padding-left:61px;}
.intro_good .page3{width:118px; float:left; height:100px; padding-top:43px; padding-left:61px; }
.intro_good .page4{width:120px; float:left; height:100px; padding-top:40px; padding-left:88px;}
.intro_good .page5{width:84px; float:left; height:100px; padding-top:80px; padding-left:61px;}
.intro_good .page6{width:110px; float:left; height:100px; padding-top:140px; padding-left:61px;}
.intro_img{max-width:580px;width: 100%;overflow: hidden}
.liner{height: 30px;padding: 60px 0;overflow: hidden}

.advantage{ width:1090px; margin:0 auto;}
.advantage h2{ text-align:center; font-size:30px; color:#2870C8; height:60px; line-height:60px;}
.advantage p{ font-size:24px; color:#39F; text-align:center; padding: 15px 0px;} 
.advantage .tablebox{ color:#7f7f7f; width:1050px; margin:0 auto; border-top:1px solid #7f7f7f; border-left:1px solid #7f7f7f;}
.advantage .tablebox .count{ font-size:20px; text-align:left}
.advantage .tablebox tr td{ text-align:center; height:40px; font-size:16px; padding:6px; border-bottom:1px solid #7f7f7f; border-right:1px solid #7f7f7f;}

.cbanner{ height:470px; overflow:hidden; width:100%; position:relative;}
.casename{font-size:40px;text-align:center; color:#fff; padding:20px 0;}
.casename font{ display:block; padding-top:30px; font-size:26px;font-weight:normal;}
.casename em{font-style:normal; font-size:55px; font-weight:bold;  padding:0 10px; font-family:Arial, Helvetica, sans-serif,SimSun;}
.freebanner{ width:100%; overflow:hidden; position:relative; background:url(/images/front/bluebg.jpg) no-repeat center center; padding:40px 0;}
.liner{max-width:1180px;}
.liner img{overflow:hidden;width:100%;display:block}
.mainbox{ width: 100%;max-width : 1180px; margin: 0 auto; }
@media screen and (max-width:480px){
	.casename {font-size:26px;}	
	.casename font {font-size:18px}
        .casename font{padding:0 10px}
	.intromain2 .intro .intro_txt h2, .intromain2 .intro .intro_top h2{text-align:center;font-size:22px}
	.intromain2 .intro .intro_txt p, .intromain2 .intro .intro_top p{padding:8px 10px;text-align:center}
	.intromain2 .intro .intro_top p{text-align:left}	
	.intro_txt{float:none}	
	.intromain2 .intro .intro_top h2,.intromain2 .intro .intro_top p{ text-align:center;}
	.intromain2 .intro .intro_txt h2, .intromain2 .intro .intro_top h2{padding-top:0}


}