/*banner begin*/
.box1{ clear:both; width:100%; height:680px;overflow:hidden; position:relative;}
.box1_1{ display:none; width:100%; height:auto;}
.bannin{width:100%; height:100%; margin:0 auto; padding-top:94px;}
.bonxi{ width:100%; height:100%; background:url(../tu/banner.jpg) no-repeat center bottom #002343; background-size:cover;}
.bone{ width:560px; height:auto; position:absolute; left:81px; top:370px; z-index:999; text-align:left;}
.bone_t{ position:relative; min-height:65px; color:#fff; font-size:42px; font-weight:bold; line-height:36px; margin-bottom:20px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:30px; font-size:26px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:30px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b{ height:auto; overflow:hidden;opacity:0;}
.bone_b p{ color:#fff; font-size:16px; line-height:25px;}
.boxq{ position:absolute; left:-120px; right:0;top:215px; z-index:999;opacity:0;}
.boxq img{ display:block; max-width:100%; margin:0 auto;}
.azde{ position:absolute; left:48%; top:554px; width:43px; z-index:999;opacity:0;}
.azde img{animation: whirl 10s linear infinite; display:block;}
.azdc{ position:absolute; left:52.8%; top:580px; width:43px; z-index:999;opacity:0;}
.azdc img{animation: whirl 10s linear infinite; display:block;}
@keyframes whirl {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.ani-slide .bone_t{opacity:1;-webkit-animation-name: driveInTop;animation-name: driveInTop;-webkit-animation-duration: 4s; animation-duration: 4s;}
.ani-slide .bone_c{opacity:1;-webkit-animation-name: driveInLeft;animation-name: driveInLeft;-webkit-animation-duration: 4s; animation-duration: 4s;}
.ani-slide .bone_b{opacity:1;-webkit-animation-name: driveInBottom;animation-name: driveInBottom;-webkit-animation-duration: 4s; animation-duration: 4s;}
.ani-slide .boxq{opacity:1;-webkit-animation-name: blink;animation-name: blink;-webkit-animation-duration: 6s; animation-duration: 6s;}
.ani-slide .azde{opacity:1;-webkit-animation-name: blink;animation-name: blink;-webkit-animation-duration: 20s; animation-duration: 20s;}
.ani-slide .azdc{opacity:1;-webkit-animation-name: blink;animation-name: blink;-webkit-animation-duration: 20s; animation-duration: 20s;}
@media(max-width:1600px){
.azde{ position:absolute; left:47%; top:536px; width:43px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52.2%; top:567px; width:43px; z-index:999;opacity:0;}
}
@media(max-width:1440px){
.boxq img{ display:block; max-width:80%; margin:0 auto;}
.box1{ clear:both; width:100%; height:710px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-66px; right:0;top:191px; z-index:999}
.bone{ width:475px; height:auto; position:absolute; left:81px; top:280px; z-index:999; text-align:left;}
.bone_t{ position:relative; min-height:55px; color:#fff; font-size:30px; font-weight:bold; line-height:26px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:20px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:20px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:48%; top:416px; width:33px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52.2%; top:433px; width:33px; z-index:999;opacity:0;}
}
@media(max-width:1366px){
.boxq img{ display:block; max-width:80%; margin:0 auto;}
.box1{ clear:both; width:100%; height:710px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-66px; right:0;top:205px; z-index:999}
.bone{ width:475px; height:auto; position:absolute; left:81px; top:280px; z-index:999; text-align:left;}
.bone_t{ position:relative; min-height:55px; color:#fff; font-size:30px; font-weight:bold; line-height:26px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:20px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:20px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:48%; top:416px; width:33px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52.2%; top:433px; width:33px; z-index:999;opacity:0;}
}
@media(max-width:1280px){
.boxq img{ display:block; max-width:80%; margin:0 auto;}
.box1{ clear:both; width:100%; height:710px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-66px; right:0;top:205px; z-index:999}
.bone{ width:475px; height:auto; position:absolute; left:81px; top:280px; z-index:999; text-align:left;}
.bone_t{ position:relative; min-height:55px; color:#fff; font-size:30px; font-weight:bold; line-height:26px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:20px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:20px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:48%; top:402px; width:33px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52%; top:418px; width:33px; z-index:999;opacity:0;}
}
@media(max-width:1024px){
.boxq img{ display:block; max-width:100%; margin:0 auto;}
.box1{ clear:both; width:100%; height:710px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-66px; right:0;top:205px; z-index:999}
.bone{ width:475px; height:auto; position:absolute; left:81px; top:280px; z-index:999; text-align:left;}
.bone_t{ position:relative; min-height:35px; color:#fff; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:16px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:16px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:48%; top:402px; width:33px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52%; top:418px; width:33px; z-index:999;opacity:0;}
.bone{ width:475px; height:auto; position:absolute; left:30px; top:310px; z-index:999; text-align:left;}
}
@media(max-width:768px){
.boxq img{ display:block; max-width:100%; margin:0 auto;}
.box1{ clear:both; width:100%; height:710px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-66px; right:0;top:285px; z-index:999}
.bone{ width:475px; height:auto; position:absolute; left:81px; top:280px; z-index:999; text-align:left;}
.bone_t{ position:relative; min-height:35px; color:#fff; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:16px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:16px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:47%; top:439px; width:23px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52%; top:450px; width:23px; z-index:999;opacity:0;}
.bone{ width:475px; height:auto; position:absolute; left:30px; top:120px; z-index:999; text-align:left;}
}
@media(max-width:414px){
.boxq img{ display:block; max-width:100%; margin:0 auto;}
.box1{ clear:both; width:100%; height:610px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-23px; right:0;top:363px; z-index:999}
.bone_t{ position:relative; min-height:35px; color:#fff; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:16px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:16px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:47%; top:439px; width:23px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52%; top:450px; width:23px; z-index:999;opacity:0;}
.bone{ width:95%; height:auto; position:absolute; left:15px; top:170px; z-index:999; text-align:left; padding-right:15px;}
}
@media(max-width:411px){
.boxq img{ display:block; max-width:100%; margin:0 auto;}
.box1{ clear:both; width:100%; height:710px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-23px; right:0;top:363px; z-index:999}
.bone_t{ position:relative; min-height:35px; color:#fff; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:16px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:16px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:47%; top:437px; width:23px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:52%; top:445px; width:23px; z-index:999;opacity:0;}
.bone{ width:95%; height:auto; position:absolute; left:15px; top:170px; z-index:999; text-align:left; padding-right:15px;}
}
@media(max-width:375px){
.boxq img{ display:block; max-width:100%; width:200%; margin:0 auto;}
.box1{ clear:both; width:100%; height:610px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-23px; right:0;top:363px; z-index:999}
.bone_t{ position:relative; min-height:35px; color:#fff; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:16px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:16px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:52%; top:440px; width:18px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:47%; top:433px; width:18px; z-index:999;opacity:0;}
.bone{ width:95%; height:auto; position:absolute; left:15px; top:170px; z-index:999; text-align:left; padding-right:15px;}
}
@media(max-width:360px){
.boxq img{ display:block; max-width:100%; width:200%; margin:0 auto;}
.box1{ clear:both; width:100%; height:610px;overflow:hidden; position:relative;}
.boxq{ position:absolute; left:-23px; right:0;top:363px; z-index:999}
.bone_t{ position:relative; min-height:35px; color:#fff; font-size:20px; font-weight:bold; line-height:20px; margin-bottom:25px;opacity:0;}
.bone_c{ height:auto; overflow:hidden; color:#fff; line-height:24px; font-size:16px; margin-bottom:18px;opacity:0;}
.bone_c span{ font-size:16px; font-weight:bold; color:#005aab; margin:0 15px; display:inline-block;}
.bone_b p{ color:#fff; font-size:14px; line-height:25px;}
.azde{ position:absolute; left:51%; top:436px; width:18px; z-index:999;opacity:0;}
.azdc{ position:absolute; left:47%; top:429px; width:18px; z-index:999;opacity:0;}
.bone{ width:95%; height:auto; position:absolute; left:15px; top:170px; z-index:999; text-align:left; padding-right:15px;}
}
.ctmq1{ width:580px; margin:0 auto; margin-top:320px;}
.ctmq1 h1{ position:relative; color:rgba(255,255,255,0.8); font-size:40px; font-weight:bold; line-height:46px; text-align:center; min-height:115px; margin-bottom:30px;opacity:0;}
.ctmq1 h1 i{ display:block; font-size:24px; font-weight:normal; line-height:28px;}
.ctmq1 h1:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; bottom:0px; height:2px;width:205px;background:#005aab;}
.ctmq1 h2{ font-size:24px; font-weight:bold; color:rgba(255,255,255,0.9); text-align:center; line-height:28px;opacity:0;}
.ctmq1 p{ line-height:28px; color:#fff; font-size:16px; text-align:center; margin-top:5px;opacity:0;}
.ani-slide .ctmq1 h1{opacity:1;-webkit-animation-name: driveInTop;animation-name: driveInTop;-webkit-animation-duration: 4s; animation-duration: 4s;}
.ani-slide .ctmq1 h2{opacity:1;-webkit-animation-name: driveInLeft;animation-name: driveInLeft;-webkit-animation-duration: 4s; animation-duration: 4s;}
.ani-slide .ctmq1 p{opacity:1;-webkit-animation-name: driveInBottom;animation-name: driveInBottom;-webkit-animation-duration: 4s; animation-duration: 4s;}
@media(max-width:1024px){
.ctmq1{ width:100%; margin:0 auto; margin-top:154px; padding:0 30px;}
.ctmq1 h1{ position:relative; color:rgba(255,255,255,0.8); font-size:26px; font-weight:bold; line-height:36px; text-align:center; min-height:95px; margin-bottom:30px;}
.ctmq1 h1 i{ display:block; font-size:20px; font-weight:normal; line-height:28px;}
.ctmq1 h2{ font-size:18px; font-weight:bold; color:rgba(255,255,255,0.9); text-align:center; line-height:28px;}
.ctmq1 p{ line-height:28px; color:#fff; font-size:14px; text-align:center; margin-top:5px;}
}
@media(max-width:414px){
.ctmq1{ width:100%; margin:0 auto; margin-top:184px; padding:0 15px;}
.ctmq1 h1{ position:relative; color:rgba(255,255,255,0.8); font-size:18px; font-weight:bold; line-height:36px; text-align:center; min-height:75px; margin-bottom:20px;}
.ctmq1 h1 i{ display:block; font-size:14px; font-weight:normal; line-height:28px;}
.ctmq1 h2{ font-size:16px; font-weight:bold; color:rgba(255,255,255,0.9); text-align:center; line-height:28px;}
.ctmq1 p{ line-height:28px; color:#fff; font-size:14px; text-align:center; margin-top:5px;}
}
/*banner end*/
/*main begin*/
.box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:85px 0 68px 0;}
.ptin{ width:1342px; height:auto; margin:0 auto;}
.ptin_t{ height:auto; overflow:hidden; margin-bottom:30px;}
.ptin_t span{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:30px;}
.ptin_t h1{ text-align:center; background:url(../images/bg.jpg) no-repeat center bottom; min-height:78px; color:#333333; font-size:36px; line-height:38px; margin-bottom:25px;}
.ptin_t p{ text-align:center; color:#005aab; line-height:24px; font-size:20px; font-weight:bold;}
.ptin_b{ clear:both; height:auto;}
.ptin_b li{ float:left; width:33.33%; text-align:center;transition: all 1s ease; margin-bottom:40px;}
.bune{ width:193px; height:192px; position:relative; margin:0 auto; margin-bottom:15px;}
.yuan{animation: whirl 10s linear infinite;}
.bune span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; padding:20px 0 0 0;}
.bunv{ clear:both; height:auto; overflow:hidden;padding:10px 15px 20px 15px ;}
.bunv h1{ min-height:38px; color:#333333; font-size:18px; font-weight:bold; position:relative; margin-bottom:15px;}
.bunv h1:after{ content:'';position:absolute;left:0; right:0px; margin:0 auto; bottom:0px; height:1px;width:34px;background:#949597;}
.bunv p{ color:#6a6b6c; font-size:14px; line-height:34px;}
.ptin_b li:hover{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
@media(max-width:1366px){
.ptin{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
}
@media(max-width:1024px){
.box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 20px 0;}
.ptin{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.ptin_t{ height:auto; overflow:hidden; margin-bottom:20px;}
.ptin_t h1{ text-align:center; background:url(../images/bg.jpg) no-repeat center bottom; min-height:48px; color:#333333; font-size:20px; line-height:38px; margin-bottom:15px;}
.ptin_t p{ text-align:center; color:#005aab; line-height:24px; font-size:16px; font-weight:bold;}
.ptin_t span{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:15px;}
.bunv h1{ min-height:38px; color:#333333; font-size:16px; font-weight:bold; position:relative; margin-bottom:15px;}
.ptin_b li{ float:left; width:33.33%; text-align:center;transition: all 1s ease; margin-bottom:20px;}
.bunv p{ color:#6a6b6c; font-size:12px; line-height:24px;}
}
@media(max-width:414px){
.box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 20px 0;}
.ptin{ width:100%; padding:0 15px; height:auto; margin:0 auto;}
.ptin_t{ height:auto; overflow:hidden; margin-bottom:20px;}
.ptin_t h1{ text-align:center; background:url(../images/bg.jpg) no-repeat center bottom; min-height:48px; color:#333333; font-size:20px; line-height:38px; margin-bottom:15px;}
.ptin_t p{ text-align:center; color:#005aab; line-height:24px; font-size:16px; font-weight:bold;}
.ptin_t span{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:15px;}
.bunv h1{ min-height:38px; color:#333333; font-size:16px; font-weight:bold; position:relative; margin-bottom:15px;}
.ptin_b li{ float:left; width:33.33%; text-align:center;transition: all 1s ease; margin-bottom:20px;}
.bunv p{ color:#6a6b6c; font-size:12px; line-height:24px; height:48px; overflow:hidden;}
.ptin_b li{ float:left; width:50%; text-align:center;transition: all 1s ease; margin-bottom:40px;}
.bune img{ display:block; margin:0 auto; max-width:80%;}
.bune span img{ display:block; max-width:60%;}
.bune{ width:100%; height:auto; position:relative; margin:0 auto; margin-bottom:15px;}
.bunv h1{ min-height:28px; color:#333333; font-size:14px; font-weight:bold; position:relative; margin-bottom:10px;}
}
.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg1.jpg) no-repeat center center; background-size:cover; padding:121px 0 110px 0;}
.boas{ width:1342px; height:auto; margin:0 auto;}
.boas_l{ float:left; width:48.6%; height:auto; position:relative; perspective: 1000px; overflow:hidden;}
.scin{ position:relative; width:100%; height:auto; position:relative; transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}
.scin img{ display:block;width:100%; height:auto; margin:0 auto;}
.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:-1; background:rgba(27,34,47,0.96); padding:168px 126px 0 126px;}
.scin2 h1{ color:#fff; font-size:36px; line-height:46px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:45px;}
.scin2 p{ line-height:34px; color:#a8a9ad; font-size:14px; margin-bottom:35px;}
.scin2 span{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.boas_l:hover .scin2{transform: rotateY(0); z-index:99}
.boas_l:hover .scin{transform: rotateY(0deg); z-index:88}
.boas_r{ float:right; width:33%; height:auto; margin-right:57px; padding-top:130px;}
.boas_rt{ height:auto; overflow:hidden; text-align:center; margin-bottom:30px;}
.boas_rt i{ display:block; color:#999999; font-size:14px; line-height:24px; font-family:Arial, Helvetica, sans-serif; margin-bottom:30px;}
.boas_rt h1{ text-align:center; background:url(../images/bg.jpg) no-repeat center bottom; min-height:76px; color:#333333; font-size:36px; line-height:38px; margin-bottom:25px;}
.boas_rt p{ text-align:center; color:#005aab; line-height:24px; font-size:20px; font-weight:bold;}
.boas_rc{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}
.boas_rc li{ float:left; width:104px; margin-right:65px;}
.sone{ display:block; width:104px; height:auto; position:relative; margin:0 auto; margin-bottom:15px; overflow:hidden;}
.sone img.oke{ width:104px; height:103px;animation: whirl 10s linear infinite; margin:0 auto;}
.sone span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; padding-top:12px;}
.sone span img{ display:block; max-width:100%; margin:0 auto;}
.boas_rc li p{ text-align:center; color:#333333; font-size:20px; font-weight:bold; line-height:24px;}
.boas_rc li:last-child{ margin-right:0px;}
.boas_rb{ clear:both; height:auto; overflow:hidden; position:relative; padding-top:165px;}
.boas_rb img{ display:block; max-width:100%; margin:0 auto;}
.boas_rb:after{ content:'';position:absolute; left:0; right:0;top:0px; margin:0 auto; height:125px;width:1px;background:#e1e1e1;transition:400ms ease all;-moz-transition:400ms ease all;}
.scin3{ display:block; width:100%; left:0; top:0; padding:30px; display:none;}
.scin3 h1{ color:#333; font-size:18px; line-height:28px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:10px;}
.scin3 p{ line-height:24px; color:#a8a9ad; font-size:14px; margin-bottom:20px;}
.scin3 span{ color:#333; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
@media(max-width:1366px){
.boas{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.boas_l{ float:left; width:48.45%; height:auto; position:relative; perspective: 1000px; overflow:hidden;}
.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:-1; background:rgba(27,34,47,0.96); padding:128px 86px 0 86px;}
.boas_rc li{ float:left; width:104px; margin-right:41px;}
}
@media(max-width:1360px){
.boas{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.boas_l{ float:left; width:48.45%; height:auto; position:relative; perspective: 1000px; overflow:hidden;}
.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:-1; background:rgba(27,34,47,0.96); padding:128px 86px 0 86px;}
.boas_rc li{ float:left; width:104px; margin-right:40px;}
}
@media(max-width:1280px){
.boas{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.boas_l{ float:left; width:48.2%; height:auto; position:relative; perspective: 1000px; overflow:hidden;}
.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:-1; background:rgba(27,34,47,0.96); padding:128px 86px 0 86px;}
.boas_rc li{ float:left; width:104px; margin-right:27px;}
}
@media(max-width:1024px){
.boas{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.boas_l{ float:left; width:100%; height:auto; position:relative; perspective: 1000px; overflow:hidden;}
.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:-1; background:rgba(27,34,47,0.96); padding:128px 86px 0 86px;}
.boas_rc li{ float:left; width:104px; margin-right:27px;}
.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; background-size:cover; padding:40px 0 40px 0;}
.boas_r{ float:right; width:100%; height:auto; margin-right:0px; padding-top:40px;}
.boas_rc li{ float:left; width:33.33%; margin-right:0px;}
.boas_rb{ clear:both; height:auto; overflow:hidden; position:relative; padding-top:45px;}
.boas_rb img{ display:block; max-width:100%; margin:0 auto;}
.boas_rb:after{ content:'';position:absolute; left:0; right:0;top:0px; margin:0 auto; height:60px;width:1px;background:#e1e1e1;transition:400ms ease all;-moz-transition:400ms ease all;}
.boas_rt p{ text-align:center; color:#005aab; line-height:24px; font-size:16px; font-weight:bold;}
.boas_rt i{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:15px;}
.boas_rt h1{ min-height:38px; color:#333333; font-size:16px; font-weight:bold; position:relative; margin-bottom:15px;}
.scin3{ display:block; width:100%; left:0; top:0; margin-bottom:20px; padding:0;; display:none;}
}
@media(max-width:414px){
.boas{ width:100%; padding:0 15px; height:auto; margin:0 auto;}
.boas_l{ float:left; width:100%; height:auto; position:relative; perspective: 1000px; overflow:hidden;}
.scin2{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s; z-index:-1; background:rgba(27,34,47,0.96); padding:30px 30px 0 30px;}
.boas_rc li{ float:left; width:104px; margin-right:27px;}
.box3{ clear:both; width:100%; height:auto; overflow:hidden; background:#ffffff; background-size:cover; padding:90px 0 40px 0;}
.boas_r{ float:right; width:100%; height:auto; margin-right:0px; padding-top:40px;}
.boas_rc li{ float:left; width:33.33%; margin-right:0px;}
.boas_rb{ clear:both; height:auto; overflow:hidden; position:relative; padding-top:45px;}
.boas_rb img{ display:block; max-width:100%; margin:0 auto;}
.boas_rb:after{ content:'';position:absolute; left:0; right:0;top:0px; margin:0 auto; height:60px;width:1px;background:#e1e1e1;transition:400ms ease all;-moz-transition:400ms ease all;}
.scin2 h1{ color:#fff; font-size:18px; line-height:26px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:15px;}
.scin2 p{ line-height:24px; color:#a8a9ad; font-size:14px; margin-bottom:15px;}
.scin2 span{ color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.boas_rt h1{ text-align:center; background:url(../images/bg.jpg) no-repeat center bottom; min-height:48px; color:#333333; font-size:20px; line-height:38px; margin-bottom:15px;}
.boas_rt p{ text-align:center; color:#005aab; line-height:24px; font-size:16px; font-weight:bold;}
.boas_rt i{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:center; margin-bottom:15px;}
.boas_rc li p{ text-align:center; color:#333333; font-size:16px; font-weight:bold; line-height:24px;}
}
.box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:130px 0 100px 0;}
.zjpi{ width:1342px; height:auto; margin:0 auto;}
.zjpi_b{ height:auto; overflow:hidden; padding-top:30px;}
.zjpi_bt{ height:auto; overflow:hidden; margin-bottom:60px;}
.zjpi_bt li{ float:left; width:50%;}
.zjpi_bt li a{ display:block; width:100%; height:auto; line-height:80px; text-align:center; font-size:18px;}
.dada{ color:#fff; font-weight:bold; background:#005aab;}
.xiao{ background:#f4f6f8; color:#888;}
.zjpi_bb{ width:54%; margin:0 auto;}
.zj_bt{ height:auto; position:relative; min-height:150px; margin-bottom:35px;}
.zj_bt li{ float:left; width:150px; height:auto; margin-right:137px;}
.zj_bt li a{ display:block; width:100%; height:auto; position:relative;}
.zj_bt li a span{ opacity:1;}
.zj_bt li a font{position:absolute; width:100%; height:100%; left:0; top:0;}
.zj_bt li:last-child{ margin-right:0px;}
.dada1 span{opacity:0;transition: all 1s ease;}
.dada1 font{opacity:1;transition: all 1s ease;}
.xiao1 span{opacity:1;transition: all 1s ease;}
.xiao1 font{opacity:0;transition: all 1s ease;}
.zj_b{ text-align:center; height:auto; clear:both; overflow:hidden;}
.zj_b h6{ color:#333333; font-size:18px; line-height:36px; font-weight:bold; margin-bottom:45px;}
.zj_b h6 i{ font-size:16px; color:#999999; font-weight:normal; display:block;}
.zj_b p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
#certify,#certify1 {
position: relative;
width: 1200px;
margin: 0 auto
}
#certify .swiper-container,#certify1 .swiper-container {
padding-bottom: 60px;
}
#certify .swiper-slide,#certify1 .swiper-slide {
width: 738px;
}
#certify .swiper-slide img,#certify1 .swiper-slide img{
display:block;
margin:0px auto;
}
.tuxn{ position:relative;}
.tuxn span{ display:block; width:100%; height:100%;opacity:1}
.tuxn font{display:block; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0;}
.tuxn1{ opacity:0; background:#fff; padding-top:60px;}
.tuxn1 h6{ color:#333333; font-size:18px; line-height:36px; font-weight:bold; margin-bottom:45px;}
.tuxn1 h6 i{ font-size:16px; color:#999999; font-weight:normal; display:block;}
.tuxn1 p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
#certify .swiper-slide-active .tuxn font,#certify1 .swiper-slide-active .tuxn font{ opacity:1;}
#certify .swiper-slide-active .tuxn1,#certify1 .swiper-slide-active .tuxn1{ opacity:1;}
.hide {
visibility: hidden;
position: absolute;
z-index: -1;
height: 0;
}
.demo {
width: 100%;
overflow: hidden; margin-bottom:60px;
}
.demo>div { float:left;width:50%; height:auto; line-height:80px; text-align:center; font-size:18px;
text-align: center;
cursor: pointer;
background:#f4f6f8; color:#888;
}
.demo2 {
width: 100%;
height: auto;
}
.demo2>div {
position: relative;
}
.Color {
color:#fff !important; font-weight:bold; background:#005aab !important;
}
@media(max-width:1366px){
.zjpi{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.zjpi_bb{ width:61%; margin:0 auto;}
}
@media(max-width:1280px){
.zjpi{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.zjpi_bb{ width:61%; margin:0 auto;}
.zj_bt li{ float:left; width:150px; height:auto; margin-right:115px;}
}
@media(max-width:1024px){
.box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}
.zjpi{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.zjpi_bb{ width:100%; margin:0 auto;}
.zj_bt li{ float:left; width:33.33%; height:auto; margin-right:0px;}
.zj_bt li img{ display:block; margin:0 auto; max-width:100%;}
.zjpi_b{ height:auto; overflow:hidden; padding-top:0px;}
.zjpi_bt{ height:auto; overflow:hidden; margin-bottom:30px; overflow:hidden;}
.zj_bt{ height:auto; position:relative; min-height:45px; margin-bottom:20px; overflow:hidden;}
.zjpi_bt li a{ display:block; width:100%; height:auto; line-height:45px; text-align:center; font-size:16px;}
.zj_bb h6{ color:#333333; font-size:16px; line-height:28px; font-weight:bold; margin-bottom:10px;}
.zj_bb h6 i{ font-size:14px; color:#999999; font-weight:normal; display:block;}
#certify,#certify1 {
position: relative;
width: 100%;
margin: 0 auto
}
}
@media(max-width:768px){
#certify .swiper-slide,#certify1 .swiper-slide {
width: 631px;
}
#certify .swiper-container,#certify1 .swiper-container {
padding-bottom:30px;
}
.tuxn1{ opacity:0; background:#fff; padding-top:30px;}
.tuxn1 h6{ color:#333333; font-size:18px; line-height:36px; font-weight:bold; margin-bottom:20px;}
.tuxn1 h6 i{ font-size:16px; color:#999999; font-weight:normal; display:block;}
.tuxn1 p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
}
@media(max-width:414px){
.box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}
.zjpi{ width:100%; padding:0 15px; height:auto; margin:0 auto;}
.zjpi_bb{ width:100%; margin:0 auto;}
.zj_bt li{ float:left; width:33.33%; height:auto; margin-right:0px;}
.zj_bt li img{ display:block; margin:0 auto; max-width:80%;}
.zjpi_b{ height:auto; overflow:hidden; padding-top:0px;}
.zjpi_bt{ height:auto; overflow:hidden; margin-bottom:30px; overflow:hidden;}
.zj_bt{ height:auto; position:relative; min-height:45px; margin-bottom:10px; overflow:hidden;}
.zjpi_bt li a{ display:block; width:100%; height:auto; line-height:45px; text-align:center; font-size:14px;}
.zj_bb h6{ color:#333333; font-size:16px; line-height:28px; font-weight:bold; margin-bottom:10px;}
.zj_bb h6 i{ font-size:14px; color:#999999; font-weight:normal; display:block;}
#certify .swiper-slide,#certify1 .swiper-slide {
width: 360px;
}
#certify .swiper-container,#certify1 .swiper-container {
padding-bottom:30px;
}
.tuxn1{ opacity:0; background:#fff; padding-top:30px;}
.tuxn1 h6{ color:#333333; font-size:16px; line-height:36px; font-weight:bold; margin-bottom:10px;}
.tuxn1 h6 i{ font-size:16px; color:#999999; font-weight:normal; display:block;}
.tuxn1 p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
.demo>div { float:left;width:50%; height:auto; line-height:45px; text-align:center; font-size:14px;
text-align: center;
cursor: pointer;
background:#f4f6f8; color:#888;
}
}
@media(max-width:360px){
.box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}
.zjpi{ width:100%; padding:0 15px; height:auto; margin:0 auto;}
.zjpi_bb{ width:100%; margin:0 auto;}
.zj_bt li{ float:left; width:33.33%; height:auto; margin-right:0px;}
.zj_bt li img{ display:block; margin:0 auto; max-width:80%;}
.zjpi_b{ height:auto; overflow:hidden; padding-top:0px;}
.zjpi_bt{ height:auto; overflow:hidden; margin-bottom:30px; overflow:hidden;}
.zj_bt{ height:auto; position:relative; min-height:45px; margin-bottom:10px; overflow:hidden;}
.zjpi_bt li a{ display:block; width:100%; height:auto; line-height:45px; text-align:center; font-size:14px;}
.zj_bb h6{ color:#333333; font-size:16px; line-height:28px; font-weight:bold; margin-bottom:10px;}
.zj_bb h6 i{ font-size:14px; color:#999999; font-weight:normal; display:block;}
#certify .swiper-slide,#certify1 .swiper-slide {
width: 400px;
}
#certify .swiper-container,#certify1 .swiper-container {
padding-bottom:30px;
}
.tuxn1{ opacity:0; background:#fff; padding-top:30px; padding:30px 40px;}
.tuxn1 h6{ color:#333333; font-size:16px; line-height:36px; font-weight:bold; margin-bottom:10px;}
.tuxn1 h6 i{ font-size:16px; color:#999999; font-weight:normal; display:block;}
.tuxn1 p{ text-align:center; color:#666666; font-size:14px; line-height:24px;}
.demo>div { float:left;width:50%; height:auto; line-height:45px; text-align:center; font-size:14px;
text-align: center;
cursor: pointer;
background:#f4f6f8; color:#888;
}
}
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:180px 0 0 0; min-height:720px; position:relative;}
.bogh{ width:1342px; height:auto; overflow:hidden; margin:0 auto;}
.bogh_l{ width:180px; height:180px; background:#fff; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.bhjj{ position:absolute; right:0; bottom:0; width:75.6%; height:auto; min-height:540px; background:#1a2230;}
.bhjj_l{ float:left; width:85%; height:auto; overflow:hidden; border-right:1px solid #484e59; min-height:540px; padding:130px 133px 0 204px;}
.bhjj_lt{ min-height:125px; position:relative; color:#fff; font-size:36px; line-height:46px; overflow:hidden; margin-bottom:35px;}
.bhjj_lt:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:100px;background:#cccccc;transition:400ms ease all;-moz-transition:400ms ease all;}
.bhjj_lt i{ display:block; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; text-transform:capitalize;}
.bhjj_lb{ height:auto; overflow:hidden;}
.bhjj_lb p{ color:#a8a9ad; line-height:34px; font-size:14px;}
.bhjj_r{ float:left; width:113px;writing-mode:vertical-rl; color:#fff; text-align:left; padding-top:289px;}
.bhjj_r a{ color:#ceced0; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.bhjj_r a img{ margin-top:15px;}
.bhjj_r1{ display:none;}
.bhjj_r1 a{ color:#ceced0; font-family:Arial, Helvetica, sans-serif; font-size:16px;}
@media(max-width:1680px){
.bhjj{ position:absolute; right:0; bottom:0; width:79.3%; height:auto; min-height:540px; background:#1a2230;}
}
@media(max-width:1600px){
.bhjj{ position:absolute; right:0; bottom:0; width:80.8%; height:auto; min-height:540px; background:#1a2230;}
}
@media(max-width:1440px){
.bhjj{ position:absolute; right:0; bottom:0; width:81.9%; height:auto; min-height:540px; background:#1a2230;}
.bogh{ width:100%; padding:0 81px; height:auto; overflow:hidden; margin:0 auto;}
}
@media(max-width:1366px){
.bhjj{ position:absolute; right:0; bottom:0; width:80.8%; height:auto; min-height:540px; background:#1a2230;}
.bogh{ width:100%; padding:0 81px; height:auto; overflow:hidden; margin:0 auto;}
}
@media(max-width:1280px){
.bhjj{ position:absolute; right:0; bottom:0; width:80.8%; height:auto; min-height:540px; background:#1a2230;}
.bogh{ width:100%; padding:0 81px; height:auto; overflow:hidden; margin:0 auto;}
.bhjj_l{ float:left; width:85%; height:auto; overflow:hidden; border-right:1px solid #484e59; min-height:540px; padding:100px 100px 0 104px;}
.bhjj_r{ float:left; width:113px;writing-mode:vertical-rl; color:#fff; text-align:left; padding-top:269px;}
}
@media(max-width:1024px){
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 0 0; min-height:auto; position:relative;}
.bhjj{ position:absolute; right:0; bottom:0; width:80.8%; height:auto; min-height:540px; background:#1a2230;}
.bogh{ width:100%; padding:0 30px; height:auto; overflow:hidden; margin:0 auto;}
.bhjj_l{ float:left; width:85%; height:auto; overflow:hidden; border-right:1px solid #484e59; min-height:auto; padding:40px;}
.bhjj_r{ float:left; width:10%;writing-mode:vertical-rl; color:#fff; text-align:left; padding-top:139px;}
.bhjj{ position:inherit; right:0; bottom:0; width:100%; height:auto; min-height:auto; background:#1a2230; overflow:hidden;}
.bhjj_lb p{ color:#a8a9ad; line-height:34px; font-size:14px; height:136px; overflow:hidden;}
.bhjj_lt{ min-height:95px; position:relative; color:#fff; font-size:20px; line-height:36px; overflow:hidden; margin-bottom:25px;}
}
@media(max-width:414px){
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg2.jpg) no-repeat center center; background-size:cover; padding:40px 0 0 0; min-height:auto; position:relative;}
.bhjj{ position:absolute; right:0; bottom:0; width:80.8%; height:auto; min-height:540px; background:#1a2230;}
.bogh{ width:100%; padding:0 15px; height:auto; overflow:hidden; margin:0 auto;}
.bhjj_l{ float:left; width:100%; height:auto; overflow:hidden; border-right:1px solid #484e59; min-height:auto; padding:30px 15px 0px 15px;}
.bhjj_r{ float:left; width:100%;writing-mode:none; color:#fff; text-align:left; padding-top:0px;}
.bhjj{ position:inherit; right:0; bottom:0; width:100%; height:auto; min-height:auto; background:#1a2230; overflow:hidden; padding-bottom:30px;}
.bhjj_lb p{ color:#a8a9ad; line-height:34px; font-size:14px; height:auto; overflow:hidden;}
.bhjj_lt{ min-height:95px; position:relative; color:#fff; font-size:18px; line-height:36px; overflow:hidden; margin-bottom:25px;}
.bogh_l{ width:100px; height:100px; background:#fff; text-align:center;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.bhjj_r1{ display:none; padding:0 15px; display:block;}
.bhjj_r{ display:none;}
}
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:80px 0;}
.hzjg{ width:1342px; height:auto; margin:0 auto; overflow:hidden;}
.hzjg_l{ float:left; width:21%; height:auto; padding-top:50px;}
.hzji_t{ height:auto; overflow:hidden; line-height:34px; color:#666666; font-size:14px; margin-bottom:45px;}
.ptin_t1{ height:auto; overflow:hidden; margin-bottom:30px;}
.ptin_t1 span{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-bottom:30px;}
.ptin_t1 h1{ text-align:left; background:url(../images/bg.jpg) no-repeat left bottom; min-height:68px; color:#333333; font-size:36px; line-height:38px; margin-bottom:25px;}
.hzji_b{ height:auto; overflow:hidden;}
.hzji_b a{ color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.hzji_b a img{ margin-left:10px;}
.hzjg_r{ float:right; width:39%; height:auto; position:relative; min-height:405px; }
.hzjg_r li{ position:absolute; text-align:center; color:#999999; font-size:14px; line-height:36px;}
.hzjg_r li img{ display:block; margin:0 auto;}
/* .hzjg_r li:nth-child(1){ width:113px; height:auto; left:0; top:54px;}
.hzjg_r li:nth-child(2){ width:113px; height:auto; right:40px; top:0px;}
.hzjg_r li:nth-child(3){ width:140px; height:auto; left:0px; right:0px; margin:0 auto; top:130px;}
.hzjg_r li:nth-child(4){ width:113px; height:auto; left:67px; top:263px;}
.hzjg_r li:nth-child(5){ width:113px; height:auto; right:0px; top:250px;}
*/
.hzjg_r li:nth-child(5){ width:113px; height:auto; left:0; top:54px;}
.hzjg_r li:nth-child(2){ width:113px; height:auto; right:40px; top:0px;}
.hzjg_r li:nth-child(3){ width:140px; height:auto; left:0px; right:0px; margin:0 auto; top:130px;}
.hzjg_r li:nth-child(4){ width:113px; height:auto; left:67px; top:263px;}
.hzjg_r li:nth-child(1){ width:113px; height:auto; right:0px; top:250px;}
@media(max-width:1366px){
.hzjg{ width:100%; padding:0 81px; height:auto; margin:0 auto; overflow:hidden;}
.hzjg_r{ float:right; width:49%; height:auto; position:relative; min-height:405px; }
.hzjg_l{ float:left; width:23%; height:auto; padding-top:50px;}
}
@media(max-width:1280px){
.hzjg{ width:100%; padding:0 81px; height:auto; margin:0 auto; overflow:hidden;}
.hzjg_r{ float:right; width:49%; height:auto; position:relative; min-height:405px; }
.hzjg_l{ float:left; width:25%; height:auto; padding-top:50px;}
}
@media(max-width:1024px){
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0;}
.hzjg{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.hzjg_r{ float:right; width:49%; height:auto; position:relative; min-height:405px; }
.hzjg_l{ float:left; width:30%; height:auto; padding-top:50px;}
.ptin_t1 h1{ text-align:left; background:url(../images/bg.jpg) no-repeat left bottom; min-height:48px; color:#333333; font-size:20px; line-height:38px; margin-bottom:15px;}
.ptin_t1 span{ display:block; color:#b2b3b6; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:left; margin-bottom:15px;}
.hzji_t{ height:auto; overflow:hidden; line-height:34px; color:#666666; font-size:14px; margin-bottom:25px;}
}
@media(max-width:768px){
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0;}
.hzjg{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.hzjg_r{ float:right; width:100%; height:auto; position:relative; min-height:auto; padding-top:20px; }
.hzjg_l{ float:left; width:100%; height:auto; padding-top:0px;}
.hzjg_r li{ position:inherit; float:left; margin-right:1%; text-align:center; color:#999999; font-size:14px; line-height:36px;}
.hzjg_r li img{ display:block; margin:0 auto;}
.hzjg_r li:nth-child(1){ width:113px; height:auto; left:0; top:54px;}
.hzjg_r li:nth-child(2){ width:113px; height:auto; right:40px; top:0px;}
.hzjg_r li:nth-child(3){ width:140px; height:auto; left:0px; right:0px; margin:0 auto; top:130px;}
.hzjg_r li:nth-child(4){ width:113px; height:auto; left:67px; top:263px;}
.hzjg_r li:nth-child(5){ width:113px; height:auto; right:0px; top:250px;}
}
@media(max-width:414px){
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0;}
.hzjg{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.hzjg_r{ float:right; width:100%; height:auto; position:relative; min-height:auto; padding-top:20px; }
.hzjg_l{ float:left; width:100%; height:auto; padding-top:0px;}
.hzjg_r li{ position:inherit; float:left; margin-right:0%; text-align:center; color:#999999; font-size:14px; line-height:36px;}
.hzjg_r li img{ display:block; margin:0 auto;}
.hzjg_r li:nth-child(1){ width:33.33%; height:auto; left:0; top:54px;}
.hzjg_r li:nth-child(2){ width:33.33%; height:auto; right:40px; top:0px;}
.hzjg_r li:nth-child(3){ width:33.33%; height:auto; left:0px; right:0px; margin:0 auto; top:130px;}
.hzjg_r li:nth-child(4){ width:33.33%; height:auto; left:67px; top:263px;}
.hzjg_r li:nth-child(5){ width:33.33%; height:auto; right:0px; top:250px;}
.ptin_t1{ height:auto; overflow:hidden; margin-bottom:0px;}
.hzji_t{ height:auto; overflow:hidden; line-height:34px; color:#666666; font-size:14px; margin-bottom:15px;}
}
/*main end*/
/*æœåŠ¡ begin*/
.fw_box{ clear:both; width:100%; height:560px; overflow:hidden; position:relative;}
.fw_cox1{ width:100%; height:100%; position:absolute; left:0; top:0;}
.buen{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:370px; z-index:99;}
.buen h1{ text-align:center; color:#ffffff; font-size:36px; line-height:49px; font-weight:bold; margin-bottom:15px;}
.buen p{ text-align:center; color:#868c99; font-size:16px; line-height:36px;}
@media(max-width:1024px){
.fw_box{ clear:both; width:100%; height:420px; overflow:hidden; position:relative;}
.buen{ position:absolute; left:0; top:0; width:100%; height:100%; padding:150px 30px 0 30px; z-index:99;}
.buen h1{ text-align:center; color:#ffffff; font-size:20px; line-height:26px; font-weight:bold; margin-bottom:15px;}
.buen p{ text-align:center; color:#868c99; font-size:14px; line-height:24px;}
}
@media(max-width:414px){
.fw_box{ clear:both; width:100%; height:320px; overflow:hidden; position:relative;}
.buen{ position:absolute; left:0; top:0; width:100%; height:100%; padding:140px 30px 0 30px; z-index:99;}
.buen h1{ text-align:center; color:#ffffff; font-size:18px; line-height:26px; font-weight:bold; margin-bottom:15px;}
.buen p{ text-align:center; color:#868c99; font-size:14px; line-height:24px;}
}
.xonew{ width:1342px; height:auto; position:relative; margin:0 auto;}
.xonq1{ width:100%; height:auto; overflow:hidden}
.tab2{}
.tab2 ul.menu{height:auto;position:relative; overflow:hidden; margin-bottom:90px;}
.tab2 ul.menu li{float:left;text-align:center; display:block; min-height:60px; border-bottom:1px solid #f0f0f0; text-align:center; line-height:60px; color:#9a9a9a; font-size:14px; width:16.6%;}
.tab2 ul.menu li.active{background:#005aab;color:#fff; font-weight:bold;}
.con1,.con2,.con3,.con4,.con5,.con6{height:auto;clear:both;}
.con2,.con3,.con4,.con5,.con6{display:none;}
.yjs{ clear:both; height:auto; overflow:hidden;}
.yjs_t{ height:auto; overflow:hidden; min-height:83px; border-bottom:1px solid #e9eef5; color:#2b2b2b; font-size:22px; font-weight:bold; margin-bottom:50px;}
.yjs_t h2{display:inline;color:#2b2b2b; font-size:22px; font-weight:bold; margin-bottom:50px;margin-right:10px;}
.yjs_t i{ color:#979797; font-size:16px;}
.yjs_b{ height:520px;;overflow:hidden; overflow-y:scroll;}
.yjs_b p{ line-height:24px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:65px;}
.yjs_b::-webkit-scrollbar-track{background-color: #fff;}
.yjs_b::-webkit-scrollbar{width: 5px;background-color:#fff;}
.yjs_b::-webkit-scrollbar-thumb{background-color: #fff;border: 2px solid #fff;}
.yjs_b h1{ color:#666666; font-size:16px; line-height:22px; font-weight:bold; margin-bottom:65px;}
@media(max-width:1600px){
.yjs_b{ height:360px;;overflow:hidden; overflow-y:scroll;}
}
@media(max-width:1366px){
.xonew{ width:100%; padding:0 81px; height:auto; position:relative; margin:0 auto;}
.tab2 ul.menu{height:auto;position:relative; overflow:hidden; margin-bottom:30px;}
.yjs_b{ height:340px;;overflow:hidden; overflow-y:scroll;}
.yjs_t{ height:auto; overflow:hidden; min-height:63px; border-bottom:1px solid #e9eef5; color:#2b2b2b; font-size:22px; font-weight:bold; margin-bottom:20px;}
.yjs_b p{ line-height:24px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:30px;}
.yjs_b h1{ color:#666666; font-size:16px; line-height:22px; font-weight:bold; margin-bottom:30px;}
}
@media(max-width:1024px){
.xonew{ width:100%; padding:0 30px; height:auto; position:relative; margin:0 auto;}
.tab2 ul.menu{height:auto;position:relative; overflow:hidden; margin-bottom:30px;}
.yjs_b{ height:340px;;overflow:hidden; overflow-y:scroll;}
.yjs_t{ height:auto; overflow:hidden; min-height:63px; border-bottom:1px solid #e9eef5; color:#2b2b2b; font-size:22px; font-weight:bold; margin-bottom:20px;}
.yjs_b p{ line-height:24px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:30px;}
.yjs_b h1{ color:#666666; font-size:16px; line-height:22px; font-weight:bold; margin-bottom:30px;}
}
@media(max-width:768px){
.xonew{ width:100%; padding:0 30px; height:auto; position:relative; margin:0 auto;}
.tab2 ul.menu{height:auto;position:relative; overflow:hidden; margin-bottom:30px;}
.yjs_b{ height:340px;;overflow:hidden; overflow-y:scroll;}
.yjs_t{ height:auto; overflow:hidden; min-height:63px; border-bottom:1px solid #e9eef5; color:#2b2b2b; font-size:20px; font-weight:bold; margin-bottom:20px;}
.yjs_b p{ line-height:24px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:30px;}
.yjs_b h1{ color:#666666; font-size:16px; line-height:22px; font-weight:bold; margin-bottom:30px;}
.tab2 ul.menu li{float:left;text-align:center; display:block; min-height:45px; border-bottom:1px solid #f0f0f0; text-align:center; line-height:45px; color:#9a9a9a; font-size:14px; width:33.33%;}
}
@media(max-width:414px){
.xonew{ width:100%; padding:0 15px; height:auto; position:relative; margin:0 auto;}
.tab2 ul.menu{height:auto;position:relative; overflow:hidden; margin-bottom:30px;}
.yjs_b{ height:340px;;overflow:hidden; overflow-y:scroll;}
.yjs_t{ height:auto; overflow:hidden; min-height:33px; border-bottom:1px solid #e9eef5; color:#2b2b2b; font-size:16px; font-weight:bold; margin-bottom:20px;}
.yjs_b p{ line-height:24px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:30px;}
.yjs_b h1{ color:#666666; font-size:16px; line-height:22px; font-weight:bold; margin-bottom:30px;}
.tab2 ul.menu li{float:left;text-align:center; display:block; min-height:45px; border-bottom:1px solid #f0f0f0; text-align:center; line-height:45px; color:#9a9a9a; font-size:14px; width:50%;}
.yjs_t i{ color:#979797; font-size:12px;}
}
@media(max-width:360px){
.xonew{ width:100%; padding:0 15px; height:auto; position:relative; margin:0 auto;}
.tab2 ul.menu{height:auto;position:relative; overflow:hidden; margin-bottom:30px;}
.yjs_b{ height:300px;;overflow:hidden; overflow-y:scroll;}
.yjs_t{ height:auto; overflow:hidden; min-height:43px; border-bottom:1px solid #e9eef5; color:#2b2b2b; font-size:16px; font-weight:bold; margin-bottom:20px;}
.yjs_b p{ line-height:24px; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:30px;}
.yjs_b h1{ color:#666666; font-size:16px; line-height:22px; font-weight:bold; margin-bottom:30px;}
.tab2 ul.menu li{float:left;text-align:center; display:block; min-height:45px; border-bottom:1px solid #f0f0f0; text-align:center; line-height:45px; color:#9a9a9a; font-size:14px; width:50%;}
.yjs_t i{ color:#979797; font-size:12px;}
}
/*æœåŠ¡ end*/
/*关于 begin*/
.guib{ clear:both; width:100%; height:100%; position:absolute; left:0; top:0; padding:186px 81px 0 81px;}
.guib_t{ width:720px; height:auto; position:relative; color:#rgba(255,255,255,0.9); font-size:36px; line-height:49px; color:#fff; font-weight:bold; padding-top:50px; margin-bottom:25px;}
.guib_b{ height:auto; overflow:hidden;}
.guib_b p{ font-family:Arial, Helvetica, sans-serif; font-size:16px; color:rgba(255,255,255,0.9); line-height:36px; }
@media(max-width:1024px){
.guib{ clear:both; width:100%; height:100%; position:absolute; left:0; top:0; padding:166px 30px 0 30px;}
.guib_t{ width:100%; height:auto; position:relative; color:#rgba(255,255,255,0.9); font-size:20px; line-height:38px; color:#fff; font-weight:bold; padding-top:10px; margin-bottom:15px;}
.guib_b p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:rgba(255,255,255,0.9); line-height:36px; }
}
@media(max-width:414px){
.guib{ clear:both; width:100%; height:100%; position:absolute; left:0; top:0; padding:116px 15px 0 15px;}
.guib_t{ width:100%; height:auto; position:relative; color:#rgba(255,255,255,0.9); font-size:18px; line-height:28px; color:#fff; font-weight:bold; padding-top:10px; margin-bottom:10px;}
.guib_b p{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:rgba(255,255,255,0.9); line-height:24px; }
}
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat-y right top; padding:128px 0 196px 0; position:relative; z-index:3}
.giun{ width:1342px; height:auto; margin:0 auto; overflow:hidden; padding:0 0px 0 0px;}
.giun_t{ min-height:127px; position:relative; color:#333333; font-size:36px; line-height:46px; margin-bottom:35px;}
.giun_t i{ display:block; color:#a6a8aa; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.giun_t:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:101px;background:#005aab;}
.giun_b{ height:auto; overflow:hidden;}
.giun_b p{ line-height:34px; color:#666666; font-size:16px;}
.giun_b h1{ line-height:38px; color:#333333; font-size:24px;}
.giun_b span{ line-height:38px; color:#333333; font-size:20px;}
@media(max-width:1366px){
.giun{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 81px 0 81px;}
}
@media(max-width:1024px){
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat-y right top; padding:40px 0 40px 0; position:relative; z-index:3}
.giun{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 30px 0 30px;}
.giun_t{ min-height:auto; padding-bottom:10px; position:relative; color:#333333; font-size:20px; line-height:26px; margin-bottom:20px;}
.giun_t:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:55px;background:#005aab;}
}
@media(max-width:414px){
.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg4.jpg) repeat-y right top; padding:40px 0 40px 0; position:relative; z-index:3}
.giun{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 15px 0 15px;}
.giun_t{ min-height:auto; padding-bottom:10px; position:relative; color:#333333; font-size:18px; line-height:26px; margin-bottom:15px;}
.giun_t:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:55px;background:#005aab;}
}
.gy_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat left 110px; padding-bottom:50px; margin-top:-110px;}
.xhci{ width:1342px; height:auto; margin:0 auto;}
.xhci_r{ float:right; width:55%; height:auto; background:url(../images/bg6.jpg) no-repeat center center; min-height:368px; position:relative; z-index:4; padding:128px 130px 0 0; text-align:right; margin-bottom:132px;}
.xhci_r h1{ position:relative; min-height:128px; color:#fff; font-size:36px; line-height:46px;}
.xhci_r h1 i{ display:block; color:rgba(255,255,255,20.5); font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.xhci_r h1:after{ content:'';position:absolute;right:0; bottom:0px; height:1px;width:101px;background:#fff;}
.xhci_b{ clear:both; height:auto; overflow:hidden;}
.xhci_b dl{ float:left; width:43%; height:auto; overflow:hidden; margin-bottom:60px; margin-right:84px;}
.xhci_b dt{ float:left; width:42%; height:auto; overflow:hidden;}
.xhci_b dt img{ display:block; width:100%; height:300px;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:99px;}
.xhci_b dd h1{ min-height:55px; border-bottom:1px solid #4f5e6e; color:#ffffff; font-size:22px; font-weight:bold; margin-bottom:25px;}
.xhci_b dd h1 em{ color:#4e5d6d; margin:0 15px; font-size:17px;}
.xhci_b dd h1 span{ font-size:16px; color:rgba(255,255,255,0.56);}
.xhci_b dd p{ line-height:30px; font-size:14px; color:rgba(255,255,255,0.56); }
@media(max-width:1366px){
.xhci{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.xhci_b dt img{ display:block; width:100%; height:274px;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:69px;}
}
@media(max-width:1360px){
.xhci_b dl{ float:left; width:43%; height:auto; overflow:hidden; margin-bottom:60px; margin-right:74px;}
.xhci{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.xhci_b dt img{ display:block; width:100%; height:274px;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:69px;}
}
@media(max-width:1280px){
.xhci_b dl{ float:left; width:45%; height:auto; overflow:hidden; margin-bottom:60px; margin-right:54px;}
.xhci{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
.xhci_b dt img{ display:block; width:100%; height:274px;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:49px;}
}
@media(max-width:1024px){
.gy_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat left top; background-size:cover; padding-bottom:50px; margin-top:0px;}
.xhci_b dl{ float:left; width:45%; height:auto; overflow:hidden; margin-bottom:60px; margin-right:5%}
.xhci{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.xhci_b dt img{ display:block; width:100%; height:229px;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:10px;}
.xhci_r{ float:right; width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; min-height:auto; position:relative; z-index:4; padding:30px; text-align:left; margin-bottom:30px;}
.xhci_r h1:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:101px;background:#fff;}
.xhci_r h1{ position:relative; min-height:auto; padding-bottom:10px; color:#fff; font-size:20px; line-height:24px;}
.xhci_r h1 i{ display:block; color:rgba(255,255,255,20.5); font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.xhci_b dd h1{ min-height:auto; padding-bottom:10px; border-bottom:1px solid #4f5e6e; color:#ffffff; font-size:20px; font-weight:bold; margin-bottom:10px;}
.xhci_b dd h1 em{ color:#4e5d6d; margin:0 15px; font-size:15px;}
.xhci_b dd h1 span{ font-size:14px; color:rgba(255,255,255,0.56);}
.xhci_b dd p{ line-height:24px; font-size:14px; color:rgba(255,255,255,0.56); }
}
@media(max-width:768px){
.gy_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat left top; background-size:cover; padding-bottom:10px; margin-top:0px;}
.xhci_b dl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-right:0%}
.xhci{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.xhci_b dt img{ display:block; width:100%; height:auto;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:10px;}
.xhci_r{ float:right; width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; min-height:auto; position:relative; z-index:4; padding:30px; text-align:left; margin-bottom:30px;}
.xhci_r h1:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:101px;background:#fff;}
.xhci_r h1{ position:relative; min-height:auto; padding-bottom:10px; color:#fff; font-size:20px; line-height:24px;}
.xhci_r h1 i{ display:block; color:rgba(255,255,255,20.5); font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.xhci_b dd h1{ min-height:auto; padding-bottom:10px; border-bottom:1px solid #4f5e6e; color:#ffffff; font-size:20px; font-weight:bold; margin-bottom:10px;}
.xhci_b dd h1 em{ color:#4e5d6d; margin:0 15px; font-size:15px;}
.xhci_b dd h1 span{ font-size:14px; color:rgba(255,255,255,0.56);}
.xhci_b dd p{ line-height:24px; font-size:14px; color:rgba(255,255,255,0.56); }
}
@media(max-width:414px){
.gy_box1{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg5.jpg) no-repeat left top; background-szie:cover; padding-bottom:10px; margin-top:0px;}
.xhci_b dl{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-right:0%}
.xhci{ width:100%; padding:0 15px; height:auto; margin:0 auto;}
.xhci_b dt img{ display:block; width:100%; height:auto;}
.xhci_b dd{ float:right; width:51%; height:auto; padding-top:0px;}
.xhci_r{ float:right; width:100%; height:auto; background:url(../images/bg6.jpg) no-repeat center center; background-size:cover; min-height:auto; position:relative; z-index:4; padding:30px; text-align:left; margin-bottom:30px;}
.xhci_r h1:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:101px;background:#fff;}
.xhci_r h1{ position:relative; min-height:auto; padding-bottom:10px; color:#fff; font-size:18px; line-height:24px;}
.xhci_r h1 i{ display:block; color:rgba(255,255,255,20.5); font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.xhci_b dd h1{ min-height:auto; padding-bottom:10px; border-bottom:1px solid #4f5e6e; color:#ffffff; font-size:16px; font-weight:bold; margin-bottom:10px;}
.xhci_b dd h1 em{ color:#4e5d6d; margin:0 15px; font-size:15px;}
.xhci_b dd h1 span{ font-size:14px; color:rgba(255,255,255,0.56);}
.xhci_b dd p{ line-height:24px; font-size:12px; color:rgba(255,255,255,0.56); }
}
.gy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:130px 0 120px 0;}
.fzlc{ clear:both; height:auto; overflow:hidden; width:1342px; margin:0 auto;}
.fzlc_b{ height:auto; overflow:hidden; margin-top:50px; min-height:241px; position:relative; padding:0 200px;}
.fzlc_b:after{ content:'';position:absolute;left:0; top:138px; height:1px;width:100%;background:#ccc;}
.fzlc_b li{ float:left; position:relative; margin-right:0px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
.bony{ height:42px; text-align:center; color:#333333; width:100%; font-size:16px;transition: all 1s ease;}
.inq{ height:auto; min-height:36px; position:relative; margin-top:20px; color:#333333; font-size:16px; font-weight:bold; opacity:1;transition: all 1s ease;}
/*.inq:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:120px;background:#333;}*/
.fzlc_b li:hover .inq{opacity:1; color:#005aab}
.fzlc_b li:hover .bony{ color:#005aab;}
/*.fzlc_b li:hover .inq::after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:120px;background:#005aab;}
*/
.fzlc_b li:nth-child(1):hover,.fzlc_b li:nth-child(2):hover,.fzlc_b li:nth-child(3):hover,.fzlc_b li:nth-child(4):hover,.fzlc_b li:nth-child(5):hover,.fzlc_b li:nth-child(6):hover,.fzlc_b li:nth-child(7):hover{ background:url(../images/bg8.jpg) no-repeat center 126px;}
.fzlc_b li{ padding-top:0px;}
.fzlc_b li.bb{ padding-top:173px;}
.fzlc_b li div.inq{margin-top:0px;}
.fzlc_b li.bb div.inq{margin-top:19px;}
.fzlc_b li.qcbj{ margin-right:0px;}
.bony1{ margin-bottom:0px;}
.inq1{ margin-bottom:0px;}
.fonw{ display:none;}
@media(max-width:1680px){
.fzlc_b{ height:auto; overflow:hidden; margin-top:115px; min-height:241px; position:relative; padding:0 100px;}
.fzlc_b li{ float:left; position:relative; margin-right:0px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
}
@media(max-width:1600px){
.fzlc_b{ height:auto; overflow:hidden; margin-top:115px; min-height:241px; position:relative; padding:0 100px;}
.fzlc_b li{ float:left; position:relative; margin-right:0px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
}
@media(max-width:1440px){
.fzlc_b{ height:auto; overflow:hidden; margin-top:115px; min-height:241px; position:relative; padding:0 100px;}
.fzlc_b li{ float:left; position:relative; margin-right:0px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
.bony{ height:42px; text-align:center; color:#333333; width:100%; font-size:12px;transition: all 1s ease;}
.inq{ height:auto; min-height:36px; position:relative; margin-bottom:30px; color:#333333; font-size:12px; font-weight:bold; opacity:1;transition: all 1s ease;}
}
@media(max-width:1366px){
.fzlc_b{ height:auto; overflow:hidden; margin-top:115px; min-height:241px; position:relative; padding:0 81px;}
.fzlc{ clear:both; height:auto; overflow:hidden; width:100%; padding:0 81px; margin:0 auto;}
.bony{ height:auto; text-align:center; color:#333333; width:100%; font-size:12px;transition: all 1s ease;}
.inq{ height:auto; min-height:36px; position:relative; margin-bottom:0px; color:#333333; font-size:12px; font-weight:bold; opacity:1;transition: all 1s ease; margin-top:30px;}
.inq1{ margin-top:20px;}
.fzlc_b li{ float:left; position:relative; margin-right:0px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
}
@media(max-width:1280px){
.fzlc_b{ height:auto; overflow:hidden; margin-top:115px; min-height:241px; position:relative; padding:0 81px;}
.fzlc_b li{ float:left; position:relative; margin-right:0px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
}
@media(max-width:1024px){
.gy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 25px 0;}
.fzlc{ clear:both; height:auto; overflow:hidden; width:100%; padding:0 30px; margin:0 auto;}
.fzlc_b{ height:auto; overflow:hidden; margin-top:30px; min-height:241px; position:relative; padding:0 30px; display:none;}
.fzlc_b li{ float:left; position:relative; margin-right:70px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
.fzlc_b li:nth-child(1){ padding-top:0px;}
.fzlc_b li:nth-child(2){ padding-top:0px;}
.fzlc_b li:nth-child(3){ padding-top:0px;}
.fzlc_b li:nth-child(4){ padding-top:0px;}
.fzlc_b li:nth-child(5){ padding-top:0px;}
.fzlc_b li:nth-child(6){ padding-top:0px;}
.fzlc_b li:nth-child(7){ padding-top:0px;}
.fonw{ display:block; padding:0 30px;}
.fonw li{ float:left; width:33.33%; line-height:35px; background:url(../images/bg7.jpg) no-repeat -10px top; padding-left:30px; margin-bottom:15px;}
.fonw li h1{ color:#333333; font-size:20px;}
.fonw li p{ font-size:16px; color:#005aab;}
}
@media(max-width:768px){
.gy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 25px 0;}
.fzlc{ clear:both; height:auto; overflow:hidden; width:100%; padding:0 30px; margin:0 auto;}
.fzlc_b{ height:auto; overflow:hidden; margin-top:30px; min-height:241px; position:relative; padding:0 30px; display:none;}
.fzlc_b li{ float:left; position:relative; margin-right:70px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
.fzlc_b li:nth-child(1){ padding-top:0px;}
.fzlc_b li:nth-child(2){ padding-top:0px;}
.fzlc_b li:nth-child(3){ padding-top:0px;}
.fzlc_b li:nth-child(4){ padding-top:0px;}
.fzlc_b li:nth-child(5){ padding-top:0px;}
.fzlc_b li:nth-child(6){ padding-top:0px;}
.fzlc_b li:nth-child(7){ padding-top:0px;}
.fonw{ display:block; padding:0 30px;}
.fonw li{ float:left; width:50%; line-height:35px; background:url(../images/bg7.jpg) no-repeat -10px top; padding-left:30px; margin-bottom:15px;}
.fonw li h1{ color:#333333; font-size:20px;}
.fonw li p{ font-size:16px; color:#005aab;}
}
@media(max-width:414px){
.gy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 25px 0;}
.fzlc{ clear:both; height:auto; overflow:hidden; width:100%; padding:0 15px; margin:0 auto;}
.fzlc_b{ height:auto; overflow:hidden; margin-top:30px; min-height:241px; position:relative; padding:0 30px; display:none;}
.fzlc_b li{ float:left; position:relative; margin-right:70px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
.fzlc_b li:nth-child(1){ padding-top:0px;}
.fzlc_b li:nth-child(2){ padding-top:0px;}
.fzlc_b li:nth-child(3){ padding-top:0px;}
.fzlc_b li:nth-child(4){ padding-top:0px;}
.fzlc_b li:nth-child(5){ padding-top:0px;}
.fzlc_b li:nth-child(6){ padding-top:0px;}
.fzlc_b li:nth-child(7){ padding-top:0px;}
.fonw{ display:block; padding:0 15px;}
.fonw li{ float:left; width:100%; line-height:35px; background:url(../images/bg7.jpg) no-repeat -10px top; padding-left:30px; margin-bottom:15px;}
.fonw li h1{ color:#333333; font-size:16px;}
.fonw li p{ font-size:14px; color:#005aab;}
}
@media(max-width:360px){
.gy_box2{ clear:both; width:100%; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 25px 0;}
.fzlc{ clear:both; height:auto; overflow:hidden; width:100%; padding:0 15px; margin:0 auto;}
.fzlc_b{ height:auto; overflow:hidden; margin-top:30px; min-height:241px; position:relative; padding:0 30px; display:none;}
.fzlc_b li{ float:left; position:relative; margin-right:70px; background:url(../images/bg7.jpg) no-repeat center 126px; min-height:241px;transition: all 1s ease; cursor:pointer;}
.fzlc_b li:nth-child(1){ padding-top:0px;}
.fzlc_b li:nth-child(2){ padding-top:0px;}
.fzlc_b li:nth-child(3){ padding-top:0px;}
.fzlc_b li:nth-child(4){ padding-top:0px;}
.fzlc_b li:nth-child(5){ padding-top:0px;}
.fzlc_b li:nth-child(6){ padding-top:0px;}
.fzlc_b li:nth-child(7){ padding-top:0px;}
.fonw{ display:block; padding:0 15px;}
.fonw li{ float:left; width:50%; line-height:35px; background:url(../images/bg7.jpg) no-repeat -10px top; padding-left:30px; margin-bottom:15px;}
.fonw li h1{ color:#333333; font-size:16px;}
.fonw li p{ font-size:14px; color:#005aab;}
}
/*关于 end*/
/*ct begin*/
.ct_box{ clear:both; width:100%; height:100%; z-index:99; position:absolute; left:0; top:0;}
.ctmq{ width:555px; margin:0 auto; margin-top:334px;}
.ctmq h1{ position:relative; color:rgba(255,255,255,0.8); font-size:36px; font-weight:bold; line-height:46px; text-align:center; min-height:115px; margin-bottom:30px;}
.ctmq h1 i{ display:block; font-size:24px; font-weight:normal; line-height:28px;}
.ctmq h1:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; bottom:0px; height:2px;width:205px;background:#005aab;}
.ctmq h2{ font-size:24px; font-weight:bold; color:rgba(255,255,255,0.9); text-align:center; line-height:28px;}
.ctmq p{ line-height:28px; color:#fff; font-size:16px; text-align:center; margin-top:5px;}
@media(max-width:1024px){
.ctmq{ width:100%; margin:0 auto; margin-top:154px; padding:0 30px;}
.ctmq h1{ position:relative; color:rgba(255,255,255,0.8); font-size:26px; font-weight:bold; line-height:36px; text-align:center; min-height:95px; margin-bottom:30px;}
.ctmq h1 i{ display:block; font-size:20px; font-weight:normal; line-height:28px;}
.ctmq h2{ font-size:18px; font-weight:bold; color:rgba(255,255,255,0.9); text-align:center; line-height:28px;}
.ctmq p{ line-height:28px; color:#fff; font-size:14px; text-align:center; margin-top:5px;}
}
@media(max-width:414px){
.ctmq{ width:100%; margin:0 auto; margin-top:114px; padding:0 15px;}
.ctmq h1{ position:relative; color:rgba(255,255,255,0.8); font-size:18px; font-weight:bold; line-height:36px; text-align:center; min-height:75px; margin-bottom:20px;}
.ctmq h1 i{ display:block; font-size:14px; font-weight:normal; line-height:28px;}
.ctmq h2{ font-size:16px; font-weight:bold; color:rgba(255,255,255,0.9); text-align:center; line-height:28px;}
.ctmq p{ line-height:28px; color:#fff; font-size:14px; text-align:center; margin-top:5px;}
}
.ct_box1{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; padding:0 81px; z-index:99999999; position:relative;}
#fixPara{ margin-top:-60px;}
.ct_box1 ul{ text-align:right;}
.ct_box1 li{ display:inline-block; width:136px; line-height:60px; font-size:14px; text-align:center; color:#9a9a9a; cursor:pointer;transition: all 1s ease;}
.ct_box1 li.red{ background:#005aab; color:#fff; font-weight:bold;}
.ct_box1 li a{ color:#9a9a9a; font-size:14px; display:block; width:100%;}
.ct_box1 li.red a{ color:#fff; font-weight:bold;}
@media(max-width:1024px){
.ct_box1{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; padding:0 30px; display:none;}
#nav{ position:relative;top:0;background:#fff;width:100%; height:60px;transition: all 0.5s ease; z-index:99;padding:0 30px;}
}
@media(max-width:736px){
.ct_box1{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; padding:0 30px;}
#nav{ position:relative;top:0;background:#fff;width:100%; height:60px;transition: all 0.5s ease; z-index:99;padding:0 30px;}
.ct_box1 li{ float:left; width:16.6%; line-height:60px; font-size:14px; text-align:center; color:#9a9a9a; cursor:pointer;transition: all 1s ease;}
}
@media(max-width:414px){
.ct_box1{ clear:both; width:100%; height:auto; min-height:60px; background:#fff; padding:0 15px;}
#nav{ position:relative;top:0;background:#fff;width:100%; height:60px;transition: all 0.5s ease; z-index:99;padding:0 15px;}
.ct_box1 li{ float:left; width:33.33%; line-height:30px; font-size:14px; text-align:center; color:#9a9a9a; cursor:pointer;transition: all 1s ease;}
}
.fw_boxc{ position:relative; z-index:99}
.ct_box2{ clear:both; width:100%; height:auto; min-height:816px; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js{ width: 100%; height:816px;}
.ciwe{ width:100%; height:100%; position:absolute; left:0; top:100px;}
.cien{ width:1342px; height:auto; margin:0 auto;}
.cine_t{ min-height:125px; position:relative; margin-bottom:23px; font-size:36px; line-height:46px;}
.cine_t i{ display:block; color:#fff; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.cine_t:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:100px;background:#cccccc;}
.cinin{ height:auto; overflow:hidden; padding:0 120px;}
.conei{ float:left; width:396px; float:left;}
#myCar{width: 396px;height: 438px;margin: 0 auto;overflow:hidden;}
.conei_b{ text-align:center; color:#ffffff; font-size:24px; line-height:24px;}
.bnuw{ float:right; width:396px; height:auto;}
.bnuw_t{ width:100%; height:auto; position:relative;}
.bnuw_t img{ display:block; margin:0 auto;}
.shu{ position:absolute; left:-8px; top:194px;width:128px; height:auto; line-height:25px; cursor:pointer; text-align:right;}
.shu img{ float:right;animation: whirl 10s linear infinite;}
.shu span{ color:#00eafd; font-size:18px; opacity:0;transition: all 1s ease; padding-right:10px;}
.shu:hover span{ opacity:1;}
.shu1{ position:absolute; right:92px; top:101px;width:128px; height:auto; line-height:25px; cursor:pointer; text-align:right;}
.shu1 img{ float:right;animation: whirl 10s linear infinite;}
.shu1 span{ color:#00eafd; font-size:18px; opacity:0;transition: all 1s ease;padding-right:10px;}
.shu1:hover span{ opacity:1;}
.shu2{ position:absolute; right:112px; top:202px;width:128px; height:auto; line-height:25px; cursor:pointer; text-align:right;}
.shu2 img{ float:right;animation: whirl 10s linear infinite;}
.shu2 span{ color:#00eafd; font-size:18px; opacity:0;transition: all 1s ease;padding-right:10px;}
.shu2:hover span{ opacity:1;}
.shu3{ position:absolute; left:51px; top:296px;width:128px; height:auto; line-height:25px; cursor:pointer; text-align:right;}
.shu3 img{ float:right;animation: whirl 10s linear infinite;}
.shu3 span{ color:#00eafd; font-size:18px; opacity:0;transition: all 1s ease;padding-right:10px;}
.shu3:hover span{ opacity:1;}
.shu4{ position:absolute; left:108px; top:315px;width:128px; height:auto; line-height:25px; cursor:pointer; text-align:right;}
.shu4 img{ float:right;animation: whirl 10s linear infinite;}
.shu4 span{ color:#00eafd; font-size:18px; opacity:0;transition: all 1s ease; margin-top:0px; padding-top:10px; display:inline-block}
.shu4:hover span{ opacity:1;}
.shu5{ position:absolute; right:92px; top:275px;width:128px; height:auto; line-height:25px; cursor:pointer; text-align:right;}
.shu5 img{ float:right;animation: whirl 10s linear infinite;}
.shu5 span{ color:#00eafd; font-size:18px; opacity:0;transition: all 1s ease;padding-right:10px;}
.shu5:hover span{ opacity:1;}
@media(max-width:1366px){
.cien{ width:100%; padding:0 81px; height:auto; margin:0 auto;}
}
@media(max-width:1024px){
.cien{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.cine_t{ min-height:auto; padding-bottom:10px; position:relative; margin-bottom:20px; font-size:20px; line-height:26px;}
.ciwe{ width:100%; height:100%; position:absolute; left:0; top:0px; padding-top:40px;}
.ct_box2{ clear:both; width:100%; height:auto; min-height:1046px; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js{ width: 100%; height:646px;}
.conei_b{ text-align:center; color:#ffffff; font-size:16px; line-height:24px;}
.bnuw{ float:none; margin:0 auto; clear:both; width:396px; height:auto; display:block;}
.conei{ float:left; width:396px; float:none; margin:0 auto;}
.cinin{ height:auto; overflow:hidden; padding:0 0px;}
}
@media(max-width:414px){
.cien{ width:100%; padding:0 13px; height:auto; margin:0 auto;}
.cine_t{ min-height:auto; padding-bottom:10px; position:relative; margin-bottom:20px; font-size:18px; line-height:26px;}
.ciwe{ width:100%; height:100%; position:absolute; left:0; top:0px; padding-top:40px;}
.ct_box2{ clear:both; width:100%; height:auto; min-height:1086px; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js{ width: 100%; height:546px;}
.cine_t i{ display:block; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.conei{ float:left; width:100%; float:none; margin:0 auto; margin-left:0px;}
.shu span,.shu1 span,.shu2 span,.shu3 span,.shu4 span,.shu5 span{ color:#00eafd; font-size:12px; opacity:0;transition: all 1s ease; padding-right:5px;}
.shu,.shu1,.shu2,.shu3,.shu4,.shu5{ text-align:right; cursor:pointer;}
}
@media(max-width:360px){
.cien{ width:100%; padding:0 13px; height:auto; margin:0 auto;}
.cine_t{ min-height:auto; padding-bottom:10px; position:relative; margin-bottom:20px; font-size:18px; line-height:26px;}
.ciwe{ width:100%; height:100%; position:absolute; left:0; top:0px; padding-top:40px;}
.ct_box2{ clear:both; width:100%; height:auto; min-height:1006px; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js{ width: 100%; height:546px;}
.cine_t i{ display:block; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.conei{ float:left; width:80%; float:none; margin:0 auto; margin-left:0px;}
.shu span,.shu1 span,.shu2 span,.shu3 span,.shu4 span,.shu5 span{ color:#00eafd; font-size:12px; opacity:0;transition: all 1s ease; padding-right:5px;}
.shu,.shu1,.shu2,.shu3,.shu4,.shu5{ text-align:right; cursor:pointer;}
.bnuw{ float:none; margin:0 auto; clear:both; width:396px; height:auto; display:block; margin-left:-30px; }
.conei_b{ text-align:center; color:#ffffff; font-size:16px; line-height:24px; margin-top:-60px;}
}
.ct_box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:140px 0 103px 0 ; background:#f4f6f8;}
.cpji{ width:1342px; margin:0 auto; overflow:hidden;}
.cpji_b{ height:auto; overflow:hidden; padding-top:40px; width:998px; margin:0 auto;}
.cpji_b p{ line-height:34px; color:#666666; font-size:14px;}
@media(max-width:1366px){
.cpji{ width:100%; padding:0 81px; margin:0 auto; overflow:hidden;}
}
@media(max-width:1024px){
.ct_box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0 ; background:#f4f6f8;}
.cpji{ width:100%; padding:0 30px; margin:0 auto; overflow:hidden;}
.cpji_b{ height:auto; overflow:hidden; padding-top:0px; width:100%; margin:0 auto;}
}
@media(max-width:414px){
.ct_box3{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0 ; background:#f4f6f8;}
.cpji{ width:100%; padding:0 15px; margin:0 auto; overflow:hidden;}
.cpji_b{ height:auto; overflow:hidden; padding-top:0px; width:100%; margin:0 auto;}
}
.ct_box4{ width:100%; height:auto; position:relative; background:url(../images/bg10.jpg) no-repeat left center; overflow:hidden; min-height:770px;}
.tux{ position:absolute; width:35%; height:auto; overflow:hidden;right:0; top:0;}
.tux img{ display:block; width:100%; height:770px;}
.onwb{ width:1342px; height:auto; margin:0 auto; padding-top:228px;}
.onwi{ float:left; width:63%; height:auto;}
.onwi_t{ min-height:125px; position:relative; color:#333333; font-size:36px; line-height:46px; display:block; margin-bottom:25px;}
.onwi_t i{ display:block;color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.onwi_t:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:100px;background:#cccccc;}
.onwi_b{ clear:both; height:auto; overflow:hidden;}
.onwi_b h1{ color:#333333; font-size:20px; line-height:24px; font-weight:bold; margin-bottom:50px;}
.onwi_b h1 em{ font-weight:bold; font-size:20px; color:#005aab;}
.onwi_b p{ line-height:34px; color:#666666; font-size:14px;}
.onwi_b p em{ color:#005aab; font-size:14px;}
@media(max-width:1366px){
.onwb{ width:100%; height:auto; margin:0 auto; padding:118px 81px 0 81px;}
.tux img{ display:block; width:100%; height:544px;}
.ct_box4{ width:100%; height:auto; position:relative; background:url(../images/bg10.jpg) no-repeat left center; overflow:hidden; min-height:544px;}
}
@media(max-width:1024px){
.onwb{ width:100%; height:auto; margin:0 auto; padding:40px 30px 40px 30px; overflow:hidden;}
.tux img{ display:block; width:100%; height:auto;}
.ct_box4{ width:100%; height:auto; position:relative; background:url(../images/bg10.jpg) no-repeat left center; overflow:hidden; min-height:544px;}
.tux{ position:inherit; width:100%; height:auto; overflow:hidden;right:0; top:0;}
.onwi_t{ min-height:auto; overflow:hidden; padding-bottom:10px; position:relative; color:#333333; font-size:20px; line-height:26px; display:block; margin-bottom:10px;}
.onwi_t i{ display:block;color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.onwi_b h1{ color:#333333; font-size:16px; line-height:24px; font-weight:bold; margin-bottom:20px;}
.onwi_b h1 em{ font-weight:bold; font-size:16px; color:#005aab;}
.onwi{ float:left; width:100%; height:auto;}
}
@media(max-width:414px){
.onwb{ width:100%; height:auto; margin:0 auto; padding:40px 15px 40px 15px; overflow:hidden;}
.tux img{ display:block; width:100%; height:auto;}
.ct_box4{ width:100%; height:auto; position:relative; background:url(../images/bg10.jpg) no-repeat left center; overflow:hidden; min-height:544px;}
.tux{ position:inherit; width:100%; height:auto; overflow:hidden;right:0; top:0;}
.onwi_t{ min-height:auto; overflow:hidden; padding-bottom:10px; position:relative; color:#333333; font-size:20px; line-height:26px; display:block; margin-bottom:10px;}
.onwi_t i{ display:block;color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.onwi_b h1{ color:#333333; font-size:16px; line-height:24px; font-weight:bold; margin-bottom:20px;}
.onwi_b h1 em{ font-weight:bold; font-size:16px; color:#005aab;}
.onwi{ float:left; width:100%; height:auto;}
}
.ct_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover; position:relative; z-index:22; padding:150px 0 193px 0;}
.luin{ width:1342px; height:auto; margin:0 auto; overflow:hidden;}
.luin_t{ min-height:112px; position:relative; text-align:center; font-size:20px; font-weight:bold; color:#fff; line-height:46px; margin-bottom:34px;}
.luin_t i{ display:block; color:rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.luin_t em{ color:#005aab; font-size:20px; font-weight:bold;}
.luin_t:after{ content:'';position:absolute;left:0; right:0; margin:0 auto; bottom:0px; height:1px;width:100px;background:#fff;}
.luin_c{ height:auto; overflow:hidden; width:728px; margin:0 auto;}
.luin_c p{ color:rgba(255,255,255,0.5); line-height:34px; font-size:14px;}
.luin_b{ clear:both; height:auto; overflow:hidden; position:relative;}
.xonw{ position:absolute; width:21%; left:0; top:172px; height:100%;}
.xonw span{ display:block; width:167px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw:hover span{opacity:1;}
.xonw1{ position:absolute; width:21%; left:355px; top:172px; height:100%;}
.xonw1 span{ display:block; width:167px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw1:hover span{opacity:1;}
.xonw2{ position:absolute; width:21%; left:710px; top:172px; height:100%;}
.xonw2 span{ display:block; width:167px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw2:hover span{opacity:1;}
.xonw3{ position:absolute; width:21%; left:1065px; top:60px; height:100%;}
.xonw3 span{ display:block; width:167px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw3:hover span{opacity:1;}
.xonw4{ position:absolute; width:21%; left:1065px; top:280px; height:100%;}
.xonw4 span{ display:block; width:167px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw4:hover span{opacity:1;}
.luin_b1{ display:none;}
@media(max-width:1366px){
.luin{ width:100%; padding:0 81px; height:auto; margin:0 auto; overflow:hidden;}
.xonw{ position:absolute; width:21%; left:0; top:132px; height:100%;}
.xonw1{ position:absolute; width:21%; left:314px; top:132px; height:100%;}
.xonw2{ position:absolute; width:21%; left:635px; top:132px; height:100%;}
.xonw3{ position:absolute; width:21%; left:952px; top:50px; height:100%;}
.xonw4{ position:absolute; width:21%; left:952px; top:260px; height:100%;}
}
@media(max-width:1280px){
.luin{ width:100%; padding:0 81px; height:auto; margin:0 auto; overflow:hidden;}
.xonw{ position:absolute; width:21%; left:0; top:132px; height:100%;}
.xonw1{ position:absolute; width:21%; left:294px; top:132px; height:100%;}
.xonw2{ position:absolute; width:21%; left:588px; top:132px; height:100%;}
.xonw3{ position:absolute; width:21%; left:882px; top:50px; height:100%;}
.xonw4{ position:absolute; width:21%; left:882px; top:260px; height:100%;}
}
@media(max-width:1024px){
.ct_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover; position:relative; z-index:2; padding:40px 0 40px 0;}
.luin{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.xonw{ position:absolute; width:21%; left:0; top:82px; height:100%;}
.xonw1{ position:absolute; width:21%; left:253px; top:82px; height:100%;}
.xonw2{ position:absolute; width:21%; left:507px; top:82px; height:100%;}
.xonw3{ position:absolute; width:21%; left:762px; top:30px; height:100%;}
.xonw4{ position:absolute; width:21%; left:762px; top:190px; height:100%;}
.luin_t{ min-height:auto; padding-bottom:10px; position:relative; text-align:center; font-size:20px; font-weight:bold; color:#fff; line-height:26px; margin-bottom:20px;}
.luin_t i{ display:block; color:rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.luin_t em{ color:#005aab; font-size:20px; font-weight:bold;}
.luin_c{ height:auto; overflow:hidden; width:100%; margin:0 auto;}
.xonw span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw1 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw2 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw3 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw4 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.luin_b{ display:none;}
.luin_b1{ display:block;}
}
@media(max-width:414px){
.ct_box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg11.jpg) no-repeat center center; background-size:cover; position:relative; z-index:2; padding:40px 0 40px 0;}
.luin{ width:100%; padding:0 15px; height:auto; margin:0 auto; overflow:hidden;}
.xonw{ position:absolute; width:21%; left:0; top:82px; height:100%;}
.xonw1{ position:absolute; width:21%; left:253px; top:82px; height:100%;}
.xonw2{ position:absolute; width:21%; left:507px; top:82px; height:100%;}
.xonw3{ position:absolute; width:21%; left:762px; top:30px; height:100%;}
.xonw4{ position:absolute; width:21%; left:762px; top:190px; height:100%;}
.luin_t{ min-height:auto; padding-bottom:10px; position:relative; text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:26px; margin-bottom:20px;}
.luin_t i{ display:block; color:rgba(255,255,255,0.5); font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.luin_t em{ color:#005aab; font-size:18px; font-weight:bold;}
.luin_c{ height:auto; overflow:hidden; width:100%; margin:0 auto;}
.xonw span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw1 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw2 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw3 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.xonw4 span{ display:block; width:107px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease;}
.luin_b{ display:none;}
.luin_b1{ display:block;}
}
.ct_box6{ width:100%; height:auto; position:relative; margin-top:-110px; z-index:33; background:url(../images/bg.png) no-repeat left top}
.ycal{ width:1342px; height:auto; margin:0 auto; overflow:hidden; background:#fff; padding:96px 0 100px 0; position:relative; z-index:9999999}
.ycal_l{ float:left; width:29%; height:auto; overflow:hidden; padding-top:30px; color:#333333; font-size:20px; font-weight:bold; line-height:46px;}
.ycal_l i{ display:block; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:46px;}
.ycal_l em{ font-size:20px; font-weight:bold; color:#005aab;}
.ycal_r{ width:53%; height:auto; float:right;}
.ycal_r li{ float:left; width:104px; margin-right:65px;}
.ycal_r li p{ text-align:center; color:#333333; font-size:20px; font-weight:bold; line-height:24px;}
.ycal_r li:last-child{ margin-right:0px;}
@media(max-width:1366px){
.ycal_r li{ float:left; width:104px; margin-right:41px;}
.ycal{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; padding:96px 81px 100px 81px; position:relative; z-index:9999999}
.ycal_l{ float:left; width:33%; height:auto; overflow:hidden; padding-top:30px; color:#333333; font-size:20px; font-weight:bold; line-height:46px;}
}
@media(max-width:1360px){
.ycal_r li{ float:left; width:104px; margin-right:40px;}
}
@media(max-width:1280px){
.ycal_r li{ float:left; width:104px; margin-right:27px;}
}
@media(max-width:1024px){
.ct_box6{ width:100%; height:auto; position:relative; margin-top:0px; z-index:33; background:url(../images/bg.png) no-repeat left top}
.ycal_r li{ float:left; width:33.33%; margin-right:0px;}
.ycal{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; padding:40px 30px 40px 30px; position:relative; z-index:9999999}
.ycal_l{ float:left; width:100%; height:auto; overflow:hidden; padding-top:0px; color:#333333; font-size:20px; font-weight:bold; line-height:26px; margin-bottom:20px;}
.ycal_r{ width:100%; height:auto; float:right;}
.ycal_l i{ display:block; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:26px;}
}
@media(max-width:414px){
.ycal_r li{ float:left; width:33.33%; margin-right:0px;}
.ycal_r li p{ text-align:center; color:#333333; font-size:16px; font-weight:bold; line-height:24px;}
.ycal{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; padding:40px 15px 40px 15px; position:relative; z-index:9999999}
.ycal_l{ float:left; width:100%; height:auto; overflow:hidden; padding-top:0px; color:#333333; font-size:18px; font-weight:bold; line-height:26px; margin-bottom:20px;}
.ycal_r{ width:100%; height:auto; float:right;}
.ycal_l i{ display:block; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; line-height:26px;}
.ycal_l em{ font-size:18px; font-weight:bold; color:#005aab;}
}
.ct_box7{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg12.jpg) no-repeat center center; background-size:cover;}
.xon_o{ float:right; width:85%; height:auto; overflow:hidden; background:#f4f6f8;}
.xdnw{ width:82%; height:auto; overflow:hidden; padding:125px 0 125px 80px;}
.xdnw p{ line-height:34px; color:rgba(51,51,51,0.5); font-size:14px;}
.xon_e{ float:right; width:85%; height:auto; background:#fff; }
.winc{ width:82%; height:auto; overflow:hidden; padding:130px 0 80px 130px;}
.xon_el{ float:left; width:42%; height:auto; overflow:hidden;}
.xon_elt{ height:auto; background:url(../images/bg13.jpg) no-repeat left center; padding-left:29px; color:#333; font-size:20px; font-weight:bold; line-height:34px; margin-bottom:50px;}
.xon_elt em{ color:#005aab; font-weight:bold; font-size:20px;}
.xon_r{ float:left; width:58%;}
@media(max-width:1366px){
.xdnw{ width:89%; height:auto; overflow:hidden; padding:85px 0 85px 40px;}
.winc{ width:89%; height:auto; overflow:hidden; padding:85px 0 80px 40px;}
}
@media(max-width:1280px){
.xdnw{ width:95%; height:auto; overflow:hidden; padding:85px 0 85px 40px;}
.winc{ width:95%; height:auto; overflow:hidden; padding:85px 0 80px 40px;}
}
@media(max-width:1024px){
.xdnw{ width:100%; height:auto; overflow:hidden; padding:40px 30px 40px 30px;}
.winc{ width:100%; height:auto; overflow:hidden; padding:40px 30px 40px 30px;}
.xon_o{ float:right; width:100%; height:auto; overflow:hidden; background:#f4f6f8;}
.xon_e{ float:right; width:100%; height:auto; background:#fff; }
.xon_elt{ height:auto; background:url(../images/bg13.jpg) no-repeat left center; padding-left:29px; color:#333; font-size:18px; font-weight:bold; line-height:34px; margin-bottom:20px;}
.xon_elt em{ color:#005aab; font-weight:bold; font-size:18px;}
}
@media(max-width:768px){
.xdnw{ width:100%; height:auto; overflow:hidden; padding:40px 30px 40px 30px;}
.winc{ width:100%; height:auto; overflow:hidden; padding:40px 30px 40px 30px;}
.xon_o{ float:right; width:100%; height:auto; overflow:hidden; background:#f4f6f8;}
.xon_e{ float:right; width:100%; height:auto; background:#fff; }
.xon_elt{ height:auto; background:url(../images/bg13.jpg) no-repeat left center; padding-left:29px; color:#333; font-size:18px; font-weight:bold; line-height:34px; margin-bottom:20px;}
.xon_elt em{ color:#005aab; font-weight:bold; font-size:18px;}
.xon_el{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.xon_r{ float:left; width:100%;}
}
@media(max-width:414px){
.xdnw{ width:100%; height:auto; overflow:hidden; padding:40px 15px 40px 15px;}
.winc{ width:100%; height:auto; overflow:hidden; padding:40px 15px 40px 15px;}
.xon_o{ float:right; width:100%; height:auto; overflow:hidden; background:#f4f6f8;}
.xon_e{ float:right; width:100%; height:auto; background:#fff; }
.xon_elt{ height:auto; background:url(../images/bg13.jpg) no-repeat left 15px; padding-left:29px; color:#333; font-size:16px; font-weight:bold; line-height:34px; margin-bottom:20px;}
.xon_elt em{ color:#005aab; font-weight:bold; font-size:16px;}
.xon_el{ float:left; width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.xon_r{ float:left; width:100%;}
}
.ct_box8{ clear:both; width:100%; height:auto; overflow:hidden; padding:130px 0 90px 0; background:url(../images/bg14.jpg) no-repeat center center; background-size:cover;}
.luic{ width:1342px; height:auto; margin:0 auto;}
.luic_t{ width:100%; height:auto; text-align:center; position:relative; min-height:126px; color:#005aab; font-size:36px; line-height:46px; font-weight:bold; margin-bottom:40px;}
.luic_t i{ display:block; color:rgba(255,255,255,0.5); font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.luic_t:after{ content:'';position:absolute;left:0; right:0; margin:0 auto; bottom:0px; height:1px;width:100px;background:#ccc;}
.luic_b{ width:450px; height:auto; margin:0 auto; margin-bottom:30px; overflow:hidden;}
.luic_b li{ float:left; width:104px; margin-right:65px;}
.luic_b li p{ text-align:center; color:#fff; font-size:20px; font-weight:bold; line-height:24px;}
.luic_b li:last-child{ margin-right:0px;}
.luic_c{ width:83%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.luic_c p{ line-height:34px; font-size:14px; color:rgba(255,255,255,0.5);}
.luic_o{ width:100%; height:auto; overflow:hidden; position:relative;}
.xoas{ position:absolute; width:21%; height:100%; left:0; top:164px}
.xoas span{ display:block; width:167px; height:40px; border:1px solid #7f8489; font-size:20px; font-weight:bold; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease; background:#121b2a;}
.xoas:hover span{opacity:1;}
.xoas:nth-child(1){ left:0px; top:164px;}
.xoas:nth-child(2){ left:354px; top:50px;}
.xoas:nth-child(3){ left:354px; top:256px;}
.xoas:nth-child(4){ left:710px; top:164px;}
.xoas:nth-child(5){ left:1064px; top:164px;}
.luic_o1{ display:none;}
@media(max-width:1366px){
.luic{ width:100%; padding:0 81px; overflow:hidden; height:auto; margin:0 auto;}
.luic_c{ width:93%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.xoas{ position:absolute; left:0px; top:134px; width:21%; height:100%;}
.xoas{ position:absolute; width:21%; height:100%; left:0; top:50px}
.xoas:nth-child(1){ left:0px; top:50px;}
.xoas:nth-child(2){ left:314px; top:50px;}
.xoas:nth-child(3){ left:314px; top:256px;}
.xoas:nth-child(4){ left:640px; top:134px;}
.xoas:nth-child(5){ left:944px; top:134px;}
}
@media(max-width:1280px){
.luic{ width:100%; padding:0 81px; overflow:hidden; height:auto; margin:0 auto;}
.luic_c{ width:93%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.xoas{ position:absolute; left:0px; top:134px; width:21%; height:100%;}
.xoas{ position:absolute; width:21%; height:100%; left:0; top:114px}
.xoas:nth-child(1){ left:0px; top:114px;}
.xoas:nth-child(2){ left:290px; top:50px;}
.xoas:nth-child(3){ left:290px; top:206px;}
.xoas:nth-child(4){ left:580px; top:114px;}
.xoas:nth-child(5){ left:874px; top:114px;}
}
@media(max-width:1024px){
.ct_box8{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0; background:url(../images/bg14.jpg) no-repeat center center; background-size:cover;}
.luic{ width:100%; padding:0 30px; overflow:hidden; height:auto; margin:0 auto;}
.luic_c{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.xoas{ position:absolute; left:0px; top:134px; width:21%; height:100%;}
.xoas:nth-child(1){ left:0px; top:114px;}
.xoas:nth-child(2){ left:290px; top:50px;}
.xoas:nth-child(3){ left:290px; top:206px;}
.xoas:nth-child(4){ left:580px; top:114px;}
.xoas:nth-child(5){ left:874px; top:114px;}
.luic_o{ display:none;}
.luic_o1{ display:block;}
.luic_b li{ float:left; width:33.33%; margin-right:0px;}
}
@media(max-width:414px){
.ct_box8{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0; background:url(../images/bg14.jpg) no-repeat center center; background-size:cover;}
.luic{ width:100%; padding:0 30px; overflow:hidden; height:auto; margin:0 auto;}
.luic_c{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:30px;}
.xoas{ position:absolute; left:0px; top:134px; width:21%; height:100%;}
.xoas:nth-child(1){ left:0px; top:114px;}
.xoas:nth-child(2){ left:290px; top:50px;}
.xoas:nth-child(3){ left:290px; top:206px;}
.xoas:nth-child(4){ left:580px; top:114px;}
.xoas:nth-child(5){ left:874px; top:114px;}
.luic_o{ display:block;}
.luic_o1{ display:none;}
.luic_b li{ float:left; width:33.33%; margin-right:0px;}
.luic_t{ width:100%; height:auto; text-align:center; position:relative; min-height:auto; padding-bottom:10px; color:#005aab; font-size:20px; line-height:26px; font-weight:bold; margin-bottom:20px;}
.luic_t i{ display:block; color:rgba(255,255,255,0.5); font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
}
@media(max-width:414px){
.luic_b li{ float:left; width:33.33%; margin-right:0px;}
.luic_b li p{ text-align:center; color:#fff; font-size:16px; font-weight:bold; line-height:24px;}
.luic_b{ width:100%; height:auto; margin:0 auto; margin-bottom:30px; overflow:hidden;}
.luic_t{ width:100%; height:auto; text-align:center; position:relative; min-height:auto; padding-bottom:10px; color:#005aab; font-size:18px; line-height:26px; font-weight:bold; margin-bottom:20px;}
.luic_t i{ display:block; color:rgba(255,255,255,0.5); font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.luic{ width:100%; padding:0 15px; overflow:hidden; height:auto; margin:0 auto;}
.xoas{ position:absolute; left:0px; top:34px; width:21%; height:100%; }
.xoas:nth-child(1){ left:0px; top:114px;}
.xoas:nth-child(2){ left:98px; top:11px;}
.xoas:nth-child(3){ left:98px; top:72px;}
.xoas:nth-child(4){ left:203px; top:41px;}
.xoas:nth-child(5){ left:303px; top:41px;}
.xoas span{ display:block; width:100%; height:40px; border:1px solid #7f8489; font-size:12px; font-weight:bold; font-weight:normal; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease; background:#121b2a;letter-spacing:-1px;}
}
@media(max-width:375px){
.xoas{ position:absolute; left:0px; top:34px; width:21%; height:100%; }
.xoas:nth-child(1){ left:0px; top:114px;}
.xoas:nth-child(2){ left:90px; top:9px;}
.xoas:nth-child(3){ left:90px; top:60px;}
.xoas:nth-child(4){ left:180px; top:33px;}
.xoas:nth-child(5){ left:272px; top:33px;}
.xoas span{ display:block; width:100%; height:40px; border:1px solid #7f8489; font-size:12px; font-weight:bold; font-weight:normal; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease; background:#121b2a;letter-spacing:-1px;}
}
@media(max-width:360px){
.xoas{ position:absolute; left:0px; top:34px; width:21%; height:100%; }
.xoas:nth-child(1){ left:0px; top:114px;}
.xoas:nth-child(2){ left:90px; top:9px;}
.xoas:nth-child(3){ left:90px; top:56px;}
.xoas:nth-child(4){ left:175px; top:33px;}
.xoas:nth-child(5){ left:254px; top:33px;}
.xoas span{ display:block; width:100%; height:40px; border:1px solid #7f8489; font-size:12px; font-weight:bold; font-weight:normal; line-height:38px; text-align:center; color:#fff; margin:0 auto; opacity:0;transition: all 1s ease; background:#121b2a;letter-spacing:-1px;}
}
.ct_box9{ clear:both; width:100%; height:auto; overflow:hidden; background:#f4f6f8; padding:150px 0 110px 0;}
.xdcv{ width:1342px; height:auto; margin:0 auto; overflow:hidden;}
.xdcv_c{ height:auto; overflow:hidden; color:#333333; line-height:46px; font-size:16px; margin-bottom:40px;}
.xdcz_b{ height:auto; overflow:hidden;}
.xdcz_b li{ float:left; width:27%; margin-right:9.5%; position:relative;}
.xdcz_b li:nth-child(1):after{ content:'';position:absolute;left:0; top:29px; height:197px;width:100%;background:#e3e6ea;}
.tux0{ position:relative; z-index:9; width:83%; margin:0 auto; overflow:hidden; background:#fff; min-height:455px; margin:0 auto; padding-top:90px;}
.tux0 img{ display:block; margin:0 auto; max-width:100%; margin-bottom:50px;}
.tux0 p{ text-align:center; color:#333333; font-size:18px; line-height:30px; font-weight:bold;}
.xdcz_b li:nth-child(1){ margin-top:0px;}
.xdcz_b li:nth-child(2){ margin-top:165px;}
.xdcz_b li:nth-child(2):after{ content:'';position:absolute;left:0; bottom:29px; height:197px;width:100%;background:#005aab;}
.xdcz_b li:nth-child(3){ margin-top:95px; margin-right:0%;}
.xdcz_b li:nth-child(3):after{ content:'';position:absolute;left:0; top:29px; height:197px;width:100%;background:#fff;}
@media(max-width:1366px){
.xdcv{ width:100%; padding:0 81px; height:auto; margin:0 auto; overflow:hidden;}
}
@media(max-width:1024px){
.ct_box9{ clear:both; width:100%; height:auto; overflow:hidden; background:#f4f6f8; padding:40px 0 40px 0;}
.xdcv{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.xdcv_c{ height:auto; overflow:hidden; color:#333333; line-height:26px; font-size:16px; margin-bottom:20px;}
.xdcz_b li{ float:left; width:31%; margin-right:2.6%; position:relative;}
.tux0{ position:relative; z-index:9; width:93%; margin:0 auto; overflow:hidden; background:#fff; min-height:345px; margin:0 auto; padding:30px 15px;}
.tux0 img{ display:block; margin:0 auto; max-width:100%; margin-bottom:20px;}
}
@media(max-width:414px){
.ct_box9{ clear:both; width:100%; height:auto; overflow:hidden; background:#f4f6f8; padding:40px 0 40px 0;}
.xdcv{ width:100%; padding:0 15px; height:auto; margin:0 auto; overflow:hidden;}
.xdcv_c{ height:auto; overflow:hidden; color:#333333; line-height:26px; font-size:16px; margin-bottom:20px;}
.xdcz_b li{ float:left; width:100%; margin-right:2.6%; position:relative;}
.tux0{ position:relative; z-index:9; width:93%; margin:0 auto; overflow:hidden; background:#fff; min-height:345px; margin:0 auto; padding:30px 15px;}
.tux0 img{ display:block; margin:0 auto; max-width:100%; margin-bottom:20px;}
.xdcz_b li:nth-child(2){ margin-top:30px;}
.xdcz_b li:nth-child(3){ margin-top:30px; margin-right:0%;}
}
.ct_box10{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:130px 0 0 0;}
.cpue{ width:1342px; height:auto; margin:0 auto; overflow:hidden;}
.cpue_b{ height:auto; overflow:hidden;}
.cpue_b dl{ clear:both; height:auto; overflow:hidden;}
.cpue_b dt{ float:left; width:54%; height:auto;}
.cpue_b dt img{ display:block; width:100%; height:312px;}
.cpue_b dd{ float:right; width:40%; height:auto; padding-top:70px;}
.cpue_b dd h1{ font-weight:bold; line-height:30px; font-size:16px; margin-bottom:20px;}
.cpue_b dd p{ line-height:30px; color:#333333; font-size:14px;}
.cpue_b dd.einx1{ float:left;}
.cpue_b dt.einx{ float:right;}
.ct_box10_1{ clear:both; height:auto; overflow:hidden; background:#f4f6f8; padding-bottom:110px;}
@media(max-width:1366px){
.cpue{ width:100%; padding:0 81px; height:auto; margin:0 auto; overflow:hidden;}
.cpue_b dd{ float:right; width:40%; height:auto; padding-top:40px;}
.cpue_b dt img{ display:block; width:100%; height:277px;}
}
@media(max-width:1024px){
.cpue{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.cpue_b dd{ float:right; width:43%; height:auto; padding-top:20px;}
.cpue_b dt img{ display:block; width:100%; height:277px;}
.ct_box10{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 0 0;}
.ct_box10_1{ clear:both; height:auto; overflow:hidden; background:#f4f6f8; padding-bottom:40px;}
}
@media(max-width:768px){
.cpue{ width:100%; padding:0 30px; height:auto; margin:0 auto; overflow:hidden;}
.cpue_b dd{ float:right; width:100%; height:auto; padding-top:20px; padding-bottom:20px;}
.cpue_b dt img{ display:block; width:100%; height:auto;}
.ct_box10{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 0 0;}
.ct_box10_1{ clear:both; height:auto; overflow:hidden; background:#f4f6f8; padding-bottom:20px; padding-top:20px}
.cpue_b dt{ float:left; width:100%; height:auto;}
}
@media(max-width:414px){
.cpue{ width:100%; padding:0 15px; height:auto; margin:0 auto; overflow:hidden;}
.cpue_b dd{ float:right; width:100%; height:auto; padding-top:20px; padding-bottom:20px;}
.cpue_b dt img{ display:block; width:100%; height:auto;}
.ct_box10{ clear:both; width:100%; height:auto; overflow:hidden; background:#fff; padding:40px 0 0 0;}
.ct_box10_1{ clear:both; height:auto; overflow:hidden; background:#f4f6f8; padding-bottom:20px; padding-top:20px}
.cpue_b dt{ float:left; width:100%; height:auto;}
.cpue_b dd h1{ font-weight:bold; line-height:30px; font-size:14px; margin-bottom:10px;}
}
/*ct end */
/*媒体 begin*/
.souc{ width:289px; height:34px; background:#f6f8fb; border-radius:5px; padding:0 20px; float:left; margin-top:13px;}
.tuxi{ margin-top:9px}
.wbk3{ float:right; width:211px; height:34px; border:none; line-height:32px; background:none; color:#ced0d3; font-size:14px;}
.mt{ display:none;}
.mt ul{ text-align:right;}
.mt li{ display:inline-block; width:136px; line-height:60px; font-size:14px; text-align:center; color:#9a9a9a; cursor:pointer;transition: all 1s ease;}
.mt li.red{ background:#005aab; color:#fff; font-weight:bold;}
.mt li a{ color:#9a9a9a; font-size:14px; display:block; width:100%;}
.mt li.red a{ color:#fff; font-weight:bold;}
@media(max-width:1024px){
.mt{ display:block; padding:0 30px;}
}
@media(max-width:768px){
.mt{ display:block; padding:0 30px;}
.wbk3{ float:right; width:180px; height:34px; border:none; line-height:32px; background:none; color:#ced0d3; font-size:14px;}
.souc{ width:259px; height:34px; background:#f6f8fb; border-radius:5px; padding:0 20px; float:left; margin-top:13px;}
}
@media(max-width:414px){
.mt{ display:block; padding:0 15px;}
.wbk3{ float:right; width:82%; height:34px; border:none; line-height:32px; background:none; color:#ced0d3; font-size:14px;}
.souc{ width:100%; height:34px; background:#f6f8fb; border-radius:5px; padding:0 20px; float:left; margin-top:13px;}
.mt li{ float:left; width:33.33%; line-height:45px; font-size:14px; text-align:center; color:#9a9a9a; cursor:pointer;transition: all 1s ease;}
.mt ul{ text-align:right;}
}
.mt_box1{ clear:both; width:100%; height:auto; overflow:hidden; border-top:1px solid #f0f0f0; padding:130px 0 110px 0;}
.mtzx{ width:1342px; height:auto; margin:0 auto; overflow:hidden;}
.mtzx dl{ clear:both; height:auto; overflow:hidden; margin-bottom:82px;}
.mtzx dt{ float:right; width:42%; height:auto; overflow:hidden;}
.mtzx dt img{ display:block; width:100%; height:378px;transition: all 1s ease;}
.mtzx dd{ float:left; width:52%; min-height:378px; position:relative;}
.mtzx dd:after{ content:'';position:absolute;left:0; bottom:0px; height:1px;width:100%;background:#cccccc;transition:400ms ease all;-moz-transition:400ms ease all;}
.mtzx dd span{ float:left; width:90px; height:60px; border:1px solid #a8a8a8; text-align:center; line-height:58px; color:#2b2b2b; font-size:24px;font-family: "ALTER32";transition: all 1s ease;}
.mtzx dd span em{ color:#2b2b2b; font-size:14px;font-family: "ALTER32";transition: all 1s ease;}
.mtzx dd font{ display:block; float:right; width:83%; height:auto;}
.mtzx dd h1{ position:relative; line-height:60px; color:#2b2b2b; font-size:22px; margin-bottom:60px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mtzx dd h1:after{ content:'';position:absolute;left:0; bottom:0px; height:2px;width:0px;background:#005aab;transition:400ms ease all;-moz-transition:400ms ease all;}
.mtzx dd p{ line-height:24px; color:#707070; font-size:14px; height:48px; overflow:hidden; margin-bottom:70px;}
.mtzx dd em.ope{ color:#cdcfd8; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:bold; position:relative;transition: all 0.5s ease;}
.mtzx dd em.ope:after{ content:'';position:absolute;left:0; top:8px; height:2px;width:0px;background:#78d9e1;transition:400ms ease all;-moz-transition:400ms ease all;}
.mtzx dl:hover dd:after{ background:#005aab;}
.mtzx dl:hover dd h1:after{ background:#005aab; width:40px;}
.mtzx dl:hover dd em.ope:after{ background:#78d9e1; width:40px;}
.mtzx dl:hover dd em.ope{ padding-left:53px; color:#005aab;}
.mtzx dl:hover dt img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.mtzx dl:hover dd span{ border:1px solid #005aab; background:#005aab; color:#fff;}
.mtzx dl:hover dd span em{ color:#fff;}
@media(max-width:1366px){
.mtzx{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 81px;}
.mtzx dt img{ display:block; width:100%; height:341px;transition: all 1s ease;}
.mtzx dd{ float:left; width:52%; min-height:341px; position:relative;}
}
@media(max-width:1024px){
.mtzx{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 30px;}
.mtzx dt img{ display:block; width:100%; height:273px;transition: all 1s ease;}
.mtzx dd{ float:left; width:52%; min-height:273px; position:relative;}
.mtzx dd h1{ position:relative; line-height:60px; color:#2b2b2b; font-size:20px; margin-bottom:30px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mtzx dd p{ line-height:24px; color:#707070; font-size:14px; height:48px; overflow:hidden; margin-bottom:30px;}
.mt_box1{ clear:both; width:100%; height:auto; overflow:hidden; border-top:1px solid #f0f0f0; padding:40px 0 40px 0;}
}
@media(max-width:768px){
.mtzx{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 15px;}
.mtzx dt{ float:right; width:100%; height:auto; overflow:hidden;}
.mtzx dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}
.mtzx dd{ float:left; width:100%; min-height:auto; position:relative; overflow:hidden; padding:20px 0;}
.mtzx dd h1{ position:relative; line-height:40px; color:#2b2b2b; font-size:16px; margin-bottom:10px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mtzx dd p{ line-height:24px; color:#707070; font-size:14px; height:48px; overflow:hidden; margin-bottom:10px;}
.mtzx dd font{ display:block; float:right; width:91%; height:auto;}
.mtzx dd span{ float:left; width:40px; height:75px; border:1px solid #a8a8a8; text-align:center; line-height:38px; color:#2b2b2b; font-size:18px;font-family: "ALTER32";}
.mtzx dd span em{ color:#2b2b2b; font-size:14px;font-family: "ALTER32";}
.mtzx dl{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}
}
@media(max-width:414px){
.mtzx{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 15px;}
.mtzx dt{ float:right; width:100%; height:auto; overflow:hidden;}
.mtzx dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}
.mtzx dd{ float:left; width:100%; min-height:auto; position:relative; overflow:hidden; padding:20px 0;}
.mtzx dd h1{ position:relative; line-height:40px; color:#2b2b2b; font-size:16px; margin-bottom:10px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mtzx dd p{ line-height:24px; color:#707070; font-size:14px; height:48px; overflow:hidden; margin-bottom:10px;}
.mtzx dd font{ display:block; float:right; width:85%; height:auto;}
.mtzx dd span{ float:left;height:75px; border:1px solid #a8a8a8; text-align:center; line-height:38px; color:#2b2b2b; font-size:18px;font-family: "ALTER32";}
.mtzx dd span em{ color:#2b2b2b; font-size:14px;font-family: "ALTER32";}
.mtzx dl{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}
.mtzx dd em.ope{ color:#cdcfd8; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; font-weight:bold; position:relative;transition: all 0.5s ease;}
}
.fy{ clear:both; height:auto; overflow:hidden; line-height:35px;}
.fy div{ line-height:35px;}
.fy span.current{ display:inline-block; width:35px; height:35px; text-align:center; color:#005aab; font-size:16px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #005aab; margin-right:10px;}
.fy a{ margin-right:10px;}
.fy a{ display:inline-block; width:35px; height:35px; text-align:center; color:#363636; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.gynw_r{ float:right; margin-top:15px;}
.gynw_r a.zuo{ display:block; width:35px; height:7px; background:url(../images/bg10.png) no-repeat left top;float:left;transition: all 1s ease;}
.gynw_r a.zuo:hover{ width:107px; background:url(../images/bg10_1.png) no-repeat left top}
.gynw_r a.you{ display:block; width:35px; height:7px; background:url(../images/bg11.png) no-repeat right top; float:left;transition: all 1s ease;}
.gynw_r a.you:hover{ width:107px; background:url(../images/bg11_1.png) no-repeat right top}
.mddi{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999999999999; background:#fff;}
.xwxq{width:1342px; margin:0 auto; height:auto; margin-top:100px; padding:0px 0 0 0;}
.gubi{ position:absolute; right:-40px; top:-40px; width:83px;}
.xwxq_t{ height:auto; overflow:hidden; clear:both;}
.xwxq_tl{ float:left; width:100%; height:auto; overflow:hidden;}
.laiy{ height:auto; overflow:hidden; line-height:22px; font-size:16px; color:#999999; font-family:Arial, Helvetica, sans-serif; margin-bottom:35px;}
.biaot{ height:auto; overflow:hidden; color:#2b2b2b; font-size:22px; line-height:24px; font-weight:bold; margin-bottom:45px;}
.neur{ height:auto; overflow:hidden;}
.neur p{ line-height:22px; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:45px;}
.neur p img{display:block;margin:0 auto;text-align:center;}
.neur h6{ color:#666666; font-size:16px; font-weight:bold; line-height:22px; margin-bottom:45px;}
@media(max-width:1366px){
.xwxq{width:100%; margin:0 auto; height:auto; margin-top:70px; padding:60px 81px 0 81px;}
}
@media(max-width:1280px){
.gubi{ position:absolute; right:20px; top:-40px; width:83px;}
}
@media(max-width:1024px){
.xwxq{ width:100%; margin:0 auto; height:auto; margin-top:70px; padding:30px 30px 0 30px;}
.gubi{ position:absolute; right:0px; top:0px; width:63px;}
.laiy{ height:auto; overflow:hidden; line-height:22px; font-size:14px; color:#999999; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
.biaot{ height:auto; overflow:hidden; color:#2b2b2b; font-size:20px; line-height:24px; font-weight:bold; margin-bottom:20px;}
.neur{ height:auto; overflow:hidden;}
.neur p{ line-height:22px; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
.neur h6{ color:#666666; font-size:16px; font-weight:bold; line-height:22px; margin-bottom:20px;}
}
@media(max-width:414px){
.xwxq{ width:100%; margin:0 auto; height:auto; margin-top:80px; padding:0px 15px 0 15px;}
.gubi{ position:absolute; right:0px; top:-20px; width:63px;}
.laiy{ height:auto; overflow:hidden; line-height:22px; font-size:14px; color:#999999; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px;}
.biaot{ height:auto; overflow:hidden; color:#2b2b2b; font-size:18px; line-height:24px; font-weight:bold; margin-bottom:20px;}
.neur{ height:auto; overflow:hidden;}
.neur p{ line-height:22px; color:#999999; font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px;}
.neur h6{ color:#666666; font-size:16px; font-weight:bold; line-height:22px; margin-bottom:20px;}
}
/*媒体 end*/
/*æ‹›è˜ beign*/
.zp_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:120px 0 100px 0; border-bottom:1px solid #eaeaea;}
.zpniw{ width:1342px; height:auto; margin:0 auto; overflow:hidden;}
.zpni{ height:auto; overflow:hidden; float:left; width:51%;}
.apno{ height:auto; overflow:hidden; margin-bottom:45px;}
.apno p{ line-height:30px; color:#666666; font-size:14px;}
.guine{ position:relative; width:320px;}
.guine img{ display:block; width:100%; height:auto;}
.guine span{ display:block; width:266px; background:#1a2230; text-align:center; line-height:34px; color:#fff; font-size:16px; font-weight:bold; position:absolute; left:29px; height:34px; bottom:10px;}
.binw{ float:right; width:39%; height:auto;}
.binw img{ display:block; width:100%;}
@media(max-width:1366px){
.zpniw{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 81px;}
}
@media(max-width:1024px){
.zpniw{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 30px;}
.zp_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0; border-bottom:1px solid #eaeaea;}
.zpni{ height:auto; overflow:hidden; float:left; width:100%;}
.binw{ float:right; width:39%; height:auto; display:none;}
.apno{ height:auto; overflow:hidden; margin-bottom:20px;}
}
@media(max-width:414px){
.zpniw{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:0 15px;}
.zp_box{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0; border-bottom:1px solid #eaeaea;}
.zpni{ height:auto; overflow:hidden; float:left; width:100%;}
.binw{ float:right; width:39%; height:auto; display:none;}
.apno{ height:auto; overflow:hidden; margin-bottom:20px;}
.guine{ position:relative; width:100%;}
.guine span{ display:block; width:100%; background:#1a2230; text-align:center; line-height:34px; color:#fff; font-size:16px; font-weight:bold; position:absolute; left:29px; height:34px; bottom:52px;}
.guine font{ display:block; width:100%; background:#fff;line-height:52px; color:#666666; font-size:14px; font-weight:bold; position:absolute; left:29px; height:52px; bottom:0px; padding-left:46px;}
}
.zp_box1{ border:none;}
.container2 {width:100%;height:auto; overflow:hidden; margin:0 auto;}
.menuTitle2{ display:block; width:100%; background:#f1f1f1; line-height:70px;cursor:pointer; clear:both; overflow:hidden; }
.menuTitle2 span{ float:left; display:block; padding-left:48px; text-align:left; color:#3b3b3b; font-size:14px; overflow:hidden;}
.menuTitle2 span:nth-child(1){ float:left; width:30%;}
.menuTitle2 span:nth-child(2){ float:left; width:23.3%;}
.menuTitle2 span:nth-child(3){ float:left; width:23.3%;}
.menuTitle2 span:nth-child(4){ float:left; width:23.3%;}
.activeTitle2{display:block; width:100%; background:url(../images/bg15.jpg) no-repeat 95% center #005aab; line-height:70px;cursor:pointer; clear:both; overflow:hidden;}
.activeTitle2 span{ float:left; display:block; padding-left:48px; text-align:left; color:#fff; font-size:14px;}
.activeTitle2 span:nth-child(1){ float:left; width:30%;}
.activeTitle2 span:nth-child(2){ float:left; width:23.3%;}
.activeTitle2 span:nth-child(3){ float:left; width:23.3%;}
.activeTitle2 span:nth-child(4){ float:left; width:23.3%;}
.menuContent2{background:#f6f6f6; clear:both; height:auto;text-align:left; display:none; color:#666666; border:2px solid #005aab; background:#fff; width:100%; overflow:hidden; padding:60px 100px;}
.menuContent2 h1{ color:#2b2b2b; font-weight:bold; font-size:16px; font-family:"Microsoft YaHei"; margin-bottom:15px;}
.menuContent2 p{ line-height:24px; color:#005aab; font-size:14px; font-family:"Microsoft YaHei";}
.menuContent2 ul{ float:left; width:50%;}
.menuContent2 li{ line-height:24px; color:#666666; font-size:14px;}
.giun_t1{ text-align:center; min-height:127px; position:relative; color:#333333; font-size:36px; line-height:46px; margin-bottom:60px;}
.giun_t1 i{ display:block; color:#a6a8aa; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.giun_t1:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; bottom:0px; height:1px;width:101px;background:#005aab;}
@media(max-width:1024px){
.giun_t1{ min-height:auto; padding-bottom:10px; position:relative; color:#333333; font-size:20px; line-height:26px; margin-bottom:20px;}
.giun_t1:after{ content:'';position:absolute;lleft:0;right:0; margin:0 auto;height:1px;width:55px;background:#005aab;}
}
@media(max-width:414px){
.giun_t1{ min-height:auto; padding-bottom:10px; position:relative; color:#333333; font-size:18px; line-height:26px; margin-bottom:15px;}
.giun_t1:after{ content:'';position:absolute;left:0;right:0; margin:0 auto; height:1px;width:55px;background:#005aab;}
}
.zuni{ clear:both; height:auto; overflow:hidden; background:#1a2230; line-height:70px;}
.zuni span{ display:block; float:left; color:#fff; font-size:16px; font-weight:bold; padding-left:48px;}
.zuni span:nth-child(1){ float:left; width:30%;}
.zuni span:nth-child(2){ float:left; width:23.3%;}
.zuni span:nth-child(3){ float:left; width:23.3%;}
.zuni span:nth-child(4){ float:left; width:23.3%;}
@media(max-width:1024px){
.menuTitle2{ display:block; width:100%; background:#f1f1f1; line-height:45px;cursor:pointer; clear:both; overflow:hidden; }
.menuTitle2 span{ float:left; display:block; padding-left:28px; text-align:left; color:#3b3b3b; font-size:12px; overflow:hidden;}
.zuni{ clear:both; height:auto; overflow:hidden; background:#1a2230; line-height:45px;}
.zuni span{ display:block; float:left; color:#fff; font-size:14px; font-weight:bold; padding-left:28px;}
.activeTitle2{display:block; width:100%; background:url(../images/bg15.jpg) no-repeat 95% center #005aab; line-height:45px;cursor:pointer; clear:both; overflow:hidden;}
.activeTitle2 span{ float:left; display:block; padding-left:28px; text-align:left; color:#fff; font-size:12px;}
.menuContent2{background:#f6f6f6; clear:both; height:auto;text-align:left; display:none; color:#666666; border:2px solid #005aab; background:#fff; width:100%; overflow:hidden; padding:30px 30px;}
}
@media(max-width:768px){
.menuTitle2{ display:block; width:100%; background:#f1f1f1; line-height:45px;cursor:pointer; clear:both; overflow:hidden; }
.menuTitle2 span{ float:left; display:block; padding-left:28px; text-align:left; color:#3b3b3b; font-size:12px; overflow:hidden;}
.zuni{ clear:both; height:auto; overflow:hidden; background:#1a2230; line-height:45px;}
.zuni span{ display:block; float:left; color:#fff; font-size:14px; font-weight:bold; padding-left:28px;}
.activeTitle2{display:block; width:100%; background:url(../images/bg15.jpg) no-repeat 95% center #005aab; line-height:45px;cursor:pointer; clear:both; overflow:hidden;}
.activeTitle2 span{ float:left; display:block; padding-left:28px; text-align:left; color:#fff; font-size:12px;}
.menuContent2{background:#f6f6f6; clear:both; height:auto;text-align:left; display:none; color:#666666; border:2px solid #005aab; background:#fff; width:100%; overflow:hidden; padding:30px 30px;}
.zuni span:nth-child(1){ float:left; width:40%;}
.zuni span:nth-child(2){ float:left; width:20%;}
.zuni span:nth-child(3){ float:left; width:20%;}
.zuni span:nth-child(4){ float:left; width:20%;}
.activeTitle2 span:nth-child(1){ float:left; width:40%;}
.activeTitle2 span:nth-child(2){ float:left; width:20%;}
.activeTitle2 span:nth-child(3){ float:left; width:20%;}
.activeTitle2 span:nth-child(4){ float:left; width:20%;}
.menuTitle2 span:nth-child(1){ float:left; width:40%;}
.menuTitle2 span:nth-child(2){ float:left; width:20%;}
.menuTitle2 span:nth-child(3){ float:left; width:20%;}
.menuTitle2 span:nth-child(4){ float:left; width:20%;}
}
@media(max-width:414px){
.menuTitle2{ display:block; width:100%; background:#f1f1f1; line-height:45px;cursor:pointer; clear:both; overflow:hidden; }
.menuTitle2 span{ float:left; display:block; padding-left:28px; text-align:left; color:#3b3b3b; font-size:12px; overflow:hidden;}
.zuni{ clear:both; height:auto; overflow:hidden; background:#1a2230; line-height:45px;}
.zuni span{ display:block; float:left; color:#fff; font-size:14px; font-weight:bold; padding-left:28px;}
.activeTitle2{display:block; width:100%; background:url(../images/bg15.jpg) no-repeat 95% center #005aab; line-height:45px;cursor:pointer; clear:both; overflow:hidden;}
.activeTitle2 span{ float:left; display:block; padding-left:28px; text-align:left; color:#fff; font-size:12px;}
.menuContent2{background:#f6f6f6; clear:both; height:auto;text-align:left; display:none; color:#666666; border:2px solid #005aab; background:#fff; width:100%; overflow:hidden; padding:30px 30px;}
.zuni span:nth-child(1){ float:left; width:100%;}
.zuni span:nth-child(2){ float:left; width:33.33%;}
.zuni span:nth-child(3){ float:left; width:33.33%;}
.zuni span:nth-child(4){ float:left; width:33.33%;}
.activeTitle2 span:nth-child(1){ float:left; width:100%;}
.activeTitle2 span:nth-child(2){ float:left; width:33.33%;}
.activeTitle2 span:nth-child(3){ float:left; width:33.33%;}
.activeTitle2 span:nth-child(4){ float:left; width:33.33%;}
.menuTitle2 span:nth-child(1){ float:left; width:100%;}
.menuTitle2 span:nth-child(2){ float:left; width:33.33%;}
.menuTitle2 span:nth-child(3){ float:left; width:33.33%;}
.menuTitle2 span:nth-child(4){ float:left; width:33.33%;}
.menuContent2 ul{ float:left; width:100%; margin-bottom:20px; overflow:hidden;}
}
/*æ‹›è˜ end*/
/*è”ç³» begin*/
.box_1{ display:none;}
.lx_box{ width:100%; position:relative; height:100%;}
.lxw_l{ position:relative; width:28%; height:100%; background:url(../images/bg16.jpg) no-repeat center center; background-size:cover; padding:60px 39px 0 39px; float:left;}
.lxw_lt{ width:100%; height:auto; min-height:103px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:85px;}
.lxw_lt img{ display:block; margin:0 auto; max-width:100%;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:42px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:50px;}
.lxw_lc li a{ color:rgba(255,255,255,0.6); font-size:18px;}
.lxw_lc li:hover:after{ content:'';position:absolute;right:118px; top:14px; height:1px;width:120px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}
.lxw_lc li.lke:after{ content:'';position:absolute;right:118px; top:14px; height:1px;width:120px;background:#fff;transition:400ms ease all;-moz-transition:400ms ease all;}
.lxw_lc li.lke a{ color:#fff; font-weight:bold;}
.lxw_lc li:hover a{ color:#fff; font-weight:bold;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:42px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-transform:uppercase;}
.lxw_lb a img{ margin-right:18px;}
.lxw_r{ float:right; width:72%; height:100%; position:relative; background:url(../tu/tu44.jpg) no-repeat center center; background-size:cover; position:relative;}
.lxin{ width:267px; height:100px; position:absolute; right:55px; top:361px;}
.lxin p{ width:239px; height:47px; float:right; background:#fff; border-radius:10px; color:#005aab; font-size:14px; line-height:47px; text-align:center; margin-top:-10px;}
.lxin img{ display:block; width:41px;}
.bona{ width:61%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:514px; padding:90px 22px 80px 95px; overflow:hidden;}
.bona_l{ float:left; width:86%; height:auto; overflow:hidden;}
.bona_l p{ line-height:25px; font-size:14px; color:#fff;}
.bona_l span{ line-height:25px; font-size:14px; color:#fff; font-weight:bold;}
.bona_l ul{ float:left; margin-right:50px;}
.bona_l ul:last-child{ margin-right:0px;}
.bona_r{ float:right; width:11px; margin-top:44px;}
@media(max-width:1680px){
.lxin{ width:267px; height:100px; position:absolute; right:15px; top:364px;}
.lxin img{ display:block; width:35px;}
}
@media(max-width:1600px){
.lxin{ width:267px; height:100px; position:absolute; right:2px; top:295px;}
.bona{ width:61%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:364px; padding:90px 22px 80px 95px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:103px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:45px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:30px;}
}
@media(max-width:1440px){
.lxin{ width:267px; height:100px; position:absolute; right:-54px; top:363px;}
.bona{ width:61%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:364px; padding:90px 22px 80px 95px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:103px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:45px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:30px;}
.lxin p{ width:239px; height:47px; float:right; background:#fff; border-radius:10px; color:#005aab; font-size:14px; line-height:47px; text-align:center; margin-top:0px; margin-right:70px;}
}
@media(max-width:1366px){
.lxin{ width:267px; height:100px; position:absolute; right:-38px; top:241px;}
.bona{ width:61%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:364px; padding:30px 22px 30px 30px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:53px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:25px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:20px;}
.lxin img{ display:block; width:29px;}
.lxin p{ width:199px; height:47px; float:left; background:#fff; border-radius:10px; color:#005aab; font-size:12px; line-height:47px; text-align:center; margin-top:0px;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}
}
@media(max-width:1280px){
.lxin{ width:267px; height:100px; position:absolute; right:-52px; top:245px;}
.bona{ width:61%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:364px; padding:30px 22px 30px 30px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:53px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:25px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:20px;}
.lxin img{ display:block; width:28px;}
.lxin p{ width:199px; height:47px; float:left; background:#fff; border-radius:10px; color:#005aab; font-size:12px; line-height:47px; text-align:center; margin-top:0px;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}
}
@media(max-width:1024px){
.box_1{ display:block;}
.lxin{ width:267px; height:100px; position:absolute; right:-15px; top:255px;}
.bona{ width:61%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:364px; padding:30px 22px 30px 30px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:53px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:25px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:20px;}
.lxin img{ display:block; width:9%;}
.lxin p{ width:199px; height:47px; float:left; background:#fff; border-radius:10px; color:#005aab; font-size:12px; line-height:47px; text-align:center; margin-top:0px;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}
.lxw_l{ display:none;}
.lxw_r{ float:right; width:100%; height:100%; position:relative; background:url(../tu/tu44.jpg) no-repeat center center; background-size:cover; position:relative;}
}
@media(max-width:768px){
.box_1{ display:block;}
.lxin{ width:267px; height:100px; position:absolute; right:-15px; top:255px; display:none;}
.bona{ width:91%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:364px; padding:30px 22px 30px 30px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:53px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:25px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:20px;}
.lxin img{ display:block; width:9%;}
.lxin p{ width:199px; height:47px; float:left; background:#fff; border-radius:10px; color:#005aab; font-size:12px; line-height:47px; text-align:center; margin-top:0px;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}
.lxw_l{ display:none;}
.lxw_r{ float:right; width:100%; height:100%; position:relative; background:url(../tu/tu44.jpg) no-repeat center center; background-size:cover; position:relative;}
}
@media(max-width:414px){
.box_1{ display:block;}
.lxin{ width:267px; height:100px; position:absolute; right:-15px; top:255px; display:none;}
.bona{ width:100%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:304px; padding:20px 20px 20px 20px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:53px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:25px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:20px;}
.lxin img{ display:block; width:9%;}
.lxin p{ width:199px; height:47px; float:left; background:#fff; border-radius:10px; color:#005aab; font-size:12px; line-height:47px; text-align:center; margin-top:0px;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}
.lxw_l{ display:none;}
.lxw_r{ float:right; width:100%; height:100%; position:relative; background:url(../tu/tu44.jpg) no-repeat center center; background-size:cover; position:relative;}
}
@media(max-width:360px){
.box_1{ display:block;}
.lxin{ width:267px; height:100px; position:absolute; right:-15px; top:255px; display:none;}
.bona{ width:100%; height:auto; background:#005aab; border-right:6px solid #017d87; margin-top:244px; padding:20px 20px 20px 20px; overflow:hidden;}
.lxw_lt{ width:100%; height:auto; min-height:53px; border-bottom:1px solid rgba(255,255,255,0.21); margin-bottom:25px;}
.lxw_lc li{ line-height:28px; position:relative;transition: all 1s ease; margin-bottom:20px;}
.lxin img{ display:block; width:9%;}
.lxin p{ width:199px; height:47px; float:left; background:#fff; border-radius:10px; color:#005aab; font-size:12px; line-height:47px; text-align:center; margin-top:0px;}
.lxw_lc{ height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb{ clear:both; height:auto; overflow:hidden; padding-left:22px;}
.lxw_lb a{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase;}
.lxw_l{ display:none;}
.lxw_r{ float:right; width:100%; height:100%; position:relative; background:url(../tu/tu44.jpg) no-repeat center center; background-size:cover; position:relative;}
}
/*è”ç³» end*/
/**/
.gy_box3{ clear:both; height:auto; overflow:hidden; background:#f1f1f1; padding:130px 0 160px 0;}
@media(max-width:1024px){
.gy_box3{ clear:both; height:auto; overflow:hidden; background:#f1f1f1; padding:40px 0 40px 0;}
}
.hxci{ width:100%;height:auto; padding-top:40px; text-align:center;}
.hxci li{ position:relative; display:inline-block; width:50%; height:480px; overflow:hidden; margin-right:50%;}
.hxci li:last-child{ margin-right:0%;}
.hxci li img{ display:block; width:100%; height:auto;}
.hxci li span i{ font-size:16px; color:#e0e0e0;}
.hxci li font{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; left:0; top:-100%; padding:68px 35px 0 35px; line-height:30px; color:#ffffff; font-size:14px;transition: all 0.5s ease; text-align:left;}
.hxci li:hover font{ top:0;}
.gy_box4{ clear:both; width:100%; height:auto; min-height:890px; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js1{ height:890px;}
@media(max-width:1366px){
.hxci li{ position:relative; display:inline-block; width:50%; height:auto; overflow:hidden; margin-right:12%;}
}
@media(max-width:1024px){
.hxci li{ position:relative; float:left; width:50%; height:auto; overflow:hidden; margin-right:3%;}
.hxci{ width:100%; height:auto; padding-top:20px;}
.gy_box4{ clear:both; width:100%; height:auto; min-height:480px; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js1{ height:480px;}
.hxci li img{ display:block; width:100%; height:auto;}
.hxci li font{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; left:0; top:-100%; padding:20px 20px 0 20px; line-height:30px; color:#ffffff; font-size:14px;transition: all 0.5s ease;}
}
@media(max-width:414px){
.hxci li{ position:relative; float:left; width:100%; height:auto; overflow:hidden; margin-right:0%; margin-bottom:25px;}
.hxci{ width:100%; height:auto; padding-top:20px;}
.gy_box4{ clear:both; width:100%; height:auto; min-height:auto; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js1{ height:1220px;}
.hxci li img{ display:block; width:100%; height:auto;}
.hxci li font{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; left:0; top:-100%; padding:20px 20px 0 20px; line-height:30px; color:#ffffff; font-size:14px;transition: all 0.5s ease;}
}
@media(max-width:375px){
.hxci li{ position:relative; float:left; width:100%; height:auto; overflow:hidden; margin-right:0%; margin-bottom:25px;}
.hxci{ width:100%; height:auto; padding-top:20px;}
.gy_box4{ clear:both; width:100%; height:auto; min-height:auto; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js1{ height:1090px;}
.hxci li img{ display:block; width:100%; height:auto;}
.hxci li font{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; left:0; top:-100%; padding:20px 20px 0 20px; line-height:30px; color:#ffffff; font-size:14px;transition: all 0.5s ease;}
}
@media(max-width:360px){
.hxci li{ position:relative; float:left; width:100%; height:auto; overflow:hidden; margin-right:0%; margin-bottom:25px;}
.hxci{ width:100%; height:auto; padding-top:20px;}
.gy_box4{ clear:both; width:100%; height:auto; min-height:auto; overflow:hidden; padding:0px 0 0px 0px; background:url(../images/bg9.jpg) no-repeat center center; background-size:cover; color:#fff; position:relative; left:0; right:0; margin:0 auto;margin-top:0px;}
#particles-js1{ height:1050px;}
.hxci li img{ display:block; width:100%; height:auto;}
.hxci li font{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.9); position:absolute; left:0; top:-100%; padding:20px 20px 0 20px; line-height:30px; color:#ffffff; font-size:14px;transition: all 0.5s ease;}
}
.tab_menu {
overflow:hidden;
margin-bottom:60px;
}
.tab_menu li {
width:50%;
float:left;
height:80px;
line-height:80px;
text-align:center;
cursor:pointer;
color:#888;
background:#f4f6f8;
font-size:18px;
}
.tab_menu li.current {
color:#fff; font-weight:bold; background:#005aab;
}
.tab_box {
padding:0px;
position:relative;
}
.tab_box .hide {
visibility: hidden;
position: absolute;
z-index: -1;
height: 0;
}
@media(max-width:1024px){
.tab_menu li {
width:50%;
float:left;
height:45px;
line-height:45px;
text-align:center;
cursor:pointer;
color:#888;
background:#f4f6f8;
font-size:14px;
}
.tab_menu {
overflow:hidden;
margin-bottom:30px;
}
}
.fanui{ clear:both; height:auto; overflow:hidden; margin-bottom:18px; color:#08c1d3; font-size:16px; cursor:pointer;}
.fanui img{ vertical-align:middle; margin-right:10px;}
.fanui1{ clear:both; height:auto; overflow:hidden; margin-bottom:25px; text-align:center; color:#333; font-size:16px; cursor:pointer;}
.fanui1 img{ vertical-align:middle; margin-right:10px;}
@media(max-width:414px){
.fanui{ margin-bottom:5px;}
.fanui1{margin-bottom:5px;
}
/**/
#pdtViewer {
width:100%;
margin:0 auto
}
#pdtViewer img {
padding:0;
ser-select:none;
-moz-user-select:none
}
#dummy {
display:none
}
#imgStart{ width:396px; height:459px;}
.ssss{width:100%;height:auto;overflow:hidden;margin-bottom: 50px;}
.ssss h1{text-align: center;
color: #005aab;
font-size: 36px;
line-height: 49px;
font-weight: bold;
margin-bottom: 15px;}
.ssss p{text-align: center;
color: #868c99;
font-size: 16px;
line-height: 36px;}
@media(max-width:1024px){
.ssss h1{ text-align:center; color:#005aab; font-size:20px; line-height:26px; font-weight:bold; margin-bottom:15px;}
.ssss p{ text-align:center; color:#868c99; font-size:14px; line-height:24px;}
}
@media(max-width:414px){
.ssss h1{ text-align:center; color:#005aab; font-size:18px; line-height:26px; font-weight:bold; margin-bottom:15px;}
.ssss p{ text-align:center; color:#868c99; font-size:14px; line-height:24px;}
}