/*videos*/
.videos{overflow:hidden;height:500px; width: 1300px; margin: auto; }

.videos .video_img {width: 100%;overflow: hidden;
 height: 500px;
 position: relative; }
.videos .video_img img {display: block; width: 1300px;height: 500px;overflow: hidden;}

.home{ width: 1300px; display: block; overflow: hidden;
    height: 730px; margin: auto;}

.top-banner {

	text-align: center;
	display: block;
	width: 1300px; margin: auto; 
    height: 730px;overflow: hidden;
	min-width: 780px
}
.top-banner:after {
	content: "";
	background-color: rgba(0,0,0,.5)
}

.top-banner .megvii_video,.top-banner .megvii_video-dimensions,.top-banner:after {
	
	width: 1300px;
	height: 730px;overflow: hidden;
	z-index: 1;
	left: 0;
	top: 0
}

.top-banner .megvii_video-dimensions video,.top-banner .megvii_video video {
	width: 1300px; height: 730px;
	overflow: hidden;
	display: block;
	
}

.top-banner img {
	display: block;
	width: 100%
}

.top-banner h1 {
	color: #fff;
	position: absolute;
	width: 1150px;
	text-align: center;
	left: 0;
	top: 45%;
	font-size: 50px;
	font-weight: lighter;
	line-height: 50px;
	z-index: 10; padding: 0 50px;
	letter-spacing: 20px;
	font-weight: bold;
}








/*.videos .video_img i{position:absolute;width:79px;height:80px;display: block;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/icon_play.png) no-repeat center;cursor:pointer;}*/

.videos .pages{margin:30px 0px;}
/*videos*/


/*about*/
.aboutlist { width: 100%; background: #fff; padding-bottom: 40px; margin-top: 40px;clear: both; }
.wrap {	width: 1140px; margin: 0 auto; overflow: hidden;}
/*tp*/

.i-about-wrap { padding-top: 0px; padding-left: 0px; }

.video-left{width: 565px; position:relative; height:450px; overflow:hidden; float: left;}


.cpMedia-con{height:450px;width: 565px;}
.cpMedia-con video{height:auto;width: 565px; margin-top: 20px;} 

/*å¹»ç¯ç‰‡*/
.i-about-slide { width: 565px; position:relative; height:450px; overflow:hidden; float: left;}
.i-about-slide .slides { position:relative; z-index:1; }
.i-about-slide .slides li { height:415px; background-color: #000; }
.i-about-slide .slides li img{ width: 565px; height: 415px;overflow: hidden; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}

.i-about-slide .slides li img:hover{ transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);-webkit-transform:scale(1.04);}


/*.i-about-slide .flex-control-nav { position:absolute; bottom:20px; right: 20px;left: auto; z-index:2; width:200px; text-align:right; font-size: 0; }
.i-about-slide .flex-control-nav li{display:inline-block; *display: inline; *zoom: 1; width: 13px; height: 13px; margin-left: 4px; vertical-align: middle; }
.i-about-slide .flex-control-nav a { display: block; width:9px; height:9px; border: 2px solid #fff; cursor: pointer; -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.i-about-slide .flex-control-nav .flex-active { background-color: #ea4a20; border-color: #ea4a20; }*/

.flex-control-nav{position: absolute;width: 100%;font-size:0;bottom: 10px;left: 0;z-index:8;text-align: left;}
.flex-control-nav li{display: inline-block;margin: 0 5px;}
.flex-control-nav li a{display: block;width: 15px; height: 15px; background:#a3a3a3;cursor:pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;}
.flex-control-nav li a.flex-active{background-color:#25408f;}

/*tp*/
.i-about-intro { width:510px; float: right; position: relative; }
.i-about-intro .para{ padding-top: 10px; overflow: hidden;}
.i-about-intro .para a{display: block;line-height: 34px;text-align: center;margin-top: 18px; border: 0px solid #ddd;loat: right;}
.i-about-intro .para a:hover{color: #333;}
.i-about-intro h2 {
    font-size: 28px;font-weight: bold;
  
    margin-bottom: 5px;
    color: #25408f;
}
.i-about-intro i:after {
    display: block;
    content: "";
    width: 40px;
    height: 5px; 
    background: #25408f;
    margin: 8px 0px;
}

.i-about-intro .milestone { display: block; width: 93px; height: 32px; line-height: 32px; background-color: #ea4a20; background-color: #ea4a20; position: absolute; right: 50px; top: 34px; color: #fff; text-align: center; text-decoration: underline; }
.i-about-intro .milestone:hover { background-color: #029b46; }

/*.i-about-intro .para { text-align:justify;}*/
.i-about-intro .para p { line-height: 22px; color: #646464; }
.i-about-intro .para p a { border-bottom: 0px solid #25408f; color: #333; margin-left: 8px;  float: right;}



/**/


.i-about-intro .hold{text-align: justify ; padding-top:10px; overflow: hidden;}
.i-about-intro .hold ul{ zoom: 1;}
.i-about-intro .hold ul li{  float: left; width:31.5%;  margin-right: 2%;} 
.i-about-intro .hold ul li:nth-child(3n) {margin-right: 0px;}
.i-about-intro .hold ul li img{  width: 100%;border: 1px solid #25408f;} 
.i-about-intro .hold ul li img:hover{opacity: 0.5; }
/*about*/


@media (max-width: 1200px){
.video-left{width: 48%; margin-right: 4%; height: auto;}
.cpMedia-con{width: 100%; height: auto;}
.cpMedia-con video{width: 100%;}
.i-about-intro{width: 48%;}
}

@media (max-width: 1100px){
.i-about-intro .hold{display: none;}
}


@media (max-width: 800px){
.i-about-intro .hold{display: block;}
}
@media (max-width: 950px){
.video-left{width: 100%;}
.aboutlist{margin-top: 10px; padding-bottom: 0px;}
.i-about-intro{width: 100%}
.i-about-intro .hold{display: block;}
}

@media (max-width: 640px){
	.i-about-intro h2 {font-size: 18px;}
	}
/*product*/


.picdut{width:100%;  margin-top: 0px;  padding-top:30px ;overflow: hidden;}
.picdut h2{ text-align: center; font-size: 28px;font-weight: bold; color: #25408f; line-height: 40px;}
.picdut h3{ text-align: center; font-size: 20px; color: #333; line-height: 40px;}

.picdut ul{}
.picdut ul li { width:23.5%; float: left; margin-right:2%; margin-bottom: 25px;background: #f7f7f7;}
.picdut ul li:nth-child(4n) {margin-right: 0px;}
.picdut ul li .figure{padding:10px 10px;}
.picdut ul li .figure img{display:block; width:100%;height:100%; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.picdut ul li .figure:hover img{ transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);-webkit-transform:scale(1.04);}

.picdut ul li .txet{line-height:38px; height:38px; text-align: center; padding: 0 10px; overflow: hidden;}
.picdut ul li .more{ text-align: center;padding: 0px 10px 5px;border-bottom: 2px solid #25408f;}
.picdut ul li .more:hover{border-bottom:2px solid #ff1010; }

/*product*/

@media (min-width: 720px){
	.picdut ul li .txet{white-space: nowrap;}
	}
@media (max-width: 720px){
.picdut h2{font-size: 18px;line-height: 28px;}
.picdut h3{font-size: 15px;line-height: 24px;margin-bottom:15px ;}
.picdut ul li {width: 48%; margin-right:4%;}
.picdut ul li:nth-child(2n) {margin-right: 0px;}
.picdut ul li .txet{}
}

/*Certiryzz*/


.Certiryzz{width:100%;background: #fff; padding-bottom: 50px; margin-top: 0px; padding-top:30px ;overflow: hidden;}

.Certiryzz h2{ font-size: 24px; color: #333; line-height: 60px; text-align: center; margin-bottom: 10px; }
.Certiryzz h2 i{font-size: 28px;font-weight: bold; color: #25408f; line-height: 60px;}

.Certiryzz ul{ zoom: 1;}
.Certiryzz ul li { width:23.8%; position: relative;float: left; margin-right:1.6%; margin-bottom: 25px;
     box-shadow: 0 0 8px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.3);
    -o-box-shadow: 0 0 8px rgba(0,0,0,.3);
    -ms-box-shadow: 0 0 8px rgba(0,0,0,.3);}

.Certiryzz ul li:nth-child(4n) {margin-right: 0px;}
.Certiryzz ul li img{display:block; width:100%;height:100%;}


/*Certiryzz*/

@media (max-width: 820px){
.Certiryzz{padding-bottom: 10px;}
.Certiryzz h2 i{font-size: 15px;line-height: 24px;}
.Certiryzz h2{font-size: 15px;line-height: 24px;margin-bottom:15px ;}
.Certiryzz ul li {width: 48%; margin-right:4%;}
.Certiryzz ul li:nth-child(2n) {margin-right: 0px;}
}

/*Certiryzz*/


/*product*/


.Phzhb{width:100%;background: #f7f7f7; padding-bottom: 50px; margin-top: 0px; height: 300px; padding-top:40px ;}
.Phzhb h2{ text-align: center; font-size: 28px;font-weight: bold; color: #25408f; line-height: 40px;}


.Phzhb ul{ margin-right:-13px; }
.Phzhb ul li { width:187px; height: 98px; float: left; margin-right:13px; margin-top: 15px;border: 1px solid #25408f;}

.Phzhb ul li img{display:block; width:100%;height:100%; }
.Phzhb ul li img:hover{opacity: 0.5; }




/*product*/








.Phzhb1{width:100%;background: #f7f7f7; padding-bottom: 50px; margin-top: 0px; height: 300px; padding-top:40px ;}
.Phzhb1 h2{ text-align: center; font-size: 28px;font-weight: bold; color: #25408f; line-height: 40px;}


.Phzhb1 ul{ margin-right:-13px; }
.Phzhb1 ul li { width:187px; height: 98px; float: left; margin-right:13px; margin-top: 15px;border: 1px solid #25408f;}

.Phzhb1 ul li img{display:block; width:100%;height:100%; }
.Phzhb1 ul li img:hover{opacity: 0.5; }


.Phzhb1 .slick-arrow{position:absolute;font-size:0;width:20px;height:40px;top:78%;margin-top:-35px;z-index:2;cursor:pointer;}
.Phzhb1 .slick-prev{left:0px;background:rgba(0,0,0,.3) url(../images/left4.png) no-repeat center}
.Phzhb1 .slick-next{left:auto;right:2px;background:rgba(0,0,0,.3) url(../images/right4.png) no-repeat center}
.Phzhb1 .slick-prev:hover{background:rgba(0,0,0,.3) url(../images/left3.png) no-repeat center}
.Phzhb1 .slick-next:hover{background:rgba(0,0,0,.3) url(../images/right3.png) no-repeat center}




/* partner */


.index-partner{max-width:1200px; margin:0 auto;position:relative;}
.parmox{overflow:hidden;margin-top: 30px;}
.index-partner ul  li{ width:187px; height: 98px; 
    float: left;
    margin-right: 7px; margin-left: 6px;
    margin-bottom: 15px;
    transition: all .3s;}


.index-partner ul li img{display:block;  width:187px; height: 98px;  border:#25408f 1px solid}
.index-partner ul li img:hover{opacity:0.5;filter:alpha(opacity=60);}




.index-partner .prev,.index-partner .next{position:absolute; width:37px; height:71px; display:block; top:40%; margin-top:-15px; background-image:url(../images/p-btn.png);
background-repeat:no-repeat;}
.index-partner .prev:hover,.index-partner .next:hover{background-image:url(../images/p-btnh.png);}
.index-partner .prev{background-position:left top; left:-35px;}
.index-partner .next{background-position:right top; right:-35px;}


/* partner */




/*pvisit*/


.pvisit{width:100%; padding-bottom: 30px; margin-top: 0px; height: 480px; padding-top:30px ;}
.pvisit ul{ margin-right:-30px; padding-top: 15px;}
.pvisit ul li { width:380px; float: left; margin-right:30px; margin-bottom: 25px;background: #fff; }

.pvisit ul li h2 {
    font-size: 28px;
    font-weight: normal;font-weight: bold;
    margin-bottom: 10px;
    color: #25408f;
}
.pvisit ul li i:after {
    display: block;
    content: "";
    width: 40px;
    height: 5px; 
    background: #25408f;
    margin: 10px 0px;
}



.pvisit ul li .figure{width: 380px;height:270px;margin-top: 20px;}
.pvisit ul li img{display:block;overflow: hidden; width:100%;height:100%;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}



.pvisit ul li img:hover{transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);-webkit-transform:scale(1.04) }
.pvisit ul li .txet{line-height:24px; height:96px; text-align: left; padding: 0 10px;margin-top: 10px;}


/*pvisit*/












