@charset "utf-8";
/* css document */


*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

body{ font-family: opensans-regular, arial ;}

.r-row{ padding: 0 20px; max-width: 1520px; overflow: hidden; margin: 0 auto;}

.r-header{border-bottom: solid 1px #028bd0; position: fixed; width: 100%; z-index: 11;}	
.r-header .r-row{ display: flex; align-items: center; margin: 0 auto;}
.r-header.fixed{overflow: hidden; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,.1); transition: all .5s ease;}

.r-header .d-logo{float: left; width: 50%;}
.r-header .d-logo .con{ padding: 12px 0; overflow: hidden;}
.r-header .d-logo .con .logoimg{ float: left; height: 87px; padding-right: 30px; border-right: 1px solid #fff;}
.r-header .d-logo .con .logoimg img{ width:90px;}
.r-header .d-logo .con .logotxt{ float: left;}
.r-header .d-logo .con .logotxt p{  padding-left: 30px; font-size: 26px; font-weight: bold; color: #fff; margin: 4px 0;}
.r-header .d-nav{float: left; width: 35%;}
.r-header .d-lang{float: left; width: 15%;}

.r-header.fixed .d-logo .con .logoimg{ border-color: #028bd0;}
.r-header.fixed .d-logo .con .logotxt p{ color: #028bd0;}

/* header:nav */

@media only screen and (max-width:1440px) and (min-width:1200px) {
	.nav .slidbox {padding:0 1% !important;}
}



@media only screen and (max-width:1024px) and (min-width:769px) {}

.c_portalresnav_main-01001 .p_matteicon .iconfont:before {content:'\e602';}	
.nav .p_matteicon .iconfont:before {content:'\e602';}
.nav >div {animation-fill-mode:both;}

@media only screen and (min-width:1190px) {
	.nav .tnavbox {width:100%;height:auto;overflow:visible;background:none;}
	.nav .navbtn {display:none;}
	.nav .navslibtn {display:none;}
	.nav .iconjt {display:none;}
	.nav .tnav {width:100%;height:110px;max-width:1200px;margin:0 auto;overflow:hidden;}
	.nav .navul {width:100%;display:flex;font-size:0;}
	.nav .navli {padding:0px;display:inline-block;font-size:16px;}
	.nav .navli:hover .tnavh:before {width:100%;opacity:1;}
	.nav .tnavh {position:relative;}
	.nav .tnavh::before {content:'';position:absolute;top:0;left:50%;transform:translatex(-50%);display:block;width:0;height:110px;background-color:#cc0001;opacity:0;transition:all .5s ease;}
	.nav .navname {position:relative;display:block;font-size:16px;line-height:110px;color:#fff;transition:all .5s ease;width:104px;text-align:center;}
	.nav .fixed .navname {color:#333;}
	.nav .navname::after {content:attr(data-title);position:absolute;top:0;left:0;transform:translatey(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;}
	.nav .navli:hover .navname {transform:translatey(-100%);}
	.nav .slidbox {position:fixed;left:0;right:0;width:100%;min-width:1024px;  height:0;overflow:hidden;display:flex;justify-content:flex-start;align-items:center;
	flex-wrap:nowrap;z-index:110;margin:0 auto;padding:0 8%;transition:all .5s ease;opacity:0;box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.nav .slidbox .r-row{ max-width: 1520px; }
	
	.nav .navli:hover .slidbox {height:260px;opacity:1;background-color:rgba(250,250,250,.9);}
	.nav .leftbox {position:relative;margin-right:2%;padding-right:2%;width:28%;height:auto;margin:60px 0;overflow:hidden;border-right:1px solid #eaeaea;}
	.nav .navsbox {position:relative;width:70%;height:auto;overflow:hidden;font-size:0;margin:60px 0;white-space:nowrap; text-align: center;}
	.nav .onename {font-size:2.25rem;padding-bottom:15px;color:#000;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	.nav .tnavsummry {line-height:24px;width:100%;height:96px;overflow:hidden;color:#666666;font-size:1rem;max-width:420px;}
	.nav .tnavmore {display:block;position:relative;height:auto;padding-top:25px;border-top:1px dashed #cccccc;margin-top:20px;cursor:pointer;}
	.nav .txt {color:#000;transition:all .5s ease;}
	.nav .leanmore {margin-left:2rem;transition:all .5s ease; color: #555;}
	.nav .tnavmore:hover .txt {color:#e4332d;margin-left:10px;}
	.nav .tnavmore:hover .leanmore {color:#e4332d;}
	.nav .navsli {display:inline-block;width:calc(100% / 7);height:100%;overflow:hidden;padding-left:2%;}
	.nav .navsimg {position:relative;width:100%;height:160px;overflow:hidden;}
	.nav .navimg {position:absolute;left:50%;transform:translatex(-50%) scale(1);width:100%;height:100%;transition:all .5s ease;}
	.nav .navslink {position:relative;display:block;width:100%;height:70px;line-height:40px;font-size:15px;color:#666;text-align:center;font-weight:normal;overflow:hidden;transition:all 0.3s;padding:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .5s ease;}
	.nav .navslink::after {content:'';position:absolute;bottom:0;left:50%;transform:translatex(-50%);width:0;height:3px;opacity:0;background-color:#e4332d;transition:all .5s ease;}
	.nav .navsli:hover .navimg {transform:translatex(-50%) scale(1.1);}
	.nav .navsli:hover .navslink {color:#e4332d;}
	.nav .navsli:hover .navslink::after {width:100%;opacity:1;}
}

@media only screen and (max-width:1190px) {
	.nav .leftbox {display:none;}
	.nav .navsimg {display:none;}	
	.nav .tnavbox {position:relative;overflow:hidden;height:70px;background:none;}
	.nav .navbtn {position:absolute;top:10px;right:1rem;width:45px;height:45px;line-height:70px;background:#005093;padding:10px;}
	.nav .navline {display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden;}
	.nav .navbtnimg {display:block;width:90%;height:70%;}
	.nav .tnav {position:fixed;top:95px;left:0;right:0;height:0;overflow:hidden;z-index:999;background:#005093;transition:all .5s ease;}
	.nav .tnavheight {height:auto;}
	.nav .slidbox {display:none;}
	.nav .navul {background:rgba(0,80,147,0.8);overflow:hidden;}
	.nav .navli {border-bottom:1px solid #1262a5;position:relative;}
	.nav .tnavh {position:relative;height:40px;line-height:40px;padding:0 2%;font-size:1rem;transition:all .5s ease;}
	.nav .tnavhbac {background-color:#e4332d;}
	.nav .navname {display:block;width:100%;height:100%;color:#fff;}
	.nav .iconjt {position:absolute;top:0;right:2%;display:flex;width:40px;height:40px;justify-content:center;align-items:center;color:#fff;font-size:0.875rem;transition:all .5s ease;}
	.nav .iconjtrotate {transform:rotate(-180deg);}
	.nav .navslibtn {height:40px;width:100%;text-align:center;}
	.nav .hs {height:100%;}
	.nav .navsbox {padding-bottom:30px;}
	.nav .navsli {padding-left:3%;font-size:0.875rem;height:38px;line-height:38px;}
	.nav .navslink {display:block;width:100%;height:100%;color:#fff;}
	
}

.nav {width:100%;}	
	
	
/* header:lang */
.head_lan {
	width:140px;
	position:relative;
	margin-left:auto;
	margin-right:0px;
	background:none;
	border:1px solid #fff;
	padding:0px 10px;
	transition:all .5s ease;
}
.head_lan.fixed {
	background:#002f63;
	border:none;
}
.lan_con {
	width:auto;
	display:flex;
	justify-content:center;
	align-items:center;
}
.lan_con:hover {
	cursor:pointer;
}
.head_lan .lan_tit {
	width:100%;
	line-height:36px;
	display:flex;
	background:url(/uploads/image/srddimg/lang.gif)no-repeat left center;
	align-items:center;
	background-size:30px 30px;
}
.head_lan .lan_tit span {
	display:inline-block;
	font-size:14px;
	margin-left:15px;
	margin-right: 5px;
	color:#fff;
}
.head_lan .lan_tit .iconfont.map {
	width:auto;
	margin-right:5px;
	text-align:center;
	display:inline-block;
}

.head_lan .lan_tit .iconfont.fa{ color: #fff; font-size: 14px;}

.head_lan .lan_tit .iconfont.jt {
	width:auto;
	margin-left:5px;
	text-align:center;
	transform:scale(0.7);
	display:inline-block;
}
.head_lan .lan_tit .iconfont.map:before {
	content:'\e69a';
	color:#fff0;
	background:url(/uploads/image/srddimg/lang.gif)!important;
	font-size:16px;
	text-align:center;
}
.head_lan .lan_tit .iconfont.jt:before {
	content:'\e69a';
	color:#fff;
	font-size:12px;
	text-align:center;
}
.head_lan .lan_list {
	display:flex;
	width:120px;
	background:#fff;
	padding:3px 0px 3px 0px;
	position:fixed;
	z-index:99;
	top:74px;
	font-size:13px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.1);
	opacity:0;
	visibility:hidden;
	transform:translate(0,20px);
	transition:all .3s ease;
	flex-direction:column;
}
.head_lan .lan_list.cur {
	opacity:1;
	transform:translate(0,0px);
	visibility:visible;
}
.head_lan .lan_list span {
	position:relative;
	line-height:1px;
	display:inline-block;
	height:1px;
	width:100%;
}
.head_lan .lan_list .iconfont.fa {
	content:'\e6c8';
	color:#fff;
	position:absolute;
	font-size:24px;
	width:100%;
	top:-5px;
	text-align:center;
}
.head_lan .lan_list a {
	color:#666;
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	transition:all .3s ease;
}
.head_lan .lan_list a:hover {
	color:#d50a1d;
}


@media only screen and (min-width:1200px) {
    .r-header .r-row{max-width: 1520px; min-width: 1200px; margin: 0 auto;}
}


@media only screen and (max-width:1000px) {
	.r-header .d-logo{ width:70%;}
	.r-header .d-nav{ width:15%;}
}

@media only screen and (max-width:974px) {
	
	.d-lang{ display: none;}
	
.r-header .d-logo{ width:80%;}
.r-header .d-logo .con .logoimg{ height: 50px; padding-right: 18px;}
.r-header .d-logo .con .logoimg img{ width:50px;}
.r-header .d-logo .con .logotxt p{margin: 4px 0; padding-left: 18px; font-size: 14px;}
	.r-header .d-nav{ width:20%;}
	.nav .tnav{ top: 75px;}

	
}

.navli:nth-of-type(2) .leftbox{ width:38% !important;}
.navli:nth-of-type(2) .leftbox .tnavsummry{max-width: 570px !important;}
.navli:nth-of-type(2) .navsbox{ width:60% !important;}
.navli:nth-of-type(2) .navsli {
	width:calc(100% / 4) !important;
}
.navli:nth-of-type(3) .navsli {
	width:calc(100% / 7) !important;
}
.navli:nth-of-type(4) .navsli {
	width:calc(100% / 2) !important;
}
.tnavbox .navli:nth-of-type(4) {
	display1:none !important;
}
.navli:nth-of-type(5) .navsli {
	width:calc(100% / 2) !important;
}
.navli:nth-of-type(6) .navsli {
	width:calc(100% / 4) !important;
}
.navli:nth-of-type(7) .navsli {
	width:calc(100% / 2) !important;
}
.nav .tnavsummry {
	font-size:14px !important;
}


/* banner */

.banner .p_matteicon .iconfont:before {
	content:'\e602';
}
.banner >div {
	animation-fill-mode:both;
}
.banner .container {width:1400px;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.banner .lv-slider {
	width:100%;
	height:100vh;
	display:flex;
	position:relative;
	z-index:0;
}
.banner .lv-slider .swiper-slide {
	overflow:hidden;
	color:#fff;
}
.banner .lv-slider .swiper-container {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
}
.banner .lv-slider .slide-inner {
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
	background-size:cover;
	background-position:center;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:left;
}
.banner .lv-slider .swiper-button-prev {
	background:transparent;
	width:55px;
	height:55px;
	line-height:53px;
	margin-top:-30px;
	text-align:center;
	border:2px solid #d4d3d3;
	border-radius:55px;
	opacity:0;
	visibility:hidden;
	transition:all .3s ease;
	left:25px;
	transform:translatex(50px);
}
.banner .lv-slider .swiper-button-next {
	background:transparent;
	width:55px;
	height:55px;
	line-height:53px;
	margin-top:-30px;
	text-align:center;
	border:2px solid #d4d3d3;
	border-radius:55px;
	opacity:0;
	visibility:hidden;
	transition:all .3s ease;
	right:25px;
	transform:translatex(-50px);
}
.banner .lv-slider:hover .swiper-button-prev {
	transform:translatex(0);
	opacity:1;
	visibility:visible;
}
.banner .lv-slider:hover .swiper-button-next {
	transform:translatex(0);
	opacity:1;
	visibility:visible;
}
.banner .lv-slider .swiper-button-prev:before {
	font-size:32px;
	color:#d4d3d3;
	font-style:normal;
	display:inline-block;
	vertical-align:middle;
	font-weight:900;
}
.banner .lv-slider .swiper-button-next:before {
	font-size:32px;
	color:#d4d3d3;
	font-style:normal;
	display:inline-block;
	vertical-align:middle;
	font-weight:900;
}
.banner .lv-slider .swiper-pagination-bullet {
	width:12px;
	height:12px;
	text-align:left;
	line-height:12px;
	font-size:12px;
	color:#000;
	opacity:0.8;
	background:#fff;
	transition:all .2s ease;
}
.banner .lv-slider .swiper-pagination-bullet-active {
	opacity:1;
	background:#d5161a;
}
.banner .lv-slider .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom:50px;
	max-width:1400px;
	padding:0 15px;
	margin:0 auto;
	left:50%;
	transform:translatex(-50%);
}
.banner .lv-slider .swiper-pagination-custom {
	bottom:30px;
}
.banner .lv-slider .swiper-pagination-fraction {
	bottom:30px;
}
.banner .lv-slider .swiper-pagination {
	text-align:left;
}
.banner .lv-style {
	max-height:1080px;
	margin-top:0px;
	transition:all .4s ease;
}
.banner .lv-style .slide-title {
	max-width:690px;
}
.banner .lv-style .slide-text {
	max-width:690px;
}
.banner .lv-style .slide-btns {
	max-width:690px;
}
.banner .lv-style .slide-title h2 {
	font-size:100px;
	font-weight:600;
	line-height:1.2;
	color:#ffffff;
	margin:0 0 20px;
	text-transform:capitalize;
	transition:all .4s ease;
}
.banner .lv-style .slide-line {
	height:2px;
	width:60px;
	background:#fff;
	margin-bottom:20px;
}
.banner .lv-style .slide-text p {
	opacity:1;
	font-size:24px;
	font-weight:500;
	line-height:1.6;
	letter-spacing:normal;
	color:#ffffff;
	margin:0 0 40px;
	transition:all .4s ease;
}
.banner .lv-style .slide-btns > a:first-child {
	margin-right:10px;
}
.banner .theme-btn {
	background-color:#ffffff;
	font-size:14px;
	font-weight:500;
	line-height:initial;
	text-align:center;
	color:#2b3b95;
	padding:9px 32px;
	border:0px;
	border-radius:3px;
	text-transform:uppercase;
	display:inline-block;
	transition:all .4s ease;
}
.banner .theme-btn-s2 {
	background-color:#d5161a;
	font-size:14px;
	font-weight:500;
	line-height:initial;
	text-align:center;
	color:#fff;
	padding:14px 32px;
	border:0px;
	border-radius:3px;
	text-transform:uppercase;
	display:inline-block;
	transition:all .4s ease;
}
.banner .theme-btn:hover {
	background-color:#fff;
	color:#d5161a;
}
.banner .theme-btn-s2:hover {
	background-color:#fff;
	color:#d5161a;
}
.banner .theme-btn:focus {
	background-color:#fff;
	color:#d5161a;
}
.banner .theme-btn-s2:focus {
	background-color:#fff;
	color:#d5161a;
}
.banner .theme-btn:active {
	background-color:#fff;
	color:#d5161a;
}
.banner .theme-btn-s2:active {
	background-color:#fff;
	color:#d5161a;
}
@media only screen and (max-width:768px) {
	.banner .lv-slider {
	height:40vh;
}
.banner .lv-style {
	height:40vh;
	/*margin-top:70px;*/
}
.banner .lv-style .slide-title h2 {
	font-size:20px;
	margin:0 0 15px;
}
.banner .lv-style .slide-line {
	width:40px;
	margin-bottom:15px;
}
.banner .lv-style .slide-text p {
	font-size:13px;
	font-weight:normal;
	margin:0 0 10px;
}
.banner .lv-slider .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom:10px;
}
.banner .lv-slider .swiper-pagination-bullet {
	width:10px;
	height:10px;
}
.banner .lv-slider .swiper-button-prev {
	display:none;
}
.banner .lv-slider .swiper-button-next {
	display:none;
}

.banner .lv-style .container {
	padding-top:0px;
}
.banner .theme-btn {
	padding:8px 10px;
	font-size:12px;
}
.banner .theme-btn-s2 {
	padding:8px 10px;
	font-size:12px;
}
}
@media only screen and (min-width:769px) {
	.banner .lv-slider .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom:30px;
}
.banner .lv-style .slide-title h2 {
	font-size:26px;
}
}
@media only screen and (max-width:1024px) and (min-width:769px) {
	.banner .lv-slider {
	height:450px;
}
.banner .lv-style {
	height:450px;
	/*margin-top:70px;*/
}
.banner .lv-style .slide-title h2 {
	font-size:30px;
	margin:0 0 15px;
}
.banner .lv-style .slide-line {
	width:40px;
	margin-bottom:15px;
}
.banner .lv-style .slide-text p {
	font-size:16px;
}
.banner .theme-btn {
	font-size:13px;
	padding:10px 15px;

}
.banner .theme-btn-s2 {
	font-size:13px;
	padding:10px 15px;
}
}

@media only screen and (max-width:1440px) and (min-width:1300px) {.banner .container{ width:1200px;} .banner .lv-style .slide-title h2{ font-size: 40px;} .banner .lv-style .slide-text p{ font-size:20px;}}
@media only screen and (max-width:1299px) and (min-width:1200px) { .banner .container{ width:1000px;} .banner .lv-style .slide-title h2{ font-size: 30px;} .banner .lv-style .slide-text p{ font-size:18px;}}



/* about */

.d-about{padding-bottom: 4rem; padding-top: 4rem; background-image: url(/uploads/image/srddimg/about.jpg); background-attachment: fixed; overflow: hidden;}
.d-about .d-left{ float: left; width:50%;}
.d-about .d-left .mc{ margin-right: 20px;}

.d-about .d-left .smt{ margin-top: 45px;}
.d-about .d-left .smt h3{font-size:36px; color:#002f63;  font-weight: bold;}
.d-about .d-left .smt i{ display: block; height:3px; background-color: rgba(230, 0, 19, 1); max-width: 60px; margin: 8px 0;}


.d-about .d-right{ float: left; width:50%;}
.d-about .d-right .pic{ padding: 30px;}
.d-about .d-right .pic img{ border-radius: 30px; width: 100%;}

@media only screen and (max-width:1024px) and (min-width:769px) {
	.d-about .d-right .pic img {border-radius:30px;}
}

.d-about .d-right .pic img {transition:0.5s;}

@media only screen and (min-width:1025px) {
	.d-about .d-right .pic img:hover {transform:scale(1.1); border-radius:0px;}
}

a.exta{ display: block; width: 220px; height: 40px; line-height: 40px; border:1px solid #e70012; border-radius: 50px; text-align: center; color:#e70012; margin: 20px 0; font-size: 14px;}
a.exta:hover{ background-color:#e70012; color: #fff;}


span.counter {
	font-size:52px;
	font-family:'oswald',sans-serif;
	font-weight:500;
	color:#0752af;
}
span.jieshao:before {
	display:none;
}
span.jieshao {
	font-size:14px;
	font-weight:400;
	display:inline-block;
	line-height:1.6;
	color:#555;
	position:relative;
}
@media only screen and (max-width:768px) {
	span.counter {
	font-size:52px!important;
}

}

.demo #demo01 {
 width:33.3%;
 text-align:left;
 margin-right:2%;
 float:left;
 border-right:none;
}
.demo #demo02 {
 width:31%;
 text-align:left;
 margin-right:2%;
 float:left;
 border-right:none;
}
.demo #demo03 {
 width:28%;
 text-align:left;
 margin-right:2%;
 float:left;
 border-right:none;
}
.demo #demo04 {
 width:20%;
 margin-right:2%;
 text-align:left;
 float:left;
 border-right:none;
}
@media only screen and (max-width: 768px) {
 span.counter {
  font-size:50px;
 }
 .demo #demo01 {
  width:40%;
 }
 .demo #demo02 {
  width:40%;
 }
 .demo #demo03 {
  width:31%;
 }
}	


/* common */
.d-location{height:70px; background-color: rgba(245, 245, 245, 1);}
.d-location .d-left{ width:100%;}
.d-location .d-right{ width: 32%;}

.d-location .subs{ padding-left: 20px;}
.d-location .subs a { display: inline-block; font-size: 16px; position: relative;border-radius: 0; margin-right: 50px;border-bottom: 2px solid transparent; line-height: 70px; color: #333;}	
.d-location .subs a.active, .menubox2 .menu a:hover{ color: #005399;}
.d-location .subs a:before{ content:" "; height: 2px; width:100%; background:none; position: absolute; bottom: -1px; left: 0;}	
.d-location .subs a.active:before, .d-location .subs a:hover:before	{ background:#005399;}

.d-location .subs a:after{ content: ''; height: 20px; background: #ccc; width: 1px; position: absolute; right: -25px; top: 50%; margin-top: -10px;}
.d-location .subs a:last-child:after{ display:none;}	

.d-location .substitle{ margin-left: 20px; line-height: 51px; font-size: 18px; color: #005399; display: none; position: relative;}
.d-location .substitle:before{ content:" "; height: 2px; width:100%; background:#005399; position: absolute; bottom: -1px; left: 0;}	

.d-location .location{ line-height: 70px; padding-right: 20px; font-size: 14px; display: inline-block; float: right; color: #333;}		
.d-location .location a{ color: #333;}

#main{margin-top: 2.3rem; margin-bottom: 2.3rem;}