body{
    line-height: 1.6rem
}

.color_blue{
    color: #1E306F
}

/* 手机菜单按钮*/
#wapmenubox{
    width: 26px;
    height: 26px;
    margin-top: 38px;
    float: right;
 }

#wapmenubox svg path {
            fill: none;        /* 设定path填充颜色为 none ，也就是不填充颜色 */
            stroke-width: 10;  /* 设定线条粗细 */
            stroke: #999;      /* 设定path的线条颜色 */
            stroke-linecap: round;  /* 设定path的路径两头为圆形 */
            transition:all 0.4s;    /* 设定path的过渡动画 */
}

#wapmenubox.active svg path:nth-child(1){
            stroke:#999;  /* 更改线条颜色，这里没有更改，写在这里只是表示可以更改*/
            d:path("M0, 0 Q50,50 100,100");  /* path 动画的关键，更改 d 的值*/
}
#wapmenubox.active svg path:nth-child(2){
            stroke-width: 100;  /* 更改线条粗细 */
            opacity: 0;  /* 更改线条透明度 */
}
#wapmenubox.active svg path:nth-child(3){
            stroke:#999;
            d:path("M0, 100 Q50,50 100,0");
}

/* 手机菜单按钮*/


/* 手机菜单二级导航样式*/
#wapmenulist{
    display: none;
    background:#fff;
    position: absolute;
    left: 0px;
    top: 100px;
    z-index: 9999
}

#wapmenulist a.menu{
    display: block;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
    text-decoration: none;
    border-bottom: 1px solid #E6E6E6
}

#wapmenulist a.menu i{
    float: right;
    height: 60px;
    margin-right: 1rem;
    font-size: 1.2rem;
    line-height: 60px;
}

#wapmenulist h4{
    background: #F6F6F6
}

/* 手机菜单二级导航样式*/


.btn-zongse { 
  color: #ffffff; 
  background-color: #CBAA77; 
  border-color: #CBAA77; 
} 
 
.btn-zongse:hover, 
.btn-zongse:focus, 
.btn-zongse:active, 
.btn-zongse.active, 
.open .dropdown-toggle.btn-zongse { 
  color: #ffffff; 
  background-color: #B79560; 
  border-color: #CBAA77; 
} 
 
.btn-zongse:active, 
.btn-zongse.active, 
.open .dropdown-toggle.btn-zongse { 
  background-image: none; 
} 
 
.btn-zongse.disabled, 
.btn-zongse[disabled], 
fieldset[disabled] .btn-zongse, 
.btn-zongse.disabled:hover, 
.btn-zongse[disabled]:hover, 
fieldset[disabled] .btn-zongse:hover, 
.btn-zongse.disabled:focus, 
.btn-zongse[disabled]:focus, 
fieldset[disabled] .btn-zongse:focus, 
.btn-zongse.disabled:active, 
.btn-zongse[disabled]:active, 
fieldset[disabled] .btn-zongse:active, 
.btn-zongse.disabled.active, 
.btn-zongse[disabled].active, 
fieldset[disabled] .btn-zongse.active { 
  background-color: #CBAA77; 
  border-color: #CBAA77; 
} 

.btn-lanse { 
  color: #ffffff; 
  background-color: #1E306F; 
  border-color: #1E306F;
    font-size: 16px;
    padding: 12px 30px;
} 
 
.btn-lanse:hover, 
.btn-lanse:focus, 
.btn-lanse:active, 
.btn-lanse.active, 
.open .dropdown-toggle.btn-lanse { 
  color: #ffffff; 
  background-color: #081A57; 
  border-color: #1E306F; 
} 
 
.btn-lanse:active, 
.btn-lanse.active, 
.open .dropdown-toggle.btn-lanse { 
  background-image: none; 
} 
 
.btn-lanse.disabled, 
.btn-lanse[disabled], 
fieldset[disabled] .btn-lanse, 
.btn-lanse.disabled:hover, 
.btn-lanse[disabled]:hover, 
fieldset[disabled] .btn-lanse:hover, 
.btn-lanse.disabled:focus, 
.btn-lanse[disabled]:focus, 
fieldset[disabled] .btn-lanse:focus, 
.btn-lanse.disabled:active, 
.btn-lanse[disabled]:active, 
fieldset[disabled] .btn-lanse:active, 
.btn-lanse.disabled.active, 
.btn-lanse[disabled].active, 
fieldset[disabled] .btn-lanse.active { 
  background-color: #1E306F; 
  border-color: #1E306F; 
} 
 
.btn-lanse .badge { 
  color: #1E306F; 
  background-color: #ffffff; 
}

.btn-zongse .badge { 
  color: #CBAA77; 
  background-color: #ffffff; 
}

#header .container-fluid #main-menu{
    height: 100px;
    background: #fff;
}

#header .container-fluid #main-menu a.logo{
    display: block;
    width: 240px;
    height: 100%;
    background-size: 230px auto;
    background-image: url(../image/logo.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#header .container-fluid #main-menu .cp-class{
    height: 30px;
    margin-top: 40px;
    float: right;
    width: 340px;
}

#header .container-fluid #main-menu .cp-class a{
    color: #151515;
    margin-right: 25px;
}

#header .container-fluid #main-menu .cp-class a i{
    margin-left: 5px;
    color: #CBAA77;
}

#header .container-fluid #main-menu .menu-class{
    height: 20px;
    width: 250px;
    float: right;
    line-height: 20px;
    margin-top: 43px;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
}


#header .container-fluid #main-menu .menu-class a{
    color: #151515;
    margin-right: 10px;
    margin-left: 10px;
}

#header .container-fluid #main-menu .top-icon{
    height: 20px;
    width: 130px;
    line-height: 20px;
    margin-top:43px;
    float: right
}


#header .container-fluid #main-menu .top-icon a{
    color: #151515;
    margin-left: 15px;
}

.popover-body a{
    color: #666;
}

.popover-body a img{
    margin-right: 0.3rem
}

.modal-body input.input{
    border:0px;
    border-bottom: 1px solid #DADCE0;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    float: left;
    width: 80%;
}

.modal-body input.button{
    border:0px;
    border-bottom: 1px solid #DADCE0;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    float: left;
    background-color: #fff;
    width: 20%;
}

.bgdark{
    position: absolute;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 98;
    top: 150px;
    display: none
}

.twomenu{
    position: absolute;
    z-index: 99;
    top: 150px;
    background: #fff;
    left: 0px;
    display: none;
}

.menu-left-link a{
    color: rgba(21,21,21);
    font-size: 16px;
}

.menu-left a.btn{
    padding: 8px 20px;
}

.menu-right{
    position: relative;
}

.menu-right font{
    position: absolute;
    left: 5px;
    top: 45px;
    background: url(../image/img07.png);
    width: 57px;
    font-size: 12px;
    text-indent: 10px;
    height: 26px;
    line-height: 26px;
    text-align: left;
    color: #1E306F
}

#menubox{
    overflow: hidden;
}


#tips .container-fluid{
    background: #1E306F;
    height: 50px;
    line-height: 50px;
}

#tips .container-fluid li a{
    color: #fff;
}

#lb .carousel-caption{
    top: 28%
}

#lb .lb-tips{
    position: absolute;
    bottom: 30px;
    color: #fff;
    opacity: 0.5;
    left: 50%;
    font-size: 15px;
    transform: translateX(-50%);
    z-index: 99
}

#lb .carousel-indicators{
    bottom: -50px;
}

#lb .carousel-indicators li{
    width: 9px;
    height: 9px;
    border: 0px;
    border-radius: 100px;
    background: #DAE5E1;
    opacity: 1
}

#lb .carousel-indicators li.active{
    background: #526699
}

#cp-card{
    margin-top: 100px;
}

.cpcard div img{
    width: 100%;
    height: auto;
    transition: all 0.3s;
}

.cpcard div{
    width: 100%;
    color: #fff;
    transition: all 0.3s;
    position: relative;
    overflow: hidden;
    background-position: 0px 0px;
}

.cpcard div:hover{
    box-shadow: 0px 0px 12px rgba(0,0,0,0.1)
}

.cpcard div h3{
    position: absolute;
    top: 2rem;
    left: 2.5rem;
}

.cpcard div span{
    position: absolute;
    transition: all 0.3s;
    left: 2.5rem;
    top: 7.5rem;
    opacity: 0;
}

.cpcard div:hover span{
    opacity: 1;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
}


.cpcard div.cp-card3 span{
    left: 50%;
    top: 10rem;
    transform: translateX(-50%)
}

.cpcard div.cp-card3 h3{
    left: 50%;
    top: 30%;
    transform: translateX(-50%)
}

.cpcard div.cp-card3 span{
    top: 50%;
}

.idea font{
    font-size: 14px;
    color: #707070
}

.news{
    background: #F9F5F5;
}

.news font{
    font-size: 12px;
    color: #AAA0A0
}

.news .owl-nav{
    margin-bottom: 1rem
}

.news .active{
    opacity: 0.3
}

.news .active a.btn{
    opacity: 0;
    transition: all 0.3s;
    transform: translateY(30px)
}

.news div.active_on{
    opacity: 1
}

.news div.active_on a.btn{
    opacity: 1;
    transform: translateY(0px)
}


.news .owl-nav span{
    font-size: 30px;
    margin: 0px 5px;
    color: #AAA0A0
}

.contact {
    overflow: hidden
}

.contact img{
    width: 100%
}

.contact h3{
    position: absolute;
    left: 10%;
    top: 5rem
}

.contact a{
    position: absolute;
    left: 10%;
    top: 11rem;
}

.contact font{
    position: absolute;
    left: 10%;
    bottom: 2rem;
    font-size: 14px;
    color: #707070
}

.renzheng h6{
    height: 30px;
    line-height: 30px;
    background: url(../image/img06.png);
    background-position: center;
    background-repeat: no-repeat
}

#foot{
 background: #1E306F;   
}

#foot a{
    color: #A5CEE9;
    font-size: 14px;
}

#foot .foot-left ul li{
    float: left;
}

#foot .foot-left ul li h6{
    color: #DAE5E1;
}


#foot .foot-left ul li a{
    display: block;
}

#foot .foot-right{
    color: #DAE5E1
}

#foot .foot-right strong{
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    display: block;
}

#foot .foot-right strong a{
    color: #fff
}

#foot .foot-search{
    overflow: hidden;
    margin-bottom: 1rem
}

#foot .foot-search input{
    height: 48px;
    float: left;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#foot .foot-search input.foot-input{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 10px;
}

#foot .foot-search input.foot-button{
    width: 95px;
    background: #A5CEE9;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


#foot .bdsharebuttonbox a,.news_detail .bdsharebuttonbox a{
	background-position:-100px -100px;
	width: 32px;
	height: 32px;
	padding: 0px;
	border-radius: 5px;
	text-align: center;
	line-height: 32px;
	display: block;
	overflow: hidden;
	margin-right: 2px;
	color: #fff;
	text-decoration: none;
	position: relative;
	font-size: 22px;
}

.news_detail .bdsharebuttonbox a{
    color: #A6A6A6;
    background: #F0F0F1;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    margin-right: 0.8rem
}

.foot-copy{
    background: #526699;
    text-align: center;
    color: #fff;
    font-size: 14px;
    color: #A5CEE9
}

.banner {
    position: relative;
    overflow: hidden;
}

.banner img{
    width: 100%;
}

.banner .banner-text{
    position: absolute;
    color: #fff;
    left: 50%;
    transform: translateX(-50%);
    top: 30%
}

.banner .banner-text a{
    color: #fff;
}


.banner img{
    width: 100%;
}

.company-01 img{
    width: 100%;
}

.company2{
    background: #F5F7FD
}

.company2 .company-img img{ 
    width: 100%
}

.page-menu{
    margin: 0px auto;
    position: relative;
    margin-top: -30px;
    height: 60px;
    overflow: hidden;
    background: #F3F4F5;
    line-height: 60px;
    text-align: center;
    transition: all 0.3s;
}

div.page-menushow{
    height: auto;
}

.page-menu a{
    display: inline-block;
    height: 60px;
}

.page-menu a.menuactive{
    background: #fff
}

.news_query .text-black-50{
    font-size: 12px;
}

.cpquery-list span{
    display: inline-block;
    height: 20px;
    font-size: 12px;
    border-radius: 20px;
    background: #fff;
    width: 80px;
    line-height: 20px;
    color: #fff
}

div.best1:nth-child(1) span{
    background: #F6DB86;
    color: #1E306F
}

div.best1:nth-child(2) span{
    background: #ECF5FB;
    color: #1E306F
}

div.best1:nth-child(3) span{
    background: #F5F7FD;
    color: #1E306F
}


.cpquery-list font{
    font-size: 14px;
    height: 30px;
    overflow: hidden
}

.cpquery-list img{
    width: 100%
}

.cpquery-list div{
    height: 50px;
    line-height: 50px;
}

.cpquery-list div strong{
    font-size: 14px;
}

.cpquery-list div b.btn-lanse{
    padding: 10px 30px;
    font-size: 14px;
}

.cp-img .best{
    position: absolute;
    top: 0px;
    right: 0px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0px 30px 0px 40px;
    border-bottom-left-radius: 100px;
    background: #F6DB86;
    display: none;
}

.cp-img div.best1{
    display: block
}

.cp-memo{
    color: #707070;
}

.cp-color strong{
    font-size: 14px;
    color: #707070;
    display: block;
}

.cp-color span{
    display: inline-block;
    padding: 8px 15px;
    font-size: 14px;
    color: #787770;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
    border: 3px solid #E6E3DE
}

.cp-intro .dropdown {
    border-bottom: 1px solid #E6E3DE;
}

.cp-intro .dropdown #dropdownMenuLink{
    display: block;
    height: 45px;
    line-height: 45px;
    text-decoration: none
}

.cp-intro .dropdown #dropdownMenuLink span{
    color: #707070;
}

.cp-intro .dropdown #dropdownMenuLink font{
    color: #707070;
    font-size: 14px;
}

.cp-intro .dropdown #dropdownMenuLink font b{
    color: #707070;
}

.cp-intro .dropdown #dropdownMenuLink font em{
    font-style: normal;
    color: #707070;
}

.cp-intro .dropdown #dropdownMenuLink font em.badge{
    color: #fff
}

.cp-intro .cp-text{
    color: #CBAA77
}

.cp-intro h2{
    font-family: "Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif"
}

.cp-intro h2 sup{
    font-size: 20px;
    font-weight: normal
}

.cp-tuijian{
    border-bottom: 1px solid #E6E3DE
}

.cp-zixun{
    background: #F9F5F5
}

.cp-zixun div{
    font-size: 14px;
    color: #AAA0A0
}

.cp-zixun div a{
    color: #AAA0A0
}

.company-h3{
    background: url(../image/img06.png);
    background-position: center;
    background-repeat: no-repeat;
}

h2.company-nobg{
    background: url();
}

.company-h3 a{
    color: #1E306F
}

.company-h3 i{
    display: none
}

.news-intro{
    border-top: 1px solid #F0F0F1;
}

.news-intro img{
    width: 100%
}

.news-intro a{
    color: #CBAA77
}

.newsmemo{
    font-size: 14px;
}

.machinery,.page-question{
    background: #FCF6F2
}


.machinery img{
    width: 100%
}

.machinery font{
    font-size: 14px;
    color: #707070
}


.page-contact i{
    font-size: 3.5rem;
    display: block;
    color: #CBAA77
}

.page-contact strong{
    display: block;
}

.page-question .container{
    background: #fff;
}

.page-question ul li{
    border-top:1px solid #EEEEEE
}

.newsquery-list a img,.cpquery-list a img{
    transition: all 0.2s;
}

.newsquery-list a img:hover,.cpquery-list a img:hover{
    transform: scale(0.98,0.98)
}

#cplb .owl-item img{
    border:3px solid #fff;
    transition: all 0.3s;
    opacity: 0.5
}

#cplb div.activeimg img{
    border:3px solid #CBAA77;
    opacity: 1
}

.emap{
    background: #D8EDF9
}



@media only screen and (max-width: 992px)  {
    
    #lb h1{
        font-size: 1.5rem
    }
    
    .cpcard div h3{
        font-size: 1.2rem;
        top: 1.5rem;
        left: 1.5rem
    }
    
    .cpcard div span{
        top: 7.5rem;
        left:1.5rem
    }
    
    .cpcard div.cp-card3 h3{
        left: 1.5rem;
        text-align: left;
        transform: translateX(0);
        top: 1.5rem
    }
    
    .cpcard div.cp-card3 span{
        left: 2rem;
        transform: translateX(0);
        top: 7.5rem
    }
    
    .news .active {
        opacity: 1
    }
    
    .news .active a.btn{
        opacity: 1
    }
    
    .contact h3{
        top: 4rem;
        font-size: 1.5rem
    }
    
    .contact a{
        top: 9rem
    }
    
    .cp-img .best{
        right: 0.9rem;
    }
    
    
    #header .container-fluid #main-menu a.logo{
        background-size: 200px auto;
    }
    
    .carousel-caption {
      right: 5%;
      bottom: 20px;
      left: 5%;
    }
    
    #cp-card{
        margin-top: 70px;
    }
    
    div.page-menu{
        margin-top: 0px
    }

}