@charset "UTF-8";
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, input, textarea { margin: 0; padding: 0; }
body { font: 12px/24px 'Microsoft Yahei', Arial, '宋体', HELVETICA; color: #565656;overflow-x: hidden; }
img { border: 0; vertical-align: top; }
ol, ul, li { list-style-type: none; vertical-align: top; }
button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; resize: none; outline: none; }
a { text-decoration: none; outline: none; color: #565656; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;font-size: 14px; }
a:hover { color:#ce251e; }
q:before, q:after { content: '';}
address, cite, dfn, em, i, var {
 font-style: normal;
}

.fl { float: left; }
.fr { float: right; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.pa{ position:absolute;}
.pr{ position:relative}
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.ib { display: inline-block; vertical-align: top; }
.z9 { z-index: 9; position: relative; }
.zoomIn img { -webkit-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; transition: All 0.6s ease-in-out; }
.zoomIn:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.mix { font-family: 'mix'; -webkit-text-stroke-width: 0.2px; -webkit-font-smoothing: antialiased; }
.clear{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden;}
*html .clearfix{zoom:1;}
*+html .clearfix{zoom:1;}
.content{ width: 1200px;margin: 0 auto }
.content1{width: 1200px; margin: 43px auto;overflow: hidden;}

.head{ height:224px;position: relative; z-index: 10;}
.header{ width:1200px; margin:0 auto;}
.site-nav{height:36px; line-height:36px; font-size:14px; color:#848484; background: #f0f0f0;}
.site-nav span a{display:inline-block;padding:0 15px;color:#848484;}
.logo{height:136px;}
.logo h1{display:block; width:266px; height:70px; margin: 19px 40px 0 0;}
.logo h1 img{width:100%; }
.logo .slogan{display:block;margin-top:41px;width:340px;font-size:27px;color:#2d2d2d;letter-spacing: 1px;}
.logo .slogan b{display:block; font-size: 23px; margin-top: 13px; letter-spacing: 4px;}
.logo .slogan span{ color: #db261d;}
.logo .tel{ width:240px; height:54px; color:#666666; font-size:14px; background: url("./tel.jpg") no-repeat 0 7px; padding-left: 40px; margin-top: 43px;}
.logo .tel i{display:block;font-size:28px;color:#db261d; font-weight: bold; line-height: 33px;}

.nav{background:#0068d0;overflow: hidden;}
.nav ul li{display:block;float:left;font-size:16px; position: relative;height:52px;line-height:52px;}
.nav ul li i{padding-right: 10px;}
.nav ul li i img{margin-top: 16px;}
.nav ul li > a{display:inline-block;padding:0 41px;color:#ffffff;font-size: 16px; }
.nav ul li :hover,.nav ul li.cur {background:#ce251e;}
.nav li .down{ display: none; position: absolute; left: 0; top: 52px; background: rgba(0,0,0,.8);}
.nav li .down ul{ padding: 10px 0; overflow: hidden;}
.nav li .down li{ height: 40px; line-height: 40px; text-align: center; width:100%; white-space: nowrap;}
.nav li .down li a{text-align: center; display: block;padding: 0; font-size: 14px; background: none; padding: 0 10px;}
.nav li .down li a:hover{ background: none; color: #db261d;}
.nav li:hover .down{ display: block;}

/*banner*/
.banner{ height:700px; overflow:hidden; position: relative; z-index: 2; }
.banner .bd div{ height:700px; overflow:hidden; }
.banner a{  height:700px; display:block; overflow: hidden;}

.banner .hd{ height:15px; overflow:hidden; position:absolute; left:39.5%; bottom:30px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:130px; height:10px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#db261d; color:#fff; opacity: .6;}

.keywords{ height:60px; border-bottom: 1px solid #d6d6d6; line-height: 60px; }
.content{ width: 1200px; margin: 0 auto;}
.keywords p{display:block;float:left;width:730px; font-size:14px;color:#5e5e5e;}
.keywords p b{display:inline-block;float:left;}
.keywords p a{display:block;float:left;padding:0 5px;text-align:center; color: #5e5e5e;}

.keywords .inp{overflow:hidden;display:block;float:right;margin-top:11px;width:406px;height:36px;}
.keywords .inp input{ outline: none;}
.keywords .itext{display:block;float:left;width:357px;height:36px;line-height:36px;border:0;background:url("./search_bg1.jpg") no-repeat;font-size:14px;color:#999999; font-family: "microsoft yahei"; padding-left: 20px;box-sizing: border-box;}
.keywords .ibtn{display:block;float:right;width:49px;height:36px;border:0;background:none;cursor:pointer;background:url("./search_bg2.jpg") no-repeat; box-sizing: border-box;}

.title {text-align: center;margin-bottom: 40px;background: url(./prtb.png) no-repeat center 42px;font-size: 38px;}
.title strong{color: #0069c4;}
.title p {margin: 31px 0 0;font-size: 22px;line-height: 1;}
.pro{margin: 60px auto;position: relative;}

.list {width:1200px; margin: 0 auto;  overflow: hidden; font-family: "Microsoft YaHei";margin-bottom: 50px;}
.list dl{margin-top: 15px;height:57px; overflow: hidden;}
.list dt{width:153px; overflow: hidden; float: left; font-size: 16px;line-height:57px ;height:57px;background:url(./list_nav.png) no-repeat;text-align: center;}
.list dt a{ color:#fff;font-size: 17px;}
.list dd{width:1046px; float: left;overflow: hidden;height:55px; border:1px solid #eeeeee; border-left: 0;}
.list dd span{float: right;overflow: hidden;margin:20px 0px 0 0;}
.list dd a{display: inline-block;padding: 0 38px;color: #646464; font-size: 16px; line-height: 57px}
.list dd a:hover{ color:#ce251e;}

.prolist1{position: relative;}
.pro-list{ height: 460px; background: #f5f5f5; overflow: hidden;}
.pro-list dl{ height: 460px;}
.pro-list dt{ width: 652px; height: 440px; float: left; overflow: hidden;}
.pro-list dt img{ width: 100%;}
.pro-list dd{ width: 481px; float: right; padding: 44px 33px 0;}
.pro-list dd h3{ font-size: 40px; color: #4d4d4d; font-weight: normal;}
.pro-list dd h3 a{ color: #4d4d4d;}
.pro-list dd .line{ width: 30px; height: 3px; background: #ce251e; margin: 25px 0 0;}
.pro-list dd .brief{ font-size: 22px; color: #4d4d4d; margin: 20px 0 10px;}
.pro-list dd p{ font-size: 16px; line-height: 37px; color: #4d4d4d;height: 206px;}
.pro-list .more {background: url(./wzbj.png) no-repeat center;width: 238px;height: 47px;text-align: center;margin-top: 30px;line-height: 47px;overflow: hidden;}
.pro-list .more a {display: block;float: left;width: 50%;font-weight: bold;}

.pro_bd{position: relative;}
.pro_hd{ overflow: hidden; position: absolute; left: 45.5%; bottom: 30px; z-index: 1; }
.pro_hd ul{ overflow:hidden; zoom:1; float:left;  }
.pro_hd ul li{float: left;margin-right: 2px; width: 15px; height: 15px;line-height: 14px;text-align: center; background: #0069c4;cursor: pointer;border-radius: 50px; margin: 0 11px;}
.pro_hd ul li.on{ background:#db261d; color:#fff; opacity: .6;}

.pro .prolist{ clear:both; padding-top:20px; width:1186px; position:relative; margin-left:8px;}
.pro .prolist ul li{ width:280px; height:280px;  float:left; margin-right:20px;border:1px solid #ebebeb;}
.pro .prolist ul li a{ width:280px; height:240px; display:block;}
.pro .prolist ul li a:hover{ color:#666666;}
.pro .prolist ul li img{ width:100%; height:auto; float:left;}
.pro .prolist ul li span{ float:right; width:282px; display:block; height:48px; line-height:32px; text-align:center; color:#666666;}
.pro .prolist .projt{ position:absolute; top:135px; width:33px; height:33px;  display:block;}
.pro .prolist .prev{ left:-16px;background:url(./pro_jtl_1.png) no-repeat center center;}
.pro .prolist .prev:hover{background:url(./pro_jtl.png) no-repeat center center;}
.pro .prolist .next{ right:-16px;background:url(./pro_jt2.png) no-repeat center center;}
.pro .prolist .next:hover{background:url(./pro_jt2_2.png) no-repeat center center;}

/*通栏广告1*/
.ad1{background:url(http://images0a.543211688.com/maidasi/img/ad1.jpg) no-repeat center center; height:253px; margin-top:80px;}
.ad1 .content{ position:relative;height:253px;}
.ad1 p{ position:absolute; right:0; top:85px; width:292px; text-align:center;}
.ad1 p a{ width:292px; height:49px; line-height:49px; text-align:center;background:url(./ad_an.png) no-repeat center center; display:block; font-size:20px; color:#fffefe;}
.ad1 p span{ display:block; color:#fffefe; line-height:68px;}
.ad1 p span em{ font-size:18px;}
.ad1 p span i{ font-size:26px;}

.ys{  padding: 60px 0;overflow: hidden;border-bottom: 10px solid #0069c4; height: 639px;}
.ys-con {margin-left: -40px;margin-top: -20px;}
.ys-con li {float: left;margin: 40px 0 0 25px;background-color: #fff;width: 388px;-webkit-box-shadow:5px 5px 9px #e7e7e7, -5px -5px 9px #e7e7e7;box-shadow: 5px 5px 9px #e7e7e7, -5px -5px 9px #e7e7e7;height: 222px;text-align: center;position: relative;}
.ys-con li i {display: block;height: 88px;background: no-repeat center;margin-top: 24px;margin-bottom: 19px;position: relative;z-index: 1;}
.ys-con li i.i1 {background-image: url(./edt1.png);}
.ys-con li i.i2 {background-image: url(./edt2.png);}
.ys-con li i.i3 {background-image: url(./edt3.png);}
.ys-con li i.i4 {background-image: url(./edt4.png);}
.ys-con li i.i5 {background-image: url(./edt5.png);}
.ys-con li i.i6 {background-image: url(./edt6.png);}
.ys-con li h4 {margin: 0;font-size: 22px;position: relative;z-index: 1;}
.ys-con li p {font-size: 14px;margin: 10px 0 0;color: #666;position: relative;z-index: 1;}
.ys-con li span {position: absolute;width: 100%;height: 50%;left: 0;}
.ys-con li span:after,.ys-con li span:before {position: absolute;content: '';background-color: #c80003;width: 0;height: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.ys-con li span:before {left: 0;}
.ys-con li span:after {right: 0;}
.ys-con li span.t {top: 0;}
.ys-con li span.t:after,.ys-con li span.t:before {top: 0;}
.ys-con li span.b {bottom: 0;}
.ys-con li span.b:after,.ys-con li span.b:before {bottom: 0;}
.ys-con li:hover {color: #fff;}
.ys-con li:hover span:before,.ys-con li:hover span:after {width: 50%;height: 100%;}
.ys-con li:hover p {color: #fff;}
.ys-con li:hover i.i1 {background-image: url(./edt1_h.png);}
.ys-con li:hover i.i2 {background-image: url(./edt2_h.png);}
.ys-con li:hover i.i3 {background-image: url(./edt3_h.png);}
.ys-con li:hover i.i4 {background-image: url(./edt4_h.png);}
.ys-con li:hover i.i5 {background-image: url(./edt5_h.png);}
.ys-con li:hover i.i6 {background-image: url(./edt6_h.png);}
.ys-con.mm li span {display: none;}
.ys-con.mm li:hover {background-color: #c80003;}

.case{ padding:60px 0;}
.case ul li{width: 290px;height: 290px;float: left;position: relative; margin-right:10px; margin-bottom:10px;overflow: hidden;}
.case ul li img{width: 292px;height: 290px;}
.case ul li span{ width:292px; display:block; text-align:center; height:40px; line-height:40px;font-size: 14px;color: #333;position: absolute;bottom: 0;left: 0; background:rgba(255,255,255,0.9); overflow:hidden;}
.case ul li .a_bg{ display:none;width: 292px;height: 290px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;line-height: 260px;text-align: center;overflow: hidden;}
.case ul li.nobor{margin-right: 0;}
.a_bg {-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s;transition-duration: 0.5s;}
.a_bg:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:url(./case_picbg.png) no-repeat;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.a_bg:hover, .a_bg:focus, .a_bg:active {color: white;}
.a_bg:hover:before, .a_bg:focus:before, .a_bg:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.hfbj{height:150px; background:#0069c4;}
.hf{padding-top:38px;}
.hf .h{width:600px; float:left;}
.hf .h span{display: block; height:40px; margin-bottom: 19px; }
.hf .h span em{display: block; width:345px; height:36px;font-size:24px;color:#FFF;  border-top:1px solid #FFFFFF; text-align: center; border-bottom:1px solid #FFFFFF; line-height:36px;float:left;}
.hf .h span i{display: block; float:left; font-size: 26px;color:#FFF;  line-height: 37px; font-weight: bold; margin-left: 14px; font-family: "CHei3HKS-Bold";}
.hf .h p{font-size: 14px; color:#FFF; opacity: 0.3; font-family:"ArialMT"; text-transform: uppercase; width:525px; }
.hf .f{width:270px; height:80px; float:right;}
.hf .f a{display: block; width:268px; height:35px; background:#FFF; text-align: center; line-height: 35px; font-size: 14px; color:#333333; margin-bottom: 18px;border-radius:17px;}
.hf .f em{display:block;font-size: 14px; color:#FFF;padding-left:27px; height:20px; line-height: 16px; background:url(./phone2.png) no-repeat left;}
.hf .f em i{font-weight: bold; font-size: 18px;}

.ab_bg{ background:url(./ab_bg.gif) no-repeat bottom; height:623px;font-size: 0; overflow:hidden;    padding-top: 60px;}
.ab_bg .title{margin-top: 10px;}
.about dl{ width:1200px; display:inline-block; overflow:hidden; padding:30px 0 0;}
.about dl dt{width:600px; height:400px;float: left;overflow: hidden;}
.about dl dt img{ width:600px; height:400px;}
.about dl dd{ width:575px; float:left; padding:20px 0 0 25px;}
.about dl dd h5{ background:url(./ab_line.gif) no-repeat 0 95px; height:100px;line-height: 40px;}
.about dl dd h5 a{ font-size:30px; color:#046fcd;}
.about dl dd h5 i{ display:block; font-size:36px; color:#f2f2f2; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.about .ab_desc{ font-size:14px; color:#333; height:210px; line-height:30px; padding:15px 0 0; overflow:hidden;}
.about dl dd span{ display:inline-block;width: 575px; padding:14px 0 0;}
.about dl dd span a{font-size: 16px;color: #fff;display: block;float: left;width: 130px;height: 40px;text-align: center;line-height: 40px;background: #046fcd;overflow: hidden;border-radius:5px; margin-right:15px;}
.about dl dd span a:hover{background: #ce251e;}




.bg01{ height:774px; overflow:hidden;padding-top: 79px;}
.bg01 .tils{background:#fff url(./n_h2.jpg) no-repeat center 0; height: 137px; font-weight: normal; text-align: center;color: #333; margin-bottom: 60px;}
.bg01 .tils i{ display: block; font-size: 36px;  line-height: 100%; padding: 22px 0 12px 0;}
.bg01 .tils em{ display: block; font-size: 20px;}
.bg01 .tils em span{ padding-left: 17px;}
.faq{ overflow: hidden;}
.faq h2{ width:90px; float:left; overflow:hidden;  float:left;}
.faq h2 a{ display:block; color:#383838;font:20px "Microsoft Yahei";font-weight:bold;}
.faq h2 i{ display: block; color: #b4b4b4; font-size: 14px; font-weight: normal;}
.faq h2 i span{ display: block; padding-bottom:35px;}
.faq h2 i img{ display: inline-block; float: left; padding-right: 12px;}
.faq2{ width:1089px; float:right; overflow:hidden;}
.faq2 dl{ width:330px; float:left; margin-right:53px; overflow:hidden; height: 141px; border-bottom: 1px dashed #d0d0d0;}
.faq2 dt a{ display:block; font:15px "Microsoft Yahei"; font-weight:bold; line-height:20px; height:24px; overflow:hidden; color:#333; overflow:hidden; background:url(./n_w.jpg) no-repeat left top; padding-bottom: 8px; border-bottom: 2px solid #838383; padding-left: 38px;}
.faq2 dd{ font:14px "Microsoft Yahei"; line-height:26px; color:#666; padding-left: 38px; padding-top: 13px; background:url(./n_d.jpg) no-repeat left top 19px;}

.dy{ width:550px; overflow:hidden;}
.dy dl{margin-bottom:21px; height: 28px;}
.dy dt{ width:125px; text-align:center; font:16px Arial, Helvetica, sans-serif; line-height:58px; color:#484848; float:left; display: none;}
.dy dt em{ display:none; font-size:18px;}
.dy dd{ width:350px; float:left; padding-left:25px;}
.dy dd h3 a{ display:block; font:16px "Microsoft Yahei"; line-height:48px; color:#333333; height:48px; overflow:hidden;}
.dy dd p{ display:none; font:14px "Microsoft Yahei"; line-height:24px;}
.dy .cur1{ height:133px; padding-top:38px; background:#f8f8f8;}
.dy .cur1 dt{ font-size:28px; line-height:100%; display: inline-block;background:url(./n_m.jpg) no-repeat 33px 93px; height: 135px; color:#9d9d9d; padding-left: 28px;}
.dy .cur1 dt em{ display:block;}
.dy .cur1 dd h3 a{ font-size:16px; font-weight:bold; line-height:24px; height:24px; margin-bottom:5px;}
.dy .cur1 dd p{ display:block;}

.tit2{ height:74px;overflow:hidden; font:19px "Microsoft Yahei";  font-weight:bold; padding-right:40px;}
.tit2 a{ display:block; color:#333; }
.tit2 span{ display:inline-block; padding-bottom: 14px; color: #0069c4; font-size: 22px; line-height: 100%; border-bottom: 2px solid #1348a7;}

.new{ width:600px; overflow:hidden; height: 454px;}
.new dt{ background: #0069c4; height:171px; color: #fff;}
.new dt img{ display:block; width:360px; height:171px; float:right;}
.new dt span{ display:block; width:168px; float:left; padding:33px 0 0 70px; font:70px Arial, Helvetica, sans-serif; line-height: 100%;}
.new dt span em{ display:block; font-size:32px;padding-top:2px;line-height: 100%;}
.new dd h3 a{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; line-height:30px; height:30px; overflow:hidden; margin-top:26px; color:#333;}
.new dd p{ font:14px "Microsoft Yahei"; line-height:24px; color:#666; margin-top:12px; overflow:hidden;}
.new dd p span{ display: block; padding-top: 25px;}

.link{overflow:hidden;height:100px; line-height:100px; border-top: 1px solid #dfdfe0;}
.links-list{overflow:hidden;float:left; width:1200px;font-size:14px;}
.links-list a{display:block;float:left;padding-right:20px;color:#666666; margin-right: 20px;}
.links-list span{display:block;float:left;width:96px;text-align:center;font-size:14px}


.foot{ height: 474px; background: url("./ft_bg.jpg"); }
.ft-contact{ height: 120px; color: #a9a9ab; font-size: 14px; margin-bottom: 77px;}
.ft-contact .add{ width: 420px; border-right: 1px solid #33323b; margin-right: 30px; float: left; height: 120px; background: url("./add_icon.png") no-repeat 0 36px; padding-left: 40px;box-sizing: border-box;}
.ft-contact .tel{ float: left; background: url("./contact_icon.png") no-repeat 0 36px; padding-left: 40px;box-sizing: border-box;}
.ft-contact i{ width: 20px; display: inline-block;}
.ft-contact span{ display: block; font-size: 18px; color: #fff; margin: 37px 0 10px;}
.ft_info{ height: 227px; border-bottom: 1px solid #3b3941;}
.ft_info h2{ width: 350px; font-size: 18px; line-height:34px; color: #acacad; font-weight: normal;}
.ft_info h2 img{ display: block; margin-bottom: 20px;}
.ft_info h2 b{ display: block; font-size: 23px;}
.ft_info .ft_nav{ width: 320px; font-size: 14px; color: #acacad; }
.ft_info .ft_nav span{ display: block; font-size: 18px; color: #fff; margin-bottom: 24px;}
.ft_info .ft_nav a{ display: inline-block; width: 155px; color: #acacad; line-height: 35px;}
.copyright{ height: 49px; line-height: 49px; font-size: 14px; color: #5d5d60;}
.copyright a{ color: #5d5d60;}


.footer {width: 1200px;margin: 0 auto;height: 474px;position: relative;}
.form {width: 474px;overflow: hidden;position: absolute;right: 0;top: 194px;}
.form h2 {display: block;font-size: 18px;color: #fff;margin-bottom: 24px;font-weight: normal;}
.form li {width: 218px;height: 45px;line-height: 45px;background: #3e3d45 url("./form_icon.png") no-repeat 202px center;margin-right: 18px;float: left;}
.form li span {font-size: 14px;color: #b0b0b2;float: left;width: 50px;text-align: right;}
.form li input {width: 150px;height: 45px;border: none;background: none;float: left;overflow: hidden;color: #fff;outline: none;}
.form .form-btn {height: 33px;line-height: 33px;margin-top: 20px;font-size: 14px;color: #fff;}
.form .form-btn input {width: 109px;height: 33px;border: 1px solid #98989b;display: inline-block;overflow: hidden;color:#636363;text-align: center;box-sizing: border-box;}
.form .form-btn input:first-child {background:#ce251e;border-color:#ce251e;color:#ffffff;}
.scv_listpages{}.scv_listpages ul{ float:left; padding:12px 0px 12px 

16px;}
.scv_listpages ul li{ float:left; font-family:Tahoma;  line-

height:17px;  margin-right:6px;border:1px solid #E9E9E9;}
.scv_listpages ul li a{ float:left; padding:2px 4px 2px; color:#555;  

display:block;}
.scv_listpages ul li a:hover{ color:#690; text-decoration:none;  

padding:2px 4px 2px;}
.scv_listpages ul li.thisclass,.scv_listpages ul li.thisclass 

a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; 

padding:2px 4px 2px; font-weight:bold;}
.scv_listpages .pageinfo{ line-height:21px; padding:12px 10px 12px 

16px;  color:#999;}
.scv_listpages .pageinfo strong{ color:#555;  font-weight:normal;  

margin:0px 2px;}


.ttz {
    display: block;
    position: relative;
}

.x-product-list-two {
    margin-top: 5vh;
    /*position: relative;*/
}

.x-product-list-two li {
    list-style-type: none;
    float: left;
    /*position: relative;*/
    width: calc(25% - 17px);
    margin: 0 8px;
}

.x-product-list-two li+li {
    /* margin-left: 22px; */
}

.x-product-list-two li .img {
    border: 1px solid #e8e8e8;
    overflow: hidden;
}

.x-product-list-two li .img img {
    max-width: 100%;
    transition: all 0.8s;
}

.x-product-list-two li h3 {
    color: #555555;
    font: 400 17px/60px "Microsoft yahei";
    text-align: center;
}

.x-product-list-two li:hover .img {
    border: 1px solid #0158cb;
}

.x-product-list-two li:hover .img img {
    transition: all 0.8s;
    transform: scale(1.05);
}

.x-product-list-two li:hover h3 {
    color: #0158cb;
}