@charset "gb2312";



/* CSS Document */



/*banner*/



.bannerSlide, .bannerSlide .slideBox { width: 100%; height: 516px; overflow: hidden; }



.preBtn { left: 50%; top: 50%; display: block; width: 41px; height: 41px; margin-top: -20px; margin-left: -590px; background: url(../images/icon.png) no-repeat -19px -102px; z-index: 10; }



.nextBtn { right: 50%; top: 50%; display: block; width: 41px; height: 41px; margin-top: -20px; margin-right: -590px; background: url(../images/icon.png) no-repeat -87px -102px; z-index: 10; }



.slideBox li { position: relative; }



.slideBox li img { position: absolute; left: 50%; margin-left: -960px; }



.bannerSlide .focusBtn { position: absolute; left: 0; bottom: 15px; width: 100%; height: 15px; text-align: center; z-index: 10; }



.bannerSlide .focusBtn span { display: inline-block; width: 15px; height: 15px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #b2b2b2; margin: 0 6px; }



.bannerSlide .focusBtn span.active { background-color: #01a4b5; }



.mainContent { padding: 10px 0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }



.part1 { width: 100%; height: 364px; border: 1px solid #c9c9ca; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }



.part1 .aside { width: 298px; height: 100%; padding: 0 25px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; border-right: 1px solid #c9c9ca }



.indexTitle { width: 100%; height: 68px; line-height: 68px; padding-left: 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; position: relative; color: #a0a0a0; font-size: 12px; }



.indexTitle:before { content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 18px; margin-top: -8px; background-color: #01a4b5;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; }



.indexTitle span { font-size: 18px; color: #494949; margin-right: 5px; }



.part1 .aside p { font-size: 16px; color: #525252; line-height: 26px; padding-top: 20px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }



.part1 .aside p a { color: #525252; text-decoration: none; }



.part1 .bside { width: 595px; height: 100%; padding: 0 25px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; border-right: 1px solid #c9c9ca }



.part1 .bside .inner { width: 547px; height: 271px; }



.part1 .cside { width: 295px; height: 362px; position: relative; }



.gongzhonghao { left: 96px; top: 174px; width: 114px; height: 114px; overflow: hidden; }



.gongzhonghao:after { content: ''; position: absolute; left: 0; top: 30px; background-color: #20c2ff; width: 100%; height: 2px; -moz-box-shadow: 0 0 6px rgba(32,194,255,.7); -webkit-box-shadow: 0 0 6px rgba(32,194,255,.7); box-shadow: 0 0 6px rgba(32,194,255,.7); -moz-animation-delay: 0.7s; -moz-animation-duration: 3s; -moz-animation-fill-mode: both; -moz-animation-iteration-count: infinite; -moz-animation-direction: normal; -moz-animation-name: qrcode; -webkit-animation-delay: 0.7s; -webkit-animation-duration: 3s; -webkit-animation-fill-mode: both; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; -webkit-animation-name: qrcode; animation-delay: 0.7s; animation-duration: 3s; animation-fill-mode: both; animation-iteration-count: infinite; animation-direction: normal; animation-name: qrcode; }




.part2 {width:100%;overflow:hidden;}



.part2 li {float:left;width:384px;overflow:hidden;margin-right:19px;display:inline;}



/*.part2 li a {float:left;display:block;position:relative;margin-right:20px;display:inline;margin-bottom:20px;}*/



.part2 li:last-child {margin-right:0;}



.part2 li:last-child a:nth-child(3){margin-right:0;}



.part2 li p {position:absolute;left:0;bottom:0;width:100%;height:80px;line-height:80px;text-align:center;font-size:24px;color:#fff; background-color:rgba(90,162,188,.8);-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}



.part2 li a:hover p { background-color:rgba(90,162,188,1)}



.part2 li i {position:absolute;right:5px;bottom:57px;display:block;width:19px;height:19px; background:url(../images/icon.png) no-repeat -1172px -113px;}



.part2 li a:hover i{-webkit-animation:rotate360 1.2s linear  0s infinite;animation:rotate360 1.2s linear   0s infinite;}



@-moz-keyframes rotate360 {



	



		from {



			 	-moz-transform:rotate(0deg);



			}



		to  {



				-moz-transform:rotate(360deg);



			}



	}



@-o-keyframes rotate360 {



	



		from {



			 	-o-transform:rotate(0deg);



			}



		to  {



				-o-transform:rotate(360deg);



				



			}



	}



@-ms-keyframes rotate360 {



	



		from {



			 	-ms-transform:rotate(0deg);



			}



		to  {



				-ms-transform:rotate(360deg);



				



			}



	}



@-webkit-keyframes rotate360 {



	



		from {



			 	-webkit-transform:rotate(0deg);



			}



		to  {



				-webkit-transform:rotate(360deg);



				



			}



	}



@keyframes rotate360 {



	



		from {



			 	transform:rotate(0deg);



			}



		to  {



				transform:rotate(360deg);



				



			}



	}



	



.anliBox {width:100%;height:502px; background-color:#eeeeee;overflow:hidden;}



.switchBtns {left:20px;top:0;width:200px;height:100%; background-color:#e5e5e5;z-index:10;}



.switchBtns a {display:block;width:100%;height:70px;line-height:70px;text-align:center;font-size:22px;color:#636363;text-decoration:none; background-color:#ffffff;margin-bottom:2px;position:relative;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}



.switchBtns a:hover,.switchBtns a.active {color:#fff;text-decoration:none; background-color:#01a4b5;}



.switchBtns a:hover:after,.switchBtns a.active:after {content:'';position:absolute;width:0;height:0;right:-18px;top:50%;margin-top:-8px;border-width:9px;border-style:solid;border-color: transparent transparent transparent #01a4b5;}



.anliSlide {top:0;right:0;width:970px;height:502px;overflow:hidden;}



.anliSlide li {width:970px;height:502px;overflow:hidden;}



.anliSlide .aside {width:574px;margin-top:24px;margin-left:40px;display:inline;}



.anliImg {right:0;bottom:0;}



.anliSlide li h4 {margin-bottom:10px;}







.anli1 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -797px -113px;}



.anli2 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -797px -206px;}



.anli3 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -798px -302px;}



.anli4 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -797px -399px;}



.anli5 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -483px -96px;}



.anli6 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -477px -198px;}



.anli7 h4 {width:268px;height:74px; background:url(../images/icon.png) no-repeat -477px -302px;}



.anliSlide p {font-size:18px;color:#525252;line-height:36px;padding-left:85px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



.anliEffect {width:100%;padding-top:13px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} 



.anliEffect span {width:305px;display:block;line-height:70px;text-align:center; background:url(../images/happy.png) no-repeat left center;font-size:23px;color:#525252;margin:0 auto;}



.anli2 span,.anli3 span,.anli4 span,.anli5 span {width:240px;}



.anli6 span,.anli7 span {width:265px;}







.expertBox {width:100%;height:582px;overflow:hidden;}



.expertBtns {width:100%;height:92px;margin-top:10px;}



.expertBtns a {display:block;float:left;width:198px;height:100%;border-bottom:2px solid #959595;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;}



.expert i {display:block;width:74px;height:73px;float:left;margin-left:40px;margin-right:12px;display:inline;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;}



.expertBtns a.active {border-bottom-color:#01a4b5;}



.expertBtns a.active:after {content:'';bottom:0;left:70px;position:absolute;width:0;height:0;border-width:4px;border-style:solid;border-color: transparent transparent #01a4b5 transparent;}



.expert h4 {font-size:16px;color:#525252;float:left;font-weight:500;line-height:73px;}



.expert i {display:block;width:74px;height:74px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; background-color:#cfced0;overflow:hidden;}



.expertBtns a.active i { background-color:#777777;}



.expert i img {width:74px;height:74px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }











.expertSlide {width:100%;height:489px;overflow:hidden;}



.expertSlide ul {height:489px;}



.expertSlide ul li {width:1190px;height:489px;float:left;}



.expertSlide .inner {left:122px;top:56px;width:346px;height:378px; background-color:rgba(255,255,255,.8);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:36px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



.expertSlide i {position:absolute;left:380px;top:54px;display:block;width:92px;height:89px; background:url(../images/icon.png) no-repeat -32px -256px;}



.expertSlide h5 {width:100%;line-height:58px;font-size:36px;font-weight:500;color:#636363;border-bottom:1px dashed #c9c9c9;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:15px;}



.expertSlide p {font-size:18px;color:#525252;line-height:32px;}



.expertSlide p span,.expertSlide p em {display:block;float:left;line-height:27px;}



.expertSlide p span {background-color:#5d6a7b;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff;padding:0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:8px;display:inline;}



.expertSlide li a {display:block;width:128px;height:30px;line-height:30px;font-size:16px;color:#fff;text-decoration:none; background-color:#ffa800;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;position:relative;-moz-transition:background 0.3s linear 0s;-webkit-transition:background 0.3s linear 0s;transition:background 0.3s linear 0s;padding-left:18px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:30px; margin-right:8px; float:left;}



.expertSlide li a:hover { background-color:#d68d00;}



.expertSlide li a:after {content:'';position:absolute;width:19px;height:19px; background:url(../images/icon.png) no-repeat -387px -131px;right:19px;top:6px;}







.part5 ul li {width:222px;height:336px;overflow:hidden;float:left;margin-right:20px;display:inline;position:relative;-moz-box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.2);box-shadow:0 2px 4px rgba(0,0,0,.2);}



.part5 ul li:last-child {margin-right:0;}



.part5 .scaleImg {width:222px;height:240px;overflow:hidden;position:relative;}



.part5 .scaleInfo {width:222px;height:96px;overflow:hidden; background-color:#519eb9;padding-left:66px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}



.part5 ul li img {width:245px;height:264px;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;position:absolute;left:50%;top:50%;-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}



.part5 .scaleImg:hover img {width:222px;height:240px;}







.scaleInfo h4 {width:100%;font-size:18px;color:#fff;line-height:32px;margin-top:15px;}



.scaleInfo p {color:#fff;font-size:18px;}



.scaleInfo:before {left:13px;top:25px;position:absolute;width:42px;height:42px;line-height:42px;border:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:24px;text-align:center;color:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}



.scaleInfo1:before {content:'1'}



.scaleInfo2:before {content:'2'}



.scaleInfo3:before {content:'3'}



.scaleInfo4:before {content:'4'}



.scaleInfo5:before {content:'5'}




.ks {



	width: 1190px;



	height: 340px;



	margin-bottom: 25px;



	padding-bottom: 25px;



	overflow:hidden;



	/*border-bottom: 1px solid #dfdfdf;*/







}







.mt1 {



    display: block;



    font-size: 16px;



    line-height: 36px;



    text-align: center;



    width: auto;



}







.in {



    line-height: 22px;



    text-indent: 24px;



}



.ks1 {



	width: 260px;



	height: 300px;



	background: url(../images/ksbg.jpg) repeat;



	float: left;



	border-top: 1px solid #dfdfdf;



}



.ks2 {



	width: 280px;



	height: 75px;



	border-bottom: 1px solid #fff;



	display: block;



	line-height: 75px;



	font-size: 18px;



	text-align: center;



}



.ks3 {



	width: 280px;



	height: 75px;



	background: url(../images/ksh.jpg) left no-repeat #fff;



	display: block;



	line-height: 75px;



	font-size: 24px;



	color: #8c0000;



	text-align: center;



}



.ks3_off {



	width: 280px;



	height: 75px;



	border-bottom: 1px solid #fff;



	display: block;



	line-height: 75px;



	font-size: 18px;



	text-align: center;



}



.ks3_on, .ks3_on:hover {



	width: 280px;



	height: 75px;



	background: url(../images/ksh.jpg) left no-repeat #fff;



	display: block;



	line-height: 75px;



	font-size: 24px;



	color: #8c0000;



	text-align: center;



}



.ks4 {



	width: 920px;



	height: 380px;



	float: right;



}



.ks5 {



	width: 892px;



	border: 1px solid #dfdfdf;



	background: #f6f6f6;



	height: 28px;



	line-height: 28px;



}



.ks6 {



	width: 95px;



	height: 28px;



	display: block;



	border-right: 1px solid #dfdfdf;



	text-align: center;



	float: left;



	font-size: 13.5px;



}



.ks7 {



	width: 110px;



	height: 28px;



	display: block;



	background: #252525;



	color: #fff;



	text-align: center;



	float: left;



	font-size: 13.5px;



}



.ks7_off {



	width: 110px;



	height: 28px;



	display: block;



	border-right: 1px solid #dfdfdf;



	text-align: center;



	float: left;



	font-size: 13.5px;



}



.ks7_on, .ks7_on:hover {



	width: 110px;



	height: 28px;



	display: block;



	background: #252525;



	color: #fff;



	text-align: center;



	float: left;



	font-size: 13.5px;



}



.ks8 {



	width: 500px;



	height: 350px;



	float: left;



}



.ks9 {



	width: 500px;



	height: 140px;



	padding-top: 25px;



	padding-bottom: 25px;



	background: url(../images/dian.jpg) bottom repeat-x;



	display: block;



}



.ks9 img {



	width: 200px;



	height: 110px;



	margin-right: 20px;



	float: left;



	display: block;



}



.ks10 {



	width: 500px;



	height: 78px;



	display: block;



	font-size: 13.5px;



	line-height: 26px;



	padding-top: 15px;



}



.ks10 ul li {



	width: 220px;



	height: 26px;



	float: left;



}



.ks11 {



	width: 500px;



	height: 30px;



	line-height: 30px;



	text-align: left;



	color: #888;



	display: block;



	padding-top: 20px;



}



.ks11 a {



	margin-left: 6px;



	margin-right: 6px;



	color: #888;



}



.ks11 a:hover {



	margin-left: 6px;



	margin-right: 6px;



	color: #c30658;



}



.ks12 {



	width: 400px;



	height: 350px;



	float: right;



}



.ks13 {



	width: 400px;



	height: 52px;



	line-height: 52px;



}



.ks14 {



	width: 400px;



	height: 290px;



}



.ks14 img {



	width: 360px;



	height: 210px;



}



.ks15 {



	width: auto;



	height: auto;



	padding: 2px 5px 2px 5px;



}



.ks15 a {



	width: auto;



	height: auto;



	padding: 2px 8px 2px 8px;



	color: #fff;



	background: #252525;



}



.ks15 a:hover {



	width: auto;



	height: auto;



	padding: 2px 8px 2px 8px;



	background: #8c0000;



	color: #fff;



}



.ks16 {



	width: 170px;



	height: 53px;



	float: right;



	padding-top: 2px;



	padding-right: 1px;



	padding-bottom: 2px;



	padding-left: 5px;



}