/* CSS Document */
body

{

-moz-user-select: none; /*火狐*/

-webkit-user-select: none; /*webkit浏览器*/

-ms-user-select: none; /*IE10*/

-khtml-user-select: none; /*早期浏览器*/

user-select: none;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;overflow-x: hidden;}
a { text-decoration: none; color: #333;display: block;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
input{outline: none;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1500px; margin:0 auto; height: 100%;}
.ny-container{width:1400px; margin:0 auto; height: 100%;}
.containerv{width:1655px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}
/* CSS Document */
.index-news a:hover {
    border-color: #1648c7;
    box-shadow: 0 4px 20px rgb(22 72 199 / 30%);
} 
#mouse{position: absolute;top: -111px;}
/*head*/
.header .container{position:relative;z-index: 2; }
.head{width:100%;height: 120px;position: fixed;top: 0;z-index: 999;}
.logo{margin-top: 27px;}

.nav-head{display: none;}

.head .wx{margin-top: 35px;}
.head .wx p{background: url(../images/phone.png)no-repeat left center;padding-left: 35px;color: #428acb;font-size: 24px;font-weight: bold;font-family: arial;display: inline-block;margin-left: 25px;margin-right: 40px;}
.head-nav{width: 60%;margin-left: 13%;}
.head-nav li{position: relative; width: calc(100% / 7);}
.head-nav ul{display: flex;}
.head-nav  li>a span{display: block; font-size: 16px;line-height: 107px;  position: relative;height:100px;width: 70px;text-align: center;color: #fff;}
.ny-head .head-nav  li>a span{display: block; font-size: 16px;line-height: 107px;  position: relative;height:100px;width: 70px;text-align: center;color: #333333;}
.head-nav li>a span:after{position: absolute; content: ''; width: 0; height: 2px; background: #428acb; bottom: 19px; left: 50%;}
.head-nav  li:hover a span:after,.head-nav ul li.on a span:after{width: 100%; left: 0; transition:0.6s}
.head-nav .on>a{color: #428acb;}
.head-nav li:hover>a{color: #428acb;}
.navfixed{position: fixed; width: 100%; top: 0; z-index: 2222;padding-top:5px ; transition: all 0.6s;}
.ny-navfixed{position: fixed; width: 100%; top: 0; z-index: 2222;padding-top:5px ; transition: all 0.6s;background: #FFFFFF;}
/*.nav li:hover>a,.nav li.on>a{color: #fff;}*/
.head-nav .nav-hide{z-index: 99; display: none;position: absolute;  top: 100px;  width: 180px; background: #fff; left: 22%; margin-left: -90px;text-align: center;  z-index: 2;}
.head-nav .nav-hide em{}
.head-nav .nav-hide em a{display: block; font-size: 15px; line-height: 48px; color: #666;border-bottom: solid 1px #666; }
.head-nav .nav-hide em a:hover{background: #fff; color: #008CD6;}
.head-nav ul li:hover .nav-hide{display: block;}
/*搜索*/
.search{margin-top: 43px;}
.search img{cursor: pointer;}
.search form{position: absolute;top: 95px;right: 5%;margin-top:10px;box-shadow:1px 1px 10px rgba(0,0,0,0.15);width:270px;height:45px;border-radius:50px;overflow: hidden;display:none; z-index: 2}
.search form input{outline: none;}
.search form .text{width:200px;height:45px;background: #fff;border:none;display: block;text-indent:20px;float:left}
.search form .submit{width:70px;text-align: center; background: #428acb;color:#fff;float:right;height:45px;line-height: 45px;text-align: center;border:none;cursor: pointer;}

#nav  li{position: relative;}
#nav  li .hide{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 7%; margin-left: -46px; display: none;position: absolute;z-index: 2; background: white; padding: 10px 0;}
#nav  li .hide em a{float: left; display:block;font-size: 15px; line-height:35px;text-align: center; width: 156px;font-size: 14px}
#nav  li .hide em:last-child a{border-bottom: none;}
#nav  li .hide em a:hover{color: #428acb;transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;display: block;}

.wap-header{display: none}

/*banner*/
.banner img{display: block;width: 100%;}
.about-banner img{display: block;width: 100%;}
.mouse{width: 23px;height: 36px;background: url(../images/mouse-icon.png)no-repeat center center;position: absolute;bottom:28px;left: 49%;z-index: 20;cursor: pointer;}


/*首页关于我们*/
.about{margin-top: 3%;}
.about .title em{color: #333333;font-size: 36px;font-weight: bold;}
.about .title p{color: #808080;font-family: arial;font-size: 14px;position: relative;bottom: 5px;text-transform: uppercase;}
.about .fl{width: 49%;}
/*.about .fr{width: 32%;}*/
.about .fr img{display: block;width: 100%;}
.about ul{display: flex;justify-content: space-between;margin-top: 5%;}
.about ul li{text-align: center;}
.about ul li:nth-child(1){width: 140px;}
.about ul li:nth-child(2){width: 85px;}
.about ul li:nth-child(3){width: 150px;}
.about ul li em{color: #0f62ca;font-size: 60px;font-family: impact;}
.about ul li span{color: #0f62ca;font-size: 14px;margin-left: 6px;}
.about ul li p{color: #4c4c4c;font-size: 14px;}
.about .info{margin-top: 8%;}
.about .info a{display: inline-block;width: calc(100% / 3 - 1%);height: 60px;text-align: center;line-height: 60px;color: #333333;font-weight: bold;font-size: 17px;background: #fafafa;}
.about .info p{color: #808080;font-size: 14px;line-height: 33px;margin-top: 7%;}
.about img{display: block;margin-bottom: 30px;margin-top: 15px;}
.about .fr span{background: #0F62CA;color: #FFFFFF;text-align: center;line-height: 30px;width: 30px;height: 30px;display: inline-block;border-radius: 100%;margin-right: 10px;}
.about .fr em{color: #0F62CA;font-size: 14px;font-family: arial;}
.about .fr .ck{color: #333333;font-size: 14px;width: 175px;height: 55px;border:1px solid #333;border-radius: 25px;text-align: center;line-height: 55px;margin-top: 7%;display: none;margin: auto;}

/*产品与服务*/
.product{background: url(../images/product-bg.jpg)no-repeat center;height: 740px;text-transform: uppercase;overflow: hidden;margin-top: 6%;background-attachment: fixed;}
.product .title em{font-size: 36px;color: #FFFFFF;font-weight: bold;margin-top: 55px;display: block;}
.product .title p{font-size: 14px;font-family: arial;color: #FFFFFF;position: relative;bottom: 5px;}
.product .inbd ul{display: flex;border-radius: 15px;width: 100%;flex-wrap: wrap;background: rgba(19,47,86,0.5);margin-top: 76px;overflow: hidden;}
.product .inbd ul li{width: calc(100% / 2 - 2.2%);text-align: center;color: #FFFFFF;padding: 10.5% 1%;border: 1px solid #000;border-right: 0px;border-bottom: 0px;}
.product .inbd ul .on{background: url(../images/product-pic.png)no-repeat center center;background-size: cover;}
.product .inbd ul li:nth-child(1){border-radius: 15px 0 0 0;}
.product .inbd ul li:nth-child(3){border-radius: 0px 7px 0 0;}
.product .inbd ul li:nth-child(4){border-radius: 0px 0 0 15px;}
.product .inbd ul li em{color: #FFFFFF;font-size: 16px;}
.product .inbd ul li p{color: #FFFFFF;font-size: 12px;font-family: arial;}
.product .inhd{width: 40%;margin-right: 3.5%;}
.product .inbd{width: 49.9%;}
.product .inhd li{color: #FFFFFF;}
.product .inhd li em{font-size: 20px;font-weight: bold;display: block;margin-top: 25%;}
.product .inhd li span{font-size: 20px;font-weight: bold;font-family: arial;}
.product .inhd li p{font-size: 14px;color: #FFFFFF;margin-top: 5%;line-height: 35px;}
.product .inhd li a{color: #333333;font-size: 14px;width: 175px;height: 55px;background: #FFFFFF;border-radius: 25px;text-align: center;line-height: 55px;margin-top: 7%;}

/*解决方案*/
.solution .title{font-size: 36px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 35px;margin-top: 65px;text-transform: uppercase;}
.solution .title em{font-weight: bold;}
.solution .title p{font-size: 14px;color: #808080;font-family: arial;position: relative;bottom: 10px;}
.solution .fll{width: 38%;box-sizing: border-box;}
.solution-hd{margin-bottom: -1px;}
.solution-content{display: flex;}
.solution .fll .name{display: flex;background: #0F62CA;}
.solution .fll .name .pic{width: 72%;text-align: center;font-size: 32px;border-right: 1px solid #87b1e5;}
.solution .fll .name .pic p{color: #FFFFFF;padding-left: 10%;display: inline-block;position: relative;bottom: 9%;}
.solution .fll .name .pic img{margin-top: 27%;margin-left: 5%;}
.solution .fll .name .go{width: 28%;text-align: center;padding: 22% 0px;}
.solution .fll .info{width: 100%;background: #fafafa;box-sizing: border-box;padding-bottom: 10%;height: 53.3%;}
.solution .fll .info em{float: left;font-size: 20px;font-weight: bold;color: #333333;margin: 5% 0% 3% 9%;}
.solution .fll .info span{float: right;font-size: 20px;font-weight: bold;color: #333333;font-family: arial;margin: 5% 9% 3% 0%;}
.solution .fll .info p{clear: both;color: #666666;font-size: 14px;margin: 5% 9% 0% 9%;line-height: 170%;}
.solution .frr{width: 62%;}
.solution .frr .swiper-container2{overflow: hidden;position: relative;}
.solution .frr .solution .swiper-slide{height: 602px;background-size: contain;}
.solution .swiper-container2 img{display: block;}

.solution .swiper-container2 .swiper-button-next,.solution .swiper-container2 .swiper-button-prev{width: 44px;height: 44px;border-radius:100% ;}
.solution .swiper-container2 .swiper-button-next{right: 3.5%;top: 87%;left: auto;background: url(../images/solution-right.png)no-repeat center #FFFFFF;}
.solution .swiper-container2 .swiper-button-prev{left: 84%;top: 87%;right: auto;background: url(../images/solution-left.png)no-repeat center #FFFFFF;}
.solution .swiper-container2 .swiper-button-next:hover{right: 3.5%;top: 87%;left: auto;background: url(../images/solution-rightl.png)no-repeat center #FFFFFF;}
.solution .swiper-container2 .swiper-button-prev:hover{left: 84%;top: 87%;right: auto;background: url(../images/solution-leftl.png)no-repeat center #FFFFFF;}

.solution .swiper-container3{overflow: hidden;}
.solution .solution-bd{position: relative;}
.solution .solution-bd ul{display: flex;border-right: 1px solid #E6E6E6;width: 80%;float: left;text-transform: uppercase;}
.solution .solution-bd ul li{text-align: center;border: 1px solid #e6e6e6;border-right: 0px;overflow: hidden;height: 228px;}
.solution .solution-bd ul li img{margin: 14.5% 0 3% 0px;height: 43px;}
.solution .solution-bd ul li span{margin: 3% 0 11% 0px;display: block;color: #555555;font-size: 20px;font-family: arial;font-weight: bold;}
.solution .solution-bd ul li em{display: block;color: #333333;font-size: 18px;font-weight: bold;}
.solution .solution-bd ul li p{color: #999999;font-size: 12px;font-family: arial;position: relative;bottom: 3px;}
.solution .solution-bd ul li:hover{background: #0f62ca;}
.solution .solution-bd ul li:hover img{transform: translateY(-90px);filter: drop-shadow(#fff 0 90px);}
.solution .solution-bd ul li:hover em{color: #FFFFFF;}
.solution .solution-bd ul li:hover p{color: #FFFFFF;}
.solution .solution-bd ul li:hover span{color: #FFFFFF;}
.solution .solution-bd .ck{float: right;width: 19.9%;background: #0f62ca;text-align: center;position: absolute;top: 0;right: 0;height: 228px;}
.solution .solution-bd .ck img{margin: 16% 0 3.7% 0px;}
.solution .solution-bd .ck span{margin: 2% 0 12% 0px;display: block;color: #FFFFFF;font-size: 20px;font-family: arial;font-weight: bold;}
.solution .solution-bd .ck span img{margin: 0;}
.solution .solution-bd .ck em{display: block;color: #FFFFFF;font-size: 18px;font-weight: bold;}
.solution .solution-bd .ck p{color: #FFFFFF;font-size: 12px;font-family: arial;position: relative;bottom: 3px;}

.wap-solution .title{font-size: 36px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 35px;margin-top: 65px;text-transform: uppercase;}
.wap-solution .title p{font-size: 14px;color: #808080;font-family: arial;position: relative;bottom: 10px;}
.wap-solution .fll{width: 38%;box-sizing: border-box;}
.wap-solution-content{display: flex;}
.wap-solution .fll .name{display: flex;background: #0F62CA;}
.wap-solution .fll .name .pic{width: 72%;text-align: center;font-size: 32px;border-right: 1px solid #87b1e5;}
.wap-solution .fll .name .pic p{color: #FFFFFF;padding-left: 10%;display: inline-block;position: relative;bottom: 16%;}
.wap-solution .fll .name .pic img{margin-top: 13%;margin-left: 5%;}
.wap-solution .fll .name .go{width: 28%;text-align: center;padding: 22% 0px;}
.wap-solution .fll .info{width: 100%;background: #fafafa;box-sizing: border-box;padding-bottom: 14.5%;}
.wap-solution .fll .info em{float: left;font-size: 20px;font-weight: bold;color: #333333;margin: 12% 0% 5% 9%;}
.wap-solution .fll .info span{float: right;font-size: 20px;font-weight: bold;color: #333333;font-family: arial;margin: 12% 9% 5% 0%;}
.wap-solution .fll .info p{clear: both;color: #666666;font-size: 14px;margin: 12% 9% 0% 9%;line-height: 34px}
.wap-solution .frr{width: 62%;}
.wap-solution .frr .swiper-container2{overflow: hidden;position: relative;}
.wap-solution .frr img{display: block;width: 100%;}

/*我们的实力*/
.strength ul .fl{width: 50%;position: relative;}
.strength ul .fl {width: 50%;position: relative;}

.strength .title{font-size: 36px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 35px;margin-top: 79px;text-transform: uppercase;}
.strength .title em{font-weight: bold;}
.strength .title p{font-size: 14px;color: #808080;font-family: arial;position: relative;bottom: 10px;}
.strength ul .fr img,.strength ul .fl img{display: block;width: 100%;}
.strength ul .fr,.strength ul .fl{width: 50%;position: relative;transition: 0.4s;}
.strength ul .fl .name,.strength ul .fr .name{position: absolute;bottom: 0;right: 0;width: 38.4%;padding-bottom: 7.249%;background: #FAFAFA;transition: 0.3s;}
.strength ul .fl .name em,.strength ul .fr .name em{font-size: 20px;font-weight: bold;color: #1175f0;margin: 20px 0px 0px 30px;display: block;transition: 0.3s;}
.strength ul .fl .name p,.strength ul .fr .name p{color: #b2b2b2;font-size: 12px;font-family: arial;margin: 0px 0px 0px 30px;transition: 0.3s;}
.strength ul .fl .name a,.strength ul .fr .name a{width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #FFFFFF;background: #e0e0e0;position: absolute;bottom: 0;right: 0;transition: 0.3s;}
.strength ul li:hover .name{background: #0f62ca;}
.strength ul li:hover .name em{color: #FFFFFF;}
.strength ul li:hover .name p{color: rgba(255,255,255,0.5);}
.strength ul li:hover .name a{background: #1175F0;}

.wap-strength .title{font-size: 36px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 35px;margin-top: 79px;text-transform: uppercase;}
.wap-strength .title p{font-size: 14px;color: #808080;font-family: arial;position: relative;bottom: 10px;}
.wap-strength{display: none;}
.wap-strength ul{}
.wap-strength ul li{width: 100%;text-align: center;}
.wap-strength ul li:nth-child(1){margin-bottom: 15px;}
.wap-strength ul li img{display: block;width: 100%;}
.wap-strength ul li p{height: 40px;line-height: 40px;font-size: 18px;}
/*新闻*/
.news{overflow: hidden;margin-bottom: 50px;}
.news .title{font-size: 36px;font-weight: bold;color: #333333;text-align: center;margin-bottom: 30px;margin-top: 4%;text-transform: uppercase;}
.news .title em{font-weight: bold;}
.news .title p{font-size: 14px;color: #808080;font-family: arial;position: relative;bottom: 10px;}
.news ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news ul li{margin-bottom: 2.5%;width: calc(100% / 3 - 2.2%);transition: 0.4s;}
.news ul li .pic{overflow: hidden;}
.news ul li .pic img{width: 100%;display: block;transition: all 0.4s;}
.news ul li .pic:hover img{transform: scale(1.1);}
.news ul li .name{overflow: hidden;background: #fafafa;}
.news ul li .name em{font-size: 17px;color: #333333;transition: all 0.3s;display: inline-block;margin: 20px 36px 5px 36px;font-weight: bold;}
.news ul li .name p{font-size: 14px;color: #666666;margin: 0px 36px 0px 36px}
.news ul li .name .data em{font-size: 14px;float: left;margin: 0px 0px 0px 36px;font-family: arial;color: #333333;font-weight: normal;}
.news ul li .name .data{margin-top: 15px;padding-bottom: 47px;}
.news ul li .name span{font-size: 14px;color: #333;font-family: arial;float: right;margin: 0px 36px 0px 36px}
.news ul li:hover .name .em{color: #0f62ca;}
.news ul .ck{color: #333333;font-size: 14px;width: 175px;height: 55px;border: 1px solid #333;border-radius: 25px;text-align: center;line-height: 55px;margin-top: 7%;display: none;margin: auto;}

/*咨询*/
.consult{background: url(../images/consult-bg.jpg)no-repeat center;height: 340px;text-align: center;overflow: hidden;}
.consult em{margin-top: 5.5%;display: block;}
.consult p{font-size: 32px;color: #FFFFFF;font-weight: 400; margin-top: 70px;}
.consult span{font-size: 18px;color: #FFFFFF;margin-top: 30px;}
.consult a{position: absolute;  -webkit-animation: bs linear 2s 0.9s infinite;-moz-animation: bs linear 2s 0.9s infinite;animation: bs linear 2s 0.9s infinite; display: block; width: 175px; font-size: 17px;height: 53px; line-height: 53px; color: #0f62ca; font-weight: bold; background: #fff;  border-radius: 30px;  left: 0; right: 0; margin: auto; z-index: 1;text-align: center;padding-left: 15px;margin-top: 2%}
.consult a img{position: relative;top: 5px;right: 15px;}
.consult a:before {content: '';display: block;width:193px;height: 61px;border-radius:50px;opacity: .7;background-color: #fff;animation: scaless 1s infinite cubic-bezier(0, 0, .49, 1.02);z-index: -1;position: absolute;top: -4px;right: -1px;}
@keyframes scaless {
    0% {
        transform: scale(1)
    }

    50%,
    75% {
        transform: scale(1.1)
    }

    78%,
    100% {
        opacity: 0
    }
}
.consult p,.consult span{}
	

.ny-honor{margin-top: 2%;}
.ny-honor ul{}
.ny-honor ul li{float: left;}
.ny-honor ul li img{display: block;width: 100%;height: 499px;}



/*底部*/
.foot{background: #eee;width: 100%;height: 314px;position: relative;z-index: 1;}
.f-t-left{width: 79%;}
.f-t-right{width: 18.5%;float: right;}
/*.f-t-left dl {float: left;margin-right: 60px;margin-top: 10px;}*/
.f-t-left dl dt a{margin-bottom: 15px;}
.f-t-left dl dt a,.f-t-right dl dt a{font-size: 18px;color: #333;font-weight: bold;}
.f-t-left dl {float: left;margin-right: 10%; margin-top: 55px;}
.f-t-left dl dd a {color: #666666;font-size: 14px;line-height: 33px;}

.f-t-right dl{margin-top: 55px;}
.f-t-right dl dd{float: left;margin-right: 17px;width: calc(100% / 2 - 18px); margin-top: 30px;}
.f-t-right dl dd img{width: 95%;}
.f-t-right dl dd p{font-size: 14px;color: #666666;text-align: center;margin-top: 5px;}

.foot-bottom{height: 55px;background: #eee;line-height: 55px;border-top: 1px solid #e6e6e6;}
.foot-bottom p{display: flex;text-align: center;justify-content: center;color: #b2b2b2;font-size: 14px;}
.beian{margin-left: 25px;}
.foot-bottom p a{color: #b2b2b2;}
.foot-bottom span{display: flex;margin-left: 25px;}
.foot-bottom i{margin-top: 22px;}

/*内页关于我们*/

/*内页导航*/
.position{height: 70px ;border-bottom: 1px solid #e6e6e6;line-height: 70px;}
.position .fl{background: url(../images/position-icon.png)no-repeat center left;padding-left: 35px;font-size: 14px;color: #808080;}
.position .fl a{display: inline-block;font-size: 14px;color: #808080;}
.position .fr ul{display: flex;width: 100%;}
.position .fr .ctitle1>li{font-size: 16px;text-align: right;margin-left: 70px;position: relative;}
.position .fr ul li.on a{color: #0d63c6;}
.position .fr ul li:hover a{color: #0d63c6;}

.position .fr .ctitle1 .ctitle2{position: absolute; background: #fff; left: -62px; width: 200px; box-shadow: 3px 0 3px 0px #f5f3f3; top: 70px; display: none;z-index: 50;}
.position .fr .ctitle1 .ctitle2>li{float: left; margin-right: 5.8%;}
.position .fr .ctitle1 .ctitle2>li>a{display: block; color: #666666; line-height: 60px;text-align: center;width: 200px;}
.position .fr .ctitle1 .ctitle2>li:hover>a,.project-class .ctitle2>li.on>a{color: #1e4592}
/*.position .fr .ctitle1 .ctitle2>li:first-child{margin-left: 9.3%}*/
.position .fr .ctitle1>li:hover .ctitle2{display: block;}

.wap-position{display: none;}
.wap-position ul{display: flex;flex-wrap: wrap;}
.wap-position .ctitle1>li{width: 40%;height: 40px;text-align: center;line-height: 40px;border-radius: 50px;border: 1px solid #999;margin-left: 6%;margin-top: 4%;font-size: 16px;}
.wap-position .ctitle1>li .ctitle2 li{width: 100%;padding: 5px 5px;border: 1px solid #999;border-radius: 50px;display: none;}
.wap-position .ctitle1>li:hover .ctitle2 li{display: block;}
/*关于我们介绍*/
.ny-about{margin-top: 70px;}
.ny-about ul{display: flex;}
.ny-about ul li{margin: auto;}
.ny-about ul li em{color: #333333;font-weight: bold;font-size: 36px;display: block;}
.ny-about ul li span{color: #666666;font-size: 14px;font-family: arial;position: relative;bottom: 8px;display: block;margin-bottom: 20px;text-transform: uppercase;}
.ny-about ul li p{width: 90%;font-size: 16px;color: #808080;line-height: 190%;}

.about-info ul{display: flex;justify-content: space-between;margin-top: 5.5%;margin-bottom: 90px;}
.about-info ul li{width: calc(100% / 4 - 1%);text-align: center;}
.about-info ul li .name{overflow: hidden;box-shadow: 0px 0px 13px 7px #f3f7fc;padding-bottom: 25px;border-radius: 0px 0px 25px 25px}
.about-info ul li:nth-child(1) .name{padding-bottom: 40.6%;}
.about-info ul li:nth-child(3) .name{padding-bottom: 20%;}
.about-info ul li:nth-child(4) .name{padding-bottom: 26%;}
.about-info ul li img{display: block;width: 100%;}
.about-info ul li em{font-weight: bold;font-size: 20px;color: #333333;margin-top: 20px;display: block;}
.about-info ul li p{font-size: 14px;color: #666666;padding: 5px 4%;text-align: justify;}


/*企业文化*/
.company{text-transform: uppercase;}
.company .title{text-align: center;margin-top: 2%;margin-bottom: 2%;}
.company .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.company .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.company ul li{display: flex;}
.company ul li:nth-child(2){flex-direction: row-reverse;}
.company ul li:nth-child(2) .name em{margin-left: 31.8%;}
.company ul li .pic{width: 50%;}
.company ul li .pic img{display: block;width: 100%;}
.company ul li .name{width: 50%;background: url(../images/company-bg.png)no-repeat center;}
.company ul li .icon span{display:block;width: 70px;height: 70px;background: #0d63c6;border-radius: 100%;text-align: center;line-height: 89px;}
.company ul li .icon span img{margin-top: 19px;}
.company ul li .icon{position: relative;margin-left: 35%;margin-top: 9.5%;margin-bottom: 2.5%;}
.company ul li .icon:after{position: absolute;content: '';border: dashed 1px #0d63c6;top: -6px;width: 80px;height: 80px;border-radius: 50%;left: -6px;  animation: round 5s infinite linear; -webkit-animation: round 5s infinite linear;}
.company ul li .name em{margin-left: 33.6%;color: #0d63c6;font-size: 24px;font-weight: bold;display: block;margin-bottom: 1.5%;}
.company ul li .name p{margin-left: 19%;width: 42%;text-align: center;font-size: 16px;}
@keyframes round{  
	from{transform: rotate(0deg);}  
	to{transform: rotate(360deg);}  
}  

/*资质荣誉*/
.honor .title{text-align: center;margin-top: 4%;margin-bottom: 3%;}
.honor .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.honor .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;text-transform: uppercase;}
.honor ul{display: flex;justify-content: space-between;margin-bottom: 5%;}
.honor ul li{width: calc(100% / 4 - 2.5%);border: 1px solid #e6e6e6;text-align: center;padding-top: 0.5%;padding-bottom: 0.5%;}
.honor .ck{width: 205px;height: 60px;text-align: center;line-height: 60px;margin: auto;border: 1px solid #d9d9d9;border-radius: 50px;margin-bottom: 4.5%;font-size: 16px;transition: 0.4s;}
.honor .ck:hover{background: #0d63c6;color: #FFFFFF;}
.honor ul li img{display: block;width: 95%;margin: auto;}

/*技术与创新*/
.innovation .title{text-align: center;margin-top: 4%;margin-bottom: 3%;text-transform: uppercase;}
.innovation .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.innovation .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.innovation ul li.fl{width: 50%;}
.innovation ul li.fl img{display: block;width: 100%;}
.innovation ul li.fr{width: 50%;}
.innovation ul li .p{margin: 13% 0px 0px 8%}
.innovation ul li .p p{line-height: 35px;color: #666666;font-size: 16px;}
.innovation ul li .con{margin-left: 8%;}
.innovation ul li .con ul{display: flex;justify-content: space-between;text-align: center;margin-top: 3%;}
.innovation ul li .con em{font-family: "bebas";font-size: 60px;color: #0d63c6;}
.innovation ul li .con span{font-size: 14px;color: #0d63c6;position: relative;bottom: 40px;left: 5px;}
.innovation ul li .con p{font-size: 17px;color: #0d63c6;font-weight: bold;position: relative;bottom: 7px;}
@font-face {
		font-family:'bebas';
		src: url('../text/BEBAS.TTF');
	}

/*实验室仪器*/
.instrument{background: #fafafa;overflow: hidden;margin-top: 3.9%;text-transform: uppercase;padding-bottom: 3%;}
.instrument .title{text-align: center;margin-top: 3%;margin-bottom: 3%;}
.instrument .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.instrument .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.instrument ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.instrument ul li{width: calc(100% / 5 - 0.7%);margin-bottom: 1%;}
.instrument ul li img{display: block;width: 100%;}
.instrument ul li p{font-size: 15px;color: #666666;height: 50px;text-align: center;line-height: 50px;background: #FFFFFF;}
.instrument ul li:hover p{color: #428acb;}
.innovation-end ul{display: flex;justify-content: space-between;position: relative;margin: 5% 0%;}
.innovation-end ul li img{display: block;width: 100%;}
.innovation-end ul li .info{position: absolute;bottom: 25px;padding-left: 0;margin-left: 3%;}
.innovation-end ul li .info em{font-size: 22px;color: #FFFFFF; font-weight: bold; }
.innovation-end ul li .info p{font-size: 16px;color: #FFFFFF;}

/*规模*/
.csale{position: relative;}
.csale .info{position: absolute;top: 3.5%;text-align: center;left: 0%;}
.csale img{display: block;width: 100%;}
.csale .info em{font-size: 70px;color: #0d63c6;font-weight: bold;}
.csale .info p{font-size: 24px;color: #333333;width: 76%;margin: auto;line-height: 50px;margin-top: 0.5%;}
.csale-two{position: relative;}
.csale-two .info{position: absolute;top: 10.5%;}
.csale-two .info em{font-size: 70px;color: #0d63c6;font-weight: bold;}
.csale-two .info p{font-size: 24px;color: #333333;width: 46%;line-height: 50px;margin-top: 0.5%;}
.csale-two img{display: block;width: 115%;}

/*质量标准*/
.standard .title{text-align: center;margin-top: 3%;margin-bottom: 3%;}
.standard .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.standard .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.standard ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 3%;}
.standard ul li{width: calc(100% / 2 - 1.4%);margin-bottom: 3%;text-transform: uppercase;}
.standard ul li .name{height: 70px;background: #0d63c6;line-height: 70px;color: #FFFFFF;font-size: 22px;padding-left: 4%;}
.standard ul li .name span{font-size: 14px;font-family: arial;margin-left: 1.5%;}
.standard ul li .info{margin-top: 2.3%;}
.standard ul li .info p{background: url(../images/standard-icon.png)no-repeat top 12px left;padding-left: 16px;margin-left: 4%;line-height: 31px;font-size: 16px;color: #333333;}
.standard ul li:last-child{width: 100%;}
.standard ul li:last-child .name{padding-left: 2%;}
.standard ul li:last-child .info{margin-top: 1.65%;}
.standard ul li:last-child .info p{margin-left: 2%;display: inline-block;width: 45%;}
.standard ul li:last-child .info .left{margin-left: 5%;}


/*内页产品与服务*/
.services-banner{position: relative;}
.services-banner .inbd{position: absolute;z-index: 10;width: 100%;}
.services-banner .inhd ul{height: 800px;}
#abuc{display: flex;flex-wrap: wrap;background: url(../images/services-bg.jpg)no-repeat center;transition: all 1s;}

.abuc1{background: url(../images/gyfh.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc2{background: url(../images/ggaq.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc3{background: url(../images/gdjt.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc4{background: url(../images/bdtzz.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc5{background: url(../images/dqys.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc6{background: url(../images/qczz.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc7{background: url(../images/ggys.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc8{background: url(../images/djpmxs.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc9{background: url(../images/yljx.jpg)no-repeat center !important;transition: all 1.5s;}
.abuc10{background: url(../images/djzm.jpg)no-repeat center !important;transition: all 1.5s;}

.services-banner .inbd ul li{width: calc(100% / 5 - 2px);text-align: center;border: 1px solid #6f737d;border-right: 0px;border-bottom: 0px;height: 399px;}
.services-banner ul li:hover{background: rgba(32,91,168,0.7);}
.services-banner .inbd ul li img{margin-top: 35%;transition: 0.4s;}
.services-banner .inbd ul li em{display: block;font-size: 24px;color: #FFFFFF;margin-top: 8%;transition: 0.4s;}
.services-banner .inbd ul li p{font-size: 12px;font-family: arial;color: #FFFFFF;margin-top: 2%;text-transform: uppercase;margin-bottom: 118px;}
.services-banner .inhd img{display: block;}
.services .title{text-align: center;margin-top: 3%;margin-bottom: 3%;}
.services .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.services .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.services ul{flex-wrap: wrap;justify-content: space-between;}
.services ul:after{content: '';width: 22%;}
.services ul li{width: calc(100% / 4 - 1%);margin-bottom: 2%;transition: 0.4s;float: left;margin-right: 1.3%;}
.services ul li:nth-child(4n){margin-right: 0%;}
.services ul li .pic{overflow: hidden;}
.services ul li .pic img{display: block;width: 100%;transition: 0.4s;}
.services ul li:hover .pic img{transform: scale(1.1);}
.services ul li .name{color: #666666;font-size: 16px;text-align: center;height: 55px; line-height: 55px;background: #FAFAFA;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}

/*内页产品详情*/
.ny-xiangqing {background-color: #f8f8f8;}
.nypro {width: 100%; padding: 4% 0;}
.nypro .l {width: 45%; text-align: left; float: left;}
.nypro .l img {max-width: 100%;}
.nypro .r {width: calc(52% - 100px); padding: 30px 50px 50px; text-align: left; float: right; background-color: #fff;}
.nypro .r h1 {font-size: 30px; color: #333333; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px;}
.nypro .r p {font-size: 16px; color: #666; line-height: 180%; margin-bottom: 20px;}
.nypro .r p strong{color: #132f56;}
.nypro .r .tel{line-height: 50px; background: #04287e; text-align: center; font-size: 18px; color: #fff; width: 100%; margin-top: 20px;}
.nypro .r .tel i{margin-right: 10px;}

/*内页解决方案*/
.ny-solution .title{text-align: center;margin-top: 3%;margin-bottom: 3%;text-transform: uppercase;}
.ny-solution .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.ny-solution .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.ny-solution ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ny-solution ul li{width: calc(100% / 2 - 1.1%);margin-bottom: 2.5%;}
.ny-solution ul li .pic img{display: block;width: 100%;}
.ny-solution ul li .name{overflow: hidden;height: 90px;box-shadow: 0px 0px 5px 3px #FAFAFA;}
.ny-solution ul li .name .fl{margin-top: 2.2%;margin-left: 4%;padding-left: 8%;transition: 0.4s;}
.ny-solution ul li:hover .name .fl{padding-left: 11%;}
.ny-solution ul li:hover .name .fl em{color: #0f62ca;}
.ny-solution ul li .name .fr{margin-top: 5.5%;margin-right: 5%;transition: 0.4s;}
.ny-solution ul li:hover .name .fr{margin-right: 7%;}
.ny-solution ul li .name em{font-size: 22px;color: #333333;}
.ny-solution ul li .name p{font-size: 14px;color: #808080;position: relative;bottom: 5px;}

.solution-two{background: #fafafa;}
.solution-two ul{display: flex;flex-wrap: wrap;justify-content: space-evenly;margin-top: 2%;padding-top: 5%;padding-bottom: 2.5%;}
.solution-two ul:after{content: '';width: 29.2%;}
.solution-two ul li{width: calc(100% / 3 - 4%);margin-bottom: 2.8%;}
.solution-two ul li .pic img{display: block;width: 100%;}
.solution-two ul li .name{height: 80px;background: #FFFFFF;}
.solution-two ul li .name em{font-size: 22px;color: #333333;}
.solution-two ul li .name p{font-size: 14px;color: #808080;position: relative;bottom: 5px;}
.solution-two ul li .name .fr{margin-top: 7%;margin-right: 5%;transition: 0.4s;}
.solution-two ul li:hover .name .fr{margin-right: 7%;}
.solution-two ul li .name .fl{margin-left: 5%;margin-top: 2.2%;transition: 0.4s;}
.solution-two ul li:hover .name .fl{margin-left: 7%;}
.solution-two ul li:hover .name .fl em{color: #0f62ca;}

/*媒体视频 video*/
.media-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e6e6e6;margin-bottom: 60px;margin-top: 45px;}
.media-nav ul li{width: 13%;text-align: center;background: url(../images/product-line.png)no-repeat right top 5px;}
.media-nav ul li:last-child{background: none;}
.media-nav ul li a{position: relative;display: inline-block;height: 40px;font-size: 18px;color: #666666;transition: all 0.3s;}
.media-nav ul li.on a{color: #428acb;font-size: 18px;font-weight: bold;}
.media-nav ul li:hover a{color: #428ACB;font-weight: bold;transition: all 0.3s;}
.media-nav ul li a:hover:after,.media-nav ul li.on a:after{width: 100%; left: 0; transition:0.6s;}
.media-nav ul li a:after{position: absolute; content: ''; width: 0; height: 2px; background: #428acb;bottom: -1px;left: 50%;}
.media ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5.5%;}
.media ul li{margin-bottom: 4%;width: calc(100% / 4);}
.media ul li video{width: 96%;}
.media ul li .name{overflow: hidden;margin-top: 6px;width: 96%;}
.media ul li .name em{font-size: 16px;color: #333333;transition: all 0.3s;}
.media ul li .name span{font-size: 14px;color: #cccccc;font-family: arial;float: right;}
.media ul li:hover .name em{color: #428acb;}
.media .pagelist{text-align: center;/*display: block;*/margin-bottom: 6%;}
.media .pagelist .first{border: 1px solid #dddddd;padding: 10px 35px;font-size: 14px;display: inline;border-radius: 7px;margin-right: 10px;}
.media .pagelist .end{border: 1px solid #dddddd;padding: 10px 35px;font-size: 14px;background: none;color: #333;display: inline;border-radius: 7px;margin-left: 10px;}
.pagelist .on{background: #277bd1;color: #FFFFFF;border: 1px solid #277bd1;}
.pagelist .current {padding: 10px 15px;border-radius: 7px}

.media ul li .video{position: relative;}
.media ul li .video img{width: 96%;display: block;}
.media ul li .video:after{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.4);display: none;}
.media ul li:hover .video:after,.media ul li:hover .video .sj{display: block;}
.media ul li .video .sj{position: absolute;top: 45%;width: 35px;left: 46%;background: #fff;height: 35px;border-radius: 100%;z-index: 10;display: none;}
.media ul li .video .sj p{ width:0;height:0;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 12px solid rgba(0,0,0,0.5);margin: auto;margin-top: 10px;}



/*内页新闻*/
.ny-news .title{text-align: center;margin-top: 2%;text-transform: uppercase;}
.ny-news .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.ny-news .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.ny-news ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 2%;}
.ny-news ul::after{content: '';width: 31%;}
.ny-news ul li{margin-bottom: 2.5%;width: calc(100% / 3 - 2.3%);}
.ny-news ul li .pic{overflow: hidden;}
.ny-news ul li .pic img{width: 100%;display: block;transition: all 0.4s;}
.ny-news ul li .pic:hover img{transform: scale(1.1);}
.ny-news ul li .name{overflow: hidden;background: #fafafa;}
.ny-news ul li .name em{font-size: 17px;color: #333333;transition: all 0.3s;display: inline-block;margin: 20px 20px 5px 20px;font-weight: bold;}
.ny-news ul li .name p{font-size: 14px;color: #666666;margin: 0px 20px 0px 20px;color: #666666;}
.ny-news ul li .name .data em{font-size: 14px;float: left;margin: 0px 0px 0px 20px;color: #333333;font-family: arial;font-weight: normal;}
.ny-news ul li .name .data{margin-top: 15px;padding-bottom: 35px;}
.ny-news ul li .name span{font-size: 14px;color: #333;font-family: arial;float: right;margin: 0px 50px 0px 25px;}
.ny-news ul li:hover .name>em{color: #0f62ca;}

.nr-content p {font-size: 16px; line-height: 180%; margin-bottom: 10px;}

/*社会责任*/
.trust-banner img{display: block;}
/*联系我们*/
.connect .title{text-align: center;margin-top: 3%;margin-bottom: 3%;text-transform: uppercase;}
.connect .title em{text-align: center;color: #333333;font-size: 36px;font-weight: bold;}
.connect .title p{font-size: 14px;color: #666666;font-family: arial;position: relative;bottom: 8px;}
.connect ul{display: flex;justify-content: space-between;margin-bottom: 3%;}
.connect ul li{width: calc(100% / 4 - 0.8%);text-align: center;background: #fafafa;}
.connect ul li img{margin-top: 10%;margin-bottom: 2%;}
.connect ul li em{display: block;color: #0D63C6;font-size: 17px;font-weight: bold;}
.connect ul li p{color: #666666;font-size: 16px;margin-top: 1%;margin-bottom: 9%;}
.connect ul li:last-child{display: flex;}
.connect ul li:last-child dd:nth-child(1){margin-left: 14%;margin-right: 4%;}
.connect ul li:last-child dd img{width: 40%}
iframe{border: 0;}


/*产品详情*/
#nr-container .pro1{margin-top: 50px;width: 70%;}
#nr-container .pro2{width: 25.6%;}
#nr-container .pro1 .pro-list-pic{width: 315px;}
#nr-container .pro1 .spec-preview img{display: block;}
#nr-container  .pro1 .descript1{/*width: 68%; */width: calc(100% - 315px)}
#nr-container  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
#nr-container  .pro1 .descript1 p{font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;display: inline-block;}
#nr-container  .pro1 .descript1 a.consult{display: inline-block; width: 145px; height: 57px; font-size: 15px; color: #fff; line-height: 57px; text-align: center; background: #0a62cc;margin-top: 22px;}
#nr-container  .pro1 .descript1 a.consult:hover{background-color: #008cd6;}
#nr-container  .pro1 .descript1 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
#nr-container  .pro1 .descript1 ul li{width: 145px;text-align: center;}
#nr-container  .pro1 .descript1 ul li:nth-child(1){position: relative;bottom: 17px;}
#nr-container  .pro1 .descript1 ul li:nth-child(4){position: relative;bottom: 7px;}
#nr-container  .pro1 .descript1 ul li p{font-weight: bold;font-size: 17px;color: #333333;}
#nr-container  .pro1 .descript1 p.haoma{ color: #666666;font-size: 14px;display: inline-block; margin: 20px 0;background: url(../images/phone-xq.png)no-repeat center left;padding-left: 35px;position: relative;bottom: 20px;left: 26px;}
#nr-container  .pro1 .descript1 p.haoma em {display: inline-block;color: #0a62cc;font-size: 24px;font-weight: bold;font-style: normal;font-family: arial;}
#nr-container  .pro1 .share{overflow: hidden;margin-top: 15px;}
#nr-container  .pro1 .share ul li{float: left;margin: 0 5px;}
#nr-container  .pro2 p{width: 100%;height: 60px;background: #0a62cc;text-align: center;line-height: 60px;font-size: 17px;font-weight: bold;color: #fff;margin-bottom: 40px;margin-top: 50px;}
#nr-container  .pro2 ul li{margin-bottom: 30px;}
#nr-container  .pro2 ul li .pic{overflow: hidden;}
#nr-container  .pro2 ul li .pic img{transition: all 0.4s;width: 100%;}
#nr-container  .pro2 ul li:hover .pic img{transform: scale(1.1);}
#nr-container  .pro2 ul li .name{width: 100%;height: 55px;text-align: center;line-height: 55px;font-size: 16px;color: #0d63c6;background: #fafafa;}
#nr-container  .detail {margin-bottom: 20px;padding-top: 20px;width: 70%;}
#nr-container  .detail .de-title{border-bottom: solid 1px #0a62cc; margin-bottom: 20px;}
#nr-container  .detail .de-title a{display: inline-block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0a62cc;}


.wap-foot{background: #000000;text-align: center;height: 220px;line-height: 39px;overflow: hidden;display: none;}
.wap-foot em{width:170px;background: url(../images/wap-icon.png)no-repeat left center;padding-left: 42px;font-size:24px;font-weight: bold;font-family: arial;display: block;color: #FFFFFF;margin: auto;margin-top: 35px;margin-bottom: 10px;}
.wap-foot p,.wap-foot span{font-size: 14px;color: #FFFFFF; line-height: 32px;}
.wap-fl,.wap-ys{width: 125px;height: 40px;background: #333333;display: inline-block;border-radius: 5px;margin: 20px 5px;}


.table2 tr td{}
.table2 tr td img{display: block;width: 96%;margin-bottom: 25px;}
.table3 tr td{}
.table3 tr td img{display: block;width: 96%;margin-bottom: 18px;}