@charset "utf-8";
.sj{ display:none}
.sj1{ display:none}
.ss img{ width:100%; height:450px;}
.pc{ display:block}
.aaaa{ width:150px; line-height:50px; margin-left:auto; margin-right:auto; background-color:#f5f5f5; text-align:center;border-radius:25px; margin-top:15px;}
.aaaa a{ font-size:18px;}
.aaaa a:hover{ color:#000000}
.qq{ font-size:16px; padding-top:10px; padding-bottom:10px;}
.qq p{ line-height:20px; color:#666666}
.zhi{ font-size:14px; line-height:22px; padding-top:7px;}
.bs em{ color:#FFFFFF}
.bs h3{ color:#FFFFFF}
.about{ width:auto; color:#141414; padding-bottom:250px; padding-top:40px;}
.about .left{ float:left; width:45%; height:650px;}
.about .left .a01{
	font-size:36px;
	display:block;
	font-weight:bold;
	padding-bottom:0px;
	text-transform: uppercase;
}
.about .left .a02{
	font-size:30px;
	display:block;
	padding-bottom:0px;
	text-transform: uppercase;
}
.about .left .a03{
	font-size:16px;
	display:block;
	padding-bottom:0px;
	width:140px;
	height:35px;
	line-height:35px;
	text-align:center;
	border-radius: 30px;
	border: 1px solid #000000;
	margin-top:20px;
}
.about .right{ float:right; width:50%; padding-top:3%;}
.about .right .a01{
	font-size:36px;
	display:block;
	font-weight:bold;
	padding-bottom:35px;
	padding-top:60px;
	color:#0d68af;
	text-transform: uppercase;
}
.about .right .a01 u{
	text-transform: uppercase;
	font-size:22px;
	text-decoration: none;
	padding-bottom: 10px;
	display:block;
	font-weight:normal;
}
.about .right .a01 strong{ display:block; font-size:20px; padding-bottom:10px; color:#0d68af}
.about .right .a02{
	font-size:16px;
	display:block;
	line-height:35px;
	text-align: justify;
}
.about .right .a03{ clear:both}
.about .right .a03 li{ float:left; width:28%; margin-right:5%; margin-top:50px;}
.about .right .a03 li u{
	display:block;
	font-size:16px;
	text-decoration: none;
}
.about .right .a03 li strong{ display:block; font-size:74px; float:left;}
.about .right .a03 li p{ float:left; padding-top:68px;}
.about .right .anniu{
	width:150px;
	line-height:35px;
	text-align:center;
	font-size:16px;
	border: 1px solid #666666;
	border-radius:25px;
	margin-top:30px;
	font-weight:bold;
}
.about .right .anniu a{
color:#333333;
}


.lx{ width:auto; color:#FFFFFF; display:block; margin-top:0px; font-size:16px; padding-top:0px;}
.lx li{ float:left; margin-right:30px; line-height:30px; margin-bottom:20px;}
.lx li img{ padding-bottom:10px; float:left; width:40px; margin-right:15px; }
.lx li:nth-child(2n) img { padding-right:3px; padding-left:3px;}
.lx li span{ float:left;}
.lx li strong{ display:block; font-size:32px;}



.group { text-align: center; }
.group .zh {
	font-size: 26px;
	color: #333;
	line-height: 1;
	font-weight:bold;
}
.group .en { font:Arial, Helvetica, sans-serif; font-size: 26px; color: #333; line-height: 1.3; text-transform: uppercase; margin-top: 10px; }
.group .line { display: block; width: 16px; height: 4px; background-color: #282d84; margin: 15px auto 0; }
.group .list { margin-top: 60px; }
.group .list li { width: 33%; float: left; }
.group .list li:hover .ico { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }
.group .list .ico { display: block; height: 70px; width: 70px; border-radius: 50%; background-color: #282d84; margin: 0 auto; transition: .56s; -webkit-transition: .56s; }
.group .list .ico.ico1 { background-image: url(../images/cico_1.png); background-position: center center; background-repeat: no-repeat; }
.group .list .ico.ico2 { background-image: url(../images/cico_2.png); background-position: center center; background-repeat: no-repeat; }
.group .list .ico.ico3 { background-image: url(../images/cico_3.png); background-position: center center; background-repeat: no-repeat; }
.group .list .ico.ico4 { background-image: url(../images/cico_4.png); background-position: center center; background-repeat: no-repeat; }
.group .list .detail {
	text-transform: uppercase;
	color: #333333;
	line-height: 1.2;
	margin-top: 10px;
	display: block;
	font-size:18px;
	font-weight:bold;
}
.group .list .w { line-height: 1.2; margin-top: 20px; color: #666; font-size:16px }
.row-a6{ width:auto}
.row-a6 .title{ height:100px; margin-top:60px; font-size:36px; width:80%; margin-left:auto; margin-right:auto; padding-top:40px; font-weight:bold;  display:block; margin-bottom:20px; height:140px; color:#0d68af}
.row-a6 .title span{
	float:right;
	width:140px;
	height:40px;
	border: 1px solid #CCCCCC;border-radius:25px; line-height:40px; text-align:center;
	font-size:14px;
	margin-top:30px;
}
.row-a6 .title strong{
	font-size:22px;
	display:block;
	text-transform: uppercase;
	padding-bottom:10px;
	font-weight:normal;
}
.news1{ width:auto;}
.news1 .left1{ float:left; width:45%;}
.news1 .left1 img{width:100%;}
.news1 .right1{ float:right; width:52%;}
.news1 .right1 li{ padding-bottom:35px; display:block; padding-top:35px; clear:both; overflow:hidden}
.news1 .right1 li strong{ font-size:16px; display:block; padding-bottom:10px;}
.news1 .right1 li span u{
	text-decoration: none;
	display:block;
	font-size:48px;
	font-weight:bold;
	padding-top:8px;
}
.news1 .right1 li span{ width:17%; float:left;  display:block; padding-top:5px; padding-left:20px;}
.news1 .right1 li div{ width:80%; float:right; font-size:14px}
.news1 .right1 li a{ display:block; color:#222222}
.news1 .right1 li:hover{ background-color:#f5f5f5; display:block; color:#000000}
.link{ width:auto; background-color:#FFFFFF}

#cpdemo {
	overflow:hidden;
	width: 100%;
	margin-left:15px;
	margin-bottom: 20px;
}

#cpindemo {
	float: left;
	width: 1900%;
	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;
	display:inline;
	padding-top:5px;
	width:210px;
	text-align:center;
	font-size: 14px;
	border: 1px solid #f5f5f5;
	margin-right:10px;
}
#cpindemo a {
	color: #563B28;
}

#cpdemo ul li img {
	width:200px;
	height:82px;
}

#colee p {
	margin: 0px;
	height: 40px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}

.news02{width: 100%;overflow: hidden;}
.news02 .content{  display: block;width: 100%; padding: 50px 0; background-color: transparent;transition: all .3s;border-bottom: 1px solid #ddd;}
.news02 .content .main{position: relative;position: relative;width: 1200px;margin: 0 auto;}
.news02 .content .main .imgbox{width: 28%;overflow: hidden;}
.news02 .content .main .imgbox img{display: block;width: 100%;transition: all .6s;}
.news02 .content:hover .main .imgbox img{transform: scale(1.1);}
.news02 .content .main .textbox{position: absolute;top: 50%;right: 0%;transform: translateY(-50%);width: 67%;}
.news02 .content .main .textbox p{font-size: 16px;color: #666;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.news02 .content .main .textbox h3{font-size: 22px;color:#222;font-weight: bold;margin: 26px 0;}
.news02 .content .main .textbox span{font-size: 14px;color:#888;line-height: 100%;}
.news02 .content:hover .main .textbox h3{color: #2488cc;}
/* innerwrap */
.innerwrap{width: 100%;box-sizing: border-box;overflow: hidden;position: relative;}



@media screen and (max-width:1440px) {
.about .right{ float:right; width:50%; padding-top:0%;}
.about .right .a02{
	line-height:30px;
	text-align: justify;
}
}


@media screen and (max-width:900px) {
.pc{ display:none;}
.sj{ display: block;}
.sj1{ display: block;}
.news1 .right1 li div{ width:73%}
.news1 .right1{ float:none; width:100%}
.row-a6 .title{ margin-top:30px;}
.row-a6 .title strong{ font-size:18px}
.about{ width:auto; color:#141414; padding-bottom:20px; padding-top:10px;}
.about .left{ float: none; width:100%; height:auto;}
.about .right{ float: none; width:100%; margin-top:50px;}
.about .right .a03 li strong{ display:block; font-size:24px; float:left;}
.about .right .a03 li p{ float:left; padding-top:13px;}
.lx{ margin-top:20px;}
.lx li{ width:100%}
.lx li strong{ margin-bottom:10px;}
.lx li img{ padding-bottom:0px;}
.lx li:nth-child(2n) img { padding-right:3px; padding-left:3px;

}
.fd-copy{ padding-top:20px; padding-bottom:20px;}
.news1 .left1{ width:100%; float:none}
.lx li span{ float:left; width:75%}
.wei1{ width:35%; margin-left:auto; margin-right:auto; text-align:center;}
.wei1 img{ width:100%;}
.sss{ font-size:14px; line-height:30px;}
.group .zh{ font-size:20px;}
.group .en{ font-size:16px;}
.group .list li{ width:100%; margin-bottom:20px;}
}