@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:"Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#fff;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#fff;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#fff;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#fff;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; height:80px; background-color:#4197fc; position:relative; z-index:9;}
.header .head{ width:100%; max-width:1280px; padding:0 15px; box-sizing:border-box; margin:auto; height:100%;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img02{ display:none;}
.header .head .yu{ float:right; height:100%; display:flex; align-items:center; position:relative; margin-left:32px;}
.header .head .yu span{ width:198px; display:block; height:28px; background-color:rgba(255,255,255,.1); border-radius:30px; overflow:hidden; position:relative; border:1px solid rgba(255,255,255,.5);}
.header .head .yu span .text{ padding:0 20px; width:100%; box-sizing:border-box; display:block; height:28px; line-height:28px; background-color:transparent; color:#fff;}
.header .head .yu span .sub{ height:28px; width:28px; display:block; cursor:pointer; position:absolute; right:10px; top:0; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat; background-color:transparent; overflow:hidden;}
.header .head .yu p{ display:block; height:30px; margin-left:20px; color:#fff;}
.header .head .yu p a{ font-size:16px; color:#fff; line-height:30px; height:30px;}
.header .head .yu p a:hover{ text-decoration:underline;}
.header .head .nav{ float:right; height:100%;}
.header .head .nav ul{ width:100%; display:block; height:100%;}
.header .head .nav li{ display:flex; align-items:center; float:left; position:relative; height:100%;}
.header .head .nav li>a{ display:block; padding:0 25px; font-size:16px; color:#fff; line-height:26px;}
.header .head .nav li:hover>a,.header .head .nav li a.on{ color:#333;}
.header .head .nav li a.on{ font-weight:bold;}
.header .head .nav li p{ display:none; width:180px; position:absolute; left:50%; margin-left:-90px; top:100%; background-color:rgba(255,255,255,.7);}
.header .head .nav li p a{ font-size:14px; text-align:center; line-height:44px; height:44px; overflow:hidden; display:block; border-bottom:1px solid #ddd;}
.header .head .nav li p a:last-child{ border-bottom:none;}
.header .head .nav li:hover p{ display:block;}
.header .head .nav li p a:hover{ color:#4197fc;}
.header.pos{ background-color:#fff; height:70px; position:fixed;}
.header.pos .head .logo img{ display:block; height:30px;}
.header.pos .head .logo img.img01{ display:none;}
.header.pos .head .nav a{ color:#333;}
.header.pos .head .nav a:hover,.header.pos .head .nav a.on{ color:#4197fc;}
.header.pos .head .yu{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:100%; height:80px; background-color:#4197fc; position:relative; z-index:9;}
.header .head{ width:100%; padding:0 15px; box-sizing:border-box; margin:auto; height:100%;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img02{ display:none;}
.header .head .yu{ float:right; height:100%; display:flex; align-items:center; position:relative; margin-left:32px;}
.header .head .yu span{ width:198px; display:block; height:28px; background-color:rgba(255,255,255,.1); border-radius:30px; overflow:hidden; position:relative; border:1px solid rgba(255,255,255,.5);}
.header .head .yu span .text{ padding:0 15px; width:100%; box-sizing:border-box; display:block; height:28px; line-height:28px; background-color:transparent; color:#fff;}
.header .head .yu span .sub{ height:28px; width:28px; display:block; cursor:pointer; position:absolute; right:5px; top:0; background-image:url(../images/ser_06.png); background-position:center; background-repeat:no-repeat; background-color:transparent; overflow:hidden;}
.header .head .yu p{ display:block; height:30px; margin-left:20px; color:#fff;}
.header .head .yu p a{ font-size:16px; color:#fff; line-height:30px; height:30px;}
.header .head .yu p a:hover{ text-decoration:underline;}
.header .head .nav{ float:right; height:100%;}
.header .head .nav ul{ width:100%; display:block; height:100%;}
.header .head .nav li{ display:flex; align-items:center; float:left; position:relative; height:100%;}
.header .head .nav li>a{ display:block; padding:0 1.7vw; font-size:16px; color:#fff; line-height:26px;}
.header .head .nav li:hover>a,.header .head .nav li a.on{ color:#333;}
.header .head .nav li a.on{ font-weight:bold;}
.header .head .nav li p{ display:none; width:180px; position:absolute; left:50%; margin-left:-90px; top:100%; background-color:rgba(255,255,255,.7);}
.header .head .nav li p a{ font-size:14px; text-align:center; line-height:34px; height:34px; overflow:hidden; display:block; border-bottom:1px solid #ddd;}
.header .head .nav li p a:last-child{ border-bottom:none;}
.header .head .nav li:hover p{ display:block;}
.header .head .nav li p a:hover{ color:#4197fc;}
.header.pos{ background-color:#fff; height:70px; position:fixed;}
.header.pos .head .logo img{ display:block; height:30px;}
.header.pos .head .logo img.img01{ display:none;}
.header.pos .head .nav a{ color:#333;}
.header.pos .head .nav a:hover,.header.pos .head .nav a.on{ color:#4197fc;}
.header.pos .head .yu{ display:none;}
}
@media only screen and (max-width:768px){
.header{ width:100%; height:60px; background-color:#4197fc; position:relative; z-index:9;}
.header .head{ width:100%; padding:0 3%; box-sizing:border-box; margin:auto; height:100%;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left;}
.header .head .logo img{ display:block; height:40px;}
.header .head .logo img.img02{ display:none;}
.header .head .yu{ float:right; height:100%; display:flex; align-items:center; position:relative; margin-right:15px; z-index:10;}
.header .head .yu span{ display:none;}
.header .head .yu p{ display:block; height:30px; margin-left:20px; color:#fff;}
.header .head .yu p a{ font-size:16px; color:#fff; line-height:30px; height:30px;}
.header .head .yu p a:hover{ text-decoration:underline;}
.header .head .nav_button{ display:block; margin:20px 0; height:20px; width:24px; position:relative; float:right;}
.header .head .nav_button::after{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; bottom:0; left:0; transition:all 0.3s;}
.header .head .nav_button::before{ content:""; display:block; width:100%; height:2px; position:absolute; background:#fff; top:0; left:0; transition:all 0.3s;}
.header .head .nav_button span{ display:block; height:2px; width:100%; background:#fff; position:absolute; left:0; top:50%; margin-top:-1px;}
.header .head .nav_button.cur span{ opacity:0;}
.header .head .nav_button.cur::after{ transform:rotate(-45deg); top:50%;}
.header .head .nav_button.cur::before{ transform:rotate(45deg); top:50%;}
.header .head .nav{ position:absolute; top:60px; height:calc(100vh - 60px); width:100%; overflow:hidden; font-size:14px; transition:all 0.5s; left:-100%; z-index:9;}
.header .head .nav.open{ transition-delay:0.2s; left:0;}
.header .head .nav b{ position:absolute; z-index:1; height:100%; width:100%; top:0; left:0; background:rgba(0,0,0,0.6);}
.header .head .nav ul{ height:100%; position:relative; background-color:#fff; width:80%; z-index:2; display:block; overflow:hidden;}
.header .head .nav li{ display:block;}
.header .head .nav li>a{ padding:15px 0; background:#fff; border-top:1px solid #efefef; padding-left:20px; position:relative; display:block;}
.header .head .nav li:hover>a,.header .head .nav li a.on{ color:#4197fc;}
.header .head .nav li a.on{ font-weight:bold;}
.header .head .nav li p{ display:block; background-color:#f7f7f7; padding:5px 20px;}
.header .head .nav li p a{ font-size:14px; color:#333; line-height:34px; height:34px; overflow:hidden; display:block; border-bottom:1px solid #ddd;}
.header .head .nav li p a:last-child{ border-bottom:none;}
.header .head .nav li:hover p{ display:block;}
.header .head .nav li p a:hover{ color:#4197fc;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; height:calc(100% - 80px); position:relative; z-index:3; background-color:rgba(7, 7, 7, 0.05);}
.banner .wen{ width:100%; height:100%; padding:110px 9.6875%; box-sizing:border-box; margin:auto; z-index:9; position:relative;}
.banner .wen .w01{ font-size:42px; color:#333; line-height:60px; font-weight:bold;}
.banner .wen .w02{ font-size:24px; color:#333; line-height:34px; font-weight:bold; margin-top:40px; color:#da251c;}
.bbg{ width:100%; height:calc(100% - 80px); position:fixed; left:0; top:80px; z-index:1; background-position:50% 100%; background-size:cover; background-repeat:no-repeat;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; height:calc(100% - 80px); position:relative; z-index:3; background-color:rgba(7, 7, 7, 0.05);}
.banner .wen{ width:100%; height:100%; padding:80px 15px; box-sizing:border-box; margin:auto; z-index:9; position:relative;}
.banner .wen .w01{ font-size:36px; color:#333; line-height:50px; font-weight:bold;}
.banner .wen .w02{ font-size:20px; color:#333; line-height:30px; font-weight:bold; margin-top:30px; color:#da251c;}
.bbg{ width:100%; height:calc(100% - 80px); position:fixed; left:0; top:80px; z-index:1; background-position:50% 100%; background-size:cover; background-repeat:no-repeat;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; height:calc(80% - 60px); position:relative; z-index:3; background-color:rgba(7, 7, 7, 0.05);}
.banner .wen{ width:100%; height:100%; padding:50px 15px; box-sizing:border-box; margin:auto; z-index:9; position:relative;}
.banner .wen .w01{ font-size:20px; color:#333; line-height:30px; font-weight:bold;}
.banner .wen .w02{ font-size:14px; color:#333; line-height:24px; font-weight:bold; margin-top:20px; color:#da251c;}
.bbg{ width:100%; height:calc(80% - 60px); position:fixed; left:0; top:60px; z-index:1; background-position:50% 100%; background-size:cover; background-repeat:no-repeat;}
}

/*视频*/
@media screen and (min-width:1280px){
.vbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.vbox .video{ width:100%; height:780px;}
.vbox .video video{ width:100%; height:100%; display:block; background-color:#fff;}
.vbox iframe{ width:100%; height:780px; display:block; background-color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.vbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.vbox .video{ width:100%;}
.vbox .video video{ width:100%; display:block; background-color:#fff;}
.vbox iframe{ width:100%; height:40.625vw;}
}
@media only screen and (max-width:768px){
.vbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.vbox .video{ width:100%;}
.vbox .video video{ width:100%; display:block; background-color:#fff;}
.vbox iframe{ width:100%; height:40.625vw;}
}

/*企业文化*/
@media screen and (min-width:1280px){
.title{ width:100%; text-align:center;}
.title b{ font-size:30px; line-height:40px; display:block;}
.title span{ width:50px; height:2px; display:block; margin:10px auto; margin-bottom:0; background-color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.title{ width:100%; text-align:center;}
.title b{ font-size:26px; line-height:36px; display:block;}
.title span{ width:40px; height:2px; display:block; margin:7px auto; margin-bottom:0; background-color:#4197fc;}
}
@media only screen and (max-width:768px){
.title{ width:100%; text-align:center;}
.title b{ font-size:20px; line-height:30px; display:block;}
.title span{ width:30px; height:2px; display:block; margin:5px auto; margin-bottom:0; background-color:#4197fc;}
}

@media screen and (min-width:1280px){
.cbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.cbox .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.cbox .box .title p{ font-size:16px; line-height:26px; display:block; padding-top:15px;}
.cbox .box .small_jj{ width:100%; margin-top:25px; display:flex; background-color:#eff5f8;}
.cbox .box .small_jj .tu{ width:50%;}
.cbox .box .small_jj .tu a{ display:block; width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .small_jj .tu:hover a{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .box .small_jj .jjr{ width:50%;}
.cbox .box .small_jj .jjr ul{ padding:35px 50px; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li{ display:flex; align-items:center; padding:15px 0; overflow:hidden; width:100%;}
.cbox .box .small_jj .jjr ul li a{ width:100px; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li a img{ width:100%; display:block;}
.cbox .box .small_jj .jjr ul li img.thumb1{ display:none;}
.cbox .box .small_jj .jjr ul li img.thumb{ display:block;}
.cbox .box .small_jj .jjr ul li:hover img.thumb1{ display:block;}
.cbox .box .small_jj .jjr ul li:hover img.thumb{ display:none;}
.cbox .box .small_jj .jjr ul li p{ padding-left:20px; flex:1; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li p i{ width:100%; display:block; font-size:20px; line-height:30px; font-style:normal;}
.cbox .box .small_jj .jjr ul li p em{ width:100%; display:block; font-size:16px; line-height:26px; font-style:normal; color:#666; margin-top:4px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.cbox .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.cbox .box .title p{ font-size:16px; line-height:26px; display:block; padding-top:10px;}
.cbox .box .small_jj{ width:100%; margin-top:20px; display:flex; background-color:#eff5f8;}
.cbox .box .small_jj .tu{ width:50%;}
.cbox .box .small_jj .tu a{ display:block; width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .small_jj .tu:hover a{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .box .small_jj .jjr{ width:50%;}
.cbox .box .small_jj .jjr ul{ padding:20px 35px; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li{ display:flex; align-items:center; padding:10px 0; overflow:hidden; width:100%;}
.cbox .box .small_jj .jjr ul li a{ width:80px; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li a img{ width:100%; display:block;}
.cbox .box .small_jj .jjr ul li img.thumb1{ display:none;}
.cbox .box .small_jj .jjr ul li img.thumb{ display:block;}
.cbox .box .small_jj .jjr ul li:hover img.thumb1{ display:block;}
.cbox .box .small_jj .jjr ul li:hover img.thumb{ display:none;}
.cbox .box .small_jj .jjr ul li p{ padding-left:15px; flex:1; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li p i{ width:100%; display:block; font-size:18px; line-height:28px; font-style:normal;}
.cbox .box .small_jj .jjr ul li p em{ width:100%; display:block; font-size:16px; line-height:26px; font-style:normal; color:#666; margin-top:2px;}
}
@media only screen and (max-width:768px){
.cbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.cbox .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.cbox .box .title p{ font-size:14px; line-height:24px; display:block; padding-top:5px;}
.cbox .box .small_jj{ width:100%; margin-top:15px; background-color:#eff5f8;}
.cbox .box .small_jj .tu{ width:100%; height:60.25vw;}
.cbox .box .small_jj .tu a{ display:block; width:100%; height:100%; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .small_jj .tu:hover a{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .box .small_jj .jjr{ width:100%;}
.cbox .box .small_jj .jjr ul{ padding:10px 15px; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li{ display:flex; align-items:center; padding:5px 0; overflow:hidden; width:100%;}
.cbox .box .small_jj .jjr ul li a{ width:50px; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li a img{ width:100%; display:block;}
.cbox .box .small_jj .jjr ul li img.thumb1{ display:none;}
.cbox .box .small_jj .jjr ul li img.thumb{ display:block;}
.cbox .box .small_jj .jjr ul li:hover img.thumb1{ display:block;}
.cbox .box .small_jj .jjr ul li:hover img.thumb{ display:none;}
.cbox .box .small_jj .jjr ul li p{ padding-left:10px; flex:1; display:block; overflow:hidden;}
.cbox .box .small_jj .jjr ul li p i{ width:100%; display:block; font-size:16px; line-height:22px; font-style:normal;}
.cbox .box .small_jj .jjr ul li p em{ width:100%; display:block; font-size:14px; line-height:20px; font-style:normal; color:#666; margin-top:2px;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:100%; position:relative; z-index:3; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.abox .box .wen{ width:100%; margin-top:20px; font-size:16px; line-height:36px;}
.abox .box .list{ padding-top:40px; display:block; overflow:hidden;}
.abox .box .list li{ display:block; float:left; width:25%; text-align:center; background:url(../images/abg.png) left bottom no-repeat; padding-bottom:10px; position:relative;}
.abox .box .list li img.gx{ position:absolute; right:0px; bottom:0px;}
.abox .box .list li img.gx01{ position:absolute; right:0px; bottom:0px; display:none;}
.abox .box .list li dl{ display:block; padding-bottom:10px;}
.abox .box .list li dl img{ display:block; margin:5px auto;}
.abox .box .list li dl img.xian{ display:block;}
.abox .box .list li dl img{ height:37px;}
.abox .box .list li dl img.hide{ display:none;}
.abox .box .list li:hover dl img.hide{ display:block;}
.abox .box .list li:hover dl img.xian{ display:none;}
.abox .box .list li i{ font-size:60px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#4197fc;}
.abox .box .list li span{ font-family:Arial, Helvetica, sans-serif; color:#4197fc; display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; position:relative; left:6px; top:-4px; border-radius:23px; background-position:center; background-repeat:no-repeat;margin:0px; padding:0px;}
.abox .box .list li:hover i,.abox .box .list li:hover span{ color:#d1101b}
.abox .box .list li em{ display:block; font-size:16px; color:#222; padding:6px 8px 0px 8px; font-style:normal;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:100%; position:relative; z-index:3; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.abox .box .wen{ width:100%; margin-top:20px; font-size:16px; line-height:26px;}
.abox .box .list{ padding-top:30px; display:block; overflow:hidden;}
.abox .box .list li{ display:block; float:left; width:25%; text-align:center; background:url(../images/abg.png) left bottom no-repeat; padding-bottom:10px; position:relative;}
.abox .box .list li img.gx{ position:absolute; right:0px; bottom:0px;}
.abox .box .list li img.gx01{ position:absolute; right:0px; bottom:0px; display:none;}
.abox .box .list li dl{ display:block; padding-bottom:10px;}
.abox .box .list li dl img{ display:block; margin:5px auto;}
.abox .box .list li dl img.xian{ display:block;}
.abox .box .list li dl img{ height:37px;}
.abox .box .list li dl img.hide{ display:none;}
.abox .box .list li:hover dl img.hide{ display:block;}
.abox .box .list li:hover dl img.xian{ display:none;}
.abox .box .list li i{ font-size:50px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#4197fc;}
.abox .box .list li span{ font-family:Arial, Helvetica, sans-serif; color:#4197fc; display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; position:relative; left:6px; top:-4px; border-radius:23px; background-position:center; background-repeat:no-repeat;margin:0px; padding:0px; background-size:100% 100%;}
.abox .box .list li:hover i,.abox .box .list li:hover span{ color:#d1101b}
.abox .box .list li em{ display:block; font-size:16px; color:#222; padding:6px 8px 0px 8px; font-style:normal;}
}
@media only screen and (max-width:768px){
.abox{ width:100%; position:relative; z-index:3; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.abox .box .wen{ width:100%; margin-top:15px; font-size:14px; line-height:24px;}
.abox .box .list{ padding-top:10px; display:block; overflow:hidden;}
.abox .box .list li{ display:block; float:left; width:50%; text-align:center; background:url(../images/abg.png) left bottom no-repeat; padding-bottom:5px; position:relative; margin-top:10px;}
.abox .box .list li:nth-child(2n+1){ clear:left; float:left;}
.abox .box .list li img.gx{ position:absolute; right:0px; bottom:0px;}
.abox .box .list li img.gx01{ position:absolute; right:0px; bottom:0px;}
.abox .box .list li dl{ display:block; padding-bottom:5px;}
.abox .box .list li dl img{ display:block; margin:5px auto; height:37px;}
.abox .box .list li dl img.xian{ display:block;}
.abox .box .list li dl img{ height:37px;}
.abox .box .list li dl img.hide{ display:none;}
.abox .box .list li:hover dl img.hide{ display:block;}
.abox .box .list li:hover dl img.xian{ display:none;}
.abox .box .list li i{ font-size:40px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#4197fc;}
.abox .box .list li span{ font-family:Arial, Helvetica, sans-serif; color:#4197fc; display:inline-block; width:18px; height:18px; line-height:18px; text-align:center; position:relative; left:6px; top:-4px; border-radius:23px; background-position:center; background-repeat:no-repeat;margin:0px; padding:0px; background-size:100% 100%;}
.abox .box .list li:hover i,.abox .box .list li:hover span{ color:#d1101b}
.abox .box .list li em{ display:block; font-size:14px; color:#222; padding:0 8px; font-style:normal;}
}

/*证书*/
@media screen and (min-width:1280px){
.hbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.hbox .box{ padding:80px 15px; box-sizing:border-box; max-width:1280px; margin:auto; text-align:center;}
.hbox .box .w03{ width:30%; margin:auto; position:relative;}
.hbox .box .w03 .light-zoom{ width:100%; display:block;}
.hbox .box .w04{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.hbox .box{ padding:60px 3%; box-sizing:border-box; width:100%; text-align:center;}
.hbox .box .w03{ width:35%; margin:auto; position:relative;}
.hbox .box .w03 .light-zoom{ width:100%; display:block;}
.hbox .box .w04{ display:none;}
}
@media only screen and (max-width:768px){
.hbox{ width:100%; position:relative; z-index:3; background-color:#fff;}
.hbox .box{ padding:40px 3%; box-sizing:border-box; width:100%; text-align:center;}
.hbox .box .w04{ width:70%; margin:auto;}
.hbox .box .w04 img{ width:100%; display:block;}
.hbox .box .w03{ display:none;}
}

/*服务支持*/
@media screen and (min-width:1280px){
.sbox{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.sbox .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.sbox .box .list{ width:100%; margin-top:30px;}
.sbox .box .s02{ width:33.33%; height:560px; float:left; background-color:#fff; display:block;}
.sbox .box .s03{ width:33.34%; height:560px; float:left; background-color:#4197fc; display:block;}
.sbox .box dl dt{ width:100%; height:280px; display:block; overflow:hidden;}
.sbox .box dl dt a{ display:flex; width:100%; height:100%; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; overflow:hidden;}
.sbox .box dl dt span{ display:block; text-align:center; font-size:20px; line-height:30px; color:#4197fc;}
.sbox .box dl dt p{ display:block; text-align:center; font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.sbox .box dl dt b{ display:none; width:120px; height:34px; line-height:34px; border-radius:34px; background-color:#f2f2f2; text-align:center; font-size:14px; margin-top:25px;}
.sbox .box dl.s03 dt span{ color:#fff;}
.sbox .box dl.s03 dt p{ color:#eee;}
.sbox .box dl.s03 dt b{ background-color:#fff; color:#4197fc;}
.sbox .box dl dt a:hover b{ display:block;}
.sbox .box dl dd{ width:100%; height:280px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box dl dd a{ width:100%; height:100%; display:flex; align-items:center; overflow:hidden; background-color:rgba(0,0,0,.7);}
.sbox .box dl dd a img{ height:60px; display:block; margin:auto;}
.sbox .box dl dd a:hover{ opacity:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sbox{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.sbox .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.sbox .box .list{ width:100%; margin-top:25px;}
.sbox .box .s02{ width:33.33%; height:460px; float:left; background-color:#fff; display:block;}
.sbox .box .s03{ width:33.34%; height:460px; float:left; background-color:#4197fc; display:block;}
.sbox .box dl dt{ width:100%; height:230px; display:block; overflow:hidden;}
.sbox .box dl dt a{ display:flex; width:100%; height:100%; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; overflow:hidden;}
.sbox .box dl dt span{ display:block; text-align:center; font-size:18px; line-height:28px; color:#4197fc;}
.sbox .box dl dt p{ display:block; text-align:center; font-size:15px; line-height:26px; color:#666; margin-top:5px;}
.sbox .box dl dt b{ display:none; width:120px; height:34px; line-height:34px; border-radius:34px; background-color:#f2f2f2; text-align:center; font-size:14px; margin-top:20px;}
.sbox .box dl.s03 dt span{ color:#fff;}
.sbox .box dl.s03 dt p{ color:#eee;}
.sbox .box dl.s03 dt b{ background-color:#fff; color:#4197fc;}
.sbox .box dl dt a:hover b{ display:block;}
.sbox .box dl dd{ width:100%; height:230px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box dl dd a{ width:100%; height:100%; display:flex; align-items:center; overflow:hidden; background-color:rgba(0,0,0,.7);}
.sbox .box dl dd a img{ height:60px; display:block; margin:auto;}
.sbox .box dl dd a:hover{ opacity:0;}
}
@media only screen and (max-width:768px){
.sbox{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.sbox .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.sbox .box .list{ width:100%; margin-top:20px;}
.sbox .box .s02{ width:50%; height:260px; float:left; background-color:#fff; display:block;}
.sbox .box .s03{ width:50%; height:260px; float:left; background-color:#4197fc; display:block;}
.sbox .box dl dt{ width:100%; height:130px; display:block; overflow:hidden;}
.sbox .box dl dt a{ display:flex; width:100%; height:100%; flex-direction:column; justify-content:center; align-items:center; flex-wrap:wrap; overflow:hidden;}
.sbox .box dl dt span{ display:block; text-align:center; font-size:16px; line-height:26px; color:#4197fc;}
.sbox .box dl dt p{ display:block; text-align:center; font-size:14px; line-height:24px; color:#666;}
.sbox .box dl dt b{ display:none; width:120px; height:34px; line-height:34px; border-radius:34px; background-color:#f2f2f2; text-align:center; font-size:14px; margin-top:10px;}
.sbox .box dl.s03 dt span{ color:#fff;}
.sbox .box dl.s03 dt p{ color:#eee;}
.sbox .box dl.s03 dt b{ background-color:#fff; color:#4197fc;}
.sbox .box dl dt a:hover b{ display:block;}
.sbox .box dl dd{ width:100%; height:130px; display:block; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:cover;}
.sbox .box dl dd a{ width:100%; height:100%; display:flex; align-items:center; overflow:hidden; background-color:rgba(0,0,0,.7);}
.sbox .box dl dd a img{ height:60px; display:block; margin:auto;}
.sbox .box dl dd a:hover{ opacity:0;}
.sbox .box .s02:last-child{ width:100%; height:130px;}
.sbox .box .s02:last-child dt{ width:50%; float:left;}
.sbox .box .s02:last-child dd{ width:50%; float:left;}
}

@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#4197fc; position:relative; z-index:3;}
.footer .foot{ padding:0 15px; max-width:1280px; box-sizing:border-box; margin:30px auto; display:flex; align-items:center; justify-content:space-between;}
.footer .foot .left{ height:40px;}
.footer .foot .left img{ display:block; height:40px;}
.footer .foot .right{ text-align:right;}
.footer .foot .right span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.footer .foot .right p{ display:block; color:#fff; font-size:18px; line-height:26px; font-weight:bold;}
.footer .line{ width:100%; height:1px; background-color:#000; opacity:.1;}
.footer .bq{ padding:30px 15px; max-width:1280px; box-sizing:border-box; margin:auto;}
.footer .bq .left{ float:left; width:50%; display:flex; justify-content:space-between;}
.footer .bq .left li{ display:block; float:left; width:22%; margin-right:3%;}
.footer .bq .left li span a{ display:block; color:#fff; font-size:16px; line-height:26px;}
.footer .bq .left li p{ display:block; margin-top:5px;}
.footer .bq .left li p a{ display:block; color:#fff; font-size:14px; line-height:24px; opacity:.7; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.footer .bq .left li p a:hover{ opacity:1;}
.footer .bq .right{ float:right; width:45%;}
.footer .bq .right p{ display:block; text-align:right; color:#fff; font-size:14px; line-height:24px;}
.footer .bq .right p a{ margin-left:30px; color:#fff;}
.footer .bq .right span{ display:block; text-align:right; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.footer .bq .right span a{ color:#fff;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; background-color:#4197fc; position:relative; z-index:3;}
.footer .foot{ width:calc(100% - 30px); margin:20px auto; display:flex; align-items:center; justify-content:space-between;}
.footer .foot .left{ height:40px;}
.footer .foot .left img{ display:block; height:40px;}
.footer .foot .right{ text-align:right;}
.footer .foot .right span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.footer .foot .right p{ display:block; color:#fff; font-size:18px; line-height:26px; font-weight:bold;}
.footer .line{ width:100%; height:1px; background-color:#000; opacity:.1;}
.footer .bq{ width:calc(100% - 30px); margin:20px auto; display:flex; justify-content:space-between;}
.footer .bq .left{ float:left; display:block; width:50%;}
.footer .bq .left li{ width:22%; display:block; float:left; margin-right:3%;}
.footer .bq .left li span a{ display:block; color:#fff; font-size:16px; line-height:26px;}
.footer .bq .left li p{ display:block; margin-top:5px;}
.footer .bq .left li p a{ display:block; color:#fff; font-size:14px; line-height:24px; opacity:.7; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.footer .bq .left li p a:hover{ opacity:1;}
.footer .bq .right{ float:right; flex:1;}
.footer .bq .right p{ display:block; text-align:right; color:#fff; font-size:14px; line-height:24px;}
.footer .bq .right p a{ margin-left:20px; color:#fff;}
.footer .bq .right span{ display:block; text-align:right; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.footer .bq .right span a{ color:#fff;}
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; background-color:#4197fc; position:relative; z-index:3;}
.footer .foot{ width:94%; margin:10px auto;}
.footer .foot .left{ height:40px; padding:5px 0;}
.footer .foot .left img{ display:block; height:40px; margin:auto;}
.footer .foot .right{ text-align:center; margin-top:5px;}
.footer .foot .right span{ display:block; color:#fff; font-size:14px; line-height:24px;}
.footer .foot .right p{ display:block; color:#fff; font-size:18px; line-height:26px; font-weight:bold;}
.footer .line{ width:100%; height:1px; background-color:#000; opacity:.1;}
.footer .bq{ width:94%; margin:10px auto;}
.footer .bq .left{ float:left; display:none; width:50%;}
.footer .bq .left li{ width:22%; display:block; float:left; margin-right:3%;}
.footer .bq .left li span a{ display:block; color:#fff; font-size:16px; line-height:26px;}
.footer .bq .left li p{ display:block; margin-top:5px;}
.footer .bq .left li p a{ display:block; color:#fff; font-size:14px; line-height:24px; opacity:.7; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.footer .bq .left li p a:hover{ opacity:1;}
.footer .bq .right{ width:100%;}
.footer .bq .right p{ display:block; color:#fff; font-size:14px; line-height:24px;}
.footer .bq .right p a{ margin-right:10px; color:#fff;}
.footer .bq .right span{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:5px;}
.footer .bq .right span a{ color:#fff;}
#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(0,0,0,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:400px; position:relative; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.3);}
.ban .wen{ width:100%; max-width:1280px; padding:0 15px; box-sizing:border-box; margin:auto; z-index:9; position:relative; font-size:36px; color:#fff; line-height:46px; font-weight:bold;}
.sac{ width:100%; background-color:#f2f2f2; height:70px; display:flex; justify-content:center;}
.sac a{ display:block; margin:0 20px; font-size:16px; position:relative; line-height:70px; height:70px;}
.sac a.on,.sac a:hover{ color:#4197fc;}
.sac a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:300px; position:relative; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.3);}
.ban .wen{ width:100%; padding: 15px; box-sizing:border-box; margin:auto; z-index:9; position:relative; font-size:28px; color:#fff; line-height:28px; font-weight:bold;}
.sac{ width:100%; background-color:#f2f2f2; height:60px; display:flex; justify-content:center;}
.sac a{ display:block; margin:0 15px; font-size:16px; position:relative; line-height:60px; height:60px;}
.sac a.on,.sac a:hover{ color:#4197fc;}
.sac a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#4197fc;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:200px; position:relative; z-index:3; background-position:center; background-repeat:no-repeat; background-size:cover; display:flex; align-items:center;}
.ban .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.3);}
.ban .wen{ width:100%; padding:0 15px; box-sizing:border-box; margin:auto; z-index:9; position:relative; font-size:18px; color:#fff; line-height:18px; font-weight:bold;}
.sac{ width:100%; background-color:#f2f2f2; height:50px; display:flex; justify-content:center;}
.sac a{ display:block; margin:0 10px; font-size:16px; position:relative; line-height:50px; height:50px;}
.sac a.on,.sac a:hover{ color:#4197fc;}
.sac a.on b{ width:100%; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#4197fc;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.ab01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.ab01 .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.ab01 .cont{ width:100%; margin-top:30px;}
.ab01 .cont .wen{ width:50%; float:left; font-size:16px; line-height:30px;}
.ab01 .cont .jishuqi{ overflow:hidden; width:47%; float:right;}
.ab01 .cont .jishuqi ul{ display:block;}
.ab01 .cont .jishuqi ul li{ width:50%; margin-left:-1px; float:left; text-align:center; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding-top:26px; padding-bottom:35px; overflow:hidden;}
.ab01 .cont .jishuqi ul li:nth-child(3),.ab01 .cont .jishuqi ul li:nth-child(4){ border-bottom:none;}
.ab01 .cont .jishuqi ul li:nth-child(2),.ab01 .cont .jishuqi ul li:nth-child(4){ border-right:none}
.ab01 .cont .jishuqi ul li img{ display:block; margin:5px auto; height:72px;}
.ab01 .cont .jishuqi ul li i{ font-style:normal; font-size:60px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4197fc;}
.ab01 .cont .jishuqi ul li em{ font-family:Arial, Helvetica, sans-serif; color:#fff; background-position:center; background-repeat:no-repeat; display:inline-block; width:23px; height:23px; line-height:25px; text-align:center; position:relative; left:6px; top:-4px; border-radius:23px; font-size:12px; margin:0px; padding:0px;}
.jishuqi ul li p{ font-size:16px; line-height:26px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.ab01 .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.ab01 .cont{ width:100%; margin-top:25px;}
.ab01 .cont .wen{ width:50%; float:left; font-size:16px; line-height:26px;}
.ab01 .cont .jishuqi{ overflow:hidden; width:47%; float:right;}
.ab01 .cont .jishuqi ul{ display:block;}
.ab01 .cont .jishuqi ul li{ width:50%; margin-left:-1px; float:left; text-align:center; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding-top:20px; padding-bottom:25px; overflow:hidden;}
.ab01 .cont .jishuqi ul li:nth-child(3),.ab01 .cont .jishuqi ul li:nth-child(4){ border-bottom:none;}
.ab01 .cont .jishuqi ul li:nth-child(2),.ab01 .cont .jishuqi ul li:nth-child(4){ border-right:none}
.ab01 .cont .jishuqi ul li img{ display:block; margin:5px auto; height:50px;}
.ab01 .cont .jishuqi ul li i{ font-style:normal; font-size:50px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4197fc;}
.ab01 .cont .jishuqi ul li em{ font-family:Arial, Helvetica, sans-serif; color:#fff; background-position:center; background-repeat:no-repeat; display:inline-block; width:20px; height:20px; line-height:25px; text-align:center; position:relative; left:6px; top:-4px; border-radius:23px; font-size:12px; margin:0px; padding:0px; background-size:100% 100%;}
.jishuqi ul li p{ font-size:16px; line-height:26px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}
@media only screen and (max-width:768px){
.ab01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.ab01 .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.ab01 .cont{ width:100%; margin-top:15px;}
.ab01 .cont .wen{ width:100%; float:left; font-size:14px; line-height:24px;}
.ab01 .cont .jishuqi{ overflow:hidden; width:100%; float:right; margin-top:10px;}
.ab01 .cont .jishuqi ul{ display:block;}
.ab01 .cont .jishuqi ul li{ width:50%; margin-left:-1px; float:left; text-align:center; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding-top:10px; padding-bottom:15px; overflow:hidden;}
.ab01 .cont .jishuqi ul li:nth-child(3),.ab01 .cont .jishuqi ul li:nth-child(4){ border-bottom:none;}
.ab01 .cont .jishuqi ul li:nth-child(2),.ab01 .cont .jishuqi ul li:nth-child(4){ border-right:none}
.ab01 .cont .jishuqi ul li img{ display:block; margin:5px auto; height:36px;}
.ab01 .cont .jishuqi ul li i{ font-style:normal; font-size:40px; line-height:1.2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#4197fc;}
.ab01 .cont .jishuqi ul li em{ font-family:Arial, Helvetica, sans-serif; color:#fff; background-position:center; background-repeat:no-repeat; display:inline-block; width:18px; height:18px; line-height:25px; text-align:center; position:relative; left:6px; top:-4px; border-radius:23px; font-size:12px; margin:0px; padding:0px; background-size:100% 100%;}
.jishuqi ul li p{ font-size:14px; line-height:24px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media screen and (min-width:1280px){
.ab02{ width:100%; position:relative; z-index:3; background-color:#fff;}
.ab02 .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.ab02 .box .honor{ margin-top:30px;}
.honor{ width:100%; position:relative;}
.honor .swiper-slide{ width:33.33%; position:relative; display:flex; justify-content:center; align-items:center; transition:300ms; transform:scale(0.8);}
.honor .swiper-slide img{ width:100%; display:block;}
.honor .swiper-slide.swiper-slide-active,.honor .swiper-slide.swiper-slide-duplicate-active{ transform:scale(1);}
.honor .swiper-button-white{ width:50px; height:50px; display:block; position:absolute; top:50%; margin-top:-25px;}
.honor .swiper-button-white img{ width:100%; display:block;}
.honor .swiper-button-prev{ left:-50px;}
.honor .swiper-button-next{ right:-50px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab02{ width:100%; position:relative; z-index:3; background-color:#fff;}
.ab02 .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.ab02 .box .honor{ margin-top:25px;}
.honor{ width:100%; position:relative;}
.honor .swiper-slide{ width:50%; position:relative; display:flex; justify-content:center; align-items:center; transition:300ms; transform:scale(0.8);}
.honor .swiper-slide img{ width:100%; display:block;}
.honor .swiper-slide.swiper-slide-active,.honor .swiper-slide.swiper-slide-duplicate-active{ transform:scale(1);}
.honor .swiper-button-white{ width:40px; height:40px; display:block; position:absolute; top:50%; margin-top:-20px;}
.honor .swiper-button-white img{ width:100%; display:block;}
.honor .swiper-button-prev{ left:3%;}
.honor .swiper-button-next{ right:3%;}
}
@media only screen and (max-width:768px){
.ab02{ width:100%; position:relative; z-index:3; background-color:#fff;}
.ab02 .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.ab02 .box .honor{ margin-top:20px;}
.honor{ width:100%; position:relative;}
.honor .swiper-slide{ width:70%; position:relative; display:flex; justify-content:center; align-items:center; transition:300ms; transform:scale(0.8);}
.honor .swiper-slide img{ width:100%; display:block;}
.honor .swiper-slide.swiper-slide-active,.honor .swiper-slide.swiper-slide-duplicate-active{ transform:scale(1);}
.honor .swiper-button-white{ width:30px; height:30px; display:block; position:absolute; top:50%; margin-top:-15px;}
.honor .swiper-button-white img{ width:100%; display:block;}
.honor .swiper-button-prev{ left:3%;}
.honor .swiper-button-next{ right:3%;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.pro01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.pro01 .box{ padding:80px 0; box-sizing:border-box; margin:auto;}
.pro01 .box .w01{ font-size:24px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.pro01 .box .w02{ width:100%; font-size:30px; line-height:40px; margin-top:0; font-weight:bold; text-align:center; display:none;}
.pro01 .box .w03{ width:100%; margin-top:40px; text-align:center; display:none;}
.pro01 .box .w03 a{ display:inline-block; padding:5px 20px; min-width:80px; font-size:16px; line-height:30px; border-radius:5px; background-color:#4197fc; color:#fff; font-weight:bold; overflow:hidden;}
.pro01 .box .w04{ margin-top:60px; font-size:20px; font-weight:bold; color:#4197fc; line-height:30px; display:none;}
.pro01 .box .w05{ width:100%;}
.pro01 .box .w05 img{ max-width:100%; display:block; margin:auto; height:auto !important;}
.pro01 .box .w06{ width:80%; margin:auto; display:none; padding-top:0;}
.pro01 .box .w06 li{ width:18.4%; display:block; float:left; margin-top:20px; margin-left:2%; overflow:hidden;}
.pro01 .box .w06 li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .w06 li span{ width:30px; height:30px; border-radius:100%; background-color:#4197fc; font-size:16px; line-height:30px; text-align:center; color:#fff; overflow:hidden; float:left; display:block;}
.pro01 .box .w06 li p{ width:calc(100% - 40px); font-size:22px; line-height:30px; overflow:hidden; float:left; display:block; margin-left:10px; font-weight:bold;}
.pro01 .box .w07{ width:80%; margin:auto; background-color:#fff; border:2px solid #4197fc; box-sizing:border-box; margin-top:0; box-shadow:0 0 10px rgba(0,0,0,.3);}
.pro01 .box .w07 .title{ padding:10px 20px; display:flex; align-items:center;}
.pro01 .box .w07 .title b{ width:6px; height:6px; display:block; background-color:#4197fc; border-radius:100%;}
.pro01 .box .w07 .title p{ font-size:20px; line-height:30px; color:#4197fc; display:block; margin-left:10px; font-weight:bold; height:30px;}
.pro01 .box .w07 .table{ width:100%; border-top:1px solid #4197fc;}
.pro01 .box .w07 .table table{ background-color:#fff; text-align:center; font-weight:bold;}
.pro01 .box .w07 .table table td{ background-color:#fff; padding:5px 10px; font-size:16px; line-height:26px; border-right:1px solid #fff;}
.pro01 .box .w07 .table table td:last-child{ border-right:none;}
.pro01 .box .w07 .table table tr:nth-child(2n) td{ background-color:#f9f9f9;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.pro01 .box{ padding:60px 0; box-sizing:border-box; width:100%;}
.pro01 .box .w01{ font-size:22px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.pro01 .box .w02{ width:100%; font-size:26px; line-height:36px; margin-top:0; font-weight:bold; text-align:center; display:none;}
.pro01 .box .w03{ width:100%; margin-top:35px; text-align:center; display:none;}
.pro01 .box .w03 a{ display:inline-block; padding:5px 20px; min-width:80px; font-size:16px; line-height:26px; border-radius:5px; background-color:#4197fc; color:#fff; font-weight:bold; overflow:hidden;}
.pro01 .box .w04{ margin-top:40px; font-size:18px; font-weight:bold; color:#4197fc; line-height:28px; display:none;}
.pro01 .box .w05{ width:100%;}
.pro01 .box .w05 img{ max-width:100%; display:block; margin:auto; height:auto !important;}
.pro01 .box .w06{ width:94%; margin:auto; display:none; padding-top:0;}
.pro01 .box .w06 li{ width:23.5%; display:block; float:left; margin-top:15px; margin-left:2%; overflow:hidden;}
.pro01 .box .w06 li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .w06 li span{ width:28px; height:28px; border-radius:100%; background-color:#4197fc; font-size:16px; line-height:28px; text-align:center; color:#fff; overflow:hidden; float:left; display:block;}
.pro01 .box .w06 li p{ width:calc(100% - 36px); font-size:20px; line-height:28px; overflow:hidden; float:left; display:block; margin-left:8px; font-weight:bold;}
.pro01 .box .w07{ width:94%; margin:auto; background-color:#fff; border:2px solid #4197fc; box-sizing:border-box; margin-top:0; box-shadow:0 0 10px rgba(0,0,0,.3);}
.pro01 .box .w07 .title{ padding:7px 15px; display:flex; align-items:center;}
.pro01 .box .w07 .title b{ width:6px; height:6px; display:block; background-color:#4197fc; border-radius:100%;}
.pro01 .box .w07 .title p{ font-size:18px; line-height:28px; color:#4197fc; display:block; margin-left:10px; font-weight:bold; height:28px;}
.pro01 .box .w07 .table{ width:100%; border-top:1px solid #4197fc;}
.pro01 .box .w07 .table table{ text-align:center; font-weight:bold;}
.pro01 .box .w07 .table table td{ background-color:#fff; padding:5px 10px; font-size:16px; line-height:26px; border-right:1px solid #fff;}
.pro01 .box .w07 .table table td:last-child{ border-right:none;}
.pro01 .box .w07 .table table tr:nth-child(2n) td{ background-color:#f9f9f9;}
}
@media only screen and (max-width:768px){
.pro01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.pro01 .box{ padding:40px 0; box-sizing:border-box; width:100%;}
.pro01 .box .w01{ font-size:20px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.pro01 .box .w02{ width:100%; font-size:20px; line-height:30px; margin-top:0; font-weight:bold; text-align:center; display:none;}
.pro01 .box .w03{ width:100%; margin-top:20px; text-align:center; display:none;}
.pro01 .box .w03 a{ display:inline-block; padding:5px 20px; min-width:60px; font-size:14px; line-height:24px; border-radius:5px; background-color:#4197fc; color:#fff; font-weight:bold; overflow:hidden;}
.pro01 .box .w04{ margin-top:20px; font-size:16px; font-weight:bold; color:#4197fc; line-height:26px; display:none;}
.pro01 .box .w05{ width:100%;}
.pro01 .box .w05 img{ max-width:100%; display:block; margin:auto; height:auto !important;}
.pro01 .box .w06{ width:94%; margin:auto; display:none; padding-top:0;}
.pro01 .box .w06 li{ width:48.5%; display:block; float:left; margin-top:10px; margin-left:3%; overflow:hidden;}
.pro01 .box .w06 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro01 .box .w06 li span{ width:26px; height:26px; border-radius:100%; background-color:#4197fc; font-size:14px; line-height:26px; text-align:center; color:#fff; overflow:hidden; float:left; display:block;}
.pro01 .box .w06 li p{ width:calc(100% - 31px); font-size:18px; line-height:26px; overflow:hidden; float:left; display:block; margin-left:5px; font-weight:bold;}
.pro01 .box .w07{ width:94%; margin:auto; background-color:#fff; border:1px solid #4197fc; box-sizing:border-box; margin-top:0; box-shadow:0 0 5px rgba(0,0,0,.3);}
.pro01 .box .w07 .title{ padding:5px 10px; display:flex; align-items:center;}
.pro01 .box .w07 .title b{ width:4px; height:4px; display:block; background-color:#4197fc; border-radius:100%;}
.pro01 .box .w07 .title p{ font-size:16px; line-height:26px; color:#4197fc; display:block; margin-left:6px; font-weight:bold; height:26px;}
.pro01 .box .w07 .table{ width:100%; border-top:1px solid #4197fc;}
.pro01 .box .w07 .table table{ text-align:center; font-weight:bold;}
.pro01 .box .w07 .table table td{ background-color:#fff; padding:3px 5px; font-size:14px; line-height:24px; border-right:1px solid #fff;}
.pro01 .box .w07 .table table td:last-child{ border-right:none;}
.pro01 .box .w07 .table table tr:nth-child(2n) td{ background-color:#f9f9f9;}
}

@media screen and (min-width:1280px){
.pro02{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.pro02 .box{ padding:75px 15px; padding-top:45px; box-sizing:border-box; max-width:1280px; margin:auto;}
.pro02 .box .tu{ width:50%; border:1px solid #4197fc; float:left; display:none;}
.pro02 .box .tu img{ width:100%; display:block;}
.pro02 .box .wen{ width:100%; float:right;}
.pro02 .box .wen .w01{ font-size:24px; line-height:1; font-weight:bold; color:#4197fc;}
.pro02 .box .wen .w02{ margin-top:30px; display:flex; align-items:center;}
.pro02 .box .wen .w02 b{ width:6px; height:6px; display:block; background-color:#4197fc; border-radius:100%;}
.pro02 .box .wen .w02 p{ font-size:20px; line-height:30px; display:block; margin-left:10px; font-weight:bold; height:30px;}
.pro02 .box .wen .w03{ width:100%; border-top:2px solid #4197fc; margin-top:15px; display:none;}
.pro02 .box .wen .w03 table{ text-align:center; font-weight:bold;}
.pro02 .box .wen .w03 table th{ background-color:#bddbff; padding:3px 10px; font-size:14px; line-height:24px; border-bottom:2px solid #4197fc; border-right:1px solid #ddd;}
.pro02 .box .wen .w03 table th:last-child{ border-right:none;}
.pro02 .box .wen .w03 table td{ background-color:#fff; padding:3px 10px; font-size:14px; line-height:24px; border-right:1px solid #ddd;}
.pro02 .box .wen .w03 table td:last-child{ border-right:none;}
.pro02 .box .wen .w03 table tr:nth-child(2n) td{ background-color:#f9f9f9;}
.pro02 .box .wen .w04{ width:100%; margin-top:10px; font-size:16px; line-height:30px;}
.pro02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.pro02 .box .list li{ width:31.33%; display:block; margin-left:3%; margin-top:30px; background-color:#fff; padding:25px; box-sizing:border-box; border-radius:15px;}
.pro02 .box .list li:nth-child(3n+1){ margin-left:0;}
.pro02 .box .list li .t01{ width:100%;}
.pro02 .box .list li .t01 span{ font-size:60px; line-height:60px; display:block; color:#4197fc; float:left;}
.pro02 .box .list li .t01 p{ font-size:20px; line-height:30px; display:block; color:#4197fc; float:left; margin-left:10px; margin-top:30px;}
.pro02 .box .list li .t02{ padding:10px 20px; background-color:#4197fc; margin-top:10px;}
.pro02 .box .list li .t02 span{ font-size:20px; line-height:30px; display:block; color:#fff;}
.pro02 .box .list li .t02 p{ font-size:16px; line-height:26px; display:block; color:#fff;}
.pro02 .box .list li .t03{ margin-top:15px; font-size:18px; line-height:28px;}
.pro02 .box .list li .t04{ margin-top:5px; font-size:16px; line-height:26px; color:#666;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro02{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.pro02 .box{ padding:55px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.pro02 .box .tu{ width:50%; border:1px solid #4197fc; float:left; display:none;}
.pro02 .box .tu img{ width:100%; display:block;}
.pro02 .box .wen{ width:100%; float:right;}
.pro02 .box .wen .w01{ font-size:22px; line-height:1; font-weight:bold; color:#4197fc; display:none;}
.pro02 .box .wen .w02{ margin-top:20px; display:flex; align-items:center;}
.pro02 .box .wen .w02 b{ width:6px; height:6px; display:block; background-color:#4197fc; border-radius:100%;}
.pro02 .box .wen .w02 p{ font-size:18px; line-height:28px; display:block; margin-left:10px; font-weight:bold; height:28px;}
.pro02 .box .wen .w03{ width:100%; border-top:2px solid #4197fc; margin-top:10px; display:none;}
.pro02 .box .wen .w03 table{ text-align:center; font-weight:bold;}
.pro02 .box .wen .w03 table th{ background-color:#bddbff; padding:3px 10px; font-size:14px; line-height:24px; border-bottom:2px solid #4197fc; border-right:1px solid #ddd;}
.pro02 .box .wen .w03 table th:last-child{ border-right:none;}
.pro02 .box .wen .w03 table td{ background-color:#fff; padding:3px 10px; font-size:14px; line-height:24px; border-right:1px solid #ddd;}
.pro02 .box .wen .w03 table td:last-child{ border-right:none;}
.pro02 .box .wen .w03 table tr:nth-child(2n) td{ background-color:#f9f9f9;}
.pro02 .box .wen .w04{ width:100%; margin-top:5px; font-size:16px; line-height:26px;}
.pro02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.pro02 .box .list li{ width:31.33%; display:block; margin-left:3%; margin-top:25px; background-color:#fff; padding:20px; box-sizing:border-box; border-radius:10px;}
.pro02 .box .list li:nth-child(3n+1){ margin-left:0;}
.pro02 .box .list li .t01{ width:100%;}
.pro02 .box .list li .t01 span{ font-size:50px; line-height:50px; display:block; color:#4197fc; float:left;}
.pro02 .box .list li .t01 p{ font-size:18px; line-height:28px; display:block; color:#4197fc; float:left; margin-left:7px; margin-top:22px;}
.pro02 .box .list li .t02{ padding:7px 15px; background-color:#4197fc; margin-top:10px;}
.pro02 .box .list li .t02 span{ font-size:18px; line-height:28px; display:block; color:#fff;}
.pro02 .box .list li .t02 p{ font-size:16px; line-height:26px; display:block; color:#fff;}
.pro02 .box .list li .t03{ margin-top:10px; font-size:16px; line-height:26px;}
.pro02 .box .list li .t04{ margin-top:5px; font-size:16px; line-height:1.5; color:#666;}
}
@media only screen and (max-width:768px){
.pro02{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.pro02 .box{ padding:35px 3%; padding-top:25px; box-sizing:border-box; width:100%;}
.pro02 .box .tu{ width:100%; box-sizing:border-box; border:1px solid #4197fc; float:left; display:none;}
.pro02 .box .tu img{ width:100%; display:block;}
.pro02 .box .wen{ width:100%; float:right;}
.pro02 .box .wen .w01{ font-size:20px; line-height:1; font-weight:bold; color:#4197fc; display:none;}
.pro02 .box .wen .w02{ margin-top:10px; display:flex; align-items:center;}
.pro02 .box .wen .w02 b{ width:4px; height:4px; display:block; background-color:#4197fc; border-radius:100%;}
.pro02 .box .wen .w02 p{ font-size:16px; line-height:26px; display:block; margin-left:6px; font-weight:bold; height:26px;}
.pro02 .box .wen .w03{ width:100%; border-top:2px solid #4197fc; margin-top:5px; display:none;}
.pro02 .box .wen .w03 table{ text-align:center; font-weight:bold;}
.pro02 .box .wen .w03 table th{ background-color:#bddbff; padding:3px 10px; font-size:14px; line-height:24px; border-bottom:2px solid #4197fc; border-right:1px solid #ddd;}
.pro02 .box .wen .w03 table th:last-child{ border-right:none;}
.pro02 .box .wen .w03 table td{ background-color:#fff; padding:3px 10px; font-size:14px; line-height:24px; border-right:1px solid #ddd;}
.pro02 .box .wen .w03 table td:last-child{ border-right:none;}
.pro02 .box .wen .w03 table tr:nth-child(2n) td{ background-color:#f9f9f9;}
.pro02 .box .wen .w04{ width:100%; font-size:14px; line-height:24px;}
.pro02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.pro02 .box .list li{ width:100%; display:block; margin-top:15px; background-color:#fff; padding:15px; box-sizing:border-box; border-radius:5px;}
.pro02 .box .list li .t01{ width:100%;}
.pro02 .box .list li .t01 span{ font-size:40px; line-height:40px; display:block; color:#4197fc; float:left;}
.pro02 .box .list li .t01 p{ font-size:16px; line-height:26px; display:block; color:#4197fc; float:left; margin-left:5px; margin-top:14px;}
.pro02 .box .list li .t02{ padding:5px 10px; background-color:#4197fc; margin-top:10px;}
.pro02 .box .list li .t02 span{ font-size:16px; line-height:26px; display:block; color:#fff;}
.pro02 .box .list li .t02 p{ font-size:14px; line-height:24px; display:block; color:#fff;}
.pro02 .box .list li .t03{ margin-top:5px; font-size:14px; line-height:24px;}
.pro02 .box .list li .t04{ font-size:14px; line-height:1.5; color:#666;}
}

@media screen and (min-width:1280px){
.pro03{ width:100%; position:relative; z-index:3; background-color:#fff;}
.pro03 .box{ padding:80px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.pro03 .box .tu{ width:50%; border:1px solid #4197fc; float:right;}
.pro03 .box .tu img{ width:100%; display:block;}
.pro03 .box .wen{ width:45%; float:left;}
.pro03 .box .wen .w01{ font-size:24px; line-height:1; font-weight:bold; color:#4197fc;}
.pro03 .box .wen .w02{ margin-top:30px; display:flex; align-items:center;}
.pro03 .box .wen .w02 b{ width:6px; height:6px; display:block; background-color:#4197fc; border-radius:100%;}
.pro03 .box .wen .w02 p{ font-size:20px; line-height:30px; display:block; margin-left:10px; font-weight:bold; height:30px;}
.pro03 .box .wen .w03{ width:100%; border-top:2px solid #4197fc; margin-top:15px;}
.pro03 .box .wen .w03 table{ text-align:center; font-weight:bold;}
.pro03 .box .wen .w03 table th{ background-color:#bddbff; padding:3px 10px; font-size:14px; line-height:24px; border-bottom:2px solid #4197fc; border-right:1px solid #ddd;}
.pro03 .box .wen .w03 table th:last-child{ border-right:none;}
.pro03 .box .wen .w03 table td{ background-color:#fff; padding:3px 10px; font-size:14px; line-height:24px; border-right:1px solid #ddd;}
.pro03 .box .wen .w03 table td:last-child{ border-right:none;}
.pro03 .box .wen .w03 table tr:nth-child(2n) td{ background-color:#f9f9f9;}
.pro03 .box .wen .w04{ width:100%; margin-top:10px; font-size:14px; line-height:24px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro03{ width:100%; position:relative; z-index:3; background-color:#fff;}
.pro03 .box{ padding:60px 3%; box-sizing:border-box; width:100%;}
.pro03 .box .tu{ width:50%; border:1px solid #4197fc; float:right;}
.pro03 .box .tu img{ width:100%; display:block;}
.pro03 .box .wen{ width:47%; float:left;}
.pro03 .box .wen .w01{ font-size:22px; line-height:1; font-weight:bold; color:#4197fc;}
.pro03 .box .wen .w02{ margin-top:20px; display:flex; align-items:center;}
.pro03 .box .wen .w02 b{ width:6px; height:6px; display:block; background-color:#4197fc; border-radius:100%;}
.pro03 .box .wen .w02 p{ font-size:18px; line-height:28px; display:block; margin-left:10px; font-weight:bold; height:28px;}
.pro03 .box .wen .w03{ width:100%; border-top:2px solid #4197fc; margin-top:10px;}
.pro03 .box .wen .w03 table{ text-align:center; font-weight:bold;}
.pro03 .box .wen .w03 table th{ background-color:#bddbff; padding:3px 10px; font-size:14px; line-height:24px; border-bottom:2px solid #4197fc; border-right:1px solid #ddd;}
.pro03 .box .wen .w03 table th:last-child{ border-right:none;}
.pro03 .box .wen .w03 table td{ background-color:#fff; padding:3px 10px; font-size:14px; line-height:24px; border-right:1px solid #ddd;}
.pro03 .box .wen .w03 table td:last-child{ border-right:none;}
.pro03 .box .wen .w03 table tr:nth-child(2n) td{ background-color:#f9f9f9;}
.pro03 .box .wen .w04{ width:100%; margin-top:5px; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:768px){
.pro03{ width:100%; position:relative; z-index:3; background-color:#fff;}
.pro03 .box{ padding:40px 3%; box-sizing:border-box; width:100%;}
.pro03 .box .tu{ width:100%; box-sizing:border-box; border:1px solid #4197fc; float:left;}
.pro03 .box .tu img{ width:100%; display:block;}
.pro03 .box .wen{ width:100%; float:right; margin-top:15px;}
.pro03 .box .wen .w01{ font-size:20px; line-height:1; font-weight:bold; color:#4197fc;}
.pro03 .box .wen .w02{ margin-top:10px; display:flex; align-items:center;}
.pro03 .box .wen .w02 b{ width:4px; height:4px; display:block; background-color:#4197fc; border-radius:100%;}
.pro03 .box .wen .w02 p{ font-size:16px; line-height:26px; display:block; margin-left:6px; font-weight:bold; height:26px;}
.pro03 .box .wen .w03{ width:100%; border-top:2px solid #4197fc; margin-top:5px;}
.pro03 .box .wen .w03 table{ text-align:center; font-weight:bold;}
.pro03 .box .wen .w03 table th{ background-color:#bddbff; padding:3px 10px; font-size:14px; line-height:24px; border-bottom:2px solid #4197fc; border-right:1px solid #ddd;}
.pro03 .box .wen .w03 table th:last-child{ border-right:none;}
.pro03 .box .wen .w03 table td{ background-color:#fff; padding:3px 10px; font-size:14px; line-height:24px; border-right:1px solid #ddd;}
.pro03 .box .wen .w03 table td:last-child{ border-right:none;}
.pro03 .box .wen .w03 table tr:nth-child(2n) td{ background-color:#f9f9f9;}
.pro03 .box .wen .w04{ width:100%; font-size:14px; line-height:24px;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.lx01 .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.lx01 .box .w03{ width:100%; margin-top:15px; text-align:center; font-size:16px; line-height:26px; color:#333;}
.lx01 .box .w04{ display:flex; width:100%; justify-content:space-between;}
.lx01 .box .w04 li{ width:32%; border-radius:2px; background-color:#f2f2f2; margin-top:40px; padding:40px; box-sizing:border-box;}
.lx01 .box .w04 li span{ display:block; height:40px; overflow:hidden;}
.lx01 .box .w04 li span img{ height:40px; float:left; display:block;}
.lx01 .box .w04 li span a{ font-size:16px; line-height:40px; color:#666; display:block; float:left; margin-left:10px;}
.lx01 .box .w04 li b{ display:block; font-size:22px; line-height:34px; overflow:hidden; margin-top:20px;}
.lx01 .box .w04 li:nth-child(3) b{ font-size:18px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.lx01 .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.lx01 .box .w03{ width:100%; margin-top:10px; text-align:center; font-size:15px; line-height:26px; color:#333;}
.lx01 .box .w04{ display:flex; width:100%; justify-content:space-between;}
.lx01 .box .w04 li{ width:32%; border-radius:2px; background-color:#f2f2f2; margin-top:30px; padding:30px; box-sizing:border-box;}
.lx01 .box .w04 li span{ display:block; height:40px; overflow:hidden;}
.lx01 .box .w04 li span img{ height:40px; float:left; display:block;}
.lx01 .box .w04 li span a{ font-size:16px; line-height:40px; color:#666; display:block; float:left; margin-left:10px;}
.lx01 .box .w04 li b{ display:block; font-size:20px; line-height:30px; overflow:hidden; margin-top:15px;}
.lx01 .box .w04 li:nth-child(3) b{ font-size:16px;}
}
@media only screen and (max-width:768px){
.lx01{ width:100%; position:relative; z-index:3; background-color:#fff;}
.lx01 .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.lx01 .box .w03{ width:100%; margin-top:5px; text-align:center; font-size:14px; line-height:24px; color:#333;}
.lx01 .box .w04{ display:block; width:100%;}
.lx01 .box .w04 li{ width:100%; border-radius:2px; background-color:#f2f2f2; margin-top:15px; padding:20px; box-sizing:border-box;}
.lx01 .box .w04 li span{ display:block; height:40px; overflow:hidden;}
.lx01 .box .w04 li span img{ height:40px; float:left; display:block;}
.lx01 .box .w04 li span a{ font-size:16px; line-height:40px; color:#666; display:block; float:left; margin-left:10px;}
.lx01 .box .w04 li b{ display:block; font-size:18px; line-height:28px; overflow:hidden; margin-top:10px;}
.lx01 .box .w04 li:nth-child(3) b{ font-size:14px;}
}

@media screen and (min-width:1280px){
.lx02{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.lx02 .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.lx02 .box .small_problem{ width:100%; padding-top:20px;}
.lx02 .box .small_problem li{ background:#fff; margin-top:10px; position:relative; display:block; overflow:hidden;}
.lx02 .box .small_problem li dl{ padding:20px 120px 20px 20px; display:block; overflow:hidden;}
.lx02 .box .small_problem li dl .at{ font-size:18px; line-height:40px; display:block; position:relative; padding-left:70px; min-height:40px;}
.lx02 .box .small_problem li dl .at.blod{ font-weight:bold}
.lx02 .box .small_problem li dl .at i{ width:40px; height:40px; font-size:18px; color:#FFF; background:#4197fc; text-align:center; line-height:40px; border-radius:40px; display:block; position:absolute; left:0px; top:0px; font-style:normal;}
.lx02 .box .small_problem li dl .animates{ padding-top:0px; height:0px; overflow:hidden}
.lx02 .box .small_problem li dl .animates.zk{ padding-top:20px; height:auto}
.lx02 .box .small_problem li dl .animates i{ width:40px; height:40px; font-size:18px; color:#FFF; background:#cc0033; text-align:center; line-height:40px; border-radius:40px; display:block; margin-right:30px; float:left; font-style:normal;}
.lx02 .box .small_problem li dl .animates div{ color:#666; font-size:16px; line-height:26px; overflow:hidden; display:block;}
.lx02 .box .small_problem li .operate{ display:block; position:absolute; right:19px; width:33px; height:33px; line-height:33px; text-align:center; border:1px solid #e7ebee; font-size:18px; color:#345e8c; top:22px; cursor:pointer;}
.lx02 .box .small_problem li .operate *{ font-style:normal;}
.lx02 .box .small_problem li .operate em{ display:none;}
.lx02 .box .small_problem li .operate.zk em{ display:block}
.lx02 .box .small_problem li .operate.zk i{ display:none; font-style:normal;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx02{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.lx02 .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.lx02 .box .small_problem{ width:100%; padding-top:15px;}
.lx02 .box .small_problem li{ background:#fff; margin-top:10px; position:relative; display:block; overflow:hidden;}
.lx02 .box .small_problem li dl{ padding:20px 80px 20px 20px; display:block; overflow:hidden;}
.lx02 .box .small_problem li dl .at{ font-size:18px; line-height:40px; display:block; position:relative; padding-left:70px; min-height:40px;}
.lx02 .box .small_problem li dl .at.blod{ font-weight:bold}
.lx02 .box .small_problem li dl .at i{ width:40px; height:40px; font-size:18px; color:#FFF; background:#4197fc; text-align:center; line-height:40px; border-radius:40px; display:block; position:absolute; left:0px; top:0px; font-style:normal;}
.lx02 .box .small_problem li dl .animates{ padding-top:0px; height:0px; overflow:hidden}
.lx02 .box .small_problem li dl .animates.zk{ padding-top:20px; height:auto}
.lx02 .box .small_problem li dl .animates i{ width:40px; height:40px; font-size:18px; color:#FFF; background:#cc0033; text-align:center; line-height:40px; border-radius:40px; display:block; margin-right:30px; float:left; font-style:normal;}
.lx02 .box .small_problem li dl .animates div{ color:#666; font-size:16px; line-height:26px; overflow:hidden; display:block}
.lx02 .box .small_problem li .operate{ display:block; position:absolute; right:19px; width:33px; height:33px; line-height:33px; text-align:center; border:1px solid #e7ebee; font-size:18px; color:#345e8c; top:22px; cursor:pointer;}
.lx02 .box .small_problem li .operate *{ font-style:normal;}
.lx02 .box .small_problem li .operate em{ display:none;}
.lx02 .box .small_problem li .operate.zk em{ display:block}
.lx02 .box .small_problem li .operate.zk i{ display:none; font-style:normal;}
}
@media only screen and (max-width:768px){
.lx02{ width:100%; position:relative; z-index:3; background-color:#f2f2f2;}
.lx02 .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.lx02 .box .small_problem{ width:100%; padding-top:10px;}
.lx02 .box .small_problem li{ background:#fff; margin-top:10px; position:relative; display:block; overflow:hidden;}
.lx02 .box .small_problem li dl{ padding:10px 60px 10px 15px; display:block; overflow:hidden;}
.lx02 .box .small_problem li dl .at{ font-size:16px; line-height:36px; display:block; position:relative; padding-left:44px; min-height:36px;}
.lx02 .box .small_problem li dl .at.blod{ font-weight:bold}
.lx02 .box .small_problem li dl .at i{ width:36px; height:36px; font-size:16px; color:#FFF; background:#4197fc; text-align:center; line-height:36px; border-radius:40px; display:block; position:absolute; left:0px; top:0px; font-style:normal;}
.lx02 .box .small_problem li dl .animates{ padding-top:0px; height:0px; overflow:hidden}
.lx02 .box .small_problem li dl .animates.zk{ padding-top:10px; height:auto}
.lx02 .box .small_problem li dl .animates i{ width:36px; height:36px; font-size:16px; color:#FFF; background:#cc0033; text-align:center; line-height:36px; border-radius:40px; display:block; margin-right:10px; float:left; font-style:normal;}
.lx02 .box .small_problem li dl .animates div{ color:#666; font-size:14px; line-height:24px; overflow:hidden; display:block}
.lx02 .box .small_problem li .operate{ display:block; position:absolute; right:10px; width:28px; height:28px; line-height:28px; text-align:center; border:1px solid #e7ebee; font-size:18px; color:#345e8c; top:13px; cursor:pointer;}
.lx02 .box .small_problem li .operate *{ font-style:normal;}
.lx02 .box .small_problem li .operate em{ display:none;}
.lx02 .box .small_problem li .operate.zk em{ display:block}
.lx02 .box .small_problem li .operate.zk i{ display:none; font-style:normal;}

}

@media screen and (min-width:1280px){
.lx03{ width:100%; position:relative; z-index:3; background-color:#fff;}
.lx03 .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.lx03 .box .form-group{ margin-top:30px;}
.lx03 .box .form-group .control-label{ width:100%; float:left; font-size:16px; line-height:26px; display:block;}
.lx03 .box .form-group .control-label .icon-required{ font-style:normal; color:#da0000;}
.lx03 .box .form-group .form-control{ width:100%; float:left; margin-top:10px; padding:0 20px; font-size:16px; height:36px; line-height:36px; display:block; box-sizing:border-box; background-color:#f2f2f2;}
.lx03 .box .form-group .intl-tel-input{ width:46px; float:left; height:36px; background-color:#f2f2f2; margin-top:10px;}
.lx03 .box .form-group .intl-tel-input>input{ display:none;}
.lx03 .box .form-group .form-control01{ text-indent:10px; width:80px; float:left; margin-top:10px; font-size:16px; height:36px; line-height:36px; background-color:#f2f2f2;}
.lx03 .box .form-group .form-control02{ width:calc(100% - 150px); float:right; margin-top:10px; padding:0 20px; font-size:16px; height:36px; line-height:36px; display:block; box-sizing:border-box; background-color:#f2f2f2;}
.lx03 .box .form-group .form-control03{ width:100%; float:left; margin-top:10px; padding:10px 20px; font-size:16px; height:78px; line-height:26px; display:block; box-sizing:border-box; background-color:#f2f2f2; overflow:auto;}
.lx03 .box .btn-primary{ width:140px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; border-radius:3px; margin:auto; margin-top:40px; display:block; cursor:pointer; background-color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx03{ width:100%; position:relative; z-index:3; background-color:#fff;}
.lx03 .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.lx03 .box .form-group{ margin-top:20px;}
.lx03 .box .form-group .control-label{ width:100%; float:left; font-size:15px; line-height:25px; display:block;}
.lx03 .box .form-group .control-label .icon-required{ font-style:normal; color:#da0000;}
.lx03 .box .form-group .form-control{ width:100%; float:left; margin-top:5px; padding:0 15px; font-size:16px; height:36px; line-height:36px; display:block; box-sizing:border-box; background-color:#f2f2f2;}
.lx03 .box .form-group .intl-tel-input{ width:46px; float:left; height:36px; background-color:#f2f2f2; margin-top:5px;}
.lx03 .box .form-group .intl-tel-input>input{ display:none;}
.lx03 .box .form-group .form-control01{ text-indent:10px; width:80px; float:left; margin-top:5px; font-size:16px; height:36px; line-height:36px; background-color:#f2f2f2;}
.lx03 .box .form-group .form-control02{ width:calc(100% - 150px); float:right; margin-top:5px; padding:0 15px; font-size:16px; height:36px; line-height:36px; display:block; box-sizing:border-box; background-color:#f2f2f2;}
.lx03 .box .form-group .form-control03{ width:100%; float:left; margin-top:5px; padding:10px 15px; font-size:16px; height:78px; line-height:26px; display:block; box-sizing:border-box; background-color:#f2f2f2; overflow:auto;}
.lx03 .box .btn-primary{ width:140px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; border-radius:3px; margin:auto; margin-top:30px; display:block; cursor:pointer; background-color:#4197fc;}
}
@media only screen and (max-width:768px){
.lx03{ width:100%; position:relative; z-index:3; background-color:#fff;}
.lx03 .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.lx03 .box .form-group{ margin-top:15px;}
.lx03 .box .form-group .control-label{ width:100%; float:left; font-size:14px; line-height:24px; display:block;}
.lx03 .box .form-group .control-label .icon-required{ font-style:normal; color:#da0000;}
.lx03 .box .form-group .form-control{ width:100%; float:left; margin-top:5px; padding:0 10px; font-size:14px; height:34px; line-height:34px; display:block; box-sizing:border-box; background-color:#f2f2f2;}
.lx03 .box .form-group .intl-tel-input{ width:46px; float:left; height:34px; background-color:#f2f2f2; margin-top:5px;}
.lx03 .box .form-group .intl-tel-input>input{ display:none;}
.lx03 .box .form-group .form-control01{ text-indent:10px; width:80px; float:left; margin-top:5px; font-size:14px; height:34px; line-height:34px; background-color:#f2f2f2;}
.lx03 .box .form-group .form-control02{ width:calc(100% - 130px); float:right; margin-top:5px; padding:0 10px; font-size:14px; height:34px; line-height:34px; display:block; box-sizing:border-box; background-color:#f2f2f2;}
.lx03 .box .form-group .form-control03{ width:100%; float:left; margin-top:5px; padding:5px 10px; font-size:14px; height:82px; line-height:24px; display:block; box-sizing:border-box; background-color:#f2f2f2; overflow:auto;}
.lx03 .box .btn-primary{ width:140px; height:34px; line-height:34px; font-size:14px; text-align:center; color:#fff; border-radius:3px; margin:auto; margin-top:20px; display:block; cursor:pointer; background-color:#4197fc;}
}

/*新闻中心*/
@media screen and (min-width:1280px){
.news{ width:100%; position:relative; z-index:3; background-color:#fff;}
.news .box{ padding:80px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.news .box .w01{ font-size:24px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.news .box .w02{ width:100%; font-size:30px; line-height:40px; margin-top:0; font-weight:bold; text-align:center;}
.news .box .list{ width:100%; display:block;}
.news .box .list li{ width:32%; margin-top:30px; display:block; float:left; margin-left:2%; background-color:#f2f2f2; overflow:hidden;}
.news .box .list li:nth-child(3n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; position:relative;}
.news .box .list li .tu>img{ width:100%; display:block;}
.news .box .list li .tu p{ width:60px; height:60px; padding:10px; text-align:center;display:block; position:absolute; right:20px; bottom:20px; background-color:rgba(65,151,252,.9);}
.news .box .list li .tu p img{ display:block; margin:auto;}
.news .box .list li .tu p span{ display:block; font-size:18px; line-height:38px; height:38px; color:#fff;}
.news .box .list li .wen{ padding:20px;}
.news .box .list li .wen .t01{ font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .box .list li .wen .t02{ font-size:16px; line-height:30px; height:120px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; margin:5px 0;}
.news .box .list li .wen .t03{ font-size:16px; line-height:26px; height:26px; color:#666;}
.news .box .list li .wen .t01:hover{ color:#4197fc;} 

.fanye{ width:100%; margin-top:40px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ font-size:16px; background-color:#f2f2f2; width:40px; height:40px; line-height:40px; border-radius:100%; overflow:hidden; display:block;}
.fanye li span{ font-size:16px; background-color:#4197fc; color:#fff; width:40px; height:40px; line-height:40px; border-radius:100%; overflow:hidden; display:block;}
.fanye li a:hover{ color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.news{ width:100%; position:relative; z-index:3; background-color:#fff;}
.news .box{ padding:60px 3%; box-sizing:border-box; width:100%;}
.news .box .w01{ font-size:22px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.news .box .w02{ width:100%; font-size:38px; line-height:48px; margin-top:0; font-weight:bold; text-align:center;}
.news .box .list{ width:100%; display:block;}
.news .box .list li{ width:32%; margin-top:25px; display:block; float:left; margin-left:2%; background-color:#f2f2f2; overflow:hidden;}
.news .box .list li:nth-child(3n+1){ margin-left:0;}
.news .box .list li .tu{ width:100%; position:relative;}
.news .box .list li .tu>img{ width:100%; display:block;}
.news .box .list li .tu p{ width:60px; height:60px; padding:10px; text-align:center;display:block; position:absolute; right:15px; bottom:15px; background-color:rgba(65,151,252,.9);}
.news .box .list li .tu p img{ display:block; margin:auto;}
.news .box .list li .tu p span{ display:block; font-size:18px; line-height:38px; height:38px; color:#fff;}
.news .box .list li .wen{ padding:20px;}
.news .box .list li .wen .t01{ font-size:18px; line-height:28px; height:56px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .box .list li .wen .t02{ font-size:16px; line-height:26px; height:104px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; margin:5px 0;}
.news .box .list li .wen .t03{ font-size:16px; line-height:26px; height:26px; color:#666;}
.news .box .list li .wen .t01:hover{ color:#4197fc;} 

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ font-size:16px; background-color:#f2f2f2; width:38px; height:38px; line-height:38px; border-radius:100%; overflow:hidden; display:block;}
.fanye li span{ font-size:16px; background-color:#4197fc; color:#fff; width:38px; height:38px; line-height:38px; border-radius:100%; overflow:hidden; display:block;}
.fanye li a:hover{ color:#4197fc;}
}
@media only screen and (max-width:768px){
.news{ width:100%; position:relative; z-index:3; background-color:#fff;}
.news .box{ padding:40px 3%; box-sizing:border-box; width:100%;}
.news .box .w01{ font-size:20px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.news .box .w02{ width:100%; font-size:28px; line-height:38px; margin-top:0; font-weight:bold; text-align:center;}
.news .box .list{ width:100%; display:block;}
.news .box .list li{ width:100%; margin-top:20px; display:block; float:left; background-color:#f2f2f2; overflow:hidden;}
.news .box .list li .tu{ width:100%; position:relative;}
.news .box .list li .tu>img{ width:100%; display:block;}
.news .box .list li .tu p{ width:60px; height:60px; padding:10px; text-align:center;display:block; position:absolute; right:15px; bottom:15px; background-color:rgba(65,151,252,.9);}
.news .box .list li .tu p img{ display:block; margin:auto;}
.news .box .list li .tu p span{ display:block; font-size:18px; line-height:38px; height:38px; color:#fff;}
.news .box .list li .wen{ padding:15px;}
.news .box .list li .wen .t01{ font-size:16px; line-height:26px; height:52px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .box .list li .wen .t02{ font-size:14px; line-height:24px; height:96px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; margin:5px 0;}
.news .box .list li .wen .t03{ font-size:14px; line-height:24px; height:24px; color:#666;}
.news .box .list li .wen .t01:hover{ color:#4197fc;} 

.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ font-size:14px; background-color:#f2f2f2; width:34px; height:34px; line-height:34px; border-radius:100%; overflow:hidden; display:block;}
.fanye li span{ font-size:16px; background-color:#4197fc; color:#fff; width:34px; height:34px; line-height:34px; border-radius:100%; overflow:hidden; display:block;}
.fanye li a:hover{ color:#4197fc;}
}

/*新闻内页*/
@media screen and (min-width:1280px){
.main{ width:100%; position:relative; z-index:3; background-color:#fff;}
.main .ny{ padding:80px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.news-detail{ width:100%; border-bottom:5px solid #f6f6f6; padding-bottom:15px;}
.news-detail .tit{ width:calc(100% - 100px); font-size:26px; line-height:36px; font-weight:bold; float:left;}
.news-detail .date{ width:100px; text-align:right; font-size:16px; line-height:36px; color:#999; float:left;}
.news-wen{ font-size:16px; line-height:36px; margin-top:20px;}
.news-wen iframe{ width:100%; height:30vw;}
.news-wen img{ max-width:100%; height:auto !important;}
.detail-back{ margin-top:30px; overflow:hidden;}
.detail-back a{ font-size:16px; color:#fff; background-color:#4197fc; display:flex; align-items:center; float:right; padding:0 30px; height:50px; line-height:50px; border-radius:50px;}
.detail-back a b{ display:block; margin-left:10px; width:24px; height:9px; background-image:url(../images/more.png);}
.detail-back a:hover{ background-color:#333;}

.next-list{ width:100%; position:relative; z-index:3; background-color:#f2f2f2; border-top:5px solid #4197fc;}
.next-list .box{ padding:60px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.next-list h2{ font-size:24px; line-height:34px; display:block; padding-bottom:15px; border-bottom:1px solid #333;}
.next-list .cont-box{ margin-top:15px;}
.next-list .cont-box .date{ display:block; color:#999; font-size:16px; line-height:26px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:20px; line-height:30px; margin-top:15px;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:16px; line-height:26px; margin-top:10px;}
.next-list .cont-box .tit:hover{ color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main{ width:100%; position:relative; z-index:3; background-color:#fff;}
.main .ny{ padding:60px 3%; box-sizing:border-box; width:100%;}
.news-detail{ width:100%; border-bottom:5px solid #f6f6f6; padding-bottom:15px;}
.news-detail .tit{ width:calc(100% - 100px); font-size:24px; line-height:34px; font-weight:bold; float:left;}
.news-detail .date{ width:100px; text-align:right; font-size:16px; line-height:34px; color:#999; float:left;}
.news-wen{ font-size:16px; line-height:30px; margin-top:20px;}
.news-wen img{ max-width:100%; height:auto !important;}
.news-wen iframe{ width:100%; height:40vw;}
.detail-back{ margin-top:30px; overflow:hidden;}
.detail-back a{ font-size:16px; color:#fff; background-color:#4197fc; display:flex; align-items:center; float:right; padding:0 25px; height:40px; line-height:40px; border-radius:50px;}
.detail-back a b{ display:block; margin-left:10px; width:24px; height:9px; background-image:url(../images/more.png);}
.detail-back a:hover{ background-color:#333;}

.next-list{ width:100%; position:relative; z-index:3; background-color:#f2f2f2; border-top:5px solid #4197fc;}
.next-list .box{ padding:40px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.next-list h2{ font-size:22px; line-height:32px; display:block; padding-bottom:15px; border-bottom:1px solid #333;}
.next-list .cont-box{ margin-top:15px;}
.next-list .cont-box .date{ display:block; color:#999; font-size:16px; line-height:26px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:18px; line-height:28px; margin-top:10px;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:16px; line-height:26px; margin-top:5px;}
.next-list .cont-box .tit:hover{ color:#4197fc;}
}
@media only screen and (max-width:768px){
.main{ width:100%; position:relative; z-index:3; background-color:#fff;}
.main .ny{ padding:40px 3%; box-sizing:border-box; width:100%;}
.news-detail{ width:100%; border-bottom:5px solid #f6f6f6; padding-bottom:10px;}
.news-detail .tit{ font-size:20px; line-height:30px; font-weight:bold;}
.news-detail .date{ font-size:14px; line-height:30px; color:#999;}
.news-wen{ font-size:14px; line-height:24px; margin-top:15px;}
.news-wen img{ max-width:100%; height:auto !important;}
.news-wen iframe{ width:100%; height:50vw;}
.detail-back{ margin-top:20px; overflow:hidden;}
.detail-back a{ font-size:14px; color:#fff; background-color:#4197fc; display:flex; align-items:center; float:right; padding:0 20px; height:34px; line-height:34px; border-radius:50px;}
.detail-back a b{ display:block; margin-left:5px; width:24px; height:9px; background-image:url(../images/more.png);}
.detail-back a:hover{ background-color:#333;}

.next-list{ width:100%; position:relative; z-index:3; background-color:#f2f2f2; border-top:5px solid #4197fc;}
.next-list .box{ padding:20px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.next-list h2{ font-size:20px; line-height:30px; display:block; padding-bottom:10px; border-bottom:1px solid #333;}
.next-list .cont-box{ margin-top:15px;}
.next-list .cont-box .date{ display:block; color:#999; font-size:14px; line-height:24px;}
.next-list .cont-box .tit{ display:block; color:#333; font-size:16px; line-height:26px; margin-top:5px;}
.next-list .cont-box .txt{ display:block; color:#666; font-size:14px; line-height:24px;}
.next-list .cont-box .tit:hover{ color:#4197fc;}
}

/*工程案例*/
@media screen and (min-width:1280px){
.case{ width:100%; position:relative; z-index:3; background-color:#fff;}
.case .box{ padding:80px 15px; box-sizing:border-box; max-width:1280px; margin:auto;}
.case .box .w01{ font-size:24px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.case .box .w02{ width:100%; font-size:30px; line-height:40px; margin-top:0; font-weight:bold; text-align:center;}
.case .box .list{ width:100%; display:block;}
.case .box .list li{ width:32%; margin-top:30px; display:block; float:left; margin-left:2%; overflow:hidden;}
.case .box .list li:nth-child(3n+1){ margin-left:0;}
.case .box .list li .tu{ width:100%; position:relative;}
.case .box .list li .tu>img{ width:100%; display:block;}
.case .box .list li .wen{ margin-top:15px;}
.case .box .list li .wen .t01{ font-size:16px; line-height:26px; color:#666;}
.case .box .list li .wen .t02{ font-size:20px; line-height:30px; height:30px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.case .box .list li .wen .t03{ width:100%; background-color:#eee; margin-top:15px;}
.case .box .list li .wen .t03 b{ display:block; width:80px; height:2px; background-color:#333; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .box .list li .wen .t02:hover{ color:#4197fc;} 
.case .box .list li:hover .wen .t03 b{ width:100%; background-color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.case{ width:100%; position:relative; z-index:3; background-color:#fff;}
.case .box{ padding:60px 3%; box-sizing:border-box; width:100%;}
.case .box .w01{ font-size:22px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.case .box .w02{ width:100%; font-size:38px; line-height:48px; margin-top:0; font-weight:bold; text-align:center;}
.case .box .list{ width:100%; display:block;}
.case .box .list li{ width:32%; margin-top:25px; display:block; float:left; margin-left:2%; overflow:hidden;}
.case .box .list li:nth-child(3n+1){ margin-left:0;}
.case .box .list li .tu{ width:100%; position:relative;}
.case .box .list li .tu>img{ width:100%; display:block;}
.case .box .list li .wen{ margin-top:10px;}
.case .box .list li .wen .t01{ font-size:16px; line-height:24px; color:#666;}
.case .box .list li .wen .t02{ font-size:18px; line-height:28px; height:28px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.case .box .list li .wen .t03{ width:100%; background-color:#eee; margin-top:10px;}
.case .box .list li .wen .t03 b{ display:block; width:60px; height:2px; background-color:#333; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .box .list li .wen .t02:hover{ color:#4197fc;} 
.case .box .list li:hover .wen .t03 b{ width:100%; background-color:#4197fc;}
}
@media only screen and (max-width:768px){
.case{ width:100%; position:relative; z-index:3; background-color:#fff;}
.case .box{ padding:40px 3%; box-sizing:border-box; width:100%;}
.case .box .w01{ font-size:20px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.case .box .w02{ width:100%; font-size:28px; line-height:38px; margin-top:0; font-weight:bold; text-align:center;}
.case .box .list{ width:100%; display:block;}
.case .box .list li{ width:100%; margin-top:20px; display:block; float:left; overflow:hidden;}
.case .box .list li .tu{ width:100%; position:relative;}
.case .box .list li .tu>img{ width:100%; display:block;}
.case .box .list li .wen{ margin-top:10px;}
.case .box .list li .wen .t01{ font-size:14px; line-height:20px; color:#666;}
.case .box .list li .wen .t02{ font-size:16px; line-height:26px; height:26px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.case .box .list li .wen .t03{ width:100%; background-color:#eee; margin-top:7px;}
.case .box .list li .wen .t03 b{ display:block; width:40px; height:2px; background-color:#333; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .box .list li .wen .t02:hover{ color:#4197fc;} 
.case .box .list li:hover .wen .t03 b{ width:100%; background-color:#4197fc;}
}

/*视频中心*/
/*@media screen and (min-width:1280px){
.video{ width:100%; position:relative; z-index:3; background-color:#fff;}
.video .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.video .box>.w01{ font-size:24px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.video .box>.w02{ width:100%; font-size:30px; line-height:40px; margin-top:0; font-weight:bold; text-align:center;}
.video .box .list{ width:100%; display:block;}
.video .box .list li{ width:32%; margin-top:30px; display:block; float:left; margin-left:2%; overflow:hidden;}
.video .box .list li:nth-child(3n+1){ margin-left:0;}
.video .box .list li .w01{ width:100%; position:relative;}
.video .box .list li .w01 img{ width:100%; display:block;}
.video .box .list li .w02{ width:100%; font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:15px;}
.video .box .list li .w03{ width:100%; font-size:16px; line-height:24px; height:24px; color:#666; margin-top:10px;}
.video .box .list li .w04{ width:100%; font-size:16px; line-height:30px; height:60px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;}
.video .box .list li .w05{ margin-top:13px; position:relative;}
.video .box .list li .w05 p{ color:#4197fc; display:flex; align-items:center; float:left; padding:0 30px; font-size:16px; height:38px; line-height:38px; border-radius:40px; border:1px solid #4197fc;}
.video .box .list li .w05 p b{ display:block; margin-left:10px; width:24px; height:9px; background-image:url(../images/moreh.png);}
.video .box .list li .w05 p:hover b{ background-image:url(../images/more.png);}
.video .box .list li .w05 p:hover{ background-color:#4197fc; color:#fff;}
.video .box .list li .w02:hover{ color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.video{ width:100%; position:relative; z-index:3; background-color:#fff;}
.video .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.video .box>.w01{ font-size:22px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.video .box>.w02{ width:100%; font-size:26px; line-height:36px; margin-top:0; font-weight:bold; text-align:center;}
.video .box .list{ width:100%; display:block;}
.video .box .list li{ width:32%; margin-top:25px; display:block; float:left; margin-left:2%; overflow:hidden;}
.video .box .list li:nth-child(3n+1){ margin-left:0;}
.video .box .list li .w01{ width:100%; position:relative;}
.video .box .list li .w01 img{ width:100%; display:block;}
.video .box .list li .w02{ width:100%; font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:13px;}
.video .box .list li .w03{ width:100%; font-size:14px; line-height:24px; height:24px; color:#666; margin-top:7px;}
.video .box .list li .w04{ width:100%; font-size:16px; line-height:26px; height:52px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:5px;}
.video .box .list li .w05{ margin-top:13px; position:relative;}
.video .box .list li .w05 p{ color:#4197fc; display:flex; align-items:center; float:left; padding:0 25px; font-size:16px; height:36px; line-height:36px; border-radius:40px; border:1px solid #4197fc;}
.video .box .list li .w05 p b{ display:block; margin-left:7px; width:24px; height:9px; background-image:url(../images/moreh.png);}
.video .box .list li .w05 p:hover b{ background-image:url(../images/more.png);}
.video .box .list li .w05 p:hover{ background-color:#4197fc; color:#fff;}
.video .box .list li .w02:hover{ color:#4197fc;}
}
@media only screen and (max-width:768px){
.video{ width:100%; position:relative; z-index:3; background-color:#fff;}
.video .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.video .box>.w01{ font-size:20px; line-height:1; font-weight:bold; color:#4197fc; text-align:center; display:none;}
.video .box>.w02{ width:100%; font-size:28px; line-height:38px; margin-top:0; font-weight:bold; text-align:center;}
.video .box .list{ width:100%; display:block;}
.video .box .list li{ width:100%; margin-top:20px; display:block; float:left; overflow:hidden;}
.video .box .list li .w01{ width:100%; position:relative;}
.video .box .list li .w01 img{ width:100%; display:block;}
.video .box .list li .w02{ width:100%; font-size:20px; line-height:30px; height:60px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top:10px;}
.video .box .list li .w03{ width:100%; font-size:14px; line-height:20px; height:20px; color:#666; margin-top:5px;}
.video .box .list li .w04{ width:100%; font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; margin-top:5px;}
.video .box .list li .w05{ margin-top:10px; position:relative;}
.video .box .list li .w05 p{ color:#4197fc; display:flex; align-items:center; float:left; padding:0 20px; font-size:14px; height:34px; line-height:34px; border-radius:40px; border:1px solid #4197fc;}
.video .box .list li .w05 p b{ display:block; margin-left:5px; width:24px; height:9px; background-image:url(../images/moreh.png);}
.video .box .list li .w05 p:hover b{ background-image:url(../images/more.png);}
.video .box .list li .w05 p:hover{ background-color:#4197fc; color:#fff;}
.video .box .list li .w02:hover{ color:#4197fc;}
}*/

@media screen and (min-width:1280px){
.video{ width:100%; position:relative; z-index:3; background-color:#fff;}
.video .box{ padding:80px 15px; padding-top:75px; box-sizing:border-box; max-width:1280px; margin:auto;}
.video .box .list{ width:100%; margin:30px auto;}
.video .box .list li{ display:flex; overflow:hidden; align-items:center;}
.video .box .list .tu{ width:47.5%; float:left; border:2px solid #fff; box-sizing:border-box;}
.video .box .list .tu img{ width:100%; display:block;}
.video .box .list .tu:hover{ border:2px solid #4197fc;}
.video .box .list .wen{ width:47.5%; margin-left:5%;}
.video .box .list .wen .t04{ font-size:16px; line-height:26px; color:#666;}
.video .box .list .wen .t01{ font-size:20px; line-height:30px; margin:10px 0; min-height:120px;}
.video .box .list .wen .t01 a{ display:block; overflow:hidden;}
.video .box .list .wen .t01 a:hover{ color:#4197fc;}
.video .box .list .wen .t02{ font-size:16px; line-height:26px; height:78px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; display:none;}
.video .box .list .wen .t03{ margin-top:25px;}
.video .box .list .wen .t03 a{ width:140px; height:40px; background-color:#eee; text-align:center; line-height:40px; font-size:16px; display:block; overflow:hidden;}
.video .box .list .wen .t03 a:hover{ background-color:#4197fc; color:#fff;}
.video .box .swiper-container{ width:100%;}
.video .box .swiper-container .swiper-slide{ width:47.5%; margin-right:5%; border:2px solid #fff; box-sizing:border-box;}
.video .box .swiper-container .swiper-slide:hover{ border:2px solid #4197fc;}
.video .box .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.video .box .swiper-container .swiper-slide .tu{ width:100%; position:relative;}
.video .box .swiper-container .swiper-slide .tu img{ width:100%; display:block;}
.video .box .swiper-container .swiper-slide .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.0));}
.video .box .swiper-container .swiper-slide .wen{ padding:15px 25px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box;}
.video .box .swiper-container .swiper-slide .wen .t01{ color:#fff; width:100%; font-size:20px; line-height:30px; height:30px; text-overflow:ellipsis; white-space:nowrap;}
.video .box .swiper-container .swiper-slide .wen .t02{ color:#fff; margin-top:5px; width:100%; font-size:16px; line-height:26px; height:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.video .box .swiper-container .swiper-slide:hover .wen .t02{ height:52px;}
.video .swiper-pagination{ margin-top:30px; width:100%; display:flex; justify-content:center;}
.video .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden;}
.video .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background-color:#4197fc;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.video{ width:100%; position:relative; z-index:3; background-color:#fff;}
.video .box{ padding:60px 3%; padding-top:55px; box-sizing:border-box; width:100%;}
.video .box .list{ width:100%; margin:25px auto;}
.video .box .list li{ display:flex; overflow:hidden; align-items:center;}
.video .box .list .tu{ width:48.5%; float:left; border:2px solid #fff; box-sizing:border-box;}
.video .box .list .tu img{ width:100%; display:block;}
.video .box .list .tu:hover{ border:2px solid #4197fc;}
.video .box .list .wen{ width:48.5%; margin-left:3%;}
.video .box .list .wen .t04{ font-size:16px; line-height:26px; color:#666;}
.video .box .list .wen .t01{ font-size:18px; line-height:28px; margin:10px 0; min-height:84px;}
.video .box .list .wen .t01 a{ display:block; overflow:hidden;}
.video .box .list .wen .t01 a:hover{ color:#4197fc;}
.video .box .list .wen .t02{ font-size:16px; line-height:26px; height:78px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; display:none;}
.video .box .list .wen .t03{ margin-top:25px;}
.video .box .list .wen .t03 a{ width:140px; height:40px; background-color:#eee; text-align:center; line-height:40px; font-size:16px; display:block; overflow:hidden;}
.video .box .list .wen .t03 a:hover{ background-color:#4197fc; color:#fff;}
.video .box .swiper-container{ width:100%;}
.video .box .swiper-container .swiper-slide{ width:48.5%; margin-right:3%; border:2px solid #fff; box-sizing:border-box;}
.video .box .swiper-container .swiper-slide:hover{ border:2px solid #4197fc;}
.video .box .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.video .box .swiper-container .swiper-slide .tu{ width:100%; position:relative;}
.video .box .swiper-container .swiper-slide .tu img{ width:100%; display:block;}
.video .box .swiper-container .swiper-slide .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.0));}
.video .box .swiper-container .swiper-slide .wen{ padding:10px 20px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box;}
.video .box .swiper-container .swiper-slide .wen .t01{ color:#fff; width:100%; font-size:18px; line-height:28px; height:28px; text-overflow:ellipsis; white-space:nowrap;}
.video .box .swiper-container .swiper-slide .wen .t02{ color:#fff; margin-top:5px; width:100%; font-size:16px; line-height:26px; height:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.video .box .swiper-container .swiper-slide:hover .wen .t02{ height:52px;}
.video .swiper-pagination{ margin-top:25px; width:100%; display:flex; justify-content:center;}
.video .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden;}
.video .swiper-pagination span.swiper-pagination-bullet-active{ width:50px; background-color:#4197fc;}
}
@media only screen and (max-width:768px){
.video{ width:100%; position:relative; z-index:3; background-color:#fff;}
.video .box{ padding:40px 3%; padding-top:35px; box-sizing:border-box; width:100%;}
.video .box .list{ width:100%; margin:20px auto;}
.video .box .list li{ overflow:hidden;}
.video .box .list .tu{ width:100%; border:2px solid #fff; box-sizing:border-box;}
.video .box .list .tu img{ width:100%; display:block;}
.video .box .list .tu:hover{ border:2px solid #4197fc;}
.video .box .list .wen{ width:100%; margin-top:5px;}
.video .box .list .wen .t04{ font-size:14px; line-height:24px; color:#666;}
.video .box .list .wen .t01{ font-size:16px; line-height:26px;}
.video .box .list .wen .t01 a{ display:block; overflow:hidden;}
.video .box .list .wen .t01 a:hover{ color:#4197fc;}
.video .box .list .wen .t02{ font-size:14px; line-height:24px; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; color:#666; display:none;}
.video .box .list .wen .t03{ margin-top:15px;}
.video .box .list .wen .t03 a{ width:120px; height:34px; background-color:#eee; text-align:center; line-height:34px; font-size:14px; display:block; overflow:hidden;}
.video .box .list .wen .t03 a:hover{ background-color:#4197fc; color:#fff;}
.video .box .swiper-container{ width:100%;}
.video .box .swiper-container .swiper-slide{ width:100%; border:2px solid #fff; box-sizing:border-box;}
.video .box .swiper-container .swiper-slide:hover{ border:2px solid #4197fc;}
.video .box .swiper-container .swiper-slide a{ width:100%; height:100%; display:block; position:relative; overflow:hidden;}
.video .box .swiper-container .swiper-slide .tu{ width:100%; position:relative;}
.video .box .swiper-container .swiper-slide .tu img{ width:100%; display:block;}
.video .box .swiper-container .swiper-slide .tu b{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(to top,rgba(0,0,0,.7),rgba(0,0,0,.0));}
.video .box .swiper-container .swiper-slide .wen{ padding:5px 15px; position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box;}
.video .box .swiper-container .swiper-slide .wen .t01{ color:#fff; width:100%; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.video .box .swiper-container .swiper-slide .wen .t02{ color:#fff; margin-top:5px; width:100%; font-size:14px; line-height:24px; height:0; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.video .box .swiper-container .swiper-slide:hover .wen .t02{ height:48px;}
.video .swiper-pagination{ margin-top:15px; width:100%; display:flex; justify-content:center;}
.video .swiper-pagination span{ display:block; float:left; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden;}
.video .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; background-color:#4197fc;}
}