body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:14px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
*{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
img{vertical-align: middle;border: none;display:block;}
td{vertical-align:middle }
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; clear:both;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#666;font-size:14px;line-height:24px;font-family:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all ease 0.3s;}
a:hover{color:#0952a1;text-decoration:none;}:focus{outline:none;}
.img-center {text-align: center;font-size: 0;}
.img-center img {
display: inline-block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transition: all 0.5s
}
.img-cover {
overflow: hidden;
position: relative
}
.img-cover span {
display: block;
width: 100%;
background: no-repeat center / cover;
transition: all 0.5s;
height: 100%;
position: absolute;
left: 0;
top: 0
}
.fl{float:left!important;}
.fr{float:right!important;}
.pt0{padding-bottom:0!important;}
.mb30{margin-bottom: 30px;}
.container{width: 1395px;margin: 0 auto;}
.ellipsis{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
::-webkit-scrollbar-track-piece{width:8px;background-color:#f0f0f0;border-radius: 5px;}
::-webkit-scrollbar{width:8px;background-color:#0952a2;border-radius: 5px;}
::-webkit-scrollbar-thumb{width:8px;background-color:#282828;border-radius: 5px;}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:#0952a2;border-radius: 5px;}
.section{padding:30px 0}
.in_title .entit {
	position: relative;
	width: 540px;
	margin: auto;
	font-size: 34px;
	line-height: 40px;
	font-weight: bold;
	color: #0952a1;
	text-align: center;
	margin-bottom: 10px;
}
.in_title .tit {margin: 0 auto;font-size: 26px;line-height: 40px;text-align: center;color: #434343;}
.in_title .tit span {display: inline-block;margin: 0 30px;}
.in_title .tit em {display: inline-block;width: 225px;height: 1px;margin-bottom: 8px;background: #cecece;}
.text_left{ text-align:left}
.text_right{ text-align:right}
.topbar {padding: 5px 0;background-color: #e9e9e9;color: #6a6a6a;font-size:14px;}
.topbar em {font-style: normal;color: #999;padding: 0 15px;}
.topbar a {color: #6a6a6a;}
.topbar a:hover {color: #333;}
.header {background-color: #fff;}
.header .logo {float: left;font-size: 0;text-align: left;padding: 15px 0;}
.header .tel {float: right;margin:0;color: #666;margin-top: 30px;min-width: 230px;text-align: right;}
.header .tel img{float:right;margin-left: 10px;margin-top: 5px;}
.header .tel strong {display: block;font-size: 26px;font-family: Impact;color: #0952a1;font-weight: normal;}
.header .text {float: left;font-size: 26px;color: #0952a1;line-height: 40px;font-weight: bold;padding:14px 0 10px 20px;border-left: 2px #e9e9e9 solid;margin-left: 30px;}
.header .text span {color: #333;font-size: 18px;display: block;font-weight: normal;}
.header .nav {z-index: 2;height: 50px;width: 100%;background-image: url(../image/y5.png);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;position: relative;}
.header .nav::before {position: absolute;content: "";background-image: url(../image/y4.png);width: 11px;height: 25px;right: -11px;top: 0;}
.header .nav::after {position: absolute;content: "";background-image: url(../image/y3.png);width: 11px;height: 25px;left: -11px;top: 0;}
.header .nav li {display: inline-block;vertical-align: middle;background: url(../image/nav_line.png) no-repeat right center;}
.header .nav li a {display: block;font-size: 16px;line-height: 50px;padding: 0 43px;color: #fff;}
.header .nav li .arr {float: right;height: 40px;width: 40px;position: relative;display: none;}
.header .nav li .arr:after {content: '';border-top: 2px solid #ccc;border-left: 2px solid #ccc;box-sizing: content-box;display: block;width: 8px;height: 8px;margin: auto;position: absolute;top: 0;bottom: 0;transform: rotate(135deg);right: 15px;}
.header .nav li.active a,.header .nav li a:hover {color: #fff;background-color: #000;}
.header .nav li.dropdown {position: relative;}
.header .nav li.dropdown:before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 15px;}
.header .nav .dropdown-box {position: absolute;left: 0;min-width: 100%;top: 100%;display: none;z-index: 10;text-align: center;}
.header .nav .dropdown-box p {margin: 0;}
.header .nav .dropdown-box a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;font-size: 14px;line-height: 50px;color: #fff;border-top: 1px solid #fff;background-color: #332c2b!important;}
.header .nav .dropdown-box a:hover {color: #fff;background-color: #000!important;}
.header .nav li.open .dropdown-box {display: block;}
.menu-btn {display: none;padding: 6px 0;float: right;margin-left: 15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display: block;height: 2px;background-color:#0952a1;content: '';}
.menu-btn:before {width: 24px;}
.menu-btn:after {width: 18px;margin-left: 6px;}
.menu-btn span {width: 12px;margin: 6px 0 6px 12px;}
/*banner*/
.banner {
width: 100%;
max-width: 1920px;
margin: 0 auto;
overflow: hidden;
position: relative;
top:-27px;
}
.banner .swiper-button-prev {
background-image: url(../image/ban-l.png);
}
.banner .swiper-button-next {
background-image: url(../image/ban-r.png);
}
.banner .swiper-pagination{bottom:30px;}
.banner .swiper-pagination-bullet {
	cursor: pointer;
	width: 35px;
	height: 25px;
	margin: 0 2.5px;
	transition: all ease 0.35s;
	border-radius: 50%;
}
.banner .swiper-pagination-bullet-active {
	background-color: #0952a1;
}
.banner .swiper-slide img {
max-width: 100%;
display: block;
}
.banner .swiper-button-prev,.banner .swiper-button-next {
	outline: none;
	width:47px;
	height:110px;
}
.banner .swiper-button-prev{
	position: absolute;
	left: 6%;
	top: calc(50% - 23.5px);
	cursor: pointer;
}
.banner .swiper-button-next{
	position: absolute;
	right: 6%;
	top: calc(50% - 23.5px);
	cursor: pointer;
}
.m-banner {
display: none;
}
.banner-sub{height:450px;background:no-repeat center / cover;position: relative;top: -27px;}}
.section-sub {
padding: 20px 0
}
.sub-tit {
border-bottom: 1px solid #ddd;
font-size: 20px;
color: #0952a1;
font-weight: bold;
padding-bottom: 15px;
margin-bottom: 20px;
}
.sub-tit .curmbs {
float: left;
font-weight: normal;
font-size: 12px;
color: #999;
line-height: 30px;
padding-left: 25px;
background: url(../image/home.png) no-repeat;
}
.sub-tit em {
font-style: normal;
padding: 0 5px;
float:right;
}
/* banner--end */
/* search--begin */
.bt-a{width: 47px;height: 47px;position: absolute;left: 6%;top: calc(50% - 23.5px);cursor: pointer;z-index: 15;}
.bt-b{background: url(../image/yi07.png) no-repeat;width: 47px;height: 47px;opacity: 1;transition: all ease 0.3s;}
.bt-b:hover{background: url(../image/yi09.png);opacity: 1;}
.bt-k{width: 47px;height: 109px;position: absolute;right: 6%;top: calc(50% - 23.5px);cursor: pointer;z-index: 15;}
.bt-f{background: url(../image/yi06.png) no-repeat;width: 47px;height: 47px;opacity: 1;transition: all ease 0.3s;}
.bt-f:hover{background: url(../image/yi08.png);opacity: 1;}
.keyword{width: 100%;padding: 13px 0;margin-top: -27px;}
.keyword p{font-size: 14px;color: #666666;line-height: 24px;display: inline-block;}
.keyword p span{color: #0952a1;}
.keyword p a{font-size: 14px;color: #666666;transition: all ease 0.3s;margin-right: 30px;}
.keyword p a:hover{color: #0952a1;}
.keyword .search-box{
	width: 330px;
	height: 25px;
	position: relative;
}
.keyword .search-box input[type=text]{
	border:none;
	height: 25px;
	width: 100%;
	background: #dfdfdf;
	text-indent: 15px;
	outline: none;
	color: #999999;
	border-radius: 5px;
	font-size: 12px;
}
.keyword .search-box input[type=submit]{
	text-indent: -9999px;
	width: 60px;
	height: 25px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	background: url(../image/sou-a.png) center center no-repeat;
	cursor: pointer;
	background-color: #0952a1;
	border-radius: 0 5px 5px 0;
}
.keyword .search-box input[type=submit]:hover{background: url(../image/sou-h.png) center center no-repeat;background-color: #000;}
/* search--end */
/* inpro--begin */
.in-pro{overflow: hidden;background-color: #f5f5f5;}
.in-pro-nav{width: 21.428%;}
.in-pro-nav-a{width: 100%;height: 90px;background-color: #0952a0;padding: 23px 0 0 40px;background-image: url(../image/y7.png);background-repeat: no-repeat;background-size: 44px 44px;background-position: right 28px top 25px;}
.in-pro-nav-a h6{font-size: 28px;color: #fff;font-weight: bold;line-height: 28px;}
.in-pro-nav-a p{font-size: 12px;color: #52a3fb;line-height: 9px;margin-top: 9px;text-transform: uppercase;}
.in-pro-nav-b{width: 100%;background-color: #fff;}
.in-pro-nav-b_a{width: 100%;border-left: 3px solid #fff;transition: all ease 0.3s;}
.in-pro-nav-b_a h6{background-image: url(../image/y8.png);background-repeat: no-repeat;background-size: 20px 20px;background-position: right 39px center;border-top: 1px solid #f5f5f5;position: relative;transition: all ease 0.3s;}
.in-pro-nav-b_a h6 a{font-size: 18px;color: #333333;display: block;line-height: 69px;width: 100%;padding-left: 41px;}
.in-pro-nav-b_aa{height: 0px;border-top: 1px solid #f5f5f5;padding-top: 0px;transition: all ease 0.3s;opacity: 0;overflow: hidden;}
.in-pro-nav-b_aa p{line-height: 30px;padding-left: 37px;transition: all ease 0.3s;}
.in-pro-nav-b_aa p a{font-size: 14px;color: #444444;transition: all ease 0.3s;}
.in-pro-nav-b_aa p:hover{transform: translateX(6px);}
.in-pro-nav-b_aa p a:hover{color: #0952a1;}
.in-pro-nav-b_ax .in-pro-nav-b_aa{opacity: 1;height: 183px;padding-top: 13px;}
.in-pro-nav-b_ax{border-color: #0952a1;}
.in-pro-nav-b_ax h6{background-image: url(../image/y9.png);}
.in-pro-nav-b_ax h6 a{color: #0952a1;font-weight: bold;}
.in-pro-nav-c{width: 100%;height: 110px;background-color: #0952a2;padding: 34px 0 0 41px;}
.in-pro-nav-c p{font-size: 14px;color: #fff;line-height: 14px;background-image: url(../image/y10.png);background-repeat: no-repeat;background-position: left top;padding-left: 59px;padding-bottom: 10px;}
.in-pro-nav-c p span{font-family: Arial;font-size: 26px;font-weight: bold;display: block;line-height: 20px;margin-top: 7px;}
.in-pro-con{width: 76.4285%;}
.in-pro-con-c{width: 100%;}
.in-pro-con-cb{width: 100%;}
.in-pro-con-cb_a{width: 31.775%;}
.in-pro-con-cb_a:nth-child(1),.in-pro-con-cb_a:nth-child(2),.in-pro-con-cb_a:nth-child(3){margin-bottom: 28px;}
.in-pro-con-cb_a:nth-child(2),.in-pro-con-cb_a:nth-child(5){margin: 0 2.3375%}
.in-pro-con-cb_at{width: 100%;overflow: hidden;}
.in-pro-con-cb_at img{width: 100%;transition: all ease 0.3s;}
.in-pro-con-cb_aw{width: 100%;background-color: #ededed;padding: 24px 10px 21px 10px;}
.in-pro-con-cb_aw h6{text-align: center;font-size: 18px;color: #333333;line-height: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-pro-con-cb_aw p{width: 110px;height: 26px;border: 1px solid #d3d3d3;margin: 0 auto;margin-top: 11px;font-size: 12px;color: #444;text-align: center;line-height: 26px;border-radius: 13px;}
.in-pro-con-cb_a:hover .in-pro-con-cb_at img{transform: scale(1.05);}
.in-pro-con-cb_a:hover .in-pro-con-cb_aw{background-color:#0952a1;}
.in-pro-con-cb_a:hover .in-pro-con-cb_aw h6,.in-pro-con-cb_a:hover .in-pro-con-cb_aw p{color:#fff;}
/* inpro--end */
/* inyoushi--begin */
.ys{width: 100%;overflow: hidden;background-image: url(../image/y13.png);background-repeat: no-repeat;background-position: bottom -4px center;background-size: 1920px auto;}
.in-youshi-a{width: 100%;}
.in-youshi-a h6{font-size: 34px;color: #333333;font-weight: bold;line-height: 34px;text-align: center;}
.in-youshi-a h6 img{display: inline-block;position: relative;top: 9px;margin: 0 7px 0 10px;}
.in-youshi-a p{font-size: 14px;color: #999999;text-align: center;text-transform: uppercase;line-height: 10px;margin-top: 28px;}
.in-youshi-b{width: 100%;}
.in-youshi-ba{width: 17.142%;position: relative;margin-top: 15px;}
.in-youshi-ba:nth-child(1){margin-top: 47px;}
.in-youshi-ba:nth-child(2){margin-top: 169px;}
.in-youshi-ba:nth-child(4){margin-top: 96px;margin-left: -1%;}
.in-youshi-ba h6{font-size: 18px;color: #333333;line-height: 22px;text-align: center;font-weight: bold;opacity: 1;}
.in-youshi-ba img{width: 68px;margin: 0 auto;margin-top: 34px;}
.in-youshi-ba_a{width: 100%;height: 160px;background-color: #0952a2;border-radius: 8px;display: table;padding: 0 22px;position: absolute;left: 0;bottom: 98px;transition: all ease 0.3s;opacity: 0;transform: scale(0.8,1) rotateY(45deg);}
.in-youshi-ba_a::after{position: absolute;content: "";background-image: url(../image/y15.png);width: 29px;height: 13px;background-size: 100% 100%;left: 50%;margin-left: -14.5px;bottom: -13px;}
.in-youshi-ba_a p{display: table-cell;vertical-align: middle;text-align: center;font-size: 12px;color: #fff;line-height: 16px;}
.in-youshi-ba:hover .in-youshi-ba_a{opacity: 1;transform: scale(1,1) rotateY(0deg);}
.in-youshi-ba:hover h6{opacity: 0;}
.in-youshi-bb{width: 31.432%;margin-top: 70px;}
.in-youshi-bb img{width: 94.88%;margin: 0 auto;}
/* inyoushi--end */
/* infuwu--begin */
.in-fuwu{width: 100%;overflow: hidden;}
.bt h6{text-align: center;font-family: Arial;font-size: 28px;color: #f6f6f6;text-transform: uppercase;line-height: 20px;letter-spacing: 1px;}
.bt p{font-size: 28px;color: #333333;line-height: 28px;margin-top: -5px;text-align: center;font-weight: bold;}
.bt img{width: 30px;margin: 0 auto;margin-top: 15px;}
.in-fuwu-con{width: 100%;background-image: url(../image/fuwubg.jpg);background-repeat: no-repeat;background-position: center;background-size: 1920px auto;margin-top: 30px;height: 410px;padding-top: 79px;}
.in-fuwu-con-b{width: 50%;padding-left: 60px;}
.in-fuwu-con-ba{border-bottom: 1px solid #fff;padding-bottom: 15px;display: inline-block;}
.in-fuwu-con-ba h6{font-size: 24px;color: #fff;font-weight: bold;line-height: 24px;}
.in-fuwu-con-ba p{font-size: 14px;color: #fff;line-height: 24px;margin-top: 9px;}
.in-fuwu-con-bb{width: 100%;margin-top: 5px;}
.in-fuwu-con-bb_a{width: 100%;display: table;margin-top: 30px;}
.in-fuwu-con-bb_a img{width: 56px;border-radius: 50%;float: left;margin-right: -6px;}
.in-fuwu-con-bb_a p{display: table-cell;vertical-align: middle;font-size: 16px;color: #fff;line-height: 24px;width: calc(100% - 56px);}
.in-fuwu-con-bb_a:nth-child(2) img{margin-right: -12px;}
.in-fuwu-con-b > img{float: right;width: 250px;margin-top: -17px;}
/* infuwu-end */
/* incases-begin */
.in-cases{width: 100%;}
.ala{width: 100%;margin-top: 30px;}
.alb{width: 100%;height: 280px;border: 1px solid #eaeaea;padding: 35px 39px 0 39px;transition: all ease 0.3s;}
.alb h6{font-size: 18px;color: #333333;line-height: 24px;overflow: hidden;background-image: url(../image/y20.png);background-repeat: no-repeat;background-position: left top;padding: 2px 0 5px 62px;height: 50px;transition: all ease 0.3s;}
.alb p{border-top: 1px solid #eeeeee;margin-top: 26px;font-size: 14px;color: #444444;line-height: 24px;padding-top: 24px;height: 96px;overflow: hidden;transition: all ease 0.3s;}
.alb span{display: block;float: right;font-size: 14px;color: #888888;background-image: url(../image/y22.png);background-size: 17px 14px;line-height: 14px;background-position: left center;padding-left: 26px;background-repeat: no-repeat;margin-top: 26px;transition: all ease 0.3s;}
#swiper_al{padding: 10px 0;}
#swiper_al .swiper-slide-active .alb{background-color: #0952a3;border-color: #0952a3;height: 300px;margin-top: -10px;padding-top: 45px;}
#swiper_al .swiper-slide-active .alb h6{background-image: url(../image/y21.png);color: #fff;}
#swiper_al .swiper-slide-active .alb p{color: #fff;}
#swiper_al .swiper-slide-active .alb span{background-image: url(../image/y23.png);color: #fff;}
.alb:hover{background-color: #0952a3;border-color: #0952a3;}
.alb:hover h6{background-image: url(../image/y21.png);color: #fff;}
.alb:hover p{color: #fff;}
.alb:hover span{background-image: url(../image/y23.png);color: #fff;}
/* incases-end */

/* inadv-begin */
.in-adv{width: 100%;overflow: hidden;}
.in-adv img{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
/* inadv-end */
/* inabout--begin */
.in-about{width: 100%;background-image: url(../image/y27.png);background-repeat: no-repeat;background-position: top center;background-size: 1920px 610px;position: relative;}
.in-about-con{width: 34.5%;margin-right: -11%;}
.in-about-con .bt h6{color: #fff;text-align: left;}
.in-about-con .bt p{text-align: left;}
.in-about-con .bt img{margin-left: 0;margin-top: 25px;}
.in-about-cona{width: 100%;margin-top: 36px;}
.in-about-cona h6{font-size: 18px;color: #333333;line-height: 18px;}
.in-about-cona p{font-size: 14px;line-height: 24px;margin-top: 20px;}
.in-about-conb{margin-top: 45px;width: 38%;}
.in-about-conb h6{font-family: Arial;font-size: 42px;font-weight: bold;color: #000000;line-height: 31px;}
.in-about-conb h6 span{font-size: 22px;position: relative;top: -18px;}
.in-about-conb p{font-size: 12px;color: #666666;line-height: 14px;margin-top: 8px;}

.in-about-con-b{width: 76.071%;margin-top: 26px;}
.in-about-con-b img{width: 100%;}
/* inabout--end */

/* inhezuo-begin */
.in-hezuo{width: 100%;}
.in-hezuo-con{width: 100%;margin-top: 9px;}
/*.in-hezuo img{width: 17.857%;float: left;margin-right: -1.19%;}*/
/* inhezuo--end */

/* innews--begin */
.in-news{width: 100%;}
.in-news-con{width: 100%;margin-top: 40px;}
.in-news-cona{width: 31.785%;position: relative;overflow: hidden;}
.in-news-cona img{width: 100%;transition: all ease 0.3s;}
.in-news-cona_w{position: absolute;width: 100%;left: 0;bottom: 0;padding: 30px 34px 35px 34px;background-color: rgba(68,68,68,0.9);}
.in-news-cona_w h6{font-size: 16px;color: #fff;line-height: 16px;}
.in-news-cona_w p{font-size: 18px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 20px;}
.in-news-cona_w span{display: block;font-size: 12px;color: #9f9f9f;line-height: 12px;margin-top: 12px;}
.in-news-cona:hover img{transform: scale(1.05);}
.in-news-conb{width: 31.785%;margin-left: 2.142%;}
.in-news-conba{width: 100%;border: 1px solid #eaeaea;padding: 33px 33px 27px 33px;transition: all ease 0.3s;margin-bottom: 30px;}
.in-news-conba h6{font-size: 16px;color: #333333;line-height: 16px;}
.in-news-conba h5{font-size: 20px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 35px;line-height: 20px;}
.in-news-conba p{font-size: 14px;color: #333333;line-height: 20px;height: 40px;overflow: hidden;margin-top: 15px;}
.in-news-conba span{display: block;font-size: 12px;color: #999999;line-height: 12px;margin-top: 24px;}
.in-news-conba h4{text-align: right;font-size: 12px;color: #999999;line-height: 12px;margin-top: 16px;transition: all ease 0.3s;}
.in-news-conba:hover{border-color: #0952a1;}
.in-news-conba:hover h4{color: #0952a1;}
.in-news-conc{width: 32.142%;border: 1px solid #eaeaea;padding-bottom: 34px;}
.in-news-conc > h6{font-size: 16px;color: #333333;line-height: 59px;padding-left: 34px;}
.in-news-conca{width: 100%;border: 2px solid #fff;padding: 21px 33px 20px 33px;background-image: url(../image/y34.png);background-repeat: no-repeat;background-position: right 33px center;transition: all ease 0.3s;}
.in-news-conca h6{font-size: 16px;color: #333333;line-height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 90%;}
.in-news-conca p{font-size: 12px;color: #999999;line-height: 9px;margin-top: 10px;}
.in-news-conca:hover{border-color: #0952a1;background-image: url(../image/y35.png);background-position: right 39px center;}
.in-news-conc > p{line-height: 12px;margin-left: 34px;margin-top: 31px;}
.in-news-conc > p a{font-size: 12px;color: #999999;}
.in-news .more{margin-top: 10px;}

/* innews--end */

.in-cases .more,.in-about .more,.in-news .more{width: 178px;height: 40px;border: 1px solid #eaeaea;margin: 0 auto;margin-top: 40px;border-radius: 40px;line-height: 38px;background-image: url(../image/y24.png);background-repeat: no-repeat;background-position: right 42px center;transition: all ease 0.3s;}
.in-news .more{margin-top:0;}
.in-cases .more a,.in-about .more a,.in-news .more a{font-size: 14px;color: #666666;display: block;padding-left: 47px;transition: all ease 0.3s;}
.in-cases .more:hover,.in-about .more:hover,.in-news .more:hover{background-color: #0952a3;border-color: #0952a3;background-image: url(../image/y25.png);transform: translateY(-6px);}
.in-cases .morea,.in-about .morea,.in-news .morea{background-color: #0952a3;border-color: #0952a3;background-image: url(../image/y25.png);}
.in-cases .morea a,.in-about .morea a,.in-news .morea a{color: #fff;}
.in-cases .more:hover a,.in-about .more:hover a,.in-news .more:hover a{color: #fff;}



/* 产品列表--开始 */
.lists-pro {
margin: -20px 0 0 -20px
}
.lists-pro li {
float: left;
width: 25%
}
.lists-pro li a {
display: block;
margin: 20px 0 0 20px;
text-align: center;
border: 1px solid #ddd;
}
.lists-pro li .img-cover {
padding-top: 76%
}
.lists-pro li .text {
line-height: 45px;
position: relative;
padding: 0 14px;
font-size: 16px;
background-color: #0952a1;
color: #fff;
}
.lists-pro li a:hover {
border: 1px solid #000;
}
.lists-pro li a:hover .text {
background-color: #000;
}
.lists-pro li .text p {
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
z-index: 1;
transition: all 0.5s
}
.lists-pro li .btn {
text-align: center;
}
.lists-pro li .btn a {
margin-top: 0;
display: inline-block;
background: #555555;
padding: 3px 20px;
height: 35px;
line-height: 35px;
color: #FFF;
font-size: 16px;
border-radius: 5px;
}
.lists-pro li .btn a.blue {
background: #2d56a4;
}
/* 产品列表--结束 */
/* 资讯列表--开始 */
.lists-news li {
margin-bottom: 15px;
}
.lists-news li a {
display: block;
border: 1px solid #ddd;
padding: 15px;
overflow: hidden;
}
.lists-news li .img-center {
float: left;
width: 220px;
}
.lists-news li .text {
margin-left: 240px;
}
.lists-news li .text h4 {
margin: 0;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
}
.lists-news li .text h4 span {
float: right;
font-size: 12px;
color: #999;
font-weight: normal;
}
.lists-news li .text p {
color: #797979;
}
.lists-news li .text .more {
float: right;
padding: 6px 12px;
color: #fff;
background-color: #B6B6B6;
}
.lists-news li a:hover {
border-color: #000;
}
.lists-news li a:hover .text h4 {
color: #000;
}
.lists-news li a:hover .text .more {
background-color: #0952a1;
}
/* 资讯列表--结束 */
/* 案例列表--开始 */
.lists-case {
margin: -20px 0 0 -20px
}
.lists-case li {
float: left;
width: 33.333333%
}
.lists-case li a {
display: block;
margin: 20px 0 0 20px;
text-align: center;
border: 1px solid #ddd;
}
.lists-case li .img-cover {
padding-top: 76%
}
.lists-case li .text {
line-height: 45px;
position: relative;
padding: 0 14px;
font-size: 16px;
background-color: #0952a1;
color: #fff;
}
.lists-case li a:hover {
border: 1px solid #000;
}
.lists-case li a:hover .text {
background-color: #000;
}
.lists-case li .text p {
margin: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
z-index: 1;
transition: all 0.5s
}
.lists-case li .btn {
text-align: center;
}
.lists-case li .btn a {
margin-top: 0;
display: inline-block;
background: #555555;
padding: 3px 20px;
height: 35px;
line-height: 35px;
color: #FFF;
font-size: 16px;
border-radius: 5px;
}
.lists-case li .btn a.blue {
background: #2d56a4;
}
/* 案例列表--结束 */
/* 列表翻页---开始 */
.pagination {
text-align: center;
padding: 20px 0px;
}
.pagination li {
display: inline-block;
}
.pagination a {
display: inline-block;
margin-right: 10px;
padding: 2px 15px;
border: 1px #cccccc solid;
background: #fff;
text-decoration: none;
color: #808080;
font-size: 14px;
line-height: 30px;
}
.pagination .active a, .pagination a:hover {
background: #000;
color: #fff;
border: 1px #000 solid;
}
/* 列表翻页---结束 */
/* 侧边栏--开始 */
.ct2-sd {
float: left;
width: 260px;
}
.ct2-mn {
float: right;
width: 1115px;
}
.panel-sd {
margin-bottom: 20px;
background-color: #f6f6f6;
}
.panel-sd:last-child {
margin-bottom: 0;
}
.panel-sd .tit {
text-align: center;
color: #fff;
font-size: 20px;
background-color: #000;
padding: 20px 0;
}
.contact-sd {
padding: 20px;
}
.contact-sd .tel {
background: url(../image/ny-tel.jpg) no-repeat 0 center;
padding-left: 55px;
}
.contact-sd .tel strong {
color: #5b5b5b;
font-size: 18px;
display: block;
}
.contact-sd .cont {
margin-top: 8px;
}
.contact-sd .cont p {
margin: 0;
line-height: 25px;
}
.lanmu li {
border-bottom: 1px dotted #ddd;
}
.lanmu li:last-child {
border-bottom: 0;
}
.lanmu li > a {
display: block;
line-height: 50px;
padding: 0 0 0 25px;
font-size: 16px;
}
.lanmu li .arr {
float: right;
height: 45px;
width: 40px;
position: relative;
cursor: pointer;
}
.lanmu li .arr:after {
content: '';
border-top: 2px solid #000;
border-left: 2px solid #000;
box-sizing: content-box;
display: block;
width: 8px;
height: 8px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
right: 15px;
}
.lanmu li.active .arr:after {
border-top: 2px solid #fff;
border-left: 2px solid #fff;
}
.lanmu-box {
display: none;
}
.lanmu-box p {
margin: 0;
border-top: 1px dotted #ddd;
padding-left: 15px;
}
.lanmu-box p a {
padding: 0 25px;
display: block;
line-height: 40px;
}
.lanmu li > a:hover, .lanmu li.active > a {
color: #fff;
background-color: #0952a1;
}
.lanmu li.open .lanmu-box {
display: block;
}
.lanmu li.open .arr:after {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
/* 侧边栏--结束 */
/* 产品图片切换--开始 */
.pc-slide {
float: left;
width: 400px
}
.view .swiper-slide .img-center {
width: 100%;
height: 300px;
line-height: 300px
}
.view .swiper-container {
width: 100%
}
.preview {
width: 100%;
margin-top: 10px;
position: relative
}
.preview .swiper-container {
margin: 0 30px
}
.preview .swiper-slide .img-center {
border: 1px solid #ddd;
cursor: pointer;
position: relative;
}
.preview .arrow-left {
background: url(../image/feel3.png) no-repeat left top;
position: absolute;
left: 0;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 0
}
.preview .arrow-right {
background: url(../image/feel4.png) no-repeat left bottom;
position: absolute;
right: 0;
top: 50%;
margin-top: -9px;
width: 9px;
height: 18px;
z-index: 0
}
.preview .active-nav .img-center {
border-color: #000
}
div.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
background: #ffffff;
border: 1px solid #ddd;
display: none;
text-align: center;
overflow: hidden;
font-size: 0
}
div.zoomMask {
position: absolute;
background: url(../image/mask.png) repeat scroll 0 0 transparent;
cursor: move;
z-index: 1
}
.td10_com-showcase {
margin: 0 0 40px
}
.td10_com-showcase-info {
margin-left: 430px
}
.td10_com-showcase-info h1 {
font-size: 24px;
margin: 0 0 30px;
font-weight: normal
}
.td10_com-showcase-info p {
margin: 5px 0 0;
color: #666;
line-height: 1.8;
}
.td10_com-showcase-info .tel {
border-top: 2px solid #e6e6e6;
margin-top: 15px;
padding-top: 15px;
height: 42px;
line-height: 21px;
font-size: 18px
}
.td10_com-showcase-info .tel strong {
color: #0952a1;
}
.td10_com-showcase-info .tel a {
float: right;
line-height: 42px;
padding: 0 25px;
background-color: #0952a1;
color: #fff
}
.td10_com-showcase-info .tel a:hover{background-color: #000;}
/* 产品图片切换--结束 */
.prod-menu {
margin-bottom: 20px;
border-bottom: 3px solid #0952a1;
}
.prod-menu li {
float: left;
margin-right: 7px
}
.prod-menu li a {
display: block;
padding: 0 35px;
line-height: 50px;
border-radius: 5px 5px 0 0;
background-color: #F1F1F1;
font-size: 16px
}
.prod-menu li.active a {
background-color: #0952a1;
color: #fff
}
/* 内容主体--开始 */
.td10_com-content-title {
margin-bottom: 20px;
text-align: center
}
.td10_com-content-title h1 {
margin: 0;
font-size: 24px
}
.td10_com-content-title p {
margin: 10px 0 0;
font-size: 12px;
color: #999
}
.td10_com-content-title p span {
padding: 0 5px
}
.td10_com-content-desc {
margin-bottom: 20px;
border: 1px solid #ddd;
padding: 20px
}
.td10_com-content-desc p {
display: inline-block;
}
.td10_com-content-body {
line-height: 2;
margin-bottom: 20px;
}
.ti3_txet_index2 {
text-indent: 2em;
}
.td10_com-content-body img {
max-width: 100% !important;
height: auto !important;
width: auto !important;
display: block;
margin: 0 auto;
}
.td10_com-content-epx {
margin-bottom: 20px
}
.td10_com-content-epx li {
line-height: 32px;
margin-bottom: 5px
}
.td10_com-content-epx li span {
display: inline-block;
background-color: #A2A2A2;
color: #fff;
padding: 0 15px;
margin-right: 10px
}
.td10_com-content-epx li em {
float: right;
font-style: normal
}
.td10_com-content-tags {
border: 1px solid #e1e1e1;
line-height: 32px;
padding-left: 20px;
}
.td10_com-content-tags a {
margin-right: 10px;
}
.td10_com-content-tags .more {
margin: 0;
float: right;
background-color: #000;
color: #fff;
padding: 0 10px
}
.td10_com-content-rem {
margin-bottom: 20px
}
.td10_com-content-rem h4 {
margin: 0;
font-size: 24px;
line-height: 55px
}
.td10_com-content-rem li {
border-top: 1px dashed #dbdbdb;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 46px
}
.td10_com-content-rem li span {
float: right
}
/* 内容主体--结束 */
/* 相关内容标题--开始 */
.relevant-pro, .relevant-news, .relevant-cases {
padding: 10px 0;
}
.relevant-pro h4, .relevant-news h4, .relevant-cases h4 {
border: 1px solid #ddd;
border-bottom: none;
margin: 0;
font-size: 18px;
color: #000;
padding:7px 15px;
border-left: 7px solid #0952a1;
}
.relevant-pro h4 small, .relevant-news h4 small, .relevant-cases h4 small {
text-transform: uppercase;
font-size: 16px;
font-weight: normal;
color: #999;
}
.relevant-pro ul, .relevant-news ul, .relevant-cases ul {
border: 1px solid #e1e1e1;
}
.relevant-pro li, .relevant-news li, .relevant-cases li {
float: left;
margin-left: 20px;
margin-top: 20px;
}
/* 相关内容标题--结束 */
/* 相关资讯--开始 */
.relevant-news-list {
margin: 0!important;
padding-left: 20px;
padding-top: 10px;
}
.relevant-news-list li {
float: left;
width: 50%;
margin: 0;
padding: 5px 0;
border-bottom: 1px #ddd dotted;
}
.relevant-news-list li a {
display: inline-block;
color: #545555;
white-space: nowrap;
text-overflow: ellipsis;
}
.relevant-news-list li a:hover {
color: #000;
}
.relevant-news-list li span {
color: #bbbbbc;
float:right;
padding-right:20px;
}
/* 相关资讯--结束 */
/* 相关产品--开始 */
.relevant-pro-list li {
float: left;
width: 25%;
margin: 0;
}
.relevant-pro-list li a {
display: block;
margin: 10px;
text-align: center;
}
.relevant-pro-list li .text {
background-color: #0952a1;
padding: 5px 0;
color: #fff;
}
.relevant-pro-list li:hover .text{
background-color: #333;
}
/* 相关产品--结束 */
/* 相关案例--开始 */
.relevant-cases-list li {
float: left;
width: 25%;
margin: 0;
}
.relevant-cases-list li a {
display: block;
margin: 10px;
text-align: center;
}
.relevant-cases-list li .text {
background-color: #0952a1;
padding: 5px 0;
color: #fff;
}
.relevant-cases-list li:hover .text{
background-color: #333;
}
/* 相关案例--结束 */
/* 留言--开始 */
#message {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1000;
transform: scale(0);
transition: .3s
}
.messagebg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .6);
z-index: 1001
}
#message .m-content {
margin-top: 8%
}
#message .m-content .m-message {
background: #fff;
width: 580px;
background: #fff;
padding: 50px;
margin: 0 auto;
position: relative;
z-index: 1002;
box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
}
.m-message {
width: 494px;
margin: 48px auto 0
}
.m-message label {
margin-bottom: 15px;
display: block;
font-size: 14px
}
.m-message label em {
display: block;
float: right;
color: #000;
height: 32px;
line-height: 32px
}
.m-message label span {
width: 70px;
height: 34px;
line-height: 34px;
color: #2F2F2F;
float: left;
font-weight: bold;
text-align: right;
display: inline-block
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
width: 73%;
overflow: hidden;
height: 32px;
line-height: 32px;
border: #bbb 1px solid;
border-radius: 3px;
padding: 0 14px;
box-sizing: border-box;
color: #555;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.m-message label input:focus, .m-message label textarea:focus {
border-color: #bbb;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(247, 150, 0, .6)
}
.m-message label textarea {
height: 80px;
line-height: 24px;
padding: 10px 14px
}
.m-message .btn {
padding-left: 100px
}
.m-message .btn input {
padding: 8px 30px;
border: none;
}
.m-message .btn input.focus {
background: #0952a1;
color: #fff
}
.m-message .btn input.focus:hover {
background: #0952a1;
}
.m-message .btn input:hover {
background: #ccc;
cursor: pointer;
}
/* 留言--结束 */



/* liuyan--begin */
.liuyan{width: 100%;overflow: hidden;background-image: url(../image/y6.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.liuyan-a{height: 480px;width: 50%;background-color: rgba(255,255,255,0.9);padding: 79px 0 0 97px;}
.liuyan-aa{width: 100%;}
.liuyan-aa h6{font-size: 26px;color: #333333;line-height: 26px;font-weight: bold;}
.liuyan-aa h6 span{color: #0952a1;}
.liuyan-aa p{font-size: 14px;color: #999999;line-height: 17px;margin-top: 23px;}
.liuyan-aa img{margin-top: 38px;}
.liuyan-ab{background-image: url(../image/y36.png);background-repeat: no-repeat;background-size: 46px 46px;background-position: left top;padding-left: 60px;margin-top: 33px;font-size: 18px;color: #666666;line-height: 18px;height: 46px;}
.liuyan-ab span{font-family: Arial;font-size: 30px;color: #0952a1;display: block;font-weight: bold;margin-top: 10px;}
.liuyan-ac{width: 100%;margin-top: 21px;}
.liuyan-ac p{font-size: 16px;color: #444444;line-height: 36px;}
.liuyan-b{width: 50%;background-color: #59a2f3;height: 480px;padding: 63px 40px 0 40px;}
.liuyan-b h6{font-size: 28px;color: #fff;font-weight: bold;line-height: 28px;margin-bottom: 20px;}
.liuyan-b .input1{width: 48.38%;line-height: 40px;height: 40px; background-color: #332c2b;padding-left: 16px;font-size: 14px;color: #fff;margin-top: 20px;border-radius: 30px;}
.liuyan-b textarea{width: 100%;line-height: 20px;background-color: #332c2b;padding-left: 16px;font-size: 14px;color: #fff;margin-top: 20px;border-radius: 10px;height: 100px;padding-top: 18px;}
.liuyan-b .input2{width: 100%;line-height: 50px;background-color: #fff;text-align: center;font-size: 16px;color: #0952a1;margin-top: 20px;border-radius: 30px;cursor: pointer;}
.liuyan-b input::-webkit-input-placeholder, .liuyan-b textarea::-webkit-input-placeholder { 
color: #fff; opacity: 1;
} 
.liuyan-b input:-moz-placeholder, .liuyan-b textarea:-moz-placeholder { 
color: #fff; opacity: 1;
} 
.liuyan-b input::-moz-placeholder, .liuyan-b textarea::-moz-placeholder { 
color: #fff; opacity: 1;
} 
.liuyan-b input:-ms-input-placeholder, .liuyan-b textarea:-ms-input-placeholder { 
color: #fff; opacity: 1;
}
/* liuyan-end */
.bkb{width: 100%;}
.bkb_a{width: 25%;height: 72px;border-left: 1px solid #eaeaea;padding-left: 15px;}
.bkb_a img{width: 70px;float: left;}
.bkb_a p{width: calc(100% - 80px);float: left;margin-left: 10px;font-size: 16px;color: #999999;line-height: 16px;margin-top: 18px;}
.bkb_a p span{font-size: 14px;color: #0e0e0e;font-weight: bold;line-height: 17px;margin-top: 6px;display: block;}
.bkb_a:nth-child(1){border-left: none;}
.bkb_a:nth-child(3){padding-left: 15px;}
.bkb_a:nth-child(4){padding-left: 15px;}
/*footer*/
.yj{width: 100%;overflow: hidden;background-color: #444444;}
.yja{}
.yjaa{width: 125px;border-right: 1px solid #4c4c4c;height: 178px;margin-right: 50px;}
.yjaa:nth-child(1){width: 140px;}
.yjaa:nth-child(2){width: 140px;}
.yjaa:nth-child(6){margin: 0;}
.yjaa h6{line-height: 16px;}
.yjaa h6 a{font-size: 16px;color: #fff;transition: all ease 0.3s;}
.yjaa p{line-height: 30px;margin-top: 22px;}
.yjaa p a{font-size: 12px;color: #999999;display: block;transition: all ease 0.3s;}
.yjaa h6:hover a{color: #fff;}
.yjaa p a:hover{color: #fff;}
.yjb{}
.yjb_a{width: 122px;margin-left: 55px;}
.yjb_a:nth-child(1){margin: 0;}
.yjb_a img{width: 100%;}
.yjb_a p{font-size: 12px;color: #999999;line-height: 12px;margin-top: 15px;text-align: center;}
.yjc{width: 100%;border-top: 1px solid #4c4c4c;padding: 35px 0;}
.yjca{margin-top: 8px;}
.yjca h6{line-height: 14px;font-size: 14px;color: #999999;}
.yjca h6 a{font-size: 14px;color: #999999;transition: all ease 0.3s;}
.yjca h6 a:hover{color: #fff;}
.yjca h6 span{width: 52px;text-align: center;display: inline-block;}
.yjca p{font-size: 12px;color: #999999;line-height: 12px;margin-top: 15px;}
.yjca p a{font-size: 12px;color: #999999;line-height: 12px;}
.yjca p span{color: #0952a1;}
.yjca p span:nth-child(2){display: inline-block;width: 24px;}
.yjcb{}
.yjcb p{float: right;font-size: 14px;color: #999999;line-height: 14px;text-align: right;margin-top: 15px;}
.yjcb p span{display: block;font-size: 20px;color: #fff;font-family: Arial;line-height: 15px;margin-top: 9px;}
.yjcb img{float: right;width: 94px;margin-left: 18px;}
.yl{width: 100%;padding: 15px 20px}
.yl p{font-size: 12px;color: #999999;line-height: 22px;}
.yl p a{font-size: 12px;color: #999999;margin: 0 8px;transition: all ease 0.3s;}
.yl p a:hover{color: #0952a1;}

.dan-xia{display:none;}
/*copyright*/

.yb_conct{position: fixed;z-index: 9999999;top: 50%;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li{width: 180px;height: 53px;font: 15px/53px 'al1';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar ul li a{font: 15px/53px 'al1';color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top{background: #0952a1 url(../image/t1.png) no-repeat;}
.yb_bar .yb_phone{background: #0952a1 url(../image/t2.png) no-repeat;}
.yb_bar .yb_QQ{text-indent: 0;background: #0952a1 url(../image/t3.png) no-repeat;}
.yb_bar .yb_ercode{background: #0952a1 url(../image/t4.png) no-repeat;}
.hd_qr{padding: 6px 37px 25px 37px;box-sizing: border-box;width: 180px;}
.yb_QQ a{display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}
.yb_QQ a:hover {color: #fff;}

.zuoc{position: fixed;z-index: 9999999;bottom: 10%;left: -0;cursor: pointer;transition: all .3s ease;width: 255px;opacity: 0;}
.zuoca{width: 100%;margin: 9.5px 0;margin-left: -160px;transition: all .3s ease;}
.zuoca img{width: 100%;}
.zuoca:hover{margin-left: 0;}