/*global*/
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;box-sizing:border-box;font-family: "Microsoft YaHei", "tahoma", "arial", "Hiragino Sans GB", "瀹嬩綋", sans-serif;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal}
q:before,q:after {content:''}
abbr,acronym { border:0}
a{text-decoration: none; color: #1e65be;}
.bordernone{ border:0px;}
.clear::after {
    clear: both;
    content: "";
    display: table;
}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}

.w{width:1180px;margin: auto;}
.w_1k{width:1000px; margin: auto;}

.top_bar{width: 1160px; margin: auto; overflow: hidden;}
.top_bar .logo{float: left; padding: 12px 0 0;}
.top_bar .logo img{max-height: 36px;}
.top_bar .nav{float: left; padding-left: 30px;}
.top_bar .nav li{float: left; min-width: 75px; text-align: center; margin: 0 10px;}
.top_bar .nav li a{ color:#8C8C8C; font-size: 16px; line-height: 55px; display: block;}
.top_bar .nav li.hover a{font-weight: bold; color: #2467ff; border-bottom:6px #2467ff solid}
.top_bar .r_con{float: right; padding-top: 15px;}
.top_bar .r_con .a_btn{font-size: 12px; color:#2467ff; border:1px #2467ff solid; line-height: 26px; border-radius: 13px; display: inline-block; padding: 0 15px;}

.top_bar2{background: rgb(243,245,246); margin: auto; overflow: hidden;}
.top_bar2 .logo{float: left; padding: 8px 0 2px;}
.top_bar2 .nav{float: left; padding-left: 30px;}
.top_bar2 .nav li{float: left; min-width: 75px; text-align: center; margin: 0 10px;}
.top_bar2 .nav li a{ color:#333; font-size: 16px; line-height: 55px; display: block;}
.top_bar2 .r_con{float: right; padding-top: 15px;}
.top_bar2 .r_con .a_btn{font-size: 12px; color:#2467ff; border:1px #2467ff solid; line-height: 26px; border-radius: 13px; display: inline-block; padding: 0 15px;}

.banner{height: 600px;}

.title_bar{padding: 50px 0 35px; text-align: center;}
.title_bar .name{font-size:40px;}
.title_bar .en{font-size: 16px; color:#d6d6d6;}

.title_bar2{margin: 20px 0;}
.title_bar2 .name{border-left: 6px #016eff solid; padding: 0 10px; font-size: 16px; color:#222; height:14px; line-height: 14px;;}

.hm_txt{font-size: 16px; color:#666; line-height: 24px;}
.ts_list{overflow: hidden; margin: auto;}
.ts_list .item{float:left; width: 50%; height:60px; margin-bottom: 40px;}
.ts_list .item .icon{float:left; width:60px; margin:0 30px}
.ts_list .item .name{padding:0 5px; font-size: 16px;}
.ts_list .item .name .n1{color:#333; line-height: 30px; font-weight: bold}
.ts_list .item .name .n2{color:#666; line-height: 22px;}
.ts_list .item.rt .icon{float: right;}
.ts_list .item.rt .name{text-align: right; float: right}

.example .item{overflow: hidden;}
.example .item .name{font-size: 26px; font-weight: bold;}
.example .item .info{display:flex; margin-top: 20px;}
.example .item .info .txt{width:100%; font-size:16px; color:#666; line-height: 28px;}
.example .item .info .btn{min-width: 200px; margin-left: 50px; font-size: 16px; background: #498afe; color:#fff; display: inline-block; height:42px;text-align: center; border-radius: 21px; line-height: 42px;}
.example .item .imgs{margin-top: 50px;}
.example .item .imgs .img{height:185px; background: #e3e3e3; float: left; width: 32%; margin-right: 1%;
    overflow: hidden;}
.btn_filter{margin: 10px 0; overflow: hidden;}
.btn_filter .item{display: inline-block; font-size: 14px; color:#666; min-width: 100px; margin-right: 15px;text-align: center; }
.btn_filter .item.hover{ background: #498afe; color:#fff; height:28px; border-radius: 14px; line-height: 28px;}
.qy_info{display: flex; margin: 20px 0;}
.qy_info .info{width:300px}
.qy_info .info .n{font-size: 20px; color: #343434; display: block;}
.qy_info .info .m{font-size: 16px; color: #a8afcb;  display: block; margin-top: 5px;}
.qy_info .r_btn{ margin-top: 10px; font-size: 14px; background: #498afe; color:#fff; display: inline-block; height:28px; min-width: 120px; text-align: center; border-radius: 14px; line-height: 28px;}


.exhibitor{overflow: hidden; margin-bottom: 50px;}
.exhibitor .item{background: #fff; border:1px #ddd solid; border-radius: 2px; width: 24%; height:90px; padding: 1px 3.5px; margin: 0 1% 10px 0; float: left;overflow: hidden;}

.container{min-height: 600px; padding: 50px 0;}
.online-join{border: 1px #e9eaec solid; margin:0 auto; width: 500px; box-shadow: 1px 2px 50px #eee;}
.online-join .join-title{border-bottom: 1px #e9eaec solid; height:62px; padding:0 15px; line-height:60px; font-size: 16px; color: #2467ff;}
.online-join .con{padding:40px 50px;}

.online-join .form{margin: auto; }
.online-join .form .group{padding-bottom: 20px; position: relative;}
.online-join .form .group .input{width:100%; border:1px #eff0f1 solid; box-sizing: border-box; line-height: 52px; padding:0 20px; font-size: 17px; border-radius: 4px;}
.online-join .form .group .select_input{width:100%; border:1px #eff0f1 solid; box-sizing: border-box; line-height: 52px; padding:0 20px; font-size: 17px; border-radius: 4px;}
.online-join .form .group .select_input .label{color:#666; border-right:1px #ddd solid; padding-right: 15px; }
.online-join .form .group .select_input select{border: 0; outline: none; width: 80%; height: 52px; line-height: 52px; float: right;}
.online-join .form .group .r-btn{position: absolute; right:10px; top:0; cursor: pointer; color:#2467ff; font-size: 16px; line-height: 52px; display: inline-block; text-align:center;}
.online-join .form .btns{padding:30px 0 0; overflow: hidden;}
.online-join .form .btns .txt{display: flex; line-height: 25px; padding-bottom: 5px;}
.online-join .form .btns .txt input{zoom:150%}
.online-join .form .btns .txt span{font-size: 17px; color:#676767;}
.online-join .form .btns .btn{background: #2467ff; border:0; width:100%; cursor: pointer; outline: none; color:#fff; font-size: 24px; line-height: 60px; display: block; text-align:center;}
.online-join .form .btns .a_btn{color:#2467ff; font-size: 14px; text-align: center; line-height: 24px; margin-top: 10px; display: inline-block;}
.online-join .form .c_txt{color:#666;}
.online-join .form .a_link{color:#2467ff; margin: 0 10px;}

.has-left {overflow: hidden;}
.has-left .vedio{margin-top: 30px; width: 400px; height: 300px; background: rgb(46,115,205); float: left;}
.has-left .info_warp{width: 740px; float: right;}
.com_info{display: flex;padding:30px 0 10px;}
.com_info .img{min-width: 125px; max-width: 125px; height: 125px; box-shadow: 1px 3px 5px 2px #eee; overflow: hidden;}
.com_info .img img{width: 100%; height: 100%;}
.com_info .info{padding-left:30px; width: 100%;}
.com_info .info .n{font-size:20px; color: #343434; font-weight: bold; display: block; padding-top:25px;}
.com_info .info .m{font-size: 17px; color: #808080; display: block; margin-top: 10px;}
.com_info .r_btn{ margin-top: 40px; font-size: 14px; background: #498afe; color:#fff; display: inline-block; height:28px; min-width: 100px; text-align: center; border-radius: 14px; line-height: 28px;}
.com_memo{font-size: 18px; color:#808080; padding: 10px 0; line-height: 28px;}
.com_live{overflow: hidden; margin: 40px auto;}
.com_live .item{border: 1px #bdbdbd solid; border-radius: 5px; padding: 25px; display: flex;}
.com_live .item .icon{min-width: 80px;}
.com_live .item .info{width: 100%; line-height: 60px;}
.com_live .item .info .n{font-size: 16px; color:#343434; float: left; font-weight: bold; margin-right: 10px; overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.com_live .item .info .m{font-size: 14px; color:#808080;}
.com_live .item .r_btn{margin-top: 15px; font-size: 14px; background: #498afe; color:#fff; display: inline-block; height:28px; min-width: 100px; text-align: center; border-radius: 14px; line-height: 28px;}
.com_online{clear:both; margin: 40px auto;}
.com_online .item{border: 1px #bdbdbd solid; border-radius: 5px; padding: 25px; display: flex; float: left; width:32.3%; position: relative;}
.com_online .item .icon{position: absolute; left: 10px; top:-20px; width: 35px; height: 35px;}
.com_online .info{width:100%; padding-left: 20px;}
.com_online .info .n{font-size: 16px; color: #343434; font-weight: bold; display: block;overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}.com_online .info .m{font-size: 14px; color: #808080;  display: block; margin-top: 15px;}
.com_online .r_btn{ margin-top: 15px; font-size: 14px; background: #498afe; color:#fff; display: inline-block; height:28px; min-width: 100px; text-align: center; border-radius: 14px; line-height: 28px;}
.com_show_img{border-radius: 5px; overflow: hidden; height: 364px; margin:20px auto 0;}
.pro_category {overflow: hidden;}
.pro_category .swiper-slide{float: left; padding: 0 10px; font-size: 18px; color: #1f2229; line-height: 18px; border-right:1px #d7d7d7 solid; text-align: center; max-width: 100px;}
.pro_category .swiper-slide:last-child{border-right: 0;}
.pro_category .swiper-slide.hover{color:#498afe;}
.show_tit{ text-align: center; padding-top: 20px;}
.show_tit .cn{font-size: 34px; color: #1f2229; line-height: 42px; padding-bottom: 5px;}
.show_tit .en{ padding: 0 10px; font-size: 16px; line-height: 22px; color: #d6d6d6; display: inline-block; font-family: arial;}
.pro_list{padding: 20px 0; overflow: hidden;}
.pro_list .item{float: left; width: 375px; margin-bottom: 20px; }
.pro_list .item .info{position: relative; background: #e7e7e7; height: 220px;}
.pro_list .item .name{font-size: 18px; color: #262a32; line-height: 26px; margin-top: 10px;}
.show_txt{font-size: 16px; color: #666; line-height: 26px; padding: 20px 0;}

/*footer*/
.footer{background: #2c343d; text-align: center; padding: 10px 0 20px; font-size: 12px; line-height: 20px; color: #fff; clear:both;}
.footer .ft1_logo{padding-bottom: 10px;}
.footer ul{padding: 25px 0 20px; margin: auto; overflow: hidden;}
.footer ul li{float: left; text-align: left; line-height: 24px; color: #fff; min-width: 160px;}
.footer ul li.ft1{width: 450px; padding-top: 0;}
.footer ul li.ft1 p{line-height: 40px; font-size: 16px;color:#a3b1bf;}
.footer ul li.ft1 p i{float: left;}
.footer ul li.ft1 p span{display: table; padding-left: 16px;}
.footer ul li h3{font-size: 18px; padding-bottom: 10px; font-weight: bold;}
.footer ul li p{line-height: 40px; }
.footer ul li p a{color:#a3b1bf; font-size: 16px;}

/**/
.form-input{font-size:14px;height:35px;border:1px #DEDEDE solid; line-height: 35px; width: 460px; padding: 0 5px; outline: none; color: #474747;}
.form-tips{font-size: 12px; color: #A9A9A9; line-height: 28px;}
.form-select{font-size:14px;height:35px;border:1px #DEDEDE solid; border-radius: 0; width: 460px; padding: 8px 0 8px 10px; outline: none; color: #474747;}
.form-text{font-size:14px;height: 64px; width: 750px; border:1px #DEDEDE solid; line-height: 24px; padding: 0 5px; outline: none;  }
.member_con{padding:5px; overflow:hidden; min-height:400px; background:#fff;}
.member_con .con_bot{height:60px;}
.member_con .con_bot .btns{position: absolute; left: 0; right:0; bottom: 0; text-align: right; padding: 10px; border-top: 1px #eee solid;}
.member_con .con_bot .btns .form-btn{height: 30px;width: 120px;}
.search_bar{padding-top: 10px; overflow: hidden;}
.search_bar .sb_box{overflow: hidden;}
.search_bar .sb_box .form-input{width: 300px; float: left;}
.search_bar .sb_box .form-btn{ background: #fff; color: #808080; height: 35px; border: 1px #DEDEDE solid; border-left: 0; width: 80px; font-size: 12px; border-radius: 0;}
.filter_bar{ padding-top: 10px; overflow: hidden;}
.filter_bar .fb_box{float: left;}
.filter_bar .fb_box.ml{padding-left: 30px;}
.filter_bar .fb_box label{font-size: 12px; color:#444; padding-right: 10px;}
.filter_bar .fb_box .form-select{width: 160px;}
.filter_bar .fb_box .form-select.small_s{width: 120px;}
.list-box{margin-top: 20px;}
.list-box table{width: 100%; border: 1px #DEDEDE solid;}
.list-box table td,.list-box table th{color:#444; padding: 0 10px; font-size: 12px;}
.list-box table tr th{ background: #FAFAFA; line-height: 40px; border-bottom: 1px #DEDEDE solid;}
.list-box table tr td{height:56px; line-height: 20px; border-bottom: 1px #DEDEDE solid;}
.list-box table tr.even td,.list-box table tr:hover td{background: #FAFAFA;}
.list-box .a_link{color:#5556B4;}

.member_con .a_btn{background: #5355B4; display: inline-block; min-width: 80px; padding: 0 10px; text-align: center; line-height: 35px; border-radius: 2px; margin-left: 15px; color: #fff; font-size: 14px; float: left;}
.member_con .form-group{ line-height: 37px; margin-bottom: 20px; overflow: hidden;position: relative}
.member_con .form-box{padding-top: 20px; overflow: hidden; border: none; margin: inherit; width: 100%;}
.member_con .form-box .form-label{ width: 110px; text-align: right; color:#444; font-size: 14px; float: left;}
.member_con .form-box .form-con{padding-left: 120px; font-size: 14px;}
.member_con .form-box .form-tips{font-size: 14px; line-height: 37px;}
.member_con .form-box .form-tips-2{font-size: 14px; line-height: 37px; color: #444;}
.member_con .form-box .form-upload{width: 160px; height: 160px;  border: 1px #D8D8D8 solid; text-align: center; cursor: pointer;}
.member_con .form-box .form-upload i{color: #E1E1E1; font-size: 3em; padding-top: 40px;}
.member_con .form-box .form-upload p{color: #a9a9a9; line-height: 40px; font-size: 14px;}
.member_con .form-box .cert-img{width: 210px; height: 150px; border: 1px #DEDEDE solid; padding: 1px;}
.add_href{overflow: hidden;position: relative;cursor: pointer;color: #444; width: 70px;height: 30px; display: block; font-size: 12px;background: #FFFFFF;border: 1px solid #DEDEDE; border-radius: 2px; text-align: center; line-height: 30px; margin-left: 80px;margin-top: 2px;}
.member_con .form-box .tips{ height: 24px; line-height: 24px; padding: 2px 10px; border-radius: 2px; background: #F0F0F0; color: #444; margin-right: 5px; font-size: 12px;}
.member_con .form-box .tips.success{background: #62B800; color: #fff;}
.member_con .form-box .tips.fail{background: #E72728; color: #fff;}
.form-btn{width: 180px; height:36px; background: #5355B4; border-radius: 3px; border: none; color:#fff; font-size: 16px; outline: none; cursor: pointer;}
.form-btn.cancel{ background: #F4F4F4; border: 1px #D8D8D8 solid; color: #4E4E4E;}

.about_con{width:1024px; padding: 30px 80px; min-height: 500px; margin: auto;}
.about_con .tit_box{ text-align: center;}
.about_con .tit{font-size: 32px; color: #333333; line-height: 42px; padding-bottom: 5px;}
.about_con .sub-tit{border-top: 2px #D8D8D8 solid; padding: 5px 10px; font-size: 18px; line-height: 22px; color: #333; display: inline-block;font-family: arial;}
.about_con .con_box{padding-top: 15px; font-size: 14px; color: #777; line-height: 24px;}

.ui-check{ margin-top: 5px; overflow: hidden;position:relative;cursor: pointer; width: 80px; padding:0 5px; height: 30px; display: inline-block; font-size: 12px;background: #FFFFFF; border: 1px solid #DEDEDE; border-radius: 2px; text-align: center; line-height: 30px; margin-right: 20px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.ui-check.active{border: 1px solid #5355B4; color: #5355B4;}
.ui-check.active::before{content:""; background: #5355B4; width: 24px; height: 24px; display: inline-block; position: absolute; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); right:-12px; bottom: -12px;}
.ui-check.active::after{content:"\f00c"; position: absolute; right:0; bottom: -2px; color:#fff;font: normal normal normal 12px/1 FontAwesome;}

.edui-editor-bottombar{display:none;}

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

.exhibitor .item .name{font-size: 18px; line-height: 30px; display: table; height:86px; color:#333;}
/*modal*/
.modal_contact .tit{height: 54px; background: #0283ff; color:#fff; font-size: 20px; line-height: 54px; font-weight: bold; text-align: left; padding: 0 20px;}
.modal_contact .con{padding:0 30px;}
.modal_contact .con .item{border-bottom: 3px #f0f0f0 solid; padding: 20px 0; overflow: hidden;}
.modal_contact .con .item:last-child{border:0}
.modal_contact .con .item .group{width: 50%; float: left; padding: 5px 0;}
.modal_contact .con .item .group .label{font-size: 16px; color:#262a32; float: left; line-height: 35px; width: 28%; text-align: right; padding-right: 2%;}
.modal_contact .con .item .group .txt{height: 35px; line-height: 35px; text-align: center; background: #f0f0f0; float: left; width: 70%;}

/*company index model*/
.com_model1{overflow: hidden; display: flex}
.com_model1 *{box-sizing: border-box;}
.com_model1 .m1_left{width: 882px;; float: left; min-height: 565px; overflow: hidden;}
.com_model1 .m1_right{width: 278px; float: right; border-left: 1px #f3f5f6 solid; border-right: 1px #f3f5f6 solid;}
.com_model1 .m1_left .con1{width:327px; height: 100%; padding-right:10px; border-right: 1px #f3f5f6 solid; float: left;}
.com_model1 .m1_left .con2{width: 555px; height: 100%; float: right;}
.com_model1 .m1_left .con1 .m1_com_info{margin-top: 20px;}
.com_model1 .m1_left .con1 .m1_com_info .c1{display: flex; justify-content: space-between;}
.com_model1 .m1_left .con1 .m1_com_info .c1 .c_logo{max-width: 220px; height: 50px; overflow: hidden;}
.com_model1 .m1_left .con1 .m1_com_info .c1 .c_logo .name{font-size: 14px; line-height: 25px; display: table; height:50px; padding-left: 5px;color:#333;}
.com_model1 .m1_left .con1 .m1_com_info .c1 .c_logo .name .cell{display: table-cell; text-align: center; vertical-align: middle}
.com_model1 .m1_left .con1 .m1_com_info .c1 .a_btn{color: #1f8eff; border:1px #1f8eff solid; line-height: 22px; height: 22px; padding: 0 10px; display: inline-block; border-radius: 11px; font-size: 12px; margin-top: 10px;}
.com_model1 .m1_left .con1 .m1_com_info .c1 .a_btn.hover{border-color: #999; color:#999;}
.com_model1 .m1_left .con1 .m1_com_info .c1_2{margin-top: 5px;display: flex; justify-content: space-between;}
.com_model1 .m1_left .con1 .m1_com_info .c1_2 .c_model{display: flex}
.com_model1 .m1_left .con1 .m1_com_info .c1_2 .c_model img{height:24px;}
.com_model1 .m1_left .con1 .m1_com_info .c1_2 .c_model span{font-size: 12px; line-height:24px; color:#333;padding-left:5px;}
.com_model1 .m1_left .con1 .m1_com_info .c2{display: flex; justify-content: space-between; padding-top: 10px; font-size: 12px; color: #808080;}
.com_model1 .m1_left .con1 .m1_com_info .c2 .site{white-space: nowrap; overflow: hidden; max-width: 220px;}
.com_model1 .m1_left .con1 .m1_com_info .c1_2 .num{white-space: nowrap; color:#666;}
.com_model1 .m1_left .con1 .m1_com_info .c1_2 .num .fa{color: #e22235;}
.com_model1 .m1_left .con1 .m1_com_info .c3{padding-top: 15px; font-size: 12px; color:#808080; line-height: 20px;}
.com_model1 .m1_left .m1_tit{height: 24px; border-left: 5px #498afe solid; padding: 0 10px; line-height: 24px; margin: 20px 0 15px;}
.com_model1 .m1_left .m1_tit .more{float: right; font-size: 14px;}
.com_model1 .m1_left .com_activity .item{overflow: hidden; margin-bottom: 10px}
.com_model1 .m1_left .com_activity .item:last-child{margin-bottom: 0}
.com_model1 .m1_left .com_activity .item .img{width: 107px; height: 55px; overflow: hidden; float: left; text-align: center;}
.com_model1 .m1_left .com_activity .item .img img{max-width: 100%; max-height:100%;}
.com_model1 .m1_left .com_activity .item .con{padding-left: 110px;}
.com_model1 .m1_left .com_activity .item .con .name{font-size: 14px; color: #343434;font-weight: bold; padding-top: 5px;}
.com_model1 .m1_left .com_activity .item .con .time{font-size: 12px; color: #808080; padding-top: 10px;}
.com_model1 .m1_left .com_video .item{overflow: hidden; width: 300px; height: 225px; border-radius: 2px; overflow: hidden; background-color: black; margin-bottom: 20px}
.com_model1 .m1_left .con2{padding: 20px;}
.com_model1 .m1_left .con2 .vr{height: 234px; width: 100%; overflow: hidden;}
.com_model1 .m1_left .con2 .show_imgs{padding: 36px 0;}
.com_model1 .m1_left .con2 .show_imgs .item{float: left; }
.com_model1 .m1_left .con2 .show_imgs .item .img{width: 155px; height: 89px; overflow: hidden; text-align: center;}
.com_model1 .m1_left .con2 .show_imgs .item .img img{max-height: 100%; max-width: 100%;}
.com_model1 .m1_left .con2 .show_imgs .item .name{font-size: 14px; color: #262a32; padding: 16px 0; text-align: center;}
.com_model1 .m1_right{overflow: hidden;}

.com_model1 .m1_right .msg_tabs{width: 67px; height: 100%; border-right:1px #f3f5f6 solid; float: left;}
.com_model1 .m1_right .msg_tabs .item{min-height:60px; padding: 10px 0; text-align: center; border-bottom: 1px #f3f5f6 solid;cursor: pointer;}
.com_model1 .m1_right .msg_tabs .item .name{color:#acacac; font-size: 14px;}
.com_model1 .m1_right .msg_tabs .item .name.c2{color:#498afe;}
.com_model1 .m1_right .msg_box{float: right; width: 209px; height: 100%; position: relative;}
.com_model1 .m1_right .msg_box .send_box{padding: 8px; position: absolute; bottom: 0; left: 0; right: 0;}
.com_model1 .m1_right .msg_box .send_box .msg_text{height:102px; width: 100%; border-radius: 5px; border:1px #ececec solid; outline: none; padding: 10px; font-size: 14px;}
.com_model1 .m1_right .msg_box .send_box .btns{text-align: right; margin: 15px 0;}
.com_model1 .m1_right .msg_box .send_box .btns .a_btn{height:22px;line-height: 22px; border-radius: 11px; font-size: 14px; color:#fff; background-color: #498afe; padding: 0 10px; display: inline-block;}
.com_model1 .m1_right .msg_box .send_box .btns .a_btn:hover{background-color: #387efb;}
.com_model1 .m1_right .msg_box .send_msg{height: 390px; overflow: auto;}
.com_model1 .m1_right .msg_box .send_msg .item{padding: 10px 20px;}
.com_model1 .m1_right .msg_box .send_msg .msg{background-color: #f3f5f6; color:#777; font-size: 12px; line-height: 18px; padding: 10px; border-radius: 4px;}
.com_model1 .m1_right .msg_box .send_msg .info{padding: 10px 0; font-size: 12px; display: flex; justify-content: space-between;}
.com_model1 .m1_right .msg_box .send_msg .info .time{color:#888;}
.com_model1 .m1_right .msg_box .send_msg .info .name{color:#666;}
/**/
.join-btns{display: flex;}
.join-btns .j_btn{width: 50%; height:60px; line-height: 60px; text-align: center; font-size: 18px; color:#a8a8a8; background: #f6f7f7;}
.join-btns .j_btn.hover{color:#308ff0; background: #fff; cursor: initial;    border-bottom: 2px #308ff0 solid;}

/*p2*/
.p2_topbar{border-bottom: 1px #f3f5f6 solid;}
.p2_topbar .head{padding: 12px 0;}
.p2_topbar .head .logo{float: left; width: 340px; overflow: hidden;}
.p2_topbar .head .logo img{max-width: 320px; max-height: 100%;}
.p2_topbar .head .right{float: right; width: 800px; padding-top: 5px;}
.p2_topbar .head .right .search-box{width:440px; height:34px; float: left; background:#1f8eff;position: relative; }
.p2_topbar .head .right .search-button {
    height: 34px;
    overflow: hidden;
    position: absolute;
    right: -1px;
    text-align: center;
    top: 0px;
    width: 90px;
}
.p2_topbar .head .right .btn-search {
    width: 100%;
    height:34px;
    line-height: 34px;
    color:#fff;
    display: inline-block;
}
.p2_topbar .head .right .search-input {
    border: 2px #1f8eff solid;
    height:34px;
    background: #fff;
    width: 350px;
}
.p2_topbar .head .right .select-search{
    padding: 8px 0 8px 8px;
    float: left;
    width: 62px;
    border:none;
    height: 38px;
    outline: none;
    color:#424242;
}
.p2_topbar .head .right .input-search{
    width: 270px;
    height: 30px;
    line-height: 30px;
    outline: none;
    padding: 0 10px;
    border: none;
    color:#666;
    font-size:14px;
}
.p2_topbar .head .right .search_select{
    border: none;
    outline:none;
    padding-right: 14px;
    background: url("../images/arrow.png") no-repeat scroll right center transparent;
    height:30px;
    line-height:30px;
    text-align:center;
    width:70px;
    font-size:14px;
    float:left;
    cursor:pointer;
    color:#424242;
}
.p2_topbar .head .right .search-box .ss_item{position:absolute; background:#fff; top:30px; z-index:1000; border:1px #1f8eff solid; border-top:none; left:0; display: none;}
.p2_topbar .head .right .search-box .ss_item li{line-height:24px; font-size:14px; text-align:center;width:70px; padding-right:14px;}
.p2_topbar .head .right .search-box .ss_item li.hover,.ss_item li:hover{background:#1f8eff; color:#fff;}

.p2_topbar .head .right .top_link{float: right; display: flex;}
.p2_topbar .head .right .top_link .a_link{font-size:13px; color:#808080; height: 34px; line-height: 34px; padding: 0 10px; display: inline-block; min-width:60px; text-align:center;}
.p2_topbar .head .right .top_link .line{height:16px; width: 1px; border-right:1px solid #808080; margin-top: 10px;}
.p2_topbar .head .right .top_link .a_btn{background-color: #1f8eff; color: #fff; line-height: 28px; height: 28px; display: inline-block; text-align: center; font-size: 14px; padding:  0 20px; margin-top: 3px;}
.p2_topbar .nav .item{line-height: 58px; margin: 0 25px; font-size: 16px; color: #363636; display: inline-block; position: relative}
.p2_topbar .nav .item.hover{color:#07b1ff;}
.p2_topbar .nav .item .item_txt{height:58px;}
.p2_topbar .nav .item_more{position: absolute; z-index: 1000; left:-25px; right:-25px; background: #fff;}
.p2_topbar .nav .item_more .child_item{text-align: center; display: block;}

.list_line_search{width: 100%; height: 40px; background-color: #f3f5f6; border: 4px; margin-top: 20px;}
.list_line_search .fa-search{width: 40px; line-height: 40px; text-align: center; font-size: 1.5em; color: #b7bbc1; float: left;}
.list_line_search .input{line-height: 40px; height: 40px; border: 0; outline: none; background: none; font-size: 14px; width: 500px; font-size: 14px;}
.list_line_search .btn{float: right; background-color: #1f8eff; color: #fff; line-height: 28px; height: 28px; display: inline-block; text-align: center; font-size: 14px; padding:  0 20px; border-radius: 4px; margin: 7px 10px;}

.list_line_sort{margin: 10px 0; line-height: 30px; overflow: hidden;}
.list_line_sort .sort{float: left; font-size: 14px; color: #8a8c90; display: flex;}
.list_line_sort .sort .a_link{font-size:13px; color:#808080; line-height: 30px; padding: 0 10px; display: inline-block; min-width:40px; text-align:center;}
.list_line_sort .sort .line{height:16px; width: 1px; border-right:1px solid #808080; margin-top: 8px;}
.list_line_sort .sort .a_link.hover{color: #1f8eff;}
.list_line_sort .tot{float: right; font-size: 14px; color: #8a8c90;}

.show_com_list .item{ overflow: hidden; padding: 30px; border: 1px #ececec solid; border-radius: 3px; margin-bottom: 10px;}
.show_com_list .item .img{width: 122px; height: 122px; border: 1px #ececec solid; border-radius: 3px; overflow: hidden; float: left;}
.show_com_list .item .shows{float: left; margin-left: 10px;width:570px}
.show_com_list .item .info{width: 395px; min-height: 122px; margin-left: 20px; float: left;}
.show_com_list .item .info .name{font-size: 16px; font-weight: bold; color: #343434; margin-top: 3px;}
.show_com_list .item .info .memo{font-size: 14px; color: #808080; line-height: 24px; margin-top: 10px;}
.show_com_list .item .info .seat{overflow: hidden; margin-top: 10px;}
.show_com_list .item .info .seat span{border:1px #0063c8 solid; border-radius: 2px; color:#0063c8; font-weight: bold; font-size: 16px; display: inline-block; padding: 0 6px; line-height: 22px;}
.show_com_list .item .info .seat span i{font-style: normal; background-color: #0063c8; color: #fff; font-size: 14px; float: left; margin: -1px 5px 0 -6px; padding: 0 5px; display: inline-block; height: 24px; line-height: 24px;}
.show_com_list .item .shows .si{float: left;}
.show_com_list .item .shows .si .si_img{width: 180px; height: 110px; border: 1px #ececec solid; border-radius: 3px;overflow: hidden;text-align: center;margin-left: 10px;}

.show_com_list .item .shows .si p{font-size: 14px; color: #808080; padding: 5px;width:180px; margin-left: 10px;}

.forum_head {background: url(../images/forum_head_bg.png) right bottom no-repeat; background-color: #f7f8fc; margin-top: 40px; overflow: hidden; position: relative;}
.forum_head .img{width: 410px; height: 230px; overflow: hidden; float: left;}
.forum_head .img img{width: 100%; height: 100%;}
.forum_head .info{float: left; padding-left: 20px; max-width: 600px;}
.forum_head .info .name{color:#343434; font-size: 24px; margin-top: 25px;}
.forum_head .info .sub{font-size: 16px; color: #808080; margin-top: 10px;}
.forum_head .info .time{font-size: 16px; color: #808080; margin-top: 10px;}
.forum_head .btn{background: #ff8a00; line-height: 26px; height: 26px; border-radius: 13px; padding: 0 20px; font-size: 12px; color:#fff; cursor: pointer; display: inline-block; margin-top: 20px;}
.forum_head .btn.hover{background-color: #aaa;}

.forum_det{overflow: hidden;}
.forum_det .left{width: 845px; float: left;}
.forum_det .right{width: 315px; float: right;}
.forum_det .sub_tit{height: 40px; border-bottom: 1px #eff1f9 solid; margin-top: 25px;}
.forum_det .sub_tit .name{font-size: 16px; color: #433d3d; border-bottom: 4px #0088ff solid; line-height: 18px; padding: 9px 0; float: left;}
.forum_det .sub_con{font-size: 14px; color: #433d3d; line-height: 22px; padding: 20px 0;}
.froum_guest{overflow: hidden; padding: 25px 45px 0; position: relative;}
.froum_guest .item{width: 225px!important; float: left; margin: 0 10px; position: relative;}
.froum_guest .item .img{width: 130px; height: 130px; border-radius: 50%; left: 50%; margin-left: -65px; background-color: #f7f8fc; position: absolute; overflow: hidden;}
.froum_guest .item .img img{width: 100% ; height: 100%;}
.froum_guest .item .info{text-align: center; background-color: #f7f8fc; height: 285px; margin-top: 65px; padding: 75px 25px 25px;}
.froum_guest .item .info .name span{font-size: 16px; color:#433d3d; display: inline-block; border-bottom: 3px #4b6ffb solid; padding:5px 0;}
.froum_guest .item .info .job{font-size: 12px; color:#433d3d; line-height: 18px; margin-top: 8px; height: 80px;}
.froum_guest .item .info .company{font-size: 12px; color:#433d3d; margin-top: 8px;}
.other_froum{padding: 25px 0;}
.other_froum .item{position: relative; border: 1px #e7e7e7 solid; border-radius: 5px; padding: 15px; margin-bottom: 18px;}
.other_froum .item .info{padding-right: 60px;}
.other_froum .item .name{font-size: 16px; color:#343434}
.other_froum .item .time{font-size: 14px; color: #808080; margin-top: 30px;}
.other_froum .item .btn{position: absolute; height: 20px; line-height: 20px; width: 56px; text-align: center; font-size: 12px; color:#707070; background-color: #f6f6f6; border-radius: 10px; position: absolute; top:15px; right: 5px;}

.forum_banner{height: 290px;background: url(../images/forum_banner.png) center no-repeat;}
.list_filter .group{border-bottom: 1px #dedede solid;}
.list_filter .group .a_btn{cursor: pointer; height: 38px; line-height: 38px; font-size: 16px; color: #16161a; background: #f5f7fd; display: inline-block; padding: 0 30px; border-radius: 19px; margin: 20px 25px 20px 0;}
.list_filter .group .a_btn.hover,
.list_filter .group .forum_con .list .item .info .img.a_btn:hover{color: #fff; background: #498afe;}
.list_filter .group .a_link,
.list_filter .group .label{font-size: 16px; color:#808080; margin: 10px 20px 10px 0; display: inline-block;}
.list_filter .group .a_link{cursor: pointer;}
.list_filter .group .a_link.hover,
.list_filter .group .a_link:hover{color:#498afe;}
.list_filter .group .line{width: 1px; height: 16px; border-right:1px solid #808080; display: inline-block; margin-top: 14px; margin-right: 20px;}
.list_filter .group .flex{display: flex;}
.list_filter .group .name{margin: 10px 0; display: flex;}
.list_filter .group .name .point{width: 9px; height: 9px; background-color: #91b9ff; border-radius: 50%; margin: 16px 10px 0 0;}
.list_filter .group .name .tit{font-size: 30px; color: #828282; margin-right: 5px;}
.list_filter .group .name .tp{font-size: 16px; color: #828282;}

.froum_list {margin: 10px 0;}
.froum_list .item{width: 386px; height: 378px; border:1px #dadada solid; border-radius: 5px; float: left; margin: 6px 10px 6px 0; position: relative;}
.froum_list .item .tip{position: absolute; left: -9px; top: 10px;}
.froum_list .item:nth-child(3n){margin-right: 0;}
.froum_list .item .img{height: 215px; border-radius: 5px 5px 0 0; overflow: hidden;}
.froum_list .item .img img{width: 100%; height: 100%;}
.froum_list .item .info{padding: 10px; height: 100px;}
.froum_list .item .info .name{font-size: 18px; color: #3a4145; font-weight: bold; margin-top: 10px;}
.froum_list .item .info .time{font-size: 14px; color: #6b798e; margin-top: 10px;}
.froum_list .item .btn{ padding: 10px;}
.froum_list .item .a_link{font-size: 16px; color:#0180fb}

.guest_head {background: url(../images/forum_head_bg.png) right bottom no-repeat; background-color: #f7f8fc; margin: 40px auto 100px; min-height: 330px; overflow: hidden; position: relative;}
.guest_head .img{width: 194px; height: 194px; overflow: hidden; float: left; border-radius: 50%; margin: 30px 0 0 40px;}
.guest_head .img img{width: 100%; height: 100%;}
.guest_head .info{float: left; padding-left: 20px; margin-top: 30px; width: 800px;}
.guest_head .info .name{color:#343434; font-size: 20px; margin-top: 5px;}
.guest_head .info .job{font-size: 16px; color: #808080; margin-top: 10px;}
.guest_head .info .memo{font-size: 16px; color: #808080; margin-top: 20px; line-height: 22px;}
.guest_head .info .join{font-size: 14px; color: #3a3a3a; margin-top: 15px;}
.guest_head .info .join .item{font-size: 14px; color: #7d84a2; height: 28px; line-height: 28px; border-radius: 14px; display: inline-block; padding: 0 12px; background-color: #ebebeb; margin: 10px 10px 0 0;}

/*p2*/
.p2_hm1{overflow: hidden;}
.p2_hm1 .banner{width: 805px; height: 372px; float: left;}
.p2_hm1 .banner .ban_img{width: 100%}
.p2_hm1 .ban_right{width: 370px; height: 372px; float: right; background: url(../images/bg_ban_right.png) bottom center no-repeat #f3f5f6;}
.p2_hm1 .ban_right .list{margin: 0 20px;}
.p2_hm1 .ban_right .list .item{border-bottom: 1px #d9dbdc solid; padding: 10px 0; display: flex; justify-content: space-between;}
.p2_hm1 .ban_right .list .item .info{width: 225px;}
.p2_hm1 .ban_right .list .item .info .name{font-size: 14px; color: #333;}
.p2_hm1 .ban_right .list .item .info .time{font-size: 12px; color: #74809d; margin-top: 8px;}
.p2_hm1 .ban_right .list .item .link{width: 90px; font-size: 12px; color: #1f8eff; text-align: right;}
.p2_hm1 .ban_right .list .item:last-child{border-bottom: 0;}
.p2_hm1 .ban_right .more{text-align: center;font-size: 12px; color: #8a8a8a; display: block; line-height: 20px; padding: 10px 0;}

.p2_hm_tit{text-align: center; margin: 50px auto 25px;}
.p2_hm_tit .cn{font-size: 40px; color: #1f2229;}
.p2_hm_tit .en{font-size: 16px; color: #d6d6d6;}
.p2_hm_tit .more span{font-size: 16px; color: #a6a6a6; border: 1px #a6a6a6 solid; line-height: 26px; border-radius: 13px; padding: 0 10px; display: inline-block; margin-top: 10px;}

.p2_hm_tit2{text-align: center; margin: 20px auto;}
.p2_hm_tit2 .tit{font-size: 30px; border-bottom: 1px #dedede solid; border-top: 1px #dedede solid; padding: 15px 0;}
.p2_hm_sub_tit2{font-size: 20px; color: #333; padding:0 10px; margin-bottom: 15px;}
.p2_hm_sub_tit2 .name{padding: 0 10px;}
.p2_hm_sub_tit2 .fa{color: #498afe; font-size: 1.5em;}

.p2_hm2{overflow: hidden;}
.p2_hm2 .item{width: 290px; height: 244px; border: 1px #dadada solid; border-radius: 4px; overflow: hidden; float: left; margin-right: 10px; margin-bottom: 10px; position: relative;}
.p2_hm2 .item .img{height: 162px; overflow: hidden;}
.p2_hm2 .item .info{padding: 10px;}
.p2_hm2 .item .info .name{font-size: 16px; color: #3a4145; font-weight: bold; overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.p2_hm2 .item .info .time{font-size: 14px; color: #6b798e; margin-top: 5px;}
.p2_hm2 .item:nth-child(4n){margin-right: 0;}
.p2_hm2 .more{text-align: center; font-size: 16px; color: #a6a6a6; overflow: hidden; clear: both; line-height: 24px; padding: 15px 0; cursor: pointer;}
.p2_hm2 .item .sta{position: absolute; width: 44px; right:10px; top:10px; height: 20px; line-height: 20px; display:inline-block; text-align: center; font-size: 12px; color:#fff; border-radius: 2px; background: #ff6a07;}
.p2_hm2 .item .sta.c3{ background: #0392fe;}
.p2_hm2 .item .sta.c2{ background: #adadad;}

.p2_hm3{overflow: hidden; padding-top: 10px;}
.p2_hm3 .item{float: left; width: 232px; margin: 0 10px 20px 0;}
.p2_hm3 .item:nth-child(5n){margin-right: 0;}
.p2_hm3 .item .img{width: 100%; height: 150px; box-shadow: 1px 3px 10px #e9f2ff; overflow: hidden;}
.p2_hm3 .item .name{font-size: 16px; color: #6b798e; text-align: center; margin-top: 20px; overflow: hidden;word-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.news_list .item{border-bottom: 1px #ddd solid; padding: 20px 0; display: flex;}
.news_list .item .date{border:1px #ddd solid; width: 120px;}
.news_list .item .date .year{height: 55px; text-align: center; line-height: 55px; font-size: 18px; background: rgb(230,230,230); color: #666;}
.news_list .item .date .day{height: 55px; text-align: center; line-height: 55px; font-size: 30px; color:#666; font-weight: bold;}
.news_list .item .info{padding-left: 20px;}
.news_list .item .info .name{font-size: 16px; color:#333;}
.news_list .item .info .memo{font-size: 14px; color:#666; line-height: 22px; margin-top: 20px;}
.news_list .item:hover .date .year{background-color: #1f8eff; color:#fff}
.news_list .item:hover .date .day{color:#1f8eff}
.news_list .item:hover .info .name{color:#1f8eff;}

/*about*/
.about_top{min-height: 255px; overflow: hidden; background: url(../images/about_bg.png) top center no-repeat; background-size: cover;}
.about_top .info{float: left; padding: 35px;}
.about_top .info .tit{font-size: 22px; color: #fff;}
.about_top .info .list{margin: 25px 20px; border-left: 2px #fff solid; padding-left: 20px; min-height: 100px;}
.about_top .info .list .item{position: relative; font-size: 16px; color: #fff; margin-bottom: 22px;}
.about_top .info .list .item span{display: inline-block; top: -2px; position: relative;}
.about_top .info .list .item::after{content: ""; position: absolute; left: -29px; top:0; z-index: 100; width: 12px; height: 12px; border-radius: 50%; border:2px #fff solid; background-color: #1d1f36;}
.about_top .info .list .item:last-child{ margin-bottom: 0;}
.about_top .form{float: right; padding:85px 75px 0 0;}
.about_top .form .group{margin-bottom: 20px;}
.about_top .form .input{height: 50px; width: 592px; padding: 0 20px; outline: none; font-size: 18px;}
.about_top .form .tr{text-align: right;}
.about_top .form .btn{width: 120px; height:47px; font-size: 16px; color:#fff; background-color: #ffab18; border: 0; cursor: pointer;}
.about_top .form .btn:hover{background-color: #fba104;}

/**/
.pm2_hm2_2 .tit{border-bottom: 1px #dadada solid;}
.pm2_hm2_2 .tit span{font-size: 18px; color: #1f2229; background: #fff; display: inline-block;padding-right: 10px; position: relative; bottom: -10px;}
.pm2_hm2_2 .list{margin-top: 35px; overflow: hidden}
.pm2_hm2_2 .list .item{float: left; margin-right: 105px;}
.pm2_hm2_2 .list .item .name{font-size:14px; color:#6b798e; margin-top: 15px;}
.pm2_hm2_2 .list .item .time{font-size: 14px; color:#6b798e; margin-top: 10px;}
.pm2_hm2_2 .list .item:last-child{margin-right: 0}