﻿/*
* @Author: Sherlock
* @Date:   2016-10-17 11:43:31
* @Last Modified by:   Administrator
* @Last Modified time: 2016-11-04 09:53:04
*/
.wrap_1260 { width: 1260px; margin: 0 auto; }
.wrap_1200 { /* wrap */ width: 1200px; margin: 0 auto; }
.wrap_1160 { /* wrap_center  */ width: 1160px; margin: 0 auto; }
.wrap_1080 { width: 1080px; margin: 0 auto; }
.wrap_1000 { /* wrap_in */ width: 1000px; margin: 0 auto; }
.wrap_770 { width: 770px; margin: 0 auto; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { opacity: 1; transition: .6s; /* -moz-user-select:none; */ }

.hg10{ height:10px;}
.hg20{ height:20px;}
.hg30{ height:30px;}
.hg40{ height:40px;}
.hg50{ height:50px;}

/* ========= s-共用头部 ========= */
.header_top { width: 100%; height: 40px; background: #fff; border-bottom: 1px solid #06ca59; position: relative; z-index: 60; }
.header_top .part1 { float: left; }
.header_top .part2 { float: right; margin-top: -1px; /* 兼容firefox */ }
.header_top p, .header_top p a { font-size: 12px; color: #666; line-height: 40px; }
.header_top .part1 a { display: inline-block; margin-left: 20px; text-transform: uppercase; }
.header_top .part1 a span { display: inline-block; width: 20px; height: 20px; border-radius: 10px; background: #d9d9d9; color: #fff; margin-right: 6px; text-align: center; vertical-align: middle; line-height: 20px; }
.header_top .part1 a.active span { background: #06ca59; }
.logo{ margin-top:10px;}

/* .header_top .part1 a:hover span{
	background: #06ca59;
} */
.header_top .part2 span { font-size: 14px; font-weight: bold; color: #80c833; }
.header { width: 100%; height: 110px; background: #fff; padding-top: 0px; position: fixed; top: 0; left: 0; z-index: 50; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; transition: 0.6s; }
.header .logo, .header1 .logo { float: left; width: 220px; height: 70px; }
.header .logo a, .header1 .logo a { display: block; height: 100%; text-align: center; }
.header .logo a:before, .header1 .logo a:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }
.header .logo a img, .header1 .logo a img { width: 203px; height: 49px; display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.header .nav_bar { float: left; margin-left: 20px; }
.header .nav_bar li { float: left; width: 120px; height: 70px; line-height: 70px; text-align: center; }
.header .nav_bar li a { display: block; font-size: 14px; color: #333; background: #fff; }
.header .nav_bar li.active a, .header .nav_bar li:hover a { background: url('../images/bg/bg001.jpg') no-repeat center; color: #fff; }




/*--- 导航 ---*/
.menu { width:960px; height:70px; zoom:1; float:left;}

#nav_ecwms { width:980px; height:70px; line-height:70px; float:left; }
#nav_ecwms .wxmenu1 { zoom:1;   }
#nav_ecwms .wxmenu1 li { width: 120px;  font-weight:normal; font-size:14px; float:left; z-index:100; text-align:center; position:relative; font-family:微软雅黑; /*background:url('../images/nav_line.gif') right no-repeat;  间隔线*/}
#nav_ecwms .wxmenu1 li a {color: #666; font-weight:bold;  width:120px; height:70px; display: block; text-decoration: none;  /*一级链接的颜色宽度和高度*/ }
#nav_ecwms .wxmenu1 li a:hover { color:#fff; text-decoration: none; background: url('../images/bg/bg001.jpg') no-repeat center; /*鼠标滑上去后，链接的颜色和背景*/}
#nav_ecwms .wxmenu1 ul { display:none;}
#nav_ecwms .wxmenu1 ul li { position:relative; }
#nav_ecwms .wxmenu1 li ul { width:120px;  top:70px; /*下拉二级ul*/ position:absolute; left:0px; margin: 0px; padding:0; z-index:100; }
#nav_ecwms .wxmenu1 li ul li { width:120px; background-color:#6C9;/*下拉二级和三级li的样式*/ border:0; background-image:none; height:50px; line-height:50px; text-align:left; padding:0;}
#nav_ecwms .wxmenu1 li ul li a { color:#fff; width:120px; /*下拉二级和三级链接样式 */font-weight:normal;  text-align:left;  display:block; text-indent:0px; height:50px; background:none; overflow:hidden; zoom:1;}
#nav_ecwms .wxmenu1 li ul li a span { padding:0 0 0 5px;}
#nav_ecwms .wxmenu1 li ul li a:hover { color:#fff; width:120px; background:#6F9; /*下拉二级三级鼠标滑过样式*/ height:50px; text-align:left; display:block;}
#nav_ecwms .wxmenu1 li ul ul { left:120px;/*下拉三级左边距*/ z-index:200; top:0;}
#nav_ecwms .wxmenu1 li a.selected { color: #fff; font-weight:bold;  width:120px; height:70px; display: block; text-decoration: none;  background: url('../images/bg/bg001.jpg') no-repeat center; /*当前位置*/}




.header1 { width: 100%; height: 70px; background: #fff; }
.header1 .wrap_1200 > dl { float: right; height: 70px; line-height: 70px; }
.header1 .wrap_1200 > dl dd { float: left; }
.header1 .wrap_1200 > dl dd:nth-child(1) { font-size: 14px; color: #333; margin-right: 20px; }
.header1 .wrap_1200 > dl dd:nth-child(1) span { color: #00b44c; margin-right: 5px; }
.header1 .wrap_1200 > dl dd:nth-child(2) { font-size: 14px; color: #999; padding-left: 20px; background: url('../images/icon/icon53.png') no-repeat left center; }
/* ========= e-共用头部 ========= */

/* ========= s-共用底部 ========= */
.footer { width: 100%; height: 130px; background:#30450e; }
.footer .wrap_1200 { height: 100px; position: relative; padding-top: 12px; }
.footer .wrap_1200 p { font-size: 14px; color: #fff; margin-left: 21px; margin-top: 8px; }
.footer .code { position: absolute; right: 0; top: 12px; }
.footer .code img { float: left; margin-left: 16px; }
.copy_right { width: 100%; height: 30px; background: #fff; line-height: 30px; text-align: center; }
.copy_right p { font-size: 12px; color: #333; }
.copy_right p img{ display:inline-block;}
/* ========= e-共用底部 ========= */


/*--- 尾部 ---*/
#footer{ background-color:#30510f; width:100%}
.wxxx{
	width:950px;margin-left:auto;margin-right:auto;
}
.footer_left{ width:950px; float:left;}
.footer_right{ width:150px;float:left; margin:50px 0 0 50px;}
.icase{
	position:relative;z-index:1;margin-top:-136px;
	height:202px;
	background:#1a5c98;
}
.foot{
	position:relative;
	height:200px;

	font:14px/46px "Microsoft Yahei";
	color:#b8ce9b;
}
.foot a{
	color:#b8ce9b;
}
.foot .a{
	padding:24px 0 5px 60px;
	line-height:38px;height:38px;
	background:url("../images/img22.jpg")/*tpa=http://0001545.ks.panguweb.cn/images/img22.jpg*/ 13px 24px no-repeat;
}
.foot .a a{
	display:block;
}
.foot .c{
	height:54px;line-height:54px;border-bottom:1px solid #b8ce9b;padding-left:12px;
}
.foot .c a{
	margin-right:39px;
}
.foot .d{
	height:46px;border-bottom:1px solid #b8ce9b;padding-left:12px;
	font-size:12px;overflow:hidden;
}
.foot .d *:first-child{
	display:inline-block;vertical-align:top;
	margin-right:36px;
}
.foot .d a{
	display:inline-block;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	margin-right:20px;
}
.foot .e{
	position:relative;
	padding-left:12px;line-height:26px;font-size:12px;padding-top:18px;
}
.foot .e > span{
	margin-right:20px;
}
.footnav li{ float:left;}



/* ========= s-首页 ========= */
.ind_banner { width: 100%; height: 700px; position: relative;margin-top: 60px;}
.ind_banner .hb { width: 100%; height: 700px; position: relative; }
.ind_banner .hb li { width: 100%; height: 700px; position: absolute; left: 0; top: 0; display: none; }
.ind_banner .hb li .video { display: block; width: 1060px; height: 600px; margin: auto;  background: #101010; }
.ind_banner .hb li .video video { max-width: 100%; max-height: 100%; width: 100%; height: 100%; }
.ind_banner .db { width: 100%; height: 100px; background: rgba(0, 0, 0, .8); position: absolute; left: 0; bottom: 0; }
.ind_banner .db .show_area { width: 1064px; margin: 0 auto; overflow: hidden; }
.ind_banner .db ul { overflow: hidden; width: 9999px; margin-top: 16px; }
.ind_banner .db ul li { float: left; width: 192px; height: 70px; background-size: 192px 70px; margin-right: 26px; cursor: pointer; }
.ind_banner .db ul li img { max-width: 100%; max-height: 100%; }
.ind_banner .db .wrap_1200 { height: 100px; position: relative; }
.ind_banner .db .wrap_1200 .btn_arrow { display: block; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; }
.ind_banner .db .wrap_1200 .btn_arrow_left { background: url('../images/icon/icon03.png'); left: 0; }
.ind_banner .db .wrap_1200 .btn_arrow_right { background: url('../images/icon/icon04.png'); right: 0; }
.ind_banner .db ul li.active, .ind_banner .db ul li:hover { border: 3px solid #fff; }
.ind_banner .db .wrap_1200 .btn_arrow_left.btn_arrow_disabled { background: url('../images/icon/icon01.png'); }
.ind_banner .db .wrap_1200 .btn_arrow_right.btn_arrow_disabled { background: url('../images/icon/icon02.png'); }


.ind_main { width: 100%; height: 940px; background: url('../images/bg/bg002.jpg') no-repeat center; padding-top: 20px; }
.ind_main2 { width: 100%; height: auto; background: none; padding-top: 0px; }
.ind_main .part1 { width: 840px; height: 190px; background: #fff; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, .2); }
.ind_main .part1 h4 { width: 100%; height: 50px; font-size: 16px; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; line-height: 50px; text-indent: 25px; background: url('../images/bg/bg003.png') no-repeat left top #06cc5a; }
.ind_main .part1 ul li { float: left; width: 140px; height: 140px; }
.ind_main .part1 ul li:not(:last-child) { border-right: 1px solid #eaeaea; }
.ind_main .part1 ul li a { display: block; width: 100%; height: 100%; padding-top: 18px; text-align: center; }
.ind_main .part1 ul li img { display: inline-block; width: 76px; height: 76px; border-radius: 50%; margin-bottom: 5px; }
.ind_main .part1 ul li img:nth-child(1) { display: inline-block; }
.ind_main .part1 ul li img:nth-child(2) { display: none; }
.ind_main .part1 ul li.active img:nth-child(1), .ind_main .part1 ul li:hover img:nth-child(1) { display: none; }
.ind_main .part1 ul li.active img:nth-child(2), .ind_main .part1 ul li:hover img:nth-child(2) { display: inline-block; }
.ind_main .part1 ul li p { font-size: 14px; color: #333; padding: 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_main .part2 { width: 340px; height: 400px; background: #e1474d; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, .2); margin-left: 20px; position: relative; }
.ind_main .part2 .part2_ul { width: 100%; height: 60px; border-bottom: 1px solid rgba(255, 255, 255, .2); margin-bottom: 20px; }
.ind_main .part2 .part2_ul li { float: left; width: 50%; height: 60px; }
.ind_main .part2 .part2_ul li:first-child { border-right: 1px solid rgba(255, 255, 255, .2); }
.ind_main .part2 .part2_ul li a { display: block; font-size: 16px; color: #fff; text-align: center; line-height: 60px; }
.ind_main .part2 .part2_ul li.active { background: -webkit-linear-gradient(#e1474d, #cc1f26); background: -o-linear-gradient(#e1474d, #cc1f26); background: -moz-linear-gradient(#e1474d, #cc1f26); background: linear-gradient(#e1474d, #cc1f26); }
.ind_main .part2 .part2_content { width: 300px; height: 260px; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .4); padding: 20px; margin: auto; position: absolute; left: 0; right: 0; z-index: 2; overflow: hidden; }
.ind_main .part2 .part2_content h5 { font-size: 16px; color: #333; margin-bottom: 16px; }
.ind_main .part2 .part2_content .itable { width: 100%; }
.ind_main .part2 .part2_content .itable tr td { border: 1px solid #d9d9d9; height: 35px; color: #666; text-align: center; }
.ind_main .part2 .part2_content .itable tr td:last-child { color: #06cc5a; }
.ind_main .part2 .part2_bottom { width: 340px; height: 60px; background: -webkit-linear-gradient(#e1474d, #cc1f26); background: -o-linear-gradient(#e1474d, #cc1f26); background: -moz-linear-gradient(#e1474d, #cc1f26); background: linear-gradient(#e1474d, #cc1f26); text-align: center; position: absolute; left: 0; bottom: 0; z-index: 1; }
.ind_main .part2 .part2_bottom a { font-size: 14px; color: #fff; padding-right: 16px; background: url('../images/icon/icon06.png') no-repeat right center; line-height: 60px; }
.ind_main .part3 { width: 840px; height: 470px; border-radius: 5px 5px 0 0; overflow: hidden; background: #fff; box-shadow: 0px 5px 10px rgba(0, 0, 0, .2); margin-top: -191px; }
.ind_main .part3 h4 { width: 100%; height: 50px; font-size: 16px; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; line-height: 50px; text-indent: 25px; background: url('../images/bg/bg003.png') no-repeat left top #06cc5a; }
.ind_main .part3 .sec1 { width: 100%; height: 160px; padding: 20px; border-bottom: 1px solid #eaeaea; }
.ind_main .part3 .sec1 .img { float: left; width: 160px; height: 120px; }
.ind_main .part3 .sec1 .txt { float: left; width: 640px; height: 120px; padding-left: 20px; padding-top: 7px; }
.ind_main .part3 .sec1 .txt h5 { font-size: 16px; color: #333; font-weight: bold; margin-bottom: 8px; width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.ind_main .part3 .sec1 .txt p { font-size: 14px; color: #999; line-height: 26px; height: 78px; overflow: hidden; }
.ind_main .part3 .sec2 li { width: 100%; height: 50px; padding: 0 20px; }
.ind_main .part3 .sec2 li a { display: block; font-size: 14px; color: #666; line-height: 50px; padding-left: 20px; background: url('../images/icon/icon07.png') no-repeat left 20px; }
.ind_main .part3 .sec2 li a span { float: right; }
.ind_main .part3 .sec2 li:nth-child(even) { background: #eefff5; }
.ind_main .part4 { width: 340px; height: 260px; background: #fff; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, .2); margin-top: 20px; margin-left: 20px; }
.ind_main .part4 h4 { width: 100%; height: 50px; font-size: 16px; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; line-height: 50px; text-indent: 25px; background: url('../images/bg/bg003.png') no-repeat left top #06cc5a; }
.ind_main .part4 .sec1 { width: 100%; height: 210px; padding: 10px 0; }
.ind_main .part4 .sec1 li { width: 100%; max-height: 50px; padding: 0 14px; overflow: hidden; }
.ind_main .part4 .sec1 li a { display: block; line-height: 25px; font-size: 12px; color: #666; padding-left: 90px; position: relative; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ }
.ind_main .part4 .sec1 li a span { display: inline-block; width: 87px; background: url('../images/icon/icon08.png') no-repeat center; margin-right: 10px; text-align: center; position: absolute; left: 0; top: 0; }
.ind_main .part5 { width: 100%; height: 520px; background: #5c9122; border-radius: 5px 5px 0 0; overflow: hidden; box-shadow: 0px 5px 10px rgba(0, 0, 0, .2); margin-top: 20px; }
.ind_main .part5 h4 { width: 100%; height: 50px; font-size: 16px; color: #fff; font-weight: bold; border-radius: 5px 5px 0 0; line-height: 50px; text-indent: 25px; background: url('../images/bg/bg003.png') no-repeat left top #80c833; }
.ind_main .part5 .sec1 { float: left; }
.ind_main .part5 .img_showbox { width: 560px; height: 430px; overflow: hidden; position: relative; margin-top: 20px; margin-left: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, .4); background: #fff; }
.ind_main .part5 .img_showbox .swiper-slide { height: 430px; text-align: center; }
.ind_main .part5 .img_showbox .swiper-slide:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.ind_main .part5 .img_showbox .swiper-slide img { display: inline-block; vertical-align: middle; max-width: 95%; max-height: 100%; margin-left: -4px; }
.ind_main .part5 .img_showbox .btn_arrow { display: block; width: 30px; height: 60px; position: absolute; top: 50%; margin-top: -30px; }
.ind_main .part5 .img_showbox .btn_arrow_right { border-radius: 30px 0 0 30px; right: 0px; background: url('../images/icon/icon12_2.png') no-repeat 13px center rgba(0, 181, 77, .7); }
.ind_main .part5 .img_showbox .btn_arrow_left { border-radius: 0 30px 30px 0; left: 0px; background: url('../images/icon/icon12_1.png') no-repeat 7px center rgba(0, 181, 77, .7); }

.ind_main .part5 .img_showbox .swiper-button-next.swiper-button-disabled, .ind_main .part5 .img_showbox .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.ind_main .part5 .img_showbox .swiper-button-prev.swiper-button-disabled { background: url('../images/icon/icon12_1.png') no-repeat 7px center rgba(0, 0, 0, .6); }
.ind_main .part5 .img_showbox .swiper-button-next.swiper-button-disabled { background: url('../images/icon/icon12_2.png') no-repeat 13px center rgba(0, 0, 0, .6); }

.ind_main .part5 .sec2 { width: 600px; height: 235px; background: #fff; padding: 30px; float: right; position: relative; }
.ind_main .part5 .sec2 h5 { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 10px; }
.ind_main .part5 .sec2 p { font-size: 14px; color: #666; line-height: 30px; margin-bottom: 18px; overflow: hidden; }
.ind_main .part5 .sec2 dl { overflow: hidden; }
.ind_main .part5 .sec2 dl dt { font-size: 14px; color: #333; float: left; }
.ind_main .part5 .sec2 dl dd { float: left; }
.ind_main .part5 .sec2 dl dd img { display: inline-block; margin-right: 8px; }
.ind_main .part5 .sec2 a.more_btn { font-size: 14px; color: #999; padding-right: 20px; background: url('../images/icon/icon09.png') no-repeat right center; position: absolute; right: 30px; top: 30px; line-height: 20px; }
.ind_main .part5 .sec3 { width: 600px; height: 235px; background: #ffa93a; padding: 40px; float: right; position: relative; }
.ind_main .part5 .sec3 .swiper-container { width: 450px; height: 150px; }
.ind_main .part5 .sec3 .swiper-slide { text-align: center; }
.ind_main .part5 .sec3 .swiper-slide img { display: inline-block; width: 110px; height: 110px; border-radius: 50%; overflow: hidden; margin-bottom: 8px; border: 5px solid rgba(255, 255, 255, .0); cursor: pointer; }
.ind_main .part5 .sec3 .swiper-slide span { display: block; font-size: 16px; color: #fff; }
.ind_main .part5 .sec3 .swiper-slide.active img { border: 5px solid rgba(255, 255, 255, .2); }
.ind_main .part5 .sec3 .swiper-slide:hover img { border: 5px solid rgba(255, 255, 255, .2); }

.ind_main .part5 .sec3 .btn_arrow { display: block; width: 30px; height: 30px; position: absolute; top: 50%; }
.ind_main .part5 .sec3 .swiper-button-prev { background: url('../images/icon/icon03.png') no-repeat center; left: 26px; }
.ind_main .part5 .sec3 .swiper-button-next { background: url('../images/icon/icon04.png') no-repeat center; right: 26px; }
.ind_main .part5 .sec3 .swiper-button-next.swiper-button-disabled, .ind_main .part5 .sec3 .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.ind_main .part5 .sec3 .swiper-button-prev.swiper-button-disabled { background: url('../images/icon/icon01.png') no-repeat center; }
.ind_main .part5 .sec3 .swiper-button-next.swiper-button-disabled { background: url('../images/icon/icon02.png') no-repeat center; }
.friendly_link { width: 100%; height: 64px; background: #fff; }
.friendly_link dl { overflow: hidden; }
.friendly_link dl dt { float: left; font-size: 14px; color: #333; line-height: 64px; }
.friendly_link dl dd { float: left; margin-left: 10px; margin-top: 12px; }
.friendly_link dl dd a { float: left; width: 106px; height: 40px; border: 1px solid #eaeaea; margin-right: 15px; }
.friendly_link dl dd a:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.friendly_link dl dd a img { display: inline-block; vertical-align: middle; }

.ind_left{width:286px; float:left; background-color:#fff; height:350px;}
.ind_center{width:420px; float:left; margin:0 0 0 20px;}
.ind_right{width:450px; float:left; margin:0 0 0 20px;background-color:#fff; height:350px;}

.ind_tit{width: 100%; height: 50px; color: #fff;  border-radius: 5px 5px 0 0; line-height: 50px; text-indent: 25px; background: url('../images/bg/bg003.png') no-repeat left top #80c833;}
.ind_tit h4{font-size:16px;font-weight: bold;}

.ind_anniu li{ float:left; width:75px; margin:10px 10px 0px 10px;text-align:center; }
.ind_anniu li p{ font-size:16px; line-height:30px;}
.anniu01{ width:75px; height:75px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#39de58; text-align:center; line-height:75px; color:#FFF; font-size:30px;}
.anniu02{ width:75px; height:75px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#fbd745; text-align:center; line-height:75px; color:#FFF; font-size:30px;}
.anniu03{ width:75px; height:75px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#fb7845; text-align:center; line-height:75px; color:#FFF; font-size:30px;}
.anniu04{ width:75px; height:75px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#34d6f9; text-align:center; line-height:75px; color:#FFF; font-size:30px;}
.anniu05{ width:75px; height:75px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#7f58ff; text-align:center; line-height:75px; color:#FFF; font-size:30px;}
.anniu06{ width:75px; height:75px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color:#ff589f; text-align:center; line-height:75px; color:#FFF; font-size:30px;}

.in_news li{width: 100%; height: 50px; padding: 0 20px;}
.in_news li a { display: block; font-size: 14px; color: #666; line-height: 50px; padding-left: 20px; background: url('../images/icon/icon07.png') no-repeat left 20px; }
.in_news li a span { float: right; }
.in_news li:nth-child(even) { background: #eefff5; }


/* ========= e-首页 ========= */

/* ========= s-园区介绍 ========= */
.global_box { width: 100%; padding-top: 400px; padding-bottom: 30px; position: relative; }
.global_mark { display: block; width: 300px; height: 150px; background: url('../images/icon/icon18.png') no-repeat center; position: absolute; top: 120px; left: 50%; margin-left: -620px; font-size: 36px; color: #fff; font-weight: bold; line-height: 150px; text-align: center; }
.global_box .wrap_1200 { background: #fff; border-radius: 5px; overflow: hidden; }
.global_title { width: 100%; height: 70px; position: relative; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; background: #fff; }
.global_title h5 { height: 70px; }
.global_title h5 span { display: inline-block; font-size: 20px; color: #333; height: 69px; line-height: 70px; padding: 0 20px; border-bottom: 2px solid #06cc5a; }

.global_title p.crumbs { font-size: 12px; color: #999; line-height: 70px; padding-left: 20px; background: url('../images/icon/icon13.png') no-repeat left center; position: absolute; right: 20px; top: 0; }
.global_title p.crumbs a { color: #999; }
.global_title p.crumbs span { color: #666; }
.intro_sec1 { width: 100%; height: 380px; margin-bottom: 20px; padding: 0px 20px; }
.intro_sec1 .ivideo { float: left; width: 540px; height: 360px; }

.intro_sec1 .txt { float: right; width: 580px; height: 360px; padding: 0px 40px 0 0; overflow: hidden; }
.intro_sec1 .txt h5 { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis; }
.intro_sec1 .txt p { font-size: 14px; color: #333; line-height: 30px; margin-bottom: 10px; }
.intro_sec1 .txt .mCSB_scrollTools .mCSB_dragger { background: #00b44c; }
.intro_sec1 .txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #00b44c; background-color: rgba(0,180,76,1); }


.intro_sec2 { width: 100%; }
.intro_sec2 .title { width: 1160px; height: 95px; background: url('../images/bg/bg005.png') no-repeat center; margin: 0 auto; margin-bottom: 80px; }
.intro_sec2 .title h5 { font-size: 20px; color: #fff; font-weight: bold; text-align: center; line-height: 80px; white-space: nowrap; overflow: hidden; }
.intro_sec2 ul.lists { width: 820px; margin: 0 auto; }
.intro_sec2 ul.lists li { height: 232px; position: relative; padding: 0 12px; margin-bottom: 80px; }
.intro_sec2 ul.lists li:last-child { margin-bottom: 40px; }
.intro_sec2 ul.lists li .img { float: left; width: 326px; height: 232px; background: url('../images/bg/bg006.png') no-repeat left top; position: relative; }
.intro_sec2 ul.lists li .img img { position: absolute; top: 5px; right: 6px; }
.intro_sec2 ul.lists li .lists_arrow { width: 36px; height: 36px; background: url('../images/icon/icon14_1.png') no-repeat center; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -13px; }
.intro_sec2 ul.lists li .txt { float: right; width: 326px; height: 232px; padding-left: 6px; padding-right: 30px; }
.intro_sec2 ul.lists li .txt p { font-size: 14px; color: #333; line-height: 30px; }
.intro_sec2 ul.lists li:nth-child(even) .img { float: right; background: url('../images/bg/bg007.png') no-repeat left top; }
.intro_sec2 ul.lists li:nth-child(even) .img img { position: absolute; top: 5px; right: 20px; }
.intro_sec2 ul.lists li:nth-child(even) .txt { float: left; padding-left: 30px; padding-right: 6px; }
.intro_sec2 ul.lists li:nth-child(even) .lists_arrow { background: url('../images/icon/icon14_2.png') no-repeat center; }
/* ========= e-园区介绍 ========= */

/* ========= s-游园指南(景区参观) ========= */
/* 共用导航 */
.guide_nav1 { padding: 0 20px; margin-bottom: 25px; }
.guide_nav1 ul { width: 100%; height: 50px; background: #00b44c; border-radius: 5px; overflow: hidden; padding: 1px; }
.guide_nav1 ul li { float: left; width: 11.111%; height: 100%; background:#ffa93a; }
.guide_nav1 ul li a { display: block; font-size: 14px; color: #fff; line-height: 48px; text-align: center; background: url('../images/bg/bg008.png') no-repeat right center; }
.guide_nav1 ul li:last-child a { background: none; }
.guide_nav1 ul li.active, .guide_nav1 ul li:hover { background: #00b44c; }
.guide_nav1 ul li.active a, .guide_nav1 ul li:hover a { background: none; }
/* 共用导航 */

.guide_sec2 { padding: 0 20px; }
.guide_sec2 h5 { height: 26px; line-height: 26px; /*padding-left: 36px;*/ /*background: url('../images/icon/icon15_1.png') no-repeat left center;*/ margin-bottom: 20px; }
.guide_sec2 h5 img { display: inline-block; margin-right: 10px; vertical-align: middle; }
.guide_sec2 h5 span { font-size: 18px; color: #333; font-weight: bold; vertical-align: middle; display: inline-block; }

.guide_sec2 ul { overflow: hidden; }
.guide_sec2 ul li { float: left; width: 275px; height: 206px; border-radius: 8px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; position: relative; border: 3px solid #fff; }
.guide_sec2 ul li:nth-child(4n+4) { margin-right: 0; }
.guide_sec2 ul li.active, .guide_sec2 ul li:hover { border: 3px solid #cf2e34; }
.guide_sec2 ul li img { width: 100%; height: 100%; }
.guide_sec2 ul li span { display: block; width: 150px; height: 50px; font-size: 16px; color: #fff; background: -webkit-linear-gradient(#90de3c, #56af21); background: -o-linear-gradient(#90de3c, #56af21); background: -moz-linear-gradient(#90de3c, #56af21); background: linear-gradient(#90de3c, #56af21); text-align: center; line-height: 50px; position: absolute; left: 0; bottom: 0; border-radius: 0 5px 0 0; }
.guide_sec3 { padding-bottom: 20px; }
.guide_sec3 h5 { background: url('../images/icon/icon15_2.png') no-repeat left center; }
/* ========= e-游园指南(景区参观) ========= */

/* ========= s-游园指南(演出时间) ========= */
.st_title { font-size: 24px; color: #333; font-weight: bold; text-align: center; margin-bottom: 25px; }
.st_sec1 { width: 100%; height: 380px; position: relative; margin-bottom: 40px; }
.st_sec1 .img_left { width: 570px; height: 380px; float: left; margin-right: 5px; }
.st_sec1 .img_center { width: 180px; height: 165px; float: left; margin-right: 5px; margin-bottom: 5px; }
.st_sec1 .img_right { width: 240px; height: 380px; float: left; }
.st_sec1 .txt_box { width: 254px; height: 210px; background: -webkit-linear-gradient(120deg, #e1474d, #cc1f26); background: -o-linear-gradient(120deg, #e1474d, #cc1f26); background: -moz-linear-gradient(120deg, #e1474d, #cc1f26); background: linear-gradient(120deg, #e1474d, #cc1f26); position: absolute; right: 245px; bottom: 0; z-index: 2; }
.st_sec1 .txt_box .txt_box_content { padding: 20px; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: none; }
.st_sec1 .txt_box h5 { font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px; }
.st_sec1 .txt_box p { font-size: 14px; color: #fff; margin-bottom: 6px; }
.st_sec1 .btn_arrow { display: inline-block; width: 30px; height: 30px; position: absolute; top: 93%; }
.st_sec1 .swiper-button-prev { background: url('../images/icon/icon03.png') no-repeat center; left: 523px; }
.st_sec1 .swiper-button-next { background: url('../images/icon/icon04.png') no-repeat center; right: 408px; }
.st_sec1 .swiper-button-prev.swiper-button-disabled { opacity: 1; background: url('../images/icon/icon01.png') no-repeat center; }
.st_sec1 .swiper-button-next.swiper-button-disabled { opacity: 1; background: url('../images/icon/icon02.png') no-repeat center; }



.st_sec2 { padding-bottom: 30px; }
.st_sec2 h4 { font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px; }
.st_sec2 p { font-size: 14px; color: #666; margin-bottom: 8px; }

.st_sec2 dl { margin-bottom: 20px; }
.st_sec2 dl dt { font-size: 14px; color: #333; font-weight: bold; margin-bottom: 10px; }
.st_sec2 dl dd p { font-size: 14px; color: #666; margin-bottom: 8px; }
/* ========= e-游园指南(演出时间) ========= */

/* ========= s-游园指南(导游图) ========= */
.tmap_box { text-align: center; padding-bottom: 50px; position: relative; width: 100%; height: auto; min-height: 709px; }
.tmap_box img { display: inline-block; }
.tmap_box a.btn_download { display: block; width: 188px; height: 53px; background: rgba(0, 0, 0, .0); border-radius: 26px; position: absolute; left: 518px; bottom: 126px; }
/* ========= e-游园指南(导游图) ========= */

/* ========= s-游园指南(交通路线) ========= */
.tr_sec1 { width: 100%; height: 440px; border: 1px solid #e1e1e1; border-radius: 5px; }
.tr_sec1 .imap { width: 100%; height: 360px!important; border-bottom: 1px solid #e1e1e1; margin-bottom: 16px; }
.tr_sec1 .imap * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.tr_sec1 .form { padding: 0 20px; overflow: hidden; }
.tr_sec1 dl { overflow: hidden; height: 45px; float: left; margin-right: 20px; }
.tr_sec1 dl dt { float: left; font-size: 14px; color: #333; line-height: 45px; margin-right: 15px; }
.tr_sec1 dl dd { float: left; }
.tr_sec1 dl dd input[type='text'] { width: 280px; height: 45px; line-height: 45px; border: 1px solid #d9d9d9; border-radius: 5px; text-indent: 12px; }
.tr_sec1 dl dd select { width: 140px; height: 45px; line-height: 45px; border: 1px solid #d9d9d9; border-radius: 5px; }

.tr_sec1 .btn_sub { float: right; width: 140px; height: 45px; border-radius: 5px; font-size: 14px; color: #fff; background: #06cc5a; }
.tr_sec2 { padding: 30px 0; }
.tr_sec2 dl { padding-left: 70px; margin-bottom: 30px; }
.tr_sec2 dl dt { float: left; margin-left: -70px; }
.tr_sec2 dl dd { margin-bottom: 20px; }
.tr_sec2 dl dd p.p_first { font-size: 18px; color: #333; margin-bottom: 8px; }
.tr_sec2 dl dd p.p_second { font-size: 14px; color: #666; }
/* ========= e-游园指南(交通路线) ========= */

/* ========= s-游园指南(商业服务、便民服务、游乐设施、餐饮休闲) ========= */
.bs_sec_nav { width: 180px; float: left; margin-right: 15px; }
.bs_sec1 ul { width: 180px; border: 1px solid #eaeaea; }
.bs_sec1 ul li { width: 100%; height: 60px; border-bottom: 1px solid #eaeaea; line-height: 60px; text-align: center; }
.bs_sec1 ul li a { display: block; font-size: 14px; color: #333; }
.bs_sec1 ul li:last-child { border-bottom: none; }
.bs_sec1 ul li.active, .bs_sec1 ul li:hover { background: url('../images/bg/bg013.png') no-repeat left top; }
.bs_sec1 ul li.active a, .bs_sec1 ul li:hover a { color: #fff; }
.bs_sec_content { width: 965px; float: left; overflow: hidden; }
.bs_sec2 { float: left; width: 720px; height: 480px; margin-right: 15px; position: relative; text-align: center; }
.bs_sec2:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.bs_sec2 img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; display: none; }
.bs_sec3 { float: left; width: 230px; height: 480px; background: #e0474d; position: relative; }
.bs_sec3 .wrap_show { width: 180px; height: 400px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; }
.bs_sec3 ul li { width: 180px; height: 120px; margin-bottom: 20px; }
.bs_sec3 ul li.active, .bs_sec3 ul li:hover { border: 5px solid #fff; }
.bs_sec3 a.btn_arrow { display: block; width: 18px; height: 10px; position: absolute; left: 50%; margin-left: -9px; }
.bs_sec3 a.btn_arrow_top { top: 15px; }
.bs_sec3 a.btn_arrow_bottom { bottom: 15px; }
.bs_sec4 { width: 100%; margin-top: 20px; float: left; }
.bs_sec4 h5 { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 15px; }
.bs_sec4 p { font-size: 14px; color: #666; line-height: 30px; }
/* ========= e-游园指南(商业服务、便民服务、游乐设施、餐饮休闲) ========= */

/* ========= s-游园指南(游园须知) ========= */
.inst_sec1 { margin-bottom: 30px; }
.inst_sec1 ul { overflow: hidden; width: 1090px; margin: 0 auto; }
.inst_sec1 ul li { float: left; width: 350px; height: 158px; border-radius: 5px; margin-right: 20px; padding: 30px; }
.inst_sec1 ul li:last-child { margin-right: 0px; }
.inst_sec1 ul li h6 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 15px; }
.inst_sec1 ul li p { font-size: 14px; color: #fff; margin-bottom: 5px; }
.inst_sec2 { padding-bottom: 30px; width: 1090px; margin: 0 auto; }
.inst_sec2 p { font-size: 14px; color: #666; line-height: 30px; }
/* ========= e-游园指南(游园须知) ========= */

/* ========= s-游园指南(景区参观详情页) ========= */
.pvd_sec1 { width: 100%; height: 116px; border-top: 10px solid #06cc5a; border-bottom: 10px solid #06cc5a; background: #fff; position: relative; margin-bottom: 40px; }
.pvd_sec1:after { content: ''; width: 0px; height: 0px; border: 10px solid #06cc5a; border-left-color: #fff; border-right-color: #fff; border-bottom-color: #fff; position: absolute; bottom: -30px; left: 50%; margin-left: -10px; }
.pvd_sec1 dl { overflow: hidden; }
.pvd_sec1 dl dt { float: left; width: 300px; height: 90px; background: url('../images/bg/bg018.jpg') no-repeat left top; font-size: 20px; color: #fff; text-align: center; line-height: 90px; }
.pvd_sec1 dl dt span { font-weight: bold; }
.pvd_sec1 dl dd { float: left; width: 860px; position: relative; }
.pvd_sec1 dl dd .wrap_show { width: 770px; margin: 0 auto; margin-top: 8px; }
.pvd_sec1 dl dd .wrap_show .swiper-slide { width: 120px; height: 80px; border-radius: 8px; overflow: hidden; border: 2px solid #fff; }
.pvd_sec1 dl dd .wrap_show .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; }
.pvd_sec1 dl dd .wrap_show .swiper-slide a img { width: 100%; height: 100%; }
.pvd_sec1 dl dd .wrap_show .swiper-slide a p { width: 100%; height: 25px; position: absolute; left: 0; bottom: -25px; font-size: 12px; color: #fff; background: rgba(0, 0, 0, .8); text-align: center; line-height: 25px; }

.pvd_sec1 dl dd .wrap_show .swiper-slide.active, .pvd_sec1 dl dd .wrap_show .swiper-slide:hover { border: 2px solid #06cc5a; }
.pvd_sec1 dl dd .btn_arrow { display: block; width: 20px; height: 20px; position: absolute; top: 68%; }
.pvd_sec1 dl dd .swiper-button-prev { background: url('../images/icon/icon20_1.png') no-repeat center; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
.pvd_sec1 dl dd .swiper-button-next { background: url('../images/icon/icon20_2.png') no-repeat center; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
.pvd_sec1 dl dd .swiper-button-prev.swiper-button-disabled { opacity: 1; background: url('../images/icon/icon19_1.png') no-repeat center; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
.pvd_sec1 dl dd .swiper-button-next.swiper-button-disabled { background: url('../images/icon/icon19_2.png') no-repeat center; -webkit-background-size: 20px 20px; background-size: 20px 20px; }
.pvd_sec2 { position: relative; padding-bottom: 40px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; }
.pvd_sec2 a.btn_arrow { display: block; width: 50px; height: 50px; position: absolute; top: 50%; }
.pvd_sec2 a.btn_arrow_left { background: url('../images/icon/icon21_1.png') no-repeat center; left: 0; }
.pvd_sec2 a.btn_arrow_right { background: url('../images/icon/icon21_2.png') no-repeat center; right: 0; }
.pvd_sec2 h5 { font-size: 24px; font-weight: bold; color: #333; text-align: center; margin-bottom: 30px; }


.pvd_sec2 .img_box { float: left; position: relative; width: 600px; height: 450px; border-radius: 6px; overflow: hidden; text-align: center; }
.pvd_sec2 .img_box:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.pvd_sec2 .img_box img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; display: none; }
.pvd_sec2 .img_nav { float: right; width: 160px; height: 450px; position: relative; }
.pvd_sec2 .img_nav ul { width: 160px; height: 9999px; }
.pvd_sec2 .img_nav ul li { width: 160px; height: 120px; margin-bottom: 10px; border-radius: 6px; }
.pvd_sec2 .img_nav ul li a { display: block; width: 100%; height: 100%; }
.pvd_sec2 .img_nav ul li.active, .pvd_sec2 .img_nav ul li:hover { border: 3px solid #06cc5a; }
.pvd_sec2 .img_nav .show_wrap { width: 160px; height: 380px; margin: auto; overflow: hidden; position: absolute; top: 0; bottom: 0; }
.pvd_sec2 .img_nav a.btn_arrow_top { display: block; position: absolute; top: 0; right: 0; }
.pvd_sec2 .img_nav a.btn_arrow_bottom { display: block; position: absolute; bottom: 0; right: 0; }


.pvd_sec2 .txt_box p { font-size: 14px; color: #666; line-height: 30px; }
.pvd_sec3 { padding-bottom: 30px; }
.pvd_sec3 h6 { font-size: 18px; color: #333; font-weight: bold; padding-left: 30px; background: url('../images/icon/icon23.png') no-repeat left center; margin-bottom: 20px; }
.pvd_sec3 p { font-size: 14px; color: #333; margin-bottom: 25px; padding-left: 30px; }
.pvd_sec3 p input#success_btn { display: block; width: 100px; height: 35px; font-size: 14px; color: #fff; background: #06cc5a; border-radius: 5px; }
.pvd_sec3 p input#success_btn:hover { opacity: .8; }

.pvd_sec3 ul.options { overflow: hidden; margin-bottom: 20px; padding-left: 30px; }
.pvd_sec3 ul.options li { /*float: left;*/ font-size: 14px; color: #666; margin-right: 100px; cursor: pointer; margin-bottom: 10px; }
.pvd_sec3 ul.options li input[type="radio"] { margin-right: 10px; cursor: pointer; }
.pvd_sec3 dl.result { padding-left: 30px; }
.pvd_sec3 dl.result dd { overflow: hidden; height: 20px; line-height: 20px; margin-bottom: 8px; }
.pvd_sec3 dl.result dd i, .pvd_sec3 dl.result dd span, .pvd_sec3 dl.result dd em { float: left; font-size: 14px; color: #333; font-weight: bold; }
.pvd_sec3 dl.result dd i { margin-right: 10px; }
.pvd_sec3 dl.result dd span { height: 6px; border-radius: 3px; background: #06cc5a; margin-right: 10px; margin-top: 8px; }


/* ========= e-游园指南(景区参观详情页) ========= */

/* ========= s-上野动态(上野新闻) ========= */
.guide_nav2 ul li { width: 25%; }
.news_sec1 { width: 100%; height: 280px; background: url('../images/icon/icon25.png') repeat; padding: 40px; }
.news_sec1 .img { width: 267px; height: 200px; float: left; }
.news_sec1 .img img { max-width: 100%; max-height: 100%; }
.news_sec1 .txt { width: 813px; height: 200px; float: left; padding-left: 25px; background: #fff; padding-top: 25px; position: relative; }
.news_sec1 .txt h5 { font-size: 20px; color: #333; margin-bottom: 20px; }
.news_sec1 .txt p { font-size: 14px; color: #999; line-height: 30px; margin-bottom: 20px; height: 60px; overflow: hidden; }
.news_sec1 .txt span { font-size: 14px; color: #666; padding-left: 30px; background: url('../images/icon/icon27.png') no-repeat left center; }
.news_sec1 .txt i { display: block; width: 40px; height: 40px; background: url('../images/icon/icon26.png') no-repeat center; position: absolute; right: 0; top: 0; }
.news_sec2 { width: 100%; border: 1px solid #e1e1e1; margin-bottom: 30px; }
.news_sec2 ul.ul_list { padding: 0 40px; margin-bottom: 20px; }
.news_sec2 ul.ul_list li { width: 100%; height: 80px; border-bottom: 1px solid #e1e1e1; }
.news_sec2 ul.ul_list li a { line-height: 80px; font-size: 16px; color: #333; }
.news_sec2 ul.ul_list li a span { float: right; color: #999; }
/* ========= e-上野动态(上野新闻) ========= */

/* ========= s-上野动态(上野新闻详情) ========= */
.news_d_content { }
.news_d_content h3 { font-size: 20px; color: #333; text-align: center; margin-bottom: 30px; }
.news_d_content .subtitle { margin-bottom: 30px; position: relative; text-indent: 0; }
.news_d_content .subtitle .author { font-size: 14px; color: #999; float: left; height: 46px; line-height: 46px; padding-left: 32px; background: url('../images/icon/icon29.png') no-repeat left center; }
.news_d_content .subtitle .date { font-size: 14px; color: #999; float: right; height: 46px; line-height: 46px; padding-left: 32px; background: url('../images/icon/icon30.png') no-repeat left center; }
.news_d_content .subtitle ul.widget { position: absolute; left: 50%; top: 0; margin-left: -93px; }
.news_d_content .subtitle ul.widget li { float: left; width: 46px; height: 46px; margin: 0 8px; }
.news_d_content .subtitle ul.widget li a { display: block; }
.news_d_content p { font-size: 14px; color: #333; line-height: 30px; }
.news_d_content p img { display: block; margin: auto; max-width: 100%; max-height: 100%; }


/* ========= e-上野动态(上野新闻详情) ========= */

/* ========= s-精彩视频 ========= */
.guide_nav3 ul li { width: 50%; }
.video_sec1 ul.ul_list { overflow: hidden; padding-top: 5px; width:1080px; margin:0 auto }
.video_sec1 ul.ul_list li { float: left; width: 340px; height: 404px; padding: 20px; border: 1px solid #eaeaea; margin: 0 10px; margin-bottom: 20px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.video_sec1 ul.ul_list li:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.video_sec1 ul.ul_list li .img { width: 300px; height: 225px; margin-bottom: 10px; }
.video_sec1 ul.ul_list li .img img { max-width: 100%; max-height: 100%; width:100%; }
.video_sec1 ul.ul_list li .txt h5 { font-size: 14px; color: #333; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 10px; }
.video_sec1 ul.ul_list li .txt span { display: block; font-size: 12px; color: #999; margin-bottom: 10px; }
.video_sec1 ul.ul_list li .txt p { font-size: 12px; color: #666; line-height: 24px; height: 72px; overflow: hidden; }
/* ========= e-精彩视频 ========= */

/* ========= s-精彩视频(详情页) ========= */
.ivideo { display: block; width: 955px; height: 554px; background: #000; margin: 0 auto; margin-bottom: 30px; }
/* ========= e-精彩视频(详情页) ========= */

/* ========= s-精彩视频 ========= */
.perform_sec1 { }
.perform_sec1 ul.ul_list { overflow: hidden; }
.perform_sec1 ul.ul_list li { float: left; width: 570px; height: 428px; margin-right: 20px; margin-bottom: 20px; overflow: hidden; position: relative; }
.perform_sec1 ul.ul_list li img { max-width: 100%; max-height: 100%; position: absolute; left: 0; top: 0; transform: scale(1.0, 1.0); -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; transition: 1s; }
.perform_sec1 ul.ul_list li:hover img { transform: scale(1.1, 1.1); }
.perform_sec1 ul li:nth-child(2n+2) { margin-right: 0; }
.perform_sec1 ul.ul_list li .txt { width: 100%; height: 120px; background: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; padding: 25px; }
.perform_sec1 ul.ul_list li .txt h5 { font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 10px; }
.perform_sec1 ul.ul_list li .txt p { font-size: 12px; color: #fff; line-height: 24px; }
.perform_sec1 ul.ul_list li .txt span { display: block; font-size: 12px; color: #fff; width: 235px; height: 25px; background: #00a446; border-radius: 20px 0 0 20px; line-height: 25px; text-align: center; position: absolute; right: 0; top: 20px; }

/* ========= e-精彩视频 ========= */

/* ========= e-精彩视频 (详情页) ========= */
.btn_box { }
.btn_box ul { text-align: center; }
.btn_box ul li { display: inline-block; width: 200px; height: 45px; margin: 0 5px; }
.btn_box ul li a { display: block; font-size: 14px; color: #fff; line-height: 45px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 15px; }
.btn_box ul li.btn_prev { background: url('../images/icon/icon31_1.png') no-repeat center; }
.btn_box ul li.btn_back { background: url('../images/icon/icon31_2.png') no-repeat center; }
.btn_box ul li.btn_next { background: url('../images/icon/icon31_3.png') no-repeat center; }
/* ========= e-精彩视频 (详情页) ========= */


/*产品具体内容*/
#prodview_pic { text-align:center; overflow:hidden; zoom:1; width:800px; margin:0 auto;}
#prodview_pic img {  background-color:#fff; padding:1px; border:2px solid #ccc;}
#protext { width:100%; padding:10px 0;}
h2.pro_name { height:40px; line-height:40px; font-size:14px; color:#444; text-align:center; padding:15px 0;}
.smallpic { max-width:800px; _width: expression(this.width > 800 ? 800 : true);}

/*--- 新闻具体内容 ---*/
h2#h2_news { font-size:18px; line-height:60px; text-align:center;}
#news_top1 { color:#999; font-size:12px; line-height:28px; text-align:center;}
#news_contain { padding:10px;font-size:14px; }


/*--- 分页 ---*/
.page_num { width:100%; height:40px; padding:10px 0 0 0; text-align:center; clear:both; }
.page_num strong { padding:0 5px 2px 5px; background-color:#504C4D; color:#fff; margin:0 3px;}
.page_num a { padding:0 5px 2px 5px; background-color:#fff; border:1px solid #ccc; margin:0 3px;}
.page_num a:hover { background-color:#E9740D; color:#fff; border:1px solid #F30;}


.page{ background-color:#9ae02b; width:150px; height:40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; line-height:40px; text-align:center; font-size:18px; margin:20px auto; }

.by_left{ float:left; width:250px; height:250px; background-color:#F90; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.by_left_02{float:left; width:250px; height:250px; background-color:#1be7ff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.by_left_x{ width:200px; margin:25px auto;}
.by_right{ float:left; width:500px; margin:0 0 0 50px;}


.ab_left{ float:left; width:500px; height:250px; background-color:#F90; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.ab_left_02{float:left; width:520px; height:250px; background-color:#1be7ff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}
.ab_left_x{ width:500px; margin:0px auto;}
.ab_right{ float:left; width:500px; margin:0 0 0 50px;}

.ab_left_cc{float:left; width:500px; height:250px; background-color:#F90; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }


/*@s首页滚动*/
.iequip{height:289px;}
.iequip .tl_a{border-bottom:1px solid #d3d3d3;}
.iequip .tl_a h2{color:#4c4944;font-weight:700;}
.iequip .tl_a h3{color:#e6e2db;}
.iequip_con{height:200px;}
#ScrollBox{overflow:hidden;float:left;width:420px;height:169px;margin:0 20px;display:inline;}
#ScrollBox li{width:182px;height:160px;margin-right:20px;overflow:hidden;float:left;display:inline;border:1px solid #dad7d7; margin-bottom:20px;}
#ScrollBox li .pic{width:182px;height:137px;background:#FFF;padding:3px;overflow:hidden;}
#ScrollBox li .textss{width:182px;height:21px;overflow:hidden;background:#fff;}
#ScrollBox li h5{width:180px;height:19px;font:400 12px/19px 宋体;text-align:center;overflow:hidden;}
#ScrollBox li h4 a{color:#4c4944;}
.ctrl{width:27px;height:56px;float:left;display:inline;margin-top:40px;}





/* ========= s-动物科普 ========= */
.guide_nav4 ul li { width: 16.6%; }
/* ========= e-动物科普 ========= */
.guide_nav5 ul li { width: 25%; }
/* ========= s-网上商城 ========= */
.mart_sec1 { width: 100%; margin-top: 110px; margin-bottom: 30px; }
.mart_sec1 .wrap_1260 { height: 82px; background: url('../images/bg/bg029.png') no-repeat center; padding-left: 50px; position: relative; }
.mart_sec1 .wrap_1260 p { font-size: 14px; color: #666; padding-left: 32px; background: url('../images/icon/icon32.png') no-repeat left center; line-height: 70px; }
.mart_sec1 .wrap_1260 ul { height: 70px; position: absolute; right: 50px; top: 0; }
.mart_sec1 .wrap_1260 ul li { float: left; margin-left: 20px; }
.mart_sec1 .wrap_1260 ul li:nth-child(1) { padding-left: 30px; background: url('../images/icon/icon33.png') no-repeat left center; }
.mart_sec1 .wrap_1260 ul li:nth-child(2) { padding-left: 30px; background: url('../images/icon/icon34.png') no-repeat left center; }
.mart_sec1 .wrap_1260 ul li a { font-size: 14px; color: #333; font-weight: bold; line-height: 70px; }
.mart_sec2 .wrap_1200 { background: #fff; margin-bottom: 30px; border-radius: 5px; padding: 20px; }
.mart_sec2_ul { width: 100%; height: 80px; background: #00b44c; border-radius: 10px; box-shadow: inset 0px 5px 15px rgba(108, 255, 170, .6); padding: 10px; }
.mart_sec2_ul li { float: left; width: 25%; height: 60px; border-right: 1px solid #d9d9d9; background: #fff; }
.mart_sec2_ul li:nth-child(1) { border-radius: 10px 0 0 10px; }
.mart_sec2_ul li:nth-child(4) { border-right: none; border-radius: 0 10px 10px 0; }
.mart_sec2_ul li a { display: block; height: 60px; font-size: 16px; color: #333; text-align: center; line-height: 60px; }
.mart_sec2_ul li a img { display: inline-block; vertical-align: middle; }
.mart_sec2_ul li a img:nth-child(2) { display: none; }
.mart_sec2_ul li a span { display: inline-block; vertical-align: middle; margin-left: 15px; }
.mart_sec2_ul li.active, .mart_sec2_ul li:hover { background: -webkit-linear-gradient( #e24850, #d3323a ); background: -o-linear-gradient( #e24850, #d3323a ); background: -moz-linear-gradient( #e24850, #d3323a ); background: linear-gradient( #e24850, #d3323a ); border: 1px solid #ff0000; box-shadow: inset 3px 3px 12px rgba(255, 255, 255, .3); }
.mart_sec2_ul li.active a, .mart_sec2_ul li:hover a { color: #fff; }
.mart_sec2_ul li.active img:nth-child(1), .mart_sec2_ul li:hover img:nth-child(1) { display: none; }
.mart_sec2_ul li.active img:nth-child(2), .mart_sec2_ul li:hover img:nth-child(2) { display: inline-block; }
.mart_sec2_sort { width: 100%; height: 58px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; margin-top: 25px; margin-bottom: 20px; }
.mart_sec2_sort p a { line-height: 58px; font-size: 14px; margin-right: 30px; }
.mart_sec2_sort p a.sort { padding-right: 15px; background: url('../images/icon/icon65_1.png') no-repeat right center; }
.mart_sec2_sort p a.sort1 { padding-right: 15px; background: url('../images/icon/icon65_2.png') no-repeat right center; }
.mart_sec2_sort p a.sort2 { padding-right: 15px; background: url('../images/icon/icon65_3.png') no-repeat right center; }
.mart_sec2_sort p a.active { color: #00b44c; }
.mart_sec2_list ul { overflow: hidden; padding-top: 10px; }
.mart_sec2_list ul li { float: left; width: 274px; height: 281px; margin-right: 20px; margin-bottom: 20px; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; transition: .3s; }
.mart_sec2_list ul li:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-transform: translateY(-5px); transform: translateY(-5px); }
.mart_sec2_list ul li:nth-child(4n+4) { margin-right: 0; }
.mart_sec2_list ul li .img { width: 274px; height: 206px; }
.mart_sec2_list ul li .img img { max-width: 100%; max-height: 100%; }
.mart_sec2_list ul li .txt { border: 1px solid #eaeaea; border-top: none; height: 75px; padding: 12px 15px; }
.mart_sec2_list ul li .txt p:nth-child(1) { font-size: 14px; color: #333; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mart_sec2_list ul li .txt p:nth-child(2) { font-size: 12px; color: #999; }
.mart_sec2_list ul li .txt p:nth-child(2) em { font-size: 18px; color: #e0474d; margin-right: 10px; }
.mart_sec2_list ul li .txt p:nth-child(2) i { font-size: 14px; color: #999; text-decoration: line-through; }
/* ========= e-网上商城 ========= */

/* ========= s-网上商城(详情页) ========= */
.mart_detail_sec1 { overflow: hidden; margin: 40px 0 70px; border: 1px solid #eaeaea; position: relative; }
.mart_detail_sec1 .img { float: left; margin-right: 25px; text-align: center; }
.mart_detail_sec1 .img:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.mart_detail_sec1 .img img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; }
.mart_detail_sec1 .txt { float: left; padding-top: 25px; }
.mart_detail_sec1 .txt h5 { font-size: 20px; color: #333; font-weight: bold; margin-bottom: 20px; }
.mart_detail_sec1 .txt > p { margin-bottom: 20px; }
.mart_detail_sec1 .txt > p span { font-size: 14px; color: #999; }
.mart_detail_sec1 .txt > p span:nth-child(1) { margin-right: 20px; }
.mart_detail_sec1 .txt > p span:nth-child(1) em { font-size: 16px; color: #333; font-weight: bold; }
.mart_detail_sec1 .txt > p span:nth-child(2) i { font-size: 16px; text-decoration: line-through; }
.mart_detail_sec1 .txt dl.amount { overflow: hidden; margin-bottom: 20px; }
.mart_detail_sec1 .txt dl.amount dt { float: left; font-size: 14px; color: #666; height: 40px; line-height: 40px; margin-right: 15px; }
.mart_detail_sec1 .txt dl.amount dd { float: left; overflow: hidden; }
.mart_detail_sec1 .txt dl.amount dd input[type='button'] { float: left; width: 30px; height: 30px; margin-top: 5px; }
.mart_detail_sec1 .txt dl.amount dd input[type='button'].minus { background: url('../images/icon/icon56_1.png') no-repeat center; }
.mart_detail_sec1 .txt dl.amount dd input[type='button'].minus:hover { background: url('../images/icon/icon57_1.png') no-repeat center; }
.mart_detail_sec1 .txt dl.amount dd input[type='button'].add { background: url('../images/icon/icon56_2.png') no-repeat center; }
.mart_detail_sec1 .txt dl.amount dd input[type='button'].add:hover { background: url('../images/icon/icon57_2.png') no-repeat center; }
.mart_detail_sec1 .txt dl.amount dd input[type='text'] { float: left; width: 110px; height: 40px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; font-size: 14px; color: #333; text-align: center; margin: 0 10px; }
.mart_detail_sec1 .txt dl.date { overflow: hidden; margin-bottom: 20px; }
.mart_detail_sec1 .txt dl.date dt { float: left; font-size: 14px; color: #666; height: 40px; line-height: 40px; margin-right: 15px; }
.mart_detail_sec1 .txt dl.date dd { float: left; }
.mart_detail_sec1 .txt dl.date dd p { width: 200px; height: 40px; border: 1px solid #d9d9d9; border-radius: 5px; line-height: 40px; text-indent: 10px; }
.mart_detail_sec1 .txt dl.date dd p input[type='text'] { border: none!important; width: 90%; height: 30px; line-height: 30px; background: url('../images/icon/icon55.png') no-repeat right; }
.laydate_body .laydate_top { height: 36px!important; }
.laydate_body .laydate_bottom { height: 32px!important; }
.mart_detail_sec1 .txt dl.date dd p img { display: inline-block; vertical-align: middle; margin-top: -3px; }

.mart_detail_sec1 .txt dl.price { overflow: hidden; margin-bottom: 20px; }
.mart_detail_sec1 .txt dl.price dt { float: left; height: 40px; line-height: 40px; margin-right: 20px; }
.mart_detail_sec1 .txt dl.price dd { font-size: 20px; color: #e0474d; font-weight: bold; line-height: 40px; }
.mart_detail_sec1 .txt ul.btn_box { overflow: hidden; }
.mart_detail_sec1 .txt ul.btn_box li { display: inline-block; width: 160px; height: 49px; background: url('../images/icon/icon58_1.png') no-repeat center; }
.mart_detail_sec1 .txt ul.btn_box li:nth-child(2) { background: url('../images/icon/icon58_2.png') no-repeat center; margin-left: 10px; }
.mart_detail_sec1 .txt ul.btn_box li a { display: block; font-size: 16px; color: #fff; text-align: center; line-height: 46px; }
.mart_detail_sec1 > span.state1 { display: block; width: 70px; height: 40px; font-size: 14px; color: #fff; background: #06cc5a; font-weight: bold; line-height: 40px; text-align: center; border-radius: 20px 0 0 20px; position: absolute; right: 0; top: 30px; }
.mart_detail_sec1 > span.state2 { display: block; width: 40px; padding-top: 33px; background: url('../images/icon/icon54.png') no-repeat center top; font-size: 14px; color: #666; text-align: center; position: absolute; right: 12px; top: 85px; }

.mart_detail_sec2 { width: 100%; min-height: 340px; border: 1px solid #eaeaea; padding: 50px 25px 25px; position: relative; box-shadow: inset -2px 10px 20px rgba(0, 0, 0, .05); margin-bottom: 20px; }
.mart_detail_sec2 span.tt { display: block; width: 180px; height: 60px; line-height: 60px; text-align: center; text-indent: -20px; background: url('../images/icon/icon59.png') no-repeat center; font-size: 18px; color: #fff; position: absolute; left: 0; top: -30px; }
.mart_detail_sec2 p { font-size: 14px; color: #333; line-height: 30px; }



/* ========= s-登录 ========= */
.login_box { width: 460px; height: 450px; background: rgba(255, 255, 255, .9); border-radius: 6px; padding: 36px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.login_box h4 { font-size: 20px; font-weight: bold; color: #333; text-align: center; margin-bottom: 40px; }
.login_box input[type='text'], .login_box input[type='password'] { width: 100%; height: 50px; border: 1px solid #d9d9d9; background: #fff; border-radius: 5px; margin-bottom: 23px; overflow: hidden; text-indent: 10px; }

.login_box input[type='submit'] { width: 100%; height: 50px; background: #00b44c; border-radius: 5px; font-size: 16px; color: #fff; }
.login_box p.forget { width: 100%; height: 50px; line-height: 50px; }
.login_box p.forget input[type='checkbox'] { display: inline-block; vertical-align: middle; margin-right: 10px; }
.login_box p.forget span { font-size: 14px; color: #333; display: inline-block; vertical-align: middle; }
.login_box p.forget a { font-size: 14px; color: #999; text-decoration: underline; display: inline-block; vertical-align: middle; float: right; }
.login_box p.no_account { width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: #666; }
.login_box p.no_account a { color: #333; text-decoration: underline; }
/* ========= e-登录 ========= */

/* ========= s-找回密码 ========= */
.login_box p.verification { width: 100%; height: 50px; line-height: 50px; margin-bottom: 23px; overflow: hidden; }
.login_box p.verification input[type='text'] { float: left; width: 195px; margin-right: 13px; }
.login_box p.verification img.code { width: 82px; height: 30px; float: left; vertical-align: middle; margin-right: 20px; margin-top: 10px; }
.login_box p.verification a { float: left; font-size: 12px; color: #999; text-decoration: underline; }
.login_box p.prompt { font-size: 12px; color: #999; line-height: 24px; }
.retrieve_box { width: 460px; height: 359px; position: fixed; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: url('../images/icon/icon42.png') no-repeat left bottom; padding: 36px; padding-top: 165px; text-align: center; }
.retrieve_box img.head { position: absolute; left: 50%; top: 0; margin-left: -60px; }
.retrieve_box p { font-size: 16px; color: #333; margin-bottom: 30px; }
.retrieve_box a { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; background: #00b44c; border-radius: 5px; }
/* ========= e-找回密码 ========= */

/* ========= s-注册 ========= */
.registered_box { height: 590px; }
/* ========= e-注册 ========= */

/* ========= s-支持帮助 ========= */
.sp_global { margin-top: 100px; border-radius: 5px 5px 0 0; margin-bottom: 0px; }
.sp_sec_box { width: 100%; background: #fff; margin-bottom: 40px; border-radius: 0 0 5px 5px; overflow: hidden; }
.sp_sec1 { float: left; width: 820px; background: #fff; padding: 20px; }
.sp_sec1 h5 { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 20px; }
.sp_sec1 .part { margin-bottom: 30px; }
.sp_sec1 .part span { display: block; font-size: 14px; color: #00b44c; padding-left: 11px; background: url('../images/icon/icon44.png') no-repeat left center; margin-bottom: 20px; }
.sp_sec1 .sp_sec1_ul { border: 1px solid #eaeaea; }
.sp_sec1 .sp_sec1_ul li { width: 100%; border-top: 1px solid #eaeaea; line-height: 40px; text-indent: 15px; font-size: 14px; color: #333; background: #f6f6f6; position: relative; cursor: pointer; overflow: hidden; }
.sp_sec1 .sp_sec1_ul li .sp_answer { width: 100%; padding: 15px; background: #fff; display: none; }
.sp_sec1 .sp_sec1_ul li .sp_answer p { font-size: 14px; color: #666; line-height: 26px; text-indent: 0; }
.sp_sec1 .sp_sec1_ul li:first-child { border-top: none; }
.sp_sec1 .sp_sec1_ul li i { display: block; width: 24px; height: 24px; background: url('../images/icon/icon43_1.png') no-repeat center; position: absolute; right: 10px; top: 8px; }
.sp_sec1 .sp_sec1_ul li.active { background: #06cc5a; color: #fff; }
.sp_sec1 .sp_sec1_ul li.active i { background: url('../images/icon/icon43_2.png') no-repeat center; }

.sp_title { width: 100%; height: 40px; overflow: hidden; margin-bottom: 20px; }
.sp_title li { float: left; width: 100px; height: 40px; }
.sp_title li a { font-size: 18px; color: #333; line-height: 40px; }
.sp_title li.active { font-weight: bold; }








.sp_sec2 { float: left; width: 380px; background: #efefef; padding: 20px; }
.sp_sec2 h5 { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 20px; }
.sp_sec2 .sp_sec2_dl1 { border-bottom: 1px dashed #c4c4c4; padding-bottom: 10px; margin-bottom: 20px; }
.sp_sec2 .sp_sec2_dl1 dt, .sp_sec2 .sp_sec2_dl1 dd { font-size: 14px; margin-bottom: 10px; padding-left: 50px; }
.sp_sec2 .sp_sec2_dl1 dt span, .sp_sec2 .sp_sec2_dl1 dd span { color: #06cc5a; float: left; margin-left: -50px; }
.sp_sec2 .sp_sec2_dl2 { margin-bottom: 20px; }
.sp_sec2 .sp_sec2_dl2 dt { font-size: 14px; color: #333; margin-bottom: 15px; }
.sp_sec2 .sp_sec2_dl2 dt em { color: #e0474d; }
.sp_sec2 .sp_sec2_dl2 dd input[type='text'] { width: 100%; height: 45px; border: 1px solid #d9d9d9; border-radius: 5px; }
.sp_sec2 .sp_sec2_dl2 dd textarea { width: 100%; height: 90px; border: 1px solid #d9d9d9; border-radius: 5px; resize: none; }
.sp_sec2 .sp_sec2_dl2 dd select { width: 100%; height: 45px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; }
.sp_sec2 input[type='submit'] { width: 150px; height: 44px; background: url('../images/icon/icon45.png') no-repeat center; font-size: 14px; color: #fff; }
#msgid { height: 20px; margin: 10px 0; }
/* ========= e-支持帮助 ========= */

/* ========= s-购物车 ========= */
.sc_sec1 { overflow: hidden; width: 100%; height: 95px; margin-bottom: 35px; }
.sc_sec1 li { float: left; width: 25%; height: 20px; font-size: 14px; color: #333; font-weight: bold; text-align: center; margin-top: 75px; }
.sc_sec2 { overflow: hidden; height: 40px; border: 1px solid #eaeaea; line-height: 40px; padding: 0 20px; }
.sc_sec2 li { font-size: 14px; color: #333; float: left; width: 15%; }
.sc_sec2 li.goods { width: 20%; text-indent: 30px; }
.sc_sec2 li.price { width: 10%; text-align: center; }
.sc_sec2 li.amount { width: 25%; text-align: center; }
.sc_sec2 li.preferential { width: 10%; text-align: center; }
.sc_sec2 li.subtotal { width: 10%; text-align: center; }

.sc_sec2 li:first-child input[type='checkbox'] { margin-right: 10px; }
.sc_sec3 { width: 100%; height: 130px; border: 1px solid #eaeaea; padding: 0 20px; margin-bottom: 20px; }

.sc_sec3 dd { float: left; margin-top: 20px; }
.sc_sec3 dd.goods { width: 35%; overflow: hidden; }
.sc_sec3 dd.price { width: 10%; text-align: center; font-size: 14px; color: #333; }
.sc_sec3 dd.amount { width: 25%; text-align: center; }
.sc_sec3 dd.preferential { width: 10%; font-size: 14px; color: #333; text-align: center; }
.sc_sec3 dd.subtotal { width: 10%; font-size: 14px; color: #e0474d; text-align: center; }
.sc_sec3 dd.delete { width: 10%; font-size: 14px; color: #999; text-decoration: underline; text-align: center; }
.sc_sec3 dd.goods input[type='checkbox'] { float: left; margin-top: 38px; margin-right: 10px; }
.sc_sec3 dd.goods .goods_detail { float: left; width: 300px; height: 90px; overflow: hidden; padding-left: 140px; }
.sc_sec3 dd.goods .goods_detail img { width: 120px; height: 90px; float: left; margin-left: -140px; }
.sc_sec3 dd.goods .goods_detail h6 { font-size: 14px; color: #333; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; }
.sc_sec3 dd.goods .goods_detail p { font-size: 14px; color: #00b44c; height: 40px; overflow: hidden; }
.sc_sec3 dd.amount input[type='button'] { display: inline-block; width: 40px; height: 40px; border: 1px solid #d9d9d9; border-radius: 5px; background: #fff; font-size: 16px; color: #333; }
.sc_sec3 dd.amount input[type='text'] { display: inline-block; width: 90px; height: 40px; border: 1px solid #d9d9d9; text-align: center; background: #fff; border-radius: 5px; font-size: 14px; color: #333; }
.sc_list > p { width: 100%; height: 50px; line-height: 50px; padding: 0 20px; font-size: 14px; color: #333; }
.sc_list > p input[type='checkbox'] { margin-right: 10px; }

.sc_sec4 { width: 100%; height: 70px; border: 1px solid #eaeaea; padding: 0 20px; line-height: 70px; }
.sc_sec4 li { float: right; font-size: 14px; color: #333; }
.sc_sec4 li:first-child { float: left; }
.sc_sec4 li:first-child input[type='checkbox'] { margin-right: 10px; }
.sc_sec4 li:first-child a { color: #999; text-decoration: underline; margin-left: 20px; }
.sc_sec4 li.settlement span { font-size: 18px; color: #e0474d; }
.sc_sec4 li.settlement a { display: inline-block; width: 120px; height: 44px; background: url('../images/icon/icon47.png') no-repeat center; line-height: 44px; text-align: center; font-size: 16px; color: #fff; margin-left: 20px; }
/* ========= e-购物车 ========= */

/* ========= s-写订单 ========= */
.order_sec { margin-bottom: 30px; }
.order_sec h6 { font-size: 14px; font-weight: bold; color: #00b44c; padding-left: 11px; background: url('../images/icon/icon44.png') no-repeat left center; margin-bottom: 20px; }
.order_sec1 p { font-size: 14px; color: #e0474d; font-weight: bold; text-indent: 10px; }
.order_sec2 { overflow: hidden; }
.order_sec2 dl { overflow: hidden; float: left; margin-bottom: 20px; margin-right: 60px; }
.order_sec2 dl dt { width: 100px; height: 45px; line-height: 45px; font-size: 14px; color: #333; margin-right: 10px; float: left; text-indent: 10px; }
.order_sec2 dl dd { float: left; }
.order_sec2 dl dd input[type='text'] { width: 340px; height: 45px; border: 1px solid #d9d9d9; text-indent: 10px; border-radius: 5px; }
.order_sec2 dl dd textarea { width: 850px; height: 95px; border: 1px solid #d9d9d9; border-radius: 5px; padding: 5px 10px; }
.order_sec3_ul { overflow: hidden; width: 100%; height: 40px; background: #06cc5a; line-height: 40px; }
.order_sec3_ul li { float: left; font-size: 14px; color: #fff; text-align: center; }
.order_sec3_ul li.goods { width: 40%; }
.order_sec3_ul li.price { width: 15%; }
.order_sec3_ul li.amount { width: 15%; }
.order_sec3_ul li.preferential { width: 15%; }
.order_sec3_ul li.subtotal { width: 15%; }
.order_sec3_dl { overflow: hidden; height: 126px; border-bottom: 1px solid #eaeaea; padding-top: 20px; }
.order_sec3_dl dd { float: left; }
.order_sec3_dl dd.goods { width: 40%; }
.order_sec3_dl dd.price { width: 15%; text-align: center; }
.order_sec3_dl dd.amount { width: 15%; text-align: center; }
.order_sec3_dl dd.preferential { width: 15%; text-align: center; }
.order_sec3_dl dd.subtotal { width: 15%; text-align: center; }
.order_sec3_dl dd.goods .goods_detail { width: 300px; height: 90px; overflow: hidden; padding-left: 140px; }
.order_sec3_dl dd.goods .goods_detail img { width: 120px; height: 90px; float: left; margin-left: -140px; }
.order_sec3_dl dd.goods .goods_detail h5 { font-size: 14px; color: #333; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 5px; }
.order_sec3_dl dd.goods .goods_detail p { font-size: 14px; color: #00b44c; height: 40px; overflow: hidden; }
.order_sec3 p.settlement { width: 100%; height: 50px; font-size: 14px; color: #666; line-height: 50px; text-align: right; }
.order_sec3 p.settlement span { font-size: 18px; color: #e0474d; }
.order_sec4 { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }
.order_sec4_ul { overflow: hidden; }
.order_sec4_ul li { float: left; text-align: center; margin-right: 35px; }
.order_sec4_ul li input[type='radio'] { display: inline-block; vertical-align: middle; margin-right: 12px; }
.order_sec4_ul li a { display: inline-block; width: 150px; height: 50px; border: 1px solid #eaeaea; }
.order_sec4_ul li a:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }
.order_sec4_ul li a img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; }
.order_sec5 p { font-size: 14px; color: #333; text-align: right; }
.order_sec5 p span { font-size: 18px; font-weight: bold; color: #e0474d; }
.order_sec5 p a { display: inline-block; width: 120px; height: 44px; background: url('../images/icon/icon47.png') no-repeat center; line-height: 44px; text-align: center; font-size: 16px; color: #fff; margin-left: 20px; }
.order_sec5 p #btnSubmit { display: inline-block; width: 120px; height: 44px; background: url('../images/icon/icon47.png') no-repeat center; line-height: 44px; text-align: center; font-size: 16px; color: #fff; margin-left: 20px; }



/* ========= e-写订单 ========= */

/* ========= s-支付成功 ========= */
.ps_sec1 { width: 800px; min-height: 510px; background: #06cc5a; margin: 180px auto 30px; padding: 58px 0 20px; position: relative; }
.ps_sec1 > img { position: absolute; left: 50%; top: -120px; margin-left: -52px; }
.ps_sec1 .txt { width: 740px; min-height: 385px; background: url('../images/bg/bg036.jpg') no-repeat left bottom #fff; margin: 0 auto; padding: 30px; }
.ps_sec1 .txt h4 { font-size: 18px; color: #333; font-weight: bold; margin-bottom: 25px; text-align: center; }
.ps_sec1 .txt p { font-size: 12px; color: #333; line-height: 30px; }
.ps_sec1 > p { text-align: center; height: 50px; line-height: 50px; }
.ps_sec1 > p a { font-size: 14px; color: #fff; text-decoration: underline; text-align: center; }
/* ========= e-支付成功 ========= */

/* ========= s-会员中心(共用部分) ========= */
.mc_top_state { padding-top: 36px; }
.mc_top_state .wrap_1200 { height: 100px; background: #fff; border-radius: 5px; padding: 15px 18px 0; overflow: hidden; }
.mc_top_state .part1 { float: left; }
.mc_top_state .part2 { float: right; }
.mc_top_state .part1 .img { float: left; width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin-right: 25px; }
.mc_top_state .part1 .img img { max-width: 100%; max-height: 100%; }
.mc_top_state .part1 .txt { float: left; padding-top: 12px; }
.mc_top_state .part1 .txt p { font-size: 14px; color: #333; margin-bottom: 6px; width: 190px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mc_top_state .part2 { overflow: hidden; margin-top: 15px; }
.mc_top_state .part2 li { float: left; width: 148px; height: 45px; text-align: center; }
.mc_top_state .part2 li a { display: block; font-size: 14px; color: #333; font-weight: bold; }
.mc_top_state .part2 li a span { display: block; font-size: 14px; font-weight: normal; color: #666; padding-top: 8px; }
.mc_content { padding-top: 20px; margin-bottom: 50px; }
.mc_content .wrap_1200 { overflow: hidden; }
.mc_side_nav { width: 280px; background: #fff; border-radius: 5px; float: left; }
.mc_side_nav ul { width: 100%; border: 1px solid #eaeaea; border-radius: 5px; }
.mc_side_nav ul li { height: 50px; border-top: 1px solid #eaeaea; padding: 0 22px; }
.mc_side_nav ul li:first-child { border-top: none; }
.mc_side_nav ul li a { display: block; font-size: 14px; color: #333; line-height: 50px; }
.mc_side_nav ul li a i { display: inline-block; width: 8px; height: 50px; background: url('../images/icon/icon51_1.png') no-repeat center; float: right; }
.mc_side_nav ul li.active a, .mc_side_nav ul li:hover a { color: #00b44c; }
.mc_side_nav ul li.active a i, .mc_side_nav ul li:hover a i { background: url('../images/icon/icon51_2.png') no-repeat center; }
.mc_content .main { width: 900px; min-height: 200px; background: #fff; border-radius: 5px; border: 1px solid #eaeaea; float: right; padding-bottom: 20px; }
.mc_content .main .headline { width: 100%; height: 50px; border-bottom: 1px solid #eaeaea; }
.mc_content .main .headline_ul { float: left; overflow: hidden; }
.mc_content .main .headline_ul li { float: left; padding: 0 25px; background: url('../images/icon/icon52.png') no-repeat right center; }
.mc_content .main .headline_ul li:last-child { background: none; }
.mc_content .main .headline_ul li a { float: left; font-size: 14px; color: #666; line-height: 50px; }
.mc_content .main .headline_ul li.active a { color: #00b44c; }
.mc_content .main .headline_span { float: left; font-size: 14px; color: #00b44c; font-weight: bold; line-height: 50px; margin: 0 25px; }

/* ========= e-会员中心(共用部分) ========= */

/* ========= s-会员中心(账户资料+密码修改) ========= */
.main_content { padding: 25px; }
.main_content .iform_dl { overflow: hidden; margin-bottom: 18px; }
.main_content .iform_dl dt { float: left; width: 100px; height: 45px; font-size: 14px; color: #333; line-height: 45px; }
.main_content .iform_dl dt em { color: #e0474d; }
.main_content .iform_dl dd { float: left; margin-right: 15px; }
.main_content .iform_dl dd input[type='text'], .main_content .iform_dl dd input[type='password'] { width: 340px; height: 45px; border: 1px solid #d9d9d9; border-radius: 5px; text-indent: 10px; color: #666; }
.main_content .iform_dl dd span { height: 45px; line-height: 45px; font-size: 12px; color: #999; }
.main_content .btn_sub { display: block; width: 120px; height: 45px; font-size: 14px; color: #fff; background: #00b44c; border-radius: 5px; margin-left: 100px; }
/* ========= e-会员中心(账户资料+密码修改) ========= */

/* ========= s-会员中心(我的消息) ========= */
.mseeage_dl { position: relative; margin-bottom: 30px; }
.mseeage_dl:last-child { margin-bottom: 0; }
.mseeage_dl dt { width: 120px; height: 20px; font-size: 12px; color: #999; background: #fff; line-height: 20px; text-align: center; position: absolute; left: 10px; top: -10px; }
.mseeage_dl dd { width: 100%; border: 1px solid #eaeaea; padding: 20px; }
.mseeage_dl dd h6 { font-size: 14px; color: #333; margin-bottom: 5px; }
.mseeage_dl dd p { font-size: 12px; color: #666; line-height: 24px; }
/* ========= e-会员中心(我的消息) ========= */

/* ========= s-会员中心(我的留言) ========= */
.lw_ul { width: 100%; height: 40px; background: #06cc5a; overflow: hidden; }
.lw_ul li { float: left; font-size: 14px; color: #fff; line-height: 40px; width: 25%; text-align: center; }
.lw_ul li:nth-child(1) { width: 35%; }
.lw_ul li:nth-child(2) { width: 20%; }
.lw_ul li:nth-child(3) { width: 30%; }
.lw_ul li:nth-child(4) { width: 15%; }
.lw_dl { width: 100%; min-height: 90px; overflow: hidden; border: 1px solid #eaeaea; border-top: none; padding-top: 20px; padding-bottom: 15px; }
.lw_dl dd { float: left; font-size: 12px; color: #333; width: 25%; text-align: center; line-height: 20px; }
.lw_dl dd > span { display: block; color: #333; }
.lw_dl dd:nth-child(1) { width: 35%; }
.lw_dl dd:nth-child(2) { width: 20%; }
.lw_dl dd:nth-child(3) { width: 30%; }
.lw_dl dd:nth-child(4) { width: 15%; }
/* .lw_dl dd:nth-child(1),.lw_dl dd:nth-child(3) {
	text-align: left;
	padding: 0 20px;
} */
.lw_dl dd:nth-child(4) a { color: #999; text-decoration: underline; }
/* ========= e-会员中心(我的留言) ========= */




/* ========= e-抽奖页面 ========= */


/*=====================以下部分是Validform必须的====================*/
.Validform_checktip { margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px; }

.Validform_right { color: #71b83d; padding-left: 20px; background: url(valid_icons.png) no-repeat -40px -20px; }

.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(valid_icons.png) no-repeat -20px -40px; }

.Validform_loading { padding-left: 20px; background: url(icon_onload.gif) no-repeat left center; }

.Validform_error { background: #FEFBD3; }

#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1); }

#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }

#Validform_msg .Validform_title { position: relative; line-height: 35px; height: 35px; text-align: left; font-weight: bold; padding: 0 10px; color: #fff; background: #33B5E5; }

#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 30px; position: absolute; right: 10px; top: 0px; color: #fff; text-decoration: none; }

#Validform_msg a.Validform_close:hover { color: #ccc; }

#Validform_msg .Validform_info { padding: 10px; border: 1px solid #bbb; border-top: none; text-align: left; }


.Validform_checktip { margin-left: 0; }
/*=====================以上部分是Validform必须的====================*/






















