@media screen and (min-width: 641px) and (max-width: 1025px){
@charset "utf-8";	
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div,img{ border:0;}
body{ font-size:12px; font-family:微软雅黑; overflow-x: hidden; text-align:center;}

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ height:130px;}
.logo{ float:none; margin-top:24px; margin-left:20px;}

.header1{ float:right; overflow:hidden; width:406px; margin-right:15px; display:none;}
.language{ float:right; margin-top:35px;}
.chinese{ float:left; background:url(../images/header2.png) left center no-repeat; display:block; height:24px; line-height:24px; font-size:14px; color:#444444; padding-left:35px;}
.english{ float:left; background:url(../images/header3.png) left center no-repeat; display:block; height:24px; line-height:24px; font-size:14px; color:#444444; padding-left:35px; margin-left:20px; margin-right:10px;}
.language1{ float:left; margin-top:8px; margin-left:20px;}

.header1_bottom{ float:right; width:406px; overflow:hidden; margin-top:20px;}
.tel{ float:left; width:180px; height:25px; line-height:26px; font-size:16px; font-family:"Arial"; color:#777777; background:url(../images/header1.png) left center no-repeat; padding-left:26px; text-align:left;}
.search{ float:left; width:156px; height:25px; overflow:hidden; background:url(../images/header5.png) 10px center no-repeat #dcdcdc;}
.search1{ border:none; background:none; height:25px; line-height:25px; margin-left:34px; float:left; width:115px; outline:none; color:#444;}
.search2{ float:left; width:44px; height:25px; line-height:25px; border:0; background:none; outline:none; font-size:14px; font-family:"微软雅黑"; color:#444; cursor:pointer;}

.pc_nav{ width:100%; height:40px; background:#3563a9; display:none;}
.pc_nav1{ overflow:hidden;}
.pc_nav1 li{ float:left;}
.pc_nav1 li a{ float:left; display:block; width:170px; height:40px; line-height:40px; font-size:16px; color:#FFF;}
.pc_nav1 li a:hover{ background:#5380c3;}
.pc_nav1 li .a_on{ background:#5380c3;}

.top_nav_mobile{ width:100%; min-height:40px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; display:block;}
.top_nav_mobile1{ width:100%; height:40px; float:left;}
.top_nav_mobile1 img{ float:right; margin-right:2%; margin-top:9px;}

.nav_mobile{ width:100%; overflow:hidden; float:left; text-align:center; display:none;}
.nav_mobile>li{ float:left; width:100%; border-bottom:1px solid #ccc;}
.nav_mobile>li>a{ display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#FFF; font-size:13px; float:left; background:#3563a9;}
.nav_mobile>li .step1{ width:100%; overflow:hidden; float:left; display:none;}
.nav_mobile>li .step1 li{ float:left; width:100%; border-top:1px solid #ccc;}
.nav_mobile>li .step1 li a{ display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:11px; float:left;}

.nav_mobile>li .a_on{ background:#5380c3; color:#FFF;}

.mobile_search1{ float:left; border:0; background:#dcdcdc; width:76%; height:40px; line-height:40px; outline:none; padding:0 2%;}
.mobile_search2{ float:left; border:0; background:none; width:20%; height:40px; line-height:40px; outline:none;}

.index1{ overflow:hidden;}
.index1_l{ float:left; width:96%; overflow:hidden; margin-top:40px; margin-left:2%;}
.index1_r{ float:right; width:96%; overflow:hidden; margin-top:40px; margin-right:2%;}

.index1_title{ width:100%; height:40px; float:left; overflow:hidden;}
.index1_title1{ float:left; height:40px; line-height:36px; padding-left:51px; font-size:20px; color:#444; background:url(../images/index2.png) 4px center no-repeat;}
.index1_title2{ float:right; display:block; height:20px; line-height:20px; font-size:14px; color:#777777; margin-top:16px; margin-right:6px;}
.index1_title2:hover{ color:#3563a9;}

.index1_l1{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.index1_l1 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #dce4e6;}
.index1_l1 li a{ display:block; width:100%; height:84px;}

.index1_l2{ float:left; width:130px; overflow:hidden; color:#444; font-family:"Arial";}
.index1_l3{ float:left; width:70px; height:84px; line-height:84px; font-size:54px;}
.index1_l4{ float:left; width:60px; height:84px; overflow:hidden; background:url(../images/index4.jpg) center center no-repeat;}
.index1_l5{ float:left; width:100%; font-size:14px; height:20px; line-height:20px; margin-top:17px;}
.index1_l6{ float:left; width:100%; font-size:14px; height:20px; line-height:20px; margin-top:11px;}

.index1_l7{ float:left; width:76%; margin-left:8px; overflow:hidden; text-align:left; font-size:14px;}
.index1_l8{ float:left; width:100%; color:#444; height:20px; line-height:20px; margin-top:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.index1_l9{ float:left; width:100%; color:#b1b1b1; height:20px; line-height:20px; margin-top:11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.index1_l1 li a:hover .index1_l2{ color:#3563a9;}
.index1_l1 li a:hover .index1_l4{ background:url(../images/index5.jpg) center center no-repeat;}
.index1_l1 li a:hover .index1_l8{ color:#3563a9;}
.index1_l1 li a:hover .index1_l9{ color:#adbbd7;}

.index1_r1{ float:left; width:100%; overflow:hidden; margin-top:10px; padding-bottom:10px;}
.index1_r1 img{ max-width:100%;}

/* 本例子css */
.slideBox{ width:100%; height:416px; overflow:hidden; position:relative; display:none;}

.slideBox .hd{ position:absolute; width:1024px; height:142px; overflow:hidden; left:50%; margin-left:-512px; bottom:-70px; z-index:1; cursor:pointer;}
.slideBox .hd ul{ overflow:hidden; zoom:1; width:1100px; margin:0 auto; height:142px;}
.slideBox .hd ul li{ float:left; display:none; width:1100px; height:142px; background:#444;}
.slideBox .hd ul li.on{ display:block;}

.slideBox .hd ul li .hd_li1{ float:left; width:1024px; height:72px; overflow:hidden;}
.slideBox .hd ul li .hd_li2{ float:left;}
.slideBox .hd ul li .hd_li3{ float:left; width:642px; height:71px; overflow:hidden; text-align:left; border-bottom:1px solid #555555; padding:0 25px;}
.slideBox .hd ul li .hd_li4{ float:left; width:642px; color:#b2b2b2; height:22px; line-height:22px; margin-top:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.slideBox .hd ul li .hd_li5{ float:left; max-width:602px; color:#FFF; font-size:16px; height:22px; line-height:22px; background:url(../images/index1.png) right center no-repeat; padding-right:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.slideBox .hd ul li .hd_li6{ float:left; text-align:left; font-size:14px; color:#b2b2b2; line-height:22px; height:44px; width:968px; overflow:hidden; margin-top:13px; padding:0 28px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:416px;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide img{
	float:left;
}

.index2{ width:100%; height:178px; background:#e5e5e5; overflow:hidden; display:none;}
.index2_0{ width:1024px; margin:0 auto; height:93px; overflow:hidden; position:relative; margin-top:45px;}
.index2_1{ width:469px; height:93px; background:url(../images/index10.jpg) no-repeat; float:left; position:relative; cursor:pointer;}
.index2_2{ width:185px; height:93px; background:#FFF; float:left; position:relative; cursor:pointer;}
.index2_3{ width:185px; height:93px; background:#9aacb0; float:left; position:relative; cursor:pointer;}
.index2_4{ width:185px; height:93px; background:#386595; float:left; position:relative; cursor:pointer;}

.index2_1_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#FFF; background:url(../images/index6.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index2_1_2{ position:absolute; top:25px; left:185px; width:244px; text-align:left; font-size:14px; color:#c4c5c5; line-height:22px; height:44px; border-left:1px solid #a7a8a8; padding:0 20px; overflow:hidden;}

.index2_2_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#386597; background:url(../images/index7.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index2_2_2{ position:absolute; top:25px; left:185px; width:244px; text-align:left; font-size:14px; color:#386597; line-height:22px; height:44px; border-left:1px solid #386597; padding:0 20px; overflow:hidden;}

.index2_3_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#FFF; background:url(../images/index8.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index2_3_2{ position:absolute; top:25px; left:185px; width:244px; text-align:left; font-size:14px; color:#FFF; line-height:22px; height:44px; border-left:1px solid #FFF; padding:0 20px; overflow:hidden;}

.index2_4_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#FFF; background:url(../images/index9.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index2_4_2{ position:absolute; top:25px; left:185px; width:244px; text-align:left; font-size:14px; color:#FFF; line-height:22px; height:44px; border-left:1px solid #FFF; padding:0 20px; overflow:hidden;}

.index3{ width:100%; overflow:hidden; background:#e5e5e5; padding-bottom:15px; display:block;}
.index3_1{ width:512px; margin:0 auto; height:93px; background:url(../images/index10.jpg) no-repeat; margin-top:15px; position:relative;}
.index3_2{ width:512px; margin:0 auto; height:93px; background:#FFF; margin-top:15px; position:relative;}
.index3_3{ width:512px; margin:0 auto; height:93px; background:#9aacb0; margin-top:15px; position:relative;}
.index3_4{ width:512px; margin:0 auto; height:93px; background:#386595; margin-top:15px; position:relative;}

.index3_1_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#FFF; background:url(../images/index6.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index3_1_2{ float:left; margin-top:25px; width:280px; text-align:left; font-size:14px; color:#c4c5c5; line-height:22px; height:44px; border-left:1px solid #a7a8a8; padding:0 20px; overflow:hidden;}

.index3_2_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#386597; background:url(../images/index7.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index3_2_2{ float:left; margin-top:25px; width:280px; text-align:left; font-size:14px; color:#386597; line-height:22px; height:44px; border-left:1px solid #386597; padding:0 20px; overflow:hidden;}

.index3_3_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#FFF; background:url(../images/index8.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index3_3_2{ float:left; margin-top:25px; width:280px; text-align:left; font-size:14px; color:#FFF; line-height:22px; height:44px; border-left:1px solid #FFF; padding:0 20px; overflow:hidden;}

.index3_4_1{ float:left; width:102px; height:93px; line-height:93px; font-size:20px; color:#FFF; background:url(../images/index9.png) no-repeat 20px center; text-align:left; padding-left:83px;}
.index3_4_2{ float:left; margin-top:25px; width:280px; text-align:left; font-size:14px; color:#FFF; line-height:22px; height:44px; border-left:1px solid #FFF; padding:0 20px; overflow:hidden;}

.footer_top{ width:100%; overflow:hidden; background:#333333; padding:50px 0 40px 0;}

.footer_top1{ float:left; width:47%; overflow:hidden; text-align:left; margin-left:2%;}
.footer_top1_1{ float:left; width:100%; font-size:16px; color:#FFF; height:30px; line-height:30px;}
.footer_top1_2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#adadad; line-height:30px; margin-top:5px;}
.footer_top1_2 a{ color:#FFF; display:inline-block;}

.footer_top2{ float:left; width:47%; overflow:hidden; text-align:left; margin-left:2%;}
.footer_top2_1{ float:left; width:100%; font-size:16px; color:#FFF; height:30px; line-height:30px;}
.footer_top2_2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#adadad; line-height:30px; margin-top:5px;}
.footer_top2_2 a{ color:#FFF; display:inline-block;}

.footer_top3{ float:left; width:47%; overflow:hidden; text-align:left; margin-left:2%; margin-top:20px;}
.footer_top3_1{ float:left; width:205px; font-size:16px; color:#FFF; height:30px; line-height:30px;}
.footer_top3_2{ float:left; width:205px; overflow:hidden; margin-top:5px; clear:both;}
.footer_top3_2 li{ float:left; width:70px; margin-right:24px;}
.footer_top3_2 li a{ color:#adadad; font-size:14px; display:block; height:30px; line-height:30px; width:70px; text-align:left; background:url(../images/index11.png) right center no-repeat;}

.footer_top4{ float:left; width:47%; overflow:hidden; text-align:left; margin-left:2%; margin-top:20px;}
.footer_top4_1{ float:left;}
.footer_top4_2{ float:left; width:114px; height:50px; line-height:50px; text-align:center; font-size:14px; color:#adadad; clear:both;}

.footer_bottom{ width:100%; overflow:hidden; padding:20px 0; background:#484848;}

.footer_bottom2{ float:left; width:96%; text-align:right; color:#b3b3b3; line-height:20px; margin-top:20px; margin-left:2%;}
.footer_bottom2 a{ color:#b3b3b3;}

.footer_bottom1{ width:96%; overflow:hidden; float:left; margin-left:2%;}
.footer_bottom1_1{ float:left; font-size:16px; color:#FFF; height:40px; line-height:40px; width:100px; text-align:left;}

/* 本例子css */
.picScroll-left{ width:100%; height:40px; overflow:hidden; position:relative;}
.picScroll-left .bd{ overflow:hidden;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; margin-right:3px;}
.picScroll-left .bd ul li .pic{ text-align:center;}
.picScroll-left .bd ul li .pic img{ width:120px; height:38px; display:block; border:1px solid #aaaaaa;}

/* about css */
.con_banner{ width:100%; height:258px; overflow:hidden; display:none;}
.mobile_banner{ width:100%; overflow:hidden; display:block;}
.mobile_banner img{ float:left; width:100%;}

.about_l{ float:left; width:196px; overflow:hidden; margin-left:15px; margin-top:47px; padding-bottom:30px; display:none;}
.about_l1{ float:left; width:196px; height:35px; line-height:26px; text-align:left; font-size:20px; color:#444444;}
.about_l2{ float:left; width:196px; overflow:hidden;}
.about_l2 li{ float:left; margin-top:7px;}
.about_l2 li a{ display:block; width:196px; height:33px; line-height:33px; font-size:16px; color:#444; background:#ebeeef;}
.about_l2 li a:hover{ background:#f26600; color:#FFF;}
.about_l2 li .a_on{ background:#f26600; color:#FFF;}

.about_r{ float:right; width:96%; overflow:hidden; margin-right:2%; margin-top:47px;}
.about_r1{ float:left; width:100%; overflow:hidden; height:42px; border-bottom:1px solid #ccd5d7;}
.about_r1_1{ float:left; height:42px; line-height:26px; background:url(../images/index2.png) left top no-repeat; padding-left:47px; font-size:20px; color:#444;}
.about_r1_2{ float:right; font-size:14px; color:#777777; line-height:42px;}
.about_r1_2 a{ color:#777;}

.about_r2{ float:left; width:96%; overflow:hidden; text-align:left; padding:50px 2%; font-size:14px; color:#444; line-height:30px;}
.about_r2 img{ max-width:100%;}

.contact{ width:96%; margin:0 auto; padding-top:47px;}
.contact1{ float:left; width:100%; overflow:hidden; height:42px; border-bottom:1px solid #ccd5d7;}
.contact1_1{ float:left; height:42px; line-height:26px; background:url(../images/index2.png) left top no-repeat; padding-left:47px; font-size:20px; color:#444;}
.contact1_2{ float:right; font-size:14px; color:#777777; line-height:42px;}
.contact1_2 a{ color:#777;}

.contact2{ width:96%; float:left; overflow:hidden; text-align:left; font-size:14px; color:#444; line-height:30px; padding:50px 2%;}
.contact2 span{ color:#0069b5;}
.contact2 img{ max-width:100%;}
.contact2_1{ float:left; width:45%; margin-left:2%; padding-left:2%;}
.contact2_2{ float:left; margin-left:2%; border-left:1px solid #dddddd; padding-left:2%; width:45%;}
.contact2_3{ float:left; margin-left:2%; border-left:none; padding-left:2%; width:45%; margin-top:20px; clear:left;}
.contact2_4{ float:left; margin-left:2%; border-left:1px solid #dddddd; padding-left:2%; width:45%; margin-top:20px;}

/* resources css */
.resources{ float:left; width:100%; overflow:hidden; margin-top:15px;}
.resources li{ float:left; width:100%; overflow:hidden; height:52px; border-bottom:1px solid #dce4e6; font-size:14px; background:url(../images/resources2.jpg) 10px center no-repeat;}
.resources li a{ display:inline-block; float:left; text-align:left; color:#444; height:20px; line-height:20px; margin-top:16px; max-width:80%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left:26px;}
.resources li span{ display:inline-block; float:right; text-align:right; color:#8c8c8c; height:20px; line-height:20px; margin-top:16px; margin-right:10px;}

.resources li:hover a{ color:#4b71b0;}
.resources li:hover span{ color:#4b71b0;}

.resources_page{ width:100%; overflow:hidden; font-size:14px; color:#444; padding:30px 0;}
.resources_page a{ color:#444; display:inline-block; height:30xp; line-height:30px; padding:0 7px;}
.resources_page a:hover{ background:#3563a9; color:#FFF;}
.resources_page .a_on{ background:#3563a9; color:#FFF;}

/* newsList css */
.newsList1{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.newsList1 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #dce4e6;}
.newsList1 li a{ display:block; width:100%; height:84px;}

.newsList2{ float:left; width:130px; overflow:hidden; color:#444; font-family:"Arial";}
.newsList3{ float:left; width:70px; height:84px; line-height:84px; font-size:54px;}
.newsList4{ float:left; width:60px; height:84px; overflow:hidden; background:url(../images/index4.jpg) center center no-repeat;}
.newsList5{ float:left; width:100%; font-size:14px; height:20px; line-height:20px; margin-top:17px;}
.newsList6{ float:left; width:100%; font-size:14px; height:20px; line-height:20px; margin-top:11px;}

.newsList7{ float:left; width:77%; margin-left:8px; overflow:hidden; text-align:left; font-size:14px;}
.newsList8{ float:left; width:100%; color:#444; height:20px; line-height:20px; margin-top:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsList9{ float:left; width:100%; color:#b1b1b1; height:20px; line-height:20px; margin-top:11px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.newsList1 li a:hover .newsList2{ color:#3563a9;}
.newsList1 li a:hover .newsList4{ background:url(../images/index5.jpg) center center no-repeat;}
.newsList1 li a:hover .newsList8{ color:#3563a9;}
.newsList1 li a:hover .newsList9{ color:#adbbd7;}

/* news css */
.news{ float:left; width:100%; overflow:hidden; text-align:left;}
.news1{ float:left; width:100%; overflow:hidden; margin-top:50px;}
.news1_1{ float:left; width:100%; font-size:20px; color:#3563a9; line-height:30px; overflow:hidden;}
.news1_2{ float:left; width:100%; font-size:14px; color:#0069b5; line-height:30px; overflow:hidden;}
.news2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#444; line-height:30px; margin-top:10px;}
.news2 img{ max-width:100%;}
.news3{ float:left; width:100%; overflow:hidden; border-top:1px solid #dce4e6; margin-top:50px; padding:20px 0 50px 0;}
.news3_1{ float:left; width:100%; overflow:hidden; font-size:14px; color:#444; height:20px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; margin-top:10px;}
.news3_1 a{ color:#444;}
.news3_1 a:hover{ color:#0069b5;}

.table_css{ width:100%; overflow:hidden; overflow-x:scroll;}

}