@charset "utf-8";
/* CSS Document */
@media screen and (max-width:768px){
	.width_1200,.width_1100,.width_1000 {
    width: 92%;
    margin: 0px auto;
}
	/* 手机导航 */
	
	#header .nav{ display: none}
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:0; bottom: 0; left:-100%; z-index: 55;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s; background-color: #333;}
.navsjout.on{ opacity: 1; left:0;}
	.navsjout {
    display: block;
}
.navsjout,.navbtn{opacity:1;}
.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background-color: #333;
	position: absolute; top:100px; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height:70px; text-align: center; line-height:70px; 
	font-size: 16px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;
	height: 1px; background-color: #666;}

.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 10px 0; background-color: #f1f1f1;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height:60px; font-size: 15px; color: #432a23;
	position: relative; z-index: 1; background-color: #ada; text-align: center;
	background: url('../images/nav-jtr1.png') 73% center no-repeat;background-size:9px auto;}

.navsj li i{ position: absolute; right: 22%; top:0; z-index: 1; width: 70px; height: 70px;
	display: block; cursor: pointer; background: url('../images/nav-jtd1.png') center no-repeat;background-size: 15px auto;}
.navsj li.on i{-moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); transform: rotate(180deg);}

.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}



#close { position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background-color: rgba(0,0,0,0.6); cursor: pointer;}

.navbtn{position: absolute; right:0; top:0; z-index: 20; width:60px; height: 100%; display: block;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;}
	#header .top_login{ display: none}
.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background-color: #0f39b3;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 32%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);}
.navbtn>s:nth-child(3){top: 64%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2) { transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3) { top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
	#header .top_icon,.Cooperation_con,.close_btn,.suspend-right{ display: none}
	.navsjout .top_icon_mobile{ display: block}
	.navsjout .top_icon_mobile {
    position: absolute;
    z-index: 3;
    /* float: left; */
    text-align: center;
    left: 0;
    bottom: 10%;
    width: 100%;
}
	.search_input {
    position: fixed;
    top: 50%;
    left: 5%;
		width: 90%;}
.navsjout .top_icon_mobile ul{ padding-top:17px;}
.navsjout .top_icon_mobile ul li{ display: inline-block; vertical-align: top;width: 30%; text-align: center; border-right: #999 1px solid; line-height: 1}
.navsjout .top_icon_mobile ul li:last-child{ border: 0}
.navsjout .top_icon_mobile ul li span{ color: #fff; font-size: 20px;}
.navsjout .top_icon_mobile ul li p{ color: #999; font-size: 12px; margin-top:12px;}
.navsjout .top_icon_mobile ul li:hover span{ color: #0f39b3;}
.navsjout .top_icon_mobile ul li:hover p{ color: #0f39b3; }
	#header {
    position: fixed;
    height: 60px;
    z-index: 56;
    width: 100%; left: 0; top: 0
}
	.home_center_con {
    margin-top:60px;
}
	.padding_clearsd{margin-top:0px;}
	#header .logo {
    padding-top: 18px;
}
	.home_center_con .home_l_con {
    float: none;
    width: 100%;
}
	.banner_home .item {
		height:220px;}
	.banner_home .item .banner_font{ font-size: 16px;}
	.home_center_con .home_r_con {
    float: none;
    width: 100%;display: none;
}
	.home_advertising01{ height: 180px;}
	.home_advertising02{ height: 100px;}
	.home_padding90 {
    padding-bottom: 0;
}
	.home_titile01{ font-size:20px;}
	.media_coverage .item .media_img{ height: 150px;}
	.media_coverage  .slick-dots li button {
    border: 0;
    display: block;
    height: 10px;
    width: 10px;
    padding: 0;
    margin: 0;
    outline: none;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #eee;
    border-radius: 10px;
}
	.media_coverage  .slick-dots li.slick-active button {
    background: #0f39b3;
}
	.media_coverage {
    padding-bottom: 0;
}
	.Recommended_News ul li .left_img {
    position: relative;
    float: none;
    width: 100%;
    height: 160px;

}
	.Recommended_News ul li .right_fonts {
    float: none;
    width: 100%;
    padding-top: 20px;
    margin-right: 0;
    display: block;
}
	
	.Big_recommend   .slick-dots li button {
    border: 0;
    display: block;
    height: 10px;
    width: 10px;
    padding: 0;
    margin: 0;
    outline: none;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #eee;
    border-radius: 10px;
}
	.Big_recommend{ padding:0  6%; padding-bottom: 20px;}
	.Big_recommend   .slick-dots li.slick-active button {
    background: #0f39b3;
}
	.Recommended_daka_list ul li .left_img {
    position: relative;
    float: none;
    width: 64%;
    height: 260px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0px;
    margin-left:18%;
}
	.Recommended_daka_list ul li .right_fonts {
    float: none;
    width: 100%;
    padding-top: 20px;
    margin-right: 20px;
    display: block;
}
	.Recommended_infor{ padding-top: 20px;}
	.Big_recommend .item .media_img{ height: 360px;}
	
	#bottom .bottom_nav ul li{ width: 49%;}
	#bottom .bottom_nav ul li:last-child {
    margin-left: 0;
    width: 49%;
}
	#bottom .bottom_nav ul li h3 {
    font-weight: bolder;
    margin-bottom: 0;
    margin-top: 20px;
}
	#bottom {
    padding-top: 30px;
    margin-top:20px;padding-left: 3%;
    padding-right: 3%;
}
	#header .logo img {
    height: 20px;
}
	.banner_home{ padding-top: 20px;}
	.Secondary_class ul li a {
    padding: 8px 15px;
    line-height: 1;
}
	.news_infos {
    padding: 5%;
}
	.news_infos .new_info_titile {
		font-size: 24px;}
	.news_infos .new_info_names .Labels {
    display: block;
    vertical-align: top;
    padding-right: 0;
}
	.Comment_content {
    padding: 5%;
}
	.Comment_lists ul li{ position: relative}
	.Comment_lists ul li .touxiang {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    vertical-align: top;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 30px;
}
	.Comment_lists ul li .Comment_fonts {
    display: inline-block;
    margin-left: 80px;
    width: auto;
    line-height: 1;
}
	.related_articles_list ul li {
    float: none;
    width: initial;
}
	.related_articles {
    padding: 5%;
}
	.settled_banner{ padding-left: 5%; padding-right: 5%}
	.Exclusive_rights,.Advantage_three,.Application_now,.settled_companys {
    padding-top: 40px;
    padding-bottom: 50px;
}
	.Exclusive_rights_list ul li {
    float: none;
    width: initial;
    margin: 3%;
    height: 120px;
}
	.titile_ruzhu {
		font-size: 30px;}
	.Advantage_three_list ul li {
    position: relative;
    display: block;
    width: initial;
    margin: 3%;
    text-align: center;
    padding: 30px 0px;
    padding-bottom: 60px;
}
	.Advantage_three_list ul li .Advantage_descipe {
    font-size: 14px;
    line-height: 1.6;
}
	.titile_ruzhu p {
    letter-spacing: 6px;
		font-size: 14px;}
	.Application_now_inputs{ padding-left: 5%; padding-right: 5%}
	.Application_now_inputs ul li .left_tit {
    font-size: 14px;
    text-align: left;width: 30%;
    text-indent: 15px;
}
	.Application_now_inputs ul li .right_input {
    width: 70%;
}
	.Application_now_inputs ul li .right_input .input_area{ font-size: 12px;}
	.tiaokuan {
    font-size: 12px;
}
	.Corporate_Ser_banner{ padding-left: 5%; padding-right: 5%; height: 100px; background-size: cover;padding-top: 50px; padding-bottom: 80px;}
	.Corporate_Ser_banner .Corporate_Ser_titile{ margin-bottom: 30px;}
	.Corporate_Ser_banner .Corporate_Ser_titile img {
    height: auto;
    width: 70%;
}
	.Corporate_Ser_banner .Corporate_Ser_slogan {
		font-size: 16px;}
	.search_produts {
    position: relative;
    margin-left: 5%;
    margin-right: 5%;
}
	.search_produts .input_area {
    width: 100%;
    background-color: #f5f7fb;
    height: 44px;
    line-height: 44px;
    text-indent: 40px;
    color: #666666;
    font-size: 14px;
    border: #e7eaee 1px solid;
    background: url(../images/search_icon.png) 20px center no-repeat;
    background-size: auto 15px;
    border-radius: 45px;
}
	.search_produts .input_submits {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 2;
    width: 100px;
    background-color: #0f39b3;
    height: 40px;
    line-height: 40px;
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
    border-radius: 45px;
}
	.hot_search {
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
}
	.hot_search span {
    display: block;
    padding-right: 0;
    font-size: 16px;
}
	.titile_produsts {
    font-size: 24px;
}

.Popular_software_list #tabcilk {
    float: none;
	width: initial; margin-bottom: 20px}
	.Popular_software_list #tabbox {
    float: none;
    width: initial;
}
	.chanye_home_list>ul>li {
    float: none;
    width: initial;
    margin-right: 0;
    margin-bottom: 0;
    display: block; padding-bottom: 20px; margin-bottom: 20px;
}
	.chanye_home_list>ul>li .pro_logo_hang .pro_logo{width: 22%}
	.chanye_home_list>ul>li .pro_logo_hang .pro_fonts{ width: 72%}
	.free-articles .free-module_left{ width: initial;    display: block;}
	.free-articles .free-module .free-right {
    padding-left: 0;
    vertical-align: middle;
    display: block;
    margin-top: 20px;
}
	.free-articles .free-module .free-right_title {
		font-size: 24px;}
	.free-articles .free-module .free-right_intr {
		font-size: 14px;margin-bottom: 30px;}
	.free-articles .free-module .free-right_tip {
		font-size: 16px;}
	.free-articles {
    padding-bottom: 40px;
}
	.free-articles .free-module .free-right_btn{font-size: 14px;height: 46px;
    line-height: 46px;}
	.true_view .item .view_fonts{margin-right: 0;margin-bottom: 40px;}
	.padding001 {
    padding-top: 40px;
		padding-bottom: 30px;}
	.pro_daka{ padding-top: 20px;}
	.pro_daka .item .media_img {
    height: 340px;
}
	.home_advertising_space { margin-bottom: 20px;}
	.Corporate_Ser_search{ margin-top: -50px;}
	.software_list_left {
    float: none;
		width: initial; margin-bottom: 20px;}
	.software_list_right {
    float: none;
    width: initial;
}
	.Software_details {
    padding: 5%;
}
	.Software_details .pro_logo_hang .pro_logo {
		float: none; width: 100px; height: 100px;}
	.Software_details .pro_logo_hang .pro_fonts {
    float: none;
    width: initial;
    margin-top: 20px;
}
	.score_content .score_content_left {
    float: none;
		width: initial;border-right: 0;}
	.score_content .score_content_center {
    float: none;
    width: initial;
    font-size: 14px; text-align: left;
    padding-top: 20px;
}
	.score_content .score_content_right {
    float: none;
		width: initial; margin-top: 20px;}
	.Comment_lists ul li .Comment_fonts .contents {
		font-size: 14px;}
	.Comment_lists ul li .Comment_fonts .time_hangs .tiles_show,.Comment_lists ul li .Comment_fonts .time_hangs .like,.Comment_lists ul li .Comment_fonts .people_name{font-size: 12px;}
	.score_content .score_content_left .Fraction{ font-size: 36px;}
	.score_content .score_content_left .Fraction span{ font-size: 50px;}
	.Big_coffee_banner .item{ height: 160px;}
	.big_more_banner .video_btn {
    position: absolute;
    left: 44%;
    bottom: 22%;
    z-index: 2;
    width: 30%;
}
	.daka_vedio_con .daka_vedio_show {
    position: fixed;
    top: 50%;
    left: 5%;
    width: 90%;
    height: 563px;
    margin-top: -100px;
    margin-left: 0;
    z-index: 20001;
    display: none;
}
	.daka_vedio_con .daka_close_btn{ bottom: 20%}
	.big_titile_show::after{display: none}
	.back_icon07 {
    background: url(../images/icon_home_r07.png) 0px center no-repeat;
    background-size: auto 20px;
}
	.home_titile02{ padding-left: 30px;}
	.Big_coffee_more_font .Big_more_font_l {
    float: none;
    width: initial;
    line-height: 2;
}
	.Big_coffee_more_font .Big_more_font_r {
    float: none;
    width: initial;
    border-radius:30px 6px 30px 6px;
		height: 160px;}
	.back_icon03 {
    background: url(../images/icon_home_r03.png) 0px center no-repeat;
    background-size: auto 20px;
}
	.big_View,.Big_coffee_more {
		padding: 5%;}
	.padding_clear {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 15px;
}
	.view_lists ul li .Comment_fonts .time_hangs .tiles_show {
    float: none;
    width: initial;
}
	.view_lists ul li .Comment_fonts .time_hangs .like {
    float: none;
    width: initial;
		text-align: left;}
	.Recruitment_con .Recruitment_titile_hang .Recruitment_titile {
    float: none;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding-left: 30px;
    font-size: 20px;
    font-weight: bold;
    background: url(../images/icon_home_r04.png) 0px center no-repeat;
    background-size: auto 20px;
}
	.Recruitment_con .Recruitment_titile_hang .Recruitment_search {
    float: none;
    width: initial;
    margin-top: -5px;
    margin-bottom: 20px;
}
	.Recruitment_in_list ul li {
    float: none;
    display: block;
    width: initial;
    margin: 0;
    margin-right: 0;
		margin-bottom: 20px;}
	
	.Recruitment_info_con {
    padding: 5%;margin-top: 5%;
}
	.Recruitment_info_fonts {

    padding-right: 100px;
	}
	.Recruitment_info_fonts .compang_logo {

    width: 80px;
		height: 80px;}
	.Recruitment_info_fonts .compang_name{ font-size: 13px;}
	.Recruitment_info_fonts .Position_name {
    color: #2a313d;
    font-size: 20px;
    font-weight: bolder;
    margin-bottom: 20px;
    line-height: 1.6;
}
	.Recruitment_info_fonts .Position_price{font-size: 20px;}
	.Recruitment_info_fonts .Position_time{font-size: 12px;}
	.Recruitment_info_fonts .Position_time span {
    padding-right: 0;
    display: block;
    padding-bottom: 15px;
}
	.Recruitment_info_fonts .Position_time span .iconfont{ display: inline-block; padding-right:15px;}
	.send_mail a {
    font-size: 14px;
    padding: 15px;
}
	.about_banner { height: 150px; margin-top: 60px;}
	.about_banner .banner_fonts {
    position: absolute;
    left: 10%;
    top: 50%;
		margin-left: 0; padding-right: 5%;margin-top: -30px;width: 80%;}
	.about_banner .banner_fonts h3 {
    font-weight: bolder;
    margin-bottom: 15px;
    font-size: 22px;
}
	.about_banner .banner_fonts p {
    font-size: 13px;
}
	.about_content .about_content_l {
    float: none;
    width: initial;
    padding: 10px 0;
    margin-top: 5%;
}
	.about_content .about_content_r {
    float: none;
    width: initial;
    padding-top: 10px;
}
	.login_personal_con .login_personal_right{display: none}
	.login_personal_con .login_personal_left {
    float: none;
    width: initial;
    height: auto;
    padding: 10%;
    line-height: 1;
}
	.login_personal_con {
    margin-top:100px;
    margin-bottom:300px;
    background-color: #ffffff;
}
	.login_form input {
    width: 100%;
    border: 0;
    font-size: 14px;
}
	.login_form ul li .input_submits {
		width: 100px;}
	.login_form ul li.yanzhengma .send_number a {
    position: absolute;
    right: -150px;
    bottom: 0;
    display: inline-block;
    width: 120px;
    background-color: #fff;
    height: 46px;
    line-height: 46px;
    border: #0f39b3 1px solid;
    color: #0f39b3;
    font-weight: bold;
    font-size: 14px;
    border-radius: 6px;
    text-align: center;
}
	.login_form ul li.tiaokuans{ line-height: 2}
	
	.Corporate_Ser {
    margin-top: 60px;
}
	.member_banner .banner_fonts {
    position: absolute;
    left: 10%;
    top: 50%;
    margin-left: 0;
    margin-top: -5px;
    color: #ffffff;
    text-align: left;
    width: 80%;
}
	.member_banner .banner_fonts .touxiang {
    display: inline-block;
    width: 60px;
		height: 60px; background-size: cover}
	.member_banner .banner_fonts .names {
    display: inline-block;
    width: 70%;
    vertical-align: top;
    padding-left:5%;
}
	.member_banner .banner_fonts .names h3 {
    font-weight: bolder;
    margin-bottom: 20px;
    margin-top: 4px;
    font-size: 20px;
    line-height: 1;white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
	.member_banner .banner_fonts .names p{white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;}
	.member_form ul li .left_tit {
    float: none;
    width: initial;
    font-size: 14px;
    font-weight: bolder;
    height: 40px;
    line-height: 40px;
    text-align: left;
}
	.member_form ul li .right_input {
    float: none;
    width: initial;
}
	.member_form ul li .right_input .input_area {
		width: 100%;}
	.member_form ul li .right_input .input_submits {
		width: 50%; font-size: 14px;}
	.about_descipe {
    padding: 0 5%; padding-bottom: 5%
}
	.titile_003 {
    font-size: 22px;
    padding: 5%;
}
	.member_form ul li:last-child .left_tit{ height: 20px}
	.editor_contents{ padding: 5%;height: 200px;}
	.titile_003 span {
		right: 5%;}
	
	
}