/*织梦58（dede58.com）做最好的织梦整站模板下载网站*/
/*reset*/
body, dl, dd, dt, input, h1, h2, p, ul{margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6{list-style: none;}
h1, h2{font-weight: bold;text-transform: uppercase;}
input{border: none;}
ul{display: block;}
ul, li{list-style-type: none;}
i, em{font-style: normal;}
*{/*box-sizing: border-box;*/}
body{font-family: "Microsoft Yahei", Helvetica, sans-serif;font-size: 14px;line-height: 22px;padding: 0;background: #f8f8f8;}
a{color: #666;text-decoration: none;/* transition: 0.8s all ease-in-out; */}
a:visited{text-decoration: none;}
a:active{text-decoration: none;}
a:hover{text-decoration: none;}
div, p, dl, dd, dt{display: block;}
input, textarea{color: #999;border: none;outline: none;font-size: 14px;-webkit-appearance: none;}
.fl{float: left;}
.fr{float: right;}
.container-fluid{position: relative;width: 100%;margin: 0 auto;padding: 0px;overflow: hidden;}
.container{padding: 0;margin: 0 auto;width: 1200px;}
.z-color{color: #df4634;}
.y-color{color: #3187cf;}
.c-color{color: #205da5;}
/*----------------header-------------------------*/
.header{background: #fff;z-index: 10;overflow: initial;}
.header-title{height: 100px;position: relative;}
.header-title ul{overflow: hidden;}
.header-title .logo{position: absolute;left: 50%;right: 0;top: 0;width: 181px;height: 184px;z-index: 99;transform: translateX(-50%);}
.header-title .logo img{margin: 0 auto;}
.header-title li{float: left;width: 43%;padding-top:16px;    line-height: 34px;}
.header-title li h2{margin-left: 0;width: 90%;color: #333333;font-size: 16px;margin-top: 10px; line-height: 30px;}
.header-title li h2 strong{color: #205da5}
.header-title li p{font-size: 16px;text-align: left;color: #333333;}
.header-title .header-title-right{float: right; width: 400px;}
/*----------------header-nav-------------------------*/
.header-nav{background-image: -webkit-gradient(linear, right top, left top, from(rgb(51,132,195)), color-stop(52%, rgb(0, 146, 63)), to(rgb(41, 127, 228)));min-height: 50px;z-index: 10;overflow: initial;}
.header-nav .nav{overflow: hidden;}
.header-nav .nav .navroot{width: 10%;float: left;overflow: hidden;}
.header-nav .nav .navroot a{font-size: 13px;color: #fff;height: 50px;line-height: 50px;text-align: left;overflow: hidden;padding-left: 40px;box-sizing: border-box;background: url(../images/home.png) left 17px center no-repeat;}
.header-nav .nav ul li:nth-child(2) a{background-image: url("../images/nav1.png");background-repeat: no-repeat;background-position: left 10px center;}
.header-nav .nav ul li:nth-child(3) a{background-image: url("../images/nav2.png");background-repeat: no-repeat;background-position: left 17px center;}
.header-nav .nav ul li:nth-child(4) a{background-image: url("../images/nav3.png");background-repeat: no-repeat;background-position: left 17px center;}
.header-nav .nav ul li:nth-child(5) a{background-image: url("../images/nav4.png");background-repeat: no-repeat;background-position: left 17px center;}
.header-nav .nav ul li:nth-child(6) a{background-image: url("../images/nav5.png");background-repeat: no-repeat;background-position: left 17px center;}
.header-nav .nav ul li:nth-child(7) a{background-image: url("../images/nav6.png");background-repeat: no-repeat;background-position: left 17px center;}
.header-nav .nav ul li:nth-child(8) a{background-image: url("../images/nav7.png");background-repeat: no-repeat;background-position: left 17px center;}
.header-nav .nav ul li:nth-child(9) a{background-image: url("../images/tel2.png");background-repeat: no-repeat;background-position: left 17px center;}
.navroot:nth-child(4){margin-right: 240px;}
.header-nav .nav ul .active a, .header-nav .nav ul li a:hover{color: #fff;background-color: #205da5;}
.nav .navsub{display: none;margin: 0px;padding: 0;position: absolute;width: 120px;height: auto;background: #fff;z-index: 999;overflow: hidden;clear: both;}
.nav .navsub li{float: left;display: block;margin: 0 auto !important;padding: 0;width: 100% !important;overflow: hidden;}
.nav .navsub li a{height: 34px !important;line-height: 34px !important;color: #333 !important;overflow: hidden;background: none !important;padding: 0 5px !important;text-align: center !important;background: initial !important;border-bottom: 1px solid #eee;}
.nav .navsub li a:hover{background-color: #2d2926 !important;color: #fff !important;}
.menu-tel{float: right;display: none;width: 213px;height: 50px;line-height: 50px;}
.menu-tel i{float: left;display: block;overflow: hidden;background: url(../images/ty-tel.png) no-repeat;background-size: cover;width: 14px;height: 14px;margin-top: 20px;margin-right: 5px;}
.menu-tel span, .menu-tel p{float: left;color: #df4634;}
.menu-tel p{font-size: 18px;margin-left: 5px;font-weight: bold;}
.banner-ab{display: none;}
/*--------banner-----------*/
.ban_p{z-index: 1;}
.ban_p, .ban_p ul{position: relative;width: 100%;}
.ban_p li, .ban_p li a{float: left;display: block;width: 100%;overflow: hidden;position: relative;margin: 0 auto;height: 645px;}
.ban_p li img{width: 100%;}
.ban_t{width: 600px;height: 50px;bottom: 0;left: 50%;margin-left: -300px;position: absolute;text-align: center;z-index: 3;}
.ban_t em{width: 50px;height: 10px;/* border-radius: 16px; */margin-right: 16px;display: inline-block;background: #969696;cursor: pointer;}
.ban_t em.on{background: #0a72c7;}
.ban_p .prev, .ban_p .next{position: absolute;display: block;left: 0px;top: 32%;width: 56px;height: 80px;background: url(../images/icons.png) left 0px no-repeat;filter: alpha(opacity=10);opacity: 0.5;}
.ban_p .prev:hover, .ban_p .next:hover{opacity: 1;}
.ban_p .next{left: auto;right: 0px;background-position: -64px 0px;}
/*---------------娴锋姤涓婇潰鐨勫唴瀹�------------------*/
.banner-ab{position: relative;display: block !important;margin: 0 auto;}
.banner-ab-left{width: 220px;height: 460px;overflow: hidden;position: absolute;padding: 0 17px 0px;z-index: 1;background: url(../images/banner-back.png);}
.banner-ab-left ul{overflow: hidden;padding: 15px 0 20px;border-bottom: 1px solid #8f8baa;}
.banner-ab-left ul:last-child{border-bottom: none;}
.banner-ab-left h3, .banner-ab-left li a, .banner-ab-left p, .banner-ab-left .ewm span{width: 100%;color: #fff;}
.banner-ab-left h3{font-weight: normal;margin: 10px 0;padding-left: 30px;background: url(../images/zg.png) no-repeat left 5px center;}
.banner-ab-left li{overflow: hidden;width: 50%;float: left;padding-right: 5%;}
.banner-ab-left li a{line-height: 28px;transition: 0.8s all ease-in-out;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #ddd;}
.banner-ab-left li a:hover{margin-left: 6px;transition: 0.8s all ease-in-out;}
.banner-ab-left .ewm span{}
.banner-ab-left .ewm{margin: 30px 5px;overflow: hidden;}
.banner-ab-left p{width: auto;overflow: hidden;margin: 0 20px;text-align: center;}
.banner-ab-left .ewm p img{width: 100%;}
.banner-ab-left .ewm span{display: block;text-align: center;}
/*--------------banner-ab-right---------------------*/
.banner-ab-right{right: 0;width: 359px;height: 549px;overflow: hidden;position: absolute;padding: 20px 0px 0px;z-index: -1;background: url(../images/banner-back.png);}
.banner-ab-right h2, .banner-ab-right li a, .banner-ab-right li{text-align: center;color: #fff;}
.banner-ab-right h2, .banner-ab-right ol{margin: 0px auto;width: 100%;padding: 0 5px;}
.banner-ab-right h2{font-size: 20px;margin-bottom: 8px;}
.banner-ab-right ol:hover li{animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;display: inline-block;transform: translate3d(0, 0, 0);padding-top: 10px;text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;color: #df4634;}
.banner-ab-right ol li:nth-child(1){animation-delay: 0s;}
.banner-ab-right ol li:nth-child(2){animation-delay: 0.0833333333s;}
.banner-ab-right ol li:nth-child(3){animation-delay: 0.1666666667s;} @keyframes bounce{0%{transform: translate3d(0, 0, 0); text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;} 100%{transform: translate3d(0, -1em, 0); text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;}}
.banner-ab-right ol li{width: 33.33%;height: 44px;line-height: 44px;float: left;border-bottom: 1px dashed rgba(255, 255, 255, 0.1);}
.banner-ab-right-ol{padding: 0px;overflow: hidden;background: url(../images/banner-back.png);}
.banner-ab-right-ol li{border: none !important;}
.content{width: 1200px;margin: auto;padding: 10px 0;overflow: hidden;}
.content-title{text-align: center;line-height: 30px;color: #000;}
.content-title h1{line-height: 80px;}
.content-left .t-img{border-bottom: 1px solid #1a9bcd;padding: 25px 0 20px 17px;}
.content-left{width: 330px;margin: 20px 0 0 0;background: #205da5;}
.content-left ul{background: #e5e5e5;overflow: hidden;padding: 20px 0;}
.content-left ul li::before{content: "·";width: 30px;display: inline-block;text-align: center;color: #205da5;font-weight: bold;}
.content-left ul li{width: 50%;float: left;line-height: 40px;}
.content-left ul li a{display: inline;color: #000;}
.content-left ul li a:hover{color: #205da5;}
.content-left .s-title{line-height: 54px;color: #fff;font-size: 18px;font-weight: bold;padding-left: 20px;}
.content-left .contect{height: 395px;border-top: 10px solid #fff;position: relative;background: url(../images/connect.png) no-repeat;}
.content-left .contect .ser{position: absolute;top: 55px;left: 105px;}
.content-left .contect h3{color: #fff;display: inline;font-weight: bold;margin-left: 10px;}
.content-left .contect .phone{position: absolute;top: 100px;left: 70px;font-size: 27px;}
.content-right{width: 852px;margin: 20px -11px 0 0;overflow: hidden;}
.content-right .t-img{text-align: center;height: 244px;background: #fff;}
.content-right .detal{background: #205da5;padding: 20px 38px;color: #fff;}
.content-right .detal div{line-height: 50px;font-size: 25px;font-weight: bold;}
.content-right .detal p{font-size: 14px;line-height: 28px;}
.content-right .detal a{margin: 15px 0;color: #205da5;font-size: 18px;border-radius: 25px;line-height: 38px;background: #fff;width: 180px;text-align: center;padding: 6px 10px 6px 10px;}
.content-right .detal a span{display: inline-block;border-radius: 100%;background: #c3262a;color: #ffff;width: 20px;height: 21px;line-height: 18px;font-weight: bold;}
.content-right .fbox{width: 273px;text-align: center;border: 1px solid #ccc;margin: 11px 11px 0 0;background: #fff;}
.content-right .fbox .pp{color: #000;font-size: 18px;line-height: 52px;background: #e0e0e0;}
.content-right .fbox a:hover .pp{color: #fff;background: #205da5;}
.buju{position: relative;height: 100%;}
.buju .pan{position: absolute;width: 310px;height: 310px;background: url(../images/pan.png) no-repeat center;left: 50%;top: 19%;margin-left: -155px;}
.buju .circle{position: absolute;width: 453px;height: 453px;background: url(../images/circle.png) no-repeat center;left: 50%;top: 10%;margin-left: -226.5px;animation: zhuan 15s linear infinite;} @keyframes zhuan{0%{transform: rotate(0);} 100%{transform: rotate(360deg);}}
.buju .b-box{position: absolute;width: 440px;}
.buju .b-box .num{width: 75px;height: 75px;border: 6px solid #205da5;background: #008daa;border-radius: 100%;font-size: 35px;text-align: center;line-height: 63px;font-weight: bold;color: #fff;float: left;}
.buju .b-box:hover .num{animation: fan 1s linear;} @keyframes fan{0%{transform: translateZ(0);} 50%{transform: rotateY(180deg);} 100%{transform: rotateY(360deg);}}
.buju .b-box .nd{margin: 0 0 0 88px;}
.buju .b-box .nd h3{margin: 12px 0 5px 0;font-weight: bold;color: #205da5;}
.buju .b-box .nd p{font-size: 18px;}
.buju .b-box ul{margin: 32px 0 0 0;font-size: 16px;width: 370px;clear: both;}
.buju .b-box ul li::before{content: "·";width: 18px;display: inline-block;color: #205da5;font-weight: bold;font-size: 33px;vertical-align: sub;}
.buju .b-box ul li span{font-weight: bold;}
.buju .b-box ul li{margin: 10px 0;}
.buju .box1{top: 0px;left: 0px;background: url(../images/box1.png) no-repeat center 80px;}
.buju .box2{top: 0px;right: 0px;background: url(../images/box2.png) no-repeat center 80px;}
.buju .box3{top: 444px;left: 0px;background: url(../images/box3.png) no-repeat center 30px;}
.buju .box4{top: 440px;right: 0px;background: url(../images/box4.png) no-repeat center 30px;}
.buju .box2 div, .buju .box4 div{float: right !important;text-align: right;}
.buju .box2 .nd, .buju .box4 .nd{margin: 0 10px 0 0;}
.buju .box2 ul, .buju .box4 ul{margin: 100px 0 0 86px;}
.ind-hzyx{width: 100%;padding-bottom: 10px;}
.ind-hzyx-b{width: 100%;}
.ind-hzyx-b ul{overflow-x: auto;overflow-y: hidden;}
.ind-hzyx-b ul li{float: left;overflow: hidden;margin-top: 0px !important;margin-right: 22px;}
.ind-hzyx-b ul li a{overflow: hidden;}
.ind-hzyx-b ul li img{max-width: none;width: -webkit-calc(100% + 5px);width: calc(100% + 5px);-webkit-transition: opacity .35s, -webkit-transform .35s;transition: opacity .35s, transform .35s;-webkit-transform: translate3d(-4px, 0, 0);transform: translate3d(-4px, 0, 0);}
.news_c img{width: 363px !important;}
.linyu img{width: 288px !important;}
.plist img{width: 238px;}
.ind-hzyx-b ul li:hover img{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.ind-hzyx-b ul li p{width: 100%;line-height: 54px;text-align: center;background: #205da5;color: #fff;font-size: 15px;}
.ind-hzyx ol{position: relative;z-index: 9;}
.ind-hzyx ol div{position: absolute;top: 150px;left: -20px;background: #000;color: #fff;font-weight: bold;border-radius: 100%;font-size: 35px;width: 40px;height: 40px;line-height: 34px;text-align: center;cursor: pointer;}
.ind-hzyx ol .next{left: 1180px;}
.yansf li{margin-right: 52px !important;}
.yansf li p{color: #000 !important;background: none !important;}
.walk{padding: 40px 0 0 0;overflow: hidden;}
.walk .about{overflow: hidden;padding: 15px 0 20px 0;font-weight: bold;border-bottom: 2px solid #0f4f68;}
.walk .about span{float: right;font-size: 40px;width: 150px;line-height: 40px;text-align: right;}
.walk .about h3{width: 322px;text-align: center;margin: 1px 0 15px;font-weight: bold;}
.walk .about p{background: #0f4f68;display: inline-block;border-radius: 30px;line-height: 42px;color: #fff;width: 333px;font-size: 19px;text-align: center;}
.walk .text{font-size: 16px;line-height: 25px;padding: 15px 0 0 0;letter-spacing: 1px;}
.support{text-align: center;width: 100%;}
.support .mam{overflow: hidden;}
.support .mam ul{margin: 25px 0 0;}
.support .mam li{float: left;margin: 0 20px 0 0;width: 278px;}
.support .mam li img{border: 1px solid #205da5;}
.ind-news{width: 100%;padding: 50px 0 0;overflow: hidden;}
.ind-news .newti{width: 527px;margin: 5px 20px 30px 425px;overflow: hidden;}
.ind-news .newti div{width: 155px;line-height: 42px;border: 1px solid #000;text-align: center;font-size: 22px;float: left;margin: 0 10px;cursor: pointer;}
.ind-news .newti div:hover{color: #205da5;border: 1px solid #205da5;}
.ind-news .newti div.on{color: #205da5;border: 1px solid #205da5;}
.news{width: 100%;margin-top: 10px;margin-bottom: 60px;padding: 30px 15px;height: 424px;}
.news-left{float: left;width: 700px;margin-right: 20px;padding-right: 20px;border-right: 1px solid #eee;}
.news-right{overflow: hidden;}
.news .newti ul, .news .newti{width: 100%;overflow: hidden;}
.news .newti li{position: relative;float: left;color: #000;background-color: #fff;margin: 0 13px 30px 0;cursor: pointer;padding: 15px 50px;text-align: center;font-size: 24px;}
.news ul .news-lid{background-color: #205da5;color: #fff;}
.news .newti2 li{border-top: 1px solid #000;border-bottom: 1px solid #000;font-size: 20px;padding: 20px 0;}
.news .newti2 li span{color: #999;font-size: 18px;}
.news .newti2 li a{width: 28px;height: 28px;background: url(../images/more.png) no-repeat center;float: right;}
.news-left .news_c, .news-left .news_c ul, .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol a{width: 100%;overflow: hidden;margin: 0 auto;padding: 0;}
.news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol li, .news-left .news_c ul>div dl, .news-left .news_c ul>div dd{float: left;display: block;overflow: hidden;}
.news-left .news_c ul>div{margin: 20px auto;}
.news-left .news_c ul>div dd{width: 387px;float: left;padding-left: 40px;}
.news-left .news_c ul>div dd h4{line-height: 30px;color: #000;}
.news-left .news_c ul>div dd p{color: #000;letter-spacing: 2px;}
.news-left .news_c ul>div dd span{color: #999;}
.news-left .news_c ul>div dl img{width: 100%;}
.hotpic img{width: 286px !important;height: 210px;}
.news-left .news_c ul ol li{background: #000;color: #fff;float: none;overflow: hidden;padding: 8px 16px;margin: 5px 0 25px;}
.news-left .news_c ul ol li .tiem{float: left;width: 70px;}
.news-left .news_c ul ol li .tiem div{font-size: 27px;padding: 10px 0;}
.news-left .news_c ul ol li:hover{background: #205da5;}
.news-left .news_c ul ol li a{color: #fff;text-align: center;}
.news-left .news_c ul ol li .ctx{border-left: 1px solid #fff;font-size: 16px;float: left;margin: 12px 0 0 15px;padding: 10px 0 10px 23px;}
.news-right .news_b{margin-top: 10px;overflow: hidden;height: 590px;padding: 15px 10px;position: relative;}
.news-right .news_b li{padding: 10px 0 30px 50px;background: url(../images/search.png) no-repeat 10px 10px;}
.news-right .news_b li a{font-size: 18px;color: #205da5;}
.news-right .news_b li a p{color: #333;font-size: 16px;margin: 15px 0;letter-spacing: 2px;}
.card{background: #205da5;border-radius: 10px;margin: 80px 0 0;padding: 20px;color: #fff;font-size: 18px;}
.card .hang{display: inline-block;border-bottom: 1px solid #fff;width: 30%;margin: 0 16px;padding: 5px 0;}
.card .hang input{width: 288px;background: transparent;margin: 0 0 0 15px;font-size: 18px;color: #fff;}
.card .tsss{margin: 60px 16px 20px;border-bottom: 1px solid #fff;}
.card .tsss textarea{margin: 0 0 0 20px;background: transparent;color: #fff;font-size: 18px;}
.card .free{margin: 20px auto 40px;width: 96%;}
.card .free a{display: inline-block;border-radius: 20px;font-size: 18px;font-weight: bold;background: #fff;color: #205da5;padding: 15px 50px;}
.card .free .fphone{float: right;background: url(../images/pph.png) no-repeat 0 center;padding: 15px 0 15px 60px;color: #fff;font-weight: bold;font-size: 40px;}
.card .free .fphone span{font-size: 19px;display: inline-block;padding: 0 10px 0 0;vertical-align: bottom;}
.friend{margin: 40px 0 0;}
.friend h4{color: #205da5;border-bottom: 1px solid #999;padding: 15px 0;}
.friend h4 span{color: #999;}
.friend a{display: inline-block;margin: 10px 20px 20px 0;}
.foot{background: #222222;height: 310px;}
.foot-lf{margin: -15px 0 0 0;}
.foot-lf div{background: #18617f;color: #fff;padding: 24px 28px;font-size: 25px;}
.foot-lf ul{padding: 40px 18px 23px;background: #fff;font-size: 15px;color: #333;}
.foot-lf li{padding: 5px 10px;}
.final{width: 720px;margin: 0 0 0 50px;position: relative;}
.final ul{border-bottom: 1px solid #666;overflow: hidden;padding: 25px 0;margin-bottom: 30px;}
.final ul li{float: left;margin: 0 15px 0 0;}
.final ul li a{color: #fff;font-size: 18px;}
.final p{display: inline-block;width: 47%;color: #999;font-size: 15px;margin: 15px 0;}
.final .code{display: inline-block;background: #fff url(../images/code.png) no-repeat 15px center;padding: 8px 30px 8px 60px;margin: 20px 25px 0 0;border-radius: 50px;line-height: 15px;}
.final .code p{color: #000;font-size: 14px;display: block;margin: 0;width: 100%;}
.final .code span{color: #ccc;font-size: 12px;}
.erxian{display: none;position: absolute;min-width: 120px;top: 97px;left: 225px;}
.erxian img{width: 100%;}
.erxian2{left: 20px;}
.kefu .kefu-main, .kefu-tel-main{box-sizing: content-box;background-image: -webkit-gradient(linear, right top, left top, from(rgb(51,132,195)), color-stop(52%, rgb(0, 146, 63)), to(rgb(41, 127, 228)));}
.navroot a{display: block;}
/*pages*/ .pagination-wrapper{margin: 20px 0;}
.pagination{height: 34px;text-align: center;}
.pagination li{display: inline-block;height: 34px;margin-right: 5px;}
.pagination li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.pagination li a:hover{background: #f5f5f5;color: #0099ff;}
.pagination li.thisclass{background: #09f;color: #fff;}
.pagination li.thisclass a, .pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}