@charset "gb2312";
/* CSS Document */
@charset "utf-8";



body{ margin:0px; font-size:12px; color:#333333;font-family: "Arial"; min-width:1280px; }
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none; font-weight:normal;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#333333;text-decoration:none; font-size:12px; outline:none;}
a:hover{color:#13a6e8;text-decoration:none; font-size:12px;}
li{	list-style:none;}
input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{clear:both;}
.lf{ float:left;}
.rt{ float:right;}
.con{width: 1200px; margin: 0px auto;}

/*导航*/
.menu {width:750px; float:right;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative; margin:0px 12px 0px 12px;}
.menu ul li a, .menu ul li a:visited {display:block; text-align:center; text-decoration:none; height:98px; color:#333; /*line-height:98px;*/line-height:125px; font-size:16px; }
.menu ul li ul {display: none; z-index:99999;}
.menu ul li .hide {color:#e4000c;}
.menu ul li span{ display:block; position:absolute; width:0px; height:0px; background:#13a6e8; top:98px; left:50%;}
.menu ul li:hover a {color:#13a6e8;   }
.menu ul li:hover ul {display:block; position:absolute; top:101px; overflow:hidden; left:-0px;}
.menu ul li:hover ul li { margin:0px;}
.menu ul li:hover ul li a {display:block; background:#13a6e8; font-size:14px;font-weight:normal;height:40px;line-height:40px;color:#fff; text-align: left;  /*width:120px;*/width:230px; padding-left: 15px;}
.menu ul li:hover ul li a:hover {background:#212b61; color:#fff;font-size:14px;font-weight:normal; transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;}



.top { width: 100%; background:url("../images/bj.jpg") repeat-x #e4e5e5; position:fixed; height:100px; top:0; z-index:9999999999999999999999999;}
.top .lang{padding-top: 35px;}
.top .lang a{display: inline-block;*display:inline;zoom:1;width: 30px;height: 30px;text-align: center;font-size: 14px;line-height: 30px;color: #fff;margin-left:5px; background: #7d7d7d; border-radius: 3px;}
.top .lang a.on{background: #13a6e8; border-radius: 3px;}

.sousuo{position:relative; margin-top:34px; width:30px; margin-right:15px;}
.sousuo font{font-size:14px; float:right;}
.searchbtn{ cursor:pointer}
.suk{ display:none; position:absolute; top:67px; z-index:9999999; right:0px; width:320px; background: rgba(255, 255, 255, 0.7); padding:20px; }
.input1{ width:244px; line-height:42px; height:42px; border:#d4d4d4 1px solid; padding-left:10px; outline:none; color:#666;}
.btn1{ background:#13a6e8; border-radius:0px; border:0; color:#FFF; width:60px; line-height:43px; text-align:center; outline:none; cursor:pointer;}

.zjnr { width:100%; background:url("../images/tbj.jpg") repeat-x #e2e3e3;}
.zjnr ul{ width:1230px; margin:0px auto; padding:160px 0;}
.zjnr ul li { width:350px; float: left; margin:0px 30px;}
.zjnr ul li img { width:100%; height:auto; border-radius:5px;}
.zjnr ul li h1 { font-size: 18px; line-height: 40px;}
.zjnr ul li p{font-size: 14px; line-height: 22px; padding-bottom:10px; /*height:60px;*/height:18px; overflow:hidden;}
.zjnr ul li .more {color:#13a6e8;float: right;}
.zjnr ul li .more a {color:#13a6e8;}


.H001B-interactive-segment-split {	overflow: hidden;	position: relative;	height: 560px;	width: 100%;	color: #fff;	max-width: 1920px;	margin: 0 auto; border-bottom: 5px solid #13a6e8; font-family:Arial; margin-top:100px; }
.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden;	z-index: -1}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 133.333333333%;	content: "";	background-color: #000;	opacity: .5}
.H001B-interactive-segment-split .image-container img {	position: absolute;	top: 0;	bottom: 0;	left: 0;	right: 0;	z-index: -1}
.H001B-interactive-segment-split h3 {	font-size: 1.6875em;	line-height: 1.1851851852em;	font-weight: 700}
.H001B-interactive-segment-split h3 p {	margin: 0}
.H001B-interactive-segment-split .teaser-text {	font-size: 1.3125em;	line-height: 1.4761904762em}
.H001B-interactive-segment-split .link, .H001B-interactive-segment-split .link--icon-arrow {	display: block;	color: #fff;	font-size: .75em;	font-weight: 600;	letter-spacing: .08em;	text-transform: uppercase}
.H001B-interactive-segment-split .slide {	position: absolute;	overflow: hidden;	z-index: 1}
.H001B-interactive-segment-split .left-slide .slide-content--default {	padding-top: 85px}
.H001B-interactive-segment-split .slide-content {	position: absolute;	text-align: center;	z-index: 10}
.H001B-interactive-segment-split .slide-content--default {	opacity: 1;	color: #fff}
.H001B-interactive-segment-split .slide-content--default h3 {	margin-bottom: 30px}
.H001B-interactive-segment-split .slide-content--default .heading-content {	max-width: 320px;	margin-left: auto;	margin-right: auto}
@media (min-width:345px) {
	.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 100%;	content: ""}
}
@media (min-width:500px) {
	.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 75%;	content: ""}
}
@media (min-width:660px) {.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 60%;	content: ""}
}
@media (min-width:735px) {.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 56.25%;	content: ""}
}
@media (min-width:767px) {.H001B-interactive-segment-split h3 {	font-size: 2.75em;	line-height: 1.25em}
.H001B-interactive-segment-split .slide-content--default .heading-content {	max-width: 480px}
.H001B-interactive-segment-split .left-slide .slide-content--default {	padding-top: 55px}
}
@media (max-width:1279px) {.H001B-interactive-segment-split {	-webkit-transition: height .2s ease-in-out;	transition: height .2s ease-in-out}
.H001B-interactive-segment-split>.image-container {	position: absolute;	bottom: 0;	width: 100%}
.H001B-interactive-segment-split .slide-content, .H001B-interactive-segment-split .slide .image-container {	-webkit-transform: skewY(20deg);	-ms-transform: skewY(20deg);	transform: skewY(20deg)}
.H001B-interactive-segment-split .slide-content--active, .H001B-interactive-segment-split .slide-content--inactive {	display: none}
.H001B-interactive-segment-split .slide-content--default {	height: 100%;	width: 100%}
.H001B-interactive-segment-split .slide-content--default h3 {	-webkit-transition: all .4s ease-in-out;	transition: all .4s ease-in-out}
.H001B-interactive-segment-split .slide-content--default:hover:after {	content: "";	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0;	background-color: #000;	opacity: .2}
.H001B-interactive-segment-split .slide {	height: 544px;	left: 0;	right: 0;	-webkit-transform: skewY(-20deg);	-ms-transform: skewY(-20deg);	transform: skewY(-20deg)}
.H001B-interactive-segment-split .left-slide {	border-bottom: 6px solid #fff;	top: -263px}
.H001B-interactive-segment-split .left-slide .image-container {	top: 236px}
.H001B-interactive-segment-split .left-slide .slide-content--default {	top: 16rem}
.H001B-interactive-segment-split .right-slide {	border-top: 6px solid #fff;	bottom: -264px}
.H001B-interactive-segment-split .right-slide .slide-content--default {	bottom: 16rem;	padding-top: 330px}
}
@media (min-width:1280px) {.H001B-interactive-segment-split {	height: 512px}
.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden;	width: 100vw;	position: absolute}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 40%;	content: ""}
.H001B-interactive-segment-split .slide-content, .H001B-interactive-segment-split .slide .image-container {	-webkit-transform: skew(20deg);	-ms-transform: skew(20deg);	transform: skew(20deg)}
.H001B-interactive-segment-split .cta-buttons {	margin-top: 50px}
.H001B-interactive-segment-split nav {	display: -webkit-box;	display: -webkit-flex;	display: -ms-flexbox;	display: flex;	-webkit-box-pack: justify;	-webkit-justify-content: space-between;	-ms-flex-pack: justify;	justify-content: space-between;	-webkit-box-align: end;	-webkit-align-items: flex-end;	-ms-flex-align: end;	align-items: flex-end;	position: absolute;	bottom: 0;	width: 100%}
.H001B-interactive-segment-split nav a {	color: #fff;	font-size: .75em;	padding: 10px 10px 18px 0;	margin: 0 20px;	opacity: 0;	position: relative;	width: 25%}
.H001B-interactive-segment-split nav a:hover {	color: #fff}
.H001B-interactive-segment-split nav a:hover:after {	border-color: #fff}
.H001B-interactive-segment-split nav a:after {	border-color: #fff;	position: absolute;	margin-top: 6px}
.H001B-interactive-segment-split .slide-content--default {	width: 480px;	top: 50%;	margin-top: -80px;	cursor: default;	-webkit-transition: opacity .6s ease-in-out 1s;	transition: opacity .6s ease-in-out 1s}
.H001B-interactive-segment-split .slide {	bottom: 0;	height: 512px;	top: 0;	-webkit-transform: skew(-20deg);	-ms-transform: skew(-20deg);	transform: skew(-20deg);	-webkit-transition: width .8s ease-in-out .2s;	transition: width .8s ease-in-out .2s;	width: calc(50% + 112px)}
.H001B-interactive-segment-split .slide[data-state=active] {	width: calc(50% + 662px)}
.H001B-interactive-segment-split .slide[data-state=active] .slide-content--active .heading-content {	-webkit-transform: translateX(0);	-ms-transform: translateX(0);	transform: translateX(0)}
.H001B-interactive-segment-split .slide[data-state=active] .slide-content--default {	opacity: 0;	-webkit-transition: opacity .4s ease-in-out, visibility 0s ease 1s;	transition: opacity .4s ease-in-out, visibility 0s ease 1s;	visiblity: hidden}
.H001B-interactive-segment-split .slide[data-state=active] nav a {	opacity: 1;	-webkit-transition: opacity .6s ease;	transition: opacity .6s ease;	-webkit-transition-delay: 2s;	transition-delay: 2s}
.H001B-interactive-segment-split .slide[data-state=active] .slide-content--active {	opacity: 1;	-webkit-transition: all .6s ease-in-out .6s;	transition: all .6s ease-in-out .6s;	visibility: visible}
.H001B-interactive-segment-split .slide[data-state=inactive] {	width: calc(50% - 438px)}
.H001B-interactive-segment-split .slide[data-state=inactive] .slide-content--default {	opacity: 0;	-webkit-transition: opacity .4s ease-in-out, visibility 0s ease 1s;	transition: opacity .4s ease-in-out, visibility 0s ease 1s;	visiblity: hidden}
.H001B-interactive-segment-split .slide[data-state=inactive] .slide-content--inactive {	opacity: 1;	-webkit-transition: opacity .6s ease-in-out 1.8s, visibility 0s;	transition: opacity .6s ease-in-out 1.8s, visibility 0s;	visibility: visible}
.H001B-interactive-segment-split .left-slide {	border-right: 6px solid #fff;	left: -113px}
.H001B-interactive-segment-split .left-slide .image-container {	left: 112px}
.H001B-interactive-segment-split .left-slide nav {	margin-left: -5%}
.H001B-interactive-segment-split .left-slide .slide-content--default {	right: 6.5625rem;	padding-top: 0}
.H001B-interactive-segment-split .left-slide .slide-content--active {	right: 55px}
.H001B-interactive-segment-split .left-slide .slide-content--active .heading-content {	-webkit-transform: translateX(1.5rem);	-ms-transform: translateX(1.5rem);	transform: translateX(1.5rem)}
.H001B-interactive-segment-split .left-slide .slide-content--inactive {	right: 8px;	top: 18px}
.H001B-interactive-segment-split .right-slide {	border-left: 5px solid #fff;	right: -113px}
.H001B-interactive-segment-split .right-slide .image-container {	right: 112px}
.H001B-interactive-segment-split .right-slide .slide-content--default {	left: 6.5625rem}
.H001B-interactive-segment-split .right-slide .slide-content--active {	left: 55px}
.H001B-interactive-segment-split .right-slide .slide-content--active .heading-content {	-webkit-transform: translateX(-1.5rem);	-ms-transform: translateX(-1.5rem);	transform: translateX(-1.5rem)}
.H001B-interactive-segment-split .right-slide .slide-content--inactive {	bottom: 18px;	left: 8px}
}
@media (min-width:1370px) {.H001B-interactive-segment-split .image-container {	position: relative;	overflow: hidden;	position: absolute}
.H001B-interactive-segment-split .image-container:before {	display: block;	padding-top: 37.5%;	content: ""}
}
.H001B-interactive-segment-split .slide-content--active {	height: 100%;	opacity: 0;	top: 0;	-webkit-transition: opacity .4s ease-in-out, visibility 0s ease 1s;	transition: opacity .4s ease-in-out, visibility 0s ease 1s;	visibility: hidden;	width: 980px}
.H001B-interactive-segment-split .slide-content--active h3 {	width: 770px;	margin: 0 auto 1rem}
.H001B-interactive-segment-split .slide-content--active .heading-content {	padding: 0 100px;	position: absolute;	top: 12.5%;	left: 0;	width: 980px;	-webkit-transition: -webkit-transform .2s ease-out 1s;	transition: -webkit-transform .2s ease-out 1s;	transition: transform .2s ease-out 1s;	transition: transform .2s ease-out 1s, -webkit-transform .2s ease-out 1s}
.H001B-interactive-segment-split .slide-content--inactive {	opacity: 0;	visibility: hidden;	width: 156px;	word-wrap: break-word;	overflow-wrap: break-word;	-webkit-hyphens: auto;	-moz-hyphens: auto;	-ms-hyphens: auto;	hyphens: auto}
.H001B-interactive-segment-split .slide-content--inactive .link {	font-size: 1rem;	letter-spacing: -.0125em;	line-height: 1.125rem;	pointer-events: none;	text-transform: capitalize}
.H001B-interactive-segment-split .slide-content--inactive .link p {	margin: 0}
.H001B-interactive-segment-split [data-state=active] nav a:first-child {	-webkit-transition-delay: 1s;	transition-delay: 1s}
.H001B-interactive-segment-split [data-state=active] nav a:nth-child(2) {	-webkit-transition-delay: 1.2s;	transition-delay: 1.2s}
.H001B-interactive-segment-split [data-state=active] nav a:nth-child(3) {	-webkit-transition-delay: 1.4s;	transition-delay: 1.4s}
.H001B-interactive-segment-split [data-state=active] nav a:nth-child(4) {	-webkit-transition-delay: 1.6s;	transition-delay: 1.6s}
.H001-homepage-hero-with-video {	overflow: hidden;	position: relative;	text-align: center;	color: #fff;	max-width: 1280px}
.H001-homepage-hero-with-video a {	color: #fff; }
.H001-homepage-hero-with-video .image-container, .H001-homepage-hero-with-video>div {	height: 100%;	background-color: silver}

.text-wrapper { color:#FFF;}

.foot { width:100%; background:#0387c2; padding:45px 0px; color:#FFF; font-size:14px;}
.foot .dlo { float:left; width:218px;} 
.foot .zjbf { width:650px; border-left:1px solid #81c3e1; border-right:1px solid #81c3e1; float:left; padding:0px 60px; line-height:34px;}
.foot .dwx { float:right; width:208px; text-align:center; line-height:22px;}

.nban { width:100%; height:180px; background:url(../images/nb.jpg) no-repeat center top; font-size:30px; text-align:center; color:#FFF; line-height:180px;  margin-top:100px;}

.nzj { width:100%; background:url("../images/tbj.jpg") repeat-x #e2e3e3;}

.nycp ul{ width:1230px; margin:0px auto; padding:20px 0 30px 0;}
.nycp ul li { /*width:380px;*/width:270px; float: left; margin:0px 15px 25px 15px; text-align:center; padding-top:10px;}
.nycp ul li .tp{ width:70px; height:70px; background:#13a6e8; border-radius:100%; margin:0px auto 10px auto;}
.nycp ul li .tp:hover {box-shadow:0px 5px 5px 5px #999; transition:all 0.3s; }
.nycp ul li h1 { font-size: 18px; line-height: 40px;}
.nycp ul li p{font-size: 14px; line-height: 22px; padding-bottom:10px; /*height:44px;*/ /*overflow:hidden;*/text-indent: 2em;text-align: left;}
.nycp ul li .more {color:#13a6e8;}
.nycp ul li .more a {color:#13a6e8;}

.nbt { border-bottom:1px solid #ccc; height:40px; line-height:40px; width:100%;}


.yckz {width:1240px; margin:20px auto 0px auto; padding-bottom:30px;}
.yckz ul li { width:288px; float: left; margin:10px; border:1px solid #ddd; background:#FFF;}
.yckz ul li img { width:100%; height:auto;}
.yckz ul li p{font-size: 14px; line-height: 22px;  overflow:hidden; padding:5px 10px;}


.gywm { width:1200px; margin:50px auto 0px auto;}
.gywm .left{ width:550px;}
.gywm .right { width:600px; font-size:14px; line-height:32px; padding-top:20px;}
.gywm .right h2 { font-size:20px; height:50px; font-weight:bold;}


.gywmm { width:1200px; margin:50px auto 0px auto;}
.gywmm .left{ width:600px;}
.gywmm .right { width:550px; font-size:14px; line-height:32px; padding-top:40px;}
.gywmm .right h2 { font-size:20px; height:50px; font-weight:bold;}