@charset "utf-8";
/* CSS Document */
.banner
{
	width:100%;
	height:500px;

}

.shutter {
  overflow: hidden;
  width:100%;
  height:570px;
  position: relative;
  margin:0 auto;
  
}
.shutter-img {
  z-index: 1;
}
.shutter-img,
.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 300px) {
  .shutter-img a > img {
  width: 100%;
  height:10%;
}
}


.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}
.mian{width:1203px; margin:0 auto;}



.about_ti{ width:385px; margin:0 auto; background:url(../images/abou_ti.png) no-repeat center 15px; padding-top:25px;}
.about_ti .abt_ti1{ width:385px; float:left; line-height:30px;  text-align:center; font-size:18px; color:#c2c2c2;}
.about_ti .abt_ti1 a{font-weight:bold; color: #000000;}
.about_ti .abt_ti2{ width:385px; margin-bottom:20px; float:left; text-align:center;font-size:24px;color:#C2C2C2;}
.about_ti .abt_ti2 a{font-size:24px; font-weight:bold; color:#C2C2C2;}
.about_ti .abt_ti3{ width:385px; float:left; tex  t-align:center; font-size:24px; color:#717171;}
.hr{width:70px; float:left; margin-left:80px; margin-top:15px; margin-bottom:15px;}

.aboutcen{ width:100%; min-height:429px; background:url(../images/aboutbg.jpg) no-repeat center top;}

.about{width:1203px; float:left; margin-top:30px;}
.aboufl{ width:600px; float:left; margin-left:40px;}
.aboufl h2{width:600px; float:left; margin-top:5px; margin-bottom:5px; font-size:26px; font-weight:bold; color:#666666;}
.aboufl h3{width:600px; float:left; margin-top:5px; margin-bottom:5px; font-size:18px; color:#666666; margin-bottom:20PX;}

.aboufl p{ width:600px; line-height:26px; float:left; text-indent:2em; margin-bottom:15px; font-size:13px; color:#868686;}
.aboufl p .blor{ font-size:13px; color:#004da1;}
.aboufr{ width:472px; margin-right:30px;}
.tre { width: 472px; height:353px; position: relative;
    overflow: hidden;
    cursor: pointer;}
.zoom {
    /* 缩放的元素 */
    width: 472px; height: 353px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.tre:hover .zoom {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}



.categories{width:100%; min-height:287px; background-color:#f2f2f2;}
.catego{ width:1203px; float:left; padding-bottom:50px;}
.catego li{ width:389px; float:left;}
.catego li:nth-child(1){margin:0 2px;}
.catego li:nth-child(2){margin:0 9px;}
.catego li:nth-child(3){margin:0 6px;}

.catego li dl{ width:389px; float:left;}
.catego li dl dt{ width:389px; float:left; min-height:295px;}
.catego li dl dd{ width:389px; float:left; background-color:#ffffff; min-height:61px; line-height:61px;}
.smayy{ background:url(../images/smayy.jpg) no-repeat center top;}
.ssswc{ background:url(../images/ssswc.jpg) no-repeat center top;}
.tlwfb{ background:url(../images/tlwfb.jpg) no-repeat center top;}
.catego li dl dt a{ width:50%; float:left;text-align:center; padding-left:25%; padding-top:220px; font-size:18px; color:#FFF;}
.catego li dl dd a{ width:100%; float:left; font-size:14px; color:#868686; padding:0 40px;}

/*产品推荐*/
.produshow{ width:100%; min-height:525px; background:url(../images/produshow.jpg) no-repeat center top;}
.show{width:100%;}
.box1 {width:1203px;position:relative;float:left; margin-top:30px;}
.box1 .leftLoop {overflow:hidden;width:1203px;float:left;}
.box1 .leftLoop .hd .prev,.hd .next {display:block;width:40px;height:40px;cursor:pointer;z-index:98;top:305px;}
.box1 .leftLoop .hd .prev {position:absolute;left:548px;background:url(../images/profl.png) no-repeat;}
.box1 .leftLoop .hd .next {position:absolute;left:610px;width:40px;height:73px;background:url(../images/profr.png) no-repeat;}
.box1.leftLoop .hd ul {float:ri  ght;overflow:hidden;zoom:1;margin-top:10px;}
.box1 .leftLoop .hd ul li {position:relative;_display:inline;float:left;width:260px;height:10px;overflow:hidden;background:#ccc;margin-right:10px;text-indent:-999px;cursor:pointer;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.box1 .leftLoop .bd ul li .pic img {width:290px;height:238px;}
.box1 .leftLoop .hd ul li.on {background:#f00;}
.box1 .leftLoop .bd ul {overflow:hidden;zoom:1;}
.box1 .leftLoop .bd ul li {width:290px; float:left;margin:0 5px;text-align:center;float:left;_display:inline;overflow:hidden;}
.box1 .leftLoop .bd ul li .pic{width:290px; float:left;}
.box1 .leftLoop .bd ul li .titlle a{ width:290px; float:left;color:#FFFFFF; }
.box1 .leftLoop .bd ul li .titlle a img{margin:0 20px;}
.box1 .leftLoop .bd ul li .titlle{width:290px; float:left; height:45px; line-height:45px;border-bottom:2px solid #FFF;}
.box1.leftLoop .bd ul li .titlle a img{ padding-bottom:15px;}
.box1 .tempWrap {
	width:1203px; !important
}
/*产品推荐*/

.features{ width:100%; background:url(../images/featuresbg.jpg) no-repeat center top; min-height:502px;}

.wap2_cont{ width:1203px; float:left; margin-top:25px;}

.wap3_img{ width:521px; float:left;}
.wap3_img ul{ width:521px; float:left;}
.wap3_img ul li{ width:521px; float:left; margin-bottom:17px; height:108px; line-height:108px; background:url(../image/sbli.jpg) no-repeat center top;}
.wap3_img ul li a{ display:block; font-family:Arial; font-size:18px; color:#333333; padding-left:85px;}
.wap3_img ul .on{  background:url(../image/sbli_hov.jpg) no-repeat center top;}
.wap3_img ul .on a{ color:#fff; font-weight:bold;}
.wap2fr{ width:661px; float:left; margin-left:10px;}
.wap2fr ul{ width:661px; float:left;}
.wap2fr ul li{ width:661px; float:left;} 

.wahy{ width:100%; background:url(../images/wahy.jpg) no-repeat center top; min-height:826px;}
.yohb{ width:496px; height:241px; background:url(../images/chos2.png) no-repeat center top;}
.yohb dl{ width:309px; float:left; margin-top:45px; }
.yohb dl dt{ width:309px; float:left; margin-left:180px; font-size:18px; color:#ffffff; font-weight:bold;}
.yohb dl dd{ width:359px; float:left;margin-left:110px; line-height:25px;font-size:14px; color:#FFF;}

.yokhdz{width:403px; height:286px; background:url(../images/chos6.png) no-repeat center top;}
.yokhdz dl{ width:309px; float:left; margin-top:85px; }
.yokhdz dl dt{ width:309px; float:left; margin-left:145px; font-size:18px; color:#ffffff; font-weight:bold;}
.yokhdz dl dd{ width:359px; float:left;margin-left:110px; line-height:25px;font-size:14px; color:#FFF;}


.xsfs{ width:496px; height:241px; background:url(../images/chos7.jpg) no-repeat center top; float:left; margin-left:301px;}
.xsfs dl{ width:309px; float:left; margin-top:50px; }
.xsfs dl dt{ width:309px; float:left; margin-left:185px; font-size:18px; color:#333333; font-weight:bold;}
.xsfs dl dd{ width:309px; float:left;margin-left:110px; line-height:25px;font-size:14px; color:#868686;}

.mag{ margin-top:58px;}

#container{ width:1230px; margin:0 auto;}
#container li{ position:relative;width:291px;height:316px;line-height:316px; text-align:center; margin:5px; float:left; cursor:pointer;  overflow:hidden;}
#container li p{ height:316px; width: 100%; position: absolute; left: 0; top:316px; color: #ffffff;z-index: 2; }
#container li .img{ width:291px; height:316px; display: block;-moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}

#container li p i{ width:100%; height:100%;display:block; position:absolute; left:0; top:0;z-index:-1;background:url(../images/lilihov.png) no-repeat center top;  font-size: 16px; 
ilter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7}
#container li p span{ display: block; width: 94%; margin: 0 auto; line-height: 24px; font-size: 12px; padding-top:120px;}
#container li p span a{color:#FFFFFF;}
.proname{ font-family:"微软雅黑"; font-size:14px;}
#container li p span a:hover{color:#FFFFFF}
.explain{ display:block; margin:0 auto;}

#diwu{z-index:2; position:absolute; top:-74px; left:148px;}
#diliu{z-index:2; position:absolute; top:-74px; left:150px;}
#diqi{z-index:2; position:absolute; top:-74px; left:150px;}


.newscont{width:100%; background-color:#f2f2f2;}

.waperfl{ width:1193px; float:left;}
.newsleft{ width:790px; float:left;}

.mews1{ width:388px;}
.mewimg { width:388px; height:194px; position: relative;overflow: hidden;cursor: pointer;}
.news {
    /* 缩放的元素 */
    width:388px; height:194px;
    vertical-align: middle;    
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
}
.mewimg:hover .news {
    /* hover放大 */
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    zoom: 1.05;
}

.mews1 { width:798px; float: left;}
.mews1 .news_tite{width:798px; float:left;}
.mews1 .mewimg{ width:389px; float:right; margin-right:10px;}
.mews1 ul li{ width:388px; margin-right:10px; float:left; line-height:39px;}
.mews1 ul li a{float:left; color:#666666;}
.mews1 ul li span{ float:right;}


.newsright{width:388px;}
.newsright ul{ width: 388px; float: left;background:url(../images/newscot.jpg) no-repeat center left;}
.newsright ul li{ width: 358px; padding-left:35px; float: left; line-height: 39px;}
.newsright ul .phone{ background:url(../images/phone.jpg) no-repeat left center;}
.newsright ul .tell{ background:url(../images/tell.jpg) no-repeat left center;}
.newsright ul .fax{ background:url(../images/fax.jpg) no-repeat left center;}
.newsright ul .email{ background:url(../images/email.jpg) no-repeat left center;}
.newsright ul .add{ background:url(../images/add.jpg) no-repeat left center;}