@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border: 0;} 
a,area{ outline:none; blr:expression(this.onFocus=this.blur()); }
a { text-decoration:none; color:#444;}
a:hover { text-decoration:none; -webkit-tap-highlight-color:transparent; }
img { -ms-interpolation-mode: bicubic; }
html, body { 
font-family:'';
font-size:16px;
} 
input { border-radius:0;outline:none; }  button{-webkit-appearance: none; border-radius:0;} 
div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { list-style:none;font-family:'sans-serif' }
table {
    border-top-color: rgb(0, 0, 0);
    border-right-color: rgb(0, 0, 0);
    border-bottom-color: rgb(0, 0, 0);
    border-left-color: rgb(0, 0, 0);
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
	display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}
@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }
.boxcenter { margin:0 auto;}
.fl_all { float:left; display:inline-block }
.fr_all { float:right; display:inline-block }
.txtdot { overflow:hidden; white-space:nowrap; text-overflow:ellipsis }

/*@font-face {
	font-family: 'Raleway-SemiBold';
    src: url('../fonts/raleway-semibold.ttf');
}
@font-face {
	font-family: 'Raleway-Bold';
    src: url('../fonts/raleway-bold.ttf');
}
@font-face {
	font-family: 'Raleway-Medium';
    src: url('../fonts/raleway-medium.ttf');
}
@font-face {
	font-family: 'Roboto-Bold';
    src: url('../fonts/roboto-bold.ttf');
}
@font-face {
	font-family: 'OpenSans-Regular';
    src: url('../fonts/opensans-regular.ttf');
}*/

html, body { 
color:#444;
} 


/*responsive Normal*/
.maxcontainer {  }
.container {width:auto; min-width:960px; max-width:1430px; padding:0 20px;}
.fl_pc { float:left; display:inline-block }
.fr_pc { float:right; display:inline-block }
.col_2in1 { width:50%; *width:49.9% }
.col_3in1 { width:33.3%  }
.col_4in1 { width:25%; *width:24.9% }
.col_5in1 { width:20%; *width:19.9% }
.col_6in1 { width:16.6% }
.pchide { display:none; }
.mhide { display:block; }
.padhide{display:block;}
.padshow{display:none;}
/*.mar0{margin-left:0 !important; margin-right:0 !important;}*/
.clearfix:after {content:""; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{zoom:1;}
.clear{clear:both; height:0; font-size:0;overflow:hidden; line-height:0;}
.main{padding-bottom:50px; position:relative;}
a:hover{text-decoration:underline}
.subMain{max-width:1400px; min-width:960px; background:#fff;}
.foot_list_t a{color:#fff;}

/*头部*/
.top{position:absolute; width:100%; top:0; z-index:2;}
.top_line{height:8px; background:#0952b8;}
.top_m{position:relative}
.top_r{position:absolute; right:0; top:0; background:#0952b8; border-radius:0 0 4px 4px;  font-size:14px; padding:4px 12px 4px}
.top_r a,.top_r span{display:block; float:left;}
.chinese img{width:24px; height:24px; margin-right:8px; vertical-align:middle}
.chinese{color:#fff;}
.top_r span{color:#5075a7; margin:4px 20px}
.search{width:18px; height:18px; margin-top:3px}
.logo{float:left; width: 352px; margin-top: 20px;}
.nav{float:right; margin-top:16px;}
.nav li{float:left; font-size:20px; color:#fff;font-weight:normal; cursor:pointer; position:relative;}
.nav li a{color:#fff}
.nav_up{width:13px; height:6px; display:inline-block; background:url(ciomp_yw_bk_z19_nav_up_en.png); margin-left:12px; vertical-align:middle;}
.top_r_m{display:none}
.nav li h5{height:68px; line-height:68px; padding:0 28px;font-weight: 500;font-size: 16px;white-space: nowrap;}
.nav_sub{position:absolute; background:rgba(7,157,245,0.9); display:none; z-index:4;}
.nav_sub dd a{font-family: 'OpenSans-Regular'; font-size:18px}
.nav_sub dd{white-space:nowrap; height:40px; line-height:40px; padding:0 30px;} 
.nav_sub dd:hover{ background:rgba(13,139,234);}
.nav_sub dd:hover a{text-decoration:none}
.nav li:hover h5{border-top:4px solid #207DE9; background:rgba(7,157,245,0.9); height:64px; line-height:60px;}
.nav li:hover .nav_sub{display:block}
.nav li:hover .nav_up{background:none}
.nav .nav_last:hover h5{border-top:4px solid #4A95ED;}
.nav_last .nav_sub{right:0;}
.search_model{position:absolute; background-color:rgba(7,157,254,0.9); width:100%; display:none; top:-8px; left:0}
.search_model form{overflow:hidden}
.search_box{height:68px; border-bottom:1px solid #fff; margin:80px 160px 90px;}
.search_ipt{height:30px; border:0; background:none; font-size:22px; color:#fff; width:60%; float:left; margin-top:18px;caret-color:#fff;-webkit-appearance:none;outline:none; padding:0;}
.search_sub{ background:url(ciomp_yw_bk_z19_search_en2.png); width:30px; height:30px; float:right; display:block; border:0; margin-top:20px}
.search_close{float:right;margin:20px; cursor:pointer;}
.search_ipt::-webkit-input-placeholder{ 
color: #8dbefb; 
} 
.search_ipt:-moz-placeholder{ 
color: #8dbefb; 
} 
.search_ipt::-moz-placeholder{ 
color: #8dbefb; 
} 
.search_ipt:-ms-input-placeholder{ 
color: #8dbefb; 
} 
.nav_close{display:none}

.news_swiper .swiper-container {width: 100%;z-index:12;}
.news_swiper .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.news_swiper{position:relative;}
.news_swiper .swiper-button-next, .news_swiper .swiper-button-prev{width:42px; height:90px; position:absolute; top:50%; margin-top:-45px; z-index:999;cursor:pointer;}
.news_swiper .swiper-button-next{background:url(ciomp_yw_bk_z19_news_right2_en.png) #fff; right:-27px; }
.news_swiper  .swiper-button-prev{background:url(ciomp_yw_bk_z19_news_left2_en.png) #fff; left:-27px;}
.news_swiper_center{min-width:916px; max-width:1388px; margin:0 auto; padding:0 42px; overflow:hidden }
.news_t{position:absolute; height:40px; background:#fff; left:24px; top:-20px; font-size:16px; line-height:40px; padding:0 14px; font-weight:bold;}
.event_txt{position:absolute; padding:30px 0 0; background:#fff; width:100%; }
.event_txt .event_t1{margin:0 0px 0 0px}
.event_time{width:98px; height:98px; background:url(ciomp_yw_bk_z19_event_time.png); float:left; border-right:4px solid #3C61C2; text-align:center; margin-right:24px;font-weight: bold;}
.event_time p,.event_list .event_time p{font-size:40px;color:#444; margin:12px 0 0;font-family: 'Roboto-Bold';}
.event_time span{font-size:16px; color:#747474;font-family: 'Roboto-Bold';}
.event_t1 h5{font-size:26px; line-height:27px; font-weight:normal; overflow:hidden}
.event_t1 h5 a{color:#444;
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.event_t2{font-size:16px; color:#747474; margin-top:20px;font-family: 'OpenSans-Regular';}
.event_list h5 a{color:#444; word-break: keep-all;}
.event_list h5{font-size:24px; line-height:27px;font-weight: 500;}
.event_list p{font-size:16px;color:#747474; margin-top:10px;font-family: 'OpenSans-Regular';}
.event_list li{margin-bottom:34px; overflow:hidden}
.event_r{
	height: 98px;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	display: flex;
    align-items: center;
}

/*底部*/
.foot1{background:#002b49; overflow:hidden; padding-bottom:80px}
.foot_list_t{font-size:20px; color:#fff; margin-bottom:10px}
.foot_list dd a{color:#fff; opacity:0.6;font-family: 'OpenSans-Regular';}
.foot_list dd{background:url(../images/ciomp_yw_bk_z19_foot_list.png) no-repeat left 9px;  padding-left:10px; line-height:22px; font-size:16px; margin-top:10px}
.foot_list li{ display:table-cell; padding:0 14px}
.foot_list{border-bottom:1px solid #2e4c61; padding:50px 0 40px; margin-bottom:50px; overflow:hidden; display:table; width:100%}
.foot_list2{display:table; width:100%}
.foot_list2 li{ display:table-cell; vertical-align:middle}
.foot_list2 li img{float:left; margin:8px 12px 0 0; width:42px}
.foot_list2 li p{ line-height:28px;color:#99aab6;font-size:16px;font-family: 'OpenSans-Regular';}
.foot2{ background:#0952b8; line-height:72px; text-align:center; color:#fff; font-size:16px;position: relative;}



.row_title h4,.nav li h5,.news_t,.res_box span,.foot_list_t,.title_box h4,.title_sub{text-transform:uppercase;}

.Rightfixed{position:fixed; top:600px; -webkit-transform: translateZ(0); z-index:999; right:20px;}
.Rightfixed img{display:block; width:40px;}
#returnTop{display:none}
#returnTopM{position: fixed; right: 20px; bottom:20px; display:none; z-index: 999;}

@media screen and (max-width:1254px){
   .nav_up{margin-left:10px;}
   .nav li h5,.nav_sub{padding:0 10px}	
   .logo{width:240px}
}

@media screen and (max-width:1366px) and (min-width:1024px){
   .Rightfixed{top:500px}
}


.foot_logos{
}
.foot_logos img{
    margin-top: 40px;
    width: 292px;
    margin-left: 0px;
}
.foot_info{
	margin: 20px 30px 0px 30px;
    /* width: 500px; */
    line-height: 25px;
    text-align: left;
    font-size: 14px;
    color: #B4B3B8;
}

.foot_info_word{
    font-size: 14px;
    text-align: left;
}
.foot_tools{
	display: flex;
    justify-content: center;
}
.foot_tools img{
    width:66px;
    height: 66px;
    cursor: pointer;
    margin-top: 35px;
	margin-right: 21px;
}





.content-body {
	max-width:1400px;
	margin: 40px auto 0px;
	overflow: auto;
}

.nav-position {
	font-stretch: 16px;
	color:#444444;
}

.content-list {
	width: calc(100% - 40px);
	overflow: auto;
}

.content-list-6 {
	width: calc(100% - 40px);
	overflow: auto;
}

.content-list li{
	list-style: none;
	float:left;
	width: calc((100% - 100px) / 2);
	margin-left: 50px;
	margin-bottom: 60px;
}
.content-list-6{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.content-list-6 li{
	list-style: none;
	width: calc((100% - 150px) / 3);
	margin-left: 50px;
	margin-bottom: 30px;
}
.content-list li img{
	width:100%;
	height:302px;
}

.content-list-6 li img{
	width: 100%;
	height:302px;
}

.content-list-item-title {
	border-left: 4px solid #3C61C2;
	height: 60px;
	margin-top: 35px;
	width: calc(100% - 24px);
	font-size: 18px;
	font-family: sans-serif;
	font-weight: bold;
	color: #000000;
	line-height: 30px;
	padding-left: 20px;
	word-break: break-all;
}

.header-background {
	background-color: #0952B8;
	height: 125px;
	width: 100%;
}

.list-title {
	background-color: #F9FBFF;
	width: 100%;
	height: 162px;
	margin-top: 36px;
}

.list-title p.title{
	font-size: 20px;
	font-weight: bold;
	font-family: sans-serif;
	color: #000;
	padding-left: 80px;
	line-height: 25px;
	padding-top: 20px;
}

.list-title p.content{
	font-size: 16px;
	padding-left: 80px;
	line-height: 25px;
}

.list-title p.time{
	font-size: 16px;
	font-weight: bold;
	padding-left: 80px;
	line-height: 40px;
	color: #ADADAD;
}

.list-list-item {
	margin-left: 80px;
	width: calc(100% - 80px);
	overflow: auto;
	margin-top: 30px;
}
.list-list-item li{
	overflow: auto;
	background-color: #F9FBFF;
	margin-bottom: 30px;
	height: 224px;
	overflow: hidden;
	display: flex;
}
.list-list-item li img{
	width: 334px;
	height: 224px;
}
.list-list-content{
	padding-top: 20px;
}
.list-list-item li p.title{
	font-size: 20px;
	font-weight: bold;
	font-family: sans-serif;
	color: #000;
	padding-left: 80px;
	line-height: 25px;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.list-list-item li p.content{
	font-size: 16px;
	padding-left: 80px;
	line-height: 25px;
	word-break: break-word;
    text-overflow: ellipsis;
    display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 4; 
    overflow: hidden; 
}
.list-list-item li p.time{
	font-size: 16px;
	font-weight: bold;
	padding-left: 80px;
	line-height: 40px;
	color: #ADADAD;
}

.list-list-content {
	float: left;
	width: calc(100% - 334px);
}

.detail-content-info {
	font-size: 18px;
	line-height: 25px;
	float:left;
	width: calc(100% - 261px - 80px - 30px);
	padding-left: 80px;
	margin-bottom: 80px;
}
.detail-content-info p.title{
	font-size: 32px;
	line-height: 43px;
	color: #000000;
}


.detail-content-contact {
	float: right;
	width: 260px;
	border-left: 1px solid #E1E4E8;
	min-height: 800px;
}

.detail-content-contact-title {
	border-left: 6px solid #7AAE41;
	margin-left: 15px;
	padding-left: 15px;
	font-size: 20px;
	color:#7AAE41;
}

.detail-content-container {
	overflow: auto;
		margin-top: 50px;
}

.detail-content-img-container {
	margin: 0px auto;
	overflow: auto;
	width: 737px;
}
.detail-content-img-container img{
	width: 737px;
	height: 284px;
}
.detail-content-img-container span{
	width: 737px;
	height: 284px;
	color: #ADADAD;
}

.detail-content-contect-info {
	padding-left: 30px;
    padding-top: 30px;
}

.video-list {
	width: calc(100% - 30px);
	overflow: auto;
	padding-left: 30px;
	margin: 62px 0 0 0px;
}

.video-list li{
    overflow: auto;
    position: relative;
    width: 280px;
    margin-left: 50px;
	margin-bottom: 40px;
    float: left;
    word-break: break-all;
}

.video-list li img.content{
	height: 158px;
	width: 100%;
}
.video-list li img.play{
    position: absolute;
    width: 60px;
    height: 60px;
    margin: 0px auto;
    top: 49px;
    left: 107px;
	cursor: pointer;
}

.video-list li span{
	height: 74px;
	display: block;
    overflow-wrap: break-word;
    color: rgba(0, 0, 0, 1);
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    margin-top: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
	font-family: 'OpenSans-Regular';
}

.fbox-video{width:980px;height:550px;position:fixed;left:50%;top:50%;z-index:1101;margin-left:-490px;margin-top:-275px;background:#000}
.fbox-video #mediaplayer{width:100%;height:100%}
.fbox-video #video-btn-group{position:absolute;text-align:center;width:100%;left:0;height:45px;margin-top:10px;display:none}
.fbox-video #video-btn-group a{display:inline-block;line-height:45px;height:45px;background-color:#222;border-radius:45px;color:#fff;padding:0 12px}
.fbox-video #video-btn-group a i{display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;opacity:.8}
.fbox-video #video-btn-group a i.video-download{width:60px;background-image:url(../images/ciomp_yw_bk_icon-download.png);background-size:auto 40%}
.fbox-video #video-btn-group a:hover i{opacity:1}
.fbox-video .close_video{display:none}
.overlay{position:absolute;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;background-color:#555;opacity:.6}


.video-background {
	
}
.content-image img {
	cursor: pointer;
}

.logo_under_item {
	
}

.quarCode {
	width: 120px;
	height: 120px;
	display: none;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
/*
.foot_info_link{

}
.foot_info_link a{
    color:#FFF;
    font-size: 14px;
    margin: 0px 20px;
    float:left;
}
.foot_info_link a:first-child{
    margin-left:0px;
}
*/
ul.foot_info_link>li>a{
	color:#FFF;
    font-size: 16px;
    margin: 0px 20px;
    float:left;
}

ul.foot_info_link>li dl{
	display: none;
}

ul.foot_info_link>li:hover dl{
	color:#FFF;
    font-size: 16px;
    margin: 0px 20px;
    float:left;
	display: block;
}


.foot_info_link dd:hover{ background:none;}
.foot_info_link li:hover h5{border-top:0px; background:none;}


.top_blue .nav{margin-top:35px}
.yahoo2{
	width: 100%;
    text-align: center;
    border-top: 1px dashed #ddd;
    padding: 5px;
	margin-bottom: 50px;
}
.title_sub_font {
    padding-top: 40px;
    padding-bottom: 40px;
}