﻿@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form,fieldset, 
legend, input, button,textarea, p, blockquote, th, td { margin: 0; padding: 0;}
body{color:#666;	margin:0px auto; fotop_telnt-family: "Microsoft YaHei"; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px;}
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:#626262; background: transparent;  outline:none}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:hover{ text-decoration: none; opacity: 0.9;}
a:active{ 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%;margin: 3px; vertical-align: baseline; *vertical-align: middle; }
button,select {text-transform: none;}
input{padding:2px;background-color: #FFFFFF;border: 1px solid #ccc;width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #fff;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;}
/*==========@@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; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

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

/*按钮*/
.btn {-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
  display: -moz-inline-stack;  display: inline-block;  *display: inline;  vertical-align: middle;  *vertical-align: auto;
  zoom: 1;    height: 32px;  line-height: 32px;  padding: 0px 20px;font-weight: 300;  font-size: 14px; 
  margin: 0; text-decoration: none; text-align: center; text-indent:0; cursor:pointer;
  border: 1px solid #d4d4d4; color: #666666; }
/*默认样式*/
.btn {  background-color: #7db500;  color: #fff; }
.btn:hover {  background-color: #6b9c00; color:#fff;}
.btn:active {  background: #76a312;  color: #374f00;}
/*按钮大小*/
.btn-large {font-size: 19px;  height: 38.4px;  line-height: 38.4px;  padding: 0px 26px;}
.btn-small {  font-size: 12px; height: 25.6px; line-height: 25.6px;  padding: 0px 16px;}
.btn-tiny {  font-size: 12px;  height: 22.4px;  line-height: 22.4px; padding: 0px 13px;}
/*块按钮*/
.btn-block {display: block;}

/*表单类*/
.form_text, .form_text:hover, .form_text_verifycode, .form_text_verifycode:hover{border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;
border-width:1px; height:20px; line-height:20px;clip: rect;padding: 2px; color: #000000; }
.form_text {  width:95%; background-position:  0px 0px;}
.form_text:hover {background-position: 0px -37px;}
.form_text_verifycode { width:50px; margin-right:3px;background-position:  0px 0px;}
.form_text_verifycode:hover {background-position: 0px -37px;}
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}
.form_select { height:25px; }
.form_textarea { width:95%; height:80px; border-color: #a0a0a0 #cbd9eb #cbd9eb #a0a0a0;border-width:1px; padding:2px;}
.form_button { width:auto; vertical-align:middle; border:0 none;/*解决ie焦点是有黑色边框*/}
input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, 
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none;padding:0; }
.required{ color:red; font-weight:bold; text-align:left; padding-left:3px;}

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

/*频道*/
.ChannelContent{ font-size:16px; margin:0 auto; line-height: 2.0em; }
.ChannelContent a{ color: #ff9d02}
.ChannelSContent{color:#FFF;  }
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% }
.ChannelAlbum{ overflow: hidden; }

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; line-height: 1.5em; font-weight:normal;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
/* .InfoContent, .InfoContent p{ font-size:16px; padding:10px 0;} */
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ font-size: 12px; line-height: 40px; text-align: center;border-bottom: dotted 1px #ddd;color: #666;}
.info_from_wrap a { color:#666; }

#ReadLevelTip{ font-weight:bold; color:red;}
.Tag{ text-align: left; font-weight:bold; }
.Tag a{ padding:0 3px; font-weight:normal; text-decoration:none;}
.info_previous_next_wrap{ margin-top: 15px; line-height: 24px; padding-left: 10px; border-top: 1px solid #eee; padding-top: 15px; padding-bottom: 15px;}
.Next a{color: #666;line-height: 1.5;}
.Previous a{color: #666;line-height: 1.5;}
.Next b,.Previous b{font-weight: normal;}
/*动画缓动*/
.delay_1 {transition:all ease-out .1s; -webkit-transition:all ease-out .1s; -moz-transition:all ease-out .1s; -ms-transition:all ease-out .1s;}
.delay_2 {transition:all ease-out .2s; -webkit-transition:all ease-out .2s; -moz-transition:all ease-out .2s; -ms-transition:all ease-out .2s;}
.delay_3 {transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s;;}
.delay_5 {transition:.5s ease 0s; -webkit-transition:.5s ease 0s; -moz-transition:.5s ease 0s; -ms-transition:.5s ease 0s;}

/*动画延迟*/
.wait_0 { animation-delay:0s; -webkit-animation-delay:0s; /* Safari 和 Chrome */ }
.wait_1 { animation-delay:.2s; -webkit-animation-delay:.2s; /* Safari 和 Chrome */ }
.wait_2 { animation-delay:.4s; -webkit-animation-delay:.4s; /* Safari 和 Chrome */ }
.wait_3 { animation-delay:.6s; -webkit-animation-delay:.6s; /* Safari 和 Chrome */ }

/*移上去图片放大*/
.imgscale { overflow:hidden; width:100%; height:100%; }
.imgscale_animate { overflow:hidden; width:100%; height:100%; }
.imgscale_animate img{transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s;
  -ms-transition:all linear .3s; }
.imgscale_animate:hover img{ transform:scale(1.1,1.1);}
/*==========@@元件 结束@@==========*/

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; margin-bottom:5px;}
/*样式1*/
.left_title1{ text-align:center; overflow: hidden;padding: 55px 0 40px 0;}
.left_title1 h2{color: #565656;font-size: 30px;font-weight: bold;line-height: 1;}
.left_title1 h2 b{color: #f22522;line-height: 1;}
.left_title1 p.img_p{line-height: 1;text-align: center;height: 14px;display: flex;justify-content: center;align-items: center;}
.left_title1 p.ChannelSContent{color: #666; font-size: 12px; text-transform: uppercase;line-height: 18px;}
.left_title1 p.ChannelSContent b{font-weight: normal;color: #f22522;}
.left_body1 { overflow:hidden; zoom:1;padding:50px 0 100px 0;position: relative;}
.left_body1 .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;background: #ccc;;opacity:1;}
.left_body1 .swiper-pagination .swiper-pagination-bullet-active{background: #2170e9;}

.left_bottom1 {padding: 50px 0 0 0;}
  
/*样式2*/
.left_title2{ text-align:center; overflow: hidden;margin-bottom: 25px; }
.left_title2 p { color: #888; font-size:14px;}
.left_title2 h2 a{  line-height:40px; font-size:30px; font-weight:normal; color: #fff;}
.left_title2 i{ display: block; width: 30px; height: 3px; background: #fff; margin: 0 auto; margin: 10px auto; }
.left_body2 { overflow:hidden; zoom:1;}
.left_bottom2 { overflow:hidden;margin-top: 40px;}

.left_body3{background: url(../images/left_body3.png) no-repeat center 53px;  position: relative;}
.left_body4{ margin: 0 auto;position: relative;padding: 40px 75px 0 75px;}
.left_body4 .btns{position: absolute; width: 39px; height: 77px; background: url(../images/change-btn.png) no-repeat;top: 50%;  margin-top: -77px;display: block;cursor: pointer;}
.left_body4 .prev{left: 0;}
.left_body4 .next{right: 0;background-position: -67px -96px;}
.left_body4 .prev:hover{background-position: 0 -96px;}
.left_body4 .next:hover{background-position: -67px 0;}

.left_body5{overflow: hidden;}

.left_body6{overflow: hidden;}
.left_body6_1{float: left;width: 565px;background-color: #f8f8f8;height: 528px;}
.left_body6_2{float: right;width: 565px;background-color: #f8f8f8;height: 528px;}
.left_body6 .info_title{background-color: #f22824;height: 66px; line-height: 66px; color: white;font-size: 24px; text-align: center;background: -webkit-linear-gradient(left,#f75335, #f22522);}
.left_body6 .info_body{padding: 33px 23px; color: #666;}

.bottom_more {width: 404px; height: 45px;border: 2px solid #f22824; margin: 40px auto 0; border-radius: 45px;line-height: 45px;overflow: hidden;position: relative; text-align: center;}
.bottom_more p{width: 245px; color: #666; font-size: 12px;float: left;}
.bottom_more p span{color: #f22824;font-size: 20px;}
.bottom_more a{display: block;position: absolute; width: 149px; height: 45px; background-color: #f22824; color: white;border-radius: 49px; top: 0; right: -2px;font-size: 18px;}
/*主体右侧*/
/*样式1*/
.right_title {font-size: 18px; color: #000; border-bottom: 1px solid #f1f1f1; font-weight: bold; padding: 15px;}
.right_body { }
.right_body .InfoTitle{padding: 0;}
.right_body .InfoTitle h1{font-size: 22px; line-height: 40px; text-align: center; margin-top: 40px;}
.right_body .InfoContent{line-height: 25px;padding-top: 15px;}
.right_bottom {}

.right_title1{font-size: 26px;font-weight: bold;display: flex; justify-content: center; margin: 0 auto;padding-bottom: 30px; padding-top: 30px; font-weight: normal;}
.right_title2{font-size: 26px;font-weight: bold;display: flex; justify-content: center; margin: 0 auto;padding-bottom: 30px; padding-top: 30px; font-weight: normal;}

.right_title3{font-size: 26px;font-weight: bold;display: flex; justify-content: center; margin: 0 auto;padding-bottom: 30px; padding-top: 30px; font-weight: normal;}
.right_body3{background: #f6f6f6;margin-top: 40px;margin-bottom: 30px;padding-top: 40px;overflow: hidden;min-height: 200px;}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型body*/
.body_index, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{background: #f1f1f1;}
.body_page,.body_article{background: #fff;}
.index, .single, .article, .picture, .video, .product, .job, .feedback{ width:1200px;margin:0px auto; }
.download, .guestbook{ width:1000px;margin:5px auto; }
#top, #logo, #banner, #announcement, #link, #copyright,#bottom,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5,#floor_6,#floor_7,#floor_8,#floor_9,#floor_10,#article,#showarticle,#page_1,#page_2,#page1_1,#page1_2,#page1_3{ width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left {float: left; width: 354px; background: #fff; height: auto; margin:40px 0;padding: 0 20px;padding-bottom: 40px;box-sizing: border-box;}
#right { float: left; width: 830px; margin-left: 15px; background: #fff;height: auto;  margin-top: 40px;  padding-bottom: 40px;  margin-bottom: 40px; }
/*===首页 开始===*/
#floor_1_main{ overflow:hidden; background:#fff;}
#floor_1{padding: 20px 0;}
#floor_2_main{ overflow:hidden;background: #f1efef;padding: 50px 0 0 0;}
#floor_2{ height: 380px; }
#floor_3_main{min-width: 1180px;background: #f8f8f8;}
#floor_3{max-width: 1710px;width: 100%;}
#floor_4_main{background: #fff;}
#floor_4{width: 1180px;padding-bottom: 50px;}
#floor_5_main{  background: #f8f8f8; }
#floor_5{width: 1180px;padding-bottom: 52px;}
#floor_6_main{  background: #fff; }
#floor_6{width: 1180px;padding-bottom: 75px;}
#floor_7_main{  background: #f8f8f8; }
#floor_7{width: 1260px;padding-bottom: 50px;}
#floor_8_main{  background: #fff; }
#floor_8{width: 1180px;padding-bottom: 35px;}
#floor_9_main{  background: #fff; }
#floor_9{width: 1180px;padding-bottom: 45px;}
#floor_10_main{  background: #f2f2f2; }
#floor_10{width: 1180px;padding-bottom: 70px;}

#page1_2_main{background: url("../images/page1_2.jpg") no-repeat; height: 462px; width: 100%; margin-top: 30px;margin-bottom: 30px;}
#page1_2{width: 1090px; padding-left: 110px; padding-top: 45px;}

#page1_3{overflow: hidden;}
/*===首页 结束===*/

/*===产品模型 开始===*/
.product .info_product_detail_wrap{ line-height: 2.2em;}
.product .info_product_detail_wrap b{color: #626262; font-weight:bold;}
.product .info_product_detail_wrap table.detail_table{ width:100%; }
.product .info_product_detail_wrap table.detail_table th{ width: 200px;}
.product .ProductDescription{ height:40px; color:01673A; margin-top:10px;padding-left:35px; line-height:40px; font-size:16px; font-weight:bold; display:none;}
.product .info_product_detail_wrap img{ width:216px; height:162px;float:left;  text-align:left; margin-right:10px; }
.product .InfoTitle{  font-size:16px; font-weight:bold; text-align:left; padding:10px 0px;}
.product .f2{ padding:5px 0px}
.product .f1{ padding:5px 0px}
.product .InfoHit{ padding:5px 0px; font-weight:bold; color:#990000}
.product .InfoTime{ padding:5px 0px; }
/*===产品模型 结束===*/

/*===招聘频道  开始===*/
.job{ }
.joblist { }
.joblist li {overflow: hidden;}
table.job_table { margin:8px 0px; padding:0px; text-align:center; width:100%; border-collapse:collapse;}
table.job_table td{ padding:8px 5px; border:1px solid #DADBD6;}
table.job_table .Requirement{ text-align:left; padding:8px 5px; line-height:1.5em;}
table.job_table th{color:#333; font-weight:bold; text-align:center; border:1px solid #DADBD6;}
table.job_table .t1 { font-weight:bold;padding:5px 0;width:20%;}
table.job_table .t2 { text-align:left;width:25%;}
table.job_table .t3 {font-weight:bold;width:25%;}
table.job_table .t4 {text-align:left;width:25%;}
table.job_table .operation{text-align:center; margin:0 auto;}
/*应聘*/
table.resume_table { margin:3px; text-align:center; width:97%; border-collapse:collapse;}
table.resume_table th{ font-weight:bold; text-align:left; width:100px;}
table.resume_table td{text-align:left; }
table.resume_table .operation{text-align:center; }
table.resume_table #Detail{ height:200px;}
/*===招聘频道  结束===*/

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{border: 1px solid #d6d3d3; width: 100%; padding: 9px 0; margin: 0 auto;   margin-bottom: 0px; margin-bottom: 10px; background: #fff;}
.guestbooklist li span{padding-right: 6px; border-right: 1px solid #fff; height: 19px; width: 19px;display: block;float: left;background: url(../images/law-icon.png) no-repeat;margin-left: 10px;}
.guestbooklist li:nth-child(1) span{background-position: -26px 0;}
.guestbooklist li:nth-child(2) span{background-position: -56px 0;}
.guestbooklist li input{width: 200px; border: 0;font-size: 14px;line-height: 17px;height: 17px;color: #333333;margin: 0;padding: 0;outline: none;}
.guestbooklist li.textarea{padding: 9px;box-sizing: border-box;}
.guestbooklist li input:hover{border: 0;padding: 0;margin: 0;line-height: 17px;height: 17px;}

.guestbooklist1{}
.guestbooklist1 li{display: flex;justify-content: space-between;margin-bottom: 10px;}
.guestbooklist1 li p{font-size: 12px;color: #999;}

.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }

table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:center }

/*管理员回复*/
.answer_wrap{ padding:5px; border-top:1px dashed #CCC; line-height:1.5em}
.answer_title{}
.answer_body {}
.Administrator { text-align:right; }
.Reply { text-align:right; }
.AnswerTime{ color:#999 }

/*留言表单*/
.message_title{margin: 25px 0 20px 0;font-size: 22px; font-weight: 500; margin-bottom: 20px; font-family: '微软雅黑'; line-height: 1; color: #ffff;text-align: center;}
.message_body{ padding:0 14px;}
.message_body .btns{}
.message_body .btns input{display: block;color: #FFF;line-height: 42px;width: 245px;height: auto; margin: 20px auto;font-size: 16px;background: -webkit-linear-gradient(left,#f75335, #f22522);}
.message_bottom{margin-top: 40px;height: 35px;overflow: hidden;padding: 0 14px;}
/*===留言频道  结束===*/

/*===反馈频道 开始===*/
.feedback{ }
table.feedback_table{ width:99%; text-align:center; margin:0 auto;}
table.feedback_table th{ width:100px; text-align:left; font-weight:bold;}
table.feedback_table td{  text-align:left;}
table.feedback_table .operation{text-align:center}
/*===反馈频道 结束===*/
/*==========@@频道布局  结束@@==========*/


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:28px;  background:#f0f0f0; border-bottom:0px solid #ddd;}
#top { height:28px; line-height:28px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:red;}
#top a { color:#666;  }
#top a:hover { color:#000; text-decoration:none}

/*Logo*/
#logo_main { background: #4c4c4c; }
#logo {overflow:hidden; width: 1180px;}
#logo .WebLogo{ float:left;width: 250px;}
#logo .WebLogo img{ height: 48px; width: auto; padding-top: 5px;display: block;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

/*导航*/
#navigation_main { background:#0256ac;}
#navigation {  float:left; height: 60ox; line-height: 60ox;  }
#navigation ul.navigationlist li { float:left; text-align:center; line-height: 60ox;  }
#navigation ul.navigationlist li a {display: block;color: #fff;float: left;padding-left: 20px;padding-right: 20px;text-align: center; width: auto; height: 60px; line-height: 60px;}
#navigation ul.navigationlist li a:hover { text-decoration:none;  background:#f22622; color:#fff; }
#navigation ul.navigationlist .current { background:#f22622; color:#fff; }
/*导航栏下拉*/
#navigation ul.subnavigationlist{ display:none; position:absolute; background:#0256ac; z-index:100}
#navigation ul.subnavigationlist li {  float:none; padding:0px; display:inline;}
#navigation ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#FFF; line-height:28px;height:28px; font-size:15px; padding:0px 16px; text-align:left}
#navigation ul.subnavigationlist li a:hover {  background:#3aa314;  color:#fff; }

#top_tel{float: right; padding-top: 14px;padding-right: 15px;}
#top_tel span{background:url(../images/tel.png) no-repeat left center;padding-left: 24px;color: #fff; font-size: 16px;}
#top_tel b{font-size: 20px;color: #fff}
/*公告*/
#announcement { margin-top:5px;  height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;}
#announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;}
#announcement .announcement_body{float:left; width:750px;}
#announcement .announcement_bottom{float:right; width:100px; }
.announcementlist{ }
.announcementlist li { line-height:35px; }

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block; }
.bannernext.swiper-button-next{background: url(../images/next.png) center no-repeat;width: 50px;height: 45px;right: 0;}
.bannerprev.swiper-button-prev{background: url(../images/prev.png) center no-repeat;width: 50px;height: 45px;left: 0;}
.bannernext.swiper-button-next::after, .bannerprev.swiper-button-prev::after{font-size: 0;}
.swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active{background: #de3a3a;}

#message_main{position: absolute; width: 275px; height: 450px; top:0; left: 50%;margin-left: 315px;z-index: 999;}
#message_1{height: 341px; width: 275px; float: right; background: url("http://jianangc.com/static/default/PC/home/css/../images/bg1.png")repeat;margin-top: 80px;}
/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
#location_main { } 
#location {display:none;color:#01673A; float:right; padding-right:8px;}
#location a {color:#01673A;}

/*子频道列表*/
#subchannel_main{ background-color: #f2f2f2; }
#subchannel{ width:1200px; height: 67px;display: flex;justify-content: center;margin: 0 auto;}
.subchannel_title{font-size: 25px; text-align: center; display: block; padding-top: 30px; color: #000; font-weight: bold;}
.subchannel_body{}
.subchannellist { text-align:center;}
.subchannellist li {width: 100%;}
.subchannellist li a {display: block; background: #eeeeee; border-radius: 90px;width: 100%; height: 50px; line-height: 50px;text-align: left; margin-top: 15px;padding-left: 15px;font-weight: bold; font-size: 20px;color: #4f4f4f;box-sizing: border-box; }
.subchannellist li:hover a{ background: linear-gradient(to right, #fa7761, #f22522);color: #fff;}
.subchannellist #current a { background: linear-gradient(to right, #fa7761, #f22522);color: #fff;}

.subchannellist1 { display: flex;justify-content: center;align-items: center;}
.subchannellist1 li {}
.subchannellist1 li a {display: block; line-height: 64px; margin-left: 40px; width: 80px;text-align: center;height: 64px; float: left;font-size: 16px;border-bottom: 3px solid transparent;}
.subchannellist1 li:hover a{ border-bottom: 3px solid #f22522;}
.subchannellist1 #current a { border-bottom: 3px solid #f22522;}

/*搜索 */
table.search_table{ width:99%; text-align:center;}
table.search_table th{ vertical-align:middle; text-align:center; padding:0px 3px;}
table.search_table td{ vertical-align:middle; width:60px; padding:0px 3px;}

/*联系我们*/
.contact_wrap{ line-height:1.8em; }
.contact_wrap b{ font-weight:bold;}
.contact_wrap .WebUrl{ color:#F00 }

/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ float:left; border: 1px dashed #ccc; padding:8px;}
#Map .MapInfo #MapContainer{ width:870px; height:380px; }
#Map .ContactInfo{ width:300px; float:right; line-height:2.7em;}
#Map .ContactInfo .Company{ font-size:24px; margin-bottom:8px;}
#Map .ContactInfo img{ width: 18px; vertical-align:middle; margin-right:8px;}

/*订购*/
.order{margin:0px auto}
.order .WantOrder h1{ border-bottom:1px dotted #999999; padding: 5px 0px;}
.order .f1{ float:right; color:red;}
table.order_table{ width:98%;  }
table.order_table th{ width:100px; text-align:left;}
table.order_table td{text-align:left}
table.order_table .operation{ text-align:center}

/* 友情链接 */
#link_main {background:#fff;}
#link { padding:10px 0;border-bottom: solid 1px #474a53;margin-bottom: 24px; }
.link_title {color:#fff;float: left;  }
.link_title h2 { color:#666; font-weight: normal; text-indent:15px;float: left;font-size: 12px;line-height: 20px;}
.link_body { color:#000; border-top:0px; border-bottom:0px; }
.link_bottom{}
/*图片链接列表*/
.linkpiclist { overflow:auto; zoom:1;  }
.linkpiclist li { float:left; padding:1px 5px; text-align:center; width:112px;}
.linkpiclist li img { width:86px; height:30px; padding:2px; border:1px solid #eee; }
.linkpiclist li a:hover img { border:1px solid #c11b33; }
/*文字链接列表*/
.linktextlist { overflow: hidden; zoom:1; }
.linktextlist li { float: left; display: block;margin-left: 10px; line-height: 20px;}
.linktextlist li a {   color: #666;font-size: 12px; line-height: 20px;display: block;}
/* .linktextlist li a:hover { line-height:22px; color:#c11b33; } */

/*底部区域*/
#bottom_main{ background-color: #333;  }
#bottom{}
#bottom_1{float: left;}
.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  width: 155px; border-right: 1px solid #4b4f59; min-height: 230px;float: left; }
.bottom_navigation li a {  font-size: 16px; line-height: 24px; margin-bottom: 10px; text-indent: 30px;display: block; color: #fff; }
.bottom_navigation li a:hover {text-decoration: underline;}
.bottom_navigation .subnavigationlist1 li {  line-height: 24px; padding-left: 25px; font-size: 13px;float: none;width: 100%;box-sizing: border-box;min-height: auto;}
.bottom_navigation .subnavigationlist1 li a { line-height: 24px; font-size: 13px;color: #afb0b4;text-indent: 0;margin: 0; }
.bottom_navigation .subnavigationlist1 li a:hover{text-decoration: underline;}
#bottom_2{float: left; height: 230px; width: 392px; border-right: #4b4f59 solid 1px;}
#bottom_2 .bottom_left{width: 128px;height: 152px;background: #fff;float: left; cursor: pointer;}
#bottom_2 .bottom_left span{display: block;text-align: center; font-size: 14px;color: #666;line-height: 25px;}
#bottom_2 .bottom_left p{text-align: center; font-size: 14px;background-color: #cacaca;color: #666;line-height: 25px;display: block;}
#bottom_2 .bottom_left img{display: block;width:100px;margin: 2px 0px 5px 14px;}
#bottom_2 .bottom_right{width: 192px;height: 100%;margin-left: 30px;float: left;}
#bottom_2 .bottom_right h2{color: #fff; font-size: 14px;line-height: 24px;}
#bottom_2 .bottom_right p{font-size: 25px; margin-bottom: 10px; color: #fff;line-height: 30px;font-weight: bold;}
#bottom_2 .bottom_right p:last-child{font-size: 13px;font-weight: normal; line-height: 20px;margin-bottom: 12px;color: #fff;}
/* 版权信息 */
#copyright_main {font-size: 12px;line-height: 65px; background-color: #282828;border-top: solid 1px #474a53;}
#copyright { line-height:65px; text-align: center; }
#copyright a {color: #666; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ }

/*分页样式*/
.page { margin: 40px 0 60px 0;overflow: hidden;width: 100%;display: flex;justify-content: center;align-items: center;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 9px;  line-height:20px; color: #999;font-size: 12px;}
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#ff6445; color:#FFF; }
.page .current{ background:#ff6445; color:#FFF;}
.page #total{color:red}
.page .pageinfo{display: none;}
.page .pagefirst{margin-right: 4px;}
.page .pageend{margin-left: 4px;}
/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

/*会员注册*/
table.reg_table{ width:40%; text-align:center; margin:0 auto;}
table.reg_table th{ width:140px; text-align:left; font-weight:bold;}
table.reg_table td{  text-align:left; }
table.reg_table .operation{text-align:center}
table.reg_table .MemberCode{  text-align:left; width:70px;}
table.reg_table #SmsCode{width:50px;}

/*忘记密码 第一步*/
table.forget_table1{ width:40%; text-align:center; margin:0 auto;}
table.forget_table1 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table1 td{ text-align:left; }
table.forget_table1 .operation{text-align:center}
/*忘记密码 第二步*/
table.forget_table2{ width:40%; text-align:center; margin:0 auto;}
table.forget_table2 th{ width:100px; text-align:left; font-weight:bold;}
table.forget_table2 td{text-align:left}
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;}

/*网站地图列表*/
.maplist{ }
.maplist li { padding:1px; }
.maplist li a { background:#d1e8fc; line-height:25px; display:block; padding:0 20px; border:0px solid #A6CC93; }
.maplist li a:hover { text-decoration:none; background:#FFF; }
.maplist .depth1{font-weight:bold;text-indent:0px; font-weight:bold}
.maplist .depth2{text-indent:2em}
.maplist .depth3{text-indent:4em}
.maplist .depth4{text-indent:6em}
.maplist .depth5{text-indent:8em}
.maplist .depth6{text-indent:10em}
/*==========@@公共板块  结束@@==========*/


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{ }
.textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;/*解决ie6bug*/}
.textlist li a{  }
.textlist li .InfoTime{ float:right;}
/*文字列表1*/
.textlist1{ overflow: hidden; overflow: hidden; height: auto;border: 1px solid #eeeeee; border-radius: 90px;}
.textlist1 li{ width: 33.333%; text-align: center;line-height: 65px; float: left;position: relative;cursor: pointer;}
.textlist1 li .ChannelName{font-size: 20px;color: #565656;z-index: 999;position: relative;}
.textlist1 .on::after{ height: 65px; border-radius: 90px; top: 0px;left: 0; background: -webkit-linear-gradient(left,#f75335, #f22522);
   background: -o-linear-gradient(left,#f75335, #f22522); width: 100%; text-align: center;line-height: 65px;content: '';position: absolute;}
.textlist1 li.on .ChannelName{color: #fff;}
/*带缩略图文字列表*/
.thumblist{ }
.thumblist li{ border-bottom: 1px dotted #9c9c9c; padding-bottom: 20px;  margin-bottom: 20px; overflow: hidden;}
.thumblist li .InfoTime{ width: 119px; height: 94px; text-align: center;  background: linear-gradient(to right, #fa7761, #f22522); font-size: 18px; float: left;padding:  0;}
.thumblist li .InfoTime p{font-size: 45px;font-weight: 500;color: #fff;line-height: 1.5;}
.thumblist li .InfoTime span{font-size: 18px;font-weight: 500;color: #fff;}
.thumblist li .info_wrap{ float: left; width: 1000px; margin-left: 20px;}
.thumblist li .InfoTitle{  font-size: 20px;color: #282828; display: block;padding: 0;text-align: left; }
.thumblist li .InfoContent{font-size: 14px;color: #959595;line-height: 25px; display: block;padding-top: 10px;text-overflow: ellipsis;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.thumblist li:hover .InfoContent{ color:#f22622; }


/*带缩略图文字列表2*/
.thumblist1{}
.thumblist1 li{margin: 50px 0 100px 0;}
.thumblist1 li .InfoTitle{display: flex;align-items: center;padding: 0;}
.thumblist1 li .InfoTitle span{width: 40px; height: 40px;min-width: 40px; font-size: 26px; color: #fff; background: #818181; margin-right: 20px;margin-left: 10px; vertical-align: initial; border-radius: 50%;text-align: center;line-height: 40px;float: left;}
.thumblist1 li .InfoTitle h2{font-size: 25px; color: #333;  margin-right: 10px; line-height: 30px;font-weight: 500;}
.thumblist1 li .info{display: flex;position: relative;}
.thumblist1 li .info::after{content: ''; width: 0; height: 0; position: absolute; margin-left: 100px; margin-top: 5px;border: 20px solid #f22522; border-top: 15px solid transparent; border-left: 15px solid transparent; border-right: 15px solid transparent; z-index: -1; display: block;}
.thumblist1 li .info .da{width: 90px; position: absolute; left: -5px; top: 16px; opacity: 0.5;z-index: 99;}
.thumblist1 li .info .da img{display: block;width: 100%;}
.thumblist1 li .InfoContent{border-radius: 100px; background: linear-gradient(to right, #fa7761, #f22522); font-size: 18px; color: #fff; padding: 30px 30px 30px 100px; 
  line-height: 30px;letter-spacing: 1px;  font-weight: 100;margin: 40px 10px 0 10px; position: relative; z-index: 10; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7); overflow: hidden;text-align: justify;}
/*橱窗列表*/
.gridlist{ overflow: hidden; }
.gridlist li { background: #fff;border: 2px solid #f1f1f1;width: 257px;height: 398px;float: left;padding-top: 20px;padding-left: 13px;padding-right: 13px;margin-left: 15px;margin-top: 25px; box-sizing: border-box;}
.gridlist li .InfoPicture{width: 158px;height: 160px; overflow: hidden;margin: 0 auto;}
.gridlist li .InfoPicture img{display: block;width: 100%;height: 100%;}
.gridlist li .InfoTitle{text-align: center; font-weight: bold; color: #4f4f4f; font-size: 20px; display: block; padding-top: 18px; width: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.gridlist li .InfoContent{color: #a3a3a3; text-align: left; display: block; padding-top: 15px; width: 191px; height: 63px;overflow: hidden;margin: 0 auto;
  text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px;font-size: 14px;line-height: 1.5;}
.gridlist li .more{float: none;display: block;color: #fff;text-align: center;width: 111px;height: 36px;line-height: 36px;border-radius: 5px;margin: 0 auto;padding: 0;
 background: linear-gradient(to right, #fa7761, #f22522);}
/* .gridlist li:hover img{ border-color:#ddd;} */

/*橱窗列表1*/
.gridlist1{ overflow: hidden;display: flex;justify-content: center; flex-wrap: wrap;}
.gridlist1 li { background: #fff;border: 2px solid #f1f1f1;width: 280px;float: left;padding-top: 35px;margin-top: 25px; box-sizing: border-box;margin-right: 35px;position: relative;}
.gridlist1 li .InfoPicture{ overflow: hidden;margin: 0 auto;}
.gridlist1 li .InfoPicture img{display: block;max-width: 100%;}
.gridlist1 li .info{background: #f1eff0;width: 280px;position: relative;}
.gridlist1 li .InfoTitle{text-align: center; font-weight: bold; color: #4f4f4f; font-size: 20px; display: block; padding: 10px 10px 0 10px;box-sizing: border-box; width: 100%;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; }
.gridlist1 li .mores{overflow: hidden;margin-top: 15px;}
.gridlist1 li .more{margin-top: 15px; display: block; width: 88px; height: 38px; float: right; color: #fff; padding-left: 35px; line-height: 38px; font-size: 16px;
  background: url("../images/btn_bg.png") no-repeat; margin-top: 35px;}
.gridlist1 li .zixun{overflow: hidden;display: block;
  width: 112px;height: 38px; color: #fff; text-align: center; border-radius: 90px; font-size: 16px; line-height: 38px; float: left; background: linear-gradient(to right, #fa7761, #f22522);margin-left: 20px;}
.gridlist1 li.mod1{margin-right: 0;}
/*橱窗列表2*/
.gridlist2{ overflow: hidden; }
.gridlist2 li{ float: left; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.gridlist2 li:hover { transform:translate3d(0, -5px, 0);  }
.gridlist2 li a.InfoPicture{ display: block; }
.gridlist2 .InfoTitle a{ display: block; width: 380px; color: #FFF; font-weight: bold; text-align:left; font-size:18px;}
.gridlist2 .InfoTitle a:hover{ color: #eee; }
.gridlist2 li img{ width: 380px; padding: 10px 0; }
.gridlist2 li.n2{ margin: 0 30px; }
.gridlist2 li p{ display: block; width: 380px; color: #aaa; }

/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { float:left; margin-bottom:10px; margin-left:12px; text-align:center; overflow:hidden; transition:all .2s linear}
.videolist li:hover { transform:translate3d(0, -4px, 0); box-shadow:0 10px 10px rgba(0,0,0,.1); }
.videolist li.n0{ margin-left:0; }
.videolist li img { border:1px solid #fff; width:289px;}
.videolist li a{ display:block; position:relative; }
.videolist li .InfoTitle{ display:block; padding:10px 0; }
.videolist li .InfoTitle a { white-space:nowrap; }
.videolist li i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url(../images/play.png) center center no-repeat; cursor:pointer;}

/*频道相册列表*/
.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}
/*频道相册列表1*/
.channelalbumlist1{overflow: hidden;display: flex;justify-content: space-between;}
.channelalbumlist1 li {width: 33.33%;display: flex;justify-content: center;align-items: center;flex-flow: column;position: relative;height: 60px;}
.channelalbumlist1 li::after{content: ''; position: absolute;display: block; width: 1px;height: 40px;background-color: #e2e2e2;right: 0;top: 10px;}
.channelalbumlist1 li .AlbumTitle{color: #f22522;font-size: 18px;line-height: 1;display: flex;align-items: center;}
.channelalbumlist1 li .AlbumTitle b{font-size: 24px;position: relative;padding-right: 5px;line-height: 1;}
.channelalbumlist1 li .AlbumTitle b::after{content: ''; display: block; width: 10px; height: 10px;background: url("../images/plus.png") no-repeat;top: -4px;right: -3px;position: absolute;}
.channelalbumlist1 li .AlbumDescription{color: #565656; font-size: 18px;padding-top: 5px;}
/*频道相册列表1*/
.channelalbumlist2{}
.channelalbumlist2 li{width: 220px; height: 267px;background: #fff; text-align: center;margin-right: 25px; float: left;}
.channelalbumlist2 li img{margin: 50px auto 0;}
.channelalbumlist2 li .AlbumTitle{margin-top: 23px;font-size: 18px; letter-spacing: 4px;color: #666;}
.channelalbumlist2 li a{display: block; text-align: center; width: 141px;height: 38px; border: 1px solid #f22522; border-radius: 10px; line-height: 38px;
   font-size: 16px;letter-spacing: 2px;color: #f22522;margin: 23px auto 0;}
.channelalbumlist2 li:last-child{margin: 0;}
.channelalbumlist2 li:hover{-webkit-box-shadow: 2px 3px 9px #b9b8b8;}
.channelalbumlist2 li:hover a{background: #f22522;color: #fff;}

.channelalbumlist3{border-top: 1px solid #ececec;border-right: 1px solid #ececec;}
.channelalbumlist3 li{-webkit-box-sizing: border-box;  float: left;  border-left: 1px solid #ececec;border-bottom: 1px solid #ececec;  height: 200px;  width: 293.7px;position: relative;overflow: hidden;text-align: center;}
.channelalbumlist3 li img{width: 68px;height: 71px;margin: 25px auto 6px;display: block;}
.channelalbumlist3 li .AlbumTitle{color: #4d4d4d; font-size: 16px;line-height: 1;min-height: 16px;}
.channelalbumlist3 li a{display: block;zoom: 1; width: 110px; line-height: 34px;height: 34px;border: 1px solid #e5e5e5;color: #949494;font-size: 16px;margin: 15px auto 0;border-radius: 34px;}

.channelalbumlist4{overflow: hidden;}
.channelalbumlist4 li{width: 230px; text-align: center; float: left;}
.channelalbumlist4 li span{width: 144px;height: 144px;background: url(../images/channelalbumlist4.png) no-repeat;display: block;margin: 0 auto;}
.channelalbumlist4 li .AlbumTitle{color: #565656; font-size: 20px; padding-top: 5px;line-height: 1.5;}
.channelalbumlist4 li.n2 span{background-position: -248px 0;}
.channelalbumlist4 li.n3 span{background-position: -504px 0;}
.channelalbumlist4 li.n4 span{background-position: -764px 0;}
.channelalbumlist4 li.n5 span{background-position: -1013px 0;}

.channelalbumlist5{}
.channelalbumlist5 li{float: left;  width: 236px;  margin-right: 29px;  text-align: center;  color: #565656;font-size: 16px;}
.channelalbumlist5 li .AlbumPicture{height: 284px;display: flex;justify-content: center;align-items: center;}
.channelalbumlist5 li .AlbumPictu img{}
.channelalbumlist5 li .AlbumTitle{padding-top: 10px;text-align: center; color: #565656; font-size: 16px;}

.channelalbumlist6{}
.channelalbumlist6 li{float: left;  margin-left: 10px;width: 408px;}

.channelalbumlist7{}
.channelalbumlist7 li{float: left; width: 534px; padding: 15px 20px; background-color: #f7f7f7; position: relative; overflow: hidden; margin-left: 32px; transition: all .3s ease-out; margin-bottom: 15px;
  cursor: pointer;display: flex;align-items: center;}
.channelalbumlist7 li span{float: left;width: 23px; height: 23px;  background: url(../images/wh.png) no-repeat;}
.channelalbumlist7 li .AlbumTitle{padding-left: 5px; color: #565656; font-size: 16px; width: 363px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;float: left;}
.channelalbumlist7 li a{width: 133px; height: 38px; line-height: 38px; border: 1px solid #dadada; font-size: 16px; text-align: center; float: right; transition: all .3s ease-out;color: #f22824;}
.channelalbumlist7 li:hover span{background-position: -24px 0;}
.channelalbumlist7 li:hover{background: -webkit-linear-gradient(left,#f75335, #f22522);}
.channelalbumlist7 li:hover .AlbumTitle{color: white;}
.channelalbumlist7 li:hover a{border-color: white; color: white;}
.channelalbumlist7 li.n0{margin-left: 0;}

.channelalbumlist8_1{}
.channelalbumlist8_1 li{margin-bottom: 23px;color: #666;font-size: 14px;line-height: 1.5;}
.channelalbumlist8_2{}
.channelalbumlist8_2 li{margin-bottom: 15px;color: #666;font-size: 14px;line-height: 1.5;}

.channelalbumlist9{}
.channelalbumlist9 li{width: 33.333%; box-sizing: border-box; padding: 10px; float: left;}
.channelalbumlist9 li a{background: #fff url("../images/channelalbumlist9.jpg") no-repeat 25px center;background-size: auto;display: block;padding: 40px 25px;background-size: 70% 100%;font-weight: bold;color: #3e3e3e;}
.channelalbumlist9 li .AlbumTitle{background: url("../images/arrow1.png") no-repeat right center; display: block;padding-right: 70px;}

.pagechannelalbumlist1{}
.pagechannelalbumlist1 li{width: 148px;height: 380px;background: #fff; border-radius: 10px;float: left;margin-left: 20px;}
.pagechannelalbumlist1 li img{padding-left: 40px;padding-top: 70px;display: block;width: 69px;}
.pagechannelalbumlist1 li .AlbumTitle{display: block;font-size: 20px;text-align: center;padding-top: 20px; color: #000; border-bottom: 3px solid #f22723; padding-bottom: 5px; width: 100px; margin-left: 23px;}
.pagechannelalbumlist1 li .AlbumDescription{font-size: 14px; line-height: 25px; display: block;width: 114px; margin-left: 24px; padding-top: 20px;}

.pagechannelalbumlist2{}
.pagechannelalbumlist2 li {background: #ededed; width: 289px; text-align: center;  height: auto;margin-top: 20px;float: left; margin-left: 10px;}
.pagechannelalbumlist2 li img{display: block;width: 100%;}
.pagechannelalbumlist2 li .AlbumTitle{color: #000; line-height: 50px; font-size: 20px;}

.infoalbumlist1{}
.infoalbumlist1 li {float: left;display: flex;justify-content: center;}
.infoalbumlist1 li:nth-child(odd){padding: 100px 0 0 0;}
.infoalbumlist1 li .info{box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 430px; margin: 0 50px; padding: 20px 20px 50px 20px;position: relative;}
.infoalbumlist1 li .info::after{ content: ""; display: block; width: 40px; height: 32px; background: url("../images/common.png") no-repeat; z-index: 10; position: absolute;right: -20px;bottom: -10px;}
.infoalbumlist1 li .InfoPicture{display: flex;}
.infoalbumlist1 li .InfoPicture img{display: block;width: 40px;}
.infoalbumlist1 li .InfoPicture span{font-size: 14px;color: #666;}
.infoalbumlist1 li .Album{padding: 30px 0;overflow: hidden;}
.infoalbumlist1 li .Album span{height: 40px; line-height: 40px;border-radius: 40px; border: 1px solid #f22522; color: #f22522; padding: 0 10px; margin-right: 0px;margin-bottom: 10px;display: block;float: left;margin-right: 4px;}
.infoalbumlist1 li .InfoSContent{font-size: 14px;color: #666;}

.pagelist2{}
.pagelist2 li{width: 299px; height: 156px; text-align: center;  line-height: 20px; float: left; border-right: 1px solid #e3e3e3;}
.pagelist2 li img{display: block;width: 66px;margin: 0 auto;}
.pagelist2 li span{font-size: 21px; color: #000; display: block;padding-top: 10px;padding-bottom: 10px;width: 100%;  font-weight: 500}
.pagelist2 li p{font-size: 14px;color: #818181;line-height: 1.5;width: 200px;display: block;margin: 0 auto;}
/* .channelalbumlist2{ overflow:hidden; }
.channelalbumlist2 li { float:left;}
.channelalbumlist2 li img{ width: 238px;height: 107px; border: 1px solid #ddd; margin-top: -1px; display: block;}
 .channelalbumlist2 li img:hover { filter: grayscale(1); -webkit-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */
/*==========@@通用列表  结束@@==========*/