@import 'reset.css';
.doc{text-align: left;}
.main{width: 1000px; margin: 0 auto; position: relative;}
.doc,body .g-footer{width: 100%; min-width: 1000px; position: relative; overflow: hidden;}

.banner{height: 600px; background: url(../images/banner.jpg) no-repeat center top;}
.banner .main{padding-top: 460px;}
.banner p{width: 760px; margin: 0 auto; text-indent: 40px; padding-left: 40px;
	font:16px/28px "microsoft yahei"; color: #333;}
.banner em{font-size: 24px; display: inline-block; text-indent: 40px;}



.box1{height: 813px; background: url(../images/box01.jpg) no-repeat center top;}
.box1 .main{padding-top: 140px;}
.box1 .inner-scroll{padding-left: 200px; width: 690px; height: 520px; margin-bottom: 40px;}


.box1 .message{width: 680px; height: 1040px; position: relative;}
.box1 .muse{position: absolute; left: 10px; top:0; padding-left: 50px;
	background: url(../images/head01.jpg) no-repeat; }
.box1 .muse p{padding-left: 8px;background: url(../images/icon01.jpg) no-repeat left 12px;}

.box1 .pclady{position: absolute; right:10px; top:540px; padding-right: 50px;
	background: url(../images/head02.jpg) no-repeat right top; }
.box1 .pclady p{float: right; padding-right: 8px;background: url(../images/icon02.jpg) no-repeat right 12px;}

.box1 .cisco{position: absolute; left: 10px; top:0; padding-left: 50px;
	background: url(../images/head03.jpg) no-repeat; }
.box1 .cisco p{padding-left: 8px;background: url(../images/icon01.jpg) no-repeat left 12px;}

.box1 .cisco6 p{width: 600px; height: 164px; margin-top:-10px;
	background: url(../images/message.jpg) no-repeat left top;}

.box1 .btn{width: 200px; height: 41px; cursor: pointer;
	position: absolute; left: 240px; top: 960px;
	background: url(../images/btn01.png) no-repeat;
	-webkit-animation: fadeIn 1s both ease-in-out 11.8s;
	animation: fadeIn 1s both ease-in-out 11.8s;
}

.box1 .message i{display: block; font: 16px/26px "microsoft yahei";
	color:#000; background: #94eeff;padding: 10px 10px 10px 16px; border-radius: 4px;}
.box1 .message a{display: block; font: 16px/26px "microsoft yahei";
	color: #286c8a; float: left; width: 200px; padding-left: 80px; padding-top: 22px;
	text-decoration: underline; 
}

.box1 .muse1{top:20px;
	-webkit-animation: fadeInLeftBig 1s both ease-in-out .8s;
	animation: fadeInLeftBig 1s both ease-in-out .8s;
}
.box1 .pclady1{top:70px;
	-webkit-animation: fadeInRightBig 1s both ease-in-out 1.8s;
	animation: fadeInRightBig 1s both ease-in-out 1.8s;
}
.box1 .muse2{top:128px;
	-webkit-animation: fadeInLeftBig 1s both ease-in-out 2.8s;
	animation: fadeInLeftBig 1s both ease-in-out 2.8s;
}
.box1 .pclady2{top:238px;
	-webkit-animation: fadeInRightBig 1s both ease-in-out 3.8s;
	animation: fadeInRightBig 1s both ease-in-out 3.8s;
}
.box1 .muse3{top:350px;
	-webkit-animation: fadeInLeftBig 1s both ease-in-out 4.8s;
	animation: fadeInLeftBig 1s both ease-in-out 4.8s;
}
.box1 .pclady3{top:460px;
	-webkit-animation: fadeInRightBig 1s both ease-in-out 5.8s;
	animation: fadeInRightBig 1s both ease-in-out 5.8s;
}
.box1 .muse4{top:520px;
	-webkit-animation: fadeInLeftBig 1s both ease-in-out 7.8s;
	animation: fadeInLeftBig 1s both ease-in-out 7.8s;
}
.box1 .pclady4{top:630px;
	-webkit-animation: fadeInRightBig 1s both ease-in-out 8.8s;
	animation: fadeInRightBig 1s both ease-in-out 8.8s;
}
.box1 .cisco5{top:690px;
	-webkit-animation: fadeInLeftBig 1s both ease-in-out 9.8s;
	animation: fadeInLeftBig 1s both ease-in-out 9.8s;
}
.box1 .cisco6{top:760px;
	-webkit-animation: fadeInLeftBig 1s both ease-in-out 10.8s;
	animation: fadeInLeftBig 1s both ease-in-out 10.8s;
}




.inner-scroll {width: 680px;height: 520px; }
.inner-scroll ul{width: 1557px; border: 1px solid #204d79; 
    position: relative; overflow: hidden;}
.mCSB_scrollTools {right: 0px;top: 0;width: 10px;height: 100%;}
.mCSB_dragger {width: 10px;height: 50px;background:#c1c1c1;
	cursor: pointer;right: 0;top: 10px;z-index: 100;}
.mCSB_draggerRail {width:10px;height: 520px;background: #efefef;}
.mCSB_container {width: 680px;}




.box1 .txt{width: 780px; height: 280px; margin: 0 auto; padding-left: 80px;
	font:16px/28px "microsoft yahei"; color: #333;}
.box1 .txt em{color: #215870; font-weight: bold;}
.box1 .txt i{font-size: 14px;}




.box4{height: 813px; background: url(../images/box04.jpg) no-repeat center top;}
.box4 .main{width: 840px; padding-top: 110px;}
.box4 .video{width: 380px; float: left; padding-left: 20px; }
.box4 .video img{display: block; margin-bottom: 20px; cursor: pointer;}

.box4 .txt{width: 400px; padding-top: 16px; float: right; padding-left: 20px; }
.box4 .txt em{display: block; width: 370px; text-align: center;
	font: bold 16px/48px "microsoft yahei"; color: #fff; }
.box4 .txt p{display: block; width: 370px; margin-bottom: 10px;
	font:14px/26px "microsoft yahei"; color: #fff; }


#slide06 {position:relative; width:840px; height:380px; float: right;}
#slide06 .slide {width:840px; }
#slide06 .slide li {width:420px;}
#slide06 .slide li em{display: block; width: 380px; 
	font: bold 16px/28px "microsoft yahei"; margin: 0 auto;
	display: block; color: #007493; opacity: .9;}
#slide06 .slide li p{display: block; margin: 0 auto; width: 380px; margin-bottom: 10px;
	font:15px/26px "microsoft yahei"; color: #2d2d2d; opacity: .8;}
#slide06 .slide li a{display: block; width: 380px; margin: 0 auto;
	font: 15px/24px "microsoft yahei"; color: #007493;}
#slide06 .slide li em a{font: bold 16px/28px "microsoft yahei"; margin: 0 auto;
	display: block; color: #007493; }
#slide06 .slide li em a:hover{text-decoration: none; color: #0e437a;}
/*#slide06 .slide li a{display: block; width: 380px; height: 28px; margin: 0 auto;
	background: url(../images/down.png) no-repeat;}
#slide06 .slide li a:hover{text-decoration: none;}*/
#slide06 .slide li img{display: block; margin:0 auto; margin-bottom: 20px;}

#slide06_control{width: 10px; position: absolute; right: 0; top:80px;}
#slide06_control li{display: block; margin-bottom: 6px; width: 8px; height: 8px; 
	background: #00bceb; border-radius: 4px; cursor: pointer;}
#slide06_control li.current{ height: 40px; }

#slide06 .btn{position:absolute; top:80px; width:52px; height:52px; 
  background:url(../images/btn02.png) no-repeat; z-index: 900;}
#slide06 .btn1{left: -40px;}
#slide06 .btn2{right: -40px; background-position: right top;}
#slide06 .btn1:hover{ background-position: left bottom; }
#slide06 .btn2:hover{ background-position: right bottom;}


#slide06 ul {list-style:none}
#slide06 ul img {vertical-align:middle}



.box5{height: 500px; background: url(../images/box05.jpg) no-repeat center top;}
.box5 .main{width: 800px; padding-top: 300px;}
.box5 li{width: 200px; text-align: center; font:16px/28px "Arial"; color: #006d9a;}
.box5 li a{color: #006d9a;}
.box5 li a:hover{color: #0e437a; text-decoration: none;}
.box5 ul{float: left; width: 200px;}
.box5 .u1{margin-right: 70px;}
.box5 .u2{padding-top: 30px;}
.box5 .u3{padding-top: 30px; width: 220px; float: right;}

.box6{height: 480px; background: url(../images/box06.jpg) no-repeat center top;}
.box6 .main{padding-top: 60px;}
.box6 p{width: 420px; padding-right: 20px; margin: 0 auto; 
	font:16px/32px "microsoft yahei"; color: #333;}
.box6 img{position: absolute; right: 110px; top:64px;}



.dialog1{display: none; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 999;}
.dialog1 .mask{width: 100%; height: 100%; background: #000; 
	opacity: 0.7; filter:Alpha(opacity=70);}
.dialog1 .content{position: fixed; left: 50%; top:50%; padding-top: 20px;
	width: 803px; height: 585px; background: url(../images/msg.jpg) no-repeat; 
	margin-left: -400px; margin-top: -300px;}
.dialog1 .close{position: absolute; right:10px; top:10px; 
	width: 30px; height: 30px; cursor: pointer;}

.dialog1 .inner{width: 690px; height: 340px; padding: 100px 20px 20px 100px;}
.dialog1 .message{display: none; width: 690px; height: 340px; position: relative; overflow: hidden;}

.dialog1 .Q{position: absolute; left: 10px; top:0; padding-left: 50px; }
.dialog1 .Q p{padding-left: 8px;background: url(../images/icon01.jpg) no-repeat left 12px;}

.dialog1 .A{position: absolute; right:10px; top:540px; padding-right: 50px;
	background: url(../images/msgA.jpg) no-repeat right top; }
.dialog1 .A p{float: right; padding-right: 8px;background: url(../images/icon02.jpg) no-repeat right 12px;}
.dialog1 .message i{display: block; font: 16px/26px "microsoft yahei";
	color:#000; background: #94eeff;padding: 10px 10px 10px 16px; border-radius: 4px;}

.dialog1 .Q1{top:20px; background: url(../images/msgQ1.jpg) no-repeat;}
.dialog1 .A1{top:110px;}
.dialog1 .Q2{top:20px; background: url(../images/msgQ2.jpg) no-repeat;}
.dialog1 .A2{top:110px;}
.dialog1 .Q3{top:20px; background: url(../images/msgQ3.jpg) no-repeat;}
.dialog1 .A3{top:130px;}
.dialog1 .Q4{top:20px; background: url(../images/msgQ4.jpg) no-repeat;}
.dialog1 .A4{top:110px;}
.dialog1 .Q5{top:20px; background: url(../images/msgQ5.jpg) no-repeat;}
.dialog1 .A5{top:110px;}
.dialog1 .Q6{top:20px; background: url(../images/msgQ6.jpg) no-repeat;}
.dialog1 .A6{top:110px;}

.dialog1 .animate .Q{
	-webkit-animation: fadeInLeftBig 1s both ease-in-out .8s;
	animation: fadeInLeftBig 1s both ease-in-out .8s;
}
.dialog1 .animate .A{
	-webkit-animation: fadeInRightBig 1s both ease-in-out 2.8s;
	animation: fadeInRightBig 1s both ease-in-out 2.8s;
}

.dialog1 .btn{width: 200px; height: 41px; cursor: pointer;
	position: absolute; left: 340px; top: 460px;
	background: url(../images/btn01.png) no-repeat;
	-webkit-animation: fadeIn 1s both ease-in-out 4s;
	animation: fadeIn 1s both ease-in-out 4s;
}


.dialog2{display: none; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 999;}
.dialog2 .mask{width: 100%; height: 100%; background: #000; 
	opacity: 0.7; filter:Alpha(opacity=70); z-index: 900;}
.dialog2 .content{position: fixed; left: 50%; top:50%; padding-top: 20px; z-index: 999;
	width: 700px; height: 640px; background: #fff; margin-top: -320px; margin-left: -350px;}
.dialog2 .title{font: 24px/60px "microsoft yahei"; color: #00b0e7; text-align: center; text-indent: 60px;}
.dialog2 .close{position: absolute; right:20px; top:20px; 
	width: 30px; height: 30px; background: url(../images/close.png) no-repeat; cursor: pointer;}


.dialog2 .form{width: 700px;}
.dialog2 .form ul{width: 700px; height: 50px; position: relative; overflow: hidden;}
.dialog2 .form .survey_button_row{width: 700px; height: 90px;}
.dialog2 .form .row0{width: 370px; float: left;}
.dialog2 .form .rowr{width: 420px; float: left;}
.dialog2 .form .rows{width: 270px; float: left;}
.dialog2 .form .row2{height: 50px;}
.dialog2 .form .row3{height: 106px;}
.dialog2 .form .row4{height: 50px;}
.dialog2 .form .row5{height: 50px;}

.dialog2 .form .submit{display: block; width: 200px; height: 42px; border: none; 
	cursor: pointer; margin:0 auto; outline: none;
	background: url(../images/submit.png) no-repeat;}
.dialog2 .form .survey_question_title{padding-left: 30px; width: 200px; float: left;
	font:14px/34px "microsoft yahei"; color: #333; text-align: right;}
.dialog2 .form .title0{width: 100px;}
.dialog2 .form .title1{width: 80px; padding-left: 0;}
.dialog2 .form .title2{width: 460px;}


.dialog2 .form .survey_question_option{width: 470px; float: right; height: 40px; color: #00b0e7;}
.dialog2 .form .option2{width: 140px;}
.dialog2 .form .option3{width: 190px;}
.dialog2 .form .option4{width: 200px;}

.dialog2 .form .row1 input{width: 400px; height: 34px; font:14px/34px "microsoft yahei";
	 color: #333; text-indent: 10px; 
	 border: 1px solid #00b0e7; border-radius: 6px; outline: none;}
.dialog2 .form .form-mark1{width: 404px;height: 38px; 
	font:14px/38px "microsoft yahei";
	color: #333; text-indent: 10px; 
	border: 1px solid #00b0e7; border-radius: 6px; outline: none;}
.dialog2 .form .form-mark2{width: 380px;height: 72px;
	font:14px/24px "microsoft yahei";
	color: #333; padding: 10px; 
	border: 1px solid #00b0e7; border-radius: 6px; outline: none;}
.dialog2 .form .form-mark3{width: 134px;height: 38px;
	font:14px/24px "microsoft yahei";
	color: #333; text-indent: 10px; 
	border: 1px solid #00b0e7; border-radius: 6px; outline: none;}
.dialog2 .form .form-mark4{width: 170px;height: 38px;
	font:14px/24px "microsoft yahei";
	color: #333; text-indent: 10px; 
	border: 1px solid #00b0e7; border-radius: 6px; outline: none;}

.dialog3{display: none; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 999;}
.dialog3 .mask{width: 100%; height: 100%; background: #000; 
	opacity: 0.7; filter:Alpha(opacity=70);}
.dialog3 .content{position: fixed; left: 50%; top:50%; padding-top: 80px;
	width: 1000px; height: 560px; background: #fff; margin-left: -500px; margin-top: -340px;}
.dialog3 .video{width: 960px; height: 542px; background: #000; margin:0 auto; }
.dialog3 .close{position: absolute; right:20px; top:20px; 
	width: 30px; height: 30px; background: url(../images/close.png) no-repeat; cursor: pointer;}



.dialog4{display: none; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 999;}
.dialog4 .mask{width: 100%; height: 100%; background: #000; 
	opacity: 0.7; filter:Alpha(opacity=70);}
.dialog4 .content{position: fixed; left: 50%; top:50%; padding-top: 25px;
	width: 700px; height: 440px; background: #fff; margin-left: -350px; margin-top: -210px;}
.dialog4 .opimg{display: none; width: 650px; height: 260px; margin:0 auto; }
.dialog4 .opimg.cur{display: block;}
.dialog4 .close{position: absolute; left:320px; top:-140px; 
	width: 60px; height: 141px; background: url(../images/close2.png) no-repeat; cursor: pointer;}
.dialog4 img{display: block; margin-bottom: 15px;}
.dialog4 p{font: 20px/36px "microsoft yahei"; color: #333; padding-left: 18px; position: relative;}
.dialog4 em{display: block; font: 22px/36px "microsoft yahei"; color: #000;}
.dialog4 i{display: block; width: 6px; height: 26px; background: #004d75; position: absolute; left: 0; top:5px;}


#slide05 {width:995px; height:200px; position: absolute; left: 0px; top:140px;}
#slide05 ul {list-style:none}
#slide05 ul img {vertical-align:middle}      
#slide05 ul li{ width: 995px; height: 200px; float: left;}
#slide05 ul li img{ width: 400px; height: 200px; float: left;}
#slide05 ul li p{ width: 556px; float: right; text-align: left;}
#slide05 ul li .p-1{ font: 18px/32px "microsoft yahei"; color: #333; padding-top: 26px;}
#slide05 ul li .p-2{ font: 14px/24px "microsoft yahei"; color: #1a6686;}
#slide05_control {width:540px; height:30px; position: absolute; top:365px; left: 420px; list-style:none; color:#fff}
#slide05_control li { width: 15px; height: 15px; float: left; margin-right: 10px; border-radius: 8px; text-align:center; background:#323232;  cursor: pointer;}      
#slide05_control .current {background:#2a7187}    

.l1{ width: 330px; height: 240px; background: url(../images/editor01.jpg) no-repeat;}
.l2{ width: 330px; height: 240px; background: url(../images/editor02.jpg) no-repeat;}
.lp a {display: block;position: relative;width: 100%;height: 100%;}
.lp {position: absolute;cursor:pointer; }

.cov{width:340px; height:240px; position:absolute; left: 0px; background:#f5f5f5; z-index:98; display:none;}
.cov p{float:left; padding-left:14px; text-align:left;}
.cov .p-1{ padding-top:5px;font:18px/36px "microsoft yahei"; color:#333;}
.cov .p-2{ font:14px/26px "microsoft yahei"; color:#333;}
.lp a:hover .cov {display: block;}


.side-nav{position:fixed; top: 50%; margin-top: -105px; left:50%; margin-left: 460px;
	width: 181px; height: 271px; background: url(../images/nav.png) no-repeat; display: none;}
.side-nav .nav-main{padding-top: 50px;}
.topI {width: 181px; height: 60px; position: absolute; top: 380px;left: 0px;cursor: pointer;}
#nav-main a{display: block; width:181px;height:40px; position: relative;
	z-index:9; background: url(about:blank); margin-bottom: 16px;}
#nav-main a i{display: none; width: 14px; height: 4px; background: #296e8c;
	position: absolute; left:30px; top:14px;}
#nav-main a:hover,#nav-main .cur{text-decoration:none; }
#nav-main a:hover i,#nav-main .cur i{display: block;}


body .g-footer{background: #fff; border: none; margin-top:-211px; position: relative; }
body .g-footer .gft-links,
body .g-footer .gft-links a{ 
  color:#000;
}
body .g-footer .gft-copyRight,
body .g-footer .gft-copyRight a{ 
  color:#000;
} 



@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(45deg); }	
	40% { -webkit-transform: rotate(-50deg); }
	60% { -webkit-transform: rotate(15deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(45deg); }	
	40% { -moz-transform: rotate(-50deg); }
	60% { -moz-transform: rotate(15deg); }	
	80% { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-ms-keyframes swing {
	20% { -ms-transform: rotate(45deg); }	
	40% { -ms-transform: rotate(-50deg); }
	60% { -ms-transform: rotate(15deg); }	
	80% { -ms-transform: rotate(-5deg); }	
	100% { -ms-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(45deg); }	
	40% { -o-transform: rotate(-50deg); }
	60% { -o-transform: rotate(15deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(45deg); }	
	40% { transform: rotate(-50deg); }
	60% { transform: rotate(15deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}





@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-ms-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-ms-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-ms-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-ms-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-ms-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-ms-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-ms-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-ms-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}