/*初始化样式*/
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!important;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #036ef0;
    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;
}

dt {
    font-weight: normal;
}



.xypg-right-content p img{
    max-width:100%; height:auto !important;width:auto !important;
}

/*----- Common css ------*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.di {
    _display: inline;
}

.fwn {
    font-weight: normal;
}

.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0px;
}


/*滚动*/
#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800% !important;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800% !important;
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}


.wh{max-width:1260px;margin:0 auto;padding:0 30px;}




.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img img {
    transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
}

.com-img:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}



.roll_product {
    float: left;
}

.plist {
    margin-top: 56px;
}

.plist li {
    margin-right: 15px;
    margin-bottom: 15px;
}

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

.plist li a.img {
    border: 1px solid #e5e5e5;
    display: block;
}

.plist li a.img img {
    width: 388px;
    height: 388px;
}

.plist li h3 a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}

/*头部样式*/
.top1 {
    height: 27px;
    background: #e6e6e6;
    color: #595959;
    line-height: 27px;
    overflow: hidden;
    font-size: 13px;
}

.top2 {
    
    position: absolute;
    left: 0;
    top: 25px;
    z-index: 99;
    width: 100%;
}
.top2 .wh{max-width:1475px;position:relative;}
.top2 .lxff {
    width: 31px;
    margin-left: 0px;
    position: relative;
    line-height: 48px;
    float: right;
    margin-top: 30px;
    cursor: pointer;
}

.lxff #formsearch {
    position: absolute;
    top: 46px;
    right: 7px;
    display: none;
    line-height: 24px;
    background: #fff;
    z-index: 9999;
    width: 240px;
}

#header {
    width: 1000px;
    margin: 0 auto;
}

/*.logo {*/
/*    position: absolute;*/
/*    z-index: 999;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    top:0;*/
/*}*/

.top2 .k2 {
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    text-align: right;
}

.topLink {
    float: right;
    text-align: right;
    position: relative;
    z-index: 9999;
}

.translate {
    width: 100px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9999;
}

.tran-in {
    left: 120px;
}

.translate li {
    border: 1px dashed #cccccc;
    line-height: 26px;
    text-align: left;
    background: #fff;
}

.translate li a {
    display: block;
    padding-left: 10px;
    background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
    text-decoration: none;
    color: #275cea;
    cursor: pointer;
}

.translate-en {
    display: none;
    padding: 6px;
    padding-top: 0px;
}

.translate li .translate-en a {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
    font-weight: bold;
}

.topLink .f_count {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}

.topLink .k1 a {
    color: #595959;
}

.topLink .k2 {
    color: #074b91;
    font-size: 14px;
    font-family: "微软雅黑";
}


/*热门搜索*/
.sou {
    margin: 15px 0;
}


.hotSearch {
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

#search-type {
    float: left;
    width: 100px;
    height: 24px;
    border: 1px solid #c8c8c8;
    margin-right: 5px;
}


/*搜索和热门搜索*/
.hotSearch a {
    margin-right: 6px;
}

/*#formsearch input {*/
/*    height: 26px;*/
/*    background: #fff;*/
/*    border: 1px solid #c8c8c8;*/
/*    line-height: 26px;*/
/*}*/

/*#formsearch input#keyword {*/
/*    height: 26px;*/
/*    line-height: 26px;*/
/*    padding-left: 4px;*/
/*    color: #666;*/
/*    width: 194px;*/
/*    font-size: 12px;*/
/*    color: #333;*/
/*}*/

/*#formsearch input#s_btn {*/
/*    width: 46px;*/
/*    height: 26px;*/
/*    line-height: 26px;*/
/*    text-align: center;*/
/*    background-color: #036ef0;*/
/*    color: #fff;*/
/*    border: none;*/
/*    cursor: pointer;*/
/*    font-size: 12px;*/
/*}*/




.x-banner{width:100%;position:relative;}
.x-banner .niu a {
    display: block;
    width: 72px;
    height: 72px;
}
.section{overflow: hidden;position: relative;
    overflow: hidden;
    width: 100%;}
.section0{position: relative;}
.x-banner {
    height: 100vh;
    width: 100vw;
}
/*导航栏样式*/
.nav1{display:flex;justify-content:space-between;align-items: center;height:124px;}
.nav1 li {
    text-align: center;
    position: relative;
    z-index: 999;
    
}
.nav1 li:nth-child(4){margin-left: 20vw;}
.nav1 li a {
    display: block;
    padding: 0;
    font-size: 24px;
    padding: 0;
    letter-spacing: 2px;
	color: #ffffff;
}

.nav1 li a:hover {

    text-decoration: none;
    background-color: #e1561600;
}

.nav1>li>a:focus,
.nav1>li>a:hover {
    text-decoration: none;
    background-color: #e1561600;
}

.nav1 .sec {
    height: 0;
    background-color: rgba(255, 255, 255, .5);
    color: #333333;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    top:50px;
    left: -25%;
    width: 150%;
}

.nav1 .sec a {
    background-color: rgba(255, 255, 255, .5);
    color: #333333;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: 0;
}

.nav1 .sec a:hover {
    /* background: #e15616; */
    text-decoration: none;
}

.logo img{height:124px;}



.section1{background: url(//cdn.myxypt.com/2f7054f1/23/07/b2b38d61dac69abd70509cf28ad2a53237c03e34.jpg) no-repeat 50% 0; background-size: cover;}
.abt{text-align: center;padding-top: 7%;}
.abt dd{color: #000000;font-size: 34px;font-weight: bold;}
.abt dt{font-size: 17px;color: #000000;text-transform: uppercase;}
.abt dt span{margin:0 11px;}
.acon{color: #000000;font-size: 17px;margin: 0 auto;margin-top: 5%;line-height: 35px;}
.aleft{max-width:530px;}
.aul{margin-top: 6%;}
.aul li{text-align: center;margin-bottom:25px;}
.aul li:last-child{margin-bottom:0;}
.aul li a{display: block;margin: 0 auto;background: url(//cdn.myxypt.com/2f7054f1/23/07/5336b47c41aa578e981ef5d6cb54e9cb82937011.png) no-repeat center;width: 174px;height:164px;display: flex;align-items: center;justify-content: center;flex-direction: column;background-size: 100% 100%;}
.aul li .img{height: 35px;line-height: 35px;}
.aul li .img2{display: none;}
.aul li:hover .img2{display: inline-block;}
.aul li:hover .img1{display: none;}
.aul li h3{font-weight: normal;color: #ffffff;font-size: 12px;margin-top: 10px;}
.aul li:hover  a{background: url(//cdn.myxypt.com/2f7054f1/23/07/d7ec6f86b141193b9bc491730ef8a937cd569169.png) no-repeat center;background-size: cover;}
.aul li:hover h3{color: #11348e;}


.gywm{width:73%;}


.xioatugd{
    overflow: hidden;
     position: relative;
}
.xioatugd::after{
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    background: #13358e;
    left: 0px;
    top:23px;
}
.datupn{
    overflow: hidden;
}
.linhjjgki{width:80%;}
.shinduye{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
    box-sizing: border-box;
    padding: 0 3%;
}
.tyudng{
    width: 41px;
    height: 41px;
    margin: 2% auto 0;
    background: url(//cdn.myxypt.com/2f7054f1/23/07/bbcb85bdd30a50c315916fb6de284a46ebb29fba.png) center center no-repeat;
}
.tyudng img{
    max-width: 100%;
    height: auto;
}
.xioatugd .swiper-wrapper .swiper-slide{
    text-align: center;
}
.modnixng{
    font-size: 16px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: -1px;
	color: #666666;
    margin-top: 12%;
}
.xioatugd .swiper-wrapper .swiper-slide-active .tyudng{
    background: url(//cdn.myxypt.com/2f7054f1/23/07/1fd746652667688787f1cb4555d6e15ba6118295.png) center center no-repeat;
}

.xioatugd .swiper-wrapper .swiper-slide-active .modnixng{
    font-size: 28px;
    font-family: 'Arial';
    color: #13358e;
}




/* 产品 */
.section{overflow: hidden;}
.section2{background: url(//cdn.myxypt.com/2f7054f1/23/07/d0e688e398baf94b149fac8ef3b1384ab501bd81.jpg) no-repeat 50% 0; background-size: cover;}

.section2 .abt dd,.section2 .abt dt{color: #ffffff;}

.product_list1{margin-top: 3%;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.product_list1 li{_display:inline;position: relative;width:30.5%;margin-bottom:11px;}
.product_list1 li h3{text-align:center;line-height:35px;font-weight:normal;color:#fff;font-size:20px;background:rgba(0,0,0,.8);position:absolute;width:100%;bottom:0;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding:0 3px;}
.product_list1 li .img{margin:0;display:block;}
.product_list1 li img{width:100%;display:block;}
.picScroll-left{ overflow:hidden; position:relative;}
.product_list1 .pli{background-color: #dddddd;padding-left:28px;display:flex;flex-direction: column;justify-content:center;}
.pli dd{color: #000000;font-size:24px;}
.tan{color: #000000;font-size:18px;line-height:30px;margin:0.5vw 0;}
.tan2{color: #000000;font-size:18px;}
.tan2 a{color:#000;}
.tan2 a:hover{color:#13358e;}
.pm{display: block;width:238px;margin:0 auto;height: 42px;border:2px solid rgba(255,255,255,.56); line-height:38px;font-size:18px;position: relative;text-align:center;overflow:hidden;margin-top:5px;}
.pm a{color:rgba(255,255,255,.6);position: relative;z-index: 1;display: block;text-transform: uppercase;font-weight:bold;}



@media(max-width: 1024px){
    .tan,.tan2{font-size:16px;}
    .tan{line-height:24px;}
}

@media(max-width: 768px){
    .pm{width: 140px;height: 40px;line-height: 40px;font-size:14px;}
}







/*案例*/
.section3{background: url(//cdn.myxypt.com/2f7054f1/23/07/ae5753f5fb1678ec132e849023d80d9539474da3.jpg) no-repeat 50% 0; background-size: cover;}
.section3 .abt dd,.section3 .abt dt{color: #ffffff;}
.section3 .abt dt span{margin: 0 50px;}
.list22{margin-top:25px;margin-left:38px;}
.section3 .abt{position: absolute;width: 100%;z-index: 9999;}
.yul{display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;width: 100%;padding:0 8%;}
.yul li{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;position: relative;border-right:1px solid rgba(255,255,255,.3);}
.yul li .bj1{position: absolute;width: 100%;height: 100%;top:0;left: 0;text-align: center;display:flex;justify-content:center;align-items: center;}
.yul li .img{opacity: 0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.yul li .img .bj{height: 100vh;}
.bj1 h3{color: #ffffff;font-size: 26px;}
.bj1 span{display: block;color: #ffffff;opacity: 0.5;font-size: 14px;text-transform: uppercase;margin-top: 10px;}
.bj1 a{display: none;}
.yul li:hover .bj1{background: rgba(22,17,16,.3);}
.yul li:hover .bj1 a{display: block;margin-top: 117px;}
.yul li:hover .img{opacity: 1;}
.yul li .bj11{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.yul li:hover .bj11{margin-top: -30px;}
.yul li .img img{display: block;width: 100%;}

@media(max-width: 1200px){
    .bj1 h3{font-size: 20px;}
    .bj1 span{font-size: 12px;}
}





/* 荣誉资质 */
.section4{/*background: url(//cdn.myxypt.com/2f7054f1/23/07/a93e94392e34d6c5c946e7e8eb4faae1ba01e621.jpg) no-repeat 50% 0;*/ background-size: cover;
    background: #999;
}
.tab1{display: none;}
.nsort{text-align: center;margin-top: 5%;}
.nsort li{float: left;width: 33.3333%;}
.nsort li a{display: block;border-right: 1px solid #f0f0f0;line-height: 54px;background: #a0a0a0;color: #000000;font-size: 20px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.nsort li:last-child a{border-right: none;}
.nsort li.cur a{background: #13358e;color: #fff;}
.nlist {margin-top: 5%;font-size:0;}
.nlist li{width: 22.75%;margin-right: 3%;display:inline-block;}
.nlist li:last-child{margin-right: 0;}
.nlist li a.img img{display: block;width: 100%;}
.nlist li a.img{display: block;position: relative;}
.nlist li a.img span{display: block;position: absolute;width: 72px;height: 20px;line-height: 20px;text-align: center;color: #11348e; background-color: #ffffff;bottom: 10px;left: 11px;}
.nlist li h3 a{overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;color: #333333;font-size: 16px;font-weight: normal;padding:10% 5px;background: #fff;text-align: center;}

.nmore a{display: block;color: #fff;width: 192px;height: 36px;background-color: #11348e;border-radius: 18px;font-size:16px; margin: 0 auto;text-align: center;line-height: 36px; margin-top: 8%;}











/* 联系 */
.section5{background: url(//cdn.myxypt.com/2f7054f1/23/07/39e0e36d88664da677ffaf56db969a07233b8373.jpg) no-repeat 50% 0; background-size: cover;}

.section5 .abt dd,.section5 .abt dt{color:#fff;}
/*.lxwm{width: 80%;margin: 0 auto; margin-top: 5%;background: rgba(112,112,112,.6);padding:3% 4%;display: flex;align-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}*/
.lxwm{background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),url(../class/template_green/images/gezi-background.jpg) center center / cover;}


.tleft{width: 47%;padding-right: 1%;}
.map{width: 52%;margin-top:20px;}
.map img{width: 100%;}
.tleft h3{color: #fff;font-size: 28px;line-height: 30px;}
.lx{color: #ffffff;font-size: 14px;line-height: 32px;margin-top: 3%;padding-left:14px;}
.asort{text-align: center;margin-top: 5%;}
.asort li{display: inline-block;margin: 0 2%;width: 15%;}
.asort li a{display: block;height: 44px;border-radius: 22px;border: solid 2px rgba(255,255,255,.5);line-height: 40px;color: rgba(255,255,255,.8);font-size: 16px;}
.tul{display: flex;justify-content: flex-start;flex-wrap: wrap;display: -webkit-flex;width:80%;margin-top:1vw;}
.tul h2{color: #ffffff;font-size:16px;font-weight:bold;text-align:center;margin-top:20px;}
.tul li{margin-right:10px;}
.yul2{display:none;}

@media(max-width: 769px){
    .yy{background: rgba(22,17,16,.3);padding: 50px 0;}
    .section3 {padding:40px 0 30px;}
    .abt dd{font-size: 26px;}
    .abt dt{font-size: 14px;margin-top: 5px;}
    .acon{font-size: 16px;line-height: 28px;}
    .section3 .abt{position: static;}
    .yul{display: none;}
    .yul2{display: block;padding: 0 30px;margin-top: 20px;}
    .yul2 li{width:46%;float: left;margin:0 2% 20px 2%;}
    .yul2 li h3{color: #fff;text-align: center;font-size: 16px;margin-bottom: 5px;}
    .yul2 li span{color: #fff;text-align: center;display: block;font-size: 12px;text-transform: uppercase;}
    .yy a{text-align: center;margin-top: 15px;display: block;}
}





@media(max-width: 1696px){
    .acon{line-height:28px;}
    .aul li{margin-bottom:20px;}
    .aul li a{width:140px;height:132px;}
}







@media(max-width: 1024px){
   .acon{font-size:15px;}.abt dd{font-size:30px;}
   .gywm{width:70%;}
   .product_list1 li h3{font-size:18px;}
   .section4{padding:40px 0;}
   .abt{padding-top:0;}
}
@media(max-width: 768px){
   .gywm{width:100%;float:none;}
   .xioatugd .swiper-wrapper .swiper-slide-active .modnixng{font-size:23px;}
   .abt{padding-top:0;}
   .product_list1 li h3{font-size:16px;}
   .product_list1 li{width:48%;}
   .product_list1{margin-top:20px;}
}


@media(max-width: 640px){
    .wh{padding:0 15px;}
    .acon{font-size:14px;line-height:24px;}
   .aleft,.aul{float:none;width:100%;max-width:100%;}
   .abt dd{font-size:24px;}
   .abt dt{font-size:14px;}
   .aul{display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
   .aul li a{width:100px;height:94px;}
   .aul li a img{height:20px;}
   .aul li h3{margin-top:0;font-size:10px;}
   .aul li .img{height:30px;line-height:30px;}
   .linhjjgki{width:100%;}
   .modnixng{font-size:12px;letter-spacing:0;}
   .xioatugd .swiper-wrapper .swiper-slide-active .modnixng{font-size:18px;letter-spacing:0;}
   .nmore a{margin-top:10px;}
   .product_list1 .pli{padding-left:10px;}
   .pli dd{font-size:18px;}
   .tan, .tan2{font-size:12px;}
   .tan{line-height:18px;margin:2px 0;}
}






.bq{border-top:1px solid rgba(255,255,255,.3);color: rgba(255,255,255,.5);font-size: 12px;text-align: center;padding:5px 0;line-height: 24px;margin-top: 6%;}
.bq a{color: rgba(255,255,255,.5);}
.f_link{padding:15px 0;line-height: 30px;color: #666;font-size: 14px;}
.f_link a{color: #666;padding-right:10px;}
@media(max-width:1200px){
    .tleft h3{font-size: 16px;}
    .lx{font-size: 13px;line-height: 26px;}
}







@media(max-width:800px){
    .nsort li a{font-size: 14px;line-height: 40px;}
    .nlist li h3 a{font-size: 14px;}
    .lxwm{width: 100%;}
    .tleft h3{font-size: 14px;}
}
@media(max-width:700px){
    .lxwm{display: block;}
    .tleft{margin-bottom: 20px;}
    .tleft,.map{width: 100%;}
    .asort li{width: 26%;}
    .lx{font-size: 12px;line-height: 24px;}
    .asort li a{font-size: 14px;line-height: 38px;height: 38px;}
    .nlist li{width: 46%;margin: 0 2% 20px 2%;}
    .nlist li{margin-right: 2%;}
    .nlist li h3 a{padding:5% 3px;}
     .footer2{
    margin-bottom: 50px; 
    }
}




.tul li img{max-width:94px;}





@media(max-width:1200px){
    .nav1 li a{font-size:20px;}
    .logo img,.nav1{height:104px;}
    .top2{top:10px;}
    .tul{width:95%;}
}




@media(max-width:991px){.x-banner,.page-banner{margin-top: 60px;}}








@media (max-width: 1024px) {
    .x-banner {
        height: auto;
    }
    .section1{padding-top:40px;}
    .section2,.section4,.section5{
        padding: 40px 0;
    }
    
      .fp-tableCell {
        height: auto !important;
    }
     .fp-section {
        height: auto !important;
    }
    #fp-nav{display: none;}
    .tul h2{margin-top:15px;font-size:14px;}
    .tul li img{max-width:74px;}

}

/* 手机页脚 */
.footer3 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    background: #222;
}

.footer3 ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer3 ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #ffffff;
    line-height: 50px;
    font-size: 0;
}

.footer3 ul li a {
    display: block;
    color: #ffffff;
}

.footer3 ul li .iconfont {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}
.dibu{background:#13358e;padding:20px 0;}
.dibu .bq{margin-top:0;border-top:none;}
@media (max-width: 768px) {
    body {
        padding-bottom: 50px;
    }

    .x-footer-r {
        display: none;
    }
}





@media(min-width: 769px){

.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: .7s;
                transition-duration: .7s;
    }

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

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



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

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

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

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

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

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

    .active .sun-ani-right {
        opacity: 1;
        -webkit-transform: translatex(0);
                transform: translatex(0);
    }





}


.p1 {
    height: 193px;
    margin-top: 86px;
}

.p1-swiper {
    width: 1158px;
    overflow: hidden;
    background: url(//cdn.myxypt.com/2f7054f1/20/12/f226fd77b68c516729db74c06c7a60edf2117068.png) no-repeat right center;
}

.p1a .swiper-slide {
    width: 380px;
    height: 192px;
    position: relative;
    display: flex;
    align-items: center;
}

.p1a .swiper-slide {
    padding-left: 130px;
    margin-left: -123px;
}

.p1a .swiper-slide:nth-child(1) {
    padding-left: 49px;
    margin-left: 0;
    background: url(//cdn.myxypt.com/2f7054f1/20/12/4a6a9de96f7713af722fd825d6e25ea6bc5f4765.png) no-repeat left center;
    z-index: 10;
}

.p1a .swiper-slide:nth-child(2) {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/4cf8880573a7d6c50df9ce97d33d4dc6adaa1dea.png) no-repeat left center;
    z-index: 9;
}

.p1a .swiper-slide:nth-child(3) {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/ebdd5718e56ecc32727fcf8ee851b14561d628e1.png) no-repeat left center;
    z-index: 8;
}

.p1a .swiper-slide:nth-child(4) {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/12312563c4ffbd987f4dd3334b28b35216190488.png) no-repeat left center;
    z-index: 7;
}

.p1a .swiper-slide:nth-child(5) {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/81d002427c8c7779b5e266fdfe40363e26e6c54a.png) no-repeat left center;
    z-index: 6;
}

.p1a .swiper-slide:nth-child(6) {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/ebdd5718e56ecc32727fcf8ee851b14561d628e1.png) no-repeat left center;
    z-index: 5;
}


.p1a .swiper-slide a {
    display: block;
}

.p1a .swiper-slide a h3 {
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
}

.p1a .swiper-slide a p {
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
}



.p2 {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/eeaff54b76cd81260e3ea7d3aca90a823746e463.png) no-repeat bottom center;
    margin-top: 80px;
}

.p2 .p2a {
    padding-top: 25px;
}

.p2 .p2b {
    width: 766px;
}

.p2b1 p {
    font-size: 16px;
    color: #666666;
    line-height: 40px;
}

.p2b1 p strong {
    font-size: 16px;
    color: #036ef0;
    font-weight: 400;
}

.p2b1 p:nth-of-type(1) {
    font-size: 24px;
    color: #036ef0;
}


.p2b1 p:nth-of-type(2) {
    font-size: 14px;
    color: #036ef0;
}

.p2b2 {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/44a386cee1b932e538f0f9085000e7d563c7717a.png) no-repeat center center;
    width: 750px;
    height: 269px;
    padding: 25px 10px 10px 26px;
    margin-top: 40px;
    position: relative;
}

.p2b2 h3 {
    font-size: 24px;
    color: #666666;
    margin-bottom: 10px;
}

.p2b2 h4 {
    font-size: 18px;
    color: #666666;
    font-weight: 400;
}

.p2b2 p {
    font-size: 16px;
    line-height: 30px;
    color: #666666;
}

.p2b2 a.more {
    width: 103px;
    height: 38px;
    background-color: #036ef0;
    border-radius: 5px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
}




.p3 {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/5ef282e1c27c357066d462ce5cd345f6c9fe9459.jpg) no-repeat top center;
    padding-top: 75px;
    height: 728px;

}

.p3-title {
    color: #fff;
    text-align: center;
}

.p3-title h3 {
    font-size: 30px;
    font-weight: 400;
}

.p3-title p {
    font-size: 18px;
}
.p3-swiper {
    margin-top: 56px;
    overflow: hidden;
}
.p3-swiper .swiper-slide a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.p3-swiper .swiper-slide a div.img {
    margin-right: -10px;
}

.p3-swiper .swiper-slide a div.img img {
    display: block;
    width: 671px;
    height: 457px;
    background-color: #000000;
    border-radius: 10px;
    position: relative;
    z-index: 2;
}

.p3-swiper .swiper-slide a div.cont {
    width: 541px;
    height: 458px;
    border: solid 3px #ffffff;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 78px 53px 10px 50px;
}
.p3-swiper .swiper-slide a div.cont h3 {
    font-size: 18px;
    margin-bottom: 45px;
    position: relative;
}

.p3-swiper .swiper-slide a div.cont span {
    font-size: 16px;
    line-height: 30px;
}

.p3-swiper .swiper-slide a div.cont p {
    font-size: 14px;
    line-height: 30px;
}
.p3-swiper .swiper-slide a div.cont  em {
    display: block;
    	width: 101px;
	height: 35px;
	background-color: #ffffff;
    border-radius: 5px;
    line-height: 35px;
    font-size: 14px;
    color: #666666;
    text-align: center;
    font-style: normal;
    margin-top: 20px;
}







.p4a {
    width: 964px;
	height: 960px;
}
.p4a .p4a-swiper {
    position: relative;
    overflow: hidden;
}
.p4a .p4a-swiper a.img {
    display: block;
}
.p4a .p4a-swiper a.img img {
    width: 100%;
    height: 100%;
    display: block;
}
.p4a .p4apagination {
    text-align: right;
    position: absolute;
    bottom: 26px;
    padding-right: 54px;
    z-index: 99;
}
.p4a .p4apagination .swiper-pagination-bullet  {
    width: 16px;
	height: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    opacity: 1;
    margin: 0;
    margin-left: 14px;
}
.p4a .p4apagination .swiper-pagination-bullet-active {
    background: #036ef0;
}




.p4b {
    height: 960px;
    width: 956px;
    position: relative;
}
.p4b1 {
    width: 174px;
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #ffffff;
}
.p4b1 li a {
    display: block;
    height: 53px;
    line-height: 53px;
    border-bottom: solid 1px #a0a0a0;
    text-align: center;
    font-size: 16px;
	letter-spacing: 1px;
    color: #666666;
    position: relative;
}
.p4b1 li a span {
    display: none;
}
.p4b1 li.cur a {
    background-color: #036ef0;
    color: #fff;
    border-bottom: none;
}
.p4b1 li.cur a:after{
    content: "";
    background: url(//cdn.myxypt.com/2f7054f1/20/12/a89aab584c9f174624dcaca39e0dfa126f2f60aa.png) no-repeat center center;
    position: absolute;
    right: 36px;
    top: 52%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
}


.p4b1 li:last-child a {
    border-bottom: 0;
}




.p4b .tab1 img{
    display: block;
    height: 960px;
    width: 956px;
}



.p5 {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/68d8ff05bfb29a61161ff7d5af235469131cc185.jpg) no-repeat top center;
    background-size: cover;
    height: 711px;
    padding-top: 70px;
}

.p5-title {
    text-align: center;
    color: #666666;
}
.p5-title h3 {
    font-size: 30px;
    margin-bottom: 14px;
    font-weight: 400;

}
.p5-title p {
    font-size: 18px;
}

.p5-swiper {
    margin-top: 52px;
    overflow: hidden;
}
.p5-swiper .swiper-slide a {
    display: block;
}
.p5-swiper .swiper-slide a div.img img {
    display: block;
    width: 100%;
}
.p5-swiper .swiper-slide a  div.cont {
    height: 150px;
    background: #036ef0;
    padding: 20px 40px 20px 40px;
}

.p5-swiper .swiper-slide a  div.cont p {
    font-size: 16px;
	line-height: 30px;
	color: #ffffff;
	text-align: center;
}
.p5-swiper .swiper-slide a  div.cont span {
    width: 121px;
	height: 29px;
    background-color: #ffffff;
    line-height: 29px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    display: block;
    margin: 12px auto 0;
}

.p5a {
    position: relative;
}
.p5a-next {
    width: 51px;
	height: 51px;
    border: solid 1px #626262;
    font-family: "SimSun";
	font-size: 40px;
	font-weight: bold;
    color: #666666;
    line-height: 51px;
    text-align: center;
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
    outline: none;
}
.p5a-prev {
    width: 51px;
	height: 51px;
    border: solid 1px #626262;
    font-family: "SimSun";
	font-size: 40px;
	font-weight: bold;
    color: #666666;
    line-height: 51px;
    text-align: center;
    position: absolute;
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    cursor: pointer;
    outline: none;
}



.p6 {
    background: url(//cdn.myxypt.com/2f7054f1/20/12/fa6abcc529f2b8f92859d5fcb3ea1677d3b17ff8.jpg) no-repeat top center;
    height: 860px;
    padding-top: 70px;
}
.p6-title {
    text-align: center;
    color: #666666;
}
.p6-title h3 {
    font-size: 30px;
    margin-bottom: 14px;
    font-weight: 400;
}
.p6-title p {
    font-size: 18px;
}

.p6a {
    margin-top: 50px;
}
.p6a1 li a {
    display: flex;
    justify-content: space-between;
    margin-bottom: 33px;
}

.p6a1 li a div.img img {
    width: 285px;
    height: 144px;
    display: block;
}
.p6a1 li a  div.cont {
    width: 603px;
    padding-top: 14px;
}
.p6a1 li a  div.cont  h3 {
    font-size: 18px;
    color: #666666;
    margin-bottom: 24px;
    font-weight: 400;
    position: relative;
}
.p6a1 li a  div.cont  h3:after {
    content: "";
    width: 10px;
	height: 10px;
    background-color: #666666;
    border-radius: 50%;
    position: absolute;
    left: -40px;
    top: 5px;
}
.p6a1 li a  div.cont  p {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}


.p6a1 li a div.time {
    width: 117px;
	font-family: "Arial";
}
.p6a1 li a div.time h4 {
    font-family: "Arial";
	font-size: 46px;
    color: #666666;
    font-weight: 400;
}

.p6a1 li a div.time  span {
    font-family: "Arial";
	font-size: 18px;
    color: #666666;
    padding-left: 10px;
}
.p6 div.more a {
    display: block;
    width: 404px;
	height: 53px;
    border: solid 2px #535353;
    line-height: 53px;
    text-align: center;
    font-size: 16px;
    color: #666666;
    border-radius: 4px;
    margin: 50px auto 0;
}


.p7 {
    background:url(//cdn.myxypt.com/2f7054f1/21/01/f5d9071c81940e9629fd08c638972d47ae84f21c.jpg) no-repeat top center;
    height: 896px;
    padding-top: 74px;
}

.p7-cont {
    width: 786px;
    background: rgba(255, 255, 255, .8);
    margin: 0 auto;
    padding: 45px 10px 46px;
}
.p7-cont .p7-title  {
    text-align: center;
	color: #666666;
}
.p7-cont .p7-title h3 {
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 12px;
}
.p7-cont .p7-title p {
    font-size: 18px;
    margin-bottom: 35px;
}
.p7a {
    font-size: 18px;
	line-height: 40px;
    color: #555555;
    text-align: center;
}

.p7b{
    text-align: center;
    font-size: 18px;
	line-height: 40px;
    color: #555555;
    margin-top: 35px;
}

.p7c {
    font-size: 14px;
	line-height: 30px;
    color: #555555;
    text-align: center;
}

.mySwiper3{position:absolute;left:10.7vw;bottom:0;overflow:hidden;width:22%;}
.mySwiper3 img{max-width:100%;}



@media(max-width:1600px){
    .mySwiper3{left:6vw;}
}
@media(max-width:768px){
    .mySwiper3{position:static;width:100%;text-align:center;margin-top:30px;}
    .mySwiper3 img{max-width:48%;}
}






/*友情链接*/

.f_link {
    background-color: #070709;
    line-height: 30px;
}
.f_link {
    color: #fff;
}
.f_link a {
    color: #fff;
    margin-right: 5px;
}

/*内页左侧样式*/




.page-product-inquiry a {
    color: #fff;
}