@charset "utf-8";

/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Arial,"黑体"; color:#333; text-decoration:none; font-size:14px; background:#fff;}
textarea { resize:none;}
img{ max-width:100%;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#B00;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
.m{width:95%;max-width:1200px;margin:0 auto;position:relative;}

/* 圆细滚动条样式 20150717 */
::-webkit-scrollbar{width:6px;height:12px}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.homttttt{width:1200px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:111111111111;}


.nav{ background:#FFF repeat center; padding:5px 0; margin-top:18px;}
.nav .logo{ float:left; padding-left:45px;}
.nav .menu{ float:left; text-align:center; font-family:"微软雅黑";}
.nav .menu li{ display:inline-block; line-height:40px; margin-left:60px; position:relative;}
.nav .bq{ float:right; line-height:40px;}
.nav .bq li{ display:inline-block; margin-right:50px; position:relative;}

/*首页banner*/
.bannerslide { height:865px; width: 100%; position: relative; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; }
.pagination { position: absolute; left: 0; text-align: center; bottom: 90px; width: 100%; }
.swiper-pagination-switch {display: inline-block; width: 40px; height: 3px; background: #000;  margin: 0 3px; cursor: pointer;}
.swiper-active-switch { background:#c70000;}
.bannerslide .arrow-left { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .arrow-right { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

/*内页banner*/
.inner-banner{ max-width:1920px; margin:0 auto; background:url("../images/banner4.jpg") no-repeat center center; height:600px;}

/*首页四大栏目*/
.part{ background-color:#222;}
.part .part1{ float:left; padding:10px 5px; width:25%;}
.part .con{ background-color:#1a1a1a; padding:25px 0 20px 40px;}
.part .tit a{ font-size:20px; color:#fff;}
.part .txt{ font-size:13px; color:#fff; padding-top:16px; width:80%;}

/*底部*/
.bottom{ background-color:#111; color:#f7f7f7; font-size:13px;}
.bottom a{ color:#f7f7f7; font-size:13px;}
.bottom .bm{ padding:66px 0 50px 0;}
.bottom .bm ul{ float:left;}
.bottom .bm .p1{ font-size:14px; padding-bottom:17px;}
.bottom .bm ul li{ padding:0 80px 10px 0;}
.bottom .bm ul li img{ margin-right:6px;}
.bottom .bm .gf{ display:inline-block; margin:15px 10px 0 10px;}
.bottom .bm  .gf .txt{ text-align:center; margin-top:8px;}
.bottom .bm2{border-top:1px solid #333;}
.bottom .bm2 .b{ padding:45px 0;}

/*产品页*/
.all{ background-color:#f1f1f1; padding-bottom:50px;}
.side{ background:#fff;}
.side .loc{ float:left; background:#fff; padding:15px 40px; border-right:2px solid #f1f1f1;}
.side .loca{ float:left; background:#fff; padding:15px 40px;}

.sort{ padding:45px 0 10px 0;}
.sort h2{ float:left; font-size:20px;}
.sort .list{ float:right; padding-top:4px;}
.sort .list li{ float:left; padding-left:10px;}

.pro-p{}
.pro-p .item{ float:left; background-color:#FFF; margin:0 8px 30px 0; width:24.5%;}
.pro-p .item .img a{ display:block;}
.pro-p .item .img a img{ display:block; padding:30px 37px;}
.pro-p .item .box{ padding:0 30px 44px 30px;}
.pro-p .item .box .nam a{ color:#333;}
.pro-p .item:hover .box .nam a{ color:#F00;}
.pro-p .item .box .nam{ font-size:18px; padding-bottom:9px; text-align:center;}
.pro-p .item .box .txt{ color:#999; text-align:center; width:100%;}
.pro-p .item:nth-child(4n){ margin:0;}

.pro-hot{ margin-top:20px;}
.pro-hot .hot-nam{ font-size:20px; line-height:50px;}
.pro-hot .img{ width:100%;}

.main{ background-color:#FFF;}
.main .bd{ padding:20px 30px; font-size:16px; line-height:30px;}

/*honor*/
.honor_ul li{ width:20%; margin-right:5%; float:left; margin-bottom:20px;}
.honor_ul li:nth-child(4n){ margin-right:0;}

/*news*/
.newslist { }
.newslist .item { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }
.newslist .item .time { float: left; text-align: right; width: 90px; line-height: 24px; font-family: arial; margin-top: 6px; color: #999; }
.newslist .item .time .day { font-size: 30px; }
.newslist .item .time .year { font-size: 14px; }
.newslist .item .info { margin-left: 120px; }
.newslist .item h3 { font-weight: normal; margin-bottom: 10px; height: 30px; overflow: hidden; }
.newslist .item h3 a { color: #39424b; font-size: 22px; text-decoration: none; }
.newslist .item h3 a:hover { color: #F00; }
.newslist .item .txt { font-size: 14px; line-height: 24px; color: #999; height: 48px; overflow: hidden; }

/*contact*/
.contact { background: url(../images/qiu.jpg) no-repeat right 0; padding: 30px 0 100px 0; width: 90%; font-size: 14px; position: relative; margin: 0 auto; }
.contact p { line-height: 30px; }
.contact p strong { font-size: 16px; line-height: 40px; }


/*vedio*/
.ved_ul li{ border:1px solid #ccc; margin-bottom:20px; width:30%; float:left; margin-right:4%;}
.ved_ul li:nth-child(3n){ margin-right:0%;}
.ved_ul li .ved_img{ padding:20px 0; background:#f2f7fb;}
.ved_ul li .ved_main{ padding:10px 20px;}
.ved_ul li .ved_main a{ font-size:18px; color:#666;}

.mobilenav{ display:none; padding:20px 50px; background:#000; color:#fff;}
.mobilenav .logo{ float:left; height:40px;}
.mobilenav .a_m{ float:right; display:none;}

/*手机产品分类显示*/
.pro-left{width:250px; display:none;}
.pro-list ul{border-bottom:1px solid #DDDDDD;}
.pro-left h2{
    padding-left:15px;
    padding-top:10px;
    padding-bottom:10px;
    line-height: normal;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    background: #C6092D;
    margin-bottom:0;
}

.pro-list ul li{
    margin-bottom: 1px;
	background:#FFF;
}
.pro-list ul li>a{
    padding-top:10px;
    padding-bottom:10px;
    padding-left:20px;
    color:#808080;
    font-size:14px;
    display:block;
    border-left: 1px solid #f2f2f2;
}
.pro-list ul li>a:hover{
    border-left:1px solid #cf4c82;
    color:#cf4c82;
}

.pro-list>ul>li>a,.left-secondNav a{border-left:1px solid #ddd;border-right:1px solid #ddd;}

@media (max-width:1120px) {		
	.mobilenav{ display:block; padding:15px 20px;}
	.mobilenav .mobilenav_m{ display:none;}
	.mobilenav .a_m{ display:block;}
	.homttttt{ display:none;}
	.pagination{ bottom:25px;}
	.bannerslide{ height:300px;}
	.part .part1{ width:50%;}
	.part .tit a{ font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.part .txt{ font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.bottom .bm{ display:none;}
	.inner-banner{width:100%;background-size:cover;min-height:150px;height:inherit;background-position:25% center;}
	.all{ padding-top:20px;}
	.sort{ display:none;}
	.pro-left{ display:block;float:none;max-width:100%;width:100%;margin-top:15px; margin-bottom:15px;}
	.pro-p .item{ width:47%; margin:9px 5px;}
	.pro-p .item .img a img{ padding:0;}
	.pro-p .item .box{ padding:0 20px 20px 20px;}
	.pro-p .item .box .nam{ font-size:16px;}
	.pro-p .item .box .txt{ font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.pro-p .item:nth-child(4n){ margin:10px 5px;}
	.main{ margin-top:15px;}
	.contact{ background:none; padding:0;}
}
	
@media (max-width: 720px) {
}