/*pc端*/
 @media (min-width:980px){ 
html,body{overflow-x:hidden;}
.mmaincontent{display:none;}
  li{
    list-style-type:none;
  }
  body{
    background:rgb(247,243,247);
  }
    /* 大屏幕 */ 
    .about_u{
        width:100%;
        height:576px;
        padding-top: 124px;
        background:url('../images/aboutus.jpg');
    }
    .about_top_nav{
        width:1300px;
        height:449px;
        margin:0px auto;
    }
    .about_top_nav_l{
        width: 699px;
        min-height:290px;
        float: left;
        background: rgba(255,255,255,.7);
        padding:45px 61px 30px 58px; 
        overflow: hidden;
    }
    .about_top_nav_l p{
        width: 100%;
        height:26px;
        font-weight: bold;
        line-height: 26px;
        margin:0px 0px 39px 0px;
        color:#000;
        font-size: 20px;
    }
    .about_top_nav_l span{
        width: 100%;
        color:#000;
        font-size: 14px;
        line-height: 30px;
    }
    .about_top_nav_r{
        width: 632px;
        height:428px;
        padding-top: 21px;
        float: left;
    }
    .about_top_wenh{
        width: 100%;
        background: #fff;
    }
    .about_top_wenhua{
        width:1300px;
        height:479px;
        margin:64px auto 0px;
    }
    .about_top_wenhua_2{
        width:1300px;
        height:519px;
        margin:87px auto 60px ;
    }
    .about_top_wenhua_l p{
        width: 100%;
        height: 30px;
        line-height: 30px;
        color: #000;
        font-size: 20px;
    }
    .about_top_wenhua_l span{
        color:#656565;
        font-size: 14px;
        width: 606px;
        height: 410px;
        float: left;
        margin-top: 29px;
        line-height: 29px;
    }
    .about_top_wenhua_l{
        width: 599px;
        height:100%;
        float: left;
    }

    .about_top_wenhua_r{
        width: 555px;
        height: 450px;
        float: right;
        margin-right: 55px;
        padding-top: 24px;
        overflow: hidden;
    }
    .about_top_wenhua_2 .about_top_wenhua_r{
        height: 500px;   
    }
    .about_top_wenhua_r p{
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin-bottom: 0px;
        margin-top: 22px;
        color:#000;
        font-size: 20px;
    }
    .about_top_wenhua_r span{
        color:#000;
        font-size: 14px;
        line-height: 30px;
    }
    .about_top_wen{
        width: 1300px;
        height: 122px;
        margin:0px auto;
        background: #fff;
    }
    .about_top_wen ul{
        display: inline-block;
        width: 779px;
        height: 122px;
        float: right;
        padding: 0px;
        margin:0px;
    }
    .about_top_wen ul li{
        width: 25%;
        text-align: center;
        height: 100%;
        float: left;
    }
    .about_top_wen ul li p{
        color:#000;
        font-size: 16px;
    }
    .about_top_wen_r{
        width: 521px;
        height: 100%;
        float: right;
    }
    .about_fuwu{
        width: 100%;
        height:204px;
        padding-top: 96px;
        background: url('../images/about_background.jpg');
        margin-top: 82px;
        text-align: center;
    }
    .about_fuwu p{
        font-size: 48px;
        color:#fff;
        height:54px;
        display: inline-block;
        line-height: 54px;
        position: relative;
    }
    .about_fuwu p b{
        font-size: 72px;
        display: inline-block;
        height:54px;
        position: relative;
        top:13px;
        margin:0px 19px;

    }
    .about_fuwu span{
        display: block;
        margin-top: 21px;
        height: 21px;
        line-height: 21px;
        font-size: 14px;
        color:#000;

    }
    .about_us_time{
        width: 1300px;
        height: 600px;
        padding-top: 56px;
        margin:0px auto;
    }
    .about_us_time .about_time_p{
        color:#333;
        font-size: 20px;
        font-weight: bold;
    }
    .about_time{
        width:100%;
        height:500px;
        position: relative;
    }
    .about_us_time{
        position: relative;
    }
    .about_us_time .about_time_big{
        display: inline-block;
        width: 100%;
        height: 357px;
        overflow: hidden;
        padding-top: 0px;
        margin:129px 0px 0px 0px;
        white-space:nowrap; 
        position: relative;
    }
    .about_us_time ul{
        height:100%;
        width:3130px;
        margin: 0px;
        padding:0px; 
        position: relative;
        left:0px;
        transition: transform 0.25s ease;
    }
    .about_us_time ul li{
        width: 260px;
        height: 100%;
        float: left;
        cursor:pointer;
    }
    .about_us_time ul li .about_time_top{
        width: 100%;
        height: 143px;
        background: rgb(239,239,239);
    }
    .about_us_time ul li .about_time_center{
        width: 100%;
        height: 64px;
        background: url('../images/about_us_time.gif') center  center;
        position: relative;
    }
    .about_us_time ul li .about_time_center p{
        width:31px;
        height:31px;
        margin:0px;
        border-radius: 15.5px;
        position: relative;
        top:12px;
        line-height: 31px;
        text-align: center;
        left:45%;
        background: rgb(239,239,239);
        border:1px solid rgb(239,239,239);
    }
    .about_us_time ul li .about_time_center p{
        border:1px solid red;
    }
    .about_us_time ul li .about_time_center span{
        display: inline-block;
        width: 7px ;
        height: 7px;
        position: absolute;
        top:40%;
        border-radius: 3.5px;
        left:40%;
        background: #656565;
    }
    .about_us_time ul li .about_time_center span{
        background: red;
    }
    .about_us_time ul li .about_time_center h1{
        width:3px;
        height: 26px;
        margin: 0px;
        border-left: 1px solid  #ddd;
        position: absolute;
        top:49px ;
        left:133px;
    }
    .about_us_time ul li:nth-child(2n) .about_time_center h1{
        top:-17px ;
        left:133px;
    }
    .about_us_time ul li .about_time_t{
        display: inline-block;
        text-align: center;
    }
    .about_us_time ul li .about_time_t img{
        display: inline-block;
        line-height: 140px;
        max-width: 245px;
        max-height: 163px;
    }
    .about_us_time ul li h1{
        height:32px;
        margin:23px 0px 4px 0px;
        font-size: 24px;
        color:#333;
        line-height: 32px;
    }
    .about_us_time ul li p{
        height: 23px;
        line-height: 23px;
        font-size: 16px;
        color:#333;
        margin:0px 0px 10px 0px;
    }
    .about_us_time ul li span{
        color:#656565;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        white-space: pre-wrap;
        word-wrap: break-word;      
    }
    .about_time_huadong{
        width: 40px;
        height: 40px;
        position: absolute;
        top:277px;
        cursor:pointer;
    }
    .about_time_huadong_l{
        background: url('../images/about_left.gif');
        left:-40px;
    }
    .about_time_huadong_r{
        background: url('../images/about_right.gif');
        right:-40px;
    }
    .about_fen_on{
        width: 100%;
        height:513px;
        padding-top: 77px;
        background: #fff;
    }
    .about_fen{
        width:1300px;
        height:100%;
        margin:0px auto;
    }
    .about_fen p{
        height:29px;
        line-height: 29px;
        margin:0px 0px 75px 0px;
        color:#333;
        font-size: 20px;
        position:relative;
    }
    .about_fen_top{
        display: inline-block;
        width: 1300px;
        height: 299px;
        margin:0px;
    }
    .about_fen_top li{
        width: 234px;
        height: 297px;
        float: left;
        margin-right: 30px;
        border:1px solid rgb(222,223,222);
        cursor:pointer;
        line-height: 297px;
        text-align: center;
    }
    .about_fen_top li:nth-child(5n){
        margin:0px;
    }
    .about_fen_top .tasdsc{
        border:1px solid red;
    }
    .about_fen2{
        display: none;
    }
    .about_fen3{
        display: none;
    }
    .about_fen_u{
        width: 100%;
        height: 18px;
        text-align: center;
        margin-top: 38px;
    }
    .about_fen_us{
        margin:0px;
        padding:0px;
        display: inline-block;
        text-align: center;
    }
    .about_fen_us li{
        width: 13px;
        height:13px;
        border-radius: 6.5px;
        background: #cbcbcb;
        float: left;
        cursor:pointer;
        margin-left:19px;
    }
    .about_fen_us li:nth-child(1){
        margin-left: 0px;
    }
    .about_fen_us .teures{
        background: red;
    }
    .about_dong{
        width: 1300px;
        height:752px;
        margin:80px auto 0px;
    }
    .about_dong_l{
        width: 667px;
        height:656px;
        padding-top: 96px;
        float: left;
    }
    .about_dong_l span{
        width: 100%;
        height: 349px;
        display: inline-block;
        color:#333;
        font-size: 14px;
        line-height: 28px;
    }
    .about_img{
        float: right;
    }
    .about_dong_r{
        width: 451px;
        height: 100%;
        float: right;
        background: rgb(231,227,231);
    }
    .about_dong_r p{
        text-align: center;
        color:#000;
        font-size: 18px;
        margin:114px 0px 113px 0px;
    }
    .about_friend_up{
        width:100%;
        height: 322px;
        background: #fff;
    }
    .about_friend{
        width:1300px;
        height:100%;
        margin:0px auto;
    }
    .about_friend p{
        height:28px;
        line-height: 28px;
        padding: 38px 0px 75px 0px;
        margin: 0px;
        font-size: 20px;
        color:#333;
    }
    .about_friend_big{
        width: 100%;
        height: 99px;
        position: relative;
    }
    .about_friend_bsome{
        width: 100%;
        height: 100%;
        overflow: hidden;
    }
    .about_friend_bsome ul{
        width: 3300px;
        display: inline-block;
        height:100%;
        position: relative;
        left:0px;
        margin:0px;
		margin-left: 6px;
    }
    .about_friend_bsome ul li{
        margin-left: 20px;
        width:198px;
        height: 97px;
        border:1px solid rgb(222,223,222);
        text-align: center;
        line-height: 99px;
        float: left;
        cursor:pointer;
    }
    .about_friend_bsome ul li:nth-child(1){
        margin-left: 0px;
    }
    .about_frien{
        display: inline-block;
        width: 40px;
        height: 40px;
        position: absolute;
        top:30px;
        cursor:pointer;
    }
    .about_frien_l{
        background: url('../images/about_left.gif');
        left:-40px;
    }
    .about_frien_r{
        background: url('../images/about_right.gif');
        right:-40px;
    }



    .about_us_time ul li .about_time_botton{
        width: 100%;
        height: 143px;
        background: rgb(239,239,239);
    }

} 
/*手机端*/
 @media screen and (max-width:980px){
 	.pcmaincontent{display:none;}
 	.mmaincontent{}
 	.about-u-m{width:100%;position:relative;}
 	.about-u-m img{width:100%;}
    .about-u-m .about_top_nav_l{position:absolute;top:9px;left:20px;width: 200px;height:100px;background: rgba(255,255,255,.7);padding:30px 20px;overflow: hidden;}
    .about-u-m .about_top_nav_l h1{width: 100%;margin:0px 0px 5px 0px;color:#000;font-size: 20px;}
    .about-u-m .about_top_nav_l p{width: 100%;margin:0px 0px 5px 0px;color:#000;font-size: 12px;}
    .about_ur{width:100%;padding:15px 0;text-align: left;}
    .about_ur span{display: inline-block;padding:0 15px;line-height:25px;color:#666;font-size: 14px;} 	
    .title-img{width:100%;overflow:hidden;}    
    .title-img img{width:100%;}
    .title-name-m{text-align:center;width:100%;padding:15px 0; padding-bottom:0;font-size:16px;background:rgb(247,243,247);}
    .title-name-c{padding:15px;line-height:25px;background:rgb(247,243,247);height:100%;overflow:hidden;font-size:14px;}
    .title-name-c img{width:50%;float:right;display: block;}
    .title-name-c p{font-size:14px;font-weight:bold;display:block;padding:5px 0;}
    .class-cname-m{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:15px;font-size:18px;font-weight:bold;}
    .about_top_wen{width:100%;height: 122px;margin:0px auto;}
    .about_top_wen ul li{width: 25%;text-align: center;height: 100%;float: left;}  
    /*发展历程*/
    .about-time{padding:15px;width:100%;height:100%;overflow:hidden;}
	.track-list {padding-left: 5px;position: relative;}		
	.track-list li {position: relative;padding: 0px 0 30px 30px;line-height: 30px;border-left: 1px solid #d9d9d9;color: #999;}		
	.track-list li.first {color: red;padding-top: 0;}
	.track-list li .node-icon {position: absolute;left: -15px;top:0px;width: 30px;height:30px;background: url(../images/trank.png)  no-repeat;}
	.track-list li.first .node-icon {background: url(../images/trank.png)  no-repeat;}		
	.track-list li .time {margin-right: 20px;position: relative;top: -5px;display: block;font-size:18px;font-weight:bold;}		
	.track-list li .txt {position: relative;top: 0px;display: inline-block;vertical-align: middle;font-size:14px;line-height: 24px; margin-bottom: 16px;}
	.track-list li .img{width:100%;display:block;}	
	.track-list li .img img{width:80% !important;}	
	.track-list li.first .time {margin-right: 20px;}		
	.track-list li.first .txt {}
	/*企业荣誉*/
	.honor-image{padding:15px;width:100%;height:100%;overflow:hidden;}
	.honor-image ul li{float:left;width:48%;padding-bottom:15px;background:#fff;padding-right:3%;height: 110px;text-align: center;overflow:hidden;}
	.honor-image ul li:nth-child(2n){float:left;width:48%;margin-left:4%;}
	.honor-image ul li img{width:auto;height:100%;}
	
	/*合作伙伴*/
    .classify {position: relative;width: 100%;height: 110px;overflow: hidden;}
    .classify .scrollbar{width: 100%;height: calc(100% + 18px);overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
    .classify .scrollbar ul {white-space: nowrap;font-size: 0;height:100px;padding: 15px 0px;}
    .classify .scrollbar ul li {text-align:center;display: inline-block;height:70px;width:170px;font-size: 1rem;margin: 0.6rem 15px 0 0;padding: 0 10px;color: #999; border-radius: 10px}
    .classify .scrollbar ul li img{width:170px;height:60px;display:block;margin-bottom:5px;border-radius: 10px;box-shadow:0 0 10px #eee;} 
    .classify .scrollbar ul li a{color:#000;}  	  
    .show-hidden{float:right;width:180px;text-align:right;font-weight:bold;font-size:16px !important;color:#ff0000;}
    


 
 }