@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "myFont";
  src: url("../fonts/SourceHanSansCN-Bold_1.otf") format("otf");
}
/*全局样式*/
* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
    outline: none
}

li {
    list-style: none
}

img {
    border: 0;
    max-width: 100%;
    height: auto;
}

textarea {
    resize: none
}

body,
div,
span,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
img,
input,
textare {
    margin: 0;
    padding: 0;
}

body {
    font-size: 12px;
}

html {
    overflow-x: hidden;
}

body {
    word-wrap: break-word;
    word-break: break-all;
    min-height: 100%;
    _height: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    cursor: pointer; 
}

a:hover {
    text-decoration: none;
}

a {
    outline: none;
}

/*去除超链接虚线框*/
a:active {
    star: expression(this.onFocus=this.blur());
}

/*去除ie下超链接虚线框*/
a:focus {
    outline: 0;
}

/*去除火狐下超链接的虚线*/
a {
    text-decoration: none;
    color: #000
}

.clear {
    clear: both;
    height: 0px;
    font-size: 1px;
    line-height: 0px;
}

/*清除浮动*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.fl {
    float: left
}

.fr {
    float: right
}
.claer{clear: both;}
.wrap {
    width: 1300px;
    margin: 0 auto;
}

.logo a,.logo{font-size: 0;}

.top {
    background: #f5f5f5;
    color: #666;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
}
.top .hi{float: left;}
.top .way{float: right;background: url("../images/tb1.svg") no-repeat left center;padding-left: 26px;background-size: auto 22px;}
.top .way span{color: #0061a9;font-size: 16px;display: inline-block;padding-right: 20px;font-family: arial;font-weight: bold;}
.top a {
    display:inline-block;
    color: #666;
    font-size: 14px;
    position: relative;
   padding: 0 10px;
    
}
.top a:last-child::after{height: 15px;background:#666;width: 1px;content: "";display: block;position: absolute;left: -1px;top: 50%;transform: translate(0,-50%);}
.top a:hover{color: #0061a9;}
.search{width: calc(100% - 530px);border: 2px solid #0061a9;height: 34px;float:left;border-radius: 5px;margin:17px 0 0 48px;}
.search input{width:290px;padding: 0 10px;float: left;border: none;background: none;height: 34px;line-height: 34px;border-radius: 5px 0 0 5px;color: #666;font-size: 14px;}
.search button{cursor: pointer;width: 78px;background: #0061a9 url("../images/tb2.svg") no-repeat 11px center;background-size: auto 24px;float: right;height: 34px;border: none;color: #fff;font-size: 14px;position: relative;padding-left: 25px;}
.each{margin-top: 17px;}
.each a{display: inline-block;width: 120px;border-radius: 5px;height: 38px;line-height: 38px;background: #0061a9;color: #fff;font-size: 14px;text-align: center;margin-left: 13px;}
.each a span{display: inline-block;background: url("../images/tb3.svg") no-repeat left center;padding-left: 30px;background-size: auto 27px;}
.each a.a2 span{background: url("../images/tb4.svg") no-repeat left center;padding-left: 28px;background-size: auto 19px;}
.head{padding: 18px 0;}
.nav{background: #0061a9;}
.nav li{float: left;position: relative;margin-right: 50px;}
.nav li a i{display: block;position:absolute;right: 19px;top:0;background: url("../images/sjx.svg") no-repeat right center;background-size: auto 8px;width:10px;height:60px;-webkit-transition: all .3s;
    -o-transition: .3s all;
    -moz-transition: .3s all;
    transition: all .3s;}
.nav li a {
    color: #fff;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    position: relative;
    padding: 0 34px;
}
.nav li:hover a,
.nav li.cur a{background: #2286d0;font-weight: bold;}
.nav li:hover i,.nav li.cur i{transform: rotate(90deg);}

#home_slider3 .flex-viewport{padding-top:0px;}
#home_slider3{ position: relative;background: none;}
#home_slider3 li{width:100%;}
#home_slider3 .flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	list-style-type: none;
} 
#home_slider3 .flex-direction-nav{display:none;}
#home_slider3 .flexslider{margin-top:1.55rem}
#home_slider3 li .box{width:100%;position: relative;background-size: cover;background-position: center center;}
#home_slider3 li .box img{vertical-align: middle;width: 100%;}
#home_slider3 .flex-control-paging{display:block;text-align: center;position: absolute;bottom:20px;width: 100%;left: 0;}
#home_slider3 .flex-control-paging li{margin:0 6px;padding:0px;overflow:hidden;display: inline-block;width: auto;}
#home_slider3 .flex-control-paging li a{width:10px;height:10px;display:block;border: 1px solid #227fdc;cursor:pointer;text-align: center;text-indent: -9999px;margin: 0 auto;border-radius: 50%;}
#home_slider3 .flex-control-paging li a.flex-active{background:#227fdc;}

.nav dl {
	width: 100%;
	left: 0;
	top: 60px;
	z-index: 12;
}
.nav dl {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
	background:#fff;
	padding: 8px 0;

}
.nav li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav dl dd {
	text-align: center;
	position: relative;
	z-index: 12;
	display: block;
	
	
}
.nav dl dd a {
	font-size: 14px;
	padding: 0;
	text-align: left;
	color: #666;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 0px 0 30px;
  font-weight: normal;
}
.nav li:hover dl dd a{font-weight: normal;background: none;}
.nav li dl dd a:hover{
	background: #0061a9;
	color:#fff;
	transition: all .3s;
}
.page {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}
.page a,
.page span {
    margin: 0 3px;
    display: inline-block;
    padding: 6px 10px;
    background: #fff;
    color: #999;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.page a:hover {
    background: #0061a9;
    color: #fff;
    border: 1px solid #0061a9;
}

.page .page_on,
.page span.current {
    background:#0061a9;
    color: #fff;
    border: 1px solid #0061a9;
}
.foot1{border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;padding: 53px 0;}
.foot1 h4{color: #333;font-size: 18px;padding-top: 10px;}
.foot1 ul{float: left;}
.foot1 ul:nth-child(2) li h3{margin-left: 14px;}
.foot1 li{float: left;margin-left: 90px;}
.foot1 li h3{color: #333;font-size: 16px;margin-bottom: 14px;}
.foot1 li p a{display: block;color: #666;font-size: 14px;line-height: 30px;}
.foot2{text-align: center;color: #999;font-size: 14px;padding: 15px 0;}
.foot2 a{color: #999;display: inline-block;margin: 0 6px;}
.footer a:hover{color: #0061a9;}
.part1{background: #f5f5f5;padding: 46px 0 74px 0;}
.title{text-align: center;color: #333;font-size: 42px;}
.title span{display: block;color: #666;font-size: 20px;font-family: arial;text-transform: uppercase;padding-top: 7px;}
.part1 li{float: left;text-align: center;margin-right: 1.5%;width:18.8%;background: #fff;border-radius: 20px;padding: 70px 0;transition: all 0.6s;}
.part1 li:nth-child(5){margin-right: 0;}
.part1 li a p{color: #666;font-size: 12px;font-family: arial;text-transform: uppercase;}
.part1 li a h3{color: #333;font-size: 22px;margin-bottom: 9px;padding-top: 30px;}
.part1 li a .ico{width: 100%;height:58px;background: url("../images/ico01.png") no-repeat center;transition: all 0.6s;}
.part01{padding-top: 38px;}
.part1 li a .ico2{background: url("../images/ico02.png") no-repeat center;}
.part1 li a .ico3{background: url("../images/ico03.png") no-repeat center;}
.part1 li a .ico4{background: url("../images/ico04.png") no-repeat center;}
.part1 li a .ico5{background: url("../images/ico05.png") no-repeat center;}
.part1 li:hover{background: #0061a9;}
.part1 li:hover a .ico1{background: url("../images/ico1.png") no-repeat center;}
.part1 li:hover a .ico2{background: url("../images/ico2.png") no-repeat center;}
.part1 li:hover a .ico3{background: url("../images/ico3.png") no-repeat center;}
.part1 li:hover a .ico4{background: url("../images/ico4.png") no-repeat center;}
.part1 li:hover a .ico5{background: url("../images/ico5.png") no-repeat center;}
.part1 li:hover a p,.part1 li:hover h3{color: #fff;}
.part2{padding: 46px 0 0 0;}
.ny-banner{height: 450px;background-size: cover;background-repeat: no-repeat;}
.ny-banner .wrap{position: relative;height: 100%;}
.ny-banner .text{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);}
.ny-banner .text h2{color: #0061a9;font-weight: bold;font-size: 44px;padding-bottom: 7px;}
.ny-banner .text p{color: #0061a9;font-size: 27px;font-family: arial;text-transform: uppercase;}
.brand{color: #6a6a6a;font-size: 16px;padding: 33px 0 45px 0;}
.brand a{color: #6a6a6a;}
.leftside{width: 348px;background: #fff;border-radius: 10px;margin-top: 12px;}
.rightside{width: calc(100% - 383px);}
.leftside .tit{height: 74px;line-height: 74px;color: #fff;font-weight: bold;background: #0061a9;border-radius: 10px 10px 0 0;font-size: 26px;padding-left: 42px;}
.accordion{padding: 15px 0 30px 0;}
.leftside li{margin: 0 42px;border-bottom: 1px solid #e7e7e7;}
.accordion li .link a{height:54px;line-height:54px;font-size:18px;color:#333;cursor:pointer;position:relative;display: block;}
.accordion li.on .link a,.accordion li.open .link a{color: #0061a9;}
.accordion li.on,.accordion li.open{border-bottom: 1px solid #0061a9;}
.accordion li .link span{width: calc(100% - 50px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;}
.accordion li .link i{display: block;position: absolute;background:url(../images/jt1.svg) no-repeat right center;background-size: auto 28px;right: -5px;height: 54px;top: 0;width: 20px;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li.open .link i{
	background:url(../images/jt2.svg) no-repeat right center;background-size: auto 28px;
	transform: rotate(90deg);
}
.accordion li.on .link i,.accordion li.on.open .link i{background:url(../images/jt2.svg) no-repeat right center;background-size: auto 28px;transform: rotate(0deg);}
.smenu{
 	display: none;
 	padding: 0 18px;
 }
.smenu a{font-size:18px;color: #666;display: block;margin-bottom: 12px;}
.smenu a.on{color: #0061a9;}
.content{padding-bottom: 80px;}
.product{border-radius: 10px 10px 0 0;border-collapse: separate;border-spacing: 0 12px;}
.product th{height: 74px;line-height: 74px;color: #fff;font-weight:normal;font-size: 18px;background: #0061a9;text-align: left;padding:0 40px;}
.product th:nth-child(1){border-radius: 10px 0 0 0;}
.product th:nth-child(4){border-radius: 0 10px 0 0;}
.product td:nth-child(1){border-radius: 10px 0 0 10px;}
.product td:nth-child(4){border-radius: 0 10px 10px 0;}
.product td{line-height: 30px;background: #fff;padding:15px 40px;}
.product td a{color: #666;font-size: 16px;}
.product tr{border-top: 16px solid #f3f3f3;}
.title2{border-bottom: 1px solid #eee;color: #333;font-size: 22px;position: relative;padding-left: 21px;height: 73px;line-height: 73px;}
.title2::before{content: "";display: block;position: absolute;left:0;width: 4px;height: 22px;background: #0061a9;top: 50%;transform: translate(0,-50%);}
.white{background: #ffffff;border-radius: 12px;margin-top: 12px;padding: 0 30px;width: calc(100% - 443px);}
.service{padding-bottom: 60px;}
.service li{border-bottom: 1px solid #e7e7e7;padding: 28px 0;}
.service li .pic{width: 210px;font-size: 0;height: 139px;overflow: hidden;border-radius: 10px;}
.service li .pic img{border-radius: 10px;width: 100%;height: 100%;object-fit: cover;transition: all 0.3s;}
.service li .text{width: calc(100% - 245px);}
.service li a h4{color: #333;font-size: 18px;margin: 12px 0 17px 0;}
.service li a p{line-height:22px;font-size:14px;color:#666;display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden; 
  text-overflow: ellipsis}
.service li:hover .pic img{transform: scale(1.1);}
.service li:hover a h4{color: #0061a9;}
.contact{padding-bottom: 60px;}
.contact .list{padding:20px 0 30px 0;}
.contact .list li{background: url("../images/c1.jpg") no-repeat left center;color: #333;font-size: 14px;line-height: 24px;padding: 20px 0 20px 60px;}
.contact .list li.c2{background: url("../images/c2.jpg") no-repeat left center;}
.contact .list li.c3{background: url("../images/c3.jpg") no-repeat left center;}
.contact .list li.c4{background: url("../images/c4.jpg") no-repeat left center;}
.about{padding: 30px 0 60px 0;}
.about p{line-height:30px;font-size:16px;color:#333;}
.about img{max-width: 100%;display: block;;margin: 0 auto;}
.about p strong{font-weight: normal;font-size: 20px;}
.read{margin: 30px 0;}
.read p.red{color: #ef0808;font-size: 14px;line-height:24px;}
.read label{display: inline-block;color: #333;font-size: 14px;line-height:38px;width:160px;float: left;clear: both;}
.read em{display: inline-block;width: 12px;color: red;font-style: normal;text-align: left;position: relative;top: 3px;}
.read li input{border: 1px solid #e5e5e5;height: 38px;color: #666;font-size: 14px;padding: 0 10px;width: calc(100% - 200px);}
.read li textarea{border: 1px solid #e5e5e5;height:200px;color: #666;font-size: 14px;padding:10px;width: calc(100% - 200px);}
.read li input.xz{width: 18px;height: 18px;position: relative;top: 4px;margin-right: 6px;}
.read li span{display: inline-block;padding-right: 15px;line-height: 38px;}
.read .btns{display: inline-block;width: 212px;border: none;color: #fff;font-size: 16px;margin-top: 15px;background: #0061a9;height: 48px;border-radius: 10px;}
.read .anniu{text-align: center;padding: 15px 0 30px 0;}
.read form{padding-top: 40px;width: 90%;}
.read li{margin-bottom: 22px;color: #333;font-size: 14px}
.read li .yzm{width: calc(100% - 200px);position: relative;}
.hide{display: none;}
.read li #imgCode{display: block;position: absolute;right:19px;top:1px;height: 38px;}
.detail{padding: 30px 0 60px 0;}
.detail p{line-height:30px;font-size:16px;color:#333;}
.detail img{max-width: 100%;display: block;;margin: 0 auto;}
.product1{background:#f3f3f3;padding: 12px 0 80px 0;}
.product1 .left{font-size: 0;width: 414px;height: 382px;}
.product1 .left img{width: 100%;}
.product1 .right{width: calc(100% - 464px);position: relative;height: 382px;}
.product1 h3{color: #333;font-weight: bold;;font-size: 28px;padding: 15px 0 30px 0;}
.product1 .jj p{color: #333;font-size: 20px;line-height: 40px;}
.name{color: #fff;height: 67px;line-height: 67px;font-size: 18px;background: #2286d0;padding-left: 32px;border-radius: 12px 12px 0 0;}
.product2 .border{border: 1px solid #eee;padding: 30px;}
.product2 .box2 p{color: #666;font-size: 18px;line-height: 32px;}
.product2 .box2 p strong{color: #333;}
.product2 .box2{margin: 36px 0;}
.product2{padding: 60px 0;}
.product2 .box3 li a{background: url("../images/pdf.svg") no-repeat left center;display: block;background-size: auto 36px;padding-left: 46px;color: #333;font-size: 18px;line-height: 32px;}
.product2 .box3 li{margin: 10px 0;}
.product2 table{width: 100%;border-collapse: separate;border-spacing: 2px 0;}
.product2 table td{background: #f2f3f5;color: #666;font-size: 18px;padding: 20px 30px;line-height: 32px;}
.product2 table tr:nth-child(2n) td{background: #fff;}
.nav2{width:100%;height:50px;border-radius: 10px;background: #fff;margin: 10px 0;}
.nav2 div{display:block;padding-left:10px;line-height:50px;font-size: 18px;color: #333;position: relative;height:50px}
.nav2 div::after{content: "";display: block;position: absolute;top: 0;right: 10px;height: 50px;background:url(../images/jt1.svg) no-repeat right center;background-size: auto 28px;width: 20px;transform: rotate(90deg);transition: all 0.3s;}
.new{width:400px;position:absolute;display:none;background: #fff;border-radius: 12px;margin-top: 5px;}
.nav2 ul li{line-height:40px;padding-left:10px;color: #333;font-size: 18px;cursor: pointer;}
.nav2 ul li:hover{color:#2286d0;}
.choose-box{border-radius: 12px;background: #0061a9;width: 400px;padding:23px 35px 25px 35px;position: absolute;right: 0;bottom: 0;}
.choose-box p{color: #fff;font-size: 18px;}
.choose-box .car a{display: block;width: 198px;height: 50px;line-height: 50px;color: #fff;text-align: center;;border-radius: 25px;font-size: 18px;background: #ff7d36;margin:22px auto 0 auto;}
.part2 li{display: flex;justify-content: space-around;padding:30px 0;}
.part2 li h3 a{display: block;color: #333;font-size: 28px;font-weight: bold;margin-bottom: 16px;}
.part2 li p{color: #666;font-size: 16px;line-height: 30px;}
.part2 li .more{margin-top: 60px;}
.part2 li:nth-child(3){margin-bottom: 60px;}
.part2 li .more a{background:#0061a9;width: 182px;height: 50px;color: #fff;font-size: 18px;display: flex;align-items: center;border-radius: 25px;justify-content: center;transition: all 0.6s;}
.part2 li .more a span{background: url("../images/more.png") no-repeat right center;background-size: auto 14px;padding-right: 23px;display: inline-block;}
.part2 li .more a:hover{background:url("../images/more-bg.jpg") repeat-x;transition: all 0.6s}
.part2 li .text{width: 400px;}
.part2{background:url("../images/bg.png") no-repeat;background-size: cover;padding-bottom: 80px;}