/*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; color:#666;}
a{color:#333333;}
a:hover{ color:#f60; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1440px !important; margin:0 auto; max-width:1440px !important;}

@media screen and (min-width:980px) and (max-width:1500px){
	.wapper{ width:90% !important;}
	
	}

.header{ text-align:center;}
.header01{ position:relative; margin-top:2%;}
.weono{ position:absolute; top:20%; right:0; display: flex;align-items: center;}
.weono a{ width:34px; height:34px; display: flex; justify-content: center;  align-items: center; margin-left:40px;}
.weono a img{ max-width:100%; max-height:100%;}
.logo{ width:180px; display:block; margin:0 auto;}
.logo a{ width:100%; height:100%; display: flex; justify-content: center;  align-items: center;}
.logo a img{ max-height:100%; max-width:100%;}

/*menu*/
.menu{height:35px;line-height:35px;margin: 2% auto;}
.menu ul{    display: flex;justify-content: center;  align-items: center;  flex-wrap: wrap;}
.menu ul li{position:relative;margin: 0 4%;}
.menu ul li span>a{display: flex;justify-content: center;  align-items: center; }
.menu ul li span>a img{ margin-right:20px;}
.menu ul li dl{background:#fff;width:100%;position:absolute;left:0px;top:35px;box-shadow:2px 2px 5px rgba(0,0,0,0.2);padding:10px 0;display:none;z-index: 9;}
.menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:20px;color:#333333; text-decoration:none; font-weight:bold;display:block;text-align:center;}
/*.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}
*/


.cent01{ margin-top:3%;}
.tilte{ text-align:center}
.tilte h2{ font-size:50px; color:#333333; display:block; line-height:1}
.tilte em{ font-style:normal; display:block; font-size:24px; color:#656565; margin-top:1.2%; line-height:1}
.cent01 ul li{ display: flex;  justify-content: space-between;  align-items: center; margin:4% 0}
.cent01 ul li:nth-child(2n){ flex-direction: row-reverse; }
.cent01 ul li .img{ width:56%}
.cent01 ul li .img a{ display:block; width:100%}
.cent01 ul li .img a img{ width:100%; vertical-align:bottom;}
.cent01-r{ width:36%}
.cent01-r h2{ font-size:35px; color:#333333; display:block;}
.cent01-r em{ font-style:normal; font-size:16px; color:#666666}
.cent01-r p{ display:block; padding:0; width:30px; height:1px; background:#666666; margin:3% 0;}
.cent01-r span{ font-size:23px; color:#333; display:block;}
.cent01-r a{ display: flex; justify-content: center;  align-items: center; width:66px; height:66px; border-radius:50%; background:#595758; color:#fff; font-size:14px; margin-top:5%;}


.cent02-bg{ margin-top:3%;}
.cent0201{ background: #f9f9f9; padding-top:4%; margin-top:3%;}
.cent02{ position:relative;}
.cent02 h2{ display:block; font-size:18px; line-height:30px; font-weight:normal;}
.cent02 span{ display:block; font-size:18px; line-height:3; margin-top:4%;}
.cent0201 .img02{ text-align:right; margin-top:-8%;}
.cent0201 .img02 img{ max-width:100%; vertical-align:bottom;}

.cent0201 .img01{ margin-top:4%;}
.cent0201 .img01 img{ max-width:100%; vertical-align:bottom;}



.footer-bg{ padding-top:3%; padding-bottom:3%;}
.footer01{ display: flex;  justify-content: space-between;  align-items: center; border-bottom:1px solid #f2f2f2; padding-bottom:2%;}
.footer0101{display: flex;   align-items: center;}
.footer0101 span{ font-size:18px; color:#000;}
.footer0101 a{ width:40px; height:40px;  display: flex; justify-content: center;  align-items: center; margin-left:10px;}
.footer0101 a img{ max-height:100%; max-width:100%;}
.footer0102{display: flex;   align-items: center;}
.footer0102 a{ height:30px; width:auto; display: flex; justify-content: center;  align-items: center; margin-left:50px;}
.footer0102 a img{ max-width:100%; max-height:100%;}
.footer02{ display: flex;  justify-content: space-between;  align-items: center; padding-top:2%;}
.footer0201{display: flex;   align-items: center;}
.footer0201 .img{ width:176px; height:auto}
.footer0201 .img img{ width:100%;}
.footer02-r{ margin-left:30px;}
.footer02-r span{ display:block; font-size:18px; line-height:1.5;}
.ppgs{display: flex;   align-items: center;}
.ppgs a{ font-size:18px; color:#333333; margin-left:10px;}

.top{ display:none}
.sp_header{display:none}
.sjj_nav{display:none}


.banenr01{ width:100%;}
.banenr01 a{ display:block}
.banenr01 a img{ width:100%; vertical-align:bottom;}

.cent04{ margin-top:3%;}
.cent04 ul li{ display: flex;  justify-content: space-between;  align-items: center; margin:4% 0}
.cent04 ul li:nth-child(2n){ flex-direction: row-reverse; }
.cent04 ul li .img{ width:56%}
.cent04 ul li .img a{ display:block; width:100%}
.cent04 ul li .img a img{ width:100%; vertical-align:bottom;}
.cent04-r{ width:36%}
.cent04-r span{ font-size:15px; line-height:1.5;}

.cent05{ margin-top:3%;}
.cent05 ul li{ float:left; display:block; width:calc((100% - 3%)/3); margin-right:1.5%; margin-top:5%}
.cent05 ul li:nth-child(3n) { margin-right: 0% ;}
.cent05 ul li a{ display:block}
.cent05 ul li a .img{ width:100%; height:50vh; display: flex; justify-content: center;  align-items: center; background:#f2f2f2}
.cent05 ul li a .img img{ max-height:100%; max-width:100%;} 
.cent05 ul li:nth-child(3n-2){ clear:left;}
.cent05 ul li .ferk{ text-align:center; margin-top:5%;}
.cent05 ul li .ferk h2{ font-size:24px; color:#333; display:block;}
.cent05 ul li .ferk em{ font-style:normal; font-size:15px; color:#666666; display:block; margin-top:3%}
.cent05 ul li .ferk i{ display:inline-block; background:#666666; font-size:15px; color:#fff; font-style:normal; padding:8px 20px; margin-top:6%;}

.cent06{margin-top:3%;}
.cent0601{ margin-top:4%;}
.cent0601-l{ float:left; display:block; width:calc(100% - 320px); border-bottom:1px solid #f2f2f2 }
.cent0601-l ul li{ border-top:1px solid #f2f2f2; padding:4% 0;  display: flex;  align-items: flex-start;}
.cent0601-l ul li>.img{ width:24px; height:24px;  display: flex; justify-content: center;  align-items: center;}
.cent0601-l ul li>.img img{ max-width:100%; max-height:100%;}
.cent0602-r{ margin-left:20px; width:80%;}
.cent0602-r>h2{ font-size:22px; display:block; color:#333;}
.cent0602-r>span{ font-size:18px; color:#666; display:block; margin-top:2%; margin-bottom:2%}
.cent0602-r>h3{ font-size:25px; color:#333333; display:block;}
.cent0602-r dl{ display: flex;     justify-content: space-between;  align-items: center; margin-top:4% }
.cent0602-r dl dd{ text-align:center}
.cent0602-r dl dd .img01{ height:30px;  display: flex; justify-content: center;  align-items: center;}
.cent0602-r dl dd .img01 img{ max-height:100%; max-width:100%;}
.cent0602-r dl dd em{ font-style:normal;font-size:18px; color:#666; display:block; margin-top:20px;}

.cent0601-r{ float:right; display:block; width:228px; margin-top:5%;}
.cent0601-r h2{ font-size:24px; color:#333; display:block;}
.cent0601-r span{  font-size:14px; display:block; margin:4% 0; color:#666;}
.cent0601-r img{ width:100%; vertical-align:bottom;}

.cent07{ margin-top:2%}
.qie{display: flex;  align-items: flex-start;}
.qie .img{ width:24px; height:24px;  display: flex; justify-content: center;  align-items: center; margin-right:10px;}
 .qie .img img{ max-width:100%; max-height:100%;}
.qie h2{    font-size: 22px;
    display: block;
    color: #333;}
.cent07 ul li{ float:left; display:block; width:calc((100% - 2% - 6px)/3); margin-right:1%; box-sizing:border-box; padding:3%; border:1px solid #f2f2f2; margin-top:2%; min-height:50vh;}	
.cent07 ul li:nth-child(3n) { margin-right: 0% ;}	
	.cent07 ul li  h2{ font-size: 22px;
    display: block;
    color: #333;}
	.cent07 ul li span{ font-size:16px; color:#666; display:block; margin-top:2%; line-height:30px;}
	
	

.inside_con{ padding:10px 0; min-height:300px;}	
@media only screen and (max-width: 980px) {
.wapper{ width:90% !important}	
.header{ display:none;}
.top{ display:block; height:50px;}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;display:block;}
.sp_logo{float:left;height:50px}
.sp_logo a{display: flex; justify-content: center;  align-items: center; height:50px; padding:0 10px;}
.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;  display:block}
.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}

.tilte h2{ font-size:30px;}	
.tilte em{ font-size:14px; margin-top:4%;}
.cent01 ul li{ flex-wrap: wrap; }
.cent01 ul li:nth-child(2n){ flex-direction:initial}
.cent01 ul li .img{ width:100%;}
.cent01-r{ width:100%; margin-top:5%;}
.cent01-r h2{ font-size:30px;}
.cent02 span{ line-height:1.5;}
.cent0201 .img02{ width:90%; margin:0 auto;}

.footer-bg{ padding:5% 0;}
.footer01{flex-wrap: wrap;}
.footer0102 a{ margin:0 10px;}


.footer02{flex-wrap: wrap;}
.footer02-r{ margin-left:0; text-align:center; width:100%; margin-top:2%;}
.footer0201{flex-wrap: wrap;}
.ppgs a{ margin:0 10px;}
.footer0201 .img{ margin:0 auto;}
.footer02-r span{ font-size:12px;}
.ppgs{ text-align:center; width:100%; margin-top:4%; justify-content: center;flex-wrap: wrap;}

.cent04{ margin-top:5%}
.cent04 ul li{ flex-wrap: wrap; }
.cent04 ul li:nth-child(2n){ flex-direction:initial}
.cent04 ul li .img{ width:100%;}
.cent04-r{ width:100%; margin-top:5%;}

.cent05{ margin-top:5%}
.cent05 ul li{ float:none; display:block; width:100%; margin-right:0}
.cent05 ul li a .img{}
.cent05 ul li .ferk h2{ font-size:20px;}
.cent05 ul li .ferk i{ font-size:12px;}
	
.cent0601-l{ float:none; display:block; width:100%}	
.cent0601-r{ float:none; display:block; width:100%;}
.cent0601-r img{ width:50%; margin:0 auto; display:block;}
.cent0601-r h2{ font-size:20px;}
.cent0601-r span{ margin:2% 0;}
.cent07 ul li{ float:none; display:block; width:100%; min-height:30vh; margin-right:0}
.cent07 ul li h2{ font-size:18px;}
.cent07 ul li span{ font-size:14px; line-height:1.5;}
	}