/*初始化样式*/
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,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;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: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;}




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



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


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


/*头部样式*/
.top1{border-bottom:1px solid #eeeeee;color:#666666;height:32px;line-height:32px;overflow:hidden;font-size:13px;}
.top1 a{color:#666666;}


.top2{height:105px;}
.logo{float:left;line-height:105px;}







/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;font-weight:normal;margin-left:50px;}
.hotSearch a{margin-right:6px;}
#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;}



/*搜索和热门搜索*/
#formsearch input{}
#formsearch input#keyword{height:46px;line-height:46px;padding-left:15px;float:left;color:#5c5c5c;font-size:14px;background:none;border:none;outline:none;}
#formsearch input#s_btn{width:70px;height:46px;line-height:46px;text-align:center;background:none;border:none;outline:none;color:#fff;border:none;cursor:pointer;font-size: 12px;float:right;}
#formsearch input::-webkit-input-placeholder {color:#ffffff;}
#formsearch textarea::-webkit-input-placeholder {color: #ffffff;}






/* 导航样式 */

.x-menu {float:right;width:780px;}


.x-menu > li {
  float: left;
  position: relative;
 text-align:center;width:96px;
}
.x-menu > li+li{margin-left:0;}
.x-menu > li > a {
  display: block;
  font-size: 16px;
  color: #000000;
  line-height:105px;
}

.x-menu > li > a:hover {
background:url(//cdn.myxypt.com/5ccdccf5/21/03/b186fe422f7f0c4da1544e6614a98b0ffcead88e.png) no-repeat center 74%; 
  color: #0054b3;
}

.x-menu > li.active > a {

}

.x-menu > li:after {
  content: '';
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  height: 40px;
  opacity: 0;
  top: 100%;
}

.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: 150%;
  left: -25%;
  top: 110px;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0;
  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;
}

.x-sub-menu:after {
  content: '';
  width: 0;
  height: 0;
  line-height: 0;
  font-size: 0;
  overflow: hidden;
  border-width: 10px;
  cursor: pointer;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #fff transparent;
  border-top: none;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  z-index: 99;
}




.product_list1{margin-top:38px;}
.product_list1 li{float:left;margin-right:57px;margin-bottom:28px;}
.product_list1 li:nth-child(4n){margin-right:0;}
.product_list1 li img{width:257px;height:293px;}
.product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;}




.box1{background: url(//cdn.myxypt.com/5ccdccf5/21/03/ef81c693c1f82711f5bfc73f496d742e9f32b9b2.png) repeat-x;height:906px;padding-top:50px;}

.bt {
    text-align: center;
    color: #333333;
    font-size: 30px;
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/80fc50eac034a7202f8eb9c675b469768e4f1d50.png) no-repeat center 55%;
}

.bt p {
    font-weight: normal;
    color: #444444;
    font-size: 16px;
    margin-top: 45px;
}

.h-about-box {
    background: #fff;
    margin-top:52px;
}

.h-about-left {
    width: 588px;
    height: 402px;
    overflow: hidden;
}

.h-about-left img {
    max-width: 100%;
    transition: all .6s;
}

.h-about-left:hover img {
    transform: scale(1.1);
}



.h-about-right {
    width:555px;
    height: 402px;

}

.h-about-right .title h3 {
    color: #040203;
    font: 700 44px/44px "Arial";
    padding-bottom: 7px;
}

.h-about-right .title p {
    color: #333;
    font: 500 24px/24px "Microsoft YaHei";
}

.about-con {
    color: #666666;margin-top:25px;
    font: 400 15px/30px "Microsoft YaHei";
    height:180px;
    overflow: hidden;text-align:justify;
}

a.more-a {
    display: block;
    width: 206px;
    height: 50px;
    color: #fff;
    background: #0054b3;
    text-align: center;
    border-radius: 3px;
    transition: all .6s;
    font: 400 14px/50px "Microsoft YaHei";
    margin-top:25px;
}


.ab-tu {
    margin-top: 52px;
}

.ab-tu .tabli2 {
    width: 200px;
}

.ab-tu .ab-tu-img {
    width:982px;
    float: right;
}

.ab-tu .tabli2 ul li {
    width: 200px;
    height: 90px;
    background: #d3d3d3;
    text-align: center;
    font-size: 22px;
    color: #333;
    padding-top: 20px;
    cursor: pointer;
}

.ab-tu .tabli2 ul li span {
    display: block;
    font-size: 12px;
    font-family: Arial;
    color: #999;
    text-transform: uppercase;
}

.ab-tu .tabli2 ul li.cur {
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/4450b40c88213784ed036f5ef7a75d7b91cc9187.png) no-repeat center;
    color: #fff;
}

.ab-tu .tabli2 ul li.cur span {
    color: rgba(255, 255, 255, 0.5);
}

.ab-tu .ab-tu-img .tab2 {
    display: none;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd {
    overflow: hidden;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {
    width: 232px;
    height: 180px;
    float: left;
    margin-right:18px;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li img {
    width: 232px;
    height: 180px;
}



.box2 {
    margin-top:60px;
}

.prolist {
    text-align: center;
    margin-top: 40px;
}

.prolist li {
    text-align: center;
    display: inline-block;
    line-height: 39px;
    width: 162px;
    border: 1px solid #d2d2d2;
    color: #666666;
    font-size: 15px;
    border-radius: 25px;
    margin: 0 10px;
    cursor: pointer;
    margin-bottom: 48px;
    height: 39px;
    overflow: hidden;
}

.prolist li.cur {
    color: #e20214;
    border-color: #e20214;
}

.proimg {
    display: none;
}

.proimg.clicked {
    display: block;
}

.proimg li {
    float: left;
    margin-right: 38px;
    margin-bottom:39px;
}

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

.proimg li .img img {
    width: 374px;
    height:300px;
}

.proimg li .det {
    height: 50px;
    line-height: 50px;
    position: relative;
}

.proimg li h3 {
    color: #333333;
    font-size: 16px;
    line-height: 50px;
    padding-left: 15px;
    float: left;
}

.proimg li h2 {
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/afa7762b3fbc9eb380dffd318ee5e481a87c6db0.png) no-repeat;
    width: 36px;
    height: 36px;
    float: right;
    margin-right: 8px;
    margin-top:8px;
}

.proimg li:hover {
    box-shadow: 0px 7px 17px 0px rgba(0, 0, 0, 0.15);
}

.proimg li:hover h2 {
    transition: all 0.8s;
    margin-top: -17px;
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/744a0010542c406f34ffef87fb47ecddf9fae649.png) no-repeat;
}










.box3{background: url(//cdn.myxypt.com/5ccdccf5/21/03/2136c27a0f8e512117ccb5ea6b75561618077d68.png) no-repeat;height:309px;padding-top:69px;}
.ht{color:#fff;font-size:37px;}
.ht p{color:#fff;font-size:24px;font-weight:normal;margin-top:16px;}
.dh{background: url(//cdn.myxypt.com/5ccdccf5/21/03/8c2a50d30ba3ab8543763e0c046a0a13d16a65ed.png) no-repeat;width:659px;line-height:52px;margin-top:45px;height:52px;overflow:hidden;}
.hmbt{color:#fff;font-size:17px;padding-left:60px;line-height:52px;}
.hm{font-size:34px;font-weight:bold;color:#fff;line-height:52px;}
.dh a{display:inline-block;color:#035dc2;font-size:20px;width:136px;float:right;text-align:center;}





.box4 {
    height:1771px;
    padding-top:55px;
}


.ys {
    width: 527px;
}

.ysbt {
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/f2ed44e657b67ee63c34e49dcd93c5219eb3ffb9.png) no-repeat left bottom;
    width: 465px;
    height: 55px;
}

.sz {
    color: #fff;
    text-align: center;
    line-height: 55px;
    font-size: 32px;
    width: 62px;
}

.ywz {
    color: #333333;
    line-height: 38px;
    font-size: 28px;
    margin-left: 20px;
}

.sub {
    color: #666666;
    line-height: 28px;
    font-size: 16px;
    margin-top: 25px;
}

.sub p {
    margin-bottom: 18px;
    padding-left: 32px;
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/eaa5ed43595c25458e2a1bfaba9fd84229d83169.png) no-repeat left 6px;
}

.ys1 {
    margin-top: 103px;
}

.ys2 {
    margin-top: 72px;
}

.ys3 {
    margin-top: 33px;
}

.ys4 {
    margin-top: 82px;
}

.ys5 {
    margin-top: 38px;
}



.box5{background:#f8f8f8;height:764px;padding-top:60px;}
.box5 .cont {
    position: relative;
    margin-top:42px;
}

.lb,
.rb {
    position: absolute;
    top: 39%;
    cursor: pointer;width:67px;height:70px;
}

.lb{left:-83px;background:url(//cdn.myxypt.com/5ccdccf5/21/03/647bbbc475b8af72c80a855bcaafd974fad9767e.png) no-repeat;}
.rb{right:-83px;background:url(//cdn.myxypt.com/5ccdccf5/21/03/a3727d813f61962135efb96488957a31d2aba0e4.png) no-repeat;}
.lb:hover{background:url(//cdn.myxypt.com/5ccdccf5/21/03/a2cb290b317e24f9f7c10f9705ad4f7be9203971.png) no-repeat;}
.rb:hover{background:url(//cdn.myxypt.com/5ccdccf5/21/03/f8c28d2641aaffd1ff55f63bb15fed16a495ba52.png) no-repeat;}

.product_list11{}
.product_list11 li{width:379px;float:left;height:448px;background:#fff;overflow:hidden;margin:0 7px;text-align:center;}
.product_list11 li img{width:379px;height:315px;}
.product_list11 h3{color:#010101;font-size:24px;margin:36px 0 13px;}
.product_list11 h4{color:#5d5b5b;font-size:11px;text-transform:uppercase;}
.product_list11 li:hover{background:#0054b3;}
.product_list11 li:hover h3{color:#fff;}
.product_list11 li:hover h4{color:#fff;}






.box6 {
    margin-top:58px;
}

.xwfeb {
    margin-top: 35px;
}

.sortt {
    text-align: center;
}

.sortt li {
    display: inline-block;
    font-size: 16px;
    border: 1px solid #d8d8d8;
    border-radius: 25px;
    width: 142px;
    line-height: 42px;
    margin: 0 13px;
}

.sortt li a {
    color: #666666;
}

.sortt li:hover {
    border-color: #e85436;
}

.sortt li:hover a {
    color: #e85436;
}

.sortt li:hover,
.sortt li.on {
    border-color: #e85436;
    position: relative;
    color: #e85436;
    cursor: pointer;
}

.sortt li:hover a,
.sortt li.on a {
    color: #e85436;
}





.xggf {
    float: left;
    width: 529px;
    margin-top: 30px;
}

.xggf_nei {}

.xggf_nei_tt {
    float: left;
    font: 400 16px/30px "Microsoft Yahei";
    color: #333333;
}

.xggf_nei_tt a {
    color: #333333;
}

.xggf li h3 {
    float: right;
    color: #6d6d6d;
    font-size: 14px;
    line-height: 30px;
}

.xggf_nei_rong {
    font: 400 14px/30px "Microsoft Yahei";
    color: #999999;
    margin-top: 25px;
}


.xggf_img {
    margin-bottom: 25px;
}

.xggf_img img {
    width: 529px;
    height: 272px;
    overflow: hidden;
}

.xhhfg {
    float: right;
    width: 600px;
    margin-top: 30px;
}

.xhhfg_shi {
    float: left;
    width: 112px;
    height: 127px;
    text-align: center;
    box-sizing: border-box;
}

.xhhfg li {
    background: url(//cdn.myxypt.com/5ccdccf5/21/03/cc28103d7d173522301eb96378bde62d96d4319b.png) repeat;
    margin-bottom: 37px;
    height: 127px;
}

.xhhfg_shi_n {
    font: normal 30px/45px "Microsoft Yahei";
    color: #e85436;
    padding-top: 28px;
}

.xhhfg_shi_g {
    font: 400 14px/25px "Microsoft Yahei";
    color: #999999;
}

.xhhfg_rong {
    float: right;
    width: 406px;
    margin-right: 49px;
}

.xhhfg_rong_tt {
    font: 400 16px/30px "Microsoft Yahei";
    color: #333333;
    padding-top: 20px;
}

.xhhfg_rong_tt a {
    color: #333333;
}

.xhhfg_rong_yy {
    font: 400 14px/24px "Microsoft Yahei";
    color: #999999;
    margin-top: 5px;
}

.picMarquee-top .tempWrap {
    height: 460px !important;
    overflow: hidden;
}












/*页面底部*/
.x-layout {
  background: #252526;
  border-top:6px solid #0054b3;
  padding: 42px 0 32px;margin-top:45px;
}

.x-layout-logo {
  width: 215px;
}
.x-layout-logo .flogo{
margin:35px 0 52px;
}

.yqlj{
    width: 154px;
    position: relative;
}
.yqlj h2, .yqlj .conn{width: 154px;position: relative;}
.yqlj h2{padding-left: 11px;font-weight: normal;background: url(//cdn.myxypt.com/5ccdccf5/21/03/c9e72e4ecdad50c284f837cbe4bf9b6f76c8a878.png) center ;cursor: pointer;width: 154px;height: 34px;font-size: 12px;line-height: 34px;
color: #949494;}
.yqlj .conn{background: #202020;position: absolute;bottom: 34px;left: 0;width: 154px;overflow: hidden;z-index:9999;display: none;}
.yqlj .conn a{display: block;text-align: center;font: normal 12px/46px "微软雅黑";border-top: 1px solid #373737;color: #949494;}





.x-layout-menu{
  width: 345px;
  padding-right:40px;
 
}
.x-layout .title{
  position: relative;
   color: #fff;
   padding-left:20px;
   font: 500 20px/20px "Microsoft YaHei";
   padding-bottom:27px;
}
.x-layout .title::before{
  position: absolute;
  content: '';
  top:3px;
  left:0px;
  width: 6px;
  height: 16px;
  background: #0054b3;
}

.x-layout-menu .fnav{
  font-size: 14px;
  color: #bdbdbd;
  line-height: 32px;margin-left:4px;
}
.x-layout-menu .fnav a{width:138px;float:left;
  color: #bdbdbd;background: url(//cdn.myxypt.com/5ccdccf5/21/03/1e88471ea024b12e8450752d53412e02dc663c6f.png) no-repeat left center;padding-left:18px;
}
.x-layout-menu .fnav a:hover{
background: url(//cdn.myxypt.com/5ccdccf5/21/03/9b61367cb3170c98f71d3fb1faa65fd9da6dff3a.png) no-repeat left center;
}





.x-layout-menu dl {
  float: left;
  width: 100%;
  text-align: left;
}
.x-layout-menu dl dd{
  width: 50%;
    display: block;
    height: 32px;
    float:left;
}
.x-layout-menu dl dd a {
  display: block;
  float:left;
width: 100%;
position: relative;
 color: #bdbdbd;
 padding-left:16px;
   font: 400 14px/32px "Microsoft YaHei";
}
.x-layout-menu dl dd a::before{
    position: absolute;
  content:'';
  top:17px;
  left:0;
  width: 3px;
  height: 3px;
  background: #bdbdbd;
}
.x-layout-menu dl dd a:hover{
  color:#31b015;
}
.x-layout-contact{
  width: 430px;
  padding-left:68px; background:url(//cdn.myxypt.com/5ccdccf5/21/03/c1407c455833d7a72002926bf97b2c0bca16a996.png) no-repeat left 5px;

}
.x-layout-contact p{
  color:#bdbdbd;
  position: relative;
  padding-left: 16px;
     font: 400 13px/33px "Microsoft YaHei";
}
.x-layout-contact p::before{
  position: absolute;
  content:'';
  top:17px;
  left:0;
  width: 3px;
  height: 3px;border-radius:50%;
  background: #b6b6b6;
}
.x-layout-ewm {
  margin-top:11px;
  width: 110px;
  text-align: center;margin-right:60px;
}

.x-layout-ewm p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  color: #bdbdbd;
  margin: 12px 0 0 0;
}



.x-footer {
  background: #fff;
  color: #666;
  font: 400 13px/30px "Microsoft YaHei";
}

.x-footer a {
  color: #666;
  font: 400 13px/30px "Microsoft YaHei";
}










/*内页左侧样式*/
.container{width: 1200px!important;margin: 0 auto;padding: 0;}
.page-product-inquiry a{color: #fff;}