/*头部样式*/
.head{background: url(../images/head.png) no-repeat center top;border-bottom:1px solid #dedede}
#header{width:1200px;margin:0 auto;position: relative}
.logo{float:left;position: relative;z-index: 99;padding-top:4px;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



.menu { width: 100px; height: 50px; z-index:99;position: absolute; right: 0; top: 30px; color: #009572; font-size: 16px; line-height: 50px; cursor: pointer; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s }
.menu-handler {width: 50px; height: 50px; cursor: pointer; position: relative; float: right; transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all .3s cubic-bezier(0.445, 0.145, 0.355, 1); }
.menu-handler .burger { width: 24px; height:2px; background: #2e2e2e; display: block; position: absolute; z-index: 5; top: 17px; left: 50%; margin: 0 0 0 -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center }
.menu-handler .burger-2 { top: 24px;}
.menu-handler .burger-3 { top: 31px }
.menu-handler span{transition:all .5s;-webkit-transition:all .5s;}
.menu-handler.active .burger-1 { top: 23px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg) }
.menu-handler.active .burger-2 { -ms-filter: alpha(opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0 }
.menu-handler.active .burger-3 { top: 23px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg) }
.menu-handler:hover .burger-1{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);}
.menu-handler:hover .burger-2{transform:scaleX(.8);-webkit-transform:scaleX(.8);}
.menu-handler:hover .burger-3{transform:scaleX(1.2);-webkit-transform:scaleX(1.2);}

.menu-handler.active .burger{background:#fff;}
.menu-handler.active{background: #686868;border-radius:50%;}


.menuBox { position: fixed; z-index: 100; background-color: #fff; left: 0; top: 0; width: 100%; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s; height: 0; overflow: hidden; box-sizing: border-box }
.open .menuBox { height: 100%; padding: 15% 0 0 }
.nav {width:1100px;margin:0 auto;}
.nav dd { float: left; display: block; width: 25%; font-size: 16px;text-align: center; }

.nav a:link, .nav a:visited { color: #808080 }
.nav a:active, .nav a:hover { color: #28166f }
.nav dd .t a { color: #464646 }
.nav dd .t a:hover { color: #e2932b }
.nav dd .t { font-size: 20px; margin-bottom: 20px }
.nav dd .subnav li { margin-bottom: 5px; line-height: 28px }
.nav dd .subnav a { transition: .5s; -webkit-transition: .5s }
.nav dd .subnav a:hover { margin-left: 5px }
.menubot a:link, .menubot a:visited { color: #009572 }
.menubot a:active, .menubot a:hover { color: #555 }
.menubot { width: 950px; margin: 0 auto; font-size: 15px; line-height: 36px }
.menubot .btn-linx { display: inline-block; margin-right: 25px; border: 1px solid #009572 }
.menubot .btn-linx a { display: block; height: 100%; padding: 0 10px }
.no-csstransforms .nav { margin-bottom: 20px }
.no-csstransforms .nav dd { font-size: 14px }
.no-csstransforms .nav dd .t { font-size: 16px; margin-bottom: 15px }
.menulink a { margin-right: 60px }
.menuMobileBox { position: fixed; left: 0; top: 0; width: 100%; height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 10006; background-color: #fff; transition: all .3s ease-in-out 0s; -webkit-transition: all .3s ease-in-out 0s }
.menuclose { width: 48px; height: 48px; display: block; position: absolute; right: 9px; top: 9px; cursor: pointer }
.menuclose:hover { background-color: #009572 }
.menuclose:hover i { background-color: #fff }
.menuclose i { width: 30px; height: 2px; background-color: #060606; position: absolute; left: 9px; top: 24px }
.menuclose .i1 { -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg) }
.menuclose .i2 { -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg) }
.mobileLogo { padding: 24px 0 0; text-align: center; width: 250px; margin: 0 auto; display: block; transition: 600ms ease 200ms; -webkit-transition: 600ms ease 200ms }

.page1{background:rgba(255,255,255,.6);border-bottom:1px solid #dfdfdf;position:absolute;width:100%;left:0;top:0;z-index:99;}
.open #menu{display: none}
#menu{margin-left:60px;}
.open .navTop{position: fixed;width:1200px;left:50%;margin-left:-600px;z-index: 999;}
/*热门搜索*/
.search{text-align:left;height:24px;background-color:#f8f8f8;padding:5px 10px 5px 10px;}
#formsearch{width:565px;margin:0 auto;height:45px;border:1px solid #7c8790;margin-top:8%}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*首页新闻*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*首页左侧联系我们*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*工程案例*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*产品推荐*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}




/*友情链接*/
.f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;}

/*页面底部*/
#container1{ width:100%; height:100%; position:relative;overflow:hidden;}
#BottFoot{ width:100%; height:275px; position:absolute; bottom:-211px; background:#fff; z-index:9; cursor:pointer; display:none;}
#BottFoot .lineWj{ width:100%; height:15px; background:#808080}
#BottFoot .lineWj img{ margin:auto; display:block;}
#BottFoot .centers{ width:1200px; height:244px; background:url(../images/wj.jpg); margin:0 auto; position:relative;}
#BottFoot .linkWj{ width:100%; height:14px; font-size:12px;padding-top:30px;}
#BottFoot .linkWj a:hover{ text-decoration:underline;}
#BottFoot.cur{ bottom:30px;}
#footer{ width:100%; height:52px; line-height:52px; color:#808080; position:absolute; bottom:0; left:0; z-index:9; background:#232828;text-align: center}

.lxff1{width:125px;float:left;line-height: 28px;color:#000;font-size:20px;text-align: center;margin-top:32px;}
.lxff1 p{padding-top:17px;}
.lxff1 span{display: block;color:#8d8d8d;font-size:14px;font-family: "arial";text-transform: uppercase}

.lxff2{width:650px;float:left;margin-left:65px;color:#343434;font-size:14px;line-height: 28px;}
.lxff2 .k1{line-height: 48px;border-bottom:1px solid #666666;margin-bottom:15px;}
.codes{width:265px;float:right;color:#343434;font-size:14px;line-height: 45px;margin-top:20px;}

/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;margin:0 auto;position: relative;left:50%;margin-left:-960px;margin-top:111px;}
.n_banner img{width:100%;height:auto}
.arrowA{
	position:absolute;
	left:0;
	bottom:30px;
	width:100%;
	height:37px;
	background:url(../images/dot.png) no-repeat center;
}

.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:100%;padding-top:10px;padding-bottom:80px;}
.right .content{padding:20px 0 20px;line-height: 27px;}

.sitebg{height:36px;background: #e4e4e4;color:#5d5d5d;line-height: 36px;}
.sitebg a{color:#5d5d5d;font-size:12px;}
.site{width:1200px;margin:0 auto;font-size:12px;}
.h3ti{color:#444444;font-size:26px;font-weight:normal;line-height: 98px;text-align: center}
.sitebg a:hover{
    color:#000;
}


.picList li{ margin-right:30px; float:left; _display:inline; overflow:hidden; text-align:center;margin-bottom:30px;}
.picList li:nth-child(3n){margin-right:0;}
.picList li .pic{overflow: hidden;}
.picList li .pic img{ width:380px; height:246px; display:block;    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.picList li:hover .pic img{    transform: scale(1.08, 1.08);}


.picList li h3 a{
  display: block;
  height:66px;
  line-height: 66px;
  color:#5d5d5d;
  font:400 14px/66px "microsoft yahei";
  padding-left:12px;
  position: relative;
  text-align: left;
}

.picList li h3 a::after{
  position: absolute;
  content:"";
  width:100%;
  height:3px;
  background: #dadada;
  transition:.7s;
  bottom:0;
  left:0;
}

.picList li:hover h3 a::after{
  width:100%;
  transition:.7s;
  background: #858585
}

.picList li h3 a span{
   
    width: 37px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    background: transparent url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat -30px -66px;
    transition: all 0.3s ease-out 0s;
    margin-top: -13px;
    border-left: 1px solid rgba(0, 0, 0, 0);
}
.picList li:hover h3 a span{
    background: url(http://resources.jsmo.xin/templates/upload/302/201606/icon.png) no-repeat 16px -66px;
    border-left: 1px solid rgba(0, 0, 0, .1);}

.backtoTopBox {
  /*width:200px;*/
  height: 200px;
  position: fixed;
  right: 2px;
  bottom: 40px;
  text-align: right;
  z-index: 99999999;
}

.backtoTopBox div {
  width: 40px;
  height: 40px;
  margin-bottom: 1px;
  background:rgba(0,0,0,.8);
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 40px;
}

.backtoTopBox div b {
  opacity: 0;
  font-size: 17px;
  padding: 12.5px;
  color: #fff;
  position: relative;
}

.backtoTopBox .footerConnect1{
  background:url(../images/codes.png) rgba(0,0,0,.8) center no-repeat;
}

.backtoTopBox div:nth-of-type(1) b {
  position: relative;
  right: 0px;
  white-space: nowrap;
  line-height: 60px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.backtoTopBox div:nth-of-type(2) b {
  white-space: nowrap;
  line-height: 40px;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  padding-left: 20px;
}


.backtoTopBox div.footerConnect:hover {
  width: 192px;
  line-height: 40px;
  text-align: center;
  background: url(../images/phone1.png) rgba(0,0,0,.8) center no-repeat;
  color: #fff;
  background-position: 15px center;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.backtoTopBox div.footerHelp a{display: block;line-height: 40px;height:40px;}
.backtoTopBox div.footerHelp:hover{
  width: 172px;
  line-height: 40px;
  text-align: center;
  background: url(../images/phone1.png) rgba(0,0,0,.8) 11px center no-repeat;
  color: #fff;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
}

.backtoTopBox div.footerHelp:hover b,
.backtoTopBox div.footerConnect:hover b {
  opacity: 1;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.backtoTopBox div.footerConnect:hover {
  width: 145px;
}

.backtoTopBox .footerHelp {
  background: url(../images/phone1.png) rgba(0,0,0,.8) center no-repeat;
  top: 41px;
}

.backtoTopBox .footerHelp b {
  padding: 0;
  padding-top: 14px;
  position: relative;
  top: 1px;
}

.backtoTopBox .footerHelp:hover {
  background: url(../images/phone1.png) rgba(0,0,0,.8) center no-repeat;
}

.backtoTopBox .footerBack {
  background: url(../images/top2.png) rgba(0,0,0,.8) center no-repeat;
  top: 123px;
  cursor: pointer;
}

.backtoTopBox .footerBack:hover {
  background: url(../images/top2.png) rgba(0,0,0,.6) center no-repeat;

}

.backtoTopBox .footerConnect:hover {
  background-image: url(../images/zaixianzixunH.png);
}

.backtoTopBox .footerBack {
  display: block!important;
}

.footerqq{
  text-align: center;
  background: rgba(0,0,0,.8)
}

.backtoTopBox .footerConnect1{
  top:82px;
}
.syewm {
          display: block!important;
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
          z-index: 999;
          position: fixed;
          bottom: 120px;
          right: -56px;
          width: 160px;
          height: 190px;
          background: #fff;
          text-align: center;transition:.7s; opacity: 0;}

         .syewm.ac{
              right:70px;
              transition:.7s;opacity: 1;
          }    
          .syewm img {
            margin: 15px auto 8px; }
          .syewm p {
            margin: 0;
            color: #666666;
            font-size: 12px;
            line-height: 14px; }