@charset "utf-8";
/* CSS Document */

*{ outline:none; border:none; margin:0; padding:0;}
html,body{ width:100%; height:100%;}
body{ font:14px/2 "微软雅黑", sans-serif, Arial; color:#333; background:#fff; margin:0;}
a{ text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent;}
ul,ol,li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ line-height:1.2em;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clearFix{ *zoom:1}
.clearFix:before,.clearFix:after{ display:table; content:""}
.clearFix:after{ 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[type=submit],input[type=button],select{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
input[type=radio]{ -webkit-appearance:radio;}

/*header*/
@media screen and (min-width:1280px){
.thead{ width:100%; height:140px; position:fixed; left:0; top:0; z-index:990; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.thead.pos{ height:100px;}
.thead .top{ width:100%; background-color:#264186; height:40px; position:absolute; left:0; bottom:100px;}
.thead .top .head{ width:1200px; margin:auto;}
.thead .top .left{ font-size:14px; line-height:40px; color:#fff; float:left;}
.thead .top .right{ float:right;}
.thead .top .right .yu{ display:block; float:left; height:40px; position:relative;}
.thead .top .right .yu dt{ display:block; height:40px; line-height:40px; font-size:14px; color:#fff; cursor:pointer;}
.thead .top .right .yu dt span{ display:flex; align-items:center; height:40px; float:left; margin-right:10px;}
.thead .top .right .yu dt span img{ display:block; height:20px;}
.thead .top .right .yu dd{ display:flex; width:120px; background:#fff; padding:5px 0px; position:absolute; z-index:99; top:40px; font-size:13px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity:0; visibility:hidden; transform:translate(0, 20px); transition:all .3s ease; flex-direction:column;}
.thead .top .right .yu dd.cur{ opacity:1; transform:translate(0, 0); visibility:visible;}
.thead .top .right .yu dd a{ color:#666; display:block; padding:2px 10px; height:30px; line-height:30px; transition:all .3s ease; overflow:hidden;}
.thead .top .right .yu dd a img{ display:block; float:left; height:20px; margin:5px 10px;}
.thead .top .right .yu dd a:hover{ color:#a40007;}
.thead .top .right .ser{ height:30px; border-radius:30px; margin:5px 30px; float:left; margin-right:0; background-color:rgba(255,255,255,.2);}
.thead .top .right .ser strong{ width:18px; padding:6px; padding-left:12px; float:left; display:block;}
.thead .top .right .ser strong img{ display:block; width:18px;}
.thead .top .right .ser p{ display:block; float:left; height:30px; width:150px;}
.thead .top .right .ser p input{ display:block; background-color:transparent; font-size:14px; line-height:30px; height:30px; overflow:hidden; width:100%; color:#fff;}
.thead .top .right .ser p input::-webkit-input-placeholder{ color:#e9eef3;} 
.thead .top .right .ser p input:-moz-placeholder{ color:#e9eef3;} 
.thead .top .right .ser p input::-moz-placeholder{ color:#e9eef3;} 
.thead .top .right .ser p input:-ms-input-placeholder{ color:#e9eef3;}  
.thead .top .right .ser span{ display:block; padding:0 12px; float:left;}
.thead .top .right .ser span input{ display:block; font-size:14px; line-height:30px; background-color:transparent; color:#fff;}

.header{ width:100%; height:100px; background-color:#fff; position:absolute; left:0; bottom:0;}
.header .navb{ display:none; height:20px; position:absolute; right:3%; top:50%; margin-top:-10px;}
.header .navb img{ display:block; height:20px;}
.header .logo{ height:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2;}
.header .logo img{ display:block; height:50px;}
.header .nav{ width:1200px; margin:auto; position:relative; height:100px; z-index:1;}
.header .nav .close{ display:none; height:20px; position:absolute; right:3%; top:50%; margin-top:-10px;}
.header .nav .close img{ display:block; height:20px;}
.header .nav ul{ display:block; height:100px;}
.header .nav ul li{ display:block; height:100px; position:relative; float:left;}
.header .nav ul.left li:nth-child(1){ display:none;}
.header .nav ul li span{ display:flex; align-items:center; height:100px;}
.header .nav ul li span a{ display:block; padding:0 30px; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.header .nav ul li span svg{ display:none;}
.header .nav ul li:hover span a{ background-color:#a40007; color:#fff;}
.header .nav ul li p{ display:none; background:#f2f2f2; width:150px; position:absolute; left:50%; top:100%; z-index:99; transform:translateX(-50%); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.header .nav ul li p a{ border-bottom:2px solid #f3f3f3; background-color:#fff; display:block; padding:0 20px; font-size:14px; line-height:40px; text-align:center; height:40px; overflow:hidden; transition:all ease .3s;}
.header .nav ul li p svg{ display:none;}
.header .nav ul li p a:hover{ background-color:#a40007; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.thead{ width:100%; height:120px; position:fixed; left:0; top:0; z-index:990; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.thead.pos{ height:80px;}
.thead .top{ width:100%; background-color:#264186; height:40px; position:absolute; left:0; bottom:80px;}
.thead .top .head{ width:94%; margin:auto;}
.thead .top .left{ font-size:14px; line-height:40px; color:#fff; float:left;}
.thead .top .right{ float:right;}
.thead .top .right .yu{ display:block; float:left; height:40px; position:relative;}
.thead .top .right .yu dt{ display:block; height:40px; line-height:40px; font-size:14px; color:#fff; cursor:pointer;}
.thead .top .right .yu dt span{ display:flex; align-items:center; height:40px; float:left; margin-right:10px;}
.thead .top .right .yu dt span img{ display:block; height:20px;}
.thead .top .right .yu dd{ display:flex; width:120px; background:#fff; padding:5px 0px; position:absolute; z-index:99; top:40px; font-size:13px; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1); opacity:0; visibility:hidden; transform:translate(0, 20px); transition:all .3s ease; flex-direction:column;}
.thead .top .right .yu dd.cur{ opacity:1; transform:translate(0, 0); visibility:visible;}
.thead .top .right .yu dd a{ color:#666; display:block; padding:2px 10px; height:30px; line-height:30px; transition:all .3s ease; overflow:hidden;}
.thead .top .right .yu dd a img{ display:block; float:left; height:20px; margin:5px 10px;}
.thead .top .right .yu dd a:hover{ color:#a40007;}
.thead .top .right .ser{ height:30px; border-radius:30px; margin:5px 30px; float:left; margin-right:0; background-color:rgba(255,255,255,.2);}
.thead .top .right .ser strong{ width:18px; padding:6px; padding-left:12px; float:left; display:block;}
.thead .top .right .ser strong img{ display:block; width:18px;}
.thead .top .right .ser p{ display:block; float:left; height:30px; width:150px;}
.thead .top .right .ser p input{ display:block; background-color:transparent; font-size:14px; line-height:30px; height:30px; overflow:hidden; width:100%; color:#fff;}
.thead .top .right .ser p input::-webkit-input-placeholder{ color:#e9eef3;} 
.thead .top .right .ser p input:-moz-placeholder{ color:#e9eef3;} 
.thead .top .right .ser p input::-moz-placeholder{ color:#e9eef3;} 
.thead .top .right .ser p input:-ms-input-placeholder{ color:#e9eef3;}  
.thead .top .right .ser span{ display:block; padding:0 12px; float:left;}
.thead .top .right .ser span input{ display:block; font-size:14px; line-height:30px; background-color:transparent; color:#fff;}

.header{ width:100%; height:80px; background-color:#fff; position:absolute; left:0; bottom:0;}
.header .navb{ display:none; height:20px; position:absolute; right:3%; top:50%; margin-top:-10px;}
.header .navb img{ display:block; height:20px;}
.header .logo{ height:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:2;}
.header .logo img{ display:block; height:50px;}
.header .nav{ width:94%; margin:auto; position:relative; height:80px; z-index:1;}
.header .nav .close{ display:none; height:20px; position:absolute; right:3%; top:50%; margin-top:-10px;}
.header .nav .close img{ display:block; height:20px;}
.header .nav ul{ display:block; height:80px;}
.header .nav ul li{ display:block; height:80px; position:relative; float:left;}
.header .nav ul.left li:nth-child(1){ display:none;}
.header .nav ul li span{ display:flex; align-items:center; height:80px;}
.header .nav ul li span a{ display:block; padding:0 2vw; font-size:16px; line-height:50px; height:50px; overflow:hidden;}
.header .nav ul li span svg{ display:none;}
.header .nav ul li:hover span a{ background-color:#a40007; color:#fff;}
.header .nav ul li p{ display:none; background:#f2f2f2; width:130px; position:absolute; left:50%; top:100%; z-index:99; transform:translateX(-50%); border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.header .nav ul li p a{ border-bottom:2px solid #f3f3f3; background-color:#fff; display:block; padding:0 20px; font-size:14px; line-height:40px; text-align:center; height:40px; overflow:hidden; transition:all ease .3s;}
.header .nav ul li p svg{ display:none;}
.header .nav ul li p a:hover{ background-color:#a40007; color:#fff;}
}
@media only screen and (max-width:768px){
.thead{ width:100%; height:110px; position:fixed; left:0; top:0; z-index:990; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.thead.pos{ height:70px;}
.thead .top{ width:100%; background-color:#264186; height:40px; position:absolute; left:0; bottom:70px;}
.thead .top .head{ width:94%; margin:auto;}
.thead .top .left{ font-size:14px; line-height:40px; color:#fff; float:left;}
.thead .top .right{ float:right;}
.thead .top .right .yu{ display:block; float:left; height:40px; position:relative;}
.thead .top .right .yu dt{ display:none;}
.thead .top .right .yu dd{ display:block; overflow:hidden;}
.thead .top .right .yu dd a{ float:left; color:#fff; display:block; height:40px; line-height:40px; overflow:hidden;}
.thead .top .right .yu dd a img{ display:none;}
.thead .top .right .yu dd b{ font-weight:normal; display:block; float:left; line-height:40px; margin:0 10px; color:#fff;}
.thead .top .right .ser{ display:none;}

.header{ width:94%; padding:10px 3%; height:50px; background-color:#fff; position:absolute; left:0; bottom:0;}
.header .navb{ display:block; width:30px; height:30px; position:absolute; right:3%; top:50%; margin-top:-15px; z-index:3;}
.header .navb img{ display:block; width:30px; height:30px;}
.header .logo{ height:50px; float:left; z-index:2;}
.header .logo img{ display:block; height:50px;}
.header .nav{ display:none; width:100%; height:100%; padding:20px; background-color:#fff; box-sizing:border-box; overflow:auto; position:fixed; top:0; left:0; z-index:9;}
.header .nav .close{ height:30px;}
.header .nav .close img{ display:block; height:30px; float:right;}
.header .nav ul{ display:block; width:100%;}
.header .nav ul li{ width:100%; display:block; overflow:hidden; border-bottom:1px solid #ddd;}
.header .nav ul li span{ display:block; width:100%; font-size:16px; line-height:50px; height:50px; font-weight:bold; position:relative; overflow:hidden;}
.header .nav ul li svg{ position:absolute; right:0; top:50%; margin-top:-10px; width:20px; height:20px; transition:0.5s;}
.header .nav ul li span.open svg{ transform:rotate(90deg);}
.header .nav ul li p{ display:none; overflow:hidden; padding-left:20px; margin-top:-15px;}
.header .nav ul li p a{ display:block; font-size:14px; line-height:44px; height:44px; overflow:hidden; border-top:1px solid #f1f1f1;}
.header .nav ul li p a:first-child{ border-top:none;}
}

/*banner*/
@media screen and (min-width:1280px){
.banner{ width:100%; position:relative; z-index:1; margin-top:140px;}
.banner a{ width:100%; display:block; overflow:hidden;}
.banner a img{ width:100%; display:block;}
.banner .swiper-button-prev{ width:50px; height:50px; border-radius:100%; left:10px; background:rgba(0,0,0,0.3);}
.banner .swiper-button-next{ width:50px; height:50px; border-radius:100%; right:10px; background:rgba(0,0,0,0.3);}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ font-size:15px; color:#fff;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.banner{ width:100%; position:relative; z-index:1; margin-top:120px;}
.banner a{ width:100%; display:block; overflow:hidden;}
.banner a img{ width:100%; display:block;}
.banner .swiper-button-prev{ width:50px; height:50px; border-radius:100%; left:10px; background:rgba(0,0,0,0.3);}
.banner .swiper-button-next{ width:50px; height:50px; border-radius:100%; right:10px; background:rgba(0,0,0,0.3);}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ font-size:15px; color:#fff;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff;}	
}
@media only screen and (max-width:768px){
.banner{ width:100%; position:relative; z-index:1; margin-top:110px; height:220px;}
.banner a{ width:100%; display:block; height:220px; position:relative; overflow:hidden;}
.banner a img{ display:block; height:220px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.banner .swiper-button-prev{ width:50px; height:50px; border-radius:100%; left:10px; background:rgba(0,0,0,0.3);}
.banner .swiper-button-next{ width:50px; height:50px; border-radius:100%; right:10px; background:rgba(0,0,0,0.3);}
.banner .swiper-button-prev:after,.banner .swiper-button-next:after{ font-size:15px; color:#fff;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff;}
}

/*关于博亿国际*/
@media screen and (min-width:1280px){
.abox{ padding:100px 0; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:1200px; margin:auto;}
.abox .box .left{ width:520px; min-height:450px;}
.abox .box .left .title{ width:100%;}
.abox .box .left .title p{ display:block; float:left;}
.abox .box .left .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.abox .box .left .title span{ display:block; font-size:20px; line-height:30px; text-transform:uppercase; color:#999; margin-top:4px;}
.abox .box .left .wen{ font-size:14px; line-height:28px; margin-top:20px;} 
.abox .box .left .list{ display:block; width:100%;}
.abox .box .left .list li{ display:block; margin-top:30px; margin-right:50px; float:left;}
.abox .box .left .list li b{ font-size:18px; font-weight:bold; line-height:2; color:#264186;}
.abox .box .left .list li p{ display:block; overflow:hidden; font-weight:bold;}
.abox .box .left .list li p .timer{ display:block; float:left; font-size:46px; line-height:60px; color:#264186;}
.abox .box .left .list li p .p_plus{ display:block; float:left; margin-left:10px; font-size:16px; line-height:30px; padding-top:25px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.abox{ padding:60px 0; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:94%; margin:auto;}
.abox .box .left{ width:50%; min-height:450px;}
.abox .box .left .title{ width:100%;}
.abox .box .left .title p{ display:block; float:left;}
.abox .box .left .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.abox .box .left .title span{ display:block; font-size:16px; line-height:26px; text-transform:uppercase; color:#999; margin-top:4px;}
.abox .box .left .wen{ font-size:14px; line-height:26px; margin-top:20px;} 
.abox .box .left .list{ display:block; width:100%;}
.abox .box .left .list li{ display:block; margin-top:25px; margin-right:40px; float:left;}
.abox .box .left .list li b{ font-size:18px; font-weight:bold; line-height:2; color:#264186;}
.abox .box .left .list li p{ display:block; overflow:hidden; font-weight:bold;}
.abox .box .left .list li p .timer{ display:block; float:left; font-size:46px; line-height:60px; color:#264186;}
.abox .box .left .list li p .p_plus{ display:block; float:left; margin-left:10px; font-size:16px; line-height:30px; padding-top:25px;}	
}
@media only screen and (max-width:768px){
.abox{ padding:30px 0; width:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.abox .box{ width:94%; margin:auto;}
.abox .box .left{ width:100%;}
.abox .box .left .title{ width:100%;}
.abox .box .left .title p{ display:block; float:left;}
.abox .box .left .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.abox .box .left .title span{ display:block; font-size:14px; line-height:24px; text-transform:uppercase; color:#999;}
.abox .box .left .wen{ font-size:14px; line-height:24px; margin-top:10px;} 
.abox .box .left .list{ display:block; width:100%;}
.abox .box .left .list li{ display:block; margin-top:15px; margin-right:30px; float:left;}
.abox .box .left .list li b{ font-size:16px; font-weight:bold; line-height:26px; color:#264186;}
.abox .box .left .list li p{ display:block; overflow:hidden; font-weight:bold;}
.abox .box .left .list li p .timer{ display:block; float:left; font-size:36px; line-height:46px; color:#264186;}
.abox .box .left .list li p .p_plus{ display:block; float:left; margin-left:5px; font-size:14px; line-height:24px; padding-top:20px;}
}

/*产业*/
@media screen and (min-width:1280px){
.pbox{ padding:100px 0; width:100%; margin-top:-10px;}
.pbox .title{ width:1200px; margin:auto;}
.pbox .title p{ display:block; float:left;}
.pbox .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.pbox .title span{ display:block; font-size:20px; line-height:30px; text-transform:uppercase; color:#999; margin-top:4px;}
.pbox .title a{ display:block; margin-top:20px; float:right; padding:0 20px; border-radius:40px; background-color:#e9eef3; overflow:hidden; font-size:16px; line-height:40px; height:40px;}
.pbox .title a .arrow{display:block; float:right; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333333; border-bottom:6px solid transparent; margin-left:10px; margin-top:14px;}
.pbox .title a:hover{ background-color:#264186; color:#fff;}
.pbox .title a:hover .arrow{ border-left:6px solid #fff;}
.pbox .box{ width:1200px; margin:auto; margin-top:25px;}
.pbox .box .swiper-container{ width:100%; overflow:hidden; position:relative;}
.pbox .box .swiper-container .swiper-slide{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .left{ width:600px; height:380px; position:relative; float:left;}
.pbox .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .left p{ display:block; padding:20px 50px; width:86%; position:absolute; left:7%; bottom:5%; background-color:rgba(255,255,255,0.8); font-size:18px; line-height:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.pbox .box .swiper-container .swiper-slide .left:hover p{ background-color:rgba(38,65,134,.8); color:#fff;}
.pbox .box .swiper-container .swiper-slide .right{ width:600px; padding:50px; box-sizing:border-box; background-color:#e9eef3; height:380px; position:relative; float:left;}
.pbox .box .swiper-container .swiper-slide .right .bt{ text-align:center; font-size:24px; line-height:2;}
.pbox .box .swiper-container .swiper-slide .right .bt a{ display:block; color:#264186;}
.pbox .box .swiper-container .swiper-slide .right .wen{ font-size:14px; line-height:2; margin-top:15px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:7; overflow:hidden;}
.pbox .swiper-button-prev{ width:40px; height:40px; position:absolute; left:560px; top:150px; background-color:#fabe00;}
.pbox .swiper-button-next{ width:40px; height:40px; position:absolute; left:600px; top:190px; background-color:#a40007;}
.pbox .swiper-button-prev:after,.pbox .swiper-button-next:after{ font-size:15px; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pbox{ padding:60px 0; width:100%;}
.pbox .title{ width:94%; margin:auto; margin-top:-5px;}
.pbox .title p{ display:block; float:left;}
.pbox .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.pbox .title span{ display:block; font-size:16px; line-height:26px; text-transform:uppercase; color:#999; margin-top:4px;}
.pbox .title a{ display:block; margin-top:17px; float:right; padding:0 18px; border-radius:40px; background-color:#e9eef3; overflow:hidden; font-size:16px; line-height:36px; height:36px;}
.pbox .title a .arrow{display:block; float:right; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333333; border-bottom:6px solid transparent; margin-left:7px; margin-top:12px;}
.pbox .title a:hover{ background-color:#264186; color:#fff;}
.pbox .title a:hover .arrow{ border-left:6px solid #fff;}
.pbox .box{ width:94%; margin:auto; margin-top:20px;}
.pbox .box .swiper-container{ width:100%; overflow:hidden; position:relative;}
.pbox .box .swiper-container .swiper-slide{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .left{ width:50%; height:29.76vw; position:relative; float:left;}
.pbox .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .left p{ display:block; padding:15px 30px; width:86%; position:absolute; left:7%; bottom:5%; background-color:rgba(255,255,255,0.8); font-size:18px; line-height:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.pbox .box .swiper-container .swiper-slide .left:hover p{ background-color:rgba(38,65,134,.8); color:#fff;}
.pbox .box .swiper-container .swiper-slide .right{ width:50%; padding:4vw 50px; box-sizing:border-box; background-color:#e9eef3; height:29.76vw; position:relative; float:left;}
.pbox .box .swiper-container .swiper-slide .right .bt{ text-align:center; font-size:22px; line-height:2;}
.pbox .box .swiper-container .swiper-slide .right .bt a{ display:block; color:#264186;}
.pbox .box .swiper-container .swiper-slide .right .wen{ font-size:14px; line-height:2; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:6; overflow:hidden;}
.pbox .swiper-button-prev{ width:40px; height:40px; position:absolute; left:50%; margin-left:-40px; top:50%; margin-top:-20px; background-color:#fabe00;}
.pbox .swiper-button-next{ width:40px; height:40px; position:absolute; left:50%; top:50%; margin-top:20px; background-color:#a40007;}
.pbox .swiper-button-prev:after,.pbox .swiper-button-next:after{ font-size:15px; color:#fff;}	
}
@media only screen and (max-width:768px){
.pbox{ padding:30px 0; width:100%;}
.pbox .title{ width:94%; margin:auto; margin-top:-5px;}
.pbox .title p{ display:block; float:left;}
.pbox .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.pbox .title span{ display:block; font-size:14px; line-height:24px; text-transform:uppercase; color:#999;}
.pbox .title a{ display:block; margin-top:12px; float:right; padding:0 15px; border-radius:34px; background-color:#e9eef3; overflow:hidden; font-size:14px; line-height:34px; height:34px;}
.pbox .title a .arrow{ display:block; float:right; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #333333; border-right:4px solid transparent; border-bottom:4px solid transparent; margin-left:5px; margin-top:13px;}
.pbox .title a:hover{ background-color:#264186; color:#fff;}
.pbox .title a:hover .arrow{ border-left:6px solid #fff;}
.pbox .box{ width:94%; margin:auto; margin-top:15px;}
.pbox .box .swiper-container{ width:100%; overflow:hidden; position:relative;}
.pbox .box .swiper-container .swiper-slide{ width:100%; position:relative;}
.pbox .box .swiper-container .swiper-slide .left{ width:100%; height:59.53vw; position:relative; float:left;}
.pbox .box .swiper-container .swiper-slide .left img{ width:100%; display:block;}
.pbox .box .swiper-container .swiper-slide .left p{ display:block; padding:10px 20px; width:calc(100% - 125px); position:absolute; left:15px; bottom:15px; background-color:rgba(255,255,255,0.8); font-size:16px; line-height:2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;}
.pbox .box .swiper-container .swiper-slide .left:hover p{ background-color:rgba(38,65,134,.8); color:#fff;}
.pbox .box .swiper-container .swiper-slide .right{ width:100%; padding:15px; box-sizing:border-box; background-color:#e9eef3; position:relative; float:left;}
.pbox .box .swiper-container .swiper-slide .right .bt{ font-size:20px; line-height:2;}
.pbox .box .swiper-container .swiper-slide .right .bt a{ display:block; color:#264186;}
.pbox .box .swiper-container .swiper-slide .right .wen{ font-size:14px; line-height:2; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:7; overflow:hidden;}
.pbox .swiper-button-prev{ width:40px; height:40px; position:absolute; left:auto; right:55px; top:59.53vw; margin-top:-40px; background-color:#fabe00;}
.pbox .swiper-button-next{ width:40px; height:40px; position:absolute; right:15px; top:59.53vw; margin-top:0; background-color:#a40007;}
.pbox .swiper-button-prev:after,.pbox .swiper-button-next:after{ font-size:15px; color:#fff;}
}

/*新闻资讯*/
@media screen and (min-width:1280px){
.nbox{ padding:100px 0; width:100%; background-color:#e9eef3;}
.nbox .title{ width:1200px; margin:auto; margin-top:-10px;}
.nbox .title p{ display:block; float:left;}
.nbox .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.nbox .title span{ display:block; font-size:20px; line-height:30px; text-transform:uppercase; color:#999; margin-top:4px;}
.nbox .title a{ display:block; margin-top:20px; float:right; padding:0 20px; border-radius:40px; background-color:#fff; overflow:hidden; font-size:16px; line-height:40px; height:40px;}
.nbox .title a .arrow{display:block; float:right; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333333; border-bottom:6px solid transparent; margin-left:10px; margin-top:14px;}
.nbox .title a:hover{ background-color:#264186; color:#fff;}
.nbox .title a:hover .arrow{ border-left:6px solid #fff;}
.nbox .box{ width:1200px; margin:auto; margin-top:25px;}
.nbox .box ul{ width:100%; display:block; overflow:hidden;}
.nbox .box ul li{ display:block; width:380px; float:left; margin-left:30px; background-color:#fff;}
.nbox .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box ul li .tu{ width:100%; position:relative; height:192px;}
.nbox .box ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .tu p{ position:absolute; right:0; top:0; background-color:rgba(255,255,255,0.9); padding:0 15px; font-size:16px; line-height:40px; height:40px;}
.nbox .box ul li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);} 
.nbox .box ul li:hover .tu p{ background-color:#264186; color:#fff;}
.nbox .box ul li .wen{ padding:20px;}
.nbox .box ul li .wen .w01{ font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box ul li .wen .w02{ width:40px; height:1px; background-color:#ddd; margin:10px 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .wen .w03{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.nbox .box ul li:hover .wen .w01{ color:#264186;}
.nbox .box ul li:hover .wen .w02{ width:100%;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.nbox{ padding:60px 0; width:100%; background-color:#e9eef3;}
.nbox .title{ width:94%; margin:auto; margin-top:-5px;}
.nbox .title p{ display:block; float:left;}
.nbox .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.nbox .title span{ display:block; font-size:16px; line-height:26px; text-transform:uppercase; color:#999; margin-top:4px;}
.nbox .title a{ display:block; margin-top:17px; float:right; padding:0 18px; border-radius:40px; background-color:#fff; overflow:hidden; font-size:16px; line-height:36px; height:36px;}
.nbox .title a .arrow{display:block; float:right; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333333; border-bottom:6px solid transparent; margin-left:7px; margin-top:12px;}
.nbox .title a:hover{ background-color:#264186; color:#fff;}
.nbox .title a:hover .arrow{ border-left:6px solid #fff;}
.nbox .box{ width:94%; margin:auto; margin-top:20px;}
.nbox .box ul{ width:100%; display:block; overflow:hidden;}
.nbox .box ul li{ display:block; width:32%; float:left; margin-left:2%; background-color:#fff;}
.nbox .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.nbox .box ul li .tu{ width:100%; position:relative; height:15.25vw;}
.nbox .box ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .tu p{ position:absolute; right:0; top:0; background-color:rgba(255,255,255,0.9); padding:0 15px; font-size:16px; line-height:38px; height:38px;}
.nbox .box ul li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);} 
.nbox .box ul li:hover .tu p{ background-color:#264186; color:#fff;}
.nbox .box ul li .wen{ padding:20px;}
.nbox .box ul li .wen .w01{ font-size:18px; line-height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box ul li .wen .w02{ width:40px; height:1px; background-color:#ddd; margin:10px 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .wen .w03{ font-size:14px; line-height:24px; height:72px; color:#666; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; overflow:hidden;}
.nbox .box ul li:hover .wen .w01{ color:#264186;}
.nbox .box ul li:hover .wen .w02{ width:100%;}
}
@media only screen and (max-width:768px){
.nbox{ padding:30px 0; width:100%; background-color:#e9eef3;}
.nbox .title{ width:94%; margin:auto; margin-top:-5px;}
.nbox .title p{ display:block; float:left;}
.nbox .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.nbox .title span{ display:block; font-size:14px; line-height:24px; text-transform:uppercase; color:#999;}
.nbox .title a{ display:block; margin-top:12px; float:right; padding:0 15px; border-radius:34px; background-color:#fff; overflow:hidden; font-size:14px; line-height:34px; height:34px;}
.nbox .title a .arrow{ display:block; float:right; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #333333; border-right:4px solid transparent; border-bottom:4px solid transparent; margin-left:5px; margin-top:13px;}
.nbox .title a:hover{ background-color:#264186; color:#fff;}
.nbox .title a:hover .arrow{ border-left:6px solid #fff;}
.nbox .box{ width:94%; margin:auto;}
.nbox .box ul{ width:100%; display:block; overflow:hidden;}
.nbox .box ul li{ display:block; width:100%; margin-top:15px; background-color:#fff;}
.nbox .box ul li .tu{ width:100%; position:relative; height:47.67vw;}
.nbox .box ul li .tu img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .tu p{ position:absolute; right:0; top:0; background-color:rgba(255,255,255,0.9); padding:0 10px; font-size:14px; line-height:34px; height:34px;}
.nbox .box ul li:hover .tu img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);} 
.nbox .box ul li:hover .tu p{ background-color:#264186; color:#fff;}
.nbox .box ul li .wen{ padding:10px 15px;}
.nbox .box ul li .wen .w01{ font-size:16px; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.nbox .box ul li .wen .w02{ width:40px; height:1px; background-color:#ddd; margin:5px 0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.nbox .box ul li .wen .w03{ display:none;}
.nbox .box ul li:hover .wen .w02{ width:100%;}
}

/*合作伙伴*/
@media screen and (min-width:1280px){
.hbox{ padding:100px 0; width:100%; background-color:#fff; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.hbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:1;}
.hbox .title{ width:1200px; margin:auto; margin-top:-10px; position:relative; z-index:3;}
.hbox .title p{ display:block; float:left;}
.hbox .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#fff;}
.hbox .title span{ display:block; font-size:20px; line-height:30px; text-transform:uppercase; color:#ccc; margin-top:4px;}
.hbox .title a{ display:block; margin-top:20px; float:right; padding:0 20px; border-radius:40px; background-color:rgba(255,255,255,.7); overflow:hidden; font-size:16px; line-height:40px; height:40px;}
.hbox .title a .arrow{display:block; float:right; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333333; border-bottom:6px solid transparent; margin-left:10px; margin-top:14px;}
.hbox .title a:hover{ background-color:#264186; color:#fff;}
.hbox .title a:hover .arrow{ border-left:6px solid #fff;}
.hbox .box{ width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3;}
.hbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.hbox .box ul li{ display:flex; align-items:center; width:285px; height:120px; float:left; margin-left:20px; margin-top:20px; background-color:#fff;}
.hbox .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.hbox .box ul li img{ max-width:100%; max-height:120px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.hbox{ padding:60px 0; width:100%; background-color:#fff; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.hbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:1;}
.hbox .title{ width:94%; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.hbox .title p{ display:block; float:left;}
.hbox .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#fff;}
.hbox .title span{ display:block; font-size:16px; line-height:26px; text-transform:uppercase; color:#ccc; margin-top:4px;}
.hbox .title a{ display:block; margin-top:17px; float:right; padding:0 18px; border-radius:40px; background-color:rgba(255,255,255,.7); overflow:hidden; font-size:16px; line-height:36px; height:36px;}
.hbox .title a .arrow{display:block; float:right; width:0; height:0; border-top:6px solid transparent; border-left:6px solid #333333; border-bottom:6px solid transparent; margin-left:7px; margin-top:12px;}
.hbox .title a:hover{ background-color:#264186; color:#fff;}
.hbox .title a:hover .arrow{ border-left:6px solid #fff;}
.hbox .box{ width:94%; margin:auto; margin-top:20px; position:relative; z-index:3;}
.hbox .box ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.hbox .box ul li{ display:flex; align-items:center; width:23.5%; height:100px; float:left; margin-left:2%; margin-top:20px; background-color:#fff;}
.hbox .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.hbox .box ul li img{ max-width:100%; max-height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}
}
@media only screen and (max-width:768px){
.hbox{ padding:30px 0; width:100%; background-color:#fff; position:relative; background-position:center; background-size:cover; background-repeat:no-repeat;}
.hbox .bg{ width:100%; height:100%; background-color:rgba(0,0,0,0.7); position:absolute; left:0; top:0; z-index:1;}
.hbox .title{ width:94%; margin:auto; margin-top:-5px; position:relative; z-index:3;}
.hbox .title p{ display:block; float:left;}
.hbox .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#fff;}
.hbox .title span{ display:block; font-size:14px; line-height:24px; text-transform:uppercase; color:#ccc;}
.hbox .title a{ display:block; margin-top:12px; float:right; padding:0 15px; border-radius:34px; background-color:rgba(255,255,255,.7); overflow:hidden; font-size:14px; line-height:34px; height:34px;}
.hbox .title a .arrow{ display:block; float:right; width:0; height:0; border-top:4px solid transparent; border-left:4px solid #333333; border-right:4px solid transparent; border-bottom:4px solid transparent; margin-left:5px; margin-top:13px;}
.hbox .title a:hover{ background-color:#264186; color:#fff;}
.hbox .title a:hover .arrow{ border-left:6px solid #fff;}
.hbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.hbox .box ul{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.hbox .box ul li{ display:flex; align-items:center; width:48.5%; height:60px; float:left; margin-left:3%; margin-top:10px; background-color:#fff;}
.hbox .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.hbox .box ul li img{ max-width:100%; max-height:60px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.hbox .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}
}

/*footer*/
@media screen and (min-width:1280px){
.footer{ width:100%; background-color:#f6f7fb;}
.footer .foot{ width:1200px; margin:25px auto;}
.footer .foot .left{ width:460px; float:left;}
.footer .foot .mil{ width:300px; margin:0 40px; float:left;}
.footer .foot .right{ width:360px; float:left;}
.footer .foot .f01{ font-size:24px; line-height:34px; font-weight:bold; padding-bottom:10px; background-image:url(/public/Home/images/title.png); background-position:left bottom; background-repeat:no-repeat;}
.footer .foot .left .f02{ margin-top:19px; display:block;}
.footer .foot .left .f02 dt{ width:80px; float:left; display:block;}
.footer .foot .left .f02 dt img{ width:100%; display:block;}
.footer .foot .left .f02 dt span{ text-align:center; display:block; font-size:12px; line-height:16px; padding-top:5px;}
.footer .foot .left .f02 dd{ display:block; float:left; margin-left:20px; width:calc(100% - 100px); margin-top:-10px;}
.footer .foot .left .f02 dd p{ display:block; overflow:hidden; font-size:14px; line-height:20px; margin-top:15px;}
.footer .foot .left .f02 dd p img{ display:block; height:20px; float:left; margin-right:10px;}
.footer .foot .mil .f02{ margin-top:15px; display:block;}
.footer .foot .mil .f02 a{ font-size:14px; line-height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .mil .f02 a:hover{ color:#264186;}
.footer .foot .right .f02{ margin-top:15px; display:block; font-size:14px; line-height:28px;}
.footer .foot .right .f03{ display:block; overflow:hidden; margin-top:15px;}
.footer .foot .right .f03 textarea{ color:#264186; font-size:14px; line-height:28px; padding:5px 10px; border:1px solid #cacaca; height:38px; box-sizing:border-box; width:100%; display:block; overflow:hidden;}
.footer .foot .right .f04{ display:block; overflow:hidden; margin-top:15px;}
.footer .foot .right .f04 input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#264186; cursor:pointer;}
.footer .foot .bot{ width:100%; float:left; border-top:1px solid #ddd; margin-top:30px; padding-top:25px;}
.footer .foot .bot .f02{ padding-top:15px;}
.footer .foot .bot .f02 a{ display:block; float:left; font-size:14px; line-height:28px; width:380px; margin-left:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .bot .f02 a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.footer .foot .bot .f02 a:hover{ color:#264186;}
.footer .bq{ background-color:#1038a1; height:60px;}
.footer .bq .box{ width:1200px; margin:auto;}
.footer .bq .box .left{ display:block; float:left; font-size:14px; line-height:60px; color:#fff;}
.footer .bq .box .right{ display:block; float:right;}
.footer .bq .box .right p{ display:block; float:left; font-size:14px; line-height:60px; color:#fff; margin-left:20px;}
.footer .bq .box .right p a{ color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.footer{ width:100%; background-color:#f6f7fb;}
.footer .foot{ width:94%; margin:20px auto;}
.footer .foot .left{ width:41%; float:left;}
.footer .foot .mil{ width:25%; margin:0 2%; float:left;}
.footer .foot .right{ width:30%; float:left;}
.footer .foot .f01{ font-size:20px; line-height:30px; font-weight:bold; padding-bottom:10px; background-image:url(/public/Home/images/title.png); background-position:left bottom; background-repeat:no-repeat;}
.footer .foot .left .f02{ margin-top:19px; display:block;}
.footer .foot .left .f02 dt{ width:80px; float:left; display:block;}
.footer .foot .left .f02 dt img{ width:100%; display:block;}
.footer .foot .left .f02 dt span{ text-align:center; display:block; font-size:12px; line-height:16px; padding-top:5px;}
.footer .foot .left .f02 dd{ display:block; float:left; margin-left:20px; width:calc(100% - 100px); margin-top:-10px;}
.footer .foot .left .f02 dd p{ display:block; overflow:hidden; font-size:14px; line-height:20px; margin-top:15px;}
.footer .foot .left .f02 dd p img{ display:block; height:20px; float:left; margin-right:10px;}
.footer .foot .mil .f02{ margin-top:15px; display:block;}
.footer .foot .mil .f02 a{ font-size:14px; line-height:28px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .mil .f02 a:hover{ color:#264186;}
.footer .foot .right .f02{ margin-top:15px; display:block; font-size:14px; line-height:28px;}
.footer .foot .right .f03{ display:block; overflow:hidden; margin-top:15px;}
.footer .foot .right .f03 textarea{ color:#264186; font-size:14px; line-height:28px; padding:5px 10px; border:1px solid #cacaca; height:38px; box-sizing:border-box; width:100%; display:block; overflow:hidden;}
.footer .foot .right .f04{ display:block; overflow:hidden; margin-top:15px;}
.footer .foot .right .f04 input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#264186; cursor:pointer;}
.footer .foot .bot{ width:100%; float:left; border-top:1px solid #ddd; margin-top:25px; padding-top:20px;}
.footer .foot .bot .f02{ padding-top:15px;}
.footer .foot .bot .f02 a{ display:block; float:left; font-size:14px; line-height:28px; width:32%; margin-left:2%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .bot .f02 a:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.footer .foot .bot .f02 a:hover{ color:#264186;}
.footer .bq{ background-color:#1038a1; height:50px;}
.footer .bq .box{ width:94%; margin:auto;}
.footer .bq .box .left{ display:block; float:left; font-size:14px; line-height:50px; color:#fff;}
.footer .bq .box .right{ display:block; float:right;}
.footer .bq .box .right p{ display:block; float:left; font-size:14px; line-height:50px; color:#fff; margin-left:20px;}
.footer .bq .box .right p a{ color:#fff;}
}
@media only screen and (max-width:768px){
.footer{ width:100%; background-color:#f6f7fb;}
.footer .foot{ width:94%; margin:10px auto; margin-bottom:20px;}
.footer .foot .left{ width:100%; float:left;}
.footer .foot .mil{ width:100%; float:left;}
.footer .foot .right{ width:100%; float:left;}
.footer .foot .f01{ font-size:18px; line-height:28px; font-weight:bold; padding-bottom:10px; background-image:url(/public/Home/images/title.png); background-position:left bottom; background-repeat:no-repeat; margin-top:10px;}
.footer .foot .left .f02{ margin-top:15px; display:block;}
.footer .foot .left .f02 dt{ width:80px; float:left; display:block;}
.footer .foot .left .f02 dt img{ width:100%; display:block;}
.footer .foot .left .f02 dt span{ text-align:center; display:block; font-size:12px; line-height:16px; padding-top:5px;}
.footer .foot .left .f02 dd{ display:block; float:left; margin-left:10px; width:calc(100% - 90px); margin-top:-5px;}
.footer .foot .left .f02 dd p{ display:block; overflow:hidden; font-size:14px; line-height:20px; margin-top:10px;}
.footer .foot .left .f02 dd p img{ display:block; height:20px; float:left; margin-right:5px;}
.footer .foot .mil .f02{ margin-top:10px; display:block;}
.footer .foot .mil .f02 a{ font-size:14px; line-height:24px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:3%; width:48.5%;}
.footer .foot .mil .f02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.footer .foot .mil .f02 a:hover{ color:#264186;}
.footer .foot .right .f02{ margin-top:10px; display:block; font-size:14px; line-height:24px;}
.footer .foot .right .f03{ display:block; overflow:hidden; margin-top:10px;}
.footer .foot .right .f03 textarea{ color:#264186; font-size:14px; line-height:28px; padding:5px 10px; border:1px solid #cacaca; height:38px; box-sizing:border-box; width:100%; display:block; overflow:hidden;}
.footer .foot .right .f04{ display:block; overflow:hidden; margin-top:10px;}
.footer .foot .right .f04 input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; color:#fff; background-color:#264186; cursor:pointer;}
.footer .foot .bot{ width:100%; float:left; border-top:1px solid #ddd; margin-top:20px; padding-top:5px;}
.footer .foot .bot .f02{ padding-top:10px;}
.footer .foot .bot .f02 a{ display:block; float:left; font-size:14px; line-height:24px; width:48.5%; margin-left:3%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.footer .foot .bot .f02 a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.footer .foot .bot .f02 a:hover{ color:#264186;}
.footer .bq{ background-color:#1038a1;}
.footer .bq .box{ width:94%; margin:10px auto;}
.footer .bq .box .left{ display:block; text-align:center; font-size:14px; line-height:20px; color:#fff;}
.footer .bq .box .right{ display:flex; justify-content:center;}
.footer .bq .box .right p{ display:block; font-size:14px; line-height:20px; color:#fff; margin:0 5px;}
.footer .bq .box .right p a{ color:#fff;}
}

@media screen and (min-width:1280px){
.sideBar{ position:fixed; right:0; top:40%; transform:translateY(-50%); z-index:998;}
.side{ height:50px; position:absolute; transition:all 0.5s;}
.side a{ display:block; height:50px; font-size:0;}
.side i,.side span{ display:inline-block; vertical-align:middle; height:100%; line-height:50px;}
.side i{ width:50px; text-align:center; background:rgb(201 36 43 / 90%); transition:all 0.3s;}
.side i img{ vertical-align:middle;}
.side span{ text-align:center; line-height:50px; background:#232323; font-size:13px; color:#fff; transition:all 1s;}
.side2{ top:151px; right:-140px; width:190px;}
.side2 span{ width:140px;}
.side3{ right:-190px; width:240px; top:202px;}
.side3 span{ width:190px;}
.side5{ right:-90px; width:140px; top:253px; cursor:pointer;}
.side5 span{ width:90px; font-size:14px;}
.side5:hover .qcodePic{ display:block;}
.side6{ right:-90px; width:140px; top:305px; cursor:pointer;}
.side6 span{ width:90px; font-size:14px;}
.side:hover{ right:0;}
.side:hover i{ background:rgb(201 36 43 / 100%);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.sideBar{ position:fixed; right:0; top:40%; transform:translateY(-50%); z-index:998;}
.side{ height:50px; position:absolute; transition:all 0.5s;}
.side a{ display:block; height:50px; font-size:0;}
.side i,.side span{ display:inline-block; vertical-align:middle; height:100%; line-height:50px;}
.side i{ width:50px; text-align:center; background:rgb(201 36 43 / 90%); transition:all 0.3s;}
.side i img{ vertical-align:middle;}
.side span{ text-align:center; line-height:50px; background:#232323; font-size:13px; color:#fff; transition:all 1s;}
.side2{ top:151px; right:-140px; width:190px;}
.side2 span{ width:140px;}
.side3{ right:-190px; width:240px; top:202px;}
.side3 span{ width:190px;}
.side5{ right:-90px; width:140px; top:253px; cursor:pointer;}
.side5 span{ width:90px; font-size:14px;}
.side5:hover .qcodePic{ display:block;}
.side6{ right:-90px; width:140px; top:305px; cursor:pointer;}
.side6 span{ width:90px; font-size:14px;}
.side:hover{ right:0;}
.side:hover i{ background:rgb(201 36 43 / 100%);}
}
@media only screen and (max-width:768px){
.sideBar{ position:fixed; right:0; bottom:30px; z-index:998;}
.side{ height:40px; transition:all 0.5s;}
.side a{ display:block; height:40px; font-size:0;}
.side i,.side span{ display:inline-block; vertical-align:middle; height:100%; line-height:40px;}
.side i{ width:40px; text-align:center; background:rgb(201 36 43 / 90%); transition:all 0.3s;}
.side i img{ vertical-align:middle;}
.side span{ display:none;}
.side2,.side3,.side5{ display:none;}
.side6{ right:0; width:40px; cursor:pointer;}
}

/*内页*/
@media screen and (min-width:1280px){
.ban{ width:100%; height:240px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; margin-top:140px;}
.ban .box{ max-width:1200px; text-align:center; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box b{ display:block; font-size:36px; line-height:46px; color:#fff;}
.ban .box span{ margin:10px auto; display:block; margin-top:25px;}
.ban .box span img{ display:block; margin:auto;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ban{ width:100%; height:210px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; margin-top:120px;}
.ban .box{ max-width:94%; text-align:center; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box b{ display:block; font-size:30px; line-height:40px; color:#fff;}
.ban .box span{ margin:10px auto; display:block; margin-top:20px;}
.ban .box span img{ display:block; margin:auto;}
}
@media only screen and (max-width:768px){
.ban{ width:100%; height:170px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:1; margin-top:110px;}
.ban .box{ max-width:94%; text-align:center; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.ban .box b{ display:block; font-size:24px; line-height:34px; color:#fff;}
.ban .box span{ margin:5px auto; display:block; margin-top:15px;}
.ban .box span img{ display:block; margin:auto;}
}

@media screen and (min-width:1280px){
.wbox{ width:100%; background-color:#fff; height:54px; box-shadow:0 0px 10px 0px rgba(0,0,0,0.1); position:relative; z-index:9;}
.wbox .box{ width:1200px; margin:auto;}
.wbox .box .left{ float:left;}
.wbox .box .left a{ display:block; float:left; padding:0 10px; margin-right:30px; font-size:14px; line-height:54px; position:relative;}
.wbox .box .left a b{ width:0; height:2px; display:block; background-color:#264186; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; bottom:0;}
.wbox .box .left a:hover,.wbox .box .left a.on{ color:#264186;}
.wbox .box .left a:hover b,.wbox .box .left a.on b{ width:100%;}
.wbox .box .right{ float:right; font-size:14px; line-height:54px; color:#6c757d;}
.wbox .box .right svg{ width:14px; height:14px; display:block; margin:20px 10px; float:left; color:#6c757d;}
.wbox .box .right span{ color:#333;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.wbox{ width:100%; background-color:#fff; height:50px; box-shadow:0 0px 10px 0px rgba(0,0,0,0.1); position:relative; z-index:9;}
.wbox .box{ width:94%; margin:auto;}
.wbox .box .left{ float:left;}
.wbox .box .left a{ display:block; float:left; padding:0 10px; margin-right:20px; font-size:14px; line-height:50px; position:relative;}
.wbox .box .left a b{ width:0; height:2px; display:block; background-color:#264186; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; bottom:0;}
.wbox .box .left a:hover,.wbox .box .left a.on{ color:#264186;}
.wbox .box .left a:hover b,.wbox .box .left a.on b{ width:100%;}
.wbox .box .right{ float:right; font-size:14px; line-height:50px; color:#6c757d;}
.wbox .box .right svg{ width:14px; height:14px; display:block; margin:18px 10px; float:left; color:#6c757d;}
.wbox .box .right span{ color:#333;}
}
@media only screen and (max-width:768px){
.wbox{ width:100%; background-color:#fff; box-shadow:0 0px 10px 0px rgba(0,0,0,0.1); position:relative; z-index:9;}
.wbox .box{ width:94%; margin:auto;}
.wbox .box .left{ display:flex; justify-content:center;}
.wbox .box .left a{ display:block; padding:0 5px; margin:0 5px; font-size:14px; line-height:40px; position:relative;}
.wbox .box .left a b{ width:0; height:2px; display:block; background-color:#264186; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; position:absolute; left:0; bottom:0;}
.wbox .box .left a:hover,.wbox .box .left a.on{ color:#264186;}
.wbox .box .left a:hover b,.wbox .box .left a.on b{ width:100%;}
.wbox .box .right{ display:none;}
}

/*公司简介*/
@media screen and (min-width:1280px){
.ab01{ padding:70px 0; width:100%; background-color:#fff;}
.ab01 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.ab01 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.ab01 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.ab01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.ab01 .box{ width:1200px; margin:auto; margin-top:25px; position:relative; min-height:500px;}
.ab01 .box .a01{ padding:45px 60px; background-color:#264186; font-size:14px; line-height:2; color:#fff; width:400px;}
.ab01 .box .a02{ padding:30px; background-color:#fff; font-size:14px; line-height:2; color:#333; width:400px;}
.ab01 .box .a03{ width:50px; position:absolute; right:0; top:0;}
.ab01 .box .a03 img{ width:100%; display:block;}
.ab01 .box .a04{ height:410px; width:730px; position:absolute; right:0; bottom:0;}
.ab01 .box .a04 img{ width:100%; display:block;}
.ab01 .a05{ width:1200px; margin:auto; margin-top:30px; font-size:14px; line-height:2;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab01{ padding:50px 0; width:100%; background-color:#fff;}
.ab01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.ab01 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.ab01 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.ab01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.ab01 .box{ width:94%; margin:auto; margin-top:20px; position:relative; min-height:37vw;}
.ab01 .box .a01{ padding:35px 5%; background-color:#264186; font-size:14px; line-height:2; color:#fff; width:34%;}
.ab01 .box .a02{ padding:20px 3%; background-color:#fff; font-size:14px; line-height:2; color:#333; width:34%;}
.ab01 .box .a03{ height:4vw; position:absolute; right:0; top:0;}
.ab01 .box .a03 img{ height:4vw; display:block;}
.ab01 .box .a04{ height:31.67vw; width:60%; position:absolute; right:0; bottom:0;}
.ab01 .box .a04 img{ width:100%; display:block;}
.ab01 .a05{ width:94%; margin:auto; margin-top:20px; font-size:14px; line-height:2;}
}
@media only screen and (max-width:768px){
.ab01{ padding:30px 0; width:100%; background-color:#fff;}
.ab01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.ab01 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.ab01 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.ab01 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.ab01 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.ab01 .box .a01{ padding:15px; background-color:#264186; font-size:14px; line-height:2; color:#fff;}
.ab01 .box .a02{ padding:15px; background-color:#fff; font-size:14px; line-height:2; color:#333;}
.ab01 .box .a03{ display:none;}
.ab01 .box .a04{ width:100%;}
.ab01 .box .a04 img{ width:100%; display:block;}
.ab01 .a05{ width:94%; margin:auto; margin-top:15px; font-size:14px; line-height:2;}
}

/*企业文化*/
@media screen and (min-width:1280px){
.ab02{ padding:70px 0; width:100%; background-color:#fff;}
.ab02 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.ab02 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.ab02 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.ab02 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.ab02 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.ab02 .box .a01{ width:100%;}
.ab02 .box .a01 img{ max-width:100%; margin:auto; display:block;}
.ab02 .box .a02{ width:100%; display:flex; margin-top:30px;}
.ab02 .box .a02 li{ width:33.33%; display:flex; flex-direction:column;}
.ab02 .box .a02 li:nth-child(2){ width:33.34%;}
.ab02 .box .a02 li .tu{ width:100%;}
.ab02 .box .a02 li .tu img{ width:100%; display:block;}
.ab02 .box .a02 li .wen{ padding:30px; flex:1; font-size:14px; line-height:2; background-color:#e9eef3;}
.ab02 .box .a02 li .aa01{ background-color:#264186; text-align:center; padding:50px; box-sizing:border-box;}
.ab02 .box .a02 li .aa01 span{ display:block; font-size:24px; line-height:34px; color:#fff;}
.ab02 .box .a02 li .aa01 p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.ab02 .box .a02 li .aa02{ flex:1; display:flex; align-items:center;}
.ab02 .box .a02 li .aa02 div{ padding:30px; text-align:center; box-sizing:border-box; width:100%;}
.ab02 .box .a02 li .aa02 div p{ font-size:16px; line-height:2; color:#264186; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab02{ padding:50px 0; width:100%; background-color:#fff;}
.ab02 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.ab02 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.ab02 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.ab02 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.ab02 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.ab02 .box .a01{ width:100%;}
.ab02 .box .a01 img{ max-width:100%; margin:auto; display:block;}
.ab02 .box .a02{ width:100%; display:flex; margin-top:25px;}
.ab02 .box .a02 li{ width:33.33%; display:flex; flex-direction:column;}
.ab02 .box .a02 li:nth-child(2){ width:33.34%;}
.ab02 .box .a02 li .tu{ width:100%;}
.ab02 .box .a02 li .tu img{ width:100%; display:block;}
.ab02 .box .a02 li .wen{ padding:20px; flex:1; font-size:14px; line-height:2; background-color:#e9eef3;}
.ab02 .box .a02 li .aa01{ background-color:#264186; text-align:center; padding:40px 20px; box-sizing:border-box;}
.ab02 .box .a02 li .aa01 span{ display:block; font-size:22px; line-height:32px; color:#fff;}
.ab02 .box .a02 li .aa01 p{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:10px;}
.ab02 .box .a02 li .aa02{ flex:1; display:flex; align-items:center;}
.ab02 .box .a02 li .aa02 div{ padding:20px; text-align:center; box-sizing:border-box; width:100%;}
.ab02 .box .a02 li .aa02 div p{ font-size:16px; line-height:2; color:#264186; display:block;}
}
@media only screen and (max-width:768px){
.ab02{ padding:30px 0; width:100%; background-color:#fff;}
.ab02 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.ab02 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.ab02 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.ab02 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.ab02 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.ab02 .box .a01{ width:100%;}
.ab02 .box .a01 img{ max-width:100%; margin:auto; display:block;}
.ab02 .box .a02{ width:100%; display:block; margin-top:25px;}
.ab02 .box .a02 li{ width:100%; display:block; overflow:hidden;}
.ab02 .box .a02 li .tu{ width:100%;}
.ab02 .box .a02 li .tu img{ width:100%; display:block;}
.ab02 .box .a02 li .wen{ padding:15px; flex:1; font-size:14px; line-height:2; background-color:#e9eef3;}
.ab02 .box .a02 li .aa01{ background-color:#264186; text-align:center; padding:25px 15px; box-sizing:border-box;}
.ab02 .box .a02 li .aa01 span{ display:block; font-size:18px; line-height:18px; color:#fff;}
.ab02 .box .a02 li .aa01 p{ display:block; font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ab02 .box .a02 li .aa02{ flex:1; display:flex; align-items:center;}
.ab02 .box .a02 li .aa02 div{ padding:15px; text-align:center; box-sizing:border-box; width:100%;}
.ab02 .box .a02 li .aa02 div p{ font-size:16px; line-height:2; color:#264186; display:block;}
}

/*合作伙伴*/
@media screen and (min-width:1280px){
.ab03{ padding:70px 0; width:100%; background-color:#fff;}
.ab03 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.ab03 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.ab03 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.ab03 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.ab03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.ab03 .box ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.ab03 .box ul li{ display:flex; align-items:center; width:285px; height:120px; float:left; margin-left:20px; margin-top:20px; background-color:#fff;}
.ab03 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box ul li img{ max-width:100%; max-height:120px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#264186;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#264186;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.ab03{ padding:50px 0; width:100%; background-color:#fff;}
.ab03 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.ab03 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.ab03 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.ab03 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.ab03 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.ab03 .box ul{ width:100%; display:block; overflow:hidden; margin-top:-20px;}
.ab03 .box ul li{ display:flex; align-items:center; width:23.5%; height:100px; float:left; margin-left:2%; margin-top:20px; background-color:#fff;}
.ab03 .box ul li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box ul li img{ max-width:100%; max-height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

.fanye{ width:100%; margin-top:25px; text-align:center;}
.fanye li{ margin:0 5px; display:inline-block;}
.fanye li a{ min-width:20px; padding:0 5px; height:30px; line-height:30px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:20px; padding:0 5px; height:30px; line-height:30px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#264186;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#264186;}
}
@media only screen and (max-width:768px){
.ab03{ padding:30px 0; width:100%; background-color:#fff;}
.ab03 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.ab03 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.ab03 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.ab03 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.ab03 .box{ width:94%; margin:auto; position:relative;}
.ab03 .box ul{ width:100%; display:block; overflow:hidden; padding-top:5px;}
.ab03 .box ul li{ display:flex; align-items:center; width:48.5%; height:60px; float:left; margin-left:3%; margin-top:10px; background-color:#fff;}
.ab03 .box ul li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.ab03 .box ul li img{ max-width:100%; max-height:60px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.ab03 .box ul li:hover img{ -webkit-transform:rotateY(-360deg);}

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

/*产品中心*/
@media screen and (min-width:1280px){
.pro01{ padding:70px 0; width:100%; background-color:#fff;}
.pro01 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.pro01 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.pro01 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro01 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.pro01 .box ul{ width:100%; display:block; overflow:hidden;}
.pro01 .box ul li{ display:flex; overflow:hidden;}
.pro01 .box ul li:nth-child(2n){ flex-direction:row-reverse;}
.pro01 .box ul li .left{ width:50%;}
.pro01 .box ul li .left img{ width:100%; display:block;}
.pro01 .box ul li .right{ padding:50px; box-sizing:border-box; width:50%;}
.pro01 .box ul li .right .p01{ font-size:24px; font-weight:bold;}
.pro01 .box ul li .right .p01 a{ color:#264186;}
.pro01 .box ul li .right .p02{ font-size:16px; margin:10px 0;}
.pro01 .box ul li .right .p03 a{ text-align:center; width:100px; display:block; float:left; font-size:16px; line-height:24px; padding:10px 0; border-bottom:1px solid #264186;}
.pro01 .box ul li .right .p03 a:hover{ color:#264186;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro01{ padding:50px 0; width:100%; background-color:#fff;}
.pro01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro01 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.pro01 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro01 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.pro01 .box ul{ width:100%; display:block; overflow:hidden;}
.pro01 .box ul li{ display:flex; overflow:hidden;}
.pro01 .box ul li:nth-child(2n){ flex-direction:row-reverse;}
.pro01 .box ul li .left{ width:50%;}
.pro01 .box ul li .left img{ width:100%; display:block;}
.pro01 .box ul li .right{ padding:30px; box-sizing:border-box; width:50%;}
.pro01 .box ul li .right .p01{ font-size:22px; font-weight:bold;}
.pro01 .box ul li .right .p01 a{ color:#264186;}
.pro01 .box ul li .right .p02{ font-size:16px; margin:10px 0;}
.pro01 .box ul li .right .p03 a{ text-align:center; width:100px; display:block; float:left; font-size:16px; line-height:24px; padding:10px 0; border-bottom:1px solid #264186;}
.pro01 .box ul li .right .p03 a:hover{ color:#264186;}
}
@media only screen and (max-width:768px){
.pro01{ padding:30px 0; width:100%; background-color:#fff;}
.pro01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro01 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.pro01 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.pro01 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.pro01 .box{ width:94%; margin:auto; position:relative;}
.pro01 .box ul{ width:100%; display:block; overflow:hidden;}
.pro01 .box ul li{ overflow:hidden; margin-top:15px;}
.pro01 .box ul li .left{ width:100%;}
.pro01 .box ul li .left img{ width:100%; display:block;}
.pro01 .box ul li .right{ padding:15px; padding-bottom:20px; box-sizing:border-box; width:100%; background-color:#e9eef3;}
.pro01 .box ul li .right .p01{ font-size:16px; font-weight:bold;}
.pro01 .box ul li .right .p01 a{ color:#264186;}
.pro01 .box ul li .right .p02{ font-size:14px; margin:5px 0;}
.pro01 .box ul li .right .p03 a{ text-align:center; width:100px; display:block; float:left; font-size:14px; line-height:24px; padding:5px 0; border-bottom:1px solid #264186;}
.pro01 .box ul li .right .p03 a:hover{ color:#264186;}
}

/*产品列表*/
@media screen and (min-width:1280px){
.pro02{ padding-top:70px; width:100%; background-color:#fff;}
.pro02 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.pro02 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.pro02 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro02 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro02 .box{ width:100%; margin:auto; margin-top:25px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro02 .box .bg{ width:100%; height:100%; background-color:#264186; position:absolute; left:0; top:0; z-index:1; opacity:0.7;}
.pro02 .box .wen{ width:1200px; padding:50px; box-sizing:border-box; position:relative; z-index:3; margin:auto; text-align:center;}
.pro02 .box .wen .p01{ font-size:24px; color:#fff;}
.pro02 .box .wen .p02{ font-size:14px; color:#fff; margin-top:15px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro02{ padding-top:50px; width:100%; background-color:#fff;}
.pro02 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro02 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.pro02 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro02 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro02 .box{ width:100%; margin:auto; margin-top:20px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro02 .box .bg{ width:100%; height:100%; background-color:#264186; position:absolute; left:0; top:0; z-index:1; opacity:0.7;}
.pro02 .box .wen{ width:94%; padding:40px; box-sizing:border-box; position:relative; z-index:3; margin:auto; text-align:center;}
.pro02 .box .wen .p01{ font-size:20px; color:#fff;}
.pro02 .box .wen .p02{ font-size:14px; color:#fff; margin-top:10px;}
}
@media only screen and (max-width:768px){
.pro02{ padding-top:30px; width:100%; background-color:#fff;}
.pro02 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro02 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.pro02 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.pro02 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.pro02 .box{ width:100%; margin:auto; margin-top:15px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro02 .box .bg{ width:100%; height:100%; background-color:#264186; position:absolute; left:0; top:0; z-index:1; opacity:0.7;}
.pro02 .box .wen{ width:94%; padding:15px; box-sizing:border-box; position:relative; z-index:3; margin:auto; text-align:center;}
.pro02 .box .wen .p01{ font-size:18px; color:#fff;}
.pro02 .box .wen .p02{ font-size:14px; color:#fff;}
}

@media screen and (min-width:1280px){
.pro03{ padding:70px 0; width:100%; background-color:#fff;}
.pro03 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.pro03 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.pro03 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro03 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.pro03 .box .left{ width:50%; float:left;}
.pro03 .box .left img{ width:100%; display:block;}
.pro03 .box .right{ width:47%; float:left; margin:30px 0; margin-left:3%;}
.pro03 .box .right .p01{ width:100%; font-size:24px; line-height:50px; font-weight:bold;}
.pro03 .box .right .p01 p{ padding:5px; background-color:rgba(249,117,52,.3); border-radius:100%; float:left; display:block; overflow:hidden; margin-right:10px;}
.pro03 .box .right .p01 p b{ display:block; background-color:#f97534; font-size:20px; line-height:40px; width:40px; text-align:center; color:#fff; border-radius:100%;}
.pro03 .box .right .p02{ font-size:14px; margin-top:20px;}
.pro03 .box .list{ width:100%; display:block; margin-top:25px; float:left;}
.pro03 .box .list dt{ font-size:24px; display:block; border-bottom:1px solid #eee;}
.pro03 .box .list .swiper-container{ overflow:hidden; width:100%;}
.pro03 .box .list .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pro03 .box .list .swiper-slide a{ display:block; float:left; margin-left:20px; margin-top:20px; width:285px;}
.pro03 .box .list .swiper-slide a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .box .list .swiper-slide a strong{ width:100%; display:block; height:180px; overflow:hidden;}
.pro03 .box .list .swiper-slide a strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro03 .box .list .swiper-slide a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.pro03 .box .list .swiper-slide a p{ padding:5px 15px; box-sizing:border-box; background-color:#e9eef3; text-align:center; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03.color{ background-color:#e9eef3;}
.pro03.color .box .list dt{ border-bottom:1px solid #cacaca;}
.pro03.color .box .list .swiper-slide a p{ background-color:#fff;}
.pro03 .box .list .swiper-slide a:hover p{ background-color:#264186; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro03{ padding:50px 0; width:100%; background-color:#fff;}
.pro03 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro03 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.pro03 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro03 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro03 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.pro03 .box .left{ width:50%; float:left;}
.pro03 .box .left img{ width:100%; display:block;}
.pro03 .box .right{ width:47%; float:left; margin:25px 0; margin-left:3%;}
.pro03 .box .right .p01{ width:100%; font-size:22px; line-height:50px; font-weight:bold;}
.pro03 .box .right .p01 p{ padding:5px; background-color:rgba(249,117,52,.3); border-radius:100%; float:left; display:block; overflow:hidden; margin-right:10px;}
.pro03 .box .right .p01 p b{ display:block; background-color:#f97534; font-size:20px; line-height:40px; width:40px; text-align:center; color:#fff; border-radius:100%;}
.pro03 .box .right .p02{ font-size:14px; margin-top:10px;}
.pro03 .box .list{ width:100%; display:block; margin-top:20px; float:left;}
.pro03 .box .list dt{ font-size:22px; display:block; border-bottom:1px solid #eee;}
.pro03 .box .list .swiper-container{ overflow:hidden; width:100%;}
.pro03 .box .list .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pro03 .box .list .swiper-slide a{ display:block; float:left; margin-left:2%; margin-top:20px; width:23.5%;}
.pro03 .box .list .swiper-slide a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro03 .box .list .swiper-slide a strong{ width:100%; display:block; height:13.99vw; overflow:hidden;}
.pro03 .box .list .swiper-slide a strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro03 .box .list .swiper-slide a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.pro03 .box .list .swiper-slide a p{ padding:5px 15px; box-sizing:border-box; background-color:#e9eef3; text-align:center; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03.color{ background-color:#e9eef3;}
.pro03.color .box .list dt{ border-bottom:1px solid #cacaca;}
.pro03.color .box .list .swiper-slide a p{ background-color:#fff;}
.pro03 .box .list .swiper-slide a:hover p{ background-color:#264186; color:#fff;}
}
@media only screen and (max-width:768px){
.pro03{ padding:30px 0; width:100%; background-color:#fff;}
.pro03 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro03 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.pro03 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.pro03 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.pro03 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.pro03 .box .left{ width:100%; float:left;}
.pro03 .box .left img{ width:100%; display:block;}
.pro03 .box .right{ width:100%; float:left; margin-top:15px;}
.pro03 .box .right .p01{ width:100%; font-size:18px; line-height:50px; font-weight:bold;}
.pro03 .box .right .p01 p{ padding:5px; background-color:rgba(249,117,52,.3); border-radius:100%; float:left; display:block; overflow:hidden; margin-right:10px;}
.pro03 .box .right .p01 p b{ display:block; background-color:#f97534; font-size:20px; line-height:40px; width:40px; text-align:center; color:#fff; border-radius:100%;}
.pro03 .box .right .p02{ font-size:14px; margin-top:5px;}
.pro03 .box .list{ width:100%; display:block; margin-top:10px; float:left;}
.pro03 .box .list dt{ font-size:18px; display:block; border-bottom:1px solid #eee;}
.pro03 .box .list .swiper-container{ overflow:hidden; width:100%;}
.pro03 .box .list .swiper-slide{ width:100%; display:block; overflow:hidden;}
.pro03 .box .list .swiper-slide a{ display:block; float:left; margin-left:3%; margin-top:15px; width:48.5%;}
.pro03 .box .list .swiper-slide a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro03 .box .list .swiper-slide a strong{ width:100%; display:block; height:28.87vw; overflow:hidden;}
.pro03 .box .list .swiper-slide a strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro03 .box .list .swiper-slide a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.pro03 .box .list .swiper-slide a p{ padding:5px 10px; box-sizing:border-box; background-color:#e9eef3; text-align:center; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro03.color{ background-color:#e9eef3;}
.pro03.color .box .list dt{ border-bottom:1px solid #cacaca;}
.pro03.color .box .list .swiper-slide a p{ background-color:#fff;}
.pro03 .box .list .swiper-slide a:hover p{ background-color:#264186; color:#fff;}
}

/*产品内页*/
@media screen and (min-width:1280px){
.pro04{ padding:70px 0; width:100%; background-color:#fff;}
.pro04 .box{ width:1200px; margin:auto;}
.pro04 .lbar{ width:830px; float:left;}
.pro04 .lbar .left{ width:490px; float:left;}
.pro04 .lbar .left img{ width:100%; display:block;}
.pro04 .lbar .left .thumbs{ padding:0 20px; margin-top:15px; position:relative; overflow:hidden;}
.pro04 .lbar .left .thumbs .swiper-button-prev{ width:16px; left:0px; font-size:14px; color:#333;}
.pro04 .lbar .left .thumbs .swiper-button-next{ width:16px; right:0px; font-size:14px; color:#333;}
.pro04 .lbar .left .thumbs .swiper-button-prev svg,.pro04 .lbar .left .gallery-thumbs .swiper-button-next svg{ display:block; width:16px; height:16px;}
.pro04 .swiper-button-next:after,.pro04 .swiper-button-prev:after{ display:none;}
.pro04 .lbar .left .thumbs .swiper-slide-thumb-active b{ width:100%; height:100%; border:2px solid #264186; box-sizing:border-box; position:absolute; left:0; top:0; display:block;}
.pro04 .lbar .right{ width:310px; float:right; margin-top:20px;}
.pro04 .lbar .right .p01{ font-size:24px; border-bottom:1px solid #ddd;}
.pro04 .lbar .right .p02{ font-size:14px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.pro04 .lbar .right .p03{ color:#999; font-size:14px; margin-top:10px;}
.pro04 .lbar .right .p03 a{ color:#999;}
.pro04 .lbar .right .p04{ margin-top:15px;}
.pro04 .lbar .right .p04 a{ display:block; float:left; padding:0 20px; background-color:#264186; color:#fff; line-height:40px; font-size:16px; border-radius:5px;}
.pro04 .lbar .right .p04 a svg{ height:20px; margin-top:10px; display:block; float:left; margin-right:5px; color:#fff; fill:#fff;}
.pro04 .lbar .wen{ margin-top:30px; width:100%; float:left;}
.pro04 .lbar .wen img{ max-width:100%; height:auto;}
.pro04 .rbar{ width:340px; float:right;}
.pro04 .rbar .bt{ font-size:24px;}
.pro04 .rbar .bt p{ display:block; width:60px; height:2px; background-color:#ddd;}
.pro04 .rbar .list{ display:block; margin-top:20px;}
.pro04 .rbar .list dt{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.pro04 .rbar .list dt img{ width:100%; display:block;}
.pro04 .rbar .list dt b{ display:block; font-size:18px; line-height:28px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dt p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dt:hover b{ color:#264186;}
.pro04 .rbar .list dd{ display:block; padding-top:10px;}
.pro04 .rbar .list dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.pro04 .rbar .list dd a span{ display:block; float:left; width:8px; height:8px; margin-top:8px; margin-right:10px; background-color:#264186;}
.pro04 .rbar .list dd a p{ display:block; float:left; width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dd a:hover p{ color:#264186;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro04{ padding:50px 0; width:100%; background-color:#fff;}
.pro04 .box{ width:94%; margin:auto;}
.pro04 .lbar{ width:70%; float:left;}
.pro04 .lbar .left{ width:57%; float:left;}
.pro04 .lbar .left img{ width:100%; display:block;}
.pro04 .lbar .left .thumbs{ padding:0 20px; margin-top:10px; position:relative; overflow:hidden;}
.pro04 .lbar .left .thumbs .swiper-button-prev{ width:16px; left:0px; font-size:14px; color:#333;}
.pro04 .lbar .left .thumbs .swiper-button-next{ width:16px; right:0px; font-size:14px; color:#333;}
.pro04 .lbar .left .thumbs .swiper-button-prev svg,.pro04 .lbar .left .gallery-thumbs .swiper-button-next svg{ display:block; width:16px; height:16px;}
.pro04 .swiper-button-next:after,.pro04 .swiper-button-prev:after{ display:none;}
.pro04 .lbar .left .thumbs .swiper-slide-thumb-active b{ width:100%; height:100%; border:2px solid #264186; box-sizing:border-box; position:absolute; left:0; top:0; display:block;}
.pro04 .lbar .right{ width:40%; float:right; margin-top:10px;}
.pro04 .lbar .right .p01{ font-size:22px; border-bottom:1px solid #ddd;}
.pro04 .lbar .right .p02{ font-size:14px; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.pro04 .lbar .right .p03{ color:#999; font-size:14px; margin-top:10px;}
.pro04 .lbar .right .p03 a{ color:#999;}
.pro04 .lbar .right .p04{ margin-top:15px;}
.pro04 .lbar .right .p04 a{ display:block; float:left; padding:0 20px; background-color:#264186; color:#fff; line-height:40px; font-size:16px; border-radius:5px;}
.pro04 .lbar .right .p04 a svg{ height:20px; margin-top:10px; display:block; float:left; margin-right:5px; color:#fff; fill:#fff;}
.pro04 .lbar .wen{ margin-top:25px; width:100%; float:left;}
.pro04 .lbar .wen img{ max-width:100%; height:auto;}
.pro04 .rbar{ width:27%; float:right;}
.pro04 .rbar .bt{ font-size:22px;}
.pro04 .rbar .bt p{ display:block; width:50px; height:2px; background-color:#ddd;}
.pro04 .rbar .list{ display:block; margin-top:15px;}
.pro04 .rbar .list dt{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.pro04 .rbar .list dt img{ width:100%; display:block;}
.pro04 .rbar .list dt b{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dt p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dt:hover b{ color:#264186;}
.pro04 .rbar .list dd{ display:block; padding-top:10px;}
.pro04 .rbar .list dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.pro04 .rbar .list dd a span{ display:block; float:left; width:8px; height:8px; margin-top:8px; margin-right:10px; background-color:#264186;}
.pro04 .rbar .list dd a p{ display:block; float:left; width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dd a:hover p{ color:#264186;}
}
@media only screen and (max-width:768px){
.pro04{ padding:30px 0; width:100%; background-color:#fff;}
.pro04 .box{ width:94%; margin:auto;}
.pro04 .lbar{ width:100%; float:left;}
.pro04 .lbar .left{ width:100%; float:left;}
.pro04 .lbar .left img{ width:100%; display:block;}
.pro04 .lbar .left .thumbs{ padding:0 20px; margin-top:10px; position:relative; overflow:hidden;}
.pro04 .lbar .left .thumbs .swiper-button-prev{ width:16px; left:0px; font-size:14px; color:#333;}
.pro04 .lbar .left .thumbs .swiper-button-next{ width:16px; right:0px; font-size:14px; color:#333;}
.pro04 .lbar .left .thumbs .swiper-button-prev svg,.pro04 .lbar .left .gallery-thumbs .swiper-button-next svg{ display:block; width:16px; height:16px;}
.pro04 .swiper-button-next:after,.pro04 .swiper-button-prev:after{ display:none;}
.pro04 .lbar .left .thumbs .swiper-slide-thumb-active b{ width:100%; height:100%; border:2px solid #264186; box-sizing:border-box; position:absolute; left:0; top:0; display:block;}
.pro04 .lbar .right{ width:100%; float:right; margin-top:10px;}
.pro04 .lbar .right .p01{ font-size:18px; border-bottom:1px solid #ddd;}
.pro04 .lbar .right .p02{ font-size:14px; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:4; overflow:hidden;}
.pro04 .lbar .right .p03{ color:#999; font-size:14px; margin-top:5px;}
.pro04 .lbar .right .p03 a{ color:#999;}
.pro04 .lbar .right .p04{ margin-top:10px;}
.pro04 .lbar .right .p04 a{ display:block; float:left; padding:0 20px; background-color:#264186; color:#fff; line-height:40px; font-size:16px; border-radius:5px;}
.pro04 .lbar .right .p04 a svg{ height:20px; margin-top:10px; display:block; float:left; margin-right:5px; color:#fff; fill:#fff;}
.pro04 .lbar .wen{ margin-top:15px; width:100%; float:left;}
.pro04 .lbar .wen img{ max-width:100%; height:auto;}
.pro04 .rbar{ width:100%; float:right; margin-top:5px;}
.pro04 .rbar .bt{ font-size:18px;}
.pro04 .rbar .bt p{ display:block; width:40px; height:2px; background-color:#ddd;}
.pro04 .rbar .list{ display:block; margin-top:15px;}
.pro04 .rbar .list dt{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.pro04 .rbar .list dt img{ width:100%; display:block;}
.pro04 .rbar .list dt b{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dt p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dt:hover b{ color:#264186;}
.pro04 .rbar .list dd{ display:block; padding-top:5px;}
.pro04 .rbar .list dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.pro04 .rbar .list dd a span{ display:block; float:left; width:8px; height:8px; margin-top:8px; margin-right:10px; background-color:#264186;}
.pro04 .rbar .list dd a p{ display:block; float:left; width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro04 .rbar .list dd a:hover p{ color:#264186;}
}

@media screen and (min-width:1280px){
.pro05{ padding:70px 0; width:100%; background-color:#e9eef3;}
.pro05 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.pro05 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.pro05 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro05 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro05 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.pro05 .box .swiper-container{ width:100%; display:block; float:left; margin-top:-20px;}
.pro05 .box .swiper-container .swiper-slide{ width:100%; display:block;}
.pro05 .box .swiper-container .swiper-slide a{ display:block; float:left; margin-left:20px; margin-top:20px; width:285px;}
.pro05 .box .swiper-container .swiper-slide a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro05 .box .swiper-container .swiper-slide a strong{ width:100%; display:block; height:180px; overflow:hidden;}
.pro05 .box .swiper-container .swiper-slide a strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro05 .box .swiper-container .swiper-slide a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.pro05 .box .swiper-container .swiper-slide a p{ padding:5px 15px; box-sizing:border-box; background-color:#fff; text-align:center; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro05 .box .swiper-container .swiper-slide a:hover p{ background-color:#264186; color:#fff;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.pro05{ padding:50px 0; width:100%; background-color:#e9eef3;}
.pro05 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro05 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.pro05 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro05 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro05 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.pro05 .box .swiper-container{ width:100%; display:block; margin-top:-20px; float:left;}
.pro05 .box .swiper-container .swiper-slide{ width:100%; display:block;}
.pro05 .box .swiper-container .swiper-slide a{ display:block; float:left; margin-left:2%; margin-top:20px; width:23.5%;}
.pro05 .box .swiper-container .swiper-slide a:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.pro05 .box .swiper-container .swiper-slide a strong{ width:100%; display:block; height:13.99vw; overflow:hidden;}
.pro05 .box .swiper-container .swiper-slide a strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro05 .box .swiper-container .swiper-slide a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.pro05 .box .swiper-container .swiper-slide a p{ padding:5px 15px; box-sizing:border-box; background-color:#fff; text-align:center; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro05 .box .swiper-container .swiper-slide a:hover p{ background-color:#264186; color:#fff;}
}
@media only screen and (max-width:768px){
.pro05{ padding:30px 0; width:100%; background-color:#e9eef3;}
.pro05 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro05 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.pro05 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.pro05 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.pro05 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.pro05 .box .swiper-container{ width:100%; display:block; margin-top:-15px; float:left;}
.pro05 .box .swiper-container .swiper-slide{ width:100%; display:block;}
.pro05 .box .swiper-container .swiper-slide a{ display:block; float:left; margin-left:3%; margin-top:15px; width:48.5%;}
.pro05 .box .swiper-container .swiper-slide a:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro05 .box .swiper-container .swiper-slide a strong{ width:100%; display:block; height:28.87vw; overflow:hidden;}
.pro05 .box .swiper-container .swiper-slide a strong img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.pro05 .box .swiper-container .swiper-slide a:hover img{ transform:scale(1.03, 1.03); -ms-transform:scale(1.03, 1.03); -moz-transform:scale(1.03, 1.03); -webkit-transform:scale(1.03, 1.03); -o-transform:scale(1.03, 1.03);}
.pro05 .box .swiper-container .swiper-slide a p{ padding:5px 10px; box-sizing:border-box; background-color:#fff; text-align:center; display:block; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro05 .box .swiper-container .swiper-slide a:hover p{ background-color:#264186; color:#fff;}
}

@media screen and (min-width:1280px){
#mess{ width:100%; position:relative; top:-70px;}
.pro06{ padding:70px 0; width:100%; background-color:#fff;}
.pro06 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.pro06 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.pro06 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro06 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro06 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.pro06 .box .list{ width:100%; display:block; margin-top:-20px;}
.pro06 .box .list dt{ margin-top:20px; width:48%; margin-left:4%; display:block; float:left;}
.pro06 .box .list dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro06 .box .list dt input{ display:block; width:100%; font-size:14px; line-height:38px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; padding:0 20px; overflow:hidden;}
.pro06 .box .list dd{ margin-top:20px; width:100%; display:block; float:left;}
.pro06 .box .list dd textarea{ height:96px; display:block; width:100%; font-size:14px; line-height:24px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; padding:7px 20px; overflow:hidden;}
.pro06 .box .list dd input{ width:100%; background-color:#264186; color:#fff; height:40px; line-height:40px; font-size:14px; cursor:pointer; border-radius:6px; overflow:hidden; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
#mess{ width:100%; position:relative; top:-50px;}
.pro06{ padding:50px 0; width:100%; background-color:#fff;}
.pro06 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro06 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.pro06 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.pro06 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.pro06 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.pro06 .box .list{ width:100%; display:block; margin-top:-15px;}
.pro06 .box .list dt{ margin-top:15px; width:48%; margin-left:4%; display:block; float:left;}
.pro06 .box .list dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.pro06 .box .list dt input{ display:block; width:100%; font-size:14px; line-height:38px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; padding:0 15px; overflow:hidden;}
.pro06 .box .list dd{ margin-top:15px; width:100%; display:block; float:left;}
.pro06 .box .list dd textarea{ height:96px; display:block; width:100%; font-size:14px; line-height:24px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; padding:7px 15px; overflow:hidden;}
.pro06 .box .list dd input{ width:100%; background-color:#264186; color:#fff; height:40px; line-height:40px; font-size:14px; cursor:pointer; border-radius:6px; overflow:hidden; display:block;}
}
@media only screen and (max-width:768px){
#mess{ width:100%; position:relative; top:-30px;}
.pro06{ padding:30px 0; width:100%; background-color:#fff;}
.pro06 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.pro06 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.pro06 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.pro06 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.pro06 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.pro06 .box .list{ width:100%; display:block; margin-top:-15px;}
.pro06 .box .list dt{ margin-top:15px; width:100%; display:block; float:left;}
.pro06 .box .list dt input{ display:block; width:100%; font-size:14px; line-height:38px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; padding:0 15px; overflow:hidden;}
.pro06 .box .list dd{ margin-top:15px; width:100%; display:block; float:left;}
.pro06 .box .list dd textarea{ height:96px; display:block; width:100%; font-size:14px; line-height:24px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; padding:7px 15px; overflow:hidden;}
.pro06 .box .list dd input{ width:100%; background-color:#264186; color:#fff; height:40px; line-height:40px; font-size:14px; cursor:pointer; border-radius:6px; overflow:hidden; display:block;}
}


/*新闻资讯*/
@media screen and (min-width:1280px){
.news{ padding:70px 0; width:100%; background-color:#fff;}
.news .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.news .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.news .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.news .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.news .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.news .box ul{ width:100%; display:block; margin-top:-30px;}
.news .box ul li{ width:380px; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; margin-left:30px; margin-top:30px;}
.news .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news .box ul li a{ padding:20px; display:block;}
.news .box ul li .n01{ width:100%; height:172px;}
.news .box ul li .n01 img{ width:100%; display:block;}
.news .box ul li .n02{ display:flex; align-items:center; margin:15px 0;}
.news .box ul li .n02 .left{ text-align:center; padding:0 15px; border-right:1px solid #ddd;}
.news .box ul li .n02 .left .sj01{ display:block; font-size:24px; color:#999; line-height:1.2;}
.news .box ul li .n02 .left .sj02{ display:block; font-size:14px; color:#999; line-height:1.2;}
.news .box ul li .n02 .right{ flex:1; padding-left:15px; font-size:18px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.news .box ul li .n03{ width:100%; border-top:1px solid #eee;}
.news .box ul li .n03 .left{ font-size:14px; line-height:1; margin-top:15px; color:#999; float:left;}
.news .box ul li .n03 .right{ float:right; height:6px; margin-top:19px;}
.news .box ul li .n03 .right img{ display:block; height:6px;}
.news .box ul li:hover .n02 .right{ color:#264186;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.news{ padding:50px 0; width:100%; background-color:#fff;}
.news .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.news .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.news .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.news .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.news .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.news .box ul{ width:100%; display:block; margin-top:-20px;}
.news .box ul li{ width:32%; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; margin-left:2%; margin-top:20px;}
.news .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news .box ul li a{ padding:15px 5%; display:block;}
.news .box ul li .n01{ width:100%; height:13.78vw;}
.news .box ul li .n01 img{ width:100%; display:block;}
.news .box ul li .n02{ display:flex; align-items:center; margin:10px 0;}
.news .box ul li .n02 .left{ text-align:center; padding:0 10px; border-right:1px solid #ddd;}
.news .box ul li .n02 .left .sj01{ display:block; font-size:22px; color:#999; line-height:1.2;}
.news .box ul li .n02 .left .sj02{ display:block; font-size:14px; color:#999; line-height:1.2;}
.news .box ul li .n02 .right{ flex:1; padding-left:10px; font-size:16px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.news .box ul li .n03{ width:100%; border-top:1px solid #eee;}
.news .box ul li .n03 .left{ font-size:14px; line-height:1; margin-top:15px; color:#999; float:left;}
.news .box ul li .n03 .right{ float:right; height:6px; margin-top:19px;}
.news .box ul li .n03 .right img{ display:block; height:6px;}
.news .box ul li:hover .n02 .right{ color:#264186;}
}
@media only screen and (max-width:768px){
.news{ padding:30px 0; width:100%; background-color:#fff;}
.news .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.news .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.news .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.news .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.news .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.news .box ul{ width:100%; display:block; margin-top:-15px;}
.news .box ul li{ width:100%; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; margin-top:15px;}
.news .box ul li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.news .box ul li a{ padding:15px; display:block;}
.news .box ul li .n01{ width:100%;}
.news .box ul li .n01 img{ width:100%; display:block;}
.news .box ul li .n02{ display:flex; align-items:center; margin:10px 0;}
.news .box ul li .n02 .left{ text-align:center; padding:0 10px; border-right:1px solid #ddd;}
.news .box ul li .n02 .left .sj01{ display:block; font-size:22px; color:#999; line-height:1.2;}
.news .box ul li .n02 .left .sj02{ display:block; font-size:14px; color:#999; line-height:1.2;}
.news .box ul li .n02 .right{ flex:1; padding-left:10px; font-size:16px; font-weight:bold; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; overflow:hidden;}
.news .box ul li .n03{ width:100%; border-top:1px solid #eee;}
.news .box ul li .n03 .left{ font-size:14px; line-height:1; margin-top:15px; color:#999; float:left;}
.news .box ul li .n03 .right{ float:right; height:6px; margin-top:19px;}
.news .box ul li .n03 .right img{ display:block; height:6px;}
.news .box ul li:hover .n02 .right{ color:#264186;}
}

/*新闻资讯内页*/
@media screen and (min-width:1280px){
.news01{ padding:70px 0; width:100%; background-color:#fff;}
.news01 .box{ width:1200px; margin:auto;}
.news01 .lbar{ width:830px; float:left;}
.news01 .lbar .bt{ font-size:24px;}
.news01 .lbar .time{ font-size:14px; color:#999;}
.news01 .lbar .line{ display:block; width:60px; height:2px; background-color:#ddd; margin-top:15px;}
.news01 .lbar .wen{ margin-top:20px; width:100%;}
.news01 .lbar .wen img{ max-width:100%; height:auto;}
.news01 .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.news01 .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .lbar .back p a:hover{ color:#264186;}
.news01 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.news01 .lbar .back span a:hover{ color:#264186;}
.news01 .rbar{ width:340px; float:right;}
.news01 .rbar .bt{ font-size:24px;}
.news01 .rbar .bt p{ display:block; width:60px; height:2px; background-color:#ddd;}
.news01 .rbar .list{ display:block; margin-top:20px;}
.news01 .rbar .list dt{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.news01 .rbar .list dt img{ width:100%; display:block;}
.news01 .rbar .list dt b{ display:block; font-size:18px; line-height:28px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dt p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dt:hover b{ color:#264186;}
.news01 .rbar .list dd{ display:block; padding-top:10px;}
.news01 .rbar .list dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.news01 .rbar .list dd a span{ display:block; float:left; width:8px; height:8px; margin-top:8px; margin-right:10px; background-color:#264186;}
.news01 .rbar .list dd a p{ display:block; float:left; width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dd a:hover p{ color:#264186;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.news01{ padding:50px 0; width:100%; background-color:#fff;}
.news01 .box{ width:94%; margin:auto;}
.news01 .lbar{ width:70%; float:left;}
.news01 .lbar .bt{ font-size:22px;}
.news01 .lbar .time{ font-size:14px; color:#999;}
.news01 .lbar .line{ display:block; width:50px; height:2px; background-color:#ddd; margin-top:10px;}
.news01 .lbar .wen{ margin-top:25px; width:100%;}
.news01 .lbar .wen img{ max-width:100%; height:auto;}
.news01 .lbar .back{ margin-top:15px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.news01 .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .lbar .back p a:hover{ color:#264186;}
.news01 .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.news01 .lbar .back span a:hover{ color:#264186;}
.news01 .rbar{ width:27%; float:right;}
.news01 .rbar .bt{ font-size:22px;}
.news01 .rbar .bt p{ display:block; width:50px; height:2px; background-color:#ddd;}
.news01 .rbar .list{ display:block; margin-top:15px;}
.news01 .rbar .list dt{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.news01 .rbar .list dt img{ width:100%; display:block;}
.news01 .rbar .list dt b{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dt p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dt:hover b{ color:#264186;}
.news01 .rbar .list dd{ display:block; padding-top:10px;}
.news01 .rbar .list dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.news01 .rbar .list dd a span{ display:block; float:left; width:8px; height:8px; margin-top:8px; margin-right:10px; background-color:#264186;}
.news01 .rbar .list dd a p{ display:block; float:left; width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dd a:hover p{ color:#264186;}
}
@media only screen and (max-width:768px){
.news01{ padding:30px 0; width:100%; background-color:#fff;}
.news01 .box{ width:94%; margin:auto;}
.news01 .lbar{ width:100%; float:left;}
.news01 .lbar .bt{ font-size:18px;}
.news01 .lbar .time{ font-size:14px; color:#999;}
.news01 .lbar .line{ display:block; width:40px; height:2px; background-color:#ddd; margin-top:5px;}
.news01 .lbar .wen{ margin-top:15px; width:100%;}
.news01 .lbar .wen img{ max-width:100%; height:auto;}
.news01 .lbar .back{ margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative;}
.news01 .lbar .back p{ width:calc(100% - 80px); display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .lbar .back p a:hover{ color:#264186;}
.news01 .lbar .back span{ position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px;}
.news01 .lbar .back span a:hover{ color:#264186;}
.news01 .rbar{ width:100%; float:right; margin-top:5px;}
.news01 .rbar .bt{ font-size:18px;}
.news01 .rbar .bt p{ display:block; width:40px; height:2px; background-color:#ddd;}
.news01 .rbar .list{ display:block; margin-top:15px;}
.news01 .rbar .list dt{ display:block; width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:5px;}
.news01 .rbar .list dt img{ width:100%; display:block;}
.news01 .rbar .list dt b{ display:block; font-size:16px; line-height:26px; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dt p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dt:hover b{ color:#264186;}
.news01 .rbar .list dd{ display:block; padding-top:5px;}
.news01 .rbar .list dd a{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}
.news01 .rbar .list dd a span{ display:block; float:left; width:8px; height:8px; margin-top:8px; margin-right:10px; background-color:#264186;}
.news01 .rbar .list dd a p{ display:block; float:left; width:calc(100% - 18px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news01 .rbar .list dd a:hover p{ color:#264186;}
}

/*招贤纳士*/
@media screen and (min-width:1280px){
.job{ padding:70px 0; width:100%; background-color:#fff;}
.job .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.job .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.job .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.job .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.job .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.job .box dt{ padding:10px 15px; background-color:#264186; display:block; overflow:hidden;}
.job .box dt div{ color:#fff; float:left; font-size:16px; padding:10px 15px; box-sizing:border-box; line-height:1;}
.job .box dd{ padding:10px 15px; background-color:#e9eef3; display:block; margin-top:20px; overflow:hidden;}
.job .box dd div{ float:left; font-size:14px; padding:10px 15px; box-sizing:border-box; line-height:1;}
.job .box .cbox-70-0{ width:25%;}
.job .box .cbox-70-1{ width:18.75%;}
.job .box dd div a:hover{ color:#264186;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.job{ padding:50px 0; width:100%; background-color:#fff;}
.job .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.job .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.job .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.job .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.job .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.job .box dt{ padding:5px 10px; background-color:#264186; display:block; overflow:hidden;}
.job .box dt div{ color:#fff; float:left; font-size:16px; padding:5px 10px; box-sizing:border-box; line-height:1.5;}
.job .box dd{ padding:5px 10px; background-color:#e9eef3; display:block; margin-top:15px; overflow:hidden;}
.job .box dd div{ float:left; font-size:14px; padding:5px 10px; box-sizing:border-box; line-height:1.5;}
.job .box .cbox-70-0{ width:25%;}
.job .box .cbox-70-1{ width:18.75%;}
.job .box dd div a:hover{ color:#264186;}
}
@media only screen and (max-width:768px){
.job{ padding:30px 0; width:100%; background-color:#fff;}
.job .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.job .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.job .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.job .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.job .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.job .box dt{ padding:5px; background-color:#264186; display:block; overflow:hidden;}
.job .box dt div{ color:#fff; float:left; font-size:16px; padding:5px; box-sizing:border-box; line-height:1.2;}
.job .box dd{ padding:5px; background-color:#e9eef3; display:block; margin-top:10px; overflow:hidden;}
.job .box dd div{ float:left; font-size:14px; padding:5px; box-sizing:border-box; line-height:1.2;}
.job .box .cbox-70-0{ width:25%;}
.job .box .cbox-70-1{ width:18.75%;}
.job .box dd div a:hover{ color:#264186;}
}

/*招贤纳士内页*/
@media screen and (min-width:1280px){
.job01{ padding:70px 0; width:100%; background-color:#e9eef3;}
.job01 .box{ width:1200px; margin:auto; padding:30px; box-sizing:border-box; background-color:#fff; position:relative;}
.job01 .box .j01{ font-size:24px; line-height:34px;}
.job01 .box .j02{ font-size:18px; line-height:28px; color:#264186;}
.job01 .box .j03{ width:100%; margin-top:20px; display:block;}
.job01 .box .j03 li{ display:flex; padding:10px 20px; overflow:hidden; background-color:rgba(0,0,0,0.02); font-size:16px; line-height:26px;}
.job01 .box .j03 li:nth-child(2n){ background-color:rgba(0,0,0,0.04);}
.job01 .box .j03 li span{ display:block; flex: 0 0 15%;}
.job01 .box .j03 li p{ display:block; flex: 0 0 85%;}
.job01 .box .j04{ font-size:14px; margin-top:30px; padding-top:20px; border-top:1px solid #eee;}
.job01 .box .j05{ position:absolute; right:30px; top:40px;}
.job01 .box .j05 a{ display:block; padding:0 20px; font-size:14px; line-height:36px; height:36px; background-color:#264186; color:#fff; border-radius:5px; overflow:hidden;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.job01{ padding:50px 0; width:100%; background-color:#e9eef3;}
.job01 .box{ width:94%; margin:auto; padding:25px; box-sizing:border-box; background-color:#fff; position:relative;}
.job01 .box .j01{ font-size:22px; line-height:32px;}
.job01 .box .j02{ font-size:16px; line-height:26px; color:#264186;}
.job01 .box .j03{ width:100%; margin-top:15px; display:block;}
.job01 .box .j03 li{ display:flex; padding:8px 15px; overflow:hidden; background-color:rgba(0,0,0,0.02); font-size:16px; line-height:26px;}
.job01 .box .j03 li:nth-child(2n){ background-color:rgba(0,0,0,0.04);}
.job01 .box .j03 li span{ display:block; flex: 0 0 15%;}
.job01 .box .j03 li p{ display:block; flex: 0 0 85%;}
.job01 .box .j04{ font-size:14px; margin-top:25px; padding-top:15px; border-top:1px solid #eee;}
.job01 .box .j05{ position:absolute; right:25px; top:30px;}
.job01 .box .j05 a{ display:block; padding:0 20px; font-size:14px; line-height:36px; height:36px; background-color:#264186; color:#fff; border-radius:5px; overflow:hidden;}
}
@media only screen and (max-width:768px){
.job01{ padding:30px 0; width:100%; background-color:#e9eef3;}
.job01 .box{ width:94%; margin:auto; padding:15px; box-sizing:border-box; background-color:#fff; position:relative;}
.job01 .box .j01{ font-size:18px; line-height:28px; width:calc(100% - 100px);}
.job01 .box .j02{ font-size:14px; line-height:24px; color:#264186;}
.job01 .box .j03{ width:100%; margin-top:10px; display:block;}
.job01 .box .j03 li{ display:flex; padding:5px 10px; overflow:hidden; background-color:rgba(0,0,0,0.02); font-size:14px; line-height:24px;}
.job01 .box .j03 li:nth-child(2n){ background-color:rgba(0,0,0,0.04);}
.job01 .box .j03 li span{ display:block; flex: 0 0 30%;}
.job01 .box .j03 li p{ display:block; flex: 0 0 70%;}
.job01 .box .j04{ font-size:14px; margin-top:15px; padding-top:10px; border-top:1px solid #eee;}
.job01 .box .j05{ position:absolute; right:15px; top:20px;}
.job01 .box .j05 a{ display:block; padding:0 15px; font-size:14px; line-height:30px; height:30px; background-color:#264186; color:#fff; border-radius:5px; overflow:hidden;}
}

/*联系博亿国际*/
@media screen and (min-width:1280px){
.lx01{ padding:70px 0; width:100%; background-color:#fff;}
.lx01 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.lx01 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.lx01 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.lx01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.lx01 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.lx01 .box .list{ width:100%; display:block; margin-top:-30px;}
.lx01 .box .list li{ width:380px; display:block; float:left; margin-left:30px; margin-top:30px; text-align:center;}
.lx01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx01 .box .list li strong{ display:block; overflow:hidden;}
.lx01 .box .list li strong img{ display:block; margin:auto;}
.lx01 .box .list li span{ display:block; overflow:hidden; font-size:20px; line-height:30px; margin-top:15px;}
.lx01 .box .list li p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.lx01 .box #map{ width:100%; height:400px; margin-top:30px; margin-bottom:60px;}
.lx01 .box .list01{ width:100%; display:flex; flex-wrap:wrap; margin-top:-30px;}
.lx01 .box .list01 li{ width:380px; border:1px solid #ddd; box-sizing:border-box; padding:25px; display:block; float:left; margin-left:30px; margin-top:30px; text-align:center;}
.lx01 .box .list01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx01 .box .list01 li .l01{ font-size:24px; font-weight:bold; border-bottom:1px solid #eee; color:#264186;}
.lx01 .box .list01 li .l02{ background-color:#e9eef3; font-size:20px; margin-top:15px;}
.lx01 .box .list01 li .l03{ font-size:16px; margin-top:10px;}
.lx01 .box .list01 li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
}
@media screen and (min-width:769px) and (max-width:1279px){
.lx01{ padding:50px 0; width:100%; background-color:#fff;}
.lx01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.lx01 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.lx01 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.lx01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.lx01 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.lx01 .box .list{ width:100%; display:block; margin-top:-25px;}
.lx01 .box .list li{ width:32%; display:block; float:left; margin-left:2%; margin-top:25px; text-align:center;}
.lx01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx01 .box .list li strong{ display:block; overflow:hidden;}
.lx01 .box .list li strong img{ display:block; margin:auto;}
.lx01 .box .list li span{ display:block; overflow:hidden; font-size:18px; line-height:28px; margin-top:10px;}
.lx01 .box .list li p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.lx01 .box #map{ width:100%; height:360px; margin-top:25px; margin-bottom:50px;}
.lx01 .box .list01{ width:100%; display:flex; flex-wrap:wrap; margin-top:-25px;}
.lx01 .box .list01 li{ width:32%; border:1px solid #ddd; box-sizing:border-box; padding:20px; display:block; float:left; margin-left:2%; margin-top:25px; text-align:center;}
.lx01 .box .list01 li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx01 .box .list01 li .l01{ font-size:22px; font-weight:bold; border-bottom:1px solid #eee; color:#264186;}
.lx01 .box .list01 li .l02{ background-color:#e9eef3; font-size:18px; margin-top:10px;}
.lx01 .box .list01 li .l03{ font-size:14px; margin-top:5px;}
.lx01 .box .list01 li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
}
@media only screen and (max-width:768px){
.lx01{ padding:30px 0; width:100%; background-color:#fff;}
.lx01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.lx01 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.lx01 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.lx01 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.lx01 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.lx01 .box .list{ width:100%; display:block; margin-top:-15px;}
.lx01 .box .list li{ width:100%; display:block; float:left; margin-top:15px; text-align:center;}
.lx01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.lx01 .box .list li strong{ display:block; overflow:hidden;}
.lx01 .box .list li strong img{ display:block; margin:auto;}
.lx01 .box .list li span{ display:block; overflow:hidden; font-size:16px; line-height:26px; margin-top:5px;}
.lx01 .box .list li p{ display:block; overflow:hidden; font-size:14px; line-height:24px;}
.lx01 .box #map{ width:100%; height:250px; margin-top:25px; margin-bottom:50px;}
.lx01 .box .list01{ width:100%; display:block; margin-top:-15px;}
.lx01 .box .list01 li{ width:100%; border:1px solid #ddd; box-sizing:border-box; padding:15px; display:block; float:left; margin-top:15px; text-align:center;}
.lx01 .box .list01 li .l01{ font-size:18px; font-weight:bold; border-bottom:1px solid #eee; color:#264186;}
.lx01 .box .list01 li .l02{ background-color:#e9eef3; font-size:16px; margin-top:10px;}
.lx01 .box .list01 li .l03{ font-size:14px; margin-top:5px;}
.lx01 .box .list01 li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
}

/*加盟合作*/
@media screen and (min-width:1280px){
.jm01{ padding:70px 0; width:100%; background-color:#fff;}
.jm01 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.jm01 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.jm01 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.jm01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.jm01 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.jm01 .box .list{ width:100%; display:block; margin-top:-30px;}
.jm01 .box .list li{ width:380px; display:block; float:left; margin-left:30px; margin-top:30px; text-align:center;}
.jm01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jm01 .box .list li strong{ display:block; overflow:hidden;}
.jm01 .box .list li strong img{ height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jm01 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.jm01 .box .list li span{ font-size:20px; display:block; line-height:30px; margin-top:15px;}
.jm01 .box .list li p{ font-size:14px; display:block; line-height:24px; margin-top:5px; color:#999;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jm01{ padding:50px 0; width:100%; background-color:#fff;}
.jm01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm01 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.jm01 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.jm01 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.jm01 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.jm01 .box .list{ width:100%; display:block; margin-top:-25px;}
.jm01 .box .list li{ width:32%; display:block; float:left; margin-left:2%; margin-top:25px; text-align:center;}
.jm01 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jm01 .box .list li strong{ display:block; overflow:hidden;}
.jm01 .box .list li strong img{ height:100px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jm01 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.jm01 .box .list li span{ font-size:18px; display:block; line-height:28px; margin-top:10px;}
.jm01 .box .list li p{ font-size:14px; display:block; line-height:24px; margin-top:5px; color:#999;}
}
@media only screen and (max-width:768px){
.jm01{ padding:30px 0; width:100%; background-color:#fff;}
.jm01 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm01 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.jm01 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.jm01 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.jm01 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.jm01 .box .list{ width:100%; display:block; margin-top:-15px;}
.jm01 .box .list li{ width:48.5%; margin-left:3%; display:block; float:left; margin-top:15px; text-align:center;}
.jm01 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jm01 .box .list li strong{ display:block; overflow:hidden;}
.jm01 .box .list li strong img{ height:50px; display:block; margin:auto; -webkit-transition:-webkit-transform 1s,height 1s,width 1s;}
.jm01 .box .list li:hover img{ -webkit-transform:rotateY(-360deg);}
.jm01 .box .list li span{ font-size:16px; display:block; line-height:26px; margin-top:5px;}
.jm01 .box .list li p{ font-size:14px; display:block; line-height:24px; color:#999;}
}

@media screen and (min-width:1280px){
.jm02{ padding:70px 0; width:100%; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jm02 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.jm02 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#fff;}
.jm02 .title span{ width:80px; height:1px; display:block; background-color:#fff; margin:10px auto;}
.jm02 .title p{ display:block; font-size:16px; line-height:26px; color:#fff; padding-top:5px;}
.jm02 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.jm02 .box .list{ width:100%; display:block; margin-top:-20px;}
.jm02 .box .list li{ width:285px; display:block; float:left; margin-left:20px; margin-top:20px; text-align:center; background-color:#fff; height:360px; padding:90px 50px; box-sizing:border-box;}
.jm02 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jm02 .box .list li strong{ display:block; overflow:hidden;}
.jm02 .box .list li strong img{ display:block; height:80px; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jm02 .box .list li:hover strong img{ height:40px;}
.jm02 .box .list li b{ width:30px; height:4px; border-radius:4px; display:block; margin:15px auto; margin-top:20px; background-color:#333;}
.jm02 .box .list li span{ display:block; font-size:20px; line-height:30px;}
.jm02 .box .list li p{ display:none; font-size:14px; line-height:24px; color:#999; margin-top:10px;}
.jm02 .box .list li:hover p{ display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jm02{ padding:50px 0; width:100%; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jm02 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm02 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#fff;}
.jm02 .title span{ width:60px; height:1px; display:block; background-color:#fff; margin:10px auto;}
.jm02 .title p{ display:block; font-size:16px; line-height:26px; color:#fff; padding-top:5px;}
.jm02 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.jm02 .box .list{ width:100%; display:block; margin-top:-15px;}
.jm02 .box .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:15px; text-align:center; background-color:#fff; height:360px; padding:90px 30px; box-sizing:border-box;}
.jm02 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jm02 .box .list li strong{ display:block; overflow:hidden;}
.jm02 .box .list li strong img{ display:block; height:80px; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.jm02 .box .list li:hover strong img{ height:40px;}
.jm02 .box .list li b{ width:30px; height:4px; border-radius:4px; display:block; margin:15px auto; margin-top:20px; background-color:#333;}
.jm02 .box .list li span{ display:block; font-size:18px; line-height:28px;}
.jm02 .box .list li p{ display:none; font-size:14px; line-height:24px; color:#999; margin-top:5px;}
.jm02 .box .list li:hover p{ display:block;}
}
@media only screen and (max-width:768px){
.jm02{ padding:30px 0; width:100%; background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
.jm02 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm02 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#fff;}
.jm02 .title span{ width:40px; height:1px; display:block; background-color:#fff; margin:5px auto;}
.jm02 .title p{ display:block; font-size:14px; line-height:24px; color:#fff; padding-top:5px;}
.jm02 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.jm02 .box .list{ width:100%; display:flex; flex-wrap:wrap; margin-top:-15px;}
.jm02 .box .list li{ width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; text-align:center; background-color:#fff; padding:30px 15px; padding-bottom:25px; box-sizing:border-box;}
.jm02 .box .list li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.jm02 .box .list li strong{ display:block; overflow:hidden;}
.jm02 .box .list li strong img{ display:block; height:40px; margin:auto;}
.jm02 .box .list li b{ width:30px; height:2px; border-radius:4px; display:block; margin:10px auto; margin-top:15px; background-color:#333;}
.jm02 .box .list li span{ display:block; font-size:16px; line-height:26px;}
.jm02 .box .list li p{ display:block; font-size:14px; line-height:24px; color:#999;}
}

@media screen and (min-width:1280px){
.jm03{ padding:70px 0; width:100%; background-color:#fff;}
.jm03 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.jm03 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.jm03 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.jm03 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.jm03 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.jm03 .box .list{ width:100%; display:block; margin-top:-30px;}
.jm03 .box .list li{ width:270px; display:block; float:left; margin-left:40px; margin-top:30px; text-align:center;}
.jm03 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jm03 .box .list li strong{ display:block; overflow:hidden;}
.jm03 .box .list li strong img{ height:100px; display:block; margin:auto; -webkit-transition:1s linear; transition:1s ease-in;}
.jm03 .box .list li:hover img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.jm03 .box .list li span{ font-size:20px; display:block; line-height:30px; margin-top:15px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jm03{ padding:50px 0; width:100%; background-color:#fff;}
.jm03 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm03 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.jm03 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.jm03 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.jm03 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.jm03 .box .list{ width:100%; display:block; margin-top:-25px;}
.jm03 .box .list li{ width:23.5%; display:block; float:left; margin-left:2%; margin-top:25px; text-align:center;}
.jm03 .box .list li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.jm03 .box .list li strong{ display:block; overflow:hidden;}
.jm03 .box .list li strong img{ height:100px; display:block; margin:auto; -webkit-transition:1s linear; transition:1s ease-in;}
.jm03 .box .list li:hover img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.jm03 .box .list li span{ font-size:18px; display:block; line-height:28px; margin-top:10px;}
}
@media only screen and (max-width:768px){
.jm03{ padding:30px 0; width:100%; background-color:#fff;}
.jm03 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm03 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.jm03 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.jm03 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.jm03 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.jm03 .box .list{ width:100%; display:block; margin-top:-15px;}
.jm03 .box .list li{ width:31.33%; margin-left:3%; display:block; float:left; margin-top:15px; text-align:center;}
.jm03 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jm03 .box .list li strong{ display:block; overflow:hidden;}
.jm03 .box .list li strong img{ height:50px; display:block; margin:auto; -webkit-transition:1s linear; transition:1s ease-in;}
.jm03 .box .list li:hover img{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.jm03 .box .list li span{ font-size:16px; display:block; line-height:26px; margin-top:5px;}
}

@media screen and (min-width:1280px){
.jm04{ width:100%; position:relative;}
.jm04 .title{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:60px; text-align:center;}
.jm04 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#fff;}
.jm04 .title span{ width:80px; height:1px; display:block; background-color:#fff; margin:10px auto;}
.jm04 .title p{ display:block; font-size:16px; line-height:26px; color:#fff; padding-top:5px;}
.jm04 .box{ width:100%;}
.jm04 .box img{ width:100%; display:block;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jm04{ width:100%; position:relative;}
.jm04 .title{ width:94%; position:absolute; left:3%; top:45px; text-align:center;}
.jm04 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#fff;}
.jm04 .title span{ width:60px; height:1px; display:block; background-color:#fff; margin:10px auto;}
.jm04 .title p{ display:none; font-size:16px; line-height:26px; color:#fff; padding-top:5px;}
.jm04 .box{ width:100%;}
.jm04 .box img{ width:100%; display:block;}
}
@media only screen and (max-width:768px){
.jm04{ width:100%; position:relative;}
.jm04 .title{ width:94%; position:absolute; left:3%; top:25px; text-align:center;}
.jm04 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#fff;}
.jm04 .title span{ width:40px; height:1px; display:block; background-color:#fff; margin:5px auto;}
.jm04 .title p{ display:none; font-size:14px; line-height:24px; color:#fff; padding-top:5px;}
.jm04 .box{ width:100%;}
.jm04 .box img{ width:130%; margin-left:-15%; display:block;}
}

@media screen and (min-width:1280px){
.jm05{ padding:70px 0; width:100%; background-color:#fff;}
.jm05 .title{ width:1200px; margin:auto; margin-top:-10px; text-align:center;}
.jm05 .title b{ display:block; font-size:36px; line-height:46px; font-weight:normal; color:#264186;}
.jm05 .title span{ width:80px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.jm05 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.jm05 .box{ width:1200px; margin:auto; margin-top:25px; position:relative;}
.jm05 .box .list{ width:100%; display:block; margin-top:-30px;}
.jm05 .box .list li{ width:216px; display:block; float:left; margin-left:30px; margin-top:30px; text-align:center;}
.jm05 .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.jm05 .box .list li strong{ display:block; overflow:hidden;}
.jm05 .box .list li strong img{ height:140px; display:block; margin:auto;}
.jm05 .box .list li span{ font-size:20px; display:block; line-height:30px; margin-top:15px;}
.jm05 .box .list li:hover span{ color:#264186;}
.jm05 .box .tel{ width:100%; margin-top:50px; text-align:center;}
.jm05 .box .tel a{ display:inline-block; padding:0 40px; background-color:#264186; border-radius:50px; height:50px; vertical-align:middle; font-size:20px; line-height:50px; color:#fff;}
.jm05 .box .tel a img{ height:30px; vertical-align:middle; display:inline-block; margin-right:5px;}
}
@media screen and (min-width:769px) and (max-width:1279px){
.jm05{ padding:50px 0; width:100%; background-color:#fff;}
.jm05 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm05 .title b{ display:block; font-size:30px; line-height:40px; font-weight:normal; color:#264186;}
.jm05 .title span{ width:60px; height:1px; display:block; background-color:#ddd; margin:10px auto;}
.jm05 .title p{ display:block; font-size:16px; line-height:26px; color:#999; padding-top:5px;}
.jm05 .box{ width:94%; margin:auto; margin-top:20px; position:relative;}
.jm05 .box .list{ width:100%; display:block; margin-top:-25px;}
.jm05 .box .list li{ width:18.4%; display:block; float:left; margin-left:2%; margin-top:25px; text-align:center;}
.jm05 .box .list li:nth-child(5n+1){ clear:left; float:left; margin-left:0;}
.jm05 .box .list li strong{ display:block; overflow:hidden;}
.jm05 .box .list li strong img{ height:140px; display:block; margin:auto;}
.jm05 .box .list li span{ font-size:18px; display:block; line-height:28px; margin-top:10px;}
.jm05 .box .list li:hover span{ color:#264186;}
.jm05 .box .tel{ width:100%; margin-top:40px; text-align:center;}
.jm05 .box .tel a{ display:inline-block; padding:0 30px; background-color:#264186; border-radius:44px; height:44px; vertical-align:middle; font-size:18px; line-height:44px; color:#fff;}
.jm05 .box .tel a img{ height:30px; vertical-align:middle; display:inline-block; margin-right:5px;}
}
@media only screen and (max-width:768px){
.jm05{ padding:30px 0; width:100%; background-color:#fff;}
.jm05 .title{ width:94%; margin:auto; margin-top:-5px; text-align:center;}
.jm05 .title b{ display:block; font-size:24px; line-height:34px; font-weight:normal; color:#264186;}
.jm05 .title span{ width:40px; height:1px; display:block; background-color:#ddd; margin:5px auto;}
.jm05 .title p{ display:block; font-size:14px; line-height:24px; color:#999; padding-top:5px;}
.jm05 .box{ width:94%; margin:auto; margin-top:15px; position:relative;}
.jm05 .box .list{ width:100%; display:block; margin-top:-15px;}
.jm05 .box .list li{ width:31.33%; margin-left:3%; display:block; float:left; margin-top:15px; text-align:center;}
.jm05 .box .list li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.jm05 .box .list li strong{ display:block; overflow:hidden;}
.jm05 .box .list li strong img{ height:70px; display:block; margin:auto;}
.jm05 .box .list li span{ font-size:16px; display:block; line-height:26px; margin-top:5px;}
.jm05 .box .list li:hover span{ color:#264186;}
.jm05 .box .tel{ width:100%; margin-top:30px; text-align:center;}
.jm05 .box .tel a{ display:inline-block; padding:0 20px; background-color:#264186; border-radius:40px; height:40px; vertical-align:middle; font-size:16px; line-height:40px; color:#fff;}
.jm05 .box .tel a img{ height:20px; vertical-align:middle; display:inline-block; margin-right:5px;}
}<!--0.00037884712219238-->