@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:"Arial";}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:14px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#e60012; text-decoration:none;}
::-webkit-scrollbar-track{background-color: #e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#222326;}
.wd{ padding:0 10%; margin:auto; height:auto; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}


.top-nav{ width:100%; position:relative;}
.logo{width:470px; height:auto; margin:13px 0;}
.nav ul{}
.nav ul li{ float:left;}
.nav ul li a{ padding:0 35px;font-size:16px; line-height:105px;}
.nav ul li a:hover{ display:block;background:#de231c;border-left:1px solid #de231c;border-right:1px solid #de231c;color:#fff;}
.nav ul li .nav2{ width:60%; position:absolute; z-index:999999; top:105px; left:30%; background:#f0eeee;padding-bottom:30px; display:none;}
.nav ul li .nav2 .n-box{ width:1180px; margin:0 auto;}
.nav ul li .nav2 .n-img{ float:left; width:300px; margin-left:50px;}
.nav ul li .nav2 dl{ width:830px; margin:auto; overflow:hidden;}
.nav ul li .nav2 dl dd{ float:left;padding:0 5px;}
.nav ul li .nav2 dl dd:nth-child(4n+1){ clear:left;}
.nav ul li .nav2 dl dd a{ display:block; width:100%;color:#ee1c25;font-size:16px;line-height:30px;padding-top:20px;  background:none;}
.nav ul li .nav2 dl dd a:hover{border:none; background:none;}
.nav ul li .nav2 dl dd .nav3{ }
.nav ul li .nav2 dl dd .nav3 a{color:#333;font-size:14px;line-height:15px;}
.menu-pic{margin-top:25px;width:289px;text-align:center;display:block;}
.menu-pic img{ margin-bottom:20px; display:block;}
.top-x{background:#0064fe;height:6px;}

header{ height: auto; background:#FFF; width:100%; z-index:100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header .top{ width:100%; height:32px; line-height:32px; color:#fff; background:#de231c;}
header .top .tplf{ width:85%; float:left;}
.tplf a{ color:#fff;}
header .top .tprg{ width:15%; float:left; background:#fff; text-align:center;}
header .top .tprg span{ font-size:17px; padding-left:2%; border:0; font-weight:bold; color:#de231c;}
.tprg i{color:#de231c;}
header .toper{ padding:0% 10%; margin:auto; height:auto; overflow:hidden; }
header .toper .logo{ width:17%; float:left; padding:1% 0;}
header .toper .logo img{ max-width:100%;} 
header .toper .lopad{ width:23%; float:left; font-size:20px; color:#5c2fae; margin-top:2%;padding:1% 0;}
.muen{ width:60%; float:left;}
.muen ul{}
.muen ul li{ width:14.28%; float:left; text-align:center; font-size:16px; padding:5.7% 0 3% 0; transition:all 0.3s;}
.muen ul li:hover{ background:#233357;}
.muen ul li:hover a{ color:#fff; }

.main_fr{ width:100%; height:auto; overflow:hidden; margin:3% 0;}
.main_fr h2{ font-size:30px; text-align:center; padding-bottom:1%;}
.main_fr h3{ font-size:14px; text-align:center; color:#888; line-height:22px;}
.main_fr ul{margin-right:-2%; margin-top:3%; overflow:hidden;}
.main_fr ul li{ width:18%; float:left; margin-right:2%; position:relative;}
.main_fr ul li .pic{ border:1px #e5e5e5 solid;  overflow:hidden;}
.main_fr ul li .pic img{ width:100%; transition:all 0.7s;  height:208px}
.main_fr ul li:hover .pic img{ transform:scale(1.2,1.2);}
.main_fr ul li p{ text-align:center; padding:3% 0;}
.morew{ width:180px; margin:3% auto 0 auto; overflow:hidden; height:auto; border:1px #233357 solid; text-align:center; line-height:40px;}
.morew a{ font-size:18px;}
.morew:hover{ border:1px #f00 solid;}
.cassser{ padding:0; }
.cassser h2{ font-size:30px; text-align:center; text-transform:uppercase; line-height:50px;}
.cassser ul{ margin:3% -0.3% 3% 0; height:auto; overflow:hidden;}
.cassser ul li{ width:33.033%; float:left; margin-right:0.3%;}
.cassser ul li .pic{ overflow:hidden; position:relative;}
.cassser ul li .pic img{width:100%;  -webkit-transition:1s; transition:1s;}
.cassser ul li:hover img{-webkit-transform:scale(1.23);-moz-transform: scale(1.23);-o-transform:scale(1.23);}
.cassser ul li img{ width:100%;}
.cassser ul li .sssess{ visibility:hidden; opacity:0; transition:all 0.3s;  height:auto; overflow:hidden;  position:absolute;  bottom:5%; z-index:100;padding: 3%; color:#fff; font-size:16px; background:rgba(255,0,0, 1)}
.cassser ul li .sssess a{ color:#fff;}
.cassser ul li:hover .sssess{ visibility:visible; opacity:1;bottom:38%;}

.mainabout{ width:100%; background:#edeaf1; height:auto; overflow:hidden; padding:3% 0;}
.maleft{ width:40%; float:left; overflow:hidden;}.maleft img{max-width:100%;}
.maright{ width:57%; float:left; margin-left:3%; background:url(../images/B.png) no-repeat left top;}
.maright h3{ margin-top:7%; font-size:30px;}
.maright p{ line-height:28px; padding:2% 0;}
.maright .morest{ width:20%; margin:2% 0 0 0; line-height:40px; background:#de231c; text-align:center; color:#fff; border-radius:5px;}
.maright .morest a{ font-size:18px; color:#fff;}
.maright .morest i{ border:1px #fff solid; border-radius:50px; font-size:12px; padding:3px; margin-left:3%;}

/*  新闻 */
.sy-case { width: 100%; height: auto; overflow: hidden; padding-bottom: 0px; margin-top: 50px; }
.index-product {position:relative; }
.index-product-title { text-align: center; position:relative;}
.index-product:before { content:''; position:absolute; width:100%; height:1px; background:#e7e7e7; top:32px;}
.cpzs { margin: 0 auto 5px auto; width: 180px; line-height: 66px; color: #130f19; font-size: 30px; background:#fff; border:1px #e7e7e7 solid;  z-index:555; display:block; }
.icolumn { background: url(../images/icolumn.png) no-repeat center bottom; text-align: center; overflow: hidden; width: 1200px; height: auto; margin: 0 auto; }
.icolumn h3 { font-size: 30px; color: #130f19; padding: 0 0 10px 0; font-weight:normal;}
.icolumn span { font-size: 14px; color: #999; }
.main_news{width:1200px;margin:50px auto 0;}
.main_news_text{width:538px;height:288px;float:left; padding:30px; border:1px solid #e6e6e6; background:#fff;}
.main_news_t2{width:538px;float:left;}
.main_news_t2 li{width:538px;float:left;border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px; position:relative;}
.main_news_t2 li:nth-child(3n){margin-bottom:0; border-bottom:none; padding-bottom:20px; margin-bottom:20px; }
.main_news_t2 li .rq{width:60px;height:60px;float:left; background:#fff; text-align:center; line-height:30px; font-family:Arial, Helvetica, sans-serif; border-right:1px solid #e6e6e6; padding:10px 5px 0 0; color:#999;}
.main_news_t2 li .rq h1{font-size:48px; font-weight:bold;}
.main_news_t2 li .rq span{font-size:14px;}
.main_news_t2 li .wz{width:455px;float:right;}
.main_news_t2 li .wz h1{width:455px;float:left;font-size:16px;}
.main_news_t2 li .wz p{width:455px;float:left; line-height:20px; color:#787876;}
.main_news_t2 li:before{content: ""; position:absolute;left:0;width:0;bottom: 0;background:#de231c;height:2px;transition:0.5s;}
.main_news_t2 li:hover:before{width:100%;}
.main_news_t2 li:hover .rq{color:#de231c;}

.main_news_pic{width:600px;height:350px;float:right; position:relative; overflow:hidden;}
.main_news_pic img{width:600px;height:350px;float:left;display:block; -webkit-transition:0.5s;transition:0.5s;}
.main_news_pic img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.main_news_wz{width:560px;height:50px;float:left; position:absolute; bottom:0; left:0; line-height:50px; background:#de231c; color:#fff; font-size:16px; padding:0 20px;}
.main_news_wz a{color:#fff !important;float:left;} .main_news_wz a:hover{color:#fff  !important;}
.main_news_wz span{float:right;}


/*底部*/
.index_foot-hz { background: #212121; padding-top: 40px; margin-top:50px;}
.foot-hz { background: #212121; padding-top: 40px; margin-top: 40px; }
.index_contact { width: 15%; }
.index_contact-nr { color: #757575; width: 230px; margin-top: 15px; }
.index_contact-nr a { color: #757575; line-height: 25px; }
.index_contact-nr a:hover { color: #999; }
.foot-lxfs{width:55%;}
.index_contact-lxfs { color: #757575; width:80%; margin-top: 15px; line-height: 25px; overflow:hidden;}
.index_contact-lxfs a { color: #757575; }
.index_contact-lxfs a:hover { color: #999; }
.foot-hz-cd { font-size: 16px; font-weight: bold; color: #aaaaaa;  padding-bottom: 10px; }
.ewm { width:20%; text-align: center; color: #666666; }
.ewm img { width: 100%; }
.foot { text-align: center; color: #666666; line-height: 44px; border-top: 1px solid #2c2c2c; margin-top: 40px; }
.foot a { color: #757575; }
/*底部*/

/*内页菜单*/
.listMenu{position:relative;text-align:center;height:45px;font-size:0;line-height:0;zoom:1;margin-top:60px;}
.listMenu a{display:inline-block;width:152px;height:43px;line-height:43px;border:1px solid #c2c2c2;font-size:15px;color:#171717;margin-left:-1px;background:#fff;transition:all 0.3s;}
.listMenu::before{position:absolute;content:"";left:0;top:20px;background:#ccc;height:1px;width:100%;z-index:-1;}
.listMenu a.current,.listMenu a:hover{background:#de231c;color:#fff;border:1px solid #de231c;}
/*内页菜单*/

/*内页关于我们*/
.listWrapper{width:100%; overflow:hidden; padding:35px 0;}
.enbt{font-family:arial;text-transform:uppercase;font-size:40px;text-align:center;color:#333;line-height:45px;padding:20px 0;}
.cnbt{text-align:center;line-height:24px;padding-bottom:25px;color:#333;font-size:24px;background:url(../images/bd2.png) no-repeat center bottom;margin-bottom:20px;}
.listBox{line-height: 28px; font-size: 14px; padding:0 10%;}
.listBox table td{ padding:5px;}
.listBox img{ display: block; clear:both; margin:auto;}


/*荣誉认证*/
.honor {padding:0 10%;  margin: 0 auto;}
.honor ul { list-style: none; overflow: hidden; margin-right: -13px; }
.honor li { width: 18%; height: auto; overflow: hidden; margin: 0px 13px 6px 12px; float: left; }
.honor li div { width: 96%; height: auto; overflow: hidden; border: 1px solid #cdcdcd; padding: 2px; }
.honor li a { display: block; width: 100%; height: 179px; overflow: hidden; }
.honor li img { width: 100%; }
.honor ul li div:hover { border: 1px solid #e4672f; }
.honor li span { display: block; text-align: center; line-height: 26px; color: #222; font-size: 13px; }


/*案例展示*/
.product_box{padding:0 10%;  margin: 0 auto;}
.ny-title-two{height:46px;background-color: white;margin-bottom:30px;}
.ny-title-two a{display: block;width:11%;height: 46px;font-size: 14px;color: #333333;float: left;text-align: center;line-height: 46px;}
.ny-title-two a.firsta{background-color: #de231c;color: #ffffff;}
.ny-title-two a:hover{background-color: #de231c;color: #ffffff;}
.product { margin:3% 0; padding:2% 0;}
.product ul { list-style: none; overflow: hidden; margin-right: -13px; }
.product li { width: 18%; height: auto; overflow: hidden; margin: 0px 13px 6px 12px; float: left; }
.product li div { width: 96%; height: auto; overflow: hidden; border: 1px solid #cdcdcd; padding: 2px; }
.product li a { display: block; width: 100%; height: auto; overflow: hidden; }
.product li img { width: 100%; }
.product ul li div:hover { border: 1px solid #e4672f; }
.product li span { display: block; text-align: center; line-height: 26px; color: #222; font-size: 13px; }

/* 新闻中心 */
.newsbox{padding:0 10%;  margin: 0 auto;}
.newsbox ul li{ display:block; background:#f3f3f3; margin-bottom:80px;}
.newsbox ul li .li_lf{ float:left; width:25%;}
.newsbox ul li .li_lf .p1{ width:15%; line-height:40px; text-align:center; color:#fff; font-size:18px; z-index:10; position:absolute;}
.newsbox ul li .li_lf .p2{ width:15%; height:40px; background:#000;z-index:1; position:absolute;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;}
.li_lf img{width:100%;}
.newsbox ul li .li_rt{ float:right; width:69%; padding:0 2%; color:#999; font-size:12px; line-height:25px;}
.newsbox ul li .li_rt h3{ font-size:16px; color:#333; margin-top:30px;}
.newsbox ul li .li_rt p{ font-size:14px; color:#787878; margin-top:40px; line-height:26px;}
.newsbox ul li:hover{ box-shadow:1px 1px 10px #babbd0;}
.newsbox ul li:hover .li_rt h3{ color:#de231c;}
.newsbox ul li:hover .li_rt p{ color:#de231c;}

/*新闻详情*/
.xinwenxiangqing{padding:0 10%;  margin: 0 auto;}
.xinwenxiangqing .nd_head{text-align: center;margin-top:30px;padding-bottom: 30px;border-bottom: 1px dashed #d6d6d6;}
.xinwenxiangqing .nd_head p{color: #de231c;font-size: 28px;margin-bottom: 18px;height: 37px;overflow: hidden;}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 30px;}
.xinwenxiangqing .nd_text {text-align: left;font-size:14px;line-height:30px;  padding: 10px 0;}
.nd_text img{ display: block; clear: both; margin:auto;}
.newsmore_page{  margin: 0 auto; border-top:1px solid #e6e6e6; margin:3% 0; padding:2% 0;}
.newsmore_page_left{width:80%;float:left;line-height:24px; font-size:14px;}
.newsmore_page_right{width:20%;float:right;text-align:right; font-size:16px;}
/*新闻详情*/

/*设备展示*/
.equipment {padding:0 10%;  margin: 0 auto;}
.equipment ul { list-style: none; overflow: hidden; margin-right: -13px; }
.equipment li { width: 18%; height: auto; overflow: hidden; margin: 0px 13px 6px 12px; float: left; }
.equipment li div { width: 96%; height: auto; overflow: hidden; border: 1px solid #cdcdcd; padding: 2px; }
.equipment li a { display: block; width: 100%; height: 178px; overflow: hidden; }
.equipment li img { width: 100%; }
.equipment ul li div:hover { border: 1px solid #e4672f; }
.equipment li span { display: block; text-align: center; line-height: 26px; color: #222; font-size: 13px; }

/*案例展示*/
.case {padding:0 10%;  margin: 0 auto;}
.case ul { list-style: none; overflow: hidden; margin-right: -13px; }
.case li { width: 18%; height: auto; overflow: hidden; margin: 0px 13px 6px 12px; float: left; }
.case li div { width: 96%; height: auto; overflow: hidden; border: 1px solid #cdcdcd; padding: 2px; }
.case li a { display: block; width: 100%; height: auto; overflow: hidden; }
.case li img { width: 100%; }
.case ul li div:hover { border: 1px solid #e4672f; }
.case li span { display: block; text-align: center; line-height: 26px; color: #222; font-size: 13px; }

/******企业招聘**********/
.recr {padding:0 10%;  margin: 0 auto;}
.recr li { border-bottom: 1px solid #eee; }
.recr li .hover { color: #de231c; background: url(../images/product.png) right -292px no-repeat; }
.recr_name { height: 60px; line-height: 60px; font-size: 16px; cursor: pointer; display: block; color: #de231c; background: url(../images/product.png) right -223px no-repeat; }
.recr_name em { padding: 0 15px 0 10px; font-size: 20px; font-weight: bold; font-style: normal !important; }
.recr_intr { padding: 35px; background: #f2f2f2; }
.recr_intr dl { font-size: 14px; color: #333; padding-bottom: 30px; line-height:30px; }
.recr_intr dl dt { font-weight: bold; height: 50px; }
.recr_intr dl dd { line-height: 24px; }
.recr_intr .jl a { padding: 7px 15px; color: #333; font-size: 16px; background: #d31a18 }

/*feedback*/
.content_box {padding:0 10%;  margin: 0 auto; }
.content_box .messages_box { width: auto; padding: 10px 1% 60px 1%; }
.content_box .messages_box ul { width: 100%; }
.content_box .messages_box ul li { padding: 5px 28px 5px 5px; }
.content_box .messages_box .text-input, .content_box .messages_box .summary-input, .content_box .messages_box .qq-input { width: 100%; height: 33px; padding: 0px 10px; line-height: 33px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; }
.content_box .messages_box .cont-input { width: 100%; height: 130px; padding: 10px; line-height: 20px; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; font-size: 14px; }
.content_box .messages_box .code-input { width: 125px; vertical-align: middle; height: 33px; padding: 0px 10px; line-height: normal; background: none repeat scroll 0% 0% rgb(253, 253, 253); border-width: 1px; border-style: solid; border-color: rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201); box-shadow: 1px 2px 3px rgb(183, 183, 183) inset !important; }
.content_box .messages_box .verify-pic { height: 35px; vertical-align: middle; }
.content_box .messages_box .submitBtn { text-align: center; padding-top: 10px; }
.content_box .messages_box .messages-button { width: 125px; height: 34px; line-height: 34px; font-size: 16px; color: #fff; text-align: center; background: none repeat scroll 0% 0% #e24a45; border: none; transition-duration: .3s; }
.content_box .messages_box .messages-button:hover { background: none repeat scroll 0% 0% #74b956; transition-duration: .3s; cursor: pointer }