@charset "utf-8";
@import 'iconfont.css';

.ver > * {
  display: inline-block;
  vertical-align: middle;
}
.hv-scale {
  overflow: hidden;
}
.hv-scale img {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.hv-scale:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.c-red {
  color: #2994c5;
}
.bg-red {
  background: #2994c5;
}
.hv:hover {
  color: #2994c5;
}
.hv-f:hover {
  color: #fff;
}
.tran3 {
  transition: 0.3s;
}
.table-cell {
  display: table;
  width: 100%;
}
.table-cell > * {
  display: table-cell;
  vertical-align: middle;
}
.row-pv10 {
  margin-left: -5px;
  margin-right: -5px;
}
.row-pv10 > * {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}
.row-pv0 {
  margin-left: 0;
  margin-right: 0;
}
.row-pv0 > * {
  padding-left: 0;
  padding-right: 0;
}
.row-pv12 {
  margin-left: -6px;
  margin-right: -6px;
}
.row-pv12 > * {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 12px;
}
.row-pv20 {
  margin-left: -10px;
  margin-right: -10px;
}
.row-pv20 > * {
  padding-left: 10px;
  padding-right: 10px;
}
.mv0 {
  margin-left: 0!important;
  margin-right: 0!important;
}
.pv0 {
  padding-left: 0!important;
  padding-right: 0!important;
}
.pt0 {
  padding-top: 0px !important;
}
.pb0 {
  padding-bottom: 0px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mt0 {
  margin-top: 0!important;
}
.medium {
  font-family: medium;
}


/* footer s*/
footer {
  color: #666;
  padding-bottom: 0px;
  background: #f5f5f5;
}
footer a {
  color: #666;
}

footer .content {
  padding: 35px 0;
}
.jia{
	width:auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e4e4e3;
	overflow:hidden; padding-bottom:22px;
	margin-bottom:40px;
}
.jia .left{ float:left; padding-top:22px;}
.jia .left span{ float: right; color:#333333; font-weight:bold; font-size:24px; padding-top:20px; padding-left:10px;}
.jia .left span strong{ display:block; font-weight:normal; font-size:14px;}
.jia .right{ float:right; padding-top:22px;}
.jia .right  span{ padding-top:20px; float:left; text-align:right}


.bg1{
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.cp{ width:auto; padding-top:60px;}
.cp .left{ float:left; width:22%;}
.cp .left .title{ width:auto; font-size:16px; line-height:30px; color:#333333; padding-bottom:50px;}
.cp .left .title strong{ font-size:36px; display:block; padding-bottom:25px;}
.cp .left .body{ width:auto}
.cp .left .body ul{ padding-left:0px;}
.cp .left .body li{ background-color:#FFFFFF; font-size:18px; font-weight:bold; line-height:50px;
border-top-left-radius:0em;
            border-top-right-radius:2em;
            border-bottom-right-radius:2em;
            border-bottom-left-radius:0em;margin-bottom:20px; color:#1c97cf; }
.cp .left .body li a{ color:#1c97cf; display:block;padding-left:30px;}
.cp .left .body li a:hover{ background-color:#1c97cf; color:#FFFFFF;border-top-right-radius:2em;
            border-bottom-right-radius:2em;}
.cp .right{
	float:right;
	width:74.5%;
	background-image: url(../images/index_11.jpg);
	background-repeat: no-repeat;
	height:400px;
	padding-bottom:20px;
}
.cp .right span{
	width:500px;
	height:190px;
	float:right;
	margin-top:52px;
	background-image: url(../images/bg4.png);
	display:block;
	color:#FFFFFF;
	padding:54px;
	font-size:16px;
	line-height:30px;
}
.cp .right span strong{ display:block; font-size:24px; padding-bottom:25px; font-weight:normal}
.cp .right span a{
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display:block;
	line-height:50px;
	width:130px;
	margin-top:20px;
}
.cp1{ width:auto;}
.cp1 ul{ padding-left:0px;}
.cp1 li{ float:left; width:23.5%; margin-right:2%; overflow:hidden }
.cp1 li img{ width:100%;transition: all 0.5s ease-out;}
.cp1 li img:hover{
	transform: scale(1.05);}
.cp1 li:nth-child(4n){ margin-right:0%;} 
.cp1 li span{ background-color:#1c97cf; color:#FFFFFF; line-height:35px; text-align:center; display:block}

#cpdemo {
	overflow:hidden;
	width: 100%;
	margin-left:0px;
	margin-bottom: 0px;
	margin-top:30px;
}

#cpindemo {
	float: left;
	width: 800%;
	height:auto !important;
	overflow:hidden;
}
#cpdemo #cpdemo1, #cpdemo #cpdemo2 {
	float:left;
	height:auto !important;
	overflow:hidden;
}
#cpdemo ul {
	margin: 0px;
	padding: 0px;
}

#cpdemo ul li{
	float:left;
	padding-top:5px;

	font-size: 14px;

	background-color:#f9f9f9;
	margin-left:20px;
	margin-right:20px;
	overflow:hidden;
	margin-top:50px;
	
}


#cpdemo ul li:hover {
	color:#FFFFFF;
	background-image: url(../images/bg1.png);
	background-position: center center;
}
#cpdemo ul li a {
	width:300px;
	display:block;
		padding:50px;
		color:#333333
}

#cpdemo ul li a:hover {
	color:#FFFFFF;
	
}



#cpindemo a {
	color: #333333;
}

#cpdemo ul li u {
	text-decoration: none;
	font-size:16px
	
}
#cpdemo ul li strong {
font-size:18px;
display:block;
padding-top:20px;
padding-bottom:30px;

	
}
#cpdemo ul li em {
	font-style: normal;	
	
}
#cpdemo ul li span {
	display:block;
	padding-bottom:40px;
	line-height:30px;
	font-size:16px;
	height:100px;

}





#cpdemo00 {
	overflow:hidden;
	width: 100%;
	margin-left:15px;
	margin-bottom: 0px;
	margin-top:30px;
}

#cpindemo {
	float: left;
	width: 800%;
	height:auto !important;
	overflow:hidden;
}
#cpdemo00 #cpdemo11, #cpdemo00 #cpdemo22 {
	float:left;
	height:auto !important;
	overflow:hidden;
}
#cpdemo00 ul {
	margin: 0px;
	padding: 0px;
}

#cpdemo00 ul li {
	float:left;
	display:inline;
	padding-top:5px;
	width:300px;
	text-align:center;
	font-size: 14px;
	padding:20px;
	background-color:#FFFFFF;
	margin-left:20px;
	margin-right:20px;
	
}
#cpindemo00 a {
	color: #333333;
}

#cpdemo00 ul li img {
	width:265px;
	height:376px;
	
}
#cpdemo00 ul li span {
	display:block;
	height:40px;
	line-height:40px;
	overflow:hidden;
	text-align:center;
	font-size:16px
}




#cpdemo000 {
	overflow:hidden;
	width: 100%;
	margin-left:0px;
	margin-bottom: 0px;
	margin-top:30px;
}

#cpindemo {
	float: left;
	width: 800%;
	height:auto !important;
	overflow:hidden;
}
#cpdemo000 #cpdemo111, #cpdemo000 #cpdemo222 {
	float:left;
	height:auto !important;
	overflow:hidden;
}
#cpdemo000 ul {
	margin: 0px;
	padding: 0px;
}

#cpdemo000 ul li {
	float:left;
	display:inline;
	padding-top:5px;
	width:500px;
	text-align:center;
	font-size: 14px;
	padding:0px;
	background-color:#FFFFFF;
	margin-left:20px;
	margin-right:20px;
	
}
#cpindemo000 a {
	color: #333333;
}

#cpdemo000 ul li img {
	width:500px;
	height:282px;
	
}
#cpdemo000 ul li span {
	display:block;
	height:40px;
	line-height:40px;
	overflow:hidden;
	text-align:center;
	font-size:16px
}

@media (max-width:1400px) {
#cpdemo {

	margin-top:0px;
}
.cp{ margin-top:50px;}
.cp1{ display:none}
}
@media (max-width:800px) {
.cp1{ display: block}
.cp{ width:auto; padding-top:60px;}
.cp .left{ float: none; width:100%;}
.cp .left .title{ width:auto; font-size:16px; line-height:30px; color:#333333; padding-bottom:50px;}
.cp .left .title strong{ font-size:30px; display:block; padding-bottom:25px;}
.cp .left .body{ width:auto}
.cp .left .body ul{ padding-left:0px;}
.cp .left .body li{ background-color:#FFFFFF; font-size:16px; font-weight:bold; line-height:40px;
border-top-left-radius:0em;
            border-top-right-radius:2em;
            border-bottom-right-radius:2em;
            border-bottom-left-radius:0em;margin-bottom:10px; color:#1c97cf; }
.cp .left .body li a{ color:#1c97cf; display:block;padding-left:30px;}
.cp .left .body li a:hover{ background-color:#1c97cf; color:#FFFFFF;border-top-right-radius:2em;
            border-bottom-right-radius:2em;}
.cp .right{
	float: none;
	width:100%;
	background-image: url(../images/index_11.jpg);
	background-repeat: no-repeat;
	height:200px;
	padding-bottom:20px;
	display:none
}
.cp .right span{
	width:70%;
	height:150px;
	float:right;
	margin-top:22px;
	background-image: url(../images/bg4.png);
	display:block;
	color:#FFFFFF;
	padding:30px;
	font-size:16px;
	line-height:30px;
}
.cp .right span strong{ display:block; font-size:24px; padding-bottom:25px; font-weight:normal}
.cp .right span a{
	color:#FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	display:block;
	line-height:50px;
	width:130px;
	margin-top:20px;
}
.cp1{ width:auto;}
.cp1 ul{ padding-left:0px;}
.cp1 li{ float:left; width:47%; margin-right:4%; overflow:hidden; margin-bottom:4%}
.cp1 li img{ width:100%;transition: all 0.5s ease-out;}
.cp1 li img:hover{
	transform: scale(1.05);}
.cp1 li:nth-child(4n){ margin-right:0%;} 
.cp1 li:nth-child(2n){ margin-right:0%;} 
.cp1 li span{ background-color:#1c97cf; color:#FFFFFF; line-height:35px; text-align:center; display:block}

｝