a{color:#333;text-decoration:none;outline:medium none;font-family: Arial}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#034bb7}
img,li{vertical-align:top;border:0;font-family: Arial}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,:after,:before{margin:0;padding:0}
ul{list-style-type:none;font-family: Arial}
dd,dt,h5,img,li,ul{margin:0;padding:0;font-family: Arial}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family: Arial}



@font-face {
    font-family: 'HelveticaETB';
    src: url('../fonts/Helvetica LT 107 Extra Black Condensed.ttf');
}

@font-face {
    font-family: 'HelveticaRoman';
    src: url('../fonts/HelveticaNeue-Roman.otf');
}

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont/iconfont.eot');
    src: url('../fonts/iconfont/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont/iconfont.woff2') format('woff2'), url('../fonts/iconfont/iconfont.woff') format('woff'), url('../fonts/iconfont/iconfont.ttf') format('truetype'), url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');
}
@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfontold/iconfont.eot');
    src: url('../fonts/iconfontold/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfontold/iconfont.woff2') format('woff2'), url('../fonts/iconfontold/iconfont.woff') format('woff'), url('../fonts/iconfontold/iconfont.ttf') format('truetype'), url('../fonts/iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


@media (min-width:1200px){
    .container{width:1200px;}

}

.container-middle {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container-middle {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container-middle {
        width: 970px;
    }
}
@media (min-width:1200px){
    .container-middle{width:1100px;}
}
@media (min-width: 1750px) {
    .container-middle {
        width: 1700px;
    }
}
.container-small {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .container-small {
        width: 750px;
    }
}
@media (min-width: 992px) {
    .container-small {
        width: 970px;
    }
}
@media (min-width:1200px){
    .container-small{width:1000px;}
}

.no-padding{padding: 0}
/*导航栏*/
#header{background-color: white;}
.bottomshadow{ box-shadow: 0 2px 5px #ccc; }
#header #logo{display: block;padding-top: 17px;float: left;width: 100%}
#navshow{background-color: white;border: none;margin-bottom: 0}
#navshow .nav>li>a{font-size: 16px;padding: 36px 30px;color: black;background-color: white;text-transform: uppercase}
#navshow .nav>li>a:hover{background-color:#034bb7;color: #fff }
#navshow .nav>.active>a {background-color:#034bb7;color: #fff }
#navshow .nav>.open>a{background-color:#034bb7;color: #fff }


#navshow .nav .dropdown-menu{border:none;box-shadow:none;border-radius:0;padding-bottom:0;background-color:#555;left: 0;}
#navshow .nav .dropdown-menu > li{}
#navshow .nav .dropdown-menu > li > a{padding:10px 20px;text-transform:capitalize;line-height:30px;color:#fff;}
#navshow .nav .dropdown-menu>li>a:hover{background-color:#6684f2;color:#fff;}

.navbar-icon{display:none;float: right;position: relative;padding: 9px 10px;margin-top: 8px;margin-right: 15px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid #ddd;border-radius: 4px;margin-top: 22px}
.navbar-icon:hover{background-color: #ddd}
.icon-bar {display: block;width: 30px;height: 3px;border-radius: 1px;background-color:#6684f2 }
.icon-bar + .icon-bar {margin-top: 4px;}

#nav-right{float: right;padding-top: 25px}

.dropdown-menu{padding: 0}
#navshow .nav .searchbut .dropdown-menu{right: 0;left: auto;background-color: rgba(0,0,0,0)}
#search{display: inline-block; float:right;position:relative;}
#search #sform{padding: 10px;background-color: #eee}
#search #stext{float: left;height: 40px;line-height: 40px;padding-left: 10px;width: 200px;}
#search #sbut {position:absolute;top:12px;right: 12px; border: 0 none;cursor: pointer;float: right;height: 35px;width: 35px;line-height: 35px;color:#000;font-size:20px;background-color:#fff;border-radius:20px; }
#sesubmit{height: 34px;position: absolute;width: 186px;border: 1px solid #6684f2;right:0;top:40px;display: none;z-index: 30}

@media screen and (min-width:1200px ) and (max-width:1399px) {
    #header .container{margin: 0;width: 100%}
    #navshow .nav>li>a{padding: 36px 25px}
}
@media screen and (min-width:992px ) and (max-width:1199px)
{
    #header .container{margin: 0;width: 100%}
    #navshow .nav>li>a{padding: 36px 20px}
}
@media screen and (min-width:768px ) and (max-width:991px)
{
    #header .container{margin: 0;width: 100%}
    .navbar-icon{display: block}
    .navbar-icon{margin:25px 0}
    #header #logo {width: 50%;float: left;margin-left: 0;padding-bottom: 10px}
    #header #logo img{margin-left: 0}
}
@media (max-width:767px) {
    #header .container{margin: 0}
    .navbar-icon{display: block}
    .navbar-icon{margin:25px 0}
    #header #logo {width: 50%;float: left;margin-left: 0;padding-bottom: 10px;padding-top: 20px}
    #header #logo img{width: 80%;margin-left: 0}
    #header .hamburger{margin-top: 25px!important;}
    #header{height: 75px!important;}
    .kong{height: 75px!important;}
}
@media screen and (min-width:500px ) and (max-width:768px){
    #header #logo img{width: 50%;}
}
/*左侧栏*/

#sidebar-wrapper{background-color:#757777 }
#sidebar-wrapper{width: 240px;height: 100%;-webkit-transition: 0.5s;transition: 0.5s;left: -220px;z-index: 2000}
.sidebar-nav{width: 240px}
#sidebar-wrapper ul li a{color:white }
#sidebar-wrapper ul li{padding: 5px 0}
#sidebar-wrapper .dropdown-menu > li i{font-size: 20px;color: white;position: absolute;top:13px;left:10px;display:none}
#sidebar-wrapper .dropdown-menu > li:hover i{display:block}
#sidebar-wrapper .dropdown-menu li{padding: 5px 0}
#sidebar-wrapper .sidebar-brand{background-color:#494a49 ;padding: 0}
#sidebar-wrapper .sidebar-brand a{padding: 10px 25px}
/*#sidebar-wrapper .sidebar-brand a:hover{background-color: #494a49}*/
#sidebar-wrapper .sidebar-brand .logo:hover{background-color: #494a49}
#sidebar-wrapper .sidebar-brand img{width: 100%}
.sidebar-nav .sidebar-brand .logo{background-color: #fff;}
/*.nav .open{background-color: #222;color:#0066b3 }*/

#side_submit{height: 34px;width: 186px;border: 1px solid #fff;margin: 0 auto;margin-top: 20px;position: relative;border-radius:15px}
#side_submit #side_text{float: left;height: 32px;line-height: 32px;padding-left: 10px;width: 184px;border:none;color:#fff;background-color:#fff;border-radius:20px}
#side_submit #side_but{position:absolute;top:0;right: 0; border: 0 none;cursor: pointer;float: right;height: 32px;width: 32px;
    color: #000000;font-size:18px;background-color:#fff;border-radius:20px }
.sidebar-nav > .sidebar-brand {height:auto}

.sidebar-nav .dropdown-menu{position: relative;width: 240px;background-color: #333;padding: 0;margin: 0}

/*aframe1*/
#aframe1 img{width: 100%}
/*frame1*/
#frame1{text-align: center;padding-top: 70px;padding-bottom: 30px}
#frame1 h2{font-size: 28px;color: #686868;padding-bottom: 25px;font-family: HelveticaETB;text-transform: uppercase}
#brand{text-align: center}
#brand a{display: inline-block;padding: 0 10px}
/*aframe2*/
#aframe2 {padding: 100px 0 }
#aframe2 .aboutus p{color: white;font-size: 18px;line-height: 30px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}

#aframe2 .aboutus .fonts{text-align: center;padding: 30px 0}
#aframe2 .aboutus .fonts span{font-size: 30px;color: white;margin: 0 auto;}

#aframe2 .aboutus .model{margin: 0 -15px}
#aframe2 .aboutus .item{float: left;padding: 0 15px 15px 15px}
#aframe2 .aboutus .item:nth-child(1){width: 39%;}
#aframe2 .aboutus .item:nth-child(2){width: 26%;}
#aframe2 .aboutus .item:nth-child(3){width: 35%;}
#aframe2 .aboutus .item video{width: 84%;height: 100%}
#aframe2 .aboutus .item iframe{width: 84%;height: 207px}
#aframe2 .aboutus .item .video{width: 16%;background-color: #ffffff;float: right;height: 207px;line-height: 206px;text-align: center;border-right: 4px solid #034bb7;box-shadow: 5px 0 5px #ccc inset;  }
#aframe2 .aboutus .item .video a{font-size: 30px;color: #034bb7;}
.video{position: relative}
.video .play {animation: fromBottom .5s ease-out 1s 1 alternate both;display:block;position:absolute;top:30%;left:50%;width:100px;text-transform:uppercase;color:#000;font-weight:600;text-align:center;margin-left:-50px;letter-spacing:1px}
.video .play:before {content:'';border:2px solid #000;width:30px;height:30px;display:block;margin:23px 29px;transition:background-color .25s}
.video .play:after {content:'';position:absolute;border:12px solid transparent;border-left:20px solid #000;top:26px;left:37px;transition:border-color .25s}
.video .play:hover:before {background-color:#fff}
.video .play:hover:after {border-left-color:#000}
@media screen and (min-width:992px ) and (max-width:1199px)
{
    #aframe2 .aboutus .item iframe{height:164px;}
    #aframe2 .aboutus .item .video{height: 164px;line-height: 164px}
    #aframe2 .aboutus .item:nth-child(2) img{height: 163px;}
    #aframe2 .aboutus .item:nth-child(2){height: auto}
}
@media screen and (min-width:768px ) and (max-width:991px)
{
    #aframe2 .aboutus .item:nth-child(1){width: 100%;}
    #aframe2 .aboutus .item:nth-child(2){width: 43%;}
    #aframe2 .aboutus .item:nth-child(3){width: 57%;}
    #aframe2 .aboutus .item iframe{height:340px;}
    #aframe2 .aboutus .item .video{height: 340px;line-height: 340px}
    #aframe2 .aboutus .item:nth-child(2){height: auto}

}
@media (max-width:767px) {
    #aframe2 .aboutus .item:nth-child(1){width: 100%;}
    #aframe2 .aboutus .item:nth-child(2){width: 43%;}
    #aframe2 .aboutus .item:nth-child(3){width: 57%;}
    #aframe2 .aboutus .item video{width: 100%}
    #aframe2 .aboutus .item iframe{display:none}
    #aframe2 .aboutus .item .video{display: none}
    #aframe2 .aboutus .item:nth-child(2){height: auto}
    #aframe2{padding: 15px 0}
    #aframe2 .aboutus .fonts{display: none}
    #aframe2 .aboutus .text{display: none}

    #brand a{width: 15%;padding: 0}
    #frame1{padding: 20px 0}
}
/*aframe3*/
#aframe3{padding: 50px 0;background: linear-gradient(to bottom,  #dae4f0 0%,#ffffff 20%,#ffffff 80%,#dae4f0 100%);}

#aframe3 .categories{padding-bottom: 60px}
#aframe3 .categories .item{width:25%;padding:0 15px 15px 15px;float:left;}
#aframe3 .categories .item .text{padding: 0 25px;padding-top: 80px}
#aframe3 .categories .item .text h2{font-size: 24px;padding-bottom: 30px}
#aframe3 .categories .item .text .overcateory{height: 0;overflow: hidden}
#aframe3 .categories .item .text li{font-size: 20px;padding: 5px 0}
#aframe3 .categories .item .text li:before{content: "";width:10px; height:10px;  border-left:10px solid #000; border-top:5px solid transparent;  border-bottom:5px solid transparent;margin-right: 20px;display: inline-block;margin-bottom:4px  }
#aframe3 .categories .item .text span{color: black;font-size: 25px}

#aframe3 .hotproduct { }
#aframe3 .hotproduct .item{padding: 15px;background-color: #fff;border: 2px solid #ccc;transition:all .4s;position: relative;z-index: 1}
#aframe3 .hotproduct .item:hover{border: 2px solid #034bb7;box-shadow:rgba(0,0,0,0.3) 0 6px 30px; }
#aframe3 .hotproduct .item:hover .text a{color: #034bb7}
#aframe3 .hotproduct .item:hover .line{background-color: #034bb7}

#aframe3 .hotproduct .item .icon{position: absolute;left: 0;top:0;font-size: 60px;z-index: 1}
#aframe3 .hotproduct .item .text{text-align: center;height: 36px;overflow: hidden}
#aframe3 .hotproduct .item .text p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#aframe3 .hotproduct .item .img{}
#aframe3 .hotproduct .item  .hot{position: absolute;top:0;left: -12%;background-color: red;display: block;width: 40%;height: 15%;transform: rotate(-45deg);text-align: center}
#aframe3 .hotproduct .item  .hot p{position: relative;top:10px}
#aframe3 .hotproduct .item .line{margin: 15px;height: 3px;width: calc(100% - 30px);background-color: #ccc;display: block}

#aframe3 .hotproduct{position: relative}
#aframe3 .hotproduct .in_prev{position: absolute;top:calc(50% - 50px) ;left:-35px;color: white;background-color: #034bb7;z-index: 5;width: 30px;height: 100px;line-height: 100px;text-align: center}
#aframe3 .hotproduct .in_next{position: absolute;top:calc(50% - 50px) ;right:-35px;color: white;background-color: #034bb7;z-index: 5;width: 30px;height: 100px;line-height: 100px;text-align: center}

#aframe3 .news{margin: 0 -10px}
#aframe3 .news .largenew{width: 50%;position: relative}
#aframe3 .news .largenew .text{position: absolute;left: 0;bottom: 0;background-color: rgba(0,0,0,0.5);color:white;margin:0 10px;padding: 15px}
#aframe3 .news .largenew h2{font-size: 20px;padding: 5px 0;color: white}
#aframe3 .news .largenew span{font-size: 16px;color: #898885;padding: 5px 0}
#aframe3 .news .largenew p{font-size: 16px;color: #898885;padding: 5px 0}
#aframe3 .news .normalnew{width: 25%;}
#aframe3 .news .item{padding:0 10px;float:left;}
#aframe3 .news .normalnew .text {background-color: white;height: 229px;position: relative;padding: 15px}
#aframe3 .news .normalnew .text h2{font-size: 20px;padding: 10px 0}
#aframe3 .news .normalnew .text>p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin: 10px 0}
#aframe3 .news .normalnew .text span{}
#aframe3 .news .normalnew .text .button_more{text-align: center;width: 60px;height: 30px; border-radius: 60px 60px 0 0;background-color: #044cb7;display: block;left: calc(50% - 30px);position: absolute;bottom: 0}
#aframe3 .news .normalnew .text .button_more p{padding-top: 5px;color: white;font-size: 16px;line-height: 25px}

@media screen and (min-width:992px ) and (max-width:1199px)
{
    #aframe3 .news .normalnew .text{height: 185px;padding:10px 15px}
    #aframe3 .news .normalnew .text h2{padding: 8px 0}
    #aframe3 .news .normalnew .text>p{margin: 8px 0;-webkit-line-clamp: 2;}
}
@media screen and (min-width:768px ) and (max-width:991px)
{
    #aframe3 .categories .item{width: 50%}
    #aframe3 .categories{padding-bottom: 20px}
    #aframe3 .categories .item .text{padding: 20px 10px 0 10px}
    #aframe3 .categories .item .text h2{font-size: 20px;padding-bottom: 10px}
    #aframe3 .categories .item .text li{font-size: 16px;padding: 3px 0}
    #aframe3 .categories .item .text li:before{content: "";width:8px; height:8px;  border-left:8px solid #000; border-top:4px solid transparent;  border-bottom:4px solid transparent;margin-right: 5px;margin-top: 3px }
    #aframe3 .categories .item .text span{font-size: 20px}

    #aframe3 .news .largenew{width: 100%;margin-bottom: 10px}
    #aframe3 .news .normalnew{width: 50%}
    #aframe3 .news .normalnew .text{height: 190px}



}
@media (max-width:767px) {

    #aframe3{padding-top: 20px;padding-bottom: 20px}


    #aframe3 .categories{padding-bottom: 20px}
    #aframe3 .categories .item{width: 100%}
    #aframe3 .categories .item .img{display: none}
    #aframe3 .categories .item .text{padding: 0 0 15px 0}
    #aframe3 .categories .item .text h2{font-size: 24px;padding-bottom: 10px}
    #aframe3 .categories .item .text li{font-size: 16px;padding: 3px 0}
    #aframe3 .categories .item .text li:before{content: "";width:8px; height:8px;  border-left:8px solid #000; border-top:4px solid transparent;  border-bottom:4px solid transparent;margin-right: 5px;margin-top: 3px }
    #aframe3 .categories .item .text span{font-size: 20px}

    #aframe3 .news .largenew{width: 100%;margin-bottom: 10px}
    #aframe3 .news .normalnew{width: 100%;}
    #aframe3 .news .normalnew .text{height: 190px}
    #aframe3 .news .normalnew .text h2{font-size: 16px;padding: 5px 0}
    #aframe3 .news .normalnew .text span{font-size: 14px}
    #aframe3 .news .normalnew .text>p{font-size: 14px;margin: 5px 0}
    #aframe3 .news{margin: 0}
    #aframe3 .news .item{padding: 0 15px}
    #aframe3 .news .img{display: none}
    #aframe3 .news .largenew .text{position: static;background-color: rgba(0,0,0,0)}
    #aframe3 .news .largenew h2{color: #000}

    #aframe3 .news .normalnew .text{background-color: rgba(0,0,0,0)}
    #aframe3 .news .item p{display: none!important;}
    #aframe3 .news .item span{display: none}
    #aframe3 .news .item .button_more{display: none!important;}
    #aframe3 .news .item .text{padding: 10px 0;margin: 0}
    #aframe3 .news .item .text h2{font-size: 20px!important;text-align: left}
    #aframe3 .news .normalnew .text{height: auto}
    .frame .text{display: none}
}

@keyframes fade-bounce {
    0% {
        transform: perspective(800px) translateY(-10px) translateZ(-40px) rotateX(-90deg);
        opacity: 0
    }
    40% {
        transform: perspective(800px) translateZ(0px) rotateX(10deg)
    }
    70% {
        transform: perspective(800px) translateZ(0px) rotateX(-5deg)
    }
    100% {
        transform: perspective(800px) translateZ(0px) rotateX(0deg);
        opacity: 1
    }
}
/*frame*/
.frame{text-align: center;padding-top: 50px;padding-bottom: 50px}
.frame h2{font-size: 28px;text-transform: uppercase;font-family: HelveticaETB;color: #595959}
.frame p{font-size: 18px;padding: 25px 0}
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    .frame{padding:30px}
    .frame p{padding: 15px 0}
}
@media (max-width:767px) {
    .frame{padding:20px}
    .frame p{padding: 10px 0}
}
/*doubleline*/
.doubleline{}
.doubleline span{width: 30px;height: 1px;background-color: black;display: block;margin:0 auto;position:relative;z-index:999;}
.doubleline span:nth-child(2){margin-top: 15px;width: 60px;}
/*footer*/
#footer{padding:50px 0;width: auto}

#footer dl dt{font-size:24px;line-height:30px;color:#fff;margin-bottom:15px;text-transform:Uppercase;font-family: HelveticaETB;letter-spacing: 3px; }
#footer dl dd{color:#fff;font-size:16px;line-height:22px;padding:5px 0;}
#footer dl dd a{color:#fff;font-size:16px;line-height:20px;}
#footer dl dd a:hover{color:#6684f2;}

#footer #f1 input{background-color: rgba(185,185,185,0.6);border: none;border-radius: 0;}
#footer #f1 input::-webkit-input-placeholder {color: #fff;}
#footer #f1 input::-moz-placeholder {color: #fff;}
#footer #f1 input:-ms-input-placeholder {color: #fff;}
#footer #f1 input:-moz-placeholder {color: #fff;}
#footer #f1 .form-control{width: 85%;margin-left: 0}
#footer #f1 textarea::-webkit-input-placeholder {color: #fff;}
#footer #f1 textarea::-moz-placeholder {color: #fff;}
#footer #f1 textarea:-ms-input-placeholder {color: #fff;}
#footer #f1 textarea:-moz-placeholder {color: #fff;}
#footer #f1 textarea{background-color: rgba(185,185,185,0.6);border: none;border-radius: 0}
#footer #f1 button{background-color: #034bb7;border: none;color: white;text-transform:Uppercase;letter-spacing: 1px;border-radius: 0}
#footer #f2 ul li {display:inline-block; width:50%;color:#000;font-size:14px;line-height:20px;padding:5px 0;  }


#footer #f3 img{margin-left: 0}


#footer #f4 p{margin: 0}


#footer #f4 .add span{display: inline;float: left;width: 15%}
#footer #f4 .add p{display: inline;float: left;width: 85%}
.foot-nav{background-color: black;color: white;font-size: 14px;}
.foot-nav a{color: white;font-size: 14px;}
.foot-nav .row{padding: 15px 0}
.foot-nav .left{text-align: left}
.foot-nav .right{text-align: right}
.foot_lang{display:block;margin:20px 0;}
.foot_lang a{ margin:0 20px 0 0;color:#000;display:inline-block;font-size:14px;}

.foot_lang a img{ padding-right:5px;}
@media screen and (min-width:992px ) and (max-width:1199px) {
    .foot_lang{margin-bottom:15px;}
    .foot_lang a{ padding:0 2px;margin-bottom:10px;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #footer #f3{clear:both;margin-top:30px;}
    #footer #f4{margin-top:30px;}

    .foot_lang{margin-bottom:15px;}
    .foot_lang a{ padding:0 8px;margin-bottom:10px;}
}
@media (max-width:767px)
{
    .foot-nav{margin-bottom:50px}
    .foot-nav .left{text-align: center}
    .foot-nav .right{text-align: center}
    #copy{margin-bottom:50px;padding-top:10px;padding-bottom:10px;}
    #copy .fright{text-align:left;}
}
/*右侧菜单*/
#yb_conct{right: 0;top:30%;position: fixed;width: 50px;z-index: 99}
#yb_conct .tab{color:#FFF;line-height:50px;width:50px; height:50px;background:#cccccc;padding-left:10px;margin: 3px 0;float: right;transition:all 0.5s ease-in-out;position: relative;z-index: 10}
#yb_conct .tab:hover{background:#034bb7;}
#yb_conct .tab span{font-size: 30px}
#yb_conct .d{width: auto; background:#cccccc;position:absolute;right:-280px;height:50px;line-height: 50px; border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);font-size: 16px;z-index: 6;transition:all 0.5s;color: white;padding: 0 20px;white-space:nowrap;border: none }
#yb_conct .tel{top:3px;}
#yb_conct .email{top:59px}
#yb_conct .ds{right: 48px;background:#034bb7;z-index: 6}
#yb_conct .d-qrcode{position:absolute;top:259px;right: 50px;background:#fff;z-index: 6;height: 120px;width: 120px;padding: 10px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);border: 1px solid #eee}
#yb_conct .dd{background:#034bb7;}
#yb_conct .emaillink{color:white}
#yb_conct .emaillink:hover{color:#aaa}


/*手机菜单导航*/
.hamburger.is-open .hamb-top{background-color:#034bb7;}
.hamburger.is-open .hamb-bottom{background-color:#034bb7;}
/*手机底部导航*/
#mobMenu{height:50px;border:1px solid #ddd;background-color:#fff;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
#mobMenu .foot_nav a{color: #000!important;}
@media (max-width:767px)
{

}


/*面包屑*/







/*网站地图*/
#sitemapnav { width:100%; position:relative; border-radius:0; border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#666666; text-decoration:underline;}
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666;text-decoration:underline; font-weight:bold;text-transform:capitalize;}
#sitemapnav .bigli a:hover {color:#00a0e8;}
#sitemapnav .abli_02{ float:left;width:44%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#00a0e8;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
@media screen and (min-width:1px ) and (max-width:767px)
{
    #sitemapnav .abli_02{width:44%;}
}
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:95%;margin-left:5%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:90%;margin-left:8%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666666;}
#sitemapnav .PROclass_01 a:hover{ color:#00a0e8;}
#sitemapnav .PROclass_02 a:hover{ color:#00a0e8;}

#sitemapnav .PROclass_03 { float:left;width:40%;margin-left:10%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ color:#00a0e8;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}



/*分页*/
ul.pagination {box-shadow:none;padding-bottom:30px;width:100%;border-radius:0;}
ul.pagination li {margin-left:2px;display:inline-block;}
ul.pagination li a{background-color:#333333;border-color:#333333;border-radius:0;color:#ccc;}
ul.pagination li.active span{background-color:#ccc!important;border-color:#333333;border-radius:0;color:#333333;}
ul.pagination li:first-child a{border-radius:0;}
ul.pagination li:last-child a{border-radius:0;}
ul.pagination li:hover a{background-color:#ccc!important;border-color:#ebebeb;color:#333333;}
.pagination li a{display: block;  margin-bottom: 0;text-align: center;  font-size: 16px !important;  letter-spacing: 0.5px;  font-weight: 600 !important;  outline: none;  overflow: visible;  cursor: pointer;  border: 1px solid #ebebeb!important;  text-shadow: none;  float: left;  margin: 2px 2px 2px 0 !important;  padding: 10px 9px 9px 9px !important;  width: auto;  color: #000 !important;  background-color: white!important;  }
.pagination li span{display: block;  margin-bottom: 0;text-align: center;  font-size: 16px !important;  letter-spacing: 0.5px;  font-weight: 600 !important;  outline: none;  overflow: visible;  cursor: pointer;  border: 1px solid #ebebeb!important;  text-shadow: none;  float: left;  margin: 2px 2px 2px 0 !important;  padding: 10px 9px 9px 9px !important;  width: auto;  color: #000 !important;  background-color: white!important;  }

#posts ul.pagination .prev a{padding: 10px 23px 9px 9px !important; }
#posts ul.pagination .next a{padding: 10px 23px 9px 9px !important; }
#posts{}
.pagers{margin: 0 18px}
.ceptp img{width:100%;}
.cpwz h3{font-size:16px;line-height:20px;height:40px;margin-top:5px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (min-width:992px ) and (max-width:1199px) {
    .pagers{margin: 0 8px}
    #posts{width: 740px}

}
@media screen and (min-width:768px ) and (max-width:991px){
    .pagers{margin: 0 13px}
    #posts{width: 65%}
}
@media screen and (min-width:1px ) and (max-width:767px) {
    .pagers{margin: 0 13px}
    ul.pagination{padding-bottom: 0}
}
/*感谢页面*/
#thk_nav>h2{margin-bottom:20px;font-weight:bold;}
#thk_nav>p{line-height:24px;}
.btnthank{padding: 5px 10px;margin-top: 15px;display: inline-block;border:1px solid #6684f2;color:#6684f2;}
.btnthank:hover{background-color: #6684f2;color: #ffffff;}

.nPageList{margin:0 -20px;overflow:hidden;}
.nPageList .item{float:left;width:33.33%;padding:20px;}
.nPageList .item:nth-child(3n+1){clear:left;}
.nPageList .item .img{border:1px solid #f1f1f1;padding:5px;background-color:#eee}
.nPageList .item figcaption{padding:20px;}
.nPageList .item figcaption h3{margin-bottom:5px;font-size:20px;text-align:center;padding-top:20%}
.nPageList .item figcaption p{font-size:14px;line-height:20px;height:80px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
@media screen and (min-width:992px ) and (max-width:1199px) {
    .nPageList{margin:0 -15px;}
    .nPageList .item{padding:15px;}
    .nPageList .item figcaption h3{font-size:20px;}
    .nPageList .item figcaption p{height:60px;-webkit-line-clamp:3;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    .nPageList{margin:0 -15px;}
    .nPageList .item{width:50%;padding:15px;}
    .nPageList .item:nth-child(3n+1){clear:inherit;}
    .nPageList .item:nth-child(2n+1){clear:left;}
    .nPageList .item figcaption h3{font-size:20px;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    .nPageList{margin:0 ;}
    .nPageList .item{width:50%;padding:10px;}
    .nPageList .item:nth-child(3n+1){clear:inherit;}
    .nPageList .item:nth-child(2n+1){clear:left;}
    .nPageList .item figcaption h3{font-size:20px;text-align:center;}
    .nPageList .item figcaption p{display:none;}
}


.item {}
.item .img{overflow:hidden;display:block;}
.item .img img{width:100%;-webkit-transition: 0.5s;transition: 0.5s;}
.item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}


/*抖动效果*/
@keyframes act-bounce{
    0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
    75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@-webkit-keyframes act-bounce{
    0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
    75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@-moz-keyframes act-bounce{
    0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
    75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}
@-o-keyframes act-bounce{
    0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}
    25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}
    50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}
    75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}
    85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
}

/*编辑器内容*/
#input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0}
.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:0px}
.te iframe {border:none}
.teheader {height:31px; border-bottom:1px solid #bbb; background:url(../images/header-bg.gif) repeat-x; padding-top:1px}
.teheader select {float:left; margin-top:5px}
.tefont {margin-left:12px}
.tesize {margin:0 3px}
.testyle {margin-right:12px}
.tedivider {float:left; width:1px; height:30px; background:#ccc}
.tecontrol {float:left; width:34px; height:30px; cursor:pointer; background-image:url(../images/icons.png)}
.tecontrol:hover {background-color:#fff; background-position:30px 0}
.tefooter {height:auto; border-top:1px solid #bbb; background:#f5f5f5;overflow:hidden;}
.toggle {float:left;padding:9px 13px 0 10px; height:23px;color:#666;}
.resize {float:right; height:32px; width:32px; background:url(../images/resize.gif) 15px 15px no-repeat; cursor:s-resize}
#editor {cursor:text; margin:10px}



/****** 按钮效果 *******/
.set_5_button4 {
    background: #c6262d ;
    color: #ffffff;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    line-height: 45px;
    margin-right: 2.5em;
    cursor:pointer;
    overflow: hidden;
    padding: 0 25px;
    position: relative;
    text-align: center;
    width: auto;
}
.set_5_button4:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 1000%;
    background: #666;
    z-index: -1;
    transform-origin: 0% 0%;
    transform: translateX(calc(20% - 0px)) translateY(10%) rotate(-45deg);
/transform: translateY(10%) translateX(16%) rotate(-45deg);
    transition: transform .3s;
}
.set_5_button4:hover::after {
    transform: translateY(10%) translateX(-25px) rotate(-45deg);
}

.set_button1 {
    background: #7fbe25 ;
    color: #ffffff;
    overflow: hidden;
    z-index: 1;
    font-weight: 400;
    line-height: 45px;
    margin-right: 2.5em;
    cursor:pointer;
    overflow: hidden;
    padding: 0 25px;
    position: relative;
    text-align: center;
    width: auto;
}
.set_button1:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 500%;
    height: 1000%;
    background: #00a0e8;
    z-index: -1;
    transform-origin: 0% 0%;
    transform: translateX(calc(20% - 0px)) translateY(10%) rotate(-45deg);
    transform: translateY(10%) translateX(16%) rotate(-45deg);
    transition: transform .3s;
}
.set_button1:hover::after {
    transform: translateY(10%) translateX(-25px) rotate(-45deg);
}

.imghvr-zoom-in figcaption {
    opacity:0;
    -webkit-transform:scale(.5);
    transform:scale(.5)
}
.imghvr-zoom-in:hover figcaption {
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1
}


/*鼠标经过效果*/
[class^='imghvr-'],
[class*=' imghvr-'] {
    position: relative;
    display: inline-block;
    margin: 0px;
    max-width: 100%;
    background-color: rgba(1, 87, 155, 0.75);
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
    vertical-align: top;
    max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
    background-color: inherit;
    padding: 10px;/*改动*/
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
[class^='imghvr-'] h3,
[class*=' imghvr-'] h3,
[class^='imghvr-'] p,
[class*=' imghvr-'] p {
    margin: 0;
    padding: 0;
    color: #fff;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
/* imghvr-zoom-in
   ----------------------------- */
.imghvr-zoom-in figcaption {
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    background-color:rgba(0,0,0,0.5);
    padding:5px
}
.imghvr-zoom-in:hover figcaption {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
/*滑动页面*/
.news-slider__ctr {
    position: relative;
    z-index: 12;
    height: 30px;
}
.news-slider__arrow {
    background: #fff;
    border: none;
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 26px 6px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 12;
    cursor: pointer;
    outline: none !important;
}
.news-slider__arrow:focus {
    outline: none !important;
}
.news-slider__arrow .icon-font {
    display: inline-flex;
}
.news-slider__arrow.news-slider-prev {
    left: 15px;
    transform: translateY(-50%);
}
.news-slider__arrow.news-slider-next {
    right: 15px;
    transform: translateY(-50%);
}
.news-slider__pagination {
    text-align: center;
    margin-top: -40px;
}
.news-slider__pagination .swiper-pagination-bullet {
    width: 30px;
    height: 5px;
    display: inline-block;
    background: rgba(255,255,255,0.5);
    opacity: 1;
    margin: 0 5px;
    border-radius: 20px;
    transition: opacity .5s, background-color .5s, width .5s;

}
.news-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
    transition-delay: 0s;
}
@media screen and (max-width: 576px) {

}
#pro_detail .title{border-bottom: 2px solid #e2e2e2}
#pro_detail .title .item-border{background-color: #333;display: inline-block;padding: 5px}
#pro_detail h2{font-size: 16px;border: 1px solid white;padding: 10px 40px;color: white}
.promsg .text p{font-size: 14px;line-height: 28px;padding: 50px 0}
.inquiry label{text-align: left;padding-left: 0;padding-top: 15px}
.inquiry input{height: 50px;margin-bottom: 10px}

.pagination{display: block}

.contact_show .Msgtitle h2{font-size: 22px}
.contact_show .Msgtitle p{font-size: 12px}


#right_nav #videolist .item{width: 100%}
#right_nav #videolist .item h3{text-align: center}
@media (max-width:767px){

    .form-group{padding:0}
    #contact_show .title{margin-left:0 ;margin-right:0}
    #contact_show .share h2{padding:10px 0}
    #location #sform{display:none}
    #location{margin-bottom:5px}
}
.backHome {z-index:2001}
.set_5_button4{margin-top:20px;padding:0 80px;background-color:#eb5022}

#left_nav .nav .open{background-color: white}
.catelist{position: relative;float: none;padding: 0;border: none;box-shadow:none;-webkit-box-shadow:none}

/*产品页*/
#posts{}
.menu_slide .left_posts .item{float: left;width: 33%;padding: 0 10px;margin-bottom: 15px}
.menu_slide .left_posts .item .border{background: #ffffff;border: 1px solid #eceef0;padding: 0.5px}
.menu_slide .left_posts .item h2{font-size: 14px ;height: 40px;font-weight: 400;overflow: hidden;line-height: 20px}
#posts .custom_cart_button{padding: 10px!important;}
@media screen and (min-width:992px ) and (max-width:1199px)
{
    .menu_slide .left_posts .item{width: 50%;}
}
@media screen and (min-width:768px ) and (max-width:991px)
{
    .menu_slide .left_posts .item{width: 50%;}
}
@media (max-width:767px) {
    .menu_slide .left_posts .item{width: 100%;padding: 0}
    .section .wrapper, .n_section .wrapper{padding: 0 15px!important;}
    #posts{padding-top: 10px;padding-bottom: 20px}
}


/*产品详情*/
#breadcrumbs .crumbs_delimiter{color:white}
td {
    border: 1px solid #777;
    color: #2c3e50;
    padding: 10px;
}

.products .border{
    color: #444444;
    background: #ffffff;
    border: 1px solid #eceef0;
    margin: 2px;

}
.products li{height: inherit!important;}
.woocommerce-tabs .panel{padding: 30px 0}
.swiper-container{padding: 2px!important;}


#tab-inquiry input{padding: 20px 20px;margin-bottom: 15px}
.panel{border: none;-webkit-box-shadow:none;box-shadow:none}
.woocommerce-tabs .panel{border: none}
.thumbnail_container{padding: 0.5px}
.productbtn{padding: 40px 0 30px 0}
.productbtn a{padding: 10px 30px;font-size:18px;border: none;border-radius: 15px;background-color: #77a43b;margin-bottom: 20px;margin-right: 40px}
.productbtn a:nth-child(2){background-color: #f08000;}
.productbtn a:nth-child(2):hover{background-color: #5bc0de;}
/*联系我们*/

#allmap{height: 100%}
#message{margin: 35px 0}
#message .item{width: 33%;float: left}
#message .item .img{margin-bottom: 20px;}
#message .item img{width: auto;}
#message .item .text strong{font-weight: 700}
#message .item .text p:nth-child(1){margin-bottom: 35px}

#countact{background-color: #d7d7d7;padding-top: 20px;padding-bottom: 20px}
#countact .input-group input{width: 48%;float: left;margin: 0 0px 20px 0px;font-size: 16px;  background: #ffffff;  border: 1px solid rgba(0, 0, 0, 0.1);  line-height: 20px;  color: #999999;  padding: 15px 25px 16px 25px;}
#countact .input-group input:nth-child(2n){float: right}
#countact .input-group{margin: 0 -15px}
#countact textarea{font-size: 16px;line-height: 20px;}
#countact img{float: left;padding-top: 20px;padding-left: 35px}
#countact input[type=submit] {background: #083a81;  color: #fff!Important;width:100%;  font-weight: 700;  font-size: 14px;  padding: 8px 15px;  font-size: 15px;  font-weight: 900;  border-radius: 2px;  padding: 11px 15px;  letter-spacing: 0.5px;  margin-top: 3px;border: none;text-transform: uppercase;
    margin: 35px 0 24px 0}
@media screen and (min-width:992px ) and (max-width:1199px)
{
    .menu_slide .left_posts .item{width: 50%;}
}
@media screen and (min-width:768px ) and (max-width:991px)
{

    .summary .link i.iconfont{margin-right:3px;}
    .summary .link .download{margin-right:60px;}
    .menu_slide .left_posts .item{width: 50%;}
}
@media (max-width:767px) {
    .productbtn a{padding: 15px 20px;margin-right: 20px}

    #message .item{width: 100%;}
    #countact img{padding: 0}
    #countact input[type=submit]{margin: 15px 0}
    .woocommerce-tabs .panel{padding-bottom: 0}
    #countact .input-group input{width: 100%}
    #countact img{display: none;}
}

.kong{height: 90px}

.woocommerce-tabs select{height: 50px}

#slider{overflow:hidden;padding-bottom:30px;}
#picView{position:relative;float:left;width:48.8%;}
#picView img{width:100%;}
.btn-11 button{background-color:#034bb7;border: 0;font-size: 20px;padding: 10px 60px;margin-top: 20px }
.tempWrap{}

.woocommerce #fw_c{padding: 50px 0}
.single_product_navigation{padding: 0;margin: 0}
#picView .link a .iconfont{font-size: 30px}

.rd_woo_short_description p{line-height: 35px;font-size: 18px}
.summary .link .download{margin-right:40px;color:black;display:inline-block;padding: 10px 5px}
.summary .link .download img{margin-right:3px;}
.summary .link i.iconfont{font-size:30px;margin-right:3px;}
.summary .link .download:hover{color:#00a0e8;}
.summary .link .pdf{color:red;display: inline-block;font-size: 30px}
/*.caroufredsel_wrapper ul li{width: 300px!important;}*/
@media screen and (min-width:992px ) and (max-width:1199px)
{
    .rd_woo_short_description p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
}
@media (max-width:767px) {
    .product_box{padding: 0 20px!important;}
    .product_box h2{padding-bottom: 0!important;}
    .custom_cart_button{padding: 10px!important;}
}
/*产品图片滚动(superslide插件)*/

#picView .bigimgs{ height:auto;overflow:hidden;text-align:center;margin:0 auto;}
#picView .bigimgs li{ text-align:center;margin-bottom:15px;}/*图片外框*/
#picView .bigimgs li img{}
#picView .smallimgs{width:88%;position:relative;margin:0px 7% 0 5%;overflow: hidden}
#picView .lun{position: relative}
#picView .smallimgs li{ position:relative; zoom:1;display:inline-block;width:21%;border:1px solid #d9d9d9;margin:0 12px 10px;padding: 1px}
#picView .smallimgs li img{}
#picView .lun>a{font-size:20px;text-align:center;width:18px;height:77px;line-height:77px;background-color:#00a0e8;opacity:0.6;color:#fff;}
#picView .lun>a.navPrev{position:absolute;left:15px;top:0;}
#picView .lun>a.navNext{position:absolute;right:15px;top:0;}
#picView .smallimgs ul li.on{border:3px solid #034bb7;}
#slider .title{margin-bottom:20px;}
#slider h1{color:#000;position:relative;line-height:35px;font-size: 24px!important;}
#protitle{padding:0 0 0 60px;float:left;width:50%;}
#protitle>h3{font-size:30px;line-height:48px;color:#00a0e8;}
#protitle>p{font-size:16px;line-height:30px;max-height:188px;overflow:hidden;color:#666;}
#protitle .btnlist{overflow:hidden;margin-top:30px;}
#protitle .btnInquiry{float:left;width:250px;height:40px;padding:5px 0;font-size:18px;line-height:30px;background-color:#eb5022;color:#ffffff;text-align:center;display:inline-block;border:1px solid #eb5022;}
#protitle .btnInquiry:hover{background-color:#666;color:#fff;border:1px solid #666}
#protitle .btnlist .btncar{float:right;}
#protitle .btnlist p{font-size: 10px;padding-bottom: 30px}
#protitle .link{margin-top:25px;}
#protitle .link a{margin-right:40px;color:white;display:inline-block;background-color: black;padding: 10px 40px}
#protitle .link a img{margin-right:3px;}
#protitle .link i.iconfont{font-size:16px;margin-right:3px;}
#protitle .link a:hover{color:#00a0e8;}
#protitle .share{margin-top:25px;}
#protitle .share p{color:#ffffff;margin-bottom:5px;}
#protitle .share a{color:#ffffff;display:inline-block;margin-right:3px;}
#protitle .share h2{font-size:24px}
#protitle .share a>i{display:block;font-size:14px;width:21px;height:21px;line-height:21px;text-align:center;}
#protitle .share a>i.fa-pinterest-p{background-color:#ca1c23;}
#protitle .share a>i.fa-google-plus{background-color:#dc4e41;}
#protitle .share a>i.fa-facebook{background-color:#3b5998;}
#protitle .share a>i.fa-twitter{background-color:#1da1f2;}
#protitle .share a>i.fa-linkedin{background-color:#0077b5;}
#myTab {background-color:#ffffff;border:none;border-bottom:1px solid #ccc;}
#myTab li {margin-right:6px;}
#myTab li a{padding:12px 30px;border-radius:0;margin-right:0;border-bottom:1px solid #ccc;color:#333;background-color:#fff;}
#myTab li a h2{font-size:23px;line-height:30px;text-transform:uppercase;}
#myTab li.active a{color:#ffffff;background-color:#dd0069;border-color:#dd0069;}
#myTabContent{padding:20px 0;}
#inquiry {margin-top:30px;}
#inquiry .tit{background-color:#ffffff;border-bottom:1px solid #ccc;margin-bottom:20px;}
#inquiry h2{font-size:23px;line-height:30px;padding-left:15px;display:inline-block;padding:12px 30px;background-color:#6684f2;color:#fff;margin-bottom:-1px;}
.set_5_button4{margin-top:20px;padding:0 50px}
.smallimgs{padding-bottom:5px}
@media screen and (min-width:992px ) and (max-width:1199px) {
    /*产品图片滚动(superslide插件)*/

    #picView .bigimgs{ width:85%;height:auto;overflow:hidden;}
    #picView .bigimgs li{}
    #picView .bigimgs li img{ width:100%; height:auto;}
    #picView .smallimgs{width:76%;position:relative;margin:0 12% 0 12%;}
    #picView .smallimgs li{display:inline-block;margin:0 10px;}
    /*#picView .smallimgs li img{width:60px;height:45px;}*/
    #picView .lun>a{font-size:20px;text-align:center;width:18px;height:52px;line-height:52px;background-color:#00a0e8;opacity:0.6;color:#fff;}
    #picView .lun>a.navPrev{position:absolute;left:15px;top:0;}
    #picView .lun>a.navNext{position:absolute;right:15px;top:0;}
    #picView .smallimgs ul li.on{border:1px solid #034bb7;}
    #protitle{padding:0 15px;width:50%;}
    #protitle .link a{margin-right:25px;}
    .tempWrap{margin:0 -5px }
}
@media screen and (min-width:768px ) and (max-width:991px){
    /*产品图片滚动(superslide插件)*/
    #picView{width:100%;}
    #slider .summary{width: 100%}

    #picView .bigimgs{ width:60%;height:auto;overflow:hidden;}
    #picView .bigimgs li{}
    #picView .bigimgs li img{ width:100%; height:auto;}
    #picView .smallimgs{width:80%;position:relative;margin:15px 10% 0 10%;}
    #picView .smallimgs li{display:inline-block;margin:0 14px;}
    /* #picView .smallimgs li img{width:60px;height:45px;}*/
    #picView .lun>a{font-size:20px;text-align:center;width:18px;height:90px;line-height:90px;background-color:#00a0e8;opacity:0.6;color:#fff;}
    #picView .lun>a.navPrev{position:absolute;left:0px;top:0;}
    #picView .lun>a.navNext{position:absolute;right:0px;top:0;}
    #picView .smallimgs ul li.on{border:1px solid #034bb7;}
    #picView .smallimgs .tempWrap{margin:0 -10px }

    #protitle{padding:0 15px;width:50%;}
    #protitle>h1{font-size:24px;line-height:36px;}
    #protitle .btnInquiry{width:80%;height:40px;padding:5px 30px;font-size:16px;line-height:25px;}
    #protitle .link a{margin-right:20px;}
    #pro_detail .left_nav{display:none;}
    #pro_detail .right_nav{width:100%;float:none;}
    #myTab li{display:block;width:100%;}
    .summary{padding-top: 15px}
}

@media screen and (min-width:1px ) and (max-width:767px)
{
    /*产品图片滚动(superslide插件)*/
    #picView{width:100%;}
    .summary{padding-top: 15px}
    #picView .bigimgs{ width:100%;height:auto;overflow:hidden;}
    #picView .bigimgs li{}
    #picView .bigimgs li img{ width:100%; height:auto;}
    #picView .smallimgs{width:80%;position:relative;margin:15px 10% 0 10%;}
    #picView .smallimgs li{display:inline-block;margin:0 8px;}
    /*#picView .smallimgs li img{width:60px;height:45px;}*/
    #picView .lun>a{font-size:20px;text-align:center;width:18px;height:calc(100% - 5px);line-height:normal;background-color:#00a0e8;opacity:0.6;color:#fff;}
    #picView .lun>a.navPrev{position:absolute;left:0px;top:0;}
    #picView .lun>a i{line-height: normal;position: relative;top:calc(45% - 8px);}
    #picView .lun>a.navNext{position:absolute;right:0px;top:0;}
    #picView .smallimgs ul li.on{border:1px solid #034bb7;}
    #protitle{padding:15px 0;width:100%;}
    #protitle>h1{font-size:24px;line-height:36px;}
    #protitle .btnInquiry{width:80%;height:40px;padding:5px 30px;font-size:16px;line-height:25px;}
    #protitle .link a{margin-right:30px;}
    #pro_detail .left_nav{display:none;}
    #pro_detail .right_nav{width:100%;float:none;}
    #myTab li{display:block;width:100%;}


}
@media screen and (min-width:541px ) and (max-width:767px)
{
    #picView .smallimgs .tempWrap{width: 95%!important;margin: 0 auto}
}


#pro_feed_show{margin-bottom:20px;}
#pro_feed_show.procontact .form-control{border:1px solid #cccccc;}
#pro_feed_show label{font-size:16px;font-weight:normal;line-height:27px;height:27px;display:block;}
#pro_feed_show label>em{font-size:20px;color:#ff0000;margin-right:3px;float:left;margin-top:3px;}
#pro_feed_show .form-group{margin-bottom:20px;overflow:hidden;}
#pro_feed_show .form-control{background-color:#ffffff;border-radius:0;height:55px;padding:0 12px;}
#pro_feed_show textarea.form-control{height:auto;resize:none;padding-top:10px;}
#pro_feed_show .btn-info{display:block;width:260px;font-size:18px;line-height:40px;padding:5px 15px;margin:15px auto 0;color:#ffffff;text-align:center;background-color:#00a0e8;border:none;border-radius:0;}

#relatepro {background-color:#ffffff;margin-top: 50px}
#relatepro .title{margin-bottom: 20px}
#relatepro .tit{background-color:#ffffff;border-bottom:1px solid #ccc;margin-bottom:20px;}
#relatepro h2{font-size:23px;line-height:30px;padding-left:15px;display:inline-block;padding:12px 30px;color:#fff;margin-bottom:-1px;text-transform:uppercase;}
#relatepro .prolist{margin-top:30px;overflow:hidden;margin:0 -15px;}
#relatepro .prolist .item{padding-bottom:10px;padding:0 15px;float:left;width:25%;}
#relatepro .prolist .item:nth-child(4n+1){clear:left;}
#relatepro .prolist .item .img{overflow:hidden;border:1px solid #cccccc;}
#relatepro .prolist .item .img img{width:100%;}
#relatepro .prolist .item .txt{margin-top:8px;}
#relatepro .prolist .item .txt h3{font-size:16px;line-height:20px;padding:0 15px;text-align:center;}


.prolist{margin: 0 -15px!important;width: 100%}
.prolist li{padding-bottom:10px;padding:0 15px;float:left;width:25%!important;border: none!important;}
.prolist .inner_product{border: 1px solid #eceef0;}
.product_box{padding: 5px 20px!important;}
.product_box h2{padding-bottom: 0!important;font-size: 14px;height: 40px;line-height: 20px}
.custom_cart_button{padding: 10px}
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    #pro_detail .detalist img{width:100%;}
    #pro_feed_show .btn-info{padding:10px 15px;}
    .prolist li{width:50%!important;margin-bottom:15px;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #relatepro h2{font-size:24px;line-height:30px;padding:12px 15px;}
    #pro_feed_show .form-control{background-color:#ffffff;border-radius:0;height:35px;padding:5px 12px;}
    #pro_feed_show .btn-info{width:100%;padding:5px 0;}


    #relatepro .prolist .item{float:left;width:46%;margin-bottom:15px;}
    #relatepro .prolist .item:nth-child(2n+1){clear:left;}
    .prolist li{width:50%!important;margin-bottom:15px;}
}
/*面包学背景*/
/*.page_title_ctn {  background: top center;  background-size: cover;  border-bottom: 1px solid transparent;  padding:50px 0;  }
.wrapper {  width: 1170px;  padding: 0 15px;  margin: 0 auto;  position: relative;  overflow: hidden;  }
.page_title_ctn h1 {  font-weight: 400;  margin-bottom: 0;  font-size: 23px;  line-height: 34px;  color: #2c3e50;  max-width: 420px;  float: left;  color:white;  }
#breadcrumbs {  position: absolute;  right: 0px;  top: 50%;  margin-top: -13px;  }
#crumbs {  font-size: 14px;  padding: 2px 0px 0;  }
#crumbs a, #crumbs span {  color: #ffffff;  }
#breadcrumbs .crumbs_delimiter {  color: white;  }
.crumbs_delimiter {  font-size: 16px;  padding: 0 13px;  font-family: "FontAwesome";  }
#crumbs a, #crumbs span {  color: #ffffff;  }
@media only screen and (max-width: 767px) {
    .wrapper {  width: 100%;  padding: 0 15px;  }
    .rd_child_pages, #breadcrumbs {  display: none;  }
}
@media only screen and (max-width: 1214px) and (min-width: 1034px) {
    .wrapper {  width: 960px;  }
}*/
/*图库*/
#GalleryList{margin:0 -15px;}
#GalleryList .item{width:33.33%;padding:0 15px;float:left;margin-bottom:20px;}
#GalleryList .item:nth-child(3n+1){clear:left;}
#GalleryList .item .img{border:1px solid #eee;}
#GalleryList .item h3{margin:10px;text-align:center;}
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){

    #GalleryList .item{width:50%;}
    #GalleryList .item:nth-child(3n+1){clear:initial;}
    #GalleryList .item:nth-child(2n+1){clear:left;}
    #GalleryList .item h3{font-size:16px;}
}
@media (max-width:767px) {
    #GalleryList{margin:0 -5px;}
    #GalleryList .item{width:50%;padding:0 5px}
    #GalleryList .item:nth-child(3n+1){clear:initial;}
    #GalleryList .item:nth-child(2n+1){clear:left;}
    #GalleryList .item h3{font-size:16px;}
}
/*内页*/
#ntframe{padding-bottom:50px;padding-top:40px;}
#ncontent:after,#ncontent:before{display:table;content:" ";clear:both;}
#left_nav{float:left;width:260px;margin:30px 0;position: -webkit-sticky;position: sticky;top: 100px;}
#left_nav .lbt{background-color:#034bb7;padding:20px 15px;margin-bottom:5px;text-align: center;text-transform: uppercase}
#left_nav .lbt h2{color:#fff;font-size:24px;line-height:30px;}
#left_nav .lbt h2 i.icon_menu{margin-right:10px;font-size:30px;float:left;margin-top:2px;}
#left_nav .lmb{}
#left_nav ul{list-style:outside;}

#left_nav ul li{-webkit-transition:none;transition:none;}/**/
#left_nav ul li a{background-color: #f9f9f9;color:#000;display: block;font-size:22px;line-height: 30px;text-transform: capitalize;padding:20px;position: relative;text-align:center;}
#left_nav ul li a i{}
/*#left_nav ul li:hover>a,#left_nav ul li:focus>a{background-color:#dd0069}*/
/*#left_nav ul li:hover>a{background-color:#dd0069}*/

#left_nav .nav-list>li>a{background-color:#333333;color:white;padding: 10px;margin-bottom: 10px}/*标题*/

#left_nav .nav-list .catelist li:hover>a{background-color: #333333;color: white}
#left_nav .nav-list>li>a>div{border: 2px solid #f9f9f9;padding: 20px;font-size:20px}
#left_nav .nav-list>li>a>div span{position: relative;top:5px}

#left_nav ul li.active a{background-color:#333;}/*活动的a*/
#left_nav ul li.active .catelist a{background-color:#f9f9f9;}
#left_nav ul li.active .catelist a.hover{background-color:#444;color: white}
#left_nav ul li a.hover{background-color:#00a0e8;color: white}
#left_nav ul li a.hover i,#left_nav ul li:hover a i,#left_nav ul li:focus a i{}
/*二级分类*/
#left_nav ul>li>ul{margin:1px 0 10px;list-style:none;}
#left_nav ul>li>ul>li>a{font-size:14px;line-height:20px;padding:13px 20px;}
#left_nav ul>li>ul>li>a>i{margin-right:5px;}

#left_nav .server{background-color:#f9f9f9;border-bottom: 10px solid black }
#left_nav .server img{width: 100%;}
#left_nav .server .text{padding: 30px;}
#left_nav .server .text h2{font-size: 22px;font-weight: bold;padding-bottom: 20px}
#left_nav .server .text p{font-size: 14px;line-height: 30px}

#left_nav .nav-list li .catelist{display:none}
#left_nav .nav-list .active .catelist{display:block}
#right_nav{width:900px;float:right;margin-top: 30px}
#right_nav .right_content{}
#right_nav .right_content .title{margin-bottom:20px;border-bottom: 3px solid #ececec;position: relative}
#right_nav .right_content .title h2{position:relative;line-height:31px;padding:20px 0 15px 0;}
#right_nav .right_content .title h1{position:relative;line-height:31px;padding:20px 0 15px 0px;}
#right_nav .right_content .title p{font-size:16px;padding-bottom: 15px}

#right_nav .right_content .title .backHome span{font-size: 30px;position: absolute;right: 0;top:20px}

#right_nav .right_content .text{background-color: #ececec;padding: 20px 20px}
#right_nav .right_content .text p{font-size: 16px;line-height: 30px;text-indent:2em}

#right_nav .cateDetail{margin:10px 0 20px;}

#right_nav_toleft{width:900px;float:left;margin-top: 30px}

@media screen and (min-width:992px ) and (max-width:1199px) {
    #ntframe{padding-bottom:20px;padding-top:30px;}
    #left_nav {width:25%;padding:0;}
    #left_nav ul li a{padding:15px;}
    #right_nav {width:72%;}
    #right_nav_toleft {width:72%;}
    #left_nav .nav-list>li>a>div{font-size:17px}
}
@media screen and (min-width:768px ) and (max-width:991px){
    #ntframe{padding-bottom:20px;padding-top:20px;}
    #left_nav {width:25%;padding:0;top: 50px;}
    #left_nav .lbt h2{font-size:18px;line-height:24px;}
    #left_nav ul li a{padding:10px;font-size:18px;line-height:24px;}
    #left_nav ul>li>ul>li>a{padding:10px 15px;}
    #right_nav {width:72%;}
    #right_nav_toleft {width:64%;}
    /*
    #right_nav .right_content .title h2{font-size:26px;line-height:30px;background:url(../images/slogo.png) no-repeat left center/auto 40px;padding:10px 0 10px 70px;}
    */
    #right_nav .right_content .title h1{font-size:26px;line-height:30px;background:url(../images/slogo.png) no-repeat left center/auto 40px;}
}
@media (max-width:767px) {
    #ntframe{padding-bottom:20px;padding-top:20px;}
    #left_nav{float:initial;width:100%;margin-bottom:15px;position:relative;top: 0;}
    #left_nav .lbt{padding:15px;}
    #left_nav .lbt h2{font-size:18px;line-height:24px;}
    #left_nav ul.nav>li{display:none;list-style:none;}
    #left_nav ul li a{padding:10px;font-size:18px;line-height:24px;}
    #left_nav ul>li>ul>li>a{padding:10px 15px;}
    #right_nav {width:100%;}
    #right_nav_toleft {width:100%;}
    /*#right_nav .right_content .title h2{font-size:26px;line-height:30px;background:url(../images/slogo.png) no-repeat left center/auto 40px;padding:10px 0 10px 70px;}*/
    #right_nav .right_content .title h1{font-size:26px;line-height:30px;background:url(../images/slogo.png) no-repeat left center/auto 40px;;}
    #left_nav .server{display: none}
}

/*新闻列表页*/
/*
.NewsList .item{overflow:hidden;border:1px solid #eeeeee;padding:28px;position:relative;margin-bottom:30px;}
.NewsList .item .img{width:20%;float:left;overflow:hidden;}
.NewsList .item .img img{width:100%;}
.NewsList .item:hover img{display:block;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.NewsList .item .txt{width:76%;float:right;padding:0;}
.NewsList .item .txt h3{font-size:18px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;}
.NewsList .item .txt span{line-height:20px;color:#dd0069;}
.NewsList .item .txt p{margin-top:10px;color:#5d5a5a;font-size:14px;line-height:20px;height:40px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.NewsList .item .txt .link{display:block;width:40px;height:40px;line-height:40px;border:1px solid #eeeeee;position:absolute;top:0;right:0;text-align:center;color:#dd0069;font-size:18px;background-color:#ffffff;}
.NewsList .item .txt .link:before{content:"";position:absolute;left:0;bottom:0;border-width:8px;border-style:solid;border-color:transparent transparent #333333 #333333;}
*/
#content_remark{margin-bottom:30px;font-size:17px;line-height:26px;color:#464646;}
.NewsList{margin:10px -20px;}
.NewsList .box {margin-bottom:30px;padding:0 20px;float:left;width:25%;}
.NewsList .box .img{position:relative;height:194px;line-height:194px;}
.NewsList .box .img a.btncar{position:absolute;left:0;bottom:0;background-color:#dd0069;}
.NewsList .box .txt{padding: 10px }
.NewsList .box .txt h3{font-size:12px;line-height:30px;padding:10px 0;text-align:left;font-weight: bold;overflow:hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;white-space:nowrap;}
.NewsList .box .txt span{color: #999}
.NewsList .box .item-border{border: 1px solid white;height: 100%}
.NewsList .box h3{text-align: left;padding-top:calc(45% - 10px);font-size: 14px;font-family: 微软雅黑;display: block}
.NewsList .box {text-align: left}


.NewsList .imghvr-zoom-in figcaption{opacity: 1;transform: scale(1)}
.NewsList .box .itemNews-border{border: 1px solid #dadada;height: 100%;padding: 5px}
.NewsList .box p{line-height: 24px;text-align: left;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;font-size: 10px;height: 46px}
.NewsList .box:nth-child(4n+1) {  clear: left;  }

.NewsList .box .item{border: 1px solid #ccc}
/*
.NewsList .item {margin-bottom:30px;padding:5px;float:left;width:30%;}


.NewsList .item .img{border:1px solid #cccccc;position:relative;}
.NewsList .item .img a.btncar{position:absolute;left:0;bottom:0;background-color:#dd0069;}
.NewsList .item .txt h3{font-size:14px;line-height:30px;padding:10px 0;text-align:left;}


.NewsList .item .item-border{border: 1px solid white;height: 100%}
.NewsList .item h3{text-align: center;padding-top:calc(45% - 10px);font-size: 14px;font-family: 微软雅黑;display: block;}
.NewsList .item p{line-height: 24px;text-align: center;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;font-size: 12px}
.NewsList .item {text-align: center}
.NewsList .item .img:hover figcaption{background-color: #353535}
.NewsList .item .img:hover h3{display: none}
.NewsList .item .img:hover p{display: block}

*/

@media screen and (min-width:992px ) and (max-width:1199px) {
    .NewsList{margin:0 -10px;}
    .NewsList .box {margin-bottom:20px;padding:0 10px;}
    .NewsList .box .img{height:154px}
}
@media screen and (min-width:768px ) and (max-width:991px){
   /* .NewsList{margin:0 -10px;}
    .NewsList .box {margin-bottom:20px;padding:0 10px;}
    .NewsList .box .img{height:114px}*/
    .NewsList .box {margin-bottom:20px;padding:0 15px;width:50%;}
    .NewsList .box .img{height:auto}
    .NewsList .box:nth-child(4n+1){clear:none}
    .NewsList .box:nth-child(2n+1) {  clear: left;  }

}
@media screen and (min-width:1px ) and (max-width:767px)
{

    .NewsList .box {margin-bottom:20px;padding:0 15px;width:50%;}
    .NewsList .box .img{height:auto}
    .NewsList .box:nth-child(4n+1){clear:none}
    .NewsList .box:nth-child(2n+1) {  clear: left;  }
   /* .NewsList .box .txt h3{display: -webkit-box;-webkit-line-clamp: 2;white-space: normal}*/
}

/*新闻详情页*/
.newdetial h2{font-size: 24px;}
.newdetial .newtitle{text-align: center;font-size: 28px;font-weight: bold}
.newdetial .newdate{text-align: center;padding-top: 10px}
.newdetial .iconfont{font-size: 30px;padding: 0 5px}
#news_tit{ padding-bottom:15px; border-bottom:solid 1px #eaeaea;}
#news_tit h1{font-size:26px;line-height:32px;}
#news_tit p{ margin-top:10px;}
#news_tit i{color:#1497ae;}
#news_detail,#RelatedNews{ margin-top:15px;}
#news_detail iframe{ width:100%; height:500px;}
#news_detail p{margin-bottom: 0}
#prevnext{ background:#f5f5f5; padding:15px;margin-top:15px;}
#prevnext .btn-info{ background:#00a0e8;border-color:#00a0e8;opacity:0.7;color:#ffffff;display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom: 15px}
#prevnext .btn-info:hover{ opacity:1;}
#prevnext .btn-info:nth-child(2){float: right}
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    #newslist .item{margin-bottom:15px;}
    #newslist .item .txt{padding:10px;}
    #newslist .item .txt h3{margin-bottom:0;line-height:24px;height:48px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;}
    #newslist .item .txt span{display:none;}
    #news_detail img{width:100%;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #newslist .item{margin-bottom:15px;padding:20px 15px 10px;}
    #newslist .item .txt{padding:10px 0;}
    #newslist .item .txt h3{white-space:initial;font-size:14px;line-height:20px;height:40px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space:normal;}
    #newslist .item .txt span{display:none;}
    #news_detail img{width:100%;}
    #prevnext .btn-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
}

#RelatedNews{margin-top:30px;}
#RelatedNews .relate_tit h2{text-align:center;font-size:26px;position:relative;margin-bottom:30px;text-transform:uppercase;}
#RelatedNews .relate_tit h2:before{content:"";position:absolute;width:100px;height:2px;top:50%;left:calc(50% + 220px);background-color:#d1d1d1;}
#RelatedNews .relate_tit h2:after{content:"";position:absolute;width:100px;height:2px;top:50%;right:calc(50% + 220px);background-color:#d1d1d1;}
#RelatedNews .relate_list{padding-top: 15px;}
#RelatedNews .relate_list .item{border-radius:0;border:none;border-top:2px solid #ececec;background-color:#f8f8f8;padding:10px;overflow:hidden;margin-bottom:30px;}
#RelatedNews .relate_list .item .txt{float:right;width:65%;}
#RelatedNews .relate_list .item .txt h3{font-size:18px;line-height:28px;height:28px;font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;margin-bottom:5px;}
#RelatedNews .relate_list .item .txt p{font-size:14px;line-height:24px;height:68px;overflow:hidden;color:#888888;text-transform:capitalize}
#RelatedNews .relate_list .item .img{float:left;overflow:hidden;width:30%;}
#RelatedNews .relate_list .item .img img{width:100%;}
/*#RelatedNews .relate_list .item .img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}*/
@media screen and (min-width:992px ) and (max-width:1199px) {
}
@media screen and (min-width:768px ) and (max-width:991px){
    #RelatedNews .relate_list .item .txt h3{line-height:22px;height:22px;font-size:16px;overflow: hidden}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #RelatedNews .relate_tit h2:before{display:none;}
    #RelatedNews .relate_tit h2:after{display:none;}
    #RelatedNews .iptz h3{ height:auto; line-height:24px;}
    #RelatedNews .relate_list .item{margin-bottom: 15px}
}




/*下载*/
#downtable{width:100%;max-width:100%;}
#downtable tr th{padding:10px;font-size:16px;}
#downtable tr th:nth-child(3){text-align:right;}
#downtable tr{border-bottom:1px solid #dbdadb;}
#downtable tr td{padding:10px;font-size:14px; border: none}
#downtable tr td:nth-child(3){text-align:right;}
#downtable tr td i{font-size:18px;}
@media screen and (min-width:1px) and (max-width:768px)
{
    #downtable tr th{padding:5px;font-size:14px;}
    #downtable tr td{padding:5px;font-size:13px;}
}

/*关于我们*/
.aboutusmenu{padding-top: 30px!important;width: 220px!important;}


#bar img{width: 100%}



#profile .component{margin: 60px -15px;}
#profile .component .item{width: 25%;float: left;padding: 0 15px}
#profile .component .iconfont{font-size: 35px;color: #fff}
#profile .component .font{height: 70px ;width: 70px;line-height: 70px;text-align: center; border-radius:35px;background-color:#034bb7;display: inline-block;margin-right: 20px;transition: transform 1s ease-out; }
#profile .component .font:hover{transform: rotateY(180deg);}
#profile .component p{display: inline-block;position: relative;top:-6px;}
#profile .factory{position: relative}
#profile .factory .in_prev{position: absolute;top:calc(50% - 70px) ;left:1px;color: white;background-color: #034bb7;z-index: 5;width: 30px;height: 140px;line-height: 140px;text-align: center}
#profile .factory .in_next{position: absolute;top:calc(50% - 70px) ;right:2px;color: white;background-color: #034bb7;z-index: 5;width: 30px;height: 140px;line-height: 140px;text-align: center}
#profile .factorylabel{text-align: center;margin: 10px 0 50px 0}
#profile .factorylabel p{color:#484848;border-bottom: 1px solid #dadada;padding: 15px 35px;display: inline-block;font-family: Arial;font-size: 17px;text-transform: uppercase;font-weight:bold;}
#profile .profilecontent .title{text-align: center;padding-top: 10px}
#profile .profilecontent .title p{font-size: 40px;text-transform: uppercase;line-height: 50px}
#profile .profilecontent .title p span{color: #034bb7}
#profile .profilecontent .subtitle{text-align: center;padding: 20px 0 50px 0;}
#profile .profilecontent .subtitle p{font-size: 16px;color: #c8c8c8;font-family: Arial}
#service .servicelabel{text-align: center;padding-top: 45px}
#service .servicelabel p{color:#fff;border-bottom: 1px solid #fff;padding: 30px 70px;display: inline-block;font-family:Helveitica;font-size: 40px;text-transform: uppercase;font-weight: bold}
#service .component{padding-top: 90px;margin: 0 -50px}
#service .component p:hover{color: #00a0e8}
#service .item{width: 50%;float: left;padding:0 50px 70px 50px}
#service .item-img{display: inline-block;width: 30%;float: left;margin-left: 0}
#service .item-img img{margin-left: 0}
#service .text{display: inline-block;color: #fff;width: 70%;float: left;font-size: 18px;}
#service .text p {line-height: 30px;padding-top: 10px;}

#workshop{padding-top: 40px}
#workshop .title{padding-bottom: 35px; }
#workshop .title p{font-size: 40px;font-family: Helveitica;font-weight: bold;line-height: 55px;text-transform: uppercase;padding: 20px 0;color: #595959;border-bottom: 1px solid #dadada}
#workshop .list{margin: 0 -10px}
#workshop .item {margin-bottom:30px;padding:0 10px;float:left;width:25%;}


#display{padding-top: 30px;padding-bottom: 50px}
#display .title{padding-bottom: 35px}
#display .title p{font-size: 40px;font-family: Helveitica;font-weight: bold;line-height: 55px;text-transform: uppercase;padding: 20px 0;color: #595959;border-bottom: 1px solid #dadada}
#display .list{margin: 0 -10px}
#display .item {margin-bottom:30px;padding:0 10px;float:left;width:25%;}


@media screen and (min-width:992px ) and (max-width:1199px) {

}
@media screen and (min-width:768px ) and (max-width:991px){
    #profile .component .item{width: 50%;margin-bottom: 15px}
    #service .text p{padding-top: 0}
    #workshop .item {margin-bottom:30px;width:50%;}
    #display .item {margin-bottom:30px;width:50%;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #profile .profilecontent{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
    #profile .profilecontent .subtitle{padding: 10px 0 15px 0}
    #profile .component{margin:10px -5px }
    #profile .component p{top:-3px}
    #profile .component .iconfont{font-size: 20px;color: #fff}
    #profile .component .font{height: 40px ;width: 40px;line-height: 40px;border-radius:25px;margin-right: 5px }
    #profile .component .item{width: 50%;margin-bottom: 15px;padding: 0 5px}
    #profile .factorylabel{margin: 0 0 25px 0}

    #service .servicelabel p{font-size: 25px;padding:20px 40px}
    #service .text p{padding-top: 0}
    #service .item{width: 100%;padding:0 30px 20px 30px}
    #workshop{padding-top:0}
    #workshop .title{padding-bottom: 20px}
    #workshop .title p{font-size: 30px;padding: 15px 0}
    #workshop .list{margin: 0 -5px}
    #workshop .item {margin-bottom:30px;padding:0 5px;width:50%;}

    #display{padding-top:0;padding-bottom:0}
    #display .title{padding-bottom: 20px}
    #display .title p{font-size: 30px;padding: 15px 0}
    #display .list{margin: 0 -5px}
    #display .item {margin-bottom:30px;padding:0 5px;width:50%;}
}
/*面包屑*/
#location{margin-bottom:30px;;border-bottom: 2px solid #ececec;padding: 15px 0;}
#location .container{position: relative}
#location p{line-height:30px;color:#000;font-size:14px;display: inline-block;text-transform: capitalize}
#location p span{font-size:20px;padding-right: 15px;color: #034bb7}
#location p a{color:#000;}
#location p a:hover{color:#034bb7;}
#location p .active{color:#034bb7 }
#location .search{}
#location #ssform {width: 290px;border: 1px solid #fff;position:relative;z-index:5;border-radius:0;display: inline-block;float: right}
#location #ssform #sstext {height: 32px;line-height: 32px;padding-left: 10px;width: 290px;border:1px solid #e2e2e2;color:black;background-color:#f0f0f0;border-radius:20px}
#location #ssform #ssbut {position:absolute;top:0;right: 0; border: 0 none;cursor: pointer;float: right;height: 32px;width: 32px;color:#e2e2e2;font-size:18px;background-color:rgba(255,255,255,0);border-radius:0px }
#location #ssform #sstext::-webkit-input-placeholder {text-align: right;padding-right: 15px;color: #c2c2c2  }
.iconxian{width: 20px;height: 1px;background-color: #666;display: inline-block;position: relative;top:-5px;margin: 0 5px}
/**/
#sidebar .menu-item a{text-transform: capitalize}
#footcontent{margin-top: 0!important;}
.summary .product_meta a,.summary .product_meta i,.summary .link a{color:#4b8ddb}
.summary .link a:hover{color:#034bb7}
.productlist{margin: 0 -15px}
#right_nav_toleft{margin-bottom: 40px}
.rd_woo_short_description{padding: 30px 0!important;}
#fw_c{margin: 0 -15px}
@media   (min-width:1120px) {
    .caroufredsel_wrapper{height: 340px!important;}
    .products{height: auto!important;}
}
@media screen and (min-width:992px ) and (max-width:1199px) {
    .caroufredsel_wrapper{height: 285px!important;}
    .products{height: auto!important;}
}
@media screen and (min-width:768px ) and (max-width:991px){
    .caroufredsel_wrapper{height: 295px!important;}
    .products{height: auto!important;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    .productlist{margin: 0 ;padding: 0 15px}
    #fw_c{margin: 0 }
    .related{padding-bottom: 0}
    .woocommerce #fw_c{padding-top: 20px}
    #location{padding: 0 15px;margin-bottom: 0}
    #location p{font-size: 12px}
    #right_nav_toleft{margin-top: 15px;margin-bottom: 15px}
}
.dropdown-backdrop{display: none}