@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:#000;	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:#626262; background: transparent;  outline:none}
a:visited { color:#aaa; }
a:focus { outline:none; }
a:hover{ color:#DC000C;}
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: #2b2b2b;  color: #fff; }
.btn:hover {  background-color: #000; color:#fff;}
.btn:active {  background: #000;  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: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; }  /*隐藏*/
.code_image{ cursor: pointer; padding-bottom:6px; } /*验证码图片样式*/

/*频道*/
/* .ChannelContent{ line-height:2.0em; font-size:14px; color: #6a6a6a; }
.ChannelSContent, .ChannelSContent p{ line-height:1.8em}
.ChannelContent a{ color: #ff9d02}
.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:center; vertical-align:middle; padding:5px 0px}
.InfoTitle h1{ font-size:28px; 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; padding:10px 0; color: #6a6a6a; }
.InfoSContent{ padding: 0 50px; }
.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:center; color:#A8A8A8; border:0px dashed #ccc; line-height:30px; margin-bottom:5px;font-size: 14px;display: flex;justify-content: center;align-items: center;}
.info_from_wrap a { color:#A8A8A8;font-size: 14px; }
.info_from_wrap span { color:#A8A8A8;font-size: 14px; display: flex;align-items: center;margin-right: 20px;}
.info_from_wrap a:hover { color:#DC000C; }
#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:#F0F0F0; padding:10px; border:1px solid #E3E3E3; color:#333; line-height:1.8em; }
.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;display: flex;justify-content: center;flex-flow: column; align-items: center;height: 60%;}
.left_title1 h2 { color: #fff; font-size:36px;font-weight: normal;padding: 7% 0 0 0;}
.left_title1 p { color: #fff; font-size:26px;margin-top: 2%; }
.left_title1 a{margin-top: 4.9%;color: #232323; font-size:16px;display: flex;justify-content: center;align-items: center;
  padding: 0 2.6%;display: flex;border: 1px solid #707070;background: #fff;border-radius: 26px;box-sizing: border-box;height: 9%;max-height: 50px;}
.left_body1 { zoom:1;height: 40%;padding: 0 4.2%;display: flex; justify-content: center;align-items: center;}
/* .left_body1 .ChannelContent{ margin: 0 30px; text-align: center; color: #888; font-size: 14px; }
.left_body1 .ChannelPicture{ float:left; overflow:hidden;}
.left_body1 .More{width: 130px; height: 40px; margin: 0 auto; text-align: center; border: 1px solid #ccc; line-height: 40px; margin-top: 40px; transition:0.5s; }
.left_body1 .More:hover{ background: #333; color: #FFF; }
.left_bottom1 { margin-bottom:0px;}
.left_bottom1 .more{ display: block; text-align: center; line-height: 150px; font-size: 28px; color: #FFF; font-weight: bold; background: #444; } */
/*样式2*/
.left_title2{ overflow: hidden;  }
.left_title2 .ChannelName{color: #232323;font-size: 36px;font-weight: bold;}
.left_title2 .ChannelSContent{color: #A8A8A8;font-size: 18px;height: auto;margin-top: 6px;}
.left_title2 .line{width: 106px;height: 4px;background-color: #DC000C;margin: 30px 0;}
.left_title2 .ChannelContent{color: #232323;font-size: 16px;line-height: 36px;}
.left_title2 a{width: 135px; height: 32px; background: #fff;border-radius: 16px;display: flex;justify-content: center;align-items: center;color: #232323;font-size: 14px;margin-top: 14%;}
.left_title2 a img{display: block;width: 8px;margin-left: 16px;}

.left_body3{width: 100%;}
.left_body3 .swiper-wrapper{display: block;}
.left_title3{width: 100%;}
.left_bottom3{width: 100%;margin-top: 29%;max-width: 240px;height: 6.4%;}
.left_bottom3 a{display: block; background: #DC000C;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #fff;height: 100%;}
.left_bottom3 a img{width: 26%;display: block;margin-left: 4%;}
/*主体右侧*/
/*样式1*/
.right_title {}
.right_title{color:#232323;font-size: 32px;text-align: center;margin-bottom: 3.5%;font-weight: bold;padding-bottom: 6px;}
.right_title h2 { font-size:26px; font-weight:normal; text-align:center; padding:15px 0; color:#333;position: relative;display: inline;}
.right_title h2::after{content: '';position: absolute;bottom:-9px;left:50%;height: 5px;width:50%;background: #DC000C;transform: translate(-50%,0);border-radius: 10px;}
.right_title h2 img{ margin:0 10px; display: none; }
.right_body { padding:5px 0px; overflow:hidden; zoom:1;  border-top:0; border-bottom:0 }
.right_bottom {}

.page_title{color:#232323;font-size: 32px;text-align: center;margin-bottom: 3.5%;padding-bottom: 6px;position: relative;}
.page_title h2{position: relative;display: inline;}
.page_title h2::after{content: '';position: absolute;bottom:-20px;left:50%;height: 5px;width:50%;background: #DC000C;transform: translate(-50%,0);border-radius: 10px;}
.page_bodys{overflow: hidden;}

.page_bottom1{position: relative;display: flex;justify-content: center;align-items: center;}
.page_bottom1 .swiper-button-next,.page_bottom1  .swiper-button-prev{position: relative;left:0;top:0;background: none;width: 60px;height:60px;border: none!important;cursor: pointer;display: block;line-height: normal;margin:0;}
.page_bottom1 .swiper-button-next::after{display: none;}
.page_bottom1 .swiper-button-prev::after{display: none;}
.page_bottom1 .swiper-button-next{margin-left: 9%;}
.page_bottom1 .swiper-button-next img,.page_bottom1  .swiper-button-prev img{display: block;width: 100%;}
.page_body1{padding:0 0 4% 0;overflow: hidden;}
.page_content3{width:70%;font-size: 18px;color: #232323;margin: 0 auto 5%;text-align: center;line-height: 1.5;}
.page_body3{overflow: hidden;}
.page_bottom3{position: relative;padding-top: 6%;display: flex;justify-content: center;align-items: center;}
.page_bottom3 .swiper-button-next,.page_bottom3  .swiper-button-prev{position: relative;left:0;top:0;background: none;width: 60px;height:60px;border: none!important;cursor: pointer;display: block;line-height: normal;margin:0;}
.page_bottom3 .swiper-button-next::after{display: none;}
.page_bottom3 .swiper-button-prev::after{display: none;}
.page_bottom3 .swiper-button-next{margin-left: 9%;}
.page_bottom3 .swiper-button-next img,.page_bottom3  .swiper-button-prev img{display: block;width: 100%;}
.page1_title1{color:#232323;font-size: 32px;text-align: center;margin-bottom: 3.5%;padding-bottom: 6px;}
.page1_title1 h2{position: relative;display: inline;font-size: 38px;}
.page1_title1 h2::after{content: '';position: absolute;bottom:-20px;left:50%;height: 5px;width:50%;background: #DC000C;transform: translate(-50%,0);border-radius: 10px;}
.page1_content{display: flex;align-items: center;justify-content: center;flex-flow: column;}
.page1_content span{font-size: 28px;color: #232323;}
.page1_content p{font-size: 24px;color: #232323;line-height: 40px;margin: 2% 0 10% 0;width: 70%;text-align: center;}

.article_title{ height: 49px; background: #DC000C;font-size: 18px;color: #fff;margin:20px 0;display: flex;align-items: center;justify-content: center;padding: 0 6%;}
.article_body{padding: 0 16px;}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型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{ margin:0 auto; }
#top, #logo, #banner, #announcement, #link, #copyright,#bottom,#floor_1,#floor_3,#floor_4,#floor_5,#floor_6,#page_1_main,#page_2_main,#page_3_main,#page_4_main{width: 100%;max-width: 1920px;  margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left;  border-left:0px solid #E5E5E5; }
#article_main{padding:0px 18.9%;}
/*===首页 开始===*/
#floor_1_main{ overflow:hidden; height: 100%;padding-top: 80px;box-sizing: border-box;}
#floor_1{ display: flex;flex-flow: column;justify-content: center;height: 100%;background:url(../images/floor1.jpg) no-repeat;background-size: 100% 100%;}
/* #floor_2_main{ overflow:hidden; background:url(../images/floor2.png) no-repeat;background-size: 100% 100%;height: 100%;} */
#floor_2_main{background: #fff;height: 100%;overflow:hidden;padding-top: 80px;box-sizing: border-box;}
#floor_2{display: flex;height: 100%;align-items: center;}
/* #floor_2_1{width:50%;height: 62%;} */
#floor_2_1{width:100%;height: 100%;box-sizing: border-box;}
#floor_2_1 video{height: 100%;width: 100%;background: #000;}
#floor_2_2{ width:50%;padding-left: 3.6%;padding-right: 13.5%;box-sizing: border-box;display: none;}
#floor_3_main{ position: relative;overflow: hidden; background: #fff; height: 100%;display: flex;align-items: center;justify-content: center;padding: 0 4%;}
#floor_3{ position: relative; z-index: 1;max-width: 1600px;height:60.4%;overflow: visible;}
#floor_4_main{ overflow:hidden; background:url(../images/floor4.jpg) no-repeat;background-size: 100% 100%;height: 100%;}
#floor_4{display: flex;height: 100%;align-items: center;justify-content: space-between;padding: 0 9.9%;box-sizing: border-box; }
#floor_4_1{width: 17%;height: 100%;display: flex;justify-content: center;flex-flow: column;}
#floor_4_2{width: 79.2%;height: 100%;display: flex;justify-content: center;align-items: center;}

#guestbool_0_main{padding: 3.2% 19%;box-sizing: border-box;}
#guestbool_0{width: 100%;box-sizing: border-box;}
#guestbool_1_main{padding: 3.2% 19%;box-sizing: border-box;}
#guestbool_1{width: 100%;box-sizing: border-box;}


.page_1_main{padding:3.2% 0 4.2% 0 ;}
.page_1{max-width: 1000px;padding: 0 23.7%;margin: 0 auto;}
.page_1 img{width: 140px;display: block;margin:0% auto;}
.page_1 .ChannelContent{font-size: 18px;color: #232323;margin-top: 4%;line-height:40px;}

.page_2_main{padding:2.2% 0 ;background-color: #F6F6F6;}
.page_2{padding:0 18.9%;margin: 0 auto;}

.page_3_main{padding:2.2% 0 ;background-color: #fff;}
.page_3{padding:0 6.9%;margin: 0 auto;}

.page_4_main{padding:5.2% 0 ;background-color: #fff;}
.page_4{padding:0 20.5%;margin: 0 auto;}

.page_5_main{padding:4.2% 0;background:url(../images/page5.png) no-repeat;background-size: 100% 100%;height: 100%;}
.page_5{padding:0 19.5%;margin: 0 auto;}

.singlepage{background: #E0E7F1;}
.page1_1_main{padding:3% 0;}
.page1_1{}

.page1_2_main{padding:3% 18%;}
.page1_2{}
.page1_2 .wrap{position: relative;padding:0 0 2% 0;display: flex;justify-content: flex-end;align-items: center;}

.page1_2 .swiper-button-next,.page1_2  .swiper-button-prev{position: relative;left:0;top:0;background: none;width: 60px;height:60px;border: none!important;cursor: pointer;display: block;line-height: normal;margin:0;}
.page1_2 .swiper-button-next::after{display: none;}
.page1_2 .swiper-button-prev::after{display: none;}
.page1_2 .swiper-button-next{margin-left: 3%;background: url(../images/next.png) no-repeat center;}
.page1_2 .swiper-button-next:hover{background: url(../images/next3.png) no-repeat center;}
.page1_2 .swiper-button-prev{margin-left: 3%;background: url(../images/prev.png) no-repeat center;}
.page1_2 .swiper-button-prev:hover{background: url(../images/prev3.png) no-repeat center;}
.page1_2 .swiper-button-next img,.page1_2  .swiper-button-prev img{display: block;width: 100%;}
.page1_3_main{padding:3% 20%;}
.page1_3{}

.page1_4_main{padding:3% 19%;}
.page1_4{}

.product_1_main{padding:3% 18.9% 0% 18.9%;margin: 0 auto;}
.product_1_main video{width: 100%;height: 100%;object-fit: cover;}
.product_1_main p{color: #232323;font-size: 18px;margin-top: 2%;text-align: center;}
.product_2_main{padding:3% 18.9% 0 18.9%;margin: 0 auto;}

.showarticle_main{padding: 3.2% 18.9% ;}
.showarticle{display: flex;justify-content: space-between;align-items: flex-start;}
.showarticle_1{width: 67%;}
.showarticle_1 .InfoTitle{}
.showarticle_1 .InfoTitle h1{color: #232323;font-size: 36px;}
.showarticle_1 .InfoContent img{max-width: 100%;height:auto !important;}
.showarticle_2{width: 29%;background: #F2F2F2;display: flex; flex-flow: column; align-items: flex-start;}

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:100%;  }
table.guestbook_table tr{ width:32%;display: block;float: left;margin:30px 2% 0 0 ;}
table.guestbook_table tr.n2{margin:30px 0px 0 0 ;}
table.guestbook_table tr.n3{width: 100%;}
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left;width: 100%;display: block;}
table.guestbook_table td input{background: #F6F6F6;height: 72px;width: 100%;margin: 0;padding: 0 14px;border: none;box-sizing: border-box;}
table.guestbook_table td input:hover{border: none;background: #F6F6F6;height: 72px;line-height: 72px;padding: 0 14px;}
table.guestbook_table tr.n3 textarea{background: #F6F6F6;width: 100%;margin: 0;padding: 0 14px;border: none;box-sizing: border-box;height: 180px;padding: 24px 12px;}
table.guestbook_table .operation{ text-align:center }
table.guestbook_table tr.Submit{width: 100%;}
table.guestbook_table tr.Submit{background: transparent;}
table.guestbook_table tr.Submit td input{background: transparent;width: 20%;}

table.guestbook_table tr.Submit .form_button {background: #232323;}
table.guestbook_table tr.Submit .form_button:hover{background: #DC000C;}
/*管理员回复*/
.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{ }
.message_title h2{color: #232323;font-size: 30px;font-weight: normal;}
.message_title p{color: #A8A8A8;font-size: 18px;margin-top: 18px;}
.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:#fff; border-bottom:0px solid #ddd; position: relative; z-index: 999; }
#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: #fff; position: fixed; top: 0; left: 0; right: 0;  z-index: 99; -webkit-transition: .5s; transition: .5s; height: 80px;width: 100%;}
#logo { padding: 0 4.2%;display: flex;justify-content: space-between;box-sizing: border-box;overflow: visible; height:100%;}
/* #logo:after{ content: ""; display: block; height: 0; clear: both; } */
#logo .WebLogo{ display: flex;width: 20%;padding: 5px 0 0 0;}
#logo .WebLogo img{  display:block;height: 48px;}
/* #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: #ff7e46;} */
#navigation {  width: 60%; height: 80px; }
#navigation ul.navigationlist li { float:left; position: relative; text-align:center;  height: 80px; line-height: 80px;width: 16.66%; }
#navigation ul.navigationlist li a { position: relative; display: inline-block;  height: 80px; line-height: 80px; font-size:18px; font-weight:normal; color:#232323; border:0px dashed red; transition-duration: .2s; -webkit-transition-duration: .2s; }
/* #navigation ul.navigationlist li a:after { content: ""; display: block; width: 0; height: 1px; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; background: #FFF; transition-duration: .5s; } */
#navigation ul.navigationlist li a:hover{ color: #DC000C; }
#navigation ul.navigationlist .current:after{ width: 40px; }
#navigation ul.navigationlist .current{color: #DC000C;}
#navigation ul.subnavigationlist1 li{border: none;}
/* #navigation ul.subnavigationlist1 li{} */
/*导航栏下拉*/

.subnavmain{display:none; position:fixed; width: 100%; left: 0; top: 80px; background:#F6F6F6; z-index:100; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); box-sizing: border-box;padding: 0 4.2%;}
.subnav{display: flex;padding: 1.2% 0;width: 60%;margin:0 auto;}
/* .subnavmain{padding: 0 16%;} */
.subnavmain_1{width:16.66%;position:relative}
.subnavmain_1 img{width: 100%;display: block; position: absolute; left: -50%; top: 50%; transform: translate(0,-50%);}
.subnavmain_2{width: 83.34%;}
#navigation  ul.subnavigationlist{display: flex;border-left: 1px solid #eee; }
#navigation  ul.subnavigationlist li {  float:none; padding:0px; display:inline;width:20%; border-left: 1px solid #DBDBDB;box-sizing: border-box;}
#navigation  ul.subnavigationlist li a{ display:block;  font-weight:normal; color:#A8A8A8;  font-size:16px; padding:0;  margin: 0; text-align:center; margin-bottom: 10px;}
#navigation  ul.subnavigationlist li a:hover{color: #DC000C;}
#navigation .subnavigationlist ul.subnavigationlist1 li{margin:0;border: none;width: 100%;padding:0 5px;box-sizing: border-box;display: block;}
/* 当页面下拉时导航栏的变化 */
.logo_main_leaveTop{ padding-top: 0 !important; background: #444 !important; box-shadow: 0 2px 4px 0 rgba(0,0,0,.1); }

.logo_right{display: flex;align-items: center;width: 20%;justify-content: flex-end;}
.logo_right img{width:24px;display: block;cursor: pointer;}
.logo_right .search{display: flex;align-items: center;position: relative;height: 100%;margin-right: 40px;}
.logo_right .search_1{cursor: pointer;}
.logo_right .search_2{position: absolute;right: 0%;bottom: -10px;transform: translate(0%,100%);padding: 5px;background: #fff;display: block;width:200px;
  display: none;border-radius: 6px;box-shadow: 0 0 5px #e8e8e8;border:6px solid transparent;}
.logo_right .search_2::after{content: '';position: absolute;top: -12px;right: 14px;border: 6px solid transparent; border-bottom-color: transparent; border-bottom-color: #fff;}
.logo_right .search_2 form{display: flex;align-items: center;}
.logo_right .search_2 form .btn-keywords{background: none;border: none;margin:0;padding: 0;outline: none;}
.logo_right .search_2 form .btn-img{background: url(../images/search.png) no-repeat center; width:20px;height:20px;border: none;display: block;background-size: 100% 100%;}

.logo_right .language{display: flex;align-items: center;position: relative;height: 100%;}
.logo_right .language_1{cursor: pointer;}
.logo_right .language_2{position: absolute;left: 50%;bottom: 0;transform: translate(-50%,100%);padding: 10px;background: #fff;width: 90px;display: none;}
.logo_right .language_2 a{display: block;text-align: center;line-height: 30px;}
/*公告*/
#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;height: 100%;overflow: hidden;padding-top: 80px;box-sizing: border-box;}
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%;height: 100%;}
#banner img{width: 100%;}
.bannerlist{}
.bannerlist li{ position: relative; text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block;width: 100%;height: 100%; object-fit: cover;}
/* .bannerlist li a.BannerText{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.bannerlist li a.BannerName{ top: 45%; font-size: 26px; color: #FFF; }
.bannerlist li a.BannerDescription{ top: 55%; font-size: 18px; color: #FFF; } */
#banner_main .hd{ width:100%; position:relative; bottom:35px; left:0; height:0px; 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:#2b2b2b; }

/*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{width: 100%;background: #F6F6F6;height: 64px;padding: 0px 18.9%;box-sizing: border-box;}
#subchannel{ display: flex;justify-content: start;padding: 0 40px; position: relative;}

#subchannel .swiper-button-next,#subchannel .swiper-button-prev{background: none;top:0; width: 30px;height:100%;border: none!important;cursor: pointer;display: flex;justify-content: center;align-items: center;line-height: normal;margin:0;}
#subchannel .swiper-button-next::after{display: none;}
#subchannel .swiper-button-prev::after{display: none;}
#subchannel .swiper-button-next{right:0;}
#subchannel .swiper-button-prev{left:0;}
#subchannel .swiper-button-next img,.subchannel  .swiper-button-prev img{display: block;width: 100%;}

.subchannel_wrap{display: flex;justify-content: start;overflow: hidden;}
.subchannellist { text-align:center;height: 100%; display: flex;}
.subchannellist li { display:flex;justify-content: center;align-items: center;background: #fff;}
.subchannellist li a { position: relative;  color:#232323; font-size: 18px;height: 100%;width: 100%;height: 64px;display: flex;justify-content: center; align-items: center;}
.subchannellist li span{ position: relative;  color:#232323; font-size: 18px;height: 100%;width: 100%;height: 64px;display: flex;justify-content: center; align-items: center;cursor: pointer;}
/* .subchannellist li a:after{ content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; width: 0; height: 1px; background: #666; transition-duration: .5s; } */
.subchannellist li:hover{background: #DC000C; color: #fff;}
.subchannellist li:hover a{color: #fff;}
.subchannellist li:hover span{color: #fff;}
.subchannellist #current{ background: #DC000C; color: #fff; }
.subchannellist #current a{color: #fff;}
.subchannellist #current span{color: #fff;}
.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}

.subchannellist1 li{padding: 0 20px;}
/*搜索 */
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{  color: #444; padding: 0 0 0 20%;border-left: 1px solid #A8A8A8;display: flex;flex-flow: column;justify-content: space-between;align-items: flex-start;}
.contact_wrap .title{}
.contact_wrap .title h2{color: #fff;font-size: 16px;}
.contact_wrap .title p{color: #fff;font-size: 20px;margin-top: 9px;}
/* .contact_wrap .body {margin-top: 20px;} */
.contact_wrap .body img{width: 140px;display: block;}
.contact_wrap .body p{text-align: left;margin-top: 10px;font-size: 16px;color: #fff;font-weight: bold;width: 140px;text-align: center;}
.contact_wrap .bottom{margin-top: 20px;}
.contact_wrap .bottom p{font-size: 16px;color: #ccc;text-align: center;display: flex;align-items: center;}
.contact_wrap .bottom img{display: block;margin-right: 5px;}
/*公共百度地图*/
#Map{ overflow:hidden; width:100%;}
#Map .MapInfo{ }
#Map .MapInfo #MapContainer{ width:100%; height:520px; }
#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;}
#Map img{width: 100%;}
/*订购*/
.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; display: none; }
#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: #f3f3f3; padding: 40px 0; color:#696969; }
#bottom{}
#bottom_1{float: left;width: 66%;}
.bottom_navigation {  overflow: hidden;  float: left; width: 100%;}
.bottom_navigation li {  float: left;  width: 18%; overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 24px; color: #DC000C; font-weight: bold; }
.bottom_navigation li a:hover {  color:#DC000C;}
.bottom_navigation .subnavigationlist1 li {  float: none;  padding: 0;  line-height: normal;  display: block; margin-bottom: 10px;width: 100%; }
.bottom_navigation .subnavigationlist1 li a { color: rgba(255,255,255,0.8);  display: block;  line-height: normal;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 16px;  text-align: left;  }
.bottom_navigation .subnavigationlist1 li a:hover{color:#DC000C;}
/* #bottom_2{float: right;width: 34%;} */
#bottom_2 .WeChat img {  float: left;  width: 102px;  padding: 20px 30px 0 0;  }
#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 {  padding-top: 30px;  }

/* 版权信息 */

#copyright_main {background: #000;max-height: 420px;}
#copyright {display: flex;max-height: 420px;}
#copyright_1{width: 91.7%;padding:2.6% 0 0 0;box-sizing: border-box;}

.fp-section{}
.section #copyright_main {background: #000;height: 100%;max-height: 420px;}
.section #copyright {display: flex;height: 100%;max-height: 420px;}
.section #copyright_1{width: 91.7%;padding:2.6% 0 0 0;box-sizing: border-box;}


#bottom{display: flex;align-items: center;}
#bottom1{height:83.6%;padding: 0 0 0 9.9%;display: flex;justify-content: space-between;}
#bottom_1{width:60%;height: 100%;box-sizing: border-box;}
#bottom_2{width:40%;}
#bottom2{height:16.4%;display: flex;align-items: center;justify-content: flex-start;border-top: 1px solid #A8A8A8;box-sizing: border-box;padding: 0 0 0 9.9%;}
#bottom2 span{color: #fff;font-size: 14px;}
#bottom2 a{color: #fff;font-size: 14px;}
#copyright_2{width: 8.3%;height: 100%;background: #DC000C;display: flex;justify-content: center;align-items: center;color: #FFFFFF;font-size: 18px;writing-mode: vertical-rl;}
#copyright_2 img{margin-bottom: 2%;display: block;width: 15%;cursor: pointer;}
/* #copyright a {color: #999; text-decoration: none;}
#copyright a:hover {color:#666; text-decoration: none;}
#copyright .bottom_info{ text-align:center;padding-top:5px; padding-right:10px; line-height:20px; }
#copyright .TechnicalSupport{ float:right; margin:0} */
.bottom_title{margin-bottom: 2.7%;}
#bottom_2 .bottom_title img{visibility: hidden;}
.bottom_body{height: 80%;}
/*分页样式*/
.page { padding: 10px 0px 0px 1px; float:right; clear:both;}
.page a, .page span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:22px; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover { background:#2b2b2b; color:#FFF; }
.page .current{ background:#2b2b2b; color:#FFF;}
.page #total{color:red}

/*会员*/
/*会员登录*/
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 .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{}
.textlist1 li{ color: #232323;font-size: 44px;margin-bottom: 9%;min-width: 180px;}
.textlist1 li:last-child{margin: 0;}
.textlist1 li.on{color: #DC000C;}
/*带缩略图文字列表*/
.thumblist{ }
.thumblist li{ overflow:hidden;padding: 2.2% 0;display:flex;justify-content:space-between;align-items: center;border-top: 1px solid #eee; }
.thumblist li:first-child{ border: 0; }
.thumblist li .InfoPicture{ position: relative; float:left; width: 22%;  text-align: center; }
.thumblist li .InfoPicture img{ width: 100%;object-fit: cover;-webkit-transition-duration:.5s; transition-duration: .5s; }
.thumblist li .info_wrap{ position: relative; float: right; width: 71%;    }
.thumblist li .InfoTitle{ display:block; font-size:24px; padding: 0 0 20px 0; color:#232323; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.thumblist li p{ font-size:18px; color:#A8A8A8; line-height: 40px;height: 80px;overflow: hidden; }
.thumblist li .InfoTime{float: right; font-size: 14px; color:#c8c8c8;display: flex;align-items: center; }
.thumblist li .InfoTime img{width: 14px;height: 14px;display: block;margin-right: 6px;}
.thumblist li .more{ position: absolute; width: 120px; height: 35px; line-height: 35px; text-align: center; right: 0; top: 0; bottom: 0; margin: auto; border-left: 1px solid #bcbcbc; color: #bcbcbc; font-size: 16px; }
.thumblist li:hover .InfoPicture img{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
/*带缩略图文字列表2*/
.thumblist2{ overflow: hidden; padding: 5px; }
.thumblist2 li{ float: left; margin-right: 15px; width: 386px; }
.thumblist2 li.n3{ margin: 0; }
.thumblist2 li a{ display: block; position: relative; transition-duration: .5s; }
.thumblist2 li a .InfoWrap{ padding: 0 10px 10px; }
.thumblist2 li a .InfoWrap span{ font-size: 17px; color: #575757; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding: 22px 0 13px 0; -webkit-transition-duration: .5s; transition-duration: .5s; }
.thumblist2 li a .InfoWrap p{ font-style: 13px; color: #999; line-height: 1.7em; -webkit-transition-duration: .5s; transition-duration: .5s; }
.thumblist2 li a .InfoPicture{  }
.thumblist2 li img{ display: block; width: 100%; }
.thumblist2 li a:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.1) }

/*橱窗列表*/
.gridlist{ margin-top:5px; }
.gridlist:after{ content:""; display: block; height: 0; clear:both; }
.gridlist li { float:left; width: 25%; }
.gridlist li a { display: block; padding: 10px; -webkit-transition-duration: .5s; transition-duration: .5s; }
.gridlist li .InfoPicture{ background: #eee; }
.gridlist li img { display: block; width: 100%; }
.gridlist li .InfoTitle{ text-align:center; padding: 10px; font-weight:normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gridlist li a:hover{ transform: translateY(-5px); box-shadow: 0 0 4px 0 rgba(0,0,0,.2); }

/*橱窗列表1*/
.gridlist1 {}
.gridlist1 li { float:left; width:33.33%; transition-duration: .5s; overflow:hidden;position: relative; }
.gridlist1 a{ display: block; position: relative; overflow: hidden; transition-duration: .5s; }
.gridlist1 .f4{ display: block; width: 100%; transition-duration: .5s; }
.gridlist1 .f4 img { display:block; min-width:100%; height:100%; transition-duration: .5s;width: 100%; }
.gridlist1 .info{ position: absolute; left: 0; top: 0; width:100%; height:100%; text-align: center; color: #FFF;  transition-duration: .5s; background: rgba(0,0,0,.1);display: flex;align-items: center;justify-content: center;flex-flow: column;}
.gridlist1 .info .ChannelIcon{width: 48px;}
.gridlist1 .info .ChannelIcon img{width: 100%;display: block;}
.gridlist1 .info .ChannelName{ width:100%; font-size:32px; color:#fff; margin:0;  transition-duration: .5s; position:relative;margin-top: 8.5%; }
.gridlist1 .info .line { width:1px; height:0; margin:0 auto; background:#fff; transition-duration: .5s; }
.gridlist1 .info .more{width: 151px; height: 0;line-height: 48px; border-radius: 2px 2px 2px 2px;  border: 0px solid #FFFFFF; color: #fff;font-size: 14px;box-sizing: border-box;transition-duration: .5s;}
.gridlist1:hover li{ width:32.5%; }
.gridlist1 li:hover { width:35%; }
.gridlist1 li:hover .line{ height:16%;margin: 4% 0 6% 0;}
.gridlist1 li:hover .more{height: 48px;border: 1px solid #FFFFFF;}
.gridlist1 li .more:hover{background: #fff;color: #000;}
/*橱窗列表2*/
.gridlist2{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;}
.gridlist2 li { width:48.8%; position: relative; text-align: center; margin-bottom: 2%;background: #fff;}
.gridlist2 li a{display: flex;align-items: center;height: 100%;box-sizing: border-box;padding: 7.6% 10.2%;}
.gridlist2 li .tiemInfo{height: 100%;border-bottom: 1px solid #A8A8A8;padding-bottom: 7.6%;box-sizing: border-box;margin-right: 10.5%;min-width: 90px;}
.gridlist2 li .tiemInfo .day{font-size: 34px;color: #232323;}
.gridlist2 li .tiemInfo .year{font-size: 16px;color: #A8A8A8;text-align: left;}
.gridlist2 li .InfoTitle{font-size: 18px;color: #232323;height: 100%;text-align: left;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.gridlist2 li.n1{}
.gridlist2 li:hover{background: url(../images/grildlist2.png) no-repeat center;background-size: 100% 100%;}
.gridlist2 li:hover .tiemInfo{border-bottom: 1px solid #fff;}
.gridlist2 li:hover .tiemInfo .day{color:#fff;}
.gridlist2 li:hover .tiemInfo .year{color:#fff;}
.gridlist2 li:hover .InfoTitle{color:#fff;}
/*视频列表*/
.videolist{ margin-top:5px; }
.videolist li { float:left; width: 25%; margin-bottom:10px; 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:100%;}
.videolist li a{ display:block; position:relative; padding: 5px; }
.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;}

/*产品列表*/
.productlist li{ float: left; width: 32%;margin-right: 2%;margin-bottom: 3.3%; overflow: hidden; position: relative; display: flex;-webkit-transition-duration:.5s; transition-duration: .5s; flex-flow: column;align-items: self-start;}
.productlist li a{ }
.productlist li .InfoPicture{overflow: hidden;}
.productlist li .ChannelName{display: flex;margin: 20px 0 16px 0;border-radius: 15px;height: 30px;background: #DC000C;color: #FFF;font-size: 16px;padding:0 15px;justify-content: center;align-items: center;}
.productlist li .InfoTitle{color: #232323;font-size: 14px;text-align: left;}
.productlist li img{ -webkit-transition-duration:.5s; transition-duration: .5s; }
.productlist li:hover img{ -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
.productlist li:nth-child(3n){margin-right: 0;}
.productlist li .swipermain{height: 0;}
/*频道相册列表*/
.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-around;width: 100%; }
.channelalbumlist1 li {flex:1;border-right: 1px solid #fff;}
.channelalbumlist1 li .AlbumTitle { font-size:60px;text-align: center; color: #fff;font-weight: bold;margin-top: 10px; }
.channelalbumlist1 li .AlbumDescription{ font-size:20px;text-align: center; color: #fff; margin-top: 10px; }
.channelalbumlist1 li:last-child{border: 0;}
/*频道相册列表1*/
.channelalbumlist2{ overflow:hidden; }
.channelalbumlist2 li { float:left;}
.channelalbumlist2 li img{ width: 120px; display: block;  filter: grayscale(1); -webkit-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
 .channelalbumlist2 li img:hover {  filter: grayscale(0); -webkit-filter: grayscale(0); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); }

 .page3_wrap{}
 .page3_wrap .swiper-slide{transform: scale(0.8) !important;}
 .page3_wrap .swiper-slide.swiper-slide-active{transform: scale(1) !important;}
 .page3_wrap .swiper-slide img{display: block;width: 100%;}

 .pagelist{}
 .pagelist li{width: 100%;}
 .pagelist li img{width: 100%;display: block;}

 .pagelist1{display: flex;justify-content: center;}
 .pagelist1 li{font-size: 32px;color:#232323;margin-right: 6%;padding-bottom: 1.7%;}
 .pagelist1 li.on{background: url(../images/pagetitle2.png) no-repeat center bottom;font-weight: bold;padding-bottom: 6px;}
 .pagelist1 li:last-child{margin:0;}

 .pagelist2{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
 .pagelist2 li{width: 32%;position: relative;margin-top: 2%;}
 .pagelist2 li img{width: 100%;display: block;}
 .pagelist2 li .info{position:absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column;}
 .pagelist2 li .info span{font-size: 26px;color:#232323;}
 .pagelist2 li .info p{font-size: 18px;color:#232323;line-height: normal;margin-top:6%;padding: 0 10px;text-align: center;}

 .pagelist3{}
 .pagelist3 li{padding-top: 1%;border-top: 3px solid transparent;}
 .pagelist3 li.swiper-slide-active{border-top: 3px solid #DC000C;}
 .pagelist3 li .info{}
 .pagelist3 li .info span{font-size: 22px;color:#232323;display: block;margin-top: 16px;font-weight: bold;}
 .pagelist3 li .info p{font-size: 16px;color:#A8A8A8;line-height: normal;display: block;margin-top: 20px;}
 .pagelist3 li img{width: 100%;display: block;}

 .page1list1{}
 .page1list1 li{width: 100%;}
 .page1list1 li img{width: 100%;display: block;}

 .page1list2{}
 .page1list2 li{width: 100%;transform: scale(0.8) !important;}
 .page1list2 li.swiper-slide-active{transform: scale(1) !important;}
 .page1list2 li img{width: 100%;display: block;}

 .page1list3{flex-direction: row !important;}
 .page1list3 li{width: 16%;padding: 1%;box-sizing: border-box;border: 4px solid #FFF;border-radius: 16px;margin-top: 0 !important;margin-bottom: 30px;}
 .page1list3 li img{width: 100%;display: block;}

 .page1list4{display: flex;justify-content: space-between;align-items: flex-start;}
 .page1list4 li{width: 16.66%;display: flex;justify-content: center;align-items: center;flex-flow: column;}
 .page1list4 li img{width: 70%;display: block;max-width: 158px;}
 .page1list4 li p{font-size: 18px;color:#DC000C;margin-top: 10px;word-wrap: break-word;width: 84%;max-width: 100px;text-align: center;}

 .page1list5{}
 .page1list5 li{width: 20%;float: left;margin-top:5%;}
 .page1list5 li img{width: 100%;display: block;max-width: 150px;margin: 0 auto;}
 .page1list5 li.mod0{margin-top:0;}

 .articlelist{}
 .articlelist li{width: 100%;margin-bottom: 20px;}
 .articlelist li .info{background: #fff;padding:0 10px;}
 .articlelist li .info .InfoTitle{padding: 16px 0;font-size: 18px;color: #232323;text-align: left;}
 .articlelist li .info .InfoTime{font-size: 14px;color: #A8A8A8;padding:0 0 20px 0;height:auto;}
 
 .productlist .info{display: none;}
 .productlist1{}
 .productlist1 li{width: 100%;}
 .productlist1 li img{width: 100%;height: 100%;display: block;}
 .productlist1 .Albumwrap{position: absolute;background: rgba(0,0,0,0.7);width: 100%;bottom: 0;height: 50px;line-height: 50px;font-size: 16px;z-index: 999;text-align: center;color: #fff;padding: 0 10px;box-sizing: border-box;
  text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
 .productlist2{}
 .productlist2 li{width:100%;position: relative;display: flex;align-items: center;}
 .productlist2 li img{width: 100%;display: block;}
 .productlist2 li.swiper-slide-thumb-active::after{width: 100%;height: 100%;position: absolute;background: rgba(0, 0, 0, 0.3);top: 0;left:0;content: '';}

 .productlist3 li{ float: left; width: 32%;margin-right: 2%;margin-bottom: 3.3%; overflow: hidden; position: relative; display: flex;-webkit-transition-duration:.5s; transition-duration: .5s; flex-flow: column;align-items: self-start;}
 .productlist3 li a{ }
 .productlist3 li .InfoPicture{overflow: hidden;position: relative;padding: 0 0 50% 0;width:100%;}
 .productlist3 li .InfoPicture img{position: absolute;left:0;top: 0;width: 100%;height: 100%;object-fit: cover;}
 .productlist3 li .ChannelName{display: flex;margin: 20px 0 16px 0;border-radius: 15px;height: 30px;background: #DC000C;color: #FFF;font-size: 14px;padding:0 15px;justify-content: center;align-items: center;}
 .productlist3 li .InfoTitle{color: #232323;font-size: 16px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
 .productlist3 li img{ -webkit-transition-duration:.5s; transition-duration: .5s; }
 .productlist3 li:hover img{ -webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
 .productlist3 li:nth-child(3n){margin-right: 0;}
 .productlist3 li .swipermain{height: 0;}

 .productlist4{}
 .productlist4 li{display: none;}
 .productlist4 li .AlbumTitle{font-size: 30px;color: #232323;}
 .productlist4 li .AlbumDescription{font-size: 16px;color: #6a6a6a;margin-top: 20px;}
 .channellist{}
 .channellist li{width: 100%;padding: 0 10% 60px 10%;border-bottom: 1px solid #DBDBDB;margin: 0 0 60px 0;box-sizing: border-box;}
 .channellist li .top{display: flex;justify-content: space-between;align-items: flex-start;width: 100%;}
 .channellist li .bottom{width: 100%;margin-top:40px;}
 .channellist li:last-child{border: none;padding: 0 10%;margin: 0;}
 .channellist li .title{background: url(../images/channellist.png) no-repeat left center;text-indent: 40px;display: flex;align-items: center;font-size: 32px;color: #DC000C;}
 .channellist li .content{}
 .channellist li .content p{text-indent: 25px;color: #232323;font-size: 20px;}
 .channellist li .content p.n1{background: url(../images/tel1.png) no-repeat left center;}
 .channellist li .content p.n2{background: url(../images/email1.png) no-repeat left center;}
/*==========@@通用列表  结束@@==========*/
.overlay_main{display: none;}
.overlay{position: fixed;top: 0;left: 0; z-index: 1001; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;}
.overlay_1{width:1000px;height:800px;position: fixed;left:50%;top:50%;transform: translate(-50%,-50%);z-index: 1002;}
.overlay_title{display: flex;justify-content: flex-end;align-items: center;padding-bottom: 10px;}
.overlay_body{display: flex;justify-content: space-between;width:100%;height:750px;}
.overlay_body_1{height:100%;width: 600px;overflow: hidden;position: relative;}
.overlay_body_1_1{height: 600px;}
.overlay_body_1_2{height:auto;position: relative;display: flex;align-items: center;padding: 0 60px;margin: 20px 0 0 0;}
.overlay_body_1_1 .swiper{height:100%;}


.overlay_body_1_2 .overlay_body_info{width: 100%;height:100%;overflow: hidden;position: relative;}

.overlay_body_1_2 .swiper-button-next,.overlay_body_1_2  .swiper-button-prev{top:50%;transform: translate(0,-50%); background: none;width: 60px;height:60px;border: none!important;cursor: pointer;display: block;line-height: normal;margin:0;}
.overlay_body_1_2 .swiper-button-next::after{display: none;}
.overlay_body_1_2 .swiper-button-prev::after{display: none;}
.overlay_body_1_2 .swiper-button-next{bottom: 0; display: flex; justify-content: center; align-items: center;right:0;}
.overlay_body_1_2 .swiper-button-next img{transform: rotate(270deg);}
.overlay_body_1_2 .swiper-button-prev{bottom: auto; display: flex; justify-content: center; align-items: center;left:0;}
.overlay_body_1_2 .swiper-button-prev img{transform: rotate(270deg);}

.overlay_body_2{width:35%;height: 600px;overflow: hidden;position: relative;background: rgba(255,255,255,0.9);padding:20px;box-sizing: border-box;}


/* .overlay_body_1{height:100%;width: 75%;overflow: hidden;position: relative;}
.overlay_body_1 .swiper{height:100%;}
.overlay_body_1 .title{position: absolute;background: rgba(0,0,0,0.7);width: 100%;bottom: 0;height: 50px;line-height: 50px;font-size: 16px;z-index: 999;text-align: center;color: #fff;padding: 0 10px;box-sizing: border-box;
text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.overlay_body_2{width:23%;height:100%;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center;flex-flow: column;}
.overlay_body_2 .overlay_body_info{width: 100%;height:80%;overflow: hidden;position: relative;}

.overlay_body_2 .swiper-button-next,.overlay_body_2  .swiper-button-prev{left:0;top:0;background: none;width: 60px;height:60px;border: none!important;cursor: pointer;display: block;line-height: normal;margin:0;}
.overlay_body_2 .swiper-button-next::after{display: none;}
.overlay_body_2 .swiper-button-prev::after{display: none;}
.overlay_body_2 .swiper-button-next{top: auto;bottom: 0;width: 100%; display: flex; justify-content: center; align-items: center;}
.overlay_body_2 .swiper-button-prev{top: 0;bottom: auto;width: 100%; display: flex; justify-content: center; align-items: center;} */

.swiperoverlay {
  width: 100%;
  height: 100%;
}
.swipermain{width: 100%;height: 100%;}
.wap{display: none;}
.pc{display: block;}