﻿    *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0;}
    body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {margin: 0;padding: 0;}
    div,p,span,i,em { white-space: inherit !important;}
    a {color: #666;outline: none;text-decoration: none;}
    a:hover {color: #002a9a;}
    html{font-size:100px;}
    .header{top: 0;left: 0;z-index: 99;width: 100%;height:7.5vw;position: absolute;border-bottom:solid 1px rgba(255, 255, 255, 0.15);transition:all 500ms ease;background: rgba(255, 255, 255, 0.05);}
    .header > .container{display: flex;  position: relative;justify-content:flex-end; margin:0 3vw;}
    .header > .container > .nav{font-size:0.18rem;display: flex;height:6vw;line-height:6vw;margin-top:1.5vw;}
    .header > .container > .nav ul{list-style:none;display:flex;color:#fff;}
    .header > .container > .nav .menuitem{margin:auto 2vw;}
    .header > .container > .nav .menuitem a{color:#fff;text-decoration: none;}
    .header > .container > .nav .menuitem > li a{color:#000;text-decoration: none;}
    .header .language { padding-left: 0.15rem; margin-top:3.6vw; margin-left: 0.15rem; position: relative;}
    .header .language i { margin-top: 0.07rem; width: 0.08rem; height: 0.08rem; vertical-align: top; margin-left: 0.1rem; display: inline-block; border-right:solid 1px #fff; border-bottom:solid 1px #fff; transform: rotate(45deg);cursor:pointer;}
    .header .logo{left: 0;top:1.25vw; position: absolute; display: flex;height:5vw;width:5vw;background-image:url('/images/logo100X100.png');background-size:contain;}
    .header .info {color: #fff;position:absolute;left:10vw;top:2.4vw;font-size:0.2rem;}
    .header .info span{display:block;}
    .header .info span.subtitle{font-size:0.14rem;text-align:center;line-height:0.4rem;}
    .header .info span.subtitle em {margin-right: 1vw;}
    .fixed {top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: fixed;background: rgba(255, 255, 255, 0.95);}
    .fixed > .container .nav .menuitem a{color:#000;}
    .fixed .language i{border-right:solid 1px #000; border-bottom:solid 1px #000; }
    .fixed .logo{background-image:url('/images/logo100X100_0.png');}
    .fixed .info{color:#000;}

    .header .nav li{position:relative;}
    .header .nav li .subnav{left: 50%;width: 1.7rem; font-size: 0.18rem;transform: translateX(-50%);padding: 0.2rem 0;border-radius: 0.1rem;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);top:6vw;display:none;position: absolute;background: rgba(255, 255, 255, 0.95);}
    .header .nav li .subnav a{ color: #000 !important; display: block;line-height:0.3rem; text-align: center; padding: 0.1rem 0;}
    .header .nav li .subnav a:hover{ color: #002a9a;}
    .header .nav li:after {content: "";height: 0.03rem;position: absolute;bottom: 0;left: 50%;width: 0%;transition: all 500ms ease;background: linear-gradient(to right, #f28e27, #fd644f); }
    .header .nav li:hover:after { left: 0;width: 100%; }
    .header .language .drop{left: 50%;width: 1.7rem; font-size: 0.18rem;transform: translateX(-50%);padding: 0.2rem 0;border-radius: 0.1rem;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);top:3vw;display:none;position: absolute;background: rgba(255, 255, 255, 0.95);}
    .header .language .drop a { color: #000 !important; display: block;line-height:0.3rem; text-align: center; padding: 0.1rem 0;}
    .header .language .drop a:hover { color: #002a9a;}
    .PhoneBtn{display:none;}
    .phoneNav{display:none;}


    .pagecontainer{width: 100%;background:#f0f6fe;padding-top:7.25vw;margin-top:-4vw;}
    .pagecontainer .activecontent{margin:auto 8vw;display:flex;}
    .pagecontainer .activecontent .contenttxt {width:36vw;margin-right:4vw;}
    .pagecontainer .activecontent .contentimg{width:44vw;}
    .pagecontainer .activecontent .contentimg img{width:100%;}
    .pagecontainer .activecontent .contenttxt .title{font-size:2.2vw;font-weight:600;height:4vw;line-height:4vw;}
    .pagecontainer .activecontent .contenttxt .content{font-size:1.1vw; text-align: justify;text-justify: inter-character;line-height:2.4vw;}
    .pagecontainer .activecontent .contenttxt .btn img{width:22.5vw;margin-top:5vw; }

    .pagecontainer1{width: 100%;}
    .pagecontainer1 .contenticon {text-align:center;padding-top: 3vw;}
    .pagecontainer1 .contenticon  img,.pagecontainer2 .contenticon img,.pagecontainer3 .contenticon img{height:6vw;}
    .pagecontainer1 .contentcontent{width: 100%;display:flex;justify-content:space-between;}
    .pagecontainer1 .contentcontent .swiperleft,.pagecontainer1 .contentcontent .swiperright{width:8vw;display: flex;justify-content: center; align-items: center;}
    .pagecontainer1 .contentcontent .content{width:84vw;}
    .swiperright,.swiperleft {top: 50%;z-index: 10;cursor: pointer;align-items: center;justify-content: center;}
    .swiperright img,.swiperleft img{width:4vw;height:4vw;}
    .alunbo .item {display:inline-block;}
    .alunbo .item img{height:20.5vw;}

    .pagecontainer2{width: 100%;background:#f0f6fe;}
    .pagecontainer2 .contenticon {text-align:center;padding-top:3vw;}
    .pagecontainer2 .contentcontent{display:flex;justify-content:space-between;margin:auto 8vw;font-size:1.4vw;}
    .pagecontainer2 .contentcontent ul{list-style:none;margin:auto 2vw;}
    .pagecontainer2 .contentcontent ul li{margin-bottom:1.2vw;}
    .pagecontainer2 .contentcontent .newslist{margin-top:4vw;}
    .pagecontainer2 .contentcontent .newsblock{width:25vw;height:32vw;position:relative;background:#fff;border-radius:2vw;margin-bottom:3vw;overflow: hidden; }
    .pagecontainer2 .contentcontent .newsblock .newsclass{position:absolute;top:0;left:2vw;}
    .pagecontainer2 .contentcontent .newsblock .newsclass img{height:3vw;}
    .pagecontainer2 .contentcontent .newsblock .newspic img{width:100%;}
    .pagecontainer2 .contentcontent .newsblock .newstitle{font-weight:600;margin-bottom:0.7vw;text-align: justify;}
    .pagecontainer2 .contentcontent .newsblock .newstips,.pagecontainer2 .contentcontent .newsblock .newsdate{font-size:1.1vw;color:#333;}
    .pagecontainer2 .contentcontent .newsblock .newstips{text-align: justify;line-height:2vw;}
    .pagecontainer2 .contentcontent .newsblock .newsdate::before{content: ""; display: inline-block;width: 1.4vw;height:1.2vw;background-image: url('/images/calcicon.png');background-size: contain;margin-right:0.2vw;}
    .pagecontainer2 .contentcontent .iconlist{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:5vw;}
    .pagecontainer2 .contentcontent .iconlist .icon{width:12vw;height:5vw;}
    .pagecontainer2 .contentcontent .iconlist .icon img{width:100%;}

    .pagecontainer3{width: 100%;}
    .pagecontainer3 .contenticon {text-align:center;padding-top: 3vw;}
    .pagecontainer3 .contentcontent{margin:auto 8vw;}
    .pagecontainer3 .contentcontent .iconlist{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:5vw;}
    .pagecontainer3 .contentcontent .iconlist .icon{width:12vw;height:5vw;margin-bottom:2vw;margin-right:2vw;}
    .pagecontainer3 .contentcontent .iconlist .icon img{width:100%;}

    .foot{width: 100%;background: linear-gradient(165deg, #1b5dd4, #53abee); overflow: auto;}
    .foot .footcontent{display:flex;justify-content:space-between;margin:auto 8vw;}
    .foot .footcontent .footleft{}
    .foot .copy{font-size:1.4vw;color:#fff;text-align:center;padding-bottom:2vw;padding-top:2vw;}
    .foot .copy a{color:#fff;}
    .foot .footleft .contentrow{font-size:2vw;display:flex;color:#fff;margin-bottom:5vw;}
    .foot .footleft .contentrow .contenticon{width:4vw;height:4vw;background:#fff;border-radius:2vw;display:flex;justify-content:center;align-items:center;margin-right:2vw;}
    .foot .footleft .contentrow .contenticon img{width:2.8vw;height:2.8vw;}
    .foot .footleft .contentrow .contenttitle{line-height:4vw;}
    .foot .footright{display:flex;font-size:2vw;color:#fff;} 
    .foot .footright .wxqcode .wximg{width:18vw;height:18vw;}
    .foot .footright .wxqcode .wximg img{width:100%;}
    .foot .footright .wxqcode .wxtitle{text-align:center;}
    .foot .footright .wxqcode:first-child{margin-right:4vw;}
    .foot .foothead {margin:4vw 8vw;height:1px;background:#fff;}


    .btnlist{margin:-2.5vw 8vw auto 8vw; position: relative;}
    .btnlist ul{list-style:none;display:flex;justify-content:flex-end;}
    .btnlist ul li{box-shadow: 0 0 0.4vw rgba(0, 0, 0, 0.1);margin-left:4vw;background:#fff;border-radius:2vw;}
    .btnlist ul li .tit{color:#2970da;}
    .btnlist ul li .box{display: flex; align-items: center;width:24vw;height:6.25vw;font-size:2.4vw;border-radius:2vw;background: #fff;justify-content: center;transition: all 500ms ease;}
    .btnlist ul li .icon {margin-top: 1vw;display: inline-block;max-width: 4vw;position: relative;}
    .btnlist ul li .icon i {z-index: 1; position: relative;display: inline-block;}
    .btnlist ul li .icon img {max-height: 4vw;}
    .btnlist ul li .icon .ic2 {top: 0;left: 0;position: absolute;transform: scale(0);transition: all 500ms ease;}
    .btnlist ul .active .box {background: linear-gradient(to right, #f34501, #1f5ed1);}
    .btnlist ul .active .icon:after {background: rgba(255, 255, 255, 0.1);}
    .btnlist ul .active .icon .ic1 {opacity: 0;}
    .btnlist ul .active .icon .ic2 {transform: scale(1);}
    .btnlist ul .active .tit{color:#fff;}

    .main_visual{min-height:56.25vw;border-top:1px solid #d7d7d7;overflow:hidden;position:static;}
    .main_image{min-height:56.25vw;position:relative;width:100%;}
    .main_image ul{width:9999px;min-height:56.25vw;width:100%;position:absolute;top:0;left:0}
    .main_image li{float:left;width:100%;min-height:56.25vw;}
    .main_image li span{display:block;width:100%;min-height:56.25vw}
    .main_image li a{display:block;width:100%;min-height:56.25vw}
    .main_image li .img_1{}
    .main_image li .img_2{}
    .main_image li .img_3{}
    .main_image li .img_4{}
    #btn_prev,#btn_next{z-index:11111;position:absolute;display:none;width:43px!important;height:44px!important;top:50%;margin-top:-37px;display:none;}
    #btn_prev{background:url(/images/hover_left.png) no-repeat left top;left:40px;}
    #btn_next{background:url(/images/hover_right.png) no-repeat right top;right:40px;}

    .lunbocontainer{width:100%;}
    .lunbocontainer .lunbo{width:100%;}
    .lunbocontainer .lunbo img{width:100%;}
    .lunbocontainer .channel .nav{display:flex;justify-content:flex-end;font-size:1.4vw;color:#fff;font-weight:600;height:3vw;margin:auto 8vw;line-height:3vw;}
    .lunbocontainer .channel .nav .navindex {height:3vw;width:3vw;}
    .lunbocontainer .channel .nav .navindex img{width:2vw;margin-top:0.5vw;}
    .lunbocontainer .channel .nav .navsite a{color:#fff;}
    .lunbocontainer .channel .nav .navspite {margin:auto 0.5vw;}
    .lunbocontainer .channel{position:relative;margin-top:-9.55vw;}
    .lunbocontainer .channel .menu{display:flex;font-size:3vw;color:#fff;text-align:center;transition:all 500ms ease;background: rgba(250, 255, 255, 0.1);}
    .lunbocontainer .channel .menu .menuitem{flex:1;height: 5vw;line-height: 5vw;cursor:pointer;}
    .lunbocontainer .channel .menu .menuitem a{color:#fff;text-decoration:none;display:block;}
    .lunbocontainer .channel .menu .menuitem:hover{background: linear-gradient(135deg, #f34501, #1f5ed1);}
    .lunbocontainer .channel .menu .curr{background: linear-gradient(135deg, #f34501, #1f5ed1);}

    @media screen and (max-width: 1600px) {
         html {font-size: 85px !important;}
    }

    @media screen and (max-width: 1450px) {
        html {font-size: 80px !important;}
    }

    @media screen and (max-width: 1400px) {
        html {font-size: 75px !important;}
    }

    @media screen and (max-width: 1300px) {
        html {font-size: 72px !important;}

    }

    @media screen and (max-width: 1200px) {
        html {font-size: 68px !important;}
    }

    @media screen and (max-width: 1100px) {
        html {font-size: 64px !important;}

    }

    @media screen and (max-width:1000px) {
        html{font-size:16px !important;}
        .PhoneBtn{margin-top:3vw; display:block; cursor: pointer; float: right; text-align: right;}
        .PhoneBtn span {display: block;width:4vw;height:0.4vw;margin-bottom:0.8vw;position: relative;background:#fff;z-index: 1;}
        .header > .container > .nav{display:none;}
        .header > .container > .language{display:none;}
        .header .info {font-size:1.8vw;}
        .header .info span.subtitle{font-size:1.2vw;line-height:1.8vw;}
        .header .info span.subtitle em {margin-right: 1vw;}
        .phoneNav .menubar .child{display:none;}
        .fixed > .container .PhoneBtn span{background:#000;}
        .phoneNav{position:absolute;left:0;top:0;}
        .phoneNav .transparent {background:rgba(0, 0, 0, 0.1);width: 100%;height: 100%; position: fixed; z-index: 99; top: 0; left: 0;}
        .phoneNav .phonemenucon {background-color: #fff;width: 80%;min-width:25vw;max-width:60vw;height: 100%;border-left:1px rgba(0, 0, 0, 0.1) solid; padding:10px 20px; font-size:4vw;line-height: 2; position: fixed;z-index: 999; top: 0; bottom: 0; right: auto; transition:all .5s;}
        .phoneNav .phonemenucon ul{list-style:none;}
        .phoneNav .menubar{margin-bottom: 1vw;padding:0.5vw;font-size: 4vw;border-bottom:1px rgba(0, 0, 0, 0.1) solid;position: relative;}
        .phoneNav .menubar a{display:block;}
        .phoneNav .menubar .icon{width: 8vw; height: 8vw; margin:auto;position: absolute;top: 0;right: 0;transform: rotate(45deg);transition:all .3s ease;}
        .phoneNav .menubar .icon:after { content: "";margin: auto;height: 2vw;width: 2vw;border-top: 1px #aaa solid;border-right: 1px #aaa solid;position: absolute;z-index: 2;top: 0;right: 0;bottom: 0;left: 0;transform-origin: center center; }
        .phoneNav .phonemenucon .active .menubar .icon {transform: rotate(135deg);}
        .phoneNav .menubar .close {width: 8vw;height: 8vw;text-align: center;line-height: 4vw;position: absolute;z-index: 999;right:0;top: 0;}
        .phoneNav .menubar .close:before,.phoneNav .menubar .close:after {content: "";display: block;background: #aaa;margin: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: rotate(45deg);}
        .phoneNav .menubar .close:before {width: 4vw;height: 1px;}
        .phoneNav .menubar .close:after {width: 1px;height: 4vw;}
        .phoneNav .menubar .child{font-size:3.8vw;margin-left:1.2vw;}
        .pagecontainer1 .contenticon ,.pagecontainer2 .contenticon ,.pagecontainer3 .contenticon {padding-bottom: 3vw;}

        .btnlist{margin:-8vw 8vw auto 8vw; position: relative;}
        .btnlist ul{list-style:none;display:flex;justify-content:flex-end;}
        .btnlist ul li{box-shadow: 0 0 0.4vw rgba(0, 0, 0, 0.1);margin-left:4vw;background:#fff;border-radius:2vw;}
        .btnlist ul li .box{display: flex; align-items: center;width:36vw;height:12vw;font-size:4vw;border-radius:2vw;background: #fff;justify-content: center;transition: all 500ms ease;}
        .btnlist ul li .icon {margin-top: 1vw;display: inline-block;max-width: 8vw;position: relative;}
        .btnlist ul li .icon img {max-height: 6vw;}

        .pagecontainer{width: 100%;background:#f0f6fe;padding-top:7.25vw;margin-top:-4vw;}
        .pagecontainer .activecontent{margin:auto 8vw;display:block;}
        .pagecontainer .activecontent .contenttxt {width:100%;}
        .pagecontainer .activecontent .contentimg{width:100%;}
        .pagecontainer .activecontent .contentimg img{width:100%;}
        .pagecontainer .activecontent .contenttxt .title{font-size:4.8vw;font-weight:600;height:8vw;line-height:8vw;}
        .pagecontainer .activecontent .contenttxt .content{font-size:3.6vw; text-align: justify;text-justify: inter-character;line-height:6.6vw;}
        .pagecontainer .activecontent .contenttxt .btn img{width:44vw;margin:5vw auto; }

        .pagecontainer1 .contentcontent {margin-bottom: 4vw;}
        .pagecontainer1 .contenticon  img,.pagecontainer2 .contenticon img,.pagecontainer3 .contenticon img{height:10vw;}

        .pagecontainer2 .contenticon {text-align:center;padding-top:6vw;}
        .pagecontainer2 .contentcontent{margin:auto 8vw;font-size:4.8vw;display:block;overflow: auto;}
        .pagecontainer2 .contentcontent ul{list-style:none;margin:auto 4vw;}
        .pagecontainer2 .contentcontent ul li{margin-bottom:2.4vw;}
        .pagecontainer2 .contentcontent .newslist{margin-top:8vw;}
        .pagecontainer2 .contentcontent .newsblock{width:100%;height:auto;position:relative;background:#fff;border-radius:2vw;margin-bottom:3vw;overflow: hidden; }
        .pagecontainer2 .contentcontent .newsblock .newsclass{position:absolute;top:0;left:2vw;}
        .pagecontainer2 .contentcontent .newsblock .newsclass img{height:5vw;}
        .pagecontainer2 .contentcontent .newsblock .newspic img{width:100%;}
        .pagecontainer2 .contentcontent .newsblock .newstitle{font-weight:600;margin-bottom:1.5vw;text-align: justify;color:#000;}
        .pagecontainer2 .contentcontent .newsblock .newstips,.pagecontainer2 .contentcontent .newsblock .newsdate{font-size:3.6vw;color:#333;}
        .pagecontainer2 .contentcontent .newsblock .newstips{text-align: justify;line-height:5.6vw;}
        .pagecontainer2 .contentcontent .newsblock .newsdate::before{content: ""; display: inline-block;width: 3vw;height:2.8vw;background-image: url('/images/calcicon.png');background-size: contain;margin-right:1vw;}
        .pagecontainer2 .contentcontent .iconlist{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:5vw;}
        .pagecontainer2 .contentcontent .iconlist .icon img{width:100%;}

        .pagecontainer2 .contentcontent .iconlist .icon{width:20vw;height:auto;margin-bottom:4vw;margin-right:auto; border:solid 1px #ccc;}

        .pagecontainer3 .contentcontent .iconlist .icon{width:20vw;height:auto;margin-bottom:4vw;margin-right:auto;border:solid 1px #ccc;}

        .lunbocontainer .channel .menu .menuitem{flex:1;height: 6vw;line-height: 6vw;}
    }


