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:#2e4e8e}
img{max-width:100%}
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}
@font-face {
    font-family: 'Cuprum-Regular';
    src: url('/Template/Default016/fonts/Cuprum-Regular/Cuprum-Regular.eot');
    src: url('/Template/Default016/fonts/Cuprum-Regular/Cuprum-Regular.eot?#iefix') format('embedded-opentype'),
         url('/Template/Default016/fonts/Cuprum-Regular/Cuprum-Regular.woff2') format('woff2'),
         url('/Template/Default016/fonts/Cuprum-Regular/Cuprum-Regular.woff') format('woff'),
         url('/Template/Default016/fonts/Cuprum-Regular/Cuprum-Regular.ttf') format('truetype'),
         url('/Template/Default016/fonts/Cuprum-Regular/Cuprum-Regular.svg#Cuprum-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3,h4,h5,b,strong,dt{font-family: Cuprum-Regular,Arial;}

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

.no-padding{padding:0}

/*开始*/
header{background-color:transparent;background-color:#ffffff;z-index:11;}
.headerfix{border-bottom:1px solid #cccccc;position:fixed;top:0;width:100%;}
#mynav{background-color:Transparent;border-width:0px;margin:0;z-index:2;}
#mynav .logo{display:block;}
#mynav .logo img{margin-left:50px;}
#mynav .nav>li>a{padding:20px 30px;font-size:16px;font-weight:bold;color:#333333;} 
#mynav .nav>li.active>a{color:#2e4e8e;background-color:transparent;}
#mynav .nav>li:hover>a{color:#2e4e8e;background-color:transparent;}

#mynav .nav li ul.dropdown-menu{background-color:#2e4e8e;border-radius:0;}
#mynav .nav li ul.dropdown-menu > li > a{padding:8px 15px;font-size:14px;color:#ffffff;}
#mynav .nav li ul.dropdown-menu > li > a:hover{color:#2e4e8e;background-color:#ffffff;}

#search{display:inline-block;position:relative;margin-top:13px;margin-left:15px;margin-right:50px;}
#search a{display:inline-block;width:33px;height:33px;line-height:33px;font-size:21px;cursor:pointer;text-align:center;color:#333333;}
#sform {height: 32px;width: 182px;border: 1px solid #2e4e8e;position:absolute;right:0;top:33px;display:none;z-index:100}
#sform #stext {float: left;height: 30px;line-height: 30px;padding-left: 10px;width: 150px;border:none;color:#2e4e8e;}
#sform #sbut {border: 0 none;cursor: pointer;float: right;height: 30px;width: 30px;color:#2e4e8e;background:#ffffff;font-size:16px;}
#example-navbar-collapse{margin-top:18px;}

.sidebar-nav{position:initial;}
.sidebar-nav li:not(:first-child)::before{background-color:#2e4e8e;}
.sidebar-nav .dropdown-menu li:first-child a{background-color:transparent;}
.sidebar-nav .dropdown-menu li:before{background-color:#2e4e8e;}
.sidebar-nav li a{text-transform:capitalize;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (min-width:992px) and (max-width:1230px)
{
    #mynav .logo img{max-width:200px;margin-left:15px;}
    #mynav .nav>li>a{padding:20px 15px;font-size:15px;}
    #mynav .nav li ul.dropdown-menu>li>a{padding:6px 15px;}
    #search{margin-right:0;}
}
@media screen and (min-width:768px) and (max-width:991px){
    #mynav .logo img{max-width:160px;margin-left:10px;}
    #mynav .nav>li>a{padding:15px 7px;font-size:13px;}
    #mynav .nav li ul.dropdown-menu>li>a{padding:6px 10px;font-size:13px;}
    
    #search{margin-right:0;margin-top:10px;}
}
@media (min-width:768px) {}
@media (max-width:767px)
{
    header{position:relative;}
    #mynav .logo{width:200px;}
    #mynav .logo img{max-height:60px;margin-left:15px;}

	#mynav .hamburger { position:absolute; z-index:100; top:0;margin-top:10px;}
    #mynav .hamburger>span{background-color:#2e4e8e;z-index:1}
    #mynav .hamburger.is-open span{background-color:#ffffff;}
    #wrapper .logo{height:65px;padding:0;}
    #wrapper img{max-width:100%;max-height:100%;display:block;margin:0 auto;}
    #wrapper .nav>.sidebar-brand>a{background-color:#ffffff;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: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:#cccccc;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:260px;overflow:hidden;}

/*banner图切换*/
#bframe{ display:block;}
#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;box-shadow:none;}
#bframe .carousel-control:hover{background-color:#2e4e8e;border-color:#2e4e8e;}
#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:#2e4e8e;}
#bframe .carousel-indicators li:hover{background: #fff none repeat scroll 0 0;  border-color: #2e4e8e;
  -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;}
}
/*面包屑*/
#bframe{position:relative;}
.crumbs{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%);}
.crumbs h3{ font-size:50px; color:#ffffff; text-transform:uppercase; text-shadow:0px 3px 2px #cccccc;}
.crumbs p{ font-size:18px; color:#ffffff; text-shadow:0px 3px 2px #cccccc;}
.crumbs p a{ color:#ffffff;}
@media screen and (min-width:1px ) and (max-width:767px)
{
	.crumbs h3{ font-size:18px;}
	.crumbs p{ font-size:14px;}
}

.frame{padding-top:50px;padding-bottom:50px;}
.index_title{margin-bottom:50px;text-align:center;}
.index_title h2{font-size:40px;font-weight:600;margin-bottom:10px;position:relative;}
@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{}
#frame1 .item{width:33.33%;float:left;}
#frame1 .service{margin-bottom:30px;margin-left:15px;margin-right:15px;text-align:center;}
#frame1 .service .img{padding:5px;}
#frame1 .service .img img{margin-top:10px;width:60px;height:60px;}
#frame1 .service .img a{display:inline-block;width:80px;height:80px;box-shadow:0 0 0 3px #2e4e8e;line-height:75px;font-size:45px;cursor:pointer;border-radius:50%;text-align:center;position:relative;text-decoration:none;z-index:1;color:#fff;-webkit-transition:box-shadow .2s;-moz-transition:box-shadow .2s;transition:box-shadow .2s}
#frame1 .service .img a:after{top:-3px;left:-3px;padding:0;z-index:10;border:3px dashed #2e4e8e;position:absolute;width:100%;height:100%;border-radius:50%;content:'';-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
#frame1 .service .img a:before{speak:none;font-size:40px;line-height:80px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;display:block;-webkit-font-smoothing:antialiased}
#frame1 .service .img a:hover{box-shadow:0 0 0 0 rgba(255,255,255,0);color:#fff}
#frame1 .service .img a:hover:after{-webkit-animation:spinAround 9s linear infinite;-moz-animation:spinAround 9s linear infinite;animation:spinAround 9s linear infinite}
@-webkit-keyframes spinAround{
    from{-webkit-transform:rotate(0)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes spinAround{
    from{-moz-transform:rotate(0)}
    to{-moz-transform:rotate(360deg)}
}
@keyframes spinAround{
    from{transform:rotate(0)}
    to{transform:rotate(360deg)}
}
#frame1 .service .txt h5{font-size:18px;color:#2e4e8e;margin:20px 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#frame1 .service .txt p{font-size:14px;color:#636262;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:768px) and (max-width:991px) {
}
@media (max-width:767px){
#frame1 .item{width:100%;float:none;}
}

#frame2{background-color:#282929;}
#frame2 .index_title h2{color:#ffffff;}
#frame2 .aboutcont{background-color:#ffffff;padding:30px 15px;}
#frame2 .cont{font-size:15px;color:#636262;line-height:28px;height:308px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 11;-webkit-box-orient: vertical;}
#frame2 .aboutimg img{width:100%;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
    #frame2 .aboutcont{margin:0;padding:15px 0;}
}

#frame3{}
#frame3 .prolist .item{width:33.33%;float:left;padding-left:15px;padding-right:15px}
#frame3 .prolist .thumbnail{border:1px solid #eaeaea;position:relative;overflow:hidden;margin-bottom:30px;border-radius:0;padding:0;}
#frame3 .prolist .thumbnail .img img{width:100%;}
#frame3 .prolist .thumbnail .txt{}
#frame3 .prolist .thumbnail .txt>a{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 .thumbnail .txt h5{color:#dddddd;font-size:24px;line-height:30px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:25%}
#frame3 .prolist .thumbnail:hover .txt>a{opacity:1;top:0;}
@media screen and (min-width:992px) and (max-width:1230px){
}
@media screen and (min-width:768px) and (max-width:991px) {
    #frame3 .cont{margin-top:15px;}
}
@media screen and (min-width:1px) and (max-width:767px) {
    #frame3 .cont{margin-top:15px;margin-bottom:15px;}
    #frame3 .prolist .item{width:100%;}
}

#frame4{padding-top:100px;padding-bottom:100px;position:relative;}
#frame4 .v-overlay{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.4);}
#frame4 h2{color:#ffffff;position:relative;z-index:0;text-align:center;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px) {
    #frame4{display:none;}
}

#frame5{}
#frame5 .item{background-color:#2e4e8e;width:50%;float:left;}
#frame5 .thumbnail{padding:0;border:none;border-radius:0;}
#frame5 .thumbnail .img{width:50%;float:left;overflow:hidden;}
#frame5 .thumbnail .img img{width:100%;}
#frame5 .thumbnail .date{display:none;}
#frame5 .thumbnail .txt{width:50%;float:left;padding:10% 15px;}
#frame5 .thumbnail .txt h5{font-size: 24px;line-height:30px;height:60px;color: #fff;margin-bottom: 10px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#frame5 .thumbnail .txt p{font-size: 16px;color: #fff;line-height: 24px;height:72px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
#frame5 .item:nth-child(3) .img{float:right;}
#frame5 .item:nth-child(4) .img{float:right;}
@media screen and (min-width:768px) and (max-width:991px) {
    #frame5 .thumbnail .txt{padding:30px 15px 20px;}
    #frame5 .thumbnail .txt h5{font-size:20px;line-height:24px;height:48px;}
    #frame5 .thumbnail .txt p{font-size:14px;line-height:20px;height:60px;}
}
@media (max-width:767px) {
    #frame5 .item{width:100%;}
    #frame5 .thumbnail .img{width:100%;}
    #frame5 .thumbnail .txt{width:100%;padding:10px 15px 20px;}
    #frame5 .thumbnail .txt h5{font-size:18px;line-height:24px;height:48px;}
    #frame5 .thumbnail .txt p{font-size:14px;line-height:20px;height:60px;}
}

#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 a{ color:#bbbbbb; font-size:14px; line-height:18px; display:inline-block;}
footer dl dd a:hover{ color:#2e4e8e;}
footer dl dd p{margin:3px 0;}
#subscribe{width:90%;margin:10px 0 0;}
#subscribe input{border-radius:0;background-color:#555555;border-color:#555555;color:#ffffff;}
#subscribe .btn-info{background-color:#2e4e8e;border-color:#2e4e8e;padding-left:20px;padding-right:20px;border-radius:0;}
#subscribe .btn-info:hover{opacity:0.9;}
#fck2 .foot_share{margin-top:15px;}
#fck2 .foot_share>a{display:inline-block;width:30px;height:30px;margin:0 8px 8px 0;text-align:center;transition:0s;}
#fck2 .foot_share>a>i{font-size:20px;line-height:30px;color:#333333;display:block;border-radius:50%;background-color:#ffffff;transition:0s;}
#fck2 .foot_share>a>i:before{transition:0s;}
#fck2 .foot_share>a>.fa-youtube:hover{background-color:#e13138;color:#ffffff;}
#fck2 .foot_share>a>.fa-facebook:hover{background-color:#3b5998;color:#ffffff;}
#fck2 .foot_share>a>.fa-twitter:hover{background-color:#00abf1;color:#ffffff;}
#fck2 .foot_share>a>.fa-google-plus:hover{background-color:#d0422a;color:#ffffff;}
#fck2 .foot_share>a>.fa-tumblr:hover{background-color:#44556b;color:#ffffff;}
#fck2 .foot_share>a>.fa-pinterest-p:hover{background-color:#ca2127;color:#ffffff;}
#fck2 .foot_share>a>.fa-linkedin:hover{background-color:#0083be;color:#ffffff;}
#fck2 .foot_share>a>.fa-instagram:hover{background-color:#ad3396;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 ul{padding:20px 0;display:block;overflow:hidden;border-top:1px solid #888888;}
#friendLink li:nth-child(1){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;}

@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:14px;}
#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{display:none;}

/*内页*/
#ntframe{}

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

/*面包屑*/
#location{ margin-top:20px;text-transform:capitalize;}
#location h2{ font-size:25px; color:#2e4e8e;}
#location p{ font-size:14px; line-height:35px;}
#location em{ display:block; height:1px; background:#eaeaea;}

@media screen and (min-width:1px ) and (max-width:768px)
{ 
#location{ text-align:left;}
#location h2.pull-left{ float:none!important; display:block;}
#location p{ display:block;}
}




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

/*左侧栏目*/
#left_nav{margin-top:-45px;}
.lmb{background-color:#2e4e8e;border-top:1px solid #2e4e8e;}
.lmb ul li { float:left;}
.lmb ul li a{  display:block; padding:10px 15px; font-size:16px; text-transform:capitalize; color:#fff;}
.lmb ul li a.hover,.lmb ul li a:hover{color:#2e4e8e; background:#fff;}
#lnr .nav{position:relative;background-color:#2e4e8e;}
@media screen and (min-width:1px ) and (max-width:767px) {
    #left_nav{margin-top:0px;}
    .lmb ul li a{font-size:14px;}
}


/*产品总页*/

/*产品分类列表*/
.capcp {padding:0 15px;}
.capcp .thumbnail{margin-bottom:50px;padding:0;background-color:#f0f0f0;border-left:none;border-right:none;border-radius:0;}
.capcp .cate_hot_img{width:45%;float:left;overflow:hidden; text-align:center;}
.capcp .cate_hot_img img{  width:auto; height:100%;}
.capcp .cate_hot_info{width:55%;float:right;padding:25px 50px 20px;}
.capcp .cate_hot_info h3{ font-size:24px; height:36px; line-height:36px;font-weight:bold;font-style:italic; 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:72px; overflow:hidden;}
.capcp:nth-child(even) .cate_hot_img{float:right;}
.capcp:nth-child(even) .cate_hot_info{float:left;}
#secondCate {margin:15px -10px 0;}
#secondCate .thumbnail{padding:0 10px;border:none;margin-bottom:0;}
#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;}
#secondCate .owl-next{right:10px;height:60px;font-size:40px;line-height:60px;}
#secondCate .owl-prev{left:10px;height:60px;font-size:40px;line-height:60px;}
@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_info{width:100%;float:none;padding:10px 15px;font-size:18px;}
    .capcp .cate_hot_info em{display:none;}
    .capcp .cate_hot_info p{display:none;}
    .capcp .cate_hot_info #secondCate{display:none;}
}

/*产品列表*/
.ppcp{ margin-bottom:30px;width:25%;float:left;padding:0 15px;}
.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:20px 15px 0;border-top:1px solid #f1f1f1;}
.ppcp .ppwz h4{ font-size:16px; color:#333;font-weight:bold;text-transform:capitalize; margin:0 0 5px; line-height:24px; height:48px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.ppcp .ppwz p{ color:#333; font-size:12px; line-height:24px; height:48px; text-transform:capitalize; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}
.ppcp .ppwz a.link{font-size:12px;line-height:24px;text-decoration:underline;color:#333;}
.ppcp .thumbnail:hover{background-color:#2e4e8e;}
.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:768px)
{ 
    .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:768px)
{
    #pro_feed_show{ padding:0px 15px;}
}

/*产品搜索列表*/
.procp .pro_hot_img{ overflow:hidden; text-align:center;}
.procp .pro_hot_img img{  width:auto;}
@media screen and (min-width:768px ) and (max-width:991px)
{    
    .procp .pro_hot_img{height:auto; overflow:hidden; text-align:center;}
    .procp .pro_hot_img img{  width:100%; height:auto;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
.procp .pro_hot_img{height:auto; overflow:hidden; text-align:center;}
.procp .pro_hot_img img{  width:100%; height:auto;}
}
.procp .thumbnail{-webkit-transition:1s;transition:1s;}
.procp .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);}
.procp .pro_hot_info h3{ font-size:16px; text-align:center; margin-top:10px; height:40px; line-height:20px; overflow:hidden;}
.procp .pro_hot_info em{ border-bottom:solid 1px #eaeaea; height:1px; display:block; margin-top:5px; margin-bottom:5px;}
.procp .pro_hot_info p{ font-size:14px; line-height:20px;  margin-bottom:5px; height:100px; overflow:hidden;}



/*产品最终页*/
#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; background:#2e4e8e; border:solid 1px #2e4e8e;}
.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;}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #proRemark{padding:15px 0;}
}
/*产品详情页小图滚动*/
#rtp_small_img .owl-controls .owl-buttons>div{background-color:#2e4e8e;width:8%;height:75%;font-size:40px;top:0;margin:5px 0;}
#rtp_small_img .owl-controls .owl-buttons>div>i.fa{display:block;padding-top:60%;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;}


/*相关产品列表*/
.pro_capcp .cate_hot_img{height:160px; overflow:hidden; text-align:center;width:25%;float:left;}
.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:16px; font-weight:bold;}
}


#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:#2e4e8e;}

.taglist_show strong{ display:block; font-size:18px; color:#333; border-bottom:dashed 1px #2e4e8e; line-height:35px;}
.taglist_show strong b{font-size:18px; color:#2e4e8e;}
.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;border:1px solid #ddd;box-shadow:0 0 20px #666;padding-bottom:20px;}
@media screen and (min-width:1px ) and (max-width:767px) {
    #right_nav{margin:0 0 15px;border:none;box-shadow:initial;padding:0;}
}

/*新闻列表*/
#newslist img{ width:100%;border: 1px solid #dedede;}
#newslist span{ color:#999;}
#newslist .list-group{width:25%;float:left;padding:0 15px;}
#newslist .list-group .media-img{overflow:hidden;margin-bottom:20px;}
#newslist .list-group .media-img .pull-left {}
#newslist .media-body{ max-width:100%; 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:18px;line-height:24px; font-weight:bold;text-transform:capitalize;height:24px;overflow:hidden;}
#newslist .media-body span{display:none;}
#newslist .media-body p{ font-size:14px; line-height:24px;color:#666;height:72px;overflow:hidden;}
#newslist .media-body a.link{font-size:14px;line-height:24px;text-decoration:underline;}

#news_tit{ padding-bottom:15px; border-bottom:solid 1px #eaeaea;}
#news_tit h1{ font-size:23px;}
#news_tit p{ margin-top:10px;}
#news_tit i{color:#2e4e8e;}
#news_detail,#RelatedNews{ margin-top:15px;}
#news_detail iframe{ width:100%; height:500px;}
@media screen and (min-width:1px ) and (max-width:768px)
{ 
#newslist .list-group{width:100%;float:left;padding:0 15px;}
#newslist .list-group .media-img{ width:30%; float:left; overflow:hidden;margin-bottom:20px;}
#newslist .list-group .media-img .pull-left {}
#newslist .list-group .media-body{ width:68%; float:right; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#newslist .list-group .media-body h4{ font-size:18px;line-height:24px; font-weight:bold;text-transform:capitalize;height:48px;overflow:hidden;}
#newslist .list-group .media-body span{display:none;}
#newslist .list-group .media-body p{ font-size:14px; line-height:24px;color:#666;height:72px;overflow:hidden;margin:0;}
#newslist .list-group .media-body a.link{font-size:14px;line-height:24px;text-decoration:underline;}

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


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




/*图片列表*/
.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:16.666%;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:768px ) and (max-width:991px) {    
.cpcp {width:25%;}
}
@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;}
}

/*视频*/
.vpcp {width:25%;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{width:50%;}
.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;}


.tit span{width:9px;height:9px;background-color:#2e4e8e;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 .item{text-align:center;padding:50px 0;margin:0 30px;border:1px solid #ccc;border-radius:5px;}
#contact_show .item .img{background-color:#2e4e8e;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 #2e4e8e;color:#2e4e8e;text-align:center;display:inline-block;border-radius:4px;}
#contact_show .txt a.link:hover{background-color:#2e4e8e;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 .tit p{display:none;}
    #contact_show .txt p{height:auto;margin-bottom:15px;}
    #contact_show .item{margin:0 0 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;}
#feedback_from .group span{display:inline-block;width:80px;font-size:14px;line-height:24px;text-align:right;margin-right:10px;}
#feedback_from .group input{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:4px 5px;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:#2e4e8e;color:#fff;}
#feedback_from .btn:hover{opacity:0.8}
@media screen and (min-width:1px ) and (max-width:768px)
{
    #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:100%;margin:0 auto;}



/*网站地图*/
#mapContent{ margin-top:15px;}
#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:#44b853;}
#sitemapnav .abli_02{ float:left;width:28%;margin-left:5%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#44b853;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
@media screen and (min-width:1px ) and (max-width:768px)
{
	#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:#44b853;}
#sitemapnav .PROclass_02 a:hover{ color:#44b853;}

#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:#44b853;}
#sitemapnav .PROclass_04 { float:left;width:40%;margin-left:10%;display:inline;}


/*抖动效果*/
@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);
  }
}