*{padding: 0;margin: 0;}
img{border: none;}
a{text-decoration: none;color: #000;}
ul li{list-style: none;}
body{font-family: "microsoft yahei";font-size: 14px;}
.fl{float: left;}.fr{float: right;}
.clear{clear: both;}
.none{display: none;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}.mt20{margin-top: 20px;}.mt30{margin-top: 30px;}.mt40{margin-top: 40px;}.mt50{margin-top: 50px;}
.wrap{width: 1200px;margin: auto;}
.title_div{text-align: center;margin-top: 50px;}
.con4_tie {margin-top: 100px;margin-bottom: 150px;}
.con4_abtn {margin-top: 150px;}
.l_title{ font-size: 18px;text-align: center;margin-top: 10px;color: #333333;line-height: 28px;}
.btn{text-align: center;}
.btn a{display: inline-block;width: 280px;height: 60px;line-height: 60px; background-color: #ff5400;background-image: linear-gradient(0deg, #ff5400 0%, #ff771c 100%); box-shadow: 0px 2px 4px 0px rgba(125, 50, 0, 0.3);border-radius: 4px;color: #fff;font-size: 22px;behavior:url(PIE.htc);-pie-background: linear-gradient(#ff771c, #ff5400);position: relative;}
.btn a i{display: inline-block;width: 21px;height: 18px;background: url(../images/jt.png) no-repeat;vertical-align: middle;margin-left: 10px;}
.btn a:hover{background: #fc6561;background-image: linear-gradient(0deg, #e8373a 0%, #fc6561 100%);behavior:url(PIE.htc);-pie-background: linear-gradient(#fc6561, #e8373a);position: relative;}
.top{height: 68px;background: url(../images/a-top111.jpg?v=004) no-repeat center top;padding-top: 1px;position: relative;z-index: 99;}
.top .nav{width: 800px;margin:13px auto 0;}
.top .nav a{font-size: 18px;color: #333333;letter-spacing: 1px;display: inline-block;margin: 0 14px;}
.top .nav a:hover{color: #ff0000;}
.banner{height: 520px;background: url(../images/banner2021.jpg?v=006) no-repeat center top;padding-top: 1px; margin-top: -12px;}
.banner .btn{margin-top: 391px;}
.banner .btn a{margin: 0 30px;}
.banner .btn a:first-child{background: #02618f;background-image: linear-gradient(0deg, #02618f 0%, #167eb0 100%);border-radius: 4px;color: #fff;font-size: 22px; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);behavior:url(PIE.htc);-pie-background: linear-gradient(#167eb0, #02618f);position: relative;}
.banner .btn a:hover{background: #02618f;background-image: linear-gradient(0deg, #e8373a 0%, #fc6561 100%);}
.con3{height: 757px;background: url(../images/c-bg.png) no-repeat center top;padding-top: 1px;}
.con3 .box{height: 452px;width: 1232px; background: url(../images/c-jzsj.png) no-repeat center top;padding-top: 1px;margin:30px auto 40px;}
.con3 .box .date{width: 440px;float: left;margin-top: 154px;margin-left: 26px;}
.con3 .box .date span{font-size: 48px;color: #ff6600;font-weight: bold;margin-left: 38px;display: inline-block;width: 62px;text-align: center;} 
.con3 .box .date span:first-child{margin-left: 104px;}
.con3 .box .table{width: 740px;float: left;padding-top: 12px;margin-top: 23px;}
.con3 .box .table ul li{float: left;margin:26px 0 0 60px ;text-align: center;}
.con3 .box .table ul li .bg{width: 98px;height: 98px;padding: 6px; background: #ffe0cc;border-radius: 50%;behavior:url(PIE.htc);position: relative;text-align: center;}
.con3 .box .table ul li .bg span{display: inline-block;width: 98px;height: 98px;line-height: 98px; background: #02618f;border-radius: 50%;behavior:url(PIE.htc);position: relative;}
.con3 .box .table ul li .bg span img{*margin-top: 25px;margin-top: 22px;}
.con3 .box .table ul li:hover span{background: #ff6700;}
.con3 .box .table ul li:hover p{color: #ef7213;}
.con3 .box .table ul li p{font-size: 22px;color: #333333;margin-top: 10px;}
.con4{height: 1045px;background: url(../images/d-bg.jpg) no-repeat center top;padding-top: 1px;}
.con4 .list{width: 1210px;margin:32px auto 34px;}
.con4 .list ul li{position: relative;float: left;width: 288px;margin: 0 7px;}
.con4 .list ul li .txt{position: absolute;width: 100%;top: 169px; text-align: center;height: 188px;left: 0;}
.con4 .list ul li .txt h1{font-size: 24px;color: #ff6600;letter-spacing: 1px;}
.con4 .list ul li .txt h2{font-size: 18px;color: #02618f;line-height: 32px;}
.con4 .list ul li .txt p{font-size: 16px;color: #333333;line-height: 28px;width: 236px;margin: 12px auto 0;}
.con4 .list ul li .txt .btn1{position: absolute;width: 266px;left: 11px;bottom: 0;}
.con4 .list .txt .btn1 a{display: inline-block;width: 126px;height: 44px;line-height: 44px;background: #7bd4ff;color: #1786bc;font-size: 16px;float: left;border-radius: 0 0 9px 0;position: relative;behavior:url(PIE.htc);}
.con4 .list .txt .btn1 a.l{width: 140px;background: #1786bc;color: #fff;border-radius: 0 0 0 9px;}
.con4 .list .txt .btn1 a:hover{background: #ff6700;color: #fff;}
.con4 .list ul.displayed li.li1{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con4 .list ul.displayed li.li2{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con4 .list ul.displayed li.li3{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:2.8s;animation-duration:2.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con4 .list ul.displayed li.li4{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:3.8s;animation-duration:3.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con5{height: 670px;background: url(../images/e-bg.png) no-repeat center top;padding-top: 1px;}
.con5 .list{width: 1240px;margin:40px auto 50px;}
.con5 .list ul li{float: left;width: 250px;height: 304px;background: url(../images/e-zy.png) no-repeat;font-size: 18px;text-align: center;margin: 0 30px;position: relative;}
.con5 .list ul li.li2,.con5 .list ul li.li4{margin-top: 50px;}
.con5 .list ul li h1{font-size: 24px;color: #ffffff;line-height: 44px;margin-top: 16px;}
.con5 .list ul li .zy a{width: 184px;display: block;margin: auto;line-height: 48px;border-top: 1px dashed #e0e0e0;color: #333;}
.con5 .list ul li .zy a:first-child{border-top: 0;margin-top: 2px;}
.con5 .list ul li .zy a:hover{color: #ff0000;}
.con5 .list ul li .btn2{position: absolute;width: 100%;bottom: 0;left: 0;}
.con5 .list ul li .btn2 a{display: inline-block;width: 172px;height: 44px;line-height: 44px;background: url(../images/e-zybtn.png) no-repeat;color: #fff;}
.con5 .list ul li .btn2 a:hover{background: url(../images/e-zybtn1.png) no-repeat;}
.con5 .list ul li .btn2 a i{display: inline-block;width: 12px;height: 12px;background: url(../images/e-icon.png) no-repeat;margin-left: 8px;}
.con5 .list ul.displayed li.li1{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con5 .list ul.displayed li.li2{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con5 .list ul.displayed li.li3{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:2.8s;animation-duration:2.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con5 .list ul.displayed li.li4{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:3.8s;animation-duration:3.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con6{height: 680px;background: url(../images/f-bg.jpg) no-repeat center top;padding-top: 1px;}
.con6 .box{width: 1180px;margin:40px auto 0; }
.con6 .box .item:hover{box-shadow: 0px 2px 30px 0px rgba(71, 28, 0, 0.2);position: relative;behavior:url(PIE.htc);z-index: 99;}
.con6 .box .faq{width: 580px;float: left;border-radius: 10px 0px 0px 10px;position: relative;behavior:url(PIE.htc);}
.con6 .box .faq .title{width: 580px;height: 68px;background: url(../images/f-bkgl.png) no-repeat;}
.con6 .box .faq .list{background: #fff;height: 378px; padding: 15px 0 0; border-radius: 0 0px 0px 10px;position: relative;behavior:url(PIE.htc);}
.con6 .box .faq .list ul li{font-size: 18px;width: 503px;margin: auto;border-top: 1px dashed #ddd;padding: 12px 0;overflow: hidden;}
.con6 .box .faq .list ul li:first-child{border-top: 0;}
.con6 .box .faq .list ul li font{display: inline-block; width: 22px;height: 22px;background-color: #cccccc;border-radius: 50%;color: #fff;text-align: center;margin-right: 10px; position: relative;behavior:url(PIE.htc);*float: left;}
.con6 .box .faq .list ul li span.t{color: #333333;*float: left;}
.con6 .box .faq .list ul li span.b{display: inline-block;width: 100px;height: 34px;line-height: 34px;text-align: center;border-radius: 4px;background-color: #cccccc;color: #fff;position: relative;behavior:url(PIE.htc);float: right;}
.con6 .box .faq .list ul li a:hover font{background-color: #ff6600;}
.con6 .box .faq .list ul li a:hover span.t{color: #ff6600;}
.con6 .box .faq .list ul li a:hover span.b{background-color: #ff6600;}
.con6 .box .area{width: 600px;float: left;position: relative;behavior:url(PIE.htc);}
.con6 .box .area .title{width: 600px;height: 68px;background: url(../images/f-dqzc1.png) no-repeat;}
.con6 .box .area .list{background: #fff;height: 378px;padding: 3px 0 12px 15px;border-radius: 0 0px 10px 0;overflow: hidden;position: relative;behavior:url(PIE.htc);}
.con6 .box .area .list a{display: inline-block;width: 110px;height: 46px;line-height: 46px; border-radius: 4px;background-color: #e2e2e2;color: #333333;font-size: 18px;text-align: center;float: left;margin: 25px 0 0 26px; position: relative;behavior:url(PIE.htc);}
.con6 .box .area .list a.on{background-color: #02618f;border-radius: 4px;color: #fff;}
.con7{height: 680px;background: url(../images/g-bg.jpg) no-repeat center top;padding-top: 1px;position: relative;}
.con7 .box{position: absolute;width: 100%;bottom: 0;height: 497px;}
.con7 .fangan{width:605px;margin:0 auto;position:relative;font-size:16px;}
.con7 .fangan .item_box{ width: 605px;height: 497px; position:relative;}
.con7 .fangan .item_box div{background: url(../images/g-raduis.png) no-repeat;width:198px;height:198px;color:#fff;border-radius:50%; position:absolute;display: table;text-align: center;behavior:url(PIE.htc);cursor: pointer;}
.con7 .fangan .item_box div.item1{ left:-159px; bottom:51px; }
.con7 .fangan .item_box div.item2{ left:-111px; bottom:284px;}
.con7 .fangan .item_box div.item3{ left:74px; top:-142px;}
.con7 .fangan .item_box div.item4{ right:76px; top:-142px;}
.con7 .fangan .item_box div.item5{ right:-109px; top:15px;}
.con7 .fangan .item_box div.item6{ right:-157px; bottom:51px;}
.con7 .fangan .item_box div.cur{background: #fff;}
.con7 .fangan .item_box div.cur span{color: #02618f;font-weight: bold;}
.con7 .fangan .item_box div span{display: table-cell;vertical-align: middle;font-size: 28px;color: #fefefe;line-height: 40px;letter-spacing: 2px;*display: inline-block; *margin-top: 60px;}
.con7 .fangan .item_box div:hover{background: #fff\9;}
.con7 .fangan .item_box div:hover span{color: #ff0000;}
.con7 .fangan .text_box{ text-align:center; position:absolute;width: 70%;top: 140px;left: 15%;}
.con7 .fangan .text_box h1{font-size: 42px;color: #fff;}
.con7 .fangan .text_box h1 font{color: #7bd4ff;}
.con7 .fangan .text_box p{color: #7bd4ff;opacity: 0.6;letter-spacing: 10px;margin-top: 15px;}
.con7 .fangan .text_box .btn a{width: 340px;margin-top: 52px;}
.con8{height: 517px;background: url(../images/h-bg.jpg) no-repeat center top;padding-top: 1px;}
.con8 .list{width: 1225px;margin:40px auto 0; }
.con8 .list ul li{float: left;text-align: center;position: relative;margin: 0 23px;}
.con8 .list ul li .txt{position: absolute;width: 100%;line-height: 28px;font-size: 16px;top: 184px;left: 0;}
.con8 .list ul li .txt a{color: #333333;}
.con8 .list ul li .txt span{color: #ff3232;}
.con8 .list ul.displayed li.li1{-webkit-animation-name: fadeInleft;animation-name: fadeInleft;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con8 .list ul.displayed li.li2{-webkit-animation-name: fadeInleft;animation-name: fadeInleft;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con8 .list ul.displayed li.li3{-webkit-animation-name: fadeInright;animation-name: fadeInright;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con8 .list ul.displayed li.li4{-webkit-animation-name: fadeInright;animation-name: fadeInright;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con9{height: 680px;background: url(../images/i-bg.png) no-repeat center top;padding-top: 1px;box-shadow: 0px 0px 14px 0px rgba(2, 97, 143, 0.2);}
.con9 .box{text-align: center;margin-top: 20px;}
.con10 .list{width: 1215px;margin:10px auto 0;}
.con10 .list ul li{position: relative;float: left;margin: 30px 17px 0;}
.con10 .list ul li .txt{position: absolute;width: 100%;top: 225px;left: 0;*top: 212px;}
.con10 .list ul li .txt p{font-size: 16px;color: #333333;width: 313px;margin: auto;line-height: 28px;}
.con10 .list ul li .txt .btn a{background: #ff6600;width: 200px;height: 44px;line-height: 44px;font-size: 18px;border-radius: 22px;margin-top: 20px;*margin-top: 0;}
.con10 .list ul li .txt .btn a:hover{background: #fc6561;}
.con10 .list ul.displayed li.li1{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con10 .list ul.displayed li.li2{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:1.8s;animation-duration:1.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con10 .list ul.displayed li.li3{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:2.8s;animation-duration:2.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con10 .list ul.displayed li.li4{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:3.8s;animation-duration:3.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con10 .list ul.displayed li.li5{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:4.8s;animation-duration:4.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con10 .list ul.displayed li.li6{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;-webkit-animation-duration:5.8s;animation-duration:5.8s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.con11{height: 787px;background: url(../images/k-bg.jpg) no-repeat center top;padding-top: 1px;margin-top: 45px;}
.con11 .list{width: 1215px;margin:0 auto 50px;padding-top: 1px;overflow: hidden;}
.con11 .list ul li{width: 265px;height: 127px;background: url(../images/k-wt.png) no-repeat;float: left;text-align: center;margin: 41px 19px 0;}
.con11 .list ul li:hover{transform: translateY(-10px);transition: .8s;}
.con11 .list ul li span{display: block;margin:-9px auto 0; width: 32px;height: 32px;background: #002542; background: rgba(0,37,66,0.8);font-size: 20px;text-align: center;line-height: 32px;color: #fff;border-radius: 50%;}
.con11 .list ul li p{font-size: 18px;color: #333333;margin-top: 16px;}
.con11 .list ul li a{display: inline-block;width: 100px;height: 34px;line-height: 34px;border-radius: 4px;background: #002542; background: rgba(0,37,66,0.8);color: #fff;margin-top: 16px;font-size: 16px }
.con11 .list ul li:hover span{background: #ff6600; background: rgba(255,102,0,0.8); position: relative;behavior:url(PIE.htc);}
.con11 .list ul li:hover a{background: #ff6600; background: rgba(255,102,0,0.8); position: relative;behavior:url(PIE.htc);}
.con12{height: 377px;background: url(../images/l-bg.jpg?v=002) no-repeat center top;position: relative;}
.con12 .txt{position: absolute;width: 100%;text-align: center;top: 120px;left: 0;}
.con12 .txt p{line-height: 36px;color: #4d2b1b;letter-spacing: 1px;margin-bottom: 35px;font-size: 16px;}
.copyright{text-align: center;padding: 40px 0;}
.copyright p{font-size: 18px;color: #333333;line-height: 2;}
.copyright .tel{font-size: 22px;color: #333333;font-weight: bold;}
@-webkit-keyframes fadeInUp{from{opacity: 0; visibility: hidden; 
 -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -70px, 0);} to{opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes fadeInUp{from{opacity: 0; visibility: hidden; 
-webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -70px, 0);} to{visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}}
@-webkit-keyframes fadeInleft{from{opacity: 0; visibility: hidden; 
 -webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-70px, 0, 0);} to{opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none;}}
@keyframes fadeInleft{from{opacity: 0; visibility: hidden; 
-webkit-transform: translate3d(-50px, 0, 0); transform: translate3d(-70px, 0, 0);} to{visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}}
@-webkit-keyframes fadeInright{from{opacity: 0; visibility: hidden; 
 -webkit-transform: translate3d(50px, 0, 0); transform: translate3d(70px, 0, 0);} to{opacity: 1; /*visibility: visible;*/ -webkit-transform: none; transform: none;}}
@keyframes fadeInright{from{opacity: 0; visibility: hidden;
-webkit-transform: translate3d(50px, 0, 0); transform: translate3d(70px, 0, 0);} to{visibility: visible; opacity: 1; -webkit-transform: none; transform: none;}}



 .flr{
        z-index: 99999;
        position: fixed;
        top:0;
        bottom:0;
        right: 0;
        margin: auto;
        width:140px;
        height:450px;
        background: url("../images/flr_bg.png?v=1.3");
    }
    .flr-title{
        font-size: 22px;
        text-align: center;
        font-weight: bold;
        color: #fff;
    }
    .flr-close{
        width:25px;
        height:20px;
        margin-left: auto;
        margin-right: 0;
        cursor: pointer;
        background: url("../images/flr_close.png") center center no-repeat;
    }
    .flr-item{
        font-size: 18px;
        color: #ff5400;
        text-align: center;
        background-color: #fff;
        border-radius: 4px;
        width:120px;
        height:40px;
        line-height:20px;
        padding: 10px 0;
        margin:6px auto 0;
    }
    .flr-item b{
        font-size: 16px;
    }
    .flr-form{
        margin-top: 46px;
    }
    .flr-input{
        display: block;
        margin: 0 auto 8px;
        width:120px;
        height:30px;
        background-color: #fff;
        border: none;
        border-radius: 4px;
        text-align: center;
        font-size: 14px;
    }
    .flr-btn{
        display: block;
        margin: auto;
        width:120px;
        height:30px;
        line-height:30px;
        background-color: #0d71a2;
        outline: none;
        border: none;
        border-radius: 4px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        cursor: pointer;
    }