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

.cytoplogo{ width:80%; margin:0 auto; height:118px; overflow:hidden;}
.cylogo{ margin-top:33px;}


#nav {width:62%; float:left; margin-top:30px; margin-left:3%; overflow:hidden; }
#nav li a {
	display: block;
	width: 100%;
	text-align:center;
	color:#312f32;
	font-size:17px;
	height:42px;
	line-height:42px;
}
#nav li {float: left; width:14%;}
#nav li a:hover{text-decoration:none;color:#e54000;background:#FFF;border-bottom:3px solid #e54000;width:100%;}
#nav li a#cur{color:#e54000;background:#FFF;width:100%;border-bottom:3px solid #e54000;}

#nav li ul {
	line-height:42px;
	list-style-type: none;
	text-align:left;
	left: -999em;
	width: 10%;
	position: absolute;
	border-top-style: none;
	z-index:100000;
	overflow:hidden;
}

#nav li ul li{
	float: left;
	width: 100%;
	background: #FFF;filter: Alpha(Opacity=90);
	border-top: none #F9F9F9;
	border-right: none #F9F9F9;
	border-bottom: 1px solid #e54000;
	border-left: none #F9F9F9;
}
#nav li ul li a{
 display: block;
  width: 100%;
  text-align:center;
 font-size:15px;
 font-weight:normal;
 background:none;
 background:#000; border-bottom:1px solid #e54000;
}
#nav li ul a:link  {
 color:#FFF; text-decoration:none;
}
#nav li ul a:visited  {
 color:#FFF;text-decoration:none;
}
#nav li ul a:hover  {
 color:#e54000;text-decoration:none;font-weight:normal;border-top:none;
 background:#FFF;filter: Alpha(Opacity=70);border-bottom:1px solid #e54000;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}

.cysp01{ width:14%; margin-top:42px; background:url(../images/telhua.png) no-repeat; height:16px; line-height:16px; color:#483065; font-size:20px; font-weight:bold; padding-left:1%;}
/**********************/
.video_boxh1{
width: 1200px;
position: absolute;
left: 0;
right:0;
margin: 0 auto;
top:300px;
text-align: left;
color: #fff;
z-index:100;
font-weight:normal;
font-size:66px;
}

#aaban{ display:block; float:left; width:150px; height:60px; margin-top:60px; line-height:60px; font-size:18px; background:#e87817; color:#FFFF; text-align:center;}


/*.wolong {
    padding: 0 20px;
  }*/
.i-banner {
  position: relative;
  overflow: hidden;
}

.i-banner ul li a .boxwen {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  text-align: center;
  line-height: 1;
  height: 302px;
  font-weight: bold;
}
.i-banner ul li a .boxwen .tit11 {
  /*font-size: 90px;*/
  font-size: 40px;
  line-height: 1.5;
  overflow: hidden;
  color: #f1f3f8;
  font-weight:normal;
}
.i-banner ul li a .boxwen .tit1 {
  /*font-size: 90px;*/
  font-size: 50px;
  line-height: 1.5;
  overflow: hidden;
  color: #f1f3f8;
}
.i-banner ul li.read a .boxwen .tit1{

}
.i-banner ul li a .boxwen .tit2 {
  font-weight: bold;
  text-transform: uppercase;
  /*font-size: 48px;*/
  font-size: 20px;
  line-height: 1.5;
  /*height: 50px;*/
  overflow: hidden;
  color: #343331;
  font-family: Arial;
	margin-top: 15px;
    margin-bottom: 45px;
}
.i-banner ul li a .boxwen .more {
/*  margin: 0 auto;
  width: 245px;
  height: 55px;
  font-size: 22px;
  line-height: 55px;
  color: #343331;
  border: 2px solid #5c5b5a;
  transition: .5s;
  font-weight: normal;*/
}
.i-banner ul li a .boxwen .more {
	margin: 0 auto;
    width: 220px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    color: #343331;
    border: 2px solid #5c5b5a;
    transition: .5s;
    font-weight: normal;
}
.i-banner ul li a .boxwen .more:hover {
  color: #ffffff;
  background: #d53d30;
  border-color: #d53d30;
  transition: .5s;
}

.i-banner ul {
  height: 100%;
}

/*.i-banner ul li.video a .boxwen .tit2{
  transition-delay: .15s;
}
.i-banner ul li.video a .boxwen .more{
  transition-delay: .3s;
}*/
.i-banner li {
  position: absolute;
  top: 0;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-size: cover !important;
  display: none;
  opacity: 0;
}

.i-banner li.active {
  opacity: 1;
}

.i-banner li a {
  display: block;
  height: 100%;
  width: 100%;
}

.i-banner .btn {
  height: auto;
  position: absolute;
  left: 50%;
  bottom: 40px;
  z-index: 5;
}

.i-banner .btn span {
  display: block;
  text-indent: -9999px;
  width: 53px;
  height: 12px;
  margin: 0 6px;
  border-radius:10px;
  border: 1px solid #888;
  -webkit-transition: all .5s;
  transition: all .5s;
  cursor: pointer;
  float: left;
}

.i-banner .btn span.on {
  background: #483065;
  border: 1px solid #594275;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.i-banner ul li.read a .boxwen{
	text-align: left;
	/*padding:0 10%;*/
	box-sizing: border-box;
	z-index: 3;
	max-width:1200px;
/*	left:auto;*/
	right:10%;
}
.i-banner ul li.read a .boxwen .more{
	text-align: center;
	margin:0;
	display: inline-block;
}
.i-banner ul li.read a:after{
	width:100%;
	height:100%;
	content:"";
	position: absolute;
	left:0;
	top:0;
    background: linear-gradient(to right, rgba(0,0,0,.1) , rgba(0,0,0,.6)); 

}
.i-banner li a{
	position: relative;
	z-index: 2;
}
.i-banner ul li.read a .boxwen .tit1{
	color:#fff;

}
.i-banner ul li.read a .boxwen .tit2{
	color:#fff;	
}
.i-banner ul li.read a .boxwen .more{
	color:#fff;	
	border-color: #ffffff;
}


.section .i-banner ul li a .boxwen .tit2 {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.section .i-banner ul li a .boxwen .tit11 {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.section .i-banner ul li a .boxwen .tit1 {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}
.section .i-banner ul li a .boxwen .more {
  transition: 1s;
  transform: translateY(60px);
  opacity: 0;
  filter: alpha(opacity=0);
}

.section.animate .i-banner ul li.active a .boxwen .tit11 {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}

.section.animate .i-banner ul li.active a .boxwen .tit2 {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.section.animate .i-banner ul li.active a .boxwen .tit1 {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.section.animate .i-banner ul li.active a .boxwen .more {
  transition: 1s;
  transform: translateY(0);
  transition-delay: .1s;
  opacity: 1;
  filter: alpha(opacity=100);
}

/********************/

.cyabout{ width:80%; margin:0 auto; margin-top:50px;}
.cyabout1{ width:55%;}
.cyh01{ width:100%; font-size:42px; color:#2c2d2d; font-weight:normal;}
.cyh02{ width:100%; color:#616161; font-size:22px; font-weight:normal;}
.cysp02-1{ width:85px; height:7px; background:#483065; margin-top:12px;}
.cyp01{ width:100%; line-height:40px; color:#4c4c4c; margin-top:32px; font-size:16px; text-align:justify;}

.cyul01{ width:100%; margin-top:30px;}
.cyul01 li{ width:25%; float:left; text-align:center; font-size:16px;}
.cyul01 li img{ margin-bottom:15px;}

.aboutmoree{ width:150px; height:40px; margin-left:30%; line-height:40px; color:#FFF; border-radius:50px; background:#483065; text-align:center; font-size:17px; margin-top:30px;}
.aboutmoree:hover{ background:#e87817; color:#FFF;}

.cyabout2{ width:40%; margin-left:5%;}
.cyabout2 img{ width:100%; float:left; height:auto; margin-top:7%;}
/******************************/

.cychanpin{ width:80%; margin:0 auto; margin-top:50px; text-align:center; line-height:35px; font-size:20px; color:#616161;}
.cychanpin strong{ font-size:42px; font-weight:normal; color:#2c2d2d;}

.cychanpin1{ width:80%; margin:0 auto;}
.cychanpin1 ul{ width:100%; float:left;}
.cychanpin1 li{ width:25.33333%; float:left; margin:1.5%; background:url(../images/cpbg2.jpg) no-repeat; padding:5% 2.5%;}
.cychanpin1 li a h1{ color:#3f3e40; margin-bottom:15px; font-size:20px; font-weight:normal;}
.cychanpin1 li a hr{ display:block; width:100%; border:none; height:1px; background:#3f3e40;}
.cychanpin1 li a span{ width:100%; color:#483065; margin-top:15px; display:block; float:left;}
.cychanpin1 li:hover{ background:url(../images/cpbg.jpg) no-repeat;}
.cychanpin1 li:hover a h1{ color:#FFF;}
.cychanpin1 li:hover a span{ color:#FFF;}
.cychanpin1 li:hover a hr{ background:#FFF;}
/**********************************/



.dhyoushiwrap{ width:100%; margin:0 auto; height:920px; overflow:hidden;}
.dhyoushi {
    overflow: hidden;
    width: 100%;
}
.dhyoushi2{
    height:920px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.mingzhenyoushi4{ width:80%; margin:0 auto; height:230px; position:relative; z-index:10; margin-top:-700px;}
.hsyytitle{ width:100%; float:left; padding-left:100px; background:url(../images/titlebg.png) no-repeat left; position:relative; z-index:100; height:39px; line-height:39px; color:#FFF; font-size:36px; font-weight:bold;}
.mingzhenyoushi4 ul{ width:100%; float:left; margin-top:60px;}
.mingzhenyoushi4 li{float:left;font-size:20px; cursor:pointer; text-align:center; color:#565656; height:210px; width:21%; margin:0 2%; color:#FFF;}
.mingzhenyoushi4 li strong{ font-size:30px;}
.mingzhenyoushi4 li:hover{ color:#e87817;}
.mingzhenyoushi4 li img{ margin:0 auto;}
.tubiao1{ display:block !important;}
.tubiao2{ display:none !important;}
.mingzhenyoushi4 li:hover .tubiao2{ display:block !important;}
.mingzhenyoushi4 li:hover .tubiao1{ display:none !important;}

.cyxian2{ width:100%; height:1px; border:none; background:#FFF; margin:0 auto; margin-top:80px;}
/***********/
.neiba {
    overflow: hidden;
    width: 100%;
}
.neiyeba1{
    height:112px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.cyhezuohb{
    height:284px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;	
	}
/*********************/

.cyfuwu{ color:#2c2d2d; width:80%; margin:0 auto; margin-top:50px; text-align:center; font-size:42px;}
.cyfuwu2{ width:100%; margin:0 auto; background:url(../images/fuwubg.jpg) no-repeat top center; background-size:100%; margin-top:30px; padding:10% 0;}
.cyfuwu2-1{ width:35%; margin-left:60%;}
.cyfuwu2-1 h1{ display:block; width:100%; font-weight:normal; color:#000000; font-size:30px;}	
.cyfuwu2-1 h2{ display:block; width:100%; font-weight:normal; color:#000; font-size:37px; margin-top:20px;}
.cyfuwu2-1 p{ width:100%; line-height:32px; margin-top:25px; font-size:17px; color:#717171;}
.cyfuwu2-1 a{ color:#483065; display:block; float:left; margin-top:20px; font-size:17px;}
.cyfuwu2-1 a:hover{ color:#e87817; font-weight:bold;}
/****************************/

.xwwrap{ width:100%; margin:0 auto;background:url(../images/xwbg.gif) repeat-x bottom;}

.cyxinwen{ width:80%; margin:0 auto; margin-top:50px; }
.cyxinwen1{ width:45%; margin-right:5%; background:#FFF;}
.xwimg{ width:100%; height:auto;}
.cyxinwentt1{ width:94%; padding:3%; line-height:27px;}
.cyxinwentt1 strong{ font-size:16px;}

.cyxinwen2{ width:50%;}
.cyxinwen2 ul{ width:100%; float:left;}
.cyxinwen2 li{ width:94%; margin:15px 0px 40px 0; line-height:32px; background:url(../images/xinlibg.png) no-repeat 0px 10px; padding-left:6%;}
/*************************************/


.cyfoot{ width:100%; margin:0 auto; border-bottom:1px solid #333; }
.cyfootwai{ width:80%; margin:0 auto;}
.cyfoot1{ width:20%; border-right:1px solid #333;padding-bottom:20px;}

.hrxian2{ width:66px; height:5px; border:none; background:#483065;}
.cysp03{ width:84%; margin-top:30px; background:url(../images/telhua2.png) no-repeat 0 10px; padding-left:15%;}
.cysp03 strong{ font-size:20px;}

.cyfoot2{ width:70%; padding-left:9%;}
.cyfoot2 ul{ width:100%; margin-top:42px; float:left;}
.cyfoot2 li{ padding:0 20px; float:left;}

.cyfoot3{ width:80%; margin:0 auto; margin-top:30px; padding-bottom:15px;}
.cyfoot3-1{ width:12%; float:right;}
.cyfoot3-1 ul{ width:100%; float:left;}
.cyfoot3-1 li{ width:45%; margin-right:5%; font-size:12px; text-align:center; float:left;}
.cyfoot3-1 li img{ width:100%; height:auto; border:1px solid #000; margin-bottom:5px;}