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

.flexslider{width:100%; height:1080px; height: 100vh; position: relative;  overflow:hidden; z-index: 1;}
/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:1080px; height: 100vh; object-fit: cover }

/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:84px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ width: 14px; height:14px; background: rgba(255, 255, 255, 0.4); border-radius:50%; overflow: hidden; font-size: 0; cursor: pointer; margin: 0 16px; display: inline-block; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
.flex-control-paging li a.flex-active{  background: rgba(255, 255, 255, 1);}

.flexslider .flex-direction-nav{ width:100%;  position: absolute;left:0; top: 50%;margin-top: -25px ;}
.flexslider .flex-direction-nav a{font-size: 0}
/* .flexslider .flex-prev{ width: 50px; height: 50px; background: rgba(255, 255, 255, 0.3); background-image: url(../images/lt002.png); background-repeat: no-repeat; background-position: center center; display: block ;position: absolute; left: 0;top: 0 ;z-index: 99;font-size: 0}
.flexslider .flex-next{ width: 50px; height: 50px;  background: rgba(255, 255, 255, 0.3);background-image: url(../images/rt002.png); background-repeat: no-repeat; background-position: center center; display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}
.flexslider .flex-prev:hover{background-color: #1e4392}
.flexslider .flex-next:hover{background-color: #1e4392} */

.center{ width: 1400px; margin: 0 auto;}
.abuotbg{ width: 100% ; height: 840px ;background: url(../images/bgt1.jpg) no-repeat center center; overflow: hidden;}
.abtxtbox{ width: 100% ; height: 385px;margin: 133px 0 98px 0; }
.abtxtbox .abl{ width: 603px; height: 385px; float: left; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; -o-border-radius: 17px; box-shadow: rgba(17, 154, 139, 0.03) 0 0 10px 6px; overflow: hidden; }
.abtxtbox .abr{ width: 702px;height: 385px; float: right;}
.qhlist{ width: 603px; height: 385px;position: relative; overflow: hidden;}
.qhlist .bd{ width: 603px; height: 385px; }
.qhlist .bd ul li{width: 603px; height: 385px; overflow: hidden;}
.qhlist .bd ul li img{ width: 100%; height: 100%; object-fit: cover;}
.qhlist .hd{width: 100%; text-align: center; background: -webkit-linear-gradient(bottom,rgba(0,0,0,0.54),rgba(0,0,0,0)); padding: 29px 0; position: absolute; left: 0;bottom: 0;}
.qhlist .hd li{ width: 9px; height: 9px;display: inline-block;margin:0 6px ; font-size: 0; background: rgba(255, 255, 255, 0.4) ;border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; cursor: pointer;}
.qhlist .hd li.on{ background: rgba(255, 255, 255, 1) }
.abtxtbox .abr h3{ width: 100% ; height: 30px; line-height: 30px; font-size: 28px; font-weight: bold ;color: #2e2e2e ;margin: 33px 0 30px 0;
    white-space: nowrap;text-overflow: ellipsis;  overflow: hidden;}
.abtxtbox .abr .txtbox{ width: 100% ; height: 180px; line-height: 30px; font-size: 16px; color: #696969;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;text-align: justify;margin-bottom: 43px; overflow: hidden;}
.abtxtbox .abr .more{ width: 180px; height: 48px; line-height: 48px; display: block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed) ; font-size: 14px; color: #fff ;text-transform: uppercase; border-radius:48px; -webkit-border-radius:48px; -moz-border-radius:48px; -ms-border-radius:48px; -o-border-radius:48px; }
.abtxtbox .abr .more:hover{ box-shadow: rgba(0,0,0,0.08) 0 0 8px 3px}


.content-boxs002{ width: 100% ;  overflow: hidden;}
.content-boxs002 .row-price{ float: left; width: calc(25% - 1px); height: 117px; border-right: 1px solid #d6dee7}
.content-boxs002 .row-price .price-box{ text-align: left;}
.content-boxs002 .row-price .price-box .wen{display: inline-block ;position: relative;}
.content-boxs002 .row-price p{line-height: 60px; font-size: 60px;font-weight: bold; color: #313131 ;display: inline-block;margin-bottom: 16px;}
.content-boxs002 .row-price .price-box .wen span{font-size: 40px; color: #2e2e2e;  position: absolute; right: -30px;bottom: 10px}
.content-boxs002 .row-price .price-box .wen i{font-size: 14px; color: #2e2e2e;text-transform: uppercase;font-weight: bold;  position: absolute; right: -44px;top: 0}
.content-boxs002 .row-price h5{width: 100%; height: 18px; text-align: left; line-height: 18px; font-size: 16px; color: #2e2e2e;margin-bottom: 6px; overflow: hidden;}
.content-boxs002 .row-price h6{width: 100%; height: 14px; text-align: left; line-height: 14px; font-size: 12px; color: #909090; overflow: hidden;}
.content-boxs002 .row-price:last-child{border: none}
.content-boxs002 .row-price:nth-child(1) .price-box{ padding-left: 40px;}
.content-boxs002 .row-price:nth-child(2) .price-box{ padding-left: 110px;}
.content-boxs002 .row-price:nth-child(3) .price-box{ padding-left: 80px;}
.content-boxs002 .row-price:nth-child(4) .price-box{ padding-left: 55px;}
.content-boxs002 .row-price .price-box .wen:hover p{ color: #026cc9 ;text-shadow:  0 10px 5px #d0ddef }
.content-boxs002 .row-price .price-box .wen:hover span{color: #026cc9;text-shadow:  0 5px 3px #d0ddef }
.content-boxs002 .row-price .price-box .wen:hover i{color: #026cc9;text-shadow:  0 5px 3px #d0ddef }


.columnbg{ width: 100% ; height: 1038px ; position: relative; overflow: hidden;}
.columnbg .textnr{ padding: 236px 0 0 0; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); position: relative; }
.columnbg .textnr h3{ width: 592px; height: 30px; line-height: 30px; font-size: 28px; color: #fff ; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 25px; overflow: hidden;}
.columnbg .textnr p{ width: 592px; height:108px ; line-height: 36px; font-size: 16px; color: #fff ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; margin-bottom: 32px; overflow: hidden;}
.columnbg .textnr a{ width: 180px; height: 48px; line-height: 48px; display: block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed) ; font-size: 14px; color: #fff ;text-transform: uppercase; border-radius:48px; -webkit-border-radius:48px; -moz-border-radius:48px; -ms-border-radius:48px; -o-border-radius:48px;}
.columnbg .textnr a:hover{ box-shadow: rgba(0,0,0,0.08) 0 0 8px 3px}


.bgimg{ width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; position: absolute; transition: all 0.4s ease-in-out; opacity: 0; color: #FFF; visibility:hidden; z-index:0 ; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; }
.bgimg .cert{ width: 1400px; margin: 0 auto;}
.bgimg.on{ opacity:1; visibility:visible; z-index:1 ; }
.bgimg.on .cert .textnr{ opacity:1; transform:translateX(0); transition-delay:0.5s }
    

.iconlist{ width: 100%; height:340px;  padding: 225px 0 0 0;margin-top: 430px; overflow: hidden;}
.iconlist ul{ width: 1410px}
.iconlist ul li{ width: 463px; height: 111px;float: left; background: rgba(255, 255, 255, 0.95);margin: 0 3px 3px 0;position: relative;z-index: 2; cursor: pointer; }
.iconlist ul li .icotxt{ width: 200px; padding: 36px 0 0 25px}
.iconlist ul li .icotxt h3{ width: 100% ;height: 22px;line-height: 22px; font-size: 20px; color: #2e2e2e;margin-bottom: 7px; overflow: hidden;}
.iconlist ul li .icotxt h4{ width: 100% ;height: 14px;line-height: 14px; font-size: 12px; color: #808080; overflow: hidden;}
.iconlist ul li .ico{ position: absolute; right: 10px;top: 10.5px}
.iconlist ul li .dwc{ width: 463px; height: 286px; text-align: center; background: -webkit-linear-gradient(bottom,#65c0ed,#095bbe) ; border-radius:8px 8px 0 0; border-bottom: 4px solid #b3e3fd ; position: absolute; left: 0; bottom: -293px ; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; -ms-border-radius:8px 8px 0 0; -o-border-radius:8px 8px 0 0; overflow: hidden; display: none}
.iconlist ul li .dwc a{width: 100%;height: 100%;display: block}
.iconlist ul li .dwc img{width: 90px; height: 90px; margin: 61px 0 33px;}
.iconlist ul li .dwc h5{ width: 100% ;height: 22px;line-height: 22px; font-size: 20px; color: #fff;margin-bottom: 7px; overflow: hidden;}
.iconlist ul li .dwc h6{ width: 100% ;height: 14px;line-height: 14px; font-size: 12px; color: #a0cbed;text-transform: uppercase; overflow: hidden;}
/* .iconlist ul li.sty5{z-index: 3;} */

.newsbg{ width: 100% ; background-color: #fff ; padding: 80px 0 5px 0; background-image: url(../images/bgt2.jpg) ;background-repeat: no-repeat; background-position: top center; overflow: hidden;}
.newsbg .news-top{ width: 100% ; height: 438px ;margin-bottom: 52px;}
.newsbg .news-top .nwl{ width: 590px; height: 438px ; padding: 0 38px; background: url(../images/tu1.png) ; float: left; border-radius:27px; overflow: hidden; -webkit-border-radius:27px; -moz-border-radius:27px; -ms-border-radius:27px; -o-border-radius:27px; box-shadow: #eef6fb  0 0 10px 4px; position: relative; }
.newsbg .news-top .nwr{ width: 590px; height: 438px ; padding: 0 38px; background: url(../images/tu2.png) ; float: right; border-radius:27px; overflow: hidden; -webkit-border-radius:27px; -moz-border-radius:27px; -ms-border-radius:27px; -o-border-radius:27px; }
.newsbg .news-top .title{ width: 100%; height: 34px; line-height: 34px;position: relative;margin: 87px 0 0 0}
.newsbg .news-top .title h3{float: left; line-height: 34px; font-size: 28px; font-weight: bold ;color: #0e61c0}
.newsbg .news-top .title h3 span{ color: #3a3a3a;padding-left: 9px;}
.newsbg .news-top .title a{ width: 98px; height: 34px; line-height: 34px; display: block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed) ; font-size: 14px; color: #fff ; text-transform: uppercase; border-radius:34px; -webkit-border-radius:34px; -moz-border-radius:34px; -ms-border-radius:34px; -o-border-radius:34px; position: absolute; right: 0;top: 0 }
.newsbg .news-top .title a:hover{box-shadow: rgba(0,0,0,0.08) 0 0 8px 3px}
.newsbg .news-top .nrbox{ width: 100% ; border-bottom: 1px solid #a7acaf; padding: 42px 0}
.newsbg .news-top .nrbox a{width: 100% ;display: inline-block ;}
.newsbg .news-top .nrbox a h3{ width: 100% ; height: 20px; line-height: 20px; font-size: 18px; color: #2e2e2e ; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 17px; overflow: hidden;}
.newsbg .news-top .nrbox a p{width: 100% ; height: 52px; line-height: 26px; font-size: 14px; color: #818181 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.newsbg .news-top .yuan{ width: 45px; height: 45px; border: solid 1px #616161; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; margin-top: 50px; float: left;}
.newsbg .news-top .yuan a{ width: 45px; height: 45px;display: block;position: relative;}
.newsbg .news-top .yuan .i1{ width: 25px; height: 7px;display: block ;background: url(../images/jt1.png); position: absolute; left: 10px;top: calc(50% - 3.5px)}
.newsbg .news-top .yuan .i1.on{ width: 46px; height: 7px;display: block ;background: url(../images/jt2.png);}

.newsbg .news-top .yuan:hover{ background-color: #1163c2; border: solid 1px #1163c2}
.newsbg .news-top .nbl{ float: right ;text-align: right; margin-top: 50px; }
.newsbg .news-top .nbl h5{ line-height: 18px; font-size: 18px; color: #2e2e2e ;font-weight: bold;margin-bottom: 7px}
.newsbg .news-top .nbl h6{ line-height: 30px; font-size: 30px; color: #2e2e2e ;font-weight: bold;}
.newsbg .news-top .nbl:hover h5,.newsbg .news-top .nbl:hover h6{color:#1163c2 }
.filledbox{ width: 376px;margin: 87px 0 0 0; }
.newsbg .news-top .filledbox .title a{width: auto; background: none ;color: #0e61c0}
.newsbg .news-top .filledbox .title a:hover{font-weight: bold;box-shadow: initial}

.filledlist{ width: 100% ;margin-top: 43px; height: 270px; overflow: hidden;}
.filledlist .bd{width: 100% ;}
.filledlist .bd ul li{width: 100% ; height: 20px;margin-bottom: 27px;}
.filledlist .bd ul li h3{ width: 200px; height: 20px; line-height: 20px; padding-left: 29px; font-size: 16px; color: #2e2e2e ; white-space: nowrap;text-overflow: ellipsis;position: relative;float: left; overflow: hidden;}
.filledlist .bd ul li h3 i{ width: 6px; height: 6px; display: block; border: solid 1px #6c9fdc ; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ;  position: absolute; left: 0;top: 6px}
.filledlist .bd ul li h4{width: 130px; height: 20px; line-height: 20px;text-align: right;font-size: 16px; color: #0e61c0 ;float: right; overflow: hidden; }
.filledlist .bd ul li:hover h3,.filledlist .bd ul li:hover h4{font-weight: bold}
.filledlist .bd ul li:hover i{ background-color: #0f62c1; border: solid 1px #0f62c1 ; }

.xwlist{ width: 100%; overflow: hidden;}
.xwlist ul{ width: 1490px}
.xwlist ul li{width: 590px; height: 438px ; padding: 0 38px; background: url(../images/tu1.png) ; float: left; border-radius:27px; overflow: hidden; -webkit-border-radius:27px; -moz-border-radius:27px; -ms-border-radius:27px; -o-border-radius:27px; box-shadow: #eef6fb  0 0 10px 4px;margin: 0 75px 75px 0; position: relative;}
.xwlist ul li .title{ width: 100%; height: 34px; line-height: 34px;position: relative;margin: 87px 0 0 0}
.xwlist ul li .title h3{float: left; line-height: 34px; font-size: 24px;color: #2e2e2e}
.xwlist ul li .title h3 span{ color: #3a3a3a;padding-left: 9px;}
.xwlist ul li .title a{ width: 98px; height: 34px; line-height: 34px; display: block; text-align: center; background: -webkit-linear-gradient(left,#0859bd,#65c0ed) ; font-size: 14px; color: #fff ; text-transform: uppercase; border-radius:34px; -webkit-border-radius:34px; -moz-border-radius:34px; -ms-border-radius:34px; -o-border-radius:34px; position: absolute; right: 0;top: 0 }
.xwlist ul li .title a:hover{box-shadow: rgba(0,0,0,0.08) 0 0 8px 3px}
.xwlist ul li .nrbox{ width: 100% ; border-bottom: 1px solid #a7acaf; padding: 42px 0}
.xwlist ul li .nrbox a{width: 100% ;display: inline-block ;}
.xwlist ul li .nrbox a h3{ width: 100% ; height: 20px; line-height: 20px; font-size: 18px; color: #2e2e2e ; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 17px; overflow: hidden;}
.xwlist ul li .nrbox a p{width: 100% ; height: 52px; line-height: 26px; font-size: 14px; color: #818181 ;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.xwlist ul li .yuan{ width: 45px; height: 45px; border: solid 1px #616161; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px; -ms-border-radius: 45px; -o-border-radius: 45px; margin-top: 50px; float: left;}
.xwlist ul li .yuan a{ width: 45px; height: 45px;display: block;position: relative;}
.xwlist ul li .yuan .i1{ width: 25px; height: 7px;display: block ;background: url(../images/jt1.png); position: absolute; left: 10px;top: calc(50% - 3.5px)}
.xwlist ul li .yuan .i1.on{ width: 46px; height: 7px;display: block ;background: url(../images/jt2.png);}
.xwlist ul li .nbl{ float: right ;text-align: right; margin-top: 50px; }
.xwlist ul li .nbl h5{ line-height: 18px; font-size: 18px; color: #2e2e2e ;font-weight: bold;margin-bottom: 7px}
.xwlist ul li .nbl h6{ line-height: 30px; font-size: 30px; color: #2e2e2e ;font-weight: bold;}
.xwlist ul li .nbl:hover h5,.xwlist ul li .nbl:hover h6{color:#1163c2 }
.xwlist ul li .yuan:hover{ background-color: #1163c2; border: solid 1px #1163c2}


.dutybg{ width: 100% ; height: 1171px; background: url(../images/bgt3.jpg) no-repeat center center; overflow: hidden;}
.dutybg .center{height: 1171px;position: relative;}
.dutybg .title{ width: 100% ; text-align: center ; padding: 66px 0 0 0 }
.dutybg .title h3{line-height: 30px; font-size: 28px; color: #2e2e2e ;font-weight: bold;margin-bottom: 29px;}
.dutybg .title p{ width: 528px;margin: 0 auto; height: 60px; line-height: 30px; font-size: 16px; color: #2e2e2e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;  overflow: hidden;}

.pathlist{ width: 100%;margin-top: 57px; height: 620px; position: relative;}
.pathlist ul li{ display: inline-block}
.pathlist ul li .yuanbox{ width: 104px; height: 104px; background: url(../images/ya1.png); border-radius:104px; display: flex; align-items: center; justify-content: center; cursor: pointer; overflow: hidden; -webkit-border-radius:104px; -moz-border-radius:104px; -ms-border-radius:104px; -o-border-radius:104px; overflow: hidden; }
.pathlist ul li .yuanbox img{ max-width: 98%; max-height: 98%; transition:1s all ; -webkit-transition:1s all ; -moz-transition:1s all ; -ms-transition:1s all ; -o-transition:1s all ; }
.pathlist ul li .txtbox{ padding: 22px 32px; border-radius:18px ; -webkit-border-radius:18px ; -moz-border-radius:18px ; -ms-border-radius:18px ; -o-border-radius:18px ; }
.pathlist ul li .txtbox h4{line-height: 20px; font-size: 20px; color: #1e72c8;margin-bottom: 7px}
.pathlist ul li .txtbox p{width: 100%; line-height: 26px; font-size: 16px; color: #2e2e2e ;opacity: 0.71;text-align: justify;}
.pathlist ul li.style1 .yuanbox{position: absolute;left: 372px; top: 102px;}
.pathlist ul li.style1 .txtbox{ width: 254px; position: absolute;right: 1058px;top: 90px}
.pathlist ul li.style2 .yuanbox{position: absolute;left: 495px; top: 410px;}
.pathlist ul li.style2 .txtbox{ width: 320px; position: absolute;right: 934px;top: 374px}
.pathlist ul li.style3 .yuanbox{position: absolute;left: 812px; top: 400px;}
.pathlist ul li.style3 .txtbox{ width: 336px; position: absolute;left: 944px;top: 395px}
.pathlist ul li.style4 .yuanbox{position: absolute;left: 940px; top: 102px;}
.pathlist ul li.style4 .txtbox{ width: 272px; position: absolute;left: 1074px;top: 90px}
.pathlist ul li .yuanbox:hover{background: url(../images/ya2.png);}
.pathlist ul li .yuanbox:hover img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.pathlist ul li .txtbox.on{ background: -webkit-linear-gradient(left,#d5edfa,#dbf0fa) ;}
.dutybg .dwbox{ width: 100%; position: absolute; left: 0;bottom: 0;}
.dutybg .dwbox .kapbox{ width: 700px; height: 299px; float: left; border-radius:28px 28px 0 0 ; -webkit-border-radius:28px 28px 0 0 ; -moz-border-radius:28px 28px 0 0 ; -ms-border-radius:28px 28px 0 0 ; -o-border-radius:28px 28px 0 0 ; position: relative; overflow: hidden;}
.dutybg .dwbox .kapbox.kapa{background: url(../images/img5.png)}
.dutybg .dwbox .kapbox.kapb{background: url(../images/img4.png);bottom: -74px}
.dutybg .dwbox .kapbox .wzb{margin-top: 117px;  padding-left: 64px;}
.dutybg .dwbox .kapbox .wzb h3{line-height: 20px; color: #fff;margin-bottom: 25px;}
.dutybg .dwbox .kapbox .wzb h4{ height: 48px ;line-height: 48px;}
.dutybg .dwbox .kapbox .wzb h4 a{ width: 180px; text-align: center; height: 48px ; line-height: 48px ; background-color: #fff ; border-radius:48px ; -webkit-border-radius:48px ; -moz-border-radius:48px ; -ms-border-radius:48px ; -o-border-radius:48px ; font-size: 16px; color: #2e2e2e;display: inline-block;}
.dutybg .dwbox .kapbox.kapb h3{ color: #2e2e2e}
.dutybg .dwbox .kapbox.kapb h4 a{ background: -webkit-linear-gradient(left,#085abd,#63bfec);color: #fff}
.dutybg .dwbox .kapbox.kapb h4 span{line-height: 48px; font-size: 32px; color: #1e72c9;font-weight: bold ; padding: 0 10px 0 20px;display: inline-block ;position: relative; top: 6px}
.dutybg .dwbox .kapbox.kapb h4 i{line-height: 48px; font-size: 14px; color: #1e72c9;font-weight: bold ;position: relative; top: 4px}
.dutybg .dwbox .kapbox h4 a:hover{font-weight: bold}