@charset "utf-8";
* { margin: 0px; padding: 0px;}
body{line-height:1.5; background:#fbe6eb; font:12px "Microsoft YaHei"; /*color:#ec1c06;*/ color:#555;}
ol,ul { list-style:none; }
a { color:#b4babf;text-decoration:none; }
a:hover{ color:#e39c20; }
img { border:0;  vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0; }
.clear { clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}

.wrapper{width:1200px; margin:20px auto 30px auto; background:#e6e6e6; border-radius:12px; overflow:hidden;}
.w1020{ width:1020px; margin:0 auto; }
.bdRa5{ border-radius:5px;}

.picture .hd a:hover,
.box1 .list0 dl dd a:hover,
.customs .cusRight ul li a:hover,.box2 .box2Title a:hover{ color:#e39c20;}


.top{ width:100%; height:110px; margin:0 auto; background:url(../images/topBg2.png) repeat-x;}
.logo{ width:468px; height:100%;    background-repeat: no-repeat;background-position: 0 center;  margin-left:40px;}
.logo a{ display:block; width:100%; height:100%;}

.navBar{  position:relative; z-index:1; float:right;  margin-right:40px;}
.nav{ margin-right:-16px;}
.nav h3{ font-weight:normal;}
.nav .m{ height:110px; line-height:110px; float:left; position:relative; display:inline-block; *display:inline; *zoom:1;   }
.nav h3 a{  zoom:1;  display:block;  *display:inline; *zoom:1;_float:left; color:#f9f9f9; font-size:16px; letter-spacing:0.1em;  padding:0 8px;  border-top:4px solid #ff4f78;}
.nav .on h3 a{ border-top:4px solid #f2e044; color:#fff;}
.nav .sub{ display:none; width:130px; padding:10px 12px;  position:absolute; left:0px; top:110px;  background:#ffeaef;  float:left; line-height:30px; }
.nav .sub li{ text-align:center;}
.nav .sub li a{ color:#e6385b; display:block; zoom:1; font-size:14px;}
.nav .sub li a:hover{ /* background:#3b4044; */color:#ff9f04;   }
.nav .sub dl{ display:block; *display:inline; zoom:1; vertical-align:top; padding:0 10px; line-height:26px; font-size:14px;text-align: center;}
.nav .sub a:hover,.nav .sub dl dt a:hover{ color:#ff9f04;  }
.nav .sub dl dt a{ color:#e6385b; font-size:14px;  }
.nav .sub dl dd{ line-height:24px;}
.nav .sub dl dd a{ color:#b4babf; padding-left:15px; }
.nav #m1 h3 a{ letter-spacing:0.4em;}
.nav #m2 .sub{ z-index:1; left:-23px; }
.nav #m3 .sub{ z-index:1;width:116px; left:-12px;  }
.nav #m4 .sub{ z-index:1;left:-12px; }
.nav #m5 .sub{ z-index:1;width:144px ;left:-28px; }
.nav #m6 .sub{ z-index:1;left:-16px;}

.nav #m7 .sub{ width: 111px; margin-left: -20px;}



/*2017-07-17*/
.search{ height:288px; background:url(../images/search-bg3.png) no-repeat center; border-bottom:1px solid #d8e0e6;}
.search .input{ width:840px; margin:0 auto; padding-top:120px;}
.search .input input{ outline:medium;}
.search .ssText{ width:700px; height:40px; padding-left:10px; *padding:12px 0 12px 10px;*height:16px; background:rgba(255,255,255,.85);/* border-radius:5px; */border:1px solid #ddd; color:#; font:16px "Microsoft YaHei";  float:left; }
.search .ssBtn{ width:118px; height:42px; color:#fff; background:#ec1c06; border-radius:5px;border:none; font:20px "Microsoft YaHei"; cursor:pointer;margin-left:-6px;float:left;}
.search .oppt{ font-size:14px; color:#5c5c5c;  margin-top:12px;}
.search .oppt input{ vertical-align:middle;}
.search .oppt label{ padding:0 15px 0 1px;}

.picture{ height:340px;  overflow:hidden; position:relative; background:#fff;   }
.picture .hd{  width:1020px; margin:14px auto 15px auto; height:38px; line-height:38px; border-bottom:1px solid #e9e9e9; font-size:22px; color:#e6385b;  }
.picture .hd a{ float:right; font-size:12px; color:#999;}
.picture .prev,.picture  .next{ display:block;  width:26px; height:50px; overflow:hidden; cursor:pointer; position:absolute;  background:url(../images/icons.png) no-repeat 0 0; _background:url(../images/icons.gif) no-repeat ; top:157px;}
.picture .prev{ background-position:0 0; left:33px; }
.picture .prev:hover{ background-position:0 -80px;}
.picture .next{ background-position:0 -160px; right:33px;  }
.picture .next:hover{ background-position:0 -240px;}
.picture .bd{ width:1020px; margin:0 auto;  }
.picture .bd ul{ overflow:hidden; zoom:1; }
.picture .bd ul li{ margin-right:16px; float:left; _display:inline; overflow:hidden; text-align:center; width:192px; height:225px;  }
.picture .bd ul li .picBlock{ border-radius:8px; position:absolute; z-index:0; left:0; top:0;}
.picture .bd ul li a{ color:#fff; display:block; width:192px; height:225px; position:relative;}
.picture .bd ul li a span{ display:block; position:absolute; width:100%; height:100%; z-index:-1; background:rgba(241,40,86,0.6) none repeat scroll !important; background:#33c3ff; -moz-opacity:0.60;  filter:Alpha(opacity=60); border-radius:8px; top:0; left:0; *filter:Alpha(opacity=100);  }
.picture .bd ul li a span em{ display:block; font-style:normal; position:relative; z-index:20; }
.picture .bd ul li a span em.picTitle{ padding:42px 0 58px 0; font-size:22px;text-overflow: ellipsis;white-space: nowrap;overflow:hidden;}
.picture .bd ul li a span em.picGo{ width:56px; margin:0 auto; _display:inline-block;_display:inline;_zoom:1; font-size:18px; background:url(../images/go_icon.png) no-repeat right center;_background:url(../images/go_icon.gif) no-repeat right center;}
.picture .bd ul li a span em.picGo img{ margin-top:8px;}
.picture .bd ul li a:hover{_background:#33c3ff;}
.picture .bd ul li a:hover img{ z-index:1;}
.picture .bd ul li a:hover span{ z-index:10; }
.picture .bd ul li a:hover span em{ z-index:20;}

.box1{ height:244px;  background:#f6f6f6; overflow:hidden;}
.box1 .list0{ width:340px; float:left; overflow:hidden; margin-top:23px;}
.box1 .list0 .bigIcon{ width:70px; height:70px; float:left;  background:url(../images/icons.png) no-repeat 0 0;_background:url(../images/icons.gif) no-repeat 0 0;}
.box1 .list0 .box1More{ float:left; display:block;  margin:10px 0 0 88px;}
.box1 .list0 dl{ width:238px; float:left; margin-left:18px;}
.box1 .list0 dl dt{ font-size:16px; margin-bottom:12px; color: #ec1c06;}
.box1 .list0 dl dd{ line-height:26px; background:url(../images/box1_icon.jpg) no-repeat left center; padding-left:12px; width:226px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.box1 .list0 dl dd a{  color:#777;}
.box1 .list1 .bigIcon{ background-position:-90px 0; }
.box1 .list2 .bigIcon{ background-position:-90px -110px; }
.box1 .list3 .bigIcon{ background-position:-90px -220px; }

.box2{ height:230px; background:#fff;}
.box2 .box2Title{ height:38px; line-height:38px; color:#e6385b; border-bottom:1px solid #e9e9e9; font-size:22px; margin:18px 0 19px 0; }
.box2 .box2Title a{ float:right; font-size:12px; color:#999;}
.video{ float:left;width:504px;}
.video ul{ overflow: hidden;}
.video ul li{ width:160px; float:left; position:relative; text-align:center;}
.video ul li .bdRa5{ width:160px; height:102px;}
.video ul li .playIcon{ position:absolute; top:67px; right:10px;}
.video ul li span{ font-size:14px; padding-top:5px; display:block;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.video ul li.vd2{ margin:0 12px;}
.video ul li.vd4{ margin:0 12px;}
.video ul li.vd6{ margin:0 12px;}

.customs{ width:490px; font-size:14px; float:right;}
.customs .box2Title{ margin-bottom:0;}
.customs .cusLeft{ width:150px; float:left; text-align:center; margin-top:19px;}
.customs .cusLeft img{ width:150px; height:102px;}
.customs .cusLeft span{ display:block; padding-top:5px;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.customs .cusRight{ width:320px; float:right; margin-top:15px;}
.customs .cusRight ul li{ line-height:25px; background:url(../images/box2_icon.jpg) no-repeat left center; padding-left:12px; width:308px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.customs .cusRight ul li a{ color:#666; font-size:13px;}

.footer{ height:137px; overflow:hidden; padding-top:27px; color:#fff;}
.footer img{ float:right;}
.footer .fotNav{ margin-bottom:15px;}
.footer .fotNav a{ color:#fff;}
.footer .fotNav span{ padding:0 5px;}

.info_model_label {
	color: #fff;
	font-size: 15px;
	display: inline-block;
	width: auto;
	padding: 0px 25px 5px 3px;
	cursor: pointer;
}
.info_model_lable_selected {
	font-weight: 700;
	text-decoration: none;
}
.info_model_field {
	color: #fff;
	font-size: 12px;
	display: inline-block;
	width: auto;
	padding-right: 15px;
	float: left;
	cursor: pointer;
}
.info_model_field input {
	height: 21px
}
#field_container {
	clear: both;
	margin-top: 5px;
}
.link {
	height: 55px;
	padding: 15px 0 0 0;
	color: #fff;
	line-height: 45px;
	border-bottom:1px solid #c6c6c6;
	width: 930px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
}
.link a {
	color: #333;
	padding: 0 8px;
}
.link a:hover{ color:#ff9f04;}
.footer p {
	text-align: center;
	margin-top: 20px;
	color: #333;
}
.footer p span {
	color: #F00;
}

.map {
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.map_title {
	width: 100%;
	height: 32px;
	border-bottom: 3px #5b6265 solid;
}

.map_title span {
	display: block;
	height: 32px;
	background: #5b6265;
	line-height: 32px;
	font-family: "Microsoft Yahei", "微软雅黑";
	text-align: center;
	color: #fff;
	font-size: 20px;
}

.map_content {
	width: 948px;
	padding: 10px 25px;
	border: 1px #e8e8e8 solid;
	border-top: none;
}

.map_content span.title {
	font-size: 18px; display : block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	/*border-bottom: 1px #ccc solid;*/
	display: block;    background: #fbf1f0;    text-indent: 10px;color: #9c271a;
}

.map_content dt {
	font-size: 12px;
	font-weight: bold;
	color: #333;    clear: both;padding: 2% 0;
}

.map_content dt dl {
	font-size: 18px;
	display: block;
	line-height: 32px;
	border-bottom: 1px #ddd dashed;
        padding : 10px  0 10px 20px;
        margin-left : 0px;
        overflow: hidden;
}

.map_content dt dl a {
	font-size: 16px;
	display: block;
	width: 100px;
	height: 32px;
	float: left;
	line-height: 32px;
	text-align: center;
	color: #333;
	text-decoration: none;
	font-weight: normal;
}
.map_content dt dl dd {overflow: hidden;     padding: 0 0 0 2%;} 
.map_content dt dl dd a{ text-align: left;}
.map_content dt dl a:hover {
	color: #ec1c06;
	text-decoration: underline;
}
/*.map_content dt dl dd{ display:block; width:80px; height:32px; float:none; }
.map_content dt dl dd a{text-align:left; }*/
.map_content dt dl dd a {  color: #858a8c; }

.dl-menuwrapper{ display:none;}
#dl-menu-button{ display:none;}

.ewm_con{width:1000px; height:0px; position:relative; margin:0 auto;}
.qrcode{display:block; width:33px; position:absolute; top:15px; right:0px; border:1px solid #fff; cursor:pointer;z-index:4;}

@media screen and (max-width:800px) {
.ewm_con{ width:100%;}
.qrcode{ display:none;}
.wrapper{ width:100%; border-radius: 0px; margin: 0; }
.logo{ margin-left:15px; position: relative;    z-index: 999999;}	
.navBar{ display:none; }
.picture .hd a:hover, .box1 .list0 dl dd a:hover, .customs .cusRight ul li a:hover, .top{width:auto;  }
.search{ }
.search .input{ width:90%;  padding-top:100px; overflow: hidden; }
.search form{ background: rgba(255,255,255,.75);  border-radius: 5px;  border: 1px solid #ddd;}
.search .ssText{width:70%;background:none; border:0;border-radius: 0;  }
.search .ssBtn{  float: right; margin-left: 0px; }
.picture{ height:auto; padding: 2% 3% 5%;}
.picture .hd,.picture .bd{width:auto;overflow: hidden;  color:#e6385b;}
.picture .next,.picture .prev{display:none;}
.w1020{ width:auto;}
.box1{height:auto; padding: 3%; }
.box1 .list0{  float: none; margin-top: 0;    width: 100%;    padding: 3% 0;}
.box1 .list0 dl{ width:80%;} 
.box1 .list0 dl dd{width:100%;} 
.box1 .list0 .box1More{ float: right; margin: 0;    clear: both;padding:2% 0 0; }
.box2{height:auto; overflow:hidden;}
.box2 .box2Title{ margin: 0 3%; padding:3% 0 15px ; }
.video{float: none; width:auto; }
.video ul{ padding:4% 2% 2%; height:130px;}
.video ul li{   padding: 0 1% 4%; width:31%;}
.video ul li.vd2,.video ul li.vd4,.video ul li.vd6{  margin: 0 0;}
.video ul li .playIcon{    left: 50%; margin-left: -13px;  top: 40px;}
.footer{ width:100%; box-sizing:border-box; height:auto; padding:4% 0; overflow:hidden;}
.link{ width:100%; box-sizing:border-box;  height:auto;padding:0;background:none;   line-height:25px; white-space:normal;}
.link a{padding:0 3px;}
.footer p{margin:0; padding:1% 10px;    line-height: 22px;}
.info_model_label{font-size: 14px;    padding: 0px 20px 5px 3px; }
.map{width:auto; margin: 0 3%; overflow: hidden;}
.map_content{width:auto;}

.customs{ width:100%; float:none; overflow:hidden; margin:-15px 0 15px;}
.customs .cusLeft{width:45%; box-sizing:border-box; padding-left:10px;}
.customs .cusRight{ width:55%; box-sizing:border-box; padding:0 10px 0 5px;}
.customs .cusRight ul li{ width:100%; box-sizing:border-box; }
}
@media screen and (max-width:640px) {
.top{  height:80px;}
.logo{  width:55%; background-size: 100% auto;}
.search {  height: 150px; }
.info_model_label{ display: none;}
.search .input{  padding-top:50px;}
.search .ssText{     width: 70%; font-size:14px;}
.map_content{ padding: 2% 4%;}
.map_content span.title{ font-size: 14px;}
.map_title span{  font-size: 16px;}
.map_content dt dl{  padding: 10px 0 10px 0;} 
.map_content dt dl a{font-size: 14px;  width: 33.33%;}
}
@media screen and (max-width:430px) {
.top{ height: 60px;}
.logo{  width:75%; }
.search .ssBtn{font-size: 14px;  height: 35px;    width:60px;}
.search .ssText{ height: 35px;}
.search{background: none;  background: #fff;  height: auto;padding:5% 0 4%;} .search .input{  padding-top: 0; }
.picture .hd, .picture .bd{ font-size: 18px;    margin: 0px auto 15px auto;}
.box1 .list0 dl{     width: 60%;}
.box2 .box2Title{ font-size: 18px; padding: 3% 0 5px;}
.video ul li{width: 48%;}
.footer b{    display: block;}
.link a { color: #969a9c;}
.picture{    display: none; }

}
@media screen and (max-width:360px) { 
.video ul li{ width: 100%; padding: 1% 0% 4%;}
.search .input{  width: 94%;} 
.search .ssText{  font-size: 12px;}
.map_content dt dl a{font-size: 12px; }
}
@media screen and (max-width:320px)  { .box1 .list0 .bigIcon{display:none;}.box1 .list0 dl{  margin-left: 0;width: 80%; }}