*{
    margin: 0px;
    padding: 0px;
	/*word-break:break-all;*/
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;
}
a[href]:after{content:normal;}
*:focus{outline:none;}
body {
	-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
	font-family: Arial, \5FAE\8F6F\96C5\9ED1;
	font-size: 15px;
	line-height: 20px;
	color: #444;
	text-decoration: none;
	background: #ffffff;
}
ul, li{
	margin:0px; padding:0px;
    list-style-type:none;
}
ol, ul {
  list-style: none;
}
ul, li, a
{
	padding: 0px;
	margin: 0px;
}
button {outline: none;border: 0;}
select { width:100%;}
.fix {
  *zoom: 1;
}
.fix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear{clear:both;}
.tj {text-align: justify;text-justify: distribute;}
.rel {position: relative;}
.t3d {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.container-flex > .row {
  margin-right: 0;
  margin-left: 0;
}
.container-full > .row > [class^='col'] {
  padding-right: 0;
  padding-left: 0;
}

.bgbai { background:#ffffff;}
.bgbai1 {background:url(ioz-nrbg.gif) repeat-x #ffffff top;border: #aedbeb solid 1px;}
.bgqh { background:#f4f8fe;height: 420px;}
.bgf3 { background:#f3f3f3;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
.mb50 { margin-bottom:50px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt16 { margin-top:16px;}
.mt18 { margin-top:18px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt40 { margin-top:40px;}
.space0 {padding: 0 0 50px;}
.space15 { padding:15px;}
.space18 { padding:18px;}
.space20 { padding:20px;}
.bh { display:block; overflow:hidden;}
.space-top {
	padding-top: 10px;
}
.space-bottom {
	padding-bottom: 25px;
}
.img-hover:hover {
    opacity: 0.8;
}
@media (max-width: 767px) {
	.space0 {padding: 0 0 36px;}
}
/*---------------Block---------------------*/
.mainpart {width: 100%;margin: 0 auto;}
.maincontainer {padding: 0 95px;position: relative;}
.maincontainer:after {content: '';position: absolute;left: 95px;bottom: 0;top: 0;width: 1px;background: #d6d8da;z-index: 99;}
.maincontainer:before {content: '';position: absolute;right: 95px;bottom: 0;top: 0;width: 1px;background: #d6d8da;z-index: 99;}
.firstpart {padding: 0;}
.secondpart {padding: 32px 0 0;}
.thirdpart {padding: 38px 0 0;}
.fourthpart {padding: 40px 0 50px;background: #F3F7FF;}
.indexbox {position: relative;}
.indexbox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.winbox {overflow: hidden;}
.win-l, .win-r {width: 50%;}
.pgfirstpart {padding: 50px 0 0;}
.pgsecondpart {padding: 50px 0 0;}
.pgthirdpart {padding: 50px 0 0;}
.secondarybox { display:block; padding:0 0 36px;
min-height: 567px;
}
.secondarybox1 { display:block; padding:40px;
min-height: 567px;
}
.pg-win-l {width: 74.834%;padding: 40px 35px 0;border-right: #d6d8da solid 1px;min-height: 567px;}
.pg-win-r {width: 25.166%;}
@media (max-width: 1280px) {
	.pg-win-l {width: 71.834%;}
	.pg-win-r {width: 28.166%;}
}
@media (max-width: 1199px) {
	.maincontainer {padding: 0 60px;}
	.maincontainer:after {left: 60px;}
	.maincontainer:before {right: 60px;}
}
@media (max-width: 1024px) {
	.win-l, .win-r {width: 100%;}
	.pg-win-l {width: 68.834%;padding: 26px 30px 0;}
	.pg-win-r {width: 31.166%;}
}
@media (max-width: 991px) {
	.pg-win-l {width: 100%;border-right: 0px;}
	.pg-win-r {display: none;}
}
@media (max-width: 767px) {
	.maincontainer {padding: 0 16px;}
	.maincontainer:after {left: 16px;}
	.maincontainer:before {right: 16px;}
	.pg-win-l {padding: 16px 20px 0;}
	.secondarybox1 { padding:20px;}
}
/*---------------------------------NAV------------------------------------------*/
.twobanner {height: 236px;border-top: #4d788e solid 1px;}
.twolmmt {margin: 4px 0 0 0;}
.nav-upper {display: block;position: relative;z-index: 101;padding: 0 95px 0 0;border: #d6d8da solid 1px;border-bottom: 0;border-right: 0;}
.nav-lower {background: #1f82c0;display: block;position: relative;z-index: 100;padding: 0 95px 0 0;}
.location_menu { overflow:hidden;padding: 0px;}
.navbar {min-height: 40px; border: 0px solid transparent;}
.navbar-toggle {float: right;padding: 4px 5px;margin-top: 7px;margin-bottom: 6px; margin-right:0px;border: 2px solid #F6FAFC;}
.navbar-menu { font-size:18px; color:#ffffff; float:left; font-weight:500; margin:9px 0 0 0;}
.navbar-default .navbar-collapse {border-color: #214289;}
.nav-tabs > li { text-align:center;}
.nav-tabs > li:last-child {border-right:#cacaca solid 0px;}
.nav-stacked > li {background: #e9f6fe;border-top: #feffff solid 1px;border-bottom: #cce7fa solid 1px;}
.nav-wrap {display: block;}
.nav-wrap .container-fluid {padding: 0;width: 75.3%;float: right;}
.nav-wrap .bootsnav.scroll {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
	z-index: 9;
	background: #1366b1;
  }
.nav-lower .navbar-default .navbar-nav > li > a {color: #fff;}
.nav-lower .main-navigation .navbar-nav > .open > a,
.nav-lower .main-navigation .navbar-nav > .open > a:hover,
.nav-lower .main-navigation .navbar-nav > .open > a:focus {
	color: #fff;
}
@media (max-width: 1199px) {
	.nav-upper, .nav-lower {padding: 0 60px 0 0;}
}
@media (max-width: 1100px) {
	
}
@media (max-width: 992px) {
.nav-pills > li > a {font-size: 14px;}
}
@media (min-width: 768px) {
.navbar-menu {display: none;}
.navbar-right {margin-right: 0px;}
}
@media (max-width: 768px) {
.twobanner {height: 142px;}
.h_menu {position: relative;margin-left: -15px;margin-right: -15px;}
.location_menu {position: relative;margin-left: -15px;margin-right: -15px;}
}
@media screen and (max-width: 640px){
.navbar-collapse { margin-top:6px;}
	.nav-upper, .nav-lower {padding: 0 16px 0 0;}
}
@media screen and (max-width: 480px){
.nav-tabs > li { width:100%;border-right:#cacaca solid 0px;}
}
.dropdowns {position: relative;}
.dropdown .dropdowns.open>a:before {content: "\f105";color: #e3e3e3;}
.dropdown .dropdowns>a:before {font-family: 'FontAwesome';content: "\f105";position: absolute;right: 10px;top: 9px;margin-left: 0;visibility: visible;color: #6aaee9;}

/* Atribute Navigation
=================================*/
.navfloat {float: right;}
.attr-nav{
    float: right;
    display: inline-block;
    width: 35px;
    height: 34px;
    overflow: hidden;
    text-align: center;
    color: #fff;
}

.attr-nav > ul{
    padding: 0;
    margin: 0 0 -7px 0;
    list-style: none;
    display: inline-block;
}

.attr-nav > ul > li{
    float: left;
    display: block;margin-right: 15px;
}
.attr-nav > ul > li:last-child {margin-right: 0px;}

.attr-nav > ul > li > a {
    color: #09538d;
    display: block;
    position: relative;font-size: 17px;line-height: 1.6;
}
.attr-nav > ul > li > a i {width: 35px;height: 34px;background: url(searchbtn.png) no-repeat top center;display: block;background-size: 100%;}
.attr-nav > ul > li > a:hover {color: #1366b1;}
.attr-nav > ul > li .langea { display: inline-block; background: none; height: 19px; width: 21px; border: 1px #e1e1e1 solid; border-radius: 2px; text-align: center; line-height: 18px; vertical-align: top;margin-left: 2px;color: #fff;font-size: 0.75rem;}
.attr-nav > ul > li .langea:hover {color: #457cc8;}
@media (max-width: 991px) {
	.attr-nav > ul > li > a i {width: 28px;height: 27px;}	
}
@media (max-width: 767px) {
	.attr-nav {margin-top: 6px;margin-left: 4px;}
}
/* Top Search
=================================*/
.top-search{
    background-color: #026aab;
    padding: 88px 0;
	position: absolute;
    left: 0;
    right: 0;
    z-index: 999;
    display: none;
}
.top-search .input-group {border-bottom: #8db8ff solid 1px;}
.top-search input.form-control{
    background-color: transparent;
    border: none;
    -moz-box-shadow: 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 0px;
    -o-box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 0px;
    color: #fff;
    height: 40px;
    padding: 0 15px 0 8px;
}
.top-search .input-group form {display: inherit;}
.top-search .input-group input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #0052d9 inset;}
/*.top-search .input-group input{
  height: 0;
  padding: 1.2em .5em;
  background-clip: content-box;
}*/
.top-search .input-group input::first-line{
  color: #fff;
}
.top-search .input-group-addon{
    background-color: transparent;
    border: none;
    color: #fff;
    padding-left: 0;
    padding-right: 0;font-size: 18px;
}

.top-search .input-group-addon.close-search{
    cursor: pointer;
}
.top-search input[type="submit"] { background: url(searchbtn1.png) no-repeat 0px 1px; border: none; cursor: pointer; width: 24px;height: 19px; outline: none;}
@media (max-width: 1199px) {
	.top-search {padding: 77px 0;}
}
@media (max-width: 991px) {
	.top-search .container {padding: 0 45px;}
	.top-search {padding: 42px 0;}
}
@media (max-width: 767px) {
	.top-search .container {padding: 0 20px;}
	.top-search {padding: 33px 0;}
}

/*---------------HEAD---------------------*/
.webheader {position:relative;background-color: #fff;}
.webheader:before {content: '';position: absolute;right: 95px;bottom: 0;top: 0;width: 1px;background: #d6d8da;}
.webheader .header {padding: 0 126px;border: 0;overflow: hidden;}
.webheader .header-left {width: 80%;position: relative;}
.webheader .header-right {width: 20%;padding-top: 43px;position: relative;}
.webheader .header-right img {float: right;}
.webheader .logo { margin:20px 0 16px;}
.webheader .moblogo {margin:12px 0 0 0;overflow: hidden;}
.webheader .relatedlink { margin:44px 2px 2px 0; text-align:right;}
.webheader .searchbox { position: relative; background:#fff; width: 60%; border-radius:30px; padding: 12px 0;border: #e0edf6 solid 1px;overflow: hidden;}
.webheader .searchbox input[type="text"] { margin: 0; padding: 0 0 0 17px; outline: none; color: #888; background: none; border: none; width: 89.33333%; position: relative; font-size: 14px; line-height:20px; -webkit-appearance: none;}
.webheader .searchbox input[type="text"]::-webkit-input-placeholder{ color: #888 !important;font-family: Arial;}
.webheader .searchbox input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;}
.webheader .searchbox input[type="submit"] { background: url(searchbtn.png) no-repeat 18px center #fea734; border: none; cursor: pointer; width: 68px;height: 100%; outline: none; position: absolute; top: 0; right: 0;border-radius: 0 30px 30px 0;}

.TopSearch { height:30px; white-space:nowrap; position:relative; background:#79a7d5; border-radius:30px;padding:0 28px 0 15px;}
.TopSearch .SearchText { line-height:30px; height:30px; vertical-align:top; border:0; font-size:13px; color:#e5f3ff; width: 100%; float:left; outline:none;border: #9ac0d7 solid 0px;background:#79a7d5;}
.TopSearch input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #79a7d5 inset;}
.TopSearch input[type="text"]::-webkit-input-placeholder{ color: #e5f3ff !important;}
.TopSearch .SearchBtn {position: absolute; width:32px; height:100%; vertical-align:middle; margin:0px 0 0 0; cursor:pointer; background:url(sn_search.png) center center no-repeat; border:0; float:right; border-radius:0px; outline:none;top: 0;right:3px; }
.TopSearch .SearchBtn:hover {}
@media (max-width: 1199px){
	.webheader:before {right: 60px;}
	.webheader .header {padding: 0 86px;}
	.webheader .header-right {padding-top: 36px;}
}
@media (max-width: 991px){
	.nav-upper {display: none;}
	.webheader .header-right {padding-top: 34px;}
}
@media (max-width: 767px){
	.webheader:before {display: none;}
	.webheader .header {padding: 0 20px;}
	.webheader .header-right {padding-top: 16px;}
}

/*-----------------Column-------------------*/
.lanmu { position: relative;padding: 34px 0 65px;}
.lanmu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #ccc;
}
.lanmu_l { color:#2482c0;float:left;font-size:28px;padding: 0 0 0 26px;line-height: 1.1;}
.lanmu_l a {color:#2482c0;}
.lanmu_l a:hover {color:#004280;}
.lanmu_l img {display: inline-block;margin-right: 10px;margin-top: -4px;}
.lanmu_r { float:right; font-size:15px;font-family: Arial;line-height: 25px;margin-right: 26px;margin-top: 6px;}
.lanmu_r a { color:#888; text-decoration:none;}
.lanmu_r a:hover { color:#2482c0; text-decoration:none;}

.lanmu1 {padding: 30px 0 12px;border-bottom: #d6d8da solid 1px;overflow: hidden;}
.lanmu1_l { font-size:28px;line-height:1.7; color:#2482c0;float: left;}
.lanmu1_r { line-height:1.1; float:right; color:#888; font-family: Arial; font-size:15px;margin-top: 12px;}
.lanmu1_r a { color:#888; text-decoration:none;}
.lanmu1_r a:hover { color:#2482c0; text-decoration:none;}

.lanmu2 { overflow: hidden;margin: 30px 0 20px;border-bottom: #0052D9 solid 1px;position: relative;height: 39px;}
.lanmu2_l { float: left;position: absolute;top:0;left: 0;
    padding: 4px 24px;
    margin-right: 9px;
	margin-left: 5px;
    background: #0052D9;
    width: auto;
    height: auto;
    text-align: center;
    -webkit-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);}
.lanmu2_l span {
    display: block;
    overflow: hidden;
    font-size: 17px;color: #fff;
    -webkit-transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -o-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg);
}
.lanmu2_l img {display: inline-block;margin-right: 10px;margin-top: -3px;}
.lanmu2_r { line-height:32px; float:right; font-size:12px;font-family: Arial;}
.lanmu2_r a{ color:#bfcddd; text-decoration:none;}
.lanmu2_r a:hover{ color:#ffffff; text-decoration:none;}

.lanmu3 { height:48px; background: url(columnsbg02.png) repeat-x top center;margin-bottom: 20px;}
.lanmu3_l{ height:48px; line-height:40px; font-size:20px; color:#6aefff; font-weight:700;margin-left: 16px; float:left;background: url(columnsbg01.png) no-repeat top center;}
.lanmu3_r{ line-height:42px; float:right; color:#e3f6ff; font-family: Arial; font-size:12px;margin-right: 15px;}
.lanmu3_r a{ color:#6aefff; text-decoration:none;}
.lanmu3_r a:hover{ color:#d5fbff; text-decoration:none;}

.sortlanmu { padding: 36px 30px 40px;position: relative;color:#2482c0;line-height: 1.1;font-size: 36px;letter-spacing: 2px;}
.sortlanmu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #ccc;
}

/*---------------Focus Photo---------------------*/
.focus-box {display: block;width: 100%;}
.focus-box .owl-dots {
  position: absolute;
  left: 100px;
  bottom: 26px;
}
.focus-box .owl-dots .owl-dot {
  width: 12px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  margin: 0 2px;
}
.focus-box .owl-dots .active {
  background: #FFFFFF;
}
.focus-box .owl-prev,
.focus-box .owl-next {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s;
}
.focus-box .owl-prev span,
.focus-box .owl-next span {
  display: none;
}
.index-box1-lunb {
  display: block;
  position: relative;
}
.index-box1-lunb:hover .img-box img {
  transform: scale(1.1);
  transition: all 0.5s;
}
.index-box1-lunb .img-box {height: 530px;overflow: hidden;background-repeat: no-repeat;background-position: top center;background-size: cover;}
.index-box1-lunb .img-box img {
  width: 100%;
  height: 100%;
  transition: all 0.5s;
}
.index-box1-lunb .lunb-title {
  position: absolute;
  left: 70px;
  right: 0;
  top:150px;
  bottom: 0;
  color: #FFFFFF;
  background: rgba(31, 130, 192, 0.8);
  border: #719ab6 solid 1px;
  padding: 35px 50px 22px;
  width: 566px;
}
.index-box1-lunb .lunb-title h3 {font-size: 40px;color: #fff;line-height: 1.3;margin: 0 0 20px;position: relative;top: 100px;opacity: 0;max-height: 104px;
-webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.index-box1-lunb .lunb-title h4 {font-size: 16px;color: #fff;line-height: 1.8;margin: 0;position: relative;top: 80px;opacity: 0;height: 115px;
-webkit-line-clamp: 4;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.index-box1-lunb .lunb-title .more {display: block;overflow: hidden;text-align: right;position: absolute;right: 50px;bottom: 26px;opacity: 0;}
.focus-box .owl-item.active .index-box1-lunb .lunb-title h3, .focus-box .owl-item.active .index-box1-lunb .lunb-title h4 {opacity: 1;top: 0;}
.focus-box .owl-item.active .index-box1-lunb .lunb-title .more {opacity: 1;}
.focus-box .owl-item.active .index-box1-lunb .lunb-title h3 {
	-webkit-transition: all 0.5s ease 0.4s;
	-o-transition: all 0.5s ease 0.4s;
	transition: all 0.5s ease 0.4s;
}
.focus-box .owl-item.active .index-box1-lunb .lunb-title h4 {
	-webkit-transition: all 0.5s ease 0.7s;
	-o-transition: all 0.5s ease 0.7s;
	transition: all 0.5s ease 0.7s;
}
.focus-box .owl-item.active .index-box1-lunb .lunb-title .more {
	-webkit-transition: all 0.5s ease 1s;
	-o-transition: all 0.5s ease 1s;
	transition: all 0.5s ease 1s;
}
@media (max-width: 1280px) {
	.index-box1-lunb .img-box {height: 400px}
	.index-box1-lunb .lunb-title {top:96px;width: 458px;padding: 28px 35px 22px;}
	.index-box1-lunb .lunb-title .more {right: 35px;}
	.index-box1-lunb .lunb-title h4 {height: 86px;-webkit-line-clamp: 3;}
	.index-box1-lunb .lunb-title h3 {font-size: 30px;max-height: 78px;}
}
@media (max-width: 1199px) {
	.index-box1-lunb .img-box {height: 376px}
	.index-box1-lunb .lunb-title {width: 358px;}
	.index-box1-lunb .lunb-title h3 {font-size: 22px;max-height: 57px;}
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
  .focus-box .owl-dots {
    position: absolute;
    bottom: auto;
    top: 126px;
    transform: translateX(50%);
	  left: 0;
  }
  .focus-box .owl-prev,
  .focus-box .owl-next {
    top: 35%;
  }
  .index-box1-lunb .img-box {
    height: 158px;
  }
  .index-box1-lunb .lunb-title {
    position: static;
    overflow: initial;
    width: 100%;
	padding: 22px;
	  border: 0;
  }
	.index-box1-lunb .lunb-title h3 {max-height: inherit;-webkit-line-clamp: inherit;}
	.index-box1-lunb .lunb-title h4 {display: none;}
	.index-box1-lunb .lunb-title .more {position: inherit;}
}
/*---------------foot---------------------*/
.foot {background: #1f82c0;position: relative;}
.foot .f-container {padding: 0 7%;}
.foot .f-link {padding: 25px 0;overflow: hidden;}
.foot .f-link .f-link-l {width: 26%;float: left;line-height: 68px;font-size: 26px;color: #fff;}
.foot .f-link .f-link-r {overflow: hidden;}
.footmenu {}
.footmenu li {float: left;width: 20%;}
.footmenu li a {background: url(icon02.png) no-repeat 0 3px;padding-left: 26px;color: #fff;line-height: 34px;font-size: 18px;
-moz-transition: all .4s ease; /* Firefox */
    -ms-transition: all .4s ease; /* IE 9 */
    -o-transition: all .4s ease; /* Opera */
    transition: all .4s ease;
}
.footmenu li a:hover {background-position: 8px 3px;}
.copyright {font-size:15px; line-height:1.6;color:#444;display:block; overflow:hidden;padding: 35px 0;text-align: center;}
.copyright span {margin: 0 8px;display: inline-block;}
.copyright span img {display: inline-block;margin-right: 5px;}
.copyright span a {color: #1f82c0;}
.copyright .lan {color: #1f82c0;line-height: 1.1;}
@media (max-width: 1199px){
	.foot .f-link .f-link-l {width: 20%;}
}
@media (max-width: 991px){
	.foot .f-container {padding: 0 3% 0 5%;}
}
@media (max-width: 767px){
	.foot .f-link .f-link-l, .foot .f-link .f-link-r {width: 100%;}
	.footmenu li {width: 50%;}
	.foot .f-container {padding: 0 0 0 13%;}
	.foot .f-link {padding: 35px 0;}
	.foot .f-link .f-link-l {line-height: 1.1;margin-bottom: 16px;}
	.copyright {padding: 25px 0;}
}
/*---------------Detailed Page---------------------*/
.nrhei {font-size: 17px; line-height: 2; color: #333;word-wrap: break-word;}
.nrhei1 {font-size: 15px; line-height: 180%; color: #333;word-wrap: break-word;}
.ryname { border-bottom: #D6DFEB solid 1px;}
.ryname_l { color:#333;float:left;font-weight: 700;font-size:26px;line-height: 1;padding: 0 0 18px;padding-right: 3px;position: relative;}
.ryname_l:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 3px;
    background: #0052D9;
}
.ryname_l span {font-size: 16px;font-weight: 500;margin-left: 10px;}
.ryname_l span i {color: #8DADD7;margin-right: 10px;}
.rylanmu { margin-bottom: 16px;margin-top: 30px;display: block;width: 100%;color:#333;font-weight: 700;font-size:18px;line-height: 140%;}

.xlmain {display: block;margin:0px;}
.xlmain hr {margin-top: 30px;border-top: 1px solid #d9d9d9;}
.xlmain .wztitle {color: #333; line-height:1.4; text-align:center; font-size: 28px; padding: 0px 8% 2px;margin: 40px 0 24px 0;}
.xlmain .wztitle[data-v-ry] {margin: 30px 0 36px;line-height: 1.4;font-size: 28px;padding: 0;color: #444;font-weight: 500;border-bottom: #444 solid 2px;padding-bottom: 20px;}
.xlmain .wztitle[data-v-cg] {margin: 38px 0 24px 0;color: #124c9c;}
.xlmain .wztitle[data-v-dp] {margin: 16px 0 24px 0;color: #333;font-size: 26px;}
.xlmain .basicinfo {border-bottom: #d9d9d9 solid 1px;padding-bottom: 8px;}
.xlmain .basicinfo .other-share {float: right;}
.xlmain .basicinfo .qtinfo {color:#999; font-size: 14px;margin: 0;}
.xlmain .basicinfo .qtinfo a {color:#999; text-decoration: none;}
.xlmain .basicinfo .qtinfo a:hover {color:#de0c0c; text-decoration: none;}
.xlmain .basicinfo .share {float: right;}
.xlmain .basicinfo .qtinfo span {display: inline-block;margin-right: 15px;}
.xlmain .basicinfo .qtinfo span:last-child {margin-right: 0;}
.xlmain .text { overflow:hidden; display:block;}
.xlmain .text p, .xlmain .text div {margin: 0 0 30px;}
.xlmain .text[data-v-bsh] p, .xlmain .text[data-v-bsh] div {margin: 0 0 8px;}
.xlmain .text p:last-child, .xlmain .text div:last-child {margin: 0;}
.xlmain .text .zc img {margin-left: inherit !important;margin-right: inherit !important;display: inline-block;}
.xlmain .text .fr {margin-left: 36px;margin-bottom: 15px;width: 39%;}

.xlmain .textlx { margin:0; overflow:hidden; display:block;}
.xlmain .textlx p {margin: 0 0 12px 0;}
.xlmain .textlx img {display: block;margin-right: auto;margin-left: auto;}
.xlmain .textxl { margin:30px 0 0 0; overflow:hidden; display:block;}
.xlmain .textxl p, .xlmain .textxl div {margin: 0 0 22px;}
.xlmain .textxl p:last-child, .xlmain .textxl div:last-child {margin: 0;}
.xlmain .textxl img {display: block;margin-right: auto;margin-left: auto;}
.xlmain .textxl table {margin: 0 0 15px 0;}
.xlmain .textxl td {text-align: center;}
.xlmain .textxl video {border: #d9d9d9 solid 6px;border-radius: 5px;width: 76% !important;height: 100% !important;margin: 18px auto;display: block;}
.xlmain .textsp { margin:30px auto 26px auto; overflow:hidden; display:block;width: 76%;}

.xlmain .textry {overflow: hidden;}
.xlmain .textry .mt {margin-top: 288px;}
.xlmain .textry h3 { font-size:32px;line-height:1.2; margin:0 0 30px 0;display: block;color: #272727;font-weight: 700;}
.xlmain .textry h3 span {font-size: 22px;margin-left: 20px;color: #999;}
.xlmain .textry h4 { font-size:28px;line-height:1.2; margin:5px 0 20px 0;display: block;color: #31373f;font-weight: 700;}
.xlmain .textry h4 span {font-size: 22px;margin-left: 20px;color: #999;}
.xlmain .textry p {margin: 0 0 4px 0;}
.xlmain .textry p a {color: #333;}
.xlmain .textry p a:hover {color: #005bac;}
.xlmain .textry th {color: #333;font-size: 16px;}
.xlmain .textry .ryinfo {overflow: hidden;background: #e6f3fc;}
.xlmain .textry .ryinfo .ryimg { margin-right: 30px;background: #c1dced;padding: 30px 50px;}
.xlmain .textry .ryinfo .ryimg img{ border-radius: 5px;width: 180px;height: 240px;}
.xlmain .textry .ryinfo .rytxt p { line-height: 220%; font-size: 17px; margin: 30px 0 0 0; color:#222;}
.xlmain .textry .ryinfo .rytxt p a {color:#222;font-size: 17px;text-decoration: none;font-style: normal;}
.xlmain .textry .ryinfo .rytxt p a:hover {color:#ff7300;}
.xlmain .textry .rydetail {margin-top: 15px;}
.xlmain .textry .rydetail .detail {padding-left: 2px;font-size: 17px !important;line-height: 1.8 !important;}
.xlmain .textry .rydetail table {border: transparent;}
.xlmain .textry .rydetail tbody {background-color: transparent;}
.xlmain .textry .fl {margin-right: 28px;margin-bottom: 12px;width: 353px;}
.xlmain .textry h2 {font-size: 28px;line-height: 140%;font-weight: 700;padding: 3px 0 16px 0;color: #124c9c;margin: 0;position: relative;}
.xlmain .textry h2 span {font-weight: 500;color: #000;font-size: 20px;margin-left: 15px;}
.xlmain .textry .left {margin-right: 28px;margin-bottom: 12px;max-width: 190px;}
.xlmain .textry.wzk p strong {margin-top: 22px;display: block;overflow: hidden;}
.xlmain .textry.wzk p:first-child strong {margin-top: 0;}

.xlmain .textxmz { margin:24px 0 0 0; overflow:hidden; display:block;}
.xlmain .textxmz p {margin: 0 0 10px 0;}
.xlmain .textxmz p:last-child {margin: 0;}
.xlmain .textxmz .el-tab-pane {line-height: 150%;}
.xlmain .textxmz .el-tabs--border-card>.el-tabs__content {padding: 20px 0px 0 0px;}

.xlmain .cont-page {
  margin-top: 25px;
  border-top: 1px solid #eee;
  padding-top: 30px;
  line-height: 24px;
  color: #4D4D4D;font-size: 15px;
}
.xlmain .cont-page .a-page {
  margin-bottom: 10px;
}
.xlmain .cont-page .a-page a {
  color: #4D4D4D;
}
.xlmain .cont-page .a-page:hover {
  color: #1366b1;
}
.xlmain .cont-page .a-page:hover a {
  color: #1366b1;
}
@media (min-width: 767px) {
  .xlmain .textxl img {max-width: 66%;}
}
@media (max-width: 1366px) {
	.xlmain .textry .fl {width: 286px;}
}
@media (max-width: 1199px) {
  .xlmain .textsp { width: 80%;}
  .xlmain .textxl video {width: 80% !important;}
	.xlmain .textry .fl {width: 238px;}
}
@media (max-width: 1024px) {
	.xlmain .text .fr {margin-left: 27px;}
}
@media screen and (max-width: 991px){
    .xlmain .wztitle {margin: 40px 0 24px 0;padding: 0px 1% 2px;font-size: 26px;}
	.xlmain .wztitle[data-v-ry] {margin: 10px 0 36px;}
	.xlmain .wztitle[data-v-cg] {margin: 28px 0 24px 0;}
	.xlmain .wztitle[data-v-dp] {margin: 10px 0 24px 0;}
	.xlmain .textxl img {max-width: 77%;}
	.xlmain .textry .fl {width: 276px;}
}
@media (max-width: 767px) {
  .xlmain .wztitle {font-size: 19px;margin: 30px 0 12px 0;}
  .xlmain .wztitle[data-v-ry] {margin: 20px 0 24px 0;font-size: 24px;}
  .xlmain .wztitle[data-v-cg] {margin: 20px 0 24px 0;}
  .xlmain .wztitle[data-v-dp] {margin: 5px 0 10px;font-size: 20px;}
  .xlmain .text .left {width: 100%;margin-right: auto !important;}
  .xlmain .textsp { width: 100%;margin:15px auto 2px auto;}
  .xlmain .textxl video {width: 100% !important;}
  .xlmain .textry .fl {width: 100%;margin-right: 0;margin-bottom: 22px;}
  .xlmain .textry .left {width: 100%;max-width: 100%;margin-right: 0;margin-bottom: 22px;}
	.xlmain .textry .left img {width: 80%;}
  .xlmain .textry h3 span {display: block;margin-top: 8px;margin-left: 0;}
  .xlmain .basicinfo .qtinfo {text-align: center;}
  .xlmain .textry h2 span {display: block;font-size: 18px;margin-left: 0;}
  .xlmain .textxl img {max-width: 100%;}
  .xlmain .basicinfo .qtinfo span {display: inline-block;margin-right: 6px;margin-left: 6px;}
	.xlmain .text .fr {width: 100%;margin-left: 0;margin-bottom: 22px;}
}

/*--------------page-main--------------*/
.page-main {
  padding-top: 40px;
  padding-bottom: 50px;
  position: relative;
  z-index: 101;
  min-height: calc(100vh - 403px);
}
.main-content {
  margin-left: -20px;
  margin-right: -20px;
}
.main-content .col-w {
  padding-left: 20px;
  padding-right: 20px;
}

.secBody {
  padding: 36px 0 50px;
  min-height: -moz-calc(100vh - 390px);
  min-height: -webkit-calc(100vh - 390px);
  min-height: calc(100vh - 390px);
}
.secBody .secCon {
  padding: 18px 30px 50px;
  border-radius: 4px;
}
@media (min-width: 1600px) {
  .secBody .sec-aside {
    width: 26.6%;
  }
  .secBody .sec-cont {
    width: 73.4%;
  }
}
.lbborderstyle {background:#ffffff; padding: 22px 30px 20px 30px;border-radius: 3px;overflow: hidden;}
.xlborderstyle {background:#ffffff; padding: 8px 54px 10px 54px;border-radius: 3px;}
.content-info {background:#ffffff; padding: 14px 30px 30px 30px;border-radius: 4px;
  min-height: -moz-calc(100vh - 478px);
  min-height: -webkit-calc(100vh - 478px);
  min-height: calc(100vh - 478px);
}

/* Breadcrumb
---------------------------------- */
.bread-item { background: transparent;margin-bottom: 0;font-size: 16px;border-radius: 0px;padding: 17px 30px;position: relative;}
.bread-item:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.bread-item > li { color:#8F8F8F;}
.bread-item > li > a { color:#8F8F8F;}
.bread-item > li > a:hover { color:#2482c0;}
.bread-item > li > a:last-child { color:#2482c0;}
.bread-item > li > span:before {
  content: '\f105';
  font-family: 'FontAwesome';
  font-style: normal;
  padding: 0 8px;
  color: #A6A6A6;
}

/*------------------Notice------------------*/
.notice {position: relative;}
.notice:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.notice li {border-right: #dadada solid 1px;}
.notice li .bgmask { height: 0; width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 0; opacity: 0; visibility: hidden; overflow: hidden; background-color: #1f82c0;
-webkit-transition: all .3s ease; /* Safari and Chrome */
    -moz-transition: all .3s ease; /* Firefox */
    -ms-transition: all .3s ease; /* IE 9 */
    -o-transition: all .3s ease; /* Opera */
    transition: all .3s ease;
}
.notice li:hover .bgmask  { opacity: 1; visibility: visible; height: 100%; box-shadow: 0px 19px 51px 0px rgba(0, 0, 0, 0.1); }
.notice li .ptinfo {padding: 30px;position: relative;z-index: 2;}
.notice li .ptinfo h4 {font-size:14px; color:#919191;line-height: 1.1; margin:0 0 10px 0; text-transform:uppercase;}
.notice li .ptinfo h3 {font-size:23px; color:#2482c0;line-height: 1.5; font-weight:500; margin:0 0 28px 0; text-transform:uppercase;height: 99px;
	-webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.notice li .ptinfo p {margin:0 0 0 0;font-size: 18px;line-height: 170%;color: #000000;padding-right: 24%;}
.notice li .ptinfo .more {display: block;overflow: hidden;margin-top: 70px;}
.notice li .ptinfo .more .btn-more {border-color: #1f82c0;color: #1f82c0;padding: 8px 54px 8px 30px;}
.notice li:hover .ptinfo .more .btn-more {border-color: #fff;color: #fff;background: #1f82c0;}
.notice li .ptinfo .more .btn-more span {width: 14px;height: 14px;background: url(icon01.png) no-repeat bottom center;position: absolute;top:9px;right: 30px;}
.notice li:hover .ptinfo .more .btn-more span {background-image: url(icon01f.png);}
.notice li:hover .ptinfo h4, .notice li:hover .ptinfo h3 {color:#fff;}
@media (min-width: 992px) {
	.notice li:nth-child(4n+0) {border-right: #dadada solid 0px;}
}
@media (max-width: 1536px) {
	.notice li .ptinfo h3 {font-size:22px;}
	.notice li .ptinfo h3:before {width: 88px;}
}
@media (max-width: 1366px) {
	.notice li .ptinfo h3 {line-height: 150%;}
	.notice li .ptinfo p {font-size: 16px;line-height: 170%;color: #000000;padding-right: 22%;}
}
@media (max-width: 1024px) {
	.notice li .ptinfo {padding: 13% 8% 13% 11%;}
	.notice li .ptinfo p {padding-right: 16%;}
}
@media (max-width: 991px) {
	.notice .col-md-3 {float: left;width: 25%;}
	.notice li .ptinfo h3 {height: 130px;-webkit-line-clamp: 4;}
}
@media (max-width: 880px) {
	.notice .col-md-3 {width: 50%;}
	.notice li {border-bottom: #dadada solid 1px;}
}
@media (max-width: 767px) {
	.notice .col-md-3 {width: 100%;}
	.notice li .ptinfo {padding: 22px;}
	.notice li {border-right: 0px;}
	.notice li .ptinfo h3 {height: auto;-webkit-line-clamp: inherit;}
	.notice li .ptinfo .more {margin-top: 40px;}
}

/*---------------Scientific Progress---------------------*/
.button-container {position: relative;display: block;width: 310px;height: 40px;margin: 0 auto;}
.dot-container {display: block;margin: 0 auto;}
.ky-graphic {position: relative;}
.ky-graphic:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.ky-graphic .boxstyle {overflow: hidden;border-right: #d6d8da solid 1px;}
.ky-graphic .boxstyle .imgbox {display: block;overflow: hidden;height: 307px;}
.ky-graphic .boxstyle .imgbox img {height: 100%;width: 100%;
-webkit-transition: all .5s ease; /* Safari and Chrome */
    -moz-transition: all .5s ease; /* Firefox */
    -ms-transition: all .5s ease; /* IE 9 */
    -o-transition: all .5s ease; /* Opera */
    transition: all .5s ease;
}
.ky-graphic .boxstyle:hover .imgbox img {
-webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
}
.ky-graphic .boxstyle .txtbox {padding: 26px 30px 30px;position: relative;}
.ky-graphic .boxstyle .txtbox:after {
    position: absolute;
    left: 0;
    bottom: -100%;
    content: "";
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    height: 100%;
    width: 100%;
    z-index: 1;
    background: #0064a2;
}
.ky-graphic li:hover .boxstyle .txtbox:after {bottom: 0;}
.ky-graphic li:nth-child(1n+0) .boxstyle .txtbox {background-color: #33b8ca;}
.ky-graphic li:nth-child(2n+0) .boxstyle .txtbox {background-color: #b1c800;}
.ky-graphic li:nth-child(3n+0) .boxstyle .txtbox {background-color: #6dbfa9;}
.ky-graphic li:nth-child(4n+0) .boxstyle .txtbox {background-color: #1f82c0;}
.ky-graphic .boxstyle .txtbox h4 {font-size: 23px;color: #fff;line-height: 1.5;position: relative;margin: 0;height: 99px;z-index: 2;
-webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.ky-graphic .boxstyle .more {display: block;overflow: hidden;margin-top: 80px;position: relative;z-index: 2;padding-bottom: 2px;}
.ky-graphic .boxstyle .more .btn-more {border-color: #fff;color: #fff;padding: 8px 30px;}
.ky-graphic li:hover .boxstyle .more .btn-more {border-color: #3bb4ff;color: #fff;background: #3bb4ff;}

.ky-graphic .slick-list {padding: 0;}
.ky-graphic .slick-slide {margin: 0;}
.ky-graphic .slick-dotted.slick-slider {margin-bottom: 26px;}
/*dots*/
.ky-graphic .slick-dots {position: inherit;bottom: inherit;}
.ky-graphic .slick-dots li button:before {font-family: inherit;content: "";height: 12px;width: 12px;background: #d3d3d3;border-radius: 20px;}
.ky-graphic .slick-dots li.slick-active button:before {font-family: inherit;content: "";background: #ff7800;}
.ky-graphic .slick-dots li {width: auto;margin: 0 5px;}
.ky-graphic .slick-dots li button {width: 12px;height: 12px;padding: 0;}

/*Arrows*/
.ky-graphic .slick-prev,
.ky-graphic .slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
	top:50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: inherit;
    -ms-transform: inherit;
    transform: inherit;
    cursor: pointer;
    color: transparent;
    outline: none;
    z-index: 1;opacity: 1;text-align: center;border:#dae0e9 solid 2px;
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	background: #fff;
	border-radius: 50%;
}
.ky-graphic .slick-prev:hover,
.ky-graphic .slick-prev:focus,
.ky-graphic .slick-next:hover,
.ky-graphic .slick-next:focus
{
    color: transparent;
    outline: none;
	opacity: 1;
    background: #1f82c0;border:#1f82c0 solid 1px;
}

.ky-graphic .slick-prev.slick-disabled:before,
.ky-graphic .slick-next.slick-disabled:before
{
    opacity: 1;color: #fff;
}
.ky-graphic .slick-prev.slick-disabled,
.ky-graphic .slick-next.slick-disabled
{
   background: #1f82c0;border:#1f82c0 solid 1px;
}

.ky-graphic .slick-prev:before,
.ky-graphic .slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 22px;
    line-height: 30px;
    opacity: 1;
    color: #c9d1dd;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ky-graphic .slick-next:before {margin-left: 3px;}
.ky-graphic .slick-prev:hover:before,
.ky-graphic .slick-prev:focus:before,
.ky-graphic .slick-next:hover:before,
.ky-graphic .slick-next:focus:before
{
    opacity: 1;color: #fff;
}
.ky-graphic .slick-prev {float: left;left: -58px;}
.ky-graphic .slick-next {float: right;right: -58px;}

@media (max-width: 1680px) {
	.ky-graphic .boxstyle .imgbox {height: 300px;}
}
@media (max-width: 1536px) {
	.ky-graphic .boxstyle .imgbox {height: 270px;}
}
@media (max-width: 1440px) {
	.ky-graphic .boxstyle .imgbox {height: 252px;}
	.ky-graphic .boxstyle .txtbox h4 {font-size: 22px;}
}
@media (max-width: 1366px) {
	.ky-graphic .boxstyle .imgbox {height: 236px;}
}
@media (max-width: 1280px) {
	.ky-graphic .boxstyle .imgbox {height: 220px;}
}
@media (max-width: 1199px) {
	.ky-graphic .boxstyle .imgbox {height: 292px;}
	.ky-graphic .slick-prev {left: -50px;}
	.ky-graphic .slick-next {right: -50px;}
}
@media (max-width: 1024px) {
	.ky-graphic .boxstyle .imgbox {height: 240px;}
}
@media (max-width: 991px) {
	.ky-graphic .boxstyle .imgbox {height: 236px;}
}
@media (max-width: 800px) {
	.ky-graphic .boxstyle .imgbox {height: 276px;}
}
@media (max-width: 768px) {
	.ky-graphic .boxstyle .imgbox {height: 263px;}
}
@media (max-width: 767px) {
	.ky-graphic .slick-prev, .ky-graphic .slick-next {display: none !important;}
	.ky-graphic .slick-dots { bottom: 0;padding: 10px 2px;}
	.ky-graphic .slick-slide {margin: 0;}
	.ky-graphic .slick-dotted.slick-slider {margin-bottom: 5px;}
	.ky-graphic .slick-dots li {margin: 0 4px;}
	.ky-graphic .boxstyle .imgbox {height: auto;}
	.ky-graphic .boxstyle .txtbox h4 {height: inherit;-webkit-line-clamp: inherit;}
	.ky-graphic .boxstyle .txtbox {padding: 16px 20px 20px;}
	.ky-graphic .boxstyle .more {margin-top: 40px;}
}

/*---------------Journal---------------------*/
.journal-box {position: relative;}
.journal-box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
#marquee {height:305px;overflow:hidden;}
#marquee ul li {float:left; padding:0px 10px;}
#marquee ul li img {display:block; border: #f9e3cf solid 0px; height:305px;}

/*---------------Achievement Transformation---------------------*/
.cgzhbox {position: relative;}
.cgzhbox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.cgzh {overflow: hidden;}
.cgzh .cgzh-l {border-right: #d6d8da solid 1px;float: left;width: 377px;padding: 28px 68px 28px 30px;overflow: hidden;position: relative;height: 284px;}
.cgzh .cgzh-l h2 {font-size: 28px;line-height: 1.6;color: #2482c0;overflow: hidden;margin: 0;}
.cgzh .cgzh-l .more {display: block;overflow: hidden;margin-top: 56px;text-align: right;position: absolute;right: 68px;bottom: 28px;}
.cgzh .cgzh-l .more .btn-more {border-color: #1f82c0;color: #1f82c0;padding: 8px 30px}
.cgzh .cgzh-l .more a:hover .btn-more {border-color: #3bb4ff;color: #fff;background: #3bb4ff;}
.cgzh .cgzh-r {overflow: hidden;}

.cgzh-list {}
.cgzh-list li {border-right: #dadada solid 1px;height: 284px;}
.cgzh-list li:nth-child(6n+0) {border-right:0;}
.cgzh-list .boxpadding {padding: 28px 0 38px;}
.cgzh-list .boxpadding .sysico {width: 92px;height: 92px;text-align: center;margin: 0 auto;border-radius: 50%;background-color: #b5b9bc;background-repeat: no-repeat;background-position: center;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.cgzh-list li:hover .boxpadding .sysico {
-ms-box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.3);
background-color: #008cd6;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-webkit-transition: scaleX(-1);
	-moz-transition: scaleX(-1);
	-ms-transition: scaleX(-1);
	-o-transition: scaleX(-1);
    transform: scaleX(-1);
}
.cgzh-list li:nth-child(1) .boxpadding .sysico {background-image: url(bys-zh01.png);}
.cgzh-list li:nth-child(2) .boxpadding .sysico {background-image: url(bys-zh02.png);}
.cgzh-list li:nth-child(3) .boxpadding .sysico {background-image: url(bys-zh03.png);}
.cgzh-list li:nth-child(4) .boxpadding .sysico {background-image: url(bys-zh04.png);}
.cgzh-list li:nth-child(5) .boxpadding .sysico {background-image: url(bys-zh05.png);}
.cgzh-list li:nth-child(6) .boxpadding .sysico {background-image: url(bys-zh06.png);}
.cgzh-list h4 {color: #2482c0;margin: 72px 0 0;font-size: 15px;line-height: 1.4;height: 63px;overflow: hidden;}
.cgzh-list li:hover h4 {color: #00bcd4;}
.cgzh-list .col-md-2 {width: 16.666666%;float: left;}
@media (max-width: 1280px) {
	.cgzh .cgzh-l {padding: 28px 30px;width: 286px;}
	.cgzh .cgzh-l .more {right: 30px;bottom: 28px;}
}
@media (max-width: 1100px) {
	.cgzh-list li {height: auto;border-bottom: #dadada solid 1px;}
	.cgzh-list .col-md-2 {width: 33.333333%;}
	.cgzh-list h4 {margin: 26px 0 0;}
	.cgzh-list .boxpadding {padding: 28px 0 22px;}
	.cgzh .cgzh-l {height: 463px;}
}
@media (max-width: 991px) {
	.cgzh .cgzh-l {width: 230px;}
}
@media (max-width: 767px) {
	.cgzh .cgzh-l {width: 100%;border-bottom: #dadada solid 1px;height: auto;padding: 22px;}
	.cgzh .cgzh-l .more {position: inherit;right: inherit;bottom: inherit;margin-top: 36px;}
	.cgzh .cgzh-r {float: left;}
    .cgzh-list .col-md-2 {width: 100%;}
	.cgzh-list h4 {height: auto;}
	.cgzh .cgzh-l h2 {font-size: 26px;line-height: 1.3;}
}

/*---------------Contact & Talent Recruitment---------------------*/
.contact {height: 605px;background-repeat: no-repeat;background-position: top center;background-size: cover;position: relative;overflow: hidden;}
.contact .c-box {width: 380px;height: 314px;position: absolute;right: 0;bottom: 0;}
.contact .c-box .c-box-top {height: 14px;background: url(winbg01.png) no-repeat left top;}
.contact .c-box .c-box-txt {padding: 20px 32px;height: 100%;background-color: #64bda4;}
.contact .c-box .c-box-txt h4 {font-size: 19px;line-height: 1.5;margin: 0 0 15px;color: #fff;}
.contact .c-box .c-box-txt h5 {font-size: 14px;line-height: 1.8;margin: 0;color: #fff;}
.recruit {padding: 0 30px;}
.recruit-list {overflow: hidden;}
.recruit-list .row {margin-left: -25px;margin-right: -25px;}
.recruit-list .row > [class^='col'] {padding-left: 25px;padding-right: 25px;}
.recruit-list li {}
.recruit-list li .ptinfo {padding: 30px 0;position: relative;z-index: 2;border-bottom: #dadada solid 1px;}
.recruit-list li:nth-last-child(1) .ptinfo, .recruit-list li:nth-last-child(2) .ptinfo {border-bottom: 0;padding-bottom: 0;}
.recruit-list li .ptinfo h4 {font-size:14px; color:#919191;line-height: 1.1; margin:0 0 10px;}
.recruit-list li .ptinfo h3 {font-size:16px; color:#2482c0;line-height: 1.5; font-weight:500; margin:0; height: 48px;
	-webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.recruit-list li .ptinfo h5 {margin:10px 0 0;font-size: 14px;line-height: 1.7;color: #5A5A5A;height: 70px;
-webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.recruit-list li:hover .ptinfo h3 {color:#00bcd4;}

@media (max-width: 1366px) {
	.recruit-list li .ptinfo p {font-size: 16px;line-height: 170%;color: #000000;padding-right: 22%;}
}
@media (max-width: 1024px) {
	.recruit-list {margin-bottom: 32px;}
}
@media (max-width: 991px) {
	.recruit-list .row {margin-left: -15px;margin-right: -15px;}
	.recruit-list .row > [class^='col'] {padding-left: 15px;padding-right: 15px;}
	.contact {height: 496px;}
}
@media (max-width: 767px) {
	.contact .c-box {width: 100%;height: 218px;}
	.recruit {padding: 0 20px;}
	.recruit-list li .ptinfo {height: auto;}
	.recruit-list li {border-right: #dadada solid 0px;}
	.recruit-list li .ptinfo h3 {height: inherit;-webkit-line-clamp: inherit;}
	.recruit-list li:nth-last-child(2) .ptinfo {padding-bottom: 30px;border-bottom: #dadada solid 1px;}
}

/*-----------------Text List---------------------*/
.list-index { overflow:hidden; display:block;}
.list-index ul li {overflow:hidden;width:100%; text-align:left;margin-bottom: 18px;}
.list-index ul li a { float:left;overflow:hidden;font-size:16px;line-height:1.4; color:#333;padding:0 0 0 16px;position: relative;}
.list-index ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 5px;
    height: 9px;
    background: url(gb2023-icon02.png) no-repeat;
}
.list-index ul li a:hover {color: #1366b1; text-decoration: none;}
.list-index i {float: left;margin: 0 0 0 8px;}
.list-index span {line-height:1.4;color:#919191; font-size: 15px;}
.list-index span.right {float: right;}
@media (max-width: 767px){
.list-index ul li a {max-width: 100%;white-space: normal;height: auto;}
}

.list-r { overflow:hidden; display:block;}
.list-r ul li {overflow:hidden;margin-bottom: 10px;}
.list-r ul li:last-child {margin-bottom: 0px;}
.list-r ul li a { float:left;width:100%;overflow:hidden;font-size:15px;line-height:1.3; color:#fff;padding:0 0 0 24px;display:block; font-weight:500;position: relative;}
.list-r ul li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    width: 12px;
    height: 14px;
    background: url(icon02.png) no-repeat;
}
.list-r ul li a > img { display:inline-block; margin:0 0 0 6px;}
.list-r ul li:hover {opacity: .8;}

/*----------------Secondary page-------------------*/
@-webkit-keyframes bgpulse{from,to{transform:scale3d(1,1,1) rotate(0.1deg);-ms-transform:scale3d(1,1,1) rotate(0.1deg);-moz-transform:scale3d(1,1,1) rotate(0.1deg);-webkit-transform:scale3d(1,1,1) rotate(0.1deg);-0-transform:scale3d(1,1,1) rotate(0.1deg);}50%{transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-ms-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-moz-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-webkit-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-o-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);}}
@keyframes bgpulse{from,to{transform:scale3d(1,1,1) rotate(0.1deg);-ms-transform:scale3d(1,1,1) rotate(0.1deg);-moz-transform:scale3d(1,1,1) rotate(0.1deg);-webkit-transform:scale3d(1,1,1) rotate(0.1deg);-0-transform:scale3d(1,1,1) rotate(0.1deg);}50%{transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-ms-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-moz-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-webkit-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);-o-transform:scale3d(1.11,1.11,1.11) rotate(0.1deg);}}
.bgpulse{-webkit-animation-name:bgpulse;animation-name:bgpulse}

.pgheader { overflow:hidden;position:relative;background-color: #0452a4;background-repeat: no-repeat;background-size: cover;background-position: center;}
.pgheader .bg { background-repeat: no-repeat;background-size: cover;height:100%; width:100%; position:absolute; animation:bgpulse 18s infinite linear; -webkit-animation:bgpulse 18s infinite linear; -moz-animation:bgpulse 18s infinite linear; -o-animation:bgpulse 18s infinite linear; -ms-animation:bgpulse 18s infinite linear;background-position: center;}
.pgheader .columnname { padding:265px 0; overflow:hidden;position: relative;max-width: 100%;}
@media (max-width: 1680px){
    .pgheader .columnname { padding:259px 0;}
}
@media (max-width: 1440px){
    .pgheader .columnname { padding:222px 0;}
}
@media (max-width: 1366px){
    .pgheader .columnname { padding:213px 0;}
}
@media (max-width: 1280px){
    .pgheader .columnname { padding:197px 0;}
}
@media (max-width: 1199px){
    .pgheader .columnname { padding:188px 0;}
}
@media (max-width: 1024px){
    .pgheader .columnname { padding:160px 0;}
}
@media (max-width: 991px){
    .pgheader .columnname { padding:130px 0;}
}
@media (max-width: 767px){
    .pgheader .columnname { padding:94px 0;}
}
@media (max-width: 600px){
    .pgheader .columnname { padding:79px 0;}
}
@media (max-width: 320px){
    .pgheader .columnname { padding:69px 0;}
}

.pg-l-box {}
.pg-l-box h3 {font-size: 29px;color: #fff;margin: 0 0 25px;line-height: 1.1;}
.pg-l-box .imgbox {position: relative;}
.pg-l-kyjz {background: #33b8ca;}
.pg-l-kyjz .imgbox .st {height: 14px;background: url(winbg02.png) no-repeat left;position: absolute;bottom: 0;left: 0;right: 0;}
.pg-l-kyjz .list-box {background: #33b8ca;padding: 20px 26px 26px;}
.pg-l-kyjz .more {
    display: block;
    overflow: hidden;
    margin-top: 30px;
    text-align: right;
}
.pg-l-kyjz .more .btn-more1 {color: #fff;border-color: #fff;background: transparent;}
.pg-l-kyjz .more a:hover .btn-more1 {border-color: #25dff8;color: #fff;background: #25dff8;}
.pg-l-lx {background: #64bda4;}
.pg-l-lx .imgbox .st {height: 14px;background: url(winbg01.png) no-repeat left;position: absolute;bottom: 0;left: 0;right: 0;}
.pg-l-lx .list-box {background: #64bda4;padding: 20px 26px 98px;}
.pg-l-lx .list-box h4 {font-size: 19px;line-height: 1.5;margin: 0 0 15px;color: #fff;}
.pg-l-lx .list-box h5 {font-size: 14px;line-height: 1.8;margin: 0;color: #fff;}
.pg-l-zp {background: #1f82c0;}
.pg-l-zp .imgbox .st {height: 14px;background: url(winbg03.png) no-repeat left;position: absolute;bottom: 0;left: 0;right: 0;}
.pg-l-zp .list-box {background: #1f82c0;padding: 20px 26px 36px;}
.pg-l-zp .list-box .zpinfo {}
.pg-l-zp .list-box .zpinfo h4 {font-size: 16px;line-height: 1.4;margin: 20px 0 0;color: #fff;}
.pg-l-zp .list-box .zpinfo h4 a {color: #fff;}
.pg-l-zp .list-box .zpinfo h4 a:hover {opacity: .8;}
.pg-l-zp .list-box .zpinfo h4 span {display: block;}

.pg-menubox {position: relative;padding: 0 26px;}
.pg-menubox:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.pg-menubox:before {
    content: "";
    position: absolute;
    top: 0;
    left: -95px;
    right: -95px;
    height: 1px;
    background: #d6d8da;
}
.pg-menubox .pg-menu-part {padding: 25px 0;overflow: hidden;}
.pg-menubox .pg-menu-part .pg-menu-l {width: 37%;float: left;line-height: 48px;font-size: 26px;color: #2482c0;}
.pg-menubox .pg-menu-part .pg-menu-r {overflow: hidden;}
.pg-menu {}
.pg-menu[data-v-many] li {float: left;width: 50%;}
.pg-menu li a {background: url(icon03.png) no-repeat 0 2px;padding-left: 26px;color: #2482c0;line-height: 35px;font-size: 16px;
-moz-transition: all .4s ease; /* Firefox */
    -ms-transition: all .4s ease; /* IE 9 */
    -o-transition: all .4s ease; /* Opera */
    transition: all .4s ease;
}
.pg-menu li a:hover {background-position: 8px 2px;}
@media (max-width: 767px){
	.pg-menu[data-v-many] li {width: 100%;}
	.pg-menubox .pg-menu-part .pg-menu-l {width: 58%;}
}
@media (max-width: 320px){
	.pg-menubox .pg-menu-part .pg-menu-l {width: 100%;}
	.pg-menubox .pg-menu-part .pg-menu-r {float: left;}
}

.lr-list {margin-top: 50px;}
.lr-list .lr-box {background: #1f82c0;}
.lr-list li:nth-child(2n+0) .lr-box {background: #64bda4;}
.lr-list .lr-box .imgbox {position: relative;overflow: hidden;}
.lr-list .lr-box .imgbox img {
-moz-transition: all .4s ease; /* Firefox */
    -ms-transition: all .4s ease; /* IE 9 */
    -o-transition: all .4s ease; /* Opera */
    transition: all .4s ease;
}
.lr-list li:hover .lr-box .imgbox img {transform: scale(1.1);}
.lr-list .lr-box .imgbox .st {height: 14px;background: url(winbg03.png) no-repeat left;position: absolute;bottom: 0;left: 0;right: 0;}
.lr-list li:nth-child(2n+0) .lr-box .imgbox .st {background-image: url(winbg01.png);}
.lr-list .lr-info {padding: 20px 26px 30px;}
.lr-list .lr-info h3 {font-size: 29px;line-height: 1.1;color: #fff;margin: 0 0 15px;letter-spacing: 6px;font-weight: 500;}
.lr-list .lr-info h4 {font-size: 17px;line-height: 1.9;color: #fff;margin: 0;font-weight: 500;}
.lr-list .lr-info h4:last-child {height: 96px;overflow: hidden;}
.lr-list li:hover .lr-info h4:last-child {opacity: .8;}
.lr-list[data-v-xl] {margin-top: 0;}
.lr-list[data-v-xl] .lr-box {background: #33b8ca;}
.lr-list[data-v-xl] .lr-box .imgbox .st {background-image: url(winbg02.png);}
.lr-list[data-v-xl] .lr-info h4:last-child {height: auto;}
@media (max-width: 1536px){
	.lr-list .lr-info h4:last-child {height: 122px;}
}
@media (max-width: 1366px){
	.lr-list .lr-info h4:last-child {height: 156px;}
}
@media (max-width: 1280px){
	.lr-list .lr-info h4:last-child {height: 156px;}
}
@media (max-width: 1024px){
	.lr-list .lr-info h4:last-child {height: 221px;}
}
@media (max-width: 991px){
	.lr-list .lr-info h4:last-child {height: 158px;}
}
@media (max-width: 800px){
	.lr-list .lr-info h4:last-child {height: 189px;}
}
@media (max-width: 767px){
	.lr-list .lr-info h4:last-child {height: auto;}
}

.xr-list {}
.xr-list li {margin-bottom: 42px;overflow: hidden;}
.xr-list li:last-child {margin-bottom: 0;}
.xr-list .xr-img {float: left;margin-right: 30px;width: 196px;}
.xr-list .xr-info {border-bottom: #d6d8da solid 1px;padding-bottom: 30px;}
.xr-list li:last-child .xr-info {border-bottom: 0;padding-bottom: 0;}
.xr-list .xr-info h3 {font-size: 25px;line-height: 1.6;color: #333;margin: 0 0 22px;}
.xr-list .xr-info h4 {font-size: 20px;line-height: 1.8;color: #666;margin: 0;}
@media (min-width: 801px){
	.xr-list .xr-info {overflow: hidden;}
}
@media (max-width: 800px){
	.xr-list .xr-img {width: 180px;}
}
@media (max-width: 767px){
	.xr-list li {margin-bottom: 26px;}
	.xr-list .xr-img {width: 80%;margin: 18px auto 30px;display: block;float: none;}
	.xr-list .xr-info {float: left;}
}

.xswyh {overflow: hidden;margin-bottom: 40px;}
.xswyh:last-child {margin-bottom: 0;}
.xswyh h3 {font-size: 26px;color: #333;line-height: 1.4;margin: 0 0 30px;}
.xswyh:nth-child(2) .staff {padding: 0 29%;}
.staff {}
.staff li {margin-bottom: 20px;
transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.staff li:hover {
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
}
.staff li .boxstyle {width: 100%;margin: 0 auto;}
.staff li .boxstyle img {width: 146px; height: 188px;}
.staff li .boxstyle .txtinfo {margin: 15px 2px 0;}
.staff li .boxstyle .txtinfo h4 { margin: 0 0 8px 0;text-align: center;font-size: 22px;}
.staff li .boxstyle .txtinfo h4 a { font-size: 17px;color: #222;line-height: 1.4;border: 0;font-weight: 700;width: 100%;border: #fff solid 1px;padding: 5px;}
.staff li .boxstyle:hover .txtinfo h4, .staff li .boxstyle .txtinfo h4 a:hover { color: #2482c0;}
.staff li .boxstyle .txtinfo p {font-size: 12px;color: #808080;line-height: 18px;margin: 0 0 8px 0;word-break: break-all;}
.staff li .boxstyle .txtinfo span {font-size: 13px;color: #808080;line-height: 22px;}
.staff .col-md-4 {float: left;width: 20%;}
@media (max-width: 1440px) {
	.xswyh:nth-child(2) .staff {padding: 0 25%;}
}
@media (max-width: 1366px) {
	.staff li .boxstyle img {width: 135px; height: 174px;}
}
@media (max-width: 1280px) {
	.staff li .boxstyle img {width: 116px; height: 149px;}
}
@media (max-width: 1024px) {
	.xswyh:nth-child(2) .staff {padding: 0 20%;}
	.staff .col-md-4 {width: 25%;}
	.staff li .boxstyle img {width: 118px; height: 152px;}
}
@media (max-width: 991px) {
	
}
@media (max-width: 767px) {
	.xswyh:nth-child(2) .staff {padding: 0;}
	.staff .col-md-4 {width: 50%;}
	.staff .row {margin-left: -10px;margin-right: -10px;}
	.staff .row > [class^='col'] {padding-left: 10px;padding-right: 10px;}
}

.team {}
.team .row {margin-left: -25px;margin-right: -25px;}
.team .row > [class^='col'] {padding-left: 25px;padding-right: 25px;}
.team li {margin-top: 30px;overflow: hidden;}
.team li:nth-child(2n+1) {clear: left;}
.team li:nth-child(1), .team li:nth-child(2) {margin-top: 0px;}
.team .xr-img {float: left;margin-right: 20px;width: 100px;height: 129px;overflow: hidden;}
.team .xr-img img {width: 100%;height: 100%;
-moz-transition: all .4s ease; /* Firefox */
    -ms-transition: all .4s ease; /* IE 9 */
    -o-transition: all .4s ease; /* Opera */
    transition: all .4s ease;
}
.team .xr-info {overflow: hidden;}
.team .xr-info h3 {font-size: 18px;line-height: 1.1;color: #333;margin: 0;font-weight: 700;}
.team .xr-info h3 span {margin-left: 15px;}
.team .xr-info h4 {font-size: 18px;line-height: 1.8;color: #444;margin: 0;font-weight: 700;}
.team .xr-info tr {margin: 3px 0;overflow: hidden;display: block;}
.team .xr-info td {font-size: 15px;line-height: 1.5;color: #444;}
.team .xr-info td.field {width: 92px;vertical-align: top;text-align: right;}
.team .xr-info tr:last-child td.field {letter-spacing: 0.3px;}
.team li:hover .xr-img img {transform: scale(1.1);}
.team li:hover .xr-info h3 {color: #2482c0;}
@media (max-width: 1280px){
	.team .row {margin-left: -20px;margin-right: -20px;}
	.team .row > [class^='col'] {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 1100px){
	.team .col-md-6 {float: left;width: 100%;}
	.team li:nth-child(2) {margin-top: 30px;}
}
@media (max-width: 767px){
	.team .xr-img {width: 80%;margin: 10px auto 30px;display: block;float: none;height: auto;}
	.team .xr-info {float: left;}
}

.mod-table {margin-top: 38px;}
.mod-table:first-child {margin-top: 0;}
.mod-table h3 {font-size: 33px;color: #333;line-height: 1.4;margin: 0 0 18px;letter-spacing: 8px;}
.mod-table .box-table {
  overflow: hidden;border-radius: 2px;
}
.mod-table .box-table .t-title {
  display: block;
  text-align: left;
  color: #333333;
}
.mod-table .box-table .t-title:hover {
  color: #1958af;
}
.mod-table .box-table table {
  width: 100%;
  margin-bottom: 0;
  border-bottom: 0;
}
.mod-table .box-table table tr td {
  border: solid 1px #e2ebf0;
  padding: 18px 14px;
  color: #333333;vertical-align: middle;
}
.mod-table .box-table table thead tr th {
  background-color: #1389d3;
  line-height: 1.4;
  color: #fff;
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  padding: 15px 10px;
  border: solid 1px #56abde;
}
.mod-table .box-table table tbody tr td {
  line-height: 1.4;
}
.mod-table .box-table table tbody tr:nth-child(even) {background-color: #f3f8fb;}
.mod-table .table-hover > tbody > tr:hover {background-color: #e7eff4;}
.mod-table .box-table .title-s {
  display: block;
  color: #333;
}
@media (max-width: 767px) {
	.mod-table .box-table.bys tr td {text-align: left;border: 0;padding: 0;font-size: 15px;}
	.mod-table .box-table {border: #d2e3ed solid 1px;}
}

.textlist {overflow: hidden;}
.textlist .row {margin-left: -25px;margin-right: -25px;}
.textlist .row > [class^='col'] {padding-left: 25px;padding-right: 25px;}
.textlist .box-s {
  padding: 18px 160px 18px 42px;
  position: relative;
  line-height: 30px;
  transition: background 0.3s;
}
.textlist .box-s:before {
  content: "";
  left: 20px;
  top: 26px;
  position: absolute;
  width: 7px;
  height: 7px;
  background: #2482c0;
  border-radius: 50%;
}
.textlist li:nth-child(odd) .box-s {background: #f3f8fb;}
.textlist .box-s .box-title {
  color: #333333;
  display: block;
  overflow: hidden;
  line-height: 1.5;
  font-size: 17px;
}
.textlist .box-s .box-date {
  position: absolute;
  right: 20px;
  top: 17px;
  color: #8E8E8E;
  font-size: 17px;
}
.textlist .box-s:hover .box-title{color: #0074bc;}
.textlist[data-v-no] .box-s {padding: 15px 15px 15px 38px;}
@media (max-width: 1263px) {
	.textlist .row {margin-left: -20px;margin-right: -20px;}
	.textlist .row > [class^='col'] {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 1199px) {
	.textlist .row {margin-left: -15px;margin-right: -15px;}
	.textlist .row > [class^='col'] {padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 767px) {
	.textlist .box-s {padding: 15px 15px 15px 38px;}
	.textlist .box-s .box-title {white-space: normal;height: auto;line-height: 1.5;}
	.textlist .box-s .box-date {position: static;}
	.textlist .box-s:before {top: 23px;}
}

.graphiclist {}
.graphiclist li {display: block; margin-bottom: 40px;border-bottom: #d6d8da solid 1px;padding-bottom: 40px;position: relative;
transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.graphiclist li:last-child {margin-bottom: 0px;}
.graphiclist li::before {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #52c3f1;
    transition: transform 250ms ease-in;
    transform: scaleX(0);
    transform-origin: right center
}
.graphiclist li:hover::before {
    transform: scaleX(1);
    transform-origin: left center
}
.graphiclist li h4 { margin:0 0 4px;font-size:14px;line-height:1.5; color:#666;overflow: hidden;display: block;}
.graphiclist li h2 { margin:0 0 20px;font-size:28px;line-height:1.4; color:#0074bc;overflow: hidden;display: block;}
.graphiclist li:hover h2 { color:#333; text-decoration:none;}
.graphiclist .news-img { margin-right: 56px;}
.graphiclist .news-img img { width: 326px; height: 217px;}
.graphiclist .news-txt p { line-height: 1.8; font-size: 17px; margin: 0px; color:#6b6d6b;overflow:hidden;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 88px;
}
.graphiclist .news-txt .more {display: block;overflow: hidden;margin-top: 45px;}
.graphiclist .news-txt .more .btn-more1 {padding: 12px 50px;}
.graphiclist .news-txt .more .btn-more1:hover:before {width: 45px;left: 170px;}

.graphiclist[data-v-dq] li::before {background-color: #db2200;}
.graphiclist[data-v-dq] li:hover h2 { color:#db2200;}
.graphiclist[data-v-dq] .news-txt .more .btn-more1:hover {background: #ff7a00;border: #ff7a00 solid 1px;}
@media (min-width: 767px) {
	.graphiclist .news-txt {overflow: hidden;}
}
@media (max-width: 1280px) {
	.graphiclist .news-img { margin-right: 36px;}
	.graphiclist .news-img img { width: 296px; height: 197px;}
	.graphiclist li h2 {font-size: 26px;}
}
@media (max-width: 1024px) {
	.graphiclist .news-img { margin-right: 36px;}
	.graphiclist .news-img img { width: 236px; height: 157px;}
	.graphiclist li h2 {font-size: 22px;}
	.graphiclist .news-txt .more {margin-top: 25px;}
}
@media (max-width: 991px) {
	.graphiclist li h2 {white-space:normal;overflow: inherit;}
}
@media (max-width: 767px) {
	.graphiclist li {margin-bottom: 28px;padding-bottom: 34px;}
	.graphiclist .news-img {width: 100%;margin-right: 0;margin-bottom: 16px;}
	.graphiclist .news-img img{ width: 100%; height:auto;max-height: 216px;}
	.graphiclist .news-txt {float: left;}
}

.awards {}
.awards h3 {font-size: 31px;line-height: 1.1;margin: 36px 0 18px;}
.awards .textlist:first-child h3 {margin-top: 0;}
.summary {border-bottom: #d6d8da solid 1px;padding-bottom: 45px;margin-bottom: 50px;}
@media (max-width: 767px) {
	.summary {padding-bottom: 34px;margin-bottom: 40px;}
}

.view-list {}
.view-list li:nth-child(4n+1) {clear: left;}
.view-list li {margin-top: 30px;}
.view-list .box-s .box-img {
  height: 183px;
  margin-bottom: 13px;
  overflow: hidden;
}
.view-list .box-s .box-title {
  display: block;
  font-size: 15px;
  line-height: 1.4;
  color: #333;
  text-align: center;
  margin: 0;
}
.view-list .box-s:hover .box-title {color: #2482c0;}
.view-list .box-s .box-mc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.img-cont {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.img-cont .img-bg {
  min-width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  filter: blur(10px);
  margin-top: 0;
  top: 0;
  transform: none;
  max-width: 200%;
}
.img-cont .img-box {
  width: 100%;
  height: 100%;
  display: block;
  background: #dce7ff;
}
.img-cont .img-box img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: 100%;height: 100%;
  display: block;
  transition: all 0.5s;
}
.box-s-w:hover .img-cont .img-box img {
  transform: scale(1.1);
}
@media (max-width: 1440px) {
.view-list .box-s .box-img {height: 144px;}
}
@media (max-width: 1366px) {
.view-list .box-s .box-img {height: 133px;}
}
@media (max-width: 1280px) {
	.view-list .col-md-3 {float: left;width: 33.333333%;}
	.view-list li:nth-child(4n+1) {clear: inherit;}
	.view-list li:nth-child(3n+1) {clear: left;}
	.view-list .box-s .box-img {height: 161px;}
}
@media (max-width: 1199px) {
	.view-list .box-s .box-img {height: 162px;}
}
@media (max-width: 1024px) {
	.view-list .box-s .box-img {height: 126px;}
}
@media (max-width: 991px) {
.view-list .box-s .box-img {height: 189px;}
}
@media (max-width: 800px) {
.view-list .box-s .box-img {height: 141px;}
}
@media (max-width: 767px) {
	.view-list .col-md-3 {width: 100%;}
	.view-list .box-s .box-img {height: auto;}
}

.fjlist {overflow: hidden;margin-top: 35px;border-top: #dddddd solid 1px;}
.fjlist .row {margin-left: -25px;margin-right: -25px;}
.fjlist .row > [class^='col'] {padding-left: 25px;padding-right: 25px;}
.fjlist .box-s {
  padding: 18px;
  position: relative;
  line-height: 30px;
  transition: background 0.3s;
  border-bottom: #dddddd solid 1px;	
}
.fjlist li:nth-child(even) .box-s {background: #f9f9f9;}
.fjlist .box-s .box-title {
  color: #333333;
  display: block;
  overflow: hidden;
  line-height: 1.5;
  font-size: 17px;
}
.fjlist .box-s .box-date {
  position: absolute;
  right: 20px;
  top: 17px;
  color: #8E8E8E;
  font-size: 17px;
}
.fjlist .box-s:hover .box-title{color: #0074bc;}
@media (max-width: 1263px) {
	.fjlist .row {margin-left: -20px;margin-right: -20px;}
	.fjlist .row > [class^='col'] {padding-left: 20px;padding-right: 20px;}
}
@media (max-width: 1199px) {
	.fjlist .row {margin-left: -15px;margin-right: -15px;}
	.fjlist .row > [class^='col'] {padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 767px) {
	.fjlist .box-s {padding: 15px;}
	.fjlist .box-s .box-title {white-space: normal;height: auto;line-height: 1.5;}
	.fjlist .box-s .box-date {position: static;}
	.fjlist .box-s:before {top: 23px;}
}

.bookslist {}
.bookslist li {display: block; overflow: hidden;margin-bottom: 40px;border-bottom: #d6d8da solid 1px;padding-bottom: 40px;
transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.bookslist li:last-child {margin-bottom: 0px;}
.bookslist li h4 { margin:0 0 4px;font-size:14px;line-height:1.5; color:#666;overflow: hidden;display: block;}
.bookslist li h2 { margin:0 0 20px;font-size:28px;line-height:1.4; color:#0074bc;overflow: hidden;display: block;}
.bookslist li:hover h2 { color:#333; text-decoration:none;}
.bookslist .news-img { width: 326px;}
.bookslist .news-img img {  height: 217px;width: auto;}
.bookslist .news-txt {padding-top: 15px;}
.bookslist .news-txt p { line-height: 1.8; font-size: 17px; margin: 0px; color:#6b6d6b;}
.bookslist .news-txt .more {display: block;overflow: hidden;margin-top: 45px;}
.bookslist .news-txt .more .btn-more1 {padding: 12px 50px;}
.bookslist .news-txt .more .btn-more1:hover:before {width: 45px;left: 170px;}
@media (min-width: 1025px) {
	.bookslist .news-txt {overflow: hidden;}
}
@media (max-width: 1366px) {
	.bookslist .news-img { width: 256px;}
}
@media (max-width: 1280px) {
	.bookslist li h2 {font-size: 26px;}
}
@media (max-width: 1024px) {
	.bookslist li h2 {font-size: 22px;}
	.bookslist .news-txt .more {margin-top: 25px;}
}
@media (max-width: 991px) {
	.bookslist li h2 {white-space:normal;overflow: inherit;}
	.bookslist .news-txt p {overflow: hidden;}
}
@media (max-width: 767px) {
	.bookslist li {margin-bottom: 28px;padding-bottom: 34px;}
	.bookslist .news-img {width: 100%;margin-right: 0;margin-bottom: 16px;}
	.bookslist .news-txt {float: left;}
}
.sys-pd-box {margin-top: 20px;}
.sys-pd-box .row {margin-left: -20px;margin-right: -20px;}
.sys-pd-box .row > [class^='col'] {padding-left: 20px;padding-right: 20px;}
.sys-pd-box .sys-news-link {
  display: block;
  margin-bottom: 50px;
  height: 300px;
  border-radius: 0px 60px 0px 60px;
  overflow: hidden;
  position: relative;
}
.sys-pd-box .sys-news-link img {
  width: 100%;
  height: 100%;
}
.sys-pd-box .sys-news-link .info {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  padding: 84px 15px;
  transition: all 0.5s;
}
.sys-pd-box .sys-news-link .title {
  font-size: 40px;
  font-weight: bold;
  color: #FFFFFF;
  line-height: 1;
  margin-bottom: 40px;
  text-align: center;
  text-shadow: 1px 2px 1px #31424c;
}
.sys-pd-box .sys-news-link .more {
  width: 170px;
  height: 50px;
  border: 1px solid #F7FCFD;
  border-radius: 4px;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 48px;
  text-align: center;
  margin: 0 auto;
  transition: all 0.5s;
}
.sys-pd-box .sys-news-link:hover .info {
  background: rgba(26, 112, 166, 0.85);
  transition: all 0.5s;
}
.sys-pd-box .sys-news-link:hover .more {
  background: #FFFFFF;
  color: #0474be;
  transition: all 0.5s;
}
@media (max-width: 1280px) {
	.sys-pd-box {margin-top: 10px;margin-bottom: 20px;}
	.sys-pd-box .col-md-6 {float: left;width: 100%;}
	.sys-pd-box .col-md-6:last-child .sys-news-link {margin-bottom: 0;}
}
@media (max-width: 767px) {
	.sys-pd-box .sys-news-link {height: 206px;margin-bottom: 30px;}
	.sys-pd-box .sys-news-link .title {margin-bottom: 28px;}
	.sys-pd-box .sys-news-link .info {padding: 40px 15px;}
	.sys-pd-box {margin-bottom: 0;}
}

.list-article { overflow:hidden; display:block;}
.list-article li {overflow:hidden;margin-bottom: 30px;padding-bottom: 30px;border-bottom: #ccc dashed 1px; }
.list-article li:last-child {margin-bottom: 0;}
.list-article li a{ float:left;overflow:hidden;font-size:18px;line-height:1.5; color:#333;position: relative;background-image: url(icon04.png);background-repeat: no-repeat;background-position: left 4px;padding-left: 26px; }
.list-article li a:hover {color: #0074bc;}
@media (max-width: 991px) {
	.list-article li {margin-bottom: 24px;padding-bottom: 24px; }
}
@media (max-width: 767px) {
	.list-article li {margin-bottom: 20px;padding-bottom: 20px; }
}

.list-cg { overflow:hidden; display:block;}
.list-cg li {overflow:hidden;margin-bottom: 20px;padding-bottom: 20px;border-bottom: #ccc dashed 1px;font-size:18px;line-height:1.6; color:#555;padding-left: 44px;position: relative; }
.list-cg li:last-child {margin-bottom: 0;}
.list-cg li span {position: absolute;top:0;left: 0;display: block;width: 44px;text-align: center;}
.list-cg li a { float:left;overflow:hidden;font-size:18px;line-height:1.6; color:#555;position: relative; }
.list-cg li a:hover {color: #0074bc;}
.list-cg li p {margin: 0;}