@charset "utf-8";
/* CSS Document */

html {height: 100%;}
body {
	font-family: "Microsoft YaHei","微软雅黑";
	font-size: 13px;
	line-height: 1.5;
	color: #777;
	background-color: #fff;
	overflow-x: hidden;
}

div, p, span{margin:0;padding:0; font-size:100%; font-family:inherit; list-style:none;}
ul,li{list-style-type:none; margin: 0; padding: 0;}
.tr,td{ border:1px solid #ccc; font-size:12px;}

a {color: #00469C;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a:hover {color: #ff3300; text-decoration: none;}
a:active,a:focus {outline: 0;color: #ff3300; text-decoration: none;}
img {max-width: 100%; border:0;}

a.abai {color: #FFFFFF;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
a.abai:hover  {color: #4aa616; text-decoration: none;}

h1{ font-size:12px;}
h2{ font-size:14px;}
h3{ font-size:18px;}
h4{ font-size:24px;}
h5{ font-size:32px;}
h6{ font-size:38px;}

.m10{ margin:10px 0px;}
.m20{ margin:20px 0px;}
.m30{ margin:30px 0px;}
.m40{ margin:40px 0px;}
.pd{padding:0px;}
.pt{padding-top: 15px;}
.pt30{padding-top: 30px;}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float: right;}


.clearfix::after{
    content:"";
　　height:0;
　　line-height:0;
　　display:block;
　　visibility:hidden;
　　clear:both;
}
.clearfix{clear: both;}

/*--Start 分页样式---------*/
.List_page{text-align:right;margin:20px 0px;font-family:"微软雅黑";clear:both;}
.List_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #cccccc;color:#333;font-family:"微软雅黑";}
.List_page span{background:#EAF5FC;color:#000000;margin:1px;padding:4px 6px;border:1px solid #cccccc;font-family:"微软雅黑";}


/*内页下一条样式*/
.Info-Title{ border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; height:45px; line-height:45px; text-align:center;}
.Info-Content { margin:30px 0px;line-height:24px;font-family:"微软雅黑";}
.Info-Content img{max-width:80%;}
.PageUP-Down {text-align:center;}
.PageUP-Down a{ color:#666; line-height:30px; height:30px; }
.PageUP-Down a:hover{color:#3166cc; }


/*BANNER样式*/
.slider-focus{position:relative;overflow:hidden; margin:0 auto; clear:both;}
.slider-focus .hd{ position:absolute;width:100%;height:28px;left:0;bottom:2%;z-index:1;line-height:28px;text-align:center;}
.slider-focus  .hd li{ display:inline-block;vertical-align:middle;width:10px;height:10px;margin:0 3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;font-size:0;line-height:0;text-indent:-9999em;background:#fff; cursor:pointer;}
.slider-focus  .hd li.on{ background:#e97504; }
.slider-focus  .bd{ position:relative; z-index:0;}
.slider-focus  .bd li{ position:relative; text-align:center; }
.slider-focus  .bd li img{ vertical-align:top;width:100%; height:auto;/* 图片宽度100%，达到自适应效果 */}
.slider-focus  .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);} /* 去掉链接触摸高亮 */
.slider-focus  .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }
/*.slider-focus{display:none;}*/


/*--TOP样式--*/
.headbg{background:#e21c36; height: 33px; line-height:33px;}
.Welcome{color:#FFFFFF;}
.Tel {color:#FFFFFF;}
.Tel a{color:#FFFFFF;}
.Tel a:hover{color:#cee413;}
.logo    {display: inline-block; width: 220px;}
.logo img{max-width:100%; margin:15px 0px;}



/*--MENU样式--*/
.navbar-nav{float:right !important; }
.navbar-nav>li{float:left !important; height: 94px;}
.navbar-nav>li i{font-size: 9px;}

.navbar-collapse{ padding-right:0px !important;}
.navbar.navbar-default { background:#FFFFFF !important; border:0px; margin:0 0;box-shadow: 0px 2px 5px #bfbfbf;border-radius:0px !important; z-index: 1;}
.navbar-default .navbar-nav>li>a {color:#666666; font-size:15px; text-align:center;width:115px; line-height: 90px; padding: 0;} 
.navbar-default .navbar-nav>li>a:hover,.navbar-nav>li>a:active {background:#eaeaea !important; border-bottom: 5px solid #e21c36;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:#eaeaea !important; border-bottom: 5px solid #e21c36;}

.dropdown-menu>li>a{ color:#666;font-size: 13px; height:38px; line-height:38px; padding-left:15px; border-bottom:1px solid #f5f5f5; width: 220px; padding-top: 0; padding-bottom: 0;}
.dropdown-menu>li>a:hover{ background:#e21c36; color:#FFF;text-indent:3px;}



/*--首页公司简介--*/
.company {width: 100%;}
.company h1 {font-size:26px; color: #333; margin: 0;  padding-bottom: 20px;}
.company p{font-size: 14px; line-height: 28px;}
.company .more a{ background: #e21c36; color: #FFF; padding: 10px 20px; margin-top: 20px; display: inline-block;}
.company .more a:hover{color: #ccc;text-indent:4px;}



/*--产品--*/

.Product{ background:#f4f6f5; padding: 30px 0px;}
.Prolist{ background: url(../Images/leftbg.jpg);}
.Prolist>h1{ color: #FFF; font-size: 28px; text-align: center; padding: 18px 0px; margin: 0;}
.Prolist h2{ color: #FFF; font-size: 15px; padding: 0px; margin: 0; padding-left: 10px; line-height: 20px; padding-bottom: 10px;} 
.Prolist p{ color: #FFF; padding-left:10px; padding-bottom:10px; margin: 0;line-height: 36px; font-size: 22px;}

.Prolist ul{margin: 10px; margin-top: 0px;padding: 0px; padding-bottom: 10px;}
.Prolist ul li{height: 42px;line-height: 42px; background: url(../Images/2line.jpg) repeat-x bottom #f4f6f5; padding-left: 20px; font-size: 13px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Prolist ul li i{color: #e21c36;}
.Prolist ul>span>h2{font-size: 13px;padding-left: 35px;margin: 0; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #fff;;}
.Prolist ul>span>h2 a{ color: #666; line-height: 33px;}
.Prolist .no{display: none;}


.Prolist ul li a.leftmenu_h{ display:block; overflow:hidden; color: #e21c36;}
.Prolist ul li a.leftmenu_h:link { display:block; color: #e21c36;}
.Prolist ul li a.leftmenu_h:hover { display:block; color: #e21c36;}

.Prolist ul li a.leftmenu{ display:block; overflow:hidden; color: #333333;}
.Prolist ul li a.leftmenu:link { display:block; color: #333333;}
.Prolist ul li a.leftmenu:hover { display:block;color: #e21c36;}

.Proimg{ background: #FFF;}
.Proimg .content{padding: 20px;}
.Proimg .item{padding-top: 20px;}
.Proimg .item p{ text-align: center; line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.Proimg .item-img{ position:relative; border: 1px solid #e7e7e7; height: 220px;}
.Proimg .case-img{ position:relative; border: 1px solid #e7e7e7; height: 110px;}
.Proimg .item-img img , .case-img img{position:absolute; margin:auto; top:0; right:0; bottom: 0; left: 0; max-width: 100%; max-height: 100%;}



.here-title {border-bottom: 3px solid #d0d1d0;}
.here-title h1{font-size: 18px; color: #333; border-bottom: 3px solid #e21c36;line-height: 38px; display: inline-block; margin: 0; margin-bottom: -3px;}
.here-title span{ float: right; line-height: 38px;}
.here-title span a{color:#e21c36; }
.here-title span a:hover{color:#e21c36; }


/*首页三大优势*/
.youshi{ background:url(../Images/youshibg.jpg) repeat-y center top; overflow: hidden; padding-bottom: 50px;}
.youshi h1{font-size: 3em; color: #333; font-weight: bold; text-align: center; padding: 10px 0px 30px 0px;}
.youshi h1 big{ color: #e21c36;font-size: 1.5em;}
.youshi .content{background:#fff; padding: 10px; min-height: 717px;}
.youshi .content img{max-width: 100%;}
.youshi .content h2{color: #333; font-size: 23px;}
.youshi .content h2 big{color: #e21c36; font-size: 22px;}
.youshi .content li p{color: #666;line-height: 28px; padding-left: 20px; font-size: 14px;}
.youshi .content li i{color: #e21c36; line-height: 28px; float: left;}
.youshi .content span{color: #e21c36;font-size: 23px; padding-left: 20px;}

/*首页销售地图*/
.sales-map{ width: 100%; padding: 40px 0px;}
.sales-map h1{background:#e21c36; border-radius: 20px;color:#fff; font-size: 28px; text-align: center; margin: 0px 120px; padding: 20px 0px;}
.sales-map .jt{text-align: center; padding-left: 100px;}

.location-map{ position: relative; height: 510px;}
.location-map .map{background: url(../Images/map.png) no-repeat center center; height: 510px;}

.location{position:absolute;z-index: 998;}

.location-meixi{top:140px; left: 170px;}
.location-meidong{top:170px; left: 254px;}
.location-ouzhou{top:111px; left: 550px;}
.location-zhongdong{top:180px; left: 670px;}
.location-yinddu{top:244px; left: 770px;}
.location-huadong{top:186px; left: 887px;}
.location-xianggang{top:212px; left: 880px;}
.location-riben{top:166px; left: 957px;}
.location-malaixiya{top:281px; left: 841px;}
.location-xinjiapo{top:300px; left: 850px;}
.location-yinni{top:328px; left: 882px;}
.location-aodaliya{top:400px; left: 967px;}
.location-huanan{top:200px; left: 827px;}
.location-huabei{top:150px; left: 867px;}

.location-meixi .location-name,
.location-meidong .location-name,
.location-ouzhou .location-name,
.location-zhongdong .location-name,
.location-yinddu .location-name,
.location-huadong .location-name,
.location-xianggang .location-name,
.location-riben .location-name,
.location-malaixiya .location-name,
.location-xinjiapo .location-name,
.location-yinni .location-name,
.location-aodaliya .location-name,
.location-huanan .location-name,
.location-huabei .location-name
{
	bottom: -4px; 
	left:24px;
	}








.location-name{position:absolute;z-index: 999 display:block;}
.location-name span{color: #333;font-size: 13px;display: block; width: 80px;}

.location-pin{position:relative;z-index: 999;display: block; width:12px; height:12px;}
.location-pin, 
.location-pin:after{
	background-color: #e21c36;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
    }
.location-pin:after{
	position: absolute;
	top:50%;
	left: 50%;
	display: block;
	content: ""; 
	height: 22px; 
	width: 22px;
	margin: -11px 0 0 -11px; 
	-webkit-animation: pulsate 2s linear;
	animation: pulsate 2s linear; 
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	}
@-webkit-keyframes pulsate{
  0% {
      -webkit-transform: scale(0);
      opacity: .05;
  }
  20% {
      -webkit-transform: scale(0.7);
      opacity: .1;
  }
  40% {
      -webkit-transform: scale(0.9);
      opacity: .2;
  }
  60% {
      -webkit-transform: scale(1.1);
      opacity: .3;
  }
  100% {
      -webkit-transform: scale(1.4);
      opacity: 0;
  }
}
@keyframes pulsate{
  0% {
      transform: scale(0);
      opacity: .05;
  }
  20% {
      transform: scale(0.7);
      opacity: .1;
  }
  40% {
      transform: scale(0.9);
      opacity: .2;
  }
  60% {
      transform: scale(1.1);
      opacity: .3;
  }
  100% {
      transform: scale(1.4);
      opacity: 0;
  }
}


/*--我们的客户--*/ 
.customers{ background:url(../Images/hezuobg.jpg) no-repeat center; background-size:cover;}
#owl-demo {margin-left: auto;margin-right: auto;}
#owl-demo .item {display: block;margin: 5px;}
#owl-demo img {display: block; width: 100%;}


/*--首页新闻资讯--*/

.Newsline{ width: 100%;}
.Newsline .title{font-size: 18px;padding: 0px;line-height: 30px; color: #333; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.Newsline .title a{color: #333;}
.Newsline .title a:hover{color: #62a61d;}
.Newsline .Content{line-height: 24px; padding-top: 5px;}
.Newsline .list{ width: 100%; padding-top: 15px;}
.Newsline .list ul{padding: 0px;}
.Newsline .list ul li{ border-bottom: 1px dashed #e7e7e7; line-height: 30px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.Newsline .list ul li a{color:#666666;}
.Newsline .list ul li a i{color:#e21c36;}
.Newsline .list ul li a:hover{color:#e21c36;}
.Newsline .list ul li span{ float: right; color: #a9a9a9;}



/*--内页News--*/
.New { width: 100%; border-bottom: 1px solid #e7e7e7; padding:0px 20px;}
.New ul { padding: 10px 0px;}
.New ul li h1{font-size: 22px; color: #62a61d; line-height: 32px;}
.New ul li h1 a{color: #333;}
.New ul li h1 a:hover{color: #e21c36;}
.New ul li span{color: #666;}
.New ul li.NewContent{line-height: 24px; padding: 5px 0px 10px 0px; text-indent: 2em;}

.New ul li.More a{ margin: 0; color: #df590f; text-align: center;  width: 130px; line-height: 38px;border: 1px solid #e7e7e7;display: inline-block;transition: all .5s;}
.New ul li.More a:hover{ color:#FFFFFF; background:#e21c36;text-indent:4px;}

/*单页面详情页*/
.SinglePage{background: #FFF;}
.SinglePage .content{padding:20px;}
.SinglePage p{padding:15px 0px; line-height: 28px;}
.SinglePage p img{ max-width: 100%;}

/*--产品详情页--*/
.Detail{background: #FFF;}
.Detail h1{width:100%; font-size: 22px;line-height: 50px;}
.Detail .line{border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7; padding: 10px 0px; color: #999;}
.Detail .DetailContent{ text-indent: 2em; line-height: 28px; padding: 20px 0px; }
.Detail .DetailContent img{max-width: 100%;}


/*--底部友情链接--*/
.Link{ background:#e21c36;}
.Link h1{color: #FFF; font-size: 22px; float: left; margin: 0px; line-height: 60px;}
.Link li{ float: left; display: inline-block;  padding: 0px 8px; margin-top: 20px;}
.Link li span{ color: #FFF; padding-left: 15px;}
.Link li a{color: #FFF;}
.Link li a:hover{color: #fbd608;}

/*--底部样式--*/
.FootMenu{background:#2f2f2f; padding: 30px 0px;}
.FootMenu .wx img{max-width: 100%;}
.FootMenu .wx span{color: #FFF; padding:10px 0px; display: block;}
.FootMenu .lx p{color: #FFF; line-height: 24px;}

.Footsubmenu{width: 100%;}
.Footsubmenu h1{ color: #FFF; font-size: 15px; margin: 0; padding-bottom: 15px;}
.Footsubmenu li{ float:left; height:26px; line-height:26px; font-size:13px; width: 100%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.Footsubmenu li a{color:#ccc; }
.Footsubmenu li a:hover{color:#e21c36;}

.Copy{color:#ccc; line-height:55px; text-align:center;  background: #202020;}
.Copy a{color:#ccc;}
.Copy a:hover{color:#e21c36;}

.Mobile-fluid{position:fixed; left:0; bottom:0; background-color: rgba(0,0,0,0.6);width:100%; border-top:3px solid #e21c36;}
.Mobile-fluid ul {width:100%; overflow:hidden; padding:5px 0; padding-top: 15px;}
.Mobile-fluid ul li{ float:left; width:25%; text-align:center; margin:0 auto;}
.Mobile-fluid ul li i{color: #FFF;font-size: 36px;}
.Mobile-fluid{display:none;}



/* 超小设备（手机，小于 768px） */
@media only screen and (max-width: 768px) {
 
.logo img {padding-left: 10px;}
.navbar-nav {float:left !important;margin: 0px !important;}
.navbar-nav>li{width:100%; height: auto;}


.navbar-default .navbar-nav>li>a {text-align:left;line-height: 40px; border-bottom:1px solid #e7e7e8; padding: 0px 20px; width: 100%;}  
.navbar-default .navbar-nav>li>a:hover,.navbar-nav>li>a:active {background:#e21c36 !important; color: #333 !important; height:38px; line-height:38px; margin:0 0; width: 100%;}

.dropdown-toggle{ height:40px; line-height:40px;}
.dropdown-menu>li>a{ width: 100%;}
.navbar-collapse{padding-left:0px !important;}



.banner{height:258px;}
.slider{overflow:hidden;}
.slider li{width: 760px;float:left;list-style:none;}
.slider li a.banner01{background:url(../Images/wap01.jpg) top center no-repeat; background-size:100%;display: block;}
.slider li a.banner02{background:url(../Images/wap02.jpg) top center no-repeat; background-size:100%;display: block;}
.num{bottom:10%;}	


.company h1{ padding-top: 20px;}
.youshi h1{font-size: 1.8em;}
.youshi .content{ margin-bottom: 20px;}
.sales-map h1{font-size: 20px;  margin: 0px 25px; line-height: 30px; }
.Proimg .item-img { height: 120px;}
.Info-Title{height: auto;}
.PageUP-Down{text-align: left;;}


	
.Mobile-fluid{ display:block;}
.Copy{padding-bottom:80px; padding-top: 15px; line-height:28px;}

}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {
	
.logo img{width:200px;}	
.navbar-default .navbar-nav>li>a {width: 100px;} 
	
}


@media only screen and (max-width: 320px) {
	
.banner{height:188px;}
	
}