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

/*header*/
@media screen and (min-width:1440px){
.header{ width:100%; background-color:#f5f5f5; position:fixed; left:0; top:0; z-index:999;}
.header .head{ width:94%; max-width:1400px; height:100px; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .head{ height:90px;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left;}
.header .head .logo img{ display:block; height:40px;}
.mNav{ display:none;}
.header .head .menuBox{ float:left; height:100%;}
.header .head .menuBox>ul{ display:block; height:100%; margin-left:1.77vw; float:left;}
.header .head .menuBox>ul>li{ display:flex; align-items:center; float:left; height:100%; position:relative; padding:0 1.77vw;}
.header .head .menuBox>ul>li>a{ display:block; font-weight:bold; font-size:18px; line-height:28px; cursor:pointer; text-transform:capitalize;}
.header .head .menuBox>ul>li.on>a,.header .head .menuBox>ul>li:hover>a{ color:#e50012;}
.header .head .menuBox>ul>li>ul{ position:absolute; left:0; top:100%; background-color:#f5f5f5; display:none;}
.header .head .menuBox>ul>li:hover>ul{ display:block;}
.header .head .menuBox>ul>li>ul>li{ display:block; position:relative; height:56px;}
.header .head .menuBox>ul>li>ul>li>a{ display:block; font-size:16px; height:56px; line-height:56px; padding:0 1.77vw; width:208px; overflow:hidden; cursor:pointer; text-transform:capitalize; position:relative;}
.header .head .menuBox>ul>li>ul>li>a b{ width:8px; height:14px; position:absolute; right:1.77vw; top:50%; margin-top:-7px; display:block; background-image:url(../images/nav.png); background-position:center; background-repeat:no-repeat; display:block;}
.header .head .menuBox>ul>li>ul>li:hover>a{ background-color:#e50012; color:#fff; font-weight:bold;}
.header .head .menuBox>ul>li>ul>li:hover>a b{ background-image:url(../images/navh.png);}
.header .head .menuBox>ul>li>ul>li>ul{ position:absolute; left:100%; top:0; background-color:#f5f5f5; display:none; box-shadow:0 0 2px rgba(0,0,0,.1);}
.header .head .menuBox>ul>li>ul>li:hover>ul{ display:block;}
.header .head .menuBox>ul>li>ul>li>ul>li{ display:block; position:relative; height:56px;}
.header .head .menuBox>ul>li>ul>li>ul>li>a{ width:370px; display:block; font-size:16px; height:56px; line-height:56px; padding:0 1.77vw; overflow:hidden; cursor:pointer; text-transform:capitalize;}
.header .head .menuBox>ul>li>ul>li>ul>li:hover>a{ background-color:#e50012; color:#fff; font-weight:bold;}
.header .head .menuBox span{ display:flex; align-items:center; float:left; height:100%; margin-left:1.77vw;}
.header .head .menuBox span a{ display:block; padding:0 15px; font-size:16px; font-weight:bold; text-transform:uppercase; height:40px; line-height:40px; border-radius:8px; overflow:hidden; color:#fff; background:linear-gradient(to top left,#e50012,#00579E);} 
.header .head .menuBox span a b{ width:8px; height:14px; margin-left:12px; background-image:url(../images/navh.png); background-repeat:no-repeat; display:block; float:right; margin-top:13px;}
.header .head .menuBox span a:hover{ background:linear-gradient(to top left,#e50012,#e50012);}
.header .head .yu{ height:100%; float:right; display:flex; align-items:center;}
.header .head .yu a{ display:block; border:1px solid #555; border-radius:8px; padding:0 8px; font-size:16px; line-height:38px; height:38px; overflow:hidden; font-weight:bold; text-transform:uppercase;}
.header .head .yu a:hover{ border:1px solid #e50012; color:#e50012;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.header{ width:100%; background-color:#f5f5f5; position:fixed; left:0; top:0; z-index:999;}
.header .head{ width:94%; height:80px; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos .head{ height:70px;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left;}
.header .head .logo img{ display:block; height:40px;}
.mNav{ display:none;}
.header .head .menuBox{ float:left; height:100%;}
.header .head .menuBox>ul{ display:block; height:100%; margin-left:1.5vw; float:left;}
.header .head .menuBox>ul>li{ display:flex; align-items:center; float:left; height:100%; position:relative; padding:0 1.5vw;}
.header .head .menuBox>ul>li>a{ display:block; font-weight:bold; font-size:16px; line-height:26px; cursor:pointer; text-transform:capitalize;}
.header .head .menuBox>ul>li.on>a,.header .head .menuBox>ul>li:hover>a{ color:#e50012;}
.header .head .menuBox>ul>li>ul{ position:absolute; left:0; top:100%; background-color:#f5f5f5; display:none;}
.header .head .menuBox>ul>li:hover>ul{ display:block;}
.header .head .menuBox>ul>li>ul>li{ display:block; position:relative; height:50px;}
.header .head .menuBox>ul>li>ul>li>a{ display:block; font-size:14px; height:50px; line-height:50px; padding:0 1.5vw; width:180px; overflow:hidden; position:relative; cursor:pointer; text-transform:capitalize;}
.header .head .menuBox>ul>li>ul>li>a b{ width:8px; height:14px; position:absolute; right:1.77vw; top:50%; margin-top:-7px; display:block; background-image:url(../images/nav.png); background-position:center; background-repeat:no-repeat; display:block;}
.header .head .menuBox>ul>li>ul>li:hover>a{ background-color:#e50012; color:#fff; font-weight:bold;}
.header .head .menuBox>ul>li>ul>li:hover>a b{ background-image:url(../images/navh.png);}
.header .head .menuBox>ul>li>ul>li>ul{ position:absolute; left:100%; top:0; background-color:#f5f5f5; display:none; box-shadow:0 0 2px rgba(0,0,0,.1);}
.header .head .menuBox>ul>li>ul>li:hover>ul{ display:block;}
.header .head .menuBox>ul>li>ul>li>ul>li{ display:block; position:relative; height:50px;}
.header .head .menuBox>ul>li>ul>li>ul>li>a{ width:330px; display:block; font-size:14px; height:50px; line-height:50px; padding:0 1.5vw; overflow:hidden; cursor:pointer; text-transform:capitalize;}
.header .head .menuBox>ul>li>ul>li>ul>li:hover>a{ background-color:#e50012; color:#fff; font-weight:bold;}
.header .head .menuBox span{ display:flex; align-items:center; float:left; height:100%; margin-left:1.5vw;}
.header .head .menuBox span a{ display:block; padding:0 10px; font-size:14px; font-weight:bold; text-transform:uppercase; height:36px; line-height:36px; border-radius:5px; overflow:hidden; color:#fff; background:linear-gradient(to top left,#e50012,#00579E);} 
.header .head .menuBox span a b{ width:8px; height:12px; margin-left:8px; background-image:url(../images/navh.png); background-size:auto 100%; background-repeat:no-repeat; display:block; float:right; margin-top:12px;}
.header .head .menuBox span a:hover{ background:linear-gradient(to top left,#e50012,#e50012);}
.header .head .yu{ height:100%; float:right; display:flex; align-items:center;}
.header .head .yu a{ display:block; border:1px solid #555; border-radius:5px; padding:0 5px; font-size:14px; line-height:34px; height:34px; overflow:hidden; font-weight:bold; text-transform:uppercase;}
.header .head .yu a:hover{ border:1px solid #e50012; color:#e50012;}
}
@media only screen and (max-width:1023px){
.header{ width:100%; background-color:#f5f5f5; position:fixed; left:0; top:0; z-index:999;}
.header .head{ width:100%; height:60px;}
.header .head .logo{ height:100%; display:flex; align-items:center; float:left; margin-left:3vw;}
.header .head .logo img{ display:block; height:40px;}
.header .mNav{ display:block; position:relative; height:60px; width:32px; float:right; border-left:1px solid #eee; padding:0 3%;}
.header .mNav .burger{ width:32px; height:1px; background-color:#333; position:absolute; top:20px; left:50%; margin:0 0 0 -16px; -webkit-transform-origin:center; transform-origin:center; -webkit-transition:.8s; transition:.8s;}
.header .mNav .burger:nth-of-type(2){ top:30px;}
.header .mNav .burger:nth-of-type(3){ top:40px;}
.header .mNav.on{ background-color:#e50012;}
.header .mNav.on .burger{ background-color:#fff;}
.header .mNav.on .burger:first-of-type{ top:30px; -webkit-transform:rotate(225deg); transform:rotate(225deg);}
.header .mNav.on .burger:nth-of-type(2){ left:-100%; opacity:0;}
.header .mNav.on .burger:nth-of-type(3){ top:30px; -webkit-transform:rotate(-225deg); transform:rotate(-225deg);}
.header .head .yu{ height:100%; margin:0 3vw; float:right; display:flex; align-items:center;}
.header .head .yu a{ display:block; border:1px solid #333; border-radius:5px; padding:0 3vw; font-size:14px; line-height:24px; height:24px; overflow:hidden; font-weight:bold; text-transform:uppercase;}
.header .head .yu a:hover{ border:1px solid #e50012; color:#e50012;}
.header .menuBox{ width:100%; height:0; position:absolute; left:0; top:60px; z-index:999; background-color:#f5f5f5; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header .open.menuBox{ height:calc(100vh - 60px); overflow:auto;}
.header .menuBox>ul{ display:block;}
.header .menuBox>ul>li{ font-size:16px; display:block; border-top:1px solid #ddd; position:relative;}
.header .menuBox>ul>li a{ display:block; padding-left:3vw; width:100%; box-sizing:border-box; font-size:16px; line-height:50px; height:50px; overflow:hidden; position:relative;}
.header .menuBox>ul>li>a{ font-weight:bold;}
.header .menuBox>ul>li a b{ display:block; width:14px; padding:0 3vw; height:50px; background-image:url(../images/nav01.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:0; opacity:.5;}
.header .menuBox ul li.on>a{ color:#e50012;}
.header .menuBox>ul>li>ul{ padding:10px 3vw; background-color:#fff; display:none; overflow:hidden;}
.header .menuBox>ul>li>ul>li{ display:block; border-bottom:1px solid #eee;}
.header .menuBox>ul>li>ul>li>a b{ opacity:.3;}
.header .menuBox>ul>li>ul>li:last-child{ border-bottom:none;}
.header .menuBox>ul>li>ul>li>ul{ display:none; overflow:hidden; padding-bottom:10px; margin-top:-10px;}
.header .menuBox>ul>li>ul>li>ul a{ font-size:14px; line-height:30px; height:30px; overflow:hidden; color:#666; padding-left:6vw;}

.header .menuBox li.active>a{ color:#e50012; font-weight:bold;}
.header .menuBox li.active>a b{ -webkit-transform:rotateX(180deg);}
.header .menuBox li.active>ul{ display:block;}
.header .menuBox span{ padding:20px 3vw; display:block;}
.header .menuBox span a{ display:flex; align-items:center; justify-content:center; font-size:16px; font-weight:bold; text-transform:uppercase; height:44px; line-height:44px; border-radius:10px; overflow:hidden; color:#fff; background:linear-gradient(to top left,#e50012,#00579E);} 
.header .menuBox span a b{ width:8px; height:14px; margin-left:8px; background-image:url(../images/navh.png); background-repeat:no-repeat; display:block;}
.header .menuBox span a:hover{ background:linear-gradient(to top left,#e50012,#e50012);}
}

/*banner*/
@media screen and (min-width:1440px){
.banner{ width:100%; max-height:calc(100% - 100px); position:relative; z-index:1; border-top:100px solid #fff;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:94%; max-width:1400px; position:absolute; left:50%; z-index:3; top:8.33vw; transform:translateX(-50%) translateY(30%); opacity:0; transition:all 0.5s; text-align:center;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateX(-50%) translateY(0); opacity:1;}
.banner .swiper-slide .wen .w01{ font-size:60px; line-height:76px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ font-size:28px; line-height:38px; color:#fff; margin-top:25px;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:3.02vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:60px; height:4px; display:block; float:left; margin:0 10px; cursor:pointer; border-radius:4px; background-color:#dcdcdc; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#e50012;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.banner{ width:100%; max-height:calc(100% - 100px); position:relative; z-index:1; border-top:80px solid #fff;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; display:block;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:6vw; transform:translateY(30%); opacity:0; transition:all 0.5s; text-align:center;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(0); opacity:1;}
.banner .swiper-slide .wen .w01{ font-size:40px; line-height:50px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ font-size:20px; line-height:30px; color:#fff; margin-top:15px;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:2.5vw; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:40px; height:4px; display:block; float:left; margin:0 7px; cursor:pointer; border-radius:4px; background-color:#dcdcdc; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#e50012;}
}
@media only screen and (max-width:1023px){
.banner{ width:100%; max-height:calc(100% - 100px); position:relative; z-index:1; border-top:60px solid #fff;}
.banner .swiper-container{ width:100%;}
.banner .swiper-slide{ width:100%; position:relative; display:block; overflow:hidden;}
.banner .swiper-slide .tu{ width:100%; height:50vw; position:relative; z-index:1;}
.banner .swiper-slide .tu img{ width:100%; height:100%; display:block; object-fit:cover;}
.banner .swiper-slide .wen{ width:94%; position:absolute; left:3%; z-index:3; top:4vw; transform:translateY(30%); opacity:0; transition:all 0.5s; text-align:center;}
.banner .swiper-slide.swiper-slide-active .wen{ transform:translateY(0); opacity:1;}
.banner .swiper-slide .wen .w01{ font-size:20px; line-height:30px; color:#fff; font-weight:bold;}
.banner .swiper-slide .wen .w02{ font-size:16px; line-height:26px; color:#fff; margin-top:5px;}
.banner .swiper-pagination{ position:absolute; left:50%; bottom:15px; transform:translateX(-50%); z-index:3;}
.banner .swiper-pagination span{ width:20px; height:4px; display:block; float:left; margin:0 4px; cursor:pointer; border-radius:4px; background-color:#dcdcdc; overflow:hidden;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#e50012;}
}

@media screen and (min-width:1440px){
.title{ width:94%; max-width:1400px; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:46px; line-height:58px; font-weight:bold;}
.title .t02{ font-size:20px; line-height:30px; font-weight:bold; color:#071E56; margin-top:12px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:36px; line-height:48px; font-weight:bold;}
.title .t02{ font-size:18px; line-height:28px; font-weight:bold; color:#071E56; margin-top:8px;}
}
@media only screen and (max-width:1023px){
.title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}
.title .t01{ font-size:24px; line-height:34px; font-weight:bold;}
.title .t02{ font-size:16px; line-height:26px; font-weight:bold; color:#071E56; margin-top:4px;}
}

/*index*/
@media screen and (min-width:1440px){
.abox{ width:100%; padding-top:90px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; max-width:1400px; margin:auto; margin-top:45px; position:relative; z-index:3; padding:50px 0;}
.abox .box .bg{ width:100vw; height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; background-color:#f5f5f5; z-index:1;}
.abox .box .left{ width:57.14%; float:left; position:relative; z-index:3;}
.abox .box .left .w01{ font-size:34px; line-height:44px; font-weight:bold; margin-top:45px;}
.abox .box .left .w02{ width:150px; height:6px; background:linear-gradient(to top left,#e50012,#00579E); margin:30px 0;}
.abox .box .left .w03{ font-size:16px; line-height:26px;}
.abox .box .right{ width:420px; float:right; position:relative; z-index:3;}
.abox .box .right img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.abox{ width:100%; padding-top:60px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3; padding:40px 3%;}
.abox .box .bg{ width:100%; height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; background-color:#f5f5f5; z-index:1;}
.abox .box .left{ width:67%; float:left; position:relative; z-index:3;}
.abox .box .left .w01{ font-size:26px; line-height:36px; font-weight:bold; margin-top:30px;}
.abox .box .left .w02{ width:100px; height:4px; background:linear-gradient(to top left,#e50012,#00579E); margin:20px 0;}
.abox .box .left .w03{ font-size:15px; line-height:25px;}
.abox .box .right{ width:30%; float:right; position:relative; z-index:3;}
.abox .box .right img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.abox{ width:100%; padding-top:35px; position:relative; z-index:1; background-color:#fff;}
.abox .box{ width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; padding:25px 3%; padding-top:30px;}
.abox .box .bg{ width:100%; height:100%; position:absolute; left:50%; transform:translateX(-50%); top:0; background-color:#f5f5f5; z-index:1;}
.abox .box .left{ width:100%; float:left; position:relative; z-index:3;}
.abox .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold; margin-top:15px;}
.abox .box .left .w02{ width:50px; height:2px; background:linear-gradient(to top left,#e50012,#00579E); margin:10px 0;}
.abox .box .left .w03{ font-size:14px; line-height:24px;}
.abox .box .right{ width:100%; float:right; position:relative; z-index:3;}
.abox .box .right img{ max-width:210px; display:block; margin:auto;}
}

@media screen and (min-width:1440px){
.bbox{ width:100%; position:relative; z-index:1; background-color:#00579e;}
.bbox .bg{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.bbox .box{ width:94%; max-width:1400px; margin:auto;}
.bbox .box .cont{ width:44.29%; float:right; height:625px; overflow:auto; position:relative;}
.bbox .box .cont::-webkit-scrollbar{ width:0; height:1px;}
.bbox .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,.1);}
.bbox .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.bbox .box .cont .top{ width:100%; padding-top:90px;}
.bbox .box .cont .top .w01{ font-size:34px; line-height:44px; font-weight:bold; color:#fff;}
.bbox .box .cont .top .w02{ font-size:16px; line-height:26px; height:78px; color:#fff; margin-top:10px;}
.bbox .box .cont .more{ position:absolute; left:0; bottom:100px; border-bottom:2px solid #0EEFFF; font-size:20px; line-height:24px; height:30px; color:#0EEFFF; cursor:pointer;}
.bbox .box .cont .more img{ display:block; height:28px; float:right; margin-left:10px;}
.bbox .box .cont .bot{ width:100%; padding-top:75px; padding-bottom:75px; display:none;}
.bbox .box .cont .bot .w01{ font-size:22px; line-height:28px; font-weight:bold; color:#fff;}
.bbox .box .cont .bot .w02{ font-size:16px; line-height:26px; color:#fff;}
.bbox .box .cont .bot .w02 p{ margin-top:15px; display:block;}
.bbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.bbox .box .cont .bot .w03 li{ display:block; margin-top:15px; font-size:16px; line-height:26px; padding-left:18px; position:relative; color:#fff;}
.bbox .box .cont .bot .w03 li:before{ width:8px; height:8px; display:block; border-radius:100%; background-color:#0EEFFF; content:''; position:absolute; left:0; top:9px; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.bbox{ width:100%; position:relative; z-index:1; background-color:#00579e;}
.bbox .bg{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.bbox .box{ width:94%; margin:auto;}
.bbox .box .cont{ width:47%; float:right; height:625px; overflow:auto; position:relative;}
.bbox .box .cont::-webkit-scrollbar{ width:0; height:1px;}
.bbox .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,.1);}
.bbox .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.bbox .box .cont .top{ width:100%; padding-top:60px;}
.bbox .box .cont .top .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.bbox .box .cont .top .w02{ font-size:15px; line-height:25px; height:75px; color:#fff; margin-top:10px;}
.bbox .box .cont .more{ position:absolute; left:0; bottom:70px; border-bottom:2px solid #0EEFFF; font-size:18px; line-height:24px; height:28px; color:#0EEFFF; cursor:pointer;}
.bbox .box .cont .more img{ display:block; height:26px; float:right; margin-left:8px;}
.bbox .box .cont .bot{ width:100%; padding-top:45px; padding-bottom:45px; display:none;}
.bbox .box .cont .bot .w01{ font-size:20px; line-height:26px; font-weight:bold; color:#fff;}
.bbox .box .cont .bot .w02{ font-size:15px; line-height:25px; color:#fff;}
.bbox .box .cont .bot .w02 p{ margin-top:10px; display:block;}
.bbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.bbox .box .cont .bot .w03 li{ display:block; margin-top:10px; font-size:15px; line-height:25px; padding-left:17px; position:relative; color:#fff;}
.bbox .box .cont .bot .w03 li:before{ width:7px; height:7px; display:block; border-radius:100%; background-color:#0EEFFF; content:''; position:absolute; left:0; top:9px; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.bbox{ width:100%; position:relative; z-index:1; background-color:#00579e;}
.bbox .bg{ width:100%; height:65.1vw; background-position:center; background-repeat:no-repeat; background-size:cover;}
.bbox .box{ width:100%;}
.bbox .box .cont{ width:100%; padding:25px 3%; height:300px; box-sizing:border-box; overflow:auto; position:relative;}
.bbox .box .cont .top{ width:100%;}
.bbox .box .cont .top .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.bbox .box .cont .top .w02{ font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:5px;}
.bbox .box .cont .more{ position:absolute; left:3%; bottom:30px; border-bottom:2px solid #0EEFFF; font-size:16px; line-height:22px; height:26px; color:#0EEFFF; cursor:pointer;}
.bbox .box .cont .more img{ display:block; height:24px; float:right; margin-left:5px;}
.bbox .box .cont .bot{ width:100%; display:none;}
.bbox .box .cont .bot .w01{ font-size:18px; line-height:24px; font-weight:bold; color:#fff;}
.bbox .box .cont .bot .w02{ font-size:14px; line-height:24px; color:#fff;}
.bbox .box .cont .bot .w02 p{ margin-top:5px; display:block;}
.bbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.bbox .box .cont .bot .w03 li{ display:block; margin-top:5px; font-size:14px; line-height:24px; padding-left:16px; position:relative; color:#fff;}
.bbox .box .cont .bot .w03 li:before{ width:6px; height:6px; display:block; border-radius:100%; background-color:#0EEFFF; content:''; position:absolute; left:0; top:9px; overflow:hidden;}
}

@media screen and (min-width:1440px){
.cbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5;}
.cbox .bg{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:0; z-index:1;}
.cbox .box{ width:94%; max-width:1400px; margin:auto;}
.cbox .box .cont{ width:44.29%; padding-right:5.71%; height:625px; overflow:auto; position:relative;}
.cbox .box .cont::-webkit-scrollbar{ width:0; height:1px;}
.cbox .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,.1);}
.cbox .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.cbox .box .cont .top{ width:100%; padding-top:90px;}
.cbox .box .cont .top .w01{ font-size:34px; line-height:44px; font-weight:bold; color:#333;}
.cbox .box .cont .top .w02{ font-size:16px; line-height:26px; height:78px; color:#333; margin-top:10px;}
.cbox .box .cont .more{ position:absolute; left:0; bottom:100px; padding-bottom:2px; font-size:20px; line-height:24px; height:30px; color:#e50012; cursor:pointer;}
.cbox .box .cont .more img{ display:block; height:28px; float:right; margin-left:10px;}
.cbox .box .cont .more:before{ width:100%; display:block; height:2px; content:''; position:absolute; left:0; bottom:0; background:linear-gradient(to top left,#e50012,#00579E);}
.cbox .box .cont .bot{ width:100%; padding-top:75px; padding-bottom:75px; display:none;}
.cbox .box .cont .bot .w01{ font-size:22px; line-height:28px; font-weight:bold; color:#333;}
.cbox .box .cont .bot .w02{ font-size:16px; line-height:26px; color:#333;}
.cbox .box .cont .bot .w02 p{ margin-top:15px; display:block;}
.cbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.cbox .box .cont .bot .w03 li{ display:block; margin-top:15px; font-size:16px; line-height:26px; padding-left:18px; position:relative; color:#333;}
.cbox .box .cont .bot .w03 li:before{ width:8px; height:8px; display:block; border-radius:100%; background-color:#e50012; content:''; position:absolute; left:0; top:9px; overflow:hidden;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.cbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5;}
.cbox .bg{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; right:0; top:0; z-index:1;}
.cbox .box{ width:94%; margin:auto;}
.cbox .box .cont{ width:47%; padding-right:3%; height:625px; overflow:auto; position:relative;}
.cbox .box .cont::-webkit-scrollbar{ width:0; height:1px;}
.cbox .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(0,0,0,.1);}
.cbox .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.cbox .box .cont .top{ width:100%; padding-top:60px;}
.cbox .box .cont .top .w01{ font-size:28px; line-height:38px; font-weight:bold; color:#333;}
.cbox .box .cont .top .w02{ font-size:15px; line-height:25px; height:75px; color:#333; margin-top:10px;}
.cbox .box .cont .more{ position:absolute; left:0; bottom:70px; padding-bottom:2px; font-size:18px; line-height:24px; height:28px; color:#e50012; cursor:pointer;}
.cbox .box .cont .more img{ display:block; height:26px; float:right; margin-left:8px;}
.cbox .box .cont .more:before{ width:100%; display:block; height:2px; content:''; position:absolute; left:0; bottom:0; background:linear-gradient(to top left,#e50012,#00579E);}
.cbox .box .cont .bot{ width:100%; padding-top:45px; padding-bottom:45px; display:none;}
.cbox .box .cont .bot .w01{ font-size:20px; line-height:26px; font-weight:bold; color:#333;}
.cbox .box .cont .bot .w02{ font-size:15px; line-height:25px; color:#333;}
.cbox .box .cont .bot .w02 p{ margin-top:10px; display:block;}
.cbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.cbox .box .cont .bot .w03 li{ display:block; margin-top:10px; font-size:15px; line-height:25px; padding-left:17px; position:relative; color:#333;}
.cbox .box .cont .bot .w03 li:before{ width:7px; height:7px; display:block; border-radius:100%; background-color:#e50012; content:''; position:absolute; left:0; top:9px; overflow:hidden;}
}
@media only screen and (max-width:1023px){
.cbox{ width:100%; position:relative; z-index:1; background-color:#f5f5f5;}
.cbox .bg{ width:100%; height:65.1vw; background-position:center; background-repeat:no-repeat; background-size:cover;}
.cbox .box{ width:100%;}
.cbox .box .cont{ width:100%; padding:25px 3%; height:300px; box-sizing:border-box; overflow:auto; position:relative;}
.cbox .box .cont .top{ width:100%;}
.cbox .box .cont .top .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#333;}
.cbox .box .cont .top .w02{ font-size:14px; line-height:24px; height:72px; color:#333; margin-top:5px;}
.cbox .box .cont .more{ position:absolute; left:3%; bottom:30px; padding-bottom:2px; font-size:16px; line-height:22px; height:26px; color:#e50012; cursor:pointer;}
.cbox .box .cont .more img{ display:block; height:24px; float:right; margin-left:5px;}
.cbox .box .cont .more:before{ width:100%; display:block; height:2px; content:''; position:absolute; left:0; bottom:0; background:linear-gradient(to top left,#e50012,#00579E);}
.cbox .box .cont .bot{ width:100%; display:none;}
.cbox .box .cont .bot .w01{ font-size:18px; line-height:24px; font-weight:bold; color:#333;}
.cbox .box .cont .bot .w02{ font-size:14px; line-height:24px; color:#333;}
.cbox .box .cont .bot .w02 p{ margin-top:5px; display:block;}
.cbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.cbox .box .cont .bot .w03 li{ display:block; margin-top:5px; font-size:14px; line-height:24px; padding-left:16px; position:relative; color:#333;}
.cbox .box .cont .bot .w03 li:before{ width:6px; height:6px; display:block; border-radius:100%; background-color:#e50012; content:''; position:absolute; left:0; top:9px; overflow:hidden;}
}

@media screen and (min-width:1440px){
.dbox{ width:100%; position:relative; z-index:1; background-color:#00579e;}
.dbox .bg{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.dbox .box{ width:94%; max-width:1400px; margin:auto;}
.dbox .box .cont{ width:44.29%; float:right; height:625px; overflow:auto; position:relative;}
.dbox .box .cont::-webkit-scrollbar{ width:0; height:1px;}
.dbox .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,.1);}
.dbox .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.dbox .box .cont .top{ width:100%; padding-top:90px;}
.dbox .box .cont .top .w01{ font-size:34px; line-height:44px; font-weight:bold; color:#fff;}
.dbox .box .cont .top .w03{ font-size:26px; line-height:36px; font-weight:bold; color:#0EEFFF; margin-top:4px;}
.dbox .box .cont .top .w02{ font-size:16px; line-height:26px; height:78px; color:#fff; margin-top:10px;}
.dbox .box .cont .more{ position:absolute; left:0; bottom:100px; border-bottom:2px solid #0EEFFF; font-size:20px; line-height:24px; height:30px; color:#0EEFFF; cursor:pointer;}
.dbox .box .cont .more img{ display:block; height:28px; float:right; margin-left:10px;}
.dbox .box .cont .bot{ width:100%; padding-top:75px; padding-bottom:75px; display:none;}
.dbox .box .cont .bot .w01{ font-size:22px; line-height:28px; font-weight:bold; color:#fff;}
.dbox .box .cont .bot .w02{ font-size:16px; line-height:26px; color:#fff;}
.dbox .box .cont .bot .w02 p{ margin-top:15px; display:block;}
.dbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.dbox .box .cont .bot .w03 li{ display:block; margin-top:15px; font-size:18px; line-height:28px; padding-left:18px; position:relative; color:#0EEFFF; font-weight:bold;}
.dbox .box .cont .bot .w03 li:before{ width:8px; height:8px; display:block; border-radius:100%; background-color:#0EEFFF; content:''; position:absolute; left:0; top:10px; overflow:hidden;}
.dbox .box .cont .bot .w04{ font-size:16px; line-height:26px; font-weight:bold; color:#fff; margin-top:15px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.dbox{ width:100%; position:relative; z-index:1; background-color:#00579e;}
.dbox .bg{ width:50%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.dbox .box{ width:94%; margin:auto;}
.dbox .box .cont{ width:47%; float:right; height:625px; overflow:auto; position:relative;}
.dbox .box .cont::-webkit-scrollbar{ width:0; height:1px;}
.dbox .box .cont::-webkit-scrollbar-thumb{ border-radius:10px; background-color:rgba(255,255,255,.1);}
.dbox .box .cont::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0);}
.dbox .box .cont .top{ width:100%; padding-top:60px;}
.dbox .box .cont .top .w01{ font-size:30px; line-height:40px; font-weight:bold; color:#fff;}
.dbox .box .cont .top .w03{ font-size:22px; line-height:32px; font-weight:bold; color:#0EEFFF; margin-top:2px;}
.dbox .box .cont .top .w02{ font-size:15px; line-height:25px; height:75px; color:#fff; margin-top:10px;}
.dbox .box .cont .more{ position:absolute; left:0; bottom:70px; border-bottom:2px solid #0EEFFF; font-size:18px; line-height:24px; height:28px; color:#0EEFFF; cursor:pointer;}
.dbox .box .cont .more img{ display:block; height:26px; float:right; margin-left:8px;}
.dbox .box .cont .bot{ width:100%; padding-top:45px; padding-bottom:45px; display:none;}
.dbox .box .cont .bot .w01{ font-size:20px; line-height:26px; font-weight:bold; color:#fff;}
.dbox .box .cont .bot .w02{ font-size:15px; line-height:25px; color:#fff;}
.dbox .box .cont .bot .w02 p{ margin-top:10px; display:block;}
.dbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.dbox .box .cont .bot .w03 li{ display:block; margin-top:10px; font-size:17px; line-height:27px; padding-left:17px; position:relative; color:#0EEFFF; font-weight:bold;}
.dbox .box .cont .bot .w03 li:before{ width:7px; height:7px; display:block; border-radius:100%; background-color:#0EEFFF; content:''; position:absolute; left:0; top:10px; overflow:hidden;}
.dbox .box .cont .bot .w04{ font-size:15px; line-height:25px; font-weight:bold; color:#fff; margin-top:10px;}
}
@media only screen and (max-width:1023px){
.dbox{ width:100%; position:relative; z-index:1; background-color:#00579e;}
.dbox .bg{ width:100%; height:65.1vw; background-position:center; background-repeat:no-repeat; background-size:cover;}
.dbox .box{ width:100%;}
.dbox .box .cont{ width:100%; padding:25px 3%; height:300px; box-sizing:border-box; overflow:auto; position:relative;}
.dbox .box .cont .top{ width:100%;}
.dbox .box .cont .top .w01{ font-size:22px; line-height:32px; font-weight:bold; color:#fff;}
.dbox .box .cont .top .w03{ font-size:18px; line-height:28px; font-weight:bold; color:#0EEFFF;}
.dbox .box .cont .top .w02{ font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:5px;}
.dbox .box .cont .more{ position:absolute; left:3%; bottom:30px; border-bottom:2px solid #0EEFFF; font-size:16px; line-height:22px; height:26px; color:#0EEFFF; cursor:pointer;}
.dbox .box .cont .more img{ display:block; height:24px; float:right; margin-left:5px;}
.dbox .box .cont .bot{ width:100%; display:none;}
.dbox .box .cont .bot .w01{ font-size:18px; line-height:24px; font-weight:bold; color:#fff;}
.dbox .box .cont .bot .w02{ font-size:14px; line-height:24px; color:#fff;}
.dbox .box .cont .bot .w02 p{ margin-top:5px; display:block;}
.dbox .box .cont .bot .w03{ padding-top:5px; display:block;}
.dbox .box .cont .bot .w03 li{ display:block; margin-top:5px; font-size:16px; line-height:26px; padding-left:16px; position:relative; color:#0EEFFF; font-weight:bold;}
.dbox .box .cont .bot .w03 li:before{ width:6px; height:6px; display:block; border-radius:100%; background-color:#0EEFFF; content:''; position:absolute; left:0; top:10px; overflow:hidden;}
.dbox .box .cont .bot .w04{ font-size:14px; line-height:24px; font-weight:bold; color:#fff; margin-top:5px;}
}

@media screen and (min-width:1440px){
.index{ width:100%; position:relative; z-index:1; top:-100px;}
.ebox{ width:100%; padding-top:90px; padding-bottom:95px; min-height:740px; position:relative; z-index:1; background-color:#ffffff;}
.ebox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ebox .bg b{ width:100%; height:100%; display:block; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ebox .bg span{ width:100%; height:100%; display:none; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ebox .bg.on b{ display:none;}
.ebox .bg.on span{ display:block;}
.ebox .box{ width:94%; max-width:1400px; margin:auto; margin-top:50px; position:relative; z-index:3;}
.ebox .box .top{ width:61.14%;}
.ebox .box .top .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.ebox .box .top .w02{ font-size:16px; line-height:26px; padding-top:15px;}
.ebox .box .top .w02 p{ display:block; margin-top:15px;}
.ebox .box .more{ margin-top:190px; cursor:pointer; text-align:center; font-size:20px; font-weight:bold; width:220px; line-height:48px; height:48px; color:#e50012; background-image:url(../images/more.png); background-size:100% 100%;}
.ebox .box .bot{ width:100%; display:none;}
.ebox .box .bot .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.ebox .box .bot .w02{ font-size:16px; line-height:26px; padding-top:15px;}
.ebox .box .bot .w02 p{ display:block; margin-top:15px;}
.ebox .box .bot .w03{ font-size:18px; line-height:28px; font-weight:bold; margin-top:40px;}
.ebox .box .bot .w04{ width:100%; display:block; overflow:hidden;}
.ebox .box .bot .w04 li{ width:42.78%; height:228px; display:block; float:left; overflow:hidden; border-radius:20px; margin-top:30px; margin-right:3%; background-position:center; background-size:100% 100%; background-repeat:no-repeat; padding:30px 40px; box-sizing:border-box; position:relative;}
.ebox .box .bot .w04 li:before{ width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/ebg01.png); background-size:100% 100%;}
.ebox .box .bot .w04 li b{ display:block; font-size:24px; line-height:34px; color:#0EEFFF; position:relative; z-index:3;}
.ebox .box .bot .w04 li strong{ display:block; font-size:20px; line-height:30px; color:#fff; margin-top:5px; position:relative; z-index:3;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.index{ width:100%; position:relative; z-index:1; top:-80px;}
.ebox{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#ffffff;}
.ebox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ebox .bg b{ width:100%; height:100%; display:block; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ebox .bg span{ width:100%; height:100%; display:none; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ebox .bg.on b{ display:none;}
.ebox .bg.on span{ display:block;}
.ebox .box{ width:94%; margin:auto; margin-top:35px; position:relative; z-index:3;}
.ebox .box .top{ width:61.14%;}
.ebox .box .top .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.ebox .box .top .w02{ font-size:15px; line-height:25px; padding-top:10px;}
.ebox .box .top .w02 p{ display:block; margin-top:10px;}
.ebox .box .more{ margin-top:50px; cursor:pointer; text-align:center; font-size:18px; font-weight:bold; width:200px; line-height:44px; height:44px; color:#e50012; background-image:url(../images/more.png); background-size:100% 100%;}
.ebox .box .bot{ width:100%; display:none;}
.ebox .box .bot .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.ebox .box .bot .w02{ font-size:15px; line-height:25px; padding-top:10px;}
.ebox .box .bot .w02 p{ display:block; margin-top:10px;}
.ebox .box .bot .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:20px;}
.ebox .box .bot .w04{ width:100%; display:block; overflow:hidden;}
.ebox .box .bot .w04 li{ width:42.78%; height:228px; display:block; float:left; overflow:hidden; border-radius:15px; margin-top:20px; margin-right:3%; background-position:center; background-size:100% 100%; background-repeat:no-repeat; padding:20px 3vw; box-sizing:border-box; position:relative;}
.ebox .box .bot .w04 li:before{ width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/ebg01.png); background-size:100% 100%;}
.ebox .box .bot .w04 li b{ display:block; font-size:22px; line-height:32px; color:#0EEFFF; position:relative; z-index:3;}
.ebox .box .bot .w04 li strong{ display:block; font-size:18px; line-height:28px; color:#fff; margin-top:5px; position:relative; z-index:3;}
}
@media only screen and (max-width:1023px){
.index{ width:100%; position:relative; z-index:1; top:-60px;}
.ebox{ width:100%; padding-top:60px; padding-bottom:70px; position:relative; z-index:1; background-color:#ffffff;}
.ebox .bg{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
.ebox .bg b{ width:100%; height:100%; display:block; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ebox .bg span{ width:100%; height:100%; display:none; overflow:hidden; background-position:bottom center; background-repeat:no-repeat; background-size:100% auto;}
.ebox .bg.on b{ display:none;}
.ebox .bg.on span{ display:block;}
.ebox .box{ width:94%; margin:auto; margin-top:10px; position:relative; z-index:3;}
.ebox .box .top{ width:100%;}
.ebox .box .top .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.ebox .box .top .w02{ font-size:14px; line-height:24px; padding-top:5px;}
.ebox .box .top .w02 p{ display:block; margin-top:5px;}
.ebox .box .more{ margin-top:20px; cursor:pointer; text-align:center; font-size:16px; font-weight:bold; width:180px; line-height:40px; height:40px; color:#e50012; background-image:url(../images/more.png); background-size:100% 100%;}
.ebox .box .bot{ width:100%; display:none;}
.ebox .box .bot .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.ebox .box .bot .w02{ font-size:14px; line-height:24px; padding-top:5px;}
.ebox .box .bot .w02 p{ display:block; margin-top:10px;}
.ebox .box .bot .w03{ font-size:16px; line-height:26px; font-weight:bold; margin-top:10px;}
.ebox .box .bot .w04{ width:100%; display:block; overflow:hidden;}
.ebox .box .bot .w04 li{ width:100%; height:228px; display:block; float:left; overflow:hidden; border-radius:10px; margin-top:15px; background-position:center; background-size:100% 100%; background-repeat:no-repeat; padding:15px 3vw; box-sizing:border-box; position:relative;}
.ebox .box .bot .w04 li:before{ width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/ebg01.png); background-size:100% 100%;}
.ebox .box .bot .w04 li b{ display:block; font-size:20px; line-height:30px; color:#0EEFFF; position:relative; z-index:3;}
.ebox .box .bot .w04 li strong{ display:block; font-size:16px; line-height:26px; color:#fff; margin-top:5px; position:relative; z-index:3;}
}

/*footer*/
@media screen and (min-width:1440px){
.footer{ width:100%; background-color:#17202a; position:relative; z-index:1;}
.footer .foot{ width:94%; max-width:1400px; margin:65px auto;}
.footer .foot .f01{ width:18%; float:left;}
.footer .foot .f01 .t01{ padding:5px 0;}
.footer .foot .f01 .t01 img{ display:block; height:50px;}
.footer .foot .f02{ width:20.5%; float:left;}
.footer .foot .f02 .t01{ font-size:18px; line-height:28px; font-weight:bold; color:#fff;}
.footer .foot .f02 .t02{ padding-top:10px;}
.footer .foot .f02 .t02 a{ display:block; color:#fff; font-size:16px; line-height:26px; margin-top:15px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:26px; overflow:hidden;}
.footer .foot .f02 .t02 a:hover{ font-weight:bold; color:#e50012;}
.footer .foot .f02 .t03{ padding-top:10px;}
.footer .foot .f02 .t03 a{ display:block; color:#fff; font-size:16px; line-height:26px; margin-top:15px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:26px; overflow:hidden; font-weight:bold;}
.footer .bq{ width:100%; font-size:16px; line-height:70px; height:70px; text-align:center; color:#fff; border-top:1px solid #333c45;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(229,0,18,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.footer{ width:100%; background-color:#17202a; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:45px auto; display:flex;}
.footer .foot .f01{ float:left;}
.footer .foot .f01 .t01{ padding:5px 0;}
.footer .foot .f01 .t01 img{ display:block; height:50px;}
.footer .foot .f02{ margin-left:3%;}
.footer .foot .f02 .t01{ font-size:17px; line-height:27px; font-weight:bold; color:#fff;}
.footer .foot .f02 .t02{ padding-top:5px;}
.footer .foot .f02 .t02 a{ display:block; color:#fff; font-size:15px; line-height:25px; margin-top:10px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:25px; overflow:hidden; background-size:10px auto;}
.footer .foot .f02 .t02 a:hover{ font-weight:bold; color:#e50012;}
.footer .foot .f02 .t03{ padding-top:5px;}
.footer .foot .f02 .t03 a{ display:block; color:#fff; font-size:15px; line-height:25px; margin-top:10px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:25px; overflow:hidden; font-weight:bold; background-size:10px auto;}
.footer .bq{ width:100%; font-size:15px; line-height:59px; height:59px; text-align:center; color:#fff; border-top:1px solid #333c45;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(229,0,18,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}
@media only screen and (max-width:1023px){
.footer{ width:100%; background-color:#17202a; position:relative; z-index:1;}
.footer .foot{ width:94%; margin:25px auto;}
.footer .foot .f01{ width:100%;}
.footer .foot .f01 .t01{ padding:5px 0;}
.footer .foot .f01 .t01 img{ display:block; height:50px; margin:auto;}
.footer .foot .f02{ margin-top:10px;}
.footer .foot .f02 .t01{ font-size:16px; line-height:26px; font-weight:bold; color:#fff;}
.footer .foot .f02 .t02{ margin-left:-15px;}
.footer .foot .f02 .t02 a{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:5px; padding-left:15px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:24px; overflow:hidden; float:left; margin-left:15px; background-size:8px auto;}
.footer .foot .f02 .t02 a:hover{ font-weight:bold; color:#e50012;}
.footer .foot .f02 .t03{ padding-top:5px;}
.footer .foot .f02 .t03 a{ display:block; color:#fff; font-size:14px; line-height:24px; margin-top:5px; padding-left:20px; background-image:url(../images/li.png); background-position:left center; background-repeat:no-repeat; height:25px; overflow:hidden; font-weight:bold; background-size:8px auto;}
.footer .bq{ width:94%; padding:13px 3%; font-size:14px; line-height:24px; text-align:center; color:#fff; border-top:1px solid #333c45;}

#gotop{ width:30px; height:30px; display:block; cursor:pointer; background-color:rgba(229,0,18,0.7); border-radius:5px; position:fixed; right:3%; bottom:70px; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}
}

/*内页*/
@media screen and (min-width:1440px){
.wei{ width:94%; max-width:1400px; margin:auto; padding-top:165px; position:relative; z-index:1; font-size:18px; line-height:28px; font-weight:bold; color:#e50012;}
.wei a{ color:#e50012;}

.main{ width:94%; max-width:1400px; margin:100px auto; margin-top:55px; position:relative; z-index:1;}
.main .top{ width:100%;}
.main .top b{ display:block; float:left; font-size:46px; line-height:56px;}
.main .top p{ display:block; float:right; margin-top:5px;}
.main .top p a{ display:block; font-size:18px; line-height:46px; height:46px; color:#333; float:left; margin-left:20px; position:relative;}
.main .top p a.on{ font-weight:bold; color:#e50012;}
.main .top p a.on:before,.main .top p a:hover:before{ width:100%; height:2px; display:block; content:''; overflow:hidden; position:absolute; left:0; bottom:0; background:linear-gradient(to top left,#e50012,#00579E);}

.email{ width:100%; background-color:#f5f5f5; position:relative; z-index:1;}
.email .box{ width:94%; max-width:1400px; margin:auto; height:120px; display:flex; justify-content:space-between; align-items:center;}
.email .box .left{ font-size:20px; line-height:30px; color:#071E56; font-weight:bold; flex:1;}
.email .box .right{ height:50px; overflow:hidden; display:flex;}
.email .box .right p{ width:21.67vw; height:46px; border:2px solid #dcdcdc; border-radius:5px; overflow:hidden; display:block; margin-left:20px;}
.email .box .right p input{ width:100%; padding:0 1.45vw; height:46px; line-height:46px; font-size:16px; box-sizing:border-box; background-color:transparent;}
.email .box .right a{ width:11.46vw; height:50px; border-radius:5px; overflow:hidden; display:block; margin-left:20px;}
.email .box .right a input{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; background-color:#00579e; color:#fff; font-weight:bold;}
.email .box .right a input:hover{ background-color:#e50012;}

.mbox{ width:100%; padding:100px 0; background-color:#fff; position:relative; z-index:1;}
.mbox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:450px; border-radius:0px 40px 0px 40px; overflow:hidden; float:left;}
.mbox .box .left img{ width:100%; display:block;}
.mbox .box .right{ width:calc(92.15% - 450px); float:right; margin-top:-10px;}
.mbox .box .right .w01{ font-size:46px; line-height:56px; font-weight:bold;}
.mbox .box .right .w02{ font-size:20px; line-height:30px; margin-top:10px;}
.mbox .box .right .w03{ margin-top:20px; display:block; overflow:hidden;}
.mbox .box .right .w03 dt{ width:47.6%; margin-left:4.8%; display:block; float:left; margin-top:25px;}
.mbox .box .right .w03 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.mbox .box .right .w03 dd{ width:100%; display:block; float:left; margin-top:25px;}
.mbox .box .right .w03 span{ display:block; font-weight:bold; font-size:16px; line-height:26px;}
.mbox .box .right .w03 span b{ color:#e50012;}
.mbox .box .right .w03 p{ display:block; height:46px; border:2px solid #dcdcdc; border-radius:5px; overflow:hidden; margin-top:10px; background-color:#f5f5f5;}
.mbox .box .right .w03 p input{ width:100%; padding:0 1.45vw; height:46px; line-height:46px; font-size:16px; box-sizing:border-box; background-color:transparent;}
.mbox .box .right .w03 p textarea{ width:100%; padding:0 1.45vw; height:46px; line-height:46px; font-size:16px; box-sizing:border-box; background-color:transparent; font-family:inherit;}
.mbox .box .right .w04{ width:420px; height:50px; display:block; margin:auto; border-radius:5px; overflow:hidden; margin-top:50px;}
.mbox .box .right .w04 input{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center; background-color:#00579e; color:#fff; font-weight:bold;}
.mbox .box .right .w04 input:hover{ background-color:#e50012;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.wei{ width:94%; margin:auto; padding-top:125px; position:relative; z-index:1; font-size:16px; line-height:26px; font-weight:bold; color:#e50012;}
.wei a{ color:#e50012;}

.main{ width:94%; margin:70px auto; margin-top:35px; position:relative; z-index:1;}
.main .top{ width:100%;}
.main .top b{ display:block; float:left; font-size:36px; line-height:46px;}
.main .top p{ display:block; float:right; margin-top:3px;}
.main .top p a{ display:block; font-size:16px; line-height:40px; height:40px; color:#333; float:left; margin-left:15px; position:relative;}
.main .top p a.on{ font-weight:bold; color:#e50012;}
.main .top p a.on:before,.main .top p a:hover:before{ width:100%; height:2px; display:block; content:''; overflow:hidden; position:absolute; left:0; bottom:0; background:linear-gradient(to top left,#e50012,#00579E);}

.email{ width:100%; background-color:#f5f5f5; position:relative; z-index:1;}
.email .box{ width:94%; margin:auto; height:100px; display:flex; justify-content:space-between; align-items:center;}
.email .box .left{ font-size:18px; line-height:28px; color:#071E56; font-weight:bold; flex:1;}
.email .box .right{ height:46px; overflow:hidden; display:flex;}
.email .box .right p{ width:25vw; height:42px; border:2px solid #dcdcdc; border-radius:5px; overflow:hidden; display:block; margin-left:20px;}
.email .box .right p input{ width:100%; padding:0 1.45vw; height:42px; line-height:42px; font-size:15px; box-sizing:border-box; background-color:transparent;}
.email .box .right a{ width:13vw; height:46px; border-radius:5px; overflow:hidden; display:block; margin-left:15px;}
.email .box .right a input{ width:100%; height:46px; line-height:46px; font-size:15px; text-align:center; background-color:#00579e; color:#fff; font-weight:bold;}
.email .box .right a input:hover{ background-color:#e50012;}

.mbox{ width:100%; padding:70px 0; background-color:#fff; position:relative; z-index:1;}
.mbox .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:350px; border-radius:0px 30px 0px 30px; overflow:hidden; float:left;}
.mbox .box .left img{ width:100%; display:block;}
.mbox .box .right{ width:calc(97% - 350px); float:right; margin-top:-10px;}
.mbox .box .right .w01{ font-size:36px; line-height:46px; font-weight:bold;}
.mbox .box .right .w02{ font-size:18px; line-height:28px; margin-top:5px;}
.mbox .box .right .w03{ margin-top:10px; display:block; overflow:hidden;}
.mbox .box .right .w03 dt{ width:47.6%; margin-left:4.8%; display:block; float:left; margin-top:15px;}
.mbox .box .right .w03 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.mbox .box .right .w03 dd{ width:100%; display:block; float:left; margin-top:15px;}
.mbox .box .right .w03 span{ display:block; font-weight:bold; font-size:15px; line-height:25px;}
.mbox .box .right .w03 span b{ color:#e50012;}
.mbox .box .right .w03 p{ display:block; height:42px; border:2px solid #dcdcdc; border-radius:5px; overflow:hidden; margin-top:10px; background-color:#f5f5f5;}
.mbox .box .right .w03 p input{ width:100%; padding:0 1.45vw; height:42px; line-height:42px; font-size:15px; box-sizing:border-box; background-color:transparent;}
.mbox .box .right .w03 p textarea{ width:100%; padding:0 1.45vw; height:42px; line-height:42px; font-size:15px; box-sizing:border-box; background-color:transparent; font-family:inherit;}
.mbox .box .right .w04{ width:320px; height:46px; display:block; margin:auto; border-radius:5px; overflow:hidden; margin-top:35px;}
.mbox .box .right .w04 input{ width:100%; height:46px; line-height:46px; font-size:15px; text-align:center; background-color:#00579e; color:#fff; font-weight:bold;}
.mbox .box .right .w04 input:hover{ background-color:#e50012;}
}
@media only screen and (max-width:1023px){
.wei{ width:94%; margin:auto; padding-top:85px; position:relative; z-index:1; font-size:16px; line-height:26px; font-weight:bold; color:#e50012;}
.wei a{ color:#e50012;}

.main{ width:94%; margin:40px auto; margin-top:20px; position:relative; z-index:1;}
.main .top{ width:100%;}
.main .top b{ display:block; font-size:24px; line-height:34px;}
.main .top p{ display:block; margin-left:-10px;}
.main .top p a{ display:block; font-size:14px; line-height:36px; height:36px; color:#333; float:left; margin-left:10px; margin-top:5px; position:relative;}
.main .top p a.on{ font-weight:bold; color:#e50012;}
.main .top p a.on:before,.main .top p a:hover:before{ width:100%; height:2px; display:block; content:''; overflow:hidden; position:absolute; left:0; bottom:0; background:linear-gradient(to top left,#e50012,#00579E);}

.email{ width:100%; background-color:#f5f5f5; position:relative; z-index:1;}
.email .box{ width:94%; margin:auto; padding-top:25px; padding-bottom:30px;}
.email .box .left{ font-size:16px; line-height:26px; color:#071E56; font-weight:bold;}
.email .box .right{ height:40px; overflow:hidden; display:flex; margin-top:15px;}
.email .box .right p{ width:67%; height:36px; border:2px solid #dcdcdc; border-radius:5px; overflow:hidden; display:block;}
.email .box .right p input{ width:100%; padding:0 10px; height:36px; line-height:36px; font-size:14px; box-sizing:border-box; background-color:transparent;}
.email .box .right a{ width:30%; height:40px; border-radius:5px; overflow:hidden; display:block; margin-left:3%;}
.email .box .right a input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:#00579e; color:#fff; font-weight:bold;}
.email .box .right a input:hover{ background-color:#e50012;}

.mbox{ width:100%; padding:40px 0; background-color:#fff; position:relative; z-index:1;}
.mbox .box{ width:94%; margin:auto; position:relative; z-index:3;}
.mbox .box .left{ width:100%; border-radius:0px 10px 0px 10px; overflow:hidden; float:left;}
.mbox .box .left img{ width:100%; display:block;}
.mbox .box .right{ width:100%; float:right; margin-top:15px;}
.mbox .box .right .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.mbox .box .right .w02{ font-size:16px; line-height:26px; margin-top:5px;}
.mbox .box .right .w03{ margin-top:5px; display:block; overflow:hidden;}
.mbox .box .right .w03 dt{ width:48.5%; margin-left:3%; display:block; float:left; margin-top:10px;}
.mbox .box .right .w03 dt:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.mbox .box .right .w03 dd{ width:100%; display:block; float:left; margin-top:15px;}
.mbox .box .right .w03 span{ display:block; font-weight:bold; font-size:14px; line-height:24px;}
.mbox .box .right .w03 span b{ color:#e50012;}
.mbox .box .right .w03 p{ display:block; height:36px; border:2px solid #dcdcdc; border-radius:5px; overflow:hidden; margin-top:5px; background-color:#f5f5f5;}
.mbox .box .right .w03 p input{ width:100%; padding:0 10px; height:36px; line-height:36px; font-size:14px; box-sizing:border-box; background-color:transparent;}
.mbox .box .right .w03 p textarea{ width:100%; padding:0 10px; height:36px; line-height:36px; font-size:14px; box-sizing:border-box; background-color:transparent; font-family:inherit;}
.mbox .box .right .w04{ width:220px; height:40px; display:block; margin:auto; border-radius:5px; overflow:hidden; margin-top:20px;}
.mbox .box .right .w04 input{ width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background-color:#00579e; color:#fff; font-weight:bold;}
.mbox .box .right .w04 input:hover{ background-color:#e50012;}
}

/*news*/
@media screen and (min-width:1440px){
.main .news{ width:100%; display:block;}
.main .news li{ width:100%; display:block; margin-top:40px; overflow:hidden;}
.main .news li .tu{ width:440px; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:61.36%; z-index:1;}
.main .news li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ width:calc(97% - 440px); float:right;}
.main .news li .wen .w01{ font-size:16px; line-height:26px; color:#666;}
.main .news li .wen .w02{ font-size:22px; line-height:32px; margin-top:15px;}
.main .news li .wen .w02 a{ max-height:64px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#e50012;}
.main .news li .wen .w03{ font-size:16px; line-height:26px; margin-top:10px; color:#666; height:78px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .wen .w04{ margin-top:20px; padding:2px; width:176px; background:linear-gradient(to top left,#e50012,#00579E); border-radius:10px;}
.main .news li .wen .w04 a{ width:100%; height:36px; line-height:36px; color:#e50012; text-align:center; display:block; background-color:#fff; border-radius:10px; font-size:16px;}
.main .news li .wen .w04 a:hover{ background:linear-gradient(to top left,#e50012,#00579E); color:#fff;}

.fanye{ width:100%; margin-top:40px; text-align:center; line-height:40px;}
.fanye li{ margin:0 5px; display:inline-block; font-size:18px;}
.fanye li a{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:30px; padding:0 5px; height:40px; line-height:40px; border:1px solid #e50012; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e50012;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e50012; border:1px solid #e50012;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .news{ width:100%; display:block;}
.main .news li{ width:100%; display:block; margin-top:30px; overflow:hidden;}
.main .news li .tu{ width:380px; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:61.36%; z-index:1;}
.main .news li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ width:calc(97% - 380px); float:right;}
.main .news li .wen .w01{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.main .news li .wen .w02{ font-size:20px; line-height:30px;}
.main .news li .wen .w02 a{ max-height:60px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#e50012;}
.main .news li .wen .w03{ font-size:15px; line-height:25px; margin-top:5px; color:#666; height:75px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .wen .w04{ margin-top:15px; padding:2px; width:146px; background:linear-gradient(to top left,#e50012,#00579E); border-radius:7px;}
.main .news li .wen .w04 a{ width:100%; height:32px; line-height:32px; color:#e50012; text-align:center; display:block; background-color:#fff; border-radius:7px; font-size:15px;}
.main .news li .wen .w04 a:hover{ background:linear-gradient(to top left,#e50012,#00579E); color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center; line-height:34px;}
.fanye li{ margin:0 4px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #333; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border:1px solid #e50012; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#e50012;}
.fanye li.disabled span{ color:#aaa; cursor:no-drop; border:1px solid #aaa;}
.fanye li a:hover{ color:#e50012; border:1px solid #e50012;}
}
@media only screen and (max-width:1023px){
.main .news{ width:100%; display:block;}
.main .news li{ width:100%; display:block; margin-top:20px; overflow:hidden;}
.main .news li .tu{ width:100%; float:left; position:relative; z-index:1;}
.main .news li .tu a{ width:100%; display:block; position:relative; overflow:hidden; padding-top:61.36%; z-index:1;}
.main .news li .tu a img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .news li:hover .tu a img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .news li .wen{ width:100%; float:right; padding:15px 3%; box-sizing:border-box; padding-bottom:15px; background-color:#f5f5f5;}
.main .news li .wen .w01{ font-size:14px; line-height:24px; margin-top:5px; color:#666;}
.main .news li .wen .w02{ font-size:16px; line-height:26px;}
.main .news li .wen .w02 a{ max-height:56px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.main .news li .wen .w02 a:hover{ color:#e50012;}
.main .news li .wen .w03{ font-size:14px; line-height:24px; margin-top:5px; color:#666; height:72px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.main .news li .wen .w04{ margin-top:10px; padding:2px; width:116px; background:linear-gradient(to top left,#e50012,#00579E); border-radius:5px;}
.main .news li .wen .w04 a{ width:100%; height:28px; line-height:28px; color:#e50012; text-align:center; display:block; background-color:#f5f5f5; border-radius:5px; font-size:14px;}
.main .news li .wen .w04 a:hover{ background:linear-gradient(to top left,#e50012,#00579E); color:#fff;}

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

/*news_son*/
@media screen and (min-width:1440px){
.main .ny{ width:100%; margin-top:35px;}
.main .ny .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.main .ny .w02{ font-size:16px; line-height:26px; color:#666; margin-top:10px;}
.main .ny .w03{ font-size:16px; line-height:26px; color:#333; margin-top:20px;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; margin-top:35px;}
.ny .w04 a{ width:240px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to top left,#e50012,#00579E); border-radius:10px;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:14px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#e50012; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .ny{ width:100%; margin-top:25px;}
.main .ny .w01{ font-size:22px; line-height:32px; font-weight:bold;}
.main .ny .w02{ font-size:15px; line-height:25px; color:#666; margin-top:5px;}
.main .ny .w03{ font-size:15px; line-height:25px; color:#333; margin-top:15px;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; margin-top:25px;}
.ny .w04 a{ width:200px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to top left,#e50012,#00579E); border-radius:10px;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:44px; line-height:44px; font-size:16px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:12px; margin-left:10px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#e50012; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}
@media only screen and (max-width:1023px){
.main .ny{ width:100%; margin-top:15px;}
.main .ny .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .ny .w02{ font-size:14px; line-height:24px; color:#666;}
.main .ny .w03{ font-size:14px; line-height:24px; color:#333; margin-top:10px;}
.main .ny .w03 img{ max-width:100%; height:auto !important;}
.ny .w04{ width:100%; margin-top:15px;}
.ny .w04 a{ width:160px; display:block; margin:auto; overflow:hidden; position:relative; background:linear-gradient(to top left,#e50012,#00579E); border-radius:5px;}
.ny .w04 p{ width:100%; display:flex; align-items:center; justify-content:center; height:36px; line-height:36px; font-size:14px; color:#fff; font-weight:bold; overflow:hidden; position:relative; z-index:2;}
.ny .w04 p img{ display:block; height:10px; margin-left:6px;}
.ny .w04 b{ display:block; width:0; height:100%; background-color:#e50012; position:absolute; left:0; bottom:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.ny .w04:hover b{ width:100%;}
}

/*contact*/
@media screen and (min-width:1440px){
.main .lx{ width:100%; margin-top:35px; font-size:20px; line-height:30px; font-weight:bold;}
.main .lx a{ color:#e50012;}
.main .lx a:hover{ text-decoration:underline;}
.main .lx01{ width:100%; margin-top:40px; font-size:34px; line-height:44px; font-weight:bold;}
.main .lx02{ margin-top:-5px; display:flex; flex-wrap:wrap;}
.main .lx02 dt{ width:100%; box-sizing:border-box; padding:30px; background-color:#f5f5f5; border-radius:10px; margin-top:40px;}
.main .lx02 dd{ width:31.33%; box-sizing:border-box; padding:30px; background-color:#f5f5f5; border-radius:10px; margin-top:40px; margin-left:3%;}
.main .lx02 dd:nth-child(3n+2){ clear:left; float:left; margin-left:0;}
.main .lx02 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .lx02 dt .w01{ color:#e50012;}
.main .lx02 .w03{ width:100px; height:4px; background:linear-gradient(to top left,#e50012,#00579E); margin:15px 0;}
.main .lx02 .w02{ font-size:16px; line-height:26px; color:#666;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .lx{ width:100%; margin-top:25px; font-size:18px; line-height:28px; font-weight:bold;}
.main .lx a{ color:#e50012;}
.main .lx a:hover{ text-decoration:underline;}
.main .lx01{ width:100%; margin-top:30px; font-size:26px; line-height:36px; font-weight:bold;}
.main .lx02{ margin-top:-5px; display:flex; flex-wrap:wrap;}
.main .lx02 dt{ width:100%; box-sizing:border-box; padding:30px; background-color:#f5f5f5; border-radius:10px; margin-top:30px;}
.main .lx02 dd{ width:31.33%; box-sizing:border-box; padding:30px; background-color:#f5f5f5; border-radius:10px; margin-top:30px; margin-left:3%;}
.main .lx02 dd:nth-child(3n+2){ clear:left; float:left; margin-left:0;}
.main .lx02 .w01{ font-size:18px; line-height:28px; font-weight:bold;}
.main .lx02 dt .w01{ color:#e50012;}
.main .lx02 .w03{ width:70px; height:3px; background:linear-gradient(to top left,#e50012,#00579E); margin:10px 0;}
.main .lx02 .w02{ font-size:15px; line-height:25px; color:#666;}
}
@media only screen and (max-width:1023px){
.main .lx{ width:100%; margin-top:15px; font-size:16px; line-height:26px; font-weight:bold;}
.main .lx a{ color:#e50012;}
.main .lx a:hover{ text-decoration:underline;}
.main .lx01{ width:100%; margin-top:20px; font-size:20px; line-height:30px; font-weight:bold;}
.main .lx02{ margin-top:-5px; display:flex; flex-wrap:wrap;}
.main .lx02 dt{ width:100%; box-sizing:border-box; padding:15px; background-color:#f5f5f5; border-radius:5px; margin-top:20px;}
.main .lx02 dd{ width:100%; box-sizing:border-box; padding:15px; background-color:#f5f5f5; border-radius:5px; margin-top:20px;}
.main .lx02 .w01{ font-size:16px; line-height:26px; font-weight:bold;}
.main .lx02 dt .w01{ color:#e50012;}
.main .lx02 .w03{ width:40px; height:2px; background:linear-gradient(to top left,#e50012,#00579E); margin:5px 0;}
.main .lx02 .w02{ font-size:14px; line-height:24px; color:#666;}
}

/*product*/
@media screen and (min-width:1440px){
.main .pro{ padding-top:10px; display:flex; flex-wrap:wrap;}
.main .pro li{ width:23.29%; background-color:#f5f5f5; margin-top:30px; margin-left:2.28%;}
.main .pro li:nth-child(4n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; padding-top:60.97%; position:relative;}
.main .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ height:80px; display:flex; align-items:center; text-align:center; justify-content:center; font-weight:bold; padding:0 20px; font-size:18px; line-height:28px;}
.main .pro li:hover .wen{ background-color:#00579E; color:#fff;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.main .pro{ padding-top:5px; display:flex; flex-wrap:wrap;}
.main .pro li{ width:31.33%; background-color:#f5f5f5; margin-top:25px; margin-left:3%;}
.main .pro li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; padding-top:60.97%; position:relative;}
.main .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ height:70px; display:flex; align-items:center; text-align:center; justify-content:center; font-weight:bold; padding:0 15px; font-size:16px; line-height:26px;}
.main .pro li:hover .wen{ background-color:#00579E; color:#fff;}
}
@media only screen and (max-width:1023px){
.main .pro{ padding-top:5px; display:flex; flex-wrap:wrap;}
.main .pro li{ width:48.5%; background-color:#f5f5f5; margin-top:15px; margin-left:3%;}
.main .pro li:nth-child(2n+1){ clear:left; float:left; margin-left:0;}
.main .pro li .tu{ width:100%; padding-top:60.97%; position:relative;}
.main .pro li .tu img{ width:100%; display:block; position:absolute; left:0; top:0;}
.main .pro li .wen{ height:60px; display:flex; align-items:center; text-align:center; justify-content:center; font-weight:bold; padding:0 10px; font-size:14px; line-height:24px;}
.main .pro li:hover .wen{ background-color:#00579E; color:#fff;}
}

@media screen and (min-width:1440px){
.sec{ width:100%; background-size:27.03125% auto; background-position:right 100px; background-repeat:no-repeat;}
.pro01{ width:94%; max-width:1400px; margin:100px auto; margin-top:55px; position:relative; z-index:3;}
.pro01 .box{ width:72%;}
.pro01 .box .w01{ font-size:46px; line-height:56px; font-weight:bold;}
.pro01 .box .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#071E56; margin-top:10px;}
.pro01 .box01{ width:72%; margin-top:85px;}
.pro01 .box01 .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.pro01 .box01 .w02{ font-size:16px; line-height:26px; margin-top:10px;}
.pro01 .box01 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro01 .box01 .w03 li{ width:48.5%; margin-left:3%; margin-top:30px; border-radius:8px; display:flex; align-items:center; padding:25px 30px; box-sizing:border-box; box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3);}
.pro01 .box01 .w03 li:nth-child(2n+1){ margin-left:0;}
.pro01 .box01 .w03 li strong{ width:42px; display:block;}
.pro01 .box01 .w03 li strong img{ width:100%; display:block;}
.pro01 .box01 .w03 li p{ display:block; flex:1; margin-left:20px;}
.pro01 .box01 .w03 li p b{ display:block; font-size:16px; line-height:26px;}
.pro01 .box01 .w03 li p span{ display:block; font-size:16px; line-height:26px; opacity:.9;}
.pro01 .box02{ width:100%; margin-top:90px;}
.pro01 .box02 .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.pro01 .box02 .w02{ font-size:16px; line-height:26px; margin-top:10px;}
.pro01 .box02 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro01 .box02 .w03 li{ width:48.5%; margin-left:3%; margin-top:30px; border-radius:8px; display:block; padding:25px 30px; box-sizing:border-box; background-color:#f5f5f5;}
.pro01 .box02 .w03 li:hover{ box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3); background-color:#fff;}
.pro01 .box02 .w03 li:nth-child(2n+1){ margin-left:0;}
.pro01 .box02 .w03 li b{ display:block; font-size:20px; line-height:30px; color:#071E56;}
.pro01 .box02 .w03 li:hover b{ color:#00579E;}
.pro01 .box02 .w03 li span{ display:block; font-size:16px; line-height:26px; opacity:.9; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.sec{ width:100%; background-size:27.03125% auto; background-position:right 80px; background-repeat:no-repeat;}
.pro01{ width:94%; margin:70px auto; margin-top:35px; position:relative; z-index:3;}
.pro01 .box{ width:72%;}
.pro01 .box .w01{ font-size:36px; line-height:46px; font-weight:bold;}
.pro01 .box .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#071E56; margin-top:5px;}
.pro01 .box01{ width:72%; margin-top:55px;}
.pro01 .box01 .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pro01 .box01 .w02{ font-size:15px; line-height:25px; margin-top:5px;}
.pro01 .box01 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro01 .box01 .w03 li{ width:48.5%; margin-left:3%; margin-top:25px; border-radius:8px; display:flex; align-items:center; padding:15px 20px; box-sizing:border-box; box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3);}
.pro01 .box01 .w03 li:nth-child(2n+1){ margin-left:0;}
.pro01 .box01 .w03 li strong{ width:42px; display:block;}
.pro01 .box01 .w03 li strong img{ width:100%; display:block;}
.pro01 .box01 .w03 li p{ display:block; flex:1; margin-left:15px;}
.pro01 .box01 .w03 li p b{ display:block; font-size:15px; line-height:25px;}
.pro01 .box01 .w03 li p span{ display:block; font-size:15px; line-height:25px; opacity:.9;}
.pro01 .box02{ width:100%; margin-top:60px;}
.pro01 .box02 .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pro01 .box02 .w02{ font-size:15px; line-height:25px; margin-top:5px;}
.pro01 .box02 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro01 .box02 .w03 li{ width:48.5%; margin-left:3%; margin-top:25px; border-radius:8px; display:block; padding:15px 20px; box-sizing:border-box; background-color:#f5f5f5;}
.pro01 .box02 .w03 li:hover{ box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3); background-color:#fff;}
.pro01 .box02 .w03 li:nth-child(2n+1){ margin-left:0;}
.pro01 .box02 .w03 li b{ display:block; font-size:18px; line-height:28px; color:#071E56;}
.pro01 .box02 .w03 li:hover b{ color:#00579E;}
.pro01 .box02 .w03 li span{ display:block; font-size:15px; line-height:25px; opacity:.9; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.sec{ width:100%; background-size:27.03125% auto; background-position:right 60px; background-repeat:no-repeat;}
.sec .wei{ width:72%; margin-left:3%;}
.pro01{ width:94%; margin:40px auto; margin-top:20px; position:relative; z-index:3;}
.pro01 .box{ width:72%;}
.pro01 .box .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.pro01 .box .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#071E56;}
.pro01 .box01{ width:100%; margin-top:25px;}
.pro01 .box01 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro01 .box01 .w02{ font-size:14px; line-height:24px;}
.pro01 .box01 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro01 .box01 .w03 li{ width:100%; margin-top:15px; border-radius:5px; display:flex; align-items:center; padding:10px 15px; box-sizing:border-box; box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3);}
.pro01 .box01 .w03 li strong{ width:42px; display:block;}
.pro01 .box01 .w03 li strong img{ width:100%; display:block;}
.pro01 .box01 .w03 li p{ display:block; flex:1; margin-left:10px;}
.pro01 .box01 .w03 li p b{ display:block; font-size:14px; line-height:24px;}
.pro01 .box01 .w03 li p span{ display:block; font-size:14px; line-height:24px; opacity:.9;}
.pro01 .box02{ width:100%; margin-top:35px;}
.pro01 .box02 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro01 .box02 .w02{ font-size:14px; line-height:24px;}
.pro01 .box02 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro01 .box02 .w03 li{ width:100%; margin-top:15px; border-radius:5px; display:block; padding:10px 15px; box-sizing:border-box; background-color:#f5f5f5;}
.pro01 .box02 .w03 li:hover{ box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3); background-color:#fff;}
.pro01 .box02 .w03 li b{ display:block; font-size:16px; line-height:26px; color:#071E56;}
.pro01 .box02 .w03 li:hover b{ color:#00579E;}
.pro01 .box02 .w03 li span{ display:block; font-size:14px; line-height:24px; opacity:.9;}
}

@media screen and (min-width:1440px){
.pro02{ width:94%; max-width:1400px; margin:100px auto; margin-top:55px; position:relative; z-index:3;}
.pro02 .box{ width:72%;}
.pro02 .box .w01{ font-size:46px; line-height:56px; font-weight:bold;}
.pro02 .box .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#071E56; margin-top:10px;}
.pro02 .box01{ width:72%; margin-top:85px;}
.pro02 .box01 .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.pro02 .box01 .w03{ width:100%; display:block; padding-top:10px;}
.pro02 .box01 .w03 li{ display:block; padding-left:28px; font-size:16px; line-height:26px; margin-top:15px; background-image:url(../images/dui.png); background-position:left 5px; background-repeat:no-repeat;}
.pro02 .box02{ width:72%; margin-top:85px;}
.pro02 .box02 .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.pro02 .box02 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro02 .box02 .w03 li{ width:100%; margin-top:30px; border-radius:8px; display:block; padding:25px 30px; box-sizing:border-box; background-color:#f5f5f5;}
.pro02 .box02 .w03 li:hover{ box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3); background-color:#fff;}
.pro02 .box02 .w03 li b{ display:block; font-size:20px; line-height:30px; color:#071E56;}
.pro02 .box02 .w03 li:hover b{ color:#00579E;}
.pro02 .box02 .w03 li span{ display:block; font-size:16px; line-height:26px; opacity:.9; margin-top:5px;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.pro02{ width:94%; margin:70px auto; margin-top:35px; position:relative; z-index:3;}
.pro02 .box{ width:72%;}
.pro02 .box .w01{ font-size:36px; line-height:46px; font-weight:bold;}
.pro02 .box .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#071E56; margin-top:5px;}
.pro02 .box01{ width:72%; margin-top:55px;}
.pro02 .box01 .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pro02 .box01 .w03{ width:100%; display:block; padding-top:5px;}
.pro02 .box01 .w03 li{ display:block; padding-left:23px; font-size:15px; line-height:25px; margin-top:10px; background-image:url(../images/dui.png); background-position:left 5px; background-repeat:no-repeat; background-size:auto 15px;}
.pro02 .box02{ width:72%; margin-top:55px;}
.pro02 .box02 .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pro02 .box02 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro02 .box02 .w03 li{ width:100%; margin-top:25px; border-radius:8px; display:block; padding:15px 20px; box-sizing:border-box; background-color:#f5f5f5;}
.pro02 .box02 .w03 li:hover{ box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3); background-color:#fff;}
.pro02 .box02 .w03 li b{ display:block; font-size:18px; line-height:28px; color:#071E56;}
.pro02 .box02 .w03 li:hover b{ color:#00579E;}
.pro02 .box02 .w03 li span{ display:block; font-size:15px; line-height:25px; opacity:.9; margin-top:5px;}
}
@media only screen and (max-width:1023px){
.pro02{ width:94%; margin:40px auto; margin-top:20px; position:relative; z-index:3;}
.pro02 .box{ width:72%;}
.pro02 .box .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.pro02 .box .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#071E56;}
.pro02 .box01{ width:100%; margin-top:25px;}
.pro02 .box01 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro02 .box01 .w03{ width:100%; display:block; padding-top:5px;}
.pro02 .box01 .w03 li{ display:block; padding-left:25px; font-size:14px; line-height:24px; margin-top:5px; background-image:url(../images/dui.png); background-position:left 5px; background-repeat:no-repeat; background-size:auto 14px;}
.pro02 .box02{ width:100%; margin-top:30px;}
.pro02 .box02 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro02 .box02 .w03{ width:100%; display:flex; flex-wrap:wrap;}
.pro02 .box02 .w03 li{ width:100%; margin-top:15px; border-radius:5px; display:block; padding:10px 15px; box-sizing:border-box; background-color:#f5f5f5;}
.pro02 .box02 .w03 li:hover{ box-shadow:0px 2px 6px 2px rgba(0,0,0,0.15), 0px 1px 2px 0px rgba(0,0,0,0.3); background-color:#fff;}
.pro02 .box02 .w03 li b{ display:block; font-size:16px; line-height:26px; color:#071E56;}
.pro02 .box02 .w03 li:hover b{ color:#00579E;}
.pro02 .box02 .w03 li span{ display:block; font-size:14px; line-height:24px; opacity:.9;}
}

@media screen and (min-width:1440px){
.pro03{ width:94%; max-width:1400px; margin:100px auto; margin-top:55px; position:relative; z-index:3;}
.pro03 .box{ width:72%;}
.pro03 .box .w01{ font-size:46px; line-height:56px; font-weight:bold;}
.pro03 .box .w02{ font-size:20px; line-height:30px; font-weight:bold; color:#071E56; margin-top:10px;}
.pro03 .box .w03{ font-size:20px; line-height:30px; color:#071E56;}
.pro03 .box01{ width:72%; margin-top:85px;}
.pro03 .box01 .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.pro03 .box01 .w02{ font-size:16px; line-height:26px; margin-top:20px;}
.pro03 .box02{ width:72%; margin-top:85px;}
.pro03 .box02 .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.pro03 .box02 .w03{ width:100%; display:block; padding-top:10px;}
.pro03 .box02 .w03 li{ display:block; padding-left:28px; font-size:16px; line-height:26px; margin-top:15px; background-image:url(../images/dui.png); background-position:left 5px; background-repeat:no-repeat;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.pro03{ width:94%; margin:70px auto; margin-top:35px; position:relative; z-index:3;}
.pro03 .box{ width:72%;}
.pro03 .box .w01{ font-size:36px; line-height:46px; font-weight:bold;}
.pro03 .box .w02{ font-size:18px; line-height:28px; font-weight:bold; color:#071E56; margin-top:5px;}
.pro03 .box .w03{ font-size:18px; line-height:28px; color:#071E56;}
.pro03 .box01{ width:72%; margin-top:55px;}
.pro03 .box01 .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pro03 .box01 .w02{ font-size:15px; line-height:25px; margin-top:15px;}
.pro03 .box02{ width:72%; margin-top:55px;}
.pro03 .box02 .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.pro03 .box02 .w03{ width:100%; display:block; padding-top:5px;}
.pro03 .box02 .w03 li{ display:block; padding-left:23px; font-size:15px; line-height:25px; margin-top:10px; background-image:url(../images/dui.png); background-position:left 5px; background-repeat:no-repeat; background-size:auto 15px;}
}
@media only screen and (max-width:1023px){
.pro03{ width:94%; margin:40px auto; margin-top:20px; position:relative; z-index:3;}
.pro03 .box{ width:72%;}
.pro03 .box .w01{ font-size:24px; line-height:34px; font-weight:bold;}
.pro03 .box .w02{ font-size:16px; line-height:26px; font-weight:bold; color:#071E56;}
.pro03 .box .w03{ font-size:16px; line-height:26px; color:#071E56;}
.pro03 .box01{ width:100%; margin-top:30px;}
.pro03 .box01 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro03 .box01 .w02{ font-size:14px; line-height:24px; margin-top:10px;}
.pro03 .box02{ width:100%; margin-top:30px;}
.pro03 .box02 .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.pro03 .box02 .w03{ width:100%; display:block; padding-top:5px;}
.pro03 .box02 .w03 li{ display:block; padding-left:25px; font-size:14px; line-height:24px; margin-top:5px; background-image:url(../images/dui.png); background-position:left 5px; background-repeat:no-repeat; background-size:auto 14px;}
}

@media screen and (min-width:1440px){
.sec01{ width:100%; position:relative; z-index:1; padding:100px 0; background-color:#f5f5f5;}
.sec01 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:1;}
.sec01 .box .left{ width:22.71%; margin-top:-10px; float:left;}
.sec01 .box .left .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.sec01 .box .left .w02{ width:150px; height:6px; margin-top:20px; background:linear-gradient(to top left,#e50012,#00579E);}
.sec01 .box .right{ width:74.29%; display:flex; flex-wrap:wrap; margin-top:-40px; float:right;}
.sec01 .box .right .item{ width:48.5%; margin-left:3%; margin-top:40px; background-position:center; background-repeat:no-repeat; border-radius:20px; overflow:hidden; height:256px; padding:30px; box-sizing:border-box; position:relative; background-size:100% 100%;}
.sec01 .box .right .item:nth-child(2n+1){ margin-left:0;}
.sec01 .box .right .item:before{ width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/ebg.png); background-size:100% 100%;}
.sec01 .box .right .item .w01{ font-size:24px; line-height:34px; font-weight:bold; color:#0EEFFF; position:relative; z-index:3;}
.sec01 .box .right .item .w02{ width:100%; display:block; padding-top:10px; position:relative; z-index:3;}
.sec01 .box .right .item .w02 li{ display:block; padding-left:20px; font-size:20px; line-height:30px; position:relative; color:#fff;}
.sec01 .box .right .item .w02 li:before{ width:8px; height:8px; display:block; content:''; position:absolute; left:0; top:11px; overflow:hidden; border-radius:100%; background-color:#0EEFFF;}

.sec02{ width:100%; position:relative; z-index:1; padding-top:90px; padding-bottom:95px;}
.sec02 .box{ width:94%; max-width:1400px; margin:auto; position:relative; z-index:3;}
.sec02 .box .w01{ font-size:34px; line-height:44px; font-weight:bold;}
.sec02 .box .w03{ width:100%; display:block; padding-top:10px;}
.sec02 .box .w03 li{ display:block; padding-left:28px; font-size:16px; line-height:26px; margin-top:15px; position:relative;}
.sec02 .box .w03 li:before{ width:8px; height:8px; display:block; content:''; position:absolute; left:0; top:9px; overflow:hidden; border-radius:100%; background-color:#e50012;}
}
@media screen and (min-width:1024px) and (max-width:1439px){
.sec01{ width:100%; position:relative; z-index:1; padding:70px 0; background-color:#f5f5f5;}
.sec01 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.sec01 .box .left{ width:22.71%; margin-top:-10px; float:left;}
.sec01 .box .left .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.sec01 .box .left .w02{ width:100px; height:4px; margin-top:15px; background:linear-gradient(to top left,#e50012,#00579E);}
.sec01 .box .right{ width:74.29%; display:flex; flex-wrap:wrap; margin-top:-30px; float:right;}
.sec01 .box .right .item{ width:48.5%; margin-left:3%; margin-top:30px; background-position:center; background-repeat:no-repeat; border-radius:20px; overflow:hidden; height:250px; padding:20px; box-sizing:border-box; position:relative; background-size:100% 100%;}
.sec01 .box .right .item:nth-child(2n+1){ margin-left:0;}
.sec01 .box .right .item:before{ width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/ebg.png); background-size:100% 100%;}
.sec01 .box .right .item .w01{ font-size:20px; line-height:30px; font-weight:bold; color:#0EEFFF; position:relative; z-index:3;}
.sec01 .box .right .item .w02{ width:100%; display:block; padding-top:10px; position:relative; z-index:3;}
.sec01 .box .right .item .w02 li{ display:block; padding-left:16px; font-size:18px; line-height:28px; position:relative; color:#fff;}
.sec01 .box .right .item .w02 li:before{ width:6px; height:6px; display:block; content:''; position:absolute; left:0; top:11px; overflow:hidden; border-radius:100%; background-color:#0EEFFF;}
	
.sec02{ width:100%; position:relative; z-index:1; padding-top:60px; padding-bottom:65px;}
.sec02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.sec02 .box .w01{ font-size:26px; line-height:36px; font-weight:bold;}
.sec02 .box .w03{ width:100%; display:block; padding-top:5px;}
.sec02 .box .w03 li{ display:block; padding-left:23px; font-size:15px; line-height:25px; margin-top:10px; position:relative;}
.sec02 .box .w03 li:before{ width:7px; height:7px; display:block; content:''; position:absolute; left:0; top:9px; overflow:hidden; border-radius:100%; background-color:#e50012;}
}
@media only screen and (max-width:1023px){
.sec01{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:40px; background-color:#f5f5f5;}
.sec01 .box{ width:94%; margin:auto; position:relative; z-index:1;}
.sec01 .box .left{ width:100%; float:left;}
.sec01 .box .left .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.sec01 .box .left .w02{ width:50px; height:2px; margin-top:10px; background:linear-gradient(to top left,#e50012,#00579E);}
.sec01 .box .right{ width:100%; display:flex; flex-wrap:wrap; float:right;}
.sec01 .box .right .item{ width:100%; margin-top:20px; background-position:center; background-repeat:no-repeat; border-radius:10px; overflow:hidden; height:200px; padding:15px; box-sizing:border-box; overflow:auto; position:relative; background-size:100% 100%;}
.sec01 .box .right .item:before{ width:100%; height:100%; display:block; content:''; position:absolute; left:0; top:0; z-index:1; background-image:url(../images/ebg.png); background-size:100% 100%;}
.sec01 .box .right .item .w01{ font-size:18px; line-height:28px; font-weight:bold; color:#0EEFFF; position:relative; z-index:3;}
.sec01 .box .right .item .w02{ width:100%; display:block; padding-top:5px; position:relative; z-index:3;}
.sec01 .box .right .item .w02 li{ display:block; padding-left:14px; font-size:16px; line-height:26px; position:relative; color:#fff;}
.sec01 .box .right .item .w02 li:before{ width:4px; height:4px; display:block; content:''; position:absolute; left:0; top:11px; overflow:hidden; border-radius:100%; background-color:#0EEFFF;}

.sec02{ width:100%; position:relative; z-index:1; padding-top:35px; padding-bottom:35px;}
.sec02 .box{ width:94%; margin:auto; position:relative; z-index:3;}
.sec02 .box .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.sec02 .box .w03{ width:100%; display:block; padding-top:5px;}
.sec02 .box .w03 li{ display:block; padding-left:15px; font-size:14px; line-height:24px; margin-top:5px; position:relative;}
.sec02 .box .w03 li:before{ width:6px; height:6px; display:block; content:''; position:absolute; left:0; top:9px; overflow:hidden; border-radius:100%; background-color:#e50012;}
}