.content{width:1200px;margin:0 auto;position:relative}
.content:before{content:'';display:table}
.content:after{content:'';display:table;clear:both}
@media (max-width:1200px){.content{overflow:hidden}
}
.com-inline{display:inline-block;zoom:1;*display:inline}

.com-title{ width:100%; height:50px; position:relative; overflow:hidden;}
.com-title::before{ content:" "; width:100%; position:absolute; left:0; top:24px; height:1px; border-bottom:1px solid #dcdcdc; z-index:1;}
.com-title h2{ width:230px; height:50px; margin:0 auto; position:relative; line-height:50px; text-align:center; overflow:hidden; background:#fff; z-index:2; font-size:24px; color:#000;}
.com-title h2::after{ content:"";width:8px; height:8px; border-radius:50%; background:#dcdcdc; position:absolute; right:0px;top:22px;}
.com-title h2::before{ content:"";width:8px; height:8px; border-radius:50%; background:#dcdcdc; position:absolute; left:0px;top:22px;}



#owl-demo{width:100%;margin-left:auto;margin-right:auto}
#owl-demo .item{display:block}
#owl-demo img{display:block;width:100%}
.owl-theme .owl-dots{bottom:20px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0.5);position:absolute;width:100%}
.owl-theme .owl-dots .owl-nav div{color:#FFF;display:inline-block;margin:5px;padding:4px 7px;font-size:12px;border-radius:30px;background:#FFFFFF;cursor:pointer}
.owl-theme .owl-dots .owl-nav .disabled{opacity:.5;cursor:default}
.owl-theme .owl-dots .owl-nav div:hover{text-decoration:none}
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-dots .owl-dot span{-webkit-backface-visibility:visible;backface-visibility:visible;display:block;width:11px;height:11px;margin:5px 5px;filter:alpha(opacity=100);opacity:1;background:rgba(255,255,255,1);-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:ease;transition-timing-function:ease; border-radius:50%;border:2px solid #fff;}
.owl-theme .owl-dots .owl-dot.active span{filter:alpha(opacity=100);opacity:1;background:#216fc0; border:2px solid #fff;}
.banner-box{width:100%;min-width:1200px}

.majorwarp{ width:1200px; height:auto; overflow:hidden; margin:30px auto 0 auto;}
.majorwarp ul{ width:1229px; height:auto; overflow:hidden;}
.majorwarp ul li{ width:278px; height:auto; overflow:hidden; float:left; margin-right:29px; margin-bottom:20px;}
.majorwarp ul li:hover{ background:#f4f4f4;}
.majorwarp ul li a{ width:100%; height:160px; display:block;}
.majorwarp ul li a img{ display:block; width:100%; height:100%;}
.majorwarp ul li h4{ width:100%; height:40px; padding:5px 5px; overflow:hidden; box-sizing:border-box; line-height:30px; text-align:center; font-size:14px; color:#333; margin-top:5px;text-overflow:ellipsis;white-space:nowrap;}

.newswarp{ width:100%; height:485px; overflow:hidden; margin:0 auto; min-width:1200px; background:url(../images/nbanner.jpg) no-repeat center center;}
.new_item{ width:380px; height:386px; overflow:hidden; background:#ffff; padding:15px; box-sizing:border-box; margin-top:50px; float:left; background:#fff; margin-right:30px;}
.newsTitle{ width:100%; height:60px; border-bottom:1px solid #e5e5e5; overflow:hidden; line-height:60px; font-size:18px; font-weight:500;}
.newsTitle img{ margin-right:5px;}
.newsTitle a{ float:right; color:#999; font-size:14px; position:relative; top:5px;}
.newsTitle a:hover{ color:#0451a1;}
.new_item ul{ width:100%; height:auto; overflow:hidden; margin-top:15px;}
.new_item ul li{ width:100%; height:46px; line-height:46px; padding:0px 90px 0px 10px; box-sizing:border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px dashed #ececec; position:relative;}
.new_item ul li::after{ content:"";width:4px; height:4px; background:#216fc0; position:absolute; left:0px;top:20px;}
.new_item ul li a:hover{ color:#0451a1; text-decoration:underline;}
.new_item ul li span{ position:absolute; right:0; top:0px; height:46px; line-height:46px; display:block; color:#999;}


.product{width:100%;min-width:1200px;padding:50px 0 20px 0}
.product .pro_list dl{width:278px;margin:25px 0;box-sizing:border-box;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.product .pro_list dl dt{width:100%;height:160px;overflow:hidden}
.product .pro_list dl dd{text-align:center;line-height:48px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product .pro_list dl:hover{ background:#f4f4f4;}


.product .cl-group{width:1320px;overflow:hidden;margin:20px auto 0 auto}
.product .cl-group a{display:block;width:100%;height:48px}
.product .cl-group .cl-r-btn,.product .cl-group .cl-l-btn{width:50px;height:48px;border:1px solid #e6e6e6;text-align:center;line-height:48px;float:left}
.product .cl-group .cl-c-btn{width:90px;height:48px;border:1px solid #e6e6e6;text-align:center;line-height:48px;float:left;margin:0 10px}
.product .cl-group .cl-c-btn:hover,.product .cl-group .cl-r-btn:hover,.product .cl-group .cl-l-btn:hover{background:#e10415;border:1px solid #e10415}
.product .cl-group .cl-c-btn:hover .layui-icon,.product .cl-group .cl-r-btn:hover .layui-icon,.product .cl-group .cl-l-btn:hover .layui-icon{color:#fff}
.product .cl-group .layui-icon{font-size:24px;vertical-align:middle}