/* CSS Document */
#banner_about { height:350px; }
#banner_about img { display:none }
.about_title { font-size:24px; text-transform:uppercase }
.about_title font { font-weight:normal }
.about_title:after { display:none }
/***/
.company_brand { background:#fff; padding:80px 0 }
.company_brand ul { margin-top:45px; }
.company_brand li { width:48%; float:left; text-align:center; line-height:1.6 }
.company_brand li img { display:block; width:100%; height:auto;transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s; }
.company_brand li .thumb { display:block; margin-bottom:15px; overflow:hidden}
.company_brand li .thumb:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.company_brand li.odd { float:right }
.company_brand li b { display:block; font-size:20px;}
.company_brand li i { width:30px; height:3px; background:#a8a8a8; content:""; display:block; margin:15px auto; }
.company_brand li p { display:block; padding:0 50px; }
/***/
.full_culture { padding:100px 0;background:url(../images/about_cl.jpg) no-repeat center bottom;color:#464646; }
.full_culture .culture_b { font-size:24px; font-weight:bold; color:#464646; margin:45px 0; text-align:center; display:block; text-transform:capitalize }
.culture_ul { width:100%; margin:0 auto }
.culture_ul li { width:100%; padding:20px 0px; text-align:center; line-height:1.6;}
.culture_ul li b { font-size:20px; display:block; font-weight:normal; margin-bottom:10px; text-transform:capitalize}
.culture_ul li span { display:none; margin:15px 0 } 
.culture_ul li p{ font-size:16px;}
/***/
#home_honor { background:#fff; padding:80px 0; }
#cert_carousel { margin-top:45px; }
#home_honor .owl-carousel.owl-drag .owl-item { background:#fff; -moz-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); box-shadow:5px 5px 15px rgba(0, 0, 0, 0.2); }
#home_honor .owl-carousel.owl-drag .owl-item img { max-width:100%; height:auto; width:auto; margin:0 auto }
#home_honor .owl-carousel.owl-drag .owl-item span { }
#home_honor .owl-carousel.owl-drag .owl-item p { display:block; font-size:14px; padding:10px 10px; text-align:center; line-height:1.6;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#home_honor .owl-carousel .owl-stage-outer { padding-bottom:20px; }
#home_honor .owl-prev, #home_honor .owl-next { width:21px; height:42px; position:absolute; top:50%; margin-top:-21px; }
#home_honor .owl-prev { left:-80px; background:url(../images/prev2.png) }
#home_honor .owl-next { right:-80px; background:url(../images/next1.png) }
#home_honor .owl-carousel .owl-dots.disabled, #home_honor .owl-carousel .owl-nav.disabled { display:block }
/***/
.cate_ul { color:#777; font-size:14px; line-height:1.8; text-align:center; padding:25px 0 }
.cate_ul font { display:inline-block; margin:5px 15px; }
.cate_ul font a { color:#777; }
.cate_ul font a.on { color:#003f8f }
body.body_fa { background:#fafafa; }
.full_page { padding:80px 0; }
.adv_imgs { float:left; text-align:center; width:33.333%; }
.page_content { line-height:1.8; font-size:14px; padding-top:20px; }
.page_content img { max-width:100%; vertical-align:top; height:auto }
/***/
.adv_long { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.adv_long *,.products_adv *,.news_list *,.video_ul *{ transition: All 0.3s ease; -ms-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
.adv_long li { width:24%; margin-right:1.333333333333333%; background:#fff; text-align:center; margin-bottom:1.3333333333%; padding:50px 15px; line-height:1.7; font-size:12px;}
.adv_long li span{margin-bottom:10px;display:block;}
.adv_long li b { display:block; font-size:14px; position:relative; padding-bottom:15px; margin-bottom:15px }
.adv_long li b:after { width:36px; height:2px; background:#003f8f; content:""; display:block; position:absolute; left:50%; bottom:0; margin-left:-18px; }
.adv_long li:nth-child(4n) {margin-right:0;}
.adv_long li:hover{box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%); transform: rotate(0deg) scale(1) translate(0%, 0%);}
/***/
.products_adv { }
.products_adv li { border:1px solid #e8e8e8; background:none; height:302px; position:relative; padding:50px; padding-right:500px; margin-bottom:35px; loat:left; width:100% }
.products_adv li:hover{box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%); transform: rotate(0deg) scale(1) translate(0%, 0%); background:#fff}
.products_adv li p { display:block; color:#999 }
.products_adv li p span { display:inline-block; position:relative; padding-left:12px; }
.products_adv li p span:before { width:5px; height:5px; background:#999; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; content:""; position:absolute; left:0; top:10px }
.products_adv li b { display:block; font-size:16px; font-weight:normal; margin-bottom:10px; }
.products_adv li span.thumb { background:none; width:450px; height:300px; position:absolute; right:0; top:0; overflow:hidden }
.products_adv li:hover span.thumb img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);}
/***/
.brand_ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.brand_ul li { background:#fff; margin-bottom:35px; float:left; width:100%; position:relative }
.brand_ul li a { display:block; }
.brand_ul li:nth-child(even) .text {
float:right
}
.brand_ul li:nth-child(even) .thumb {float:left}
.brand_ul li .text { float:left; padding:50px; width:45%; }
.brand_ul li .text b { font-size:24px; color:#5f5f5f; text-transform:capitalize }
.brand_ul li .text font { display:block; position:absolute; bottom:50px }
.brand_ul li:nth-child(even) .text font {left:55%;margin-left:50px}
.brand_ul li .text font i { border:1px solid #ddd; width:35px; height:35px; display:inline-block; line-height:35px; font-size:20px; padding-left:3px; text-align:center; }
.brand_ul li:hover font i{ background:#003f8f; border-color:#003f8f; color:#fff}
.brand_ul li .text em { background:#434343; display:block; width:20px; height:2px; margin:15px 0 }
.brand_ul li .text span { display:block; font-size:16px; color:#5f5f5f; margin-bottom:15px; }
.brand_ul li .text p { display:block; font-size:14px; color:#999; line-height:1.5 }
.brand_ul li .thumb { width:55%; float:right }
.brand_ul li .thumb img { display:block; width:100%; height:auto }
.brand_ul li,.brand_ul *{transition: All 0.3s ease;-ms-transition: All 0.3s ease;-moz-transition: All 0.3s ease;-webkit-transition: All 0.3s ease;}
.brand_ul li:hover{box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18);
    -ms-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18);
    -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%);
    transform: rotate(0deg) scale(1) translate(0%, 0%);}
/***/
.product_ul ul { padding:0 10px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.product_ul li { width:25%; padding:10px; float:left; }
.product_ul li a { display:block; background:#fff; position:relative; line-height:24px; }
.product_ul li * { transition: All 0.3s ease; -ms-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
.product_ul li a:hover { box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%); transform: rotate(0deg) scale(1) translate(0%, 0%); }
.product_ul li span { display:block; width:100%; padding:70px 0; }
.product_ul li span img { display:block; max-width:100%; height:auto; margin:0 auto; }
.product_ul li p { display:block; border-top:1px solid #ddd; padding:0 20px; padding-top:20px; color:#000; margin-top:10px; }
.product_ul li a:hover p { margin-top:0px; }
.product_ul li a:hover { padding-bottom:10px; }
.product_ul li a:hover p { color:#083f92; }
.product_ul li font { display:block; padding:0px 20px; color:#999; padding-bottom:20px; }
.product_ul li a i { color:#999; position:absolute; right:25px; bottom:35px; }
.product_ul li a:hover i { bottom:45px; }
.owl-big img { max-width:100%; max-height:500px; width:auto; margin:0 auto }
.product_thumbs .w1200 { background:#fff; text-align:center; padding:30px 50px; }
.owl-big .swiper-button-next, .owl-big .swiper-button-prev { background-image:none; background-color: rgba(204, 204, 204, 0.6); width:40px; height:40px; line-height:40px; text-align:center; font-size:25px; color:#fff; -webkit-border-radius: 50%; border-radius: 50%; -moz-border-radius: 50%; position:absolute; top:50%; margin-top:-20px; }
.owl-big .swiper-button-prev { left:0px; }
.owl-big .swiper-button-next { right:0px; }
.owl-big .swiper-button-next:hover, .owl-big .swiper-button-prev:hover { background-color:#083f92 }
.owl-small { max-width:500px; margin:0 auto; margin-top:15px; }
.owl-small img {height:78px; max-width:78px; }
.owl-small .swiper-slide { padding:5px; border:2px solid #ddd; }
.owl-small .swiper-slide.swiper-slide-thumb-active { border-color:#083f92 }
/**/
.product_thumbs { background:#eee; }
#position_current { background:#fff; padding:15px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-bottom:0px; }
#position_current p { max-width:1200px; margin:0 auto; text-align:left; text-transform:uppercase }
#position_current p em { margin:0 10px; vertical-align:top; color:#999; }
#position_current p a:hover { color:#1d2088 }
#position_current p a { vertical-align:top; color:#999; }
.product_description { }
.product_description img { max-width:100%; vertical-align:top }
.product_content { padding:50px 0; line-height:1.8; font-size:14px; color: rgb(85, 85, 85); }
.pd_h1 { font-size:24px; color:#083f92 }
.product_cat { color:#F00; font-size:15px; }
.product_description { margin-top:25px; }
/***/
.news_list{}
.news_list .element-item{border: 1px solid #e8e8e8; background:#fff; margin-bottom:25px; float:left; width:100%;}
.news_list .element-item:hover{box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 15px 50px 0 rgba(0, 0, 0, 0.18); -webkit-transform: rotate(0deg) scale(1) translate(0%, 0%); transform: rotate(0deg) scale(1) translate(0%, 0%);}
.news_list .element-item .thumb{ float:right; width:450px; height:250px; overflow:hidden; margin-left:50px;}
.news_list .element-item .thumb img{ display:block; width:100%; height:250px}
.news_list .text{ padding:30px 0; padding-left:50px;}
.news_list .text b{ font-size:16px; font-weight:normal; display:block;}
.news_list .text p.desc{ display:block; margin:10px 0; margin-top:20px; height:50px; overflow:hidden}
.news_list .text p.time{ margin-bottom:10px; margin-top:20px;}
.news_list .text p.amore i{ border:1px solid #003f8f; background:#003f8f; color:#fff; width:24px; height:24px; text-align:center; line-height:22px; margin-left:5px;}
.news_list .text p.amore a{ color:#666}
.news_list .element-item:hover b{ color:#003f8f}
/***/
.news_content{ background:#fff; padding:50px;}
.h2_title{ font-size:18px; display:block; text-align:center}
.news_time{ text-align:center; padding:15px 0; border-bottom:1px solid #eee}
.news_show{ padding:25px 0}
.page_next a:hover{color:#003f8f}
.page_next p{ margin-bottom:4px;}
/***/
.service_policy{}
.service_policy li{ float:left; width:25%; text-align:center;}
.service_policy li b{ display:block; margin-top:15px;}
/***/
.video_ul{}
.video_ul li{ float:left; width:32%; margin-right:2%; margin-bottom:2%;}
.video_ul li a{ display:block}
.video_ul li span.thumb{ display:block; overflow:hidden; position:relative}
.video_ul li span.thumb img{ display:block; width:100%; height:auto}
.video_ul li span.thumb:before{ background:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute; left:0; top:0; display:block; content:""; z-index:800;transition: All 0.3s ease; -ms-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -webkit-transition: All 0.3s ease; }
.video_ul li span.thumb:after{ background:url(../images/ivt.png) no-repeat center center; width:66px; height:65px; content:""; display:block; position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-32px; z-index:830}
.video_ul li a.title{ display:block; background:#003f8f; color:#fff; padding:10px 10px; text-align:center}
.video_ul li:nth-child(3n){ margin-right:0; float:right}
.video_ul li:hover span.thumb:before{background:rgba(0,0,0,0.1);}
/****/
.faqs_item{ margin-bottom:10px;}
.faqs_title{ border-bottom:1px solid #c9c9c9; background:none; padding:12px 15px; position:relative; padding-left:45px; cursor:pointer;}
.faqs_title:before{ content:"Q"; display:block; position:absolute; left:10px; top:13px; background:#003f8f; color:#fff; width:22px; height:22px; text-align:center; line-height:22px;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.faqs_msg{ background:#eee; padding:20px; display:none; position:relative; padding-left:45px;}
.faqs_msg:before{ content:"A"; display:block; position:absolute; left:10px; top:20px; background:#003f8f; color:#fff; width:22px; height:22px; text-align:center; line-height:22px;
-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;}
.faqs_list .on .faqs_msg{}
.faqs_list .on .faqs_title{ background:#003f8f; color:#fff}
/***/
.contact_lt{ float:left; width:534px;}
.form{ float:right;}
#map_baidu{ margin-top:35px;}
/***/
.bc360_lt{ float:left; width:60%; padding-right:25px}
.bc360_rt{ float:right; width:40%;}
.function_ul{}
.function_ul li{ width:13.42857142857143%; float:left; border:1px solid #e1e1e1; padding:10px 0; line-height:20px; text-align:center; height:60px; margin-right:1%}
.function_ul li span{ display:block}
.function_ul li:nth-child(7n){ margin-right:0}
.three_list{}
.three_list li{ float:left; width:31.33333333333333%; margin-right:3%; padding-bottom:15px; border-bottom:1px solid #ddd;}
.three_list li:nth-child(3){ margin-right:0}
.three_list li img{ display:block; width:100%; height:auto; margin-bottom:15px}
.flex_ul{}
.flex_ul li{ float:left; width:46%}
.flex_ul li:nth-child(2n){ float:right}
.flex_ul li img{ max-width:100%; margin:0 auto;}
.safe_lt{ float:left; width:55%; padding-right:25px}
.safe_rt{ float:left; width:45%}
.safe_rt img{ width:100%; display:block}
/****/
.system_b{ color:#003f8f; font-size:18px; margin-bottom:10px}
.system_label{color:#003f8f; font-size:18px; margin-bottom:20px; display:block}
.system_label:after{ height:2px; background:#003f8f; width:30px; content:""; display:block; margin-top:5px;}
.tixi_img{}
.tx_img_lt{ float:left;} 
.tx_img_rt{ float:right}
/***************************/
@media screen and (max-width:1300px) {
	#banner_about{ height:auto}
	#banner_about img{ display:block; width:100%}
	.company_brand{ padding-left:25px; padding-right:25px;}
	.company_brand li{ width:50%; padding-right:15px;}
	.company_brand li:nth-child(2){ padding-right:0; padding-left:15px;}
	.full_culture{ padding:80px 0}
	#home_honor{ padding-left:25px; padding-right:25px;}
	.brand_ul{ padding-left:25px; padding-right:25px;}
	#body_78 .page_content{ padding-left:25px; padding-right:25px;}
	#body_78 .page_content img{ max-width:100%; height:auto}
	/****/
	#body_81 .page_content{padding-left:25px; padding-right:25px;}
	#body_81 .page_content img{ max-width:100%; height:auto}
	.tx_img_lt{ float:left; width:49%} 
    .tx_img_rt{ float:right; width:49%}
	}
@media screen and (max-width:1300px) {
	.brand_ul li{ width:50%; border-right:12.5px solid #fafafa}
	.brand_ul li:nth-child(2){border-left:12.5px solid #fafafa; border-right:0}
	.brand_ul li .thumb{ width:100%}
	.brand_ul li .text{ width:100%; padding:25px}
	.brand_ul li a{ display:block; float:left;}
	.brand_ul li .text font{ position:static; margin-top:15px;}
	.brand_ul li:nth-child(even) .text font{ margin-left:0}
	/**/
	#position_current p{ max-width:100%; padding:0 25px;}
	.product_content{ padding-left:25px; padding-right:25px;}
	.product_description img{ height:auto; max-width:100%}
	/***/
	#body_80 .news_list{ padding-left:25px; padding-right:25px;}
	.news_content{ padding:50px 25px;}
	/***/
	#body_83 .page_content{ padding-left:25px; padding-right:25px;}
	.contact_lt{ width:48%;}
	.form{ width:48%}
}
@media screen and (max-width:960px) {
	.news_list .element-item{ border:0; float:left; width:48%; margin-right:4%}
	.news_list .element-item:nth-child(2n){ margin-right:0}
	.news_list .element-item .thumb{ width:100%; height:auto; position:static; float:none; margin:0}
	.news_list .element-item .thumb img{ width:100%; height:auto}
	.news_list .text{ padding:25px;}
	.news_list .text p.desc{ margin-top:10px}
	.news_list .text a .title{ display:block;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:100%}
}
@media screen and (max-width:920px) {
	.adv_imgs{ padding-left:15px; padding-right:15px;}
	.adv_long li{ width:32%; margin-right:2%}
	.adv_long li:nth-child(4n){ margin-right:2%}
	.adv_long li:nth-child(3n){ margin-right:0%}
	.products_adv li{ height:auto; padding:0px; background:#fff; border:0}
	.products_adv li span.thumb{ height:auto; width:100%; position:static}
	.products_adv li span.thumb img{ width:100%; height:auto}
	.products_adv li .text{ padding:30px;}
	.full_page{ padding:45px 0}
	/**/
	.product_ul li span{ padding:50px 0}
	.product_ul li{ width:33.3333%}
	.product_ul li p{ line-height:1.5}
	.product_content{ padding-top:10px;}
	/**/
	.contact_lt{ width:100%;}
	.form{ width:100%}
}
@media screen and (max-width:800px) {
	.company_brand{ padding-top:50px; padding-bottom:50px;}
	.full_culture{ padding:50px 0}
	.full_culture .culture_b{ font-size:22px; margin:25px 0; margin-top:45px;}
	.culture_ul li{ padding:10px 0}
	.company_brand li p{ padding:0}
	#home_honor{ padding-top:50px; padding-bottom:50px;}
	/**/
	.product_ul li span{ padding:40px 0}
	.product_ul li{ width:50%}
	.news_content{ padding:35px 25px}
	}	
	
@media screen and (max-width:760px) {
	.company_brand li{ width:100%; padding-right:0px;}
	.company_brand li:nth-child(2){ padding-right:0; padding-left:0px; margin-top:25px;}
	.brand_ul li{ width:100%; border-right:0px}
	.brand_ul li:nth-child(2){border-left:0; border-right:0}
	.adv_long li{ width:49%; margin-right:2%; padding:25px 15px}
	.adv_long li:nth-child(4n){ margin-right:2%}
	.adv_long li:nth-child(3n){ margin-right:2%}
	.adv_long li:nth-child(2n){ margin-right:0%}
	.product_ul li span{ padding:30px 0}
	.product_ul li{ width:50%}
	.video-sign{ width:100%; height:auto}
	.tx_img_lt{ float:left; width:100%} 
    .tx_img_rt{ float:right; width:100%; margin-top:15px;}
	}	
@media screen and (max-width:600px) {
	.product_thumbs .w1200{ padding-left:25px; padding-right:25px}
	.owl-small{ width:100%; max-width:100%}
	.owl-big img{ width:auto; height:auto}
	.owl-small img{ height:45px; width:100%}
	.pd_h1{ font-size:20px;}
	.service_policy li{ width:50%; margin-bottom:25px}
	/***/
	.video_ul li{ width:48%; margin-right:4%; margin-bottom:4%}
	.video_ul li:nth-child(3n){ margin-right:4%; float:left}
	.video_ul li:nth-child(2n){ margin-right:0}
	.video_ul li span.thumb:after{ width:36px; height:36px; background-size:100% 100%; margin-left:-18px; margin-top:-18px}
	}	
@media screen and (max-width:500px) {
	.full_culture .culture_b{ font-size:18px;}
	.culture_ul li b{ font-size:16px;}
	.culture_ul li p{ font-size:14px;}
	#body_78 .page_content .adv_long li span img{ height:45px;}
	.adv_long li{ width:48%; margin-right:4%; padding:25px 15px; margin-bottom:4%}
	.adv_long li:nth-child(4n){ margin-right:4%}
	.adv_long li:nth-child(3n){ margin-right:4%}
	.adv_long li:nth-child(2n){ margin-right:0%}
	.form li.submit input{ width:100%}
	}	
	
@media screen and (max-width:375px) {
	.adv_long li{ width:100%; margin-right:0%; padding:25px 15px}
	.adv_long li:nth-child(4n){ margin-right:0%}
	.adv_long li:nth-child(3n){ margin-right:0%}
	.adv_long li:nth-child(2n){ margin-right:0%}
	/**/
	 .product_ul li span{ padding:20px 0}
	.product_ul li{ width:100%}
	/**/
	 .news_list .element-item{ border:0; float:left; width:100%; margin-right:0%}
	.news_list .element-item:nth-child(2n){ margin-right:0}
	.news_list .text a .title{ display:block;overflow:visible; white-space:normal; text-overflow: ellipsis; width:100%}
	/***/
	#body_81 .page_content .service_policy li img{ height:50px;}
	/***/
	.video_ul li{ width:100%; margin-right:0%; margin-bottom:4%}
	.video_ul li:nth-child(3n){ margin-right:0%; float:left}
	.video_ul li:nth-child(2n){ margin-right:0}
}
#province{ margin-top:25px; margin-bottom:25px;}
#province li{width:180px; margin-right:25px; float:left;}
#province li select{ display:block; width:100%; padding:5px;}
#province li.search{ width:150px;}
.map_form{ width:952px; margin:0 auto}
#search_map{ display:block; padding:5px 20px; background:#042a67; color:#fff; cursor:pointer; border:0; width:100%;line-height: 23px;}
.map_list{ width:952px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
.map_list li{ background:#fff; border-bottom:1px solid #ddd; float:left; width:100%}
.map_list li.hed{ background:#eee}
.map_list li span{ display:block; float:left; padding:6px 15px;}
.map_list li span i{ font-style:normal;}
.map_list li span.no{ width:100px; border-right:1px solid #ddd;}
.map_list li span.no label,.map_list li span.prov label{ display:none}
.map_list li span.prov{ width:400px;padding:0px 15px;}
.map_list li span.prov font{ display:block; float:left; padding-top:6px; padding-bottom:6px;}
.map_list li span.prov font.province{ width:80px;border-right:1px solid #ddd;}
.map_list li span.prov font.city{ width:120px; padding-left:15px; padding-right:15px;border-right:1px solid #ddd;}
.map_list li span.prov font.district{ width:170px; padding-left:15px;border-right:1px solid #ddd;}
.map_list li span.add{ width:450px;}
.map_form{}
@media screen and (max-width:1030px) {
.map_form{ width:100%}	
.map_list{ width:100%;}
.map_list li.li,.map_list li.hed{ position:relative; padding:6px 0;padding-left:100px; }
.map_list li span.no{ border:0; position:absolute; left:0; top:0; padding:6px 15px;}
.map_list li span.prov{ width:auto; padding:0; float:none; border:0;display:inline-block}
.map_list li span.add{ width:auto; padding:0; float:none; border:0;display:inline-block}
.map_list li span.prov font.province,.map_list li span.prov font.city,.map_list li span.prov font.district{ width:auto; float:none; margin-right:5px; padding:0; border:0; display:inline-block}
}

@media screen and (max-width:852px) {
#province li{ width:25%; padding-right:15px; margin-right:0}	
}

@media screen and (max-width:700px) {
#province li{ width:48%; padding-right:0px; margin-right:4%; margin-bottom:10px;}
#province li:nth-child(2n){ margin-right:0;}
#province li.search{ width:48%}
}