@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


@font-face {
    font-family: 'constan2';
    src:url('../fonts/Microsoft JhengHei UI/msjhl_0.ttc') format('truetype');
}
.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

            .demo-message-wrap input::-webkit-input-placeholder,
            .demo-message-wrap textarea::-webkit-input-placeholder {
                /* WebKit browsers */
                  color: #fff;
            }

            .demo-message-wrap input:-moz-placeholder,
            textarea:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                  color: #fff;
            }

            .demo-message-wrap input::-moz-placeholder,
            textarea::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                   color: #fff;
            }

            .demo-message-wrap input:-ms-input-placeholder,
            textarea:-ms-input-placeholder {
                /* Internet Explorer 10+ */
                  color: #fff;
            }

            .demo-message-wrap input[type='text']::-webkit-input-placeholder{
                color: #fff;
            }



.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}
/*头部样式*/
.sky{width:1920px;position:relative;left:50%;margin-left:-960px;height:35px;background:#dddddd;}
.sky_con{width:1200px;margin:0 auto;}
.huan{float:left;color:#666666;font:400 12px/35px "Microsoft Yahei";}
.huan a{line-height:35px;color:#666666;font-size:12px;padding-right: 5px;}
.k1x{float:right;line-height:35px;color:#666666;font-size:12px;}
.k1x a{color:#666666;font-size:12px;}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}



.tou_con{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5}
.tou{width:1200px;margin:0 auto;height:120px;overflow:hidden}
.logo{float:left;line-height:120px;margin-top: 2%}
.telx{float:right;margin-top:30px;}


#formsearch{width:420px;float:left;margin-left:60px;margin-top:40px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch input{background:#fff;border:1px solid #c8c8c8;float:left;width:260px;outline: none;}
#formsearch input#keyword{height:35px;line-height:35px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:44px;height:35px;line-height:35px;text-align:center;background:url(../images/so.png) no-repeat center;color:#fff;border:none;cursor:pointer;}

#formsearch1{}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}
.hotSearch a{margin-right:6px;}
#formsearch1 input{background:none;border:none;float:left;width:80%;outline: none;}
#formsearch1 input#keyword{height:28px;line-height:28px;padding-left:24px;color:#666;}
#formsearch1 input#s_btn{width:20%;height:28px;line-height:28px;text-align:center;background:none;color:#fff;border:none;cursor:pointer;
    float: right;
    font-size: 0px;
}



.ct1{color:#03479c;font-size:42px;text-align:center;}
.ct1 span{display:block;text-transform:uppercase;font-size:18px;font-weight:normal;color:#888888;font-family:"Arial";line-height: 30px;}




/*高品质追求*/
.box2{width:1200px;margin:0 auto;margin-top:20px;}
.tabz{position:relative;display:flex;justify-content:center;align-items:center;margin-top:50px;}
.tabz li{float:left;width:140px;height:32px;display:block;line-height:32px;background:#eaeaea;text-align:center;color:#666666;font-size:14px;cursor: pointer;margin-left:10px;}
.tabz li.cur{color:#fff;text-decoration:none;font-size:14px;background:#03479c;}
.tabz  li:hover, .tabz li.cur {
    background: #03479c;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.tabz li:hover a, .tabz li.cur a {
    color: #fff;
}

.ttz{display: none;margin-top:30px;}
.list1z{padding:8px 10px;}
.list1z li{position:relative;vertical-align: middle;float:left;margin-right:26px;margin-bottom:26px}
.list1z li a.img{display:block}
.list1z li a.img img{width:376px;height:270px;}


.list1z li:nth-child(3n){float:right;margin-right:0px;}

.dac{background:#03479c;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:45px;height:45px;}
.list1z li h3{color:#fff;font-size:16px;float:left;font-weight:normal;margin-left:5%;}
.list1z li h3 a{color:#fff;font-size:16px;line-height:45px;}
.list1z li:hover .dac{background:#b99562;}


.mx{float:right;color:#fff;font-size:16px;margin-right:5%;}
.mx a{color:#fff;font-size:16px;}

/*滚动*/
.pin{width:1200px;margin:0 auto;}

.chan{text-align:center;padding-top:30px;position:relative;margin-bottom:40px;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:55%;}
.l_btn{left:-50px;}
.r_btn{right:-50px;}

.twt{float: left;}
.twt li a.img{display:block;}
.twt li a.img img{display:block;width: 273px;height:150px;}
.twt li{float: left;overflow: hidden; margin-left: 20px;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;padding-top:20px;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

.huise{width:1920px;position:relative;left:50%;margin-left:-960px;background:#f5f5f5;padding-bottom:50px;padding-top:70px;}

#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}


.anls{width:1200px;margin:0 auto;padding-top:40px;border-top:1px solid #e5e5e5}
.product_list3{}
.product_list3 li{float:left;margin-right:38px;margin-bottom:38px;_display:inline;position:relative;width:376px;height:248px;}
.product_list3 li a.img{}
.product_list3 li a.img img{width:376px;height:248px;}
.product_list3 li h3{text-align:center;position:absolute;bottom:0px;width:100%;background:url(../images/h3.png) no-repeat center top;height:40px;color:#fff;}
.product_list3 li h3 a{font-weight:normal;line-height:40px;font-size:16px;color:#fff;}
.product_list3 li a.img{display:block;}
.product_list3 li a.img:hover{border-color:#b99562;}




.sun-delay0 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.sun-delay1 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.sun-delay2 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

.sun-delay3 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
}

.sun-delay4 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
}

.sun-delay5 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
}

.sun-delay6 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
}

.sun-delay7 {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
}

.sun-delay8 {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
}

.sun-delay9 {
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
}

.sun-delay10 {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
}

.sun-ani-left,
.sun-ani-down,
.sun-ani-up,
.sun-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 2s;
            transition-duration: 2s;
}

.sun-ani-left {
    -webkit-transform: translateX(-900px);
            transform: translateX(-900px);
}

.sun-ani-down {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
}


.sun-ani-up {
    -webkit-transform: translateY(-100px);
            transform: translateY(100px);
}

.sun-ani-right {
    -webkit-transform: translatex(100px);
            transform: translatex(100px);
}

.actives .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.swiper-slide-active .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.swiper-slide-active .sun-ani-down {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.swiper-slide-active .sun-ani-up {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.swiper-slide-active .sun-ani-right {
    opacity: 1;
    -webkit-transform: translatex(0);
            transform: translatex(0);
}
.cont{
    max-width: 1400px;
    margin: 0 auto;
    font-family: "Microsoft Yahei";
}
.bj{
    background: #cccccc;
    line-height: 24px;
    height: 24px;
}
.huang{
    float: left;
    width: 40%;
    text-align: left;
    font-size: 12px;
    color: #333;
}
.qiy{
    float: right;
    width: 50%;
    text-align: right;
    font-size: 12px;
    color: #333;
}
.qiy a{
    color: #333;
}
.haoma{
    float: right;
    width: 20%;
    background: url(//cdn.myxypt.com/648b75aa/21/08/e0bfd126a242b67b6c5126fd5e174b6a6101c0e3.png) left center no-repeat;
    padding-left: 4%;
    margin-top: 1%;
}
.haoma_tt{
    font-size: 12px;
    line-height: 24px;
    color: #333333;
}
.haoma_mmh{
    font-weight: 600;
    font-size: 1.4rem;
    color: #0152a3;
    line-height: 33px;
}
.dahbgh{
    background: #0152a3;
    height: 48px;
}
.scroll{
    position: fixed;
    width: 100%;
    left:50%;
    top:0px;
    margin-left: -50%;
    z-index: 9999;
    background: #fff
}
.nei{
    background: #f2f2f2;
    height: 52px;
    line-height: 52px;
}
.sdn{
    float: left;
    width: 40%;
    font-size: 16px;
    color: #666666;
}
.sdn a{
    color: #666666; 
}
.sffhg{
    float: right;
    width: 23%;
    background: url(//cdn.myxypt.com/648b75aa/21/08/b449123c30d3e1559f70d333790cc27d6a6e9a02.png) no-repeat;
    height: 28px;
    background-size: 100% 100%;
    margin-top: 1%;
}
.nei1{
    margin-top: 4%;
}
.zuo{
    text-align: center;
}
.zuo_tt{
    font-size: 1.8rem;
    color: #0152a3;
    line-height: 63px;
    font-weight: 600;
}
.zuo_hh{
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.cpplei{
    width: 25%;
}
.cppleinei{
    background: url(//cdn.myxypt.com/648b75aa/21/08/1d6728cf84ba0bc172f1ab83b1f6905890495ff2.png) no-repeat;
    color: #fff;
    box-sizing: border-box;
    padding: 8% 6%;
}
.cpp{
    margin-top: 2%;
}
.cppleinei_tt{
    font-size: 1rem;
    line-height: 28px;
}
.cppleinei_kk{
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 35px;
}
.cppleibe{
    background: #f2f2f2;
    padding-bottom: 16%;
}
.cppleibe li{
    line-height: 52px;
    font-size: 16px;
    background: url(//cdn.myxypt.com/648b75aa/21/08/36f304e92d9a6b36b5ab9e3dee308db30d577187.png) 20px center no-repeat #f2f2f2;
    padding-left: 14%;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cppleibe li:nth-child(2n){
    background: url(//cdn.myxypt.com/648b75aa/21/08/36f304e92d9a6b36b5ab9e3dee308db30d577187.png) 20px center no-repeat #e7e7e7;
}
.cppleibe li:hover{
    background: url(//cdn.myxypt.com/648b75aa/21/08/eaf5dd9547796f7223671eca487dc36cf615567d.png) 20px center no-repeat #46ae31;
}
.cppleibe li:hover a{
    color: #fff;
}
.cppleima{
    background: url(//cdn.myxypt.com/648b75aa/21/08/2efbf4d32d2e0d34e54e1291c4b8a71692f756c1.png) no-repeat;
    color: #fff;
    box-sizing: border-box;
    padding: 6% 0 4% 25%;
}
.cppleima_tt{
    font-size: 16px;
    line-height: 24px;
}
.cppleima_hh{
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 30px;
}
.cppb{
    width: 74%;
}
.biang_img img{
    width: 100%;
    height: auto;
}
.biang li{
    position: relative;
}
.biangnei{
    position: absolute;
    bottom: 0px;
    z-index: 999;
    background: rgba(1, 82, 163, 0.7);
    box-sizing: border-box;
    padding: 2% 3%;
    color: #fff;
    width: 100%;
}
.biangnei_yy{
    background: url(//cdn.myxypt.com/648b75aa/21/08/c72b9102ee26e909e628856e40520fcbc4ea0ed1.jpg) left center no-repeat;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
    padding-left: 2%;
}
.biangnei_yy a{
    color: #fff;
}
.biangnei_neng{
    font-size: 16px;
    font-weight: 200;
    line-height: 30px;
}
.biangnei_mm{
    float: right;
    width: 17%;
    background: #46ae31;
    border:#fff 1px solid;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    margin-top: 2%;
}
.biangnei_mm a{
    color: #fff;
}
.nei2{
    background: url(//cdn.myxypt.com/648b75aa/21/08/dba9e8695e0c294da42515837c07b94c3c4ff9ed.jpg) center center no-repeat;
    background-size: 100% 100%;
    padding: 2% 0 4% 0;
    margin-top: 4%;
}
.toiugg{
    text-align: center;
    color: #fff;
}
.toiugg_tt{
    font-size: 1.8rem;
    color: #fff;
    line-height: 63px;
    font-weight: 600;
}
.ding_img{
    width: 49%;
}
.eninghd{
    width: 49%;
    background: #fff;
    box-sizing: border-box;
    padding: 2%;
    margin-top: 8%;
}
.slideTxtBox{
    position: relative;
    margin-top: 4%;
}
.slideTxtBox .hd{
    position: absolute;
    top:0px;
    right: 0px;
    width: 49%;
}
.ding_img img{
    width: 100%;
    height: auto;
}
.slideTxtBox .hd li{
    width: 15%;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 1.5% 1%;
    cursor: pointer;
}
.dinf {
    width: 68%;
    margin: 0 auto;
}
.dinf img{
    max-width: 100%;
    height: auto;
}
.dingj{
    font-size: 14px;
    line-height: 28px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.slideTxtBox .hd ul li.on{
    background: #46ae31;
    color: #fff;
    cursor: pointer;
}
.slideTxtBox .hd ul li.on .dingj{
    color: #fff;
}

.slideTxtBox .hd ul li.on .dinf img{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(103%) contrast(101%);
}
.eninghd_shu{
    color: #cccccc;
    font-size: 2.6rem;
    letter-spacing: -2px;
    line-height: 50px;
    display: flex;
}
.eninghd_shu span{
    color: #0152a3;
    font-size: 1.4rem;
    line-height: 50px;
    font-weight: 600;
    padding-left: 1%;
}
.eninghd_hh{
    font-weight: 600;
    font-size: 1rem;
    line-height: 60px;
    color: #333333;
}
.eninghd_nei{
    font-weight: 200;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}
.eninghd_mm{
    float: right;
    width: 22%;
    text-align: center;
    background: #46ae31;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    margin-top: 6%;
}
.eninghd_mm a{
    color: #fff;
}
.fsjh{
    width: 90%;
    margin: 2% auto 0;
    background: #fff;
    line-height: 68px;
    text-align: center;
    font-size: 20px;
    font-weight: 200;
}
.slideTxtBox .arrow .next{
    position: absolute;
    bottom: 0px;
    background: url(//cdn.myxypt.com/648b75aa/21/08/04bbef947188ffec259678879eb7e5bddaff38b2.png) no-repeat;
    width: 68px;
    height: 68px;
    outline: none;
    border: none;
    cursor: pointer;
    right: 0px;
}
.slideTxtBox .arrow .prev{
    position: absolute;
    bottom: 0px;
    background: url(//cdn.myxypt.com/648b75aa/21/08/04bbef947188ffec259678879eb7e5bddaff38b2.png) no-repeat;
    width: 68px;
    height: 68px;
    outline: none;
    border: none;
    cursor: pointer;
    left: 0px;
    transform: rotateY(180deg);
}
.slideTxtBox .arrow .next:hover{
    background: url(//cdn.myxypt.com/648b75aa/21/08/81211cac1a910201131d099a08f6a73e7a25af40.png) no-repeat;
    transform: rotateY(180deg);
}
.slideTxtBox .arrow .prev:hover{
    background: url(//cdn.myxypt.com/648b75aa/21/08/81211cac1a910201131d099a08f6a73e7a25af40.png) no-repeat;
    transform: rotateY(0deg);
}
.nei3{
    margin-top: 3%;
}
.xuand{
    margin-top: 3%;
}
.tu1{
    width: 39%;
}
.tu3{
    width: 35%;
}
.tu2{
    width: 24%;
}
.tu1 img{
    max-width: 100%;
}
.tu2 img{
    max-width: 100%;
}
.tu3 img{
    max-width: 100%;
}
.nei4{
    background: url(//cdn.myxypt.com/648b75aa/21/08/eb89ec5981a67f7505f195eaae973a4bd42b101a.jpg) center center no-repeat;
    background-size: 100% 100%;
    padding: 3% 0;
    margin-top: 4%;
}

.tab-main{
    position: relative;
}
.tab-li{
    background: #fff;
    border:#cccccc 1px solid;
}
.tab-li li{
    text-align: center;
    width: 16.6%;
    line-height: 50px;
    font-size: 16px;
    border-right:#cccccc 1px solid;
}
.tab-li li:last-child{
    border: none;
}
.tab-li li:hover,
.tab-li li.active  {
    background: #0f91dc;
    border-top:#999999 1px solid;
    color: #fff;
    border-bottom:#999999 1px solid;
}
.tab-li li.active  a{
    color: #fff;
}
.tab-con {
  position: relative;
  width: 100%;
  margin-top: 3%;
}

.tab-con .tab-main {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  right: 0;
}

.tab-con .tab-main {
  opacity: 0;
  visibility: hidden;
  transition: all .5s ease;
}

.tab-con .tab-main.active {
  position: static;
  opacity: 1;
  visibility: visible;
}


.cppg{
    margin-top: 3%;
}
.ttry{
    overflow: hidden;
   
}
.swiination{
    position: absolute;
    bottom: -40px!important;
    text-align: center;
}
.ttry_img img{
    width: 100%;
    height: auto;
}
.swiination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    border: #d1d1d1 1px solid;
    opacity: 1;
}
.swiination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
    border: #0f91dc 1px solid;
}
.ttry_img{
    border:#0152a3 2px solid;
}
.nei5{
    margin-top: 3%;
}
.xwz{
    margin-top: 3%;
}
.xefeg{
    width: 28%;
}
.xefeg li{
    background: #0152a3;
    border-bottom: 1px #99bada solid;
    box-sizing: border-box;
    padding: 7% 16%;
    color: #fff;
}
.xfhnei{
    float: right;
    width: 71%;
    background: url(//cdn.myxypt.com/648b75aa/21/08/c022366fbc8bbebd9fc1be2140fa0562d8af9fed.png) left center no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding:3.5% 4%;
}
.xefeg_img{
    float: left;
    width: 16%;
    margin-top: 3%;
}
.xefeg_img img{
    max-width: 100%;
    height: auto;
}
.xefegnei{
    float: right;
    width: 80%;
}
.xefegnei_tt{
    font-size: 18px;
    font-weight: 600;
    line-height: 35px;
}
.xefegnei_yy{
    font-weight: 200;
    font-size: 14px;
}
.disnghleft{
    float: left;
    width: 45%;
}
.disnghright{
    float: right;
    width: 55%;
}
.disnghleft_tt{
    font-weight: 600;
    font-size: 1.4rem;
    color: #333;
    line-height: 50px;
}
.disnghleft_aa{
    font-size: 1.2rem;
    color: #0152a3;
    font-weight: 600;
    line-height: 45px;
}
.disnghleft_bb{
    font-size: 16px;
    font-weight: 200;
    color: #333;
    line-height: 40px;
}
.disnghleft_cc{
    width: 40%;
    background: #46ae31;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    margin-top: 6%;
}
.disnghleft_cc a{
    color: #fff;
}
.disnghright img{
    max-width: 100%;
    height: auto;
}
.xefeg li:hover, .xefeg li.on {
    background: #46ae31;
    position: relative;
    color: #fff;
    cursor: pointer;
}

 li:hover a, .xefeg li.on a {
    color: #fff;
}
.nei6{
    background: url(//cdn.myxypt.com/648b75aa/21/08/4f6546ef0e5f421a6f74ba0d01732bc9b605b4c7.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 4%;
    color: #fff;
    box-sizing: border-box;
    padding: 2% 0;
}
.youshi_img{
    width: 40%;
}
.youshi_img img{
    max-width: 100%;
    height: auto;
}
.youshibei{
    width: 50%;
    text-align: right;
    margin-top: 3%;
}
.youshibei_tt{
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 50px;
}
.youshibei_aa{
    font-size: 1.2rem;
    font-weight: 200;
    padding-top: 3%;
}
.youshibei_bb{
    font-size: 14px;
    text-transform: uppercase;
    line-height: 40px;
    font-weight: 200;
}
.youshibei_cc{
    border-bottom: #fff 1px solid;
    margin: 2% 0;
}
.youshibei_hao{
    background: url(//cdn.myxypt.com/648b75aa/21/08/9c42b6109bcdd52d8bfe05b79c42296829b00b4d.png) left center no-repeat;
    font-weight: 600;
    line-height: 60px;
    padding-left: 4%;
    font-size: 1.6rem;
    float: left;
    width:60%;
    margin-top: 2%;
}
.youshibei_mm{
    float: right;
    width: 24%;
    background: #fff;
    line-height: 49px;
    text-align: center;
    font-size: 16px;
    color: #333;
    margin-top: 3%;
}
.youshibei_mm a{
    color: #333;
}
.nei7{
    background: url(//cdn.myxypt.com/648b75aa/21/08/21c04f18d974755409a64065e918e0d0e9013445.png) repeat-x;
    background-size: 100% 100%;
    padding-top: 5%;
    padding-bottom: 4%;
}
.abb{
    border: #cccccc 1px solid;
    background: #fff;
}
.abbg{
    padding: 3% 3% 0% 3%;
    width: 48%;
}
.abbg_tt{
    font-size: 2.1rem;
    color: #0152a3;
    line-height: 50px;
    text-transform: uppercase;
}
.abbg_aa{
    font-size: 1.6rem;
    font-weight: 600;
    color: #333;
    line-height: 55px;
}
.abbg_xx{
    border-bottom: #e3e4e6 1px solid;
    margin: 2% 0;
}
.abbg_bb{
    font-size: 16px;
    font-weight: 200;
    color: #333;
    line-height: 35px;
    padding-top: 2%;
}
.abbg_cc{
    width: 30%;
    background: #46ae31;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 200;
    margin-top: 6%;
}
.abbg_cc a{
    color: #fff;
}
.abbbeing{
    background:url(//cdn.myxypt.com/648b75aa/21/08/8d5a05a89d5e39986963782a32a7dec21075a90c.png) right center repeat-y;
    width: 50%;
    box-sizing: border-box;
    padding: 3% 3% 2% 0;
}
.abbbeing img{
    max-width: 100%;
    height: auto;
}
.swiapeair_img img{
    width: 100%;
    height: auto;
}
.swiapeair_img{
    border: #1e66ad 2px solid;
}
.swiapeair{
    overflow: hidden;
    margin-top: 4%;
}
.nei8{
    margin-top: 4%;
}
.xww{
    margin-top: 4%;
}
.xgg{
    width: 73%;
}
.xggshi{
    width: 12%;
    text-align: center;
    background: #fff;
    border:#999999 1px solid;
    box-sizing: border-box;
    padding: 3%;
}
.xggne{
    width: 88%;
    box-sizing: border-box;
    padding:3%;
}
.xgg li{
    background: #f5f5f5;
    margin-bottom: 2%;
    cursor: pointer;
}
.xggshi_tt{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 30px;
}
.xggshi_hh{
    font-size: 16px;
    line-height: 20px;
    font-weight: 200;
}
.xggne_ttss{
    font-size: 18px;
    font-weight: 200;
    color: #333;
    line-height: 35px;
}
.xggne_ttss a{
    color: #000;
}
.xggne_orng{
    font-size: 16px;
    color: #333;
}
.xgg  li:hover .xggne_ttss a{
    color: #333;
}
.xgg li:hover .xggshi{
   background: #004985;
}
.xgg li:hover .xggshi_tt{
    color: #fff;
 }
 .xgg li:hover .xggshi_hh{
    color: #fff;
 }
.xxh{
    width: 25%;
}
.xxh li{
    position: relative;
    margin-bottom: 8%;
    cursor: pointer;
}
.xxh_img img{
    width: 100%;
    height: auto;
}
.xxhnei{
    position: absolute;
    top:0px;
    left:0px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding:16% 4%;
    text-align: center;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
}
.xxhnei_tt{
    font-size: 18px;
    font-weight: 200;
    line-height: 45px;
}
.xxhnei_hh{
    font-size: 18px;
    font-weight: 200;
    line-height: 25px;
    text-transform: uppercase;
}
.xxh li:hover .xxhnei{
    background: rgba(1, 82, 163, 0.7);
}
.xxhnei_tt a{
    color: #fff;
}
.fingre{
    text-align: right;
    color: #fff;
    width: 40%;
    margin-top: 2%;
}
.dofng{
    width: 32%;
}
.dofng img{
    max-width: 100%;
    height: auto;
}
.fiwng_tt{
    font-size: 18px;
    font-weight: 200;
    line-height: 40px;
}
.fin_hh{
    font-size: 1.5rem;
    line-height: 40px;
    font-weight: 600;
}
.fieng_ll{
    font-size: 16px;
    line-height: 35px;
    font-weight: 200;
}

.xiangftidng{
    border-top:#3877b5 2px solid;
    margin: 3% 0;
}
.erinjh img{
    max-width: 100%;
    height: auto;
}
.din {
    width: 60%;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    text-align: left;
}
.din a , .dsing a{
    color: #fff;
}
.dsing{
    text-align: right;
    font-size: 15px;
    line-height: 30px;
    color: #fff;
    width: 40%;
}

@media(max-width:1440px){
    .cont{
        padding: 0 2%;
    }
    .haoma {
        float: right;
        width: 24%;
    }
    .cppleibe {
        background: #f2f2f2;
        padding-bottom: 9%;
    }
    .fsjh {
        width: 89%;
    }
    .youshibei_hao{
        font-size: 30px;
    }
}
@media(max-width:1366px){
    .cppleibe {
        background: #f2f2f2;
        padding-bottom: 5%;
    }
}

@media(max-width:1200px){
    .cppleibe {
        padding-bottom: 0%;
    }
    .cppleibe li {
        line-height: 46px;
        font-size: 14px;
    }
    .zuo_tt{
        font-size: 25px;
        line-height: 45px;
    }
    .eninghd_hh{
        font-size: 18px;
        line-height: 30px;
    }
    .eninghd_nei{
        font-size: 14px;
        line-height: 28px;
    }
    .fsjh {
        width: 87%;
    }
    .youshibei_hao {
        font-size: 24px;
    }
    .xggne{
        padding: 2% 3%;
    }
    .xggshi{
        padding: 3% 1%;
    }
}
@media(max-width:1100px){
    .x-menu > li > a{
        padding: 0 .8vw;
    }
    .cppleibe li{
        background: url(//cdn.myxypt.com/648b75aa/21/08/36f304e92d9a6b36b5ab9e3dee308db30d577187.png) 10px center no-repeat #f2f2f2;
        font-size: 12px;
        line-height: 37px;
    }
    .cppleibe li:nth-child(2n){
        background: url(//cdn.myxypt.com/648b75aa/21/08/36f304e92d9a6b36b5ab9e3dee308db30d577187.png) 10px center no-repeat #e7e7e7;
    }
    .cppleima{
        padding: 6% 0 4% 34% 
    }
    .cppleinei_kk{
        font-size: 20px;
    }
    .cppleinei_tt{
        font-size: 14px;
    }
    .biangnei_neng{
        font-size: 14px;
    }
    .eninghd_mm{
        margin-top: 0px;
        font-size: 14px;
        line-height: 35px;
    }
    .fsjh {
        width: 85%;
    }
    .disnghleft_bb{
        font-size: 14px;
        line-height: 30px;
    }
    .youshibei_hao {
        font-size: 20px;
    }
    .xggne_ttss{
        font-size: 16px;
    }
    .xggne_orng{
        font-size: 14px;
    }
    .erinjh{
        display: none;
    }
    .x-layout .row .col-md-9 {
        width: 100%;
    }
}
@media(max-width:996px){
    .x-menu > li > a {
        padding: 0 .8vw;
        font-size: 14px;
    }
    .sdn{
        font-size: 14px;
    }
    .x-banner , .page-banner{
        margin-top: 60px;
    }
    .cppleima{
        display: none;
    }
    .cpplei{
        width: 100%;
    }
    .cppb{
        width: 100%;
        margin-top: 2%;
    }
    .cppleinei{
        display: none;
    }
    .cppleibe li{
        float: left;
        width: 50%;
    }
    .biangnei_yy{
        font-size: 16px;
    }
    .biangnei_mm{
        font-size: 14px;
        line-height: 35px;
    }
    .zuo_tt {
        font-size: 20px;
        line-height: 40px;
    }
    .ding_img{
        width: 100%;
        margin-top: 2%;
    }
    .eninghd{
        width: 100%;
        margin-top: 2%;
    }
    .slideTxtBox .hd{
        position: static;
        width: 100%;
    }
    .tab-li li{
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .xefeg{
        width: 100%;
    }
    .xfhnei{
        width: 100%;
        margin-top: 2%;
    }
    .xefeg li{
        float: left;
        width: 50%;
        padding: 3%;
    }
    .nei6{
        display: none;
    }
    .abbg{
        width: 100%;
    }
    .abbbeing{
        width: 100%;
        margin-top: 2%;
        padding: 2%;
    }
    .abbg_tt{
        font-size: 16px;
    }
    .abbg_aa{
        font-size: 20px;
        line-height: 40px;
    }
    .abbg_bb{
        font-size: 14px;
    }
    .xgg{
        width: 100%;
    }
    .xxh{
        width: 100%;
        margin-top: 2%; 
    }
    .xxh li{
        margin-bottom: 2%;
    }
    .x-layout{
        display: none;
    }
}

@media(max-width:500px){
    .nei{
        display: none;
    }
    .zuo_hh{
        font-size: 12px;
    }
    .biangnei_yy {
        font-size: 14px;
        line-height: 30px;
    }
    .biangnei_neng {
        font-size: 12px;
        line-height: 22px;
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
    }
    .biangnei_mm{
        width: 35%;
        display: none;
    }
    .slideTxtBox .hd li {
        width: 32%;
        margin-bottom: 2%;
    }
    .tab-li li{
        width: 33.33%;
        margin-bottom: 2%;
        background: #fff;
    }
    .tab-li{
        background: none;
    }
    .disnghleft{
        float: none;
        width: 100%;
    }
    .disnghright{
        float: none;
        width: 100%;
    }
    .disnghleft_aa{
        font-size: 14px;
        line-height: 30px;
    }
    .disnghleft_tt{
        font-size: 16px;
        list-style: 30px
    }
    .xggne_orng {
        font-size: 12px;
        display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    }
    .xggshi_tt{
        font-size: 14px;
    }
    .xggshi_hh{
        font-size: 12px;
    }
    .xggshi{
        display: none;
    }
    .xggne{
        width: 100%;
    }
    .xggne_ttss {
        font-size: 14px;
    }
    .din , .dsing{
        width: 13px;
        line-height: 24px;
        text-align: center;
        width: 100%;
    }
}


/*手机底部*/
@media (max-width:768px){
    .db{display:block!important;}
   }
   
   
   .dbb{height:50px;}
   
   /* 页脚 */
   .footer {
     position: fixed;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 999;
     background: #0512a3;
   }
   
   .footer ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   
   .footer ul li {
     -webkit-box-flex: 1;
         -ms-flex: 1;
             flex: 1;
     text-align: center;
     color: #ffffff;
     line-height: 30px;padding:10px 0;
     font-size: 0;
   }
   
   .footer ul li.active {
     background: #da251c;
   }
   
   .footer ul li a {
     display: block;color:#fff;
   }
   
   .footer ul li .iconfont {
     font-size: 18px;
     display: inline-block;
     vertical-align: middle;
     margin-right: 5px;
   }
   
   .footer ul li span {
     display: inline-block;
     vertical-align: middle;
     font-size: 16px;color:#fff;
   }
   
   
   .footer li .icon-home{ background: url(//cdn.myxypt.com/648b75aa/21/08/b7c4f399247155268be7b97c34533fbd3a2340ae.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-home2{ background: url(//cdn.myxypt.com/648b75aa/21/08/0da75930f05805da93344fdf1dee51e0b441cb7d.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-phone{ background: url(//cdn.myxypt.com/648b75aa/21/08/fe5275ee20f9e68d0144be37b98d39ca4c5f8cf1.png) no-repeat;width:20px;height:20px;}
   .footer li .icon-contact{ background: url(//cdn.myxypt.com/648b75aa/21/08/4b2b13e74ccd801e49752a2f0e95ccedf163f8dd.png) no-repeat;width:20px;height:20px;}
   
   .footer li .icon-phone:before{font-size:0;}
   .footer ul li a{border-right:1px solid #fff;}
   .footer ul li:last-child a{border-right:none;}