body,html{-ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/}
body{font:14px/1.5 arial,Hiragino Sans GB,sans-serif}
a{color:#333;text-decoration:none;outline:medium none;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none; color:#004d94}
img{max-width:100%;height:auto;}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*{margin:0;padding:0}
html *,html *:before,html *:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
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}
dt,h1,h2,h3,h4,h5,h6{text-transform:capitalize;}
body,td,th{font:14px/1.5 arial,Hiragino Sans GB,sans-serif}
input{font:14px/1.5 arial,Hiragino Sans GB,sans-serif}

.no-padding{padding:0}
@media screen and (min-width:1230px ) {
    .container { width: 1200px; }
}
/*开始*/
header{padding:6px 0;background-color:transparent;position:fixed;top:0;width:100%;background-color:rgba(255,255,255,0.8);z-index:11;}

#search{display:inline-block;position:relative;margin-top:15px;margin-left:15px;}
#search>a{display:inline-block;width:33px;height:33px;line-height:33px;font-size:21px;cursor:pointer;text-align:center;}
#search #sform{width:220px;float:right;display:none;position:absolute;top:40px;right:0;z-index:10;}
#search #stext{width:180px;height:40px;border:none;padding-left:10px;background-color:#004d94;color:#ffffff;}
#search #sbut{width:40px;height:40px;background:#004d94;border:none;float:right;color:#fff;font-size:18px;line-height:40px;}

#mynav{background-color:Transparent;border-width:0px;margin:0;z-index:2;min-height:initial;}
#mynav .logo{display:block;}
#mynav .logo img{max-height:60px;}
#mynav .nav>li>a{padding:20px;font-size:16px;font-weight:bold;color:#565656;}
#mynav .nav>li.active>a{color:#004d94;background-color:transparent;}
#mynav .nav>li:hover>a{color:#004d94;background-color:transparent;}

#mynav .nav li.dropdown>ul.dropdown-menu{left:auto;right:auto;}
#mynav .nav li ul.dropdown-menu{background-color:#004d94;}
#mynav .nav li ul.dropdown-menu > li > a{padding:6px 20px 6px 15px;font-size:14px;color:#ffffff;}
#mynav .nav li ul.dropdown-menu > li > a:hover{color:#004d94;background-color:#ffffff;}


.sidebar-nav{position:initial;}
.sidebar-nav li:not(:first-child)::before{background-color:#004d94;}
.sidebar-nav .dropdown-menu li:first-child a{background-color:transparent;}
.sidebar-nav .dropdown-menu li:before{background-color:#004d94;}
.sidebar-nav li a{text-transform:capitalize;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*二级分类*/
.dropdown:hover .menu-top {display: block;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ffffff;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu .pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.dropdown-submenu>ul{min-width:200px;}

@media screen and (min-width:992px) and (max-width:1230px)
{
    #mynav .logo {margin-top:5px;}
    #mynav .logo img{max-width:200px;}
    #mynav .nav>li>a{padding:20px 15px;font-size:15px;}
    #mynav .nav li ul.dropdown-menu>li>a{padding:6px 15px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    #mynav .logo img{max-width:160px;}
    #mynav .nav>li>a{padding:15px 7px;font-size:13px;}
    #mynav .nav li ul.dropdown-menu>li>a{padding:6px 10px;font-size:13px;}
}
@media (min-width:768px) {}
@media (max-width:767px)
{
    header{position:relative;background-color:#fff;}
    #mynav .logo{width:200px;}
    #mynav .logo img{max-height:60px;}

	#mynav .hamburger { position:absolute; z-index:100; top:0;margin-top:5px;}
    #mynav .hamburger>span{background-color:#004d94;z-index:1}
    #mynav .hamburger.is-open span{background-color:#ffffff;}
    #wrapper .logo{height:auto;padding:0;}
    #wrapper .sidebar-nav > .sidebar-brand{height:auto;}
    #wrapper img{max-width:100%;max-height:100%;display:block;margin:0 auto;}
    #wrapper .nav>.sidebar-brand>a{background-color:#fff;padding:5px 10px;}
    #wrapper .nav > li > a {font-size:14px;} 
    #wrapper .nav > li > a>i {display:inline-block!important;}

    #top_search{margin-top:25px;}
    #top_search #top_sform{width:182px;}
    #top_search #top_stext{width:150px;height:32px;border:1px solid #333333;padding-left:5px;background-color:Transparent;color:#ffffff}
    #top_search #top_sbut{width:32px;height:32px;background:#333333;border:none;float:right;color:#ffffff;font-size:18px;line-height:32px;}
    
    .dropdown-submenu>.dropdown-menu{left:4px;display:block;}
    .dropdown-submenu>.dropdown-menu>li>a{font-size:12px;padding:5px 20px 5px 35px;}
}

/*banner图切换*/
#bframe{ display:block;position:relative;}
#bframe .carousel:hover .carousel-control.left{left:6%;}
#bframe .carousel:hover .carousel-control.right{right:6%;}
#bframe .carousel-control.left{left: 3%;}
#bframe .carousel-control.right{right: 3%;}
#bframe .carousel-control{width: 50px;height: 50px;top: 45%;border-radius: 50%;border: 1px solid #ffffff;text-align: center;background-image:none;opacity:1;}
#bframe .carousel-control span{display: block;margin: 0 auto;line-height: 50px;font-size: 35px;box-shadow:none;}
#bframe .carousel-control:hover{background-color:#004d94;border-color:#004d94;}
#bframe .carousel-control:hover span{color:#ffffff;box-shadow:none;}
#bframe .carousel-indicators{z-index:2;height:20px; padding-top:13px;left:15%;width:70%;margin:0 auto;bottom:50px;}
#bframe .carousel-indicators li{display:inline-block;width:20px;height:4px; margin:5px 3px;cursor:pointer;background-color:#ffffff;border:none;border-radius:0;}
#bframe .carousel-indicators li.active{*display:inline;margin:5px 3px; background-color:#004d94;}
#bframe .carousel-indicators li:hover{background: #fff none repeat scroll 0 0;  border-color: #004d94;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);}
@media (max-width:767px){
    #bframe .carousel-control{width:35px;height:35px;}
    #bframe .carousel-control span{line-height:35px;font-size:25px;}
    #bframe .carousel-indicators{bottom:20px;}
}

/*面包屑*/
.crumbs{background-color:#f5f5f5;}
.crumbs .breadcrumb{margin-bottom:0;}
.crumbs .breadcrumb i.fa{margin-right:10px;}

.frame{padding-top:50px;padding-bottom:50px;}
.index_title{margin-bottom:30px;text-align:center;}
.index_title h2{display:inline-block;font-size:36px;font-weight:600;margin-bottom:40px;position:relative;text-transform:capitalize}
.index_title h2::after{border:1px solid #333333;bottom:-20px;content:"";left:0;margin:0 auto;position:absolute;right:0;width:40%}

@media screen and (min-width:768px) and (max-width:991px) {
    .frame{padding-top:40px;padding-bottom:40px;}
    .index_title{margin-bottom:30px;}
    .index_title h2{font-size:30px;line-height:42px;}
}
@media screen and (min-width:1px) and (max-width:767px) {
    .frame{padding-top:25px;padding-bottom:25px;}
    .index_title{margin-bottom:15px;}
    .index_title h2{font-size:24px;line-height:30px;}
}

#frame1{background-color:#f9f9f9;}
#frame1 h3{display:inline-block;font-size:18px;font-weight:600;margin-bottom:0;padding:0 0 10px;text-transform:uppercase;transition:all 0.4s ease 0s}
#frame1 .cont{font-size:14px;line-height:24px;height:240px;color:#444444;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
}

#frame2{}
#frame2 .item{text-align:center;}
#frame2 .item h3{font-size: 18px;font-weight: 500;margin-bottom:15px;height:30px;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame2 .item p{font-size:14px;line-height:20px;height:60px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #frame2 .item{margin-bottom:30px;}
}

#vframe{position:relative;}
#vframe video{width:100%;}
#vframe .testi-overly{background:rgba(0,0,0,0.7) none repeat scroll 0 0;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}
#vframe .link{position:relative;z-index:1;text-align:center;display:block;font-size:70px;color:#999999;margin:0 auto;}
#vframe .link:hover{color:#ffffff;}
@media screen and (min-width:992px) and (max-width:1199px) {
    #vframe{}
}
@media screen and (min-width:768px) and (max-width:991px) {
    #vframe{}
}
@media (max-width:767px){
    #vframe{}
}

#frame3{}
#frame3 .catelist{margin-bottom:40px;text-align:center}
#frame3 .catelist li{display:inline-block;margin-bottom:8px;}
#frame3 .catelist li a{background:#ffffff none repeat scroll 0 0;border:1px solid #444;border-radius:20px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin:0 4px;padding:4px 15px;text-transform:capitalize;transition:all 0.3s ease 0s}
#frame3 .catelist li a.active,#frame3 .catelist li a:hover{border-color:#004d94;background:#004d94;color:#ffffff;text-decoration:none}
#frame3 .prolist .item{border:1px solid #eaeaea;position:relative;overflow:hidden;margin-bottom:30px;}
#frame3 .prolist .item .img img{width:100%;}
#frame3 .prolist .item .txt{}
#frame3 .prolist .item .txt .link{position:absolute;top:-50%;right:0;bottom:0;left:0;padding:15px;background-color:rgba(0,0,0,0.8);text-align:center;opacity:0;transition: 0.4s;}
#frame3 .prolist .item .txt h3{color:#dddddd;font-size:16px;line-height:24px;margin-top:25%}
#frame3 .prolist .item:hover .txt .link{opacity:1;top:0;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
}

#frame4{background-color:#004d94;padding-top:40px;padding-bottom:40px;}
#frame4 .cont{text-align:center;}
#frame4 .cont h3{color:#ffffff;display:inline-block;font-size:20px;font-weight:600;margin:0;text-transform:uppercase;letter-spacing:2px;}
#frame4 .cont .link{background:#ffffff none repeat scroll 0 0;border:2px solid #ffffff;color:#004d94;display:inline-block;font-size:16px;font-weight:700;margin-left:100px;padding:5px 20px;text-decoration:none;border-radius:30px;}
@media screen and (min-width:768px) and (max-width:991px) {
    #frame4 .cont h3{font-size:16px;}
    #frame4 .cont .link{margin-left:20px;}
}
@media (max-width:767px) {
    #frame4 .cont .link{margin-left:0;margin-top:30px;}
}

#frame5{}
#frame5 .item .img{border:1px solid #eaeaea;}
#frame5 .item h3{font-size:14px;line-height:20px;height:20px;overflow:hidden;margin-top:15px;margin-bottom:15px;font-weight:bold;}
#frame5 .item p{font-size:14px;line-height:20px;height:60px;margin-bottom:15px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#frame5 .item .link{border:1px solid #444;border-radius:30px;color:#444;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;margin-top:10px;padding:5px 20px;text-align:center;text-transform:uppercase;transition:all 0.4s ease 0s;}
#frame5 .item .link:hover{border: 1px solid #004d94;color: #fff;background-color:#004d94;}
@media (max-width:767px) {
    #frame5 .item{margin-bottom:30px;}
}

#friendLinkImg{overflow:hidden;}
#friendLinkImg .friendLinkImg li{float:left;width:16.66%;padding:10px;}


footer{background-color:#333333;}
footer dl{ margin-top:40px; margin-bottom:10px;}
footer dl dt{ color:#ffffff; font-size:24px;line-height:20px; margin-bottom:15px;}
footer dl dd{ padding:3px 0;color:#bbbbbb; font-size:13px; line-height:24px;}
footer dl dd.wechat img{width:120px;}
footer dl dd a{ color:#bbbbbb; font-size:14px; line-height:18px; display:inline-block;}
footer dl dd a:hover{ color:#66b7fc;}
footer dl dd p{margin:3px 0;}
#fck4 .sharelist>a{display:inline-block;width:30px;height:30px;margin:0 8px 8px 0;text-align:center;transition:0s;}
#fck4 .sharelist>a>i{font-size:20px;width:30px;height:30px;line-height:30px;color:#333333;display:block;border-radius:50%;background-color:#ffffff;transition:0s;}
#fck4 .sharelist>a>i:before{transition:0s;}
#fck4 .sharelist>a>.fa-youtube:hover{background-color:#e13138;color:#ffffff;}
#fck4 .sharelist>a>.fa-facebook:hover{background-color:#3b5998;color:#ffffff;}
#fck4 .sharelist>a>.fa-twitter:hover{background-color:#00abf1;color:#ffffff;}
#fck4 .sharelist>a>.fa-google-plus:hover{background-color:#d0422a;color:#ffffff;}
#fck4 .sharelist>a>.fa-tumblr:hover{background-color:#44556b;color:#ffffff;}
#fck4 .sharelist>a>.fa-pinterest-p:hover{background-color:#ca2127;color:#ffffff;}
#fck4 .sharelist>a>.fa-linkedin:hover{background-color:#0083be;color:#ffffff;}
#fck4 .sharelist>a>.fa-instagram:hover{background-color:#ad3396;color:#ffffff;}
#fck4 .sharelist>a>.fa-whatsapp:hover{background-color:#0faf0a;color:#ffffff;}

#foot_by{padding:15px 0 10px;background-color:#4a4647;}
#foot_by p{color:#bbbbbb;font-size:14px;}
#foot_by a{color:#bbbbbb;font-size:14px;}
#foot_by p>a{float:right;margin-left:5px;}
#foot_by a:hover{text-decoration:underline;}
#friendLink .friendLink{padding:20px 0;display:block;overflow:hidden;border-top:1px solid #888888;}
#friendLink span{float:left;font-size:16px;margin-right:10px;color:#999999;line-height:24px;}
#friendLink li{float:left;margin-right:10px;}
#friendLink li a{color:#999999;display:inline-block;line-height:24px;font-size:14px;}
#friendLink li a:hover{text-decoration:underline;}
footer .copy_by {color:#bbb;padding:10px 0;background-color:#444;}
footer .copy_by .copy{float:right;}
footer .copy_by a{color:#bbb;}
@media screen and (min-width:768px) and (max-width:991px) {
    #foot_by p>a{float:none;margin:0 0 0 6px;}
}
@media screen and (min-width:1px) and (max-width:767px) {
    footer{padding-bottom:50px;padding-top:0;}
    #foot_by{margin-top:0;}
    #foot_by p>a{float:none;margin:0 0 0 6px;}
}

/*手机底部导航*/
#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:12px;}
#mobMenu .foot_nav span {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%;}

#mobShare{position:fixed;bottom:0;width:100%;z-index:1110;display:none;}
#mobShare .txt{margin:0 10px;border-radius:2px;background-color:#f5f5f5;}
#mobShare h3{border-bottom:1px solid #ccc;padding:10px;text-align:center;font-size:20px;}
#mobShare .box{overflow-x:scroll;}
#mobShare ul {overflow-x:auto;padding:15px 0;height:110px;overflow-y:hidden;}
#mobShare ul li{float:left;display:block;width:80px;height:80px;text-align:center;}
#mobShare ul li a{display:inline-block;}
#mobShare ul li i{width:50px;height:50px;display:block;line-height:50px;font-size:50px;}
#mobShare ul li i.fa-facebook-square{color:#3b5998;}
#mobShare ul li i.fa-twitter-square{color:#00abf1;}
#mobShare ul li i.fa-google-plus-square{color:#d0422a;}
#mobShare ul li i.fa-tumblr-square{color:#44556b;}
#mobShare ul li i.fa-pinterest-square{color:#ca2127;}
#mobShare ul li i.fa-linkedin-square{color:#0083be;}
#mobShare .bdsharebuttonbox {overflow-x:auto;padding:15px 0;height:90px;overflow-y:hidden;}
#mobShare .bdsharebuttonbox li{width:80px;height:80px;}
#mobShare .bdsharebuttonbox li a{display:block;margin:0 auto;float:none;}
#mobShare .bdsharebuttonbox li span{display:block;text-align:center;margin-top:5px;}
#mobShare .share_btn{margin:10px;}
#mobShare .share_btn button{width:100%;background-color:#e6e6e6;text-align:center;font-size:16px;line-height:40px;height:40px;border:none;border-radius:2px;}
.sharebg{background-color: rgba(0, 0, 0, 0.6);bottom: 0;height: 100%;left: 0;opacity: 0;position: fixed;right: 0;top: 0;width: 100%;z-index: 1100;display: none;}
.sharebg-active {opacity: 1;display: block;}

/*右侧浮动框*/
#pcFloat.on {width: 250px;}
#pcFloat.on .top-list li span{left:25px;}
#pcFloat.on .top-list li .wechat{position: static;}
#pcFloat.on .top-list li .wechat img{display: block;margin:3px 0 0px 25px;float:left;}
#pcFloat {width: 50px;position: fixed;right: 0;top: 50%;margin-top: -127px;background-color: #004d94;z-index: 1000;transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-o-transition: width 0.3s ease 0s;}
#pcFloat .top-list {width: 100%;}
#pcFloat .top-list li {width: 100%;min-height:50px;border-bottom: 1px solid #fff;}
#pcFloat .top-list li:last-child{border-bottom:none;}
#pcFloat .top-list a {display: block;width: 100%;overflow:hidden;position: relative;}
#pcFloat .top-list span {display: inline-block;z-index: 1;width: 222px;font-size: 14px;line-height: 50px;color: #fff;padding-left:25px;}
#pcFloat .top-list a>i.fa{display: inline-block;width: 49px;height: 49px;position: absolute;right: 0;top: 0;line-height:49px;font-size:21px;text-align:center;color:#fff;z-index:1;background-color:#004d94}
#pcFloat .top-list a>i.fa-ali svg{display: block;margin: 0 auto;line-height: 49px;height: 49px;}
#pcFloat .top-list li:hover{background-color:#fff;}
#pcFloat .top-list li:hover span{color:#333;}
#pcFloat .top-list li:hover a>i{color:#004d94;background-color:#fff}
#pcFloat .top-list li:hover a>i.fa-ali path{fill:#004d94;}
#pcFloat .top-list .wechat img{display:none;}
#pcFloat.on .top-list .wechat img{display:inline-block;padding:3px;}

/*内页*/
#ntframe{padding-bottom:0;}

#bar img{ width:100%; height:auto;}
#main{padding-bottom:50px;}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #ntframe{ padding:0px;}
    #main{ margin:0px; }
#pcFloat{display:none;}
}

/*面包屑*/
#location{ margin-top:20px;text-transform:capitalize;}
#location h2{ font-size:30px; text-align:center;font-weight:bold;}
#location p{ font-size:14px; line-height:35px;}
#location p span.fa-home{font-size:18px;}
#location em{ display:block; height:1px; background:#ccc;}

@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #location{ text-align:left;}
    #location h2{ font-size:24px;}
    #location p{ display:block;}
}


/*关于我们*/
.aboutframe{background:#fff; padding-top:25px; padding-bottom:50px;}
.aboutframe2{background:#f0f0f0;}

.abouttit{ margin-top:25px;}
.abouttit span{width:9px;height:9px;background-color:#004d94;display:block;margin:8px auto;position:relative;border-radius:50%;}
.abouttit span:before{content:"";position:absolute;left:30px;top:4px;width:100px;height:1px;background-color:#333;}
.abouttit span:after{content:"";position:absolute;right:30px;top:4px;width:100px;height:1px;background-color:#333;}
.aboutPic{}
.aboutcontent{ margin-top:30px;}
.aboutcontent .img img{width:100%;}
#about_work{ background:url(../image/workshop_bg.jpg) no-repeat center top fixed; background-size:cover;}
#about_work h2{color:#ffffff;}
#about_work .abouttit span{background-color:#ffffff;}
#about_work .abouttit span:before{background-color:#ffffff;}
#about_work .abouttit span:after{background-color:#ffffff;}
.abpcp .thumbnail{ overflow:hidden;}
.abpcp h4{font-size:14px; line-height:35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}




/*内容主体*/
#content{ margin-top:10px; overflow:hidden;padding-bottom:10px;}
#content img{ max-width:100%;}
#content_remark{}
#content .btn-info{background-color:#004d94;border-color:#004d94;}
#content .btn-info:hover{opacity:0.8;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #content h2{ font-size:16px; font-weight:bold;}
}

#pagebg{box-shadow:0 0 15px #888;padding-bottom:30px;}
/*左侧栏目*/
#left_nav{padding-top:25px;position:sticky; top: 0;}
#left_menu{background-color:#004d94;padding:15px;}
.lbt h3{line-height:50px;font-size:26px;color:#fff;margin-bottom:10px;}
.lbt h3 .caret{display:none;}
.lmb{}
.lmb ul li:not(:last-child) { border-bottom:1px dashed #fff;}
.lmb ul li a{  display:block; padding:15px 20px; font-size:16px; text-transform:capitalize; background:#fff;color:#333;}
.lmb ul li a:before{content: "\f260";font-family: "FontAwesome";margin-right: 5px;}
.lmb ul li a.hover,.lmb ul li a:hover{color:#004d94;}
#left_content{background-color:#004d94;padding:15px;margin-top:25px;}
#left_content h3{line-height:50px;font-size:26px;color:#fff;margin-bottom:10px;text-align:center;}
.left_contact{background-color:#fff;padding:10px;line-height:26px;font-size:14px;}
.left_contact i{width:16px;text-align:center;display:inline-block;font-size:16px;}
.left_contact span{font-weight:bold;}
@media screen and (min-width:768px ) and (max-width:991px)
{
    #left_nav{margin-top:15px;position:relative;top:0;}
    #left_menu{padding:10px 15px;}
    .lbt h3{line-height:36px;font-size:24px;margin:0;}
    .lbt h3 .caret{display:inline-block;}
    .lmb ul li{display:none;}
    #lnr>ul>li:first-child{margin-top:10px;}
    .lmb ul li a{padding:10px 15px;font-size:14px;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #left_nav{margin-top:15px;position:relative;top:0;}
    #left_menu{padding:10px 15px;}
    .lbt h3{line-height:36px;font-size:24px;margin:0;}
    .lbt h3 .caret{display:inline-block;}
    .lmb ul li{display:none;}
    #lnr>ul>li:first-child{margin-top:10px;}
    .lmb ul li a{padding:10px 15px;font-size:14px;}
}

/*左右滚动按钮*/
/*.owl-carousel .owl-controls .owl-buttons{}
.owl-carousel .owl-controls .owl-buttons>div{background-color:#004d94;width:30px;height:80px;line-height:80px;padding:0;font-size:40px;border-radius:0;position:absolute;top:30%;}
.owl-carousel .owl-controls .owl-buttons>.owl-next{right:15px;}
.owl-carousel .owl-controls .owl-buttons>.owl-prev{left:15px;}
.owl-carousel .owl-controls .owl-buttons>div:hover{opacity:1;}*/

/*产品总页*/

/*产品分类列表*/
.capcp {padding:0 15px;}
.capcp .thumbnail{margin-bottom:30px;padding:0;background-color:#f8f8f8;border-left:none;border-right:none;border-radius:0;}
.capcp .thumbnail:hover{background-color:#f0f0f0;}
.capcp .cate_hot_img{float:right;width:33.33%;overflow:hidden; text-align:center;}
.capcp .cate_hot_img img{ width:100%; height:auto;}
.capcp .cate_hot_info{float:left;width:66.66%;padding:10px 50px 0px 50px;}
.capcp .cate_hot_info h3{ font-size:24px; height:36px; line-height:36px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.capcp .cate_hot_info em{ border-bottom:solid 1px #dfdfdf; height:2px; margin-top:5px; margin-bottom:5px;width:150px;display:block;}
.capcp .cate_hot_info p{ font-size:14px; line-height:24px;color:#666;  margin-bottom:5px; height:48px; overflow:hidden;}
.capcp:nth-child(odd) .cate_hot_img{float:left;}
.capcp:nth-child(odd) .cate_hot_info{float:right;}
#secondCate {margin:10px -10px 0;}
#secondCate .thumbnail{padding:0 10px;border:none;margin-bottom:0;background-color:transparent;}
#secondCate .thumbnail h5{font-size:14px;line-height:24px;text-align:center;margin-top:10px;text-transform:capitalize;margin-bottom:10px;height:24px;overflow:hidden;}
@media screen and (min-width:768px ) and (max-width:991px) {
    .capcp .cate_hot_info{padding:10px 30px;}
    .capcp .cate_hot_info p{display:none;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    .capcp .cate_hot_img{height:auto; overflow:hidden; text-align:center;}
    .capcp .cate_hot_img{  width:100%;float:none;}
    .capcp .cate_hot_img img{width:100%;}
    .capcp .cate_hot_info{width:100%;float:none;padding:10px 15px;font-size:18px;}
    .capcp .cate_hot_info h3{text-align:center;font-size:18px;height:30px;}
    .capcp .cate_hot_info em{display:none;}
    .capcp .cate_hot_info p{text-align:center;}
    .capcp .cate_hot_info #secondCate{display:none!important;}
}

/*产品列表*/
.ppcp {padding:0 15px;width:25%;float:left;margin-bottom:20px;}
.ppcp .thumbnail{ margin:0px;padding:0;border:none;border-radius:0;padding-bottom:20px; border:solid 1px #eaeaea;}
.ppcp .pptp{padding:0px; overflow:hidden; text-align:center;}
.ppcp .pptp img{  width:100%;height:auto;}
.ppcp .ppwz {padding:10px; border-top:solid 1px #eaeaea;}
.ppcp .ppwz h4{ font-size:16px; color:#333;font-weight:bold;text-transform:capitalize; margin:0 0 5px; line-height:24px; height:48px;overflow: hidden;}
.ppcp .ppwz p{ color:#333; font-size:12px; line-height:24px; height:48px; font-family:Arial; text-transform:capitalize;overflow: hidden;}
.ppcp .ppwz a.link{font-size:12px;line-height:24px;text-decoration:underline;color:#333;}
.ppcp .thumbnail:hover{background-color:#004d94;}
.ppcp .thumbnail:hover h4{color:#fff;}
.ppcp .thumbnail:hover p{color:#fff;}
.ppcp .thumbnail:hover a.link{color:#fff;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    .ppcp{margin-bottom:15px;width:50%;}
    .ppcp .thumbnail{padding-bottom:15px;}
    .ppcp .pptp{height:auto; overflow:hidden; text-align:center;}
    .ppcp .pptp img{  width:100%; height:auto;}
    .ppcp .ppwz{padding:10px 10px 0;}
    .ppcp .ppwz h4{font-size:12px; line-height:20px;height:40px;overflow:hidden;margin:0;}
}

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

    #pro_feed_show{ padding:0px 0;}
}


/*产品最终页*/
#proRemark{padding:30px 25px;box-shadow:0 0 15px #888;margin-top:15px;}
.rtp{ width:100%; height:auto; }
.rtp a{ float:left; width:100%; height:auto;box-shadow:20px 20px 20px -20px #999; }
.rtp a img{ float:left; width:100%; height:auto; border: solid 1px #c8c8c8;}
#rtp_small_img{ float:left; width:100%; padding:0 10%;}
#rtp_small_img a{ float:left; padding:4% 2%;}
#rtp_small_img a img{ float:left; width:98%; height:auto;border: solid 1px #c8c8c8;}
.rms h1{ font-size:24px;font-weight:bold;line-height:36px;margin-top:20px;}
.rms p{font-size:16px; line-height:30px; margin-top:25px;}
.pro_online{ margin-top:10px;}
.pro_online h3{padding:0 15px;margin-top:15px;font-weight:bold;}
.pro_online .lxfs{font-size:14px;line-height:24px;margin:10px 0 5px;}
.pro_online .btn{ width:150px; overflow:hidden; margin-top:15px; text-align:left; font-size:16px;}


.pro_online .sharelist{margin-top:20px;}
.pro_online .sharelist a{}
.pro_online .sharelist a{margin-right:5px;}
.pro_online .sharelist a i{display:inline-block;font-size:24px;line-height:36px;color:#fff;width:36px;height:36px;text-align:center;border-radius:50%;}
.pro_online .sharelist a:hover{opacity:0.6;}
.pro_online .sharelist a>.fa-facebook{background-color:#3b5998;}
.pro_online .sharelist a>.fa-twitter{background-color:#00abf1;}
.pro_online .sharelist a>.fa-google-plus{background-color:#d0422a;}
.pro_online .sharelist a>.fa-tumblr{background-color:#44556b;}
.pro_online .sharelist a>.fa-pinterest-p{background-color:#ca2127;}
.pro_online .sharelist a>.fa-linkedin{background-color:#0083be;}
.pro_online .sharelist a>.fa-whatsapp{background-color:#00ae12;}
.pro_online .sharelist a>.fa-instagram{background-color:#ad3396;}
.pro_online .sharelist a>.fa-youtube{background-color:#e13138;}
.pro_online .sharelist a>.fa-skype{background-color:#00adef;}
/*产品详情页小图滚动*/
#rtp_small_img .owl-controls .owl-buttons>div{background-color:#004d94;width:6%;height:85%;font-size:40px;top:0;margin:5px 0;position:absolute;border-radius:0;}
#rtp_small_img .owl-controls .owl-buttons>div>i.fa{display:block;padding-top:30px;color:#fff;}
#rtp_small_img .owl-controls .owl-buttons>.owl-next{right:0;}
#rtp_small_img .owl-controls .owl-buttons>.owl-prev{left:0;}
#rtp_small_img .owl-controls .owl-buttons>div:hover{opacity:1;}
#rtp_small_img .clickable{display:block!important;}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #proRemark{padding:15px 0;}
    
    #rtp_small_img{margin-top:10px;}
    #rtp_small_img .owl-controls .owl-buttons>div>i.fa{padding-top:40%;}
    
    #myTab h4{font-size:16px;}
    #myTab li{float:none;display:block;}
    #myTab li a{border:none;border-radius:0;}
    #myTab li.active a{background-color:#eee;}
}


/*相关产品列表*/
.pro_capcp .cate_hot_img{height:160px; overflow:hidden; text-align:center;}
.pro_capcp .cate_hot_img img{  width:auto; height:100%;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
.pro_capcp .cate_hot_img{height:auto; overflow:hidden; text-align:center;}
.pro_capcp .cate_hot_img img{  width:100%; height:auto;}
}
.pro_capcp .hot_info h3{ font-size:14px; text-align:center; margin-top:10px; height:25px; line-height:25px; overflow:hidden;}
.pro_capcp .hot_info em{ border-bottom:solid 1px #eaeaea; height:1px; display:block; margin-top:5px; margin-bottom:5px;}
.pro_capcp .hot_info p{ font-size:12px; line-height:20px;  margin-bottom:5px; height:60px; overflow:hidden;}

#pro_detail{ margin-top:45px;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #pro_detail #detail strong{ font-size:12px; font-weight:bold;display:inline-block;line-height:1.4 !important;font-size:12px !important;}
    #pro_detail #detail span {display:inline-block;line-height:1.4 !important;font-size:12px !important;}
    #pro_detail #detail tr{display:flex;justify-content:space-between;}
    #pro_detail #detail td{padding:0 2px;margin:0;flex:1;}
    #pro_detail #detail img{max-width:100%;height:auto!important;}
    #pro_detail #detail li{margin-left:0!important;}
    #pro_detail #detail *{max-width:100%!important;}

    #detail .table-responsive table{}
}


#myTabContent,#contact{ margin-top:15px;}
#inquiry,#RelatedProduct {padding-top:40px;}
#inquiry h2{text-align:center;margin-bottom:20px;}
#inquiry p{ font-size:15px; margin-top:15px;}
#pro_feed_show,#relate_pro{  margin-top:15px;}
#pro_feed_show label{ font-size:14px;}


/*关键词样式*/

.taglist{ font-size:14px;}
.taglist a:hover{ text-decoration:underline; color:#004d94;}

.taglist_show strong{ display:block; font-size:18px; color:#333; border-bottom:dashed 1px #004d94; line-height:35px;}
.taglist_show strong b{font-size:18px; color:#004d94;}
.taglist_show{}
.taglist_show .row{ margin-top:15px; text-align:center;}
.taglist_show .row h4{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.taglist_show .row .ptp_img{overflow:hidden;}
.taglist_show .row .ptp_img img{ width:100%;}



#right_nav{margin:25px 0;background-color:#f8f8f8;}
#right_nav>#location{margin-top:10px;}
@media screen and (min-width:1px ) and (max-width:767px) {
    #right_nav{margin:15px 0;}
}

/*新闻列表*/
#newslist {}
#newslist img{ width:100%;border: 1px solid #dedede;}
#newslist span{ color:#999;}
#newslist .list-group{margin:5px 15px 15px;overflow:hidden;border:1px solid transparent;background-color:#f9f9f9;}

#newslist .list-group .media-img{overflow:hidden;width:15%;float:left;}
#newslist .list-group .media-img .pull-left {}
#newslist .media-body{width:85%;float:left;padding-left:20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#newslist .media-body h4{ font-size:16px;line-height:24px; font-weight:bold;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:15px;}
#newslist .media-body span{display:none;}
#newslist .media-body p{ font-size:14px; line-height:24px;color:#666;height:48px;overflow:hidden;margin:0;}
#newslist .media-body a.link{font-size:14px;line-height:24px;text-decoration:underline;display:inline-block;margin-top:10px;}

#newslist .list-group:hover{border:1px solid #004d94;background-color:#004d94;}

#newslist .list-group:hover a{color:#fff;}
#newslist .list-group:hover p{color:#fff;}

#news_tit{ padding-bottom:15px; margin-top:30px;}
#news_tit h1{ font-size:23px;}
#news_tit p{ margin-top:10px; border-bottom:dashed 1px #ccc; padding-bottom:15px;}
#news_tit i{color:#004d94;}
#news_detail,#RelatedNews{ margin-top:15px;}
#news_detail iframe{ width:100%; height:500px;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #newslist .list-group{width:50%;float:left;margin:0;padding:15px;}
    #newslist .list-group .media-img{width:100%;margin-bottom:10px;}
    #newslist .media-body{width:100%;padding:0;}
    #newslist .media-body a.link{margin-top:5px;}

    #news_detail iframe{ width:100%; max-height:200px;}
    #news_detail img{max-width:100%;height:auto;}
}


#RelatedNews li{ font-size:14px; line-height:25px;}




/*图片列表*/
.thumbnail img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.cpcp {width:25%;float:left;padding:0 15px;}
.cpcp .cptp{ overflow:hidden; text-align:center;}
.cpcp .ceptp{overflow:hidden; text-align:center;}
.cpcp .cptp img{  width:auto; height:auto;}

@media screen and (min-width:1px ) and (max-width:767px)
{ 
.cpcp {width:50%;}
.cpcp .cptp{height:auto; overflow:hidden; text-align:center;}
.cpcp .cptp img{  width:100%; height:auto;}
}

.cpwz{ height:25px; margin:10px auto 0px auto; line-height:25px; overflow:hidden;}
.cpwz h5{ font-size:14px; color:#666;}


/*视频*/
.vpcp {float:left;padding:0 15px;}
.vpcp .vptp{overflow:hidden; text-align:center;}
.vpcp .vptp img{  width:auto; height:auto;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
.vpcp .vptp{height:auto; overflow:hidden; text-align:center;}
.vpcp .vptp img{  width:100%; height:auto;}
}
.vpcp .vpwz h3{ font-size:14px; text-align:center; margin-top:10px; margin-bottom:5px; height:25px; line-height:25px; overflow:hidden;}
.play_bt{width:40px;height:40px;position:absolute;left:40%;top:30%;display:block;background-position:center 0;background-repeat:no-repeat;z-index:2;}


.tit span{width:9px;height:9px;background-color:#004d94;display:block;margin:8px auto;position:relative;border-radius:50%;}
.tit span:before{content:"";position:absolute;left:30px;top:4px;width:100px;height:1px;background-color:#333;}
.tit span:after{content:"";position:absolute;right:30px;top:4px;width:100px;height:1px;background-color:#333;}
/*联系方式*/
#contact_show{margin-bottom:80px;}
#contact_show .tit{margin-bottom:50px;text-align:center;}
#contact_show .tit h2{font-size:30px;line-height:42px;font-weight:bold;margin-bottom:5px;}
#contact_show p{font-size:14px;line-height:24px;color:#666;width:80%;}
#contact_show .item{text-align:center;padding:50px 0;margin:0 30px;border:1px solid #ccc;border-radius:5px;}
#contact_show .item .img{background-color:#004d94;color:#fff;width:100px;height:100px;border-radius:50%;margin-bottom:25px;}
#contact_show .item .img i{font-size:40px;line-height:100px;}
#contact_show .txt h4{font-size:18px;line-height:24px;margin-bottom:5px;}
#contact_show .txt p{width:80%;height:96px;overflow:hidden;}
#contact_show .txt p i{font-size:18px;}
#contact_show .txt a.link{height:40px;width:180px;line-height:40px;font-size:18px;border:1px solid #004d94;color:#004d94;text-align:center;display:inline-block;border-radius:4px;}
#contact_show .txt a.link:hover{background-color:#004d94;color:#fff;}
@media screen and (min-width:768px ) and (max-width:991px) {
    #contact_show .item{margin:0;padding:30px 0;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #contact_show{margin-bottom:30px;}
    #contact_show .tit{margin-bottom:25px;}
    #contact_show .tit h2{font-size:24px;line-height:36px;}
    #contact_show p{}
    #contact_show .item{margin-bottom:25px;}
}

/*留言反馈*/
#feedback{}
#feedback .tit{margin-bottom:35px;}
#feedback .tit h2{font-size:30px;line-height:42px;font-weight:bold;text-align:center;}
#feedback_from{margin:15px -15px;overflow:hidden;}
#feedback_from .group{overflow:hidden;}
#feedback_from .group label{line-height:28px;text-align:right;font-size:16px;}
#feedback_from .group span{display:inline-block;width:80px;font-size:14px;line-height:24px;text-align:right;margin-right:10px;}
#feedback_from .group .form-control{height:42px;}
#feedback_from .group input{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:8px;line-height:24px;margin-bottom:20px;border-radius:4px;}
#feedback_from .group textarea{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:4px 5px;line-height:24px;resize:none;margin-bottom:20px;vertical-align:top;height:108px;border-radius:4px;}
#feedback_from .btn{width:100%;height:50px;line-height:38px;font-size:18px;font-weight:bold;background-color:#004d94;color:#fff;}
#feedback_from .btn:hover{opacity:0.8}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #feedback .tit{margin-bottom:25px;}
    #feedback .tit h2{font-size:24px;line-height:36px;}
}

#downtable .download{width:15px;border-radius:0;border:none;margin-right:5px;}
#downtable {text-transform:capitalize;width:calc(100% - 30px);margin:0 auto;}
#downtable>tbody>tr:nth-child(2n){background-color:#fff;}



/*网站地图*/
#mapContent{ margin-top:30px;}
#sitemapnav {}
#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;}
#sitemapnav .bigli a:hover {color:#004d94;}
#sitemapnav .abli_02{ float:left;width:33.33%;padding-left:3%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#004d94;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:100%;padding-left:3%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:100%;padding-left:5%;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:#004d94;}
#sitemapnav .PROclass_02 a:hover{ color:#004d94;}

#sitemapnav .PROclass_03 { float:left;width:50%;padding-left:7%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ color:#004d94;}
#sitemapnav .PROclass_04 { float:left;width:50%;padding-left:9%;display:inline;}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:100%;}
    #sitemapnav .PROclass_03{width:100%;padding-left:10%;}
    #sitemapnav .PROclass_04 {width:100%;padding-left:10%;}
}