/*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:#1b1b1d;/*font-family:'Microsoft YaHei';*/}
a{color:#1b1b1d;}
a:hover{ color:#327b87; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ max-width:1350px !important; margin:0 auto; width:90% !important}

img{ max-width:100%}

.top{ height:80px;}

.header-bg{ background:#fff; position:fixed; width:100%; left:0; top:0; border-bottom:1px solid #6b6b6b99; z-index:99}
.header{ display: flex;  align-items: center;justify-content: space-between; height:80px;}
.logo{ height:80px; width:30%}
.logo a{ width:100%; height:100%;  display: flex; justify-content: center;  align-items: center;}
.logo a img{ max-width:100%; max-height:100%}

/*menu*/
.menu{height:48px;line-height:48px; flex:1; }
.menu ul{ display: flex; justify-content: center;  align-items: center;}
.menu ul li{ float:left; position:relative;    margin-left: 5px; margin-right: 5px;}
.menu ul li>span>a{ padding:0 15px;}
.menu ul li>span>a i{ font-size:12px; margin-left:6px}
.menu ul li dl{ background:#f5f8f8; width:300px; position:absolute; left:0px; top:48px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:20px;display:none; box-sizing:border-box }
.menu ul li dl dd{line-height:1;/* border-bottom:#ddd dotted 1px; *//* margin:0 10px; */}
.menu ul li dl dd a{ font-size:16px; color:#1b1b1d; font-weight:normal; display:inline;text-align:left; padding:20px; display:block;}
.menu ul li dl dd a:hover{ color:#fff; background:#327b87}
.menu a{ font-size:16px;color:#1b1b1d; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu a:hover{color:#327b87;}
a.menu_hover{ color:#327b87;}


.banner{}
.banner img{ width:100%; vertical-align:bottom;}
.swiper-pagination01{ bottom:3%  !important;}
.swiper-pagination01 span{ width:16px; height:16px; background:#2f3439}

.bg{ background:#f6f6f6; padding:2% 0;}
.title{ text-align:center}
.title h2{ position:relative; display: flex; justify-content: center;  align-items: center; font-size:46px;}
.title h2::before,.title h2::after{ content: ""; width:50px; height:50px; background:url(../images/tu22.png) center no-repeat; display:block; margin:0 10px}
.title span{background:url(../images/ti-qiepian.png) center no-repeat;font-size:33px;background-size: auto 21px;display: block; margin-top:1%}
.title em{ font-style:normal; color:#892d31;}

.cent01 ul li{ float:left; display:block;width:calc((100% - 6%)/3); margin-right:3%; margin-top:3%}
.cent01 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent01 ul li a{ display:block; text-align:center;}
.cent01 ul li a .img{ width:100%}
.cent01 ul li a .img img{ width:100%; vertical-align:bottom; max-height:235px}
.cent01 ul li a span{ font-size:20px; color:#1b1b1d; display:block; margin-top:2%}
.cent01 ul li:nth-child(3n-2){ clear:left;}

.cent05{ margin-top:2%; margin-bottom:3%}
.cent05 ul li{ float:left; display:block;width:calc((100% - 6%)/3); margin-right:3%; margin-top:3%}
.cent05 ul li:nth-child(3n) {  margin-right: 0% ;}
.cent05 ul li a{ display:block; position:relative}
.cent05 ul li a img{ width:100%; vertical-align:bottom; max-height:235px}
.cent05 ul li a span{position:absolute;bottom:4%;width: 94%;text-align:center;left:50%;transform: translate(-50%, 0);background: #00000061;color: #fff;font-size: 21px;box-sizing: border-box;padding: 6% 0; display: flex; justify-content: center;  align-items: center;}
.cent05 ul li a span::before,.cent05 ul li a span::after{ content: ""; width:10px; height:10px; background:url(../images/tu22.png) center no-repeat; display:block; margin:0 10px; border-radius:50%; background:#fff;}

.more{ text-align:center; margin-top:2%}
.more a{ display:inline-block; font-size:16px; padding:10px 38px; background:#002f64; color:#fff; font-weight:600; border-radius:10px;    transition: background 0.3s 0.01s, border-color 0.3s 0.01s; position:relative;}

.cent02{ margin-top:2%}
.cent02 ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 6%;}
.cent02 ul li{width: 27%;border: 4px solid #ededed;box-shadow: 0px 0px 15px #fcfbff;margin: 0 0.8% 3% 0.8%;background: #fff;text-align: center;padding: 2% 0 4% 0;}
.cent02 ul li .img{ width:48%; margin:0 auto;}
.cent02 ul li .img img{ width:100%; vertical-align:bottom;}
.cent02 ul li span{ font-size:30px; display:block; margin-top:5%}

.cent0301{ margin-top:4%}
.cent0301 li{ float:left; display:block;width:calc((100% - 6%)/4); margin-right:2%; text-align:center}
.cent0301 li:nth-child(4n) { margin-right: 0% ;}
.cent0301 li a{ display:block}
.cent0301 li a .img{ width:100%}
.cent0301 li a .img img{ width:100%; vertical-align:bottom;}
.cent0301 li a span{ font-size:20px; color:rgba(137, 45, 49, 1); font-weight:500; margin-top:2%; display:block;}

.cent0302{ margin-top:4%}
.cent0302 li{ float:left; display:block;width:calc((100% - 4%)/2); margin-right:2%; text-align:center}
.cent0302 li:nth-child(3n) { margin-right: 0% ;}
.cent0302 li a{ display:block}
.cent0302 li a .img{ width:100%}
.cent0302 li a .img img{ width:100%; vertical-align:bottom;}
.cent0302 li a span{ font-size:20px; color:rgba(137, 45, 49, 1); font-weight:500; margin-top:2%; display:block;}


.cent04{ margin-top:2%; margin-bottom:4%}
.cent04 .title{ margin-bottom:4%}
.cent04 .img{ width:32%; float:left; display: flex; justify-content: center;  align-items: center; height:357px}
.cent04 .img img{ max-height:100%; vertical-align:bottom; max-width:100%}
.cent0404{ float:right; display:block; width:100%;}
.cent0404 ul li{    border-bottom: 1px solid #bbb;}
.cent0404 ul li .disnan{ display:none; padding:20px; box-sizing:border-box; font-size:15px}
.cent0404 ul li span{ display: flex;  align-items: center;justify-content: space-between; color:#1d1d1f66; background:#f5f8f8;  padding:20px 35px 20px 20px; font-size:15px}
.cent0404 ul li span i{transition:all ease 0.35s}
.cent0404 ul li .cee i{transform:rotate(90deg)}

.footer-bg{ background:#e8f5f7; padding:4% 0}
.logo02{ width:auto;}
.logo02 a{ height:50px; display:block;}
.logo02 a img{ height:100%; width:auto;}

.footer01{}
.footer01 dl{ display: flex;  align-items: flex-start;justify-content: space-between; margin-top:3%;}
.footer01 dl h2{ font-size:18px; line-height:36px;}
.footer01 dl .lambu ul li a{ font-size:18px; color:#1b1b1d; line-height:36px;}
.footer01 dl ul li a{text-decoration:underline;}
.footer01 dl .lambu01 h4{ font-size:18px; color:#1b1b1d}
.footer01 dl .lambu01 ul li{ font-size:16px;}
.footer01 dl .lambu01 ul li p{ padding:0;}
.ermw{ width:200px;}
.ermw img{ width:100%;}
.footer01 dl dd h3{ text-align:center; font-size:18px; line-height:36px;}



.inside_con{ padding:10px 0; min-height:300px;}
.inside_con img{ max-width:100%}
.sp_header{ display:none}
.sjj_nav{ display:none}


.HBoxbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:88; background:rgba(0,0,0,0.5); display:block;}
.HBox {
	width:53%;
	height:auto;
	margin: 0 auto;
 position:absolute;
	top: 50%;
	left: 50%;
	z-index: 100000;transform: translate(-50%,-50%);
}
.HBox .img>img{ height:auto; width:100%;}
#HCloseBtn{ position:absolute; top:10px; right:10px; width:30px}
#HCloseBtn img{ width:100%;}


.banner02{ position:relative}
.banner02 img{ width:100%; vertical-align:bottom}
.banner0201{ position:absolute; top:0; left:0; width:100%; height:100%; background:#00000080; display: flex; justify-content: center;  align-items: center;}
.banner0201 h2{ font-size:40px; color:#fff;}
.huxing{ display:none}

.cent06{ margin:3% auto;}
.cent06 ul li{ float:left; display:block;width:calc((100% - 3%)/4); margin-right:1%; position:relative;}
.cent06 ul li span{     border-radius: 3px;
    border: 1px solid #eeeeee; line-height:50px; display: flex;  align-items: center;
justify-content: space-between; padding:0 10px; box-sizing:border-box}
.cent06 ul li span strong{ font-size:18px;}
.cent06 ul li:nth-child(4n) { margin-right: 0% ;}
.huxing{ position:absolute; top:100%; left:0; width:100%;    box-shadow: 0 15px 40px rgba(0, 0, 0, .15); background:#fff; padding: 30px; box-sizing:border-box;     border-radius: 6px;}
.huxing .shie{display: flex;  align-items: center; font-size:18px; margin-bottom:10px}
.huxing .shie input{ width:20px; height:20px; margin-right:4px}

.sxie-bg{ display: flex;   align-items: center;justify-content: space-between; margin-top:2%}
.sxie-bg>a{ font-size:18px; color:#1b1b1d}
.sxie{ flex:1;}
.sxie a{    background: #327b87; border-radius: 50px;    margin: 0 10px 10px 0; padding: 0 8px 0 15px;    line-height: 36px; font-size:18px; color:#fff;display: inline-flex; justify-content: center;  align-items: center;}
.sxie a img{ font-size:24px;}



.cent07{ margin-bottom:3%}
.cent07 ul li{ float:left; display:block; width:calc((100% - 4%)/3); margin-right:2%; margin-bottom:2%; background:rgb(225 237 237)}
.cent07 ul li:nth-child(3n) {   margin-right: 0% ;}
.cent07 ul li a{ display:block}
.cent07 ul li .img{ width:100%; overflow:hidden}
.cent07 ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s; }
.cent07 ul li:hover .img img{ transform: scale(1.1);}
.cent07 ul li .si{ padding:20px}
.cent07 ul li .si h2{ font-size:20px; display:block}
.cent07 ul li .si em{    color: rgba(31, 31, 33, 0.66); font-style:normal;font-size: 14px;  display: flex; align-items: center; margin:6% 0}
.cent07 ul li .si em i{ width:5px; height:5px; background:#1f1f21a8; margin:0 10px; border-radius:5px; display:inline-block;}
.cent07 ul li .si span{    font-size: 21px;     line-height: 36px;     margin-bottom: 25px; display:block}
.cent07 ul li .si>i{ font-style:normal; font-size:14px; color:#fff; border:1px solid #327b87; border-radius:3px; padding:12px 40px; display:inline-block; background:#327b87}
.cent07 ul li .si>i:hover{ color:#327b87; background:none;}

.cent07 ul li:nth-child(3n-2){ clear:left;}

.more{ text-align:center; margin-bottom:4%}
.more a{ border:1px solid #327b87; border-radius:3px; line-height:26px; font-size:16px; padding:12px 40px; display:inline-block; background:#cdfaff; color:#327b87; font-weight:600}
.more a:hover{ color:#fff; background:#327b87;}

.cent08{ margin:2% auto;}
.cent08-l{float:left;display:block;width: calc(100% - 26%);}
.cent08-r{float:right;display:block;width: 23%;border-left:1px solid #ccc;padding:0 10px;box-sizing:border-box;position:sticky;top:90px; right: 0; }
.cent08-r h2{ font-size:32px; color:#327b87; display:block; margin-bottom:2%}
.cent08-r .content-text{}
.cent08-r .content-text h3{ font-size:24px; color:#327b87; display:block; font-weight:normal;}
.cent08-r .content-text p{ font-size:18px; display:block; padding:0}
.cent08-r .content-text p a{    color: rgba(255, 119, 74, 1);}
.cent08-r .img{ margin-top:4%}
.cent08-r .img img{ width:80%}


.cent09{ text-align:center}
.cent09 img{ width:100%}
.cent09 h2{ font-size:40px; color:#1b1b1d; display:block; margin-top:2%}
.cent09 span{ color:#1d1d1f66; font-style:normal;font-size: 10px;  display: flex; align-items: center; justify-content: center; margin-top:2%;  }
.cent09 span em{ width:5px; height:5px; background:#1d1d1f66; margin:0 10px; border-radius:5px; display:inline-block;}
.cent09 span a{ color:#1d1d1f66}


.cent10{ margin-top:4%;}
.cent10 ul li{ float:left; display:block;width:calc((100% - 4%)/3); margin-right:2%;background:#f5f8f8}
.cent10 ul li:nth-child(3n) { margin-right: 0% ;}
.cent10 ul li a{ display:block}
.cent10 ul li .img{ width:100%; overflow:hidden}
.cent10 ul li .img img{ width:100%; vertical-align:bottom;cursor:pointer; transition: all 0.5s; }
.cent10 ul li:hover .img img{ transform: scale(1.1);}
.ssh{ padding:20px; box-sizing:border-box; height:180px; overflow:hidden;}
.ssh h2{ color:#1b1b1d;}
.ssh h2:hover{ color:#327b87}
.ssh em{ color:#1d1d1f66; font-style:normal;font-size: 10px;  display: flex; align-items: center; margin-top:10%;  }
.ssh em i{ width:5px; height:5px; background:#1d1d1f66; margin:0 10px; border-radius:5px; display:inline-block;}
.ssh em span{ color:#1d1d1f66}
.ssh em span:hover{ color:#327b87}

.banner03{ position:relative;}
.banner03 img{ width:100%; vertical-align:bottom}
.banner0301{ position:absolute; top:50%; left:50%;transform: translate(-50%,-50%);}
.banner0301 h2{ font-size:56px; color:#fff;}



.cent11{position:relative;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #b8b8b8;}
.cent11-l{width: 42%;box-sizing: border-box;padding: 0 0 0 16%;}
.cent11 .img{padding-top: 42%;width: 41%;}
.cent11-l em{    text-align: left; font-size: 16px; text-transform: uppercase; font-style:normal; color:#1d1d1f66;word-spacing:8px; }
.cent11-l h2{ font-size:40px; color:#327b87}
.cent11-l span{ font-size:18px; color:#1b1b1d; display:block; margin-bottom:2%; margin-top:2%}

.cent12{ margin:4% auto;}
.cent12>h2{ font-size:40px; color:#327b87}
.cent1201{float:left;display:block;width: 41%;margin-right: 2%;}
.cent1201 ul li{}
.cent1201 ul li span{ display:block; font-size:13px; color:#333; line-height:37px}
.cent1201 ul li .input_text{ border:1px solid #e3e3e3; padding:10px; line-height:30px; color:#000; font-size:14px;outline:none; width:100%; display:block; box-sizing:border-box; border-radius:5px;}
.cent1201 ul li .input_text::-webkit-input-placeholder{ color:#ccc;}
.cent1201>a{background:#2561c2;color:#ffffff; position:relative;    display: flex; width:136px; height:50px; border-radius:10px; margin-top:2%}
.cent1201>a i{    transform: translateX(-100%);    align-items: center;
    bottom: 0;
    display: flex
;
    justify-content: center;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
    width: 100%; color:#ffffff; font-size:24px}
.cent1201>a span{     transition: .3s; display:block;width:136px; line-height:50px; font-size:16px; text-align:center;}
.cent1201>a:hover i {
    transform: translateX(0);
}
.cent1201>a:hover span{    transform: translateX(200%);
    z-index: 1;
}
.cent1202{ float:left; display:block; width:48%; margin-top:4%}
.cent1202 ul li{ margin-bottom:3%}
.cent1202 h2{     font-size: 20px; line-height: 24px;color:#327b87;}
.cent1202 span{    font-size: 16px; line-height: 18px;}

.cent13{ margin-top:6%;}
.cent13 em{ font-style:normal; font-size:18px}
.cent13 h2{ display:block; font-size:40px; color:#327b87; margin-top:2%}
.cent13 span{ font-size:20px; display:block; color:#1b1b1d}

.cent14-bg{ background:url(../images/about-bg-free-img.jpg) center no-repeat;border-bottom: 1px solid #b8b8b8; margin-top:3%; padding-bottom:6%}
.cent14{ margin-bottom:10px}
.cent14 .ying{ width:calc(100%/3); float:right; display:block;    background-color: transparent; background-image: linear-gradient(20deg, #fff -20%, rgba(21, 50, 67, 0.11));  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;  margin: 0;  padding: 80px 50px; box-sizing:border-box;}
.cent14 .ying svg{ display:block; color:rgb(129, 138, 145); font-size:65px}
.cent14 .ying span{ display:block; margin-top:8%; font-size:16px;}
.cent14 .ying em{ font-style:normal; font-size:12.6px; color:#1a6c7a; font-weight:700; display:block; text-align:right}

.cent15{}
.cent15 ul li{ float:left;  width:calc(100%/3); display:block;}
.cent15 ul li .yunke{ background-color: transparent; background-image: linear-gradient(20deg, #fff -20%, rgba(21, 50, 67, 0.11));  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;  margin: 0;  padding: 80px 50px; box-sizing:border-box;}
.cent15 ul li .yunke svg{ display:block; color:rgb(129, 138, 145); font-size:65px}
.cent15 ul li .yunke span{ display:block; margin-top:8%; font-size:16px;}
.cent15 ul li .yunke em{ font-style:normal; font-size:12.6px; color:#1a6c7a; font-weight:700; display:block; text-align:right}
.cent15 ul li .img{ padding-top:73.78%}


.inside_con{ padding:10px 0; min-height:300px}
@media only screen and (max-width: 980px) {
	.header-bg{ display:none}
	.top{ height:70px;}
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display:block; border-bottom:2px solid #6b6b6b99;}
.sp_logo{padding:10px;float:left;height: 70px;box-sizing: border-box;}
.sp_logo img{margin:auto;max-height: 50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 25px;}
.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: 70px;}
/*.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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	
	.swiper-pagination01 span{ width:5px; height:5px;bottom:1% !important}
	
	.title h2{ font-size:24px;}
	.title span{ font-size:18px;    background-size: auto 11px;}
	.title h2::before, .title h2::after{ width:40px; height:40px; background-size:100% 100%;}
	
	.bg{ padding:5% 0}
	
	.cent01 ul li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%}
	.cent01 ul li a span{ font-size:16px;}
	
	.cent05 ul li{ margin-top:4%}
	.cent05 ul li{ float:none; display:block; width:100%; margin-right:0;}
	.cent05 ul li a span{ font-size:16px;}
	.cent02 ul li{ width:100%;}
	.cent02{ margin-top:5%}
	.cent0301 li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	.cent0302 li{ float:none; display:block; width:100%; margin-right:0; margin-top:5%;}
	.cent04 .img{ width:100%; height:auto; float:none;}
	
	.cent0404{ float:none; width:100%; margin-top:5%;}
	
	.footer01 dl{flex-wrap: wrap; }
	.footer01 dl dd{ width:100%; margin-bottom:5%;}
	.ermw{ margin:0 auto; display:block}
	.HBox{ width:80%;}
	
	.cent07 ul li{ float:none; display:block; width:100%; margin-bottom:5%;}
	.cent07 ul li .si span{ font-size:20px;}
	.sxie-bg{flex-wrap: wrap;}
	.sxie{ width:100%; flex:none;}
	.cent07{ margin:5% auto;}
	
	.cent08-l{ float:none; display:block; width:100%}
	.cent10 ul li{ float:none; display:block; margin-top:5%; width:100%}
	.cent08-r{ float:none; display:block; width:100%; border-left:none;}
	
	.cent1201{ float:none; display:block; width:100%}
	.cent1202{ float:none; display:block; width:100%}
	.cent11{flex-wrap: wrap;}
	.cent11-l{ width:100%; padding:5%; box-sizing:border-box;}
	.cent11 .img{ width:100%; padding-top:100%}
	
	.cent14 .ying{ float:none; display:block; width:100%;}
	.cent15 ul li{ float:none; display:block; width:100%;}
	}