@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
*{ padding:0px; margin:0px }
.wap{display: none !important;}
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;max-width: 100%; }
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:#000;}
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;}


.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;}
.ellipsis3{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis5{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;}
.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;}
.fw{flex-flow: wrap;}
/*==========@@HTML默认  结束@@==========*/


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

/*浮动*/
.clear { display:block; clear:both; height:3px; overflow:hidden; line-height:3px; }
.float_left { float:left; }
.float_right { float:right; }

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

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

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

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

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

/*信息*/
.InfoTitle{ font-weight:normal; text-align:center; vertical-align:middle; }
.InfoTitle h1{   font-weight:normal;}
.InfoTime{color:#999; text-align:left; }
.InfoContent, .InfoContent p{ font-size:16px; padding:10px 0;}
.InfoAttachment{ padding:10px 0px; text-align:center; width:81px; margin:0 auto;}
.InfoAttachment .btn{width:120px;margin:0;padding:0;height: 40px;display: block;line-height: 40px;background: #0670B9;}
.InfoPicture{ text-align: center;}
.InfoPicture img{ width:100%; max-width:100%}
.info_from_wrap{ padding:20px 0; text-align:center; color:#B5B5B5; border:0px dashed #ccc;font-size: 14px;border-bottom: 1px solid #E9E9E9;margin-bottom: 40px;}
.info_from_wrap a { color:#999; }
.info_from_wrap a:hover { color:#555; }
.info_from_wrap span{margin-right: 6%;}
#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{ border-top: 1px solid #E9E9E9;padding: 40px 0 0 0;margin-top: 40px;}
.Next{margin-top: 20px;font-size: 14px;color: #949494;}
.Previous{font-size: 14px;color: #949494;}
.Next a{font-size: 14px;color: #949494; }
.Previous a{font-size: 14px;color: #949494; }

/*动画缓动*/
.delay_1 {transition:all ease-out .1s; -webkit-transition:all ease-out .1s; -moz-transition:all ease-out .1s; -ms-transition:all ease-out .1s;}
.delay_2 {transition:all ease-out .2s; -webkit-transition:all ease-out .2s; -moz-transition:all ease-out .2s; -ms-transition:all ease-out .2s;}
.delay_3 {transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -ms-transition:all 0.3s ease-out 0s;;}
.delay_5 {transition:.5s ease 0s; -webkit-transition:.5s ease 0s; -moz-transition:.5s ease 0s; -ms-transition:.5s ease 0s;}

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

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

/*==========@@模块  开始@@==========*/
/*左侧*/
/*主体左侧样式*/
.left_title { height:39px; line-height:39px; border-bottom:1px solid #01673A; }
.left_title h2 { font-size:16px;  color:#01673A; }
.left_body { overflow:hidden; zoom:1; color:#01673A;  padding:10px 10px 5px; border-top:0; border-bottom: 0px}
.left_bottom { height:15px; margin-bottom:5px;}
/*样式1*/
.left_title1 {position: relative;}
.left_title1 h2{color:#262626;font-size:30px ;text-align: center;position: relative;z-index: 10;}
.left_title1 p{color: #EDEDED;font-size:68px ;text-align: center;text-transform: uppercase;font-weight: bold;margin: -24px;position: relative;z-index: 9;}
.left_body1{margin-top: 70px;overflow: hidden;}
.left_title1 .swiper-button{right:0;bottom: 0;position: absolute;height: 50px;width: 140px;}
.left_title1  .swiper-button-prev, .left_title1  .swiper-button-next{width:50px;height:50px;}
.left_title1  .swiper-button-prev{left: 0;}
.left_title1  .swiper-button-next{left: 72px;}
.left_title1  .swiper-button-prev{left: 0;background: url(../images/prev1_1.png) no-repeat center;top: 0;margin:0;}
.left_title1  .swiper-button-next{left: 72px;background: url(../images/next1_1.png) no-repeat center;top: 0;margin:0;}
.left_title1  .swiper-button-prev:hover{background: url(../images/prev2_1.png) no-repeat center;}
.left_title1  .swiper-button-next:hover{background: url(../images/next2_1.png) no-repeat center;}

.left_title2 {position: relative;}
.left_title2 h2{color:#262626;font-size:30px ;text-align: center;position: relative;z-index: 10;}
.left_title2 p{color: #EDEDED;font-size:68px ;text-align: center;text-transform: uppercase;font-weight: bold;position: absolute;z-index: 9;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.left_title2 .ChannelSContent{color: #858585;font-size:14px ;text-align: center;font-weight: bold;margin: 0 auto;margin-top: 24px;
  position: relative;z-index: 9;width: 50%;}
.left_body2{margin-top: 40px;position: relative;}
.left_body2 .wrap{position: absolute;left: 0%;height:100%;width: 100%;top:0;}

.left_title3 {position: relative;height: 90px;margin-bottom: 33px;}
.left_title3::after{width: 41px;height: 3px;background: #027BC7;position: absolute;left:0;bottom: -33px;content: '';}
.left_title3 h2{color:#262626;font-size:30px ;text-align: left;position: relative;z-index: 10;}
.left_title3 h2 a{line-height: 90px;}
.left_title3 p{color: #EDEDED;font-size:68px ;text-align: left;text-transform: uppercase;font-weight: bold;position: absolute;z-index: 9;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;}
.left_body3{font-size: 18px;color: #858585;line-height: 36px;padding-top: 20px;}

.left_title4 {position: relative;}
.left_title4 h2{color:#262626;font-size:30px ;text-align: center;position: relative;z-index: 10;}
.left_title4 p{color: #EDEDED;font-size:68px ;text-align: center;text-transform: uppercase;font-weight: bold;margin: -24px;position: relative;z-index: 9;}
.left_body4{margin-top: 55px;}
.left_body4_1{width: 48.7%;}
.left_body4_2{width: 48.7%;}
.left_body4_2 .more{width: 181px;height: 51px;border: 1px solid #027BC7;color:#027BC7;margin-top: 25px;}
.left_body4_2 .more:hover{background: #027BC7; color: #fff;}
/*主体右侧*/
/*样式1*/
.right_title {}
.right_title h2 { font-size:30px; font-weight:normal; text-align:center; padding:15px 0; color:#333;   }
.right_title h2 img{ margin:0 10px;}
.right_body {  overflow:hidden; zoom:1;  border-top:0; border-bottom:0 ;min-height: 100px;display: flex;align-items: center;justify-content: center;}
.right_bottom {}

.right_body1{padding: 50px 7%;overflow: hidden;}
.right_body2{padding: 50px 7%;overflow: hidden;}
.right_body3{padding: 40px 3.5%;overflow: hidden;}
.right_body4{padding: 40px 3.5%;overflow: hidden;}
.right_body4_1{width: 75%;}
.right_body4_1 .InfoTitle{}
.right_body4_1 .InfoTitle h1{font-size: 24px;color: #0670B9;text-align: left;font-weight: bold;}
.right_body4_2{width: 22%;}

.right_title5{color: #191919;font-size: 18px;font-weight: bold;position: relative;padding-left: 15px;margin-bottom: 25px;}
.right_title5::after{
  content: "";width: 4px;height: 28px;background: #027BC7;position: absolute;left:0;top: 50%;transform: translate(0,-50%);
}
.right_body6{padding: 5% 5%;}
.right_body6_1{width: 50%;}
.right_body6_1 .item{width:50%;margin-bottom: 20px;}
.right_body6_1 .item p{color:#222;font-size: 16px;margin-top: 5px;}
.right_body6_2{max-width: 160px;}
.right_body6_2 img{width: 100%;}

.right_body7{padding: 0 5% 5% 5%;}

.search_body{padding: 40px 3.5%}
/*==========@@模块  结束@@==========*/

/*==========@@频道布局  开始@@==========*/
/*模型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, .video, .product, .job, .feedback,.download{ max-width:1440px;margin:0 auto;width: 100%; }
.body_article,.body_picture,.body_single,.body_video,.body_download,.body_product{background: #F7F8FC;}
.article,.picture,.single,.video,.download{background: #fff;margin:4.2% auto;overflow: hidden;}
.download, .guestbook{  }
#top, #logo, #announcement, #link, #copyright,#bottom,#floor_1,#floor_3,#floor_4,#floor_5,.navigation_wrap,#location { max-width:1440px;width: 100%;   margin:0 auto; overflow:hidden; border:0px dashed red;}
#left { float:left; width:250px; }
#right { float:left; width: 100%; border-left:0px solid #E5E5E5; padding-left:0px; }
/*===首页 开始===*/
#floor_1_main{ overflow:hidden;padding:4.2% 0px;}
/* padding:4.2% 0 9% 0; */
#floor_1{ }
#floor_2_main{ overflow:hidden; background:url(../images/floor_2.png) no-repeat;background-size:  100% 100%;}
#floor_2{ padding:4.2% 0px 0 0;}
#floor_3_main{}
#floor_3{padding:6.2% 0px;}
#floor_3_1{width: 46.4%;}
#floor_3_2{width: 39.6%;overflow: hidden;position: relative;}
#floor_3_2 img{width: 100%;display: block;}
#floor_4_main{ padding:4.2% 0px;background: #FFF; }
/*===首页 结束===*/

/*===产品模型 开始===*/
.product_1{width: 21%;}
.product_2{width: 73%;}
.product_2_wrap{}
.product_2_1{overflow: hidden;padding:30px 40px;background: #fff;}
.product_2_2{padding:0 40px;background: #fff;}
.product_2_3{}
.product_2_1_1{width: 53%;overflow: hidden;}
.albumlist_left{width: 42%;}
.albumlist_right{width: 200px;}

/* .product_2_1_2{width: 0%;}  */
.product_2_1_2{width: 42%;}
.product_2_1_2 .InfoTitle{color: #262626;border-bottom: 1px dotted #D9D9D9;padding-bottom: 20px;text-align: left;}
.product_2_1_2 .InfoTitle h1{color: #262626;font-size: 20px;font-weight: bold;}
.product_2_1_2 .InfoSContent{margin-top: 30px;color: #262626;font-size: 16px;line-height: 36px;text-align: left;}
.product_2_1_2 .btns{margin-top: 19%;}
.product_2_1_2 .btns a{width: 168px;height: 50px;background: #027BC7;color:#fff;font-size: 20px;}

.product_2_1_1 { display: flex; gap: 20px; align-items: flex-start; }
.main-swiper { flex: 1; height:350px;overflow: hidden; }
.main-swiper .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; }
.main-swiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.thumbs-swiper { width: 100px;max-width: 104px;min-width: 104px; height: 385px;  position: relative; display: flex;flex-flow: column;justify-content: center;}
.thumbs-swiper .swiper_info{height: 320px;overflow: hidden;}
.thumbs-swiper .swiper-slide { width: 100%; height: 70px;  cursor: pointer; border-radius: 6px; overflow: hidden;  transition: all 0.3s ease;box-sizing: border-box; }

.thumbs-swiper .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; border: 2px solid transparent;box-sizing: border-box;}
/* .thumbs-swiper .swiper-slide-active img{ opacity: 1; border-color: #007aff; } */
.thumbs-swiper .swiper-button-prev{top: 0; transform: translate(-50% ,0);background: url(../images/prev3.png) no-repeat center;background-size: auto;left: 50%; width: 30px;height: 30px;bottom: auto;background-size: 100% 100%;margin: 0;}
.thumbs-swiper .swiper-button-next{bottom:0;transform: translate(-50% ,0);top:auto;background: url(../images/next3.png) no-repeat center;background-size: auto;left: 50%; width: 30px;height: 30px;bottom:0;background-size: 100% 100%;margin: 0;}

.swiper-button-next, .swiper-button-prev { color: #007aff; width: 40px; height: 40px; border-radius: 50%; margin-top: -20px; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 16px; font-weight: bold; }
.swiper-pagination-bullet { background: #007aff; opacity: 0.5; }
.swiper-pagination-bullet-active { opacity: 1; }
@media (max-width: 1000px) { 
  .product_2_1_1 { flex-direction: column; } 
  .main-swiper { max-width: 100%; height: 300px; } 
  .thumbs-swiper { width: 100%; height: 80px; margin-left: 0; margin-top: 10px; }
  .thumbs-swiper .swiper-slide { width: 70px; height: 60px; } 
}

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

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

/*===留言频道  开始===*/
.guestbook{ }
.guestbooklist{}
.guestbooklist li{ padding:10px; border:1px solid #CCC; margin-bottom:10px; }
.MessageTitle { color:#227BAD; line-height:1.5em; font-weight:bold;}
.MessageContent { padding:5px; margin-bottom:10px; }
table.guestbook_table{ width:98%;  }
table.guestbook_table th{ width:100px; text-align:left}
table.guestbook_table td{ text-align:left}
table.guestbook_table .operation{ text-align:center }

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

/*留言表单*/
.message_title{ height:40px; padding-left:35px; line-height:40px; font-size:16px; color:#333; font-weight:bold;}
.message_body{ padding-left: 10px; padding-right: 10px; color:#626262; }
.message_bottom{}
/*===留言频道  结束===*/

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


/*==========@@公共板块  开始@@==========*/
/* 顶部 */
#top_main { height:28px;  background:#f0f0f0; border-bottom:0px solid #ddd;}
#top { height:28px; line-height:28px; text-align:right;}
#top_1 { float:left;  text-align:left;}
#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; }
#logo {overflow:hidden;display: flex;justify-content: space-between;align-items: center; }
#logo .WebLogo{ float:left;padding: 16px 0;}
#logo .WebLogo img{ height:66px; display:block;}
#logo .Language{width:500px;float:right; padding:10px;}
#logo .Language .MobileEdition{ font-weight: bold; color:red;}
#logo .Member { width:500px; height:35px; line-height:35px; float:right; text-align:right;font-weight:bold; }
#logo .Member .MemberName, #logo_main .Member .MemberGroupName{color:#F30}

/*导航*/
#navigation_main { background:#0256ac;}
#navigation {  float:right;  display:flex;width: 64%;}
#navigationWeb {display: none;}
#navigation .shownavbtn{display: none;}
#navigation ul.navigationlist {display:flex;flex:1;}
#navigation ul.navigationlist li { float:left; text-align:left; width: 14.2%; }
#navigation ul.navigationlist li>a { display:block;  font-size:18px; font-weight:normal; color:#858585; white-space: nowrap;line-height: 98px;}
#navigation ul.navigationlist li a:hover { text-decoration:none;  color:#027BC7; }
#navigation ul.navigationlist .current { color:#027BC7; font-weight: bold;}
.language{min-width: 50px;}
.language img{min-width: 20px;}
.language a{color: #858585;font-size: 16px;text-transform: uppercase;}
/*导航栏下拉*/
.navigation_info{display:none; position:absolute; background:rgba(238, 249, 255, 0.94); z-index:100;width:100%;left:0;padding: 50px 0;}
.navigation_info .navigation_wrap{}
.navigation_info .navigation_wrap .navigation_wrap_1{width: 25%;}
.navigation_info .navigation_wrap .navigation_wrap_2{width: 30%;}
.navigation_info .navigation_wrap .navigation_wrap_2 img{width: 100%;display: block;}
.navigation_info .navigation_wrap .navigation_wrap_3{width: 45%;padding:0 0 0 3.5%;box-sizing: border-box;}
.navigation_info .navigation_wrap .navigation_wrap_3 .bd{height: 100%;}
.navigation_info .navigation_wrap .navigation_wrap_3 .bd .items{display: flex; flex-flow: column; justify-content: space-between;height: 100%;}

/*导航栏下拉*/
#navigation ul.subnavigationlist3{ display:none; position:absolute;width:280px;background: rgba(255,255,255,.9);padding: 15px 0;z-index: 999;}
#navigation ul.subnavigationlist3 li { width: 100%; }
#navigation ul.subnavigationlist3 li a{line-height: 38px !important;display: flex;text-align: left;justify-content: space-between;align-items: center;padding: 0 20px;}
#navigation ul.subnavigationlist3 li a p{color: #434343;font-size: 14px;}
#navigation ul.subnavigationlist3 li a span{width: 20px;height: 20px;background:url(../images/arrow4_b.png) no-repeat center;background-size: 14px 14px;}
#navigation ul.subnavigationlist3 li a img{width:16px;}
#navigation ul.subnavigationlist3 li:hover{background: #027BC7;}
#navigation ul.subnavigationlist3 li:hover p{color: #fff;}
#navigation ul.subnavigationlist3 li:hover span{background:url(../images/arrow4_w.png) no-repeat center;background-size: 14px 14px;}
#navigation ul.subnavigationlist{ }
#navigation ul.subnavigationlist li {  float:none; padding:0px; margin-bottom: 2%;width: 50%;}
#navigation ul.subnavigationlist li a { color: #858585;font-size: 16px;text-align: left;line-height: normal;line-height: 24px !important;}
#navigation ul.subnavigationlist li a:hover {color:#027BC7; }
#navigation ul.subnavigationlist li.on a{color:#027BC7; }

#navigation ul.subnavigationlist1 li{width: 33%;}
#navigation ul.subnavigationlist1 li a { color: #858585;font-size: 14px;text-align: left;line-height: normal;float: left;line-height: normal;line-height: 24px !important;position: relative;padding-left: 20px;}
#navigation ul.subnavigationlist1 li a::after{width:8px;height: 8px;border-radius: 50%;background:#858585;position: absolute;left: 0;top:50%;transform: translate(0,-50%);content: '';}
#navigation ul.subnavigationlist1 li a:hover {color:#027BC7; }
#navigation ul.subnavigationlist1 li:hover ::after {background:#027BC7; }
.nav_title{margin-top: 8px;font-weight: bold;color:#027BC7;font-size: 18px;line-height: normal;}
.nav_body{overflow: hidden;padding: 10px 0;}
.nav_bottom{}
.nav_bottom a{width: 120px;height: 36px;border-radius: 0px 0px 0px 0px;border: 1px solid #027BC7;font-size: 14px;color: #027BC7;line-height: normal;}
/*公告*/
#announcement { margin-top:5px;  height:35px; line-height:35px;background-color:#f0f0f0; color:#0B3B7D;}
#announcement .announcement_title{ float:left;font-weight:bold; text-indent:35px; background:url(../images/announcement_title.gif) no-repeat 8px center; width:150px;}
#announcement .announcement_body{float:left; width:750px;}
#announcement .announcement_bottom{float:right; width:100px; }
.announcementlist{ }
.announcementlist li { line-height:35px; }

/*Js幻灯片样式*/
#banner_main {position:relative; border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden; width:100%}
.bannerlist{}
.bannerlist li{ text-align:center; border:0px dashed red; overflow:hidden; display:block;}
.bannerlist li img{ margin:0 auto; display:block;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_main  .swiper-button-prev0{left: 6%;}
#banner_main  .swiper-button-next0{right: 6%;}
/*Flash幻灯片样式*/
/*#banner_main {border:0px solid blue; }
#banner {  border:0px solid red; margin:0 auto; overflow:hidden;} */

/*当前位置*/
#location_main {padding: 20px 0 3.2% 0;} 
#location {color:#858585;font-size: 14px;}
#location a {color:#858585;font-size: 14px;}

/*子频道列表*/
#subchannel_main{ border-bottom:1px solid#D6D6D6; overflow:hidden; }
#subchannel{ max-width:1440px; overflow:hidden; padding:60px 0 18px 0; width:100%;}
.subchannellist { text-align:center;}
.subchannellist li { display:inline; }
.subchannellist li.n1{ border:0;}
.subchannellist li a { color:#262626;  font-size:20px;font-weight: bold; }
.subchannellist li a:hover { color:#027BC7;text-decoration:none; }
.subchannellist #current a {    color:#027BC7; }
.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}

#subchannel1_main{margin-top: 20px;background: #fff;}
.subchannellist2{}
.subchannellist2 li{}
.subchannellist2 li .ChannelName{padding:20px 12px;}
.subchannellist2 li .ChannelName a{color:#262626;font-size: 16px;}
.subchannellist2 li .ChannelName span{width: 20px;height: 20px;cursor: pointer;}
.subchannellist2 li .ChannelName span.jia{background: url(../images/jia1.png) no-repeat center ;}
.subchannellist2 li .ChannelName span.jian{background: url(../images/jian1.png) no-repeat center ;}
.subchannellist2 li.current .ChannelName{background: #027BC7;}
.subchannellist2 li.current .ChannelName a{color: #fff;}
.subchannellist2 li:hover .ChannelName{background: #027BC7;}
.subchannellist2 li:hover .ChannelName a{color: #fff;}
.subchannellist2 li.on .ChannelName{background: #027BC7;}
.subchannellist2 li.on .ChannelName a{color: #fff;}

.subchannellist3{display: none;}
.subchannellist3 li{}
.subchannellist3 li a{padding:12px 32px;display: block;color:#262626;font-size: 16px;}
.subchannellist2 li.current1 a{color:#027BC7;}
.subchannellist3 li:hover a{color:#027BC7;}
/*搜索 */
.search{display:flex;align-items:center;margin:0;overflow:hidden;position: relative;}
.search input{margin:0;padding:0;}
.search .btn-keywords{padding:0 60px 0 20px;border:none;height:50px;color:#808080;font-size:14px;}
.search .btn-search{border:none;width: 60px;min-width:60px;background: url(../images/search.png) no-repeat center ;background-size:20px 20px;height:50px;
    color:#fff;font-size:18px;cursor: pointer;position: absolute; right: 0;top: 0;
}
/*联系我们*/
.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; }
.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: linear-gradient( 180deg, #0074BA 0%, #0064A2 100%); color:#f0f0f0; }
#bottom{padding: 40px 0; }
#bottom_1{width: 20%;}
#bottom_2{width: 54%;}
#bottom_3{width: 160px;}
#bottom_3 img{width: 100%;}

.bottom_navigation {  overflow: hidden;  float: left;  }
.bottom_navigation li {  float: left;  width: 120px;  margin-right: 15px;  overflow: hidden;  }
.bottom_navigation li a {  display: block;  text-align: left;  font-size: 18px;  margin-bottom: 10px; color: #f0f0f0;  font-weight: normal;  }
.bottom_navigation li a:hover {  color:#fff;}
.bottom_navigation .subnavigationlist1 li {  }
.bottom_navigation .subnavigationlist1 li a { color: #78CCF8;  display: block;  line-height: 30px;  font-weight: normal;  padding: 0;  margin: 0;  font-size: 16px;  text-align: left;  }
.bottom_navigation .subnavigationlist1 li a:hover{color:#fff;}
/* #bottom_2{float: right;width: 34%;}
#bottom_2 .WeChat img {  float: left;  width: 102px;  padding: 20px 30px 0 0;  }
#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;  } */

.bottom_title{}
.bottom_title img{height: 66px;}
.bottom_body{margin-top: 26px;}
.bottom_body .item{margin-bottom: 10px;}
.bottom_body .item img{width: 14px;margin-right: 10px;}
.bottom_body .item p{}
.bottom_body .item span{display: block;font-size: 16px;  color: #f0f0f0;}
.bottom_body .item b{display: block;font-size: 16px;  color: #f0f0f0;}

.bottom_body .item:first-child{margin-bottom: 18px;}
.bottom_body .item:first-child img{width: 44px;min-width: 44px;}
.bottom_body .item:first-child span{font-size: 16px;  color: #f0f0f0;}
.bottom_body .item:first-child b{font-size: 24px;  color: #f0f0f0;}
/* 版权信息 */
#copyright_main { color:#fff; background: linear-gradient( 180deg, #0074BA 0%, #0064A2 100%); }
#copyright { line-height:54px; border-top: 1px solid #fff; }
#copyright a {color: #fff; text-decoration: none;}
#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_main{overflow: hidden;padding:  0 0 4.2% 0;}
.page { clear:both;width: 100%;max-width: 1440px;margin: 0 auto;text-align: right;}
.page a, .page span { display: flex;margin-left: 10px;line-height: 22px;border-radius: 50%;width: 50px; height: 50px; justify-content: center; align-items: center; }
.page a:link, .page a:visited { text-decoration:none; }
.page a:hover {background: #027BC7; color: #fff;}
.page .current{ background: #027BC7; color: #fff;}
.page #total{background: #027BC7;color: #fff;}
.page .pageinfo{display: none;}
/*会员*/
/*会员登录*/
table.login_table{ width:40%; text-align:center; margin:0 auto;}
table.login_table th{ width:100px; text-align:left; font-weight:bold;}
table.login_table td{ text-align:left;}
table.login_table .operation{text-align:center}
table.login_table .quick_login td{text-align:left; padding:10px 0;}
table.login_table .quick_login td img{ margin-right:8px; float:left;}

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

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

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


/*==========@@通用列表 开始@@==========*/
/*文字列表*/
.textlist{width: 100%;text-align: center;}
.textlist li {box-sizing: border-box; text-indent:28px; background:url(../images/textlist.png) no-repeat 2.8% center; overflow:hidden;width:100%;padding:1.7% 8% 1.7% 2.8%;border-bottom: 1px solid #E4E4E4;}
.textlist li .info{width: 80%;}
.textlist li .InfoTitle{ color: #027BC7;font-size: 16px;}
.textlist li span{color: #858585;font-size: 16px;}
.textlist li .InfoTime{color: #858585;font-size: 16px; }
.textlist li .xiazai{width: 65px;height: 30px;background: #027BC7;border-radius: 4px;color: #fff;font-size: 16px;text-indent:0;min-width: 65px}
.textlist li:last-child{border: none;}
/*文字列表1*/
.textlist1{  }
.textlist1 li{padding: 20px 0;border-bottom: 1px solid #E9E9E9;}
.textlist1 li:last-child{border: none;}
.textlist1 li .InfoTitle{color: #949494;font-size: 14px;margin-top: 10px;text-align: left;}
.textlist1 li .InfoTime{color: #191919;font-size: 14px;}
/*带缩略图文字列表*/
.thumblist{ }
.thumblist li{ text-align:left; overflow:hidden; padding: 40px 80px;border-bottom: 1px solid #E4E4E4;}
.thumblist li .InfoPicture{ float:left; overflow:hidden;width: 40% ;display: block; height: 310px;}
.thumblist li .InfoPicture img{width: 100%;height: 100%;object-fit: cover; transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s;}
.thumblist li .info_wrap{width: 56%;}
.thumblist li .InfoTitle{color:#0670B9;text-align: left;font-size: 24px;font-weight: bold;}
.thumblist li .InfoContent{padding: 0;margin-top: 30px;font-size: 16px;color:#191919;line-height: 24px;}
.thumblist li  .btns {margin-top: 60px;}
.thumblist li .btns a{width: 137px;height: 36px;background: #027BC7;border-radius: 18px;font-size: 20px;color:#fff;}
.thumblist li .btns .InfoTime{color:#858585;font-size: 16px;}
.thumblist li:hover{background: #027BC7;}
.thumblist li:hover .InfoTitle{color:#fff}
.thumblist li:hover .InfoContent{color:#fff}
.thumblist li:hover .btns a { background: #fff;color: #027BC7;}
.thumblist li:hover .btns .InfoTime{color: #fff;}
.thumblist li:last-child{border: none;}
/* .thumblist li img{  border:0px solid #ccc;width:240px; margin-right:20px; }
.thumblist li:hover img{ }
.thumblist li .info_wrap{ overflow:hidden; padding-right: 8px;}
.thumblist li .InfoTitle{ display:block; font-size:22px; font-weight:bold; color:#555; text-align:left; padding:0; }
.thumblist li:hover .InfoTitle{ color:#000; }
.thumblist li .InfoTime{ display:block; height:30px; line-height:30px; text-align:left; padding:0; color:#666;}
.thumblist li p{ font-size:15px; color:#898989; line-height:1.8em;overflow:hidden;} */
/*带缩略图文字列表2*/
.thumblist1{ overflow: hidden; }
.thumblist1 li{ }
.thumblist1 li .InfoPicture{overflow: hidden;height: 408px;position: relative;}
.thumblist1 li .InfoPicture img{position: absolute;height: 100%;width: 100%;object-fit: cover;display: block;;}
.thumblist1 li .info_wrap {background: #EEEEEE;padding: 40px 50px;}
.thumblist1 li .info_wrap .day{min-width: 130px;border-right: 1px solid #CCCCCC;}
.thumblist1 li .info_wrap .year{font-size:36px;color:#027BC7;text-align: center; }
.thumblist1 li .info_wrap .md{font-size:16px; color:#858585;text-align: center; }
.thumblist1 li .info{padding-left: 5%;flex: 1;box-sizing: border-box;}
.thumblist1 li .info .InfoTitle{font-size:20px;color:#262626;text-align: left;}
.thumblist1 li .info .InfoContent{font-size:14px;color:#858585;margin-top: 10px;padding: 0;}
.thumblist1 li:hover .InfoTitle{color:#027BC7}

.thumblist2{ overflow: hidden; }
.thumblist2 li{ border-bottom: 1px solid #CCCCCC;}
.thumblist2 li a {padding: 20px 0px;}
.thumblist2 li a .day{min-width: 130px;border-right: 1px solid #CCCCCC;}
.thumblist2 li a .year{font-size:36px;color:#027BC7;text-align: center; }
.thumblist2 li a .md{font-size:16px; color:#858585;text-align: center; }
.thumblist2 li .info{padding-left: 5%;flex: 1;box-sizing: border-box;}
.thumblist2 li .info .InfoTitle{font-size:20px;color:#262626;text-align: left;}
.thumblist2 li .info .InfoContent{font-size:14px;color:#858585;margin-top: 10px;padding: 0;min-height: 46px;}
.thumblist2 li:hover .InfoTitle{color:#027BC7}
/*橱窗列表*/
.productlist{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.productlist li{background: #fff;}
.productlist li .InfoPicture{height:200px ;overflow: hidden;}
.productlist li .InfoPicture img{width: 100%;object-fit: cover;height: 100%;transition: transform .25s ease, color .25s ease;}
.productlist li .InfoTitle{margin: 20px 10px;color: #262626;font-size: 14px;text-align: center;}
.productlist li:hover .InfoPicture img{transform: scale(1.08);}
.productlist li:hover .InfoTitle{color:#027BC7}

.productlist1{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.productlist1 li{background: #fff;}
.productlist1 li .InfoPicture{height:200px ;overflow: hidden;}
.productlist1 li .InfoPicture img{width: 100%;object-fit: cover;height: 100%;transition: transform .25s ease, color .25s ease;}
.productlist1 li .InfoTitle{margin: 20px 10px;color: #262626;font-size: 14px;text-align: center;}
.productlist1 li:hover .InfoPicture img{transform: scale(1.08);}
.productlist1 li:hover .InfoTitle{color:#027BC7}

.productlist2{padding: 0 20px;}
.productlist2 li{padding: 0 20px;height: 40px;line-height: 40px;color: #262626;font-size: 16px;font-weight: bold;cursor: pointer;}
.productlist2 li.on{background: #fff;color: #027BC7;position: relative;}
.productlist2 li.on::after{position: absolute;top: 0;left: 0;width: 100%;height: 2px;background: #027BC7;content: '';}
.gridlist{ display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px; }
.gridlist li {  transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; overflow: hidden;position: relative;height: 294px;}
.gridlist li a{width: 100%;position: relative;}
.gridlist li .info{position: absolute;width:100%;height: 100%;left: 0;top: 0;padding: 0 50px 0 0;box-sizing: border-box;display: none;}
.gridlist li .InfoTitle{color: #fff;font-size: 16px;}
.gridlist li .more{width: 96px;height: 30px;background: #027BC7;border-radius: 4px;color: #FFFFFF;font-size: 16px;margin-top: 60px;}
.gridlist li:hover .info{background: linear-gradient( 271deg, #000000 0%, rgba(0,0,0,0) 100%);display: flex;}
/*橱窗列表1*/
.gridlist1{  }
.gridlist1 li { float: left; background: #FFF; text-align: center;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist1 li .InfoPicture{height: 182px;overflow: hidden;padding: 18% 9.6%;box-shadow: 0px 3px 12px 1px rgba(130,130,130,0.16);} 
.gridlist1 li img { width: 100%; }
.gridlist1 li a{ display: block;padding:4px;}
.gridlist1 li .InfoTitle{line-height: 40px;height: 40px;background: #027BC7;border-radius: 20px 20px 0px 0px;font-size: 16px; color: #fff;font-weight: bold; }
/*橱窗列表2*/
.gridlist2{ overflow: hidden; height: 100%;}
.gridlist2 li{width: 25%;padding: 0 2.9%;box-sizing: border-box;height: 100%;}
.gridlist2 li a{padding: 0 0 80px 0;transition:.2s ease 0s; -moz-transition:.2s ease 0s; -webkit-transition:.2s ease 0s; }
.gridlist2 li .Icon{}
.gridlist2 li .Icon img{ width: 56px;}
.gridlist2 li .InfoTitle{color:#fff;font-size: 18px;margin-top: 5%;min-height: 48px;line-height: 24px;}
.gridlist2 li .InfoSContent{color:#fff;font-size: 14px;margin-top: 0%;height: 0;overflow: hidden;text-align: center;}
.gridlist2 li:hover {background: rgba(2, 123, 199, 0.6);}
.gridlist2 li:hover a{height: 100%;box-sizing: border-box;padding: 0;}
.gridlist2 li:hover .InfoSContent{height: auto;margin-top: 18%;}
/* .gridlist2 li .InfoSContent{color:#fff;font-size: 14px;margin-top: 18%;height: 0;overflow: hidden;} */
/*视频列表*/
.videolist{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px; }
.videolist li { }
.videolist li .InfoPicture{padding: 4% 6%;background: #F7F8FC;position: relative;}
.videolist li a {}
.videolist li .InfoTitle{ display:block; padding:30px 0 0 0;font-size: 18px;color: #191919; }
.videolist li i{ position:absolute; width:100%; height:100%; top: 0;left: 0;background:url(../images/play.png) center center no-repeat; cursor:pointer;}
.videolist li:hover .InfoTitle{color:#027BC7;}
/*频道相册列表*/
.channelalbumlist{ overflow:hidden; }
.channelalbumlist li { float:left; margin-top:10px;}
.channelalbumlist li img{ display: block; width:290px; margin-right:10px;}
/*频道相册列表1*/
.channelalbumlist1{ overflow:hidden; float:left; width:600px;}
.channelalbumlist1 li { text-align:left; overflow:hidden; padding:12px 0;}
.channelalbumlist1 li i{font-size:40px;border-radius: 50%;width:100px;height:100px;color:#fff;line-height: 100px;float:left; text-align:center; font-style:normal; margin-right:18px;}
.channelalbumlist1 li i.n1{background: #008287;}
.channelalbumlist1 li i.n2{background: #6ce26c;}
.channelalbumlist1 li i.n3{background: #bd362f;}
.channelalbumlist1 li .info_wrap{ }
.channelalbumlist1 li .AlbumTitle {font-size:22px;font-weight: normal;text-align: left; margin-bottom:12px;}
.channelalbumlist1 li  p{font-size: 14px;display:block;line-height: 26px;text-align: left;color:#888;}
/*频道相册列表1*/
.channelalbumlist2{ overflow:hidden; }
.channelalbumlist2 li { float:left;}
.channelalbumlist2 li img{ width: 238px;height: 107px; border: 1px solid #ddd; margin-top: -1px; display: block;}
 .channelalbumlist2 li img:hover { filter: grayscale(1); -webkit-filter: grayscale(1); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

 .page1list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
 .page1list figure{cursor: pointer;margin-bottom: 10px;}
 .page1list figure .AlbumTitle{height: 40px;line-height: 40px; background: #D1D4DB;border-radius: 20px 20px 0 0;text-align: center;color:#262626;font-size: 16px;} 
.page1list figure .AlbumPicture{padding: 30px 12px;background: #F2F1F1;}
.page1list figure .AlbumPicture img{width: 100%;}
 .page1list figure:hover .AlbumTitle{color:#027BC7;}

 .page2list{}
 .page2list li{margin-bottom: 8%;}
.page2list li:last-child{margin:0;}
.page2list li:nth-child(even){flex-direction: row-reverse}
 .page2list li .info{width: 40%;}
 .page2list li .info .AlbumTitle{color:#027BC7;font-size: 28px;font-weight: bold;}
 .page2list li .info .AlbumDescription{color:#262626;font-size: 18px;line-height: 40px;margin-top: 30px;}
 .page2list li .AlbumPicture{width: 40%;}
.page2list li .AlbumPicture img{width: 100%;display: block;}


.searchlist{width: 100%;}
.searchlist li{width: 100%; display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ccc;}
/*==========@@通用列表  结束@@==========*/
#dituContent{height: 400px;}
.SonlineBox2 .contentBox .listBox .item .float_box.qr img{min-width: 140px;}