﻿@charset "utf-8";

/* CSS Document */

* {padding:0;margin:0;}

a {text-decoration: none;color: #333;padding:0;margin:0;}

ul {list-style: none;padding:0;margin:0;}

li {list-style: none;padding:0;margin:0;}

ul li {list-style: none;padding:0;margin:0;}

img {border: none;padding:0;margin:0; vertical-align:middle;}

a img{border: none;padding:0;margin:0;}

input,button,select,textarea{outline:none}

textarea{resize:none}

p{padding:0;margin:0;}

body {font-family: Verdana, Arial, Helvetica, sans-serif;line-height: 24px; font-size:12px;color:#333;padding:0;margin:0;  font-family:"微软雅黑";}







.position img{vertical-align:middle;}








































.clear{overflow:hidden;clear:both;}

.head,.main,.foot { width:100%; max-width:1200px; margin:0 auto;}

.logo{ float:left;padding:1% 0;}

.logo img{ max-width:100%;}

.top2{ float:right; text-align:right;}

.foot2{ overflow: hidden; clear:both;}

.foot2 li{ float:left; width:50%; text-align:center; line-height:26px; height:26px; padding:2% 0; background: url(../images/mbg1.jpg) repeat-x top; background-size:100% 100%;}

.foot2 a{ color:#FFF; font-size:14px; display:block;}

.car2{ position: relative;}

.car2 span{ position:absolute; top:-6px; right:20%; background:url(../images/tub2.png) no-repeat left center; background-size:100% 100%; width:18px; height:16px; line-height:14px; color:#fff; font-size:12px; text-align:center;}







.top{ float:right;}

.top ul{ padding:10px 0; float:right;}

.top li{ float:left; padding:0 5px; min-width:60px; text-align:center; line-height:24px; color:#333;}

.top_p1{ display:block; background:url(../images/xbg1.jpg) repeat-x; border:1px solid #ddd; width:60px; text-align: center; color:#333; border-radius:5px;}

.top_p2{ display:block; background:#f41f1f; width:60px; text-align: center; color:#fff;border-radius:3px;}

.top_p3{ text-align:center; width:82px; border:1px solid #fff; border-bottom:none; position:relative;border-radius:5px;}

.top_p3:hover{ border:1px solid #eee; border-bottom:none;border-radius:5px;}

.top_p3 p{ background:#fff; display: none; position: absolute; top:24px; left:-1px; padding:1px; width:90px; border:1px solid #eee; border-top:none; z-index:999999;}

.top_p3 p a{ display:block;}

.top_p3:hover p{ display:block;}

.top_p3 p a:hover{ background:#f0f0f0;}

.top_p5{ float:left; padding-top:15px; margin-right:10px; width:290px;}

.top_p5 a{ margin-right:10px;}

.car{ position:relative; float:right; width:144px; border:1px solid #eee; background:#fff;  position:relative; text-align:center;height:44px; line-height:44px; font-size:14px; }

.car_p1{ position:absolute; top:-10px; left:45px; background:url(../images/tub2.png) no-repeat; width:22px; height:20px; line-height:18px; color:#fff; font-size:12px;}

.car_p2{ background:url(../images/tub3.jpg) no-repeat left center; width:40px; height:26px ;display: inline-block; vertical-align: middle;}

.car_p3{ background:url(../images/tub1.png) no-repeat center; width:30px; height:26px ;display: inline-block; vertical-align: middle;}

.car_p4{display: none; position: absolute; top:43px; background:#f6f6f6; z-index:9999999999; right:0; width:260px; padding:10px; line-height:24px; color:#777; border:1px solid #eee;}

.car:hover .car_p4{ display: block;}



.nav{ background: url(../images/mbg1.jpg) repeat-x top; }

.menu{ width:100%; max-width:1200px; margin:0 auto;}

.menu1{ position:relative; height:48px;}

.menu2{height:48px; overflow:hidden;}

.list_dt{ margin:0; padding:0;background: #f72020; line-height:48px; overflow: hidden; position: relative; padding-left:30px; font-size:18px; color:#fff;}

.list_dt_icon{ position: absolute;right:15px; top:16px; display: block; width:20px; height: 16px; background: url(../images/tub4.png) no-repeat;}

#open .list_dt_icon{ background: url(../images/tub4.png) no-repeat;}

.list_dd{ position:absolute; top:48px; left:0; width:100%; z-index:999999999999; display: none; border:1px solid #ececec; border-bottom:none;}

.list_div2{ position: relative;}

.list_dt2{ background: #f7f7f7; display:block;padding-left:15px; height:64px; line-height:64px; border-bottom: 1px solid #ddd;}

.list_dt2 a{ color:#666;background: url(../images/tub5.png) no-repeat center left; padding-left:35px; display:block; font-size:16px; display: block;}

/*.list_dd2{ display: none; border:1px solid #ececec; border-left:none; position:absolute; left:230px; top:-1px; width:400px; background:#f8f8f8; padding:15px;}

*/

.list_dd2 p{ border-bottom:1px solid #ececec; line-height:50px; font-size:16px;}

.list_dd2 ul{ overflow:hidden; clear:both;}

.list_dd2 li{ float:left; width:44%; height:40px; padding:0 3%; font-size:14px; line-height:40px; overflow:hidden;}



.menu2,.tel{ background: url(../images/mbg1.jpg);}

.sear{border-radius:8px; overflow:hidden; background: url(../images/mbg1.jpg) repeat-x top;}

.sear1{border-bottom-left-radius:8px;border-top-left-radius:8px; background:url(../images/sear1.jpg) repeat-x; width:100%; line-height:38px; height:38px; border:none; padding:0; margin:0; min-width:80px;box-sizing:border-box;padding-left:15px;}

.sear2{ background:url(../images/sear2.png) no-repeat; width:100px; line-height:38px; height:38px; border:none; padding:0; margin:0;padding-left: 10px;}





.qietu img{ width:100%;}

.hj{overflow:hidden; clear:both; height:10px;}

.hj2{overflow:hidden; clear:both; height:20px;}

.hj3{overflow:hidden; clear:both; height:30px;}

.pp1{ padding:10px 0;}

.pp2{ padding:20px 0;}



.nr3_p3.tt1{margin-top:12px;}



.main2{ width:100%; max-width:1200px; margin:0 auto;}

.tit1{ overflow: hidden; clear:both; padding:2% 0; color:#555; background:url(../images/tbg1.jpg) no-repeat left center; padding-left:15px; font-size:18px;}

.nr1{ overflow:hidden; clear:both; margin-left:-1%;}

/*.nr1 li{ float:left; width:32.333%; padding:1% 0 0 1%;}*/

/*.nr1_p1{ border:1px solid #eee; padding:3%; overflow:hidden; clear:both; position:relative;}

.nr1_p2{ display:block; float:left; width:40%; position:relative; padding-bottom:36%; height:0; overflow:hidden;}

.nr1_p2 img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.nr1_p3{ float:right; width:56%; min-height:32%;}

*/.nr1_p4{ display:block; font-weight:bold;}

.nr1_p5{ color:#7e7e7e; height:44px; line-height:22px; overflow:hidden; }

.nr1_p6{ display:block; background:#eaeaea; text-align:center; float:left; padding:0 7%; margin-top:3%;}



.ftit{ text-align:center; background:#f7f7f7; font-size:16px; line-height:160%; padding:1% 0;}

.ftit a{ margin:0 1%;}

.foot{ padding:1% 0; font-size:14px; border-top:1px solid #f7f7f7; overflow:hidden; clear:both;}

.foot p.right{float:right;}



/*其他页面*/

.tit2{ background: url(../images/xbg2.jpg) repeat-x; background-size:100% 100%; line-height:36px; padding:0 1%; color:#a5a5a5;}

.tit2 a{ color:#a5a5a5;}

.tit2 span{ color:#666; font-weight:bold;}

.tit2 img{vertical-align:inherit;}

.tit3{ background:#d30605; padding-left:12px; overflow:hidden; clear:both; color:#fff; line-height:40px;}

.tit32 li{ background:#d30605; margin-top:1px; line-height:40px; text-align:center;}

.tit32 li:hover,.tit32 .no{ background:#ff3333; overflow:hidden; clear:both; color:#fff; line-height:40px; text-align:center; padding:0;}

.tit32 a{ color:#fff;font-size:18px;}

.tit33{ border-bottom:1px solid #ddd; line-height:40px; font-weight:bold;}

.bor1{ border:1px solid #ddd; border-top: none; padding:5px 0;}

.nr2{ overflow:hidden; clear:both; padding:0 12px;}

.nr2 li{ background: url(../images/tub8.jpg) no-repeat left center; overflow:hidden; clear:both; padding-left:18px;}

.nr2 li span{ font-weight:bold;}

.list_dt3{ margin:0; padding:0;background: #f4f4f4; line-height:28px; overflow: hidden; position: relative; padding-left:24px; font-size:14px; margin-top:1px;}

.list_dt_icon3{ position: absolute;left:5px; top:6px; display: block; width:20px; height: 16px; background: url(../images/off.png) no-repeat;}

#open .list_dt_icon3{ background: url(../images/open.png) no-repeat;}

.list_dd3{  display: none; padding:5px 10px;}

.list_dd3 li{background: url(../images/tub9.jpg) no-repeat left center; overflow:hidden; clear:both; padding-left:18px; line-height:28px;}



.tit4{ overflow:hidden; clear:both; background:#f1f1f1; border:1px solid #ddd;}

.tit4_l{ float:left; padding:5px 10px;}

.tit4_r{ float:right; padding:5px 10px;}

.tit4_l span{ display:block; float:left;}

.tit4_l a{ display:block; float:left; margin-right:5px; border:1px solid #ddd; background:#fff; padding:0 8px;}

.tit4_r p{ float:right;background: url(../images/xbg3.jpg) no-repeat left center; padding-left:20px; margin-left:20px;}

.tit4_r p a{ display:block; float:right; margin-left:5px; border:1px solid #ddd; background:#fff; padding:0 8px;}

.tit4_r p span{ display:block; float:left; padding-right:10px;}

.nr3{ overflow:hidden; clear:both; margin:0 -1%;}

.nr3_p1{ border:1px solid #eee; border-bottom:none; text-align:center; padding-bottom:2%;}

.nr3 li a{ display:block;}

.nr3_p2{ width:100%; padding-bottom:100%; height:0; overflow:hidden; position:relative;}

.nr3_p2 img{ display:block; width:100%; height:100%; position:absolute; top:0; left:0;}

.nr3_p3{ font-weight:bold; color:#1291d5;}

.nr3_p4{ color:#898989; height:24px; line-height:24px; overflow:hidden;}

.nr3_p5{ float:left;}

.nr3_p5 span{ color:#f00; font-weight:bold;}

.nr3_p6{ float:right; border:1px solid #ddd; background:#fff; padding:0 1%;}

.nr3_p7{ border:1px solid #eee; background:#f5f5f5; overflow:hidden; padding:2%;}



.none {display:none;}

.tit5{ overflow:hidden; clear:both; border-bottom:2px solid #d20505; border-left:1px solid #eee;}

.tit5 li{ float:left; padding:0 5%; line-height:220%; border-top:1px solid #eee; border-right:1px solid #eee; margin-left:-1px;}

.tit5 .active{background:#d20505;color:#fff; border-top:1px solid #d20505; border-right:1px solid #d20505;}

.nr4{ padding:2%; overflow:hidden; clear:both;}



#showbox { background:#eee;}

#showbox span { background:url(../images/whitebg.png) repeat;}

#showsum { left:25px; margin-top:10px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #f60;}



.showpage { width:360px; position:relative; margin-top:10px;}

.showpage a { display:block; width:15px; border:1px solid #ddd; height:50px; line-height:50px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}

.showpage a#shownext { left:auto; right:0;}

.showpage a:hover { background:#ccc; color:#777;}

.nr5_p5 table td{ padding:4px 12px;}



.nr5_p1{ background:#f9f9f9; border:1px solid #eee; border-radius:3px; padding:2%; float:left;}

.nr5 p{ overflow:hidden; clear:both; margin-bottom:3%; }

.nr5_p2{ background:#f9f9f9; padding:1% 3%; line-height:30px;}

.nr5_p3{ padding:1% 3%; font-size:14px;}

.nr5_p31{ background:url(../images/tbg2.jpg) no-repeat left center; line-height:32px; height:32px; border:none; margin:0; padding:0; vertical-align:middle;}

.nr5_p32{ background:url(../images/tbg2.jpg) no-repeat right center; line-height:32px; height:32px; border:none; width:52px; margin:0; padding:0; vertical-align:middle;} 

.nr5_p33{ color:#f52648;}

.nr5_p34{ color:#fff; background:#d20505; padding:0 5px;}

.nr5_p35{ color:#ff6500}

.nr5_p4{ padding:1% 0 1% 3%; overflow:hidden; clear:both;}

.nr5_p41{background:#ff6500;margin-right:3%;}

.nr5_p42{background:#e31939;}

.nr5_p41,.nr5_p42{display:block; float:left; width:125px;height:42px;; color:#fff;white-space: nowrap; text-align:center; padding:2% 0;border:0;font-size:14px; }

.tit6{ /*background:url(../images/bg1.jpg) no-repeat top center;*/ background-size:100% 100%; padding:3% 0; text-align:center;}

.tit6 p{ background:url(../images/bg2.png) no-repeat center; line-height:46px;}

.tit6 span{ color:#0c89d2;}

.nr6{ overflow:hidden; clear:both; text-align:left;}

.nr6 a{ display:block; position:relative; width:60%; padding-bottom:60%; height:0; overflow:hidden; border:1px solid #ddd;}

.nr6 a img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.nr6_p1{ padding-top:5%;}

.bor2{ border:1px solid #ddd; padding:1%;}

.tit7{ border-left:5px solid #d20505; padding-left:1%;}



.nr7{ overflow:hidden; clear:both;}

.nr7 li{ padding:2% 0; border-bottom:1px dashed #ddd; overflow:hidden; clear:both;}

.nr7_p1 img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; min-height:80px;}

.nr7_p21{ display:block; line-height:30px; height:30px; overflow:hidden;}	

.nr7_p22{ color:#999;}

.tit34{ color:#888; border-top:1px solid #ddd; border-bottom:1px dashed #ddd; padding-bottom:2%;}

.tit34 p{ line-height:120%; padding:1% 0; font-weight:bold; color:#333;}



.nr8{ overflow:hidden; clear:both; padding:1%; color:#666;}

.nr8 li{background:url(../images/tub10.jpg) no-repeat center left; padding:0.3% 0; padding-left:20px;}

.nr8 li a{ display:block; height:24px; overflow:hidden;}

.nr8_p1{ padding:1% 0;}

.nr8_p3{ padding-left:2%; float:left;}

.nr8_p4{ width:70%;}

.nr8_p4 td{ padding:1%;}

.nr8_p41{background:url(../images/ico1.jpg) no-repeat left center #fff; padding-left:50px; border:1px solid #e9e9e9; border-radius:5px;}

.nr8_p42{background:url(../images/ico2.jpg) no-repeat left center #fff; padding-left:50px; border:1px solid #e9e9e9; border-radius:5px;}

.nr8_p43{background:url(../images/ico3.jpg) no-repeat left center #fff; padding-left:50px; border:1px solid #e9e9e9; border-radius:5px;}

.nr8_p41 input,.nr8_p42 input,.nr8_p43 input{ border:none; background:none; width:100%; line-height:44px; height:44px; padding:0; margin:0; font-size:14px;}

.nr8_p45{border:1px solid #e9e9e9; border-radius:5px; padding:1%; width:100%; background:#fff; line-height:24px; padding:0; margin:0; font-size:14px;}

.nr8_p46{background:url(../images/ico4.jpg) no-repeat;width:72px; height:34px; padding:0; margin:0; margin-right:5px; border:none;}

.nr8_p47{background:url(../images/ico5.jpg) no-repeat;width:72px; height:34px; padding:0; margin:0; margin-right:5px; border:none;}





@media screen and (min-width:320px){.tt1 {font-size: 14px;}

.tt2{font-size:12px;}

.tt3{font-size:18px;}

.tt4{font-size:14px;}

.tt3{font-size:15px;}

}

@media screen and (min-width: 414px){.tt1 {font-size: 14px;}

.tt2{font-size:12px;}

.tt3{font-size:18px;}

.tt4{font-size:16px;}

.tt3{font-size:18px;}

}

@media screen and (min-width: 480px){.tt1 {font-size:14px;}

.tt2{font-size:12px;}

.tt3{font-size:18px;}

.tt4{font-size:18px;}

.tt3{font-size:18px;}

}

@media screen and (min-width: 640px) {.tt1 {font-size:16px;}

.tt2{font-size:12px;}

.tt3{font-size:20px;}

.tt4{font-size:20px;}

.tt5{font-size:20px;}

}

@media (max-width:768px){

.tt1 {font-size:12px;}

.tt2{font-size:14px;}

.tt3{font-size:22px;}

.tt5{font-size:24px;}

.logo{ float:left; width:50%;}

.top,.ftit{ display:none;}

.top2{ display: block; float:right; width:40%; text-align:right; padding:1% 1% 0 0;}

.top2 a{ margin-left:2%;}

.foot2,.hj5{ display: block;}

.menu1{ width:80%; margin:0 auto;}

.menu2{ width:100%; margin:0 auto; overflow:hidden; clear:both; text-align:center;}

.menu2 table{ vertical-align:middle; text-align:center;}

.list_dd{ display: none;}

.list_dd2{ display: none; border:1px solid #ececec; border-left:none;/* position:absolute; left:230px; top:-1px; width:400px;*/ width:90%; background:#f8f8f8; padding:5%;}

.sear{ width:90%; margin:0 auto; padding:2% 5%;}

.tel{ display:none;}

.qietu{ width:100%; padding:0; float:none;}

.nr1 li{ width:48%; float:left; padding:1% 0 0 1%;}

.nr1_p4{ line-height:32px; height:32px; overflow:hidden;}

.nr1_p5{ font-size:12px;}

.nr1_p1{ border:1px solid #eee; padding:3%; overflow:hidden; clear:both; position:relative;}

.nr1_p2{ display:block; float: none; width:100%; position:relative; padding-bottom:80%; height:0; overflow:hidden;}

.nr1_p2 img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.nr1_p3{ float: none; width:100%; padding-top:2%;}



.m_left{ width:90%; margin:0 auto;}

.adv1{ display:none;}

.m_right{ width:96%; margin:0 auto;}

.nr3 li{ float:left; width:48%; padding:1%; min-width:160px;}

.mm1_l,.mm1_r,.mm1_rl,.mm1_rr{width:96%; margin:0 auto;}

.nr6 li{ float:left; width:31.333%; padding:1%;}

.nr7_p1{ display:block; float:left; width:34%; padding-bottom:28%; position:relative; overflow:hidden;}

.nr7_p3{ float:right; padding:1% 5%; background:#f8f8f8;}

.nr7_p3 span{ margin-right:2%}

.nr7_p2{ float:left; padding-left:2%; width:64%;}	



}

@media (min-width:769px){

.tt1 {font-size:18px;}

.tt2{font-size:14px;}

.tt3{font-size:24px;}

.tt5{font-size:30px;}

	.logo{ float:left; width:30%;}

.top{ display: block; width:603px;}

.top2,.foot2,.hj5{ display: none;}

.menu1{ width:20%; float:left;}

.menu2{ width:80%; float:right;}

.list_dd1{ display:block;}

.list_dd2{ display: none; border:1px solid #ececec; border-left:none; position:absolute; left:240px; top:-1px; width:400px; background:#f8f8f8; padding:15px;}

.list_dd2 p{padding-left: 13px; background:#F72020;}

.list_dd2 p a{color:white;}

#open{background:#F72020;}

#open a{color:white;}







.sear{ float:left;width:80%; padding:5px;}

.tel{ float:right; padding:5px 0;}

.qietu{ float:right; width:80%;}

.nr1 li{ float:left; width:32.333%; padding:1% 0 0 1%;}

.nr1_p4{ line-height:40px; height:40px; overflow:hidden;}

.nr1_p1{ border:1px solid #eee; padding:3%; overflow:hidden; clear:both; position:relative;}

.nr1_p2{ display:block; float:left; width:40%; position:relative; padding-bottom:40%; height:0; overflow:hidden;}

.nr1_p2 img{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}

.nr1_p3{ float:right; width:56%; min-height:32%;}



.m_left{ float:left; width:20%;}

.adv1{ display: block;}

.adv1 img{ width:100%;}

.m_right{ width:79%; float:right;}

.nr3 li{ float:left; width:23%; padding:1%; min-width:160px;}

.mm1_l{ float:left; width:32%; min-width:360px;}

.mm1_r{ float:right;width:66%; padding-left:1%;}

.mm1_rl{ float:left; width:45%;}

.mm1_rr{ float:right; width:53%;}

.nr6 li{ float:left; width:18%; padding:1%;}

.nr7_p1{ display:block; float:left; width:20%; padding-bottom:15%; position:relative; overflow:hidden;}

.nr7_p3{ float:right; width:10%; padding-bottom:15%; background:#f8f8f8; position:relative; vertical-align: middle;text-align: center; }

.nr7_p2{ float:left; padding-left:2%; width:68%;}	

.nr7_p3 p{ position:absolute; top:50%; left:0; width:100%; margin-top:-25px;}

.nr7_p3 p span{ display:block;}



}

@media screen and (min-width:769px)  (max-width:1024px){

.sear{ float:left; max-width:70%; padding:5px; margin:0 auto;}

.mm1_l{ float:left; width:32%; min-width:360px;}

.mm1_r{ float:right; max-width:62%;}

.mm1_rl{ float:left; width:45%;}

.mm1_rr{ float:right; width:53%;}

	

	}