/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;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;}

/*----- 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: 1530px;margin:0 auto;padding: 0 15px;}
.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);}



.roll_product {float: left;}


/*头部样式*/
.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{height: 100px;position:absolute;top:0;width: 100%;z-index: 999;}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 100px;}
.top2 .k2{margin-top: 35px;font-size: 16px;color: #333333;line-height: 35px;text-align: right;}
.top2:hover{background: #fff;transition: all 0.5s;}
.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;}
/*#formsearch{float:right;}*/
.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: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:#2f97f0;color:#fff;border:none;cursor:pointer;font-size: 12px;}

*/



/*导航栏样式*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 133px; }
.nav li a{display:block;line-height:26px;color:#fff;padding: 0;font-size: 18px;padding: 0;letter-spacing: 1px;padding-top: 28px;}
.nav li a span{display: block;font-size: 14px;text-transform: uppercase;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:transparent;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav .sec{height:0;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:100px;left:0px;width: 100%;}
.nav .sec a{background:rgba(0,0,0,.5);color:#fff;height:38px;line-height:38px;font-size: 14px;padding-top: 0;}
.nav .sec a:hover{background:#000;text-decoration:none;}
.top2:hover .nav li a{color: #333;}
.top2:hover .nav li .sec a{color: #fff;}

.logo .img2{display: none;}
.top2:hover .logo .img2{display: inline-block;}
.top2:hover .logo .img1{display: none;}

/**/
.flex{display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}




/**/
.box1{padding: 8% 0 6% 0;overflow: hidden; background: url(//cdn.myxypt.com/9144c064/21/04/5d9091757320add7c5ac19a70a0075362f9445bd.jpg) no-repeat top center;background-size: cover;}
.aleft{width: 30.8%;}
.aimg{width: 46.5%;}
.aimg img{display: block;width: 100%;}
.sul{width: 17.3%;}
.sul li{border-bottom: 1px solid #dddddd;height: 33.333%;padding-bottom: 5px; display: flex;align-items: center;justify-content: center;flex-direction: column;}
.abt{color: #2f97f0;font-size: 45px;font-family: 'Arial';font-weight: bold;text-transform: uppercase;line-height: 45px;}
.abt span{display: block;color: #2f2f2f;font-size: 25px;}
.abt p{width: 25px;height: 1px;background-color: #101d61;margin-top: 8px;}
.acon{color: #666666;font-size: 14px;line-height: 30px;margin: 37px 0 30px 0;}
.asort{margin-top: 50px;}
.asort a{display: block;margin-right: 5%; width: 113px;height: 37px;float: left;line-height: 37px;border-radius: 19px;text-align: center;color: #2f2f2f;font-size: 16px;}
.asort a:hover{background-color: #2f97f0;color: #fff;}
.sul li{text-align: center;}
.sul li span{display: block;color: #2f97f0;font-size: 50px;font-family: 'Impact';}
.sul li p{color: #2f2f2f;font-size: 14px;}
.line{width: 45px;height: 1px;background-color: #e2e2e2;margin: 0 auto;margin-bottom: 10px;}

/**/
.box2{position: relative;overflow: hidden;}
.cbj{background: rgba(47,151,240,.9);position: absolute;bottom: 0;width: 100%;padding: 2.2% 0;}
.box2 .abt{color: #fff;}
.box2 .abt span{color: #fff;}
.box2 .abt p{background: #ffffff;}
.csort{width: 475px;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.csort li{margin-bottom: 20px;}
.csort li a{color: #ffffff;font-size: 20px;width: 138px;height: 44px;border-radius: 22px;display: block;line-height: 44px;text-align: center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.csort li.on a{background-color: #ffffff;color: #2f97f0;}
.box2 .bd img{width: 100%;}


/**/
.box3{background: url(//cdn.myxypt.com/9144c064/21/04/faec32d978d0e222dc5af9f7123ab8d66a664a2a.jpg) no-repeat top center;background-size: cover;padding: 6% 0 7% 0;}
.pbt{margin-bottom: 5%;}
.plist{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.plist li{margin-bottom: 43px;width: 32%;}
.plist li a.img{display: block;border: solid 4px transparent;}
.plist li a.img img{width: 100%;height: 100%;}
.plist li:hover a.img{border: solid 4px #2f97f0;}
.psort{margin-top: 3%;}
.psort li{width: 143px;}
.psort li a{display: block;height: 44px;border-radius: 22px;line-height: 44px;color: #2f2f2f;font-size: 18px;text-align: center;}
.psort li.cur a,.psort li:hover a{background-color: #2f97f0;color: #fff;}


/**/
.box5{background: url(//cdn.myxypt.com/9144c064/21/04/db825f767be15af93a8919878d9ed9c1e99c1ad2.jpg) no-repeat top center;overflow: hidden; background-size:cover;padding: 7% 0 4% 0;}
.xinwen li{width: 362px;margin: 0 10px;}
.xinwen li .img{display: block;overflow: hidden;}
.xinwen li .img img{display: block;width: 362px;height: 259px;}
.xinwen li h3 a{color: #272727;font-size: 19px;font-weight: normal;display: block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;margin: 30px 0 20px 0;}
.xinwen li p{color: #666666;font-size: 15px;line-height: 29px;}
.nmore a{display: block;width: 139px;height: 28px;border: solid 1px #e4e4e4;line-height: 26px;margin-top: 40px; text-align: center;color: rgba(0,0,0,.5);font-size: 13px;}
.xinwen  li:hover .nmore a{background-color: #2f97f0;color: #fff;}
.xinwen li .img img{-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.xinwen li:hover .img img{background:#fff;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}






/**/
.bleft{width: 33.46%;box-shadow: 1px 1px 24px 0px rgba(0, 0, 0, 0.13);padding:33px 0;margin: 10px 0;}
.bright{width: 66.53%;color: #ffffff;font-size: 40px;padding-left: 7%;display: flex;justify-content: center;flex-direction: column;margin: 10px 0;}
.bright span{font-size: 30px;display: block;}
.line3{width: 52px;height: 5px;background-color: #ffffff;margin-top: 10px;}
.xm,.yzm{width: 90%;margin: 0 auto;}
.xm{margin-bottom: 18px;}
.xm input{display: block;width: 100%;border: solid 1px #dedede;outline: none;line-height: 60px;color: #676767;font-size: 14px;padding-left: 5%;}
.tj{width: 90%;margin: 0 auto;background-color: #2f97f0;margin-top: 18px;}
.tj input{display: block;font-size: 24px;text-align: center;color: #fff;line-height: 60px;height: 60px;background: none;width: 100%;border:none;outline: none;}
.yzm #checkcode{border:none;outline: none;border: solid 1px #dedede;line-height: 34px;padding-left: 5%;color: #676767;font-size: 14px;}








.quicknav {
    background: #2f97f0;
    color: #ffffff;
    font: 400 16px/23px "Microsoft Yahei";
    padding: 22px 0;
}

.quicknav a {
    color: #ffffff;
}

.quicknav a:hover {
    color: #fff;
}

.quicknav .boxx {
    position: relative;
}

.gotop {
    position: absolute;
    right: 0;
    top: -65px;
    cursor: pointer;
}

.shares .bdshare-button-style0-16 a {
    width: 23px;
    height: 23px;
    padding: 0;
    margin: 0 0 0 15px;
}

.shares .bdshare-button-style0-16 a.bds_sqq {
    background: url(//cdn.myxypt.com/9144c064/21/04/628aee5b2c0e5c642a81546851c4c5b3e51bb4c1.png) no-repeat 0 50%;
}

.shares .bdshare-button-style0-16 a.bds_weixin {
    background: url(//cdn.myxypt.com/9144c064/21/04/25f5e658b93cee37bfb2403e834f06b1ef8dba64.png) no-repeat 0 50%;
}
.shares .bdshare-button-style0-16 a.bds_isohu {
    background: url(//cdn.myxypt.com/9144c064/21/04/c39de2753431d0ec7b37b10c5c3be3946ff6a304.png) no-repeat 0 50%;
}
.shares .bdshare-button-style0-16 a.bds_qzone {
    background: url(//cdn.myxypt.com/9144c064/21/04/aad425fa7b1bda3b0b20cae08d37d04a1d7c23be.png) no-repeat 0 50%;
}

.shares .bdshare-button-style0-16 a.bds_tsina {
    background: url(//cdn.myxypt.com/9144c064/21/04/d016ee5693aa1314e351347a0f2502d8b203334d.png) no-repeat 0 50%;
}

.shares .bdshare-button-style0-16 a.bds_tqq {
    background: url(//cdn.myxypt.com/9144c064/21/04/7cbc5b6f29b5f7b7ff6be2184cab70bbd25e3968.png) no-repeat 0 50%;
}

@media (max-width: 1509px) {
    .quicknav {
        padding: 22px 10px;
    }
}


/*友情链接*/

.f_link {
    width: 183px;
    margin: 0 auto;
    margin-top: 8px;
    line-height: 34px;
    background: url(//cdn.myxypt.com/9144c064/21/04/d1a83a9bba227f575243a5db330cca7852a9239c.png) no-repeat 0 50%;
    text-indent: 9px;
    color: #fff;
    text-align: left;
    position: relative;
}

.f_link .hides {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 35px;color: #000;
    display: none;
    background-color: rgba(255, 255, 255, .8);
}

.f_link .hides a {
    display: block;color: #000;
    font: 400 12px/24px "Microsoft Yahei";
}
.dtel{color: #ffffff;font-size: 16px;line-height: 30px;text-transform: uppercase;text-align: right;}
.dtel span{display: block;font-family: Impact;font-size: 30px;}

/*页面底部*/

.foot {
    background: url(//cdn.myxypt.com/9144c064/21/04/8714013b0a9a2e63e682870ea37d32894f412b7d.png) no-repeat top center;
    background-size: cover;
    padding: 42px 0;
}

#footer {
    position: relative;
    max-width: 1510px;
    margin: 0 auto;
    padding-top: 8px;
}

#footer a {}

#footer a:hover {
    color: #fff;
    text-decoration: none;
}

.nav_foot {
    line-height: 24px;
    color: #fff;
}

.copyright {
    line-height: 30px;
}

.contacts {
    text-align: left;
}

.contacts h2 {
    color: #fff;
    font: 400 16px/46px "Microsoft Yahei";
}

.contacts .content {
    color: #fff;
    font: 400 14px/30px "Microsoft Yahei";
}

.foot_ewm {
    text-align: center;
    color: #fff;
    font: 400 16px/60px "Microsoft Yahei";
    color: #fff;
}

.tewm{margin-top: 50px;}
.foot-under {
    border-top: 1px solid rgba(255,255,255,.1);
}

.foot-right {
    background: url(//cdn.myxypt.com/9144c064/21/04/5df240aa2cd8de6a331d21f0c9eb42b7cce3c540.png) repeat-y left 0;
}

.foot-right .col-lg-6 {
    float: right;
}

.hot-rec {
    width: 100%;
    margin-top: 22px;
}

.foot-under {
    color: rgba(255,255,255,.8);
    font: 400 12px/30px "Microsoft Yahei";
    padding-top: 10px;
    margin-top: 15px;
}

.foot-under a {
    color:  rgba(255,255,255,.8);
}

.underright {
    font: 400 12px/30px "Microsoft Yahei";
    text-align: right;
}


@media (max-width: 980px) {
    .foot-under {
        padding-top: 20px;
    }
    .foot-under{border:none;}
    .foot{padding:0 0 30px 0;margin-top: 20px;}
}

@media (max-width: 414px) {
    .messbox {
        width: 98%;
    }
    #footer {
        width: 98%;
    }
}

.nav2 li a {
    display: block;
    color: #fff;
    font: 400 18px/46px "Microsoft Yahei";
}

.nav2 li .sec a {
    color: rgba(255,255,255,.9);
    font: 400 16px/30px "Microsoft Yahei";
    -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.nav2 li .sec a:hover{margin-left: 10px;}
.nav3 li a {
    display: block;
    color: #fff;
    font: 400 16px/46px "Microsoft Yahei";
    text-align: center;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.tlogo{margin-bottom:50px;}
.dlx{font-size: 14px;}
.nav3 li .sec {
    display: none;
}

.nav3 li .sec a {
    color: #fff;
    font: 400 14px/30px "Microsoft Yahei";
}
.footcontact {margin-top: 20px;}
.nav2 li{float: left;width: 20%;}
/*首页banner*/

.topbanner {
    width: 100%;
    position: relative;
}











@media(max-width: 1524px){
	.acon{margin: 20px 0;line-height: 25px;}
}
@media(max-width: 1370px){
	.acon{margin: 20px 0;line-height: 24px;}
	.asort{margin-top: 20px;}
	.asort a{margin-right: 2%;}
}
@media(max-width: 1270px){
	.acon{margin: 10px 0;line-height: 20px;}
	.asort{margin-top: 20px;}
	.asort a{width: 30%;}
	.xm input{line-height: 40px;}
	.tj input{height: 40px;line-height: 40px;font-size: 18px;}
	.bright{font-size: 30px;}
	.bright span{font-size: 20px;}
}
@media(max-width: 1025px){
	.abt{font-size: 30px;line-height: 30px;}
	.abt span{font-size: 20px;}
	.asort{margin-top: 10px;}
	.asort a{font-size: 14px;}
	.acon{font-size: 12px;}
	.sul li span{font-size: 30px;}
	.csort li a{font-size: 18px;}
}


@media(max-width: 991px){
	.x-banner,.page-banner{margin-top: 60px;}
}
@media(max-width: 768px){
	.box1 .flex{display: block;}
	.aleft,.aimg,.aright{width: 100%;}
	.aimg{margin: 20px 0;}
	.asort a{width: 20%;}
	.acon{font-size: 14px;line-height: 24px;}
	.sul{display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;width: 100%;}
	.cbj .hd{width: 50%;}
	.csort{width: 100%;}
	.csort li{width: 30%;margin-bottom: 10px;}
	.csort li a{font-size: 14px;height: 38px;line-height: 38px;width: 100%;}
	.psort li a{font-size: 14px;height: 38px;line-height: 38px;}
	.psort li{width: 120px;}
	.box3 .pbt.flex{display: block;width: 100%;}
	.box5 .pbt.flex{display: block;width: 100%;}
	.box4 .flex{display: block;}
	.bleft,.bright{width: 100%;}
	.bright{padding: 6%;}

}
@media(max-width: 640px){
	.abt{font-size: 26px;}
	.cbj{position: static;}
	.cbj .flex{display: block;}
	.cbj .hd{width: 100%;margin-top: 15px;}
	.psort li{width: 25%;}
	.psort li a{font-size: 14px;}
	.plist li{margin-bottom: 15px;}
	.bright{font-size: 24px;}
	.bright span{font-size: 14px;}
	.xinwen li{width: 200px;}
	.xinwen li a.img img{width: 200px;height:143px;}
	.xinwen li h3 a{font-size: 16px;margin: 20px 0 10px 0;}
	.xinwen li p{font-size: 12px;line-height: 20px;}
	.nmore a{margin-top: 20px;}
	.sul li{width:32%;}
}




/*手机底部*/
@media(max-width: 1200px){
  .xypg-right-content{overflow: hidden;}
  .xypg-right-content p img,.xypg-right-content img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #2f97f0;
}

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

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

.footer ul li.active {
  background: #151515;
}

.footer ul li a {
  display: block;color:#fff;
}

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

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(//cdn.myxypt.com/9144c064/21/04/462fd02c3a68ec95b30dbe733862cf54ee276741.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(//cdn.myxypt.com/9144c064/21/04/077dfe96186373b82c77b0b8593c2191aed8c6ce.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(//cdn.myxypt.com/9144c064/21/04/c1c04fea80a4a4bd9607e658f55c3b565685577f.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(//cdn.myxypt.com/9144c064/21/04/9dd98be89f917d8973123828dc20b406bb9d558c.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}




/*内页左侧样式*/


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

