@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; font-family: "微软雅黑" }
body{ background:url(../images/body_bg.jpg) repeat; font:normal 12px/22px 宋体; overflow-x: hidden;}
img{ border:0; vertical-align:bottom; }
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1200{ width:1200px; margin: 0 auto;}
.clearfix{zoom:1}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}


/*头部*/
.logo { float:left; display: block; width:193px !important; }
.logo > img{display: block;  position: relative; top: -52px;}
.header > p{ font-size:14px; color:#fff; line-height: 40px; float:left;}
.header > .r{ margin-top:6px; position: relative;}
.header > .r > p > .icon{ font-size: 20px; background:#535353; display: block; width: 32px; height: 32px; text-align: center; line-height: 32px; color:#a9a9a9; border-radius: 50%; transition: .3s;}
.header > .r > p{ float:left;  margin-right: 10px;}
.header > .r > a{ color:#7d7d7d; font-size: 14px;line-height: 30px;}
.header > .r > span{ color:#7d7d7d; font-size: 14px; padding: 0 5px; line-height: 32px; }
.header > .r > p > .icon:hover{ background:#d7ac75; color:#fff; cursor: pointer;}
.header > .r > a:hover{ color:#d7ac75}
.head_wx{ position:absolute; width: 100px;left:9px; top: 40px; z-index: 3}
.head_sj{ position:absolute; width: 100px;left: -31px; top: 40px; z-index: 3}





/* 导航栏 */
#menu{ background:url(../images/nav.png) no-repeat center; height: 76px ; position: relative; z-index: 3; margin-top: 80px;}
#menu .active{}
#menu li > img{ float:left;margin-top: -28px;}
.header_bot{ border-top:3px solid #3fbe72;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#menu .nav{ position:relative; z-index:1;  margin: 0 auto; float:left;}
#menu .nav a{ color:#a0a0a0;}
.nLi .active{ background:url(../images/active_nav.png) no-repeat; }
#menu .nav .nLi{ float:left;  position:relative; display:inline; height:51px;transition: .3s; margin: 0 8px; }
#menu .nav .nLi:hover > h3 > a { color:#fff; background:url(../images/active_nav.png) no-repeat;  }
#menu .nav .nLi h3{ float:left; font-weight: normal;}
#menu .nav .nLi h3 a{ display:block; width:106px; text-align: center;font-size:14px; z-index: 2; position: relative; color:#d7ac75;height: 53px;  line-height: 51px;}
#menu .nav .sub{ display:none; width:106px; left:0; top:53px;  position:absolute; background:#d7ac75;  line-height:36px; }
#menu .nLi:hover h3 > a{ }
#menu .nav .sub li{ zoom:1; }
#menu .nav .nLi h3 .active{ color:#fff;}
#menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#fff;}
#menu .nav .sub a:hover{ color:#434343; background: #ffffff;  }
#menu .nav .on h3{ }
.nLi > h3 > span{display: block; width: 126px; text-align: center; position: absolute; top: 21px;font-size: 10px;font-weight: normal; color: #1b1b1b; }
.nav_search > .icon{ color:#fff; font-size:20px;}
.nav_search{ float:right; width:90px; height: 90px; background:#113582; text-align: center; cursor: pointer;}
.nav_search > p{ color:#000;position: relative;top: -51px;}
.nav_search_inptut{ position:absolute; right: 0; top: 90px; display:none;}
.nav_search_inptut > input{ background:#d4d4d4; width:266px; height: 43px; line-height: 43px; border: none; text-indent: 10px;}
.nav_search_inptut > .icon{ display:block; color:#222e48;position: absolute;top: -13px;right: 0;cursor: pointer;width: 50px;text-align: center;}
.nLi > h3 > img{ position: absolute;top: 29px;right: -13px;}
.nLi > .icon{font-size: 20px; display: inline-block; position: absolute; left: 66px;top: 34px; display:none;}
#menu .nav .nLi .sub a:hover{}
#menu .nav .on h3 a{}
#menu .active > h3 > a { color:#0eb66e !important}
#menu .nav .nLi:hover > h3 .logo{ background:none;}



#fix_menu{ position: fixed; height: 50px;display:none; top: 0; left: 0; right: 0; z-index: 9; background: #fff; border-bottom: 1px solid #e6e6e6;}
#fix_menu .active{ background:#e60214; }
#fix_menu li > img{ float:left;margin-top: -28px;}
.header_bot{ border-top:3px solid #3fbe72;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#fix_menu .nav{ position:relative; z-index:1;  margin: 0 auto;}
#fix_menu .nav a{ color:#a0a0a0;}
#fix_menu .nav .nLi{ float:left;  position:relative; display:inline; height:50px;transition: .3s;}
#fix_menu .nav .nLi:hover{ background:#e60214;}
#fix_menu .nav .nLi h3 a{ display:block; width:126px; text-align: center;font-size:14px; z-index: 2; position: relative; color:#434343;height: 50px;  line-height: 30px;}
#fix_menu .nav .sub{ display:none; width:126px; left:0; top:50px;  position:absolute; background:#c90615;  line-height:36px;  padding: 10px 0; }
#fix_menu .nLi:hover h3 > a{ }
#fix_menu .nav .sub li{ zoom:1; }
#fix_menu .nav .sub a{ display:block; text-align: center; height: 36px;font-size: 14px;  color:#fff;}
#fix_menu .nav .sub a:hover{ color:#c50216; background: #ffffff;  }
#fix_nav li.active > h3 > a{ color:#fff !important;}
#fix_nav li.active > h3 > span{color:#fff !important;}
#fix_nav .nLi:hover > h3 > a{ color:#fff;}
#fix_nav .nLi:hover > h3 > span{color:#fff;}
#nav > .active > h3 > span { color:#fff;}
.nLi:hover > h3 > span{ color:#fff;}


/* 首页:banner */
.fullSlide{ width:100%;  position:relative;  height:600px;clear: left; margin-top: -5px; z-index: 1; border-bottom:5px solid #d7ac75;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:600px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:600px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; background:url(../images/touming.png) repeat-x; text-align:center;_background:#000; _filter:alpha(opacity=60); }
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:17px; height:17px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; line-height:9999px; }
.fullSlide .hd ul .on{ background-position:0 0; }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.fullSlide .prev,
.fullSlide .next{ position:absolute; left:3%; top:43%; margin-top:-25px; display:block; width:79px; height:104px; background:url(../images/slider-arrow.png) -122px 7px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:3%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }

/*首页：产品展示*/
.inpro{ margin-top:60px;}
.intitle{overflow: hidden;}
.intitle > h3{ color:#d7ac75; font-size:24px; font-weight: bold;float:left; width: 230px;text-align: center; line-height: 50px;}
.intitle > p{ color:#fff; font-size:12px; letter-spacing: 6px; text-align: center;}
.intitle > hr{ width:485px; height: 1px; background: #d7ac75; float:left; position: relative; top: 25px;}
.inprofl-li{ background:rgba(0,0,0,.5); float:left; width:210px; height: 40px; line-height: 40px; position: relative; top:0; transition: .3s;}
.inprofl-li > a { color:#fff; font-size:16px;  padding-left: 11px;}
.inprofl-li > a > img{ float:left; margin-top: 14px; padding-left: 20px; padding-right: 11px;}
.inprofl-li + .inprofl-li{ margin-left:30px;}
.inpro-fl{ margin-top:30px;  }
.inpro-fl > ul{ display:table; max-width: 1200px; margin: 0 auto;}
.inpro-li{ float:left; margin-right:36px; margin-bottom: 30px; }
.inpro-li:nth-child(3){ margin-right:0;}
.inpro-li:nth-child(6){ margin-right:0;}
.inproli-div{ background:url(../images/pro_bg.jpg) no-repeat; width:374px; height: 271px; overflow: hidden; border:1px solid #383838;}
.inproli-div > img{width:374px; height: 271px; transition: .6s;}
.inpro-ul{ margin-top:40px; overflow: hidden;}
.inpro-ul > ul{overflow: hidden;}
.inpro-li > a > p{ color:#d7ac75; font-size:18px; text-align: center;  line-height: 60px; transition: .3s; }
.inpro-li > a > p:after{ content:""; width:0px; height: 1px ; display: inherit; background: #d7ac75; transition: all 0.4s ease-in-out 0s ;}
.inpro-li:hover > a > p:after{ width:376px;opacity: 1;}
.inpro-li:hover > a > p{ background:#161616; color:#fff; transition: .3s;}
.inpro-li:hover .inproli-div > img{ transform:scale3d(1.1,1.1,1);}
.inpro-ul > a { text-align: center;width:126px; height: 40px; display: block; border-radius: 40px; line-height: 40px; color:#d7ac75; font-size:14px; margin: 0 auto; border:1px solid #d7ac75; transition: all .4s ease-in-out 0s;}
.inpro-ul > a:hover{ width:80px; height: 40px; background:#d7ac75; color:#000;}
.inprofl-li:hover{ top:-10px;}


/*首页：公司简介*/
.in-about{ background:url(../images/body_bg2.jpg) repeat; margin-top:70px; padding-top: 70px; position: relative; padding-bottom: 140px;}
.inabout-r{ background:url(../images/about-img.jpg) no-repeat; height:467px;margin-top: 40px;}
.inaboutr-main{ float:right; width:50%; display:block; padding-top: 130px; }
.inaboutr-main p{ color:#fff;font-size:14px;text-indent: 30px; line-height: 30px;}
.inabout-r > ul{ float:right;width: 50%;clear: both; margin-top: 30px;}
.inabout-fl{ float:left; width:120px; background:#000; margin-right: 20px; border:1px solid #000;transition: all 0.3s; top:0; position: relative;}
.inabout-fl > a { color:#d7ac75; font-size:16px; line-height: 40px; text-align: center; display: block; }
.inabouf-li{ float:left; position: relative;}
.inabouf-li1{ background:url(../images/aboutimg01.jpg) no-repeat; width:240px; height: 306px;}
.inabouf-li2{ background:url(../images/aboutimg02.jpg) no-repeat; width:240px; height: 306px;}
.inabouf-li3{ background:url(../images/aboutimg03.jpg) no-repeat; width:240px; height: 306px;}
.inabouf-li4{ background:url(../images/aboutimg04.jpg) no-repeat; width:240px; height: 306px;}
.inabouf-li5{ background:url(../images/aboutimg05.jpg) no-repeat; width:240px; height: 306px;}
.inabout-zz{ background:url(../images/team_l_bg.png) repeat;width:240px; height: 306px; display: block;}
.inabout-zz > div{ width: 210px;height: 270px; border:1px solid rgba(215,172,117,.4); margin: 0 auto;  position: relative;top: 18px;}
.inabout-zz em{ text-align: center; display: block; letter-spacing: 4px; padding-top: 20px; color:#d7ac75; font-size:14px;}
.inabout-zz h3{ color:#d7ac75; font-size:26px; font-weight: bold; width:130px; margin: 0 auto; border-bottom:1px solid rgba(255,255,255,.5); text-align: center; line-height: 65px;}
.inabout-zz p{ color:#d7ac75; font-size:14px; line-height: 30px; padding: 0 20px; margin-top: 30px;}
.inabout-five{ margin-top:60px; position: relative; z-index: 3;}
.inabout-img{ position: absolute; bottom: 0; left: 0; right: 0;}
.inabout-fl:hover { top:-10px; border:1px solid #d7ac75; background: none;}
.inabout-zz2{ width: 210px;height: 270px; border:1px solid rgba(215,172,117,.4); margin: 0 auto;  position: relative;top: 18px;z-index: 3;}
.inabout-bh{ position: absolute; width:100%; height: 94px; left: 0; text-align: center;bottom: 0;background: #000;color: #d7ac75;}
.inabout-bh > em{ font-size:14px;letter-spacing: 4px; margin-top: 10px; display: block;}
.inabout-bh > h3{ font-size:26px; font-weight: bold; padding-top: 2px;}



/*首页：应用照明*/
.in-case{ margin-top:70px; position: relative; padding-bottom: 80px;}
.incase-li{ float:left; margin-right: 15px; margin-left: 15px; position: relative;}
.incaseli-div{width:349px; height: 251px;position: relative;}
.incaseli-div::after { content: ""; width:0%; height: 6px; background: #d7ac75; display: inherit;transition: all 0.4s ease-in-out 0s; position: absolute;bottom: -6px; left: 0;}
.incaseli-div > img{width:349px; height: 251px;}
.incase-slide{ margin-top:35px; position: relative; z-index: 3;}
.incase-slide > .bd{ background:rgba(0,0,0,.4); padding: 20px 30px;}
.incase-zz{ position:absolute; background: url(../images/team_l_bg.png) repeat; width:349px; height: 251px;top: 0; left: 0 ; right: 0;  }
.incase-zz > img{ width:225px; margin: 0 auto; margin-top: 40px; display: block;}
.incase-li > a > p{ color:#d7ac75;  font-size:18px; text-align:center; line-height: 60px;border-top: 6px solid #000; transition: .3s;}
.incase-img{ background:url(../images/case_bg.jpg) no-repeat; position:absolute; bottom: 0; right:0; left:0;}
.incase-word{ position:absolute; top:80px; margin-left: 100px;}
.in-case > a {text-align: center; width: 126px; height: 40px; display: block; border-radius: 40px;line-height: 40px; color: #d7ac75;font-size: 14px; margin: 0 auto; border: 1px solid #d7ac75; position: relative;z-index: 3; top: 40px;}
.incase-li:hover .incaseli-div::after{opacity: 1;width: 100%;}
.incase-li:hover a > p{ color:#fff;}
.in-case > a:hover{ width:80px; height: 40px; background:#d7ac75; color:#000;}



/*首页：新闻资讯*/
.in-news{ background:url(../images/body_bg2.jpg) repeat; padding-top: 70px;padding-bottom: 50px;}
.innews-fl{ margin-top: 10px;}
.innewsfl-li{ float:left; width:103px; height: 58px; line-height: 40px; border:1px solid #535353;text-align:center; background:url(../images/jt-w.png) no-repeat center; background-position-y:37px; transition: .3s;}
.innewsfl-li > a{ font-size:16px;  color:#fff;}
.innewsfl-li + .innewsfl-li{ margin-left:20px;}
.innews-fl > ul{ display:table; margin: 0 auto; max-width: 1200px;}
.innewsl-li{ width:656px; background:#1b1b1b; height: 160px;}
.innewslli-div{ float:left; width:245px; height: 160px; overflow: hidden}
.innewslli-div > img{width:245px; height: 160px; transition: .6s;}
.innewsl-r > h3{ color:#d7ac75; font-size:18px; padding-top: 20px; position: relative; left:0; transition: all 0.3s;}
.innewsl-r > span{ color:#606060; font-size:14px; display: block; padding-top: 3px;position: relative; left:0; transition: all 0.3s;}
.innewsl-r > p{ font-size:14px; line-height: 30px; color:#fff; padding-top: 13px ;position: relative; left:0; transition: all 0.3s;}
.innewsl-r{ float: right; width: 365px;margin-right: 25px;}
.innewsl-li{ margin-bottom:25px;}
.innews-l,.innews-r{ margin-top:40px;}
.innewsl-r{ position:relative;}
.innews-r{ width: 520px;;}
.innewsr-l{ width:75px; height: 77px; border:1px solid #535353; transition: .3s;}
.innewsr-l > h3{ font-size:20px; font-weight: bold; text-align: center; color:#fff;  line-height: 40px;}
.innewsr-l > p{ font-size:14px; color:#bfbfbf; margin: 0 auto; width:60px; border-top:1px solid #bfbfbf; text-align: center; line-height: 36px;}
.innewsr-r{ width:430px;}
.innewsr-li{ height:79px; margin-bottom: 9px;}
.innewsr-r > h3{ font-size:18px; color:#fff; padding-top: 4px; transition: .3s; position: relative; left:0;}
.innewsr-r > p{ color:#ababab; font-size:14px; padding-top: 8px;transition: .3s;position: relative; left:0;}
.innewsl-r > hr{ width:2px; height: 31px; background: #d7ac75; position: absolute;  right: -25px; top: 67px;}
.innewsl-r > hr:after{ content:""; width:2px; height:0;background: #d7ac75; top:-67px; display: inherit; position: relative; transition: all .4s ease-in-out 0s;}
.innewsr-l > h3:after{content:""; width:0; height: 1px; background: #fff; display: inherit; position: relative; top: 1px; left: 7px;transition: all .4s ease-in-out 0s;}
.innewsl-li:hover .innewsl-r > hr:after{ height:160px;}
.innewsl-li:hover .innewsl-r > h3{ left:10px;}
.innewsl-li:hover .innewsl-r > span{ left:10px;}
.innewsl-li:hover .innewsl-r > p{ left:10px;}
.innewsl-li:hover .innewslli-div > img{ transform:scale3d(1.1,1.1,1);}
.innewsr-li:hover .innewsr-l{ background:#d7ac75;}
.innewsr-li:hover .innewsr-l h3{ color:#000;}
.innewsr-li:hover .innewsr-l p{ color:#000; border-top:1px solid #000;}
.innewsr-li:hover .innewsr-l > h3:after{ width:60px;}
.innewsr-li:hover .innewsr-r > h3{ color:#d7ac75; left:10px;}
.innewsr-li:hover .innewsr-r > p{color:#fff;left:10px;}
.innewsfl-li:hover{ background:url(../images/jt-h.png) center no-repeat; background-color: #d7ac75; background-position-y:37px; }
.innewsfl-li:hover a{ color:#000;}


/*首页：合作客户*/
.in-partner{ padding-top:70px;}
.inpart-li{ border:3px solid #626262; float:left; margin-right: 20px; margin-bottom: 20px; position: relative; transition: .3s;}
.inpart-li:nth-child(5){ margin-right:0}
.inpart-li:nth-child(10){ margin-right:0}
.inpart-ul{ margin-top:50px; margin-bottom: 70px; overflow: hidden;}
.inpart-li:hover .inpartli-div:after{ width:218px; height: 118px; transition: visibility 0s .2s,width .1s linear .2s,height .1s linear .3s,background-size .1s linear .4s; background-size: 51% 1px;visibility: visible;}
.inpartli-div{ width:218px; height: 118px; overflow: hidden}
.inpartli-div > img{ width:218px; height: 118px; transition: .6s;}
.inpart-li:hover .inpartli-div > img{ transform:scale3d(1.1,1.1,1);}
.inpart-li:hover { border:3px solid #d7ac75;}



/*首页：友情链接*/
.in-link{ padding-bottom:20px;}
.in-link > h3{ color:#d7ac75; font-size:18px; float:left;}
.in-link > ul{ float:left; margin-left: 10px;}
.inlink-li{ float:left; line-height: 24px;}
.inlink-li > a { color:#fff; font-size:14px;}
.inlink-li > span{ color:#a0a0a0; padding: 0 10px;}
.inlink-li:hover > a{ color:#d7ac75;}

/*底部：通用*/
.footer{ background:url(../images/foot-bg.jpg) repeat;height: 322px;}
.footer > .w1200{padding-top: 40px;overflow: hidden;}
.footl-top{ color:#fff; font-size:16px;}
.footl-top .icon{ font-size:25px; display: block; float:left; width:30px; }
.footl-top > p{line-height: 40px;}
.footl-top > h2{ color:#d7ac75; font-size:32px;padding-left: 30px;}
.footl-top > em{ color:#d7ac75; font-size:12px;padding-left: 30px;}
.footl-bot{ margin-top:20px;}
.footl-bot li{ color:#d7ac75; font-size:14px; float:left; margin-right: 30px;}
.sjzz{ background:url(../images/wangshang_1.png) no-repeat; width: 96px; height: 16px; display: block; float:right;}
.ptzc{ background:url(../images/weiling_1.png) no-repeat; width:103px; height: 16px;display: block;float:right;}
.footm-fl{ width:296px; height: 310px; border:1px solid #d7ac75; margin-top:30px;}
.footm-li{ float:left; margin-bottom: 15px;   }
.footm-li > a > span{ width:6px; height: 6px; display: block; border-radius: 50%; background: #d7ac75; float:left; margin-right: 10px; margin-top: 10px;}
.footm-li > a { color:#fff; font-size: 16px; display: block;padding: 0 30px; position: relative; left:0; transition: .3s;}
.footm-fl > ul{padding-top: 40px; overflow: hidden;}
.footm-fl > h3{ color:#d7ac75; font-size:21px; text-align: center; margin-top: 60px;}
.footm-fl > p{ color:#bdbdbd; font-size:12px;text-align: center;line-height: 40px;}
.foot-m{ margin-left:110px;}
.foot-m > img{display: block; margin: 0 auto;}
.foot-r > p{ color:#fff; font-size:16px; padding-left: 16px; margin-bottom: 20px;}
.foot-r > p > .icon{ font-size:20px; padding-right: 4px;}
.foot-ewm > div{ background:url(../images/ewm_bg.png) no-repeat; width:126px; height: 126px; margin: 0 auto;}
.foot-ewm > div > img{ display: block; width: 95px; height: 95px; margin: 0 auto; padding-top: 15px;}
.foot-ewm{ float:left; width: 160px;}
.foot-ewm > p{ color:#d7ac75; font-size:12px; text-align: center;}
.foot-ewm > h3{ color:#fff; font-size:14px;text-align: center;}
.foot-ewm > .icon{ font-size:30px; color:#d7ac75;text-align: center; display: block; padding-top: 10px;}
.footer > .w1200 > p{ color:#fff; font-size:14px; text-align: center; clear: both; line-height: 50px;}
.footer > .w1200 > p > a{ color:#fff; padding-left: 10px;}
.footm-li:hover a{ color:#d7ac75; left:10px;}
.sjzz:hover{ background:url(../images/wangshang_2.png) no-repeat; width: 96px; height: 16px; display: block; float:right;}
.ptzc:hover{ background:url(../images/weiling_2.png) no-repeat; width:103px; height: 16px;display: block;float:right;}


/*联系方式*/
.nycontm-li{ float:left; padding: 0 114px;}
.nycontm-li > .icon{ font-size:70px; color:#be9765; text-align: center; display: block; height:50px; }
.nycontm-li:nth-child(2){ border-right:1px solid #313131;border-left:1px solid #313131}
.nycontm-li > h3{ font-size:18px; text-align: center; color:#fff; margin-top: 15px;}
.nycontm-li > p{ font-size:14px; text-align:center; color:#959595; line-height: 30px;}
.nycont-m{ margin-top:100px;  display: table; }
.nyewm-li{ float:left;}
.nycont-ewm > ul{ margin:0 auto; display: table; max-width: 900px;margin-top:50px;padding-bottom: 90px;}
.nyewm-li > img{ width:170px; height: 170px;}
.nyewm-li > p{ color:#fff; font-size:16px; text-align: center; line-height: 40px;}
.nyewm-li + .nyewm-li { margin-left:40px;}



/*网站地图*/
.contains{ height: 90px; background: url(../images/1920-90.jpg) center center no-repeat;}
.nmnow{ height: 40px; background: #F0F0F0;}
.nmnow .n{ width: 1200px; height: 40px; margin: 0 auto; font: 14px/40px "microsoft yahei"; color: #666;}
.main{ width: 1200px; margin: 50px auto;}
.main ul{ background: url(../images/4-2.jpg) 7px top repeat-y; padding: 30px 0;list-style: none}
.main li{ margin-bottom: 40px;list-style: none}
.main li h2{ font: 18px/32px "microsoft yahei"; background: url(../images/16-16.jpg) left center no-repeat; margin-bottom: 10px;}
.main li p{ font: 14px/22px "microsoft yahei";}
.main li p span{ color: #666;}
.main li p a{ color: #666; margin-right: 40px;}
.main li h2,.main li p{ padding-left: 40px;}
.content_4_box{ height: 380px; background: url(../images/1920-380.jpg) center center no-repeat; font-size: 0; text-align: center;}
.content_4_box ul{ padding-top: 50px;list-style: none}
.content_4_box li{list-style: none; display: inline-block; *display: inline; zoom: 1; width: 301px; height: 301px; background: url(../images/300-301.png) left top no-repeat; overflow: hidden; margin: 0 30px;}
.content_4_box li i{ display: block; width: 104px; height: 104px; margin: 50px auto 0;}
.content_4_box li i.s1{ background: url(../images/10494.png) center center no-repeat;}
.content_4_box li i.s2{ background: url(../images/104-104.png) center center no-repeat;}
.content_4_box li i.s3{ background: url(../images/100-99.png) center center no-repeat;}
.content_4_box li h3{ font: bold 36px/42px "microsoft yahei"; color: #fff;}
.content_4_box li p{ font: 18px/21px "microsoft yahei"; color: #fff; background: url(../images/36-36.png) center bottom no-repeat; padding-bottom: 50px;}


/*视频弹出css*/
.dlg-video { display: none;position: fixed; top: 0; left: 0;width: 100%;height: 100%;background: repeat url(../images/bg_mask.png); z-index: 99;}
.video-show {display: none; position: fixed; top: 50%;left: 50%; width: 580px; height: 430px; margin-top: -215px; margin-left: -290px; z-index: 100;}
.video-show p { height: 30px; line-height: 30px; padding-left: 10px;color: #fff;font-size: 14px; background: #333;}
.video-show p a { float: right;width: 30px;height: 30px; background: no-repeat url(../images/close.png) 5px 5px;}






/*在线客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:200px;
    width: 77px;
    z-index: 11;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 16px;
      height: 48px;
    line-height: 48px;
    margin-top: 2px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 27px;
    margin: 0 auto;
    text-align: center;
    width: 30px; background:url(../images/fx.png) no-repeat;
}
.lxfx li i.icon-tel {
    background-position: 0 -25px;
}
.lxfx li i.icon-te {
    background-position: -34px -52px;
}
.lxfx li i.icon-ly {
    background-position: 4px -53px;
}
.lxfx li i.icon-wx {
    background-position: -34px 4px;
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li p {
    line-height: 12px;
    text-align: center;
	    margin-top: 10px
}
.lxfx li {
    background:#d7ac75;
    height: 70px;
    margin-bottom: 1px;
    margin-left: 0;
    overflow: hidden;
    position: relative;
    width: 77px; float:left;
}
.lxfx li i.icon-en{
	background-position: -31px -47px;
}


.m_header{
    height: 70px;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1000;
    background: #fff;
    top:0;left: 0;
}


.m_logo{width: 232px;height: 45px;margin-top:13px;float: left}
.m_menu{float: right;width: 70px;height: 70px;background: #333;text-align: center}
.icon_menu{
    background: url("../images/nav.png") no-repeat center;
    display: inline-block;
    width: 32px;
    height: 25px;
    margin-top: 19px;
}
.m_nav{
    position: absolute;
    top:70px;
    background: rgba(255,255,255,.9);
    width: 100%;
    display: none;
}
.m_main{width: 100%;line-height: 40px;text-align: center;border-bottom: 1px solid #d4d4d4;position: relative}
.m_main>a{display: block;font-size: 14px;}
.m_main ul{
    background: rgba(255,255,255,0.1);
    display: none;
}
.m_main.active>a{background: #333;color: #e60214}
.m_main ul li ul{ background:#b39b77;}
.m_main ul li ul a{color: #fff}
.m_bg{
    height: 2000px;
    width: 100%;
    background:rgba(255,255,255,.1);
    position: absolute;
    z-index: -1;
}
.m_main ul a{display: block}
.m_nav2{background: #999999}
.swiper-container1{display: none;margin-top: 70px;}

/*内页：通用*/
.ny-banner{ background:url(../images/about-bg.jpg) no-repeat center; height: 350px;}
.nycont-ban{background:url(../images/contact-bg.jpg) no-repeat center !important; }
.nynews-ban{background:url(../images/news-bg.jpg) no-repeat center !important; }
.nyjoin-ban{background:url(../images/join-bg.jpg) no-repeat center !important; }
.nyban-title > h3{ font-size:18px; color:#d7ac75; line-height: 40px; padding-top: 70px; }
.nyban-title > hr{ width:46px; height: 1px; background: #898989;}
.nyban-title > p{ color:#898989; font-size:14px; padding-top: 40px;}
.my-pos{padding-top: 86px;}
.my-pos > p > .icon{ font-size:20px; float:left; display: block; color:#d7ac75; padding-right: 4px;}
.my-pos > p{ color:#d7ac75; font-size:16px; float:left;}
.my-pos > a { float:left; display: block; color:#898989; font-size:14px;}
.my-pos > span{ display:block; float:left; color:#898989; padding: 0 5px;}
.my-pos > em{ display:block; float:left; color:#d7ac75; font-size:14px;}
.ny-main{ position:relative; top:-55px; background: #1b1b1b; box-shadow: 0 0 20px #000;padding-bottom: 50px;}
.nyfl-li > a { color:#959595; font-size:16px;}
.ny-fl .active > a{ color:#fff;}
.ny-fl a:after { content: ""; width: 0; height: 1px; background: #d7ac75; transition: all .4s ease-in-out 0s;display: inherit;position: absolute; bottom: 0;left: 0; }
.nyfl-li:hover a:after{ width:100%;}
.nyfl-li:hover a{ color:#fff;}
.nyfl-li{ padding:0 20px; float:left; line-height: 55px; border-bottom:1px solid #313131; margin: 0 10px; position: relative;}
.nyfl-li > a > img{display: block; float: left; margin-top: 22px; padding-right: 10px;}
.ny-fl{ display:table;}
.nym-top { margin-top:50px; padding: 0 30px; }
.nymt-title > h3{ color:#fff; font-size:21px; text-align: center;}
.nymt-title > p{ color:#898989; font-size:14px; text-align: center; line-height: 40px;}


/*内页：公司简介*/
.nym-cont{ color:#7d7d7d; font-size:15px; line-height: 30px;padding-bottom: 40px; margin-top: 30px; }
.nym-cont p{ text-indent:30px;}
.nymb-r{ width:500px; height:360px; overflow: hidden; margin-left: 30px;}
.nymb-r > img{ width:500px; height:360px;}
.nymb-l{ width:610px;}
.nymb-l > h3{ color:#d7ac75; font-size:18px; margin-bottom: 25px; padding-top: 55px;}
.nymb-l > hr{ width:55px; height: 1px; background: #313131;}
.nymb-l > p{ color:#898989; font-size:15px; line-height: 36px;padding-top: 70px;}
.nymb-main{ display:table; border-bottom:1px solid #313131;padding-bottom: 50px; padding-top: 50px; width: 1140px;  margin: 0 auto;}
.nymb-r2{ margin-left:0 !important; margin-right: 30px;}


/*内页：新闻列表*/
.nynews-top{ display:table; margin-bottom: 40px; height: 420px;}
.nynewst-li{ float:left; width:333px; margin-right: 70px; position: relative; top:0; transition: .3s;}
.nynewst-li:after{ content:"";width:0; height: 1px; background: #be9765; display: inherit; position: relative; top:40px; transition: all .4s ease-in-out 0s;}
.nynewst-li:nth-child(3){ margin-right:0;}
.nynewstli-div{ width:333px; height: 220px; overflow: hidden}
.nynewstli-div > img{ width:333px; height: 220px; transition: .6s;}
.nynewst-li > a > h3{ font-size:16px; color:#fff; padding-top: 15px;transition: .3s;}
.nynewst-li > a > span{color:#626262; font-size:16px; line-height: 30px;}
.nynewst-li > a > p{ padding-top: 10px; color:#959595; font-size:14px; line-height: 26px;}
.nynewsb-li{ height:140px; border-bottom:1px solid #313131; padding: 25px 0;}
.nynewsb-li > a { display:block;}
.nynewsb-li:after{ content:""; width:0; height: 1px ; background:#be9765; display: inherit; position: relative;top: 165px; transition: all .4s ease-in-out 0s;}
.nynewsbli-div{ width:213px; height: 140px; overflow: hidden}
.nynewsbli-div > img{  width:213px; height: 140px; transition: .6s;}
.nynewsb-m{ width:700px; margin-left: 50px; position: relative; left:0; transition: .3s;}
.nynewsb-m > h3{ color:#fff; font-size:16px; line-height: 50px;}
.nynewsb-m > p{color:#959595; font-size:14px; line-height: 30px; padding-top: 10px;}
.nynewsb-r > h3{ color:#959595; font-size:14px; padding-top: 12px;}
.nynews-bot { margin-bottom:50px;}
.nynewsb-r > p{ margin-top:30px; color:#959595; font-size:12px; width:86px; height: 30px; line-height: 30px; text-align: right; transition:.3s;}
.nynewst-li:hover {  top:-20px;}
.nynewst-li:hover a > h3{ color:#be9765;}
.nynewst-li:hover:after{ width:333px;}
.nynewst-li > a > em{ display: none;    float: right;margin-top: 10px; color: #fff; font-size: 12px; transition: .3s;}
.nynewst-li:hover  a > em{ display:block;}
.nynewst-li:hover .nynewstli-div > img{ transform: scale3d(1.1,1.1,1);}
.nynewsb-li:hover .nynewsb-m{ left:-10px;}
.nynewsb-li:hover .nynewsb-m > h3{ color:#be9765;}
.nynewsb-li:hover .nynewsb-r > p{ background:#be9765; color:#fff; text-align: center;}
.nynewsb-li:hover:after{ width:100%;}
.nynewsb-li:hover .nynewsbli-div > img{ transform:scale3d(1.1,1.1,1);}








/*内页：产品列表*/
.nypro .inpro-li{ margin-right:20px;}
.nypro .inproli-div{ width:364px; height: 264px; overflow: hidden;}
.nypro .inproli-div > img{ width:364px; height: 264px;}
.nypro > ul,.nycase > ul,.nyhonor > ul{ overflow: hidden;margin-bottom:50px;}
.nypro .inpro-li:hover > a > p:after{ width:364px;opacity: 1;}
.nypro .inpro-li:nth-child(3){ margin-right:0;}
.nypro .inpro-li:nth-child(6){ margin-right:0;}
.pro-banner{ background: url(../images/pro-ban.jpg) no-repeat center !important;}
.down-ban{background: url(../images/down-ban.jpg) no-repeat center !important;}
.case-banner{background: url(../images/case-ban.jpg) no-repeat center !important;}

.nupro-img > img { width:700px; height: 507px; display: block; margin: 0 auto; margin-bottom: 40px;}
.nypro-main > h3{ width:100%; height: 50px; line-height: 50px; text-align: center; color:#fff; font-size:21px; font-weight: bold; margin-bottom: 60px; background: #2a2a2a;}







/*内页：荣誉资质*/
.nyhonor-li{ float:left; margin-bottom: 30px; margin-left: 4px; margin-right: 5px; position: relative;}
.nynohorli-div{ width:274px; height:auto; overflow:hidden;border:1px solid #434343;}
.nynohorli-div > img{ width:274px; height:auto transition: .6s}
.nyhonor-li > a > p{ background:#313131; line-height: 40px; color:#be9765; font-size:15px; text-align: center;position: relative; transition: all .4s ease-in-out 0s;}
/*.nyhonor-li > a hr{ content:""; width:0; height: 40px; background:#be9765; display: inherit; position: absolute; bottom: 0; left: 0; transition: all .4s ease-in-out 0s; }*/
.nyhonor-li:hover > a > p{ color:#000;width:276px;background:#be9765; }
.nyhonor-li:hover hr{ width:276px;}
.nyhonor-li:hover .nynohorli-div > img{ transform:scale3d(1.1,1.1,1);}










/*内页：企业基地*/
.nybase{ margin-top:50px;}
.nybase .infacli-div > img{ width:380px;height: 270px;}
.nybase .infacli-div{ width:380px;height: 270px;}
.nybase .infac-zz{ width:380px;height: 270px;}
.nybase .infac-li{margin-left: 10px; margin-right: 10px; margin-bottom: 30px; overflow: hidden;}


/*内页:合作伙伴*/
.nypart .inhzhb-li > p{ color:#434343; font-size: 16px; line-height: 40px; text-align: center;}
.nym-top .inpart-li{ margin-bottom:30px; margin-right: 21px;}
.nym-top .inpartli-div{width:205px; height: 111px;}
.nym-top .inpartli-div > img{ width:205px; height: 111px;}
.nym-top .inpart-li:nth-child(5) { margin-right: 0;}
.nym-top .inpart-li:nth-child(10) { margin-right: 0;}


/*内页：相关新闻*/
.xgnews > hr{ width:100%; height: 1px; background: #dcdcdc;}
.in-title{ margin-bottom:20px; margin-top: 40px;}
.xgnews > .in-title h3{ background:url(../images/newsxg.jpg) no-repeat; height: 60px; width: 168px; margin: 0 auto; color:#626262; font-size: 26px; font-weight: bold; text-align: center;background-position-y: 33px;}
.xgnews-l{ background:#f5f5f5; width:590px;}
.imhnewsli-div{ width:259px; height:140px; overflow: hidden; border:4px solid #fff;}
.imhnewsli-div > img{ width:259px; height:140px; transition: .6s; }
.imgnews-li{ float:left;}
.imgnews{ padding:20px;overflow: hidden;border-bottom: 1px solid #fff;}
.imgnews-li + .imgnews-li{ margin-left:15px;}
.imgnews-li > a > p{ line-height:30px; color:#434343; font-size:14px;}
.xgnewsl-bot{ clear:both;margin-top: 30px;}
.xgnewslb-li > a > span{ display:block; width:66px; height: 66px; background: #e70e1f; color:#fff; font-size:30px; font-weight: bold; text-align: center; line-height: 66px;}
.xgnewslb-li { height:66px;margin-bottom: 15px;}
.xgnewslb-li > a > div{ padding-left:10px; width: 465px;} 
.xgnewslb-li > a > div > h3{ font-size:16px; float:left; font-weight: bold; width:78%; padding-top: 5px; transition: .3s;}
.xgnewslb-li > a > div > span{ text-align:right; width:20%; display: block; float:right;color:#a0a0a0; font-size: 14px; padding-top: 5px;transition: .3s;}
.xgnewslb-li > a {padding-left: 22px; display: block; overflow: hidden;padding-right: 22px;}
.xgnewslb-li > a > div > p{ clear:both; font-size: 14px; color:#707070;line-height: 34px;transition: .3s;}
.gxnews-r{ width:580px;}
.xgnewsr-li{ border:1px solid #eee; height:114px; margin-bottom: 10px;transition: .3s;}
.xgnewsr-li > a > span{ background:#dcdcdc; width:93px; height: 88px; text-align: center; float:left;transition: .3s;}
.xgnewsr-li > a > span > b{ font-size:24px; color:#fff; width: 30px; border-bottom: 1px solid #fff; line-height: 49px; }
.xgnewsr-li > a > span > p{ font-size:24px; color:#b5b5b5; font-weight: bold; text-align: center;transition: .3s;}
.xgnewsr-li > a > div{ width:450px;}
.xgnewsr-li > a > .r h3 { font-weight: bold;color:#626262; font-size:16px; padding-top: 7px;transition: .3s;}
.xgnewsr-li > a > .r p{ color:#b5b5b5; font-size:14px; padding-top: 7px;transition: .3s;}
.xgnewsr-li > a {display: block;  overflow: hidden; padding-top: 13px; padding-left: 10px;padding-right: 10px;}
.xgnewslb-li:hover a > div > h3{ color:#e70e1f;}
.xgnewslb-li:hover a > div > span{ color:#434343;}
.imgnews-li:hover .imhnewsli-div > img{ transform:scale3d(1.1,1.1,1);}
.imgnews-li:hover > a > p{ color:#e70e1f;}
.xgnewsr-li:hover{ background:#f5f5f5;}
.xgnewsr-li:hover > a > span{ background:#e70e1f;}
.xgnewsr-li:hover > a > span > p{ color:#fff;}
.xgnewsr-li:hover > a > .r h3{ color:#e70e1f}
.xgnewsr-li:hover > a > .r p{ color:#434343;}

.down-ul{ padding:30px;}
.dowm-li{ line-height:50px; border-bottom: 1px dashed #333; height: 50px;}
.dowm-li > a > h3{ padding-left: 10px; color:#898989; font-size: 16px; float:left; width: 900px; transition: .3s;}
.dowm-li > a > p{ float:left;color:#898989; padding-left: 100px;}
.dowm-li > a > .icon{ color:#d7ac75; display: block; float:right; font-size: 20px;}
.dowm-li > a > span{ display:block; float:left; width:4px; height: 4px; border-radius: 50%; background: #fff; float:left; margin-top: 24px; margin-left: 10px;}
.dowm-li:hover > a > h3{color:#d7ac75}



@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .content_4_box{ height: 380px; background: url(../images/1920-380.jpg) center center no-repeat; font-size: 0; text-align: center;}
    .content_4_box ul{ padding-top: 50px;}
    .content_4_box li{ display: inline-block; *display: inline; zoom: 1; width: 301px; height: 301px; background: url(../images/300-301.png) left top no-repeat; overflow: hidden; margin: 0 30px;}
    .content_4_box li i{ display: block; width: 104px; height: 104px; margin: 50px auto 0;}
    .content_4_box li i.s1{ background: url(../images/10494.png) center center no-repeat;}
    .content_4_box li i.s2{ background: url(../images/104-104.png) center center no-repeat;}
    .content_4_box li i.s3{ background: url(../images/100-99.png) center center no-repeat;}
    .content_4_box li h3{ font: bold 36px/42px "microsoft yahei"; color: #fff;}
    .content_4_box li p{ font: 18px/21px "microsoft yahei"; color: #fff; background: url(../images/36-36.png) center bottom no-repeat; padding-bottom: 50px;}
}
.n a{color:#666}
@media only screen and (min-width: 320px) and (max-width: 1199px) {
    .nmnow .n{ width: 960px;}

    .main{ width: 960px;}
    .content_4_box{ height: 380px; background: url(../images/1920-380.jpg) center center no-repeat; font-size: 0; text-align: center;}
    .content_4_box ul{ padding-top: 50px;}
    .content_4_box li{ display: inline-block; *display: inline; zoom: 1; width: 291px; height: 291px; background: url(../images/300-301.png) left top no-repeat; overflow: hidden; margin: 0 10px; background-size: cover;}
    .content_4_box li i{ display: block; width: 104px; height: 104px; margin: 50px auto 0;}
    .content_4_box li i.s1{ background: url(../images/10494.png) center center no-repeat;}
    .content_4_box li i.s2{ background: url(../images/104-104.png) center center no-repeat;}
    .content_4_box li i.s3{ background: url(../images/100-99.png) center center no-repeat;}
    .content_4_box li h3{ font: bold 36px/42px "microsoft yahei"; color: #fff;}
    .content_4_box li p{ font: 18px/21px "microsoft yahei"; color: #fff; background: url(../images/36-36.png) center bottom no-repeat; padding-bottom: 50px;}
}


