/* CSS Document */
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p {padding: 0; margin: 0; font-family:Arial,"微软雅黑", "Microsoft YaHei", 宋体; }
li, dd, ol, ul {list-style-type: none; list-style:none;}
.fl { float:left; display:inline-block;}
.fr {display:inline-block; float:right;}
*{ font-size:18px;}
i{ font-style:normal; display:inline-block;}
img {border: none;}
h1 {font-size: 14px;}
h2 {font-size: 14px;}
h3 {font-size: 18px;}
h4 {font-size: 20px;}
h5 {font-size: 22px;}
h6 {font-size: 24px;}
a{ text-decoration:none;}
.clear {clear:both;width: 100%;height: 0px;display: block;overflow: hidden;}
* {margin:0;padding:0}
@font-face {font-family:Title; src:url(fonts/PlayfairDisplay-Regular.ttf);} 
.public_width{width: calc(100% - 20px); padding: 0px 10px; max-width: 1400px; margin: 0 auto;}
.bg_jianbian{background: -webkit-linear-gradient(to bottom,#004187, #1c2954, #1c2954); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to bottom, #004187, #1c2954, #1c2954); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(to bottom, #004187, #1c2954, #1c2954); /* Firefox 3.6-15 */
background: linear-gradient(to bottom,#004187, #1c2954, #1c2954); /* 标准语法 */ }
.scale_pic{overflow: hidden;}
.scale_pic .item-pic-list{width: 100%;height: 100%; position: absolute; }
.scale_pic .item-pic-list img{ width:100%; height:100%; object-fit:cover; vertical-align:top;position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%);}
/*标题*/
.pub_title{ font-family:Title; font-size: 50px; color: #fff; }
/*查看更多*/
a.more_1{ display: inline-block; margin: 20px 0px; color: #fff; font-weight: bold; line-height: 42px;}
a.more_1 i{ width: 42px; height: 42px; line-height: 40px;  text-align: center; font-size: 20px; float: left; border-radius: 50%; overflow: hidden; background: url("images/jiantou.png") no-repeat center #bfa475; background-size: 35% auto; margin-right: 20px; color: #fff;}
.about, .OutTeam, .journal_ul{ padding-bottom: 50px;}
/*banner开始*/
.banner{ background: #034997; position: relative; }
.banner .bg_img{display: block;}
.xian_banner{ position: relative; width: 1px; height: 100px; background: #82a4c8; z-index: 99; margin: 0 auto;}
.jianbian_color{ position: absolute; width: 100%; height: 100%; left: 0;top: 0px;  background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0), #004187); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to bottom, rgba(0,0,0,0), #004187); /* Opera 11.1-12.0 */ 
background: -moz-linear-gradient(to bottom,rgba(0,0,0,0), #004187); /* Firefox 3.6-15 */
background: linear-gradient(to bottom,rgba(0,0,0,0), #004187); /* 标准语法 */  z-index: 999;}
.jianbian_color .logo{ padding: 10px 0px 0px 10px; line-height: 65px;}
.logo_pic{ height: 65px; width: auto; display: inline-block; float: left;}
.logo span{ font-family:Title; color: #fff; padding-left: 10px; font-size:20px; text-transform: uppercase; }
.banner_text{ text-align: center; color: #fff;}
p.p_banner_text{font-family:Title; font-size: 116px; padding-top: 8%; }
/*导航开始*/
.manu{ position: fixed; right: 0px; top: 0px; padding: 0px 10px; background: #162556; color: #fff; z-index: 999999;}
.manu .teme{ float: left; padding: 20px 10px; text-align: center;}
.zhong_yingwen{ width:30px; padding: 0px; }
.zhong_yingwen a{ display: block; position: absolute; top: 50%; transform:translateY(-50%);}
.manu .teme a{color: #fff;}
.manu .teme:nth-child(3){ border-right: 1px rgba(255,255,255,0.1) solid;}
.yuan_zyw{ width: 30px; height: 30px; margin-top: 3px; line-height: 30px; text-align: center; border-radius: 50%; border: 1px #fff solid;}
.i_xian{display: inline-block; width: 16px; margin-right: 10px;}
.i_xian hr{ width: 100%; margin-top: 5px; }
.i_xian hr:first-child{margin-top: 0px;}
.manu .daohang_menu{ padding-left: 25px;}
.ul_manu{ display: none;background: #162556; border: 1px rgba(255,255,255,0.1) solid; border-top: 0px; position:absolute; right: 0px; top:74px; padding: 10px 15px; line-height: 36px;}
.ul_manu a{ color: #fff;}
.ul_manu a:hover{color: #bfa475;}
.mobile_manu{ display:none;}

/*about开始*/
.about_left{ width: calc(50% - 30px); float: left;}
.about_right{ width: calc(50% - 30px); float: right;}
.about_left .scale_pic{width: 100%;padding-bottom: 66%;height: 0;position: relative;}
.about_text{ color: #FFFFFF; line-height: 28px;  text-align: justify; overflow: hidden;-webkit-line-clamp: 5;line-clamp: 5;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;padding-top: 10px;}
ul.about_ul{ font-size: 0px; width: 100%;}
ul.about_ul li{display: inline-block;  width: calc((100%/3) - 20px); margin-left: 30px;}
ul.about_ul li:first-child{margin-left: 0px;}
ul.about_ul li .scale_pic{width: 100%;padding-bottom: 66%;height: 0;position: relative;}
/*OutTeam: 开始;*/
.OutTeam_title{ border-bottom: 1px #2e5e99 solid;}
ul.OutTeam_ul{font-size: 0px; width: 100%; margin-top: 60px;     display: flex;}
ul.OutTeam_ul li{ display: inline-block;  width: calc((100%/3) - 40px); margin-left: 60px; background:#2c4188; vertical-align: top; flex:1; position: relative; padding-bottom: 100px;  }

ul.OutTeam_ul li a.more_1{ position: absolute; bottom: 10px; left: 20px;}
ul.OutTeam_ul li:hover{background:#bfa475;}
ul.OutTeam_ul li:first-child{margin-left: 0px;}
ul.OutTeam_ul li .scale_pic{width: 100%;padding-bottom: 66%;height: 0;position: relative; background: #eef6f9;}
ul.OutTeam_ul li .scale_pic .item-pic-list img{ width:60%;  position: absolute;  }
ul.OutTeam_ul li:hover .scale_pic .item-pic-list img{width:80%;   transition: 0.5s; }
.OutTeam_text{ padding: 20px; color: #fff;}
.OutTeam_text_1{ font-family: Title; font-size: 28px; padding: 8px 0px 0px; margin-bottom: 12px;}
ul.OutTeam_ul li:hover .OutTeam_text_1{ text-decoration: underline;}
.OutTeam_text_1, .OutTeam_text_2{overflow: hidden;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;line-height: 28px;}
.OutTeam_text_3{overflow: hidden;-webkit-line-clamp: 9;line-clamp: 9;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;line-height: 28px;  }
.OutTeam_text_4{overflow: hidden;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;}
/*Our services开始*/
ul.Ourservices_ul{font-size: 0px; width: 100%; margin-top: 60px;}
ul.Ourservices_ul li{ display: inline-block;  width: calc((100%/3) - 40px); margin-left: 60px; margin-bottom: 60px; background:#2c4188; vertical-align: top; height: 700px; position: relative;}
ul.Ourservices_ul li:nth-child(5){width: calc(66.6667% - 20px); }
ul.Ourservices_ul li:hover{background:#bfa475;}
ul.Ourservices_ul li:first-child, ul.Ourservices_ul li:nth-child(4){margin-left: 0px;}
ul.Ourservices_ul li .scale_pic{width: 100%;padding-bottom: 66%;height: 0;position: relative;}
ul.Ourservices_ul li:hover img{width: 120%;height: 120%; transition: 0.5s; }
ul.Ourservices_ul li:nth-child(5) .scale_pic{width: 100%;padding-bottom: 52%;height: 0;position: relative;}

ul.Ourservices_ul li:hover .OutTeam_text_1{ text-decoration: underline;}
ul.Ourservices_ul li a.more_1{position: absolute;bottom: 10px;}
ul.Ourservices_ul li:hover a.more_1 i, ul.OutTeam_ul li:hover a.more_1 i{background: url("images/hei_jiantou.png") no-repeat center #fff; background-size: 35% auto;  }
/*杂志开始*/
ul.journal_ul{font-size: 0px; width: 100%;}
ul.journal_ul li{ display: inline-block;  width: calc((100%/3) - 40px); margin-left: 60px; background:#2c4188; vertical-align: top;  position: relative; overflow: hidden;}
ul.journal_ul li:first-child{margin-left: 0px;}
ul.journal_ul li .scale_pic{width: 100%;padding-bottom: 141.4%;height: 0;position: relative; display: block;}
ul.journal_ul li:hover img{width: 120%;height: 120%; transition: 0.5s; }
ul.journal_ul li .journal_ul_text{ position: absolute; width: 80%;  height: 100%; padding: 0px 10%; top: 0;left: 0; z-index: 99;   color: #fff; cursor: pointer;background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0), #1c2954); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to bottom, rgba(0,0,0,0), #1c2954); /* Opera 11.1-12.0 */ 
background: -moz-linear-gradient(to bottom,rgba(0,0,0,0), #1c2954); /* Firefox 3.6-15 */
background: linear-gradient(to bottom,rgba(0,0,0,0), #1c2954); /* 标准语法 */ }
ul.journal_ul li .journal_ul_text span{overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;box-orient: vertical; display: box; top: calc(100% - 100px); position: relative;}
/*footer开始*/
.footer{background: #1c2954; position: relative;}
.footer_pic{ display: block; width: 100%; min-height: 300px;}
.footer_content{position: absolute; width: 100%; height: 100%; left: 0;top: 0px;  background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), #172659); /* Safari 5.1-6.0 */
background: -o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), #172659); /* Opera 11.1-12.0 */ 
background: -moz-linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), #172659); /* Firefox 3.6-15 */
background: linear-gradient(to bottom,rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0), #172659); /* 标准语法 */  z-index: 999;}
.footer_content .public_width{ height: 100%; position:relative; }
.beianhao{ text-align: center;  color: #fff; font-size: 14px; position:absolute; bottom:20px; left: 50%;  transform:translateX(-50%); line-height: 28px; }
a.a_footer{color: #fff; font-size: 14px;}
a.a_footer:hover{color: #bfa475;}
.zhuti_text{ text-align: center; top: 20%; position: relative;  }
.zhuti_text p.p_footer{ color: #fff; line-height: 28px; padding: 20px 0px;}
.zhuti_text a.footer_Explore{ display: inline-block; background: #bfa475; color: #fff; padding: 10px 25px; border-radius: 5px;}
.text_jianbian{background-image: linear-gradient(to bottom, #fce3c2, #c0a577);-webkit-background-clip:text;color: transparent;}

@media only screen and (max-width:1400px) {
.about, .OutTeam, .journal_ul{ padding-bottom: 40px;}
ul.about_ul li, ul.OutTeam_ul li, ul.Ourservices_ul li, ul.journal_ul li{ width: calc((100%/3) - 20px); margin-left: 30px; }
ul.OutTeam_ul, ul.Ourservices_ul{ margin-top: 30px;}
ul.Ourservices_ul li{ margin-bottom: 30px;}
}

@media only screen and (max-width:1200px) {
*{ font-size:16px;}
p.p_banner_text{ font-size: 56px; }
/*标题*/
.pub_title{ font-size: 28px; }
/*查看更多*/
a.more_1{  margin: 10px 0px 10px;  line-height: 20px;}
a.more_1 i{ width: 22px; height: 22px; line-height: 20px; font-size: 12px; margin-right: 6px;}
.about, .OutTeam, .journal_ul{ padding-bottom: 25px;}
.OutTeam_text_1{font-size: 20px; padding: 8px 0px 0px; margin-bottom: 12px;}
/*about开始*/
.about_left{ width: calc(50% - 20px); float: left;}
.about_right{ width: calc(50% - 20px); float: right;}
ul.about_ul li, ul.OutTeam_ul li, ul.Ourservices_ul li, ul.journal_ul li{ width: calc((100%/3) - 13.3333333333px); margin-left: 20px;}
ul.OutTeam_ul li{ padding-bottom: 50px;}
/*OutTeam: 开始;*/	
ul.OutTeam_ul{ margin-top: 20px;}
/*Our services开始*/
ul.Ourservices_ul{ margin-top: 20px;}
ul.Ourservices_ul li{ margin-bottom: 20px; height: 650px; }	
ul.Ourservices_ul li:nth-child(5){width: calc(66.6667% - 7px); }	

}
/*手机*/
@media screen and (max-width: 750px) and (min-width: 0px){
.pc_manu{ display: none;}
.mobile_manu{ display:block;}
.ul_manu{ width: 100px; top:52px; }	
.manu .daohang_menu{ width: 100px; padding:16px; }	
.manu{ padding: 0px;}
.ul_manu li:nth-child(4){ border-bottom: 1px rgba(255,255,255,0.1) solid;}
.ul_manu li:last-child{ text-align: center;}
.jianbian_color .logo{ line-height: 45px;}
.logo_pic{ height: 45px;}
.xian_banner{  height: 60px; }
.logo span{ font-size: 16px;}
/*标题*/
.pub_title{ font-size: 22px; }	
/*查看更多*/
a.more_1{  margin: 10px 0px 10px;  line-height: 20px;}
a.more_1 i{ width: 22px; height: 22px; line-height: 20px; font-size: 12px; margin-right: 6px;}
.about, .OutTeam, .journal_ul{ padding-bottom: 25px;}
.OutTeam_text_1{font-size: 18px; }
ul.about_ul li, ul.OutTeam_ul li, ul.journal_ul li{ width: calc((100%/3) - 6.666666667px); margin-left: 10px;}
/*about开始*/
.about_left{ width: 100%; float:none; padding-bottom: 10px;}
.about_right{ width: 100%; float: none;}
ul.about_ul{ padding-top: 10px;}
/*OutTeam: 开始;*/	
.OutTeam_text{ padding: 5px;}
ul.OutTeam_ul li a.more_1{  left: 5px;}
.OutTeam_text_2{overflow: hidden;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box; }
.OutTeam_text_3{overflow: hidden;-webkit-line-clamp: 6;line-clamp: 6;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;  }
/*Our services开始*/
ul.Ourservices_ul li{ width: calc((100%/2) - 5px); margin-left: 10px; margin-bottom: 10px; height: 500px;}
ul.Ourservices_ul li:first-child, ul.Ourservices_ul li:nth-child(3){margin-left: 0px;}
ul.Ourservices_ul li:nth-child(4){margin-left: 10px;}
ul.Ourservices_ul li:nth-child(5){width:100%; margin-left: 0px; height: auto !important;}
/*杂志开始*/
ul.journal_ul li .journal_ul_text span{top: calc(100% - 70px);}
.zhuti_text{  top: 10px;}
.zhuti_text p.p_footer{ padding: 10px; 0px;}
}
@media screen and (max-width: 550px) and (min-width: 0px){
p.p_banner_text{ font-size: 36px; }

.OutTeam_text_3{overflow: hidden;-webkit-line-clamp: 8;line-clamp: 8;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;  }	
}
@media screen and (max-width: 350px) and (min-width: 0px){
p.p_banner_text{ font-size: 26px; padding-top: 4%;  }
.logo span{ font-size: 14px;}
.xian_banner{  height: 30px; }	
.OutTeam_text_3{overflow: hidden;-webkit-line-clamp: 10;line-clamp: 10;-webkit-box-orient: vertical;box-orient: vertical;display: -webkit-box;display: box;  }	
}


