@charset "utf-8";
/*
	本网站由 550311.COM 提供技术支持
	官方网址：http://www.550311.com
 */
*{margin:0; padding:0; font-family:"宋体",Arial, Helvetica, sans-serif;; font-size:12px; -webkit-box-sizing: border-box; box-sizing: border-box;}
ul{list-style-type:none;}
p{color:#4e4e4e;}
a{text-decoration:none;color:#666}
a:hover{color:#0076d3;}
img{border:0; display:block;}
input,a { outline:none;}
body { background: #fff; overflow-x:hidden;}
.center { margin:0 auto; width:1200px;}
.mt10 { margin-top:10px;}
.mb10{ margin-bottom:10px;}
.pd10{ padding:10px;}
.pdlr10 { padding:10px 0;}
.flol{ float:left;}
.flor{ float:right;}
.clr{ clear:both;}
/*index*/
#top { height:120px; position:fixed; width:100%; background:#fff; z-index: 99; box-shadow: 0 0 10px 0 #ccc;}
#top .center { position:relative; height:120px;}
#top .nav { position:absolute; right:0; top:50px;}
#top .nav li.one { float:left; position:relative; }
#top .nav li.one a {display:block; width:130px; text-align:center; font-size:15px; color:#4e4e4e; }
#top .nav li.one a:hover, #top .nav li a.hover { color:#0076d3;}
#top .nav li .submenu { background:#fff; width:170px; margin-top:20px; z-index:99; display: none; position:absolute; left:-20px; top:0px; padding-top:10px;}
#top .nav li .submenu li { border:1px solid #f1f1f1; border-top:0;}
#top .nav li .submenu li:first-child { border-top:1px solid #f1f1f1;}
#top .nav li .submenu a { width:170px; height:40px; line-height:40px; font-size:14px;}
#top_height { height:120px;}

#banner {}
/*#banner .hd { display:none}*/
/*#banner {width:100%;}*/
/*#banner li img { width:100%;}*/
#banner video { width: 100%; height: 100%; object-fit: fill}
.swiper-pagination-bullet { width:15px !important; height:15px !important; background:#0076d3}
.swiper-pagination-bullet-active {background:#fff !important; }

#three {}
#three .item { width:390px; height:60px; float:left; margin-right:15px; margin-top:15px;}
#three .item:last-child { margin-right:0;}
#three .item img { border-radius:10px;}

#footer { height:80px; line-height:80px; text-align:center; color:#4e4e4e;}
#footer a { color:#4e4e4e;}

#category_banner { width:100%; height:350px; background-size:cover; position:relative;}
#category_banner h3 { width:100%; text-align:center; font-size:35px; color:#333; height:150px; line-height:150px;}
.about {background:url(../../images/index/about.jpg) no-repeat center center; }
.product {background:url(../../images/index/product.jpg) no-repeat center center; }
.news {background:url(../../images/index/news.jpg) no-repeat center center; }
.lxwm {background:url(../../images/index/lxwm.jpg) no-repeat center center; }
.rczp {background:url(../../images/index/rczp.jpg) no-repeat center center; }
.case {background:url(../../images/index/case.jpg) no-repeat center center; }

#submenu_list { text-align:center; height:45px; line-height:45px; position:absolute; left:0; bottom:0; width:100%; background: rgba(11, 106, 229, 0.5);}
#submenu_list a {display:inline-block; margin:0 15px; padding:0 15px; font-size:14px; color:#fff;}
#submenu_list a:hover, #submenu_list a.hover { color:#0076d3; background:#fff;}
#main { padding-bottom:25px;}
#main .news_item { height:150px; width:48%; float:left; margin-right:2%; margin-top:25px; padding-right:15px; background:#f1f1f1;}
#main .news_item:hover { background: #edf2fa;}
#main .news_item:nth-child(2n+2) { margin-right:0;}
#main .news_item .img { width:165px; float:left;}
#main .news_item .img img { width:150px; height:150px;}
#main .news_item .title { font-size:15px; color:#333; line-height:150%; margin-bottom:15px; margin-top:15px;}
#main .news_item .desc { color:#4e4e4e; line-height:180%;}

#main .product_item {width:390px; height:340px; background:#f1f1f1; float:left; margin-right:15px; margin-top:15px;}
#main .product_item:nth-child(3n+3) { margin-right:0; }
#main .product_item .img { width:390px; height:280px;}
#main .product_item .img img { width:390px; height:280px;}
#main .product_item .title { width:390px; height:60px; line-height:60px; text-align:center; font-size:14px;}

#main .rc_item { padding:0 30px; height:50px; line-height:50px; background: #f6f6f6; margin-top:15px;}
#main .rc_item a { display: block;}
#main .rc_item span { float:right; color:#ccc;}

#title { text-align:center; padding:50px 0; font-size:40px; font-weight:bold;}
#createtime { text-align:center; color: #919191; border-bottom:1px solid #f1f1f1; padding-bottom:20px;}
#content { padding:20px; }
#content p { margin-bottom:10px;}
#content, #content p, #content span, #content div, #content table, #content font { font-size:14px; color:#333;}
#content img { display:inline-block;}
#content img, #content table { max-width:1000px;}

#pro { margin-top:30px;}
#pro .left { width:810px; height:330px; background: #e9f2ff; float:left;}
#pro .left .title { text-align:center; padding:50px 0; font-size:25px;}
#pro .left .desc { padding:0 30px; color:#919191; line-height:250%; font-size:15px;}
#pro .right { width:390px; height:280px; background:green; float:right;}
#pro .right .img { width:390px; height:280px;}
#pro .right .img img { width:390px; height:280px;}
#pro .right .sms a { display:block; width:390px; height:50px; line-height:50px; background:orange; text-align:center; color:#fff; font-size:14px; font-weight: bold;}
#pro .right .sms a:hover { font-size:16px; }

    /*分页*/
#page { background:#fff; padding:15px; text-align:center;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #0076d3; color:#fff;}
.pagination li.active a { color: #fff;}
.pagination li a {display: block;text-align: center;}

#tobuy { background:#f5f5f5; padding:10px; margin-top:20px;}
#tobuy a { display:block; background:#ffe4cf; border-radius:10px; height:40px; line-height:40px; font-size:18px; color:#fff; width:300px; text-align:center;}
#tobuy a:hover { background:#0076d3; color:#fff;}