*:focus {outline: none;}
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{
    padding: 0;
    margin:0;
}
body{font:16px/1.5 "PingFangSC-Regular","微软雅黑","Microsoft Yahei";}
.bggrey {background:#f6f6f6;height: auto; overflow: hidden;}
/* 图片放大 */
.imgzoom{width: 100%; height: 100%;transition: all .3s; overflow:hidden;}
.imgzoom:hover{transform: scale(1.1); transition: all .6s;}

@font-face {
  font-family: 'iconfont';
  src: url('../font/iconfont.woff2?t=1720605143938') format('woff2'),
       url('../font/iconfont.woff?t=1720605143938') format('woff'),
       url('../font/iconfont.ttf?t=1720605143938') format('truetype');
}

.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

img{max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{font-size:1em; line-height:1.3;font-family: "";}
address, cite, dfn, em, var {font-style:normal;} 
code, kbd, pre, samp {font-family: courier new, courier, monospace;} 
small {font-size:  0.75em;} 
ul, ol {list-style: none;margin:0;}
body,legend {color:#010101;}
a{
    color:inherit;
	color:#010101;
    text-decoration: none; 
}
a:hover  {
    color:#e62129;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup {vertical-align: text-top;} 
sub {vertical-align: text-bottom;}

fieldset, img {border: 0;}
button, input, select, textarea {} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{vertical-align:middle;}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */
button:disabled,
.disabled{opacity:0.5; cursor:default;}
.hi{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
#header{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position:fixed; left:0; top:0; width:100%;  z-index:888; padding:2.5em 0; border-bottom:1px solid rgba(114, 136, 106, 0.5);}
.header_mid_right{text-align:right; margin-right:360px;}
.header_mid_right ul li{display:inline-block; margin-left:50px;}
.header_mid_right ul li a{color:#fff; font-size:17px; font-weight:bold;}

body.cur .header_mid_right ul li.current a {color:#e62129;}

.header_mid{ position:relative; margin:0; margin: 0 7.29166666666667%;}
.header_mid_left{
position:absolute; left:20px; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.header_rr{ position:absolute;width:355px; right:0; top:50%; -webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.header_rr_right{text-align:left; padding-left:50px; margin-left:30px; font-size:12px; color:#c1c1c1; text-transform:uppercase; background:url(../images/tel.png) no-repeat left;}
.header_rr_right p{color:#fff; font-size:21px;}
.header_rr_left{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); position:absolute; background:#05a97e; width:115px; height:106px; right:0; top:50%;}
.header_rr_left a{display:block; color:#fff; font-size:16px; line-height:140px; text-align:center; background:url(../images/search.png) no-repeat 40px 22px;}
/**********index***********/
.banner_img{position:relative; width:100%; height:800px;} 
.banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner_jj{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; width:100%; z-index:10; color:#fff; top:50%;} 
.indexbanner_jj_mid{margin:0 6.40625%; text-align:center;}
.indexbanner_jj_mid_1{font-size:18px; letter-spacing:4px; text-transform:uppercase; font-family:arial;}
.indexbanner_jj_mid_2{font-size:5.05em; margin-top:.20em; font-weight:bold;}

.indexbanner_jj_mid_3{margin-top:100px;}
.indexbanner_jj_mid_3 .btn {background:#05a97e;color:#fff; display:inline-block; width:280px; height:68px; line-height:68px;}
.indexbanner_jj_mid_3 .btn:hover {color:#fff;opacity:0.9;}
.indexbanner_jj_mid_3 .video {background:url(../images/video.png) no-repeat left; color:#fff; display:inline-block; width:200px; height:68px; line-height:68px; margin-left:20px;}
.indexbanner_jj_mid_3 .video:hover {color:#fff;}


.rongyu {position:relative; top:-100px; height:auto; clear:both; z-index:9;}
.rongyu ul { background:#fff; border-radius:10px; height:auto; overflow:hidden; padding:40px 0; box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);}
.rongyu li {width:20%; float:left; border-right: 1px solid #cdeee5; margin-left:-1px; cursor:pointer;}
.rongyu li:last-child {border:none; }
.rongyu li .tit {font-size:20px; font-weight:bold; color:#333333; margin-top:15px;}
.rongyu li img {transition-delay: 0.1s; transition: all 500ms ease;}
.rongyu li:hover img {transform: rotateY(180deg); transition-delay: 0.1s;}
.rongyu li:hover .tit img {transform: rotateY(0deg); margin-left:5px;}

#lu{ overflow:hidden; position:relative; z-index:10; background-color:#fff;}
.index_1_1{text-align:center; font-size:2.9375em; color:#0f9370;}
.index_1_3{text-align:center; font-size:2.9375em; color:#333333;}
.index_1_1 {margin-top:.5em; margin-bottom:.5em;}
.index_1_1 span { font-size:34px; color:#000; margin-left:20px;}
.index_1_2{ margin-bottom:1.6em; line-height:1.8; text-align:center; font-size:1.2em; color:#666; margin-top:1em; text-transform:uppercase;}
.index_1_2:before {width:160px; height:1px; background:#333; content:"";display: inline-block; margin-right:20px; position:relative; top:-5px;}
.index_1_2:after {width:160px; height:1px; background:#333; content:"";display: inline-block; margin-left:20px; position:relative; top:-5px;}
.index_2_mid_2{ color:#000; text-align:center; font-size:1.125em; margin-top:1.5em;} 
.index_2_mid_1{ position:relative;overflow:hidden}
.index_2_mid_1 img{width:100%;}
.index_2_mid{position:relative}
.index_2_mid_left{ background-image:url(../images/img1.png); background-position:center; background-repeat:no-repeat;
position:absolute; left:-3.75em; width:1.875em; height:1.875em; background-color:#dcdcdc;border-radius:100%; z-index:10; cursor:pointer;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); top:calc(50% - 30px);}
.index_2_mid_left:hover{background-color:#e62129;} 

.index_2_mid_right{ background-image:url(../images/img2.png); background-position:center; background-repeat:no-repeat;
position:absolute; right:-3.75em; width:1.875em; height:1.875em; background-color:#dcdcdc;border-radius:100%; z-index:10; cursor:pointer;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%); top:calc(50% - 30px);}
.index_2_mid_right:hover{background-color:#e62129;} 
.swiper-pagination-bullet{
background:none; border:1px #fff solid; opacity:1;}
 .swiper-pagination-bullet-active{background-color:#fff;}
 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
 .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:32px;}
.swiper-container-team_img{overflow:hidden} 
.swiper-container-team_img img{width:100%;} 
.index_4_mid ul li{float:left; width:20%; text-align:center;} 
.index_4_mid_mid{position:relative; height:165px;}
.index_4_mid_mid img{ max-width:86%; border:#efefef 1px solid;
position:absolute; left:50%; top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} 
.index_4_more{margin-top:3vw;text-align:center} 
.commore{ position:relative;display:inline-block; border:1px #bcbcbc solid; width:180px; height:50px; text-align:center; line-height:50px; color:#333;} 
.commore span{color:#333; display:inline-block; position:relative; z-index:10;}
.commore:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:0; width:100%; background-color:#333c64;} 
.commore:hover:after{height:100%;} 
.commore:hover span{color:#fff;}
.commore:hover{border-color:#333;} 
.index_5{background-color:#fff; overflow:hidden; width:1600px; margin:0 auto;}
.index_2_mid_left.index_2_mid_left_2,.index_2_mid_right.index_2_mid_right_2{
top:50%;}
.index_2_mid_1_mask{ color:#fff; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;background-color:rgba(0, 0, 0, 0.26);}
.index_2_mid_1_mask span{display:block; font-size:1.25em; margin:0 1em; text-align:center;}
.swiper-slide:hover .index_2_mid_1_mask{opacity:1;}
.index_6_mid_1 ul li{float:left; position:relative; width:48.45440494590417%;}
.index_6_mid_1 ul li:nth-child(2n){float:right}
.index_6_mid_1_img{ background:#000;overflow:hidden}
.index_6_mid_1_img img{ opacity:0.6; width:100%;}
.index_6_mid_1_img_name{position:absolute; z-index:10; left:1em; bottom:1em; color:#fff; line-height:30px;}
.index_6_mid_2 ul li,.index_7_mid ul li{ margin-right:3.16846986089645%; margin-top:1.92708333333333vw;
float:left; width:31.2210200927357%; position:relative;}
.index_6_mid_2 ul li:nth-child(3n),.index_7_mid ul li:nth-child(3n){margin-right:0}
.index_6{padding-bottom:6.25vw;}
.index_7{padding-top:3.25vw; background:url(../images/bg10.jpg) no-repeat center; background-size:cover; color:#fff; overflow:hidden;}
.flex2 {display: flex; align-items: center; justify-content: space-between;}
.index_7 .left {width:400px; text-align:left;}
.index_7 .left .tit {font-size:46px; font-weight:bold; margin-bottom:20px;}
.index_7 .left p {text-transform:uppercase; font-family:Corbel; line-height:46px; font-size:46px; margin-bottom:20px;}
.index_7 .left .intro {margin-top:20px; line-height:28px;}
.index_7 .center {width:293px; position:relative; margin:0 auto; margin-right:680px;}



.index_8{ padding-bottom:5.25vw; padding-top:5.25vw; overflow:hidden}
.index_8 .center {text-align:center;}
.index_8 li {float:left; width:25%; padding:80px 40px; box-sizing:border-box;}
.index_8 li img {margin-bottom:10px; transition-delay: 0.1s; transition: all 500ms ease;}
.index_8 li:hover img {transform: rotateY(180deg); transition-delay: 0.1s;}

.index_8 li .t {text-align:center; font-size:22px; margin-bottom:10px;}
.index_8 li p {line-height:30px; font-size:14px;}
.index_8 li:nth-of-type(1){ background:#f8f8f8;}
.index_8 li:nth-of-type(1) p{ color:#555;}
.index_8 li:nth-of-type(2){ background:#1c1c1c; color:#fff;}
.index_8 li:nth-of-type(2) a {color:#fff;}
.index_8 li:nth-of-type(3){ background:#0f9370; color:#fff;}
.index_8 li:nth-of-type(3) a {color:#fff;}
.index_8 li:nth-of-type(4){ background:#f2f1f6;}
.index_8 li:nth-of-type(4) p{ color:#555;}

.index_9 { padding-bottom:50px;}
.index_9 .left {width:50%; float:left; text-align:left; padding-right:50px; box-sizing: border-box;}
.index_9 .left .t {font-size:36px; color:#333; font-weight:bold; margin-bottom:10px; position:relative; left:-125px;}
.index_9 .left .t:before {width:100px; height:1px; background:#333; content:""; position:relative;display: inline-block; top:-10px; margin-right:20px;}
.index_9 .left .small {color:#444444; font-size:20px;}
.index_9 .left p {color:#666666; font-size:16px; line-height:32px; margin-bottom:10px;}
.index_9 .right {float:right: width:50%; display:flex;}
.index_9 .right img:hover {opacity:0.8}



.leftxx {width:1100px; float:left; margin-top:20px;}
.rightxx {width:500px; float:right; margin-top:20px; position: absolute; z-index: 99; right:6%;}
.rightxx li {clear:both; margin-bottom:20px; padding:34px 0; display:block; margin:13px 0;}
.rightxx li .ico {width:55px; height:55px; border-radius:50%; margin-right:15px; margin-left:105px; float:left; line-height:50px; text-align:center; background:#1b1b1b;}
.rightxx li .ico img {width:60%;}
.rightxx li .t {font-size:24px; color:#333; text-align:left;}
.rightxx li .t p {font-size:15px; color:#999; text-align:left;}

.rightxx li:hover {background:#eeeeee; border-radius:10px; border-top-left-radius:70px; border-bottom-left-radius:70px; color:#0f9370;}
.rightxx li:hover .t {color:#0f9370}
.rightxx li:hover .ico {background:#0f9370;}

/********产品系列*************/
.index_3 .xlbg { background:url(../images/xlbg.jpg) no-repeat center; background-size:cover; color:#fff; padding:80px 20%; text-align: center;}
.index_3 .xlbg .t {font-size:40px; font-weight:bold; margin-bottom:20px;}
.index_3 .xlbg p {line-height:32px; font-size:18px;}
.index_3 .xlbg .commore {background:#05a97e; color:#fff !important; border:none;}
.index_3 .xlbg .commore span {color:#fff;}
.index_3 .xlbg .commore:after {}


.index_3 li { width:25%; float:left; padding:50px; height:auto; overflow:hidden; box-sizing:border-box;}
.index_3 li:nth-child(2n){background:#fafafa;}
.index_3 li .tit {color:#333; font-size:30px; font-family:arial; margin-top:20px;}
.index_3 li .tit em {font-size:22px; magin-top:10px !important; display:block;}
.index_3 li p {font-size:14px; color:#999; margin-top:20px; line-height:28px;}
.index_3 li .img {text-align:center;}
.index_3 li img:hover {opacity:0.8}

/********我们的优势*************/
.youshi { margin-top:50px; display:flex; clear:both; color:#0f9370; margin-bottom:50px;}
.youshi .tit {font-size:32px; font-weight:bold; margin-bottom:15px;}
.youshi .intro { line-height:30px; font-size:15px;}
.youshi .ico {margin-top:-65px; margin-bottom:10px;}
.youshi .one {width:20%; height:180px; margin-top:20px; background:#eeeeee; padding:20px; box-sizing:border-box;}
.youshi .two {width:20%; height:180px; margin-top:20px; background:#eeeeee; padding:20px; box-sizing:border-box; margin-left:1.5%;}
.youshi .three {width:20%; height:180px; margin-top:20px; background:#eeeeee; padding:20px; box-sizing:border-box; margin-left:1.5%;;}
.youshi .fore {width:40%; height:200px; display:flex; align-items:center; text-align:left; line-height:30px; background:#0f9370; color:#fff; padding:20px; box-sizing:border-box; margin-left:1.5%;}
.youshi .fore .tit { font-size:46px; font-weight:bold; width:400px;}


.case { padding:70px 0; height:auto; overflow:hidden; clear:both;}
.case .tit {font-size:34px; color:#000; height:100px;}
.case .tit span {color:#0f9370; font-size:50px;}
.case .tit p {position:relative; top:-100px; text-transform:uppercase; font-size:75px; color:#e8e8e8; font-weight:bold; z-index:-1;}
.case .casedh { margin-bottom:60px; display:flex; justify-content:center;}
.case .casedh li{display:inline-block; border-right:#dddddd 1px solid;}
.case .casedh li:last-child { border:none;}
.case .casedh li a {color:#666; font-size:18px; padding:0 15px; }
.caseleft {float:left; width:510px;}
.caseleft .pic {position:relative; background:#000;}
.caseleft img {width:510px; height:592px;}
.caseleft img:hover {opacity:0.7}
.caseleft .wenzi {background:rgba(0,0,0,0.5); color:#fff; font-size:26px; height:110px; width:100%; position:absolute; bottom:0; text-align:left; padding:20px; box-sizing:border-box;}
.caseleft .wenzi a {color:#fff; margin-bottom:5px; display:block;}
.caseleft .wenzi p {font-size:16px; color:#fff; line-height:28px; padding-right:100px;}
.caseleft .wenzi .more {position:absolute; right:30px; top:30px;}
.caseleft .wenzi .more svg {width:38px;}

.caseright {float:right; width:69%;}
.caseright .pic {text-align:left; width:47.5%; background:#000; margin-left:2.5%; position:relative; height:auto; overflow:hidden; float:left; box-sizing:border-box; margin-bottom:20px;}
.caseright .pic img:hover { opacity:0.7;}
.caseright .wenzi {background:rgba(0,0,0,0.5); color:#fff; font-size:16px; height:110px; width:100%; position:absolute; bottom:0; text-align:left; padding:20px; box-sizing:border-box;}
.caseright .wenzi a {color:#fff; font-size:26px; display:block; margin-bottom:10px;}
.caseright .wenzi p {font-size:16px; color:#fff; line-height:28px;}


/* 产品页面案例 */

.case2 { padding:50px 0; height:auto; overflow:hidden; border-top:#dddddd 1px solid; clear:both; width:1400px; margin:0 auto; margin-top:40px;}
.case2 .tit {font-size:40px; color:#000; text-align:center; height:100px;}
.case2 .tit:after {width:40px; height:2px; background:#109371; content:""; margin:0 auto; margin-top:20px; position:relative; display:block;}
.caseleft2 {float:left; width:460px;}
.caseleft2 .pic {position:relative; background:#000;}
.caseleft2 img {width:460px; height:490px;}
.caseleft2 img:hover {opacity:0.7}
.caseleft2 .wenzi {background:rgba(0,0,0,0.5); color:#fff; font-size:20px; height:90px; width:100%; position:absolute; bottom:0; text-align:left; padding:20px; box-sizing:border-box;}
.caseleft2 .wenzi a {color:#fff; margin-bottom:5px; display:block;}
.caseleft2 .wenzi p {font-size:16px; color:#fff; line-height:28px;}
.caseleft2 .wenzi .more {position:absolute; right:30px; top:30px;}
.caseleft2 .wenzi .more svg {width:38px;}

.caseright2 {float:right; width:67%;}
.caseright2 .pic {text-align:left; width:47.5%; background:#000; margin-left:2.5%; position:relative; height:auto; overflow:hidden; float:left; box-sizing:border-box; margin-bottom:20px;}
.caseright2 .pic img:hover { opacity:0.7;}
.caseright2 .wenzi {background:rgba(0,0,0,0.5); color:#fff; font-size:16px; height:90px; width:100%; position:absolute; bottom:0; text-align:left; padding:20px; box-sizing:border-box;}
.caseright2 .wenzi a {color:#fff; font-size:20px; display:block; margin-bottom:10px;}
.caseright2 .wenzi p {font-size:14px; color:#fff; line-height:22px;}

.center {text-align:center; width:100%;}
.case2 .more {background:#109371; color:#fff; padding:15px 40px; display:inline-block; margin:30px auto;}
.case2 .more:hover {background:#076c52; color:#fff; }



.news {background:url(../images/newsbg.jpg) no-repeat center; background-size:cover; padding:70px 0; margin-bottom:50px;}
.news .newsdh { margin-bottom:60px; display:flex; justify-content:center;}
.news .newsdh li{display:inline-block; border-right:#dddddd 1px solid;}
.news .newsdh li:last-child { border:none;}
.news .newsdh li a {color:#666; font-size:18px; padding:0 15px; }
.newsleft {float:left; width:38%;}
.newsleft .pic {position:relative;}
.newsleft img {width:630px; height:616px;}
.newsleft .wenzi {background:rgba(0,0,0,0.5); color:#fff; font-size:18px; height:122px; width:630px; position:absolute; bottom:0; text-align:left; padding:20px; box-sizing:border-box;}
.newsleft .wenzi a {color:#fff; margin-bottom:5px; display:block;}
.newsleft .wenzi p {font-size:15px; color:#d4d4d4; line-height:28px; padding-right:100px;}
.newsleft .wenzi .more {position:absolute; right:30px; top:30px;}
.newsleft .wenzi .more svg {width:38px;}

.newsright {float:right; width:60%;}
.newsright li {display:block; clear:both; text-align:left; padding:15px; height:auto; overflow:hidden; clear:both; border:#fff 1px solid; box-sizing:border-box; margin-bottom:20px;}
.newsright li img {width:286px; height:160px; float:left; margin-right:20px;}
.newsright li:hover {background:rgba(255,255,255, 0.8);}
.newsright li .tit {font-size:18px; margin-bottom:10px; margin-top:10px;}
.newsright li .tit a {color:#333;}

.newsright li p {color:#888888; line-height:30px;}

/********footer*************/
#footer{overflow:hidden; background:url(../images/footbg.jpg) no-repeat top; background-size:100%; color:#fff; position:relative;}
.footer_1_mid{padding:2.275em 0; background:#e52129; color:#fff; overflow:hidden;}
.footer_1_mid_right{ float:right; font-size:1.025em; color:#fff;border: #fff 1px solid;padding: 7px 20px;}
.footer_1_mid_left { float:left; font-size:1.125em; color:#fff;line-height: 2em;}
.footer_1_mid_left span { float:right; border:#fff 1px solid; width:80px; height:40px; line-height:40px; text-align:center; color:#fff;}

.footer_2_mid_left1{ position:relative; overflow:hidden;float:left; width:20%; text-align:left; color:#5dcfc6; line-height:35px;}
.footer_2_mid_left1 p {color:#fff; margin-bottom: 20px;}
.footer_2_mid_left{ position:relative; overflow:hidden;float:left; width:54%;}
.footer_2_mid_right{ position:relative;float:right; width:26%;}
.footer_2_mid_left ul li{float:left; width:20%;}
.footer_2_mid_left ul li p{font-size:1.125em;}
.footer_2_mid_left ul li p:before {height:2px; background:#0f9370; content:""; position:relative;display: block; top: 40px; left: 47px; width: 35px;}
.footer_2_mid_left_mid{padding-right:1em;}
.footer_2_mid_left_mid dl dd a{color:#fff; font-size:.9375em;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_mid_left_mid dl dd a:hover{color:#ccc;}
.footer_2_mid_left_mid dl dd{margin-top:1em;}
.footer_2_mid_left_mid dl{margin-top:2.5em;}
.footer_2{ margin-bottom:4.375em;margin-top:5.4375em;}
.footer_2_mid_right_mid{ width:69.23076923076923%;position:absolute; right:0; top:0;}
.footer_2_mid_right_mid_1{font-size:1.125em;}
.footer_2_mid_right_mid_2 span{font-size:20px;color:#fff;}
.footer_2_mid_right_mid_2 img {width:150px; margin:10px auto;}
.footer_2_mid_right_mid_2 p {font-size:14px;}
.footer_2_mid_right_mid_3{font-size:2em; color:#0f9370; font-weight:bold; margin-bottom:20px; font-family:Arial, Helvetica, sans-serif;}
.footer_2_mid_right_mid_4{font-size:1.125em;}

.footer_3 ul li{display:inline-block; margin-right:1em;}
.footer_3 ul{border-bottom:1px #60605c solid; padding-bottom:1.5em;}
.footer_4{font-size:16px; color:#efefef;}
.footer_4 a{color:#efefef}
.footer_4_left{float:left;}
.footer_4_right{float:right}
.footer_4_right a{padding:0 10px;}
.footer_4 .indexbanner_jj_mid{ overflow:hidden;padding:15px 0px; line-height:1.8; border-top:#363636 1px solid;}
.footer_4_right a:nth-child(1){padding-left:0; background:none}
/*********brand***********************/
.nybanner{position:relative; height:100vh;}
.mobilebanner{display:none; width:100%;}
.nybanner_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nybanner_mid{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.nybanner_mid_2{font-size:1.25em; margin-top:1em;}
.brand_1_mid ul li{ padding:0 3.28125vw;display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/brand/img2.png);}
.brand_1_mid ul li a{display:inline-block; position:relative; padding:1.25em 0; font-size:1.125em; color:#000;}
.brand_1_mid ul li a:after{ width:0;content:''; position:absolute; left:0; bottom:0; height:2px; background-color:#bba48d;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.brand_1_mid ul li a:hover:after,.brand_1_mid ul li a.on:after{width:100%;}
.brand_1_mid{text-align:center}
.brand_1{border-bottom:1px #d1d1d1 solid;}
.brand_1_mid ul li:nth-child(1){background-image:none}
.brand_2_mid{ margin-top:7.55208333333333vw;position:relative; padding-left:285px; margin-bottom:4.32291666666667vw;}
.brand_2_mid_left{position:absolute; left:0; top:0;}
.brand_2_mid_right{color:#666; line-height:2;}
.brand_3{text-align:center}
.brand_4_mid{ padding-left:40%;position:relative; background-color:#f6f6f6;}
.brand_4_mid_left{position:absolute; left:0; top:0; height:100%; width:40%; overflow:hidden}
.brand_4_mid_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_4_mid_right_mid_1 span{ padding-bottom:.55em;font-size:2.125em; display:block; position:relative;}
.brand_4_mid_right_mid_1 span:after{ width:1.441176470588235em; height:0.1470588235294118em; background-color:#bba48d;content:''; position:absolute; left:0; bottom:0;}
.brand_4_mid_right_mid_2{color:#333; line-height:2; font-size:1.125em; margin-top:2em;}
.brand_4_mid_right_mid{margin:0 20%; padding:5.625vw 0;}
.brand_4{margin-bottom:8.64583333333333vw;}
.brand_5{ padding-bottom:27.44791666666667vw;background-position:center bottom; background-repeat:no-repeat; background-size:cover; overflow:hidden; background-image:url(../images/brand/img6.jpg);}
.brand_5_1{margin:0 auto; max-width:1130px;}
.index_1_2_nf{margin-bottom:0}
.index_1_2_tf{margin-top:0}
.brand_6{padding:5.72916666666667vw 0;}
.brand_7{text-align:center}
.brand_9{ height:35.67708333333333vw;background-image:url(../images/brand/img8.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_10{padding-bottom:6.45833333333333vw;}
.index_1_brand_10{margin-top:3.38541666666667vw;}
.brand_11{overflow:hidden; background-color:#f4f4f4; padding-bottom:4.94791666666667vw;}
.his_2_mid_mid{position:relative;}
.his_2_mid_mid:after{ z-index:10;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
content:''; position:absolute; left:50%; top:50%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img12.png); width:1em; height:1em; background-color:#fff; border-radius:100%;}
.his_2_mid_mid_left{
margin-left:56.89655172413793%; overflow:hidden}
.his_2_mid_mid_right{ top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; width:43.10344827586207%; text-align:right}
.his_2_con{
margin:0 auto; padding:0 1em; max-width:1160px;}
.his_2_mid_mid_left img{width:100%;}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_left{margin-left:auto; margin-right:56.89655172413793%}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_right{left:auto; right:0; text-align:left}
.his_2_mid_mid_right_1 span{ padding-bottom:.4em;font-size:2.929375em; display:inline-block; position:relative;}
.his_2_mid_mid_right_1 span:after{width:1.045444847450395em; content:''; position:absolute; right:0; bottom:0; height:0.1066780456582035em; background-color:#bba48d;}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_right_1 span:after{left:0; right:auto}
.his_2_mid_mid_right_2{font-size:1.125em; line-height:2; margin-top:1em; color:#333;}
.his_2_mid ul li{ overflow:hidden;position:relative; padding:5.13020833333333vw 0;}
.his_2_mid ul li:after{-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);
content:''; position:absolute; height:100%; top:0; width:2px; background-color:#bba48d; left:50%;}
.his_2_mid ul li:nth-child(1):after{height:50%; top:50%;}
.his_2_mid ul li:last-child:after{height:50%; top:auto; bottom:50%;}
.his_2_mid_footer{ margin-top:4vw;text-align:center;margin-bottom:6.04166666666667vw;}
.his_2_mid_footer_1{font-size:1.5em; color:#333; margin-bottom:.875em;}
.hon_mid_mid{position:relative; padding-left:26.64092664092664%;} 
.hon_mid_mid_right{ text-align:center; padding-top:9.89583333333333vw; padding-bottom:7.8125vw;
background-image:url(../images/brand/img13.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;} 
.hon_mid_mid_right_mid_left{ font-family:"宋体";
display:inline-block; border:1px #a1a1a1 solid; width:28px; height:28px; line-height:28px; color:#fff; font-size:24px; cursor:pointer;}
.hon_mid_mid_right_mid_left:hover{background-color:#a1a1a1}

.hon_mid_mid_right_mid_right{ font-family:"宋体";display:inline-block; border:1px #a1a1a1 solid; width:28px; height:28px; line-height:28px; color:#fff; font-size:24px; cursor:pointer;}
.hon_mid_mid_right_mid_right:hover{background-color:#a1a1a1}
.hon_mid_mid_right_mid_footer{margin-top:2em;}

.hon_mid_mid_right .swiper-slide {text-align: center;
       

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  transition: 300ms;
	  transform: scale(0.8);
    }
.hon_mid_mid_right .swiper-slide-active,.hon_mid_mid_right .swiper-slide-duplicate-active{transform: scale(1);}
.hon_mid_mid_left{ overflow:hidden; position:absolute; left:0; top:0; height:100%; background-color:#f6f6f6; width:25.0965250965251%;}
.hon_mid_mid_left_mid{ overflow:hidden;overflow-y:auto;position:relative; width:100%; height:100%;}
.hon_mid_mid_left_mid_jj{margin:1.5em 1.5em;}
.hon_mid_mid_left_mid_jj_1{font-size:1.25em; border-bottom:1px #d8d8d8 solid; padding-bottom:.875em;}
.hon_mid_mid_left_mid_jj_2 p{ cursor:pointer;color:#333; line-height:1.6; margin-top:.5em;}
.hon_mid_mid_left_mid_jj_2{margin-top:1.5em;}
.hon_mid_mid_left_mid_jj_2 p:hover,.hon_mid_mid_left_mid_jj_2 p.on{color:#a88b6e;}
.hon_mid{padding-bottom:8.07291666666667vw;}
.news_1_mid_1 ul li{ margin-right:3.2046332046332%; position:relative;
float:left; width:31.1969111969112%; padding-bottom:1.5em; margin-top:3.125em; border-bottom:1px #dfdfdf solid;}
.news_1_mid_1 ul li:nth-child(3n){margin-right:0}
.news_1_mid_1_1{overflow:hidden}
.news_1_mid_1_1 img{width:100%;}
.news_1_mid_1_2{font-size:1.25em; color:#000; margin-top:1.25em;}
.news_1_mid_1_3{ line-height:3.2em;color:#666; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; margin-top:5px; margin-bottom:1em;}
.news_1_mid_1_4{
font-family:Arial, Helvetica, sans-serif; font-size:.875em; color:#666;}
.news_1_mid_1_4 span{
display:inline-block; padding:0 9px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/brand/img19.png);}
.news_1_mid_1_4 span:nth-child(1){
padding-left:0; background-image:none}
.news_1_mid_1 ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:1px; background-color:#000; width:0;}
.news_1_mid_1 ul li:hover:after{
width:100%;}
.brand_news_info_1{ padding:1.375em 0;
border-bottom:1px #d1d1d1 solid; overflow:hidden;}
.brand_news_info_1_mid_left{
float:left; font-size:1.125em;}
.brand_news_info_1_mid_left span{
color:#a7896b;}
.brand_news_info_1_mid_right{
float:right; font-size:1.125em;}
.brand_news_info_1_mid_right a{
display:inline-block; position:relative; padding-left:1.2em;}
.brand_news_info_1_mid_right a:before{
content:''; position:absolute; left:0; width:0.8333333333333333em; height:0.8333333333333333em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/brand/img20.png); top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);}
.brand_news_info_2_1{
text-align:center; margin-top:4em; margin-bottom:.6em; font-size:2.25em;}
.brand_news_info_2_2{
text-align:center; font-family:Arial, Helvetica, sans-serif; color:#666;}
.brand_news_info_2_2 span{
padding:0 7px;}

.brand_news_info_2_3{ padding-top:2.5em; margin-top:2.5em;border-top:1px #c5c5c5 dashed; line-height:1.6; margin-bottom:2.5em;}
.brand_news_info_2_4{ margin-bottom:6.77083333333333vw;border:1px #cecece solid; overflow:hidden;}
.brand_news_info_2_4 ul li{float:left; width:50%;}
.brand_news_info_2_4 ul li a{display:block; padding:.875em 1em;}
.brand_news_info_2_4 ul li:nth-child(2){float:right; text-align:right}
.brand_news_info_2_4 ul li a:hover{background-color:#b79b80; color:#fff;}
.video_1_mid{ overflow:hidden;position:relative;}
.video_1_mid img{width:100%;}
.video_1_mid span{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); background-image:url(../images/brand/img22.png);
position:absolute; z-index:10; left:50%; top:50%; display:block; width:5em; height:5em; background-position:center; background-repeat:no-repeat; background-size:cover;}
.video_1{margin-top:5.88541666666667vw;}
.video_2_mid ul li{display:inline-block; margin:0 1em;}
.video_2_mid ul li a{display:inline-block; position:relative; padding-left:32px; font-size:18px;}
.video_2_mid{text-align:center}
.video_2_mid ul li a span{-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%);
position:absolute; left:0; top:50%; height:100%; width:32px;}
.video_2_mid ul li a span img{
position:absolute; left:0; top:50%;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.video_2_mid ul li a span img:nth-child(1){
  opacity:0;}
.video_2{padding:3.75em 0;}
.video_2_mid ul li:nth-child(2) a{padding-left:0; width:65px; text-indent:-9999em;}
.video_2_mid ul li:nth-child(2) a span{width:65px;}
.video_2_mid ul li a:hover span img:nth-child(1),.video_2_mid ul li a.on span img:nth-child(1){opacity:1;}
.video_2_mid ul li a:hover span img:nth-child(2),.video_2_mid ul li a.on span img:nth-child(2){opacity:0;}
.video_2_mid ul li a.on{color:#c0aa95;}
.video_3_mid ul li{ margin-right:3.2046332046332%; position:relative;float:left; width:31.1969111969112%; margin-bottom:3em;}
.video_3_mid ul li:nth-child(3n){margin-right:0}
.video_3_mid ul li img{width:100%;}
.video_3_mid ul li span{-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); 
position:absolute; left:50%; top:50%; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; width:3.4375em; height:3.4375em; background-image:url(../images/brand/img22.png);}
.video_3_mid_2{font-size:1.25em; margin-top:1em;}
.video_3_mid_1{overflow:hidden; position:relative}
.video_3_mid_1 img{width:100%;}
/******case********************/
.indexbanner_jj_mid_link a{ width:170px; height:50px; line-height:50px; text-align:center;
display:inline-block; border:1px #bcbebe solid; color:#fff; position:relative}
.indexbanner_jj_mid_link a span{
position:relative; z-index:10;}
.indexbanner_jj_mid_link a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:0; height:100%; width:0; background-color:#000;}
.indexbanner_jj_mid_link a:hover:after{
width:100%;}
.indexbanner_jj_mid_link a:hover{
border-color:#000;}
.indexbanner_jj_mid_link{
margin-top:38px;}
.cases_1_mid ul li{ margin-right:3.2046332046332%; position:relative; border-bottom:1px #ececec solid; padding-bottom:1.5em;
float:left; width:31.1969111969112%; margin-bottom:3.5em;}
.cases_1_mid ul li:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:#000;}
.cases_1_mid ul li:hover:after{width:100%;}
.cases_1_mid ul li:nth-child(3n){margin-right:0}
.cases_1_mid_1{overflow:hidden}
.cases_1_mid_1 img{width:100%;}
.cases_1_mid_2_1{ margin-top:1.375em;
font-size:1.25em; color:#000;}
.cases_1_mid_2_2{
color:#666; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word; margin-top:4px; margin-bottom:1.875em;
word-break:break-all; overflow:hidden;}
.cases_1_mid_2_3{color:#666;}
.cases_1_mid_2_3 label{font-family:"宋体"}
.cases_1{padding-top:5.46875vw;}
.index_4_more_cases{margin-top:1em;}
.caseinfo_banner{position:relative; height:100%;  }
.brandlogo{ z-index:10;position:absolute; left:0; bottom:2.8125vw;}
.case_info_1_1{text-align:center; margin-top:6em;}
.case_info_1_1 span{ padding-bottom:.6em;display:inline-block; position:relative; font-size:2.875em;}
.case_info_1_1 span:after{
content:''; position:absolute; bottom:0; width:1.739130434782609em; height:0.0869565217391304em; background-color:#bba48d; left:50%;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%); }
.case_info_1_2{ text-align:center; 
margin:0 auto; max-width:880px; color:#333333; font-size:1.1em; line-height:1.8;margin-top:1.875em; margin-bottom:3em;}
/********design***************/
.nybanner .indexbanner_jj_mid_1,.nybanner .indexbanner_jj_mid_2{
text-align:left}
.de_1{text-align:center}
.de_2{text-align:center; line-height:1.8; font-size:1.125em; color:#333; margin-top:5.20833333333333vw;}
.de_3{ padding-top:15.9375vw; padding-bottom:13.02083333333333vw; margin-top:6.51041666666667vw;
background-image:url(../images/design/img3.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.de_3_mid{text-align:center; font-size:1.125em; color:#fff; line-height:2; margin:0 auto; max-width:860px;}
.de_3_mid_la{margin-top:4.89583333333333vw; margin-bottom:4.89583333333333vw;}
.de_team_1_mid ul li{
float:left; width:48.57142857142857%; margin-top:5em;}
.de_team_1_mid ul li:nth-child(1),.de_team_1_mid ul li:nth-child(2){
margin-top:0}
.de_team_1_mid ul li:nth-child(2n){float:right}
.de_team_1_mid_1{overflow:hidden;}
.de_team_1_mid_1 img{width:100%;}
.de_team_1_mid_2_1{font-size:2em; color:#333; margin-top:1.5em;}
.de_team_1_mid_2_2{color:#666; font-size:1.1875em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;  
word-break:break-all; overflow:hidden; margin-top:1em; min-height:5.4em;}
.de_team_2_1 ul li{float:left; width:48.49420849420849%;}
.de_team_2_1 ul li:nth-child(2n){float:right}
.de_team_2_2 ul li{ margin-right:3.16602316602317%;float:left; width:22.62548262548263%; margin-top:2em;}
.de_team_2_2 ul li:nth-child(4n){margin-right:0}
.de_team_1_mid_2_1_small{font-size:1.5em;}
.de_team_1_mid_2_2_small{min-height:3.6em;}
.de_team_2_2{margin-bottom:5em;}
.d_h_1_mid{position:relative; padding-left:46.33204633204633%;}
.d_h_1_mid_left{ overflow:hidden;position:absolute; left:0; top:0; height:100%; width:42.93436293436293%;}
.d_h_1_mid_left_bg{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.d_h_1_mid_right_1{overflow:hidden}
.d_h_1_mid_right_1 img{width:100%;}
.d_h_1_mid_right_2 dl dd{ overflow:hidden; margin-top:2.8125vw;
float:left; width:47.06723891273247%;}
.d_h_1_mid_right_2 dl dd:nth-child(2){float:right}
.d_h_1_mid_right_2 dl dd img{width:100%;}
.d_h_1 ul li{margin-bottom:2.8125vw;}
.d_h_1 ul li:last-child{margin-bottom:0}
.banner_img_mo{display:none}
.ser_1 ul li{ margin-right:3.06306306306306%;
float:left; width:22.7027027027027%;}
.ser_1 ul li:nth-child(4n){margin-right:0}
.ser_1_1{overflow:hidden}
.ser_1_1 img{width:100%;}
.ser_1_2{ margin-top:.75em;font-size:1.1875em; letter-spacing:.2em;}
.ser_2 ul li{ overflow:hidden; color:#fff; text-align:center; padding-top:14vw; padding-bottom:16.40625vw;
float:left; width:50%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_2 ul li:nth-child(1){background-image:url(../images/service/img5.jpg);}
.ser_2 ul li:nth-child(2){background-image:url(../images/service/img6.jpg);}
.ser_2_mid{margin:0 23.95833333333333%;}
.ser_2_mid_1 span{ padding-bottom:.4em;
display:inline-block; position:relative; font-size:2.25em;}
.ser_2_mid_1 span:after{ content:''; position:absolute; left:50%; bottom:0;
width:1.361111111111111em; height:2px; background-color:#fff;-webkit-transform:translate(-50%, -0%);-ms-transform:translate(-50%, -0%);transform:translate(-50%, -0%);}
.ser_2_mid_2{
font-size:1.125em; line-height:2; margin-top:1.5em; min-height:8em;}
.ser_3{
text-align:center}
.ser_3_1{ margin-bottom:1.5em; letter-spacing:.15em;
font-size:1.125em; line-height:1.6;}
.vqr{
display:inline-block; border:1px #cccccc solid; width:160px; height:36px; line-height:36px;}
.vqr label{
font-family:"宋体"; padding-left:10px;}
.vqr:hover{
background-color:#000; color:#fff; border-color:#000;}
.ser_3{
margin:6.51041666666667vw 0;}
.qrmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;background-color:rgba(0, 0, 0, 0.84); text-align:center;}
.qrmask_mid_1{
color:#fff; font-size:1.5em; margin-top:1em; margin-bottom:.75em;}
.ovh{
overflow:hidden}
.ser_4{
text-align:center}
.ser_5{ overflow:hidden; padding-top:22.29166666666667vw; padding-bottom:11.61458333333333vw;
background-image:url(../images/service/img10.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.ser_5_mid ul li{ padding-left:2em; margin-top:.5em;
position:relative; font-size:1.125em;}
.ser_5_mid ul li:before{ font-size:2em;
content:'◆'; position:absolute; left:0; top:-12px;}
.ser_6_1{
text-align:center; overflow:hidden}
.ser_6_1 img{
width:100%;}
.ser_6_2{
text-align:center; font-size:1.125em; line-height:2; margin:5em 0;}
.pro_1_mid{ min-height:640px;
position:relative; padding-left:314px;}
.pro_1_mid_right_1 ul li{ margin-bottom:2em;
float:left; width:47.64826175869121%;}
.pro_1_mid_right_1 ul li:nth-child(2n){
float:right}
.pro_1_mid_right_1_1{
overflow:hidden}
.pro_1_mid_right_1_1 img{
width:100%;}
.pro_1_mid_right_1_2_1{ margin-bottom:5px; margin-top:1.6em;
font-size:1.25em; color:#000;}
.pro_1_mid_right_1_2_2{
color:#666; line-height:1.6; height:3.2em;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; }
.pro_1{
margin-top:5.41666666666667vw;}
.pro_1_mid_left{
position:absolute; left:0; top:0; width:265px;}
.pro_1_mid_left_1{
background-color:#f6f6f6; position:relative; padding:7px 10px;}
.kd{
border:none; width:100%; background:none; color:#a5a5a5;}
.kdbtn{ z-index:10; cursor:pointer; width:42px;
position:absolute; right:0; top:0; height:100%; border:none; background:none; background-image:url(../images/product/img2.png); background-position:center; background-repeat:no-repeat;}
.pro_1_mid_left_2_mid{
margin:0 10px;
}
.pro_1_mid_left_2{ overflow:hidden;background-color:#f6f6f6; padding-top:10px; margin-top:1em;}
.pro_1_mid_left_2_mid_1_left{color:#333;}
.pro_1_mid_left_2_mid_1{position:relative; border-bottom:1px #cccccc solid; padding-bottom:10px;}
.pro_1_mid_left_2_mid_2 ul li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color:#666;}
.pro_1_mid_left_2_mid_2 ul li{margin-top:.75em;}
.pro_1_mid_left_2_mid_2{margin-top:1em; margin-bottom:3em;}
.pro_1_mid_left_2_mid_2 ul li a:hover,.pro_1_mid_left_2_mid_2 ul li a.on{color:#333;}
.pro_info_2_mid_left{float:left; width:56.67953667953668%;}
.pro_info_2_mid_left_1{overflow:hidden}
.pro_info_2_mid_left_1 img{width:100%;}
.pro_info_2_mid_left_2{margin-top:1.5em;}
.pro_info_2_mid_left_2_pl{display:block; position:relative; padding-top:1em; padding-bottom:1em;  }
.pro_info_2_mid_left_2_pl:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; width:0; height:4px; background-color:#bba48d;}
.pro_info_2_mid_left_2_pl.on:after{width:100%;}
.pro_info_2_mid_right{float:right; width:39%;}
.pro_info_2_mid_right_1_1 span{ padding-bottom:.4em;font-size:2.25em; display:inline-block; position:relative}
.pro_info_2_mid_right_1_1 span:after{
content:''; position:absolute; left:0; bottom:0; width:1.361111111111111em; height:0.1388888888888889em; background-color:#bba48d;}
.pro_info_2_mid_right_1 ul li{
border-top:2px #cccccc solid; padding:2em 0;}
.pro_info_2_mid_right_1_2{ color:#666; font-size:0.875em;word-wrap:break-word;
word-break:break-all; 
position:relative; padding-left:4.210526315789474em; line-height:1.8;}
.pro_info_2_mid_right_1_2 span{ color:#333;
position:absolute; left:0; top:-0.2em; font-size:1.315789473684211em; font-weight: bold; letter-spacing: 0.3em;}
.pro_info_2_mid_right_1 ul li:nth-child(1){ border:none;
padding-top:0 margin-bottom: 3.0em;}
.pro_info_2_mid_right_1_3 dl dd{
display:inline-block; width:3.3125em; height:3.3125em; margin-right:.5em; }
.pro_info_2_mid_right_1 ul li:last-child{border:none; padding-top:0}
 
.pro_info_2_mid_right_2 .ser_3_2 a{text-align:center}
.pro_info_3_1_mid{overflow:hidden}
.pro_info_3_1_mid img{width:100%;}
.pro_info_3{margin-top:5.72916666666667vw;}
.pro_info_3_2{font-size:1.125em; line-height:2; margin:5em 0;}
.pro_info_4 img{width:100%;}
.pro_info_4_mid ul li{ margin-right:2%;
float:left; width:32%; margin-bottom:1em;}
.pro_info_4_mid ul li:nth-child(3n){margin-right:0}
.pro_info_4_mid_1{overflow:hidden;}
.pro_info_4_mid_1 img{width:100%;}
.pro_info_4_mid_3{font-size:.875em; font-family:Arial, Helvetica, sans-serif; line-height:1.6;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 10;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; overflow:hidden; /*height:3.2em;*/}
.pro_info_4_mid_2{margin-top:1.5em; margin-bottom:8px;}
.pro_info_4_mid_jj{overflow:hidden; min-height:11em; font-size: 0.9375em;line-height: 1.7em;}
.pro_info_4{ margin-bottom:5vw;margin-top:7.8125vw;}
.pro_info_2_mid_left_2_left{ background-color:rgba(0, 0, 0, 0.67); cursor:pointer; z-index:100; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);
position:absolute; left:15px; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; font-family:"宋体"; border-radius:100%; border:1px rgba(255, 255, 255, 0.5) solid;}
.pro_info_2_mid_left_2_right{background-color:rgba(0, 0, 0, 0.67); cursor:pointer; z-index:100; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);
position:absolute; right:15px; width:20px; height:20px; text-align:center; line-height:20px; color:#fff; font-family:"宋体"; border-radius:100%; border:1px rgba(255, 255, 255, 0.5) solid;}
.pro_info_2_mid_left_2_right.swiper-button-disabled,.pro_info_2_mid_left_2_left.swiper-button-disabled{
display:none}
.pro_info_2_mid_left_2_right:hover,.pro_info_2_mid_left_2_left:hover{
background-color:#bba48d}
.spa_1_1 ul li{ margin-right:2.97297297297297%;
float:left; width:31.35135135135135%; margin-bottom:3em;}
.spa_1_1 ul li:nth-child(3n){
margin-right:0}
.spa_1_1_1{overflow:hidden}
.spa_1_1_1 img{width:100%;}
.spa_1_1_2{font-size:1.125em; margin-top:1em;}
.spa_2{background-color:#f5f3f3; overflow:hidden; padding-bottom:7.8125vw;}
#indexvideo{transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; 
position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; overflow:hidden;}
#indexvideo.hh{top:-100%;}

/**********top**********/
body.cur #header{background-color:#fff;}
.vc.header_mid_left a{display:block; position:relative}
.vc.header_mid_left a:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; opacity:0; display:none;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/header/logob.svg);}
.vc.header_mid_left a img:nth-child(2){display:none}
body.cur .vc.header_mid_left a img:nth-child(2){display:block}
body.cur .vc.header_mid_left a img:nth-child(1){display:none}
body.cur .header_mid_right ul li a,body.cur .header_rr_right a{color:#000;}

body.cur #header {border:none;}
body.cur .header_rr_left {height:90px;}
body.cur .header_rr_left a { line-height:120px;}
body.cur .header_rr_right p {color:#333;}
body.cur .header_rr_right img {border:#efefef 1px solid;}
body.cur .header_rr_left a{background:url(../images/img1b.png) no-repeat 40px 18px;}
body.cur #header{box-shadow: 0 0 8px 0 rgba(0,0,0,0.10);padding:2em 0;}
/******************/
#header.white .header_mid_right ul li a,#header.white .header_rr_right a{
color:#fff;}
#header.white .vc.header_mid_left a img:nth-child(2){
display:none}
#header.white .header_rr_left a{
background-image:url(../images/search.png);}

#header.black .header_mid_right ul li a,#header.black .header_rr_right a{
color:#000;}
#header.black .vc.header_mid_left a img:nth-child(2){
display:block}
#header.black .vc.header_mid_left a img:nth-child(1){
display:none}
#header.black .header_rr_left a{
background-image:url(../images/header/img1b.png);}

body.cur #header.white .header_mid_right ul li a,body.cur #header.white .header_rr_right a{
color:#000;}
body.cur #header.white .vc.header_mid_left a img:nth-child(2){
display:block}
body.cur #header.white .vc.header_mid_left a img:nth-child(1){
display:none}
body.cur #header.white .header_rr_left a{
background-image:url(../images/img1b.png);}
 
/***********************/
.nav-btn-box{-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(0%, -50%);
position:absolute; right:0; top:50%; z-index:10; display:none}
.nav-btn{  
		display: block;
		position: relative;
		width: 1.5rem;
		height: 1rem;
		padding: 0;
		margin-top: 0rem; 
	}
	.nav-btn .line {
	    width: 100%;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    background-color: #e62129;
	    transition: all .2s;
	    transform-origin: center;
	}
	.nav-btn .line1 {
	    top: 0;
	}
	.nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	.nav-btn .line3 {
	    bottom: 0;
	}
	.nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	.nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	.nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
.m-nav{ display:none;
		position: fixed;
		top: 77px;
		height:calc(100vh - 77px);
		width: 100%;
		z-index: 50;
		box-sizing: border-box;
		padding: 0 4.17%;
		background-color: rgba(217,12,12,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li:last-child{
		border-bottom: none;
	}
	.m-nav li .tit{
		display: block;
		font-size: 1em;;
		padding: 1em 0em;
		color: #fff;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 0;
		width: 16px;
	    height: 16px;
	    margin-top: -8px;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url(../images/m-nav-jia.png);
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before,
	.m-nav li:last-child .tit:before{
		display: none;
	}
	.m-nav li.on .tit:before{transform: rotate(45deg);}
	.m-nav li .navson{padding-bottom: .3rem;display: none;}
	.m-nav li .navson a{
		display: block;
		font-size: .9375em;
		line-height: 2;
		padding: 0 1em;
		color: #fff;
	}

	.f-right{display: none;}
	.f-nav{margin-right: 0;}


@media screen and (max-width:1600px) {
.pro_info_2_mid_right_1 ul li{padding:2.275em 0;}
.pro_info_2_mid_right_1_1 span{font-size:1.875em; }
.pro_info_2_mid_right_1_2 span{font-size:1.425em; }
.pro_info_2_mid_right_1_2{font-size:0.875em;}
.ser_2_mid_1 span{font-size:2em;}
.ser_2_mid_2{font-size:1em;}
.ser_2_mid{margin:0 18%;}
.de_team_1_mid_2{font-size:.875em;}
.case_info_1_1 span{font-size:2.5em;}
.indexbanner_jj_mid_link a{ width:160px; height:42px; line-height:42px;  }
.brand_news_info_2_1{font-size:2em;}
.brand_4_mid_right_mid_2{font-size:1em;}
.brand_4_mid_right_mid_1 span{font-size:1.875em;}
.indexbanner_jj_mid_1{font-size:3em;}
.index_1_1{font-size:2.375em;}
.index_1_2{font-size:1.125em;}
.indexbanner_jj_mid{margin-left:8.33333333333333%;margin-right:8.33333333333333%}

}
@media screen and (max-width:1200px) {
	.header_mid{margin:0 1em;}
	.footer_4_left,.footer_4_right{width:100%; text-align:center;}
}
@media screen and (max-width:1024px) {
	#header.black .vc.header_mid_left a img:nth-child(2),#header.white .vc.header_mid_left a img:nth-child(2) {
	display:block}
	
	#header.black .vc.header_mid_left a img:nth-child(1),#header.white .vc.header_mid_left a img:nth-child(1) {
	display:none}
	
	#main{margin-top:77px;}
	#header,body.cur #header{ padding:1.5em 0;background-color:#fff;}
	.header_mid_right,.header_rr{display:none}
	.header_mid{height:29px;}
	.vc.header_mid_left a img:nth-child(2){display:block}
	.vc.header_mid_left a img:nth-child(1){display:none}
	/*****************/
	.indexbanner_jj_mid_1{font-size:2em;}
	.indexbanner_jj_mid_2{font-size:1em;}
	.index_1_1{font-size:2em;}
	.index_1_2{font-size:1em;}
	.index_7_mid_2_3{font-size:.9375em;}
	.index_7_mid_2_1{font-size:1.5em;}
	.nav-btn-box{display:block}
	.brand_4_mid_right_mid{margin-left:2em; margin-right:1em;}
	.brand_4_mid_right_mid_1 span{font-size:1.375em;}
	.his_2_mid_mid_right_2{font-size:1em;}
	.his_2_mid_mid_right_1 span{font-size:1.875em;}
	.news_1_mid_1_3{font-size:.875em;}
	.news_1_mid_1_2{font-size:1em;}
	.brand_news_info_2_2{font-size:.875em;}
	.brand_news_info_2_1{font-size:1.5em; margin-top:3em;}
	.video_3_mid_2{font-size:1em;}
	.case_info_1_2{font-size:1em;}
	.case_info_1_1 span{font-size:1.5em;}
	.de_2,.de_3_mid,.de_team_1_mid_2_2{font-size:1em;}
	.de_team_1_mid_2_1{font-size:1.125em;}
	.ser_1_2{font-size:1em;}
	.ser_2_mid_1 span{font-size:1.5em;}
	.ser_3_1,.ser_5_mid ul li{font-size:1em;}
	.ser_6_2{font-size:1em;}
	.pro_info_2_mid_right_1_1 span{font-size:1.25em;}
	.pro_info_2_mid_right_1_2{font-size:.9375em;}
	.pro_info_2_mid_right_1 ul li{padding:1em 0;}
	.pro_info_3_2{font-size:1em; margin:2.5em 0;}
	.spa_1_1_2,.index_2_mid_2{font-size:1em;}
}
.div810img{display:none}
.div810img img{width:100%;}
@media screen and (max-width:810px) {
.pro_info_2_mid_left{width:100%;}
.pro_info_2_mid_right{width:100%; margin-top:1.5em;}
.de_team_2_2 ul li{width:32%; margin-right:2%;}
.de_team_2_2 ul li:nth-child(3n){margin-right:0}
.de_team_2_2 ul li:nth-child(4n){margin-right:2%;}
.case_info_1_1{margin-top:2.5em;}
.nybanner{height:auto}
.nybanner_bg{display:none}
.mobilebanner{display:block}
.brand_news_info_1_mid_left,.brand_news_info_1_mid_right{font-size:1em;}
.hon_mid_mid{padding-left:0}
.hon_mid_mid_left{display:none}
	.his_2_mid_mid_left{float:right; margin-left:0; width:43.10344827586207%;}
	.his_2_mid_mid_right{float:left;-webkit-transform: translate(0%, -0%);-ms-transform: translate(0%, -0%);transform: translate(0%, -0%); position:relative}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_left{margin-right:auto; float:left}
.his_2_mid ul li:nth-child(2n) .his_2_mid_mid_right{float:right}
.his_2_mid_mid{overflow:hidden}
	.nybanner_mid_2{font-size:1em;}
	.nybanner_mid_1 img{height:60px;}
	
	
	#footer{padding-top:2em;}
	.footer_2,.footer_3{display:none}
	.footer_4 .indexbanner_jj_mid{line-height:1.8;}
	.div810img{display:block}
	.swiper-container-team_img{display:none}
	.index_1_1{font-size:1.5em;}
	.index_7_mid_2_1{font-size:1.25em;}
	.banner_img_pc{display:none}
	.banner_img_mo{display:block}
	.banner_img{height:auto}
	.indexbanner_jj_mid{margin-left:1em; margin-right:1em;}
	.indexbanner_jj_mid_1{font-size:1.5em;}
	.index_2_mid_left{left:-3em}
	.index_2_mid_right{right:-3em}
	.index_2_mid{margin-left:3em; margin-right:3em;}
	.index_2_mid_1_mask span{font-size:1em;}
	.pro_1_mid_right_1_2_2{font-size:.9375em;}
	.pro_1_mid_right_1_2_1{font-size:1.125em;}
	.pro_1_mid_left{ margin-bottom:1.5em;position:static; width:100%;}
	.pro_1_mid{padding-left:0}
}
.brand_1_mid select{padding-bottom:1em; padding-top:1em; display:none; border:none; background:none; width:100%;}
@media screen and (max-width:640px) {
.index_4_mid ul li{
width:20%;}
.index_4_mid_mid{
height:80px;}
#indexvideo{
display:none}
.spa_1_1 ul li{
width:49%; margin-right:0}
.spa_1_1 ul li:nth-child(2n){
float:right}
.pro_info_4_mid ul li{
width:49%; margin-right:0}
.pro_info_4_mid ul li:nth-child(2n){
float:right}
.pro_1_mid_left_2{
display:none}
.ser_6_2{
margin:2.5em 0;}
.ser_2_mid_1 span{
font-size:1.25em;}
.qrmask_mid img{
max-width:70%;}
.qrmask_mid_1{
font-size:1em;}
.ser_2_mid{
margin-left:1em; margin-right:1em;}
.ser_2 ul li{
width:100%;}
.ser_1 ul li{
width:49%; margin-bottom:1em; margin-right:0}
.ser_1 ul li:nth-child(2n){
float:right}
.indexbanner_jj_mid_link{
margin-top:20px;}
 .indexbanner_jj_mid_link a {
  width: 120px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.cases_1_mid ul li{
width:49%; margin-right:0}
.cases_1_mid ul li:nth-child(2n){
float:right}
.video_3_mid ul li{
width:49%; margin-right:0}
.video_3_mid ul li:nth-child(2n){
float:right}
.brand_news_info_2_4 ul li{
width:100%;}
.brand_news_info_2_4 ul li:nth-child(2){
text-align:left}
.brand_news_info_2_1{
font-size:1.25em;}
.news_1_mid_1 ul li{
margin-top:2em; width:49%; margin-right:0}
.news_1_mid_1 ul li:nth-child(2n){
margin-right:0; float:right}
.his_2_mid_mid:after{
font-size:.875em;}
.his_2_mid_footer_1{
font-size:1.25em;}
.brand_4_mid_right_mid_1 span{
font-size:1.25em;}
.brand_4_mid_right_mid{
margin-left:1em; margin-right:1em;}
.brand_4_mid{
padding-left:0;}
.brand_4_mid_left{
position:relative; width:100%; height:45vw;}
.brand_1_mid ul{
display:none}
.brand_1_mid select{
display:block}
.brand_2_mid{
padding-left:0;}
.brand_2_mid_left{
position:static; margin-bottom:1.5em;}
}
@media screen and (max-width:480px) {
.index_4_mid ul li{
width:25%;}
.index_4_mid_mid{
height:68px;}
.pro_info_2_mid_right_1_1 span{
font-size:1.125em;}
.pro_info_4_mid ul li{
width:100%;}
.pro_info_4_mid_jj{min-height:inherit}
.ser_3_1 p,.ser_6_2 p{display:inline;}
.de_team_2_1 ul li{width:100%; margin-bottom:1.5em;}
.de_team_2_1 ul li:last-child{margin-bottom:0}
.de_team_2_2 ul li{width:100%;}
 
.de_team_1_mid_2_2{
min-height:inherit;-webkit-line-clamp:100;}
.de_team_1_mid ul li{width:100%; margin-bottom:1.5em; margin-top:1.5em;}
.cases_1_mid_2_1{font-size:1.125em;}
.case_info_1_1 span{font-size:1.25em;}

.cases_1_mid ul li{width:100%; margin-bottom:2em;}
.video_2{padding:2em 0;}
.video_1_mid span{width:3.4375em; height:3.4375em;}
.video_3_mid ul li{margin-bottom:2em;}
.video_3_mid ul li{width:100%;}
.video_2_mid ul li{margin-left:4px; margin-right:4px;transform: scale(.9, .9);}
.brand_news_info_2_3{margin-top:2em; margin-bottom:2em; padding-top:2em;}
.brand_news_info_2_1{line-height:1.6; margin-top:2em}
.news_1_mid_1 ul li{width:100%;}
.his_2_mid_mid_right_1 span{font-size:1.375em;}
.nybanner_mid_1 img{height:32px;}
.footer_1_mid_right{display:none}
.footer_1_mid_left{text-align:center}
.footer_1_mid_left img{height:24px;}
.index_2_mid_2{font-size:1em;}
.indexbanner_jj_mid_1{font-size:1.25em;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:16px;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.swiper-pagination-bullet{width:6px; height:6px;}
.index_1_1{font-size:1.25em;}
.index_1_2{margin-bottom:2em;}
.index_7_mid ul li{width:100%; margin-right:0; margin-bottom:1em;}
.index_6_mid_1 ul li{width:100%; margin-bottom:1.92708333333333vw}
.index_6_mid_2 ul li{width:100%; margin-right:0}
}

#header.black .header_mid_right ul li a:hover, #header.black .header_rr_right a:hover,#header.white .header_mid_right ul li a:hover, #header.white .header_rr_right a:hover,.header_mid_right ul li a:hover,body.cur .header_mid_right ul li a:hover, body.cur .header_rr_right a:hover{
color:#e62129}
/***********************************************/
.search_mask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; z-index:9999999999999; opacity:.5;}
.searchbox{ display:none;
position:fixed; left:50%; top:50%;  background-color:#fff;z-index:999999999999999999; max-width:60%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.searchbox_mid{
padding:55px;}
.search-close {
  position: absolute;
  z-index: -1;
  display: block;
  right: -1.5rem;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  height: 24px;
  background: url(../images/close2.png) no-repeat center;
    background-size: auto;
  background-size: 24px !important;
  cursor: pointer;
  transition-duration: .5s;
  transform: scale(0);
}
.searchbox_mid_box{ padding-top:10px; padding-bottom:10px; border-bottom:1px #ccc solid;
position:relative; padding-right:60px;}
.searchbox_mid_box_right{ cursor:pointer;
position:absolute; right:0; top:0; height:100%; width:36px; z-index:10;}
.searchbox_mid_box_right input {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  width: 18px;
  height: 18px;
  background: url(../images/ser-black.png) no-repeat center;
  border: none; background-size:cover; cursor:pointer;
  box-sizing: border-box;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)
}
.searchbox_mid_box_left input{border:none; background:none; width:400px;}
@media screen and (max-width:810px) {.searchbox_mid{padding:1em;}
.searchbox{max-width:none; width:90%;}
}

.perspective {
  width: 1300px;
  margin: 0 auto;
  height:auto; overflow:hidden; clear:both;
}

.tab {
  position: absolute;
  width: 308px;
  height: 205px;
  background: pink;
  left: 0;
}
.tab:nth-child(1) {
  top: -5px;
  background: #06D6A0;
}
.tab:nth-child(2) {
  top: 200px;
  background: #1B9AAA;
}
.tab:nth-child(3) {
  top: 143px;
  background: #EF476F;
}

.cube {
  position: relative;
  margin: 60px auto;
  width: 300px;
  height: 200px;
}

.tab-content {
  width: 964px;
  height: 643px;
  position: absolute;
}
.tab-content h1 {
  font-size: 25px;
  margin: 75px 0 10px;
  font-weight: 300;
}
.tab-content p {
  font-size: 12px;
}



.ag7-main{width:1200px;}
.ag7-main .phone-index-banner{display:none}
.ag7-bannerslide{position:relative;}
.ag7-bannerslide .slidebox{position:relative;height:543px; left:272px;}
.ag7-bannerslide .slidebox li{display:block;position:absolute;width:100%;height:100%;left:0;top:0}
.ag7-bannerslide a img{display:block;width:964px;height:543px}
.ag7-bannerslide .slideinfo{width:100%;position:absolute;left:0;bottom:0;z-index:10}
.ag7-bannerslide .slidetitle{width:540px;color:#fff;background:rgba(0,0,0,.2)}
.ag7-bannerslide .slidetitle h2{display:none; font-size:18px;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 15px}
.ag7-bannerslide .slidelist{position:absolute;left:0px;bottom:0;width:257px;height:543px;color:#fff;font-size:14px;}
.ag7-bannerslide .slidelist ul{position:absolute;z-index:10;width:100%;text-align:center}
.ag7-bannerslide .slidelist ul li{width:100%;line-height:36px;margin:0px 0 15px;cursor:pointer}
.ag7-bannerslide .slidelist .mask{width:70px;height:36px;position:absolute;left:-10px;top:5px;background:url(../image/mask_03.png) no-repeat center center;display:block}


.ljnybanner{position:relative}
.ljnybanner_info{ width:1440px; margin:0px auto; font-weight:bold; position:absolute; left:0; right:0; top:0; height:100%; z-index:10; color:#fff;}
.ljnybanner_info_1{font-size:40px; padding-bottom:.3em;}
.ljnybanner_info_2{font-size:24px; font-weight:normal; position:relative;}

.brand_top {width:1400px; margin:0px auto; margin-top:-50px; height:100px; background:#109371;position: relative; z-index: 7;}
.brand_top li {float:left; width:25%; line-height:100px; text-align:center; border-left:#80b6a8 1px solid; box-sizing:border-box;}
.brand_top li:first-child {border:none;}
.brand_top li a {font-size:18px; display:block; color:#fff;}
.brand_top li a:hover { background:#006d51;}
.brand_top li a.on { background:#006d51;}
.brand_top li img {width:30px; margin-right:10px;}

.lj_brand_top_mid ul.w4 li{
width:25%;}
.brand_top ul.w5 li{
width:20%;}


.index_5 .tit { font-size:40px; font-weight:bold; text-align:center; margin-bottom:40px;}
.index_5 .tit:after {width:40px; height:2px; background:#109371; margin:20px auto; content:""; display:block; position:relative;}

.w1400 {width:1400px; margin:0px auto; height:auto; clear:both;}
.about {padding:80px 0;}
.about .tit { font-size:40px; font-weight:bold; text-align:center;}
.about .tit:after {width:40px; height:2px; background:#109371; margin:20px auto; content:""; display:block; position:relative;}
.about .text {line-height:36px; font-size:16px; color:#333;}


.gshj {background:#f6f6f6; padding:80px 0; height:auto; overflow:hidden;}
.gshj .tit { font-size:40px; font-weight:bold; text-align:center;}
.gshj .tit:after {width:40px; height:2px; background:#109371; margin:20px auto; content:""; display:block; position:relative;}
.gshj li {float:left; width:453px; background:#dfece8; margin-bottom:20px; padding:10px; text-align:center; margin-right:20px;}
.gshj li img {width:100%;}
.gshj li img:hover {opacity:0.8}
.gshj li p {font-size:16px; font-weight:bold;padding:10px 0;}
.gshj li:nth-child(3n) {margin-right:0;}



.gsry {background:#fff; padding:80px 0; height:auto; overflow:hidden;}
.gsry .tit { font-size:40px; font-weight:bold; text-align:center;}
.gsry .tit:after {width:40px; height:2px; background:#109371; margin:20px auto; content:""; display:block; position:relative;}
.gsry li {float:left; width:333px; border:#efefef 1px solid; margin-bottom:20px; text-align:center; margin-right:20px;}
.gsry li img {width:100%;}
.gsry li img:hover {opacity:0.8}
.gsry li p {font-size:16px; font-weight:bold;padding:10px 0;}
.gsry li:nth-child(4n) {margin-right:0;}

.ztit {color:#333333; margin-bottom:50px; font-weight:bold; font-size:40px; text-align:center; margin-top:80px;}
.ztit:after {width:40px; height:2px; background:#109371; margin:20px auto; content:""; position:relative; display:block;}

.products {width:1400px; margin:50px auto; display:block; clear:both; height:auto; overflow:hidden;}
.products li {width:430px; float:left; margin-right:55px;}
.products li .pic {width:430px; height:530px; overflow:hidden; position:relative;}
.products li .pic .t {position:absolute; bottom:0; left:0; font-size:24px; color:#333; background:rgba(255,255,255,0.7); padding:30px 20px; width:70%;}
.products li:nth-child(3n) {margin-right:0;}
.products li .text {display:block; color:#666; margin:30px 0;}
.products li .more {text-transform:uppercase; margin-bottom:50px;}
.products li .more i {color:#4faf96; font-size:22px; margin-top:10px;transition: all .3s;}
.products li .more:hover i {margin-left:20px;transition: all .3s;}

.prodetail {margin-top:50px; background:#fafafa; display:flex; justify-content:space-between;}
.prodetail .bigpic {width:600px;}
.prodetail .bigpic img {width:100%;}
.prodetail .info {width:800px; padding:80px; box-sizing:border-box;}
.prodetail .info ul {height:auto; overflow:hidden;}
.prodetail .info .t {border-bottom:#dddddd 1px solid; margin-bottom:20px; line-height:80px; font-size:24px; font-weight:normal;}
.prodetail .info .t:after {width:100px; height:2px; background:#109371; content:""; position:relative; display:block;}
.prodetail .info li {width:50%; float:left;color:#999; line-height:45px;}
.prodetail .info li span {color:#666; margin-left:50px;}

.txing {color:#999; border-bottom:#dddddd 1px solid; margin-botom:20px; display:flex; padding-bottom:20px; clear:both; align-items:center; margin-top:40px; height:auto; overflow:hidden;}
.txing .tit { display:inline-block; margin-right:48px;}
.txing em { display:inline-block; margin-right:20px; text-align:center;}
.txing em i {border:#000 1px solid; text-align:center; line-height:60px; color:#000; padding:0px; width:60px; height:60px; font-size:40px; display: block; margin-bottom:10px;}
.txing em p { color:#000;}
.notice {color:#999999; margin-top:20px; margin-bottom:40px;}
.shop {background:#109371; color:#fff; display:flex; padding:10px 10px; width:140px; justify-content:center; align-items:center;}
.shop a {color:#fff;}
.shop i {font-size:24px; float:left; margin-right:5px; margin-top:5px;}


.prointro {width:1400px; margin:0px auto; display:block; clear:both; height:auto; overflow:hidden;}
.prointro .tit {color:#333333; margin-bottom:20px; font-weight:bold; font-size:40px; text-align:left; margin-top:30px;}
.prointro .tit:after {width:40px; height:2px; background:#109371; content:""; margin-top:20px; position:relative; display:block;}

.product2 {background:url(../images/cpbg.jpg) no-repeat center; background-size:cover; padding:100px 0; box-sizing:border-box;}
.product2 ul { display:flex; justify-content:center;}
.product2 li {display:inline-block; width:25%; margin-bottom:20px; text-align:center;}
.product2 li img {width:80px; margin-bottom:20px;}
.product2 li p {font-size:30px; font-weight:bold;}
.product2 li a {font-size:16px; font-weight:normal;}


.related { padding:100px 0; text-align:center; }
.related .tit {color:#333333; margin:0 auto; margin-bottom:40px; font-weight:bold; font-size:40px; margin-top:30px;}
.related .tit:after {width:40px; height:2px; background:#109371; content:""; margin:0 auto; margin-top:20px; position:relative; display:block;}
.related ul { display:flex; justify-content:center;}
.related ul li {border:#dddddd 1px solid; margin-right:40px; text-align:center; padding:10px;}
.related ul li:hover {border:#ccc 1px solid;}
.related ul li:last-child {margin-right:0;}
.related ul li h4 {font-weight:normal; line-height:45px;}


.contact {padding:100px 0; height:auto; overflow:hidden; clear:both; padding-bottom:50px;}
.contact .tit { font-size:40px; font-weight:bold; text-align:center; display:block;}
.contact .tit:after {width:40px; height:2px; background:#109371; margin:20px auto; content:""; display:block; position:relative;}

.contact ul {margin-top:50px;}
.contact li {width:25%; float:left; margin-left:-1px; font-weight:bold; padding:40px 20px; font-size:22px; color:#333; box-sizing:border-box; border:#ccc 1px solid; text-align:center;}
.contact li:first-child {margin-left:0;}
.contact li img {width:40px; margin-right:5px;}
.contact li p {font-size:18px; color:#666; font-weight:normal; margin-top:20px;}

.cases {width:1400px; margin:50px auto; display:block; clear:both; height:auto; overflow:hidden;}
.cases li {width:430px; float:left; margin-right:55px; margin-bottom:55px;}
.cases li .pic {width:430px; height:300px; overflow:hidden; position:relative;}
.cases li .pic .t {position:absolute; bottom:0; left:0; font-size:20px; color:#fff; background:rgba(0,0,0,0.5); padding:16px 20px; width:100%;}
.cases li .pic .t p {font-size:16px; opacity:0.6; margin-top:4px;}
.cases li:nth-child(3n) {margin-right:0;}

.shoplist {display:block; clear:both; padding:80px 0; width:1400px; margin:0 auto;}
.shoplist .tit { font-size:40px; font-weight:bold; text-align:center; display:block; margin-bottom:40px;}
.shoplist .tit:after {width:40px; height:2px; background:#109371; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.shoplist p {text-align:center; font-size:18px; margin-bottom:30px;}
.shoplist li {display:block; margin-bottom:30px; clear:both; height:auto; overflow:hidden; background:#fafafa; padding:20px; box-sizing:border-box;}
.shoplist li .pimg {width:220px; height:160px; float:left; overflow:hidden; margin-right:20px;}
.shoplist li .intro {display:flex; justify-content: space-between; align-items:center;}
.shoplist li .t a {font-size:22px; margin-bottom:20px; display:block; margin-top:20px;}
.shoplist li .t p {font-size:16px; line-height:32px; color:#666; text-align:left; margin-bottom:0;}
.shoplist li .t p img {width:22px;}
.shoplist li .ck {margin-right:20px;}
.shoplist li .ck img {width:50px; margin-right:10px;}


#sjld { position:relative; margin-bottom:40px; margin-top:20px; display:inline-block;}
.m_zlxg{ width:280px; height:60px; line-height:60px; cursor:pointer;float:left; display:inline; border:#efefef 1px solid; box-sizing:border-box; margin-right:20px;background:url(../images/xiala.jpg) no-repeat center right;}
.m_zlxg p{overflow:hidden; line-height:60px; color:#333333; text-align:left; text-indent:20px; font-size:16px; font-family:"微软雅黑";text-overflow:ellipsis; white-space:nowrap;}
.m_zlxg2{ position:absolute; top:60px; border:1px solid #ded3c1;background:#fff; width:280px !important; max-height:324px; -height:324px; overflow-x:hidden; overflow-y:auto;white-space:nowrap; box-sizing:border-box; display:none;}
.m_zlxg2 li{white-space:nowrap; color:#333333; font-size:16px; margin-bottom:0; padding:0 20px;}
.m_zlxg2 li:hover{ color:#7a5a21;}

	
#search {
  align-items: center;
  float:right;
  background: #fafafa;
  display: flex;
  margin-top:20px;
  height:60px; box-sizing:border-box;
  justify-content: space-between;
  transition: all 0.5s;
  width: 490px;
}
#search:hover, #search:focus {background: #fafafa;}
#search button,
#search input {
  background: transparent; text-indent:20px;
  border: 0;
  color: inherit;
  font: inherit;
  outline: 0;
}
#search button {cursor: pointer; text-indent:0px; height:60px; width:90px; background:#279d7e;}
#search button img {width:40px;}
#search input {flex: 1;}
#search input::-moz-placeholder {color: #999;}
#search input:-ms-input-placeholder {color: #999;}
#search input::placeholder {color: #999;}
			
.conform {background:url(../images/formbg.jpg) no-repeat center center;padding:100px 0; margin-top:50px;}
.conform .tit { font-size:40px; font-weight:bold; display:block; margin-bottom:40px;}
.conform .tit:after {width:40px; height:2px; background:#109371; margin-top:20px; content:""; display:block; position:relative;}
.conform .input2 {display:flex; justify-content: space-between;}
.conform .input2 input {width:430px; float:left; margin-bottom:40px; border:none; padding:24px; margin-right:35px; background:rgba(255,255,255,0.9);}
.conform .input2 input:last-child {margin-right:0;}
.conform .input2 textarea {min-height:280px; padding:24px; border:none; width:100%; background:rgba(255,255,255,0.9);}
.yanzheng {margin-top:30px; display:block; clear:both;}
.yanzheng input {width:230px; margin-bottom:40px; float:left; border:none; padding:24px; margin-right:5px; background:rgba(255,255,255,0.9);}
.yanzheng img {height:69px; float:left;}
.theme-btn {background:#109371; padding:20px 80px; border:none; color:#fff; cursor:pointer;}
.theme-btn2 {background:#f6f6f6; padding:20px 80px; border:none; color:#333; margin-left:20px; cursor:pointer;}


.contact2 {padding:40px; height:auto; overflow:hidden; clear:both;}
.contact2 ul {}
.contact2 li {width:33.333%; float:left;font-weight:bold; padding:40px 20px; font-size:28px; color:#333; box-sizing:border-box;text-align:center;}
.contact2 li i {display:block; clear:both; font-size:75px;}
.contact2 li:hover i {color:#109371;}
.contact2 li img {width:40px; margin-right:5px;}
.contact2 li p {font-size:16px; color:#666; font-weight:normal; margin-top:10px;}

/* 防伪查询 */
.fwcx {margin-bottom:80px;}
.fwcx .tit { font-size:40px; font-weight:bold; color:#333; display:block; margin:0 auto; margin-top:50px; margin-bottom:40px; text-align:center;}
.fwcx .tit:after {width:40px; height:2px; background:#109371; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.fwcx p {text-align:center; font-size:20px; color:#333; margin-bottom:100px;}
.fwcx dl {display:flex; align-items:center;}
.fwcx dl dt { padding:0px 50px;}
.fwcx .cp {margin-left:200px; text-align:center;}
.fwcx .jiantou {text-align:center; width:80px;}
.fwcx dl dt em {display:block; clear:both; position:relative; line-height:50px;}
.fwcx dl dt em:after {width:95px; height:1px; background:#dddddd; margin:0 auto; left:-110px; content:""; display:block; position:absolute; margin-top:-23px;}

.fwcx2 {background:url(../images/fw4.jpg) no-repeat center; height:840px; padding:60px 0; box-sizing:border-box; margin-bottom:100px;}
.fwcx2 .tit { font-size:40px; font-weight:bold; color:#333; display:block; margin:0 auto; margin-top:50px; margin-bottom:40px; text-align:center;}
.fwcx2 .tit:after {width:40px; height:2px; background:#109371; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.fwcx2 li {float:left; background:#3da68c; text-align:center; margin-right:40px; width:320px; height:500px; padding:40px; box-sizing:border-box;}
.fwcx2 li:last-child {margin-right:0;}
.fwcx2 li img {border:#61b9a2 4px solid; border-radius:50%; margin:20px auto;}
.fwcx2 li .t {color:#fff; font-weight:bold; text-align:center; font-size:40px; margin-bottom:30px; font-family:arial;}
.fwcx2 li .t p { font-size:24px;}
.fwcx2 li .text { line-height:28px; color:#afd5ca; text-align:center;}
.fwcx2 li:hover {background:#26856d;}

.fwsystem {background:url(../images/fw5.jpg) no-repeat center; height:500px; overflow:hidden; width:1400px; margin:0 auto; margin-bottom:100px;}
.fwsystem .intro {padding:80px; color:#fff; font-size:24px; width:40%; font-weight:bold; margin-top:50px;}
.fwsystem .btnn {background:#fff; border-radius:50px; padding:14px 40px; color:#109371; margin-left:80px;}
.fwsystem .btnn img {width:20px; margin-right:10px;}
/* 加盟 */
.ppys {margin-bottom:80px;}
.ppys .tit { font-size:40px; font-weight:bold; color:#333; display:block; margin:0 auto; margin-top:50px; margin-bottom:40px; text-align:center;}
.ppys .tit:after {width:40px; height:2px; background:#109371; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.ppys dl {display:flex; justify-content:space-between; align-items:center;}
.ppys .text {padding:50px; box-sizing:border-box; font-size:18px; line-height:36px; color:#333; margin-bottom:50px;}
.ppys dt { flex:1; width:50%;}
.ppys .btn {border:#333 1px solid; margin-left:50px; border-radius:50%; width:30px; padding:15px;}

.jmfc {padding:100px 0;background:url(../images/jmbg3.jpg) no-repeat center; background-size:cover;}
.jmfc .tit { font-size:40px; font-weight:bold; color:#fff; display:block; margin:0 auto; margin-bottom:40px; text-align:center;}
.jmfc .tit:after {width:40px; height:2px; background:#fff; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.jmfc ul {display:flex; justify-content:center; flex-wrap:wrap; align-items: center;}
.jmfc li {text-align:center; border:#8b92a9 1px solid;padding:20px; width:31.33%; margin:1%; box-sizing:border-box;}
.jmfc li .t {color:#fff; margin-top:20px; display:block; font-size:18px;}
.image {position: relative; background:#b4d0ff;}
.image__img {display: block; width: 100%; opacity:0.4}
.image .ico {position:absolute; top: 31%; left: 36%;}
.image .ico img {width:90px !important;}
.image__overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: #ffffff;
  display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.25s;}
.image__overlay--primary {background-color: rgba(255, 255, 255, 0.8);}
.image__overlay > * {transform: translateY(20px); transition: transform 0.25s;}
.image__overlay:hover {opacity: 1;}
.image__overlay:hover > * {transform: translateY(0);}
.image:hover .ico {display:none;}
.image__description {font-size: 1.15em; margin-top: 0.25em; padding:20px; box-sizing:border-box; color:#000;}


.jmtj {padding:100px 0;}
.jmtj .tit { font-size:40px; font-weight:bold; display:block; margin:0 auto; margin-bottom:40px; text-align:center;}
.jmtj .tit:after {width:40px; height:2px; background:#109371; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.jmtj ul {}
.jmtj li {text-align:center; padding:10px 45px; font-size:24px; color:#333; box-sizing:border-box; display:block;}
.jmtj li img {  width:36px; height:36px;}
.jmtj li p {margin-top:30px}



.jmlc {padding:100px 0;background:url(../images/jmbg.jpg) no-repeat center; background-size:cover; margin-bottom:80px;}
.jmlc .tit { font-size:40px; font-weight:bold; display:block; margin:0 auto; margin-bottom:40px; text-align:center;}
.jmlc .tit:after {width:40px; height:2px; background:#109371; margin:0 auto; margin-top:20px; content:""; display:block; position:relative;}
.jmlc ul {display:flex; justify-content:space-between; align-items: center;}
.jmlc li {text-align:center; border:#cff1ed 3px solid; background:#fff; border-radius:10px; padding:35px 45px; box-sizing:border-box;}
.jmlc li .ico {font-size:36px; font-weight:bold; border-radius:50%; border:#4a4a4a 1px solid; margin-bottom:20px; display:inline-block; width:54px; height:54px;}
.jmlc li p {font-weight:bold; font-size:18px;}


.jmcontact { background:url(../images/jmbg2.jpg) no-repeat center; background-size:cover; padding:70px 0; text-align:center; margin-top:80px;}
.jmcontact .tit { color:#ffa800; font-size:30px; margin-bottom:10px;}
.jmcontact .dh { color:#333; font-size:48px; margin-bottom:10px; font-weight:bold; font-family:arial;}
.jmcontact .text { color:#333; font-size:16px; margin-bottom:10px;}
.jmcontact .more {border-radius:40px; border:#ffa800 1px solid; display:inline-block; padding:14px 50px; margin-top:10px;}
.jmcontact .more a:hover {color:#ffa800}

/* 新闻 xw */
.xw_one{ float:left; width:100%; margin:60px 0; position:relative; overflow:hidden; background:#fff;}
.xw_one .fy{ position:absolute; bottom:90px; right:60px; width:140px; line-height:30px; height:30px;}
.xw_one .swiper-button-next:after,.xw_one  .swiper-button-prev:after{content:''}
.xw_one .swiper-button-next,.xw_one .swiper-button-prev{width:35px; height:35px; top:12px; bottom:0; z-index:111; border-radius:0px; font-size:40px;}
.xw_one .swiper-button-next{ background:url(../images/right.png) no-repeat left top; background-size:100% 100%;right:0px;}
.xw_one .swiper-button-prev{ background:url(../images/left.png) no-repeat left top; background-size:100% 100%;left:0}
.xw_one .swiper-button-next:hover{ background:url(../images/right-sel.png) no-repeat left top; background-size:100% 100%;}
.xw_one .swiper-button-prev:hover{ background:url(../images/left-sel.png) no-repeat left top; background-size:100% 100%;}
.xw_one .swiper-pagination{ position:relative; width:auto;}
.xw_one .swiper-pagination-current{ font-weight:bold; font-size:30px;}
.xw_one .swiper-slide{ background:#fff;}
.xw_one .pimg{ float:left; width:50%; height:420px;}
.xw_one .pimg img{height:100%; width:100%; object-fit: cover;}
.xw_one .nei{ float:right; width:50%; padding:60px; box-sizing:border-box;}
.xw_one .tit{ float:left; width:100%; font-size:30px; color:#333333; font-weight:bold; padding:25px 0; line-height:40px; border-bottom:1px solid #E4E4E4;}
.xw_one .desc{ float:left; width:100%; margin:25px 0;font-size:16px; line-height:30px; color:#333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.xw_one .a{ float:left; width:160px; line-height:50px; background:#109371; color:#fff; font-size:16px; text-align:center; margin-top:15px;}
.xw_two{ float:left; width:100%; text-align:center; padding-bottom:60px;}
.xw_two ul{ display:inline-block;border-bottom:1px solid #B4B4B4; height:74px;}
.xw_two ul li{ float:left; padding:0px 20px; line-height:74px;height:74px; font-size:24px; color:#333333; cursor:pointer; margin:0px 15px;}
.xw_two ul li.sel{ color:#109371; border-bottom:2px solid #109371;}
.xw_two ul li a{ color:#333333;}
.xw_two ul li.sel a { color:#109371;}
.xw_two ul li:first-child { margin-left:0;}
.xw_two ul li:last-child{ margin-right:0}

.qie_main {width:1400px; margin:0 auto; padding-bottom:50px;}
.xw_list{display:block; clear:both; height:auto;overflow: hidden; box-sizing:border-box;}
.xw_list li{ float:left; width:446px; margin-right:30px;}
.xw_list li:nth-child(3n) {margin-right:0;}
.xw_list .a{ float:left; width:100%; background:#fff; height:530px;margin-bottom: 30px;}
.xw_list .pimg{ float:left; width:100%; height:275px; overflow:hidden;}
.xw_list .pimg img{height:100%; width:100%; object-fit: cover;}
.xw_list .nei{padding:20px 30px;display: block; overflow: hidden;}
.xw_list .date{ float:left; width:100%; line-height:32px; color:#999999; font-size:14px;}
.xw_list .tit{ float:left; width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:18px; color:#333333; font-weight:bold; line-height:40px;}
.xw_list .desc{ float:left; width:100%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:14px; line-height:24px; color:#656565; margin:5px 0;}
.xw_list .ck{ float:left; width:120px; line-height:40px; border:1px solid #BFBFBF;margin-top:20px; text-align:center; color:#656565; font-size:16px;}
.xw_list a:hover .ck{ border:1px solid #109371; background:#109371; color:#fff; }
.xw_list a:hover .tit{color:#109371;}

@media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */
	
}
@media (max-width: 767px) {/* 手机 */
	
}

/* 详情页 xq */
.position {margin-top:50px;}
.xq_left{ float:left; width:980px; margin:40px 0px 120px 0; padding:40px 50px; background:#fff; box-sizing:border-box;}
.xq_title{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;}
.xq_date{ float:left; width:100%; color:#999999; font-size:14px; line-height:20px; padding-top:15px;}
.xq_info{ float:left; width:100%; padding:20px 0; margin-top:20px; font-size:16px; color:#656565; line-height:32px; border-top:1px solid #CCCCCC;}
.xq_info img{ max-width:100%;}
.xq_fx{ float:left; width:100%; border-bottom:1px solid #CCCCCC; padding:20px 0; line-height:25px; font-size:16px;}
.xq_fx .ll{ float:left; color:#656565;}
.xq_fx .a{ float:left; margin-right:10px; margin-left:10px; opacity:0.5;}
.xq_fx .a img {width:32px;}
.xq_fx .a:hover{ opacity:0.8}
.xq_fx .fan{float:right; padding-left:28px; background:url(../images/list.png) no-repeat left center; background-size:24px 24px; color:#656565;}
.xq_fx .fan:hover{ background:url(../images/list-sel.png) no-repeat left center; color:#015597; background-size:24px 24px;}
.xq_next{ float:left; width:100%; padding-top:20px; line-height:30px;}
.xq_next a{ color:#999999; max-width:40%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:16px;}
.xq_next .aNext{ float:right;}
.xq_next .aPrev{ float:left;}
.xq_next .aPrev span {}
.xq_next a:hover{ color:#333}
.xq_desc{ padding:30px 0; color:#333333; margin-top:30px;}
.xq_tou{ float:left; width:100%; border-top:1px solid #CCCCCC; padding-top:30px; margin-top:20px; padding-bottom:20px;}
.xq_tou a{ float:left; width:160px; line-height:50px; border:1px solid #BFBFBF; margin-right:15px; color:#333333; font-size:18px; text-align:center;}
.xq_tou a:hover{ background:#015597; border:1px solid #015597; color:#fff;}

.xq_right{ float:right; width:380px; margin:40px 0px 120px 0; background:#fff; overflow:hidden; box-sizing:border-box;}
.xq_biao{ float:left; margin:40px 30px; border-left:2px solid #333333; line-height:28px; height:32px; padding-left:20px; color:#333333; font-size:30px; width:80%}
.xq_one{ float:left; width:100%}
.xq_one li{ float:left; width:100%; border-top:1px solid #E5E5E5; padding:20px 30px; box-sizing: border-box;}
.xq_one .a{ height:auto; padding:10px 0; display:none}
.xq_one .pimg{ height:220px; margin-bottom:10px;}
.xq_one .top{ float:left; width:100%; line-height:20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-size:18px; color:#333333;}
.xq_one .sel .bottom{ display:block}
.xq_one .sel .top{ display:none}
.xq_two{ float:left; width:100%;}
.xq_two li{ float:left; width:100%; border-top:10px solid #F7F7F7; padding:30px;}
.xq_two .date{ float:left; width:100%; font-size:14px; color:#999999; line-height:20px;}
.xq_two .tit{ float:left; width:100%; font-size:20px; color:#333333; line-height:30px; margin:10px 0; font-weight:bold;}
.xq_two .yao{ float:left; width:100%; border-top:1px solid #DBDBDB; font-size:16px; line-height:24px; font-weight:bold; padding:10px 0; padding-top:15px;}
.xq_two .desc{ float:left; width:100%;font-size:14px; color:#656565;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical; line-height:24px;}
.xq_two .a{font-size:14px; float:left; width:120px; text-align:center; line-height:40px; background:#DBDBDB; color:#333; margin-top:20px;}
.xq_two .a i{ padding-left:5px; font-family:宋体; font-style:inherit; font-weight:bold;}
.xq_two .a:hover{ background:#015597; color:#fff;}
@media screen and (min-width: 768px) and (max-width: 1200px) {/* 平板 */
	
}
@media (max-width: 767px) {/* 手机 */
	
}

/*整站分页*/
.pagination {
  display: flex;
  @include list-unstyled();
  @include border-radius();
}
.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.page-num, .page-link {
	position: relative;
	display: block;
	padding: .7rem 1rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #333;
	background-color: #fff;
	border: 1px solid #efefef;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #224f7f;
	border-color: #224f7f;
}
.page-num-current:hover {color: #fff;}


@media only screen and (min-width: 912px) {.sj {display:none;}}
@media only screen and (max-width: 912px) {.pc { display:none;}}
/* responsive */
@media only screen and (max-width: 768px) {
  #go-top {bottom: 0; right: 0;}
  #go-top a,
  #go-top a:visited {
    width: 48px;
    height: 48px;
    border-radius: 5px 0 0 0;
  }
}