@charset "gb2312";
/*==================================================全局共用属性CSS==================================================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0;}
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
img{border:0; vertical-align:middle;}/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none;} 
button{cursor:pointer;} /*这个可以不用*/
input:focus,textarea:focus{outline:none;}/*去掉边框线*/
address, caption, cite, code, dfn, em, th, var{font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px;}
/*全局的字体链接*/
a:link,a:visited{color:#333; text-decoration:none; }
a:hover,a:active{color:#C00; text-decoration:none; }
/*--------------------通用样式--------------------*/
.base{ clear:both; width:1200px; margin:0 auto;}
.title{ text-align:center;}
.title h2{ font-size:46px; font-weight:bold;}
.title p{ font-size:20px; margin-top:10px;}
.title i{ font-size:14px; margin-top:10px; font-style:normal; display:block;}
.title a{ text-align:center; margin-top:25px; font-size:20px; color:#fff; background:#F90; border-radius:40px; padding:0 50px; line-height:44px; display:inline-block;}
/*--------------------banner--------------------*/
.banner{ clear:both; width:100%; height:732px; overflow:hidden; position:relative; background:url(banner_bj.jpg) no-repeat center top;}
.banner_zi1{width:740px;height:130px;position: absolute;top: 60px;left: 25%;background: url(banner_zi1.png) top center no-repeat;z-index:1;}
.banner_zi2{width:862px;height:449px;position: absolute;top: 205px;left: 25%;background: url(banner_zi2.png) top center no-repeat;z-index:2;}
.head-bg02 {width:1127px;height:546px;position: absolute;top: 0px;left:50%; margin-left:-563px;background: url(uibannerbg03.png) top center no-repeat;z-index:3;}
.head-bg03 {width:726px; height:649px; z-index: 2; position:absolute; left:50%; top:66px; margin-left:-363px; z-index:4;}
.head-bg04 {width:1203px; height:613px; position:absolute; top:0px;left:50%; margin-left:-601px; background: url(uibannerbg05.png) top center no-repeat;z-index:5;}
.banner_zi1{ transition:all 1s;}
.banner_zi2{ transition:all 2s;}
/*--------------------模块1--------------------*/
.box1{ padding:65px 0 35px 0;}
.box1 h2{ color:#333;}
		.slideTxtBox{ width:1200px; margin-top:65px;}
		.slideTxtBox .hd{ height:320px; position:relative; }
		.slideTxtBox .hd ul{ float:left;  position:absolute; left:70px; font-size:14px;}
		.slideTxtBox .hd ul li{ float:left; margin:0 63px; line-height:26px; cursor:pointer; text-align:center;}
		.slideTxtBox .hd ul li img{ border-radius:50%; border:2px solid #FFF;}
		.slideTxtBox .hd ul li span{ font-size:24px; margin-top:15px; display:block;}
		.slideTxtBox .hd ul li.on img{ border:2px solid #FC0;}
		.slideTxtBox .hd ul li.on span{ color:#F90;}
		.slideTxtBox .bd ul{ zoom:1;}
		.slideTxtBox .bd li{ text-align:center;}
		.slideTxtBox .bd li a{ text-align:center; margin-top:18px; font-size:20px; color:#fff; background:#F90; border-radius:40px; padding:0 50px; line-height:44px; box-shadow:0px 3px 3px #F60; display:inline-block;}
/*--------------------模块2--------------------*/
.box2 .title h2{ color:#FFF;}
.box2 .title h2 span{ font-size:60px; color:#FF0;}
.box2 .title p{ color:#99ccff;}
.box2 .title p span{ color:#FF0;}
		.slideTxtBox2{ width:1200px; margin-top:640px;}
		.slideTxtBox2 .bd ul{ zoom:1;}
		.slideTxtBox2 .bd li{ text-align:left;}
/*--------------------模块3--------------------*/
.box3{ padding-top:50px; margin-bottom:68px;}
.box3 .title h2{ color:#333;}
.box3 .title p{ color:#666;}
.box3 .box3_right a:hover{ color:#FFF; background:#F90;}
.box3 .box3_right .active{ color:#FFF; background:#F90;}
/*--------------------模块4--------------------*/
.box4 .title h2{ color:#FFF;}
.box4 .title h2 span{ color:#F00;}
.box4 .title p{ color:#FF0;}
.box4 .title i{ color:#FFF;}
.box4 .box4_xian{ background-image:url(box4_xian.png); width:834px; height:122px; margin:0 auto;}
/*--------------------模块5--------------------*/
.box5 .title h2{ color:#333;}
.box5 .title p{ color:#F00; font-weight:bold;}
.box5 .title i{ color:#666;}
.box5 .title h4{ color:#F90; font-size:22px; margin-top:10px;}
.box5 ul li{ float:left; width:160px; height:160px; border-radius:50%; color:#FFF; font-size:20px; line-height:30px; display:table; text-align:center;}
.box5 ul li p{ display:table-cell; vertical-align:middle;}
.box5 ul li span{ font-size:14px;}
/*--------------------模块6--------------------*/
.box6 .title h2{ color:#FFF;}
.box6 .title h2 span{ color:#FF0;}
.server-ys li div a{display:block;}	
.server-ys li div a:hover{ background-color:#000;}	
.server-ys li:hover{ transition: all 1s; -webkit-transition: all 1s;}

.server-ys li .cover {width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; display:block; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .5s; z-index:1; cursor:pointer;}
.server-ys li .cover b { display:none;}
.server-ys li .cover font{ display:none;}

.server-ys li:hover .cover{background:rgba(0,0,0,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00000000,endcolorstr=#00000000);padding-top:110px; line-height:45px;}
.server-ys li:hover .cover b{ font-size:30px; color:#FFF; display:block;}
.server-ys li:hover .cover font{ font-size:18px; color:#FF0; display:block;}

/*--------------------模块7--------------------*/
.box7{ padding-top:50px;}
.box7 .title h2{ color:#333;}
.box7 .title h2 span{ font-size:60px; color:#F90;}
.box7 .title p{ color:#666;}
.mob_nine_marquee{clear:both; background-image:url(box7_bj.png); width:1150px; height:500px; margin-top:20px; padding:25px;}
.mob_nine_marquee .hd{clear:both; height:55px; line-height:55px;}
.mob_nine_marquee .hd span{float:left; display:inline-block; font-size:20px; color:#000;}
.mob_nine_marquee .hd .s1,.mob_nine_marquee .infoList li .s1{width:175px; }
.mob_nine_marquee .hd .s2,.mob_nine_marquee .infoList li .s2{width:175px; }
.mob_nine_marquee .hd .s3,.mob_nine_marquee .infoList li .s3{width:340px; }
.mob_nine_marquee .hd .s4,.mob_nine_marquee .infoList li .s4{width:150px; }
.mob_nine_marquee .hd .s5,.mob_nine_marquee .infoList li .s5{width:310px; }
.mob_nine_marquee .bd{clear:both; }
.mob_nine_marquee .infoList{clear:both;}
.mob_nine_marquee .infoList li{clear:both; height:55px; line-height:55px;overflow:hidden; display:block; }
.mob_nine_marquee .infoList li .s4{ color:#f00; }
.mob_nine_marquee .infoList li span{float:left; display:inline-block; font-size:16px; color:#000; text-align:center; }
.box7 dl{ width:460px; float:right; margin-top:20px;}
.box7 dl dt{ float:left; text-align:right; color:#F60; font-size:18px; line-height:30px; margin-top:8px;}
.box7 dl dt b{ display:block;}
.box7 dl dd{ float:right; background-color:#F86D2A; color:#FFF; font-size:30px; width:220px; height:75px; line-height:75px;}
/*--------------------模块8--------------------*/
.box8{ background:url(box8_bj.jpg) #051320 no-repeat center top; height:963px; padding-top:50px; margin-top:25px;}
.box8 .title h2{ color:#FFF;}
.box8 .title h2 span{ font-size:60px; color:#FF0;}
.box8 .title p{ color:#CCC;}
.box8 .title p span{ color:#F00;}
/*--------------------模块9--------------------*/

.box9{ background-color:#F9C356; padding:50px 0 85px 0;}
.box9 .title h2{ color:#333; margin-bottom:20px;}
.box9 .base dl{ width:360px; height:236px; border-radius:40px; float:left; margin:22px 22px 0 0; padding-left:25px;}
.box9 .base dt{ margin-top:25px; font-size:30px; color:#FFF; font-weight:bold; line-height:56px; text-align:left;}
.box9 .base dt span{ font-size:46px; display:block;}
.box9 .base dd{ margin-top:25px; text-align:left;}
.box9 .base dd a{ text-align:center; font-size:20px; color:#fff; background:#F90; border-radius:40px; padding:0 50px; line-height:44px; display:inline-block;}
.box9 .base .dl1{ background:url(box9_icon1.png) #555555 no-repeat right center;}
.box9 .base .dl2{ background:url(box9_icon2.png) #555555 no-repeat right center;}
.box9 .base .dl3{ background:url(box9_icon3.png) #555555 no-repeat right center; margin-right:0;}
.box9 .base .dl4{ background:url(box9_icon4.png) #555555 no-repeat right center;}
.box9 .base .dl5{ background:url(box9_icon5.png) #555555 no-repeat right center;}
.box9 .base .dl6{ background:url(box9_icon6.png) #555555 no-repeat right center; margin-right:0;}

/*--------------------模块10--------------------*/
.box10 .font1{ color:#90a3b9; font-size:24px;}
.box10 .font2{ color:#7b8da2; font-size:30px; font-weight:bold;}
.box10 .font3{ color:#6d8bac; font-size:24px;}
.box10 .font4{ color:#5a697c; font-size:36px; font-weight:bold;}
/*--------------------footer--------------------*/
@media (max-width:768px) {
	.box8{ height:auto; overflow:hidden}
	.server-ys li:hover .cover{ display:none;}
	.banner{ display:none;}
	.pbanner{ display:block}
	.base{ width:100%;}
	.title h2{ font-size:25px;}
	.slideTxtBox{ width:100%; margin:1% 0}
	.box1{ margin:3% 0}
			.slideTxtBox .hd ul li{ float:left;line-height:26px; cursor:pointer; text-align:center; width:31%; margin:0 1%;}
					.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; font-size:14px;}
.slideTxtBox .hd ul li img{ max-width:100%; overflow:hidden; height:auto;}
.slideTxtBox .bd{ width:100%}
.slideTxtBox .bd img{ max-width:100%; overflow:hidden; height:auto}
.box2{ background:url(box2_bj.jpg) #fff no-repeat center top; height:auto; padding-top:30px; background-size:contain;}
.box2 .title h2 span{ font-size:30px}
.slideTxtBox2{ width:100%; margin-top:20px;}
		.slideTxtBox2 .hd ul{ float:left;  position:absolute; left:0px;}
.slideTxtBox2 .hd ul li{ text-align:center;float:left; background-color:#2454A6; width:48%; height:120px; border-radius:50%; margin:1%; line-height:30px; padding-top:60px; font-size:18px; color:#FFF; cursor:pointer;}
		.slideTxtBox2 .hd ul li.on{ background:#ff9900 no-repeat top; width:48%; height:120px; margin:1%; border-radius:50%;}
			.slideTxtBox2 .hd{ height:400px; overflow:hidden; position:relative; }
		.slideTxtBox2 .bd{ width:96%; height:250px; margin:1%; padding:1%; border-radius:30px; border:1px dotted #898989; font-size:14px; line-height:26px; color:#666;}
.box3 .title h2 span{ font-size:30px; color:#F00;}
.box3 .box3_right{ float:right; width:100%;}
.box3 .box3_right img{ max-width:100%;}
.box3 .box3_right a{ display:block; text-align:center; margin:2% auto; font-size:24px; color:#333; background:#FFF; border-radius:40px; width:80%; line-height:53px; box-shadow:0px 2px 2px #CCC;}
.box3 .box3_left{ float:left; margin:0}
.box3 .box3_left img{ max-width:100%;}
.box4 .box4_xian{ display:none;}
.box4 dl{ float:left; width:48; height:auto; margin:1%; border-radius:10%; text-align:center;}
.box4 dl.dl1{ background:#e4350e;}
.box4 dl.dl2{ background:#aa0582;}
.box4 dl.dl3{ background:#403184;}
.box4 dl.dl4{ background:#02a8ce;}
.box4 dl.dl5{ background:#8eab04;}
.box4 dl dt{ font-size:24px; line-height:34px; color:#333; padding:3%; font-weight:bold;}
.box4 dl dd{ font-size:16px; line-height:30px; color:#FFF;  text-align:left;}
.box4{ background:url(box4_bj.jpg) no-repeat center top #000; height:auto; padding-top:50px;}
.box5{ background:url(box5_bj.jpg) no-repeat center top #d2d2d2; height:auto; padding-top:50px;}
.box5 .base{ width:100%; margin:0 auto;}
.box5 .base ul li{ float:left; width:48%; margin:1% ; border-radius:50%;}
.box5 .li1{ background-color:#0da172;}
.box5 .li2{ background-color:#FF8D08;}
.box5 .li3{ background-color:#62356C;}
.box5 .li4{ background-color:#E15F3F;}
.box5 .li5{ background-color:#156290;}
.box5 .li6{ background-color:#DF3C5B;}
.box6{ background:url(box6_bj.jpg) #000 no-repeat center top; height:auto; padding-top:50px; width:100%;}
.box6 .base{ width:100%; margin:0 auto}
.server-ys{ clear:both; margin-top:30px;}
.server-ys ul{clear:both; width:100%; position:relative;}
.server-ys ul li{ width:31%; margin:1% ; float:left;}
.server-ys ul li img{ max-width:100%; height:auto;}
 .box9 .base dl{ width:98%; height:auto; border-radius:40px; margin:1%; background:rgba(0,0,0,0.5); padding:3% 0}
  .box9 .base dt { text-align:center;}
 .box9 .base dt span{ text-align:center;}
 .box9 .base dd{ text-align:center;}
 .box9 .base dd a{ text-align:center;}
 .box10{ background:url(box10_bj.jpg) no-repeat center top; height:400px; padding-top:30px;}
.box10 .base div{ text-align:center; padding:0}
.box10 .font5{ color:#282b3c; font-size:35px; font-weight:bold;}
.box10 .font6{ color:#ec571e; font-size:35px; font-weight:bold;}
.box10 .font7{ color:#ec571e; font-size:30px; font-weight:bold;}
.box10 a{ text-align:center; margin-top:18px; font-size:20px; color:#fff; background:#F90; border-radius:40px; padding:0 20px; line-height:44px; box-shadow:0px 3px 3px #F60; display:inline-block;}
.box8 dl{ float:left; margin:1%; width:98%;}
.box8 dl dt{ width:111px; height:111px; background-color:#FFF; border-radius:50%; padding:4px; margin:0 auto; position:relative; z-index:10;}
.box8 dl dd{ background-image:url(box8_img.png); width:100%; font-size:18px; color:#FFF; line-height:24px; text-align:center; z-index:9;}
.box8 dl dd span{ display:block; color:#FF0; text-align:center; margin-bottom:10px;}

	}
@media (min-width:769px) {
	.pbanner{ display:none}
	.banner{ display:block;}
	.box1{ padding:65px 0 35px 0;}
		.slideTxtBox .hd ul li{ float:left; margin:0 63px; line-height:26px; cursor:pointer; text-align:center;}
				.slideTxtBox .hd ul{ float:left;  position:absolute; left:70px; font-size:14px;}
						.slideTxtBox .bd{ background:#FFF; width:1200px; height:485px; padding-top:25px; border-radius:30px; box-shadow:0px 5px 5px #999;}
.box2{ background:url(box2_bj.jpg) #FFF no-repeat center top; height:1238px; padding-top:50px;}
		.slideTxtBox2 .hd ul{ float:left;  position:absolute; left:80px;}
				.slideTxtBox2 .hd ul li{ text-align:center;float:left; background-color:#2454A6; width:179px; height:119px; border-radius:50%; margin:0 100px 0 0; line-height:30px; padding-top:60px; font-size:18px; color:#FFF; cursor:pointer;}
		.slideTxtBox2 .hd ul li.on{ background:url(box2_hover.png) #FFF no-repeat top; width:179px; height:134px; border-radius:0;}
				.slideTxtBox2 .hd{ height:194px; position:relative; }
		.slideTxtBox2 .bd{ width:1070px; height:120px; margin-top:20px; padding:30px 65px 0 65px; border-radius:30px; border:1px dotted #898989; font-size:14px; line-height:26px; color:#666;}
		.box3 .title h2 span{ font-size:60px; color:#F00;}
.box3 .box3_right{ float:right; width:380px; margin:48px 25px 0 0;}
.box3 .box3_right a{ display:block; text-align:center; margin-bottom:18px; font-size:24px; color:#333; background:#FFF; border-radius:40px; width:380px; line-height:53px; box-shadow:0px 2px 2px #CCC;}
.box3 .box3_left{ float:left; margin:5px 0 0 38px;}
.box4 dl{ float:left; width:165px; height:396px; margin:12px 38px 0 0; text-align:center;}
.box4 dl.dl1{ background-image:url(box4_img1.png); margin-left:113px;}
.box4 dl.dl2{ background-image:url(box4_img2.png);}
.box4 dl.dl3{ background-image:url(box4_img3.png);}
.box4 dl.dl4{ background-image:url(box4_img4.png);}
.box4 dl.dl5{ background-image:url(box4_img5.png);}
.box4 dl dt{ font-size:24px; line-height:34px; color:#333; margin-top:45px; font-weight:bold;}
.box4 dl dd{ font-size:16px; line-height:30px; color:#FFF; padding:45px 15px 0 15px; text-align:left;}
.box4{ background:url(box4_bj.jpg) no-repeat center top; height:784px; padding-top:50px;}
.box5{ background:url(box5_bj.jpg) no-repeat center top; height:950px; padding-top:50px;}
.box5 .base{ width:1286px; margin:0 auto;}
.box5 .li1{ background-color:#0da172; margin-top:432px;}
.box5 .li2{ background-color:#FF8D08; margin-top:195px; margin-left:-18px;}
.box5 .li3{ background-color:#62356C; margin-top:60px; margin-left:111px;}
.box5 .li4{ background-color:#E15F3F; margin-top:60px; margin-left:150px;}
.box5 .li5{ background-color:#156290; margin-top:195px; margin-left:111px;}
.box5 .li6{ background-color:#DF3C5B; margin-top:432px; margin-left:-28px;}
.box6{ background:url(box6_bj.jpg) #FFF no-repeat center top; height:819px; padding-top:50px;}
.box6 .base{ width:1200px; margin:0 auto}
.server-ys{ clear:both; margin-top:223px;}
.server-ys ul{clear:both; width:1200px; position:relative;}
.server-ys ul li.server_li1{position:absolute; left:0px; top:-30px;}
.server-ys ul li.server_li2{position:absolute; left:310px; top:-30px;}
.server-ys ul li.server_li3{position:absolute; left:620px; top:-30px;}
.server-ys ul li.server_li4{position:absolute; left:930px; top:-30px;}
.server-ys ul li.server_li5{position:absolute; left:155px; top:140px;}
.server-ys ul li.server_li6{position:absolute; left:465px; top:140px;}
.server-ys ul li.server_li7{position:absolute; left:775px; top:140px;}
.server-ys ul li.server_li8{position:absolute; left:310px; top:300px;}
.server-ys ul li.server_li9{position:absolute; left:620px; top:300px;}
.server-ys li{width:183px; height:183px; border:3px solid #fff; background:#FFF; overflow:hidden;
    -webkit-transform: rotate(-45deg);
    -webkit-transform-origin:0px 0px;
    -moz-transform: rotate(-45deg);
    -moz-transform-origin:0px 0px;
    -ms-transform: rotate(-45deg);
    -ms-transform-origin:0px 0px;
    -o-transform: rotate(-45deg);
    -o-transform-origin:0px 0px;
    transform: rotate(-45deg);
    transform-origin:0px 0px;
	box-shadow:1px 1px 3px #666;
	}
.server-ys li div{
    margin:-100px 0px 0px 94px;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin:0px 0px;
    -moz-transform: rotate(45deg);
    -moz-transform-origin:0px 0px;
    -ms-transform: rotate(45deg);
    -ms-transform-origin:0px 0px;
    -o-transform: rotate(45deg);
    -o-transform-origin:0px 0px;
    transform: rotate(45deg);
    transform-origin:0px 0px;
    width:265px;
    height:265px;
    position: relative;
 }
 .box9 .base dl{ width:360px; height:236px; border-radius:40px; float:left; margin:22px 22px 0 0; padding-left:25px;}
.box10{ background:url(box10_bj.jpg) no-repeat center top; height:455px; padding-top:50px;}
.box10 .base div{ text-align:left; float:left; padding-left:222px;}
.box10 .font5{ color:#282b3c; font-size:92px; font-weight:bold;}
.box10 .font6{ color:#ec571e; font-size:92px; font-weight:bold;}
.box10 .font7{ color:#ec571e; font-size:56px; font-weight:bold;}
.box10 a{ text-align:center; margin-top:18px; font-size:20px; color:#fff; background:#F90; border-radius:40px; padding:0 20px; line-height:44px; box-shadow:0px 3px 3px #F60; display:inline-block;}
.box8 dl{ float:left; margin:35px 40px 0 38px;}
.box8 dl dt{ width:111px; height:111px; background-color:#FFF; border-radius:50%; padding:4px; margin:0 auto; position:relative; z-index:10;}
.box8 dl dd{ background-image:url(box8_img.png); width:182px; height:196px; margin-top:-50px; padding:60px 20px 0; font-size:18px; color:#FFF; line-height:24px; text-align:left; z-index:9;}
.box8 dl dd span{ display:block; color:#FF0; text-align:center; margin-bottom:10px;}
.yy{width:218px; background:#cc6666; color:#fff; border-radius:50%;border: 2px solid #fff; font-size:70px; height:218px; line-height:218px;}
	}