body {font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;font-size:16px; color:#868686;}
body, div, td, select, input, textarea{font-size:16px;}
 *{box-sizing:border-box}
p,h1,h2,h3,h4,h5,div,ul,li{padding:0px; margin:0px;}
a{color:#606060; text-decoration:none}
a:hover {color:#ff0000;}
.cnt{overflow:hidden; padding:0px;}
.box {width:1200px;margin:auto;overflow:hidden;}
#news_body .l_summary{height:44px; overflow:hidden;}
#news_body .txtlist li{margin:15px 0; border-bottom:dashed 1px #dddddd; padding-bottom:15px; overflow:hidden}
#news_body .cnt li h5 a{font-size:16px;}
/*************head******************/
.head{height:92px; width:100%;  overflow: hidden; text-align:center;}
.headBox{width:1200px; margin:auto;}
.head .logo{padding:16px 0; width: 300px; height:60px;float: left;}
.head .logo img{width: 300px;}

.fside{ position: fixed; z-index:999999999; right:0; top:50%; margin-top: -120px; width:72px; text-align:center;}
.fside a{ display: block; width:72px; height:72px; margin-bottom: 1px; background:#3e3e3e;}
.fside a img{ margin-top:5px;}
.sidetelno{  width: 0; height:72px; overflow: hidden; position: absolute; right:72px;top:0; z-index: 1; background:#3e3e3e;}
.sidetelno.on{ width: 150px;}
.sidetelno span{ display: block; width: 150px; height:72px; text-align: center;font-family: 'arial'; color: #fff; font-size: 20px; line-height:72px;}
.sidebigewm{ display: none; position: absolute; top:73px; right:73px; z-index: 1;border: 1px solid #aaa; background-color: #fff;}
.sidebigewm img{ width: 130px; height: 142px;}
.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block;}
.guodu{ transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s;}
.guodu2{ transition: 0.3s; -moz-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s;}

/***Menu****/

#menu{ width:840px; height:94px; overflow:hidden; float:right;}
#menu .menu{height:80px; overflow:hidden; width:100%; margin-top:10px;}
.menu_ovr{position:absolute; display:none;z-index:1; background:#0d1218; width:120px; padding:10px 0; z-index:999;}
.menu_ovr h5 a{ height:32px; line-height:32px; display:block; color:#d5d5d5;font-weight:normal; font-size:16px;}
.menu_ovr h5 a:hover{background:#333333; color:#ffffff; font-weight:bold}
.menu li{ float:left; width:120px; display:inline; text-align:center;}
.menu h4 a{ width:120px; height:80px; line-height:80px; display:block;color:#000; font-size:18px; font-weight:normal}
.menu h4 a:hover{ background:url(../img/ovrBg.png) bottom center no-repeat; color:#ff0000}
.h4hover{background:url(../img/ovrBg.png) bottom center no-repeat;  color:#ff0000}
.menu .abs , .menu .abs h4 a:hover{background:none;}
.menu .menu_ovr li{ text-align:center; float:none; margin:0px; padding:5px 0;}

.banner{text-align:center; width:100%; position: relative;}
/******box1******/
.idxBox *{transition: 0.5s all ease;}
.idxBox .ttl{text-align:center; width:100%; overflow:hidden; margin-bottom:30px;}
.idxBox .ttl h3{font-size:36px; font-weight:300; color:#393939; }
.idxBox .ttl p{ font-size:20px; padding-top:10px; color: #a2a2a2; font-weight: 100; letter-spacing: 10px;}
.idxBox{ padding-top:80px}
.idxBox .cnt{}


/**********aboutBox***********/
.aboutBox .lPic{width: 601px; height: 537px; float: left;}
.aboutBox .rTxt {width:599px; height:537px; float:right; border:solid 1px #e3e3e3; border-left:none; padding:50px;}
.aboutBox .rTxt h2{font-size:36px; height: 40px; color:#000; font-weight:300;}
.aboutBox .rTxt h5{font-size:36px;font-weight:300; height: 50px; line-height: 50px; color:#dddddd}
.aboutBox .rTxt p{ padding-bottom:5px; line-height:24px; color:#868686; }
.aboutBox .rTxt a{margin-top:70px; margin-right: -50px;  cursor:pointer; float: right; }

.idxMore a{background:#cdcdcd url(../img/tb1.png) 133px 24px no-repeat; display:block; width:215px; height:60px; line-height:60px; padding-left:70px; color:#fff; font-size:16px; overflow: hidden;}
.idxMore a:hover{background:#6c6c6c url(../img/tb1.png) 133px 24px no-repeat; color:#fff;}

/************cpIdx*************/
.cpIdx{width: 100%; background: #f7f7f7; overflow: hidden;}
.wrap{ width:100%; background:url(../img/cp_pngBg.png) repeat; margin:0 auto; position:relative; z-index:1; margin-top:30px;}
.wrap-1500{ width:100%; margin:0 auto; min-width:1200px; position:relative;}
.wrap-1372-min{ width:100%; margin:0 auto; min-width:1200px; position:relative;}
.wrap-1372{  width:100%; margin:0 auto; width:1200px; position:relative;}
.index-img-block .items{ float:left; width:370px; overflow:hidden}
.prodcut-nav{  width:1280px; margin:0 auto; overflow:hidden; position:relative; z-index:11;}
.prodcut-nav li{ width:182px; height:180px; float:left; line-height:100%; text-align:center;}
.prodcut-nav a{ display:block; height:180px; width:182px; color:#fff; padding-top:30px; font-size:18px; transition: all 0.3s;}
.pro-icon{ display:block; background:url(../img/product_icon_h.png); width:90px; height:90px; margin:0 auto 10px;}
.prodcut-nav  .hover a,.prodcut-nav  a:hover{ background:#5c5c5c; color:#fff}
.prodcut-nav  .hover a .pro-icon,.prodcut-nav  a:hover .pro-icon{ background-image:url(../img/product_icon_h.png)}
.pro-icon-2{ background-position:0 -90px}
.pro-icon-3{ background-position:0 -180px}
.pro-icon-4{ background-position:0 -270px}
.pro-icon-5{ background-position:0 -360px}
.pro-icon-6{ background-position:0 -450px}
.pro-icon-7{ background-position:0 -540px}
.pro-nav-img{ height:700px; position:relative; margin-top: -180px;}
.pro-nav-img li{ width:100%; height:700px; background-position:center center; width:100%; position:absolute; left:0; right:0; top:0; bottom:0; display:none; cursor:pointer; overflow:hidden}
.pro-nav-img li .li-bg{ width:100%; height:700px;background-position:center center; position:absolute; left:0; right:0; top:0; bottom:0; cursor:pointer;}
.pro-nav-img li:hover{ opacity:0.99;}

.pro-nav-text{ position:absolute; top:350px; left:0; right:0; text-align:center; color:#fff; z-index:12}
.pro-nav-text .t1{ font-size:36px; padding-bottom:27px;}
.pro-nav-text .t2{ font-size:20px; line-height:26px;}
.pro-nav-text .t3{ display:inline-block; border:1px solid #fff; width:168px; height:46px; border:1px solid #fff; line-height:46px; margin-top:33px;}
.pro-nav-img li .li-bg{transition: all 1s; cursor:pointer;}
.pro-nav-img li:hover .li-bg{transform: scale(1.05);}  
.pro-nav-img li:hover .t3{
  background:#ff9f00;
  color:#fff;
  border-color:#ff9f00
}

/***********caseIdx*************/
.caseIdx .lImg{width: 594px; height: 462px; float: left; overflow: hidden;}
.caseIdx .cnt ul{width: 606px; float: right; overflow: hidden;}
.caseIdx .cnt li{ width: 292px; height: 225px; float: left; margin-left: 11px; overflow: hidden;}
.caseIdx .cnt a{ transition: all 0.3s;}
.caseIdx .cnt li:hover img, .caseIdx .cnt .lImg:hover img{transform: scale(1.05);}

/**********newsBox***********/
.newsIdx{background:url(../img/idxNewsBg.jpg) top center no-repeat; min-height:600px; text-align:center; width:100%; overflow:hidden; margin-top: 80px; padding-bottom: 40px;}
.newsIdx .cnt{padding-top:20px;}
.newsIdx .lPic {overflow: hidden; width:50%; float:left;}
.newsIdx .rTxt{ width:50%; float:right;}
.newsIdx .rTxt a {
    padding: 8px;
    display: block;
    margin-bottom: 12px;
    background: #fff;
}

.newsIdx .rTxt a dl {overflow: hidden;}
.newsIdx .rTxt a dt {float: left;border-right: 1px solid #e3e3e3; width:80px; padding: 6px 0; text-align:center;}
.newsIdx .rTxt a dt div{width:30px; height:25px; overflow:hidden; margin-left:25px; margin-top:5px;}
.newsIdx .rTxt a dt b {font-size: 21px;display: block;color: #616163;	margin-left:-97px;}
.newsIdx .rTxt a dl dd {padding-left: 26px;}

.newsIdx .rTxt a dl dd p {
    font-size: 16px;
    line-height: 30px;
    text-indent: 26px;
    height: 30px;
    overflow: hidden;
}

.newsIdx .rTxt a dl dd span {
    float: left;
    font-size: 12px;
    color: #999;
    width: 88%;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
    display: block;
    padding-left: 28px;
}

.newsIdx .rTxt a:hover {
    background: #ca3030;
    color: #fff;
}

.newsIdx .rTxt a:hover dt b,
.newsIdx .rTxt a:hover dl dd span {    color: #fff;}

/******************footer****************/
.link{ width:100%; overflow:hidden;}
#link{ width:1200px; overflow:hidden; margin:40px auto 0; color:#9c9c9c;}
#link .cnt{ padding:0; line-height:30px; border-top:solid 1px #575757; padding-top:5px; font-size:14px;}
#link .cnt a{color:#9c9c9c; font-size:14px;}
.footer{ background:#333333; width:100%; overflow:hidden; padding-top:70px; color:#9c9c9c}
.footer .dLogo{width:352px; float:left;}
.footer .dLogo p{font-size:14px; padding-top:20px; line-height:22px;}
.footer ul{width:600px; float:left; overflow:hidden; margin-left:30px;}
.footer ul li{width:100px; float:left;}
.footer ul li h2{ width:100%; padding-bottom:30px; font-size:16px; font-weight:400;}
.footer ul li a{display:block; width:100%; height:20px; line-height:20px; margin-top:5px; font-size:14px;color:#9c9c9c}
.footer ul li a:hover{color:#e3e3e3}
.d2wm{float:right;}
.btm{width:100%; overflow:hidden; padding:10px 0; text-align:center; color:#b2b2b2; background:#020202;font-size:14px;}
.btm a{color:#b2b2b2}

/**********/
.sub-list-bg{background: #d7d7d7; height: 40px; line-height: 40px; width:100%; color:#666; font-size:14px; color:#403e3e}
.newsListBox li{width:100%; background: #fff; height: 269px; position: relative; border-bottom: 1px solid #bfbfbf;}
.newsListBox li dl {width:100%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; overflow: hidden;}
.newsListBox li dd {width:140px; float: left; margin-right:40px;}
.newsListBox li h1 {text-align:center; border-bottom:1px #eee solid; line-height:40px; margin-top:30px; padding-bottom:20px;}
.newsListBox li h1 span{width:60px; height:40px; line-height:40px; overflow:hidden; color:#bfbfbf; display:block;font-size:48px; margin-left:40px;}
.newsListBox li h2 {font-size: 24px; color: #000; font-weight: normal; line-height: 30px; height: 60px; overflow: hidden;}
.newsListBox li h3 {font-size: 12px; color: #808080; font-weight: normal;  padding-bottom: 17px; border-bottom: 1px #eee solid; line-height: 26px;}
.newsListBox li h4 {font-size: 14px; font-weight: normal; line-height: 20px; margin-top: 20px; height: 60px; overflow: hidden; color: #999; }
.newsListBox li h4 img {margin-right: 8px; position: relative; top: 4px;}
.newsListBox li p {text-align: center;padding-top:14px;}
.newsListBox li p span{color: #bfbfbf; font-size:14px; display:block; width:55px; height:18px; line-height:18px; margin:0; margin-left:42px; overflow:hidden; padding:0; }
.newsListBox li:hover {background: #f5f5f5;}
.newsListBox li:hover h1{border-bottom: 1px #de0010 solid;}
.newsListBox li:hover h1 span {color: #de0010;}
.newsListBox li:hover h2 {color: #de0010;}
.newsListBox li:hover h3 {border-bottom: 1px #de0010 solid;}
.newsListBox li:hover h4 {color: #de0010;}
.newsListBox li:hover p span {color: #de0010;}
.newxx_contene.as {padding: 20px;}
.newxx_contene.as p img {display: block; margin: 0px auto; max-width: 100%;}
.newsListBox *, .zzBox4 *, .zzBox2 *{-webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
/***********************************************/

.main{padding:40px 0; background:#f4f4f4; width:100%; overflow:hidden;}
.newsMain{margin:40px auto}
.newsMain #ULocation{display:none;}
.main .right{ width:300px; float:right; background:#fff; padding-bottom:30px;}
.main #newsDetail_body{ width:840px; float:left; background:#fff; padding:30px; min-height:600px;}
#newsDetail_body .infoTtl{border-bottom: 1px solid #e5e5e5; padding-bottom:10px;}
#newsDetail_body .infoTtl h2{font-size:32px; color:#000; font-weight:normal; padding-bottom:10px;}
#newsDetail_body .text{line-height:24px;}
#newsDetail_body .dpages a{float:right;}
#newsDetail_body .dpages a:first-child { float:left;}

.right #news .ttl{background: #373737; line-height: 49px; color: #fff; padding: 0 8px;}
.right #news .ttl h4{font-size:16px;}
.right #news .cnt a{padding-left:12px; position:relative; display:block; line-height:1.8; font-size:14px; margin:0 10px; padding:8px 0 8px 12px; border-bottom:1px dashed silver; color:#303030;}
.right #news .cnt a:hover{color:#ff0000}
.right #news .cnt a i {position:absolute; left:0; font-size:18px; color: #d5a976; top:16px; height:8px; display:block; line-height:8px; font-weight:700;}

.nyMain{margin:30px auto;}
.nyMain .box{margin-top:80px;}
.footer .box{margin-top:0;}
.nyBanner{background:#000000 url(../img/aboutBanner.jpg)top center no-repeat; width:100%; height:500px;}

.nyTtl{text-align:center; margin-bottom:30px;}
.nyTtl h3{font-size: 36px; font-weight: 400; color:#000}
.nyTtl p{color: #8f8f8f; margin-top: 0;font-size: 18px;text-transform: Uppercase;}
.aboutBox1{overflow:hidden;}
.aboutBox1 .cnt img{float:left}
.aboutBox1 .cnt p, .aboutBox4 .cnt p, .aboutBox6 .cnt p{width:100%; overflow:hidden; line-height:32px; font-size:18px; padding-bottom:30px; }
.aboutBox4{ margin-top:80px;}
.aboutBox3{margin-top:80px; background:#000000 url(../img/about3Bg.jpg) center top no-repeat; height:600px;width:100%; padding-top:80px; overflow:hidden}
.aboutBox3 .nyTtl h3{color:#fff;}
.aboutBox2{ background:#000000 url(../img/about2.jpg) center top no-repeat; height:700px;}
.aboutBox2 .cnt{background:url(../img/about3.jpg) top right no-repeat; margin-top:80px; color:#e6e6e6; min-height: 400px;}
.aboutBox2 .cnt p{width: 600px; overflow: hidden; padding-bottom: 20px;}
.aboutBox5{ margin:60px auto;}
.aboutBox5 .cnt img{width:382px; height:229px;}
.aboutBox5 .cnt ul{width:1227px; overflow:hidden}
.aboutBox5 .cnt li {width:382px; margin-right:27px; background:#f2f2f2; float:left; overflow:hidden; height:440px;}
.aboutBox5 .cnt .txt{ padding:20px;}
.aboutBox5 .cnt h5{font-size:18px;}
.aboutBox5 .cnt .enname{margin-bottom:15px; padding-top:5px; text-transform: Uppercase;}
.aboutBox5 .txtbt{width:100%; text-align:center; font-size:18px; padding-top:30px;}
.aboutBox6 .cnt{color:#e6e6e6;}


.joinBox2 .cnt li{width:350px; background:#f1f2f3; float:left; margin-left:50px; padding:28px; height:190px; margin-bottom:50px;}
.joinBox2 .cnt h2{text-align:center; height:40px; line-height:40px; background:#fff; margin-bottom:5px; font-weight: 500; font-size: 22px;}
.joinBox2 .cnt p{font-size: 14px;}

.joinBox3{margin-top:80px; background:#f1f2f3; height:500px;width:100%; padding-top:60px; overflow:hidden; text-align:center;}
.joinBox3 li{width:220px; float:left; margin-left:25px;background:#fff; height:240px; padding:15px;}
.joinBox3 h2{color:#3c3c3c;text-align:center; padding:10px 0;}
.joinBox3 .box{ margin-top:40px;}
.zzBox3 .nyTtl h3{color:#fff;}
.joinBox5{background:#000000 url(../img/bg3.jpg) center top no-repeat; height:750px;width:100%; padding-top:60px; overflow:hidden; text-align:center;}
.joinBox5 .nyTtl h3{color:#fff;}
.joinBox6{ margin-bottom:50px;}
.joinBox6 .b6Left{width:50%; float:left}
.joinBox6 .b6Left .txt{background:#2a2a2a url(../img/joinp5.jpg) top right no-repeat; width:100%; height:330px; padding:45px 60px; color:#fff; }
.joinBox6 .b6Left h4{text-transform:Uppercase; font-weight:400; font-size:24px;}
.joinBox6 .b6Left h2{font-size:32px; padding:10px 0;}
.joinBox6 .b6Left .hrsty{width:100%; overflow:hidden;}
.joinBox6 .b6Left hr{height:6px; width:52px; background:#fff; margin-top:20px; float:left;}
.joinBox6 .b6Left h6{font-size:14px; width:100%; display:block; text-align:left;font-weight:400;}
.joinBox6 .b6Left p{text-transform:Uppercase; font-size:10px;}
.joinBox6 .frmBox{}
.joinBox6 .frmBox .jfrmBox_sty1{width:46%; float:left; }
.joinBox6 .frmBox .jfrmBox_sty2{width:50%; margin-left:4%; float:left;}
.joinBox6 .frmBox .jfrmBox_sty3{width:100%; margin-top:20px;}
.joinBox6 .frmBox .jfrmBox_sty4{width:100%; margin-top:20px; overflow:hidden; clear:both; }
.joinBox6 .frmBox .text {width:100%; line-height:40px; padding:0 .1px;}
.joinBox6 .frmBox .jfrmBox_sty4 textarea{width:100%; height:100px;}
.joinBox6 .b6Right {width:50%;	float: left; text-align: left;	padding: 0 0 0 5%; color:#000;}
.joinBox6 .b6Right .b6Bottom{margin-top:40px;}
.joinBox6 .b6Right .b6Bottom input {width:50%; height:60px; cursor:pointer; background:#d5a976; line-height:60px; text-align:center; border:none; color:#fff; font-size:18px;}
.joinBox6 .b6Right .b6Bottom input[type="reset"] {background: #797979;}

.contact_l{width:400px; float:left; line-height:42px; font-size:18px; }
.contact_r{width:600px; float:right;}

.zzBox1{overflow:hidden;}
.zzBox1 .nyTtl{background:url(../img/bg4.jpg) no-repeat; width:100%; height:500px; margin-bottom:0;}
.zzBox1 .nyTtl h3{color:#fff; padding-top:60px;}
.zzBox1 .nyTtl .txt{ padding-top:40px; color:#fff; line-height:24px;}
.zzBox1 .zzb1Btn{width:100%; overflow:hidden; margin-top:40px;}
.zzBox1 .zzb1Btn p{font-size:18px;border-radius:5px; background:#fff; margin:0 20px; color:#333; width:200px; height:42px; line-height:42px; text-align:center;display:inline-block; cursor:pointer;}
.zzBox1 .zzb1Btn p:hover{background:#d5a976; color:#fff;}
.zzBox2{background:#f4f4f4; padding-bottom:50px; width:100%; overflow:hidden; margin-top:40px;}
.zzBox2 li{width:21%; margin:2%; height:200px; float:left; overflow:hidden;}
.zzBox2 li img{ margin-left:-20px; margin-top:-20px;}
.zzBox2 .txt{width:100%; text-align:center; padding-top:30px; font-size:18px; line-height:32px;}
.zzBox3{background:#000000 url(../img/newsBg.jpg) center top no-repeat; height:600px;width:100%; padding-top:60px; overflow:hidden; text-align:center;}
.zzBox3 p{text-align:center; color:#fff; font-size:18px; line-height:32px;}
.zzBox4 { padding-bottom:40px;}
.zzBox4 li{float:left; width:18%; margin:1%; border:solid 1px #e4e4e4; text-align:center; height:120px; overflow:hidden;}
.zzBox4 li img{height:80px; margin-top:20px; cursor:pointer;}
.zzBox4 li img:hover, .zzBox2 li img:hover{transform: scale(1.05,1.05);}


.main_body .cnt{ line-height:24px; font-size:14px;}
#goodsCat .ttl{ text-align:left;}
.lbTtl{width:100%; height:40px; line-height:40px;}
.crt_cats{ width:100%; overflow:hidden; padding:0px; margin:0px; text-align:center;}
.crt_cats a{ display:block; float:left; height:38px; line-height:36px; padding:0 20px; background:#434343; border:none; margin-right:10px; margin-top:5px; color:#FFFFFF}
.crt_cats a:hover{ background:#000000;}
#goodsCate ul, #case_body ul, #goods_body .cnt ul{width:1100px; margin-left:-40px}
.grid li{width:324px; height:360px; margin:40px 0 0 40px; ;}
.grid .l_img img{width:324px; height:324px; border:none; }
.grid h5{ padding:0; height:20px; line-height:20px; overflow:hidden; font-size:16px;}
.grid .l_ginfo{ font-size:16px; width:100%; text-align:center; height:20px; line-height:20px;overflow:hidden; margin-top:10px;}
#goods_body .grid{ overflow:hidden; display:black;}
#case_body .cnt li h5{ text-align:center;}
#contact_body .cnt{ padding-top:20px;}
.main #goods_body, .main #goodsDetail_body, #case_body, #caseDetail_body, #contact_body{width:94%; background:#fff; padding:3%}
.main #goodsDetail_body h2, .main #caseDetail_body h2{width:100%; text-align:center; color:#313131; font-size:32px; padding:10px 0 40px;}
#case_body .cnt{margin-top: -40px;}

