/* - css初始化 -*/@charset "utf-8";body, button,dd, div, dl, dt, footer, form, h1, h2, h3, h4, h5, h6, header, input, li, menu, nav, ol, p, section, td, textarea, th, ul{margin: 0;padding: 0;}
body,html{width: 100%;font-family: "Hiragino Sans GB", "Helvetica Neue", Helvetica, STHeiTi, "Microsoft Yahei", sans-serif;color: #9b9b9b;background-color: #fff;}
img{border:0;vertical-align: middle}
a, body, html{-webkit-touch-callout: none}
:focus, a, a:focus, button, input{outline: 0}
.clear, .clearfix:after{clear: both}
.clearfix, .zoom{zoom: 1}
.clear, .clearfix:after{overflow: hidden}
.clearfix:before, .clearfix:after{content: " ";display: table;clear: both}
h1, h2, h3, h4, h5, h6{font-weight: normal}
em, i{font-style: normal}
li, ol, ul{list-style: none}
a{font-size: 30px;color: #9b9b9b;-webkit-tap-highlight-color: transparent;text-decoration: none;}
a, a:hover{text-decoration: none;font-size: 30px;}
.content{width: 1100px;margin: 0 auto;}
::-webkit-scrollbar-track-piece{background: transparent;}
::-webkit-scrollbar{width: 0;}
::-webkit-scrollbar-thumb{background: #E0E0E0;border-radius: 0;height: 0;}
.fl {float: left;}
.fr {float: right;}
/* - home -*/
.home{background: url(../images/home_bg.png) no-repeat top center;background-size: 100% auto;}
.header{padding: 42px 0;}
.header_logo{display: block;float: left;width: 152px;height: 38px;}
.header_logo img{width: 100%;}
.header ul{font-size: 0;float: right;}
.header ul li{display: inline-block;padding-left: 70px;}
.header ul .header_about{position: relative;padding-left: 0;}
/* .header_about::after{content: '';display: inline-block;width: 10px;height: 6px;background: url(../images/icon_down_sprite.png) no-repeat 0 0;vertical-align: middle;margin-left: 8px;margin-top: -10px;} */
.header_about div{position: absolute;width:120px;background:rgba(255,255,255,1);-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);left: 50%;top:38px;margin-left: -60px;padding: 5px 0;display: none;}
.header ul .header_about div a{display: block;font-size:16px;font-weight:400;color:rgba(102,102,102,1);line-height:24px;text-align: center;padding: 8px 0;}
.header ul .header_about div a:hover,.header ul .header_about div a.active{color:rgba(43,108,255,1);}
.header ul li a{display: block;font-size:16px;font-weight:400;color:rgba(255,255,255,1);line-height: 38px;border-bottom: 2px solid rgba(0,0,0,0);-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.header ul .header_about>a{display: inline-block;}
.header ul li:not(.header_about):hover>a{border-bottom: 2px solid #fff;}
.home_content img{width: 505px;margin-left: -30px;}
.home_des{float: right;width: 560px;}
.home_des p{text-indent: -9999px;margin-top: 176px;width: 490px;height: 230px;background: url(../images/home_solgan.png) no-repeat;background-size: 100% auto;}
.home_des a{display: block;margin-top: 62px;width:280px;height:72px;line-height: 72px;background:rgba(255,255,255,1);-webkit-box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 6px 10px 0px rgba(0, 0, 0, 0.1);border-radius:36px;text-align: center;font-size:28px;font-weight:400;color:rgba(74,51,250,1);margin-left: 90px;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.home_des a::before{content: '';display: inline-block;width: 36px;height: 33px;background: url(../images/icon_download.png) no-repeat;background-size: 100% auto;vertical-align: middle;margin-right: 10px;}
.home_des a:hover{color:rgba(43,108,255,1);}
.home_des a:hover::before{background-image: url(../images/icon_download_hov.png);}
.footer{padding: 10px 0 36px 0;}
.footer p{text-align: center;font-size:14px;font-weight:400;color:rgba(153,153,153,1);line-height:24px;}
.footer p a{font-size:14px;font-weight:400;color:rgba(153,153,153,1);line-height:24px;}
/* -- dev --*/
.header_bg {
    /* -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); */
    background: url(../images/topbar_bg.png) no-repeat;
    background-size: 100% auto;
    padding: 40px 0;

}
/* .header_bg ul li a{color:rgba(102,102,102,1);} */
/* .header_bg .header_about::after{background-position: 0 -13px;} */
/* .header_bg ul li.active>a{border-color: #2B6CFF;color: #2B6CFF;} */
/* .header_bg ul li.active::after{background-position: 0 -26px} */
/* .header_bg ul li:hover>a{color: #2B6CFF;} */
.dev h6{width: 400px;height: 83px;background: url(../images/dev/tit_history.png) no-repeat;background-size: 100% auto;margin: 80px auto 0;text-indent: -9999px;}
.dev_list{position: relative;padding-bottom: 80px;}
.dev_list li{margin: 60px auto 0;width: 410px;}
.dev_list li:nth-child(odd){padding-right: 410px;}
.dev_list li:nth-child(even){padding-left: 410px;}
.dev_time{font-size:34px;font-weight:400;color:rgba(153,153,153,1);position: relative;}
.dev_time::after{position: absolute;top: 50%;content: '';width:244px;height: 1px;background-image: -webkit-gradient(linear, left top, right top, from(rgba(226,226,226,1)), color-stop(50%, rgba(226,226,226,1)), color-stop(50%, transparent));background-image: -moz-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 50%, transparent 50%);background-image: -o-linear-gradient(left, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 50%, transparent 50%);background-image: linear-gradient(to right, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 50%, transparent 50%);background-size: 10px 1px;background-repeat: repeat-x;}
.dev_list li:nth-child(odd) .dev_time::after{right: 0;}
.dev_time::before{position: absolute;content: '';top: 50%;margin-top: -5px;width: 12px;height: 10px;background: no-repeat;background-size: 100% auto;}
.dev_list li:nth-child(odd) .dev_time::before{background:url(../images/icon_dev_sprite.png) no-repeat 0 0;right:244px;}
.dev_list li:nth-child(even) .dev_time{text-align: right;}
.dev_list li:nth-child(even) .dev_time::after{left: 0;}
.dev_list li:nth-child(even) .dev_time::before{background:url(../images/icon_dev_sprite.png) no-repeat -19px 0;left:244px;}
.dev_list li:nth-child(odd) .dev_des{margin-left: 168px;}
.dev_list li:nth-child(even) .dev_des{margin-left: 50px;}
.dev_des{width: 220px;font-size:16px;font-weight:400;color:rgba(102,102,102,1);line-height:28px;margin-top: 15px;}
.dev_list:before{content: '';position: absolute;left: 50%;top: 20px;width:1px;height: -webkit-calc(100% - 30px);height: -moz-calc(100% - 30px);height: calc(100% - 30px);background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(226,226,226,1)), color-stop(50%, rgba(226,226,226,1)), color-stop(50%, transparent));background-image: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 50%, transparent 50%);background-image: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 50%, transparent 50%);background-image: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(226,226,226,1) 50%, transparent 50%);background-size: 1px 10px;background-repeat: repeat-y;z-index: 10;}
.dev_list:after{content: '';position: absolute;left: 50%;bottom: -15px;width: 31px;height: 30px;margin-left: -15px;background:url(../images/icon_dev_sprite.png) no-repeat 0 -118px;z-index: 20;}
.dev_fot{margin-top: 90px;}
.dev .dev-list {margin: 70px 0;width:100%;text-align: center;}
.dev .time span {width:100%;position: absolute;display: block;width: 30px;height: 1px;background: #FFFFFF;top: 85px;text-align: center;top: 83px;left: 50%;transform: translateX(-50%);}
.dev .name {font-size: 16px;}
.dev .time .mouth{width:100%;position: absolute;width:100%;top: 92px;text-align: center;font-size: 24px;color: #fff;}
.my-button-disabled {opacity: 0;cursor: default;}
.swiper-button-prev,.swiper-button-gray{color: #9C9C9C;}
.swiper-button-next,.swiper-button-gray{color: #9C9C9C;}

.value {margin-top: 38px;}
.value h6{width: 400px;height: 83px;background: url(../images/dev/tit_history.png) no-repeat;background-size: 100% auto;margin: 80px auto 0;text-indent: -9999px;}
.value {background-image: url(../images/part03_bg@2x.png);background-repeat: no-repeat;background-size: cover;}
.value img{width: 100%;margin-top: 124px;}
.value h6{background-image: url(../images/dev/tit_value@2x.png);}
.dev .time .year{position: absolute;width:100%;font-size: 32px;font-weight: bold;color: #FFFFFF;top: 42px;text-align:center;}
.dev .time {width: 156px;height: 173px;position: relative;margin: 0 auto;}
.dev .time1 {background: url(../images/date_green@2x.png)no-repeat;background-size: 100% 100%;}
.dev .time2 {background: url(../images/date_blue@2x.png)no-repeat;background-size: 100% 100%;}
.dev .time3 {background: url(../images/date_purple@2x.png)no-repeat;background-size: 100% 100%;}
.dev .time4 {background: url(../images/date_yellow@2x.png)no-repeat;background-size: 100% 100%;}
.goTop{position: fixed;bottom: 90px;right: 100px;width: 42px;height: 42px;background: url(../images/icon_top.png) no-repeat;background-size: 100% auto;text-indent: -9999px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;display: none;}
.goTop:hover{background-image: url(../images/icon_top_hov.png);}
/* -- team --*/
.team h6{background-image: url(../images/dev/tit_team.png);}
.team ul li{width: 25%;float: left;}
.team ul li img{display: block;width: 230px;border-radius: 50%;margin: 40px auto 20px;}
.team ul li p{text-align: center;}
.team ul li .name{font-size:20px;font-weight:bold;color:rgba(0,0,0,1);line-height:20px;}
.team ul li .english{position: relative;font-size:14px;font-weight:400;color:rgba(153,153,153,1);line-height:20px;padding: 8px 0 12px;}
.team ul li .english::after{position: absolute;content: '';bottom: 0;left: 50%;width: 140px;height: 1px;background:rgba(239,239,239,1);margin-left: -70px;}
.team ul li .job{margin-top: 14px;font-size:18px;font-family:Microsoft YaHei;font-weight:400;color:rgba(153,153,153,1);line-height:18px;}
.team .team_special li:first-of-type{margin-left: 12.5%;}
/* -- dynamic --*/
.dynamic h6{background-image: url(../images/dev/tit_news.png);}
.dynamic ul{margin-top: 50px;}
.dynamic ul li{margin-top: 40px;width: 48%;height: 195px;margin-right: 15px;display: inline-block;}
.dynamic ul li .new-detail{position: relative;display: block;padding: 30px 30px 25px 110px;background:rgba(255,255,255,1);-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);border-radius:6px;font-size: 0;}
/* .dynamic ul li .new-detail .dyn_date{position: absolute;left: 30px;top: 50%;-webkit-transform: translateY(-46%);-moz-transform: translateY(-46%);-ms-transform: translateY(-46%);transform: translateY(-46%);font-weight:400;font-style:italic;}
.dynamic ul li .new-detail .dyn_date .dyn_day{display: inline-block;font-size:28px;color:rgba(211,211,211,1);vertical-align: middle;margin: -30px 0 0 0;}
.dynamic ul li .new-detail .dyn_date .dyn_month{display: inline-block;vertical-align: middle;font-size:18px;color:rgba(229,229,229,1);margin: 30px 0 0 -20px;}
.dynamic ul li .new-detail .dyn_date i{position:relative;display: inline-block;width:28px;height:28px;}
.dynamic ul li .new-detail .dyn_date i::before{content:"";position:absolute;left:-15px;top:23px;width:100%;height:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #EFEFEF;-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;transform-origin:bottom center;-webkit-transform:rotateZ(130deg) scale(1.414);-moz-transform:rotateZ(130deg) scale(1.414);-ms-transform:rotate(130deg) scale(1.414);transform:rotateZ(130deg) scale(1.414);} */
.dynamic ul li .new-detail .dyn_date{width:44px;height:44px;position: absolute;top: 30px;left: 30px;background: #F8F8F8;border-radius: 6px;}
.dynamic ul li .new-detail .dyn_date .dyn_day{font-size: 16px;color:#343434;position: absolute;    left: 6px;top: 4px;}
.dynamic ul li .new-detail .dyn_date i{position: absolute;top: 24px;left: 9px;display: inline-block;width: 25px;height: 1px;background: #9A9A9A;transform: rotate(130deg);}
.dynamic ul li .new-detail .dyn_date .dyn_month{    position: absolute;top: 24px;left: 24px;font-size: 12px;color:#9A9A9A;}
.dynamic ul li .new-detail div{display: block;max-width: 100%;}
.dynamic ul li .new-detail div .dyn_tit{font-size:22px;font-weight:400;color:rgba(51,51,51,1);line-height:28px;overflow: hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space: nowrap;padding-bottom: 14px;position: relative;}
.dynamic ul li .new-detail div .dyn_tit:after{position: absolute;content:'';bottom: 0px;left: 0;width: 40px;height: 2px;background: #444444;border-radius: 1px;}
.dynamic ul li .new-detail div .dyn_con{margin-top:14px;font-size:16px;font-weight:400;color:rgba(153,153,153,1);line-height:20px; width: 98%;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dynamic ul li .new-detail div .more {display:block;width: 72px;height: 28px;background-image: url(../images/btn_more@2x.png);margin-top: 21px;background-repeat: no-repeat;background-size: cover;border: 1px solid #fff;}
/* .dynamic li a::after{content: '';position: absolute;top: 50%;margin-top: -15px;right: 30px;width: 36px;height: 36px;background: url(../images/img_sprite.png) no-repeat 0 0;} */
/* .dynamic li:hover a::after{background-position: -50px 0;} */
.dynamic li .new-detail:hover {border: 1px solid #2C6CFF;}
/* -- 分页 -- */
.pages{width: 1100px;margin: 0 auto;padding-top: 50px;text-align: center;}
.pages .pagination li{display: inline-block;width:40px;height:40px;line-height: 40px;background:rgba(243,243,243,1);border-radius:6px;-webkit-box-shadow: none;box-shadow: none;margin: 0 5px;}
.pages .pagination li span{display: block;font-size: 16px;color:rgba(255,255,255,1)}
.pages .pagination li a{display: block;font-size:16px;font-weight:400;color:rgba(167,174,188,1);}
.pages .pagination li .prev,.pages .pagination li .next{font-weight: normal;}
.pages .pagination li.active,.pages .pagination li:hover{color:rgba(255,255,255,1);background:rgba(43,108,255,1);}
.pages .pagination li:hover a{color: #fff;}
.crumbs{margin: 80px 0 30px;}
.crumbs,.crumbs a{font-size:14px;font-weight:400;color:rgba(153,153,153,1);}
.crumbs a{color: #2B6CFF;}
.detail .con{-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.06);border-radius:6px;padding: 50px 30px 55px;}
.detail .con h1,.detail .con span{text-align: center;}
.detail .con h1{font-size:28px;font-weight:400;color:rgba(51,51,51,1);}
.detail .con span{display: block;font-size:16px;font-weight:400;color:rgba(153,153,153,1);padding: 10px 0 10px;}
.detail .con p{    font-size: 18px !important;
    font-weight: 400;
    color: rgba(102,102,102,1);
    line-height: 35px;
    text-indent: 36px;
    margin-bottom: 20px;}
.detail .con img{display: block;margin: 0 auto;width: 100%}
.product h6{background-image: url(../images/dev/tit_products.png);}
/* -- product --*/
.pro_item{padding-top: 60px;}
.pro_item>img{width: 480px;}
.item_txt{width: 470px;padding-top: 70px;}
.item_txt2{padding-top: 120px;}
.item_txt>p{font-size:18px;font-weight:400;color:rgba(102,102,102,1);line-height:28px;}
.item_code{font-size: 0;margin-top: 30px;}
.code_item{display: inline-block;}
.item_code span{display: block;width:134px;height:134px;background:rgba(255,255,255,1);border:1px solid rgba(239, 239, 239, 1);border-radius:6px;}
.item_code img{display: block;width: 116px;margin: 9px auto;}
.item_code p{text-align: center;font-size:14px;font-weight:400;color:rgba(153,153,153,1);line-height:28px;}
.code_item2{margin-left: 32px;}
/* -- join --*/
.join h6{background-image: url(../images/dev/tit_join.png);}
.join_tit{font-size: 0;text-align: center;margin: 40px 0;}
.join_tit a{display: inline-block;width:110px;height:34px;line-height: 34px;border-radius:17px;font-size:14px;font-weight:400;color:rgba(102,102,102,1);background:rgba(0,0,0,0);}
.join_tit a.active{background:rgba(43,108,255,1);color: #fff;}
.join_tit a:not(.active):hover{color: rgba(43,108,255,1);}
.join_li li{font-size: 0;padding: 0 30px;}
.join_list_tit li{background:rgba(246,248,250,1);}
.join_li li span{display: inline-block;font-weight:400;height:52px;line-height: 52px;}
.join_list_tit li span{font-size:16px;color:rgba(51,51,51,1);}
.join_li li span:first-of-type{width: 50%;}
.join_li li span:nth-child(2){width: 17%;}
.join_li li span:nth-child(3){width: 16%;}
.join_li li span:nth-child(4){width: 17%;}
.join_list li{border-bottom: 1px solid #EFEFEF;cursor: pointer;}
.join_list li span{font-size:14px;color:rgba(102,102,102,1);position: relative;}
.join_list li span:nth-child(4)::after{content: '';position: absolute;top: 50%;right: 0;width: 10px;height: 6px;background: url(../images/icon_down_sprite.png) 0 -13px;margin-top: -3px;}
/* .join_list li.active*/
.join_con{padding-bottom: 8px;display: none;}
.join_con p{font-size:14px;font-weight:400;color:rgba(102,102,102,1);line-height:18px;padding-bottom: 15px;}
.join_con span{display: inline !important;}
/* -- map --*/
.map_box{height:600px;background:rgba(255,255,255,1);-webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);border-radius:10px;margin-top: 50px;overflow: hidden;}
.map_box .icon{background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat;}
.map_box .icon-cir{height: 31px;width: 28px;}
.map_box .icon-cir-red{background-position: -11px -5px;}
.amap-container{height: 100%;}
.amap-logo,.amap-copyright{display: none!important;}
.map_txt{padding: 80px 0 0 755px;}
.map_txt h5{font-size:24px;font-weight:400;color:rgba(51,51,51,1);padding-bottom: 10px;}
.map_txt p{font-size:16px;font-weight:400;color:rgba(102,102,102,1);line-height:26px;margin-top: 30px;}
.map_txt p::before{content: '';display: inline-block;vertical-align: top;margin-right: 6px;width: 26px;height: 26px;background: url(../images/contact_sprite.png) no-repeat;}
.map_txt .map_adr::before{background-position: 0 0;}
.map_txt .map_phone::before{background-position: 0 -32px;}
.map_txt .map_mail::before{background-position: 0 -64px;}
.cantact h6{background-image: url(../images/dev/tit_contact.png);}
.cantact h6{background-image: url(../images/dev/tit_contact.png);}
.join_img{font-size: 0;margin-top: 50px;}
.join_img img{width: 220px;height: 220px;display: inline-block;}
.join_img img:nth-child(2),.join_img img:nth-child(7){width: 440px;}

@media (max-width: 999px){.box{zoom: .5;}}
@media (min-width: 1000px) and (max-width:1215px){.box{zoom: .6;}}
@media (min-width: 1215px) and (max-width:1319px){.box{zoom: .7;}}
@media (min-width: 1320px) and (max-width:1449px){.box{zoom: .75;}}
@media (min-width: 1450px) and (max-width:1530px){.box{zoom: .8;}}
@media (min-width: 1530px) and (max-width:1599px){.box{zoom: .85;}}
@media (min-width: 1600px) and (max-width:1750px){.box{zoom: .9;}}