@import url("base.css");
@import url("header.css");
@import url("footer.css");


/* 区块通用 */
.block-tit  {text-align: center;}
.block-tit h3 { font-size: 48px; color: #000; font-weight: lighter;}

.block-tit h3 span{ color: #283da6; font-weight: normal; }
.block-tit h5 { font-size: 22px; font-weight: lighter; text-transform: uppercase; color: rgba(0,0,0,.4);}
.block-con {}
.block-bot {}

/** common styles*/
.page-wrapper {position:relative ;margin:0 auto; width:100%; min-width:300px;/* overflow:hidden;*/}


/** slider styles  banner*/
.slider-one__title {margin:0; color:#fff; font-size:75px; line-height:85px; font-weight:bold; text-shadow:  2px 3px 0px rgba(0,0,0,.45); -webkit-animation-duration:2s; animation-duration:2s; -webkit-animation-fill-mode:both; animation-fill-mode:both;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}
.slider-one__title span{font-size: 60px; font-weight: lighter;}
.slider-one__text { margin:0; color:rgba(255,255,255,.95); font-size:24px; font-weight:lighter; letter-spacing:.02em ;margin-top:25px; text-shadow: 0 1px 1px rgba(0,0,0,.5); -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}

.slider-one .active .slider-one__title {-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-delay:.5s;animation-delay:.5s;}
.slider-one .active .slider-one__text {-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-delay:1s;animation-delay:1s;}

[class*=slider-one__slider-] {background-color:#222; background-repeat:no-repeat; background-size:cover; background-position:center center;}
[class*=slider-one__slider-] { padding:180px 20% 320px ;}

.slider-one .owl-theme .owl-dots{position:absolute; top:50%; right:2%; transform:translateY(-50%); display:flex; flex-direction:column;}
.slider-one .owl-theme .owl-dots .owl-dot+.owl-dot {margin-top:10px;}
.slider-one .owl-theme .owl-dots .owl-dot span {padding:0; margin:0; width:16px; height:16px;background-color:transparent;border:2px solid #fff;transition:all 500ms ease;}
.slider-one .owl-theme .owl-dots .owl-dot:hover span,
.slider-one .owl-theme .owl-dots .owl-dot.active span {background-color:#fff;}

/**  about styles */
.about-one .container{width: 1300px; margin: 0 auto; border-bottom: 10px solid #b2b9df;}
.about-one__inner-container { padding-left: 60px; padding-right: 60px;	padding-top: 70px;	padding-bottom: 70px;	background-color: #fff;	box-shadow: 0px -21px 20px 0px rgba(28, 58, 104, 0.1); position: relative; z-index: 100; margin-top: -180px;}
.about-one__inner-container::before,
.about-one__inner-container::after {content: ''; width: 100%;height: 100%; position: absolute; left: 0; background-color: #fff;}
.about-one__inner-container::before {top: -15px; -webkit-transform: scaleX(0.948); transform: scaleX(0.948);	opacity: 0.7;}
.about-one__inner-container::after {top: -30px;	-webkit-transform: scaleX(0.897); transform: scaleX(0.897); opacity: 0.5;}

.aboutbox{position: relative;z-index: 10; padding-top: 20px;}
.aboutbox .detailbox{float: right; width: 700px; padding-right: 40px;}
.aboutbox .detailbox .titbox h3{ font-size: 48px; float: left; font-weight: lighter;}
.aboutbox .detailbox .titbox h3 span{ color: #283da6;  font-weight: normal;}
.aboutbox .detailbox .titbox h5{ float: left; padding: 30px 0 0 15px; font-size: 22px; color: rgba(0,0,0,.4); font-weight: lighter;text-transform: uppercase; }
.aboutbox .detailbox .conbox{font-size: 20px; color: #333; line-height: 175%; padding-top: 30px; font-weight: lighter; text-indent: 40px;}
.aboutbox .detailbox .conbox a{color: #f60;}
.aboutbox .detailbox .linkbox{margin-top: 50px; padding: 20px 30px; border-top: 1px dashed rgba(0,0,0,.3);}
.aboutbox .detailbox .linkbox li{position: relative; float: left; width: 33.33%; padding-left: 20px;}
.aboutbox .detailbox .linkbox li:before{ content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 10px; background: rgba(0,0,0,.2);border-radius: 3px;}
.aboutbox .detailbox .linkbox li a{font-size: 24px; color: #039; font-weight: lighter;}
.aboutbox .detailbox .linkbox li a:hover{color: #f60;}

.aboutbox .picbox{ float: left; width: 430px; padding-top: 50px; position: relative; }
.aboutbox .picbox .img{ width: 340px; margin: 0 auto; }
.aboutbox .picbox .ap{position: relative;z-index: 10; background: #fff;}
.aboutbox .picbox .ap img{ border:10px solid transparent;box-shadow: 0 0 5px rgba(0,0,0,.2); }
.aboutbox .picbox .img:before,
.aboutbox .picbox .img:after,
.aboutbox .picbox:before,
.aboutbox .picbox:after{content: ""; width: 200px; height: 150px; position: absolute; left: 35px; top: 20px; background: rgba(40,61,166,.55);z-index: 5;}
.aboutbox .picbox:before{top:50px; left: 20px; background: rgba(244,0,8,.35); height: 200px;}
.aboutbox .picbox .img:before{ left: inherit; top: inherit; bottom: -5px; right: 30px; width: 100px; background: rgba(255,198,0,.5);}
.aboutbox .picbox .img:after{left: inherit; top: inherit; bottom: -25px; right: 45px; width: 120px; background: rgba(255,198,0,.5);}

/*competitiveness style*/
.competitiveness{ padding:50px 0 80px; }
.competitiveness .container{width: 1300px; margin: 0 auto;}
.competitiveness .block-con{padding-top: 50px;}

.competitiveness li{float: left; width: 20%; height: 280px; background: #eafaff; text-align: center; overflow: hidden; position: relative;}
.competitiveness li.c1{width: 40%; height: 560px; background: #e0f0ff;}
/*.competitiveness li.c2,.competitiveness li.c4,.competitiveness li.c6{background: #eafaff;}*/
.competitiveness li.c3,.competitiveness li.c5,.competitiveness li.c7{background: #99c2ff;}
.competitiveness li svg{font-size: 140px; opacity: .7;}
.competitiveness li.c1 svg{font-size: 320px;}
 .competitiveness li:hover .caption {opacity:1;}
.competitiveness li:hover .picon {opacity:1;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.competitiveness li:hover .h4 {opacity:0;transform:scale(1.15,1.15);-webkit-transform:scale(1.15,1.15);-moz-transform:scale(1.15,1.15);-ms-transform:scale(1.15,1.15);-o-transform:scale(1.15,1.15);}
.competitiveness .picon {margin:60px 0 0px;padding:0px;z-index:4;}
.competitiveness .picon .h4 {padding-top:20px;font-size:24px;font-weight:lighter;color:rgba(0,0,0,.6);}
.competitiveness .c1 .picon .h4 {padding-top:60px;}
.competitiveness .caption {position:absolute;opacity:0;top:0;left:0;bottom:0;right:0;-webkit-transition:all 0.45s ease-in-out;-moz-transition:all 0.45s ease-in-out;-o-transition:all 0.45s ease-in-out;-ms-transition:all 0.45s ease-in-out;transition:all 0.45s ease-in-out;}
.competitiveness .picon {-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;}
.competitiveness .blur {background-color:rgba(0,0,0,0.65);top:0;left:0;bottom:0;right:0;z-index:5;position:absolute;}
.competitiveness .caption-text h1 {text-transform:uppercase;font-size:30px;line-height:200%;padding-bottom:15px;}
.competitiveness .caption-text {z-index:10;color:#fff;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;top:25%;padding:0 25px;font-weight:lighter;}
.competitiveness .c1 .caption-text h1 {font-size:40px;}
.competitiveness .c1 .caption-text {top:40%;font-size:20px;}


/*cooperateBox style*/
.cooperateBox {  width: 100%; margin: 0 auto; background: #161923; }
.cooperateBox h1 { padding:30px 50px 10px; float: left; width: 100%; font-size: 50px;text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-weight: lighter; color: black; margin: 0; margin-top: 20px; letter-spacing: -1px; }
.cooperateBox h1 span{ color: #fff; font-weight: normal; }
.cooperate_container { max-width: 1280px; margin: 15px auto 100px; }
.immersive_slider .is-slide .content h2{ line-height: 140%; font-weight: 100; color: white; }
.immersive_slider .is-slide .content a { color: #fff; }  
.immersive_slider .is-slide .content p{float: left; font-weight: 100; width: 100%; font-size: 17px; margin-top: 10px; line-height: 160%; color: rgba(255,255,255,.65); }
.cooperate_title{ position: relative; z-index: 1;}
.cooperate_title .h2{display: block; text-transform:uppercase; color: rgba(255,255,255,.5); font-weight: lighter; font-size: 24px; text-align: center;}
.cooperate_title .tips{ position: relative; max-width: 1280px; margin: 20px auto 30px; padding: 20px 60px 20px 150px;background: rgba(255,255,255,.15); color: rgba(0,0,0,.8); border:1px dashed rgba(255,255,255,.25); text-align: left; font-size: 18px; line-height: 180%;  box-shadow: 0 4px 5px rgba(0,0,0,.2)}
.cooperate_title .tips-ico{position: absolute; left: 35px; top: 25px; font-size: 80px; color: rgba(0,0,0,.3);}


/* 小屏幕（桌面显示器，大于等于 1366px） */
@media (max-width:1366px) {
	.page-wrapper{width: 1340px; margin: 0 auto; overflow: hidden;}

	/* 区块通用 */
	.block-tit  {}
	.block-tit h3 { font-size: 36px;}
	.block-tit h5 { font-size: 16px; }

	/** slider styles  banner*/
	.slider-one__title { font-size:55px; line-height:60px; text-shadow:  1px 2px 0px rgba(0,0,0,.45);}
	.slider-one__title span{font-size: 42px; }
	.slider-one__text { font-size:18px; }
	[class*=slider-one__slider-] { padding:100px 15% 200px ;}
	.slider-one .owl-theme .owl-dots{ top:45%;}

	/**  about styles */
	.about-one .container{ border-bottom: 10px solid rgba(178,185,223,.4);}
	.about-one__inner-container {	padding-top: 40px;	padding-bottom: 65px; margin-top: -100px;}
	.aboutbox .detailbox{ width: 770px; }
	.aboutbox .detailbox .titbox h3{ font-size: 36px; }
	.aboutbox .detailbox .titbox h5{  padding: 25px 0 0 15px; font-size: 16px; }
	.aboutbox .detailbox .conbox{font-size: 18px; }
	.aboutbox .detailbox .conbox a{color: #f60;}
	.aboutbox .detailbox .linkbox{margin-top: 30px; }
	.aboutbox .detailbox .linkbox li a{font-size: 20px; }

	.aboutbox .picbox{ float: left; width: 370px; padding-top: 50px; position: relative; }
	.aboutbox .picbox .img{ width: 280px; margin: 0 auto; }
	.aboutbox .picbox .ap{position: relative;z-index: 10; background: #fff;}
	.aboutbox .picbox .ap img{ border:10px solid transparent;box-shadow: 0 0 5px rgba(0,0,0,.2); width: 280px; }

	/*competitiveness style*/
	.competitiveness .block-con{padding-top: 40px;}
	.competitiveness li{ height: 260px;}
	.competitiveness li.c1{height: 520px; }
	.competitiveness li.c3,.competitiveness li.c5,.competitiveness li.c7{background: #99c2ff;}
	.competitiveness li svg{font-size: 140px; opacity: .7;}
	.competitiveness li.c1 svg{font-size: 320px;}
	.competitiveness .picon {margin:45px 0 0px;}
	.competitiveness .picon .h4 {padding-top:15px;font-size:20px;}
	.competitiveness .c1 .picon .h4 {padding-top:50px;}
	.competitiveness .caption-text h1 {font-size:26px;line-height:160%;padding-bottom:10px;}

	/*cooperateBox style*/
	.cooperateBox h1 { padding:25px 50px 5px;  font-size: 36px; }
	.cooperate_container { margin: 15px auto 60px; }
	.immersive_slider .is-slide .content p{ font-size: 16px;  font-weight: lighter; }
	.cooperate_title{ position: relative; z-index: 1;}
	.cooperate_title .h2{ font-size: 18px; }
	.cooperate_title .tips{ padding: 20px 60px 20px 120px; font-size: 16px; line-height: 150%; }
	.cooperate_title .tips-ico{ font-size: 60px; }


}

/* 小屏幕（桌面显示器，大于等于 768px） */
@media (max-width:768px) {	
	.page-wrapper{width: 100%; margin: 0 auto; overflow: hidden;}

	/* 区块通用 */
	.block-tit  {}
	.block-tit h3 { font-size: 36px;}
	.block-tit h5 { font-size: 16px; }

	/** slider styles  banner*/
	.slider-one__title { font-size:46px; line-height:50px; }
	.slider-one__title span{font-size: 36px; }
	.slider-one__text { font-size:14px; margin-top: 15px; }
	[class*=slider-one__slider-] { padding:80px 10% 100px ;}
	.slider-one .owl-theme .owl-dots{ top:35%;}

	/**  about styles */
	.about-one .container{ border-bottom: 15px solid rgba(178,185,223,.25); width: 100%;}
	.about-one__inner-container {padding: 35px 50px; padding-bottom: 30px; margin-top: -40px;}
	.aboutbox {padding-top: 0;}
	.aboutbox .detailbox .titbox h3{ font-size: 36px; width: 100%; text-align: center; }
	.aboutbox .detailbox .titbox h5{  padding: 0; font-size: 16px;width: 100%; text-align: center; }
	.aboutbox .detailbox{width: 100%; padding: 0;}
	.aboutbox .detailbox .linkbox li{width: 50%; }
	.aboutbox .detailbox .conbox{ font-size: 16px; padding-top: 15px;}
	.aboutbox .picbox{display: none;}

	.aboutbox .detailbox .linkbox li a{font-size: 16px;}

	/*competitiveness style*/
	.competitiveness{padding-bottom: 20px;}
	.competitiveness .container{width: 100%;}
	.competitiveness .block-con{padding-top: 25px;}
	.competitiveness li{float: inherit; width: 80%; height: 280px; margin: 0 auto 2px; }
	.competitiveness li.c1{width: 80%; height: 280px; }
	.competitiveness li svg{font-size: 140px; opacity: .7;}
	.competitiveness li.c1 svg{font-size: 140px;}
	.competitiveness li:hover .caption {opacity:1;}
	.competitiveness .picon {margin:30px 0 0px;padding:0px;z-index:4;}
	.competitiveness .picon .h4 {display: none;}
	.competitiveness .c1 .picon .h4 {padding-top:60px;}
	.competitiveness .caption {position:inherit;opacity:1;top:auto;left:auto;bottom:auto;right:auto; width:100%; }
	.competitiveness .caption-text h1 {font-size:26px;line-height:180%;padding-bottom:0px;}
	.competitiveness .caption-text {color:#000;}
	.competitiveness .c1 .caption-text h1 {font-size:22px;}
	.competitiveness .c1 .caption-text {top:40%;font-size:16px;}

	/*cooperateBox style*/
	.cooperateBox {  width: 100%; margin: 0 auto; background: #161923; }
	.cooperateBox h1 { padding:30px 50px 0px; float: left; width: 100%; font-size: 36px;text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; font-weight: lighter; color: black; margin: 0; margin-top: 20px; letter-spacing: -1px; }
	.cooperateBox h1 span{ color: #fff; font-weight: normal; }
	.cooperate_container { max-width: 1280px; margin: 0 auto 30px; }
	.immersive_slider .is-slide .content h2{ line-height: 140%; font-weight: 100; color: white; }
	.immersive_slider .is-slide .content a { color: #fff; }  
	.immersive_slider .is-slide .content p{float: left; font-weight: 100; width: 100%; font-size: 16px; margin-top: 10px; line-height: 160%; color: rgba(255,255,255,.65);  font-weight: lighter;}
	.cooperate_title{ padding: 0;}
	.cooperate_title .h2{ font-size: 16px; }
	.cooperate_title .tips{ max-width: auto; margin: 20px auto 10px; padding: 20px 25px 20px 90px;  border:none; text-align: left; font-size: 16px; line-height: 150%; }
	.cooperate_title .tips-ico{position: absolute; left: 15px; top: 15px; font-size: 72px; color: rgba(255,255,255,.3);}

}

/* 小屏幕（桌面显示器，大于等于 560px） */
@media (max-width:560px) {

	/* 区块通用 */
	.block-tit  {}
	.block-tit h3 { font-size: 30px; text-align: center; padding-left: 0px;}
	.block-tit h5 { font-size: 12px; text-align: center; padding-left: 0px; }

	/** slider styles  banner*/
	.slider-one__title { font-size:34px; line-height:40px; }
	.slider-one__title span{font-size: 28px; }
	.slider-one__text { font-size:14px; margin-top: 10px; display: none;}
	[class*=slider-one__slider-] { padding:60px 10%  100px;}
	.slider-one .owl-theme .owl-dots{ display: none;}

	/**  about styles */
	.about-one .container{ border-bottom: 12px solid rgba(178,185,223,.2); }
	.about-one__inner-container { padding: 20px 30px; margin-top: -40px;}
	.aboutbox .detailbox .titbox h3{ font-size: 30px; width: 100%; }
	.aboutbox .detailbox .titbox h5{ font-size: 12px; width: 100%; float: inherit; padding-left: 0;  }
	.aboutbox .detailbox .conbox{font-weight: 14px; }
	.aboutbox .picbox{display: none;}

	.competitiveness{padding-top: 20px;}
	.competitiveness .caption-text{font-size: 14px;}
	.competitiveness .caption-text h1{font-size: 20px;}
	.competitiveness .c1 .caption-text h1 {font-size:20px;}
	.competitiveness .c1 .caption-text { font-size:14px;}

	.competitiveness li{float: inherit; width: 80%; height: 240px; margin: 0 auto 2px; }
	.competitiveness li.c1{width: 80%; height: 240px; }
	.competitiveness li svg{font-size: 120px; opacity: .7;}
	.competitiveness li.c1 svg{font-size: 120px;}

	.cooperateBox h1{font-size: 30px; padding-top: 10px;}
	.cooperate_title .h2{font-size: 12px;}
	.cooperate_title .tips{font-size:14px; }


}