/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre, form, fieldset, legend, button, input, textarea, th, td{
    padding: 0;
    margin:0;
}
@font-face {
    font-family: "SourceHanSansCN-Normal";
    src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
    url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
    url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
    url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
    url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
    url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
body{font:1em/1.3 "SourceHanSansCN-Normal", sans-serif;   -webkit-text-size-adjust: 100% !important; }
@font-face {
    font-family: "Montserrat-Medium";
    src: url("../font/Montserrat-Medium.woff2") format("woff2"),
    url("../font/Montserrat-Medium.woff") format("woff"),
    url("../font/Montserrat-Medium.ttf") format("truetype"),
    url("../font/Montserrat-Medium.eot") format("embedded-opentype"),
    url("../font/Montserrat-Medium.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.mont{font-family: "Montserrat-Medium";}

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

fieldset, img { border: 0; }
button, input, select, textarea { }
table { border-collapse: collapse; border-spacing: 0; width:100%;word-break: break-all;}
table th {font-weight:normal;}
table th,table td {font-weight:normal;text-align:center;}
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {display: block;margin: 0;padding: 0;}
img{vertical-align:middle;}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; }
input:-moz-placeholder { color:#000; }
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{content: '\20';display: block;height: 0;clear: both;}
.clearfix { *zoom:1;}
/*#endregion */



button:disabled,.disabled{opacity:0.5;cursor:default;}
.hi{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
    .cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}


/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 999;background: #fff;border-bottom: 1px solid #e6e6e6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content {width: 90%;height: 100%;margin: auto;position: relative;}
.header .content .left {position: relative;height: 84px; float: left}
.header .content .left .logo{display: block;width: 336px;height:77px;position: absolute;left: 0;top: 50%;margin-top: -38px;}
.header .content .left .logo img{}
.header .content .left .stockcode{font-size: 12px;color: #666;margin-left: 150px;margin-top: 30px;padding-left:20px; position: relative;}
.header .content .left .stockcode::before {content: '';display: block;width: 1px;height:30px;background: #ccc;position: absolute;left: 0;top: 0;}
.header .content .left .stockcode p {text-decoration: underline;}
.header .content .center {text-align: center;position: absolute;left: 20%;width: 70%;height: 100%;top: 0;}
.header .content .center .nav{margin: 0;padding: 0;list-style: none;font-size: 0;}
.header .content .center .nav li{display: inline-block;margin: 0;list-style: none;position: relative;}
.header .content .center .nav li a{display: block; font-size:18px;line-height: 84px;padding: 0 25px; position: relative;}
.header .content .center .nav li a:hover{color: #cb272a;}
.header .content .right {text-align: right;font-size: 0;padding-top: 34px; float: right}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px; overflow: hidden;cursor: pointer;padding-right: 10px;}
.header .content .right .language .icon{display: block; width: 50px;height: 18px;padding-left: 25px;color: #1a1a1a;font-size: 14px; background: url("../images/ll.png") left center no-repeat;}
.header .content .right .language .language-show{display: none;position: absolute;width: 100px;padding:20px 10px 10px 10px;right: -40px;text-align: center;top:60px;background: #fff; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1);}
.header .content .right .language .language-show:before {content: '';position: absolute;top: -10px;left: 50%;margin-left: -15px;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #fff;}
.header .content .right .language .language-show a{display: block; color: #000;font-size: 12px;line-height: 20px; margin-bottom:5px;opacity: .5;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {display: block;}


.inside-pages .header-height{height: 0px;}
.inside-pages .header {background: none;border-bottom: 1px solid rgba(255,255,255,.1);}
.inside-pages .header .hlogo{display: none}
.inside-pages .header .content .right .language .icon{color: #fff;background: url("../images/ll1.png") left center no-repeat;}
.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}
.inside-pages .header.scroll-top .logo,.inside-pages .header:hover .logo {display: none}
.inside-pages .header.scroll-top .hlogo,.inside-pages .header:hover .hlogo {display: block}
.inside-pages .header.scroll-top .content .right .language .icon,.inside-pages .header:hover .content .right .language .icon{color: #1a1a1a;background: url("../images/ll.png") left center no-repeat;}
.inside-pages .header.scroll-top .content .right .search .search-input,.inside-pages .header:hover .content .right .search .search-input{border-bottom: 1px solid #ccc;}
.inside-pages .header .content .center .nav li a {color: #fff;}
.inside-pages .header:hover .content .center .nav li a,.inside-pages .header.scroll-top .content .center .nav li a {color: #242424;}
.inside-pages .header .content .center .nav li a.cur {color: #cb272a;}
.inside-pages .header:hover .content .center .nav li a:hover {color: #cb272a;}

.header.scroll-down {top: -100px;}
.header.scroll-down .header-nav-show{display: none;}

@media screen and (max-width:1440px){
    .header .content .center {left: 25%;}
    .header .content .center .nav li a{padding: 0 15px}
}



/* header - menu */
.mnav{display: none}
.header .content .center .nav li.cur a::after {width:100%;}
/*.header .content .center .nav li a.cur{color: #00bf86;}*/
.header-nav-show {position: absolute;left: 0;top: 84px;background: #fff;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show::before {content: '';display: block;width: 100%;height: 1px;background: #e6e6e6;top: 0;left: 0;position: absolute;}
.header-nav-show .content {overflow: hidden;width: 74.5%;margin: auto;}
.header-nav-show .content .nav-content.Hide {display: block;opacity: 0;height: 0px;padding:0;min-height:0px;overflow: hidden;}
.header-nav-show .content .nav-content {display: block;padding:5% 0;min-height: 100px;opacity:1;height: auto;}
.item-nav {position: relative;overflow: hidden;}
.item-nav .left{float: left;width: 26%;overflow: hidden;height: auto!important;position: relative;padding-right: 3%}
.item-nav .left .ntitle{padding-bottom: 10px;}
.item-nav .left .ntitle h3{font-size: 24px;color: #1a1a1a;text-transform: uppercase;margin: 0;}
.item-nav .left .item-nav-pic-swiper {position: relative;}
.item-nav .left .img {display: block;}
.item-nav .left .text{padding: 20px 0;overflow: hidden;font-size: 14px;line-height: 24px;color: #666;}
.item-nav .left .btn {font-size: 0;border: 1px solid #ccc;display: inline-block;padding: 15px 20px;position: relative;}
.item-nav .left .btn span{font-size: 14px;color: #666;display: inline-block;vertical-align: middle;margin-right: 10px;z-index: 3;position: relative;}
.item-nav .left .btn i{width: 9px;height: 12px;display: inline-block;vertical-align: middle;margin-right: 10px;background: url("../images/right2.png");background-size:100% 100%;margin-top: 3px;position: relative;z-index: 3;opacity: .5;}
.item-nav .left .btn::before {content: '';display: block;width:0px;height: 100%;position: absolute;left: 0;top: 0;background: #cb272a;z-index: 1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .left a {display: block;overflow: hidden;}
.item-nav .left a:hover .btn::before{width: 100%;}
.item-nav .left a:hover .btn span {color: #fff;}
.item-nav .left a:hover .btn i{background: url("../images/right3.png");background-size:100% 100%;opacity: 1;}

.item-nav .right-nav {float: left;width:65%;height: 580px;}
.item-nav .right-nav ul {width:95%;height: 100%;margin: 0;padding:0 0 0 5%;list-style: none;position: relative;overflow: hidden;}
.item-nav .right-nav ul::before {content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;left: 0;top: 0;z-index: 1;}
.item-nav .right-nav ul:last-child::after{display: none;}
.item-nav .right-nav ul.nav {position: relative;margin-top: -10px;}
.item-nav .right-nav ul.two {position: absolute;top: 5px; left: 415px;background: #fff;}
.item-nav .right-nav ul.three {position: absolute;top: 0;left: 415px;background: #fff;}
.item-nav .right-nav ul li{list-style: none;width: 320px;padding-right:50px;}
.item-nav .right-nav ul li a{position: relative;display: block;padding:15px 0;overflow: hidden;}
.item-nav .right-nav ul li a::before,.item-nav .right-nav ul li a::after{content: '';display: block;width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .right-nav ul li a::before {width: 0px;height: 2px;z-index: 3;}
.item-nav .right-nav ul li a:hover::before{width: 100%;background: #cb272a;}
.item-nav .right-nav ul li a h4{font-size: 17px;color: #999999;margin: 0;text-transform:capitalize}
.item-nav .right-nav ul li a i{width: 9px;height: 12px;position: absolute;top: 50%;right: 5%;margin-top: -6px; background: url("../images/right2.png");background-size:100% 100%;display: block;opacity: 0;}
.item-nav .right-nav ul li a:hover i,.item-nav .right-nav ul li.cur a i {opacity: .5;}
.item-nav .right-nav ul li.cur a h4{color: #000;}
.item-nav .right-nav ul li.cur a::before{width: 100%;background: #cb272a;}
.item-nav .right-nav ul li.cur ul li a::before{width: 0px;}
.item-nav .right-nav ul li.cur ul li a:hover::before{width: 100%;}
.item-nav .right-nav ul li ul li.cur.on a i{opacity: .5;display: block;}
.item-nav .right-nav ul li ul li.cur.on a::before{width: 100%;}
.item-nav .right-nav ul li ul li.cur.on ul li a::before{width:0;}
.item-nav .right-nav ul li ul li.cur.on ul li a:hover::before{width:100%;}
.item-nav .right-nav ul li ul li.cur.on ul li a i{opacity: 0;display: none;}
.item-nav .right-nav ul li ul li.cur.on ul li a:hover i{opacity: .5;display: block;}
.item-nav .right-nav ul li ul{display:none;}
.item-nav .right-nav ul li ul li a{color: #999999;}
.item-nav .right-nav ul li ul li a i {opacity: 0;display: none;}
.item-nav .right-nav ul li ul li a:hover i {opacity: .5;display: block;}
.item-nav .right-nav ul li ul li a:hover,.item-nav .right-nav ul li ul li a:hover h5 {color: #000;}
.item-nav .right-nav ul li ul li a h5{color: #999999;margin: 0;font-weight: normal;width: 90%;}
/*********index**************/
.indexpro_act_mid{position:relative}
.indexpro_act_mid:after{ display: block; width: 100%; height: 100%; background: url(../images/index/img27.png) no-repeat; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; content:''; position:absolute; left:0; top:-10px; background-position:center }

@keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 1; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 1; }
}

@media screen and (max-width:1280px){
    .header_mid_right{display: none}
}

@media screen and (max-width:1120px){
.header{display: none}
.mnav{position: relative;z-index: 900; display: block;}
.mnav.scroll-down .mheader{top:-100px;}
.mnav.scroll-top .mheader,.mnav.scroll-top .mheader{top:0px;background: #fff;}
.mnav.scroll-top .mheader .mlogo,.mnav.scroll-top .mheader .mlogo{background: url("../images/logo2.png") left center no-repeat;background-size: 100%;}

.mnav.scroll-down .menu-toggle span.hamburger,
.mnav.scroll-down .menu-toggle span.hamburger:after,
.mnav.scroll-down .menu-toggle span.hamburger:before,
.mnav.scroll-down .menu-toggle span.cross:before,
.mnav.scroll-down .menu-toggle span.cross:after,
.mnav.scroll-top .menu-toggle span.hamburger,
.mnav.scroll-top .menu-toggle span.hamburger:after,
.mnav.scroll-top .menu-toggle span.hamburger:before,
.mnav.scroll-top .menu-toggle span.cross:before,
.mnav.scroll-top .menu-toggle span.cross:after
{background:#000;}

.nav-container {padding-top: 90px;}

.mheader {height:50px;position:fixed;left:0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;margin: 0;}
.mlogo { left:10px;top:50%;position: absolute;z-index: 94;display: block;width:200px;height:46px;margin-top: -23px; background: url("../images/logo2.png") left center no-repeat;background-size: 85%;-webkit-transition:none;-moz-transition:none;transition:none;}
.mlanguage {padding:10% 0;text-align: center;}
.mlanguage a{display: inline-block;margin:0 2%;color: #666;font-size: 14px;}
.mlanguage a:hover {opacity: 1;}

.cd-nav{margin: 0;padding: 0; }
.cd-nav li{width:90%;margin: auto;padding: 0;overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;font-weight: bold;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:17px; color:#fff;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover,.twonav.curr{color:#cb272a;}
.cd-nav li a.twonav {background: url(../images/right3.png) right center no-repeat;background-size: 3%;}
.no-touch .mheader{background-color: #1a1a1a;}

.menu-toggle {display: block;width:50px;height:50px; position:absolute;right:0px;top:0px;z-index: 9999;}
.cd-nav-trigger {width: 100%;height: 100%;display: block;}
.menu-toggle span.hamburger,.menu-toggle span.hamburger:after,.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.menu-toggle span.hamburger:after {margin-top:-7px;top:0;transition-delay:0.27s;}
.menu-toggle span.hamburger:before {margin-top:7px;top:0;transition-delay:0.2s;}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .menu-toggle span.hamburger:after {transition-delay:0s;}
.no-touch .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.menu-toggle span.cross:before,
.menu-toggle span.cross:after {content:"";display:block;width:24px;height:3px;background:#333;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.no-touch .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%;height:100%;overflow-y: auto;overflow-x: hidden; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.msearch {margin: 20px auto;width: 72%;}
.msearch .icon{position: relative;}
.msearch .minput{border: none;border-bottom: 1px solid #313131;background: none; width: 100%;height: 30px;font-size: 12px;outline: none;color: #fff;}
.msearch .msubmit{display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../images/ss1.png") center no-repeat;background-size: 100% ;opacity: .3;}
.minput::-moz-input-placeholder,.minput::-ms-input-placeholder,.minput::-webkit-input-placeholder {color:#333;}
input.minput[type="text"]::-webkit-input-placeholder {color:#333;}


.mchildren {display:none;width:90%;border-bottom: 1px solid #313131; margin:0px auto;padding:10px 0;position: relative;}
.mchildren a{border-bottom:none;position: relative; display: block;width:97%;font-size:15px; color:#ccc;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#cb272a;}
.mchildren a.threenav {background: url(../images/right3.png) right center no-repeat;background-size:2%;}


.shownav-c {position: relative;width: 100%;height: 0px;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.shownav-c.cur {height: auto;}
.shownav-c  ul {list-style: none;margin:auto;padding: 0;display:block;width: 90%;height: 100%;}
.shownav-c  ul li{list-style: none;margin: 0;padding: 0;display:block;;width:100%;}
.shownav-c  ul li a {font-weight: bold;border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: left; font-size:14px; color:#999;padding:4% 0; margin:0px auto;text-transform:uppercase;}
.closenav {display: block;font-size: 14px;color: #fff;position: absolute;left:5%;top: 10%;background: url("../images/left4.png") left center no-repeat;padding-left: 30px;}
.closenav:hover {color: #fff;}

.shownav-d {padding:10px;width:90%;margin:auto;border-bottom:#313131 1px solid;display: none;}
.shownav-d.cur {display: block;}
.shownav-d a{display: block;color: #999!important;padding:4% 5%!important;font-size:14px!important;width:90%!important;border: none!important;}
.shownav-d a::after {display: none!important;}

.cd-nav li ul div ul li a:last-child {border: none;}
.interesting-list a .text h3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
}

/* index */
.banner {position: relative;}
.mbshow{display: none}
.index-banner-swiper {position: relative;background: #000;z-index:1;}
.banner-slide {}
.banner-slide .txt{position: absolute;width: 60%;left: 10%;top: 37%;;z-index: 33;}
.banner-slide .txt h4{margin: 0;padding: 0;position: relative;width: 80%; margin: 0 auto}
.banner-slide .txt h2{color: #fff;padding:10px 0 25px 0;margin:0;line-height:60px;font-weight: bold;text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8);}
.banner-slide .txt h3{font-size: 20px;color: #fff;padding:25px 0;margin:0;font-weight: normal;line-height: 26px;}
.banner-slide .txt .line {width: 80px;height: 4px;background: #cb272a;margin: 10px 0;}
.banner-slide .txt.center {text-align: center;width:80%;left:10%;top:40%;margin: 0;}
.banner-slide .txt.center .line{margin: 10px auto;}
.banner-slide .txt.right {left: auto;right: 5%;}
.banner-slide .txt.none {display: none;}
.banner-slide .img {text-align: center;}
.banner-slide .txt .img {text-align: left;}
.banner-slide  .txt a {position: relative;z-index: 9;}
.flex {display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.public_button_icon {width: 2.6041666vw;height: 2.6041666vw;background: #1642bb;-webkit-justify-content: center;
    justify-content: center;-webkit-align-items: center;align-items: center;-webkit-border-radius: 100%;border-radius: 100%;position: absolute;left: 100%;top: 0;z-index: 9;-webkit-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: all .8s ease;transition: all .8s ease;}
.public_button_color {fill: #1642bb;;-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_button_icon svg {fill: #fff;width: 0.8333vw;-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_button_text {position: relative;width: 6.5vw;padding: 0 2.6041666vw 0 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_button_back {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.public_button_svg {width: 100%;height: 100%;}
.public_button_label {color: #ffffff;font-size: 0.78125vw;line-height: 2.6041666vw;position: relative;z-index: 9;-webkit-transition: all .6s ease;transition: all .6s ease;text-align: center;}
.index_banner_button {margin: 3.125vw auto 0 auto; width: 10vw}
.public_button_box {position: relative;z-index: 1;-webkit-border-radius: 1.30208333vw;border-radius: 1.30208333vw;overflow: hidden;-webkit-transition: all .6s ease;transition: all .6s ease;}
.public_button_box a {position: relative;z-index: 9;}
.public_button_circle {-webkit-transition: all .8s ease;transition: all .8s ease;cx: calc(7.8125vw - 0.1041666vw);}
.public_button_active .public_button_circle {cx: calc(1.30208333vw + 0.1041666vw);}
.public_button_box:hover .public_button_text {padding: 0 0 0 2.6041666vw;}
.public_button_box:hover .public_button_icon {left: 0;-webkit-transform: none;transform: none;}
.public_button_box:hover .public_button_label {color: #1642bb;}
.public_button_box:hover .public_button_icon {background: #fff;}
.public_button_box:hover .public_button_icon svg {fill: #1642bb;}
.public_button_box:hover .public_button_color {fill: #fff;}


.banner-slide .txt h4 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
.banner-slide .txt h2 {transform:translateY(200px);opacity:0;transition:all 0.5s;}
.banner-slide .txt h3 {transform:translateY(200px);opacity:0;transition:all 0.8s;}
.banner-slide .txt .line {transform:translateY(200px);opacity:0;transition:all 0.7s;}
.index-banner-swiper .swiper-slide-active .txt h4,
.index-banner-swiper .swiper-slide-active .txt h2,
.index-banner-swiper .swiper-slide-active .txt h3,
.index-banner-swiper .swiper-slide-active .txt .line{transform:translateY(0px);opacity:1;}


.swiper-banner-pagination {bottom: 55px;width: 100%; display: block;z-index: 90;}
.swiper-banner-pagination .swiper-pagination-bullet {width:60px;height:10px;margin:0 0 0 10px;border-radius: 0;opacity:1;background: none; position: relative;z-index: 11;outline: none;}
.swiper-banner-pagination .swiper-pagination-bullet::before {content: '';display: block;width: 100%;height: 2px;position: absolute;left: 0;top:5px;background: #fff;opacity: 0.3;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity: 1;}
.swiper-banner-pagination .swiper-pagination-bullet::after {content: '';display: block;position: absolute;left:0;top:5px;width:0;height: 2px;background: #cb272a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;z-index: 10;}
.swiper-banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {-webkit-animation: w100 4000ms 1;animation: w100 4000ms 1;}

@keyframes w100{0%{width: 0%;} 100%{width: 100%;}}

@media screen and (max-width:1120px){
    .aside-top,.pcshow  {display: none!important;}
    .mbshow{display: block}
    .index-banner-swiper .swiper-slide {background: #000;}
    .banner-slide .img img.mbshow {width: 100%!important;}
    .banner-slide .txt h1 {font-size: 30px;}
    .banner-slide .txt {width:90%!important;left: 5%!important;top:20%!important;margin-top:0px;}
    .banner-btn a {margin-bottom: 15px;}
    .banner-slide .txt h2{margin-top: 0%; line-height: 40px; font-size: 33px}
    .banner-slide .txt h4{width: 90%}
}


/*公司简介*/
.about{width:100%; position: relative; overflow: hidden; padding:3% 0 4% 0 ;background: url(../images/aboutbg.jpg) no-repeat center top; padding: 6% 0;}
.about .s_width{display: flex; display:-webkit-flex; -webkit-justify-content: space-between;   justify-content: space-between; width: 90%; margin: 0 auto}
.about-pic {width: 48%;position: relative;z-index: 0;}
.about-pic img {width: 100%;}
.about-info {position: relative;width: 48%;}
.about-info h2{ color: #1642bb}
.about-info p { line-height: 36px;}
.about-info p span{font-weight: bold; display: block;font-size: 33px;margin:20px 0 40px 0;}
.about-info a{display: block;width: 150px; line-height: 50px; text-align: center;background: #f69a23;text-align: center;font-size: 18px;color: #fff; border-radius: 10px;transition: .5s;margin-top: 4%;}
.about-info a:hover{background: #f14918;background-image: linear-gradient(to bottom,#ff7e00, #d62926);}

.about-s1 {  display: flex;justify-content: space-between; align-items: center; }
.about-s1 .label {text-align: center;  color: #fff;font-weight: bold;}
.about-s1 .tip {text-align: center;color: #272c31;margin-top: 2rem;}
.about-s1 .para {text-align: center;line-height: 2;margin-top: 1rem; width:70%;margin:30px auto 0 auto;}
.about-s1 .data-box {padding: 55px 0 20px 0;width:100%;font-size: 0; display: flex;justify-content: space-between; flex-wrap: wrap;}
.se_about .about-s1 .data-box {  padding: 75px 0 70px 0;}
.about-s1 .data { width:33%}
.about-s1 .data .data_icon{margin:0 25px 0 0}
.about-s1 .data_l{width:1px; height: 100px;background: rgba(0,0,0,0.1);}
.about-s1 .data .box {position: relative;z-index: 2;}
.about-s1 .data .num {padding:20px 0 0 0;display: flex; justify-content: flex-start;align-items: flex-end;position: relative;color: #333333;transition: all .3s ease;}
.about-s1 .data .num .count{ color: #004c97;}
.about-s1 .data span {display: inline-block;vertical-align: middle; letter-spacing: -2px;line-height: 3.2rem;}
.about-s1 .data em {position: absolute;left: 100%;bottom: 10px;font-style: normal;}
.about-s1 .data i {display: inline-block;vertical-align: middle;font-style: normal;  margin-left: 10px; width:30px; height:30px; background: #004c97;border-radius: 50%; text-align: center; color: #fff; line-height: 30px}
.about-s1 .data p {color: #555;margin:10px 0 0 0;}
@media screen and (min-width: 1020px) {
.about-s1 .data:hover {
transform: translateY(-10px);
}
.about-s1 .data:hover:before {
opacity: .5;
}
.about-s1 .data:hover .num {
text-shadow: 0 10px 10px rgba(24, 175, 180, 0.1);
}
}
.about-s1 .comm-line-btn {
margin: 0 auto;
}
@media only screen and (max-width:1750px){
.about-s1 .data span{font-size: 2.5rem;line-height: 2.2rem;}
}
@media only screen and (max-width:1600px){
.about-s1 .label{font-size: 2.5rem;}
.about-s1 .data-box { padding: 40px 0 40px 0;}
}

@media only screen and (max-width:1060px){
.about-s1 .label{    font-size:1.5rem;  }
.about-s1 .tip{font-size:1.3rem; line-height: 2.6rem;    margin-top: 1rem;}
.about-s1 .para{width: 95%;    margin: 30px auto 0 auto; font-size: 1rem;}
.about-s1 .data-box{width:100%;    padding: 2rem 0 2rem 0;}
.about-s1 .data{width:46%;margin:0 0 25px 0;justify-content:center; flex-direction: column;}
.se_about .about-s1 .data-box{padding: 35px 0 30px 0;}
.about-s1 .data .data_icon{margin: 0 0 8px 0;}
.about-s1 .data .data_icon img{width:51px;display: block;margin: 0 auto;}
.about-s1 .data .num{ justify-content: flex-start;}
.about-s1 .data span{    font-size: 2rem;}
.about-s1 .data i{    font-size: 1.2rem;}
.about-s1 .data em, .about-s1 .data p{    font-size: 1rem;}

}


@media screen and (max-width:1440px){
    .index-about .wrap{width: 90%;}
    .index-about .tit,.index-case .tit {margin: 30px auto 30px;}
    .index-about .tit h2,.index-case h2 {font-size: 50px;}
    .about-info p{font-size: 16px; line-height: 31px;margin-top: 26px;}
    .index_about_box{width: 100%}
}

@media screen and (max-width:1280px){
    .index-about .wrap{width: 90%;}
    .about-info p{font-size: 16px; line-height: 26px;margin-top: 26px;}
    .index_about_box{width: 100%}
    .about-s1 .data-box{padding-top: 20px}
    .about-pic img{height: 100%}
}

@media screen and (max-width:1023px){
    .index-pro .l-container{width: 95%}
    .pro-top .index-title h3{font-size: 30px}
    .pro-top .index-title h4{font-size: 21px}
    .about{width:100%;}
    .about .s_width{display: block}
    .index-about video{display: none}
    .index-about {margin: 0px auto 0;padding-bottom: 0; height: auto;}
    .index-about .wrap{width: 95%; position: relative; }

    .index-about .tit h2, .index-case h2{font-size:26px;}
    .index-about .tit h2 span{display: block;}
    .index-about .tit p, .index-case .tit p{display: none;}
    .about-pic{width: 100%;padding-left:0}
    .about-pic:before{content: none;}
    .about-pic img{height: auto}
    .about-info{width: 100%;}
    .about-info p span{font-size: 27px; display: none}
}

/*首页产品推荐*/
.index-pro{background: #ebeff6}
.index-pro-hd {border-top: 1px solid #aec5dd;padding-top: var(--size-35);}
.index-pro-hd>.center {margin-left: auto;margin-right: auto;}
.index-pro-nav>* {margin:0 0 var(--size-10) var(--size-10); width: 24%;position: relative; background: #004c97; display: inline-block; text-align: center; padding: 15px 0; color: #fff;border-radius:30px}
.index-pro-nav>*:first-child {margin-left: 0;}
.index-pro-nav li:hover{background: #cb272a;}

    /* .index-pro-nav>*::before{content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 17%; background-color: #000; opacity: 0.4; transition: var(--transition);} */
/* .index-pro-nav>*>*{opacity: 0.4;} */
.index-pro-nav>*.on>*,.index-pro-nav>*>*:hover {opacity: 1;}
.index-pro-nav>*.on::before,.index-pro-nav>*:hover::before {opacity: 1;}
.index-pro-item {padding: 0 var(--size-10);}
.index-pro-item>* {;margin-bottom: var(--size-20);}
.index-pro-item>*>* {display: block;height: 100%; padding: 0 var(--size-10)}
.index-pro-item>* .more {display: flex;align-items: center;justify-content: center;color: var(--color-dominant);}
.index-pro-item>* .more i {margin-left: calc(var(--size-10) / 2);}
.index-pro-item>* .img { overflow: hidden}
.index-pro-item>* .img img {transition: var(--transition);}
.index-pro-item>* .text {transition: var(--transition); padding-top: 20px}
.index-pro-item>*>*:hover {color: var(--color-dominant);}
.index-pro-item>*>*:hover img {transform: scale(1.2);}
.index-pro-item>*>*:hover .text {transform: translateY(20px);}
/*.index-pro {padding-bottom: 0;}*/


@media screen and (max-width:1023px){
    .index-pro-nav>* {width:48%;}
}


/*行业案例*/
.sec13 {background-color: #000; width: 100%; height:780px; position: relative; }
.cvbanner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
.sw02out {position: relative;width: 100%;height: 100%;}
.sw02 {height: 100%;}
.sw02 .swiper-slide {overflow: hidden;}
.sw02 .swiper-slide .swiper-inner {display: block;position: relative;width: 100%;height: 100%;}
.sw02 img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: 75% 50%;object-position: 75% 50%;}
.fhangye .swiper-pagination02 {font-size: 24px;color: #fff;line-height: 52px;text-align: center;width: 140px;height: 52px;margin-right: 52px;margin-top: 36px;pointer-events: none;position: absolute;left: auto;bottom: auto;right: 8%;top: 50%;z-index: 10;}
.swiper-pagination02 .swiper-pagination-current {font-size: 36px;margin-right: 10px;}
.swiper-pagination02 .swiper-pagination-total {font-size: 24px;}
.sw-next02,.sw-prev02 {position: absolute;right: 8%;top: 50%;z-index: 11;width: 50px;height: 50px;margin-top: 36px;font-size: 0;border-radius: 50%;text-align: center;
    cursor: pointer;border: 1px solid rgba(255, 255, 255, 0.3);}
.sw-prev02 {background: url('../images/lt1.png') center no-repeat;margin-right: 192px;}
.sw-next02 {background: url('../images/gt1.png') center no-repeat;}
.sw-prev02:hover,.sw-next02:hover {background-color:#c9182d;}
@media screen and (max-width: 1023px) {
    .fhangye .swiper-pagination02,.sw-next02 {right: 5%;top: auto;bottom: 220px;margin-top: 0;}
    .sw-prev02 {left: 5%;right: auto;top: auto;bottom: 220px;margin-top: 0;margin-right: 0;}
    .fhangye .swiper-pagination02 {right: 50%;margin-right: -70px;}
    .swiper-pagination02 .swiper-pagination-current {font-size: 24px;}
}
.cvbanner .pagination {position: absolute;left: 6.25%;top: 50%;margin-top: 100px;z-index: 20;height: 2px;font-size: 0;}
.cvbanner .pagination .btn {display: inline-block;position: relative;cursor: pointer;width: 30px;height: 2px;margin-right: 10px;background-color: rgba(255, 255, 255, 0.4);}
.cvbanner .pagination .btn:before {content: " ";position: absolute;left: 0;top: 0;z-index: 1;width: 0;height: 2px;background-color: #fff;}
.cvbanner .pagination .btn.on:before {-webkit-transition: linear 4s;transition: linear 4s;width: 100%;}
.ctrbox {position: absolute;right: 6.25%;bottom: 148px;z-index: 20;margin-left: 380px;font-size: 0;}
.ctrbox .ctr {display: block;width: 42px;height: 42px;z-index: 11;font-size: 0;border-radius: 5px;text-align: center;cursor: pointer;}
.ctrbox .ctr.prev {background: url('../images/lt2.png') center no-repeat;}
.ctrbox .ctr.next {background: url('../images/gt2.png') center no-repeat;margin-top: 24px;}
.ctrbox .ctr.prev:hover,.ctrbox .ctr.next:hover {background-color: rgba(241, 131, 0, 0.6);-webkit-box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.7);}
@media screen and (max-width: 750px) {
    .ctrbox {right: 4%;bottom: 84px;}
}
.swiper-container-vertical > .swiper-pagination-bullets {right: auto!important;left: 50px;}
.swiper-pagination000 .swiper-pagination-bullet {position: relative;width: 17px;height: 17px;opacity: 1;margin: 11px 0!important;border: 1px solid transparent;outline: 0 none;
    -webkit-transition: all 0.3s;transition: all 0.3s;background-color: transparent;}
.swiper-pagination000 .swiper-pagination-bullet:before {content: '';position: absolute;left: 7px;top: 7px;z-index: 0;width: 3px;height: 3px;background-color: #999;border-radius: 2px;}
.swiper-pagination000 .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #999;}
.swiper-pagination000.white .swiper-pagination-bullet:before {background-color: #fff;}
.swiper-pagination000.white .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #fff;}

.peijianlist {text-align: center;position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;}
.peijianlist li {display: inline-block;width:16%;vertical-align: top; position: relative}
.peijianlist li a {display: block;position: relative;width: 100%;padding-top: 42px;padding-bottom: 42px;}
.peijianlist li .lin a:after {content: '';position: absolute;top: 67px;left:200px;width: 160px;height: 1px;background: #fff;opacity: 0.3;}
.peijianlist li:nth-child(6) .lin a:after{display: none}

.peijianlist li:first-child a:before {display: none;}
.peijianlist .pic {width: 50%;overflow: hidden;line-height: 58px;height: 58px;margin: 0 auto }
.peijianlist img {max-width: 100%;max-height: 100%;margin: 0 auto; display: block}
.peijianlist li h3 {color: #fff;line-height: 36px;width: 100%;height: 36px;overflow: hidden;-webkit-transition: .3s;transition: .3s; font-size: 18px; font-weight: normal}

.peijianlist2 {position: absolute;left: 8%;top: 30%;z-index: 2;width: 720px;max-width: 80%;;pointer-events: none;}
.peijianlist2 li {position: absolute;z-index: 0;width: 100%;opacity: 0;-webkit-transform: translateX(60px);transform: translateX(60px);}
.peijianlist2 li h3 {color: #fff;height: 70px;overflow: hidden;}
.peijianlist2 li h3 span{font-size: 36px;}
.peijianlist2 li h4 {color: #fff;line-height: 48px;height: 48px;overflow: hidden;}
.peijianlist2 li .hx {width: 100%;height: 1px;position: relative;margin: 21px 0 31px;background-color: rgba(255, 255, 255, 0.2);}
.peijianlist2 li .hx:before {content: '';position: absolute;left: 0;top: -1px;z-index: 0;width: 30px;height: 3px;background-color: #fff;}
.peijianlist2 li .txt {font-size:18px;color: #fff;line-height: 32px;overflow: hidden;margin-bottom: 5%; padding-top: 20px}
.peijianlist2 li .hymore {display: block;width: 150px;height:55px;background-color: #c9182d;position: relative;font-size: 16px;color: #fff;line-height:55px;text-align: center;    overflow: hidden;pointer-events: auto;border-radius:30px}
.peijianlist2 li.on {z-index: 2;opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);-webkit-transition: .5s;transition: .5s;}

@media screen and (max-width: 1280px) {
    .sec13 { height:700px;}
    .peijianlist li h3{font-size:16px}
    .peijianlist2 li h3 span{font-size: 26px;}
    .peijianlist2 li .txt {font-size: 16px;}
    .peijianlist li a{padding: 20px 0;}
}
@media screen and (max-width: 1023px) {
    .peijianlist2 li .hymore{display: none}
    .peijianlist {left: 0;right: 0;}
    .peijianlist li {width: 31%;}
    .peijianlist li .lin a:after{display: none}
    .peijianlist li a {padding-top: 12px;padding-bottom: 0;border-top: 1px solid rgba(255, 255, 255, 0.1);}
    .peijianlist li h3 {font-size: 16px;}
    .peijianlist2 {width: 90%;max-width: 90%;}
    .peijianlist2 {position: relative;left: 5%;top: 0;margin-top:0px;}
}
@media screen and (max-width: 750px) {
    .peijianlist2 li h3 {font-size: 28px;line-height: 40px;height: 40px;}
    .peijianlist2 li .txt {font-size: 15px; line-height: 26px}
}
.fcate4 {position: absolute;left: 8%;top: 40%;margin-top: -200px;z-index: 20;padding-top: 10px;pointer-events: none;}
.fcate4 .cn {font-size: 40px;color: #fff;line-height: 40px;position: relative;z-index: 1;}
.fcate4 .enp {font-size: 0;position: absolute;left: 0;top: 0;z-index: 0;}
.fcate4 .enp img {vertical-align: top;}
@media screen and (max-width: 1023px) {
    .fhangye {padding-top: 80px;-webkit-box-sizing: border-box;box-sizing: border-box;}
    .fcate4 {width: 100%;text-align: center;position: relative;left: 0;top: 0;margin-top: 0; display: none}
    .fcate4 .cn {font-size: 32px;line-height: 50px;}
    .fcate4 .enp {width: 100%;}
    .peijianlist .pic{height: 30px; line-height: 30px}
}

/*服务支持*/
.flexBetween {display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_service > .box .boxLeft {width: 35rem;box-sizing: border-box;padding-right: 12.25rem;position: relative;}
.index_title .box .left {font-size: 2.6rem;}
.index_service > .box .boxLeft .content1 {margin-top: 8rem;font-size: 2.25rem;color: #333;}
.index_service > .box .boxLeft .content2 span {display: inline-block;width: 3rem;height: 2px;background: #c9182d;margin: 1.5rem 0 1rem;}
.index_service > .box .boxLeft .content3 {font-size: 1rem;color: #666;line-height: 2rem;}
.index_service > .box .boxLeft .content4 {position: absolute;bottom: 0;left: 0;}
.index_service > .box .boxRight {width: calc(100% - 35rem);}
.index_service > .box .boxRight .item {width: 50%;box-sizing: border-box;border: 1px solid #ddd;padding: 4rem 3.125rem;position: relative;}
.index_service > .box .boxRight .item a {display: block;}
.index_service > .box .boxRight .item a .main {z-index: 2;position: relative;}
.index_service > .box .boxRight .item a .main .left {width: 5.25rem;}
.index_service > .box .boxRight .item a .main .left img {width: 100%;margin-top: 0.5rem;transition: 0.4s;}
.index_service > .box .boxRight .item a .main .left .img2 {display: none;}
.index_service > .box .boxRight .item a .main .right {width: calc(100% - 5.25rem);box-sizing: border-box;padding-left: 2.8125rem;}
.index_service > .box .boxRight .item a .main .right .content1 {font-size: 1.5rem;color: #000;transition: 0.4s;}
.index_service > .box .boxRight .item a .main .right .content2 {margin-top: 1rem;font-size: 1rem;color: #666;line-height: 1.8rem;transition: 0.4s;}
.index_service > .box .boxRight .item a .main .right .content3 {margin-top: 2.5rem;font-size: 1rem;color: #1642bb;transition: 0.4s;}
.index_service > .box .boxRight .item a .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 0.4s;}
.index_service > .box .boxRight .item a .img img {width: 100%;height: 100%;}
.index_link a {font-size: 1rem;display: block;width: 10rem;line-height: 3.4375rem;color: #fff;background: #1642bb;text-align: center;position: relative;}
.index_link a img {margin-left: 0.625rem;position: relative;transition: 0.4s;right: 0;}
.index_link a:hover img {right: -1rem;}
@media screen and (min-width: 1280px) {
    .index_service > .box .boxLeft { width: 25rem;padding-right: 2.25rem;}
    .index_title .box .left{}
    .index_service > .box .boxRight{width: calc(100% - 25rem);}
}
@media screen and (min-width: 1280px) {
.index_service > .box .boxRight .item:hover a .main .left .img1 {display: none;}
.index_service > .box .boxRight .item:hover a .main .left .img2 {display: inline-block;}
.index_service > .box .boxRight .item:hover a .main .right .content1 {color: #fff;}
.index_service > .box .boxRight .item:hover a .main .right .content2 {color: #fff;}
.index_service > .box .boxRight .item:hover a .main .right .content3 {color: #fff;}
.index_service > .box .boxRight .item:hover a .img {opacity: 1;}
}
@media screen and (max-width: 1024px) {
.index_service > .box .boxLeft {width: 100%;padding-right: 0rem;}
    .index_service > .box .boxLeft .content1 {margin-top: 1rem;font-size:22px;color: #333;}
    .index_service > .box .boxLeft .content3{font-size: 16px; line-height: 26px}
.index_service > .box .boxLeft .content4 {position: inherit;}
.index_service > .box .boxRight {width: 100%;margin-top: 2rem;}
.index_service > .box .boxRight .item a .main .left {width: 4.25rem;}
.index_service > .box .boxRight .item a .main .right {padding-left: 0.8125rem;}
.index_service > .box .boxRight .item {    padding: 10px; width: 100%}
}

/*内页企业文化*/
.rn_about3 .box .item {width: 32%;position: relative;}
.rn_about3 .box .item .img {overflow: hidden;}
.rn_about3 .box .item .img img {width: 100%;transition: 0.4s;}
.rn_about3 .box .item .main {position: absolute;bottom: 5.625rem;left: 0;width: 100%;text-align: center;transition: 0.4s;}
.rn_about3 .box .item .main .content1 img {height: 5rem;}
.rn_about3 .box .item .main .content2 {font-size: 2rem;color: #fff;margin-top: 2.5rem;}
.rn_about3 .box .item .main .content3 {margin: 1.25rem 0;}
.rn_about3 .box .item .main .content3 span {display: inline-block;width: 2.625rem;height: 2px;background: #fff;}
.rn_about3 .box .item .main .content4 {font-size: 1rem;color: #fff;padding: 0 1.25rem;line-height: 1.52rem;}
.rn_about3 .box .item:hover .img img {transform: scale(1.1);}
.rn_about3 .box .item:hover .main {bottom: 7rem;}

@media screen and (max-width: 1024px) {
    .rn_about3{display: none}
}
/*home2*/
.home2 {padding: 6% 0;overflow: hidden;}
.home2 .wrap {width: 1500px;margin: 0 auto;}
.public_title .title {color: #000000;position: relative}
.public_title .text {margin-top: 20px;color: #000000;line-height: 1.5;opacity: 0.6}

.heixinlistbox {position: relative; margin:3% auto 0 auto;}
.heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;}
.hxin_item {position: relative;width: 650px;margin: 0 auto; padding: 0 15px;border-radius: 30px}

.hitbox{overflow: hidden;}
.hitbox img{width: 100%;border-radius: 30px}
.heixinlist .slick-active .hitbox img{/*opacity: 1;*/filter: blur(0px);border-radius: 30px}
.hitbox img {transition: all 1s;width:100%;}
.heixinlist .slick-next {right: 22%;background: url(../images/next.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-prev {left: 22%;background: url(../images/prev.png) no-repeat center rgba(0, 0, 0,0.4);background-size:60%;}
.heixinlist .slick-dots {bottom: 9px;}
.slick-dots li.slick-active {background: #999;}
.heixinlist .slick-dots li.slick-active {background: #155bc4;border-color:#155bc4;}
.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;}

@media screen and (max-width:1023px){
    .home2 .index-title h3{font-size: 16px!important;}
    .home2 .index-title h4{font-size: 12px!important;}
}

/*news*/
.index_4_1{width: 100%; margin:3% auto 0 auto;}
.index_4_1 ul li{ float:left; width:32.48366013071895%; margin-right:1.27450980392157%;background: #fff;font-size: 16px; }
.index_4_1 ul li:nth-child(3n){margin-right:0}
.index_4_1_mid_1{overflow:hidden; position:relative;}
.index_4_1_mid_1 img{width:100%;}
.index_4_1_mid_2{ background: #155bc4 ; padding:10% 2%}
.index_4_1_mid_2_1{color:#fff;font-family:Calibri;}
.index_4_1_mid_2_2{font-size:1.5em; color:#fff; margin-top:.75em; margin-bottom:.75em;}
.index_4_1_mid_2_3{color:#fff;display: -webkit-box;-webkit-box-orient: vertical;  -webkit-line-clamp: 2;   overflow: hidden;word-wrap:break-word;word-break:break-all; line-height:1.9;}



.index_4_2{text-align:center; margin:4.375em 0;}
.index_4_1_mid{overflow:hidden; position:relative;}
.index_4_1_mid:after{ height:1.70807453416149%; left:50%; background-position:center top; background-repeat:no-repeat; background-size:cover;content:''; position:absolute; bottom:-1.70807453416149%; width:84.50704225352113%;transform:translateX(-50%); background-image: linear-gradient(to right, #cb272a, #cb272a);border-radius:20px 20px 0 0;  }
.index_4_1 ul li:hover .index_4_1_mid:after{bottom:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.a-image-hover{align-items:center;color:#fff;display:flex;font-size:14px; font-family:Arial, Helvetica, sans-serif;height:100%;justify-content:center;left:0;letter-spacing:0;line-height:1;position:absolute;top:0;width:100%;z-index:2}
.a-image-hover span{display:inline-block;opacity:0;transform:translate3d(-30px,0,0);transition:all .5s cubic-bezier(.14,1,.34,1) 0s}
.a-image-hover span:first-child{transition-delay:.03s}
.a-image-hover span:nth-child(2){transition-delay:.06s}
.a-image-hover span:nth-child(3){transition-delay:.09s}
.a-image-hover span:nth-child(4){transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span{opacity:1;transform:translateZ(0)}
.index_4_1 ul li:hover .a-image-hover span:first-child{transition-delay:.12s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(2){transition-delay:.06s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(3){transition-delay:.04s}
.index_4_1 ul li:hover .a-image-hover span:nth-child(4){transition-delay:.03s}
.index_4_1_mid_1:after{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0; z-index:1;opacity:0;position:absolute;top:0;transition:all .5s cubic-bezier(.4,.8,.74,1) 0s;width:100%}
.index_4_1 ul li:hover .index_4_1_mid_1:after{opacity:1;}
.index_4{overflow:hidden; background: #f7f9fb; padding-top: 4%;}

@media (max-width: 992px){
    .index_4_1 ul li{width: 100%; margin-right: 0}
}

.partner ul{width: 100%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: center;   justify-content:center; flex-wrap: wrap;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);background: #fff;}
.partner li{ padding: 20px; width: 20%; border-right:1px solid transparent; border-color: rgba(151, 151, 151, 0.3); border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);transition: .5s; }
.partner li:nth-child(5n){border-right:none}
.partner li:nth-child(6){border-bottom:none}
.partner li:nth-child(7){border-bottom:none}
.partner li:nth-child(8){border-bottom:none}
.partner li:nth-child(9){border-bottom:none}
.partner li:nth-child(10){border-bottom:none}

.partner li img{width: 80%; display: block; margin: 0 auto;}
.partner li:hover{box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}

@media screen and (max-width:1650px){

}

@media screen and (max-width:1440px){

}
@media screen and (max-width:1280px){
    .index_4_1_mid_2_2{font-size:18px;}
}
@media screen and (max-width:790px){
    .partner ul{width: 95%;}
}


/*************footer******************/
.footer22{display: none;}
.footer2{display: none;}
.footer{background:#25262b; position:relative; overflow:hidden;}
.footer .footer_box{width: 85%; margin: 4% auto 3% auto; color: #fff;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer .footer_box a{ color: #fff;}

.footer_pro{padding: 0 5%; width: 30%}
.footer_pro h2{font-size: 21px; font-weight: bold;color: #fff}
.footer_pro h2:after{content: ""; width: 100%; height:1px; background: #484848;display: block; margin: 10px 0;}
.footer_pro ul{display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;flex-wrap: wrap; margin-top: 50px;}
.footer_pro li{width: 48%; margin: 1% 1% 1% 0; line-height:35px;}
.footer_pro li a{ font-size: 18px; color: #e0e0e0}

.footer_contact{ width: 30%}
.footer_contact h2{font-size: 21px; font-weight: bold; color: #fff}
.footer_contact h2 img{width: 55%}
.footer_contact h2:after{content: ""; width: 100%; height:1px; background: #484848;display: block; margin: 10px 0;}
.footer_contact ul{width: 100%; margin-top: 50px;}
.footer_contact li{width: 100%; margin-bottom: 20px; font-size: 18px; color: #fff}
.footer_contact li i{width: 50px;height:50px;display: inline-block;vertical-align: middle;position: relative;box-sizing: border-box;background:#404142;transform: skew(-10deg); margin-right: 20px}
.footer_contact li i img{width: 40%; display: block; margin: 15px auto 0 auto}

.footer_wx{width: 20%}
.footer_wx h2{font-size: 21px; font-weight: bold;color: #fff}
.footer_wx h2 img{width: 55%}
.footer_wx h2:after{content: ""; width: 100%; height:1px; background: #484848;display: block; margin: 10px 0;}
.footer_wx ul{width:75%; margin-top: 50px;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.footer_wx li{width: 46%; margin-bottom: 20px; font-size: 18px; color: #e0e0e0}
.footer_wx li img{width: 100%}
.footer_wx li i{width: 50px;height:50px;display: inline-block;vertical-align: middle;position: relative;box-sizing: border-box;background:#484848;transform: skew(-10deg); margin-right: 20px}
.footer_wx li i img{width: 40%; display: block; margin: 15px auto 0 auto}

.footer_mid_3{margin:0 auto; position:relative; z-index:10;padding: 10px 0; width: 100%;font-size: 16px;display: flex; display:-webkit-flex;-webkit-justify-content:center;   justify-content:center;line-height: 46px;background: #111114; border-top:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.footer_mid_3_left{  color:#e0e0e0; }
.footer_mid_3_right{  color:#e0e0e0;text-align: right;}
.footer_mid_3_right a{color:#e0e0e0;}
.footer_mid_3_right a:hover{color:#fff;}

@media screen and (max-width:1440px){
    .footer .footer_box{width: 90%;}
    .footer_pro{padding: 0 4%; width: 40%}
    .footer_pro li{font-size: 15px;line-height: 40px;}
    .footer_contact p{font-size: 15px;line-height: 30px;}
    .footer_ewm {width: 15%;}
}

@media screen and (max-width:1280px){
    .footer_logo{display: none;}
    .footer_pro {width: 36%;}
    .footer_contact {width: 26%;}
    .footer_ewm {width: 22%;}
    .footer_contact li{font-size: 16px}
    .footer_pro li a{font-size: 16px}
}

@media screen and (max-width:1023px){
    .footer{display: none;}
    .footer22{ width: 100%; height: 75px; ; display: block;	position: fixed; z-index: 8; bottom:0; left:0;}
    .footshadow{ width: 100%; height: 75px; display: none;}
    .footfun{ padding: 0 0px; height: 100%; overflow: hidden;}
    .footfun li{ float: left; width: 25%; height: 100%; background-color: #155bc4;	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
    .footfun li:nth-child(odd){ background-color: #155bc4}
    .footfun li a{ display: block; text-align: center; color: #fff; padding-top: 3px;}
    .footfun li a .pic{ height: 44px; line-height: 44px; font-size: 0;}
    .footfun li a img{ max-height: 40px; width: auto; height: auto;position: relative;}
    .footfun li h3{ line-height: 26px;font-size: 15px; font-weight: normal;}
}
@media screen and (max-width:750px){
    .footerin{ padding: 16px 0 16px;}
}

/*********展开导航************/
#sitemapContent{	position:fixed; top:0; left:0; right:0; bottom:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;   z-index:-1;-webkit-transition:all 0.3s  0.5s;transition:all 0.3s  0.5s;}
#sitemapInnerCon{position:absolute; top:0; left:0; bottom:0; left:75px; right:75px; border-right:1px solid rgba(255,255,255,0.1); border-left:1px solid rgba(255,255,255,0.1); }
#sitemapContent .sitemap-bg-box{position:absolute; top:0px; left:0px; width:100%; height:100%;}
#sitemapContent .visual-intro-item{float:left; position:relative; height:100%;}
#sitemapContent .visual-intro-item:before{position:absolute;  left:0; top:0px; width:1px; height:0; content:""; background-color:rgba(255,255,255,0.1); z-index:1; }
#sitemapContent .visual-intro-item:first-child:before{display:none}
#sitemapContent .visual-intro-item:after{	content:""; position:absolute; right:0; top:0px; width:100%; height:100%; background: #505050; -webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
    transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s ;}
#sitemapContent .sitemap-close-btn{position:absolute; top:0; left:0; width:75px; height:75px; border:none; background:none; cursor:pointer; background-color:#505050;}
#sitemapContent .sitemap-close-btn i{ position:absolute; background-position:center; background-repeat:no-repeat; background-size:cover; height:48.88888888888889%; width:48.88888888888889%; background-image:url(../images/close.png);transform:translate(-50%, -50%); left:50%; top:50%}


.sitemap-wrapper-style02{height:100%; }
.sitemap-wrapper-style02 > ul{overflow:hidden; position:relative; z-index:1; top:50%; transform:translateY(-50%); margin-top:-2%}
.sitemap-wrapper-style02 > ul > li{overflow:hidden; float:left; width:16.666666%;height:100%;}
.sitemap-wrapper-style02 > ul > li > h2{overflow:hidden; color:#fff; font-weight:normal; font-size:30px; letter-spacing:-0.5px; margin:0% 15% 0 19%;   line-height:1.2; display:table; height:70px}
.sitemap-wrapper-style02 > ul > li > h2 span{display:table-cell; vertical-align:top}
.sitemap-wrapper-style02 > ul > li > h2.hide{opacity:0}
.sitemap-wrapper-style02 > ul > li > h2 a{color: #fff;}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a{overflow:hidden; position:relative; display:inline-block;  margin:12px 15% 12px 19%; color:#c3c3c3; font-size:16.5px; letter-spacing:-0.5px;   line-height:1.6;
    -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}

.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span{position:relative; display:inline-block; z-index:1; padding-left:9px;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a span:before{position:absolute; content:"-"; left:0; top:0;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a .gnb-icon{display:none;}
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover{color:#fff; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep a:hover:after{width:100%; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3{margin:0 15% 0 19%; padding:19px 0; font-weight:600; font-size:20px; letter-spacing:-0.5px; color:#5e5e5e; overflow:hidden }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{display:block; }
.sitemap-wrapper-style02 > ul > li .sitemap-2dep .gnb-3dep{padding-bottom:15px}

.sitemap-wrapper-style02 ul li span,.sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:0;filter:Alpha(opacity=50);-webkit-transform:translateX(-5%);transform:translateX(-50%);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s; }

#sitemapContent.open{opacity:1.0;filter:Alpha(opacity=100); visibility:visible; z-index:99999; background: url('../images/navbg.jpg') no-repeat center top;;-webkit-transition:all 0.3s  0s; transition:all 0.3s 0s;}
#sitemapContent.open .visual-intro-item:before{height:100%;}
#sitemapContent.open .visual-intro-item:after {width:0;}
#sitemapContent.open .visual-intro-item {-webkit-transform: scaleX(1);transform: scaleX(1); transform-origin:right top; transition-property: transform; width:16.666666666666668%}
#sitemapContent.open .sitemap-wrapper-style02 ul li span,#sitemapContent.open .sitemap-wrapper-style02 > ul > li .sitemap-2dep h3 span{opacity:1.0;filter:Alpha(opacity=100);-webkit-transform:translateX(0);
    transform:translateX(0);transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04); }
/******************/
.js-scroll-border { position:absolute; left:0; top:0; width:100%; height:100%; z-index:100; border: 40px solid #FFF; transition: border 1.3s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.animated .js-scroll-border { border: 0px solid #FFF; }
.about_1_left_right:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; z-index:100;}
.about_1_left_right.animated:after{width:0;  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.so_1_mid_bg:after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe}
.about_3_3_left_bg:after{content:''; position:absolute; right:0; top:0; width:100%; height:100%; z-index:10; background-color:#f6fafe}
.so_1_mid_bg.animated:after{width:0;  transition: all 3s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.ser_1_right_bg:after{ content:'';position:absolute; right:0; top:0; width:100%; height:100%; background-color:#1654a8;}
.ser_1_right_bg.animated:after{width:0;transition: all 2s cubic-bezier(0.23, 1, 0.38, 1) 0s;}
.bannerwb{position:absolute; left:5%; width:90%; text-align:center; color:#fff; z-index:410; font-size:2.25em; bottom:34.55723542116631%;}


/*******service*********/
.neibanner2 {width: 100%;height: 250px;position: relative; background: #000}
.neibanner2 img.neibannerimg {width: 100%;height: 100%;object-fit: cover; position: absolute; opacity: 0.5}


.atc-pn {position: relative;padding-top: 26px;padding-right: 160px;border-top: 1px solid #ddd;}
.atc-pn a {display: block;overflow: hidden;font-size: 14px;color: #666;line-height: 34px;margin-top: 10px;}
.atc-pn a:hover {color: #0181e0;}
.atc-pn a label {display: inline-block;border: 1px solid #ccc;width: 98px;height: 32px;text-align: center;font-size: 14px;line-height: 32px;margin-right: 15px;-webkit-transition: 0.3s;transition: 0.3s;}
.atc-pn a:hover label {border-color: #060707;}
.atc-pn a.ret {font-size: 14px;color: #fff;line-height: 34px;text-align: center;background-color: #082b4a;width: 110px;height: 34px;position: absolute;right: 0;bottom: 0;z-index: 1;margin-top: 0;}
.atc-pn a.ret:hover {opacity: 0.8;}
@media screen and (max-width: 960px) {
    .atc-pn {padding-right: 0;}
    .atc-pn a.ret {position: static;width: 150px;height: 50px;line-height: 50px;border-radius: 5px;display: block;margin: 40px auto 100px auto;font-size:15px;}
}
/*内页产品展示*/


.prolist_bot { width: 100%; margin: 0% auto; padding: 4% 0;}
.prolist_bot ul{display: flex; display:-webkit-flex;-webkit-justify-content: left;   justify-content:  left;width: 85%; margin:2% auto;flex-wrap: wrap;}
.prolist_bot ul li {width: 32%;height: auto;margin-right: 2%;margin-bottom: 25px;transition: all .5s;;border:1px solid transparent; border-color: rgba(151, 151, 151, 0.1);}
.prolist_bot ul li:nth-child(3n) {margin-right: 0px;}
.prolist_bot ul li a {display: block;width: 100%;height: 100%;}
.prolist_bot ul li a .prolist_liimg {width: 100%;border-radius: 6px;overflow: hidden;transition: .5s; }
.prolist_bot ul li a .prolist_liimg img {width: 100%;height: 100%;object-fit: cover;}
.prolist_bot ul li:hover .prolist_liimg img {transform: scale(1.1);}
.prolist_lititle {height: 90px;width: 100%;background-color: #fff;display: flex; align-items: center;-webkit-align-items: center; justify-content:center}
.prolist_lititle h3 {font-size: 18px;color: #666666;font-weight: bold }
.prolist_bot ul li:hover {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);}

@media screen and (max-width:1023px) {
    .prolist_bot ul{width: 95%;}
    .prolist_bot ul li{width: 49%; margin-right: 1%; margin-bottom: 10px}
    .prolist_bot ul li:nth-child(2n) {margin-right: 0px;}
    .prolist_lititle {height:70px;}
    .prolist_lititle h3 {font-size: 16px;}
}

/*产品详情*/
.se_procont{width: 100%;  background:url(../images/aboutbg.jpg) no-repeat center top;padding: 7% 0 4% 0;background-attachment: fixed; background-size: cover;}
.se_procont .s_width{background: #fff;padding:2% 4%;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;width: 80%; margin: 0 auto;}
.se_procont .se_procont_l{width: 45%;}
.l{float: left;}
.r{float: right;}

#showbigpic{width: 100%;max-width:800px;}
.piclist{width:89%;overflow: hidden; margin:0 auto}
#modal-pic{height:51vh;}
#modal-pic img{width: 100%;}

.modal-dialog{width: 100%;}

.absolute{position:absolute}
.arrow-left{top:5px;left:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/lleft.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-right{top:5px;right:5px;color:white;cursor: pointer;width:20px;height:100px; background:url(../images/rright.png) no-repeat center top; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;}
.arrow-left:hover{ background:url(../images/left_h2.png) no-repeat center top;}
.arrow-right:hover{ background:url(../images/right_h2.png) no-repeat center top;}
#mycarousel{transition: all .4s;}
.espcms_pro_photo li{ float:left; width:80px; margin-right:10px; text-indent:0;}
.espcms_pro_photo li img{width:76px;height:auto; background: #fff  }

.se_product_box{width: 85%; margin: 4% auto;}
.se_product_box .se_product_tit{font-size: 30px; font-weight: bold;background: #cd2729;padding: 20px 0px;width: 200px; text-align: center; color: #fff;}
.se_product_box h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 30px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left: 72px}

.se_product_bg{margin-top: 3%;}
.biaoge{overflow-x: auto;}
.biaoge td{padding:0.5% 1%;white-space: nowrap;font-size: 16px;}

table {width: 100%;border-collapse: collapse;}
table td {border: 1px solid #e6e7ea;padding: 0.5%;line-height: 31px; }
.biaoge p{font-size: 16px; line-height: 31px;}

@media screen and (min-width: 1025px) {

    .se_procont_r{width: 50%;padding-top: 4%;}
    .se_procont .se_procont_r h1 {color: #333333;line-height: 1.25;}
    .se_procont .se_procont_r .aside {margin-top:20px;line-height: 1.25; }
    .se_procont .se_procont_r .aside span{font-size: 16px;}
    .se_procont .se_procont_r .imax {margin:16px 0 20px 0;padding-top: 16px;border-top: #eeeeee solid 1px;color: #666666;font-size: 16px;}
    .se_procont .se_procont_r .imax p{ line-height: 31px;}
    .se_procont .se_procont_r .btns { margin-top: 12%;}
    .se_procont .se_procont_r .btns .btn {z-index: 2;display: inline-block;vertical-align: top;position: relative;overflow: hidden;min-width: 120px;line-height: 45px;padding: 0.1rem 0.2rem;border-radius: 70px;text-align: center;font-size: 16px;border: #e0e0e0 solid 1px;-webkit-transition: all 250ms ease-out 0s;transition: all 250ms ease-out 0s;color: #333333;}
    .se_procont .se_procont_r .btns .btn:after {background-color: #0181e0;opacity: 1;z-index: -1;content: " ";position: absolute;border-radius: 50%;left: 50%;top: 50%;background-color: #fff;width: 108%;padding-bottom: 108%;-webkit-transform: translate(-50%, -50%) scale(0);transform: translate(-50%, -50%) scale(0);pointer-events: none;}

    .se_procont .se_procont_r .btns .btn:nth-child(1n+2) {margin-left: 0.6rem;}
    .se_procont .se_procont_r .btns .btn2 {color: #0181e0;border-color: #0181e0;}
}
@media screen and (min-width: 1025px) {
    .se_procont .se_procont_r .btn1:hover {color: #171c32;}
    .se_procont .se_procont_r .btn2 {color: #0181e0;border-color: #0181e0;}
    .se_procont .se_procont_r .btn2:hover {color: #171c32;}
}
@media screen and (max-width: 1024px) {
    .se_procont .se_procont_r {max-width: 100%;margin-top: 0.7rem;width: 514px;margin-left: auto;margin-right: auto;padding-bottom: 0.4rem;}
    .se_procont .se_procont_r .btns {position: relative;margin-top: 0.6rem;bottom: 0;display: none}
}

@media screen and (max-width: 790px) {
    .inbanner2 {height: 180px;}
    .se_procont{padding: 0% 0 4% 0;}
    .se_procont .s_width{width: 98%; display: block;}
    .se_procont .se_procont_l{width: 100%;}
    .se_procont .se_procont_r{width: 90%;    margin-top: 0;}
    .se_procont .se_procont_r h1{font-size: 25px; padding-top: 3%;}
    .se_procont .se_procont_r .aside {margin-top: 10px;}
    .se_procont .se_procont_r .imax{font-size: 15px;display: none}
    .se_procont .se_procont_r .imax p{line-height: 24px;}
    .se_procont .se_procont_r .btns .btn{min-width: 100px;line-height: 28px;}
    .right-fd{display: none!important;}

    .se_procont .s_width{background: #fff;padding: 0%;width: 95%;}
    #modal-pic {height: 35vh;}
    .se_product_box .se_product_tit{font-size: 23px;width: 150px;padding: 10px 0;}
    .se_product_box .se_product_cont p{font-size: 16px; line-height: 31px;}
}

/*内页新闻详情*/
.newsdetail_page {background-color: #f9fcfb; width: 85%; margin: 0 auto}
.newsdetail_item {padding: 50px 75px;background-color: #ffffff;}
.newsdetail_title {border-bottom: 1px solid #e5e5e5;text-align: center;}
.newsdetail_title h3 {font-size: 32px;font-weight: bold;line-height: 42px;padding: 0px 15px;color: #333333;}
.newsdetail_title span {padding: 45px 0px 40px;display: block;font-size: 16px;color: #666666;}
.news_detail {padding: 40px 0px;}
.news_detail p {font-size: 17px;line-height: 36px;color: #333333;text-indent: 2em;}
.news_detail img {margin: 10px auto;display: block;}
.news_nextprev {border-top:1px solid #e5e5e5;padding: 40px 0px;margin: 80px 0px;align-items: flex-start;}
.news_nextprev_l a {width: 136px;height: 51px;border-radius: 25px;border: solid 1px #bdbdbd;justify-content: center;margin-bottom: 10px;transition: all .5s;}
.news_nextprev_l a p {font-size: 16px;color: #666666;}
.news_nextprev_l a img {height: 12px;margin-left:15px;}
.news_nextprev_l a:hover {background-color: #00a67e;border-color: #00a67e;}
.news_nextprev_l a:hover p {color: #ffffff;}
.news_nextprev_l a:hover img {filter: grayscale(100%) brightness(200%);}
.news_nextprev_r .bannerdesc_btn {width: 136px;height: 51px;border-radius: 25px;}
.news_nextprev_r .bannerdesc_btn_ico {background-color: #ffffff;height: 43px;width: 43px;top: 4px;right: 4px;}
.news_nextprev_r .bannerdesc_btn a p {left: -4px;top: 14px;}
.news_nextprev_r .bannerdesc_btn_ico img {right: 9px;top: 15px;height: 12px;width: auto;}
.news_nextprev_r .bannerdesc_btn:hover .bannerdesc_btn_ico img {top: 20px;}
.news_detail video {width: 100%;height: 600px;}
.bannerdesc_btn {width: 180px;height: 72px;background: linear-gradient(90deg, #00a67e 0%, rgba(91, 163, 79, 0.08) 100%);border-radius: 36px;position: relative;}
.bannerdesc_btn a {width: 100%;height: 100%;}
.bannerdesc_btn a p {font-size: 16px;padding-left: 20px;color: #f5f5f5;position: absolute;left: 6px;top: 24px;z-index: 2;transition: all .5s;}
.bannerdesc_btn_ico {width: 60px;height: 60px;border-radius: 30px;background-color: #f5f5f5;transition: all .5s;position: absolute;right: 6px;top: 6px;z-index: 1;}
.bannerdesc_btn_ico img {width: 26px;position: absolute;right: 16px;top: 20px;}
.bannerdesc_btn:hover a p {color: #00a67e;}
.bannerdesc_btn:hover .bannerdesc_btn_ico {width: 100%;height: 100%;border-radius: 36px;top: 0px;right: 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.bannerdesc_btn:hover .bannerdesc_btn_ico img {top: 25px;}

.se_product_cont h2{ font-size: 30px;color: #3a4a64;line-height: 40px;margin-bottom: 20px;background: url(../images/new-tag.png) no-repeat left 5px;padding-left:42px;margin-top: 4%}
.se_product_cont table {width: 100%;text-align: center;border-spacing: 0px;border-collapse: collapse;background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 15px;font-size: 16px;}
.se_product_cont tr:first-child {background-image: linear-gradient(90deg,#00a69c 3%,#00c0fa 100%);;height: 60px;line-height: 60px;color: #fff;}
.se_product_cont tr:nth-child(2n+3) {background: #f5f5f5;}
.se_product_cont .bhead {background-image: linear-gradient(90deg,#148ffa 3%,#00c0fa 100%);background: #148ffa;color: #fff}
.se_product_cont tr.odd {background: #f5f5f5;color: #333;}
.se_product_cont tr.even {background: none;}
.se_product_cont td.even {background: #fff;}
.se_product_cont table td {line-height: 46px;border: 1px solid #ddd;}
.se_product_cont tr {border: 1px solid #ddd;}
.se_product_cont .fr.frcontent {width: 22.1%;background: url(../images/ico15.png) repeat;margin-top: 80px;margin-bottom: 40px;-webkit-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);-moz-box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);
    box-shadow: 2px 4px 15px 0 rgba(30,37,79,0.4);}
.se_product_cont .fr.frcontent .tt {padding: 0 35px;margin-top: -31px;}


@media screen and (max-width:1023px) {
    .newsdetail_page{width: 95%}
    .newsdetail_item {padding: 50px 2%;}
    .news_detail p{font-size: 16px; line-height: 31px}
    .newsdetail_title h3 {font-size: 26px; line-height: 31px}
}

/*se_hangye*/
.newslist {overflow: hidden;width: 80%; margin: 3% auto;}
.newslist li {width: 100%;border-bottom: 1px solid #e8ecf0;padding:30px 0;}
.newslist li:last-child {border-bottom: 0 none;}
.newslist li a {display: block;position: relative;overflow: hidden;padding-left: 650px;height: 356px;}
.newslist li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 586px;height: 100%;overflow: hidden;}
.newslist li .pic img {-o-object-fit: cover;    object-fit: cover; width: 100%;}
.newslist li h3 {font-size: 24px;color: #333;line-height: 42px;height: 42px;overflow: hidden;}
.newslist li .txt {font-size: 16px;color: #666;line-height: 32px;height: 64px;overflow: hidden;margin: 20px 0 58px;}
.newslist li .date {font-size: 24px;color: #155bc4;line-height: 36px;font-family: "amerigobt";height: 36px;padding-top: 48px;overflow: hidden;}
.newslist li label {display: block;width: 32px;height: 32px;font-size: 0;cursor: pointer;background: #c3c3c3 url('../images/jtr-n.png') center no-repeat;border-radius: 50%;}
.newslist li,.newslist h3,.newslist label {-webkit-transition: .5s;transition: .5s;}
.newslist li:hover {border-bottom-color: #155bc4;}
.newslist li:hover h3 {color: #155bc4;}
.newslist li:hover label {background-color: #155bc4;}
@media screen and (max-width: 1440px) {
    .newslist {width: 100%;}
    .newslist li .txt {  line-height: 30px;  height: 90px;  margin-bottom: 32px;}
}
@media screen and (max-width: 1200px) {
    .newslist li a {  padding-left: 540px;}
    .newslist li .pic {  width: 480px;}
}
@media screen and (max-width: 1023px) {
    .newslist li {  padding: 60px 0;}
    .newslist li a {  }
    .newslist li .pic { width: 100%; position: relative;}
}
@media screen and (max-width: 840px) {
    .cer8 {width: 100%;}
    .newslist li a {  height: auto;}
    .newslist li .date {  padding-top: 20px;}
    .newslist li label {  display: none;}
}
@media screen and (max-width: 750px) {
    .newslist li {  padding: 40px 10px;}
    .newslist li .txt {  display: none;}
    .newslist li h3 {  font-size: 20px;  line-height: 32px;  height: 96px;}
}
@media screen and (max-width: 600px) {
    .newslist li a {  padding-left: 0;}
    .newslist li h3 {  font-size: 18px;  line-height: 30px;  height: auto;}
    .newslist li .date {  padding-top: 10px;  font-size: 18px;}
}

/*内页联系我们*/
.contact .flex{width: 100%; margin: 0 auto;display: -webkit-box;display: -webkit-box;display: -ms-flexbox;display: flex;display: -webkit-flex;}
.contact{padding: 120px 0; width: 85%; margin: 0 auto;}
.contact ._list{flex-wrap: wrap;}
.contact ._list ._item{width: 25%;}
.contact ._list ._item>div{padding:30px;border: 1px solid #ddd;margin: 0 -1px -1px 0;height: 100%;}
.contact ._list ._item ._title{font-size: 20px;font-weight: bold;line-height: 1;}
.contact ._list ._item ._icon{margin: 30px 0;height: 140px;}
.contact ._list ._item ._icon img{height: 100%;}
.contact ._list ._item ._tel ._n{color: #666;line-height: 1;margin-bottom: 5px;}
.contact ._list ._item ._tel ._t{font-size: 20px;font-weight: bold;line-height: 28px;min-height:56px;}
.contact ._list ._item ._tel ._t._zh{font-size: 18px;}
.contact ._list ._item ._tps{color: #666;line-height: 1.625;margin-top: 10px;}

.message{padding-top:120px;padding-bottom:8vw;position: relative;}
.message ._bg{position:absolute;top:0;left:0;width:100%;height:calc(100% + 3.125vw);overflow: hidden;z-index: -1;}
.message ._bg>div{width:100%;position:absolute;bottom:0;left:0;}
.message ._bg>div img{width:100%;object-fit:cover;}
.message ._box{width: 85%; margin: 0 auto;display: flex; display:-webkit-flex;-webkit-justify-content: space-between;   justify-content: space-between;}
.message ._info{width: 420px;padding-right:40px;}
.message ._info ._title .en{font-size: 44px;line-height:1.3;text-transform: uppercase;margin-bottom: 25px;}
.message ._info ._title .cn{font-size: 38px;font-weight: bold;color: var(--color04);line-height: 1;}
.message ._info ._line{margin-top: 45px;font-size: 16px;line-height: 1.875;}
.message ._info ._tel{line-height: 1;margin-top: 120px;}
.message ._info ._tel ._name{font-size: 24px;margin-bottom: 15px;}
.message ._info ._tel ._txt{font-size: 40px;font-weight: bold;color: var(--color04);}
.liuyan {font-size: 0; width:55%;}
.liuyan .hang {width: 100%;margin-bottom: 32px;}
.liuyan label {display: block;font-size: 16px;color: #333;line-height: 30px;}
.liuyan input[type=text] {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);
}
.liuyan textarea {padding: 12px 14px;height: 110px;resize: none;vertical-align: top;width: 100%;line-height: 28px;font-size: 14px;}
.liuyan input[type=text]:focus,.liuyan textarea:focus {border-color: #155bc4;}
.liuyan input[type=text],.liuyan textarea {-webkit-transition: 0.3s;transition: 0.3s;}
.liuyan i.v {display: block;width: 100%;vertical-align: top;}
.liuyan .layui-form-item {height: 48px;margin-top: 46px;}
.liuyan .layui-textarea {width: 100%;height: 32px;border: 0 none;border-bottom: 1px solid #b8c4d0;line-height: 32px;font-size: 14px;color: #555;padding-bottom: 12px;background-color: rgba(255, 255, 255, 0.2);}
.liuyan  .layui-btn{ display: block;width: 150px;height: 46px;font-size: 16px;line-height: 46px;background-color: #155bc4;color: #fff;border: 1px solid #155bc4;margin-top: 75px;}
.liuyan  .layui-btn:hover{background-color: #fff;color: #155bc4;}

@media screen and (max-width: 1023px) {
    .contact{padding:2em 0; width: 95%}
    .contact .flex{display: block;}
    .contact ._list ._item{width: 100%}
    .message{padding-top: 50px;}
    .message ._box{width: 95%; display: block}
    .message ._info ._title .en{display: none}
    .message ._info ._title .cn{font-size: 28px}
    .message ._info ._line{margin-top: 15px; font-size: 14px; width: 90%}
    .message ._info ._tel{margin-top: 25px}
    .liuyan{width: 100%; margin-bottom: 150px}
    .liuyan .layui-btn{margin-top: 25px}
}

.se_xinwen{width: 85%; margin: 5% auto;}
.se_xinwen li{line-height: 55px; font-size: 16px; border-bottom:1px solid transparent; border-color: rgba(151, 151, 151, 0.3);}
.se_xinwen li span{float: right}

@media screen and (max-width:1600px) {
    .case_1_mid{height:7.5em;}
    .so_4_mid{width:60%}
    .about_4_2_mid_1:after{font-size:.75em;}
    .footer_mid_2_right_mid{padding-left:30%;}
    .header_mid_mid ul li{ margin:0 1.5vw;}
    .header_mid{margin-left:2%; margin-right:2%;}
    .footer_mid{margin:0 5%;}
    .header_mid_mid ul li:nth-child(4){margin-right:7vw;}
    .header_mid_mid ul li:nth-child(5){margin-left:7vw}
}


@media screen and (max-width:1280px) {
    .header_mid_mid ul li{margin:0 1vw;}
}
@media screen and (max-width:1200px) {
    .pro_info_top_bg{padding-top:0}
    #sitemapContent.open{	display:none}
    .pro_info_top_2,.pro_info_tab ul li a{	font-size:1em;}
    .pro_info_top_3_right_mid_3{	font-size:1em;}
    .pro_info_top_1{	display:none}
    .ser_1_left_4_mid_2{	font-size:.875em;}
    .about_4_2{	margin-top:4em;}
    .about_2_3_mid{	margin:0 5%;}
    .about_2_bg,.about_5_con_img_list{	width:95%;}
    .about_1_left{	margin-left:5%; width:90%;}
    #header{	position:fixed}
    #main{	margin-top:5em;}
    .bodyon2 #header{transform: translateY(0%);}
    .index_3_2 .swiper-slide {width: 768px;    padding: 0 calc((100vw - 768px) * 0.0375);}

    .index_2_mid_2_mid_2{	font-size:1.125em;}
    .header_mid_mid ul{	display:none;}
    .header_mid_mid{	height:5em;}
    .header_mid_right{	display:none}
    .menu-toggler{	left:auto; right:0;}
    #header{	background-color:#fff;}
    .header_logo img:nth-child(2){	display:block; height:50px;}
    .header_logo img:nth-child(1){	display:none}
    .header_logo{	width:auto; left:0%;transform:translate(0, -50%);}
    .menu-toggler .line{
        background-color:#000}
    .header_mid{
        margin-left:5%; margin-right:5%;}
}
.nybanner_footer p{ z-index:100;display:none; position:relative; color:#fff; padding:.5em 0; text-align:center; background-color:#333}
.nybanner_footer p:after { content: ''; position: relative; top: -1px; left: 7px; display: inline-block; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: middle; transition: transform .3s; }
.nybanner_footer p:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #0268b9; transition: all .3s; z-index: -1; }
.nybanner_footer p.on:before{ height:100%;}
.nybanner_footer p.on:after { transform: rotate(-180deg); }
@media screen and (max-width:1024px) {
    .close_box a img{width:2em;}
    .close_box{top:1em; right:1em;}

    .nybanner_mid_1{font-size:2em;}
    .nybanner_mid_2{font-size:1.25em;}
    .footer_mid_2_left_mid p, .footer_mid_2_right_mid p{font-size:1em;}
    .footer_mid_2_left_mid a,.footer_mid_2_right_mid_2 dl dd{font-size:.875em;}
    .index_4_1_mid_2_2{font-size:1em;}
    .index_4_1_mid_2_3{font-size:.875em;}
    .swiper-slide_mid_2_left,.swiper-slide_mid_2_right{font-size:.75em;}
    .index_3_2_mid_footer_mid_2{font-size:1em;}
    .index_3_2_mid_footer_mid_1{font-size:1.25em;}
    .index_2_mid{margin:0 5%;}
    .banner_footer_mid_2 a{font-size:1em;}
    .banner_footer_mid_1{font-size:1.375em;}
    .index_1_mid_right_1 span{font-size:1em;}
    .index_1_mid_right_2{font-size:1.5em;}
    .index_1_mid_right_4_1 dl{font-size:.875em;}
    .index_1_mid_right_4_1 dl dd:nth-child(1){font-size:2em;}
    .index_1_mid_right_5_more span{font-size:1em;}
}
.div_768 img{width:100%;}
.div_768{display:none}
@media screen and (max-width:950px) {
    .pro_info_top_3_left,.pro_info_top_3_right{
        float:none; width:100%;}
    .pro_info_top_3_right_mid{margin:2em 5%;}
    .pro_info_top_3{padding-bottom:0;margin-bottom:3rem;}
}
@media screen and (max-width:900px) {
    .footer_mid_2_right{display:none}
    .footer_mid_2_left{float:none; width:auto}
}


/******手机端menu************/
.navwrap {position: fixed;top: 80px;right: -80%;width: 80%;height:calc(100vh - 80px);z-index: 888;background-color: #fff; opacity: 0; display:none;}
@media screen and (max-width:1200px) {
    .navwrap{display:block}
}
@media screen and (max-width:640px) {
    .css_animation{width:80px; height:80px;}
    .navwrap {	top: 60px;height:calc(100vh - 60px);}
}
.navwrap .nav {
    padding: 10px 5% 0px 5%; border-top:1px #dedede solid;
}
.navwrap .nav li {line-height: 42px;border-bottom: 1px solid #dedede;padding: 0px;}
.navwrap .nav li a {display: block;color: #000;font-size: 16px;}
.navbg {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 555;display: none;}
.navbg .closeSJ {position: absolute;right: 24px;top: 18px;}
.navwrap .nav .SJbod {display: none;}
.navwrap .nav .SJbod dd a {height: 36px;line-height: 36px;font-size: 14px;}
.navwrap .nav .plus a {background: url(../images/plus.png) right center no-repeat;}
.navwrap .nav .minus a {background: url(../images/minus.jpg) right center no-repeat;}