*{margin:0;padding:0;}
img{border:0px;}
body{margin:0;background:#fff;font-family:"MicrosoftJhengHei",华文细黑,"Microsoft YaHei",微软雅黑,Verdana,Arial,Helvetica,sans-serif,STHeiti,MingLiu;}
a{text-decoration:none;}
li{list-style:none;}
.fr{float:right}
.fl{float:left}
.clear{clear:both;}
.pd20{padding-bottom:20px}
.pt20{padding-top:20px}
.p10{padding:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}

/*header*/
#header {background: #2B2C2E;height: 75px;position: fixed;top: 0;width: 100%;z-index: 1000000;}
.head {height: 75px;margin: 0 auto;width: 1100px;}
#logo {float: left;height: 75px;width:340px;margin:2px 0}
#logo img{height:75px;}

#nav {display: block; float:right;height: 71px;width: 700px;}
#nav li {float: left;}
#nav li a {color: #fff;display: block;font-family: "微软雅黑";font-size: 14px;height: 75px;line-height: 75px;text-align: center;width: 100px;}
#nav li a:hover{background:#009F3B;color:#fff;}

/*产品分类*/
#menu {height:243px;margin: 0 auto;width: 1100px;padding-top:30px}
.menu_bot {display: block;height: 243px;width:1100px;}
.menu_bot li {float: left;height: 198px;padding: 30px 10px 0;width:163px;}
.menu_bot li strong {color: #333;display: block;font-family: "微软雅黑";font-size:18px;height: 40px;line-height: 40px;padding-top: 10px;text-align: center;width:163px;font-weight:400}
 .menu_bot li p {line-height: 21px;}
.menu_bot li a {display: block;height: 98px;margin: 0 auto;width:159px;background:#f60;border:solid 2px #009F3B;}
.menu_bot li a img{width:100%;height:100%}
/*关于我们*/
#about {background: #009f3b none repeat scroll 0 0;min-height:325px;margin: 0 auto;overflow: hidden;width: 100%;}
.kf_top {height: 30px;margin: 0 auto;width: 1003px;text-align:center}
.about_bot {min-height: 325px;margin: 0 auto;width:1003px;}
.ab_top {background: rgba(0, 0, 0, 0) url("../images/shengdi/about_bg.jpg") no-repeat scroll center bottom;margin:0 auto;
  color: #fff; font-family: "微软雅黑";font-size: 24px;height: 64px;line-height: 64px;text-align: center;width: 1003px;}
.ab_bot {display: block; height: 236px;padding-top: 25px;width: 1003px;}
.ab_bot li {float: left;height: 236px;width: 334px;}
.ab_bot li a {display: block;height: 179px;margin: 0 auto;width: 225px;}
.ab_bot li a p {color: #fff;font-family: "微软雅黑";font-size: 16px;height: 42px;line-height: 42px;text-align: center;}
.ab_bot li a img{border-radius:20px;border:solid 2px #A0F3BF}
.ab_bot li:hover{text-decoration:underline;color:#fff;}

/*产品介绍*/
#product {height:470px;width: 100%;}
.pro_bot {height: auto;margin: 0 auto;width: 1003px;}
.pt_top {background: rgba(0, 0, 0, 0) url("../images/shengdi/case_top.jpg") no-repeat scroll center bottom;
  color: #333;font-family: "微软雅黑";font-size: 24px;height: 68px;line-height: 68px;margin-bottom: 15px;text-align: center;width: 1003px;}
.pt_bot_1 {display: block;float: left;height: 400px;width: 523px;}
.pt_bot_2 {display: block;float: left;height: 400px;width: 400px;}

#cases ul {display: block;font-size: 0;height: 462px;letter-spacing: -6px;text-align: center;width: 100%;}
#cases ul li {display: inline-block;height: 152px;letter-spacing: normal;margin: 2px 10px 15px 2px;overflow: hidden;position: relative;vertical-align: top;width: 240px;background:#212121;border:solid 2px #ddd}
#cases ul li img {height: 152px;left: 0;position: absolute;top: 0;width: 240px;}
#cases ul li p {background: #212121 none repeat scroll 0 0;bottom: 0;color: #999;font-size: 12px;height: 100%;left: 0;padding: 0 15px;position: absolute;text-align: left;width: 210px;z-index: 1;}
#cases ul li p strong {color: #fff;display: block;font: bold 14px/30px Microsoft YaHei;margin-top: 20px;}
#cases ul li p a {background: #009f3b none repeat scroll 0 0;border-radius: 5px;color: #fff;display: inline-block;font-weight: bold;height: 30px;line-height: 30px;margin-top: 8px;padding: 0 8px;text-decoration: none;}
#cases ul li p a:hover {background: #ff9900 none repeat scroll 0 0;}


.brandsShow{ width:1200px; height:620px; margin:0 auto; }
.brandsShow ul{ margin-left:-20px; width:1225px; height:auto; }
.brandsShow ul li{display:inline; }
.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
margin:0px auto; }
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}
.flip-container, .front, .back {width: 240px;height: 152px;}
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;}
.front img, .back img{ width:240px; height:152px;}
.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}

/*新闻中心*/
#news {background: #63442f none repeat scroll 0 0;height: 283px;width: 100%;}
.news_bot {height: 253px;margin: 0 auto;width: 1003px;}
.nb_top {background: rgba(0, 0, 0, 0) url("../images/shengdi/news_top.jpg") no-repeat scroll center bottom;
  color: #fff;font-family: "微软雅黑";font-size: 24px;height: 66px;line-height: 66px;text-align: center;width: 1003px;}
.news {display: block;float: left;height: 157px;padding: 30px 0 0 35px;width: 465px;}
.news dt {float: left;height: 99px;margin-right: 10px;width: 131px;}
.news dd {color: #fff;float: right;font-family: "微软雅黑";height: 157px;width: 324px;}
.news dd a {color: #fff;}
.news dd p {line-height: 20px;}
.news dd a:hover{text-decoration:underline;}

/*footer*/

.footer_bg{background: #202020 url("../images/shengdi/shengdi/map_bg.png") repeat-x scroll center top;height:auto;width: auto;padding:20px 0;}
.footer{width:1050px;height:auto;margin:0 auto;}
/*留言*/
.mb_left {float: left;height: 321px;padding: 0 0 0 13px;width: 547px;}
.mb_left h2 {color: #c1c5cb;font-family: "微软雅黑";font-size: 24px;font-weight: normal;height: 35px;line-height: 35px;}
.mb_left p {color: #fb963d;font-family: "微软雅黑";font-size: 24px;height: 35px;line-height: 35px;}
table {border-collapse: collapse;border-spacing: 0;}
.mb_left table td {padding: 6px 0 7px;}
#hometab strong {color: #c1c5cb;font-family: "微软雅黑";height: 20px;line-height: 20px;font-weight:400;font-size:14px}
#keydown input {background: rgba(125, 125, 125, 0.7) none repeat scroll 0 0;
  border: medium none;color: #fff;height: 22px;padding: 5px;width: 211px;z-index: 10;}
#keydown input.kf_qq {width: 292px;}
.kf_textarea {
  background: rgba(125, 125, 125, 0.7) none repeat scroll 0 0;
  border: medium none;color: #fff;height: 131px;padding: 5px;width: 530px;z-index: 10;}
#conc .coolbg {background: #fb963d none repeat scroll 0 0;border: medium none;color: #fff;cursor: pointer;font-family: "微软雅黑";font-size: 14px;height: 32px;text-align: center;width: 100px;}
.flx{width:250px;height:auto;margin-top:35px}
.flx p{line-height:30px;color:#fff;font-size:12px;}
.wx{width:150px;height:170px;text-align:center;margin-top:130px}
.wx img{width:100px;height:100px}
.wx p{line-height:24px;font-size:12px;color:#eee}
.wx .icp{color:#666;}
#footer {background: #0a0a0a none repeat scroll 0 0;color: #999;font-family: "微软雅黑";height: 47px;line-height: 47px;text-align:center;font-size:12px}

/*****************************************************************************************************/
.ny_banner {height: 300px;width: 100%;margin:0 auto;}
#main{padding:0;width:1003px;margin:0 auto;}
.m_top {color: #333;font-family: "微软雅黑";font-size: 28px;height: 90px;line-height: 90px;}
.m_top span {float: left;font-family: Arial;font-size: 38px;font-weight: bold;margin-right: 12px;}
.m_left {float: left;width: 140px;}
.m_left dl {display: block;font-family: "微软雅黑";font-size: 14px;width: 140px;}
.m_left dl dt {height: 40px;padding-bottom: 10px;}
.m_left dl dt > a:hover, .m_left dl.hover dt > a {background: rgba(0, 0, 0, 0) url("../images/shengdi/ml_top.jpg") no-repeat scroll left top;color: #fff;text-decoration: none;}
.m_left dl.hover dd {display: block;}
.m_left dl dt > a {background: rgba(0, 0, 0, 0) url("../images/shengdi/ml_bot.jpg") no-repeat scroll left top;
  display: block;height: 40px;line-height: 40px;text-align: center;width: 140px;color:#333;font-size:14px;}
.m_right {float: right;line-height: 23px;width: 773px;}
.about {border-top: 1px solid #ebebeb;padding: 20px 0;}
.about p{line-height:30px;color:#666;font-size:14px;}

/*招贤纳士*/
.joblist {font-family: "微软雅黑";font-size: 14px;width: 773px;  border-top: 1px solid #ebebeb;padding: 20px 0;}
.joblist li {border-bottom: 1px solid #f2f2f2;display: block;padding-bottom: 15px;padding-left: 10px;padding-top: 10px;width: 773px;}
.joblist li strong {height: 40px;line-height: 40px;}
.joblist li a {color: #333;}
.joblist li a:hover{color:#009F3B;text-decoration:underline;}
.joblist li p {line-height: 20px;color:#666}
.joblist li span {height: 30px;line-height: 30px;color:#666}
.joblist li:hover {background: #eee none repeat scroll 0 0;}

/*在线留言*/
.box_ly {height: 230px;margin: 20px auto;width: 773px;}
.box_lyl {float: left;height: 225px;width: 300px;}
.box_lyl ul {margin: 0;padding: 0;}
.box_lyl ul li {background: #eee none repeat scroll 0 0;color: #222;font-size: 14px;height: 40px;line-height: 40px;margin-bottom: 5px;width: 300px;}
.box_lyl ul li input {background: #eee none repeat scroll 0 0;border: medium none;color: #222;font-family: Arial;font-size: 14px;height: 30px;padding: 5px;width: 290px;}
.box_lyl ul li img {max-height: 30px;max-width: 110px;}
.box_lyb {background: #eee none repeat scroll 0 0;height: 30px;margin: 0 auto;padding: 5px;width: 290px;}
.box_lyr {float: right;height: 225px;width:450px;}
.box_lyr textarea {background: #eee none repeat scroll 0 0;border: medium none;color: #222;font-family: Arial;font-size: 14px;height: 200px;padding: 10px;width: 430px;}
.box_lyb input {background: #009F3B none repeat scroll 0 0;border: medium none;color: #fff;cursor: pointer;height: 30px;width: 140px;}
.box_lyb input {background: #009F3B none repeat scroll 0 0;border: medium none;color: #fff;cursor: pointer;height: 30px;width: 140px;}
.box_lyb input:hover {background: #292929 none repeat scroll 0 0;transition: all 0.5s ease 0s;}

/*新闻中心*/
.newslist {border-bottom: 1px dashed #ccc;height: 130px;padding-top: 20px;width: 773px;}
.newslist dt {float: left;height: 110px;padding-left: 10px;padding-right: 10px;width: 150px;}
.newslist dt a {border: 4px solid #edefec;display: block;height: 102px;width: 142px;}
.newslist dd {float: right;font-family: "微软雅黑";padding-right: 10px;width: 593px;color:#666}
.newslist dd strong {font-size: 15px;font-weight: bold;height: 40px;line-height: 40px;}
.newslist dd p {line-height: 20px;}
.newslist dd span {height: 30px;line-height: 30px;}
.newslist:hover{background:#eee;}

/*内容页面*/
.kf_weizhi {color: #333;font-family: "微软雅黑";font-size: 12px;height: 30px;line-height: 30px;text-align: right;}
.kf_weizhi a {color: #333;}
.kf_weizhi a:hover{text-decoration:underline;}
.info h2 {color: #333;font-family: "微软雅黑";font-size: 20px;font-weight: normal;height: 40px;line-height: 40px;text-align: center;}
.time{width:100%;height:30px;font-size:12px;color:#666;text-align:center;line-height:30px;}

.con {border-top: 1px solid #ebebeb;line-height: 26px;padding: 30px 0;}
.con img{max-width:100%}
.con p{line-height:30px;line-height:30px;color:#666;font-size:14px;text-align:left}
/*分页*/
#pages {clear: both;line-height: 24px;padding-bottom: 20px;}
#pages a.a1 {padding: 0;width: 56px;}
#pages a {background: #fff none repeat scroll 0 0;border: 1px solid #009F3B;color: #607c27;display: inline-block;height: 24px;padding: 0 10px;text-align: center;}
#pages span {background: #009F3B none repeat scroll 0 0;border: 1px solid #009F3B;color: #fff;display: inline-block;height: 24px;line-height: 24px;padding: 0 10px;text-align: center;}
#pages a:hover {background: #009F3B none repeat scroll 0 0;color: #fff;text-decoration: none;}

/*上下篇*/
.pageNavi{border-top: 1px solid #292929;margin: 10px auto 0;padding: 10px 0 25px;text-align: center;width: 98%;color:#666}
.pageleft {height: 24px;line-height: 24px;overflow: hidden;width: 300px;}
.pageleft {float: left;font-size: 14px;padding-left: 10px;text-align: left;}
.pageNavi a {color: #666;font-size: 14px;}
.pageNavi a:hover{color:#009F3B;text-decoration:underline;}
.pageright {height: 24px;line-height: 24px;overflow: hidden;width: 300px;}
.pageright {float: right;font-size: 14px;padding-right: 10px;text-align: right;}