/*common start*/
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:'Microsoft YaHei'; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1600px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/
.head{ width: 100%; position: relative; background-color: #12B7F5;}
.head .logo{ width: 18%; }
.logo img{ width: 100%; display: block;}
.head .menu{ width: 60%;}
.head .menu ul { display: flex; justify-content: left; flex-wrap: wrap;}
    .head .menu ul li {
        padding: 0 20px;
        line-height: 80px;
        text-align: center;
        margin: 0 auto;
    }
        .head .menu ul li a {
            color: #FFFFFF;
            font-size: 20px;
            font-weight: 700;
        }
.head .search{ width: 18%; height: 80px; display: flex;  align-items: center;}
.head .wapper{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.search span{ font-size: 16px; font-weight: bold; color: #FFFFFF; margin-left: 15px;}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.nv{ height: 0;}

.banner{ width: 100%; position: relative;}
.banner img{ width: 100%; display: block; }
.bannernr{ width: 100%; max-width: 1600px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.bannernr h2{ font-size: 24px; color: #12B7F5; padding-bottom: 10px; margin-bottom: 25px; border-bottom:1px solid #12B7F5; display: inline-block;}
.bannernr h1{ font-size: 24px; color: #FFFFFF; font-weight: bold; margin-bottom: 15px;}
.bannernr p{ font-size: 20px; color: #FFFFFF; margin-bottom: 25px;}
.btn1{ padding: 0 20px; line-height: 40px; background-color: #FFFFFF;border-radius: 5px; border:1px solid #12B7F5; color: #12B7F5; display: flex; align-items: center;}
.btn1 img{ width: 20px;}
.btn1 span{ margin-left: 5px; font-size: 16px;}
.bannernr a{ display: inline-block; margin-right: 20px;}

.con1{ padding: 60px 0;}
.con1 h1{ text-align: center; color: #12B7F5; font-size: 20px; margin-bottom: 60px;} 
.con1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.con1 ul li{ width: 32%;  margin-bottom: 15px;}
    .con1 ul li img {
        width: 100%;
        display: block;
        object-fit: cover;
        height: 500px;
    }
.con1 ul li p{ font-size: 16px; text-align: center; line-height: 30px;}

.aboutnr{ padding: 60px 0;}
.aboutnr .wapper1{ width: 100%; max-width: 1200px; margin: 0 auto;}
.aboutnr h1{ font-size: 20px; text-align: center; margin-bottom: 30px; color: #12B7F5;}
.aboutnr p{ font-size: 16px; text-align: center;}

.aboutlist{ }
.aboutlist h1{ font-size: 20px; text-align: center; color: #FFFFFF; margin-bottom: 60px;}
.aboutlist ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboutlist ul li{ width: 31%; border-radius: 5px; background-color: #FFFFFF;  margin-bottom: 25px;}
.aboutlist ul li .pd15{display: flex; justify-content: space-between; flex-wrap: wrap;}
.abicon{ width: 10%; text-align: center;}
.abnr{ width: 88%;}
.pd15{ padding: 15px;}
.abnr h2{ font-size: 16px; color: #12B7F5; margin-bottom: 10px;}
.abnr p{ font-size: 14px; color: #12B7F5;}


.foot{ background-color: #12B7F5;}
.foot ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.foot ul li{ display: flex;align-items:  center; line-height: 160px; width: 25%; text-align: center; justify-content: center;}
.foot ul li span{ font-size: 14px; color: #FFFFFF; margin-left: 10px;}
.footbtom{ background-color: #409CFE; text-align: center;}
.footbtom p{ color: #FFFFFF; text-align: center; line-height: 45px;}
.m{ display:none}

@media(max-width:768px){
	.head{ display: none;}
	.sp_header{ display: block;}
	.nv{ height: 50px;}
	.con1 ul li {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.con1{ padding: 20px 0;}
	.foot ul li {
	    display: flex;
	    align-items: center;
	    line-height: 35px;
	    width: 100%;
	    text-align: center;
	    justify-content: center;
	}
	.aboutnr{padding: 20px 0;}
	.aboutlist{ padding: 20px 0;}
	.aboutlist h1{ margin-bottom: 20px;}
	.wapper{width: 95%;}
	.con1 h1{ margin-bottom: 20px;}
	.aboutlist ul li{ width: 100%;}
	.bannernr h2{ font-size:12px;}
	.bannernr h1{ font-size:12px;}
	.bannernr p{ font-size:12px;}
	.btn1 {
    padding: 0 10px;
    line-height: 30px;}
	.m{ display:block}
	.pc{ display:none;}
	
	.bannernr{ width:90%}
}