@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ display:none;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:10px 0 8px 0; text-align:left;}
.mobile_logo{ display:block; height:30px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:80%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none; font-size:13px;}
.mobile_nav_search2{ float:right; height:40px; width:14%; background:url(../images/search.png) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:6px;}
.header_mobile1 .span1{ display:block; height:3px; background:#0155b4; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#0155b4; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#0155b4; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.slideBox{ display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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-container .swiper-slide img{ display:block; width:100%;}
.swiper-container .swiper-pagination{ bottom:5px;}
.swiper-container .swiper-pagination-bullet{ background:#FFF; width:10px; height:10px;}
.swiper-container .swiper-pagination-bullet-active{ background:#0155b4;}

.search{ width:100%; min-height:50px; overflow:hidden; background:#f0f0f0;}
.search1{ width:94%; margin:0 auto; overflow:hidden;}
.search2{ float:left; overflow:hidden; padding:13px 0; width:100%;}
.search2 li{ float:left; font-size:13px; color:#343434; line-height:24px; margin-right:20px;}
.search2 li:first-child{ margin-right:0;}
.search2 li a{ color:#343434;}
.search2 li a:hover{ text-decoration:underline;}
.search3{ float:right; width:30%; height:36px; overflow:hidden; background:#FFF; margin-top:12px; display:none;}
.search4{ float:left; width:70%; height:36px; line-height:36px; border:0; outline:none; font-size:13px; color:#999; padding:0 5%; font-family:"微软雅黑";}
.search5{ float:left; width:20%; height:36px; line-height:36px; border:0; outline:none; cursor:pointer; font-size:14px; color:#FFF; background:#00c7e7; font-family:"微软雅黑";}

.index1{ width:100%; overflow:hidden; padding:5px 0 30px 0;}
.index1_1{ width:100%; margin:0 auto; overflow:hidden;}
.index1_1 li{ float:left; width:45%; overflow:hidden; margin-right:0%; border:1px solid #f0f0f0; margin-top:25px; margin-left:3%;}
.index1_1 li:nth-child(4n){ margin-right:0;}
.index1_1 li:nth-child(2n){ margin-right:0;}
.index1_1 li a{ display:block; position:relative; overflow:hidden; width:100%;}
.index1_2{ display:block; width:100%;}
.index1_3{ position:absolute; bottom:0; left:0; width:90%; padding:0 5%; height:44px; line-height:44px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:15px; font-weight:bold; color:#2f2f2f; background:url(../images/index1_9.png) repeat; z-index:100; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_4{ display:none; position:absolute; left:0; top:-100%; width:90%; padding:0 5%; height:100%; background:url(../images/index1_10.png) repeat; z-index:1000; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_5{ width:100%; font-size:24px; height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; color:#FFF; line-height:34px; margin-top:-60px; top:50%; position:relative;}
.index1_6{ width:100%; font-size:18px; color:#FFF; line-height:24px; margin-top:15px; top:50%; position:relative; max-height:96px; overflow:hidden;}
.index1_1 li a:hover .index1_3{ bottom:0%;}
.index1_1 li a:hover .index1_4{ top:-100%;}

.index2{ width:100%; height:auto; background:url(../images/index2_1.jpg) center center no-repeat; background-size:auto 100%; padding:30px 0;}
.index_title{ display:inline-table;}
.index_title1{ font-size:16px; font-weight:bold; color:#FFF; line-height:26px;}
.index_title1 span{ color:#0054b0;}
.index_title2{ font-size:12px; color:#FFF; line-height:24px;}
.index_title3{ width:22px; height:1px; margin:12px auto 0 auto;}
.index_title3 .span1{ display:block; width:3px; height:1px; float:left; background:#FFF;}
.index_title3 .span2{ display:block; width:18px; height:1px; float:right; background:#FFF}

.swiper-container1 {
	width: 94%;
	height: auto;
	margin: 30px auto;
	overflow:hidden;
}
.swiper-container1 .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;
}

.index2_more{ display:block; width:138px; height:40px; margin:30px auto 0 auto; border:1px solid #d8d8d8; background:url(../images/more.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_more:hover{ background:url(../images/more1.png) center center no-repeat #FFF;}
.swiper-container1 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.index2_1{ display:block; width:100%;}
.index2_2{ width:90%; padding:0 5%; background:#eaeaea; height:48px; line-height:48px; font-size:13px; color:#646464; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.swiper-container1 .swiper-slide a:hover .index2_2{ background:#00c7e8; color:#FFF;}

.index3{ width:100%; overflow:hidden; padding:30px 0;}
.index3 .index_title1{ color:#424242;}
.index3 .index_title1 span{ color:#0054b0;}
.index3 .index_title2{ color:#a6a6a6;}
.index3 .index_title3 .span1{ background:#05c4eb;}
.index3 .index_title3 .span2{ background:#424242}

.index3_1{ width:94%; margin:0 auto; overflow:hidden;}
.index3_1 li{ float:left; margin-left:0; margin-right:0; overflow:hidden; width:99%; border-bottom:1px dashed #e5e5e5; padding:25px 0;}
.index3_1 li:nth-child(3){ border-bottom:1px dashed #e5e5e5;}
.index3_1 li:nth-child(4){ border-bottom:0;}
.index3_1 li:nth-child(2n){ margin-right:0;}
.index3_1 li a{ display:block; width:100%; overflow:hidden;}
.index3_2{ float:left; width:22%; border:1px solid #e8e8e8;}
.index3_3{ width:100%; height:32px; line-height:32px; background:url(../images/index3_1.jpg) repeat-x; font-size:12px; font-weight:bold; color:#5b5b5b;}
.index3_4{ width:100%; height:70px; line-height:70px; background:#b1afb0; color:#FFF; font-size:34px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_5{ float:right; width:72%; text-align:left;}
.index3_6{ width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#808080; line-height:32px; height:32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index3_7{ width:100%; overflow:hidden; font-size:13px; line-height:24px; height:48px; overflow:hidden; color:#9b9b9b; margin-top:10px;}
.index3_1 li a:hover .index3_4{ background:#00c7e8;}

.index3_more{ display:block; width:138px; height:40px; margin:5px auto 0 auto; border:1px solid #0155b4; background:url(../images/more1.png) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_more:hover{ background:url(../images/more.png) center center no-repeat #0155b4;}

.link{ width:100%;}

.footer{ width:100%; overflow:hidden;}
.footer_top{ width:100%; overflow:hidden; background:#292929; padding:20px 0;}
.footer_bot{ width:100%; overflow:hidden; background:#222222; border-top:1px solid #3f3f3f; font-size:12px; color:#737373; line-height:24px; padding:15px 0;}

.footer_top_in{ overflow:hidden; width:94%;}
.footer_top1{ float:left; width:270px; text-align:left; overflow:hidden; display:none;}
.footer_top1_1{ width:100%; overflow:hidden; font-size:13px; color:#FFF; border-bottom:1px solid #737373; line-height:24px; padding-bottom:20px;}
.footer_top1_2{ width:100%; overflow:hidden; margin-top:10px;}
.footer_top1_2 li{ float:left; width:50%; overflow:hidden; margin-top:15px;}
.footer_top1_2 li a{ font-size:14px; color:#7a7a7a; line-height:24px;}
.footer_top1_2 li a:hover{ text-decoration:underline;}
.footer_top2{ float:left; width:100%; max-width:100%; margin-left:0; text-align:left; overflow:hidden;}
.footer_top2_2{ width:100%; overflow:hidden; margin-top:10px; padding-bottom:20px;}
.footer_top2_2 li{ font-size:13px; color:#7a7a7a; line-height:24px; margin-top:10px; padding-left:30px;}
.footer_top2_2 li:nth-child(1){ background:url(../images/footer1_1.png) 1px 4px no-repeat;}
.footer_top2_2 li:nth-child(2){ background:url(../images/footer1_2.png) left 3px no-repeat;}
.footer_top2_2 li:nth-child(3){ background:url(../images/footer1_3.png) left 4px no-repeat;}
.footer_top3{ float:none; width:134px; overflow:hidden; margin:0 auto;}
.footer_top3_1{ display:block; width:134px;}
.footer_top3_2{ font-size:13px; color:#737373; line-height:24px; margin-top:10px;}
.footer_bot1{ overflow:hidden; width:94%;}
.footer_bot2{ float:left; width:100%; text-align:left;}
.footer_bot3{ float:right; width:100%;}
.footer_bot3 a{ color:#737373;}
.footer_bot3 a:hover{ text-decoration:underline;}

.piaofu{ display:none;}

/* about css */
.banner{ width:100%; height:213px; overflow:hidden; display:none;}
.banner_mobile{ width:100%; overflow:hidden; display:block;}
.banner_mobile img{ display:block; width:100%;}

.position{ width:100%; overflow:hidden; border-bottom:1px solid #e9e9e9;}
.position1{ width:94%; height:50px; margin:0 auto; overflow:hidden;}
.neiye_nav{ float:left; overflow:hidden; border-left:1px solid #e9e9e9; display:none;}
.neiye_nav li{ float:left; overflow:hidden; border-right:1px solid #e9e9e9;}
.neiye_nav li a{ display:block; width:180px; height:50px; line-height:50px; font-size:16px; color:#333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.neiye_nav li a:hover{ background:#0054b0; color:#FFF;}
.neiye_nav li .a_on{ background:#0054b0; color:#FFF;}
.position2{ float:left; font-size:13px; color:#0a0705; line-height:24px; margin-top:13px; background:url(../images/position1.png) left 6px no-repeat; padding-left:23px;}
.position2 a{ color:#0054b0;}
.position2 a:hover{ text-decoration:underline;}

.about_l{ float:left; width:100%; text-align:left; font-size:13px; color:#666; line-height:30px; margin-top:30px;}
.about_r{ float:right; width:100%; margin-top:30px; overflow:hidden;}
.about_r img{ max-width:100%;}

.about{ width:94%;}

.recommend{ background:#f9f9f9; padding:30px 0 30px 0;}
.recommend1{ width:94%; margin:0 auto; overflow:hidden;}
.recommend_title{ width:100%; height:40px; border-bottom:1px solid #dedede;}
.recommend_title1{ float:left; font-size:16px; font-weight:bold; color:#333333; height:40px; border-bottom:1px solid #0054b0;}
.recommend_title1 span{ color:#0054b0;}
.recommend_title2{ float:right; font-size:13px; color:#666; line-height:24px; margin-top:8px;}
.recommend_title2:hover{ text-decoration:underline;}
.recommend_list{ width:100%; overflow:hidden;}
.recommend_list li{ float:left; width:47.8%; border:1px solid #e1e1df; margin-top:30px; margin-right:3%;}
.recommend_list li:nth-child(4){ margin-right:0;}
.recommend_list li:nth-child(2n){ margin-right:0;}
.recommend_list li a{ display:block; position:relative;}
.recommend_list1{ display:block; width:100%;}
.recommend_list2{ width:90%; padding:0 5%; height:46px; line-height:46px; background:#eaeaea; color:#646464; font-size:13px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.recommend_list li a:hover .recommend_list2{ background:#00c7e8; color:#FFF;}

/* nesws css */
.swiper-container2 {
	width: 94%;
	height: 100%;
	overflow:hidden;
	margin:-10px auto 0 auto;
	position:relative;
	border:1px solid #e6e6e6;
}
.swiper-container2 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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-container2 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.swiper-button-next2{ position:absolute; z-index:10; width:25px; height:50px; background:url(../images/news4.png) no-repeat; background-size:25px auto; top:18%; margin-top:0; right:0; cursor:pointer;}
.swiper-button-prev2{ position:absolute; z-index:10; width:25px; height:50px; background:url(../images/news3.png) no-repeat; background-size:25px auto; top:18%; margin-top:0; left:0; cursor:pointer;}

.news1{ float:left; display:block; width:100%;}
.news2{ float:left; width:94%; padding:0 3% 20px 3%; overflow:hidden; text-align:left;}
.news3{ float:left; width:100%; overflow:hidden; font-size:15px; font-weight:bold; color:#333; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.news4{ float:left; clear:both; margin-top:12px; width:46px; height:2px; background:#e6e6e6;}
.news5{ float:left; width:100%; font-size:13px; color:#666666; line-height:24px; margin-top:15px;}
.news6{ float:left; width:100%; overflow:hidden; font-size:13px; color:#666666; line-height:24px; margin-top:15px; height:72px;}
.news7{ float:left; display:block; width:112px; height:35px; margin-top:20px; background:url(../images/more.png) center center no-repeat #00c7e8;}

.news8{ margin:10px auto 0 auto;}
.news8 li{ float:left; margin-left:0; margin-right:0%; overflow:hidden; width:100%; border-bottom:1px dashed #e5e5e5; padding:25px 0;}
.news8 li:nth-child(3){ border-bottom:1px dashed #e5e5e5;}
.news8 li:nth-child(4){ border-bottom:1px dashed #e5e5e5;}

.page{ width:94%; margin:0 auto; overflow:hidden; font-size:12px; color:#999999; padding:20px 0 30px 0;}
.page span{ display:inline-block; margin:10px 2px 0 2px; border:1px solid #c8c8c8; height:30px; line-height:30px; padding:0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a{ display:inline-block; color:#999999; margin:10px 2px 0 2px; border:1px solid #c8c8c8; height:30px; line-height:30px; padding:0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.page a:hover{ background:#00c7e8; color:#FFF; border:1px solid #00c7e8;}
.page span:hover{ background:#00c7e8; color:#FFF; border:1px solid #00c7e8;}

/* neswsIn css */
.newsIn{ width:94%; margin:0 auto; overflow:hidden;}
.newsIn1{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#333; line-height:26px; margin-top:30px;}
.newsIn2{ width:100%; overflow:hidden; font-size:13px; color:#666666; line-height:24px; margin-top:15px;}
.newsIn3{ width:100%; overflow:hidden; margin-top:20px; padding:30px 0; border-top:1px solid #dedede; border-bottom:1px solid #dedede; text-align:left; font-size:13px; color:#666666; line-height:30px;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:94%; margin:0 auto; overflow:hidden; text-align:left; position:relative; padding:15px 0 30px 0;}
.pageIn1{ width:65%; overflow:hidden; font-size:13px; color:#333; line-height:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:8px;}
.pageIn1 a{ color:#333;}
.pageIn1 a:hover{ text-decoration:underline;}
.pageIn2{ position:absolute; right:0; top:0; width:100px; height:42px; line-height:42px; text-align:center; font-size:12px; color:#FFF; overflow:hidden; background:#00c7e7; -webkit-border-radius:21px; -moz-border-radius:21px; border-radius:21px; margin-top:28px;}
.pageIn2 span{ font-family:"宋体"; vertical-align:top; font-size:16px;}

.recommend_news_list{ width:100%; overflow:hidden; margin-top:20px;}
.recommend_news_list li{ float:left; width:100%; border-right:1px dotted #b2b2b2; margin-top:1px; padding-right:5%; font-size:13px; color:#929292; line-height:24px; padding-bottom:10px;}
.recommend_news_list li:nth-child(2n){ border-right:0; padding-left:0; padding-right:0;}
.recommend_news_list li:nth-child(n){ border-right:0; padding-left:0; padding-right:0;}
.recommend_news_list li a{ display:block; float:left; color:#666; max-width:65%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/newsIn2.png) left center no-repeat; padding-left:10px;}
.recommend_news_list li a:hover{ text-decoration:underline;}
.recommend_news_list li span{ display:block; float:right;}

/* pro css */
.pro{ width:94%; margin:0 auto; overflow:hidden; padding-top:30px;}
.pro_l{ float:left; width:238px; border:1px solid #f0f0f0; overflow:hidden; display:none;}
.pro_r{ float:right; width:100%; overflow:hidden;}

.pro_l1{ width:218px; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#FFF; background:#0054b0; padding-left:20px; text-align:left;}
.pro_l2{ width:238px; overflow:hidden;}
.pro_l2 li{ float:left; width:238px; overflow:hidden;}
.pro_l2 li a{ float:left; margin-left:5px; display:block; width:198px; height:36px; line-height:36px; text-align:left; border-bottom:1px dashed #dedede; font-size:14px; color:#2f2f2f; padding:0 15px;}
.pro_l2 li:first-child a{ padding:8px 15px 0 15px;}
.pro_l2 li:last-child a{ border-bottom:0; padding:0 15px 8px 15px;}
.pro_l2 .li_on{ background:#00c7e7;}
.pro_l2 .li_on a{ color:#FFF;}
.pro_l2 li:hover{ background:#00c7e7;}
.pro_l2 li:hover a{ color:#FFF;}
.pro_l3{ width:167px; height:68px; overflow:hidden; background:url(../images/pro2.png) 15px center no-repeat #0054b0; color:#FFF; text-align:left; padding:0 5px 0 66px;}
.pro_l3_1{ font-size:14px; line-height:16px; margin-top:15px;}
.pro_l3_2{ font-size:19px; font-family:"Arial"; font-weight:bold; line-height:22px; margin-top:3px;}

.pro_r1{ width:100%; height:40px; border-bottom:2px solid #eeeeee;}
.pro_r1_1{ float:left; height:40px; font-size:16px; font-weight:bold; color:#424242; line-height:30px; border-bottom:2px solid #00a1dc;}
.pro_r1_1 span{ color:#0054b0;}
.pro_list{ width:100%; overflow:hidden; margin-top:0;}
.pro_list li{ float:left; width:47.8%; overflow:hidden; margin-right:3%; border:1px solid #f0f0f0; margin-top:30px;}
.pro_list li:nth-child(3n){ margin-right:3%;}
.pro_list li:nth-child(2n){ margin-right:0;}
.pro_list li a{ display:block; width:100%; overflow:hidden;}
.pro_list1{ display:block; width:100%;}
.pro_list2{ width:90%; overflow:hidden; padding:0 5%; height:48px; line-height:48px; background:#eaeaea; text-align:left; font-size:13px; color:#646464; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro_list li a:hover .pro_list2{ background:#00c7e8; color:#FFF;}
.page_pro{ width:100%; text-align:center;}
.pro_r2{ float:right; margin-top:5px;}

/* proIn css */
.proIn{ width:100%; overflow:hidden; font-size:16px; font-weight:bold; line-height:26px; margin-top:30px;}
.proIn1{ width:100%; overflow:hidden; font-size:13px; color:#666666; line-height:24px; margin-top:20px;}
.proIn2{ width:100%; overflow:hidden; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin-top:15px;}
.proIn3{ display:block; border:1px solid #59514f; margin:40px auto 0 auto; max-width:60%;}
.proIn4{ width:100%; overflow:hidden; padding:30px 0; text-align:left; font-size:13px; color:#666666; line-height:30px;}
.pro_pageIn{ width:100%; overflow:hidden;}

/* contact css */
.contact{ width:94%; margin:0 auto; overflow:hidden; padding:0 0 30px 0;}
.contact1{ float:left; text-align:left; width:100%; overflow:hidden;}
.contact1_1{ float:left; width:100%; overflow:hidden; font-size:15px; color:#067b9e; line-height:25px;}
.contact1_2{ float:left; width:100%; overflow:hidden; font-size:18px; font-weight:bold; font-family:"Arial"; color:#067b9e; line-height:30px;}
.contact1_3{ float:left; width:100%; overflow:hidden; line-height:30px; font-size:13px; color:#666; margin-top:10px;}
.contact1_5{ float:left; width:93%; overflow:hidden; background:url(../images/footer1_1.png) 0 7px no-repeat; padding-left:7%;}
.contact1_6{ float:left; width:93%; overflow:hidden; background:url(../images/footer1_2.png) 0 7px no-repeat; padding-left:7%;}
.contact1_7{ float:left; width:93%; overflow:hidden; background:url(../images/footer1_3.png) 0 7px no-repeat; padding-left:7%;}
.contact2{ float:left; display:none; margin-left:80px; margin-top:30px;}
.contact3{ float:right; width:auto; border-left:0; display:none;}
.contact3_1{ float:right; border:1px solid #c9c9c9;}
.contact3_1 img{ display:block; width:161px;}
.contact3_2{ float:right; clear:both; width:163px; height:35px; line-height:35px; font-size:13px; color:#656565;}
.map{ width:94%; height:260px; margin:0 auto;}
.contact4{ width:100%; height:auto; background:#f9f9f9; background-size:auto 100%; overflow:hidden; margin-top:30px; padding-bottom:30px;}
.contact4_1{ width:94%; margin:0 auto 0 auto; overflow:hidden;}
.contact5_l{ float:left; width:100%; overflow:hidden;}
.contact5_l1{ float:left; width:93%; padding:0 3%; height:34px; line-height:34px; border:1px solid #cecece; background:#FFF; outline:none; font-family:"微软雅黑"; font-size:13px; color:#666;}
.contact5_r{ float:right; width:100%; overflow:hidden; margin-top:20px; position:relative; padding-bottom:30px;}
.contact5_r1{ float:left; width:93%; padding:2px 3%; height:102px; line-height:30px; border:1px solid #cecece; background:#FFF; outline:none; font-family:"微软雅黑"; font-size:13px; color:#666;}
.contact5_r2{ float:left; width:73%; padding:0 3%; height:34px; line-height:34px; border:1px solid #cecece; background:#FFF; outline:none; font-family:"微软雅黑"; font-size:13px; color:#666;}
.contact5_b{ float:left; width:100%; margin-top:0;}
.contact5_b1{ width:120px; height:35px; border:1px solid #005bac; background:#005bac; color:#FFF; font-size:13px; font-family:"微软雅黑"; cursor:pointer; outline:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin:0 2%;}
.contact5_b2{ width:120px; height:35px; border:1px solid #cccccc; background:#FFF; color:#464646; font-size:13px; font-family:"微软雅黑"; cursor:pointer; outline:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin:0 2%;}
.contact_blank{ width:100%; overflow:hidden; height:15px; clear:both;}

.contact5_r3{ float:right; height:36px; width:18%; cursor:pointer;}

}
