@charset "utf-8";
body{color:#333;}
.m_row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.m_col{position:relative;width:100%;padding-right:15px;padding-left:15px;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.honer2 li a span{height: 60px;
float: left;
width: 100%;line-height:25px;}
/*font*/
.font36{font-size:36px;}
@media all and (max-width:991px){
    .font36{font-size:30px;}
}
@media all and (max-width:767px){
    .font36{font-size:26px;}
}
.w100{width:100%;}
.m_container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){
    .m_container{max-width:100%}
}
@media (min-width:768px){
    .m_container{max-width:100%;}
}
@media (min-width:992px){
    .m_container{max-width:960px;}
}
@media (min-width:1280px){
    .m_container{max-width:1200px;}
}
@media (min-width:1366px){
    .m_container{max-width:1330px;}
}
@media (min-width:1580px){
    .m_container{max-width:1470px;}
}
@media (min-width:768px){
    .trans,
    .m_nav ul li a:after,
    .about_last_list .about_last_l,
    .about_last_list .about_last_r{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
}

/*about*/
.page_height{width:100%;height:100px;}
.m_nav{width:100%;height:auto;background:rgba(43,47,63,0.7);z-index: 10;}
.m_nav ul li{float:left;}
.m_nav ul li a{display:inline-block;padding:0 32px;height:62px;line-height:62px;font-size:16px;font-weight:400;color:#FFFFFF;position:relative;z-index:8;}
#products-op ul li a{padding: 0 12px;}

.m_nav ul li a:after{content:"";position:absolute;width:0;height:100%;left:50%;z-index:-1;}
.m_nav ul li.current a:after,
.m_nav ul li:hover a:after{background:linear-gradient(to left,rgb(4, 74, 192) 0,rgb(0, 176, 251));width:100%;left:0;}
.m_page_right{text-align:right;margin-top:24px; position:initial;}
/*.m_page_right:after{content:"";position:absolute;right:0;top:7px;width:1px;height:12px;background:rgba(255,255,255,0.5);}
*/.m_page_right .a{position:relative;padding-left:10px;color:rgba(255,255,255,0.5);margin-right:10px;}
.m_page_right .a:before{content:"";position:absolute;left:0;top:7px;width:1px;height:12px;background:rgba(255,255,255,0.5);}
.m_page_right .a.m_page_home{padding-left:36px;background-image:url(../images/icon_home.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:right center;}
.m_page_right .a.m_page_up{ font-size:14px;position:relative;padding-right:18px;background-image:url(../images/about_ico_click.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:right center;}
.m_page_right .a.share_btn{padding-left:36px;background-image:url(../images/about_ico_share.svg);background-size:18px 18px;background-repeat:no-repeat;background-position:right center;cursor:pointer;}
.m_page_right .m_page_up ul{position:absolute;left:0;top:28px;display:none;width:100%;background:#fff;border:1px solid white;padding:10px 0;}
.m_page_right .m_page_up ul li{text-align:left;}
.m_page_right .m_page_up ul li a{font-size:14px;color:#333;display:inline-block;line-height:30px;padding-left:10px;height:30px;padding-right: 10px;}
.m_page_right .m_page_up ul li a:hover{ background-color:#2275b5;color:#fff;}
.m_page_right .a:hover{color:#fff;}
.m_about_bg{height:calc(100vh - 100px);width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;}
.m_about_text{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.m_about_text h2{font-size:40px;font-weight:bold;color:#FFFFFF;line-height:76px;padding-bottom:40px;position:relative; text-align:center;}
.m_about_text h2 span{display: block;}
.m_about_text h2 span:nth-child(2){ font-size:30px; font-weight:normal;}



#pbOverlay, #pbImage, #pbBottom, #pbCloseBtn {
	position: fixed;
	z-index: 999999;
}
#pbOverlay {
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #000;
	cursor: pointer;
}
#pbCloseBtn {
	top: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background: url(../images/closebutton.png) no-repeat top left;
}
.pbLoading {
	background: #000 url(../images/loading.gif) no-repeat center !important;
}
#pbImage {
	border: none;
	background: #000 no-repeat;
	-moz-box-shadow: 0 0 40px #000;
	-webkit-box-shadow: 0 0 40px #000;
	box-shadow: 0 0 40px #000;
	cursor: move;
}
#pbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #EEE;
	line-height: 1.4em;
	left: 50%;
	bottom: 10px;
	width: 400px;
	margin-left: -200px;
}
#pbCaption {
	font-weight: bold;
	padding: 4px;
	display: inline-block;
*display:inline;
	background-color: rgba(0,0,0,0.7);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#B0000000, EndColorStr=#B0000000);
	zoom: 1;
}
#pbNav {
	display: block;
	width: 200px;
	height: 65px;
	margin: auto;
	margin-top: 5px;
}
#pbPrevBtn, #pbNextBtn, #pbZoomBtn {
	display: inline-block;
	width: 70px;
	height: 65px;
	outline: none;
	text-indent: -9000px;
	background: url(../images/navbtns.png) no-repeat;
}
#pbPrevBtn {
	background-position: -70px 0;
	float: left;
}
#pbPrevBtn.pbgreyed {
	background-position: 0px 0px;
}
#pbNextBtn {
	background-position: -320px 0;
	float: right;
}
#pbNextBtn.pbgreyed {
	background-position: -390px;
}
#pbZoomBtn {
	width: 60px;
	background-position: -140px 0px;
	float: left;
}
#pbZoomBtn.pbgreyed {
	background-position: -200px 0px;
}
#pbZoomBtn.pbzoomed {
	background-position: -260px 0px;
}
.honer2 {
	width: 100%;
	float: left;
	margin-bottom: 2%;

}
.honer2 li {
	float: left;
	width: 25%;
	height: auto;
	padding-bottom: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 14px
}
.honer2 li a {
	display: block;
	padding: 4%;
	padding-top: 0;
	color: #333;
	font-size: 16px;
}
.honer2 li a:hover {
	color: #112d95;
filter:alpha(opacity:60);
	opacity: 0.6;
}
.honer2 li img {
	width: 100%;
	max-width: 100%;
	border: solid 5px #ccc;
	margin-bottom: 15px;
}







@media(max-width: 1100px){
.m_page_right{display:none;}}
@media(max-width: 768px){

    .m_nav_m{
        height: 42px;
        position: relative;
    }.m_nav{     height: 42px;}
    .m_nav_m .box_{
        padding-left: 20px;
    }
    .m_nav_m .box_ span{line-height: 42px;color: #fff;font-size: 14px;}
    .m_nav_m .box_ .icon {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        background-image: url(../images/about_ico_click_2.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 25px;
        transition: all .3s;
    }
    .m_nav_m .box_.active .icon{
        transform: translateY(-50%) rotate(180deg);
    }
    .m_nav_m  .drop_down{
        position: absolute;
        width: 100%;
        background-color: rgba(43,47,63,1);
        left: 0;
        border-top: 1px solid rgba(255,255,255,0.3);
        padding: 20px;
        display: none;
    }
    .m_nav_m  .drop_down a{
        display: block;
        font-size: 14px;
        color: rgba(255,255,255,.8);
        padding: 5px 0;
    }
    .m_page_right .a.m_page_up{display: none;}
    .m_page_right .a:before{top: 4px;}
    .m_page_right:after{top: 4px;}
    .m_page_right .a{line-height: 24px;display: inline-block;height: 20px;}
}
/*.m_about_text h2 span {
    opacity: 0;
    visibility: hidden;
    display: inline-block;
    min-width: 0.25em;
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-animation: subTitAni 0.3s ease forwards;
    -moz-animation: subTitAni 0.3s ease forwards;
    -ms-animation: subTitAni 0.3s ease forwards;
    -o-animation: subTitAni 0.3s ease forwards;
    animation: subTitAni 0.3s ease forwards;
}*/
.m_about_video .md-content{background:none;}
.md-modal.m_about_video{max-width:1000px;width:50%;}
.m_about_video video{width:100%;}
.m_about_video .md-close{position:absolute;right:0;top:-32px;border:none;width:25px;height:25px;font-size:0;background:none;background-image:url(../images/video_icon_close.svg);background-size:25px 25px;background-repeat:no-repeat;background-position:center;cursor:pointer;}
.m_about_text .big-link1{height:54px;display:inline-block;line-height:54px;background-image:url(../images/about_video_ico.svg);background-size:54px 54px;background-position:left;background-repeat:no-repeat;padding-left:60px;color:#fff;font-size:16px;}
.m_about_num{padding-top:70px;}
.m_about_num ul li{float:left;padding-right:80px;}
.m_about_num ul li:last-child{padding-right:0;}
.m_about_num ul li h4{font-size:48px;color:#FFFFFF;line-height:1;font-family:Roboto;}
.m_about_num ul li h4 span{font-weight:500;font-size:16px;}
.m_about_num ul li p{font-size:16px;padding-top:8px;color:#fff;}
.m_about_down{position:absolute;bottom:60px;left:0;width:100%;height:0;text-align:right;z-index: 9;}
.m_about_down a{width:38px;height:38px;border-radius:50%;display:inline-block;background-color:#4DBBAA;background-image:url(../images/chevron-down.svg);background-position:center;background-repeat:no-repeat;}
.m_about_first{padding:5% 0;}
.m_about_first .left{float:left;width:32%;padding-right:30px;}
.m_about_first .right{float:right;width:100%;}
.m_about_first .left h3{color:#2B2F3F;font-weight:500;line-height:1.4;}
.m_about_first .right p{line-height:26px;font-size:16px; color:#333;}
.m_about_first .right p:not(:last-child){}
.m_about_techno{overflow:hidden;}
.m_about_two{position:relative;height:656px;overflow:hidden;}
.m_techno_bg{position:absolute;left:0;width:100%;height:100%;}
.m_techno_bg .bg{margin:0 auto;height:100%;background-image:url(../images/about_img_02.jpg);background-size:cover;background-position:center;transition:width .6s;}
.m_about_techno .m_thechno_mask{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(43,47,63,0.6);}
.m_about_techno .m_thechno_mask:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;}
.m_techno_text{position:absolute;left:5%;top:50%;width:90%;text-align:center;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-bottom:80px;}
.m_techno_text h3,
.m_techno_text p{color:#fff;}
.m_techno_text h3{padding-bottom:25px;position:relative;}
.m_techno_text h3:after{content:"";width:1px;height:10px;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#FFFFFF;}
.m_techno_text p{padding-top:45px;max-width:995px;margin:0 auto;line-height:26px;font-size:16px;}
.m_about_click2 {
    position: absolute;
    left: 50%;
    bottom: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 38px;
    height: 38px;
    cursor: pointer;
    background-image: url(../images/about_ico_click_2.svg);
    background-size: 38px 38px;
    background-repeat: no-repeat;
}

.m_about_click2 span {
    display: inline-block;
    width: 38px;
    height: 38px;
    cursor: pointer;
    background-image: url(../images/about_ico_click_2.svg);
    background-size: 38px 38px;
    background-repeat: no-repeat;
}.m_three_sub{font-weight:bold;color:#4DBBAA;line-height:1.3;padding-bottom:30px;}
.m_about_three{padding:60px 0;}
.m_three_text{padding-bottom:30px;}
.m_three_text p{line-height:1.5;font-size:16px;}
.m_about_last_bg{background:#EEEEEE;padding:60px 0;}
.m_last_sub{font-weight:bold;color:#2B2F3F;}
.about_last_list{padding-top:35px;position:relative;}
.about_last_list .about_last_l,
.about_last_list .about_last_r{width:50px;height:50px;background-color:#2B2F3F;background-size:22px 22px;background-repeat:no-repeat;}
.about_last_list .about_last_l{left:-90px;background-image:url(../images/about_left_ico.svg);}
.about_last_list .about_last_r{right:-90px;background-image:url(../images/about_right_ico.svg);}
.about_last_list .about_last_l:hover,
.about_last_list .about_last_r:hover{background-color:#4DBBAA;}
.about_last_img{overflow:hidden;}
.about_last_img img{-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.about_last_text{padding-top:24px;}
.about_last_list .about_last_text{text-align:center;}
.about_last_list .about_last_text h3{font-size:22px;font-weight:bold;color:#333333;line-height:26px;}
.about_last_list .about_last_text p{padding-top:15px;font-size:16px;line-height:26px;max-width:380px;margin:0 auto;}
.about_last_list .swiper-slide:hover .about_last_img img{-webkit-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
@media all and (max-width:1680px){
    .about_last_list .about_last_l{left:-70px;}
    .about_last_list .about_last_r{right:-70px;}
}
@media all and (max-width:1440px){
    .about_last_list{padding-left:50px;padding-right:50px;}
    .about_last_list .about_last_l{left:-20px;}
    .about_last_list .about_last_r{right:-20px;}
    .m_about_text h2{font-size:32px;}.m_about_text h2 span:nth-child(2) {
  font-size: 20px;

}
}
@media all and (max-width:1280px){
    .m_about_text h2{font-size:30px;}
}
@media all and (max-width:991px){

    .about_last_list{padding-left:40px;padding-right:40px;}
    .about_last_list .about_last_l,
    .about_last_list .about_last_r{width:40px;height:40px;}
    .about_last_list .about_last_l{left:-15px;}
    .about_last_list .about_last_r{right:-15px;}
}
@media all and (max-width:768px){

    .about_last_list .about_last_text h3{font-size:20px;}
    .about_last_list .about_last_text p,
    .m_three_text p,
    .m_techno_text p{font-size:16px;}
    .md-modal.m_about_video{width:100%;}
}
@media all and (max-width:767px){
    .m_about_text h2{font-size:18px;margin-top: 15%; line-height:30px;}
    .m_about_first{padding:50px 0;}
    .m_about_first .left{width:100%;padding-right:0;}
    .m_about_first .right{width:100%;padding-top:30px;}
    .m_three_text{display:block;}
    .m_three_text .m_col{padding-bottom:15px;}
	.m_about_text h2 span:nth-child(2){ font-size:16px;}
	.news_show .cont .r_ p{ font-size:14px;}
}


@media(max-width: 768px){
    .page_height{height: 64px;}
	.honer2 li{width:50%;}
}