/*初始化样式*/
html{margin:0;padding:0;border:0;}
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,navs,section{margin:0;padding:0;border:0;}

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

a:hover,a:active,a:focus{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{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
p{margin:0;}



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


.pos{position: relative;width:1920px;left:50%;margin-left:-960px;}
.wh{max-width:1630px;margin:0 auto;padding:0 15px;}
.bxs{overflow: hidden;}


.com-img{overflow:hidden;}
.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);}


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

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

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


.flex2 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}




/*头部样式*/
.top2{width:100%;background:#fff;}
.top2 .wh{height:108px;}
.logo{line-height:108px;width:25.5%;overflow:hidden;height:108px;}
.logo img{width:100%;}


/* top_ss */
.top_ss {
    width: 23px;
    height: 23px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_ss .ss_btn {
    width: 23px;
    height: 23px;
    background: url(../images/st.png) no-repeat center;
    cursor: pointer;
}
.top_ss #formsearch {
    position: absolute;
    top: 45px;
    right: 0px;
    z-index: 9999;
    width: 200px;
    display: none;
    background: #f2f2f2;
}
.top_ss #formsearch #s_btn {
    float: left;
    outline: none;
    border: none;
    width: 35px;
    height: 30px;
    font-size: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-image: url(../images/878a323bb5aed181a1ad14bdf9a604749ac40199.png);
    background-position: 0 -210px;
}
.top_ss #formsearch #keyword {
    float: left;
    background: none;
    outline: none;
    border: none;
    width: calc(100% - 35px);
    color:#333;
    margin-top: 0px;
    height: 30px;
    padding-left: 10px;
    font-size: 14px;
}

#formsearch input::-webkit-input-placeholder{color:#333;}
#formsearch textarea::-webkit-input-placeholder{color:#333;}







/* 导航样式 */
.x-menu {width:65%;}
.x-menu > li {
  position: relative;
 text-align:center;
}

.x-menu > li > a {
  display: block;
  font-size: 24px;
  color: #333333;
  line-height:108px;
}
.x-menu > li > a:before{content:"";width:100%;height:2px;background:#1a284c;position:absolute;display: block;left:0;top:80px;opacity:0;} 
.x-menu > li:hover > a {
  color:#1a284c;font-weight:bold;
}
.x-menu > li:hover > a:before{opacity:1;}
.x-menu > li.active > a {}
.x-menu > li:hover .x-sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.x-sub-menu {
  position: absolute;
  z-index: 99999;
  width: 200%;
  left: -50%;
  top:108px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-sub-menu > li > a {
  display: block;
  text-align: center;

  font-size: 14px;
  color: #333;
  line-height:40px;
 height:40px;overflow:hidden;
}

.x-sub-menu > li > a:hover {
  background: #e9eaeb;
}






/*主体样式*/
.c1_index{background: url(../images/bj1.jpg) no-repeat;background-size:100% 100%;padding:3.6vw 0;}
.abb_tit h2{color:#1a274f;font-size:50px;font-family:Arial;text-transform:uppercase;}
.abb_tit h3{color:#1a274f;font-size:30px;font-weight:bold;margin-top:1vw;}
.abb_text{color:#1a274f;font-size:20px;line-height:47px;}
.abb_text p{margin-top:3vw;}
.abb_text a{color:#c7191b;font-weight:bold;}



.c2_index{background:#1b274e;}
.wh1650{max-width:1680px;margin:0 auto;padding:0 15px;}
.c2_list{position: relative;display: flex;flex-wrap: wrap;height: 100%;}
.c2_list li{width:25%;position: relative;padding:2.8vw 2vw;transition: .3s;background:#323d60;}
.c2_list li .zuoce{position: relative;width: 60%;}
.c2_list li .zuoce .wz1{font-size: 20px;color: #fff;margin-bottom:5px;}
.c2_list li .zuoce .wz2{display: block;font-size: 14px;color: #fff;font-family:Arial;text-transform:uppercase;}
.c2_list li .youce{position: relative;}
.c2_list li .youce img{max-width: 100%;}
.c2_list li:hover{background:#1b274e;}
.c2_list li:last-child{background:#ffffff;}
.c2_list li:last-child .zuoce .wz1{color:#333333;}
.c2_list li:last-child .zuoce .wz2{color:#333333;}




.c3_index{background: url(../images/bj3.jpg) no-repeat;background-size:100% 100%;padding:3.6vw 0;}
.cp1{margin:2.4vw 0 3vw;}
.prolist li{font-size:20px;margin-right:1.8vw;cursor:pointer;float:left;}
.prolist li a{color:#333333;}
.prolist li.cur a{color:#c7191b;}
a.pm{color:#c7191b;font-size:20px;}

.proimg{display:none;}
.proimg.clicked{display:block;}
.product_list1{margin: 0 -3px;}
.product_list1 li{position: relative;width: calc(100% / 4 - 6px);margin:0 3px;background: #fff;float:left;}
.product_list1 li a{display: block;}
.product_list1 li .tu{position: relative;padding:35px 27px;}
.product_list1 li .img img{display: block;width: 100%;}
.product_list1 li h3{padding:27px;border-top: 1px solid #eeeeee;font-size: 20px;color: #1a274f; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align:left;font-weight:bold;}


.c4_index{position: relative;}
.c4_top{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.tit4{padding:50px 0 130px;margin-left:8.33%;width:33.33%;}
.tit4 .img{width:100%;}
.tit4 .img img{width:100%;display:block;}
.tit4 h2{text-transform: uppercase;font-size:98px;color: #f5f0eb;margin:26px 0 40px;}
.tit4 h3{font-size:30px;color: #1a274f;font-weight: bold;line-height: 1.5;margin-bottom: 20px;}
.tit4 p{font-size:18px;color: #888888;line-height: 1.7;font-family:Arial;font-weight:300;}

.c4_img2{width:51.88%;position: relative;} 
.c4_img2 img{display: inline-block;width: 100%;}


.c4_list{position: relative;width: 61.77%;background: #1a274f;padding-left:8.33%;display: flex;flex-wrap: wrap;
    margin-top:-14%;}
.c4_list li{width: 33.33%;position: relative;text-align: center;padding:5.6vw 2vw;}
.c4_list li a{display: block;}
.c4_list li .wz1{color: #fff;font-size: 18px;margin-top:25px;}
.c4_list li .wz2{color: #fff;display: block;opacity: .4;font-size: 12px;margin-bottom: 10px;line-height: 1.7;text-transform:uppercase;}
.c4_list li .sxo{font-size:16px;color: #fff;line-height: 2;}
.c4_list li:hover{background:#313d61;}





.c5_index{background: url(../images/bj5.jpg) no-repeat;background-size:100% 100%;padding:3.6vw 0 2vw;}
.xlist{text-align:center;margin:2.8vw 0 3.3vw;}
.xlist li{font-size:20px;margin:0 20px;cursor:pointer;display:inline-block;background-color: rgb(255, 255, 255);width: 149px;line-height: 45px;border-radius:25px;}
.xlist li a{color:#1a274f;}
.xlist li.cur{background:#ffd105;}

.proimg2{display:none;}
.proimg2.clicked{display:block;}
.xw11 li{position: relative;width:23.12%;background: #fff;border-radius: 10px;padding:44px 44px 28px;}
.xw11 li .img img{display: block;width: 100%;}
.xw11 li .wz{font-size:16px;color: #333333; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:bold;margin:28px 0 15px;}
.xw11 li .time{font-size:14px;color: #333333;}
.xw11 li .wz2{font-size:14px;color: #333333;overflow: hidden;line-height:26px;height:78px;margin-top:15px;}
.xw11 li:hover .wz{color: #1a274f;}
.xw11 li:hover .wz2{color: #1a274f;}
.nmo a{text-align:center;display:block;margin:0 auto;width: 180px;line-height:45px;border-radius:25px;font-size:20px;color:#1a274f;font-size:20px;background:#fff;margin-top:3vw;}




.c6_index{background: url(../images/lxbg.jpg) no-repeat;background-size:100% 100%;padding:3.6vw 0 2vw;}
.max1240{max-width: 1270px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.lxfs{position: relative;display: flex;flex-wrap: wrap;margin-bottom:1.2vw;margin-top:2.5vw;}
.lxfs li{width: 33.33%;position: relative;background: #fff;padding: 3.125vw 1.822916vw;border: 1px solid #eeeeee;display: flex;align-items: center;}
.lxfs li .lxfs_aa{margin-right: 20px;}
.lxfs li .lxfs_aa img{max-width: 70px;}
.lxfs li .lxfs_bb{position: relative;}
.lxfs li .lxfs_bb h3{font-size: 16px;color: #333333;font-weight: bold;margin-bottom: 10px;}
.lxfs li .lxfs_bb span{display: block;font-size: 18px;color: #888888;}


/*  */
.x-message-wrap2 {margin-left: 0px;margin-right: 0px;}
.x-message-wrap2 .aa{width:92%;margin:0 auto;}
.x-message-wrap2 .ms{width:31%;}

.x-message-wrap2 input[type='text'],.x-message-wrap2 textarea {width: 100%;height: 45px;border: none;padding: 0;font-size:16px;color: #1a274f;background: none;outline: none;margin-bottom: 30px;border-bottom: 1px solid #eeeeee;}
.x-message-wrap2 input[type='text']::-webkit-input-placeholder,.x-message-wrap2 textarea::-webkit-input-placeholder {color: #1a274f}
.x-message-wrap2 input[type='text']:-ms-input-placeholder{color: #1a274f}
.x-message-wrap2 input[type='text']::-ms-input-placeholder{color: #1a274f}
.x-message-wrap2 input[type='text']::placeholder{color: #1a274f;}

.x-message-wrap2 #checkcode {width: 70%;margin-bottom: 0;}
.x-message-wrap2 .checkCodeImg{display: block;text-align: center;width:30%;height: 34px;font-size: 0;padding: 0px;cursor:pointer;}
.x-message-wrap2 .checkCodeImg img{max-width:100%;}
.x-message-wrap2 .x-textarea{width:81%;}
.x-message-wrap2 textarea{padding-top:5px;padding-left:18px;height:52px;resize: none;border: 1px solid #eeeeee;color:#b6b8c1;}
.x-message-wrap2 textarea:-ms-input-placeholder{color:#b6b8c1;}
.x-message-wrap2 textarea::-ms-input-placeholder{color:#b6b8c1;}
.x-message-wrap2 textarea::placeholder{color:#b6b8c1;}

.x-message-wrap2 .x-submit {width:18%;height:52px;background: #1b274e;color: #fff;font-size: 16px;border: none;outline: none;
-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-message-wrap2 .x-submit:hover {background: #1b274e}
.x-message-wrap2 .n-default .x-textarea .msg-wrap{top: 10px;}








/*友情链接*/
.f_link{font-size:14px;color:#888888;background:#f8f8f8;padding-top:3vw;line-height:26px;}
.lks{width:72px;}
.lka{width: calc(100% - 72px);}
.f_link a{color:#888888;margin-right:6px;}






/*页面底部*/
.foot{background:#f8f8f8;padding-top:2vw;}
.fcont1{max-width:890px;margin:0 auto;}
.fads{width:29.31%;}
.fads li{width:42%;text-align:center;}
.fads li img{width:100%;display:block;}
.fads li h3{font-size:14px;color:#888888;margin-top:8px;}
.fnav{color:#1b2a5a;font-size:16px;font-weight:bold;margin-top:2vw;}
.fnav a{color:#1b2a5a;}

.bq{color:#888888;font-size:14px;line-height:2.3;text-align:center;padding:1.2vw 0;}
.bq a{color:#888888;}



/* 手机页脚 */
.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;
    width: 16px;
    height: 14px;
}

.footer3 ul li:nth-child(1) .iconfont {
    background: url("//cdn.myxypt.com/675e1b48/23/06/b544c19c69b83bbe43c1274f87d99f8463b23472.png") no-repeat 50%;
}

.footer3 ul li:nth-child(2) .iconfont {
    background: url("//cdn.myxypt.com/675e1b48/23/06/b26655bdcb5a7dc2df997405eb240a45c466bb0f.png") no-repeat 50%;
}

.footer3 ul li:nth-child(3) .iconfont {
    background: url("//cdn.myxypt.com/675e1b48/23/06/d077420e30ae81b861be3a532ee75cc320e1deb8.png") no-repeat 50%;
}


.footer3 ul li span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #ffffff;
}






/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}
.footer33{height:50px;}



@media (max-width:1440px) {
  .x-menu > li > a{font-size:20px;}
  .tit4{margin-left:15px;}
  .c4_list{padding-left:15px;}
  .tit4 h2{font-size:75px;}
  .tit4 h3{font-size:24px;}
  .tit4 p{font-size:16px;}
}



@media (max-width:1024px) {
  .x-menu > li > a{font-size:17px;}
  .abb_tit h2{font-size:35px;}
  .abb_tit h3{font-size:24px;}
  .abb_text{font-size:16px;line-height:2;}
  .abb_text p{margin-top:2vw;}
  .c2_list li{padding:4vw 2vw;}
  .c2_list li .zuoce .wz1{font-size:16px;}
  .c2_list li .zuoce .wz2{font-size:12px;}
  .c2_list li .zuoce{width:76%;}
  .c2_list li .youce{width:40px;}
  .c2_list li .youce img{width:100%;display:block;}
  .prolist li{font-size:16px;}
  a.pm{font-size:16px;}
  .product_list1 li .tu{padding:20px;}
  .product_list1 li h3{padding:20px;font-size:16px;}
  .c4_top{padding:0 15px;}
  .c4_list{margin-top: 0px;width:auto;padding-right:15px;}
  .tit4 h2{font-size:52px;margin:15px 0;}
  .tit4 h3{font-size:18px;margin-bottom:10px;}
  .xlist li{margin:0 10px;width:120px;line-height:36px;font-size:16px;}
  .xw11 li{padding:20px;}
  .xw11 li .wz{font-size:14px;margin:15px 0 8px;}
  .xw11 li .wz2{line-height:22px;height:66px;margin-top:5px;}
  .nmo a{font-size:16px;width:144px;line-height:36px;}
  .lxfs li .lxfs_bb span{font-size:16px;}
  .lxfs li .lxfs_bb h3{font-size:14px;}
  .x-message-wrap2 input[type='text'], .x-message-wrap2 textarea{font-size:14px;}
  .x-message-wrap2 .x-submit{font-size:14px;}
}




@media(max-width: 991px){
    body{padding-top: 60px;padding-bottom:50px;}
}



@media (max-width: 768px) {
 .xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}
 .c2_list li{width:50%;}
 .product_list1 li{width: calc(100% / 2 - 6px);margin:5px 3px;}
 .tit4{width:100%;margin-left:0;padding:20px 0;}
 .c4_img2{width:100%;margin-bottom:20px;}
 .tit4 .img{display:none;}
 .c4_list li .sxo{font-size:14px;}
 .c4_list li .wz1{font-size:16px;}
 .xw11 li{width:49%;margin:5px 0;}
  .lxfs li{width: 100%;padding: 20px;margin-bottom: 15px;}
  .bq{line-height:25px;}
}



@media (max-width:428px) {
    .page-product-detail-effect {
        pointer-events: none;
    }
    .abb_tit{margin:10px 0;}
  .abb_tit h2{font-size:25px;}
  .abb_tit h3{font-size:16px;}
  .abb_text{font-size:14px;line-height:24px;}
  .c2_list li{width:100%;}
  .prolist li{font-size:14px;margin:2px 0;margin-right:4px;}
  .product_list1 li h3{font-size:14px;}
  a.pm{font-size:14px;}
  .tit4 h2{font-size:40px;}
  .tit4 p{font-size:14px;line-height:22px;}
  .c4_list li{width:100%;}
  .x-message-wrap2 .ms{width:100%;}
  .x-message-wrap2 .aa{width:100%;margin-bottom:10px;}
  .x-message-wrap2 .x-textarea{width:100%;}
  .x-message-wrap2 .x-submit{width:100%;}
  .x-message-wrap2 input[type='text'], .x-message-wrap2 textarea{margin-bottom:10px;}
  .c5_index{padding:5vw 0;}
}