*{
    margin:0;
    padding:0;
}

html,body{
    width:100%;
    font-family: "微软雅黑";
    font-size: 16px;
    margin:0;
    padding:0;
    line-height: 30px;
}
img{max-width:100%}
a,a:hover{
    text-decoration: none;
    color:#333;
}

ul, ul li{
    margin:0;
    padding:0;
    list-style: none;
}
h1,h2,h3,h4,h5,p{
    margin:0;
    padding:0;
}
.fl{float:left;}
.fr{float:right;}
.padding-zero{
    padding:0;
}
.width25{
    width:25%;
}
.swiper-pagination-bullet-active{background:#fff; width:30px;border-radius:10px;}
.swiper-pagination-bullet{background:#ccc; width:30px;border-radius:10px;}
.swiper-banner .swiper-slide-active img{
	animation: ImgBig 6s linear forwards;
    -webkit-animation: ImgBig 6s linear forwards;
	-moz-animation: ImgBig 6s linear forwards;
	-o-animation: ImgBig 6s linear forwards;
}

.f14{border-top: 1px solid #ddd;}
.f14 a{color:#777;}


.swiper-banner img{
width:100%}







@media(min-width:1350px){
    .container{width:1320px;margin: 0 auto;}
}
@media (min-width: 1440px){
    .container {
        width: 1400px;
        margin: 0 auto;
    }
    }
@media (min-width: 1600px){
    .container {width: 1600px; margin:0 auto;}
}



.b{width:100%;}
.n-l-padding{padding-left:0;}
.n-r-padding{padding-right:0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{color:#fff;}


.banner{width:100%;}
.banner .swiper-banner img{
    width:100%;
}

.banner-c{
    width:100%;
    position: relative;
	margin-top:138px;
}
.fanye{
    border-top:1px solid #344461;
    font-size: 14px;
}
#pages span{padding:5px 10px; background:#1d2a53; color:#fff;}



.top-dn{
    height:78px;
    overflow: hidden;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background: #fff;
    width: 100%;
	}
.top-yuyan,.top-tel{float:right;}
.top-yuyan{
    width:32px;
    height:32px;
    line-height: 32px;
    text-align: center;
    background:#f39800;
    border-radius: 100%;
    margin-top:15px;
}
.top-yuyan a{color: #fff;}

.top-tel{
    overflow: hidden;
    margin-right:30px;
}
.top-tel-img{
    margin-top:15px;
    margin-right:10px;
}
.top-tel-haoma span{
    font-size: 26px;
    font-weight: bold;
    display: block;
}

/* 面包屑导航 */
.sub_nav{width:1320px; overflow:hidden;background:#344461;position:absolute; bottom: 0;left:15%;}
.sub_nav ul{font-size:0;width:100%;}
.sub_nav li{display:inline-block;}
.sub_nav li a{display:block; text-align:center;font-size:16px; color:#fff; position:relative;padding:15px 42px; }
.sub_nav li.cur a{color:#fff; background:#fa9805;}
.sub_nav li.cur a:after{left:0; width:100%;}
.sub_nav li:hover a{color:#fff; background:#fa9805;}
.sub_nav li:hover a:after{left:0; width:100%;}


/* 关于 */
.h-about{
    width:100%;
    overflow: hidden;
    padding:60px 0;
}
.h-about-img{
    overflow: hidden;
}
.h-about-img img{
    display: block;
    margin: 0 auto;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.h-about-img:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.h-about-tit{
    font-size: 42px;
    font-weight: bold;
    margin-top:20px;
    margin-bottom:60px;
}
.h-about-con{
    line-height: 40px;
    color:#555;
}


.left-contact{
background: #1d2a53;
    line-height: 80px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    }



.about{padding:60px 0; overflow:hidden;}
.width35{width:35%}
.width65{width:65%}
.about-l{
    padding-right:60px;
}
.about-con{padding-left:15%;}
.about-t{
    font-size: 48px;
    font-weight: bold;
    color:#344461;
    margin:20px 0 60px;
}
.about-i{
    margin-top:60px;
    padding-left:15%;
    padding-top:10px;
    padding-bottom:10px;
    padding-right: 10px;
    background:#344461;
    overflow: hidden;
}
.about-i img{
    width:100%;
    display: block;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.about-r{
    padding-right: 15%;
}
.about-i:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}








/* 内容 */
.about-content{
    padding:30px 0 0;
    overflow: hidden;
    background-color:#fff;
    transform: translateY(-80px);
    -webkit-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -o-transform: translateY(-80px);
}
.a-c{margin-top:40px;}
.position{
    text-align: right;
    padding:0 10px;
    font-size:14px;
    color:#555555;
    line-height: 40px;
    border-bottom:1px solid #fa9805;
}
.position i{
    color:#344461;
}
.position a{
    color:#555555;
}
.position-cat,.position-location{
    display: inline-block;
}
.position-cat{
    float: left;
    font-size:24px;
    font-weight: bold;
    color:#344461;
}
.catname{font-size:24px; font-weight:bold;}
.list-group ul {
border:1px solid #ddd;
}
.list-group ul li{
border-bottom:1px solid #ddd;
/* height:60px; */
line-height:60px;
text-align:left;
background:#f39800;
}
.list-group ul li a{
display:block;
color:#fff;
padding-left:30px;
position:relative;
}
.list-group ul li a i{
position:absolute;
right:20px;
top:15px;
}
.list-group ul li .exhibit{border-bottom:0;}
.list-group ul li .exhibit li{
background:#fff;
line-height:40px;
border-bottom:0;
}
.list-group ul li .exhibit li a{
color:#999;
padding-left:60px;
font-size:15px;
}
.list-group ul li .exhibit li:hover a{background:#ddd;}
/* .list-group ul li:hover{background:#eee;}
 */
.list-group-item.active{
font-size:30px;
font-weight:bold;
line-height:60px;
background:#1d2a53;
}
.list-group-item.active:hover, .list-group-item.active:focus{background:#1d2a53;}

.a-con{
    margin-top:30px;
}
.a-title:before{
    content: "";
    display: block;
    width:4px;
    height:60px;
    background: #344461;
    margin: 0 auto;
}
.a-title .about-en{
    font-size:60px;
    color:#ccc;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
}
.a-title .about-zh{
    text-align: center;
    font-size:40px;
    color:#344461;
    font-weight: bold;
    transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
}
.a-con-con{
    margin-top:40px;
    line-height: 40px;
}
.a-con-item{margin-top:60px;}
.ft-lianxi{
    background:#fa9805;
    line-height: 120px;
    text-align: center;
    font-size: 36px;
}
.ft-lianxi a{color:#ffffff;}
.ft-lianxi span{
    display:inline-block;
    width:40px;
    height:40px;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size:30px;
    position: relative;
    animation: rotate 2s linear infinite;
}



/* 产品 */
.h-product{
    /* padding:60px 0px; */
    overflow: hidden;
}
.h-pro-b{
    width:100%;
    height:100%;
    overflow: hidden;
    position: relative;
}
.h-pro-cover{
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.5);
    padding: 60px 40px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.h-pro-bk{
    border: 1px solid #fff;
    width: 100%;
    height:100%;
    overflow: hidden;
    color: #fff;
    padding:100px 0;
    text-align: center;
}
.h-pro-ch{
    font-size:24px;
    font-weight: bold;
    margin:40px 0 150px;
}
.h-pro-btn{
    font-size:50px;
    font-weight: lighter;
    width:60px;
    height:60px;
    margin: 0 auto;
    border-radius: 100%;
    border:2px solid #fff;
    line-height: 50px;
}
.h-pro-b:hover .h-pro-cover{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
}













.swiper-pro .swiper-slide:hover .h-pro-img img{
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    }
    
    


.pro-title{margin-bottom:80px;position: relative;line-height:100px;}
.pro-t-en{
    font-size: 60px;
    color:#ddd;
    font-weight: bold;
}
.pro-t-ch{
    font-size: 48px;
    font-weight: bold;
    color:#344461;
    position: absolute;
    left:0;
    top:30px;
}
.pro-left ul li{
    font-size:20px;
    height:60px;
    line-height: 60px;
    font-weight: bold;
    margin:20px 0;
}

.pro-nav{color: #344461;}
.pro-nav-active{
    width:210px;
    background:#344461;
    color:#ffffff;
    text-align: center;
    position: relative;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.pro-nav i{margin-right:20px;}
.pro-nav-active i{display: none;}
.pro-nav-active:after{
    content: "";
    display: block;
    width:160px;
    height:1px;
    background: #fa9805;
    position:absolute;
    right:-120px;
    top:50%;
}
.pro-right-b{
    padding:130px 0;
}
.pro-r-pic,.pro-r-con{
    width:100%;
    overflow: hidden;
}
.pro-r-pic img{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
}
.pro-r-con{
    padding:80px 0;
    color:#fff;
    padding-left:40px;
}
.pro-r-info{
    margin:60px 0;
    overflow: hidden;
    height:120px;
}
.pro-r-t{
    margin-bottom:40px;
}
.pro-r-t-zh{
    font-size:36px;
    font-weight: bold;
}
.pro-r-t-en{
    font-size: 20px;
    text-transform: uppercase;
    margin-top:10px;
}
.pro-r-line{
    width:200px;
    height:2px;
    background: #fa9805;
}

.pro-r-btn{
    width:210px;
    background: url(../../images/b-b.png) no-repeat;
    line-height: 70px;
    text-align: center;
}
.pro-r-btn a{
    display: block;
    color:#fff;
}
.pro{
    padding:60px 0;
    /* height:1160px; */
    position: relative;
	overflow:hidden;
}
.pro .list-group ul li:hover .exhibit{display:block;transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-o-transform: translateY(0px);}
.product-left{
    width:20%;
    background-color:#344461;
    background-image: url(../../images/p-b.png);
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    padding:60px 0px;
	height:1230px;
}
.pro-left-title{padding:0 30px;}
.pro-left-con{padding:0 30px;}
.pro-left-t-zh{
    font-size:42px;
    font-weight: bold;
    line-height: 42px;
}
.pro-left-t-en{
    font-size:30px;
    color:#ccc;
    margin-top:10px;
}
.pro-left-con{
    width:100%;
    overflow: hidden;
    margin-top:60px;
}
.pro-left-con a{color:#fff;}
.pro-left-con li{line-height:60px;}
.pro-left-con li a{display:block;border-bottom:1px dotted #999;position:relative;}
.pro-left-con li a i{position:absolute; right:0;top:20px;}
.exhibit{
display:none;
transform:translateY(-50px);
-webkit-transform:translateY(-50px);
-moz-transform:translateY(-50px);
-o-transform:translateY(-50px);
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
}
.pro-left-con li .exhibit li{
line-height:40px;
}
.pro-left-con li .exhibit li a{border-bottom:1px dotted #555;font-size:15px;}
.pro-left-con li .exhibit li:last-child a{border-bottom:none;}
.pro-left-con li .exhibit li a:hover{color:#777;}
.pro-left-con ul li:hover .exhibit{
display:block;
transform:translateY(0px);
-webkit-transform:translateY(0px);
-moz-transform:translateY(0px);
-o-transform:translateY(0px);
transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
}
.pro-left-contact{margin-top:60px;font-size:30px; font-weight:bold;text-align:center;}


.product-right{
    float:right;
    width:80%;
    background: #fff;
    padding:0px 0px 0px 20px;
}
.product-right ul li:nth-child(7) .pro-l-b,.product-right ul li:nth-child(8) .pro-l-b,.product-right ul li:nth-child(9) .pro-l-b{
margin-bottom:0;}
.pro-right ul{
    overflow: hidden;
}
.pro-l-b{
    position: relative;
    margin-bottom:30px;
}
.pro-l-b-i{overflow:hidden;}
.pro-l-b-i img{transition:all .8s;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;}
.pro-l-b-t{
    position: absolute;
    left: 0;
    bottom:0;
    width:200px;
    background:#344461;
    line-height: 40px;
    color:#fff;
    text-align: center;

}
.pro-l-b:hover .pro-l-b-i img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.pro-item{
    overflow: hidden;
}

.pro-item ul{margin-top:40px;overflow:hidden;}
.pro-item li{
    margin-bottom:30px;
}

.pro-item-i{
    overflow: hidden;
    width: 100%;
    height:239px;
}
.pro-item-i img{
    max-height:239px;
	display:block;
	margin:0 auto;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.pro-item-t{
    text-align: center;
    line-height: 40px;
}

.pro-item li:hover .pro-item-i img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.pro-con{
    padding:60px 0;
}
.pro-con-lm{
    margin-top:60px;
}
.pro-con-title{
    font-size:30px;
    font-weight: bold;
    color:#344461;
    line-height: 50px;
    border-bottom:1px solid #fa9805;
    position: relative;
    padding-bottom:20px;
}
.pro-con-title::after{
    content: "";
    display: block;
    width:80px;
    height:4px;
    background: #fa9805;
    position: absolute;
    left:0;
    bottom:0;
    z-index: 9;

}
.pro-con-desc{
    margin: 40px 0;
    overflow: hidden;
}
.pro-con-phone{
    font-size:30px;
    font-weight: bold;
}
.pro-con-b{
    max-height:535px;
    overflow: hidden;
}
.pro-con-b img{
    max-height:535px;
    display: block;
    margin: 0 auto;
}
.pro-con-bottom{
    margin-top:60px;
}
.pro-con-bottom-title{
    border-bottom:1px solid #344461;
    position: relative;
    color:#fff;
    line-height: 48px;
    font-size: 30px;
    padding-left:20px;
}
.pro-con-bottom-title::after{
    content: "";
    display: block;
    width:180px;
    height:48px;
    position: absolute;
    left: 0;
    bottom:0;
    background: #344461;
    z-index: -1;
}
.pro-con-bottom-con{
    padding:40px 0;
}

.pro-right-b:hover .pro-r-pic img{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.pro-con-btn-phone{background: #344461;}
.pro-con-btn-xunjia{background:#fa9805;}

.pro-con-btn-phone,.pro-con-btn-xunjia{
    line-height: 48px;
    text-align: center;
	margin:0 auto;
}

.pro-con-btn-phone a,.pro-con-btn-xunjia a{
color:#fff;
display:block;
}


.miaoshu{text-align:center}
.xunjia-content{margin-top:60px;}

.section-content{ border-bottom: 1px solid #bbb; width: 100%; margin: auto; padding:40px; /* min-height:320px; */}
.pro_td_tit{
    font-size:30px;
    font-weight: bold;
    color:#fa9808;
    margin-bottom:30px;
}
.pro_td_con{

    color:#666;
    line-height: 30px;
	overflow:hidden;
}
.pro_td_con table{width:80%; margin:0 auto;}
.pro_td_con td{border:1px solid #ccc;padding:5px 10px;}

.nav-height{ position:relative; height: 50px;margin-bottom:30px;}
.nav-wrap { width: 100%;height: 50px;background: #fff;}
.nav-wrap.navFix{position: fixed;top: 138px;left: 0;  box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3\9; z-index: 99999;} 
.nav-wrap ul {padding: 0;margin: 0 auto; width: 100%; display: block; border-bottom: 2px solid #eee;}
.nav-wrap.navFix ul{ border-bottom: 0;}
.nav-wrap li { display: inline-block; text-align: left; height: 50px; line-height: 50px; float: left;}
.nav-wrap li a {display: block;padding: 0 20px;font-size:20px; color: #333; text-decoration: none; font-weight: bold;}
.nav-wrap li a:hover{color: #1d2a53;}
.nav-wrap li a.active {border-bottom:4px solid #1d2a53;color: #1d2a53;}
.nav-mobile {display: none;font-weight: bold;width: 100%;}
.click-me {width: 150px;height: 30px; background: #1d2a53;color: white; text-align: center;line-height: 30px;}
.click-me a {display: block;color: white;}




/* 优势 */
.h-youshi{
    padding:60px 0;
    overflow: hidden;
}
.h-youshi-tit{
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    margin-bottom:60px;
}
.h-youshi-b-t{
    font-size: 36px;
    color:#f39800;
    margin-top:120px;
    padding:0 60px;
    margin-bottom:40px;
}
.h-youshi-b-c{
    padding:0 60px;
    overflow: hidden;
}
/* 优势结束 */






/* 新闻 */
.h-news{overflow:hidden;}
.h-news-item ul{overflow:hidden}
.h-news-item ul li{
transition:all .8s;
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
}
.h-news-li{color:#fff;overflow:hidden}
.h-news-li:after{
content:"";
display:block;
width:100%;
height:1px;
background:rgba(255,255,255,.4);
}
.h-news-img{
height:280px;
}
.h-news-info{margin-top:20px;}
.h-news-info-t{
font-size:20px;
font-weight:bold;
}
.h-news-info-desc{
height:60px;
overflow:hidden;
margin:30px 0;
}
.h-news-info-date{
font-size:14px;
margin-bottom:40px;
}
.h-news-item ul li:hover{
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
}


.news-t{
    text-align: center;
    position: relative;
}
.news-t-en{
    font-size: 60px;
    font-weight: bold;
    color:#ddd;
    line-height: 60px;
}
.news-t-zh{
    font-size: 48px;
    font-weight: bold;
    color:#344461;
    position: absolute;
    left:43%;
    bottom:-15px;
}
.news-top{
    margin-top:80px;
    margin-bottom:40px;
}
.news-top-pic{
    box-shadow: 3px 3px 8px #999;
    width:100%;
    height:284px;
    background-size: cover;
}
.news-top-pic img{
    width:100%;
    display: block;
}
.news-top-con{
    padding:15px 0;
    overflow: hidden;
}
.news-top-date{
    font-size:16px;
}
.news-top-t{
    font-size:30px;
    font-weight: bold;
    color:#fa9805;
    margin:10px 0 30px;
}
.news-top-c{
    height:60px;
    overflow:hidden;
}
.news-top-btn{
    width:120px;
    height:40px;
    line-height:40px;
    background:#fa9805;
    text-align: center;
}
.news-top-btn a{
    display: block;
    color:#fff;
    margin-top:40px;
}
.news-bottom-date{
    width:100%;
    padding:20px 0;
}
.news-bottom-date span{
    display: block;
    font-size: 36px;
    margin-bottom:20px;
}
.news-bottom-c{
    width:100%;
    overflow: hidden;
}
.news-bottom-t{
    font-size:20px;
    font-weight: bold;
    margin-bottom:20px;
}
.news-bottom-desc{
    height:60px;
    overflow: hidden;
}
.news-bottom-desc a{
    color:#777;
}
.news-btn{
    width:300px;
    margin:0 auto;
    background:#344461;
    border-radius: 40px;
    line-height: 48px;
    text-align: center;
    margin-top:60px;
}
.news-btn a{
    display:block;
    color:#fff;
}
.news{
    min-height: 300px;
    padding:60px 0;
	overflow:hidden;
}
.news ul{
    overflow: hidden;
}
.news ul li{
    margin-bottom:30px;
	transition:all .8s;
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-o-transition:all .8s;
}
.news-pic{
    width:100%;
    height:260px;
}
.news-content{
    padding:20px;
    overflow: hidden;
    border: 1px solid #ccc;
}
.news-content-t{
    font-size:20px;
    color:#344461;
    font-weight: bold;
	height:30px;
	overflow:hidden;
}
.news-line{
    width:100%;
    height:1px;
    background:#ccc;
    margin: 20px 0;
}
.news-content-c{
    height:60px;
    overflow: hidden;
    color:#777;
}
.news-date{
    font-size:14px;
    text-align: right;
}
.news-zw-tit{
    font-size:30px;
    font-weight: 600;
    text-align: center;
}
.news-zw-date{
    text-align: center;
    padding-bottom: 20px;
    position: relative;
    margin-top:30px;
    color:#999;
}
.news-zw-date::after{
    content: "";
    display: block;
    width:100%;
    height:1px;
    background: #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
}
.news-zw{
    padding:30px 0;
    overflow: hidden;
}
.news-zw-btn{
    width:160px;
    text-align: center;
    line-height: 60px;
    background: #fa9805;
    margin: 0 auto;
}
.news-zw-btn a{
    color:#fff;
}
.news ul li:hover{
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
}
.news-item{margin-top:40px;overflow:hidden;}
.n-c{margin-top:40px;}



/* 案例 */
.case{
    padding:60px 0;
    overflow: hidden;
}
.case-item{margin-top:40px;}
.case-i{
    border: 1px solid #ddd;
    padding:5px;
	overflow:hidden;
}
.case-i img{
transition:all .8s;
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
}
.case-t{
    text-align: center;
    line-height: 48px;
    border: 1px solid #ddd;
    border-top:none;
    margin-bottom:30px;
}
.case-i:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}


/* 合作 */
.h-partner{
margin:30px 0;
}
.h-partner ul{overflow:hidden}
.h-partner ul li{
width:18%;
float:left;
margin-right:25px;
}

.h-partner ul li:nth-child(5){margin-right:0;}
.h-partner ul li img{
display:block;
margin:0 auto;
width:180px;
}
.h-ft-logo{
margin-top:20px;
}
.h-ft-logo img{
display:block;
margin:0 auto;
}









/* 联系 */
.h-contact{
    margin-top:60px;
    background:url(../../images/c-bg.png) no-repeat center;
    padding:80px 0;
}
.contact{
overflow:hidden;
padding:60px 0;}
.contact-con{
    width:50%;
    padding:60px;
    overflow: hidden;
    background: rgba(255,255,255,.6);
    margin: 0 auto;
    border-radius: 20px;
}
.contact-t{
    font-size: 42px;
    font-weight: bold;
    color:#344461;
    text-align: center;
    margin-bottom:60px;
}
.contact-liebiao-b{
    width:100%;
    font-size: 20px;
    color:#344461;
    margin-bottom:30px;
}
.contact-liebiao-b img{
    height:48px;
    margin-right:10px;
}
.contact-dizhi{
    color:#344461;
    text-align: center;
    font-size: 20px;
}
.contact-dizhi img{
    height:48px;
    margin-right:10px;
}

.contact-li{
    border:1px solid #ddd;
    padding:10px;
	border-bottom:0;
	overflow:hidden;
}
.contact-li:nth-child(5){border-bottom:1px solid #ddd;}

.contact-li-icon{width:20%; border-right:1px solid #ddd;}
.contact-li-icon img{
    height:60px;
    display: block;
    margin: 0 auto;
}
.contact-li-con{
    width: 80%;
    line-height: 60px;
    padding:0 20px;
}
.contact-content{margin-top:60px;}

.map{margin-top:60px;}

.message{
    margin-top:60px;
}
.mess{margin:60px 0;overflow:hidden;}
input[type="text"]{
width:100%;
line-height:40px;
border:1px solid #ddd;
}
textarea{border:1px solid #ddd;}



/* 首页footer */
.footer{
width:100%;
padding:40px 0;
overflow:hidden;
background:#1d2a53;
color: #fff;
}
.footer a{
    color:#fff;
}
.ft-nav{overflow: hidden;}
.ft-nav-about{
    width:20%;
}
.ft-nav-product{
    width:35%;
    padding:0 30px;
    border-left:1px solid #555555;
    border-right:1px solid #555555;
    text-align: center;
}
.ft-nav-product ul li{
    width: 50%;
    float: left;
}

.ft-nav-contact{
    padding-left:60px;
}
.ft-nav-t{
    font-size: 20px;
    font-weight: bold;
    margin-bottom:30px;
}
.ft-nav-lx span{
    display: block;
    font-weight: bold;
}

.copyright{
    margin-top:40px;
    padding-top:20px;
    border-top:1px solid #555;
}






/* 企业风采style */
.style{
padding:60px 0;
overflow:hidden;
}
.style-i{
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 260px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
	margin-bottom:30px;
}
.style-i a{
    display: table-cell;
    width: 100%;
    height: 260px;
    vertical-align: middle;
}
.style-i a img {
    max-width: 100%;
    max-height: 260px;
    margin: 0 auto;
}
.style-t{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
line-height:48px;
height:48px;
overflow:hidden;
text-align:center;
margin-bottom:30px;
}


/* 视频 */
.video{
padding:60px 0;
overflow:hidden;
}
.video-i{
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 200px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}
.video-i a{
    display: table-cell;
    width: 100%;
    height: 200px;
    vertical-align: middle;
}
.video-i a img{
    max-width: 100%;
    max-height: 200px;
    margin: 0 auto;
	transition:all .8s;
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-o-transition:all .8s;
	}

.video-t{
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
line-height:48px;
height:48px;
overflow:hidden;
text-align:center;}

.video-i:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

.video-title{
font-size:36px;
font-weight:bold;
text-align:center;
}
.video-icon{text-align:center;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
line-height:60px;
margin:40px 0 60px;
font-size:14px;
}













@keyframes rotate {
    0% {
    transform: translateY(0) ;
  }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(10px) scale(1.1, 0.9);
       
    }
    75% {
        ransform: translateY(-10px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}







@media(min-width:1200px) and (max-width:1439px){
.ft-nav-about{width:15%}
.ft-nav-product{width:40%;padding:0 15px;}
.ft-nav-contact{width:40%; padding-left:20px}
}


@media(min-width:1320px) and (max-width:1440px){
.product-num-nub{font-size:60px;}
.product-num-add{font-size:20px;right:50px;}
.pro-right-b{padding:200px 0;}
.contact-con{width:80%;}
.copyright-l{padding-right: 40px;}
.sub_nav{left:0;}
.h-pro-bk{padding:60px 0;}
.h-pro-ch{margin:40px 0 80px;}
}

@media(max-width:1300px) and (min-width:1200px){
.product-left{height:769px;}
.pro-item-i{height:360px;}
.pro-item-i img{max-height:360px;}
.sub_nav{width:100%;left:0;}
}


@media(min-width:992px) and (max-width:1024px){
.h-pro-cover{padding:30px;}
.h-pro-bk{padding:30px 0;}
.h-pro-ch{margin:20px 0 80px}
.ft-nav{font-size:14px;}
.ft-nav-about{width:15%}
.ft-nav-product{width:40%;padding:0 10px;}
.ft-nav-contact{width:40%; padding-left:20px}
.copyright{font-size:14px;}
}




@media(max-width:992px){
.banner-container{margin-top:60px;}
.banner-c{margin-top:60px;}
#fp-nav{display:none;}
.s1{background: url(../../images/m3.jpg) no-repeat center; background-size:cover;}
.s2{background: url(../../images/m2.jpg) no-repeat center;background-size:cover;}
.s3{background: url(../../images/m1.jpg) no-repeat center;background-size:cover;}
.section2,.section3,.section4{padding:60px 0;}

}

@media(min-width:992px) and (max-width:1200px){
.product-num-head{margin-top:0;}
.product-num-add{right:0;}
.product-num-inf{font-size:14px;}
.contact-con{width:90%;}
.product{background:none;}
.pro-r-con{color:#333;padding:0;}
.pro-r-btn a{color:#333;}
.pro-right-b{padding:200px 0;}
.pro{height:auto;}
.sub_nav{width:100%;left:0;position:relative;}
.h-about-con{line-height:30px;}
.h-pro-img{height:220px;}
.h-pro-img img{max-height:220px;}
.h-news-info-desc{display:none;}
.h-news-img{height:200px}
.h-partner ul li{width:17%;}
.about-content{
	transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
	}
.product-left{height:629px;}
.pro-item-i{height:293px;}
.pro-item-i img{max-height:293px;}
}


@media(max-width:992px) and (min-width:767px){
.product-num-head{
margin-top:0;
}
.about-r{padding-right: 5%;}
.product-num-add{right:0;}
.pro-right-b{padding: 260px 0;}
.pro-r-con{padding:0;}
.pro-t-ch{font-size:40px;}
.pro-left ul li{color:#fff;}
.contact-con{width:90%}
.product-left{padding:120px 40px;}
.pro{height:800px;}
.sub_nav{width:100%;left:0;position:relative;}
.pro-item-i{height:220px;}
.pro-item-i img{max-height:220px}
.pro-con-lm{margin-top:0px;}
.pro-con-phone{font-size:20px;}
.contact-li-con{font-size:14px;}
.h-partner ul li{width:17%;}
.about-content{
	transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
}
.h-pro-zh{font-size:36px;}
}

@media(max-width:767px){
.about-l{width:100%;padding-right:0;}
.about-r{width:100%;padding-right:0;}
.about-con{padding-left:0;}
.product-num-item{float:left;}
.product-num-add{right:0;}
.product-num-nub{font-size:60px;}
.product-num-add{font-size:16px;}
.pro-left ul{overflow:hidden}
.pro-left ul li{width:48%; float:left; margin:0; margin-right:10px;color:#fff;}
.pro-left ul li:nth-child(2n){margin-right:0;}
.pro-nav-active:after{display:none;}
.h-product{background-size: cover;}
.pro-right-b{
    padding: 60px 0 0;
}
.pro-t-ch{color:#fff;}
.news-bottom-date span{font-size:30px;}
.h-contact{margin-top:0;}
.contact-con{padding:20px;width:100%}
.contact-t{font-size:30px}
.copyright-l,.copyright-r{width:100%}
.copyright-r-text{width:100%;}
.copyright-l{border-right:0}
.ft-lianxi{font-size: 24px;
    padding: 20px;
	line-height:60px;}
.news-t-zh{left:28%;}
.about-content{transform: none;-webkit-transform: none;-moz-transform: none;-o-transform: none;}
.sub_nav{display:none;}
.pro-item-i{height:113px;}
.pro-item-i img{max-height:113px}
.pro-con-phone{font-size:24px;}
.contact-li-con{line-height:30px}


.h-about{margin:60px auto;padding:0;}
.h-about-con{
line-height: 30px;
    height: 450px;
    overflow: hidden;
	}
.h-pro-title{width:100%;}
.h-pro-ms{width:100%;font-size: 16px;line-height: 30px;padding:0 10px; margin-top:20px;}
.h-news-item ul li{margin-bottom:30px;}
.h-partner ul li{width: 30%;
    margin-right: 10px;
    margin-bottom: 20px;
	}
.ft-logo{display:none;}
.ft-right{width:100%;
    border-left: none;
    padding-left: 10px;
	margin-bottom: 60px;}
.ft-menu{display:none;}
.ft-erweima{width:30%;}
.ft-phone{width:70%;font-size: 14px;line-height: 30px;}
.h-footer{padding: 60px 0 120px;}
.ft-erweima img{width:100px;}
.ft-phone span{font-size:36px;}
.h-pro-bottom{padding: 0 8px;}
.footer{padding:60px 0 40px;}

.product-left,.product-right{width:100%;}
.product-left{height:auto;}
.product-right{padding:30px 10px;}
.product-right ul li:nth-child(7) .pro-l-b,.product-right ul li:nth-child(8) .pro-l-b{
margin-bottom:30px;}
.position-cat{font-size:30px;}
.h-pro-t{font-size:16px;}
.pro-con-b{
    max-height:none;
	height:auto;
    overflow: hidden;
}

.h-pro-cover{padding:20px;}
.h-pro-bk{padding:20px 0;}
.h-pro-en{font-size:14px;height:52px; line-height:24px;overflow:hidden;}
.h-pro-ch{margin:20px 0 30px;font-size:20px;}
.h-pro-btn{width:40px; height:40px; font-size:30px; line-height:30px;}
.h-about-tit,.h-youshi-tit{font-size:32px;}
.h-youshi-b-t{font-size:30px;margin-top: 60px;padding: 0 30px;}
.h-youshi-b-c{padding: 0 30px;}
.ft-nav-about,.ft-nav-product{display:none;}
.ft-nav-contact{padding-left:10px;width:100%;}
.ft-wx img{height:120px}
.top-dn{display:none;}
.header{top:0;}
.banner-c{margin-top:60px;}
.pro-l-b-t {width: 100%;font-size:12px;}
.style-i,.style-i a{height:103px}
.style-i a img{max-height:103px}

}



@keyframes ImgBig
{
    from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
    }
}

@-webkit-keyframes ImgBig /* Safari and Chrome */
{
    from{
		-webkit-transform:scale(1.2);
		transform:scale(1.2);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}