.in-complex{
	clear: both;
	padding:10% auto;
}
 .contents{
	width: 84%;
	margin: auto;
	display: block;
	overflow: hidden;
}
.ntitle{font-size: 25px;text-align: center;font-weight: bold;line-height: 1.2em}
.ncon iframe{width: 1000px;height: 600px;margin: 0 auto;display: block}
section{
	background: whitesmoke;
}

div, form, img, ul, ol, li, dl, dt, dd, p, tr, td, body, strong, span, pre, input{margin: 0;padding: 0;border: 0;background-repeat: no-repeat;}
h1, h2, h3, h4, h5, h6, p, dl, dt, dd{margin: 0;padding: 0;font-weight: normal;}
body{font-family: "微软雅黑", Arial;font-size: 14px;margin: 0;padding: 0;color: #333;line-height: 22px;height: auto;clear: both;}
img{border: 0;}
ul, li{list-style: none;}
em, i{font-style: normal;}
a{text-decoration: none;color: #333;outline: none;}
a:hover{background-repeat: no-repeat;text-decoration: none;}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.clear{clear: both;}
*{box-sizing: border-box;}
input, textarea, select{font-family: "微软雅黑", Arial;outline: none;}
.fl{float: left;}
.fr{float: right;}
.commonweb{padding: 0 10px;}
.clear{clear: both;line-height: 0;height: 0;font-size: 0;}
*{-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
html{-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
.z-transition{-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.z-css3{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
@media(min-width:768px){.commonweb{padding: 0 20px;}}
@media(min-width:992px){.commonweb{padding: 0 40px;}}
.commonwebbox{margin-left: 0;margin-right: 0;}
.commonleft{float: none;}
.commonright{float: none;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float: left;padding-left: 10px;padding-right: 10px;}
.col-xs-12{width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9{width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7{width: 58.33333333%;}
.col-xs-6{width: 50%;}
.col-xs-5{width: 41.66666667%;}
.col-xs-4{width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2{width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}
@media(min-width:768px){.commonwebbox{margin-left: -10px;margin-right: -10px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float: left;padding-left: 10px;padding-right: 10px;}
.col-sm-12{width: 100%;}
.col-sm-11{width: 91.66666667%;}
.col-sm-10{width: 83.33333333%;}
.col-sm-9{width: 75%;}
.col-sm-8{width: 66.66666667%;}
.col-sm-7{width: 58.33333333%;}
.col-sm-6{width: 50%;}
.col-sm-5{width: 41.66666667%;}
.col-sm-4{width: 33.33333333%;}
.col-sm-3{width: 25%;}
.col-sm-2{width: 16.66666667%;}
.col-sm-1{width: 8.33333333%;}}
@media(min-width:992px){.commonwebbox{margin-left: -10px;margin-right: -10px;}
.commonleft{float: left;}
.commonright{float: right;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;padding-left: 10px;padding-right: 10px;}
.col-md-12{width: 100%;}
.col-md-11{width: 91.66666667%;}
.col-md-10{width: 83.33333333%;}
.col-md-9{width: 75%;}
.col-md-8{width: 66.66666667%;}
.col-md-7{width: 58.33333333%;}
.col-md-6{width: 50%;}
.col-md-5{width: 41.66666667%;}
.col-md-4{width: 33.33333333%;}
.col-md-3{width: 25%;}
.col-md-2{width: 16.66666667%;}
.col-md-1{width: 8.33333333%;}}
@media(min-width:1200px){.commonweb{margin: 0 auto;max-width: 1260px;padding: 0;}
.commonleft{float: left;}
.commonright{float: right;}
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;padding-left: 10px;padding-right: 10px;}
.col-lg-12{width: 100%;}
.col-lg-11{width: 91.66666667%;}
.col-lg-10{width: 83.33333333%;}
.col-lg-9{width: 75%;}
.col-lg-8{width: 66.66666667%;}
.col-lg-7{width: 58.33333333%;}
.col-lg-6{width: 50%;}
.col-lg-5{width: 41.66666667%;}
.col-lg-4{width: 33.33333333%;}
.col-lg-3{width: 25%;}
.col-lg-2{width: 16.66666667%;}
.col-lg-1{width: 8.33333333%;}}

@media(min-width:767px){.visible-sm{display: block;}
.hidden-sm{display: none;}}
@media(min-width:991px){.visible-md{display: block;}
.hidden-sm{display: block;}}
@media(min-width:1200px){.visible-lg{display: block;}
.hidden-lg{display: block;}}
.ast-header{background-color: #fff;position: fixed;width: 100%;height: 60px;top: 0;left: 0;z-index: 99;border-bottom: 1px solid #f60;}
.ast-header>.commonweb{position: relative;}
body{padding-top: 50px;}
.logo{float: left;padding: 12px 0;}
.logo a{display: block;}
.logo img{height: 35px;max-width: none;display: block;}
.visuallyhidden{position: absolute;clip: rect(1px,1px,1px,1px);-webkit-clip-path: inset(0px 0 99.9% 99.9%);clip-path: inset(0px 0 99.9% 99.9%);overflow: hidden;height: 1px;width: 1px;padding: 0;border: 0;}

.header-right{position: absolute;right: 15px;padding-top: 15px;}
.header-right a{color: #666;display: inline-block;vertical-align: middle;}
.search-btn{display: inline-block;width: 30px;background: url(../image/icon06.png) center center no-repeat;}
.search-btn, .sitebtn{height: 30px;line-height: 30px;vertical-align: middle;}
.sitebtn{position: relative;}
.headeritem{position: fixed;right: 0;top: 59px;width: 100%;z-index: 9;display: none;border: 1px solid #ccc;}
.search .search-text{width: 100%;padding: 11px 60px 11px 11px;color: #666;}
.search .sreach-btn{width: 40px;height: 39px;position: absolute;right: 0;top: 0;background: #f2f2f2 url(../image/icon01.png) center center no-repeat;cursor: pointer;}
.he_searchbox{float: left;margin-right: 15px;}

.mobnav-btn{width: 35px;height: 30px;overflow: hidden;cursor: pointer;position: relative;}
.mobnav-btn span{top: 50%;margin-top: -2px;}
.mobnav-btn span:first-child{content: "";top: 6px;left: 0;}
.mobnav-btn span:last-child{content: "";top: auto;bottom: 5px;left: 0;}
.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child{left: 1px;position: absolute;background-color: #f60;width: 27px;height: 2px;border-radius: 3px;-webkit-transition: all .5s ease;transition: all .5s ease;}
.mobnav-btn.g_close span{opacity: 0;}
.mobnav-btn.g_close span:first-child{-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top: 17px;opacity: 1;}
.mobnav-btn.g_close span:last-child{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: 17px;opacity: 1;}
.arrorright-btn{position: absolute;width: 175px;right: 0;top: 0;height: 43px;}
.nav ul li.cur .arrorright-btn:after{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);top: 17px;}
.arrorright-btn:after{content: "";position: absolute;top: 13px;right: 15px;width: 10px;height: 10px;border-right: 1px solid #ccc;border-top: 1px solid #ccc;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.arrorright-btn.show:after{opacity: 0;}
.language{float: left;margin-right: 5px;cursor: pointer;}
.languageIcon{float: left;height: 30px;padding-left: 30px;background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/icon07.png) center no-repeat;}
.languageIcon span{display: none;}
.languageList{width: 100%;position: fixed;top: 60px;left: 0;z-index: 100;display: none;}
.languageList a{padding-left: 20px;line-height: 40px;border-bottom: 1px solid #dedede;display: block;background-color: rgba(255, 255, 255, 0.85);}
@media(max-width:320px){.sitebtn{padding: 0;}
.sitebtn em{padding: 0;}}
@media(min-width:1024px){.ast-header{position: static;border-bottom: none;height: 90px;}
body{padding-top: 0;}
.logo{width: auto;padding: 20px 0;}
.logo img{height: 60px;}

.language{position: relative;}
.languageIcon{background-position-x: left;line-height: 90px;height: 90px;}
.languageList{width: 100px;top: 90px;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.languageList a{text-align: center;padding-left: 0;}
.header-right{position: absolute;right: 10px;padding-top: 0;top: 3px;}
.he_searchbox{float: left;}
.search-btn{width: 37px;background-position: right center;height: 90px;}
.headeritem{position: absolute;top: 90px;width: 200px;right: -40px;}

.header-right a.mobnav-btn{display: none;}
.arrorright-btn{display: none;}
.search{width: 240px;}}
@media(min-width:1200px){.ast-header{padding: 0 10px;}
.search-btn, .sitebtn{height: 90px;line-height: 90px;}
.headeritem{top: 97px;}
.languageIcon span{display: block;font-size: 16px;color: #999;}



}
@media(min-width:1366px){.pc-head{margin: 0 -50px;position: relative;}
.header-right{right: -10px;}
.ast-header {
        padding: 0;
        width: 84%;
        margin: auto;
    }
.ast-header .commonweb{max-width: none;}
}
footer{background-color: #333;color: #fff;padding-top: 20px;}
footer h5{padding: 8px 0;font-size: 16px;border-bottom: 1px solid #444;text-transform: uppercase;}
footer h5.cur{background-image: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/icon08.png);}
footer .footer-drop{display: none;padding: 10px 0;}
footer .footer-drop a{display: block;opacity: .5;font-size: 13px;}
footer .footer-share{padding: 20px 0;text-align: center;}
footer .footer-share a{display: inline-block;width: 40px;height: 40px;background: #444 url(../image/icon10.png) no-repeat center center;border-radius: 50%;overflow: hidden;margin: 0 3px;}
footer .footer-share .twitter{background-image: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/icon11.png);}
footer .footer-share .google{background-image: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/icon12.png);}
footer .footer-share .instagram{background-image: url(../image/icon13.png);}
footer .footer-share .res{background-image: url(../image/icon14.png);}
footer .footer-share .phone{background-image: url(../image/phone.png);}
footer .footer-share .msn{background-image: url(../image/msn.png);}
footer a{color: #fff;}
footer .footer-info{border-top: 1px solid #444;padding: 15px 10px;}
footer .footer-info dl dt, footer .footer-info dl dd .opcticy{opacity: .5;}
footer .footer-info dt{padding-bottom: 5px;}
footer .footer-info dt a{display: inline-block;margin-right: 5px;}
footer .footer-info dd img{vertical-align: -4px;}
@media(min-width:768px){.footer-info{text-align: center;}}
@media(min-width:1024px){.footer-nav{padding-bottom: 20px;}
.footer-nav li{margin-right: 9%;float: left;}
.footer-nav li h5{background: none;border-bottom: none;padding-bottom: 0;
position: relative;
}
.footer-nav li h5::before {
        content: "";
        position: absolute;
        width: 12px;
        height: 12px;
        background-image: url(../image/fnav_bg.png);
        left: -20px;
        top: 13px;
    }
    .footer-nav li h5::after {
        content: "";
        position: absolute;
        width: 20px;
        height: 2px;
        background: white;
        left: 0px;
        bottom: -20px;
    }
.footer-nav li .footer-drop{display: block!important;margin-top: 20px;}
.footer-nav li .footer-drop a {
        white-space: nowrap;
        line-height: 30px;
    }
.footer-nav li:last-child{margin-right: 0;}}
@media(min-width:1200px){    
	.footer-nav {
        padding: 20px 0;
        overflow: hidden;
		
    }
	.footer-nav .fl{
		width: 22%;
	}
	.footer-nav .fl {
		color: white;
		font-size: 16px;
		font-weight: bold;
		line-height: 30px;
	}
.footer-nav .fr{
	width: 75%;
}	
.footer-nav li{margin-right: 4%;}
footer .footer-info{line-height: 37px;}}
footer .footer-info dd span{opacity: .5;}
@media(min-width:1400px){footer .footer-info dt{padding-bottom: 0;}}
@media(min-width:1500px){footer .footer-nav li{margin: 0 3%;}
footer .commonweb{max-width: 100%;}}
.banner2 {
    overflow: hidden;
    position: relative;
    clear: both;
}

.banner2 li{overflow: hidden;}
.banner2 a{display: inline-block;text-align: center;width: 140px;line-height: 35px;font-size: 16px;margin-right: 10px;}
.banner2 img{height: 110px;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display: block;}
.banner2 .banner-dot{width: 100%;line-height: 0;font-size: 0;left: 0;z-index: 30;text-align: center;}
.banner{overflow: hidden;position: relative;clear: both;}
.banner li{overflow: hidden;}
.banner a{display: inline-block;text-align: center;width: 140px;line-height: 35px;font-size: 16px;margin-right: 10px;}
.banner img{height: 200px;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display: block;}
.banner .banner-dot{width: 100%;line-height: 0;font-size: 0;left: 0;z-index: 30;text-align: center;}
.banner .banner-cont{padding: 15px;font-size: 16px;position: absolute;left: 10px;top: 5px;color: #fff;}
.banner-cont a{border-color: #fff;color: #fff;font-weight: normal;}
.banner-cont .btn a:first-child{background-color: #fff;border-color: #fff;color: #000;}
.banner-dot{position: absolute;}
.banner .banner-cont .btn{padding-top: 10px;padding-bottom: 10px;-webkit-transition: all 1.4s;transition: all 1.4s;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner .banner-tit{-webkit-transition: all 600ms;transition: all 600ms;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner .banner-desc{-webkit-transition: all 1s;transition: all 1s;-webkit-transform: translateY(50px);-ms-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
.banner li.active .banner-tit, .banner li.active .banner-desc, .banner li.active .btn{-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);opacity: 1;}
@media(max-width:768px){.banner .banner-prev, .banner .banner-next{top: 50%;}}
.banner .banner-prev, .banner .banner-next{width: 50px;height: 50px;display: block;position: absolute;bottom: -20px;background-color: rgba(0, 0, 0, 0.5);z-index: 50;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);border: none;margin: 0 auto;}
.banner .banner-prev:after, .banner .banner-next:after{content: '';display: block;width: 20px;height: 20px;position: absolute;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(45deg);-ms-transform: translate(-50%, -50%) rotate(45deg);transform: translate(-50%, -50%) rotate(45deg);}
.banner .banner-prev{left: 10px;}
.banner .banner-prev:after{left: 62%;border-left: 1px solid #fff;border-bottom: 1px solid #fff;}
.banner .banner-next{right: 10px;}
.banner .banner-next:after{left: 38%;border-right: 1px solid #fff;border-top: 1px solid #fff;}
@media(min-width:768px){.banner-cont{font-size: 18px;line-height: 30px;}
.banner .banner-prev, .banner .banner-next{top: 50%;bottom: auto;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.banner-cont p{font-weight: bold;}}
@media(min-width:992px){.banner .banner-cont{font-size: 30px;line-height: 45px;}}
@media(min-width:1024px){.banner .btn a:hover{background-color: #fff;color: #333;}
.banner .banner-prev, .banner .banner-next{width: 100px;height: 100px;-webkit-transition: 1s all;transition: 1s all;}
.banner .banner-prev:after, .banner .banner-next:after{width: 40px;height: 40px;opacity: .5;}
.banner .banner-prev:hover:after, .banner .banner-next:hover:after{opacity: 1;}
.banner .banner-prev{left: -100px;}
.banner .banner-next{right: -100px;}
.banner:hover .banner-prev{left: 0;}
.banner:hover .banner-next{right: 0;}}
@media(min-width:1200px){.banner .banner-cont{-webkit-transition: .3s;transition: .3s;padding-top: 5%;left: 7%;font-size: 35px;line-height: 60px;}}
.in-Product{padding: 0 0px;}

.youshi{text-align: center;color: #fff;}
.youshi h3{font-size: 24px;padding-bottom: 10px;color: #eeeeee;}
.youshi h5{font-size: 22px;padding-bottom: 10px;color: #000000;margin-top: -20px;position: relative;}
.youshi h5::after {
    display: block;
    content: "";
    width: 100px;
    height: 4px;
    /* background: #eaac1e; */
	
	background: url(../image/b_bj.jpg) no-repeat;
	background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
}
/* .yewu{text-align: center;color: #fff;padding: 30px 10px;} */
.yewu h3{text-align: center; font-size: 24px;padding-bottom: 10px;color: #eeeeee;}
.yewu h5{text-align: center; font-size: 22px;padding-bottom: 10px;color: #000000;margin-top: -20px;position: relative;}
.yewu h5::after {
    display: block;
    content: "";
    width: 100px;
    height: 4px;
    /* background: #eaac1e; */
	
	background: url(../image/b_bj.jpg) no-repeat;
	background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
}
.in-Case{text-align: center;color: #fff;padding: 30px 10px;}
.in-Case h3{font-size: 24px;padding-bottom: 10px;color: #eeeeee;}
.in-Case h5{font-size: 22px;padding-bottom: 10px;color: #000000;margin-top: -20px;position: relative;}
.in-Case h5::after {
    display: block;
    content: "";
    width: 100px;
    height: 4px;
    /* background: #eaac1e; */
	
	background: url(../image/b_bj.jpg) no-repeat;
	background-size: 100% 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -20px;
}
.in-Case .desc{opacity: .7;max-width: 1020px;margin: 0 auto;height: 87px;overflow: hidden;}
.in-Case .in-Case-bd{padding-top: 15px;overflow: hidden;}
.in-Case li{padding-bottom: 15px;}
.in-Case li img{width: 100%;display: block;height: 210px;}
.in-Case li .num{padding-top: 20px;color: #555;font-size: 30px;line-height: 30px;padding-bottom: 5px;border-bottom: 1px solid #c3c3c3;display: inline-block;}
.in-Case li h4{padding-top: 10px;padding-bottom: 15px;color: #4c4c4c;font-size: 16px;}
.in-Case li .thumb{background-color: #fff;}
.in-Product{}
.in-Product img{width: 100%;display: block;-webkit-transition: 1s;transition: 1s;}
.in-Product img.imgs{height: 280px;object-fit: cover}
.in-Product .in-Product-big{position: relative;margin-bottom: 0px;background-color: white;}
.in-Product .in-Product-big-text{padding-top: 15px;padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 1;line-height: 22px;color: #b2b2b2;}
.in-Product .in-Product-big-text h4{font-size: 24px;}
.in-Product .in-Product-big-text .type{padding-bottom: 5px;}
.in-Product .type{font-size: 16px;color: #929292;padding-top: 3px;}
.in-Product h2{color: #f60;font-size: 20px;}

.in-Product .fl .in-Product-big-text a {
    float: right;
    font-size: 14px;
    background: #8fb954;
    width: 130px;
    text-align: center;
    color: white;
    line-height: 36px;
    height: 36px;
    margin-top: 4%;
    border-radius: 20px;
    margin-bottom: 6%;
}
.in-Product .thumb{position: relative;background-color: white;}
.in-Product .in-Product-text {
    position: relative;
   }
   .in-Product .fl {
       width: 66.66%;
       float: left;
   }
.in-Product .fl ul{
	margin-right: -3%;
}
.in-Product .fl li{width: 46%;
float: left;
margin-right: 3%;
}
.in-Product .fl .in-Product-big {
        width: 100%;
        float: none;
        overflow: hidden;
    }
.in-Product .fl .in-Product-big-text {
    font-size: 16px;
    padding-top: 7%;
    /* padding-left: 30px; */
    position: relative;
    padding: 4%;
}	
.in-Product .fl h2 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0px;
    color: #444343;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 34px;
}
.in-Product .fl .in-Product-big-text span {
    color: #a2a2a2;
    font-size: 14px;
    display: inline-block;
    margin-top: 0%;
}
.in-Product .fl span img{
	display: inline-block;
	vertical-align: baseline;
	width: 14px;
}
.in-Product .fl p {
    margin-top: 20px;
    font-size: 16px;
    color: #444343;
    display: -webkit-box;
    line-height: 28px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 84px;
    overflow: hidden;
}
.in-Product .fr {
    width: 33%;
    float: right;
    padding: 20px;
    background: white;
    height: 605px;
    overflow-y: scroll;
}
.in-Product .fr::-webkit-scrollbar {
	width: 4px; /* 对垂直滚动条有效 */
	
}
.in-Product .fr::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0);
	background-color:#b8b8b8;
	border-radius: 3px;
}
.in-Product .fr::-webkit-scrollbar-thumb{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
	background-color: #eaac1e;
	border-radius: 2px;
}

/* 定义两端按钮的样式 */
.in-Product .fr::-webkit-scrollbar-button {
	background-color:none;
}


.in-Product .fr li{
	padding-bottom: 20px;
	border-bottom: 1px Solid #9f9f9f;
}
.in-Product .fr h2 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 0px;
    color: #444343;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 34px;
}
.in-Product .fr a:hover h2 {
	color: #8fb954;
}
.in-Product .fr .in-Product-big-text span {
    color: #a2a2a2;
    font-size: 14px;
    display: inline-block;
    margin-top: 0%;
}
.in-Product .fr span img {
    display: inline-block;
    vertical-align: baseline;
    width: 14px;
}

.in-link{text-align: center;padding: 20px 0;}
.in-link a{display: block;vertical-align: middle;margin: 10px 0;line-height: 0;font-size: 0;position: relative;width: 100%;height: 100px;}
@media(max-width:768px){.in-link a{height: 40px;}}
.in-link li{max-width: 25%!important;}
.in-link a img{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.in-link a:first-child{display: block;}
.link-logo li{float: left;width: 33%;}
.in-complex-pcimg{display: none;}
.in-About{padding: 30px 10px;}
.in-About h3{font-size: 30px;line-height: 30px;font-weight: bold;}
.in-About .in-About-text{margin-top: 5px;color: #222;padding-left: 33px;background: url(../image/icon16.png) left center no-repeat;}
.in-About dl{padding-top: 10px;}
.in-About dt{float: left;padding-right: 10px;}
.in-About dt img{display: block;}
.in-About dt a{position: relative;display: block;}
.in-About dt a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;background: rgba(0, 0, 0, 0.7) url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/img49.png) center center no-repeat;}
.in-news{padding: 30px 10px;background-color: #eee;}
.in-news h3{font-weight: bold;font-size: 20px;padding-bottom: 10px;}
.in-news a{display: block;padding-left: 22px;background: url(../image/icon15.png) left 6px no-repeat;height: 24px;line-height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;}
@media(min-width:480px){.banner img{height: auto;width: 100%;}
.banner2 img{height: auto;width: 100%;}
.banner .banner-dot{bottom: 10px!important;}
.banner .banner-dot span{width: 15px;height: 15px;}}
.banner2 .banner-dot{bottom: 10px!important;}
.banner2 .banner-dot span{width: 12px;height: 12px;}}
@media(min-width:768px){.in-link{font-size: 0;line-height: 0;max-width: 1600px;margin: 0 auto;overflow: hidden;}
.in-link a{position: relative;margin: 10px 0;}
.in-link a:after{content: '';display: block;width: 1px;height: 24px;background-color: #e6e6e6;position: absolute;right: 0;top: 50%;margin-top: -12px;}
.in-link li:last-child a:after{display: none;}
.in-Case{padding: 40px 20px;}
.in-Case h3{font-size: 34px;line-height: 34px;}
.in-Case .in-Case-bd{padding-top: 22px;}
.in-About dt{padding-right: 30px;}
.in-About dd{line-height: normal;line-height: 22px;}
.in-news ul{margin: 0 -10px;}
.in-news li{width: 50%;float: left;padding: 0 10px;}
.in-link-dot{display: none;}
.in-Case .desc{height: auto;}}
@media(min-width:992px){.banner .banner-dot{bottom: 25px!important;}
.in-Case{padding: 50px 20px;}
.in-Case h3{font-size: 40px;line-height: 40px;padding-bottom: 20px;}
.in-Case .in-Case-bd{padding-top: 32px;}
.in-Product .in-Product-big{width: 45%;float: left;overflow: hidden;}
.in-Product .in-Product-big-text{position: relative;padding-top: 48px;}
.in-Product .in-Product-small{float: left;width:55%;overflow: hidden;}
.in-Product .in-Product-small li{padding: 0 0 1.55% 1.5%;overflow: hidden;}
.in-Product .in-Product-small .thumb{overflow: hidden;}
.in-complex{position: relative;}
.in-complex .in-complex-pcimg{display: block;position: absolute;left: 5%;width: 20%;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.in-About, .in-news{padding-left: 30%;}}
@media(min-width:1024px){
	.in-Product-big:hover img.imgs, .in-Product-small .thumb:hover img.imgs{-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
.in-Case .thumb:hover{background-color: #f60;}
.in-Case .thumb:hover .num{color: #fff;border-color: #fff;}
.in-Case .thumb:hover a{color: #fff;}}
@media(max-width:1024px) and(min-width:1024px){.topBar{display:none;}
.in-Product-big img{margin-top:20px;}}
@media(max-width:1024px){.topBar{display: none;}}
@media(min-width:1200px){
.youshi h3{font-size: 80px;font-weight: bold;line-height: 54px;}
.youshi h5 {
        font-size: 34px;
        padding-bottom: 10px;
        color: #000000;
        margin-top: -34px;
    }
	
	.youshi	.uls{
		padding: 1% ;
		margin-top: 5%;
		margin-bottom: 30px;
		overflow: visible;
	}
	    .youshi .uls ul {
	       /* margin-right: -3%; */
	        height: auto;
	    }
.youshi	.uls li{
	width: 17.6%;
	text-align: center;
	background: white;
	border-radius: 10px;
	box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
	float: left;
	margin-right: 3%;
	position: relative;
	cursor: pointer;
}
    .youshi .uls li::after {
        content: "";
        display: block;
        width: 30px;
        height: 24px;
        background-image: url(../image/san_bj.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        left: 46%;
        transform: translate(0, -50%);
        bottom: -55px;
		opacity: 0;
    }
	.youshi	.uls li.swiper-slide-thumb-active::after{
		opacity: 1;
	}
.youshi	.uls li.swiper-slide-thumb-active{
	background: #8fb954;
}
.youshi	.uls li h4{
	font-size: 50px;
	line-height: 140px;
	color: #8fb954;
	font-weight: bold;
}
.youshi .uls li p {
        color: #333333;
		margin: 0px 0 50px 0;
        font-size: 22px;
		font-weight: bold;
    }
	
	
.youshi	.uls li.swiper-slide-thumb-active h4{
   color: #ffffff;
}
	.youshi	.uls li.swiper-slide-thumb-active p{
	   color: #ffffff;
	}
    .yewu {
        padding: 130px 0;
    }
.yewu h3{font-size: 80px;font-weight: bold;line-height: 54px;}
    .yewu h5 {
        font-size: 34px;
        padding-bottom: 10px;
        color: #000000;
        margin-top: -34px;
    }
.in-Case{padding: 75px 30px 78px;}
.in-Case h3{font-size: 60px;font-weight: bold;line-height: 54px;}
.in-Case h5 {
        font-size: 28px;
        padding-bottom: 10px;
        color: #000000;
        margin-top: -52px;
    }



.in-Case .in-Case-bd{padding-top: 42px;}
.in-Case .in-Case-dot{display: none;}
.in-Case li .num{font-size: 48px;font-weight: lighter;padding-top: 53px;padding-bottom: 18px;}
.in-Case li h4{font-size: 18px;padding: 30px 10px 43px;}


.in-Product .type{font-size: 18px;}
.in-Product .in-Product-text {
        padding:14px 2%;
    }

.in-Product .in-Product-big-text h4{font-size: 28px;}
.in-Product .in-Product-big-text .type{padding-bottom: 10px;}
.in-About{padding: 75px 16.5% 65px 44.5%;}
.in-About .in-About-text{margin-top: 10px;}
.in-About h3{font-size: 48px;line-height: 54px;}
.in-About dl{padding-top: 25px;}
.in-news{padding: 75px 16.5% 50px 44.5%;}
.in-news h3{font-size: 24px;padding-bottom: 25px;}
.in-news li a{margin-bottom: 20px;}
.in-news li a:hover{color: #f60;}
.in-complex .in-complex-pcimg{width: 32%;left: 11.75%;top: 58%;}
.in-link{padding: 50px 0;}}
@media(min-width:1400px){    .in-Product {
        background: whitesmoke;
        margin-top: -50px;
        padding: 110px 0;
    }}
.recruitmentfloat{display: none;z-index: 110;width: 100%;position: fixed;height: 100%;background: rgba(0, 0, 0, 0.6);left: 0;top: 0;}
.tianjiatvwrap{width: 95%;margin: 0 auto;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}
.tianjiatvwrap .videobox{height: 250px;position: relative;z-index: 1;}
.recclosebtn{display: block;width: 25px;height: 25px;position: absolute;right: 15px;top: -5px;cursor: pointer;z-index: 100;margin: -20px -20px 0 0;z-index: 9;}
.recclosebtn:before{content: '';position: absolute;top: 10px;width: 20px;height: 2px;background-color: #FFF;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.recclosebtn:after{content: '';position: absolute;top: 10px;width: 20px;height: 2px;background-color: #FFF;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
@media(min-width:640px){.tianjiatvwrap .videobox{height: 350px;}}
@media(min-width:1024px){.tianjiatvwrap{width: 1000px;}
.tianjiatvwrap .videobox{height: 600px;}}
.swiper-container{margin-left: auto;margin-right: auto;position: relative;overflow: hidden;z-index: 1;}
.swiper-container-no-flexbox .swiper-slide{float: left;}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column;}
.swiper-wrapper{position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;box-sizing: content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height: auto;}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align: start;-ms-flex-align: start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-transition-property: -webkit-transform, height;-webkit-transition-property: height, -webkit-transform;transition-property: height, -webkit-transform;transition-property: transform, height;transition-property: transform, height, -webkit-transform;}
.swiper-container .swiper-notification{position: absolute;left: 0;top: 0;pointer-events: none;opacity: 0;z-index: -1000;}
.swiper-wp8-horizontal{-ms-touch-action: pan-y;touch-action: pan-y;}
.swiper-wp8-vertical{-ms-touch-action: pan-x;touch-action: pan-x;}
.swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .35;cursor: auto;pointer-events: none;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left: 10px;right: auto;}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto;}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.swiper-pagination{position: absolute;text-align: center;-webkit-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10;}
.swiper-pagination.swiper-pagination-hidden{opacity: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;left: 0;width: 100%;}
.swiper-pagination-bullet{width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: transparent;opacity: 1;border: 2px Solid #1E5686;}
button.swiper-pagination-bullet{border: none;margin: 0;padding: 0;box-shadow: none;-moz-appearance: none;-ms-appearance: none;-webkit-appearance: none;appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor: pointer;}
.swiper-pagination-white .swiper-pagination-bullet{background: #fff;}
.swiper-pagination-bullet-active{opacity: 1;background: #1E5686;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #fff;}
.swiper-pagination-black .swiper-pagination-bullet-active{background: #000;}
.swiper-container-vertical>.swiper-pagination-bullets{right: 10px;top: 50%;-webkit-transform: translate3d(0, -50%, 0);-ms-transform: translate3d(0, -50%, 0);transform: translate3d(0, -50%, 0);}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px 0;display: block;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;}
.swiper-pagination-progress{background: rgba(0, 0, 0, 0.25);position: absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar{background: #007aff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin: right top;-ms-transform-origin: right top;transform-origin: right top;}
.swiper-container-horizontal>.swiper-pagination-progress{width: 100%;height: 4px;left: 0;top: 0;}
.swiper-container-vertical>.swiper-pagination-progress{width: 4px;height: 100%;left: 0;top: 0;}
.swiper-pagination-progress.swiper-pagination-white{background: rgba(255, 255, 255, 0.5);}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background: #fff;}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background: #000;}
.swiper-container-3d{-webkit-perspective: 1200px;-o-perspective: 1200px;perspective: 1200px;}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top{position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10;}
.swiper-container-3d .swiper-slide-shadow-left{background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-3d .swiper-slide-shadow-right{background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-3d .swiper-slide-shadow-top{background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-3d .swiper-slide-shadow-bottom{background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper{-ms-perspective: 1200px;}
.swiper-container-cube, .swiper-container-flip{overflow: visible;}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide{pointer-events: none;-webkit-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide{pointer-events: none;}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events: auto;}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top{z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.swiper-container-cube .swiper-slide{visibility: hidden;-webkit-transform-origin: 0;-ms-transform-origin: 0;transform-origin: 0;width: 100%;height: 100%;}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin: 100% 0;-ms-transform-origin: 100% 0;transform-origin: 100% 0;}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev{pointer-events: auto;visibility: visible;}
.swiper-container-cube .swiper-cube-shadow{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background: #000;opacity: .6;-webkit-filter: blur(50px);filter: blur(50px);z-index: 0;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.swiper-container-fade .swiper-slide{pointer-events: none;-webkit-transition-property: opacity;transition-property: opacity;}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events: none;}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events: auto;}
.swiper-zoom-container{width: 100%;height: 100%;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;text-align: center;}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg{max-width: 100%;max-height: 100%;object-fit: contain;}
.swiper-scrollbar{border-radius: 10px;position: relative;-ms-touch-action: none;background: rgba(0, 0, 0, 0.1);}
.swiper-container-horizontal>.swiper-scrollbar{position: absolute;left: 1%;bottom: 3px;z-index: 50;height: 5px;width: 98%;}
.swiper-container-vertical>.swiper-scrollbar{position: absolute;right: 3px;top: 1%;z-index: 50;width: 5px;height: 98%;}
.swiper-scrollbar-drag{height: 100%;width: 100%;position: relative;background: rgba(0, 0, 0, 0.5);border-radius: 10px;left: 0;top: 0;}
.swiper-scrollbar-cursor-drag{cursor: move;}
.swiper-lazy-preloader{width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;z-index: 10;-webkit-transform-origin: 50%;-ms-transform-origin: 50%;transform-origin: 50%;-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;animation: swiper-preloader-spin 1s steps(12, end) infinite;}
.swiper-lazy-preloader:after{display: block;content: "";width: 100%;height: 100%;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position: 50%;background-size: 100%;background-repeat: no-repeat;}
.swiper-lazy-preloader-white:after{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);}}
@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}
.sprite-demo{width: 100px;height: 100px;background-color: #f60;}
.all-sprite{color: #f60;width: 500px;height: 500px;background: #f4f4f4 url("http://t20007.mbdemo.18inter.com/Templates/T20007/images/sprite.png") no-repeat 0 0;}
.base64-demo{padding: 10px;background: #f60 url("http://t20007.mbdemo.18inter.com/Templates/T20007/images/download.jpg") no-repeat 0 0;}
.subbaner{overflow: hidden;clear: both;position: relative;}
.subbaner img{height: 150px;display: block;position: relative;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.subnavlist03{background-color: #f2f2f2;}
.subnavlist03 .commonweb{display: none;max-width: 1200px;}
.subnavlist03 ul li{font-size: 16px;text-align: center;}
.subnavlist03 ul li a{display: block;width: 100%;font-size: 16px;padding: 22px 0;text-align: center;line-height: 18px;background-color: #f2f2f2;color: #333;}
.subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur{background-color: #f60;color: #fff;}
.zsannavbtn03{padding: 15px;color: #333;text-align: center;font-size: 16px;cursor: pointer;}
.zsannavbtn03 a:after{display: inline-block;content: "";width: 12px;height: 12px;border-left: 1px solid #333;border-bottom: 1px solid #333;margin: 0 0 3px 6px;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
@media(min-width:768px){.subbaner img{width: auto;height: auto;}
.subnavlist03 ul{font-size: 0;}
.zsannavbtn03{display: none;}
.subnavlist03 .commonweb{display: block;}
.subnavlist03{display: block;text-align: center;}
.subnavlist03 ul li{display: inline-block;}
.subnavlist03 ul li a{width: auto;padding: 22px 7px;position: relative;margin: 0;}
.subnavlist03 ul li a:after{content: '';display: block;position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #b3b3b3;}
.subnavlist03 ul li:last-child a:after{display: none;}}
@media(min-width:1024px){.subnavlist03 ul li a{padding: 22px 10px;}
.subnavlist03 ul li a:hover, .subnavlist03 ul li a.cur{background-color: #fff;color: #333;}}
@media(min-width:1200px){.subnavlist03 ul li{width: 20%;}
.subnavlist03 ul li a{padding: 21px 0;}
.subnavlist03 ul li a{background: rgba(0, 0, 0, 0.4);color: #fff;}
.subnavlist03{background: none;}
.subnavcont03{position: relative;margin-top: -60px;z-index: 10;}}
@media(max-width:319px){body{width: 320px;}}
.container{padding: 10px 0;}
@media(min-width:768px){.container{padding: 20px 0 45px;}}
.g-tit{color: #0e7cc7;font-size: 20px;font-weight: bold;}
.colorgray{color: #909292;}
.ceo-speech{color: #666;}
.ceo-speech h2{padding-bottom: 15px;}
.ceo-speech img{display: block;max-width: 100%;}
.ceo-speech p{line-height: 26px;}
.ceo-speech .signature{padding: 10px 0 20px;}
.ceo-speech dl{border-bottom: 1px solid #0e7cc7;padding-bottom: 25px;margin-bottom: 30px;}
.ceo-speech .ceo-speech-bottom{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.ceo-speech .colorgray{padding-right: 5px;}
.ceo-speech h3{color: #0e7cc7;font-size: 18px;padding: 15px 0 10px;}
.subcompany-switch{padding: 0 50px;margin-bottom: 10px;position: relative;}
.subcompany-prev, .subcompany-next{width: 40px;height: 40px;position: absolute;top: 0;z-index: 30;}
.subcompany-prev:after, .subcompany-next:after{content: '';display: block;width: 15px;height: 15px;position: absolute;left: 50%;top: 50%;}
.subcompany-prev{left: 0;}
.subcompany-prev:after{border-bottom: 1px solid #666;border-left: 1px solid #666;-webkit-transform: translate(-4px, -8px) rotate(45deg);-ms-transform: translate(-4px, -8px) rotate(45deg);transform: translate(-4px, -8px) rotate(45deg);}
.subcompany-next{right: 0;}
.subcompany-next:after{border-right: 1px solid #666;border-top: 1px solid #666;-webkit-transform: translate(-12px, -8px) rotate(45deg);-ms-transform: translate(-12px, -8px) rotate(45deg);transform: translate(-12px, -8px) rotate(45deg);}
.subcompany-bd{overflow: hidden;}
.subcompany-bd a{display: block;text-align: center;line-height: 40px;}
.subcompany-bd .cur{background-color: #f60;color: #fff;}
.subcompany{color: #666;overflow: hidden;display: none;}
.subcompany h2{padding-bottom: 15px;}
.subcompany img{display: block;max-width: 100%;}
.subcompany:first-of-type{display: block;}
.news-search form{border: 1px solid #dedede;background-color: #fcfcfc;border-radius: 20px;overflow: hidden;padding: 0 70px 0 17px;position: relative;}
.news-search input{width: 100%;height: 40px;line-height: 40px;display: block;vertical-align: top;background-color: #fcfcfc;}
.news-search input[type=submit]{width: 50px;background: #fcfcfc url(../image/icon01.png) center center no-repeat;position: absolute;right: 10px;top: 0;}
.news-list{padding-bottom: 10px;}
.news-list ul{padding-bottom: 40px;}
.news-list dl{background-color: #f6f6f6;margin-bottom: 10px;}
.news-list dl .news-date{color: #f60;font-size: 18px;padding-top: 10px;}
.news-list dl img{display: block;width: 100%;}
.news-list dl h3 a{height: 34px;line-height: 34px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 16px;}
.news-list dl .news-desc{color: #808080;line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 10px;}
.news-list dl .news-more{color: #f60;font-size: 16px;display: inline-block;}
.news-list dl dd{padding: 10px;}
.news-list li{padding: 15px 0;}
.news-list li:not(:first-child) {border-bottom: 1px dashed #dedede;}
.news-list li .news-date{color: #f60;font-size: 16px;}
.news-list li h3{padding-top: 8px;}
.news-list li h3 a{display: block;font-size: 16px;color: #454545;height: 24px;line-height: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news-list li .news-desc{height: 48px;line-height: 24px;overflow: hidden;color: #999;}
.page{text-align: center;}
.page img{max-width: 100%;}
.news-detail-top{border-bottom: 3px solid #e0e0e0;padding-bottom: 10px;position: relative;}
.news-detail-top .news-detail-date{color: #666;font-size: 16px;}
.news-detail-top h1{color: #f60;font-size: 18px;padding: 10px 0;}
.news-detail-top dl dt{color: #929292;}
.news-detail-top dl dt span{padding-right: 5px;}
.news-detail-top dl dd{padding-top: 10px;}
.news-detail-top dl dd .shareIcon{color: #737373;padding-left: 21px;background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/icon02.png) left center no-repeat;}
.news-detail-top:after{content: '';display: block;width: 14.3%;height: 3px;background-color: #f60;position: absolute;bottom: -3px;left: 0;}
.news-share{display: inline-block;vertical-align: top;}
.news-share .facebook{background-position-x: 0;}
.news-share .instagram{background-position-x: -26px;}
.news-share .twitter{background-position-x: -52px;}
.news-share .google{background-position-x: -78px;}
.news-detail{padding-top: 20px;overflow: hidden;line-height: 30px;font-size: 16px;}
.news-detail img{display: block;max-width: 100%;height: auto!important;margin: 0 auto 10px;}
.culture{color: #666;}
.culture h3{color: #333;font-size: 20px;}
.culture h3:after{content: '';display: block;width: 65px;height: 1px;background-color: #f60;margin: 20px 0;}
.culture dt{background-color: #f8f7fc;padding: 20px 15px;}
.culture dd{background-color: #fcfcfc;padding: 20px 15px;}
.activities{padding-top: 30px;}
.activities h2{text-align: center;font-weight: bold;font-size: 22px;padding-bottom: 15px;}
.activities-scroll{padding: 0 55px;position: relative;}
.activities-prev, .activities-next{width: 42px;height: 43px;position: absolute;top: 50%;margin-top: -21px;background: url(../image/icon04.png) no-repeat;}
.activities-prev{left: 0;}
.activities-next{right: 0;background-position-x: right;}
.activities-bd{overflow: hidden;}
.activities-bd img{width: 100%;display: block;}
.about-company-top{color: #666;line-height: 24px;}
.about-company-top h2{font-size: 22px;font-weight: bold;padding-bottom: 10px;color: #4c4c4c;}
.about-company-top-img{padding-top: 10px;}
.about-company-top-img img{display: block;max-width: 100%;}
.about-company-middle{padding-top: 20px;}
.about-company-middle li{margin-bottom: 20px;}
.about-company-middle .thumb{border: 1px solid #f2f2f2;text-align: center;padding: 20px 10px;color: #b8b8b8;min-height: 131px;}
.about-company-middle .num{font-size: 30px;line-height: normal;color: #242424;}
.about-company-bottom{line-height: 24px;color: #7d8184;}
.about-company-bottom img{display: block;max-width: 100%;margin: 20px auto 30px;}
.case-list{line-height: 40px;font-size: 16px;}
.case-list li{margin-bottom: 10px;}
.case-list li img{display: block;width: 100%;}
.thumb-popup402{display: none;position: fixed;left: 0;top: 0;z-index: 100;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.thumb-copy-wrapper402{overflow: hidden;position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);width: 94%;height: 77%;max-width: 1000px;}
.thumb-copy-wrapper402 .swiper-wrapper li{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;-ms-flex-negative: 0;flex-shrink: 0;width: 100%;height: 100%;position: relative;}
.thumb-copy-wrapper402 .swiper-wrapper li img{display: block;max-width: 100%;max-height: 100%;position: relative;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.thumb-popup402-box{position: absolute;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);width: 94%;height: 60%;max-width: 800px;background: #fff;}
.thumb-popup402-box .close{position: absolute;right: 0;top: -50px;z-index: 9;width: 36px;height: 36px;cursor: pointer;background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/icon05.png) no-repeat;}
.thumb-text402{position: absolute;padding: 25px 10px;background-color: #fff;left: 0;right: 0;bottom: 0;color: #333;z-index: 10;text-align: center;font-size: 20px;}
.thumb-index402{display: inline-block;margin-left: 12px;}
.thumb-leftbtn402, .thumb-rightbtn402{display: none;position: absolute;top: 50%;z-index: 10;cursor: pointer;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.thumb-leftbtn402{left: 10px;}
.thumb-rightbtn402{right: 10px;}
.thumb-leftbtn402::before, .thumb-rightbtn402::before{display: inline-block;content: "";width: 20px;height: 20px;border-left: 2px solid #333;border-bottom: 2px solid #333;}
.thumb-leftbtn402::before{-webkit-transform: rotate(40deg);-ms-transform: rotate(40deg);transform: rotate(40deg);margin: 12px 0 0 5px;}
.thumb-rightbtn402::before{-webkit-transform: rotate(225deg);-ms-transform: rotate(225deg);transform: rotate(225deg);margin: 12px 5px 0 0;}
.contact-top h2{font-size: 18px;font-weight: bold;padding-bottom: 10px;}
.contact-top p{margin-bottom: 5px;}
.contact-top img{display: block;max-width: 100%;}
.contact-map{padding: 20px 0;}
.contact-feedback h3{color: #333;text-align: center;font-size: 18px;font-weight: bold;padding-bottom: 10px;}
.contact-feedback label{width: 100%;display: block;border: 1px solid #ddd;padding-left: 10px;margin-bottom: 10px;padding-right: 40px;position: relative;}
.contact-feedback input{height: 40px;width: 100%;}
.contact-feedback textarea{height: 100px;padding: 10px 0;}
.contact-feedback .must{display: block;position: absolute;right: 20px;top: 14px;color: #fb0013;font-size: 16px;}
.contact-feedback input[type=submit], .contact-feedback input[type=reset]{width: 40%;line-height: 40px;max-width: 160px;display: inline-block;vertical-align: top;background-color: #666;color: #fff;font-weight: bold;font-size: 16px;margin: 0 10px;cursor: pointer;}
.contact-feedback ul{padding-bottom: 10px;}
.contact-feedback input[type=submit]{background-color: #f60;}
.contact-feedback .col-xs-12{padding: 0 15px;}
.product-list-few dl{border-bottom: 1px solid #ebebeb;padding-bottom: 20px;margin-bottom: 20px;color: #666;}
.product-list-few dl img{display: block;max-width: 100%;margin: 0 auto;}
.product-list-few dl h3{font-size: 18px;font-weight: bold;}
.product-list-few dl h3 a{color: #4c4c4c;}
.product-list-few dl .more{color: #0e7cc7;}
.product-list-few dl .desc{padding: 10px 0;}
.product-list-many ul{padding-bottom: 30px;}
.product-list-many li{position: relative;padding: 20px 0;cursor: pointer;background-color: #fff;}
.product-list-many li:hover .hover-show{opacity: 1;}
.product-list-many li img{display: block;max-width: 100%;margin: 0 auto;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;max-height: 100%;}
.product-list-many .img{display: block;width: 100%;height: 240px;overflow: hidden;position: relative;}
.product-list-many .hover-show{width: 100%;height: 100%;position: absolute;left: 0;top: 0;color: #fff;background-color: rgba(0, 0, 0, 0.56);padding: 20px 20px 20px 30px;opacity: 0;-webkit-transition: .3s ease opacity;transition: .3s ease opacity;}
.product-list-many .hover-show a{color: #fff;}
.product-list-many .hover-show .tit{font-size: 18px;font-weight: bold;padding-bottom: 10px;}
.product-list-many .hover-show .desc{line-height: 22px;padding-bottom: 10px;opacity: .8;}
.product-list-many .hover-show .more{font-weight: bold;font-size: 16px;}
.product-list-many .hover-show .fulllink{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;display: block;}
.product-list-many h3{font-size: 14px;text-align: center;}
.container.pro-container{background-color: #f5f5f5;}
.producr-detail{text-align: center;background-color: #fff;}
.producr-detail .commonweb{max-width: none;}
.producr-detail h3{font-weight: bold;font-size: 22px;padding-bottom: 10px;}
.producr-detail h4{font-size: 16px;color: #666;}
.producr-detail img{max-width: 100%;display: block;margin: 20px auto;}
.product-container{padding-bottom: 0;}
.bggray{background-color: #f7f7f7;}
.procudt-detail-two{padding: 30px 0 10px;}
.procudt-detail-three{overflow: hidden;padding: 30px 0 10px;}
.load-more{display: block;width: 100%;line-height: 40px;text-align: center;color: #fff;background-color: #f60;}
@media(max-width:768px){.product-list-many .pagination li, .news-list .pagination li, .resultlist401 .pagination li{border: 1px solid #f5f5f5!important;padding: 20px!important;width: 120px;}
.product-list-many li{width: 50%;float: left;}
#data li:nth-child(odd){border: none;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
#data li:nth-child(even){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
#data li:nth-last-child(1){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
#data li:nth-last-child(2){border: none;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.product-list-many li h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list-many .img{height: 200px;}
.tzShop-item_title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}}
@media(min-width:768px){.g-tit{font-size: 24px;}
.distable{width: 100%;display: table;}
.distable dt, .distable dd{display: table-cell;vertical-align: top;}
.ceo-speech{font-size: 16px;}
.ceo-speech h2{margin-top: -3px;}
.ceo-speech dt{padding-right: 30px;}
.ceo-speech dd{width: 35%;}
.ceo-speech p{line-height: 30px;}
.ceo-speech .ceo-speech-bottom dt{display: block;}
.subcompany{font-size: 16px;line-height: 30px;}
.subcompany img{margin: 0 auto;}
.news-search form{width: 230px;float: right;}
.news-list dl{width: 100%;display: table;}
.news-list dl dt, .news-list dl dd{display: table-cell;vertical-align: middle;width: 50%;}
.news-detail-top .news-detail-date{font-size: 20px;}
.news-detail-top h2{font-size: 22px;}
.news-detail-top dl dt{float: left;}
.news-detail-top dl dd{float: right;padding-top: 0;}
.news-detail{padding-top: 5px;line-height: 30px;font-size: 16px;}
.news-detail p{padding-top: 5px;}
.news-detail ul{margin: 0 -14px;}
.news-detail ul li{padding: 0 14px;}
.subcompany-bd a{line-height: 65px;position: relative;}
.subcompany-bd a:after{content: '';display: block;width: 1px;height: 15px;background-color: #ccc;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.subcompany-bd .cur:after{display: none;}
.culture{font-size: 16px;}
.culture dl{width: 100%;display: table;border-bottom: 1px solid #dedee1;min-height: 230px;}
.culture dt, .culture dd{display: table-cell;vertical-align: top;width: 50%;padding: 30px;}
.culture dl:nth-child(2n) dt{background-color: #fcfcfc;}
.culture dl:nth-child(2n) dd{background-color: #f8f7fc;}
.activities{padding-top: 40px;}
.activities h2{padding-bottom: 20px;font-size: 26px;}
.about-company-top-img img{margin: 0 auto;}
.case-list{font-size: 16px;}
.case-list li{margin-bottom: 15px;}
.case-list li img{margin-bottom: 10px;}
.case-list ul{padding-bottom: 15px;}
.contact-top h2{font-size: 20px;padding-bottom: 10px;}
.contact-top p{font-size: 16px;}
.contact-map{padding: 30px 0;}
.contact-feedback h3{font-size: 20px;padding-bottom: 20px;}
.product-list-few dt{width: 30%;}
.product-list-few dd{width: 70%;padding-left: 20px;vertical-align: middle;}
.product-list-few dl h3{font-size: 20px;}
.pagination{font-size: 0;}
.pagination a:nth-last-child(1){/*border-right: 1px solid #f5f5f5;*/}
#data li:nth-child(4n+1){border: none;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
#data li:nth-child(4n+2){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
#data li:nth-child(4n+3){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
#data li:nth-child(4n){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;}
#data li:nth-last-child(1){border: none;border-right: 1px solid #f5f5f5!important;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
#data li:nth-last-child(2){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
#data li:nth-last-child(3){border: none;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
#data li:nth-last-child(4){border: none;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;}
.product-list-many li .hover-show{padding: 40px;}
.producr-detail h3{font-size: 26px;padding-bottom: 20px;}
.producr-detail img{margin-top: 40px;}
.news-list dl h3 a{font-size: 18px;width: 300px;}
.about-company-middle .thumb{min-height: 0;}}
@media(min-width:992px) and(max-width:1024px){.product-list-many h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}}
.article-declare{margin: 20px 0;font-size: 14px;color: #999;}
@media(min-width:992px){.ceo-speech dl{padding-bottom: 48px;}
.ceo-speech dd{width: 340px;}
.ceo-speech .signature{padding-top: 20px;}
.ceo-speech .ceo-speech-bottom{padding-bottom: 0;}
.ceo-speech .ceo-speech-bottom dd{width: 410px;}
.ceo-speech .ceo-speech-bottom dt{padding-right: 70px;}
.ceo-speech .ceo-speech-bottom h3{padding-top: 40px;padding-bottom: 5px;}
.news-list dl{margin-bottom: 0;}
.news-list dl dd{font-size: 14px;}
.news-list li{padding: 40px 0 25px;}
.news-list li .thumb{position: relative;padding-left: 150px;}
.news-list li .news-date{position: absolute;left: 0;top: 0;z-index: 1;font-size: 20px;}
.news-list li .news-desc{font-size: 14px;margin-top: 10px;}
.news-list li h3{padding-top: 0;}
.news-list li h3 a{font-size: 22px;}
.news-detail-top{padding-bottom: 18px;}
.news-detail-top .news-detail-date{font-size: 24px;}
.news-detail-top h1{font-size: 24px;padding-top: 15px;}
.news-detail-top dl{padding-top: 2px;}
.culture dl{min-height: 250px;}
.culture h3{font-size: 24px;}
.culture h3:after{margin: 35px 0;}
.activities{padding-top: 55px;padding-bottom: 30px;}
.activities h2{font-size: 28px;font-weight: bold;padding-bottom: 25px;}
.about-company-top-text{float: right;width: 60%;padding-left: 30px;}
.about-company-top-text h2{padding-top: 10px;font-size: 30px;line-height: 40px;}
.about-company-top-img{float: left;width: 40%;padding-top: 0;}
.about-company-middle li .thumb{min-height: 131px;}
.case-list li{margin-bottom: 25px;}
.product-list-few dl{font-size: 16px;}
.product-list-few dl h3{font-size: 24px;padding-bottom: 7px;}
.product-list-few dl .desc{line-height: 30px;padding-bottom: 15px;}
.product-list-many .img{margin-bottom: 20px;}
.product-list-many .hover-show{padding: 30px;}
.product-list-many .hover-show .tit{padding-bottom: 20px;}
.product-list-many .hover-show .desc{height: 170px;overflow: hidden;margin-bottom: 15px;}}
@media(min-width:1024px){.news-list dl dt{width: 360px;}
.news-list dl dd{width: auto;padding: 30px 50px 30px 30px;}
.subcompany-switch a{line-height: 65px;}
.subcompany-prev, .subcompany-next{top: 13px;}
.subcompany-bd a:hover{background-color: #666;color: #fff;}
.subcompany-bd a:hover:after{display: none;}
.subcompany-prev:hover:after, .subcompany-next:hover:after{border-color: #666;}
.activities-prev:hover, .activities-next:hover{background-position-y: bottom;}
.product-list-many li:hover .hover-show{opacity: 1;}
.product-list-many li:hover .hover-show .fulllink{display: block;}}
.detailpage11{font-size: 16px;padding-top: 20px;margin-top: 30px;color: #333;line-height: 28px;border-top: 1px solid #d9d9d9;}
.detailpage11 dd a{color: #333;}
.detailback11{display: block;width: 144px;height: 49px;background-color: #f60;color: #fff;text-align: center;line-height: 49px;margin: 15px auto 0;}
.detailback11:hover{color: #fff;}
@media(min-width:992px){.detailpage11{padding-top: 35px;margin-top: 10px;}
.detailpage11 dd{float: left;}
.detailpage11 dt{float: right;}
.detailback11{margin: 0;}}
@media(min-width:1200px){.ceo-speech dt{padding-right: 180px;}
.subcompany dl{display: table;}
.subcompany dd, .subcompany dt{display: table-cell;width: 50%;vertical-align: top;}
.subcompany dt{padding-top: 8px;}
.subcompany dd{padding-left: 60px;}
.subcompany dd img{margin: 0;}
.subcompany-bd a{font-size: 16px;}
.culture dl{min-height: 285px;}
.culture dl dt, .culture dl dd{padding: 50px 60px;}
.culture dl h3{font-size: 26px;}
.activities{padding-top: 95px;padding-bottom: 60px;}
.activities h2{font-size: 36px;padding-bottom: 45px;}
.about-company-top h2{font-size: 28px;padding-top: 0;line-height: 40px;}
.about-company-top-img{width: 525px;}
.about-company-top-text{width: 675px;padding-left: 30px;font-size: 16px;line-height: 40px;}
.about-company-middle{padding-top: 35px;}
.about-company-middle li .thumb{min-height: 0;font-size: 18px;padding-bottom: 30px;}
.about-company-middle li .num{font-size: 48px;}
.about-company-bottom{padding-top: 30px;line-height: 30px;font-size: 16px;}
.about-company-bottom dt, .about-company-bottom dd{float: left;width: 50%;}
.about-company-bottom img{margin: 0;}
.about-company-bottom dd{padding-left: 30px;}
.about-company-bottom dl{padding-bottom: 50px;}
.about-company-bottom dl:nth-child(2n) dt{float: right;}
.about-company-bottom dl:nth-child(2n) dd{padding-left: 0;padding-right: 30px;}
.about-company-bottom dl:last-child{padding-bottom: 5px;}
.thumb-popup402-box .close{right: -27px;}
.case-list{padding-bottom: 5px;}
.case-list ul{padding-bottom: 35px;}
.contact-top h2{color: #323232;padding-top: 20px;font-size: 24px;padding-bottom: 30px;}
.contact-top dd, .contact-top dt{width: 50%;}
.contact-top dt{padding-right: 30px;line-height: 24px;}
.contact-top p{margin-bottom: 10px;}
.contact-map{padding: 60px 0 50px;}
.contact-feedback{padding: 30px 0;max-width: 1200px;margin: 0 auto;padding-bottom: 25px;}
.contact-feedback h3{font-size: 24px;line-height: 36px;padding-bottom: 30px;}
.contact-feedback input{height: 60px;font-size: 16px;padding-left: 10px;}
.contact-feedback .must{top: 23px;}
.contact-feedback li{padding: 0 15px;margin-bottom: 10px;}
.contact-feedback .col-xs-12{padding: 0 15px;}
.contact-feedback ul{margin: 0 -15px 20px;}
.contact-feedback textarea{height: 188px;font-size: 16px;padding-left: 10px;}
.contact-feedback input[type=submit], .contact-feedback input[type=reset]{font-size: 18px;padding: 0;}
.product-list-few dl{padding-bottom: 45px;margin-bottom: 50px;}
.product-list-few dt{width: 38%;padding-right: 10px;max-width: 455px;}
.product-list-few dl:last-child{margin-bottom: 25px;}
.product-list-many ul{padding-bottom: 60px;}
.product-list-many li{padding: 20px 30px;}
.product-list-many .hover-show .desc{height: auto;font-size: 16px;margin-bottom: 13px;line-height: 24px;}
.product-list-many .hover-show .tit{font-size: 20px;padding-top: 20px;}
.product-list-many h3{font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list-many .img{margin-bottom: 17px;}
.producr-detail{padding-top: 15px;}
.producr-detail h3{font-size: 36px;line-height: 36px;padding-bottom: 20px;}
.producr-detail h4{font-size: 20px;line-height: 32px;}
.producr-detail img{margin-top: 65px;}
.procudt-detail-one{padding-bottom: 57px;}
.procudt-detail-two{padding-top: 105px;padding-bottom: 90px;}
.procudt-detail-two img{margin-top: 45px;}
.procudt-detail-three{padding-top: 100px;padding-bottom: 105px;}
.procudt-detail-four{padding-top: 75px;padding-bottom: 70px;}
.procudt-detail-four img{margin-top: 100px;}
.news-list dl h3 a{font-size: 22px;width: 760px;}}
@media(min-width:1340px){.subcompany-switch{padding: 0;}
.subcompany-prev{left: -65px;}
.subcompany-next{right: -65px;}}
@media(min-width:1400px){.activities-scroll{padding: 0;}
.activities-prev{left: -92px;}
.activities-next{right: -92px;}}
.searchtitle401{padding: 15px;background-color: #f1f1f1;}
.resultlist401{font-size: 13px;padding: 15px 0;}
.resultlist401 img{display: block;width: 100%;}
.resultlist401 li{padding: 15px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin-bottom: -1px;}
.resultlist401 h4{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
.resultlist401 h4 a{display: block;}
.resultlist401 h4 em{color: red;}
.resultlist401 h4 a{display: block;}
.resulttext401{height: 72px;font-size: 14px;line-height: 24px;display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;color: #666;}
.resultlabel401{color: #333;display: inline-block;padding-top: 3%;}
.searchinputcont401{padding-right: 60px;}
.searchinputcont401 dt input{position: relative;float: left;width: 100%;height: 40px;line-height: 40px;text-indent: 12px;font-size: 15px;color: #333;background-color: #fff;}
.searchinputcont401 dd input{position: relative;left: 60px;margin-left: -60px;float: left;width: 60px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;cursor: pointer;background: #f60;}
.searchimg401{display: block;margin-bottom: 3%;}
@media(min-width:768px){.searchinputcont401{max-width: 61.8%;margin: 0 auto;}
.searchtitle401{font-size: 24px;}
.resultlist401{padding: 3% 0;}
.resultlist401 img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 100%;width: auto;}
.searchimg401{float: left;margin: 0 3% 0 0;display: block;width: 200px;height: 150px;overflow: hidden;position: relative;}
.resultlist401 h4{font-size: 20px;margin-bottom: 2%;}}
@media(min-width:1024px){.searchtitle401{margin-top: 40px;padding: 28px 15px;}
.searchinputcont401{width: 45%;}
.searchinputcont401 dt{float: left;width: 78%;}
.searchinputcont401 dd{float: left;width: 22%;}
.searchinputcont401 dd input{left: 0;margin-left: 0;width: 100%;}
.searchinputcont401 dt input{font-size: 18px;}
.searchinputcont401 dd input{font-size: 18px;background-position: 80% center;}}
.laypage_main span, .laypage_main a{width: 35px!important;height: 35px!important;line-height: 35px!important;font-size: 13px;vertical-align: top;padding: 0!important;}
.laypage_main a{color: #808080;background-color: #fff!important;border: 1px solid #d8d8d8;padding: 0!important;margin: 0 5px!important;}
.laypage_next, .laypage_next, .laypage_main span{margin: 0!important;padding: 0!important;}
.laypage_next, .laypage_next{margin: 0 10px!important;}
.laypage_main img{vertical-align: middle;}

.sub-nav li h4{font-size: inherit;}
.pagination{clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size: 14px}
.pagination ul li{display: inline-block;border: 1px solid #ccc;padding: 10px 18px;margin: 0 1px;line-height: 24px;background: #fff;color: #999}
.pagination ul li:hover{background: #f60;color: #fff;border: 1px solid #f60}
.pagination ul li:hover a{color: #fff;}
.pagination ul li.thisclass{display: inline-block;border: 1px solid #f60;padding: 10px 18px;margin: 0 1px;background: #f60;color: #fff;}
.pagination ul li.thisclass a{color: #fff;}
.pagination ul li a{display: block;color: #999}
.pagination ul li a:hover{color: #fff;}
@media(max-width:768px){.page-item{width: 60px;}}
.page-item:after{clear: both;}
.page-link{display: inline-block;}
.in-link-dot{display: none;}
.main{margin: 0 auto;text-align: left;position: relative;}
@media(min-width:1366px){.main{padding: 0 135px 0 135px;}}
.topBar{width: 100%;height: 30px;overflow: hidden;background: #f2f2f2;}
.topBar .topL{height: 25px;padding: 5px 0;}
.topBar .topL p{float: left;width: 170px;color: #999;font-size: 12px;padding-left: 30px;line-height: 20px;}
.topBar .topL p.tel{background: url(../image/tel.png) no-repeat left center;}
.topBar .topL p.email{background: url(../image/email.png) no-repeat left center;}
.topBar .share{color: #999;font-size: 12px;height: 25px;padding: 5px 0;}
.topBar .share a{display: block;float: left;width: 25px;height: 20px;text-indent: -9999px;}
.topBar .pinterest{background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/pinterest.png) no-repeat center;}
.topBar .linkedin{background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/inter.png) no-repeat center;}
.topBar .twitter{background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/twitter.png) no-repeat center;}
.topBar .facebook{background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/face.png) no-repeat center;}
.topBar .googleplus{background: url(http://t20007.mbdemo.18inter.com/Templates/T20007/images/plus.png) no-repeat center;}
.floatR{float: right;}
.grid_35{width: 350px;float: left;text-align: left;}
@media(max-width:768px){.topBar{display: none;}
.in-link li img{width: 60px;}}
@media(min-width:768px){.tzShop-item_image{min-height: 160px;position: relative;}
.tzShop-item_image img{position: absolute;bottom: 0;}}


/*product css*/
body, html{height: 100%}
.container{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto}
@media (min-width:768px){.container{max-width: 750px}}
@media (min-width:992px){.container{max-width: 970px}}
@media (min-width:1200px){.container{max-width: 1230px}}
#article_content img{height: auto!important;max-width: 100%}
#article_content{word-wrap: break-word}
.info_product_btn{display: block;margin-top: 110px}
.info_product_btn a{padding: 18px;font-size: 18px;color: #fff!important}
.btn-success{color: #fff;background-color: #f70;border-color: #255625;line-height: 60px}
.btn-success:hover{color: #fff;background-color: #f60;border-color: #f60}
.btn-danger{color: #fff;background-color: #4c4c4c}
.btn-danger:hover{color: #fff;background-color: #333;border-color: #333}
.row:before{display: table;content: " "}
.row:after{clear: both}
.product-container{min-height: 600px;overflow: hidden}
.summary{margin-left: 20px}
@media(max-width:768px){.summary{margin-left: 0}}
.product_title{padding-bottom: 20px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #dcdbdb;font-size: 22px;line-height: 28px;font-weight: 400;text-decoration: none;text-transform: uppercase;color: #f60;margin: 15px 0 8px}
@media(max-width:768px){.product_title{font-size: 20px}}
.product-container img{height: auto;max-width: 100%}
.product_desc{width: 80%;font-size: 14px;text-decoration: none;text-transform: uppercase;color: #333;margin: 15px 0 8px}
.product-share{margin-top: 20px;margin-left: -6px}
.product-share a{float: left;padding-left: 6px}
.product_share .product_share_social .tz_social i{background: 0 0;color: #fff;height: 40px;left: 0;line-height: 40px;position: absolute;top: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;-ms-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;width: 40px;z-index: 10}
label{display: inline-block;max-width: 100%;font-size: 16px;margin: 10px 0 0}
@media(max-width:768px){label{font-size: 14px}}
#shop{font-size: 18px;margin: 0;line-height: 1;cursor: pointer;position: relative;text-decoration: none;overflow: visible;padding: .618em 2.2em;border-radius: 3px;left: auto;color: #fff;background-color: #f60;border: 0;display: inline-block;background-image: none;box-shadow: none;text-shadow: none}
#shop:hover{background-color: #f70}
.product-tabs{display: block;padding: 0 0 52px;margin-bottom: 44px;margin-top: 30px}
.product-tabs p{word-break: break-word}
ul.products li{margin: 0;padding: 15px;width: 25%;float: left}
.desc_title{width: 130px;float: left;line-height: 20px}
.desc_line{height: 1px;background-color: #dcdbdb;float: right;width: 88%;margin-top: 10px}
@media(max-width:640px){.desc_title{width: 130px;float: left;line-height: 20px;font-size: 16px}
.desc_line{height: 1px;background-color: #dcdbdb;float: right;width: 60%;margin-top: 10px}}
.related_title{width: 20%;float: left;line-height: 20px;font-size: 20px}
.related_line{height: 1px;background-color: #dcdbdb;float: right;width: 85%;margin-top: -10px}
@media(max-width:640px){.related_title{width: 35%;float: left;line-height: 20px;font-size: 16px}
.related_line{height: 1px;background-color: #dcdbdb;float: right;width: 65%;margin-top: 10px}}
.products{overflow: hidden}
.tzShop-item_title{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
@media (max-width:768px){.info_product_btn a{font-size: 16px}}
@media(max-width:768px){.tzShop-item_image{height: 168px;position: relative}
.tzShop-item_image img{position: absolute;bottom: 0}}
@media (max-width:640px){ul.products li{margin: 0 0 .5em;width: 50%;float: left;height: 200px}}
.row{margin-right: -15px;margin-left: -15px;overflow: hidden}
.well{background: #ddd;z-index: 9999}
.none{display: none}
.form-horizontal .form-group{margin-bottom: 15px;overflow: hidden}
.form-group::after{clear: both}
#cover{position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, .4);width: 100%;height: 100%;opacity: .6;display: none;z-index: 999}
#close{float: right;margin: 10px;cursor: pointer;font-size: 20px}
@media (min-width:768px){.form-horizontal .control-label{text-align: left;margin-bottom: 0;padding-top: 7px}
.col-sm-offset-2{margin-left: 16.66666667%}}
form{clear: both}
.common-form{position: absolute;top: 0;left: 20%;width: 600px;z-index: 9999}
@media(max-width:768px){.common-form{position: absolute;top: 0;left: 0;width: 100%;z-index: 9999;padding: 10px}}
.open-dialog-btn{color: #fff;background-color: #95a5a6;border-color: #95a5a6;padding: 10px;margin-bottom: 20px;cursor: pointer}
.form-control{display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #2c3e50;background-color: #fff;background-image: none;border: 1px solid #dce4ec;border-radius: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{float: left}
.col-xs-12{width: 100%}
.col-xs-11{width: 91.66666667%}
.col-xs-10{width: 83.33333333%}
.col-xs-9{width: 75%}
.col-xs-8{width: 66.66666667%}
.col-xs-7{width: 58.33333333%}
.col-xs-6{width: 50%}
.col-xs-5{width: 41.66666667%}
.col-xs-4{width: 33.33333333%}
.col-xs-3{width: 25%}
.col-xs-2{width: 16.66666667%}
.col-xs-1{width: 8.33333333%}
.spider{padding: 14px 17px;clear: both;margin: 0 auto;margin-top: 30px;color: #b2b2b2;line-height: 24px;background: #fefefe;border: solid 1px #f0f0f0}
.spider h1, .spider h2, .spider h3, .spider h5{font-size: 12px;font-weight: 400;display: inline}

.jieshao {
    margin-top: 40px;
}
.in-complex .left {
    width: 49%;
    padding: 150px 0;
    display: block;
	float: left;
}
.in-complex .left img{
    width: 100%;
    
    display: block;
}
.in-complex .right{
	width: 46%;
	float: right;
	padding: 290px 0;
}
.in-complex .right h3 {
    color: #eeeeee;
    font-size: 80px;
    height: 80px;
    line-height: 80px;
    font-weight: bold;
}
.in-complex .right h5 {
    font-size: 34px;
    margin-top: -38px;
    margin-bottom: 50px;
    line-height: 34px;
}
.in-complex .right p{
    font-size: 16px;
    color: #313131;
	line-height: 24px;line-height: 1.6em;text-align: justify;
}
.jieshao  li{
	float: left; 
	margin-right: 4%;
	width: 14%;
	text-align: center;
	margin-top: 20px;
}
.jieshao  li a img{
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.in-complex  .jieshao  li a p{
	font-size: 16px;
	color: #52af44;
}
.in-Case .lius h6 {
	color: #282828;
	font-size: 22px;
	margin: 5% 0;
}
.in-Case .lius p {
	color: #575757;
	font-size: 16px;
	padding: 0 10%;
}
.in-Case .lius .words {
        display: block;
        margin: 20px auto;
        width: 140px;
        text-align: center;
        height: 40px;
        line-height: 40px;
        background: #52af44;
    }
.in-Case .lius .words a{
	color: white;
}
.bimg {
	width: 100%;
	
}
.bimg img {
    width: 100%;
    display: block;
}
.in-Product h3 {
    font-size: 80px;
    font-weight: bold;
    line-height: 54px;
    color: #ffffff;
   /* text-transform: uppercase; */
    text-align: left;
}
.in-Product .contents{margin: 0% auto;}
.in-Product h5 {
    font-size: 34px;
    padding-bottom: 10px;
    color: #000000;
    margin-top: -24px;
    position: relative;
    text-align: left;
}
.in-Product h5::after {
	    display: none;
	    content: "";
	    width: 100px;
	    height: 4px;
	    background: url(../image/b_bj.jpg) no-repeat;
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, 0);
	    bottom: -20px;
		
	}
	.in-Product h2 {
	    font-size: 26px;
	    padding-bottom: 26px;
	    color: #444343;
	    margin-top: 10px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
		line-height: 34px;
	}
		
	.in-Product p{
		font-size: 16px;
		color: #444343;
		 display: -webkit-box;             /* 必须设置，用于多行溢出 */
		  -webkit-box-orient: vertical;     /* 设置盒子排列方向为垂直 */
		  -webkit-line-clamp: 2;            /* 限制显示的行数，例如显示 3 行 */
		  overflow: hidden;  
		
	}
	.in-Product .thumb h2 {
	    font-size: 18px;
	    padding-bottom: 10px;
	    color: #444343;
	    margin-top: 10px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	.in-Product .thumb p{
		font-size: 14px;
		color: #444343;
		 display: -webkit-box;             /* 必须设置，用于多行溢出 */
		  -webkit-box-orient: vertical;     /* 设置盒子排列方向为垂直 */
		  -webkit-line-clamp: 1;            /* 限制显示的行数，例如显示 3 行 */
		  overflow: hidden;  
		
	}
	.in-Product .in-Product-big-text span{
		color: #a2a2a2;
		font-size: 14px;
		display: inline-block;
		margin-top: 10%;
	}
	.in-Product .in-Product-text span {
	    color: #a2a2a2;
	    font-size: 12px;
	    display: inline-block;
	    margin-top: 30px;
	}
	.in-Product .in-Product-big-text {
	        font-size: 16px;
	        padding-top: 7%;
	        /* padding-left: 30px; */
	        position: relative;
	        padding: 98px 4%;
	    }
		.xibao {
		    width: 100%;
		    position: relative;
		    margin-top: 130px;
		}
		.xibao img{
			width: 100%;
			position: relative;
			display: block;
			
		}
.xibao .wenben{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}
.xibao .wenben h4{
	color: white;
	font-size: 34px;
	margin-top: 13%;
	
}
.bgs {
    width: 630px;
    display: block;
    z-index: 0;
    background: #eaac1e;
    margin-top: -4px;
    height: 30px;
}

.xibao .contents{
	display: block;
	width: 84%;
	margin: 0 auto;
}
.xibao .fr {
    width: 40%;display: flex;gap: 25px;justify-content: right;
    color: #fff;padding-top: 5%;
}
.xibao .fr .li{text-align: center}
.xibao .fr img{
	display: inline-block;
    width: 200px;
	margin-right: 5%;
}
.banner ul{
		height: auto;
	}
.banner2 ul{
		height: auto;
}
.newbox{
	margin-top: 5%;
}	
.newnav {
    width: 33%;
    display: flex;
    float: right;
    justify-content: space-between;
	margin-bottom: 40px;
}
.newnav a {
    height: 50px;
    line-height: 50px;
    color: #808080;
    font-size: 16px;
    border: 1px Solid #9b9b9b;
    width: 30%;
    text-align: center;
}
.newnav a.on{
	background: #8fb954;
	color: white;
	border-color:#8fb954 ;
}
.liubox {
    clear: both;
	margin-top: 50px;
	overflow: hidden;
	
}
.boxli{
	display: none;
}
.boxli:first-child{
	display: block;
}

@media (max-width: 1000px) {

   .in-complex .contents {
       width: 92%;
       margin: auto;
       display: block;
       overflow: hidden;
   }
   
   .in-complex .left{
       width: 100%;
	   padding: 30px 0;
    }
	.in-complex .right{
		width: 100%;
		padding: 30px 0;
	}
	.in-complex .right h3 {
	    color: #eeeeee;
	    font-size: 30px;
	    height: 40px;
	    line-height: 40px;
	    font-weight: bold;
	}
	.in-complex .right h5 {
	    font-size: 20px;
	    margin-top: -10px;
	    margin-bottom: 20px;
	}
	.jieshao ul{
		margin-right: -4%;
	}
	.jieshao li {
	    float: left;
	    margin-right: 4%;
	    width: 21%;
	    text-align: center;
	    margin-top: 20px;
	}
	.in-Case .contents {
	    width: 100%;
	    margin: auto;
	    display: block;
	    overflow: hidden;
	} 
	.youshi .contents{
		width: 98%;
	}
	    .youshi .uls li.swiper-slide-thumb-active {
	        background: #8fb954;
	    }
	    .youshi .uls ul {
	        margin-right: -1%;
	        height: auto;
			margin-top: 20px;
			margin-bottom: 20px;
	    }
	        .youshi .uls li {
	            width: 18%;
	            text-align: center;
	            background: white;
	            border-radius: 10px;
	            box-shadow: 0px 0px 6px 3px rgb(0 0 0 / 10%);
	            float: left;
	            margin-right: 2%;
	            height: auto;
	        }
  .youshi .uls li h4 {
		            font-size: 22px;
		            line-height: 40px;
		            color: #8fb954;
		            font-weight: bold;
		        }
	 .youshi .uls li.swiper-slide-thumb-active h4 { 
			 color: white;      
	}
.youshi .uls li.swiper-slide-thumb-active p {
		font-size: 22px;
		font-weight: bold;			     
		 color: white;			   
	 }
	     .youshi .uls li::after {
	         content: "";
	         display: block;
	         width: 20px;
	         height: 16px;
	         background-image: url(../image/san_bj.png);
	         background-repeat: no-repeat;
	         background-size: 100% 100%;
	         position: absolute;
	         left: 38%;
	         transform: translate(0, -50%);
	         bottom: -28px;
	         opacity: 0;
	     }
	 .youshi	.uls li.swiper-slide-thumb-active::after{
	 	opacity: 1;
	 }
	 .banner2 img {
	     height: 100px;
	     position: relative;
	     left: 50%;
	     -webkit-transform: translateX(-50%);
	     -ms-transform: translateX(-50%);
	     transform: translateX(-50%);
	     display: block;
	 }
        .youshi .uls li p {
            color: #333333;
            font-size: 12px;
            margin: 0px 0 6px 0;
            line-height: 14px;
        }
	.youshi h5::after {
	    display: block;
	    content: "";
	    width: 50px;
	    height: 4px;
	   
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, 0);
	    bottom: 0px;
	}
	    .in-Case h5::after {
	        display: block;
	        content: "";
	        width: 50px;
	        height: 4px;
	        /* background: #eaac1e; */
	        position: absolute;
	        left: 50%;
	        transform: translate(-50%, 0);
	        bottom: 0px;
	    }
	.in-Case .lius h6 {
	    color: #282828;
	    font-size: 20px;
	    margin: 5% 0;
	}
	.in-Case .lius p {
	    color: #575757;
	    font-size: 14px;
	    padding: 0 0%;
	}
	.in-Product h3 {
	    font-size: 24px;
	    font-weight: bold;
	    line-height: 30px;
	    color: #eeeeee;
	    text-transform: uppercase;
	    text-align: center;
	}
	.in-Product h5 {
	    font-size: 20px;
	    padding-bottom: 10px;
	    color: #000000;
	    
	    margin-top: -15px;
	    position: relative;
	    text-align: center;
	}
	.in-Product h5::after {
	    display: block;
	    content: "";
	    width: 40px;
	    height: 4px;
	    background:url(../image/b_bj.jpg) no-repeat;
		background-size: 100% 100%;
	    position: absolute;
	    left: 50%;
	    transform: translate(-50%, 0);
	    bottom: 0px;
	}
	.in-Product .contents {
	    margin: 2% auto;
	    width: 100%;
	}
	.in-Product .in-Product-big-text {
	    font-size: 16px;
	    padding-top: 7%;
	    /* padding-left: 30px; */
	    position: relative;
	    padding: 4% 0%;
	}
	
	.in-complex .jieshao li a p {
	    font-size: 16px;
	    color: #52af44;
	}
	
	.in-Product .in-Product-big-text a {
	    float: right;
	    font-size: 14px;
	    background: #52af44;
	    width: 110px;
	    text-align: center;
	    color: white;
	    line-height: 36px;
	    height: 36px;
	    margin-top: 8%;
	}
	.in-Product li {
	    padding-bottom: 30px;
	}
	.xibao {
	    width: 100%;
	    position: relative;
	    margin-top: 30px;
	}
	.xibao .fr {
	    width: 100%;
	}
	       .xibao .wenben {
	           position: relative;
	           margin-top: -60px;
	           width: 100%;
	           z-index: 1;
			   top: 0;
	       }
	.xibao .wenben h4 {
	    color: white;
	    font-size: 16px;
	    margin-top: 0;
	}
	.xibao .fl {
	    float: left;
	    width: 100%;
	}
	.bgs {
	    width: 630px;
	    display: block;
	    z-index: 0;
	    background: #eaac1e;
	    margin-top: -4px;
	    height: 30px;
	    display: none;
	}
	.xibao .contents {
	    display: block;
	    width: 94%;
	    margin: 0 auto;
	}
	
	    .xibao .fr {
	        width: 100%;
	        text-align: center;
	        display: flex;
	        justify-content: space-around;flex-wrap: wrap;
	    }
	    .xibao .fr img {
	        display: inline-block;
	        margin-top: 8%;
	        width: 167px;
	        margin-right: 2%;
	        margin-bottom: 6%;
	    }
		.fa.fa-bars{
			margin-top: 10px;
		}
		.newnav {
		    width: 100%;
		    display: flex;
		    float: right;
		    justify-content: space-between;
		    margin-bottom: 20px;
		    padding: 0 2%;
		}
		.in-Product .fl {
		        width: 100%;
		        float: none;
		        padding: 2%;
		    } 
			.in-Product .fl ul {
			    margin-right: 0%;
			}
			
		.in-Product .fl li {
		    width: 100%;
		    float: left;
		    margin-right: 0%;
		}
			.in-Product .fr {
			    width: 100%;
			    float: right;
			    padding: 20px;
			    background: white;
			    height: 605px;
			    overflow-y: scroll;
			}
			
			.yewu h5::after {
			        display: block;
			        content: "";
			        width: 40px;
			        height: 4px;
			        background: url(../image/b_bj.jpg) no-repeat;
			        background-size: 100% 100%;
			        position: absolute;
			        left: 50%;
			        transform: translate(-50%, 0);
			        bottom: 0px;
			    }
			
	
}

.yewu .yelist {
    padding: 1%;
    margin-top: 70px;
}
.yelist ul{
	margin-right: -4%;
   }
.yelist ul li{
	width: 46%;
	float: left;
	box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
	margin-right: 4%;
	padding: 5% 0;
	margin-bottom: 4%;
	
}
.yelist ul li a{
	display: flex;
	justify-content: left;
	align-items: center;
}

.yelist ul li img{
	display: block;
	width: 140px;
	
}
.yelist ul li .img2{
	display: none;
}

.imgbox {
	margin-left: 6%;
    margin-right: 30px;
}
.yelist ul li h6{
	font-size: 24px;
	color: #343434;
	font-weight: bold;
	margin-bottom: 20px;
}
.yelist ul li p{
	font-size: 16px;
	color: #3f3f3f;
}
.yelist ul li a:hover .img1{
	display: none;
}
.yelist ul li a:hover .img2{
	display: block;
}
.in-complex .left a{
	position: relative;
}
.wens {
    position: absolute;
    text-align: center;
    font-size: 28px;
    color: white;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.in-complex .left .wens img{
	display: block;
	margin:  auto;
	width: 130px;
	margin-bottom: 20px;
	
}

.fb-bounceIn {
    -webkit-animation-name: fb-bounceIn;
    animation-name: fb-bounceIn;
}
zizhi
@media (max-width: 760px) {
	
	.yewu {
				    padding: 4% 0;
				}
	.yewu .contents{
		width: 98%;
	}	
			.yewu .yelist {
			    padding: 4%;
			    margin-top: 30px;
			}
				.yelist ul li {
				    width: 98%;
				    float: none;
				    box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 10%);
				    margin-right: 0;
				    padding: 5% 0;
				    margin-bottom: 10%;
					padding-right: 10px;
				}
				    .yelist ul li img {
				        display: block;
				        width: 70px;
				        margin: 20px auto;
				    }
				.yelist ul li a {
				    display: flex;
				    justify-content: left;
				    align-items: center;
				    text-align: left;
				}
				.yelist ul li h6 {
				    font-size: 18px;
				    color: #343434;
				    font-weight: bold;
				    margin-bottom: 16px;
				}
				.yelist ul li p {
				    font-size: 14px;
				    color: #3f3f3f;
				}
				.imgbox {
				    margin-left: 10px;
				    margin-right: 10px;
				}
				.newnav a {
				    height: 40px;
				    line-height: 40px;
				    color: #808080;
				    font-size: 16px;
				    border: 1px Solid #9b9b9b;
				    width: 30%;
				    text-align: center;
				}
			    .newnav {
			        width: 100%;
			        display: flex;
			        float: right;
			        justify-content: space-between;
			        margin-bottom: 20px;
			        padding: 0 4%;
			    }
			    .in-Product .fl {
			        width: 100%;
			        float: none;
			        padding: 4%;
			    }
			.in-Product .fr {
			       
			        margin-bottom: 30px;
			    }
}


@media (min-width: 1200px) {
	.in-complex .right h3 {
	    color: #eeeeee;
	    font-size: 66px;
	    height: 80px;
	    line-height: 80px;
	    font-weight: bold;
	}
	.in-complex .right {
	    width: 48%;
	    float: right;
	    padding: 150px 0;
	}
	.in-complex .right h5 {
	    font-size: 34px;
	    margin-top: -38px;
	    margin-bottom: 26px;
	    line-height: 34px;
	}
	.jieshao {
	    margin-top: 0px;
	}
	.in-Product {
	    background: whitesmoke;
	    margin-top: -50px;
	    padding: 110px 0;
	}    
	.in-Product .fr {
	    width: 33%;
	    float: right;
	    padding: 20px 20px 0 20px;
	    background: white;
	    height: 461px;
	    overflow-y: scroll;
	}
	.xibao .fr img {
	        display: inline-block;
	        margin-top: 25%;
	        width: 130px;
	        margin-right: 5%;
	    }
	.xibao .fr {
	    width: 31%;
	    text-align: right;
	}
	.xibao .wenben h4 {
	    line-height: 40px;
	    color: white;
	    font-size: 34px;
	    margin-top: 10%;
	}
}

@media (min-width: 1400px) {
	.in-Product .fr {
	    width: 33%;
	    float: right;
	    padding: 20px;
	    background: white;
	    height: 542px;
	    overflow-y: scroll;
	}
}
@media (min-width: 1680px) {
	.contents {
	    width: 1340px;
	    margin: auto;
	    display: block;
	    overflow: hidden;
	}
	.xibao .contents {
	    display: block;
	    width: 1340px;
	    margin: 0 auto;
	}
	.in-complex .left {
	    width: 46%;
	    padding: 150px 0;
	    display: block;
	    float: left;
	}
}
.pnav {
	font-size: 20px;
	color: #101010;
	padding: 20px 0;
}
.pnav a:hover{
	color: #52af44;
	
}
.topnav{
	border-bottom: 1px solid #e5e5e5;
	margin: 30px 0 0 0;
	padding-bottom: 20px;
}
.topnav h3{
	font-size: 40px;
	color: #eeeeee;
	font-weight: bold;
	line-height: 60px;
	
}
.topnav h4{
	font-size: 40px;
	color: #000000;
	font-weight: 500;
	position: relative;
	margin-top: -40px;
	line-height: 60px;
	
}
.topnav h4:before{
	position: absolute;
	content: "";
	width: 200px;
	height: 10px;
	background:#52af44;
	display: block;
	bottom: 0px;
}

.tnav {
    float: right;
    width: 68%;
    margin-top: -20px;
    z-index: 2;
    position: relative;
}
.tnav ul {
    display: flex;
    justify-content: right;
}
.tnav ul li{
	padding: 0px 20px;
	font-size: 18px;
	color:#101010;
	position: relative;
}
/* .tnav ul li:before {
    content: "";
    position: absolute;
    width: 60px;
    background: #3b72b8;
    height: 10px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
} */
.tnav ul li.on:before{
    content: "";
    position: absolute;
    width: 60px;
    background: #3b72b8;
    height: 10px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
}
.tnav ul li:hover:before{
    content: "";
    position: absolute;
    width: 60px;
    background: #3b72b8;
    height: 10px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
}
.neirong{
	padding: 50px 0px;
	overflow:hidden;
}
.neirong .fl{
	width: 32%;
	float: left;
}
.neirong .fl img{
	width: 100%;
	display: block;
}
.neirong .fr {
    width: 62%;
    float: right;
    padding-top: 30px;
}
.neirong .fr p{
	color: #000000;
	font-size: 16px;
	line-height: 30px;
	font-weight: 400;
	text-indent: 2em;
}
.neirong .fl .lianxi {
	margin-top: 60px;
}

.neirong .fl .lianxi  h4{
	font-size: 32px;
	color: #000000;
	line-height: 60px;
}
.neirong .fl .lianxi  span{
	font-size: 20px;
	color: #676767;
	line-height: 30px;
}
.neirong .fl .lianxi  p{
	font-size: 16px;
	color: #676767;
	line-height: 30px;
}

.dianbox .dian{
	float: left;
	width: 50%;
	margin-bottom: 30px;
}
.dianbox .dian:nth-child(1){width: 100%;}
.product{
	margin: 50px 0;
	overflow: hidden;
}
.product .fl{
	width: 60%;
	float: left;
} 
.product .fl h4{
	display: inline-block;
	padding: 0 20px;
	font-size: 32px;
	font-weight: 100;
	line-height: 50px;
	background: #eaac1e;
	border-radius: 30px;
	color: white;
	margin: 50px 0;
}
.product .fl p {
    font-size: 24px;
    color: black;
    line-height: 32px;
    margin-bottom: 30px;
}
.product .fl h5{
	display: inline-block;
	padding: 0 20px;
	font-size: 26px;
	font-weight: 400;
	line-height: 50px;
	background: #3b72b8;
	border-radius: 30px;
	color: white;
	margin: 50px 0;
}
.product .fl img{
	display: block;
	width: auto;
	max-width: 100%;
}
.product .fr {
    width: 33%;
    float: right;
}
.product .fr img{
	display: block;
	width: 100%;
	max-width: 100%;
}

.nwes ul li {
    display: flex;
    justify-content: space-between;
    width: 100%;
	border-bottom: 1px Solid #eee;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
.nwes ul li img{
	width: 100%;
	display: block;
	max-width: 434px;object-fit: cover;
}
.nwes ul li .textbox {
    padding: 20px 30px;
    width: 64%;
}
.nwes ul li .textbox h5{
	font-size: 20px;
	color: #3b72b8;
	margin-bottom: 30px;line-height: 1.2em;
}
.nwes ul li .textbox span.time{
	
	font-size: 16px;
	color: #999999;
}
.nwes ul li .textbox p{
	font-size: 16px;
	color: black;
	line-height: 30px;
	margin: 20px 0;
}
.nwes ul li .textbox a.mose{
	font-size: 16px;
	line-height: 40px;
	padding: 0 0px;
	display: inline-block;
	background: #3b72b8;
	color: white;
	border-radius: 30px;
	width: 140px;
	text-align: center;
}
.nwes ul li .timeimg{
	width:18px;
	display: inline-block;
	vertical-align: middle;
}



.pages {
	padding: 30px 0;
	background: white;
	text-align: center;
	overflow: hidden;
	clear: both;
}

.pages a {
	font-size: 12px;
	padding: 6px 10px;
	line-height: 30px;
	border: 1px solid #e3e3e3;
	color: #333333;
}

.pages a.active {
	background: #2160ad;
	color: white;
}

.pages a:hover {
	background: #2160ad;
	color: white;
}
.zizhi .fl {
    width: 15%;
    float: left;
    margin: 20px;
    background: #e4e4e4;
    padding: 30px;margin-top: 40px;
}
.zizhi .fl a {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #0e0e0e;
    /* margin: 28px 0; */
    border-radius: 30px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.zizhi .fl a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    width: 100px;
    height: 2px;
    background: url(../image/abj.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 50%;
    transform: translate(-50%, 0%);
}
.zizhi .fl a.on{
	background-color: #52af44;
	color: white;
	
	
}
.zizhi .fl a:hover{
	background-color: #52af44;
	color: white;
	
	
}
.zizhi .fl a:last-child::after{
	display: none;
}

.zizhi .fr{
	float: right;
	width: 78%;
	margin: 40px 0;
}
.zizhi .fr ul li{
	float: left;
	width: 22%;
	margin-right: 3%;
	margin-bottom: 40px;
}
.zizhi .fr ul li img{
	width: 100%;height: 154px;object-fit: contain;
	display: block;
}
.zizhi .fr ul li p{
	margin-top: 20px;
	font-size: 14px;
	color: #0e0e0e;
	text-align: center;height: 44px;line-height: 22px;overflow: hidden;
}
.pinneirong {
	margin-top:45px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.pinneirong .title{font-size: 22px;font-weight: bold;padding-bottom: 20px}
.pinneirong .title2{font-size: 16px;margin-top: 6px;display: flex;justify-content: center;align-items: center}
.pinneirong .title2 .icon img{width:18px;margin: 4px 5px 0 0}
.text-container {
            text-align: left;
            word-wrap: break-word;
            overflow-wrap: break-word;
            width: 640px;
        }
.text-container1{
	font-weight: 700;
	margin: 20px 0;
	font-weight: bold; 
}
.fabigneirong{
	margin: 30px 20px;
    display: flex;
}

.fabigneirong .fl {
    width: 15%;
    float: left;
    margin: 20px;
    background: #e4e4e4;
    padding: 30px;
}
.fabigneirong .fl a {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #0e0e0e;
    /* margin: 28px 0; */
    border-radius: 30px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.fabigneirong .fl a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    width: 100px;
    height: 2px;
    background: url(../image/abj.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 50%;
    transform: translate(-50%, 0%);
}
.fabigneirong .fl a.on{
	background-color: #52af44;
	color: white;
	
	
}
.fabigneirong .fl a:hover{
	background-color: #52af44;
	color: white;
	
	
}
.fabigneirong .fl a:last-child::after{
	display: none;
}
 .timeline-item {
            padding: 15px;
            border-left: 2px solid #ccc;
            position: relative;
        }

       .timeline-item::before {
            content: "";
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color:  #67c23a;
            position: absolute;
            left: -7px;
            top: 15px;
        }

       .date {
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
        }

       .description {
            font-size: 14px;
            margin-bottom: 10px;
        }

       .image-placeholder {
            width: 200px;
            height: 150px;
        }
.xiao-neirong h2{
	color:red;
	font-weight: bold;
	padding: 10px 0;
}
.xiao-neirong p{
	font-size:16px;
	padding: 10px 0;
}
.xibao-fl{
	width: 80%;padding-left: 25px;box-sizing: border-box;
}
.xibao-fl img{max-width: 100%}
.xiao-neirong .fl {
    width: 20%;
    margin: 10px;
    background: #e4e4e4;
    padding: 20px;
    height: auto;
}
.xiao-neirong .fl a {
    display: block;
    position: relative;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #0e0e0e;
    border-radius: 30px;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.xiao-neirong .fl a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    width: 100px;
    height: 2px;
    background: url(../image/abj.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 50%;
    transform: translate(-50%, 0%);
}
.xiao-neirong .fl a.on{
	background-color: #52af44;
	color: white;
	
	
}
.xiao-neirong .fl a:hover{
	background-color: #52af44;
	color: white;
	
	
}
.xiao-neirong .fl a:last-child::after{
	display: none;
}
.xiao-neirong {
    display: flex;
    width: 100%;
    margin-top: 45px;
    align-items: flex-start; 
}
.qiyeneirong{
	display:flex;
	 margin-top: 30px; 
}
.qiyeneirong .fl{
	width: 30%;
    float: left;
    margin: 10px;
    padding: 10px;
}
.qiyeneirong .fl h2{
	color:#e4cda7;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0;
}
.qiyeneirong .fl p{
	font-size: 16px;
	font-weight: 400;
	color: #0e0e0e;
}
.qiyeneirong .fr{
	width: 65%;
    padding-top: 30px;
}
.qiyeneirong .fr img{
	width: 100%;

}
 .person-list {
      display: flex;
      flex-wrap: wrap;
      gap: 50px;
      padding: 30px;margin-top: 20px;
    }

    .person-item {
      display: flex;
      align-items: center;
      width: calc(50% - 25px);
    }

    .person-img {
      width: 220px;
      height: 220px;
      border-radius: 50%;
      background-color: #c0c0c0; 
      margin-right: 20px;
      transition: transform 0.3s ease; 
    }
    .person-img:hover {
      transform: scale(1.1);
    }

    .person-info {
      flex: 1;
    }

    .person-info h3 {
      font-size: 20px;
      margin-bottom: 15px;
	  font-weight: bold;
    }

    .person-info p {
      font-size: 16px;
      color: #666;
      line-height: 1.8;
    }
.ertongyaimg{
		width: 300px;
		 height: auto;
		 margin-right:10px;
	}
	.container {
      display: flex;
      flex-wrap: nowrap;
      gap: 20px;
      max-width: 1200px;
      margin: 20px auto;
      padding: 0 10px;
    }

    .left-img,
    .right-img {
      flex: 1;
      min-width: 0; /* 解决图片拉伸问题 */
    }

    .left-img img,
    .right-img img {
      width: 100%;
      height: auto;
      display: block;
      border: none;
      border-radius: 4px;
    }
.jishu_mianyiimgneirong{
	width: 100%;
	display: flex;
	justify-content: center;
}
.chanpin_container {
            max-width: 1200px;
            margin: 30px auto;
        }

        .chanpin_section {
            margin-bottom: 30px;
        }

        .chanpin_section-title {
            font-size: 24px;
            font-weight: bold;
            color: #d9b379;
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

        .chanpin_section-title::before {
            content: "";
            display: inline-block;
            width: 8px;
            height: 24px;
            background-color: #d9b379;
            margin-right: 8px;
        }

        .chanpin_content-box {
            background-color: #fdf0d9;
            border-radius: 8px;
            padding: 20px;
        }

        .chanpin_content-box ul {
            list-style-type: disc;
            margin-left: 20px;
            line-height: 1.8;
        }
		.jishuptbig {
			margin-top: 45px;font-size: 16px;line-height: 1.8em;
		}
.jishuptbig img{
    max-width: 100%;
}
      .jishuptbig  h1 {
            font-size: 28px;
            font-weight: bold;
            margin-bottom: 10px;
        }
       .jishuptbig h2 {
            font-size: 20px;
            color: #666;
            margin-bottom: 30px;
        }
      .jishuptbig  p {
            margin-bottom: 20px;
            text-indent: 2em;
        }
      .jishuptbig  .img-container {
            display: flex;
            gap: 10px; 
            margin-top: 20px;
        }
      .jishuptbig  .img-container img {
            width: calc(100% / 3 - 10px); 
            height: auto;
            border: none;
            display: block;
        }
		.fuwu_big{
			margin-top: 45px;font-size: 16px;line-height: 1.8em;
		}
.fuwu_big img{
    max-width: 100%;
}
       .fuwu_big h2 {
            font-size: 24px; 
            font-weight: bold; 
            margin-bottom: 15px;
        }
       .fuwu_big .layout {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;       
            align-items: flex-start;
        }
        
      .fuwu_big  .text-section {
            flex: 1; 
            min-width: 280px;
        }
       .fuwu_big .text-section p {
            margin-bottom: 20px;
            text-indent: 2em; 
            font-size: 16px;
        }
        
       .fuwu_big .map-section {
            flex: 1; 
            min-width: 300px;
        }
       .fuwu_big .map-section img {
            width: 100%; 
            height: auto; 
            display: block;
            border: none;
            border-radius: 4px;
        }
       .fuwu_big .hotline {
            font-size: 18px; 
            font-weight: bold; 
            margin-top: 20px;
            color: #000;
        }
		
		.tnav {
    float: right;
    width: 68%;
    margin-top: -20px;
    z-index: 2;
    position: relative;
}
.tnav ul {
    display: flex;
    justify-content: right;
}
.tnav ul li{
	padding: 0px 20px;
	font-size: 18px;
	color:#101010;
	position: relative;
}
/* .tnav ul li:before {
    content: "";
    position: absolute;
    width: 60px;
    background: #3b72b8;
    height: 10px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
} */
.tnav ul li.on:before{
    content: "";
    position: absolute;
    width: 60px;
    background: #3b72b8;
    height: 10px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
}
.tnav ul li:hover:before{
    content: "";
    position: absolute;
    width: 60px;
    background: #3b72b8;
    height: 10px;
    bottom: -22px;
    left: 50%;
    transform: translate(-50%, 0);
}
 @media (max-width: 768px) {
            .text-section,
            .map-section {
                flex: none; 
                width: 100%;
            }
        }
@media (max-width: 1000px)
{
	.jishu_mianyiimgneirong img{
		width: 100%;
		height: auto;
	}
	  .person-list {
        gap: 15px; 
        padding: 15px;
    }

    .person-item {
        width: 100%; 
        align-items: center; 
        margin-bottom: 10px;
    }

    .person-img {
        width: 80px; 
        height: 80px;
        margin-right: 15px; 
    }

    .person-info h3 {
        font-size: 16px; 
        margin-bottom: 5px;
    }

    .person-info p {
        font-size: 12px; 
        line-height: 1.4;
    }
	 .qiyeneirong {
        flex-direction: column;
        margin-top: 15px;
    }
    
    .qiyeneirong .fl,
    .qiyeneirong .fr {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    
    .qiyeneirong .fl {
        margin-bottom: 15px;
    }
    
    .qiyeneirong .fl h2 {
        font-size: 18px;
        margin: 10px 0;
    }
    
    .qiyeneirong .fl p {
        font-size: 14px;
    }
    
    .qiyeneirong .fr {
        height: auto;
    }
    
    .qiyeneirong .fr img {
        height: auto;
        max-height: 300px;
        object-fit: cover;
    }
	.xiao-neirong  {
        margin: 15px 10px;
        display: flex;
        flex-direction: column;
    }

    .xiao-neirong  .fl {
        width: 100%;
		height: auto;
        float: none;
        margin: 10px 0;
        padding: 15px 10px; 
        background: #e4e4e4;
        overflow: hidden; 
    }

   .xiao-neirong  .navli {
        display: flex;
        gap: 15px;
        padding: 5px 0;
        overflow-x: auto; 
        scrollbar-width: none; 
    }

    .xiao-neirong  .navli::-webkit-scrollbar {
        display: none;
    }

    .xiao-neirong  .fl a {
        display: inline-block;
        padding: 8px 20px;
        margin: 0;
        white-space: nowrap; 
        flex-shrink: 0; 
    }

    .xiao-neirong  .fl a.on {
        background-color: #67c23a;
        color: white;
    }

    .xiao-neirong  .fl a::after {
        bottom: -8px;
        width: 40px;
    }
	.xibao-fl{
	    width: 88vw;
        height: auto;
	}
	.xibao-fl img{
	   width: 100%;
        height: auto;
	}
	.ertongyaimg{
		width: 100%;
		 height: auto;
	}
	.fabigneirong {
        margin: 15px 10px;
        display: flex;
        flex-direction: column;
    }

    .fabigneirong .fl {
        width: 100%;
        float: none;
        margin: 10px 0;
        padding: 15px 10px; 
        background: #e4e4e4;
        overflow: hidden; 
    }

    .fabigneirong .navli {
        display: flex;
        gap: 15px;
        padding: 5px 0;
        overflow-x: auto; 
        scrollbar-width: none; 
    }

    .fabigneirong .navli::-webkit-scrollbar {
        display: none;
    }

    .fabigneirong .fl a {
        display: inline-block;
        padding: 8px 20px;
        margin: 0;
        white-space: nowrap; 
        flex-shrink: 0; 
    }

    .fabigneirong .fl a.on {
        background-color: #67c23a;
        color: white;
    }

    .fabigneirong .fl a::after {
        bottom: -8px;
        width: 40px;
    }

    .fabigneirongtext {
        width: 100%;
        margin-top: 15px;
    }
    .date {
        font-size: 16px;
    }

    .description {
        font-size: 13px;
    }

    .image-placeholder {
        width: 100vw;
        height: auto;
        max-width: 200px;
    }
.pinneirong{
    max-width: 100vw; 
    margin: 0 auto; 
    padding: 0 15px;
}

.pinneirong video {
    width: 100vw;
    height: auto; 
    display: block; 
}
 .text-container {
        width: 100%; 
        box-sizing: border-box;
    }
	.pnav {
	    font-size: 16px;
	    color: #101010;
	    padding: 20px 0;
	}		
	.topnav h3 {
	    font-size: 24px;
	    color: #eeeeee;
	    font-weight: bold;
	    line-height: 40px;
	}
	.topnav h4 {
	    font-size: 20px;
	    color: #000000;
	    font-weight: 500;
	    position: relative;
	    margin-top: -26px;
	    line-height: 40px;
	}
	.topnav h4:before {
	    position: absolute;
	    content: "";
	    width: 144px;
	    height: 6px;
	    background: #52af44;
	    display: block;
	    bottom: 0px;
	}
	    .topnav {
	        border-bottom: none;
	        margin: 0px 0 0 0;
	        padding-bottom: 0px;
	    }
		.neirong .fl .lianxi {
		    margin-top: 0px;
		}
	.tnav {
	    float: none;
	    width: 100%;
	    margin-top: 0px;
	    z-index: 2;
	    position: relative;
	}
	.tnav ul {
	    display: block;
	    justify-content: right;
	    height: 57px;
	    /* overflow-x: auto; */
	    width: 100%;
	    white-space: nowrap;
	    overflow-x: scroll;
	    margin-top: 20px;
	}
	.tnav ul li {
	    padding: 0px 4px;
	    font-size: 16px;
	    color: #101010;
	    position: relative;
	    float: none;
	    display: inline-block;
	}
	.tnav ul li.on:before {
	    content: "";
	    position: absolute;
	    width: 40px;
	    background: #3b72b8;
	    height: 4px;
	    bottom: -10px;
	    left: 50%;
	    transform: translate(-50%, 0);
	}
	.neirong .fl {
	    width: 100%;
	    float: left;
	}
	.neirong .fl .lianxi h4 {
	    font-size: 23px;
	    color: #000000;
	    line-height: 48px;
	}
	.neirong .fr {
	    width: 100%;
	    float: right;
	    padding-top: 30px;
	}
	.product .fl {
	    width: 100%;
	    float: none;
	}
	.product {
	    margin: 0 0 50px 0;
	    overflow: hidden;
	}
	.product .fl h4 {
	    display: inline-block;
	    padding: 0 20px;
	    font-size: 20px;
	    font-weight: 100;
	    line-height: 40px;
	    background: #eaac1e;
	    border-radius: 30px;
	    color: white;
	    margin: 29px 0;
	}
	.product .fl p {
	    font-size: 16px;
	    color: black;
	    line-height: 24px;
	    margin-bottom: 20px;
	}
	.product .fl h5 {
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    background: #3b72b8;
    border-radius: 30px;
    color: white;
    margin: 20px 0;
   }
    .product .fr {
        width: 100%;
        float: none;
    }
	.nwes ul li {
	    display: block;
	    justify-content: space-between;
	    width: 100%;
	    border-bottom: 1px Solid #eee;
	    padding-bottom: 30px;
	    margin-bottom: 30px;
	}
	.neirong {
	    padding: 30px 0px;
	    overflow: hidden;
	}
	.nwes ul li .textbox {
	    padding: 20px 0;
	    width: 100%;
	}
	.nwes ul li .textbox h5 {
	    font-size: 18px;
	    color: #3b72b8;
	    margin-bottom: 20px;
	}
	.nwes ul li .textbox span.time {
	    font-size: 16px;
	    color: #999999;
	}
	.nwes ul li .textbox p {
	    font-size: 16px;
	    color: black;
	    line-height: 24px;
	    margin: 20px 0;
	}
	.nwes ul li {
	        display: block;
	        justify-content: space-between;
	        width: 100%;
	        border-bottom: 1px Solid #eee;
	        padding-bottom: 10px;
	        margin-bottom: 30px;
	}
	.zizhi {
        display: flex;
        flex-direction: column; 
        padding: 0 10px; 
    }

   .zizhi .fl {
        width: 100%; 
        float: none; 
        margin: 20px 0 10px; 
        padding: 15px 6px;
        background: #e4e4e4;
    }
    .zizhi .navli {
        display: flex;
        justify-content: center; 
        gap: 10px;
        overflow-x: auto; 
        padding: 5px 0; 
    }

    .zizhi .navli::-webkit-scrollbar {
        display: none;
    }

    .zizhi .fl a {
        display: inline-block;
        margin: 0; 
        padding: 10px 20px; 
        white-space: nowrap; 
        flex-shrink: 0; 
    }

    .zizhi .fl a::after {
        bottom: -10px; 
    }

    .zizhi .fr {
        width: 100%; 
        float: none; 
        margin: 10px 0 40px; 
    }

    .zizhi .fr ul li {
        width: 47% !important;
        margin-right: 3% !important;
        margin-bottom: 20px !important;
    }
    .zizhi .fr ul li img{height: 120px;}
.ntitle{font-size: 20px;}
    .ncon iframe{width: 100%;height: 300px;margin: 0 auto;display: block}
}
/* 动画 */
@-webkit-keyframes fb-bounceIn{0%{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}100%{opacity:1;-webkit-transform:scale(0.8);transform:scale(0.8)}}
@keyframes fb-bounceIn{0%{opacity:1;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}100%{opacity:1;-webkit-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}}
.fb-bounceIn{-webkit-animation-name:fb-bounceIn;animation-name:fb-bounceIn}

.kf{position: fixed;top: 30%;right: 20px;z-index: 9999}
.kf .card{width: 100px;background: #fff;border-radius: 50px;box-shadow: 0 0px 20px #ddd;position: relative;padding-bottom: 40px}
.kf .card .rw img{width: 140px;position: absolute;top: -60px;left: -20px}
.kf .card ul{padding-top: 80px}
.kf .card ul li{text-align: center;margin-top: 25px;cursor: pointer;position: relative}
.kf .card ul li .icon img{width: 40px;}
.kf .card ul li .text{font-size: 16px;margin-top: -5px}
.kf .card li .tc{position: absolute;top: 0;right: 120px;cursor: auto;display: none}
.kf .card li .tc .tel{padding:25px;white-space: nowrap;color: #85af54;font-size: 30px;font-weight: bold;border-radius: 10px;background: #fff;;box-shadow: 0 0px 20px #ddd;}
.kf .card li .tc .ewm{border-radius: 12px;background: #fff;;box-shadow: 0 0px 20px #ddd;padding: 10px}
.kf .card li .tc .ewm img{width: 200px}
.kf .jt{ width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #ffffff;position: absolute;top: 25px;right: -15px; }