@charset "utf-8";
/* CSS Document */

.warp{ width:100%; border:solid #F00 0px;}
.center{ width:1201px; margin:0 auto;}
.LogoNav{ height:80px; border:solid 0px #000000; position:fixed; top:0; left:0; width:100%; background:#FFF; z-index:999999}
.LogoNav .logo{ padding-top:21px}
.LogoNav .nav span.menu{ display:none}
.LogoNav .nav ul li{ display:inline-block}
.LogoNav .nav a{ font-size:16px; color:#666666; width:119px; line-height:80px; text-decoration:none; display:block; text-align:center}
.LogoNav .nav a:hover span{ border-bottom:3px solid #5EC9DF; padding:0 3px 2px 3px}
.copy{text-align: center;}
.banner{ background:url(../images/banner.jpg) center no-repeat; height:600px}
.banner .banner_1{ font-size:60px; color:#FFF; line-height:60px; text-align:center; font-weight:bold; letter-spacing:2px; padding-top:200px}
.banner .banner_1 span{ display:block; font-size:30px; font-weight:normal; letter-spacing:3px; line-height:80px}
.banner .banner_2{ width:681px; margin:0 auto; padding-top:72px}
.banner .banner_2 a{ width:310px; height:48px; text-align:center; line-height:48px; border:solid 3px #FFF; border-radius:3px; font-size:16px; color:#FFF; font-weight:bold; letter-spacing:3px; text-decoration:none}
.banner .banner_2 a:hover{ background:#2CAEC8; border:#2CAEC8 solid 3px}

.main1{ background:#F3F3F3; min-height:207px; padding:26px 0}
.main1 .main1_1{ width:400px; margin-left:55px; overflow:hidden}
.main1 .main1_2{ width:715px}
.main1 .main1_2 .main1_title{ background:url(../images/main1_cur.jpg) left bottom no-repeat; line-height:75px; font-size:24px; color:#5cc9df; font-weight:bold}
.main1 .main1_2 .main1_txt{ padding-top:15px; font-size:14px; color:#666666; line-height:30px; text-align:left}

.main2 .main2_0{ width:375px; float:left; margin:55px 12px 0 12px}
.main2 .main2_0 .main2_img{ width:78px}
.main2 .main2_0 .main2_img .main2_back{ width:78px; height:78px; background:#CCCFD5; text-align:center; border-radius:78px; display:table}
.main2 .main2_0 .main2_img .main2_back span{ display:table-cell; vertical-align:middle}
.main2 .main2_0 .main2_text{ width:280px}
.main2 .main2_0 .main2_text .main2_txt1{ font-size:16px; color:#666666; line-height:24px; padding-bottom:5px; font-weight:bold; min-height:40px}
.main2 .main2_0 .main2_text .main2_txt2{ font-size:14px; color:#666666; line-height:24px}
.main2 .main2_0:hover .main2_img .main2_back{ background:#5CC9DF}
.main2 .main2_0:hover .main2_text .main2_txt1{ color:#5cc9df}
.main2 .main2_button{ width:316px; margin:50px auto}
.main_button a{ font-size:18px; color:#ffffff; background:#5CC9DF; height:54px; display:block; text-align:center; line-height:54px; border-radius:5px; text-decoration:none}

.btn{}
.btn-qubico{ border: none; font-family: inherit; font-size: inherit;	cursor: pointer; display: inline-block;	margin:20px 0;	text-transform: uppercase; 	text-decoration: none; letter-spacing: 1px;	font-weight: 600; outline: none; position: relative; background: #5cc9df; color: #fff; box-shadow: 0 4px rgba(0,0,0,0.07);	border-radius: 5px;	-webkit-transition: none; -moz-transition: none; transition: none;}
.btn-qubico:hover,.btn-qubico:focus { color: #fff; box-shadow: 0 3px rgba(0,0,0,0.07); top: 1px; text-decoration: none;}
.title{ text-align:center; font-size:18px; color:#ffffff; line-height:24px; margin-top:50px}
.title b{ display:block; font-size:30px; background:url(../images/title_cur.jpg) center bottom no-repeat; padding-bottom:20px; margin-bottom:20px; line-height:35px}

.main3{ background:#5CC9DF; min-height:547px; overflow:hidden}
.main3 .main3_cont{ margin:65px 0 0 100px; position:relative; overflow:hidden}
.main3 .main3_cont .main3_1{ width:385px}
.main3 .main3_cont .main3_2{ width:612px; position:absolute; top:0; right:-612px}
.main3 .main3_cont .main3_2 .main3_txt1{ font-size:24px; color:#ffffff; font-weight:bold}
.main3 .main3_cont .main3_2 .main3_txt2{ font-size:18px; color:#ffffff; line-height:30px}
.main3 .main3_cont .main3_2 .main3_txt2 span{ float:left; border-bottom:#FFF 1px solid}
.main3 .main3_cont .main3_2 ul{ padding-top:5px}
.main3 .main3_cont .main3_2 ul li{ background:url(../images/cur3.png) left no-repeat; padding-left:23px; line-height:30px; font-size:16px; color:#FFF}
.main3 .main3_cont .main3_2 ul li a{ color:#FFF}
.main3 .main3_cont .main3_button{ width:312px; margin-top:20px}
.button a{ width:312px; height:50px; display:block; border:solid 2px #FFFFFF; text-align:center; line-height:50px; font-size:18px; color:#FFF; font-weight:bold; text-decoration:none; border-radius:5px}
.button a:hover{ background:#FFF; border:solid 2px #FFF; color:#5CC9DF}

.main4 .title{ color:#666666}
.main4 .title b{ background:url(../images/main1_cur.jpg) center bottom no-repeat}
.main4 .main4_cont{ margin:65px 0 0 100px; position:relative}
.main4 .main4_cont .main4_1{ width:520px; position:absolute; top:0; left:-520px}
.main4 .main4_cont .main4_1 .main4_txt1{ font-size:24px; color:#666666; font-weight:bold}
.main4 .main4_cont .main4_1 ul{ padding-top:5px}
.main4 .main4_cont .main4_1 ul li{ background:url(../images/cur4.png) left no-repeat; padding-left:23px; line-height:30px; font-size:16px; color:#666666}
.main4 .main4_cont .main4_1 ul li a{ color:#666}
.main4 .main4_cont .main4_1 .main4_button{ width:316px}
.main4 .main4_cont .main4_2{ background:url(../images/main4_back1.png); width:346px; height:267px; margin-right:180px}
.main4 .main4_cont .main4_2 .main4_js{ width:319px; margin:24px auto; overflow:hidden}
.main4 .main4_cont .main4_2 .main4_js .main4_0{ float:left}
.main4 .main4_cont .main4_2 .main4_bom{ width:319px; margin:0 auto; position:relative; height:50px}
.main4 .main4_cont .main4_2 .main4_bom .btnl{ position:absolute; top:-50px; left:10px}
.main4 .main4_cont .main4_2 .main4_bom .btnr{ position:absolute; top:-50px; right:10px}
.main4 .main4_cont .main4_2 .main4_js .main4_0{ font-size:14px; color:#0D2E5D; text-align:center; line-height:18px}
.main4 .main4_cont .main4_2 .main4_js .main4_0 span{ display:block}

.main5{ background:#5CC9DF; min-height:547px; overflow:hidden}
.main5 .main5_cont{ margin:65px 0 0 100px; position:relative}
.main5 .main5_cont .main5_1{ width:430px}
.main5 .main5_cont .main5_2{ width:600px; position:absolute; top:0; right:-600px}
.main5 .main5_cont .main5_2 .main5_txt1{ font-size:24px; color:#ffffff; font-weight:bold}
.main5 .main5_cont .main5_2 .main5_txt2 span{ float:left; border-bottom:#FFF 1px solid}
.main5 .main5_cont .main5_2 ul{ padding-top:5px}
.main5 .main5_cont .main5_2 ul li{ background:url(../images/cur3.png) left no-repeat; padding-left:23px; line-height:30px; font-size:16px; color:#FFF}
.main5 .main5_cont .main5_2 ul li a{ color:#FFF}
.main5 .main5_cont .main5_button{ width:312px; margin-top:20px}
.button a{ width:312px; height:50px; display:block; border:solid 2px #FFFFFF; text-align:center; line-height:50px; font-size:18px; color:#FFF; font-weight:bold; text-decoration:none; border-radius:5px}

.main6 .title{ color:#666666}
.main6 .title b{ background:url(../images/main1_cur.jpg) center bottom no-repeat}
.main6 .main6_cont{ margin-top:80px}
.main6 .main6_cont .main6_top{ min-height:121px; background:url(../images/main6_dashed.jpg) center repeat-x}
.main6 .main6_cont .main6_top .main6_0{ float:left; width:121px; min-height:121px; border-radius:121px; background:#CCCCCC; cursor:pointer; margin:0 30px}
.main6 .main6_cont .main6_top .main6_0_1{ display:none}
.main6 .main6_cont .main6_top .main6_0Mar{ margin:0}
.main6 .main6_cont .main6_top .main6_0MarLeft{ margin-left:50px}
.main6 .main6_cont .main6_top .main6_0MarLeft2{ margin-left:30px}
.main6 .main6_cont .main6_top .main6_0 .main6_table{ display:table; width:121px; height:121px; text-align:center}
.main6 .main6_cont .main6_top .main6_0 .main6_table span{ display:table-cell; vertical-align:middle}
.main6 .main6_cont .main6_top .main6_0:hover{ background:#5CC9DF}
.main6 .main6_cont .main6_bom span{ float:left; width:181px; text-align:center; font-size:18px; color:#666666; line-height:90px}
.main6 .main6_cont .main6_bom span.main6_span{ width:146px}
.main6 .main6_cont .main6_button{ width:316px; margin:15px auto 70px auto}
.main6 .main6_cont .main6_top .main6_hide{ display:none}
.main6 .main6_cont .main6_bom span a:hover{ color:#5CC9DF}

.main7{ background:#F3F3F3; overflow:hidden}
.main7 .title{ color:#666666}
.main7 .title b{ background:url(../images/main1_cur.jpg) center bottom no-repeat}
.main7 .main7_cont{ padding:70px 58px}
.main7 .main7_cont .main7_0{ width:305px; min-height:344px; padding:33px 0; box-shadow:#CCC 3px 3px 6px; background:#FFF; border-radius:5px; cursor:pointer; float:left; margin:29px 28px 0 28px}
.main7 .main7_cont .main7_0padding{ padding:60px 0; margin-top:0; background:#5CC9DF}
.main7 .main7_cont .main7_0 .main7_img{ text-align:center;}
.main7 .main7_cont .main7_0 .main7_img1{ background:url(../images/main7_img2.png) center no-repeat}
.main7 .main7_cont .main7_0 .main7_img2{ background:url(../images/main7_img4.png) center no-repeat}
.main7 .main7_cont .main7_0 .main7_img3{ background:url(../images/main7_img6.png) center no-repeat}
.main7 .main7_cont .main7_0 .main7_txt{ color:#666666; font-size:16px; text-align:center; line-height:24px}
.main7 .main7_cont .main7_0 .main7_txt b{ font-size:18px; display:block; line-height:75px}
.main7 .main7_cont .main7_0 .main7_button{ width:182px; margin:0 auto; height:43px}
.main7 .main7_cont .main7_0 .main7_button a{ height:43px; line-height:43px}
.main7 .main7_cont .main7_0:hover{ background:#5CC9DF}
.main7 .main7_cont .main7_0:hover .main7_img img{ visibility:hidden}
.main7 .main7_cont .main7_0:hover .main7_txt{ color:#FFF}
.main7 .main7_cont .main7_0:hover .main7_button a{ background:#FFF; color:#5CC9DF}
.main7 .main7_cont .main7_0padding .main7_txt{ color:#FFF}
.main7 .main7_cont .main7_0padding .main7_button a{ background:#FFF; color:#5CC9DF}

.main8{ background:#FFF; margin:0 0 30px 0}
.main8 .main8_cont{ margin:50px 0 0 0}
.main8 .main8_cont .main8_0{ float:left;  width:141px; height:141px; background:#5CC9DF; border-radius:181px; padding:20px; margin:0 59px}
.main8 .main8_cont .main8_hide{ display:none}
.main8 .circle{ width: 140px; display: inline-block; position: relative; text-align: center; line-height: 1.2;}
.main8 .circle strong{ position: absolute; top: 50px; left: 0; width: 100%; text-align: center; line-height: 40px; font-size: 30px; text-align:center; color:#FFF}
.main8 .main8_cont2{ margin-bottom:50px}
.main8 .main8_cont2 .main8_1{ float:left; width:299px; text-align:center; font-size:18px; color:#666666; line-height:24px; font-weight:bold; margin-top:30px}

.main9{ background:url(../images/main9_back.jpg) center repeat-y; min-height:570px; overflow:hidden}
.main9 .main9_title{ font-size:36px; color:#ffffff; text-align:center; font-weight:bold; line-height:45px; margin-top:60px; height:50px}
.main9 .main9_title span{ border-bottom:1px solid #FFF; padding-bottom:5px}
.main9 .main9_cont{ padding:0 117px; margin-top:40px}
.main9 .main9_cont a{ float:left; width:258px; height:59px; text-align:center; line-height:59px; border:solid 2px #FFFFFF; border-radius:5px; margin:33px 30px; font-size:30px; color:#ffffff; text-decoration:none}
.main9 .main9_cont a:hover{ background:#FFF; color:#666666}
.main9 .main9_button{ text-align:center; line-height:150px}
.main9 .main9_button a{ font-size:36px; color:#ffffff; text-decoration:underline}

.main10{ overflow:hidden}
.main10 .title{ color:#666666}
.main10 .title b{ background:url(../images/main1_cur.jpg) center bottom no-repeat}
.main10 .main10_cont{ width:1250px; margin:0 auto 55px auto;}
.main10 .main10_cont .main10_0{ width:564px; min-height:149px; background:#F3F3F3; padding:24px; margin-top:26px}
.main10 .main10_cont .main10_0 .main10_left{ width:314px}
.main10 .main10_cont .main10_0 .main10_leftMar{ margin-left:20px; width:294px}
.main10 .main10_cont .main10_0 .main10_left .main10_txt1{ font-size:18px; color:#666666; line-height:26px; margin-bottom:10px}
.main10 .main10_cont .main10_0 .main10_left .main10_txt2 b{ float:left; width:70px; font-size:14px; color:#666666; line-height:18px}
.main10 .main10_cont .main10_0 .main10_left .main10_txt2 span{ float:left; font-size:14px; color:#666666; line-height:18px; width:244px}
.main10 .main10_cont .main10_0 .main10_left .main10_txt2 span.main10_span{ width:224px}
.main10 .main10_cont .main10_0 .main10_left .main10_button{ width:143px; height:38px}
.main10 .main10_cont .main10_0 .main10_left .main10_button a{ height:38px; line-height:38px}
.main10 .main10_cont .main10_0 .main10_right{ width:250px}

.main11{ background:url(../images/main11_back.jpg) center repeat-y; min-height:563px; overflow:hidden}
.main11 .title{ color:#666666}
.main11 .title b{ background:url(../images/main1_cur.jpg) center bottom no-repeat}
.main11 .main11_cont1{ width:1026px; margin:49px auto 0 auto; min-height:96px; position:relative}
.main11 .main11_cont1 .main11_fixed{ position:absolute; bottom:-70px; left:0; width:100%; min-height:96px; opacity:0.1}
.main11 .main11_cont1 img{ float:left; margin:0 40px}
.main11 .main11_cont2{ width:1200px; margin:30px auto 0 auto; min-height:85px; position:relative}
.main11 .main11_cont2 .main11_fixed2{ position:absolute; bottom:-70px; left:0; width:100%; min-height:85px; opacity:0.1}
.main11 .main11_cont2 img{ float:leftl; margin:0 25px}

.main12{ background:url(../images/main12_back.jpg) center repeat-y; min-height:576px; overflow:hidden}
.main12 .main12_cont{ width:665px; margin:177px auto 0 auto}
.main12 .main12_cont .main12_left{ width:203px}
.main12 .main12_cont .main12_right{ width:417px; min-height:224px; background:#FFF; border-radius:5px; font-size:32px; color:#666666; line-height:60px; padding:20px 0 0 45px}
.main12 .main12_cont .main12_right a{ font-size:20px; color:#ffffff;; padding:5px 20px; background:#5CC9DF}



@media screen and (max-width:768px){
	.center{ width:100%}
	.LogoNav{}
	.LogoNav .nav span.menu{ cursor: pointer; display: block; position: absolute; top: 27px; right: 22px; }
	.LogoNav .nav ul{ position: absolute; margin: 0; padding: 2% 0; z-index: 999; width: 92%; text-align: center; left:4%; top: 7em; display:none}
	.LogoNav .nav ul li{ display:block; float:none}
	.LogoNav .nav ul li a{border-right: none; border-bottom: 1px solid #FFF; background: #0076BE; color: #FFF; display:block; float:none; width:100%; line-height:40px}
	.banner{ height:auto; padding-bottom:20px}
	.banner .banner_1{ font-size:20px; color:#FFF; line-height:60px; text-align:center; font-weight:bold; letter-spacing:2px; padding-top:20px}
	.banner .banner_1 span{ display:block; font-size:18px; font-weight:normal; letter-spacing:3px; line-height:30px}
	.banner .banner_2{ width:100%; padding-top:20px}
	.banner .banner_2 a{ width:90%; float:none; margin:0 auto; display:block; margin-top:20px}
	.banner .banner_2 a:hover{ background:#2CAEC8; border:#2CAEC8 solid 3px}
	
	.main1 .main1_1{ width:100%; margin-left:0px}
	.main1 .main1_2{ width:96%; padding:0 2%}
	
	.main2 .main2_0{ width:98%; float:none; margin:20px 1% 0 1%}
	.main2 .main2_0 .main2_img{ width:21%}
	.main2 .main2_0 .main2_img .main2_back{ width:100%;}
	.main2 .main2_0 .main2_text{ width:75%}
	.main2 .main2_button{ width:90%; margin:50px auto}
	
	.main3 .main3_cont{ margin:25px 0 0 0px; position:relative; overflow:hidden}
	.main3 .main3_cont .main3_1{ width:100%}
	.main3 .main3_cont .main3_2{ width:96%; position:static; padding:0 2%}
	.main3 .main3_cont .main3_button{ width:90%; margin:20px auto}
	.button a{ width:100%;}
	
	.main4 .main4_cont{ margin:25px 0 0 0px; position:relative}
	.main4 .main4_cont .main4_1{ width:96%; position:static; padding:0 2%}
	.main4 .main4_cont .main4_1 .main4_button{ width:100%}
	.main4 .main4_cont .main4_2{ background:url(../images/main4_back1.png); width:100%; height:267px; margin-right:0; background-size:100% 100%}
	.main4 .main4_cont .main4_2 .main4_js{ width:90%; margin:24px auto; overflow:hidden}
	.main4 .main4_cont .main4_2 .main4_js .main4_0{ float:left; width:100%}
	.main4 .main4_cont .main4_2 .main4_bom{ width:90%; margin:0 auto; position:relative; height:50px}
	.main4 .main4_cont .main4_2 .main4_bom .btnl{ position:absolute; top:-50px; left:10px}
	.main4 .main4_cont .main4_2 .main4_bom .btnr{ position:absolute; top:-50px; right:10px}
	.main4 .main4_cont .main4_2 .main4_js .main4_0{ font-size:14px; color:#0D2E5D; text-align:center; line-height:18px}
	.main4 .main4_cont .main4_2 .main4_js .main4_0 span{ display:block}
	

	.main5 .main5_cont{ margin:25px 0 0 0px; position:relative}
	.main5 .main5_cont .main5_1{ width:100%}
	.main5 .main5_cont .main5_2{ width:96%; position:static; margin-top:20px; padding:0 2%}
	.main5 .main5_cont .main5_button{ width:100%; margin:20px 0}
	.button a{ width:100%; height:50px; display:block; border:solid 2px #FFFFFF; text-align:center; line-height:50px; font-size:18px; color:#FFF; font-weight:bold; text-decoration:none; border-radius:5px}
	
	.main6 .main6_cont{ margin-top:30px}
	.main6 .main6_cont .main6_top{ min-height:121px; background:none}
	.main6 .main6_cont .main6_top .main6_0{ float:left; width:40%; height:121px; border-radius:121px; background:#CCCCCC; cursor:pointer; margin:0 5%}
	.main6 .main6_cont .main6_top .main6_0_1{ display:block; background:none}
	.main6 .main6_cont .main6_top .main6_0Mar{ margin:0 5%}
	.main6 .main6_cont .main6_top .main6_0MarLeft{ margin-left:5%}
	.main6 .main6_cont .main6_top .main6_0MarLeft2{ margin-left:5%}
	.main6 .main6_cont .main6_bom{ display:none}
	.main6 .main6_cont .main6_button{ width:90%; margin:15px auto 70px auto}
	.main6 .main6_cont .main6_top .main6_hide{ display:block; width:50%; text-align:center; line-height:45px; float:left; font-size:18px; color:#666666}
	
	.main7 .main7_cont{ padding:30px 0px}
	.main7 .main7_cont .main7_0{ width:100%; min-height:344px; padding:33px 0; box-shadow:#CCC 3px 3px 6px; background:#FFF; border-radius:5px; cursor:pointer; float:left; margin:29px 0px 0 0px}
	.main7 .main7_cont .main7_0padding{ padding:60px 0; margin-top:29px}
	
	.main8{ background:#FFF; margin:0 0 30px 0}
	.main8 .main8_cont{ margin:50px 0 0 0}
	.main8 .main8_cont .main8_0{ float:left;  width:141px; height:141px; background:#5CC9DF; border-radius:181px; padding:20px; margin:0 59px}
	.main8 .main8_cont .main8_hide{ display:block; float:left; width:299px; text-align:center; font-size:18px; color:#666666; line-height:24px; font-weight:bold; margin-top:30px}
	.main8 .circle{ width: 140px; display: inline-block; position: relative; text-align: center; line-height: 1.2;}
	.main8 .circle strong{ position: absolute; top: 50px; left: 0; width: 100%; text-align: center; line-height: 40px; font-size: 30px; text-align:center; color:#FFF}
	.main8 .main8_cont2{ margin-bottom:50px; display:none}
	.main8 .main8_cont2 .main8_1{ float:left; width:299px; text-align:center; font-size:18px; color:#666666; line-height:24px; font-weight:bold; margin-top:30px}

	.main9{ background:url(../images/main9_back.jpg) center repeat-y; min-height:570px; overflow:hidden}
	.main9 .main9_title{ font-size:36px; color:#ffffff; text-align:center; font-weight:bold; line-height:45px; margin-top:60px; height:50px}
	.main9 .main9_title span{ border-bottom:1px solid #FFF; padding-bottom:5px}
	.main9 .main9_cont{ padding:0 0px; margin-top:40px}
	.main9 .main9_cont a{ float:left; width:90%; height:59px; text-align:center; line-height:59px; border:solid 2px #FFFFFF; border-radius:5px; margin:15px 5%; font-size:30px; color:#ffffff; text-decoration:none}
	
	.main10 .main10_cont{ width:100%; margin:0 auto 55px auto;}
	.main10 .main10_cont .main10_0{ width:96%; min-height:149px; background:#F3F3F3; padding:2%; margin-top:26px}
	.main10 .main10_cont .main10_0 .main10_left{ width:100%}
	.main10 .main10_cont .main10_0 .main10_leftMar{ margin-left:0px; width:100%}
	.main10 .main10_cont .main10_0 .main10_right{ width:100%; margin:15px 0}
	
	.main11 .main11_cont1{ width:100%; margin:49px auto 0 auto}
	.main11 .main11_cont1 img{ float:left; margin:20px 15%; width:70%}
	.main11 .main11_cont2{ width:100%; margin:30px auto 0 auto}
	.main11 .main11_cont2 img{ float:leftl; margin:20px 15%; width:70%}
	.main11 .main11_cont1 .main11_fixed{ position:static}
	.main11 .main11_cont2 .main11_fixed2{ position:static}
	
	.main12{ background:url(../images/main12_back.jpg) center repeat-y; min-height:576px; overflow:hidden}
	.main12 .main12_cont{ width:100%; margin:177px auto 0 auto}
	.main12 .main12_cont .main12_left{ width:203px; display:none}
	.main12 .main12_cont .main12_right{ width:97%; min-height:224px; background:#FFF; border-radius:5px; font-size:20px; color:#666666; line-height:60px; padding:20px 0 0 45px; padding-left:3%}
	.main12 .main12_cont .main12_right a{ font-size:20px; color:#ffffff;; padding:5px 20px; background:#5CC9DF}


}