﻿/* CSS Document
T2:#D0422C; T6:#1659A8; T8:#F4980F; T10:#15A69F;
*/
*{ margin:0; padding:0;box-sizing:border-box;}
.t2color{color:#D0422C !important;}.t6color{color:#1659A8 !important;} .t8color{color:#F4980F !important;} .t10color{color:#15A69F !important;}
.T10{font-size:1.6rem;color:#fff !important; background: #00A69C;padding: 10px 50px; border-radius: 50px;}
/*.T10:before{content: '';border:3px solid #fff; border-radius: 50%; width:16px; height:16px; display:inline-block; margin-right:1rem; }*/
/*.c_list_text h3 a:before{content: '';border:3px solid #FFF; border-radius: 50%; width:16px; height:16px; display:inline-block; margin-right:1rem; }名字前的小圆圈*/

.T8{font-size:1.6rem;color:#fff !important; background: #F4980F;padding: 10px 50px; border-radius: 50px;}

.T6{font-size:1.6rem;color:#fff !important; background: #1659A8;padding: 10px 50px; border-radius: 50px;}

.T2{font-size:1.6rem;color:#fff !important; background: #D0422C;padding: 10px 50px; border-radius: 50px;}

a:hover { color: #DC5942;}
#logo { margin:25px auto; }
#logo span{ float:right;/*margin:20px 10px 0 0;*/ padding:5px; font-size:28px; cursor: pointer; font-family:Verdana; display:none; /*background-color:#CCC;*/ height:56px; width:56px;}
/*#logo span:after{content:"≡";}*/
#logo .icon:after{content:"\2261";font-size: 36px;}
#logo .icon2:after{content:"\2716";font-size: 28px;}
#header_menu { background: #F5F5F5; height: 37px; line-height: 36px; color: #666; border-bottom: 1px solid #E3E3E3;}
#header_menu a { color: #EC4413; margin-right: 5px; }
#header_menu a:hover { text-decoration: underline;}
.tac{ text-align:center;}
.topbox{ display:flex; align-items: center;}

/*#wechatPC{ position:fixed; left:0; top:38%; z-index:-1;}
#wechatWap{ display:none;}*/
/*侧边微信*/
.sidebar {position: fixed;z-index: 88;right: 0;top:61.8%;padding: 9px 9px 0;box-shadow : 0 4px 38px 0 rgba(255, 96, 115, 0.2);border-radius : 10px 0 0 10px;background-color : #00A69C;}
.sidebar .sidebar-wechat{cursor: pointer;text-align : center;}
.sidebar .sidebar-wechat h5 {font-size:12px;font-weight:normal;margin:.3rem auto;color : #fff;}
.sidebar .code {display: none;position: absolute;z-index: 9;top: -20%;right:72px;border-radius: 8px;box-shadow : 0 6px 12px 0 rgba(106, 115, 133, 0.22);background-color : #DC5942;}
.sidebar .code img{ max-width:none;}
.sidebar .code:after {position : absolute;top: 38%;left : 100%;content: '';transform: translateY(-50%);border-width : 5px;border-style : solid;border-color : transparent transparent transparent #DC5942;}
.sidebar-wechat:hover .code{display:block;}

/*导航*/
.cf:before,.cf:after {content: " "; display: table;}
.cf:after { clear: both;}
.cf {*zoom: 1;}
ul.nav { max-width:1200px; margin:0 auto;display: flex;justify-content: space-around;}
ul.nav li {list-style:none;	float: left;margin: 0;	position: relative; }
ul.nav > li > a{font-size:20px;display: block;color:#000;padding: 15px 5px; /*font-weight:bold;*/width: 170px; text-align:center;}
ul.nav > li > a:hover{color:#F69226;}
ul.nav > li > a.current{background: #FFF;color:#DC5942;}
ul.nav li ul li a {/*font-family:Verdana;*/ font-size:16px;display: block;	padding: 12px 28px;	color: #FFF;text-decoration: none;transition: all .2s ease-in-out;}
ul.nav li a:hover,ul.nav li:hover > a { /*background: #EC4413;*/ background: #DC5942; color: #FFF;}
ul.nav li ul { margin: 0;  position: absolute;  background: #666;  left: 10%;  min-width: 180px;  display:none;  z-index: 99;}
ul.nav ul li { float: none; white-space: nowrap;}
ul.nav li:hover > ul {display:block; left: 0;}
ul.nav > li:hover > ul {display:block;top: 100%; left: 0;}
ul.nav li > ul  ul { top: 0; left: 90%; }
ul.nav li > ul li:hover > ul { left: 100%;border-left:2px solid #F00; }


#nav_wrap { /*height: 83px;*/ }
#nav { /*height: 83px;*/ z-index: 2; position: relative; /*padding-left:260px;*/ text-align:center;}
#nav li { /*float:left;*/ display:inline-block; position: relative;}
#nav .home { background: none; }
#nav li>a { display: block;  text-align: center;color: #000;/*border-radius: 3px;*/ margin:0px 1px; font-weight:bold; }
#nav li>a .name {width: 160px; line-height:44px; font-size: 18px; padding:5px 12px; }
/*#nav li>a .aname { height: 34px; font-size: 14px; }*/
#nav li>a:hover,#nav li:hover>a,#nav li .current {/* background: #333; text-decoration: none; color: #FFF;*/ color:#F00; }
#nav .sub { display: none; position: absolute; left: 0; background: #EC4413; z-index: 3; border-radius: 3px;}
#nav .sub li { background: none; float: none;  padding: 0; }
#nav .sub li a {width: 160px; padding:9px 2px; margin:0px; color: #FFF; }
#nav .sub li a:hover { background: #383838; }


.search { background: #EEE; height: 72px; line-height: 72px; position: relative; padding: 0 30px; z-index: 2; font-size: 16px; margin-top: 20px; }
#search_text { background: #EEE; border-bottom: 1px solid #CCC; height: 46px; line-height: 46px; width: 360px; position: absolute; right: 30px; top: 13px; }
#search_submit { background: #EEE; font-size: 26px; cursor: pointer; height: 45px; width: 60px; position: absolute; right: 30px; top: 12px; color: #CCC; }
/* 幻灯 */
#banner{ max-height:658px; overflow:hidden;}
#slideshow { position: relative; z-index: 1; }
#slideshow .hd ul { width: 100%; position: absolute; z-index: 1; bottom: 50px; left: 0; text-align: center; }
#slideshow .hd ul li { cursor: pointer; display: inline-block;  width: 60px; background: #C8CBD0; height: 5px; margin: 0 5px; }
#slideshow .hd ul .on { background: #EC4413; width: 90px; }
#slideshow .next, #slideshow .prev { position: absolute; top: 0; width: 68px; color: #FFF; cursor: pointer; }
#slideshow .next { right: 100px; background: url(images/next.png) center no-repeat;}
#slideshow .prev { left: 100px; background: url(images/prev.png) center no-repeat;}
/*主体*/
.hdl { background: #EC4413; text-align: center; padding: 9px 0; color: #FFF; font-size: 22px; text-shadow: #242424 1px 1px 2px;}
/*.hdl .aname{ font-size: 18px; font-family: "impact";}*/
.hd1 { background: #EEE; height: 40px; line-height: 40px; padding: 0 14px; font-size: 16px; border-left: 10px solid #EC4413; }
.bd1 { padding: 10px 0; overflow: hidden; zoom: 1; margin-bottom: 20px; }

.current_location { margin-top:6px; padding-top:6px;/*border-bottom: 1px solid #DDD; background: #EEE; height: 40px; line-height: 40px; padding: 12px 10px; margin:10px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; font-family:Verdana, Geneva; */}
.current_location a{font-size:14px; /*font-family:Verdana, Geneva;*/}
.current_location a.current { /*color: #F60;*/ }

/*底部*/
#footer { background: #535353; padding: 10px 0; color: #EEE; margin-top: 20px; }
#footer a { color: #EEE; }
#footer a:hover { color: #DC5942; }

/* 频道页相关 */
#channel_cover { /*margin-bottom: 10px;*/ text-align:center;}
#channel_cover img { max-width: 100%; }

.channel_list li { margin-bottom: 2px; }
.channel_list li a { display: block; background: #EEE; line-height: 40px; padding: 0 10px; }
.channel_list li a:hover { background: #333; color: #FFF; text-decoration: none; }
.channel_list li a.current { background: #333; color: #FFF; text-decoration: none; }
.channel_wlist { overflow: hidden; margin-bottom: 10px; }
.channel_wlist li { float: left; margin: 5px; }
.channel_wlist li a { display: block; /*height: 40px; line-height: 40px; background: #EEE;*/ padding: 12px;/*padding: 12px 20px;*/ font-size:1.38em;}
.channel_wlist li a:hover { background: #333; color: #FFF; }
.channel_wlist li a.current { background: #333; color: #FFF; }

.adlist{}
.adlist .wrap { padding: 20px; margin-bottom: 20px; border: 1px solid #EEE; }
.adlist .wrap:hover { border: 1px solid #EC4413; }
.adlist .title { line-height: 36px; border-bottom: 1px dashed #999; font-size: 16px;}
.adlist .content { color: #666; padding: 10px 0; }
.adlist .info { font-size: 12px; text-align: right; }

.awlist {}
.awlist .wrap { line-height: 36px; height: 36px; background: #EEE; padding: 0 10px; }
.awlist .wrap:hover { background: #EC4413; }
.awlist .wrap:hover a { color: #FFF; }

.plist {}
.plist .wrap { margin-bottom: 20px; padding: 9px; border: 1px solid #EEE; overflow: hidden;}
.plist .wrap:hover { border: 1px solid #666; }
.plist .title { text-align: center; height: 36px; line-height: 36px; background: #EEE; padding: 0 10px; }
.pdlist{}
.pdlist .wrap { padding: 20px; margin-bottom: 20px; border: 1px solid #EEE; }
.pdlist .wrap:hover { border: 1px solid #666; }
.pdlist .title { line-height: 36px; border-bottom: 1px dashed #999; font-size: 16px;}
.pdlist .content { color: #666; padding: 10px 0; }
.pdlist .info { font-size: 12px; text-align: right; color: #AAA; }

.prlist .wrap { border: 1px solid #EEE; padding: 10px; margin-bottom: 2px;}
.prlist .bd { margin-top: 10px; }
.prlist .bd .content{ font-size: 12px; color: #999; }
.prlist .on{ background: #FAFAFA; }

/*分页样式*/
.page_turner { margin: 20px 0; text-align: center; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.current { background: #EC4413; color: #FFF; }

/*内容页面*/
#detail_title { font-size: 28px; /*line-height: 50px; */}
#detail_intro { background: #EEE; color: #999; padding: 0 10px; line-height: 40px; font-size: 12px; background: linear-gradient(to right, #EEE, #FFF); }
#detail_content { padding: 20px 0; font-size: 14px; }
#detail_content p{ margin-bottom:18px;}
#detail_content p img{ margin:10px;}
#detail_around { padding: 20px; background: #F5F5F5; line-height: 26px; border: 1px solid #CCCCCC; margin-bottom: 20px; }
#detail_picture { width: 660px; margin: 20px auto; text-align: center; }
#detail_picture img { padding: 5px; border: 1px solid #EEE; }

/*多图展示*/
#detail_slideshow { text-align:center; }
#detail_slideshow .bd { text-align: center; width:50%;height:500px; display:table-cell; vertical-align:middle; }
#detail_slideshow .bd img { max-width: 100%;border: 1px solid #ccc; max-height:500px;}
#detail_slideshow .hd { margin-top: 10px; }
#detail_slideshow .hd li .img { border: 1px solid #EEE; padding: 3px; cursor: pointer;  }
#detail_slideshow .hd .on .img { border: 2px solid #E84414; padding: 2px;  }

#detail_paremeter li { border-bottom: 1px solid #EEE; line-height: 40px;}

/*留言*/
.feedback_list { }
.feedback_list dt { padding: 10px; background: #CCC; }
.feedback_list dd { padding: 10px; background: #F1F1F1; margin-bottom: 10px; }

/* 漂浮的客服 */
#float { z-index: 9999; position: absolute; display: block; bottom: 1px; right: 0; }
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background: #EC4413;}
#float .icon { /*padding: 15px 0;*/ width: 50px; display: block; line-height: 50px; text-align: center;  color: #FFF; font-size: 30px; }
#float .content {  min-height: 50px; position: absolute; right: 50px; top: 0; display: none; background: #EC4413;}

#float .content a { color: #FFF; }
#float .qq .content { line-height: 50px; padding: 0 20px; font-size: 30px; color: #FFF;  }
#float .qrcode .content { padding: 5px; width: 180px; }
#float .phone .content { line-height: 50px; padding: 0 20px; font-size: 30px; color: #FFF;  }
#float .custom .content { padding: 20px; min-width: 160px; color: #FFF; }
#float .gotop .content { }

#index-a { margin-top: 40px;}
#index-a .clist { text-align: center; border: 3px solid #EC4413; padding: 20px; min-height: 466px;}
#index-a .clist li { margin-bottom: 4px; }
#index-a .clist li a { display: block; background: #EEE; line-height: 46px; font-size: 16px; }
#index-a .clist li a:hover {  background: #EC4413; color: #FFF; }
#index-a .clist li.all a {  background: #EC4413; color: #FFF; }
#index-a .name { font-size: 30px; text-align: center;}
#index-a .aname { font-size: 20px; text-align: center; color: #666;; font-family: "impact"; line-height: 40px;}
#index-a .seoname { font-size: 16px; text-align: center; color: #999; margin-bottom: 20px; }

#index-b { padding: 40px 0; background: #F3F3F3; margin-top: 20px;}
#index-b .block { background: #FFF; padding: 20px; height: 500px; }
#index-b .block .hdi { background: #EC4413; padding: 10px; height: 65px; }
#index-b .block .hdi .name { font-size: 20px; color: #FFF; }
#index-b .block .hdi .aname { font-size: 16px; font-family: "impact"; color: #FFF;}
#index-b .block .hdi .more { float: right; }
#index-b .block .hdi .more a { display: block; border: 1px dashed #29D689; height: 35px; line-height: 35px; padding: 0 20px; color: #EEE; margin-top: 5px; }
#index-b .block .bdi { margin-top: 20px; }

#index-c { margin-top: 40px; background: #4056A9; padding: 80px 0;}
#index-c .name { font-size: 30px; color: #EEE;  }
#index-c .aname { font-size: 20px;  color: #7480BA;; font-family: "impact"; line-height: 40px;}
#index-c .seoname { font-size: 16px; color: #EEE; margin-bottom: 20px; }
#index-honor { position: relative; }
#index-honor .x3 { width: 305px !important;}
#index-honor .next, #index-honor .prev { position: absolute; top: 0; height: 305px; width: 68px; color: #FFF; cursor: pointer; }
#index-honor .next { right: 20px; background: url(images/next.png) center no-repeat;}
#index-honor .prev { left: 20px; background: url(images/prev.png) center no-repeat;}

#index-honor .plist .wrap { border: 1px solid #6B80BA;}
#index-honor .plist .wrap:hover { border: 1px solid #EEE; }

#index-d { margin-top: 40px; background: #F3F3F3; padding: 40px 0;}
#index-d .name { font-size: 30px; text-align: center;}
#index-d .aname { font-size: 20px; text-align: center; color: #666;; font-family: "impact"; line-height: 40px;}
#index-d .seoname { font-size: 16px; text-align: center; color: #999; margin-bottom: 20px; }
#index-case { background: #FFF; padding: 20px; padding-bottom: 0;}
#index-link { margin-top: 20px;}

#index_news { position: relative;}
#index_news .wrap { margin-bottom: 10px;}
#index_news .left { background: #EEEEEE; height: 100px; float: left; width: 100px; text-align: center; color: #686868; color: #999; }
#index_news .md { font-size: 26px; font-family: "impact"; margin-top: 16px; }
#index_news .y { font-size: 30px; font-family: "impact"; }
#index_news .right { border: 1px solid #EEEEEE; border-left: none; height: 100px; float: left; width: 246px; padding: 10px;}
#index_news .title { font-size: 16px; line-height: 32px; }
#index_news .content { font-size: 12px; line-height: 22px; }
#index_news .wrap:hover .left { background: #EC4413; color: #FFF; }
#index_news .prevnext { opacity: 0.8; filter:alpha(opacity=80); cursor: pointer; position: absolute; right: -35px; top: 0; display: block; background: #EE3333; color: #FFF; height: 30px; width: 30px; text-align: center; font-size: 28px; }
#index_news .prevnext:hover { opacity: 1; filter:alpha(opacity=100); background: #EC4413;}
#index_news .prev { top: 35px; }

#footer .nav { display: flex;justify-content:space-around;}
#footer .nav .main { /*border-bottom: 1px solid #666;*/ line-height: 46px; font-size: 16px;}
#footer .nav .sub { margin-top: 10px; }
#footer .nav .sub li {padding:9px 0; max-width:300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#copyright {/*border-top: 1px solid #666;*/ margin: 20px 0; padding-top: 20px;display: flex;align-items: center;justify-content: space-around;}

/**/
*{ margin:0; padding:0;font-family:"微软雅黑",Arial,verdana;}
*, ::after, ::before{box-sizing: border-box;}/*涉及边框和填充的包含在宽高在内*/
a{text-decoration:none; color:#333;}a:focus{outline:none;}
img{border:none;vertical-align: bottom; max-width:100%;}
ul,ol{padding-left:0;list-style-type:none;list-style-position:inside;}
body{ font-size:14px;}
.clearfix{overflow: hidden;}  
.clearfix:after{content:'';display:block;clear: both;}
.fl{ float:left;}.fr{ float:right;}
.leftbox{width:62%;}
.rightbox{width:38%;}
.xx30{ width:20%;float: left;  position: relative; min-height: 1px;}
.bord2{ border:2px solid #CCC;}
.main{margin:0px auto;max-width:1200px;}
.bcfff{background-color:#FFF;}
.bg1{background-color:#F5F5F5;}
.bg2{box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);background-color: #e4e5e6;}
.bg3{ color:#FFF; background-color:#333;}
.hr-info{border-bottom: 10px solid transparent;padding:20px 0 10px 0;font-size: 18px;}
.mabtm{margin-bottom:20px;}
.nomarg{ margin:0 !important;}
.marginTB20{ margin:20px auto;}
.padd20{ padding:20px;}
.padd20tm{ padding:20px 0;}
.padd20lr{ padding:0px 20px;}
.padd10{ padding:10px;}
.padd10tm{ padding:10px 0;}
.padd10lr{ padding:0 10px;}
.pageH1{ font-size:24px; line-height:48px;}
.pageH2{ font-size:20px; line-height:40px;}
.pageH3{ font-size:18px; line-height:36px;}
.pagep{color: #333;font-size: 18px;line-height: 1.6em; padding:9px 0;}
.cH1{ font-size:300%; line-height:1.4em; padding:10px 0; /*margin:5px 0;*/color:#DC5942;}
.cH2{ font-size:2.6em; line-height:1.4em; margin:5px 0 15px 0;color:#F60;/*font-size:20px; padding:10px; margin:5px 0;background-color:#F5F5F5; color:#000;*/}
.cH3 { font-size:1.62em; line-height:1.6em; margin:5px 0 15px 0;color:#333;}
.cH4 { font-size:1.38em; line-height:1.3em; margin:5px 0 15px 0;color:#F70;font-weight: normal; font-family:"Microsoft YaHei";}
.dH1{font-size:28px; padding:12px;text-transform:capitalize;/*设置首字母大写，还有全大小写*/ /*font-variant: small-caps;小型大写*/}
.bdbt{ border-bottom:1px dashed #DDD; }

.indexFlexbox{display: flex;align-items: center;padding: 4rem 0;border-bottom: 1px solid #CCC;}
/*.indexFlexbox:first-child{padding-top:0;}*/ .indexFlexbox:last-child{border-bottom:none;}
.indexFlexbox .img{transition: transform 0.6s ease; transition-delay:0.4s; width:62%; text-align:center;}
.indexFlexbox .c_list_text{ width:38%; padding:0 1rem;}
.indexFlexbox .img:hover{ transform: rotate(360deg);}

/*top banner*/
.topbanner{position: relative; background-color: #999;display: flex;justify-content: center;align-items: center;}
.topbanner img{ max-width:100%; color:#fff; font-size:2.61rem;}
/*main-banner*/
.main-banner{ background-size:cover; background-position:center;background-color:#6c757d; color: white;display: flex;justify-content: center;align-items: center; height: 360px;/*height: 26vw;height: 600px;max-height: 700px;*/ }

.banner-info{display: flex;justify-content: center;flex-direction: column;}
.banner-info h2{font-size:3.28rem; line-height:1.2;text-align: center;text-shadow: 4px 4px 11px #373737;}
.banner-info h3,.banner-info p{font-weight: normal;font-style: normal;padding:0 10px;font-size: 28px;/*text-align: center;*/text-shadow: 4px 4px 11px #373737;}
.banner-info ul{ margin-top:2rem;}
.banner-info li{ list-style:inside disc;line-height: 1.4em;margin-bottom: 0.3em;font-size: 220%;/*color: #333;*/font-weight: normal;text-shadow: 4px 4px 11px #333;}

.c-desc{ padding:20px 15px }
.c-desc h1{line-height:1.6em; margin-bottom:18px;text-align: center; }
.c-desc p{color: #333;font-size: 17px;text-align: center;line-height: 1.3em; padding:9px 0;}
.c-desc a{padding-bottom: 2px;border-bottom: 1px dashed #EC4413;}
.c-desc ul{padding:10px;font-size:16px;}
.c-desc ul li{ padding:0 0 8px 40px; list-style:symbols inside;}


.main-header{padding: 20px 15px 60px 15px;display: flex;justify-content:space-between;align-items: flex-start;flex-direction: row;}
.main-desc{ width:100%;}
.main-desc h1{/*font-size:3.6em;*/text-align: center; color:#EC4413;}
.main-desc p{color: #333;font-size: 16px;/*text-align: center;*/line-height: 26px;margin: 0 28px;}
.main-desc ul{padding:10px;font-size:16px;}
.main-desc ul li{ padding:0 0 8px 20px; list-style:symbols inside;}

.allproduct{display: flex;flex-wrap: wrap;}
.allproduct .productlist{flex: 0 0 50%;max-width: 50%;}
.productlist .bg{ border-bottom:3px solid #fff;transition:all 0.6s;}
.productlist .bg:hover{ border-bottom:3px solid #f00;transition:all 0.6s;}
.productlist a{touch-action: manipulation; color:#EC4413;}
.productlist a:hover h3{color:#EC4413;}
.productlist .background-img{ padding:0 15px;}
.productlist .background-img img{object-fit: cover;}
.productlist .cdescbox{display: flex;justify-content: center;align-items: center;height: 136px;padding-bottom: 10px;overflow-y: auto;padding-left: 10px;padding-right: 10px;}
.productlist h3{text-align: center;margin: 25px 0 0 0;font-weight: normal;font-style: normal;font-size: 30px;padding:0 10px;}
.productlist .cdescbox p{ text-align:center; color:#333;line-height:1.6em; font-size:16px;}

/*clist*/
.clist-top{}
.clist-top h3{font-size: 3.5em;font-weight: 400;margin-bottom: 8px;}

/*index-tip*/
.index-tip{ padding:8px; background:#F7F7F7;}
.index-tip p{ margin:15px; padding:5px; font-size:22px; color:#333; font-weight:bold; text-align:center;}
.index-tip p a{ color:#EC4413;}
/*index-text*/
.indexbg1{ background-image:url(/images/bg1.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:scroll; background-size:cover; background-color:#ccc;}
.index-text{ padding:60px 40px; float:left; margin:160px 0;opacity: 0.85;border-radius:50px;}
.index-text h1,.index-text h2,.index-text h3{ font-size:22px; line-height:1.4em;color:#EC4413; padding:10px 0;}
.index-text p{ font-size:16px; line-height:1.6em;}
.index-text p a{ /*color:#666;*/ padding-bottom: 2px; border-bottom: 1px dashed #EC4413;}
/*cpnadd*/
.cpnadd{max-width:1400px; margin:0 auto;}
/*c-products*/
.pro-desc{ padding:5px 0 28px 0;background-color:#F5F5F5; margin-top:20px;}
.pro-desc h2 a{ font-family:Verdana;color:#F00;}
.pro-desc p{ line-height:1.4em; padding:10px; margin-bottom:10px;}
.pro-desc p strong,#channel_content p strong{ font-weight:normal;}
.pro-desc .btn{border-radius:20px; padding:10px 20px; background:#EC4413; color:#FFF;border:none; margin:10px 0 0 10px;}
.pro-desc .btn:hover{ color:#FFF; background-color:#000;}
/*d-products*/
.prodimg{ width:38%;}
.bigimg{ height:450px; overflow:hidden;vertical-align: middle;display: table-cell; text-align:center;}
.bigimg img{ max-width:100%; max-height:100%;vertical-align:middle;border:1px solid #ccc;}
.prodinfo{ width:62%;}
.prodinfo p{ line-height:1.6em;margin-bottom: 9px; font-size:16px;}
.smallimg{width:450px;}
.smallimg img{ cursor:pointer; max-height:70px; margin:5px; padding:2px; display:inline-block; border:1px solid #666;}

.prod-tit{ width:200px;}
.prod-tit h2{font-size:26px; line-height:36px; font-weight:800; color:#333; padding:0;}
.prod-tit h3{font-size:17px; line-height:25px; font-weight:700; color:#EC4413;padding:0; }

.aboutimg{ padding:20px; float:right;}
/*index-choose*/
.indexbg2{background-image:url(/images/bg2.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:scroll; background-size:cover; background-color:#ccc;}
.index-choose{ padding:40px; background:#F7F7F7; /*width:72%;*/ margin:90px 0px;opacity: 0.85;}
.index-choose h3{ margin:5px; padding:8px; font-size:36px; color:#333;}
.index-choose p{font-size:16px; margin-bottom:10px; /*padding:8px;*/}
.index-choose .choo1{ line-height:1.6;   color:#EC4413;}
.index-choose .choo2{ line-height:2; color:#333;}
/*choose-item*/
.choose-item{ width:48%; min-width:300px; display:inline-block;padding: 0px 20px 40px 60px;vertical-align:top;background:url(/images/gou.png) no-repeat top left;}
.choose-item h5{ color:#DC5942; line-height:40px; font-weight:800; font-size:1.62em; padding:0;}
.choose-item .pdesc{ color:#666; line-height:1.6em; font-weight:300; font-size:1.1em;}

/*Processes*/
.mabtm{margin-bottom:20px;}
.padd{ padding:20px;}
.padd10{ padding:10px;}
.prod-item{ display:inline-block; width:276px;  margin:10px;overflow:hidden;background-color:#FFF;border: 1px solid #666;}
.prod-item:hover{border: 1px solid #000;}
.prod-item .img{ display:block;  color:#00b1bb;}.prod-item .img img{ max-width:276px; overflow:hidden;}
.prod-item h3{ line-height:30px; font-size:14px; color:#2e2e2e; font-weight:800; padding:0;}
.prod-item p{overflow:hidden; height:84px; margin:5px 0; padding:5px; line-height:28px;color:#666;}
.prod-item .btn{border-radius:20px; padding:10px 20px; background:#EC4413; color:#FFF;border:none; margin-top:10px;}
.prod-item .btn:hover{ color:#FFF; background-color:#000;}
/*contents*/
.contents{ overflow:hidden;}
.contents h1,.team h1,.faqs h1,.f99{ font-size:16px; padding:0; text-indent:-9998px; color:#333;}
.contents p{ padding:5px; margin:5px 0; }
.contents .tip{ color:#666;}
.contents strong{ color:#666;}
.contents p a,.contents a{color:#EC4413;font-weight:normal;}
.contents p a:hover{color:#000; text-decoration:underline;}
.contents img{display:block; margin:10px;max-width:100%;overflow:hidden;}
.contents ul{ padding:20px;}
.contents li{ line-height:30px;}

/*prod-show*/
.prod-show{ display: flex;flex-direction:row; flex-wrap:wrap; justify-content:space-between;align-items: flex-start;/*background-color:#F8F8F8;*/ padding:20px 0 10px 0;}
.prod-img-small{ width:6%;display: flex;flex-direction:column;justify-content:center; align-items:center;height:500px;overflow-x:hidden; overflow-y:auto;}
.prod-img-small-box{display: flex;justify-content:center;align-items: center; padding:9px 0;}
.prod-img-small-box img{border-radius:3px;cursor: pointer; max-width:100%; /*width:118px;*/ border:1px solid #ccc; padding:1px;}
.prod-img-small-box img:hover,.prod-img-small-box a:focus img{border:1px solid #F00;/*border:2px solid #F00;padding:1px;*/}

.prod-img-big{ width:42%; height:500px;display: flex;justify-content:center;align-items:center; overflow:hidden;}
.prod-img-big a{ padding:9px;}
.prod-img-big img{border-radius:3px; max-height:480px;max-width:100%; /*border:1px solid #999;*/}

.img_list{ height:80px;}
.img_list img{ border:1px solid #ccc; padding:1px; margin:8px 3px; height:60px; float:left; cursor:pointer;}
.img_list img:hover{border:1px solid #F00;}

#imgshow,#photos-gallery img,#myImgs video{ cursor:pointer;/*cursor:zoom-in;*/}
#myImgs img{ cursor:zoom-in;}
.prod-desc{ width:50%;}
.pro-desc-text{ /*padding:0 20px;*/ padding-left:1rem;}
.pro-desc-text h2{font-size:130%; margin-bottom:1rem;}
.pro-desc-text h3,.pro-desc-text h4{font-size:1rem; margin-bottom:0.3rem;}
.pro-desc-text p{ padding-bottom:10px; font-size:14px;}
.pro-desc-text .showline{ display:flex;}
.pro-desc-text .showline h3{ margin-right:0.4em;}
/*.pro-desc-text table{width:100%;border-collapse: collapse; margin:1rem auto;}
.pro-desc-text table tr{}
.pro-desc-text table td,.pro-desc-text table th{ padding:2px;background-color: #DDD;border: 1px solid #333;}
*/
.pro-desc-text table{margin: 5px auto;border-collapse: collapse;border-spacing: 0;}
.pro-desc-text table td,.pro-desc-text table th{text-align:center;vertical-align: middle; border: 1px solid #CCC;padding: 5px;}
.pro-desc-text ul{ padding:10px;font-size:16px;}
.pro-desc-text ul li{ padding:0 0 8px 30px; list-style:symbols inside;}


.features_table{ margin: 5px auto;border-collapse: collapse;border-spacing: 0; border:1px solid #666;}
.features_table tr{border: 1px solid #999;}
.features_table td:first-child{text-align:left;vertical-align: middle; border: 1px solid #CCC;padding: 5px; background-color:#666; color:#FFF; width:20%; }
.features_table td{text-align:center;vertical-align: middle; border: 1px solid #CCC;padding: 5px;}
.features_table .pro_name{ color:#FFF; text-align:center; background-color:#F70;}
.related-prod{display: flex;flex-wrap:wrap; padding-top:20px;justify-content:space-around; }
.related-prod-item{ width:200px;  padding:9px; margin:9px 9px 28px 9px; background-color:#F5F5F5;}
.related-prod-item:hover{ background-color:#EEE;border-radius: 2px;box-shadow: 0.3rem 0.3rem 0.3rem #CCC;/*transition:all 0.6s;*/}
.related-prod-item:hover .tit{ color:#F00;}
.related-prod-item .img{/*border: 1px solid #999;*/ height:182px; overflow:hidden; display:flex;justify-content:center;align-items:center; }
.related-prod-item .img img{border-radius: 2px; max-height:100%; max-width:100%;}
.related-prod-item .tit{ text-align:center;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden; */padding-top:9px; }

.prev-next-link{display: flex;justify-content:space-between; margin-bottom:30px;}
.prev-next-link a{}

/*产品大图显示遮罩*/
.dialog-container{display:none;width:100vw;height:100vh;background-color: rgba(0,0,0,.62);text-align: center;position: fixed;top: 0;left: 0;z-index: 10;}
.dialog-container:after{display: inline-block;content: '';width: 0;height: 100%;vertical-align: middle;}
.dialog-box {display: inline-block;text-align: left;vertical-align: middle;position: relative;}
.dialog-box .img{max-width:90vw;max-height:90vh; cursor:zoom-out;/*border:5px solid #FFF;*/border-radius:20px;}

/*imglist*/
.imglist{ margin:1rem auto; display:flex;flex-wrap:wrap;/*justify-content:space-evenly;*/}
.imglist a{border-radius:2px;width:16.8%; margin:1em 1.3em;overflow:hidden; color:#333;box-shadow: 0.3rem 0.3rem 0.3rem #CCC;background-color:#f5f5f5; padding:5px;}
.imglist a:hover{color:#f00;box-shadow: 0.3rem 0.3rem 0.3rem #AAA;}
.imglist .image{display:flex;justify-content:center;/*align-items:center;垂直居中用，但整个cover时不用*/ height:160px;}
.imglist .image img{border-radius:2px; max-height:100%; /*max-width:100%;*/ min-width:100%;object-fit:cover;/*cover不用时，请启用align-items:center*/} 
.imglist .tit{ display:block; padding:0.3rem 0; /*text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}

/*imglist2*/
.imglist2{ display:flex;flex-wrap:wrap;}
.imglist2 a{border-radius:2px; margin:1em; color:#333;box-shadow: 0.3rem 0.3rem 0.3rem #CCC;background-color:#f5f5f5;flex: 1;display: flex;flex-direction: column;}
.imglist2 a:hover{color:#f00;box-shadow: 0.3rem 0.3rem 0.3rem #AAA;}
.imglist2 .image{display:flex;justify-content:center;flex: 1;}
.imglist2 .image img{max-height:100%; min-width:100%;object-fit:cover;/*cover不用时，请启用align-items:center*/} 
.imglist2 .tit{ padding:0.3rem 0; text-align:center;white-space: nowrap;/*字体长度影响图片显示宽度*/}


/*photos-gallery*/
.photos-gallery{ margin:10px auto;display: flex;flex-wrap: wrap; /*width:90%; background-color:#EEE;*/}
.photos-gallery p{width:23%;margin:.2% 1%; box-sizing:border-box; padding:9px; }
.photos-gallery p:last-child{margin-right: auto;}
.photos-gallery p:hover{background-color:#F8F8F8;padding:8px; border:1px solid #CCC;}
.photos-gallery p picture{display: flex; justify-content:center;align-items:center;height:12vw; /*height:9vw;*/word-break:break-word;color:#EEE;}
.photos-gallery p img{max-width:100%; max-height:100%;box-shadow: 2px 2px 8px 0px #999;background-color: #eee;overflow: hidden;}
.photos-gallery p span{padding-top:9px; display:block; font-size:14px; text-align:center;word-break:break-word; /*white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
.photos-gallery p span a{ text-decoration:none; color:#555;}
.photos-gallery p span a:hover{ text-decoration:underline;}

/*news*/
.twlb{ border:1px solid #eee; margin-bottom:25px; /*max-height:168px;*/ padding:20px 10px;}
.twlb .img{float:left;margin-right:20px; max-width:36%;max-height:168px; overflow:hidden;}
.twlb img{ max-width:100%;color:#f5f5f5;background-color: #f5f5f5; border:none;}
.twlb h5{ color:#333; font-size:22px;font-weight:normal;max-height:63px;overflow: hidden;margin-bottom:15px;}
.twlb a{ text-decoration:none;}
.twlb a:hover h5{ color:#F00;}
.twlb .desc{line-height:22px; color:#333;max-height:110px;overflow: hidden; font-size:14px;}
.twlb .desc p{line-height:22px;}
.twlb:hover{background-color: #F5F5F5;box-shadow: 0 0 0px 1px #666;border-radius: 2px;}

.wzlb{border:1px solid #eee; margin-bottom:25px;}
.wzlb dt{background: #EEE;height: 40px;line-height: 40px;padding: 0 14px;font-size: 18px;border-left: 10px solid #DC5942; margin-bottom:10px;}
.wzlb dd{ padding:9px;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/}
.wzlb dd a{color:#333; font-size:16px;}
.wzlb dd a:hover{color:#F00; text-decoration:underline;}

.wzshow h1{font-size:28px; color:#333; line-height:1.25em;padding:10px 0 30px 0;}
.wzshow .newsLabel{line-height:30px; overflow:hidden;border-bottom:1px dashed #CCC; text-align:center; margin-bottom:20px;}
.wzshow .newsLabel li{ display:inline;font-size:14px;line-height:30px;color:#999; margin-right:20px;}
.wzshow .newsLabel li a{ color:#999;}
.wzshow{font-size:16px; line-height:1.6rem; }
.wzshow h3,.wzshow h4,.wzshow h5{ margin-bottom:12px; padding-top:12px;font-size:26px;font-weight: normal; }
.wzshow video{ max-width:92%; display:block; margin:20px auto;cursor: pointer;}
.wzshow p{font-size:16px; line-height:1.6rem;text-align: left;}
.wzshow p strong{ font-weight:normal;}
.wzshow p a,.wzshow a{color:#EC4413;font-weight:normal;}
.wzshow p a:hover{color:#F00; text-decoration:underline;}
.wzshow img{display:block; margin:20px auto;max-width:100%;border-radius:8px;}
.wzshow .tags{line-height:30px;font-size:16px;}
.wzshow .tags a{padding:0 6px; font-weight:normal; font-size:16px;}
.wzshow table{margin: 1rem auto;border-collapse: collapse;border-spacing: 0;}
.wzshow table .tit{ background-color:#EEE; font-weight:bold;}
.wzshow table td,.wzshow table th{text-align:center;vertical-align: middle; border: 1px solid #CCC;padding: 5px;}
.wzshow ul,.prodinfo ul{ padding:10px;font-size:16px;}
.wzshow ul li,.prodinfo ul li{ margin:0 0 1rem 2rem; list-style:disc inside;line-height:1.6rem; color:#FF9900;}
.wzshow dl{ margin-bottom:1em;}
.wzshow dl dt{font-weight:bold;margin-bottom:0.6em;}
.wzshow dl dd{line-height: 1.3em;margin-bottom: 0.4em; padding-left:2rem;}

.proshow p{margin-bottom:4.2rem;}

.indexul{ padding:10px;}
.indexul li{ margin:1rem 0; list-style:circle inside;line-height:1.6rem; color:#333; font-size:16px;} 
.indexul li:hover{list-style:disc inside; font-weight:bolder; /*color:#f60;*/}
.t10ul li:hover{color:#00A69C;}.t8ul li:hover{color:#F4980F;}.t6ul li:hover{color:#1659A8;}.t2ul li:hover{color:#D0422C;}
/*ul_1 继承上面的css*/
.ul_1{ text-align:left;}
.ul_1 li{margin:0 !important;}
.ul_2 li{list-style:none !important;}
/*flexbox*/
.flexbox{margin: 10px auto; display: flex;flex-wrap: wrap;}
.two_colu div{width:50%;} .three_colu div{width:33%;}.four_colu div{width:25%;}.five_colu div{width:20%;}
.flexbox div{/*width:23%;margin:.2% .6%;*/ box-sizing:border-box; padding:8px; }
.flexbox div:last-child{margin-right: auto;}

.aboutus h1{ text-indent:-9999px;}
.History h3{ font-size:168%; color:#f00;font-family:Magneto, Verdana;border-bottom: 1px dotted;}
.History ul li{list-style:decimal inside;}
.c_factory{}
.c_fact_content{ margin-bottom:1em;}
.c_fact_content h1,.c_fact_content h2{ color:#F30;}
.c_fact_tit{background: #eee;color: #333;font-size:18px; line-height:1.3em; padding:12px; display:block;cursor:pointer;}
.c_fact_tit:hover,.hover {background: #333; color:#fff;}
.c_fact_detail{display: none; border:1px solid #EEE;}
.c_fact_detail2{border:1px solid #EEE;}

.pu_xn{ display:flex;flex-wrap: wrap; margin:1em auto;}
.pu_xn div{ display:flex;width:50%;padding:2em;border-bottom: 1px dotted #CCC;/*box-shadow: 0.1rem 0rem 0.2rem #CCC;*/}
.pu_xn p{flex:1;align-items: center;display: flex;padding-left:2em;margin: 0;}
.pu_xn img{width:20%; margin:auto;}
.processes h3{ font-size:138%; color:#F60;border-bottom: 1px dotted; font-family:Candara;}
.processes p{ text-align:center; color:#000;font-size:120%;}

.morebox{ display:none;}
.readmore{color:#EC4413;font-weight:normal;}
.readmore:hover{ cursor:pointer;}
/**/
.x2x{ color:#EEE; }
.x4x{color:#EEE; font-size:44px;}
.ft001{ }
.ft001 i{ float:left;color:#EC4413; padding-right:10px;}
.ft001 span{ line-height:25px;}
.ft001 .tel{ line-height:25px; color:#333; font-family:Geneva;}
.ft001 .email{ line-height:50px; color:#333;font-size:18px;}
.ft001 a:hover{color:#F00;}
.renzheng{ margin:24px 0;}
.followus{}
.followus h5{display:block; line-height:33px;font-weight:bold; font-size:14px;}
.followus img{ padding:5px;border-radius:20px; width:42px; height:42px;}
.sns{ line-height:50px; text-align:center;}
.sns a{ margin:10px; color:#333; text-decoration:none;font-size:36px;}
.sns a:hover{color:#F00;transition:all 0.4s;}
/*contact*/
.contact{display: flex;flex-wrap: wrap; justify-content:space-between;}
.contact-text{margin-bottom: 20px; max-width:38%;}
/*faq*/
.FAQ_tit{ cursor:pointer;}
.faqs{}
.faqs h3{ font-size:16px; line-height:24px; color:#F30;}
.faqs p{ padding:5px; background-color:#F5F5F5;font-size:16px; margin-bottom:1.3em; line-height:1.6rem;}
.faqs ul{ padding:20px;background-color:#F5F5F5;}
.faqs li{ line-height:30px;}
.faq_list{ margin-bottom:10px;}
.faq_list li{ float:left;margin:5px;}
.faq_list li a{ display:inline-block;padding:10px;  color:#333; background-color:#EEE; font-size:16px;}
.faq_list li a:hover{background-color:#333; color:#FFF;}

/*feedback*/
.feedback{padding: 10px 0;margin-bottom: 20px; max-width:62%;}

.contact_form{font-size:16px; line-height:24px;}
input:focus, textarea:focus{outline: none;}
.contact_form label {font-family:Arial, Helvetica, sans-serif;display:block;padding:3px;font-weight: bold;}
.xico {color:#C00;}
.contact_form ul { max-width:860px;list-style-type:none;list-style-position:outside;padding:0px;}
.contact_form li{padding:12px;}
.contact_form input{height:34px; line-height:20px; width:100%; padding:6px; font-size:14px;}
.contact_form textarea {padding:8px; width:100%;}
.contact_form input,.contact_form textarea { border:1px solid #AAA; box-shadow: 0px 0px 3px #CCC, 0 10px 15px #eee inset; border-radius:2px;transition: padding .25s;}
.contact_form input:focus,.contact_form textarea:focus {background: #fff;border:1px solid #C00;box-shadow: 0 0 3px #ccc;padding-right:30px;}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {box-shadow: 0 0 5px #d45252; border-color: #b03535;}
.contact_form input:required:valid, .contact_form textarea:required:valid {box-shadow: 0 0 5px #5cd053;border-color: #28921f;}
.contact_form button{border-radius:3px; padding:9px 18px; background:#FFF; color:#EC4413; border:1px solid #F00; font-size:16px; display:inline-block;}
.contact_form button:hover {background:#EC4413; color:#FFF;cursor: pointer;}



/*视频中心*/
h3{ font-size:1.6rem; line-height:2rem; margin:2.6rem 0 .6rem; letter-spacing:0rem; font-weight:normal;}
.titleList{ padding:.6rem 0;display:flex;flex-wrap:wrap;justify-content: space-between;}
.titleList li{ width:48%; display: flex; justify-content: space-between;align-items: center;padding:.6rem .4rem; border-bottom:1px ridge;}
.titleList time{ color:#999;white-space: nowrap;}
.titleList li a{ color:#06F; font-size:16px;padding-right:1.6rem;}
.titleList li a:visited{color:#666;}.titleList li a:hover{color:#D0422C;}
.titleList li a:active,.titleList li a:focus{color:#FFF; background-color:#00A69C;transition: all .6s;}
.titleList li:hover{color:#00A69C; border-bottom:1px dotted #D0422C;}


/************************banner********************************/
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url(/images/loading.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%;}
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slider .slick-prev,.slick-slider .slick-next {position:absolute;top:50%;background-size:cover;background-color:transparent;background-repeat:no-repeat;border:none;color:#fff;text-indent:-9999px;width:25px;height:25px;margin-top:-15px;}
.slick-slider .slick-prev {left:10%;background-image:url(/images/prev.png);}
.slick-slider .slick-next {right:10%;background-image:url(/images/next.png);}

.slick-slider { max-width:1920px;margin:0px auto 20px auto;}
.slick-dots { position: absolute; bottom:5px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height:8px; width:60px; margin: 0px 5px; padding: 0px; cursor: pointer;}
.slick-dots li button { border:1px solid #fff;background:#fff;border-radius:0px; display: block; height:5px; width:60px; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: none;  text-indent:-9999px;}
.slick-dots li.slick-active button {border:1px solid #0068b7; background:#0068b7;height:8px;position:relative;top:-1px;}

.slider-img .slick-list {margin:0px 30px;}
.slider-img .slick-list img {max-width:170px;}
.slider-img .slick-prev, .slider-img .slick-next {position:absolute;top:50%;background-size:cover;background-repeat:no-repeat;background-color:transparent;border:none;color:#fff;text-indent:-9999px;width:25px;height:45px;margin-top:-22px;}
.slider-img .slick-prev {left:0;background-image:url(/images/slider_prev.png);}
.slider-img .slick-next {right:0;background-image:url(/images/slider_next.png);}

/*spage*/
.spage_desc,.spage_desc2{ margin:2em 0; padding:1em 0;}
.spage_desc2 h1,.spage_desc2 h2{color: #333;font-size:280%;margin-bottom: 24px; background-color:#EEE; padding:5px;}
.spage_desc2 .desc p{line-height: 1.5em;margin-bottom: 1em;font-size: 130%;color: #444;font-weight: normal;}
.spage_desc h1,.spage_desc h2{color: #333;font-size:280%;margin-bottom: 24px; border-bottom:1px solid #eee; padding:5px;}
.spage_desc h3,.spage_desc2 h3{ font-size:1.38rem;}
.spage{ display:flex; /*padding:20px 0; margin-bottom:35px;*/}
.spage .left{ width:50%;/*margin-bottom:70px;*/ padding-bottom:35px;  margin-right:50px;display:flex; align-items:center; justify-content:center;}
.spage .left img{ max-width:100%; /*border:1px solid #CCC;*/max-height:400px;}
.spage .right{width:50%;padding-bottom:35px;}
.spage .right p{/*line-height: 1.6em;margin-bottom: 1em;font-size: 130%;line-height: 1.4em;*/margin-bottom: 1.4rem;color: #444;font-weight: normal;}
.spage .right p strong{font-weight: normal;}
.spage .right h1{color: #333;font-size:280%;margin:3rem 0 1rem 0; padding:5px; font-family:"MV boli", Raleway;}
.spage .right dl{ margin-bottom:1em;}
.spage .right dl dt{font-size:140%;margin-bottom:0.6em;}
.spage .right dl dd{font-size:110%;line-height: 1.3em;margin-bottom: 0.4em; padding-left:2rem;}
.spage_desc .list{display:flex;flex-wrap:wrap; justify-content:space-between;}
.spage_desc .list li{ width:17%; text-align:center; /*margin-bottom:2em;border:1px solid #ccc;*/ margin:2em 0.2em;}
.spage_desc .list li span{font-size:120%;margin:0.4em 0; display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.spage_desc .list li img{  max-width:100%;box-shadow: 0.3rem 0.3rem 0.3rem #CCC; }
.spage_desc .list li span.color{display:block; height:198px; box-shadow: 0.3rem 0.3rem 0.3rem #CCC;}
.spage_desc .list li span.color1{ background-color:#F9F9F9;}
.spage_desc .list li span.color2{ background-color:#F8F8F8;}
.spage_desc .list li span.color3{ background-color:#FAFAFA;}
.spage_desc .list li span.color4{ background-color:#EEE;}
.spage_desc .list li span.SuperWhite{background-color:#FCFCFC;}
.spage_desc .list li span.SnowWhite{background-color:#FAFAFA;}
.spage_desc .list li span.BrightWhite{background-color:#F9F9F9;}
.spage_desc .list li span.ClassicWhite{background-color:#F8F8F8;}
.spage_desc .list li span.Ral1{background-color:#C4C0A7;}
.spage_desc .list li span.Ral2{background-color:#4A4D46;}
.spage_desc .list li span.Ral3{background-color:#35393A;}
.spage_desc .list li span.Ral4{background-color:#272C2F;}
.spage_desc .list li span.Ral5{background-color:#151A14;}

.spage_desc2 .list2{display:flex;flex-wrap:wrap; justify-content:space-between;}
.spage_desc2 .list2 li{ width:47%; text-align:center; margin:2em 0.2em;}
.spage_desc2 .list2 li span{margin:0.4em 0; font-size:130%; display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.spage_desc2 .list2 li img{  max-width:100%;box-shadow: 0.3rem 0.3rem 0.3rem #CCC; }
.spage_desc2 .list2 li p{ text-align:left;line-height: 1.3em;margin-bottom: 2em;font-size: 120%;color: #444;font-weight: normal;}

.spage_desc .list3{display:flex;flex-wrap:wrap; justify-content:space-between;}
.spage_desc .list3 li{ width:17%; text-align:center; box-shadow: 0.3rem 0.3rem 0.3rem #CCC; margin:2em 0.2em;}
.spage_desc .list3 li a{ display: flex;align-items: center;justify-content: center;height: 198px;}
.spage_desc .list3 li span{margin:0.4em 0; display:block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.spage_desc .list3 li img{ max-height:100%; max-width:100%;}

.spage_desc .list6 li{ width:16%;}
/*show*/
.show{box-sizing:border-box; padding:10px; float:left;}
.show1{width:100%;} .show2{width:50%;} .show3{width:33.3%;} .show4{width:25%;} .show5{width:20%;}
.item{padding:10px;margin-bottom:25px;border-bottom:3px solid #F5F5F5;transition:all 0.6s;}.item:hover{border-bottom:3px solid #F00;transition:all 0.6s;} .item:hover h3 a{ color:#f00;}
.item span{ padding-top:10px; display:inline-block; height:30px; overflow:hidden;}
.item .img{display: table-cell;vertical-align: middle;text-align: center;/* width:560px; height:360px;*/}
.item .img img{vertical-align: middle;max-width: 100%;max-height: 100%;border: none;}
.itemtext h3{ padding:30px 0 12px; font-size:26px; color:#f30;}
.itemtext p,.itemp{ line-height:1.6em; font-size:16px; margin-bottom:15px; height:4.8em; overflow:hidden;}
.itemtext strong{ font-weight:normal;}
.itemtext .ibtn{border-radius:20px; padding:10px 20px; background:#EC4413; color:#FFF; display:inline-block;}
.itemtext .ibtn:hover{ color:#FFF; background-color:#000;}
.itemtext2 h3{ font-size:16px;}
.itemtext2 p{ /*height:55px;*/}

/*C-LV2*/
.c_list{ display:flex;flex-wrap: wrap;}
.c_list_show{padding:1em;border-bottom: 3px solid #F8F8F8;transition: all 0.6s;margin-bottom:18px;}
.c_list_show2{ width:50%;}
.c_list_show3{ width:33%;}
.c_list_show4{ width:25%;}
.c_list_show5{ width:20%;}
.c_list .c_list_item{ overflow:hidden; padding:10px;}
.c_list_show:hover{border-bottom:3px solid #F00;transition:all 0.6s; background-color:#F5F5F5;} .c_list_show:hover h3 a{ color:#F69226;}
.c_list_item a img{max-width: 100%;border: none; border-radius:18px;}
.c_list_text h3{margin:20px 0 16px 0; font-size:1.5em; }
.c_list_text h3 a{color:#DC5942;}

.c_list_text p,.c_list_text_p{ line-height:1.6em; font-size:16px; }
.c_list_text h2{ font-size:1.3rem; font-weight:normal;}
/*pnav*/
.pnav a{border-radius:5px; margin:5px 10px;padding:5px; background:#EEE; color:#333; display:inline-block;}
.pnav a:hover{ color:#EC4413;}
/*fbbtn*/
.fbbtn{margin:10px 20px;}
.fbbtn a{border-radius:3px; padding:10px 25px; background:#FFF; color:#F60; border:1px solid #F00; font-size:20px; display:inline-block;}
.fbbtn a:hover{ background:#EC4413; color:#FFF;}
/*back-to-top*/
#gotop{position:fixed;bottom:130px;right:10px;cursor:pointer;display:none;font-family:verdana;border:1px solid #CCC; background-color:#CCC;color:#FFF;text-align:center;font-size:58px; width:46px; height:46px; line-height:58px; border-radius:10%;}
#gotop:after{content:"^";}
#gotop:hover{background-color:#EC4413;box-shadow:0 0px 8px 2px #CCC;}

/*最新添加*/
.dsflex{display:flex;flex-wrap: wrap;} .dsflex p{ margin-bottom:1.6rem !important;}
.w38p{ width:38%;display:flex;justify-content: center;/*水平居中*/align-items: center;/*上下居中*/} .w62p{ width:62%;align-self: center;/*上下居中*/}
/*.my0.6{ margin:.6rem 0;}.m-1.6{ margin:1.6rem;} .my-2.6{ margin:2.6rem 0;}.my-4.2{ margin:4.2rem 0;}*/
.hr-my4{ margin:4rem 0; border:0; border-top:1px solid #CCC;}
.imgw62p{ max-width:62%!important;}


@media screen and (max-width: 1680px) {
.photos-gallery a{height:14vw;}
}
@media screen and (max-width: 1200px) {
/*.main{ max-width:1200px;}*/
#nav li>a .name {width: 100px; padding:5px; }
#nav li > a .name{ font-size:16px;}
.topbox{flex-direction: column;}
}
@media screen and (max-width: 1024px) {/*ipad1024*/
.photos-gallery{ width:100%;}
.photos-gallery p{width:23%;}
.photos-gallery p picture{height:12vw;}
.photos-gallery p span{font-size:12px;}

.imglist a{width:22vw; margin:1em auto;}
.imglist .image{height:160px;}

.c-desc h1{ font-size:200%;}
.banner-info h2{ font-size:1.68rem;}
.banner-info li{ font-size: 160%;}
.main{ /*max-width:768px;*/max-width:984px;}
.ft001{ width:68%;}
.itemtext p{ height:4.8em;}
.item .img{display: table-cell;vertical-align: middle;text-align: center; width:auto; height:auto;max-width:560px; max-height:360px;}
.show4{width:50%;}
.related-prod{justify-content:space-around;}


ul.nav > li > a{font-size:16px;width: 100px; font-weight:normal; }
ul.nav li ul li a {font-size:14px;padding: 15px 9px;}
ul.nav li ul { min-width: 160px;}
ul.nav ul li { white-space:normal;}

#wechatPC{ display:none;}
#wechatWap{display:block;}
}

@media screen and (max-width: 768px){/*ipad768*/
.w38p{ width:100%;} .w62p{ width:100%;}
.main-banner{ height:50vh;}
.banner-info li{ font-size: 130%;}
.x3{ width:50%;}
.aboutimg{ float:none;}
.index-text, .index-choose{ width:80%;}
.choose-item{ width:auto;}
.index-choose h3{ font-size:30px;}
.c_list_show3,.c_list_show4,.c_list_show5{ width:50%;}
.two_colu div,.three_colu div,.four_colu div,.five_colu div{width:50%;}
.prod-show{flex-direction:column;justify-content:flex-start;align-items: center;background-color:transparent;}
.prod-img-big{ width:100%; height:500px; order:-1;}
.prod-img-big img{max-height:450px;}
.prod-img-small{ width:100%;flex-direction:row;justify-content:flex-start;align-items:stretch;height:120px; overflow-x:auto;margin-bottom:10px;}
.prod-img-small-box{display: flex;justify-content:center;align-items: center; padding:9px;}
.prod-img-small-box img{ max-height:80px;max-width:inherit;margin-bottom:0px;width:auto;}
.prod-desc{ width:100%;}
.pro-desc-text{ padding:20px;}
.pro-desc-text p{ font-size:16px;}

.prev-next-link{flex-direction: column; padding:0 10px; text-align:center;} .prev-next-link p{ padding:10px 0;}

.spage_desc h1,.spage_desc h2,.spage_desc2 h1{font-size:180%;}
.spage .left,.spage .right{width:100%;padding: 0 9px;}
.spage{ flex-direction:column;}
.spage .left{margin:0px;}
.spage .left img{align-items:center;}
.spage_desc .list li,.spage_desc .list3 li{ width:25%;}
.spage_desc2 .list2 li{ width:auto;}
.spage_desc2 .list2 li img{ height:auto;}

.imglist a{width:28vw;}
.imglist .image{height:26vw;}
/*.imglist .image{height:28vw;}*/


.hr-info{ padding:20px 10px 10px 10px;}
.contact{flex-direction: column;}
.contact-text{max-width:100%;}
.feedback{padding:20px;max-width:100%;}

}
@media screen and (max-width:767px){
.photos-gallery p span{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.cH1{ font-size:180%;}
.fl,.fr{ float:none;}
.banner-info h2{/* font-size:28px;*/}
.banner-info h3, .banner-info p{ font-size:16px;}
.banner-info li{ font-size: 130%;}
.c-desc h1{ font-size:160%;}
.leftbox,.rightbox{width:100%;}
.prodimg,.prodinfo{ width:100%;}
.bigimg{ height:auto;}
.xx20{width:50%;}
.xx12{ width:auto;}
#nav li{ display:block;}
#nav .sub{ position:static;}
#nav .sub li{ display:block; text-align:center;}
#nav .sub li a{ width:auto;}
.show1,.show2,.show3,.show4,.show5{width:100%;}
.item h3 a{ color:#f00;}
.show{ padding:10px;}
.itemtext p{ height:auto;}
#header_menu{ height:auto; line-height:16px;}
.x2,.x10{ float:none; width:100%; text-align:center;}
.xx24{ width:33.3%;}
#detail_title{ line-height:inherit; font-size:16px;padding:8px 0;}
.itemtext .ibtn{padding:10px; }
.video{ float:none; margin:0px; width:100%;}
.index-aboutus{ padding:0;}
#nav_wrap,#nav{ height:auto;}
#nav li{ float:none;}
#nav li > a .name{ width:auto;}
#logo span{ display:block; }
ul.nav{ display:none;width:100%; background-color:#eee;}
ul.nav > li > a{width:100%; text-align:left; }
ul.nav li {float:none; text-align:left; }
ul.nav li a{ padding:15px 9px;}
ul.nav li ul{position:static;padding-left:9%;}
ul.nav ul li {display:block;white-space:normal;}

.topbox{ display:block;}
#logo{display:flex;align-items: center;justify-content: space-around;}

.indexFlexbox{margin:1rem; flex-direction: column;}
.indexFlexbox .img{order:-1;/*图片排前面，负值越大越前*/width:auto;}
.indexFlexbox .c_list_text{ width:auto; }

.titleList li{ width:100%; padding:1rem .4rem;}

.channel_wlist li{ float:none; display:inline-block;}
.channel_wlist li a{ height:auto; line-height:inherit; padding:5px; font-size:1.18em;}

h1, .h1{ font-size:16px;}
#footer .nav{ padding:0 20px;}
.xx30{ width:100%;}
#float .qq{ display:none;}
#footer .nav .sub li{ max-width:inherit;white-space:inherit;}
#copyright{flex-direction: column;}
#copyright img{ margin-bottom:1rem;}
}
/*640*/
@media screen and (max-width:40em){
.photos-gallery p picture{height:12vw;}
.xx24{ width:50%;}
.x6,.x8{ float:none; width:100%;}

.index-tip p{ margin:0px; font-size:18px; font-weight:normal;}
.item span{ height:auto;}
.twlb h5{ font-size:16px; max-height:none;}

.prod-img-big{ height:350px;}
.prod-img-big img{max-height:320px;}
.prod-img-small{height:96px;}
.prod-img-small-box img{ max-height:60px; }
.spage_desc .list li,.spage_desc .list3 li{ width:48%;}

.pu_xn div{width:auto;padding:2em 0.3em;}
.pu_xn p{padding-left:1em;}

.cH3{ font-size:1.3em !important;}
.cH2{ font-size:1.6em;}
.cH4 { font-size:1.1em;}
.spage .right p{/*font-size: 110%;*/}
}
/*480*/
@media screen and (max-width:30em){
#logo{ margin:0 0 0 1rem;}
#logo img{max-width:61%;}
.banner-info ul{margin-top:0;}
.banner-info li{ font-size: 120%;}
.wzshow h1{ font-size:18px;}
/*.wzshow h3{ font-size:16px;}*/
.choose-item h5{font-size:1.38em;}
.index-choose h3{ font-size:24px;}
.index-text, .index-choose{width:100%; background-color: rgba(255, 255, 255, 0.62)}
.choose-item .pdesc{ color:#333;}
.c_list_show2,.c_list_show3,.c_list_show4,.c_list_show5{ width:100%;}
.two_colu div,.three_colu div,.four_colu div,.five_colu div{width:100%;}
.index-tip p{ font-size:14px; }
.imglist a{width:38vw;}
/*.imglist .image{height:36vw;}*/
.banner-info h2{ /*font-size:42px;*/}
.related-prod-item{ margin:9px 0px 28px 0px; width:50%;}
.related-prod-item .img{ height:auto;}
.wzshow table td,.wzshow table th{padding: 2px; font-size:12px;}

.photos-gallery p{width:48%; }
.photos-gallery p picture{height:26vw;}
.photos-gallery p img{/*min-width:100%;object-fit: cover;*/}
/*360*/
@media screen and (max-width:22.5em){
.x3{ width:100%;}
.banner-info h2{ font-size:38px;}
.banner-info p{ font-size:14px;}
.imglist a{width:80%;}
.imglist .image{height:auto;}
}