@charset "utf-8";
/* CSS Document */
html, body { width:100%; height:100%; }
body { font:14px/1.5 "微软雅黑", sans-serif, Arial; color:#333; background-color:#333; overflow-x:hidden; }
a { text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent; }
* { list-style:none; margin:0; outline:none; padding:0; border:none; }
.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=radio] { -webkit-appearance:radio; }
input[type=checkbox] { -webkit-appearance:checkbox; }
/*通用*/
.section,.fp-tableCell{ overflow:hidden; }
.fp-tableCell { position:relative; }
@media screen and (min-width:991px) {
.fp-section.fp-table, .fp-slide.fp-table { display:table; table-layout:fixed; width:100%; }
.fp-section { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.fp-tableCell { display:table-cell; vertical-align:middle; width:100%; height:100%; }
#menua { position:fixed; z-index:100; margin-top:-32px; top:50%; opacity:1; right:17px; font-size:12px; }
#menua li { width:16px; height:16px; margin:18px 0 0; vertical-align:middle; position:relative; display:block; }
#menua li a { float:right; width:12px; height:12px; border:2px solid #005aae; border-radius:10px; cursor:pointer; opacity:.4; -webkit-transition:background .5s, opacity .5s; -moz-transition:background .5s, opacity .5s; transition:background .5s, opacity .5s; }
#menua li.active a { background:#005aae; opacity:1; }
#menua li span { position:absolute; color:#005aae; font-size:12px; line-height:16px; right:20px; display:none; width:30px; text-align:right; }
#menua li:hover span { display:block; }
}
@media (max-width:990px) {
.fullpage-wrapper .fp-section, .fullpage-wrapper .fp-tableCell { height:auto !important; }
#menua { display:none; }
}

/*header*/
@media screen and (min-width:1280px) {
.head { position:absolute; left:0; width:100%; top:0; z-index:99; }
.head .head2 { width:1200px; margin:auto; height:90px; position:relative; display:flex; justify-content:space-between; align-items:center; }
.head .head2 .logo { height:56px; }
.head .head2 .logo img { height:56px; display:block; }
.head .head2 .nav_a1 { height:100%; display:block; }
.head .head2 .nav_a1>li { float:left; text-align:center; display:block; position:relative; }
.head .head2 .nav_a1>li>a { display:block; padding:0 20px; height:90px; line-height:90px; font-size:16px; color:#fff; }
.head .head2 .nav_a1>li.on>a, .head .head2 .nav_a1>li:hover>a { font-weight:bold; }
.head .head2 .nav_a1 ul { width:120px; display:none; position:absolute; left:50%; margin-left:-60px; top:90px; background-color:#0059b0; padding:10px 5px; padding-bottom:8px; box-sizing:border-box; }
.head .head2 .nav_a1>li:hover ul { display:block; }
.head .head2 .nav_a1 ul li { display:block; font-size:14px; height:40px; line-height:40px; overflow:hidden; text-align:center; }
.head .head2 .nav_a1 ul li a { display:block; font-size:14px; color:#fff; }
.head .head2 .nav_a1 ul li a:hover { font-weight:bold; }
.head .head2 .toubuas { height:30px; font-size:18px; line-height:30px; color:#fff; overflow:hidden; }
.head .head2 .toubuas img { display:block; height:20px; float:left; margin-right:10px; margin-top:5px; }
.head .head2 .toubuas p { display:block; float:left; }
.head .head2 .toubuas a { color:#fff; }
.head .head2 .toubuas a.on { font-weight:bold; }
.m-bm-head { display:none; }
}
@media screen and (min-width:991px) and (max-width:1279px) {
.head { position:absolute; left:0; width:100%; top:0; z-index:99; }
.head .head2 { width:94%; margin:auto; height:76px; position:relative; display:flex; justify-content:space-between; align-items:center; }
.head .head2 .logo { height:40px; }
.head .head2 .logo img { height:40px; display:block; }
.head .head2 .nav_a1 { height:100%; display:block; }
.head .head2 .nav_a1>li { float:left; text-align:center; padding:0 15px; display:block; position:relative; }
.head .head2 .nav_a1>li>a { display:block; width:100%; height:76px; line-height:76px; font-size:16px; color:#fff; }
.head .head2 .nav_a1>li.on>a, .head .head2 .nav_a1>li:hover>a { font-weight:bold; }
.head .head2 .nav_a1 ul { width:120px; display:none; position:absolute; left:50%; margin-left:-60px; top:76px; background-color:#0059b0; padding:8px 5px; box-sizing:border-box; }
.head .head2 .nav_a1>li:hover ul { display:block; }
.head .head2 .nav_a1 ul li { display:block; font-size:14px; height:36px; line-height:36px; overflow:hidden; text-align:center; }
.head .head2 .nav_a1 ul li a { display:block; font-size:14px; color:#fff; }
.head .head2 .nav_a1 ul li a:hover { font-weight:bold; }
.head .head2 .toubuas { height:28px; font-size:16px; line-height:28px; color:#fff; overflow:hidden; }
.head .head2 .toubuas img { display:block; height:18px; float:left; margin-right:10px; margin-top:5px; }
.head .head2 .toubuas p { display:block; float:left; }
.head .head2 .toubuas a { color:#fff; }
.head .head2 .toubuas a.on { font-weight:bold; }
.m-bm-head { display:none; }
}
@media (max-width:990px) {
.head { display:none; }
.m-bm-head { position:fixed; top:0; z-index:999; left:0; right:0; background:#fff; }
.m-bm-head .m-bm-head-box { position:relative; width:94%; margin:auto; height:60px; }
.m-bm-head .m-bm-logo { float:left; height:40px; margin-top:10px; }
.m-bm-head .m-bm-logo img { display:block; height:40px; }
.m-bm-head .m-bm-head-box .m-bm-navbtn { position:relative; float:right; margin-top:22px; width:20px; height:16px; }
.m-bm-head .m-bm-head-box .m-bm-navbtn span { margin:5px 0; }
.m-bm-head .m-bm-head-box .m-bm-navbtn span, .m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before { display:block; height:2px; width:100%; background:#000; -webkit-transition:all 0.5s; -o-transition:all 0.5s; -moz-transition:all 0.5s; transition:all 0.5s; }
.m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before { content:""; -webkit-transform-origin:1.5%; -moz-transform-origin:1.5%; -ms-transform-origin:1.5%; -o-transform-origin:1.5%; transform-origin:1.5%; }
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:before { -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:after { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked span { -webkit-transform:translateX(-100%); -moz-transform:translateX(-100%); -ms-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); opacity:0; }
.m-bm-head .m-bm-head-box .toubuas { height:26px; font-size:16px; line-height:26px; color:#333; overflow:hidden; padding:17px 15px; float:right; }
.m-bm-head .m-bm-head-box .toubuas img { display:block; height:16px; float:left; margin-right:10px; margin-top:5px; }
.m-bm-head .m-bm-head-box .toubuas p { display:block; float:left; }
.m-bm-head .m-bm-head-box .toubuas a { color:#333; }
.m-bm-head .m-bm-head-box .toubuas a.on { font-weight:bold; }
.m-bm-head .m-bm-menu { display:none; position:absolute; z-index:9999; left:0; right:0; top:60px; height:calc(100vh - 60px); background:#fff; }
.m-bm-head .m-bm-menu .m-bm-nav { display:block; overflow:auto; padding-bottom:80px; }
.m-bm-nav > li { border-bottom:1px solid rgba(51, 51, 51, 0.1); position:relative; }
.m-bm-nav > li > a { display:block; line-height:50px; font-size:16px; color:#333; padding:0 3%; font-weight:600; }
.m-bm-nav > li.on > a { color:#0059b0; }
.m-bm-nav .aniut { position:absolute; width:50px; height:50px; right:0; top:0; z-index:9; }
.m-bm-nav .aniut .iconfont { width:12px; height:12px; display:block; margin:19px; position:relative; overflow:hidden; }
.m-bm-nav .aniut .iconfont:before { display:block; width:100%; height:2px; background-color:#000; content:''; position:absolute; left:0; top:50%; margin-top:-1px; }
.m-bm-nav .aniut .iconfont:after { display:block; height:100%; width:2px; background-color:#000; content:''; position:absolute; top:0; left:50%; margin-left:-1px; }
.m-bm-nav .aniut.clicked .iconfont:after { display:none; }
.m-bm-nav > li .sec { display:none; padding:10px 15px; border-top:1px solid rgba(51, 51, 51, 0.1); }
.m-bm-nav > li .sec a { display:block; font-size:14px; color:#333; line-height:35px; }
}

/*section1*/
.section1.active .txt .t01{ animation:slideInLeft 1s ease 1;}
.section1.active .txt .t02{ animation:slideInRight 1s ease 1;}
.section1.active .txt .t03{ animation:fadeIn 1s ease-in 1; transition-delay:1s;}
@media screen and (min-width:1280px) {
.section1 .txt { width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; text-align:center; }
.section1 .txt .t01 { width:1200px; margin:auto; font-size:52px; font-weight:bold; line-height:62px; color:#fff;}
.section1 .txt .t02 { width:700px; margin:auto; font-size:16px; line-height:30px; color:#ddd; margin-top:40px;}
.section1 .txt .t03 { width:130px; height:40px; margin:auto; margin-top:85px;}
.section1 .txt .t03 a { display:block; width:128px; height:38px; line-height:38px; background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.5); color:#fff; border-radius:40px; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; }
.section1 .txt .t03 a:hover { background-color:#fff; border-color:#fff; color:#333; }
.section1 .banner { width:100%; height:100%; position:relative; z-index:1; overflow:hidden; }
.section1 .banner .swiper-slide { width:100%; height:100%; display:block; position:relative; overflow:hidden; }
.section1 .banner .swiper-slide img { height:100vh; width:100%; -o-object-fit:cover; object-fit:cover; display:block;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.section1 .txt { width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; text-align:center; }
.section1 .txt .t01 { width:94%; margin:auto; font-size:40px; font-weight:bold; line-height:50px; color:#fff; }
.section1 .txt .t02 { width:700px; margin:auto; font-size:15px; line-height:28px; color:#ddd; margin-top:30px; }
.section1 .txt .t03 { width:130px; margin:auto; margin-top:65px; }
.section1 .txt .t03 a { display:block; width:128px; height:36px; line-height:36px; background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.5); color:#fff; border-radius:40px; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; }
.section1 .txt .t03 a:hover { background-color:#fff; border-color:#fff; color:#333; }
.section1 .banner { width:100%; height:100%; position:relative; z-index:1; overflow:hidden; }
.section1 .banner .swiper-slide { width:100%; height:100%; display:block; position:relative; overflow:hidden; }
.section1 .banner .swiper-slide img { height:100vh; width:100%; -o-object-fit:cover; object-fit:cover; display:block;}
}
@media (max-width:990px) {
.section1 { border-top:60px solid #fff; }
.section1 .txt { width:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2; text-align:center; }
.section1 .txt .t01 { width:94%; margin:auto; font-size:28px; font-weight:bold; line-height:38px; color:#fff; }
.section1 .txt .t02 { width:94%; margin:auto; font-size:14px; line-height:26px; color:#ddd; margin-top:20px; }
.section1 .txt .t03 { width:130px; margin:auto; margin-top:45px; }
.section1 .txt .t03 a { display:block; width:128px; height:34px; line-height:34px; background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.5); color:#fff; border-radius:40px; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; }
.section1 .txt .t03 a:hover { background-color:#fff; border-color:#fff; color:#333; }
.section1 .banner { width:100%; height:calc(70vh - 60px); position:relative; z-index:1; }
.section1 .banner .swiper-slide { width:100%; height:100%; display:block; position:relative; overflow:hidden; }
.section1 .banner .swiper-slide img { height:100%; width:100%; -o-object-fit:cover; object-fit:cover; display:block;}
}

/*section2*/
.fp-bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover;}
.fp-bg:before{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; content:''; background-color:rgba(0,0,0,.7); overflow:hidden;}
.section2.active .box .list li .w01{ -webkit-transform:rotateY(-360deg);}
@media screen and (min-width:1280px) {
.section2 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.section2 .box .title{ font-size:32px; line-height:42px; font-weight:bold; color:#fff; text-align:center;}
.section2 .box .title01{ width:1000px; margin:auto; font-size:16px; line-height:30px; color:#ddd; text-align:center; margin-top:20px;}
.section2 .box .more { text-align:center; width:130px; height:40px; margin:auto; margin-top:35px; }
.section2 .box .more a { display:block; width:128px; height:38px; line-height:38px; background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.5); color:#fff; border-radius:40px; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; }
.section2 .box .more a:hover { background-color:#fff; border-color:#fff; color:#333; }
.section2 .box .list{ display:flex; justify-content:center; margin-top:80px;}
.section2 .box .list li{ width:210px; display:block; margin:0 20px; text-align:center;}
.section2 .box .list li .w01{ width:80px; height:80px; margin:auto; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.section2 .box .list li .w01 p{ width:100%; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section2 .box .list li .w01 img{ width:100%; display:block;}
.section2 .box .list li:hover .w01 p{ top:-80px;}
.section2 .box .list li .w02{ font-size:18px; line-height:28px; margin-top:20px; color:#fff; font-weight:bold;}
.section2 .box .list li .w03{ font-size:14px; line-height:26px; margin-top:15px; color:#ddd; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.section2 .box .list li .w04{ font-size:16px; line-height:26px; margin-top:15px; color:#ddd;}
.section2 .box .list li:hover .w04{ color:#fff;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.section2 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.section2 .box .title{ font-size:26px; line-height:36px; font-weight:bold; color:#fff; text-align:center;}
.section2 .box .title01{ max-width:1000px; margin:auto; font-size:15px; line-height:28px; color:#ddd; text-align:center; margin-top:15px;}
.section2 .box .more { text-align:center; width:130px; margin:auto; margin-top:30px; }
.section2 .box .more a { display:block; width:128px; height:36px; line-height:36px; background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.5); color:#fff; border-radius:40px; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; }
.section2 .box .more a:hover { background-color:#fff; border-color:#fff; color:#333; }
.section2 .box .list{ display:flex; justify-content:center; margin-top:60px;}
.section2 .box .list li{ width:210px; display:block; margin:0 15px; text-align:center;}
.section2 .box .list li .w01{ width:70px; height:70px; margin:auto; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.section2 .box .list li .w01 p{ width:100%; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section2 .box .list li .w01 img{ width:100%; display:block;}
.section2 .box .list li:hover .w01 p{ top:-70px;}
.section2 .box .list li .w02{ font-size:17px; line-height:27px; margin-top:15px; color:#fff; font-weight:bold;}
.section2 .box .list li .w03{ font-size:14px; line-height:24px; margin-top:10px; color:#ddd; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.section2 .box .list li .w04{ font-size:15px; line-height:25px; margin-top:10px; color:#ddd;}
.section2 .box .list li:hover .w04{ color:#fff;}
}
@media (max-width:990px) {
.section2 .box{ width:94%; margin:45px auto; position:relative; z-index:3;}
.section2 .box .title{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-align:center;}
.section2 .box .title01{ font-size:14px; line-height:26px; color:#ddd; text-align:center; margin-top:10px;}
.section2 .box .more { text-align:center; width:130px; margin:auto; margin-top:20px; }
.section2 .box .more a { display:block; width:128px; height:34px; line-height:34px; background-color:rgba(0, 0, 0, 0.3); border:1px solid rgba(255, 255, 255, 0.5); color:#fff; border-radius:40px; -webkit-transition:.4s; -moz-transition:.4s; -o-transition:.4s; transition:.4s; }
.section2 .box .more a:hover { background-color:#fff; border-color:#fff; color:#333; }
.section2 .box .list{ display:flex; justify-content:center; margin-top:40px;}
.section2 .box .list li{ flex:1; display:block; margin:0 5px; text-align:center;}
.section2 .box .list li .w01{ width:60px; height:60px; margin:auto; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.section2 .box .list li .w01 p{ width:100%; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section2 .box .list li .w01 img{ width:100%; display:block;}
.section2 .box .list li:hover .w01 p{ top:-60px;}
.section2 .box .list li .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#fff; font-weight:bold;}
.section2 .box .list li .w03{ font-size:14px; line-height:22px; margin-top:5px; color:#ddd; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
.section2 .box .list li .w04{ font-size:14px; line-height:20px; margin-top:5px; color:#ddd;}
.section2 .box .list li:hover .w04{ color:#fff;}
}

/*section3*/
.section3.active .box .list li .tu{ -webkit-transform:rotateY(-360deg);}
.section3.active .box .list li:nth-child(1) .wen,.section3.active .box .list li:nth-child(2) .wen{ animation:slideInLeft 1.5s ease 1;}
.section3.active .box .list li:nth-child(3) .wen,.section3.active .box .list li:nth-child(4) .wen{ animation:slideInRight 1.5s ease 1;}
@media screen and (min-width:1280px) {
.section3 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.section3 .box .title{ font-size:32px; line-height:42px; font-weight:bold; color:#fff; text-align:center;}
.section3 .box .title01{ width:1000px; margin:auto; font-size:16px; line-height:30px; color:#ddd; text-align:center; margin-top:20px;}
.section3 .list{ width:100%; margin-top:45px; display:block;}
.section3 .list li{ width:285px; height:440px; margin-left:20px; display:block; float:left; background-color:#fff; position:relative;}
.section3 .list li a{ padding:10px; display:block;}
.section3 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.section3 .list li .tu{ width:100%; height:275px; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.section3 .list li:hover .tu{ -webkit-transform:rotateY(0deg) !important;}
.section3 .list li .tu img{ display:block; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.section3 .list li .tu p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,91,172,.9); background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.section3 .list li:hover .tu p{ display:block;}
.section3 .list li .wen{ padding:15px 20px;}
.section3 .list li .wen .w01{ font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section3 .list li .wen .w02{ font-size:13px; line-height:23px; color:#555; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.section3 .list li .wen .w03{ margin-top:10px;}
.section3 .list li .wen .w03 p{ display:block; border:1px solid #cc0000; color:#cc0000; transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; width:50px; height:22px; line-height:22px; border-radius:24px; text-align:center; float:right; overflow:hidden; font-size:12px;}
.section3 .list li .wen .w03 p:hover{ background-color:#cc0000; color:#fff;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.section3 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.section3 .box .title{ font-size:26px; line-height:36px; font-weight:bold; color:#fff; text-align:center;}
.section3 .box .title01{ max-width:1000px; margin:auto; font-size:15px; line-height:28px; color:#ddd; text-align:center; margin-top:15px;}
.section3 .list{ width:100%; margin-top:30px; display:flex; flex-wrap:wrap;}
.section3 .list li{ width:23.5%; margin-left:2%; display:block; float:left; background-color:#fff; position:relative;}
.section3 .list li a{ padding:8px; display:block;}
.section3 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.section3 .list li .tu{ width:100%; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.section3 .list li:hover .tu{ -webkit-transform:rotateY(0deg) !important;}
.section3 .list li .tu:before{ width:100%; display:block; content:''; padding-top:103.77%;}
.section3 .list li .tu img{ display:block; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.section3 .list li .tu p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,91,172,.9); background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.section3 .list li:hover .tu p{ display:block;}
.section3 .list li .wen{ padding:10px 15px;}
.section3 .list li .wen .w01{ font-size:17px; line-height:27px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section3 .list li .wen .w02{ font-size:13px; line-height:23px; color:#555; margin-top:3px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.section3 .list li .wen .w03{ margin-top:7px;}
.section3 .list li .wen .w03 p{ display:block; border:1px solid #cc0000; color:#cc0000; transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; width:50px; height:22px; line-height:22px; border-radius:24px; text-align:center; float:right; overflow:hidden; font-size:12px;}
.section3 .list li .wen .w03 p:hover{ background-color:#cc0000; color:#fff;}
}
@media (max-width:990px) {
.section3 .box{ width:94%; margin:45px auto; position:relative; z-index:3;}
.section3 .box .title{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-align:center;}
.section3 .box .title01{ font-size:14px; line-height:26px; color:#ddd; text-align:center; margin-top:10px;}
.section3 .list{ width:100%; display:flex; flex-wrap:wrap;}
.section3 .list li{ width:48.5%; margin-left:3%; margin-top:15px; display:block; float:left; background-color:#fff; position:relative;}
.section3 .list li a{ padding:5px; display:block;}
.section3 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.section3 .list li .tu{ width:100%; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.section3 .list li:hover .tu{ -webkit-transform:rotateY(0deg) !important;}
.section3 .list li .tu:before{ width:100%; display:block; content:''; padding-top:103.77%;}
.section3 .list li .tu img{ display:block; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.section3 .list li .tu p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,91,172,.9); background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; background-size:30px auto;}
.section3 .list li:hover .tu p{ display:block;}
.section3 .list li .wen{ padding:5px;}
.section3 .list li .wen .w01{ font-size:16px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section3 .list li .wen .w02{ font-size:13px; line-height:23px; color:#555; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.section3 .list li .wen .w03{ margin-top:5px;}
.section3 .list li .wen .w03 p{ display:block; border:1px solid #cc0000; color:#cc0000; transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s; width:50px; height:22px; line-height:22px; border-radius:24px; text-align:center; float:right; overflow:hidden; font-size:12px;}
.section3 .list li .wen .w03 p:hover{ background-color:#cc0000; color:#fff;}
}

/*section4*/
@media screen and (min-width:1280px) {
.section4 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.section4 .box .title{ font-size:32px; line-height:42px; font-weight:bold; color:#fff; text-align:center;}
.section4 .box .title01{ width:1000px; margin:auto; font-size:16px; line-height:30px; color:#ddd; text-align:center; margin-top:20px;}
.section4 .box .cont{ width:100%; margin-top:45px;}
.section4 .box .cont .left{ width:580px; height:380px; float:left; position:relative;}
.section4 .box .cont .left .pic{ width:100%; display:block; overflow:hidden; position:relative; z-index:1;}
.section4 .box .cont .left .pic li{ width:100%; display:block; overflow:hidden;}
.section4 .box .cont .left .pic li a{ display:block; height:380px; overflow:hidden; position:relative;}
.section4 .box .cont .left .pic li img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.section4 .box .cont .left .txt-bg{ width:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/bg_trans.png); background-repeat:repeat; height:110px;}
.section4 .box .cont .left .txt{ width:100%; bottom:0; left:0; position:absolute; z-index:2;}
.section4 .box .cont .left .txt li{ width:100%; padding:20px 15px; box-sizing:border-box; display:block; overflow:hidden; height:110px; position:absolute; left:0; bottom:0;}
.section4 .box .cont .left .txt li a{ display:block; color:#fff; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont .left .txt li p{ display:block; color:#fff; font-size:12px; line-height:22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px;}
.section4 .box .cont .right{ width:580px; height:380px; background-color:#fff; float:right; position:relative; border:1px solid #ddd; box-sizing:border-box;}
.section4 .box .cont .right ul{ width:530px; margin:16px auto; display:block;}
.section4 .box .cont .right ul li{ display:block; padding:15px 0; margin:10px 0; overflow:hidden; border-bottom:1px dotted #dbd4cd;}
.section4 .box .cont .right ul li .time{ width:60px; height:70px; background-color:#005aae; float:left; margin-left:30px; text-align:center; color:#fff;}
.section4 .box .cont .right ul li .time span.wp-new-ar-pro-time{ font-size:32px; line-height:41px; height:41px; display:block; padding-top:5px; font-weight:bold;}
.section4 .box .cont .right ul li .time span.date{ font-size:13px; line-height:18px; height:18px; display:block;}
.section4 .box .cont .right ul li .conts{ margin-left:20px; width:calc(100% - 110px); float:left;}
.section4 .box .cont .right ul li .conts a{ display:block; color:#333; font-weight:normal; font-size:16px; line-height:22px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont .right ul li .conts a:hover{ color:#005aae;}
.section4 .box .cont .right ul li .conts p{ display:block; color:#888; font-weight:normal; font-size:13px; line-height:20px; text-align:left;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.section4 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.section4 .box .title{ font-size:26px; line-height:36px; font-weight:bold; color:#fff; text-align:center;}
.section4 .box .title01{ max-width:1000px; margin:auto; font-size:15px; line-height:28px; color:#ddd; text-align:center; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont{ width:100%; margin-top:30px; display:flex;}
.section4 .box .cont .left{ width:48%; float:left; position:relative;}
.section4 .box .cont .left .pic{ width:100%; display:block; overflow:hidden; position:relative; z-index:1;}
.section4 .box .cont .left .pic li{ width:100%; display:block; overflow:hidden;}
.section4 .box .cont .left .pic li a{ width:100%; display:block; padding-top:65.51%; overflow:hidden; position:relative;}
.section4 .box .cont .left .pic li img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.section4 .box .cont .left .txt-bg{ width:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/bg_trans.png); background-repeat:repeat; height:110px;}
.section4 .box .cont .left .txt{ width:100%; bottom:0; left:0; position:absolute; z-index:2;}
.section4 .box .cont .left .txt li{ width:100%; padding:20px 15px; box-sizing:border-box; display:block; overflow:hidden; height:110px; position:absolute; left:0; bottom:0;}
.section4 .box .cont .left .txt li a{ display:block; color:#fff; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont .left .txt li p{ display:block; color:#fff; font-size:12px; line-height:22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px;}
.section4 .box .cont .right{ width:48%; margin-left:4%; background-color:#fff; float:right; position:relative; border:1px solid #ddd; box-sizing:border-box; display:flex; align-item:center;}
.section4 .box .cont .right ul{ width:90%; margin:auto; display:block;}
.section4 .box .cont .right ul li{ display:block; padding:10px 0; margin:5px 0; overflow:hidden; border-bottom:1px dotted #dbd4cd;}
.section4 .box .cont .right ul li .time{ width:60px; height:70px; background-color:#005aae; float:left; margin-left:20px; text-align:center; color:#fff;}
.section4 .box .cont .right ul li .time span.wp-new-ar-pro-time{ font-size:32px; line-height:41px; height:41px; display:block; padding-top:5px; font-weight:bold;}
.section4 .box .cont .right ul li .time span.date{ font-size:13px; line-height:18px; height:18px; display:block;}
.section4 .box .cont .right ul li .conts{ margin-left:15px; width:calc(100% - 95px); float:left;}
.section4 .box .cont .right ul li .conts a{ display:block; color:#333; font-weight:normal; font-size:16px; line-height:22px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont .right ul li .conts a:hover{ color:#005aae;}
.section4 .box .cont .right ul li .conts p{ display:block; color:#888; font-weight:normal; font-size:13px; line-height:20px; text-align:left;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px;}
}
@media (max-width:990px) {
.section4 .box{ width:94%; margin:45px auto; position:relative; z-index:3;}
.section4 .box .title{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-align:center;}
.section4 .box .title01{ font-size:14px; line-height:26px; color:#ddd; text-align:center; margin-top:10px;}
.section4 .box .cont{ width:100%; margin-top:15px;}
.section4 .box .cont .left{ width:100%; float:left; position:relative;}
.section4 .box .cont .left .pic{ width:100%; display:block; overflow:hidden; position:relative; z-index:1;}
.section4 .box .cont .left .pic li{ width:100%; display:block; overflow:hidden;}
.section4 .box .cont .left .pic li a{ width:100%; display:block; padding-top:65.51%; overflow:hidden; position:relative;}
.section4 .box .cont .left .pic li img{ width:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.section4 .box .cont .left .txt-bg{ width:100%; position:absolute; left:0; bottom:0; z-index:2; background-image:url(../images/bg_trans.png); background-repeat:repeat; height:110px;}
.section4 .box .cont .left .txt{ width:100%; bottom:0; left:0; position:absolute; z-index:2;}
.section4 .box .cont .left .txt li{ width:100%; padding:20px 15px; box-sizing:border-box; display:block; overflow:hidden; height:110px; position:absolute; left:0; bottom:0;}
.section4 .box .cont .left .txt li a{ display:block; color:#fff; font-size:14px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont .left .txt li p{ display:block; color:#fff; font-size:12px; line-height:22px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px;}
.section4 .box .cont .right{ width:100%; margin-top:15px; background-color:#fff; float:right; position:relative; border:1px solid #ddd; box-sizing:border-box;}
.section4 .box .cont .right ul{ padding:0 15px; display:block;}
.section4 .box .cont .right ul li{ display:block; padding:10px 0; margin:5px 0; overflow:hidden; border-bottom:1px dotted #dbd4cd;}
.section4 .box .cont .right ul li .time{ width:60px; height:70px; background-color:#005aae; float:left; text-align:center; color:#fff;}
.section4 .box .cont .right ul li .time span.wp-new-ar-pro-time{ font-size:32px; line-height:41px; height:41px; display:block; padding-top:5px; font-weight:bold;}
.section4 .box .cont .right ul li .time span.date{ font-size:13px; line-height:18px; height:18px; display:block;}
.section4 .box .cont .right ul li .conts{ margin-left:10px; width:calc(100% - 70px); float:left;}
.section4 .box .cont .right ul li .conts a{ display:block; color:#333; font-weight:normal; font-size:16px; line-height:22px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section4 .box .cont .right ul li .conts a:hover{ color:#005aae;}
.section4 .box .cont .right ul li .conts p{ display:block; color:#888; font-weight:normal; font-size:13px; line-height:20px; text-align:left;  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:5px;}
}

/*section5*/
@media screen and (min-width:1280px) {
.section5 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.section5 .box .title{ font-size:32px; line-height:42px; font-weight:bold; color:#fff; text-align:center;}
.section5 .box .title01{ width:1000px; margin:auto; font-size:16px; line-height:30px; color:#ddd; text-align:center; margin-top:20px;}
.section5 .list{ width:100%; margin-top:45px; display:flex; flex-wrap:wrap;}
.section5 .list li{ width:270px; height:350px; margin-left:40px; display:block; float:left; background-color:#fff; position:relative;}
.section5 .list li a{ display:block;}
.section5 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.section5 .list li .tu{ width:100%; height:180px; position:relative;}
.section5 .list li .tu:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.section5 .list li .tu img{ display:block; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.section5 .list li .tu p{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(0,91,172,.9); background-image:url(../images/section5.png); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transform:scalex(0);}
.section5 .list li:hover .tu p{ -webkit-transform:scalex(1);}
.section5 .list li .wen{ padding:20px 30px; text-align:center;}
.section5 .list li .wen .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.section5 .list li .wen .w02{ font-size:13px; line-height:24px; color:#888; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.section5 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.section5 .box .title{ font-size:26px; line-height:36px; font-weight:bold; color:#fff; text-align:center;}
.section5 .box .title01{ max-width:1000px; margin:auto; font-size:15px; line-height:28px; color:#ddd; text-align:center; margin-top:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.section5 .list{ width:100%; margin-top:30px; display:flex; flex-wrap:wrap;}
.section5 .list li{ width:23.5%; margin-left:2%; display:block; float:left; background-color:#fff; position:relative;}
.section5 .list li a{ display:block;}
.section5 .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.section5 .list li .tu{ width:100%; position:relative;}
.section5 .list li .tu:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.section5 .list li .tu img{ display:block; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.section5 .list li .tu p{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(0,91,172,.9); background-image:url(../images/section5.png); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transform:scalex(0);}
.section5 .list li:hover .tu p{ -webkit-transform:scalex(1);}
.section5 .list li .wen{ padding:15px 20px; text-align:center;}
.section5 .list li .wen .w01{ font-size:17px; line-height:27px; font-weight:bold;}
.section5 .list li .wen .w02{ font-size:13px; line-height:24px; color:#888; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}
@media (max-width:990px) {
.section5 .box{ width:94%; margin:45px auto; position:relative; z-index:3;}
.section5 .box .title{ font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-align:center;}
.section5 .box .title01{ font-size:14px; line-height:26px; color:#ddd; text-align:center; margin-top:10px;}
.section5 .list{ width:100%; display:flex; flex-wrap:wrap;}
.section5 .list li{ width:48.5%; margin-left:3%; margin-top:15px; display:block; float:left; background-color:#fff; position:relative;}
.section5 .list li a{ display:block;}
.section5 .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.section5 .list li .tu{ width:100%; position:relative;}
.section5 .list li .tu:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.section5 .list li .tu img{ display:block; height:100%; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.section5 .list li .tu p{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:2; background-color:rgba(0,91,172,.9); background-image:url(../images/section5.png); background-position:center; background-repeat:no-repeat; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; -webkit-transform:scalex(0);}
.section5 .list li:hover .tu p{ -webkit-transform:scalex(1);}
.section5 .list li .wen{ padding:10px; text-align:center;}
.section5 .list li .wen .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.section5 .list li .wen .w02{ font-size:13px; line-height:24px; color:#888; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
}

/*section5*/
@media screen and (min-width:1280px) {
.section6 .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.section6 .box .left{ width:340px; float:left;}
.section6 .box .left .w01{ font-size:24px; line-height:34px; color:#ccc;}
.section6 .box .left .w02{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.section6 .box .left .w03{ width:100%; height:1px; background-color:#999; margin-top:20px;}
.section6 .box .left .w04{ font-size:30px; line-height:40px; color:#fff; margin-top:15px;}
.section6 .box .left .w05{ font-size:24px; line-height:34px; color:#ccc; margin-top:35px;}
.section6 .box .left .w06{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.section6 .box .left .w07{ width:120px; margin-top:15px; display:none;}
.section6 .box .left .w07 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .left .w07 a:hover{ background-color:#005aae; color:#fff;}
.section6 .box .mil{ width:402px; margin-left:140px; float:left;}
.section6 .box .mil .w01{ font-size:24px; line-height:34px; color:#ccc;}
.section6 .box .mil .w02{ font-size:14px; line-height:24px; color:#999; margin-top:10px; padding-bottom:5px;}
.section6 .box .mil .w03{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.section6 .box .mil .w03 input{ width:100%; display:block; height:40px; line-height:40px; background-color:transparent; color:#fff; text-indent:15px;}
.section6 .box .mil .w04{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.section6 .box .mil .w04 textarea{ width:100%; display:block; line-height:20px; height:70px; padding:5px 15px; background-color:transparent; color:#fff; box-sizing:border-box; overflow:auto;}
.section6 .box .mil .w05{ width:200px; margin-top:20px;}
.section6 .box .mil .w05 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .mil .w05 a:hover{ background-color:#005aae; color:#fff;}
.section6 .box .right{ width:120px; display:block; float:right; margin-right:20px; margin-top:-20px;}
.section6 .box .right li{ display:block; margin-top:20px;}
.section6 .box .right li strong{ width:116px; height:116px; border-radius:3px; padding:2px; display:block; overflow:hidden; background-color:#fff;}
.section6 .box .right li strong img{ width:100%; display:block;}
.section6 .box .right li p{ display:block; text-align:center; color:#d3d3d3; font-size:14px; line-height:24px; margin-top:10px;}
.section6 .box .bq{ width:100%; float:left; margin-top:65px;}
.section6 .box .bq .w01{ text-align:center; font-size:12px; line-height:22px; color:#999;}
.section6 .box .bq .w01 *{ color:#999;}
.section6 .box .bq .w02{ margin-top:15px; text-align:center;}
.section6 .box .bq .w02 .worksbox{ width:100px; height:36px; position:relative; display:inline-block; padding:0 5px;}
.section6 .box .bq .w02 .worksbox a{ width:100%; height:36px; display:block; position:relative; overflow:hidden;}
.section6 .box .bq .w02 .worksbox p{ width:100%; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .bq .w02 .worksbox p img{ width:100%; height:36px; display:block;}
.section6 .box .bq .w02 .worksbox a:hover p{ top:-36px;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.section6 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.section6 .box .left{ width:32%; float:left;}
.section6 .box .left .w01{ font-size:20px; line-height:30px; color:#ccc;}
.section6 .box .left .w02{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.section6 .box .left .w03{ width:100%; height:1px; background-color:#999; margin-top:15px;}
.section6 .box .left .w04{ font-size:24px; line-height:34px; color:#fff; margin-top:10px;}
.section6 .box .left .w05{ font-size:20px; line-height:30px; color:#ccc; margin-top:25px;}
.section6 .box .left .w06{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.section6 .box .left .w07{ width:120px; margin-top:15px; display:none;}
.section6 .box .left .w07 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .left .w07 a:hover{ background-color:#005aae; color:#fff;}
.section6 .box .mil{ width:40%; margin-left:8%; float:left;}
.section6 .box .mil .w01{ font-size:20px; line-height:30px; color:#ccc;}
.section6 .box .mil .w02{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.section6 .box .mil .w03{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.section6 .box .mil .w03 input{ width:100%; display:block; height:40px; line-height:40px; background-color:transparent; color:#fff; text-indent:15px;}
.section6 .box .mil .w04{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.section6 .box .mil .w04 textarea{ width:100%; display:block; line-height:20px; height:70px; padding:5px 15px; background-color:transparent; color:#fff; box-sizing:border-box; overflow:auto;}
.section6 .box .mil .w05{ width:160px; margin-top:20px;}
.section6 .box .mil .w05 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .mil .w05 a:hover{ background-color:#005aae; color:#fff;}
.section6 .box .right{ width:10.8%; display:block; float:right; margin-top:-15px;}
.section6 .box .right li{ display:block; margin-top:15px;}
.section6 .box .right li strong{ border-radius:3px; padding:2px; display:block; overflow:hidden; background-color:#fff;}
.section6 .box .right li strong img{ width:100%; display:block;}
.section6 .box .right li p{ display:block; text-align:center; color:#d3d3d3; font-size:14px; line-height:24px; margin-top:5px;}
.section6 .box .bq{ width:100%; float:left; margin-top:45px;}
.section6 .box .bq .w01{ text-align:center; font-size:12px; line-height:22px; color:#999;}
.section6 .box .bq .w01 *{ color:#999;}
.section6 .box .bq .w02{ margin-top:15px; text-align:center;}
.section6 .box .bq .w02 .worksbox{ width:100px; height:36px; position:relative; display:inline-block; padding:0 5px;}
.section6 .box .bq .w02 .worksbox a{ width:100%; height:36px; display:block; position:relative; overflow:hidden;}
.section6 .box .bq .w02 .worksbox p{ width:100%; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .bq .w02 .worksbox p img{ width:100%; height:36px; display:block;}
.section6 .box .bq .w02 .worksbox a:hover p{ top:-36px;}
}
@media (max-width:990px) {
.section6 .box{ width:94%; margin:45px auto; position:relative; z-index:3;}
.section6 .box .left{ width:100%; float:left;}
.section6 .box .left .w01{ font-size:16px; line-height:26px; color:#ccc;}
.section6 .box .left .w02{ font-size:14px; line-height:24px; color:#999;}
.section6 .box .left .w03{ width:100%; height:1px; background-color:#999; margin-top:10px;}
.section6 .box .left .w04{ font-size:20px; line-height:30px; color:#fff; margin-top:5px;}
.section6 .box .left .w05{ font-size:16px; line-height:26px; color:#ccc; margin-top:15px;}
.section6 .box .left .w06{ font-size:14px; line-height:24px; color:#999;}
.section6 .box .left .w07{ width:100px; margin-top:15px; display:none;}
.section6 .box .left .w07 a{ width:100%; height:34px; line-height:34px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .left .w07 a:hover{ background-color:#005aae; color:#fff;}
.section6 .box .mil{ width:100%; margin-top:15px; float:left;}
.section6 .box .mil .w01{ font-size:16px; line-height:26px; color:#ccc;}
.section6 .box .mil .w02{ font-size:14px; line-height:24px; color:#999;}
.section6 .box .mil .w03{ margin-top:10px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.section6 .box .mil .w03 input{ width:100%; display:block; height:34px; line-height:34px; background-color:transparent; color:#fff; text-indent:15px;}
.section6 .box .mil .w04{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.section6 .box .mil .w04 textarea{ width:100%; display:block; line-height:20px; height:70px; padding:5px 15px; background-color:transparent; color:#fff; box-sizing:border-box; overflow:auto;}
.section6 .box .mil .w05{ width:140px; margin-top:15px;}
.section6 .box .mil .w05 a{ width:100%; height:34px; line-height:34px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .mil .w05 a:hover{ background-color:#005aae; color:#fff;}
.section6 .box .right{ width:100%; display:block; float:right; text-align:center;}
.section6 .box .right li{ display:inline-block; margin:20px 5px;}
.section6 .box .right li strong{ width:96px; border-radius:3px; padding:2px; display:block; overflow:hidden; background-color:#fff;}
.section6 .box .right li strong img{ width:100%; display:block;}
.section6 .box .right li p{ display:block; text-align:center; color:#d3d3d3; font-size:14px; line-height:24px; margin-top:5px;}
.section6 .box .bq{ width:100%; float:left;}
.section6 .box .bq .w01{ text-align:center; font-size:12px; line-height:22px; color:#999;}
.section6 .box .bq .w01 *{ color:#999;}
.section6 .box .bq .w02{ margin-top:10px; text-align:center;}
.section6 .box .bq .w02 .worksbox{ width:100px; height:36px; position:relative; display:inline-block; padding:0 5px;}
.section6 .box .bq .w02 .worksbox a{ width:100%; height:36px; display:block; position:relative; overflow:hidden;}
.section6 .box .bq .w02 .worksbox p{ width:100%; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.section6 .box .bq .w02 .worksbox p img{ width:100%; height:36px; display:block;}
.section6 .box .bq .w02 .worksbox a:hover p{ top:-36px;}
}

/*内页*/
.head.fixed{ position:fixed; transition:all 1.2s ease 0s;}
.head.fixed.pos{ background-color:#0059b0;}
@media screen and (min-width:1280px) {
.ban{ width:100%; height:480px; position:relative; z-index:1; background-position:center; background-size:cover; background-attachment:fixed;}
.wei{ width:100%; height:60px; background-color:#202020; position:relative; z-index:1;}
.wei .box{ width:1200px; margin:auto; font-size:14px; line-height:60px;}
.wei .box .left{ float:left; color:#fff;}
.wei .box .left a{ margin-left:10px; color:#fff;}
.wei .box .left span{ margin-left:10px; font-size:12px; color:#fff;}
.wei .box .left a:hover{ text-decoration:underline;}
.wei .box .navigation{ float:right; display:block;}
.wei .box .navigation li{ display:block; margin-left:60px; float:left;}
.wei .box .navigation li a{ font-size:15px; line-height:60px; display:block; color:#fff;}
.wei .box .navigation li a.ahover,.wei .box .navigation li a:hover{ color:#005bac; font-weight:bold;}

.main{ width:1200px; margin:auto;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.ban{ width:100%; height:280px; position:relative; z-index:1; background-position:center; background-size:cover; background-attachment:fixed;}
.wei{ width:100%; height:50px; background-color:#202020; position:relative; z-index:1;}
.wei .box{ width:94%; margin:auto; font-size:14px; line-height:50px;}
.wei .box .left{ float:left; color:#fff;}
.wei .box .left a{ margin-left:8px; color:#fff;}
.wei .box .left span{ margin-left:8px; font-size:12px; color:#fff;}
.wei .box .left a:hover{ text-decoration:underline;}
.wei .box .navigation{ float:right; display:block;}
.wei .box .navigation li{ display:block; margin-left:40px; float:left;}
.wei .box .navigation li a{ font-size:15px; line-height:50px; display:block; color:#fff;}
.wei .box .navigation li a.ahover,.wei .box .navigation li a:hover{ color:#005bac; font-weight:bold;}

.main{ width:94%; margin:auto;}
}
@media (max-width:990px) {
.ban{ width:100%; height:280px; position:relative; z-index:1; background-position:center; background-size:cover; background-attachment:fixed;}
.wei{ width:100%; padding:10px 0; background-color:#202020; position:relative; z-index:1;}
.wei .box{ width:94%; margin:auto; font-size:14px; line-height:20px;}
.wei .box .left{ float:left; color:#fff;}
.wei .box .left a{ margin-left:5px; color:#fff;}
.wei .box .left span{ margin-left:5px; font-size:12px; color:#fff;}
.wei .box .left a:hover{ text-decoration:underline;}
.wei .box .navigation{ float:right; display:block; width:100%; text-align:center; padding-top:5px;}
.wei .box .navigation li{ display:inline-block; margin:0 10px;}
.wei .box .navigation li a{ font-size:15px; line-height:20px; display:block; color:#fff;}
.wei .box .navigation li a.ahover,.wei .box .navigation li a:hover{ color:#005bac; font-weight:bold;}

.main{ width:94%; margin:auto;}
}

@media screen and (min-width:1280px) {
.footer{ width:100%; padding-top:45px; background-color:#202020;}
.footer .box{ width:1200px; margin:auto; position:relative; z-index:3;}
.footer .box .left{ width:340px; float:left;}
.footer .box .left .w01{ font-size:24px; line-height:34px; color:#ccc;}
.footer .box .left .w02{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.footer .box .left .w03{ width:100%; height:1px; background-color:#999; margin-top:20px;}
.footer .box .left .w04{ font-size:30px; line-height:40px; color:#fff; margin-top:15px;}
.footer .box .left .w05{ font-size:24px; line-height:34px; color:#ccc; margin-top:35px;}
.footer .box .left .w06{ font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.footer .box .left .w07{ width:120px; margin-top:15px; display:none;}
.footer .box .left .w07 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .left .w07 a:hover{ background-color:#005aae; color:#fff;}
.footer .box .mil{ width:402px; margin-left:140px; float:left;}
.footer .box .mil .w01{ font-size:24px; line-height:34px; color:#ccc;}
.footer .box .mil .w02{ font-size:14px; line-height:24px; color:#999; margin-top:10px; padding-bottom:5px;}
.footer .box .mil .w03{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.footer .box .mil .w03 input{ width:100%; display:block; height:40px; line-height:40px; background-color:transparent; color:#fff; text-indent:15px;}
.footer .box .mil .w04{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.footer .box .mil .w04 textarea{ width:100%; display:block; line-height:20px; height:70px; padding:5px 15px; background-color:transparent; color:#fff; box-sizing:border-box; overflow:auto;}
.footer .box .mil .w05{ width:200px; margin-top:20px;}
.footer .box .mil .w05 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .mil .w05 a:hover{ background-color:#005aae; color:#fff;}
.footer .box .right{ width:120px; display:block; float:right; margin-right:20px; margin-top:-20px;}
.footer .box .right li{ display:block; margin-top:20px;}
.footer .box .right li strong{ width:116px; height:116px; border-radius:3px; padding:2px; display:block; overflow:hidden; background-color:#fff;}
.footer .box .right li strong img{ width:100%; display:block;}
.footer .box .right li p{ display:block; text-align:center; color:#d3d3d3; font-size:14px; line-height:24px; margin-top:10px;}
.footer .box .bq{ width:100%; float:left; margin-top:65px;}
.footer .box .bq .w01{ text-align:center; font-size:12px; line-height:22px; color:#999;}
.footer .box .bq .w02{ margin-top:15px; text-align:center;}
.footer .box .bq .w02 .worksbox{ width:100px; height:36px; position:relative; display:inline-block; padding:0 5px;}
.footer .box .bq .w02 .worksbox a{ width:100%; height:36px; display:block; position:relative; overflow:hidden;}
.footer .box .bq .w02 .worksbox p{ width:100%; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .bq .w02 .worksbox p img{ width:100%; height:36px; display:block;}
.footer .box .bq .w02 .worksbox a:hover p{ top:-36px;}
.footer .box .bq .w03{ padding:20px 0; text-align:center;}
.footer .box .bq .w03 a{ display:inline-block; font-size:14px; line-height:26px; color:#fff; padding:0 10px; background-color:#101010; border-radius:26px; overflow:hidden;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.footer{ width:100%; padding-top:35px; background-color:#202020;}
.footer .box{ width:94%; margin:auto; position:relative; z-index:3;}
.footer .box .left{ width:32%; float:left;}
.footer .box .left .w01{ font-size:20px; line-height:30px; color:#ccc;}
.footer .box .left .w02{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.footer .box .left .w03{ width:100%; height:1px; background-color:#999; margin-top:15px;}
.footer .box .left .w04{ font-size:24px; line-height:34px; color:#fff; margin-top:10px;}
.footer .box .left .w05{ font-size:20px; line-height:30px; color:#ccc; margin-top:25px;}
.footer .box .left .w06{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.footer .box .left .w07{ width:120px; margin-top:15px; display:none;}
.footer .box .left .w07 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .left .w07 a:hover{ background-color:#005aae; color:#fff;}
.footer .box .mil{ width:40%; margin-left:8%; float:left;}
.footer .box .mil .w01{ font-size:20px; line-height:30px; color:#ccc;}
.footer .box .mil .w02{ font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.footer .box .mil .w03{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.footer .box .mil .w03 input{ width:100%; display:block; height:40px; line-height:40px; background-color:transparent; color:#fff; text-indent:15px;}
.footer .box .mil .w04{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.footer .box .mil .w04 textarea{ width:100%; display:block; line-height:20px; height:70px; padding:5px 15px; background-color:transparent; color:#fff; box-sizing:border-box; overflow:auto;}
.footer .box .mil .w05{ width:160px; margin-top:20px;}
.footer .box .mil .w05 a{ width:100%; height:40px; line-height:40px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .mil .w05 a:hover{ background-color:#005aae; color:#fff;}
.footer .box .right{ width:10.8%; display:block; float:right; margin-top:-15px;}
.footer .box .right li{ display:block; margin-top:15px;}
.footer .box .right li strong{ border-radius:3px; padding:2px; display:block; overflow:hidden; background-color:#fff;}
.footer .box .right li strong img{ width:100%; display:block;}
.footer .box .right li p{ display:block; text-align:center; color:#d3d3d3; font-size:14px; line-height:24px; margin-top:5px;}
.footer .box .bq{ width:100%; float:left; margin-top:45px;}
.footer .box .bq .w01{ text-align:center; font-size:12px; line-height:22px; color:#999;}
.footer .box .bq .w02{ margin-top:15px; text-align:center;}
.footer .box .bq .w02 .worksbox{ width:100px; height:36px; position:relative; display:inline-block; padding:0 5px;}
.footer .box .bq .w02 .worksbox a{ width:100%; height:36px; display:block; position:relative; overflow:hidden;}
.footer .box .bq .w02 .worksbox p{ width:100%; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .bq .w02 .worksbox p img{ width:100%; height:36px; display:block;}
.footer .box .bq .w02 .worksbox a:hover p{ top:-36px;}
.footer .box .bq .w03{ padding:15px 0; text-align:center;}
.footer .box .bq .w03 a{ display:inline-block; font-size:14px; line-height:26px; color:#fff; padding:0 10px; background-color:#101010; border-radius:26px; overflow:hidden;}
}
@media (max-width:990px) {
.footer{ width:100%; padding-top:25px; background-color:#202020;}
.footer .box{ width:94%; margin:45px auto; position:relative; z-index:3;}
.footer .box .left{ width:100%; float:left;}
.footer .box .left .w01{ font-size:16px; line-height:26px; color:#ccc;}
.footer .box .left .w02{ font-size:14px; line-height:24px; color:#999;}
.footer .box .left .w03{ width:100%; height:1px; background-color:#999; margin-top:10px;}
.footer .box .left .w04{ font-size:20px; line-height:30px; color:#fff; margin-top:5px;}
.footer .box .left .w05{ font-size:16px; line-height:26px; color:#ccc; margin-top:15px;}
.footer .box .left .w06{ font-size:14px; line-height:24px; color:#999;}
.footer .box .left .w07{ width:100px; margin-top:15px; display:none;}
.footer .box .left .w07 a{ width:100%; height:34px; line-height:34px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .left .w07 a:hover{ background-color:#005aae; color:#fff;}
.footer .box .mil{ width:100%; margin-top:15px; float:left;}
.footer .box .mil .w01{ font-size:16px; line-height:26px; color:#ccc;}
.footer .box .mil .w02{ font-size:14px; line-height:24px; color:#999;}
.footer .box .mil .w03{ margin-top:10px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.footer .box .mil .w03 input{ width:100%; display:block; height:34px; line-height:34px; background-color:transparent; color:#fff; text-indent:15px;}
.footer .box .mil .w04{ margin-top:15px; width:100%; border:1px solid #999; border-radius:3px; box-sizing:border-box;}
.footer .box .mil .w04 textarea{ width:100%; display:block; line-height:20px; height:70px; padding:5px 15px; background-color:transparent; color:#fff; box-sizing:border-box; overflow:auto;}
.footer .box .mil .w05{ width:140px; margin-top:15px;}
.footer .box .mil .w05 a{ width:100%; height:34px; line-height:34px; background-color:#fff; text-align:center; font-size:14px; border-radius:3px; overflow:hidden; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .mil .w05 a:hover{ background-color:#005aae; color:#fff;}
.footer .box .right{ width:100%; display:block; float:right; text-align:center;}
.footer .box .right li{ display:inline-block; margin:20px 5px;}
.footer .box .right li strong{ width:96px; border-radius:3px; padding:2px; display:block; overflow:hidden; background-color:#fff;}
.footer .box .right li strong img{ width:100%; display:block;}
.footer .box .right li p{ display:block; text-align:center; color:#d3d3d3; font-size:14px; line-height:24px; margin-top:5px;}
.footer .box .bq{ width:100%; float:left;}
.footer .box .bq .w01{ text-align:center; font-size:12px; line-height:22px; color:#999;}
.footer .box .bq .w02{ margin-top:10px; text-align:center;}
.footer .box .bq .w02 .worksbox{ width:100px; height:36px; position:relative; display:inline-block; padding:0 5px;}
.footer .box .bq .w02 .worksbox a{ width:100%; height:36px; display:block; position:relative; overflow:hidden;}
.footer .box .bq .w02 .worksbox p{ width:100%; position:absolute; left:0; top:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.footer .box .bq .w02 .worksbox p img{ width:100%; height:36px; display:block;}
.footer .box .bq .w02 .worksbox a:hover p{ top:-36px;}
.footer .box .bq .w03{ padding:10px 0; text-align:center;}
.footer .box .bq .w03 a{ display:inline-block; font-size:14px; line-height:26px; color:#fff; padding:0 10px; background-color:#101010; border-radius:26px; overflow:hidden;}
}

/*关于我们*/
@media screen and (min-width:1280px) {
.main .about{ display:flex; justify-content:center; margin-top:60px; margin-bottom:110px;}
.main .about li{ width:210px; display:block; margin:0 45px; text-align:center;}
.main .about li .w01{ width:80px; height:80px; margin:auto; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.main .about li .w01 p{ width:100%; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .about li .w01 img{ width:100%; display:block;}
.main .about li:hover .w01 p{ top:-80px;}
.main .about li .w02{ font-size:18px; line-height:28px; margin-top:20px; color:#fff; font-weight:bold;}
.main .about li .w03{ font-size:14px; line-height:26px; margin-top:15px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
.main .about li .w04{ font-size:16px; line-height:26px; margin-top:15px; color:#005bac;}
.main .about li:hover .w04{ color:#cc0000;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.main .about{ display:flex; justify-content:center; margin-top:40px; margin-bottom:80px;}
.main .about li{ width:210px; display:block; margin:0 15px; text-align:center;}
.main .about li .w01{ width:70px; height:70px; margin:auto; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.main .about li .w01 p{ width:100%; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .about li .w01 img{ width:100%; display:block;}
.main .about li:hover .w01 p{ top:-70px;}
.main .about li .w02{ font-size:17px; line-height:27px; margin-top:15px; color:#fff; font-weight:bold;}
.main .about li .w03{ font-size:14px; line-height:24px; margin-top:10px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
.main .about li .w04{ font-size:15px; line-height:25px; margin-top:10px; color:#005bac;}
.main .about li:hover .w04{ color:#cc0000;}
}
@media (max-width:990px) {
.main .about{ display:flex; justify-content:center; margin-top:20px; margin-bottom:50px;}
.main .about li{ flex:1; display:block; margin:0 5px; text-align:center;}
.main .about li .w01{ width:60px; height:60px; margin:auto; position:relative; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.main .about li .w01 p{ width:100%; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .about li .w01 img{ width:100%; display:block;}
.main .about li:hover .w01 p{ top:-60px;}
.main .about li .w02{ font-size:16px; line-height:26px; margin-top:10px; color:#fff; font-weight:bold;}
.main .about li .w03{ font-size:14px; line-height:22px; margin-top:5px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden;}
.main .about li .w04{ font-size:14px; line-height:20px; margin-top:5px; color:#005bac;}
.main .about li:hover .w04{ color:#cc0000;}
}

@media screen and (min-width:1280px) {
.wp-box_content{ margin-top:40px; margin-bottom:50px; border:1px solid #444; padding:49px;}
.wp-box_content .wp-media_content{ width:100%; color:#fff;}
.wp-box_content .wp-media_content img{ width:100%; display:block;}
.wp-box_content .wp-title_content{ width:100%; margin-top:30px; font-size:16px; line-height:26px; color:#fff;}
.wp-box_content .wp-title_content img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.wp-box_content{ margin-top:30px; margin-bottom:40px; border:1px solid #444; padding:34px;}
.wp-box_content .wp-media_content{ width:100%; color:#fff;}
.wp-box_content .wp-media_content img{ width:100%; display:block;}
.wp-box_content .wp-title_content{ width:100%; margin-top:25px; font-size:15px; line-height:25px; color:#fff;}
.wp-box_content .wp-title_content img{ max-width:100%; height:auto !important;}
}
@media (max-width:990px) {
.wp-box_content{ margin-top:30px; margin-bottom:40px; border:1px solid #444; padding:14px;}
.wp-box_content .wp-media_content{ width:100%; color:#fff;}
.wp-box_content .wp-media_content img{ width:100%; display:block;}
.wp-box_content .wp-title_content{ width:100%; margin-top:10px; font-size:14px; line-height:24px; color:#fff;}
.wp-box_content .wp-title_content img{ max-width:100%; height:auto !important;}
}

@media screen and (min-width:1280px) {
.wp-box_content .wp-media_content01{ width:280px; float:left;}
.wp-box_content .wp-media_content01 img{ width:100%; display:block;}
.wp-box_content .wp-media_content01 p{ text-align:center; display:block; font-size:15px; line-height:25px; font-weight:bold; margin-top:20px;}
.wp-box_content .wp-title_content01{ width:780px; float:right; font-size:16px; line-height:26px; color:#fff;}
.wp-box_content .wp-title_content01 img{ max-width:100%; height:auto !important;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.wp-box_content .wp-media_content01{ width:280px; float:left;}
.wp-box_content .wp-media_content01 img{ width:100%; display:block;}
.wp-box_content .wp-media_content01 p{ text-align:center; display:block; font-size:15px; line-height:25px; font-weight:bold; margin-top:15px;}
.wp-box_content .wp-title_content01{ width:calc(97% - 280px); float:right; font-size:15px; line-height:25px; color:#fff;}
.wp-box_content .wp-title_content01 img{ max-width:100%; height:auto !important;}
}
@media (max-width:990px) {
.wp-box_content .wp-media_content01{ width:100%; float:left;}
.wp-box_content .wp-media_content01 img{ width:100%; display:block;}
.wp-box_content .wp-media_content01 p{ text-align:center; display:block; font-size:14px; line-height:24px; font-weight:bold; margin-top:10px;}
.wp-box_content .wp-title_content01{ width:100%; margin-top:10px; float:right; font-size:14px; line-height:24px; color:#fff;}
.wp-box_content .wp-title_content01 img{ max-width:100%; height:auto !important;}
}

/*产品展示*/
@media screen and (min-width:1280px) {
.pro{ width:100%; display:block;}
.pro li{ width:375px; margin-left:36px; margin-top:30px; display:block; float:left; position:relative;}
.pro li a{ display:block;}
.pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro li .tu{ width:100%; height:250px; position:relative;}
.pro li .tu img{ display:block; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li .tu p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7); background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.pro li .tu:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pro li:hover .tu p{ display:block;}
.pro li .wen{ padding:15px 5px; padding-bottom:0;}
.pro li .wen .w01{ font-size:18px; line-height:28px; color:#fff;}
.pro li .wen .w01:hover{ color:#005aae;}
.pro li .wen .w02{ font-size:13px; line-height:23px; color:#999 color:#fff;; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.wp-pager_link{ width:100%; text-align:center; margin-top:35px; margin-bottom:50px; font-size:12px;}
.wp-pager_link .pager_link { display: inline-block; min-width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; padding: 5px; margin-right: 4px; border: 1px solid #CCC; border-radius: 3px; color: #808080; font-size: 12px; background-color: #FFF;}
.wp-pager_link span.disabled { border-color:#F3F3F3 !important; color:#CCC !important; background-color:transparent !important; font-weight:normal !important; text-decoration:none !important;}
.wp-pager_link .pager_link.curlink,.wp-pager_link .pager_link:hover{ background-color:#0059b0; border-color:#0059b0; color:#ffffff;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.pro{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pro li{ width:32%; margin-left:2%; margin-top:20px; display:block; float:left; position:relative;}
.pro li a{ display:block;}
.pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro li .tu{ width:100%; position:relative;}
.pro li .tu:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.pro li .tu img{ display:block; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li .tu p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7); background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat;}
.pro li .tu:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pro li:hover .tu p{ display:block;}
.pro li .wen{ padding:10px 5px; padding-bottom:0;}
.pro li .wen .w01{ font-size:17px; line-height:27px; color:#fff;}
.pro li .wen .w01:hover{ color:#005aae;}
.pro li .wen .w02{ font-size:13px; line-height:23px; color:#999; margin-top:3px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.wp-pager_link{ width:100%; text-align:center; margin-top:25px; margin-bottom:40px; font-size:12px;}
.wp-pager_link .pager_link { display: inline-block; min-width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; padding: 5px; margin-right: 4px; border: 1px solid #CCC; border-radius: 3px; color: #808080; font-size: 12px; background-color: #FFF;}
.wp-pager_link span.disabled { border-color:#F3F3F3 !important; color:#CCC !important; background-color:transparent !important; font-weight:normal !important; text-decoration:none !important;}
.wp-pager_link .pager_link.curlink,.wp-pager_link .pager_link:hover{ background-color:#0059b0; border-color:#0059b0; color:#ffffff;}
}
@media (max-width:990px) {
.pro{ width:100%; display:flex; flex-wrap:wrap; padding-top:5px;}
.pro li{ width:48.5%; margin-left:3%; margin-top:15px; display:block; float:left; position:relative;}
.pro li a{ display:block;}
.pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro li .tu{ width:100%; position:relative;}
.pro li .tu:before{ width:100%; display:block; content:''; padding-top:66.66%;}
.pro li .tu img{ display:block; height:100%; position:absolute; top:0; left:0; z-index:1; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro li .tu p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7); background-image:url(../images/more.png); background-position:center; background-repeat:no-repeat; background-size:30px auto;}
.pro li .tu:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.pro li:hover .tu p{ display:block;}
.pro li .wen{ padding:5px; padding-bottom:0;}
.pro li .wen .w01{ font-size:16px; line-height:26px; color:#fff;}
.pro li .wen .w01:hover{ color:#005aae;}
.pro li .wen .w02{ font-size:13px; line-height:23px; color:#999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}

.wp-pager_link{ width:100%; text-align:center; margin-top:15px; margin-bottom:30px; font-size:12px;}
.wp-pager_link .pager_link { display: inline-block; min-width: 1.2em; height: 1.2em; line-height: 1.2em; text-align: center; padding: 5px; margin-right: 4px; border: 1px solid #CCC; border-radius: 3px; color: #808080; font-size: 12px; background-color: #FFF;}
.wp-pager_link span.disabled { border-color:#F3F3F3 !important; color:#CCC !important; background-color:transparent !important; font-weight:normal !important; text-decoration:none !important;}
.wp-pager_link .pager_link.curlink,.wp-pager_link .pager_link:hover{ background-color:#0059b0; border-color:#0059b0; color:#ffffff;}
}

/*产品展示内页*/
.ny{ max-width:800px; margin:auto;}
@media screen and (min-width:1280px) {
.wp-box_content .artdetail_title {
    font-size: 20px;
    line-height: 140%;
    color: #fff;
	font-weight: bold;
	text-align:center;
}
.wp-box_content .artview_info {
    color: #999;
    padding-left: 8px;
	font-size:12px;
    min-height: 23px;
    text-align: center;
}
.wp-box_content .artview_intro {
    padding: 5px;
    line-height: 1.7em;
    color: #999;
    background-color: #444;
    border: #555 1px solid;
	font-size:12px;
    margin-bottom: 10px;
    text-indent: 24px;
}
.wp-box_content .artview_content {
    clear: both;
	 color:#fff;
    padding-top: 8px;
    line-height: 1.7em;
    min-height: 50px;
    text-align: justify;
    text-justify: inter-ideograph;
}
.wp-box_content .artview_content img{ max-width:100%; height:auto !important;}
.prdview_prev_next{ margin-top:20px;}
.prdview_prev_next a{ display:block; overflow:hidden;
	 color:#fff;}
.up_arrow {
    background-image: url(../images/sitestar_productdetailspage_up_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 8px;
	 color:#fff;
}
.down_arrow {
    background-image: url(../images/sitestar_productdetailspage_down_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 8px;
	 color:#fff;
}
.prdview_prev_next a .prev_next_text:hover{ text-decoration:underline;}
.prdview_prev_next a:hover .up_arrow,.prdview_prev_next a:hover .down_arrow{ background-color:#005aae;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.ny{ min-width:850px !important;}
.wp-box_content .artdetail_title {
    font-size: 20px;
    line-height: 140%;
    color: #fff;
	font-weight: bold;
	text-align:center;
}
.wp-box_content .artview_info {
    color: #999;
    padding-left: 8px;
	font-size:12px;
    min-height: 23px;
    text-align: center;
}
.wp-box_content .artview_intro {
    padding: 5px;
    line-height: 1.7em;
    color: #999;
    background-color: #444;
    border: #555 1px solid;
	font-size:12px;
    margin-bottom: 10px;
    text-indent: 24px;
}
.wp-box_content .artview_content {
    clear: both;
    padding-top: 8px;
    line-height: 1.7em;
    min-height: 50px;
	 color:#fff;
    text-align: justify;
    text-justify: inter-ideograph;
}
.wp-box_content .artview_content img{ max-width:100%; height:auto !important;}
.prdview_prev_next{ margin-top:20px;}
.prdview_prev_next a{ display:block; overflow:hidden;
	 color:#fff;}
.up_arrow {
    background-image: url(../images/sitestar_productdetailspage_up_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 8px;
	 color:#fff;
}
.down_arrow {
    background-image: url(../images/sitestar_productdetailspage_down_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 8px;
	 color:#fff;
}
.prdview_prev_next a .prev_next_text:hover{ text-decoration:underline;}
.prdview_prev_next a:hover .up_arrow,.prdview_prev_next a:hover .down_arrow{ background-color:#005aae;}
}
@media (max-width:990px) {
.ny{ min-width:0 !important;}
.wp-box_content .artdetail_title {
    font-size: 20px;
    line-height: 140%;
    color: #fff;
	font-weight: bold;
	text-align:center;
}
.wp-box_content .artview_info {
    color: #999;
    padding-left: 8px;
	font-size:12px;
    min-height: 23px;
    text-align: center;
}
.wp-box_content .artview_intro {
    padding: 5px;
    line-height: 1.7em;
    color: #999;
    background-color: #444;
    border: #555 1px solid;
	font-size:12px;
    margin-bottom: 10px;
    text-indent: 24px;
}
.wp-box_content .artview_content {
    clear: both;
    padding-top: 8px;
    line-height: 1.7em;
    min-height: 50px;
    text-align: justify;
    text-justify: inter-ideograph;
	 color:#fff;
}
.wp-box_content .artview_content img{ max-width:100%; height:auto !important;}
.prdview_prev_next{ margin-top:20px;}
.prdview_prev_next a{ display:block; overflow:hidden;
	 color:#fff;}
.up_arrow {
    background-image: url(../images/sitestar_productdetailspage_up_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 8px;
	 color:#fff;
}
.down_arrow {
    background-image: url(../images/sitestar_productdetailspage_down_arrow.png);
    background-repeat: no-repeat;
    width: 11px;
    height: 10px;
    display: block;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    margin-top: 8px;
	 color:#fff;
}
.prdview_prev_next a .prev_next_text:hover{ text-decoration:underline;}
.prdview_prev_next a:hover .up_arrow,.prdview_prev_next a:hover .down_arrow{ background-color:#005aae;}
}

/*新闻资讯*/
@media screen and (min-width:1280px) {
.news{ width:100%; display:block; margin-top:-20px;}
.news li{ padding:20px 0; display:block; border-bottom:1px solid #ccc; overflow:hidden;}
.news li .left{ width:240px; height:150px; float:left; position:relative; overflow:hidden;}
.news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news li .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.news li .left p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7); background-image:url(../images/section5.png); background-position:center; background-repeat:no-repeat;}
.news li .left:hover p{ display:block;}
.news li .right{ width:calc(100% - 260px); float:right; overflow:hidden;}
.news li .right p.title{ margin-bottom:5px; overflow:hidden; display:flex;}
.news li .right p.title span{ font-size:16px; line-height:26px; color:#005aae; margin-right:5px; display:block;}
.news li .right p.title a{ font-size:16px; line-height:26px; flex:1; display:block; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.news li .right p.title a:hover{ color:#005aae;}
.news li .right .time{ font-size:13px; line-height:23px; margin-top:5px; display:block; color:#929292;}
.news li .right  p.abstract{ font-size: 14px; line-height: 24px; padding-top:10px; color: #999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
}
@media screen and (min-width:991px) and (max-width:1279px) {
.news{ width:100%; display:block; margin-top:-20px;}
.news li{ padding:20px 0; display:block; border-bottom:1px solid #ccc; overflow:hidden;}
.news li .left{ width:240px; height:150px; float:left; position:relative; overflow:hidden;}
.news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news li .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.news li .left p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7); background-image:url(../images/section5.png); background-position:center; background-repeat:no-repeat;}
.news li .left:hover p{ display:block;}
.news li .right{ width:calc(100% - 255px); float:right; overflow:hidden;}
.news li .right p.title{ margin-bottom:5px; overflow:hidden; display:flex;}
.news li .right p.title span{ font-size:16px; line-height:26px; color:#005aae; margin-right:5px; display:block;}
.news li .right p.title a{ font-size:16px; line-height:26px; flex:1; display:block; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff;}
.news li .right p.title a:hover{ color:#005aae;}
.news li .right .time{ font-size:13px; line-height:23px; margin-top:5px; display:block; color:#929292;}
.news li .right  p.abstract{ font-size: 14px; line-height: 24px; padding-top:10px; color: #999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
}
@media (max-width:990px) {
.news{ width:100%; display:block; margin-top:-15px;}
.news li{ padding:10px 0; display:block; border-bottom:1px solid #ccc; overflow:hidden;}
.news li .left{ width:180px; height:112px; float:left; position:relative; overflow:hidden; margin:5px 0;}
.news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.news li .left:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.news li .left p{ display:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background-color:rgba(0,0,0,.7); background-image:url(../images/section5.png); background-position:center; background-repeat:no-repeat; background-size:30px auto;}
.news li .left:hover p{ display:block;}
.news li .right{ width:calc(100% - 190px); float:right; overflow:hidden;}
.news li .right p.title{ overflow:hidden; display:flex;}
.news li .right p.title span{ display:none; font-size:16px; line-height:26px; color:#005aae; margin-right:5px;}
.news li .right p.title a{ font-size:16px; line-height:26px; display:block; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; color:#fff;}
.news li .right p.title a:hover{ color:#005aae;}
.news li .right .time{ font-size:13px; line-height:20px; display:block; color:#929292;}
.news li .right  p.abstract{ font-size: 14px; line-height: 24px; color: #999; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
}