body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'font-xi'; color:#666;}
a{color:#666;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}
.wapper1{ width:1280px; margin:0 auto;}

@font-face
{
font-family:"font-cu"; 
src:url(../images/font-cu.ttf);
}


@font-face
{
font-family:"font-xi"; 
src:url(../images/font-xi.ttf);
}


.head{padding-top: 85px;margin-bottom: 40px;}
.headl{float: left;width: 40%;}
.headl .logo{width: 100%;margin-bottom: 20px;}
.headl .logo2{width: 100%;}
.headl .logo2 span{font-size:12px;color: #000000;margin-top:8px;}
.headr{float: right;width: 60%;}
.headr ul li{float:right;padding: 20px 0 0 0;}
.headr ul li a{font-size: 16px;color:#999;margin-right: 30px;    font-weight: bold;}
.headr ul .on a{color: #111111;}
.headr ul li a:hover{color: #111111;}

.m-head{width: 100%;}
.m-head-t{width: 100%;}
.m-head-t ul{padding-bottom: 15px;border-bottom: 1px solid #000000;display: none;}
.m-head-t ul .on a{color: #999999;}
.m-head-t ul li{width: 100%;height: 40px;line-height: 40px;}
.m-head-t ul li a{font-size: 16px;color: #999999B3;display: block;width: 100%;text-align: center;}
.m-head-t span{font-size: 16px;color: #999999B3;display: block;width: 100%;text-align: center;margin: 10px 0;}
.m-head-b{width: 100%;text-align: center;padding: 30px 0;}
.m-head-b img{margin-bottom: 40px;}
.m-head-b span{display: block;width: 100%;}



.heng{width: 100%;}
.heng h2{font-size: 24px;display: block;width: 100%;text-align: center;margin-top:60px;margin-bottom: 30px;color: #000000;}
.heng span{font-size: 18px;display: block;width: 100%;text-align: center;color:#505050;}

.con{padding: 50px 0;}
.con ul li{float: left;width:31%;margin-right: 35px;margin-bottom: 20px;position:relative;}
.con ul li:hover .conpicbg{opacity: 1;}
.con ul li .conpic{width: 100%;}
.con ul li .conpic img{width: 100%;    height: 473px;
    object-fit: cover;}
.con ul li .conpicbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color:rgba(252,252,252,0.2);opacity: 0;}
.con ul li .concon{width: 100%;}
.con ul li .concon h2{font-size: 14px;color: #404040;display: block;width: 100%;margin: 10px 0;text-align: center;font-weight: normal;}
.con ul li:nth-child(3){margin-right: 0;}
.con ul li:nth-child(6){margin-right: 0;}
.con ul li:nth-child(9){margin-right: 0;}
.con ul li:nth-child(12){margin-right: 0;}
.con ul li:nth-child(15){margin-right: 0;}
.con ul li:nth-child(18){margin-right: 0;}
.con ul li:nth-child(21){margin-right: 0;}
.con ul li:nth-child(24){margin-right: 0;}
.con ul li:nth-child(27){margin-right: 0;}
.con ul li:nth-child(29){margin-right: 0;}
.con ul li:nth-child(31){margin-right: 0;}

.footer{width: 100%;margin-top: 50px;margin-bottom: 80px;}
.footer .ftl{float:left;width: 36%;}
.footer .ftr{float: right; width:70%}
.footer .ftr .foot{float: right;width: 38px;height: 38px;margin-right: 20px;}
.footer .ftr .foot2{margin-right: 0px;}


.fucon{padding: 50px 0;}
.fucon .abl{float: left;width: 46%;}
.fucon .abl ul li{float: left;width: 32%;margin-right: 5px;margin-bottom: 7px;}
.fucon .abl ul li img{width: 100%;display: block;height: 250px;
    object-fit: cover;}
.fucon .abr{float:right;width: 100%%; padding-top:0px}
    .fucon .abr span {
        width: 100%;
        display: block;
        word-wrap: break-word;
        font-size: 21px;
        margin-bottom: 20px;
        color: #999;
        line-height: 27px;
        font-family: font-xi;
    }


.fucon .ctl{float: left;width: 20%;}
.fucon .ctl span{font-size: 36px;color: #444444;display: block;width: 100%;text-align: center;margin-bottom: 40px;}
.fucon .ctl .ctlcon{width: 100%;margin-bottom: 50px;}
    .fucon .ctl .ctlcon h2 {
        font-size: 28px;
        font-family: font-cu;
        display: block;
        width: 100%;
        text-align: center;
        color: #000000;
        margin-bottom: 30px;
    }
.fucon .ctl .ctlcon h3{font-size: 18px;color: #000;text-align: center;font-weight: normal;margin-bottom: 30px;}
.fucon .ctl .ctlcon a{font-size: 18px;color: #000;text-align: center;display: block;width: 100%;text-decoration: underline;}
.fucon .ctr{float: right;width: 100%;margin-right:60px;}
.fucon .ctr .ctrpic{width: 100%;text-align: center;margin-bottom: 60px;}
.fucon .ctr .ctrcon{width: 100%;}
.fucon .ctr .ctrcon span{font-size:18px;color: #999;word-wrap: break-word;display: block;width: 100%;margin-bottom: 20px;font-family: font-xi;}
.fucon .ctr .ctrcon a{font-size:18px;color: #999;word-wrap: break-word;display: block;width: 100%;margin-bottom: 20px;text-decoration: underline;text-align: center;}

.head{display: block;}
	.m-head{display: none;}
	
	
	
@media screen and (max-width:680px) {
	
	.head{display: none;}
	.m-head{display: block;}
	.wapper{width: 92%;}
.wapper1{ width:92%;}

.head{padding-top: 85px;margin-bottom: 40px;}
.headl{float: left;width: 40%;}
.headl .logo{width: 100%;margin-bottom: 20px;}
.headl .logo2{width: 100%;}
.headl .logo2 span{font-size:12px;color: #000000;margin-top:8px;}
.headr{float: right;width: 60%;}
.headr ul li{float:right;padding: 37px 0;}
.headr ul li a{font-size: 14px;color:#999;margin-right: 30px;}
.headr ul .on a{color: #111111;}
.headr ul li a:hover{color: #111111;}

.m-head{width: 100%;}
.m-head-t{width: 100%;}
.m-head-t ul{padding-bottom: 15px;border-bottom: 1px solid #000000;display: none;}
.m-head-t ul .on a{color: #999999;}
.m-head-t ul li{width: 100%;height: 40px;line-height: 40px;}
.m-head-t ul li a{font-size: 16px;color: #999999B3;display: block;width: 100%;text-align: center;}
.m-head-t span{font-size: 16px;color: #999999B3;display: block;width: 100%;text-align: center;margin: 10px 0;}
.m-head-b{width: 100%;text-align: center;padding: 30px 0;}
.m-head-b img{margin-bottom: 0px;width: 100%;}
.m-head-b span{display: block;width: 100%;}



.heng{width: 100%;}
.heng h2{font-size: 24px;display: block;width: 100%;text-align: center;margin-top:60px;margin-bottom: 30px;color: #000000;}
.heng span{font-size: 18px;display: block;width: 100%;text-align: center;color:#505050;}

.con{padding: 50px 0;}
.con ul li{float: left;width: 100%;margin-left: 10px;margin-right:0px;margin-bottom: 20px;position:relative;}
.con ul li:hover .conpicbg{opacity: 1;}
.con ul li .conpic{width: 100%;}
.con ul li .conpic img{width: 100%;}
.con ul li .conpicbg{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-color:rgba(252,252,252,0.2);opacity: 0;}
.con ul li .concon{width: 100%;}
.con ul li .concon h2{font-size: 14px;color: #404040;display: block;width: 100%;margin: 10px 0;text-align: center;font-weight: normal;}
.con ul li:nth-child(1){margin-left: 0;}
.con ul li:nth-child(3){margin-left: 0;}
.con ul li:nth-child(5){margin-left: 0;}
.con ul li:nth-child(7){margin-left: 0;}
.con ul li:nth-child(9){margin-left: 0;}
.con ul li:nth-child(11){margin-left: 0;}
.con ul li:nth-child(13){margin-left: 0;}
.con ul li:nth-child(15){margin-left: 0;}
.con ul li:nth-child(17){margin-left: 0;}
.con ul li:nth-child(19){margin-left: 0;}
.con ul li:nth-child(21){margin-left: 0;}

.footer{width: 100%;margin-top: 50px;margin-bottom: 80px;}
.footer .ftl{float:left;width: 30%;}
.footer .ftr{float: right;70%}
.footer .ftr .foot{float: right;width: 38px;height: 38px;margin-right: 20px;}
.footer .ftr .foot2{margin-right: 0px;}


.fucon{padding: 50px 0;}
.fucon .abl{float:none;width: 100%;margin-bottom: 30px;}
.fucon .abl ul li{float: none;width:100%;margin-right: 5px;margin-bottom: 7px;}
.fucon .abl ul li img{width: 100%;display: block;}
.fucon .abr{float:none;width:100%;}
.fucon .abr span{width: 100%;display: block;word-wrap: break-word;font-size: 18px;margin-bottom: 20px;color: #000;line-height: 27px;font-weight: 540;}


.fucon .ctl{float: none;width: 100%;}
.fucon .ctl span{font-size: 36px;color: #444444;display: block;width: 100%;text-align: left;margin-bottom: 40px;}
.fucon .ctl .ctlcon{width: 100%;margin-bottom: 50px;}
.fucon .ctl .ctlcon h2{font-size: 28px;font-weight: bold;display: block;width: 100%;text-align: left;color: #000000;margin-bottom: 30px;}
.fucon .ctl .ctlcon h3{font-size: 18px;color: #000;text-align: left;font-weight: normal;margin-bottom: 30px;}
.fucon .ctl .ctlcon a{font-size: 18px;color: #000;text-align: left;display: block;width: 100%;text-decoration: underline;}
.fucon .ctr{float:none;width:100%;margin-right:60px;}
.fucon .ctr .ctrpic{width: 100%;text-align: center;margin-bottom: 60px;}
.fucon .ctr .ctrcon{width: 100%;}
.fucon .ctr .ctrcon span{font-size:18px;color: #999;word-wrap: break-word;display: block;width: 100%;margin-bottom: 20px;}
.fucon .ctr .ctrcon a{font-size:18px;color: #999;word-wrap: break-word;display: block;width: 100%;margin-bottom: 20px;text-decoration: underline;text-align: center;}
}