/* 
* @Author: SUN
* @Date: 2022-03-21
*/
.mobile-inner-nav a{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal}
@-webkit-keyframes returnToNormal{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes returnToNormal{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
body{margin:0;padding:0;/*background-color:#fff;*/font-family:source sans pro,sans-serif}

#header{background-color:#3f8dbf;float:left;width:100%;height:50px;color:#fff;line-height:50px;position:fixed;left:0;top:0;z-index:1}
#header a{color:#fff;text-decoration:none;display:block;font-size:15px}
#header-left{float:left;height:50px}
#header-left:hover #header-left-icon{background-color:#3f8dbf}
#header-left:hover #header-left-text{background-color:#599bc8}
#header-left-icon{float:left;height:50px;width:50px;text-align:center;background-color:#35759f;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-left-icon a{font-size:25px}
#header-left-text{float:left;height:50px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-left-text a{padding-left:20px;padding-right:20px}

#header-right{float:right;height:50px}
#header-right:hover #header-right-icon{background-color:#3f8dbf}
#header-right:hover #header-right-text{background-color:#599bc8}
#header-right-icon{float:right;height:50px;width:50px;text-align:center;background-color:#35759f;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-right-text{float:right;height:50px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#header-right-text a{padding-right:20px;padding-left:20px}

.wrapper{width:100%;float:left;margin-top:50px;margin-bottom:150px}
.wrapper-inner{width:1100px;margin-right:auto;margin-left:auto;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.wrapper-inner-buttons{width:100%;float:left;margin-top:50px;text-align:center}
.wrapper-inner-buttons a{background-color:#3f8dbf;line-height:35px;padding-right:15px;padding-left:15px;margin:10px;display:inline-block;text-align:center;text-decoration:none;color:#fff;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s;border-radius:calc(35px/2)}
.wrapper-inner-buttons a.current{background-color:#f5d76e;color:#d35400}
.wrapper-inner-buttons a:hover{background-color:#35759f;color:#fff}

.mobile{width:100%;float:left;}
.mobile-inner{width:100%;margin-right:auto;margin-left:auto;background-color:#fafafa;position:relative}
.mobile-inner img{width:100%;margin-bottom:30px}
.mobile-inner p{color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0}
.mobile-inner-header{background-color:rgba(0,0,0,.9);width:100%;height:65px;}
.mobile-inner-header-icon{color:#fff;height:65px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
.mobile-inner-header-icon:hover{background-color:rgba(255,255,255,.2);cursor:pointer}
.mobile-inner-header-icon span{position:absolute;left:calc((100% - 25px)/ 2);top:calc((100% - 1px)/ 2);width:25px;height:1px;background-color:#fff}
.mobile-inner-header-icon span:nth-child(1){transform:translateY(4px) rotate(0)}
.mobile-inner-header-icon span:nth-child(2){transform:translateY(-4px) rotate(0)}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}
@keyframes clickfirst{0%{transform:translateY(4px) rotate(0)}
100%{transform:translateY(0) rotate(45deg)}
}
@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0)}
100%{transform:translateY(0) rotate(-45deg)}
}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}
@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}
100%{transform:translateY(-4px) rotate(0)}
}
@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}
100%{transform:translateY(4px) rotate(0)}
}
.mobile-inner-nav{background-color:rgba(0,0,0,.9);width:100%;padding-top:30px;padding-bottom:80px;display:none}
.mobile-inner-nav a{display:inline-block;line-height:50px;text-decoration:none;width:80%;margin-left:10%;color:#fff;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300}
.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}

.m_nav{display:none;position:relative;z-index:999;}
.m_logo{position:absolute;top:12px;left:20px;}
.m_logo img{max-width:180px;}
@media screen and (max-width:1024px) {
    body{max-width:750px;}
    .m_nav{display:block;}
    .top-head{display:none;}
    .banner{display:none;}
    #m_banner{display:block;clear:both;}

    .s_banner{display:block;height:300px;}
	.s_banner p{margin-top:25%;}

	.c_tit_box{margin-bottom: 20px;}
	.c_tit li { height:40px;}
	.c_tit li a{ line-height:40px;font-size:16px;}

    .main_tit {margin-bottom:10px;}


    .bx_2{width:98%;}
    .bx{width:100%;}
    .box_icon{clear:both;}
    .icon_1{width:40%;margin-left:7%;margin-right:0;margin-top:20px;}
    .icon_1.last{display:none;}
    .icon_1 h4{ font-size:18px;}
    .icon_1 p{ font-size:12px;}
    .icon_1 img{width:70%;}
    .about_tu{width:80%;margin:0px auto;float:unset;}
    .about_text p{width:90%;margin:0 auto;}
    .about_btn{margin: 30px auto 0px;}
    .about .abo_bot{padding:30px 0 40px 0;}
    .about .abo_bot dl{width:40%;height:80px;margin-left:10%;border:0;}
    .about .abo_bot dl dt{padding-top:0;}
    .about .abo_bot dl dt b{font-size:2rem;}
    .adv_box{display:none;}
    /*选择*/
    .xz_box{min-height:600px;height:100%;margin-bottom:20px;padding-top:25px;overflow:hidden;}
    .xz_l{width:80%;float:none;margin:0 5% 30px 15%;}
    .xz_l img{display:block;width:150px;height:112px;margin:30px auto ;}
    .xz_l p{display:block;font-size:14px;color:#fff;width:90%;margin:0 5% 0 0;line-height:30px;letter-spacing:1px;}
    .line_2{display:none;}
	/*优势*/
    .xz_text{display:block;width:90%;float:none;margin:0 0 0 6%;padding:25px 30px;min-height:430px;height:100%;}
    .xz11{width:45%;margin:0 2% 0 3%;overflow:hidden;}
    .xz11 img{height:40px;}
    .xz11 h3{font-size:14px;}
    .xz11 p{font-size:12px;width:100%;}
    .xz12{margin-top:30px;}
    /*首页案例列表*/
    .view{width:95%;float:none;display:inline-block;margin:2% 0 2% 2.5%;}
    .view.last{margin-right:auto;}
    
    
    /*新闻*/
    .new_box{margin:15px 5% 0 5%}
    .new_nav{display:none;}
    .new1 { margin-right:0;width:40%;margin-left:10%;}
    .tu_l{width:100%;}
    .tu_r{display:block;float:none;width:100%;height:100%;overflow:hidden;}
    .tu_r:first-child{margin-left:5%;}
    .nwe_text_2 p{display:none;}
    .nwe_text_2.last{display:block;margin-top:10px;}
    .box_icon{margin-bottom:40px;margin-top:10px;}

    /*合作伙伴*/
    .Partner{margin:40px 0;}
	.Partner .i_tit h3{margin-bottom:10px;}
    .Partner .i_tit p{width:80%;margin:0 auto;}
    .pan{width:90%;margin:30px auto 0 auto;}
    .pan li{margin-right:0;width:45.5%;margin-left:3%;}


	.Foot{margin:0 auto;padding:20px 5% 10px 5%;}
    .Foot .leftDiv{width:40%;margin-left:3%;}
    .Foot .midDiv{width:47%;margin-left:5%;}
    .Foot .midDiv .list2 li {line-height:25px;}
    .Foot .txt2{width:100%;}
    .Foot .rightDiv{clear:both;display:block;width:97%;margin:20px 1% 20px 2%;}
    .Foot .content{width:98%;overflow:hidden;}
    .cndns-right{display:none;}

    .copy{width:95%;margin:0 auto;padding:15px 2.5%;height:50px;}
    .copy p{display:block;line-height:25px;word-wrap:break-word}

    .box_about{padding:20px 0 0;}
    .about{margin-top:20px;}
    .strategy_tit p{margin:10px 0 10px;}

    /*about.css*/
    .about_banner{background-size:100% 100%;height:150px;clear:both;}
    .concerning{overflow:hidden;margin-bottom:40px;}
    .concerning_text{width:97%;padding-left:5%;}
    .concerning_text span{font-size:1.5rem;}
    .concerning_text p{width:95%;}
    .concerning_num{width:95%;padding:8% 1% 0 3%;}
    .concerning_num_tit p{margin-bottom:25px;}
    .concerning_num{height:615px;}
    .concerning_line{margin:40px 0px 40px;}
    .Customer_2 h3,.Customer_2 p{float:unset;display:inline-block;}
    .Customer_2 h3{font-size:3.5rem;}
    .course{display:none;}
    .Customer1{text-align:center;width:100%;border:0;}
    .strategy_tit h3{font-size:1.5rem;}
    .field_tu li{width:12%;margin-left:2%;margin-bottom:5%;}
    .field_tu li:nth-child(5){margin-left:2%;}
    .field{margin-bottom:40px;}
    .animate01,.animate02{width:99.82%;}

    /*product.css*/
    .por_banner{background-size:100% 100%;height:150px;clear:both;margin-bottom:40px;}
    .strategy{margin-bottom:40px;}
    .strategy_icon1{width:43.44%;margin-left:3%;clear:both;float:unset;display:inline-block;vertical-align:top;margin-bottom:10%;}
    .strategy_icon1.last{margin-left:3%;}
    .strategy_icon1 img{float:unset;margin:0px auto;}
    .strategy_text h4{font-size:18px;}
    .strategy li:nth-child(4){display:none;}
    .strategy_text{width:99.68%;text-align:center;}
    .program{display:none;}
    .customization_btn1{padding:0 35px;}
    .customization_1{width:98.95%;margin-bottom:3%;}
    .customization_box li img{max-width:100%;}
    .customization_box li .case_pic{width:100%;}
    .customization_box li{margin-bottom:40px;}

    /*case.css*/
	.case{padding-top:20px;margin-bottom:10px;}
    .case_banner{background-size: 100% 100%;height:150px;clear:both;margin-bottom:40px;}
    .case_tit_box{margin-bottom:40px;}
    .case_tit li{width:25%;}
    .case li.last{margin-right:2%;}
    .case li{width:48%;}
    .pages a, .pages .cpb{padding:0;width:45px;}

    /*product_page.css*/
    .Projectr_about1_tu{width:100%;}
    .Projectr_about1_text{width:100%;}
    .Projectr_about1_text1, .Projectr_about1_text2,.Projectr_btn{width:100%;}
    .Projectr_about1_text1 h3{font-size:1.5rem;}
    
    /*new.css*/
	.new{margin-bottom:0;}
    .new_banner{background-size: 100% 100%;height:150px;clear:both;margin-bottom:40px;}
    .information_tit{width:100%;}
    .information{padding:40px 0;}
    .information_tit li{width:42%;margin-top:15px;min-width:unset;margin-left:5%;margin-right:0;}
    .information_ser{clear:both;float:unset;margin-left:100px;padding-top:20px;}
    .information_text li{width:100%;margin-right:0;}
    .new_pages_tit{margin-bottom:10px;}
    .new_pages1{padding:5%;margin-bottom:20px;}
    .new_pages2{margin-bottom:20px;}

    /*contact.css*/
    .content_banner{background-size:contain;height:100px;clear:both;margin-bottom:5px;}
    .content_box li{width:100%;margin-left:0;margin-bottom:5px;float:unset;}
    .address{margin-bottom:5px;}

	/*content.css*/
	.address_top{margin-bottom:0;}
	.content_box li{height:170px;padding:13px;}

	.about_team_text{height:645px;overflow:hidden;margin-bottom: 50px;}
}
@media screen and (max-width:410px) {
    .icon_1{width:35%;margin-left:9%;margin-right:3%;margin-top:20px;}
    .main_tit {margin-bottom:30px;}
	
	
}