@charset "utf-8";/* CSS Document */

@media (min-width:1014px){
.head {width:100%;background-color:rgba(0,0,0,1);position:relative;height: 7rem;overflow:hidden;}

.banner_des {position:relative;z-index:100;width: 14.4rem;margin:0 auto;color:#fff;text-align:center;margin-top: 1.14rem;}
.banner_des .banner_title {width: 12.19rem;margin:0 auto;overflow:hidden;}
.banner_des .banner_title dt {float:left; width:4.79rem; height:1.54rem; position:relative}
.banner_des .banner_title dt img{ width:100%; height:100%; position:absolute; top:0; left:0; }
.banner_des .banner_title dd.right{float:right;text-indent: 0.24rem;width: 3.8rem;}
.banner_des .banner_title dd {font-size:0.5rem;letter-spacing: 0.34rem;text-indent: 0.03rem;float:left;text-shadow:0 0 0.12rem rgba(18,33,73,0.8);line-height: 1.5rem;width: 3.6rem;}
.banner_des .banner_light{width:100%;margin-top: -0.18rem; height:0.49rem;}
.banner_des .banner_light img{ width:100%;}
.banner_des .banner_line{font-size:0.4rem;letter-spacing: 0.22rem;text-shadow:0 0 0.12rem rgba(18,33,73,0.8);}
.banner_button{width: 6rem;margin:0 auto;margin-top: 0.87rem;}
.banner_button a{ display:block; width:1.9rem; height:0.58rem; box-sizing:border-box;font-size:0.26rem;line-height: 0.5rem;}
.banner_button a.button_l{border:2px solid #fff;color:#fff;float:left;}
.banner_button a.button_m{background: -webkit-linear-gradient(bottom,rgba(24,92,184,1),rgba(19,213,221,1));/* Safari 5.1 - 6.0 */background: -o-linear-gradient(top,rgba(24,92,184,1),rgba(19,213,221,1));/* Opera 11.1 - 12.0 */background: -moz-linear-gradient(top,rgba(24,92,184,1),rgba(19,213,221,1));/* Firefox 3.6 - 15 */background: linear-gradient(to top,rgba(24,92,184,1),rgba(19,213,221,1));/* 标准的语法（必须放在最后） */color:#fff;border: 1px solid #3db6ff;float: left;font-weight:normal;margin-left: 0.15rem;}
.banner_button a.button_r{background-color:#3db6ff;color:#fff;border:2px solid #3db6ff; float:right;font-weight:normal;}
.banner_button a.button_l:hover{ background-color:rgba(255,255,255,0.3);}
.banner_button a.button_m:hover{box-shadow:0 0 0.2rem rgba(35,48,82,0.8);background: -webkit-linear-gradient(bottom,rgba(1,116,243,1),rgba(34,240,254,1));/* Safari 5.1 - 6.0 */background: -o-linear-gradient(top,rgba(1,116,243,1),rgba(34,240,254,1));/* Opera 11.1 - 12.0 */background: -moz-linear-gradient(top,rgba(1,116,243,1),rgba(34,240,254,1));/* Firefox 3.6 - 15 */background: linear-gradient(to top,rgba(1,116,243,1),rgba(34,240,254,1));/* 标准的语法（必须放在最后） */border: 1px solid #54cffd;}
.banner_button a.button_r:hover{ box-shadow:0 0 0.2rem rgba(35,48,82,0.8);background-color:#54cffd;border:2px solid #54cffd;}
.banner_video {width:100%;position:absolute;top:0;}
.banner_video video {width: 19.20rem;opacity:0.6;margin-top: -0.55rem;}
.banner_video img { display:none;}

.main{ width:100%}
.main_title{ overflow:hidden;}
.main_title h3{ text-align:center; font-size:0.38rem; font-weight:normal;color:#2f80bf; letter-spacing:0.03rem; opacity:0}
.main_title h3 span{ color:#343a40}
.main_title h3 o{ font-size:0.26rem; line-height:0.46rem; padding:0 0.13rem;}
.main_title .title_line{ display:block; height:2px; width:5.28rem; margin:0 auto; margin-top:0.07rem; margin-bottom:0.09rem;opacity:0;
background:-webkit-linear-gradient(left,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Safari 5.1 - 6.0 */    
background:-o-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Opera 11.1 - 12.0 */    
background:-moz-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Firefox 3.6 - 15 */    
background:linear-gradient(to right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* 标准的语法（必须放在最后） */
}
.main_title p{ text-align:center; font-size:0.15rem; color:rgba(47,128,191,0.5); letter-spacing:0.02rem;opacity:0}

.main_title_d{ overflow:hidden;}
.main_title_d h3{ text-align:center; font-size:0.38rem; font-weight:normal;color:#5bc6ee; letter-spacing:0.03rem; opacity:0}
.main_title_d h3 span{ color:#fff}
.main_title_d h3 o{ font-size:0.26rem; line-height:0.46rem; padding:0 0.13rem;}
.main_title_d .title_line{ display:block; height:2px; width:5.28rem; margin:0 auto; margin-top:0.07rem; margin-bottom:0.09rem; opacity:0
background:-webkit-linear-gradient(left,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* Safari 5.1 - 6.0 */    
background:-o-linear-gradient(right,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* Opera 11.1 - 12.0 */    
background:-moz-linear-gradient(right,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* Firefox 3.6 - 15 */    
background:linear-gradient(to right,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* 标准的语法（必须放在最后） */
}
.main_title_d p{ text-align:center; font-size:0.15rem; color:rgba(91,198,238,0.5); letter-spacing:0.02rem; opacity:0}



.m_about{ width:14rem; margin:0 auto; overflow:hidden; padding:1rem 0 1.13rem 0;}
.m_about_left{ width:6.1rem; float:left; position:relative; height:4.5rem;}
.m_about_left ul li{ position:absolute;}
.m_about_left ul li:nth-of-type(1){ width:2.5rem; height:3.88rem; background-color:#efeeef; left:2.2rem; top:0.31rem}
.m_about_left ul li:nth-of-type(2){ width:4.43rem; height:2.79rem; background-color:#00b3f1;left:1.31rem; top:0.76rem}
.m_about_left ul li:nth-of-type(3){width:4.44rem; height:2.63rem; background-color:rgba(25,25,25,0.1);left:1.05rem; top:1.04rem}
.m_about_left ul li:nth-of-type(4){width:4.44rem; height:2.63rem;background-image:url(../image/m_about_left.jpg); background-repeat:no-repeat; background-size:100%; background-position:center;left:0.93rem; top:1.13rem}
.m_about_left ul li:nth-of-type(5){width:4.38rem;height:2.62rem;box-sizing:border-box;border: 0.03rem solid #000;left:0.44rem;top:0.56rem;}
.m_about_left ul li:nth-of-type(6){width:0.98rem; height:3.61rem; left:0.66rem; top:0.37rem}
.m_about_left ul li:nth-of-type(6) span{width:0.98rem; height:0.61rem; background-color:#1d6eb8; bottom:0; position:absolute; display:block;}
.m_about_right{ width:7.9rem; float:right; box-sizing:border-box; padding:0.35rem 0 0 0.88rem;}
.m_about_r_title{height:0.75rem;}
.m_about_r_title img{ float:left; width:3.1rem;height:0.74rem;}
.m_about_r_title i{font-style:normal;float:left;color:#8db0e6;font-weight:lighter;font-size:0.29rem;line-height:1.18rem;height:0.74rem;margin-left: 0.2rem;letter-spacing:0.03rem; opacity:0;}
.m_about_r_line{ height:2px; width:6.5rem; margin:0.27rem 0 0.16rem 0;
background:-webkit-linear-gradient(left,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Safari 5.1 - 6.0 */    
background:-o-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Opera 11.1 - 12.0 */    
background:-moz-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Firefox 3.6 - 15 */    
background:linear-gradient(to right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* 标准的语法（必须放在最后） */ }
.m_about_r_des{ padding-left:0.03rem;font-size:0.25rem; color:#636363; font-weight:lighter; letter-spacing:0.03rem; margin-bottom:0.3rem; line-height:0.54rem; opacity:0;}
.m_about_r_key{ padding-left:0.03rem;overflow:hidden; opacity:0;}
.m_about_r_key ul li{float:left;width:2rem;text-align: justify;padding-right: 0.33rem;margin-bottom: 0.08rem;}
.m_about_r_key ul li o{ display: inline-block; padding-left: 100%; }
.m_about_r_key ul span{ display:block; width:0.33rem; height:0.25rem; margin:0.03rem 0.11rem 0 0; float:left; background-image:url(../image/m_about_good.png); background-size:100%; background-position:center; background-repeat:no-repeat;}
.m_about_r_key h4{font-size:0.24rem;font-weight:lighter;color:#889dcf;text-align: justify;display: initial;}

.m_project{ width:100%; }
.m_project .m_project_pro_t{width: 15.9rem;height: 2.5rem;margin:0 auto;overflow:hidden;box-sizing:border-box;margin-top:0.35rem;background:-webkit-linear-gradient(left,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Firefox 3.6 - 15 */background:linear-gradient(to right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* 标准的语法（必须放在最后） */opacity: 0;}
.m_project .m_project_pro_t ul{overflow:hidden;width: 16rem;height: 2.5rem;}
.m_project .m_project_pro_t ul o{ display:block; height:100%; width:0.67rem; background-color:#fff; float:left;height: 2.5rem}
.m_project .m_project_pro_t ul i{display:block;height:100%;width: 0.78rem;background-color:#fff;float: left;height: 2.5rem;}
.m_project .m_project_pro_t ul li{background-color:#fff;float:left;padding: 0.2rem 0.6rem;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;height: 2.5rem;box-sizing: border-box;}
.m_project .m_project_pro_t ul li.hover{ background:none; cursor:pointer;}
.m_project .m_project_pro_t ul li.hover span{ background-image:url(../image/white1.png);}

.m_project .m_project_pro_t ul li span{display:block;background-image:url(../image/grey1.png);background-size:auto 100%;width:1.21rem;height:1.21rem;box-sizing:border-box;border: 0.02rem solid #d4d4d4;border-radius:200px;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.m_project .m_project_pro_t ul li h4{ color:#333; font-size:0.25rem;font-weight:normal; text-align:center;}
.m_project .m_project_pro_t ul li p{ color:#999; font-size:0.18rem;text-align:center; margin:0.11rem 0 0.07rem 0; }
.m_project .m_project_pro_t ul li:nth-of-type(1) span{background-position:0 0}
.m_project .m_project_pro_t ul li:nth-of-type(2) span{background-position: -1.17rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(3) span{background-position: -2.34rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(4) span{background-position: -3.5rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(5) span{background-position: -4.69rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(6) span{background-position: -5.86rem 0;}

.m_project .m_project_pro_t ul li:nth-of-type(1).hover span{ background-color:#1babc4; border-color:#1babc4;}
.m_project .m_project_pro_t ul li:nth-of-type(2).hover span{ background-color:#3187c7; border-color:#3187c7;}
.m_project .m_project_pro_t ul li:nth-of-type(3).hover span{ background-color:#6690bb; border-color:#6690bb;}
.m_project .m_project_pro_t ul li:nth-of-type(4).hover span{ background-color:#48afe5; border-color:#48afe5;}
.m_project .m_project_pro_t ul li:nth-of-type(5).hover span{ background-color:#446685; border-color:#446685;}
.m_project .m_project_pro_t ul li:nth-of-type(6).hover span{ background-color:#3d7ab9; border-color:#3d7ab9;}


.m_project .m_project_pro_d{width:100%;background-color:#f5f5f5;opacity: 0;}
.m_project .m_project_pro_d .m_project_pro_d_bg{width:14rem;margin:0 auto;overflow:hidden;position:relative;height: 5.8rem;background:-webkit-linear-gradient(left,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Firefox 3.6 - 15 */background:linear-gradient(to right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* 标准的语法（必须放在最后） */}
.m_project .m_project_pro_d dl{ position:absolute;z-index: 1; opacity: 0;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.m_project .m_project_pro_d dl:nth-of-type(1){z-index: 2; opacity: 1;}
.m_project .m_project_pro_d dt{ width:6rem; height:5.38rem; float:left; background-size:100%; background-position:center; background-repeat:no-repeat;}
.m_project .m_project_pro_d dl:nth-of-type(1) dt{ background-image:url(/image/pro_lite.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(2) dt{ background-image:url(/image/pro1.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(3) dt{ background-image:url(/image/pro2.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(4) dt{ background-image:url(/image/pro3.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(5) dt{ background-image:url(/image/pro4.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(6) dt{ background-image:url(/image/pro5.jpg)}
.m_project .m_project_pro_d dt img{ width:100%;}
.m_project .m_project_pro_d dd{width:8rem;float:right;height:5.38rem;box-sizing: border-box;padding-left: 0.3rem;}
.m_project .m_project_pro_d dd .pro_title{ overflow:hidden; height:0.56rem; overflow:hidden; margin-top:1.05rem;}
.m_project .m_project_pro_d dd h4 o{font-weight:normal;margin-right: 0.1rem;letter-spacing: 0.02rem;}
.m_project .m_project_pro_d dd h4{ color:#000; font-size:0.43rem; letter-spacing:0.05rem;float:left;}
.m_project .m_project_pro_d dd h4 a:hover{color: #397baf;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition: all 300ms ease-in-out;}
.m_project .m_project_pro_d dd i{font-style:normal;color:#8db0e6;font-size:0.26rem;font-weight:lighter;letter-spacing: 0.01rem;float:left;line-height: 0.71rem;}
.m_project .m_project_pro_d dd .pro_des{ position:relative; margin-top:0.25rem;}
.m_project .m_project_pro_d dd .pro_des p{font-size:0.26rem;color: #666;line-height:0.55rem;font-weight:lighter;padding-left: 0.32rem;letter-spacing:0.05rem;position: relative;}
.m_project .m_project_pro_d dd .pro_des p span{width:0.08rem;height:0.08rem;background-color:#00b3f1;position:absolute;display:block;left: 0.02rem;top: 0.24rem;}
.m_project .m_project_pro_d dd .pro_tip{ margin-top:0.43rem;}
.m_project .m_project_pro_d dd .pro_tip span{ font-size:0.24rem; color:#889dcf; font-weight:lighter; border:1px solid #889dcf; padding:0.03rem 0.22rem 0.05rem 0.22rem; border-radius:0.14rem; margin-right:0.14rem;}

.m_plan{ width:100%;  height:auto; overflow:hidden;}
.m_plan_bg{width:100%;background-color: #2d3945;}
.m_plan ul{width: 80%;margin:0 auto;overflow: hidden; opacity:0}
.m_plan ul li{ width:20%; float:left; background-color:#000;}
.m_plan ul li:nth-of-type(2){animation-delay: 0.2s;}
.m_plan ul li:nth-of-type(3){animation-delay: 0.4s;}
.m_plan ul li:nth-of-type(4){animation-delay: 0.6s;}
.m_plan ul li:nth-of-type(5){animation-delay: 0.8s;}
.m_plan ul li img{ width:100%; height:auto;}
.m_plan ul li a{display: block; position: relative; }
.m_plan_des{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position: top 35% center;
    overflow: hidden;
    background-color: rgba(35, 49, 62, 0.5);
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    }
.m_plan .pro1{background-image:url(../image/pro1_h.png);}
.m_plan .pro2{background-image:url(../image/pro2_h.png);}
.m_plan .pro3{background-image:url(../image/pro3_h.png);}
.m_plan .pro4{background-image:url(../image/pro4_h.png);}
.m_plan .pro5{background-image:url(../image/pro5_h.png);}
.m_plan_des span{ display:block; width:0.2rem; height:2px; background-color:#fff; margin:0 auto;margin-top: 72%; margin-bottom:7%;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.m_plan_des h3{color:#FFFFFF;font-size: 0.22rem;text-align:center;}
.m_plan_des i{ font-style:normal; border:1px solid #fff; color:#FFF; width:0.98rem; height:0.33rem; font-size:0.14rem; line-height:0.33rem; display:block; margin:0 auto; text-align:center; opacity:0; margin-top:25%;-moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;}
.m_plan_des i:hover{ color:#1999da; background-color:#fff; font-weight:bold;}
.m_plan ul li a:hover .m_plan_des{background-position: top 25% center; background-color:rgba(0, 142, 214, 0.8);}
.m_plan ul li a:hover span{margin-top: 58%; opacity:0;}
.m_plan ul li a:hover i{ opacity:1; margin-top:10%;}




.m_case{width:100%;padding:0.75rem 0 0.35rem 0;overflow: hidden;}
.m_case_col{width:14rem;margin:0 auto;/* overflow:hidden; */margin-top:0.5rem;}
.m_case_col dl{ float:left; margin-right:1.1rem; margin-bottom:0.6rem;}
.m_case_col a:nth-of-type(3) dl{ margin-right:0}
.m_case_col a:nth-of-type(6) dl{ margin-right:0}
.m_case_col dl dd{ position:relative;width:3.88rem; height:2.22rem}
.m_case_col ul li{ position:absolute; box-sizing:border-box; }
.m_case_col ul li img{ width:100%;}
.m_case_col ul li:nth-of-type(1){ width:3.24rem; height:1.84rem; background-color:rgba(120,120,120,0.2); right:0.08rem; bottom:0.23rem;}
.m_case_col ul li:nth-of-type(2){ width:3.22rem; height:1.8rem; border:0.03rem solid #423f3f; right:0; bottom:0;}
.m_case_col ul li:nth-of-type(3){width:3.27rem;height:1.84rem;background-color: rgb(22, 193, 255);right:0.21rem;bottom:0.37rem;}
.m_case_col ul li:nth-of-type(4){width:3.37rem;height:1.76rem;border:0.1rem solid rgba(255,255,255,0.9);box-sizing: content-box; box-shadow:0 0 0.2rem rgba(13,13,13,0.15); top:0.14rem}
.m_case_col dl dt{width:3.88rem; text-align:center; font-size:0.26rem; color:#666; margin-top:0.25rem;}

.m_corp{background-color: #2d2d2d;padding: 0.75rem 0 0.85rem 0;}
.m_corp ul{ width:14rem; margin:0 auto; overflow:hidden; margin-top:0.42rem;}
.m_corp ul li{ opacity:0;float:left;width: 2.9rem;height:1rem;overflow:hidden;margin: 0 0.79rem 0.4rem 0;background-image:url(../image/m_corp_grey.jpg);background-size:14rem 4.96rem;cursor:pointer;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.m_corp ul li:hover{ background-image:url(../image/m_corp_color.jpg);}
.m_corp ul li.right{ margin-right:0;}
.m_corp ul li.bottom{ margin-bottom:0;}
.m_corp_1_1{ background-position:0 0;}
.m_corp_1_2{ background-position:-3.7rem 0;}
.m_corp_1_3{ background-position:-7.4rem 0;}
.m_corp_1_4{ background-position:-11.1rem 0;}
.m_corp_2_1{ background-position:0 -1.32rem;}
.m_corp_2_2{ background-position:-3.7rem -1.32rem;}
.m_corp_2_3{ background-position:-7.4rem -1.32rem;}
.m_corp_2_4{ background-position:-11.1rem -1.32rem;}
.m_corp_3_1{ background-position:0 -2.64rem;}
.m_corp_3_2{ background-position:-3.7rem -2.64rem;}
.m_corp_3_3{ background-position:-7.4rem -2.64rem;}
.m_corp_3_4{ background-position:-11.1rem -2.64rem;}
.m_corp_4_1{ background-position:0 -3.96rem;}
.m_corp_4_2{ background-position:-3.7rem -3.96rem;}
.m_corp_4_3{ background-position:-7.4rem -3.96rem;}
.m_corp_4_4{ background-position:-11.1rem -3.96rem;}

.m_consult{width:100%;overflow:hidden;height: 2.2rem;background:url(../image/m_consult_bg.jpg) #297acd center no-repeat;}
.m_consult_nr{ width:13rem; margin:0 auto; overflow:hidden;}
.m_consult_nr p{color:#FFFFFF;font-size:0.3rem;float:left;margin-top: 0.7rem;}
.m_consult_nr p span{ display:block; float:left;margin-top:0.15rem; opacity:0;}
.m_consult_nr p b{display:block;float:left;font-size: 0.64rem;font-weight:normal;line-height: 0.53rem;margin: 0 0.1rem; opacity:0;}
.m_consult_nr a{ font-weight:normal;display:block; width:2.29rem; height:0.58rem; border:1px solid #fff; color:#FFF; font-size:0.28rem; float:right; text-align:center; line-height:0.56rem; margin-top:0.75rem;opacity:0;}
.m_consult_nr a:hover{ background-color:#FFFFFF; color:#1d6bc1;}

.m_map{padding:0.75rem 0 0.75rem 0;overflow: hidden;}
.m_map_nr{background: url(../image/map.jpg) no-repeat right bottom;background-size:10.24rem;width:14rem;margin:0 auto;height: 8.06rem;position:relative;}
.m_map_circle{position:absolute;left: 8rem;top: 4.1rem;z-index: 5;}
.m_map_circle span{ display:block;border-radius:100rem; border:1px solid #dee4ed; margin:0 auto; width:2rem; height:2rem; position:absolute; left:0; top:0;}

.m_map_nr h3{color:#424242;font-size:0.33rem;font-weight:normal;margin: 0 0 0.23rem 0;padding-top: 0.55rem;}
.m_map_nr p{ font-size:0.18rem; color:#939393; margin-bottom:1.22rem}
.m_map_nr dl{color:#a2a9b4;width: 2.78rem;text-align:center;margin-bottom:0.23rem;}
.m_map_nr dt{ font-size:0.75rem; opacity:0}
.m_map_nr dd{ font-size:0.2rem; opacity:0}
.m_map_nr .m_map_all{position:absolute;width: 9.96rem;height: 9.96rem;left: 6.25rem;top: 0.35rem;z-index: 10;}
.m_map_nr .m_map_all div{animation-delay: 0.6s; width: 9.96rem; height: 9.96rem; background-image: url("/image/map_all.png"); background-repeat: no-repeat; background-size: 9.96rem 9.96rem; background-position: center center;}
.m_map_nr .m_map_all img{height:5.90rem;width: 9.96rem;}


.m_input{width:100%;overflow:hidden;height:7.25rem;padding: 0.78rem 0 0.6rem 0;background: url(../image/input_map.jpg) top 0.95rem center no-repeat;background-size:14rem;}
.m_input_hr{background-color:rgba(44, 44, 44, 0.09);width: 5.35rem;height: 4.46rem;margin:0 auto;padding:0.06rem;margin-top: 0.72rem;opacity: 0;}
.m_input_hr form{width: 5.35rem;height: 4.2rem;background-color:#f1f1f1;padding-top:0.26rem;}
.m_input_hr li{ width:4.68rem; overflow: hidden;margin:0 auto; margin-bottom:0.2rem; }
.m_input_hr input{width:4.51rem;padding-left:0.17rem;height: 0.5rem;background-color:#FFFFFF;border:0;color:#555;font-size:0.14rem;}
.m_input_hr textarea{width:4.51rem;height: 1.44rem;padding-left:0.17rem;padding-top:0.1rem;background-color:#FFFFFF;border:0;font-size:0.14rem;}
.m_input_hr input#button{width: 1.55rem;height: 0.42rem;background-color:#f08d22;font-size:0.14rem;color:#FFFFFF;padding:0;margin:0 auto;display:block;margin-top: 0.15rem;cursor:pointer;}
.m_input_hr input#button:hover{ background-color:#de801b;}



.m_news{background-color:#f5f5f5;height: 7.4rem;width:100%;padding: 0.75rem 0 0.23rem 0;}
.m_news .main4_t{width:3.15rem;margin:0 auto;overflow:hidden;height:0.4rem;margin-top:0.4rem;margin-bottom:0.35rem;opacity: 0;}
.m_news .main4_t li{float:left;font-size:0.21rem;width:0.89rem;margin:0 0.08rem;text-align:center;font-weight: lighter;}
.m_news .main4_t a{color:#777; display:block; width:0.49rem; padding-bottom:0.1rem;margin: 0 auto; }
.m_news .main4_t span{ height:2px; width:0px; margin:0 auto; display:block;}
.m_news .main4_t li.hover a{ color:#008ed6;}
.m_news .main4_t li.hover span{ width:100%;
background:-webkit-linear-gradient(left,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Safari 5.1 - 6.0 */    
background:-o-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Opera 11.1 - 12.0 */    
background:-moz-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Firefox 3.6 - 15 */    
background:linear-gradient(to right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* 标准的语法（必须放在最后） */
-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}
.m_news .main4_b{width:14rem;margin:0 auto;overflow:hidden;opacity: 0;}

.main4_b .m_news_list{float:left;width:4rem;padding:0.22rem;margin-top: 0.3rem;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.m_news .main4_b h3{font-weight:normal;font-size:0.16rem;color:#666;overflow: hidden;display:block;width:4rem;height: 0.5rem;line-height:0.5rem;background-color:#FFF;text-align:center;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.m_news .main4_b ul{ margin-top:0.14rem;}
.m_news .main4_b li{height:0.32rem;line-height:0.32rem;overflow: hidden;}
.m_news .main4_b li a{ color:#666; font-size:0.16rem;}
.m_news .main4_b img { width:4rem; height:1.97rem;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}

.m_news .main4_b .selected{margin-top:0;width: 4.52rem;background-color:#FFF;padding:0.27rem;overflow:hidden;border-bottom:2px solid #008ed6;}
.m_news .main4_b .selected img{ width:4.52rem; height:2.21rem;}
.m_news .main4_b .selected h3{font-weight:normal;font-size:0.19rem;color:#333;display:block;width:4.52rem;height: 0.65rem;line-height: 0.65rem;background-color:#FFF;text-align:center;}
.m_news .main4_b .selected ul{margin-top: 0.14rem;}
.m_news .main4_b .selected li{height: 0.42rem;line-height: 0.42rem;}
.m_news .main4_b .selected li a{color:#333;font-size: 0.18rem;}

}


@media screen and (max-width: 1014px){
.head {width:100%;background-color:rgba(0,0,0,1);position:relative;overflow:hidden;z-index: 999;}

.banner_des {position: absolute;z-index:100;width: 100%;margin:0 auto;color:#fff;text-align:center;margin-top: 4.4rem;}
.banner_des .banner_title {width: 18rem;margin:0 auto;overflow:hidden;margin-top: 2.4rem;}
.banner_des .banner_title dt {float:left;width: 10rem;height: 3.2rem;position:relative;}
.banner_des .banner_title dt img{ width:100%; height:100%; position:absolute; top:0; left:0; }
.banner_des .banner_title dd.right{float: left;width: 3.7rem;text-align: right;}
.banner_des .banner_title dd {font-size: 0.8rem;letter-spacing: 0.27rem;float:left;text-shadow:0 0 0.12rem rgba(18,33,73,0.8);line-height: 2.21rem;width: 4.3rem;text-align: left;box-sizing: border-box;overflow: hidden;height: 2.3rem;margin-top: 0.45rem;}
.banner_des .banner_light{width:100%;margin-top: -0.28rem;/* height:0.49rem; */}
.banner_des .banner_light img{ width:100%;}
.banner_des .banner_line{font-size: 0.75rem;letter-spacing: 0.32rem;text-shadow:0 0 0.12rem rgba(18,33,73,0.8);margin-top: 0.16rem;font-weight: normal;}
.banner_button{width: 14.1rem;margin:0 auto;margin-top: 2rem;}
.banner_button a{display:block;width: 4.5rem;height: 1.6rem;font-size: 0.6rem;line-height: 1.6rem;}
.banner_button a.button_l{border: 1px solid #fff;color:#fff;float:left;}
.banner_button a.button_m{background: -webkit-linear-gradient(bottom,rgba(24,92,184,1),rgba(19,213,221,1));/* Safari 5.1 - 6.0 */background: -o-linear-gradient(top,rgba(24,92,184,1),rgba(19,213,221,1));/* Opera 11.1 - 12.0 */background: -moz-linear-gradient(top,rgba(24,92,184,1),rgba(19,213,221,1));/* Firefox 3.6 - 15 */background: linear-gradient(to top,rgba(24,92,184,1),rgba(19,213,221,1));/* 标准的语法（必须放在最后） */color:#fff;border: 1px solid #3db6ff;float: left;font-weight:normal;margin-left: 0.15rem;}
.banner_button a.button_r{background-color:#3db6ff;color:#fff;border: 1px solid #3db6ff;float:right;font-weight:normal;}
.banner_button a.button_l:hover{ background-color:rgba(255,255,255,0.3);}
.banner_button a.button_r:hover{ box-shadow:0 0 0.2rem rgba(35,48,82,0.8);background-color:#54cffd;border:2px solid #54cffd;}
.banner_video {width:100%;position: relative;top:0; z-index:11;}
.banner_video img {width: 100%;opacity: 1;margin-top: -0.55rem;}
.banner_video video { display:none;}

.main{ width:100%}
.main_title{overflow:hidden;margin-top: 1.5rem;}
.main_title h3{text-align:center;font-size: 1.5rem;font-weight:normal;color:#2f80bf;letter-spacing:0.03rem;line-height: 1.6rem;opacity:0;}
.main_title h3 span{ color:#343a40}
.main_title h3 o{font-size: 1rem;padding:0 0.13rem;}
.main_title .title_line{display:block;height: 1px;width: 10.28rem;margin:0 auto;margin-top: 0.3rem;margin-bottom: 0.15rem;opacity:0;background:-webkit-linear-gradient(left,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Firefox 3.6 - 15 */background:linear-gradient(to right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* 标准的语法（必须放在最后） */}
.main_title p{text-align:center;font-size: 0.65rem;letter-spacing:0.02rem;color:rgba(47,128,191,0.5);opacity:0;}

.main_title_d{overflow:hidden;margin-top: 1.5rem;}
.main_title_d h3{ text-align:center; font-size:1.5rem; font-weight:normal;color:#5bc6ee; letter-spacing:0.03rem; line-height: 1.6rem;opacity:0;}
.main_title_d h3 span{ color:#fff}
.main_title_d h3 o{ font-size: 1rem;padding:0 0.13rem;}
.main_title_d .title_line{ display:block;height: 1px;width: 10.28rem;margin:0 auto;margin-top: 0.3rem;margin-bottom: 0.15rem;opacity:0;
background:-webkit-linear-gradient(left,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* Safari 5.1 - 6.0 */    
background:-o-linear-gradient(right,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* Opera 11.1 - 12.0 */    
background:-moz-linear-gradient(right,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* Firefox 3.6 - 15 */    
background:linear-gradient(to right,rgba(91,198,238,0),rgba(91,198,238,1),rgba(91,198,238,0));/* 标准的语法（必须放在最后） */
}
.main_title_d p{ text-align:center;font-size: 0.65rem; color:rgba(91,198,238,0.5); letter-spacing:0.02rem; opacity:0}



.m_about{width: 100%;margin:0 auto;overflow:hidden;padding: 2rem 0 1.13rem 0;}
.m_about_left{width: 18rem;position:relative;height: 13.5rem;margin: 0 auto;}
.m_about_left ul li{ position:absolute;}
.m_about_left ul li:nth-of-type(1){width: 7.5rem;height: 11.64rem;background-color:#efeeef;left: 6.3rem;top: 0.93rem;}
.m_about_left ul li:nth-of-type(2){width: 13.3rem;height: 8.37rem;background-color:#00b3f1;left: 3.63rem;top: 2.28rem;}
.m_about_left ul li:nth-of-type(3){width: 13.32rem;height: 7.89rem;background-color:rgba(25,25,25,0.1);left: 2.85rem;top: 3.12rem;}
.m_about_left ul li:nth-of-type(4){width: 13.32rem;height: 7.89rem;background-image:url(../image/m_about_left.jpg);background-repeat:no-repeat;background-size:100%;background-position:center;left: 2.49rem;top: 3.39rem;}
.m_about_left ul li:nth-of-type(5){width: 13.14rem;height: 7.86rem;box-sizing:border-box;border: 0.09rem solid #000;left: 1.02rem;top: 1.68rem;}
.m_about_left ul li:nth-of-type(6){width: 2.94rem;height: 10.83rem;left: 1.68rem;top: 1.11rem;}
.m_about_left ul li:nth-of-type(6) span{width: 2.94rem;height: 1.83rem;background-color:#1d6eb8;bottom:0;position:absolute;display:block;}

.m_about_right{width: 17rem;box-sizing:border-box;padding: 0.35rem 0 0 0;margin: 0 auto;}
.m_about_r_title{height: 2.03rem;}
.m_about_r_title img{float:left;width: 8.38rem;height: 2rem;}
.m_about_r_title i{font-style:normal;float:left;color:#8db0e6;font-weight:normal;font-size: 0.75rem;line-height: 3.19rem;height: 2rem;letter-spacing: 0.08rem;opacity:0;}
.m_about_r_line{height: 1px;width: 17rem;margin: 0.44rem 0 0.2rem 0;background:-webkit-linear-gradient(left,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Firefox 3.6 - 15 */background:linear-gradient(to right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* 标准的语法（必须放在最后） */}
.m_about_r_des{padding-left: 0.08rem;font-size: 0.72rem;color:#636363;font-weight:normal;letter-spacing: 0.08rem;margin-bottom: 0.2rem;line-height: 1.46rem;opacity:0;}
.m_about_r_key{padding-left: 0.04rem;overflow:hidden;opacity:0;}
.m_about_r_key ul li{float:left;width: 5.4rem;text-align: justify;margin-bottom: 0.1rem;margin-top: 0.48rem;height: 1.08rem;}
.m_about_r_key ul li o{display: inline-block;padding-left: 100%;height: 0;/* float: left; */overflow: hidden;}
.m_about_r_key ul span{display:block;width: 0.74rem;height: 0.56rem;margin: 0.15rem 0.25rem 0 0;float:left;background-image:url(../image/m_about_good.png);background-size:100%;background-position:center;background-repeat:no-repeat;}
.m_about_r_key h4{font-size: 0.7rem;font-weight:normal;color:#889dcf;text-align: justify;display: initial;padding-right: 0.6rem;}

.m_project{ width:100%; }
.m_project .m_project_pro_t{margin:0 auto;overflow:hidden;box-sizing:border-box;margin-top: 0.65rem;background:-webkit-linear-gradient(left,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* Firefox 3.6 - 15 */background:linear-gradient(to right,rgba(245,245,245,1),rgba(249,249,249,1),rgba(245,245,245,1));/* 标准的语法（必须放在最后） */opacity: 0;}
.m_project .m_project_pro_t ul{overflow:hidden;width: 100%;}
.m_project .m_project_pro_t ul o{display:block;height:100%;width: 0;background-color:#fff;float:left;height: 2.5rem;}
.m_project .m_project_pro_t ul i{display:block;height:100%;width: 0;background-color:#fff;float: left;height: 2.5rem;}
.m_project .m_project_pro_t ul li{background-color:#fff;float:left;padding: 0.43rem 0.66rem 0.7rem 0.66rem;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;/* height: 2.5rem; */box-sizing: border-box;width: 33.3%;}
.m_project .m_project_pro_t ul li.hover{ background:none; cursor:pointer;}
.m_project .m_project_pro_t ul li.hover span{ background-image:url(../image/white1.png);}
.m_project .m_project_pro_t ul li span{display:block;background-image:url(../image/grey1.png);background-size:auto 100%;width: 2.3rem;height: 2.3rem;margin: 0 auto;/* box-sizing:border-box; */border: 1px solid #d4d4d4;border-radius:200px;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.m_project .m_project_pro_t ul li h4{color:#333;font-size: 0.55rem;font-weight:normal;text-align:center;}
.m_project .m_project_pro_t ul li p{color:#999;font-size: 0.58rem;text-align:center;margin: 0.35rem 0 0.15rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(1) span{background-position:0 0}
.m_project .m_project_pro_t ul li:nth-of-type(2) span{background-position: -2.31rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(3) span{background-position: -4.62rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(4) span{background-position: -6.93rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(5) span{background-position: -9.24rem 0;}
.m_project .m_project_pro_t ul li:nth-of-type(6) span{background-position: -11.5rem 0;}
    
.m_project .m_project_pro_t ul li:nth-of-type(1).hover span{ background-color:#1babc4; border-color:#1babc4;}
.m_project .m_project_pro_t ul li:nth-of-type(2).hover span{ background-color:#3187c7; border-color:#3187c7;}
.m_project .m_project_pro_t ul li:nth-of-type(3).hover span{ background-color:#6690bb; border-color:#6690bb;}
.m_project .m_project_pro_t ul li:nth-of-type(4).hover span{ background-color:#48afe5; border-color:#48afe5;}
.m_project .m_project_pro_t ul li:nth-of-type(5).hover span{ background-color:#446685; border-color:#446685;}
.m_project .m_project_pro_t ul li:nth-of-type(6).hover span{ background-color:#3d7ab9; border-color:#3d7ab9;}

.m_project .m_project_pro_d{width:100%;background-color:#f5f5f5;opacity: 0;}
.m_project .m_project_pro_d .m_project_pro_d_bg{width: 100%;margin:0 auto;overflow:hidden;position:relative;height: 25.4rem;background:-webkit-linear-gradient(left,rgba(245,245,245,1),rgba(249,249,249,1));/* Safari 5.1 - 6.0 */background:-o-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1));/* Opera 11.1 - 12.0 */background:-moz-linear-gradient(right,rgba(245,245,245,1),rgba(249,249,249,1));/* Firefox 3.6 - 15 */background:linear-gradient(to right,rgba(245,245,245,1),rgba(249,249,249,1));/* 标准的语法（必须放在最后） */}


.m_project .m_project_pro_d dl{position:absolute;width: 100%;z-index: 1;opacity: 0;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}
.m_project .m_project_pro_d dl:nth-of-type(1){z-index: 2; opacity: 1;}
.m_project .m_project_pro_d dt{width: 15rem;height: 13.45rem;background-size:100%;background-position:center;background-repeat:no-repeat;margin: 0 auto;}
.m_project .m_project_pro_d dl:nth-of-type(1) dt{ background-image:url(/image/pro_lite.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(2) dt{ background-image:url(/image/pro1.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(3) dt{ background-image:url(/image/pro2.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(4) dt{ background-image:url(/image/pro3.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(5) dt{ background-image:url(/image/pro4.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(6) dt{ background-image:url(/image/pro5.jpg)}
.m_project .m_project_pro_d dt img{ width:100%;}
.m_project .m_project_pro_d dd{width: 17rem;margin: 0 auto;}
.m_project .m_project_pro_d dd .pro_title{overflow:hidden;height: 1.8rem;overflow:hidden;margin-top: 0.2rem;}
.m_project .m_project_pro_d dd h4 o{font-weight:normal;margin-right: 0.1rem;letter-spacing: 0.02rem;}
.m_project .m_project_pro_d dd h4{color:#000;font-size: 1.2rem;letter-spacing: 0.1rem;float:left;}
.m_project .m_project_pro_d dd h4 a:hover{color: #397baf;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition: all 300ms ease-in-out;}
.m_project .m_project_pro_d dd i{font-style:normal;color:#8db0e6;font-size: 0.68rem;font-weight:normal;letter-spacing: 0.02rem;float:left;line-height: 2rem;}
.m_project .m_project_pro_d dd .pro_des{ position:relative; margin-top:0.25rem;}
.m_project .m_project_pro_d dd .pro_des p{font-size: 0.68rem;color: #666;line-height: 1.3rem;font-weight:normal;padding-left: 0.7rem;letter-spacing:0.05rem;position: relative;}
.m_project .m_project_pro_d dd .pro_des p span{width: 0.2rem;height: 0.2rem;background-color:#00b3f1;position:absolute;display:block;left: 0.02rem;top: 0.55rem;}
.m_project .m_project_pro_d dd .pro_tip{ margin-top:0.43rem;}
.m_project .m_project_pro_d dd .pro_tip span{font-size: 0.68rem;color:#889dcf;font-weight:normal;border:1px solid #889dcf;padding: 0.06rem 0.44rem 0.1rem 0.44rem;border-radius:0.14rem;margin-right:0.14rem;height: 1rem;display: block;float: left;}

.m_plan{ width:100%;  height:auto; overflow:hidden;}
.m_plan_bg{width:100%;}
.m_plan ul{width: 100%;margin:0 auto;overflow: hidden;opacity:0;}
.m_plan ul li:nth-of-type(1){border-top: 1px solid #8a959f;}
.m_plan ul li{width: 100%;background-color: #8a959f;opacity: 0;padding-bottom: 1px;}
.m_plan ul li img{width: 100%;height:auto;margin-top: -6rem;}
.m_plan ul li a{display: block;position: relative;height: 6rem;overflow: hidden;background-color: #fff;}
.m_plan_des{
    position:absolute;
    top:0;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position: top 35% center;
    overflow: hidden;
    background-color: rgba(35, 49, 62, 0.5);
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    }

	
.m_plan .pro1{background-image:url(../image/pro1_h.png);background-position: 1rem;}
.m_plan .pro2{background-image:url(../image/pro2_h.png);background-position: 1rem;}
.m_plan .pro3{background-image:url(../image/pro3_h.png);background-position: 1rem;}
.m_plan .pro4{background-image:url(../image/pro4_h.png);background-position: 1rem;}
.m_plan .pro5{background-image:url(../image/pro5_h.png);background-position: 1rem;}
.m_plan_des span{display:block;background-color:#fff;margin:0 auto;float: left;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;width: 2px;height: 1.8rem;margin-left: 30%;margin-top: 1.8rem;}

span {}

span {}
.m_plan_des h3{color:#FFFFFF;font-size: 1.12rem;text-align:center;float: left;margin: 0 0.2rem;margin-top: 1.9rem;width: 7rem;}
.m_plan_des i{
    font-style:normal;
    border:1px solid #fff;
    color:#FFF;
    width: 4rem;
    height: 1.3rem;
    font-size: 0.7rem;
    line-height: 1.3rem;
    display:block;
    text-align:center;
    opacity: 1;
    margin-top: 2.2rem;
    float: left;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    }
.m_plan_des i:hover{ color:#1999da; background-color:#fff; font-weight:bold;}



.m_case{width:100%;padding:0.75rem 0 0.35rem 0;overflow: hidden;}
.m_case_col{width: 17rem;margin:0 auto;overflow:hidden;margin-top: 1rem;}
.m_case_col dl{float:left;margin-right:1.1rem;margin-bottom: 1rem;}
.m_case_col a:nth-of-type(2) dl{ margin-right:0}
.m_case_col a:nth-of-type(4) dl{ margin-right:0}
.m_case_col a:nth-of-type(6) dl{ margin-right:0}
.m_case_col dl dd{position:relative;width: 7.8rem;height: 4.4rem;}
.m_case_col ul li{ position:absolute; box-sizing:border-box; }
.m_case_col ul li img{ width:100%;}
.m_case_col ul li:nth-of-type(1){width: 6.48rem;height: 3.68rem;background-color:rgba(120,120,120,0.2);right: 0.16rem;bottom: 0.46rem;}
.m_case_col ul li:nth-of-type(2){width: 6.44rem;height: 3.6rem;border: 0.08rem solid #423f3f;right:0;bottom:0;}
.m_case_col ul li:nth-of-type(3){width: 6.54rem;height: 3.68rem;background-color: rgb(22, 193, 255);right: 0.42rem;bottom: 0.74rem;}
.m_case_col ul li:nth-of-type(4){width: 6.74rem;height: 3.52rem;border: 0.2rem solid rgba(255,255,255,0.9);box-sizing: content-box;box-shadow:0 0 0.2rem rgba(13,13,13,0.15);top: 0.28rem;}
.m_case_col dl dt{width: 7.8rem;text-align:center;font-size: 0.8rem;color:#666;margin-top: 0.5rem;}

.m_corp{background-color: #2d2d2d;padding: 0.75rem 0 1.45rem 0;}
.m_corp ul{width: 17.4rem;margin:0 auto;overflow:hidden;margin-top: 1rem;}
.m_corp ul li{opacity:0;float:left;width: 7.7rem;height: 2.7rem;overflow:hidden;margin: 0 0 0.4rem 0;background-image:url(../image/m_corp_grey.jpg);background-size: 38rem 13.4rem;cursor:pointer;-moz-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;margin: 0 1.8rem 0.6rem 0;}
.m_corp ul li:nth-of-type(2){ margin-right:0}
.m_corp ul li:nth-of-type(4){ margin-right:0}
.m_corp ul li:nth-of-type(6){ margin-right:0}
.m_corp ul li:nth-of-type(8){ margin-right:0}
.m_corp ul li:nth-of-type(10){ margin-right:0}
.m_corp ul li:nth-of-type(12){ margin-right:0}
.m_corp ul li:nth-of-type(14){ margin-right:0}
.m_corp ul li:nth-of-type(16){ margin-right:0}

.m_corp_1_1{ background-position:0rem 0rem ;}
.m_corp_1_2{ background-position:-10rem 0rem ;}
.m_corp_1_3{ background-position:-20.1rem 0rem ;}
.m_corp_1_4{ background-position:-30.3rem 0rem ;}
.m_corp_2_1{ background-position:0rem -3.6rem ;}
.m_corp_2_2{ background-position:-10rem -3.6rem ;}
.m_corp_2_3{ background-position:-20.1rem -3.6rem ;}
.m_corp_2_4{ background-position:-30.3rem -3.6rem ;}
.m_corp_3_1{ background-position:0rem -7.1rem ;}
.m_corp_3_2{ background-position:-10rem -7.1rem ;}
.m_corp_3_3{ background-position:-20.1rem -7.1rem ;}
.m_corp_3_4{ background-position:-30.3rem -7.1rem ;}
.m_corp_4_1{ background-position:0rem -10.7rem ;}
.m_corp_4_2{ background-position:-10rem -10.7rem ;}
.m_corp_4_3{ background-position:-20.1rem -10.7rem ;}
.m_corp_4_4{ background-position:-30.3rem -10.7rem ;}




.m_corp ul li:hover{ background-image:url(../image/m_corp_color.jpg);}


.m_consult{width:100%;overflow:hidden;background: url(../image/m_consult_bg.jpg)  center no-repeat;padding-bottom: 1.1rem;background-size: auto 120%;}
.m_consult_nr{width: 17rem;margin:0 auto;overflow:hidden;}
.m_consult_nr p{color:#FFFFFF;font-size: 0.7rem;float:left;margin-top: 0.8rem;line-height: 1.8rem;}
.m_consult_nr p span{margin-top:0.15rem;}
.m_consult_nr p b{font-size: 1.5rem;font-weight:normal;line-height: 2.2rem;margin: 0 0.2rem;}
.m_consult_nr a{font-weight:normal;display:block;width: 6.29rem;height: 1.38rem;border:1px solid #fff;color:#FFF;font-size: 0.78rem;float:right;text-align:center;line-height: 1.38rem;margin-right: 0.4rem;}
.m_consult_nr a:hover{ background-color:#FFFFFF; color:#1d6bc1;}

.m_map{padding:0.75rem 0 0.75rem 0;overflow: hidden;}
.m_map_nr{background: url(../image/map.jpg) no-repeat right bottom;background-size: 17rem;width: 17rem;margin:0 auto;height: 20rem;position:relative;}
.m_map_circle{position:absolute;left: 7rem;top: 11.1rem;z-index: 5;}
.m_map_circle span{display:block;border-radius:100rem;border:1px solid #dee4ed;margin:0 auto;width: 3.52rem;height: 3.52rem;position:absolute;left:0;top:0;}

.m_map_nr h3{color:#424242;font-size: 0.86rem;font-weight:normal;margin: 0 0 0.23rem 0;padding-top: 0.95rem;}
.m_map_nr p{font-size: 0.6rem;color:#939393;margin-bottom: 1rem;font-weight: normal;}
.m_map_nr dl{color:#a2a9b4;width: 36%;text-align:center;float: left;margin-bottom:0.23rem;}
.m_map_nr dl:nth-of-type(1){ width:25%}
.m_map_nr dt{font-size: 1.35rem;opacity:0;}
.m_map_nr dd{font-size: 0.6rem;opacity:0;}
.m_map_nr .m_map_all{position:absolute;width: 16.5rem;height: 16.5rem;left: 4.2rem;top: 7.15rem;z-index: 10;}
.m_map_nr .m_map_all div{animation-delay: 0.6s;width: 16.5rem;height: 16.5rem;background-image: url("../image/map_all.png");background-repeat: no-repeat;background-size: 16.5rem 16.5rem;background-position: center center;}
.m_map_nr .m_map_all img{height:5.90rem;width: 9.96rem;}


.m_input{width:100%;overflow:hidden;padding: 0.78rem 0 0.6rem 0;background: url(../image/input_map.jpg) top 0.3rem center no-repeat;background-size: 20rem;}
.m_input_hr{background-color:rgba(44, 44, 44, 0.09);width: 16rem;margin:0 auto;padding: 0.2rem;margin-top: 0.72rem;opacity: 0;}
.m_input_hr form{width: 100%;background-color:#f1f1f1;padding-top: 0.86rem;padding-bottom: 0.8rem;}
.m_input_hr li{width: 13.68rem;overflow: hidden;margin:0 auto;margin-bottom: 0.6rem;}
.m_input_hr li.sub{ margin-bottom:0;}
.m_input_hr input{width: 13.51rem;padding-left: 0.57rem;height: 1.5rem;background-color:#FFFFFF;border:0;color:#555;font-size: 0.45rem;}
.m_input_hr textarea{width: 13.51rem;height: 4.44rem;padding-left: 0.57rem;padding-top: 0.3rem;background-color:#FFFFFF;border:0;font-size: 0.45rem;}
.m_input_hr input#button{width: 7.55rem;height: 1.82rem;background-color:#f08d22;font-size:0.14rem;color:#FFFFFF;padding:0;margin:0 auto;display:block;margin-top: 0.15rem;cursor:pointer;}
.m_input_hr input#button:hover{ background-color:#de801b;}



.m_news{background-color:#f5f5f5;width:100%;padding: 0.75rem 0 0.23rem 0;}
.m_news .main4_t{width: 10.15rem;margin:0 auto;overflow:hidden;margin-top: 0.8rem;margin-bottom: 0.75rem;opacity: 0;}
.m_news .main4_t li{float:left;font-size: 0.65rem;width: 2.89rem;margin:0 0.08rem;text-align:center;font-weight: normal;}
.m_news .main4_t a{color:#777;display:block;padding-bottom:0.1rem;margin: 0 auto;}
.m_news .main4_t span{height: 1px;width:0px;margin:0 auto;display:block;}
.m_news .main4_t li.hover a{ color:#008ed6;}
.m_news .main4_t li.hover span{ width:100%;
background:-webkit-linear-gradient(left,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Safari 5.1 - 6.0 */    
background:-o-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Opera 11.1 - 12.0 */    
background:-moz-linear-gradient(right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* Firefox 3.6 - 15 */    
background:linear-gradient(to right,rgba(47,128,191,0),rgba(47,128,191,1),rgba(47,128,191,0));/* 标准的语法（必须放在最后） */
-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;
}
.m_news .main4_b{width: 15rem;margin:0 auto;overflow:hidden;opacity: 0;height: 16rem;position: relative;}

.main4_b .m_news_list{float:left;width: 100%;padding: 0.42rem;padding-bottom: 0.8rem;margin-top: 0.3rem;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;box-sizing: border-box;transition: all 200ms ease-in-out;position: absolute;}
.m_news .main4_b h3{font-weight:normal;font-size: 0.66rem;color:#666;overflow: hidden;display:block;width: 100%;line-height: 1.5rem;height: 1.5rem;background-color:#FFF;text-align:center;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.m_news .main4_b ul{ margin-top:0.14rem;}
.m_news .main4_b li{height: 1.32rem;line-height: 1.32rem;overflow: hidden;}
.m_news .main4_b li a{color:#666;font-size: 0.56rem;}
.m_news .main4_b img {width: 100%;-moz-transition: all 200ms ease-in-out;-ms-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}

.m_news .main4_b .selected{background-color:#FFF;overflow:hidden;z-index: 99;}
.m_news .main4_b .selected img{}
.m_news .main4_b .selected h3{color:#333;}
.m_news .main4_b .selected ul{}
.m_news .main4_b .selected li{}
.m_news .main4_b .selected li a{}

}