/*===================css reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;font-size:100px;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #666; font: 16px fontr,"微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus{ outline: none;}
img{ max-width: 100%;}

@font-face {
	font-family: 'hansans';
	src:  format('opentype'),  format('opentype') ,  format('opentype') ,  format('opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'alimama';
	src:  format("truetype");
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'hansans-song';
	src:  format("opentype");
	font-weight: bold;
	font-style: normal;
}
* {
	font-family: 'hansans', '微软雅黑', 'microsoft yahei', 'helvetica neue', helvetica, arial, sans-serif;
}

/*===================link style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ outline:none; text-decoration: none;}

/*===================common style============================*/


*::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	position: absolute;
	left: 0;
}

::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 20px;
}

::-webkit-scrollbar-track {
	background: #ddd;
	border-radius: 20px;
}

.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1400px; margin: 0 auto;}
.clearfix:after{clear: both;}
.clearfix:before,.clearfix:after{content: "";display: table;}
.ovh{ overflow: hidden;}
.texth{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align: center;}
.fontb{ font-family: fontb,"微软雅黑";}
.fontl{ font-family: fontl,"微软雅黑";}
.color-fff{ color: #fff !important;}
.color-333{ color: #333;}
.color-blue{ color: var(--main-color) !important;}
.color-gray{ color: #ededed;}
.color-less-gray{ color: rgba(255,255,255,.2);}
.color-orange{ color: #ffa70d;}
.bg-orange{ background: #ffa70d;}
.bg-blue{ background: var(--main-color);}

/*============================ header ============================*/
.header{ background-size: cover; width: 100%; height: 105px  ; position: fixed; top: 0 ; left: 0; z-index: 999;box-shadow: 0 0 10px #aaa}
.header .logo{ display: block; width:400px; height: 76px; background: url(/uploads/image/tdimages/logo1.png) no-repeat; background-size: contain; font-size: 0;}
.header .right{}
.header .zs{ }
.header .tel{ display: inline-block; color: #ea8b2e; font-size: 0.2rem; line-height: 0.19rem; background:  center left no-repeat; background-size: 0.17rem 0.19rem; padding-left: 0.24rem; margin: 0.16rem 0 0 0.1rem;}
.header .button a{ : inline-block; width: 0.86rem; height: 0.26rem; font-size: 14px; color: #fff; text-align: center; line-height: 0.26rem; border: 1px solid #43b5e8; border-radius: 0.2rem; margin-right: 0.05rem;}
.header .navbar_nav li{ float:left; position: relative; display: block; margin-right: 0.35rem;}
.header .navbar_nav li a{  color:#000; line-height: 1.05rem; display: inline-block; font-weight:bold }
.header .navbar_nav li a:hover,.header .navbar_nav li a.active{ color: #000;}
#navtoggle{ display: none;}
.m_nav{ position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: #fff; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translatex(100%);}
.m_nav.open{ transform: translatex(0);}
.m_nav .top{ height: 0.3rem; padding: 0.2rem; box-sizing: border-box;}
.m_nav .top .closed{ width: 0.3rem; height: 0.3rem; vertical-align: middle; float:right; cursor: pointer;}
.m_nav .ul li{ padding: 0 0.2rem; border-bottom: 1px solid #f5f5f5;}
.m_nav .ul li a{ display: block; text-decoration: none; color: #333; font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; width: 100%;}
.m_nav .info{ display: block; margin-top: 0.2rem;}
.m_nav .info em{ display: inline-block;}
.m_nav .info .tel{ color: var(--main-color); background:  center left no-repeat; background-size: 0.17rem 0.19rem; padding-left: 0.25rem; margin-bottom: 0.2rem;}
.m_nav .info .button a{ display: inline-block; margin: 0 0.2rem;}

/*============================ footer ============================*/
.footer-box{ background: var(--main-color);}
.footer{ background-size: cover; color: #fff; padding-top: 0.3rem;}
.footer .tel{ font-size: 0.28rem; margin-left: 0.4rem;}
.footer .tel img{ width: 53px; height: 53px; margin-bottom: 0.1rem;}
.footer dl{ margin-left: 1.3rem;}
.footer dt{ font-weight: normal; font-size: 0.2rem; margin-bottom: 0.1rem;}
.footer dd,.footer a{ color: #fff; line-height: 0.3rem;}
.footer .code{ color: #fff;}
.footer .code img{ width: 120px; height:120px; border: 1px solid #f4f4f5; margin-bottom: 0.1rem;}
.footer .copy{ font-size: 14px; color: #ffffff; padding: 0.15rem 0; border-top: 1px solid var(--main-color); margin-top: 0.3rem;background: rgba(0,0,0,0.5)}

/*============================ index ============================*/
.banner-active{ overflow: hidden;height: 450px;}
.banner-area{ height: 450px; background-position: bottom  center; background-size: cover; position: relative; z-index: 5;}
.banner-area .banner-content .text1{ display: block; width: 5rem; height: 0.7rem; margin-top: 1rem; position: relative;}
.banner-area .banner-content .text1 span{ font-size: 0.54rem; border-bottom: 5px solid #41a8ee; position: relative; z-index: 1; left: 0; top: 0.15rem;}
.banner-area .banner-content .text1 span i{ display: block; height: 0.05rem; background: #41a8ee; position: absolute; bottom: -0.2rem;}
.banner-area .banner-content .text1 em{ font-size: 0.76rem; color: rgba(89,141,248,.2); position: absolute; left: 0.9rem; top: 0; text-transform: uppercase;}
.banner-area .banner-content .text2{ font-size: 0.72rem; margin: 0.25rem 0 0.4rem 0;}
.banner-area .banner-content .text3{ font-size: 0.22rem;}
.banner-area .banner-content a{ display: inline-block; width: 2rem; height: 0.5rem; color: #fff; font-size: 0.26rem; text-align: center; line-height: 0.5rem; background: linear-gradient(to bottom, #e5be01 0%,#771e18 100%); border-radius: 0.3rem; text-shadow: rgba(0,0,0,.3) 0.1em 0.1em 0.2em; margin-top: 0.7rem;}
.banner-area .banner-content .text4{ font-weight: bold; font-size: 0.62rem; color:var(--main-color)}
.banner-area .banner-content .text5{ font-size: 0.4rem; margin: 0.3rem 0; padding-top: 1.1rem; color:#b82617}
.banner-area .banner-content .text6{ color: #3881e6; font-size: 0.2rem; background:  center no-repeat; background-size: cover; margin: 0.25rem 0 0.6rem 0;color:#b82617}
.banner-area .banner-content .but2{ margin-top: 0.3rem;}
.main{}
.ixtit span{ display: block; font-size: 0.44rem; position: relative; top: -0.7rem;}
.ixtit em{ font-size: 0.72rem; text-transform: uppercase;}
.ixtit p{ font-family: fontl,"微软雅黑"; font-size: 0.22rem; margin-top: -0.6rem;}
.ixtit-sm span{ display: block; font-size: 0.24rem; position: relative; top: -0.5rem;}
.ixtit-sm em{ font-size: 0.32rem; text-transform: uppercase;}
.ixtit-sm p{ font-family: fontl,"微软雅黑"; font-size: 0.12rem; margin-top: -0.3rem;}
.ixpart1{ position: relative; top: -0.7rem; background: #fff; z-index: 9; padding: 0.3rem 0.2rem; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.ixpart1 li img{ width: 78px; height: 78px; margin-right: 0.15rem;}
.ixpart1 li p{ font-size: 0.2rem; color: var(--main-color); line-height: 50px; font-weight:bold}
.ixpart1 li p em{ display: block; font-size: 0.16rem; color: #666; font-weight:normal; line-height:24px}
.sy_bk{width:100%; padding:0 0 80px; text-align:center; overflow:hidden;}
.sy_bk .row{margin:0 -10px;}
.sy_bk .col-lg-4{padding:0 10px;}
.sy_bk .n_r{overflow:hidden; position:relative;}
.sy_bk .fdwz{ position:absolute; z-index:99; color:#fff; width:100%;  top:50%;transform:translate(0,-50%); height:120px; overflow:hidden;text-align:center; transition:all 0.6s}
.sy_bk .n_r:hover{ }
.sy_bk .n_r:hover .fdwz{ height:305px; transition:all 0.6s;background:rgba(0,0,0,.45); padding:20px 0 }
.sy_bk .fdwz h1{ font-size:30px; font-weight:normal}
.sy_bk .fdwz  em{ display:block; background:#fff; width:53px; height:3px; margin:25px auto}
.sy_bk .fdwz h2{ font-size:23px; display:block; margin-bottom:20px; font-weight:normal}
.sy_bk .fdwz  p{ font-size:14px; line-height:30px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow:hidden; transition:all 0.6s; width:85%; margin:0 auto}
.sy_bk .fdwz span { display:block; margin:0 auto; border:#fff 1px solid; width:120px; line-height:30px; text-align:center; margin-top:20px;transition:all 0.6s}


.jjfa ul li:hover  .fdwz  em{ display:none;transition:all 0.6s}


@media only screen and (max-width:992px){
.header .zs{ display:none}
.zs1{ margin:0 auto; width:188px}
.sy_bk{padding:0 0 40px; margin-top:-20px}
.sy_bk .row{margin:0 auto;}
.sy_bk .col-xs-6{ padding-right: 5px;
padding-left: 5px;}
.sy_bk .n_r{margin-bottom:15px;}
.sy_bk .w_z h3{font-size:18px; margin-bottom:15px;}
.sy_bk .w_z span{width:100px; height:28px; font-size:13px; line-height:26px;}
.sy_bk .fdwz h1{ font-size:20px; font-weight:normal; margin-top:5px}
.sy_bk .fdwz  em{ display:block; background:#fff; width:53px; height:3px; margin:10px auto}

.sy_bk .fdwz h2{ font-size:15px; display:block; margin-bottom:8px; font-weight:normal}
.sy_bk .fdwz  p{ display:none}
.sy_bk .fdwz span { display:block; margin:0 auto; border:#fff 1px solid; width:100px; line-height:24px; text-align:center; margin-top:20px;transition:all 0.6s}
.sy_bk .n_r:hover .fdwz{ position:absolute; z-index:99; color:#fff; width:100%;  top:40%;transform:translate(0,-50%); height: auto; overflow:hidden;text-align:center; transition:all 0.6s}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  outline: none;
}
.row {
    margin-right: 0;
    margin-left:0;
}
}
.ixpart2 .slick-arrow,.ixpart4 .slick-arrow{ position: absolute; top: 42%; width: 38px; height: 98px; text-indent: -9999px; cursor: pointer;}
.ixpart2 .slick-arrow.prev,.ixpart4 .slick-arrow.prev{ left: -44px; background:  no-repeat;}
.ixpart2 .slick-arrow.next,.ixpart4 .slick-arrow.next{ right: -44px; background:  no-repeat;}
.ixpart3{ background:  no-repeat; background-size: cover; padding: 0.3rem 0 0.3rem 0;}
.ixpart3 .box{ background: #fff; border-radius: 5px; margin: 0.15rem 0; padding: 0.4rem 0.2rem; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; text-align:center}
.ixpart3 .box img{ width: 78px; height: 78px; margin:0 auto 0.2rem}
.ixpart3 .box .text{ font-family: fontl,"微软雅黑"; color: #666; line-height: 0.26rem; width:100% }
.ixpart3 .box .text span{ display: block; font-size: 0.24rem; color: #333; margin-bottom: 0.15rem;}
.ixpart3 .box .text p{font-size: 0.14rem;}
.ixpart3 .box .text em{ display: inline-block; width: 1.2rem; height: 0.3rem; font-size: 14px; color: var(--main-color); line-height: 0.28rem; border: 1px solid var(--main-color); border-radius: 0.15rem; text-align: center; margin-top: 0.15rem;}
.ixpart3 .box:hover .text em{ background: var(--main-color); color: #fff;}
.ixpart4{ padding: 0.8rem 0 ;}
.ixpart4 .box{ background: #f7f7f7; border-radius: 5px;}
.ixpart4 .img{ position: relative;}
.ixpart4 .img img{ width: 100%;}
.ixpart4 .img span{ display: block; width: 100%; height: 0.36rem; color: #fff; font-size: 0.16rem; line-height: 0.36rem; padding: 0 0.3rem; background: var(--main-color-light); position: absolute; bottom: 0; left: 0; text-align:center}
.ixpart4 .text{ width: 1.8rem; float: left; margin: 0.3rem 0 0.3rem 0.3rem;}
.ixpart4 .text em,.ixpart4 .text span{ display: block; font-size: 0.24rem; color: #333; border-bottom: 1px solid #bebebe; padding-bottom: 0.15rem;}
.ixpart4 .text em{ color: var(--main-color); border-color: var(--main-color);}
.ixpart4 .text p{ font-family: fontl,"微软雅黑"; margin-top: 0.2rem;}
.ixpart4 .slick-arrow.prev{ left: -32px;}
.ixpart4 .slick-arrow.next{ right: -32px;}
.ixpart5{ background:  center top no-repeat; padding: 0.8rem 0 1.2rem 0;}
.ixpart5 .row{ margin-left: 0; margin-right: 0;}
.ixpart5 .col-sm-4{ padding-left: 8px; padding-right: 8px;}
.ixpart5 .box{ min-height: 2.7rem; color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 5px; margin-top: 0.5rem; padding: 0.4rem 0.2rem 0.3rem 0.2rem;}
.ixpart5 .box.bg1{ background: var(--main-color);}
.ixpart5 .box.bg2{ background: #ffa70d;}
.ixpart5 .box.bg3{ background: var(--main-color-light);}
.ixpart5 .box img{ width: 78px; height: 78px; margin-top: 0.3rem;}
.ixpart5 .box .text{ padding-left: 1.1rem; line-height: 0.3rem;}
.ixpart5 .box .text span{ display: block; font-size: 0.24rem;}
.ixpart5 .box .text p{ font-family: fontl,"微软雅黑"; height: 1.2rem; overflow: hidden; margin: 0.15rem 0 0.1rem 0;}
.ixpart5 .box .text em{ display: inline-block; width: 0.96rem; height: 0.26rem; font-size: 14px; color: #fff; line-height: 0.24rem; border: 1px solid #fff; border-radius: 0.2rem; text-align: center;}
.ixpart5 .box:hover .text em{ background: #fff; color: var(--main-color);}
.ixpart6{ background:  center no-repeat; background-size: cover;}
.ixpart6 ul{ width: 5.88rem; padding: 0.4rem 0;}
.ixpart6 .line{ height: 5px; background:  no-repeat; background-size: cover; margin: 0.4rem 0;}
.ixpart6 li{ position: relative;}
.ixpart6 li .num{ font-size: 1.84rem; font-family: arial; color: rgba(255,255,255,.08); position: absolute; right: 0; top: 0;}
.ixpart6 .box{ color: #fff; padding: 0.6rem 0.5rem 0 0.3rem;}
.ixpart6 .box img{ width: 95px; height: 95px; float: left;}
.ixpart6 .box p{ padding-left: 1.3rem; line-height: 0.3rem;}
.ixpart6 .box p span,.ixpart6 .box p em{ display: block;}
.ixpart6 .box p span{ font-size: 0.24rem; margin-bottom: 0.1rem;}
.ixpart6 .box p em{ font-family: fontl,"微软雅黑"; height: 0.6rem; overflow: hidden;}
.ixpart7{ background: #f7f7f7; padding-bottom: 0.8rem; padding-top:0.6rem}
.ixpart7 .top{ background: #fff; border-radius: 5px;}
.ixpart7 .top .tit{ font-size: 0.24rem; color: #333; padding: 0.4rem 0.3rem 0.2rem 0.3rem;}
.ixpart7 .top .text{ color: #666; height: 0.52rem; line-height: 0.26rem; padding: 0 0.3rem; overflow: hidden;}
.ixpart7 .top .time{ padding: 0.3rem 0.3rem 0.35rem 0.3rem;}
.ixpart7 .top .time em{ color: #999;}
.ixpart7 .top .time span{ display: inline-block; width: 0.96rem; height: 0.26rem; font-size: 14px; color: var(--main-color); line-height: 0.24rem; border: 1px solid var(--main-color); border-radius: 0.2rem; text-align: center;}
.ixpart7 .top:hover .time span{ background: var(--main-color); color: #fff;}
.ixpart7 .bottom{ line-height: 0.3rem; margin: 0.4rem 0;}
.ixpart7 .bottom span,.ixpart7 .bottom em{ display: block;}
.ixpart7 .bottom span{ color: #666; width: 70%; background:  center left no-repeat; padding-left: 0.12rem;}
.ixpart7 .bottom em{ color: #999; width: 80px; text-align: right;}
.ixpart7 .bottom a:hover span{ background-image: ; color: var(--main-color);}
.ixpart7 .bottom a:hover em{ color: #3eb3e7;}
.ixpart8{ background:#fff; background-size: cover; padding-bottom: 0.8rem; padding-top:0.5rem}
.ixpart8 .bigtit{ font-size: 0.5rem; padding: 1.1rem 0;}
.tradetit{ width: 3.2rem; border-right: 1px solid #323232;}
.tradetit span{ width: 100%; height: 0.56rem; text-align:center; color: #fff; line-height: 0.56rem; border-right: 4px solid rgba(137,211,244,0); display:inline-block; cursor:pointer;}
.tradetit .a{ border-right: 4px solid #89d3f4; background: var(--main-color);}
.tradecon{ width: 8.4rem; display:none; color: #fff; margin-left: 0.5rem; padding-top: 0.3rem;}
.tradecon .tit{ font-size: 0.32rem;}
.tradecon .text{ line-height: 0.3rem; margin: 0.3rem 0 0.4rem 0;}
.tradecon .img{ padding: 0.6rem 0; margin-top: 0.4rem; border-top: 1px solid #323232;}
.tradecon .img p{ width: 100%; font-size: 0.2rem; color: #fff; text-align: center; position: absolute; top: 33%; left: 0;}

/*============================ 右侧浮动导航 ============================*/
.rightmenu{ position: fixed; right: 0; bottom: 20%; z-index: 99999;}
.rightmenu a{ display: block; width: 66px; height: 66px; font-size: 14px; color: #fff; background: #939393; text-align: center; margin-top: 7px;}
.rightmenu a img{ margin: 9px 0 3px 0;}
.rightmenu a.zx:hover,.rightmenu a.wx:hover,.rightmenu a.sq:hover{ background: var(--main-color-light);}
.rightmenu a.qq,.rightmenu a.wx,.rightmenu a.tel{ position: relative;}
.rightmenu a.qq span,.rightmenu a.tel span{ display: none; background: var(--main-color-light); width: 140px; height: 66px; color: #fff; text-align: center; line-height: 66px; position: absolute; top: -1px; left: -74px;}
.rightmenu a.wx .code{ display: none; max-width: inherit; width: 120px; height: 120px; position: absolute; left: -122px; top: -55px; border: 1px solid #009df7; margin: 0;}
.rightmenu a.qq:hover span,.rightmenu a.wx:hover .code,.rightmenu a.tel:hover span{ display: block;}
.rightmenu a.returntop{ background: var(--main-color-light);}
.mobfoot{ width: 100%; height: 0.6rem; background: #939393; position: fixed; bottom: 0; left: 0; z-index: 999;}
.mobfoot a{ display: block; width: 20%; color: #fff; font-size: 12px; text-align: center; float: left; padding-top: 0.35rem;}
.mobfoot a.zx{ background:  center top 0.1rem no-repeat; background-size: 0.2rem;}
.mobfoot a.zs{ background:  center top 0.1rem no-repeat; background-size: 0.2rem;}

.mobfoot a.wx{ background:  center top 0.1rem no-repeat; background-size: 0.2rem; position: relative;}
.mobfoot a.tel{ background:  center top 0.1rem no-repeat; background-size: 0.2rem;}
.mobfoot a.returntop{ background:  center top 0.15rem no-repeat; background-size: 0.1rem;}
#mobcode{ display: none;  width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(0,0,0,.7);}
.mobfoot a.wx .code{max-width: inherit; width: 180px; height: 180px; position: absolute; top: 30%; left: 50%; margin-left: -90px; border: 1px solid #939393;}

/*============================ others ============================*/
.inbanner{ height: 6rem;}
.inbanner .text1{ font-weight: bold; font-size: 0.62rem; padding-top: 1.4rem;}
.inbanner .text2{ font-size: 0.4rem;}
.inbanner .text3{ color: #3881e6; font-size: 0.24rem; background:  center no-repeat; background-size: cover; margin: 0.25rem 0 0.6rem 0;}
.inbanner a{ display: inline-block; width: 2rem; height: 0.5rem; color: #fff; font-size: 0.26rem; text-align: center; line-height: 0.5rem; background: linear-gradient(to bottom, #ffbd4a 0%,#ffa810 100%); border-radius: 0.3rem; text-shadow: rgba(0,0,0,.3) 0.1em 0.1em 0.2em;}
.inbanner .text4{ font-size: 0.4rem; color: rgba(255,255,255,.2); text-transform: uppercase; padding-top: 1.5rem;}
.inbanner .text5{ font-size: 0.84rem; color: #feb638;}
.inbanner .text6{ font-size: 0.24rem;}
.inbanner .line{ height: 1px; background:  no-repeat; margin: 0.2rem 0;}
.shoppart1{ background: none; padding: 0; margin-top: -0.4rem;}
.shoppart1 .box{ min-height: auto; margin-top: 0;}
.shoppart2{ padding: 0.7rem 0 1rem 0;}
.shoppart2 .ixtit em{ background: #fff; padding: 0 0.9rem;}
.shoppart2 .con{ border: 1px dashed #9d9d9d; padding: 1rem 5% 0.6rem; margin-top: -1rem;}
.shoppart3{ background:  no-repeat; background-size: cover; padding: 0.3rem 0;}
.shoppart3 .li2,.shoppart3 .li3{ background:  center left no-repeat;}
.shoppart3 .li4{ margin-left: 17%; background:  center right no-repeat;}
.shoppart3 .box{ color: #fff; padding: 0.6rem; line-height: 0.3rem;}
.shoppart3 .box span{ display: block; font-size: 0.24rem; padding: 0.1rem 0;}
.shoppart4{ padding: 0.7rem 0;}
.shoppart4 .shoptit,.mobshoppart4 .mobshoptit{ text-align: center; border-bottom: 1px solid #aaa;  z-index:5; position:relative; zoom:1;}
.shoppart4 .shoptit li,.mobshoppart4 .mobshoptit span{ display: inline-block; color:#333; font-size: 0.3rem; padding: 0 0.3rem 0.25rem 0.3rem; margin: 0 1rem; cursor:pointer;}
.shoppart4 .shoptit li.on,.mobshoppart4 .mobshoptit .a{ border-bottom: 4px solid #3eb4e7; color: #3eb4e7;}
.shoppart4 .shopcon{ background: #42b6ff; color: #fff; height: 4.7rem; margin: 0.5rem 0; border-radius: 5px; position: relative;}
.shoppart4 .col-sm-5{ width: 48%;}
.shoppart4 .img,.mobshoppart4 .img{ position: relative;}
.shoppart4 .img p,.mobshoppart4 .img p{ width: 100%; text-align: center; font-size: 0.28rem; color: #fff; position: absolute; top: 0.4rem; left: 0;}
.shoppart4 .img p b,.mobshoppart4 .img p b{ font-family: arial; display: block; text-transform: uppercase; margin-bottom: 0.2rem;}
.shoppart4 .img p span,.mobshoppart4 .img p span{ background: #3eb4e7; display: inline-block; padding: 0.03rem 0.25rem; border-radius: 0.3rem;}
.shoppart4 .text{ padding-top: 1rem;}
.shoppart4 .text p,.mobshoppart4 .text p{ font-size: 0.24rem; margin-bottom: 0.25rem;}
.shoppart4 .text span,.mobshoppart4 .text span{ display: block; border: 2px solid #a1dbff; border-radius: 5px; margin-bottom: 0.2rem;}
.shoppart4 .text .ul2 p,.mobshoppart4 .text .ul2 p{ font-size: 0.2rem; margin-top: 0.1rem;}
.shoppart4 .prev,.shoppart4 .next{ position: absolute; left: -40px; top: 40%;}
.shoppart4 .next{ left: auto; right: -40px;}
.mobshoppart4{ display: none; padding: 0.6rem 0;}
.mobshoppart4 .mobshoptit span{ margin: 0; width: 30%;}
.mobshoppart4 .mobshopcon{ display: none;}
.mobshoppart4 .mobshopcon .img{ margin-top: 0.4rem; border-radius: 5px; overflow: hidden;}
.mobshoppart4 .mobshopcon .img img{ width: 100%;}
.mobshoppart4 .text{ background: #42b6ff; color: #fff; padding: 0.3rem 0; width: 96%; margin: 0.3rem 2%;}
.shoppart5{background:  center top no-repeat; padding: 0.7rem 0 0.3rem 0;}
.shoppart5 .bg{ font-size: 0.24rem; color: #333;  margin: 0 0.2rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border-radius: 5px; padding: 0.7rem; margin-bottom: 0.4rem;}
.shoppart5 .col-sm-2{ width: 20%;}
.shoppart5 img{ width: 78px; height: 78px; margin-bottom: 0.2rem;}
.shoppart6 .con{ border: 1px solid #a3a3a3; margin: 1rem 0;}
.modetit span{ width: 3.2rem; height: 0.7rem; font-size: 0.3rem; color: #fff; line-height: 0.7rem; display:inline-block; border-radius: 0 0 5px 5px; background: linear-gradient(to bottom, #319be3 0%,#59bbfe 100%); cursor:pointer; margin: 0 0.25rem; box-shadow: 0 0 10px rgba(0,0,0,.3);}
.modetit .a{ background: linear-gradient(to bottom, #ffa70d 0%,#ffb127 100%);}
.modecon{ display:none; padding: 0.4rem 0.5rem 0.7rem 0.5rem;}
.modecon .text{ padding-top: 1.2rem;}
.modecon .text span{ font-size: 0.5rem; color: #333; display: block; margin-bottom: 0.3rem;}
.modecon .text p{ font-family: fontl,"微软雅黑"; font-size: 0.2rem; line-height: 0.5rem;}
.cuspart1{ color: #fff; background: #445bd0; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 0.2rem 0; margin-top: -0.4rem;}
.cuspart1 .box{ padding: 0.2rem 0.3rem;}
.cuspart1 .box.line{ background:  center left no-repeat;}
.cuspart1 .box img{ width: 78px; height: 78px; float: left;}
.cuspart1 .box p{ font-family: fontl,"微软雅黑"; padding-left: 1rem; line-height: 0.3rem;}
.cuspart1 .box span{ font-size: 0.24rem; display: block;}
.cuspart2{ padding: 0.7rem 0;}
.cuspart2 .row{ margin-left: 0; margin-right: 0;}
.cuspart2 .box{ height: 3.7rem; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 0.4rem 0.3rem; margin: 0.15rem 0;}
.cuspart2 .box span{ display: block; font-size: 0.24rem; color: #333; padding: 0.3rem 0 0.1rem 0;}
.cuspart2 .box p{ font-family: fontl,"微软雅黑"; line-height: 0.26rem;}
.cuspart3{ color: #fff; background:  no-repeat; background-size: cover; padding: 0.6rem 0 1rem 0;}
.cuspart3 .box p{ font-size: 0.2rem; margin-bottom: 0.1rem;}
.cuspart3 .box.box1{ margin-top: 0.25rem;}
.cuspart3 .box.box2{ margin-top: 0.5rem;}
.cuspart3 .box.box3{ margin-top: 0.15rem;}
.cuspart4{ padding: 0.7rem 0;}
.cuspart4 .pccon{ background:  center top no-repeat; padding-top: 0.7rem;}
.cuspart4 .mobcon{ display: none;}
.cuspart4 .li1{ margin-bottom: 0.7rem;}
.cuspart4 .li2{ margin-bottom: 1rem;}
.cuspart4 .text span{ font-size: 0.24rem; color: #333; background: #fff; display: inline-block; height: 0.74rem; line-height: 0.74rem; padding: 0 0.35rem;}
.cuspart4 .text.t1 span,.cuspart4 .text.t3 span{ padding-right: 0.5rem;}
.cuspart4 .text.t1 img,.cuspart4 .text.t3 img{ margin-left: -0.36rem;}
.cuspart4 .text.t2 span,.cuspart4 .text.t4 span,.cuspart4 .text.t5 span{ padding-left: 0.5rem;}
.cuspart4 .text.t2 img,.cuspart4 .text.t4 img,.cuspart4 .text.t5 img{ margin-right: -0.36rem; position: relative;}
.cuspart4 .text.t5 img{ margin-top: -0.05rem;}
.cuspart5{ background:  no-repeat; background-size: cover; padding: 0.7rem 0 1.3rem 0;}
.cuspart5 .bgline{ height: 8px; background:  no-repeat;}
.cuspart5 ul{ color: #fff; margin-top: -0.34rem;}
.cuspart5 .box{ font-size: 0.24rem; margin: 0 0.3rem;}
.cuspart5 .box span{ display: block; padding: 0.2rem 0;}
.cuspart5 .box .text{ font-family: fontl,"微软雅黑"; text-align: left; border: 1px solid #fff; line-height: 0.46rem; padding: 0 0.2rem; border-radius: 5px;}
.news{ padding-top: 0.7rem;}
.news .left .text{ font-size: 0.26rem; color: #222; background: #fff; padding: 0.4rem 0.15rem 0.2rem 0.15rem; position: fixed;}
.news .left .text i{ display: block; height: 1px; background: #bebebe; margin: 0.1rem 0;}
.news .left span{ display: inline-block; color: var(--main-color); font-size: 0.2rem; background:  center left no-repeat; background-size: 0.26rem 0.26rem; padding-left: 0.4rem;}
.news .left img{ width: 120px;}
.news .right .line{ border-bottom: 1px dashed #e1e1e1; padding-bottom: 0.65rem; margin-bottom: 0.45rem;}
.news .right .col-lg-12{ padding-left: 0; padding-right: 0;}
.news .right .box img{ width: 2.78rem; height: 1.85rem;}
.news .right .box span,.news .right .box em{ display: block;}
.news .right .box span{ font-size: 0.24rem; color: #333;}
.news .right .box em{ font-size: 0.2rem; color: var(--main-color);}
.news .right .box p{ font-family: fontl,"微软雅黑"; line-height: 0.3rem; height: 0.6rem; overflow: hidden; margin: 0.1rem 0;}
.news .right .box .more{ display: inline-block; color: #fff; font-size: 14px; height: 0.28rem; line-height: 0.28rem; padding: 0 0.15rem; border-radius: 0.2rem; background: var(--main-color);}
.news .right .fenye{ padding: 0.8rem 0;}
.news .right .fenye a{ color: #888; font-size: 14px;  border: 1px solid #d2d2d2; padding: 0.05rem;}
.news .right .fenye a:hover,.news .right .fenye a:active,.news .right .fenye a.on{ color: #fff; background: var(--main-color); border-color: var(--main-color);}
.about .part1{ padding: 0.7rem 0 1.6rem 0}
.about .part1 .tit span{ font-size: 0.44rem; color: var(--main-color);}
.about .part1 .tit em{ font-size: 0.3rem; color: #e5e5e5; margin-left: 0.2rem; text-transform: uppercase;}
.about .part1 .text p{ font-family: fontl,"微软雅黑"; line-height: 0.3rem; text-indent: 2em; margin-top: 0.2rem;}
.aboutpro{ line-height: 0.78rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 5px; margin-top: -0.6rem; padding: 0.3rem;}
.aboutpro .col-sm-3{ padding-left: 0; padding-right: 0;}
.aboutpro .box{ padding-left: 0.4rem;}
.aboutpro .line{ background:  center left no-repeat;}
.aboutpro span{ font-size: 0.3rem; color: #3eb3e7; padding: 0 0.4rem;}
.aboutpro img{ float: left;}
.aboutpro p{ padding-left: 0.9rem; font-size: 0.22rem; color: #333;}
.about .part2{ background: #fff; border-radius: 5px; padding: 0.4rem 0.2rem; margin-bottom: 1.6rem;}
.about .part2 .col-sm-4{ width: 29%;}
.about .part2 .text{ color: #fff; font-size: 0.3rem; height: 2.95rem; border-radius: 5px; text-align: center; padding-top: 0.4rem;}
.about .part2 .text span,.about .part2 .text em{ font-family: fontl,"微软雅黑"; font-size: 0.24rem;}
.about .part2 .text span{ display: inline-block; width: 1.6rem; height: 0.4rem; line-height: 0.4rem; border: 1px solid #fff; border-radius: 3px; margin: 0.05rem 0 0.1rem 0;}
.about .part2 .text.text1{ margin-top: 0.2rem;}
.about .part2 .text.text2{ margin-bottom: 0.2rem;}
.plan{ padding-top: 0.7rem;}
.plan .col-lg-12,.plan .col-sm-6{ padding-left: 0; padding-right: 0;}
.plan .part1{ background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.2); overflow: hidden;}
.plan .part1 .img{ width: 100%;}
.plan .part1 .box{ padding: 0.2rem 1rem 0.5rem 1rem;}
.plan .part1 .box .tit{ font-size: 0.24rem; color: #333; margin-bottom: 0.55rem;}
.plan .part1 .box .input{ line-height: 0.42rem; margin-bottom: 0.45rem;}
.plan .part1 .box .input input{ height: 0.42rem; line-height: 0.42rem; border: 1px solid #ccc; border-radius: 3px;}
.plan .part1 .box .button{ font-size: 14px; color: #666;}
.plan .part1 .box .button button{ width: 2.3rem; height: 0.5rem; font-size: 0.26rem; color: #fff; line-height: 0.5rem; margin-bottom: 0.15rem; border-radius: 0.3rem; background:  linear-gradient(to bottom, #5bbcff 0%,#329ce4 100%);}
.planpro{ margin: 0.9rem 0 0.7rem 0;}

/*============================ 媒体查询 ============================*/
.mobhide{ display: block;}
.mobshow{ display: none;}

@media (max-width: 1366px) {
	.wrap{ width: 90%;}
	.banner-area{ height: 5.4rem;}
	.banner-area .banner-content .text1{ margin-top: 0.5rem;}
	.banner-area .banner-content .text2{ font-size: 0.6rem; margin: 0.3rem 0;}
	.banner-area .banner-content a{ margin-top: 0.3rem;}
	.banner-area .banner-content .text4{ padding-top: 0.6rem; font-size: 0.5rem;}
	.banner-area .banner-content .but2{ margin-top: 0.1rem;}
	.inbanner{ height: 5.4rem;}
	.inbanner .text1{ font-size: 0.5rem; padding-top: 1.1rem;}
	.header .wrap,.footer .wrap{ width: 96%;}
	.header .tel{ font-size: 0.16rem;}
	.header .navbar_nav li{ margin-right: 0.1rem;}
	.header .navbar_nav li{ margin-right: 0.25rem;}
	.header .button a{ width: 0.7rem; font-size: 12px;}
	.ixpart2 .row,.ixpart4 .row{ padding: 0 0.5rem;}
	.ixpart2 .slick-arrow.prev{ left: 0;}
	.ixpart2 .slick-arrow.next{ right: 0;}
	.ixpart4 .slick-arrow.prev{ left: 15px;}
	.ixpart4 .slick-arrow.next{ right: 15px;}
	.rightmenu{ bottom: 0;}
	.footer dl{ margin-left: 0.8rem;}
	.footer .code{ margin-right: 0.5rem;}
	.ixpart4 .text{ width: 50%; padding: 0 0.1rem; margin: 0.3rem 0;}
	.shoppart4 .wrap{ width: 96%;}
	.about.wrap{ width: 90%;}
	.about .part1{ padding: 0.7rem 0.1rem 1rem 0;}
	.aboutpro span{ padding: 0;}
	.aboutpro .box{ padding-left: 0.2rem;}
	.about .part2 .text{ height: 2.5rem; padding-top: 0.1rem;}
	.about .part2 .text.text1{ margin-top: 0.25rem;}
	.about .part2 .text.text2{ margin-bottom: 0.25rem;}
	.ixpart6 .wrap{ width: 98%;}
	.ixpart3 .box{ padding: 0.4rem 0.2rem;}
	.ixpart4 .text p{ font-size: 14px;}
	.tradetit{ width: 2.4rem;}
	.shoppart3 .box{ padding: 0.5rem 0.3rem;}
	.shoppart4 .shopcon{ width: 87%; height: 3.89rem; margin: 0.5rem auto;}
	.shoppart4 .shopcon .col-sm-2{ padding-left: 10px; padding-right: 10px;}
	.shoppart4 .text{ padding-top: 0.6rem;}
	.inbanner .text5{ font-size: 0.8rem;}
	.cuspart3 .box p{ font-size: 0.16rem;}
	.cuspart3 .box.box2{ margin-top: 0.3rem;}
	.news .left span{ font-size: 0.16rem; background-size: 0.2rem 0.2rem; padding-left: 0.3rem;}
	.news .right .line{ padding-bottom: 0.4rem; margin-bottom: 0.3rem;}
	.news .right .box span{ font-size: 0.2rem;}
	.news .right .box em{ font-size: 0.16rem;}
	.news .right .box p{ line-height: 0.26rem; height: 0.52rem;}
	.aboutpro{ padding: 0.2rem; margin-right: 0.1rem;}
	.about .part1{ text-align: justify;}
	.plan.wrap{ width: 86%;}
	.plan .part1 .box{ padding: 0.4rem 0.3rem 0 0.3rem;}
	.plan .part1 .box .tit{ margin-bottom: 0.4rem;}
	.plan .part1 .box .input{ margin-bottom: 0.3rem;}
	.planpro{ margin-right: 0;}
	.modecon .text span{ font-size: 0.4rem;}
}

@media (max-width: 1280px) {
	.rightmenu{ display: none;}
	.wrap{ width: 96%;}
	.header .navbar_nav li{ margin-right: 0.2rem;}
	.header .tel{ padding-left: 0.2rem; margin: 0.03rem 0 0 0;}
	.ixpart1 li img{ width: 60px; height: 60px;}
	.ixpart3 .box{ padding: 0.3rem 0.1rem;}
	.ixpart5 .box{ margin-top: 0;}
	.ixpart6 .wrap{ padding: 0;}
	.ixpart6 ul{ background: linear-gradient(to right, var(--main-color-light), var(--main-color-lighter));}
	.footer dl{ margin-left: 0.7rem;}
	.shoppart4 .shopcon{ height: 4.11rem;}
	.news .left span{ padding-left: 0.3rem; font-size: 0.16rem; background-size: 0.2rem 0.2rem}
	.news .right .line{ margin-bottom: 0.3rem; padding-bottom: 0.3rem;}
	.about .part1{ padding: 0.7rem 0;}
	.aboutpro span{ padding: 0 0 0 0.2rem;}
	.about .part2 .text{ height: 2.4rem; font-size: 0.22rem; padding-top: 0.2rem;}
	.about .part2 .text span, .about .part2 .text em{ font-size: 0.2rem;}
	.about .part2 .text.text2{ padding-top: 0.3rem;}
	.about .part2{ margin-bottom: 0.7rem;}

	.shoppart4 .shopcon{ width: 94%; height: 3.99rem;}
}

@media (max-width: 1024px) {
	.header .wrap{ width: 98%;}
	.header .tel{ font-size: 14px;}
	.header .button a{ font-size: 12px; width: auto; height: 0.2rem; line-height: 0.18rem; padding: 0 0.05rem; margin-top: 0.05rem;}
	.header .navbar_nav li{ margin-right: 0.1rem;}
	.banner-area .banner-content .text2{ font-size: 0.6rem;}
	.ixpart1{ padding: 0;}
	.ixpart1 .col-sm-3{ width: 50%; padding: 0.2rem 0 0.2rem 0.5rem;}
	.ixpart2 .slick-arrow.prev{ left: 0;}
	.ixpart2 .slick-arrow.next{ right: 0;}
	.ixpart4 .slick-arrow.prev{ left: 15px;}
	.ixpart4 .slick-arrow.next{ right: 15px;}
	.ixpart3 .col-sm-4{ width: 50%;}
	.ixpart5 .box{ height: 3rem;}
	.tradetit{ width: 2rem;}
	.tradecon{ width: 7rem; margin-left: 0.4rem;}
	.footer{ text-align: center; padding-top: 0.4rem;}
	.footer .tel{ width: 100%; margin-left: 0;}
	.footer dl{ display: block; width: 100%; margin-left: 0; padding: 0.1rem 0;}
	.footer .code{ width: 100%; margin-right: 0;}
	.footer .copy{ padding: 0.2rem 0; margin-top: 0.2rem;}
	.inbanner .text1{ padding-top: 0.8rem;}
	.shoppart3 .box{ padding: 0.3rem 0.2rem;}
	.shoppart4 .shoptit li{ margin: 0;}
	.shoppart4{ padding: 0.4rem 0 0 0;}
	.shoppart4 .wrap{ width: 86%; padding: 0;}
	.shoppart4 .shopcon{ height: auto; background: none;}
	.shoppart4 .col-sm-5{ width: 100%;}
	.shoppart4 .col-sm-6{ width: 100%;}
	.shoppart4 img{ width: 100%}
	.shoppart4 .text{ height: auto; padding-top: 0.4rem; padding-bottom: 0.2rem; background: #42b6ff;}
	.shoppart5 .bg{ padding: 0.3rem 0; font-size: 0.18rem;}
	.modetit span{ width: 26%; margin: 0 0.15rem;}
	.inbanner .text5{ font-size: 0.5rem;}
	.inbanner .line{ background-size: contain;}
	.cuspart5 .box{ margin: 0;}
	.cuspart1 .box{ padding: 0.2rem 0.1rem;}
	.cuspart2 .box{ height: 3.8rem; padding: 0.2rem 0.1rem;}
	.news .left{ font-size: 0.2rem;}
	.news .left span{ font-size: 14px; padding-left: 0.2rem; background-size: 0.15rem 0.15rem;}
	.news .right .box span{ font-size: 0.18rem;}
	.news .right .box em{ font-size: 14px;}
	.news .right .box p{ font-size: 14px; line-height: 0.24rem; height: 0.48rem;}
	.news .right .line{ padding-bottom: 0.2rem; margin-bottom: 0.2rem;}
	.news .right .fenye{ padding: 0.4rem 0;}
	.about .part1{ padding: 0.7rem 0;}
	.aboutpro.col-sm-9{ width: 96%; margin: 0.4rem 2% 0 2%;}
	.about .part2{ margin-bottom: 0.6rem;}
	.about .part2 .text{ font-size: 0.2rem; height: 15vh; padding-top: 0;}
	.about .part2 .text span,.about .part2 .text em{ font-size: 14px;}
	.about .part2 .text.text2{ padding-top: 0.2rem;}
	.plan{ padding: 0.5rem 0;}
	.plan .part1 .box{ padding: 0.2rem 0.4rem;}
	.plan .part1 .box .tit,.plan .part1 .box .input{ margin-bottom: 0.3rem;}
}

@media (max-width:834px) {
	.header{ height: 0.6rem; position: fixed; left: auto; right: 0; padding: 0; transition: right 300ms !important;}
	.header .wrap{ padding: 0;}
	.header .nav,.header .right{ display: none;}
	.header #navtoggle{ height: 100%; display: inline-block; float: right;}
	.header #navtoggle span{ display: block; position: relative; width: 0.3rem; height: 0.3rem; background: url(/uploads/image/tdimages/menu.png) no-repeat; background-size: contain; top: 0.23rem; right: 0.1rem;}
	.main{ padding: 0.3rem 0;}
	.banner-area{ height: 5rem; background-position: center left;}
	.banner-area .banner-content{ padding: 0 0.1rem;}
	.banner-area .banner-content .text1{ margin-top: 0.3rem;}
	.banner-area .banner-content .text1 span{ font-size: 0.4rem;}
	.banner-area .banner-content .text1 em{ font-size: 0.6rem;}
	.banner-area .banner-content .text2{ font-size: 0.4rem; margin: 0.2rem 0;}
	.banner-area .banner-content a{ margin-top: 0.4rem;}
	.banner-area.banner2{ background-position: center right;}
	.banner-area.banner2 .col-lg-6{ width: 100%;}
	.banner-area .banner-content .text4{ padding-top: 0.6rem;}
	.banner-area .banner-content .text5{ margin: 0.1rem 0;}
	.banner-area .banner-content .but2{ margin-top: 0;}
	.ixtit span{ font-size: 0.4rem;}
	.ixpart3{ padding: 0.3rem 0;}
	.ixpart4{ padding: 0.3rem 0;}
	.ixpart4 .text{ width: 40%; margin: 0.3rem 5%;}
	.ixpart5{ padding: 0.3rem 0;}
	.ixpart5 .col-sm-4{ width: 90%; margin: 0 auto; float: inherit;}
	.ixpart5 .box{ height: auto; margin: 0.2rem 0;}
	.ixpart6 ul{ width: 100%;}
	.ixpart7{ padding-bottom: 0.4rem;}
	.ixpart7 .col-sm-4{ width: 50%;}
	.ixpart8{ padding-bottom: 0;}
	.tradetit{ width: 100%; text-align: center;}
	.tradetit span{ display: inline-block; width: 10.5%;}
	.tradecon{ width: 100%; margin-left: 0; padding: 0.3rem 0.1rem;}
	.shoppart1 .box{ margin: 0 0 0.2rem 0;}
	.shoppart3 .box span{ font-size: 0.2rem;}
	.inbanner{ height: 5.4rem; background-position: right !important;}
	.inbanner .col-sm-6{ width: 100%; padding-top: 0.3rem;}
	.modetit span{ font-size: 0.2rem;}
	.modecon .text{ padding-top: 0.5rem;}
	.modecon .text span{ font-size: 0.3rem; margin-bottom: 0.2rem;}
	.cuspart2 .box{ height: 4.6rem;}
	.cuspart4 .pccon{ display: none;}
	.cuspart4 .mobcon{ display: block;}
	.cuspart4 .mobcon p{ margin: 0.1rem; position: relative;}
	.cuspart4 .mobcon p span{ background: #fff; display: inline-block; height: 0.78rem; line-height: 0.78rem; width: 90%; margin-left: 0.36rem; padding-left: 0.5rem;}
	.cuspart4 .mobcon p img{ position:absolute; top: 0; left: 0;}
	.cuspart5 .box{ font-size: 0.2rem;}
	.plan .part1 .box{ padding: 0.1rem 0.2rem;}
	.plan .part1 .box .col-sm-3{ width: 30%;}
	.plan .part1 .box .col-sm-9{ width: 70%;}
	.plan .part1 .box .tit, .plan .part1 .box .input{ margin-bottom: 0.2rem;}
	.plan .part1 .box .tit{ font-size: 0.2rem;}
	.planpro{ padding: 0.3rem 0;}
	.planpro span{ padding: 0 0 0 0.2rem;}
	.aboutpro{ padding: 0.2rem 0;}
	.aboutpro .box{ padding-left: 0.1rem;}
	.aboutpro .line{ background: none;}
	.ixpart5 .col-sm-4{ width: 100%;}
	.news{ padding-top: 0.4rem;}
	.news .left{ font-size: 14px; padding: 0.2rem 0.1rem;}
	.news .left span{ background: none; padding-left: 0;}
	.about .part1 .col-sm-6{ width: 100%; text-align: center;}
	.about .part1 .tit{ margin-top: 0.2rem;}
	.about .part2 .text{ height: 14.5vh;}
	.about .part2 .text.text2{ padding-top: 0.05rem;}
	.about .part1 .text p{ text-align: left;}
	.about .part2 .text span{ height: auto; line-height: inherit;}
	.shoppart4{ display: none;}
	.mobshoppart4{ display: block;}
}

@media (max-width:768px) {
	.header{ height: 0.6rem; padding: 0.1rem 0;}
	.header .logo{ width:300px; margin-top: -8px;}

	.header #navtoggle span{ width: 0.25rem; height: 0.25rem; top: 0.1rem;}
	.ixpart8 .bigtit{ font-size: 0.44rem; padding: 0.4rem 0;}
	.plan .part1 .box .button button{ font-size: 0.22rem; margin-bottom: 0.1rem; width: 2rem; height: 0.4rem; line-height: 0.4rem;}
	.cuspart1 .col-sm-4,.cuspart2 .col-sm-4{ width: 100%;}
	.cuspart1 .box.line{ background: none;}
	.cuspart2{ padding: 0.4rem 0;}
	.cuspart2 .box{ height: auto;}
	.cuspart3{ padding: 0.6rem 0;}
	.cuspart3 .col-sm-2{ width: 50%;}
	.cuspart3 .box.box1,.cuspart3 .box.box2,.cuspart3 .box.box3{ margin-top: 0.2rem;}
	.cuspart3 .box{ margin-top: 0.2rem;}
	.cuspart3 .box p{ font-size: 14px;}
	.aboutpro p{ font-size: 0.16rem;}
	.about .part2 .text{ font-size: 14px; padding-top: 0.1rem;}
	.about .part2 .text.text2{ padding-top: 0.2rem;}
}

@media (max-width:767px) {
	.mobhide{ display: none;}
	.mobshow{ display: block;}
	body,button,input,select,textarea{ font-size: 14px;}
	.ixpart1 .col-sm-3{ width: 50%; padding: 0 0 10px; text-align:center}
	.ixpart1 .fl{ float:none}
	.ixpart1 li p{ font-size: 16px;}
	.ixpart1 li p em{ font-size: 12px;}
	.ixpart1.wrap{ padding:10px}
	.ixtit span{ font-size: 0.28rem; top: -0.4rem;}
	.ixtit em{ font-size: 28px;}
	.ixpart2 .row,.ixpart4 .row{ padding: 0 0.3rem;}
	.ixpart2 .box{ height: 4.4rem; margin: 0 0.2rem 0.5rem 0.2rem;}
	.ixpart2 .box img{ margin-top: 0.2rem;}
	.ixpart2 .box p em{ padding: 0.15rem 0; font-size: 0.2rem;}
	.ixpart3 .col-sm-4{ width: 100%;}
	.ixpart3 .box .text p{font-size: 13px; height:80px; overflow:hidden}
	.ixpart4 .row{ margin-left: 0; margin-right: 0; padding: 0 0.35rem;}
	.ixpart4 .box{ margin: 0 0.1rem;}
	.ixpart4 .text{ width: 50%; margin: 0.3rem 0;}
	.ixpart4 .text em, .ixpart4 .text span{ font-size: 0.16rem;}
	.ixpart6 .wrap{ width: 100%;}
	.ixpart6 ul{ padding: 0.2rem 0;}
	.ixpart6 .box{ padding: 0.5rem 0.3rem 0 0.2rem;}
	.ixpart6 .box p{ padding-left: 1.2rem; line-height: inherit;}
	.ixpart6 .line{ margin: 0.2rem 0;}
	.ixpart6 li .num{ font-size: 1.6rem;}
	.ixpart7{ padding: 0.4rem 0  ;}
	.ixpart7 .col-sm-4{ width: 100%;}
	.ixpart7 .bottom{ margin: 0.2rem 0;}
	.ixpart8 .bigtit{ font-size: 0.3rem;}
	.ixpart8{ padding-bottom:0.3rem;padding-top: 0.3rem;}
	.tradetit{  padding-top: 0.3rem; border-right: none;}
	.tradetit span{ width: 30%; font-size: 14px; height: 0.4rem; line-height: 0.4rem; background: #ebebeb; color: #333; border-right: none; margin: 1%;}
	.tradetit .a{ border-right: none; color: #fff;}
	.tradecon{ padding: 0.2rem 0.1rem 0 0.1rem;}
	.tradecon .tit{ font-size: 0.2rem;}
	.tradecon .text{ margin: 0.2rem 0;}
	.tradecon .img{ padding: 0.1rem 0; margin-top: 0.1rem;}
	.tradecon .img div{ margin: 0.1rem 0;}
	.tradecon .img p{ font-size: 14px;}
	.inbanner{ height: 3.4rem;}
	.inbanner .col-sm-6{ padding-top: 0;}
	.inbanner .text1{ font-size: 0.36rem; padding-top: 0.6rem;}
	.inbanner .text2{ font-size: 0.3rem;}
	.inbanner .text3{ font-size: 0.16rem; margin: 0.2rem 0 0.3rem 0; padding: 0.05rem 0;}
	.inbanner a{ width: 1.4rem; height: 0.36rem; line-height: 0.36rem; font-size: 0.2rem;}
	.inbanner .text4{ font-size: 0.24rem; padding-top: 0.3rem;}
	.inbanner .text5{ font-size: 0.28rem;}
	.inbanner .text6{ font-size: 14px;}
	.shoppart1 .box{ padding: 0.1rem 0.2rem 0.1rem 0.2rem;}
	.shoppart2{ padding: 0 0 0.4rem 0;}
	.shoppart2 .con{ margin-top: -0.7rem;}
	.shoppart3 .li4{ margin-left: 0;}
	.shoppart5{ padding: 0.4rem 0;}
	.shoppart5 .col-sm-2{ width: 50%; margin: 0.2rem 0;}
	.shoppart6 .ixtit p{ margin-top: -0.3rem; font-size: 0.16rem;}
	.shoppart6 .con{ margin: 0.4rem 0;}
	.modetit span{ width: auto; height: auto; line-height: inherit; margin: 0 0.05rem; padding: 0.1rem; font-size: 16px;}
	.modecon{ padding: 0.2rem;}
	.modecon .text{ padding: 0.2rem 0.1rem 0 0.1rem;}
	.modecon .text span{ font-size: 0.18rem;}
	.modecon .text p{ font-size: 14px; line-height: 0.3rem;}
	.cuspart4 .mobcon p span{ font-size: 0.16rem; padding-left: 0.7rem;}
	.cuspart5{ padding: 0.6rem 0;}
	.cuspart5 .bgline{ display: none;}
	.cuspart5 .box{ margin-top: 0.3rem;}
	.news{ padding-top: 0;}
	.news .left{ margin-bottom: 0.2rem; font-size: 0.2rem;}
	.news .left .text{ position: inherit; font-size: 0.22rem; padding: 0.2rem 0.15rem;}
	.news .left span{ font-size: 0.18rem;}
	.news .right img{ width: 100%; margin-bottom: 0.2rem;}
	.about .part1{ padding: 0.2rem;}
	.about .part1 .tit span{ font-size: 0.26rem;}
	.about .part1 .tit em{ font-size: 0.18rem;}
	.about .part1 .text p{ margin-top: 0.1rem;}
	.aboutpro .line{ background: none;}
	.aboutpro .box{ padding: 0.2rem;}
	.about .part2 .col-sm-4{ width: 100%; margin-top: 0.2rem;}
	.about .part2 .text{ height: auto; padding: 0.3rem 0; font-size: 0.2rem;}
	.about .part2 .text span, .about .part2 .text em{ font-size: 0.16rem;}
	.about .part2 .text span{ padding: 0.05rem 0; font-size: 0.16rem;}
	.plan{ padding: 0.2rem 0 0.4rem 0;}
	.plan.wrap{ width: 86%;}
	.plan .part1 .box{ padding: 0.2rem 0.1rem;}
	.plan .part1 .box .button{ margin-bottom: 0.2rem;}
	.plan .part1 .box .button button{ height: 0.3rem; line-height: 0.3rem; margin-bottom: 0.1rem; font-size: 0.16rem; width: 1.6rem;}
	.plan .part1 .box .col-sm-3,.plan .part1 .box .col-sm-9{ width: 100%;}
	.planpro.col-sm-9{ width: 100%; margin: 0.4rem 0 0 0;}
	.aboutpro{ padding: 0;}
	.aboutpro span{ display: block; width: 100%; font-size: 0.18rem;}
	.aboutpro .box{ padding: 0 0 0.2rem 0; text-align: center;}
	.aboutpro img{ float: inherit;}
	.aboutpro p{ padding-left: 0; font-size: 14px; line-height: 0.3rem;}
	.mobshoppart4{ padding: 0.4rem 0 0.2rem 0;}
	.mobshoppart4 .mobshoptit span{ font-size: 0.18rem; padding: 0 0 0.1rem 0;}
	.mobshoppart4 .wrap{ width: 90%;}
	.mobshoppart4 .img p{ top: 0.2rem;}
	.mobshoppart4 .img p b{ font-size: 0.22rem; margin-bottom: 0.1rem;}
	.mobshoppart4 .img p span{ font-size: 0.2rem;}
	.banner-area .banner-content .text1 em{ font-size: 0.52rem;}
	.banner-area .banner-content .text4{ font-size: 24px; padding-top: 20px;}
	.banner-area .banner-content .text5{ font-size: 20px;}
	.banner-area .banner-content .text6{ font-size: 0.2rem;}
	.ixpart7 .top .tit{ font-size: 0.2rem; padding: 0.2rem 0.3rem;}
	.ixpart3 .box {margin: 0 0 10px;}
	.ixpart3 .box .text span{ font-size: 0.2rem; margin-bottom: 0.1rem;}
	.ixpart4 .text p{ font-size: 12px;}
	.ixpart5 .box .text span{ font-size: 0.2rem;}
	.footer{ padding-top: 0;}
	.footer .tel,.footer dl,.footer .code{ display: none;}
	.footer .copy{ margin-top: 0; border-top: none;}
	.shoppart3 .box{ padding: 0.1rem;}
	.shoppart3 .box span{ font-size: 0.18rem;}
	.shoppart4 .text p, .mobshoppart4 .text p{ font-size: 0.2rem;}
	.shoppart5 .bg{ font-size: 0.16rem;}
	.cuspart1 .box span{ font-size: 0.18rem;}
	.cuspart2 .box span{ font-size: 0.2rem; padding: 0.1rem 0;}
	.cuspart5 .box span{ font-size: 0.18rem;}
	.cuspart5 .box{ font-size: 0.16rem;}
	.cuspart5 .box .text{ line-height: 0.28rem; padding: 0.1rem 0.2rem;}
	.news .right .box span{ font-size: 0.16rem;}
	.news .right .box em{ font-size: 12px;}
	.news .right .box .more{ font-size: 12px; height: 0.24rem; line-height: 0.24rem;}
	.about .part2 .text,.plan .part1 .box .tit{ font-size: 0.18rem;}

}

@media (max-width:375px) {
	.banner-area .banner-content .text1{ margin-top: 0.2rem;}
	.banner-area .banner-content .text1 span{ font-size: 0.24rem;}
	.banner-area .banner-content .text1 em{ font-size: 0.4rem;}
	.banner-area .banner-content .text2{ font-size: 0.26rem; margin: 0.2rem 0;}
	.banner-area .banner-content .text3{ font-size: 0.16rem;}
	.banner-area .banner-content a{ margin-top: 0.4rem; height: 40px; line-height: 40px; font-size:18px;}
	.banner-area .banner-content .text4{ font-size: 24px;}
	.banner-area .banner-content .text6{ font-size: 20px;}
	.inbanner{ height: 3rem;}
	.inbanner .text1{ font-size: 0.3rem; padding-top: 0.4rem;}
	.inbanner .text2{ font-size: 0.24rem;}
	.inbanner .text3{ font-size: 14px;}
	.modetit span{ margin: 0 0.03rem; padding: 0.1rem 0.03rem; font-size: 14px;}
	.shoppart4 .col-xs-4{ width: 50%;}
	.shoppart2 .ixtit em{ padding: 0 0.5rem;}
}

@media (max-width:320px) {
	.modetit span{ padding: 0.1rem 0.05rem;}
	.aboutpro .box{ padding: 0;}
	.aboutpro p{ font-size: 14px;}
	.banner-area .banner-content .text4{ font-size: 0.3rem;}
	.banner-area .banner-content .text5{ font-size: 0.24rem;}
}
.link{ width:1400px; margin:0 auto}
.link ul{ position:relative; width:1412px}
.link ul li { float:left; width:270px; margin-right:12px; margin-bottom:12px; border:#e5e5e5 1px solid; box-sizing:border-box; height:120px; position:relative}
.link ul li img{ position:absolute; max-width:90%; max-height:90%; top:50%; left:50%; transform:translate(-50%,-50%);transition:all 0.6s}
.link ul li:hover img{ transform:scale(0.9,0.9) translate(-50%,-50%); transition:all 0.6s}
.link ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}

@media (max-width:767px) {
.link{ width:100%; margin:0 auto}
.link ul{ position:relative; width:100%}
.link ul li { float:left; width:31%; margin-right:2%; margin-bottom:12px; border:#e5e5e5 1px solid; box-sizing:border-box; height:80px; position:relative}
.link ul li img{ position:absolute; max-width:90%; max-height:90%; top:50%; left:50%; transform:translate(-50%,-50%);transition:all 0.6s}
.link ul li:hover img{ transform:scale(0.9,0.9) translate(-50%,-50%); transition:all 0.6s}
.link ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75);}
.link ul li:nth-child(10n){ display:none }
}
.btn1 a{ display:block; background: linear-gradient(to right, var(--main-color-light), var(--main-color-lighter)); text-align:center; color:#fff; width:160px; line-height:35px; border-radius:17px; margin:0 auto; transition:all 0.6s; margin-top:50px}
.btn1 a:hover{ background: linear-gradient(to right, var(--main-color-lighter), var(--main-color-light)); transition:all 0.6s; color:#fff;}


.n_ban{width:100%; height:320px; position:relative; margin-top:105px}
.n_ban .w_z{width:90%; max-width:1170px; position:absolute; top:50%; left:50%; text-align:right; color:#333;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.n_ban .w_z.t_l{text-align:left;}
.n_ban .w_z.t_c{text-align:center;}
.n_ban .w_z h3{font-size:30px; font-weight:bold; margin-bottom:15px;}
.n_ban .w_z p{font-size:16px; font-weight: normal; text-transform:uppercase; color:#666}
@media only screen and (max-width:992px){
.n_ban{height:200px;margin-top:0; margin-bottom:0px}
.n_ban .w_z{width:90%; max-width:1170px; position:absolute; top:60%; left:50%; text-align:right; color:#333;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.n_ban .w_z h3{font-size:16px; margin:10px; }
.n_ban .w_z p{font-size:12px;}
}

.ny_ej{width:100%; padding:20px 0; background-color:#fafafa; text-align:center; overflow:hidden;}
.ny_ej ul li{display:inline-block; font-size:14px; line-height:40px; margin:0 5px;}
.ny_ej ul li a{padding:0 20px; border-radius:5px; display:block; color:var(--main-color); background:#f5f5f5}
.ny_ej ul li a:hover{background-color:var(--main-color); color:#fff;}
.ny_ej ul li a.on{background-color:var(--main-color); color:#fff;}
@media only screen and (max-width:992px){
.ny_ej{padding:0; background-color:#f7f7f7;}
.ny_ej ul li{width:50%; float:left; display:block; margin:0;}
.ny_ej ul li a{padding:0; border-radius:0;}
.ny_ej ul li a:hover{background:none; color:#555;}
}
.ny_nr{padding:50px 0; overflow:hidden;}

.ny_nr .st_zs{text-align:left;}
.ny_nr .st_zs .j_s{margin-bottom:30px; font-size:14px; line-height:30px;}
.ny_nr .st_zs .j_s p{margin-bottom:10px; font-size:15px; line-height:30px;}
.ny_nr .st_zs .x_q ul li{overflow:hidden; margin-bottom:20px}
.ny_nr .st_zs .x_q .t_w{position:relative;}

.ny_nr .st_zs .x_m{position:absolute; bottom:0; left:0; width:100%; background-color:rgba(0,0,0,.8); font-size:14px; line-height:32px; color:#fff; text-align:center}
.ny_nr .st_zs .y_j .n_r{background-color:var(--main-color); color:#fff; padding:20px 0; margin-bottom:30px;}
.ny_nr .st_zs .y_j .n_r .w_z{margin-top:15px; font-size:16px;}
.ny_nr .st_zs .y_j .n_r i{font-size:50px; line-height:50px;}
.ny_nr .st_zs .b_x{font-size:22px; color:var(--main-color); margin-top:20px;}
.ny_nr .st_zs .g_h .n_r{margin-bottom:30px;}
.ny_nr .st_zs .g_h .b_t{width:60px; height:60px; border-radius:50%; background-color:var(--main-color); font-size:30px; line-height:60px; color:#fff; margin:0 auto 15px;}
.ny_nr .st_zs .g_h .w_z h3{font-size:18px; margin-bottom:15px;}
.ny_nr .st_zs .g_h .w_z p{font-size:13px;}
.ny_nr .st_zs .t_d{margin-top:50px; text-align:left;}
.ny_nr .st_zs .t_d .t_p{margin-bottom:20px;}
.ny_nr .st_zs .t_d .t_p img{width:100%; height:auto; display:block;}
.ny_nr .st_zs .t_d .w_z h3{font-size:18px; margin-bottom:10px;}
.ny_nr .st_zs .t_d .w_z em{width:30px; height:2px; background-color:var(--main-color); display:block; margin-bottom:15px;}
.ny_nr .st_zs .t_d .w_z p{font-size:14px; line-height:24px;}

.ny_nr .ny_bn{margin:50px 0;}
.ny_nr .ny_bn img{width:100%; height:auto; display:block; margin-bottom:20px;}

.ny_nr .sz_ll ul li{margin-bottom:30px;}
.ny_nr .sz_ll .t_w{position:relative; overflow:hidden;}
.ny_nr .sz_ll .t_w img{width:100%; height:auto; display:block;}
.ny_nr .sz_ll .j_s{position:absolute; top:100%; left:0; width:100%; height:100%; padding:10%; background-color:rgba(80,80,80,.9); font-size:12px; line-height:24px; color:#fff; text-align:center;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.ny_nr .sz_ll .j_s h3{font-size:15px; margin-bottom:15px;}
.ny_nr .sz_ll ul li:hover .j_s{top:0;}
.ny_nr .sz_ll .w_z{margin-top:2px; padding:15px; background-color:#fafafa; color:#555; text-align:center;}
.ny_nr .sz_ll .w_z h3{font-size:16px;}
.ny_nr .sz_ll .w_z p{font-size:12px;}

.ny_nr .hz_lb{margin:0 -10px;}
.ny_nr .hz_lb ul li{padding:0 10px;}
.ny_nr .hz_lb .t_w{margin-bottom:20px; overflow:hidden;}
.ny_nr .hz_lb .t_p{overflow:hidden;}
.ny_nr .hz_lb .t_p img{width:100%; height:auto; display:block;}
.ny_nr .hz_lb .w_z{border:1px solid #d7d7d7; padding:15px; margin-top:2px;}
.ny_nr .hz_lb .w_z h3{font-size:16px; margin-bottom:10px;}
.ny_nr .hz_lb .w_z span{float:right; font-size:14px; color:#777;}
.ny_nr .hz_lb .w_z p{font-size:13px; line-height:24px; color:#777; height:48px; overflow:hidden; margin-bottom:10px; text-overflow:ellipsis; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.ny_nr .hz_lb .w_z em{width:30px; height:1px; background-color:var(--main-color); display:block; margin-bottom:15px;}
.ny_nr .hz_lb .w_z a{color:var(--main-color);}

.ny_nr .wd_zq ul li{background-color:#f7f7f7; padding:20px; margin-bottom:20px;}
.ny_nr .wd_zq ul li.on{background-color:var(--main-color);}
.ny_nr .wd_zq i{width:32px; height:32px; display:block; border-radius:50%; background-color:#a5a5a5; color:#fff; font-size:16px; text-align:center; line-height:32px; position:absolute; left:0; top:2px;}
.ny_nr .wd_zq ul li.on i{background-color:#fff; color:#000;}
.ny_nr .wd_zq .w_t{width:100%; font-size:16px; line-height:36px; position:relative; cursor:pointer; padding-left:45px;}
.ny_nr .wd_zq ul li.on .w_t{color:#fff;}
.ny_nr .wd_zq .w_t span{width:52px; height:52px; position:absolute; top:0; right:0; display:block;}
.ny_nr .wd_zq .w_t span em.x_1{width:16px; height:2px; background-color:#aaa; position:absolute; top:20px; left:13px;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.ny_nr .wd_zq .w_t span em.x_2{width:16px; height:2px; background-color:#aaa; position:absolute; top:20px; right:13px;
transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.ny_nr .wd_zq ul li.on .w_t span em.x_1{width:22px; left:15px; background-color:#fff;}
.ny_nr .wd_zq ul li.on .w_t span em.x_2{width:22px; right:15px; background-color:#fff;}
.ny_nr .wd_zq .j_d{width:100%; font-size:14px; line-height:26px; display:none; margin-bottom:10px; margin-top:10px; position:relative; padding:5px 0 5px 45px;}
.ny_nr .wd_zq ul li.on .j_d{color:#fff;}

.ny_nr .xw_lb ul li{border-bottom:1px dotted #eaeaea; padding-bottom:20px; margin-bottom:20px;}
.ny_nr .xw_lb img{width:100%; height:auto; display:block;}
.ny_nr .xw_lb .w_z h3{font-size:18px; line-height:28px; margin-bottom:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ny_nr .xw_lb .w_z span{font-size:12px; color:#555; padding-right:15px;}
.ny_nr .xw_lb .w_z i{color:#333; padding-right:5px;}
.ny_nr .xw_lb .w_z p{font-size:13px; line-height:24px; color:#777; height:48px; overflow:hidden; margin-top:10px; margin-bottom:10px; text-overflow:ellipsis; display:-webkit-box;
line-clamp:2;
-webkit-line-clamp:2;
-moz-line-clamp:2;
-o-line-clamp:2;
-webkit-box-orient:vertical;}
.ny_nr .xw_lb .w_z a.x_q{width:120px; height:32px; border-radius:5px; background-color:var(--main-color); font-size:14px; text-align:center; line-height:32px; color:#fff; display:block;}

.ny_nr .yema{margin-top:40px; text-align:center;}
.ny_nr .yema ul li{margin:0 5px; display:inline-block;}
.ny_nr .yema ul li a{border:1px solid #eaeaea; width:40px; height:40px; font-size:14px; line-height:38px; text-align:center; color:#555; display:block;}
.ny_nr .yema ul li a.on{background-color:var(--main-color); border:1px solid var(--main-color); color:#fff;}
@media only screen and (max-width:992px){
.ny_nr{padding:30px 0;}

.ny_nr .st_zs .j_s{margin-bottom:20px; font-size:14px; line-height:26px;}
.ny_nr .st_zs .x_q ul li{margin-bottom:15px;}
.ny_nr .st_zs .b_x{font-size:16px; line-height:26px; margin-top:0;}
.ny_nr .sz_ll .j_s p{ overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-box-orient:vertical;
     -webkit-line-clamp:4;}
.ny_nr .hz_lb .w_z{margin-top:10px;}
.ny_nr .hz_lb .w_z h3{font-size:15px; line-height:26px; font-weight:normal; margin-bottom:5px;}
.ny_nr .hz_lb .w_z p{font-size:12px; line-height:22px; margin-bottom:10px;}
.ny_nr .hz_lb .w_z a.m_r{width:100px; height:26px; font-size:12px; line-height:26px;}

.ny_nr .wd_zq ul li{padding:10px; margin-bottom:10px;}
.ny_nr .wd_zq i{width:26px; height:26px; border-radius:50%; font-size:14px; line-height:26px;}
.ny_nr .wd_zq .w_t{font-size:14px; line-height:26px; padding-left:32px;}
.ny_nr .wd_zq .w_t span{display:none;}
.ny_nr .wd_zq .j_d{font-size:13px; line-height:22px; margin-bottom:5px; margin-top:5px; padding:2px 0 2px 32px;}

.ny_nr .xw_lb ul li{padding-bottom:20px; margin-bottom:20px;}
.ny_nr .xw_lb img{margin-bottom:10px;}
.ny_nr .xw_lb .w_z h3{font-size:15px; line-height:26px; font-weight:normal; margin-bottom:5px;}
.ny_nr .xw_lb .w_z p{font-size:12px; line-height:22px; margin-bottom:10px;}
.ny_nr .xw_lb .w_z a.m_r{width:100px; height:26px; font-size:12px; line-height:26px;}

.ny_nr .yema{margin-top:20px;}
.ny_nr .yema ul li{margin:0 3px;}
.ny_nr .yema ul li a{font-size:12px; line-height:28px; width:30px; height:30px;}
}

.ny_ly{padding:60px 0; overflow:hidden;}
.ny_ly h3{margin-bottom:15px; font-size:24px; color:#333}
.ny_ly h4{font-size:14px; line-height:26px; color:#888; margin-top:20px; padding-bottom:15px; border-bottom:1px solid #e7e7e7; margin-bottom:15px;}
.ny_ly p{color:#777; line-height:38px;}
.ny_ly i{width:20px; display:inline-block;}
.ny_ly strong{font-size:16px; font-weight:normal; color:#000;}
.ny_ly input.z_c{width:49%; height:46px; font-size:14px; line-height:46px; margin-bottom:15px; border:1px solid #e7e7e7; padding:0 5px; float:left;}
.ny_ly input.y_c{width:49%; height:46px; font-size:14px; line-height:46px; margin-bottom:15px; border:1px solid #e7e7e7; padding:0 5px; float:right;}
.ny_ly button{width:100%; height:46px; background-color:var(--main-color); font-size:15px; color:#fff; line-height:46px;}
.ny_ly textarea{width:100%; height:94px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:15px;}
.ny_ly .d_t{border:2px solid #fff;}
.ny_ly .d_t img{width:100%; height:auto; display:block;}
@media only screen and (max-width:992px){
.ny_ly{padding:30px 0;}
.ny_ly h3{font-size:20px;}
.ny_ly h4{line-height:24px; margin-top:0; padding-bottom:15px; margin-bottom:15px;}
.ny_ly p{line-height:28px; margin-bottom:30px;}
.ny_ly strong{font-size:16px;}
.ny_ly input.z_c{width:100%; float:none;}
.ny_ly input.y_c{width:100%; float:none;}
}
.yqpart_3 {
    width: 100%;
    margin: 0 auto;


    text-align: center;

    height: auto  ;
}

.s_title {
    font-size: 28px;
    color: #045dad;
    margin-bottom: 50px;
    text-align: center;
}

.yqpart_3 ul {
    overflow: hidden;
}

.yqpart_3 ul li {
    width: 322px;
    height: 250px;
    float: left;
    padding-left: 10px;
    border: 1px solid #808080;
    margin-left: 20px;
    margin-bottom: 20px;  background: #fff;
}
.yqpart_3 ul li:nth-child(4n){margin-right:0; }
.yqpart_3 ul li p {
    height: 190px;
    padding-top: 10px;
}

.yqpart_3 ul li span {
    display: block;
    width: 302px;
    border-top: 1px solid #808080;
    height: 50px;
    line-height: 50px;
}



#yq img {
    /*! transition: all 0.5s ease-in-out; */
}

#yq img:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    /*图片旋转360度动效transform: rotatey(360deg);
  -webkit-transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
  -o-transform: rotatey(360deg);*/
    /*图片向左偏移动效 transform: translate3d(-10px, 0, 0)*/
    /*图片顺时针向右上方向倾斜动效 transform: rotate3d(0, 0, 1, 5deg)*/
    /*图片逆时针向左下倾斜动效 transform: rotate3d(0, 0, 1, -10deg)*/
}
@media only screen and (max-width:992px){
.yqpart_3 ul li {
    width: 46%;
    height: auto  ;
    float: left;
    padding-left: 0;
    border: 1px solid #808080;
    margin-left: 2%;
    margin-bottom: 20px;  background: #fff;
}
.yqpart_3 ul li p {
    height: auto  ;
    padding-top: 10px;
}
.yqpart_3 ul li span {
    display: block;
    width: 100%;
    border-top: 1px solid #808080;
    height: 30px;
    line-height: 30px;
}
#yq img:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    /*图片旋转360度动效transform: rotatey(360deg);
  -webkit-transform: rotatey(360deg);
  -moz-transform: rotatey(360deg);
  -o-transform: rotatey(360deg);*/
    /*图片向左偏移动效 transform: translate3d(-10px, 0, 0)*/
    /*图片顺时针向右上方向倾斜动效 transform: rotate3d(0, 0, 1, 5deg)*/
    /*图片逆时针向左下倾斜动效 transform: rotate3d(0, 0, 1, -10deg)*/
}
}
.ny_bt{text-align:center; margin-bottom:40px;}
.ny_bt h3{font-size:26px; font-weight:bold;}
.ny_bt h4{font-size:22px; margin-bottom:20px;}
.ny_bt i{width:52px; height:2px; background-color:var(--main-color); margin:15px auto; display:block;}
.ny_bt p{font-size:15px; color:#999;}
@media only screen and (max-width:992px){
.ny_bt{margin-bottom:20px;}
.ny_bt h3{font-size:20px;}
.ny_bt h4{font-size:16px; margin-bottom:15px;}
.ny_bt i{width:40px; height:1px; margin:10px auto;}
.ny_bt p{font-size:12px;}
}
.lianxi{ width:100%; height:auto; overflow:hidden}
.lianxi li{ float:left; width:49%; margin-right:2%; background:#fff;border-radius:8px; padding:20px 0 10px; margin-bottom:2%}
.lianxi li:nth-child(2n){margin-right:0; }
.contact{ height:auto; overflow:hidden}
.title_address{float:left;width:625px;line-height:31px;}
.title_address img{float:left;display:inline;margin-right:5px;height: 30px;width: 30px;margin-left: 5px;}
.title_address .adrname{float:left;width:580px;font-family:"微软雅黑";font-size:18px;color:#242424;line-height:31px;}
.contact_info{padding:0px 0px 0px 40px;float:left;font-size:16px; font-weight:normal}
.contact_info div{float:left;}

@media only screen and (max-width:992px){
.lianxi li{ float:none; width:98%; margin-right:0%; background:#fff;border-radius:8px; padding:20px 0 0; }
.lianxi li:nth-child(2n){margin-right:0; }
.title_address{float:left;width:100%;line-height:31px;}
.title_address img{float:left;display:inline;margin-right:5px;}
.title_address .adrname{float: right;width:86%;font-family:"微软雅黑";font-size:14px;color:#242424;line-height:24px; padding-left:2%}
.contact_info{padding:0px 0px 0px 0;float: right;font-size:14px; font-weight:normal;width:86%;padding-left:2%}

}

.fwpart_2 {
    width: 100%;
    height: 238px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 3px 6px #afafb0;
    margin-bottom: 45px;
}

.fwpart_2 li {
    float: left;
    margin-top: 46px;
}

.fwpart_2 .order1 {
    width: 250px;
    text-align: center;
    margin-top: 0px;
}

.fwpart_2 .fwt {
    display: block;
    width: 103px;
    height: 103px;
    margin: 35px auto 20px auto;
}

.fwpart_2 .fwt1 {
    background: url(/uploads/image/tdimages/fw_icon1.jpg) no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt1 {
    background: url(/uploads/image/tdimages/fw_icon11.jpg) no-repeat 0 0;
}

.fwpart_2 .fwt2 {
    background: url(/uploads/image/tdimages/fw_icon2.jpg) no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt2 {
    background: url(/uploads/image/tdimages/fw_icon22.jpg) no-repeat 0 0;
}

.fwpart_2 .fwt3 {
    background: url(/uploads/image/tdimages/fw_icon3.jpg) no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt3 {
    background: url(/uploads/image/tdimages/fw_icon33.jpg) no-repeat 0 0;
}

.fwpart_2 .fwt4 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt4 {
    background:  no-repeat 0 0;
}

.fwpart_2 .fwt5 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt5 {
    background:  no-repeat 0 0;
}

.fwpart_2 .fwt6 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt6 {
    background:  no-repeat 0 0;
}

.fwpart_2 .fwt7 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt7 {
    background:  no-repeat 0 0;
}

.fwpart_2 .fwt8 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt8 {
    background:  no-repeat 0 0;
}

.fwpart_2 .fwt9 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt9 {
    background:  no-repeat 0 0;
}

.fwpart_2 .order1 .fwtxt2 {
    display: block;
    font-size: 26px;
    color: #3e3a39;
}

.fwpart_2 .order1 .fwtxt3 {
    text-transform: uppercase;
    color: #727171;
    font-size: 12px;
    font-family: 新宋体;
}

.fwpart_2 .order2 {
    width: 120px; text-align:center; padding-top:20px
}

.fwpart_2 p {
    color: #595757;
    padding: 4px 5px;
    margin-bottom: 10px;
}

.fwpart_2 p:hover {
    background: linear-gradient(to right, var(--main-color-light), var(--main-color-lighter));
    color: #fff;border-radius:14px;
}

.fwpart_2 .order3 {
   width: 160px; text-align:center;padding-top:20px
}
.fwpart_2 .order6 {
   width: 160px; text-align:center;padding-top:20px
}
.fwpart_2 .order4 {
    width: 170px; text-align:center;padding-top:20px
}

.fwpart_2 .order5 {
    width: 290px;
    height: 238px;
    overflow: hidden;
    margin-top: 0px;
    position: relative; float:right
}
.fw_mask {
    width: 290px;
    height: 238px;
    position: absolute;
    left: 0;
    bottom: -238px;
    background: rgba(0, 0, 0, 0.6);
    transition: all 1s ease-in;
    color: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.order5:hover .fw_mask {
    bottom: 0;
}

.fw_mask a {
    display: block;
    width: 182px;
    height: 55px;
    line-height: 55px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    text-align: center;
    margin-left: 55px;
    letter-spacing: 2px;
    cursor: pointer;
    margin-top: 90px; color:#fff
}
@media only screen and (max-width:992px){
.fwpart_2 {
    width: 100%;
    height: auto  ;
    overflow: hidden;
    background: #fff;
    box-shadow: 0px 3px 6px #afafb0;
    margin-bottom: 25px;
}
.fwpart_2 li {
    float: left;
    margin-top: 16px;
}

.fwpart_2 .order1 {
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

.fwpart_2 .fwt {
    display: block;
    width: 103px;
    height: 103px;
    margin: 15px auto 20px auto;
}

.fwpart_2 .fwt1 {
    background: url(/uploads/image/tdimages/fw_icon1.jpg) no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt1 {
    background: url(/uploads/image/tdimages/fw_icon11.jpg) no-repeat 0 0;
}

.fwpart_2 .fwt2 {
    background: url(/uploads/image/tdimages/fw_icon2.jpg) no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt2 {
    background: url(/uploads/image/tdimages/fw_icon22.jpg) no-repeat 0 0;
}

.fwpart_2 .fwt3 {
    background: url(/uploads/image/tdimages/fw_icon3.jpg) no-repeat 0 0;
}

.fwpart_2 .order1:hover .fwt3 {
    background: url(/uploads/image/tdimages/fw_icon33.jpg) no-repeat 0 0;
}



.fwpart_2 .order1 .fwtxt2 {
    display: block;
    font-size: 26px;
    color: #3e3a39;
}

.fwpart_2 .order1 .fwtxt3 {
    text-transform: uppercase;
    color: #727171;
    font-size: 12px;
    font-family: 新宋体;
}

.fwpart_2 .order2 {
    width: 25%; text-align:center; padding-top:0
}

.fwpart_2 p {
    color: #595757;
    padding: 4px 5px;
    margin-bottom: 10px;
}

.fwpart_2 p:hover {
    background: linear-gradient(to right, var(--main-color-lighter), var(--main-color-light));
    color: #fff;border-radius:14px;
}

.fwpart_2 .order3 {
   width: 20%; text-align:center;padding-top:0
}
.fwpart_2 .order6 {
   width: 40%; text-align:center;padding-top:0
}
.fwpart_2 .order4 {
    width:50%; text-align:center;padding-top:0
}

.fwpart_2 .order5 {
    width: 100%;
    height: 238px  ;
    overflow: hidden;
    margin-top: 0px;
    position: relative; float:none
}
.fwpart_2 .order5 img{ width:100%}
.fw_mask {
    width: 100%;
    height: 238px;
    position: absolute;
    left: 0;
    bottom: -238px;
    background: rgba(0, 0, 0, 0.6);
    transition: all 1s ease-in;
    color: #fff;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
}

.order5:hover .fw_mask {
    bottom: 0;
}

.fw_mask a {
    display: block;
    width: 182px;
    height: 55px;
    line-height: 55px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #fff;
    text-align: center;
    margin: 0  auto;
    letter-spacing: 2px;
    cursor: pointer;
    margin-top: 90px; color:#fff
}
}
.plan{ padding-top: 20px;}
.plan .part1{ background: #fafafa; border-radius: 5px; overflow: hidden; width:100%; margin:50px auto; padding:50px 50px 20px}
.plan .part1 .img{ width: 100%;}
.plan .part1 .box{ padding: 10px;}
.plan .part1 .box em{ font-style:normal; font-size:16px; text-align:center}
.plan .part1 .box .tit{ font-size: 30px; color: #333; margin-bottom: 40px;}
.plan .part1 .box .input{ line-height: 42px; margin-bottom: 40px; width:80%; margin:0 auto}
.plan .part1 .box .input input{ height: 42px; line-height: 42px; border: 1px solid #ccc; border-radius: 3px;width:73%; margin-left:10px ; margin-bottom:40px; }
.plan .part1 .box .button{ font-size: 14px; color: #666;}
.plan .part1 .box .button button{ width: 200px; height: 40px; font-size: 16px; color: #fff; line-height: 40px; margin-bottom: 20px; border-radius: 4px; background:var(--main-color); border:0}
.planpro{ margin: 0.9rem 0 0.7rem 0;}
@media only screen and (max-width:992px){
.plan{ padding-top: 0px;}
.plan .part1{ background: #fafafa; border-radius: 5px; overflow: hidden; width:100%; margin:0 auto ; padding:10px}
.plan .part1 .box .tit{ font-size: 20px; color: #333; margin-bottom: 20px; font-weight:bold}
.plan .part1 .box .input{ line-height: 42px; margin-bottom: 40px; width:100%; margin:0 auto}
.plan .part1 .box .input input{ height: 42px; line-height: 42px; border: 1px solid #ccc; border-radius: 3px;width:100%; margin-left:10px ; margin-bottom:0px; }
.plan .part1 .box .button{ font-size: 14px; color: #666; margin-top:20px}
.plan .part1 .box .button button{ width: 80px; height: 30px; font-size: 14px; color: #fff; line-height: 30px; margin-bottom: 0px; border-radius: 4px; background:var(--main-color); border:0}
.planpro{ margin: 0.9rem 0 0.7rem 0;}
}
.sm{ height:auto; overflow:hidden; margin-bottom:20px; width:100%}
.sm .l{ float:left; width:68%; line-height:35px}
.sm .l h1{ font-size:30px; margin-bottom:18px}
.sm .l span{ color:#f00; display:inline-block}
.sm .r{ float: right; width:30%}
.sm .r img{ width:100%}

.gg{ width:100%; margin:0 auto; height:auto; overflow:hidden; }
@media only screen and (max-width:992px){
.sm .l{ float:none; width:100%; line-height:25px}
.sm .l h1{ font-size:20px; margin-bottom:18px}
.sm .r{ float: none; width:100%}
.sm .r img{ width:100%}
.gg{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
}

.youshi{ background: #f7f7f7;padding-bottom: 0.6rem;padding-top: 0.6rem;}
.youshi ul li{ float:left; width:13.4%; margin-right:1%; margin-bottom:40px; background:linear-gradient(to right, var(--main-color-light), var(--main-color-lighter)); border-radius:5px; overflow:hidden; box-sizing:border-box; text-align:center; padding-bottom:30px; transition:all 0.6s}
.youshi ul li:nth-child(7n){margin-right:0; }
.youshi ul li i{ display:block; margin:30px auto; width:80%; text-align:center;}
.youshi ul li i img{ width:100%;max-width:100px;  height:auto; display:block; margin:0 auto;}
.youshi ul li .zss{ display:block}
.youshi ul li .xss{ display:none}
.youshi ul li h3{ font-size:25px; color:#313131; font-weight:bold; padding-bottom:25px;}
.youshi ul li p{ display:block; width:85%; margin:0 auto; font-size:15px; color:#fff; line-height:25px; height: 75px; overflow:hidden}
.youshi ul li:hover{ background:linear-gradient(to right,var(--main-color-lighter),var(--main-color-light));box-shadow: 0px 0px 20px rgba(41,22,111,0.15);}
.youshi ul li:hover p{ color:#fff}
.youshi ul li:hover h3{ color:#fff}
.youshi ul li:hover *{ color:#29166f}
.youshi ul li:hover .zss{ display:none}
.youshi ul li:hover .xss{ display: block}


.zjjs{ background: #fff;padding-bottom: 0.6rem;padding-top: 0.6rem;}
.zjjs ul{ height:auto; overflow:hidden}
.zjjs li{ background:#f7f7f7;border-radius:4px; width:49%; padding:2%; margin-right:2%; float:left; margin-bottom:2% }
.zjjs li:nth-child(2n){margin-right:0; }
.zjjs li h1{ font-size:16px; font-weight:bold; margin-bottom:2%}
.zjjs li p{ font-size:14px; line-height:26px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.zjjs li span{width: 120px;height: 30px;line-height: 30px;text-align: center;background: linear-gradient(to right, var(--main-color-light), var(--main-color-lighter)); display:block;border-radius:15px; margin-top:2% }
.zjjs li span a{ color:#fff; font-size:14px}
.zjjs li span:hover{background: linear-gradient(to right, var(--main-color-lighter), var(--main-color-light));}


@media only screen and (max-width:992px){
.youshi{ background: #f7f7f7;padding-bottom: 0.3rem;padding-top: 0.3rem;}
.youshi ul li{ float:left; width:48%; margin:1%; margin-bottom:5px; background:linear-gradient(to right, var(--main-color-light), var(--main-color-lighter)); border-radius:5px; overflow:hidden; box-sizing:border-box; text-align:center; padding-bottom:10px; transition:all 0.6s}
.youshi ul li:nth-child(2n){margin-right:0; }
.youshi ul li:nth-child(7n){ width:98% }
.youshi ul li p{ display:block; width:85%; margin:0 auto; font-size:13px; color:#fff; line-height:22px; height: auto  ; overflow:hidden;
     text-overflow:ellipsis;
     display:-webkit-box;
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
.youshi ul li i{ display:block; margin:10px auto; width:60%; text-align:center;}
.youshi ul li i img{ width:100%;max-width:80px;  height:auto; display:block; margin:0 auto;}
.zjjs{ background: #fff;padding-bottom: 0.3rem;padding-top: 0.3rem;}
.zjjs li{ background:#f7f7f7;border-radius:4px; width:98%; padding:2%; margin-right:0%; float:none;  margin:0 auto 2% }
.zjjs li span{width: 100px;height: 28px;line-height: 28px;text-align: center;background: linear-gradient(to right, var(--main-color-light), var(--main-color-lighter)); display:block;border-radius:14px; margin-top:2% }
.zjjs li span a{ color:#fff; font-size:12px}
.zjjs li:nth-child(2n){ margin:0 auto 2%  }

}



.zw{ line-height:30px; padding:15px 0; min-height:350px;color:#555555; font-size:14px;}
.zw a:link{ color:#555555; }
.zw a:visited{ color:#555;}
.zw a:hover{ color:#ff6205;}
.zw a:active{color:#555555;}
.zw img{
 max-width:100%;

 width:expression(document.body.clientwidth>100%?"100%":"auto");

}

.xiaocms-page span{ margin:0 3px;  border:1px solid var(--main-color);line-height:35px; padding:0 15px; background:var(--main-color); color:#ffffff; display:inline-block;     border-radius: 5px;}
.xiaocms-page  a{margin:0 3px;   border:1px solid #eee;line-height:35px;background:#fff; display:block; color:#333; padding:0 10px;display:inline-block;     border-radius: 5px;}
.xiaocms-page  a:hover {margin:0 3px;   border:1px solid var(--main-color);line-height:35px; background:var(--main-color); color:#fff; padding:0 10px;display:inline-block;    border-radius: 5px;}

.fc {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.fac {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.fa {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.right{
	margin-left: auto;
}
.c-pointer {
	cursor: pointer;
}

.c-full-vw {
	width: 100vw;
}

.c-navbar {
	display: flex;
	padding: 15px 0;
	justify-content: space-between;
}
.nav-item:hover {
	color: var(--main-color);
}

.nav-sub {
	padding-top: 15px;
	position: absolute;
	background: #ffffff;
	text-align: center;
	display: none;
	box-shadow: 4px 4px 24px rgba(191, 201, 219, 0.5);
}

.nav-item:hover .nav-sub {
	
}

.nav-sub-wrap {
	padding: 10px 25px;
	border-left: 2px solid transparent;
}

.nav-sub-wrap:hover {
	color: var(--main-color);
	background: rgba(233, 236, 242, 1);
	border-left: 2px solid var(--main-color);
}

.head-tel {
	font-size: 18px;
	font-weight: 400;
	color: rgba(36, 38, 43, 1);
	height: 100%;
}

.foot-nav-head{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.foot-nav-item{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(197, 208, 230, 1);
}

.connect-us{
	text-align: center;
	height: 100%;
	width: 335px;
}

.tel-box{
	background-image: url(/uploads/image/tdimages/tel-frame.svg);
	background-size: 100% 100%;
}

.foot-tel{
	font-size: 26px;
	font-weight: 400;
}

.foot-service-time {
	display: inline-block;
	margin: 10px 0;
	font-size: 14px;
	font-weight: 400;
}
.foot-location-title{
	margin-top: 15px;
	font-size: 14px;
	font-weight: 700;
	color: rgba(255, 255, 255, 1);
}
.foot-location{
	margin-top: 5px;
	font-size: 14px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
}

.foot-qrcode img{
	margin: 0 10px 5px 10px;
}

.certificate-query{
	padding: 15px 20px;
	flex: 0 0 473px;
	height: 586px;
	margin-right: 100px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 6px 8px 30px  rgba(0, 0, 0, 0.2);
}

.about-us-brief {
	background-repeat: no-repeat;
	background-position: center 375px;
}

.more {
	width: 120px;
	height: 32px;
	border-radius: 4px;
	border: 2px solid var(--main-color-light);
	font-size: 14px;
	font-weight: 400;
	color: var(--main-color);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px auto 0 auto;
}

.c-sy_bk {
	padding: 50px 0 80px 0;
	background-image: url(/uploads/image/tdimages/business-area.png);
	background-size: cover;
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.c-sy_bk .c-n_r {
	overflow: hidden;
	position: relative;
}

.c-sy_bk .c-fdwz {
	color: #fff;
	top: 50%;
	overflow: hidden;
	text-align: center;
	transition: all 0.6s;
	width: 334px;
	height: 334px;
	position: relative;
}

.c-sy_bk .c-fdwz .business-name {
	background: rgba(0,0,0,0.5);
	padding: 10px 0;
	font-size: 18px;
	font-weight: 500;
	width: 100%;
	position: absolute;
	bottom: 0;
	transition:all 0.6s;
}

.c-sy_bk .c-fdwz:hover .business-name {
	bottom: -100px;
}
.c-sy_bk .c-fdwz:hover .business-name-cover {
	bottom: -100px;
	top: 0;
}

.business-name-cover {
	top: 100%;
	width: 100%;
	height: 100%;
	background: var(--main-color-deep-opacity);
	position: absolute;
	font-weight: 700;
	transition:all 0.6s;
}
.business-name-cover .cover-name{
	font-size: 28px;
	margin-top: 30px;
}
.business-name-cover .index-num{
	font-size: 50px;
	border-bottom: 4px solid #fff;
	padding-bottom: 10px;
}


.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: break-word;
	word-break:break-all;
}

.limit {
	white-space: normal !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.l-1 {
	-webkit-line-clamp: 1;
}

.l-2 {
	-webkit-line-clamp: 2;
}

.l-3 {
	-webkit-line-clamp: 3;
}

.l-4 {
	-webkit-line-clamp: 4;
}
.l-5 {
	-webkit-line-clamp: 5;
}
.l-6 {
	-webkit-line-clamp: 6;
}

.l-7 {
	-webkit-line-clamp: 7;
}

.footer-honor {
	font-size: 28px;
	font-weight: 400;
	color: rgba(255, 255, 255, 1);
	font-family: 'alimama';
}

.wow{
	visibility: hidden;
}

.c-scroll {
	overflow: hidden !important;
}

.c-scroll:hover {
	overflow: auto !important;
}

.c-scroll:hover > * {
	-webkit-line-clamp: unset;
}

.swal-pop-img {
	width: auto;
}