@charset "utf-8";

/* CSS Document */



@font-face {

  font-family: "iconfont"; /* Project id 2615342 */

  src: url('../fonts/iconfont.woff2?t=1623857743578') format('woff2'),

       url('../fonts/iconfont.woff?t=1623857743578') format('woff'),

       url('../fonts/iconfont.ttf?t=1623857743578') format('truetype');

}



.iconfont {

  font-family: "iconfont" !important;

  font-style: normal;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



@font-face {

  font-family: 'Swiss721BTBlackCondensed';

  src: url('../fonts/Swiss721BTBlackCondensed.eot');

  src: url('../fonts/Swiss721BTBlackCondensed.eot') format('embedded-opentype'),

       url('../fonts/Swiss721BTBlackCondensed.woff2') format('woff2'),

       url('../fonts/Swiss721BTBlackCondensed.woff') format('woff'),

       url('../fonts/Swiss721BTBlackCondensed.ttf') format('truetype'),

       url('../fonts/Swiss721BTBlackCondensed.svg#Swiss721BTBlackCondensed') format('svg');

}





body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;}

table { border-collapse:collapse; border-spacing:0;}

img { border:0; vertical-align: middle;}

li { vertical-align: middle;}

s {text-decoration: none;}

ol, ul, li { list-style:none;}

img{ max-width: 100%;}

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}

input, button, select, textarea, a { outline:none;}

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit;}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

a { background: transparent; text-decoration: none; color: #2d343d; transition: 0.3s; -moz-transition: 0.3s; 

	-webkit-transition: 0.3s; -o-transition: 0.3s;}

a:active, a:hover { outline: 0;color: #1e46b8;}

body { color: #2d343d; background-color: #f5f7fb; font: 12px/2 PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";

word-break: break-all;word-break:break-all; width: 100%; }

.o8 { filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}

.o8:hover { filter:alpha(opacity=80); opacity:0.8;}

div,p{max-height: 10000rem;}

::selection {color:#fff; background-color: #061034;} ::-moz-selection {color:#fff; background-color: #061034;}

.noselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; }

textarea { -webkit-appearance: none;}

.clearfix { *zoom:1;}

.clearfix:after{

	clear:both; 

	display:block; 

	height:0; 

	visibility:hidden; 

	line-height:0; 

	content:'\20';

}

.fl{ float: left}

.fr{ float: right}

.overflow_1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.overflow_2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.overflow_3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}



/*页面公共内容部分样式*/

.backgroud_f5f7fb{ background-color: #f5f7fb}

.backgroud_ffffff{ background-color: #ffffff}

.navsjout{ display: none}

.navsjout,.navbtn{opacity:0;}

.home_padding90{ padding-bottom: 90px;}

.clear_bottom{ padding-bottom: 0}

.close_btn{ position: fixed; right: 0; bottom:90px; z-index: 3; background: #333333;  height: 40px; width:40px; line-height: 40px; text-align: center; color: #ffffff; font-size:20px;}

.close_btn a{ color: #ffffff;}

.Cooperation_con{ position: fixed; left: 0; bottom: 0; z-index: 4; background: #0f39b3 url("../images/Cooperation_back.png") center center no-repeat; background-size: cover; height: 90px; width: 100%; text-align: left}

.Cooperation_con .titiles{ float: left;display: inline; width: 350px; font-size: 28px; font-weight: bold; border-right:rgba(255, 255, 255, 0.7) 1px solid; margin-top:25px; line-height: 40px; color: #ffffff;}

.Cooperation_con .Cooperation_input{display: inline-block; width:800px; font-size: 28px; padding-top: 25px; margin-left: 20px;}

.Cooperation_con .Cooperation_input .input_area{float: left;

    width:25%;

    background-color: #FFFFFF;

    height:40px;

    line-height:40px;

    text-indent:15px;

    border: 0;

    color: #999999;

    font-size: 14px; margin-right: 2%; display: inline}

.Cooperation_con .Cooperation_input .input_submits{float: left;

    width:19%;

    background-color: #0f39b3;

    height:38px;

    line-height:38px;

    text-indent:0;

    border: 0;

    color: #fff;

    font-size: 16px; border: #ffffff 1px solid;display: inline; text-align: center;box-shadow: 0 3px 1px 0 rgba(0,0,0,0.6);}







.suspend-right{position: fixed;top: 34%;right: 0px;z-index: 666;}

.suspend-right .tab{width:66px;height:66px;position: relative;z-index: 22; background: #252835;margin-bottom: 2px; text-align:center; line-height:66px;}



.suspend-right .tab .iconfont { color:#ffffff; font-size:26px;}



.suspend-right .tab .icon{display: block;width: 70px;height: 70px;background: url(../images/icon_g5.png) no-repeat 17.5px center;}

.suspend-right .tab .wechat{background-position:17.5px center;}

.suspend-right .tab .tel{background-position:-95px center;}

.suspend-right .tab .qq{background-position:-207px center;}

.suspend-right .tab .help{background-position:-319px center;}

.suspend-right .slideTab{position: absolute;right: 90px;top: 0px; background: #0f39b3;box-shadow: 0 0 10px rgba(0,0,0,.1);transition:all .3s;padding: 15px;text-align: center;white-space: nowrap;min-width: 140px; display: flex;visibility: hidden;opacity: 0; align-items:center; flex-flow:wrap; line-height:1; min-height:36px}

.suspend-right .slideTab:after{content: '';display: block; border-left: 7px solid #0f39b3;   border-bottom: 7px solid transparent;  border-top: 7px solid transparent;position: absolute;right: -7px;top:50%; margin-top:-4px; }

.suspend-right .slideTab h3{width: 100%;font-size: 16px;color: #fff;}

.suspend-right .slideTab a{color: #fff;display: block;}

.suspend-right .slideTab img{display: block;margin:0 auto 7px;}

.suspend-right .slideTab .contact h3{margin-bottom: 10px;padding: 0 10px;line-height:20px;text-align: left;}

.suspend-right .slideTab .contact h3:last-child{margin-bottom: 0px;}

.suspend-right .tab:hover .slideTab{visibility: visible;opacity: 1;right: 70px;}



#backToTop:hover{ background: #0f39b3;}





.search_content{ position: fixed; left:0; top:0; right:0; bottom:0; z-index:20000; height:100%; width:100%;background: rgba(255,255,255,0.9); display:none}

.search_input{ position:fixed; top:50%; left:30%; width:40%; margin-top:-33px; z-index:20001; font-size:16px;display:none }

.search_input .input_area{ float:left; width:68%; background-color:#FFFFFF; height:64px; line-height:64px; text-indent:50px; border:0; color:#666666; font-size:14px; border-left: #0f39b3 1px solid;border-top: #0f39b3 1px solid;border-bottom: #0f39b3 1px solid; background:#fff url("../images/search_icon.png") 15px center no-repeat; background-size: auto 20px;}

.search_input .input_submits{ float:left; width:30%; background-color:#0f39b3; height:66px; line-height:66px; border:0; color:#FFFFFF; font-weight:bold;font-size:18px;}

.width_1200{ width: 1200px; margin: 0px auto;}

.width_1100{ width: 1100px; margin: 0px auto;}

.width_1000{ width: 1000px; margin: 0px auto;}

.back_class{ background-color:#fff; border-radius: 15px; margin-bottom: 20px;}

#header{ background-color: #ffffff; height: 72px;}

#header .logo{ float: left; padding-top: 24px;}

#header .logo img{ height: 26px; width: auto;}

#header .top_icon{ position: relative;z-index: 3; float: left; text-align: center;}

#header .top_icon ul{ padding-top:17px;}

#header .top_icon ul li{ display: inline-block; vertical-align: top; width:70px; text-align: center; border-right: #f0f0f0 1px solid; line-height: 1}

#header .top_icon ul li:last-child{ border: 0}

#header .top_icon ul li span{ color: #626677; font-size: 20px;}

#header .top_icon ul li p{ color: #33384e; font-size: 12px; margin-top: 4px;}

#header .top_icon ul li:hover span{ color: #0f39b3;}

#header .top_icon ul li:hover p{ color: #0f39b3; }

#header .nav{ float: left; display: inline; margin-left: 50px; margin-right: 50px;}

#header .nav ul{}

#header .nav ul li{ position: relative; display: inline-block; vertical-align: top; line-height: 72px; padding: 0 25px;}

#header .nav ul li .first-level{ position: relative; height: auto; display: block;font-size: 16px;}

#header .nav ul li .first-level{}

#header .nav ul li.active .first-level::after {

    content: "";

    position: absolute;

    bottom:0px;

    left: 0px;

    width:100%;

    height:3px; background-color: #0f39b3;

}

#header .nav ul li.active .first-level a{ color:#0f39b3 }

#header .nav ul li .first-level span{position: absolute; right:-10px; top:16px; z-index: 2; background: url("../images/New_icon.png") center center no-repeat; width: 14px; height: 14px;}

#header .nav ul li .subMenu{ position: absolute; left: 0; width: 100%; top: 72px; z-index: 2; background-color: #ffffff;box-shadow: 0px 0px 10px #ddd; padding: 5px 0; display: none}

#header .nav ul li:hover  .subMenu{ display: block}

#header .nav ul li .subMenu p{ display: block;line-height: 34px; text-align: center; font-size: 14px;}

#header .top_login{ position: relative; float: right; padding-top: 16px;}

#header .top_login img{ height: 40px; width: 40px;border-radius:50%; background-color: #d6d6d6;}

#header .top_login .member_con {

	position: absolute;

    left: 0;

    width:150px;

    top:0px;

    z-index: 2; margin-left: -100px; line-height: 2;

text-align: center; font-size: 14px;padding-top:72px;

    display: none; 

}

#header .top_login .member_con .back_fff{ 



    background-color: #ffffff;

    box-shadow: 0px 0px 10px #ddd;

    padding: 5px 0; text-align: center; font-size: 14px;

}

#header .top_login:hover .member_con{ display: block}



#bottom{background-color: #272a33; padding-top: 50px; color: #ffffff; margin-top: 50px;}

#bottom .bottom_logo{ float: left; width: 250px;  text-align: left;}

#bottom .bottom_logo img{height: 22px; }

#bottom .bottom_nav{ float: left;}

#bottom .bottom_nav ul li{ display: inline-block; text-align: left; vertical-align: top; width: 230px;}

#bottom .bottom_nav ul li:last-child{ margin-left:100px;width:120px;}

#bottom .bottom_nav ul li h3{ font-size: 16px; font-weight: bolder; margin-bottom: 20px;}

#bottom .bottom_nav ul li p{ display: block; line-height: 32px;}

#bottom .bottom_nav ul li p a{ color: #999999;}

#bottom .bottom_nav ul li .focus_font{ color: #999999; line-height: 16px; font-size: 12px; margin-bottom: 15px;}

#bottom .bottom_nav ul li .QR_code img{ width: 100px; height: 100px;border-radius:4px;}

#bottom .copyright{ border-top: #383b43 1px solid; padding-top:20px; padding-bottom:20px; margin-top: 40px; color: #999; text-align: center}

#bottom .copyright a{color: #999;}





/*首页 样式开始*/

.banner_home{border-radius:20px; margin-bottom: 0px;}

.banner_home .item{ position: relative; height:450px;border-radius:20px; background-size: cover; background-position: center center;}

.banner_home .item .banner_font{ position: absolute; left:4%; width: 92%; font-size: 24px; color: #fff; z-index: 2; bottom: 4%; line-height: 1.6;}

.banner_home .slick-dots{position: absolute;

    bottom: 4%;

    height: auto;

    list-style: none;

    text-align: center;

    padding: 0;

    width: auto;

    line-height: 0;

    z-index:3;

    right: 4%;

    display: inline;}

.banner_home .slick-dots li button {

    border: 0;

    display: block;

    height:3px;

    width:26px;

    padding: 0;

    margin: 0;

    outline: none;

    line-height: 0;

    font-size: 0;

    cursor: pointer;border-radius:0;

    background: #fff;opacity:0.3

}



.banner_home .slick-dots li.slick-active button {

    background: #0f39b3;opacity:1

}



.home_advertising01{ position: relative; border-radius:20px; background-color: #ccc; height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom:  20px;}

.home_advertising01 span{ position: absolute; left: 0; top:  0; z-index: 2; display: inline;border-radius:20px 0 10px 0;background-color: rgba(15, 57, 179, 0.5); color: #ffffff; padding: 4px 10px; font-size: 13px;}

.home_advertising02{ position: relative; border-radius:20px; background-color: #001e74; height:130px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

.home_advertising02::after { 

    content: "";border-radius:20px;

    opacity: 0.3;

  background-color: #000;

    position: absolute;  

    top: 0;

    left: 0;

    bottom: 0;

    right: 0; width: 100%; height: 100%; z-index: 2

}

.home_advertising02 span{ position: absolute; left: 0; top:  0; z-index: 3; display: inline;border-radius:20px 0 10px 0;background-color: rgba(15, 57, 179, 0.5); color: #ffffff; padding: 4px 10px; font-size: 13px;}

.home_advertising02 .titile {

    display: block;

    font-size: 16px;

    line-height: 2;

    margin: auto;

    position: absolute;

    top: 50%;

    left: 10%;

    transform: translate(-0%, -50%);

    max-height: 90%;

    width: 80%;

    color: #fff; z-index: 3

}



.home_center_con{ margin-top: 30px;}

.home_center_con .home_l_con{ float: left;width: 830px;}

.home_center_con .home_r_con{ float: right;width:350px;}



.home_titile01{ position: relative; font-size: 24px; font-weight: bold; margin-bottom:14px; text-align: left;}

.home_titile01 span a{ position: absolute; right: 0; top: 50%; display: inline-block; background-color: #0f39b3; color: #fff;border-radius:20px ; padding: 3px 12px; font-size: 12px; font-weight: normal; margin-top: -15px;}

.media_coverage{ padding-bottom: 20px;}

.media_coverage .item{ position: relative; padding-right: 15px;}

.media_coverage .item:last-child{padding-right:0px;}

.media_coverage .item .media_img{ background-position: center center; background-repeat: no-repeat; height: 200px;border-radius:15px 15px 0 0; background-size: cover}

.media_coverage .item span {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 4;

    display: inline;

    border-radius: 15px 0 10px 0;

    background-color: rgba(15, 57, 179, 0.5);

    color: #ffffff;

    padding: 4px 10px;

    font-size: 13px;

}

.media_coverage .item .media_font{ background-color: #ffffff;border-radius:0 0 15px 15px ; padding:20px 25px; text-align: left;}

.media_coverage .item .media_font h3{ font-size: 16px; height: 52px; line-height: 26px;text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp: 2;

	line-clamp: 2;					

	-webkit-box-orient: vertical; margin-bottom: 15px;

}

#Labels{}

#Labels ul li { display: inline-block; background-color:#f2f4fb ; color: #0f39b3;border-radius:4px; line-height: 1; padding:6px 10px; margin-right: 4px; margin-bottom: 6px; }

#Labels ul li a{color: #0f39b3;}

#Labels ul li:hover{background-color:#0f39b3 ;}

#Labels ul li:hover a{color: #fff;}



.Recommended_News{ background-color: #ffffff; padding:0 20px;border-radius: 15px; margin-bottom: 20px;}

.Recommended_News ul li{ padding: 20px 0; border-bottom: #f0f0f0 1px solid;}

.Recommended_News ul li:hover{background-color: #f7f7f7}

.Recommended_News ul li:last-child{border: 0}

.Recommended_News ul li .left_img{ position: relative; float: left; width: 266px; height: 170px; background-position: center center; background-repeat: no-repeat; background-size: cover;border-radius: 10px;}

.Recommended_News ul li .left_img span {

    position: absolute;

    left: 0;

    top: 0;

    z-index:2;

    display: inline;

    border-radius: 10px 0 5px 0;

    background-color: rgba(0, 0, 0, 0.5);

    color: #ffffff;

    padding: 4px 10px;

    font-size: 13px;

}

.Recommended_News ul li .right_fonts{ float: right; width: 470px; padding-top: 20px; margin-right: 20px; display: inline}

.Recommended_News ul li .right_fonts .titile{ font-size: 18px; margin-bottom:10px; line-height: 1.4;}

.Recommended_News ul li .right_fonts .slogn{ font-size: 13px; margin-bottom: 20px; line-height: 25px; height:50px; color: #808997;text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:2;

	line-clamp: 2;					

	-webkit-box-orient: vertical;}



.Recommended_News ul li .right_fonts  .time_hang{}

.Recommended_News ul li .right_fonts  .time_hang .Labels{ float: left}

.Recommended_News ul li .right_fonts  .time_hang .time{ float: right; color: #808997;}



.home_advertising_space{ background-color: #ffffff; border-radius: 15px; margin-bottom: 20px;}

.home_advertising_space img{ width: 100%;border-radius: 15px; }



.Big_recommend{ padding-bottom: 20px;}

.Big_recommend .item{ position: relative; margin-right: 10px; margin-left: 10px;}

.Big_recommend .item .media_img{ background-position: center center; background-repeat: no-repeat; height: 340px;border-radius:15px; background-size: cover}

.Big_recommend .item .category {

    position: absolute;

    left: -8px;

    top:10px;

    z-index: 4;

    display: inline; 

}

.Big_recommend .item .category img{height: 34px;}

.Big_recommend .item .media_font{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; background: url("../images/yinying_back.png") left top repeat-x; padding:20px 0; text-align: left; border-radius: 0 0 15px 15px;}

.Big_recommend .item .media_font h3{ font-size: 16px; color: #fff; margin-bottom:10px; line-height: 1.4; padding: 0 20px;

}

.Big_recommend .item .media_font .Position{ color: #fff; padding: 0 20px;opacity: 0.5;}





.Recommended_daka_list{ background-color: #ffffff; padding:0 20px;border-radius: 15px; margin-bottom: 20px;}

.Recommended_daka_list ul li{ padding: 20px 0; border-bottom: #f0f0f0 1px solid;}

.Recommended_daka_list ul li:hover{background-color: #f8f9fa;}

.Recommended_daka_list ul li:last-child{border: 0}

.Recommended_daka_list ul li .left_img{ position: relative; float: left; width:180px; height: 200px; background-position: center center; background-repeat: no-repeat; background-size: cover;border-radius: 0px;}

.Recommended_daka_list ul li .left_img span {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 4;

    display: inline;

    border-radius: 10px 0 5px 0;

    background-color: rgba(0, 0, 0, 0.5);

    color: #ffffff;

    padding: 4px 10px;

    font-size: 13px;

}

.Recommended_daka_list ul li .right_fonts{ float: right; width:560px; padding-top: 20px; margin-right: 20px; display: inline}

.Recommended_daka_list ul li .right_fonts .titile{ font-size: 18px; margin-bottom:10px; line-height: 1.4;}

.Recommended_daka_list ul li .right_fonts .slogn{ font-size: 13px; margin-bottom: 20px; line-height: 25px; height:75px; color: #808997;text-overflow: -o-ellipsis-lastline;

	overflow: hidden;

	text-overflow: ellipsis;

	display: -webkit-box;

	-webkit-line-clamp:3;

	line-clamp: 3;					

	-webkit-box-orient: vertical;}

.Recommended_daka_list ul li .right_fonts  .Position_titile{ border-left: #0f39b3 3px solid; padding-left: 15px;}

.Recommended_daka_list ul li .right_fonts  .Position_titile .name{ color: #2d343d; font-size: 14px; line-height: 1; margin-bottom: 10px;}

.Recommended_daka_list ul li .right_fonts  .Position_titile .Position_now{ color: #808997; font-size: 12px; line-height: 1;}



.Latest_News{ background-color:#fff; border-radius: 15px; margin-bottom: 20px;}

.height_400{ width: 100%; height: 400px; overflow: hidden; margin: 20px 0;}

.Latest_News_list{ position: relative; margin: 20px; }

.Latest_News_list::after {

    content: "";

    position: absolute;

    top:0px;

    left:8px;

    width:1px;

    height:100%; background-color: #e7e8ea

}

.Latest_News_list ul li{ position: relative; padding-left:30px; padding-bottom: 20px;}

.Latest_News_list ul li .icon_show{ position: absolute; left: 0px; top: -3px; width: 20px; height: 20px; z-index: 2; border-radius: 50%; background-color: #fff;text-align: center; line-height: 20px;}

.Latest_News_list ul li .icon_show .iconfont{ color: #0f39b3; font-size: 18px; }

.Latest_News_list ul li .font_show{}

.Latest_News_list ul li .times{color: #808997; font-size: 12px; margin-bottom: 10px; line-height: 1  }

.Latest_News_list ul li h3{color: #2a313d; font-size: 15px; line-height: 1.6; margin-bottom:14px; }



.home_titile02{ position: relative; height: 60px; line-height: 60px; padding-left:55px; border-bottom: #f0f0f0 1px solid; font-size: 20px; font-weight: bold}

.home_titile02 span a{ position: absolute; right: 20px; top: 50%; color: #0f39b3; font-size: 14px; margin-top: -6px; font-size: 12px; font-weight: normal; line-height: 1; z-index: 2}

.back_icon01{ background: url("../images/icon_home_r01.png") 20px center no-repeat; background-size: auto 20px;}

.back_icon02{ background: url("../images/icon_home_r02.png") 20px center no-repeat; background-size: auto 20px;}

.back_icon03{ background: url("../images/icon_home_r03.png") 20px center no-repeat; background-size: auto 20px;margin-left: -20px;}

.back_icon04{ background: url("../images/icon_home_r04.png") 20px center no-repeat; background-size: auto 20px;}

.back_icon05{ background: url("../images/icon_home_r05.png") 20px center no-repeat; background-size: auto 20px;}

.back_icon06{ background: url("../images/icon_home_r06.png") 20px center no-repeat; background-size: auto 20px;}

.back_icon07{ background: url("../images/icon_home_r07.png") 20px center no-repeat; background-size: auto 20px;}



.Recruitment_home_list{}

.Recruitment_home_list ul li{border-bottom: #f0f0f0 1px solid; margin: 0 15px; padding: 15px 0;}

.Recruitment_home_list ul li .left_font{ float: left; width: 220px;}

.Recruitment_home_list ul li .left_font h3{ font-size: 16px; line-height: 24px; height:48px; margin-bottom:18px; text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;}

.Recruitment_home_list ul li .left_font h3 span{ display: inline-block; color: #fe6021; padding-left: 20px;}

.Recruitment_home_list ul li .left_font .company{ font-size:13px;color: #808997; }

.Recruitment_home_list ul li .left_font .company span{ display: inline-block; color: #808997;}



.Recruitment_home_list ul li .right_logo{ float: right; width:88px; height: 88px; border:#f0f0f0 1px solid; background-size: cover; background-repeat: no-repeat; background-position:  center center;border-radius: 6px;}



.popular_ideas_list{ padding: 0 20px; padding-bottom: 20px;}

.popular_ideas_list ul li{ padding-top: 20px;}

.popular_ideas_list ul li .avatar_con{ margin-bottom:16px; text-align: left}

.popular_ideas_list ul li .avatar_con .avatar_img{ display: inline-block; width: 50px; height: 50px;border-radius: 50%; vertical-align: top; margin-right:12px; background-position: center center; background-repeat: no-repeat; background-size: cover}

.popular_ideas_list ul li .avatar_con .avatar_fonts{ line-height: 1; display: inline-block; vertical-align: top; padding-top: 6px; }

.popular_ideas_list ul li .avatar_con .avatar_fonts h3{ font-size: 16px; margin-bottom: 10px; color: #2d343d;}

.popular_ideas_list ul li .avatar_con .avatar_fonts p{ font-size:12px;  color: #808997;}

.popular_ideas_list ul li .View_font{ position: relative; font-size: 15px; line-height: 1.6; text-align: left; background-color:#f8f9fa; padding: 10px 15px;border-radius: 6px;}

.popular_ideas_list ul li .View_font::after{

	content: "";

	position: absolute;

            top: -20px;

            left: 16px;

            width: 0;

            height: 0;

            border: 10px solid transparent;

            border-bottom-color:#f8f9fa;

}

.companys_hot{ padding-bottom: 20px;}

.companys_hot_list{ padding: 0 20px; padding-bottom: 20px;}

.companys_hot_list ul li{ padding-top: 20px; border-bottom: #f0f0f0 1px solid;}

.companys_hot_list ul li .avatar_con{ margin-bottom:16px; text-align: left}

.companys_hot_list ul li .avatar_con .avatar_img{ display: inline-block; width: 50px; height: 50px;border-radius: 50%; vertical-align: top; margin-right:12px; background-position: center center; background-repeat: no-repeat; background-size: cover; border: #f0f0f0 1px solid;}

.companys_hot_list ul li .avatar_con .avatar_fonts{ line-height: 1; display: inline-block; vertical-align: top; padding-top: 6px; width: 240px; }

.companys_hot_list ul li .avatar_con .avatar_fonts h3{ font-size: 16px; margin-bottom: 10px; color: #2d343d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.companys_hot_list ul li .avatar_con .avatar_fonts h3 span{display: inline-block; margin-left: 20px; color: #2a313d; font-size: 12px; background-color: #f2f3f7;border-radius:8px 8px 8px 0; font-size: 12px; padding: 4px 6px;}

.companys_hot_list ul li .avatar_con .avatar_fonts p{ font-size:12px;  color: #808997;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}



.more_link{border-radius:5px; background-color: #f3f5fb; text-align: center; margin: 0 20px;  line-height: 1; font-size: 13px;}

.more_link a{ display: block; padding:12px 0; color: #0f39b3;}

.more_link:hover { background-color: #0f39b3; }

.more_link:hover a{color: #fff;}





.Latest_News{ padding-bottom: 20px;}





/*资讯内页样式开始*/

.Secondary_class{ padding:20px; padding-bottom: 5px;}

.Secondary_class ul li{ display: inline-block; font-size: 16px; margin-bottom: 15px;}

.Secondary_class ul li a{ display: block; padding: 5px 20px; background-color: #fff;border-radius:5px; }

.Secondary_class ul li.active{}

.Secondary_class ul li.active a{ background-color: #0f39b3; color: #fff }



.Popular_tags_list{ padding:20px; padding-bottom:10px;}

.Popular_tags_list ul li{ display: inline-block; font-size: 13px; margin-bottom: 12px; margin-right: 6px; line-height: 1}

.Popular_tags_list ul li a{ display: block; padding:8px 24px; background-color: #f2f4fb;border-radius:30px;color: #0f39b3  }

.Popular_tags_list ul li a:hover{ background-color: #0f39b3; color: #fff }



.advertise_pics{}

.advertise_pics .item{ height: 260px;border-radius:15px; background-size: cover; background-position: center center; background-repeat: no-repeat}



.advertise_pics   .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;

}

	.advertise_pics   .slick-dots li.slick-active button {

    background: #0f39b3;

}

.more_lists{ text-align: center; padding-top: 20px; padding-bottom: 30px;}

.more_lists .moreload{border-radius:4px; border: #0f39b3 1px solid; display: inline-block; line-height: 1; padding:12px 40px; font-size: 13px; color:#0f39b3; }

.more_lists .moreload:hover{ background-color:#0f39b3;color:#ffffff; }



/*新闻详情样式开始*/

.news_infos{ padding: 40px;}

.news_infos .new_info_titile{ font-size: 30px; line-height: 1.5; margin-bottom: 20px; font-weight: bolder}

.news_infos .new_info_names{ border-bottom: #f0f0f0 1px solid; padding-bottom: 20px; margin-bottom: 20px;}

.news_infos .new_info_names .Labels{ display: inline-block; vertical-align: top; padding-right:30px; }

.news_infos .new_info_names .names{ display: inline-block; vertical-align: top;padding-right: 30px; }

.news_infos .new_info_names .info_time{ display: inline-block; vertical-align: top;}

.news_infos .info_descipe{ font-size: 15px; line-height:2.2; padding-bottom: 20px;}

img{ max-width: 100%}



.Comment_content{ padding:30px 40px;}

.titile_Comment{ position: relative; font-size: 20px; font-weight: bolder; padding-bottom: 20px;}

.titile_Comment span{ position: absolute; right: 0; top:50%; margin-top: -15px; font-size: 14px; color: #808997; font-weight: normal}

.Comment_content  .Comment_input{}

.Comment_content  .Comment_input .input01{

    background-color: #fafafa; width: 96%;

    height:80px;

    line-height:20px; padding:2%;

    border:#e4e4e4 1px solid;

    color: #808997;

    font-size: 13px; margin-bottom: 10px; border-radius: 6px;

}

.Comment_content  .Comment_input .input_submits{

	display: inline; margin-left: 85%; text-align: center;

    width:15%;

    background-color: #0f39b3;

    height:36px;

    line-height:36px;

    border:0;

    color: #ffffff;

    font-size: 14px; margin-bottom:0px; border-radius: 6px;

}



.Comment_lists{}

.Comment_lists ul li{    border-bottom: #f0f0f0 1px solid; padding-bottom: 30px; padding-top: 30px; }

.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;

}

.Comment_lists ul li .Comment_fonts {

    display: inline-block; margin-left: 30px;

    width: 650px; line-height: 1

}

.Comment_lists ul li .Comment_fonts .people_name{ font-size: 13px; color: #0f39b3; margin-bottom: 10px;}

.Comment_lists ul li .Comment_fonts .contents{ font-size: 16px; margin-bottom: 15px; line-height: 1.6}

.Comment_lists ul li .Comment_fonts .time_hangs{} 

.Comment_lists ul li .Comment_fonts .time_hangs .tiles_show{ float: left; color: #808997; font-size: 13px;} 

.Comment_lists ul li .Comment_fonts .time_hangs .like{ float: right; color: #808997; font-size: 13px;}

.Comment_lists ul li .Comment_fonts .time_hangs .like a{color: #808997;}

.Comment_lists ul li .Comment_fonts .time_hangs .like a:hover{color: #0f39b3;}



.related_articles{ padding: 30px 40px;}

.related_articles_list{}

.related_articles_list ul li{ float: left; width: 50%; margin-bottom: 25px;}

.related_articles_list ul li .related_articles_img {

    position: relative;

    float: left;

    width: 35%;

    height:100px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 10px;

}

.related_articles_list ul li .related_articles_fonts{ float: right; width: 55%; padding-right: 5%;}

.related_articles_list ul li .related_articles_fonts h3{

    font-size: 15px;

    margin-bottom: 30px;

    line-height: 25px;

    height: 50px;

    text-overflow: -o-ellipsis-lastline;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    line-clamp: 2;

    -webkit-box-orient: vertical;

}

.related_articles_list ul li .related_articles_fonts p{ color: #808997;}







/*企业入驻 页面样式开始*/

.settled_con{}

.settled_banner{ background: url("../images/ruzhu_banner_back.jpg") center top no-repeat; height: 490px; text-align: center; padding-top: 100px; color: #fff; }

.settled_banner .settled_logo img{ height: 28px; margin-bottom: 40px;}

.settled_banner .settled_titile img{ height:44px; margin-bottom:30px;}

.settled_banner .settled_slogan{letter-spacing: 18px; font-size:18px; line-height: 1; margin-bottom:40px;}

.settled_banner .settled_btn img{ height:46px; margin-bottom:60px;}

.settled_banner .settled_descipe{ font-size: 14px; line-height: 2.4;}

.Exclusive_rights{ padding-top: 80px; padding-bottom: 100px;}

.Exclusive_rights_list{ text-align: center}

.Exclusive_rights_list ul li{ float: left; width: 30%; margin: 1.5%; display: table; border-radius: 10px; border: #e9ecf2 1px solid;vertical-align: middle; height: 140px;}

.Exclusive_rights_list ul li:hover{ background-color: #fff;box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);}

.Exclusive_rights_list ul li .left_imgs{vertical-align: middle;

    display: table-cell;

    width: 25%; text-align: center}

.Exclusive_rights_list ul li .rights_font{vertical-align: middle;

    display: table-cell;

    width: 70%; text-align: left}

.Exclusive_rights_list ul li .rights_font h3{ font-size: 18px; font-weight: bold; margin-bottom: 15px; line-height: 1;}

.Exclusive_rights_list ul li .rights_font p{ font-size: 13px; line-height: 1.6; color: #808997;}



.titile_ruzhu{ font-size: 40px; font-weight: bolder; text-align: center;}

.titile_ruzhu p{ letter-spacing: 15px; font-size: 16px; font-weight: normal}

.titile_ruzhu span{ position: relative}

.titile_ruzhu span::after {

    content: "";

    position: absolute;

    top: -15px;

    left:-40px;

    width:36px;

    height:34px;

    background: url("../images/jiahao01.png") center center no-repeat; background-size: cover;

}

.font_write{ color: #fff;}

.font_write span::after {

    background: url("../images/jiahao02.png") center center no-repeat; 

}



.Advantage_three{ padding-top: 80px; padding-bottom: 100px; background:#2c55ff url("../images/ruzhu_back01.jpg") center center no-repeat; background-size: cover;}

.Advantage_three_list{ padding-top:20px;}

.Advantage_three_list ul li{ position: relative; display: inline-block; vertical-align: top; background-color: #ffffff; width: 30%; margin: 0 1.5%; text-align: center; padding: 50px 0px; padding-bottom: 80px;}

.Advantage_three_list ul li .Advantage_icon{ margin-bottom: 30px;}

.Advantage_three_list ul li .Advantage_titile{ font-weight: bold; font-size: 22px; margin-bottom:50px;}

.Advantage_three_list ul li .Advantage_titile span{ position: relative}

.Advantage_three_list ul li .Advantage_titile span::after {

    content: "";

    position: absolute;

    bottom:-30px;

    left:50%;

    width:30px;

    height:4px; margin-left: -15px;

    background-color:#206cff;

}

.Advantage_three_list ul li .Advantage_descipe{ font-size: 15px; line-height:2.2; }

.Advantage_three_list ul li .Advantage_descipe span{ font-size:20px; color: #0f39b3 }

.Advantage_three_list ul li .Advantage_number{ position: absolute; left: 0; bottom:-4px; text-align: center;font-family: 'Swiss721BTBlackCondensed'; font-size: 60px; color: #f3f6ff; width: 100%; line-height: 1;}



.settled_companys{ padding-top: 80px; padding-bottom: 100px;background:#2c55ff url("../images/ruzhu_back02.jpg") center center no-repeat; background-size: cover;}



.settled_companys_list{ padding-top:30px;}

.settled_companys_list .item{ margin-bottom: 20px;}

.settled_companys_list .item a{ background-color: #ffffff; border-radius: 10px; display: block; margin: 0 10px;}

.settled_companys_list .item .companys_logo{ position: relative; height: 110px;}

.settled_companys_list .item .companys_logo img {

  display: block;

  margin: auto;

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  max-height: 80%;

  max-width: 80%;

}

.settled_companys_list .item .companys_names{ text-align: center; padding-bottom:15px; font-size: 15px;}

.settled_companys_list   .slick-dots{ bottom: -30px;}

.settled_companys_list   .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: #c2cad4;

    border-radius: 50%;

}

	.settled_companys_list   .slick-dots li.slick-active button {

    background: #0f39b3;

}



.Application_now {

    padding-top: 80px;

    padding-bottom: 60px;

    background: #266aef url(../images/ruzhu_back03.jpg) center bottom no-repeat;

    background-size: cover; margin-bottom: -50px;

}

.Application_now_inputs{ max-width: 600px; margin: 0px auto; color: #ffffff; padding-top: 30px;}

.Application_now_inputs ul li{ margin-bottom: 25px;border: 1px solid  rgba(255,255,255,0.6);;border-radius: 10px;}

.Application_now_inputs ul li.tiaokuan_hang { border:0}

.Application_now_inputs ul li.btn_hang  { border:0}

.Application_now_inputs ul li.login_hang  { border:0}

.Application_now_inputs ul li .left_tit{ float: left; width:20%; font-size: 17px; font-weight: bolder;height:50px;line-height:50px; text-align: right}

.Application_now_inputs ul li .right_input{ float: right; width:75%;}

.Application_now_inputs ul li .right_input .input_area {

    width: 100%; background: none;

    height:50px;

    line-height:50px;

    text-indent: 15px;

    border:0;

    color: rgba(255,255,255,0.6);

    font-size: 14px; border-radius:30px;

}

.Application_now_inputs ul li .right_input input::-webkit-input-placeholder { /* WebKit, Blink, Edge */



    color: rgba(255,255,255,0.6);



}



.Application_now_inputs ul li .right_input :-moz-placeholder { /* Mozilla Firefox 4 to 18 */



   color: rgba(255,255,255,0.6);



}



.Application_now_inputs ul li .right_input ::-moz-placeholder { /* Mozilla Firefox 19+ */



    color: rgba(255,255,255,0.6);



}



.Application_now_inputs ul li .right_input input:-ms-input-placeholder { /* Internet Explorer 10-11 */



    color: rgba(255,255,255,0.6);



}



.Application_now_inputs ul li .right_input input::-ms-input-placeholder { /* Microsoft Edge */



   color :  #fff;



}



.tiaokuan{ font-size: 14px;}

.tiaokuan a{ color: #fff;}

.tiaokuan a:hover{ text-decoration-line: underline}

.Application_now_inputs ul li  .input_submits{width: 100%;

    height:50px;

    line-height:50px;

    text-indent: 15px;

    border:#fff 2px solid;

    color: #266aef; background-color: #ffffff;

    font-size: 18px; border-radius:10px;}

.Application_now_inputs ul li  .login_else{ text-align: center; font-size: 14px;}

.Application_now_inputs ul li  .login_else a{text-decoration-line: underline; color: #ffe400; font-size: 14px;}





/*企服首页 页面样式开始*/

.Corporate_Ser{}

.Corporate_Ser_banner{ background: url("../images/qifu_banner_back.jpg") center top no-repeat; height:365px; text-align: left; padding-top: 150px; color: #fff; }

.Corporate_Ser_banner .Corporate_Ser_titile{ margin-bottom:50px;}

.Corporate_Ser_banner .Corporate_Ser_titile img{ height:40px;}



.Corporate_Ser_banner .Corporate_Ser_slogan{ font-size: 18px; padding-right: 40%; line-height: 2}

.Corporate_Ser_search{ margin-top: -100px; padding: 30px 0px; padding-bottom:20px;}

.hot_search{ margin-top:15px; margin-left: 40px; margin-right: 40px;}

.hot_search span{ display: inline-block; padding-right: 10px; font-size: 18px;}

.hot_search  #Labels{ display: inline-block;height: 60px;overflow-y: scroll;}

.search_produts{ position: relative;margin-left: 40px; margin-right: 40px;}

.search_produts .input_area{width:100%; background-color:#f5f7fb; height:58px; line-height:58px; text-indent:60px;color:#666666; font-size:14px; border: #e7eaee 1px solid; background: url("../images/search_icon.png") 30px center no-repeat; background-size: auto 15px;border-radius: 45px;}

.search_produts .input_submits{ position: absolute; top:2px; right:2px; z-index: 2; width:150px; background-color:#0f39b3; height:56px; line-height:56px; border:0; color:#FFFFFF; font-weight:bold;font-size:18px;border-radius: 45px;}

.Popular_software{ padding-top:20px;    padding-bottom:20px; }

.titile_produsts{ position: relative; font-size:26px; font-weight: 700; line-height: 1}

.titile_produsts span{ position: absolute; right: 0; top: 50%; font-size: 13px; margin-top: -6px; font-weight: normal}

.titile_produsts span a{ color: #808997;}

.titile_produsts span a:hover{ color: #0f39b3;}

.Popular_software_list{ padding-top: 20px;}

.Popular_software_list #tabcilk{ float: left; width: 20%; background-color: #ffffff; border-radius: 15px;}

.Popular_software_list #tabcilk li{ font-size: 15px; height: 55px; line-height: 55px; text-align: left; padding: 0 25px;}

.Popular_software_list #tabcilk li.on a{ color: #fff}

.Popular_software_list #tabcilk li.on{ background-color: #0f39b3; color: #ffffff;border-radius: 10px; background:#0f39b3 url("../images/sanjiao02.png")  90%  center no-repeat; background-size: auto 10px;}

.Popular_software_list #tabbox{ float: right; width:78%;}



.chanye_home_list{}

.chanye_home_list>ul>li{ float: left; width: 48%; margin-right: 2%; margin-bottom: 2%; display: inline}

.chanye_home_list>ul>li .pro_logo_hang{ padding:20px 20px 10px 20px;}

.chanye_home_list>ul>li .pro_logo_hang .pro_logo{ float: left; width: 74px; height: 74px; background-repeat: no-repeat; background-size: cover; background-position: center center; border: #f2f2f2 1px solid;}

.chanye_home_list>ul>li .pro_logo_hang .pro_fonts{ float: right; width: 310px;}

.chanye_home_list>ul>li .pro_logo_hang .pro_fonts h3{ font-size: 16px; font-weight: bold; margin-bottom: 15px;}

.chanye_home_list>ul>li .pro_slogan{ margin: 0 20px; color: #808997; height:40px; line-height: 20px; margin-bottom: 10px;}

.chanye_home_list>ul>li .pro_company{ margin: 0 20px; color: #808997; margin-bottom: 20px; line-height: 1}

.chanye_home_list>ul>li .pro_company .iconfont{ color: #0f39b3; padding-right: 10px; font-size: 14px;}

.chanye_home_list>ul>li .pro_company span{ color: #2a313d;}

.pro_tuijian_new{ background: none; padding: 0}

.pro_tuijian_new ul li .right_fonts{ width: 870px;}

.pro_tuijian_new .more_link{ margin: 0;  margin-top: 20px; margin-bottom: 30px;}

.padding001{ padding-top: 50px; padding-bottom: 50px; margin-bottom: -50px;}

.pro_daka{ padding-top: 20px;}

.daka_more{ margin: 0;  margin-top: 20px; margin-bottom: 30px;}



.true_view{}

.true_view .item{} 

.true_view .item .view_fonts{ position: relative; background-color: #fff; padding:50px 40px 30px 40px; margin-top: 40px; margin-bottom: 60px; margin-right: 30px;}

.true_view .item .view_fonts::after {

    content: "";

    position: absolute;

    top:-20px;

    left:20px;

    width:48px;

    height:37px; background: url("../images/fuhao.png") center center no-repeat; background-size: cover;

}

.true_view .item .view_fonts::before {

      content: "";

    position: absolute;

    bottom: -80px;

    left: 30px;

    width: 0;

    height: 0;

    border: 50px solid transparent;

    border-top-color: #fff;

}

.true_view .item .view_fonts h3{ font-size: 17px; line-height: 2; margin-bottom:70px;}

.true_view .item .view_fonts .biaoqian_hang{}

.true_view .item .view_fonts .biaoqian_hang #Labels{ float: left;}

.true_view .item .view_fonts .biaoqian_hang .like{ float: right; color: #808997; font-size: 13px;}

.true_view .item .view_fonts .biaoqian_hang .like a{color: #808997;}

.true_view .item .view_fonts .biaoqian_hang .like a:hover{color: #0f39b3;}

.true_view .item  .avatar_con{ margin-left: 30px; margin-bottom:16px; text-align: left}

.true_view .item  .avatar_con .avatar_img{ display: inline-block; width: 50px; height: 50px;border-radius: 50%; vertical-align: top; margin-right:12px; background-position: center center; background-repeat: no-repeat; background-size: cover}

.true_view .item  .avatar_con .avatar_fonts{ line-height: 1; display: inline-block; vertical-align: top; padding-top: 6px; }

.true_view .item  .avatar_con .avatar_fonts h3{ font-size: 16px; margin-bottom: 10px; color: #2d343d;}

.true_view .item  .avatar_con .avatar_fonts p{ font-size:12px;  color: #808997;}

.true_view   .slick-dots{ bottom: 20px;}

.true_view   .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: #c2cad4;

    border-radius: 50%;

}

	.true_view   .slick-dots li.slick-active button {

    background: #0f39b3;

}



.free-articles{

 background:#fff

}

.free-articles .free-module{

display: table;

 padding-top:0px;

 padding-bottom:0px

}

.free-articles .free-module_left{

 width:594px;vertical-align: middle;

display: table-cell;

}

.free-articles .free-module_left img{

 width:100%;

 height: auto

}

.free-articles .free-module .free-right_btn{

 width:152px;

 height:50px;

 text-align:center;

 line-height:50px;

 color:#fff;

 font-size:16px;

 font-weight:700; background-color: #29c5db;border-radius:6px;

}

.free-articles .free-module .free-right{

 padding-left:62px;

 vertical-align: middle;

display: table-cell;

}

.free-articles .free-module .free-right_tip{

 font-size:20px;

 color:#4e49e1

}

.free-articles .free-module .free-right_title{

 font-size:36px;

 color:#000b33;

 font-weight:700;

 margin-top:18px;

 margin-bottom:18px; line-height: 1.3

}

.free-articles .free-module .free-right_intr{

 font-size:16px;

 color:#000b33;

 margin-bottom:38px;line-height: 1.8;

}





/*产品软件列表 页面样式开始*/

.software_list { padding-top: 20px; padding-bottom: 40px;}

.software_list_left{ float: left; width: 20%; background-color: #ffffff; border-radius: 15px;}

.software_list_left>ul>li .first-level{ font-size: 15px; height: 55px; line-height: 55px; text-align: left; padding: 0 25px;}

.software_list_left>ul>li .Secondary_column{ display: none;background-color: #f2f5fb; padding: 15px; font-size: 13px;}

.software_list_left>ul>li .Secondary_column ul li{ padding: 10px 0; line-height: 1}

.software_list_left>ul>li.on .Secondary_column{ display:block; }

.software_list_left>ul>li.on>a{ color: #fff}

.software_list_left>ul>li.on .first-level{ background-color: #0f39b3; color: #ffffff;border-radius: 10px; background:#0f39b3 url("../images/sanjiao02.png")  90%  center no-repeat; background-size: auto 10px;}

.software_list_left>ul>li.on .first-level a{ color: #fff;}

.software_list_right{ float: right; width:78%;}





/*软件产品详情 页面样式开始*/



.Recommended_Products{padding: 0 20px;

    padding-bottom: 20px;}

.Recommended_Products>ul>li{border-bottom: #f0f0f0 1px solid; padding-bottom: 20px; padding-top: 20px;}

.Recommended_Products>ul>li .pro_logo_hang{ padding-bottom:15px;}

.Recommended_Products>ul>li .pro_logo_hang .pro_logo{ float: left; width: 64px; height: 64px; background-repeat: no-repeat; background-size: cover; background-position: center center; border: #f2f2f2 1px solid;}

.Recommended_Products>ul>li .pro_logo_hang .pro_fonts{ float: right; width:230px;}

.Recommended_Products>ul>li .pro_logo_hang .pro_fonts h3{ font-size: 16px; font-weight: bold; margin-bottom: 6px;}

.Recommended_Products>ul>li .pro_slogan{color: #808997; height: auto; line-height: 20px;}



.Comment_lists ul li .Comment_fonts .people_name .star_font{ color: #808997; padding-left: 20px; line-height: 14px;}

.Comment_lists ul li .Comment_fonts .people_name .star_font img{ height: 14px; margin-right: 10px;}

.pingfen{ font-size: 14px;}

.pingfen select{ width: 200px;border: #e4e4e4 1px solid;border-radius: 6px; height: 32px;}



.Software_details{ padding:40px;}

.Software_details .pro_logo_hang{ padding-bottom:20px;}

.Software_details .pro_logo_hang .pro_logo{ float: left; width:120px; height:120px; background-repeat: no-repeat; background-size: cover; background-position: center center; border: #f2f2f2 1px solid;}

.Software_details .pro_logo_hang .pro_fonts{ float: right; width:600px;}

.Software_details .pro_logo_hang .pro_fonts h3{ font-size: 30px;

    font-weight: bold;

    margin-bottom:15px;

    line-height: 1;}

.Software_details .pro_slogan{color: #808997; font-size:13px; height: 40px; line-height: 20px; margin-bottom:6px;}

.Software_details .Software_details_banner{ border-radius:10px; padding-bottom:20px;}

.Software_details .Software_details_banner img{ border-radius:10px;}

.Software_details_titile{ position:relative; padding-left:16px; font-size:20px; font-weight:bolder; line-height:1; padding-bottom:15px;border-bottom:#f0f0f0 1px solid; margin-top:15px;}

.Software_details_titile span{ position: absolute; right: 0; top: 50%; font-size: 13px; margin-top: -12px; font-weight: normal}

.Software_details_titile span a{ color: #808997;}

.Software_details_titile span a:hover{ color: #0f39b3;}

.Software_details_titile::after {

    content: "";

    position: absolute;

    top:0px;

    left:0px;

    width:3px;

    height:20px; background-color:#0f39b3; border-radius:8px; 

}

.Software_details .Software_details_introduce{ font-size:14px; line-height:2; padding:20px 0;}

.Software_details .Software_details_vedio{ margin-bottom:20px;}

.Software_details .Software_details_vedio video{ width:100%;border-radius:8px;}



.score_content{ line-height:1; padding-bottom:30px;}

.score_content .score_content_left{ float:left; width:35%; text-align:left; vertical-align:middle; border-right:#ecedf0 1px solid;}

.score_content .score_content_left .Fraction{ height:70px; line-height:70px;font-size:50px; font-weight:bolder; vertical-align:middle}

.score_content .score_content_left .Fraction span{ font-family: 'Swiss721BTBlackCondensed'; font-size:70px;display:inline-block; vertical-align:middle}

.score_content .score_content_left .Score_star{ margin-top:20px;}

.score_content .score_content_left .Score_star img{ height:20px;}

.score_content .score_content_center{ float:left; width:30%; text-align:center; font-size:16px; vertical-align:middle; color:#808997; padding-top:50px;}

.score_content .score_content_right{ float:left; width:34%; text-align:left; font-size:14px; vertical-align:middle; color:#808997;}

.score_content .score_content_right ul li{ margin:4px 0;}

.score_content .score_content_right ul li img{ height:14px; margin-right:10px;}



/*企业详情介绍页面 样式开始*/

.company_info_con{ padding:40px; background:#fff url(../images/company_back_icon.jpg) 90% 40px no-repeat; margin-top:30px; }

.company_info_con .company_info_logo{ margin-bottom:20px;}

.company_info_con .company_info_logo  .company_logo{ float: left; width: 120px; height:120px; background-repeat: no-repeat; background-size: cover; background-position: center center; border: #f2f2f2 1px solid;}

.company_info_con .company_info_logo  .company_name{ float: left; width:860px; font-size:30px; font-weight:bolder; padding-top:48px; padding-left:25px; line-height:1}

.font14{ font-size:14px;}

.company_info_descipe{font-size: 14px;

    line-height: 2;

    padding-bottom: 20px;}

.company_info_produsts{}

.company_info_produsts > ul > li{ margin-bottom:20px; border:#f0f0f0 1px solid; border-left:#dcdcdc 6px  solid;border-radius:8px; background-color:#ffffff; padding:30px 40px; padding-right:0}

.company_info_produsts > ul > li .company_info_produsts_l{ float:left; width:400px;}

.company_info_produsts > ul > li .company_info_produsts_l .pro_logo{ float: left; width:120px; height:120px; background-repeat: no-repeat; background-size: cover; background-position: center center; border: #f2f2f2 1px solid;}

.company_info_produsts > ul > li .company_info_produsts_l .pro_fonts{ float: right; width:260px;}

.company_info_produsts > ul > li .company_info_produsts_l .pro_fonts h3{ font-size: 30px;

    font-weight: bold;

    margin-bottom:15px;

    line-height: 1;}

.company_info_produsts > ul > li .company_info_produsts_l .pro_slogan{color: #808997; font-size:13px; height: 40px; line-height: 20px; margin-bottom:6px;}

.company_info_produsts > ul > li .company_info_produsts_r{ float:left; width:520px; font-size:14px; line-height:2; text-align:left; margin-top:20px; }

.company_info_produsts > ul > li .company_info_produsts_icon{ float:right; width:140px; text-align:center; padding-top:30px;}

.company_info_produsts > ul > li .company_info_produsts_icon span{ display:inline-block; background-color:#f5f7fb; height:54px; line-height:54px; width:54px;border-radius:50%; font-size:26px;}

.company_info_produsts > ul > li:hover .company_info_produsts_icon span{ background-color:#0f39b3;color:#ffffff;}

.company_info_produsts > ul > li:last-child{ margin-bottom:0}

.company_info_produsts > ul > li:hover{border-left:#0f39b3 6px  solid;}



/*大咖列表 页面样式开始*/

.Big_coffee_banner{}

.Big_coffee_banner{border-radius:20px; margin-bottom:25px;}

.Big_coffee_banner .item{ position: relative; height:380px;border-radius:20px; background-size: cover; background-position: center center;}

.Big_coffee_banner .item .banner_font{ position: absolute; left:4%; width: 92%; font-size: 24px; color: #fff; z-index: 2; bottom: 4%; line-height: 1.6;}

.Big_coffee_banner .slick-dots{position: absolute;

    bottom: 4%;

    height: auto;

    list-style: none;

    text-align: center;

    padding: 0;

    width: auto;

    line-height: 0;

    z-index:3;

    right: 4%;

    display: inline;}

.Big_coffee_banner .slick-dots li button {

    border: 0;

    display: block;

    height:3px;

    width:26px;

    padding: 0;

    margin: 0;

    outline: none;

    line-height: 0;

    font-size: 0;

    cursor: pointer;border-radius:0;

    background: #fff;opacity:0.3

}



.Big_coffee_banner .slick-dots li.slick-active button {

    background: #34cbe4;opacity:1

}

.Big_coffee_infolist ul li .Comment_fonts{width: 1025px;}

.big_View{ padding:30px 30px; padding-top:10px;}

.big_View_pics .item .media_font{background-color: #f5f7fb;}

.view_tuijian_001{ margin-bottom:0}

.view_tuijian_001 ul li .right_fonts {

    width: 800px;

}

.Big_coffee_more{ padding:30px 30px; padding-top:10px; border-radius:0 0 15px 15px}

.big_titile_show{ border:0; position:relative;margin-left: -20px;}

.big_titile_show::after {

    content: "";

    position: absolute;

    top:50%;

    right:0px;

    width:990px;

    height:20px; margin-top:-10px; background: url(../images/lines.png) center center repeat-x;

}

.Big_coffee_more_font{}

.Big_coffee_more_font .Big_more_font_l{ float:left; width:50%; line-height:2}

.Big_coffee_more_font .Big_more_font_r{ float:right; width:45%;border-radius:60px 10px 60px 10px; height:260px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top:20px;}



.big_more_banner{ position:relative; border-radius:15px 15px 0 0; }

.big_more_banner img{ border-radius:15px 15px 0 0; }

.big_more_banner .video_btn{ position:absolute; left:530px; bottom:140px; z-index:2}



.daka_vedio_con .daka_vedio_back_fff {

    position: fixed;

    left: 0;

    top: 0;

    right: 0;

    bottom: 0;

    z-index: 20000;

    height: 100%;

    width: 100%;

    background: rgba(255,255,255,0.9);

    display: none;

}

.daka_vedio_con .daka_vedio_show{

	position: fixed;

    top: 50%;

    left:50%;

    width:1000px; height:563px;

    margin-top: -282px; margin-left:-500px;

    z-index: 20001;

    display: none;

	}

.daka_vedio_con .daka_vedio_show video{ width:100%}

.daka_vedio_con .daka_close_btn{

	position: fixed;

    bottom: 4%;

    left:50%;

    width:50px; height:50px;

    margin-left:-25px;

    z-index: 20002;

    display: none;

	}

.daka_vedio_con .daka_close_btn a{ display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; border-radius:50%; border:#33384e 1px solid;}

.daka_vedio_con .daka_close_btn a:hover{ display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; background-color:#0f39b3; border-radius:50%; border:#0f39b3 1px solid; color:#ffffff}



/*观点页面 样式开始*/

.padding_clear{ padding-left:0; padding-right:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:15px;}

.padding_clear  span{ font-size:16px;}

.padding_clear #Labels ul li a{color: #969696;}

.padding_clear #Labels ul li:hover{background-color:#39c4ee ;}

.padding_clear #Labels ul li:hover a{color: #fff;}

.padding_clear #Labels ul li.on{background-color:#39c4ee ;}

.padding_clear #Labels ul li.on a{color: #fff;}

.view_lists{}

.view_lists ul li .Comment_fonts .time_hangs .tiles_show{ float:left; width:66%;}

.view_lists ul li .Comment_fonts .time_hangs .like {

    float: right;

 width:34%;text-align: right; padding-top:10px;

}

.view_lists ul li .Comment_fonts .time_hangs .like  a{ display:inline-block; margin-left:20px;}



/*企业招聘页面样式开始*/

.Recruitment_con{ padding-top:20px;}

.Recruitment_con .Recruitment_titile_hang{}

.Recruitment_con .Recruitment_titile_hang .Recruitment_titile{

	float:left;

	position: relative;

    height: 60px;

    line-height: 60px;

    padding-left: 55px;

    font-size: 20px;

    font-weight: bold;

	background: url(../images/icon_home_r04.png) 20px center no-repeat;

    background-size: auto 20px;

	}

.Recruitment_con .Recruitment_titile_hang .Recruitment_search{ float:right; width:260px; margin-top:10px;}

.Recruitment_con .Recruitment_titile_hang .Recruitment_search .input_area{ float:left; width:68%;  height:40px; line-height:40px; text-indent:35px; border:0; color:#808997;  border-left: #dadfe7 1px solid;border-top: #dadfe7 1px solid;border-bottom: #dadfe7 1px solid; background: url("../images/search_icon.png") 15px center no-repeat; background-size: auto 15px;border-radius:30px 0 0 30px;}

.Recruitment_con .Recruitment_titile_hang .Recruitment_search .input_submits{ float:left; width:30%; background-color:#dadfe7; height:42px; line-height:42px; border:0; color:#808997; font-weight:bold;font-size:14px;border-radius: 0 30px 30px 0;}

.Recruitment_in_list{ text-align:left; margin-bottom:-30px;}

.Recruitment_in_list ul{*zoom:1;}

.Recruitment_in_list ul:after{

	clear:both; 

	display:block; 

	height:0; 

	visibility:hidden; 

	line-height:0; 

	content:'\20';

}

.Recruitment_in_list ul li{ float:left; display:inline;  width:32.2%; margin:0; margin-right:1.5%; margin-bottom:1.5%; border:0;  padding:0}

.Recruitment_in_list ul li a:hover{box-shadow:0px 0px 10px 8px rgba(0,0,0,0.03);}

.Recruitment_in_list ul li:nth-child(3n){ margin-right:0}

.Recruitment_in_list ul li a{ display:block; padding:20px;background-color:#ffffff;border-radius:15px;*zoom:1;}

.Recruitment_in_list ul li a:after{

	clear:both; 

	display:block; 

	height:0; 

	visibility:hidden; 

	line-height:0; 

	content:'\20';

}



/*企业招聘详情 页面样式开始*/



.Recruitment_info_con{ padding:40px;}

.Recruitment_info_con .Recruitment_info_descipe{ line-height:2; font-size:14px; border-top:#f0f0f0 1px solid;border-bottom:#f0f0f0 1px solid; padding-bottom:25px;}

.Recruitment_info_con .Recruitment_info_descipe .Recruitment_info_titile{ font-size:18px; font-weight:bolder; margin-bottom:20px; margin-top:25px; line-height:1}

.send_mail{ padding-top:25px;}

.send_mail a{ display:inline-block; background-color:#0f39b3; color:#ffffff; font-size:16px; font-weight:bolder;border-radius:10px; padding:20px 20px; line-height:1; }

.Recruitment_info_fonts{ position:relative; line-height:1; padding-right:120px;}

.Recruitment_info_fonts .compang_logo{}

.Recruitment_info_fonts .compang_logo { position:absolute; right:0; top:20px;

    width:100px;

    height:100px;

    border: #f0f0f0 1px solid;

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    border-radius: 6px;

}

.Recruitment_info_fonts .compang_name{ position:relative; color:#808997; font-size:16px; margin-bottom:30px; padding-left:15px;}

.Recruitment_info_fonts .compang_name::after {

    content: "";

    position: absolute;

    top:50%;

    left:0px;

    width:5px;

    height:5px; margin-top:-2px; background-color:#0f39b3;border-radius: 50%;

}

.Recruitment_info_fonts .Position_name{ color:#2a313d; font-size:30px; font-weight:bolder; margin-bottom:20px;}

.Recruitment_info_fonts .Position_price{ color:#fe6021; font-size:24px; font-weight:bolder; margin-bottom:30px;}

.Recruitment_info_fonts .Position_time{ color:#2a313d; font-size:14px; margin-bottom:30px;}

.Recruitment_info_fonts .Position_time span{ padding-right:80px;}



/*登录-个人 登录 页面样式开始*/

.login_backimg{background: #0f0f0f url("/static/tech/images/login_back.jpg") center center no-repeat; background-size: cover}

.login_personal_con{ margin-top: 150px; margin-bottom: 80px; background-color: #ffffff; }

.login_personal_con .login_personal_left{ float: left; width:620px; height: auto; padding: 50px 50px 0 50px; line-height: 1}

.login_personal_con .login_personal_right{ float: right; width: 380px; height: 600px;}

.tit_login{ position: relative; font-weight: bolder; font-size: 30px;}

.tit_login span{ position: absolute; right: 0; top: 50%; color:#808997; font-size: 14px; margin-top: -7px; }

.tit_login span a{ color: #0f39b3; text-decoration: underline}

.login_form{ padding-top:40px;}

.login_form ul li{ position: relative; margin-bottom:40px;  line-height: 1; border-bottom: #e9e9e9 1px solid; padding:20px 0; padding-left: 40px;}

.login_form ul li .iconfont{ position: absolute; left: 0; top:50%; margin-top: -12px; font-size:24px;}

.login_form ul li.yanzhengma{ margin-right: 150px;}

.login_form ul li.yanzhengma .send_number a{ position: absolute; right: -150px; bottom: 0; display: inline-block;width:140px;

    background-color: #fff;

    height:46px;

    line-height:46px; border: #0f39b3 1px solid;

    color: #0f39b3;

    font-weight: bold;

    font-size: 16px; border-radius: 6px; text-align: center;}

.login_form ul li.yanzhengma .send_number a:hover{background-color: #0f39b3; color: #ffffff}

.login_form ul li.tiaokuans{border-bottom: 0; padding: 0; margin-top: -10px; margin-bottom:-20px; font-size: 13px; color: #808997;}

.login_form ul li.tiaokuans a{color: #0f39b3; text-decoration: underline}

.login_form ul li.tiaokuans input{ width:  auto; border: 0;font-size: 16px;}

.login_form input{ width: 100%; border: 0;font-size: 16px;}

.login_form ul li:last-child{ position: relative; border-bottom: 0; padding: 0; margin-top: 60px;}

.login_form ul li .input_submits{width:150px;

    background-color: #0f39b3;

    height:46px;

    line-height:46px;

    border: 0;

    color: #FFFFFF;

    font-weight: bold;

    font-size: 18px; border-radius: 6px;}

.login_form ul li:last-child span{ position: absolute; right: 0; top: 50%; color:#808997; font-size: 14px; margin-top: -7px; }

.login_form ul li:last-child span a{ color: #0f39b3; text-decoration: underline}



/*公司介绍模块 页面样式开始*/

.about_banner{ position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 300px; background-color: #0f39b3; line-height: 1}

.about_banner .banner_fonts{ position: absolute; left: 50%; top: 50%; margin-left:-600px; margin-top: -40px; color: #ffffff; padding-left: 20px; border-left:#fff 3px solid}

.about_banner .banner_fonts h3{ font-weight: bolder; margin-bottom: 30px; font-size: 34px;}

.about_banner .banner_fonts p{ font-size: 15px;}

.about_content{ margin-top: 30px; margin-bottom: 50px;}

.about_content .about_content_l{ float: left; width: 16%; padding:10px 0;}

.about_content .about_content_l ul li{ position: relative; }

.about_content .about_content_l ul li.on a::after {

    content: "";

    position: absolute;

    top:0%;

    left:0px;

    width:3px;

    height:100%;background-color:#0f39b3;

}

.about_content .about_content_l ul li a{ display: block; margin: 15px 0; font-size: 15px; padding-left: 30px;}

.about_content .about_content_l ul li.on a{ color:#0f39b3 }

.about_content .about_content_l ul li a .iconfont{ display: inline-block; padding-right: 10px; font-size: 18px;}



.about_content .about_content_r{ float: right; width:82%; padding-top: 10px; }

.titile_003{ position: relative; border-bottom: #eaecf0 1px solid;font-size: 24px; font-weight: bolder; padding: 20px 30px; line-height: 1}

.titile_003 span{ position: absolute; right: 30px; top: 50%; margin-top: -15px;}

.titile_003 span a{}

.titile_003 span a{display: inline-block;width:100px;

    background-color: #fff;

    height:30px;

    line-height:30px; border: #0f39b3 1px solid;

    color: #0f39b3;

    font-size: 13px; border-radius: 6px; text-align: center;}

.titile_003 span a:hover{background-color: #0f39b3; color: #ffffff}

.about_descipe{ line-height: 2.2; font-size: 14px; padding: 30px;}



/*个人用户中心-个人资料 页面样式开始*/

.member_banner{ position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; height: 220px; background-color: #4c6895; line-height: 1}

.member_banner .banner_fonts{ position: absolute; left: 50%; top: 50%; margin-left:-600px; margin-top: -45px; color: #ffffff; text-align: left;}

.member_banner .banner_fonts .touxiang{ display: inline-block; width: 90px; height: 90px; border-radius: 50%; background-position: center center; background-repeat: no-repeat; vertical-align: top;background-size: cover}

.member_banner .banner_fonts .names{ display: inline-block; width: 500px;  vertical-align: top; padding-left: 20px;}

.member_banner .banner_fonts .names h3{ font-weight: bolder; margin-bottom:20px; margin-top: 15px; font-size:24px;}

.member_banner .banner_fonts .names p{ font-size: 15px;}



.member_form{}

.member_form ul li{ margin:20px 0;}

.member_form ul li .left_tit{ float: left; width:12%; font-size: 14px; font-weight: bolder;height:40px;line-height:40px; text-align: right}

.member_form ul li .right_input{ float: right; width:84%;}

.member_form ul li .right_input .input_area {

    width: 50%; background: none;

    height:40px;

    line-height:40px;

    text-indent: 15px;

    border:#e5e5e5 1px solid;

    color: #33384e;

    font-size: 14px; border-radius:8px;

}

.member_form ul li .right_input .input_area.Not_edit{ background-color: #f5f7fb;}

.member_form ul li .right_input .input_submits {

    width:20%;

    height: 40px;

    line-height:40px;

    border: #0f39b3 1px solid;

    color: #ffffff;

    background-color: #0f39b3;

    font-size: 16px;

    border-radius:8px;

}

.member_form ul li .right_input .touxiang{

    display: inline-block;

    width: 60px;

    height: 60px;

    border-radius: 50%;border: #e5e5e5 1px solid;

    background-position: center center;

    background-repeat: no-repeat;

    vertical-align: top;background-size: cover

}

.member_form ul li .right_input .touxiang2{

    display: inline-block;

    width:150px;

    height: 60px;

    border-radius:6px;border: #e5e5e5 1px solid;

    background-position: center center;

    background-repeat: no-repeat;

    vertical-align: top; background-size: cover

}

.member_form ul li .right_input .touxiang3{

    display: inline-block;

    width:50px;

    height: 60px;

    border-radius:6px;border: #e5e5e5 1px solid;

    background-position: center center;

    background-repeat: no-repeat;

    vertical-align: top; background-size: cover

}

.member_form ul li .right_input .Remark{ display: block; font-size: 12px; color: #808997; line-height:2; margin-top: 15px;}

.member_form ul li .right_input .choose_btn{

    display: inline-block;

    width:150px;

    vertical-align: top; margin-top:16px; margin-left: 20px;

}





.member_form ul li .right_input .choose_btn a{display: inline-block;width:100px;

    background-color: #fff;

    height:30px;

    line-height:30px; border: #0f39b3 1px solid;

    color: #0f39b3;

    font-size: 13px; border-radius: 6px; text-align: center;}

.member_form ul li .right_input .choose_btn a:hover{background-color: #0f39b3; color: #ffffff}

.personal_Comment ul li .Comment_fonts{ width: 820px; margin-top: -20px;}

.editor_contents{

    background: none;

    line-height:24px;

    text-indent: 15px;

    border: #e5e5e5 1px solid;

    color: #33384e;

    font-size: 14px; text-align: left;

    border-radius: 8px; height:250px; overflow-y: scroll; padding: 30px;}

.member_form ul li .right_fonts{ width: 550px;}

.member_form #Labels ul li{ margin: 0;}

.member_form #Labels ul li a{color: #969696; font-size: 12px;}

.member_form #Labels ul li:hover{background-color:#39c4ee ;}

.member_form #Labels ul li:hover a{color: #fff;}

.member_form #Labels ul li.on{background-color:#39c4ee ;}

.member_form #Labels ul li.on a{color: #fff;}

.member_pro > ul > li .company_info_produsts_r{ width: 300px;}



.news_infos .info_descipe ol, .news_infos .info_descipe li {

  list-style: disc;

}

.Software_details .Software_details_introduce ol, .Software_details .Software_details_introduce li {

  list-style: disc;

}

.company_info_descipe ol, .company_info_descipe li {

  list-style: disc;

}

.Big_coffee_more_font .Big_more_font_l ol, .Big_coffee_more_font .Big_more_font_l li {

  list-style: disc;

}



.Recruitment_info_con .Recruitment_info_descipe ol, .Recruitment_info_con .Recruitment_info_descipe li {

  list-style: disc;

}