/*Ã¥Ë†ÂÃ¥Â§â€¹Ã¥Å’â€“Ã¦Â Â·Ã¥Â¼Â*/
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;}

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;}

/*Ã¦Â»Å¡Ã¥Å Â¨*/
#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;}



.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{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;}
.top1 a{color:#595959;}





.top2{height:143px;overflow:hidden;}

.logo{float:left;line-height:143px;}
.k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;}
.k2 p:nth-child(2){color:#2459a9;font-size:27px;}




.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;}




/*Ã¤Â¸Â»Ã¤Â½â€œÃ¦Â Â·Ã¥Â¼Â*/

.ssddds{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.xyin-case-sort li:hover, .xyin-case-sort li.on {
    background: #3c486d;
    position: relative;
    color: #fff;
    cursor: pointer;
}

.xyin-case-sort li:hover a, .xyin-case-sort li.on a {
    color: #fff;
}

.aby_hh li:hover .aby_hh_img img{
    filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%);
}



/*Ã©Â¡ÂµÃ©ÂÂ¢Ã¥Âºâ€¢Ã©Æ’Â¨*/
.foot{background:#333;}
.f_nav{width:826px;margin-top:40px;}
.f_nav dl{float:left;width:136px;height:186px;overflow:hidden;}
.f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;}

.f_nav dd a{font-size:12px;color:#333;line-height:20px;}
.copyright{text-align:center;line-height:24px;}

/*Ã¥â€ â€¦Ã©Â¡ÂµÃ¥Â·Â¦Ã¤Â¾Â§Ã¦Â Â·Ã¥Â¼Â*/

.page-product-inquiry a{color: #fff;}




.sy-ab{background: url(//cdn.myxypt.com/5a01e0e2/22/02/4179f4c5db52c12e9dbe539b0f7a57557e535866.jpg) no-repeat center;height:900px;padding-top: 135px;padding-bottom: 105px;}
.ab-left{width: 685px;float: left;padding-right: 130px;padding-top: 55px;}
.ab-left-phone{width: 550px;float: left;padding-right: 0px;padding-top: 0px;}
.ab-right{float: right;width: 515px;}
.ab-left h3{font-size: 24px;color:#333333;}
.ab-miaosu p{line-height: 24px;font-size: 14px;color: #666666;}
.ab-miaosu{margin-top: 35px;}
.ab-wenhua ul li{margin-bottom: 45px;}
.ab-wenhua ul li a h3{color: #333333;font-weight: normal;font-size: 24px;position: relative;margin-bottom: 13px;padding-left: 45px;}
.ab-wenhua ul li a h3::after{position: absolute;content: "";width: 14px;height: 2px;background-color: #002e7a;left: 0px;top: 13px;}
.ab-wenhua ul li a h4{color: #666666;font-weight: normal;font-size: 12px;padding-left: 45px;}
.ab-wenhua{margin-top: 45px;}
.ab-right img{width: 100%;}




.order-index .pt {
  text-align: center;
}

.order-index .pt h3 {
  color: #999999;
  font-size: 18px;
}

.order-index .pt h4 {
  color: #333333;
  font-size: 42px;
  padding-top: 60px;
  padding-bottom: 20px;
  font-weight: bold;
}

.order-index .pt span {
  display: block;
  width: 52px;
  height: 2px;
  margin: 0 auto;
  background: #ececec;
}

.order-index .pt h5 {

  color: #666666;
  font-size: 24px;
}
.order-index .bd{width: 1200px;}
.psort {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  display: -webkit-flex;
  margin-top: 50px!important;
}

.psort li {
  width: 280px!important;
  transition: all 0.6s;
  margin-bottom: 35px;
  margin-right: 13px;
  margin-left: 13px;
}

.psort li .img1 {
  position: relative;
}

.psort li .img1 img {
  width: 280px;
}
.psort li .line img{max-width: 100%;}
.psort li .img1 .line {
  position: absolute;
  bottom: 50px;
  left: 22px;
  width: 3px;
  height: 40px;
}

.psort li .img1 .num {
  position: absolute;
  bottom: 22px;
  left: 14px;
  color: #fff;
  font-size: 18px;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
}

.psort li .wz {
  background: #f5f5f5;
  padding: 35px 0;
  text-align: center;
}

.psort li .wz .w1 {
  color: #555555;
  font-size: 18px;
}

.psort li .wz .w2 {
  color: #9c9c9c;
  font-size: 16px;
  padding-top: 25px;
}

.psort li:hover {
  box-shadow: 1.5px 2.598px 8px 0px rgba(0, 0, 0, 0.08);
  transform: translateY(-10px);
}

.psort li:hover .wz {
  background: #fff;
}

.moren{width: 100px;
height: 30px;
border-radius: 6px;

text-align: center;
display: block;
line-height: 30px;
border: solid 1px #999999;margin: 0 auto;margin-bottom: 60px;}
.moren a{font-size: 12px;color: #666666;}

.moren:hover{
  background: #d60a00;
  border: solid 1px #fff;
}

.moren:hover a{color: #fff;}


.sy-you{background: url(//cdn.myxypt.com/5a01e0e2/22/02/082ab08b045605afa664863d09d76a579edbe9f8.jpg) no-repeat center;height:956px;padding-top: 50px;padding-bottom: 60px;}
.ys-bt{text-align: center;}
.ys-bt h3{color: #0064b9;font-size: 42px;font-weight: bold;}
.ys-bt span{color: #333333;font-size: 24px;font-weight:normal;display: block;margin-bottom: 30px;margin-top: 20px;}
.ys-bt-phone{text-align: center;}
.ys-bt-phone h3{color: #0064b9;font-size: 42px;font-weight: bold;}
.ys-bt-phone span{color: #333333;font-size: 14px;font-weight:normal;display: block;margin-bottom: 30px;margin-top: 20px;}
.ys-nr ul li a{display: block;}
.ys-nr ul li{float: left;width: 600px;margin-bottom: 30px;}
.ys-nr ul li:nth-child(1) a h3{background: url(//cdn.myxypt.com/5a01e0e2/22/02/f574dc2a8a589a30d6748c54ca968258c801b4ce.png) no-repeat left center;line-height: 110px;padding-left: 110px;font-size: 20px;color: #333333;}
.ys-nr ul li:nth-child(3) a h3{background: url(//cdn.myxypt.com/5a01e0e2/22/02/7e922e32d54dfe60a688526acd352d2d837af2fa.png) no-repeat left center;line-height: 110px;padding-left: 110px;font-size: 20px;color: #333333;}
.ys-nr ul li:nth-child(2) a h3{background: url(//cdn.myxypt.com/5a01e0e2/22/02/14de50e8b1f3f744eeb498cde7cd77bf087dba42.png) no-repeat left center;line-height: 110px;padding-left: 110px;font-size: 20px;color: #333333;}
.ys-nr ul li:nth-child(4) a h3{background: url(//cdn.myxypt.com/5a01e0e2/22/02/e3407f5533c1cd17eebcdb8aea6c82285e9031e8.png) no-repeat left center;line-height: 110px;padding-left: 110px;font-size: 20px;color: #333333;}
.ys-nr ul li a p{background: url(//cdn.myxypt.com/5a01e0e2/22/02/39cccbe7202cb200591b22618d25ffc7d02dc397.png) no-repeat  30px center;font-size: 14px;color: #333333;line-height: 16px;padding-left: 50px;line-height: 26px;}
.ys-nr ul li:nth-child(2){margin-top: 370px;}
.ys-nr ul li:nth-child(3){margin-top: -370px;}
.ys-nr ul li:nth-child(4){margin-left: 600px;}
.ys-nr{position: relative;}


.ystu1{width: 348px;height: 411px;position: absolute;top: -55px;right: 125px;}

.ystu2{width: 504px;height: 351px;position: absolute;bottom: 0px;left: 0px}
.ysimg2{display: none;}
.sy-liucheng{background: url(//cdn.myxypt.com/5a01e0e2/22/02/033a93e8d8e776f84794ddd4437255860d5811c4.jpg) no-repeat center;height: 403px;padding-top: 120px;}
.sy-liucheng ul li{position: relative;text-align: center;}
.sy-liucheng ul li a h3{position: absolute;bottom: 50px;font-size: 20px;color: #333333;text-align: center;right: 0;left: 0;}
.sy-liucheng ul li:hover a h3{color: #fff;}
.sy-liucheng ul li:hover .ysimg2{display: block;}
.sy-liucheng ul li:hover .ysimg1{display: none;}
.case-bt{text-align: center;}
.case-bt h3{font-size: 42px;color: #fff;margin-bottom: 20px;}
.case-bt span{font-size: 24px;color: #fff;}
.sy-case{background: url(//cdn.myxypt.com/5a01e0e2/22/02/33464c3aea680b8675aba754e10d61df9741f27d.jpg) no-repeat center;height: 897px;overflow: hidden;padding-top: 55px;}
.sy-case-list li{margin-top: 35px;width: 387px;}
.sy-case-list li{position: relative;}
.sy-case-list li h3{position: absolute;bottom: 0px;height: 35px;width: 100%;line-height: 35px;color:#333333;font-size: 14px;text-align: center;left: 0px;right: 0px;background: rgba(255, 255, 255, 0.8);}
.ca-more{width: 100px;height: 31px;border-radius: 6px;line-height: 31px;text-align: center;border: solid 1px #ffffff;margin: 0 auto;margin-top: 40px;}
.ca-more a{font-size: 12px;color: #fff;}
.ca-more:hover{
  border: solid 1px #ffffff;
  background: #d60a00;
}
.sy-case-list li img{
  width:100%
}

.xw-bt{text-align: center;margin-top: 110px;}
.xw-bt h3{font-size: 42px;color: #0064b9;margin-bottom: 20px;}
.xw-bt span{font-size: 24px;color: #666666;}
.nt ul li{float:left;margin-top: 60px;}
.nt ul li.active{width: 122px;
height: 37px;
background-color: #002e7a;
border-radius: 4px;}
.nt ul li{width: 122px;
height: 37px;text-align: center;line-height: 37px;margin-bottom: 25px;}
.nt ul li a{font-size: 18px;color: #333333;}
.nt ul li.active a{color: #fff;}
.nt ul{float: right;}
.news-con{display: none;}
.news-con.active{display: block;}
.news-con{clear: both;}
.newsl{float: left;width: 600px;}
.newsr{float: right;width: 600px;}
.newsl ul li{position: relative;}
.newsl ul li a .ww{position: absolute;bottom: 0px;height: 110px;background: rgba(0, 0, 0, 0.4);padding: 20px 50px;clear: both;}
.newsl ul li a .ww .date{float: left;width: 60px;text-align: center;}
.newsl ul li a .ww .wz{float: right;width: 440px;padding-left: 35px;}
.newsl ul li a .ww .d1{font-size: 30px;color: #fff;font-weight: bold;}
.newsl ul li a .ww .d2{font-size: 14px;color: #fff;}
.newsl ul li a .ww .wz b{font-size: 18px;color: #fff;}
.newsl ul li a .ww .wz h4{font-size: 14px;line-height: 24px;color: #fff;}

.newsr ul li a .date{float: left;width: 145px;text-align: center;margin-top: 48px;}
.newsr ul li a .wz{float: right;width: 455px;padding-right: 45px;}
.newsr ul li a .d1{font-size: 30px;color: #333333;font-weight: bold;}
.newsr ul li a .d2{font-size: 14px;color: #999999;}
.newsr ul li a .wz b{font-size: 18px;color: #fff;}
.newsr ul li a .wz h4{font-size: 14px;line-height: 24px;color: #fff;}
.newsr ul li{height: 149px;background: #f6f6f6;}
.newsr ul li a{clear: both;}
.newsr ul li a .wz .w1{font-size: 18px;color: #666666;margin-top: 38px;}
.newsr ul li a .wz .w2{font-size: 14px;color:#999999;line-height: 24px;}
.newsr ul li:hover{background: #335895;box-shadow: 4px 4px 8px 0px 
		rgba(0, 0, 0, 0.3);}
.newsr ul li:hover a .d2,.newsr ul li:hover a .d1{color: #fff;}
.newsr ul li:hover a .wz .w1,.newsr ul li:hover a .wz .w2{color: #fff;}
.xw-more{width: 100px;height: 31px;border-radius: 6px;line-height: 31px;text-align: center;border: solid 1px #000;margin: 60px auto;margin-top: 40px;display: inline-block;margin-left: 550px;}

.xw-more:hover{background: #d60a00;border: solid 1px #fff;}
.xw-more:hover a{color: #fff;} 

.xw-more a{font-size: 12px;color: #000;}
.sy-liuyan{background: url(//cdn.myxypt.com/5a01e0e2/22/02/6a879e9c40e2dd07cab0280916627d8e633f9027.jpg) no-repeat center;height: 539px;padding-top: 35px;}
.liuyan-left{width: 600px;float: left;}
.liuyan-right{width: 600px;float: right;padding-left: 100px;}
.liuyan-left h3{font-size: 42px;color: #fff;margin-bottom: 15px;}
.liuyan-nr .wz{color: #fff;font-size: 14px;padding: 0px;text-align: left;}
.liuyan-nr label{float: left;width: 70px;text-align: left!important;padding: 0px!important;}
.liuyan-nr input{float: right;width: 320px;height: 40px;line-height: 40px;background:#72b2ee;margin-right: 210px;border: none;border-radius: 0px;}
.xingming,.dianhua,.xingming,.yanzma{margin-bottom: 10px;}
.yanzma input{margin-right: 10px;padding: 0px;padding-left: 12px;}
.yanzma #checkcode{float: left;}
.lywenzi textarea{
	width: 501px;
	height: 154px;
	border: none;
	border-radius: 0px;
	background-color: #72b2ee;
	}
.tijiao input{
	margin-right: 0px;
	width: 154px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid #66a0d6;
	padding: 0px;
	margin-right: 270px;
	margin-top: 20px;
	color: #fff;
	}  
 .lywenzi label{width: 100%;margin-top: 10px;margin-bottom: 15px!important;} 
.xingming input{background: url(//cdn.myxypt.com/5a01e0e2/22/02/acf84d89eaffcaf90cb3e5a20ba0d828b6beb8af.png) no-repeat 5px center #72b2ee;padding-left: 46px;}
.dianhua input{background: url(//cdn.myxypt.com/5a01e0e2/22/02/7bab4a9f9d4c9aa840f0f1f31e6affed2fd5be4f.png) no-repeat 5px center #72b2ee;padding-left: 46px;}
  .liuyan-nr input[type='text']::-webkit-input-placeholder, .liuyan-nr textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.9);
}

.liuyan-nr input[type='text']::-moz-placeholder, .liuyan-nr textarea::-moz-placeholder {
    color: rgba(255, 255, 255, 0.9);
}

.liuyan-nr input[type='text']::-ms-input-placeholder, .liuyan-nr textarea::-ms-input-placeholder {
   color: rgba(255, 255, 255, 0.9);
}

.liuyan-nr input[type='text']::placeholder, .liuyan-nr textarea::placeholder {
    color: rgba(255, 255, 255, 0.9);
}



.liuyan-right h3{font-size: 42px;
    color: #fff;
    margin-bottom: 15px;}
.liuyan-right ul li a h2{float: left;width: 75px;font-size: 14px;color: #fff;font-weight: normal;line-height: 41px;} 
.liuyan-right ul li{margin-bottom: 15px;}
.liuyan-right ul li a h4{float: right;width: 425px;height: 41px;background-color: #f57a56;line-height: 41px;font-size: 24px;color: #fff;padding-left: 15px;}    
.liuyan-right ul li:last-child a h4{height: 180px;line-height: 35px;padding-top: 17px;}


.lyyou{width: 154px;display: block;margin: 0 auto;color: #fff;font-size: 14px;height: 41px;text-align: center;line-height: 41px;background-color: #c50f06;border: solid 1px #f57a56;margin-top: 20px;margin-left: 210px;}


.sy-foot{background: #202020;}
.foot-top{height: 150px;border-bottom: 1px solid #2f2f2f;}
.f-top-r p a{font-size: 14px;color: #fff;margin-left: 45px;}
.f-top-l{width: 58px;height: 66px;}
.foot-top .w1200{align-items: center;height: 150px;}
.foot-bottom{border-bottom: 1px solid #2f2f2f;}
.foot-bottom .w1200{height: 195px;}
.f-bottom-l{width: 93px;margin-top: 60px;}
.f-bottom-r ul li{margin-left: 170px;margin-top: 56px;}
.f-bottom-r ul li a h3{font-size: 12px;color: rgba(255, 255, 255, 0.8);margin: 10px 0px;}
.f-bottom-r ul li a p{font-size: 18px;color: rgba(255, 255, 255, 0.8);line-height: 25px;}
.banquan{text-align: center;font-size: 12px;color: rgba(255, 255, 255, 0.6);line-height: 25px;padding: 30px 0px;}
.banquan a{font-size: 12px;color: rgba(255, 255, 255, 0.6);}

.f-bottom-r ul li:hover a img{transform: scale(1.1)}
.f-bottom-r ul li a img{transition: all .5s ease;}
.f-bottom-l p img{transition: all .5s ease;}
.f-bottom-l p:hover img{transform: scale(1.1)}