html,body{height: 100%;font-size:62.5%;}
img {height:auto;border:0;vertical-align:top;}
h1, h2, h3, h4, h5, h6 {margin: 0;font-family: 'montserratsemi_bold';}
a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none; color: #000}
a:hover {color: #4c4c4c;text-decoration: none;}
a:active, a:hover, a:focus {outline: 0 none; text-decoration: none}
ul{list-style: outside none none;margin: 0;padding: 0}
::-moz-selection {background: #b3d4fc; text-shadow: none}
::selection {background: #b3d4fc; text-shadow: none}
.browserupgrade {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;}
::-webkit-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
:-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
::-moz-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}
:-ms-input-placeholder {opacity: 1 !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100)}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratsemi_bold';
    src: url('fonts/montserrat-semibold-webfont.eot');
    src: url('fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff'),
         url('fonts/montserrat-semibold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {margin:0px;padding: 0px;font-family: 微软雅黑;line-height: 22px;text-align: left;background: #fff;color: #1a1a1a;}
ul,li,p{margin: 0px;padding: 0px;}
.container { width: auto;height: 4.9rem;}
.mean-container a.meanmenu-reveal{padding: 18px 0 11px;}
.container .col-logo{ width: 10.3rem;height: 3.4rem;position: absolute;top: 0.75rem;}

/*----------------------------------------*/
/*  头部栏目
/*----------------------------------------*/
.main{padding: 0 1.5rem;}
.mobile-menu-area {background: #ffffff none repeat scroll 0 0; display: none;}
.mean-container .mean-bar:after {display: none}
.mean-container .mean-nav ul li a:hover {background: #fff;}
.mean-container a.meanmenu-reveal span {background: #333333 none repeat scroll 0 0;color: #333333 !important;}
.mean-container .mean-nav ul li a {background: #ffffff none repeat scroll 0 0;color: #2D3E50;display: block;}
.mean-container .mean-nav ul li a.mean-expand {background: none; top: -4px;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: none}
.mean-container .mean-nav ul li {background: transparent}
.mean-container .mean-nav ul li li a {color: #4e4f54;opacity: .90;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);border-top: 0;}
.mean-container a.meanmenu-reveal:hover span {background: #333}
.mean-last {margin-bottom: 20px;}
.mobile-menu {position: relative}


/*轮播*/
.swiper-container{width: 100%;height:auto;}
.swiper-slide img{width: 100%;height:auto;}


/*service*/
.service-wrap{width: auto;height: auto;overflow: hidden;background-color: #eff3f7;padding: 7rem 0.75rem 0 0.75rem;}
.service-wrap>h2{width: auto;margin: auto;text-align: left;color: #1a1a1a;font-size: 2.1rem;height: 2.1rem;line-height: 2.1rem;font-weight: bold;}
.service-wrap>h3{width: auto;margin: auto;text-align: left;font-size: 1.3rem;height: 1.3rem;line-height: 1.3rem;margin-top: 1.3rem;}
.service-wrap .service-box{width: auto;padding: 7rem 0;overflow: hidden;}
.service-wrap .service-item{width: 21.95rem;margin: auto;text-align: center;padding-bottom: 5rem;}
.service-wrap .service-item>img{width: 9rem;height: 9rem;margin: 0rem 0 3rem 0;}
.service-wrap .service-item>h4{font-size: 1.5rem;line-height: 1.5rem;height: 1.5rem;color: #1a1a1a;margin-bottom: 1.2rem;}
.service-wrap .service-item .title{font-size: 1.3rem;color: #1a1a1a;}

/*product*/
.pro-wrap{width: auto;height: auto;overflow: hidden;background-color: #ffffff;padding: 7rem 0.75rem 0 0.75rem;}
.pro-wrap>h2{width: auto;margin: auto;text-align: left;color: #1a1a1a;font-size: 2.1rem;height: 2.1rem;line-height: 2.1rem;font-weight: bold;}
.pro-wrap>h3{width: auto;margin: auto;text-align: left;font-size: 1.3rem;height: 1.3rem;line-height: 1.3rem;margin-top: 1.3rem;}
.pro-wrap .pro-box{width: auto;overflow: hidden;padding-top: 3rem;}
.pro-wrap .pro-item{width: 100%;margin: auto;text-align: left;background-color: #ffffff;-moz-box-shadow:0px 2px 11px rgba(243, 243,243,1); -webkit-box-shadow:0px 2px 11px rgba(243, 243,243,1); box-shadow:0px 2px 11px rgba(243, 243,243,1);margin-bottom: 1.5rem;}
.pro-wrap .pro-item>img{width: 100%;height: 100%;}
.pro-wrap .pro-item .content>h4{font-size: 1.5rem;line-height: 1.5rem;height: 1.5rem;color: #1a1a1a;margin-bottom: 1.5rem;}
.pro-wrap .pro-item .title{font-size: 1.2rem;color: #1a1a1a;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.pro-wrap .pro-item .content{padding: 2rem;width: auto;overflow:hidden;border-bottom: 1px solid #eeeeee;}
.pro-wrap .pro-item .pro-btn{width: auto;height: 3.8rem;line-height: 3.8rem;text-align: center;font-size: 1.2rem;color: #2b56c6;cursor: pointer;display: block;}
.pro-wrap .pro-item .content-box{overflow: hidden;width: auto;}

/*solve*/
.solve-wrap{width: auto;height: auto;overflow: hidden;background-color: #ffffff;padding: 7rem 0.75rem 0 0.75rem;}
.solve-wrap>h2{width: auto;margin: auto;text-align: left;color: #1a1a1a;font-size: 2.1rem;height: 2.1rem;line-height: 2.1rem;font-weight: bold;}
.solve-wrap>h3{width: auto;margin: auto;text-align: left;font-size: 1.3rem;height: 1.3rem;line-height: 1.3rem;margin-top: 1.3rem;}
.solve-wrap .solve-box{width: auto;padding-top: 3rem;overflow: hidden;}
.solve-wrap .solve-item{width: 100%;margin: auto;text-align: left;background-color: #ffffff;-moz-box-shadow:0px 2px 11px rgba(243, 243,243,1); -webkit-box-shadow:0px 2px 11px rgba(243, 243,243,1); box-shadow:0px 2px 11px rgba(243, 243,243,1);margin-bottom: 1.5rem;}
.solve-wrap .solve-item>img{width: 100%;height: 100%;}
.solve-wrap .solve-item .content>h4{font-size: 1.5rem;line-height: 1.5rem;height: 1.5rem;color: #1a1a1a;margin-bottom: 1.5rem;text-align: center;}
.solve-wrap .solve-item .title{font-size: 1.2rem;color: #1a1a1a;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.solve-wrap .solve-item .content{padding: 2rem;width: auto;overflow:hidden;}
.solve-wrap .solve-item .solve-btn{width: auto;height: 1.2rem;line-height: 1.2rem;font-size: 1.2rem;color: #2b56c6 !important;cursor: pointer;display: block;text-align: right;margin-right: 2rem;padding-bottom: 3rem;}
.solve-wrap .solve-item .solve-btn i{margin-left: 0.5rem;}
.solve-wrap .solve-item .content-box{overflow: hidden;width: auto;}

/*news*/
.news-wrap{width: auto;height: auto;overflow: hidden;background-color: #ffffff;padding: 7rem 0.75rem 0 0.75rem;}
.news-wrap>h2{width: auto;margin: auto;text-align: left;color: #1a1a1a;font-size: 2.1rem;height: 2.1rem;line-height: 2.1rem;font-weight: bold;}
.news-wrap>h3{width: auto;text-align: left;font-size: 1.3rem;height: 1.3rem;line-height: 1.3rem;margin-top: 1.3rem;}
.news-wrap .news-box{width: auto;overflow: hidden;padding-top: 1.8rem;}
.news-wrap .news-box .news-more{width: auto;height: 4.4rem;line-height: 4.4rem;font-size: 1.4rem;color: #2b56c6;text-align: center;border-bottom: 0.1rem solid #f4f4f4;display: block}
.news-wrap .news-item{width: 100%;margin: auto;text-align: left;padding: 1.2rem 0;background-color: #ffffff;overflow: hidden;border-bottom: 0.1rem solid #f4f4f4;display: block;}
.news-wrap .news-item>img{width: 11.2rem;height: 7.5rem;display: inline-block;float: left;}
.news-wrap .news-item .content-box{width: auto;overflow: hidden;padding-left: 2rem;}
.news-wrap .news-item .content-box>h4{font-size: 1.6rem;width: auto;height: auto;overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-wrap .news-item .content-box>p{font-size: 1.1rem;height: 1.1rem;line-height: 1.1rem;margin-top: 2rem;}


/*footer*/
.footer-warp{width: auto;overflow: hidden;text-align: center;padding:4rem 0;margin: auto;}
.footer-warp .icon-img{width: 12.1rem;height: 12.1rem;margin: auto;}
.footer-warp .icon-img>img{width: 100%;height: 100%;}
.footer-warp .footer-size{width: 17rem;overflow: hidden;margin: auto;margin-bottom: 2rem;}
.footer-warp .footer-size>img{width: 1.8rem;height: 1.8rem;float: left;}
.footer-warp .footer-size>span{color: #1a1a1a;font-size: 1.4rem;height: 1.4rem;line-height: 1.4rem;margin-left: 1rem;float: left;}
.footer-end{background-color: #eff3f7;width: auto;height: auto;overflow: hidden;font-size: 1.2rem;color: #999999;text-align: center;padding: 1.5rem;}