body{background:#eeeeee;}
/*閫氳繃鐢�  top and nav*/
.top{background-color: #535957;background-color: #4C698E;font-size:16px;line-height: 2em;height: 2em;color: #fff;overflow: hidden;}
.navbar-default{background: linear-gradient(#EEEEEE,#FFFFFF,#EEEEEE);}
.navbar-nav{margin-top:0;}
.navbar {margin-bottom:0px;box-shadow: 2px 12px 16px rgba(0, 0, 0, 0.4);}
.logo img{
    width: 360px;
    margin-top: 10px;
    margin-left: -15px;
}
@media screen and (max-width:1200px){
    .logo img{
        width: 72px;
        height: auto;
        margin-top: 12px;
    }
}
@media screen and (max-width:767px){
    .logo img{
        width: 36px;
        margin-left: 12px;
        margin-top: 6px;
    }
}
@media (min-width: 768px){
    .navbar-nav>li {padding:34px 0px 20px 0px;position:relative;}
    .navbar-nav>li>a{padding:16px 30px 10px 30px;border-right:1px solid #E2D4D4;}
    .navbar-nav li:last-child>a{border:0;}
    .nav-bottom-description{position:absolute;left:0;bottom:0;width:100%;height:5px;background:#43638B;display:none;}
    .navbar-nav>li:hover .nav-bottom-description{display:block;}
    .nav-bottom-description-position{
        position:absolute;
        width:16px;
        height:16px;
        top:0;
        left:50%;
    }
    .nav-bottom-description-triangle{
        background: transparent;
        width: 0;
        height: 0;
        border-bottom:8px solid #43638B;
        position: absolute;
        top: -8px;
        border-left:10px solid transparent;
        border-right:10px solid transparent;
        left: -50%;
    }

    .navbar-nav li:nth-child(1):hover{
        background: url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
    .navbar-nav li:nth-child(2):hover{
        background: url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
    .navbar-nav li:nth-child(3):hover{
        background:url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
    .navbar-nav li:nth-child(4):hover{
        background:url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
    .navbar-nav li:nth-child(5):hover{
        background:url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
    .navbar-nav li:nth-child(6):hover{
        background:url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
    .navbar-nav li:nth-child(7):hover{
        background:url("../img/nav2.png") #E8E8E8;
        background-position:center 12px;
        background-size: 40px;
        background-repeat: no-repeat;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .navbar-nav > li > a {
        padding-right:15px;
        padding-left: 15px;
    }
}


/*banner*/
.carousel-inner > .item > .banner-img > img{
    line-height: 1;
}
.carousel-inner > .item > .banner-img > img{
    display: block;
    max-width: 100%;
    height: auto;
}
.banner-img img{min-width:500px;}
.bannerimg{width:1440px;margin:0 auto;}
.bannerimg img{width:100%;height:auto;}
@media screen and (max-width:499px){
    .banner-img{margin-left:50%;width:500px;}
    .banner-img img{margin-left:-50%;}
}


#carousel-example-generic{max-width:1440px;margin:0 auto;}
@media screen and (min-width:1441px){
    /*.glyphicon-chevron-left:before{content:"e080";}*/
    .carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left {left:0;margin-left:0;background:#4A6D9C;}
    /*.glyphicon-chevron-right:before{content:"e079";}*/
    .carousel-control .icon-next,.carousel-control .glyphicon-chevron-right {right:0;margin-right:0;background:#4A6D9C;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
        width: 100px;
        height: 80px;
        margin-top: -50px;
        font-size: 50px;
        line-height: 80px;
    }
    .carousel-control, .carousel-control{opacity:.9;}
    .carousel-indicators{display:none;}
}

/*index new about*/
.index-main{
    border:1px solid #ccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#EAEAEA;
    background:linear-gradient(#FFFFFF,#F7F7F7,#CCCCCC);
    position:relative;
    margin-top:-20px;
    box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
    margin-bottom:30px;
}
.new-about{margin:16px 0;}
.new-about .right-area .custom-a{font-size:14px;}
.new-about .col-lg-8{border-right:1px solid #ccc;}
@media screen and (max-width:1440px){
    .new-about .col-lg-8{border-right: 1px solid #E8E8E8;}
}
@media screen and (max-width:768px){
    .new-about .col-lg-8{border-right:none;}
}
.index-title{
    border-bottom: 1px dashed #ccc;
    font-size: 18px;
    line-height: 2.4em;
    margin-bottom: 1em;
}


.index-new-img{box-shadow:3px 3px 3px #cccccc;border:1px solid #cccccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;}
.index-news-li{width:100%;margin-bottom:.8em;
    line-height:1em;line-height:1em9;}
.index-about-content{line-height:1.6em;line-height:1.6em9;}
.index-about-img-border{
    box-shadow:3px 3px 3px rgba(0, 0, 0, 0.25);
    border:1px solid #cccccc;
    padding: 6px;
    background-color: #fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    margin-bottom:1.6em;
}
@media screen and (max-width:991px) and (min-width:768px){
    .index-news-list-content{padding-left:0;}
}
.index-news-list-img{padding-left:0;}
.index-news-list-img .ratio-box-img{box-shadow:3px 3px 3px rgba(0, 0, 0, 0.25);}
@media screen and (max-width:767px){
    .index-new{margin-bottom:30px;}
}

@media screen and (max-width:610px){
    .index-news-list-img{display:none;}
    .index-news-list-content{width:100%;}
}

@media screen and (max-width:1440px){
    body{background:#FAFAFA;}
    .index-main{
        margin-top: 0;
        border: none;
        box-shadow: none;
        background:none;
        border-radius: 0;
		margin-bottom:0;
    }
}

/* index product case */
.product-case{
    margin:0;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
.product-case > .col-xs-12{
    padding-top:50px;
    padding-bottom:18px;
    position:relative;
    background-color: #fff;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
}
@media screen and (max-width:1440px){
    .product-case > .col-xs-12{padding-left:0;padding-right:0;}
}
.decorate-title-line{
    position: absolute;
    top: 50px;
    left: 15px;
    right: 15px;
    height: 0px;
    border-top: 1px dashed#ccc;
}
.product-case-titles{position:absolute;top:15px;left:15px;width:6em;padding-left:1em;padding-right:1em; cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.product-case-titles-decorate{display:none;}
@media screen and (min-width:640px){
    .product-case-titles{
        top:4px;
        left:30px;
        padding-top: .4em;
        padding-bottom: .4em;
        padding-left: 1.6em;
        padding-right: 1.6em;
        width: 7.2em;
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px;
        background: #A2A2A2;
        background: linear-gradient(#A0A0A0,#ACACAC,#A0A0A0);
        color: #fff;
    }
    .product-case-titles-decorate{
        position: absolute;
        border-top: .8em solid #A1A1A1;
        border-left: .8em solid transparent;
        border-right: .8em solid transparent;
        bottom: -11px;
        left: 2.8em;
    }

    .active .product-case-titles{background:linear-gradient(#4C698E,#40618A,#4C698E);}
    .active .product-case-titles .product-case-titles-decorate{
        display:block;
        border-top-color: #46658C;
    }
}

.index-case-title{
    left: 142px;
    left: calc(42px + 7.2em);
}

.product-case-content li{width:100%;}
.product-case-content li>div{margin-top:15px;margin-bottom:15px;}
.product-case-content .ratio-box-box{height:auto;}
.product-case-first-img-content{padding-bottom:10px;}
.product-case-content .ratio-box-box{border:1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}

@media screen and (max-width:1440px){
    .product-case > .col-xs-12{
        background-color: transparent;
    }
}

@media screen and (max-width:991px){
    .product-case-content .active .col-lg-2:nth-child(10),
    .product-case-content .active .col-lg-2:nth-child(9),
    .product-case-content .active .col-lg-2:nth-child(8),
    .product-case-content .active .col-lg-2:nth-child(7){display:none;}
}
@media screen and (max-width:767px){
    .product-case-content .active .col-lg-2:nth-child(7){display:block;}
    .product-case-first-img-content{padding:0;}
}

.product-case-content .col-custom-max768{display:none;}
.product-case-content .active .col-custom-max768{display:block;}

@media screen and (max-width:639px){
    .product-case > .col-xs-12{padding-top:0;}
    .decorate-title-line{display:none;}
    .product-case-titles{position:static;text-align:center;font-size:18px;padding-left:0;padding-right:0;width:100%;line-height: 2.4em;margin-bottom:0 !important;margin-top:30px !important;}
    .product-case-content .col-custom-max768{display:block;}
    .product-case-content .col-lg-2:nth-child(10),
    .product-case-content .col-lg-2:nth-child(9),
    .product-case-content .col-lg-2:nth-child(8){display:none;}
}

/*index footer*/
.footer-col-a{float:left;width:15%;padding-left:15px;padding-right:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.footer-col-b{float:left;width:25%;padding-left:15px;padding-right:15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.footer-nav{margin-top:36px;white-space:nowrap;}
.footer-nav .col-xs-12{
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    background: #4C698E;	
}
.footer-nav .custom-ul{border-right:1px solid #fff;}
.footer-nav .custom-ul li{width:100%;}
.footer-col-a{text-align: center;}
.footer-title{font-size: 16px;line-height: 2.4em;line-height: 2.4em9;color:#000;cursor: default;}

.footer-nav a,.footer-nav a:hover,.footer-nav a:focus{text-decoration: none;}
.footer-nav a{color:#fff;font-size:14px;line-height:2em;line-height:2em9;}
.footer-nav a:hover{color:#fff;}
.iphone-show{display:none;}
@media screen and (max-width:768px){
    .iphone-show{display:block;}
}
.footer-wx-img{width: 60%;height: auto;margin-left:30px;display: block;max-width: 120px;}

@media screen and (max-width:1440px){
    .footer-nav .col-xs-12{padding-left:0;padding-right:0;margin-left:15px;margin-right:15px;width: auto;display: block;float:none;overflow: hidden;}

}
@media screen and (max-width:1199px){
    .footer-col-a{width:17%;}
    .footer-col-b{width:15%;}
    .footer-wx-img{width:80%;margin:0 auto;}
}

@media screen and (max-width:991px){
    .footer-col-a:nth-child(2),.footer-col-a:nth-child(4){display:none;}
    .footer-col-a {width: 26%;}
    .footer-col-b {width: 22%;}
}

@media screen and (max-width:720px){
    .footer-col-a:nth-child(1){display:none;}
    .footer-col-a{width:36%;}
}


@media screen and (max-width:460px){
    .footer-col-a{display:none;}
    .footer-col-a:nth-child(5){width:50%;max-width:160px;display:block;}
    .footer-col-b {width:50%;max-width: 120px;padding-top: 32px;}
}

/*friends link*/
.footer-friends{margin-top:50px;}
.friends-box{
    background-color: #fff;
    border:1px solid #ccc;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    position: relative;
    padding-left: 11.764706%;
    -webkit-box-shadow:3px 3px 21px #C0BCBC,-3px 3px 21px #C0BCBC,3px -3px 21px #C0BCBC,-3px -3px 21px #C0BCBC;
    -moz-box-shadow:3px 3px 21px #C0BCBC,-3px 3px 21px #C0BCBC,3px -3px 21px #C0BCBC,-3px -3px 21px #C0BCBC;
    box-shadow:3px 3px 21px #C0BCBC,-3px 3px 21px #C0BCBC,3px -3px 21px #C0BCBC,-3px -3px 21px #C0BCBC;
}
.friends-col-top,.friends-col-content{float:left;padding-left:15px;padding-right:15px;}
.friends-col-top{width:11.764705882352941%;padding-left:0;position: absolute;top: 0;left: 0;height: 100%;}
.footer-links-nav{height: 96px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
.footer-links-nav .friends-col-content{float:none;display: inline-block;width: 200px;}
@media screen and (max-width:991px){
	.friends-col-top{padding-right:0;}
	.footer-links-nav .friends-col-content:first-child{border-left:0;}
}
.friends-col-content{width:20%;border-left:1px solid #ccc;margin-top: 14px;margin-bottom: 14px;}
.friends-decorate{background-color: #6A8DB9;width:100%;height: 100%;color: #fff;float: left;position:relative;}
.box-position-center{width:2em;line-height:1.6em;line-height:1.6em9;height:3.2em;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
@media screen and (max-width:520px){
	.box-position-center{width:1em;height:5.2em;line-height:1.3em;line-height:1.3em9;}
}
@media screen and (max-width:1440px){
    .friends-box{margin-left:15px;margin-right:15px;}
}
@media screen and (max-width:991px){
    .friends-col-content{width:33.3333%;}
}
@media screen and (max-width:991px){
    .footer-links-nav{width:100%;height: 96px;overflow-x: scroll;overflow-y: hidden;white-space: nowrap;}
    .friends-col-content{width:200px;display:inline-block;float:none;}
}

/*friends lines*/
.footer-line-decorate{border-top:3px solid #C0C0C0;margin-top:10px;}
.footer-footer{text-align:center;color: #222;padding: 2em 0;line-height: 2em;}
@media screen and (max-width:1440px){
    .footer-footer{margin:0;}
}
.footer-font-color{color:#222;}
.footer-footer-1,.footer-footer-2{
    cursor: default;}


/*閫氱敤css*/
.other-index-page{/*background-image: url("../img/smallbg.png"); background-size: 100%; background-repeat: no-repeat;background-position: 0 200px;*/}
@media screen and (max-width:767px){
    .other-index-page{background-size:768px;background-position:center 200px;}
}

/*闈為椤祄ain*/
.other-index-main{
    border:1px solid #ccc;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#eeeeee;
    position:relative;
    margin-top:-20px;
    box-shadow:5px 5px 5px rgba(0, 0, 0, 0.25);
    margin-bottom:30px;
}

@media screen and (max-width:1440px){
    body{background:#FAFAFA;}
    .other-index-main{
		margin-bottom:0;
        border: none;
        box-shadow: none;
        background:none;
        border-radius: 0;
    }
}

@media screen and (max-width:991px){
    .other-index-main{background:none;}
}

.other-index-left{width:25%;}
.other-index-right{width:75%;}

@media screen and (max-width:991px){
    .other-index-left{display:none;}
}
@media screen and (max-width:991px){
    .other-index-right{width:100%;}
}

.other-index-left,.other-index-right{float:left; padding:20px 15px;}
.other-index-left{position:relative;text-align:center;}
.vertical-line{width:1px;height:100%;text-align:center;position:absolute;right:-1px;/*top:0;*/}
.vertical-line-across{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
.vertical-line-across div{margin-left:100%;height:100%;background-image:linear-gradient(to right,#B6B6B6,#FFF);width:2px;}
.vertical-line-vertical{display:inline-block;width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background-image:linear-gradient(#999,#FFF);}


.left-nav-title{
    font-size: 16px;
    background: #6A8DB9;
    color: #fff;
    line-height: 2.6;
    line-height: 2.69;
    margin: .6em auto;
    width:100%;
    max-width:210px;
    border-radius: 6px;
    letter-spacing: 0.6em;
	margin-bottom:0;
}
.left-nav-nav{font-size:14px;}
.left-nav-nav li{
    width: 100%;
    max-width:210px;
    font-size: 16px;
    line-height: 2.6;
    line-height: 2.69;
    border-bottom: 1px solid #ccc;
    float: none;
    margin: 0 auto;
}
.left-contact-top-decoration{margin-top:20px;margin-bottom:10px;}
.left-contact-top-decoration img{width:80%;}
.left-contact li{width:100%;text-align:left;max-width:210px;line-height:1.8;line-height: 1.89;float:none;margin:0 auto;}

.left-customize{background-image: url("../img/dzfw.png");
    -webkit-background-size:100%;
    background-size:100%;
    height:57px;
    background-repeat:no-repeat;
    margin:10px auto 0;
    max-width:210px;
}


.column-breadcrumb-title{
    font-size:18px;
    line-height:42px;
    line-height:42px9;
    margin-bottom:8px;
    overflow: hidden;
}
.column-breadcrumb-title .glyphicon-asterisk{line-height: inherit;margin-right:.3em;}
.column-breadcrumb-title .right-area{font-size:14px;}
.column-breadcrumb-title .clearfix{
    margin:.6em 0;
    -webkit-box-shadow:0px 3px 3px #ccc,0px -3px 3px #ccc;
    -moz-box-shadow:0px 3px 3px #ccc,0px -3px 3px #ccc;
    box-shadow:0px 3px 3px #ccc,0px -3px 3px #ccc;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
	border-bottom:1px solid #999;
}

@media screen and (max-width:420px){
    .column-breadcrumb-title .right-area{display:none;}
}

/*鏂囩珷pagemain*/
.article-title{
    text-align: center;
    font-size: 18px;
    letter-spacing: 2px;
    color: #222;
}
.article-information{
    font-size: 13px;
    color: #666;
    text-align: center;
    margin-top: .6em;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 14px;
}
.article-main{
    margin-top:14px;
    color:#222;
}
.prev_next{font-size:16px;color:#666;margin-top:1em;}
.prev_next_title{color:#666;}
.prev_next .left:last-child{/*max-width:12em;*/white-space:nowrap;}

@media screen and (max-width:768px){
    .prev_next .left-area,.prev_next .right-area{
        float:none;
        overflow: hidden;
    }
    .prev_next .prev_next_title{
        text-indent:2em;
    }
}

/*鍥剧墖鍒楄〃  浜у搧鍒楄〃  妗堜緥鍒楄〃*/
.right-main .col-custom-max768{font-size:0;}
.image-list-title{font-size:14px;text-align:center;cursor:pointer;margin-top:10px;margin-bottom:20px;}
.page-list{text-align:center;font-size:0;}
.page-list a{padding: .4em 1.6em;background: #6A8DB9;margin: 0 .3em;border-radius: 4px;color: #fff;display:inline-block;margin-top:10px;font-size:14px;}
.page-list a:hover{text-decoration:none;background:#4A688D;}
.page-list b{padding: .4em 1.6em;background: #4A688D;margin: 0 .3em;border-radius: 4px;color: #fff;cursor:pointer;display:inline-block;margin-top:10px;font-size:14px;}
.page-list a:first-child{display:none;}

@media screen and (max-width:520px){
	.page-list a,.page-list b{font-size:14px;background:transparent !important;color:#337ab7;padding-left:.4em;padding-right:.4em;}
	.page-list b{color:#93BEE3;font-weight:normal;}
}

/*浜у搧鍐呴〉*/
.product-main-image-div{float:left;width:46%;padding-right: 30px;box-sizing: border-box;}
.product-main-param-div{float:left;width:54%;}
.product-main-param-title{font-size: 18px;line-height: 1.6em;line-height: 1.6em9;}
.product-main-param-price{background: #ccc;display: inline-block;padding: .2em 1em .2em 0;margin: .4em 0 .6em;font-size: 14px;}
.product-main-param-table{width:100%;font-size: 16px;line-height: 2em;line-height: 1.6em9;}
.product-main-param-div td{width:50%;}
@media screen and (max-width:519px){
.product-main-param-div td{width:100%;display:block;}
}
.product-main-param-div .button{display: inline-block;background: #6A8DB9;padding: .2em 1em;border-radius: 8px;box-shadow: 0 7px 0 #56759C, 0 8px 3px rgba(0, 0, 0, 0.3);color: #fff;margin-top: 16px;transition: all .3s;}
.product-main-param-div .button:hover{background: #5577A2;}
/*.product-main-param-div .button:focus{box-shadow: 0 0 0 #56759c,0 0 0 #56759c;margin-top: 23px;}*/
@media screen and (max-width:1200px){
    .product-main-param-div .showpc{display:none;}
}

@media screen and (max-width:991px){
    .product-main-param-price{margin:.6em 0 .8em;}
    .product-main-param-table{line-height:2.4em;line-height:2.4em9;}
}
@media screen and (max-width:767px){
    .product-main-image-div{width:100%;padding-right:0;}
    .product-main-param-div{width:100%;text-align: center;}
    .product-main-param-price{padding-left:1em;}
    .product-main-param-table{text-align: left;}
}
@media screen and (max-width:767px) and (min-width:520px) {
    .product-main-image-div .ratio-w3h2 {
        max-width: 520px;
        padding-bottom: 346px;
        right: 0;
        bottom: 0;
        margin: auto;
    }
}

/*font-list */
.right-main .list-group-item .custom-a{cursor:default;}
.right-main .font-list-content{cursor:pointer;}
.list-group-item:hover{
    background:#CDCDCD;
}
@media screen and (max-width:420px){
    .right-main .font-list-box{padding-right:0;}
    .right-main .font-list-create-time{display:none;}
}

.product-column-title{font-size: 18px;margin-top: 20px;padding-bottom: 10px;background: transparent;border-bottom: 1px solid #CDCDCD;margin-bottom: 14px;}



.friend-link-a{
	    display: inline-block;
    width: 10%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 10em;
    padding-left: 2em;
}

.index-about-img-border{
    padding: 3px;
}

@media screen and (min-width:540px){
.footer-col-a,.footer-col-b{float:none;display:table-cell;}
}
.border1 {border: 1px solid #ccc;}
.bh{
    display: none;
    width: 100%;
    background: #ffffff;
    margin: 20px 0;
}
.bh a{
    display: block;
    float: left;
}
.bh a:nth-child(1){
    width: 29%;
}
.bh a:nth-child(2){
    width: 69%;
}
.bh .im1{
    width: 100%;
    height: auto;
}
.bh .im2{
    width: 100%;
    height: auto;
}
@media screen and (max-width:750px){
    .bh{
        display: block;
    }
}