@CHARSET "UTF-8";

/*头部样式*/
.wellcome{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #16416c;
}
.well1{
    width: 1200px;
    margin: 0 auto;
}
.wel{
    float:left;
    color:#fff;
    opacity: .4;
}
.k1{
    width: 50%;
    float:right;
    text-align: right;
    color:#fff;
    opacity: .9;
}
.k1 a{
    color:#fff;
    opacity: .4;
}
.k1 a:hover{
    opacity:1;
}
.k2{
    float:right;
    font-size: 20px;
    font-weight: bold;
    color:#16416c;
    font-family: "Impact";
    padding-left: 25px;
    background: url(../images/tel.png) no-repeat 0px 4px;
}
#header {
    background: #eaeaea;
    line-height: 40px;
}
#header .k2 {
    text-align: right;
}
.logo{
	float:left;
	margin-top: 2%;
}
.topLink{}
.top .logo img {
    max-width: 100%;
    height: auto;
}
.link-version {
    line-height: 30px;
    text-align: right;
    float:right;
    margin-top: 5%;
}
.link-version a {
    color: #fff;
    font-size: 14px;
    padding: 0 6px;
}
.link-version a:hover {
    color: #e87518;
}

.c-home {
    float: right;
    line-height: 34px;
    padding-right: 13px;
}
.c-home a {
    color: #3064ac;
}

#menu {
    width: 54%;
    float:right;
}
.navs{
    margin-top:5px;
}
.navs li {
    line-height: 46px;
    float: left;
    width: 12%;
}
.navs li a {
    display: block;
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}
.navs li:hover a{
    color:#16416c;
}
.navs li:hover{
    background: #dbdbdb;
    border-radius: 10px;
}
.navs li.lxff a {
    border: none;
}
.navs .secBox{
    background: url(../images/navbac.jpg) repeat-x;
    background-size:cover;
    width: 100%;
    position: absolute;
    z-index: 9999;
    left: 50%;
    transform: translate(-50%,0);
    padding-top:1.5%;
    text-align: center;
    display: none;
}
.navs .secs{
    width: 80%;
    float: right;
    margin-right:-18.5%;
}
.navs .secBox li{
    width: 12%;
    margin:0 0.7%;
}
.navs .secBox li p{
    color: #666;
    font-size:13px;
    font-weight:bold;
}
.navs .secBox li img{
    width: 100%;
    height: auto;
}

.search1{
    width: 100%;
    background: url(../images/sbj.png) no-repeat center;
    border-bottom:1px solid #eeeeee;
}
.tel1{
    width: 50%;
    float:left;
}
.tel1 p{
    font-size: 18px;
    line-height: 72px;
    color:#fff;
}
.tel1 p span{
    font-size: 28px;
    font-family: "Impact";
}
.search {
    width: 50%;
    float:right;
    margin-top: 23px;
}
#formsearch {
    width: 270px;
    float:right;
    position: relative;
}
#formsearch input {
    height: 28px;
    background: #fff;
    line-height: 28px;
    display: block;
    border: none;
    outline: none;
}
#formsearch input#keyword {
    padding-left: 4px;
    color: #666;
    width: 228px;
    height: 35px;
    border:1px solid #c9c9c9;
    border-radius: 4px;
}
#formsearch input#s_btn {
    height: 35px;
    width: 35px;
    line-height: 35px;
    overflow: hidden;
    background: none;
    cursor: pointer;
    position: absolute;
    right:0;
    top:0;
    background: url(../images/ss1.png) no-repeat 5px 5px #16416c;
    border-radius: 5px;
}
/*热门搜索*/
.hotSearch{float:right;height:24px;line-height:24px;font-weight:normal;font-size: 12px;margin:0px;margin-top: 5px;}
.hotSearch a{
    font-size: 12px;
    color: #666;
    padding-right: 10px;
    padding-left: 3px;}
.hotSearch a:last-child{background: none;}
.hotSearch a:hover{
    color:#16416c;
}

.about-center{
    width: 100%;
}
.aboutus{
    max-width: 1200px;
    margin:0 auto;
    padding:50px 0px;
    text-align: center;
}
.aboutus h2{
    font-size: 20px;
    color:#333333;
    font-weight: bold;
    background: url(../images/abbj.png) no-repeat center;
    line-height: 35px;
    margin-bottom:20px;
    text-indent: 121px;
    margin-left: -85px;
}
.content8{
    width: 100%;
    padding:10px 60px;
    font-size: 15px;
    line-height: 32px;
}
.aboutus ul{
    width: 70%;
    margin:0 auto;
}
.aboutus ul li{
    width: 25%;
    float:left;
    text-align:center;
    line-height: 40px;
    padding-top: 100px;
    font-size: 15px;
    font-weight: bold;
    color:#333;
}
.g1{
    background: url(../images/g1.png) no-repeat center;
}
.g1:hover{
    background: url(../images/g11.png) no-repeat center;
}
.g2{
    background: url(../images/g2.png) no-repeat center;
}
.g2:hover{
    background: url(../images/g22.png) no-repeat center;
}
.g3{
    background: url(../images/g3.png) no-repeat center;
}
.g3:hover{
    background: url(../images/g33.png) no-repeat center;
}
.g4{
    background: url(../images/g4.png) no-repeat center;
}
.g4:hover{
    background: url(../images/g44.png) no-repeat center;
}









.ht50 {
    height: 50px;
}
.ht10 {
    height: 10px;
}
#nav-fiexd{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index: 9999;
    background: rgba(248,238,238,0.9);
}
#nav-fiexd.navbar-default {
    background: #fff;
}
#nav-fiexd a.navbar-brand {
    display: block;
    width: 70%;
    padding: 0;
    height: 50px;
}
#nav-fiexd a.navbar-brand img{
    width: auto;
    max-height: 100%;
}
.swiper-container .swiper-slide a {
    display: block;
    width: 100%;
}
.swiper-container .swiper-slide img {
    width: 100%;
    height: auto;
}


/*----- 产品中心 ------*/
.product-title {
    text-align: center;
    padding-top: 12px;
}
.product-title h2 {
    font-size: 30px;
}
.product-title p {
    background:url(../images/xx.jpg) 0 50% repeat-x;
    line-height: 46px;
}
.product-title p span {
    display: block;
    background: #fff;
    width: 200px;
    margin: 0 auto;
    line-height: 30px;
    color: #a3b0d0;
    font-size: 20px;
}
.menu-tabs {
    margin-top: 25px;
    position: relative;
    height: 50px;
}
.menu-tabs a.product-a {
    width: 10%;
    line-height: 34px;
    display: block;
    position: absolute;
    right: 40px;
    top: 16px;
    background: #012676;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}
.menu-tabs li {
    margin-top: 10px;
    padding: 0 5px !important;
}
.menu-tabs li.active a {
    background: #014099;
    font-size: 12px;
}
.menu-tabs li a {
    display: block;
    background: #515151;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    font-size: 13px;
    text-align: center;
    color: #fff;
}
.product-list {
    padding-top: 30px;
}
.product-list li {
    padding: 0 7px !important;
    margin-bottom: 12px;
}
.product-list li a.img {
    position: relative;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 6px;
    overflow: hidden;
    padding-bottom: 50px;
}
.product-list li a.img img {
    width: 100%;
    height: auto;
}
.product-list li .cont-p {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2%;
    bottom: 0;
    background: #012676;
    color: #fff;
    display: block;
}
.product-list li:hover .cont-p {
    display: block;
}
.product-list li .cont-p h3 {
    font-size: 14px;
    line-height: 26px;
    height: 26px;
    overflow: hidden;
    margin: 0;
}
.product-list li .cont-p p {
    line-height: 22px;
    height: 40px;
    overflow: hidden;
    margin: 0;
}
.tab-more {
    text-align: center;
}
.tab-more a {
    color: #014099;
    font-weight: bold;
    font-size: 14px;
}


/*----- 关于我们 ------*/
.about-top-bg {
    height: 84px;
    background: url(../images/gl.jpg) 0 0 no-repeat #515151;
    margin-top: 35px;
}
.about-top-bg p {
    height: 84px;
    background: url(../images/zx.jpg) 50% 0 no-repeat;
}
.about-bottom-bg {
    height: 83px;
    background: url(../images/bt2.png) 92% 0 no-repeat;
}
.about-bottom-bg p {
    height: 83px;
    background: url(../images/bt1.png) 0 0 no-repeat;
}
.about-center-bg {
    background: #515151;
}
.about-center-bg .title {
    color: #fedd00;
    font-size: 20px;
    padding: 40px 15px 20px;
    text-align: center;
    line-height: 32px;
}
.about-us {
    padding-top: 42px;
}
.about-us > div{
    padding-bottom: 55px;
}
.about {
    position: relative;
    background: url(../images/ab1.png) 50% 0 no-repeat #fff;
    padding: 53px 10px 20px;
}
.about-title {
    font-size: 30px;
    line-height: 80px;
    text-align: center;
}
.about .contents {
    height:88px;
    overflow: hidden;
    line-height:22px;
}
.about .contents p {
    margin: 0;
    font-size: 15px;
}
.about .contents p {
    margin: 0;
    font-size: 15px;
}
.about .bg {
    width: 106px;
    height: 106px;
    background: url(../images/aa1.png) 50% 50% no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -53px;
    top: -53px;
}
.about .bg2 {
    background: url(../images/aa2.png) 50% 50% no-repeat;
}
.about .bg3 {
    background: url(../images/aa3.png) 50% 50% no-repeat;
}
.about .bg4 {
    background: url(../images/aa4.png) 50% 50% no-repeat;
}
.about:hover {
    background: url(../images/ab2.png) 50% 0 no-repeat #014099;
    color: #fff;
}
.about:hover .bg1 {
    background: url(../images/aah1.png) 50% 50% no-repeat;
}
.about:hover .bg2 {
    background: url(../images/aah2.png) 50% 50% no-repeat;
}
.about:hover .bg3 {
    background: url(../images/aah3.png) 50% 50% no-repeat;
}
.about:hover .bg4 {
    background: url(../images/aah4.png) 50% 50% no-repeat;
}



.video .content {
    padding: 15px 0 0 0;
    text-align: center;
}
.video .content img {
    max-width: 100% !important;
    height: auto !important;
}

/*----- 底部通用 ------*/
.foot-bg {
    background: url(../images/fts.jpg) 95% 0 no-repeat #515151;
    padding-bottom: 15px;
    margin-top: 30px;
}
.contact-us {
    position: relative;
    z-index: 99;
}
.contact-us .logos {
    width: 30%;
    padding: 16px 0 0 20px;
}
.contact-us .logos img {
    max-width: 100%;
    height: auto;
}
.contact-us .contact {
    color: #fff;
    font-size: 16px;
    padding-top: 10px;
}
.contact-us .contact p {
    margin: 0;
    line-height: 36px;
}
.quyu {
    color: #fff;
    line-height: 24px;
    font-size: 13px;
}
.quyu a {
    color: #fff;
}
.menu-sort {
    padding-top: 50px;
}
.f-sort {
    border-bottom: 1px solid #e5e5e5;
    background: url(../images/jt.png) right 18px no-repeat;
}
#menu-sorts .f-sort {
    padding: 0 5px;
}
.f-sort h2 {
    margin: 0;
    line-height: 54px;
    font-size: 20px;
    color: #d8d8d8;
}
.f-sort .content {
    display: none;
}
.f-sort .content a {
    display: block;
    font-size: 14px;
    color: #848b92;
    line-height: 28px;
}
.f-sort .content a:hover {
    color: #e87518;
}


.nav-foot {
    color: #ffffff;
    line-height: 30px;
    font-size: 16px;
    padding: 20px 0;
}
.nav-foot p {
    margin: 0;
}

.shares {
    padding-top: 9px;
}
.shares a {
    display: block;
    width: 52px;
    height: 52px;
    float: right;
    margin-left: 20px;
    background:url(../images/lk.png) 0 0 no-repeat;
}
.shares a.jiathis_button_weixin {
    background:url(../images/lk.png) -84px 0 no-repeat;
}
.shares a.jiathis_button_tsina {
    background:url(../images/lk.png) -163px 0 no-repeat;
}



/*----- Common css ------*/
.di {
    _display: inline;
}
.fwn {
    font-weight: normal;
}
.dib {
    *display: inline;
    _zoom: 1;
    _display: inline;
    _font-size: 0;
}
.roll_product li {
    padding-bottom: 0;
}
.wd96 {
    width: 100%;
    margin: 0 auto;
    height: 118px;
    background: url(../images/headbj1.jpg) no-repeat top center;
}
.tabsel{max-width:1200px;margin:0 auto;}




/*------------内页-------------------*/
.n_banner {
    text-align: center;
}
.n_banner img{
    max-width: 100%;
    height: auto;
}

#container {
    width: 96%;
    margin: 5px auto 10px;
}
#container .content {
    padding: 10px 0 20px;
    line-height: 24px;
    max-width: 1060px;
    margin: 0 auto;
}
.container h1,.container h2,.container h3,.container h4 {
    margin: 0;
    font-size: 12px;
}


.product-cate{
	width: 100%;
	background: #e5e5e5;
}
.sortt{
	width: 73%;
	margin:0 auto;
	padding:40px 0px 30px;
}
.sortt1{
    width: 73%;
    margin:0 auto;
    padding:20px 0px 20px;
}
.sortt li{
	box-shadow: 0px 4px 5px rgba(0,0,0,.3);
	padding:0px;
	margin-right: 48px;
	margin: 0px 1.5%;
    opacity: 0;
    margin-bottom:2.5%;
}
.sortt li img{
	width: 100%;
	height: auto;
}
.sortt li h3{
	width: 100%;
	height: auto;
	background: #fff;
	margin:0px;
	text-align: center;
	padding-bottom:22px;
}
.sortt li h3 span{
	font-size: 14px;
    color: #000;
    font-weight: bold;
    line-height: 50px;
    padding-top: 14px;
    display: block;
}
.sortt li h3 p{
	width: 118px;
	height: 26px;
	margin: 0 auto;
	line-height: 26px;
	font-weight: normal;
	font-size: 12px;
	color:#a3a3a3;
	border:1px solid #dcdcdc;
}

.box-product{
    width: 100%;
    background: url(../images/cpbj.png) no-repeat top center;
}
.pro-list{
	max-width: 1200px;
	margin:0 auto;
}
.pro-list h2{
    line-height: 40px;
    color:#fff;
}
.pro-list h2 span{
    float:left;
    font-size: 20px;
    padding-left: 40px;
    background: url(../images/spanbj1.png) no-repeat 0px;
}
.pro-list h2 a{
    float:right;
    display: block;
    width: 88px;
    height: 23px;
    line-height: 21px;
    text-align: center;
    font-weight: normal;
    font-size: 13px;
    border:1px solid #a3b3d1;
    margin-top: 8px;
    color: #fff;
}
.pro-list h2 a:hover{
    color: #ccc;
}
.xian11{
    width: 100%;
    background: url(../images/protit.png) no-repeat center;
    margin-left:1%;
}
.xian11 h2{
    max-width: 1200px;
    margin:0 auto;
    font-size: 13px;
    color:#fff;
    opacity: .6;
}
.pro-pic{
    max-width: 1200px;
    margin: 0 auto;
}
.bannerx{
    width: 50%;
    float:left;
    height: auto;
    padding:40px 0px !important;
}
.prolist1{
    width: 50%;
    float:right;
    padding: 40px 0px !important;
}
.prolist1 li{
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    margin-left: 9px;
    margin-bottom:18px;
}
.prolist1 li a img{
    width: 100%;
    height: auto;
}
.prolist1 li h3{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    margin:0px;
    top:0;
    text-align:center;
    color:#fff;
    opacity: 0;
    transition: all 0.8s ease;
}
.prolist1 li h3 span{
    color:#fff;
    line-height: 60px;
    font-size: 13px;
    display: block;
    padding-top: 54px;
}
.prolist1 li h3 a{
    display: block;
    width: 98px;
    height: 24px;
    border:1px solid #fff;
    color:#fff;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    margin:0 auto;
}
.prolist1 li:hover h3{
    opacity: 1;
}


.news-center{
    width: 100%;
}
.news-list{
    max-width: 1200px;
    margin:0 auto;
    padding:20px 0px 30px;
    text-align: center;
}
.news-list h2 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
    background: url(../images/newbj.png) no-repeat center;
    line-height: 35px;
    margin-bottom: 40px;
    text-indent: 121px;
    margin-left: -85px;
}

.newimg{
    width: 32%;
    float:left;
}
.newimg img{
    width: 100%;
    height: auto;
}
.new-right{
    width: 68%;
    float:left;
}
.new-right li{
    float:left;
    border:1px solid #dcdcdc;
    margin-left: 16px;
    margin-bottom: 29px;
}
.new-right li:hover h3{
    background:#16416c;
}
.new-right li:hover a{
    color:#16416c;
}
.bn2{
    width: 47%;
}
.new-right li h3{
    width: 80px;
    height: 80px;
    float:left;
    background: #bdbdbd;
    margin:9px;
}
.new-right li h3 span{
    display: block;
    text-align: center;
    font-size: 30px;
    color:#fff;
    font-weight: bold;
    line-height: 44px;
    padding-top: 6px;
}
.new-right li h3 p{
    width: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    color:#fff;
    padding:0px;
}
.new-right li .newname{
    display: block;
    text-align: left;
    font-size: 13px;
    color:#666666;
    line-height: 33px;
    padding-top: 6px;
}
.new-right li p{
    text-align: left;
    font-size: 12px;
    color:#999999;
    padding:0px 16px;
}
.icon-3,.icon-4{
    margin-top: 28px;
}


.box-case{
    width: 100%;
    background: #f1f1f1;
}
.case-list{
    max-width: 1200px;
    margin:0 auto;
    text-align: center;
}
.case-list h2{
    line-height: 40px;
    color:#333333;
}
.case-list h2 span{
    float:left;
    font-size: 20px;
    padding-left: 46px;
    background: url(../images/case1.png) no-repeat 0px;
    font-weight: bold;
}

.xian111{
    width: 100%;
    background: url(../images/protit2.png) no-repeat center;
}
.xian111 h2{
    max-width: 1200px;
    margin:0 auto;
    font-size: 13px;
    color:#272636;
}
.case-pic{
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 40px;
}
.case-pic li{
    float:left;
    text-align: center;
    margin:0 1%;
}
.casei{
    width: 23%;
}
.case-pic li img{
    width: 100%;
    height: auto;
}
.case-pic li h3{
    margin:0;
    line-height: 50px;
    margin-bottom:20px;
}
.case-pic li h3 a{
    font-size: 13px;
    color:#333;
    font-weight: bold;
}
.case-pic li:hover h3 a{
    color:#16416c;
}





.box-link{
	width: 100%;
	background: #f1f1f1;
	border-top:2px solid #b7b7b7;
}
/*友情链接*/
.f_link{
    line-height: 40px;
    font-size: 13px;
    font-weight: normal;
    width: 63%;
    margin: 0 auto;
}

.navfoot{
	width: 100%;
	background: #16416c;
    border-top:6px solid #cc060f;
}
.foot-bt{
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0px;
}
.fotmessage{
	width: 32%;
	height: auto;
	float:left;
}
.fotmessage h2{
    font-size: 20px;
    color:#fff;
    background: url(../images/liuyan.png) no-repeat;
    line-height: 37px;
    text-indent: 50px;
}
.fotcontact{
    width: 27%;
    float:left;
    line-height: 32px;
    text-indent: 10px;
    color:#fff;
    margin-left: 140px;
}
.fotcontact h2{
    font-size: 20px;
    color:#fff;
    background: url(../images/lianxi.png) no-repeat;
    line-height: 37px;
    text-indent: 50px;
}
.n8{
    font-size: 20px;
    color:#fff;
    background: url(../images/weixin.png) no-repeat;
    line-height: 37px;
    text-indent: 50px;
}
.fotlogo img{
	width: 100%;
	height: auto;
}
.footer{background:#303030; display:-webkit-box; width:100%; margin-top:6px; background-size:9px 128px; position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer a{-webkit-box-flex: 1;/* display: -webkit-box; */color:#fff;float: left;width: 33%;}
.footer span{width:74px;display:block;margin:0 auto;text-align:right;font:500 16px/35px "微软雅黑";color:#fff;height:35px;/* float: left; */}
.footer span.span1{background:url(../images/a1.png) 10px 6px no-repeat; background-size:23px 27px;}
.footer span.span2{background:url(../images/a2.png) 10px 4px no-repeat; background-size:23px 27px;}
.footer span.span3{background:url(../images/message.png) 10px 6px no-repeat; background-size:23px 27px;}
.footer span.span0{background:url(../images/icon.png) 10px -75px no-repeat; background-size:110px 385px;}
.footer span.span4{background:url(../images/user.png) 10px 5px no-repeat; background-size:23px 23px;}

.navss{width: 100%;}
.navss li{text-align:center;width:16.6%;float:left;position:relative;z-index:999;}
.navss li a{display:block;line-height:32px;color:#fff;height:32px;font-size:18px;font-weight: bold;}

.navss .sec{color:#fff;overflow:hidden;z-index:9999;}
.navss .sec a{color:#fff;height:38px;line-height:38px;font-size: 14px;font-weight: normal;opacity: .8;}

.fotnav{float:left;width: 66.66%;}
.ewm{width: 23%;float:right;font-size: 18px;font-weight: bold;color:#fff;line-height: 35px;}

.foot9{
    width: 63%;
    margin: 0 auto;
    padding-top:10px;
    padding-bottom:15px;

}
#footer {
    background: #16416c;
    border-top:1px solid #2e547b;
}
.copyright{
    text-align: center;
	width: 100%;
	color:#fff;
    opacity: .4;
}
.copyright a{
	color:#fff;
}

.yy{
	background: url(../images/yy.png) repeat;
	width: 100%;
	height: 100%;
	position: absolute;
}

.prodescription{
    display: none;
}
.m55{
    width: 74%;
    margin:0 auto;
}
.left{
    width: 20%;
    float:left;
    margin-top: 24px;
}
.right{
    width: 75%;
    float:right;
    padding-top: 30px;
}

.left h3{
    font-size: 18px;
    font-weight: normal;
    border-bottom:1px solid #dedede;
    line-height: 40px;
    color:#fff;
    padding-left: 23px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #16416c;
    margin:0px;
}
.left .content{
    background: #f6f6f6;
}
.n_contact .content{
    text-indent: 23px;
}
.site{font-size: 14px;}
.site a{font-size: 14px;}

.bb li p{position: absolute;color:#fff;}
.bb .e1{top:25%;width: 100%;text-align: center;font-size: 50px;}
.bb .e2{top:45%;width: 100%;text-align: center;font-size: 35px;font-weight: normal;}
.bb .e3{top:65%;width: 100%;text-align: center;font-size: 15px;font-weight: normal;background: url(../images/1.png) no-repeat center center;line-height: 45px;}
.e3 a{color:#fff;}



.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;border-bottom:1px solid #e0e0e0;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#666666;font-size:16px;margin:0px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}