/* CSS Document */
body{margin:0 auto; font-size:14px; font-family: "微软雅黑", "Microsoft Yahei"; color:#222; background:#ffffff;line-height:28px;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label,caption, summary, tbody, tfoot, thead, th { margin: 0; padding: 0; border: 0;  }
ul, li,ol,li { list-style: none; }
body { font-style: normal; font-variant: normal;  width:100%; margin:0 auto; } a{ text-decoration:none; }
a{ text-decoration:none; outline: none; color:#222; }
a:hover{color:#ee1309;text-decoration:none;}
li{ list-style:none}
a{cursor:pointer}
dl,ol,ul{list-style:none;margin:0;padding:0}
:focus{outline:0}
img{border:none;outline: none;vertical-align:middle;}

dl,li,ol,ul{list-style:none}
ul, li { margin: 0px; padding: 0px; list-style: none; }
.clearfix:after,.clearfix:before{content:"";display:table}
.clearfix:after{clear:both}

/*head*/
.top{overflow:hidden; margin:0px auto; max-width:1200px; }
.top .logo{float:left;margin:15px auto;}
.top .tel{ float:right;padding-top:20px;}
.nav-right,.daohang{width:100%; background:#0c338f; overflow:hidden;}
.nav{ max-width:1200px; margin-top:15px; margin: 0 auto;  overflow:hidden;}
.nav li{float:left;width:12.5%; text-align:center; line-height:48px;letter-spacing:1px;}
.nav li a{color:#fff; display:inline-block; width:100%; font-size:16px;padding:0;}
.nav li a:hover, .nav li a.hover{ background:#ee1309; color:#fff;}

/*.................banner图................................*/ 

.banner{display:none;}	
/*.flexslider{position:relative;height:520px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}*/ 
.slides{position:relative;z-index:1;}
.slides li{height:520px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
/*20170616*/

#snavbg{background:#f0f0f0}
#gotoTop2{width:56px; height:56px; display:block; cursor:pointer;text-indent:-999em;background:url(../images/his-totop.gif) no-repeat -64px 0;position:fixed; right:15%; bottom:15%; }
#gotoTop2{_position:absolute;_right:4%; _bottom:10%; _top:expression_r(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")}
#gotoTop2:hover{background:url(../images/his-totop.gif) no-repeat;}
.clBox{border:#e7e7e7 1px dotted; width:100%; overflow:hidden; background:#f0f0f0; padding:1%}

/*20170803*/

/*产品展示2*/
.productwrap{max-width:1200px;margin:0 auto;padding-top:40px;}
.product_l{width:22%;float:left;}
.product_r{width:77%;float:right;}
.list-title{background-color: #ee1309;color: #fff;padding: 25px 0;padding-left:38px;}
.list-title h3{font-size:24px;font-weight:bold;}
.list-title span{display: block; color: #fff;margin-top: 5px;font-size: 18px;text-transform: uppercase;}
.list-product ul{padding: 10px 10px;background-color: #0c338f ;color: #fff;}
.list-product li {height: 40px;line-height: 40px;border-bottom: 1px dotted #999;font-size: 18px;padding-left:30px;}
.list-product a{color:#fff;text-decoration:none;letter-spacing:1px;}
.list-product a:hover{color: #ee1309;}
.product_title{height: 60px;line-height: 60px;border-bottom: 1px solid #ccc;}
.product_title h3{float: left;width: 160px;height: 60px;text-align: center;color: #222;font-size: 20px;line-height: 60px;font-weight: bold;border-bottom: 3px solid #ee1309;background: url(../images/proicon.jpg) no-repeat top left;}
.product_title a{float: right;margin-right: 15px;}
.product_show{width:100%}
.product_item{width:31.3%;float:left;margin-top:30px;margin-left:1%;margin-right:1%;}
.product_item img{width: 100%;height: 260px;border:1px solid #f2f2f2;}
.product_item span{display:block;margin-top: 10px; text-align:center;font-size: 18px;}
/*产品展示2*/
/*公司简介*/
.index-about{width: 100%;box-shadow: #eeeeee 1px 5px 3px;overflow: hidden;background-color: #f4f4f4;padding:40px 0px 20px;margin-top:50px;}
.index-about-top{max-width:1200px;margin:0 auto;}
.index-about-left{width:50%;float:left;}
.index-about-left-content{margin-top:30px;}
.index-about-tu{margin-top:35px;}
.index-about-js{width:100%;margin-top:30px;}
.index-about-more{float:left;border:1px #ccc solid;width:30%;line-height:34px;text-align:center;}
.index-about-dh{width:46%;float:right;}
.index-about-hm{float:left;padding-top:5px;font-size:18px;}
.index-about-right{width:40%;float:right;}
/*公司简介*/
/*发货景实*/
.parts_pro{ width:100%;overflow:hidden; margin-top:30px;}
.parts_p{max-width:1200px;margin:0 auto;}
.parts_pro .title{ font-size:18px;font-weight: 700;}
.parts_pro ul{ overflow:hidden; margin-left:-1.5%; margin-top:15px}
.parts_pro li{ margin-left:1.5%; width:23.5%; float:left;}
.parts_pro .con{background:#f5f5f5;padding:5px 10px;cursor:pointer; margin-bottom:20px;}
.parts_pro .p1{font-size:18px;text-align:center; margin-bottom:10px; margin-top:10px;}
.parts_pro img{ width:100%; height:auto}
.parts_pro .more{line-height:30px;font-size:14px; text-align:center;margin-top:10px; background:url(../images/more.png) no-repeat 80px 50%;display: block;}
.parts_pro .more:hover{background:url(../images/more1.png) no-repeat 80px 50%;color:#fff}
.parts_pro .con:hover,.parts_pro .more a:hover,.parts_pro .img:hover{background:#ee1309; color:#fff;}
.parts_pro .con:hover .parts_pro .p1 a.p3{color:#fff;}
.parts_pro li:hover  a.p3 {color:#fff;}
/*发货实景*/
.scene{ max-width:1200px; overflow:hidden; margin:0 auto; margin-bottom:20px;}
.scene .title{font-size:18px;font-weight: 700;margin-bottom: 10px;margin-top:10px; }
.scene ul{ width:100%; overflow:hidden; margin-left:-1.5%}
.scene li{ float:left; width:23.4%; text-align:center; margin-left:1.5%; margin-top:20px; line-height:28px;}
.scene img{ width:100%; height:auto}
.scene_sub{ width:100%; overflow:hidden; margin:0 auto; background:#f0f0f0; margin-top:35px}
.scene_r{ width:90%; float:right;}
.scene_r p{ font-size:16px;}
.scene_l{ width:94px; height:99px; float:left; font-size:25px; font-weight:700; line-height:35px; background: url(../images/scene_2.png) no-repeat ; text-align:center; color:#fff; }
.scene_l a{ color:#fff}
/*新闻栏目*/
.innews{ max-width:1200px; overflow:hidden; margin:0 auto; margin-top:30px}
.innews_left{ float:left; width:37%; margin-top:30px;}
.innews_left ul{padding:10px 15px;  margin-top:15px;border:1px solid #f0f0f0;}
.innews_left .tit,.innews_right .tit{ font-size:18px; font-weight:700}
.innews_right .tit a{ font-size:14px; float:right; font-weight:normal}
.innews_left li{ line-height:37px;background: url(../images/title-01.png) no-repeat 0px 50%; padding-left:20px;border-bottom:1px  dashed #f0f0f0;}
.innews_right{ float:right; width:48%;margin-top:30px; padding: 1%;}
.innews_right ul{ overflow:hidden;margin-top:15px}
.innews_right li{overflow:hidden;border-bottom: 1px #d8d8d8 dashed; margin-bottom:15px; padding-bottom:11px;}
.innews_right li .time{ float:left; font-family:Arial; padding:5px 0; width:80px;  color:#fff; background:#ccc;text-align: center;} 
.innews_right li .ri{ display:block; font-size: 40px;font-weight: 100;color: #fff;text-align:center; line-height:50px;}
.innews_right li .year { display:block; font-size:14px;}
.innews_right li .intnew {float:right;width:85%;}
.innews_right li .tits{ padding-bottom:7px;font-size:20px;font-weight: 100;color: #333;}
.innews_right .text{ color:#999; line-height:25px;}
/*友情链接*/
.friend_link{ margin:20px auto; overflow:hidden; max-width:1200px;line-height:28px;}
.friend_link span{ font-size:12px; float:left; width:6%;}
.friend_link ul{width:92%; float:left;}
.friend_link ul li{float:left; margin-right:19px;}
.friend_link a{font-size:12px;}
/*底部版权*/
.footer{width:100%;background:#0c338f; height:60px; line-height:50px;color:#fff}
.wap{ max-width:1200px; margin:0 auto; overflow:hidden}
.footer li{width:11.5%;float:left;}
.footer li a{color:#fff;float:right; margin-left:15px;}
.copy{width:100%;background:#0e399d; height:auto; line-height:30px;color:#fff}
.copy_wap{max-width:980px;margin:0 auto;text-align:center;}
.copy_wap a{color:#fff;}
#gotoTop2{right:8%;}
/*产品视频*/
.cpsp{width:800px;margin:0 auto;}
<!--产品页导航-->
.pronav{width:100%;height:auto;}
.pronavtitle{max-width:1200px;margin:7px auto;border-bottom:1px solid #ccc;font-size:16px;}
.prorow{margin:20px 0 10px;}
.name{padding-top:10px;font-size:16px;}
/*分页开始*/
.i5upage{height:30px;max-width:500px;margin:20px auto;font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.i5upage a,.i5upage span{display:block;color:#1e95f5;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;float:left;margin:2px 3px;text-align:center;padding:0 5px;height:22px;line-height:20px;} /* SPAN和链接 */
.i5upage a:hover, .i5upage a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.i5upage input{padding:0px;color:#1e95f5;height:16px;width:25px;border:0px solid #fff;text-align:center;margin:0 -5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
/*视频右侧栏*/
#newsinfo{margin:20px auto;}
#newsinfo .con .title {
    background-color: #ee1309;
    color: white;
    padding: 15px;
    font-size: 1.5em;
    font-weight: bold;
}
#newsinfo .con ul li a p{
	background: #0c338f;
    padding: 10px 30px;
    margin: 0;
    color: #fff;
    margin-top: 1px;
	font-size:16px;
	letter-spacing:1px;}
#newsinfo .con ul li a p:hover{color:#ee1309}
/*新闻列表*/
#news .title-rel{
	margin-top: 40px;
    color: #272636;
    margin-bottom: 20px;
    overflow: hidden;}
#news .top {
    margin: 0;
	color:#ee1309;
}
#news .title-rel  .con{
      float: left;
      margin-left: 30px;
       font-size: 1.8em;
           width: 94.42%;
       font-size: 1.5em;
       font-weight: bold;
 }
#news .title-rel .range{
	width: 30px;
    border: 10px solid #272636;
    height: 60px;
    float: left;}
.newsright{
	float:right;
	width: 91%;
    border-bottom: 2px solid #272636;}
#news .news .toutiao .range{
	display: inline-block;
    background:#ee1309;
    color:#fff;
    padding: 2px 15px;}
#news .news .toutiao{
	font-size: 20px;
    font-family: "Microsoft YaHei";
    color: rgb(0, 0, 0);
	}
#news .news .toutiao .name {
    display: inline-block;
    margin-left: 20px;
	font-size:18px;
}
#news .news-left p {
    color: #666;
    line-height: 2em;
    margin-top: 20px;
}
#news .news-left ul {
    margin-top: 30px;
    background: url(../images/chuanzhu.png) no-repeat 0 16px;
    padding-left: 30px;
}
#news .news-left ul li {
    border-bottom: 1px dotted #ccc;
    overflow: hidden;
}
#news .news-left ul li a {
    line-height: 3em;
}
#news .case .unit p {
    padding: 10px;
    line-height: 1.8em;
    color: #666;
}
 /*上下一条*/
.detail_guide {width:100%;margin:30px auto;background:#f0f0f0;overflow:hidden;}
.detail_guide span{ background:#e0e0e0; padding:17px; margin-right:15px;}
.detail_guide a{ width:90%; overflow:hidden;}
.detail_guide .same{font-size:16px;padding:15px 0 15px 0;width:50%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float:left;}
.detail_guide .same:hover a{color:#eb0001;}
@media screen and (max-width:1758px){
#gotoTop2{right:1%;}	
.flexslider{width:100%;height:auto}
}

@media screen and (max-width:1200px){

.banner img{ width:100%; height:auto}
.nav li{ width:12.5%;}
.scene_r{ width:87%}

#gotoTop2{right:2%;}
.parts li{width:28.9%;}


.innews_right li .intnew{ width:83%}
.parts_pro .con{padding:0px}
.parts_pro .dele{ padding:0px 10px}



.innews_info .data, .newslist_info .data{display:none;}

	}
@media screen and (max-width:999px){
.innews_left,.innews_right{ width:100%}
.banner{display:block}
.banner img{ width:100%; height:auto}
.nav li{width: 12%;}
.innews_left li{ float:left; width:47%;padding-left: 15px;}
.innews_left ul{border:none; padding:0px; line-height:32px}


.innews_info{ width:100%; overflow:auto;}
.innews_info .img img{ width:100%; height:auto}

.innews_right li .time{display:block !important;}
.parts_pro .img img{ width:100%; height:auto}
.parts_pro .img{height: 200px;border-radius:0px}
.innews_left li{border-bottom:none}
.innews_left li a{width:95%;display: block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; float: left;}

 }

 	 
@media screen and (max-width:768px){
.top{ float:left; width:85%}
.nav-right{ background:none; float:right; width:50px; height:auto; margin-top:10px;}	
.top .tel{ display:none;}	
.drawer-main{position:fixed;top:0;width:200px;height:100%;overflow:hidden; z-index:99999; background:#222}
.nav li{ width:100%}
.nav li a:hover, .nav li a.hover{ background:#eb0000}	
.nav-right .drawer-main{right:-200px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.nav-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}	
.nav-right .drawer-overlay,.nav-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.nav-right.drawer-open .drawer-overlay,.nav-right.drawer-open .drawer-hamberger{right:200px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,.5)}	
.nav-right.drawer-open .drawer-overlay-upper{left:0}
.head_main .nav{background-color:#222;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)}
.nav+.drawer-overlay{background-color:#fff}
.nav .drawer-brand a{display:block;width:100%;padding:1.nav li a:hover, .nav li a.hover4px 15px;font-size:22px;color:#fdd702;}
.head_main .nav .drawer-brand a:hover,.nav .li a:hover{color:#eb0000; text-decoration:none}
.head_main  .nav li{display:block;font-size:16px; margin:0; border-bottom:1px solid #2d2d2d; border-top:1px solid #141414; width:100%}
.head_main .nav li a{color:#fff;padding:12px 15px; display:block;}
.head_main  .nav li a:hover{ background:#eb0000;}
.nav .drawer-nav-list{padding:0;margin:0 0 20px 0;list-style:none}
.nav .drawer-nav-list li{display:block}
.nav .drawer-nav-list li a{display:block;padding:15px;color:#888}.nav .drawer-nav-list li ul a{padding:8px 20px}
.drawer-hamberger{ float:right;z-index:1100;display:block;width:30px;height:30px;padding:28px 0px 0px 0px;background-color:transparent;border:0}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:5px;cursor:pointer;content:'';background-color:#222222;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1);}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.drawer-hamberger:hover{cursor:pointer}
.drawer-open .drawer-hamberger{ margin-right:200px;}
.top-sub-nav,.Contentbox-banner{ display:none;}

.scene li{ width:31.5%; font-size:14px;}
.scene_r{ width:100%}
.scene_l{display:none;}
.scene .block{display:block; font-size:25px; text-align:center; font-weight:700; color: #272636;}
.scene_sub{ background:none}
.scene .title{display:none;}
.scene_r p{ font-size:14px;}

.footer{ height:auto; line-height:28px}

*/#gotoTop2{zoom: 0.8;right: 15px;bottom:100px;}


.footer{ background: none}

.parts_pro li{width:48.5%;}

.scene_r .tit{ text-align:center}
.innews_left li{ width:46%}

.scene_sub,.service_left,.incomp_about{ margin-top:0px}
.innews{ margin-top:10px;}


}	
@media screen and (max-width:600px){


.newslist_left li .intnew{ width:80%}

.innews_right li .intnew{ width:79%}

.innews_left li{ width:45%}

}	

@media screen and (max-width:480px){

.top img{ width:100%; height:auto}
.nav-right{ margin-top:0px;}
.scene li{ width:48.5%}
.innews_left li,.related_new li{ width:100%}
.prolist li,.about_stren li, .about_cooperation li{ width:48.5%}

.innews_info .word p{display:none;}
.innews_info .word h3{display:block !important; font-size:17px;}
.parts li .tele{ padding:0 8px}
.parts .tit{ padding:0 8px}
.parts li{ padding:0px;width:47.5%; }
.bottom_r .p1{ font-size:15px;}
.parts .dele,.scene_r .tit{display:none;}
.innews_right li .time{ width:60px}
.innews_right li .ri{font-size: 25px;line-height: 26px;}
.innews_right li .tits {font-size: 17px; color: #222;}
/*发货实景*/
.parts_pro .dele,.bonline .dele,.bonline dl .title,.innews .dele{display:none;}
.parts_pro .p1{ font-size:14px}
.parts_pro .con{ background:none; padding:0px}
.parts_pro li{ width:48.5%;}
.parts_pro .p1{ margin-bottom:0px}
.parts_pro .con{ margin-bottom:15px;}
.bonline dl,.scene li,.innews_left{ margin-top:15px;}
.bonline .title{ text-align:center}
.scene .block{ font-size:18px;}
.innews_right .text{width: 100%;display: block;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;float: left;}
.news h1{margin-bottom:20px;line-height:40px;}
}