html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑", Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}


@media screen and (min-width:1280px){
.header{ width:100%; height:100px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:1200px; margin:auto;}
.header .head .sav{ display:none;}
.header .head .logo{ float:left; margin:12px 0;}
.header .head .logo img{ display:block; height:76px;}
.header .head .nav{ float:right; height:100px; position:relative;}
.header .head .nav ul{ display:block; float:left;}
.header .head .nav ul li{ display:block; float:left; position:relative; padding-right:33px;}
.header .head .nav ul li>a{ display:block; font-size:16px; line-height:100px; height:100px; -webkit-transition:all .3s; transition:all .3s;}
.header .head .nav ul li:hover>a,.header .head .nav ul li>a.on{ color:#2298d6;}
.header .head .nav .nav_er{ width:100%; min-width:1260px; max-width:1920px; position:absolute; top:100px; left:0; margin-left:-30px; overflow:hidden; height:0; -webkit-transition:all .3s; transition:all .3s;}
.header .head .nav ul li:nth-child(7) .nav_er{ margin-left:-90px;}
.header .head .nav .nav_er.cur{ height:70px;}
.header .head .nav .nav_er .div_dl{ background:#0c5b97; overflow:hidden; height:70px;}
.header .head .nav .nav_er .div_dl b{ display:block; width:8px; float:left; overflow:hidden; margin:28px 30px; margin-right:0;}
.header .head .nav .nav_er .div_dl b img{ display:block; width:8px;}
.header .head .nav .nav_er .div_dl a{ display:block; float:left; margin-left:20px; height:70px; line-height:70px; font-size:14px; color:#ccc;}
.header .head .nav .nav_er .div_dl a:hover,.header .head .nav .nav_er .div_dl a.on{ color:#fff;}
.header .head .nav .inner_bor{ position:absolute; display:block; width:64px; bottom:0; left:0; height:2px; background:#2298d6;}
.header .head .ser{ height:16px; margin:42px 0; padding-left:33px; border-left:1px solid #999; float:right; cursor:pointer;}
.header .head .ser img{ display:block; height:16px;}

.serbox{ width:100%; padding:20px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:100px; z-index:111; display:none;}
.serbox .box{ width:700px; margin:auto;}
.serbox .box p{ display:block; float:left; width:630px; height:40px; background-color:#fff; 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-color:#2298d6;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#2298d6; border-radius:50px; cursor:pointer; background-image:url(../image/ser_06.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:#fff; 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;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.header{ width:100%; height:80px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:94%; margin:auto;}
.header .head .sav{ display:none;}
.header .head .logo{ float:left; margin:21px 0;}
.header .head .logo img{ display:block; height:38px;}
.header .head .nav{ float:right; height:80px; position:relative;}
.header .head .nav ul{ display:block; float:left;}
.header .head .nav ul li{ display:block; float:left; position:relative; padding-right:2vw;}
.header .head .nav ul li>a{ display:block; float:right; font-size:16px; line-height:80px; height:80px; -webkit-transition:all .3s; transition:all .3s;}
.header .head .nav ul li:hover>a,.header .head .nav ul li>a.on{ color:#2298d6;}
.header .head .nav .nav_er{ width:100%; min-width:1260px; max-width:1920px; position:absolute; top:80px; left:0; margin-left:-30px; overflow:hidden; height:0; -webkit-transition:all .3s; transition:all .3s;}
.header .head .nav ul li:nth-child(7) .nav_er{ margin-left:-90px;}
.header .head .nav .nav_er.cur{ height:70px;}
.header .head .nav .nav_er .div_dl{ background:#0c5b97; overflow:hidden; height:50px;}
.header .head .nav .nav_er .div_dl b{ display:block; width:8px; float:left; overflow:hidden; margin:18px 1.5vw; margin-right:0;}
.header .head .nav .nav_er .div_dl b img{ display:block; width:8px;}
.header .head .nav .nav_er .div_dl a{ display:block; float:left; margin-left:1.5vw; height:50px; line-height:50px; font-size:14px; color:#ccc;}
.header .head .nav .nav_er .div_dl a:hover,.header .head .nav .nav_er .div_dl a.on{ color:#fff;}
.header .head .nav .inner_bor{ position:absolute; display:block; width:62px; bottom:0; left:0; height:2px; background:#2298d6;}
.header .head .ser{ height:16px; margin:32px 0; float:right; cursor:pointer; padding-left:2vw; border-left:1px solid #999;}
.header .head .ser img{ display:block; height:16px;}

.serbox{ width:100%; padding:15px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:80px; z-index:111; display:none;}
.serbox .box{ width:490px; margin:auto;}
.serbox .box p{ display:block; float:left; width:430px; height:40px; background-color:#fff; padding:5px; border-radius:70px;}
.serbox .box p span{ width:370px; 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-color:#2298d6;}
.serbox .box p a input{ display:block; width:40px; height:40px; background-color:#2298d6; border-radius:50px; cursor:pointer; background-image:url(../image/ser_06.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:10px; position:relative; opacity:0.7;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#fff; 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;}
}
@media only screen and (max-width:768px){
.header{ width:100%; height:60px; background-color:#fff; position:fixed; left:0; top:0; z-index:99;}
.header .head{ width:100%; margin:auto; position:relative;}
.header .head .logo{ padding:11px 0;}
.header .head .logo img{ display:block; height:38px; margin:auto;}
.header .head .nav{ display:none;}
.header .head .ser{ height:16px; position:absolute; right:15px; top:22px; z-index:0;}
.header .head .ser img{ display:block; height:16px;}

.header .head .sav{ width:60px; height:60px; position:absolute; left:0; top:0; z-index:9;}
.hamburger{ width:60px; height:60px; position:absolute; top:0; left:0; padding:11px 15px; box-sizing:border-box; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.hamburger.open-menu{ left:calc(100vw - 60px); color:#fff; transition:left 0.3s ease-out 0s; background-color:#0c5b97;}
.hamburger .h-bar{ display:block; width:100%; height:2px; background-color:#333; margin:8px 0; transform:rotate(0deg); opacity:1; transition:all 0.4s ease-out 0s;}
.hamburger.open-menu .h-bar{ background-color:#fff;}
.hamburger.open-menu .h-bar:nth-of-type(1){ transform:rotate(45deg) translateY(14px);}
.hamburger.open-menu .h-bar:nth-of-type(2){ opacity:0;}
.hamburger.open-menu .h-bar:nth-of-type(3){ transform:rotate(-45deg) translateY(-14px);}
.hamburger.open-menu .h-bar{ margin-bottom:0px;}
.bg{ width:100vw; height:100vh; background-color:rgba(0,0,0,0.7); position:fixed; left:calc(-100vw - 60px); top:0; z-index:99; transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s;}
.bg.open-menu{ opacity:1; left:calc(100vw - 60px); transition:left 0.3s ease-out 0s;}

ul#main-nav{ padding-top:60px; background-color:#0c5b97; display:block; opacity:0; position:fixed; overflow-y:scroll; width:calc(100vw - 60px); height:100%; top:0px; left:calc(-100vw - 60px); color:rgb(255, 255, 255); transition:left 0.3s ease-out 0s, opacity 0.3s linear 0s; z-index:222;}
ul#main-nav.open-menu{ opacity:1; left:0px; transition:left 0.3s ease-out 0s;}
.nav-link{ display:block; overflow:hidden;}
.nav-link span{ display:block; height:40px; line-height:40px; overflow:hidden; position:relative; width:100%;}
.nav-link span a{ display:block; font-size:16px; color:#ccc; padding-left:20px;}
.nav-link span::after{ content:"+"; background-color:transparent; display:inline-flex; -webkit-box-pack:center; justify-content:center; -webkit-box-align:center; align-items:center; height:40px; width:40px; font-size:24px; color:rgb(255, 255, 255); position:absolute; right:10px; top:0px; text-align:center; transform:rotateZ(0deg); transition:transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s;}
.nav-link.active span::after{ transform:rotateZ(135deg);}
.nav-link dl{ display:none; width:100%; overflow:hidden; padding-left:40px; box-sizing:border-box; margin-top:-5px; padding-bottom:10px;}
.nav-link dl dd{ display:block; font-size:14px; line-height:30px; height:30px; overflow:hidden;}
.nav-link dl dd a{ display:block; color:#aaa;}
.nav-link.active dl{ display:block;}
.nav-link.active span a{ color:#fff;}
.nav-link dl dd a.on{ color:#fff;}

.serbox{ width:100%; padding:10px 0; background-color:rgba(0,0,0,0.7); position:fixed; left:0; top:60px; z-index:111; display:none;}
.serbox .box{ width:280px; margin:auto;}
.serbox .box p{ display:block; float:left; width:240px; height:30px; background-color:#fff; border-radius:70px; padding:2px;}
.serbox .box p span{ width:200px; height:30px; float:left;}
.serbox .box p span input{ width:100%; display:block; height:30px; line-height:30px; font-size:0.875rem; background-color:transparent; color:#333; text-indent:10px;}
.serbox .box p a{ display:block; width:30px; height:30px; float:right; border-radius:50px; background-color:#2298d6;}
.serbox .box p a input{ display:block; width:30px; height:30px; background-color:#2298d6; border-radius:50px; cursor:pointer; background-image:url(../image/ser_06.png); background-position:center; background-repeat:no-repeat;}
.serbox .box b{ -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -moz-transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); transition:all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570); -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; transition-delay:0.5s; width:24px; height:24px; cursor:pointer; display:block; float:right; margin-top:9px; position:relative;}
.serbox .close::before,.serbox .close::after{ position:absolute; content:''; background:#fff; border-radius:2px;}
.serbox .close::before{ width:2px; height:20px; left:9px; top:0px;}
.serbox .close::after{ width:20px; height:2px; left:0px; top:9px;}
}


@media screen and (min-width:1280px){
.banner{ width:100%; height:670px; position:relative; z-index:0; margin-top:100px;}
.banner .swiper-container{ width:100%; height:100%; display:block; overflow:hidden;}
.banner .swiper-container .swiper-wrapper{ z-index:0;}
.banner .swiper-container .swiper-slide{ background-color:#fff; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; position:relative; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container .swiper-slide img{ display:none;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:23px; z-index:99;}
.banner .swiper-pagination span{ display:inline-block; width:40px; height:4px; background-color:#fff; border-radius:4px; margin:0 3px; opacity:1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background:linear-gradient(to right,#0c5b97,#2298d6);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; height:63vh; position:relative; z-index:0; margin-top:80px;}
.banner .swiper-container{ width:100%; height:100%; display:block; overflow:hidden;}
.banner .swiper-container .swiper-wrapper{ z-index:0;}
.banner .swiper-container .swiper-slide{ background-color:#fff; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; position:relative; overflow:hidden; display:block; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-container .swiper-slide img{ display:none;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:13px; z-index:99;}
.banner .swiper-pagination span{ display:inline-block; width:40px; height:4px; background-color:#fff; border-radius:4px; margin:0 3px; opacity:1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background:linear-gradient(to right,#0c5b97,#2298d6);}
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative; z-index:0; margin-top:60px;}
.banner .swiper-container{ width:100%; display:block; overflow:hidden;}
.banner .swiper-container .swiper-wrapper{ z-index:0;}
.banner .swiper-container .swiper-slide{ background-color:#fff; overflow:hidden;}
.banner .swiper-container .swiper-slide a{ width:100%; height:100%; position:relative; overflow:hidden; display:block;}
.banner .swiper-container .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:3px; z-index:99;}
.banner .swiper-pagination span{ display:inline-block; width:30px; height:4px; background-color:#fff; border-radius:4px; margin:0 3px; opacity:1;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background:linear-gradient(to right,#0c5b97,#2298d6);}
}


@media screen and (min-width:1280px){
.abox{ width:1200px; margin:80px auto;}
.abox .left{ width:600px; float:left;}
.abox .left .a01{ display:inline-table; padding:0 20px; background:linear-gradient(to right,#0c5b97,#2298d6); height:48px; line-height:48px; color:#fff; font-size:16px;}
.abox .left .a01 img{ display:block; height:18px; float:left; margin:15px 0; margin-right:10px;}
.abox .left .a02{ text-transform:uppercase; line-height:58px; font-size:48px; font-weight:bold; margin-top:30px;}
.abox .left .a03{ line-height:44px; font-size:24px;}
.abox .left .a04{ line-height:26px; font-size:16px; height:130px; margin-top:20px;}
.abox .left .a05{ width:620px; padding-top:15px; display:block;}
.abox .left .a05 li{ width:290px; display:block; float:left; margin-top:20px; margin-right:20px; overflow:hidden;}
.abox .left .a05 li strong{ display:block; width:60px; height:60px; border-radius:100%; float:left; overflow:hidden;}
.abox .left .a05 li strong img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .left .a05 li:hover img{ -webkit-transform:rotateY(-360deg);}
.abox .left .a05 li p{ width:220px; height:52px; margin:4px 0; margin-left:10px; float:left; overflow:hidden;}
.abox .left .a05 li p a{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.abox .left .a05 li p span{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#666;}
.abox .left .a05 li p span em{ font-style:normal; color:#0c5b97;}
.abox .right{ width:550px; height:420px; border-radius:10px; margin-top:90px; float:right;}
.abox .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .right img:hover{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ width:94%; margin:60px auto; position:relative;}
.abox .left{ width:50%; float:left;}
.abox .left .a01{ display:inline-table; padding:0 15px; background:linear-gradient(to right,#0c5b97,#2298d6); height:40px; line-height:40px; color:#fff; font-size:16px;}
.abox .left .a01 img{ display:block; height:18px; float:left; margin:11px 0; margin-right:10px;}
.abox .left .a02{ text-transform:uppercase; line-height:50px; font-size:40px; font-weight:bold; margin-top:20px;}
.abox .left .a03{ line-height:42px; font-size:22px;}
.abox .left .a04{ line-height:24px; font-size:14px; height:96px; margin-top:15px;}
.abox .left .a05{ width:100%; padding-top:10px; display:block;}
.abox .left .a05 li{ width:48.5%; display:block; float:left; margin-top:15px; overflow:hidden; margin-left:3%;}
.abox .left .a05 li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.abox .left .a05 li strong{ display:block; width:60px; height:60px; border-radius:100%; margin:auto; overflow:hidden;}
.abox .left .a05 li strong img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .left .a05 li:hover img{ -webkit-transform:rotateY(-360deg);}
.abox .left .a05 li p{ width:94%; margin:auto; overflow:hidden; text-align:center;}
.abox .left .a05 li p a{ display:block; font-size:18px; line-height:24px; overflow:hidden; margin-top:10px;}
.abox .left .a05 li p span{ display:block; font-size:14px; line-height:20px; overflow:hidden; color:#666;}
.abox .left .a05 li p span em{ font-style:normal; color:#0c5b97;}
.abox .right{ width:47%; height:33.73vw; border-radius:10px; position:absolute; top:50%; right:0; margin-top:-16.865vw;}
.abox .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .right img:hover{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}
@media only screen and (max-width:768px){
.abox{ width:94%; margin:40px auto;}
.abox .left{ width:100%;}
.abox .left .a01{ display:inline-table; padding:0 15px; background:linear-gradient(to right,#0c5b97,#2298d6); height:36px; line-height:36px; color:#fff; font-size:14px;}
.abox .left .a01 img{ display:block; height:18px; float:left; margin:9px 0; margin-right:10px;}
.abox .left .a02{ text-transform:uppercase; line-height:40px; font-size:30px; font-weight:bold; margin-top:10px;}
.abox .left .a03{ line-height:28px; font-size:18px;}
.abox .left .a04{ line-height:24px; font-size:14px; height:96px; margin-top:10px;}
.abox .left .a05{ width:100%; display:block; padding-top:5px;}
.abox .left .a05 li{ width:100%; display:block; float:left; margin-top:10px; overflow:hidden;}
.abox .left .a05 li strong{ display:block; width:50px; height:50px; border-radius:100%; float:left; overflow:hidden;}
.abox .left .a05 li strong img{ width:100%; display:block; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.abox .left .a05 li:hover img{ -webkit-transform:rotateY(-360deg);}
.abox .left .a05 li p{ width:calc(100% - 60px); height:40px; padding:5px 0; margin-left:10px; float:left; overflow:hidden;}
.abox .left .a05 li p a{ display:block; font-size:16px; height:22px; line-height:22px; overflow:hidden;}
.abox .left .a05 li p span{ display:block; font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#666;}
.abox .left .a05 li p span em{ font-style:normal; color:#0c5b97;}
.abox .right{ width:100%; height:71.78vw; border-radius:10px; margin-top:20px;}
.abox .right img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.abox .right img:hover{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
}


@media screen and (min-width:1280px){
.pbox{ width:100%; padding-top:75px; padding-bottom:80px; background-color:#eee;}
.pbox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}
.pbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.pbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}
.pbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.pbox .box{ width:1200px; margin:auto; margin-top:30px; padding-bottom:70px; position:relative;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:200px;}
.pbox .box .swiper-container .swiper-slide .p05{ width:320px; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#ffffff,#f7f7f7); border-radius:10px;}
.pbox .box .swiper-container .swiper-slide .wen{ position:relative; z-index:2; padding:20px 25px; width:200px;}
.pbox .box .swiper-container .swiper-slide .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:14px; line-height:24px; margin-top:10px;}
.pbox .box .swiper-container .swiper-slide .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#eee; margin-top:30px;}
.pbox .box .swiper-container .swiper-slide .p04{ position:absolute; right:0; bottom:20px; z-index:1;}
.pbox .box .swiper-container .swiper-slide .p04 img{ display:block; max-width:150px; max-height:140px;}
.pbox .box .swiper-container .swiper-slide:hover .p05{ background:linear-gradient(to right,#0c5b97,#2298d6);}
.pbox .box .swiper-container .swiper-slide:hover .p01,.pbox .box .swiper-container .swiper-slide:hover .p02{ color:#fff;}
.pbox .box .swiper-container .swiper-slide:hover .p03{ background-color:#fff;}
.pbox .box .swiper-container .swiper-slide .p03:hover{ margin-top:25px;}
.pbox .box .more{ width:130px; height:40px; position:absolute; left:50%; margin-left:-65px; bottom:0;}
.pbox .box .more a{ width:128px; height:38px; border:1px solid #cacaca; text-align:center; font-size:14px; line-height:38px; display:block; overflow:hidden;}
.pbox .box .more a:hover{ background:linear-gradient(to right,#0c5b97,#2298d6); color:#fff; border-color:linear-gradient(to right,#0c5b97,#2298d6);}
.pbox .box .swiper-button-prev{ width:58px; height:38px; position:absolute; left:50%; margin-left:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../image/left.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-next{ width:58px; height:38px; position:absolute; right:50%; margin-right:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../image/right.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../image/left01.png); border:1px solid #0c5b97; background-color:#0c5b97;}
.pbox .box .swiper-button-next:hover{ background-image:url(../image/right01.png); border:1px solid #0c5b97; background-color:#0c5b97;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ width:100%; padding-top:55px; padding-bottom:60px; background-color:#eee;}
.pbox .title{ text-align:center; width:94%; margin:auto; position:relative; text-align:center; padding-bottom:20px;}
.pbox .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.pbox .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}
.pbox .title p{ display:block; text-align:center; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.pbox .box{ width:94%; margin:auto; margin-top:25px; padding-bottom:65px; position:relative;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:160px;}
.pbox .box .swiper-container .swiper-slide .p05{ width:80%; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#ffffff,#f7f7f7); border-radius:10px;}
.pbox .box .swiper-container .swiper-slide .wen{ position:relative; z-index:2; padding:15px; width:calc(100% - 150px);}
.pbox .box .swiper-container .swiper-slide .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:14px; line-height:24px;}
.pbox .box .swiper-container .swiper-slide .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#eee; margin-top:13px;}
.pbox .box .swiper-container .swiper-slide .p04{ position:absolute; right:0; bottom:15px; z-index:1;}
.pbox .box .swiper-container .swiper-slide .p04 img{ display:block; max-width:130px; max-height:120px;}
.pbox .box .swiper-container .swiper-slide:hover .p05{ background:linear-gradient(to right,#0c5b97,#2298d6);}
.pbox .box .swiper-container .swiper-slide:hover .p01,.pbox .box .swiper-container .swiper-slide:hover .p02{ color:#fff;}
.pbox .box .swiper-container .swiper-slide:hover .p03{ background-color:#fff;}
.pbox .box .swiper-container .swiper-slide .p03:hover{ margin-top:8px;}
.pbox .box .more{ width:130px; height:40px; position:absolute; left:50%; margin-left:-65px; bottom:0;}
.pbox .box .more a{ width:128px; height:38px; border:1px solid #cacaca; text-align:center; font-size:14px; line-height:38px; display:block; overflow:hidden;}
.pbox .box .more a:hover{ background:linear-gradient(to right,#0c5b97,#2298d6); color:#fff; border-color:linear-gradient(to right,#0c5b97,#2298d6);}
.pbox .box .swiper-button-prev{ width:58px; height:38px; position:absolute; left:50%; margin-left:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../image/left.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-next{ width:58px; height:38px; position:absolute; right:50%; margin-right:-135px; bottom:0; border:1px solid #cacaca; background-image:url(../image/right.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../image/left01.png); border:1px solid #0c5b97; background-color:#0c5b97;}
.pbox .box .swiper-button-next:hover{ background-image:url(../image/right01.png); border:1px solid #0c5b97; background-color:#0c5b97;}
}
@media only screen and (max-width:768px){
.pbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#eee;}
.pbox .title{ text-align:center; width:94%; margin:auto; position:relative; text-align:center; padding-bottom:12px;}
.pbox .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.pbox .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; letter-spacing:2px; text-indent:2px;}
.pbox .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.pbox .box{ width:94%; margin:auto; margin-top:20px; padding-bottom:54px; position:relative;}
.pbox .box .swiper-container{ width:100%;}
.pbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:110px;}
.pbox .box .swiper-container .swiper-slide .p05{ width:90%; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#ffffff,#f7f7f7); border-radius:10px;}
.pbox .box .swiper-container .swiper-slide .wen{ position:relative; z-index:2; padding:10px; width:calc(100% - 75px);}
.pbox .box .swiper-container .swiper-slide .wen .p01{ display:block; font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.pbox .box .swiper-container .swiper-slide .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:20px;}
.pbox .box .swiper-container .swiper-slide .wen .p03{ display:none;}
.pbox .box .swiper-container .swiper-slide .p04{ position:absolute; right:0; bottom:10px; z-index:1;}
.pbox .box .swiper-container .swiper-slide .p04 img{ display:block; max-width:70px; max-height:60px;}
.pbox .box .swiper-container .swiper-slide:hover .p05{ background:linear-gradient(to right,#0c5b97,#2298d6);}
.pbox .box .swiper-container .swiper-slide:hover .p01,.pbox .box .swiper-container .swiper-slide:hover .p02{ color:#fff;}
.pbox .box .more{ width:110px; height:34px; position:absolute; left:50%; margin-left:-55px; bottom:0;}
.pbox .box .more a{ width:108px; height:32px; border:1px solid #cacaca; text-align:center; font-size:14px; line-height:32px; display:block; overflow:hidden;}
.pbox .box .more a:hover{ background:linear-gradient(to right,#0c5b97,#2298d6); color:#fff; border-color:linear-gradient(to right,#0c5b97,#2298d6);}
.pbox .box .swiper-button-prev{ width:48px; height:32px; position:absolute; left:0; bottom:0; border:1px solid #cacaca; background-image:url(../image/left.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-next{ width:48px; height:32px; position:absolute; right:0; bottom:0; border:1px solid #cacaca; background-image:url(../image/right.png); background-position:center; background-repeat:no-repeat;}
.pbox .box .swiper-button-prev:hover{ background-image:url(../image/left01.png); border:1px solid #0c5b97; background-color:#0c5b97;}
.pbox .box .swiper-button-next:hover{ background-image:url(../image/right01.png); border:1px solid #0c5b97; background-color:#0c5b97;}
}


@media screen and (min-width:1280px){
.dbox{ width:100%; padding-top:75px; padding-bottom:80px; background-color:#eee; position:relative;}
.dbox .mask{ width:100%; height:500px; position:absolute; left:0; top:0; z-index:0; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.dbox .mask p{ width:100%; height:100%; display:block; background-color:#0c5b97; opacity:0.9; overflow:hidden;}
.dbox .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.dbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.dbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.dbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.dbox .box{ width:1200px; margin:auto; margin-top:23px; position:relative; z-index:2;}
.dbox .box .wen{ font-size:16px; line-height:30px; text-align:center; color:#fff; width:810px; margin:auto; margin-bottom:28px;}
.dbox .box .swiper-container{ width:100%; padding-bottom:40px;}
.dbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:420px; border-radius:10px; background-color:#fff;}
.dbox .box .swiper-container .swiper-slide a{ display:block; width:100%; height:410px; border-bottom:10px solid #0c5b97; border-radius:10px; overflow:hidden;}
.dbox .box .swiper-container .swiper-slide .tu{ width:100%; height:210px; display:table; text-align:center; vertical-align:middle; position:relative;}
.dbox .box .swiper-container .swiper-slide .tu p{ width:100%; height:210px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.dbox .box .swiper-container .swiper-slide .tu img{ max-width:90%; max-height:180px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dbox .box .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.dbox .box .swiper-container .swiper-slide .bt{ text-align:center; width:340px; margin:auto; font-size:18px; line-height:38px; height:38px; font-weight:bold;}
.dbox .box .swiper-container .swiper-slide .line{ width:40px; height:2px; margin:10px auto; margin-bottom:15px; background:linear-gradient(to right,#0c5b97,#2298d6);}
.dbox .box .swiper-container .swiper-slide .wz{ text-align:center; width:340px; margin:auto; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.dbox .box .swiper-container .swiper-slide:hover .bt{ color:#0c5b97;}
.dbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center; vertical-align:bottom; line-height:10px;}
.dbox .box .swiper-pagination span{ display:inline-table; width:10px; height:10px; background-color:#999; border-radius:10px; margin:0 5px; opacity:1;}
.dbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0c5b97;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.dbox{ width:100%; padding-top:55px; padding-bottom:60px; background-color:#eee; position:relative; z-index:2;}
.dbox .mask{ width:100%; height:400px; position:absolute; left:0; top:0; z-index:0; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.dbox .mask p{ width:100%; height:100%; display:block; background-color:#0c5b97; opacity:0.9; overflow:hidden;}
.dbox .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.dbox .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.dbox .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.dbox .title p{ display:block; text-align:center; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.dbox .box{ width:94%; margin:auto; margin-top:18px; position:relative; z-index:2;}
.dbox .box .wen{ font-size:16px; line-height:30px; text-align:center; color:#fff; width:100%; margin-bottom:23px;}
.dbox .box .swiper-container{ width:100%; padding-bottom:35px;}
.dbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:360px; border-radius:10px; background-color:#fff;}
.dbox .box .swiper-container .swiper-slide a{ display:block; width:100%; height:355px; border-bottom:5px solid #0c5b97; border-radius:10px; overflow:hidden;}
.dbox .box .swiper-container .swiper-slide .tu{ width:100%; height:180px; display:table; text-align:center; vertical-align:middle; position:relative;}
.dbox .box .swiper-container .swiper-slide .tu p{ width:100%; height:180px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.dbox .box .swiper-container .swiper-slide .tu img{ max-width:90%; max-height:160px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dbox .box .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.dbox .box .swiper-container .swiper-slide .bt{ text-align:center; width:94%; margin:auto; font-size:18px; line-height:38px; height:38px; font-weight:bold;}
.dbox .box .swiper-container .swiper-slide .line{ width:40px; height:2px; margin:5px auto; margin-bottom:10px; background:linear-gradient(to right,#0c5b97,#2298d6);}
.dbox .box .swiper-container .swiper-slide .wz{ text-align:center; width:94%; margin:auto; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.dbox .box .swiper-container .swiper-slide:hover .bt{ color:#0c5b97;}
.dbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center; vertical-align:bottom; line-height:10px;}
.dbox .box .swiper-pagination span{ display:inline-table; width:10px; height:10px; background-color:#999; border-radius:10px; margin:0 5px; opacity:1;}
.dbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0c5b97;}
}
@media only screen and (max-width:768px){
.dbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#eee; position:relative;}
.dbox .mask{ width:100%; height:400px; position:absolute; left:0; top:0; z-index:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dbox .mask p{ width:100%; height:100%; display:block; background-color:#0c5b97; opacity:0.9; overflow:hidden;}
.dbox .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.dbox .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.dbox .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#fff; letter-spacing:2px; text-indent:2px;}
.dbox .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;}
.dbox .box{ width:94%; margin:auto; margin-top:15px; position:relative; z-index:2;}
.dbox .box .wen{ font-size:14px; line-height:24px; text-align:center; color:#fff; width:100%; margin-bottom:15px;}
.dbox .box .swiper-container{ width:100%; padding-bottom:30px;}
.dbox .box .swiper-container .swiper-slide{ display:block; overflow:hidden; position:relative; height:360px; border-radius:10px; background-color:#fff;}
.dbox .box .swiper-container .swiper-slide a{ display:block; width:100%; height:355px; border-bottom:5px solid #0c5b97; border-radius:10px; overflow:hidden;}
.dbox .box .swiper-container .swiper-slide .tu{ width:100%; height:180px; display:table; text-align:center; vertical-align:middle; position:relative;}
.dbox .box .swiper-container .swiper-slide .tu p{ width:100%; height:180px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.dbox .box .swiper-container .swiper-slide .tu img{ max-width:90%; max-height:160px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.dbox .box .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.dbox .box .swiper-container .swiper-slide .bt{ text-align:center; width:94%; margin:auto; font-size:18px; line-height:38px; height:38px; font-weight:bold;}
.dbox .box .swiper-container .swiper-slide .line{ width:40px; height:2px; margin:5px auto; margin-bottom:10px; background:linear-gradient(to right,#0c5b97,#2298d6);}
.dbox .box .swiper-container .swiper-slide .wz{ text-align:center; width:94%; margin:auto; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.dbox .box .swiper-container .swiper-slide:hover .bt{ color:#0c5b97;}
.dbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center; vertical-align:bottom; line-height:10px;}
.dbox .box .swiper-pagination span{ display:inline-table; width:10px; height:10px; background-color:#999; border-radius:10px; margin:0 5px; opacity:1;}
.dbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#0c5b97;}
}


@media screen and (min-width:1280px){
.cbox{ width:100%; background-image:url(../image/cbg_23.jpg); background-position:top center; background-repeat:repeat-y; position:relative;}
.cbox .title01{ width:600px; position:absolute; left:50%; margin-left:-600px; top:75px; z-index:2; padding-bottom:27px;}
.cbox .title01 a{ width:60px; height:4px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.cbox .title01 b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px;}
.cbox .title01 p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px;}
.cbox .left{ width:47%; z-index:0; position:absolute; left:0; top:50%; z-index:0; transform:translateX(0) translateY(-50%);}
.cbox .left img{ display:block; max-width:100%; max-height:calc(100% - 160px); margin:auto;}
.cbox .box{ width:100%; position:relative; z-index:2; padding-top:75px; padding-bottom:80px;}
.cbox .box .title02{ width:1200px; margin:auto; padding-bottom:27px;}
.cbox .box .title02 a{ width:60px; height:4px; position:absolute; right:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.cbox .box .title02 b{ display:block; width:100%; text-align:right; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; text-indent:4px;}
.cbox .box .title02 p{ font-size:30px; height:40px; line-height:40px; position:absolute; right:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; text-indent:4px;}
.cbox .box .right{ width:53%; margin-left:47%; margin-top:30px;}
.cbox .box .right .swiper-container{ width:100%; display:block;}
.cbox .box .right .swiper-container .swiper-slide{ display:block; overflow:hidden; width:100%; height:180px;}
.cbox .box .right .swiper-container .swiper-slide:hover{ background-color:#fff;}
.cbox .box .right .swiper-container .swiper-slide .tu{ float:left; width:260px; height:180px;}
.cbox .box .right .swiper-container .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .right .swiper-container .swiper-slide .wen{ float:left; height:180px; margin-left:20px; width:390px;}
.cbox .box .right .swiper-container .swiper-slide .wen a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px; font-weight:bold; margin-top:15px;}
.cbox .box .right .swiper-container .swiper-slide .wen span{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; margin-top:10px; color:#666;}
.cbox .box .right .swiper-container .swiper-slide .wen p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .box .right .swiper-container .swiper-slide:hover .wen a{ color:#0c5b97;}
.cbox .box .button{ width:1200px; margin:auto; margin-top:30px;}
.cbox .box .button .swiper-button-next{ width:50px; height:50px; float:right; background-color:#fff; background-image:url(../image/right.png); background-position:center; background-repeat:no-repeat; position:relative;}
.cbox .box .button .swiper-button-prev{ width:50px; height:50px; float:right; background-color:#fff; background-image:url(../image/left.png); background-position:center; background-repeat:no-repeat; margin-right:20px; position:relative;}
.cbox .box .button .swiper-button-prev:hover{ background-color:#0c5b97; background-image:url(../image/left01.png);}
.cbox .box .button .swiper-button-next:hover{ background-color:#0c5b97; background-image:url(../image/right01.png);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.cbox{ width:100%; background-image:url(../image/cbg_23.jpg); background-position:top center; background-repeat:repeat-y; position:relative;}
.cbox .title01{ position:absolute; width:40%; left:3%; top:55px; z-index:2; padding-bottom:20px;}
.cbox .title01 a{ width:50px; height:3px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.cbox .title01 b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#fff; letter-spacing:4px;}
.cbox .title01 p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px;}
.cbox .left{ width:41%; z-index:0; position:absolute; left:3%; top:136px;}
.cbox .left img{ display:block; max-width:100%; margin:auto;}
.cbox .box{ width:100%; position:relative; z-index:2; padding-top:55px; padding-bottom:60px;}
.cbox .box .title02{ width:94%; margin:auto; padding-bottom:20px;}
.cbox .box .title02 a{ width:50px; height:3px; position:absolute; right:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.cbox .box .title02 b{ width:100%; text-align:right; display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; text-indent:4px;}
.cbox .box .title02 p{ font-size:24px; height:34px; line-height:34px; position:absolute; right:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; text-indent:4px;}
.cbox .box .right{ width:53%; margin-left:47%; margin-top:25px;}
.cbox .box .right .swiper-container{ width:100%; display:block;}
.cbox .box .right .swiper-container .swiper-slide{ display:block; overflow:hidden; width:100%; height:140px;}
.cbox .box .right .swiper-container .swiper-slide:hover{ background-color:#fff;}
.cbox .box .right .swiper-container .swiper-slide .tu{ float:left; width:200px; height:140px;}
.cbox .box .right .swiper-container .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .right .swiper-container .swiper-slide .wen{ float:left; height:140px; margin-left:10px; width:calc(97% - 210px);}
.cbox .box .right .swiper-container .swiper-slide .wen a{ display:block; overflow:hidden; font-size:18px; line-height:28px; height:28px; font-weight:bold; margin-top:5px;}
.cbox .box .right .swiper-container .swiper-slide .wen span{ display:block; overflow:hidden; font-size:14px; line-height:24px; height:24px; color:#666;}
.cbox .box .right .swiper-container .swiper-slide .wen p{ display:block; overflow:hidden; font-size:14px; line-height:24px; margin-top:3px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .box .right .swiper-container .swiper-slide:hover .wen a{ color:#0c5b97;}
.cbox .box .button{ width:94%; margin:auto; margin-top:25px;}
.cbox .box .button .swiper-button-next{ width:50px; height:50px; float:right; background-color:#fff; background-image:url(../image/right.png); background-position:center; background-repeat:no-repeat; position:relative;}
.cbox .box .button .swiper-button-prev{ width:50px; height:50px; float:right; background-color:#fff; background-image:url(../image/left.png); background-position:center; background-repeat:no-repeat; margin-right:15px; position:relative;}
.cbox .box .button .swiper-button-prev:hover{ background-color:#0c5b97; background-image:url(../image/left01.png);}
.cbox .box .button .swiper-button-next:hover{ background-color:#0c5b97; background-image:url(../image/right01.png);}
}
@media only screen and (max-width:768px){
.cbox{ width:100%; background-color:#0c5b97; position:relative; padding-top:35px;}
.cbox .title01{ width:94%; margin:auto; z-index:2; padding-bottom:20px; text-align:center;}
.cbox .title01 a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.cbox .title01 b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#fff; letter-spacing:2px; text-indent:2px;}
.cbox .title01 p{ display:block; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;}
.cbox .left{ width:94%; margin:auto; z-index:0; margin-top:20px;}
.cbox .left img{ display:block; max-width:100%; margin:auto;}
.cbox .box{ width:100%; position:relative; z-index:2; margin-top:40px; padding-top:34px; padding-bottom:40px; background-color:#eee;}
.cbox .box .title02{ width:94%; margin:auto; padding-bottom:20px; text-align:center;}
.cbox .box .title02 a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.cbox .box .title02 b{ width:100%; display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; text-indent:2px; letter-spacing:2px;}
.cbox .box .title02 p{ font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.cbox .box .right{ width:94%; margin:auto; margin-top:20px;}
.cbox .box .right .swiper-container{ width:100%; display:block;}
.cbox .box .right .swiper-container .swiper-slide{ display:block; overflow:hidden; width:100%; height:120px;}
.cbox .box .right .swiper-container .swiper-slide:hover{ background-color:#fff;}
.cbox .box .right .swiper-container .swiper-slide .tu{ float:left; width:170px; height:120px;}
.cbox .box .right .swiper-container .swiper-slide .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box .right .swiper-container .swiper-slide:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.cbox .box .right .swiper-container .swiper-slide .wen{ float:left; height:180px; margin-left:10px; width:calc(100% - 180px);}
.cbox .box .right .swiper-container .swiper-slide .wen a{ display:block; overflow:hidden; font-size:16px; line-height:26px; height:26px; font-weight:bold; margin-top:5px;}
.cbox .box .right .swiper-container .swiper-slide .wen span{ display:block; overflow:hidden; font-size:14px; line-height:20px; height:20px; color:#666;}
.cbox .box .right .swiper-container .swiper-slide .wen p{ display:block; overflow:hidden; font-size:14px; line-height:20px; margin-top:3px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cbox .box .right .swiper-container .swiper-slide:hover .wen a{ color:#0c5b97;}
.cbox .box .button{ width:94%; margin:auto; margin-top:20px;}
.cbox .box .button .swiper-button-next{ width:40px; height:40px; float:right; background-color:#fff; background-image:url(../image/right.png); background-position:center; background-repeat:no-repeat; position:relative;}
.cbox .box .button .swiper-button-prev{ width:40px; height:40px; float:right; background-color:#fff; background-image:url(../image/left.png); background-position:center; background-repeat:no-repeat; margin-right:10px; position:relative;}
.cbox .box .button .swiper-button-prev:hover{ background-color:#0c5b97; background-image:url(../image/left01.png);}
.cbox .box .button .swiper-button-next:hover{ background-color:#0c5b97; background-image:url(../image/right01.png);}
}


@media screen and (min-width:1280px){
.nbox{ width:100%; padding-top:75px; padding-bottom:80px; background-color:#fff;}
.nbox .title{ text-align:center; width:1200px; margin:auto; position:relative; text-align:center; padding-bottom:27px;}
.nbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.nbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}
.nbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.nbox .box{ width:1200px; margin:auto; margin-top:30px;}
.nbox .box dl{ width:1240px; display:block; overflow:hidden;}
.nbox .box dl dt{ width:1200px; display:block; float:left; height:230px; position:relative; overflow:hidden;}
.nbox .box dl dt .bg{ width:100%; height:170px; position:absolute; left:0; bottom:0; background-color:#eee; z-index:0;}
.nbox .box dl dt .left{ width:310px; height:200px; float:left; margin-left:20px; position:relative; z-index:1;}
.nbox .box dl dt .left img{ width:100%; display:block;}
.nbox .box dl dt .right{ width:810px; height:200px; float:left; margin:0 30px; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:60px; line-height:60px;}
.nbox .box dl dt .right .bt a{ font-size:18px; display:block; float:left; max-width:680px; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#0c5b97;}
.nbox .box dl dt .right .bt p{ font-size:16px; display:block; float:right; overflow:hidden; color:#999;}
.nbox .box dl dt .right .wen{ width:100%; height:74px; line-height:24px; font-size:14px; margin:15px 0;}
.nbox .box dl dt .right .more{ height:36px;}
.nbox .box dl dt .right .more a{ width:118px; height:34px; line-height:34px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #0c5b97; color:#0c5b97;}
.nbox .box dl dd{ width:580px; margin-top:20px; margin-right:40px; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:170px; height:110px; float:left;}
.nbox .box dl dd .left img{ width:100%; display:block;}
.nbox .box dl dd .right{ width:390px; height:110px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.nbox .box dl dd .right:hover .bt a{ color:#0c5b97;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#0c5b97;}
.nbox .box dl dd .right:hover .shi span{ color:#0c5b97;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ width:100%; padding-top:55px; padding-bottom:60px; background-color:#fff;}
.nbox .title{ text-align:center; width:94%; margin:auto; position:relative; text-align:center; padding-bottom:20px;}
.nbox .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.nbox .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; letter-spacing:4px; text-indent:4px;}
.nbox .title p{ display:block; text-align:center; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.nbox .box{ width:100%; margin-top:25px;}
.nbox .box dl{ width:100%; display:block; overflow:hidden;}
.nbox .box dl dt{ width:94%; margin-left:3%; display:block; float:left; position:relative; overflow:hidden; padding-bottom:20px;}
.nbox .box dl dt .bg{ width:100%; height:100%; position:absolute; left:0; top:40px; background-color:#eee; z-index:0;}
.nbox .box dl dt .left{ width:25.8%; height:160px; float:left; margin-left:1.6%; position:relative; z-index:1;}
.nbox .box dl dt .left img{ width:100%; display:block;}
.nbox .box dl dt .right{ width:67.6%; float:left; margin:0 2.5%; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:40px; line-height:40px;}
.nbox .box dl dt .right .bt a{ font-size:18px; display:block; float:left; max-width:80%; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#0c5b97;}
.nbox .box dl dt .right .bt p{ font-size:16px; display:block; float:right; overflow:hidden; color:#999;}
.nbox .box dl dt .right .wen{ width:100%; height:72px; line-height:24px; font-size:14px; margin:10px 0;}
.nbox .box dl dt .right .more{ height:32px;}
.nbox .box dl dt .right .more a{ width:98px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #0c5b97; color:#0c5b97;}
.nbox .box dl dd{ width:45.5%; margin-top:20px; margin-left:3%; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:30%; height:110px; float:left;}
.nbox .box dl dd .left img{ height:100%; display:block;}
.nbox .box dl dd .right{ width:67%; height:110px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.nbox .box dl dd .right:hover .bt a{ color:#0c5b97;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#0c5b97;}
.nbox .box dl dd .right:hover .shi span{ color:#0c5b97;}
}
@media only screen and (max-width:768px){
.nbox{ width:100%; padding-top:35px; padding-bottom:40px; background-color:#fff;}
.nbox .title{ text-align:center; width:94%; margin:auto; position:relative; text-align:center; padding-bottom:12px;}
.nbox .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.nbox .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; letter-spacing:2px; text-indent:2px;}
.nbox .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.nbox .box{ width:100%; margin-top:20px;}
.nbox .box dl{ width:100%; display:block; overflow:hidden;}
.nbox .box dl dt{ width:94%; margin-left:3%; display:block; float:left; position:relative; overflow:hidden; padding-bottom:10px;}
.nbox .box dl dt .bg{ width:100%; height:100%; position:absolute; left:0; top:30px; background-color:#eee; z-index:0;}
.nbox .box dl dt .left{ width:42.8%; height:120px; float:left; margin-left:1.6%; position:relative; z-index:1;}
.nbox .box dl dt .left img{ height:100%; display:block;}
.nbox .box dl dt .right{ width:50.6%; float:left; margin:0 2.5%; position:relative; z-index:1;}
.nbox .box dl dt .right .bt{ height:30px; line-height:30px;}
.nbox .box dl dt .right .bt a{ font-size:16px; display:block; float:left; width:100%; overflow:hidden;}
.nbox .box dl dt .right .bt a:hover{ color:#0c5b97;}
.nbox .box dl dt .right .bt p{ font-size:14px; display:block; float:right; overflow:hidden; color:#999; display:none;}
.nbox .box dl dt .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0;}
.nbox .box dl dt .right .more{ height:32px;}
.nbox .box dl dt .right .more a{ width:98px; height:30px; line-height:30px; text-align:center; display:block; border:1px solid #cacaca;}
.nbox .box dl dt .right .more a:hover{ border:1px solid #0c5b97; color:#0c5b97;}
.nbox .box dl dd{ width:94%; margin-top:10px; margin-left:3%; display:block; float:left; height:96px; position:relative; overflow:hidden;}
.nbox .box dl dd .left{ width:30%; height:96px; float:left;}
.nbox .box dl dd .left img{ height:100%; display:block;}
.nbox .box dl dd .right{ width:67%; height:96px; float:right;}
.nbox .box dl dd .right .bt{ font-size:16px; height:26px; line-height:26px;}
.nbox .box dl dd .right:hover .bt a{ color:#0c5b97;}
.nbox .box dl dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; color:#666;}
.nbox .box dl dd .right .shi{ width:100%; height:22px;}
.nbox .box dl dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.nbox .box dl dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.nbox .box dl dd .right:hover .shi b{ background-color:#0c5b97;}
.nbox .box dl dd .right:hover .shi span{ color:#0c5b97;}
}


@media screen and (min-width:1280px){
.hbox{ width:100%; position:relative; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.hbox .box{ width:100%; padding-top:75px; padding-bottom:80px; background-color:rgba(0,0,0,0.7);}
.hbox .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.hbox .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.hbox .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.hbox .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.hbox .nei{ width:1200px; margin:auto; padding-top:60px; height:370px; position:relative;}
.hbox .swiper-container{ width:100%;}
.hbox .swiper-container .swiper-slide{ display:block; height:256px;}
.hbox .swiper-container .swiper-slide strong{ width:200px; height:200px; display:table; text-align:center; vertical-align:middle; margin:auto; border-radius:100%; background-color:#fff; overflow:hidden;}
.hbox .swiper-container .swiper-slide strong b{ display:table-cell; width:200px; height:200px; text-align:center; vertical-align:middle; overflow:hidden; border-radius:100%;}
.hbox .swiper-container .swiper-slide strong b img{ max-width:120px; max-height:120px;}
.hbox .swiper-container .swiper-slide p{ width:100%; height:54px; line-height:54px; text-align:center; font-size:16px; color:#fff; display:block; border-bottom:2px solid #fff; overflow:hidden;}
.hbox .swiper-container .swiper-slide:hover p{ border-bottom:2px solid #2298d6;}
.hbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.hbox .box .swiper-pagination span.swiper-pagination-current{ color:#2298d6;}
.hbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:471px; bottom:0; cursor:pointer; background-image:url(../image/left01.png); cursor:pointer;}
.hbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:471px; bottom:0; cursor:pointer; background-image:url(../image/right01.png); cursor:pointer;}
.hbox .box .swiper-button-prev:hover{ background-image:url(../image/left02.png);}
.hbox .box .swiper-button-next:hover{ background-image:url(../image/right02.png);}
.hbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:510px; bottom:9px; background-image:url(../image/line.png); background-position:left center; background-repeat:repeat-x;}
.hbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#2298d6; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.hbox .box{ width:100%; padding-top:55px; padding-bottom:60px; background-color:rgba(0,0,0,0.7);}
.hbox .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.hbox .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.hbox .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.hbox .title p{ display:block; text-align:center; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.hbox .nei{ width:94%; margin:auto; margin-top:25px;}
.hbox .swiper-container{ width:100%; height:340px;}
.hbox .swiper-container .swiper-slide{ display:block; height:256px;}
.hbox .swiper-container .swiper-slide strong{ width:200px; height:200px; display:table; text-align:center; vertical-align:middle; margin:auto; border-radius:100%; background-color:#fff; overflow:hidden;}
.hbox .swiper-container .swiper-slide strong b{ display:table-cell; width:200px; height:200px; text-align:center; vertical-align:middle; overflow:hidden; border-radius:100%;}
.hbox .swiper-container .swiper-slide strong b img{ max-width:120px; max-height:120px;}
.hbox .swiper-container .swiper-slide p{ width:100%; height:54px; line-height:54px; text-align:center; font-size:16px; color:#fff; display:block; border-bottom:2px solid #fff; overflow:hidden;}
.hbox .swiper-container .swiper-slide:hover p{ border-bottom:2px solid #2298d6;}
.hbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.hbox .box .swiper-pagination span.swiper-pagination-current{ color:#2298d6;}
.hbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:0; bottom:0; cursor:pointer; background-image:url(../image/left.png);}
.hbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../image/right.png);}
.hbox .box .swiper-button-prev:hover{ background-image:url(404.png);}
.hbox .box .swiper-button-next:hover{ background-image:url(404.png);}
.hbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:50%; margin-left:-90px; bottom:9px; background-image:url(../image/line.png); background-position:left center; background-repeat:repeat-x;}
.hbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#2298d6; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}
}
@media only screen and (max-width:768px){
.hbox{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.hbox .box{ width:100%; padding-top:35px; padding-bottom:40px; background-color:rgba(0,0,0,0.7);}
.hbox .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.hbox .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.hbox .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#fff; letter-spacing:2px; text-indent:2px;}
.hbox .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;}
.hbox .nei{ width:94%; margin:auto; margin-top:20px; height:320px;}
.hbox .swiper-container{ width:100%;}
.hbox .swiper-container .swiper-slide{ display:block; height:256px;}
.hbox .swiper-container .swiper-slide strong{ width:200px; height:200px; display:table; text-align:center; vertical-align:middle; margin:auto; border-radius:100%; background-color:#fff; overflow:hidden;}
.hbox .swiper-container .swiper-slide strong b{ display:table-cell; width:200px; height:200px; text-align:center; vertical-align:middle; overflow:hidden; border-radius:100%;}
.hbox .swiper-container .swiper-slide strong b img{ max-width:120px; max-height:120px;}
.hbox .swiper-container .swiper-slide p{ width:100%; max-width:200px; margin:auto; height:54px; line-height:54px; text-align:center; font-size:16px; color:#fff; display:block; border-bottom:2px solid #fff; overflow:hidden;}
.hbox .swiper-container .swiper-slide:hover p{ border-bottom:2px solid #2298d6;}
.hbox .box .swiper-pagination{ width:100%; text-align:center; position:absolute; left:0; bottom:20px; height:28px; line-height:28px; font-size:14px; color:#999;}
.hbox .box .swiper-pagination span.swiper-pagination-current{ color:#2298d6;}
.hbox .box .swiper-button-prev{ width:18px; height:20px; position:absolute; left:0; bottom:0; cursor:pointer; background-image:url(../image/left.png); cursor:pointer;}
.hbox .box .swiper-button-next{ width:18px; height:20px; position:absolute; right:0; bottom:0; cursor:pointer; background-image:url(../image/right.png); cursor:pointer;}
.hbox .box .swiper-button-prev:hover{ background-image:url(404.png);}
.hbox .box .swiper-button-next:hover{ background-image:url(404.png);}
.hbox .box .swiper-pagination01{ width:180px; height:3px; position:absolute; left:50%; margin-left:-90px; bottom:9px; background-image:url(../image/line.png); background-position:left center; background-repeat:repeat-x;}
.hbox .box .swiper-pagination01 .swiper-pagination-progressbar{ background:#2298d6; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:scale(0); -ms-transform:scale(0); -o-transform:scale(0); transform:scale(0); -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; display:block;}
}


@media screen and (min-width:1280px){
.footer{ width:100%; padding:45px 0; background-color:#222;}
.footer .link{ width:1200px; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:190px; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:1010px; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:40px; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .foot{ width:1200px; margin:auto; position:relative;}
.footer .foot .left{ width:490px; float:left; padding-top:23px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:30px; line-height:30px; font-size:16px; color:#fff; display:block; float:left; margin-right:27px;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:28px; color:#999; margin-top:10px;}
.footer .foot .mil{ width:120px; position:absolute; left:50%; margin-left:-60px; top:30px;}
.footer .foot .mil strong{ width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:490px; float:right; padding-top:35px; height:139px; text-align:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; padding:25px 0; background-color:#222;}
.footer .link{ width:94%; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:20%; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase;}
.footer .link .left p{ display:block; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .link .right{ max-width:80%; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:2vw; font-size:14px; height:36px; line-height:36px; color:#fff;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ width:50%; float:left; padding-top:23px;}
.footer .foot .left span{ display:block; overflow:hidden;}
.footer .foot .left span a{ height:30px; line-height:30px; font-size:16px; color:#fff; display:block; float:left; margin-right:5%;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:28px; color:#999; margin-top:8px;}
.footer .foot .mil{ width:20%; position:absolute; left:50%; top:30px;}
.footer .foot .mil strong{ width:100%; margin:auto; max-width:120px; height:120px; display:block; background-color:#fff; overflow:hidden;}
.footer .foot .mil strong img{ width:100%; display:block;}
.footer .foot .mil p{ width:100%; text-align:center; height:24px; line-height:24px; font-size:14px; display:block; overflow:hidden; color:#999; padding-top:3px;}
.footer .foot .right{ width:30%; float:right; padding-top:35px; height:139px; text-align:right;}
.footer .foot .right span{ display:block; font-size:14px; line-height:22px; color:#fff;}
.footer .foot .right span a{ display:block; font-size:30px; line-height:40px; color:#fff;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:30px;}
.footer .foot .right p a{ color:#999;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; padding:20px 0; background-color:#222;}

.footer .link{ width:94%; margin:auto; border-bottom:1px solid #333; padding-bottom:9px;}
.footer .link .left{ width:20%; float:left;}
.footer .link .left span{ display:block; font-size:14px; height:20px; line-height:20px; color:#999; text-transform:uppercase; overflow:hidden;}
.footer .link .left p{ display:block; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .link .right{ max-width:80%; float:right; padding-top:20px;}
.footer .link .right a{ display:block; float:left; margin-left:15px; font-size:14px; height:24px; line-height:24px; color:#fff;}
.footer .foot{ width:94%; margin:auto; position:relative;}
.footer .foot .left{ width:100%; float:left; padding-top:6px;}
.footer .foot .left p{ display:block; overflow:hidden; font-size:14px; line-height:30px; color:#999;}
.footer .foot .right{ width:100%; float:right;}
.footer .foot .right p{ display:block; font-size:14px; line-height:24px; color:#999; text-align:center;}
.footer .foot .right p a{ color:#999;}
.footer .foot .right span,.footer .foot .left span{ display:none;}
.footer .foot .mil{ display:none;}
}

@media screen and (min-width:1280px){
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(12,91,151,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(12,91,151,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(12,91,151,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}


@keyframes scaleDraw {  
    0%{
        transform:scale(1);  
    }
    25%{
        transform:scale(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%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ display:block; color:#fff; font-size:36px; height:60px; line-height:60px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ display:block; color:#fff; font-size:24px; height:48px; line-height:48px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.pos{ position:relative; top:-100px; overflow:hidden; height:0; width:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:400px; 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%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ width:94%; margin:auto; display:block; color:#fff; font-size:26px; height:46px; line-height:46px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ width:94%; margin:auto; display:block; color:#fff; font-size:20px; height:40px; line-height:40px; overflow:hidden; letter-spacing:5px; text-indent:5px;}

.pos{ position:relative; top:-80px; overflow:hidden; height:0; width:100%;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:260px; 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%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; text-align:center; display:table; vertical-align:middle;}
.ban .box p{ width:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; height:100%;}
.ban .box p span{ width:94%; margin:auto; display:block; color:#fff; font-size:20px; line-height:30px; overflow:hidden; letter-spacing:5px; text-indent:5px;}
.ban .box p a{ width:94%; margin:auto; display:block; color:#fff; font-size:16px; line-height:26px; overflow:hidden; letter-spacing:5px; text-indent:5px; margin-top:5px;}

.pos{ position:relative; top:-60px; overflow:hidden; height:0; width:100%;}
}


@media screen and (min-width:1280px){
.wbox{ width:100%; height:50px; background-color:#eee;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}
.wbox .box .left a:hover{ color:#0c5b97;}
.wbox .box .right{ display:block; float:right; overflow:hidden;}
.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:30px;}
.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}
.wbox .box .right li:hover a,.wbox .box .right li.on a{ color:#0c5b97;}
.wbox .box .right li.on b{ width:100%; height:2px; background-color:#0c5b97; display:block; position:absolute; left:0; bottom:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%; height:50px; background-color:#eee;}
.wbox .box{ width:94%; margin:auto;}
.wbox .box .left{ float:left; font-size:14px; height:50px; line-height:50px;}
.wbox .box .left a:hover{ color:#0c5b97;}
.wbox .box .right{ display:block; float:right; overflow:hidden;}
.wbox .box .right li{ float:left; display:block; overflow:hidden; position:relative; height:50px; margin-left:15px;}
.wbox .box .right.mr li{ margin-left:5px;}
.wbox .box .right li a{ height:50px; font-size:14px; line-height:50px; overflow:hidden; display:block;}
.wbox .box .right li:hover a,.wbox .box .right li.on a{ color:#0c5b97;}
.wbox .box .right li.on b{ width:100%; height:2px; background-color:#0c5b97; display:block; position:absolute; left:0; bottom:0;}
}
@media only screen and (max-width:768px){
.wbox{ width:100%; background-color:#eee;}
.wbox .box{ padding:10px; margin:auto;}
.wbox .box .left{ display:none;}
.wbox .box .right{ display:block; overflow:hidden; text-align:center;}
.wbox .box .right li{ display:inline-table; margin:5px; overflow:hidden; height:24px; position:relative;}
.wbox .box .right li a{ overflow:hidden; display:block;}
.wbox .box .right li:hover a,.wbox .box .right li.on a{ color:#0c5b97;}
.wbox .box .right li.on b{ width:100%; height:2px; background-color:#0c5b97; display:block; position:absolute; left:0; bottom:0;}
}


@media screen and (min-width:1280px){
.ab01{ width:1200px; margin:70px auto; position:relative; padding-bottom:50px;}
.ab01 .box{ width:1020px; margin:auto; background-color:rgba(0,0,0,0.5); padding:50px; padding-top:45px;}
.ab01 .title{ text-align:center; width:100%; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.ab01 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.ab01 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.ab01 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; min-height:240px; overflow:auto; margin-top:25px;}
.ab01 .box img{ display:block; margin:auto; margin-top:25px;}
.ab01 .bg{ width:100%; margin-top:60px; height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.ab01{ width:94%; margin:50px auto; position:relative; padding-bottom:50px;}
.ab01 .box{ width:84%; margin:auto; background-color:rgba(0,0,0,0.5); padding:50px 5%; padding-top:45px;}
.ab01 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.ab01 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block;overflow:hidden;}
.ab01 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.ab01 .title p{ display:block; text-align:center; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; min-height:168px; overflow:auto; margin-top:20px;}
.ab01 .box img{ display:block; margin:auto; margin-top:15px;}
.ab01 .bg{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}
}

@media only screen and (max-width:768px){
.ab01{ width:94%; margin:30px auto; position:relative; padding-bottom:20px;}
.ab01 .box{ width:84%; margin:auto; background-color:rgba(0,0,0,0.5); padding:20px 5%; padding-top:15px;}
.ab01 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.ab01 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.ab01 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#fff; letter-spacing:2px; text-indent:2px;}
.ab01 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%;;}
.ab01 .box .wen{ font-size:14px; line-height:24px; color:#fff; min-height:120px; overflow:auto; margin-top:15px;}
.ab01 .box img{ display:block; margin:auto; margin-top:15px;}
.ab01 .bg{ width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}
}

@media screen and (min-width:1280px){
.ab02{ background-color:#eee; width:100%;}
.ab02 .box{ width:1200px; margin:auto; position:relative;}
.ab02 .box .left{ width:640px; height:440px; overflow:hidden; float:left; margin:70px 0;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:500px; height:310px; overflow:auto; padding:20px 50px; font-size:14px; line-height:24px; background-color:#0c5b97; color:#fff; position:absolute; right:0; bottom:70px;}
.ab02 .box .right .wen{ width:100%;}
.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}
.ab02 .title{ width:510px; margin-top:65px; float:right; position:relative; z-index:2; text-align:right; padding-bottom:27px;}
.ab02 .title a{ width:60px; height:4px; position:absolute; right:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.ab02 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; text-indent:4px;}
.ab02 .title p{ display:block; text-align:right; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; text-indent:4px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab02{ background-color:#eee; width:100%;}
.ab02 .box{ width:94%; margin:auto; position:relative;}
.ab02 .box .left{ width:54%; overflow:hidden; float:left; margin:40px 0;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:50%; height:270px; box-sizing:border-box; overflow:auto; padding:15px 5%; font-size:14px; line-height:24px; background-color:#0c5b97; color:#fff; position:absolute; right:0; bottom:40px;}
.ab02 .box .right .wen{ width:100%;}
.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}
.ab02 .title{ width:40%; float:right; position:relative; z-index:3; margin-top:35px; text-align:right; padding-bottom:20px;}
.ab02 .title a{ width:50px; height:3px; position:absolute; right:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.ab02 .title b{ display:block; text-align:right; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; text-indent:4px;}
.ab02 .title p{ display:block; text-align:right; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; text-indent:4px;}
}
@media only screen and (max-width:768px){
.ab02{ background-color:#eee; width:100%; padding:25px 0;}
.ab02 .box{ width:94%; margin:auto; position:relative; padding-bottom:150px;}
.ab02 .box .left{ width:100%; overflow:hidden; float:left;}
.ab02 .box .left img{ width:100%; display:block;}
.ab02 .box .right{ width:84%; height:144px; overflow:auto; padding:10px 5%; font-size:14px; line-height:24px; background-color:#0c5b97; color:#fff; position:absolute; left:0; bottom:0;}
.ab02 .box .right .wen{ width:100%;}
.ab02 .box .right span,.ab02 .box .right p{ color:#fff !important; background-color:transparent !important;}
.ab02 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2; margin-bottom:20px;}
.ab02 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.ab02 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.ab02 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
}

@media screen and (min-width:1280px){
.ab03{ width:100%; height:580px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab03 .title{ position:absolute; right:50%; margin-right:-600px; top:70px; z-index:2;}
.ab03 .title img{ display:block;}
.ab03 .black{ position:absolute; left:0px; top:0px; width:46.875%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; position:absolute; width:1920px; height:100%; left:50%; margin-left:-960px; top:0; z-index:3;}
.productIList dd{ color:#fff; position:relative; padding-left:360px; width:900px; height:145px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(12,91,151,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:145px; height:145px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(12,91,151,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}
.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:60px auto;}
.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}
.productIList .con{ display:block; padding-left:175px; width:725px; position:relative; height:100%;}
.productIList .txt{ width:635px; padding:35px 0; height:75px;}
.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}
.productIList .t span.zh{ font-size:18px;}
.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:32px; line-height:32px; font-size:16px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:43px; line-height:43px;}
.productIList dd:hover .t span.zh{ font-size:24px; line-height:38px;}
.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}
.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}
.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}
.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab03{ width:100%; height:500px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab03 .title{ width:46px; position:absolute; right:3%; top:40px; z-index:2;}
.ab03 .title img{ display:block; width:100%;}
.ab03 .black{ position:absolute; left:0px; top:0px; width:60%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; width:100%; height:100%; z-index:3;}
.productIList dd{ color:#fff; position:relative; padding-left:3%; width:80%; height:125px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(12,91,151,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:125px; height:125px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(12,91,151,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}
.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}
.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}
.productIList .con{ display:block; padding-left:145px; padding-right:80px; position:relative; height:100%;}
.productIList .txt{ width:100%; padding:25px 0; height:75px;}
.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}
.productIList .t span.zh{ font-size:18px;}
.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:32px; line-height:32px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:43px; line-height:43px;}
.productIList dd:hover .t span.zh{ font-size:20px; line-height:38px;}
.productIList dd:hover .t .en i{ margin-top:21px; width:50px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:block; background:#fff; position:absolute; opacity:0; visibility:hidden;}
.productIList .line_1{ width:31px; height:1px; top:50%; right:30px; margin-top:-1px; transform:translateX(62px); -webkit-transform:translateX(62px);}
.productIList .line_2{ width:1px; height:31px; top:50%; margin-top:-15px; right:45px; transform:translateY(62px); -webkit-transform:translateY(62px);}
.productIList dd:hover .line{ transform:translate(0); -webkit-transform:translate(0); visibility:visible; opacity:1; transition:300ms ease-in 300ms; -webkit-transition:300ms ease-in 300ms;}
}
@media only screen and (max-width:768px){
.ab03{ width:100%; height:420px; background-position:top center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab03 .title{ width:40px; position:absolute; right:3%; top:30px; z-index:1;}
.ab03 .title img{ display:block; width:100%;}
.ab03 .black{ position:absolute; left:0px; top:0px; width:80%; height:100%; background:rgba(0,0,0,0.7); z-index:0;}
.productIList{ display:block; overflow:hidden; width:100%; height:100%; z-index:3; position:relative;}
.productIList dd{ color:#fff; position:relative; width:90%; height:105px; display:block;}
.productIList .red-bg{ position:absolute; left:0px; top:0px; width:0%; height:100%; background:rgba(12,91,151,0.7); transition:600ms; -webkit-transition:600ms;}
.productIList dd:hover .red-bg{ width:100%;}
.productIList .ico{ width:105px; height:105px; position:absolute; left:0px; top:0px;}
.productIList .ico .bg{ position:absolute; width:100%; height:100%; background:rgba(12,91,151,0.7); left:0px; top:0px; transform:scale(0.5) rotate(0); -webkit-transform:scale(0.5) rotate(0); -moz-transform:scale(0.5) rotate(0); opacity:0; transition:600ms; -webkit-transition:600ms;}
.productIList .ico .i{ width:100%; height:100%; position:relative; z-index:5px; display:block; background-position:center; background-repeat:no-repeat; background-size:40px auto;}
.productIList dd:hover .ico .bg{ transform:scale(1) rotate(180deg); -webkit-transform:scale(1) rotate(180deg); -moz-transform:scale(1) rotate(180deg); opacity:1;}
.productIList .con{ display:block; padding-left:115px; position:relative; height:100%;}
.productIList .txt{ width:97%; padding:15px 0; height:75px;}
.productIList .t{ font-size:18px; line-height:75px; height:75px; text-transform:uppercase; overflow:hidden; transition:300ms; -webkit-transition:300ms;}
.productIList .t span{ font-size:14px; color:#fff; float:left; display:block;}
.productIList .t span.zh{ font-size:18px;}
.productIList .t .en i{ width:10px; height:2px; background-color:#fff; display:block; margin:37px 10px; margin-left:20px; float:left; display:block; transition:300ms; -webkit-transition:300ms;}
.productIList .c{ height:40px; line-height:20px; font-size:14px; color:#fff; overflow:hidden; transition:300ms; -webkit-transition:300ms; opacity:0; visibility:hidden;}
.productIList dd:hover .t{ height:30px; line-height:30px;}
.productIList dd:hover .t span.zh{ font-size:18px;}
.productIList dd:hover .t .en i{ margin-top:14px; width:50px;}
.productIList dd:hover .c{ opacity:1; visibility:visible;}
.productIList .line{ display:none;}
}

@media screen and (min-width:1280px){
.ab04{ background-color:#fff; width:100%; padding-top:65px; padding-bottom:70px;}
.ab04 .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.ab04 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.ab04 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.ab04 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab04 .box{ width:1200px; margin:auto;}
.ab04 .box p{ width:1220px; margin-top:10px;}
.ab04 .box p a{ width:283px; height:208px; display:block; border:1px solid #cacaca; margin-top:20px; margin-right:20px; overflow:hidden; float:left; position:relative;}
.ab04 .box p a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab04 .box p a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab04 .box p a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab04{ background-color:#fff; width:100%; padding-top:35px; padding-bottom:40px;}
.ab04 .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.ab04 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.ab04 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.ab04 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab04 .box{ width:100%; margin:auto; margin-top:10px;}
.ab04 .box a{ width:21.25%; height:15.5vw; display:block; border:1px solid #cacaca; box-sizing:border-box; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative;}
.ab04 .box a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab04 .box a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab04 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}
@media only screen and (max-width:768px){
.ab04{ background-color:#fff; width:100%; padding-top:25px; padding-bottom:30px;}
.ab04 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.ab04 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.ab04 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.ab04 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.ab04 .box{ width:100%; margin:auto; margin-top:5px;}
.ab04 .box a{ width:45.5%; height:33vw; display:block; border:1px solid #cacaca; box-sizing:border-box; margin-top:15px; margin-left:3%; overflow:hidden; float:left; position:relative;}
.ab04 .box a img{ height:100%; margin:auto; display:block; transition-delay:0s; transition-duration:1s; transition-property:all; transition-timing-function:ease; -moz-transition-delay:0s; -moz-transition-duration:1s; -moz-transition-property:all; -moz-transition-timing-function:ease; -webkit-transition-delay:0s; -webkit-transition-duration:1s; -webkit-transition-property:all; -webkit-transition-timing-function:ease; -o-transition-delay:0s; -o-transition-duration:1s; -o-transition-property:all; -o-transition-timing-function:ease;}
.ab04 .box a span{ display:block; width:100%; height:36px; line-height:36px; background-color:rgba(0,0,0,0.7); font-size:14px; color:#fff; text-align:center; position:absolute; left:0; bottom:0;}
.ab04 .box a:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
}

@media screen and (min-width:1280px){
.ab05{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.ab05 .box{ width:100%; height:415px; padding-top:65px; padding-bottom:150px; background-color:rgba(0,0,0,0.7);}
.ab05 .title{ text-align:center; width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.ab05 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block;overflow:hidden;}
.ab05 .title b{ display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.ab05 .title p{ display:block; text-align:center; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab05 .swiper-container{ width:1000px; padding:0 100px; margin:auto; margin-top:30px; height:280px;}
.ab05 .swiper-container .swiper-wrapper{ width:100%; text-align:center;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%; opacity:0 !important;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:90px; margin:auto; line-height:90px; font-size:24px; font-weight:bold; color:#fff; background-image:url(../image/ab05m.png); background-position:center; background-repeat:no-repeat;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:20px; line-height:50px; height:50px; padding-top:5px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}
.ab05 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#0c5b97; background-position:center; background-repeat:no-repeat; position:absolute; top:95px;}
.ab05 .swiper-button-prev{ left:0; background-image:url(../image/nl.png);}
.ab05 .swiper-button-next{ right:0; background-image:url(../image/nr.png);}
.ab05 .swiper-button-disabled{ display:none;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab05{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.ab05 .box{ width:94%; padding:35px 3%; padding-bottom:80px; background-color:rgba(0,0,0,0.7);}
.ab05 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.ab05 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block;overflow:hidden;}
.ab05 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.ab05 .title p{ display:block; text-align:center; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab05 .swiper-container{ padding:25px 50px;}
.ab05 .swiper-container .swiper-wrapper{ width:100%; text-align:center;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%; opacity:0 !important;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:90px; margin:auto; line-height:90px; font-size:22px; font-weight:bold; color:#fff; background-image:url(../image/ab05m.png); background-position:center; background-repeat:no-repeat;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:18px; line-height:38px; height:38px; margin-top:5px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}
.ab05 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#0c5b97; background-position:center; background-repeat:no-repeat; position:absolute; top:95px;}
.ab05 .swiper-button-prev{ left:0; background-image:url(../image/nl.png);}
.ab05 .swiper-button-next{ right:0; background-image:url(../image/nr.png);}
.ab05 .swiper-button-disabled{ display:none;}
}
@media only screen and (max-width:768px){
.ab05{ width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.ab05 .box{ width:94%; padding:25px 3%; padding-bottom:60px; background-color:rgba(0,0,0,0.7);}
.ab05 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.ab05 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#2298d6,#ea9514); display:block; overflow:hidden;}
.ab05 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#fff; letter-spacing:4px; text-indent:4px;}
.ab05 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#fff; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.ab05 .swiper-container{ padding:20px 40px;}
.ab05 .swiper-container .swiper-wrapper{ width:100%; text-align:center;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide{ width:100%; overflow:hidden; height:100%; opacity:0 !important;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active{ opacity:1 !important;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei{ width:100%; height:100%;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n01{ width:80px; height:80px; margin:auto; line-height:80px; font-size:18px; font-weight:bold; color:#fff; background-image:url(../image/ab05m.png); background-position:center; background-repeat:no-repeat; background-size:auto 80px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n02{ color:#fff; font-size:16px; line-height:26px; padding-top:10px; margin-bottom:5px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n03{ width:100%; color:#fff !important; font-size:14px; line-height:24px;}
.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n03 span,.ab05 .swiper-container .swiper-wrapper .swiper-slide .nei .n01 p{ color:#fff !important;}
.ab05 .swiper-button-white{ width:30px; height:30px; cursor:pointer; border-radius:30px; background-color:#0c5b97; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-15px;}
.ab05 .swiper-button-prev{ left:0; background-image:url(../image/nl.png);}
.ab05 .swiper-button-next{ right:0; background-image:url(../image/nr.png);}
.ab05 .swiper-button-disabled{ display:none;}
}

@media screen and (min-width:1280px){
.ab06{ width:1200px; margin:auto; margin-top:-150px;}
.ab06 .tu{ width:300px; margin:auto;}
.ab06 .tu img{ width:100%; display:block;}
.ab06 .wen{ width:100%; padding:60px 0; text-align:center;}
.ab06 .wen b{ display:block; overflow:hidden; font-size:30px; height:48px; line-height:48px;}
.ab06 .wen span{ display:block; overflow:hidden; font-size:14px; height:26px; line-height:26px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../image/ab06.jpg); background-position:center; background-repeat:no-repeat;}
.ab06 .wen p{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px; margin-top:12px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab06{ width:94%; margin:auto; margin-top:-80px;}
.ab06 .tu{ width:160px; margin:auto;}
.ab06 .tu img{ width:100%; display:block;}
.ab06 .wen{ width:100%; padding:30px 0; text-align:center;}
.ab06 .wen b{ display:block; overflow:hidden; font-size:24px; height:44px; line-height:44px;}
.ab06 .wen span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../image/ab06.jpg); background-position:center; background-repeat:no-repeat;}
.ab06 .wen p{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px; margin-top:10px;}
}
@media only screen and (max-width:768px){
.ab06{ width:94%; margin:auto; margin-top:-60px;}
.ab06 .tu{ width:120px; margin:auto;}
.ab06 .tu img{ width:100%; display:block;}
.ab06 .wen{ width:100%; padding:20px 0; text-align:center;}
.ab06 .wen b{ display:block; overflow:hidden; font-size:20px; height:40px; line-height:40px;}
.ab06 .wen span{ display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; font-family:Arial, Helvetica, sans-serif; background-image:url(../image/ab06.jpg); background-position:center; background-repeat:no-repeat;}
.ab06 .wen p{ display:block; overflow:hidden; font-size:16px; height:36px; line-height:36px; margin-top:5px;}
}


@media screen and (min-width:1280px){
.main{ background-color:#fff; width:100%; padding-top:65px; padding-bottom:70px;}
.main .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.main .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.main .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.main .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}

.main .brand{ width:1200px; margin:auto; margin-top:25px; font-size:16px; line-height:26px;}

.main .box{ width:1200px; margin:auto; position:relative; z-index:2;}
.main .box .list01{ width:1230px; display:block;}
.main .box .list01 li{ display:block; overflow:hidden; position:relative; width:380px; height:420px; border-radius:10px; background-color:#eee; float:left; margin-top:30px; margin-right:30px;}
.main .box .list01 li a{ display:block; width:100%; height:410px; border-bottom:10px solid #0c5b97; border-radius:10px; overflow:hidden;}
.main .box .list01 li .tu{ width:100%; height:210px; display:table; text-align:center; vertical-align:middle; position:relative;}
.main .box .list01 li .tu p{ width:100%; height:210px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .box .list01 li .tu img{ max-width:90%; max-height:180px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .box .list01 li .bt{ text-align:center; width:340px; margin:auto; font-size:18px; line-height:38px; height:38px; font-weight:bold;}
.main .box .list01 li .line{ width:40px; height:2px; margin:10px auto; margin-bottom:15px; background:linear-gradient(to right,#0c5b97,#2298d6);}
.main .box .list01 li .wz{ text-align:center; width:340px; margin:auto; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.main .box .list01 li:hover .bt{ color:#0c5b97;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye span{ display:inline-block; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#0c5b97; border:1px solid #0c5b97; color:#fff; border-radius:4px;}
.fanye a{ display:inline-block; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main{ background-color:#fff; width:100%; padding-top:35px; padding-bottom:40px;}
.main .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.main .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.main .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.main .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}

.main .brand{ width:94%; margin:auto; margin-top:20px; font-size:16px; line-height:26px;}

.main .box{ width:100%; margin:auto; position:relative; z-index:2;}
.main .box .list01{ width:100%; display:block;}
.main .box .list01 li{ width:29.33%; float:left; display:block; overflow:hidden; position:relative; border-radius:10px; background-color:#eee; margin-top:25px; margin-left:3%;}
.main .box .list01 li a{ display:block; width:100%; padding-bottom:15px; border-bottom:5px solid #0c5b97; border-radius:10px; overflow:hidden;}
.main .box .list01 li .tu{ width:100%; height:180px; display:table; text-align:center; vertical-align:middle; position:relative;}
.main .box .list01 li .tu p{ width:100%; height:180px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .box .list01 li .tu img{ max-width:90%; max-height:160px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .box .list01 li .bt{ text-align:center; width:94%; margin:auto; font-size:18px; line-height:38px; height:38px; font-weight:bold;}
.main .box .list01 li .line{ width:40px; height:2px; margin:5px auto; margin-bottom:10px; background:linear-gradient(to right,#0c5b97,#2298d6);}
.main .box .list01 li .wz{ text-align:center; width:94%; margin:auto; font-size:14px; line-height:24px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.main .box .list01 li:hover .bt{ color:#0c5b97;}

.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye span{ display:inline-block; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#0c5b97; border:1px solid #0c5b97; color:#fff; border-radius:4px;}
.fanye a{ display:inline-block; min-width:24px; padding:0 5px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}
@media only screen and (max-width:768px){
.main{ background-color:#fff; width:100%; padding-top:25px; padding-bottom:30px;}
.main .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.main .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.main .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.main .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}

.main .brand{ width:94%; margin:auto; margin-top:10px; font-size:14px; line-height:24px;}

.main .box{ width:100%; margin:auto; position:relative; z-index:2;}
.main .box .list01{ width:100%; display:block; padding-top:5px;}
.main .box .list01 li{ width:45.5%; margin-top:15px; margin-left:3%; float:left; display:block; overflow:hidden; position:relative; border-radius:10px; background-color:#eee;}
.main .box .list01 li a{ display:block; width:100%; padding-bottom:10px; border-bottom:5px solid #0c5b97; border-radius:10px; overflow:hidden;}
.main .box .list01 li .tu{ width:100%; height:100px; display:table; text-align:center; vertical-align:middle; position:relative;}
.main .box .list01 li .tu p{ width:100%; height:100px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .box .list01 li .tu img{ max-width:90%; max-height:80px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .box .list01 li:hover .tu img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .box .list01 li .bt{ text-align:center; width:94%; margin:auto; font-size:18px; line-height:38px; height:38px; font-weight:bold;}
.main .box .list01 li .line{ width:40px; height:2px; margin:5px auto; margin-bottom:10px; background:linear-gradient(to right,#0c5b97,#2298d6);}
.main .box .list01 li .wz{ text-align:center; width:94%; margin:auto; font-size:14px; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;}
.main .box .list01 li:hover .bt{ color:#0c5b97;}

.fanye{ width:100%; margin-top:15px; text-align:center;}
.fanye span{ display:inline-block; min-width:24px; padding:0 2px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; background:#0c5b97; border:1px solid #0c5b97; color:#fff; border-radius:4px;}
.fanye a{ display:inline-block; min-width:24px; padding:0 2px; line-height:34px; font-size:14px; text-align:center; margin:0 5px; border:1px solid #cacaca; color:#333; border-radius:4px;}
}


@media screen and (min-width:1280px){
.ny{ width:1200px; margin:auto; margin-top:5px;}
.ny .tl{ width:400px; float:left; border-radius:10px;}
.ny .tl img{ width:100%; display:block;}
.ny .tr{ width:720px; float:right;}
.ny .tr .bt{ border-bottom:1px solid #eee; padding-bottom:15px;}
.ny .tr .bt p{ display:block; font-size:24px; line-height:34px; color:#0c5b97;}
.ny .tr .bt span{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
.ny .tr .wen{ font-size:14px; line-height:24px; margin:25px 0;}
.ny .tr .more{ width:120px; height:40px; background:linear-gradient(to right,#0c5b97,#2298d6); border-radius:40px;}
.ny .tr .more a{ display:block; width:100%; font-size:16px; text-align:center; height:40px; line-height:40px; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ny{ width:94%; margin:auto; margin-top:5px;}
.ny .tl{ width:30%; float:left; border-radius:10px;}
.ny .tl img{ width:100%; display:block;}
.ny .tr{ width:67%; float:right;}
.ny .tr .bt{ border-bottom:1px solid #eee; padding-bottom:15px;}
.ny .tr .bt p{ display:block; font-size:20px; line-height:30px; color:#0c5b97;}
.ny .tr .bt span{ display:block; font-size:16px; line-height:26px; margin-top:5px;}
.ny .tr .wen{ font-size:14px; line-height:24px; margin:20px 0;}
.ny .tr .more{ width:120px; height:36px; background:linear-gradient(to right,#0c5b97,#2298d6); border-radius:36px;}
.ny .tr .more a{ display:block; width:100%; font-size:16px; text-align:center; height:36px; line-height:36px; color:#fff;}
}
@media only screen and (max-width:768px){
.ny{ width:94%; margin:auto; margin-top:5px;}
.ny .tl{ width:100%; float:left; border-radius:10px;}
.ny .tl img{ max-width:100%; display:block; margin:auto;}
.ny .tr{ width:100%; float:right; margin-top:15px;}
.ny .tr .bt{ border-bottom:1px solid #eee; padding-bottom:10px;}
.ny .tr .bt p{ display:block; font-size:18px; line-height:28px; color:#0c5b97;}
.ny .tr .bt span{ display:block; font-size:14px; line-height:24px;}
.ny .tr .wen{ font-size:14px; line-height:24px; margin:15px 0;}
.ny .tr .more{ width:120px; height:30px; background:linear-gradient(to right,#0c5b97,#2298d6); border-radius:40px;}
.ny .tr .more a{ display:block; width:100%; font-size:14px; text-align:center; height:30px; line-height:30px; color:#fff;}
}


@media screen and (min-width:1280px){
.main .box .list02{ width:1230px; display:block;}
.main .box .list02 li{ display:block; overflow:hidden; position:relative; width:380px; float:left; margin-top:30px; margin-right:30px; height:200px;}
.main .box .list02 li .p05{ width:320px; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#eee,#f7f7f7); border-radius:10px;}
.main .box .list02 li .wen{ position:relative; z-index:2; padding:20px 25px; width:200px;}
.main .box .list02 li .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.main .box .list02 li .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:14px; line-height:24px; margin-top:10px;}
.main .box .list02 li .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#fff; margin-top:30px;}
.main .box .list02 li .p04{ position:absolute; right:0; bottom:20px; z-index:1;}
.main .box .list02 li .p04 img{ display:block; max-width:150px; max-height:140px;}
.main .box .list02 li:hover .p05{ background:linear-gradient(to right,#0c5b97,#2298d6);}
.main .box .list02 li:hover .p01,.main .box .list02 li:hover .p02{ color:#fff;}
.main .box .list02 li .p03:hover{ margin-top:25px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .box .list02{ width:100%; display:block;}
.main .box .list02 li{ display:block; overflow:hidden; position:relative; height:160px; width:29.33%; float:left; margin-top:25px; margin-left:3%;}
.main .box .list02 li .p05{ width:80%; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#eee,#f7f7f7); border-radius:10px;}
.main .box .list02 li .wen{ position:relative; z-index:2; padding:15px; width:calc(100% - 150px);}
.main .box .list02 li .wen .p01{ display:block; font-size:18px; line-height:28px; height:28px; font-weight:bold;}
.main .box .list02 li .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; font-size:14px; line-height:24px;}
.main .box .list02 li .wen .p03{ width:120px; display:block; font-size:14px; line-height:34px; height:34px; text-align:center; border-radius:34px; background-color:#fff; margin-top:13px;}
.main .box .list02 li .p04{ position:absolute; right:0; bottom:15px; z-index:1;}
.main .box .list02 li .p04 img{ display:block; max-width:130px; max-height:120px;}
.main .box .list02 li:hover .p05{ background:linear-gradient(to right,#0c5b97,#2298d6);}
.main .box .list02 li:hover .p01,.main .box .list02 li:hover .p02{ color:#fff;}
.main .box .list02 li .p03:hover{ margin-top:8px;}
}
@media only screen and (max-width:768px){
.main .box .list02{ width:100%; display:block; padding-top:5px;}
.main .box .list02 li{ display:block; overflow:hidden; position:relative; height:110px; width:45.5%; float:left; margin-top:15px; margin-left:3%;}
.main .box .list02 li .p05{ width:90%; height:100%; position:absolute; left:0; top:0; z-index:0; background:linear-gradient(to right,#eee,#f7f7f7); border-radius:10px;}
.main .box .list02 li .wen{ position:relative; z-index:2; padding:10px; width:calc(100% - 75px);}
.main .box .list02 li .wen .p01{ display:block; font-size:16px; line-height:26px; height:26px; font-weight:bold;}
.main .box .list02 li .wen .p02{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:20px;}
.main .box .list02 li .wen .p03{ display:none;}
.main .box .list02 li .p04{ position:absolute; right:0; bottom:10px; z-index:1;}
.main .box .list02 li .p04 img{ display:block; max-width:70px; max-height:60px;}
.main .box .list02 li:hover .p05{ background:linear-gradient(to right,#0c5b97,#2298d6);}
.main .box .list02 li:hover .p01,.main .box .list02 li:hover .p02{ color:#fff;}
}


@media screen and (min-width:1280px){
.main .chan{ width:1200px; margin:auto; margin-top:5px;}
.main .cl{ width:568px; height:408px; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; height:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#0c5b97;}
.main .cl .swiper-button-next{ width:18px; height:20px; position:absolute; right:10px; top:50%; margin-top:-10px; z-index:11;}
.main .cl .swiper-button-prev{ width:18px; height:20px; position:absolute; left:10px; top:50%; margin-top:-10px; z-index:11;}

.main .cr{ width:600px; float:right;}
.main .cr .tou{ font-size:24px; color:#0c5b97; line-height:50px; height:50px;}
.main .cr .wen{ font-size:14px; line-height:26px; margin-bottom:25px;}
.main .cr .cr03{ width:520px; padding:30px 40px; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .boxs{ padding-left:50px; background-image:url(../image/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .boxs span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .boxs p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#0c5b97;}
.main .cr .cr03 .boxs a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#0c5b97; color:#fff; display:block;}
.main .cr .cr03 .boxs a.a02{ display:none;}
.main .pro01{ width:100%; padding-top:65px; padding-bottom:70px;}
.main .pro01 .wen{ width:1200px; margin:auto; line-height:24px; font-size:14px; margin-top:25px;}
.main .pro01 .wen img{ max-width:100%; height:auto;}

.main .pro02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.main .pro02 .wen{ width:1200px; margin:auto; line-height:24px; font-size:14px; margin-top:25px;}
.main .pro02 .wen img{ max-width:100%; height:auto;}

.main .pro03{ width:100%; padding-top:65px; padding-bottom:0;}
.lx02{ width:1200px; margin:30px auto; margin-bottom:0; height:500px; position:relative;}
.lx02 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}
.lx02 .left img{ width:100%; display:block;}
.lx02 .right{ width:780px; padding:30px; padding-top:93px; float:right; background-image:url(../image/lx03.png); background-position:right top; background-repeat:no-repeat; margin-top:17px; overflow:hidden; height:420px; position:relative; z-index:2;}
.lx02 .right .r01{ float:left; margin-top:20px; width:360px;}
.lx02 .right .r01 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 span a{ color:#da0000;}
.lx02 .right .r01 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:20px; width:360px; margin-left:60px;}
.lx02 .right .r02 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:280px; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r03{ float:left; margin-top:20px; width:780px;}
.lx02 .right .r03 span{ display:block; float:left; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:680px; padding:10px; height:60px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:20px; width:780px; position:relative;}
.lx02 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:16px;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#0c5b97; display:block; float:right;}
}

@media screen and (min-width:769px) and (max-width:1279px){
.main .chan{ width:94%; margin:auto; margin-top:5px;}
.main .cl{ width:50%; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#0c5b97;}
.main .cl .swiper-button-next{ width:18px; height:20px; position:absolute; right:10px; top:50%; margin-top:-10px; z-index:11;}
.main .cl .swiper-button-prev{ width:18px; height:20px; position:absolute; left:10px; top:50%; margin-top:-10px; z-index:11;}

.main .cr{ width:48%; float:right;}
.main .cr .tou{ font-size:20px; color:#0c5b97; line-height:30px;}
.main .cr .wen{ font-size:14px; line-height:26px; margin-top:10px;}
.main .cr .cr03{ padding:20px; background-color:#f7f7f7; height:40px; margin-top:20px;}
.main .cr .cr03 .boxs{ padding-left:50px; background-image:url(../image/tel.jpg); background-position:left center; background-repeat:no-repeat; position:relative;}
.main .cr .cr03 .boxs span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .boxs p{ display:block; font-size:24px; line-height:24px; height:24px; overflow:hidden; color:#0c5b97;}
.main .cr .cr03 .boxs a{ width:100px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#0c5b97; color:#fff; display:block;}
.main .cr .cr03 .boxs a.a02{ display:none;}

.main .pro01{ width:100%; padding-top:45px; padding-bottom:50px;}
.main .pro01 .wen{ width:94%; margin:auto; line-height:24px; font-size:14px; margin-top:20px;}
.main .pro01 .wen img{ max-width:100%; height:auto;}

.main .pro02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#eee;}
.main .pro02 .wen{ width:94%; margin:auto; line-height:24px; font-size:14px; margin-top:20px;}
.main .pro02 .wen img{ max-width:100%; height:auto;}

.main .pro03{ width:100%; padding-top:45px; padding-bottom:0;}
.lx02{ width:94%; margin:20px auto; margin-bottom:0; height:500px; position:relative;}
.lx02 .left{ width:500px; position:absolute; left:0; top:0; z-index:0;}
.lx02 .left img{ width:100%; display:block;}
.lx02 .right{ width:65%; padding:30px 2.5%; padding-top:96px; float:right; background-image:url(../image/lx03.png); background-position:right top; background-repeat:no-repeat; overflow:hidden; height:420px; position:relative; z-index:2;}
.lx02 .right .r01{ float:left; margin-top:20px; width:48%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 span a{ color:#da0000;}
.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:20px; width:48%; margin-left:4%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r03{ float:left; margin-top:20px; width:100%; position:relative; padding-left:80px; box-sizing:border-box;}
.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:20px; width:100%; position:relative;}
.lx02 .right .r05 span{ margin-left:80px; display:block; float:left; height:42px; line-height:42px; font-size:14px;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:16px; color:#fff; cursor:pointer; background-color:#0c5b97; display:block; float:right;}
}
@media only screen and (max-width:768px){
.main .chan{ width:94%; margin:auto; margin-top:5px;}
.main .cl{ width:100%; height:100%; box-sizing:border-box; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ width:100%; height:100%; box-sizing:border-box; display:block; overflow:hidden;}
.main .cl .swiper-slide img{ display:block; margin:auto; width:100%;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:14px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#0c5b97; font-size:18px;}
.main .cl .swiper-button-next{ width:40px; height:40px; position:absolute; right:10px; top:50%; margin-top:-20px; z-index:11; border-radius:100%; background-color:rgba(255,255,255,0.5);}
.main .cl .swiper-button-prev{ width:40px; height:40px; position:absolute; left:10px; top:50%; margin-top:-20px; z-index:11; border-radius:100%; background-color:rgba(255,255,255,0.5);}
.main .cl .swiper-button-next img,.main .cl .swiper-button-prev img{ height:20px; display:block; margin:10px auto;}

.main .cr{ width:100%; float:right; margin-top:15px;}
.main .cr .tou{ font-size:18px; color:#0c5b97; line-height:28px;}
.main .cr .wen{ font-size:14px; line-height:24px; margin-bottom:10px;}
.main .cr .cr03{ width:90%; padding:10px 5%; background-color:#f7f7f7; height:40px;}
.main .cr .cr03 .boxs{ position:relative;}
.main .cr .cr03 .boxs span{ display:block; font-size:14px; line-height:16px; height:16px; overflow:hidden;}
.main .cr .cr03 .boxs p{ display:block; font-size:20px; line-height:24px; height:24px; overflow:hidden; color:#0c5b97;}
.main .cr .cr03 .boxs a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:0; font-size:14px; line-height:40px; border-radius:5px; background-color:#0c5b97; color:#fff; display:block;}
.main .cr .cr03 .boxs a.a01{ display:none;}

.main .pro01{ width:100%; padding-top:25px; padding-bottom:30px;}
.main .pro01 .wen{ width:94%; margin:auto; line-height:24px; font-size:14px; margin-top:20px;}
.main .pro01 .wen img{ max-width:100%; height:auto;}

.main .pro02{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.main .pro02 .wen{ width:94%; margin:auto; line-height:24px; font-size:14px; margin-top:20px;}
.main .pro02 .wen img{ max-width:100%; height:auto;}

.main .pro03{ width:100%; padding-top:25px; padding-bottom:0;}
.lx02{ width:94%; margin:15px auto; margin-bottom:0; position:relative;}
.lx02 .left{ display:none;}
.lx02 .right{ width:94%; padding:25px 3%; padding-top:56px; float:right; background-image:url(../image/lx03.jpg); background-position:right top; background-repeat:no-repeat; overflow:hidden; background-color:#f1f1f1;}
.lx02 .right .r01{ float:left; margin-top:15px; width:100%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r01 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r01 span a{ color:#da0000;}
.lx02 .right .r01 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02{ float:left; margin-top:15px; width:100%; padding-left:80px; box-sizing:border-box; position:relative;}
.lx02 .right .r02 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r02 input{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r02 select{ display:block; float:left; width:100%; height:44px; line-height:44px; font-size:14px; background-color:#fff; text-indent:10px; overflow:hidden;}
.lx02 .right .r03{ float:left; margin-top:15px; width:100%; position:relative; padding-left:80px; box-sizing:border-box;}
.lx02 .right .r03 span{ display:block; position:absolute; left:0; top:0; text-align:right; width:70px; margin-right:10px; height:44px; line-height:44px; font-size:14px;}
.lx02 .right .r03 textarea{ display:block; float:left; width:100%; box-sizing:border-box; padding:10px; height:80px; line-height:24px; font-size:14px; background-color:#fff; overflow:auto;}
.lx02 .right .r05{ float:left; margin-top:10px; width:100%; position:relative;}
.lx02 .right .r05 span{ display:none;}
.lx02 .right .r05 input{ width:120px; height:42px; line-height:42px; text-align:center; font-size:14px; color:#fff; cursor:pointer; background-color:#0c5b97; display:block; float:right;}
}


@media screen and (min-width:1280px){
.main .pro{ width:100%; background-color:#fff;}
.main .pro dt{ width:100%; display:block; overflow:hidden; background-color:#fff; margin-top:30px;}
.main .pro dd{ width:100%; display:block; background-color:#fff; overflow:hidden; margin-top:30px;}
.main .pro .cont{ width:1200px; margin:auto;}
.main .pro dt .tu,.main .pro dd .wen{ float:right;}
.main .pro dd .tu,.main .pro dt .wen{ float:left;}
.main .pro .cont .tu{ width:540px; overflow:hidden; height:360px;}
.main .pro .cont .tu img{ width:100%; display:block;}
.main .pro .cont .wen{ width:570px; overflow:hidden;}
.main .pro .cont .w01{ font-size:24px; height:46px; line-height:46px; padding-top:18px;}
.main .pro .cont .w01 a:hover{ color:#0c5b97;}
.main .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}
.main .pro .cont .w03{ width:50px; height:4px; background-color:#0c5b97; margin-top:15px;}
.main .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:25px;}
.main .pro .cont .w05{ width:140px; height:40px; margin-top:38px;}
.main .pro .cont .w05 a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}
.main .pro .cont .w05 a:hover{ background-color:#0c5b97;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.main .pro{ width:100%; background-color:#fff;}
.main .pro dt{ width:100%; display:block; overflow:hidden; background-color:#fff; margin-top:25px;}
.main .pro dd{ width:100%; display:block; background-color:#fff; overflow:hidden; margin-top:25px;}
.main .pro .cont{ width:94%; margin:auto;}
.main .pro dt .tu,.main .pro dd .wen{ float:right;}
.main .pro dd .tu,.main .pro dt .wen{ float:left;}
.main .pro .cont .tu{ width:49%; overflow:hidden;}
.main .pro .cont .tu img{ width:100%; display:block;}
.main .pro .cont .wen{ width:48%; overflow:hidden;}
.main .pro .cont .w01{ font-size:20px; height:40px; line-height:40px; padding-top:15px;}
.main .pro .cont .w01 a:hover{ color:#0c5b97;}
.main .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}
.main .pro .cont .w03{ width:40px; height:4px; background-color:#0c5b97; margin-top:10px;}
.main .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:15px;}
.main .pro .cont .w05{ width:140px; height:40px; margin-top:25px;}
.main .pro .cont .w05 a{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}
.main .pro .cont .w05 a:hover{ background-color:#0c5b97;}
}
@media only screen and (max-width:768px){
.main .pro{ width:100%; background-color:#fff; padding-top:5px;}
.main .pro dt{ width:100%; display:block; overflow:hidden; background-color:#fff; margin-top:15px;}
.main .pro dd{ width:100%; display:block; background-color:#fff; overflow:hidden; margin-top:15px;}
.main .pro .cont{ width:94%; margin:auto;}
.main .pro .cont .tu{ width:100%; overflow:hidden;}
.main .pro .cont .tu img{ width:100%; display:block;}
.main .pro .cont .wen{ width:100%; overflow:hidden;}
.main .pro .cont .w01{ font-size:18px; height:28px; line-height:28px; padding-top:10px;}
.main .pro .cont .w01 a:hover{ color:#0c5b97;}
.main .pro .cont .w02{ font-size:14px; line-height:24px; color:#666;}
.main .pro .cont .w03{ width:40px; height:4px; background-color:#0c5b97; margin-top:5px;}
.main .pro .cont .w04{ height:120px; font-size:14px; line-height:24px; margin-top:10px;}
.main .pro .cont .w05{ width:120px; height:36px; margin-top:10px;}
.main .pro .cont .w05 a{ width:100%; height:36px; line-height:36px; font-size:14px; text-align:center; display:block; color:#fff; border-radius:40px; overflow:hidden; background-color:#999;}
.main .pro .cont .w05 a:hover{ background-color:#0c5b97;}
}


@media screen and (min-width:1280px){
.row04{ width:1200px; margin:5px auto; margin-bottom:70px;}
.row04 .lbar{ width:910px; float:left;}
.row04 .lbar .bt{ text-align:center; color:#0c5b97; font-size:24px; line-height:34px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:30px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px;}
.row04 .lbar .back p a{ max-width:700px; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#0c5b97;}
.row04 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#0c5b97;}

.row04 .rbar{ width:258px; border:1px solid #ddd; border-top:2px solid #0c5b97; float:right; margin:5px 0;}
.row04 .rbar .bt{ padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd;}
.row04 .rbar ul{ display:block; padding:4px 19px; padding-bottom:15px;}
.row04 .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.row04 .rbar ul li strong{ width:100%; display:block; height:154px; overflow:hidden;}
.row04 .rbar ul li strong img{ width:100%; display:block;}
.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.row04 .rbar ul li:hover p{ color:#0c5b97;}

.bshare-custom{ margin-top:20px; text-align:right;}

.casexqwd-list{ width:1200px; margin:auto;}
.casexqwd-list a{ display:block; background-color:#fff; overflow:hidden; margin-top:30px; position:relative;}
.casexqwd-list a:before { content:""; position:absolute; height:100%; background-position:center; background-repeat:no-repeat; width:88px; left:0; background-image:url(../image/casexqic2.png);}
.casexqwd-list ul{ display:block; padding-left:88px; position:relative; overflow:hidden;}
.casexqwd-list li{ float:left; font-size:16px; color:#666; line-height:90px; width:20%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:12px; box-sizing:border-box;}
.casexqwd-list li:first-child{ font-size:18px; color:#333; width:40%; transition:all .4s ease;}
.casexqwd-list a:hover li:first-child{ color:#0c5b97;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.row04{ width:94%; margin:5px auto; margin-bottom:50px;}
.row04 .lbar{ width:76%; float:left;}
.row04 .lbar .bt{ text-align:center; color:#0c5b97; font-size:20px; line-height:30px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.row04 .lbar .back p a{ max-width:60%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#0c5b97;}
.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#0c5b97;}

.row04 .rbar{ width:21.5%; border:1px solid #ddd; border-top:2px solid #0c5b97; float:right; margin:5px 0;}
.row04 .rbar .title{ padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd;}
.row04 .rbar ul{ display:block; padding:4px 14px; padding-bottom:10px;}
.row04 .rbar ul li{ display:block; width:100%; margin-top:10px; overflow:hidden;}
.row04 .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.row04 .rbar ul li strong img{ width:100%; display:block;}
.row04 .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px;}
.row04 .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999;}
.row04 .rbar ul li:hover p{ color:#0c5b97;}

.bshare-custom{ margin-top:15px; text-align:right;}

.casexqwd-list{ width:94%; margin:auto;}
.casexqwd-list a{ display:block; background-color:#fff; overflow:hidden; margin-top:25px; position:relative;}
.casexqwd-list a:before { content:""; position:absolute; height:100%; background-position:center; background-repeat:no-repeat; width:88px; left:0; background-image:url(../image/casexqic2.png);}
.casexqwd-list ul{ display:block; padding-left:88px; position:relative; overflow:hidden;}
.casexqwd-list li{ float:left; font-size:16px; color:#666; line-height:90px; width:20%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:12px; box-sizing:border-box;}
.casexqwd-list li:first-child{ font-size:16px; color:#333; width:40%; transition:all .4s ease;}
.casexqwd-list a:hover li:first-child{ color:#0c5b97;}
}
@media only screen and (max-width:768px){
.row04{ width:94%; margin:5px auto; margin-bottom:30px;}
.row04 .lbar{ width:100%;}
.row04 .lbar .bt{ text-align:center; color:#0c5b97; font-size:18px; line-height:28px;}
.row04 .lbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee;}
.row04 .lbar .wen{ font-size:14px; line-height:24px; margin-top:15px;}
.row04 .lbar .wen img{ max-width:100%; height:auto;}
.row04 .lbar .back{ margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.row04 .lbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.row04 .lbar .back p a{ max-width:50%; overflow:hidden; display:inline-block; vertical-align:middle; height:24px;}
.row04 .lbar .back p a:hover{ color:#0c5b97;}
.row04 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.row04 .lbar .back span a:hover{ color:#0c5b97;}

.bshare-custom{ margin-top:10px; text-align:right;}

.row04 .rbar{ display:none;}

.casexqwd-list{ width:94%; margin:auto; margin-top:5px;}
.casexqwd-list a{ display:block; background-color:#fff; overflow:hidden; margin-top:15px; position:relative;}
.casexqwd-list a:before { content:""; position:absolute; height:100%; background-position:center; background-repeat:no-repeat; width:88px; left:0; background-image:url(../image/casexqic2.png);}
.casexqwd-list ul{ display:block; padding-left:88px; position:relative; overflow:hidden;}
.casexqwd-list li{ float:left; font-size:14px; color:#666; line-height:90px; width:20%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-left:12px; box-sizing:border-box;}
.casexqwd-list li:first-child{ font-size:14px; color:#333; width:40%; transition:all .4s ease;}
.casexqwd-list a:hover li:first-child{ color:#0c5b97;}
}


@media screen and (min-width:1280px){
.news{ width:1200px; margin:auto; margin-top:10px; display:block; overflow:hidden;}
.news dd{ width:100%; padding:20px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:170px; height:110px; float:left;}
.news dd .left img{ width:100%; display:block;}
.news dd .right{ width:1010px; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#0c5b97;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#0c5b97;}
.news dd .right:hover .shi span{ color:#0c5b97;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.news{ width:94%; margin:auto; margin-top:5px; display:block; overflow:hidden;}
.news dd{ width:100%; padding:20px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:15%; height:110px; float:left;}
.news dd .left img{ height:100%; display:block;}
.news dd .right{ width:82%; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#0c5b97;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#0c5b97;}
.news dd .right:hover .shi span{ color:#0c5b97;}
}
@media only screen and (max-width:768px){
.news{ width:94%; margin:auto; margin-top:5px; display:block; overflow:hidden;}
.news dd{ width:100%; padding:15px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.news dd .left{ width:30%; height:110px; float:left;}
.news dd .left img{ height:100%; display:block;}
.news dd .right{ width:67%; height:110px; float:right;}
.news dd .right .bt{ font-size:16px; height:28px; line-height:28px;}
.news dd .right:hover .bt a{ color:#0c5b97;}
.news dd .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.news dd .right .shi{ width:100%; height:22px;}
.news dd .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:22px; line-height:22px;}
.news dd .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:10px;}
.news dd .right:hover .shi b{ background-color:#0c5b97;}
.news dd .right:hover .shi span{ color:#0c5b97;}
}


@media screen and (min-width:1280px){
.zp01{ background-color:#eee; width:100%; padding-top:65px; padding-bottom:70px;}
.zp01 .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.zp01 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.zp01 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.zp01 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.zp01 .box{ width:1200px; margin:auto;}
.zp01 .box ul{ width:1230px; display:block;}
.zp01 .box ul li{ float:left; overflow:hidden; position:relative; width:240px; padding:0 20px; height:380px; border-radius:10px; background-color:#fff; margin-right:26px; margin-top:30px; text-align:center;}
.zp01 .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.zp01 .box ul li strong{ display:block; overflow:hidden;}
.zp01 .box ul li strong img{ display:block; height:86px; margin:50px auto; margin-bottom:30px;}
.zp01 .box ul li b{ display:block; font-size:18px; line-height:28px;}
.zp01 .box ul li p{ display:block; font-size:14px; line-height:24px; margin-top:10px;}
.zp01 .box ul li:hover a{ display:block; width:50px; height:50px; background-image:url(../image/sbg_18.jpg); position:absolute; right:0; bottom:0;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zp01{ background-color:#eee; width:100%; padding-top:35px; padding-bottom:40px;}
.zp01 .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.zp01 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.zp01 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.zp01 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.zp01 .box{ width:100%; margin:auto;}
.zp01 .box ul{ width:100%; display:block;}
.zp01 .box ul li{ float:left; overflow:hidden; position:relative; width:21.25%; padding:0 15px; box-sizing:border-box; height:300px; border-radius:10px; background-color:#fff; margin-left:3%; margin-top:25px; text-align:center;}
.zp01 .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.zp01 .box ul li strong{ display:block; overflow:hidden;}
.zp01 .box ul li strong img{ display:block; height:60px; margin:30px auto; margin-bottom:10px;}
.zp01 .box ul li b{ display:block; font-size:18px; line-height:28px;}
.zp01 .box ul li p{ display:block; font-size:14px; line-height:24px; margin-top:5px;}
}
@media only screen and (max-width:768px){
.zp01{ background-color:#eee; width:100%; padding-top:25px; padding-bottom:30px;}
.zp01 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.zp01 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.zp01 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.zp01 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.zp01 .box{ width:100%; margin:auto;}
.zp01 .box ul{ width:100%; display:block;}
.zp01 .box ul li{ float:left; overflow:hidden; position:relative; width:45.5%; padding:0 10px; box-sizing:border-box; height:260px; border-radius:10px; background-color:#fff; margin-left:3%; margin-top:25px; text-align:center;}
.zp01 .box ul li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.3);}
.zp01 .box ul li strong{ display:block; overflow:hidden;}
.zp01 .box ul li strong img{ display:block; height:43px; margin:20px auto; margin-bottom:5px;}
.zp01 .box ul li b{ display:block; font-size:18px; line-height:28px;}
.zp01 .box ul li p{ display:block; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.zp02{ background-color:#fff; width:100%; padding-top:65px; padding-bottom:70px;}
.zp02 .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.zp02 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.zp02 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.zp02 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.zp02 .boxss{ width:1200px; margin:auto; margin-top:30px; background-color:#f1f1f1;}
.zp02 .boxss .tou{ width:1100px; height:60px; line-height:60px; font-size:16px; padding:0 25px; background-color:#0c5b97; margin:0;}
.zp02 .boxss .tou span{ color:#fff; width:165px; display:block; float:left; text-align:center;}
.zp02 .boxss .tou p{ color:#fff; width:275px; display:block; float:left; text-align:center;}
.zp02 .boxss .tou a{ color:#fff; width:110px; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen{ width:1100px; margin:auto; padding-bottom:50px;}
.zp02 .boxss .sideMen h3{ width:100%; display:block; font-weight:normal; height:60px; line-height:60px; font-size:14px; border-bottom:1px solid #cacaca;}
.zp02 .boxss .sideMen h3 span{ width:165px; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen h3 p{ width:275px; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen h3 a{ width:110px; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen .cont{ width:1000px; padding:0 50px; background-color:#fff; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c01{ width:100%; padding:18px 0; border-bottom:1px solid #cacaca; display:block;}
.zp02 .boxss .sideMen .cont .c01 li{ width:33.33%; display:block; float:left; height:36px; line-height:36px; font-size:14px; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c01 li span{ color:#999;}
.zp02 .boxss .sideMen .cont .c02{ width:100%; padding-top:18px; padding-bottom:20px; display:block;}
.zp02 .boxss .sideMen .cont .c02 dl{ width:50%; display:block; float:left; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c02 dl dt{ display:block; height:40px; line-height:40px; font-size:18px; overflow:hidden; color:#0c5b97;}
.zp02 .boxss .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:30px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zp02{ background-color:#fff; width:100%; padding-top:35px; padding-bottom:40px;}
.zp02 .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.zp02 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.zp02 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.zp02 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.zp02 .boxss{ width:94%; margin:auto; margin-top:25px; background-color:#f1f1f1;}
.zp02 .boxss .tou{ width:94%; height:40px; line-height:40px; font-size:14px; padding:0 3%; background-color:#0c5b97; margin:0;}
.zp02 .boxss .tou span{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .tou a{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen{ width:94%; margin:auto; padding-bottom:15px;}
.zp02 .boxss .sideMen h3{ width:100%; display:block; font-weight:normal; height:60px; line-height:60px; font-size:14px; border-bottom:1px solid #cacaca;}
.zp02 .boxss .sideMen h3 span{ width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen h3 a{ width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen .cont{ width:94%; padding:0 3%; background-color:#fff; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c01{ width:100%; padding:18px 0; border-bottom:1px solid #cacaca; display:block;}
.zp02 .boxss .sideMen .cont .c01 li{ width:45%; display:block; float:left; line-height:24px; font-size:14px; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c01 li span{ color:#999;}
.zp02 .boxss .sideMen .cont .c02{ width:100%; padding-top:18px; padding-bottom:20px; display:block;}
.zp02 .boxss .sideMen .cont .c02 dl{ width:100%; display:block; float:left; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden; color:#0c5b97;}
.zp02 .boxss .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}
@media only screen and (max-width:768px){
.zp02{ background-color:#fff; width:100%; padding-top:25px; padding-bottom:30px;}
.zp02 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.zp02 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.zp02 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.zp02 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.zp02 .boxss{ width:94%; margin:auto; margin-top:20px; background-color:#f1f1f1;}
.zp02 .boxss .tou{ width:94%; height:40px; line-height:40px; font-size:14px; padding:0 3%; background-color:#0c5b97; margin:0;}
.zp02 .boxss .tou span{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .tou p{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .tou a{ color:#fff; width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen{ width:94%; margin:auto; padding-bottom:15px;}
.zp02 .boxss .sideMen h3{ width:100%; display:block; font-weight:normal; height:60px; line-height:60px; font-size:14px; border-bottom:1px solid #cacaca;}
.zp02 .boxss .sideMen h3 span{ width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen h3 p{ width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen h3 a{ width:20%; display:block; float:left; text-align:center;}
.zp02 .boxss .sideMen .cont{ width:94%; padding:0 3%; background-color:#fff; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c01{ width:100%; padding:18px 0; border-bottom:1px solid #cacaca; display:block;}
.zp02 .boxss .sideMen .cont .c01 li{ width:45%; display:block; float:left; line-height:24px; font-size:14px; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c01 li span{ color:#999;}
.zp02 .boxss .sideMen .cont .c02{ width:100%; padding-top:18px; padding-bottom:20px; display:block;}
.zp02 .boxss .sideMen .cont .c02 dl{ width:100%; display:block; float:left; overflow:hidden;}
.zp02 .boxss .sideMen .cont .c02 dl dt{ display:block; height:28px; line-height:28px; font-size:18px; overflow:hidden; color:#0c5b97;}
.zp02 .boxss .sideMen .cont .c02 dl dd{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
}

@media screen and (min-width:1280px){
.zp03{ background-color:#eee; width:100%; position:relative; height:470px;}
.zp03 .title{ width:100%; margin:auto; position:relative; z-index:2; padding-bottom:27px;}
.zp03 .title a{ width:60px; height:4px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.zp03 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px;}
.zp03 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px;}
.zp03 .box{ width:1920px; height:100%; position:absolute; left:50%; margin-left:-960px; top:0;}
.zp03 .box .left{ width:890px; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zp03 .box .left img{ display:none;}
.zp03 .box .right{ width:670px; float:right; padding-top:65px;}
.zp03 .box .right .wen{ font-size:14px; line-height:30px; width:620px; margin-top:25px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.zp03{ background-color:#eee; width:100%; position:relative; height:400px;}
.zp03 .title{ width:100%; margin:auto; position:relative; z-index:3; padding-bottom:20px;}
.zp03 .title a{ width:50px; height:3px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.zp03 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px;}
.zp03 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px;}
.zp03 .box{ width:100%; height:100%; position:absolute; left:0; top:0;}
.zp03 .box .left{ width:50%; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zp03 .box .left img{ display:none;}
.zp03 .box .right{ width:44%; padding:0 3%; float:right; padding-top:45px;}
.zp03 .box .right .wen{ font-size:14px; line-height:30px; width:100%; margin-top:20px;}
}
@media only screen and (max-width:768px){
.zp03{ background-color:#eee; width:100%; position:relative;}
.zp03 .title{ width:100%; margin:auto; position:relative; z-index:3; padding-bottom:12px; z-index:2;}
.zp03 .title a{ width:40px; height:2px; position:absolute; left:0; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.zp03 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px;}
.zp03 .title p{ display:block; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.zp03 .box{ width:100%; height:100%;}
.zp03 .box .left{ width:100%; float:right; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.zp03 .box .left img{ width:100%; display:block;}
.zp03 .box .right{ width:94%; padding:25px 3%; padding-top:15px; float:right;}
.zp03 .box .right .wen{ font-size:14px; line-height:24px; width:100%; margin-top:15px;}
}


@media screen and (min-width:1280px){
.lian01{ width:100%; padding-top:65px; padding-bottom:70px;}
.lian01 .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.lian01 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.lian01 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.lian01 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.lian01 .box{ width:1200px; margin:auto; margin-top:30px;}
.lian01 .box ul{ width:1260px; display:block; overflow:hidden;}
.lian01 .box ul li{ width:360px; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-right:60px;}
.lian01 .box ul li strong{ padding-top:30px; padding-bottom:15px; display:block; overflow:hidden;}
.lian01 .box ul li strong img{ display:block; height:50px; margin:auto;}
.lian01 .box ul li strong span{ font-size:18px; line-height:28px; height:28px; text-align:center; overflow:hidden; margin-top:5px; display:block;}
.lian01 .box ul li b{ display:block; overflow:hidden; height:2px; width:100%; background-image:url(../image/cline.png); background-position:center; background-repeat:no-repeat;}
.lian01 .box ul li p{ width:320px; height:94px; padding:20px; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.lian01 .box ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:24px;}
.lian01 .box ul li p span a{}
.lian01 .box ul li p span img{ max-width:140px; text-align:center;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lian01{ width:100%; padding-top:45px; padding-bottom:50px;}
.lian01 .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.lian01 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.lian01 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.lian01 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.lian01 .box{ width:100%; margin:auto; margin-top:25px;}
.lian01 .box ul{ width:100%; display:block; overflow:hidden;}
.lian01 .box ul li{ width:29.33%; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-left:3%;}
.lian01 .box ul li strong{ padding-top:30px; padding-bottom:15px; display:block; overflow:hidden;}
.lian01 .box ul li strong img{ display:block; height:50px; margin:auto;}
.lian01 .box ul li strong span{ font-size:18px; line-height:28px; height:28px; text-align:center; overflow:hidden; margin-top:5px; display:block;}
.lian01 .box ul li b{ display:block; overflow:hidden; height:2px; width:100%; background-image:url(../image/cline.png); background-position:center; background-repeat:no-repeat;}
.lian01 .box ul li p{ width:90%; height:94px; padding:20px 5%; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.lian01 .box ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:24px;}
.lian01 .box ul li p span a{}
.lian01 .box ul li p span img{ max-width:140px; text-align:center;}
}
@media only screen and (max-width:768px){
.lian01{ width:100%; padding-top:25px; padding-bottom:30px;}
.lian01 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.lian01 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.lian01 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.lian01 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.lian01 .box{ width:100%; margin:auto; margin-top:5px;}
.lian01 .box ul{ width:100%; display:block; overflow:hidden;}
.lian01 .box ul li{ width:94%; float:left; display:block; background-color:#f1f1f1; overflow:hidden; margin-left:3%; margin-top:15px;}
.lian01 .box ul li strong{ padding-top:20px; padding-bottom:5px; display:block; overflow:hidden;}
.lian01 .box ul li strong img{ display:block; height:50px; margin:auto;}
.lian01 .box ul li strong span{ font-size:16px; line-height:26px; height:26px; text-align:center; overflow:hidden; margin-top:5px; display:block;}
.lian01 .box ul li b{ display:block; overflow:hidden; height:2px; width:94%; margin:auto; background-image:url(../image/cline.png); background-position:center; background-repeat:no-repeat;}
.lian01 .box ul li p{ width:94%; height:100px; padding:10px 3%; display:table; text-align:center; vertical-align:middle; overflow:hidden;}
.lian01 .box ul li p span{ width:100%; height:100%; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; font-size:14px; line-height:24px;}
.lian01 .box ul li p span a{}
.lian01 .box ul li p img{ max-width:120px;}
}

@media screen and (min-width:1280px){
.lian02{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#eee;}
.lian02 .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.lian02 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.lian02 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.lian02 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.lian02 .box{ width:1200px; margin:auto; margin-top:30px;}
.lian02 .box img{ max-width:100%; height:auto; display:block; margin:auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lian02{ width:100%; padding-top:45px; padding-bottom:50px; background-color:#eee;}
.lian02 .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.lian02 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.lian02 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.lian02 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
.lian02 .box{ width:94%; margin:auto; margin-top:25px;}
.lian02 .box img{ max-width:100%; height:auto; display:block; margin:auto;}
}
@media only screen and (max-width:768px){
.lian02{ width:100%; padding-top:25px; padding-bottom:30px; background-color:#eee;}
.lian02 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.lian02 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.lian02 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.lian02 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
.lian02 .box{ width:94%; margin:auto; margin-top:20px;}
.lian02 .box img{ max-width:100%; height:auto; display:block; margin:auto;}
}

@media screen and (min-width:1280px){
.lian03{ width:100%; padding-top:65px; padding-bottom:70px;}
.lian03 .title{ width:1200px; margin:auto; position:relative; z-index:2; text-align:center; padding-bottom:27px;}
.lian03 .title a{ width:60px; height:4px; position:absolute; left:50%; margin-left:-30px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.lian03 .title b{ width:100%; display:block; font-size:30px; height:38px; line-height:38px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.lian03 .title p{ display:block; font-size:30px; height:40px; line-height:40px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lian03{ width:100%; padding-top:45px; padding-bottom:50px;}
.lian03 .title{ width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:20px;}
.lian03 .title a{ width:50px; height:3px; position:absolute; left:50%; margin-left:-25px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block;overflow:hidden;}
.lian03 .title b{ display:block; font-size:26px; height:36px; line-height:36px; position:relative; z-index:3; color:#333; letter-spacing:4px; text-indent:4px;}
.lian03 .title p{ display:block; font-size:24px; height:34px; line-height:34px; position:absolute; left:0; top:15px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%; letter-spacing:4px; text-indent:4px;}
}
@media only screen and (max-width:768px){
.lian03{ width:100%; padding-top:25px; padding-bottom:30px;}
.lian03 .title{ text-align:center; width:94%; margin:auto; position:relative; z-index:3; text-align:center; padding-bottom:12px; z-index:2;}
.lian03 .title a{ width:40px; height:2px; position:absolute; left:50%; margin-left:-20px; bottom:0; background:linear-gradient(to right,#0c5b97,#2298d6); display:block; overflow:hidden;}
.lian03 .title b{ display:block; font-size:20px; height:30px; line-height:30px; position:relative; z-index:3; color:#333; letter-spacing:2px; text-indent:2px;}
.lian03 .title p{ display:block; text-align:center; font-size:20px; height:30px; line-height:30px; position:absolute; left:0; top:10px; z-index:0; text-transform:uppercase; color:#333; opacity:0.1; font-weight:bold; width:100%;}
}