/* CSS Document */
html{overflow-y:scroll;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th{text-align:left;}q:before,q:after{content:'';}object,embed{vertical-align:top;}h1,h2,h3,h4,h5,h6{font-size:100%;}img,abbr,acronym,fieldset{border:0;}ul li,ol li{list-style-type:none;}a,label{cursor:pointer;}img,svg{vertical-align:middle;margin:0;padding:0;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box}button{border: none;cursor: pointer;}
body { margin:0; padding:0; line-height:24px; font-family: SourceHanSansK-Regular; font-size:12px; background:#ffffff;
	color: #434343;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border-style: none;
	border-color: inherit;
	border-width: 0px;
	padding: 0;
	list-style-type:none;
	margin-top: 0;
	margin-bottom: 0;
}

img{display:block; max-width: 100%;
   
  height: auto;}

input:focus {
  outline: none;
}
/* Link */
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover { text-decoration:none;}
a:active { outline: none; border:0px; background-color:Transparent;}
a{display:block;}
a{blr:expression(this.onFocus=this.blur()); outline:none;} 

.blank5{ width:100%; height:5px; clear:both;}
.blank10{ width:100%; height:10px; clear:both;}
.blank15{ width:100%; height:15px; clear:both;}
.blank20{ width:100%; height:20px; clear:both;}
.blank30{ width:100%; height:30px; clear:both;}
.blank40{ width:100%; height:40px; clear:both;}
.blank50{ width:100%; height:50px; clear:both;}
.blank60{ width:100%; height:60px; clear:both;}
.blank70{ width:100%; height:70px; clear:both;}
.blank80{ width:100%; height:80px; clear:both;}
.blank100{ width:100%; height:100px; clear:both;}
.blank90{ width:100%; height:90px; clear:both;}
.blank150{ width:100%; height:150px; clear:both;}
.blank154{ width:100%; height:154px; clear:both;}
/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/
.clearfix::after {
  content:".";/*加一段内容*/
  display:block;/*让生成的元素以块级元素显示，占满剩余空间*/
  height:0;/*避免生成的内容破坏原有布局高度*/
  clear:both;/*清除浮动*/
  visibility:hidden;/*让生成的内容不可见*/
}
/*针对1920的宽屏*/

.max{ position:relative;}

.inner{width:1200px; height:auto; margin:0 auto;}
span {
	display: block;
}

/*首页*/

@font-face
{
	font-family: SourceHanSansK-Heavy;
	src: url(../fonts/SourceHanSansK-Heavy.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Medium;
	src: url(../fonts/SourceHanSansK-Medium.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Regular;
	src: url(../fonts/SourceHanSansK-Regular.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Bold;
	src: url(../fonts/SourceHanSansK-Bold.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Light;
	src: url(../fonts/SourceHanSansK-Light.ttf);
}
@font-face
{
	font-family: SourceHanSansK-Normal;
	src: url(../fonts/SourceHanSansK-Normal.ttf);
}
.guide {
	width: 100vw;
	height: 100vh;
	/*background: url(../images/yindao.jpg) no-repeat left top;
	background-size: cover;*/
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
}
.guide > img {
	width: 100%;
	height: 100%;
}
.guide_section {
	position: absolute;
	top: 68vh;
	left: 50%;
	transform: translateX(-50%);
}
.guide_block {
	text-align: center;
}
.guide_link {
	display: inline-block;
	font-size: 24px;
	color: #ffffff;
	font-family: SourceHanSansK-Regular;
	padding-bottom: 30px;
}
.guide_link:hover {
	background: url(../images/jian1.png) no-repeat center bottom;
	background-size: 17px 9px;
}
.guide_current {
	font-family: SourceHanSansK-Bold;
	background: url(../images/jian1.png) no-repeat center bottom;
	background-size: 17px 9px;
}
.guide_heng {
	height: 1px;
	width: 45px;
	background: #ffffff;
	margin: 0 30px;
	display: inline-block;
}
.guide_ru {
	margin-top: 75px;
	-webkit-animation: upAndDown2 2.5s linear infinite;
    animation: upAndDown2 2.5s linear infinite;
}
.guide_ru img{
	margin: 0 auto;
}
@keyframes upAndDown2 {
    0% {
        margin-top: 75px;
    }

    50% {
        margin-top: 70px;
    }

    100% {
        margin-top: 75px;
    }
}

@-webkit-keyframes upAndDown2 {
    0% {
        margin-top: 75px;
    }

    50% {
        margin-top: 70px;
    }

    100% {
        margin-top: 75px;
    }
}

.index {
	background: url(../images/bg3.jpg) no-repeat left top;
	background-size: 100% 100%;
}
.nav {
	background: #0c1d37;
}


.inner_nav{width:1380px; height:auto; display:block; margin:0 auto;}

.nav_logo{width:145px; height:104px; background: #c00; float: left;}


.nav_logo img{width:100%;}


.nav_list{width:1380px;float: left;}


.nav_item {
	float: left;
	width: 175px;
	padding: 30px 0 15px 0;
	border-right: 1px dotted #ffffff;
	text-align: center;
}
.nav_item:last-of-type {
	border-right: none;
	width: 150px;
}
.nav_zh {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin-bottom: 8px;
	font-family: SourceHanSansK-Regular;
}
.nav_en {
	font-size: 14px;
	color: #c3c9d1;
	text-align: center;
	font-family: SourceHanSansK-Bold;
}
.nav_current {
	background: #263c5a;
}
.nav_item:hover {
	background: #263c5a;
}
.nav_item:last-of-type:hover {
	background: #0c1d37;
}
.en {
	background: #263c5a;
	padding: 3px 5px;
	font-size: 16px;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	margin-top: 10px;
}
.banner {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner .swiper-container1 {
	width: 200%;
	margin-left: -50%;
}
.banner .swiper-pagination-bullet {
	width: 75px;
	height: 8px;
	background: #ffffff !important;
	border-radius: 0 !important;
	margin: 0 30px !important;
}
.banner .swiper-pagination-bullet-active {
	background: #152661 !important;
	opacity: 1 !important;
	border-radius: 0 !important;
}
.banner_jian {
	position: absolute;
	left: 50%;
	bottom: 12%;
	transform: translateX(-50%);
	-webkit-animation: banner 2.5s linear infinite;
    animation: banner 2.5s linear infinite;
    z-index: 67;
}
@keyframes banner {
    0% {
        bottom: 12%;
    }

    50% {
        bottom: 10%;
    }

    100% {
        bottom: 12%;
    }
}

@-webkit-keyframes banner {
    0% {
        bottom: 12%;
    }

    50% {
        bottom: 10%;
    }

    100% {
        bottom: 12%;
    }
}
.title {
	position: relative;
	margin-top: 110px;
	height: 162px;
	overflow: hidden;
}
.title_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.title_zh {
	font-size: 36px;
	color: #ffffff;
	font-family: SourceHanSansK-Heavy;
	margin-bottom: 22px;
	text-align: center;
}
.title_en {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
}
.index_zhan_section {
	position: relative;
}
.index_zhan_block {
	position: absolute;
	top: 14%;
	left: 50%;
	transform: translateX(-50%);
}
.index_zhan_title {
	font-size: 48px;
	color: #fffffe;
	text-align: center;
	font-family: SourceHanSansK-Bold;
	line-height: 48px;
	margin-bottom: 22px;
}
.index_news_item {
	height: 130px;
}
.index_zhan_text {
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	font-family: SourceHanSansK-Normal;
}
.more {
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-animation: more 2.5s linear infinite;
    animation: more 2.5s linear infinite;
}
@keyframes more {
    0% {
        bottom: 10%;
    }

    50% {
        bottom: 11%;
    }

    100% {
        bottom: 10%;
    }
}

@-webkit-keyframes more {
    0% {
        bottom: 10%;
    }

    50% {
        bottom: 11%;
    }

    100% {
        bottom: 10%;
    }
}
.index_pro_item {
	float: left;
	width: 400px;
}
.index_pro_top {
	width: 400px;
	height: 275px;
	background: url(../images/bg1.png) no-repeat left top;
	background-size: 100% 100%;
	text-align: center;
	padding: 108px 0;
	position: relative;
	z-index: 2;
}
.index_pro_zh {
	font-size: 20px;
	color: #ffffff;
	margin-bottom: 15px;
}
.index_pro_en {
	font-size: 14px;
	color: #ffffff;
}
.index_pro_photo {
	width: 400px;
	height: 275px;
	overflow: hidden;
	margin-top: -15px;
	position: relative;
	z-index: 1;
}
.index_pro_photo img {
	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; 
}
.index_pro_item:hover .index_pro_photo img {
	transform:scale(1.1);
}
.index_pro_item:hover .index_pro_top {
	background: url(../images/bg2.png) no-repeat left top;
	background-size: 100% 100%;
}
.index_pro_item:nth-child(2) .index_pro_top {
	background: url(../images/bg5.png) no-repeat left top;
	background-size: 100% 100%;
	margin-top: -15px;
	position: relative;
	z-index: 2;
}
.index_pro_item:nth-child(2):hover .index_pro_top {
	background: url(../images/bg6.png) no-repeat left top;
	background-size: 100% 100%;
}
.index_pro_item:nth-child(2) .index_pro_photo {
	margin-top: 0;
	position: relative;
	z-index: 1;
}
.index_about_photo {
	width: 600px;
	height: 286px;
	overflow: hidden;
	float: left;
}
.index_about_photo img {
	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; 
}
.index_about_item:hover .index_about_photo img {
	transform:scale(1.1);
}
.index_about_block {
	width: 600px;
	height: 286px;
	overflow: hidden;
	float: right;
	background: #263c5a;
	text-align: center;
	padding: 115px 0;
}
.index_about_zh {
	font-size: 20px;
	color: #ffffff;
	font-family: SourceHanSansK-Bold;
	margin-bottom: 13px;
}
.index_about_en {
	font-size: 14px;
	color: #ffffff;
	font-family: SourceHanSansK-Bold;
}
.index_about_item:nth-child(even) .index_about_block {
	float: left;
}
.index_about_item:nth-child(even) .index_about_photo {
	float: right;
}
.index_about_item:hover .index_about_block {
	background: #8894a7;
}
.index_news_block {
	padding: 40px 0;
	background: rgba(38,60,90,0.43);
}
.index_news_left {
	float: left;
	width: 600px;
	padding-right: 50px;
}
.index_news_photo {
	width: 453px;
	height: 231px;
	margin-left: 97px;
	margin-bottom: 35px;
}
.index_news_time {
	float: left;
}
.index_news_mouth {
	font-size: 20px;
	color: #ffffff;
	border-right: 1px solid #b3c0c8;
	font-family: SourceHanSansK-Normal;
	padding-right: 30px;
	margin-right: 30px;
	line-height: 20px;
	margin-bottom: 8px;
	margin-left: 15px;
}
.index_news_years {
	font-size: 14px;
	color: #ffffff;
	font-family: SourceHanSansK-Normal;
	padding-right: 30px;
	margin-right: 30px;
	text-align: right;
	margin-left: 15px;
}
.index_news_box {
	float: left;
	width: 420px;
	height: 130px;
}
.index_news_title {
	font-size: 18px;
	color: #ffffff;
	font-family: SourceHanSansK-Normal;
	margin-bottom: 10px;
}
.index_news_text {
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	font-family: SourceHanSansK-Normal;
}
.index_news_more {
	font-size: 16px;
	color: #ffffff;
	margin-top: 8px;
}
.index_news {
	/*padding-bottom: 55px;*/
}
.index_news_right {
	float: right;
	width: 600px;
	padding-left: 50px;
}
.index_news_right .index_news_box {
	border-left: 1px solid #c9d7e1;
	padding: 20px 30px;
	position: relative;
}
.index_news_right .index_news_box::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: -2px;
	width: 2px;
	height: 30px;
	background: #536570;
}
.index_news_right .index_news_time {
	margin: 32px 30px 32px 0;
	border: 1px solid #c9d7e1;
	padding: 10px;
}
.index_news_right .index_news_years {
	padding: 0;
	margin: 0;
}
.index_news_right .index_news_mouth {
	padding: 0;
	margin: 0;
	border-right: none;
}
.index_news_item:hover .index_news_box {
	background: url(../images/bg7.png) no-repeat left top;
	background-size: 100% 100%;
}
.index_news_item:hover .index_news_box::after {
	background: #152661;
}
.footer {
	background: url(../images/footer.png) no-repeat left top;
	background-size: 100% 100%;
	padding: 80px 0 0px 0;
}
.footer .inner {
	margin-bottom: 50px;
}
.footer a {
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	padding: 15px 0;
}
.footer_left {
	width: 350px;
	float: left;
}
.footer_title {
	font-size: 35px;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	line-height: 35px;
}
.footer_en {
	font-size: 18px;
	color: #ffffff;
	margin: 15px 0 60px 0;
	font-family: SourceHanSansK-Light;
}
.footer_tel {
	font-size: 50px;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	line-height: 50px;
}
.footer_center {
	width: 450px;
	float: left;
	/*margin-top: 31px;*/
}
.footer_center span {
	font-size: 16px;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	line-height: 40px;
}

.footer_laji {
	font-size: 24px !important;
	color: #ffffff;
	margin-bottom: 20px;
}
.footer_right {
	width: 305px;
	float: right;
}
.footer_right input[type=text] {
	width: 305px;
	height: 40px;
	line-height: 40px;
	padding: 5px 8px;
	font-size: 14px;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	background: #363738;
	border: none;
	margin-bottom: 10px;
}
.footer_right textarea {
	width: 305px;
	height: 75px;
	padding: 5px 8px;
	font-size: 14px;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	background: #363738;
	border: none;
	margin-bottom: 10px;
	outline: none;
}
.footer_right input[type=text]::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #ffffff;
}
.footer_right input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #ffffff;
}
.footer_right input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #ffffff;
}
.footer_right input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #ffffff;
}
.footer_right textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ffffff;
}
.footer_right textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
}
.footer_right textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
}
.footer_right textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ffffff;
  }
.footer_btu {
	width: 305px;
	height: 40px;
	line-height: 40px;
	background: #112050;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	font-size: 14px;
	border: none;
}
.top {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -43px;
	z-index: 23;
}
.footer {
	position: relative;
}

.technology_title {
	margin: 50px 0 25px 0;
	text-align: center;
}
.technology_zh {
	font-size: 36px;
	color: #ffffff;
	line-height: 36px;
	font-family: SourceHanSansK-Heavy;
}
.technology_en {
	font-size: 18px;
	color: #ffffff;
	margin-top: 20px;
}
.box span {
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
	font-family: Microsoft YaHei;
}
.technology_block1 {
	text-align: center;
	position: relative;
	padding: 50px 0;
}
.technology_block {
	
	margin-bottom: 155px;
}
.technology_photo5 {
	border: 1px solid #8793a6;
	border-radius: 50%;
	width: 440px;
	height: 440px;
	padding: 50px;
	margin: 0 auto;
}
.technology_photo5 img {
	width: 340px;
	height: 340px;
	border-radius: 50%;
	border: 5px solid #8793a6;
}
.technology_photo {
	/*overflow: hidden;*/
}
.technology_photo img {
	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; 

	border-radius: 50%;
	border: 5px solid #8793a6;
}

.technology_photo:hover img {
	transform:scale(1.1);
}

.technology_photo1 {
	position: absolute;
	top: 10%;
    left: 22%;
    width: 110px;
    height: 110px;
}
.technology_photo2 {
	position: absolute;
	top: 7%;
    right: 25%;
    width: 110px;
    height: 110px;
}
.technology_photo3 {
	position: absolute;
	bottom: 12%;
    left: 31%;
    width: 110px;
    height: 110px;
}
.technology_photo4 {
	position: absolute;
	bottom: 23%;
    right: 20.5%;
    width: 110px;
    height: 110px;
}
.technology_banner_title {
	font-size: 24px;
	width: 1200px;
	margin: 0 auto;
	color: #ffffff;
	font-family: SourceHanSansK-Heavy;
	margin-bottom: 40px;
	text-align: left;
}
.technology_banner {
	width: 1360px;
	margin: 0 auto;
	position: relative;
}
.technology_banner .swiper-container {
	width: 1200px;
	margin: 0 auto;
}
.technology_banner .swiper-button-next {
	width: 63px !important;
    height: 63px !important;
    background-image: url(../images/jian3.png);
    outline: none;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	z-index:112;
    margin-top: 0 !important;
    background-size: contain;
}
.technology_banner .swiper-button-next:after {
	content: '';
}
.technology_banner .swiper-button-prev {
	width: 62px !important;
    height: 63px !important;
    background-image: url(../images/jian4.png);
    outline: none;
    position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	z-index:112;
	left: inherit;
    margin-top: 0 !important;
    background-size: contain;
}
.technology_banner .swiper-button-prev:after {
	content: '';
}
.pro_title {
	margin: 50px 0;
	text-align: center;
}
.pro_zh {
	font-size: 36px;
	color: #ffffff;
	font-family: SourceHanSansK-Heavy;
	line-height: 36px;
	margin-bottom: 20px;
}
.pro_en {
	font-size: 18px;
	color: #ffffff;
}
.pro_top {
	text-align: center;
	margin-bottom: 60px;
}
.pro_top_caption {
	display: inline-block;
	position: relative;
	padding-bottom: 10px;
}
.model {
	padding: 15px 0 15px 50px;
	z-index: 12;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 780px;
	display: none;
	background: #8894a7;
	text-align: left;
}
.pro_top_caption:hover .model {
	display: block;
}
.pro_top_caption:nth-child(1) .model {
	left: 90px;
	transform: none;
}
.pro_top_caption:nth-child(3) .model {
	right: 90px;
	left: initial;
	transform: none;
}
.pro_top_caption:nth-child(1) .model::after {
	content: '';
	background: url(../images/jian5.png) no-repeat center top;
	background-size: 14px 7px;
	width: 14px;
	height: 7px;
	position: absolute;
	top: -7px;
	left: 97.5px;
	transform: none;
}
.pro_top_caption:nth-child(3) .model::after {
	content: '';
	background: url(../images/jian5.png) no-repeat center top;
	background-size: 14px 7px;
	width: 14px;
	height: 7px;
	position: absolute;
	top: -7px;
	right: 97.5px;
	left: initial;
	transform: none;
}
.model::after {
	content: '';
	background: url(../images/jian5.png) no-repeat center top;
	background-size: 14px 7px;
	width: 14px;
	height: 7px;
	position: absolute;
	top: -7px;
	left: 50%;
	transform: translateX(-50%);
}
.model_link {
	display: inline-block;
	/*padding: 0 0 0 40px;*/
	font-size: 18px;
	color: #ffffff;
	line-height: 18px;
	width: 24%;
	text-align: center;
}
.model_link:hover {
	color: #263c5a;
}
.model_current {
	color: #263c5a;
}
.model_link font {
	padding-left: 40px;
	color: #ffffff;
}
.model_link:nth-child(4n) font{
	display: none;
}
.pro_top_text {
	display: inline-block;
	margin: 0 90px;
	font-size: 20px;
	color: #ffffff;
	border: 1px solid #ffffff;
	text-align: center;
	padding: 12px 0;
	width: 195px;
}
.pro_top_current {
	background: #8894a7;
	border: 1px solid #8894a7;
}
.pro_top_text:hover {
	background: #8894a7;
	border: 1px solid #8894a7;
}
.pro_item {
	float: left;
	margin-bottom: 50px;
	width: 340px;
	margin-left: 70px;
	cursor: pointer;
}
.pro_item:nth-child(3n-2) {
	margin-left: 0;
}
.pro_photo {
	width: 340px;
	height: 250px;
	overflow: hidden;
}
.pro_photo img {
	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; 
	width: 100%;
}
.pro_item:hover .pro_photo img {
	transform:scale(1.1);
}
.pro_name {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	padding: 15px 0;
	background: #263c5a;
	display: none;
}
.pro_item:hover .pro_name {
	background: #8894a7;
}
.pro_model {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 123;
	display: none;
}
.pro_model img {
	width: 873px;
	height: 641px;
}
.close {
	position: absolute;
	top: 15px;
	right: 15px;
	width: 38px !important;
	height: 38px !important;
}
.pro_text {
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	padding: 15px 0;
	background: #8894a7;
}
.fan {
	margin-bottom: 100px;
	text-align: center;
}
.fan a {
	display: inline-block;
	width: 35px;
	height: 35px;
	border: 1px solid #ffffff;
	font-size: 18px;
	line-height: 35px;
	text-align: center;
	margin: 0 25px;
	color: #ffffff;
}
.on {
	background: #8894a7;
	border: 1px solid #8894a7;
}
.fan a:hover {
	background: #8894a7;
	border: 1px solid #8894a7;
}
.box img {
	margin:0 auto; 
}
.pro_return {
	font-size: 18px;
	color: #ffffff;
	padding: 3px 0;
	border: 1px solid #ffffff;
	margin: 50px auto;
	text-align: center;
	width: 140px;
	display: none;
}
.pro_ex_link {
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 8px;
}
.course_block {
	margin-bottom: 100px;
	position: relative;
}
.course_area {
	position: absolute;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
	width: 1160px;
	height: 140px;
	border: 1px solid #78beee;
	box-shadow:0px 0px 18px #254e71;
	padding: 15px;
}
.course_box {
	height: 110px;
	width: 1130px;
	overflow-y: scroll;
	position: absolute !important;
	top: 15px;
	left: 15px;
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
}
.course_box.one {
	visibility: visible;
	opacity: 1;
}
.course_box::-webkit-scrollbar {
	display: none;
}
.scroll_wrap {
	width: 100%;
	height: 140px;
	position: relative;
}
/* 婊氬姩鍐呭鏍峰紡 */
.scroll_wrap .scroll_cont {
	height: 100%;
	overflow: hidden;
}
/* 婊氬姩鏉� */
.scroll_wrap .scroll_bar {
	position: absolute;
	top: 0%;
    right: 0px;
    width: 2px;
    height: 80%;
	background-color: #74b3de;
	box-shadow:0px 0px 5px #74b3de;
}
/* 婊氬姩鍧� */
.scroll_wrap .scroll_slider {
	position: absolute;
	top: 0;
	left: -2px;
    width: 6px;
	height: 48px;
	background-color: #70b1de;
	 box-shadow:0px 0px 20px #74b3de;
}
.scroll_wrap .scroll_slider:hover{
	opacity: 1
}
.course_time {
	float: left;
	width: 122px;
	padding-left: 25px;
	font-size: 14px;
	color: #ffffff;
	background: url(../images/dian.png) no-repeat left 3px;
	background-size: 19px 19px;
	margin-bottom: 8px;
}
.course_text {
	font-size: 14px;
	color: #ffffff;
	float: left;
	margin-left: 20px;
	margin-bottom: 8px;
}
.course_time1 {
	width: 122px;
	text-align: right;
	float: left;
	font-size: 14px;
	color: #ffffff;
}
.scrollcontent {
	width: 100%;
}
#scrolllayout1 #Yscrollouter
{
		width: 2px;
	    height: 140px;
	    background: #78beee;
	    position: absolute;
	    top: 0;
	    right: 15px;
	box-shadow:0px 0px 5px #254e71;
	}
#scrolllayout2 #Yscrollouter {
	width: 2px;
    height: 138px;
    background: #78beee;
    position: absolute;
    top: 0;
    right: 15px;
	box-shadow:0px 0px 5px #254e71;
}
#scrolllayout1 #Yscrollinner {
	width: 6px;
    background: #78beee;
    height: 20%;
    /* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: -2px; 

	box-shadow:0px 0px 10px #254e71;
}
#scrolllayout2 #Yscrollinner
{
	width: 6px;
    background: #78beee;
    height: 20%;
    /* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: -2px; 
	box-shadow:0px 0px 10px #254e71;
}
#scrolllayout3 #Yscrollouter {
	width: 2px;
    height: 138px;
    background: #78beee;
    position: absolute;
    top: 0;
    right: 15px;
	box-shadow:0px 0px 5px #254e71;
}
#scrolllayout3 #Yscrollinner
{
	width: 6px;
    background: #78beee;
    height: 20%;
    /* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: -2px; 
	box-shadow:0px 0px 10px #254e71;
}
#scrolllayout4 #Yscrollouter {
	width: 2px;
    height: 138px;
    background: #78beee;
    position: absolute;
    top: 0;
    right: 15px;
	box-shadow:0px 0px 5px #254e71;
}
#scrolllayout4 #Yscrollinner
{
	width: 6px;
    background: #78beee;
    height: 20%;
    /* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: -2px; 
	box-shadow:0px 0px 10px #254e71;
}
#scrolllayout5 #Yscrollouter {
	width: 2px;
    height: 138px;
    background: #78beee;
    position: absolute;
    top: 0;
    right: 15px;
	box-shadow:0px 0px 5px #254e71;
}
#scrolllayout5 #Yscrollinner
{
	width: 6px;
    background: #78beee;
    height: 20%;
    /* border-radius: 10px; */
    position: absolute;
    top: 0;
    left: -2px; 
	box-shadow:0px 0px 10px #254e71;
}
.course_day_time {
	font-size: 18px;
	color: #ffffff;
	position: absolute;
	cursor: pointer;
}
.course_day_time1 {
	font-size: 15px;
	top: 30%;
    left: 30%;
}
.course_day_time2 {
	top: 27.7%;
    left: 45.5%;
}
.course_day_time3 {
	top: 37.7%;
    left: 59%;
}
.course_day_time4 {
	top: 50.7%;
    left: 69%;
}
.course_day_time5 {
	top: 68.5%;
    left: 47%;
}
.box1 {
	float: left;
}
.box1 img {
	display: inline-block;
}
.about_section > img {
	float: right;
	width: 534px;
}
.about_photo {
	width: 50%;
	position: relative;
	float: left;
}
.about_box {
	width: 50%;
	float: right;
	padding-left: 50px;
}
.about_photo img {
	float: right;
}
.about_heng {
	width: 100%;
	height: 175px;
	background: #263c5a;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
	transform: translateY(-50%);
}
.about_info {
	margin-bottom: 40px;
}
.abput_title {
	font-size: 20px;
	color: #ffffff;
	font-family: SourceHanSansK-Bold;
}
.about_text {
	font-size: 20px;
	color: #ffffff;
	margin-top: 8px;
}
.about_block {
	margin-bottom: 100px;
}
.news_item {
	margin-bottom: 20px;
}
.news_time {
	float: left;
	border: 1px solid #d9d9d9;
	padding: 10px;
	text-align: right;
	margin-right: 35px;
	margin-top: 50px;
}
.news_mouth {
	font-size: 20px;
	color: #d2cac0;
	font-family: SourceHanSansK-Normal;
	margin-bottom: 5px;
}
.news_years {
	font-size: 14px;
	color: #d2cac0;
}
.news_area {
	float: left;
	border-left: 1px solid #f7f7f7;
	float: left;
	padding:37px 40px;
	position: relative;
	    width: 613px
}
.news_area::before {
	content: "";
	position: absolute;
	left: -2px;
	top: 50%;
	transform: translateY(-50%);
	height: 30px;
	width: 2px;
	background: #152661;
}

.news_box {
	float: right;
    width: 725px;
    margin-top: 14px;
}
.news_title {
	font-size: 18px;
	color: #ffffff;
	font-family: SourceHanSansK-Medium;
	margin-bottom: 00px;
}
.news_text {
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
	margin-bottom: 15px;
	font-family: SourceHanSansK-Normal;
}
.news_item:hover .news_area {
	background: url(../images/bg7.png) no-repeat left top;
	background-size: 100% 100%;
}
.news_photo {
	float: left;
	width: 417px;
	height: 212px;
	overflow: hidden;
}
.news_photo img {
	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; 
}
.news_item:hover .news_photo img {
	transform:scale(1.1);
}
.news_ex_title {
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}
.news_ex_time {
	font-size: 20px;
	color: #d2cac0;
	text-align: center;
	margin: 25px 0;
}

.con_section {
	background: #e6eaf0;
	padding: 35px 85px 60px 85px;
	margin-bottom: 100px;
}
.con_left {
	float: left;
	width: 415px;
}
.con_title {
	font-size: 24px;
	color: #333333;
	font-family: SourceHanSansK-Bold;
	margin-bottom: 30px;
	line-height: 24px;
}
.con_text {
	font-size: 16px;
	color: #333333;
	margin-bottom: 80px;
}
.con_box span {
	font-size: 16px;
	color: #666666;
	line-height: 35px;
	font-family: SourceHanSansK-Light;
}
.con_right {
	float: right;
	width: 415px;
}
.con_form input[type=text] {
	width: 200px;
	height: 40px;
	font-size: 12px;
	padding: 5px 8px;
	color: #646464;
	font-family: SourceHanSansK-Light;
	line-height: 40px;
	background: #dadee4;
	border: none;
	margin-bottom: 12px;
}
.con_form input[type=text]:nth-child(3) {
	margin-left: 12px;
}
.con_form textarea {
	width: 415px;
	height: 100px;
	padding: 5px 8px;
	font-size: 12px;
	color: #646464;
	font-family: SourceHanSansK-Light;
	background: #dadee4;
	border: none;
	margin-bottom: 10px;
	outline: none;
}
.con_form input[type=text]::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #646464;
}
.con_form input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #646464;
}
.con_form input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #646464;
}
.con_form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #646464;
}
.con_form textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #646464;
}
.con_form textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #646464;
}
.con_form textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #646464;
}
.con_form textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #646464;
  }
.con_btu {
	width: 415px;
	height: 40px;
	line-height: 40px;
	background: #3f4d7e;
	color: #ffffff;
	font-family: SourceHanSansK-Light;
	font-size: 12px;
	border: none;
}
.about_section {
	margin-bottom: 85px;
}
.map {
	width: 100%;
	height: 350px;
}
.technology_text {
	font-size: 16px;
	text-align: center;
	color: #ffffff;
	margin-top: 10px;
	display: none;
}
.fu {
	position: fixed;
	bottom: 40%;
	right: 3%;
	z-index: 123;
}
.fu_link {
	font-size: 16px;
	color: #ffffff;
	background: #263c5a;
	border-radius: 5px;
	width: 90px;
	line-height: 66px;
	height: 66px;
	margin-bottom: 10px;
	text-align: center;
}
.fu_link1 {
	font-size: 16px;
	color: #ffffff;
	background: #263c5a;
	border-radius: 5px;
	width: 90px;
	padding: 10px 0;
	height: 66px;
	line-height: 23px;
	text-align: center;
}