/*body{overflow-x: hidden;}*/
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}
.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
.container-fluid{max-width: 1000px !important;}
*{font-family: "微软雅黑"; border: none;margin: 0;padding: 0;list-style: none;}
a:hover{color:#333;}
a{color:#333;text-decoration: none !important;}
.no-margin{margin: 0;}
.no-padding{padding: 0;}
.no-padding-left{padding-left:0 ;}
.no-padding-right{padding-right: 0;}
.margin10{margin-bottom:10px;}
.margin20{margin-top:20px;}
.padding10{padding-left:10px;padding-right:10px;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding: auto;}
/*toubu*/
header{ width:100%; height:147px;transition:all 0.8s;background:-webkit-linear-gradient(bottom, #d6d6d6, white); background:-moz-linear-gradient(bottom, #d6d6d6, white);background:-o-linear-gradient(bottom, #d6d6d6, white);background:linear-gradient(bottom, #d6d6d6, white);}
header .logo{ width:45%; height:147px;padding-left:15px;transition:all 0.8s;}
header .logo img{ width:100%;margin-top: 3.5%; transition:all 0.8s;}
header .header-tel{ margin-top: 20px; display: inline-block;height: 32px; margin-right: 10px;}
header .header-tel span:first-child{ color: #4c4c4c;}
header .header-tel span:last-child{ color: #0056c1;font-size: 20px;font-weight: bold;}
header .search-box{ display: inline-block; margin-top: 20px;height: 32px;}
header .search-box input[type=text]{ border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 10px;border: 1px solid #cccccc;display: inline-block; height: 30px; line-height: 30px; }
header .search-box input[type=submit]{ border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #0056c1 url("../img/fdj.png") center no-repeat; width: 40px;display: inline-block; height: 30px; }
header nav{ width:55%;transition:all 0.8s;}
header nav li{height:91px;width:16.66%;transition:all 0.8s;}
header nav li a{ display:block;line-height:91px;font-size:14px;margin-top:27.5px; border-left: 1px solid #cbcbcb; border-right: 1px solid #fff;}
header nav li:first-child a{ border-left: none;}
header nav li:last-child a{ border-right: none;}
header nav li.active a{color:#0056c1;}
header nav li:hover a{color:#0056c1;}
header nav li a span{display:block;width:100%;line-height:18px;}
/*移动端导航 */
header .icon-menu{margin:16px 20px 0 0;font-size:33px;color:#fff;  cursor:pointer; }
header .sjdnav{ width:150px; height:auto; position:absolute;right:10px; top:70px;z-index:5; }
header .sjdnav ul{ padding:0; margin:0;}
header .sjdnav li{ height:35px;display:block; padding:0; background:rgba(0, 0, 0, 0.7); text-align:center; margin-bottom:5px;}
header .sjdnav li a{display:block; color:#fff; line-height:35px; font-size:14px;}


header .sjdnavhide{ height:0; overflow:hidden;}	
/*轮播图*/
.flexslider{width:100%;overflow:hidden;}
.flexslider .br .swiper-slide{width:100%;height:auto;}

.swiper-button-prev{background: url(../img/arrow-left.png) #000000 50% no-repeat;}
.swiper-button-next{background: url(../img/arrow-right.png) #000000 50% no-repeat;}
.swiper-button-next,.swiper-button-prev{opacity: 0.2; transition: opacity 1.5s;}
.flexslider .br:hover .swiper-button-next, .flexslider .br:hover .swiper-button-prev{opacity: 0.5;}

.main-white{ padding:30px 0 0; background:#fff;}
.main-bg{background:#f1f1f1;padding: 30px 0 30px;border-top:3px solid #ededed;}
/*标题*/
.title{ height:70px;margin-bottom:25px;}
.title .LineSpacing{height:70px;}
.title .LineSpacing span{display:block; width:100%;height:50px; border-bottom:solid 1px #d4d4d4;}
.title .h4{ padding:10px 0 0 0;}
.title .h4 a{font-size:24px; color:#3c5a7f; line-height:30px; transition:all 0.3s; font-weight:bold;white-space:nowrap;}
.title .h4 a small{ display:block;font-size:24px; color:#333333; line-height:30px;transition:all 0.3s;}
.title .color-white{color:#fff !important;}
/*品牌故事*/
.brand{margin-bottom:25px;}
.brand .owl-carousel .owl-item{padding-left: 5px;padding-right:5px;}
.brand .owl-carousel .owl-item a{display:block;position:relative;height:205px;overflow: hidden;white-space: nowrap;}
.brand a .brand-js{transition:all 0.8s;position:absolute;bottom:0;left:0;background:#999999;font-size:16px;color:#fff;line-height:45px;height:45px;text-align:center;width:100%;}
.brand a .zhezhao{transition:all 0.8s;position:absolute;top:100%;left:0;width:100%;height:100%;background:rgba(55,83,120,0.7);padding-top:19%;text-align:center;}
.brand a .zhezhao .zztxt{color:#fff;width:70%;text-align:center;margin:auto;overflow:hidden;}
.brand a .zhezhao b{font-size:20px;color:#fff;margin-top:10px;}
.brand a:hover .brand-js{bottom:100%;}
.brand a:hover .zhezhao{top:0;}
.brand .owl-theme .owl-controls .owl-buttons div{transition:all 0.5s;width:40px;height:40px;border:1px solid #9e9e9e;border-radius:0;background: #FFF;}
.brand .owl-theme .owl-controls .owl-buttons .owl-prev{background:url(../img/jiantouleft.png) no-repeat 50% 50%;position:absolute;top:45%;left: -45px;background-size:cover;}
.brand .owl-theme .owl-controls .owl-buttons .owl-next{background: url(../img/jiantou1right.png) no-repeat 50% 50%;position: absolute;top:45%;right:-45px;background-size:cover;}
.brand .owl-theme .owl-controls .owl-buttons .owl-prev:hover{background: url(../img/jiantou2left.png) #005EBB;}
.brand .owl-theme .owl-controls .owl-buttons .owl-next:hover{background: url(../img/jiantouright.png) #005EBB;}

/*关于我们*/
.about p{ text-indent: 28px;}
/*新闻资讯*/
.news-box a .pic{width:40%;overflow: hidden;height:110px;}
.news-box a .con{transition:all 0.5s;width:60%;padding-left:10px;height:110px;overflow: hidden;}
.news-box a .con h4{transition:all 0.5s;font-size:14px;white-space: nowrap;text-overflow: ellipsis;color:#000000;overflow: hidden;}
.news-box a .con p{transition:all 0.5s;font-size:12px;line-height:23px;color:#5f5f5f;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-box a .con span{ transition:all 0.5s;font-size:12px;line-height:23px;color:#818181;}
.news-box a{display: block;}
.news-box>div{margin-bottom: 15px;}
.news-box a:hover h4{color:#0056c1;}
/*产品*/
.protitle{display:none;margin-bottom:15px;}
.case{height:400px;margin-bottom: 35px;}
.case a span{opacity:0;text-align:center;transition:all 0.5s;position:relative;display: block;height:100%;width:100%;background: rgba(0,94,187,0.4)}
.case a span:hover{opacity: 1;}
.case a span b{font-size:17px;color:#fff;position: relative;top: 45%;}
.case .img1{display:inline-block;height:100%;width:100%;background: url(../img/1_05.jpg) no-repeat 50% 50%; background-size:cover;}
.case .img2{display:inline-block;height:100%;width:100%; background-size:cover !important;}
.case .img3{display:inline-block;height:100%;width:100%; background-size:cover !important;}
.case .img4{display:inline-block;height:100%;width:100%; background-size:cover !important;}
.case .img5{display:inline-block;width:100%;height:100%; background-size:cover !important;}
.case .img6{display:inline-block;width:100%;height:100%; background-size:cover !important;}
.case .img7{display:inline-block;width:100%;height:100%; background-size:cover !important;}
.case1 img,.case2 img,.case3 img{transition:all 1s;width:100%;height:100%;}
.case .case1{width:30%;height:100%;overflow: hidden;}
.case .case1 .case11{height:27%;overflow: hidden;}
.case .case1 .case12{height:73%;padding-top: 15px;}
.case .case2{width:50%;height:100%;overflow: hidden;padding: 0 15px;}
.case .case2 .case21{height:70%;overflow: hidden;}
.case .case2 .case22{height:30%;padding-top: 15px;overflow: hidden;}
.case .case2 .case221{width:50%;height:100%;overflow: hidden;}
.case .case2 .case222{width:50%;height:100%;padding-left:15px;overflow: hidden;}
.case .case3{width:20%;height:100%;overflow: hidden;}
.case .case3 .case31{height:50%;overflow: hidden;}
.case .case3 .case32{height:50%;overflow: hidden;padding-top: 15px;}
.case .case1 .case12:hover img,.case .case1 .case12:hover img,.case .case2 .case21:hover img,.case .case2 .case222:hover img,.case .case3 .case31:hover img,.case .case3 .case32:hover img{transform: scale(1.1);}
/*尾部*/
footer{padding:15px 0; background:#2a5fa1;}
footer .code{padding:0 10%;color:#fff;}
footer section,footer section small a{color:#fff !important;}
footer section nav{height:14px; border-left:1px solid #fff;display:inline-block;}
footer section nav li{ line-height:14px; border-right:1px solid #fff;}
footer section nav li a{color:#fff; font-size:14px; transition: all 0.3s;padding:3px 15px;}
footer section .add{margin:6px 0;}
footer section .ziti{font-size:12px;text-align: left;line-height: 22px;}

/*底部菜单*/
.hot{height:50px; background: #375378; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:0;}
.hot .row div a.hotlast{border-right:none;}
.hot span{color:#fff; font-size:16px;line-height: 26px;}
.hot h6{font-size:12px; line-height: 17px;}
.hot span{ color:#fff; font-size:16px; line-height:26px; padding-top:5px;}
.hot .hover:hover{background: #415e85;}
/*移动端横向下拉导航*/
.subNavBox{margin:10px 10px 0px 10px;}
.subNav{background:#2e5b97;text-align:center;cursor:pointer;font-size:24px;color:#fff;position:relative;}
.subNav h5{font-size:18px;line-height:35px;display:inline;}
#message h5,#contact h5{margin-left: 0;}
.subNav span{position: absolute;line-height:35px;right:20px;font-size: 18px;}
.navContent{display:none;}
.navContent li a{position: relative; display: block; font-size: 14px; line-height: 35px; color: #000; padding-left: 15px; border: 1px solid #e6e6e6;}
.navContent li a i{ position: absolute;right: 5px;top: calc(50% - 7px);}
.navContent li a:hover{color: #2e5b97;}
.navContent .active{ color: #2e5b97;}
.navContent .active i{ color: #2e5b97;-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
/*内页内容开始*/
.neiye{background:#fff;min-height: 400px;margin-top: 40px;}
/*内页左侧下拉导航*/
.neiye-nav{margin-bottom:10px;}
.neiye-nav-title{height:42px;background:#2e5b97;color:#fff;font-size:18px;text-align: center;}
.neiye-nav-title span{margin:0px 18px 0px 26px;line-height:42px;}
.neiye-nav-title h5 small{color: white;}
.neiye-nav-title h5{line-height:40px;font-size:18px;}
.neiye-nav-title h5 small{color: white;}
.neiye-nav-con{height:42px;cursor: pointer;border: 1px solid #e6e6e6;}
.neiye-nav-con h5{color:#333;line-height:42px;margin: 0 0 0 10px;position: relative;}
.neiye-nav-con h5 i{position: absolute;right: 5px;top: calc(50% - 7px);}
.neiye-nav-con h5 span{margin-right: 15px;}
.navContent2{display:none;}
.navContent2 li{background: #ffffff;width: 100%;border-bottom: 1px dashed #666666}
.navContent2 li a{display:inline-block;text-align:left;line-height:32px;;color:#333;font-size: 12px;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;    font-family: Arial, Helvetica, sans-serif, "宋体";
}
.navContent2 .active{background-color:#f2f2f2;border-left:3px solid #a65e00;}
.neiye .dizhi{background:#e6e6e6;padding:10px;line-height:25px;}
.about-us{border-bottom: 1px solid #ccc;line-height: 42px;}
.neiye-left-title h3{font-size: 20px;line-height: 42px; margin: 0;}
.neiye-right-title{color:#666;text-align: right;font-size: 14px}
.neiye-nav-con.active h5 a,
.neiye-nav-con:hover h5 a{color: #2e5b97;}
.neiye-nav-con.active h5 i{color: #2e5b97;-webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.neiye-nav-con a{ text-decoration: none; }

/*成功案例*/
.case-box{ margin-top: 15px;}
.case-box ul{/* display: none; */}
.block{ display: block !important; }
.case-box li a{ display: block; background: #e6e6e6;}
.case-box li p{ line-height: 30px; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case-content { margin-top: 15px;}
/*最新资讯*/
.news-box li{ margin: 15px 0; }
.news-box a .pics{padding:0;}
.news-box a .cons{transition:all 0.5s;padding-left:10px;height:110px;overflow: hidden;}
.news-box a .cons h4{transition:all 0.5s;font-size:14px;white-space: nowrap;text-overflow: ellipsis;color:#000000;overflow: hidden;}
.news-box a .cons p{transition:all 0.5s;font-size:12px;line-height:23px;color:#5f5f5f;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-box a .cons span{ transition:all 0.5s;font-size:12px;line-height:23px;color:#818181;}
.news-box a:hover h4{ color: #0056c1;}
.news-content { /* text-align: center; */}
.news-content p{ /* text-align: left; *//* text-indent: 28px; */}
/*联系我们*/
.contact-us{ margin-top: 16px;}
.contact-us div:last-child{ padding: 0 5%;border-left: 1px solid #e6e6e6;}
/**/
@media (max-width:1100px){
	.brand .owl-theme .owl-controls .owl-buttons div{display: none;}
}
@media only screen and (max-width: 991px) {
	/*头部*/
header{ height:65px; }
header .logo{ width:80%;height:65px;}
header .logo img{ margin-top: 1%; width: auto; max-height: 50px;}
.about .ableftbox{height:auto;overflow: hidden;}
.about .abimg{width:259px;overflow:hidden;padding-right:15px;}
.about .abtxt{font-size:14px;line-height:28px;color:#fff;}
.about .video{background:none;}
.about .video .abright{float:none;display:block;margin-top:15px;}
.about .video .abright .shipin{display:block;height:auto;}
	.main-bg{background:#fff;padding: 0px;border-top:none;}
	/*.flexslider{height:450px;}*/
	/*.flexslider .br .swiper-slide{height:450px;}*/
	/*侧方*/
	.nav1{margin-top: 10px;margin-bottom:0;}
	.navhead,.leftnav,.box{width:100%;}
	.nav1 .nav li a{text-align: center;font-size: 13px;color:#000 !important;}
	.leftnav{margin: 0;}
	.navhead{text-align: left;padding-left: 15px;}
	.nav1 .sjdnavhid{height:0;overflow:hidden;}
	.title .h4 a{font-size:24px;}
	.ny-title{margin-bottom:5px;}
	footer section{text-align:center;}
	footer .code{width:100%;padding:0;border:0;}
	footer .code img{margin:auto;}
	footer small{display: block;text-align: center;}
	.neiye{ margin-top: 5px; }
}
@media only screen and (max-width: 767px) {
	/*移动端导航 */

	header{position: inherit;}
	/*.flexslider{height:400px;}*/
	/*.flexslider .br .swiper-slide{height:400px;}*/
	/*标题*/
	.title{ height:50px;}
.title .LineSpacing{height:50px;}
.title .LineSpacing span{height:25px;}
.title .h4{ padding:5px 0 0 0;}
.title .h4 a{font-size:20px;line-height:25px;}
.title .h4 a small{font-size:12px;line-height:16px;}

.product-box .imgbox .mask span strong{font-size: 28px;}

.product-box .imgbox .mask span p{font-size: 18px;}
.content{top:449px;}
.boxcontent .media{height:100px;}
.boxcontent .media-left{height:100px;overflow: hidden;}
.boxcontent .media-left img{min-height:100px;}
	.message .form-group input,.message .form-group textarea{width:80%;}
	.aboutbox a .imgbox{width:100%;padding-left: 0;}
	.aboutbox a .imgbox img{margin-left:auto;margin-right:auto;padding-left: 10px;padding-right:10px;}
	.aboutbox a .txt-box{width:100%;padding-left: 10px;padding-right:10px;}
	.aboutbox a .txt-box .txt{max-height:260px;overflow: hidden;}
	
	.case .case2 .case21,.case .case3 .case31,.case .case3 .case32{height:50%;}
	.case .case2 .case22{height:50%;}
	.case .case2 .case222{width:100%;padding-left: 0px;}
	.case .case2 .case222 a{background-size: cover!important;height:inherit !important;}
	.case .case3{width:50%;padding-right:15px;}
	footer{margin-bottom: 52px;}
	footer section .ziti{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.contact-us div:last-child{ border: none;}
}
@media only screen and (max-width: 560px){
	header .sjdnav{width:120px;}
	.swiper-button-next,.swiper-button-prev{display:none;}
	.brand .owl-carousel .owl-item a{height:170px;}
	.product-box a.pro-a{height:170px;}
	.about .abimg{width:100%;padding-right:0;}
	.protitle{display:block;}
	footer .Copy span{display:block;}
	.partner a .pic{width:40%;}
	.partner a .con{width:60%;}
	.partner a .time{display:none;}
}
@media only screen and (max-width: 436px) {
	header .logo img{ margin-top: 3%;}
	.product-box a.pro-a .brand-js{font-size:12px;line-height:33px;height:33px;}
	footer section nav li a{font-size:12px;}
	footer section nav li a{padding:3px 6px;}
	.contact h1{font-size:20px;}
    .nei_content img {max-width:100%}
}
@media only screen and (max-width: 380px){
	.news-box a .pic,.news-box a .con{height:110px;}
	.case{height:240px;}
}
@media only screen and (max-width: 325px){
	header{ height:52px; }
	header .logo{height:52px;}
	header .logo img{ margin-top: 2%;}
	header .icon-menu{margin:11px 15px 0 0;font-size:30px; }
	header .sjdnav{top:55px;}
	.brand .owl-carousel .owl-item a{height:150px;}
	.brand a .brand-js{font-size:12px;line-height:33px;height:33px;}
	.news-box a .con h4{margin-top:0px;margin-bottom:0px;}
	.product-box a.pro-a{height:150px;}
	.product-box a.pro-a .brand-js{font-size:12px;line-height:33px;height:33px;}
}

.case-content img,
.news-content img{max-width:100%;height:auto;}

.coverbox{
	display: block;
    padding-top: 53%;
    position: relative;
}
.coverimg{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}