@charset "utf-8";
.pc{ display:block}
.sj{ display:none}
 /* 幻灯片容器 */
       .slideshow {
            width:100%;
            height:350px;
            overflow:hidden;
        }

        /* 图片样式 */
       .slideshow img {
     
            height: 340px;
            object-fit: cover;
            position: absolute;
            opacity: 0;
            animation: fade 12s infinite;
        }

        /* 第一张图片的延迟 */
       .slideshow img:nth-child(1) {
            animation-delay: 0s;
        }

        /* 第二张图片的延迟 */
       .slideshow img:nth-child(2) {
            animation-delay: 4s;
        }

        /* 第三张图片的延迟 */
       .slideshow img:nth-child(3) {
            animation-delay: 8s;
        }

        /* 定义淡入淡出动画 */
        @keyframes fade {
            0%,
            33% {
                opacity: 0;
            }

            33%,
            66% {
                opacity: 1;
            }

            66%,
            100% {
                opacity: 0;
            }
        }

.bs em{ color:#FFFFFF}
.bs h3{ color:#FFFFFF}
.about{ width:auto; color:#fff; padding-bottom:200px; padding-top:250px;}
.about .left{ float:left; width:40%; height:700px; font-size:20px; line-height:40px;}
.about .left .a01{
	font-size:36px;
	display:block;
	font-weight:bold;
	padding-bottom:0px;
	text-transform: uppercase;
}

.about .right{ float:right; width:60%;}
.about .right .a01{ font-size:60px; display:block; font-weight:bold; padding-bottom:20px;}
.about .right .a02{ font-size:18px; display:block; line-height:30px;}
.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;}




.about1{ width:auto; color:#000; padding-bottom:200px; padding-top:250px;}
.about1 .left{ float:left; width:45%; height:700px;}
.about1 .left .a01{
	font-size:36px;
	display:block;
	font-weight:bold;
	padding-bottom:0px;
	text-transform: uppercase;
}
.about1 .left .a02{
	font-size:30px;
	display:block;
	padding-bottom:0px;
	text-transform: uppercase;
}
.about1 .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;
}
.about1 .right{ float:right; width:50%; }
.about1 .right .a01{ font-size:60px; display:block; font-weight:bold; padding-bottom:20px;}
.about1 .right .a02{ font-size:18px; display:block; line-height:40px; text-align:right}
.about1 .right .a03{ clear:both}
.about1 .right .a03 li{ float:left; width:28%; margin-right:5%; margin-top:50px;}
.about1 .right .a03 li u{
	display:block;
	font-size:16px;
	text-decoration: none;
}
.about1 .right .a03 li strong{ display:block; font-size:74px; float:left;}
.about1 .right .a03 li p{ float:left; padding-top:68px;}



.about2{ width:auto; color:#000; padding-bottom:200px; padding-top:250px;}
.about2 .title{ float:left; width:100%; text-align:center; font-size:40px; font-weight:bold; padding-bottom:30px;}
.about2 .body {
	font-size:18px;
	display:block;
	padding-bottom:0px;
	line-height:40px;
	padding-top:30px;
}







.lx{ width:auto; color:#FFFFFF; display:block; margin-top:0px; font-size:16px}
.lx li{ float:left; margin-right:30px; line-height:30px;}
.lx li img{ padding-bottom:10px;}
.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: 25%; 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;
}
.group .list .w { line-height: 1.2; margin-top: 20px; color: #666; }
.row-a6{ width:auto}
.row-a6 .title{ height:100px; margin-top:90px; font-size:20px; width:80%; margin-left:auto; margin-right:auto;}
.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:38px;
	display:block;
	text-transform: uppercase;
}
.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:15px; display:block; padding-top:15px; clear:both; overflow:hidden}
.news1 .right1 li strong{ font-size:16px; display:block; padding-bottom:10px;}
.news1 .right1 li span{ text-align:center}
.news1 .right1 li span u{
	text-decoration: none;
	display:block;
	font-size:48px;
	font-weight:bold;
}
.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;
}




@media screen and (max-width:900px) {
.pc{ display:none}
.sj{ 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:#fff; padding-bottom:20px; padding-top:10px;}
.about .right .a01{ font-size:24px; text-align:center;}
.about .right .a02{ text-align:center}
.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{ margin-right:10px;}
.lx li strong{ margin-bottom:20px;}
.lx li img{ padding-bottom:0px;}
.fd-copy{ padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px;}
.news1 .left1{ width:100%; float:none}
.about1 .left{ float: none; width:100%; height:auto;}
.about2 .left{ float: none; width:100%; height:auto;}
.about2{ padding-top:100px; padding-bottom:100px;}
}