@charset "utf-8";

/* CSS Document */

/*====================================首页====================================*/

.section{ overflow: hidden;}

/*========index_sec1==========*/

.index_sec1{ }

.pageblock{ position: absolute; top:0; left:0; width: 100%; height: 100%; color: #fff; }

.pageblock .focus_slider{ width: 100%; height: 100%; overflow: hidden; position: relative; }

.focus_slide{ width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-position: center center; background-size: cover; display: table; cursor: e-resize; }

.slidecontent{ display: table-cell; vertical-align: middle; text-align: center; position: relative; top:0; opacity: 1; color: #fff; line-height: normal; padding: 0 0.3rem;}

#slideposition{ width:100%; text-align: center; position: absolute; bottom: 0.7rem; left:0; z-index: 10; }

#slideposition ul li.indicator{display: inline-block; height: 10px; width: 10px; background: #fff; margin: 0 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; cursor: pointer;}

#slideposition ul li.indicator.active{background: #00a0e9;}

.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next{ display: none;}

.slide1_img{ max-width: 70%;}

.slide2_img{ max-width: 70%;}



.txt1_01{ margin-bottom: 0.1rem;}

.txt1_02{ margin-bottom: 0.2rem;}

.txt1_02 em{ color: #00a0e9;}

.txt1_03{ display: inline-block; line-height: normal; padding: 6px 15px; border: 2px solid #fff;}

.txt1_01{ font-size: 0.3rem;}

.txt1_02{ font-size: 0.54rem;}

.txt1_03{ font-size: 0.24rem;}

.txt1_05{ font-size: 0.70rem;}

.txt1_06{ font-size: 0.45rem;}

.txt1_04{ font-size: .28rem; color: #7d828c;}

.txt1_04 em{ display: inline-block; vertical-align: middle; font-size: 0.24rem; line-height: normal; color: #00a0e9; margin: -0.06rem 0.10rem 0;}



/*========index_sec2==========*/

.index_sec2{}

.service_block{ position: absolute; overflow: hidden; }

.block_img{ position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;}

.service_block,.service_block a{ color: #fff;}

.service_block a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}

.service_block a:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,160,233,.80); opacity: 0;}

.service_txt{ position: relative; z-index: 10; left:-50%; opacity: 0;}

.service_tit{ line-height: normal; margin-bottom: 0.25rem;}

.service_more{ display: block; margin-top: 15px; width:0.35rem; height: 0.35rem; overflow: hidden; text-indent: -9999px; background: url("../images/ico_03.png") center center no-repeat; background-size: contain;}

.service_block:hover a:before{ opacity: 1;}

.service_block1,.service_block2,.service_block3{ height: 48%;}

.service_block1{ width: 50%; top:0; left:0;}

.service_block1 .block_img,.service_block6 .block_img{ background-position: right center;}

.service_block1 a:before{ background: rgba(0,160,233,.10);}

.service_sort span{ display: inline-block; width: 50%;}

.service_sort span.blank{ display: block; margin: 0;}

.service_block2{ width: 25%; top:0; left:50%;}

.service_block3{ width: 25%; top:0; right: 0;}

.service_block4,.service_block5,.service_block6{ height: 52%;}

.service_block4{ width: 25%; bottom: 0; left:0;}

.service_block5{ width: 25%; bottom: 0; left:25%;}

.service_block6{ width: 50%; bottom:0; right:0; }

.service_block3,.service_block3 a,.service_block4,.service_block4 a{ color: #000;}

/*当前屏幕文字动画*/

/*.service_block .service_txt{ left:-50%; opacity: 0;}

.active .service_block .service_txt{ left: 0; opacity: 1;}*/

/*========index_sec3==========*/

.index_sec3{}

.know_block{ position: absolute; overflow: hidden;}

.know_block,.know_block a{ color: #fff;}

.know_block a{ display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}

.know_block a:before{ content: ""; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(0,160,233,.80); opacity: 0;}

.know_txt{ position: relative; z-index: 10; top:-50%; opacity: 0;}

.know_tit{ line-height: 0.4rem; margin-bottom: 0.20rem;}

.know_tit span{ display: block; font-weight: normal;}

.know_des{ margin-bottom: 0.4rem;}

.know_more{ display: block; width: 1.5rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.18rem; text-align: center; background: #fff; color: #000;}

.know_block1{ width: 50%; height: 100%; top:0; left:0;}

.know_block1 .know_tit{ font-weight: normal; line-height: normal; font-size: 0.6rem;}

.know_block2{ width: 50%; height: 48%; top:0; left:50%;}

.know_block2 a:before{ background: rgba(0,160,233,.10);}

.know_block3{ width: 25%; height: 52%; bottom:0; left:50%;;}

.know_block3,.know_block3 a{ color: #000;}

.know_block:hover a:before{ opacity: 1;}

.know_block4{ width: 25%; height: 52%; bottom:0; right:0;}

.know_block3 a,.know_block4 a{ text-align: center; display: table;}

.know_block3 .know_txt,.know_block4 .know_txt{ display: table-cell; vertical-align: middle;}

.know_block3 .know_txt{ padding-top: 0.5rem;}

.know_block4 .know_tit{ font-weight: normal;}

.know_block4 .know_tit span{ font-weight: bold; font-size: 0.26rem;}

.know_sort{ display: inline-block;}

.know_sort li{ display: inline-block; width: 46%; line-height: 0.3rem; height: 0.3rem; overflow: hidden; font-size: 0.2rem;}

.know_sort li em{ color: #00a0e9;}

.service_block a,.know_block a{ padding: 0.8rem 0 0 0.8rem;}

.service_txt,.know_txt{ font-size: 0.28rem;}

.service_tit,.know_tit{ font-size: 0.30rem;}

.know_block1 .know_tit{ font-size: 0.6rem;}

/*========index_sec4==========*/

.pro_wrap{  width:100%; height: 100%; overflow: hidden; color: #fff;}

.product_list{ width:100%; height: 100%;}

.product_box{position: absolute;width: 100%;height: 100%;top: 0;left: -9999px;}

.bg_box{position: absolute; width: 50%;height: 100%;top: 0;right: 0; overflow: hidden;}

.bg_area{ position: absolute; top:0; left:0; width: 100%; height: 100%; background-position: center center;background-repeat: no-repeat; background-size: cover; -webkit-animation: movie 8s linear alternate infinite running; animation: movie 8s linear alternate infinite running;}

.main_box{position: relative; left: -9999px; height: 100%; width: 50%; background: #00a0e9;}

.product_list .show{left: 0;}

.product_list .show .main_box{left: 0;}

.flow_txt{ padding:10% 5% 5% 10%; }

.flow_tit{ font-weight: normal; line-height: normal; margin-bottom: 0.2rem; font-size: 0.6rem;}

.flow_des{ font-size: 0.28rem; }

.product_btns{ width:50%; position: absolute; bottom: 0.5rem; opacity: 0; left:0; z-index: 10;}

.btns_box a{ display: block; position: relative; z-index: 10; float: left; width: 16.66%; text-align: center; color: #fff; font-size: 0.26rem;}

.btns_box a img{ display: block; margin: 0 auto 10px; width: 0.5rem; height: 0.5rem;}

.btns_box a span em{ display: block; margin-top: 0.3rem;font-family: Letter Gothic Std; position: relative;}

.btns_box a span em:before{ content: ""; position: absolute; top: 9px; left: 0; z-index: 0; width: 0; height: 1px; background: #fff;}

.btns_box a span em i{ display: block; position: relative; z-index: 10; padding-top: 30px; background: url("../images/ico_04a.png") center top no-repeat; }

.btns_box a:hover span em i,.btns_box a.cur span em i{ background-image: url("../images/ico_04b.png"); }

.show .flow_tit{ animation:tt_effect .4s .2s linear both;-webkit-animation:tt_effect .4s .2s linear both;}

.show .flow_des{ animation:tt_effect .6s .3s linear both;-webkit-animation:tt_effect .6s .3s linear both;}

.product_box.show .btn_product{animation:opacity .5s 1s linear both;-webkit-animation:opacity .5s 1s linear both;}

/*.active .product_btns{ animation:bottom .2s 0.3s linear both;-webkit-animation:bottom .2s 0.3s linear both; bottom: 0.5rem \9;}*/

.active .btns_box a span em:before{ animation:linemove .2s 0.5s linear both;-webkit-animation:linemove .2s 0.5s linear both; width: 100% \9;}

/*opacity*/

@keyframes opacity{

    0%{opacity: 0;}

    100%{opacity: 1;}

}

@-webkit-keyframes opacity{

    0%{opacity: 0;}

    100%{opacity: 1;}

}

/*tt_effect*/

@keyframes tt_effect{

    0%{transform:translateY(-30px);opacity:0;}

    100%{transform:translateY(0);opacity:1;}

}

@-webkit-keyframes tt_effect{

    0%{-webkit-transform:translateY(-30px);opacity:0;}

    100%{-webkit-transform:translateY(0);opacity:1;}

}

/*bottom*/

@keyframes bottom{

    0%{ bottom:0;}

    100%{ bottom:0.5rem;}

}

@-webkit-keyframes bottom{

    0%{ bottom:0;}

    100%{ bottom:0.5rem;}

}

/*linemove*/

@keyframes linemove{

    0%{ width:0;}

    100%{ width:100%;}

}

@-webkit-keyframes linemove{

    0%{ width:0;}

    100%{ width:100%;}

}

/*========index_sec5==========*/

.index_sec5{ cursor: e-resize;}

.case_show{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#case_scr,#case_scr .owl-wrapper-outer,#case_scr .owl-wrapper,#case_scr .owl-item,#case_scr .item{ height: 100%;}

#case_scr .item{ position: relative; background: #000;}

#case_scr .owl-controls{ min-width: 250px; height: 55px; background: #000; padding: 0 20px; text-align: left; position: absolute; bottom: 0.5rem; right: 0; z-index: 100; margin: 0; overflow: hidden;}

#case_scr .owl-controls:before,#case_scr .owl-controls:after{ content: ""; position: absolute; top:-10px; left:0; width: 100%; height: 10px; background: rgba(0,0,0,.40);}

#case_scr .owl-controls:after{ top:0; width: 10px; height: 100%;}

#case_scr .owl-buttons{ float: left;}

#case_scr .owl-prev,#case_scr .owl-next{ width: 30px; height: 30px; padding: 0; opacity: 1; border-radius: 0; border: 1px solid #353535; background: url("../images/ico_07a.png") center center no-repeat; font-size: 0; margin: 0 -1px 0 0;}

#case_scr .owl-next{ background-image: url("../images/ico_07b.png");}

#case_scr .owl-prev:hover,#case_scr .owl-next:hover{ background-color:#00a0e9; }

#case_scr .owl-pagination{ float: right; margin-top: 15px;}

.owl-theme .owl-controls .owl-page span{ margin: 0 3px; width: 8px; height: 8px; background: #fff;}

/*#case_scr .owl-page{ position: absolute;}

#case_scr .owl-page span.owl-numbers{ padding: 0; margin: 0; background: none;}*/

.case_img{ position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover;/* opacity: 0.6;*/}

.case_info{ position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; padding: 14% 14% 0; color: #fff; background: rgba(0,0,0,0.15);}

.case_info a{ display: block; color: #fff;}

.case_logo{ margin-bottom: 0.3rem; text-align: center;}

.case_logo img{ position: relative; top:-20px; opacity: 0; height: 0.78rem; width: auto; }

.case_tit{ font-size: 0.32rem; line-height: normal; margin-bottom: 0.4rem; position: relative; padding-top: 0.2rem; top:50%; opacity: 0;}

.case_tit:before,.case_tit:after{ content: ""; position: absolute; top:0; left:0; width: 80%; height: 2px; background: #fff;}

.case_tit:after{ width: 0;}

.case_tit span{ display: inline-block; overflow: hidden; position: relative; /*padding-top: 0.3rem; border-top:2px solid #fff;*/}

.case_tit em,.case_tit i{ position: relative; top:0; opacity: 1;}

.case_tit i{ position: absolute; top:-100%; opacity: 0;}

.case_more{ text-transform: uppercase; position: relative; top:50%;}

.case_des{ text-align: justify; line-height: 0.28rem; max-height:1.68rem; overflow: hidden; position: relative; top:25px; opacity: 0; }

#case_scr .item:hover .case_info{ background: rgba(0,160,233,1);}

#case_scr .item:hover .case_logo img{ top:0; opacity: 1;}

#case_scr .item:hover .case_more{ opacity: 0; top:25px;}

#case_scr .item:hover .case_des{ top:-25px; opacity: 1;}

#case_scr .item:hover .case_tit i{ position: relative; opacity: 1; top:0;}

#case_scr .item:hover .case_tit em{ position: absolute; opacity: 0; top:-100%;}

#case_scr .item:hover .case_tit:before{ width: 0; opacity: 0;}

#case_scr .item:hover .case_tit:after{ width: 100%;}

/*========index_sec6==========*/

.index_sec6{}

.sec6_top{ position: absolute; top: 0; left: 0; width: 100%; height: 60%;}

.m_link{ position: absolute; top:0; left:0; width: 50%; height: 50%; overflow: hidden; background: #000;}

.m_link a{ width: 100%; height: 100%; padding:0 5%; text-align: center; display: table; background: rgba(0,160,233,0); color: #fff;}

.link_img{ position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; opacity: 0.6;}

.link_cell{ display: table-cell; vertical-align: middle; position: relative; z-index: 1;}

.link_cell h4{ font-size: 0.3rem; line-height: normal; margin-bottom: 0.2rem;}

.link_des{ max-width: 5.2rem; margin: 0 auto; font-size: 0.24rem; line-height: 0.32rem; max-height: 0.64rem; overflow: hidden;}

.m_link:hover a{ background: rgba(0,160,233,1);}

.m_link:hover .link_img{ opacity: 0.4;}

.m_link2{ top:50%;}

/*news_rec*/

.news_rec{ position: absolute; top:0; right: 0; width: 50%; height: 100%; background: #00a0e9; color: #fff; padding: 3% 5% 0;}

.news_tit{ font-size: 0.3rem; line-height: normal; margin-bottom: 0.3rem;}

.news_tit a{ color: #fff;}

/*news_scr*/

.news_scr{ overflow:hidden; position:relative;}

.news_scr .hd{ border-top: 2px solid #cc9a9d; padding: 20px 0 0; overflow:hidden; }

.news_scr .hd .prev,.news_scr .hd .next{ display:block;  width:23px; height:22px; float:left; margin-right: 20px; overflow:hidden; cursor:pointer; background:url("../images/arrow_01.png") no-repeat;}

.news_scr .hd .prev{ background-position: 3px 0;}

.news_scr .hd .prev:hover{ background-position: 3px -22px; filter:alpha(opacity=70); opacity:0.70;}

.news_scr .hd .next{ background-position: -41px 0;}

.news_scr .hd .next:hover{ background-position: -41px -22px; filter:alpha(opacity=70); opacity:0.70;}

.news_scr .hd .pageState{ float: right; font-size: 18px;}

.news_scr .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; display: none; }

.news_scr .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }

.news_scr .hd ul li.on{ background-position:0 0; }

.news_scr .bd{ }

.news_scr .infoList li{ margin-bottom: 3%; text-align: justify;}

.news_scr .infoList li a{ display: block; color: #fff; }

.n_scr_tit{ font-weight: normal; font-size: 0.2rem; line-height:0.26rem; height: 0.26rem; overflow: hidden; margin-bottom:0.05rem; background: url("../images/ico_dec2.gif") -30px center no-repeat;}

.n_scr_des{ line-height:0.24rem; max-height: 0.48rem; overflow: hidden;}

.news_scr .infoList li:hover{ filter:alpha(opacity=90); opacity:0.90;}

.news_scr .infoList li:hover .n_scr_tit{ background-position: left center; padding-left: 14px;}

/*sec6_bot*/

.sec6_bot{position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; overflow: hidden; padding: 0.2rem 6% 0; background: #fff;}

.bot_links{ width: 50%; overflow: hidden; margin-right: -7.4%;}

.bot_links li{ float: left; margin-right: 7.4%;}

.bot_links li a{ display: block; color: #666; font-size: 12px; margin-bottom: 2px;}

.bot_links li a.bot_item0{ font-size: 0.16rem; color: #000;}

.bot_links li a:hover{ color: #00a0e9;}

.erweima{ float: right;}

.erweima li{ float: left; text-align: center; font-size: 12px; color: #666; margin-left: 0.3rem;}

.erweima li img{ display: block;}

#erweima_phone,.dial_phone{ display: none;}

.bot_info{ width: 26%; float: right; color: #666; line-height: 1.8;}

.info_logo{ display: block; margin-bottom: 0.2rem;}

.info_tit{ color: #000;}



/*====================================服务====================================*/

.pp-section {height:100%; width:100%; position:absolute;}

.body_service .pp-section{ background: #00a0e9; color: #fff;}

.body_service .pp-section a{ color: #fff;}

.pp-easing {

    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);

    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);

    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);

    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);

    /* custom */

    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);

    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);

    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);

    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);

    /* custom */

}

#pp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1;}

#pp-nav.right { right: 17px;}

#pp-nav.left { left: 17px;}

.pp-section.pp-table{ display: table;}

.pp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.pp-slidesNav{ position: absolute; z-index: 4; left: 50%; opacity: 1;}

.pp-slidesNav.bottom { bottom: 17px;}

.pp-slidesNav.top { top: 17px;}

#pp-nav ul,.pp-slidesNav ul { margin: 0; padding: 0;}

#pp-nav li,.pp-slidesNav li { display: block; width: 14px; height: 14px; margin: 5px 0; position:relative;}

.pp-slidesNav li { display: inline-block;}

#pp-nav li a,.pp-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; }

#pp-nav li .active span,.pp-slidesNav .active span {background: #000; box-shadow: 0 0 10px 0 #fff;}

#pp-nav span,.pp-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1;}

.pp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px;}

.pp-tooltip.right { right: 20px;}

.pp-tooltip.left { left: 20px;}

.pp-scrollable{ overflow-y: scroll; height: 100%; }

.sec_box{ position: absolute; top:80px; width: 100%; height: calc(100% - 80px);}

/*service_l,.service_r*/

.service_l,.service_r{ width: 50%; height: 100%; position: absolute; top:0; left:0;}

.service_img{ position: absolute; top:0; left:0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover;}

.service_r{ left: 50%;}

.sr_box{ height: 100%; display: table;}

.service_area{ display: table-cell; vertical-align: middle;padding: 0 10%;}

.service_item{ font-weight: normal; line-height: normal; margin-bottom: 0.3rem; font-size: 0.6rem;}

.service_include{ overflow: hidden; font-size: 0.24rem; margin-bottom: 0.3rem;}

.service_include a{ display: block; float: left; width: 33.33%;}

.include_dif a{ width: 50%;}

.service_des{ font-size: 0.2rem;}

.service_links{ margin-top: 1rem; font-size: 0.16rem;}

.service_links li{ width: 33.33%; float: left; text-align: center; position: relative;}

.service_links li:before,.service_links li:after{ content: "|"; position: absolute; top:0; right:0; font-size:0.16rem;}

.service_links li:after{ right: auto; left:0; display: none;}

.service_links li:first-child:after{ display: block;}

.service_links li a{ display: block; overflow: hidden; position: relative;}

.service_links li a span{ display: inline-block; background-position: 300% center; background-repeat: no-repeat; padding-right: 16px; background-size: 10px; }

.service_links li a:hover span{ background-image: url("../images/ico_05.png"); background-position: right center;}

.section_dif .service_l{ left:50%;}

.section_dif .service_r{ left:0;}

.qr_include a{ width: 50%;}

/*====================================解决方案====================================*/

.content { position: fixed; width: 100%; top: 0;}

.row { overflow: hidden; background: #fff; }

.ibox{ overflow:hidden; height: 100%; position: relative;}

.line{ display:block;}

/*banner*/

.banner .pic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover; }

.banner .slick-dots { position: absolute; z-index: 99; left: 4%; bottom: 5.9%; border: 1px solid #fff; padding: 0 47px; }

.banner .slick-dots li { width: 1px; height: 6px; margin: 3px; background: none; position: relative; padding: 0 6px; }

.banner .slick-dots li a { width: 1px; height: 6px; background: #fff; position: absolute;  top: 50%; left: 50%; margin-top: -3px;  }

.banner .slick-dots li.slick-active a { height: 20px; margin-top: -10px; background: #c80000; }

.banner .slick-dots li:hover a { background: #c80000; }

.isCurrent { z-index: 20 !important; }

.isOut { z-index: 19 !important; }

/*bannerslide*/

.bannerslide { height: 100%; position: relative; }

.banner .item { position: absolute; top: 0; left: 0; width: 100%; }

.bacbox { height: 29px; position: absolute; left: 4%; bottom: 5.9%; z-index: 98; }

.bacbox .bodr { position: absolute; left: 0; right: 0; height: 12px; border: 1px solid #fff; top: 50%; margin-top: -7px; }

.ixtxts { position: fixed; z-index: 199; width: 7.1rem; height: 2.7rem; left: 4%; top: 35.8%; background: #000; background: rgba(0,0,0,.7); color: #fff; }

/*itTx*/

.itTx { position: relative; width: 100%; height: 100%; }

.itTx li { padding:0.3rem 0.5rem; position: absolute; left: 0; right: 0; opacity: 0; visibility: hidden; transform: translateX(60px); -webkit-transform: translateX(60px); transition: 600ms; -webkit-transition: 600ms; }

.itTx li.show { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); }

.itTx .ti { font-size: 0.36rem; line-height: normal; margin-bottom:0.3rem; }

.itTx .tx { }

.sl { width: 67%; float: left; overflow: hidden; padding-top: 80px; }

.sr { width: 33%; float: right; /*overflow: hidden;*/ }

.itTx1 { width: 3.4rem; height: 3.6rem; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; transform: translateY(80px); -webkit-transform: translateY(80px); display: none\9; }

.itTx1 .itoR { height: 100%; overflow: hidden; }

.itTx1 .tibox { height: 100%; }

.itTx1 .tibox li { height: 100%; }

.plan_tit{ font-weight: bold;font-size: 0.36rem; line-height: normal; margin-bottom: 0.2rem;}

.plan_tit span{ display: block; font-weight: normal; font-size: 0.16rem;}

.plan_des{ line-height: 0.28rem; max-height: 1.4rem; overflow: hidden;}

.itTx1 .tibox .pa { position: relative; height: 100%; padding:0.6rem 0.4rem; }

.page-controls { position: absolute; left: 0.4rem; bottom: 0.4rem; }

.page-controls li { float: left; position: relative; cursor: pointer; padding: 0 3px; margin-right: 10px; }

.page-controls li .line { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; background: #fff; opacity: 0; visibility: hidden; }

.page-controls li.act .line { opacity: 1; visibility: visible; }

.pagesider .ixtxts { width: 3.4rem; height: 3.6rem; top: 80px; left: 0; background: #00a0e9; color: #fff; }

.pagesider .itTx { transform: translateY(-80px); -webkit-transform: translateY(-80px); opacity: 0; width:0; visibility: hidden; display: none\9; }

.pagesider .itTx1 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; visibility: visible; display: block\9; }

/*stawbox*/

.stawbox { position: absolute; top: 0; bottom: 0; width: 1px; z-index: 99; right:36px; border-left: 1px dashed #818181; height: calc(100% - 80px - 0.5rem);}

.staw_tit{ display:block; padding: 10px 0; background: #fff;}

.stawbox .t { width: 14px; overflow: hidden; position: absolute; top:0; left: 50%; margin-left: -7px; }

.stawbox .t .square { display: block; width: 100%; height: 5px; background: #000; }

.stawbox .t .txx { display: block; margin: 0 1px; }

.st-top, .st-bottom { width: 50px; height: 50px; background: #000; position: relative; margin-top: 3px; overflow: hidden; cursor: pointer; transition: background 300ms; -webkit-transition: background 300ms; }

.ico, .aw { width: 100%; height: 100%; display: block; background-repeat: no-repeat; background-position: center center; transition: 300ms; -webkit-transition: 300ms;}

.st-top .aw, .st-bottom .aw { position: absolute; top: 0; left: 0; }

.st-top .aw { background-image: url(../images/arrow01_up.png); }

.st-bottom .aw { background-image: url(../images/arrow01_down.png); }

.st-top .aw1, .st-bottom .aw1 { left: -4px; }

.st-top .aw2, .st-bottom .aw2 { right: -4px; }

.staw { position: absolute; left: 50%; margin-left: -26px; bottom: 0.65rem; z-index: 99; }

.staw .line2 { display: block; border-left: 1px dashed #818181; width: 0; height: 10px; margin: 0 auto; margin-top: 4px; }

.st-top:hover, .st-bottom:hover { background: #00a0e9; }

.st-top:hover .aw, .st-bottom:hover .aw { left: 0; right: 0; }

.mouse { width: 28px; height: 49px; background: url(../images/mouse.png) no-repeat; position: absolute; left: 12.5%; bottom: 13.5%; z-index: 3000; cursor: pointer;

    -webkit-animation: mouse 2s linear alternate infinite running;  animation: mouse 2s linear alternate infinite running;  }

@keyframes mouse {

    0% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }

    100% { transform: translateY(10px); -webkit-transform: translateY(10px); }

}

@-webkit-keyframes mouse {

    0% { transform: translateY(-10px); -webkit-transform: translateY(-10px); }

    100% { transform: translateY(10px); -webkit-transform: translateY(10px); }

}



/*bacbox*/

.bacbox { height: 29px; position: absolute; left: 4%; bottom: 5.9%; z-index: 98; }

.bacbox .bodr { position: absolute; left: 0; right: 0; height: 12px; border: 1px solid #fff; top: 50%; margin-top: -7px; }

.ip-controls { font-size: 0; text-align: center; }

.ip-controls li { width: 30px; height: 2px; float: left; margin-left: 3px; position: relative; cursor: pointer; }

.ip-controls .line { width: 30px; height: 2px; position: absolute; top: 50%; background: #fff; }

.ip-controls li:hover .line { background: #2a7ed4; }

.ip-controls li.act .line { height: 8px; margin-top: -8px; background: #2a7ed4; transition: 300ms; -webkit-transition: 300ms; }

/*ipbox*/

.ipbox{ margin:0 0.62rem 0 3.4rem; padding:4% 0.35rem 0;  height: 100%; overflow: hidden; position: relative; }

.sr_page{ position: relative; overflow: hidden;}

.movie { width: 100%; height: 100%; position: relative; background-position: center center; background-size: cover; background-repeat: no-repeat;

    -webkit-animation: movie 8s linear alternate infinite running; animation: movie 8s linear alternate infinite running;  }

@keyframes movie {

    0% {

        -webkit-transform: scale(1, 1);

        -webkit-transition-timing-function: ease-out;

        -webkit-transition-duration:1000ms;

        -moz-transform: scale(1, 1);

        -moz-transition-timing-function: ease-out;

        -moz-transition-duration:1000ms;

        transform: scale(1, 1);

        transition-timing-function: ease-out;

        transition-duration:1000ms;

        width: 100%;}

    100% { -webkit-transform: scale(1.08, 1.08);

        -webkit-transition-timing-function: ease-out;

        -webkit-transition-duration:1000ms;

        -moz-transform: scale(1.08, 1.08);

        -moz-transition-timing-function: ease-out;

        -moz-transition-duration:1000ms;

        transform: scale(1.08, 1.08);

        transition-timing-function: ease-out;

        transition-duration:1000ms;

        position: relative; }

}

@-webkit-keyframes movie {

    0% { -webkit-transform: scale(1, 1);

        -webkit-transition-timing-function: ease-out;

        -webkit-transition-duration:1000ms;

        -moz-transform: scale(1, 1);

        -moz-transition-timing-function: ease-out;

        -moz-transition-duration:1000ms;

        transform: scale(1, 1);

        transition-timing-function: ease-out;

        transition-duration:1000ms;

        width: 100%;

    }

    100% { -webkit-transform: scale(1.08, 1.08);

        -webkit-transition-timing-function: ease-out;

        -webkit-transition-duration:1000ms;

        -moz-transform: scale(1.08, 1.08);

        -moz-transition-timing-function: ease-out;

        -moz-transition-duration:1000ms;

        transform: scale(1.08, 1.08);

        transition-timing-function: ease-out;

        transition-duration:1000ms;

        position: relative; }

}

.myvideo { position: absolute; left: 50%; top: 0; }

.video2 { position: absolute; left: 0; right: 0; height: 440px; bottom: 0; background-position: right bottom; background-repeat: no-repeat; }

.myvideo2 { position: absolute; width: 100%; top: 50%; left: 0; }

.itTx { transition: 400ms; -webkit-transition: 400ms; }

.itTx1 { transition: 400ms; -webkit-transition: 400ms; }

.ixtxts, .menu, .pagesider .logobox .bg { transition: 700ms; -webkit-transition: 700ms; }

.menu-content { transition: 700ms; -webkit-transition: 700ms; }

/*plan*/

.plan_item{ font-weight: bold; font-size:0.3rem; line-height: normal; margin-bottom: 0.15rem;}

.plan_overview{ font-size:12px; margin-bottom: 0.2rem; text-align: justify; overflow: hidden; max-height: 100px;}

.plan_gs{ font-size: 0.18rem; line-height: normal; color: #00a0e9; margin-bottom: 0.2rem;}

.plan_func{}

.plan_caption{ font-weight: bold; font-size:0.18rem; line-height: normal; margin-bottom: 10px;}

.func_list{ color: #333;}

.func_list a{ padding:0 0.08rem; color:#333;}

.func_list a:first-child{ padding-left: 0;}

.plan_customers{ margin-top: 0.2rem;}

.customers_list{ position: relative;}

.customers_list li{ display: block; float:left; width: 33.33%; border:1px dashed #ddd; margin: -1px 0 0 -1px;}

.customers_list li a{ display:block; padding:3px; position: relative; z-index: 10;}

.customers_list li a img{ display:block;}

.customers_list li:hover a{ box-shadow:0 0 20px -2px #ccc;}



/*system*/

.ms-section { position: relative; height: 100%; background: #fff;}

.ms-right, .ms-left{ width: 50%;}

.ms-right{ z-index: 3000;}

.r_img{ position: absolute; top:0; left:0; z-index: 2; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.ms-section.ms-table{ display: table; width: 100%;}

.ms-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

/*#menu*/

#menu { position: fixed; top:80px; height: calc(100% - 80px - 0.5rem); left: 50%; margin-left: -20px; width: 20px; z-index: 2000; opacity: 1;}

#menu li{ display: block; position: relative; height: 25%; font-size: 12px; line-height: normal;}

#menu li:before{ content: ""; position: absolute; top:0; right: 0; width: 5px; height: 0; background: #00a0e9;}

#menu li a{ display: block; float: right; width: 5px; height: 100%; line-height: normal; color: #bbb; font-size: 12px; line-height: 14px; border-bottom: 1px solid #000;}

#menu li a span{ position: absolute; top:50%; right: 0; margin-top: -50px;}

#menu li.active:before{ height: 100%;}

#menu li.active a{ color: #00a0e9;}

#multiscroll-nav { position: fixed; z-index: 3000; margin-top: -32px; top: 50%; opacity: 1;}

#multiscroll-nav.right { right: 20px;}

#multiscroll-nav li{ display: block; width: 8px; height: 8px; margin: 10px 0; position:relative; }

#multiscroll-nav li a{ display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; }

#multiscroll-nav li .active span{ background: #333;}

#multiscroll-nav span{ top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1;}

.multiscroll-tooltip { position: absolute; color: #000; font-size: 12px; top: -2px; white-space: nowrap; max-width: 220px;}

.multiscroll-tooltip.right {right: 20px;}

/*system_area*/

.system_area{ padding: 4% 4%;}

.system_tit,.system_des,.system_caption,.course_sort,.framework,.resolve,.platform_area,.apply,.evaluating_flow{ margin-bottom: 0.3rem;}

.system_tit{ font-size: 20px; line-height: normal; margin-bottom:0.1rem}

.system_tit em{ display: block; font-size: 1rem; font-weight: normal; font-family: Cambria; color: #00a0e9; margin-bottom: 10px;}

.system_tit em img{ width: 0.65rem; height: auto;}

.system_tit b{ position: relative; display: inline-block; padding-top: 0.2rem;}

.system_des{ width: 90%; max-width: 654px; line-height: 0.26rem; max-height: 0.78rem; overflow: hidden; }

.system_caption{ font-size: 0.38rem; line-height: normal; color: #00a0e9; font-family: "黑体"; }

/*open_menu*/

.open_menu{ display: block; cursor: pointer; position: absolute; top:50%; left:110%; z-index: 5000; width: 60px; height: 60px; -webkit-animation: mouse 1s linear alternate infinite running;  animation: mouse 1s linear alternate infinite running;}

.open_menu::before { content: ''; position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-color: #00a0e9; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}

.open_menu span{  position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: url("../images/ico_05.png") center center no-repeat; }

.open_active span{ background-image: url("../images/ico_05b.png");}

.open_active{ opacity: 0;}

.open_menu:hover::before{ width: 120%; height: 120%; top:-10%; left:-10%;}

.body_system .nicescroll-rails{ opacity: 0; left:100%; margin-left: -5px; }

.body_system .ascrail_active{ opacity: 1; left:50%;}

.closed_menu{ opacity: 1; left:6%; position: fixed; display: none;}

/*.open_active{ opacity: 1; left:6%;}*/

.open_active span{ background-image: url("../images/ico_05b.png");}

/*panel*/

.panel{ display: none; width:100%; }

.ps-active-panel{position: fixed; top: 0; right: 0; height:100%; z-index: 4000;}

.panel_box{ position: absolute; top:80px; left:0; width: 100%; height: 100%;}

.cover{  content: ""; position: fixed; top: 80px; right: -100%; width: 50%; height: 8%; background: #fff; z-index: 1;}

.cover_down{ top:auto; bottom: 0;}

.panel_img,.panel_area{ position: fixed; top:0; left:0; width: 50%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.panel_img{ display: none;}

.panel_area{ position: absolute; left:50%; top:8%; height: auto; min-height: 100%; z-index: 0; padding:0 10% 8% 5%; background: #fff;}

.panel_box .system_des{ max-height: none;}

.course_sort{ }

.c_sort_list{ line-height: 2; margin: 0 -5%;}

.c_sort_list a{ display: block; width: 21%; float: left; text-align: center; position: relative;}

.c_sort_list a:before{ content: "/"; position: absolute; top:0; right: 0; }

.provide_list{ margin: 0.2rem -6% 0.5rem;}

.provide_list li{ width: 50%; float: left; text-align: center; color: #00a0e9; position: relative; margin-bottom:15px;}

.provide_list li:before{ position: absolute; top:50%; margin-top: -0.2rem; right: -0.1rem; color: #000; font-size: 0.2rem;}

.provide_list li:last-child:before{ display: none;}

.provide_list li img{ display: block; margin: 0 auto;}

.provide_list li .tup{ height:98px; margin-bottom:10px}

.apply_for{ text-decoration: underline;}

.next_panel{ margin-top: 1rem; cursor: pointer;}

.next_panel em{ display: inline-block; position: relative; padding-top: 0.1rem;}

.next_panel:hover em .tick{ width: 100%;}

/*framework*/

.framework{ }

.fra_area{ padding: 0.2rem 3%; background: #00a0e9; color: #fff;}

.fra_tit{ text-align: center; font-size: 0.24rem; margin-bottom: 10px;}

.fra_list{}

.fra_list li{ width: 20%; float: left; text-align: center;}

.fra_list li a{ display: block; color: #fff; line-height: 2; font-size: 0.12rem; opacity: 0.8;}

.fra_list li a.fra_item0{ opacity: 1;}

/*resolve*/

.resolve{}

.resolve_tit{ margin-bottom: 10px;}

.resolve_list{ line-height: 2; margin: 0 -0.2rem;}

.resolve_list a{ display: block; float: left; text-align: center; padding: 0 0.2rem; position: relative;}

.resolve_list a:before{ content: "/"; position: absolute; top:0; right: 0; }

/*platform_area*/

.platform_area{ }

.platform_tit{ color: #00a0e9; border-bottom: 1px solid #bfbfbf;}

.platform_tit img{ width:0.55rem; height: 0.55rem; vertical-align: text-bottom; margin-right: 10px; }

.platform_list{}

.platform_list li{ font-size: 14px; color: #666; border-bottom: 1px dashed #ddd; padding: 12px 0;}

.platform_caption{ color: #000;}

/*apply*/

.apply{ }

.apply_tit{ font-size: 16px; margin-bottom: 0.2rem;}

.apply_list{}

.apply_list li{ width: 50%; float:left; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}

.apply_list li a{ display: block; padding: 10px;}

.apply_list li a p{ display: block; position: relative;}

.apply_list li a p span{ display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; color: #fff; font-size: 12px; padding: 10px; opacity: 0;}

.apply_list li a p span em{ display: table; width: 100%; height: 100%; text-align: center;}

.apply_list li a p span em i{ display: table-cell; vertical-align: middle;}

.apply_list li a:hover p span{ opacity: 1;}



/*evaluating_flow*/

.evaluating_flow{ }

.tick_dec{ position: relative; padding-top: 0.2rem;}

.tick{ position: absolute; top:0; left:0; z-index: 0; width: 10px; height: 3px; background: #00a0e9;}

.system_tit:hover a .tick{ width: 100%;}

.system_des,.apply_for,.fra_list li a.fra_item0,.resolve_list{ font-size: 16px;}

.provide_tit,.resolve_tit,.platform_tit{ font-size: 0.24rem;}

.c_sort_list,.platform_caption{ font-size: 0.18rem;}



/*plan_pad*/

#plan_pad{ display: none;}

#plan_pad .section{ background: #fff;}

.plan_img{ position: absolute; top:0; right:0; z-index: 0; width: 33%; height: 100%; background-position: center top; background-repeat: no-repeat; background-size: cover;}

.plan_info{ position: absolute; top:0; left:0; z-index: 10; width: 67%; height: 100%;}

.plan_block{ padding: 120px 0.3rem 0.5rem;}

.plan_next{ /*margin-top: 0.5rem; text-align: right;*/ position: absolute; bottom: 0.8rem; right:0.3rem; }

.plan_next span{ color: #00a0e9; margin-right: 10px;}

.plan_num{position: absolute; bottom: 0; left:0.3rem; color: #999; font-family: Georgia; font-size: 2rem; line-height: 2rem; display: none;}

.body_plan #pp-nav{ display: none;}

.body_index #fp-nav{ display: none;}



/*==========about==========*/

.about{ background: #fff;}

.about_full{ /*position: relative; height: 100vh;*/}

.num{ height: 100vh; background-position: center top; background-size: cover; background-repeat: no-repeat; overflow: hidden; position: relative;}

.num_table{ display: table; width: 100%; height: 100%;position: relative;}

.JoinUsBtn{display: block;position: absolute;bottom: 0;right: 0;width: 1.4rem;height: 40px;line-height: 40px;text-align: center;background: #fff;}

.JoinUsBtn:before{content: '';width: 0;height: 1px;position: absolute;left: .1rem;top: 50%;background: #00a0e9;}

.JoinUsBtn:after{content: '';width: 0;height: 1px;position: absolute;right: .1rem;top: 50%;background: #00a0e9;}

.JoinUsBtn em{display: inline-block;position: relative;z-index: 2;color: #00a0e9;}

.JoinUsBtn:hover:before,.JoinUsBtn:hover:after{width: 10%;}

.num_cell{ display: table-cell; vertical-align: middle;}

.full_warp{ position: fixed; top:0; left:0; width: 100%; height: 100%;}

/*num_0*/

#num_0{ background-attachment: fixed; color:#fff; font-size: 18px; padding-left: 8%; padding-right: 8%;}

#num_0 .profile_img2{ display: none;}

/*num_1*/

#num_1{ background: #fff;}

.culture_info,.culture_img{ float: left; width: 50%; height: 100%;}

.culture_info{ padding-left: 8%; padding-right: 8%;}

.culture_img{ float: right;}

.c_img_box{ width: 100%; height: 100%; background-position: center top; background-size: cover; background-repeat: no-repeat;}

.culture_logo{ position: absolute; top:50%; left:50%; width: 1.1rem; height: 1.1rem; margin:-0.55rem 0 0 -0.55rem; z-index: 100;}

/*about_auto*/

.about_auto{ background: #fff; position: relative; z-index: 1000;}

.auto_sec{ background-position: center top; background-size: cover; background-repeat: no-repeat;}

/*history*/

.history{ padding: 5% 0 12%; color: #fff;}

.about_tit{ text-align: center; font-size: 0.48rem; margin-bottom: 6%;}

.about_tit span{ display: block; font-size: 0.24rem;}

.history_show{ padding: 0 8%;}

#history_scr{ padding:0 0.80rem 0 1rem;}

.history_area{ padding: 0 20px; font-size: 0.18rem; line-height: normal; position: relative;text-align:center;}

.history_area:before,.history_area:after{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; min-height: 168px; background: #fff;}

.history_area:after{ display: none;}

.history_des{ height:20px; line-height:20px}

.history_des p{ text-align:center; font-size: 14px;}

.history_year{ font-weight: bold; font-size: 0.48rem; line-height: 1; margin-bottom: 20px;}

#history_scr .owl-controls .owl-buttons div{-webkit-border-radius:0; -moz-border-radius: 0; border-radius: 0; filter: Alpha(Opacity=100); opacity: 1; width: 0.45rem; height: 0.86rem; padding: 0; font-size: 0; background: url("../images/about_arrow01.png") center center no-repeat; background-size: contain; position: absolute; top:50%; margin-top: -0.43rem;}

#history_scr .owl-controls .owl-buttons div.owl-prev{ left:0;}

#history_scr .owl-controls .owl-buttons div.owl-next{ right:0; background-image: url("../images/about_arrow02.png");}

/*idea*/

.idea{ padding: 5% 8%; background-color: #fff;}

.idea_box{ padding: 2.5% 0; background-position: right center; background-size: contain; background-repeat: no-repeat; }

/*organ*/

.organ{ position: relative; height: 100vh;}

.organ_box{ position: absolute; top:0; left:0; width:100%; height: 100%;}

.team,.join{ width: 50%; height: 100%; overflow: hidden; padding: 8%; text-align: center; float: left; background-position: center top; background-size: cover; background-repeat: no-repeat;}

.join{ background: #00a0e9; color: #fff;}

/*contact*/

.contact{ height: 650px; background-color: #fff; position: relative;}

.contact_map,.contact_info{ width: 50%; height: 100%; position: absolute; top:0; left:0; background-position: center top; background-size: cover; background-repeat: no-repeat; }

.map_phone{ display: none;}

.map_phone img{ width: 100%;}

.contact_info{ left:50%; padding: 4% 4% 0 4%;}

.contact_tit{ text-transform: uppercase; line-height: 1; font-size: 0.52rem; margin-bottom: 0.3rem;}

.contact_tit span{ display: inline-block; position: relative; padding-right: 100px;}

.contact_tit span:before{ content: ""; position: absolute; bottom: 0; right: 0; width: 80px; height: 1px; background: #2b2b2b;}

/*contact_list*/

.contact_list{ margin-bottom: 0.3rem;}

.contact_list li{ font-size: 16px; height:75px; line-height:75px}

.contact_list li img{ vertical-align: middle; margin-right: 10px;}

/*message*/

.message{}

.message_tit{ font-size: 24px;}

.message_tit span{ font-size: 16px; margin-left: 5px;}

.must_write{ color: #999; font-size: 14px; margin-left: 20px;}

.must_write i{ color: red;}

.message_tip{ color: #999; background: url("../images/about_13.png") left top no-repeat; padding-left: 30px;}

.message_form{ width: 100%; overflow: hidden; margin: 15px -25px 0;}

.form_line{ overflow: hidden; width: 50%; float: left; padding: 0 25px; position: relative;}

.must_ico{ font-size: 16px; color: red; position: absolute; top: 50%; left: 25px; margin-top: -12px;}

.form_txt,.form_yu{ width: 100%; height: 40px; padding-left: 10px; border-bottom: 1px solid #e5e5e5;}

.line_dif{ width: 100%;}

.form_yu{ height: 70px; resize: none; padding-top: 10px;}

.form_check,.form_handle{ margin-top: 10px;}

.form_check .form_txt{ overflow: hidden; width: 25%; text-align: right;}

.check_code{ display: inline-block; vertical-align: middle; margin-left: 15px;}

.form_handle{ text-align: right;}

.form_submit{ cursor: pointer; width: 57%; height: 40px; background: #00a0e9; color: #fff;}





/*2017/07/28==弹窗*/

.talk_window{display:none;width: 500px;height: 260px;box-sizing:border-box;padding:15px;background: rgba(0,160,233,0.9);position: fixed;top: 50%;left: 50%;margin:-130px 0 0 -250px;z-index: 9999;}

.talk_window_con{border:1px solid #fff;width:100%;height: 100%;position: relative;}

.talk_window_con .t_w_close{position: absolute;top: 0px;right: 0px;font-size: 18px;

    color: #fff;line-height: 1;width: 30px;height: 25px;text-align: center;cursor: pointer;

    font-family: "Arial";padding-top: 5px;

}

.t_w_text{margin-top: 20px;text-align: center;color: #fff;}

.t_w_text h3{font-size: 24px; line-height: normal; margin-bottom: 15px;}

.t_w_text p{ }

.t_w_text div.p{font-size: 22px;margin-top: 15px;}

.t_w_text div.p a{padding:0 10px;color: #fff;}

.t_w_btn{position: absolute;right: 0px;bottom:0px;}

.t_w_btn a{display: inline-block;box-sizing:border-box;font-size: 16px;float: left;height: 45px;line-height: 43px;}

.t_w_btn a:first-child{width: 163px;text-align: center;color: #00a0e9;background: #fff;}

.t_w_btn a:first-child+a{width: 115px;text-align: center;color: #fff;border:1px solid #fff;border-right: 0px;border-bottom: 0;}

/*float_menu*/

.float_menu{ width: 60px; position: fixed; bottom: .50rem; right: 0; z-index: 6000;}

.float_menu li{ position: relative;}

.float_menu li a.float_item0{ display: block; height: 70px; padding: 20px 15px; background-color: #00a0e9;}

.float_menu li a.float_item0 img{ display: block;}

.float_menu li.float_tel a.float_item0{ background-color: #222229;}

.tel_show{ position: absolute; top:0; right: 60px; width: 0px; height: 70px; padding: 10px 0; background: rgba(0,0,0,0.8); color: #fff; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden;}

.tel_show a{ display: block; line-height: 26px; color: #fff;}

.float_menu li.float_tel:hover .tel_show{ width:230px; transition:width 0.5s 0.2s;}

.float_menu li a.float_item0:hover{ opacity: 0.85;}





/* 2017/09/12 方案页面开始 */

@keyframes breathing {

    0%{opacity: 1;}

    50%{opacity: 0.1;}

    100%{opacity: 1;}

}

@-webkit-keyframes breathing {

    0%{opacity: 1;}

    50%{opacity: 0.1;}

    100%{opacity: 1;}

}

.ani_btn a{

    animation: breathing 2s 2s linear infinite both;

    -moz-animation: breathing 2s 2s linear infinite both;

    -webkit-animation: breathing 2s 2s linear infinite both;

}

.ani2{

    animation: fadeOut .1s .8s linear both;

    -moz-animation: fadeOut .1s .8s linear both;

    -webkit-animation: fadeOut .1s .8s linear both;

}

.program{}

.program .fp-tableCell{display: block; width: 100%; overflow: hidden;}

.p_all_tit{font-size: 48px; color: #fff;}

.p_all_words1{font-size: 48px; color: #fff; line-height: 60px; margin-top: 20px;}

.p_all_words2{font-size: 21px; color: #000; line-height: 30px; margin-top: 20px;}

.ani_btn{margin-top: 40px; display: block; width: 100%; height: 56px;}

.ani_btn a{display: inline-block; width: 21px; height: 100%;}

/*.section{position: relative;}*/



.program_page1{background: url(../images/program_page1_bg.jpg) no-repeat center; background-size: cover;}

.p_page1_wen{opacity: 0; z-index: 2; width: 50%; position: absolute; left: 0; top: 50%; padding-left: 5%;}

.p_page1_btn a{background: url(../images/program_down1.png) no-repeat center; background-size: 100%;}

.p_page1_tu{opacity: 0; z-index: 1; position: absolute; right: 0; bottom: 0; width: 50%; height: 100%; padding-right: 5%;}

.phone_box{width: 40%; overflow: hidden; position: absolute; border-radius: 5%;}

.phone_box img.phone_di{width: 100%;}

.phone_con1{z-index: 1; right: 5%; bottom: -10%;}

.phone_con2{z-index: 2; right: 30%; bottom: -5%;}

.page_nr1{position: absolute; left: 5%; top: 11%; width: 90%;}

.p_page1_wen.ani{

    animation: 1s .5s fadeInDown linear both;

    -moz-animation: 1s .5s fadeInDown linear both;

    -webkit-animation: 1s .5s fadeInDown linear both;

}

.p_page1_tu.ani{

    animation: 1s .5s fadeInUp linear both;

    -moz-animation: 1s .5s fadeInUp linear both;

    -webkit-animation: 1s .5s fadeInUp linear both;

}



.program_page2{background: url(../images/program_page2_bg.jpg) no-repeat center; background-size: cover;}

.p_page2_wen{opacity: 0; position: absolute; right: 0; top: 50%; width: 50%; padding-right: 5%; text-align: right;}

.p_page2_tit{color: #d1120a;}

.p_page2_words1{color: #000;}

.p_page2_btn a{background: url(../images/program_down2.png) no-repeat center; background-size: 100%;}

.p_page2_tu{opacity: 0; width: 50%; height: 100%; position: absolute; left: 0; bottom: 0;}

.phone_con3{z-index: 1; left: 40%; bottom: -10%;}

.p_page2_tu.ani{

    animation: 1s fadeInLeft linear both;

    -moz-animation: 1s fadeInLeft linear both;

    -webkit-animation: 1s fadeInLeft linear both;

}

.p_page2_wen.ani{

    animation: 1s fadeInRight linear both;

    -moz-animation: 1s fadeInRight linear both;

    -webkit-animation: 1s fadeInRight linear both;

}



.program_page3{background: url(../images/program_page3_bg.jpg) no-repeat center; background-size: cover;}

.p_page3_wen{opacity: 0; z-index: 2; position: absolute; left: 0; padding-left: 5%; top: 50%; width: 50%;}

.p_page3_tit{color: #db171d;}

.p_page3_words2{color: #fff;}

.p_page3_btn a{background: url(../images/program_down1.png) no-repeat center; background-size: 100%;}

.p_page3_tu{opacity: 0; z-index: 1; position: absolute; right: 0; bottom: 0; width: 50%; height: 100%;}

.phone_con4{z-index: 1; left: 32%; bottom: -10%;}

.p_page3_tu.ani{

    animation: 1s fadeInRight linear both;

    -moz-animation: 1s fadeInRight linear both;

    -webkit-animation: 1s fadeInRight linear both;

}

.p_page3_wen.ani{

    animation: 1s fadeInLeft linear both;

    -moz-animation: 1s fadeInLeft linear both;

    -webkit-animation: 1s fadeInLeft linear both;

}



.program_page4{background: url(../images/program_page4_bg.jpg) no-repeat center; background-size: cover;}

.p_page4_wen{opacity: 0; z-index: 3; text-align: center; position: absolute; left: 0; top: 15%; width: 100%; padding: 0 5%;}

.p_page4_words{color: #fff;}

.p_page4_btn{text-align: center;}

.p_page4_btn a{background: url(../images/program_down1.png) no-repeat center; background-size: 100%;}

.p_page4_tu{opacity: 0; z-index: 2; width: 55%; height: 100%; position: absolute; left: 50%; bottom: 0;}

.p_page4_tu .phone_box{width: 35%;}

.phone_con5{z-index: 0; left: 10%; bottom: -35%;}

.phone_con6{z-index: 0; right: 10%; bottom: -35%;}

.phone_con7{z-index: 1; left: 50%; bottom: -25%;}

.p_page4_wen.ani{

    animation: 1s fadeInDown linear both;

    -moz-animation: 1s fadeInDown linear both;

    -webkit-animation: 1s fadeInDown linear both;

}

.p_page4_tu.ani{

    animation: 1s fadeInUp linear both;

    -moz-animation: 1s fadeInUp linear both;

    -webkit-animation: 1s fadeInUp linear both;

}



.program_page5{background: #fff;}

.p_page5_wen{opacity: 0; position: absolute; left: 0; top: 15%; text-align: center; padding: 0 5%;}

.p_page5_tit{color: #d1120a;}

.p_page5_btn{opacity: 0; position: absolute; bottom: 10%; left: 0; text-align: center;}

.p_page5_btn a{background: url(../images/program_down2.png) no-repeat center;}

.p_page5_tu{opacity: 0; margin-top: 85px;}

.p_page5_wen.ani{

    animation: 1s fadeIn linear both;

    -moz-animation: 1s fadeIn linear both;

    -webkit-animation: 1s fadeIn linear both;

}

.p_page5_tu.ani{

    animation: 1s .5s fadeIn linear both;

    -moz-animation: 1s .5s fadeIn linear both;

    -webkit-animation: 1s .5s fadeIn linear both;

}

.p_page5_btn.ani{

    animation: 1s 1s fadeIn linear both;

    -moz-animation: 1s 1s fadeIn linear both;

    -webkit-animation: 1s 1s fadeIn linear both;

}



.program_page6{background: url(../images/program_page6_bg.jpg) no-repeat center; background-size: cover;}

.p_page6_wen{position: absolute; left: 0; bottom: 50px; width: 100%; height: 100%; color: #fff; padding-left: 5%;}

.p_page6_wen_l{opacity: 0; width: 23%; position: absolute; left: auto; bottom: 0; padding-bottom: 7%;}

.p_page6_tit{width: 100%; padding-bottom: 40px; border-bottom: 1px solid #fff;}

.p_page6_tit h5{float: left;}

.p_page6_tit_r{float: right;}

.slide_btn{display: inline-block; width: 0.22rem; height: 100%;}

.slide_prev{background: url(../images/program_icon1.png) no-repeat center; background-size: 100%;}

.slide_next{margin-left: 0.2rem; background: url(../images/program_icon2.png) no-repeat center; background-size: 100%;}

.p_page6_words1{margin-top: 30px; font-size: 28px;}

.p_page6_words2{margin-top: 30px; font-size: 21px; line-height: 28px; margin-top: 20px; margin-bottom: 90px;}

.p_page6_btn{font-size: 16px; color: #fff; width: 50%; padding-top: 20px; border-top: 1px solid #fff;}

.p_page6_wen_r{opacity: 0; width: 68%; position: absolute; right: 0; bottom: -11%;}

.p_page6_wen_r .phone_box{position: relative; width: 90%;}

.page6_owl{}

.page6_owl .owl-item{}

.p_page6_wen_l.ani{

    animation: 1s fadeInLeft linear both;

    -moz-animation: 1s fadeInLeft linear both;

    -webkit-animation: 1s fadeInLeft linear both;

}

.p_page6_wen_r.ani{

    animation: 1s fadeInRight linear both;

    -moz-animation: 1s fadeInRight linear both;

    -webkit-animation: 1s fadeInRight linear both;

}



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

    .p_all_words1{font-size: 36px;}

    .phone_box{width: 48%;}

    .phone_con5{bottom: -21%;}

    .phone_con6{bottom: -21%;}

    .phone_con7{bottom: -11%;}

    .p_page6_wen_r{bottom: -9%;}

}

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

    .p_page5_tu{margin-top: 155px;}

    .phone_con3{left: 32%;}

    .phone_con5{bottom: -16%;}

    .phone_con6{bottom: -16%;}

    .phone_con7{bottom: -6%;}

}

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

    .p_page5_tu{margin-top: 85px;}

    .p_all_words2{font-size: 16px;}

    .p_all_words1{font-size: 28px;}

    .phone_box{width: 50%;}

    .p_page4_tu .phone_box{width: 38%;}

    .phone_con5{bottom: -10%;}

    .phone_con6{bottom: -10%;}

    .phone_con7{bottom: -5%;}

    .p_page6_tit h5{font-size: 30px;}

    .p_page6_wen_r{bottom: -10%;}

}

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

    .p_page6_words2{font-size: 16px;}

    .ani_btn{margin-top: 10px;}

}

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

    .ani_btn{margin-top: 40px;}

    .phone_box{width: 55%;}

    .phone_con3{bottom: -4%; left: 32%;}

    .p_page6_wen{position: static; padding-top: 15%; padding-right: 5%;}

    .p_page6_wen_l{position: static; width: 100%;}

    .p_page6_wen_r{bottom: -5%; width: 100%; padding: 0 5%;}

    .p_page6_tit{padding-bottom: 20px;}

    .p_page6_words1{margin-top: 10px; text-align: center;}

    .p_page6_words2{margin-bottom: 50px;}

}

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

    .phone_box{width: 40%;}

    .p_all_tit{font-size: 30px;}

    .p_all_words1{margin-top: 20px; font-size: 16px; line-height: 30px;}

    .p_page1_wen{width: 100%; padding: 0 5%; top: 35%; text-align: center;}

    .p_page1_tu{width: 100%;}

    .phone_con1{right: 17%; bottom: -20%;}

    .phone_con2{right: 42%; bottom: -15%;}

    .p_page2_wen{width: 100%; padding: 0 5%; top: 38%; text-align: center;}

    .p_page2_tu{width: 100%;}

    .phone_con3{left: 30%; bottom: -20%;}

    .p_page3_wen{width: 100%; padding: 0 5%; top: 35%; text-align: center;}

    .p_page3_tu{width: 100%;}

    .phone_con4{bottom: -19%; left: 30%;}

    .p_page4_tu{width: 100%;}

    .p_page4_tu .phone_box{width: 45%;}

    .phone_con5{bottom: -24%;}

    .phone_con6{bottom: -24%;}

    .phone_con7{bottom: -15%;}

    .p_page6_wen_r{bottom: -9%;} 

}

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

    .p_all_words1{font-size: 14px; margin-top: 10px; line-height: 24px;}

    .p_all_words2{font-size: 14px; margin-top: 8px; line-height: 24px;}

    .phone_con1{bottom: -15%;}

    .phone_con2{bottom: -10%;}

    .phone_con3{left: 30%; bottom: -15%;}

    .phone_con4{bottom: -15%;}

    .p_page6_wen_r{bottom: -8%;}

    .p_page6_tit{padding-bottom: 10px;}

    .p_page6_words1{font-size: 24px;}

    .p_page6_words2{font-size: 14px;}

    .p_page6_btn{font-size: 14px; padding-top: 10px;}

}

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

    .p_page1_wen{top: 32%;}

    .p_page3_wen{top: 38%;}

    .p_page5_tu{margin-top: 60px;}

    .p_page6_wen_r{bottom: -9%;}

    .p_page6_words2{margin-top: 10px; margin-bottom: 20px;}

    .ani_btn{margin-top: 10px;}

}

/* 方案-结束 */









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

    .talk_window{top: 55%; height: 0; overflow: hidden; padding: 0; display: none; width: 0; height: 0; overflow: hidden; }

}

/*@media only screen and (max-width: 550px){

    .talk_window{padding:10px;top: 55%;width: 90%;height: auto;transform:translate(-50%,-50%);margin:0;}

    .t_w_text h3{font-size: 18px;margin-bottom: 10px;}

    .t_w_text p{font-size: 12px;margin-top: 0px;}

    .t_w_text div.p{margin-top: 10px;}

    .t_w_text div.p a{font-size: 16px;}

    .t_w_btn{position: static;float: right;margin-top: 20px;}

    .t_w_btn a{height: 35px;line-height: 35px;font-size: 14px;}

    .t_w_btn a:first-child{width: 110px;}

    .t_w_btn a:first-child+a{width: 80px;}

}*/

/*弹窗结束*/





@media only screen and (min-width:1600px ) {

    .txt1_01{ font-size: 0.4rem;}

    .txt1_02{ font-size: 0.64rem;}

    .txt1_05{ font-size: 0.80rem;}
	
	.txt1_06{ font-size: 0.6rem;}

    .txt1_04{ font-size: .38rem;}

    .news_tit{ margin-bottom: 0.4rem;}

    .n_scr_tit{ margin-bottom: 0.15rem;}

    .sec6_bot{ padding-top: 0.3rem;}

    .news_scr .infoList li{ margin-bottom: 5%;}

    .bot_links li a{ font-size: 14px; margin-bottom: 5px;}

    .bot_links li a.bot_item0{ font-size: 0.2rem;}

    /*解决方案*/

    .ipbox{ padding-top: 12%; padding-left:0.85rem; padding-right: 0.85rem;}

    /*about*/

    .message_tit{ float: left;}

    .message_tip{ float: right; margin-top: 10px;}

    .history_area{ font-size: 0.22rem;}

    .history_year{ font-size: 0.6rem;}

    .idea{ padding-left: 18%; padding-right: 18%;}

}



@media only screen and (min-width:768px ) and (max-width:1599px ) {

    /*首页*/

    .service_block a,.know_block a{ padding: 0.4rem 0 0 0.4rem;}

    .service_txt,.know_txt{ font-size: 0.18rem;}

    .service_tit,.know_tit{ font-size: 0.24rem;}

    .know_block1 .know_tit{ font-size: 0.48rem;}

    .know_more{ width: 1.5rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.18rem;}

    .know_block3 .know_txt,.know_block4 .know_txt{ font-size: 0.16rem;}

    .flow_tit{ font-size: 0.48rem;}

    .flow_des{ font-size: 0.22rem; }

    .btns_box a{ font-size: 0.20rem; }

    .btns_box a img{ width: 0.4rem; height: 0.4rem;}

    .btns_box a span em{ margin-top: 0.2rem;}

    .link_cell h4,.news_tit{ font-size: 0.24rem;}

    .link_des{ font-size: 0.18rem;}

    .n_scr_tit{ font-size: 0.16rem;}

    .case_tit{ font-size: 0.26rem;}

    .bot_links{ margin-right: -4.4%;}

    .bot_links li{ margin-right: 4.4%;}

    .know_sort li{font-size: 0.16rem;}

    /*服务*/

    .service_item{ font-size: 0.48rem;}

    .service_include{ font-size: 0.18rem;}

    .service_des{ font-size: 0.16rem;}

    .service_links{ font-size: 0.14rem;}

    /*产品*/

    .system_tit{ font-size: 0.48rem;}

    .system_caption{ font-size: 0.26rem;}

    .provide_tit,.resolve_tit,.platform_tit{ font-size: 0.20rem;}

    .c_sort_list,.platform_caption{ font-size: 0.16rem;}

    .panel_area{ padding:0 5% 8% 5%;}

    .platform_list li{ font-size:12px;}

    .system_des,.apply_for,.fra_list li a.fra_item0,.resolve_list{ font-size: 14px;}

    .platform_tit img{ width: 0.45rem; height: 0.45rem;}

}



@media only screen and (min-width:1281px ) and (max-width:1366px ) {

    .service_item{margin-top: 20px;}

}

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

    .bot_info{ width: auto; float: left;}

    .bot_links{ display: none;}

}



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

    /*首页*/

    .pagesider .ixtxts,.itTx1{ z-index: -100;}

    .ipbox{ margin-left: 0;}

    /*产品*/

    .sl,.body_index .pp-section{ padding-top: 50px;}

    #menu { top:50px; height: calc(100% - 50px - 0.5rem);}

    .panel_box,.cover{top:50px;}

    .cover_down{ top:auto; bottom: 0;}

    .sec_box{ top:50px; height: calc(100% - 50px);}

    /*方案*/

    #plan_pc{ display: none;}

    #plan_pad,.body_plan #pp-nav{ display: block;}

    /*about*/

    .contact{ height: auto;}

    .map_phone{ display: block; width: 100%;}

    .contact_map{ display: none;}

    .contact_info{ position: inherit; position: initial; width: 100%; padding-bottom: 80px;}

}

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

    .txt1_02{ font-size: 0.36rem;}

    /*==首页==*/

    .ixtxts{ width: 96%; height: 3.2rem;}

    .service_block{ width: 50%; height: 33.33%;}

    .service_block2{ left:50%; top:0;}

    .service_block3{ left:0; top:33.33%;}

    .service_block4{ left:50%; top:33.33%;}

    .service_block5{ height: 33.34%; left:0; bottom: 0;}

    .service_block6{ height: 33.34%; right:0; bottom: 0;}

    .service_sort span{ display: block; margin: 0; width: 100%;}

    .service_block a, .know_block a{ padding:0.4rem 0 0 0.4rem;}

    /*know_block*/

    .know_block{ width: 100%; height: 33.33%; left:0;}

    .know_block2{ width: 50%; top:33.33%;}

    .know_block3{ width: 50%; top:33.33%; left:50%;}

    .know_block4{ top:66.66%;}

    .know_block1 .know_tit{ font-size: 0.3rem;}

    /*product*/

    .product_btns{ width: 100%; bottom: 0; padding: 0.3rem 0; background: rgba(0,160,233,.80);}

    .bg_box,.main_box{ width: 100%; background: none;}

    .flow_txt{ text-shadow: 1px 1px 3px #999;}

    .case_info{ padding-left: 8%; padding-right: 8%;}

    #case_scr .owl-controls{ bottom: 0;}

    .case_des{ line-height: 1.5; max-height: none;

        /*-webkit-line-clamp属性 */

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 8;

        -webkit-line-break: auto;

        -webkit-box-orient: vertical;

    }

    /*sec6*/

    .sec6_top{ height: 45%;}

    .m_link{ width: 100%;}

    .news_rec{ width: 100%; height: 56%; top:auto; bottom: 0; display: none;}

    .sec6_bot{ height: 55%; text-align: center;}

    .bot_links,.erweima{ display: none;}

    #erweima_phone{ display: block;}

    #erweima_phone{ float: none; margin: 0.2rem 0 0.1rem;}

    #erweima_phone li{ float: none; display: inline-block;}

    #erweima_phone li img{ width: 90px; height: 90px;}

    .bot_info{ width: 100%; float: none; font-size: 12px; line-height: 1.5;}

    .info_phone,.info_tit{ display: none;}

    .info_logo{ margin-left: auto; margin-right: auto;}

    .dial_phone{ display: block; font-size: 16px; line-height: 2;}

    .dial_phone span{ display: inline-block; background: url("../images/ico_jia1.png") left center no-repeat; background-size: 30px; padding-left: 40px;}



    /*====服务====*/

    .service_area{ padding: 0 0.3rem;}

    .service_links{ margin-top: 0.3rem;}

    .service_include a{ width: 50%;}

    .service_links li a{ padding: 0 3px;}

    .service_links li a span{ padding: 0;}

    .service_links li a:hover span{ background: none; padding: 0;}

    .service_item{ font-size: 0.48rem;}

    /*====plan====*/

    .sl,.sr{ width: 100%; float: left; position: relative; z-index: 10;}

    .sl{ background: rgba(255,255,255,.92);}

    .sr{ margin-left: -100%; z-index: 0;}

    .stawbox{ right: 20px;}

    .st-top, .st-bottom{ width: 40px; height: 40px; margin-left: 6px;}

    .mouse{ display: none;}

    .plan_overview{ max-height: none;

        /*-webkit-line-clamp属性 */

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 5;

        -webkit-line-break: auto;

        -webkit-box-orient: vertical;}

    /*====产品====*/

    .ms-left{ width: 100%;}

    .ms-left{ z-index: 4000;}

    .ms-left .ms-section{ background: rgba(255,255,255,.92);}

    #menu{ left: auto; right: 0;}

    .body_system #multiscroll-nav{ display: none;}

    .system_des{ line-height: 1.5; max-height: none;

        /*-webkit-line-clamp属性 */

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 5;

        -webkit-line-break: auto;

        -webkit-box-orient: vertical;}



    .open_menu{ width: 40px; height: 40px; left:6%; bottom: 6%; top:auto;}

    .open_menu span{ background-size: 8px;}

    .closed_menu{ left: auto; right: 6%;}

    .cover{ width: 100%; background: rgba(255,255,255,.92);}

    .cover_down{ display: none;}

    .panel_area{ left:0; width: 100%; background: rgba(255,255,255,.92);}

    .body_system .nicescroll-rails{ margin-left: calc(50% - 5px);}

    .provide_list{ margin-left: 0; margin-right: 0;}

    /*==plan——pad==*/

    .plan_img{ width: 50%;}

    .plan_info{ width: 100%; background: rgba(255,255,255,.92);}

    .plan_block{ padding-top: 80px;}

    .plan_next{ bottom: 0.3rem;}



    /*about*/

    .message_tit{ font-size: 20px;}

    .message_tit span,.contact_list li{ font-size: 14px;}

    .must_write,.message_tip{ font-size: 12px;}

    .message_form{ margin-left: 0; margin-right: 0;}

    .form_line{ width: 100%; padding: 0;}

    .form_check{ width: 60%;}

    .form_check .form_txt{ width: 44%;}

    .form_handle{ width: 40%;}

    .must_ico{ left:0;}

    .team, .join{ width: 100%; height: 50%;}

    .num{ height: auto;}

    #num_0{ padding: 80px 4% 5%;}

    .culture_info{ width: 100%; height: auto; position: relative; z-index: 10; background: rgba(255,255,255,0.80);}

    .culture_img{ width: 100%; position: absolute; top: 0; left: 0;}

    .culture_logo{ display: none;}

    /*history*/

    .history{ padding-bottom: 5%;}

    .history_show{ padding: 0;}

    #history_scr{ padding: 0 0.50rem 0 0.70rem;}

    #history_scr .owl-controls .owl-buttons div{ width:0.35rem; height: 0.66rem; margin-top: -0.33rem;}

    .history_area{ padding: 0 15px;}

    .culture_info,.idea,.team, .join{ padding:5% 4%;}

    #history_scr .owl-item .item .history_area:before{ display: none;}

    .team img, .join img{ max-width: 90%;}

    #num_0  .profile_img{ display: none;}

    #num_0 .profile_img2{ display: block;}





    .system_tit{ font-size: 0.48rem;}

    .system_caption{ font-size: 0.32rem;}

    .service_include,.plan_gs{ font-size: 14px;}

    .c_sort_list, .platform_caption,.provide_tit, .resolve_tit, .platform_tit,.apply_tit,.n_scr_tit,

    .plan_caption,.plan_next{ font-size: 14px;}

    .system_des, .apply_for, .fra_list li a.fra_item0, .resolve_list,.platform_list li,.news_scr .infoList li,

    .case_des,.case_more,

    .service_txt,.service_des,

    .know_txt,.know_sort li,.know_more,

    .service_links li a,.plan_info{ font-size: 12px;}



}

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

    /*====服务====*/

    .service_l, .service_r,.section_dif .service_l,.section_dif .service_r{ width: 100%; height: 36%; left:0;}

    .service_r,.section_dif .service_r{ height: 64%; top:auto; bottom: 0;}

}



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

    .sec6_top{ height: 45%;}

    .sec6_bot{ height: 55%;}



    /* 案例 */

    

}





@media only screen and (min-width:768px ) and (max-height:768px ) {

    /*====首页====*/

    .sec6_top{ height: 58%;}

    .sec6_bot{ height: 42%; padding-top: 0.2rem;}

    .news_scr .infoList li{ margin-bottom: 2%;}

    .news_rec{ padding-top: 2%;}

    .news_tit{ margin-bottom: 0.2rem;}

    .n_scr_tit{ margin-bottom: 5px;}

    .bot_info{ line-height: 1.6;}

}

.know_block3 a,.know_block4 a{ padding: 0;}



/*.footer { background: #1b1b1b; color: #fff; text-align: center; padding: 7% 0 27px 0; position: relative; z-index: 199; }

.footer a { color: #fff; }*/



a,*:before,*:after,

.menu-overlay,

.ixtxts,.slidecontent,

.btns_box a span em,

.ms-easing,.open_menu,.tick,.service_links li a span,

#case_scr .owl-prev,#case_scr .owl-next,footer,.n_scr_tit,

.apply_list li a p span{

    -webkit-transition: transition:all 0.5s ease;

    -moz-transition: transition:all 0.5s ease;

    -ms-transition: transition:all 0.5s ease;

    -moz-transition: transition:all 0.5s ease;

    transition:all 0.5s ease;

}

.case_info,.case_logo,.case_logo img,.case_des,.case_tit em,.case_tit i{

    -webkit-transition: transition:all 0.8s ease;

    -moz-transition: transition:all 0.8s ease;

    -ms-transition: transition:all 0.8s ease;

    -moz-transition: transition:all 0.8s ease;

    transition:all 0.8s ease;

}



/*图片由小变大*/

.link_img{

    -webkit-transform: scale(1, 1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration:400ms;

    -moz-transform: scale(1, 1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration:400ms;

    transform: scale(1, 1);

    transition-timing-function: ease-out;

    transition-duration:400ms;

    width: 100%;

}



.m_link:hover .link_img{

    -webkit-transform: scale(1.08, 1.08);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration:400ms;

    -moz-transform: scale(1.08, 1.08);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration:400ms;

    transform: scale(1.08, 1.08);

    transition-timing-function: ease-out;

    transition-duration:400ms;

}



/*图片由大变小*/

.block_img{

    -webkit-transform: scale(1.05, 1.05);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration:400ms;

    -moz-transform: scale(1.05, 1.05);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration:400ms;

    transform: scale(1.05, 1.05);

    transition-timing-function: ease-out;

    transition-duration:400ms;

}

.service_block:hover .block_img,.know_block:hover .block_img{

    -webkit-transform: scale(1, 1);

    -webkit-transition-timing-function: ease-out;

    -webkit-transition-duration:400ms;

    -moz-transform: scale(1, 1);

    -moz-transition-timing-function: ease-out;

    -moz-transition-duration:400ms;

    transform: scale(1, 1);

    transition-timing-function: ease-out;

    transition-duration:400ms;

    width: 100%;

}



.ymcx-main-f{ padding:15px 0; background:#fff;}

.ymcx-main-f li{ float:left; width:49%; border-left:1px dashed #bdbdbd; border-bottom:1px dashed #bdbdbd; padding:10px 0 10px 0;}

.ymcx-main-f li.li-w,.ymcx-main-f li.li-l{ border-bottom:0; padding:5px 0 12px 0}

.ymcx-main-f li.li-o,.ymcx-main-f li.li-f{ border-left:0}

.ymcx-main-f li.li-f,.ymcx-main-f li.li-s{ border-bottom:0; }

.ymcx-main-f li .li-img{ width:53px; height:49px; float:left; margin:10px 20px 0 20px}

.ymcx-main-f li .li-img span{ display:block; float:left; background:url(../images/domain-4.png) no-repeat; width:46px; height:42px; margin:3.5px 0 0 3.5px; background-position:0 -182px;}

.ymcx-main-f li.li-t .li-img span{ width:44px; height:44px; margin:2.5px 0 0 4.5px; background-position:0 -93px;}

.ymcx-main-f li.li-s .li-img span{ width:34px; height:44px; margin:2.5px 0 0 9.5px; background-position:0 0;}

.ymcx-main-f li.li-f .li-img span{ width:53px; height:35px; margin:7px 0 0 0; background-position:0 -224px;}

.ymcx-main-f li.li-w .li-img span{ width:37px; height:49px; margin:0 0 0 8px; background-position:0 -44px;}

.ymcx-main-f li.li-l .li-img span{ width:45px; height:45px; margin:2px 0 0 4px; background-position:0 -137px;}

.ymcx-main-f li.li-t .li-img,.ymcx-main-f li.li-w .li-img{}

.ymcx-main-f li.li-s .li-img,.ymcx-main-f li.li-l .li-img{}

.ymcx-main-f li dl{ float:left;}

.ymcx-main-f li dl dt{ color:#333; font-size:18px; line-height:18px; padding-bottom:8px;}

.ymcx-main-f li dl dd{ font-size:14px; color:#6a6a6a; line-height:22px;}





.cloud-main-se{padding:0px 0}

.cloud-main-se li{float:left;width:46%;border:1px solid #e6e6e6;padding:5px 5px;min-height:133px;margin-right:5px; margin-bottom:5px}

.cloud-main-se li dl dt{width:55px;height:55px;margin:0 auto}

.cloud-main-se li dl dt span{display:block;float:left;width:46px;height:55px;margin:0 0 0 4.5px;background:url(../images/17cloud-7.png) no-repeat}

.cloud-main-se li:nth-child(2) dl dt span{width:3pc;height:54px;margin:.5px 0 0 3.5px;background-position:0 -55px}

.cloud-main-se li:nth-child(3) dl dt span{width:54px;height:54px;margin:0 0 0 .5px;background-position:0 -109px}

.cloud-main-se li:nth-child(4) dl dt span{width:55px;height:55px;margin:0;background-position:0 -163px}

.cloud-main-se li:last-child{margin-right:0}

.cloud-main-se li dl dd{color:#f86d0d;font-size:1pc;line-height:1pc;padding-top:5px;text-align:center}

.cloud-main-se li p{padding-top:0px;color:#696969;font-size:14px;line-height:20px}

.cloud-main-se li p a{display:block}



.mail-main-t { padding-top: 0px; background-attachment: fixed; background-position:center; height:auto}

.mail-main-t .w-1200{ background-color: #fff; padding: 0px 0;}

.mail-main-t ul{ margin:0px;}

.mail-main-t li{ width: 49.5%; float: left; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0;}

.mail-main-t li:nth-child(6){ border-right: 0;}

.mail-main-t li:nth-child(4),.mail-main-t li:nth-child(3),.mail-main-t li:nth-child(6){ padding-top: 20px; border-bottom: 0;}

.mail-main-t .li-img{ width: 69px; height: 69px; text-align: center; margin: 0 auto;}

.mail-main-t .li-img span{ display: inline-block; width: 69px; height: 69px; background: url(../images/17mail-9.png) no-repeat; background-position: 0 -355px;}

.mail-main-t li:nth-child(2) .li-img span{ background-position: 0 -424px;}

.mail-main-t li:nth-child(3) .li-img span{ background-position: 0 -493px;}

.mail-main-t li:nth-child(4) .li-img span{ background-position: 0 -217px;}

.mail-main-t li:nth-child(5) .li-img span{ background-position: 0 -286px;}

.mail-main-t li:nth-child(6) .li-img span{ background-position: 0 -559px;}

.mail-main-t dl{width: 100%; margin: 0 auto; margin-top: 5px; text-align: center;}

.mail-main-t dt{ color: #333; font-size: 18px; line-height: 18px;}

.mail-main-t dd{ color: #666; font-size:14px; line-height: 20px; padding-top: 5px; min-height: 50px;}





.inner ul li{ float:left; width:49.5%;border:1px dashed #bdbdbd;  height:130px; padding-top:15px}

.inner ul li .tpnr{ float:left;width:20%; margin:15px;}

.inner ul li .tpnr img{ width:50px; height:40px;}

.inner ul li .wznr{}

.inner ul li .wznr .tt{line-height:150%;font-size:14px;color:#373d41;}

.inner ul li .wznr .exp{font-size:12px;color:#777f84;line-height:150%;}





.dn-container ul{ margin:0px; padding:0px;}

.dn-container ul li{ float:left; padding-right:15px; margin-bottom:15px; width:50%;}

.dn-container ul li .dot{width:4px;height:25px;background-color:#1199f2;float:left}

.dn-container ul li .con{margin-left:15px; font-family:"微软雅黑"}

.dn-container ul li .con .tit{font-size:19px;color:#373d41;line-height:100%; height:30px; line-height:30px}

.dn-container ul li .con .txt{ color:#777f84; font-size:12px; line-height:180%}





.website-main-t{ padding: 0px; margin-top:-30px}

.website-main-t ul{ margin:0px; padding:0px}

.website-main-t li{float: left; width: 50%; height:160px; margin-top: 24px;}

.website-main-t .li-main{text-align: center; }

.website-main-t .li-main .li-img{ width: 98px; height: 79px; margin: 0 auto; padding-top: 5px;}

.website-main-t .li-main .li-img span{ display: block; width: 87px; height: 78px; float: left; margin: .5px 0 0 5.5px; background: url(../images/17website-2.png) no-repeat; background-position: 0 -462px;}

.website-main-t li:nth-child(2) .li-main .li-img span{ width: 79px; height: 79px; margin: 0 0 0 9.5px; background-position: 0 -229px;}

.website-main-t li:nth-child(3) .li-main .li-img span{ width: 87px; height: 77px; margin: 1px 0 0 5.5px; background-position: 0 -385px;}

.website-main-t li:nth-child(4) .li-main .li-img span{ width: 98px; height: 77px; margin: 1px 0 0 0; background-position: 0 -806px;}

.website-main-t li:nth-child(5) .li-main .li-img span{ width: 86px; height: 77px; margin: 1px 0 0 6px; background-position: 0 -308px;}

.website-main-t li:nth-child(6) .li-main .li-img span{ width: 90px; height: 72px; margin: 3.5px 0 0 4px; background-position: 0 -540px;}

.website-main-t .li-main dl{ padding-top: 10px;}

.website-main-t .li-main dt{ color: #333; font-size: 20px; line-height: 20px;}

.website-main-t .li-main dd{ color: #999; font-size: 14px; line-height: 22px; padding-top: 10px;}

.website-main-t .li-box{ display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(237,96,0,.9);}

.website-main-t li:nth-child(2) .li-box{ background-color: rgba(94,140,6,.9);}

.website-main-t li:nth-child(3) .li-box{ background-color: rgba(177,167,0,.9);}

.website-main-t li:nth-child(4) .li-box{ background-color: rgba(0,139,134,.9);}

.website-main-t li:nth-child(5) .li-box{ background-color: rgba(25,101,141,.9);}

.website-main-t li:nth-child(6) .li-box{ background-color: rgba(165,46,34,.9);}

.website-main-t .li-box p{ margin-left: 48px; padding-top: 20px; color: #fff; font-size: 14px; line-height: 26px;}

.website-main-t .li-box p span{ display: inline-block; margin-right: 35px;}

.website-main-t li:nth-child(6) .li-box p { margin-left: 16px;}

.website-main-t li:nth-child(6) .li-box p span{ margin-right: 12px;}

.website-main-t .li-box .li-img{ position: absolute; left: 50%; margin-left: -74.5px; bottom: 25px; width: 149px; height: 101px; }

.website-main-t .li-box .li-img span{ display:block; float: left; width: 107px;height: 95px; margin:6px 0 0 21px ; background: url(../images/17website-2.png) no-repeat; background-position: 0 -984px;}

.website-main-t li:nth-child(2) .li-box .li-img span{ width:96px; height: 96px; margin: 5px 0 0 26.5px; background-position:0 -612px}

.website-main-t li:nth-child(3) .li-box .li-img span{ width:149px; height: 78px; margin: 23px 0 0 0; background-position:0 -1271px}

.website-main-t li:nth-child(4) .li-box .li-img span{ width:108px; height: 93px; margin: 8px 0 0 20.5px; background-position:0 -1178px}

.website-main-t li:nth-child(5) .li-box .li-img span{ width:108px; height: 99px; margin: 2px 0 0 20.5px; background-position:0 -1079px}

.website-main-t li:nth-child(6) .li-box .li-img span{ width:107px; height: 101px; margin: 0 0 0 21px; background-position:0 -883px}

.website-main-t li:hover .li-box{ display: block;}

.website-main-t a{ display:block; text-align: center; line-height: 44px; width: 248px; border: 1px solid #ff6800; color: #ff6800; font-size: 14px; margin: 0 auto; margin-top: 36px;}

.website-main-t a:hover{ color: #fff; background-color: #ff6800;}





.i_productlist{ margin:0px; padding:0px}

.i_productlist a{ margin-left:10px; display:inline-block;}

.i_productlist a.first{ margin-left:0px;}

.i_productlist dl{ position:relative; width:170px; height:378px; overflow:hidden; float:left;margin-left: 5px; margin-bottom:15px}

.i_productlist dd{ position:absolute; top:0px; left:0px;}

.i_productlist dd.t1{ top:44px; left:22px; font-size:20px; color:#f47309; z-index:3; width:140px;}

.i_productlist dd.t2{top:80px; left:22px; line-height:26px; font-size:14px; color:#000; z-index:3; width:140px;}

.i_productlist dd.t3{ width:100%; height:100%; top:0px; left:0px; background:url(../images/transparent80fff.png) repeat; z-index:2;}

.i_productlist dd.t4{top:314px; left:20px;z-index:3;width:136px; height:89px; }

.i_productlist dl:hover dd.t1{ color:#fff;}

.i_productlist dl:hover dd.t2{ color:#fff;}

.i_productlist dl:hover dd.t3{ background:url(../images/transparent80000.png) repeat;}

.i_productlist dl dd.t4.t1_1{ background:url(../images/pro01.png) no-repeat center center; }

.i_productlist dl:hover dd.t4.t1_1{ background:url(../images/pro01hover.png) no-repeat center center; }

.i_productlist dl dd.t4.t2_2{ background:url(../images/pro02.png) no-repeat center center; }

.i_productlist dl:hover dd.t4.t2_2{ background:url(../images/pro02hover.png) no-repeat center center; }

.i_productlist dl dd.t4.t3_3{ background:url(../images/pro03.png) no-repeat center center; }

.i_productlist dl:hover dd.t4.t3_3{ background:url(../images/pro03hover.png) no-repeat center center; }

.i_productlist dl dd.t4.t4_4{ background:url(../images/pro04.png) no-repeat center center; }

.i_productlist dl:hover dd.t4.t4_4{ background:url(../images/pro04hover.png) no-repeat center center; }

.i_productlist dl dd.t4.t5_5{ background:url(../images/pro05.png) no-repeat center center; }

.i_productlist dl:hover dd.t4.t5_5{ background:url(../images/pro05hover.png) no-repeat center center; }

.i_productlist dl dd.t4.t6_6{ background:url(../images/pro06.png) no-repeat center center; }

.i_productlist dl:hover dd.t4.t6_6{ background:url(../images/pro06hover.png) no-repeat center center; }



.flowlist{ height:250px;}

.flowlist dl{ width:260px; float:left; text-align:center; padding:15px 13px;}

.flowlist dl dd.t1{ height:40px; line-height:40px; color:#00a0e9; font-size:18px;}

.flowlist dl dd.t2{ color:#333; line-height:30px; font-size:14px;}







/*====================================09/22lilu==招聘 begin====================================*/

.body_about{}

/*join_sec1*/

.join_sec1{ color: #fff;}

.page_bg{ position: fixed; width: 100%; height: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: cover;}

.join_inner,.join_table{ width: 100%; height: 100%; display: table;}

.join_cell{ display: table-cell; vertical-align: middle;}

.page_txt{ font-size: .24rem; line-height: normal;}

.p1_txt{ padding-left: 8%;}

.join_p1,.join_p2,.join_txt{ position: relative; top:-20%; opacity: 0;}

.join_txt{ top:20%;}

.join_p1{ font-weight: bold; font-size: .68rem;}

.join_p2{ font-size: .54rem; margin-bottom: .30rem;}

.p2_txt{ float: right; padding-right: 8%;}

/*join_sec2*/

.join_sec2{}

/*join_sec3*/

.join_sec3{}

.page3_l{ width: 36%; height: 100%; position: absolute; top:0; left:0; background: url("../images/join_04.jpg") left bottom no-repeat; background-size: 66.66%; text-align: center;}

.p3_item,.p3_caption{ display: inline-block; vertical-align: bottom;}

.p3_item{ width: 70%; max-width: 445px; position: relative;}

.p3_item img{ display: block;}

.p3_item img.p3_item_img2{ position: absolute; top:0; left:0; opacity: 0;}

.p3_caption{ font-size: .35rem; padding-right: .30rem; background: url("../images/ico_08.png") right center no-repeat; background-size: .14rem; margin-left: -15.5%; margin-bottom: 8%;}

.p3_caption span{ display: block; width:.60rem; line-height: 1.1; padding:0 .13rem; border-left: 1px solid #000000; border-right: 1px solid #000000;} 

.page3_cur .page3_l{ background-color: #00a0e9; background-image: url("../images/join_04b.jpg");}

.page3_cur .p3_item img.p3_item_img2{ opacity: 1;}



.page3_r{ width: 56%; position: absolute; top:0; left:36%; height: 100%;}

.r_inner{ width: 100%; position: absolute; top:50%; margin-top: -28%; left:0;}

.post_tit{ font-size: .28rem; margin-bottom: .20rem;}

.join_list{ position: relative;}

#join_scr{ }

.post_line{}

.post_line a{ cursor: pointer; display: block; overflow: hidden; padding: .20rem 0; line-height: 33px; border-bottom:1px solid #989898; font-size: .16rem;}

.post_line:first-child a{ border-top:1px solid #989898;}

.post_more{ display: block; float: right; width: 123px; height: 33px; text-align: center; line-height: 33px; background-color: #00a0e9; color: #fff;}

.post_more:hover{ background-color: #00f0e9;}

.line_r{ overflow: hidden;}

.line_r span{ display: block; height: 33px; overflow: hidden; float: left; margin-right:4%;}

.line_r span.post_name{ font-size: .20rem; width: 22%;}

#join_scr .owl-controls{ margin: 0;}

#join_scr .owl-buttons{ position: absolute; top:-.70rem; right: 0;}

#join_scr .owl-buttons div{ width: .32rem; height: .28rem; border-radius: 0; opacity: 1; padding: 0; margin: 0 3px; font-size: 0; background: #000 url("../images/ico_07a.png") center center no-repeat; background-size: .10rem;}

#join_scr .owl-buttons div.owl-next{ background-image: url("../images/ico_07b.png");}

#join_scr .owl-buttons div:hover{ background-color: #e52105;}

/*post_detail*/

.post_detail{ position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: #fff; text-align: center; padding-left: 8%; display: none;}

.post_closed{ cursor: pointer; position: absolute; top:50%; left:0; width: 1rem; height: 1.20rem; margin: -.60rem 0 0 -.50rem; background: url("../images/ico_10.png") right center no-repeat; background-size: contain; font-size: 0; }

.post_closed:before{ content: ""; position:absolute; top:50%; left:50%; width: .20rem; height: .20rem; margin: -.10rem 0 0 -.10rem; background: url("../images/ico_09.png") no-repeat;}

.post_closed:hover:before{

    -webkit-transform:rotate(360deg);

    -moz-transform:rotate(360deg);

    -ms-transform:rotate(360deg);

    transform:rotate(360deg);

}

#serFocus,.post_info{ height: 100%;}

.post_item{ font-size: .32rem; margin-bottom: .10rem;}

.post_intro{ font-size: .18rem; margin-bottom: .30rem;}

.post_intro span{ padding: 0 .30rem;}

.post_apply{ float: none; margin: 0 auto;}

.post_des{ margin-top: .30rem; line-height: 22px; /*max-height: 110px;*/ overflow: hidden; color: #666;text-align: left;}





/*====================================09/22lilu==招聘 end====================================*/





.pagecode{text-align:center; padding:10px 0px; margin-top:20px;}

.pagecode a{display:inline-block;  padding:10px 20px; background:#f0f0f0; margin:0px 5px; border-radius:18px}

.pagecode a.on,.pagecode a:hover{background:#00a0e9; color:#fff; padding:10px 20px; border-radius:18px;}