/*zj*/
body{max-width:1920px;margin:0 auto;;}
.inner_con{position: relative;
    z-index: 20;}
.w1200{ margin: 0 auto;}
.inner_banner{height: 200px; background-position: center; background-repeat: no-repeat;}
.inner_banner .text{float: right; margin-top: 80px;}
.inner_banner .text h3{font-size: 30px; color: #fff; opacity: .5; filter: alpha(opacity=50); font-family: MyFontName; text-transform: uppercase;}
.inner_banner .text p{font-size: 22px; color: #fff; margin-top: 10px;}
.inner_nav{background: #e8edf3; overflow: hidden; height: 70px;}
.inner_nav .a_list{float: left; font-size: 0;}
.inner_nav .a_list a{float: left; font-size: 15px; color: #6f7780; height: 70px; line-height: 70px; margin-right: 15px;}
.inner_nav .a_list a img{margin-top: 30px;}
.inner_nav .a_list a .icon2{margin-top: 33px;}
.inner_nav .ul_li{float: right; font-size: 0;}
.inner_nav .ul_li li{display: inline-block; margin-left: 50px; height: 70px; line-height: 70px;}
.inner_nav .ul_li li a{font-size: 15px; color: #6f7780; transition: all .6s;}
.inner_nav .ul_li li.on a{color: #0059b2;}
.inner_nav .ul_li li:hover a{color: #0059b2;}
.inner_tit{padding-top: 70px;}
.inner_tit h3{font-size: 24px; color: #7aa3cc; font-family: MyFontName; text-transform: uppercase;}
.inner_tit p{font-size: 24px; color: #4c4c4c; font-weight: bold; margin-top: 5px;}
@keyframes z_fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 30%, 0); transform: translate3d(0, 30%, 0)} 100%{opacity: 1; -webkit-transform: none; transform: none}}
.z_fadeInUp{-webkit-animation-name: z_fadeInUp; animation-name: z_fadeInUp}
@-webkit-keyframes z_fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0)} 100%{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes z_fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0)} 100%{opacity: 1; -webkit-transform: none; transform: none;}}
.z_fadeInLeft{-webkit-animation-name: z_fadeInLeft; animation-name: z_fadeInLeft}
@-webkit-keyframes z_fadeInRight{from{opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes z_fadeInRight{from{opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0);} to{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.z_fadeInRight{-webkit-animation-name: z_fadeInRight; animation-name: z_fadeInRight;}
/*新闻*/
.news_con .hot_find{overflow: hidden; margin-top: 40px; padding-bottom: 80px;}
.news_con .hot_find .hot_img{float: left; width: 790px; height: 444px; position: relative;}
.news_con .hot_img .bd li{width: 790px; height: 444px; overflow: hidden;}
.news_con .hot_img .bd .img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transition: all .6s;}
.news_con .hot_img .bd li:hover .img{transform: scale(1.1);}
.news_con .hot_img .hd{position: absolute; right: 40px; bottom: 30px; font-size: 0;}
.news_con .hot_img .hd li{display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin-left: 16px; cursor: pointer;}
.news_con .hot_img .hd li.on{background: #f47115;}
.news_con .hot_find .hot_text{float: left; width: 410px; height: 444px; background: #cee0f2; padding: 50px 40px 0 40px;}
.news_con .hot_find .hot_text h3{font-size: 18px; color: #4c4c4c; line-height: 25px;}
.news_con .hot_find .hot_text .date{font-size: 24px; color: #0059b3; font-family: MyFontName; margin-top: 10px;}
.news_con .hot_find .hot_text .info{margin-top: 20px; padding-top: 20px; border-top: 1px solid #b8c8d9;}
.news_con .hot_find .hot_text p{font-size: 14px; color: #77828c; line-height: 22px;}
.a_more{display: block; width: 140px; height: 50px; border-radius: 50px; font-size: 14px; color: #fff; line-height: 50px; padding-left: 20px; margin-top: 60px; background-image: url(../images/btn_color.png); background-position: -140px 0; background-repeat: no-repeat; transition: all .6s;position:relative;}
.a_more:after{content:"";display:block;position:absolute;top:50%;right:20px;width:8px;height:14px;margin-top:-7px;background:url(../images/btn_icon.png) no-repeat;}
.a_more:hover{background-position:0 0;}
.news_con .news_list{background: #e6ecf2; padding: 60px 0 80px 0;box-sizing: border-box;}
.news_con .news_list ul{overflow: hidden; margin-left: -30px;}
.news_con .news_list ul li{float: left;width: 287px;height: 350px;background: #fff;padding: 40px 25px 0 25px;overflow: hidden;margin: 0 0 20px 20px;position:relative;}
.news_con .news_list ul li:after{content:"";display:block;position:absolute;bottom:30px;left:30px;width:27px;height:14px;background:url(../images/n_more.png) no-repeat;transition:all .6s;}
.news_con .news_list li h3{font-size: 16px;color: #4c4c4c;height: 48px;line-height: 25px;}
.news_con .news_list li .date{font-size: 24px;color: #0059b3;font-family: MyFontName;margin-top: 10px;}
.news_con .news_list li .img{width: 100%;/* height: 180px; */overflow: hidden;margin-top: 25px;}
.news_con .news_list li img{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; transition: all .6s;}
.news_con .news_list li:hover .img img{transform: scale(1.1);}
.news_con .news_list li:hover:after{left:40px;}
.news_con .news_list li .info{margin-top: 20px;display: none;}
.news_con .news_list li p{font-size: 14px; color: #77828c; line-height: 22px;}
.news_con .news_list .a_more{position:absolute;bottom:35px;left:30px;margin-top: 20px;}
/*.more{width: 45px; height: 45px; margin: 0 auto; background: url(../images/more.png) no-repeat; cursor: pointer;}*/
.more{display: block;cursor:pointer; width: 140px; height: 50px;margin:0 auto; border-radius: 50px; font-size: 14px; color: #fff; line-height: 50px; padding-left: 20px; margin-top: 60px; background-image: url(../images/btn_color.png); background-position: -140px 0; background-repeat: no-repeat; transition: all .6s;position:relative;}
.more:after{content:"...";display:block;position:absolute;top: -3px;right: 33px;font-size: 28px;width:8px;height:14px;margin-top:-7px;/*background:url(../images/btn_icon.png) no-repeat;*/}
.more:hover{background-position:0 0;}

.news_detacon{background: #fff; padding-bottom: 120px;}
.news_detacon .deta_info{overflow: hidden; margin-top: 35px;}
.news_detacon .left{float: left; width: 790px;}
.news_detacon .left .tit{position: relative; padding-bottom: 30px; border-bottom: 1px solid #dae0e6;}
.news_detacon .left .tit h3{width: 600px; font-size: 20px; color: #4c4c4c;}
.news_detacon .left .tit h4{font-size: 24px; color: #0059b3; font-family: MyFontName; margin-top: 5px;}
.news_detacon .bshare-custom{position: absolute; top: 0; right: 0; line-height: 32px!important;}
.news_detacon .bshare-custom a{padding: 0; width: 33px; height: 32px; background: url(../images/shareicon.png);}
.news_detacon .bshare-custom .bshare-sinaminiblog{background-position: -41px center;}
.news_detacon .bshare-custom .bshare-qzone{background-position: -84px center;}
.news_detacon .bshare-custom .bshare-qqim{background-position: -125px center;}
.news_detacon .left .info p{font-size: 14px; color: #808080; margin-top: 20px; line-height: 23px;}
.news_detacon .left .info p img{margin:0 auto;max-width: 100%;}
.news_detacon .btn_a{width: 790px; height: 70px; background: #f6f6f6; border-radius: 50px; margin-top: 60px; padding: 0 60px; overflow: hidden; position: relative;}
.news_detacon .btn_a a{display: block; height: 70px; line-height: 70px; font-size: 16px; color: #808080; background-repeat: no-repeat; background-position: left center; transition: all .6s;}
.news_detacon .btn_a a.center{width: 150px; margin: 0 auto;}
.news_detacon .btn_a a.a_prev{position: absolute; left: 60px; top: 0; padding-left: 40px; background-image: url(../images/news_deprev.png);}
.news_detacon .btn_a a.a_next{position: absolute; right: 60px; top: 0; float: right; padding-right: 40px; background-image: url(../images/news_denext.png); background-position: right center;}
.news_detacon .btn_a a:hover{color: #0059b3;}
.news_detacon .right{float: right; width: 360px;}
.news_detacon .right .deta_tit{padding-bottom: 20px;}
.news_detacon .right .deta_tit h3{font-size: 20px; color: #4c4c4c;}
.news_detacon .right .deta_tit h4{font-size: 20px; color: #0059b3; font-family: MyFontName;}
.news_detacon .right ul li{padding: 20px 0; border-top: 1px solid #d9d9d9;}
.news_detacon .right ul h3{font-size: 18px; color: #808080; transition: all .6s;}
.news_detacon .right ul .date{font-size: 24px; color: #0059b3; font-family: MyFontName; margin-top: 5px;}
.news_detacon .right ul li:hover h3{color: #0059b3;}
.zmt-a .video_hot{margin-top: 30px;}
.zmt-a .hot_box{width: 100%; height: 450px;}
.zmt-a .hot_box video{width: 100%; height: 100%;}
.zmt-a .video_list{background: #e6ecf2; padding:20px 0 5px 0;box-sizing: border-box;}
.zmt-a .video_list ul{overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
.zmt-a .video_list li{
    /* height: 200px; */
    /* overflow: hidden; */
    float: left;
    width: 48%;
    position: relative;
    margin-bottom: 15px;
}
.zmt-a .video_list li .btn{position: absolute; top: 50%; left: 50%;width: 35px; height: 35px; background: url(../images/btn_video.png) no-repeat; cursor: pointer; z-index: 1;background-size: 35px;transform: translateX(-50%) translateY(-50%);}
.zmt-a .video_list li .img{width: 100%; overflow: hidden;position: relative;height: 200px;}
.zmt-a .video_list li .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.zmt-a .video_list li h3{font-size: 14px; color: #808080; height: 40px; line-height: 40px; background: #fff; text-align: center;}
.video_pop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 50; display: none;}
.video_pop .bg{position: absolute; left: 0; right: 0; top: 0; bottom: 0; /*background:url(../images/bg.png);*/ background: #000; opacity: .5; filter: alpha(opacity=50);}
.video_pop .box{position: absolute; left: 50%; top: 50%; width: 80%;  background: #333;margin-top: auto;margin-left: auto;    transform: translateX(-50%) translateY(-50%);}
.video_pop .box .close{position: absolute; top: 0; right: -40px; width: 27px; height: 27px; background: url(../images/close.png) no-repeat; opacity: .5; filter: alpha(opacity=50); transition: all .5s; cursor: pointer;}
.video_pop .box .close:hover{opacity: 1; filter: alpha(opacity=100);}
.video_pop .box video{width: 100%; height: 100%;}
.news_con4{}
.zmtdata .code_sel{ height:460px; background: url(../images/news4_bg.jpg) no-repeat; padding-top: 80px;margin-bottom: 30px;background-size: 100% 100%;}
.zmtdata .sel_list{font-size: 0; text-align: center;display: flex;justify-content: space-between;padding: 0 10px;}
.zmtdata .year_p{display: inline-block; width:48%; height: 55px; position: relative; }
.zmtdata .year_p p{
    font-size: 15px;
    padding-right: 19px;
    letter-spacing: 1px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #737980;
    line-height: 50px;
    height: 50px;
    cursor: pointer;
    padding-left: 8px;
    border: 2px solid #cbd0d4;
 }
 
.zmtdata .year_p ._ul{position: absolute; top: 50px; width: 100%; border: 1px solid #f1ebeb; border-top: none; background: #fff; z-index: 5; display: none; max-height:200px;overflow-y:scroll;}
.zmtdata .year_p ._ul.on{}
.zmtdata .year_p ._ul li{height: 35px; line-height: 35px; font-size: 14px; color: #737980; padding-left: 20px; cursor: pointer; transition: all .4s; text-align: left;}
.zmtdata .year_p ._ul li:first-chlid{}
.zmtdata .year_p ._ul li:hover{color: #fff;background:#006ad4;}
.zmtdata .code_box{margin-top: 140px;}
.zmtdata .code_box .box{width: 115px; height: 115px; margin: 0 auto;}
.zmtdata .code_box .box img{width: 100%; height: 100%;}
/*联系*/
.contact_con{margin-bottom: 80px;}
.contact_con .talent_top{margin-top: 40px;}
.contact_con .talent_top .box{overflow: hidden;}
.contact_con .talent_top .box ul{float: left; width: 800px; height: 210px; overflow: hidden; padding-left: 75px;}
.contact_con .talent_top .box ul:first-child{padding-left: 0; width: 400px; border-right: 2px solid #cfdae6;}
.contact_con .talent_top .box li{float: left; margin-right: 75px; padding-left: 55px; margin-bottom: 30px; background-repeat: no-repeat; background-position: left center;}
.contact_con .talent_top .box li.l1{background-image: url(../images/contact_icon1.png);}
.contact_con .talent_top .box li.l2{background-image: url(../images/contact_icon2.png);}
.contact_con .talent_top .box li.l3{background-image: url(../images/contact_icon3.png);}
.contact_con .talent_top .box li.l4{background-image: url(../images/contact_icon4.png);}
.contact_con .talent_top .box li.l5{background-image: url(../images/contact_icon5.png);}
.contact_con .talent_top li h3{font-size: 16px; color: #808080; margin-bottom: 7px; font-weight: normal;}
.contact_con .talent_top li h4{font-size: 30px; color: #f47115; font-family: MyFontName;}
.contact_con .talent_top li h5{font-size: 24px; color: #808080; font-family: MyFontName;}
.contact_con .talent_top li p{font-size: 16px; color: #4c4c4c;}
.contact_con .talent_top li h6{font-size: 24px; color: #f47115; font-family: MyFontName;}
.contact_con .map{width: 100%; height: 511px; margin-top: 80px;}
.contact_con .map *{box-sizing: content-box;}
.contact_con .map img{max-width: none; display: inline-block;}
.contact_con2{margin-bottom: 80px;}
.contact_con2 .integrity_box{margin-top: 35px; overflow: hidden;}
.contact_con2 .integrity_box .left{float: left; width: 800px; height: 545px; background: url(../images/contact2_left.jpg) no-repeat; padding: 0 40px;}
.contact_con2 .integrity_box .text_top{overflow: hidden; padding-top: 20px; padding-bottom: 50px; border-bottom: 1px solid #ced3d9;}
.contact_con2 .integrity_box .text_top li{float: left; margin: 30px 60px 0 0;}
.contact_con2 .integrity_box .text_top h3{font-size: 18px; color: #4c4c4c; margin-bottom: 5px;}
.contact_con2 .integrity_box .text_top p{font-size: 14px; color: #808080;}
.contact_con2 .integrity_box .text_top h5{font-size: 24px; color: #f47115; font-family: MyFontName;}
.contact_con2 .integrity_box .info h3{font-size: 18px; color: #4c4c4c; margin: 30px 0 5px 0;}
.contact_con2 .integrity_box .info p{font-size: 14px; color: #808080;}
.contact_con2 .integrity_box .right{float: right; width: 400px; height: 545px; background: url(../images/contact2_right.jpg) no-repeat;}
.contact_con3{margin-bottom: 80px;}
.contact_con3 .info{margin-top: 40px; min-height: 800px; background: url(../images/contact3_bg.jpg) no-repeat top; padding-top: 210px;}
.contact_con3 .info .box{width: 1280px; height: 600px; margin-left: -40px; background: #fff; overflow: hidden; padding: 0 40px; padding-top: 70px;}
.contact_con3 .info .left{float: left; width: 785px;}
.contact_con3 .info .inp_list{overflow: hidden;}
.contact_con3 .info .inp_list .inp{float: left; width: 50%; height: 60px; border: 2px solid #ebebeb; padding-left: 16px; overflow: hidden; margin-bottom: 20px;}
.contact_con3 .info .inp_list .inp:nth-child(odd){border-right: none;}
.contact_con3 .info .inp_list label{float: left; height: 56px; line-height: 56px; font-size: 14px; color: #9b9894;}
.contact_con3 .info .inp_list input{float: left; width: 330px; height: 56px; font-size: 14px; color: #9b9894; border: none; padding-left: 5px;}
.contact_con3 .sel_list{font-size: 0;}
.contact_con3 .year_p{display: inline-block; width: 160px; height: 60px; position: relative;}
.contact_con3 .year_p p{font-size: 14px; color: #9b9894; line-height: 60px; height: 60px; cursor: pointer; padding-left: 20px; border: 2px solid #ebebeb; border-left: none; background: url(../images/icon.png) no-repeat; background-position: 130px center;}
.contact_con3 .year_p:nth-child(1){width: 72px;}
.contact_con3 .year_p:nth-child(1) p{border-left: 2px solid #ebebeb; padding-left: 17px;}
.contact_con3 .year_p ._ul{position: absolute; left: -2px; top: 60px; width: 162px; border: 2px solid #ebebeb; border-top: none; background: #fff; z-index: 5; display: none;max-height:200px;overflow-y:scroll;}
.contact_con3 .year_p ._ul.on{}
.contact_con3 .year_p ._ul li{height: 35px; line-height: 35px; font-size: 14px; color: #9b9894; padding-left: 20px; cursor: pointer; transition: all .4s; text-align: left;}
.contact_con3 .year_p ._ul li:first-chlid{}
.contact_con3 .year_p ._ul li:hover{color: #fff;background:#006ad4;}
.contact_con3 textarea{width: 100%; height: 200px; font-size: 14px; color: #9b9894; padding: 15px; border: 2px solid #ebebeb; margin-top: 17px;}
.contact_con3 .btn{margin-top: 30px;}
.contact_con3 .btn button{font-size: 16px; color: #fff; width: 120px; height: 50px; border-radius: 50px; background: #f47115; margin-right: 10px;}
.contact_con3 .btn .btn1{color: #777b80; background: #c0c7cf;}
.contact_con3 .info .right{float: right; width: 400px; height: 437px; background: url(../images/contact3_img.jpg) no-repeat top;}
/*加入我们*/
.join_con .top_info{padding: 40px 0;}
.join_con .top_info h3{font-size: 18px; color: #4c4c4c;}
.join_con .top_info p{font-size: 14px; color: #808080; line-height: 24px; margin-top: 10px;}
.join_con .top_info p em{color: #006ad4;}
.join_con .join_bottom{height: 570px; background: url(../images/join_bottombg.jpg) no-repeat center;}
.join_con .join_bottom .w1200{position: relative; height: 570px; padding-top: 308px;}
.join_con .join_bottom ul{position: absolute; bottom: 0; left: -360px; width: 1020px; height: 265px; background: #3d8bd9; padding-left: 360px; padding-top: 20px;}
.join_con .join_bottom ul li{float: left; width: 290px; margin-right: 40px; background-repeat: no-repeat; background-position: left center; padding: 30px 0; padding-left: 60px;}
.join_con .join_bottom ul .l1{background-image: url(../images/join_icon1.png); border-bottom: 1px solid #6ea8e3;}
.join_con .join_bottom ul .l2{background-image: url(../images/join_icon2.png); border-bottom: 1px solid #6ea8e3;}
.join_con .join_bottom ul .l3{background-image: url(../images/join_icon3.png);}
.join_con .join_bottom ul .l4{background-image: url(../images/join_icon4.png);}
.join_con .join_bottom ul h3{font-size: 18px; color: #fff;}
.join_con .join_bottom ul p{font-size: 13px; color: #fff; margin-top: 5px;}
.join_con2{margin-bottom: 80px;}
.join_con2 .info{height: 375px; border: 1px solid #cad5e0; overflow: hidden; margin-top: 35px;}
.join_con2 .left{float: left; width: 685px; margin-left: 60px; padding-top: 10px;}
.join_con2 .left .text{padding: 40px 0; border-bottom: 1px solid #cad5e0;}
.join_con2 .left .text p{font-size: 16px; color: #808080;}
.join_con2 .te_bottom .box{padding-left: 55px; margin-bottom: 30px; background-repeat: no-repeat; background-position: left center; background-image: url(../images/join2_icon1.png); margin-top: 40px;}
.join_con2 .te_bottom .box h3{font-size: 16px; color: #808080; margin-bottom: 5px; font-weight: normal;}
.join_con2 .te_bottom .box h6{font-size: 14px; color: #808080;}
.join_con2 .te_bottom .box h6 em{font-size: 26px; color: #f47115; font-family: MyFontName;}
.join_con2 .info a{display: block; width: 160px; height: 60px; border-radius: 50px; font-size: 14px; color: #fff; line-height: 60px; margin-top: 30px; transition: all .6s; background: #0059b3; text-align: center;}
.join_con2 .info a:hover{background: #f47115; }
.join_con2 .right{float: right; width: 413px; height: 372px; background: url(../images/join2_img.jpg) no-repeat;}
/*产品服务*/
.inner_bannerpro .text{width: 100%;}
.inner_bannerpro .text h3{text-align: center;}
.inner_bannerpro .text p{text-align: center;}
.pro_con .pro_banner{position: relative;}
.pro_con .pro_banner .tit{position: absolute; top: 0; right: 0; width: 365px; height: 100%; /*background: url(../images/pro3_bannerbg2.png) no-repeat;*/ z-index: 7;}
.pro_con .pro_banner .tit ul{position:absolute;top:50%;left:220px;margin-top:-260px;}
.pro_con .pro_banner .tit ul li{position: relative; cursor: pointer;}
.pro_con .pro_banner .tit ul .libox{position: relative; height: 123px; display: inline-block;}
.pro_con .pro_banner .tit ul .pro3_hd{display: none; border-radius: 50%; overflow: hidden; margin-top: 7px;}
.pro_con .pro_banner .tit ul .bor{position: absolute; top: 50%; left: 50%; margin-top: -64px; margin-left: -64px; width: 128px; height: 128px; background: url(../images/pro3_hdbor.png) no-repeat; opacity: 0; transform: rotate(180deg) scale(.2);}
.pro_con .pro_banner .tit ul li .libox:after{content: ""; display: block; position: absolute; width: 2px; height: 90px; background: #fff; left: 50%; bottom: 8px; margin-left: -1px;}
.pro_con .pro_banner .tit ul li:last-child .libox:after{display: none;}
.pro_con .pro_banner .tit ul p{position: absolute; width: 80px; left: -80px; top: 50%; margin-top: -12px; font-size: 16px; color: #fff; transition: all .6s;z-index:1;}
.pro_con .pro_banner .tit ul p:after{content: ""; display: block; position: absolute; top: 50%; right: -50px; width: 0; height: 2px; background: #fff; margin-top: -1px; opacity: 0;}
.pro_con .pro_banner .tit ul li.on .icon{display: none;}
.pro_con .pro_banner .tit ul li.on .libox{height: 230px; margin-left: -44px;}
/*.pro_con .pro_banner .tit ul li.on .pro3_hd{display: block; opacity: 1;}*/
.pro_con .pro_banner .tit ul li.on .bor{transition: all .5s; transform: rotate(0deg) scale(1); opacity: 1;}
.pro_con .pro_banner .tit ul li.on p{left: -115px;}
.pro_con .pro_banner .tit ul li.on p:after{width:55px;opacity: 1;transition:all .6s;}
.pro_con .pro_banner .tit ul li:hover p{left: -100px;}
.pro_con .pro_banner .tit ul li.on:hover p{left: -115px;}
.pro_con .map_box{height: 550px; background: url(../images/map_svgbg.jpg) no-repeat; margin-top: 30px; padding: 85px 0 0 60px;}
.pro_con .map_box .inner_tit{padding-top: 90px; background: url(../images/pro3_earth.png) no-repeat top left;}
.pro_con .map_box .inner_tit h3{color: #fff; text-align: left;}
.pro_con .map_box .inner_tit p{color: #fff; text-align: left;}
.pro_con .map_box{position: relative;}
.pro_con .map_box h6{font-size: 36px; color: #fff; margin-top: 170px; letter-spacing: 10px; font-weight: normal;}
.pro_con .pro_banner .tit ul .on_box{position: relative;}
.pro_con .pro_banner .box_list .box{height: 860px; background-position: center; background-size: cover; overflow: hidden;}
.pro_con .pro_banner .box_list .box:before{content:"";display:block;position:absolute;left:0;top:0;bottom:0;right:0;background:#7b5959;opacity:.2;}
.pro_con .pro_banner .box_list .box:nth-child(3) .text h3{color:#fff;}
.pro_con .pro_banner .box_list .box:nth-child(4) .text h3{color:#fff;}
.pro_con .pro_banner .box_list .box:nth-child(4) .text h4{opacity:.8;}
.pro_con .pro_banner .text{padding-top: 10%;}
.pro_con .pro_banner .text h3{font-size: 40px; color: #fff; }
.pro_con .pro_banner .text h4{font-size: 30px; color: #fff; opacity: .4; filter: alpha(opacity=40); font-family: MyFontName; margin-top: 30px;}
.pro_con .pro_banner .text p{font-size: 15px; color: #fff; line-height: 25px; margin-top: 30px;}
.pro_con .inner_tit h3{text-align: center;}
.pro_con .inner_tit p{text-align: center;}
.pro_con .inner_tit h5{font-size: 16px; color: #808080; text-align: center; letter-spacing: 10px; margin-top: 10px; font-weight: normal;}
.pro_con .integration_top{margin-top: 50px; padding-bottom: 80px; background: #dfedfa;}
.pro_con .integration_top .tit{font-size: 0;position:relative; background: #c8d4e0;height: 80px;}
.pro_con .integration_top .tit .bg{content:"";display:block;position:absolute;top:0;left:0;width:300px;height:80px;background-color: #006ad4;transition: all .6s;}
.pro_con .integration_top .tit li{display: inline-block; width: 300px; height: 80px; font-size: 16px; color: #586c7f; line-height: 80px; padding-left: 30px;overflow: hidden; cursor: pointer; transition: all .6s;position:relative;z-index:1;}
.pro_con .integration_top .tit li:after{content:"";display:block;position:absolute;top:50%;right:40px;width:10px;height:16px;background-repeat:no-repeat;margin-top:-8px;transition:all .6s;}
.pro_con .integration_top .tit li.on{color: #fff; /*background-color: #006ad4;*/ }
.pro_con .integration_top .tit li.on:after{right:30px;background-image: url(../images/ser_icon.png);}
.pro_con .integration_top .tit li:hover{color: #fff; }
.pro_con .integration_top .box_list{margin-top: 25px;}
.pro_con .integration_top .box_list ul{overflow: hidden; font-size: 0; margin-left: -30px;}
.pro_con .integration_top .box_list li{display: inline-block; width: 380px; height: 457px; margin-left: 30px; position: relative;}
.pro_con .integration_top .box_list ul img{margin: 0 auto; margin-top: 65px; width: 200px; height: 200px;transition:all .6s;}
.pro_con .integration_top .box_list .text{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/pro1_topbg.png) no-repeat; padding-top: 300px;}
.pro_con .integration_top .box_list ul h3{font-size: 18px; color: #006ad4; text-align: center;}
.pro_con .integration_top .box_list ul p{font-size: 14px; color: #808080; text-align: center; margin-top: 10px; line-height: 22px;padding:0 10px;}
.pro_con .integration_top .box_list li:hover img{transform:scale(1.1);}
.pro_con .case_box{}
.pro_con .case_box .list{font-size: 0; margin-left: -30px; overflow: hidden;}
.pro_con .case_box .list li{float: left; width: 380px; height: 440px; margin: 30px 0 0 30px; overflow: hidden;position:relative;}
.pro_con .case_box .list .txt{position:absolute;top:15px;left:15px;width:60px;height:35px;background:#e82323;font-size:16px;line-height:35px;text-align:center;z-index:1;color:#fff;}
.pro_con .case_box .list .tx2{background:#006ad4;}
.pro_con .case_box .list .img{width: 100%; height: 220px; overflow: hidden;}
.pro_con .case_box .list img{width: 100%; height: 100%; transition: all .6s;}
.pro_con .case_box .list .text{height: 220px; background: #e1edfa; padding: 25px 30px 0 30px;}
.pro_con .case_box .text h3{font-size: 22px; color: #4c4c4c; margin-bottom: 15px;}
.pro_con .case_box .text h3 em{font-size: 16px; line-height: 28px; font-weight: normal;}
.pro_con .case_box .text .ress{padding-left: 43px; min-height: 43px; background-repeat: no-repeat; background-position: left;}
.pro_con .case_box .ress p{font-size: 14px; color: #808080; line-height: 25px;}
.pro_con .case_box .ress i{font-weight: bold;}
.pro_con .case_box .ress em{font-size: 18px; color: #006ad4; font-family: MyFontName;}
.pro_con .case_box .text .ress1{background-image: url(../images/pro1_listicon1.png);}
.pro_con .case_box .text .ress2{background-image: url(../images/pro1_listicon2.png);}
.pro_con .case_box .text .ress2 p{line-height: 43px;}
.pro_con .case_box .list li:hover img{transform: scale(1.1);}
.pro_con .case_box .more{margin-top: 30px;}
.pro_con .sel_list{font-size: 0;}

.pro_con .year_p p{font-size: 15px; color: #9b9894; line-height: 50px; height: 50px; cursor: pointer; padding-left: 20px; background: #ebebeb url(../images/ser_icon2.png) no-repeat;     background-position: 92% center;}
.pro_con .year_p input{width: 100%; font-size: 15px; color: #9b9894; height: 50px; padding-left: 20px; background: #ebebeb;outline: none;
    border: none;}
.pro_con .year_p button{width: 70px; height: 50px; background: #006ad4 url(../images/search.png) no-repeat center; cursor: pointer; float: right;outline: none;position: absolute;right: 0;top: 0;
    border: none;}
.pro_con .year_p:nth-child(1){margin-left: 0;}

.pro_con .year_p ._ul{position: absolute; left: 0; top: 50px; width: 100%; border-top: none; background: #ebebeb; z-index: 5; display: none; max-height: 200px; overflow-y: scroll;}
.pro_con .year_p ._ul li{height: 35px; line-height: 35px; font-size: 15px; color: #9b9894; padding-left: 20px; cursor: pointer; transition: all .8s; text-align: left;}
.pro_con .year_p ._ul li:first-chlid{}
.pro_con .year_p ._ul li:hover{color: #fff; background: #006ad4;}
.pro_con2 .box_list{overflow:hidden;}
.pro_con2 .pro2_left,.pro_con2 .pro2_right{float:left;width:600px;height:456px;}
.pro_con2 .pro2_left{overflow:hidden;}
.pro_con2 .pro2_left img{width:100%;height:100%;}
.pro_con2 .pro2_right{background:#fff;padding:40px 40px;padding-top:30px;overflow-y:scroll;}
.pro_con2 .pro2_right ._ul{}
.pro_con2 .pro2_right ._ul ._li{padding:20px 0;border-bottom:1px solid #d5e3f0;}
.pro_con2 .pro2_right ._ul h3{font-size:18px;color:#006ad4;}
.pro_con2 .pro2_right ._ul p{font-size:14px;color:#808080;margin-top:10px;}
.pro_con4 .box_list{overflow:hidden;}
.pro_con4 .box_list .box{position:relative;}
.pro_con4 .pro3_left{width:100%;height:460px;}
.pro_con4 .pro3_right{position:absolute;bottom:0;right:0;width:450px;max-height:460px;background:#fff;padding:0 30px;overflow-y:scroll;}
.pro_con4 .pro3_right ._ul ._li{padding:20px 0;border-bottom:1px solid #d5e3f0;}
.pro_con4 .pro3_right ._ul h3{font-size:18px;color:#006ad4;}
.pro_con4 .pro3_right ._ul p{font-size:14px;color:#808080;margin-top:10px;}

.applets{position: fixed; right: 10px; bottom: 150px; width: 140px; height: 190px; background: #ebebeb; border-radius: 10px;display:none;z-index:20;}
.applets img{margin: 0 auto; margin-top: 20px; width: 120px; border-radius: 50%;}
.applets p{font-size: 14px; color: #808080; text-align: center; margin-top: 10px;}
.pro_detacon .w1200{position: relative;}

.pro_detacon .con_top .f_more{position:absolute;top:-40px;right:0;font-size:16px;color:#fff;padding-left:16px;background-image:url(../images/ser_icon3.png);background-repeat:no-repeat;background-position: left 5px;transition:all .6s;}
.pro_detacon .con_top .f_more:hover{color:#006ad4;background-image:url(../images/ser_icon3on.png);}
.pro_detacon .con_top .info_top{ overflow: hidden;margin-top:1.22rem;}
.info_top .left img{width: 100%;}
.pro_detacon .con_top .info_top .left{}
.pro_detacon .con_top .info_top .right{padding: 0 15px;}
.pro_detacon .con_top .info_top h3{font-size:18px; color: #4d4d4d; padding-bottom: 20px; border-bottom: 2px solid #d9d9d9; line-height: 28px;}
.pro_detacon .con_top .info_top h3 em{font-size: 16px; font-weight: normal;font-style:normal}
.pro_detacon .con_top .info_top .text{margin-top: 20px;}
.pro_detacon .con_top .info_top .text>h5{font-size: 14px; color: #808080;}
.pro_detacon .con_top .info_top .text>h5 em{font-size: 21px; color: #f47115; font-family: MyFontName;}
.pro_detacon .con_top .info_top .text>h5 span{color: #b2b2b2;}
.pro_detacon .con_top .info_top .text>p{font-size: 14px; color: #c9c9c9;}
.pro_detacon .con_top .ul_label{overflow: hidden; margin-bottom: 20px;}
.pro_detacon .con_top .ul_label li{float: left; font-size: 14px; color: #a6a6a6; padding: 8px 15px; background: #e6ecf2; margin: 10px 10px 0 0;}
.pro_detacon .con_top .ress{padding-left: 43px;  background-repeat: no-repeat; background-position: left; margin-top:20px;}
.pro_detacon .con_top .ress p{font-size: 14px; color: #808080; }
.pro_detacon .con_top .ress i{font-weight: bold;}
.pro_detacon .con_top .ress em{font-size: 18px; color: #f47115; font-family: MyFontName;}
.pro_detacon .con_top .ress1{background-image: url(../images/pro_dataicon3.png);background-size: 28px;}
.pro_detacon .con_top .ress1 p{   font-weight: bold;}
.pro_detacon .con_top .ress2{background-image: url(../images/pro_dataicon2.png);}
.pro_detacon .con_top .btn{background: #006ad4; border-radius: 10px; font-size: 16px; color: #fff; text-align: center; line-height: 46px; margin-top: 30px; cursor: pointer; transition: all .6s;}
.pro_detacon .con_top .btn:hover{background: #1c6cbd;}
.pro_detacon .info_bottom{height: auto; margin-top: 20px; /*padding: 40px 0 60px 0;*/ overflow: hidden;background-position:top right;background-size:438px 100%;background-repeat:no-repeat;padding: 0 15px;box-sizing: border-box;}
.text em{
    color: #808080;
    font-weight: bold;
}
.dnm{
   background: #e6ecf2;margin: 25px -15px;box-sizing: border-box;padding: 25px 0;
}

.pro_detacon .info_bottom .left{ /*border-right: 1px solid #e0e0e0;*/}
.pro_detacon .info_bottom .right{margin: 0 15px;}
.pro_detacon .info_bottom .text h3{font-size: 17px; color: #006ad4;}
.pro_detacon .info_bottom .text p{font-size: 14px; color: #808080; margin-top: 10px; line-height: 25px;}
.pro_detacon .con_center{padding: 50px 0 80px 0; background: #e6ecf2;}
.pro_detacon .con_center .tit{overflow: hidden;}
.pro_detacon ._h3{font-size: 17px; color: #333;font-weight: bold;}
.pro_detacon .con_center .tit ._h3{float: left;}
.pro_detacon .con_center .tit ._ul{float: right;}
.pro_detacon .con_center ._ul{font-size: 0; text-align: right;}
.pro_detacon .con_center ._ul li{display: inline-block; margin-left: 40px; font-size: 16px; color: #808080; transition: all .6s; position: relative; cursor: pointer;}
.pro_detacon .con_center ._ul li.on{color: #4c4c4c;}
.pro_detacon .con_center ._ul li.on:after{content: ""; display: block; position: absolute; top: 50%; left: -25px; margin-top: -1.5px; width: 20px; height: 3px; background: #006ad4;}
.pro_detacon .con_center ._ul li:hover{color: #4c4c4c;}
.pro_detacon .img_list{margin-top: 30px;}
.pro_detacon .img_box{position: relative;}
.pro_detacon .img_box .bd{overflow: hidden;}
.pro_detacon .img_box .bd li{width: 380px; /*height: 292px;*/ float: left; margin-right: 30px;overflow:hidden;}
.pro_detacon .img_box .bd .img{width:100%;height:220px;overflow:hidden;}
.pro_detacon .img_box .bd li img{width: 100%; height: 100%;transition:all .6s;}
.pro_detacon .img_box .bd li:hover img{transform:scale(1.1);}
.pro_detacon .img_box .bd .text{width:100%;height:72px;background:#fff;line-height:72px;display:table;}
.pro_detacon .img_box .bd .text>p{display:table-cell;vertical-align:middle;font-size:16px;line-height:22px;text-align:center;}
.pro_detacon .btn_list .btn{position: absolute; top: 50%; margin-top: -27px; cursor: pointer;}
.pro_detacon .btn_list .b_prev{left: -65px; width: 54px; height: 54px; transition: all .7s; background: url(../images/prev.png) no-repeat center; opacity: .7; filter: alpha(opacity=70);}
.pro_detacon .btn_list .b_prev:hover{opacity: 1; filter: alpha(opacity=100);}
.pro_detacon .btn_list .b_next{right: -65px; width: 54px; height: 54px; transition: all .7s; background: url(../images/next.png) no-repeat center; opacity: .7; filter: alpha(opacity=70);}
.pro_detacon .btn_list .b_next:hover{opacity: 1; filter: alpha(opacity=100);}
.pro_detacon .con_bottom{padding: 60px 15px 80px 15px;box-sizing: border-box;}
.map_del #map{width:100%; height: 100%; box-sizing: border-box; border: 2px solid #ced3d9;}
.map_del .map_around{top: 0; right: 0; z-index: 5; width:100%; background: #e6ecf2; padding: 30px 15px 0 15px;box-sizing: border-box;}
.map_del .map_around .btn ul{
    display: flex;
    justify-content: space-between;
}
.map_del .map_around .btn{ box-sizing: border-box; font-size: 0px; padding-bottom: 40px;}
.map_del .map_around .btn ul li{display: inline-block; vertical-align: top; width: 48px; height: 48px; margin-left: 15px; box-sizing: border-box; padding-top: 50px; background-repeat: no-repeat; background-position: center top; text-align: center; font-size: 14px; color: rgb(153, 153, 153); cursor: pointer; transition: all 400ms;}
.map_del .map_around .btn ul li:first-child{margin-left: 0;}
.map_del .map_around .btn ul li.li1{background-image: url(../images/map_icon1.png);}
.map_del .map_around .btn ul li.li2{background-image: url(../images/map_icon2.png);}
.map_del .map_around .btn ul li.li3{background-image: url(../images/map_icon3.png);}
.map_del .map_around .btn ul li.li4{background-image: url(../images/map_icon4.png);}
.map_del .map_around .btn ul li.li5{background-image: url(../images/map_icon5.png);}
.map_del .map_around .btn ul li.crt{}
.map_del .map_around .btn ul li.li1.crt{background-image: url(../images/map_icon1on.png);}
.map_del .map_around .btn ul li.li2.crt{background-image: url(../images/map_icon2on.png);}
.map_del .map_around .btn ul li.li3.crt{background-image: url(../images/map_icon3on.png);}
.map_del .map_around .btn ul li.li4.crt{background-image: url(../images/map_icon4on.png);}
.map_del .map_around .btn ul li.li5.crt{background-image: url(../images/map_icon5on.png);}
 #r-result{height: 220px; overflow-x: hidden; overflow-y: auto; margin-top: 30px;}
#r-result ul{font-size: 0px;}
 #r-result li{display: block; margin-bottom: 20px; cursor: pointer;}
/*.map_del .map_around #r-result li .num{position: absolute; left: 0; width: 30px; line-height: 30px; color: #fff; height: 35px; text-align: center; top: 20px;font-size: 20px;}*/
 #r-result li .grp{display: block;}
#r-result li .grp h6{font-size: 16px; color: #4c4c4c; line-height: 1em; font-weight: normal;}
#r-result li .grp p{font-size: 14px; color: #808080; margin-top: 4px;}

.map_del .map_around #r-result .parents{/*display:none;*/}
.map_del .map_around #r-result .parents ._ul{display:none;}
.map_del .map_around #r-result .parents ._ul.on{display:block;}
.map_del .map_around #r-result ._li{display: block; margin-bottom: 30px; cursor: pointer;}
.map_del .map_around #r-result ._li .text{display: block;}
.map_del .map_around #r-result ._li .text h6{font-size: 16px; color: #4c4c4c; line-height: 1em; font-weight: normal;}
#r-result .parents ._ul p{font-size: 14px; color: #808080; margin-top: 4px;}

.map_cn{position: absolute; top: 60px; width: 100%; height: 443px;}
.china-data span{position: absolute; font-size: 12px; color: #333333; line-height: 13px;cursor:pointer;}
/*.china-data span:after{content: ""; display: block; position: absolute; width: 11px; height: 14px; right: -15px; top: 50%; margin-top: -7px; background: url(../fonts/map_svgicon.png) no-repeat;}*/
@keyframes circle_y3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(2);
    }
    100% {
        transform: scale(1);
    }
}
.circle_y3 {
    -webkit-animation-name: circle_y3;
    animation-name: circle_y3;
}
.china-data span:before{content: ""; display: block; position: absolute; width: 4px; height: 4px; right: -12px; top: 50%; margin-top: -3.5px; /*background: url(../images/map_svgicon.png) no-repeat;*/background:#f47115;border-radius:50%;}
.china-data span:after{content: ""; display: block; position: absolute; width:8px; height: 8px; right: -14px; top: 50%; margin-top: -5.5px;background:#f47115;border-radius:50%;opacity:.3;filter:alpha(opacity=30);animation: circle_y3 5s infinite;}
.china-data span:nth-child(odd):after{animation: circle_y3 3s infinite;}

.map_cn .map_svg2{position: absolute; bottom: 0; right: -37px; width: 57px; height: 78px; background: url(../fonts/map_svg2.png) no-repeat;}
/*预约看房弹窗*/
.house{position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 1000; display: none;}
.house_bg{position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #333; opacity: 0.7;}
.house .info{      width: calc(100% - 30px);
    height: 400px;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -200px;
    /* margin-left: -200px; */
    box-sizing: border-box;
    padding-top: 40px;}
.house .info h3{color: #535353; font-size: 24px; text-align: center; font-weight: normal;}
.house .info p{font-size: 14px; color: #535353; margin-top: 20px;line-height: 24px;}
.house .info input{width: 100%; height: 48px; border: 1px solid #e5e4e2; background: #f5f3ee; font-size: 14px; color: #535353; box-sizing: border-box; padding-left: 20px; margin-top: 20px;}
.house .info input:focus{outline: none; border: 1px solid #d1ad6f;}
.house .info button{width: 100%; height: 48px; color: #fff; font-size: 16px; border-radius: 5px; background: #006ad4; margin-top: 20px;border: none;}
.search_con{min-height:560px;padding-bottom:80px;}
.search_con ._ul{overflow:hidden;margin:70px 0 0 -100px;    border: none;}
.search_con a{float:left;width:560px;padding:15px 0 15px 30px;font-size:16px;color:#4c4c4c;transition:all .3s;border-bottom:1px dotted #4c4c4c;margin-left:80px;position:relative;}
.search_con a:before{content:"";display:block;position:absolute;top:50%;left:10px;margin-top:-2.5px;width:5px;height:5px;background:#4c4c4c;border-radius:50%;transition:all .3s;}
.search_con a:hover{color:#0059b3;}
.search_con a:hover:before{background:#0059b3;}
#water{position: absolute; width: 400px; top: 0; right: 0; margin: 0; height: 100%; z-index: 4; transform: none; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; opacity: 0.3; transform: rotateY(180deg); pointer-events: none;}





.map_del{position: relative; z-index: 6; width: 100%;  margin-top: 15px;}
.map_del #map{width: 100%; height: 350px; box-sizing: border-box; border: 2px solid #ced3d9;}

.map_del .map_around .btn{ box-sizing: border-box;font-size: 0px; padding-bottom: 40px;}
.map_del .map_around .btn ul li{display: inline-block; vertical-align: top; width: 48px; height: 48px; margin-left: 15px; box-sizing: border-box; padding-top: 50px; background-repeat: no-repeat; background-position: center top; text-align: center; font-size: 14px; color: rgb(153, 153, 153); cursor: pointer; transition: all 400ms;}
.map_del .map_around .btn ul li:first-child{margin-left: 0;}
.map_del .map_around .btn ul li.li1{background-image: url(../images/map_icon1.png);}
.map_del .map_around .btn ul li.li2{background-image: url(../images/map_icon2.png);}
.map_del .map_around .btn ul li.li3{background-image: url(../images/map_icon3.png);}
.map_del .map_around .btn ul li.li4{background-image: url(../images/map_icon4.png);}
.map_del .map_around .btn ul li.li5{background-image: url(../images/map_icon5.png);}
.map_del .map_around .btn ul li.crt{}
.map_del .map_around .btn ul li.li1.crt{background-image: url(../images/map_icon1on.png);}
.map_del .map_around .btn ul li.li2.crt{background-image: url(../images/map_icon2on.png);}
.map_del .map_around .btn ul li.li3.crt{background-image: url(../images/map_icon3on.png);}
.map_del .map_around .btn ul li.li4.crt{background-image: url(../images/map_icon4on.png);}
.map_del .map_around .btn ul li.li5.crt{background-image: url(../images/map_icon5on.png);}
 #r-result{height: 220px; overflow-x: hidden; overflow-y: auto; margin-top: 30px;}
 #r-result ul{    padding: 0 15px;
    font-size: 0px;
    box-sizing: border-box;
}
 #r-result li{display: block; margin-bottom: 30px; cursor: pointer;}
/*.map_del .map_around #r-result li .num{position: absolute; left: 0; width: 30px; line-height: 30px; color: #fff; height: 35px; text-align: center; top: 20px;font-size: 20px;}*/
#r-result li .grp{display: block;}
 #r-result li .grp h6{font-size: 16px; color: #4c4c4c; line-height: 1em; font-weight: normal;}
#r-result li .grp p{font-size: 14px; color: #808080; margin-top: 4px;}

.map_del .map_around #r-result .parents{/*display:none;*/}
#r-result .parents ._ul{display:none;}
 #r-result .parents ._ul.on{display:block;padding: 0 15px;}
 #r-result ._li{display: block; margin-bottom: 30px; cursor: pointer;}
 #r-result ._li .text{display: block;}
 #r-result ._li .text h6{font-size: 16px; color: #4c4c4c; line-height: 1em; font-weight: normal;}
#r-result .parents ._ul p{font-size: 14px; color: #808080; margin-top: 4px;}