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

 *{ margin:0; padding:0;}
 body{min-width: 1200px; color:#333; font-size:14px; font-family:'Microsoft YaHei'; }
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .f1{ width:100%;margin:0 auto;}
 .f2{ width:1100px; margin:0 auto;}
 .clear{ clear:both}
 img{ border:0;}
 
.head{ height:105px; background:url(../images/lo1.png) center no-repeat #fff; border-bottom:1px solid #ceb58a; position:relative;}
.head .logo{ width:200px; height:170px; position:absolute; left:50%; top:0; margin-left:-100px; background:#fff url(../images/logo.jpg) center no-repeat; cursor:pointer}
.head .logo a{ display:block}
.menu{ height:65px;background:#fff }
.menu li{ width:112px; line-height:30px; text-align:center; padding-top:10px; font-size:15px; overflow:hidden; height:65px; /*position:relative*/transition:all 0.2s linear}
.menu li p{ line-height:15px; font-size:12px;transition:all 0.2s linear}
.menu li a p{ color:#333;}
.menu li:nth-child(5){ margin-left:200px}
.menu li:hover{ line-height:70px;transition:all 0.2s linear}
.menu li:hover p{ position: relative; top:-60px; transition:all 0.2s linear}

.banner{ height:485px; background:#ccc}
#kinMaxShow{visibility:hidden;width:100%; height:450px; overflow:hidden;}


.hot{ height:80px; background:#dadada; line-height:80px;}
.hot .h_p{ width:600px; float:left; height:60px;}
.hot .h_p span{ float:left; font-weight:bold; font-size:15px}
.hot .h_p p{ float:left; margin-left:10px}
.hot form{ width:300px; height:60px; float:right; position:relative}
.input1{ width:260px; height:30px; float:right; margin-top:25px; outline:none; text-indent:15px}
#submit1{ position:absolute; top:25px; right:0; border:0; background:#0076bc url(../images/ss.png) center no-repeat; height:33px; width:60px; color:#fff; cursor:pointer; outline:none }


.ab{ height:220px; padding:90px 0 30px;}
.ab .tit{ width:100%; height:72px; background:url(../images/ab.png) center no-repeat; margin-bottom:20px;}
.ab .ab_txt{ font:16px/30px 'Microsoft YaHei'; text-align:center; }
.ab_b{ height:196px; background: url(../images/ab_b.jpg) center no-repeat;}


.zzen{ height:550px; padding:65px 0 60px; background:url(../images/hjbg.png) center 60px no-repeat;}
.zzen .tit{ width:100%; height:72px; background:url(../images/sshj.png) center no-repeat; margin-bottom:60px;}
.zzen .zz_pic{ height:450px;}
.zzen .zz_pic ul li{ width:260px; height:320px; background:#fff; text-align:center; line-height:60px; box-shadow:0 0 15px #999; margin-left:20px; position: relative; overflow:hidden}

.zzen .zz_pic ul li .p1{ position:absolute; left:0; bottom:0px; width:100%;transition:all 0.3s linear}
.zzen .zz_pic ul li:hover .p1{left:100%;transition:all 0.3s linear }
.zzen .zz_pic ul li .p2{ position:absolute; left:-100%; bottom:0px; width:100%;transition:all 0.3s linear}
.zzen .zz_pic ul li:hover .p2{left:0%;transition:all 0.3s linear}

.zzen .zz_pic ul li .img2,.zzen .zz_pic ul li .img1{ position:absolute; top:0; left:0; width:100%; height:260px;}
.zzen .zz_pic ul li .img2{ transform:rotateY(-90deg); transition:all 0.3s linear}
.zzen .zz_pic ul li:hover .img2{ transform:rotateY(0deg);transition:all 0.3s linear}
.zzen .zz_pic ul li .img1{ transform:rotateY(0deg);transition:all 0.3s linear}
.zzen .zz_pic ul li:hover .img1{ transform:rotateY(90deg);transition:all 0.3s linear}
.zzen .zz_pic ul li:nth-child(1){ margin-left:0;}
.zzen .zz_pic ul li:nth-child(2n){ position:relative; top:80px}
.zzen .zz_pic ul li:hover { background:#0076BC;transition:all 0.1s linear 0.3s}
.zzen .zz_pic ul li:hover a { color:#fff}


.prod{ height:560px; background:url(../images/p.jpg) center top no-repeat; padding-top:220px}
.prod .prod_p{ height:510px; background:#fff; box-shadow:0 0 6px #999; padding-top:70px}

/*产品展示*/
#ISL_Cont_1{ margin:10px 5px 10px 5px;height:490px;float:left;  width:1100px  }
#ISL_Cont_1 .product{width:320px; height:470px; float:left; text-align:center; margin:0 10px; }
#ISL_Cont_1 .product a{width:320px; height:470px; float:left; text-align:center; }
#ISL_Cont_1 .product img{width:100%; height:395px; }
#ISL_Cont_1 .product:hover {transition:all 0.3s ease-in; box-shadow:0 0 3px #ccc}
#ISL_Cont_1 .product a span{width:100%;height:80px; line-height:80px; text-align:center; display:block;}
#ISL_Cont_1 .product:hover  a span{ background:#0076bc}
#ISL_Cont_1 .product:hover  a { color:#fff}
#Leftarr{float:left;margin-top:180px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline;}
#Rightarr{float:right;margin-top:180px;margin-left:20px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; right:-2px}


.liuc{ height:570px; padding:60px 0; background:url(../images/gc.png) center no-repeat;}



.xg{ height:700px;  background:url(../images/gx.jpg) center top no-repeat; padding-top:180px; margin-top:30px}
.xg .xg_con{ height:740px; background:url(../images/gx2.png) center  no-repeat #fff; /*box-shadow:0 0 15px #999; */position: relative}
.xg .ss_pic{ width:350px; height:261px; background:url(../images/gx1.png) center no-repeat; position:absolute; left:-220px; top:70px}

.rq{ height:480px; background:url(../images/rq.png) center no-repeat;padding-top:380px; position:relative;top:-100px}
.rq .rq_con{ height:450px; position:relative}
.rq .rq_con .shiy{ width:1100px; height:450px;  position:absolute; right:0; }
/* qqshop focus */
#focus {width:1100px; height:450px; overflow:hidden; position:relative;}
#focus ul {height:380px; position:absolute;}
#focus ul li {float:left; width:1100px; height:400px; overflow:hidden; position:relative; }
#focus ul li dl{ width:240px; height:400px; float:left;margin:0 17px;  color:#fff; overflow: hidden;position:relative}

#focus ul li dl dt{ width:240px; height:120px; text-align:center; font:24px/120px 'Microsoft YaHei';background:#333;transition:all 0.3s linear; position:absolute; left:0; bottom:0;color:#fff; }
#focus ul li dl dt div{  width:180px; height:100px; margin:20px 30px; font:15px/26px 'Microsoft YaHei'; text-align:center}
#focus ul li dl:hover dt div{ transition:all 0.3s linear0.1s}
#focus ul li dl:hover dt{ background:#0076bc;font:40px/60px 'Microsoft YaHei'; transition:all 0.3s linear; height:200px; position:absolute; left:0; bottom:0;}
#focus ul li dl img{ width:100%; height:280px;position:absolute; top:0px; transition:all 0.3s linear;}
#focus ul li dl:hover img{ position:absolute; top:-80px;transition:all 0.3s linear;}
#focus ul li img:nth-child(1){ margin-left:0}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1100px; height:20px; left:0; bottom:0px;}
#focus .btn {position:absolute; width:1100px; height:10px; padding:5px 10px; right:0; bottom:0px; text-align: center;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:100px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#0076bc;}
#focus .btn span.on {background:#0076bc;}
#focus .preNext {width:45px; height:100px; position:absolute; top:130px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.new { height:479px; position:relative; top:-60px}
#title{ width:100%; font:20px/50px 'Microsoft YaHei'; text-indent:20px; background:#0076bc; height:50px; color:#fff; position:relative}
#title p{ position:absolute;  bottom:-20px; right:15px;background:#0076bc url(../images/hj.png) center no-repeat; width:50px; height:50px; border-radius:50%;}
#title p a{ display:block}
.new .news{ width:350px; height:479px; background:url(../images/yy.png) center bottom no-repeat; float:left}
.new .news .new_con{ width:348px; height:467px; border:1px solid #ccc;}
.new .news .new_con .new_img{ width:300px; height:120px; margin: 40px auto 20px;}
.new .news .new_con .new_img img{ width:100%; height:100%;}
.new .news .new_con ul { width:300px; margin:0 auto}
.new .news .new_con ul li{ width:100%; line-height:40px; border-bottom:1px dotted #ccc; transition:all 0.3s ease-in}
.new .news .new_con ul li span{ float:right}
.new .news .new_con ul li:hover{ width:95%; padding-left:5%; transition:all 0.3s ease-in}
.new .news .new_con ul li:hover a{ color:#0076bc}

.new .sangs{ width:350px; height:479px; background:url(../images/yy.png) center bottom no-repeat; float:left; margin:0 25px}
.new .sangs .sangs_con{ width:348px; height:467px; border:1px solid #ccc;}
.new .sangs .sangs_con .new_img{ width:300px; height:120px; margin: 40px auto 20px;}
.new .sangs .sangs_con .new_img img{ width:100%; height:100%;}
.new .sangs .sangs_con ul { width:300px; margin:0 auto}
.new .sangs .sangs_con ul li{ width:100%; line-height:40px; border-bottom:1px dotted #ccc; transition:all 0.3s ease-in}
.new .sangs .sangs_con ul li span{ float:right}
.new .sangs .sangs_con ul li:hover{ width:95%; padding-left:5%; transition:all 0.3s ease-in}
.new .sangs .sangs_con ul li:hover a{ color:#0076bc}



.new .contact{ width:350px; height:479px; background:url(../images/yy.png) center bottom no-repeat; float:right;}
.new .contact .contact_con{ width:348px; height:467px; border:1px solid #ccc;}
.new .contact .contact_con .new_img{ width:300px; height:120px; margin: 40px auto 20px;}
.new .contact .contact_con .new_img img{ width:100%; height:100%;}
.new .contact .contact_con .con_txt{ width:300px; margin:0 auto; line-height:30px;}



.honor{ height:180px;  position:relative; top:-10px; margin-bottom:40px}
.honor ul li{ width:258px; height:180px; margin-left:20px; }
.honor ul li img{ width:100%; height:100%;}


.foot{ height:240px; background:url(../images/foot.jpg) center no-repeat; padding-top:60px}
.foot .foot_l{ width:850px; height:175px; float:left;}
.foot .foot_l ul { width:100%; height:60px; border-bottom:1px solid #333;}
.foot .foot_l ul li{ width:105px; line-height:60px; text-align:center;}
.foot .foot_l ul li a{ color:#333}
.foot .foot_l ul li:hover a{ text-decoration:underline}
.foot .foot_l .banq{ padding:12px 10px; line-height:30px;color:#333; border-bottom:1px solid #333; height:75px}
.foot .foot_l .banq a{ color:#333}

.foot .foot_r{ width:150px; height:180px; float:right;}
.foot .foot_r p{ width:140px; height: 170px; background:#fff; display: inline-block; text-align:center; margin-left:10px}
.foot .foot_r p img{ width:120px; height:120px; margin:10px}
.foot .link{ width:100%;  line-height:45px; color:#333}
.foot .link a{ color:#333}
.foot .link span{ padding:0 20px}
.foot .link a:hover{ text-decoration:underline}



/* 内页*/
.content{ height:auto; padding:20px 0}
.content .tit{ height:70px; background:#fff; line-height:70px; box-shadow:0 0 10px #f2f2f2;}
.content .tit h3{  margin-left:30px; float:left; font-size:20px}
.content .tit span{ float:right; margin-right:30px}
.content .tit span a{ color:#333;}
.content .tit span a:hover { color:#0076bc}
.content .con_con{background:#fff;padding:40px 30px;  width:1040px; margin:10px auto auto auto; line-height:30px; height:auto;box-shadow:0 0 10px #f2f2f2;}
.syty{ height:auto; background:#fff;box-shadow:0 2px 2px #f2f2f2; padding:15px 20px; width:1060px;margin:0px auto 10px auto;}
.syty ul li{ text-align:center; padding: 20px 24px; font-size:16px; margin-bottom:5px }
.syty ul li:hover{ background:#0076bc; }
.syty ul li:hover a{ color:#fff;}
.syty ul span{ float:left; padding: 24px 0;}


.content .prolist{ background:#fff; line-height:45px; box-shadow:0 0 10px #f2f2f2;}
.content .prolist li{ width: 130px; height: 45px; margin: 2.5px; border: 1px solid #e4e4e4; text-align: center; overflow: hidden;}
.content .prolist a{display: block; color:#333; }
.content .prolist a:hover { background-color: #0076bc; color: #fff;}


.propic li{ width:240px; height:280px; border:1px solid #f5f5f5; margin-left:24px;  margin-bottom:20px; overflow:hidden; }
.propic li:nth-child(3n+1){ margin-left:0;}
.propic li img{ width:240px; height:240px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.propic li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;*/}
.propic li a{ color:#333}
.propic li:hover a{ color:#fff;}
.propic li:hover{ box-shadow:0 0 10px #ccc;  background:#0076bc}
.propic li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }








.propic1 li{ width:328px; height:100px; border:1px solid #f5f5f5; margin-left:24px;  margin-bottom:30px; overflow:hidden; }
.propic1 li:nth-child(3n+1){ margin-left:0;}
.propic1 li img{ width:100%; height:100px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
/*.propic1 li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;*/}
*/.propic1 li a{ color:#333}
.propic1 li:hover a{ color:#fff;}
.propic1 li:hover{ box-shadow:0 0 10px #ccc; }
.propic1 li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }



.news1 li a{ color:#333}
.news1 li{ width:100%; height:120px; border-bottom:1px dotted #ccc; margin-top:5px; border:1px solid #efefef  }
.news1 li dl dt{ width:150px; height:110px;  float:left; cursor:pointer; overflow:hidden ;margin:5px}
.news1 li dl dt img{ width:150px; height:110px;transition:all 0.3s linear; }
.news1 li:hover dl dt img{ transform:scale(1.1) ; transition:all 0.3s linear;}
.news1 li dl dd{ width:870px; float: right;} 
.news1 li dl dd h4{ line-height:40px; text-align:left; padding-top:5px}
.news1 li dl dd h4 span{ float:right; font-weight: normal; font-size:13px ; margin-right:10px}
.news1 li dl dd p{ line-height:30px; margin-top:5px}
.news1 li:hover dl dd h4 a{ color:#fff }
.news1 li:hover dl dd h4 { color:#fff }
.news1 li:hover  dl dd p a{ color:#fff;}
.news1 li:hover { background:#0076bc}



/*留言样式*/
fieldset{ border:none}
.msg_ul{width:480px;height:auto;overflow:hidden;margin:20px auto;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:6px;}
.msg_ul li p{width:90px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_textarea{border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer}



.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .qq{background-position: 0 -50px;}
.go-top .qq:hover{background-position: 0 -200px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 240px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}




.page {display:block;height:30px;text-align:center; padding-top:20px; padding-bottom:20px;}
.page a,.page span {background:#efefef;color:#4f4e49;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#0076bc;border-color:#0076bc;color:#fff;text-decoration: none;}
.abc{ color:#333 ; line-height:30px}
.abc:hover { color:#0076bc}


#left_product_info{width:245px; float:left;}
#left_product_info ul{ width:245px;  float:left;	}
#left_product_info ul li{list-style:none; height:44px;display:block; text-align:center;border: 1px solid #e4e4e4;margin-right: 4px;margin-bottom: 4px;line-height:44px;}
	
#left_product_info ul .zz{width: 94%;background: #0076BC;}
#left_product_info ul .zz a{color: #FFF;}

#left_product_info ul li a{text-decoration:none;  display:block; color:#333333;text-align:center;padding: 0 3px;}
#left_product_info ul li a:hover{text-decoration:none;   display:block; color:#ffffff;background-color:#00AEF3;  }


.libiao_menu{ width:245px;float:left;}
.libiao_menu dl{ width:245px; display:inline; margin:0 auto; }
.libiao_menu dl dt a{list-style:none;height:44px;display:block; text-align:center;border: 1px solid #e4e4e4;line-height:44px; margin-bottom:4px;background-color:#1782DC ; color:#fff;}
.libiao_menu dl dt a:hover,.libiao_menu dl dt a.hover,.libiao_menu dl dt a.ahover{background-color:#FBAD1F; color:#fff;}
.libiao_menu dl dd ul{ background-color:#FFF}
.libiao_menu dl dd ul li{ist-style:none;height:44px;display:block; text-align:center;border: 1px solid #e4e4e4;line-height:44px; margin-bottom:4px; float:none;}
.libiao_menu dl dd ul li a{ list-style:none;  width:245px;height:44px;display:block; text-align:center;border: 0px solid #e4e4e4;line-height:44px;}
.libiao_menu dl dd ul li a:hover{ background:rgba(241, 241, 241, 0.99);}