/*banner begin*/

.box2{ clear:both; width:100%; height:auto; overflow:hidden; position:relative;}

.boni{ display:table;width:100%; vertical-align:inherit; position:relative; height:660px; position:relative;}

.bonce{padding:275px 0 0 0;}

.bonce p{ text-align:right; color:#fff; font-size:38px; line-height:38px; text-shadow:3px 3px 5px rgba(0,0,0,0.5); margin-bottom:10px; margin-right:304px;opacity:0;}

.bonce h1{ text-align:right; color:#fff; font-size:38px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce h1 i{ display:block; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:-0.1px; margin-top:7px;}

.bonce1{ padding-top:294px;}

.bonce2{ padding-top:362px;}

.bonce1 p{ text-align:center; color:#fff; font-size:45px; font-weight:bold; line-height:45px; text-shadow:3px 3px 5px rgba(0,0,0,0.5); margin-bottom:10px;opacity:0;margin-right:0px;}

.bonce1 h1{ text-align:center; color:#fff; font-size:54px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce2 h1{ text-align:left; color:#fff; font-size:38px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce2 h1 i{ display:block; font-size:16px; font-weight:bold; text-transform:uppercase; margin-top:15px;}

.ani-slide .bonce p{opacity:1;animation:fadeInDown 2s;-mzoanimation:fadeInDown 2s;-webkit-animation:fadeInDown 2s;-o-animation:fadeInDown 2s;}

.ani-slide .bonce h1{opacity:1;animation:fadeInUp 4s;-mzoanimation:fadeInUp 4s;-webkit-animation:fadeInUp 4s;-o-animation:fadeInUp 4s;}

.ani-slide .bonce1 p{opacity:1;animation:fadeInDown 2s;-mzoanimation:fadeInDown 2s;-webkit-animation:fadeInDown 2s;-o-animation:fadeInDown 2s;}

.ani-slide .bonce1 h1{opacity:1;animation:fadeInUp 4s;-mzoanimation:fadeInUp 4s;-webkit-animation:fadeInUp 4s;-o-animation:fadeInUp 4s;}

@media(max-width:414px){

.bonce p{ text-align:right; color:#fff; font-size:28px; line-height:28px; text-shadow:3px 3px 5px rgba(0,0,0,0.5); margin-bottom:10px; margin-right:0px;opacity:0;}

.bonce h1{ text-align:right; color:#fff; font-size:28px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce h1 i{ display:block; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:-0.1px; margin-top:7px;}

.bonce1 p{ text-align:center; color:#fff; font-size:28px; font-weight:bold; line-height:28px; text-shadow:3px 3px 5px rgba(0,0,0,0.5); margin-bottom:10px;opacity:0;margin-right:0px;}

.bonce1 h1{ text-align:center; color:#fff; font-size:28px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce2 h1{ text-align:left; color:#fff; font-size:28px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce2 h1 i{ display:block; font-size:16px; font-weight:bold; text-transform:uppercase; margin-top:15px;}	

}

@media(max-width:375px){

.bonce p{ text-align:right; color:#fff; font-size:18px; line-height:18px; text-shadow:3px 3px 5px rgba(0,0,0,0.5); margin-bottom:10px; margin-right:0px;opacity:0;}

.bonce h1{ text-align:right; color:#fff; font-size:18px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce h1 i{ display:block; font-size:14px; font-weight:bold; text-transform:uppercase; letter-spacing:-0.1px; margin-top:7px;}

.bonce1 p{ text-align:center; color:#fff; font-size:18px; font-weight:bold; line-height:18px; text-shadow:3px 3px 5px rgba(0,0,0,0.5); margin-bottom:10px;opacity:0;margin-right:0px;}

.bonce1 h1{ text-align:center; color:#fff; font-size:18px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce2 h1{ text-align:left; color:#fff; font-size:18px; font-weight:bold; text-shadow:3px 3px 5px rgba(0,0,0,0.5);opacity:0;}

.bonce2 h1 i{ display:block; font-size:16px; font-weight:bold; text-transform:uppercase; margin-top:15px;}	

}

/*banner end*/



/*main begin*/

.box2_1{ position:absolute;width:100%;height:40px; background:rgba(0,0,0,0.6); left:0; bottom:0; z-index:999}

.xino{ float:left; width:47%; overflow:hidden; background:url(../image/bg1.png) no-repeat left center; padding-left:32px;}

#googlec1 { border:none; width:100%;height:40px;overflow:hidden;   } 

#googlec1 ul { margin:0px; padding:0px; list-style-type:none; } 

#googlec1 li { height:40px; clear:both; } 

#googlec1 li{  line-height:40px;}

#googlec1 li font{ float:right;color:#fff; font-size:13px;}

#googlec1 li span{ float:left; display:block; width:79%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#ffffff; text-transform:uppercase;}

@media(max-width:1024px){

.xino{ float:left; width:100%; overflow:hidden; background:url(../image/bg1.png) no-repeat left center; padding-left:32px;}	

}

@media(max-width:414px){

.xino{ float:left; width:100%; overflow:hidden; background:url(../image/bg1.png) no-repeat left center; padding-left:32px;}

#googlec1 li span{ float:left; display:block; width:75%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#ffffff; text-transform:uppercase;}

}

.box3{ clear:both; height:auto; overflow:hidden; padding:68px 0 0 0;}

.gokn{ height:auto; overflow:hidden; background:url(../image/bg1.jpg) no-repeat center bottom; padding-bottom:20px; text-align:center; color:#333333; font-size:34px; line-height:34px; letter-spacing:-1px; margin-bottom:50px;}

.gokn i{ display:block; color:#276eb0; font-size:34px;font-family: "BASKVILL_0"; text-transform:uppercase; margin-bottom:15px;}

.gokm{ height:auto; overflow:hidden;}

.gokm li{float:left; width:20%; position:relative;transition: all 1s ease;}

.gokm li img{ display:block; width:100%; height:416px;}

.gojh{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.52); padding:148px 20px 0 20px;transition: all 1s ease;}

.gokm li .gojh img{ display:block; margin:0 auto; width:49px; height:54px; margin-bottom:10px;}

.gojh h1{ text-align:center; color:#fff; background:url(../image/bg2.jpg) no-repeat center top; padding-top:15px; color:#fff; font-size:17px; font-weight:bold; margin-bottom:15px;}

.bon{ height:auto; overflow:hidden;opacity:0;transition: all 1s ease;}

.bon p{ color:#fff; line-height:24px; font-size:14px; height:100px; overflow:hidden; margin-bottom:20px;}

.bon span{ display:block; width:108px; height:30px; background:#fff; text-align:center; line-height:30px; color:#276eb0; font-size:13px; margin:0 auto;}

.gokm li:hover .gojh{ background:rgba(44,112,170,0.8); padding-top:100px}

.gokm li:hover .bon{opacity:1;}

@media(max-width:1024px){

.gojh h1{ text-align:center; color:#fff; background:url(../image/bg2.jpg) no-repeat center top; padding-top:15px; color:#fff; font-size:14px; font-weight:bold; margin-bottom:15px;}

.gokm li img{ display:block; width:100%; height:324px;}

.gojh{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.52); padding:128px 20px 0 20px;transition: all 1s ease;}

.gokm li:hover .gojh{ background:rgba(44,112,170,0.8); padding-top:50px}	

}

@media(max-width:414px){

.gojh h1{ text-align:center; color:#fff; background:url(../image/bg2.jpg) no-repeat center top; padding-top:15px; color:#fff; font-size:14px; font-weight:bold; margin-bottom:15px;}

.gokm li img{ display:block; width:100%; height:400px;}

.gojh{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.52); padding:148px 20px 0 20px;transition: all 1s ease;}

.gokm li:hover .gojh{ background:rgba(44,112,170,0.8); padding-top:120px}	

.gokm li{float:left; width:100%; position:relative;transition: all 1s ease;}

.bon p{ height:70px;}

}

.box4{ clear:both; width:100%; height:auto; overflow:hidden; padding:70px 0 40px 0; background:#eef3f7;}

.aqin{ clear:both; height:auto; overflow:hidden;}

.aqin_l{float:left; width:33%; height:auto; overflow:hidden; padding-top:170px;}

.aqin_l h1{ color:#333333; font-size:24px; line-height:24px; margin-bottom:20px;}

.aqin_l p{ line-height:30px; color:#666666; font-size:15px;}

.aqin_r{ float:right; width:65%; min-height:635px; background:url(../image/bg3.jpg) no-repeat left 58px; position:relative;}

.fini1{ height:auto; overflow:hidden; padding-left:329px; margin-bottom:13px;}

.goni{ height:auto; overflow:hidden;transition: all 1s ease;}

.goni_l{float:left; width:25%; height:112px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease; color:#333}

.goni_r{ float:right; width:71%; padding-top:20px;}

.goni_r h1{ color:#005bac; font-size:18px; line-height:18px; margin-bottom:10px; font-weight:bold;transition: all 0.5s ease;color:#333}

.goni_r p{ color:#333333; font-size:15px; line-height:32px;transition: all 0.5s ease;color:#333}

.goni:hover{ background:#65c89c; border-radius:50px;}

.goni:hover .goni_l{background:#65c89c;}

.goni:hover .goni_r h1,.goni:hover .goni_r p{ color:#fff;}

.fini2{ height:auto; overflow:hidden; padding-left:457px; margin-bottom:64px;}

.goni_l1{ width:35%; height:112px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease;}

.goni_r1{ width:62%;}

.fini3{ height:auto; overflow:hidden; padding-left:463px; margin-bottom:25px;}

.goni_r1 p{ line-height:27px;}

.fini4{ height:auto; overflow:hidden; padding-left:345px; margin-bottom:25px;}

.goni_l2{ width:27%; height:115px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease;}

.goni_r2{ width:69%; padding-top:35px;}

.fini5{ position:absolute;padding-left:0; left:130px; top:435px; width:230px;}

.goni_l3{ width:69px; height:69px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease;}

.goni_r3{ width:45%; padding-top:99px;}

.goniff:hover{ background:none;}

.goniff:hover .goni_l3{ background:#276eb0}

@media(max-width:1024px){

.aqin_l{float:left; width:100%; height:auto; overflow:hidden; padding-top:0px; margin-bottom:20px;}

.aqin_r{ float:right; width:100%; min-height:auto; overflow:hidden; background:none; position:inherit;}	

.fini{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; float:left; width:100%; margin-right:0%; clear:both;}

.fini2{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini1{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini3{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini4{ position:inherit;padding-left:0; left:0px; top:0px; width:100%; margin-right:0%; clear:both; display:none;}

.goni_l{float:left; width:116px; height:116px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease;}

.goni_r{ float:right; width:85%; padding-top:20px;}

.goni_r1{  width:85%; padding-top:20px;}

.goni_r2{ width:85%; padding-top:20px;}

.goni_r3{  width:85%; padding-top:20px;}

}

@media(max-width:768px){

.aqin_l{float:left; width:100%; height:auto; overflow:hidden; padding-top:0px; margin-bottom:20px;}

.aqin_r{ float:right; width:100%; min-height:auto; overflow:hidden; background:none; position:inherit;}	

.fini{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; float:left; width:100%; margin-right:0%; clear:both;}

.fini2{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini1{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini3{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini4{ position:inherit;padding-left:0; left:0px; top:0px; width:100%; margin-right:0%; clear:both; display:none;}

.goni_l{float:left; width:116px; height:116px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease;}

.goni_r{ float:right; width:80%; padding-top:20px;}

.goni_r1{  width:80%; padding-top:20px;}

.goni_r2{ width:80%; padding-top:20px;}

.goni_r3{  width:80%; padding-top:20px;}

}

@media(max-width:414px){

.aqin_l{float:left; width:100%; height:auto; overflow:hidden; padding-top:0px; margin-bottom:20px;}

.aqin_r{ float:right; width:100%; min-height:auto; overflow:hidden; background:none; position:inherit;}	

.fini{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; float:left; width:100%; margin-right:0%; clear:both;}

.fini2{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini1{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini3{ height:auto; overflow:hidden; padding-left:0px; margin-bottom:13px; clear:both;}

.fini4{ position:inherit;padding-left:0; left:0px; top:0px; width:100%; margin-right:0%; clear:both; display:none;}

.goni_l{float:left; width:96px; height:96px; background:#276eb0;border-radius:100%;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;transition: all 0.5s ease;}

.goni_r{ float:right; width:68%; padding-top:20px;}

.goni_r1{  width:68%; padding-top:20px;}

.goni_r2{ width:68%; padding-top:20px;}

.goni_r3{  width:68%; padding-top:20px;}

}



.box5{ clear:both; height:auto; overflow:hidden; padding:70px 0 60px 0;}

.jjfi_t{ height:auto; overflow:hidden;transition: all 1s ease; margin-bottom:17px;}

.jjfi_tl{ float:left; width:60%; overflow:hidden;}

.jjfi_tl img{ display:block; width:100%; height:371px;transition: all 2s ease;}

.jjfi_t:hover .jjfi_tl 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);}

.jjfi_tr{float:right; width:40%; height:371px; background:url(../image/bg2.png) no-repeat right bottom #276eb0; padding:70px 35px 0 37px;}

.jjfi_tr p{ color:#fff; line-height:32px; font-size:15px;}

.jjfi_tr span{ display:block; width:108px; height:30px; border:1px solid #fff; text-align:center; line-height:28px; color:#fff; font-size:13px; border:1px solid #fff; margin-top:25px;}

.jjfi_b{ clear:both; height:auto; overflow:hidden; margin-bottom:60px; padding-top:5px;}

.jjfi_b li{ float:left; width:32%; height:auto; position:relative; margin-right:2%; overflow:hidden;transition: all 1s ease;}

.jjfi_b li img{ display:block; width:100%; height:235px;}

.fgbv{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.03); padding:195px 30px 0 30px;}

.fgbv p{ display:block; background:url(../image/bg4.jpg) no-repeat left center;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; font-size:16px; line-height:32px; color:#fff;}

.jjfi_b li.qcbj{ margin-right:0%;}

.jjfi_b li:hover{-moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}

.jjfi_c{ clear:both; width:34%; height:51px; border:1px solid #276eb0; text-align:center; line-height:49px; margin:0 auto; color:#276eb0;transition: all 1s ease;}

.jjfi_c a{ color:#276eb0; font-size:14px; display:block; width:100%; font-size:13px;}

.jjfi_c:hover{-moz-transform: translateY(-2px); -webkit-transform: translateY(-2px); -o-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px);}

@media(max-width:1024px){

.jjfi_tl img{ display:block; width:100%; height:289px;transition: all 2s ease;}	

.jjfi_tr{float:right; width:40%; height:289px; background:url(../image/bg2.png) no-repeat right bottom #276eb0; padding:40px 25px 0 25px;}

.jjfi_tr p{ color:#fff; line-height:32px; font-size:15px; height:64px; overflow:hidden;}

.jjfi_b li img{ display:block; width:100%; height:181px;}

.fgbv{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.03); padding:135px 30px 0 30px;}

.jjfi_b{ clear:both; height:auto; overflow:hidden; margin-bottom:30px; padding-top:5px;}

.box5{ clear:both; height:auto; overflow:hidden; padding:30px 0 30px 0;}

}

@media(max-width:414px){

.jjfi_tl img{ display:block; width:100%; height:auto;transition: all 2s ease;}	

.jjfi_tr{float:right; width:100%; height:auto; background:url(../image/bg2.png) no-repeat right bottom #276eb0; padding:25px 25px 25px 25px;}

.jjfi_tr p{ color:#fff; line-height:32px; font-size:15px; height:auto; overflow:hidden;}

.jjfi_b li img{ display:block; width:100%; height:auto;}

.fgbv{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.03); padding:185px 30px 0 30px;}

.jjfi_b{ clear:both; height:auto; overflow:hidden; margin-bottom:15px; padding-top:5px;}

.box5{ clear:both; height:auto; overflow:hidden; padding:30px 0 30px 0;}

.jjfi_tl{ float:left; width:100%; overflow:hidden;}

.jjfi_b li{ float:left; width:100%; height:auto; position:relative; margin-right:0%; overflow:hidden;transition: all 1s ease; margin-bottom:15px;}

.jjfi_c{ clear:both; width:50%; height:51px; border:1px solid #276eb0; text-align:center; line-height:49px; margin:0 auto; color:#276eb0;}

}

@media(max-width:375px){

.jjfi_tl img{ display:block; width:100%; height:auto;transition: all 2s ease;}	

.jjfi_tr{float:right; width:100%; height:auto; background:url(../image/bg2.png) no-repeat right bottom #276eb0; padding:25px 25px 25px 25px;}

.jjfi_tr p{ color:#fff; line-height:32px; font-size:15px; height:auto; overflow:hidden;}

.jjfi_b li img{ display:block; width:100%; height:auto;}

.fgbv{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.03); padding:165px 30px 0 30px;}

.jjfi_b{ clear:both; height:auto; overflow:hidden; margin-bottom:15px; padding-top:5px;}

.box5{ clear:both; height:auto; overflow:hidden; padding:30px 0 30px 0;}

.jjfi_tl{ float:left; width:100%; overflow:hidden;}

.jjfi_b li{ float:left; width:100%; height:auto; position:relative; margin-right:0%; overflow:hidden;transition: all 1s ease; margin-bottom:15px;}

.jjfi_c{ clear:both; width:50%; height:51px; border:1px solid #276eb0; text-align:center; line-height:49px; margin:0 auto; color:#276eb0;}

}

@media(max-width:360px){

.jjfi_tl img{ display:block; width:100%; height:auto;transition: all 2s ease;}	

.jjfi_tr{float:right; width:100%; height:auto; background:url(../image/bg2.png) no-repeat right bottom #276eb0; padding:25px 25px 25px 25px;}

.jjfi_tr p{ color:#fff; line-height:32px; font-size:15px; height:auto; overflow:hidden;}

.jjfi_b li img{ display:block; width:100%; height:auto;}

.fgbv{ width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.03); padding:155px 20px 0 20px;}

.jjfi_b{ clear:both; height:auto; overflow:hidden; margin-bottom:15px; padding-top:5px;}

.box5{ clear:both; height:auto; overflow:hidden; padding:30px 0 30px 0;}

.jjfi_tl{ float:left; width:100%; overflow:hidden;}

.jjfi_b li{ float:left; width:100%; height:auto; position:relative; margin-right:0%; overflow:hidden;transition: all 1s ease; margin-bottom:15px;}

.jjfi_c{ clear:both; width:50%; height:51px; border:1px solid #276eb0; text-align:center; line-height:49px; margin:0 auto; color:#276eb0;}

}

/*main end*/



/*新闻动态 begin*/

.nw_box{ clear:both; height:auto; overflow:hidden; min-height:330px; position:relative;}

.xinz{ width:100%; height:auto; overflow:hidden; padding:148px 0 107px 0;text-align:center; color:#fff; font-size:34px; line-height:34px; }

.xinz i{ display:block; font-size:34px;font-family: "BASKVILL_0"; text-transform:uppercase; margin-top:10px;}

.nav_top{ width:100%; height:35px; position:absolute; left:0; bottom:0; text-align:right;}

.nav_top li{ display:inline-block;line-height:35px; margin-right:5px;}

.nav_top li a{ display:block;background:#276eb0; color:#fff; padding:0 32px;  font-size:16px;transition: all 1s ease;}

.nav_top li a:hover{ background:#ffffff;color:#333333; }

.nav_top li:last-child{ margin-right:0px;}

.nav_top li a.actin{  background:#ffffff;color:#333333;}

@media(max-width:414px){

.nw_box{ clear:both; height:auto; overflow:hidden; min-height:280px; position:relative;}	

.xinz{ width:100%; height:auto; overflow:hidden;text-align:center; color:#fff; font-size:34px; line-height:34px;padding:127px 0 107px 0; }



}

.nw_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:70px 0 60px 0;}

.xick{ height:auto; overflow:hidden; padding:5px;}

.xico{ height:auto; overflow:hidden; padding:27px 22px; box-shadow:0px 0px 10px rgba(0,0,0,0.3);}

.gniw{ width:100%; height:auto; overflow:hidden;}

.gniw_l{ float:left; width:47%; height:auto; overflow:hidden;}

.gniw_l img{ display:block; width:100%; height:283px;}

.gniw_r{ float:right; width:49%; height:auto; overflow:hidden; padding-top:40px;}

.gniw_r h1{ color:#333333; font-size:22px; line-height:28px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px; text-align:left}

.gniw_r span{ display:block; color:#999999; font-size:13px; text-align:left; margin-bottom:15px;}

.gniw_r p{ color:#666666; font-size:15px; line-height:28px; text-align:left; height:84px; overflow:hidden;}

.gniw_r font{ display:block; width:108px; height:30px; background:#276eb0; text-align:center; line-height:30px; color:#fff; font-size:13px; margin-top:26px;}

@media(max-width:1024px){

.nw_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}	

.gniw_l img{ display:block; width:100%; height:auto;}

.gniw_r{ float:right; width:49%; height:auto; overflow:hidden; padding-top:0px;}

}

@media(max-width:414px){

.nw_box1{ clear:both; width:100%; height:auto; overflow:hidden; padding:40px 0 40px 0;}	

.gniw_l{ float:left; width:100%; height:auto; overflow:hidden;}

.gniw_l img{ display:block; width:100%; height:auto;}

.gniw_r{ float:right; width:100%; height:auto; overflow:hidden; padding-top:30px;}

}



.xinh{ clear:both; height:auto; overflow:hidden; margin-bottom:60px;}

.xinh dl{ clear:both; height:auto; overflow:hidden; padding:40px 22px; border-bottom:1px solid #dddddd;transition: all 1s ease;}

.xinh dt{ float:left; width:31%; height:auto; overflow:hidden;}

.xinh dt img{ display:block; width:100%; height:231px;}

.xinh dd{ float:right; width:65%; height:auto; overflow:hidden; padding-top:40px;}
.xinh dd.ab{float:none;width:100%; height:auto; overflow:hidden; padding-top:40px;}
.xinh dd h1{ color:#333333; font-size:17px; line-height:28px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:5px; text-transform:uppercase;}

.xinh dd span{ display:block; color:#666666; line-height:26px; margin-bottom:7px;}

.xinh dd p{ line-height:27px; color:#666666; font-size:15px; height:81px; overflow:hidden;}

.xinh dd font{ display:block; float:right; width:94px; height:28px; border:1px solid #276eb0; text-align:center; line-height:26px; color:#666666; font-size:13px; margin-top:17px;transition: all 1s ease;}

.xinh dl:hover{ background:#eef3f7;}

.xinh dl:hover dd font{ background:#276eb0; color:#fff;}

.fy{ clear:both; line-height:36px; text-align:center; color:#669dd2; font-size:14px; margin:0 auto;overflow:hidden; padding:0 10px;} 

.fy div{ clear:both; text-align:left; margin:0 auto; text-align:center;}

.fy div a{  color:#333333 ; display:inline-block; width:36px; height:36px; border:1px solid #a0a0a0; line-height:34px; margin-right:20px; font-size:14px;}

.fy div a.next{ display:inline-block; width:100px; border:1px solid #c1c1c1; color:#5e5e5e; margin-right:0px;}

.fy div a.prev{ display:inline-block; width:100px; border:1px solid #c1c1c1; color:#5e5e5e;}

.fy div span.current{ width:36px; height:36px; background:#276eb0; color:#fff; font-size:14px; display:inline-block; margin-right:20px; }

.fy div em{ margin-right:20px; color:#5e5e5e; margin-right:20px;}

@media(max-width:1024px){

.xinh dt img{ display:block; width:100%; height:auto;}

.xinh dd{ float:right; width:65%; height:auto; overflow:hidden; padding-top:0px;}

.xinh{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

.xinh dl{ clear:both; height:auto; overflow:hidden; padding:25px 22px; border-bottom:1px solid #dddddd;transition: all 1s ease;}	

.xinh dd font{ display:block; float:right; width:94px; height:28px; border:1px solid #276eb0; text-align:center; line-height:26px; color:#666666; font-size:13px; margin-top:5px;transition: all 1s ease;}

}

@media(max-width:414px){

.xinh dt img{ display:block; width:100%; height:auto;}

.xinh dd{ float:right; width:100%; height:auto; overflow:hidden; padding-top:20px;}

.xinh{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

.xinh dl{ clear:both; height:auto; overflow:hidden; padding:25px 22px; border-bottom:1px solid #dddddd;transition: all 1s ease;}	

.xinh dd font{ display:block; float:right; width:94px; height:28px; border:1px solid #276eb0; text-align:center; line-height:26px; color:#666666; font-size:13px; margin-top:10px;transition: all 1s ease;}

.xinh dt{ float:left; width:100%; height:auto; overflow:hidden;}

.fy div a{  color:#333333 ; display:inline-block; width:30px; height:30px; border:1px solid #a0a0a0; line-height:28px; margin-right:6px; font-size:12px;}

.fy div a.next{ display:inline-block; width:70px; border:1px solid #c1c1c1; color:#5e5e5e; margin-right:0px;}

.fy div a.prev{ display:inline-block; width:70px; border:1px solid #c1c1c1; color:#5e5e5e;}

.fy div span.current{ width:30px; height:30px;line-height:28px; background:#276eb0;border:1px solid #276eb0; color:#fff; font-size:12px; display:inline-block; margin-right:5px; }



}



.qase{ height:auto; overflow:hidden;}

.qase_t{ height:auto; min-height:89px; position:relative; border-bottom:1px solid #999999; text-align:center; color:#333333; font-size:24px; line-height:24px; margin-bottom:65px;}

.qase_t a{ position:absolute; right:0; top:10px; color:#333333;}

.qase_t a img{ vertical-align:middle; margin-right:9px;}

.qase_b{ clear:both; height:auto; overflow:hidden;}

.qase_b p{ line-height:32px; color:#666666; font-size:15px;}

.qase_b p img{ display:block; margin:0 auto; max-width:100%;}

.sxyy{ height:auto; overflow:hidden; border-top:1px solid #999999; padding:35px 0 0 0;}

.sxyy p{ line-height:32px;}

.sxyy p a{ color:#333333; font-size:15px;}

@media(max-width:414px){

.qase_t{ height:auto; min-height:auto; overflow:hidden; position:relative; border-bottom:1px solid #999999; text-align:center; color:#333333; font-size:16px; line-height:24px; margin-bottom:20px; padding-bottom:10px; line-height:30px;}	

.qase_t a{ position:inherit; right:0; top:0px; color:#333333; display:block; text-align:right;}

.sxyy p{ line-height:28px;}

}

/*新闻动态 end*/



/*产品服务 begin*/

.nav_top1{ width:100%; height:35px; position:absolute; left:0; bottom:0; text-align:right;}

.nav_top1 li{ display:inline-block;line-height:35px; margin-right:5px; width:17%; text-align:center;}

.nav_top1 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:16px;transition: all 1s ease;}

.nav_top1 li a:hover{ background:#ffffff;color:#333333; }

.nav_top1 li:last-child{ margin-right:0px;}

.nav_top1 li a.actin{  background:#ffffff;color:#333333;}

.nav_top1 li a span{ display:inline-block; width:23px; height:17px; position:relative; margin-right:10px;}

.nav_top1 li a span em{ display:block; width:23px; height:17px; position:absolute; left:0; top:0;opacity:0;transition: all 1s ease; }

.nav_top1 li a.actin span em{ display:block; width:23px; height:17px; position:absolute; left:0; top:0;opacity:1; }

.nav_top1 li a:hover span em{ display:block; width:23px; height:17px; position:absolute; left:0; top:0;opacity:1; }

@media(max-width:1024px){

.nav_top1 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:33.33%; text-align:center;}	

.nav_top1 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top1{ width:100%; height:35px; position:absolute; left:0; bottom:35px; text-align:right;}

}

@media(max-width:414px){

.nav_top1 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:50%; text-align:center;}	

.nav_top1 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top1{ width:100%; height:35px; position:inherit; left:0; bottom:0px; text-align:right;}

}

@media(max-width:375px){

.nav_top1 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:100%; text-align:center; margin-bottom:5px;}	

.nav_top1 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top1{ width:100%; height:35px; position:inherit; left:0; bottom:0px; text-align:right;}

}



.cpin{ clear:both; height:auto; overflow:hidden; margin-bottom:66px;}

.cpin_t{ height:auto; overflow:hidden; padding-bottom:27px; border-bottom:1px solid #dadada; background:url(../image/bg5.jpg) no-repeat left 18px; padding-left:37px; color:#333333; font-size:28px; margin-bottom:40px;}

.cpin_t i{ color:#cccccc; font-size:40px;font-family: "BASKVILL_0"; line-height:40px; display:block;}

.cpin_b{ clear:both; height:auto; overflow:hidden;}

.cpin_bl{ float:left; width:59%; height:auto; overflow:hidden; padding:0 26px 0 38px;}

.cpin_bl p{ line-height:30px; color:#333333; font-size:15px;}

.cpin_br{ float:right; width:41%; height:auto; overflow:hidden;}



#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:block;}

#tFocus{ width:487px; min-height:263px;overflow:hidden; position:relative; margin:0 auto;}

#tFocus-pic{width:487px; min-height:263px;position:relative;}

#tFocus-pic li{width:487px; min-height:263px;position:absolute;left:0;top:0;filter:alpha(opacity:0);opacity:0; text-align:center; }

#tFocus-pic li span{ display:block; width:100%; height:237px;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;}

#tFocus-pic li em{ display:block; text-align:center; line-height:26px; color:#666666; font-size:15px;}

#tFocus-pic li img{ display:block; margin:0 auto; max-width:100%;}



#tFocusBtn{width:487px;height:77px;z-index:20;overflow:hidden; margin-top:11px; position:relative;}

#tFocus-btn{width:431px;height:77px;position:relative;left:0px;bottom:0;overflow:hidden;float:left;}

#tFocus-btn ul{width:20000px;position:absolute;left:0;top:0; height:77px; padding-top:2px}

#tFocus-btn li{width:96px; height:67px;display:block;float:left;border:2px solid #fff; box-shadow:0px 0px 5px #000; margin-right:10px;}

#tFocus-btn li img{ max-width:96px; max-height:63px; display:block; margin:0 auto;}

#tFocus-btn li.active{ display:block; border:2px solid #276eb0;box-shadow:none;}



#tFocus-leftbtn,#tFocus-rightbtn{height:77px;width:28px;text-indent:9999px; float:left; }

#tFocus-leftbtn{float:left; height:77px;width:28px;  z-index:333; background:url(../image/bg6.jpg) no-repeat left top;}

#tFocus-rightbtn{ position:absolute; right:0;height:77px;width:28px; background:url(../image/bg7.jpg) no-repeat right top;}

#tFocus-leftbtn:hover{ background:url(../image/bg6_1.jpg) no-repeat left top;}

#tFocus-rightbtn:hover{ background:url(../image/bg7_1.jpg) no-repeat right top;}

.erd{ display:none;}

@media(max-width:1024px){

#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:none;}	

#tFocus{ width:487px; min-height:263px;overflow:hidden; position:relative; margin:0 auto; display:none;}

.erd{ display:block;}

.cpin{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

}

@media(max-width:768px){

#tFocus-btn li.active,#tFocus-leftbtn,#tFocus-rightbtn{display:none;}	

#tFocus{ width:487px; min-height:263px;overflow:hidden; position:relative; margin:0 auto; display:none;}

.erd{ display:block;}

.cpin_t{ height:auto; overflow:hidden; padding-bottom:20px; border-bottom:1px solid #dadada; background:url(../image/bg5.jpg) no-repeat left 10px; padding-left:37px; color:#333333; font-size:18px; margin-bottom:30px;}

.cpin_t i{ color:#cccccc; font-size:20px;font-family: "BASKVILL_0"; line-height:24px; display:block;}

.cpin_bl{ float:left; width:100%; height:auto; overflow:hidden; padding:0 0px 30px 0px;}

.cpin_br{ float:right; width:100%; height:auto; overflow:hidden;}

}



.cptd{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}

.cptd_t{ height:auto; overflow:hidden; background:url(../image/bg5.jpg) no-repeat left 18px; padding-left:37px; color:#333333; font-size:28px; margin-bottom:40px;}

.cptd_t i{ color:#cccccc; font-size:40px;font-family: "BASKVILL_0"; line-height:40px; display:block;}

.cptd_b{ height:auto; overflow:hidden;}

.cptd_bt{ height:auto; overflow:hidden; background:#b4b4b4; padding:0 36px; line-height:59px; background:#b4b4b4; color:#fff; font-size:17px; margin-bottom:35px;}

.cptd_bb{ height:auto; overflow:hidden;}

.cptd_bl{ float:left; /*width:62%;*/width:100%; height:auto; overflow:hidden; padding-left:37px;}

.cptd_bl h6{ color:#276eb0; font-size:17px; line-height:34px;}

.cptd_bl p{ line-height:34px; color:#333333; font-size:15px;}

.cptd_br{ float:right; width:37%; padding-top:350px; display:none;}

@media(max-width:768px){

.cptd_t{ height:auto; overflow:hidden; background:url(../image/bg5.jpg) no-repeat left 18px; padding-left:37px; color:#333333; font-size:18px; margin-bottom:40px;}

.cptd_t i{ color:#cccccc; font-size:20px;font-family: "BASKVILL_0"; line-height:24px; display:block;}

.cptd_bt{ height:auto; overflow:hidden; background:#b4b4b4; padding:10px 20px; line-height:30px; background:#b4b4b4; color:#fff; font-size:17px; margin-bottom:35px;}

.cptd_bl{ float:left; width:100%; height:auto; overflow:hidden; padding-left:0px;}	

.cptd_br{ float:right; width:100%; padding-top:20px; display:none;}

.cptd_br img{ display:block; max-width:100%; margin:0 auto;}

.cptd{ clear:both; height:auto; overflow:hidden; margin-bottom:30px;}

}



.yhjz{ clear:both; width:100%; height:auto; overflow:hidden; margin-bottom:40px;}

.yhjz_b{ clear:both; height:auto; overflow:hidden;}

.yhjz_b ul{clear:both; height:auto; overflow:hidden;}

.yhjz_b li{float:left;width:49%;height:auto;margin-right:2%;border:1px solid #e5e5e5;margin-bottom:25px;}

.yhjz_b li.bg{margin-right:0px;}

.yhjz_b li span{display:inline-block;width:10%;height:55px;color:#fff;font-size:27px;background:#286fb0;text-align: center;line-height: 50px;}

.yhjz_b li font{display:inline-block;width:90%;height:55px;line-height:58px;background:#f6f6f6;color:#333333;font-size:17px;padding-left:25px;}

/* .menuTitle1{cursor:pointer;display:block; line-height:59px; color:#333333; font-family:"Microsoft YaHei"; font-size:17px; border:1px solid #cccccc; padding:0 51px; background:url(../images/bg8.jpg) no-repeat 37px center; }

.activeTitle1{cursor:pointer;line-height:59px; color:#fff; font-family:"Microsoft YaHei"; font-size:17px; padding:0 51px; display:block; background:url(../images/bg9.jpg) no-repeat 37px center #b4b4b4; }

.menuContent1{ width:100%;height:auto;text-align:left; display:none; background:#f5f5f5; padding:37px;}

.menuContent1 p{ background:url(../images/bg10.jpg) no-repeat left 15px; line-height:33px; color:#333333; font-size:15px; padding-left:14px;}
 */
@media(max-width:1024px){
.yhjz_b li{float:none;width:100%;margin-right:0px;}
.yhjz_b li span{width:6%;}
.yhjz_b li font{width:94%;}
}
@media(max-width:768px){
.yhjz_b li span{width:8%;}
.yhjz_b li font{width:92%;}
}
@media(max-width:414px){
.yhjz_b li{margin-bottom:8px;}
.yhjz_b li span{display:none;}
.yhjz_b li font{width:100%;height:auto;background:none;color:#333;height:auto;line-height:24px;padding: 5px 10px;font-size:16px;}
}

.yibp{ clear:both; height:auto; overflow:hidden;}

.yibp_b{ clear:both; height:auto; overflow:hidden;}

.yibp_bl{ float:left; width:45%; height:auto; overflow:hidden;}

.yibp_br{ float:right; width:48%; height:auto; overflow:hidden; padding-top:20px;}

.yibp_br li{ clear:both; background:url(../image/bg11.jpg) no-repeat left 15px; padding-left:15px; line-height:33px; color:#333333; font-size:15px; margin-bottom:10px;}

@media(max-width:1024px){

.yibp_br{ float:right; width:48%; height:auto; overflow:hidden; padding-top:0px;}	

}

@media(max-width:768px){

.yibp_br{ float:right; width:100%; height:auto; overflow:hidden; padding-top:20px;}	

.yibp_bl{ float:left; width:100%; height:auto; overflow:hidden;}

.yibp_bl img{ display:block; margin:0 auto;}

}



.nav_top2{ width:100%; height:35px; position:absolute; left:0; bottom:0; text-align:right;}

.nav_top2 li{ display:inline-block;line-height:35px; margin-right:5px; width:16%; text-align:center;}

.nav_top2 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:16px;transition: all 1s ease;}

.nav_top2 li a:hover{ background:#ffffff;color:#333333; }

.nav_top2 li:last-child{ margin-right:0px;}

.nav_top2 li a.actin{  background:#ffffff;color:#333333;}

.nav_top2 li a span{ display:inline-block; width:23px; height:17px; position:relative; margin-right:10px;}

.nav_top2 li a span em{ display:block; width:23px; height:21px; position:absolute; left:0; top:0;opacity:0;transition: all 1s ease; }

.nav_top2 li a.actin span em{ display:block; width:23px; height:21px; position:absolute; left:0; top:0;opacity:1; }

.nav_top2 li a:hover span em{ display:block; width:23px; height:21px; position:absolute; left:0; top:0;opacity:1; }

@media(max-width:1024px){

.nav_top2 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:25%; text-align:center;}	

.nav_top2 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top2{ width:100%; height:35px; position:absolute; left:0; bottom:0px; text-align:right;}

}

@media(max-width:414px){

.nav_top2 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:50%; text-align:center;}	

.nav_top2 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top2{ width:100%; height:35px; position:absolute; left:0; bottom:35px; text-align:right;}

}

@media(max-width:375px){

.nav_top2 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:50%; text-align:center; margin-bottom:0px;}	

.nav_top2 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top2{ width:100%; height:35px; position:absolute; left:0; bottom:35px; text-align:right;}

}



.anci{ clear:both; height:auto; overflow:hidden; margin-bottom:35px;}

.anci_t{ background:url(../image/bg5.jpg) no-repeat center top; padding-top:15px; color:#333333; font-size:28px; text-align:center; line-height:28px; margin-bottom:30px;}

.anci_t i{ display:block; color:#cccccc; font-size:40px; line-height:40px;font-family: "BASKVILL_0";}

.anci_b{ clear:both; height:auto; overflow:hidden; width:65%; margin:0 auto;}

.anci_b p{ text-align:center; color:#333333; line-height:30px; font-size:15px;}

@media(max-width:768px){

.anci_t{ background:url(../image/bg5.jpg) no-repeat center top; padding-top:15px; color:#333333; font-size:18px; text-align:center; line-height:18px; margin-bottom:20px;}

.anci_t i{ display:block; color:#cccccc; font-size:20px; line-height:24px;font-family: "BASKVILL_0";}	

.anci_b{ clear:both; height:auto; overflow:hidden; width:100%; margin:0 auto;}

}

.aniy{ clear:both; height:auto; overflow:hidden;}

.aniy span.tupi{ float:right; display:block; width:50%; margin-left:50px;}

.aniy h1{ color:#333333; font-size:28px; line-height:28px; background:url(../image/bg5.jpg) no-repeat left 15px; padding-left:40px; margin-bottom:30px;}

.aniy p{ line-height:30px; color:#333333; font-size:15px; }

.aniy span.gine{ float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; margin-bottom:30px;}

.aniy span.gine img{ display:block; width:100%;}

.aniy span.gine1{ margin-right:0%;}

@media(max-width:1024px){

.aniy span.tupi{ float:right; display:block; width:50%; margin-left:20px;}	

}

@media(max-width:768px){

.aniy span.tupi{ float:right; display:block; width:100%; margin-left:0px;}	

.aniy h1{ color:#333333; font-size:18px; line-height:18px; background:url(../image/bg5.jpg) no-repeat left 15px; padding-left:40px; margin-bottom:20px; clear:both;}

}

@media(max-width:414px){

.aniy span.tupi{ float:right; display:block; width:100%; margin-left:0px; margin-bottom:20px;}	

.aniy h1{ color:#333333; font-size:18px; line-height:18px; background:url(../image/bg5.jpg) no-repeat left 8px; padding-left:40px; margin-bottom:20px;clear:both;}

.aniy span.gine{ float:left; width:100%; height:auto; overflow:hidden; margin-right:0%; margin-bottom:30px;}

}

/*产品服务 end*/



/*解决方案 begin*/

.nav_top3{ width:100%; height:35px; position:absolute; left:0; bottom:0; text-align:right;}

.nav_top3 li{ display:inline-block;line-height:35px; margin-right:5px; width:10%; text-align:center;}

.nav_top3 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:16px;transition: all 1s ease;}

.nav_top3 li a:hover{ background:#ffffff;color:#333333; }

.nav_top3 li:last-child{ margin-right:0px;}

.nav_top3 li a.actin{  background:#ffffff;color:#333333;}

@media(max-width:1024px){

.nav_top3 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:25%; text-align:center;}	

.nav_top3 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top3{ width:100%; height:35px; position:absolute; left:0; bottom:35px; text-align:right;}

}

@media(max-width:414px){

.nav_top3 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:33.33%; text-align:center;}	

.nav_top3 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top3{ width:100%; height:35px; position:inherit; left:0; bottom:0px; text-align:right;}

}

@media(max-width:375px){

.nav_top3 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:33.33%%; text-align:center; margin-bottom:0px;}	

.nav_top3 li a{ display:block;background:#276eb0; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top3{ width:100%; height:35px; position:inherit; left:0; bottom:0px; text-align:right;}

}



.jjih{ clear:both; height:auto; overflow:hidden; padding:10px 5px 0 5px;}

.jjih dl{ float:left; width:32%; height:auto; overflow:hidden; box-shadow:0px 0px 10px rgba(51,51,51,0.3); margin-bottom:45px; margin-right:2%;transition: all 1s ease;}

.jjih dt{ height:auto; overflow:hidden;}

.jjih dt img{ display:block; width:100%; height:254px;transition: all 1s ease;}

.jjih dd{ padding:30px 34px; overflow:hidden;}

.jjih dd h1{ color:#333333; line-height:30px; font-size:17px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-bottom:10px;transition: all 1s ease;}

.jjih dd p{ line-height:30px; color:#999999; font-size:15px; height:60px; overflow:hidden; margin-bottom:10px;}

.jjih dd span{ display:block; width:25px; height:5px; background:url(../image/bg13.jpg) no-repeat left center;transition: all 1s ease;}

.jjih dl.qcbj{ margin-right:0%;}

.jjih 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);}

.jjih dl:hover dd h1{ color:#276eb0;}

.jjih dl:hover dd span{ background:url(../image/bg14.jpg) no-repeat left center;}

@media(max-width:1024px){

.jjih dt img{ display:block; width:100%; height:197px;transition: all 1s ease;}	

.jjih dd{ padding:20px 20px; overflow:hidden;}

}

@media(max-width:768px){

.jjih dt img{ display:block; width:100%; height:151px;transition: all 1s ease;}	

.jjih dd{ padding:20px 20px; overflow:hidden;}

}

@media(max-width:414px){

.jjih dt img{ display:block; width:100%; height:auto;transition: all 1s ease;}	

.jjih dd{ padding:20px 20px; overflow:hidden;}

.jjih dl{ float:left; width:100%; height:auto; overflow:hidden; box-shadow:0px 0px 10px rgba(51,51,51,0.3); margin-bottom:30px; margin-right:0%;transition: all 1s ease;}

}

.qase_b h6{ color:#666666; font-weight:bold; font-size:15px; line-height:32px;}

.qase_b span.oeoe{ display:block; padding-left:17px; background:url(../image/bg15.jpg) no-repeat left 12px; line-height:32px; color:#666666; font-size:15px;}

/*解决方案 end*/



/*资料下载 begin*/

.zlxi{ clear:both; margin-bottom:58px; border:1px solid #cccccc; background:url(../image/bg23.jpg) repeat-x; padding:0 55px;}

.zlxi table{ border-collapse:collapse;}

.zlxi td{ border-bottom:1px solid #cccccc; line-height:75px; color:#333333; font-size:15px; text-align:center; text-transform:uppercase; width:17.5%;}

.zlxi th{  line-height:75px; text-align:center; color:#fff; font-size:17px; font-weight:normal;}

.zlxi td.bone{ background:url(../image/bg16.jpg) no-repeat center center;}

.zlxi tr:hover td.bone{ background:url(../image/bg17.jpg) no-repeat center center;}

.zlxi td.lkoi{ width:30%}

.zlxi td a{ display:block;}

@media(max-width:1024px){

.zlxi{ clear:both; overflow:hidden; overflow-x:scroll; padding:0 0px; margin-bottom:35px;}	

.zlxi table{ border-collapse:collapse; width:100%;}

.zlxi td{ border-bottom:1px solid #cccccc; line-height:75px; color:#333333; font-size:15px; text-align:center; text-transform:uppercase; width:100px;}

.zlxi td.lkoi{ width:175px}

.zlxi table{ border-collapse:collapse; width:980px}

}

@media(max-width:414px){

.nav_top3_1{ position:absolute; left:0; bottom:0;}

}

/*资料下载 end*/


/*客户支持 begin*/

.cpin_t span{ float:right; display:block; width:245px; height:31px; border:1px solid #cccccc; border-radius:3px; margin-top:9px; padding:0 15px; line-height:29px;}

.ayn{ float:right; border:none;}
.cpin_t span .em{float:right; border: 0px;background: none;}
.wbk{ float:left; width:75%; height:29px; border:none; line-height:29px; color:#999999; font-size:14px;}

@media(max-width:414px){

.cpin_t span{ float:right; display:block; width:100%; height:31px; border:1px solid #cccccc; border-radius:3px; margin-top:9px; padding:0 15px; line-height:29px;}	

}

.khiu{ clear:both; height:auto; overflow:hidden;}

.khiu li{ border-bottom:1px solid #cccccc; padding-bottom:40px; margin-bottom:40px;}

.khiu li h6{ color:#333333; font-size:17px; line-height:24px; margin-bottom:40px;}

.khiu li p{ line-height:30px; color:#666666; font-size:15px;}

@media(max-width:1024px){

.khiu li{ border-bottom:1px solid #cccccc; padding-bottom:20px; margin-bottom:20px;}

.khiu li h6{ color:#333333; font-size:17px; line-height:24px; margin-bottom:20px;}

.nav_top3_2{ position:absolute; left:0; bottom:0;}

}

@media(max-width:414px){

.khiu li{ border-bottom:1px solid #cccccc; padding-bottom:20px; margin-bottom:20px;}

.khiu li h6{ color:#333333; font-size:17px; line-height:24px; margin-bottom:20px;}

.nav_top3_2{ position:absolute; left:0; bottom:35px;}

}



.shxi{ clear:both; height:auto; overflow:hidden;}

.shxi_t{ height:auto; overflow:hidden; margin-bottom:25px;}

.shxi_t img{ display:block; max-width:100%;}

.shxi_b{ height:auto; overflow:hidden;}

.shxi_b p{ line-height:44px; color:#333333; font-size:17px;}

.shxi_b p img{ vertical-align:middle; margin-right:15px;}

@media(max-width:414px){

.shxi_b p{ line-height:44px; color:#333333; font-size:14px;}

.shxi_b p img{ vertical-align:middle; margin-right:15px;}	

}

.cpin_t1{ margin-bottom:0px;}

/*客户支持 end*/



/*关于 begin*/

.nav_top4 li.red {  background:#ffffff;color:#333333;}

.nav_top4{ width:100%; height:35px; position:absolute; left:0; bottom:0; text-align:right;}

.nav_top4 li{ display:inline-block;line-height:35px; margin-right:5px; width:10%; text-align:center;background:#276eb0;}

.nav_top4 li a{ display:block; color:#fff; padding:0 0px;  font-size:16px;transition: all 1s ease;}

.nav_top4 li:hover{ background:#ffffff;color:#333333; }

.nav_top4 li:hover a{ color:#333;}

.nav_top4 li:last-child{ margin-right:0px;}

.nav_top4 li.red a{ color:#333;}

@media(max-width:1024px){

.nav_top4 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:25%; text-align:center;background:#276eb0; }	

.nav_top4 li a{ display:block;color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top4{ width:100%; height:35px; position:absolute; left:0; bottom:35px; text-align:right;}

}

@media(max-width:414px){

.nav_top4 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:33.33%; text-align:center;background:#276eb0;}	

.nav_top4 li a{ display:block; color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top4{ width:100%; height:35px; position:inherit; left:0; bottom:0px; text-align:right;}

}

@media(max-width:375px){

.nav_top4 li{float:left; display:inline-block;line-height:35px; margin-right:0%; width:33.33%%; text-align:center; margin-bottom:0px;background:#276eb0; }	

.nav_top4 li a{ display:block;color:#fff; padding:0 0px;  font-size:14px;transition: all 1s ease;}

.nav_top4{ width:100%; height:35px; position:inherit; left:0; bottom:0px; text-align:right;}

}



.qyki{ height:auto; overflow:hidden; margin-bottom:80px;}

.qyki_l{ float:left; width:53%; height:auto; overflow:hidden;}

.qyki_lb p{ line-height:29px; color:#333333; font-size:15px;}

.qyki_r{ float:right; width:41%;}

.qyki_r img{ display:block; max-width:100%; margin:0 auto;}

@media(max-width:1024px){

.qyki_l{ float:left; width:100%; margin-bottom:30px; height:auto; overflow:hidden;}	

.qyki_r{ float:right; width:100%;}

.qyki{ height:auto; overflow:hidden; margin-bottom:40px;}

}



.qywh{ clear:both; height:auto; overflow:hidden;  background-size:cover; padding:85px 0 70px 0}

.odxn{ float:right; width:50%; padding-left:70px;}

.cptd_td{ height:auto; overflow:hidden; background:url(../image/bg19.jpg) no-repeat left 18px; padding-left:37px; color:#fff; font-size:28px; margin-bottom:40px;}

.cptd_td i{ color:#fff; font-size:40px;font-family: "BASKVILL_0"; line-height:40px; display:block;}

@media(max-width:768px){

.cptd_td{ height:auto; overflow:hidden; background:url(../image/bg19.jpg) no-repeat left 18px; padding-left:37px; color:#fff; font-size:18px; margin-bottom:40px;}

.cptd_td i{ color:#fff; font-size:20px;font-family: "BASKVILL_0"; line-height:24px; display:block;}

}

.qyun{ height:auto; overflow:hidden; padding-left:37px;}

.qyun h6{ color:#fff; font-weight:bold; line-height:32px; font-size:17px;}

.qyun p{ line-height:32px; font-size:15px; color:#fff;}

@media(max-width:1024px){

.odxn{ float:right; width:50%; padding-left:30px;}	

.qywh{ clear:both; height:auto; overflow:hidden; background:url(../image/5c305759e0101.jpg) no-repeat right center; background-size:cover; padding:40px 0 40px 0}

}

@media(max-width:768px){

.odxn{ float:right; width:100%; padding-left:0px;}	

.qywh{ clear:both; height:auto; overflow:hidden; background:url(../image/5c305759e0101.jpg) no-repeat right center; background-size:cover; padding:40px 0 40px 0}

}

@media(max-width:414px){

.odxn{ float:right; width:100%; padding-left:0px;}	

.qywh{ clear:both; height:auto; overflow:hidden; background:url(../image/5c305759e0101.jpg) no-repeat right center; background-size:cover; padding:40px 20px 40px 0px}

}

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#eef3f7; padding:70px 0; margin-bottom:80px;}

.qyry{ height:auto; overflow:hidden;}

.qyry_l{ float:left; width:40%; height:auto; overflow:hidden;}

.qyry_l img{ display:block; width:100%; height:auto; overflow:hidden;}

.qyry_r{ float:right; width:57%; height:auto; overflow:hidden; padding-top:20px;}

.qyry_r p{ line-height:30px; color:#333333; font-size:15px;}

@media(max-width:1024px){

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#eef3f7; padding:40px 0;}

.qyry_r{ float:right; width:57%; height:auto; overflow:hidden; padding-top:0px;}

.qyry_r p{ line-height:25px; color:#333333; font-size:15px;}

.gy_box{ clear:both; width:100%; height:auto; overflow:hidden; background:#eef3f7; padding:70px 0; margin-bottom:40px;}

}

@media(max-width:768px){

.qyry_l{ float:left; width:100%; height:auto; overflow:hidden;}

.qyry_r{ float:right; width:100%; height:auto; overflow:hidden; padding-top:20px;}

.qyry_r p{ line-height:25px; color:#333333; font-size:15px;}

}

@media(max-width:414px){

.qyry_l{ float:left; width:100%; height:auto; overflow:hidden;}

.qyry_r{ float:right; width:100%; height:auto; overflow:hidden; padding-top:20px;}

.qyry_r p{ line-height:30px; color:#333333; font-size:15px;}

}

.zhwi{ clear:both; height:auto; overflow:hidden; margin-bottom:70px;}

.zhwi_b{ height:auto; overflow:hidden; border-bottom:1px solid #cccccc;}

.zhwi_bt{ height:auto; min-height:; background:#b4b4b4; line-height:75px; overflow:hidden; padding:0 55px;}

.zhwi_bt span{ display:block; float:left; width:33.33%; text-align:center; color:#fff; font-size:17px}

.zhwi_bb{ height:auto; overflow:hidden; padding:0 55px;}

.menuTitle2{cursor:pointer;display:block; line-height:59px; color:#333333; font-family:"Microsoft YaHei"; font-size:17px; border-bottom:1px solid #cccccc; clear:both; overflow:hidden; text-align:center; }

.menuTitle2 span{ float:left; display:block; width:33.33%; color:#333333; font-size:15px;}



.activeTitle2{cursor:pointer;line-height:59px; color:#fff; font-family:"Microsoft YaHei"; font-size:17px;display:block;border-bottom:1px solid #cccccc; clear:both; overflow:hidden; text-align:center;  }

.activeTitle2 span{ float:left; display:block; width:33.33%; color:#276eb0; font-size:15px;}



.menuContent2{ width:100%;height:auto;text-align:left; display:none; background:#eef3f7; padding:37px;}

.menuContent2 p{ color:#333333; line-height:32px; font-size:15px; clear:both;}

.menuContent2 p span{ display:block; float:left; width:20%; color:#333333; font-size:17px; font-weight:bold; margin-bottom:10px;}

.menuContent2 p span em{ font-weight:normal; font-size:17px;}

.menuContent2 p span.gwin{color:#333333; font-size:17px; font-weight:bold;}

@media(max-width:1024px){

.zhwi{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}

.zhwi_bt{ height:auto; min-height:; background:#b4b4b4; line-height:75px; overflow:hidden; padding:0 0px;}

.zhwi_bb{ height:auto; overflow:hidden; padding:0 0px;}

}

@media(max-width:414px){

.zhwi{ clear:both; height:auto; overflow:hidden; margin-bottom:40px;}

.zhwi_bt{ height:auto; min-height:; background:#b4b4b4; line-height:75px; overflow:hidden; padding:0 0px;}

.zhwi_bb{ height:auto; overflow:hidden; padding:0 0px;}

.menuTitle2{cursor:pointer;display:block; line-height:35px; color:#333333; font-family:"Microsoft YaHei"; font-size:17px; border-bottom:1px solid #cccccc; clear:both; overflow:hidden; text-align:center; }

.menuTitle2 span{ float:left; display:block; width:33.33%; color:#333333; font-size:15px;}



.activeTitle2{cursor:pointer;line-height:35px; color:#fff; font-family:"Microsoft YaHei"; font-size:17px;display:block;border-bottom:1px solid #cccccc; clear:both; overflow:hidden; text-align:center;  }

.activeTitle2 span{ float:left; display:block; width:33.33%; color:#276eb0; font-size:15px;}

.menuContent2 p span{ display:block; float:left; width:100%; color:#333333; font-size:17px; font-weight:bold; margin-bottom:10px;}

.menuContent2{ width:100%;height:auto;text-align:left; display:none; background:#eef3f7; padding: 20px 20px;}



}



.lxie{ clear:both; width:100%; height:auto; overflow:hidden;}

.lxie_t{ height:auto; overflow:hidden; background:url(../image/bg20.jpg) no-repeat center 104px;}

.lxie_t li{ float:left; width:25%; height:auto; overflow:hidden;padding-top:10px;}

.lxie_t li img{display:block; margin:0 auto; margin-bottom:28px; transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out; }
.lxie_t li:hover img{transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}
.lxie_t li font{ display:block; background:url(../image/bg21.jpg) no-repeat center top; padding-top:46px; line-height:32px; color:#666666; font-size:15px; text-align:center;}

.lxie_b{ clear:both; height:auto; overflow:hidden; padding-top:30px;}

.lxie_b img{ display:block; max-width:100%; margin:0 auto;}

@media(max-width:414px){

.lxie_t{ height:auto; overflow:hidden; background:none;}

.lxie_t li{ float:left; width:100%; height:auto; overflow:hidden;}	

.lxie_t li img{ display:block; margin:0 auto; margin-bottom:20px;}

.lxie_t li font{ display:block; background:url(../image/bg21.jpg) no-repeat center top; padding-top:20px; line-height:32px; color:#666666; font-size:15px; text-align:center;}

}



.denl{ width:37%; height:auto; overflow:hidden; margin:0 auto;}

.anci_t1{ background:none;}

.denl_b{ height:auto; overflow:hidden;}

.denl_b p{ line-height:50px; margin-bottom:25px; overflow:hidden; text-align:right;}

.wbk1{ width:100%; height:50px; border:1px solid #cccccc; line-height:48px; border-radius:3px; padding:0 20px; color:#666666; font-size:16px; text-align:left;}

.denl_b p a.tji{ display:block; border:none; background:#276eb0; text-align:center; line-height:50px; color:#fff; font-size:16px; border-radius:3px; text-align:center;}

.denl_b p a{ color:#666666; font-size:14px; margin-right:38px;}

.denl_b p a:last-child{ margin-right:0px;}

@media(max-width:414px){

.denl{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

}

.denl1{ width:71%; margin:0 auto; overflow:hidden;}

.denl1 p{ clear:both; height:auto; overflow:hidden; line-height:34px; margin-bottom:30px;}

.denl1 p.pp{ clear:both; height:auto; overflow:hidden; line-height:34px;margin:0 auto;text-align:center; margin-bottom:30px;}

.denl1 p span{ float:left; display:block; width:115px; color:#333333; font-size:16px; text-align:right;}

.denl1 p span i{ color:#ff0000; font-size:16px}

.denl1 p font{ float:right; display:block; width:83%;}

.wbk2{float:left; width:79%; height:34px; border:1px solid #cccccc; line-height:32px; border-radius:3px; padding:0 20px; color:#666666; font-size:16px; text-align:left;}

.select{width:79%; height:34px;background: transparent;  border:1px solid #cccccc;color:#666666; font-size:16px; -webkit-appearance: none;-moz-appearance: none; background:url(../image/bg22.jpg) no-repeat 95% center; padding:0 20px;}

.denl1 p font img{ float:right;}

.denl1 p font a{ display:block; float:right; width:128px; height:34px; background:#276eb0; border-radius:3px; text-align:center; line-height:34px; color:#fff; font-size:16px;} 

.select1{width:24%; height:34px;background: transparent;  border:1px solid #cccccc;color:#666666; font-size:16px; -webkit-appearance: none;-moz-appearance: none; background:url(../image/bg22.jpg) no-repeat 95% center; padding:0 20px; margin-right:24px;}

.denl_b1 p input.tji{ display:inline; border:none; background:#276eb0; text-align:center; line-height:34px; border-radius:5px; color:#fff; font-size:16px; border-radius:3px; text-align:center; width:163px; margin:0 auto;}

@media(max-width:414px){

.denl1{ width:100%; margin:0 auto; overflow:hidden;}

.denl1 p font{ float:right; display:block; width:100%;}

.wbk2{float:left; width:100%; height:34px; border:1px solid #cccccc; line-height:32px; border-radius:3px; padding:0 20px; color:#666666; font-size:16px; text-align:left;}

.select{width:100%; height:34px;background: transparent;  border:1px solid #cccccc;color:#666666; font-size:16px; -webkit-appearance: none;-moz-appearance: none; background:url(../image/bg22.jpg) no-repeat 95% center; padding:0 20px;}

.denl1 p span{ float:left; display:block; width:115px; color:#333333; font-size:16px; text-align:left;}

.denl1 p font img{ float:right; margin-top:15px;}

.denl1 p font a{ display:block; float:right; width:128px; height:34px; background:#276eb0; border-radius:3px; text-align:center; line-height:34px; color:#fff; font-size:16px; margin-top:15px;} 

.select1{width:100%; height:34px;background: transparent;  border:1px solid #cccccc;color:#666666; font-size:16px; -webkit-appearance: none;-moz-appearance: none; background:url(../image/bg22.jpg) no-repeat 95% center; padding:0 20px; margin-right:0px; margin-bottom:15px;}

.select1:last-child{ margin-bottom:0px;}

.denl1 p{ clear:both; height:auto; overflow:hidden; line-height:34px; margin-bottom:15px;}

}

/*关于 end*/