@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ font-size:16px;padding:0px; margin:0px }
body{color:#000;background-color: #FFF;	padding:0px; margin:0px auto;overflow:scroll; overflow-x:hidden;overflow-y:auto;
	font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; font-size:16px; max-width:640px; }
div{ margin:0; padding:0; border:0; color:#333333; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px 0px 1em 0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}

/*链接*/
a{ text-decoration:none; color:#000; background: transparent;  outline:none}
a:visited {color:#999; }
a:focus { outline:none; }
a:hover, a:active{ color:#FC7602; outline:none;}

/*标题*/
h1 { font-size: 1.3em;margin:  0;}
h2 {font-size: 1.2em; margin: 0;}
h3 { font-size: 1.17em;margin: 0;}
h4 {font-size: 1em;margin:0;}
h5 {font-size: 0.83em;margin: 0;}
h6 { font-size: 0.67em;margin: 0;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
}
button,select {text-transform: none;}
input{  -webkit-border-radius:5px; -moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;
	background-color: #FFFFFF;	border: 1px solid #E8E8E8;	margin: 3px 0px;
	padding: 5px 3px;	width:99%;	line-height: normal; }
textarea{	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px;border-radius:5px; 
-moz-box-sizing: border-box;  background-color: #FFFFFF;	border: 1px solid #E8E8E8;
margin: 3px 0px;padding: 5px 3px;	width:99%; }

/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dl{margin: 1em 0;}
dd {margin: 0 0 0 40px;}
audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@元件 开始@@==========*/
/*常用颜色*/
.blue {color: #00F !important;}
.green {color: #0F0 !important;}
.red {color: #F00 !important;}
.black {color: #000000 !important;}
.white {color: #FFFFFF !important;}
.gray { color:gray; !important; }
.purple { color:purple;  !important;}

/*清除浮动*/
.clear { display:block; clear:both;}
.float_left { float:left; }
.float_right { float:right; }

/*对齐方式*/
.left { text-align: left}
.right {text-align: right}
.center{ text-align: center}

/*其它*/
.hide { display:none; }  /*隐藏*/
.more{ float: right; padding-right:10px;display:none; } /*more链接*/
.more a{ color:#167312}
.code_image{ cursor: pointer; padding-bottom:6px;} /*验证码图片样式*/

/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*按钮*/
.btn{	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px; cursor:pointer;
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	background-color:#179F00;border:1px solid #0B8E00; color:#ffffff; display:block; text-align:center; 
	background-image:-o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #179F00),color-stop(1, #5DD300));
	background-image:linear-gradient(bottom,  #179F00 0%, #5DD300 100%);
	-webkit-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); 
	-moz-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0 1px rgba(0, 0, 0, 0.2); background:#fc7602;color:#fff;border:1px solid #fc7602;}
.btn:active{
	padding:9px 0px;top:0px;
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);background:#e36b03;color:#fff; border:1px solid #e36b03;}
.btn_download{color:#ffffff; display:block; text-align:center; cursor:pointer;	
	width:80px; text-decoration:none; margin:0px; 
	background-color:#179F00;border:1px solid #0B8E00;
	background-image:-o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #179F00),color-stop(1, #5DD300));
	background-image:linear-gradient(bottom,  #179F00 0%, #5DD300 100%);
	-webkit-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow:0 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	text-indent:0; background:#fc7602;border:1px solid #fc7602;color:#fff;}
.btn_download:active{	padding:0px;top:0px;
	background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);background:#e36b03;color:#fff;border:1px solid #e36b03; }
.btnSmsCode{ width:90%; float:right; padding:6px 0; font-size:14px; }

/*箭头*/
.arrow{ background:url(../images/system/arrow1.png) center center no-repeat; 	background-size:14px;width:30px; height:30px; display:block; float:right;vertical-align:middle;}

/*频道*/
.ChannelName{}
.ChannelContent{ clear:both; padding:3px; line-height:1.8em}
.ChannelSContent{}

/*信息*/
.InfoTitle, .ChannelName{ font-size:18px; line-height: 1.5em; vertical-align:middle; font-weight:bold;}
.InfoTime{color:#999; text-align:left; font-size:12px; padding:2px 0px; height:25px}
.InfoContent{ font-size:17px; line-height:1.8em}
.InfoContent p{ font-size:17px}
.InfoPicture{ text-align: center;}
.InfoPicture img{width:100%;}
.f1{}
.f2{}
.f3{}
.f4{}
.f5{}
.ShowInfo{ height: 30px; line-height: 1.5em; font-size:18px; border-top: 1px solid #bdbec1; vertical-align:middle; padding-top:5px; color:#000000;}
#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag b{}
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none; }
.InfoContent img, .ChannelContent img{max-width:100%; }
/*==========@@元件 结束@@==========*/


/*==========@@模块  开始@@==========*/
.left_title{text-align:center; overflow:hidden; background:url(../images/left_title.jpg) no-repeat center bottom;height:40px;margin:10px 0; }
.left_title h2 { color:#505050;font-size:24px;font-weight:bold;}
.left_title h2 a { color:#505050; font-size:24px; font-weight: bold; }
.left_title .ChannelF1{font-size:14px;color:#c1c1c1;margin:5px 0;display:block; }
.left_title .ChannelF2{color:#505050;font-size:24px;font-weight:bold; }
.left_title p{font-size:14px;color:#c1c1c1;margin:5px 0;}
.left_body { overflow:hidden; zoom:1; padding:3px 5px;}
.left_bottom {}
.left_bottom a {display: block; width: 140px; height: 40px; line-height: 40px; border: 1px solid #838383; color: #838383; margin: 20px auto 0;text-align: center;}

.left_title1{text-align:center;margin:10px 0; }
.left_title1 h2 { color:#505050;font-size:24px;font-weight:bold; }
.left_title1 .ChannelF1{font-size:14px;color:#c1c1c1; margin:5px 0;display:block;}
.left_title1 p{font-size:14px;color:#a0a0a0;}
.left_title1 p a{color:#a0a0a0;font-size:14px;} 
.left_body1 { overflow:hidden; zoom:1; }
.left_bottom1 { }

.left_title2{text-align:center; margin:10px 0;}
.left_title2 h2 { color:#505050;font-size:24px;font-weight:bold; }
.left_title2 .ChannelF1{font-size:14px;color:#c1c1c1;margin:5px 0; display:block;}
.left_title2 p{font-size:14px;color:#a0a0a0;}
.left_body2 { overflow:hidden; zoom:1; }
.left_bottom2 { }

.left_title3{text-align:center; overflow:hidden; }
.left_title3 h2 { color:#505050;font-size:24px;font-weight:bold;}
.left_title3 h2 a { color:#505050; font-size:24px; font-weight: bold; }
.left_title3 .ChannelF1{font-size:14px;color:#c1c1c1;margin:5px 0;display:block; }
.left_title3 .ChannelF2{color:#505050;font-size:24px;font-weight:bold; }
.left_title3 p{font-size:14px;color:#c1c1c1;margin:10px 0;}
.left_body3{ overflow:hidden; zoom:1; padding:3px 5px;}
.left_bottom3 {}
.left_bottom3 a {display: block; width: 140px; height: 40px; line-height: 40px; border: 1px solid #838383; color: #838383; margin: 20px auto 0;text-align: center;}

.left_title4{text-align:center;margin:10px 0; }
.left_title4 h2 { color:#505050; font-size:24px; font-weight:bold; }
.left_title4 h2 a { color:#505050; font-size:24px; font-weight:bold; }
.left_title4 .ChannelF1{font-size:14px;color:#c1c1c1;margin:5px 0; display:block;}
.left_title4 p{font-size:14px;color:#a0a0a0;}
.left_body4 { overflow:hidden; zoom:1; }
.left_bottom4 { }

.left_title5{text-align:center; }
.left_title5 h2 { color:#505050; font-size:24px; font-weight:normal; }
.left_title5 h2 b{font-size:24px;color:#fc7602;font-weight:normal;}
.left_title5 p{font-size:14px;color:#a0a0a0;}
.left_body5 { overflow:hidden; zoom:1; }
.left_bottom5 { }

.left_title6{text-align:center; }
.left_title6 h2 { color:#505050; font-size:24px; font-weight:normal; }
.left_title6 h2 b{font-size:24px;color:#fc7602;font-weight:normal;}
.left_title6 p{font-size:14px;color:#a0a0a0;background:#e9e9e9;border-radius:10px;padding:5px 0;margin:0;}
.left_body6 { overflow:hidden; zoom:1; }
.left_body6 .ChannelContent b{color:#fc7602;font-size:20px;padding:0;text-align:center;font-weight:normal;display:block;}
.left_body6 .ChannelContent{color:#666;font-size:16px;padding:0;margin:5px 0;text-align:center;}
.left_body6 .ChannelPicture{text-align:center;}
.left_body6 .ChannelPicture img{width:100%;}
.left_bottom6 { }

.left_title7{text-align:center; }
.left_title7 p{font-size:16px;color:#fff;margin:0;}
.left_title7 h2{display: inline;color:#fff;font-size:24px;letter-spacing:5px;font-weight:normal;border-bottom:1px solid #fff; }
.left_body7 .f2{color:#42def0;font-size:20px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-indent:10px;text-align:center;margin:5px 0;}
.left_body7 .ChannelPicture{width:100%;}
.left_body7 .Channel_wrap{padding:10px;}
.left_body7 .Channel_wrap h2{color:#505050;font-size:20px;font-weight:normal;}
.left_body7 .Channel_wrap h2 b{background:#0a82da;color:#fff;font-weight:normal;padding:0 5px;margin:0 5px;font-size:20px;}
.left_body7 .Channel_wrap p{color:#999;font-size:16px;margin:5px 0;}
.left_body7 .Channel_wrap a{margin:0 auto;display:block;width:130px;border-radius:10px;background:#fc7602;color:#fff;text-align:center;line-height:30px;height:30px;font-size:16px;}
.left_bottom7 {font-size:14px;color:#fff; }

.left_title8{text-align:center; }
.left_title8 h2{color:#505050;font-size:24px;font-weight:normal; }
.left_title8 p{font-size:14px;color: #c1c1c1;margin:0;}
.left_body8 { overflow:hidden; zoom:1;padding:0 0 10px 0; }
.left_body8 .f2{color:#fc7602;font-size:20px;text-align:center;}
.left_body8 .ChannelContent{color:#666;font-size:16px;padding:0;margin:5px 0;text-align:center;}
.left_body8 .ChannelPicture{text-align:center;}
.left_body8 .ChannelPicture img{width:100%;}
.left_bottom8 { }

.left_title9{text-align:center; }
.left_title9 h2{color:#fff;font-size:24px;font-weight:normal; }
.left_title9 p{color:#fff;font-size:14px;font-weight:normal; }
.left_body9{ overflow:hidden; zoom:1; }
.left_bottom9 {}
.left_bottom9 a{margin:0 auto;border:1px solid #fff;border-radius:5px;display:block;width:140px;color:#fff;height:34px;line-height:34px;text-align:center;}

.left_title10{  text-align:center;}
.left_title10 h2{color:#505050;font-size:24px;font-weight:normal; }
.left_body10 { overflow:hidden; zoom:1;}
.left_body10 p{text-indent:20px;text-align: left;color: #ff5900;font-size: 20px;margin: 0 0 5px 0;}
.left_bottom10 {}

.left_title11{  text-align:center;}
.left_title11 img{width:200px;}
.left_body11 { overflow:hidden; zoom:1;}
.left_bottom11 {}

.left_title12{  text-align:center;margin:0 0 10px 0;}
.left_title12 h2{color:#505050;font-size:24px;font-weight:normal; }
.left_title12 p{font-size:14px;color: #c1c1c1;margin: 0;}
.left_body12 { overflow:hidden; zoom:1; position:relative;}
.left_bottom12 a{margin:10px auto 0;border:1px solid #fc7602;border-radius:5px;display:block;width:140px;color:#fc7602;height:34px;line-height:34px;text-align:center;}

.left_title13{text-align:center; overflow:hidden; }
.left_title13 h2 { color:#fff;font-size:24px;font-weight:bold;}
.left_title13 h2 a { color:#fff; font-size:24px; font-weight: bold; }
.left_title13 .ChannelF1{font-size:14px;color:#fff;margin:5px 0;display:block; }
.left_title13 .ChannelF2{color:#fff;font-size:24px;font-weight:bold; }
.left_title13 p{font-size:14px;color:#fff;margin:10px 0;}
.left_body13{ overflow:hidden; zoom:1; padding:3px 5px;}
.left_bottom13 {}
.left_bottom13 a {display: block; width: 140px; height: 40px; line-height: 40px; border: 1px solid #838383; color: #838383; margin: 20px auto 0;text-align: center;}
/*==========@@模块  结束@@==========*/


/*==========@@布局  开始@@==========*/
/*===公共 开始===*/
body_index, .body_single, .body_article, .body_picture, .body_download, .body_video, .body_product,  .body_job, .body_guestbook, .body_feedback{ }
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:100%; margin:0px auto }
#top, #logo, #navigation, #banner, #location, #announcement, #link, #copyright { width: 100%;  margin: 0px auto;}
/*===公共 结束===*/

/*===首页 开始===*/
#index_1 { }
#channellist { }
#index_2 { }
#index_3 { }
#index_3 .galleryThumbs{margin:0 0 10px 0;}
#index_3 .galleryThumbs .swiper-slide-active{ background:#fc7602;}
#index_4 .galleryThumbs1{margin:0 0 10px 0;overflow:hidden;}
#index_4 .galleryThumbs1 .swiper-slide-active{ background:#fc7602; border:1px solid #fc7602;}
#index_4 .galleryThumbs1 .swiper-slide-active a{ color:#fff;}
/*===首页 结束===*/

/*===内页 开始===*/
#service_1{ overflow:hidden; padding:10px 5px 0 5px;}
#service_2{ overflow:hidden; background:#1b1c37; padding:10px 0 0 0;}
#service_3{ overflow:hidden; padding:10px 5px;}
#service_4{overflow:hidden;background:#e8e8e8; padding:20px 0;}
#service_5{ overflow:hidden; background:#f6f6f6;  padding:10px 5px;}

#website_1{overflow:hidden;padding:0 5px 10px 5px;}
#website_2{overflow:hidden;background:url(../images/website_2.jpg) no-repeat center;background-size:100% 100%;margin:10px 0;padding:0px 5px;}
#website_2 .ChannelSContent{font-weight: bold;font-size: 24px;color: #fff;text-align: center;padding:10px 0 0 0;height: 30px;line-height: 30px;margin:0;}
#website_2 .ChannelContent{font-size: 16px;color: #fff;height:40px;text-align: center;}
#website_3{overflow:hidden;margin:5px 0;padding:10px 5px;}
#website_4{overflow:hidden;background:#e9eff3;padding:10px 5px;}
#website_5{overflow:hidden;background:#1A93E4;padding:10px 5px;}

#mobile_1{overflow:hidden;padding:0 5px;}
#mobile_2{overflow:hidden;background:#5a72f8;padding:10px 5px;}
#mobile_3{overflow:hidden;padding:10px 5px;}
#mobile_4{overflow:hidden;background:#27a3f9;padding:10px 5px;}

#micro_1{overflow:hidden;padding:0 5px;}
#micro_2{overflow:hidden;background:#efab30;padding:10px 5px;}
#micro_3{overflow:hidden;padding:10px 5px;}
#micro_4{overflow:hidden;padding:10px 5px;background:#e6e6e6;}
/*===内页 结束===*/  

/*===招聘频道  开始===*/
.job{ }
table.job_table { border:0px solid #16b7b7; margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:5px 2px;}
table.job_table th{color:#000;}
.JobName{ font-size:20px; border-bottom: 1px dotted #999; padding:3px 8px; font-weight:bold;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbook .ChannelName h1{ border-bottom:1px dotted #CCCCCC; padding:5px 0px;}
table.guestbook_table{ width:100%;}
table.guestbook_table .t1{ width:25%; text-align:left }
table.guestbook_table .t2{ width:75%; text-align:left;}
/*===留言频道  结束===*/

/*===反馈模型 开始===*/
.feedback{ }
.feedback .ChannelName h1{ border-bottom:1px dotted #CCCCCC;  }
table.feedback_table{ width:100%;}
table.feedback_table .t1{ width:25%; text-align:left }
table.feedback_table .t2{ width:75%; text-align:left;}
/*===反馈模型 结束===*/

/*===订购 开始===*/
.order{width:98%;margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
.order table.order_table{ width:100%;  }
.order table.order_table .t1{ width:28%; text-align:left}
.order table.order_table	 .t2{ height:72%; text-align:left}
/*===订购 结束===*/

/*===地图 开始===*/
.sitemaplist li{border-bottom:1px dashed #d0d1d4;padding: 0.5em 8px; background-color:#FFF}
.sitemaplist li .ChannelName{ font-weight:bold;}
.sitemaplist li .ChannelDepth1{ font-weight:bold;}
.sitemaplist li .ChannelDepth2{text-indent: 2em; }
.sitemaplist li .ChannelDepth3{text-indent: 4em; }
.sitemaplist li .ChannelDepth4{text-indent: 6em; }
.sitemaplist li .ChannelDepth5{text-indent: 8em; }
/*===地图 结束===*/
/*==========@@布局  结束@@==========*/


/*==========@@公共模块 开始@@==========*/
/*Logo部分*/
#logo{ }
#logo .WebLogo{ text-align:center;  }
#logo .WebLogo img{ max-width:100%; height:50px; display:block;/*解决img底部空白的bug*/ margin:0 auto;padding:5px 0;}

/*导航*/
/*
#navigation { padding:0px; border: 0px solid red; background-color:#dddddd; clear:both; overflow:hidden}
#navigation ul.navigationlist li { 
width: 25%; 
height:30px;
line-height:30px;
vertical-align:middle;
padding:0px;
margin:0px;
float:left; 
text-align:center; 
background-color:#dddddd; 
border-bottom:1px solid #d5d5d5;
border-top:1px solid #e1e1e1;
background:url(../images/navigationlist.png) #dddddd no-repeat right center;  
}
#navigation ul.navigationlist .current { color:#167312; }
*/

#navigation { padding:0px; border: 0px solid red;  clear:both; overflow:hidden}
#navigation table{background:#fff; /*边框颜色*/width:100%; margin:0px auto; border-spacing:1px; border-collapse:separate}
#navigation td{background:#0166ce ; /*单元格底色*/}
#navigation a{line-height:35px;font-size:16px;color:#fff;overflow:hidden;display:block;text-align:center;}
#navigation a.current{ background:#FC7602; color:#fff}

/*===FlexSlider幻灯片  开始===*/
#banner { overflow:hidden; position: relative;}
#banner img{ width:100%;}
#banner .swiper-pagination-bullet{  width: 8px; height: 8px; background:#fff; /*分页点默认颜色*/}
#banner .swiper-pagination-bullet-active{ background:#FC7602; /*当前活动分页点颜色*/}

/*幻灯片标题*/
 .flex-caption { width:100%; padding:3px 0px; position: absolute; bottom: 3px;color: #fff;text-align: right;font-size: 14px;line-height: 22px;height:22px;}
/* FlexSlider Necessary Styles*/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0px; background: #fff; border: 0px solid #fff; position: relative;  zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
/*.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}*/
.flex-control-nav{ width: 100%;position:absolute; bottom:10px;  margin:0px; text-align: center; border:0px dashed red}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*===FlexSlider幻灯片  结束===*/

/*当前位置*/
#location{ padding:3px 0px;margin: 0; border-bottom: 0px solid #167312;color:#000;  height:1.6em; line-height:1.6em; clear:both; text-indent:3px;background:#f0f0f0;}
#location a{color:#000}

/*搜索 */
.search{width:98%;margin:0px auto}
.searchresult{ font-weight:bold; font-size:18px;}

/*评论*/
.comment{}
.CommentList h1{ border-bottom:1px #999999 dotted; padding:5px 0px;} /*评论列表标题*/
.LeaveComment h1{ border-bottom:1px #999999 dotted; padding:5px 0px; } /*我要评论标题*/
.CommentTime {}
.CommentContent { color:#999999 }
table.comment_table{ width:100%;  }
table.comment_table	.t1{ width:28%; text-align:left}
table.comment_table	.t2{ height:72%; text-align:left}

/*分页条*/
.page {padding:1px; height:auto; clear:both; line-height:0.5em; text-align:center; margin-top:5px;}
.page a, .page span {border:1px solid #D3D1D1; padding:2px 3px; margin: 3px 0px 3px 4px; line-height:34px; background-color:#FFFFFF}
.page a:link, .page_turner a:visited { text-decoration:none; }
.page a:hover { background:#fc7602; color:#fff; border:1px solid #fc7602;}
.page .current{ background:#fc7602; color:#FFF;border:1px solid #fc7602;}
.page #total{color:#fc7602}
.page .pageinfo{ display: none}
.page .pagefirst{ display: none}
.page .pageend{ display: none}

/*会员登录*/
table.login_table{ width:90%; text-align:center; margin:5px auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left; width:200px;}
table.login_table .operation{text-align:center; line-height:2.2em;}
table.login_table .oauth{ text-align:center; }
table.login_table .oauth img{ margin:0 3px;}

/*会员注册*/
table.reg_table{ width:90%; text-align:center; margin:5px auto;}
table.reg_table th{ width:100px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; width:200px;}
table.reg_table .operation{text-align:center; line-height:2.2em;}
table.reg_table #SmsCode{ width: 60px; }

/*忘记密码 第一步*/
table.forget_table1{ width:90%; text-align:center; margin:5px auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left;  width:200px;}
table.forget_table1 .operation{text-align:center; line-height:2.2em;}
/*忘记密码 第二步*/
table.forget_table2{ width:90%; text-align:center; margin:5px auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left; width:200px;}
table.forget_table2 .operation{text-align:center}
table.forget_table2 #SmsCode{ width:60px;}
table.forget_table2 .PasswordQuestion, table.forget_table2 .MemberMobile, table.forget_table2 .FindPwdWay{ padding:3px 0;}

/*分享按钮*/
.tool{width:95%; margin:0px auto;  text-align:center;}
.tool a{color:#000; font-size:16px}
.tool table{ width:100%; margin:5px 0px }
.tool td{ padding: 3px 5px; width:50%; text-align:center}

/*分享到朋友圈弹出框提示*/
#guide{ position: fixed;	top:0;	left:0;	width:100%;	height:100%;background:rgba(0, 0, 0, 0.7);	display:none;z-index:20000;}
#guide img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px; z-index:20001;}

/*版权信息*/
#copyright{ background:#333;padding:0 0 3px 0px; text-align:center; font-size:14px; color:#8a8a8a; border:0px solid red; }
#copyright a{color:#8a8a8a; font-size:14px;}
#copyright .TechnicalSupport{ text-align:center; padding-bottom:5px;font-size:14px;color:#8a8a8a;}
#copyright .TechnicalSupport a { font-size:14px;}
#copyright .bottom_copyright{ padding:3px 0px; font-size:14px;color:#8a8a8a;}
#copyright .bottom_navigation{ text-align:center; height:35px; line-height:35px; background:#71C6A0; font-size:14px; display:none}
#copyright .bottom_navigation a{ font-weight:normal; color:#000}
#copyright .Mobile{text-align:center; height:35px; line-height:35px; background:#fc7602;}
#copyright .Mobile a{ font-weight:normal; color:#fff; font-weight:bold;}
#copyright .Language{padding:10px 0px 0px 0px;  color:#666; text-align:center;}

/*底部固定工具条*/
#tool { position: fixed; bottom: 0; left: 0; right: 0; z-index: 900; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ul.toollist { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0;margin: auto; display: block; height: 48px;}
.toollist li{ float:left;width: auto;  height: 100%;width:25%;position: static!important;  margin: 0;
border-radius: 0!important; -webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-flex: 1; box-flex: 1;
-webkit-box-sizing: border-box; box-shadow: none!important; background: none; }
.toollist li a {font-size: 20px;line-height: 20px;text-align: center;display: block;text-decoration: none;padding-top: 2px;position:relative;}
.toollist li a img{width:24px;height:24px;}
.toollist li a p{margin: 1px 0 1px 0;font-size: 14px;display: block !important;line-height: 18px;text-align: center;}
.toollist li a i{ font-style:normal; font-size:14px; padding:0 3px;}
/*绿色主题*/
.toollist {	
	
	background:#0166ce;
	/*-moz-box-shadow: 0 1px 0 #eee inset;-webkit-box-shadow: 0 1px 0 #eee inset;	
	-o-box-shadow: 0 1px 0 #eee inset;box-shadow: 0 1px 0 #eee inset; background:#ccc;*/}
.toollist li{ border-right: 1px solid rgba(255, 255, 255, 0.6);}
.toollist li:last-child{border-right:none;}
.toollist li a {color: #fff;}

/*上一条,下一条*/
.info_previous_next_wrap{padding:10px 5px;background:#f0f0f0;}
/*返回顶部*/
#gotop{ position:fixed;bottom:40px;right:20px;width:30px;height:35px;z-index:999;background:rgba(0,0,0,0.3) url(../images/gotop.png) no-repeat center;}
/*==========@@公共模块 结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*列表全局样式*/
.textlist li, .gridlist li, .wxlist li, .thumblist li{ font-size:16px; line-height:1.5em; vertical-align:middle; background-color:#FFF; overflow:hidden;}
.textlist li:hover, .thumblist li:hover, .gridlist li:hover{cursor:pointer;}

/*文本列表*/
.textlist{ overflow:hidden; margin-top:10px;}
.textlist li {overflow:hidden;margin-bottom:10px; border-bottom: 1px solid #f0f0f0; padding:0 0 10px 0;}
.textlist li img {width:100%;}
.textlist li .InfoTitle{background:url(../images/textlist10_li.png) no-repeat left center;text-indent:12px;font-weight:normal;display:block;text-align:left;color:#000; font-size: 16px;overflow: hidden;line-height: 1.8;padding:0;text-overflow:ellipsis; white-space:nowrap;}
.textlist li .InfoContent{color:#a0a0a0;font-size: 15px;line-height:24px;padding:0;overflow: hidden;margin:0;height:44px;}
.textlist li .InfoTime{font-size:14px;display:block;height:20px;line-height:20px;padding:0px;}
.textlist li .ChannelName{margin:0 10px 0 0;font-size: 14px;line-height: 20px;height: 20px;display: block;float: left;font-weight: normal; } 
.textlist .LViewMoreNew{margin:20px auto;width:150px;border:1px solid #fc7602;text-align:center;display:block;overflow:hidden;height:40px;line-height:40px;color:#fc7602}
/*文字列表1*/
.textlist1{ }
.textlist1 li {float:left;width:420px;border-left:none;height:300px;}
.textlist1 li .Channel_wrap{float:left;width:210px;padding:20px 0 0 0;background:#0166ce;}
.textlist1 li .ChannelName {  text-align:center; display: block;font-size: 18px;font-weight: bold;color:#fff;margin: 15px 0 0 0;}
.textlist1 li .ChannelSContent { display: block;margin:10px 0 0 0;color: #fff;line-height:18px;height:51px;font-size:14px;text-align:center;}
.textlist1 li .Channel_wrap .ChannelIcon{text-align:center;height:71px;margin: 0 0 45px 0;}
.textlist1 li .ChannelContent {border-top: 1px dashed #cdcdcd;font-size: 12px;line-height: 20px;color: #fff;height: 40px;overflow:hidden;padding: 10px;text-align:center;}

/*文字列表2*/
.textlist2{ float:left;width:210px;background:#000;height:300px;background:#000 url(../images/textlist1.jpg) no-repeat left center;background-size:100% 100%;}
.textlist2 div {border:none;height:59px;line-height:60px;border-bottom: 1px solid #565758;color:#999;font-size:14px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.textlist2 div.n5{height:60px;border:none;}

/*文字列表3*/
.textlist3{ overflow:hidden; margin-top:10px;}
.textlist3 li {overflow:hidden;padding:0 0 10px 0;margin-bottom:10px;border-bottom:1px solid #f0f0f0;}
.textlist3 li .time_wrap{float:left;width:90px;margin:0 10px 0 0; color:#fff; text-align:center; background:#0166ce; }
.textlist3 li .time_wrap .month{font-size: 30px;line-height:42px;}
.textlist3 li .time_wrap .year{font-size: 16px;display:block;line-height:36px; border-top:1px solid #fff;}
.textlist3 li .InfoTitle{display:block;text-align:left;color:#111; font-size: 16px;overflow: hidden;line-height: 1.8em;padding:0;text-overflow:ellipsis; white-space:nowrap;font-weight:normal;}
.textlist3 li .InfoContent{color:#a0a0a0;font-size: 15px;line-height:1.5em;padding:0;overflow: hidden;height:46px;display: block;margin:0;}
.textlist3 .LViewMoreNew{margin:20px auto;width:150px;border:1px solid #fc7602;text-align:center;display:block;overflow:hidden;height:40px;line-height:40px;color:#fc7602}
.textlist3 li .InfoTime{font-size:14px;display:block;height:20px;line-height:20px;padding:0px;}
/*文字列表4*/
.textlist4{overflow:hidden;}
.textlist4 li {overflow:hidden;}
.textlist4 li .Info_wrap{overflow:hidden;height:31px;overflow:hidden;}
.textlist4 li .Info_wrap img{float:left;width:31px;margin:0 5px 0 0;}
.textlist4 li .AlbumTitle{color:#01dbb4;font-size:18px;display:block;font-weight:bold;text-align:left;line-height:31px;}
.textlist4 li p{padding:0 0 0 40px;color:#fff;font-size:16px;overflow:hidden;}
/*文字列表5*/
.textlist5{overflow:hidden;}
.textlist5 li {text-indent:30px;float:left;width:50%;color:#b3f9ff;font-size:14px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;height: 28px;line-height:28px;
background:url(../images/textlist5_li.png) no-repeat left center;}
/*文字列表6*/
.textlist6{}
.textlist6 li {text-indent:22px;width:100%;color:#636363;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;height: 28px;line-height:28px;
background:url(../images/textlist6_li.png) no-repeat left center;}
/*文字列表7*/
.textlist7{}
.textlist7 li {width:50%;color:#fff;float:left;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;height: 30px;line-height:30px;}
/*文字列表8*/
.textlist8{}
.textlist8 li {float: left;width: 120px;height: 120px;}
.textlist8 li .Info_Album{width: 120px;height: 36px;text-align: center;padding-top: 84px;text-align: center;position: relative;cursor: pointer;}
.textlist8 li .n1 {color: #91d637;}
.textlist8 li .n2 {color: #ef972c;}
.textlist8 li .n3 {color: #4dd2d7;}
.textlist8 li .n4 {color: #d7644d;}
.textlist8 li .n5 {color: #da62c1;}
.textlist8 li .n6 {color: #4d9cd7;}
.textlist8 li .n7 {color: #4d9cd7;}
.textlist8 li .n8 {color: #4d9cd7;}
.textlist8 li .n9 {color: #d95ec0;}
.textlist8 li .n10 {color: #4d9cd7;}
.textlist8 li .n11 {color: #bfcf3e;}
.textlist8 li .n12 {color: #4dd78e;}
.textlist8 li .n13 {color: #4d9cd7}
.textlist8 li .n14 {color: #4d9cd7;}
.textlist8 li .n15 {color: #4d9cd7;}
.textlist8 li .n16 {color: #4d9cd7;}
.textlist8 li.swiper-slide-active .Info_Album{color:#fff;}
.textlist8 li.swiper-slide-active .n1{background-position: left bottom;}
.textlist8 li.swiper-slide-active .n2{background-position: -120px bottom;}
.textlist8 li.swiper-slide-active .n3{background-position: -240px bottom;}
.textlist8 li.swiper-slide-active .n4{background-position: -360px bottom;}
.textlist8 li.swiper-slide-active .n5{background-position: -480px bottom;}
.textlist8 li.swiper-slide-active .n6{background-position: -600px bottom;}
.textlist8 li.swiper-slide-active .n7{background-position: -720px bottom;}
.textlist8 li.swiper-slide-active .n8{background-position: -840px bottom;}
.textlist8 li.swiper-slide-active .n9{background-position: -960px bottom;}
.textlist8 li.swiper-slide-active .n10{background-position: -1080px bottom;}
.textlist8 li.swiper-slide-active .n11{background-position: -1200px bottom;}
.textlist8 li.swiper-slide-active .n12{background-position: -1320px bottom;}
.textlist8 li.swiper-slide-active .n13{background-position: -1440px bottom;}
.textlist8 li.swiper-slide-active .n14{background-position: -1560px bottom;}
.textlist8 li.swiper-slide-active .n15{background-position: -1680px bottom;}
.textlist8 li.swiper-slide-active .n16{background-position: -1800px bottom;}
/*文字列表9*/
.textlist9{}
.textlist9 li {display:block;color:#636363;font-size:16px;overflow:hidden; text-align:center;height: 40px;line-height:40px;}
.textlist9 li.n1 {color: #91d637;}
.textlist9 li.n2 {color: #ef972c;}
.textlist9 li.n3 {color: #4dd2d7;}
.textlist9 li.n4 {color: #d7644d;}
.textlist9 li.n5 {color: #da62c1;}
.textlist9 li.n6 {color: #4d9cd7;}
.textlist9 li.n7 {color: #4d9cd7;}
.textlist9 li.n8 {color: #4d9cd7;}
.textlist9 li.n9 {color: #d95ec0;}
.textlist9 li.n10 {color: #4d9cd7;}
.textlist9 li.n11 {color: #bfcf3e;}
.textlist9 li.n12 {color: #4dd78e;}
.textlist9 li.n13 {color: #4d9cd7;}
.textlist9 li.n14 {color: #4d9cd7;}
.textlist9 li.n15 {color: #4d9cd7;}
.textlist9 li.n16 {color: #4d9cd7;}
/*文字列表10*/

.InfoRelation .textlist10{}
.InfoRelation .textlist10 li {text-indent:12px;width:100%;font-size:16px;margin:0;padding:0;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;height: 32px;line-height:32px;
background:url(../images/textlist10_li.png) no-repeat left center;}
.InfoRelation .textlist10 li a{height: 36px;line-height:32px;display:block;font-weight:normal;color:#636363;font-size:16px;}

/*带缩略图文字列表*/

/*带缩略图文本列表*/
.thumblist{}
.thumblist li {line-height:1.8em;overflow:hidden;width:100%; margin-bottom:5px;}
.thumblist li img{ float:left; width:90px; margin-right:8px; border:1px solid #999999; }
.thumblist li a:hover img { border:1px solid #034b9f; }
.thumblist li .InfoTitle{color:#000000;}
.thumblist li p{height:3em; overflow:hidden; color:#999; line-height:1.5em; margin:0px;}
/*带缩略图文字列表1*/
.thumblist1{}
.thumblist1 li {overflow:hidden;}
.thumblist1 li.n1{text-indent: 25px;height:32px;line-height:32px;color:#5e5e5e;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;background:url(../images/thumblist1_li.png) no-repeat left center;}
.thumblist1 li.m1{background:none;color:#fc7602;font-size:20px;text-indent:0;text-align:center;}
/*带缩略图文字列表2*/
.thumblist2{}
.thumblist2 li {overflow:hidden;}
.thumblist2 li .AlbumTitle{background:none;text-align:left;color:#ff5900;font-size:20px;margin:5px 0 0 0;}
.thumblist2 li.n1 .AlbumDescription{font-size:16px;line-height:30px;}
.thumblist2 li.n2{text-indent: 25px;height:32px;line-height:32px;color:#5e5e5e;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;background:url(../images/thumblist1_li.png) no-repeat left center;}
.thumblist2 li.m1{background:none;text-align:left;color:#ff5900;font-size:20px;margin:5px 0 0 0;}
/*带缩略图文字列表3*/
.thumblist3{}
.thumblist3 li{overflow:hidden;display:block;}
.thumblist3 li .AlbumPicture{float:left;margin: 0 10px 0 0;}
.thumblist3 li .AlbumTitle{font-size: 20px;padding:0;line-height:52px;color:#fff;text-align:left;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.thumblist3 li .AlbumDescription{overflow:hidden;color:#fff;font-size:14px;}
/*带缩略图文字列表4*/
.thumblist4{padding:0 0 10px 0;}
.thumblist4 li {overflow:hidden;}
.thumblist4 li .AlbumTitle{background:none;text-align:left;color:#ff5900;font-size:20px;margin:5px 0 0 0;}
.thumblist4 li.n1 .AlbumDescription{font-size:16px;line-height:30px;}
.thumblist4 li.n2{text-indent: 35px;height:32px;line-height:32px;color:#5e5e5e;font-size:16px;white-space: nowrap;overflow:hidden;text-overflow:ellipsis; text-align:left;background:url(../images/thumblist1_li.png) no-repeat left center;}
.thumblist4 li.m1{background:none;text-align:left;color:#ff5900;font-size:20px;margin:5px 0 0 0;}
.thumblist4 li.l3 {background:url(../images/thumblist4_li_n1.png) no-repeat left center;}
.thumblist4 li.l4 {background:url(../images/thumblist4_li_n2.png) no-repeat left center;}
.thumblist4 li.l5 {background:url(../images/thumblist4_li_n3.png) no-repeat left center;}
.thumblist4 li.l6 {background:url(../images/thumblist4_li_n4.png) no-repeat left center;}
/*橱窗列表*/
.gridlist li{width:50%;overflow:hidden;float:left; line-height:0em;margin:0 0 10px 0}
.gridlist li .InfoTitle{ background:#0166ce;height: 30px; line-height:30px; color:#fff;overflow: hidden; font-size:16px; margin:0px 5px; text-align:center;font-weight:normal;}
.gridlist li .InfoPicture { padding:0px 5px;}
.gridlist li .InfoPicture img{ }

/*橱窗列表*/
.gridlist1 li{overflow:hidden; line-height:0em;}
.gridlist1 li .InfoTitle{ display:block;height: 30px; line-height:30px; overflow: hidden; font-size:16px; padding:0px 5px; color:#fff;text-align:center;background:#0166ce;}
.gridlist1 li .InfoPicture { }
.gridlist1 li .InfoPicture img{}

/*橱窗列表2*/
.gridlist2{overflow: hidden; margin-top:5px;}
.gridlist2 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap;width:98%; border:1px solid #eee;}
.gridlist2 li img { width: 100%; vertical-align:middle; }
.gridlist2 li a { white-space:nowrap; line-height:28px; display:block ; color: #666;font-size: 14px; font-weight: normal;overflow: hidden;text-overflow: ellipsis;}

/*橱窗列表3*/
.gridlist3{ overflow:hidden; }
.gridlist3 li {  float:left; text-align:center; overflow:hidden;width:33%;}
.gridlist3 li a{display:block;}
.gridlist3 li .info_wrap{display: flex;justify-content: center;align-items: center;}
.gridlist3 li .info_wrap .info_ChannelIcon{margin:0 auto; display: flex;justify-content: center;align-items: center;}
.gridlist3 li .info_wrap .info_ChannelIcon img{width:100px;}
.gridlist3 li .ChannelName {  line-height:40px;height:40px; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size:14px; color:#838383; margin-top:0px; font-weight:normal;}

/*橱窗列表4*/
.gridlist4{ }
.gridlist4 li {  float:left; text-align:center; overflow:hidden; }
.gridlist4 li .AlbumTitle {height:130px;border:1px solid #222132;  line-height:200px; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font-size:16px; color:#222132;}

/*橱窗列表5*/
.gridlist5{}
.gridlist5 li{}
.gridlist5 li img{width: 100%; vertical-align:middle; }
.gridlist5 li .Info_wrap .InfoTitle{font-size: 18px; font-weight: bold; color: #fc7602;display: block;overflow:hidden;text-overflow: ellipsis; white-space: nowrap; line-height:30px;}
.gridlist5 li .Info_wrap .InfoUrl:hover{color: #fabe01;}
.gridlist5 li .Info_wrap .InfoUrl:visited{color: #777;}
.gridlist5 li .Info_wrap{padding: 0 5px;}
.gridlist5 li .Info_wrap p{color: #666;font-weight: normal;margin: 0;font-size: 16px;height: 42px;overflow: hidden;line-height:20px;margin:5px 0;}
.gridlist5 li .more{ padding:0 5px; display:block; border: 2px solid #0166ce; border-radius: 25px; height:25px;line-height: 25px;float:left; color:#0166ce;font-size:16px;}
.gridlist5 li a{display:block;}
/*橱窗列表6*/
.gridlist6{ margin-top:5px;}
.gridlist6 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap; }
.gridlist6 li img { width: 100%; vertical-align:middle; }
.gridlist6 li a { white-space:nowrap; line-height:28px; display:block ; color: #666;font-size: 14px; font-weight: normal;overflow: hidden;text-overflow: ellipsis;}
.gridlist6 li .InfoTitle{display:block;color:#fff;font-size:14px;height:20px;line-height:20px;margin:5px 0 0 0;}
.gridlist6 li .Demonstration{font-size:18px;font-weight:bold;color:#fff;margin:5px 0;}
/*橱窗列表7*/
.gridlist7{ margin-top:5px;}
.gridlist7 li { position:relative; float:left; text-align:center; overflow:hidden; display:inline; text-overflow:ellipsis; white-space:nowrap; }
.gridlist7 li img { width: 100%; vertical-align:middle; }
.gridlist7 li a { white-space:nowrap; line-height:28px; display:block ; color: #666;font-size: 14px; font-weight: normal;overflow: hidden;text-overflow: ellipsis;}
.gridlist7 li .InfoTitle{display:block;color:#fff;font-size:14px;height:20px;line-height:20px;margin:5px 0 0 0;}
.gridlist7 li .Demonstration{font-size:18px;font-weight:bold;color:#fff;margin:5px 0;}
/*橱窗列表8*/
.gridlist8 li{overflow:hidden; line-height:0em; width:50%; float:left;}
.gridlist8 li .InfoWrap{ margin:3px 3px; margin-bottom:8px; border:1px solid #eee;}
.gridlist8 li .InfoTitle{ display:block;height: 30px; line-height:30px; overflow: hidden; font-size:16px; color:#333;text-align:center;background:#f0f0f0; font-weight:normal;}
.gridlist8 li  img{ display:block; width:100%;}
/*微信列表*/
.wxlist li{overflow:hidden;
	-moz-border-radius: 5px 5px 10px 10px; -webkit-border-radius: 5px 5px 10px 10px;-o-border-radius:5px 5px 10px 10px; border-radius: 5px 5px 10px 10px; 
	border:0px solid #d0d1d4;margin: 10px auto;	padding: 8px 8px;
	/*
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);  -moz-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.25);-o-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
	background: url(../images/bottom.png) repeat-x scroll left bottom #FFFFFF;
	background-size:2px auto;*/
}
.wxlist li .InfoTime{}
.wxlist li .GoTop{ text-align:center; font-weight:bold; height:30px; line-height:30px; color:#000}
.wxlist li .InfoPicture, .wxlist li .ChannelPicture{ border: 0px solid red}
.wxlist li .InfoPicture img, .wxlist li .ChannelPicture img{ width:100%;}
.wxlist li .InfoSContent, .wxlist li .ChannelSContent{ line-height: 1.5em; border:0px solid #900; padding:5px 2px; color:#222222; font-size:14px;}
.wxlist li .ShowInfo{ }
.wxlist li .InfoRelation h2{border-bottom:1px solid #f0f0f0;padding: 5px 0;margin: 0 0 10px 0;}
/*侧边时间显示*/
.wxlist .InfoTimeSide {margin:10px 8px 0px 0px;width:auto;font-size:12px;float:left;
background-color:#179F00;padding:5px;position:relative;
-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;border-radius:12px;
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);-o-box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);box-shadow:0 2px 1px 0 rgba(0,0,0,0.14);
font-family:Georgia,"Times New Roman",Times,serif; }
.wxlist  InfoTimeSide p{color:#FFF}
.wxlist  .InfoTimeSide p b {font-size:20px; }
.wxlist  .InfoTimeSide p i {font-size:11px; }
.wxlist  .InfoTimeSide span {position:absolute;top:10px;right:-4px;
-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;
width:12px;height:12px;transform:rotate(45deg) ;background-color:#179F00;
-webkit-transform:rotate(45deg) ;-moz-transform:rotate(45deg) ;-o-transform:rotate(45deg) ;-ms-transform:rotate(45deg) ; }

/*频道列表*/
.subchannellist{ width:100%; border:0px solid red; margin:6px auto;overflow:hidden;border-bottom:1px solid #f0f0f0;}
.subchannellist li{float:left;text-align: center; width:25%; }
.subchannellist li a{ transition: all 0.4s linear; display:block; margin:0px 3px; height: 36px;line-height: 36px;  color:#fc7602;}
.subchannellist li a:hover { }
.subchannellist #current a {border-bottom:2px solid #fc7602; }

.subchannel1{overflow: hidden;    transform: translate3d(0px, 0px, 0px)!important;}
.subchannellist1 { text-align:center;}
.subchannellist1 li { border-radius:20px;display:inline;line-height:30px; float: left;width: 25%;background:#323232; 
transition: all 0.4s linear; margin-top:5px; color:#fff;font-size: 16px; cursor:pointer;}

.subchannel2{overflow: hidden; transform: translate3d(0px, 0px, 0px)!important;}
.subchannellist2 { text-align:center;}
.subchannellist2 li { border-radius:20px;display:inline;line-height:30px; float: left;width: 25%;background:#fff; 
transition: all 0.4s linear; margin-top:5px; border:1px solid #eee;}
.subchannellist2 li a {  color:#000;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px; }

.adlist{}
.adlist li{}
.adlist li img{ width:100%;}
/*==========@@通用列表 结束@@==========*/

/*付款方式版本表格样式*/
table.banktable{margin: 0px; padding: 0px; width: 100%; border-collapse: collapse; border:1px solid #ddd;}
table.banktable tr{ cursor: pointer}
table.banktable tr:hover{ background:#F5F5F5; }
table.banktable .imgcenter{text-align:center; }
table.banktable .title{font-weight:bold; background:#F5F5F5; color:#CB061D; height:26px; line-height:26px; font-size:16px; padding:5px}
table.banktable th{ padding:5px; text-align:left; font-weight:bold; border:1px solid #ddd;border-top:none;border-left:none;}
table.banktable td{ padding:5px; text-align:left; border:1px solid #ddd;border-top:none;border-left:none;}


/*====模板样式 开始====*/
.condition table{ width:100%; text-align:center}
.condition tr{ }
.condition td{padding:5px 0px;}
.condition th { font-weight:bold; text-align:left; width:30%}

#bycolor{height:25px; line-height:25px; padding:8px 0px; margin:0px; border:0px dashed blue; width:100%}
#bycolor .colortitle{ font-weight: bold; float:left}

/*8:红  9:紫  7:黄   26:绿   27:蓝  28:黑*/
#bycolor .colorlist li{ float:left; background:url(../images/color.jpg) 0px 0px no-repeat; 
display:block; width:29px; height:29px; margin: 0px 7px 0px 0px; 
padding:0px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;-o-border-radius:0px; 
border:0px; cursor:pointer;background-size:auto;}
#bycolor .colorlist li.current{background-position:-29px 0px;}
#bycolor .colorlist li.c8{background-position:0px -29px; }
#bycolor .colorlist li.current8{  background-position:-29px -29px;}
#bycolor .colorlist li.c9{background-position:0px -58px; }
#bycolor .colorlist li.current9{  background-position:-29px -58px;}
#bycolor .colorlist li.c7{background-position:0px -87px; }
#bycolor .colorlist li.current7{  background-position:-29px -87px;}

#bycolor .colorlist li.c26{background-position:0px -116px; }
#bycolor .colorlist li.current26{  background-position:-29px -116px;}
#bycolor .colorlist li.c27{background-position:0px -145px; }
#bycolor .colorlist li.current27{  background-position:-29px -145px;}
#bycolor .colorlist li.c28{background-position:0px -174px; }
#bycolor .colorlist li.current28{  background-position:-29px -174px;}

#bycolor li.c29{background-position:0px -203px; }
#bycolor li.current29{  background-position:-29px -203px;}
#bycolor li.c30{background-position:0px -232px; }
#bycolor li.current30{  background-position:-29px -232px;}

.wxlist li .tplinfo{width:50%; float:left; margin-bottom:10px;}
.wxlist li .tplinfo .InfoTitle{ text-align: center; font-size:16px;}
.wxlist li .tplinfo .f1{ text-align: center}

.wxlist li .template_title{ text-align:center; }
.wxlist li .template_no{ text-align:center; padding:10px 0; color:#555;}
.wxlist li .template_img{ text-align:center; padding:8px 0; }
.wxlist li .template_img img{ max-width:99%; }
.wxlist li .template_operator{text-align:center; line-height:30px; margin:12px 0;}
.wxlist li .template_operator a{ padding:8px 16px; border:1px solid #f0f0f0; color:#333;}
.wxlist li .template_operator a:visited{ color:#333;}
.wxlist li .template_operator .PcDemo1{ margin-right: 10px;}
.wxlist li .template_operator .WapDemo1{ }

.ui-btn-submit{
	width:100%; padding:9px 0px;font-size:16px;text-decoration:none; margin:5px 0px;
	background-color:#179F00;border:1px solid #0B8E00;
	background-image:linear-gradient(bottom,  #179F00 0%, #5DD300 100%);background-image:-o-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-moz-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-ms-linear-gradient(bottom, #179F00 0%, #5DD300 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #179F00),color-stop(1, #5DD300));
	-webkit-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; 
	color:#ffffff; display:block; text-align:center; text-shadow:0 1px rgba(0, 0, 0, 0.2);
	cursor:pointer;	
}
.ui-btn-submit:active{
	padding:9px 0px;top:0px;
	background-image:linear-gradient(bottom, #5DD300 0%, #179F00 100%);background-image:-o-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-moz-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);background-image:-webkit-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-ms-linear-gradient(bottom,  #5DD300 0%, #179F00 100%);
	background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #5DD300),color-stop(1, #179F00));
	-webkit-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);box-shadow:0 1px 0 #5DD300 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
}
.ui-btn-submit:visited{ color:#fff; }
.PcDemo{width:42%; color:#FFFFFF;display:inline-block; margin-right:6px;font-size:14px;}
.WapDemo{width:42%; color:#FFFFFF;display:inline-block;font-size:14px;}
/*====模板样式 开始====*/


/*====Swiper 3.4.2 开始====*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative;  overflow: hidden;  /* Fix of Webkit flickering */  z-index: 1;}
.swiper-container-no-flexbox .swiper-slide { float: left;}
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;
  -webkit-flex-direction: column;flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1;
  display: -webkit-box; display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-transition-property: -webkit-transform;  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;  -ms-transition-property: -ms-transform;
  transition-property: transform;  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple; -moz-box-lines: multiple;
  -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; margin: 0 auto;
}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%;position: relative;}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide { height: auto;}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification { position: absolute;left: 0; top: 0;pointer-events: none; opacity: 0;z-index: -1000;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y;}
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x;}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {position: absolute; top: 50%; width: 27px;height: 44px;margin-top: -22px;z-index: 10; cursor: pointer;
  -moz-background-size: 27px 44px; -webkit-background-size: 27px 44px;background-size: 27px 44px;
  background-position: center; background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {opacity: 0.35;cursor: auto;pointer-events: none;}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination { position: absolute; text-align: center;
  -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {opacity: 0;}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {bottom: 5px; left: 0; width: 100%;}
/* Bullets */
.swiper-pagination-bullet { width: 11px; height: 11px; display: inline-block;border-radius: 50%; background: #fff;opacity: 1;}
button.swiper-pagination-bullet { border: none;margin: 0; padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;}
.swiper-pagination-white .swiper-pagination-bullet {background: #fff;}
.swiper-pagination-bullet-active {opacity: 1;background: #da1a1d;}
.swiper-pagination-white .swiper-pagination-bullet-active {background: #fff;}
.swiper-pagination-black .swiper-pagination-bullet-active {background: #000;}
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px;top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 5px 0;display: block;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}
/* Progress */
.swiper-pagination-progress {background: rgba(0, 0, 0, 0.25);position: absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;position: absolute; left: 0; top: 0; width: 100%; height: 100%;
  -webkit-transform: scale(0);-ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);
  -webkit-transform-origin: left top;  -moz-transform-origin: left top;
  -ms-transform-origin: left top;  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;  -moz-transform-origin: right top;
  -ms-transform-origin: right top;  -o-transform-origin: right top;  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {width: 100%; height: 4px; left: 0; top: 0;}
.swiper-container-vertical > .swiper-pagination-progress {width: 4px;height: 100%;left: 0; top: 0;}
.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5);}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff;}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000;}
/* 3D Container */
.swiper-container-3d { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px;perspective: 1200px;}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute; left: 0; top: 0;width: 100%;
  max-height: 80%;pointer-events: none;z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {/* Windows 8 IE 10 fix */ -ms-perspective: 1200px;}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip { overflow: visible;}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;  backface-visibility: hidden;  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none;}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto;}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden; -webkit-transform-origin: 0 0;  -moz-transform-origin: 0 0;  -ms-transform-origin: 0 0;
  transform-origin: 0 0;  width: 100%;  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {pointer-events: auto; visibility: visible;}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;  left: 0;  bottom: 0px;  width: 100%;  height: 100%;  background: #000;
  opacity: 0.6;  -webkit-filter: blur(50px);  filter: blur(50px);  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide { pointer-events: none;
  -webkit-transition-property: opacity;  -moz-transition-property: opacity;
  -o-transition-property: opacity; transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto;}
.swiper-zoom-container {  width: 100%;  height: 100%;
  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;
  -webkit-box-pack: center;  -moz-box-pack: center;  -ms-flex-pack: center;
  -webkit-justify-content: center;  justify-content: center;
  -webkit-box-align: center;  -moz-box-align: center;  -ms-flex-align: center;
  -webkit-align-items: center;  align-items: center;  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas { max-width: 100%; max-height: 100%;object-fit: contain;}
/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%;bottom: 3px; z-index: 50; height: 5px; width: 98%;}
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%;z-index: 50; width: 5px; height: 98%;}
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0;top: 0;}
.swiper-scrollbar-cursor-drag { cursor: move;}
/* Preloader */
.swiper-lazy-preloader {
  width: 70px; height: 70px;position: absolute; left: 50%; top: 35%;
  margin-left: -21px;margin-top: -21px; z-index: 10;
  -webkit-transform-origin: 50%; -moz-transform-origin: 50%; transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%; background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% { -webkit-transform: rotate(360deg);  }
}
@keyframes swiper-preloader-spin {
  100% { transform: rotate(360deg); }
}
/*====Swiper 3.4.2 结束====*/