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

@media (min-width:1014px){

.head {width:100%;background-color: rgb(255, 255, 255);position:relative;height: 1.4rem;}
.head_nav ul li:hover dl{background-color: rgba(13,34,87,0.9);}

.top_locate{width: 12.8rem;margin:0 auto;color:#FFFFFF;position: relative;z-index: 99;}
.top_locate h3{color:#fff;font-size: 0.5rem;margin-top: 0.75rem;margin-bottom: 0.23rem;}
.top_locate p{font-size: 0.15rem;width: 6rem;line-height: 0.25rem;}
.top_locate p.top_bread{margin-top: 0.25rem;font-size: 0.16rem;}
.top_locate p.top_bread a{color: #c3c3c3;}

.list_banner {width:100%;position:absolute;top:0;height: 0.78rem;overflow: hidden;}
.list_banner img {width: 19.20rem;opacity: 0.9;}

.content{width:100%;background-color:#FFFFFF;overflow:hidden;padding: 0.14rem 0 0.4rem 0;}
.c_all{width: 12.8rem;margin:0 auto;overflow: hidden;}

.c_l{width: 12.8rem;float:left;padding-right: 0.37rem;}
.c_head{ overflow:hidden;}
.c_head .c_h1{float:right;width: 4.69rem;}
.c_head .c_h1 h3{font-weight:normal;font-size:0.24rem;color:#000000;letter-spacing: 0.01rem;}
.c_head .c_h1 p{font-size: 0.15rem;line-height: 0.26rem;color: #888;margin:0.15rem 0;}
.c_head .c_h1 p span{ color:#1985c6;}
.c_head .c_l_img { float:left;width:3.40rem; height:2.10rem;margin-right:0.30rem; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.c_head .c_l_img a{ display:block;width:3.40rem; height:2.10rem; }
.c_head .c_h2{border-top:1px solid #eaeaea;float:right;width: 4.69rem;padding-top:0.10rem;}
.c_head .c_h2 li{line-height: 0.38rem;}
.c_head .c_h2 a{font-size: 0.17rem;color: #333;}
.c_head .c_h2 a:hover{ color:#1985c6;}
.c_list {overflow:hidden;padding: 0.25rem 0 0.05rem 0;}
.c_list dl{ overflow:hidden; border-bottom: 1px solid #e9e9e9; padding:0.30rem 0;}
.c_list dl.list_bottom{ border-bottom:0;}
.c_list dt{ float:left; margin-right:0.30rem;}
.c_list dt img{ height:1.20rem; width:auto;}
.c_list dd{overflow: hidden}
.c_list dd h3{font-size: 0.22rem;height:0.32rem;line-height:0.31rem;font-weight:normal;letter-spacing: 0.01rem;}
.c_list dd a{ color:#151515;}
.c_list dd a:hover{ color:#1985c6;}
.c_list dd p{font-size:0.14rem;color:#999;line-height: 0.26rem;}
.c_list dd p.des_cription{padding: 0.08rem 0 0.12rem 0;}
.c_list dd p.key_word{ color:#575757;font-size: 0.14rem;}
.c_list dd i{ color:#48b0f5; font-style:normal; margin-right:0.10rem;}
.c_list dd span{ font-size:0.13rem; color:#ccc; float:right;}

.page{position: relative;left: 50%;float: left;margin-top: 0.1rem;}
.page_nr{position: relative;left: -50%;}
.page a{float:left; display:block; padding:0.04rem 0.09rem 0.05rem 0.09rem;background-color: #fff;margin-right:0.03rem;font-size: 0.15rem; color:#8A8A8A;border:1px solid #fff; }
.page a:hover{border:1px solid #317dcc; color:#317dcc;}
.page b{display:block; float:left;padding:0.04rem 0.08rem 0.02rem 0.08rem; color:#317dcc; font-size: 0.15rem;}
.page a.num{padding:0.04rem 0.09rem 0.05rem 0.09rem;}
.page a.num:hover{border:1px solid #317dcc; color:#317dcc;}



.c_tdk {margin-bottom: 0.16rem;}
.c_tdk h1{font-weight:normal;font-size: 0.3rem;color:#000;letter-spacing: 0.01rem;}
.c_tdk p{font-size: 0.14rem;color:#999;margin-top: 0.24rem;}
.c_tdk p span{ color:#48b0f5}
.c_des{font-size: 0.15rem;color: #61a1ca;background-color: #eff9ff;padding:0.20rem 0.25rem;width: 7.9rem;line-height:0.28rem;}
.c_con{font-size: 0.16rem;color:#666;padding:0 0.20rem;line-height: 0.32rem;margin-top: 0.22rem;border-bottom: 1px solid #e4e9f0;padding-bottom: 0.45rem;}
.c_con img{margin:0;max-width: 12rem;}
.c_author{font-size:0.16rem;color:#666;text-align: left;width:7.69rem;margin-top:0.45rem;}
.c_author a{ color:#555;}
.c_fn{color:#999;font-size: 0.15rem;line-height: 0.3rem;padding-left:0.20rem;margin-top:0.50rem;}
.c_fn a{ color:#999; }
.c_ad{margin: 0.30rem auto;width: 11.9rem;margin-top: 0.4rem;}
.c_ad img{
    width: 100%;
}
.c_relate { padding-left:0.20rem; overflow:hidden;}
.c_relate h3{color: #000;font-size:0.18rem;font-weight:normal;}
.c_relate ul{overflow:hidden;border-top:1px #e9e9e9 solid;margin-top:0.14rem;padding-top: 0.15rem;width:3.20rem;float:left;padding-right:1.09rem;}
.c_relate ul.right{ padding-right:0;}
.c_relate li{float:left;font-size: 0.15rem;width:3.20rem;}
.c_relate li a{ color:#333; line-height:0.32rem; display:block; width:3.50rem; overflow:hidden; height:0.32rem;}



.c_r{float:right;}
.c_r h3{font-size: 0.18rem;color: #000;margin-bottom:0.10rem;}
.c_r img{margin: 0.05rem 0 0.1rem 0;width: 3.2rem;padding-left: 0.03rem;}
.c_r li{ font-size:0.16rem; line-height:0.33rem; height:0.33rem; width:3.30rem; overflow:hidden;}
.c_r li a{ color:#666;}
.c_r li span{display:block;width:0.05rem;height:0.05rem;background-color:#2277da;float:left;margin: 0.15rem 0.10rem 0.13rem 0.07rem;}
.c_r1{ overflow:hidden;}
.c_r1 h3{margin-bottom:0.15rem;}
.c_r2{ overflow:hidden; margin-top:0.35rem;}

.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; }
.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;;
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;}

.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; }
.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; 
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; }


.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; }
.m_map_nr dd{ font-size:0.2rem; }
.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 img{height:5.90rem;width: 9.96rem;}

.m_input{width:100%;overflow:hidden;height:7.25rem;padding: 0 0 0.6rem 0;background: url(../image/input_map.jpg) top 0.18rem 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;}
.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_project{ width:100%; }
.m_project .m_project_pro_t{width:15.8rem;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));/* 标准的语法（必须放在最后） */}
.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.68rem;background-color:#fff;float: left;height: 2.5rem;}
.m_project .m_project_pro_t ul li{background-color:#fff;float:left;padding:0.23rem 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;}
.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;}
.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/pro1.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(2) dt{ background-image:url(/image/pro2.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(3) dt{ background-image:url(/image/pro3.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(4) dt{ background-image:url(/image/pro4.jpg)}
.m_project .m_project_pro_d dl:nth-of-type(5) 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;}
.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;}

.list-paddingleft-2{ overflow:hidden; width:7rem; margin: 0 auto}
.list-paddingleft-2 li{float:left;width:2rem;text-align: justify;padding-right: 0.33rem;margin-bottom: 0.08rem;}
.list-paddingleft-2 li o{ display: inline-block; padding-left: 100%; }
.list-paddingleft-2 h4{font-size:0.24rem;font-weight:lighter;color:#899bcb;text-align: justify;display: initial;background-image:url(../image/m_about_good.png); background-size:auto 100%; background-position:left; background-repeat:no-repeat; padding-left:2em}
.c_con .joybrain li h4{color: #6bc0b2}
.c_con ul.joybrain{ width:9.4rem;}
.c_con .joyvision li h4{color: #6e4590}
.c_con{padding-bottom: 0.5rem;}
.dan_title img{height: 1.23rem;}
.dan_title img.dan_t3{ height:1.49rem;}
.dan_keyword{line-height: 3em;text-align: center;color: #288cc9;font-size: 0.42rem;height: 2.6em;}
.c_con .joynexus{color: rgb(235, 153, 32);}
.c_con .joybrain{color: #209b7b; }
.c_con .joyvision{color: #d376a7}
.c_con .joyservice{color: #cd2855}
.dan_des{font-weight: lighter; letter-spacing: 0.02rem; line-height: 3em; text-align: center;color: rgb(127, 127, 127); font-size: 0.24rem;}
.dan_des strong{font-size: 0.24rem; color: #00b3f1;}
.dan_space{line-height: 3em;}




}


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

.head {width:100%;background-color: rgb(255, 255, 255);position:relative;height: 2.5rem;z-index: 999;}
.head_nav ul li:hover dl{background-color: rgba(13,34,87,0.9);}

.top_locate{color:#FFFFFF;position: absolute;z-index: 99;left: 1.1rem;top: 3rem;}
.top_locate h3{color:#fff;font-size: 0.5rem;margin-top: 0.75rem;margin-bottom: 0.23rem;}
.top_locate p{font-size: 0.15rem;line-height: 0.25rem;}
.top_locate p.top_bread{margin-top: 0.25rem;font-size: 0.7rem;}
.top_locate p.top_bread a{color: #b1b1b1;}

.list_banner {width:100%;position:absolute;top:0;height: 2.5rem;overflow: hidden;z-index: 99;}
.list_banner img {opacity: 0.9;width: 100%;margin-top: -1.5rem;}

.content{width:100%;background-color:#FFFFFF;overflow:hidden;padding: 2.54rem 0 0.8rem 0;}
.c_all{width: 100%;margin:0 auto;overflow: hidden;}

.c_l{width: 100%;border-right: 1px solid #e4e9f0;padding: 0 1rem;box-sizing: border-box;}
.c_head{ overflow:hidden;}
.c_head .c_h1{float:right;width: 4.69rem;}
.c_head .c_h1 h3{font-weight:normal;font-size:0.24rem;color:#000000;letter-spacing: 0.01rem;}
.c_head .c_h1 p{font-size: 0.15rem;line-height: 0.26rem;color: #888;margin:0.15rem 0;}
.c_head .c_h1 p span{ color:#1985c6;}
.c_head .c_l_img { float:left;width:3.40rem; height:2.10rem;margin-right:0.30rem; background-size:auto 100%; background-position:center; background-repeat:no-repeat;}
.c_head .c_l_img a{ display:block;width:3.40rem; height:2.10rem; }
.c_head .c_h2{border-top:1px solid #eaeaea;float:right;width: 4.69rem;padding-top:0.10rem;}
.c_head .c_h2 li{line-height: 0.38rem;}
.c_head .c_h2 a{font-size: 0.17rem;color: #333;}
.c_head .c_h2 a:hover{ color:#1985c6;}
.c_list {overflow:hidden;padding: 0.25rem 0 0.05rem 0;}
.c_list dl{ overflow:hidden; border-bottom: 1px solid #e9e9e9; padding:0.30rem 0;}
.c_list dl.list_bottom{ border-bottom:0;}
.c_list dt{ float:left; margin-right:0.30rem;}
.c_list dt img{ height:1.20rem; width:auto;}
.c_list dd{overflow: hidden}
.c_list dd h3{font-size: 0.22rem;height:0.32rem;line-height:0.31rem;font-weight:normal;letter-spacing: 0.01rem;}
.c_list dd a{ color:#151515;}
.c_list dd a:hover{ color:#1985c6;}
.c_list dd p{font-size:0.14rem;color:#999;line-height: 0.26rem;}
.c_list dd p.des_cription{padding: 0.08rem 0 0.12rem 0;}
.c_list dd p.key_word{ color:#575757;font-size: 0.14rem;}
.c_list dd i{ color:#48b0f5; font-style:normal; margin-right:0.10rem;}
.c_list dd span{ font-size:0.13rem; color:#ccc; float:right;}

.page{position: relative;left: 50%;float: left;margin-top: 0.1rem;}
.page_nr{position: relative;left: -50%;}
.page a{float:left; display:block; padding:0.04rem 0.09rem 0.05rem 0.09rem;background-color: #fff;margin-right:0.03rem;font-size: 0.15rem; color:#8A8A8A;border:1px solid #fff; }
.page a:hover{border:1px solid #317dcc; color:#317dcc;}
.page b{display:block; float:left;padding:0.04rem 0.08rem 0.02rem 0.08rem; color:#317dcc; font-size: 0.15rem;}
.page a.num{padding:0.04rem 0.09rem 0.05rem 0.09rem;}
.page a.num:hover{border:1px solid #317dcc; color:#317dcc;}



.c_tdk {margin-bottom: 0.76rem;}
.c_tdk h1{font-weight:normal;font-size: 1.3rem;color:#000;letter-spacing: 0.01rem;}
.c_tdk p{font-size: 0.6rem;color:#999;margin-top: 0.64rem;}
.c_tdk p span{ color:#48b0f5}
.c_des{font-size: 0.7rem;color: #61a1ca;background-color: #eff9ff;padding: 0.40rem 0.5rem;width: 100%;box-sizing: border-box;line-height: 1rem;}
.c_con{font-size: 0.7rem;color:#666;padding: 0 0.3rem;line-height: 1.2rem;margin-top: 0.8rem;}
.c_con img{margin:0;max-width: 14rem;margin: 0.5rem 0;}
.c_author{font-size: 0.6rem;color:#666;text-align:right;width: 100%;margin-top:0.45rem;}
.c_author a{ color:#555;}
.c_fn{color:#999;font-size: 0.5rem;line-height: 1rem;padding-left:0.20rem;margin-top:0.50rem;}
.c_fn a{ color:#999; }
.c_ad{margin:0.30rem 0;}
.c_ad img{ width:100%;}
.c_relate {padding-left:0.20rem;overflow:hidden;display: none;}
.c_relate h3{color: #000;font-size:0.18rem;font-weight:normal;}
.c_relate ul{overflow:hidden;border-top:1px #e9e9e9 solid;margin-top:0.14rem;padding-top: 0.15rem;width:3.20rem;float:left;padding-right:1.09rem;}
.c_relate ul.right{ padding-right:0;}
.c_relate li{float:left;font-size: 0.15rem;width:3.20rem;}
.c_relate li a{ color:#333; line-height:0.32rem; display:block; width:3.50rem; overflow:hidden; height:0.32rem;}



.c_r{float:right;display: none;}
.c_r h3{font-size: 0.18rem;color: #000;margin-bottom:0.10rem;}
.c_r img{margin: 0.05rem 0 0.1rem 0;width: 3.2rem;padding-left: 0.03rem;}
.c_r li{ font-size:0.16rem; line-height:0.33rem; height:0.33rem; width:3.30rem; overflow:hidden;}
.c_r li a{ color:#666;}
.c_r li span{display:block;width:0.05rem;height:0.05rem;background-color:#2277da;float:left;margin: 0.15rem 0.10rem 0.13rem 0.07rem;}
.c_r1{ overflow:hidden;}
.c_r1 h3{margin-bottom:0.15rem;}
.c_r2{ overflow:hidden; margin-top:0.35rem;}.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; }
.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;;
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;}

.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; }
.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; 
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; }


.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; }
.m_map_nr dd{ font-size:0.2rem; }
.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 img{height:5.90rem;width: 9.96rem;}

.m_input{width:100%;overflow:hidden;padding: 0 0 0.6rem 0;background: url(../image/input_map.jpg) top 0.18rem center no-repeat;background-size:14rem;}
.m_input_hr{background-color:rgba(44, 44, 44, 0.09);width: 5.35rem;margin:0 auto;padding:0.06rem;margin-top: 0.72rem;}
.m_input_hr form{width: 5.35rem;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_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));/* 标准的语法（必须放在最后） */;}
.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: 20%;}
.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(1).hover span{ background-color:#3187c7; border-color:#3187c7;}
.m_project .m_project_pro_t ul li:nth-of-type(2).hover span{ background-color:#6690bb; border-color:#6690bb;}
.m_project .m_project_pro_t ul li:nth-of-type(3).hover span{ background-color:#48afe5; border-color:#48afe5;}
.m_project .m_project_pro_t ul li:nth-of-type(4).hover span{ background-color:#446685; border-color:#446685;}
.m_project .m_project_pro_t ul li:nth-of-type(5).hover span{ background-color:#3d7ab9; border-color:#3d7ab9;}

.m_project .m_project_pro_d{width:100%;background-color:#f5f5f5;;}
.m_project .m_project_pro_d .m_project_pro_d_bg{width: 100%;margin:0 auto;overflow:hidden;position:relative;height: 23.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;-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;opacity: 0;}
.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.72rem;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;}


.list-paddingleft-2{overflow:hidden;width: 17rem;margin: 0 auto;}
.list-paddingleft-2 li{float:left;width: 5rem;text-align: justify;padding-right: 0.6rem;margin-bottom: 0.08rem;}

.list-paddingleft-2 li o{ display: inline-block; padding-left: 100%; }
.list-paddingleft-2 h4{font-size: 0.7rem;font-weight:lighter;color:#899bcb;text-align: justify;display: initial;background-image:url(../image/m_about_good.png);background-size:auto 100%;background-position:left;background-repeat:no-repeat;padding-left:2em;}
.c_con .joybrain {}
.c_con .joybrain li:nth-of-type(7){ padding:0 1.8rem}
.c_con .joybrain li h4{color: #6bc0b2;font-size: 0.6rem;}
.c_con .joybrain ul{ width:9.4rem;}
.c_con .joyvision li h4{color: #6e4590}
.c_con{padding-bottom:0;}
.dan_title img{height: 2.5rem;}
.dan_title img.dan_t3{height: 3rem;}
.dan_keyword{line-height: 2.4em;text-align: center;color: #288cc9;font-size: 1rem;height: 2.6em;}
.c_con .joynexus{color: rgb(235, 153, 32);}
.c_con .joybrain{color: #209b7b}
.c_con .joyvision{color: #d376a7}
.c_con .joyservice{color: #cd2855}
.dan_des{font-weight: lighter;letter-spacing: 0.02rem;line-height: 2.2em;text-align: center;color: rgb(127, 127, 127);font-size: 0.67rem;}
.dan_des strong{font-size: 0.24rem; color: #00b3f1;}
.dan_space{line-height: 2em;}

.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;}

.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;}


}