/* CSS Document */
body{ padding:0px; margin:0px; font-size:14px; line-height:24px; font-family:"微软雅黑"; color:#666666; } 
ul{ list-style:none; list-style-type:none; padding:0px; margin:0px;}
a { color:#333333; text-decoration:none; border:none}
a:hover { color:#fd9b10;}
img { border:none}
.mar { width:1200px; margin:0 auto;}
a:hover { color:#fd9b10}
.left { float:left}
.right { float:right}
.clear { clear:both}
.blank5{ height:5px;  }
.blank10{ height:10px;  }
.blank20 { height:10px;}
.blank30 { height:30px;}
.classbg { background: url(cpptbg.png) top center no-repeat; padding-top:40px; text-align:center;  font-size:20px; font-weight:400; line-height:30px; color:#333333; margin-bottom:20px;}
#left { float:left;}
#right{ float:right;}
a { text-decoration:none; color:#4D4D4D;}
.line{ width:100%; height:3px; background:#f50000;}
.head { width:1200px; margin:0  auto; height:117px;}
.logo { margin-top:16px;}
.tel { margin-top:25px;}

/* 导航 */
* {margin: 0;padding: 0;font-family: "microsoft yahei";color: #000;font-size: 14px;}
ul {list-style: none;}
.head{position: relative;width:100%;background: #3aaaf8;border-bottom:1px solid #ddd;height:48px;z-index: 9999}
.head .navbox{width: 1200px;margin: 0 auto;}
.head .nav{display: block; float: left;width:calc(100% - 180px)}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;border-right: 1px solid #cccccc;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{border-left: 1px solid #cccccc;}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#fff;}
.head .nav ul li:hover .f_a{background-color:#cf1322;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox{display:none;position: absolute;left: 0;width: 100%; background:#fff;background-color: #00a2ff;z-index: 9999;box-sizing: border-box}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#cf1322;color: #fff;}
/* 导航 */
/*顶部微信二维码样式*/
.shouji{ width:150px; height:40px; margin:0px auto;position:relative; font-size:12px; text-align:center;}
.shouji a{width:150px; height:40px; display:block; position:absolute; left:0; top:0; no-repeat center top; }
.shouji a:hover{color:#e5b958;}
.shouji .shouji_nr{width:100px; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.shouji .shouji_nr img{ margin-bottom:5px;}
.shouji .shouji_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.shouji.on .shouji_nr{ display:block; left:17px;}
.shouji.on a{  no-repeat left bottom;}

.ali{ width:150px; height:40px; margin:0px auto;position:relative; font-size:12px; text-align:center;}
.ali a{width:150px; height:40px; display:block; position:absolute; left:0; top:0; no-repeat center top; }
.ali a:hover{color:#e5b958;}
.ali .ali_nr{width:100px; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:45px; display:none;}
.ali .ali_nr img{ margin-bottom:5px;}
.ali .ali_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.ali.on .ali_nr{ display:block; left:17px;}
.ali.on a{  no-repeat left bottom;}

/*案例切换样式开始*/
.tab1{width:1200px;margin:40px auto 0 auto;}
.menu{height:28px;}
.menu li{float:left;width:120px;text-align:center;line-height:28px;height:42px;cursor:pointer;color:#666;font-size:14px;overflow:hidden;}
.menu li.off{color:#000000;border-bottom: 2px solid #000000;text-decoration: nonefont-weight:bold;}
.menudiv{height:400px;}
.menudiv div{ padding-top:30px; padding-bottom:30px;line-height:28px;}
/*案例切换样式结束*/

/*导航吸顶样式开始*/
.box {
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  height: 72px;
  text-align: center;
  color: #fff;

}

.box1 {
  top: 0;
  z-index: 101;
  background:#8d8499;
}

/*导航吸顶样式结束*/
/*产品栏目页开始*/
.demo{
	padding: 2em 0;
}
.product-grid{
border: #e7e7e7 solid 1px;
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	overflow: hidden;
	position: relative;
	transition: all 0.5s ease 0s;
}
.product-grid:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.3); }


.product-grid:hover .product-image img{ transform: scale(1.3); }
.product-grid .product-content{
    padding: 12px 12px 15px 12px;
    transition: all 0.5s ease 0s;
}
.product-grid .price {
    font-size: 18px;
    font-weight: 600;
    color:#000000;
}
.product-grid .price:hover {
    font-size: 18px;
    font-weight: 600;
	background:#FFFF00;
	color:#000000;
}
@media only screen and (max-width:990px){
    .product-grid{ margin-bottom: 30px; }
}
/*产品栏目页结束*/

/*荣誉资质样式*/
        .bigimg{width:1200px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 10px solid #fff;}
        .mask{position: fixed;left: 0;top: 0; right: 0;bottom: 0;background-color: #000;opacity:0.5;filter: Alpha(opacity=50);z-index: 98;transition:all 1s;display: none}
        .bigbox{width:1200px;background: #fff;border:1px solid #ededed;margin:0 auto;border-radius: 10px;overflow: hidden;padding:10px;}
        .bigbox>.imgbox{width:380px;height:280px;float:left;border-radius:5px;overflow: hidden;margin: 0 10px 10px 10px;}
        .bigbox>.imgbox>img{width:100%;}
        .imgbox:hover{cursor:zoom-in}
        .mask:hover{cursor:zoom-out}
        .mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
        .mask>img:hover{cursor:pointer}
/*荣誉资质样式*/


/*首页滚动样式开始*/
.syanli ul{ width:1200px; list-style:none; list-style-type:none; margin:0px; padding:0px;}
.syanli ul li{ width:400px; float:left; margin-top:7px; text-align:center;}
.syanli ul li img { width:380px; height:250px;}
/*首页滚动样式结束*/

/*首页新闻样式开始*/
.syxinwen ul{ width:1200px; list-style:none; list-style-type:none; margin:0px; padding:0px;}
.syxinwen ul li{ width:400px; float:left; margin-top:7px; text-align:center;}
.syxinwen ul li img { width:380px; height:250px;}
/*首页新闻样式结束*/
/*返回顶部开始*/
ol,ul,li,fieldset,form,label{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
ol,ul{list-style:none}
 #service{width:161px;height:290px;position:fixed;top:350px;right:0px; z-index:100;}
            *html #service{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
            #service li{width:161px;height:60px;}
            #service li img{float:right;}
            #service li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
            #service li a .shows{display:block;}
            #service li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
            #service li a.weixin_area .hides{display:none;position:absolute;right:143px;}
            #service li a.weixin_area .weixin{display:none;position:absolute;right:0;top:48px}
            #p2{width:112px;background-color:#A7D2A9;height:47px;margin-left:47px;border:1px solid #8BC48D;text-align:center;line-height:47px}
            #p3{width:112px;background-color:#EC9890;height:47px;margin-left:47px;border:1px solid #E6776C;text-align:center;line-height:47px}
            #p1{width:47px;height:49px;float:left}
            a:hover{text-decoration: none}
/*返回顶部结束*/
.dibudaohang{ width:660px;}
.dibudaohang ul{margin:0;padding:0;width:660px; text-align:center;}
.dibudaohang ul li{display:inline;float:left; list-style:none; width:110px; font-size:16px; font-weight:600; text-align:left;}
.dibudaohang ul li ul{display:inline;float:left; list-style:none; width:110px; text-align:center; padding-top:15px;}
.dibudaohang ul li ul  li{display:inline;float:left; list-style:none; width:110px; font-size:13px; color:#a5a5a5; text-align:left;}

.chanpin{ width:1200px;}
.chanpin ul{margin:0;padding:0;width:1200px; text-align:center; height:320px;}
.chanpin ul li{display:inline;float:left; background:#FFFFFF; list-style:none; width:230px; height:251px; margin-right:10px; text-align:center;}



#tupian{  
                width: 300px;       
                overflow: hidden;  
 
  
                cursor: pointer;  
                transition: all 0.6s;  
            }  
            #tupian:hover{  
                transform: scale(1.1);  
            }

/*列表导航开始*/
.liebiao ul {
  float:left;
  width:220px;
  padding:0;
  position:relative;
  border:#bfbfbf solid 1px;
}

.liebiao ul li {
  float:left;
  clear:left;
  width:200px;
  padding-left:10px;
  padding-right:10px;
  line-height:40px;
  list-style:none;
  border-bottom:#bfbfbf solid 1px;
  cursor:pointer;
  color:#333;
  position:relative;
  z-index:2;
}

.liebiao ul li a {
  float:left;
  clear:left;
  width:200px;
  padding-left:10px;
  line-height:40px;
  list-style:none;

  cursor:pointer;
  color:#333;
  position:relative;
  z-index:2;
}


.liebiao ul li:hover {
  background-color:#f9f9f9;
  border-color:#fd9b10;
  width:200px;
}
/*列表导航结束*/