@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1100px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1100px; margin:0 auto;}

.top{ width:100%; min-width:1100px; background:#cbcbcb; height:45px; line-height:45px}
.top p{height: 45px;line-height: 45px;font-size: 14px;color: #555;}

.header{padding: 20px 0; width:1100px; margin:0 auto; overflow:hidden}

.nav{width:100%; min-width:1100px;height: 55px;background: #1650a2;border-bottom: 1px solid #171717;}
.nav ul{width:1100px; margin:0 auto}
.nav ul li{float: left;height: 55px;}
.nav ul li a{display: block;color: #fff;padding: 0 25px;font-size: 14px;line-height: 55px;}
.nav ul li:hover{ background: #2979e9;}

.banner{ width:100%; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto; min-width:1100px}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}


.part1{width:100%; min-width:1100px;padding: 30px 0;background: url(../images/bg1.jpg) repeat;}
.part1_L{ width:233px; float:left; overflow:hidden;}
.part1_L .p1tit{display: block;background: url(../images/icon1.jpg) no-repeat 20px 15px #1650A2;height:51px;border-radius:5px 5px 0 0;}
.part1_L .p1tit h5{padding-left: 50px;font-size: 18px;height: 51px;line-height: 51px;color: #fff; font-weight:500}
.part1_L ul.p1ul{padding: 13.5px 10px; background: #fff; max-height:704px; overflow:hidden}
.part1_L ul.p1ul li{display: block;height: 47px; position:relative; overflow:hidden}
.part1_L ul.p1ul li::before{content: " ";position: absolute;width: 100%;height: 100%;left:-100%;top:0;transition:.8s;background:#f0f0f0;}
.part1_L ul.p1ul li a{display:block;line-height:50px;padding-left:35px;font-size:15px;color:#777777;transition:.8s;position:relative;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.part1_L ul.p1ul li a::before{content: " ";	position:absolute;left:15px;border-radius:50%;top:20px;width:6px;height:6px;border:1px solid #d4d4d4;transition: .8s;}
.part1_L ul.p1ul li:hover::before{left:0;}
.part1_L ul.p1ul li:hover a{color: #ff7c00;}
.part1_L ul.p1ul li:hover a::before{ background:#ff7c00;border: 1px solid #FF7C00}

.part1_L .p1lxwm{padding: 40px 0;background: #1650A2;text-align: center;}
.part1_L .p1lxwm .con{}
.part1_L .p1lxwm .con h4{font-size: 18px;color: #fff;}
.part1_L .p1lxwm .con p{font-size:26px;color: #fff;font-weight: bold;margin: 15px 0; text-align:center}
.part1_L .p1lxwm .con a{display: inline-block; padding: 8px 20px;background: #fff;font-size: 14px;color: #313131;}

.part1_R{ width:847px; float:right; overflow:hidden}
.part1_R .p1rtit{height:51px;background:#1650A2;border-radius:5px 5px 0 0;padding: 0 20px;}
.part1_R .p1rtit p{ float:left; width:400px; height:51px; line-height:51px; color:#fff;font-size: 18px;}
.part1_R .p1rtit a{ float:right; width:400px; text-align:right;height:51px; line-height:51px; color:#fff;font-size: 14px;}

.part1_R ul.prolist{ width:842px; height:945px; overflow:hidden; padding-left:5px}
.part1_R ul.prolist li{margin-top: 12px; float:left; width:270px; height:300px; overflow:hidden; margin-right:15px; background:#fff}
.part1_R ul.prolist li:nth-child(3n){ margin-right:0}
.part1_R ul.prolist li .proimg{_display:table;display:table-cell;text-align:center;width:264px; height:258px; padding:2px; border:1px solid #ccc;vertical-align:middle}
.part1_R ul.prolist li .proimg img{max-width:264px; max-height:258px;vertical-align:middle;}
.part1_R ul.prolist li p{padding:0 10px;height:36px;line-height:36px;text-align:center;background:#1650A2;color:#fff;font-size: 12px;}


.part2{margin: 25px 0;box-shadow: 0 2px 20px 0 #DCDCDC;padding: 10px 15px;font-size: 14px;color: #7d7d7d;line-height: 28px;}
.part2 span{ display:block; float:left;font-size: 14px;color: #7d7d7d;line-height: 28px;}
.part2 .con{ float:left; width:900px; overflow:hidden}
.part2 .con a{display: inline-block;margin-left: 10px; font-size: 14px;color: #7d7d7d;line-height: 28px;}

.part3{padding: 30px 0;width:1100px; margin:0 auto}
.contit{text-align: center;margin-bottom: 30px;}
.contit h5{display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-size: 30px;color: #584c4c;line-height: 1; font-weight:500}
.contit p{display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;font-size: 16px;color: #acacac; text-align:center;margin: 10px 0; text-transform:uppercase}
.contit samp{display: inline-block;width: 48px;height: 3px;background: #1650A2;}

.part3 .p3con{ width:1100px; overflow:hidden; height:270px}
.part3 .p3con .p3conL{ float:left; width:447px; height:266px; overflow:hidden}
.part3 .p3con .p3conR{ float:right; width:627px; height:260px; overflow:hidden;font-size: 14px;color: #747474;line-height:24px;}


.part4{width:100%; min-width:1100px; background:url(../images/bg2.jpg) no-repeat; background-size:100% 100%;padding: 80px 0;}
.part4 .p4tit{text-align: center;margin-bottom: 50px;}
.part4 .p4tit h5{font-size:36px;font-weight:bold;color:#1650A2;margin-bottom:18px;line-height: 1;}
.part4 .p4tit p{font-size:20px;color:#1650a2;line-height:1; text-align:center}
.part4 .p4con{ width:1100px; height:216px; overflow:hidden;}
.part4 .p4con ul{ overflow:hidden}
.part4 .p4con ul li{display:inline-block;float:left;background:url(../images/libg.png) no-repeat center;margin-right:40px;height:216px;text-align:center;transition:.8s;width:187px; cursor:pointer}
.part4 .p4con ul li:nth-child(5n){ margin-right:0}
.part4 .p4con ul li .p4li{padding:55px 15px 0 15px;}
.part4 .p4con ul li h5{font-size: 22px;font-weight: bold;color: #fff;transition: .8s;margin-bottom: 10px;}
.part4 .p4con ul li p{font-size: 14px;color: #c3dcff;transition: .8s;line-height: 20px;max-height: 63px;overflow: hidden;}
.part4 .p4con ul li:hover{transform: rotateY(360deg);background: url(../images/libg1.png) no-repeat center;}
.part4 .p4con ul li:hover h5{color: #1650A2;}
.part4 .p4con ul li:hover p{color: #1650A2;}


.part5{ width:1100px; margin:0 auto; padding:30px 0; overflow:hidden}
.part5 .p5con{ width:1100px; height:630px; overflow:hidden;}
.part5 .p5con ul{ overflow:hidden}
.part5 .p5con ul li{ float:left; width:257px; height:296px; overflow:hidden; margin-bottom:20px; margin-right:15px; padding:3px;background: #4c94fb;}
.part5 .p5con ul li:nth-child(4n){ margin-right:0}
.part5 .p5con ul li .proimg{ width:257px; height:260px;_display:table;display:table-cell;text-align:center;vertical-align:middle; background:#fff}
.part5 .p5con ul li .proimg img{vertical-align:middle;max-width:257px; max-height:260px;}
.part5 .p5con ul li p{ height:36px; line-height:36px; padding:0 15px; text-align:center; color:#fff}


.part6{width:100%; min-width:1100px;padding: 30px 0;background: url(../images/bg3.jpg) repeat;}
.part6 .contit{}
.part6 .contit h5{color:#fff}
.part6 .contit p{ color:#fff}
.part6 .contit samp{ background:#fff}
.part6 .p6con{ width:1100px; height:435px; overflow:hidden;}
.part6 .p6con ul{ overflow:hidden}
.part6 .p6con ul li{ float:left; width:500px; height:135px;background: #fff;padding: 30px 15px;overflow: hidden;border: 1px solid #fff;border-radius: 5px; cursor:pointer;transition: .8s; margin-bottom:35px; margin-right:35px;}
.part6 .p6con ul li:nth-child(2n){ margin-right:0}
.part6 .p6con ul li:hover{ background:#1650A2}
.part6 .p6con ul li .p6l{ float:left;width: 134px;height: 134px; overflow:hidden}
.part6 .p6con ul li .p6l img{width: 134px;height: 134px;border-radius: 50%;}
.part6 .p6con ul li .p6r{ float:right; width:320px; height:135px; overflow:hidden}
.part6 .p6con ul li .p6r h5{ margin-bottom:17px;color:#373737; font-size:16px;}
.part6 .p6con ul li .p6r .sub{font-size: 14px;color: #838383; line-height: 24px; height:95px; overflow:hidden}
.part6 .p6con ul li:hover .p6r h5,.part6 .p6con ul li:hover .p6r .sub{ color:#fff}



.part7{ width:1100px; margin:0 auto; padding:30px 0; overflow:hidden}
.part7 .p7con{ width:1100px; height:300px; overflow:hidden;}
.part7 .p7con ul{ overflow:hidden}
.part7 .p7con ul li{ float:left;border: 1px solid #c1c1c1;margin-bottom: 10px; width:209PX; height:135PX; overflow:hidden; margin-right:11px; background:#fff}
.part7 .p7con ul li:nth-child(5n){ margin-right:0}
.part7 .p7con ul li .proimg{width:209PX; height:135PX;_display:table;display:table-cell;text-align:center;vertical-align:middle}
.part7 .p7con ul li .proimg img{max-width:209PX; max-height:135PX;vertical-align:middle;}


.footer{width:100%; min-width:1100px;padding: 30px 0;background: #1650A2;}
.fnav{padding-bottom: 15px;margin-bottom: 30px;border-bottom: 1px dashed #7396c7;}
.fnav ul{ overflow:hidden}
.fnav ul li{ float:left; border-right:2px solid #fff; height:15px; line-height:15px; text-align:center; width:110px}
.fnav ul li a{font-size: 15px;color: #fff;}

.foot{ width:1100px; min-height:140px; overflow:hidden}
.foot .footl{ float:left;border-right: 1px dashed #7396C7; width:768px; min-height:140px;}
.foot .footl .con{ line-height:26px;font-size: 13px;color: #dcdcdc;padding: 0 20px; min-height:130px; overflow:hidden}
.foot .footr{ width:330px; text-align:center; height:135px; overflow:hidden}

.linksbox{width:100%; min-width:1100px;padding: 20px 0;background: #1650a2;border-top: 1px solid #7396c7;}
.linksbox span{padding-left:20px;color:#fff;font-size:12px;margin-right:5px;line-height:24px;display:block;float:left;margin-bottom:5px;}
.linksbox .con{float:left; width:1000px; overflow:hidden}
.linksbox .con a{color:#fff;font-size: 12px; padding:0 5px;line-height:24px;}

.mainWarp{ width:1100px; margin:0 auto;}
.mainWarp .mainLeft{ float:left;width:233px;overflow:hidden;}
.mainWarp .mainLeft .p1tit{display: block;background: url(../images/icon1.jpg) no-repeat 20px 15px #1650A2;height:51px;border-radius:5px 5px 0 0;}
.mainWarp .mainLeft .p1tit h5{padding-left: 50px;font-size: 18px;height: 51px;line-height: 51px;color: #fff; font-weight:500}

.mainWarp .mainLeft ul.p1ul{padding:15px 10px; background:#e6e6e6;overflow:hidden; margin-bottom:15px}
.mainWarp .mainLeft ul.p1ul li{display: block;height: 47px; position:relative; overflow:hidden}
.mainWarp .mainLeft ul.p1ul li::before{content: " ";position: absolute;width: 100%;height: 100%;left:-100%;top:0;transition:.8s;background:#1650A2;}
.mainWarp .mainLeft ul.p1ul li a{display:block;line-height:50px;padding-left:35px;font-size:15px;color:#777777;transition:.8s;position:relative;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.mainWarp .mainLeft ul.p1ul li a::before{content: " ";	position:absolute;left:15px;border-radius:50%;top:20px;width:6px;height:6px;border:1px solid #1650a2;transition: .8s;}
.mainWarp .mainLeft ul.p1ul li:hover::before{left:0;}
.mainWarp .mainLeft ul.p1ul li:hover a{color: #fff;}
.mainWarp .mainLeft ul.p1ul li:hover a::before{ background:#fff;border: 1px solid #fff}

.mainWarp .mainLeft ul.hotanli{padding:15px 10px; background:#e6e6e6;overflow:hidden; margin-bottom:15px}
.mainWarp .mainLeft ul.hotanli li{ margin-bottom:10px}
.mainWarp .mainLeft ul.hotanli li img{ width:100%}

.mainWarp .mainLeft .lxwm{padding:15px; background:#e6e6e6;overflow:hidden; margin-bottom:15px}
.mainWarp .mainLeft .lxwm .con{font-size: 12px; line-height:24px;color: #777777;}

.mainWarp .mainRight{width:847px; float:right; overflow:hidden}
.mainWarp .mainRight .p1rtit{height:51px;background:#1650A2;border-radius:5px 5px 0 0;padding: 0 20px;}
.mainWarp .mainRight .p1rtit p{height:51px; line-height:51px; color:#fff;font-size: 18px;}

ul.piclistul{width:842px;overflow:hidden; padding-left:5px; padding-top:15px; padding-bottom:10px;}
ul.piclistul li{margin-bottom: 15px; float:left; width:270px; height:270px; overflow:hidden; margin-right:15px; background:#fff}
ul.piclistul li:nth-child(3n){ margin-right:0}
ul.piclistul li .proimg{_display:table;display:table-cell;text-align:center;width:264px; height:230px; padding:2px; border:1px solid #ccc;vertical-align:middle}
ul.piclistul li .proimg img{max-width:264px; height:230px;vertical-align:middle;}
ul.piclistul li p{padding:0 10px;height:36px;line-height:36px;text-align:center;background:#1650A2;color:#fff;font-size: 12px;}


ul.listul{width:842px;overflow:hidden; padding-left:5px; padding-top:15px; padding-bottom:10px;}
ul.listul li{display: block;padding: 15px 10px 15px 30px; position:relative; overflow:hidden; border-bottom:1px dashed #dadada}
ul.listul li::before{content:" ";position: absolute;left:15px;top:19px;border-radius:50%;width:6px;height:6px;border:1px solid #d4d4d4;transition:.8s;}
ul.listul li a{display: block; width:600px; float:left;transition: .6s;font-size: 14px;color: #646464;}
ul.listul li a:hover{ color:#1650A2}
ul.listul li span{display: block; width:120px; float: right;text-align: right;font-size: 14px; color: #646464;}


.detailbox{width:842px;overflow:hidden; padding-top:15px; padding-bottom:15px;}
.detailbox .xq{ padding:15px}
.detailbox .xq h1{padding:10px 15px;font-size: 20px; text-align:center;font-weight: 600;color: #666;}
.detailbox .xq .date{line-height: 30px;text-align: center;font-size: 12px;color: #666;}
.detailbox .xq .proimg{ display:block; max-width:600px; margin:0 auto; margin:15px auto}
.detailbox .xq .con{color: #8C8C8C;font-size: 14px;line-height: 1.8;}


.xgbox{ width:804px; overflow:hidden; padding:10px;}
.xgbox .xgtit{ width:824px;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #8C8C8C;}
.xgbox .xgtit h5{color: #666;font-weight: 300;font-size: 16px;}

.xgbox ul{ overflow:hidden}
.xgbox ul li{ float:left; width:385px; margin-right:30px;padding-bottom: 10px;margin-bottom: 10px;transition: .5s;border-bottom: 1px solid #DCDCDC;}
.xgbox ul li:nth-child(2n){ margin-right:0}
.xgbox ul li a{ display:block; font-size:12px; color:#8c8c8c; width:280px; float:left;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.xgbox ul li span{ display:block; float:right; text-align:right; width:90px; font-size:12px; color:#8c8c8c}
.xgbox ul li:hover{ border-bottom:1px solid #1650a2}
.xgbox ul li:hover a{ color:#1650a2}



/*固定的悬浮窗*/
.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 260px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
	text-align:left;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #2347a1 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #2347a1 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #2347a1 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/

	background: #2347a1 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}