﻿@charset "utf-8";
html{-webkit-text-size-adjust: none;position: relative;height: 100%;}
body {font-family:Arial,Helvetica,sans-senif,"Microsoft YaHei";color:#555;font-size:0.9em;border:0;padding:0;margin:0; background-color:#fff;}
h1,h2,h3,h4,h5,h6,ul,ol,li,input,p,dl,dt,dd{border:0;padding:0;margin:0;list-style-type:none;font-weight: normal;}
a,a:hover{text-decoration:none;color:#555;}
img{border:0;vertical-align:top}
.clear{clear:both;}
.clearfix:after { content: ""; display: table; clear: both; }
.clearfix { *zoom:1;}




 










.top{width: 1200px;margin:0 auto;position: relative;padding: 25px 0;}
.top .logo{}
.top a.login{position: absolute;left:50%;top:50px;background: #919191;color:#fff;padding: 2px 10px;border-radius: 3px;margin-left: 550px;}

.banner{width: 100%;margin: 0 auto;}
.banner.index{height: 470px;background: url(../images/banner_index.jpg) no-repeat center top;position: relative;}
.banner.index a{position: absolute;left:50%;top:40px;background: #919191;color:#fff;padding: 2px 10px;border-radius: 3px;margin-left: 550px;}

.header{width: 100%;margin: 0 auto 15px;}
.header .menu{width: 100%;height: 60px;line-height: 60px;background: #1f487c;position: relative;}
.header .menu .menu-box{width: 1200px;margin: 0 auto;position: relative;  }
.header .menu .menu-box ul{width: 1200px;border-right: 5px solid #fff; }
.header .menu .menu-box ul li{width:195px;border-left: 5px solid #fff;float: left;font-size: 18px;text-align: center;}
.header .menu .menu-box ul li.child:hover{background: url(../images/top_arrow.png) no-repeat center bottom; }
.header .menu .menu-box ul li:first-child:hover{background: none;}
.header .menu .menu-box ul li:last-child:hover{background: none;}
.header .menu .menu-box ul li a{color: #fff; }
.header .menu .menu-box ul li a:hover{border-bottom: 2px solid #fff;padding-bottom: 5px;}
.header .menu .menu-box ul li a.line{border-bottom: 2px solid #fff;padding-bottom: 5px;}
.header .menu .menu-box ul li .sub-nav{display:none;line-height:50px;position: absolute;left:0;top:60px;z-index: 9999;}
.header .menu .menu-box ul li .sub-nav.s1{left:250px;}
.header .menu .menu-box ul li .sub-nav.s2{left:450px;}
.header .menu .menu-box ul li .sub-nav.s3{left:645px;}
.header .menu .menu-box ul li .sub-nav.s4{left:575px;}
.header .menu .menu-box ul li .sub-nav a{float: left;margin: 0 25px;font-size: 16px;}
.header .menu .menu-box ul li .sub-nav a:hover{text-decoration: underline;}
.header .menu .bg{display:none;width: 100%;height: 50px;line-height: 50px;background: #babfd1;position: absolute;left:0;top:60px;z-index: 999;}

 


.wraper{padding-bottom: 30px;}
.wraper .subject{width: 100%;text-align: center;padding:30px 0;color: #333;}
.wraper .subject h1{margin-bottom: 15px;font-size: 35px;}
.wraper .subject h1.eng{font-size: 45px;font-family: bold;margin-bottom: 0;}
.wraper .subject h1.eng.blue{color: #021ca1;}

.wraper .part{width: 1200px;margin: 0 auto;}
.wraper .part.p1{margin-bottom: 35px;}
.wraper .part.p1 .p1-info{text-align:center;line-height: 30px;margin-bottom: 35px;}
.wraper .part.p1 ul{}
.wraper .part.p1 ul li{width: 33.3%;float: left; }
.wraper .part.p1 ul li h2{width: 100px;height: 100px;margin: 0 auto 15px;text-align: center;color: #fff;line-height: 100px;font-size: 18px;}
.wraper .part.p1 ul li h2 big{font-size: 46px;}
.wraper .part.p1 ul li h2.org{background: #ff6600;}
.wraper .part.p1 ul li h2.blue{background: #1f497d;}
.wraper .part.p1 ul li h2.green{background: #008000;}
.wraper .part.p1 ul li p{width: 210px;margin: 0 auto;line-height: 25px;text-align:left;color: #665c5c;text-align: justify;}

.wraper .part.p2{width: 100%;height: 360px;margin: 0 auto;background: url(../images/p2_bg.jpg) no-repeat center top;}
.wraper .part.p2 h3{width: 530px;margin: 0 auto 45px;line-height: 35px;text-align: center;color: #fff;font-size:20px;}
.wraper .part.p2 p{text-align: center;}

.wraper .part.p3{margin-bottom: 45px;}
.wraper .part.p3 .p3-info{width:850px;margin:0 auto 45px;text-align:left;line-height: 30px;}
.wraper .part.p3 ul{}
.wraper .part.p3 ul li{width: 33.3%;float: left;}
.wraper .part.p3 ul li h2{height: 100px;margin: 0 auto 15px;text-align: center;}
.wraper .part.p3 ul li p{width: 200px;margin: 0 auto;line-height: 25px;text-align: justify;color: #665c5c;}

.wraper .part.p4{width: 100%;height: 372px;background: url(../images/p4_bg.jpg) no-repeat center top;}

.wraper .part.p5{margin-bottom: 35px;}
.wraper .part.p5 .p5-info{width:840px;margin:0 auto;text-align: center;line-height: 30px;margin-bottom: 35px;}
.wraper .part.p5 ul{}
.wraper .part.p5 ul li{width: 33.3%;float: left;}
.wraper .part.p5 ul li h2{width: 80px;height: 80px;margin: 0 auto 15px;text-align: center;color: #666;line-height: 80px;font-size: 18px;}
.wraper .part.p5 ul li h2.red{border: 4px solid #bd2829;border-radius: 50%;}
.wraper .part.p5 ul li h2.blue{border: 4px solid #011468;border-radius: 50%;}
.wraper .part.p5 ul li p{width: 200px;margin: 0 auto;line-height: 25px;text-align: center;color: #665c5c;}

.wraper .part.p6{width: 100%;height: 360px;background: url(../images/p6_bg.jpg) no-repeat center top;}
.wraper .part.p6 .p6-box{width: 1200px;margin: 0 auto;color: #fff;position: relative;}
.wraper .part.p6 .p6-box p{width: 255px;font-size:17px;line-height: 30px;text-indent: 2em;position:absolute;}
.wraper .part.p6 .p6-box p.p_1{left:7px;top:152px;}
.wraper .part.p6 .p6-box p.p_2{left:478px;top:152px;}
.wraper .part.p6 .p6-box p.p_3{right:0px;top:152px;}

.wraper .part.p7{margin-bottom: 35px;}
.wraper .part.p7 .p7-box{width: 1200px;margin: 0 auto;}
.wraper .part.p7 .p7-box .slideTxtBox{}
.wraper .part.p7 .p7-box .slideTxtBox .hd{width:330px;float:left;position:relative; margin-left:150px;}
.wraper .part.p7 .p7-box .slideTxtBox .hd h1{width:220px;padding-top:15px;margin-bottom: 15px;}
.wraper .part.p7 .p7-box .slideTxtBox .hd h1 a{font-size: 32px;line-height: 45px;color: #021ca1;}
.wraper .part.p7 .p7-box .slideTxtBox .hd ul{ width:90px;}
.wraper .part.p7 .p7-box .slideTxtBox .hd ul li{line-height: 35px;font-size: 16px; font-weight:800;  width:90px; float:left;display:inline;word-break:break-all;}

.wraper .part.p7 .p7-box .
slideTxtBox .hd ul li.on{}
.wraper .part.p7 .p7-box .slideTxtBox .hd ul li.on a{color: #f00;}
.wraper .part.p7 .p7-box .slideTxtBox .bd{width: 600px;float:left;}
.wraper .part.p7 .p7-box .slideTxtBox .bd dl{margin-bottom: 0px; }
.wraper .part.p7 .p7-box .slideTxtBox .bd dl dt{line-height: 45px;font-size: 16px;color: #665c5c;margin-bottom: 0px;cursor: pointer;}
.wraper .part.p7 .p7-box .slideTxtBox .bd dl dt em{width:14px;height:14px;margin-right: 15px;font-style: normal;display: inline-block;background: url(../images/ico-plus.jpg) no-repeat;}
.wraper .part.p7 .p7-box .slideTxtBox .bd dl dt em.minus{background: url(../images/ico-minus.jpg) no-repeat;}

.wraper .part.p7 .p7-box .slideTxtBox .bd dl dd{display:none;font-size: 15px;color: #4d81b8;line-height: 28px;padding-left: 28px; margin-bottom:15px; margin-top:15px;}

.wraper .pos{width: 100%;line-height: 45px;color: #999;font-size: 14px;margin-bottom: 10px;}
.wraper .pos a{color: #999;}
.wraper .pos a:hover{text-decoration: underline;}

.wraper.arc{width: 1200px;margin:0 auto 35px;}
.wraper.arc .title{padding: 25px 0; text-align:center; width:800px;}
.wraper.arc .title h1{text-align: center;font-size: 35px;}
.wraper.arc .arc-left{width: 800px;float: left;}
.wraper.arc .arc-left .content{margin-bottom: 25px;}
.wraper.arc .arc-left .content p{font-size: 14px;line-height: 28px;color: #665c5c; min-height:20px; margin-top:15px;}
.wraper.arc .arc-left .content.indent p{text-indent:0;}
.wraper.arc .arc-left .line{font-size: 14px;}
.wraper.arc .arc-left .line h3{line-height: 40px;background: url(../images/ico_line.gif) no-repeat left center;text-indent: 3em;color: #665c5c;}
.wraper.arc .arc-left .line h3 a{color: #665c5c}
.wraper.arc .arc-left .line h3 a:hover{color: #f00;text-decoration: underline;}
 

.wraper.arc .arc-right{width: 330px;float: right;}
.wraper.arc .arc-right ul.ch{}
.wraper.arc .arc-right ul.ch li{margin-bottom: 20px;}
.wraper.arc .arc-right ul.ch li a{height: 60px;line-height: 60px;text-align: center;display: block;background: #e6e6e6;font-size: 20px;}
.wraper.arc .arc-right ul.ch li a:hover{background: #008bca;color: #fff;}
.wraper.arc .arc-right ul.ch li .cur{background: #008bca;color: #fff;}


.wraper.arc .arc-right .instro{margin-bottom: 20px;}
.wraper.arc .arc-right .instro dl{}
.wraper.arc .arc-right .instro dl dt{width: 95px;float: left;}
.wraper.arc .arc-right .instro dl dd{width: 210px;float: right;}
.wraper.arc .arc-right .instro dl dd h2{font-size: 14px;font-weight:normal;line-height: 35px;}
.wraper.arc .arc-right .instro dl dd h2 big{font-size: 20px;}
.wraper.arc .arc-right .instro dl dd p{font-size: 14px;line-height: 25px;}

.wraper.arc .arc-right .ch_title{font-size: 16px;line-height: 35px;}

.wraper.arc .arc-right .qa{margin-bottom: 20px;}
.wraper.arc .arc-right .qa dl{}
.wraper.arc .arc-right .qa dl dt{line-height: 40px;border-bottom: 1px solid #f5f5f5;cursor:pointer;}
.wraper.arc .arc-right .qa dl dt em{display:inline-block;width: 16px;height: 16px;background: url(../images/ico_q.jpg) no-repeat left 0px;position: relative;top:5px;margin-right: 10px}
.wraper.arc .arc-right .qa dl dt em.active{background: url(../images/ico_a.jpg) no-repeat left 0px;}
.wraper.arc .arc-right .qa dl dd{display:none;background: #f5f5f5;border-left: 2px solid #008bca;padding: 10px 15px;}
.wraper.arc .arc-right .qa dl dd p{color: #999999;line-height: 23px;}

.wraper.arc .arc-right .case{width: 100%;}
.wraper.arc .arc-right .case .slideTxtBox{}
.wraper.arc .arc-right .case .slideTxtBox .hd{width:350px;float:left;position:relative;}
.wraper.arc .arc-right .case .slideTxtBox .hd ul{text-align: center;}
.wraper.arc .arc-right .case .slideTxtBox .hd ul li{width:20px;line-height:20px;border-radius: 50%;display: inline-block;border: 1px solid #008bca;color:#008bca;text-align: center;margin:15px 3px;cursor: pointer;}
.wraper.arc .arc-right .case .slideTxtBox .hd ul li.on{background: #008bca;color: #fff;}
.wraper.arc .arc-right .case .slideTxtBox .bd{}

.swiper-container {width: 100%;margin-top: 0px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text ertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: enter;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-ox-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide{}
.swiper-slide img{width: 100%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}
.swiper-pagination-bullet{border-radius: 0;border-radius: 50%;}
.swiper-pagination-bullet-active{width: 20px;border-radius: 6px;}

.kuang{ border:1px solid #E1D4D4; padding:10px;}
.footer,.copyright{width: 100%;margin: 0 auto;background: #222b33;}
.footer .footer-box{width: 1200px;margin: 0 auto;padding: 10px 0px;}
.footer .footer-box dl{width: 190px;float: left;color: #878c91;}
.footer .footer-box dl.long{width: 295px;}
.footer .footer-box dl dt{font-weight: bold;line-height: 35px;font-size: 15px}
.footer .footer-box dl dd{line-height: 26px;}
.footer .footer-box dl dd a{color: #878c91;}
.footer .footer-box dl dd a:hover{text-decoration: underline;}
.copyright{border-top: 1px solid #878c91;color: #878c91;}
.copyright .cr-box{width: 1200px;margin: 0 auto;line-height: 70px;}
.copyright .cr-box .cr-box-left{width: 50%;float: left;}
.copyright .cr-box .cr-box-left a{color: #878c91;}
.copyright .cr-box .cr-box-left a:hover{text-decoration: underline;}
.copyright .cr-box .cr-box-right{width: 50%;float: right;text-align: right}

/* 本例子css */
		.slideBox{ width:332px; height:232px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display:none }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:332px; height:232px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

@media only screen and (max-width: 960px) {
	
	
 
 
.banner{width: 1200px;margin: 0 auto;}
 
.header{width: 1200px;margin: 0 auto 15px;}
.header .menu{width: 1200px;height: 60px;line-height: 60px;background: #1f487c;position: relative;}


.header .menu .bg{display:none;width: 1200px;height: 50px;line-height: 50px;background: #babfd1;position: absolute;left:0;top:60px;z-index: 999;}

.wraper .part.p2{width: 1200px;height: 360px;margin: 0 auto;background: url(../images/p2_bg.jpg) no-repeat center top;}	
	
.wraper .part.p4{width:  1200px;height: 372px;background: url(../images/p4_bg.jpg) no-repeat center top;}	
	.wraper .part.p6{width: 1200px;height: 360px;background: url(../images/p6_bg.jpg) no-repeat center top;}
	
	.wraper .pos{width: 1200px;line-height: 45px;color: #999;font-size: 14px;margin-bottom: 10px;}
	
	.swiper-container {width: 1200px;margin-top: 0px;}
	
	.footer,.copyright{width: 1200px;margin: 0 auto;background: #222b33;}
	
	}
