﻿*{ margin:0 auto; padding:0; transition-property: all;-ms-transition-property: all;-moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all;}
body{ font-family: "microsoft yahei"; color:#333; font-size:14px; background: #FFFFFF;  min-width: 1280px;}
a{ text-decoration: none; -webkit-transition: all ease .1s;  -moz-transition: all ease .1s; transition: all ease .1s; border:none; color: #333;}
a:focus { outline: 0 }
a:hover{ color: #1966a3;}
img{ border:none; -webkit-transition: all ease .5s;  -moz-transition: all ease .5s; transition: all ease .5s;}
ul,li{ list-style:none;}
.clear{ clear:both;}
.clearfix{ clear:both;}
p{ margin:0 auto; padding:0; }
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding20{ padding:20px;}
.padding30{ padding:30px;}
.padding40{ padding:40px;}
.fr{ float:right;}
.fl{ float:left; }
.paddingright{ padding-right:10px;}
.paddingleft{ padding-left:10px;}
.undis{ display:block;  background-size: cover;}
.dis{ display:none;  }
.pr5{ padding-right:5px;}
.red{ color:#f00;}
.fff{ color:#fff;}
.pdt30{ padding-top: 30px;}
.txtcenter{ text-align: center;}
h4, .h4, h5, .h5, h6, .h6{ margin: 0;}
.auto_1280{ width:1280px; position: relative;}


#home .home,
#itzz .itzz,
#txjs .txjs,
#xmsb .xmsb,
#jgsm .jgsm,
#about .about,
#cases .cases,
#news .news,
#contact .contact{ border-bottom: 3px solid #1966a3;}


input,button,select,textarea{ outline:none; font-family:arial;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none; font-weight:normal;}

#warp{ width:100%; height:auto; overflow: hidden;}
.Header.current{background: #0132c3;}



.Header{position: fixed;left: 0;top: 0;width: 100%;height: 56px;padding: 12px 0;z-index: 999;}
.Header .logo{ float: left; width: 96px; height: 56px; overflow: hidden;}
.Header .logo a{ display: block; width: 96px; height: 56px; background: url(../images/logos.png) no-repeat;}
.Header .logo h1{ opacity:0;}

.Header .zxBtn{ float: right; width: 98px; height: 36px; margin-top: 10px; text-align: center;}
.Header .zxBtn a{display: block; width: 98px; height: 36px; line-height: 36px; background: linear-gradient(90deg, #79CBC0 0%, #1966A3 100%); border-radius: 4px;  color: #FFFFFF;}
.Header .zxBtn a:hover{background: linear-gradient(90deg, #1966A3 0%, #79CBC0 100%);}

.Header .Hsea{ float: right; width: 20px; height: 56px; background: url(../images/Tseas.png) no-repeat center; }

.nav{ float: right; line-height: 58px; margin-right:30px;}
.nav li{float: left;position: relative;padding: 0 20px;font-size: 18px;}
.nav li a{ display: inline-block; color:#fff; }
.nav li a i{ padding-left:5px;}
.nav li a:hover{border-bottom: 3px solid #1966a3;}
.nav li:hover ul.ul1{ display: block;}
.nav li ul{ position: absolute; left: 0; top: 60px; width: 280px; background: #FFFFFF; z-index: 888; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); display: none;}
.nav li ul li{ font-weight: normal; border-bottom: 1px solid #EEEEEE; padding: 0; width: 280px; height:42px; line-height:42px; box-sizing: border-box; font-size: 14px;}
.nav li ul li a{ display: block; padding: 0 15px; color:#333;}
.nav li ul li a:hover{ border: none; background: #0132c3; color: #FFFFFF;}
.nav li ul li ul{ position: absolute; left:281px; top: 0; width:320px; }
.nav li ul li ul li{width:320px;}
.nav li ul li:hover ul.ul2{ display: block;}

.nav li.nav1 ul{ width: 660px;}
.nav li.nav1 ul li{ float: left; width: 33.3%; overflow: hidden;}

.searchshow{ width: 248px; height: 34px; z-index: 10;  background: #FFFFFF; float:left; position:absolute; right:0; top:68px;  display:none}
.searchshow .inputt{ width: 188px; padding: 0 10px; height: 32px; border: 1px solid #ddd; border-right:none ; float: left; font-size: 14px; color:#999;}
.searchshow .submitt{ width: 39px; height: 34px; float: left;  border: none; background:#1966a3; color: #FFFFFF; font-size: 18px; }


.Topbg{ width:100%; height:470px; padding-top:200px;text-align:center; color:#fff; position:relative;  }
.Topbg h2{ font-size:50px; line-height:72px;  position:relative; z-index:333; }
.Topbg h3{ font-size:22px; line-height:42px; position:relative; z-index:333;}
.Topsearchshow{ width:1280px; height:56px; overflow:hidden; margin-top:50px; position:relative; z-index:333;}
.Topsearchshow input{ float:left; width:90%; height:56px; line-height:56px; box-sizing:border-box; background:#fff; border:none; border-radius:5px 0 0 5px; padding:0 20px; font-size:16px;}
.Topsearchshow button{float:left;width:10%;height:56px;border:none;color:#fff;border-radius:0 5px 5px 0;text-align:center;background: #F44336;font-size:18px;}
.Topsearchshow button i{ padding-right:10px;}

#particles-js{ position:absolute; left:0; top:0; width:100%; height:670px;     background: url(../images/bannerbg.jpg) no-repeat center; background-size:cover;}

.TopHotS{ width:100%; height:56px; line-height:56px; text-align:center; position:relative; z-index:333;}
.TopHotS a{ color:#fff; padding-right:10px;}
.TopHotS a:hover{ text-decoration:underline;}
.TopHotS i{ padding-right:10px;}

.nav li.subul ul{ width:1280px !important; left:-230px; box-sizing:border-box; padding:30px; border-radius:5px;}
.nav li.subul1 ul{ left:-340px !important; }
.nav li.subul2 ul{ left:-470px !important; }
.nav li.subul3 ul{ left:-600px !important; }
.nav li.subul ul a{ color:#000;}
.nav li.subul ul dl{ width:100%; height:auto; float:left; margin-bottom:20px;}
.nav li.subul ul dl dt{ font-weight:bold; font-size:16px; height:30px; line-height:30px; overflow:hidden;}
.nav li.subul ul dl dd{ width:100%; height:auto;}
.nav li.subul ul dl dd a{ font-size:14px; line-height:30px; height:30px; color:#333; overflow:hidden; font-weight:normal; display:block; float:left; padding-right:30px;}
.nav li.subul ul dl dd a:hover{ color:#1966a3; border-bottom:none;}


/**banner**/
.main_visual .owl-carousel,.main_visual .owl-stage-outer,.main_visual .owl-stage,.main_visual .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual .owl-carousel .item{width: 100%;height: 100%; background-repeat: no-repeat; background-position: center center;-webkit-background-size: cover; background-size: cover;}
.main_visual .owl-carousel .item img{ border-radius:10px;}
.main_visual .owl-prev,.main_visual .owl-next{ display:none; text-indent:-9999em;}
.main_visual .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: 10px;  z-index: 999;}
.main_visual .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual .owl-dots .owl-dot span{  display: inline-block; width: 46px; height: 4px; background:#baccff; }
.main_visual .owl-dot.active span{ width: 46px; height: 4px; background:#1966a3; }


.inTabMenu{ width:100%; height:42px; line-height:42px; text-align:center; margin-bottom:30px;}
.inTabMenu a{ font-size:18px; padding:0 20px;}
.inTabMenu a img{ vertical-align:middle; padding-right:10px;}
.inTabMenu .tabs .thistab{color:#1966a3; font-weight: bold; }
#tab_conbox{ width:1280px;}
.inzsList{ width:1280px; height:440px; background:#fff; border-radius:10px; box-shadow: 0 0 60px rgb(12 49 113 / 16%);}
.inzsListL{ float:left; width:860px; height:440px; box-sizing:border-box; padding:50px;}
.inzsListL h2{ color:#000; line-height:50px; font-size:30px;}
.inzsListL p{ line-height:24px; font-size:16px; height:48px; overflow:hidden; margin-top:10px;}
.inzsListL ul{ width:100%; height:auto; margin-top:35px;}
.inzsListL ul li{ float:left; width:33.3%; height:20px; box-sizing:border-box; padding-left:45px; line-height:20px; font-size:15px; margin-bottom:20px; overflow:hidden; background: url(../images/li_em.png) no-repeat left center;;}
.inzsListL h3{ width:160px; height:40px; float:left; font-weight:normal; font-size:14px; margin-top:25px;}
.inzsListL h3 a{ display:block; width:158px; height:38px; line-height:38px; border:1px solid #333; border-radius:5px; text-align:center;}
.inzsListL h3 a:hover{ background:#1966a3; color:#fff; border-color:#1966a3;}
.inzsListR{ float:right; width:420px; height:440px; overflow:hidden;}
.inzsListR img{width:420px; height:440px;  border-radius:0 10px 10px 0;}

.inzsBanner{ width:1280px; height:auto; margin-top:50px;}


.inZsBlue{ width:100%; background: #f4f6f9; padding:50px 0;}
.inZsWhite{ width:100%; background: #fff; padding:50px 0;}


.inZsNewsBox{width:1280px;height:460px;overflow:hidden;border-radius:10px;box-shadow: 0 0 18px rgba(12,49,113,0.16);}
.inZsNewsBoxL{ float:left; position:relative; color:#fff; width:300px; height:460px;}
.inZsNewsBoxL img{width:300px; height:460px;}
.inZsNewsBoxL div{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:333; box-sizing:border-box; padding:35px 30px;}
.inZsNewsBoxL div h2 a{ color:#fff; display:block; font-size:24px; line-height:38px;}
.inZsNewsBoxL div p{ line-height:26px; margin-top:10px;}
.inZsNewsBoxL div ul{ padding-top:10px;}
.inZsNewsBoxL div ul li a{ display:block; margin-top:10px; height:40px; line-height:40px; border:1px solid #fff; border-radius:5px; padding:0 25px; color:#fff;}
.inZsNewsBoxL div ul li a:hover{ background:#fff; color:#1966a3;}

.inZsNewsBoxR{ float:left; position:relative; width:980px; height:460px;}
.inZsNewsBoxR dl{ float:left; background:#fff; box-sizing:border-box; width:33.3%; height:230px; border:1px solid #eee; overflow:hidden; padding:30px 22px; cursor:pointer;}
.inZsNewsBoxR dl:hover{box-shadow:inset 0 0 22px rgba(0,0,0,0.1);}
.inZsNewsBoxR dl dt{ width:100%; line-height:32px; height:32px; font-size:18px; border-bottom:1px solid #eee; padding-bottom:10px;}
.inZsNewsBoxR dl dt i{ line-height:32px;}
.inZsNewsBoxR dl dd{ width:100%; height:auto; margin-top:10px;}
.inZsNewsBoxR dl dd div{ line-height:24px; height:72px; overflow:hidden;}
.inZsNewsBoxR dl dd a{ margin-top:20px; height:32px; line-height:32px; display:block;}

.inZsNewsBoxR dl{ border-right:0}

.inZsBlue .inZsNewsBoxR dl:first-child dt a{ color:#0057dc}
.inZsBlue .inZsNewsBoxR dl:nth-child(2) dt a{ color:#0057dc}
.inZsBlue .inZsNewsBoxR dl:nth-child(3) dt a{ color:#0057dc}


.inZsWhite .inZsNewsBoxR dl:first-child dt a{ color:#55930e}
.inZsWhite .inZsNewsBoxR dl:nth-child(2) dt a{ color:#55930e}
.inZsWhite .inZsNewsBoxR dl:nth-child(3) dt a{ color:#55930e}

.inZsBlue1 .inZsNewsBoxR dl:first-child dt a{ color:#008ad5}
.inZsBlue1 .inZsNewsBoxR dl:nth-child(2) dt a{ color:#008ad5}
.inZsBlue1 .inZsNewsBoxR dl:nth-child(3) dt a{ color:#008ad5}


.inZsYellow .inZsNewsBoxR dl:first-child dt a{ color:#fc7407}
.inZsYellow .inZsNewsBoxR dl:nth-child(2) dt a{ color:#fc7407}
.inZsYellow .inZsNewsBoxR dl:nth-child(3) dt a{ color:#fc7407}


.inZsNewsBoxR1 dl{ width:50%; }
.inZsNewsBoxR2 dl{  width:50%; height:460px; }
.inZsNewsBoxR2 dl dd div{ line-height:24px; height:auto; overflow:hidden;}

.inCust{ width: 1280px; height: 80px; background: #FFFFFF; padding: 40px 0; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); position: relative;  margin-top: -50px; z-index: 666;}
.inCust dl{ float: left; width: 640px; height: 80px; box-sizing: border-box; padding: 0 90px;}
.inCust dl:first-child{ border-right: 1px solid #EEEEEE;}
.inCust dl dt{ float: left; width: 68px; height: 80px;}
.inCust dl dt img{ padding-top: 6px;}
.inCust dl dd{ float: right; width: 358px; height: 80px;}
.inCust dl dd h4{ line-height: 26px; color: #000000; font-size: 20px;}
.inCust dl dd p{ line-height: 24px; margin-top: 5px;}

.inHotzz{ width: 1280px; height: auto; padding-bottom: 80px;}
.inHotzz dl{ float: left; background: #FFFFFF; margin-left: 25px; padding: 30px; width: 410px; height: 290px; box-sizing: border-box; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.inHotzz dl:first-child{ margin-left: 0;}
.inHotzz dl dt{ width: 100%; height: 60px;}
.inHotzz dl dt img{ width: 60px; height: 60px; float: right;}
.inHotzz dl dt h4{ float: left; line-height: 50px; height: 50px;  color: #000000; font-size: 20px; background: url(../images/Hotline.jpg) no-repeat left bottom;}
.inHotzz dl dd{ width: 100%; margin-top: 20px; line-height: 24px; height: 72px; overflow: hidden;}
.inHotzz dl h3{ width: 100%; height: 36px; padding-top: 22px; border-top: 2px solid #e5e5e5; margin-top: 20px; font-weight: normal; font-size: 14px;}
.inHotzz dl h3 em{ display: inline-block; font-style: normal; background: url(../images/hotpro1.png) no-repeat left center; padding-left: 25px;}
.inHotzz dl h3 a{display: block; float: right; text-align: center; width: 98px; height: 36px; line-height: 36px; background: linear-gradient(90deg, #79CBC0 0%, #1966A3 100%); border-radius: 4px;  color: #FFFFFF;}
.inHotzz dl h3 a:hover{background: linear-gradient(90deg, #1966A3 0%, #79CBC0 100%);}

.inZZ{ width:100%; background: #f4f6f9; padding: 80px 0 50px 0;}
.inZZ dl{ width: 100%; height: 240px; box-sizing: border-box; background: #FFFFFF; padding: 0 30px; margin-bottom: 30px;}
.inZZ dl dt{ float: left; width: 240px; height: 240px;}
.inZZ dl em{ display: block; float: left; width: 2px; height: 116px; background: #e6e6e6; margin-top: 62px; margin-left: 28px;}
.inZZ dl dd{ float: left; width: 700px; padding-top: 33px; height: auto; margin-left: 65px;}
.inZZ dl dd h3{ line-height: 48px; color: #000000; font-size: 32px;}
.inZZ dl dd p{ line-height: 24px; font-size: 16px; margin-top: 5px;}
.inZZ dl dd ul{ padding-top: 10px;}
.inZZ dl dd li{ float: left; width: 50%; overflow: hidden; height: 28px; line-height: 28px;}
.inZZ dl dd li i{ display: inline-block; margin-right: 10px; width: 6px; height: 6px; background: url(../images/inzzli.jpg) no-repeat;}

.inZZ dl a{ float: right; margin-top: 102px; text-align: center; display: block; width: 98px; height: 36px; line-height: 36px; background: linear-gradient(90deg, #79CBC0 0%, #1966A3 100%); border-radius: 4px;  color: #FFFFFF;}
.inZZ dl a:hover{background: linear-gradient(90deg, #1966A3 0%, #79CBC0 100%);}


.inLc{ width: 1280px; height: auto; overflow: hidden; padding: 20px 0 60px 0;}
.inLc img{ width: 100%; height: auto;}

.inChoosebg{ width: 100%; height: auto; background: url(../images/inchoosebg.png) no-repeat center; background-size:cover; padding-bottom: 80px;}
.inChooseTop{ width: 1280px; height: 77px;}
.inChooseTop li{ width: 625px; height: 77px; text-align: center;}

.inChooseBox{ width: 1280px; position: relative; height: 330px;}
.inChooseBoxL{ float: left; width: 625px; height: 330px; border-radius: 12px; box-sizing: border-box; padding: 40px 50px; background: linear-gradient(89deg, #B5D9FB 0%, #E2EEFA 100%);
box-shadow: 0px 0px 20px 1px rgba(34,67,117,0.12);}
.inChooseBoxL li{ line-height: 35px;}
.inChooseBoxL li em{ display: inline-block; width: 6px; height: 6px; background: #067AF2; border-radius: 50%; margin-right: 10px;}

.inChooseBoxR{ float: right; width: 625px; height: 330px; border-radius: 12px; box-sizing: border-box; padding: 40px 50px; background: linear-gradient(271deg, #F3DFC6 0%, #F4F0E7 100%);
box-shadow: 0px 0px 20px 1px rgba(34,67,117,0.12);}
.inChooseBoxR li{ line-height: 35px; text-align: right;}
.inChooseBoxR li em{ display: inline-block; width: 6px; height: 6px; background: #FF7D48; border-radius: 50%; margin-left: 10px;}

.inChooseBoxVS{ width: 138px; height: 138px; position: absolute; left: 50%; top: 50%; margin-left: -69px; margin-top: -69px; background: url(../images/chooseimg3.png) no-repeat;}


.inCaseTit{ width: 100%; text-align: center; height: 32px; line-height: 32px;}
.inCaseTit a{ display: inline-block; margin: 0 5px; background: #f5f5f5; border-radius: 3px; width: 90px; height: 32px; line-height: 32px; overflow: hidden;}
.inCaseTit .tabs .thistab,.tabs .thistab a:hover { color: #FFFFFF; background: #1966a3;}

.inCaseList{ width: 1300px; height: auto; padding-top: 20px;}
.inCaseList dl{ float: left; width: 240px; height: 140px; overflow: hidden; position: relative; margin: 10px;}
.inCaseList dl dt{width: 240px; height: 140px; overflow: hidden;}
.inCaseList dl dt img{width: 240px; height: 140px;}
.inCaseList dl dd{ z-index: 333; position: absolute; left: 0; bottom: 0; width: 100%; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 10px; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; color: #FFFFFF;}
.inCaseList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.inCaseMore{ width: 100%;  height: 40px; margin-top: 30px; text-align: center;}
.inCaseMore a{display: block; width: 130px; height: 40px; line-height: 40px; background: linear-gradient(90deg, #79CBC0 0%, #1966A3 100%); border-radius: 4px;  color: #FFFFFF;}
.inCaseMore a:hover{background: linear-gradient(90deg, #1966A3 0%, #79CBC0 100%);}

.inTit{ text-align: center; width: 100%; height: auto; padding: 60px 0 40px 0;}
.inTit h2{line-height: 60px;font-size: 32px;}
.inTit h2 span{color: #ff5d5d;}
.inTit p{ font-size: 16px; line-height: 28px;}

.inNews{ width: 100%; height: auto; background: url(../images/innewsbg.png) no-repeat center; background-size:cover; padding-bottom: 100px; margin-top: 80px;}

.main_visual1 .owl-carousel,.main_visual1 .owl-stage-outer,.main_visual1 .owl-stage,.main_visual1 .owl-carousel .owl-item{width: 100%;height: 100% !important;}
.main_visual1 .owl-carousel .item{width: 100%;height: 100%;background: #FFFFFF;box-sizing: border-box;padding: 20px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;border-radius: 10px;}
.main_visual1 .owl-prev,.main_visual1 .owl-next{ text-indent: 99999em;}
.main_visual1 .owl-carousel .item em{ font-style: normal; line-height: 28px; display: block; padding-top: 15px;}
.main_visual1 .owl-carousel .item h3{ height: 36px; line-height: 36px; overflow: hidden; font-size: 20px; overflow: hidden;}
.main_visual1 .owl-carousel .item p{ line-height: 24px; height: 48px; overflow: hidden;}
.main_visual1 .owl-carousel .item h4{ font-weight: normal; font-size: 16px; line-height: 32px; margin-top: 32px;}
.main_visual1 .owl-carousel .item h4 i{ width: 16px; height: 12px; display: inline-block; background: url(../images/innewsmore.png) no-repeat; margin-left: 10px;}


.main_visual1 .owl-dots{ width: 100%; text-align: center; height: 4px; position:absolute; left: 0; bottom: 0;  z-index: 999;}
.main_visual1 .owl-dots .owl-dot{display: inline-block;  margin:0 5px ;}
.main_visual1 .owl-dots .owl-dot span{  display: inline-block; width: 46px; height: 4px; background:#baccff; }
.main_visual1 .owl-dot.active span{ width: 46px; height: 4px; background:#1966a3; }

.footer{ width: 100%; padding: 50px 0; background: #1966a3; color: #FFFFFF; }
.footerL{ float: left; width: 1100px; height: auto; overflow: hidden;}
.footerL dl{ float: left; width: 20%; height: auto; overflow: hidden;}
.footerL dl dt{ font-size: 18px; font-weight: bold; line-height: 32px; margin-bottom: 15px;}
.footerL dl dd{ width: 100%; height: auto; overflow: hidden;}
.footerL dl dd a{ display: block; line-height: 26px; color: #B1DCFF;}
.footerL dl dd a:hover{ color: #FFFFFF;}
.footerL dl dd p a{ color: #FFFFFF;}

.footerR{ float: right; width: 180px; height: auto; }
.footerR h3{ font-size: 18px; line-height: 32px; margin-bottom: 15px;}
.footerR p{color: #B1DCFF;  line-height: 26px; }
.footerR h4{color: #FFFFFF; font-size: 16px;  line-height: 26px; margin-bottom: 10px;}
.footerR h2{ margin-top: 10px;}
.footerR h2 a{ position: relative; float: left; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; font-size: 14px; margin-right: 12px; color: #FFFFFF; background: #3d7eb1; border-radius: 50%;}
.footerR h2 a:hover{ background: #FFFFFF; color: #1966A3;}
.footerR h2 a div{ width: 120px; height: 120px; background: #FFFFFF; padding: 10px; border-radius: 5px; position: absolute; left: 0; top: -142px; display: none;}
.footerR h2 a div img{ width: 120px; height: 120px;}
.footerR h2 a:hover div{ display: block;}

.footercopy{ width: 100%; height: 56px; line-height: 56px; background: #1966a3; color: #FFFFFF; text-align: center; border-top: 1px solid #6599c2;}
.footercopy a{ color: #FFFFFF;}



.client-2 {
            position: fixed;
            right: -152px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 80px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 14px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 3px;
            margin-top: 10px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #1966a3;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #1966a3;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }


.banner2{ width: 100%; height: 350px; margin-top:80px;}

.mainBox{ width: 1280px; height: auto; padding: 35px 0;}
.mainLeft{float: left;width: 270px;min-height: 540px;overflow: hidden;background: url(../images/menu_bj.png) 255px top no-repeat;}

.mainLeftMenuTop{width: 100%;height: 74px;padding: 9px;/* background: url(../images/mainMenu.png) no-repeat center; */color: #000;box-sizing: border-box;}
.mainLeftMenuTop h2{ line-height: 32px; font-size: 24px;}
.mainLeftMenuTop h3{ line-height: 20px; font-size: 14px; text-transform: uppercase;}
.mainLeftMenu{width: 100%;height: auto;box-sizing: border-box;border: 0px solid #DDDDDD;border-top: none;padding: 5px 9px;border-radius: 0 0 5px 5px;}
.mainLeftMenu li{width: 100%;line-height: 22px;margin: 20px 0;border-bottom: 0px dotted #ccc;font-size: 14px;position:relative;}
.mainLeftMenu li i{/* font-size: 18px; */padding-right: 5px;}
.mainLeftMenu li a{
    padding: 4px 0;
}
.mainLeftMenu li ul{ background:#fff; position:absolute; left:221px; z-index:666; top:0; width:280px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1); display:none;}
.mainLeftMenu li ul li{ font-size:14px;}
.mainLeftMenu li ul li a{ padding-left:15px;}
.mainLeftMenu li:hover ul{ display:block;}

#lm_hover{background: url(../images/class_hover.png) repeat-y;color: #0132c3;}


.mainLeftContact{width: 210px;padding: 15px;height: auto;border-radius: 5px;margin-top: 20px;}
.mainLeftContact dl{ width: 210px; height: auto; overflow: hidden;}
.mainLeftContact dl dt{ float: left; width: 33px; height: 33px;}
.mainLeftContact dl dd{ float: left; padding-left: 8px;}
.mainLeftContact dl dd p{ font-size: 13px; line-height: 15px;}
.mainLeftContact dl dd h4{font-size: 18px;line-height: 27px;color: #2f58cf;}

.mainwx{width: 93%;height: auto;overflow: hidden;margin-top: 15px;text-align: left;}
.mainwx img{width: 82%;height: auto;}


.mainRight{ float: right; width: 1000px; height: auto; overflow: hidden;}
.mainRtop{ width: 100%; height: 23px; line-height: 23px; padding-bottom: 24px; border-bottom: 2px solid #DDDDDD; font-size: 16px;}
.mainRtop i{ padding-right: 10px; font-size:16px;}
.mainRtop h1{color: #F44336;font-size: 20px;}


.abinfo{ width: 100%; height: auto; padding: 30px 0; line-height: 26px;}


.abList{ width: 100%; height: auto; }
.abList dl{ float: left; width:24%; margin: 0.5%; text-align: center;}
.abList dl dt{ width: 100%; height: auto; overflow: hidden;}
.abList dl dt img{ width: 100%; height: auto;}
.abList dl dd{ width: 100%; height: 46px; line-height: 46px; background: #FFFFFF;}

.inSouTit{ width: 100%; height: auto; text-align: center; color: #FFFFFF; padding-bottom: 10px;}
.inSouTit h2{ line-height: 45px; font-size: 32px;}
.inSouTit h3{ line-height: 36px; font-size: 20px; font-weight: normal;}

.about-info{ width: 1280px; padding: 30px 0; line-height: 28px; font-size: 16px;}
.about-info img{ max-width: 100%; height: auto;}

.conMap {
    width: 1280px;
    height: 450px;
    overflow: hidden;
}

.conFed {
    width: 1280px; padding-bottom:50px;
    height: auto;
    overflow: hidden;
}

    .conFed dl {
        width: 100%;
        height: auto;
    }

        .conFed dl dt {
            width: 100%;
            height: 42px;
            line-height: 42px;
            font-size: 16px;
        }

        .conFed dl dd {
            width: 100%;
            height: 42px;
        }

            .conFed dl dd input {
                width: 100%;
                padding: 0 15px;
                height: 42px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 42px;
                border-radius: 5px;
            }

            .conFed dl dd textarea {
                width: 100%;
                padding: 15px;
                height: 80px;
                border: 1px solid #dedede;
                box-sizing: border-box;
                line-height: 24px;
                border-radius: 5px;
            }

    .conFed li {
        width: 100%;
        height: 42px;
        margin-top: 20px;
    }

        .conFed li input {
            width: 100%;
            height: 42px;
            line-height: 42px;
            border: none;
            background: #1966a3;
            color: #FFFFFF;
            font-size: 16px;
            border-radius: 5px;
        }


.newsList{ width: 100%; height: auto; overflow: hidden; padding-top:30px;}
.newsList dl{ float: left; width: 31.3%; height: auto; overflow: hidden; margin: 1%;}
.newsList dl dt{ width: 100%; height: auto; overflow: hidden;}
.newsList dl dt img{ width: 100%; height: auto;}
.newsList dl dd{ width: 100%; height: auto; overflow: hidden; box-sizing: border-box; padding: 20px; background: #f5f5f5;}
.newsList dl dd h2{color: #A8A8A8; font-size: 15px; line-height: 36px; font-weight: normal;}
.newsList dl dd h4{font-size: 16px;font-weight: normal;color: #000000; line-height: 30px; height: 30px; overflow: hidden;}
.newsList dl dd p{ line-height: 28px; height: 56px; overflow: hidden; color: #666666;}
.newsList dl a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}


.NewsShow{ width:100%; box-sizing:border-box; background:#fff;}
.NewsShowTit{ width:100%; height:auto; line-height:52px; font-size:40px; text-align:center; padding:35px 0; font-weight:bold;}
.NewsShowAdmin{ width:100%; line-height:30px; text-align:center; color:#999;}
.NewsShowInfo{ padding:25px 0; line-height:28px; font-size:15px; overflow:hidden; text-overflow: visible;}
.NewsShowInfo img{ max-width:100%; height:auto;}
.NewsShowInfo h2{font-size:30px; line-height:42px;  padding:10px 0;  }
.NewsShowjj{ width:100%; height:auto; background: url(../images/js_bg.png) no-repeat center; background-size:cover; box-sizing:border-box; padding:30px; font-size:16px; line-height:30px; border:1px solid #eee; border-radius:10px;}

.newsPrev{ width:100%; line-height:30px; font-size:15px;}

.caseList{ width: 100%; height: auto; overflow: hidden; padding-top:30px;}
.caseList dl{ float: left; width:24%; margin: 0.5%; text-align: center;}
.caseList dl dt{ width: 100%; height: auto; overflow: hidden;}
.caseList dl dt img{ width: 100%; height: auto;}
.caseList dl dd{ width: 100%; height: 46px; line-height: 46px; background: #FFFFFF; overflow:hidden;}

.zsInfoR2Tit{color: #1966a3; font-size: 20px; font-weight:bold; line-height:32px; padding-top:20px;}
.zsInfoR2 h2{
    padding: 12px 0;
    line-height: 42px;
    font-size: 36px;
    color: #1a1a1a;
    font-weight: normal;
}
.zsInfoR2 h3{font-weight:normal;color: #0132c3;font-size: 20px;padding: 10px 0;}
.zsInfo{ width:1280px; box-sizing:border-box; border:1px solid #eee; border-radius:5px; padding:20px; margin-top:30px;}
.zsInfoL{ float:left; width:240px; height:auto; padding:50px 30px; border-right:1px solid #eee; overflow:hidden; text-align:center;}
.zsInfoL img{ width:100%; height:auto;}
.zsInfoR{ float:right; width:910px; height:auto; overflow:hidden;}
.zsInfoR h2{ font-size:32px; color:#000; height:42px; line-height:42px; overflow:hidden;}
.zsInfoRinfo{ width:100%; height:auto; line-height:30px; overflow:hidden; padding:20px 0;}

.zsInfoRzx{ width:100%; height:50px; line-height:50px;}
.zsInfoRzx a{display:block;float:left;width:185px;height:50px;line-height:50px;color:#fff;font-size:16px;background: #0132c3;text-align:center;border-radius:5px;}
.zsInfoRzx a:hover{ background:#F2540D}
.zsInfoRzx a.gswxzx{background:#fff;color: #0132c3;margin-left:20px;border: 1px solid #0132c3;box-sizing:border-box;position:relative;}
.zsInfoRzx a.gswxzx i{ padding-right:10px;}
.zsInfoRzx a.gswxzx:hover div{ display:block;} 
.zsInfoRzx a.gswxzx div{ width:183px; position:absolute; left:0; top:-185px; display:none;}
.zsInfoRzx a.gswxzx div img{ width:183px; height:183px;}

.rzList{ width: 100%; height: auto; overflow: hidden; padding-top:20px;}
.rzList dl{ width:100%; height:auto; border:1px solid #eee; padding:20px; margin-bottom:20px; box-sizing:border-box; }
.rzList dl dt{ float:left; width:156px; height:auto; padding-right:20px; border-right:1px solid #eee; }
.rzList dl dt img{width:100%; height:auto; }
.rzList dl dd{ float:right; width:750px; height:auto; overflow:hidden; }
.rzList dl dd h3{ font-size:18px; line-height:36px; height:36px; overflow:hidden;}
.rzList dl dd p{ line-height:28px; margin-top:10px;}
.rzList dl dd h4{ font-size:14px; line-height:36px; height:36px; margin-top:10px; color:#999; font-weight:normal; overflow:hidden;}


.rzMenu{width: 100%; height: auto; overflow: hidden; padding-top:20px;}
.rzMenu dl{ float: left; width: 323px; height: 330px; background: #FFFFFF; box-sizing: border-box; padding: 15px 20px; margin:10px 5px; border:1px solid #eee; border-radius:5px; box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);}
.rzMenu dl dt{ width: 100%; height: 60px; overflow: hidden; line-height: 60px;}
.rzMenu dl dt img{ width: 60px; height: 60px; float: left;}
.rzMenu dl dt h4{ float: left; padding-left: 12px; font-size: 20px;}
.rzMenu dl dd{ width: 100%; border-top: 2px solid #e6e6e6; margin-top: 15px;}
.rzMenu dl dd a{ display: block; height: 36px; line-height: 36px; overflow: hidden; border-bottom: 1px dotted #ccc;}


.searchBox{ padding:30px 0; width:1280px;}
.searchBox dl{ width:100%; height:auto; border:1px solid #eee; padding:20px; margin-bottom:20px; box-sizing:border-box; }
.searchBox dl dt{ float:left; width:206px; height:auto; padding-right:20px; border-right:1px solid #eee; }
.searchBox dl dt img{width:100%; height:auto; }
.searchBox dl dd{ float:right; width:980px; height:auto; overflow:hidden; }
.searchBox dl dd h3{ font-size:18px; line-height:36px; height:36px; overflow:hidden;}
.searchBox dl dd p{ line-height:28px; margin-top:10px;}
.searchBox dl dd h4{ font-size:14px; line-height:36px; height:36px; margin-top:10px; color:#999; font-weight:normal; overflow:hidden;}

.zsInfoR2{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 20px;
    margin-top: 29px;
    line-height: 28px;
    font-size: 16px;
    } 
.zsInfoR2 img{height:auto;box-shadow: 0 0 16px rgb(17 69 160 / 36%);padding: 20px;border-radius: 16px;max-width: 96%;}


.zsInfoR ul {
    margin-top: 15px;
}
.zsInfoR2 ul {
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
    padding: 25px 20px 5px 20px;
    box-shadow: 0 0 16px rgb(17 69 160 / 36%);
}
.zsInfoR2  ul li{
    padding-left: 0px;
    line-height: 20px;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    overflow: hidden;
    background: url(../images/li_em1.png) no-repeat left center;
}
.zsInfoR2  ul:nth-child(1)
{ 
	
}
.zsInfoR2 ul:nth-child(1) li
{
	padding-left:35px;
    background: url(../images/li_em.png) no-repeat left center;

}

.item_new_oxB{
    border: 2px solid #fff;
    padding: 64px 38px 55px 38px;
    background: url(../images/js_bg.png);
    background-size: 100% 100%;
    box-shadow: 0 0 16px rgba(0,0,0,0.12);
    border-radius: 10px;
    overflow: hidden;
    margin-top: 15px;
    position:relative;
    margin-bottom: 10px;
    }
.item_new_oxB::before{
	content: '';
	position:absolute;
	top: 20px;
	width: 49px;
	height: 30px;
	left: 25px;
	background: url(../images/shang_dh.png) no-repeat;
}
.item_new_oxB::after{content: '';position: absolute;bottom: 20px;width: 49px;height: 30px;right: 25px;background: url(../images/xia_dh.png) no-repeat;}


.zsInfoR ul li {
	line-height: 25px;
	font-size: 14px; margin:8px 0;
}

.zsInfoR ul li .icon {
	background-image: url(../images/tx-icon.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.zsInfoR ul li i.p-date {
	background-position: -315px -355px;
}

.zsInfoR ul li i.p-lever {
	background-position: -315px -377px;
}

.zsInfoR ul li i.all-c {
	background-position: -318px -395px;
}

.zsInfoR ul li .p-indemnity {
	background-image: url(../images/tx-icon.png);
	background-repeat: no-repeat;
	background-position: -143px -572px;
	display: inline-block;
	width: 150px;
	height: 25px;
	margin-right: 10px;
	padding-left: 8px;
	font-size: 14px;
}

.zsInfoR ul li .p-indemnity em {
	font-style: normal;
	color: #fff;
	margin-right: 8px;
}

.zsInfoR span.p-tit {
    font-size: 15px;
    color: #0132c3;
}