@charset "utf-8";
@charset "utf-8";
.banner{ width:100%; overflow:hidden; position:relative}
.banner>img{ width: 100%; height: auto; }
.banner .img1{ display: block; }
.banner .img2{ display: none; }
.banner .item{ width: 1400px; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); z-index: 2 }
.banner .item .a{ font-size: 33px; color: #fff; line-height: 1 }
.banner .item .b{ font-size: 36px; color: rgba(255,255,255,0.7); line-height: 1; padding: 12px 0 }

@media all and (max-width:1600px){
	.banner .item{ width: 1200px;}

}


@media all and (max-width:1200px){
	.banner .item{ width: 92%;}
	.banner .img2{ display: block; }
	.banner .img1{ display: none; }	
	.banner .item .a{ font-size: 20px; }
	.banner .item .b{ font-size: 20px;}
	
}

.locations{ width:100%; background:#f6f6f6;}
.locations .nr{ width:1280px; margin:0 auto}
.locations .nr .lt{ float:left; font-size:16px; color:#909090; line-height:76px}
.locations .nr .lt a{ color:#909090}
.locations .nr .lt a:hover{ color:#000}
.locations .nr .rt{ float:right}
.locations .nr .rt ul li{ float:left; margin-left:55px; line-height:76px}
.locations .nr .rt ul li a{ color:#636363; font-size:16px}
.locations .nr .rt ul li a:hover,.locations .nr .rt ul li a.on{ color:#3278af}
@media all and (max-width:1440px){
	.locations .nr{ width:1200px;}
	.locations .nr .rt ul li{ margin-left:40px}
}
@media all and (max-width:1200px){
	.locations .nr{ width:100%;}
	.locations .nr .lt{ display:none}
	.locations .nr .rt{ width:100%; float:none}
	.locations .nr .rt ul li{ width:50%; margin:0; text-align:center; line-height:50px;  background:rgba(00,00,00,0.05); box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.2)}
	.locations .nr .rt ul li a{ display:block; font-size:16px}
	.locations .nr .rt ul li a:hover,.locations .nr .rt ul li a.on{ color:#fff; background:#3278af}
	.locations2 .nr .rt ul li{ width:100%; border-right:0}
}


/* 内容模式 */
.article { width:1280px; margin:0 auto; padding:60px 0; line-height:2; font-size:18px; word-wrap:break-word;  color:#333 }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; text-align:center ;font-family:Microsoft YaHei;}
.article .hd h1 { color:#000; font-size:24px; }
.article .hd .titBar { color:#666; font-size:14px; }
.article .bd { padding-bottom:40px; line-height:2.2;font-family:Microsoft YaHei; }
.article .ft { padding:40px 0; border-top:1px dotted #ccc; position:relative; font-size:16px; line-height:40px; color:#333;font-family:Microsoft YaHei; }
.article .ft a{ color:#333}
.article .ft .back{ position:absolute; right:0; top:40px}
.article .ft ul li {}
.article .bd img{ max-width:100%}
@media all and (max-width:1440px){
	.article,.m-related{ width:1200px;}
}
@media all and (max-width:1200px){
	.article{ width: 92%; padding:10px 0 20px}
	.article,.m-related{ width:92%;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article{ font-size:14px}
	.article .ft{ padding:20px 0; line-height:28px; font-size:14px;}
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
}
.pc_nr{ display: block; }
.sj_nr{ display: none; }
.sj_nr img{ max-width:100%; height:auto!important}
@media screen and (max-width: 1200px) {
    .pc_nr{ display: none; }
    .sj_nr{ display: block; }
}

.infos{ width:100%; padding:50px 0 100px}
.infos .nr{ width:1280px; margin:0 auto}
.infos .nr .lt{ width:960px; float:left}
.infos .nr .lt .title{ line-height:1; border-bottom:1px solid #dddddd; font-size:20px; color:#000000; padding-bottom:20px}
.infos .nr .lt .conts{ line-height:2; font-size:16px; word-wrap:break-word; padding:30px 0; color:#666}
.infos .nr .lt .conts img{ max-width:100%; height:auto}
.infos .nr .lt .tabs{ margin-top:20px}
.infos .nr .lt .tabs .hd{ width:100%; border-bottom:1px solid #dddddd;}
.infos .nr .lt .tabs .hd ul li{ float:left; line-height:38px; padding:0 18px; font-size:20px; color:#333333}
.infos .nr .lt .tabs .hd ul li.on{ background:#b2f5ec; border-radius:5px 5px 0 0; color:#3278af; font-weight:bold}
.infos .nr .lt .tabs .bd{ margin-top:30px; line-height:2; font-size:16px; word-wrap:break-word;  color:#666}
.infos .nr .rt{ width:260px; float:right}
.infos .nr .rt .item01{ width:100%}
.infos .nr .rt .item01 .ihd{ padding:16px 0 16px 18px; border-top:4px solid #dddddd; border-bottom:1px solid #dddddd; line-height:1; font-size:18px; color:#3278af; font-weight:bold; position:relative}
.infos .nr .rt .item01 .ihd:after{ content:""; display:block; width:156px; height:4px; position:absolute; left:0; top:-4px; background:#3ab9c6}
.infos .nr .rt .item01 .ibd ul li{ background:url(g_15.png) left center no-repeat; padding-left:12px; border-bottom:1px solid #dddddd}
.infos .nr .rt .item01 .ibd ul li a{ display:block; line-height:45px; font-size:14px; color:#333333}
.infos .nr .rt .item01 .ibd ul li:hover a,.infos .nr .rt .item01 .ibd ul li a.on{ color:#3278af; font-weight:bold}

.infos .nr .rt .item02{ width:100%; margin-top:30px}
.infos .nr .rt .item02 .ihd{ padding:16px 0 16px 18px; border-top:4px solid #dddddd; line-height:1; font-size:18px; color:#3278af; font-weight:bold; position:relative}
.infos .nr .rt .item02 .ihd:after{ content:""; display:block; width:156px; height:4px; position:absolute; left:0; top:-4px; background:#3ab9c6}
.infos .nr .rt .item02 .ibd .item{ width:100%}
.infos .nr .rt .item02 .ibd .item .pic{ width:100%; overflow:hidden}
.infos .nr .rt .item02 .ibd .item .pic img{ width:100%}
.infos .nr .rt .item02 .ibd .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.infos .nr .rt .item02 .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.infos .nr .rt .item02 .ibd .item .title{ font-size:14px; color:#333333}
.infos .nr .rt .item02 .ibd .item .title a{ display:block; padding:0 5px; color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:45px; text-align:center}
.infos .nr .rt .item02 .ibd .item:hover .title a{ color:#3278af}
@media all and (max-width:1440px){
	.infos .nr{ width:1200px }
	.infos .nr .lt{ width:900px }
}
@media all and (max-width:1200px){
	.infos{ padding:40px 0 40px}
	.infos .nr{ width:92% }
	.infos .nr .lt{ width:100%; float:none }
	.infos .nr .lt .title{ font-size:16px; padding-bottom:15px}
	.infos .nr .lt .conts{ font-size:14px; padding:20px 0}
	.infos .nr .lt .tabs .hd ul li{ font-size:16px}
	.infos .nr .lt .tabs .bd{ margin-top:20px; font-size:14px}
	.infos .nr .rt{ width:100%;  float:none; margin-top:30px}
	.infos .nr .rt .item02 .ibd .item{ width:32%; float:left; margin-right:2%} 
	.infos .nr .rt .item02 .ibd .item:last-child{ margin-right:0}
	.infos .nr .rt .item01 .ihd{ font-size:16px; padding:16px 0}
	.infos .nr .rt .item02 .ihd{ font-size:16px; padding:16px 0}
}
@media all and (max-width:640px){
	.infos .nr .rt .item02 .ibd .item{ width:49%;} 
	.infos .nr .rt .item02 .ibd .item:nth-child(2n){ margin-right:0}

}



.fny{ width:100%; padding:100px 0}
.fny .nr{ width:1280px; margin:0 auto}
.fny .nr .lt{ width:700px; float:left; background:url(g_17.jpg) 236px 0  no-repeat; height:862px; position:relative}
.fny .nr .lt .pic{ display:none}
.fny .nr .lt .item01{ width:230px; position:absolute; left:0; top:166px;text-align:right}
.fny .nr .lt .item01 .title{ font-size:28px; color:#28bdd3; font-weight:bold; line-height:1 }
.fny .nr .lt .item01 .intro{ font-size:16px; color:#666666; line-height:2; margin-top:20px; text-align:left}
.fny .nr .lt .item02{ width:325px; position:absolute; left:370px; top:400px}
.fny .nr .lt .item02 .title{ font-size:28px; color:#28bdd3; font-weight:bold; line-height:1 }
.fny .nr .lt .item02 .intro{ font-size:16px; color:#666666; line-height:2; margin-top:20px}
.fny .nr .lt .item02 .t2{ font-size:20px; color:#28bdd3; margin-top:25px; line-height:1; font-weight:bold}
.fny .nr .lt .item02 .intro img{ vertical-align:middle; margin-right:5px}
.fny .nr .lt .item03{ width:230px; position:absolute; left:0; top:630px;text-align:right}
.fny .nr .lt .item03 .title{ font-size:28px; color:#28bdd3; font-weight:bold; line-height:1 }
.fny .nr .lt .item03 .intro{ font-size:16px; color:#666666; line-height:2; margin-top:20px; text-align:left}
.fny .nr .rt{ width:547px; float:right}
.fny .nr .rt .item01{ position:relative; float:left; width:100%; margin-bottom:20px}
.fny .nr .rt .item01 .pic{ width:100%; overflow:hidden}
.fny .nr .rt .item01 .pic img{ width:100%}
.fny .nr .rt .item01 .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.fny .nr .rt .item01:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.fny .nr .rt .item01 .conts{ position:absolute; left:20px; bottom:30px; z-index:9; color:#fff; transition:all 0.3s linear}
.fny .nr .rt .item01 .conts .title{ font-size:24px; font-weight:bold; transition:all 0.3s linear; line-height:1}
.fny .nr .rt .item01 .conts .intro{ font-size:14px; line-height:2; margin-top:0; visibility:hidden;transition:all 0.3s linear; height:0; opacity:0; padding-right:10px}
.fny .nr .rt .item01:hover .conts .intro{ height:auto; visibility:visible; opacity:1; margin-top:20px}
.fny .nr .rt .item02{ position:relative; float:left; width:265px }
.fny .nr .rt .item02 .pic{ width:100%; overflow:hidden}
.fny .nr .rt .item02 .pic img{ width:100%}
.fny .nr .rt .item02 .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.fny .nr .rt .item02:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.fny .nr .rt .item02 .conts{ position:absolute; left:20px; bottom:30px; z-index:9; color:#fff; transition:all 0.3s linear}
.fny .nr .rt .item02 .conts .title{ font-size:24px; font-weight:bold; transition:all 0.3s linear; line-height:1}
.fny .nr .rt .item02 .conts .t2{ font-size:14px;  transition:all 0.3s linear; line-height:1; margin-top:20px}
.fny .nr .rt .item02 .conts .intro{ font-size:14px; line-height:2; margin-top:0; visibility:hidden;transition:all 0.3s linear; height:0; opacity:0; padding-right:10px}
.fny .nr .rt .item02:hover .conts .intro{ height:auto; visibility:visible; opacity:1; margin-top:20px}
.fny .nr .rt .item03{ position:relative; float:right; width:265px }
.fny .nr .rt .item03 .pic{ width:100%; overflow:hidden}
.fny .nr .rt .item03 .pic img{ width:100%}
.fny .nr .rt .item03 .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.fny .nr .rt .item03:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.fny .nr .rt .item03 .conts{ position:absolute; left:20px; bottom:30px; z-index:9; color:#fff; transition:all 0.3s linear}
.fny .nr .rt .item03 .conts .title{ font-size:24px; font-weight:bold; transition:all 0.3s linear; line-height:1}
.fny .nr .rt .item03 .conts .t2{ font-size:14px;  transition:all 0.3s linear; line-height:1; margin-top:20px}
.fny .nr .rt .item03 .conts .intro{ font-size:14px; line-height:2; margin-top:0; visibility:hidden;transition:all 0.3s linear; height:0; opacity:0; padding-right:10px}
.fny .nr .rt .item03:hover .conts .intro{ height:auto; visibility:visible; opacity:1; margin-top:20px}
@media all and (max-width:1440px){
	.fny .nr{ width:1200px;}
	.fny .nr .lt{ width:630px; background:url(g_17.jpg) 200px 0 no-repeat}
	.fny .nr .lt .item01,.fny .nr .lt .item03{ width:200px}
	.fny .nr .lt .item02{ left:330px; width:300px}
	.fny .nr .lt .item01 .intro,.fny .nr .lt .item02 .intro,.fny .nr .lt .item03 .intro{ font-size:15px}
}
@media all and (max-width:1200px){
	.fny{ padding:40px 0}
	.fny .nr{ width:92%;}
	.fny .nr .rt{ display:none}
	.fny .nr .lt{ width:100%; background:none; height:auto}
	.fny .nr .lt .item02,.fny .nr .lt .item01,.fny .nr .lt .item03{ position:relative; top:auto; left:auto; bottom:auto; right:auto; text-align:left; width:100%; margin-bottom:20px}
	.fny .nr .lt .pic{ display:block; width:100%}
	.fny .nr .lt .pic img{ width:100%}
	.fny .nr .lt .item01 .title,.fny .nr .lt .item02 .title,.fny .nr .lt .item03 .title{ font-size:20px; margin-top:15px}
	.fny .nr .lt .item01 .intro,.fny .nr .lt .item02 .intro,.fny .nr .lt .item03 .intro{ font-size:14px; line-height:2; margin-top:10px}
	.fny .nr .lt .item02 .t2{ font-size:16px; margin-top:12px}
}


.about{ width:100%}
.ab01{ width:100%}
.ab01 .nr{ width:1200px; margin:0 auto; padding:85px 0 70px}
.ab01 .nr .a{ text-align:center}
.ab01 .nr .a img{ height:69px}
.ab01 .nr .b{ width:100%; max-width:380px; margin:0 auto; line-height:30px; margin-top:20px; font-size:18px; text-align-last:justify; color:#29bdd0}
.ab01 .nr .c{ font-size:18px; color:#555555; line-height:2; margin-top:30px; }
@media all and (max-width:1200px){
	.ab01 .nr{ width:92%; padding:40px 0}
	.ab01 .nr .a img{ height:42px}
	.ab01 .nr .b{ font-size:14px; line-height:2; margin-top:16px}
	.ab01 .nr .c{ font-size:14px; margin-top:10px}
}

.ab02{ width:100%; background:url(g_23.jpg) center center no-repeat; background-size:cover; margin-top:0; padding:70px 0}
.ab02 .nr{ width:1280px; margin:0 auto; position:relative}
.ab02 .nr .ihd{ text-align:center}
.ab02 .nr .ihd h3{ line-height:1; font-size:32px; color:#3278af; padding-bottom:20px; background:url(g_24.jpg) bottom center no-repeat}
.ab02 .nr .ibd{ width:100%; margin-top:60px; position:relative}
.ab02 .nr .ibd .hd ul{ padding-bottom:50px; overflow:hidden}
.ab02 .nr .ibd .hd ul li{ float:left; font-size:24px; color:#29bdd0; line-height:36px; width:30%; position:relative;}
.ab02 .nr .ibd .hd ul li .x{ width:0%; height:1px; background:#3278af; position:absolute; left:0; top:112px; z-index:3;transition:all 1s linear; z-index:1}
.ab02 .nr .ibd .hd ul li:nth-child(1).on .x{ width:384px}
.ab02 .nr .ibd .hd ul li:nth-child(2).on .x{ width:768px}
.ab02 .nr .ibd .hd ul li:nth-child(1){ margin-left:5%}
.ab02 .nr .ibd .hd ul li.on{ font-weight:bold}
.ab02 .nr .ibd .hd ul li:after{ content:""; display:block; width:1px; height:24px; background:#29bdd0; position:absolute; left:0; top:90px; z-index:2}
.ab02 .nr .ibd .hd ul li:before{ content:""; display:block; width:9px; height:9px; border-radius:50%; background:#29bdd0; position:absolute; left:-4px; top:108px; z-index:2}
.ab02 .nr .ibd .hd ul li.on:after{ background:#3278af;  }
.ab02 .nr .ibd .hd ul li.on:before{  background:#3278af; }
.ab02 .nr .ibd .line{ margin-top:-10px}
.ab02 .nr .ibd .line ul{ border-top:1px solid #9ba9aa;}
.ab02 .nr .ibd .line ul li{ width:10%; float:left; text-align:center; font-size:20px; color:#29bdd0; position:relative; line-height:1; padding-top:30px}
.ab02 .nr .ibd .line ul li:after{ content:""; display:block; width:1px; height:9px; background:#9ba9aa; position:absolute; left:50%; top:-9px}
.ab02 .nr .ibd .bd{ margin-top:60px}
.ab02 .nr .ibd .bd .pic{ float:left; width:250px;}
.ab02 .nr .ibd .bd .pic img{ width:100%}
.ab02 .nr .ibd .bd .intro{ width:calc(100% - 280px); float:right; font-size:16px; color:#666666; line-height:2; text-align:justify}
.ab02 .nr .prev{ display:block; background:url(g_25.png) center center no-repeat; width:39px; height:39px; position:absolute; left:-50px; top:92px; cursor:pointer}
.ab02 .nr .next{ display:block; background:url(g_25.png) center center no-repeat; width:39px; height:39px; position:absolute; right:-50px; top:92px; cursor:pointer; transform:rotateY(180deg)}
.ab02 .nr .prev:hover{background:url(g_26.png) center center no-repeat;transform:rotateY(180deg)}
.ab02 .nr .next:hover{background:url(g_26.png) center center no-repeat;transform:rotateY(0)}
@media all and (max-width:1440px){
	.ab02 .nr{ width:1200px;}
}
@media all and (max-width:1200px){
	.ab02{ padding:40px 0 ; margin-top:0}
	.ab02 .nr{ width:92%;}
	.ab02 .nr .ibd .hd ul li:nth-child(1){ margin-left:0%}
	.ab02 .nr .ibd .hd ul li:after,.ab02 .nr .ibd .hd ul li:before{ display:none!important}
	.ab02 .nr .ibd .hd ul li .x{ display:none!important}
	.ab02 .nr .ibd .line{ display:none!important}
	.ab02 .nr .ibd .hd ul li{ width:50%; font-size:16px; line-height:28px; text-align:center}
	.ab02 .nr .ihd h3{ font-size:20px; padding-bottom:12px; background-size:auto 2px}
	.ab02 .nr .ibd{ margin-top:30px}
	.ab02 .nr .ibd .hd ul{ padding-bottom:0}
	.ab02 .nr .ibd .bd{ margin-top:30px}
	.ab02 .nr .ibd .bd .pic{ width:100%}
	.ab02 .nr .ibd .bd .intro{ width:100%; margin-top:12px; font-size:14px}
}

.ab03{ width:100%; background:url(g_28.jpg) bottom center no-repeat; background-size:cover; padding:70px 0}
.ab03 .nr{ width:1200px; margin:0 auto}
.ab03 .nr .ihd h3{ line-height:1; font-size:32px; color:#3278af; padding-bottom:20px; background:url(g_24.jpg) bottom center no-repeat; text-align:center}
.ab03 .nr .ihd .intro{ color:#333333; font-size:18px; line-height:2;  margin:0 auto; text-align:center; margin-top:30px}
.ab03 .nr .ibd{ margin-top:40px;}
.ab03 .nr .ibd ul{ width:675px; float:left}
.ab03 .nr .ibd ul li{ width:320px; height:180px; box-sizing:border-box; float:left; margin-top:24px; box-shadow:0 0 15px rgba(00,00,00,0.15); padding:25px; background:#fff}
.ab03 .nr .ibd ul li:nth-child(2n){ float:right;}
.ab03 .nr .ibd ul li:nth-child(2){ opacity:0}
.ab03 .nr .ibd ul li .title{ font-size:28px; color:#29bdd0; line-height:36px; display:inline-block; vertical-align:top;}
.ab03 .nr .ibd ul li .title i{ font-size:36px; color:#29bdd0; font-weight:bold; font-family:Arial, Helvetica, sans-serif; display:inline-block; vertical-align:middle; line-height:36px;}
.ab03 .nr .ibd ul li .title img{ vertical-align:middle}
.ab03 .nr .ibd ul li .intro{ font-size:18px; color:#333333; line-height:2; margin-top:10px}
@media all and (max-width:1200px){
	.ab03{ padding:40px 0}
	.ab03 .nr{ width:92%;}
	.ab03 .nr .ihd h3{ font-size:20px; padding-bottom:12px; background-size:auto 2px}
	.ab03 .nr .ihd .intro{ width:100%; line-height:2; font-size:14px; margin-top:20px}
	.ab03 .nr .ibd ul{ width:100%}
	.ab03 .nr .ibd ul li:nth-child(2){ display:none}
	.ab03 .nr .ibd ul li:nth-child(2n){ float:none;}
	.ab03 .nr .ibd ul li{ float:none; height:auto; width:100%}
	.ab03 .nr .ibd{ margin-top:10px}
	.ab03 .nr .ibd ul li .title{ font-size:18px}
	.ab03 .nr .ibd ul li .title i{ font-size:20px; }
	.ab03 .nr .ibd ul li .title img{ height:20px}
	.ab03 .nr .ibd ul li .intro{ font-size:14px}
	
}

.ab04{ width:100%; background:url(g_35.jpg) top center no-repeat; background-size:cover}
.ab04 .nr{ width:1280px; margin:0 auto; padding-top:110px}
.ab04 .nr .lt{ width:536px; float:left}
.ab04 .nr .rt{ width:calc(100% - 536px); float:right; height:586px}
.ab04 .nr .lt .ihd { font-weight:bold; line-height:1; font-size:32px; color:#3278af; padding-bottom:20px; background:url(g_24.jpg) bottom left no-repeat;}
.ab04 .nr .lt .ibd{ background:url(g_30.png) top center no-repeat; padding-top:72px; margin-top:36px}
.ab04 .nr .lt .ibd .swiper04l{ width:100%; height:425px; overflow:hidden; padding:30px 0; position:relative; box-sizing:border-box}
.ab04 .nr .lt .ibd .swiper04l .swiper-slide{ width:100%; height:auto; position:relative; padding-bottom:40px}
.ab04 .nr .lt .ibd .swiper04l:after{ content:""; display:block; width:1px; height:100%; background:#d4d4d4; position:absolute; left:50%; top:0}
.ab04 .nr .lt .ibd .swiper04l .item{ width:50%; box-sizing:border-box; font-size:18px; color:#666666; background:url(g_32.png) right center no-repeat; text-align:right; padding-right:24px; margin-top:40px; cursor:pointer}
.ab04 .nr .lt .ibd .swiper04l .item:nth-child(2n+1){ margin-left:50%;background:url(g_31.png) left center no-repeat; text-align:left; padding-left:24px; padding-right:0}
.ab04 .nr .lt .ibd .swiper04l .item.on{background:url(g_34.png) right center no-repeat; color:#29bdd0; font-weight:bold}
.ab04 .nr .lt .ibd .swiper04l .item:nth-child(2n+1).on{ margin-left:50%;background:url(g_33.png) left center no-repeat;}
.ab04 .nr .rt .swiper04r{ width:100%; overflow:hidden; position:relative}
.ab04 .nr .rt .swiper04r .swiper-slide{ width:50%; float:left; text-align:center; height:508px; box-sizing:border-box;padding:70px 0 0 0}
.ab04 .nr .rt .swiper04r .swiper-slide:nth-child(2n){ padding:120px 0 0 0}
.ab04 .nr .rt .btn{ width:1900px; height:78px; background:#a7e9e9}
.ab04 .nr .rt .btn .prev04{ background:url(g_37.png) left center no-repeat; padding-left:24px; font-size:16px; color:#666666; line-height:78px; margin-left:5px; width:95px; box-sizing:border-box; float:left}
.ab04 .nr .rt .btn .next04{ background:url(g_38.png) right center no-repeat; padding-right:24px; font-size:16px; color:#666666; line-height:78px; margin-right:5px; width:95px; box-sizing:border-box; float:left; text-align:right; cursor:pointer}
.ab04 .nr .rt .btn .pagination04{ width:540px; float:left; text-align:center; line-height:78px; font-size:24px; color:#666666; font-family:Arial, Helvetica, sans-serif; cursor:pointer}
.ab04 .nr .rt .btn .pagination04 .swiper-pagination-current{ font-size:32px}
.ab04 .nr .rt .swiper04r .swiper-slide.swiper-slide-active img{ box-shadow: 0 0 10px rgba(00,00,00,0.1)}
@media all and (max-width:1440px){
	.ab04 .nr{ width:1200px;}
	.ab04 .nr .lt{ width:500px }
	.ab04 .nr .rt{ width:calc(100% - 500px)}
	.ab04 .nr .lt .ibd .swiper04l .item{ font-size:15px}
}
@media all and (max-width:1200px){
	.ab04{ background:#eafaf9; padding:40px 0 0 }
	.ab04 .nr{ width:92%; padding:0}
	.ab04 .nr .lt{ width:100%}
	.ab04 .nr .lt .ibd{ display:none}
	.ab04 .nr .rt{ width:100%; height:auto}
	.ab04 .nr .lt .ihd{ font-size:20px; padding-bottom:12px; background:url(g_24.jpg) bottom center no-repeat; background-size:auto 2px; text-align:center}
	.ab04 .nr .rt .swiper04r .swiper-slide img{ max-width:80%}
	.ab04 .nr .rt .swiper04r .swiper-slide{ padding:30px 0; height:auto}
	.ab04 .nr .rt .swiper04r .swiper-slide:nth-child(2n){ padding-top:45px }
	.ab04 .nr .rt .btn{ width:100%; height:50px}
	.ab04 .nr .rt .btn .prev04,.ab04 .nr .rt .btn .next04{ line-height:50px; font-size:14px}
	.ab04 .nr .rt .btn .pagination04{ line-height:50px; width:calc(100% - 200px); font-size:20px; height:50px; line-height:50px}
}

.pp{ width:100%;}
.pp .pp02{ width:100%; padding: 40px 0  80px}
.pp .pp02 .nr{ width:1100px; margin:0 auto; position:relative}
.pp .pp02 .nr .swiper-container{width: 100%;}
.pp .pp02 .nr .swiper-container img{ width: 100% }
.pp .pp02 .nr .swiper-slide {background-size: cover;background-position: center;}
.pp .pp02 .nr .gallery-top{width: 100%;}
.pp .pp02 .nr .gallery-top .ihd{ text-align: center; padding: 30px 0}
.pp .pp02 .nr .gallery-top .ihd h3{ font-size: 30px; color: #333333; line-height: 1; font-weight: normal; }
.pp .pp02 .nr .gallery-top .ihd p{ font-size: 30px; font-family: Arial; line-height: 1; color: rgba(51,51,51,0.5); text-transform: uppercase; padding-top: 12px }

.pp .pp02 .nr .gallery-thumbs {box-sizing: border-box; padding: 10px 0;}
.pp .pp02 .nr .gallery-thumbs .swiper-slide {height: 100%; text-align:center; font-size:16px; color:#673b94; position:relative}
.pp .pp02 .nr .gallery-thumbs .swiper-slide span{display:block; width:100%; height:100%; background:rgba(00,00,00,0.5); position:absolute; left:0; top:0; }
.pp .pp02 .nr .gallery-thumbs .swiper-slide s{ display:block; width: 100%; text-align: center; position: absolute; left: 0; top:50%; transform: translateY(-50%);z-index: 9; color:#fff;text-decoration:none}
.pp .pp02 .nr .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
.pp .pp02 .nr .gallery-thumbs .swiper-slide-thumb-active span{background:rgba(00,00,00,0);}
.pp .pp02 .nr .swiper-button-next{ width:60px; height:60px; background:url(g_44x.png) center center no-repeat; right:2%; top:54%; margin-top:-30px; background-size:cover; z-index:2}
.pp .pp02 .nr .swiper-button-next:after{ content:"";}
.pp .pp02 .nr .swiper-button-prev{ width:60px; height:60px; background:url(g_43x.png) center center no-repeat; left:2%; top:54%; margin-top:-30px; background-size:cover}
.pp .pp02 .nr .swiper-button-prev:after{ content:"";}
.pp .pp02 .nr2{width:1400px; margin:0 auto; position:relative; margin-top: 30px; font-size: 16px; line-height: 2; word-wrap:break-word;}

@media (1max-width:1440px) {
	.pp .pp02 .nr{ width:1200px;}
	.pp .pp02 .nr2{width:1200px;}
	.pp .pp02 .nr .swiper-button-next{ width:40px; height:40px; background:url(g_44x.png) center center no-repeat; margin-top:-20px; background-size:cover}
	.pp .pp02 .nr .swiper-button-next:after{ content:"";}
	.pp .pp02 .nr .swiper-button-prev{ width:40px; height:40px; background:url(g_43x.png) center center no-repeat; margin-top:-20px;background-size:cover}
	.pp .pp02 .nr .swiper-button-prev:after{ content:"";}
}
@media (max-width:1200px) {
	.pp .pp02{ padding: 30px 0 60px}
	.pp .pp02 .nr{ width:92%; margin:0 auto}
	.pp .pp02 .nr2{width:92%; font-size: 14px; margin-top: 15px}
	.pp .pp02 .nr .gallery-top{ }
	.pp .pp02 .nr .gallery-thumbs{}
	.pp .pp02 .nr .swiper-button-next{ width:40px; height:40px; }
	.pp .pp02 .nr .swiper-button-prev{ width:40px; height:40px;}
	.pp .pp02 .nr .gallery-top .ihd{ padding: 20px 0 0}
	.pp .pp02 .nr .gallery-top .ihd h3{ font-size: 20px;}
	.pp .pp02 .nr .gallery-top .ihd p{ font-size: 14px; height:40px}
}
@media (max-width:750px) {
	.pp .pp02{ }
	.pp .pp02 .nr .gallery-top{ }
	.pp .pp02 .nr .gallery-thumbs{ height: 100px }
	.pp .pp02 .nr .gallery-thumbs .swiper-slide{  font-size:13px; overflow: hidden; position:relative;}
	.pp .pp02 .nr .gallery-thumbs .swiper-slide s{ font-size: 12px }
	.pp .pp02 .nr .swiper-button-next{ width:30px; height:30px; margin-top:25px;}
	.pp .pp02 .nr .swiper-button-prev{ width:30px; height:30px; margin-top:25px;}
	.pp .more a{ display:inline-block; vertical-align:top; width:100px; height:30px; font-size:14px; border:1px solid #333; color:#333; line-height:30px; margin:0  10px}
	.pp .pp02 .nr .gallery-thumbs .swiper-slide img{ height: 100%; width: auto; position: absolute; left: 50%; top:50%; transform: translate(-50%,-50%); }
}




/* 图文列表 风格3 图片比例3：2 */
.picnews-3 { width: 1280px; margin: 0 auto; padding:40px 0; }
.picnews-3 ul { }
.picnews-3 .item { position: relative; margin:0; border-bottom: 1px solid #eee; line-height:20px; }
.picnews-3 .item a { position: relative; display: block; padding:30px 0; z-index: 1; }
.picnews-3 .item .pic { position: relative; float: left; width: 400px; margin: 0 30px 0 0; overflow: hidden; }
.picnews-3 .item .pic img { width: 100%; height: auto; min-height: 228px; transform: scale(1); transition: all .6s; }
.picnews-3 .item dl { display:block; overflow:hidden; zoom:1; padding:0; }
.picnews-3 .item dl .title { margin-bottom: 24px; color: #000; font-size: 24px; font-weight: bold; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.picnews-3 .item dl .descrition { height: 108px; margin: 0; opacity: .8; font-size: 15px; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; }
.picnews-3 .item dl .date { padding-left: 22px; background: url(z1.png) left center no-repeat; background-size: 14px auto;  margin-top: 10px; background-size:14px}
.picnews-3 .item:hover { }
.picnews-3 .item:hover a { color: #666; }
.picnews-3 .item:hover dl .title { color: #3278af; }
.picnews-3 .item:hover .pic img { transform: scale(1.1); }
.picnews-3.picnews-item-1 .item { float: left; width: calc(100%/1 - 1.5%); }
.picnews-3.picnews-item-2 .item { float: left; width: calc(100%/2 - 1.5%); }
.picnews-3.picnews-item-2 .item a { padding: 3vh 1vh 3vh 0; }
.picnews-3.picnews-item-2 .item .pic { width: 200px; height: 150px; margin-right: 20px; }
.picnews-3.picnews-item-2 .item .pic img { min-height: 150px; }
.picnews-3.picnews-item-2 .item dl .title { margin-bottom: 15px; font-size: 20px; }
.picnews-3.picnews-item-2 .item dl .descrition { height: 54px; font-size: 14px; -webkit-line-clamp: 2; line-clamp: 2; }
.picnews-3.picnews-item-2 .item dl .date { bottom: 3vh; }
@media all and (max-width:1440px){
	.picnews-3 { width: 1200px;}
}
@media all and (max-width:1200px){
	.picnews-3 { width: 92%; padding-bottom:0}
	.picnews-3 .item .pic{ width: 300px }


}
@media all and (max-width:640px){
	.picnews-3 .item .pic{ width: 140px; height: auto; margin-right: 15px }
	.picnews-3 .item .pic img{ width: 100%; min-height: 0; }
	.picnews-3 .item dl .title{ font-size: 16px; margin-bottom: 8px; font-weight: normal; }
	.picnews-3 .item dl .descrition{ height: auto; font-size: 12px; line-height: 1.8;-webkit-line-clamp: 2; line-clamp:2; height:44px; overflow:hidden}
	.picnews-3 .item a{padding: 2vh 0 2vh; }
	.picnews-3 .item dl .date{ bottom: 1.5vh }
	.picnews-3 .item{ margin: 0 }
}

/* 新闻列表 */
.list { width: 1280px; margin: 0 auto; padding:40px 0 0; }
.list li { padding:14px 0; border-bottom:1px dashed #e0e0e0; font-size:15px; position:relative }
.list li a:before{ content:""; display:block; width:4px; height:4px; background:#333; position:absolute; left:0; top:50%; margin-top:-2px; border-radius:100%}
.list li a { float:left; padding-left:12px; color:#333; position:relative }
.list li a:hover{color:#283b66;padding-left:18px;}
.list li span { float:right; color:#999; font-family:Arial;}
@media all and (max-width:1440px){
	.list { width: 1200px;}
}
@media all and (max-width:1200px){
	.list { width: 92%; padding:25px 0 20px; }
	.list li{background:none;font-size:14px;padding:10px 0;}
	.list li:first-child{padding-top:0;}
	.list li a{float:none;display:block;padding-left:0;text-align:justify;}
	.list li a:before{ width:0}
	.list li span{float:none;display:block;font-size:12px;margin-top:6px;}
}


/* 分页 */
.page { padding:50px 0; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:3px 12px; border:1px solid #ddd; background:#f2f2f2; vertical-align:top; margin-bottom:5px }
.page a:hover,.page .current { border:1px solid #3278af; background:#3278af; color:#fff; }
.page select{ width:70px; height:32px; box-sizing:border-box;; border:1px solid #ddd; margin-left:5px; text-align:center; margin-bottom:5px}
@media all and (max-width:1200px){
	.page { padding:20px 0; }
	.page a { padding:1px 10px; }
	.page select{ height:28px}
}


/* 图片列表 */
.pic-item-list {margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { width: 1400px; margin: 0 auto; padding:70px 0 0; }
.piList .pic-item-list { margin-left: -1.5%; margin-bottom: 0; }
.piList .pic-item { position:relative; width:31.83%; margin:0 0 1.5% 1.5%; background: #fff; padding:0; display:inline; transition: all 0.3s; }
.piList .pic-item::after { position: absolute; left: 0; bottom: -1px; width: 0; height: 2px; background-color: #013C8C; display: block; content: ""; opacity: 0; transition: all 0.3s; }
.piList .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; line-height:inherit; overflow: hidden; }
.piList .list-pic img { width:100%; height:auto; transition: all .6s; }
.piList dl { padding:2vh 3vh; line-height:26px; background:#f1f1f1; }
.piList dl dt { height:36px; font-size: 16px; line-height:36px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.piList .pic-item:hover { box-shadow: 0 15px 15px rgba(0,0,0,.1); }
.piList .pic-item:hover .list-pic img { transform: scale(1.06); }
.piList .pic-item:hover::after { opacity: 1; width: 100%; }
.piList.piList-item-4 .pic-item { width:23.5%; }
@media all and (max-width:1440px){
	.piList{ width: 1200px;}
}
@media all and (max-width:1200px){
	.piList{ width: 92%; padding-top:40px }
}
@media all and (max-width:750px){
	.piList .pic-item{ width: 48% }
	.piList dl{ padding: 1vh }
	.piList dl dt{ font-size: 14px }
}




/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }


.hr{padding-top: 33px;background: #fff;padding-bottom: 116px;}
.hr_c{margin: 0 auto;width: 1280px;}
.hr_c h3{font-size: 18px;color: #000;font-weight: bold;padding-left: 50px;background: #f8f8f8;line-height: 83px;margin-top: 20px;}
.hr_c h3 em{background: url(hr_01.png) center center no-repeat;width: 12px;height: 12px;display: block;float: right;margin-right: 46px;margin-top: 34px;cursor: pointer;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.hr_c h3.on em{background: url(hr_02.png) center center no-repeat;}
.hr_c .hr_cc{padding: 0 32px 53px;border: 1px solid #f5f5f5;}
.hr_c .hr_cca{border-bottom: 1px solid #f1f1f1;}
.hr_c .hr_cca .hr_ccaa{float: left;width:348px;font-size: 16px;color: #000;padding: 30px 0 20px;}
.hr_c .hr_cca .hr_ccaa:last-child{width: 170px;}
.hr_c .hr_ccb .hr_ccba{font-size: 16px;color: #000;font-weight: bold;padding: 31px 0 18px;}
.hr_c .hr_ccb .hr_ccbb{font-size: 16px;color: #000;line-height: 28px;}
.hr_c .hr_ccb .hr_ccbc{font-size: 16px;color: #000;font-weight: bold;padding: 32px 0 12px;}
.hr_c .hr_ccb .hr_ccbd{width: 280px;font-size: 16px;color: #000;line-height: 30px;}
.hr_c .hr_ccc{position: relative;width: 169px;height: 55px;border: 1px solid #edac20;line-height: 55px;margin-top: 34px;}
.hr_c .hr_ccc a{font-size: 18px;color: #edac20;background: url(hr_03.png) left 25px center no-repeat;padding-left: 62px;cursor: pointer;}
.hr_c .hr_ccc .file1{opacity: 0;width: 169px;height: 55px;position: absolute;top: 0;left: 0;cursor: pointer;}
@media all and (max-width:1440px){
	.hr_c .hr_cca .hr_ccaa{ width:320px}
	.hr_c{margin: 0 auto;width: 1200px;}
}

.cov{position: fixed;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index:9998;display: none;}
.biaodan{position: fixed; padding:35px; margin:-330px 0 0 -240px; background:#fff url(zp-3.png) no-repeat center;left:50%;top:50%; z-index:9999; display: none;}
.biaodan .i-biaodan{border:1px solid #dadada;padding: 45px;width: 315px;position:relative;}
.biaodan .i-biaodan .h{font-size: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 12px;}
.biaodan .i-biaodan .e{font-size:14px;line-height: 14px;text-align: center;color: #969696;padding-bottom:16px;margin-bottom: 15px;}
.biaodan .i-biaodan .close{ display:block; width:24px; height:24px; background:url(zp-1.png) no-repeat center; cursor:pointer; position:absolute; top:15px; right:15px;}
.biaodan .i-biaodan ul li{padding:15px 18px;border:1px solid #c8c8c8;margin-bottom:22px;color: #bfbfbf;font-size:15px;line-height: 25px;}
.biaodan .i-biaodan ul li label { float:left; display:block; width:30px; height:25px; }
.biaodan .i-biaodan ul li:nth-child(1) label{background:url(zp-5.jpg) no-repeat left center;}
.biaodan .i-biaodan ul li:nth-child(2) label{background:url(zp-4.png) no-repeat left center;}
.biaodan .i-biaodan .ta textarea{padding:15px 18px;border:1px solid #c8c8c8;font-size:15px;line-height: 25px;color: #bfbfbf;width:100%;box-sizing: border-box;}
.biaodan .i-biaodan .jl{font-size:15px;line-height: 25px;margin: 14px 0;}
.biaodan .i-biaodan .sub input{/* float:right; */width: calc(100%);font-size: 20px;line-height:46px;background:#e98700;text-align: center;color: #fff;}
.biaodan .i-biaodan input { border: 0; }



.third {width: 100%;margin:0 auto;margin-top: 70px; text-align:center}
.third ul li{ display:inline-block; vertical-align:top;border: 1px solid rgba(100,99,99,.5);margin:0 5px;border-radius: 20px}
.third ul li a{display: block;color: rgba(51,51,51,.5);font-size: 14px;padding: 4px 30px;transition: unset;position: relative;line-height: 27px; }
.third ul li.current,.third ul li:hover{background: #3278af;border: 1px solid #3278af;}
.third ul li.current a,.third ul li:hover a{color: #fff;}
@media all and (max-width:1200px){
	.third{ margin-top:40px}
}

.form{ width:100%; padding:50px 0}
.form .ihd{ text-align:center; font-size:20px; font-weight:bold; color:#333}
.form .ibd{ margin-top:30px}
.form .ibd .item{ width:100%; margin-bottom:20px}
.form .ibd .item .a{ float:left; width:100px; font-size:16px; color:#333; line-height:40px}
.form .ibd .item .b{ float:right; width:calc(100% - 100px)}
.form .ibd .item .b .inp1{ display:block; width:100%; height:40px; box-sizing:border-box; border:1px solid #ccc; padding:0 20px; font-size:16px}
.form .ibd .item .inp2{ display:block; width:200px; height:40px; background:#3278af; color:#fff; font-size:16px; border-radius:5px; margin-left:100px}