@charset "utf-8";
/* CSS Document */
.banner_pc{ margin-top:90px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background:#FFF; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { background: #FFF; }
.flex-control-paging li a.flex-active { background: #C41215; cursor: default;}
@media only screen and (max-width:980px){
.banner_pc{ margin-top:60px;}
}

.wrap { width:100%; max-width:1200px; margin-right:auto; margin-left:auto;}
@media only screen and (max-width:760px){
.wrap { width:94%;}
}

.bt{
	width:100%;
	max-width:1200px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	padding-top:0px;
	padding-bottom:20px;
	}
.bt p:nth-of-type(1){
	font-size:36px;
	color:#000;
	font-weight:bold;
	}
.bt .btt{
	width:40px;
	height:3px;
	background:#1462B3;
	margin:10px auto;
	}
.bt p:nth-of-type(2){
	font-size:16px;
	color:#999;
	}
@media (max-width:768px) {
.bt{width:96%; padding-top:20px; padding-bottom:15px;}
.bt p:nth-of-type(1){ font-size: 24px;}
.bt p:nth-of-type(2){ font-size: 12px;}
}

/**************************关于**************************/
.sy-about{ background:#fff;}
.home-about { padding: 50px 0; }
.home-about-pic { width: 48.5%; float: right;  margin-left: 0px; }
.home-about-pic img{width:100%;}
.home-about-text { width: 48.5%; float: left; }
.home-about-text p{ font-size: 15px; line-height: 25px; color: #333; padding: 0px 0 10px; }

.home-about-text dl dd { position: absolute; left: 0; bottom: 0; }
.home-about-text dl dd a { display: inline-block; width: 110px; height: 40px; font-size: 14px; line-height: 40px; color: #fff; background-color: #1462B3; text-align: center; margin-right: 10px; }
.home-about-text dl dd a:hover { background-color: #dd0004; }


.ind-part{padding:10px 0px; max-width:1200px; height:auto; margin:0 auto; clear:both;}
.ind-tit{text-align:center;font-size:40px;font-weight:lighter;color:#333;text-transform:uppercase;position:relative;margin-bottom:25px;padding-bottom:25px;}
.ind-tit:after{position:absolute;left:50%;bottom:0px;width:52px;height:3px;content:"";background:#333;margin-left:-26px;}
.ind-sub-tit{text-align:center;font-size:16px;color:#777;margin-top:10px;}
.ind-part ul{margin-left:-3%;}
.ind-part ul li{width:22%;float:left;text-align:center;background:#fff;margin-left:3%;-webkit-transition:all .2s linear;transition:all .2s linear;}
.ind-part ul li:hover{-webkit-box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);box-shadow:0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform:translate3d(0, -2px, 0);transform:translate3d(0, -2px, 0)}

.ind-part ul{margin-top:0px;}
.ind-part ul li p{font-size:14px;color: #fff; padding: 20px;background: #1462B3;}
.ind-part ul li img{width:100%;}
@media screen and (max-width: 720px) {
.home-about{ padding:0px 0; }
.home-about-text{ float: none; width:100%; overflow:hidden; max-height:200px;}
.home-about-text p{ font-size:14px; line-height:22px;}
.home-about-pic { float: none;width:100%;}
.ind-part ul{margin-left:-2%;}
.ind-part ul li{width:48%;margin-left:2%; float:left; margin-bottom:2%;}
	
}

a.more{
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
	transition:all 1s;                                     
	border:1px solid #ddd;
	padding:10px 30px;
	color:#333;
	background:#fff;
	font-size:14px;
	}
a.more:hover{
	color:#fff;
	background:#1462B3;
	border:1px solid #1462B3;
	}

/**************************产品**************************/
.index-product-bj{background:#f5f5f5;overflow:hidden;padding-top:40px; padding-bottom:40px;}
.index-title{text-align:center;font-size:36px;line-height:36px;}
.index-product-nr{margin:30px 0;overflow:hidden;}
.index-title-ms{color:#666;text-align:center;margin-top:10px;}

.index-p-list>div {
	width: 31.1%;
	margin-right:3%;float: left;margin-bottom:2%;border:1px solid #f2f2f2;}
.index-p-list>div:nth-of-type(3n){ margin-right:0;}	

.index-p-list>div a {
	position: relative;
	display: block;
	overflow: hidden;
	transition: all ease .4s;
}

.index-p-list>div a.a1:after{ content:""; position: absolute;  z-index:1;top: 0px;left: 0%;width: 100%;height: 100%;background-color:rgba(20,98,179,0.8);transform:translate(0%,110%);transition:all .4s;}
.index-p-list>div a.a1:hover:after{ content:"";transform:translate(0%,0%);transition:all .4s;}

.index-cp-mz{text-align:center;background:#e5e5e5;height:50px;line-height:50px;}
.index-cp-mz a{color:#333;font-size:18px;}
.index-cp-mz a:hover{background:#dedede;color:#1462B3;}
.index-p-list>div a img {
	width: 100%;
	transform: scale(1);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover img {
	transform: scale(1.1);
}
.index-p-list>div a p {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 0px 20px;
	margin: 0px;
	font-size: 24px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	opacity: 0;
	transform:translate(0%,-50%);
	transition: all ease 0.5s;
}
.index-p-list>div a:hover p {
	opacity: 1;
	transition-delay: 0.4s;

}
.index-p-list>div a p:before,.index-p-list>div a p:after{ content:""; position: absolute;  z-index:-1;left: 50%;width: 0%;height:1px;background-color:rgba(255,255,255,0.6);transition:all .4s;}
.index-p-list>div a p:before{content:""; top:0px;}
.index-p-list>div a p:after{content:"";bottom:0px;}
.index-p-list>div a:hover p:before,.index-p-list>div a:hover p:after{ content:"";z-index:-1;margin-left: -30px; width: 60px;transition-delay: 0.8s;}

@media (max-width:768px){
.index-product-bj{ padding-top:0px; padding-bottom:0px;}
.index-p-list>div {
	width: 48.5%;
	margin:0 1.5% 3% 0;}
.index-p-list>div:nth-of-type(3n){ margin-right:1.5%}	
.index-p-list>div:nth-of-type(2n){ margin-right:0}		
}
@media (max-width:580px){	
.index-p-list>div {width: 48.5%;}
.index-cp-mz a{color:#333;font-size:14px;}
.index-cp-mz{height:40px;line-height:40px;}
}


/**************************应用**************************/
.indexThree {  overflow: hidden;background:url(../images/app_bg.jpg) center top no-repeat; padding:50px 0; }

.indexThree .prohfo { margin-bottom: 20px; }

.indexThree ul { margin: 0 -5px; }

.indexThree li { position: relative; margin-bottom: 10px; padding-right: 2%; width:23.5%; float:left;}
.indexThree li:nth-of-type(4){ padding-right:0;}

.indexThree li img { width: 100%; display: block; }

.indexThree li .walktit { display: block; text-align: center; font-size: 18px; font-weight: bold; color: #fff; border-radius: 100px; background-color: rgba(20, 98, 179, 0.85); position: absolute; top: 50%; width: 100px; height: 100px; margin: auto; left: 50%; margin-top: -50px; margin-left: -50px; line-height: 100px; z-index: 10; }

.indexThree li .walkinto { opacity: 0; position: absolute; top: 0; }

.indexThree li h3 { position: absolute; top: 50%; width: 100px; height: 100px; margin: auto; left: 50%; margin-top: -50px; margin-left: -50px; z-index: 11; text-align: center; line-height: 100px; font-size: 18px; color: #fff; }

  .indexThree li a { display: block; position: relative; cursor:default; }
  .indexThree li { position: relative; }
  .indexThree li .walktit { width: 120px; height: 120px; margin-top: -60px; margin-left: -60px; line-height: 120px; font-size: 20px; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li:hover .walktit { width: 100%; height: 100%; margin-top: 0px; margin-left: 0px; border-radius: 0; top: 0; left: 0px; right: 0px; bottom: 0; }
  .indexThree li h3 { text-align: center; font-size: 22px; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li .walkinto { position: absolute; top: 0; left: 5px; right: 5px; bottom: 0; opacity: 0; padding: 150px 35px 0 35px; -webkit-transition: all .4s; transition: all .4s; z-index: 12; }
  .indexThree li:hover .walkinto { opacity: 1; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li:hover h3 { opacity: 0; -webkit-transition: all .4s; transition: all .4s; }
  .indexThree li .walkinto h5 { text-align: center; font-size: 20px; font-weight: bold; text-align: center; color: #fff; padding-bottom: 25px; }
  .indexThree li .pstxt { text-align: center; font-size: 14px; color: #fff; height: 115px; display: block; overflow: hidden; }
  .indexThree li .walkinto .mores { width: 108px; height: 32px; line-height: 32px; text-align: center; margin: auto; display: block; border: 1px #fff solid; color: #fff; margin-top: 18px; }

@media (max-width:980px){
.indexThree {padding:0px 0 20px 0;}
.indexThree li{width:47.5%; padding-left:1%; padding-right:1%;}
}

/**************************新闻**************************/
.index-news{ margin-top:30px;}
.new{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.new ul{
	}
.new ul li{
	width:22.7%;
	float:left;
	}
.new ul li+li{
	margin-left:3%;
	}
.new ul li .netp{
	width:100%;
	height:0;
	padding-bottom: 56%;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	}
.new ul li .netp:before{
	content: ' ';
	position: absolute;
	background: #fff;
	width: 25px;
	height:0;
	padding-bottom: 66.67%;
	top: 0;
	left: -80px;
	opacity: 0.3;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	}
.new ul li:hover .netp:before {
	width: 45px;
	left: 150%;
}
.new ul li .netp img{
	width:100%;
	}
.new ul li .newz{
	width:100%;
	height:125px;
	padding:20px 0px;
	background:#F6F6F6;
	}
.new ul li .newz p{ padding:0 15px;}	
.new ul li .newz p:nth-of-type(1){
	font-size:15px;
	font-weight:bold;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
	}
.new ul li a .newz p:nth-of-type(1){
	color:#333;
	}
.new ul li .newz p:nth-of-type(2){
	font-size:13px;
	line-height:22px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 
	}
.new ul li a .newz p:nth-of-type(2){
	color:#666;
	}
.new ul li .newz hr{
	height:1px;
	border:none;
	background-color:#e0e0e0;
	margin:15px ;
	}
.new ul li a .newz p:hover{ color:#1462B3;}	
.new ul li .newz p:nth-of-type(3){ font-size:12px; color:#999; margin-top:10px;}	
@media (max-width:1000px) {
.index-news{ margin-top:0px;}
.sy-news{  padding:0px 0 30px 0;}
.new{
	width:96%;
	}
.new ul li{
	width:100%;
	float:none;
	}
.new ul li+li{
	margin-left:0%;
	margin-top:20px;
	}
.new ul li .newz{ height:145px;}	
}
@media (max-width:600px) {
.new ul li .newz{ height:115px;}
}




.container08{ background:#f5f5f5; padding:62px 0 60px; text-align:center; margin-top:40px;}
.container08 .title{ margin-bottom:25px}
.container08 .title h3{ font-size:27px; color:#3a3939; margin-bottom:14px}
.container08 .title h5{ color:#3a3939; font-size:15px}

.container08 .input{text-align:center;font-size:0;height: 63px;margin: 0;display:inline-block;}
.container08 .input .input-text{display:inline-block; *display:inline; *zoom:1;width: 512px;height: 63px;line-height: 63px;position:  relative;vertical-align: top;background: #f8f8f8;border: #dcdcdc 1px solid;}
.container08 .input .input-text input{display:block;width:100%;height:100%;font-size: 14px;border:none;background:none;padding-left:32px;position:  relative;z-index: 10;}
.container08 .input .btn{display:inline-block; *display:inline; *zoom:1;width: 136px;height: 65px;line-height: 65px;background: #353434;margin-left: 0;position:relative;z-index:11;transition: 0.6s;cursor: pointer;}
.container08 .input .btn input{display:block;width:100%;height:100%;color: #fff;font-size: 14px;text-transform:uppercase;border:none;background:none;text-align:center;position:relative;z-index:1;cursor: pointer;}
.container08 .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float: left;width: 100%;height: 63px;line-height: 63px;vertical-align:  middle;position:  absolute;top: 0;left: 0;}
.container08 .input .btn:hover{background: #1462B3;}
input::-webkit-input-placeholder{ color:#919191;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#919191; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#919191;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#919191;}

.container08 .input .input-text > input:focus {
  background-color: transparent;
  border-color: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border {
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:first-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type {
  background: transparent;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:before {
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  width: 100%;
}
.container08 .input .input-text > input:focus ~ .input-border:last-of-type:after {
  height: 100%;
  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
  top: 0;
}
.container08 .input .input-text .input-border {
  bottom: 0px;
  display: block;
  left: -1px;
  position: absolute;
  top: -1px;
  right: -1px;
}
.container08 .input .input-text .input-border:before,
.container08 .input .input-text .input-border:after {
  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #353434;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.container08 .input .input-text .input-border:first-of-type:before {
  height: 2px;
  left: 0;
  top: 0;
  width: 0;
}
.container08 .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 2px;
}
.container08 .input .input-text .input-border:last-of-type:before {
  background-color: #353434;

  height: 2px;
  top: calc(100% - 1px);
  right: 0;
  width: 0;
}
.container08 .input .input-text .input-border:last-of-type:after {
  background-color: #353434;
  height: 0;
  top: calc(100% - 1px);
  left: 0;
  width: 2px;
}
@media (max-width:800px) {
.container08 .title{ margin-bottom:15px;}
.container08 .title h3{ font-size:24px;}
.container08 .title h5{ font-size:12px;}
.container08 .input{ width:100%; height:50px;}
.container08 .input .input-text{ width:70%; height:50px; line-height:50px;}
.container08 .input .btn{ width:70px; height:42px; line-height:42px;}
.container08 .input .btn a{ height:50px; line-height:50px;}
.container08{ padding:25px 0 30px; margin-top:20px;}
}