/*无图片显示背景*/
.None_Img {background-image:url(/include/images/none.gif); background-repeat:no-repeat; background-position:center center; background-color:#F5F5F5;}

/*内容区图片大小格式化*/
.FormatImg img {max-width: 100%; height: auto;}

/*本元素放大*/
.Run_Zoom * {transition: all .3s ease-in-out;}
.Run_Zoom:hover * {transform: scale(1.1);}
/*图片放大动画*/
.Run_Img_Zoom img {transition: all .3s ease-in-out;}
.Run_Img_Zoom:hover img {transform: scale(1.2);}


/*小三角*/
.SanJiao::after {width: 8px; height: 8px; position: absolute; right: 0px; top: 0px; content: ""; border: 1px #FFF solid; border-left: none; border-bottom: none; z-index: 1; transition: all .2s ease-in-out;}
.SanJiao.up::after {transform: rotate(-45deg);}
.SanJiao.down::after {transform: rotate(135deg);}
.SanJiao.left::after {transform: rotate(-135deg);}
.SanJiao.right::after {transform: rotate(45deg);}

/*图片比例约束*/
.Img_G {position: relative;}
.Img_G p {height: 0px; overflow: hidden; padding: 0px; top: 0px; margin: 0px; margin-top: 100%;}
.Img_G img {width:100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.Img_G32 p {margin-top: 66.66%;}
.Img_G23 p {margin-top: 150%;}

/*统一按钮样式*/
.Btn {background-color: var(--yiq-color-main); cursor: pointer; color: #FFF; border-radius: 5px; transition: .2s;}
.Btn:hover {background-color: var(--yiq-color-active);}

.Btn1 {background-color: transparent; color: var(--yiq-color-main);}
.Btn1:hover {color: var(--yiq-color-active); background-color: transparent;}

.Btn2 {background-color: var(--yiq-color-active); color: #FFF; padding: 0px 20px;}
.Btn2:hover {padding: 0px 30px;}

/*圆角*/
.YuanJiao {border-radius: 10px;}
.YuanJiao.small {border-radius: 5px;}
.YuanJiao.big {border-radius: 20px;}

/*等待*/
.Wait {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: rgba(0,0,0,0.2); display: flex; align-items: center; z-index: 99999999999; display: none;}
.Wait div {width: 50px; height: 50px; margin: auto; display: inline-block; background-color: #FFF; background-image: url("include/images/wait.gif"); background-repeat: no-repeat; background-position: center center; border-radius: 10px;}

/*网页整体框架*/
.CSS_Body{width: 100%; height: auto; float: left;}

/*定义网站宽度*/
.CSS_C{width: 100%; max-width:1500px; min-width:320px; margin:0px auto; display:run-in; float: none;}
.CSS_C.full {max-width: 100%;}

/*首页轮播广告*/
.Flash {width:100%; min-width:320px; height:auto; float:left; overflow:hidden; position:relative;}
.Flash .swiper-wrapper .swiper-slide {height: auto;}
.Flash .swiper-wrapper .swiper-slide img,.Flash .swiper-wrapper .swiper-slide video {width:100%; height:auto;}
.Flash .swiper-pagination-bullets {bottom:8%;}
.Flash .swiper-pagination-bullet {background-color:#FFF; width:10px; height:10px; opacity:0.8; float: none; border-radius: 0px; border-radius: 10px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Flash .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0px; margin-right: 1px;}
.Flash .swiper-pagination-bullet-active {background-color:var(--yiq-color-active); width: 40px; height: 10px;}
.Flash_AD {width: auto; max-width: 100%; height: auto; line-height: 50px; text-align: left; padding: 10px; color: #FFF; position: absolute; left: 0%; bottom: 0%; z-index: 2; text-shadow: 0px 1px 1px #000; cursor: pointer;}
.Flash_AD b {width: 100%; height: auto; float: left; margin: 10px 0px;}
.Flash_AD span {width: 100%; height: auto; float: left; margin: 5px 0px;}
.Flash_AD font {width: 100%; height: auto; float: left; margin: 3px 0px;}
.Flash_Sound {position: absolute; right: 10px; bottom: 10px; z-index: 10;}
.Flash_Sound i {width: 30px; height: 30px; float: left; color: #FFF; font-size: 28px; cursor: pointer;}

/*首页轮播广告（手机）*/
.Flash_M {width:100%; min-width:320px; height:auto; float:left; overflow:hidden; position:relative; display: none;}
.Flash_M .swiper-wrapper .swiper-slide img {width:100%; height:auto;}
.Flash_M .swiper-pagination-bullets {bottom:10px;}
.Flash_M .swiper-pagination-bullet {background-color:#FFF; width:6px; height:6px; opacity:0.8; border-radius: 3px; float: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Flash_M .swiper-pagination-bullet-active {background-color:var(--yiq-color-active); width: 12px;}
.Flash_M_AD {width: auto; max-width: 100%; height: auto; padding: 10px; color: #FFF; position: absolute; left: 5%; bottom: 5%; z-index: 9; opacity: 0; text-shadow: 0px 1px 1px #000; cursor: pointer;}
.Flash_M_AD b {width: 100%; height: auto; float: left; line-height: 30px;}
.Flash_M_AD span {width: 100%; height: auto; float: left; line-height: 30px;}
.Flash_M_AD font {width: 100%; height: auto; float: left; line-height: 30px;}

/*内页顶部图片*/
.AD {width:100%; height:auto; float:left; overflow:hidden; text-align:left; background-color:#F5F5F5; position:relative;}
.AD img {width: 100%; height: auto;}
.AD img[yiq="mobile"] {display: none;}
.AD_K {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.AD_K .CSS_C {height: 100%;}
.AD_KK {width: 100%; height: 100%; float: left; position: relative;}
.AD_Txt {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center;}
.AD_Txt ul {width: 100%; height: auto; text-align: center; color: #FFF;}
.AD_Txt ul li {width: 100%; height: auto; float: left; text-shadow: 1px 1px 1px rgba(0,0,0,0.4);}

/*右侧浮动控制*/
.Fu_R {width:40px; height:auto; position:fixed; z-index:99; right: 0px; top: 80px; transform-origin: 100% 0px; transition: all .2s ease-in-out; transform: scale(0.7);}
.Fu_R ul {width:40px; height:auto; float:left; position:relative; background-color: var(--yiq-color-main70);}
.Fu_R ul li {width: 100%; height: auto; float: left; border-bottom: 1px rgba(255,255,255,0.5) solid; position: relative;}
.Fu_R ul li:last-child {border-bottom: none;}
.Fu_R ul li i {width:100%; height:40px; line-height: 40px; float:left; cursor:pointer; color: #FFF; font-size: 24px;}
.Fu_R ul li div {width:150px; height:150px; position:absolute; left:-150px; top:0px; padding: 5px; background-color: #FFF; display: none;}
.Fu_R ul li div img,.Fu_R ul li div canvas {width:100%; height:100%;}
.Fu_R ul li div#Fu_Tel {height: 40px; line-height: 40px; background-color: var(--yiq-color-main70); color: #FFF; padding: 0px; left: auto; right: 100%;}
.Fu_R ul li div#Fu_Email {width: 220px; height: 40px; line-height: 40px; background-color: var(--yiq-color-main70); color: #FFF; padding: 0px; left: auto; right: 100%;}
.Fu_R ul li div a {width: 100%; height: 100%; line-height: 40px; float: left; color: #FFF; text-align: center;}
.Fu_R ul li font {width: auto; height: auto; position: absolute; right: 100%; top: 0px; white-space:nowrap; display: none;}
.Fu_R ul li font i {width: 40px; height: 40px; float: left; background-color: var(--yiq-color-main70); color: #FFF; display: inline; border-bottom: 1px rgba(255,255,255,0.5) solid;}
.Fu_R ul li font i:last-child {border-bottom: none;}
.Fu_R ul li font i:hover {background-color: var(--yiq-color-active);}
.Fu_R ul li[yiq='Back_Top'] {display: none;}
.Fu_R ul li:hover font {display: inline;}
.Fu_R ul li:hover {background-color: var(--yiq-color-active);}
.Fu_R ul li:hover div {display:inline;}
.Fu_R:hover {transform: scale(1); transform-origin: 100% 0px;}

/*当前位置*/
.Now_Pos {width:100%; height:auto; float:left; overflow:hidden; border-bottom:1px rgba(255,255,255,0.1) solid; text-align:left; font-size:12px; margin:10px 0px;}
.Now_Pos::before {content: "\27A7"; float: left; color: var(--yiq-color-main);}
.Now_Pos_C {width:auto; height:auto; float:left; overflow:hidden; font-family:"Arial";}
.Now_Pos_C A {width:auto; height:auto; float:left; overflow:hidden; padding:0px 3px; display:inline;}
.Now_Pos_C A::before {content: "\27A4"; float: left; margin-right: 6px; font-size: 12px; color: #EEE;}
.Now_Pos_C A:first-child::before {content: "";}
.Now_Pos_C A:link,.Now_Pos_C A:visited,.Now_Pos_C A:active {FONT-FAMILY:"Arial"; TEXT-DECORATION: none; font-size: 12px; text-align:left;outline:none;}
.Now_Pos_C A:hover {text-decoration:none; font-size: 12px;}
.Now_Pos_C A:last-child {background-image: url(""); padding-right: 0px; margin-right: 0px;}
.Now_Pos_FX {width:auto; height:auto; float:right; overflow:hidden;}

/*内页左右样式*/
.CSS_Left {width:300px; height:auto; float:left; margin-top:30px;}
.CSS_Right {width:calc(100% - 300px - 50px); height:auto; float:right; margin-top:30px; padding:0px 5px;}

/*网站底部*/
.Bottom_C {width:100%; height:auto; float:left; overflow:hidden; color: rgba(255,255,255,0.8); background-color: var(--yiq-color-main);}
.Bottom {width:100%; height:auto; float:left; overflow:hidden;}
.Bottom_Contact {width: calc((100% - 300px) * 0.5); text-align:left; float: left;}
.Bottom_Contact ul {width:100%; height:auto; float:left; overflow:hidden;}
.Bottom_Contact ul li {width:100%; float:left; overflow:hidden; background-repeat:no-repeat; background-position:left top; text-align:center; margin-bottom: 10px; word-break: normal;}
.Bottom_Contact ul li:last-child {border-bottom: 0px;}
.Bottom_Contact ul li i {width: 20px; height: 20px; line-height: 20px; float: left; overflow: hidden; font-size: 20px;}
.Bottom_Contact ul li span {width: calc(100% - 20px); height: 100%; line-height: 20px; float: left; overflow: hidden; padding-left: 5px; text-align: left;}
.Bottom_Contact ul li:first-child i {line-height: inherit;}
.Bottom_Contact ul li:first-child span {line-height: inherit;}
.Bottom_Contact div {width: 100%; height: auto; float: left; margin-top: 10px;}
.Bottom_Contact div span {width: 28px; height: 28px; float: left; background-color: #FFF; border-radius: 100px; text-align: center; margin-right: 5px;}
.Bottom_Contact div span:last-child {margin-right: 0px;}
.Bottom_Contact div span i {font-size: 24px; line-height: 28px; color: rgba(255,255,255,0.5); color: var(--yiq-color-main);}
.Bottom_Contact div span:hover {background-color: var(--yiq-color-active);}
.Bottom_Contact div span:hover i {color: #FFF;}
.Bottom_Menu {width: calc((100% - 300px) * 0.5); float: left;}
.Bottom_Menu ul {width: 50%; float: left;}
.Bottom_Menu ul li {width: 100%; float: left; text-align: left;}
.Bottom_Menu ul li:first-child {font-weight: bold; margin-bottom: 10px;}
.Bottom_Ma {width: 300px; float: right;}
.Bottom_Ma ul {width: 100%; height: auto; float: left;}
.Bottom_Ma ul li {width: 50%; height: auto; float: left;}
.Bottom_Ma ul li div {width: 100%; height: auto; margin: 0px auto; display: inline-block;overflow: hidden;}
.Bottom_Ma ul li div[id='Mobile_Qrcode'] {width: 120px; height: 120px; padding: 5px; background-color: #FFF;}
.Bottom_Ma ul li div[id='Mobile_Qrcode'] canvas {width: 110px; height: 110px;}
.Bottom_Ma ul li div img {width: 120px; height: auto;}
.Bottom_Ma ul li span {width: 100%; height: 25px; line-height: 25px; float: left;}
.Bottom_C A,.Bottom_C A:link,.Bottom_C A:visited,.Bottom_C A:active {color: rgba(255,255,255,0.8);}
.Bottom_C A:hover {color:#FFF;}
.Bottom_B {width:100%; height:auto; float:left; overflow:hidden; background-color: var(--yiq-color-main); color: rgba(255,255,255,0.5); padding: 10px 0px; filter: brightness(0.9);}
.Bottom_B A,.Bottom_B A:link,.Bottom_B A:visited,.Bottom_B A:active {color: rgba(255,255,255,0.5);}
.Bottom_B A:hover {color:#FFF;}

/*翻页*/
.R_Page {width:100%; height:auto; float:left; text-align:center;}
.R_Page_C {width:auto; height:auto; max-height:auto; margin: 0px auto; display:inline-block;}
.R_Page_C A {width:40px; height:40px; line-height:40px; float:left; overflow:hidden; background-color:#EEE; color:#333; text-align:center; margin:0px 4px; transition: all .1s ease-in-out; font-size: 1.2rem; border: 1px transparent solid;}
.R_Page_C A:hover,.R_Page_C A.current {background-color: var(--yiq-color-main); color:#FFF; text-decoration:none;}
.R_Page_C A i {line-height:40px; font-weight: bold; font-size: 1.2rem;}
.R_Page_C.small A {width: 25px; height: 25px; line-height: 23px; font-size: 1.0rem; margin: 0px 2px;}/*小按钮*/
.R_Page_C.small A i {line-height:23px; font-size: 1.0rem;}
.R_Page_C.big A {width: 50px; height: 50px; line-height: 48px; font-size: 1.5rem; margin: 0px 6px;}/*大按钮*/
.R_Page_C.big A i {line-height:48px; font-size: 1.5rem;}
.R_Page_C.yuan A {border-radius: 50px;}/*圆形*/
.R_Page_C.yuanjiao A {border-radius: 20%;}/*圆角*/
.R_Page_C.kong A {background-color: transparent; color: var(--yiq-color-main);}
.R_Page_C.kong A:hover,.R_Page_C.kong A.current {background-color: transparent; color: var(--yiq-color-main);}
.R_Page_C.bian A {border: 1px #EEE solid;}
.R_Page_C.bian A:hover,.R_Page_C.bian A.current {border-color: var(--yiq-color-main);}

/*底部友情链接*/
.Links_C {width:100%; height:auto; float:left; overflow:hidden; text-align:center; padding: 1% 0px;}
.Links {width:100%; height:auto; float:left; overflow:hidden;}
.Links div {width:8.33%; height:25px; line-height:25px; float:left; overflow:hidden; background-color:rgba(0,0,0,0.1); background-image:url(../include/images/link_hui.png); background-repeat:no-repeat; background-position:center center; border-radius:5px; -moz-border-radius:5px; display: none;}
.Links span {width:auto; height:25px; float:left; overflow:hidden;}
.Links span::before{width: auto; height: 100%; float: left; content: "|"; padding: 0px 10px; color: rgba(0,0,0,0.2); font-size: 12px;}
.Links span:nth-child(2)::before {display: none;}
.Links span A,.Links span A:link,.Links span A:visited,.Links span A:active {width:auto; height:25px; line-height:25px; float:left; overflow:hidden; font-size:12px; text-align:center;}
.Links span A:hover {text-decoration:none; font-size:12px; text-align:center;}

/*中间QQ邀请框*/

.CSS_QQ_F {width:327px; height:172px; float:left; position:fixed; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop + ((document.documentElement.clientHeight - 172)/2))); top:40%; left:40%; z-index:99999; background-image:url(../include/images/service/qq_f.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../include/images/service/qq_f.png"); background:none; display:none; padding:0px 15px 0px 15px;
-webkit-box-shadow: 0px 0px 2px #39AAE1;
-moz-box-shadow: 0px 0px 2px #39AAE1;
box-shadow: 0px 0px 2px #39AAE1;
}
.CSS_QQ_F_T {width:100%; height:31px; float:left; overflow:hidden;}
.CSS_QQ_F_T span {width:auto; height:31px; line-height:31px; float:left; text-align:left; overflow:hidden; color:#FFF; font-size:14px; font-family:"Microsoft Yahei"; display:inline;}
.CSS_QQ_F_T A {width:39px; height:31px; float:right;}
.CSS_QQ_F_C {width:100%; height:85px; float:left; text-align:left; margin-top:13px;}
.CSS_QQ_F_C i {width:85px; height:85px; float:left; overflow:hidden; background-image:url(../include/images/service/kefu.jpg); border-radius:5px; -moz-border-radius:5px;
-webkit-box-shadow: 0px 0px 2px #DEDEDE;
-moz-box-shadow: 0px 0px 2px #DEDEDE;
box-shadow: 0px 0px 2px #DEDEDE;
}
.CSS_QQ_F_C i img {width:100%; height:100%;}
.CSS_QQ_F_C b {width:210px; height:30px; line-height:30px; float:left; font-size:24px; font-family:"Microsoft Yahei"; color:#39AAE1; font-weight:normal; padding-left:15px; overflow:hidden;}
.CSS_QQ_F_C div {width:210px; height:60px; line-height:20px; float:left; font-size:12px; color:#666; padding-left:15px; overflow:hidden; font-family:"Arial";}
.CSS_QQ_F_B {width:auto; height:22px; float:right; overflow:hidden; margin-top:17px;}
.CSS_QQ_F_B A,.CSS_QQ_F_B A:link,.CSS_QQ_F_B A:visited,.CSS_QQ_F_B A:active {width:69px; height:22px; line-height:22px; float:left; overflow:hidden; font-size:14px; text-align:center; color:#000; background-image:url(../include/images/service/qq.gif); margin-left:10px; display:inline;}
.CSS_QQ_F_B A:hover {text-decoration:none; color:#000; text-align:center; background-image:url(../include/images/service/qq1.gif);}

/*预置轮播分页按钮样式*/
[yiq-act='flash'] .swiper-pagination-bullet-active {background-color: var(--yiq-color-active); overflow: hidden;}
/*小方框*/
.Flash_Page_Btn1 .swiper-pagination-bullet {border-radius: 0px;}
/*小方框变长*/
.Flash_Page_Btn2 .swiper-pagination-bullet {border-radius: 0px; transition: .2s;}
.Flash_Page_Btn2 .swiper-pagination-bullet-active {width: 30px;}
/*线条*/
.Flash_Page_Btn3 .swiper-pagination-bullet {width: 20px; border-radius: 0px; transition: .2s; height: 1px;}
.Flash_Page_Btn3 .swiper-pagination-bullet-active {width: 50px;}
.swiper-horizontal>.swiper-pagination-bullets.Flash_Page_Btn3 .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.Flash_Page_Btn3 .swiper-pagination-bullet {margin: 0px 0.5px;}
/*白色*/
.Flash_Page_Bai .swiper-pagination-bullet {background-color: #FFF;}
.Flash_Page_Bai .swiper-pagination-bullet-active {background-color: var(--yiq-color-active);}
/*停留时间进度条*/
.Flash_JD .swiper-pagination-bullet {position: relative; transition: 0s; background-color: var(--yiq-color-main);}
.Flash_JD .swiper-pagination-bullet::before {content: ""; width: 0px; height: 100%; position: absolute; left: 0px; top: 0px; background-color: var(--yiq-color-active);}
.Flash_JD .swiper-pagination-bullet-active::before {width: 100%;}

/*消息提示框----模态框*/
.modal {text-align: center; z-index: 999999999; float: none;}
.modal-dialog {max-width:320px; float: none;}
.modal-header {height:30px; overflow:hidden; padding:5px 15px; background-color:#F8F8F8;
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.modal-title {font-size:14px; font-weight:bold;}
.modal-footer {border-top: none;}
.modal-footer button {margin: 0px auto; display: inline-block;}
.MoDai_Ico {width: 100%; height: auto; float: left;}
.MoDai_Ico i {width: 50px; height: 50px; margin: 0px auto; display: inline; color: #006600; font-size: 36px; font-weight: bold;}
.MoDai_Ico i.green {color: #006600;}
.MoDai_Ico i.red {color: #FF0000;}
.MoDai_Txt {width: 100%; height: auto; float: left; margin-top: 10px;}

/*版块框*/
.MyLine {width: 100%; height: auto; float: left;}
.MyLine.hui {background-color: #F5F5F5;}

/*图片放大*/
.ZoomImage {cursor: zoom-in; user-select: none;}
.ZoomImage_F {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.98); z-index: 9999999999; display: none; background-image: url("images/video_background.webp");}
.ZoomImage_F ul {width: 100%; height: 100%; float: left;}
.ZoomImage_F ul li {width: 100%; height: 100%; float: left; position: relative; display: flex; align-items: center; justify-content: center;}
.ZoomImage_F ul li img {max-width: 80%; max-height: 80%; border: 8px #FFF solid;}
.ZoomImage_F ul li div {width: 100%; position: absolute; left: 0px; top: 0px; padding: 2% 0px; color: #FFF;}
.ZoomImage_F i {width: auto; position: absolute; right: 10px; top: 10px; color: #FFF; cursor: pointer; font-size: 3vw; z-index: 100; transform: scale(0.8); transition: .3s;}
.ZoomImage_F i:hover {transform: scale(1);}
.ZoomImage_F .swiper-button-next,.ZoomImage_F .swiper-button-prev,.ZoomImage_F .swiper-pagination {color: #FFF;}

/*手机版底部菜单*/
.Menu_Mobile_C {width: 100%; height: 0px; float: left; margin-bottom: 58px; display: none;}
.Menu_Mobile {width: 100%; height: auto; position: fixed; left: 0px; bottom: 0px; background-color: var(--yiq-color-main); padding: 10px 0px 5px 0px; z-index: 99}
.Menu_Mobile div {width: 25%; height: auto; float: left; color: #FFF;}
.Menu_Mobile div a {width: 100%; height: auto; float: left; color: #FFF; text-align: center;}
.Menu_Mobile div i {width: 100%; height: auto; float: left; font-size: 28px;}
.Menu_Mobile div span {width: 100%; height: 20px; line-height: 20px; float: left; overflow: hidden;}

/*在线询盘*/
.Feedback_Hei {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999999; background-color: rgba(0,0,0,0.8); display: none;}
.Feedback_Hei_C {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center;}
.Feedback {width:600px; height:auto; overflow:hidden; background-color: #FFF; padding: 3%; padding-top: 3%; border-radius: 10px;}
.Feedback ul {width: 100%; height: auto; min-height: 30px; float: left; position: relative;}
.Feedback ul i {width: 30px; height: 30px; padding: 0px; margin: 0px; cursor: pointer; position: absolute; right: 0px; top: 0px; font-size: 30px;}
.Feedback ul li {width: calc(100% - 30px); height: auto; line-height: 30px; float: left; overflow: hidden; text-align: left;}
.Feedback ul li span {width: 100px; height: 100%; float: left; overflow: hidden; text-align: right;}
.Feedback ul li div {width: calc(100% - 100px); height: 100%; float: left; overflow: hidden; text-align: left; color: #DA251C;}
.Feedback_L {width:100%; height:auto; float:left; overflow:hidden;}
.Feedback_L div {width:100%; height:auto; float:left; overflow:hidden; padding:5px 0px;}
.Feedback_L div input {width:100%; height:35px; line-height:35px; padding:0px 10px; border: 1px #DEDEDE solid; background-color:#FFF; border-radius: 5px;}
.Feedback_R {width:100%; height:auto; float:right; overflow:hidden; margin-top:10px;}
.Feedback_R textarea {width:100%; height:100px; border: 1px #DEDEDE solid; background-color:#FFF; padding:10px; border-radius: 5px;}
.Feedback_B {width:100%; height:auto; float:left; overflow:hidden; margin-top:10px;}
.Feedback_B div {width:150px; height:35px; float:left; overflow:hidden;}
.Feedback_B div input {width:100%; height:100%; padding:0px 10px; border: 1px #DEDEDE solid; background-color:#FFF;}
.Feedback_B span {width:50px; height:100%; float:left; overflow:hidden;}
.Feedback_B input[name='button'] {width:100%; height:40px; float:right; background-color:var(--yiq-color-main); color:#FFF; border:none; margin-top: 10px; border-radius: 5px;}

/*验证码*/
[yiq-act='vcode'] {cursor: pointer;}
/*分享按钮*/
[yiq-act='share'] {cursor: pointer;}

/*分享到微信*/
.WeChat {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.7); z-index: 999999999; display: none;}
.WeChat_Box {width: auto; height: auto; background-color: #FFF; padding: 3%;}
.WeChat_Box_Qrcode {width: 200px; height: 200px; float: left;}
.WeChat_Box_Qrcode canvas {border: 1px #EEE solid; padding: 10px;}
.WeChat_Box_Message {width: 350px; float: left; text-align: left; padding-left: 10%; color: #000;}
.WeChat_Box_Message div {width: 100%; float: left;}

/*视频播放*/
.Video_Play {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.9); z-index: 999999999; display: none; background-image: url("images/video_background.webp"); background-position: center center;}
.Video_Play ul {width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.Video_Play ul li {width: auto; height: auto; max-width: 80%; max-height: 80%; position: relative; display: inline; border: 10px rgba(255,255,255,0.1) solid;}
.Video_Play ul li video {max-width: 100%; max-height: 100%;}
.Video_Play ul li i {width: auto; position: absolute; right: -10px; bottom: calc(100% + 10px); color: #FFF; cursor: pointer; transition: .2s; transform: scale(0.8);}
.Video_Play ul li i:hover {transform: scale(1);}

/***************************通用样式结束********************************/

/***************************专用样式开始********************************/

/*顶部样式*/
.CSS_Top_C {width: 100%; position: absolute; left: 0px; top: 0px; z-index: 100;}
.CSS_Top {width: 100%; height:80px; float: left;}
.CSS_Top_Logo {width:380px; height:100%; overflow:hidden; float: left; display: flex; align-items: center; transition: all .2s ease-in-out;}
.CSS_Top_Logo img {width: auto; height:100%; max-height: 60px;}
.CSS_Top_Menu {width:calc(100% - 380px - 25px - 28px); height:80px; float:left; position: relative; z-index: 99999999;}
.CSS_Top_Menu_List {width: 100%; height: 100%; float: left;}
.CSS_Top_Menu_List div {width:16%; height:100%; float: left; position:relative; z-index:99999999; display:inline; margin:0px 0.33%;}
.CSS_Top_Menu_List div span {width: 100%; height:100%; float: left; overflow:hidden; position: relative;}
.CSS_Top_Menu_List div span A {width: 100%; height:100%; line-height:80px; float: left; text-align:center; display:inline; transition: all .2s ease-in-out;}
.CSS_Top_Menu_List div span A.current,.CSS_Top_Menu_List div:hover span A {text-decoration:none; color: var(--yiq-color-main);font-weight: bold;}
.CSS_Top_Menu_List div span A.current {font-weight: bold;}
.CSS_Top_Menu_List div span::before {content: ""; width: 0px; height: 2px; position: absolute; left: 50%; bottom: 0px; transition: .3s; background-color: var(--yiq-color-main);}
.CSS_Top_Menu_List div:hover span::before {width: 100%; width: 20px; left: calc(50% - 10px);}
.CSS_Top_Menu_List div ul {width: auto; min-width: 100%; height:auto; position:absolute; left:0px; top:100%; overflow:hidden; background-color: var(--yiq-color-main70); z-index:99999999; padding: 10px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
/*box-shadow: 0px 5px 10px rgba(0,0,0,0.3);*/
transition: all .2s ease-in-out;
transform: scaleY(0);
transform-origin :0% 0px;
}
.CSS_Top_Menu_List div:hover ul {transform: scaleY(1);}
.CSS_Top_Menu_List div ul li {width:auto; min-width:100%; height:40px;}
.CSS_Top_Menu_List div ul li A {width:auto; min-width:100%; height:100%; line-height:40px; overflow:hidden; white-space: nowrap; text-align: center;}
.CSS_Top_Menu_List div ul li A:link,.CSS_Top_Menu_List div ul li A:visited,.CSS_Top_Menu_List div ul li A:active {color:#FFF;}
.CSS_Top_Menu_List div ul li A:hover {color:#FFF; text-decoration:none;}
.CSS_Top_C.not_home {background-color: var(--yiq-color-main70);}
.CSS_Top_C.bai .CSS_Top_Logo {filter: brightness(0) invert(1);}
.CSS_Top_C.bai .CSS_Top_Menu_List div span a,.CSS_Top_C.bai .CSS_Top_Menu_List div span A.current,.CSS_Top_C.bai .CSS_Top_Menu_List div:hover span A {color: #FFF;}
.CSS_Top_C.bai .CSS_BanBen div i {color: #FFF; font-weight: normal;}
.CSS_Top_C.bai .Search i {background-color: #FFF; color: var(--yiq-color-main); font-weight: bold;}
.CSS_Top_C.bai .CSS_Top_Menu_M div span {border-color: #FFF;}
.CSS_Top_C.bai .CSS_Top_Menu_List div span::before {background-color: #FFF;}

/*手机菜单控制*/
.CSS_Top_Menu_M {width: auto; height: 100%; display: flex; align-items: center; display: none; margin-left: 10px;}
.CSS_Top_Menu_M div {width: 25px; height: 25px; position: relative; cursor: pointer; z-index: 999999999;}
.CSS_Top_Menu_M div span {width: 100%; height: 0px; border-top: 1px var(--yiq-color-main) solid; float: none; position: absolute; left: 0px; top: 15%; transition: all .2s ease-in-out;}
.CSS_Top_Menu_M div span:nth-child(2) {top: 50%;}
.CSS_Top_Menu_M div span:last-child {top: 85%;}
.CSS_Top_Menu_M div.current span:first-child {transform: rotate(45deg); top: 50%; border-top: 1px #FFF solid;}
.CSS_Top_Menu_M div.current span:last-child {transform: rotate(-45deg); top: 50%; border-top: 1px #FFF solid;}
.CSS_Top_Menu_M div.current span:nth-child(2) {transform: scale(0,0);}

/*语言版本*/
.CSS_BanBen {width:25px; height:100%; float: right; position: relative;}
.CSS_BanBen div {height:100%; float: left; display: flex; align-items: center; cursor: pointer;}
.CSS_BanBen div i {width:25px; height:25px; line-height:25px; color:var(--yiq-color-main); cursor:pointer; font-weight: bold; font-size: 21px; transition: all .2s ease-in-out;}
.CSS_BanBen ul {width: 60px; height: auto; position: absolute; right: 0px; top: 100%; z-index: 100; background-color: var(--yiq-color-main); padding: 5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
transition: all .2s ease-in-out;
transform: scaleY(0);
transform-origin :0% 0px;
}
.CSS_BanBen:hover ul {background-color: var(--yiq-color-main); transform: scaleY(1);}
.CSS_BanBen ul li A {width: 100%; height:25px; line-height:25px; float: left;}
.CSS_BanBen ul li A:link,.CSS_BanBen ul li A:visited,.CSS_BanBen ul li A:active {color:#FFF;}
.CSS_BanBen ul li A:hover {text-decoration:none; color: var(--yiq-color-active);}
.CSS_BanBen ul li A img {width:23px; height:15px; float:left; overflow:hidden; margin-top:5px;}
.CSS_BanBen ul li A font {width:auto; height:25px; line-height:25px; float:left; overflow:hidden; margin-left:5px; display:inline; text-transform:uppercase;}

/*搜索*/
.Search {width: 22px; height: 100%; float: right; position: relative; display: flex; align-items: center;}
.Search div {width: 100%; height: auto; float: left; position: relative;}
.Search i {width: 100%; height: 22px; line-height: 22px; float: left; background-color: var(--yiq-color-main); color: #FFF; font-size: 18px; text-align: center; border-radius: 20px; transition: all .2s ease-in-out;}
.Search ul {width: auto; height: auto; position: absolute; float: right; right: -3px; top: -6px; z-index: 9999999999; border-radius: 30px; overflow: hidden; border: 3px transparent solid;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Search ul li {width: 0px; height: auto; float: left; overflow: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Search ul li span {width: calc(100% - 40px); height: auto; float: left; overflow: hidden;}
.Search ul li span input {width: 100%; height: 28px; border: none; background-color: #FFF; padding: 0px 15px;}
.Search ul p {width: 40px; height: 28px; line-height: 28px; float: left; overflow: hidden; background-color: var(--yiq-color-active); text-align: center; color: #FFF; cursor: pointer; margin: 0px;}
.Search:hover ul {display: inline; border: 3px var(--yiq-color-text) solid;}
.Search:hover ul li {width: 280px;}

/*首页通用标题*/
.H_Title {width: 100%; float: left;}
.H_Title span {width: 100%; float: left; font-weight: bold; font-size: 2.0rem; line-height: 2.2rem; padding-bottom: 20px;}
.H_Title span::before {width: 20px; height: 2px; background-color: var(--yiq-color-main); content: ""; position: absolute; left: calc(50% - 10px); bottom: 0px;}
.H_Title div {width: 100%; float: left; color: var(--yiq-color-text-dan); margin-top: 1%; font-size: 1.1rem; line-height: 1.3rem;}
.H_Title.left {text-align: left;}
.H_Title.left span::before {left: 0px;}
.H_Title.right {text-align: left;}
.H_Title.small span {font-size: 1.6rem; line-height: 1.8rem;}
.H_Title.small div {font-size: 1.0rem; line-height: 1.2rem;}
.H_Title.big span {font-size: 2.5rem; line-height: 2.7rem;}
.H_Title.big div {font-size: 1.2rem; line-height: 1.4rem;}
.H_Title.biger span {font-size: 5.0rem; line-height: 5.2rem;}
.H_Title.biger div {font-size: 1.8rem; line-height: 2.0rem;}
.H_Title.bai span {color: #FFF;}
.H_Title.bai div {color: rgba(255,255,255,0.5);}


/*首页整行更多按钮*/
.H_More {width:100%; height:auto; float:left; overflow:hidden; margin-top:20px;}
.H_More A {width:auto; height:auto; float: left; overflow:hidden;}

@media(max-width:1500px){
}

@media(max-width:1200px){
	.CSS_C {padding: 0px 3%;}
	.CSS_BanBen div A span {display:none;}
	.Fu_R {display: none;}
	.Links_C {display:none;}
	.CSS_Left {display:none;}
	.CSS_Right {width:100%;}
	/*以上为通用*/
	.Flash_AD {max-width: 50%;}
}

@media(max-width:1003px){
	.Bottom_C {display: none;}
	.Menu_Mobile_C {display: inline;}
	.H_Title.left,.H_Title.right {text-align: center;}
	[yiq-act='share'][data='wechat'] {display: none;}
	/*以上为通用*/
}

@media(max-width:850px){
	.CSS_Top {padding: 0px 2%; height: 60px;}
	.CSS_Top_Logo {width: auto;}
	.CSS_Top_Logo img {max-height: 40px;}
	.CSS_Top_Menu {width: 100%; height: 0px; position: fixed; overflow: hidden; left: 0px; top: 0px; background-color: var(--yiq-color-menu-mobile-background); display: flex; align-items: center;}
	.CSS_Top_Menu_List {width: 100%; height: auto; float: none;}
	.CSS_Top_Menu_List div {width: 100%; height: 50px;}
	.CSS_Top_Menu_List div span a {color: #FFF; line-height: 50px;}
	.CSS_Top_Menu_List div span A.current, .CSS_Top_Menu_List div:hover span A {color: #FFF;}
	.CSS_Top_Menu_List div ul {float: left; position: inherit;}
	.CSS_Top_Menu_M {display: flex; float: right;}
	.CSS_Top_Menu_List div ul {display: none;}
	.AD img[yiq="pc"] {display: none;}
	.AD img[yiq="mobile"] {display: inline;}
	.Feedback {width: 90%;}
	/*以上为通用*/
}


@media(max-width:700px){
	.ZoomImage_F i {font-size: 5vw;}
	.ZoomImage_F ul li img {border: 3px #FFF solid;}
	.ZoomImage_F .swiper-button-next::after,.ZoomImage_F .swiper-button-prev::after {font-size: 18px;}
	.ZoomImage_F .swiper-button-next {right: 0px;}
	.ZoomImage_F .swiper-button-prev {left: 0px;}
	/*以上为通用*/	
	.Flash {display: none;}
	.Flash_M {display: inline-block;}
	.R_Page_C A,.R_Page_C.big A {width: 25px; height: 25px; line-height: 25px;}
	.R_Page_C A i,.R_Page_C.big A i {line-height: 25px;}
	
	.H_Title span {font-size: 1.4rem; line-height: 1.6rem; padding-bottom: 5px;}
	.H_Title span::before {height: 2px;}
	.H_Title div {font-size: 1.0rem; line-height: 1.2rem;}
	.H_Title.small span {font-size: 1.2rem; line-height: 1.4rem;}
	.H_Title.small div {font-size: 1.0rem; line-height: 1.2rem;}
	.H_Title.big span {font-size: 1.8rem; line-height: 2.0rem;}
	.H_Title.big div {font-size: 1.2rem; line-height: 1.4rem;}
	.H_Title.biger span {font-size: 2.2rem; line-height: 2.0rem;}
	.H_Title.biger div {font-size: 1.4rem; line-height: 1.6rem;}
}