@charset "utf-8";
/* CSS Document */



p,h1,h2,h3,h4,span,h5,h6,h7,h8{
	margin: 0;
	padding: 0;}

.banner_in{
	width: 100%;
	position: relative;}
.pro_all{
	width: 918px;
	float: right;
	margin-top: 30px;}
.main_title{
	border-bottom:1px solid #787878;
	height:60px;
	line-height: 60px;}
.main_title span{
	float: left;
	font-size: 26px;
	color: #2880ce;}

.pro_in{
	margin-top:20px;}
.ccc{
	font-size:20px;
	text-align: center;
	line-height:50px;
	font-weight: bold;
	border-bottom: 1px #777777 dashed;}
.pro_in .pro_main01{
	width: 844px;
	margin:0 auto;}
.pro_in .pro_main01 .main01_img img{
	width: 360px;
	height: 360px;
	border: 1px solid #A7A7A7;
	float: left;
	margin-right:60px;
	margin-top: 20px;}
.pro_in .pro_main01 ul{
	width:60px;
	margin:0 auto;
	margin-top: 30px;}
.pro_in .pro_main01 ul li{
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #bfbfbf;
	float: left;
	margin-left:6px;
	margin-right:6px;}
.pro_in .pro_main01 ul li:hover{
	background: #005aab;
	cursor: pointer;}
.pro_in .pro_main02 .pro_title{
	border-bottom:1px solid #C5C5C5;
	height: 55px;
	margin-top:40px;}
.pro_in .pro_main02 .pro_title .pro_tle{
	font-size: 20px;
	color: #000000;
	float: left;
	width: 116px;
	height: 56px;
 	margin-right: 10px;
	line-height: 56px;
	text-align: center;
	border-radius: 6px;}
.pro_in .pro_main02 .pro_title .pro_title01{
	color: #005aab;
	border:1px solid #C5C5C5;
	border-bottom: none;
	background: #FFFFFF;}
.pro_in .pro_main02 .pro_title .pro_tle:hover{
	cursor: pointer;}
.pro_in .pro_main02 .pro_title .pro_title02:hover{
	background:#C5C5C5;}

.pro_in .pro_main02 .pro_cont01{
	padding-top:40px;
line-height:30px;

background: #f3f3f3
}
.pro_in .pro_main02 .pro_cont01 p{
	padding-left: 20px;
	padding-right: 20px;
}
.pro_in .pro_main02 .pro_cont01 .pro_text h1{
	font-size: 18px;
	border-left: 2px solid #0978dc;
	padding-left: 10px;
	box-sizing: border-box;	
	color: #000000;
	margin-top:30px;
	display: block;}
.pro_in .pro_main02 .pro_cont01 .pro_text h2{
	font-size: 18px;
	color: #000000;
	line-height:50px;}
.pro_in .pro_main02 .pro_cont01 .pro_text h3{
	font-size: 16px;
	line-height: 26px;}
.pro_in .pro_main02 .pro_cont01 .pro_big{
	width: 800px;
	margin-left:10px;
	margin-top:20px;
	border: 1px solid #a0a0a0;
	text-align: center;
	line-height: 36px;}
.pro_in .pro_main02 .pro_cont01 .pro_big h4{
	height: 36px;
	width: 170px;
	border-bottom:1px solid #FFFFFF;
	background: #d6d7d8;
	float: left;}
.pro_in .pro_main02 .pro_cont01 .pro_big h5{
	width: 628px;
	float: left;
	border-bottom:1px solid #d6d7d8;}
.pro_in .pro_main02 .pro_cont01 .pro_img{
	margin-top:20px;}
.pro_in .pro_main02 .pro_cont01 .pro_img h1{
	font-size:38px;
	color: #4872d3;
	font-weight: bold;
	text-align: center;
	line-height:70px;}
.pro_in .pro_main02 .pro_cont01 .pro_img h2{
	text-align: center;
	line-height:40px;
	font-size: 24px;
	margin-bottom: 30px;}
.pro_in .pro_main02 .pro_cont01 .pro_img span{
	color: #FF0004;}
.pro_in .pro_main02 .pro_cont01 .pro_re{
	border-bottom: 1px solid #4872d3;
	margin-top:20px;
	color:#4872d3;
	font-size: 20px;
	line-height:34px;
	text-align: center;}
.pro_in .pro_main02 .pro_cont01 .pro_re .pro_re01{
	width: 100%;
	margin:0 auto;} 
.pro_in .pro_main02 .pro_cont01 .pro_re .pro_re02{
	width: 210px;
	float: left;
	font-size: 13px;
	color: #000000;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 20px;
	line-height:50px;}
.pro_in .pro_main02 .pro_cont01 .pro_re .pro_re02 img{
	border: 1px solid #B1B1B1;}
.pro_in .pro_main02 .pro_cont01 .pro_re .pro_re02 img:hover{
	border: 1px solid #4872d3;
	cursor: pointer;}
.pro_in .pro_main02 .pro_cont02{
	display: none;
	margin-top:10px;
	margin-bottom: 30px;}
.pro_in .pro_main02 .pro_cont02 input{
	width: 100%;
	height: 40px;
	border: 1px solid #b5b5b5;
	padding-left:10px;
	margin-top:20px;}
input::-webkit-input-placeholder {
	color:#b5b5b5; 
	font-size: 14px;}
/*******************************************/
/*******************************************/
.school{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	text-align: center;
	font-size: 40px;
	margin-top: 50px;}
.school ul{
	margin:0 auto;
	width:450px;
	margin-top: 40px;}
.school ul li{
	width: 80px;
	line-height: 40px;
	font-size: 20px;
	color: #484848;
	float: left;
	margin-left:30px;
	margin-right:30px;}
.school ul li:hover{
	cursor: pointer;}
.school .school_cont{
	margin-top: 40px;}
.school .school_cont .school_text{
	width:370px;
	height:90px;
	border: 1px solid #d2d2d2;
	border-radius:6px;
	float: left;
	margin: 16px 12px;}
.school .school_cont .school_text .t1{
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	height: 20px;
	line-height: 20px;
	width:66px;
	background: #969393;
	margin-top: 14px;
	margin-left: 16px;
	float: left;}
.school .school_cont .school_text .t2{
	font-size: 16px;
	float: left;
	margin-top: 14px;
	margin-left: 20px;
	width: 260px;
	height: 60px;
	overflow: hidden;
	text-align:left;}
.school .school_cont .school_text .t2 span{
	color: #9f9f9f;
	font-size: 14px;
	margin-top:4px;
	display: block;}
.school .school_cont .school_text:hover{
	background: url(../img/school/+.png);}
.school .school_cont .school_text:hover .t1{
	background: #4872d3;}
.school .school_cont .school_text:hover .t2{
	color: #4872d3;}
.school .school_cont02,.school_cont03,.school_cont04,.school_cont05{
	display: none;}
.school_in{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
	margin-top:30px;
	margin-bottom: 80px;}
.school_in .school_left{
	width: 880px;
	float: left;}
.school_in .school_left p{


	line-height:30px;}
.school_in .school_left p a:hover{
	color: #D90003;}
.school_in .school_left h1{
	text-align: center;
	font-size: 28px;
	margin-top: 40px;}
.school_in .school_left h2{
	text-align: left;
	font-size: 14px;
	color: #9d9d9d;
	border-bottom: dashed 1px #9d9d9d;
	line-height: 34px;
	margin-top: 20px;
margin-bottom: 10px;
}
.school_in .school_left h3{
	text-align: left;
	font-size: 20px;
	margin-top: 40px;}
.school_in .school_left h4{
	text-align:justify;
	font-size: 16px;
	margin-top: 10px;
	line-height:30px;}
.school_in .school_left h5{
	border-top: 1px dashed #D5D5D5;
	margin-top: 40px;
	padding-top: 10px;
	line-height: 30px;
	color:#666666;}
.school_in .school_left h5 a{
	color:#666666;}
.school_in .school_left h5 a:hover{
	color:#DD0003;
	cursor: pointer;}
.school_in .school_right{
	width: 280px;
	float: right;}
.school_in .school_right h1{
	font-size: 20px;
	color:#000000;}
.school_in .school_right h2{
	font-size: 20px;
	color:#000000;
	border-bottom: 1px solid #CBCBCB;
	line-height:50px;}
.school_in .school_right input{
	width: 228px;
	height: 40px;
	float: left;
	margin-top: 20px;
	padding-left: 10px;
	margin-bottom: 20px;}
.school_in .school_right button{
	width: 40px;
	height: 46px;
	float: left;
	margin-top: 20px;
	margin-left: -2px;
	position: relative;
	border: none;}
.school_in .school_right button img{
	width:40px;
	position: absolute;
	top: 0;
	left: 0;}
.school_in .school_right ul{
	margin-top: 10px;
	padding: 0;}
.school_in .school_right ul img{
	width: 13px;
	height: 13px;float: left;
	margin-top: 18px;
	margin-right: 8px;
	margin-left: 20px;}
.school_in .school_right ul li{
	border-bottom:1px solid #CBCBCB;
	line-height: 50px;}
.school_in .school_right ul li a{
	color: #747474;
	font-size: 14px;}
.school_in .school_right ul span{
	float: right;}
.school_in .school_right ul li a:hover{
	color: #C00003;}
/*******************************************/
/*******************************************/
.case{
	margin-top: 30px;
	width: 918px;
	float: right;}
.case ul{
	margin: 0;
	padding: 0;
	margin-top: 30px;}
.case ul li{
	margin-bottom: 40px;}
.case ul .case_left{
	float: left;
	width: 268px;
	height: auto;}
.case ul .case_right{
	float: right;
	width: 630px;
	text-align: left;}
.case ul .case_right h1{
	font-size: 20px;}
.case ul .case_right h2{
	font-size: 14px;
	color: #939393;
	line-height:40px;}
.case ul .case_right h3{
	font-size: 16px;
	color: #656565;
	line-height:28px;}
.case ul .case_right h4{
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 6px;
	background: #a5a5a5;
	font-size: 14px;
	color:#FFFFFF;
	margin-top:16px;}
.case ul .case_right h4:hover{
	background: #4872d3;
	cursor: pointer;}
/*******************************************/
/*******************************************/
.fw_cont{
	border-bottom: 1px dashed #D5D5D5;
	height: 120px;
	padding-top: 18px;
	padding-left: 20px;
	box-sizing: border-box;}
.fw_cont:hover{
	background: #f2f2f4;}
.fw_cont .fw_left{
	width: 85px;
	height: 85px;
	background: #4872d3;
	line-height:26px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-top: 14px;
	box-sizing: border-box;
	float: left;
	margin-bottom: 40px;}
.fw_cont .fw_left span{
	font-size: 24px}
.fw_cont .fw_right{
	float: left;
	margin-left: 20px;
	height: 10px;
	line-height:40px;}
.fw_cont .fw_right p{
	font-size: 16px;
	color: #000000;
	border: none;
	letter-spacing: 1px;
	text-align: left;}
.fw_cont .fw_right p span{
	color: #4872d3;}
.fw_cont .fw_right h8{
	font-size: 14px;}
.fw_title p{
	text-align: left;
	font-size: 12px;
	line-height:30px;
	font-weight: normal}
/*******************************************/
/*******************************************/
.about_text h8{
	color: #000000;
	font-size: 16px;
	margin-top: 20px;
	display: block;}
.about_text img{
	margin:0 auto;
	margin-top: 30px;
	margin-bottom: 30px;}
/*******************************************/
/*******************************************/
.cont_text h1{
	text-align: center;
	font-size: 28px;
	margin-top: 30px;}
.cont_text h2 span{
	float: left;
	color: #8a8a8a;
	font-size: 16px;
	width: 660px;
	line-height: 28px;
	margin-top: 20px;}
.cont_text h2 img{
	float: right;
	width: 220px;
	margin-top: -40px;}
.cont_text .cont_t{
	margin-top: 40px;
	clear: both;}
.cont_text .cont_t .cont_t01{
	margin-top: 20px;}
.cont_text .cont_t .cont_t01 img{
	width: 52px;
	float: left;}
.cont_text .cont_t .cont_t01  h3{
	float: left;
	line-height: 52px;
	border-bottom: 1px dashed #cccccc;
	font-size: 16px;
	width: 830px;
	padding-left: 16px;
	margin-left: 10px;}
.cont_text .cont_img{
	width: 940px;
	margin-top: 50px;
	margin-bottom: -50px;}



.chanpinxiaobox{
	background: #f3f3f3;
	height:900px;
}











