@charset "utf-8";
/* CSS Document */

/* Title */
.Title{width: 100%;text-align: center;padding-top: 44px;}
.Title h2{color: #333333;font-size: 30px;font-weight: normal;}
.Title h2 a{color: #333333;text-decoration: none;}
.Title p{font-size: 18px;color: #616161;margin-top: 2px;}
.Title i{display: block;width: 104px;height: 1px;margin: 14px auto 0;}
.Title i img{display: block;}
/* banner */
.banner{width: 100%;height: 620px;position: relative;}
.banner a{display: block;height: 620px;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}
#flashs:hover .bot{display: block;}

/* category */
.category{width: 100%;}
.category .container{position: relative;}
.category .mainCon{width: 100%;position: absolute;top: -130px;left: 0;}
.category a{display: block;width: 285px;height: 120px;float: left;margin-left: 20px;background: url(../images/websitebg01.png);text-decoration: none;}
.category a:first-child{margin-left: 0;}
.category dt{float: left;margin-left: 28px;margin-top: 34px;}
.category dt h3{font-size: 25px;color: #666666;font-weight: normal;}
.category dt p{font-size: 13px;color: #666666;margin-top: 4px;}
.category dd{width: 50px;height: 46px;margin-right: 20px;margin-top: 36px;float: right;overflow: hidden;position: relative;}
.category dd img{display: block;position: relative;}

.category dl:hover h3{color: #0B579F;}
/* serviceCon */
.serviceCon{width: 100%;background: url(../images/serviceconbg.jpg) no-repeat center;height: 708px;}
.serviceCon .mainCon{width: 100%;margin-top: 30px;height: 500px;}
.serviceCon .mainCon ul{height: 500px;position: relative;width: 100%;}
.serviceCon .mainCon li{float: left;width: 333px;height: 223px;padding: 24px 25px 0 38px;background: #fff;margin-bottom: 2px;border: 1px solid #eceaea;position: relative;}
.serviceCon .mainCon li.dif{margin-right: 404px;border-right: 1px solid #eceaea;}
.serviceCon .mainCon li.same h3{font-size: 14px;color: #999999;font-weight: normal;margin-bottom: 16px;}
.serviceCon .mainCon li.same h3 a{font-size: 20px;color: #0B579F;font-weight: bold;text-decoration: none;margin-right: 8px;}
.serviceCon .mainCon li.same .box{overflow: hidden;}
.serviceCon .mainCon li.same .box a{display: block;font-size: 14px;color: #666666;float: left;width: 166px;margin-bottom: 8px;text-decoration: none;}

.serviceCon .mainCon li.same a.more{display: block;padding-left: 24px;background: url(../images/servicecon_icon01.png) no-repeat left center;height: 15px;line-height: 15px;font-size: 12px;color: #999999;position: absolute;left: 38px;bottom: 28px;}
.serviceCon .mainCon li.last{padding: 85px 0 0 44px;width: 354px;height: 415px;border: none;position: absolute;top: 0;left: 401px;border:1px solid #eceaea;}
.serviceCon .mainCon li.last h3{font-size: 20px;color: #0B579F;}
.serviceCon .mainCon li.last h3 a{color: #0B579F;text-decoration: none;}
.serviceCon .mainCon li.last span{display: block;font-size: 14px;color: #999999;margin-top: 3px;}
.serviceCon .mainCon li.last i{display: block;width: 44px;height: 1px;background: #999999;margin-top: 16px;}
.serviceCon .mainCon li.last .box{margin-top: 40px;}
.serviceCon .mainCon li.last .box a{display: block;font-size: 14px;color: #666666;margin-bottom: 18px;}
.serviceCon .mainCon li.last .more{display: block;padding-left: 24px;background: url(../images/servicecon_icon01.png) no-repeat left center;height: 15px;line-height: 15px;font-size: 12px;color: #999999;position: absolute;left: 48px;bottom: 78px;}
.serviceCon .mainCon li:hover{background: url(../images/serviceconbg02.jpg) no-repeat center top;}
.serviceCon .mainCon li.same:hover h3 a{color:#fff;}
.serviceCon .mainCon li.same:hover h3{color:#fff;}
.serviceCon .mainCon li.same:hover .box a{color:#fff;}
.serviceCon .mainCon li.same:hover  a.more{color:#fff;background: url(../images/servicecon_icon02.png) no-repeat left center;}
.serviceCon .mainCon li.last:hover h3 a{color:#fff;}
.serviceCon .mainCon li.last:hover span{color:#fff;}
.serviceCon .mainCon li.last:hover i{background:#fff;}
.serviceCon .mainCon li.last:hover .box a{color:#fff;}
.serviceCon .mainCon li.last:hover .box a:hover{color:#fff000}
.serviceCon .mainCon li.last:hover  a.more{color:#fff;background: url(../images/servicecon_icon02.png) no-repeat left center;}
.serviceCon .mainCon li.same .box a:hover{font-weight: bold;color: #fff000;}




/* detection */
.detection{width: 100%;background: url(../images/detectionbg.jpg) no-repeat center;height: 726px;}
.detection .mainCon{width: 100%;margin-top: 50px;}
.detection .mainCon li{float: left;width: 240px;text-align: center;margin-bottom: 46px;}
.detection .mainCon li span{display: block;width: 129px;height: 127px;overflow: hidden;position: relative;margin: 0 auto;}
.detection .mainCon li img{display: block;width: 129px;height: 254px;position: relative;}
.detection .mainCon li em{display: block;margin-top: 20px;font-size: 18px;color: #000000;}
.detection .mainCon li a{text-decoration: none;display: block;width: 129px;margin: 0 auto;}
.detection .mainCon a.more{display: block;width: 224px;height: 71px;margin: 22px auto 0;}
.detection .mainCon a.more img{display: block;width: 224px;height: 71px;}

/* concern */
.concern{width: 100%;}
.concern .mainCon{width: 100%;margin-top: 68px;position: relative;padding-bottom: 44px;}
.concern .mainCon .Pics{display: block;margin: 0 auto;width: 333px;height: 294px;}
.concern .mainCon p{overflow: hidden;position: absolute;}
.concern .mainCon p span{display: block;;float: left;width: 22px;height: 22px;text-align: center;line-height: 22px;font-size: 16px;color: #fff;background: url(../images/concernbg01.png) no-repeat center;}
.concern .mainCon p em{margin-left: 10px;font-size: 16px;color: #666666;line-height: 22px;height: 22px;}
.concern .mainCon p{left: 30px;}
.concern .mainCon p.dif{left: 828px;}
.concern .mainCon .p1,.concern .mainCon .p4{top: 63px;}
.concern .mainCon .p2,.concern .mainCon .p5{top: 121px;}
.concern .mainCon .p3{top: 178px;}
.concern .mainCon .phone{padding-left: 46px;background: url(../images/concern_phone.png) no-repeat left center;position: absolute;left: 828px;top: 209px;}
.concern .mainCon .phone span{display: block;font-size: 14px;color: #666666;}
.concern .mainCon .phone em{display: block;font-size: 24px;color: #0B579F;}


/* adv */
.adv{width: 100%;background: url(../images/advbg.jpg) no-repeat center;height: 970px;}
.adv .mainCon{margin-top: 40px;padding:40px 5px 0; }
.adv .mainCon li{float: left;margin-left: 35px;width: 350px;margin-bottom: 38px;}
.adv .mainCon li span{display: block;width: 350px;height: 230px;overflow: hidden;position: relative;}
.adv .mainCon li span img{display: block;width: 350px;height: 230px;transform: scale(1);transition: all 1s ease-out;}
.adv .mainCon li:hover img{transform: scale(1.2);}
.adv .mainCon li h3{font-size: 18px;color: #333333;font-weight: normal;text-align: center;margin: 18px 0 12px 0;}
.adv .mainCon li h3 a{color: #333333;}
.adv .mainCon li p{font-size: 14px;color: #797979;line-height: 21px;height: 63px;}


/* about */
.about{width: 100%;padding-top: 50px;padding-bottom: 76px;}
.about dt{padding-bottom: 30px;background: url(../images/about_yy.png) no-repeat center bottom;}
.about dt a{display: block;border: 5px solid #eceaea;}
.about dt img{display: block;width: 1190px;height: 472px;}
.about dd{margin-top: 8px;}
.about dd h2{font-size: 30px;color: #000000;font-weight: normal;text-align: center;}
.about dd h2 a{color: #000000;text-decoration: none;}
.about dd i{display: block;width: 600px;margin: 20px auto 0;}
.about dd img{display: block;}
.about dd p{font-size: 16px;color: #666666;margin-top: 30px;line-height: 26px;padding: 0 74px;}
.about ul{margin-top: 45px;}
.about li{width: 300px;text-align: center;float: left;}
.about li span{display: block;font-size: 45px;color: #0B579F;font-weight: bold;}
.about li p{font-size: 16px;color: #666666;margin-top: 6px;}


/* partner */
.partner{width: 100%;background: #f7f7f7;padding-bottom: 60px;}
.partner .mainCon{width: 1200px;margin: 40px auto 0;position: relative;}
.partner .mainCon .menu{width: 100%;}
.partner .mainCon .menu ul{width: 330px;height: 43px;margin: 0 auto;}
.partner .mainCon .menu li{width: 105px;height: 43px;border-radius: 4px;line-height: 43px;text-align: center;font-size: 16px;color: #fff;float: left;margin-left: 7px;background: #b2bac1;}
.partner .mainCon .menu li:first-child{margin-left: 0;}
.partner .mainCon .menu li a{color: #fff;text-decoration: none;display: block;}
.partner .mainCon .menu li.cur{background: #0B579F;}
.partner .mainCon i{display: block !important;width: 33px;height: 63px;overflow: hidden;position: relative;position: absolute;top: 260px;cursor: pointer;}
.mainCon i img{display: block;position: relative;}
.partner .mainCon i:hover img{top: -63px;}
.partner .mainCon i.prev{left: -64px;}
.partner .mainCon i.next{right: -64px;}
.partner .mainCon .conBox{width: 1200px;margin: 30px auto 0;overflow: hidden;position: relative;height: 460px;}
.partner .mainCon .conBox .con{width: 100%;height: 460px;position: relative;}
.partner .mainCon .conBox .con ul{width: 105%;position: absolute;left: 0;top: 0;}
.partner .mainCon .conBox .con li{float: left;position: relative;padding: 15px 15px 0;background: #fff;margin-right: 23px;height: 444px;width: 355px;}
.partner .mainCon .conBox .con li span{display: block;width: 355;height: 276px;overflow: hidden;}
.partner .mainCon .conBox .con li img{display: block;width: 355px;height: 276px;transform: scale(1);transition: all 1s ease-out;}
.partner .mainCon .conBox .con li h3{font-size: 16px;color: #000000;font-weight: normal;margin: 19px 0 16px 0;}
.partner .mainCon .conBox .con li p{color: #666666;line-height: 22px;font-size: 14px;}
.partner .mainCon .conBox .con li a{text-decoration: none;}
.partner .mainCon .conBox .con li em{display: none;width: 100%;height: 2px;background: #0B579F;bottom: 0;left: 0;position: absolute;}
.partner .mainCon .conBox .con li:hover em{display: block;}
.partner .mainCon .conBox .con li:hover img{transform: scale(1.2);}


/* news */
.news{width: 100%;background: #fbfbfb;padding-bottom: 98px;}
.news .mainCon{width: 100%;margin-top: 30px;}
.news .mainCon li{float: left;width: 398px;height: 520px;background: #fff;position: relative;transform: scale(1);transition: all 0.2s ease-out;margin-left: 3px;}
.news .mainCon li:first-child{margin-left: 0;}
.news .mainCon li .top{height: 158px;background: #eaeaea;border-radius: 5px 5px 0 0;position: relative;margin-bottom: 30px;}
.news .mainCon li .top .box1{padding-top: 45px;height: 113px;position: relative;z-index: 9;}
.news .mainCon li .top .box1 span{display: block;width: 43px;height: 37px;margin: 0 auto;position: relative;overflow: hidden;}
.news .mainCon li .top .box1 span img{display: block;position: relative;}
.news .mainCon li .top .box1 h3{margin-top: 26px;color: #333333;font-size: 18px;font-weight: normal;text-align: center;}
.news .mainCon li .top .box1 h3 a{color: #333333;text-decoration: none;}
.news .mainCon li .top .box2{position: absolute;top: 0;left: 0;display: none;}
.news .mainCon li p{padding: 0 20px;font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 17px;}
.news .mainCon li p a{color: #333333;text-decoration: none;}
.news .mainCon li a.more{display: block;width: 94px;height: 32px;text-align: center;line-height: 32px;font-size: 14px;color: #333333;text-decoration: none;border: 1px solid #eceaea;position: absolute;left: 50%;margin-left: -48px;bottom: 36px;}
.news .mainCon li p:hover a{color: #0B579F;font-weight: bold;}
.news .mainCon li:hover .box2{display: block;z-index: 8;}
.news .mainCon li:hover .box1 span img{top: -37px;}
.news .mainCon li:hover .box1 h3 a{color: #fff;}
.news .mainCon li:hover{transform: scale(1.06);z-index: 99;box-shadow: 0 0 6px 6px #f1efef;}
.news .mainCon li:hover .top .box2 img{border-radius: 5px 5px 0 0;}


/* link */
.link{width: 100%;padding: 24px 0;}
.link dt a{float: left;font-size: 18px;color: #cccccc;font-weight: lighter;text-decoration: none;}
.link dt em{font-size: 18px;color: #0B579F;font-weight: bold;margin-right: 6px;}
.link dd{float: left;padding-top: 4px;margin-left: 14px;width: 1060px;}
.link dd a{font-size: 14px;color: #999999;margin-right: 15px;margin-bottom: 10px;}