/*banner*/
.banner{position:relative; overflow: hidden; height: 540px; margin-top: 100px;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{}
.banner .bd li{overflow:hidden; height:540px; text-align:center; }
.banner .bd li a{display:block; width: 100%; height: 100%; text-align: center;}

.banner .hd{position:absolute; z-index:1; bottom:20px; left:0; right: 0px; text-align: center;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:70px; height:6px; margin:0 5px; font-size: 0px; background: #fff;}
.banner .hd ul .on{background: #004a9f;}

.banner .prev,
.banner .next{position:absolute; z-index:1; top:50%; margin-top:-20px; width:80px; height:80px; cursor:pointer; display:none;}
.banner .prev{left: 20px; background: url(../images/icon-left.png) no-repeat;}
.banner .next{right:20px; background: url(../images/icon-right.png) no-repeat;}


.bsm{margin-top: 80px;}


/**/
.part1{width: 100%; padding-top: 50px; padding-bottom: 40px; text-align: center;}
.part1 h2{font-family: "微软雅黑"; font-size: 28px; font-weight: bold; line-height: 1; color: rgb(34, 34, 34); text-transform: uppercase; position: relative; margin: 0 auto;}
/* .part1 i{ content: ''; width:40px;height: 3px; background: #004a9f; position: absolute;top: 50px; left: 50%;margin-left: -21px;} */
.part1 i{display: block; width: 60px; height: 3px; background: #004a9f; margin: 25px auto 0; position: relative;}
.part1 i::after{display: block; content: ""; position: absolute; left: 100%; top: 1px; width: 50px; height: 0px; background: #ccc;}
.part1 i::before{display: block; content: ""; position: absolute; right: 100%; top: 1px; width: 50px; height: 0px; background: #ccc;}

.part3{width: 100%; padding-top: 50px; padding-bottom: 35px; text-align: center;}
.part3 h2{font-family: "微软雅黑"; font-size: 26px; font-weight: bold; line-height: 1; color: #333; text-transform: uppercase; position: relative; margin: 0 auto;}
/* .part1 i{ content: ''; width:40px;height: 3px; background: #004a9f; position: absolute;top: 50px; left: 50%;margin-left: -21px;} */
.part3 i{display: block; width: 40px; height: 3px; background: #004a9f; margin: 25px auto 0; position: relative;}
.part3 i::after{display: block; content: ""; position: absolute; left: 100%; top: 1px; width: 50px; height: 0px; background: #ccc;}
.part3 i::before{display: block; content: ""; position: absolute; right: 100%; top: 1px; width: 50px; height: 0px; background: #ccc;}



/**/
.about_con{float: left; width: 480px;}
.about_con h2{font-size: 26px; color: #333; line-height: 1; font-weight: bold; margin-top: 20px;}
.about_con h2::after{margin-top: 20px; display: block; content: ""; width: 60px; height: 3px;background: #004a9f;}
.about_con p{padding-top: 30px; padding-bottom: 20px; font-size: 14px; line-height: 32px;}
.about_con a{display: inline-block; width: 110px; height: 35px; line-height: 35px; background: #f0a631; color: #fff; text-align: center;}

.about_banner{float: right; width: 580px; position:relative; overflow: hidden; height: 367px;}
.about_banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.about_banner .bd ul{}
.about_banner .bd li{overflow:hidden; text-align:center; }
.about_banner .bd li img{width: 100%; height: 367px;}
.about_banner .hd{position:absolute; z-index:1; bottom:15px; right:15px;}
.about_banner .hd ul{ text-align:right; }
.about_banner .hd ul li{ cursor:pointer; display:inline-block; width:25px; height:24px; text-align: center; line-height: 24px; background: rgba(0,0,0,0.3); margin-left: 5px; color: #fff; font-size: 14px;}
.about_banner .hd ul .on{background: #004c8d;}


/**/
.pro_bg{margin-top: 60px; background:#efefef;height:420px; overflow: hidden;}
.list1{text-align: center; margin-left: -69px; display: flex;}
.list1 li{ width: 16.6%; color: #004a9f; flex: 1; }
.list1 li a{display: block; margin-left: 69px;}
.list1 li span{ display: inline-block; border-radius: 50%; transition: 0.3s;}
.list1 li span i{display: inline-block; width: 100px; height: 100px; border: 1px solid #004a9f; background:#004a9f ; border-radius: 50%; line-height: 100px; font-size: 44px; color: #fff;}
.list1 li h2{padding-top: 25px; font-size: 16px; line-height: 1; line-height: 24px; color: #333;  box-sizing: border-box; font-weight: bold;}
.list1 li p{font-size: 14px; margin-top: 10px; color: 666; line-height: 25px;}


.list1 li a p{color: #666;}
.list1 li span:hover{transform: translateY(-12px);}






/**/
.list2{padding: 0 20px 60px 20px;}
.list2 dl{float: left; width: 50%; padding-right: 40px; border-right: 1px solid #F6F7F7;}
.list2 dl dt img{max-width: 100%;}
.list2 dl dd{position: relative; padding: 25px 118px 25px 0; border-bottom: 1px solid #e7e7e7;}
.list2 dl dd h2{font-size: 16px; color: #222; font-weight: bold;}
.list2 dl dd h2 a{position: relative; padding-left: 24px; display: block; color: #222; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 dl dd h2 a:before{position: absolute; left: 0px; top: 48%; display: inline-block; content: ""; width: 12px; height: 2px; background: #222;}
.list2 dl dd h2 a:hover{color: #004a9f;}
.list2 dl dd h2 a:hover:before{background: #004a9f;}
.list2 dl dd p{padding-top: 15px; color: #888; line-height: 27px;}
.list2 dl dd span{position: absolute; width: 100px; height: 90px; border-left: 1px solid #e7e7e7; right: 0px; top: 30px; padding-top: 30px; font-size: 14px; color: #888; text-align: right;}
.list2 dl dd span b{display: block; font-size: 26px; color: #555; font-weight: normal;}

.list2 ul{float: right; width: 50%; padding-left: 40px;}
.list2 ul li{}
.list2 ul li a{position: relative; display: block; padding-left: 28px; padding-right: 65px; font-size: 14px; line-height: 46px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.list2 ul li a span{position: absolute; right: 0px; top: 0px; font-size: 12px; color: #888;}
.list2 ul li a:before{position: absolute; left: 0px; top: 48%; display: inline-block; content: ""; width: 12px; height: 2px; background: #555;}
.list2 ul li a:hover:before{background: #004a9f;}

/**/
.part21{padding: 70px 0 22px 0; font-size: 28px; line-height: 1; font-weight: bold; color: #004c8d;}
.list11{float: left;}
.list11 li{float: left; width: 275px; margin: 0 0 70px 20px; position: relative;}
.list11 li:first-child{margin-left: 0px;}
.list11 li span{display:block;}
.list11 li span img{width: 275px; height: 190px; background: #ccc;}
.list11 li h3{position: absolute; left: 0px; top: 200px; width: 50px; height: 50px; font-size: 12px; font-weight: normal;  font-family: Arial; background: #f0a631; text-align: center; color: #fff;}
.list11 li h3 b{display: block; padding: 3px 0 0 0; font-size: 24px;}
.list11 li h2{padding: 12px 0 15px 60px; font-size: 14px; font-weight: normal; color: #333;}
.list11 li h2 a{color: #333;}
.list11 li h2 a:hover{color: #d00;}
.list11 li p{padding: 0 0 0 60px; line-height: 22px;}

/**/
.qfd::after{display: block; content: ""; clear: both;}
.picScroll-top{float: right; width:570px; position:relative;}
.picScroll-top .hd{position: absolute; top: -50px; right: 0px;}
.picScroll-top .hd .prev,
.picScroll-top .hd .next{display:block; margin: 0 0 0 3px; width:28px; height:28px; float:right; cursor:pointer; background:url(../images/jt01.png) no-repeat center #004c8d;}
.picScroll-top .hd .next{background:url(../images/jt02.png) no-repeat center #004c8d;}
.picScroll-top .hd .prev:hover,
.picScroll-top .hd .next:hover{background-color: #004c8d;}

.picScroll-top .bd{}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li {margin: 0 0 12px 0;}
.picScroll-top .bd ul li .py89{ border: 1px solid #dadada; padding: 22px 20px 10px 20px;}
.picScroll-top .bd ul li h2{font-size: 16px; line-height: 1; color: #333;}
.picScroll-top .bd ul li h2 a{color: #333;}
.picScroll-top .bd ul li h2 a:hover{color: #004c8d;}
.picScroll-top .bd ul li span{display: block; padding: 12px 0 8px 0; color: #777;}
.picScroll-top .bd ul li p{line-height: 20px; color: #777;}
.picScroll-top .bd ul li:hover{background: #004c8d;}
.picScroll-top .bd ul li:hover h2 a{color: #fff;}
.picScroll-top .bd ul li:hover span,
.picScroll-top .bd ul li:hover p{color: #fff;}



/**/
.UnknownCon{background: url(../images/bg1.jpg) no-repeat center top; padding-bottom:70px;}
.UnknownCon ul{width: 100%; display: flex; justify-content: space-between;}
.UnknownCon li{width:23%;}
.UnknownCon li a{display: block;}
.UnknownCon li .pic{width: 100%; height:400px; overflow: hidden;}
.UnknownCon li .pic img{display: block;width: 100%; height: 100%; transition: 0.5s;}
.UnknownCon li h2{display: block; width: 100%; height: 40px; font-size: 16px; text-align: center; color: #333; line-height: 40px; font-weight: bold; text-align: center; margin-top:15px;}
.UnknownCon li p{text-align: center; color: #666; font-size: 14px; margin-top:5px; line-height: 1.7em;}
.UnknownCon li:hover .pic img{transform: scale(1.1);}

/**/
.Solution{width: 100%; height: 294px; background: url("../images/i-contact-bg.jpg") no-repeat center;}
.SolutionCon{width: 1200px; margin: 0 auto; text-align: center; color: #fff;}
.SolutionCon h2{ padding: 65px 0 25px 0; font-size: 26px;line-height: 1;font-weight: bold;}
.SolutionCon p{ padding: 0 130px 25px 130px;line-height: 24px; font-size: 14px;}
.SolutionCon .btn{display: inline-block; width: 128px; height: 40px; text-align: center; color: #fff; font-size: 14px; line-height: 38px; border: 1px solid #fff;} 
.SolutionCon .btn:hover{background: #fff; color: #004c8d;}