/*鍒濆鍖栨牱寮�*/
html {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    overflow-x: hidden;
    font-family: "Microsoft YaHei";
}
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: #009b4c;
    text-decoration: none;
    outline: none;
}

p {
    margin: 0;
}

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;
}

/*----- 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;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.flexd {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wh {
    width: 1400px!important;
    margin: 0 auto;
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.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.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}



.fl{float:left;}
.fr{float:right;}
#header{width:100%;background:url(./head.png) repeat-x top;height:213px;}
.header_a{width:1100px;margin:0 auto;}

.top{line-height:37px;}
.wel{color:#999;}
.k1{color:#999;}
.k1 a{color:#999;}
.k1 a:hover{color:#e87518;}

.hotSearch a{font-size:16px}
.hotSearch {font-size:16px}
.logo{width:500px;float:left;padding-top:8px;}
.topLink{/*width:400px;*/float:right;padding-top:42px;}
.wz22{float:left;width:125px;margin-right:10px;color:#172f6d;padding-top:10px;}
.tel{float:right;color:#dd6900;font-size:25px;font-weight:bold;background:url(./tel.png) no-repeat left center;padding-left:77px;line-height:26px;}




.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:42px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";float:right;padding-right:10px;}

/*热门搜索*/
.search{height:47px;background-color:#e9e9e9;}
.n_search{width:1100px;margin:0 auto;}
#formsearch{float:right;padding-top:8px;}


.hotSearch{width:400px;float:left;height:47px;line-height:47px;font-weight:normal;color:#666666;}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

/*主体样式*/
#container{width:1220px;margin:0 auto;background:#FFFFFF;padding:10px; }
#containerr{width:100%; background:url(./zhutibj.jpg) repeat-x top;}

.container{width:1100px;margin:0 auto;}

.add{width:100%;margin-top:15px;}
.add img{width:100%;}
.contentty{padding: 10px;}

/*产品分类*/
.prod{background:#e6e6e6;padding:40px 0;}
.menu_cate{width:220px;float:left;}
.cate_title{height:75px;line-height:47px;padding-left:65px;font-size:21px;font-family:"微软雅黑";color:#fff;background:url(./pfl.png) no-repeat;font-weight:normal;}

.sort1{background:#fff;/*padding:17px 20px 30px;*/width: 220px;padding-top: 17px;}
.sort1 li{/*margin-bottom:8px;*/}
.sort1 li.layer1 {
    /*margin-bottom: 10px;*/
    width: 90%;
    margin: auto;

}
.sort1 li.layer1:first-child  {
    border-top: dashed 1px #cec8c8;
    /*border-left: dashed 1px #cec8c8;
    border-right: dashed 1px #cec8c8;*/
}
.sort1 li.layer1:nth-child(n+2):nth-child(-n+7),.sort1 li.layer1:nth-child(10) ,.sort1 li.layer1:nth-child(13)  {
    /*border-left: dashed 1px #cec8c8;
    border-right: dashed 1px #cec8c8;*/
}
.sort1 li.layer1:nth-child(8),.sort1 li.layer1:nth-child(11),.sort1 li.layer1:nth-child(14)   {
    border-bottom: dashed 1px #cec8c8;
    /*border-left: dashed 1px #cec8c8;
    border-right: dashed 1px #cec8c8;*/
}

.sort1 li a{line-height:36px;color:#000;font-size:16px;/*background:url(./plist.png) no-repeat left center;*/padding-left:32px;display:block;font-weight:normal;}
.sort1 li a:hover{/*color:#fff;background:url(./plisth.png) no-repeat left center;*/display:block;background-size:100% 100%;}
.sort1 li .layer2 li a{line-height: 36px;color: #797474;font-size: 14px;/*background: url(./plist2j.png) no-repeat left center;*/padding-left: 45px;display: block;font-weight:400;}
.sort1 li .layer2{margin-top:8px;display:block!important;}
.sort1 li:hover .layer2{}



.sort12{/*background:#fff;padding:17px 20px 30px;*/width: 220px;/*padding-top: 17px;*/margin-top:10px;}
.sort12 li{/*margin-bottom:8px;*/position:relative;}

.sort12 li.layer1{margin-top:10px;}

.sort12 > li .first-nav-btn{width:77px;height:36px;background:url(./jia.png) no-repeat center right;position:absolute;right:10px;top:0px;cursor:pointer;line-height:36px;}
.sort12 li a{line-height:50px;color:#000;font-size:16px;padding-left:15px;display:block;font-weight:normal;border-radius: 4px 4px;}
.sort12 li a:hover{display:block;background-size:100% 100%;}
.sort12 li .layer2{margin-top:8px;display:none;}
.sort12 li .layer2 li a{line-height: 36px;color: #797474;font-size: 14px;padding-left: 15px;display: block;font-weight:400;}

.sort12 li.layer1>a{background:url(./jia.png) no-repeat 95% center #edf0f2;}
.sort12 li.layer1>a.clicked{background:url(./jia3.png) no-repeat 95% center #0e4073;color:#fff;}
.sort12 li .layer2 li a.clicked{color:#0e4073;}




.sort123{background:#fff;/*padding:17px 20px 30px;*/width: 220px;padding-top: 17px;}
.sort123 li{/*margin-bottom:8px;*/position:relative;}
.sort123 li a.clicked,.sort123 li .layer2 li a.clicked{
color: #0e4073;
}
.sort123 li.layer1 {
    /*margin-bottom: 10px;*/
    width: 90%;
    margin: auto;
}
.sort123 li.layer1:first-child  {
    border-top: dashed 1px #cec8c8;
    /*border-left: dashed 1px #cec8c8;
    border-right: dashed 1px #cec8c8;*/
}
.sort123 li.layer1:nth-child(n+2):nth-child(-n+7),.sort123 li.layer1:nth-child(10) ,.sort123 li.layer1:nth-child(13)  {
    /*border-left: dashed 1px #cec8c8;
    border-right: dashed 1px #cec8c8;*/
}
.sort123 li.layer1:nth-child(8),.sort123 li.layer1:nth-child(11),.sort123 li.layer1:nth-child(14)   {
    border-bottom: dashed 1px #cec8c8;
    /*border-left: dashed 1px #cec8c8;
    border-right: dashed 1px #cec8c8;*/
}

.sort123 > li .first-nav-btn{width:77px;height:36px;background:url(./jia.png) no-repeat center right;position:absolute;right:10px;top:0px;cursor:pointer;line-height:36px;}
.sort123 li a{line-height:36px;color:#000;font-size:16px;/*background:url(./plist.png) no-repeat left center;*/padding-left:10px;display:block;font-weight:normal;}
.sort123 li a:hover{/*color:#fff;background:url(./plisth.png) no-repeat left center;*/display:block;background-size:100% 100%;}
.sort123 li .layer2{margin-top:8px;display:none;}
.sort123 li .layer2 li a{line-height: 36px;color: #797474;font-size: 14px;/*background: url(./plist2j.png) no-repeat left center;*/padding-left: 45px;display: block;font-weight:400;}







.prodr{width:840px;}



.top2 {
    height: 110px;position: relative;width: 100%;background: #fff;z-index: 99999;
}
.top2.cur{position: fixed;top:0;}
#header {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    /*line-height: 110px;*/
}

.t_text {font-size: 22px;color: #424242;line-height: 42px;    margin-top: 13px; padding-left: 15px}
.t_text h1{font-size: 39px; font-weight: bold;}
.t_text p{    font-size: 18px;}

.dh{padding-left: 27px;background: url(https://images0a.543211688.com/aolian/img/phone1.png) no-repeat left center;letter-spacing: 1px;
    color: #333333;font-size: 16px;margin-top: 13px;}
/* 导航样式 */

.x-menu > li {
    text-align: center;
    float: left;
    position: static;
    padding: 0 29px;
}

.x-menu > li > a {
    font-size: 16px;
    color: #333333;
    line-height: 60px;
    position: relative;
    display: block;
}

.x-menu > li > a:hover {
    color: #004982;
}


.x-menu > li:hover .x-sub-menu {
    visibility: visible !important;
    z-index: 99;
    display: block;
}

.x-sub-menu {
    position: absolute;
   left: 0;
    margin-left: 0;
    display: none;
    margin-top: 1px;
    white-space: nowrap;
    border: 0;
    width: 100%;
    background: rgba(255,255,255,.95);
    z-index: 9999;
}

.list a { display:block; line-height:59px; font-size:14px; color:#333; font-family:lato_b; padding:0 12px; font-weight:bold;}
.list dl{ display:inline-block; text-align:left; margin:0;vertical-align: top;}
.list dt a{  display:inline-block; text-align:left; vertical-align:top;}
.list dt:hover>a{ color:#004982;}
.list dd{ position: static; width:100%; padding-bottom:30px; }
.list dd a{  height: 30px; line-height: 30px; font-size: 14px; color: #363636; font-weight: 300;}
.list dd a:hover {color: #004982;}
#nav ul li:nth-child(5) .list, #nav ul li:nth-child(6) .list, #nav ul li:nth-child(6) .list { left:auto; right:0;}
 .list:after { content: ""; width: 4000px; height: calc(100% + 1px); display: block; position: absolute; top: -1px; left: -2000px; background: #fff; z-index: -1; border-bottom: 1px solid #eee;}
.x-menu > li:hover >a:after {
    content: "";
    width: 30px;
    height: 1px;
    background: #004982;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
}
.x-menu li:hover >a:before {
    content: "";
    border: 6px solid transparent;
    border-bottom: 6px solid #004982;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: 0px;
}




/* 首页banner样式 */
.x-banner .owl-carousel {
    position: relative;
}

.x-banner .owl-carousel .banner-item a {
    display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background: #424246;
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover, .x-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #005a9c;
}

.x-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
    background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
    background-position: -26px -480px;
}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev, .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }

    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}

.x-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .5em;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    opacity: .2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
    opacity: .5;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
    opacity: 1;
}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
}

.icon-font {
    position: relative;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

/*首页banner*/

.banner {position: relative;height: 835px;width: 1920px;left: 50%;margin-left: -960px;overflow: hidden;}
.banner li.slick-current{ z-index:999;}
.banner li .img{  background-size:cover !important;position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 835px;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
/* .banner li.slick-current .img{visibility: visible !important; -webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
@-webkit-keyframes bgscale {
from { opacity:1; -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
}
@keyframes bgscale {
from { opacity:1; -webkit-transform: scale(1); transform: scale(1); }
to { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }
} */

.banner .txt {
    position: absolute;
    left: 166px;
    top: 60%;
    transform: translateY(-50%);
    width: 100%;
}
.banner .txt .con {
    margin-top: -12rem;
    transition: .8s;
}
.banner .txt span {
    font-size: 2.75rem;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "PingFang SC", "Myriad Pro", arial;
    display: block;
    margin-bottom: 1.1rem;

    transition: .8s; opacity:1;
}
.banner .txt p {
    font-size: 22px;
    color: #6b6b6b;

    transition: .8s; opacity:1;
}

.banner .txt a{display: block;width: 178px;height: 50px;background: #004982 url(//cdn.myxypt.com/777cd6b9/23/06/e3eefd6f1670fcf5d86de461b427feeb987d2c4f.png) no-repeat 123px center;box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.3);border-radius: 25px;line-height: 50px;padding-left: 40px;color: #ffffff;font-size: 16px;margin-top: 79px;}
/* .banner li.slick-active span {
    -webkit-animation: tranbot 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
    animation: tranbot 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
.banner li.slick-active p {
    -webkit-animation: tranbot 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
    animation: tranbot 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);
}
 
@-webkit-keyframes tranbot {
from {
-webkit-transform: translateY(100%); opacity:0;
transform: translateY(100%); opacity:0;
}
to {
    -webkit-transform: translateY(0); opacity:1;
    transform: translateY(0); opacity:1;
}
}
@keyframes tranbot {
from {
-webkit-transform: translateY(100%); opacity:0;
transform: translateY(100%); opacity:0;
}
to {
    -webkit-transform: translateY(0); opacity:1;
    transform: translateY(0); opacity:1;
}
}
  */
.banner .slick-arrow {
    width: 36px;
    height: 36px;
    opacity: .6;
}
.banner .slick-prev:before, .banner .slick-next:before {
    font-size: 3rem;
}
.banner .slick-prev {
    left: 6rem;
}
.banner .slick-next {
    right: 6rem;
}
.lightning {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
}
.lightning div {
    position: absolute;
    overflow: hidden;
}
@keyframes flash_light {
0% {
height: 0px;
opacity: 0.5;
}
7.5% {
height: 320px;
}
8%, 12%, 16% {
opacity: 0.5;
}
10%, 14% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
height: 320px;
opacity: 0;
}
}
.lightning div img {
    display: block;
    margin: auto;
    width: 100%;
}
.lightning .lightning1 {
    position: absolute;
    right: 70%;
    animation: flash_light 5.7s infinite;
}
.lightning .lightning2 {
    position: absolute;
    left: 70%;
    animation: flash_light 5.1s infinite;
    animation-delay: -2.33s;
}
.mouse {
    position: absolute;
    left: 50%;
    bottom: 5rem;
    margin-left: -10px;
    text-align: center;
    z-index: 50;
    opacity: .55;
}
.mouse span {
    display: inline-block;
    width: 21px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 12px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.mouse span:after {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: auto;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 13px;
}
.mouse span:before {
    content: "";
    width: 1px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 3px;
    animation-delay: 0ms;
    animation-duration: 1500ms;
    animation-iteration-count: infinite;
    animation-name: arrow;
    animation-play-state: running;
    animation-timing-function: linear;
}
.mouse b {
    display: block;
    text-align: center;
    color: #766047;
    font-size: 18px;
    line-height: 1;
    font-family: Arial;
    margin-top: 4px;
    font-weight: normal;
}
@-webkit-keyframes arrow {
0% {
opacity: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
}
33% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0px, 5px, 0px);
}
}
@keyframes arrow {
0% {
opacity: 0;
transform: translate3d(0px, 0px, 0px);
}
33% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
transform: translate3d(0px, 5px, 0px);
}
}

/*鐑棬鎼滅储*/
.sou {
    margin: 15px 0;
}

.hotSearch a {
    margin-right: 6px;
}

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

/*鎼滅储鍜岀儹闂ㄦ悳绱�*/
#formsearch {
    float: right;
}

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

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

#formsearch input#keyword {
    height: 22px;
    line-height: 22px;
    padding-left: 4px;
    color: #666;
}

#formsearch input#s_btn {
    width: 46px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #009b4c;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 12px;
}


/*  */
.box1{margin: 44px 0 78px;overflow: hidden;}
.bt1{display:flex;justify-content:center;align-items: center;}
.bt{text-align: center;margin-left: 11px;}
.bt dd{color: #333333;font-size: 38px;font-weight: bold;line-height: 1;}
.bt dt{color: #999999;font-size: 18px;font-family: 'Arial';}
.psort{height: 60px;margin: 38px 0 40px;}
.psort li a{display: block;line-height: 60px;text-align: center;letter-spacing: 1px;color: #ffffff;font-size: 18px;background: url(./line1.png) no-repeat 192px  center;}
.psort li{width: 232px;background: url(./f1.png) no-repeat center;margin-left: -38px;}
.psort li:first-child{margin-left: 0;}
.psort li:last-child a{background: none;}
.psort li.cur{background: url(./f2.png) no-repeat center;}
.plist li .img{display: block;margin-bottom: 11px;border: solid 1px #d4d4d4;}
.plist li .img img{width: 323px;height: 323px;object-fit:cover;}
.plist li h3 a{display: block;height: 59px;color: #444444;background-color: #e4e4e4;line-height: 59px;text-align: center;font-size: 17px;font-weight: normal;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;padding: 0 3px;
}
.plist li{margin-bottom: 37px;}
.plist li:hover h3 a{background-color: #0067a7;color: #fff;}



/* 公司简介 */
.box2{background:url(https://images0a.543211688.com/aolian/bg/about_bg.jpg) no-repeat center top;background-size: cover;background-attachment: fixed;padding: 92px 0 110px;overflow: hidden;}
.pt1{letter-spacing: 2px;color: #ffffff;text-align: center;font-size: 30px;font-weight: normal;}
.pt_en{color: #ffffff;font-size: 36px;text-align: center;margin-top: 21px;}
.aann{  font-size: 18px;width: 1216px;margin: 0 auto;margin-top: 50px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 44px;
    letter-spacing: 0px;
    color: #ffffff;text-align: center;}




.flex_11{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}

.p4a{margin: 95px 140px 0 140px;}
.p4a li {position: relative;text-align: center; float:left;}
.p4a li h3 { color: #fff;font-weight: 500;  font-family: Impact;
    font-size: 72px;}

.p4a li h3 a{color: #fff;}
.p4a li p {font-size: 20px;font-weight: normal;color: #fff; text-align: center;margin-top:10px}
.p4a li span {font-size: 24px;color: #fff;font-weight: 500;}





.more00.more{margin:0 auto;margin-top:40px;}
.more00.more a{display:inline-block;border: #fff 1px solid;-moz-border-radius:10px;-webkit-border-radius: 10px;border-radius: 10px;width:160px;height: 45px;line-height: 45px;font-size: 18px;color: #fff;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;text-align:center;}
.more00.more a span{ position:relative; z-index:10}
.more00.more a:hover{color:#fff;border:#0067a7 1px solid;background: #0067a7; transition-delay:0.36s}


.more11.more{margin-top:0px;}
.more11.more a{display:inline-block;border: #333333 1.5px solid;-moz-border-radius:0px;-webkit-border-radius: 10px;border-radius: 0px;width:180px;height: 45px;line-height: 45px;font-size: 18px;color: #333333;text-transform:uppercase;position:relative;overflow:hidden;margin: 0 auto;text-align:center;}
.more11.more a span{ position:relative; z-index:10}
.more11.more a:hover{color:#fff;border:#0067a7 1px solid;background: #0067a7; transition-delay:0.36s}



/*  */
.box3{margin: 47px 0 75px;overflow: hidden;}
.bt2{text-align: center;}
.bt2 dd{color: #363636;font-size: 30px;font-weight: bold;}
.bt2 dd span{color: #004982;font-size: 52px;line-height: 1;}
.bt2 dt{color: #4e4e4e;font-size: 16px;margin-top: 13px;line-height: 1;}
.bul{margin: 55px 48px;}
.bul li{width: 312px;height: 85px;background-color: #f6f6f6;padding: 13px 0 0 21px;box-sizing:border-box;}
.bul li .img{border-radius: 50%;margin-right: 32px;}
.bul li .img img{width: 63px;height: 63px;transition: all 0.5s;}
.bul li:hover .img img{transform: scale(1.1);}
.bcon h3{color: #363636;font-size: 20px;margin-top: 9px;}
.bcon p{color: #585858;font-size: 13px;margin-top: 6px;}
.bul2 li .img img{width: 447px;height: 300px;}
.box5 .wh{position: relative;z-index: 99;}
.tech-con{
    position: relative;
    z-index: 3;
}
.tech-list{
    margin-top: 50px;
}

.tech-list ul li{
    cursor: pointer;
    border: solid 1px #eeeeee;
    text-align: center;
    padding-top: 30px;
    width: 140px;
    height: 168px;
    position: relative;
}

.tech-list ul li .tech-img img{
    max-width: 100%;
}
.tech-list ul li .tech-img .img2{
    display: none;
}
.tech-list ul li:hover .tech-img .img2{
    display: block;
}
.tech-list ul li:hover .tech-img .img1{
    display: none;
}
.tech-list ul li h3{
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    font-weight: normal;
}
.tech-list ul li p{
    font-size: 12px;
    color: #aeaeae;
    margin-top: 5px;
    font-family: Arial;
    text-transform: uppercase;
}
.tech-list ul li span{
    position: absolute;
    width: 40px;
    color: #999;
    background: #eeeeee;
    line-height: 24px;
    font-size: 16px;
    font-family: Arial;
    font-weight: 600;
    text-align: center;
    display: block;
    bottom: -12px;
    left: 34%;
}
.tech-list ul li:hover span{
    background: #18469b;
    color: #fff;
}
.tech-list ul li:hover h3{
    color: #0067a7;
}
.tech-list ul li:hover{
    border: solid 1px #0067a7;
}



/*  */
.box6{background: url(https://images0a.543211688.com/aolian/bg/about_bg2.jpg) no-repeat top center;height: 840px;padding: 69px 0 0;overflow: hidden;}
.box6 .bt dd{color: #fff;}
.box6 .bt dt{color: #cfcfcf;}

.c33_list{
    position: relative;margin-top: 60px;padding-bottom: 116px;
}

.slick-list{
     padding-bottom: 45px!important;
}

.c33_list li{
    position: relative;width:635px;
}

.c33_list li a.img{
    display: block;
    transform: scale(0.95);
    box-shadow: 0px 5px 8px 0px 
        rgba(0, 0, 0, 0.3);
}
.c33_list li a.img img{
    width: 100%;height: 100%;
}


.c33_list li .fu{
    display: block!important;
    position: absolute;
    left: 84px;
    bottom: -26px;
/*    bottom: 0px;*/
   width: 481px;
    height: 100px;
    background-color: #ffffff;
    z-index: 9999;
    opacity: 0;
    /* padding-left: 73px;
    padding-top:21px; */
    overflow: hidden;
    text-align: center;
}

.c33_list li .fu h3{
    color: #333333;
    font-size: 24px;
    font-weight: 400;
    line-height: 100px;
    margin-bottom: 14px;
}

.c33_list li .fu p{
    display: block;
     color: #333333;
    font-size: 14px;
}

.c33_list .slick-center a.img{
   border: solid 4px #ffffff;transform: scale(1);
}

.c33_list .slick-center .fu{
    opacity: 1;
}


.c33_list .slick-prev,.c33_list .slick-next{
    outline: none;
    background: none;
    width: 38px;
    height: 38px;
    border: solid 2px #cdcfd2;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
    bottom: 34px;
    z-index:9999;
}

.c33_list .slick-prev{
    left:589px;
    background: url(https://images0a.543211688.com/aolian/bg/lt.png) no-repeat center center;
}

.c33_list .slick-next{
    right: 589px;
    background: url(https://images0a.543211688.com/aolian/bg/rt.png) no-repeat center center;
}

.c33_list .slick-prev:hover{
    border-color: #fff;
     background:#fff url(https://images0a.543211688.com/aolian/bg/lt1.png) no-repeat center center;
}

.c33_list .slick-next:hover{
    border-color: #fff;
     background:#fff url(https://images0a.543211688.com/aolian/bg/rt1.png) no-repeat center center;
}


.c33_list .slick-dots{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
    z-index: 9;
    bottom: 47px;
}
.c33_list .slick-dots li{
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d1d1d3;
    opacity: 0.5;
    cursor: pointer;
}
.c33_list .slick-dots li button{
    background: none;
    outline: none;
    border: none;
    font-size: 0;
}

.c33_list .slick-dots li.slick-active{background-color: #ffffff;opacity: 1;}



/*  */
.box7{margin: 59px  0 89px;}

/*æ–°é—»*/
.nsort{display:flex;justify-content:center;align-items: center;margin: 38px 0 54px;}
.nsort li{margin: 0 21px;}
.nsort li a{display: block;color: #666666;font-size: 20px;padding-left: 33px;}
.nsort li:first-child a{padding-left: 38px;}
.nsort li:first-child{background: url(./n1.png) no-repeat left center;}
.nsort li:nth-child(2){background: url(./n2.png) no-repeat left center;}
.nsort li:nth-child(3){background: url(./n3.png) no-repeat left center;}
.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0;  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; z-index: 99; }
.nsort li.active a{color: #18469b;font-weight: bold;}






.x-news {
    background: #fff;
}

.x-news-box {
    font-size: 0;
}

.x-news-left {
    display: inline-block;
    vertical-align: middle;
    width: 46%;
    position: relative;
}

.x-news-right {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    height: 460px;
    overflow: hidden;
    float: right;
}
.x-news-right li a{display: block;}
.x-news-right li+li a{
    margin-top: 56px;
}
.x-company-list .img{overflow: hidden;}

.x-news-right li .news-img {
    float: left;
    width: 176px;
    overflow: hidden;
}

.x-news-right li .news-img img,.x-company-list .img img {
    max-width: 100%;
    transition: all 0.5s;
}
.x-news-right li:hover .news-img img,.x-company-list .x-company-item:hover .img img{transform: scale(1.1);}
.x-news-right li .news-date {
    float: left;
    width: 16%;
    text-align: center;
    position: relative;
    padding-top: 10px;
    padding-bottom: 15px;
}

.x-news-right li .news-date:before {
    content: '';
    display: block;
    background-color: #e3e3e3;
    width: 2px;
    top: 10px;
    bottom: 6px;
    right: 0;
    position: absolute;
}

.x-news-right li .news-date h4 {
    color: #2e2f34;
    font: 600 40px/52px "Airal";
}

.x-news-right li .news-date h5 {
    color: #666666;
    font: 400 16px/30px "Airal";
    margin: 0;
}

.x-news-right li .news-text {
    float: right;
    width: 56%;
    margin-top: 11px;
}

.x-news-right li .news-text h3 {
    color: #333333;
    font: 600 18px/26px "Microsoft yahei";
    margin-bottom: 16px;
    overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}

.x-news-right li .news-text p {
    color: #999999;
    font: 400 14px/22px "Microsoft yahei";
    display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical; -webkit-line-clamp: 2;
}

.x-news-right li:hover .news-text h3 {
    color: #18469b;
}



.x-company-item a p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    font: 400 16px/52px "Microsoft yahei";
    text-align: left;
    padding-left: 19px;
    color: #fff;
    border-top-right-radius: 36px;
    margin-bottom: 0;
}

.x-company-item a p span {
    float: right;
    padding-right: 47px;
    font: 400 14px/52px "Microsoft yahei";
}

.x-company-item:hover a p {
    color: rgba(255, 255, 255, 0.6);
}





.c7 {
    background: url(https://images0a.543211688.com/aolian/bg/contact_bg.jpg) no-repeat 50% 0;
    height: 366px;
    padding-top: 52px;
}



.c7 .con .c7-1 {
    width: 50%;
}


.c7 .con .c7-1 h2 b {
    display: block;
    font-size: 54px;
    margin-top: 35px;
    color: #000000;
}



.c7 .con .c7-1 h2 p {
    color: #333333;
    font-size: 22px;
    font-weight: normal;
    margin-top: 22px;
}



.c7 .con .c7-1 .dh2 {
    display: flex;
    align-items: center;
    margin-top: 2.55vw;
}



.c7 .con .c7-1 .dh2 span {
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    padding-left: 12px;
    padding-right: 16px;
}

.c7 .con .c7-1 .dh2 p {
    font-size: 28px;
    color: #005a9c;
    font-family: arial;
    font-weight: 600;
}



.c7 .con .c7-2 {
    width: 47.02%;
}



.c7 .con .c7-2 .lyb input {
    border: none;
    background: #fff;
    line-height: 62px;
    padding: 0;
    display: block;
    font-size: 19px;
    text-indent: 24px;
    color: #999999;
}

.c7 .con .c7-2 .lyb input::-webkit-input-placeholder {
    color: #999999;
}

.c7 .con .c7-2 .lyb .ww1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px;
}



.c7 .con .c7-2 .lyb .ww1 .ww2 {
    width: 48.42%;
}



.c7 .con .c7-2 .lyb .ww1 .ww2 input {
    width: 100%;outline: none;
}

.c7 .con .c7-2 .lyb .ww3 {
    margin-bottom: 20px;
}



.c7 .con .c7-2 .lyb .ww3 textarea {
    border: none;
    background: #fff;
    width: 100%;
    line-height: 52px;
    height: 88px;
    padding: 0;
    display: block;
    font-size: 19px;
    font-family: '微软雅黑';
    text-indent:24px;
    color: #999999;
    outline: none;
}

.c7 .con .c7-2 .lyb .ww3 textarea::-webkit-input-placeholder {
    color: #999999;
}

.c7 .con .c7-2 .lyb .ww4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.c7 .con .c7-2 .lyb .ww4 .ww41 {
    width: 48.42%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.c7 .con .c7-2 .lyb .ww4 .ww41 input {
    width: calc(100% - 120px);outline: none;
}

.c7 .con .c7-2 .lyb .ww4 .ww42 {
    width: 100%;
}

.c7 .con #checkCodeImg{width: 120px;height: 62px;cursor: pointer;}

.c7 .con .c7-2 .lyb .ww4 .ww42 input {
    color: #fff;
    background-color: #005a9c;
    border-radius: 3px;
    line-height: 62px;
    text-indent: 0;
    text-align: center;
    font-size: 19px;
    width: 100%;
}



.h-footer .wh {
    width: 1100px;
    margin: 0 auto;
}


.h-footer {
    background-color: #20201f;

}

.fnav-all {
    padding-top:99px;
    padding-bottom: 28px;
    border-bottom: 1px solid #373736;
}

.fnav-all dl dt {
    font-size: 22px;
    color: #0067a7;
    font-weight: bold;
}

.fnav-all .dl1 dd {
    margin-top: 45px;
}

.fnav-all .dl2 dd {
    margin-top: 28px;
}

.fnav-all .dl3 dd {
    margin-top: 40px;
}

.fnav-all dl dd h3 {
    font-size: 16px;
    color: #ffffff;
    font-weight: normal;
    line-height: 36px;
}

.fnav-all .dl1 {
    float: left;
    width:470px;
}

.fnav-all .dl2 {
    float: left;
    width: 29.85%;
}

.fnav-all .dl3 {
    float: right;
    width: 16.8%;
}

.fnav-all .dl2 dd ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 65px;
    font-weight: normal;
    padding-left: 24px;
    position: relative;
}
.fnav-all .dl2 dd ul li a::before{
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    top:10px;
    background-color: #ffffff;
    left: 0;
}

.fnav-all .dl2 dd ul li img {
    margin-right: 18px;
}

.fnav-all .dl2 dd ul li:hover a::before{background: #0067a7;}
.fnav-all .dl2 dd ul li:hover a {
    color: #0067a7;
}

.fnav-all .dl2 dd ul li {
    float: left;
    width: 33.333%;
}

.allewm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.allewm .leftewm {
    text-align: center;
}

.allewm .leftewm {
    text-align: center;
    width: 45%;
}

.allewm .leftewm img {
    max-width: 100%;
}

.allewm .leftewm h3 {
    font-size: 14px;
    color: #999999;
}












/* 友情链接 */

.c-link {
    padding: 20px 0;
    font-size: 14px;
    color: #2a333c;
    line-height: 24px;
}

.c-link .con {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.c-link span {
    cursor: pointer;
    display: block;
}

.c-link dd {
    width: 100%;
}




.gl-footer {
    background-color: #20201f;
}

.c-link span {
    color: #f2f2f2;
    font-size: 16px;
}

.c-link dd {
    color: #f2f2f2;
    font-size: 12px;
    padding-top: 5px;
}

.c-link {
    padding-right: 3px;
}
.c-link dd a{color: #b6b6b6;}
.x-region {
    padding-left: 3px;
}

.hm-floor {
    background-color: #20201f;
    border-bottom: 13px solid #004982;
    padding: 32px 0;
}

.hm-floor  .wh {
    width: 1100px;
    margin: 0 auto;
}

.hm-floor .fl-all {
   display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;
}

.fl-left {
    color: #b6b6b6;
    font-size: 13px;
}

.fl-left a {
    color: #b6b6b6;
}

.fl-center {
    width: 15%;
    float: left;
    display: none;
}

.fl-center h3 {
    float: left;
    color: #b6b6b6;
    font-size: 12px;
}

.fl-center a {
    float: left;
    color: #b6b6b6;
}

.fl-right {
    color: #b6b6b6;
    line-height: 20px;
}

.fl-right a {
    color: #b6b6b6;
    font-size: 13px;
    position: relative;
}

.fl-right a:not(:last-child) {}



.fl-right span {
    color: #fefefe;
    font-size: 14px;
}

.fl-right a:hover {
    color: #0067a7;
}

.fl-left a:hover {
    color: #0067a7;
}

/*.fl-right {
    display: flex;
    align-items: center;
}*/

.c-link .con span {
    color: #b6b6b6;
}











@-webkit-keyframes criss-cross-left {
    0% {
    left:-20px;
}
50% {
    left:50%;
    width:20px;
    height:20px;
}
100% {
    left:50%;
    width:375px;
    height:375px;
}
}@keyframes criss-cross-left {
    0% {
    left:-20px;
}
50% {
    left:50%;
    width:20px;
    height:20px;
}
100% {
    left:50%;
    width:375px;
    height:375px;
}
}@-webkit-keyframes criss-cross-right {
    0% {
    right:-20px;
}
50% {
    right:50%;
    width:20px;
    height:20px;
}
100% {
    right:50%;
    width:375px;
    height:375px;
}
}@keyframes criss-cross-right {
    0% {
    right:-20px;
}
50% {
    right:50%;
    width:20px;
    height:20px;
}
100% {
    right:50%;
    width:375px;
    height:375px;
}
}

.btn-11 {
    position:relative;
    
}
.btn-11:before,.btn-11:after {
    position:absolute;
    top:50%;
    content:'';
    width:20px;
    height:20px;
    background:#0067a7;
    border-radius:50%;
}
.btn-11:before {
    left:-20px;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    /*     animation:criss-cross-left 0.8s reverse;
    */
}
.btn-11:after {
    right:-20px;
    -webkit-transform:translate(50%,-50%);
    transform:translate(50%,-50%);
    /*     animation:criss-cross-right 0.8s reverse;
    */
}
.btn-11:hover:before,.btn-11:hover:after {
    /*       @include size($btn-width);
    */
}
.btn-11:hover:before {
    -webkit-animation:criss-cross-left 0.8s both;
    animation:criss-cross-left 0.8s both;
}
.btn-11:hover:after {
    -webkit-animation:criss-cross-right 0.8s both;
    animation:criss-cross-right 0.8s both;
}


/*  */
.box5{position: relative;padding-bottom: 159px;}









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





/*首页左侧联系我们*/
.contact{width:218px;float:left;border:1px solid #e0e1dc;padding-bottom:5px;margin-top:10px;}
.contact_title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;border:1px solid #e0e1dc;padding:2px;padding-top:5px;padding-bottom:5px;margin-top:10px;}
.case_title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{width:1100px;margin:0 auto;_display:inline;margin-top:30px; height: 303px;}
.recommend_product .title{text-align:center;line-height:30px;font-weight:bold;font-family:"微软雅黑";font-size:34px;color:#2f2f2f;background:url(./ptt.png) no-repeat center center;}
.recommend_product .title span{display:block;color:#ababab;line-height:34px;font-family:"微软雅黑";font-size:15px;text-transform:uppercase;font-weight:normal;}
.recommend_product .content{position:relative;}
.l_btn,.r_btn{position:absolute;cursor:pointer;top:40%;}
.l_btn{left:-20px;}
.r_btn{right:-20px;}

.roll_product li{padding-bottom:0px;}

/*首页下载中心*/
.down_index{margin-top:10px;width:280px;float:right;padding:2px;border:1px solid #e0e1dc;}
.down_index .title{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.down_index .content{padding:5px;}






/*------------内页-------------------*/
.n_banner{    
position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;}
.left{width:224px;float:left;}
.sort_menu{border:1px solid #e0e1dc;padding:2px;}
/*.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}*/
.sort_menu h3{
    height: 75px;
    line-height: 47px;
    padding-left: 65px;
    font-size: 21px;
    font-family: "微软雅黑";
    color: #fff;
    background: url(./pfl.png) no-repeat;
    font-weight: normal;
}
.sort_product{margin-top:10px;border:1px solid #e0e1dc;padding:2px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;border:1px solid #e0e1dc;padding:2px;}
/*.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}*/
.n_contact p.content{padding:5px;}
.n_contact h3{
    line-height: 47px;
    padding-left: 65px;
    font-size: 21px;
    font-family: "微软雅黑";
    color: #000;
    font-weight: bold;
}
.sort_product h3 {
    height: 75px;
    line-height: 47px;
    padding-left: 65px;
    font-size: 21px;
    font-family: "微软雅黑";
    color: #fff;
    background: url(./pfl.png) no-repeat;
    font-weight: normal;
}
.right{width:970px;float:right;border:1px solid #e0e1dc;padding-bottom:10px;}
.sitemp{line-height:30px;height:30px;overflow:hidden;background-color:#ececec;padding-right:10px;border-bottom:2px solid #005e94;}
.sitemp h2{width:340px;float:left;line-height:30px;text-align:center;text-align:left;text-indent:10px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}

.right .content{padding:10px;padding-top:15px; line-height:23px;}




/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    top:53%;
}

#toolbar .online-one li {
    margin-bottom: 3px;
    font-size: 0;
    width: 70px;
    height: 70px;
    right: 0;
    position: relative;
}

#toolbar .online-one li:hover a {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#toolbar .online-one li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 70px;
    height: 50px;
    background: #4caee0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 0;
    border-radius: 4px;
    padding: 10px 0;
    overflow: hidden;
}

#toolbar .online-one li .icon-font {
    display: block;
    height: 28px;
    width: 100%;margin:0 auto;text-align:center;
}

#toolbar .online-one li .icon-font:after {
    background-image: url(https://gcdn.myxypt.com/images/kf.png);
}

#toolbar .online-one li .icon-qq:after {
    background-position: -30px -240px;
}

#toolbar .online-one li .icon-phone:after {
    background-position: -30px -208px;
}

#toolbar .online-one li .icon-message:after {
    background-position: -30px -170px;
}

#toolbar .online-one li .icon-ewm:after {
    background-position: -30px -138px;
}

#toolbar .online-one li .icon-top:after {
    background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
    background-position: -30px -60px;
}

#toolbar .online-one li .icon-wangwang:after {
    background-image: url(https://gcdn.myxypt.com/images/icon_spirit.png);
    background-position: -30px 0;
}

#toolbar .online-one li .wz {
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    margin-top: 5px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#toolbar .online-one li.phone {
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.ewm {
    background: #4caee0;
    border-radius: 4px;
    padding: 10px 0;height:50px;
}

#toolbar .online-one li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    color: #fff;
    font-size: 14px;
}

#toolbar .online-one li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-one li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-one li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-one li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-one li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar .online-two li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    background: #4caee0;
}

#toolbar .online-two li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
}

#toolbar .online-two li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar .online-two li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar .online-two li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar .online-two li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar .online-two li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar .online-two li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-two li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-two li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #FFB300;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-two li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar .online-two li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-two li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #FFB300;
    border-right: none;
}

#toolbar .online-two li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar .online-two li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li.backtop {
    cursor: pointer;
}

#toolbar .online-two li.backtop .iconfont {
    color: #fff;
    background-color: #FFB300;
}

#toolbar .online-two li:hover a {
    width: 200px;
}

#toolbar .online-two li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar .online-two li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar .online-two li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar .online-two li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar .online-two li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar .online-two li:hover .icon-top:after {
    background-position: -30px -60px;
}

#toolbar .online-three {
    width: 115px;
}

#toolbar .online-three .title {
    background: #3aa3e6;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: relative;
}

#toolbar .online-three .title span {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url(https://gcdn.myxypt.com/images/kf.png);
    background-repeat: no-repeat;
    background-position: -31px -28px;
    opacity: 1;
    text-shadow: none;
}

#toolbar .online-three .qq-list {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

#toolbar .online-three .qq-list li {
    text-align: center;
    line-height: 32px;
}

#toolbar .online-three .qq-list li .icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(https://gcdn.myxypt.com/images/kf.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

#toolbar .online-three .qq-list li .wz {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}

#toolbar .online-three .qq-list .icon-qq:after {
    background-position: 0 -114px;
}

#toolbar .online-three .qq-list .icon-message:after {
    background-position: -30px -87px;
}

#toolbar .online-three .qq-list .icon-wangwang:after {
    background-position: -30px -116px;
}

#toolbar .online-three .ewm {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}

#toolbar .online-three .ewm span {
    display: inline-block;
    font-size: 12px;
    color: #333;
    margin-bottom: 12px;
}

#toolbar .online-three .ewm img {
    width: 100%;
    max-width: 84px;
}

#toolbar .online-three .service-phone {
    background: #fff;
    padding: 10px 0;
    text-align: center;
}

#toolbar .online-three .service-phone span {
    font-size: 12px;
    color: #333;
}

#toolbar .online-three .service-phone span.hotline {
    color: #777777;
    font-size: 12px;
    line-height: 32px;
}

#toolbar .online-four li {
    margin-bottom: 3px;
    font-size: 0;
    width: 50px;
    height: 50px;
    right: 0;
    position: relative;
}

#toolbar .online-four li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
}

#toolbar .online-four li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}

#toolbar .online-four li .icon-font:after {
    background-image: url(https://gcdn.myxypt.com/images/kf.png);
}

#toolbar .online-four li .icon-qq:after {
    background-position: 0 -87px;
}

#toolbar .online-four li .icon-phone:after {
    background-position: 0 -57px;
}

#toolbar .online-four li .icon-ewm:after {
    background-position: 0 -21px;
}

#toolbar .online-four li .icon-message:after {
    background-position: -30px -55px;
}

#toolbar .online-four li .icon-top:after {
    background-position: 0 -0px;
}

#toolbar .online-four li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-four li .wz {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-four li.ewm {
    border-radius: 50%;
    background: #fff;
}

#toolbar .online-four li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone {
    border-radius: 50%;
}

#toolbar .online-four li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: rgb(59,57,57);
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-four li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-four li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.backtop .icon-font {
    height: 20px;
}

#toolbar .online-four li.backtop .icon-font:after {
    height: 20px;
    left: calc(50% - 17px);
    top: calc(50% - 2px);
}

#toolbar .online-four li.backtop .wz {
    display: block;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #bfbfbf;
    padding-left: 0;
}

@media (max-width: 990px) {
    #toolbar {
        display: none;
    }
}

.xypg-product-list {
    margin: 0 -1.5%;
    font-size: 0;margin-top:15px;
}

.xypg-product-list li {
    display: inline-block;
    vertical-align: bottom;
    width: 27.333%;
    margin: 0 1.5% 20px 1.5%;
    padding: 10px 10px 0 10px;
    border: 1px solid #eeeeee;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.xypg-product-list li .img {
    display: block;
}

.xypg-product-list li h3 a {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #5a5a5a;
    line-height: 1.6;
    padding: .8em 0;
}

.x-product-list li .img, .x-case-item .img, .x-news-img, .xypg-product-list li .img, .xypg-case-list li .img, .relate-product-slick .owl-item .img {
    overflow: hidden;
}

.x-product-list li .img img, .x-case-item .img img, .x-news-img img, .xypg-product-list li .img img, .xypg-case-list li .img img, .relate-product-slick .owl-item .img img {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;width:100%;
}

.x-product-list li .img:hover img, .x-case-item .img:hover img, .x-news-img:hover img, .xypg-product-list li .img:hover img, .xypg-case-list li .img:hover img, .relate-product-slick .owl-item .img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}