锘緻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:#888; margin:0px auto; font-family:"Arial", "Microsoft YaHei"; font-size:14px; background:#fff; }
div{ margin:0; padding:0; border:0; }
img{ margin:0; padding:0; border:0; }
p{ margin: 0px; line-height:1.8em}
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:#444; background: transparent;  outline:none}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:hover{ color:#131313;}
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:#f5f5f5; border:none; outline:none; width:99%;line-height: normal;}
textarea{padding: 2px;color: #000000;background-color: #f0f0f0;width:99%; outline:none; border:none;}

/*鍏跺畠*/
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}

/*hd*/
.hd_round { text-align:center; margin-top:40px; }
.hd_round ul {  }
.hd_round ul li { width:5px; height:5px; border-radius:100%; overflow:hidden; display:inline-block; *display:inline; zoom:1;
	margin-right:15px; font-size:0px; background:#ddd; cursor:pointer; }
.hd_round ul li:hover { background:#a5a5a5;}
.hd_round ul li.on { background:#f5b834;}

/*鎸夐挳*/
.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: #f5b834;  color: #fff; }
.btn:hover {  background-color: #f5b834; color:#fff;}
.btn:active {  background: #f5b834;  color: #fff;}
/*鎸夐挳澶у皬*/
.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:30px; line-height:30px;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; } /*楠岃瘉鐮佸浘鐗囨牱寮?/
.delay {transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s;}
.delay_2 {transition:all ease-out .6s; -webkit-transition:all ease-out .6s; -moz-transition:all ease-out .6s; -ms-transition:all ease-out .6s;}

/*棰戦亾*/
.ChannelContent{ line-height:2.0em; font-size:16px;}
.ChannelSContent, .ChannelSContent p{ line-height:1.8em; }
.ChannelContent a{ color: #ff9d02}
.ChannelContent p { color:#777; font-size:13px; line-height:24px; }
.ChannelContent strong { color:#777; }
.ChannelSContent{color:#FFF;  line-height:25px; height:200px;overflow:hidden; margin-bottom:10px;}
.ChannelSContent a{ color: #ff9d02}
.ChannelSContent img, .InfoContent img{ max-width:100% }
.ChannelAlbum{ overflow: hidden; }

/*淇℃伅*/
.InfoTitle{ font-weight:normal; text-align:left; vertical-align:middle; }
.InfoTitle h1{ font-size:18px; line-height: 1.5em; font-weight:normal; color:#444;}
.InfoTime{color:#999; text-align:left;  padding:2px 0px; height:25px}
.InfoContent, .InfoContent p{ line-height:2.0em; font-size:16px; }
.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{ padding:0; text-align:left; font-size:12px; color:#aaa; border:0px dashed #ccc; line-height:30px; margin-bottom:20px;}
.info_from_wrap a { color:#aaa; }
.info_from_wrap a:hover { color:#555; }
#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{ background:#f5f5f5; padding:5px 10px; color:#666; line-height:1.8em; margin-top:10px;}
.Next a{ }
.Previous a{ }
/*==========@@鍏冧欢 缁撴潫@@==========*/

/*==========@@妯″潡  寮€濮婡@==========*/
/*宸︿晶*/
/*涓讳綋宸︿晶鏍峰紡*/
.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; margin-bottom:80px;}
.left_title1 p { font-size:13px;color: #ccc; margin-top: 15px;}
.left_title1 h2 a{ line-height:26px; font-size:26px; font-weight:normal; color: #111;}
.left_title1 i{ display: block; width: 30px; height: 3px; background: #1651b8; margin: 0 auto; margin-top: 10px; }
.left_body1 { overflow:hidden; zoom:1;}
.left_body1 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom1 { margin-bottom:0px;}
/*鏍峰紡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; position:relative; z-index:1; }
.left_body2 .prevnext { display:block; width:40px; height:40px; cursor:pointer; position:absolute; top:36%; z-index:5; }
.left_body2 .prev { background:#000 url(../images/left.png) no-repeat center; left:20px; }
.left_body2 .next { background:#000 url(../images/right.png) no-repeat center; right:20px; }
.left_body2 .prevnext:hover { background-color:#f5b834; opacity:1; transition:all ease-out .3s; -webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }
.left_bottom2 { overflow:hidden;}
/*鏍峰紡3*/
.left_title3{ text-align:center; overflow:hidden; margin-bottom:25px; margin:50px 0 20px;}
.left_title3 p { font-size:14px;color: #999; line-height: 24px; margin-top: 0px;}
.left_title3 h2 a{ line-height:24px; font-size:22px; font-weight:normal; color: #444;}
.left_title3 i{ display: block; width: 30px; height: 3px; background: #1651b8; margin: 0 auto; margin-top: 10px; }
.left_body3 { overflow:hidden; zoom:1;}
.left_body3 .ChannelPicture{ float:right; overflow:hidden; width:480px;}
.left_bottom3 { margin-bottom:0px;}

/*鏍峰紡3*/
.left_title4 { float:left; }
.left_title4 img { height:350px; display:block; float:left; }
.left_body4 { background:#fff; height:350px; }
.left_body4 .title4{ text-align:left; overflow: hidden; padding:56px 60px 30px 60px;}
.left_body4 .title4 p { font-size:13px;color: #D3D3D3; margin:7px 0;}
.left_body4 .title4 h2 a{ line-height:26px; font-size:26px; font-weight:normal; color: #111;}
.left_body4 .ChannelContent { padding:0 60px; overflow:hidden; }
.left_body4 .ChannelContent p { color:#8f8f8f; font-size:13px; line-height:24px; }
.left_body4 .ChannelContent p a { width:102px; height:28px; display:block; line-height:28px; margin-top:50px; text-align:center;
    font-size:13px; color:#CACACA; border:1px solid #d9d9d9; }
.left_body4 .ChannelContent p a:hover { background:#f5b834; color:#fff; border-color:#f5b834; transition:all ease-out .3s;
	-webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }

/*涓讳綋鍙充晶*/
/*鏍峰紡1*/
.right_title { display:none; }
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#333;   }
.right_title h2 img{ margin:0 10px;}
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0; }
.right_bottom {}
/*==========@@妯″潡  缁撴潫@@==========*/

/*==========@@棰戦亾甯冨眬  寮€濮婡@==========*/
/*妯″瀷body*/
.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .download, .video, .product, .job, .guestbook, .feedback{ width:1200px;margin:5px auto; min-height:500px; }
#top, #logo, #banner, #announcement, #link, #copyright,#bottom,#floor_1,#floor_3,#floor_4,#floor_2,#floor_5,#floor_6 { width:1200px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width:1200px; border-left:0px solid #E5E5E5; padding-left:0px; min-height:450px; }
#right1 { width:1200px; margin:0 auto; }
/*===棣栭〉 寮€濮婟==*/
#floor_1_main{ overflow:hidden; background:#fff;}
#floor_1{ padding:45px 0px;}
#floor_1 .left_title1{ margin-bottom:30px; }
#floor_2_main{ padding: 45px 0; background: #FFF; width:100%; }
#floor_3_main{ overflow:hidden; position:relative; }
.floor_3_backimg { width:120%; max-width:1920px;min-width:1px; _width:expression(this.scrollWidth > 1920 ? "1920px" : (this.scrollWidth < 1? "1px" : "auto"));}
#floor_3{ height:350px; width:855px; position:absolute; background:none; top:50%; left:50%; margin:-175px 0 0 -600px; overflow:hidden; padding-left:345px; }
#floor_4_main{ padding: 80px 0;}
#floor_5_main{ padding: 45px 0; }
#floor_5 .left_body2 .prevnext { top:30%; }
#floor_6_main{ padding:0px 0 20px; background: #FFF; width:100%; }
#adlist2 { width:100%; background:#f5f5f5; margin-top:80px; }
#adlist2 img { display:block; max-width:1200px; margin:0 auto; }

/*===棣栭〉 缁撴潫===*/
#floor_2_row1 { margin:0 auto; overflow:hidden; border:0px dashed red; }
.row1_1,.row1_2,.row1_3 { float: left; width: 50%; transition:.5s ease 0s; -moz-transition:.5s ease 0s; -webkit-transition:.5s ease 0s; }
.row1_1 { position: relative; }
.row1_1 .infoPicture { width: 100%; height: 100%; overflow: hidden; transition: inherit; background:#f5f5f5; }
#floor_2_row1 .infoPicture img { width:100%; }
.row1_1 .infoData { position: absolute; width: 60%; height: auto; padding:0 70px 0 80px; bottom: 30%; transition: inherit; }
.row1_1 .infoData::after { content:''; position: absolute; width: 70px; height: 1px; background-color: #b9b9b9; left: 80px; top: 44px; }
.row1_1 .infoData h2 { color: #9c9c9c; font-size: 24px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight: normal; transition: inherit; }
.row1_1 .infoData p { overflow: hidden; margin-top: 24px; width:100%; line-height: 22px; height: 44px; color: #b9b9b9; font-size: 13px; font-weight: normal; }
.row1_2,.row1_3 {  }
.row1_2 .infoPicture { float: left;  width: 50%; height: 100%; overflow: hidden; transition: inherit; }
.row1_2 .infoData { float: left; position: relative; width: 30%; padding: 12.5% 10% 0; }
.row1_2 .infoData::after { content:''; position: absolute; width: 1px; height: 100px; background-color: #b9b9b9; left: 50px; top: 47%; }
.row1_2 .infoData h2 { color: #9c9c9c; font-size: 24px; overflow: hidden; width:100%; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; transition: inherit; }
.row1_2 .infoData p { overflow: hidden; margin-top: 24px; line-height: 22px; width:100%; height: 44px; color: #b9b9b9; font-size: 13px; font-weight: normal; }
.row1_3 .infoPicture { float: left;  width: 50%; height: 100%; overflow: hidden; transition: inherit; }
.row1_3 .infoData { float: left; position: relative; width: 30%; padding: 12.5% 10% 0; }
.row1_3 .infoData::after { content:''; position: absolute; width: 1px; height: 100px; background-color: #b9b9b9; left: 50px; top: 47%; }
.row1_3 .infoData h2 { color: #9c9c9c; font-size: 24px; overflow: hidden; width:100%;  text-overflow: ellipsis; white-space: nowrap; font-weight: normal; transition: inherit; }
.row1_3 .infoData p { overflow: hidden; margin-top: 24px; line-height: 22px; width:100%;  height: 44px; color: #b9b9b9; font-size: 13px; font-weight: normal; }
.rowBox .infoPicture { position: relative; }
.rowBox .infoPicture:after { content:''; position: absolute; left: 10px; top: 10px; width: calc( 100% - 20px ); height: calc( 100% - 20px ); box-sizing: border-box; border: 0px solid #fff; transition: inherit; }
.rowBox:hover h2 { color: #474747; }
.rowBox img { transition: inherit; }
.rowBox:hover img { transform: scale(1.05,1.05); }
.rowBox:hover .infoPicture:after { border-width: 1px; }

    /*===浜у搧妯″瀷 寮€濮婟==*/
.product  .info_product_detail_wrap{ line-height: 2.2em; margin-bottom:20px;}
.product  .info_product_detail_wrap span { color: #666; margin-right:10px;}
.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{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.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 }
table.guestbook_table tr{ width:40%;}

/*绠＄悊鍛樺洖澶?/
.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{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#333; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===鐣欒█棰戦亾  缁撴潫===*/

/*===鍙嶉棰戦亾 寮€濮婟==*/
.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; margin-left:48px;}
#top_2 { float:right; text-align:right; }
#top .MobileEdition{ font-weight: bold; color:#f80;}
#top_1 a { color:#666; margin-right:40px; }
#top_2 a { color:#666; margin-left:12px; }
#top a:hover { color:#000; text-decoration:none}

/*Logo*/
#logo_main { background:#fff; }
#logo {overflow:hidden; height:70px; border-bottom:1px #f1f1f1 solid; }
#logo .WebLogo{ float:left;}
#logo .WebLogo img{ height:70px; 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:#fff;}
#navigation {  float:right;  }
#navigation ul.navigationlist li { float:left; text-align:center;  }
#navigation ul.navigationlist li a { display:block;color: #505050; height: 70px; position: relative; line-height: 70px;padding: 0 20px;overflow: hidden;}
#navigation ul.navigationlist li a::before{content: ''; position: absolute; bottom: 1px;width: 0; left: 20px; height: 1px; background-color: #f5b834;
    transition: all .3s ease-out 0s;}
#navigation ul.navigationlist li:hover a::before{width: calc(100% - 40px);}
#navigation ul.navigationlist li a span{display: inline-block;  position: relative; transition: all ease-out .3s;}
#navigation ul.navigationlist li a span::after{content: attr(data-title); position: absolute; color: #424242; left: 0; transform: translateY(100%);width: 100%;}
#navigation ul.navigationlist li:hover a span{transform: translateY(-100%);}
#navigation ul.navigationlist li  a.current::before {width: calc(100% - 40px); }
/*瀵艰埅鏍忎笅鎷?/
#navigation  ul.subnavigationlist{ display:none; position:absolute; background:#fff; z-index:100; box-shadow:0 13px 42px 11px rgba(0,0,0,.05);
		border-top:2px solid #424242; margin-top:-1px;}
#navigation  ul.subnavigationlist li { float:none; padding:0px; display:inline;}
#navigation  ul.subnavigationlist li a { display:block; white-space:nowrap; font-weight:normal; color:#505050; line-height:36px;height:36px; font-size:12px;
    padding:0px 24px; text-align:left;transition: all .2s ease-in-out;}
#navigation  ul.subnavigationlist li a::before{content: '';display: none;}
#navigation  ul.subnavigationlist li a:hover {  color:#f5b834; }

/*鍏憡*/
#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; }
#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:5px; line-height:5px; text-align:center; border:0px solid red; }
#banner_main .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:6px; background:#eee; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#F00; }
#banner_main .prevNext { position:absolute; width:45px; height:45px; border-radius:100%; color:#fff; line-height:50px;
	text-align:center; margin-top:-25px; top:50%; cursor:pointer; }
#banner_main .prevNext:hover { background-color:#f5b834; transition:all ease-out .3s; -webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }
#banner_main .prev { left:4%; background:#b7b7b7 url(../images/left.png) no-repeat center;}
#banner_main .next { left:96%; background:#b7b7b7 url(../images/right.png) no-repeat center; }

/*Flash骞荤伅鐗囨牱寮?/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*褰撳墠浣嶇疆*/
#location_main {  } 
#location { font-size:12px; color:#707070; padding:40px 0; }
#location a {color:#272727;}
#location a.end {color:#f5b834;}

/*瀛愰閬撳垪琛?/
#subchannel_main{ border-bottom:1px solid #ddd; overflow:hidden; }
#subchannel{ width:1200px; overflow:hidden; margin:0 auto; line-height:50px; height:50px;}
.subchannellist { text-align:center;}
.subchannellist li { display:inline; border-left:1px solid #ccc;}
.subchannellist li.n1{ border:0;}
.subchannellist li a {padding:10px 5px; margin:0 25px;  color:#333;  font-size:18px; }
.subchannellist li a:hover { color:#0256ac;text-decoration:none; }
.subchannellist #current a {  font-weight:normal;  color:#0256ac; border-bottom:3px solid #0256ac;}
.subchannellist .depth1{ font-weight:normal; }
.subchannellist .depth2{ font-size:14px; text-indent:1.5em; background:none; }
.subchannellist .depth2 a{ border:none;}
.subchannellist .depth3{ font-size:14px; text-indent:3em}
.subchannellist .depth4{ font-size:14px; text-indent:4.5em}
.subchannellist .depth5{ font-size:14px; text-indent:6em}
.subchannellist .depth6{ font-size:14px; text-indent:7.5em}

/*鎼滅储 */
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;}

.dividing_line { width:1200px; margin:0 auto; height:1px; background:#ccc; margin-bottom:10px; }
/*鑱旂郴鎴戜滑*/
.contact_wrap{ line-height:40px; font-size:12px; }
.contact_wrap span{ margin:0 0 0 30px; }
.contact_wrap .Company { font-size:16px; font-weight:100; line-height:24px; margin-bottom:15px; color:#444; }
.contact_wrap .WeChat { margin-bottom:10px; }

/*鍏叡鐧惧害鍦板浘*/
#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; color:#777;}
#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 {padding: 15px 0 0; background:#fff;}
#link { padding:0; }
.link_title { line-height:59px; height:59px;  color:#fff;  }
.link_title h2 { font-size:24px; color:#333; font-weight: normal; text-indent:15px;}
.link_body { overflow:hidden; zoom:1; z-index:1; }
.link_body .album { width:1100px; float:left; overflow:hidden; }
.link_body .prevnext { display:block; width:40px; height:100px; cursor:pointer; z-index:5; }
.link_body .prev { background:url(../images/left1.png) no-repeat center; margin-right:10px; float:left; }
.link_body .next { background:url(../images/right1.png) no-repeat center; margin-left:10px; float:right; }
.link_body .prevnext:hover { background-color:#f5b834; opacity:1; transition:all ease-out .3s; -webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }
.link_body .prev:hover { background-image:url(../images/left.png); }
.link_body .next:hover { background-image:url(../images/right.png); }
.link_bottom{}
/*鍥剧墖閾炬帴鍒楄〃*/
.linkpiclist { overflow:auto; zoom:1; }
.linkpiclist li { float:left; padding:1px 5px; text-align:center;}
.linkpiclist li img { padding:2px; border:1px solid #eee; width:204px; }
.linkpiclist li a:hover img { border:1px solid #c11b33; }
/*鏂囧瓧閾炬帴鍒楄〃*/
.linktextlist { overflow: hidden; zoom:1; padding:8px 0 8px 0; }
.linktextlist li { float:left; text-align:center; padding:1px 15px; overflow:hidden;white-space:nowrap;}
.linktextlist li a { line-height:22px; color:#666; }
.linktextlist li a:hover { line-height:22px; color:#c11b33; }

/*搴曢儴鍖哄煙*/
#bottom_main{ color:#999; }
#bottom{ padding: 40px 15px 30px; }
.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 120px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 10px; color: #f0f0f0;  font-weight: bold;  }
.bottom_navigation li a:hover {  color:#fff;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: 28px;  display: block;  }
.bottom_navigation .subnavigationlist1 li a { color: #f0f0f0;  display: block;  line-height: 30px;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 13px;  text-align: left;  }
.bottom_navigation .subnavigationlist1 li a:hover{color:#fff;}
#bottom_2{float: right;width: 34%;}
#bottom_2 .WeChat img {  float: left;  width: 102px;  padding: 20px 30px 0 0;  }
.bdsharebuttonbox {display:none;}
#bottom_2 .bdsharebuttonbox .LShare {  display:block;  line-height: 24px;  height: 24px;  cursor: pointer;  margin: 6px 6px 6px 0;  font-size: 16px;  color: #f0f0f0; }
.bdshare-button-style0-24 {  }

/* 鐗堟潈淇℃伅 */
#copyright_main { color:#fff; background-color: #737373; margin-top:40px;}
#copyright { line-height:40px; text-align:center; font-size:12px; }
#copyright a {color: #f0f0f0; text-decoration: none;}
#copyright a:hover {color:#fff; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:30px; line-height:20px; }
#copyright .TechnicalSupport{ margin-left:30px;}

/*鍒嗛〉鏍峰紡*/
.page { padding:40px 0px 0px 0; text-align:center; clear:both; color:#888;}
.page a, .page span { border:1px solid #D3D1D1; padding:10px 5px; margin-left:4px; line-height:40px; color:#888; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#f5b834; color:#fff; border-color:#f5b834; }
.page .current{ background:#f5b834; color:#FFF; border-color:#f5b834;}
.page #total{color:#f5b834; font-weight:500;}

/*浼氬憳*/
/*浼氬憳鐧诲綍*/
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; width: 680px; margin: 20px auto;  }
.textlist1 li{ float: left; }
.textlist1 li a{ display: block;  float: left; width: 160px; height: 60px; margin: 0 5px; background: #FFF; color: #666; text-align: center; line-height: 60px; }
.textlist1 li a:hover{ background: #1651b8; color: #FFF; }
/*鏂囧瓧鍒楄〃2*/
.textlist2{ overflow:hidden; margin:5px 0; }
.textlist2 li{ float:left; margin-left:10px; }
.textlist2 li a{ display: block;  float:left; padding:7px 26px; background: #FFF; color: #666; text-align: center; font-size:13px; }
.textlist2 li a:hover{ background: #f5b834; color: #FFF; }
.textlist2 li.current a{ background: #f5b834; color: #FFF; }

/*鏂囧瓧鍒楄〃3*/
.textlist3{ overflow:hidden; margin:5px 0; text-align:center; }
.textlist3 li{ display:inline-block; *zoom:1; *display:inline; margin-left:10px; padding:7px 26px; background:#FFF; }
.textlist3 li a{  color: #666; text-align:center; font-size:13px; }
.textlist3 li:hover{ background: #f5b834; color: #FFF; }
.textlist3 li:hover a { color: #FFF; }
.textlist3 li.current { background: #f5b834; color: #FFF; }
.textlist3 li.current a { color: #FFF; }
.textlist3 li.now { background: #f5b834; color: #FFF; }
.textlist3 li.now a { color: #FFF; }
/*甯︾缉鐣ュ浘鏂囧瓧鍒楄〃*/
.thumblist{ }
.thumblist li{ text-align:left; overflow:hidden; margin:0 0 12px; border-bottom:1px solid #e9e9e9; padding:30px 0;}
.thumblist li:hover{ border-bottom:1px solid #f5b834; }
.thumblist li .InfoPicture{ float:right; overflow:hidden; }
.thumblist li img{ border:0px solid #ccc; width:200px; max-height:200px; margin:0 20px 0 120px; }
.thumblist li:hover img{ }
.thumblist li .info_wrap{ overflow:hidden; padding-right: 8px;}
.thumblist li .InfoTitle{ display:block; font-size:16px; color:#333; text-align:left; padding-top:10px; height:43px;}
.thumblist li:hover .InfoTitle{ color:#f5b834; }
.thumblist li .InfoTime{ display:block; float:left; height:46px; line-height:46px; margin:0 100px 0 0;
	text-align:left; padding:0; color:#c5c5c5; font-size:25px;}
.thumblist .icon { width:29px; height:29px; line-height:29px; margin:20px 0 10px; border-radius:3px; text-align:center; color:#ccc;
	border:1px solid #ccc; font-size:14px; }
.thumblist li:hover .icon { border-color:#f5b834; color:#f5b834; margin-left:50px; }
.thumblist li p{ color:#aaa; line-height:24px; overflow:hidden;}
/*甯︾缉鐣ュ浘鏂囧瓧鍒楄〃2*/
.thumblist1{ overflow: hidden; }
.thumblist1 li{ float: left; margin-right:24px; padding: 30px 24px; width:328px; height: auto; transition:.5s ease 0s; -moz-transition:.5s ease 0s; -webkit-transition:.5s ease 0s;}
.thumblist1 li a { display: block; transition: inherit; }
.thumblist1 li:hover{ }
.thumblist1 div.info_wrap{ float: right; width: 100%; box-sizing: border-box; padding-right: 8px; transition: inherit;}
.thumblist1 div.InfoTime{ height: auto; line-height: 46px; color: #c5c5c5; font-size: 30px; font-weight: normal; font-family: HELVETICANEUELTPRO-TH; }
.thumblist1 .InfoTitle { position: relative; width: 100%; height: 43px; line-height: normal; padding: 8px 0 10px; text-align: left; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; transition: inherit; }
.thumblist1 .InfoTitle::after { content:''; position: absolute; left: 0; bottom: 10px; width: 10%; height: 1px; background-color: #e3e3e3; transition: inherit; }
.thumblist1 li:hover .InfoTitle { color: #f5b834; }
.thumblist1 li:hover .InfoTitle::after{ width: 97%; background-color: #737373; }
.thumblist1 .InfoContent { margin: 10px 0; padding: 0px; height: 55px; color: #8f8f8f; overflow: hidden; text-overflow: ellipsis; white-space: inherit; font-size: 13px; line-height: 26px; }
.thumblist1 .icon { width:29px; height:29px; line-height:29px; margin:20px 0 10px; border-radius:3px; text-align:center; color:#ccc;
	border:1px solid #ccc; }
.thumblist1 .icon:hover { color:#f5b834; border-color:#f5b834; }

/*姗辩獥鍒楄〃*/
.gridlist{  }
.gridlist li{ width:565px; margin:0 50px 40px 10px; float:left; }
.gridlist li.n1{ margin:0 10px 40px 0px; }
.gridlist li a.InfoPicture{ display:block; }
.gridlist li img{ display:block; width:100%; }
.gridlist li .item_wrap { padding:28px 25px; }
.gridlist li .item_wrap_bottom { width:1px; height:1px; background:#fff; }
.gridlist li:hover { -webkit-box-shadow:0 0 10px #e6e6e6; box-shadow:0px 0px 10px #e6e6e6; -moz-box-shadow:0px 0px 10px #e6e6e6;
	-o-box-shadow:0px 0px 10px #e6e6e6; }
.gridlist li:hover .item_wrap_bottom { width:100%; background:#f5b834; }
.gridlist li .InfoTitle { text-align:left; font-size:16px; margin-bottom:10px; }
.gridlist li .InfoSContent{  font-size:13px; color:#999; }
.gridlist li:hover .InfoTitle { color:#f5b834; transition:all ease-out .3s; -webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }
.gridlist li .more2 { float:right; display:block; width:29px; height:29px; border-radius:5px; margin-right:40px; border:1px solid #ccc;
	color:#ccc; line-height:30px; text-align:center; }
.gridlist li:hover .more2 { color:#f5b834; border-color:#f5b834; }

/*姗辩獥鍒楄〃1*/
.gridlist1{ overflow:hidden; }
.gridlist1 li { float: left; margin: 25px 0; background: #FFF; text-align: center;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist1 li a.InfoPicture{ display: block; width:380px; position:relative; }
.gridlist1 li.n1{ margin: 25px 30px; }
.gridlist1 li .item_mask { position:absolute; width:42px; height:42px; top:50%; left:50%; margin-top:-50px; margin-left:-21px; opacity:0;
	background:rgba(0,0,0,.5) url(../images/search.png) no-repeat center; }
.gridlist1 li:hover .item_mask { margin-top:-26px; }
.gridlist1 li img { width: 100%; transition: all .5s ease; }
.gridlist1 li a{font-size: 16px; color: #333; overflow:hidden; transition: all .5s ease; }
.gridlist1 li .InfoTitle1{display: block; padding: 15px 0; background: #fff;color: #727272;font-size:16px;line-height:20px;transition:inherit; }
.gridlist1 li .InfoTitle1 p { text-align:center;color: #ccc;font-size:13px;margin-top:10px;line-height:14px;transition:inherit;  }
.gridlist1 li:hover img { transform: scale(1.05,1.05); }
.gridlist1 li:hover .InfoTitle1 { background-color:#f5b834; color: #fff; }
.gridlist1 li:hover .InfoTitle1 p { color: #eee; }
/*姗辩獥鍒楄〃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:382px; }
.gridlist2 li.n1{ margin:0 27px; }
.gridlist2 li p{ display:block; width:380px; color:#aaa; }
/*姗辩獥鍒楄〃3*/
.gridlist3{  }
.gridlist3 li{ float:left; width:390px; position:relative; padding-bottom:60px; margin:0 15px 20px 0; }
.gridlist3 li.n2 { margin-right:0; }
.gridlist3 li a.InfoPicture{ display:block; position:relative; }
.gridlist3 li img{ display:block; width:100%; }
.gridlist3 li .item_wrapper { position:absolute; bottom:20px; left:16px; width:360px; padding:20px 0; background:#fff;
	-webkit-box-shadow:0 0 20px #aaa; box-shadow:0px 0px 20px #aaa; -moz-box-shadow:0px 0px 20px #aaa; -o-box-shadow:0px 0px 20px #aaa; }
.gridlist3 li .item_wrap { height:40px; overflow:hidden; }
.gridlist3 li .InfoTitle { font-size:16px; text-align:center; line-height:20px; }
.gridlist3 li .InfoTitle a{ display:block; transition:.3s ease 0s; -moz-transition:.3s ease 0s; -webkit-transition:.3s ease 0s; color:#444; }
.gridlist3 li:hover .InfoTitle a{ line-height:40px; }
.gridlist3 li .InfoTitle a:hover{ color:#f5B834; }
.gridlist3 li .InfoSContent{  font-size:13px; text-align:center; color:#bbb; line-height:20px; }
.gridlist3 li .InfoPicture:after { content:''; position:absolute; left:16px; top:16px; width:358px; height:90%; border:0px solid #ccc;
	 transition:.5s ease 0s; -moz-transition:.5s ease 0s; -webkit-transition:.5s ease 0s; opacity:0; }
.gridlist3 li:hover .InfoPicture:after { border-width:1px; opacity:1; }
/*姗辩獥鍒楄〃4*/
.gridlist4{  }
.gridlist4 li{ width:575px; position:relative; margin-right:50px; }
.gridlist4 li a.InfoPicture{ display:block; }
.gridlist4 li img{ display:block; width:100%; }
.gridlist4 li .item_wrap { padding:28px 25px; }
.gridlist4 li .InfoTitle { text-align:left; font-size:16px; margin-bottom:10px; }
.gridlist4 li .InfoSContent{  font-size:13px; color:#999; }
.gridlist4 li:hover .InfoTitle { color:#f5b834; transition:all ease-out .3s; -webkit-transition:all ease-out .3s;
	-moz-transition:all ease-out .3s; -ms-transition:all ease-out .3s; }
.gridlist4 li .more2 { float:right; display:block; width:29px; height:29px; border-radius:5px; margin-right:40px; border:1px solid #ccc;
	color:#ccc; line-height:30px; text-align:center; }
.gridlist4 li:hover .more2 { color:#f5b834; border-color:#f5b834; }

/*瑙嗛鍒楄〃*/
.videolist{  }
.videolist li{ float:left; width:390px; position:relative; margin:0 15px 30px 0; }
.videolist li.n2 { margin-right:0; }
.videolist li a.InfoPicture{ display:block; position:relative; }
.videolist li .item_mask { position:absolute; width:52px; height:52px; top:50%; left:50%; margin-top:-50px; margin-left:-26px; opacity:0;
	background:rgba(0,0,0,.2) url(../images/play2.png) no-repeat center; -webkit-border-radius:100%;
	-moz-border-radius:100%; -o-border-radius:100%; border-radius:100%; }
.videolist li:hover .item_mask { margin-top:-26px; }
.videolist li .item_wrap { padding:15px 15px; background:#e5e5e5; }
.videolist li:hover .item_wrap { padding:15px 30px; background:#fca103; }
.videolist li:hover .item_wrap .InfoTitle { color:#fff; }
.videolist li:hover .item_wrap .InfoSContent { color:#ccc; }
.videolist li .InfoTitle { font-size:16px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.videolist li .InfoSContent { margin-top:8px; line-height:16px; color:#aaa; }

/*棰戦亾鐩稿唽鍒楄〃*/
.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}
/*棰戦亾鐩稿唽鍒楄〃1*/
.channelalbumlist1{ overflow:hidden; float:left; width:600px;}
.channelalbumlist1 li { text-align:left; overflow:hidden; padding:12px 0;}
.channelalbumlist1 li i{font-size:40px;border-radius: 50%;width:100px;height:100px;color:#fff;line-height: 100px;float:left; text-align:center; font-style:normal; margin-right:18px;}
.channelalbumlist1 li i.n1{background: #008287;}
.channelalbumlist1 li i.n2{background: #6ce26c;}
.channelalbumlist1 li i.n3{background: #bd362f;}
.channelalbumlist1 li .info_wrap{ }
.channelalbumlist1 li .AlbumTitle {font-size:22px;font-weight: normal;text-align: left; margin-bottom:12px;}
.channelalbumlist1 li  p{font-size: 14px;display:block;line-height: 26px;text-align: left;color:#888;}
/*棰戦亾鐩稿唽鍒楄〃1*/
.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); }
/*==========@@閫氱敤鍒楄〃  缁撴潫@@==========*/