@charset "utf-8";
/* CSS Document */
html,body{ width:100%;}
body{ font-family:"Microsoft YaHei", Arial, sans-serif; font-size:14px; line-height:1.7; color:#333;}
a{ text-decoration:none; color:#333;}
*{ 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{ *zoom:1}
.clear:before,.clear:after{ display:table; content:""}
.clear:after{ clear:both}
img {
    -webkit-user-drag: none; /* Chrome, Safari */
    user-drag: none; /* 通常的非WebKit浏览器 */
}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}
.swiper-container-multirow > .swiper-wrapper{ -webkit-box-lines:multiple; -moz-box-lines:multiple; -ms-flex-wrap:wrap; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

/*header*/
@media screen and (min-width:1280px){
.header{ width:100%; height:100px; position:fixed; left:0; top:0; z-index:90; background-color:rgba(255,255,255,.5);}
.header .line{ width:100%; background-color:rgba(51,51,51,0.3); height:1px; position:absolute; left:0; bottom:0; z-index:1;}
.header.pos{ background-color:#fff;}
.header .logo{ float:left; margin:20px 7%; margin-right:3%;}
.header .logo img{ display:block; height:60px;}
.header .nav{ display:block; float:left; height:100px; position:relative; z-index:9;}
.header .nav li{ display:block; float:left; margin-left:2.5vw; position:relative;}
.header .nav li>a{ display:block; height:100px; line-height:100px; font-size:16px; position:relative;}
.header .nav li>a b{ width:0; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#1d54a4; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .nav li.on>a,.header .nav li:hover>a{ color:#1d54a4;}
.header .nav li.on a b,.header .nav li:hover a b{ width:0%;}
.header .nav li p{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:100%; width:140px;}
.header .nav li p b{ width:100%; height:5px; display:block;}
.header .nav li p span{ width:100%; display:block; overflow:hidden; text-align:center; background:rgba(255, 255, 255, 0.4); border:1px solid rgba(255, 255, 255, 0.3); margin-top:-1px; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:20px 20px 40px -6px rgba(0, 0, 0, 0.2); overflow:hidden; border-radius:5px;}
.header .nav li p span a{ padding:5px 20px; display:block; font-size:14px; line-height:30px; color:#333; height:30px; overflow:hidden; border-bottom:1px solid #cacaca;}
.header .nav li p span a:last-child{ border-bottom:none;}
.header .nav li p span a:hover{ color:#1d54a4; background-color:rgba(255,255,255,0.5);}
.header .nav li:hover p{ display:block;}
.header .menu{ display:none; width:7%; border-left:1px solid rgba(51,51,51,0.3); float:right; height:100px; position:relative;}
.header .menu img{ width:30px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); cursor:pointer;}
.header .yu{ width:7%; border-left:1px solid rgba(51,51,51,0.3); float:right; height:100px; position:relative;}
/*.header .yu strong{ width:100%; display:flex; align-items:center; height:100%; overflow:hidden;}
.header .yu strong img{ display:block; margin:auto;}*/
.header .yu span{ display:block; width:100%; line-height:100px; font-size:14px; text-align:center;}
.header .yu p{ display:none; width:100%; position:absolute; top:90px; left:0;}
.header .yu p b{ display:block; height:15px; width:100%;}
.header .yu p strong{ text-align:center; background:rgba(255, 255, 255, 0.4); border:1px solid rgba(255, 255, 255, 0.3); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); overflow:hidden; border-radius:5px; font-weight:normal; display:block; width:100%; box-sizing:border-box;}
.header .yu p a{ padding:5px 0; display:block; font-size:14px; line-height:30px; color:#333; height:30px; overflow:hidden; border-bottom:1px solid #cacaca;}
.header .yu p a:last-child{ border-bottom:none;}
.header .yu p a:hover{ color:#1d54a4; background-color:rgba(255,255,255,0.5);}
.header .yu:hover p{ display:block;}
.header .tel{ padding-left:26px; font-size:14px; line-height:100px; height:100px; float:right; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; margin-right:3.5%;}
.header .wx{ float:right; height:100px; position:relative; margin-right:2%; display:none;}
.header .wx span{ padding-left:26px; font-size:14px; line-height:100px; height:100px; float:right; background-image:url(../images/wei.png); background-position:left center; background-repeat:no-repeat;}
.header .wx p{ display:none; position:absolute; left:0; top:100%;}
.header .wx p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:#eee; border-width:8px;}
.header .wx p a{ width:100px; display:block; padding:10px; padding-bottom:5px; background-color:#eee; overflow:hidden; border-radius:5px; font-size:12px; line-height:22px; text-align:center;}
.header .wx p a img{ width:90px; border:5px solid #fff; display:block; margin-bottom:3px;}
.header .wx:hover p{ display:block;}
/*.header .yu{ float:right; height:100px; position:relative; margin-right:2%;}
.header .yu span{ padding-left:26px; font-size:14px; line-height:100px; height:100px; float:right; background-image:url(../images/yu.png); background-position:left center; background-repeat:no-repeat;}
.header .yu p{ display:none; position:absolute; left:0; top:100%;}
.header .yu p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:rgba(255,255,255,0.7); border-width:8px;}
.header .yu p strong{ font-weight:normal; width:70px; display:block; padding:10px 15px; background-color:rgba(255,255,255,0.7); overflow:hidden; border-radius:5px;}
.header .yu p strong a{ display:block; font-size:14px; line-height:24px;}
.header .yu p strong a:hover{ color:#1d54a4;}
.header .yu:hover p{ display:block;}*/
.header .ser{ width:16px; height:40px; float:right; margin-top:30px; margin-right:2%; position:relative; z-index:11;}
.header .ser a{ display:block; overflow:hidden; cursor:pointer; width:16px; height:16px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; margin:12px 0;}
.serbox{ width:100%; padding:20px 0; background-color:rgba(255,255,255,.5); position:fixed; left:0; top:100px; z-index:111; display:none;}
.serbox.pos{ background-color:#fff;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#f1f1f1; padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#333;}
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background:#1d54a4;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:transparent; border-radius:50px; cursor:pointer; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ transform:rotateZ(45deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative; opacity:0.7;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#333; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.serbox .close:hover{ transform:rotateZ(225deg); opacity:1;}

.sav{ position:fixed; z-index:100; right:0; top:0; width:210px; padding-left:50px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(260px) rotateY(90deg); -moz-transform:perspective(260px) rotateY(90deg); -ms-transform:perspective(260px) rotateY(90deg); -o-transform:perspective(260px) rotateY(90deg); transform:perspective(260px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.sav.on{ -moz-transform:perspective(260px) rotateY(0deg); -ms-transform:perspective(260px) rotateY(0deg); -o-transform:perspective(260px) rotateY(0deg); transform:perspective(260px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.sav .close{ position:absolute; right:10%; color:#333; font-size:14px; height:24px; line-height:24px; top:5%; text-transform:uppercase; padding-right:20px; background-image:url(../images/close.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; cursor:pointer;}
.sav ul{ overflow:hidden; padding-top:100px;}
.sav ul li{ overflow:hidden; display:block; padding:10px 0; position:relative;}
.sav ul li>a{ display:inline-block; overflow:hidden; position:relative; height:30px; line-height:26px; color:#999; font-size:16px;}
.sav ul li>a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#1d54a4; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.sav ul li.on>a:before,.sav ul li:hover>a:before,.sav ul li>a.xuan:before{ width:100%; left:0;}
.sav ul li.on>a,.sav ul li:hover>a,.sav ul li>a.xuan{ color:#333;}
.sav ul li span{ display:none; overflow:hidden;}
.sav ul li span a{ font-size:14px; line-height:24px; display:block; color:#999;}
.sav ul li span a:hover{ color:#1d54a4;}
}
@media screen and (min-width:1280px) and (max-width:1360px){
.header .wx span{ width:0; padding-left:19px; font-size:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:100%; height:80px; position:fixed; left:0; top:0; z-index:90; background-color:rgba(255,255,255,.5);}
.header .line{ width:100%; background-color:rgba(51,51,51,0.3); height:1px; position:absolute; left:0; bottom:0; z-index:1;}
.header.pos{ background-color:#fff;}
.header .logo{ float:left; margin:15px 5%; margin-right:2%;}
.header .logo img{ display:block; height:50px;}
.header .nav{ display:block; float:left; height:80px; position:relative; z-index:9;}
.header .nav li{ display:block; float:left; margin-left:2vw; position:relative;}
.header .nav li>a{ display:block; height:80px; line-height:80px; font-size:15px; position:relative;}
.header .nav li>a b{ width:0; height:2px; display:block; position:absolute; left:0; bottom:0; background-color:#1d54a4; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .nav li.on>a,.header .nav li:hover>a{ color:#1d54a4;}
.header .nav li.on a b,.header .nav li:hover a b{ width:0%;}
.header .nav li p{ display:none; position:absolute; left:50%; transform:translateX(-50%); top:100%; width:110px;}
.header .nav li p b{ width:100%; height:5px; display:block;}
.header .nav li p span{ width:100%; display:block; overflow:hidden; text-align:center; background:rgba(255, 255, 255, 0.4); border:1px solid rgba(255, 255, 255, 0.3); margin-top:-1px; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); box-shadow:10px 10px 20px -3px rgba(0, 0, 0, 0.2); overflow:hidden; border-radius:5px;}
.header .nav li p span a{ padding:5px 15px; display:block; font-size:14px; line-height:24px; color:#333; height:24px; overflow:hidden; border-bottom:1px solid #cacaca;}
.header .nav li p span a:last-child{ border-bottom:none;}
.header .nav li p span a:hover{ color:#1d54a4; background-color:rgba(255,255,255,0.5);}
.header .nav li:hover p{ display:block;}
.header .menu{ display:none; width:5%; border-left:1px solid rgba(51,51,51,0.3); float:right; height:80px; position:relative;}
.header .menu img{ width:30px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); cursor:pointer;}
.header .yu{ width:5%; border-left:1px solid rgba(51,51,51,0.3); float:right; height:80px; position:relative;}
/*.header .yu strong{ width:100%; display:flex; align-items:center; height:100%; overflow:hidden;}
.header .yu strong img{ display:block; margin:auto;}*/
.header .yu span{ display:block; width:100%; line-height:80px; font-size:12px; text-align:center;}
.header .yu p{ display:none; width:100%; position:absolute; top:70px; left:0;}
.header .yu p b{ display:block; height:15px; width:100%;}
.header .yu p strong{ text-align:center; background:rgba(255, 255, 255, 0.4); border:1px solid rgba(255, 255, 255, 0.3); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); overflow:hidden; border-radius:5px; font-weight:normal; display:block; width:100%; box-sizing:border-box;}
.header .yu p a{ padding:5px 0; display:block; font-size:12px; line-height:24px; color:#333; height:24px; overflow:hidden; border-bottom:1px solid #cacaca;}
.header .yu p a:last-child{ border-bottom:none;}
.header .yu p a:hover{ color:#1d54a4; background-color:rgba(255,255,255,0.5);}
.header .yu:hover p{ display:block;}
.header .tel{ padding-left:20px; font-size:14px; line-height:80px; height:80px; float:right; background-image:url(../images/tel.png); background-position:left center; background-repeat:no-repeat; margin-right:3%;}
.header .wx{ float:right; height:80px; position:relative; margin-right:1.5%; display:none;}
.header .wx span{ padding-left:19px; font-size:0; height:80px; float:right; background-image:url(../images/wei.png); background-position:left center; background-repeat:no-repeat;}
.header .wx p{ display:none; position:absolute; left:-10px; top:100%;}
.header .wx p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:#eee; border-width:8px;}
.header .wx p a{ width:100px; display:block; padding:10px; padding-bottom:5px; background-color:#eee; overflow:hidden; border-radius:5px; font-size:12px; line-height:22px; text-align:center;}
.header .wx p a img{ width:90px; border:5px solid #fff; display:block; margin-bottom:3px;}
.header .wx:hover p{ display:block;}
/*.header .yu{ float:right; height:80px; position:relative; margin-right:1.5%;}
.header .yu span{ padding-left:16px; font-size:0; height:80px; float:right; background-image:url(../images/yu.png); background-position:left center; background-repeat:no-repeat;}
.header .yu p{ display:none; position:absolute; left:-10px; top:100%;}
.header .yu p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:rgba(255,255,255,0.7); border-width:8px;}
.header .yu p strong{ font-weight:normal; width:70px; display:block; padding:10px 15px; background-color:rgba(255,255,255,0.7); overflow:hidden; border-radius:5px;}
.header .yu p strong a{ display:block; font-size:14px; line-height:24px;}
.header .yu p strong a:hover{ color:#1d54a4;}
.header .yu:hover p{ display:block;}*/
.header .ser{ width:16px; height:40px; float:right; margin-top:20px; margin-right:1.5%; position:relative; z-index:11;}
.header .ser a{ display:block; overflow:hidden; cursor:pointer; width:16px; height:16px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; margin:12px 0;}
.serbox{ width:100%; padding:20px 0; background-color:rgba(255,255,255,.5); position:fixed; left:0; top:80px; z-index:111; display:none;}
.serbox.pos{ background-color:#fff;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#f1f1f1; padding:10px; border-radius:70px;}
.serbox .box p span{ width:560px; margin:0 10px; height:40px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:40px; line-height:40px; font-size:1rem; background-color:transparent; color:#333;}
.serbox .box p a{ display:block; width:40px; height:40px; float:right; border-radius:50px; background:#1d54a4;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:transparent; border-radius:50px; cursor:pointer; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ transform:rotateZ(45deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:15px; position:relative; opacity:0.7;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#333; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.serbox .close:hover{ transform:rotateZ(225deg); opacity:1;}

.sav{ position:fixed; z-index:100; right:0; top:0; width:210px; padding-left:35px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(245px) rotateY(90deg); -moz-transform:perspective(245px) rotateY(90deg); -ms-transform:perspective(245px) rotateY(90deg); -o-transform:perspective(245px) rotateY(90deg); transform:perspective(245px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.sav.on{ -moz-transform:perspective(245px) rotateY(0deg); -ms-transform:perspective(245px) rotateY(0deg); -o-transform:perspective(245px) rotateY(0deg); transform:perspective(245px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.sav .close{ position:absolute; right:10%; color:#333; font-size:14px; height:24px; line-height:24px; top:5%; text-transform:uppercase; padding-right:20px; background-image:url(../images/close.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; cursor:pointer;}
.sav ul{ overflow:hidden; padding-top:100px;}
.sav ul li{ overflow:hidden; display:block; padding:10px 0; position:relative;}
.sav ul li>a{ display:inline-block; overflow:hidden; position:relative; height:30px; line-height:26px; color:#999; font-size:16px;}
.sav ul li>a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#1d54a4; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.sav ul li.on>a:before,.sav ul li:hover>a:before,.sav ul li>a.xuan:before{ width:100%; left:0;}
.sav ul li.on>a,.sav ul li:hover>a,.sav ul li>a.xuan{ color:#333;}
.sav ul li span{ display:none; overflow:hidden;}
.sav ul li span a{ font-size:14px; line-height:24px; display:block; color:#999;}
.sav ul li span a:hover{ color:#1d54a4;}
}
@media only screen and (max-width:768px){
.header{ width:100%; height:60px; position:fixed; left:0; top:0; z-index:90; background-color:rgba(255,255,255,.5);}
.header .line{ width:100%; background-color:rgba(51,51,51,0.3); height:1px; position:absolute; left:0; bottom:0; z-index:1;}
.header.pos{ background-color:#fff;}
.header .logo{ float:left; margin:15px 3%; margin-right:0;}
.header .logo img{ display:block; height:30px;}
.header .nav{ display:none;}
.header .menu{ width:30px; padding:18px 15px; border-left:1px solid rgba(51,51,51,0.3); float:right; position:relative;}
.header .menu img{ width:30px; display:block; cursor:pointer;}
.header .tel{ display:none;}
.header .wx{ display:none;}
.header .yu{ display:none;}
/*.header .yu{ float:left; height:60px; position:relative; margin-left:15px;}
.header .yu span{ padding-left:20px; line-height:60px; font-size:14px; height:60px; float:right; background-image:url(../images/yu.png); background-position:left center; background-repeat:no-repeat;}
.header .yu p{ display:none; position:absolute; left:0; top:100%;}
.header .yu p b{ display:block; margin-left:12px; border:solid transparent; height:0; width:0; border-bottom-color:rgba(255,255,255,0.7); border-width:8px;}
.header .yu p strong{ font-weight:normal; width:70px; display:block; padding:10px 15px; background-color:rgba(255,255,255,0.7); overflow:hidden; border-radius:5px;}
.header .yu p strong a{ display:block; font-size:14px; line-height:24px;}
.header .yu p strong a:hover{ color:#1d54a4;}
.header .yu:hover p{ display:block;}*/
.header .ser{ width:16px; height:40px; float:right; margin-top:10px; margin-right:15px; position:relative; z-index:11;}
.header .ser a{ display:block; overflow:hidden; cursor:pointer; width:16px; height:16px; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; margin:12px 0;}
.serbox{ width:100%; padding:15px 0; background-color:rgba(255,255,255,.5); position:fixed; left:0; top:60px; z-index:111; display:none;}
.serbox.pos{ background-color:#fff;}
.serbox .box{ width:94%; margin:auto;}
.serbox .box p{ display:block; float:left; width:calc(100% - 40px); height:34px; background-color:#f1f1f1; padding:5px; border-radius:70px;}
.serbox .box p span{ width:calc(100% - 54px); margin:0 10px; height:34px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:34px; line-height:34px; font-size:1rem; background-color:transparent; color:#333;}
.serbox .box p a{ display:block; width:34px; height:34px; float:right; border-radius:50px; background:#1d54a4;}
.serbox .box p a input{ display:block; width:34px; height:34px; background-color:transparent; border-radius:50px; cursor:pointer; background-image:url(../images/ser01.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ transform:rotateZ(45deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width:25px; height:25px; cursor:pointer; display:block; float:right; margin-top:12px; position:relative; opacity:0.7;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#333; border-radius:2px;}
.serbox .close::before{ width:5px; height:25px; left:10px; top:0px;}
.serbox .close::after{ width:25px; height:5px; left:0px; top:10px;}
.serbox .close:hover{ transform:rotateZ(225deg); opacity:1;}

.sav{ position:fixed; z-index:100; right:0; top:0; width:210px; padding-left:20px; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background:#fff; -webkit-transform-origin:right; -moz-transform-origin:right; -ms-transform-origin:right; -o-transform-origin:right; transform-origin:right; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; -webkit-transform:perspective(230px) rotateY(90deg); -moz-transform:perspective(230px) rotateY(90deg); -ms-transform:perspective(230px) rotateY(90deg); -o-transform:perspective(230px) rotateY(90deg); transform:perspective(230px) rotateY(90deg); filter:alpha(opacity=0); opacity:0; -moz-opacity:0; -khtml-opacity:0; display:table; vertical-align:middle;}
.sav.on{ -moz-transform:perspective(230px) rotateY(0deg); -ms-transform:perspective(230px) rotateY(0deg); -o-transform:perspective(230px) rotateY(0deg); transform:perspective(230px) rotateY(0deg); filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1;}
.sav .close{ position:absolute; right:10%; color:#333; font-size:14px; height:24px; line-height:24px; top:5%; text-transform:uppercase; padding-right:20px; background-image:url(../images/close.png); background-position:right center; background-repeat:no-repeat; font-weight:bold; cursor:pointer;}
.sav ul{ overflow:hidden; padding-top:100px;}
.sav ul li{ overflow:hidden; display:block; padding:10px 0; position:relative;}
.sav ul li>a{ display:inline-block; overflow:hidden; position:relative; height:30px; line-height:26px; color:#999; font-size:16px;}
.sav ul li>a:before{ content:""; position:absolute; right:0; bottom:0; width:0; height:2px; background:#1d54a4; -moz-transition:all 0.6s ease-in-out;-webkit-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;}
.sav ul li.on>a:before,.sav ul li:hover>a:before,.sav ul li>a.xuan:before{ width:100%; left:0;}
.sav ul li.on>a,.sav ul li:hover>a,.sav ul li>a.xuan{ color:#333;}
.sav ul li span{ display:none; overflow:hidden;}
.sav ul li span a{ font-size:14px; line-height:24px; display:block; color:#999;}
.sav ul li span a:hover{ color:#1d54a4;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; max-height:100vh; position:relative; z-index:1;}
.banner .bd{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.banner .bd ul{ width:100% !important; height:100% !important; display:block;}
.banner .bd ul li{ width:100% !important; height:100% !important; display:block;}
.banner .bd ul li img{ width:100%; display:block; height:100%; object-fit:cover;}
.banner .bd ul li img.mobile{ display:none;}
.banner .hd{ width:7%; position:absolute; right:0; bottom:0; height:calc(100% - 100px); z-index:9; border-left:1px solid rgba(51,51,51,0.3);}
.banner .hd ul{ width:30px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .hd ul li{ display:block; width:30px; height:30px; background-image:url(../images/ban.png); background-position:center; background-repeat:no-repeat; cursor:pointer; margin:20px auto;}
.banner .hd ul li.on{ background-image:url(../images/banh.png);}
.banner>.pc{ width:100%; display:block; visibility:hidden;}
.banner>.mobile{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; max-height:100vh; position:relative; z-index:1;}
.banner .bd{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.banner .bd ul{ width:100% !important; height:100% !important; display:block;}
.banner .bd ul li{ width:100% !important; height:100% !important; display:block;}
.banner .bd ul li img{ width:100%; display:block;}
.banner .bd ul li img.mobile{ display:none;}
.banner .hd{ width:5%; position:absolute; right:0; bottom:0; height:calc(100% - 80px); z-index:9; border-left:1px solid rgba(51,51,51,0.3);}
.banner .hd ul{ width:22px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .hd ul li{ display:block; width:22px; height:22px; background-image:url(../images/ban.png); background-position:center; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer; margin:10px auto;}
.banner .hd ul li.on{ background-image:url(../images/banh.png);}
.banner>.pc{ width:100%; display:block; visibility:hidden;}
.banner>.mobile{ display:none;}
}
@media only screen and (max-width:768px){
.banner{ width:100%; max-height:100vh; position:relative; z-index:1;}
.banner .bd{ width:100%; height:100%; display:block; position:absolute; left:0; top:0; z-index:1;}
.banner .bd ul{ width:100% !important; height:100% !important; display:block;}
.banner .bd ul li{ width:100% !important; height:100% !important; display:block;}
.banner .bd ul li img{ width:100%; display:block;}
.banner .bd ul li img.pc{ display:none;}
.banner .hd{ position:absolute; left:50%; bottom:10px; z-index:9; transform:translateX(-50%);}
.banner .hd ul{ width:100%; overflow:hidden;}
.banner .hd ul li{ display:block; width:15px; height:15px; background-image:url(../images/ban.png); background-position:center; background-repeat:no-repeat; cursor:pointer; margin:0 2px; float:left; background-size:100% 100%;}
.banner .hd ul li.on{ background-image:url(../images/banh.png);}
.banner>.mobile{ width:100%; display:block; visibility:hidden;}
.banner>.pc{ display:none;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.abox{ width:86%; padding:100px 7%; display:flex;}
.abox .left{ width:42.68%; float:left; position:relative;}
.abox .left .a01{ font-weight:bold; position:absolute; top:-40px; left:-70px; z-index:1; font-size:120px; line-height:110px; opacity:0.05; text-transform:uppercase; height:110px;}
.abox .left .a02{ font-size:40px; line-height:40px;}
.abox .left .a02 b{ color:#1d54a4;}
.abox .left .a03{ font-size:18px; line-height:28px; color:#666; margin-top:15px;}
.abox .left .a04{ width:60px; height:4px; background-color:#999; margin-top:20px;}
.abox .left .a05{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.abox .left .a06{ font-size:16px; line-height:30px; height:150px; margin-top:18px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.abox .left .a07{ font-weight:bold; padding-left:80px; background-image:url(../images/dh.png); background-position:left center; background-repeat:no-repeat; margin-top:30px;}
.abox .left .a07 span{ display:block; font-size:18px; line-height:20px; height:20px;}
.abox .left .a07 a{ display:block; font-size:30px; line-height:26px; height:26px; color:#1d54a4; margin-top:4px;}
.abox .left .a08{ margin-top:25px; margin-bottom:15px;}
.abox .left .a08 a{ display:block; width:190px; height:46px; text-align:center; line-height:46px; vertical-align:middle; color:#fff; font-size:16px; background-color:#1d54a4; border-radius:46px; overflow:hidden;}
.abox .left .a08 a img{ display:inline-block; vertical-align:middle; margin-left:15px;}
.abox .left .a08 a:hover{ background-color:#333;}
.abox .left .a09{ position:absolute; left:0; bottom:0; width:120px; display:none;}
.abox .left .a09 a{ display:block; overflow:hidden; width:118px; height:118px; border:1px solid #cacaca; overflow:hidden; border-radius:10px;}
.abox .left .a09 a img{ width:100%; display:block;}
.abox .left .a09 span{ display:block; margin-top:15px; text-align:center; font-size:16px; line-height:1;}
.abox .mil{ width:8.78%; float:left; margin:70px 2.93%;}
.abox .mil img{ width:100%; display:none;}
.abox .right{ width:42.68%; background-position:center; background-repeat:no-repeat; background-size:cover; float:right; position:relative; border-radius:10px; overflow:hidden;}
.abox .right img{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:90%; padding:70px 5%; display:flex;}
.abox .left{ width:48%; float:left; position:relative;}
.abox .left .a01{ font-weight:bold; position:absolute; top:-30px; left:-20px; z-index:1; font-size:100px; line-height:90px; opacity:0.05; text-transform:uppercase; height:90px;}
.abox .left .a02{ font-size:30px; line-height:30px;}
.abox .left .a02 b{ color:#1d54a4;}
.abox .left .a03{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.abox .left .a04{ width:60px; height:4px; background-color:#999; margin-top:15px;}
.abox .left .a05{ font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;}
.abox .left .a06{ font-size:14px; line-height:24px; height:120px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.abox .left .a07{ font-weight:bold; padding-left:75px; background-image:url(../images/dh.png); background-position:left center; background-repeat:no-repeat; margin-top:15px; background-size:auto 100%;}
.abox .left .a07 span{ display:block; font-size:16px; line-height:20px; height:20px;}
.abox .left .a07 a{ display:block; font-size:24px; line-height:26px; height:26px; color:#1d54a4;}
.abox .left .a08{ margin-top:20px; margin-bottom:10px;}
.abox .left .a08 a{ display:block; width:150px; height:40px; text-align:center; line-height:40px; vertical-align:middle; color:#fff; font-size:14px; background-color:#1d54a4; border-radius:46px; overflow:hidden;}
.abox .left .a08 a img{ display:inline-block; vertical-align:middle; margin-left:10px; height:14px;}
.abox .left .a08 a:hover{ background-color:#333;}
.abox .left .a09{ position:absolute; left:0; bottom:0; width:100px; display:none;}
.abox .left .a09 a{ display:block; overflow:hidden; width:98px; height:98px; border:1px solid #cacaca; overflow:hidden; border-radius:10px;}
.abox .left .a09 a img{ width:100%; display:block;}
.abox .left .a09 span{ display:block; margin-top:10px; text-align:center; font-size:14px; line-height:1;}
.abox .mil{ width:4%; float:left;}
.abox .mil img{ width:100%; display:none;}
.abox .right{ width:48%; background-position:center; background-repeat:no-repeat; background-size:cover; float:right; position:relative; border-radius:10px; overflow:hidden;}
.abox .right img{ display:none;}
}
@media only screen and (max-width:768px){
.abox{ width:94%; padding:40px 3%;}
.abox .left{ width:100%; float:left; position:relative;}
.abox .left .a01{ font-weight:bold; position:absolute; top:-10px; left:-10px; z-index:1; font-size:70px; line-height:60px; opacity:0.05; text-transform:uppercase; height:60px;}
.abox .left .a02{ font-size:20px; line-height:20px;}
.abox .left .a02 b{ color:#1d54a4;}
.abox .left .a03{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.abox .left .a04{ width:40px; height:2px; background-color:#999; margin-top:10px;}
.abox .left .a05{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.abox .left .a06{ font-size:14px; line-height:24px; height:120px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.abox .left .a07{ font-weight:bold; padding-left:75px; background-image:url(../images/dh.png); background-position:left center; background-repeat:no-repeat; margin-top:15px; background-size:auto 100%;}
.abox .left .a07 span{ display:block; font-size:14px; line-height:18px; height:18px;}
.abox .left .a07 a{ display:block; font-size:24px; line-height:26px; height:26px; color:#1d54a4;}
.abox .left .a08{ margin-top:15px; margin-bottom:10px;}
.abox .left .a08 a{ display:block; width:120px; height:34px; text-align:center; line-height:34px; vertical-align:middle; color:#fff; font-size:14px; background-color:#1d54a4; border-radius:46px; overflow:hidden;}
.abox .left .a08 a img{ display:inline-block; vertical-align:middle; margin-left:5px; height:12px;}
.abox .left .a08 a:hover{ background-color:#333;}
.abox .left .a09{ position:absolute; left:0; bottom:0; width:90px; display:none;}
.abox .left .a09 a{ display:block; overflow:hidden; width:88px; height:88px; border:1px solid #cacaca; overflow:hidden; border-radius:10px;}
.abox .left .a09 a img{ width:100%; display:block;}
.abox .left .a09 span{ display:block; margin-top:5px; text-align:center; font-size:14px; line-height:1;}
.abox .mil{ width:4%; float:left; display:none;}
.abox .mil img{ width:100%; display:block;}
.abox .right{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover; float:right; position:relative; border-radius:10px; overflow:hidden; margin-top:20px;}
.abox .right img{ width:100%; display:block;}
}

/*产品中心*/
@media screen and (min-width:1280px){
.pbox{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width:86%; padding:100px 7%; background-color:rgba(0,0,0,0.5);}
.pbox .title{ width:100%; text-align:center;}
.pbox .title span{ display:block; line-height:1; color:#fff; font-size:40px;}
.pbox .title p{ display:block; margin-top:15px; font-size:18px; line-height:28px; color:#ccc;}
.pbox .notice{ width:100%; margin-top:45px; background-color:#fff; display:none;}
.pbox .notice .tab-bd{ width:57%; padding:50px 0; padding-left:3%; float:left;}
.pbox .notice .tab-pal{ display:flex; align-items:center; overflow:hidden;}
.pbox .notice .tab-pal .left{ width:56%;}
.pbox .notice .tab-pal .left .p01{ display:block; font-size:26px; line-height:1; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-pal .left .p02{ font-size:16px; line-height:26px; color:#666; height:52px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:15px;}
.pbox .notice .tab-pal .left .p03{ display:block; margin-top:25px; border-top:2px solid #eee; padding-top:15px;}
.pbox .notice .tab-pal .left .p03 li{ display:block; margin-top:15px; padding:7px 20px; font-size:16px; line-height:26px; overflow:hidden; background-color:#f5f5f5;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-pal .left .p01:hover{ color:#1d54a4;}
.pbox .notice .tab-pal .right{ width:44%;}
.pbox .notice .tab-pal .right img{ max-width:80%; max-height:80%; display:block; margin:auto;}
.pbox .notice .tab-hd{ width:40%; float:right;}
.pbox .notice .tab-hd .tab-nav{ display:block;}
.pbox .notice .tab-hd .tab-nav li{ padding:25px 4.6875%; border-bottom:1px solid #f1f1f1; border-left:1px solid #f1f1f1; display:block; width:50%; box-sizing:border-box; float:left; position:relative; cursor:pointer;}
.pbox .notice .tab-hd .tab-nav li span{ display:block; font-size:22px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-hd .tab-nav li p{ text-transform:uppercase; color:#999; display:block; font-size:14px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-hd .tab-nav li a{ display:block; position:absolute; right:4.6875%; top:0; font-size:36px; color:#1d54a4; line-height:68px; opacity:0.1;}
.pbox .notice .tab-hd .tab-nav li.on{ background-color:#1d54a4; border-bottom:1px solid #1d54a4; border-left:1px solid #1d54a4;}
.pbox .notice .tab-hd .tab-nav li.on *{ color:#fff;}
.pbox .picMarquee-left{ width:100%; margin-top:50px; overflow:hidden;}
.pbox .picMarquee-left .tempWrap{ width:100% !important;}
.pbox .picMarquee-left li{ width:360px; background-color:#fff; display:block; overflow:hidden; margin-right:40px;}
.pbox .picMarquee-left li .tu{ width:300px; margin:30px; margin-bottom:0; height:300px;}
.pbox .picMarquee-left li .tu img{ width:100%; display:block; margin:auto;}
.pbox .picMarquee-left li .wen{ padding:40px 20px; text-align:center;}
.pbox .picMarquee-left li .wen span{ display:block; font-size:20px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pbox .picMarquee-left li .wen p{ display:block; font-size:16px; line-height:56px; color:#1d54a4; overflow:hidden;}
.pbox .picMarquee-left li .wen b{ display:block; width:100%; height:10px; margin-top:5px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pbox .picMarquee-left li:hover .wen span{ color:#1d54a4;}
.pbox .picMarquee-left li:hover .wen p{ color:#333;}
.pbox .picMarquee-left li:hover .wen b{ background-image:url(../images/proh.png);}
.pbox .duo{ width:420px; margin:auto; margin-top:50px;}
.pbox .duo a{ display:block; width:200px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#fff; margin:auto; overflow:hidden; background-color:#1d54a4; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.pbox .duo span{ cursor:pointer; display:none; width:196px; height:46px; text-align:center; line-height:46px; font-size:18px; color:#fff; float:right; overflow:hidden; border-top-left-radius:20px; border-bottom-right-radius:20px; border:2px solid #fff;}
.pbox .duo a:hover,.pbox .duo span:hover{ background-color:#fff; color:#1d54a4;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width:90%; padding:70px 5%; background-color:rgba(0,0,0,0.5);}
.pbox .title{ width:100%; text-align:center;}
.pbox .title span{ display:block; line-height:1; color:#fff; font-size:30px;}
.pbox .title p{ display:block; margin-top:10px; font-size:16px; line-height:26px; color:#ccc;}
.pbox .notice{ width:100%; margin-top:25px; background-color:#fff; display:none;}
.pbox .notice .tab-bd{ width:97%; padding:30px 3%; padding-right:0; float:left;}
.pbox .notice .tab-pal{ display:flex; align-items:center; overflow:hidden;}
.pbox .notice .tab-pal .left{ width:56%;}
.pbox .notice .tab-pal .left .p01{ display:block; font-size:22px; line-height:1; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-pal .left .p02{ font-size:14px; line-height:24px; color:#666; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px;}
.pbox .notice .tab-pal .left .p03{ display:block; margin-top:15px; border-top:2px solid #eee; padding-top:5px;}
.pbox .notice .tab-pal .left .p03 li{ display:block; margin-top:15px; padding:5px 15px; font-size:16px; line-height:26px; overflow:hidden; background-color:#f5f5f5;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-pal .left .p01:hover{ color:#1d54a4;}
.pbox .notice .tab-pal .right{ width:44%;}
.pbox .notice .tab-pal .right img{ max-width:80%; max-height:80%; display:block; margin:auto;}
.pbox .notice .tab-hd{ width:100%; float:left;}
.pbox .notice .tab-hd .tab-nav{ display:block;}
.pbox .notice .tab-hd .tab-nav li{ padding:15px 3%; border-bottom:1px solid #f1f1f1; border-left:1px solid #f1f1f1; display:block; width:25%; box-sizing:border-box; float:left; position:relative; cursor:pointer;}
.pbox .notice .tab-hd .tab-nav li span{ display:block; font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-hd .tab-nav li p{ text-transform:uppercase; color:#999; display:block; font-size:14px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-hd .tab-nav li a{ display:block; position:absolute; right:3%; top:0; font-size:26px; color:#1d54a4; line-height:46px; opacity:0.1;}
.pbox .notice .tab-hd .tab-nav li.on{ background-color:#1d54a4; border-bottom:1px solid #1d54a4; border-left:1px solid #1d54a4;}
.pbox .notice .tab-hd .tab-nav li.on *{ color:#fff;}
.pbox .picMarquee-left{ width:100%; margin-top:30px;}
.pbox .picMarquee-left .tempWrap{ width:100% !important;}
.pbox .picMarquee-left li{ width:320px; padding-bottom:30px; background-color:#fff; display:block; overflow:hidden; margin-right:30px;}
.pbox .picMarquee-left li .tu{ width:calc(100% - 40px); margin:20px; margin-bottom:30px; height:280px; display:flex; align-items:center;}
.pbox .picMarquee-left li .tu img{ width:100%; display:block; margin:auto;}
.pbox .picMarquee-left li .wen{ width:calc(100% - 30px); margin:auto; text-align:center;}
.pbox .picMarquee-left li .wen span{ display:block; font-size:18px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pbox .picMarquee-left li .wen p{ display:block; font-size:14px; line-height:44px; color:#1d54a4; overflow:hidden;}
.pbox .picMarquee-left li .wen b{ display:block; width:100%; height:10px; margin-top:5px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pbox .picMarquee-left li:hover .wen span{ color:#1d54a4;}
.pbox .picMarquee-left li:hover .wen p{ color:#333;}
.pbox .picMarquee-left li:hover .wen b{ background-image:url(../images/proh.png);}
.pbox .duo{ width:340px; margin:auto; margin-top:30px;}
.pbox .duo a{ display:block; width:160px; height:44px; text-align:center; line-height:44px; font-size:16px; color:#fff; margin:auto; overflow:hidden; background-color:#1d54a4; border-top-left-radius:15px; border-bottom-right-radius:15px;}
.pbox .duo span{ cursor:pointer; display:none; width:156px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; float:right; overflow:hidden; border-top-left-radius:15px; border-bottom-right-radius:15px; border:2px solid #fff;}
.pbox .duo a:hover,.pbox .duo span:hover{ background-color:#fff; color:#1d54a4;}
}
@media only screen and (max-width:768px){
.pbox{ background-position:center; background-repeat:no-repeat; background-size:cover;}
.pbox .box{ width:94%; padding:40px 3%; background-color:rgba(0,0,0,0.5);}
.pbox .title{ width:100%; text-align:center;}
.pbox .title span{ display:block; line-height:1; color:#fff; font-size:20px;}
.pbox .title p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#ccc;}
.pbox .notice{ width:100%; margin-top:15px; background-color:#fff; display:none;}
.pbox .notice .tab-bd{ width:94%; padding:15px 3%;}
.pbox .notice .tab-pal{ overflow:hidden;}
.pbox .notice .tab-pal .left{ width:100%;}
.pbox .notice .tab-pal .left .p01{ display:block; font-size:18px; line-height:1; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-pal .left .p02{ font-size:14px; line-height:24px; color:#666; height:48px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:5px;}
.pbox .notice .tab-pal .left .p03{ display:block; margin-top:10px; border-top:2px solid #eee; padding-top:5px;}
.pbox .notice .tab-pal .left .p03 li{ display:block; margin-top:10px; padding:5px 10px; font-size:14px; line-height:24px; overflow:hidden; background-color:#f5f5f5;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-pal .left .p01:hover{ color:#1d54a4;}
.pbox .notice .tab-pal .right{ width:100%; margin-top:15px;}
.pbox .notice .tab-pal .right img{ max-width:100%; max-height:150px; display:block; margin:auto;}
.pbox .notice .tab-hd{ width:100%; float:left;}
.pbox .notice .tab-hd .tab-nav{ display:block;}
.pbox .notice .tab-hd .tab-nav li{ padding:10px 3%; border-bottom:1px solid #f1f1f1; border-left:1px solid #f1f1f1; display:block; width:50%; box-sizing:border-box; float:left; position:relative; cursor:pointer;}
.pbox .notice .tab-hd .tab-nav li span{ display:block; font-size:16px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-hd .tab-nav li p{ text-transform:uppercase; color:#999; display:block; font-size:14px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pbox .notice .tab-hd .tab-nav li a{ display:block; position:absolute; right:3%; top:0; font-size:20px; color:#1d54a4; line-height:30px; opacity:0.1;}
.pbox .notice .tab-hd .tab-nav li.on{ background-color:#1d54a4; border-bottom:1px solid #1d54a4; border-left:1px solid #1d54a4;}
.pbox .notice .tab-hd .tab-nav li.on *{ color:#fff;}
.pbox .picMarquee-left{ width:100%; margin-top:20px;}
.pbox .picMarquee-left .tempWrap{ width:100% !important;}
.pbox .picMarquee-left li{ width:240px; padding-bottom:15px; background-color:#fff; display:block; overflow:hidden; margin-right:15px;}
.pbox .picMarquee-left li .tu{ width:calc(100% - 30px); margin:15px; height:210px; display:flex; align-items:center;}
.pbox .picMarquee-left li .tu img{ width:100%; display:block; margin:auto;}
.pbox .picMarquee-left li .wen{ width:calc(100% - 30px); margin:auto; text-align:center;}
.pbox .picMarquee-left li .wen span{ display:block; font-size:16px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pbox .picMarquee-left li .wen p{ display:block; font-size:14px; line-height:34px; color:#1d54a4; overflow:hidden;}
.pbox .picMarquee-left li .wen b{ display:block; width:100%; height:10px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pbox .picMarquee-left li:hover .wen span{ color:#1d54a4;}
.pbox .picMarquee-left li:hover .wen p{ color:#333;}
.pbox .picMarquee-left li:hover .wen b{ background-image:url(../images/proh.png);}
.pbox .duo{ width:250px; margin:auto; margin-top:20px;}
.pbox .duo a{ display:block; width:120px; height:34px; text-align:center; line-height:34px; font-size:14px; color:#fff; margin:auto; overflow:hidden; background-color:#1d54a4; border-top-left-radius:10px; border-bottom-right-radius:10px;}
.pbox .duo span{ cursor:pointer; display:none; width:116px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; float:right; overflow:hidden; border-top-left-radius:10px; border-bottom-right-radius:10px; border:2px solid #fff;}
.pbox .duo a:hover,.pbox .duo span:hover{ background-color:#fff; color:#1d54a4;}
}

.bd_weixin_popup{ position:fixed; left:50%; margin-top:-156px; top:50%; margin-left:-131px; padding:10px; width:240px; height:300px; background:#fff; border:solid 1px #d8d8d8; z-index:11001; font-size:12px; display:none;}
.bd_weixin_popup .bd_weixin_popup_head{ font-size:12px; font-weight:bold; text-align:left; line-height:16px; height:16px; position:relative; color:#000;}
.bd_weixin_popup .bd_weixin_popup_head .bd_weixin_popup_close{ width:16px; height:16px; position:absolute; right:0; top:0; color:#999; text-decoration:none; font-size:16px; cursor:pointer; text-align:right;}
.bd_weixin_popup .bd_weixin_popup_main{ padding:10px; padding-bottom:5px;}
.bd_weixin_popup .bd_weixin_popup_main img{ display:block; width:200px; margin:auto;}
.bd_weixin_popup .bd_weixin_popup_foot{ font-size:12px; text-align:left; line-height:22px; color:#666;}

/*合作伙伴*/
@media screen and (min-width:1280px){
.hbox{ width:86%; padding:100px 7%; padding-bottom:0; position:relative;}
.hbox .bg{ width:100%; height:160px; position:absolute; left:0; bottom:0; z-index:1; background-color:#1d54a4;}
.hbox .title{ width:100%; text-align:center;}
.hbox .title span{ display:block; line-height:1; color:#333; font-size:40px;}
.hbox .title span a{ color:#1d54a4;}
.hbox .title p{ display:block; margin-top:15px; font-size:18px; line-height:28px; color:#666;}
.hbox .swiper-container{ width:100%; overflow:hidden; padding:45px 20px; padding-bottom:0; margin-left:-20px; position:relative; z-index:3;}
.hbox .swiper-container .swiper-button-white{ position:absolute; top:190px; z-index:9; cursor:pointer; width:50px; height:50px; background-color:rgba(0,0,0,0.3); background-position:center; background-repeat:no-repeat;}
.hbox .swiper-container .swiper-button-prev{ left:20px; background-image:url(../images/left.png);}
.hbox .swiper-container .swiper-button-next{ right:20px; background-image:url(../images/right.png);}
.hbox .swiper-container .swiper-button-disabled{ opacity:0;}
.hbox .swiper-container .swiper-button-white:hover{ background-color:#1d54a4;}
.hbox .swiper-slide{ background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.2); overflow:hidden;}
.hbox .swiper-slide a{ display:block; overflow:hidden;}
.hbox .swiper-slide .tu{ width:100%; height:200px; display:flex; align-items:center; border-bottom:1px solid #ddd;}
.hbox .swiper-slide .tu img{ max-width:80%; max-height:80%; display:block; margin:auto;}
.hbox .swiper-slide:hover .tu{ border-bottom:1px solid #1d54a4;}
.hbox .swiper-slide .wen{ padding:35px 20px; padding-bottom:38px; text-align:center;}
.hbox .swiper-slide .wen span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; line-height:30px;}
.hbox .swiper-slide .wen p{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:26px; color:#999; margin-top:10px;}
.hbox .swiper-slide:hover .wen span{ color:#1d54a4;}
.hbox .swi{ width:100%; margin-top:40px; position:relative;}
.hbox .swiper-pagination{ width:100%; text-align:center; margin-top:20px;}
.hbox .swiper-pagination span{ cursor:pointer; width:10px; height:10px; border-radius:10px; background-color:#999; opacity:0.5; display:inline-block; margin:0 5px;}
.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:80px; opacity:1; background-color:#1d54a4;}
.hbox .swi .tel{ font-weight:bold; padding-left:80px; background-image:url(../images/dh_26.jpg); background-position:left center; background-repeat:no-repeat;}
.hbox .swi .tel span{ display:block; font-size:18px; line-height:20px; height:20px; color:#fff;}
.hbox .swi .tel a{ display:block; font-size:30px; line-height:26px; height:26px; color:#fff; margin-top:4px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ width:90%; padding:70px 5%; padding-bottom:0; position:relative;}
.hbox .bg{ width:100%; height:160px; position:absolute; left:0; bottom:0; z-index:1; background-color:#1d54a4;}
.hbox .title{ width:100%; text-align:center;}
.hbox .title span{ display:block; line-height:1; color:#333; font-size:30px;}
.hbox .title span a{ color:#1d54a4;}
.hbox .title p{ display:block; margin-top:10px; font-size:16px; line-height:26px; color:#666;}
.hbox .swiper-container{ width:100%; padding:25px 15px; padding-bottom:0; margin-left:-15px; position:relative; z-index:3;}
.hbox .swiper-container .swiper-button-white{ position:absolute; top:135px; z-index:9; cursor:pointer; width:40px; height:40px; background-color:rgba(0,0,0,0.3); background-position:center; background-repeat:no-repeat;}
.hbox .swiper-container .swiper-button-prev{ left:15px; background-image:url(../images/left.png);}
.hbox .swiper-container .swiper-button-next{ right:15px; background-image:url(../images/right.png);}
.hbox .swiper-container .swiper-button-disabled{ opacity:0;}
.hbox .swiper-container .swiper-button-white:hover{ background-color:#1d54a4;}
.hbox .swiper-slide{ background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.2); overflow:hidden;}
.hbox .swiper-slide a{ display:block; overflow:hidden;}
.hbox .swiper-slide .tu{ width:100%; height:150px; display:flex; align-items:center; border-bottom:1px solid #ddd;}
.hbox .swiper-slide .tu img{ max-width:80%; max-height:80%; display:block; margin:auto;}
.hbox .swiper-slide:hover .tu{ border-bottom:1px solid #1d54a4;}
.hbox .swiper-slide .wen{ padding:25px 15px; text-align:center;}
.hbox .swiper-slide .wen span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:28px;}
.hbox .swiper-slide .wen p{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:26px; color:#999; margin-top:5px;}
.hbox .swiper-slide:hover .wen span{ color:#1d54a4;}
.hbox .swi{ width:100%; margin-top:30px; position:relative;}
.hbox .swiper-pagination{ width:100%; text-align:center; margin-top:15px;}
.hbox .swiper-pagination span{ cursor:pointer; width:10px; height:10px; border-radius:10px; background-color:#999; opacity:0.5; display:inline-block; margin:0 5px;}
.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; opacity:1; background-color:#1d54a4;}
.hbox .swi .tel{ font-weight:bold; padding-left:75px; background-image:url(../images/dh_26.jpg); background-position:left center; background-repeat:no-repeat; background-size:auto 100%;}
.hbox .swi .tel span{ display:block; font-size:16px; line-height:20px; height:20px; color:#fff;}
.hbox .swi .tel a{ display:block; font-size:24px; line-height:26px; height:26px; color:#fff;}

}
@media only screen and (max-width:768px){
.hbox{ width:94%; padding:40px 3%; padding-bottom:0; position:relative;}
.hbox .bg{ width:100%; height:160px; position:absolute; left:0; bottom:0; z-index:1; background-color:#1d54a4;}
.hbox .title{ width:100%; text-align:center;}
.hbox .title span{ display:block; line-height:1; color:#333; font-size:20px;}
.hbox .title span a{ color:#1d54a4;}
.hbox .title p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#666;}
.hbox .swiper-container{ width:100%; padding:15px 10px; padding-bottom:0; margin-left:-10px; position:relative; z-index:3;}.hbox .swiper-container .swiper-button-white{ position:absolute; top:100px; z-index:9; cursor:pointer; width:30px; height:30px; background-color:rgba(0,0,0,0.3); background-position:center; background-repeat:no-repeat; background-size:20px;}
.hbox .swiper-container .swiper-button-prev{ left:10px; background-image:url(../images/left.png);}
.hbox .swiper-container .swiper-button-next{ right:10px; background-image:url(../images/right.png);}
.hbox .swiper-container .swiper-button-disabled{ opacity:0;}
.hbox .swiper-container .swiper-button-white:hover{ background-color:#1d54a4;}
.hbox .swiper-slide{ background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden;}
.hbox .swiper-slide a{ display:block; overflow:hidden;}
.hbox .swiper-slide .tu{ width:100%; height:120px; display:flex; align-items:center; border-bottom:1px solid #ddd;}
.hbox .swiper-slide .tu img{ max-width:80%; max-height:80%; display:block; margin:auto;}
.hbox .swiper-slide:hover .tu{ border-bottom:1px solid #1d54a4;}
.hbox .swiper-slide .wen{ padding:15px 10px; text-align:center;}
.hbox .swiper-slide .wen span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:26px;}
.hbox .swiper-slide .wen p{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:24px; color:#999;}
.hbox .swiper-slide:hover .wen span{ color:#1d54a4;}
.hbox .swi{ width:100%; margin-top:20px; position:relative;}
.hbox .swiper-pagination{ width:100%; text-align:center; margin-top:10px;}
.hbox .swiper-pagination span{ cursor:pointer; width:10px; height:10px; border-radius:10px; background-color:#999; opacity:0.5; display:inline-block; margin:0 5px;}
.hbox .swiper-pagination span.swiper-pagination-bullet-active{ width:40px; opacity:1; background-color:#1d54a4;}
.hbox .swi .tel{ font-weight:bold; padding-left:75px; background-image:url(../images/dh_26.jpg); background-position:left center; background-repeat:no-repeat; background-size:auto 100%;}
.hbox .swi .tel span{ display:block; font-size:14px; line-height:18px; height:18px; color:#fff;}
.hbox .swi .tel a{ display:block; font-size:24px; line-height:26px; height:26px; color:#fff;}
}

/*核心优势*/
@media screen and (min-width:1280px){
.ybox{ width:86%; padding:100px 7%; background-color:#1d54a4; display:flex; align-items:center;}
.ybox .left{ width:42.68%; margin-right:7.32%;}
.ybox .title{ width:100%;}
.ybox .title span{ display:block; line-height:1; color:#fff; font-size:40px;}
.ybox .title p{ display:block; margin-top:15px; font-size:18px; line-height:28px; color:#ccc;}
.ybox .wen{ font-size:16px; line-height:30px; color:#fff; margin-top:40px;}
.ybox .duo{ width:420px; margin-top:55px;}
/*.ybox .duo>a{ display:block; width:200px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#333; float:left; overflow:hidden; background-color:#fff; border-top-left-radius:20px; border-bottom-right-radius:20px;}*/
.ybox .duo a{ cursor:pointer; display:block; width:196px; height:46px; text-align:center; line-height:46px; font-size:18px; color:#fff; float:left; overflow:hidden; border-top-left-radius:20px; border-bottom-right-radius:20px; border:2px solid #fff;}
.ybox .duo p a{ width:100%; display:block; color:#fff;}
.ybox .duo>a:hover,.ybox .duo p:hover{ background-color:#fff; color:#1d54a4;}
.ybox .duo p:hover a{ color:#1d54a4;}
.ybox .right{ width:50%; position:relative; display:flex; flex-wrap:wrap;}
.ybox .right strong{ width:100%; height:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .right b{ height:100%; width:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .right p{ display:block; width:50%; float:left; text-align:center; padding:45px 20px; padding-bottom:40px; box-sizing:border-box;}
.ybox .right p img{ height:80px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .right p span{ display:block; font-size:20px; line-height:30px; margin-top:10px; color:#fff;}
.ybox .right p:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ybox{ width:90%; padding:70px 5%; background-color:#1d54a4; display:flex; align-items:center;}
.ybox .left{ width:46%; margin-right:4%;}
.ybox .title{ width:100%;}
.ybox .title span{ display:block; line-height:1; color:#fff; font-size:30px;}
.ybox .title p{ display:block; margin-top:10px; font-size:16px; line-height:26px; color:#ccc;}
.ybox .wen{ font-size:16px; line-height:26px; color:#fff; margin-top:20px;}
.ybox .duo{ width:340px; margin-top:30px;}
/*.ybox .duo>a{ display:block; width:160px; height:44px; text-align:center; line-height:44px; font-size:16px; color:#333; float:left; overflow:hidden; background-color:#fff; border-top-left-radius:15px; border-bottom-right-radius:15px;}*/
.ybox .duo a{ cursor:pointer; display:block; width:156px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; float:left; overflow:hidden; border-top-left-radius:15px; border-bottom-right-radius:15px; border:2px solid #fff;}
.ybox .duo p a{ width:100%; display:block; color:#fff;}
.ybox .duo>a:hover,.ybox .duo p:hover{ background-color:#fff; color:#1d54a4;}
.ybox .duo p:hover a{ color:#1d54a4;}
.ybox .right{ width:50%; position:relative; display:flex; flex-wrap:wrap;}
.ybox .right strong{ width:100%; height:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .right b{ height:100%; width:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .right p{ display:block; width:50%; float:left; text-align:center; padding:35px 15px; padding-bottom:30px; box-sizing:border-box;}
.ybox .right p img{ height:60px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .right p span{ display:block; font-size:18px; line-height:28px; margin-top:5px; color:#fff;}
.ybox .right p:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width:768px){
.ybox{ width:94%; padding:40px 3%; background-color:#1d54a4;}
.ybox .left{ width:100%;}
.ybox .title{ width:100%;}
.ybox .title span{ display:block; line-height:1; color:#fff; font-size:20px;}
.ybox .title p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#ccc;}
.ybox .wen{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.ybox .duo{ width:250px; margin-top:15px;}
/*.ybox .duo>a{ display:block; width:120px; height:34px; text-align:center; line-height:34px; font-size:14px; color:#333; float:left; overflow:hidden; background-color:#fff; border-top-left-radius:10px; border-bottom-right-radius:10px;}*/
.ybox .duo a{ cursor:pointer; display:block; width:116px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; float:left; overflow:hidden; border-top-left-radius:10px; border-bottom-right-radius:10px; border:2px solid #fff;}
.ybox .duo p a{ width:100%; display:block; color:#fff;}
.ybox .duo>a:hover,.ybox .duo p:hover{ background-color:#fff; color:#1d54a4;}
.ybox .duo p:hover a{ color:#1d54a4;}
.ybox .right{ width:100%; position:relative; overflow:hidden; margin-top:20px; display:flex; flex-wrap:wrap;}
.ybox .right strong{ width:100%; height:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .right b{ height:100%; width:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ybox .right p{ display:block; width:50%; float:left; text-align:center; padding:20px 10px; padding-bottom:15px; box-sizing:border-box;}
.ybox .right p img{ height:40px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ybox .right p span{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.ybox .right p:hover img{ -webkit-transform:rotateY(-360deg);}
}

/*产品中心*/
@media screen and (min-width:1280px){
.footer{ background-color:#222;}
.footer .foot{ width:86%; padding:45px 7%; border-bottom:1px solid #333;}
.footer .foot .f01{ float:left; width:10.4%;}
.footer .foot .f01 span{ display:block; color:#fff; font-size:20px; line-height:30px;}
.footer .foot .f01 span a{ display:block; color:#fff;}
.footer .foot .f01 p{ display:block; margin-top:5px;}
.footer .foot .f01 p a{ display:block; color:#999; font-size:16px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f01 p a:hover{ color:#fff;}
.footer .foot .f02{ float:left; width:11%;}
.footer .foot .f02 span{ display:block; color:#fff; font-size:20px; line-height:30px;}
.footer .foot .f02 span a{ display:block; color:#fff;}
.footer .foot .f02 p{ display:block; margin-top:5px;}
.footer .foot .f02 p a{ display:block; color:#999; font-size:16px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f02 p a:hover{ color:#fff;}
/*.footer .foot .f02{ float:left; width:19.5%;}
.footer .foot .f02 span{ display:block; color:#fff; font-size:20px; line-height:30px;}
.footer .foot .f02 p{ display:block; margin-top:5px; overflow:hidden;}
.footer .foot .f02 a{ width:50%; float:left; display:block; color:#999; font-size:16px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f02 a:hover{ color:#fff;}*/
.footer .foot .f03{ float:left; width:15%; margin-left:3%; display:none;}
.footer .foot .f03 span{ width:140px; display:none; color:#fff; font-size:20px; line-height:30px; text-align:center;}
.footer .foot .f03 p{ display:block; margin-top:5px; overflow:hidden;}
.footer .foot .f03 p strong{ display:block; width:120px; padding:9px; border:1px solid #333;}
.footer .foot .f03 p strong img{ width:120px; display:block;}
.footer .foot .f03 a{ width:140px; text-align:center; display:block; font-size:16px; line-height:26px; margin-top:10px; color:#999;}
.footer .foot .f04{ float:right; width:31%;}
.footer .foot .f04 span{ display:block; color:#fff; font-size:20px; line-height:30px;}
.footer .foot .f04 a{ display:block; margin-top:10px; padding-left:30px; background-position:0 17px; background-repeat:no-repeat; font-size:36px; line-height:38px; color:#fff;}
.footer .foot .f04 p{ display:block; margin-top:10px; padding-left:30px; background-position:0 5px; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#999;}
.footer .bq{ width:86%; padding:10px 7%; border-top:1px solid #111; text-align:center;}
.footer .bq p{ display:inline-block; font-size:14px; line-height:24px; color:#999; margin:0 10px;}
.footer .bq p a{ color:#999;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ background-color:#222;}
.footer .foot{ width:90%; padding:35px 5%; border-bottom:1px solid #333;}
.footer .foot .f01{ display:none;}
.footer .foot .f02{ float:left; width:9%; margin-right:3%;}
.footer .foot .f02 span{ display:block; color:#fff; font-size:18px; line-height:28px;}
.footer .foot .f02 span a{ display:block; color:#fff;}
.footer .foot .f02 p{ display:block; margin-top:5px; overflow:hidden;}
.footer .foot .f02 p a{ display:block; color:#999; font-size:16px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .f02 p a:hover{ color:#fff;}
.footer .foot .f03{ float:left; width:140px; margin:0 3%; display:none;}
.footer .foot .f03 span{ display:none; color:#fff; font-size:18px; line-height:28px; text-align:center;}
.footer .foot .f03 p{ width:140px; display:block; margin-top:5px; overflow:hidden;}
.footer .foot .f03 p strong{ display:block; width:120px; padding:9px; border:1px solid #333;}
.footer .foot .f03 p strong img{ width:120px; display:block;}
.footer .foot .f03 a{ width:140px; text-align:center; display:block; font-size:16px; line-height:26px; margin-top:10px; color:#999;}
.footer .foot .f04{ width:28%; float:right;}
.footer .foot .f04 span{ display:block; color:#fff; font-size:18px; line-height:28px;}
.footer .foot .f04 a{ display:block; margin-top:10px; padding-left:26px; background-position:0 8px; background-repeat:no-repeat; font-size:30px; line-height:32px; color:#fff;}
.footer .foot .f04 p{ display:block; margin-top:5px; padding-left:26px; background-position:0 5px; background-repeat:no-repeat; font-size:16px; line-height:26px; color:#999;}
.footer .bq{ width:90%; padding:7px 5%; border-top:1px solid #111; text-align:center;}
.footer .bq p{ display:inline-block; font-size:14px; line-height:24px; color:#999; margin:0 5px;}
.footer .bq p a{ color:#999;}
}
@media only screen and (max-width:768px){
.footer{ background-color:#222;}
.footer .foot{ width:94%; padding:25px 3%; border-bottom:1px solid #333;}
.footer .foot .f01,.footer .foot .f02,.footer .foot .f03{ display:none;}
.footer .foot .f04{ width:100%;}
.footer .foot .f04 span{ display:block; color:#fff; font-size:16px; line-height:26px;}
.footer .foot .f04 a{ display:block; margin-top:10px; padding-left:22px; background-position:0 10px; background-repeat:no-repeat; font-size:24px; line-height:26px; color:#fff;}
.footer .foot .f04 p{ display:block; margin-top:5px; padding-left:22px; background-position:0 5px; background-repeat:no-repeat; font-size:14px; line-height:24px; color:#999;}
.footer .bq{ width:94%; padding:5px 3%; border-top:1px solid #111; text-align:center;}
.footer .bq p{ display:inline-block; font-size:14px; line-height:24px; color:#999; margin:0 3px;}
.footer .bq p a{ color:#999;}
}

/*右侧浮动*/
@media screen and (min-width:1280px){
.zx{ width:70px; position:fixed; right:0; bottom:5%; z-index:99; display:none;}
.zx a{ display:block; background-color:#1d54a4; text-align:center; width:100%; border-bottom:1px solid #073a84; padding-top:15px; padding-bottom:10px; position:relative;}
.zx a.gotop{ border-bottom:none;}
.zx a>img{ height:20px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.zx a:hover>img{ -webkit-transform:rotateY(-360deg);}
.zx a span{ display:block; color:#fff; font-size:12px; margin-top:3px; line-height:22px;}
.zx a p{ display:none; font-size:16px; line-height:26px; overflow:hidden; background-color:#fff; padding:15px; position:absolute; right:80px; bottom:0; font-weight:bold; color:#1d54a4; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.zx a p img{ width:100%; height:auto; display:block;}
.zx a:hover p{ display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zx{ width:70px; position:fixed; right:0; bottom:5%; z-index:99; display:none;}
.zx a{ display:block; background-color:#1d54a4; text-align:center; width:100%; border-bottom:1px solid #073a84; padding-top:15px; padding-bottom:10px; position:relative;}
.zx a.gotop{ border-bottom:none;}
.zx a>img{ height:20px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.zx a:hover>img{ -webkit-transform:rotateY(-360deg);}
.zx a span{ display:block; color:#fff; font-size:12px; margin-top:3px; line-height:22px;}
.zx a p{ display:none; font-size:16px; line-height:26px; overflow:hidden; background-color:#fff; padding:15px; position:absolute; right:80px; bottom:0; font-weight:bold; color:#1d54a4; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.zx a p img{ width:100%; height:auto; display:block;}
.zx a:hover p{ display:block;}
}
@media only screen and (max-width:768px){
.zx{ width:44px; position:fixed; right:0; bottom:5%; z-index:99; display:none;}
.zx a{ display:none; background-color:#1d54a4; text-align:center; width:100%; border-bottom:1px solid #073a84; padding:12px 0; position:relative;}
.zx a.gotop{ display:block; border-bottom:none;}
.zx a>img{ height:20px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.zx a:hover>img{ -webkit-transform:rotateY(-360deg);}
.zx a span{ display:none;}
}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.1); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.1);
    }
}
@media screen and (min-width:1280px){
.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:0; margin-top:100px;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0%; bottom:0; z-index:1; display:flex; align-items:center;}
.ban .box p{ display:block; text-align:center; font-size:48px; color:#fff; letter-spacing:10px; text-indent:10px; margin:auto;}

.wei{ width:86%; padding:20px 7%; border-bottom:1px solid #eee;}
.wei .left{ float:left; font-size:16px; line-height:28px;}
.wei .right{ float:right; display:none;}
.wei .right a{ display:block; float:left; font-size:16px; line-height:28px; margin-left:2vw;}
.wei .right a:hover,.wei .right a.on{ color:#1d54a4;}

.wei01{ width:86%; padding:0 7%; background-color:#f1f1f1; text-align:center;}
.wei01 .left{ display:none;}
.wei01 .right{ display:flex; padding-top:70px;}
.wei01 .right p{ display:block; overflow:hidden; border-radius:50px; border:1px solid #ddd; margin:auto;}
.wei01 .right a{ display:block; float:left; font-size:16px; padding:0 40px; line-height:50px; height:50px; border-radius:50px;}
.wei01 .right a:hover{ color:#1d54a4;}
.wei01 .right a.on{ background-color:#1d54a4; color:#fff;}

}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:360px; position:relative; overflow:hidden; z-index:0; margin-top:80px;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0%; bottom:0; z-index:1; display:flex; align-items:center;}
.ban .box p{ display:block; text-align:center; font-size:38px; color:#fff; letter-spacing:5px; text-indent:5px; margin:auto;}

.wei{ width:90%; padding:15px 5%; border-bottom:1px solid #eee;}
.wei .left{ float:left; font-size:15px; line-height:26px;}
.wei .right{ float:right; display:none;}
.wei .right a{ display:block; float:left; font-size:15px; line-height:26px; margin-left:2vw;}
.wei .right a:hover,.wei .right a.on{ color:#1d54a4;}

.wei01{ width:90%; padding:0 5%; background-color:#f1f1f1; text-align:center;}
.wei01 .left{ display:none;}
.wei01 .right{ display:flex; padding-top:50px;}
.wei01 .right p{ display:block; overflow:hidden; border-radius:40px; border:1px solid #ddd; margin:auto;}
.wei01 .right a{ display:block; float:left; font-size:15px; padding:0 30px; line-height:50px; height:40px; border-radius:40px;}
.wei01 .right a:hover{ color:#1d54a4;}
.wei01 .right a.on{ background-color:#1d54a4; color:#fff;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:160px; position:relative; overflow:hidden; z-index:0; margin-top:60px;}
.ban .bg{ width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; left:0%; bottom:0; z-index:1; display:flex; align-items:center;}
.ban .box p{ display:block; text-align:center; font-size:28px; color:#fff; margin:auto;}

.wei{ width:94%; padding:10px 3%; border-bottom:1px solid #eee;}
.wei .left{ display:none;}
.wei .right{ text-align:center; width:100%;}
.wei .right a{ display:inline-block; font-size:16px; line-height:26px; margin:0 5px;}
.wei .right a:hover,.wei .right a.on{ color:#1d54a4;}

.wei01{ width:94%; padding:0 3%; background-color:#f1f1f1; text-align:center;}
.wei01 .left{ display:none;}
.wei01 .right{ display:flex; padding-top:30px;}
.wei01 .right p{ display:block; overflow:hidden; border-radius:36px; border:1px solid #ddd; margin:auto;}
.wei01 .right a{ display:block; float:left; font-size:15px; padding:0 20px; line-height:36px; height:36px; border-radius:36px;}
.wei01 .right a:hover{ color:#1d54a4;}
.wei01 .right a.on{ background-color:#1d54a4; color:#fff;}
}

/*关于我们*/
@media screen and (min-width:1280px){
.ab01{ width:86%; padding:70px 7%; padding-bottom:50px;}
.ab01 .left{ width:42.68%; float:left; position:relative;}
.ab01 .left .a02{ font-size:40px; line-height:40px; margin-top:30px;}
.ab01 .left .a02 b{ color:#1d54a4;}
.ab01 .left .a03{ font-size:18px; line-height:28px; color:#666; margin-top:15px;}
.ab01 .left .a04{ width:60px; height:4px; background-color:#999; margin-top:20px;}
.ab01 .left .a05{ font-size:24px; line-height:34px; font-weight:bold; margin-top:25px;}
.ab01 .left .a06{ font-size:16px; line-height:30px; color:#666; margin-top:18px;}

.ab01 .right{ width:48.78%; float:right; overflow:hidden;}
.ab01 .right img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab01{ width:90%; padding:50px 5%;  padding-bottom:30px;}
.ab01 .left{ width:48%; float:left; position:relative;}
.ab01 .left .a02{ font-size:30px; line-height:30px;}
.ab01 .left .a02 b{ color:#1d54a4;}
.ab01 .left .a03{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.ab01 .left .a04{ width:60px; height:4px; background-color:#999; margin-top:15px;}
.ab01 .left .a05{ font-size:20px; line-height:30px; font-weight:bold; margin-top:20px;}
.ab01 .left .a06{ font-size:14px; line-height:24px; color:#666; margin-top:10px;}

.ab01 .right{ width:48%; float:right; overflow:hidden;}
.ab01 .right img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.ab01{ width:94%; padding:30px 3%;}
.ab01 .left{ width:100%; float:left; position:relative;}
.ab01 .left .a02{ font-size:20px; line-height:20px;}
.ab01 .left .a02 b{ color:#1d54a4;}
.ab01 .left .a03{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ab01 .left .a04{ width:40px; height:2px; background-color:#999; margin-top:10px;}
.ab01 .left .a05{ font-size:16px; line-height:26px; font-weight:bold; margin-top:15px;}
.ab01 .left .a06{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}

.ab01 .right{ width:100%; float:right; overflow:hidden; margin-top:15px;}
.ab01 .right img{ width:100%; display:block;}
}


@media screen and (min-width:1280px){
.ab02{ width:86%; padding:0 7%; position:relative;}
.ab02 .bg{ width:100%; height:120px; background-color:#1d54a4; position:absolute; left:0; bottom:0; z-index:1;}
.ab02 .left{ width:48.78%; float:right; overflow:hidden; padding-top:25px; position:relative; z-index:3; padding-bottom:70px;}
.ab02 .left .a01{ font-size:40px; line-height:50px;}
.ab02 .left .a01 b{ color:#1d54a4;}
.ab02 .left .a02{ font-size:24px; line-height:34px; font-weight:bold; margin-top:20px;}
.ab02 .left .a03{ font-size:16px; line-height:30px; color:#666; margin-top:18px;}
.ab02 .right{ width:42.68%; float:left; position:relative; padding-right:1.5625vw; padding-bottom:1.5625vw; z-index:3; margin-bottom:70px;}
.ab02 .right img{ width:100%; display:block; position:relative; z-index:3;}
.ab02 .right b{ width:calc(100% - 1.5625vw); height:calc(100% - 1.5625vw); position:absolute; right:0; bottom:0; background-color:#1d54a4; display:block; z-index:1;}
.ab02 .tel{ font-weight:bold; padding-left:80px; background-image:url(../images/dh_26.jpg); background-position:left center; background-repeat:no-repeat; position:absolute; right:7%; bottom:0; z-index:9;}
.ab02 .tel span{ display:block; font-size:18px; line-height:20px; height:20px; color:#fff;}
.ab02 .tel a{ display:block; font-size:30px; line-height:26px; height:26px; color:#fff; margin-top:4px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab02{ width:90%; padding:0 5%; position:relative;}
.ab02 .bg{ width:100%; height:80px; background-color:#1d54a4; position:absolute; left:0; bottom:0; z-index:1;}
.ab02 .left{ width:48%; float:right; overflow:hidden; position:relative; z-index:3; padding-bottom:50px;}
.ab02 .left .a01{ font-size:30px; line-height:30px;}
.ab02 .left .a01 b{ color:#1d54a4;}
.ab02 .left .a02{ font-size:20px; line-height:30px; font-weight:bold; margin-top:15px;}
.ab02 .left .a03{ font-size:14px; line-height:24px; color:#666; margin-top:10px;}
.ab02 .right{ width:48%; float:left; position:relative; padding-right:1.5625vw; padding-bottom:1.5625vw; z-index:3; margin-bottom:50px;}
.ab02 .right img{ width:100%; display:block; position:relative; z-index:3;}
.ab02 .right b{ width:calc(100% - 1.5625vw); height:calc(100% - 1.5625vw); position:absolute; right:0; bottom:0; background-color:#1d54a4; display:block; z-index:1;}
.ab02 .tel{ font-weight:bold; padding-left:75px; background-image:url(../images/dh_26.jpg); background-position:left center; background-repeat:no-repeat; background-size:auto 100%; position:absolute; right:5%; bottom:0; z-index:9;}
.ab02 .tel span{ display:block; font-size:16px; line-height:20px; height:20px; color:#fff;}
.ab02 .tel a{ display:block; font-size:24px; line-height:26px; height:26px; color:#fff;}
}
@media only screen and (max-width:768px){
.ab02{ width:94%; padding:0 3%; position:relative;}
.ab02 .bg{ width:100%; height:100px; background-color:#1d54a4; position:absolute; left:0; bottom:0; z-index:1;}
.ab02 .left{ width:100%; float:right; overflow:hidden; margin-bottom:15px; position:relative; z-index:3; margin-bottom:30px;}
.ab02 .left .a01{ font-size:20px; line-height:20px;}
.ab02 .left .a01 b{ color:#1d54a4;}
.ab02 .left .a02{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.ab02 .left .a03{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.ab02 .right{ width:100%; float:left; margin-bottom:30px; position:relative; padding-right:2vw; padding-bottom:2vw; z-index:3;}
.ab02 .right img{ width:100%; display:block; position:relative; z-index:3;}
.ab02 .right b{ width:calc(100% - 2vw); height:calc(100% - 2vw); position:absolute; right:0; bottom:0; background-color:#1d54a4; display:block; z-index:1;}
.ab02 .tel{ font-weight:bold; padding-left:75px; background-image:url(../images/dh.png); background-position:left center; background-repeat:no-repeat; background-size:auto 100%; margin-bottom:20px; float:left; position:relative; z-index:9;}
.ab02 .tel span{ display:block; font-size:14px; line-height:18px; height:18px; color:#333;}
.ab02 .tel a{ display:block; font-size:24px; line-height:26px; height:26px; color:#1d54a4;}
}
@media screen and (min-width:1280px){
.ab03{ width:86%; padding:70px 7%; background-color:#1d54a4; display:flex; align-items:center;}
.ab03 .left{ width:42.68%; margin-right:7.32%;}
.ab03 .title{ width:100%;}
.ab03 .title span{ display:block; line-height:1; color:#fff; font-size:40px;}
.ab03 .title p{ display:block; margin-top:15px; font-size:18px; line-height:28px; color:#ccc;}
.ab03 .wen{ font-size:16px; line-height:30px; color:#fff; margin-top:40px;}
.ab03 .duo{ width:420px; margin-top:55px;}
/*.ab03 .duo a{ display:block; width:200px; height:50px; text-align:center; line-height:50px; font-size:18px; color:#333; float:left; overflow:hidden; background-color:#fff; border-top-left-radius:20px; border-bottom-right-radius:20px;}*/
.ab03 .duo a{ cursor:pointer; display:block; width:196px; height:46px; text-align:center; line-height:46px; font-size:18px; color:#fff; overflow:hidden; border-top-left-radius:20px; border-bottom-right-radius:20px; border:2px solid #fff;}
.ab03 .duo a:hover,.ab03 .duo span:hover{ background-color:#fff; color:#1d54a4;}
.ab03 .right{ width:50%; position:relative;}
.ab03 .right strong{ width:100%; height:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab03 .right b{ height:100%; width:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab03 .right p{ display:block; width:50%; float:left; text-align:center; padding:45px 20px; padding-bottom:40px; box-sizing:border-box;}
.ab03 .right p img{ height:80px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .right p span{ display:block; font-size:20px; line-height:30px; margin-top:10px; color:#fff;}
.ab03 .right p:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab03{ width:90%; padding:50px 5%; background-color:#1d54a4; display:flex; align-items:center;}
.ab03 .left{ width:46%; margin-right:4%;}
.ab03 .title{ width:100%;}
.ab03 .title span{ display:block; line-height:1; color:#fff; font-size:30px;}
.ab03 .title p{ display:block; margin-top:10px; font-size:16px; line-height:26px; color:#ccc;}
.ab03 .wen{ font-size:16px; line-height:26px; color:#fff; margin-top:20px;}
.ab03 .duo{ width:340px; margin-top:30px;}
/*.ab03 .duo a{ display:block; width:160px; height:44px; text-align:center; line-height:44px; font-size:16px; color:#333; float:left; overflow:hidden; background-color:#fff; border-top-left-radius:15px; border-bottom-right-radius:15px;}*/
.ab03 .duo a{ cursor:pointer; display:block; width:156px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; overflow:hidden; border-top-left-radius:15px; border-bottom-right-radius:15px; border:2px solid #fff;}
.ab03 .duo a:hover,.ab03 .duo span:hover{ background-color:#fff; color:#1d54a4;}
.ab03 .right{ width:50%; position:relative;}
.ab03 .right strong{ width:100%; height:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab03 .right b{ height:100%; width:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab03 .right p{ display:block; width:50%; float:left; text-align:center; padding:35px 15px; padding-bottom:30px; box-sizing:border-box;}
.ab03 .right p img{ height:60px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .right p span{ display:block; font-size:18px; line-height:28px; margin-top:5px; color:#fff;}
.ab03 .right p:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width:768px){
.ab03{ width:94%; padding:30px 3%; background-color:#1d54a4;}
.ab03 .left{ width:100%;}
.ab03 .title{ width:100%;}
.ab03 .title span{ display:block; line-height:1; color:#fff; font-size:20px;}
.ab03 .title p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#ccc;}
.ab03 .wen{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}
.ab03 .duo{ width:250px; margin-top:15px;}
/*.ab03 .duo a{ display:block; width:120px; height:34px; text-align:center; line-height:34px; font-size:14px; color:#333; float:left; overflow:hidden; background-color:#fff; border-top-left-radius:10px; border-bottom-right-radius:10px;}*/
.ab03 .duo a{ cursor:pointer; display:block; width:116px; height:30px; text-align:center; line-height:30px; font-size:14px; color:#fff; overflow:hidden; border-top-left-radius:10px; border-bottom-right-radius:10px; border:2px solid #fff;}
.ab03 .duo a:hover,.ab03 .duo span:hover{ background-color:#fff; color:#1d54a4;}
.ab03 .right{ width:100%; position:relative; overflow:hidden; margin-top:20px;}
.ab03 .right strong{ width:100%; height:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab03 .right b{ height:100%; width:1px; background-color:#fff; opacity:0.3; display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ab03 .right p{ display:block; width:50%; float:left; text-align:center; padding:20px 10px; padding-bottom:15px; box-sizing:border-box;}
.ab03 .right p img{ height:40px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .right p span{ display:block; font-size:14px; line-height:24px; margin-top:5px; color:#fff;}
.ab03 .right p:hover img{ -webkit-transform:rotateY(-360deg);}
}

/*荣誉资质*/
@media screen and (min-width:1280px){
.ab04{ width:86%; padding:70px 7%;}
.image_container{ margin-top:-30px;}
.image_container a{ width:23.17%; display:block; float:left; margin-left:2.24%; margin-top:30px; height:14vw; overflow:hidden; position:relative; box-shadow:0 0 20px rgba(0,0,0,0.2);}
.image_container a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.image_container a img{ width:100%; display:block;}
.image_container a p{ padding:15px 20px; background-color:rgba(29,84,164,0.7); display:block; position:absolute; left:0; bottom:-80px; min-width:180px; max-width:80%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:18px; line-height:28px; height:28px; overflow:hidden; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.image_container a:hover p{ bottom:0; z-index:5;}
.image_container a b{ width:100%; height:100%;  background-image:url(../images/sy.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%; display:none; position:absolute; left:0; top:0; z-index:2;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#eee; font-size:18px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; font-size:18px; display:block;}
.fanye li.active span{ color:#fff; background-color:#1d54a4;}
.fanye li.disabled span{ color:#aaa; background-color:#fff; cursor:no-drop;}
.fanye li a:hover{ color:#1d54a4;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab04{ width:90%; padding:50px 5%;}
.image_container{ margin-top:-25px;}
.image_container a{ width:31.33%; display:block; float:left; margin-left:3%; margin-top:25px; height:19.6vw; overflow:hidden; position:relative; box-shadow:0 0 15px rgba(0,0,0,0.2);}
.image_container a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.image_container a img{ width:100%; display:block;}
.image_container a p{ padding:10px 15px; background-color:rgba(29,84,164,0.7); display:block; position:absolute; left:0; bottom:-80px; min-width:180px; max-width:80%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.image_container a:hover p{ bottom:0; z-index:5;}
.image_container a b{ width:100%; height:100%;  background-image:url(../images/sy.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%; display:none; position:absolute; left:0; top:0; z-index:2;}


.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:16px; padding:0 5px; height:26px; line-height:26px; background-color:#eee; font-size:16px; display:block;}
.fanye li span{ min-width:16px; padding:0 5px; height:26px; line-height:26px; font-size:16px; display:block;}
.fanye li.active span{ color:#fff; background-color:#1d54a4;}
.fanye li.disabled span{ color:#aaa; background-color:#fff; cursor:no-drop;}
.fanye li a:hover{ color:#1d54a4;}
}
@media only screen and (max-width:768px){
.ab04{ width:94%; padding:30px 3%;}
.image_container{ margin-top:-15px;}
.image_container a{ width:48%; display:block; float:left; margin-left:4%; margin-top:15px; height:31.86vw; overflow:hidden; position:relative; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.image_container a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.image_container a img{ width:100%; display:block;}
.image_container a p{ padding:5px 10px; background-color:rgba(29,84,164,0.7); display:block; position:absolute; left:0; bottom:-80px; max-width:90%; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.image_container a:hover p{ bottom:0; z-index:5;}
.image_container a b{ width:100%; height:100%;  background-image:url(../images/sy.png); background-position:center; background-repeat:no-repeat; background-size:auto 100%; display:none; position:absolute; left:0; top:0; z-index:2;}


.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#1d54a4;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#1d54a4;}
}

.imgbg{ position:fixed; left:0; top:0; z-index:990; width:100%; height:100%; overflow:hidden; background-color:#000; opacity:0.3; display:none;}
.rebox{ position:fixed; z-index:999; background-color:#fff; padding:10px; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.rebox-contents{ overflow:hidden; overflow:hidden; position:relative;}
.rebox-contents:before{ content:''; width:100%; height:100%;  background-image:url(../images/sy.png); background-position:center; background-repeat:repeat; display:none; position:absolute; left:0; top:0; z-index:2;}
.rebox-contents img{ max-width:80vw; max-height:80vh; display:block; margin:auto;}
.rebox-caption{ font-size:16px; line-height:26px; height:26px; padding-top:9px; overflow:hidden; width:calc(100% - 80px); position:relative; z-index:0;}
.rebox-close{ width:65px; height:18px; display:block; position:absolute; right:10px; bottom:15px; background-image:url(../images/close_03.jpg); background-position:center; background-repeat:no-repeat; z-index:3;}
.rebox-button.rebox-next,.rebox-button.rebox-prev{ width:61px; height:32px; position:absolute; top:90px; background-position:center; background-repeat:no-repeat; display:none;}
.rebox-next{ right:10px; background-image:url(../images/next_05.png);}
.rebox-prev{ left:10px; background-image:url(../images/prev_03.png);}
.rebox:hover .rebox-button.rebox-prev,.rebox:hover .rebox-button.rebox-next{ display:block;}
@media only screen and (max-width:768px){
.rebox-caption{ font-size:14px;}
}

/*系统方案*/
@media screen and (min-width:1280px){
.case{ width:86%; padding:70px 7%; background-color:#f1f1f1;}
.case .picList{ width:100%; display:block; margin-top:-30px;}
.case .picList li{ width:23.17%; display:block; float:left; margin-left:2.24%; margin-top:30px; background-color:#fff; display:block; overflow:hidden; padding-bottom:40px;}
.case .picList li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .picList li .tu{ width:calc(100% - 60px); margin:30px; position:relative;}
.case .picList li .tu:before{ width:100%; display:block; content:''; padding-top:100%;}
.case .picList li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.case .picList li .wen{ width:calc(100% - 30px); margin:auto; text-align:center;}
.case .picList li .wen span{ display:block; font-size:20px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case .picList li .wen p{ display:block; font-size:16px; line-height:56px; color:#1d54a4; overflow:hidden;}
.case .picList li .wen b{ display:block; width:100%; height:10px; margin-top:5px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.case .picList li:hover .wen span{ color:#1d54a4;}
.case .picList li:hover .wen p{ color:#333;}
.case .picList li:hover .wen b{ background-image:url(../images/proh.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.case{ width:90%; padding:50px 5%; background-color:#f1f1f1;}
.case .picList{ width:100%; display:block; margin-top:-25px;}
.case .picList li{ width:31.33%; float:left; padding-bottom:30px; background-color:#fff; display:block; overflow:hidden; margin-left:3%; margin-top:25px;}
.case .picList li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.case .picList li .tu{ width:calc(100% - 40px); margin:20px; position:relative;}
.case .picList li .tu:before{ width:100%; display:block; content:''; padding-top:100%;}
.case .picList li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.case .picList li .wen{ width:calc(100% - 40px); margin:auto; text-align:center;}
.case .picList li .wen span{ display:block; font-size:18px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case .picList li .wen p{ display:block; font-size:14px; line-height:44px; color:#1d54a4; overflow:hidden;}
.case .picList li .wen b{ display:block; width:100%; height:10px; margin-top:5px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.case .picList li:hover .wen span{ color:#1d54a4;}
}
@media only screen and (max-width:768px){
.case{ width:94%; padding:30px 3%; background-color:#f1f1f1;}
.case .picList{ width:100%; display:block; margin-top:-15px;}
.case .picList li{ width:48%; float:left; padding-bottom:15px; background-color:#fff; display:block; overflow:hidden; margin-left:4%; margin-top:15px;}
.case .picList li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case .picList li .tu{ width:calc(100% - 20px); margin:10px; margin-bottom:15px; position:relative;}
.case .picList li .tu:before{ width:100%; display:block; content:''; padding-top:100%;}
.case .picList li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.case .picList li .wen{ width:calc(100% - 20px); margin:auto; text-align:center;}
.case .picList li .wen span{ display:block; font-size:16px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.case .picList li .wen p{ display:block; font-size:14px; line-height:34px; color:#1d54a4; overflow:hidden;}
.case .picList li .wen b{ display:block; width:100%; height:10px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.case .picList li:hover .wen span{ color:#1d54a4;}
.case .picList li:hover .wen p{ color:#333;}
.case .picList li:hover .wen b{ background-image:url(../images/proh.png);}
}

/*系统方案内页*/
@media screen and (min-width:1280px){
.ny{ padding:65px 50px; width:100%; box-sizing:border-box; background-color:#fff;}
.ny .bt{ text-align:center; font-weight:bold; font-size:36px; line-height:46px;}
.ny .time{ font-size:16px; line-height:26px; color:#999; margin-top:15px; text-align:center;}
.ny .wen{ width:100%; margin:40px auto; font-size:16px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:16px; line-height:26px;}
.ny .back p{ max-width:50%; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back span{ max-width:50%; float:right; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back a:hover{ color:#1d54a4;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ny{ padding:35px 30px; width:100%; box-sizing:border-box; background-color:#fff;}
.ny .bt{ text-align:center; font-weight:bold; font-size:26px; line-height:36px;}
.ny .time{ font-size:16px; line-height:26px; color:#999; margin-top:10px; text-align:center;}
.ny .wen{ width:100%; margin:20px auto; font-size:16px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:16px; line-height:26px;}
.ny .back p{ max-width:50%; float:left; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back span{ max-width:50%; float:right; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back a:hover{ color:#1d54a4;}
}
@media only screen and (max-width:768px){
.ny{ padding:25px 15px; width:100%; box-sizing:border-box; background-color:#fff;}
.ny .bt{ text-align:center; font-weight:bold; font-size:18px; line-height:28px;}
.ny .time{ font-size:14px; line-height:24px; color:#999; margin-top:5px; text-align:center;}
.ny .wen{ width:100%; margin:10px auto; font-size:14px;}
.ny .wen img{ max-width:100%; height:auto;}
.ny .back{ width:100%; font-size:14px; line-height:24px;}
.ny .back p{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ny .back a:hover{ color:#1d54a4;}
}

/*产品中心内页*/
@media screen and (min-width:1280px){
.pro01{ width:86%; padding:70px 7%; background-color:#f1f1f1;}
.pro01 .box{ padding:50px; background-color:#fff;}
.pro01 .box .left{ width:480px; float:left;}
.pro01 .left .gallery-top{ width:100%; height:480px; display:block; overflow:hidden; box-sizing:border-box; border:1px solid #cacaca;}
.pro01 .left .gallery-top img{ width:100%; display:block; margin:auto;}
.pro01 .left .gallery-thumbs{ width:380px; margin:auto; display:block; margin-top:20px; overflow:hidden;}
.pro01 .left .gallery-thumbs .swiper-slide{ overflow:hidden; position:relative; height:80px;}
.pro01 .left .gallery-thumbs .swiper-slide img{ height:100%; width:100%; margin:auto; display:block; object-fit:cover;}
.pro01 .left .gallery-thumbs .swiper-slide b{ width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #cacaca; position:absolute; left:0; top:0; cursor:pointer; overflow:hidden;}
.pro01 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #1d54a4;}
.pro01 .right{ width:calc(100% - 530px); float:right;}
.pro01 .right .p01{ font-size:26px; line-height:36px; font-weight:bold; margin-top:5px;}
.pro01 .right .p02{ font-size:16px; line-height:30px; margin-top:13px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.pro01 .right .p03{ font-size:20px; line-height:30px; padding-top:25px; color:#1d54a4; margin-top:33px; border-top:1px solid #eee;}
.pro01 .right .p04{ font-size:16px; line-height:36px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.pro01 .right .p05{ margin-top:40px; padding:30px; background-color:#f7f7f7;}
.pro01 .right .p05 .con{ padding-left:74px; background-image:url(../images/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.pro01 .right .p05 .con span{ display:block; font-size:16px; line-height:18px; height:18px;}
.pro01 .right .p05 .con p{ display:block; font-size:30px; line-height:30px; height:30px; color:#1d54a4; margin-top:4px;}
.pro01 .right .p05 .con a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:5px; font-size:16px; line-height:40px; border-radius:5px; background-color:#1d54a4; color:#fff; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro01{ width:90%; padding:50px 5%; background-color:#f1f1f1;}
.pro01 .box{ padding:30px; background-color:#fff;}
.pro01 .box .left{ width:380px; float:left;}
.pro01 .left .gallery-top{ width:100%; height:380px; display:block; overflow:hidden; box-sizing:border-box; border:1px solid #cacaca;}
.pro01 .left .gallery-top img{ width:100%; display:block; margin:auto;}
.pro01 .left .gallery-thumbs{ width:285px; margin:auto; display:block; margin-top:15px; overflow:hidden;}
.pro01 .left .gallery-thumbs .swiper-slide{ overflow:hidden; position:relative; height:60px;}
.pro01 .left .gallery-thumbs .swiper-slide img{ height:100%; width:100%; margin:auto; display:block; object-fit:cover;}
.pro01 .left .gallery-thumbs .swiper-slide b{ width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #cacaca; position:absolute; left:0; top:0; cursor:pointer; overflow:hidden;}
.pro01 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:2px solid #1d54a4;}
.pro01 .right{ width:calc(100% - 410px); float:right;}
.pro01 .right .p01{ font-size:22px; line-height:22px; font-weight:bold; margin-top:5px;}
.pro01 .right .p02{ font-size:14px; line-height:24px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.pro01 .right .p03{ font-size:16px; line-height:26px; padding-top:15px; color:#1d54a4; margin-top:15px; border-top:1px solid #eee;}
.pro01 .right .p04{ font-size:14px; line-height:24px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.pro01 .right .p05{ margin-top:15px; padding:20px; background-color:#f7f7f7;}
.pro01 .right .p05 .con{ padding-left:70px; background-image:url(../images/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.pro01 .right .p05 .con span{ display:block; font-size:16px; line-height:18px; height:18px;}
.pro01 .right .p05 .con p{ display:block; font-size:26px; line-height:30px; height:30px; color:#1d54a4; margin-top:4px;}
.pro01 .right .p05 .con a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:5px; font-size:16px; line-height:40px; border-radius:5px; background-color:#1d54a4; color:#fff; display:block;}
}
@media only screen and (max-width:768px){
.pro01{ width:94%; padding:30px 3%; background-color:#f1f1f1;}
.pro01 .box{ padding:15px; background-color:#fff;}
.pro01 .box .left{ width:100%; float:left;}
.pro01 .left .gallery-top{ width:100%; position:relative; display:block; overflow:hidden; box-sizing:border-box; border:1px solid #cacaca;}
.pro01 .left .gallery-top .swiper-slide{ width:100%; position:relative; overflow:hidden; display:block;}
.pro01 .left .gallery-top .swiper-slide:before{ width:100%; display:block; content:''; padding-top:100%;}
.pro01 .left .gallery-top img{ width:100%; display:block; margin:auto; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.pro01 .left .gallery-thumbs{ width:270px; margin:auto; display:block; margin-top:10px; overflow:hidden;}
.pro01 .left .gallery-thumbs .swiper-slide{ overflow:hidden; position:relative; height:60px;}
.pro01 .left .gallery-thumbs .swiper-slide img{ height:100%; width:100%; margin:auto; display:block; object-fit:cover;}
.pro01 .left .gallery-thumbs .swiper-slide b{ width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #cacaca; position:absolute; left:0; top:0; cursor:pointer; overflow:hidden;}
.pro01 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b{ border:1px solid #1d54a4;}
.pro01 .right{ width:100%; float:right;}
.pro01 .right .p01{ font-size:18px; line-height:28px; font-weight:bold; margin-top:10px;}
.pro01 .right .p02{ font-size:14px; line-height:24px; margin-top:5px; padding-bottom:10px; border-bottom:1px solid #eee;}
.pro01 .right .p03{ font-size:16px; line-height:26px; margin-top:10px; color:#1d54a4;}
.pro01 .right .p04{ font-size:14px; line-height:24px; color:#666;}
.pro01 .right .p05{ margin-top:10px; padding:15px; background-color:#f7f7f7;}
.pro01 .right .p05 .con{ padding-left:40px; background-image:url(../images/tel_03.jpg); background-position:left center; background-repeat:no-repeat; position:relative; background-size:auto 100%;}
.pro01 .right .p05 .con span{ display:block; font-size:14px; line-height:16px; height:16px;}
.pro01 .right .p05 .con p{ display:block; font-size:20px; line-height:20px; height:16px; color:#1d54a4; margin-top:2px;}
.pro01 .right .p05 .con a{ width:100px; height:34px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:34px; border-radius:5px; background-color:#1d54a4; color:#fff; display:block;}
}

@media screen and (min-width:1280px){
.pro03{ width:86%; padding:70px 7%; background-color:#f1f1f1;}
.pro03 .title{ width:100%; text-align:center;}
.pro03 .title span{ display:block; line-height:1; color:#333; font-size:40px;}
.pro03 .title span a{ color:#1d54a4;}
.pro03 .title p{ display:block; margin-top:15px; font-size:18px; line-height:28px; color:#666;}
.pro03 .picList{ width:100%; display:block; margin-top:5px;}
.pro03 .picList li{ width:23.17%; display:block; float:left; margin-left:2.24%; margin-top:30px; background-color:#fff; display:block; overflow:hidden; padding-bottom:40px;}
.pro03 .picList li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .picList li .tu{ width:calc(100% - 40px); margin:20px; margin-bottom:0; height:280px; display:flex; align-items:center;}
.pro03 .picList li .tu img{ max-height:240px; max-width:100%; display:block; margin:auto;}
.pro03 .picList li .wen{ width:calc(100% - 40px); margin:auto; text-align:center;}
.pro03 .picList li .wen span{ display:block; font-size:20px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pro03 .picList li .wen p{ display:block; font-size:16px; line-height:56px; color:#1d54a4; overflow:hidden;}
.pro03 .picList li .wen b{ display:block; width:100%; height:10px; margin-top:5px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro03 .picList li:hover .wen span{ color:#1d54a4;}
.pro03 .picList li:hover .wen p{ color:#333;}
.pro03 .picList li:hover .wen b{ background-image:url(../images/proh.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro03{ width:90%; padding:50px 5%; background-color:#f1f1f1;}
.pro03 .title{ width:100%; text-align:center;}
.pro03 .title span{ display:block; line-height:1; color:#333; font-size:30px;}
.pro03 .title span a{ color:#1d54a4;}
.pro03 .title p{ display:block; margin-top:10px; font-size:16px; line-height:26px; color:#666;}
.pro03 .picList{ width:100%; display:block;}
.pro03 .picList li{ width:31.33%; float:left; padding-bottom:30px; background-color:#fff; display:block; overflow:hidden; margin-left:3%; margin-top:25px;}
.pro03 .picList li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.pro03 .picList li .tu{ width:calc(100% - 30px); margin:15px; margin-bottom:0; height:240px; display:flex; align-items:center;}
.pro03 .picList li .tu img{ max-height:210px; max-width:100%; display:block; margin:auto;}
.pro03 .picList li .wen{ width:calc(100% - 30px); margin:auto; text-align:center;}
.pro03 .picList li .wen span{ display:block; font-size:18px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pro03 .picList li .wen p{ display:block; font-size:14px; line-height:44px; color:#1d54a4; overflow:hidden;}
.pro03 .picList li .wen b{ display:block; width:100%; height:10px; margin-top:5px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro03 .picList li:hover .wen span{ color:#1d54a4;}
}
@media only screen and (max-width:768px){
.pro03{ width:94%; padding:30px 3%; background-color:#f1f1f1;}
.pro03 .title{ width:100%; text-align:center;}
.pro03 .title span{ display:block; line-height:1; color:#333; font-size:20px;}
.pro03 .title span a{ color:#1d54a4;}
.pro03 .title p{ display:block; margin-top:5px; font-size:14px; line-height:24px; color:#666;}
.pro03 .picList{ width:100%; display:block;}
.pro03 .picList li{ width:48%; float:left; padding-bottom:15px; background-color:#fff; display:block; overflow:hidden; margin-left:4%; margin-top:15px;}
.pro03 .picList li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro03 .picList li .tu{ width:calc(100% - 30px); margin:0 15px; height:180px; display:flex; align-items:center;}
.pro03 .picList li .tu img{ max-height:150px; max-width:100%; display:block; margin:auto;}
.pro03 .picList li .wen{ width:calc(100% - 30px); margin:auto; text-align:center;}
.pro03 .picList li .wen span{ display:block; font-size:16px; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.pro03 .picList li .wen p{ display:block; font-size:14px; line-height:34px; color:#1d54a4; overflow:hidden;}
.pro03 .picList li .wen b{ display:block; width:100%; height:10px; background-image:url(../images/pro.png); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.pro03 .picList li:hover .wen span{ color:#1d54a4;}
.pro03 .picList li:hover .wen p{ color:#333;}
.pro03 .picList li:hover .wen b{ background-image:url(../images/proh.png);}
}

@media screen and (min-width:1280px){
.pro02{ width:86%; padding:70px 7%; background-color:#fff;}
.pro02 .bt{ width:100%; position:relative; overflow:hidden;}
.pro02 .bt strong{ display:block; float:left; padding:0 10px; border-bottom:2px solid #1d54a4; font-size:26px; line-height:36px; padding-bottom:3px; z-index:3;}
.pro02 .bt b{ width:100%; height:1px; background-color:#ddd; position:absolute; right:0; bottom:0; z-index:1;}
.pro02 .wen{ margin-top:35px; font-size:16px;}
.pro02 .wen img{ max-width:100%; height:auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro02{ width:90%; padding:50px 5%; background-color:#fff;}
.pro02 .bt{ width:100%; position:relative; overflow:hidden;}
.pro02 .bt strong{ display:block; float:left; padding:0 10px; border-bottom:2px solid #1d54a4; font-size:22px; line-height:32px; padding-bottom:3px; z-index:3;}
.pro02 .bt b{ width:100%; height:1px; background-color:#ddd; position:absolute; right:0; bottom:0; z-index:1;}
.pro02 .wen{ margin-top:25px; font-size:14px;}
.pro02 .wen img{ max-width:100%; height:auto;}
}
@media only screen and (max-width:768px){
.pro02{ width:94%; padding:30px 3%; background-color:#fff;}
.pro02 .bt{ width:100%; position:relative; overflow:hidden;}
.pro02 .bt strong{ display:block; float:left; padding:0 10px; border-bottom:2px solid #1d54a4; font-size:18px; line-height:28px; padding-bottom:3px; z-index:3;}
.pro02 .bt b{ width:100%; height:1px; background-color:#ddd; position:absolute; right:0; bottom:0; z-index:1;}
.pro02 .wen{ margin-top:15px; font-size:14px;}
.pro02 .wen img{ max-width:100%; height:auto;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.case .news{ width:100%; display:block; overflow:hidden; margin-top:-40px;}
.case .news li{ display:block; overflow:hidden; background-color:#fff; margin-top:40px;}
.case .news li .left{ width:400px; height:280px; float:left;}
.case .news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .news li:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case .news li .right{ width:calc(100% - 460px); margin:30px; float:left;}
.case .news li .right .n01{ font-size:20px; font-weight:bold; line-height:40px; padding-bottom:10px; height:40px; border-bottom:1px solid #ddd;}
.case .news li .right .n02{ font-size:16px; line-height:30px; height:90px; padding-top:13px; color:#666;}
.case .news li .right .n03{ margin-top:25px;}
.case .news li .right .n03 p{ padding-left:30px; background-image:url(../images/time_08.jpg); background-position:left center; background-repeat:no-repeat; float:left; display:block; font-size:20px; line-height:40px; color:#666;}
.case .news li .right .n03 a{ width:120px; height:40px; line-height:40px; display:block; float:right; text-align:center; font-size:16px; color:#fff; background-color:#333; overflow:hidden;}
.case .news li .right .n01 a:hover{ color:#1d54a4;}
.case .news li .right .n03 a:hover{ background-color:#1d54a4;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.case .news{ width:100%; display:block; overflow:hidden; margin-top:-25px;}
.case .news li{ display:block; overflow:hidden; background-color:#fff; margin-top:25px;}
.case .news li .left{ width:300px; height:210px; float:left;}
.case .news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .news li:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case .news li .right{ width:calc(100% - 340px); margin:20px; margin-top:15px; float:left;}
.case .news li .right .n01{ font-size:18px; font-weight:bold; line-height:28px; padding-bottom:10px; height:28px; border-bottom:1px solid #ddd;}
.case .news li .right .n02{ font-size:16px; line-height:26px; height:78px; padding-top:10px; color:#666;}
.case .news li .right .n03{ margin-top:10px;}
.case .news li .right .n03 p{ padding-left:30px; background-image:url(../images/time_08.jpg); background-position:left center; background-repeat:no-repeat; float:left; display:block; font-size:18px; line-height:36px; color:#666;}
.case .news li .right .n03 a{ width:120px; height:36px; line-height:36px; display:block; float:right; text-align:center; font-size:14px; color:#fff; background-color:#333; overflow:hidden;}
.case .news li .right .n01 a:hover{ color:#1d54a4;}
.case .news li .right .n03 a:hover{ background-color:#1d54a4;}
}
@media only screen and (max-width:768px){
.case .news{ width:100%; display:block; overflow:hidden; margin-top:-15px;}
.case .news li{ display:block; overflow:hidden; background-color:#fff; margin-top:15px;}
.case .news li .left{ width:170px; height:119px; float:left;}
.case .news li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.case .news li:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.case .news li .right{ width:calc(100% - 200px); margin:0 15px; margin-top:8px; float:left;}
.case .news li .right .n01{ font-size:16px; font-weight:bold; line-height:26px; height:26px;}
.case .news li .right .n02{ font-size:14px; line-height:24px; height:48px; color:#666;}
.case .news li .right .n03{ margin-top:5px;}
.case .news li .right .n03 p{ padding-left:20px; background-image:url(../images/time_08.jpg); background-position:left center; background-repeat:no-repeat; float:left; display:block; font-size:14px; line-height:20px; color:#666; background-size:auto 14px;}
.case .news li .right .n03 a{ display:none;}
.case .news li .right .n01 a:hover{ color:#1d54a4;}
.case .news li .right .n03 a:hover{ background-color:#1d54a4;}
}

/*联系我们*/
@media screen and (min-width:1280px){
.lx01{ width:86%; padding:70px 7%; background-color:#f1f1f1;}
.lx01 .box{ width:94%; margin:auto; position:relative; padding:3%; padding-top:0;}
.lx01 .box .c01{ width:50%; height:250px; position:absolute; left:0; bottom:0; z-index:0; background-color:#1d54a4;}
.lx01 .box .c02{ width:50%; height:250px; position:absolute; right:0; bottom:0; z-index:0; background-color:#81aaee;}
.lx01 .box .c03{ background-color:#fff; position:relative; z-index:3; width:100%;}
.lx01 .left{ width:62%; height:100%; position:absolute; left:0; top:0;}
.lx01 .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.lx01 .right{ padding:50px 3%; float:right; width:32%;}
.lx01 .right h1{ width:100%; float:left; font-size:30px; line-height:40px; color:#1d54a4;}
.lx01 .right dl{ width:100%; float:left; display:block; overflow:hidden; margin-top:20px;}
.lx01 .right dl dt{ font-size:16px; line-height:26px; display:block; color:#999;}
.lx01 .right dl dd{ font-size:18px; line-height:28px; display:block; color:#333;}
/*.lx01 .right dl:nth-child(4){ width:50%; float:left;}
.lx01 .right dl:nth-child(5){ width:50%; float:left;}*/
.lx01 .right dl p{ margin-top:5px; width:100px; height:100px; background-color:#eee; display:block; overflow:hidden;}
.lx01 .right dl p img{ height:100px; float:left; display:block;}
.lx01 .right dl p a{ width:110px; height:120px; float:left; display:none; text-align:center; vertical-align:middle;}
.lx01 .right dl p a span{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px; line-height:24px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01{ width:90%; padding:50px 5%; background-color:#f1f1f1;}
.lx01 .box{ width:94%; margin:auto; position:relative; padding:3%; padding-top:0;}
.lx01 .box .c01{ width:50%; height:200px; position:absolute; left:0; bottom:0; z-index:0; background-color:#1d54a4;}
.lx01 .box .c02{ width:50%; height:200px; position:absolute; right:0; bottom:0; z-index:0; background-color:#81aaee;}
.lx01 .box .c03{ background-color:#fff; position:relative; z-index:3; width:100%;}
.lx01 .left{ width:62%; height:100%; position:absolute; left:0; top:0;}
.lx01 .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.lx01 .right{ padding:50px 3%; float:right; width:32%;}
.lx01 .right h1{ width:100%; float:left; font-size:24px; line-height:34px; color:#1d54a4;}
.lx01 .right dl{ width:100%; float:left; display:block; overflow:hidden; margin-top:10px;}
.lx01 .right dl dt{ font-size:16px; line-height:26px; display:block; color:#999;}
.lx01 .right dl dd{ font-size:18px; line-height:28px; display:block; color:#333;}
/*.lx01 .right dl:nth-child(4){ width:50%; float:left;}
.lx01 .right dl:nth-child(5){ width:50%; float:left;}*/
.lx01 .right dl p{ margin-top:5px; width:100px; height:100px; background-color:#eee; display:block; overflow:hidden;}
.lx01 .right dl p img{ height:100px; float:left; display:block;}
.lx01 .right dl p a{ width:110px; height:120px; float:left; display:none; text-align:center; vertical-align:middle;}
.lx01 .right dl p a span{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:768px){
.lx01{ width:94%; padding:30px 3%; background-color:#f1f1f1;}
.lx01 .box{ width:94%; margin:auto; position:relative; padding:3%; padding-top:0;}
.lx01 .box .c01{ width:50%; height:200px; position:absolute; left:0; bottom:0; z-index:0; background-color:#1d54a4;}
.lx01 .box .c02{ width:50%; height:200px; position:absolute; right:0; bottom:0; z-index:0; background-color:#81aaee;}
.lx01 .box .c03{ background-color:#fff; position:relative; z-index:3; width:100%;}
.lx01 .left{ width:100%; height:200px;}
.lx01 .left img{ width:100%; height:100%; display:block; object-fit:cover;}
.lx01 .right{ padding:15px;}
.lx01 .right h1{ width:100%; float:left; font-size:18px; line-height:28px; color:#1d54a4;}
.lx01 .right dl{ width:100%; float:left; display:block; overflow:hidden; margin-top:5px;}
.lx01 .right dl dt{ font-size:14px; line-height:24px; display:block; color:#999;}
.lx01 .right dl dd{ font-size:16px; line-height:26px; display:block; color:#333;}
.lx01 .right dl p{ margin-top:5px; width:100px; height:100px; background-color:#eee; display:block; overflow:hidden;}
.lx01 .right dl p img{ height:100px; float:left; display:block;}
.lx01 .right dl p a{ width:110px; height:120px; float:left; display:none; text-align:center; vertical-align:middle;}
.lx01 .right dl p a span{ display:table-cell; text-align:center; vertical-align:middle; font-size:14px; line-height:24px;}
}

/*下载中心*/
@media screen and (min-width:1280px){
.lx01 .xia{ width:100%; margin-top:-40px;}
.lx01 .xia a{ display:block; background-color:#fff; border-radius:10px; overflow:hidden; padding:30px 40px; margin-top:40px;}
.lx01 .xia a p{ display:block; padding-left:40px; background-image:url(../images/x01_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:20px; line-height:30px; float:left;}
.lx01 .xia a span{ display:block; float:right; font-size:20px; line-height:30px; color:#999;}
.lx01 .xia a:hover{ background-color:#1d54a4;}
.lx01 .xia a:hover p{ background-image:url(../images/x02_06.jpg); color:#fff;}
.lx01 .xia a:hover span{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01 .xia{ width:100%; margin-top:-25px;}
.lx01 .xia a{ display:block; background-color:#fff; border-radius:10px; overflow:hidden; padding:20px; margin-top:25px;}
.lx01 .xia a p{ display:block; padding-left:40px; background-image:url(../images/x01_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:18px; line-height:30px; float:left;}
.lx01 .xia a span{ display:block; float:right; font-size:18px; line-height:30px; color:#999;}
.lx01 .xia a:hover{ background-color:#1d54a4;}
.lx01 .xia a:hover p{ background-image:url(../images/x02_06.jpg); color:#fff;}
.lx01 .xia a:hover span{ color:#fff;}
}
@media only screen and (max-width:768px){
.lx01 .xia{ width:100%; margin-top:-15px;}
.lx01 .xia a{ display:block; background-color:#fff; border-radius:5px; overflow:hidden; padding:10px; margin-top:15px;}
.lx01 .xia a p{ display:block; padding-left:20px; background-image:url(../images/x01_03.jpg); background-position:left center; background-repeat:no-repeat; font-size:14px; line-height:24px; float:left; background-size:auto 15px; height:24px; overflow:hidden;}
.lx01 .xia a span{ display:block; float:right; font-size:14px; line-height:24px; color:#999;}
.lx01 .xia a:hover{ background-color:#1d54a4;}
.lx01 .xia a:hover p{ background-image:url(../images/x02_06.jpg); color:#fff;}
.lx01 .xia a:hover span{ color:#fff;}
}

/*科研*/
@media screen and (min-width:1280px){
.case .ky{ padding:65px 50px; background-color:#fff;}
.case .ky .wen{ font-size:16px; line-height:26px;}
.case .ky .wen img{ max-width:100%; height:auto !important;}
.case .ky .list{ width:100%; display:block;}
.case .ky .list li{ width:23.17%; display:block; float:left; margin-left:2.24%; margin-top:30px; display:block; overflow:hidden;}
.case .ky .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .ky .list li .tu{ width:100%; position:relative;}
.case .ky .list li .tu:before{ width:100%; display:block; content:''; padding-top:68.4375%;}
.case .ky .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.case .ky .list li .wen{ width:100%; font-size:16px; line-height:26px; margin-top:10px; text-align:center;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.case .ky{ padding:35px 30px; background-color:#fff;}
.case .ky .wen{ font-size:16px; line-height:26px;}
.case .ky .wen img{ max-width:100%; height:auto !important;}
.case .ky .list{ width:100%; display:block;}
.case .ky .list li{ width:23.17%; display:block; float:left; margin-left:2.24%; margin-top:25px; display:block; overflow:hidden;}
.case .ky .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.case .ky .list li .tu{ width:100%; position:relative;}
.case .ky .list li .tu:before{ width:100%; display:block; content:''; padding-top:68.4375%;}
.case .ky .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.case .ky .list li .wen{ width:100%; font-size:16px; line-height:26px; margin-top:10px; text-align:center;}
}
@media only screen and (max-width:768px){
.case .ky{ padding:25px 15px; background-color:#fff;}
.case .ky .wen{ font-size:14px; line-height:24px;}
.case .ky .wen img{ max-width:100%; height:auto !important;}
.case .ky .list{ width:100%; display:block;}
.case .ky .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; display:block; overflow:hidden;}
.case .ky .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.case .ky .list li .tu{ width:100%; position:relative;}
.case .ky .list li .tu:before{ width:100%; display:block; content:''; padding-top:68.4375%;}
.case .ky .list li .tu img{ width:100%; height:100%; display:block; object-fit:cover; position:absolute; left:0; top:0;}
.case .ky .list li .wen{ width:100%; font-size:14px; line-height:24px; margin-top:5px; text-align:center;}
}