@charset "utf-8";

*{ 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:#000;	margin:0px auto; font-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{ color:#0C5ADB;}
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;}

.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;}

.flex{display:flex;}
.ac{align-items:center}
.as{align-items:self-start}
.ae{align-items:self-end}
.jc{justify-content: center;}
.jb{justify-content: space-between;}
.ja{justify-content: space-around;}
.je{justify-content: flex-end;}
.js{justify-content: flex-start;}
.fc{flex-flow: column;}
.wn{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.block {display: block;}
.ellipsis1{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis2{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}

.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;}
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;}*/
.code_image{ cursor: pointer; height:100%; } 


.ChannelContent{ font-size:16px; margin:0 auto; line-height: 2.0em; }
.ChannelContent a{ color: #ff9d02}
.ChannelContent img{max-width:100%;}
.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; }

.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 10px; text-align:left; color:#A8A8A8; font-size: 14px; line-height:30px;display: flex;align-items: center;margin-top: 20px;margin-bottom: 30px;}
.info_from_wrap span{display: flex;align-items: center;margin-right: 40px;}
.info_from_wrap span img{margin-right: 6px;}
.info_from_wrap a { color:#999; }
.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{margin-top: 60px;}
.Next a{font-size: 16px;color: #333;}
.Next,.Previous {font-size: 16px;color: #333;margin-bottom: 20px;}
.Previous a{font-size: 16px;color: #333;}
.Next b,.Previous b{font-weight: normal;}
.info_previous_next_wrap_product{margin: 0;display: flex;justify-content:space-between;}
.info_previous_next_wrap_product .Next,.info_previous_next_wrap_product .Previous{margin: 0;width: 50%;}

.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;  }
.wait_1 { animation-delay:.2s; -webkit-animation-delay:.2s; }
.wait_2 { animation-delay:.4s; -webkit-animation-delay:.4s; }
.wait_3 { animation-delay:.6s; -webkit-animation-delay:.6s; }


.imgscale { overflow:hidden; width:100%; position:relative; }
.imgscale img{transition:all linear .3s; -webkit-transition:all linear .3s; -moz-transition:all linear .3s;
  -ms-transition:all linear .3s;}
.imgscale: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;}

/*.left_title1{}*/
/*.left_title1 h2{font-size: 40px; color: #080404;text-align: center;font-weight:normal;}*/
/*.left_title1 i{width: 79px;height: 4px;background:#080404;display:block;margin:10px auto 0;}*/
/*.left_body1{margin-top:60px;}*/
/*.left_body1 .ChannelContent{font-size:16px;color:#080404;line-height: 30px;width:57%;text-align:center;}*/
/*.left_bottom1{margin-top: 80px;position:relative;}*/
/*.left_bottom1 .ChannelPicture img{width:100%;display:block;}*/
/*.left_bottom1 .ChannelPicture img.wap{display:none;}*/
/*.left_bottom1 .more{position:absolute;width:100%;height:100%;left:0;top:0;}*/
/*.left_bottom1 .more img{display:block;width:54px;}*/
/*.left_bottom1:hover .more{background:rgba(0,0,0,0.3)}*/

.left_title1{}
.left_title1 h2{font-size: 38px; color: ##080404;text-align: left;}
.left_title1 p{font-size: 15px; color: #5D5D5D;margin-top:20px;}
.left_title1 .more{width: 134px;height: 40px;background: #E7161A;color:#fff;font-size:14px;margin-top:40px;}
.left_body1{margin-top:60px;}

.left_title2{}
.left_title2 h2{font-size: 40px; color: #080404;text-align: center;font-weight:normal;}
.left_title2 i{width: 20px;height: 4px;background:#E7161A;display:block;margin:20px auto 0;}
.left_body2{margin-top:60px;}
.right_title {margin-bottom:60px;}
.right_title a{font-size:38px;color:#080404;font-weight:bold;text-transform:capitalize;display:block;text-align:center;border-bottom:4px solid #F1F1F1;position:relative;padding-bottom:10px;}
.right_title a::after{position:absolute;width:33%;height:4px;left:0;bottom:-4px;content:'';background:#E7161A;}
.right_title a::before{position:absolute;width:33%;height:4px;right:0;bottom:-4px;content:'';background:#028F4C;}
.right_body{padding: 0;overflow:hidden;margin-bottom:80px;}

.right_title1{position:absolute;width:100%;height:100%;}
.right_title1 .ChannelName{font-size:24px;color:#fff;text-align:center;}
.right_title1 .ChannelContent{font-size:14px;color:#fff;line-height: 30px;margin-top:60px;padding:0 12%;text-align:center;}
.right_body1 img{width:100%;display:block;}
.right_title2{}
.right_title2 .ChannelName{font-size:24px;color:#080404;text-align:center;}
.right_title2 .ChannelContent{font-size:14px;color:#080404;line-height: 30px;margin-top:20px;padding:0 8.3%;text-align:center;}
.right_body2{margin-top:40px;overflow:hidden;}
.right_body2 img{width: 100%;display:block;}
.right_title3{width:52.4%;padding:2.8% 5%;box-sizing:border-box;}
.right_title3 .ChannelName{font-size:24px;color:#080404;text-align:left;}
.right_title3 .ChannelContent{font-size:14px;color:#080404;line-height: 30px;text-align:left;margin-top:40px;}
.right_body3{overflow:hidden;width:47.6%;}
.right_body3 img{display:block;width:100%;}
.right_title4{overflow:hidden;width:47.6%;}
.right_title4 img{display:block;width:100%;}
.right_body4{width:52.4%;padding:2.8% 5%;box-sizing:border-box;}
.right_body4 .ChannelName{font-size:24px;color:#080404;text-align:left;}
.right_body4 .ChannelContent{font-size:14px;color:#080404;line-height: 30px;text-align:left;margin-top:40px;}

.right_title5{position:absolute;width:100%;height:100%;}
.right_title5 .ChannelName{font-size:24px;color:#fff;text-align:center;}
.right_title5 .ChannelContent{font-size:14px;color:#fff;line-height: 24px;margin-top:60px;padding:0 12%;text-align:center;}

.body_index, .body_article, .body_download, .body_picture, .body_product, .body_single, .body_video, .body_job, .body_feedback, .body_guestbook{}
.index, .single, .article, .picture, .video, .product, .job, .feedback{ width:100%;margin:0 auto;padding:0 12.5% ;box-sizing:border-box; }
.download, .guestbook{ width:1000px;margin:5px auto; }
#top, #logo, #banner, #announcement, #link, #copyright,#bottom,#floor_1,#floor_2,#floor_3,#floor_4,#floor_5 { width:100%;box-sizing:border-box;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#logo{}
#left { float:left; width:16%;margin-top:10px;min-width:220px;}
#right { float:left; width:78.3%; margin-top:10px; }

#floor_1_main{ overflow:hidden; background:#fff;}
#floor_1{ padding:80px 0% 0 0%;max-width:1440px;}
#floor_1_1{width:51%;background:#F6F6F6;padding:3.3%;box-sizing:border-box;}
#floor_1_2{width:49%;position:relative;}
#floor_1_2 img{display:block;width:100%;position:absolute;height:100%;object-fit:cover;}
#floor_2_main{ overflow:hidden;background:#fff;}
#floor_2{ padding:80px 0% 0px 0%;max-width:1440px;}
#floor_2_1{width:49%;position:relative;}
#floor_2_1 img{display:block;width:100%;position:absolute;height:100%;object-fit:cover;}
#floor_2_2{width:51%;background:#F6F6F6;padding:3.3%;box-sizing:border-box;}
#floor_3_main{ overflow:hidden;background:#fff;}
#floor_3{ padding:80px 0 120px 0;max-width:1440px;}

#product_1_main{ overflow:hidden;background:#fff;}
#product_1{ padding:0 12.5%;margin:80px 0;}

#product_2_main{ overflow:hidden;background:#F1F1F1;}
#product_2{ padding:0 12.5%;margin:80px 0;}

#page_1_main{ overflow:hidden; background:#fff;margin-top:60px;}
#page_1{   position: relative;}

#page_2_main{ overflow:hidden; background:#fff;margin-top:80px;}
#page_2{   position: relative;}

#page_3_main{ overflow:hidden; background:#fff;margin-top:80px;}
#page_3{   position: relative;background:#F1F1F1;}

#page_4_main{ overflow:hidden; background:#fff;margin-top:80px;}
#page_4{   position: relative;background:#F1F1F1;}

#page_5_main{ overflow:hidden; background:#fff;margin-top:80px;margin-bottom:80px;}
#page_5{   position: relative;}
.article_1_main{}
.article_1{display: flex;padding:60px 18.7%;box-sizing:border-box; }
.article_1_1{width: 70%;padding-right: 60px;box-sizing: border-box;}
.article_1_1 .InfoTitle{font-size: 36px;color: #333;padding: 0;}
.article_1_1 .InfoTitle h1{font-size: 36px;color: #333;text-align: left;}
.article_1_1 .InfoPicture{max-width: 100%;margin: 0 auto;}
.article_1_2{max-width: 344px;background: #F2F2F2;width: 30%;}

#showproduct_main{padding: 0 0;margin:10px 0 0 0;}
#showproduct_1{margin: 0 auto;box-sizing: border-box;padding: 0 12.5%;}
#showproduct_1_1{width: 49%;}
#showproduct_1_1_1{ position: relative;width:100%;overflow:hidden;display:flex;align-items:center;margin-top:10px;}
#showproduct_1_1_1 .InfoAlbum{display:flex;justify-content:center;align-items:center;position:relative;padding:0 45px;box-sizing:border-box;height:100%;width:100%;}
#showproduct_1_1_1 .InfoAlbum .myalbum{overflow: hidden;width: 100%;}
#showproduct_1_1_1 .InfoAlbum .arrow{display:block;width:40px;position:absolute;left:0%;top:50%;transform:translate(0,-50%)}
#showproduct_1_1_1 .InfoAlbum .sPrev{}
#showproduct_1_1_1 .InfoAlbum .sPrev img{display:block;width:100%;}
#showproduct_1_1_1 .InfoAlbum .sNext{left:auto;right:0;}
#showproduct_1_1_1 .InfoAlbum .sNext img{display:block;width:100%;}
#showproduct_1_1_2{width: 100%;box-sizing: border-box;display: flex;justify-content: center;}
#showproduct_1_1_2 img{display:block;width:100%;}
#showproduct_1_2{width: 48%;}
#showproduct_1_2 .InfoTitle{}
#showproduct_1_2 .InfoTitle h1{color:#080404;font-size:30px;padding-bottom:18px;border-bottom:2px solid #080404;margin-bottom:20px;text-transform:capitalize;}
#showproduct_1_2 .InfoSContent{margin-bottom:20px;color:#080404;font-size:16px;font-weight:bold;text-transform:capitalize;}
#showproduct_1_2 .InfoContent{color:#949494;font-size:16px;line-height:40px;}
#showproduct_2{margin: 80px auto;box-sizing: border-box;padding: 0 12.5%;}
/*#showproduct_3{margin: 80px auto 0;box-sizing: border-box;padding: 0 18.7%;}*/
.albumlist{}
.albumlist li{width: 25%;  cursor: pointer; box-sizing: border-box;}
.albumlist li .InfoPicture{padding:1px;}
.albumlist li img{display: block;width: 100%;height: 100%;border: 1px solid transparent;}
.albumlist li.on .InfoPicture img{border: 1px solid #000;}

.product {padding-top:10px;padding-bottom:80px;}
.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;}


.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 }

.message_title{ font-size: 24px;color: #333;padding-bottom: 20px;position: relative;text-align: left;}
.message_title::after{position: absolute;content: '';width: 34px;background: #DC000C;height: 4px;bottom: 0;left: 0%;}

.message_body{margin-top: 40px;}
.message_body form{width: 100%;}
.message_body form .wrap{width: 100%;display: flex;justify-content: space-between;}
.guestbooklist{overflow: hidden;width:49%;}
.guestbooklist li{width: 100%;margin-bottom: 20px;}
.guestbooklist li .form_text{outline:none; padding: 20px;margin: 0;border: 1px solid #DBDBDB;box-sizing: border-box;height: auto;line-height: normal;width: 100%;border-radius: 4px;}
.guestbooklist li .form_text_verifycode{outline:none;padding: 20px;margin: 0;border: 1px solid #DBDBDB;box-sizing: border-box;height: auto;line-height: normal;width: 50%;border-radius: 4px;}

.guestbooklist1{overflow: hidden;width:49%;height: 100%;}
.guestbooklist1 textarea{outline:none;width: 100%;margin: 0;padding:20px;box-sizing: border-box;border: 1px solid #DBDBDB;height: 217px;box-sizing: border-box;}
.guestbooklist2 {}
.guestbooklist2 li{width: 100%;display: flex;align-items: center;box-sizing: border-box;margin-bottom:20px;}
.guestbooklist2 li img{padding: 10px;background: rgba(220,0,12,0.2);border-radius: 50%;margin-right:12px;}
.guestbooklist2 li p{}
.guestbooklist2 li:last-child{margin-bottom:0;}
.message_body{}
.message_body .btns{display: flex;justify-content: center;align-items: center;}
.message_body .form_button{width: 200px; height: 54px;background: #DC000C;color: #fff;font-size: 20px;margin-top: 40px;transition: all 0.3s ease-out;}
.message_body .form_button:hover{background:#0C5ADB;}

.message_main{position: fixed;top: 0;right: 0;bottom: 0;left: 0;margin: auto; width: 100%;height: 100%; z-index: 9999;display: none;}
.message_main .mask{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);}
.message_main .message_1{width: 675px;max-height: 80vh;background-color: #f4f4f8;position: fixed;top: 0;left: 0;right: 0;
bottom: 0;margin: auto; border-radius: 10px;overflow-y: auto;z-index: 10001;opacity: 1; transition: all 0.3s;}
.message_title1{background-color: #fff;padding: 50px 40px 40px 40px;text-align: center;}
.message_title1 h2{font-size: 36px;color: #000;}
.message_title1 p{font-size: 14px; color: #666; line-height: 1.8; margin-top: 10px;}
.message_body1{padding: 30px 40px 40px 40px;}
.guestbook_table1{width: 100%;}
.guestbook_table1 tr{display: block;width: 100%;margin-top: 25px;}
.guestbook_table1 tr th{display: block;width: 100%;padding-left: 3px;font-size: 14px;color: #1a1d22; margin-bottom: 6px;display: block;text-align: left;font-weight: normal;}
.guestbook_table1 tr td{display: block;width: 100%;}
.guestbook_table1 tr td input{width: 100%; background-color: #fff;border: 0;box-sizing: border-box; height: 66px; line-height: 66px; border-radius: 8px; padding: 0 20px;outline: none;margin: 0;}
.guestbook_table1 tr td input:hover{width: 100%; background-color: #fff;border: 0;box-sizing: border-box; height: 66px; line-height: 66px; border-radius: 8px; padding: 0 20px;}
.guestbook_table1 tr td textarea{width: 100%; background-color: #fff;border: 0;box-sizing: border-box; border-radius: 8px; padding: 20px;height: 180px;outline: none;margin: 0;resize:none;}
.guestbook_table1 tr td textarea:hover{width: 100%; background-color: #fff;border: 0;box-sizing: border-box; border-radius: 8px; padding: 20px;height: 180px;}
.guestbook_table1 tr td .form_button{width: 100%; background-color: #1a1d22;color: #fff;border: 0;border-radius: 8px;padding: 22px 20px;font-size: 18px; text-transform: uppercase;line-height: 1;height: auto;}
.guestbook_table1 tr td .form_button:hover{width: 100%; background-color: #1a1d22;color: #fff;border: 0;border-radius: 8px;padding: 22px 20px;font-size: 18px; text-transform: uppercase;line-height: 1;height: auto;}

.guestbook_table1 tr.radio {display:flex;align-items:center;}
.guestbook_table1 tr.radio th{width:0;}
.guestbook_table1 tr.radio td{display:flex;align-items:center;}
.guestbook_table1 tr.radio td input{width:20px;height:20px;padding:0;margin-right:5px;}

.message_main .message_1 .close{width: 60px; height: 60px;position: absolute;right: 0;top: 0;cursor: pointer;transform: rotate(45deg);}
.message_main .message_1 .close::after{content: ''; width: 2px; height: 26px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}
.message_main .message_1 .close::before{content: ''; width: 26px; height: 2px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #343434;}

.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 }


.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}

.guestbook_1_main{}
.guestbook_1{padding:40px 18.7%;box-sizing:border-box;background:#F6F6F6; }
.guestbook_2_main{}
.guestbook_2{box-sizing:border-box; }
.guestbook_2 img{max-width:100%;}
.guestbook_0{margin-bottom: 0;padding:90px 18.7% 50px 18.7%;box-sizing:border-box;}

.wap{display: none;}
.pc{display: block;}

#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_main { background: #293847; z-index: 999;overflow: visible;width: 100%;padding: 0px 12.5%;box-sizing:border-box;}
#logo_main.logo_main_wrap{position: relative;background: #fff;}
#logo {position:relative;}
#logo .WebLogo{position:absolute;left:0;top:0;height:100%;}
#logo .WebLogo img{  display:block;transition: opacity .6s;}
#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}
#logo_main.logo_main_wrap .tool .language .language-current{color: #000;}

.tool{display: flex;align-items: center;}
.tool .search{display: block;width: 20px;cursor: pointer;}
.tool .search img{display: block;width: 100%;}
.tool .GetAQuote{background-color: #E63136;padding: 12px 24px; margin-left: 30px;border-radius: 5px;transition: all 0.3s ease-out;font-size: 14px;color: #fff;cursor: pointer;}
.tool .GetAQuote:hover{background-color: #0C5ADB;}
.tool .language{display: block;margin-left: 30px;position: relative;}
.tool .language .language-current{display: flex;color: #fff;cursor: pointer;align-items: center;}
.tool .language .language-current .change{display: block;width: 20px;margin-right: 5px;}
.tool .language .language_change{display: none;position: absolute;background: #fff;padding: 10px;z-index: 9999;top:40px;left:50%;transform: translate(-50%,0);width: 100px;}
.tool .language .language_change a{display: flex;align-items: center;color: #000;margin-bottom: 10px;font-size: 14px;}
.tool .language .language_change a img{width: 30px;display: block;margin-right: 5px;}
.tool .language .language_change a:last-child{margin:0;}
.tool .language .language_change::after{content: '';border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent;position: absolute;left: 50%; top:0;transform: translate(-50%,-100%);}

.Maskform{background: rgba(0,0,0,0.8);width: 100%;height: 100%;position: absolute;z-index: 1;}
.search_main{position: fixed;z-index: 10000;display: none;justify-content: center;align-items: center;width: 100%;height: 100vh;}
.search_main form{border-bottom: 1px solid #fff;display: flex;align-items: center;max-width: 500px;width: 100%;position: relative;z-index: 999;}
.search_main form .close{display: block;position: absolute;right: -10%;top:-50%;width: 20px;transform: translate(-100%,-100%);cursor: pointer;}
.search_main form .close img{width: 100%;display: block;}
.search_main form .btn-keywords{background: transparent;border: none;outline: none;color: #fff;height: 50px;line-height: 50px;padding-right: 35px;text-indent: 10px;margin: 0;}
.search_main form .btn-img{background: url(../images/search1.png) no-repeat center;border: none;background-size: 25px;height: 50px;line-height: 50px;margin: 0;width:35px ;padding: 0;cursor:pointer;}

#navigation_main {}
#navigation1 {padding: 20px 0;display: flex;flex-wrap: wrap;flex: 1;}
#navigation1 ul.navigationlist li { float:left; text-align:center;padding: 0px 60px;position: relative;}
#navigation1 ul.navigationlist li a { display:block; padding:10px 0 ; font-size:16px; font-weight:normal; color:#fff; border:0px dashed red;line-height: 20px;position:relative;text-transform:capitalize;}
#navigation1 ul.navigationlist li a::after{width:0%;height:4px;content:'';background:#E7161A;position:absolute;bottom:0;left:0;transition:.2s ease 0s;}
#navigation1 ul.navigationlist li a:hover { text-decoration:none;  color:#fff;font-weight:bold;  }
#navigation1 ul.navigationlist .current {  color:#fff;font-weight:bold; }
#navigation1 ul.navigationlist li .current::after{width:100%;}
#navigation1 ul.navigationlist li:hover a::after{width:100%;}

#navigation1 ul.subnavigationlist{ display:none; position:absolute; box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.12); background: #fff; z-index:100;top:100%;left:0; width: 260px;padding:13px 0 17px 0}
#navigation1 ul.subnavigationlist.on{margin-top: 0;opacity: 1;}
#navigation1 ul.subnavigationlist li {  float:none; padding:0px; display:block;}
#navigation1 ul.subnavigationlist li a { display:block; height: 20px;line-height: 20px;padding: 5px 20px;color: #000;text-align: left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 14px;}

#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; }


#banner_main {position:relative; border:0px solid blue; margin-top:60px;}
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%;position:relative;}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block;max-width: 100%;}
#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:#fff; margin-right:15px; overflow:hidden; font-size:0px;}
#banner_main .hd ul li.on{  background:#F00; }
#banner img{display:block;max-width:100%;margin: auto;}
.swiper-pagination .swiper-pagination-bullet{width: 40px;border-radius: 3px;height: 6px;}


#location_main {background-color: #fff;} 
#location {padding:20px 12.5%;text-transform:capitalize;color:#080404;}
#location a {  color: #080404; font-size: 14px;text-transform:capitalize;}


#subchannel_main{  overflow:hidden; }
#subchannel{  margin:0 auto;position:relative;}
.subchannel_title{line-height:62px;color:#080404;  font-size:30px;font-weight:normal;border-bottom:1px solid #F1F1F1;}
.subchannel_body{padding:0 8%;}
.subchannellist { }
.subchannellist .item {margin:40px 0 0 0;}
.subchannellist .item .ChannelName a{color:#080404;  font-size:18px;display:block;position:relative;}
.subchannellist .item .ChannelName span{display:block;width:16px;height:16px;background:url('../images/jia.png') no-repeat center;background-size:100% 100%;min-width:16px;cursor:pointer;}
.subchannellist .item .ChannelName span.jian{background:url('../images/jian.png') no-repeat center;background-size:100% 100%;}
.subchannellist .current .ChannelName a::after{content:'';width:100%;height:1px;bottom:0;left:0;position:absolute;background:#080404;}
.subchannellist .item .ChannelName:hover a::after{content:'';width:100%;height:1px;bottom:0;left:0;position:absolute;background:#080404;}
.subchannellist #current { }

.subchannellist1{display:none;}
.subchannellist1 li{margin-top:20px;}
.subchannellist1 li a{color:#949494;  font-size:14px;display:block;}
.subchannellist1 li.current1 a{color:#080404;}
.subchannellist1 li:hover a{color:#080404;}

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 {padding: 15px 0; background:#fff;}
#link { padding:0;border: 1px solid #D6D6D6; }
.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 { 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; 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{ background-color: #293847;  color:#f0f0f0; }
#bottom{padding:40px 12.5% 60px 12.5%;}
.bottom_title{font-size:20px;color:#fff;text-transform:uppercase;}
.bottom_body{margin-top:40px;}
.bottom_body1{margin-top:40px;font-size:14px;color:#fff;}
.bottom_bottom1{margin-top:40px;}
.bottomlist{width:100%;}
.bottomlist li{padding:0 4%;}
.bottomlist li a{font-size:18px;color:#fff;display:block;font-weight:bold;}

#copyright_main { color:#fff; background-color: #293847;border-bottom:1px solid #fff;}
#copyright { padding:0px 12.5%; display:flex;justify-content:center;align-items:center; }
#copyright a {color: #f0f0f0; text-decoration: none;line-height:40px;font-weight:500;}
#copyright a:hover {color:#fff; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0}

.page {margin: 60px 0 0 0; float:right; clear:both;}
.page a, .page span { float:left; display:block; color:#A8A8A8;  margin-left:20px; line-height:24px;font-size: 14px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover {color:#000000;}
.page .current{color:#000;}
.page #total{color:#000;}
.page .pageinfo,.page .pagefirst,.page .pageend{display: none;}
.page .pageup{background:url(../images/prev1.png) no-repeat center;font-size:0;width:24px;height:24px;margin:0 20px 0 0;}
.page .pagedown{background:url(../images/next1.png) no-repeat center;font-size:0;width:24px;height:24px;margin:0  0 0 40px;}



.textlist{ }
.textlist li { line-height:28px; height:28px;text-indent:8px; background:url(../images/textlist.gif) no-repeat 0 center; overflow:hidden;width:100%;}
.textlist li a{  }
.textlist li .InfoTime{ float:right;}

.textlist1{ overflow: hidden;display: flex;justify-content: center;align-items: center;  }
.textlist1 li{ margin: 0 10px 10px;padding: 6px 22px;line-height: 26px; font-size: 16px; cursor: pointer; border-radius: 10px; color: #000;background-color: #FFFFFF;border: 1px solid #000;}
.textlist1 li.on{color: #FFFFFF;background-color: #0C5ADB;border: 1px solid #0C5ADB; }
.textlist1 li:hover{ color: #FFFFFF;background-color: #0C5ADB;border: 1px solid #0C5ADB; }

.thumblist{ }
.thumblist{display: grid;gap: 50px;}
.thumblist li{display: flex;justify-content: space-between;}
.thumblist li .info{width: 23.3%;}
.thumblist li .InfoPicture{position: relative;padding: 0 0 68.70% 0;width: 100%;overflow:hidden;}
.thumblist li .InfoPicture img {position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top:0;transition: all .3s;}
.thumblist li .wrap{width: 72.83%;}
.thumblist li .wrap .InfoTitle{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;line-height: 1.2;
  color: #222222;font-size: 18px;margin: 20px 0 30px 0;padding: 0;text-align: left;}
.thumblist li .wrap .InfoTime{margin-bottom: 20px;font-size: 14px; color: #666666;padding: 0;float:right;display:flex;align-items:center;}
.thumblist li .wrap .InfoTime img{display:block;width:14px;margin-right:6px;}
.thumblist li .wrap .InfoContent{margin-bottom: 20px;line-height: 24px;font-size: 14px; color: #C7C7C7 ;padding: 0;
   overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.thumblist li:hover img{transform: scale(1.05);}
.thumblist li:hover .InfoTitle{color: #c60c0e;}

.thumblist1{ overflow: hidden;grid-template-columns: repeat(4, calc((100% - 180px) / 4));display: grid;gap: 60px;}
.thumblist1 li{box-sizing: border-box;}
.thumblist1 li a{display:block;}
.thumblist1 li .InfoTitle{margin-top: 15px;line-height: 1.8;color:#333; text-align: center;font-size: 14px;}
.thumblist1 li .InfoPicture{padding-top: 100.00%;position: relative;}
.thumblist1 li .InfoPicture img{transition: all .3s ease-in-out;position: absolute;height: 100%;width: 100%;top: 0; left: 0;right: 0;bottom: 0;object-fit: cover;}
.thumblist1 li:hover img{transform: scale(1.05);}
.thumblist1 li:hover .InfoTitle{color: #c60c0e;}
.thumblist1 li .wrap{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,0.9);display:none;flex-flow: column;justify-content: center;padding:0 10%;box-sizing:border-box;transition: all .3s ease-in-out;}
.thumblist1 li .wrap .f1{margin:13% 0;}
.thumblist1 li .wrap p{line-height: 26px;font-size:14px;color:#333;text-align:left;}
.thumblist1 li .wrap span{line-height: 26px;font-size:14px;color:#333;display:block;text-align:left;}
.thumblist1 li:hover .wrap{display:flex;}

.thumblist2{overflow: hidden;grid-template-columns: repeat(3, calc((100% - 26px) / 3));display: grid;gap: 13px;}
.thumblist2 li {background: #fff;box-sizing: border-box;background-color: #EFEFEF;padding: 30px 25px;display: flex;flex-flow: column;align-items: flex-start;margin-right: 2%;}
.thumblist2 li .InfoTitle{width: 100%; font-size: 18px;margin-top: 20px;line-height: 1.4;text-align: left;padding: 0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #333;font-weight: bold;display: block;}
.thumblist2 li .InfoContent{font-size: 16px; margin-top: 30px; line-height: 22px; color: #7D7D7D;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;padding: 0;}
.thumblist2 li .InfoTime{display:block;height: 36px;line-heig.right_bodyht: 36px;padding: 0 38px; background-color: #C7C7C7; color: #333; border-radius: 18px;}
.thumblist2 li .more{font-size: 16px;margin-top: 35px;color: #222222;display: block;text-transform:uppercase;}
.thumblist2 li .InfoTitle:hover{color: #c60c0e;}
.thumblist2 li .more:hover{color: #c60c0e;}
.thumblist2 li:last-child{margin: 0;}

.productlist{overflow: hidden;grid-template-columns: repeat(1, calc((100%) / 1));display: grid;gap: 20px;}
.productlist li{padding:0 8%;background:#fff;}
.productlist li .InfoPicture{overflow:hidden;position:relative;width:38%;}
.productlist li .InfoPicture img{display:block;width:100%;transition:.2s ease 0s;}
.productlist li .wrap{padding:40px 0 0 10%;}
.productlist li .InfoTitle{font-size:24px;text-align:left;color:#080404;font-weight:bold;padding:0;border-bottom:1px solid #F1F1F1;margin-bottom:20px;padding-bottom:20px;}
.productlist li .InfoContent{font-size:14px;text-align:left;color:#949494;line-height: 30px;}



.gridlist{ overflow: hidden;grid-template-columns: repeat(3, calc((100% - 40px) / 3));display: grid;gap: 30px;}
.gridlist li {transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist li a {display:block;}
.gridlist li .InfoTitle{ text-align:center; padding:30px;background:#EFEFEF; font-weight:normal; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.gridlist li:hover .InfoTitle{ }

.gridlist1{ overflow: hidden;grid-template-columns: repeat(3, calc((100% - 72px) / 3));display: grid;gap: 36px;}
.gridlist1 li { transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist1 li a{display: block;position:relative;}
.gridlist1 li img{display:block;width:100%;}
.gridlist1 li .info{position:absolute;left:0;top:0;height:100%;width:100%;}
.gridlist1 li .ChannelName{display: block;font-size:40px;color:#fff;text-align:center;}
.gridlist1 li:hover img{transform: scale(1.1,1.1);}

.gridlist2{ overflow: hidden;grid-template-columns: repeat(3, calc((100% - 24px) / 3));display: grid;gap: 12px;}
.gridlist2 li{ float: right; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;position:relative;height:100%;}
.gridlist2 li a{height:100%;display:block;}
.gridlist2 li .InfoPicture{position: relative;overflow:hidden;background:#Fff;}
.gridlist2 li .InfoPicture img{width:100%;object-fit:cover;}
.gridlist2 li:hover img {transform: scale(1.1,1.1);}


.gridlist2_2{overflow: hidden;display: grid;gap: 24px;}
.gridlist2_2 li{ float: right; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;position:relative;}
.gridlist2_2 li a{display:block;}
.gridlist2_2 li .InfoPicture{position: relative;overflow:hidden;}
.gridlist2_2 li .InfoPicture img{width:100%;}
.gridlist2_2 li .wrap{position:absolute;left:0;top:0;width:100%;height:100%;padding:5.6%;box-sizing:border-box;transition:.2s ease 0s;}
.gridlist2_2 li .wrap .ChannelName{font-size:12px;color:#fff;font-weight:bold;}
.gridlist2_2 li .wrap .InfoTitle{font-size:24px;color:#fff;font-weight:bold;margin-top:4px;}
.gridlist2_2 li .wrap .InfoContent{line-height: 1.5;font-size: 16px;color:#fff;margin-top:20px;opacity:0;}
.gridlist2_2 li .wrap .more{margin-top:50px;font-size:18px;color:#fff;text-transform: uppercase;}
.gridlist2_2 li:hover img {transform: scale(1.1,1.1);}
.gridlist2_2 li:hover .wrap{background:rgba(0,0,0,0.7)}
.gridlist2_2 li:hover .InfoContent{opacity:1;}

.gridlist3{overflow: hidden;grid-template-columns: repeat(3, calc((100% ) / 3));display: grid;}
.gridlist3 li {width:100%;position:relative;}
.gridlist3 li img{display:block;width:100%;}
.gridlist3 li .wrap{position:absolute;left:0;top:0;width:100%;height:100%;padding:9.6%;box-sizing:border-box;transition:.2s ease 0s;overflow:hidden;display:none;pointer:cursor;}
.gridlist3 li .wrap .ChannelContent{line-height: 30px;font-size: 15px;color:#fff;}
.gridlist3 li .wrap .more{width: 134px;height: 40px;background: #E7161A;font-size:12px;color:#fff;text-transform: uppercase;}
.gridlist3 li:hover .wrap {display:flex;}

.channellist{overflow: hidden;grid-template-columns: repeat(4, calc((100% - 96px) / 4));display: grid;gap: 32px;}
.channellist li .InfoPicture{overflow:hidden;width:100%;background:#f9f9f9;}
.channellist li .InfoPicture img{width:100%;}
.channellist li .ChannelName{font-size:20px;margin-top:40px;padding:0 5px;text-align:center;}
.channellist li .more{width: 160px;height: 40px;border-radius: 0px 0px 0px 0px;background:#E7161A;color:#fff;margin:20px auto 0;font-size:14px;}
.channellist li .more img{margin-left:5px;width:30px;}
.channellist li .more:hover{}
/*.channellist li.n1 .more{background: #028F4C;}*/

.channellist.n2 li .more,.channellist.n4 li .more,.channellist.n6 li .more,.channellist.n8 li .more,.channellist.n10 li .more,.channellist.n12 li .more,.channellist.n14 li .more,.channellist.n16 li .more,.channellist.n18 li .more,.channellist.n20 li .more{background:#028F4C;}
/* .channellist li .more{*/
/*    background: #028F4C;*/
/*}*/
.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 { overflow:hidden;margin-bottom:120px;}
.channelalbumlist li .AlbumPicture{width:48%;}
.channelalbumlist li .AlbumPicture img{display:block;width:100%;}
.channelalbumlist li .wrap{width: 48%;box-sizing:border-box;}
.channelalbumlist li.m1 .wrap{padding-right:5.5%;}
.channelalbumlist li.m0 .wrap{padding-left:5.5%;}
.channelalbumlist li .wrap .AlbumTitle{font-size:30px;color:#080404;font-weight:bold;}
.channelalbumlist li .wrap .AlbumDescription{font-size:16px;color:#080404;line-height:20px;margin-top:20px;}

.inforelationlist{}
.inforelationlist li{margin-bottom: 20px;}
.inforelationlist li a{display: block;}
.inforelationlist li .InfoPicture{overflow: hidden;}
.inforelationlist li .InfoPicture img{display: block;width: 100%;transition: all .3s;}
.inforelationlist li .info{background: #fff;padding: 16px;}
.inforelationlist li .info .InfoTitle{font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;}
.inforelationlist li .info .InfoTime{font-size: 14px;color: #A8A8A8;margin-top: 16px;padding: 0;}
.inforelationlist li:hover .InfoPicture img{transform: scale(1.05);}

.inforelationlist1{}
.inforelationlist1 li{margin-bottom: 20px;}
.inforelationlist1 li a{display: block;}
.inforelationlist1 li .InfoPicture{overflow: hidden;}
.inforelationlist1 li .InfoPicture img{display: block;width: 100%;transition: all .3s;}
.inforelationlist1 li .info{background: #fff;padding: 16px;}
.inforelationlist1 li .info .InfoTitle{font-size: 18px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0;}
.inforelationlist1 li .info .InfoTime{font-size: 14px;color: #A8A8A8;margin-top: 16px;padding: 0;}
.inforelationlist1 li:hover .InfoPicture img{transform: scale(1.05);}

.infoalbumlist{overflow:hidden;}
.infoalbumlist li img{display:block;width:100%;}
.infoalbumlist li .AlbumTitle{font-size:14px;color:#333;margin-top:16px;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.sidebar{position: fixed;right: 20px;z-index: 9999;top:50%;transform:translate(0,-50%)}
.sidebar .item{width:50px;height:50px;border-radius: 50%;display: block;margin: 10px 0;position: relative;cursor: pointer;}
.sidebar .item a{display:block;width:100%;height:100%;}
.sidebar .skype{display: block;background:#5996ff url(../images/skype.png) no-repeat center;background-size: 30px;  }
.sidebar .whatsapp{display: block;background:#2dbe47 url(../images/whatsapp.png) no-repeat center;background-size: 30px; }
.sidebar .email{display: block;background:#f5b246 url(../images/email1.png) no-repeat center;background-size: 30px;}
.sidebar .gotop{display: block;background:#b0b0b0 url(../images/gotop.png) no-repeat center;background-size: 30px; }
.sidebar .info{position: absolute;background: #fff;padding: 10px;transform: translate(-100%,-50%);top:50%;display: none;white-space:nowrap;}
.sidebar .info img{width: 80px;display: block;max-width: 80px;}