@font-face{
font-family: yiq_en; font-display: swap;
src:url('fonts/yiq_en.woff') format('woff'),
	url('fonts/yiq_en.ttf') format('truetype');
}

@font-face{
font-family: yiq_en1; font-display: swap;
src:url('fonts/yiq_en1.woff') format('woff'),
	url('fonts/yiq_en1.ttf') format('truetype');
}

@font-face{
font-family: yiq_en2; font-display: swap;
src:url('fonts/yiq_en2.woff') format('woff'),
	url('fonts/yiq_en2.ttf') format('truetype');
}

:root{
	--Q_Color:#00BDB7;
	--B_Color:#009B96;
}

*{padding:0px; margin:0px; box-sizing: border-box;}
.buttom_style {border:none; width:94px; height: 33px; background-color:#FF8D00; line-height:28px; cursor:hand; margin:0 auto; font-size:15px; color:#FFFFFF; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
table {font-size:13px; line-height:22px;}
input,textarea {color:#11121E; font-size:12px;outline:none;}

img {border:none;}
ul,li {padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5,h6,h7,h8,dd {font-weight:normal; padding:0px; margin:0px;}

p {margin: 0px 0px 10px 0px;}

.table thead {
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.table th {text-align:center;}
.table tbody {background-color:#FFF;}

.T_L_B {font-weight:bold; color:#0E991A;}
.T_R_B {font-weight:bold; color:#FF6600;}

.TR_B1 {background-color:#EFEFEF;}
.TR_B2 {background-color:#FFFFFF;}

/*重定义Boot*/
/*消息提示框----模态框*/
.modal {text-align: left; z-index: 999999999;}
.modal-dialog {max-width:320px;}
.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;}
.list-group {margin-bottom:0px;}
.list-group li {overflow:hidden;}

A {font-size: 13px;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
A:link,A:visited,A:active {COLOR: #11121E; font-family:"PingFang SC",'arial', 'PingFang SC', arial, sans-serif; TEXT-DECORATION: none; text-align:left;outline:none;}
A:hover {COLOR: #FF8D00;TEXT-DECORATION: underline; star:expression(this.onFocus=this.blur());}

::-webkit-input-placeholder { /* WebKit browsers */color: #999; font-size: 15px;}
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #999; font-size: 15px;}
:-ms-input-placeholder { /* Internet Explorer 10+ */color: #999; font-size: 15px;}

body{text-align:center; margin:0px; font-size:13px; line-height:22px; background-color:#f5f5f5; font-family:"PingFang SC",'arial', 'PingFang SC', arial, sans-serif; color:#000;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

/*基础样式设置*/
.Font_Size_Title_N {font-size: 28px; line-height: 30px;}
.Font_Size_Text {font-size: 16px; line-height: 30px;}
.Font_Size_Text1 {font-size: 18px; line-height: 30px;}
.Font_Size_Title1 {font-size: 32px; line-height: 40px;}
.Font_Size_Title2 {font-size: 38px; line-height: 40px;}

.Btn {width: 100%; height: auto; float: left;}
.Btn a {width: auto; height: 30px; line-height: 30px; float: left; overflow: hidden; background-color: #1669aa; color: #FFF; padding: 0px 15px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.Btn a:hover {background-color: #1669aa; text-decoration: none; padding: 0px 25px;}

/*背景*/
.Body_Hui {background-color: #F5F5F5;}

/*网页整体框架*/
.CSS_Body{width:100%; height:auto; max-height:auto; margin:0px auto; display:run-in; padding:0px; position:relative;}

/*定义网站宽度*/
.CSS_C{width:100%; max-width: 1200px; height:auto; max-height:auto; margin:0px auto; display:run-in; padding:0px;}
.CSS_C_S {width: 100%; max-width: 1200px;}

/*顶部*/
.CSS_Top {width:100%; height:70px; float: left; background-color: #3484c3;}
.CSS_Logo {width:300px; height:100%; float:left; position: relative; transition: all .2s ease-in-out; background-color: #FFF;}
.CSS_Logo img {width:auto; height:45px; margin-top: 12px;}
.CSS_Logo p {width: 66px; height: 100%; position: absolute; left: 100%; top: 0px; background-image: url("images/logo_jiao.png"); background-size: 100% 100%;}
.CSS_Top_C {width: calc(100% - 300px); height:auto; float:right;}

/*主菜单*/
.Menu {width:calc(100% - 10% - 70px); height:auto; float:left; background-image: url(images/menu_current.png); background-size: 70px 4px; background-repeat: no-repeat; background-position: left -45px bottom; margin-left:10%;}
.Menu div {width: 14.28%; height: 70px; float: left; position: relative;}
.Menu div span {width: 100%; height: 100%; float: left; overflow: hidden;}
.Menu div span A {width:auto; height:30px; line-height:30px; margin: 0px auto; display: inline-block; overflow: hidden; text-align: center; font-size:16px; padding: 0px 20px; color:#FFF; margin-top: 20px; transition: all .2s ease-in-out;}
.Menu div span A:link,.Menu div span A:visited,.Menu div span A:active {}
.Menu div span A:hover {text-decoration:none;}
.Menu div span A.current {text-decoration:none; color: #FFF; font-weight: bold;}
.Menu div ul {width: 200px; height: auto; overflow: hidden; position: absolute; left: calc((0px - 200px) / 2 + 50%); top: 70px; background-color: #FFF; background-color: #3484c3;  display: none; z-index: 999999999;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.Menu div ul li {width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden;}
.Menu div ul li A {width: 100%; height: 100%; float: left; text-align: center;}
.Menu div ul li A:link,.Menu div ul li A:visited,.Menu div ul li A:active {color: #FFF;}
.Menu div ul li A:hover {color: #000; text-decoration: none; background-color: rgba(255,255,255,0.4);}
.Menu div:hover ul {display: inline;}

/*手机版菜单控制按钮*/
.M_Menu {width: 26px; height: 26px; position: absolute; right: 17px; top: 13px; cursor: pointer; display: none; z-index: 999999999}
.M_Menu div {width: 26px; height: 1px; float: left; overflow: hidden; border-top: 2px #FFF solid; transition: all .2s ease-in-out; margin-bottom: 5px; margin-top: 5px;}
.M_Menu span {width: 26px; height: 1px; float: left; overflow: hidden; border-top: 2px #FFF solid; transition: all .2s ease-in-out; margin-top: 5px;}
.M_Menu_Cha div {transform:rotate(45deg); margin-bottom: 0px; margin-top: 10px; border-top: 2px #FFF solid;}
.M_Menu_Cha span {transform:rotate(-45deg); margin-top: -2px; border-top: 2px #FFF solid;}

/*版本*/
.BanBen {width: 70px; height: 100%; float: left; overflow: hidden;}
.BanBen div {width: 30px; height: 30px; line-height: 30px; margin: auto 0px; margin-top: 20px; display: inline-block; overflow: hidden; background-color: rgba(255,255,255,0.2); border-radius: 20px;}
.BanBen div:hover {background-color: #FFF;}
.BanBen div:hover a {color: #00a0e9;}
.BanBen div a {width: 100%; height: 100%; float: left; color: #FFF; font-size: 14px; text-align: center;}
.BanBen div a:hover {text-decoration: none;}

/*首页轮播广告*/
.Flash {width:100%; min-width:320px; height:auto; max-height:800px; float:left; overflow:hidden; position:relative;}
.Flash .swiper-wrapper .swiper-slide img {width:100%; height:auto;}
.Flash .swiper-pagination-bullets {bottom:5%;}
.Flash .swiper-pagination-bullet {background-color:#000; width:10px; height:10px; opacity:0.8; 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-bullet-active {background-color:#3484c3; width: 30px;}
.Flash_AD {width: auto; max-width: 400px; height: auto; line-height: 50px; text-align: left; padding: 10px; color: #FFF; position: absolute; left: 5%; bottom: 20%; z-index: 999999997;  opacity: 0;
text-shadow: 0px 1px 1px #000;
}
.Flash_AD b {width: 100%; height: auto; float: left;}
.Flash_AD span {width: 100%; height: auto; float: left;}
.Flash_AD font {width: 100%; height: auto; float: left;}

/*首页轮播广告（手机）*/
.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:#000; width:6px; height:6px; opacity:0.8; border-radius: 3px;
-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:#3484c3; width: 12px;}
.Flash_M_AD {width: auto; max-width: 100%; height: auto; line-height: 50px; padding: 10px; background-color: #000; background-color: rgba(0,0,0,0.2); color: #FFF; position: absolute; left: 5%; bottom: 5%; z-index: 999999997; opacity: 0;}
.Flash_M_AD b {width: 100%; height: auto; float: left;}
.Flash_M_AD span {width: 100%; height: auto; float: left;}
.Flash_M_AD font {width: 100%; height: auto; float: left;}

/*首页标题*/
.H_Title {width: 100%; height: auto; float: left; overflow: hidden; text-align: center; visibility: hidden;}
.H_Title b {width: 100%; height: auto; line-height: 25px; font-size: 28px; float: left; overflow: hidden; font-family: "yiq_en1","PingFang SC","Arial"; color: #3484c3;}
.H_Title span {width: 100%; height: auto; line-height: 25px; float: right; overflow: hidden;}
.H_Title span A {font-size:25px; font-family: "PingFang SC","yiq_en1";}
.H_Title span A:link,.H_Title span A:visited,.H_Title span A:active {color:#000;}
.H_Title span A:hover {text-decoration:none; color: #000;}

/*首页ABOUT*/
.H_About {width: 100%; height: auto; float: left; overflow: hidden; padding: 7% 0px; text-align: left;}
.H_About_L {width: 400px; height: auto; float: left; overflow: hidden; border-radius: 10px; visibility: hidden; position: relative;}
.H_About_L p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 62.5%;}
.H_About_L img,.H_About_L iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.H_About_R {width: calc(100% - 400px - 50px); height: auto; float: right; overflow: hidden; visibility: hidden;}
.H_About_R_T {width: 100%; height: auto; float: left; overflow: hidden;}
.H_About_R_T b {width: auto; height: auto; line-height: 18px; font-size: 18px; float: left; color: #1669aa; font-family: "yiq_en1"; font-weight: bold;}
.H_About_R_T span {width: auto; height: 18px; float: left; overflow: hidden; text-align: right;}
.H_About_R_T span img {width: auto; height: 100%;}
.H_About_R_B {width: 100%; height: auto; float: left; text-align: left; font-size: 16px; line-height: 30px; margin-top: 5%;}

/*首页数据*/
.H_Number_C {width: 100%; height: auto; float: left; overflow: hidden; background-image: url("images/number_b.webp"); background-repeat: no-repeat; background-position: center top; background-size: auto 100%; padding: 5% 0px;}
.H_Number {width: 100%; height: auto; float: left; overflow: hidden; color: #FFF;}
.H_Number ul {width: 100%; height: auto; float: left;}
.H_Number ul li {width: 33.33%; height: auto; float: left; overflow: hidden;}
.H_Number ul li div {width: 100%; height: auto; float: left;}
.H_Number ul li div i {width: 80px; height: 80px; line-height: 80px; margin: 0px auto; display: inline-block; font-size: 60px;}
.H_Number ul li b {width: 100%; height: auto; float: left; position: relative;}
.H_Number ul li span {width: 100%; height: auto; float: left;}

/*产品分类*/
.CP_Map {width: 100%; height: auto; float: left; overflow: hidden; padding: 5% 0px;
background-image:-webkit-linear-gradient(to bottom,#d7e2f6,#FFF);
background-image:linear-gradient(to bottom,#d7e2f6,#FFF);
}
.CP_Map_K {width: 100%; height: auto; float: left; margin-top: 5%;}
.CP_Map_K div {width: 33.33%; height: auto; float: left; overflow: hidden; position: relative;}
.CP_Map_K div p {width: 100%; height: 0px; float: left; overflow: hidden; margin: 0px; padding: 0px; margin-top: 46.15%;}
.CP_Map_K div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.CP_Map_K div span {width: 100%; height: 30px; line-height: 30px; position: absolute; left: 0px; bottom: -30px; background-color: rgba(50,133,199,0.8); color: #FFF; 
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.CP_Map_K div:hover span{bottom: 0px;}

/*产品*/
.CP {width: 100%; height: auto; float: left; overflow: hidden; margin: 5% 0px; border-left: 1px #DEDEDE solid; border-top: 1px #DEDEDE solid;}
.CP div {width: 33.33%; height: auto; float: left; overflow: hidden; position: relative; border-right: 1px #DEDEDE solid; border-bottom: 1px #DEDEDE solid;}
.CP div p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;}
.CP div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.CP div span {width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0px; bottom: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.CP div font {width: 60px; height: 60px; position: absolute; left: 0px; top: 0px; background-image: url("images/new.png"); background-size: 100% 100%;}
.CP div:hover span {background-color: #3484c3; color: #FFF;}
.CP_Text {width: 100%; height: auto; float: left; overflow: hidden; padding: 3%; background-color: #FFF; text-align: left;}
.CP_Text strong {font-size: 24px;}

/*客户怎么说*/
.Say_Box {width: 100%; height: auto; float: left; background-color: #FFF;}
.Say {width: 100%; height: auto; float: left; padding: 5% 0px; overflow: hidden;}
.Say_List {width: 100%; height: auto; float: left;}
.Say_K {width: 100%; max-width: 100%; height: auto; margin: 0px auto; display: inline-block; margin-top: 5%;}
.Say_K_Item {width: 100%; height: auto; float: left;}
.Say_K_Item_T {width: 100%; height: auto; float: left; color: #3484c3;}
.Say_K_Item_T span {width: 50px; height: auto; float: left; text-align: left; font-size: 80px;}
.Say_K_Item_T span:nth-child(3) {float: right; text-align: right;}
.Say_K_Item_T div {width: calc(100% - 50px); height: auto; float: left; text-align: left; font-size: 18px; line-height: 30px; padding-right: 50px;}
.Say_K_Item_B {width: 100%; height: auto; float: left;}
.Say_K_Item_B_Img {width: 100%; height: auto; float: left; margin-top: 5%;}
.Say_K_Item_B_Img div {width: 150px; height: 150px; margin: 0px auto; display: inline-block; position: relative;}
.Say_K_Item_B_Img div span {width: 100%; height: 100%; float: left; border-radius: 100px; background-color: #3484c3; padding: 5px;}
.Say_K_Item_B_Img div span u {width: calc(100% - 10px); height: calc(100% - 10px); position: absolute; left: 5px; top: 5px; overflow: hidden; background-color: #FFF; border-radius: 100px; z-index:2;}
.Say_K_Item_B_Img div span u img {width: 100%; height: 100%; overflow: hidden;}
.Say_K_Item_B_Img div font {width: 50%; height: 50%; position: absolute; left: 25%; top: -10%; background-color: #3484c3; z-index: 1;
transform: rotate(45deg);
-webkit-transform: rotate(45deg); /* Safari 与 Chrome */
}
.Say_K_Item_B_Txt {width: 100%; height: auto; float: left; font-size: 24px; color: #3484c3; margin-top: 2%;}
.Say_Page {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.Say_Page .swiper-pagination {margin: 0px auto; display: inline-block; position: inherit;}
.Say_Page .swiper-pagination .swiper-pagination-bullet {margin: 0px 5px;}

/*首页为什么选择我们*/
.H_Why_C {width: 100%; height: auto; float: left; padding: 5% 0px; background-color: #EFEFEF;}
.H_Why {width: 100%; height: auto; float: left; padding: 10% 0px;}
.H_Why ul {width: 100%; height: auto; float: left;}
.H_Why ul li{width: 33.33%; height: auto; float: left;}
.H_Why ul li div {width: 80%; height: auto; margin: 0px auto; display: inline-block; color: #FFF; text-align: center; border-radius: 10px; padding: 15% 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.H_Why ul li div i {width: 100%; height: auto; float: left; text-align: center; font-size: 60px;}
.H_Why ul li div b {width: 100%; height: auto; float: left; margin: 5% 0px;}
.H_Why ul li div p {width: 50px; height: 3px; background-color: #FFF; margin: 0px auto; display: inline-block;}
.H_Why ul li div span {width: 100%; height: 125px; line-height: 25px; float: left; margin-top: 5%; padding: 0px 5%;}
.H_Why ul li:nth-child(1) div {background-color: #ff7195;}
.H_Why ul li:nth-child(2) div {background-color: #438fed;}
.H_Why ul li:nth-child(3) div {background-color: #30c1cd;}
.H_Why ul li.current div {transform:scale(1.2,1.3); box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.2);}

/*关于我们详细页*/
.About_N {width: 100%;height: auto; float: left; margin-top: 7%;}
.About_N_Video {width: 100%; height: auto; float: left; overflow: hidden; position: relative;}
.About_N_Video p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 50%;}
.About_N_Video iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.About_N_Text {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 7%; text-align: left;}

/*发展历程*/
.LiCheng_Body {width: 100%; height: auto; float: left; overflow: hidden; background-color: #FFF; padding: 5% 0px;}
.LiCheng {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.LiCheng_T {width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; background-color: #3484c3; border-radius: 5px; position: relative;}
.LiCheng_T div {width: auto; height: auto; position: absolute; left: 0px; top: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.LiCheng_T div span {width: auto; height: 100%; float: left; overflow: hidden; color: #FFF; margin: 0px 30px; cursor: pointer;}
.LiCheng_T div span.current {font-size: 18px; color: #FF0;}
.LiCheng_C {width: 100%; height: auto; min-height: 200px; float: left; position: relative; background-image: url("images/liucheng_line.jpg"); background-repeat: repeat-y; background-position: center top;}
.LiCheng_C u {width: 100%; height: 14px; position: absolute; left: 0px; top: 0px; background-image: url("images/licheng_jiao.png"); background-repeat: no-repeat; background-position: center top;}
.LiCheng_C ul {width: 100%; height: auto; float: left; display: none;}
.LiCheng_C ul li {width: 100%; height: auto; float: left; margin-top: 3%; visibility: hidden;}
.LiCheng_C ul li dd {width: auto; height: auto; margin: 0px auto; display: inline-block;}
.LiCheng_C ul li dd div {width: 300px; height: 1px; float: left;}
.LiCheng_C ul li dd div img {width: 100%; height: auto; border-radius: 20px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.LiCheng_C ul li dd i {width: 20px; height: 20px; float: left; overflow: hidden; background-color: #FFF; border: 2px #3484c3 solid; border-radius: 100px; margin: 0px 20px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.LiCheng_C ul li dd span {width: 300px; height: auto; float: right; overflow: hidden; text-align: left; background-color: #F5F5F5; padding: 20px; border-radius: 10px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.LiCheng_C ul li dd span b {width: 100%; height: 25px; line-height: 25px; float: left; font-size: 28px; color: #CCC; font-weight: normal;}
.LiCheng_C ul li dd span font {width: 100%; height: auto; line-height: 25px; float: left; font-size: 14px; color: #333; margin-top: 10px;}
.LiCheng_C ul li:nth-child(even) dd div {float: right;}
.LiCheng_C ul li:nth-child(even) dd span {float: left; text-align: right;}
.LiCheng_C ul li:hover dd i {background-color: #3484c3;}
.LiCheng_C ul li:hover dd span {background-color: #3484c3;}
.LiCheng_C ul li:hover dd span b {color: #FFF; color: rgba(255,255,255,0.2);}
.LiCheng_C ul li:hover dd span font {color: #FFF;}
.LiCheng_C ul li dd div img:hover {transform:scale(1.1);}

/*首页新闻*/
.H_News_C {width: 100%; height: auto; float: left; overflow: hidden; background-color: #F8F8F8; padding: 4.5% 0px;}
.H_News_T {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.H_News_T ul {width: auto; height: auto; margin: 0px auto; display: inline-block; overflow: hidden;}
.H_News_T ul li {width: auto; height: 40px; line-height: 40px; float: left; overflow: hidden; background-color: #EFEFEF; color: #000; border-radius: 5px; padding: 0px 20px; margin: 0px 5px; font-size: 16px; cursor: pointer; visibility: hidden;}
.H_News_T ul li:hover {background-color: #DDD;}
.H_News_T ul li.current {background-color: #3484c3; color: #FFF;}
.H_News_KK {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.H_News_K {width: 100%; height: auto; float: left; overflow: hidden; display: none;}
.H_News_K_L {width: 500px; height: auto; float: left; overflow: hidden; visibility: hidden;}
.H_News_K_L img {width: 100%; height: auto;}
.H_News_K ul {width: calc(100% - 500px - 80px); height: auto; float: right; overflow: hidden; visibility: hidden;}
.H_News_K ul li {width: 100%; height: auto; float: left; overflow: hidden; margin-bottom: 14px;}
.H_News_K ul li a {width: calc(100% - 80px); height: 25px; float: left; overflow: hidden; font-size: 16px;}
.H_News_K ul li span {width: 80px; height: 25px; line-height: 25px; float: left; overflow: hidden; font-size: 12px; color: #999;}
.H_News_K ul li div {width: 100%; height: 40px; line-height: 20px; float: left; overflow: hidden; color: #666; font-size: 12px; text-align: left;}

/*底部*/
.Bottom_C {width:100%; height:auto; float:left; background-color:#383838; color: #CCC; margin-top: 4%; padding: 4% 0px; font-size: 16px; line-height: 50px;}
.Bottom {width: 100%; height: auto; float: left;}
.Bottom_T {width: 100%; height: auto; float: left;}
.Bottom_T_L {width: 140px; height: auto; float: left; padding-top: 13px; padding-top: 75px;}
.Bottom_T_L img {width: auto; height: auto; visibility: hidden;}
.Bottom_T_C {width: 20%; height: auto; float: left; overflow: hidden;}
.Bottom_T_C ul {width: 100%; height: auto; float: left; overflow: hidden;}
.Bottom_T_C ul li {width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; text-align: left; padding-left: 30px;}
.Bottom_T_Addr {width: calc(100% - 140px - 20% - 280px); height: auto; float: left; overflow: hidden;}
.Bottom_T_Addr ul {width: 100%; height: auto; float: left; overflow: hidden;}
.Bottom_T_Addr ul li {width: 100%; height: auto; float: left; overflow: hidden;}
.Bottom_T_Addr ul li i {width: 40px; height: 40px; line-height: 40px; float: left; overflow: hidden; font-size: 18px;}
.Bottom_T_Addr ul li div {width: calc(100% - 40px); height: auto; line-height: 40px; float: left; overflow: hidden; text-align: left;}

.Bottom_T_R {width: 280px; height: auto; float: right; overflow: hidden; text-align: left;}
.Bottom_T_R div {width: 120px; height: auto; float: left; overflow: hidden;}
.Bottom_T_R div:nth-child(2) {margin-left: 40px;}
.Bottom_T_R div span {width: 100%; height: 120px; float: left; overflow: hidden;}
.Bottom_T_R div span img {width: 100%; height: 100%;}
.Bottom_T_R div font {width: 100%; height: 20px; line-height: 20px; float: left; font-size: 12px; text-align: center; margin-top: 5px;}

.Bottom A { font-size: 16px;}
.Bottom A:link,.Bottom A:visited,.Bottom A:active {color: #CCC;}
.Bottom A:hover {text-decoration:none; color: #FFF;}

.Bottom_B_C {width: 100%; height: auto; float: left; overflow: hidden; padding: 10px 0px; background-color: #333;}
.Bottom_B {width: 100%; float: left; overflow: hidden; font-size: 12px; color: #CCC;}
.Bottom_B div {width: auto; float: left; overflow: hidden;}
.Bottom_B span {width: auto; float: right; overflow: hidden; color: #666;}

.Bottom_B A { font-size: 12px;}
.Bottom_B A:link,.Bottom_B A:visited,.Bottom_B A:active {color: #CCC;}
.Bottom_B A:hover {text-decoration:none; color: #FFF;}

/*产品详细页*/
.CP_Info {width: 100%; height: auto; float: left; overflow: hidden;}
.CP_Info_T {width: 100%; height: auto; float: left; overflow: hidden;}
.CP_Info_T_Img {width: 50%; height: auto; float: left; overflow: hidden;}
.CP_Info_T_Img_Big {width: 100%; height: auto; float: left; position: relative;}
.CP_Info_T_Img_Big p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;}
.CP_Info_T_Img_Big img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border: 1px #DEDEDE solid;}
.CP_Info_T_Img_Big font {width: 60px; height: 60px; position: absolute; left: 0px; top: 0px; background-image: url("images/new.png"); background-size: 100% 100%;}
.CP_Info_T_Img_Small {width: 100%; height: auto; float: left; margin-top: 10px;}
.CP_Info_T_Img_Small div {width: 18.4%; height: auto; float: left; overflow: hidden; position: relative; margin: 0px 2% 2% 0px;}
.CP_Info_T_Img_Small div:nth-child(5),.CP_Info_T_Img_Small div:nth-child(10),.CP_Info_T_Img_Small div:nth-child(15) {margin-right: 0px;}
.CP_Info_T_Img_Small div p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 100%;}
.CP_Info_T_Img_Small div img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; border: 1px #DEDEDE solid;}
.CP_Info_T_Img_Small div img:hover {border-color: #3484c3;}
.CP_Info_T_Info {width: 45%; height: auto; float: right;}
.CP_Info_T_Info_T {width: 100%; height: auto; float: left; overflow: hidden; color: #3484c3; text-align: left;}
.CP_Info_T_Info_Text {width: 100%; height: auto; float: left; overflow: hidden; text-align: left; color: #666; margin-top: 5%;}
.CP_Info_T_Info_Btn {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.CP_Info_T_Info_Btn div {width: 45%; height: 40px; line-height: 40px; float: left; overflow: hidden; background-color: #000; color: #FFF; border-radius: 5px; cursor: pointer;}
.CP_Info_T_Info_Btn div.video {float: right; background-color: #3484c3;}
.CP_Info_T_Info_Btn div.FB {width: 100%; float: right; background-color: #00A699; margin-top: 10px;}
.CP_Info_B {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%; text-align: left;}
.CP_Info_B_T {width: 100%; height: auto; float: left; border-bottom: 1px #DEDEDE solid;}
.CP_Info_B_T div {width: auto; height: 40px; line-height: 40px; float: left; background-color: #383838; color: #FFF; padding: 0px 5%;}
.CP_Info_B_C {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%; text-align: left;}
.CP_Info_B_C img {max-width: 100%; height: auto;}

.CP_Video_CC {width: 100%; height: 100%; position: fixed; background-color: #000; background-color: rgba(0,0,0,0.9); display: none;}
.CP_Video_C {width: 100%; height: 100%; float: left; display: flex; align-items: center; justify-content: center;}
.CP_Video_Play {width: 100%; max-width: 600px; height: auto; float: left; overflow: hidden; position: relative;}
.CP_Video_Play p {width: 100%; height: 0px; float: left; padding: 0px;margin: 0px; margin-top: 66.66%;}
.CP_Video_Play iframe {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}

/*视频列表*/
.Video_List {width: 100%; height: auto; float: left; overflow: hidden;}
.Video_List_K {width: 31.33%; height: auto; float: left; overflow: hidden; margin: 0px 1% 2% 1%;}
.Video_List_K_T {width: 100%; height: auto; float: left; overflow: hidden; position: relative;}
.Video_List_K_T p {width: 100%; height: 0px; float: left; overflow: hidden; padding: 0px; margin: 0px; margin-top: 66.66%;}
.Video_List_K_T img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; cursor: pointer; border: 1px #DEDEDE solid;}
.Video_List_K_T span {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-color: #000; background-color: rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.Video_List_K_T span i {color: rgba(255,255,255,0.2); font-size: 28px;}
.Video_List_K_T:hover span {background-color: rgba(0,0,0,0.2);}
.Video_List_K_T:hover span i {color: #FFF;}
.Video_List_K_B {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden;}

/*下载中心*/
.Download_List {width: 100%; height: auto; float: left; overflow: hidden;}
.Download_List_K {width: 48%; height: auto; float: left; overflow: hidden; margin: 0px 1% 2% 1%; background-color: #FFF;}
.Download_List_K_L {width: 120px; height: 120px; float: left; overflow: hidden;}
.Download_List_K_L img {width: 100%; height: 100%;}
.Download_List_K_R {width: calc(100% - 120px - 30px); height: auto; float: right; overflow: hidden; padding: 20px;}
.Download_List_K_R span {width: 100%; height: 50px; line-height: 25px; float: left; overflow: hidden; text-align: left; font-size: 16px;}
.Download_List_K_R div {width: 100%; height: 30px; line-height: 30px; float: left; overflow: hidden;}
.Download_List_K_R div a {width: auto; height: 100%; float: right; overflow: hidden; background-color: #666; border-radius: 5px; color: #fff; text-decoration: none; padding: 0px 10px;}
.Download_List_K_R div a:hover {background-color: #3484c3;}

/*经销商*/
.jxs {width: 100%; height: auto; float: left; overflow: hidden; float: left; border-radius: 30px; padding: 5%;}
.jxs b {width: 100%; height: auto; float: left; color: #3484c3; font-family: "yiq_en1";}
.jxs div {width: 100%; height: auto; float: left; margin-top: 5%; text-align: justify;}
.jxs div A {font-weight: bold; color: #3484c3; text-decoration: underline;}
.jxs div A:hover{color: #FF8D00;}

/*我们的优势*/
.ZR_C {width: 100%; height: auto; float: left; overflow: hidden; background-color: #FFF; padding: 5% 0px;}
.ZR_Title {width: 100%; height: auto; float: left; color: #3484c3; font-family: "yiq_en1"; font-weight: bold;}
.ZR {width: 100%; height: auto; float: left; text-align: justify; text-align-last: justify; margin-top: 1%;}
.ZR_K {width: 48%; height: auto; display: inline-block; background-color: #F8F8F8; overflow: hidden; border-radius: 30px; text-align: center; text-align-last: center; padding: 3%; visibility: hidden; margin-top: 4%;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ZR_K:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.ZR_K i {width: 130px; height: 130px; line-height: 130px; margin: 0px auto; display: inline-block; font-size: 48px; color: #FFF; border-radius: 200px;}
.ZR_K span {width: 100%; height: 60px; line-height: 30px; float: left; overflow: hidden; color: #000; margin-top: 5%;}
.ZR_K div {width: 100%; height: 125px; line-height: 25px; float: left; overflow: hidden; color: #000; margin-top: 5%; text-align: left; text-align-last: left;}
.ZR .ZR_K:nth-child(1) i {background-color: #ffcc8e;}
.ZR .ZR_K:nth-child(2) i {background-color: #ffaed2;}
.ZR .ZR_K:nth-child(3) i {background-color: #57f2b1;}
.ZR .ZR_K:nth-child(4) i {background-color: #a8cfff;}

/*经销商表单*/
.JXS_Btn {width: 100%; height: auto; float: left; margin-top: 5%;}
.JXS_Btn a {width: auto; height: 40px; line-height: 40px; margin: 0px auto; display: inline-block; background-color: #3484c3; color: #FFF; border-radius: 5px; padding: 0px 20px;}
.JXS_Btn a:hover {text-decoration: none; background-color: #FF8D00;}

/*解决方案*/
.JJFA {width: 100%; height: auto; float: left;}
.JJFA_K {width: 48%; height: auto; float: left; overflow: hidden; text-align: left; margin-right: 4%; background-color: #FFF; border-radius: 20px; padding: 5%; margin-top: 5%; position: relative; visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.JJFA_K_G {width: 0px; height: 10px; position: absolute; left: 0px; bottom: 0px; background-color: #00a0e9;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.JJFA_K_T {width: 100%; float: left; overflow: hidden; color: #00a0e9;}
.JJFA_K_C {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 3%;}
.JJFA_K_C div {width: calc(100% - 10% - 130px); height: 120px; line-height: 30px; overflow: hidden; float: left; color: #999;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.JJFA_K_C i {width: 130px; height: 130px; line-height: 130px; float: right; overflow: hidden; background-color: #00a0e9; color: #FFF; font-size: 48px; text-align: center; border-radius: 0px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.JJFA_K_B {width: 100%; height: auto; float: left; margin-top: 3%;}
.JJFA .JJFA_K:nth-child(2),.JJFA .JJFA_K:nth-child(4),.JJFA .JJFA_K:nth-child(6) {margin-right: 0px;}

.JJFA_K:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.JJFA_K:hover .JJFA_K_C div {color: #000;}
.JJFA_K:hover .JJFA_K_C i {border-radius: 20px;}
.JJFA_K:hover .JJFA_K_G {width: 100%;}
.JJFA_K:hover .JJFA_K_B a {border-radius: 5px;}

/*解决方案详细页*/
.FA_Title {width: 100%; height: auto; float: left; margin-top: 5%;}
.FA_List {width: 100%; height: auto; float: left;}
.FA_List_K {width: 100%; height: auto; float: left; margin: 5% 0px 2% 0px; background-color: #FFF; border-radius: 10px; padding: 5%; position: relative; visibility: hidden;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.FA_List_K:hover {box-shadow: 0px 0px 20px rgba(0,0,0,0.2);}
.FA_List_K_L {width: 400px; height: auto; float: left; overflow: hidden; position: relative; border-radius: 30px;}
.FA_List_K_L p {width: 100%; height: 0px; float: left; overflow: hidden; margin-top: 66.66%;}
.FA_List_K_L img {width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;}
.FA_List_K_R {width: calc(100% - 10% - 400px); height: auto; float: right; overflow: hidden; text-align: left;}
.FA_List_K_Title {width: auto; height: 50px; position: absolute; left: 0px; top: -25px;}
.FA_List_K_Title div {width: auto; height: 100%; line-height: 48px; float: left; position: relative; background-color: #00a0e9; padding: 0px 30px 0px 50px; color: #FFF; border-radius: 30px;}
.FA_List_K_Title div b {width: 60px; height: 60px; line-height: 60px; position: absolute; left: -30px; top: -5px; overflow: hidden; border-radius: 50px; background-color: #fcd357; font-family: "yiq_en";}

.FA_List_K:nth-of-type(odd) .FA_List_K_L {float: right;}
.FA_List_K:nth-of-type(odd) .FA_List_K_R {float: left;}

/*联系我们*/
.Contact_C {width: 100%; height: auto; float: left; padding: 5% 0px; background-color: #EFEFEF;}
.Contact {width: 100%; height: auto; float: left; position: relative;}
.Contact_T {width: 100%; height: auto; float: left; text-align: left;}
.Contact_K {width: 100%; height: auto; float: left; margin-top: 5%;}
.Contact_K_C {width: 100%; height: auto; float: left; text-align: left; visibility: hidden; padding-right: 200px;}
.Contact_K_C b,.Contact_K_C strong {color: #3484c3}
.Contact_K_C span {width: 100%; height: auto; float: left;}
.Contact_K_Contact {width: 100%; height: auto; float: left;}
.Contact_K_Contact ul {width: 100%; height: auto; float: left;}
.Contact_K_Contact ul li {width: 48%; height: auto; float: left; background-color: #F5F5F5; margin-top: 5%;}
.Contact_K_Contact ul li:nth-child(even) {float: right;}
.Contact_K_Contact ul li div {width: calc(100% - 100px); height: auto; float: left; overflow: hidden; background-color: #F5F5F5; padding: 3%; text-align: left;}
.Contact_K_Contact ul li div b {color: #3484c3;}
.Contact_K_Contact ul li span {width: 100px; height: 100px; float: right;}
.Contact_K_Contact ul li span img {width: 100%; height: 100%;}
.Contact_K_EWM {width: 150px; height: 150px; position: absolute; right: 0px; top: 0px; visibility: hidden;}
.Contact_K_EWM img {width: 100%; height: 100%;}
.Contact_Btn {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5%;}
.Contact_Btn a {width: auto; height: 25px; line-height: 25px; float: left; overflow: hidden; background-color: #3484c3; color: #FFF; padding: 0px 20px;}
.Contact_Btn a:hover {text-decoration: none;}
.Contact_Map {width: 100%; height: 500px; float: left; margin-top: 5%;}
.Contact_Map iframe {width: 100%; height: 500px; border: none;}

/*产品资讯列表*/
.News_List {width:100%; height:auto; float:left; overflow:hidden;}
.News_List_K {width:100%; height:auto; float:left; overflow:hidden; margin-bottom:30px; background-color: #F8F8F8; visibility: hidden;}
.News_List_K:hover {background-color: #EFEFEF;}
.News_List_L {width:300px; height:180px; float:left; overflow:hidden;}
.News_List_L img {width:100%; height:100%;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.News_List_C {width:calc(100% - 300px); height:auto; float:left; overflow:hidden; padding:3% 3% 0px 3%;}
.News_List_C_T {width:100%; height:30px; line-height:30px; float:left; overflow:hidden; text-align:left;}
.News_List_C_T A {font-size:18px;}
.News_List_C_C {width:100%; height:50px; line-height:25px; float:left; overflow:hidden; color:#999; text-align:left; font-size: 14px;}
.News_List_C_Date {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 5px; text-align: right;}
.News_List_K:hover img {transform:scale(1.06);}

/*内页顶部图片*/
.AD {width:100%; height:400px; line-height: 400px; float:left; overflow:hidden; text-align:left; background-repeat:no-repeat; background-position:center top; background-size:auto 100%; color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.AD div {line-height: 400px;}
.AD_Mobile {width: 100%; height: auto; float: left; overflow: hidden; display: none;}
.AD_Mobile img {width: 100%; height: auto;}
.AD_Product {height: 600px; line-height: 600px;}

/*左右分隔*/
.CSS_Left {width:200px; height:auto; float:left; position:relative; margin-top: 5%;}
.CSS_Right {width: calc(100% - 200px - 80px); height:auto; float:right; margin-top: 5%;}

/*内页标题栏*/
.L_Title {width:100%; height:auto; float:left; overflow:hidden; margin-top:30px; text-align:left; border-bottom:1px #F0F0F0 solid; padding-bottom:20px; font-size:20px; color:#333;}

/*右侧文字区*/
.R_Text {width:100%; height:auto; line-height:30px; float:left; overflow:hidden; font-size:15px; color:#333; text-align:left;}
.R_Text img {width:auto; max-width:100%; height:auto;}
.R_Text A {font-size: 15px; text-decoration: underline;}

/*左侧菜单风格一*/
.Item {width:100%; height:auto; float:left; position: relative;}
.Item_T {width:100%; height:45px; line-height:45px; float: left; overflow: hidden; background-color: #3484c3; text-align:center; color:#FFF; font-size:16px; font-weight: bold; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.Item_T div {width: 100%; height: 100%; float: left; overflow: hidden;}
.Item_T div i {display: none;}
.Item_C {width:100%; height:auto; float:left; overflow:hidden;}
.Item_C div {width:100%; height:50px; line-height:50px; float:left; overflow:hidden; margin-top: 7px;}
.Item_C div A {width:100%; height:100%; line-height:50px; float:left; overflow:hidden; background-color: #FFF; text-align: center; font-size: 15px;}
.Item_C div A:link,.Item_C div A:visited,.Item_C div A:active {}
.Item_C div A:hover {color:#000; text-decoration:none; background-color: #E5E5E5;}
.Item_C div A.current {text-decoration:none; color: #000; background-color: #DEDEDE;}

/*左侧菜单风格二*/
.Item2 {width:100%; height:auto; float:left; margin-top: 30px; border-right: 1px #DEDEDE solid;}
.Item2_T {width:100%; height:64px; line-height:64px; position:absolute; left:0px; top:-64px; background-image:url(images/item_title_b.png); text-align:center; color:#FFF; font-size:22px;}
.Item2_C {width:100%; height:auto; float:left; overflow:hidden;}
.Item2_C div {width:100%; height:30px; line-height:30px; float:left; overflow:hidden;}
.Item2_C div A {width:100%; height:100%; line-height:30px; float:left; overflow:hidden; border-bottom:1px #F5F5F5 solid; position:relative; background-color: #FFF; text-align: center;}
.Item2_C div A:link,.Item2_C div A:visited,.Item2_C div A:active {}
.Item2_C div A:hover {color:#FF8D00; text-decoration:none;}
.Item2_C div A.current {text-decoration:none; font-weight:bold; color: #FF8D00; font-weight: bold;}

/*左侧按钮*/
.Left_Btn {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 10%;}
.Left_Btn a {width: 100%; height: 40px; line-height: 40px; float: left; overflow: hidden; background-color: #405171; color: #FFF; font-size: 14px; margin-top: 4%; text-align: center; border-radius: 5px;}
.Left_Btn a:hover {text-decoration: none;}
.Left_Btn a:nth-child(1) {width: 48%; margin-right: 4%; background-color: #FF8D00;}
.Left_Btn a:nth-child(2) {width: 48%; background-color: #1cc550;}

/*微信*/
.WX {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 10px;}
.WX img {width: 100%; height: auto; border: 1px #EFEFEF solid;}

/*翻页*/
.R_Page {width:100%; height:30px; float:left; text-align:center; margin:10% 0px;}
.R_Page_C {width:auto; height:auto; max-height:auto; margin-left:auto; margin-right:auto; display:inline-block; padding:0px;}
.R_Page_C A,.R_Page_C A:link,.R_Page_C A:visited,.R_Page_C A:active {width:auto; height:30px; line-height:30px; float:left; overflow:hidden; background-color:#FFF; text-align:center; color: #3484c3; margin-left:5px; padding:0px 8px 0px 8px; font-family:"Arial"; font-size: 16px;
border-radius: 3px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
box-shadow: 0px 0px 5px #CCC;
box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}
.R_Page_C A:hover,.R_Page_C A.current {background-color:#3484c3; color:#FFF; text-decoration:none;}
.R_Page_C A i {line-height:30px; font-size: 24px;}

/*文章标题栏*/
.All_Title {width:100%; height:auto; line-height:30px; float:left; overflow:hidden; text-align:center; border-bottom:1px #F8F8F8 solid; padding-bottom:3%; margin-bottom: 5%;}
.All_Title h1 {width:100%; height:auto; line-height:30px; line-height: 35px; float:left; overflow:hidden; font-size:25px; color:#000; margin-top:15px; text-align: center; font-weight: bold;}
.All_Title span {width:100%; height:40px; line-height: 40px; float:left; overflow:hidden; font-size:12px; color:#999; text-align:center; font-size: 14px; margin-top: 2%;}
/*文章内容区*/
.All_Content {width:100%; height:auto; min-height:200px; float:left; overflow:hidden; text-align:left;}
.All_Content img {max-width:100%; height:auto;}
.All_Content a {font-size: 15px; text-decoration: underline;}
.All_Content iframe {max-width: 100%;}

/*所有文章内容文字*/
.All_Content_Font {font-size: 15px; line-height: 30px; color: #000;}

/*下列为在线客服样式*/
.CSS_QQ {width:33px; height:auto; overflow:hidden; position:fixed; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop + 420)); top:300px; right:0px; z-index:99999}
.CSS_QQ_CC {width:177px; height:auto; float:left; overflow:hidden;}
.CSS_QQ_L{width:33px; height:149px; float:left; background-image:url(images/qq/qq_l_cn.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_l.png"); background:none; margin-top:15px; cursor:pointer;}
.CSS_QQ_R {width:144px; height:auto; float:left; overflow:hidden;}
.CSS_QQ_R_T {width:144px; height:10px; float:left; background-image:url(images/qq/qq_t.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_t.png"); background:none;}
.CSS_QQ_R_B {width:144px; height:29px; float:left; background-image:url(images/qq/qq_b.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_b.png"); background:none;}
.CSS_QQ_R_C {width:144px; height:auto; float:left; background-image:url(images/qq/qq_c.png) !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/qq/qq_c.png"); background:none; padding-bottom:10px;}
.CSS_QQ_R_C b {width:134px; height:33px; line-height:33px; float:left; text-align:center; margin-left:5px; display:inline; background-image:url(images/qq/qq_yin.gif); font-weight:bold; color:#F08D00;}
.KF_QQ {width:119px; height:auto; float:left; margin-left:12px; display:inline; overflow:hidden;}
.KF_QQ A,.KF_QQ A:link,.KF_QQ A:visited,.KF_QQ A:active {width:100%; height:23px; float:left; background-image:url(images/qq/qq1.gif); padding-left:45px; color:#333333; margin-top:10px;}
.KF_QQ A:hover {background-image:url(images/qq/qq2.gif); text-decoration:none; color:#FFF;}
.KF_Skype {width:119px; height:auto; float:left; margin-left:12px; display:inline; overflow:hidden;}
.KF_Skype A,.KF_Skype A:link,.KF_Skype A:visited,.KF_Skype A:active {width:74px; height:23px; float:left; background-image:url(images/qq/skype1.gif); padding-left:45px; color:#333333; margin-top:10px;}
.KF_Skype A:hover {background-image:url(images/qq/skype2.gif); text-decoration:none; color:#FFF;}

/*经销商查询*/
.Dealers_K {width: 100%; height: auto; float: left;}
.Dealers {width: 100%; max-width: 600px; height: auto; margin: 0px auto; display: inline-block; background-color: #3484c3; border-radius: 20px; padding: 5%; margin: 10% 0px 5% 0px;}
.Dealers_L {width: calc(100% - 150px); height: 50px; line-height: 50px; float: left; overflow: hidden;}
.Dealers_L input {width: 100%; height: 100%; float: left; border: none; background-color: #FFF; padding: 0px 20px;}
.Dealers_R {width: 150px; height: 50px; line-height: 50px; float: left; overflow: hidden; cursor: pointer; background-color: #383838; color: #FFF;}
.Dealers_R:hover {background-color: #000;}
.Dealers_Img {width: 100%; height: auto; float: left; overflow: hidden; text-align: center;}
.Dealers_Img img {width: auto; max-width: 100%; height: auto; margin: 10% 0px 0% 0px;}
.Dealers_Error {width: auto; height: auto; margin: 0px auto; display: inline-block; margin-top: 5%; background-color: #FF8D00; border-radius: 20px; padding: 2% 5%; color: #FFF;}

/*在线反馈*/
.Feedback_Hei {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 9999; background-color: rgba(0,0,0,0.8); display: none;}
.Feedback_Hei_C {width: 100%; height: 100%; float: left; overflow: hidden; position: relative;}
.Feedback {width:600px; height:auto; position: absolute; left: calc((100% - 600px) / 2); overflow:hidden; background-color: #FFF; padding: 3%; padding-top: 3%;}
.Feedback ul {width: 100%; height: auto; min-height: 30px; float: left; position: relative;}
.Feedback ul p {width: 30px; height: 30px; padding: 0px; margin: 0px; cursor: pointer; position: absolute; right: 0px; top: 0px; background-image: url("images/close.png"); background-size: 100%;}
.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; padding:0px 10px; border: 1px #DEDEDE solid; background-color:#FFF;}
.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;}
.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:#3484c3; color:#FFF; border:none; margin-top: 10px;}

.Feedbackok {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 7%;}
.Feedbackok span {width: 100%; height: auto; float: left;}
.Feedbackok span i {width: 100px; height: 100px; line-height: 100px; margin: 0px auto; display: inline-block; background-color: #1fa67a; color: #FFF; font-size: 60px; border-radius: 100px;}
.Feedbackok div {width: 100%; height: auto; float: left; margin-top: 30px;}

/*提交成功页*/
.Send_OK {width: 100%; height: auto; float: left; overflow: hidden; padding: 10% 0px;}
.Send_OK div {width: auto; max-width: 300px; height: auto; line-height: 80px; margin: 0px auto; overflow: hidden; font-size: 24px; color: #090;}
.Send_OK div i {width: 100%; height: 120px; line-height: 120px; float: left; overflow: hidden; text-align: center; padding: 0px 10px; font-size: 100px;}
.Send_OK span {width: 100%; height: auto; float: left; overflow: hidden; margin-top: 10%;}
.Send_OK span A {width: auto; height: 40px; line-height: 40px; margin: 0px auto; display: inline-block; padding: 0px 10px;}
.Send_OK span A:link,.Send_OK span A:visited,.Send_OK span A:active {width:100%; height:23px; float:left; background-image:url(images/qq/qq1.gif); padding-left:45px; color:#333333; margin-top:10px;}
.Send_OK span A:hover {background-image:url(images/qq/qq2.gif); text-decoration:none; color:#FFF;}

/*此页已不存在*/
.Error {width:100%; height:300px; float:left; overflow:hidden; background-image:url(images/error.webp); background-repeat:no-repeat; background-position:center center;}

/*域名更换提醒*/
.changeDomain {width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.8); display: flex; align-content: center; align-items: center; z-index: 999999999;}
.changeDomain_K {width: 500px; max-width: 100%; height: auto; margin: 0px auto; display: inline-block; background-color: #FFF; border-radius: 10px; text-align: left; padding: 20px; font-size: 15px; position: relative;}
.changeDomain_K b {color: #3484c3;}
.changeDomain_K A {font-size: 15px; color: #FF8D00; font-weight: bold; text-decoration: underline;}
.changeDomain_K span {width: 30px; height: 30px; line-height: 30px; position: absolute; right: 20px; top: 20px; background-color: #DEDEDE; color: #000; border-radius: 30px; font-size: 12px; text-align: center;}
.changeDomain_K div {width: 100%; height: auto; float: left; text-align: center; margin-top: 20px;}
.changeDomain_K div font {width: auto; height: 30px; line-height: 30px; margin: 0px auto; display: inline-block; background-color: #3484c3; padding: 0px 20px; color: #FFF; cursor: pointer; border-radius: 10px;}

/*友情链接*/
.Links {width: 100%; height: auto; float: left; overflow: hidden; border-top: 1px #E5E5E5 solid; padding-top: 10px; margin-top: 5px;}
.Links b {width: auto; height: 20px; line-height: 20px; float: left; overflow: hidden; font-size: 12px; color: #999; font-weight: normal;}
.Links a {width: auto; height: 20px; line-height: 20px; float: left; overflow: hidden; padding: 0px 5px; font-size: 12px; color: #999; font-family: "Simsun";}

/*包屑导航*/
.BaoXie_C {width: 100%; height: auto; float: left; overflow: hidden; background-color: #F8F8F8; border-bottom: 1px #EFEFEF solid;
background-image:-webkit-linear-gradient(to bottom,#FFF,#F8F8F8);
background-image:linear-gradient(to bottom,#FFF,#F8F8F8);
}
.BaoXie {text-align:left; padding-left:0px; margin-bottom: 0px; font-size:12px; font-family: "Simsun"; padding-left: 20px; background-image: url("images/pos.png"); background-repeat: no-repeat; background-position: left 12px;}
.BaoXie:before {
	content: "";
	display: block;
	float:left;
	width: auto;
	height: 15px; line-height:15px;
	margin-right:5px;
	margin-top:3px;
	padding-left: 0px;
}
.BaoXie li {font-size: 12px;}
.BaoXie>li+li:before{
	content: ">";
}
.BaoXie li:first-child:before{content: "";}
ol.breadcrumb::before {content: ""; padding: 0px; margin: 0px;}
.BaoXie A {font-size: 12px; font-family: "Simsun";}

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

@media(min-width:1004px) and (max-width:1199px){
}

@media(min-width:750px) and (max-width:1003px){
}

@media(min-width:480px) and (max-width:749px){
}

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

@media(max-width:1199px){
	.Font_Size_Title_N {font-size: 24px; line-height: 25px;}
	.Font_Size_Title1 {font-size: 24px; line-height: 30px;}
	.CSS_C {padding: 0px 5%;}
	.Font_Size_Title2 {font-size: 32px;}
	.AD {height: 350px; line-height: 350px;}
    .AD h1 {line-height: 350px;}
    .Flash_AD {max-width: 50%;}
    .AD_Product {height: 500px; line-height: 500px;}
	.JJFA_K_C div {width: calc(100% - 10% - 100px); height: 100px; line-height: 25px;}
	.JJFA_K_C i {width: 100px; height: 100px; line-height: 100px; font-size: 42px;}
    .Feedback_C {background-image: url("");}
    .Feedback {width: 100%; left: 0px;}
	
	.Bottom_T_R {display: none;}
	.Bottom_T_C {width: 30%;}
	.Bottom_T_Addr {width: calc(100% - 140px - 30%);}
}

@media(max-width:1003px){
	.Font_Size_Title_N {font-size: 18px; line-height: 25px;}
	.Font_Size_Text {font-size: 14px; line-height: 25px;}
	.Font_Size_Title1 {font-size: 18px; line-height: 25px;}
	.CSS_Top {height:50px;}
	.CSS_Top::-webkit-scrollbar {width: 0px;height: 0px;}
	.CSS_Logo {width: 200px;}
	.CSS_Logo img {height: 20px; margin-top: 15px;}
	.CSS_Logo p {width: 47px;}
	.CSS_Top_C {width: 100%; height: 0px; overflow: hidden; float: none; position: absolute; left: 0px; top: 0px; z-index: 999999998; background-color: #3484c3;}
	.Menu {margin-left: 0px;}
	.Menu div {height: 40px;}
	.Menu div span A {color:#FFF; margin-top: 0px;}
	.Menu div span A.current {color: #FFF; background-color:transparent;}
	.Menu {width: 100%; float: left; padding-top: 150px; background-image: url("")}
	.Menu div {width: 100%; margin: 5px 0px;}
	.Menu div span {height: 40px;}
	.Menu div span A {text-align: left; line-height: 40px; width: 100%; text-align: center;}
    .Menu div:hover ul {display: none;}
	.M_Menu {display: inline;}
	.BanBen {width: 100%;}
	.H_About_L {width: 100%;}
	.H_About_R {width: 100%; margin-left: 0px; margin-top: 30px;}
    .Say_K_Item_T span {width: 30px; font-size: 60px;}
    .Say_K_Item_T div {width: calc(100% - 30px); font-size: 16px; line-height: 28px; padding-right: 30px;}
    .Say_K_Item_B_Img div {width: 100px; height: 100px;}
    .Say_K_Item_B_Txt {font-size: 18px;}
	.H_News_K_L {display: none;}
	.H_News_K ul {width: 100%;}
	.ZR_K {width: 48%; margin-bottom: 4%;}
	.ZR_K div {height: 200px; margin-top: 2%;}
    .Contact_K_C {padding-right: 0px;}
	.JJFA_K {border-radius: 20px;}
	.JJFA_K_C div {width: calc(100% - 10% - 80px); height: 80px; line-height: 20px;}
	.JJFA_K_C i {width: 80px; height: 80px; line-height: 80px; font-size: 42px;}
	.JJFA_K:hover .JJFA_K_C i {border-radius: 10px;}
	.JJFA_K_G {height: 8px;}
	.Font_Size_Text1 {font-size: 16px;}
	.Contact_K_EWM {display: none;}
    .Download_List_K {width: 100%; margin: 0px 0px 2% 0px;}
    .Download_List_K_L {width: 80px; height: 80px;}
    .Download_List_K_R {width: calc(100% - 80px); padding: 5px;}
    .Download_List_K_R span {height: 40px; line-height: 20px;}
    .Download_List_K_R div {height: 20px; line-height: 20px; font-size: 12px;}
    .LiCheng_C ul li dd div,.LiCheng_C ul li dd span {width: 250px;}
	
	.Bottom_C {font-size: 16px; line-height: 40px;}
	.Bottom A {font-size: 16px;}
	.Font_Size_Title2 {font-size: 28px;}
	.AD {height: 300px; line-height: 300px;}
    .AD h1 {line-height: 300px;}
    .AD_Product {height: 400px; line-height: 400px;}
	.Item_T {height: 30px; line-height: 30px; border-bottom: 1px #EFEFEF solid;}
	.Item_T div {width: auto; padding: 0px 10px; font-size: 14px; background-image: url(""); cursor: pointer;}
	.Item_T div i {display: inline;}
	.Item_C {width: auto; height: auto; position: absolute; left: 0px; top: 30px; display: none; z-index: 99999999;
	-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.06);
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.06);
	box-shadow:0px 2px 3px rgba(0,0,0,0.3);
	}
	.Item_C div {height: 50px; line-height: 50px; margin-top: 0px; border-bottom: 1px #DEDEDE solid;}
	.Item_C div a {line-height: 50px; font-size: 14px;}
	.CSS_Left,.CSS_Right {width: 100%;}
	.Left_Btn {display: none;}
    .CP_Text strong {font-size: 18px;}
	
	
	.All_Content_Font {font-size: 14px; line-height: 25px;}
	.All_Title h1 {margin-top: 0px; line-height: 30px;}
	.M_Menu div {border-top-width: 2px;}
	.M_Menu span {border-top-width: 2px;}
}

@media(max-width:749px){
    .H_Title b {font-size: 18px;}
	.Index_Bottom {display: none;}
	.Flash {display: none;}
	.Flash_M {display: inline-block;}
    .Say_K {max-width: 100%;}
    .Say_K_Item_T span {width: 20px; font-size: 40px;}
    .Say_K_Item_T div {width: calc(100% - 20px); font-size: 14px; line-height: 25px; padding-right: 20px;}
	.Bottom_C {font-size: 13px; line-height: 30px; padding: 10% 0px;}
	.Bottom A {font-size: 13px;}
	.Bottom_T_L {display: none;}
	.Bottom_T_L img {width: 130px; height: auto; float: left;}
	.Bottom_T_C {width: 100%;}
	.Bottom_T_C ul li {width: 25%; text-align: center; padding-left: 0px;}
	.Bottom_T_C ul li A {font-weight: bold;}
	.Bottom_T_Addr {width: 100%; font-size: 13px; margin-top: 5%;}
	.Bottom_T_Addr ul li i {width: 25px; height: 25px; line-height: 25px; font-size: 14px;}
	.Bottom_T_Addr ul li div {height: 25px; line-height: 25px;}
	.Font_Size_Title2 {font-size: 24px;}
	.AD {display: none;}
    .AD_Mobile {display: inline;}
    .H_Number ul li div i {width: 50px; height: 50px; line-height: 50px; font-size: 30px;}
    .CP_Map_K div {width: 50%;}
    .CP div {width: 50%;}
    .Video_List_K {width: 48%;}
    .CP_Info_T_Img {width: 100%;}
    .CP_Info_T_Info {width: 100%;}
    .CP_Text strong {font-size: 16px;}
    .LiCheng_C ul li dd div {width: 100%;}
	.LiCheng_C ul li dd div img {max-width: 300px;}
	.LiCheng_C ul li dd i {display: none;}
	.LiCheng_C ul li dd span {width: 100%; text-align: center; margin-top: 3%;}
	.LiCheng_C ul li dd span b {font-size: 20px;}
	.LiCheng_C ul li:hover dd div img {transform:none;}
	.LiCheng_C ul li:nth-child(even) dd span {text-align: center;}
    
	.News_List_K {margin-bottom: 10px;}
	.News_List_L {width: 200px; height: 120px;}
	.News_List_C {width: calc(100% - 200px);}
	.News_List_C_C {height: 50px; margin: 10px 0px;}
	.News_List_C_Date {display: none;}
	.Bottom_B div,.Bottom_B span {width: 100%;}
    .ZR {margin-top: 4%;}
    .ZR_K {width: 100%; margin: 0px; margin-bottom: 4%;}
	.ZR_K div {height: auto; margin-top: 2%;}
	.ZR_K i {width: 80px; height: 80px; line-height: 80px;}
	.ZR_K span {margin-top: 5%; height: auto; line-height: 25px;}
	.JJFA_K {border-radius: 10px;}
	.JJFA_K_C div {width: calc(100% - 10% - 75px); height: 75px; line-height: 25px;}
	.JJFA_K_C i {width: 75px; height: 75px; line-height: 75px; font-size: 36px;}
	.JJFA_K:hover .JJFA_K_C i {border-radius: 5px;}
	.JJFA_K_G {height: 5px;}
	.FA_List_K_L {width: 100%; border-radius: 10px; margin-top: 5%;}
	.FA_List_K_R {width: 100%; margin-top: 5%;}
	.FA_List_K_Title {height: 30px; position: inherit; float: left; left: 0px; top: 0px;}
	.FA_List_K_Title div b {width: 40px; height: 40px; line-height: 40px; left: 0px;}
	.FA_List_K_Title div {line-height: 30px;}
	.Font_Size_Text1 {font-size: 14px; line-height: 25px;}	
	.All_Title h1 {font-size: 20px;}
    .H_Why ul li {width: 100%; margin: 5% 0px;}
    .H_Why ul li div {width: 100%;}
    .H_Why ul li div span {height: auto;}
    .H_Why ul li.current div {transform:scale(1,1); box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);}
    .Contact_K_C div {width: 100%;}
    .Contact_Btn a {float: none; margin: 0px auto; display: inline-block;}
}

@media(max-width:479px){
	.H_Title span a {font-size: 14px;}
	.H_News_K_L {width: 100%; display: inline;}
	.H_News_K ul {width: 100%; margin-top: 20px;}
	.H_News_T ul li {height: 30px; line-height: 30px; font-size: 14px; padding: 0px 10px; margin-bottom: 20px;}
	.H_News_K ul li a {font-size: 14px;}
	.H_News_K ul li div {color: #999;}
	.Font_Size_Title2 {font-size: 24px;}
	.AD {height: 180px; line-height: 180px;}
    .CP_Map_K div {width: 100%;}
	.News_List_L {width: 120px; height: 72px;}
	.News_List_C {width: calc(100% - 120px); padding-left: 5%;}
	.News_List_C_T {height: auto; max-height: 60px; line-height: 20px;}
	.News_List_C_T A {font-size: 14px; height: auto;}
	.News_List_C_C {display: none;}
	.News_List_C_Date {margin-top: 10px; color: #999;}
	.ZR_K {border-radius: 10px; padding: 5%;}
	.ZR .ZR_K:last-child {float: right;}
	.JJFA_K {width: 100%; margin-right: 0px;}
	.JJFA_K_G {height: 3px;}
    .CP div {width: 100%;}
    .CP_Text strong {font-size: 14px;}
    .Dealers_L {width: calc(100% - 80px); height: 40px; line-height: 40px;}
    .Dealers_R {width: 80px; height: 40px; line-height: 40px;}
    
	.All_Title {margin-top: 0px;}
	.All_Title h1 {font-size: 16px;}
	
	
	.R_Page {height:auto; padding-bottom: 10%;}
	.R_Page_C A,.R_Page_C A:link,.R_Page_C A:visited,.R_Page_C A:active {height:30px; line-height:30px; font-size: 14px;}
	.R_Page_C A i {line-height:30px; font-size: 18px;}
	
	::-webkit-input-placeholder { /* WebKit browsers */font-size: 14px;}
	::-moz-placeholder { /* Mozilla Firefox 19+ */font-size: 14px;}
	:-ms-input-placeholder { /* Internet Explorer 10+ */font-size: 14px;}
}

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