/*css**/

.lf{
    float: left;
}
.rt{
    float: right;
}
.clear { clear: both;}
@media only screen and (max-width:300px){
    body,.mytitle,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:14px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:310px) and (min-width:300px){
    body,.mytitle,.top_title,.bottom_title{font-size:10px!important}
    .viewport{max-width:300px}
    .ztshow2_l_bt{font-size:12px!important;font-weight: bold}
    .top_title{font-size:12px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 5px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}

}
@media only screen and (max-width:320px) and (min-width:310px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:320px}
    .ztshow2_l_bt{font-size:13px!important;font-weight: bold}
    .top_title{font-size:13px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:15px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:320px){
    body,.mytitle,.top_title,.bottom_title{font-size:10.66667px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold;top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 6px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:12px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:360px) and (min-width:350px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:360px}
    .ztshow2_l_bt{font-size:15px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:16px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 34px!important;}
}
@media only screen and (max-width:480px) and (min-width:360px){
    body,.mytitle,.top_title,.bottom_title{font-size:12px!important}
    .viewport{max-width:480px}
    .ztshow2_l_bt{font-size:18px!important}
    .top_title{font-size:14px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:13px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (max-width:480px) and (min-width:470px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:25px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .con_title span{font-size:17px!important;padding: 8px}
    .con_title{height: 4.5rem!important; line-height: 4.5rem!important;}
    .new_tit{font-size:14px!important;}
    .new_dei{display: none!important}
    .myclass img{width: 100%;  }
    a.current{line-height: 35px!important;}
}
@media only screen and (min-width:480px){
    body,.mytitle,.top_title,.bottom_title{font-size:15.66667px!important}
    .viewport{max-width:480px }
    .ztshow2_l_bt{font-size:25px!important}
    .top_title{font-size:21px!important;font-weight: bold; top:10%;}
    .bottom_title{ bottom: 2%;}
    .myclass img{width: 80%;  }
    .myline{width: 95%!important;}
}
/**/
@font-face {
    font-family:"Microsoft YaHei"!important;
    src: url("https://www.csxinhua.com/fonts/yahei.ttf");
}
body{
    font-family:"Microsoft YaHei"!important;
}
.logo{
    padding-right: 15px;
    padding-bottom: 0;
    padding-top: 0;
    display: inline-block;
    padding: 0 0 0 8px;
}
.lbtn:hover{
    background-color: #0074D7;
}
.navbg{
    margin-bottom: 0px;
    border: 0px solid transparent;
}
.ltop{

}
.topbg{
    background-color: #0074D7;
}
ul li a{
    color: #ffffff;
}
.ibar{

}
.ibar > li {
    float: left;
    color: #fff;
}

.ibar > li > a {
    padding-top: 15px;
    padding-bottom: 15px;

}
a:hover{
    text-decoration: none;
}
.cont{
    text-align: center;
}
.row{
    margin: auto;
}
.container img,header img{width: 100%;}
header{margin-top: -6px}
.banner{max-width:  1920px;margin:  0 auto;width: 100%;text-align: center;min-width: 1200px;}
.banner img{width: 100%;display:block}

.conbg1{background: url(../images/con_bg1.jpg) bottom center no-repeat #edebec;text-align: center;padding: 60px 0;}
.conbg2{background: url(../images/con_bg2.jpg) bottom center no-repeat #edebec;overflow: hidden;text-align: center;padding: 60px 0;}
.conbg3{background: url(../images/con_bg3.jpg) top center no-repeat #b9b9b9;overflow: hidden;text-align: center;}
.conbg4{text-align: center;}
.conbg5{background: #020202;overflow: hidden;text-align: center;padding: 60px 0;}
.conbg6{background: url(../images/con_bg6.jpg) top center no-repeat #231e1a;overflow: hidden;text-align: center;padding: 60px 0;}
.conbg7{background: #150522;overflow: hidden;text-align: center;padding: 60px 0;}
.conbg8{background: #edebec;overflow: hidden;text-align: center;padding: 60px 0;}

.tit_con{white-space: pre-line;display: inline-block;border: 1px solid #6b6c6c;padding: 0 40px 5px;position: relative;margin: 40px 0 24px;}

.tit_h2{  background: linear-gradient(to bottom, #e6cf70, #c04c23);
  -webkit-background-clip: text;
  color: transparent;width: auto;margin: 0 auto 0.3em;font-size: 48px;}
.tit_h3{color: #252525;width: auto;margin: 0 auto 0.2em;font-size: 28px;}
.tit_h2 img{margin: 0 auto;}
.tit_con .tit_h2{margin: -60px 0 -14px;background: #fff;padding: 0 20px;}
.tit_con .bg1{background: #fff;}
.tit_con .bg2{background: #eee;}
.tit_con .bg3{background: #dcdcdc;}
.tit_con .bg4{background: #edebec;}
.tit_con .bg5{background: #020202;}

.tit_con::after,.tit_con::before{content: " ";width: 180px;height: 0;position: absolute;left: initial;right: -140px;top: 24px;border-bottom: 1px solid #6b6c6c;}
.tit_con::before{left: -140px;right: initial;transform: rotate(180deg);}

.tit_p{font-size: 18px;color: #090a0a;text-align: left;text-indent: 2em;line-height: 2em;width: 1060px;margin: 0 auto 1em;}
.tit_sml{font-size: 18px;color: #090a0a;line-height: 1.6em;margin: 0 auto 10px;text-align: center;text-transform: uppercase;opacity: 0.6;}

.pg1{margin: 60px auto;width: 1200px;}
.pg2{min-width: 1200px;padding: 60px 0;height: 623px;background: url(../images/bm_bg.jpg) center no-repeat;}
.ljzx{display: inline-block;width: 233px;height: 58px;overflow: hidden;box-sizing: border-box;position: relative;z-index: 2;background: url(../images/btn_bg.png);line-height: 58px;font-size: 24px;color: white;margin: 0 20px;}

.talk{margin: 30px auto;width: 1080px;background: #292c90;border-radius: 10px;padding: 18px  36px;box-sizing: border-box;position: relative;}
.talk::after{content: " ";border: 16px solid transparent;border-color: transparent  transparent   #292c90 transparent;width: 0;height: 0;position: absolute;left: 300px;top: -32px;}
.talk h4{margin: 0 auto;font-size: 23px;color: white;}
.talk p{margin: 10px auto 0;font-size: 18px;line-height: 30px;text-align: left;text-indent: 2em;color: white;}

.con1 {margin: 30px auto;}
.con1 img{margin: 0 auto;}
.con1 ul{padding: 0;}
.con1 li{font-size: 20px;display: inline-block;width: 220px;}

.con2 {margin: 30px auto;width: 1086px;height: 464px;padding: 0;}
.con2 li{float: left;}
.con2 .cen{margin: 0 auto;width: 327px;float: left;margin: 51px 0 0 0;}
.con2 .lf img{float: right;}
.con2 .ri{width: 388px;float: right;}
.con2 img{float: left;}

.con3 {margin: 30px auto;width: 1200px;overflow: hidden;padding: 0 36px;box-sizing: border-box;}
.con3 li{float: left;width: 335px;height: 63px;background: url(../images/wt_bg.jpg);margin: 7px;color: white;font-size: 24px;line-height: 60px;}

.con4 {margin: 30px auto;box-sizing: border-box;width: 1200px;overflow: hidden;padding: 0;background-color:#edebec;}
.con4 li{margin: 20px 0;float: left;width: 20%;}
.con4 .cen{margin: 90px 18px 0;}
.con4 img{margin: 0 auto;}
.con4 h3{font-size: 20px;color: #30fcf9;font-style: italic;line-height: 40px;border-bottom: 1px solid #FFF;margin: 18px 0;}
.con4 p{margin: 0.5em auto 0;font-size: 20px;line-height: 1.6em;color: #090a0a;}

.con5 {margin: 30px auto;padding: 0;}
.con5 ul{padding: 0;height: 244px;}
.con5 li{float: left;margin: 0 29px;}
.con5 h3{font-size: 20px;line-height: 40px;margin: 10px 0;font-weight: normal;}
.con5 p{font-size: 20px;line-height: 40px;margin: 10px auto;background: linear-gradient(#f1e6c6, #aa956f);width: 999px;}

.bor{border:2px #ccc solid;padding: 5px;width: 1000px;margin: 40px auto;}
.bor th{ font-size:17px; background-color:#f00; color:#fff; padding:5px; font-weight:normal;}
.bor td{text-align: center; font-size:14px; padding-top:10px; padding-bottom:10px;}
.bor .bj{ background-color:#ccc;}


.by {widtH: 1100px;margin-top: 25px;background: url(../images/sm_11.jpg) center no-repeat;height: 455px;padding: 0 0 0 20px;box-sizing: border-box;margin: 30px auto;}
.by div {widtH: 233px;height: 226px;floaT: left;line-height: 1.6;margin: 0 0 0 200px;}
.by h3 {widtH: 200px;margin: 15px auto;font-sizE: 18px;text-align: left;color: #FFF;position: relative;padding: 0 0 20px;}
.by h3::before {content: "";left: 0;bottom: 0;width: 100%;height: 2px;position: absolute;background: linear-gradient(to right, transparent , #f6ef8c,transparent);}
.by p {widtH: 200px;margin: 10px auto;font-sizE: 18px;text-align: left;color: #fffdde;font-weight: normal;}
.by .fir {margin: 0 0 0 -20px;}

.con6 {margin: 30px auto;padding: 10px 0 0 0;width: 1200px;}
.con6>h3{color: #252525;width: auto;margin: 0 auto 0.2em;font-size: 28px;}
.rz{width: 1024px;height: 175px;padding: 0;margin: 50px auto;}
.rz li{width: 174px;height: 174px;background: #dc49d0;border-radius: 50%;border: 12px #42145a solid;position: relative;float: left;margin: 0 15px;}
.rz li img{margin: 26px auto 10px;}
.rz li h3{font-size: 18px;color: white;font-weight: normal;width: 6em;margin: 0 auto;}
.rz li p{font-size: 18px;color: #fff;text-align: left;width: 200px;height: 200px;background: #ad29a2;position: absolute;left: -13px;top: -13px;border-radius: 10px;transition: all .4s;opacity: 0;margin: 0;padding: 60px 18px 0;line-height: 24px;box-sizing: border-box;}
.rz li:hover p{opacity: 1;filter:alpha(opacity=100);transform:scale(1);}
.rz .bg1 {background: #7b3ce3;}

.ys {widtH: 100%;overflow: hidden;padding: 0;margin: 20px auto;}
.ys li {widtH: 538px;float: left;height: 462px;color: #FFF;border: 6px solid #0c5bd3;margin: 10px 20px 10px 0;background: black;box-sizing: border-box;}
.ys .kc_1 {widtH: 257px;floaT: left;margin: 24px 16px 0;}
.ys h3 {font-sizE: 22px;text-align: center;margin: 0 0 24px;}
.ys p {font-sizE: 16px;text-align: left;line-height: 1.6;margin: 0;padding: 10px 0 0 0;}
.ys .kc_3 {widtH: 236px;floaT: left;display: flex;align-items: center;}
.ys .bd1 {border: 6px solid #f11b3a;}

.kc {margin: 20px auto;width: 1200px;overflow: hidden;padding: 0 36px;box-sizing: border-box;}
.kc li{float: left;width: 500px;height: 63px;background: url(../images/wt_bg.jpg);margin: 7px;color: white;font-size: 24px;line-height: 60px;}
.kc .bg1{background: #118fa6;}
.kc .bg2{background: #17c6a7;}
.kc .bg3{background: #ff7900;}
.kc .bg4{background: #f14869;}
.kc .bg5{background: #8508b3;}
.kc .bg6{background: #d1a804;}

.dg-container {position: relative;margin: 30px auto;padding: 20px 0 0;width: 1200px;cursor: pointer}
.dg-wrapper {width: 594px;height: 330px;margin: 0 auto;position: relative;transform-style: preserve-3d;perspective: 1060px;padding: 0;}
.dg-wrapper li {width: 100%;height: 330px;display: block;position: absolute;left: 0;top: 0;}
.dg-wrapper li:first-child {z-index: 2;}
.dg-wrapper li img {display: block;width: 100%;height: 330px;}
.dg-wrapper li.dg-transition {transition: all 0.5s ease-in-out;}
.dg-wrapper li.dg-transition-fast {transition: all 0.2s ease-in-out;}
.dg-container .dg-nav {display: block;}
.dg-container nav span:hover {opacity: 1;}
.dg-container nav span.dg-next {background-position: top right;margin-left: 10px;}
.dg-container #lightButton2 {bottom: 20px;}
.dg-container .button {position: relative;z-index: 5;width: 200px;margin: 20px auto 0;text-align: center;padding: 0;}
.dg-container .button li {cursor: pointer;display: inline-block;width: 6px;height: 6px;margin-right: 5px;background: rgba(255,255,255,0.30);border: 1px solid rgba(0,0,0,0.20);}
.dg-container .button .light {background: #A5704E;}
.dg-center {z-index: 10;}
.dg-prev,.dg-next{width: 39px;height: 57px;position: absolute;top: 40%;left: -60px;z-index: 10;cursor: pointer}
.dg-next {left: initial;right: -60px;transform: rotate(180deg);}

.sec6_cont{margin-top: 114px;width: 1200px;margin: 0 auto;height: 400px;padding: 0 100px;box-sizing: border-box;}
.sec6_left{width: 480px;float: left;margin: 0 100px 0 0;}
.sec6_left a{width: 290px;height: 50px;display: block;font-size: 18px;line-height: 50px;color: white;text-indent: 1em;float: left;margin: 15px 0;border-radius: 8px;opacity: 0.7;position: relative;}
.sec6_left a:hover{opacity: 1;}
.sec6_left a::after{content: " ";width: 0;border: 10px solid transparent;border-top-width: 30px;border-top-color: inherit;position: absolute;left: 32px;bottom: -30px;transform: rotate(33deg);}
.sec6_left .fr{float: right;}
.sec6_left .fr::after{transform: rotate(-33deg);right: 32px;left: inherit;}
.sec6_left strong{float: right;font-weight: normal;margin: 0 1em 0;color: white;}
.sec6_left span{color: white;}
.sec6_left .zx1{background: linear-gradient(to right, #0080b3 , #1bbbbd);color: #058bb4;}
.sec6_left .zx2{background: linear-gradient(to right, #a01082 , #df0362);color: #d60566;}
.sec6_left .zx3{background: linear-gradient(to right, #410461 , #6c0480);color: #470466;}
.sec6_left .zx4{background: linear-gradient(to right, #0080b3 , #1bbbbd);/* opacity: 0.5; */color: #17b3bb;}
.sec6_left .zx5{background: linear-gradient(to right, #a01082 , #df0362);opacity: 0.5;color: #a90e7e;}

.sec6_left a:hover{opacity: 1;filter: alpha(opacity=100);}
.sec6_form{width: 340px;height: 400px;background: white;border-radius: 6px;float: left;padding: 50px 0;box-sizing: border-box;}
.sec6_form p{font-size: 30px;text-align: center;background: url(../images/sec6_formtt.png) no-repeat center bottom;line-height: 34px;height: 60px;margin: 0 0 40px;}
.sec6_form input{display: block;width: 258px;height: 46px;border: 1px solid #d6d6d6;font-size: 18px;line-height: 46px;text-indent: 3em;margin: 20px auto;padding: 0;}
.sec6_form .username{background: url(../images/user_name.png) no-repeat;}
.sec6_form .mobile{background: url(../images/user_tel.png) no-repeat;text-indent: 62px;margin-top: 20px;margin-left: 40px;}
.sec6_form .sub{display: block;width: 260px;height: 48px;border: none;font-size: 20px;line-height: 48px;color: white;background: #f21250;text-align: center;border-radius: 6px;cursor: pointer;text-indent: 0;margin: 30px auto 0;}

.te_ce{text-align: center;text-indent: 0;}
.margin_r_0{margin-right:0!important ;}

.zxUrl{cursor: pointer;}
.sdxh_btm .sdxh_btm_contact{background:#f1f1f1;text-align:center;}
.sdxh_btm .sdxh_btm_contact ul{padding: 39px 0 20px;overflow:hidden;margin:0 auto;width:1280px;}
.sdxh_btm .sdxh_btm_contact li{width: 312px;float:left;background: #e0e8ed;margin: 0 10px 0 0;position: relative;}
.sdxh_btm .sdxh_btm_contact li.margin_r_0{margin: 0;}
.sdxh_btm .sdxh_btm_contact div{float: left;width: 200px;padding: 10px 0;}
.sdxh_btm .sdxh_btm_contact span{font-size: 1.25em;display: block;}
.sdxh_btm .sdxh_btm_contact p{margin:0;font-size: 20px;line-height: 1.6em;color:#060606;margin: 0 0 10px;}
.sdxh_btm .sdxh_btm_contact a{display: inline-block;background: #ff3361;width: 100px;font-size: 16px;color: white;line-height: 2em;border-radius: 24px;}
.sdxh_btm .sdxh_btm_contact img{float: right;margin-top: -28px;width: 150px;transition: all 0.1s ease;position: absolute;right: 0;bottom: 0;}
.sdxh_btm .sdxh_btm_contact li:hover img{width: 160px;margin-top: -39px;}

.li4{width:1200px;margin:50px auto;text-align:center;height:200px;}
.li4 li{width:25%;float:left;text-align:center}
.li4 li div{text-align:center}
.li4 li div img{width:50%;}
.li4 li p{margin:10px auto;font-size:20px;}


.li3{width:1200px;margin:10px auto;text-align:center;height:660px}
.li3 li{width:33.3%;text-align:center;float:left;margin:5px auto;}
.li3 li img{width:98%;}