*{padding:0;margin:0;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clear{height:1%;}
.width-fill{width:100%;}
.pl-0{padding-left:0;}
.mt-0{margin-top:0;}
#header {width: 100%;/*height: 40px;*//* position: fixed; */z-index:100;background: #fff;}
.logo {margin: 10px 0 5px 5px;float: left;}
.menu {margin-top: 10px;float: right;}
.menu ul {display: block;float: left;margin: 9px 15px 8px 0;}
.menu li {float:left;color:#5b5b5b;border-right:1px solid #cfcfcf;line-height: 12px;padding-right: 8px;margin-right: 8px;}
.menu li.border0 { border: none; padding-right: 0; margin-right: 0; }
.menu li a {color: #5c5c5c;line-height: 12px;}
.menu li a.cur-menu{ padding-bottom: 10px;border-bottom: 2px solid #15499a;font-weight:bold;}
.contact {float:right;margin: 35px 60px 15px 15px;}
.phone {float:right;border-left:1px solid #bbbbbb;}
.phone .phone-info{color:#bbb;}

.navbar-icon:before { content: ""; background-image: url('../images/navsprite.png'); background-repeat: no-repeat; position: absolute; display: inline-block; text-align: center; vertical-align: middle; }
.icon-toggle:before {content: "";position: absolute;display: inline-block;background: url('../images/icon-toggle-white.png') no-repeat center;left: -45px;/* top: 7px; */width: 45px;height: 45px;z-index: 9999;background-color: #ccc;}
.left-arrow-icon:before { content: ""; position: absolute; display: inline-block; background: url('../images/left-arrow-icon.png') no-repeat center; width: 30px; height: 30px; top: 50%; left: 19px; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
.home-icon:before {width: 16px;height: 16px;top: 5px;background-position: 0 0;}
.product-icon:before {width: 16px;height: 17px;top: 22px;background-position: 0 -22px;}
.case-icon:before {width: 16px;height: 16px;top: 21px;background-position: 0 -43px;}
.about-icon:before {width: 16px;height: 17px;top: 23px;background-position: 0 -66px;}
.sidebar-wrapper {position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 100%;overflow: hidden;}
.sidebar {position: fixed;top: 0;bottom: 0;right: -45%;width: 45%;background-color: #fff;z-index: 124;transition: right 0.6s;-moz-transition: right 0.6s; -webkit-transition: right 0.6s; -o-transition: right 0.6s;}
.sidebar-show{right: 0;}
.sidebar-title { width: 100%; height: 45px; background-color: #3671cf; position: fixed; z-index: 999; }
.sidebar-content {padding: 60px 0 25px 27px;height: 499px;position: relative;overflow: auto;}
.sidebar-menu > li {position: relative;padding: 16px 0;/* border-bottom: 1px solid #f4f7fc; */}
.sidebar-menu > li:first-child { padding-top: 0; }
.sidebar-menu > li > a {padding-left: 32px;vertical-align: middle;font-size: 14px;color: #444;font-weight: 400;}
.sidebar-sub-menu { display: none; padding-top: 24px; padding-left: 10px; border-bottom: 1px solid #f4f7fc; padding-bottom: 24px; margin-bottom: -24px; }
.active .sidebar-sub-menu { display: block; }
.sidebar-sub-menu > li { padding: 15px 0; }
.sidebar-sub-menu > li:first-child { padding-top: 24px; border-top: 1px solid #f4f7fc; }
.sidebar-sub-menu > li:last-child { padding-bottom: 0; }
.sidebar-sub-menu li a { padding-left: 22px; color: #666; }

#container {/* padding-top: 45px; */width: 100%;overflow: hidden;position: relative;}
.index-slide{width:100%;height:220px;/* display: none; */}
.index-slide .swiper-pagination-bullet { margin-right:10px; opacity: 1; background-color: #fff; }
.index-slide .swiper-pagination-bullet-active {background: #15499a; }
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:12px;}
.index-slide .slide-text {text-align: center;position: absolute;top: 40%;left: 13%;right: 13%;padding: 10px;}
.index-slide .slide-text h3{color: #fff;font-size: 15px;margin-bottom: 6px;}
.index-slide .slide-text p{color:#fff; font-size:13px;}
.index-slide .bottom-text p{color:#fff; font-size:13px;}
.index-slide .bottom-text {text-align: center;position: absolute;bottom: 0;/* left: 13%; *//* right: 13%; */padding: 8px;background: rgba(51,51,51,0.89);color:#fff;width:100%;}

.pro-slide{margin-top: 10px;width:100%;height:auto;padding-bottom: 10px;}
.pro-slide .swiper-pagination-bullet { margin-right:10px; opacity: 1; background-color: #fff;border:1px solid #e6e6e6; }
.pro-slide .swiper-pagination-bullet-active {background: #15499a; }
.pro-slide .slide-text {text-align: center;padding: 10px;}
.pro-slide .slide-text h3{color: #858585;font-size: 12px;margin-bottom: 6px;}
.pro-slide .bottom-text {text-align: center;position: absolute;bottom: 0;/* left: 13%; *//* right: 13%; */padding: 8px;background: rgba(51,51,51,0.89);color:#fff;width:100%;}
.pro-slide .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px;}

.swiper-slide{height:220px}
.pro-slide .swiper-slide{height:200px}
.swiper-slide img{height:100%;}
.center-slide{width:100%;height:auto;display: none;}
.center-slide .swiper-pagination-bullet {width:8px; height:8px;margin-right:10px; opacity: 1; background-color:#fff ; }
.center-slide .swiper-pagination-bullet-active {background: #15499a;border:none; }
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:12px;}
.center-slide .slide-text {text-align: center;position: absolute;top: 16%;left: 5%;right: 5%;padding: 10px;}
.center-slide .slide-text h3{color:#fff;font-size: 17px;margin-bottom: 6px;}
.center-slide .slide-text p{color:#fff;font-size: 13px;}
.swiper-slide img{display: block;}
.list-unstyled {padding-left: 0; list-style: none; }
a { color: #fff; font-family: 'Microsoft YaHei'; font-size: 14px; line-height: 24px; text-decoration: none; }
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}

.index-pro{ margin-top: 10px; position: relative; }
.index-pro li{ display: none; position: absolute; left: 0; top: 0; width: 100%;}
.index-pro a{ color: black; width: 33%; text-align: center; float: left; }
.index-pro li img{display: block;width: 100%;max-width: 228px;margin: auto;min-height:141px;}
.index-pro li p{ color: #858585; font-size: 20px; }
.index-pro li span{ width: 1px; height: auto; background-color: #e6e6e6; display: inline-block; float: left; margin-top: 30px; }
.index-pro .cur-pro{ display: block; }
.main-pro ol{ width: 36px; height: 8px; margin: 0 auto 20px; }
.main-pro ol li{list-style: none;float: left;width: 6px;height: 6px;border-radius: 4px;border: 1px solid #e6e6e6;margin-left: 5px;margin-right: 5px;cursor: pointer;}
.main-pro ol .cur-btn{ background-color: #fac217; }

.case-banner img {
    width: 100%;
}
.case-banner {
    /* max-height: 130px; */
    /* overflow: hidden; */
}
.mobile{ background-color: #f5f6fa; }
.mobile .weui-article{ background-color: white; padding-bottom: 20px; }
.mobile h2{ font-size: 22px; font-weight: bold; text-align: center; }
.mobile .weui-article+.weui-article{ margin-top: 20px; }
.mobile-news,.mobile-adv{ border-top: 1px solid #bbbbbb; margin-top: 30px; padding-top: 20px; }
.mobile-news a span{ display: inline-block; text-align: center; width: 50px; height: 24px; border-radius: 3px; background-color: #fe9900; color: white; margin-right: 10px; }
.mobile-news a{ color: #888888; }
.mobile-news p{ margin-left: 60px; color: #d0d0d0; }
.mobile-model h3{ border-left: 8px solid #3671cf; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; padding-left: 10px;}
.mobile-adv p+h3{ margin-top: 20px; }
.mobile-show{ margin-top: 40px; }
.mobile-show .weui-grids:before{ left: 0; right: 0; }
.mobile-show .weui-grid{ width: 25%; }
.mobile-show .weui-grid p{ margin: 0.5em 0;}
.mobile-show .active-grid{ background-color: #3671cf; }
.mobile-show .active-grid p{ color: white; }
.mobile-show ul{ margin-top: 30px;}
.mobile-show ul li{ display: none;}
.mobile-show ul li.cur-mobile{ display: block; }
.mobile-show ul li strong{ display: block; font-size: 18px; font-weight: normal; text-align: center; margin-bottom: 15px; margin-top: 20px;}
.mobile-show ul li p{ text-align: center; }
.mobile-show ul li a{ display: block; width: 40%; height: 50px; text-align: center; line-height: 50px; border-radius: 3px; background-color: #3671cf; color: white; margin: 20px auto;}
.mobile-show ol{ width: 160px; margin: 30px auto; }
.mobile-show ol li{ list-style: none; float: left; margin: 0 5px; width: 10px; height: 10px; background-color: #cccccc; border-radius: 5px; cursor: pointer;}
.mobile-show ol li.cur-mobile-btn{ background-color: #fe9903; }
.mobile-show .weui-grid__label{ color: #444444; }
.mobile-case .case-img{ float: left; width: 50%; }
.mobile-case .case-img img{ width: 100%; }
.mobile-case .case-content{ float: right; width: 47%; padding-left: 3%; padding-top: 5%; }
.mobile-case .case-content h4{ font-size: 18px; font-weight: bold; text-align: left; margin-bottom: 30px; }
.mobile-case .case-content p{ text-align: left; }
.mobile-case .case-text{ margin-top: 30px; }
.journal-img{ float: left; width: 46%; margin: 0 2%; }
.journal-img img{ width: 100%; }
.journal p{ text-align: center; }
.download{ width: 140px; height: 36px; text-align: center; line-height: 36px; color: white; background-color: #fe9903; border-radius: 3px; margin: 20px auto 50px; }

.main-pro .weui-grids:after{
	border:none;
}

.video-pdf{ position: relative; }
.video-pdf img{ width: 100%; display: block; }
.videoImgBg{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); }
.videoImgBg ul{ position: absolute; width: 54%; top: 50%; margin-top: -23px; left: 23%;}
.videoImgBg ul li{ width: 20%; padding-left: 20%; border: 3px solid white; height: 50px; line-height: 50px; font-weight: bold; background-position: 20%; background-repeat: no-repeat;}
.videoImgBg ul li:first-child{ float: left; background-image: url("../images/videoicon.png"); }
.videoImgBg ul li:last-child{ float: right; background-image: url("../images/pdficon.png");}
.videoImgBg ul li:hover{ background-color: #15499a; border-color: #15499a; }

@media (max-width: 600px){
	.index-pro li p{ font-size: 12px; }
	.mobile-case .case-content{ padding-top: 2%; }
	.mobile-case .case-content h4{ margin-bottom: 20px; }
	.mobile h2{ font-size: 18px; }
    .videoImgBg ul{ width: 80%; left: 10%;}
}

@media (max-width: 480px){
	.mobile-case .case-content h4{ font-size: 16px; font-weight: normal; }
	.journal-content h2{ text-align: left; margin-bottom: 20px; }
	.journal-content p{ font-size: 14px; }
	.journal-content a{ font-size: 14px; margin-top: 10px; }
    .videoImgBg ul li{ width: 25%; padding-left: 18%; background-position: 15%;}
}
.video .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 45px;
}
.video h3{
     margin: 10px 0 0 0px;
    color: #444;
    text-align: center;
}
.video .swiper-slide a .video-play {
    transform: translate(-50%,0);
    width: 35px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 6rem;
    background: url(../images/video-play.png) no-repeat;
    background-size: 35px;
}
h1.dongtai{
	text-align: center;
	font-size: 20px;
}
.swiper-banner{
       overflow: hidden;
    position: relative;
    margin: 0!important;
    padding: 0!important;
}
.swiper-banner img{
    width: 100%;
}
.weui-media-box_appmsg .weui-media-box__thumb {
    width: 100%;
	height:100%;
}
.overflow-x{
       overflow-x:scroll;
}

.weui-media-box_appmsg .weui-media-box__hd{width:100%;}

@media screen and (min-width: 767px) and (max-width: 959px) {
    .index-slide{height:auto;}
	.swiper-slide{height:auto;max-height: 400px;}
	.pro-slide .swiper-slide{height:auto;}
	.weui-media-box_appmsg .weui-media-box__hd{height:auto;max-height:400px;}
	.weui-media-box_appmsg .weui-media-box__thumb{max-height:400px;}
}


.dl-menuwrapper {
    width: 100%;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 45px;
    z-index: 999;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    -moz-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
}
.m-nav{display:block; height: 24px; width: 24px; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; cursor: pointer; position: absolute; right: 15px; top: 15px; }
.m-nav a{background-color: #333; display: block; height: 3px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:after, .m-nav a:before{background-color: #333; content: ""; display: block; height: 3px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;border-radius:3px;}
.m-nav a:before{top: -9px;}
.m-nav a:after{top: 10px;}
#header.block .m-nav{transform: rotate(90deg);}
#header.block .m-nav a{background-color: transparent !important;}
#header.block .m-nav a:before{transform: translateY(0px) rotate(-55deg); -webkit-transform: translateY(9px) rotate(-45deg); -ms-transform: translateY(0px) rotate(-55deg);}
#header.block .m-nav a:after{transform: translateY(0px) rotate(55deg); -webkit-transform: translateY(-9px) rotate(45deg); -ms-transform: translateY(0px) rotate(55deg);}


#cd-lateral-nav{
    background: #2a2a2a;
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menu {
    margin: 52px 0 0 0;
    position: absolute;
    padding: 0 0 50px 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 999;
}
#cd-lateral-nav li {
    position: relative;
    border-top: 1px solid #0e0e0e;
    border-bottom: 1px solid #343434;
}
#cd-lateral-nav li a {
    display: block;
    position: relative;
    line-height: 30px;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    outline: none;
    text-align: center;
    padding: 10px 0;
}

#header.block .dl-menu {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}