@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: #525252; font-size: 14px; font-family: '微软雅黑', Microsoft yahei; }
ul, li, 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% Microsoft yahei, ''; 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: #525252; text-decoration: none; }
a:hover { color: #e30a19; text-decoration: none; }
.layout { width: 1200px; height: auto; margin: 0 auto; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
html { overflow-x: hidden; }
.mr10{ margin-right:10px;}

/* top */
.top { width: 100%; height: 38px; background: #393939; }
.t { width: 1200px; height: auto; margin: 0 auto; }
.topzi { float: left; font-size: 14px; line-height: 38px; color: #fff; }
.t_right { height: auto; float: right; line-height: 38px; }
.lang { float: left; margin-right: 20px; }
.lang a { font-size: 14px; color: #fff; }
.lang a:hover { font-size: 14px; color: #0a5cbc; }
.lang2 { float: left; }
.lang2 a { font-size: 14px; color: #fff; }
.lang2 a:hover { font-size: 14px; color: #0a5cbc; }

/* tel */
.topTp{width: 196px;float: right;height: 40px;text-align: right;line-height: 50px;color: #f38001;font-weight: bold;font-size: 20px; background:url(../images/head_telico.png) no-repeat  6px 30px; padding-top:18px;}
/* menu */
.menubg { width: 100%; height: auto; overflow: hidden; background:#303030;}
.menu { width: 1200px; height: auto; margin: 0 auto; }
.logo { float: left; margin-right: 20px; }
.menu li { float: left; text-align: center; }
.menu li a { color: #fff; height: 91px; line-height: 91px; font-size: 15px; padding: 0px 26px; border-bottom: 2px solid transparent; display: block; text-decoration: none; }
.menu li a:hover { border-bottom: 2px solid #f38001; color: #f38001; }
.menu li a.hover { border-bottom: 2px solid #f38001; color:#f38001;}
.menu li a span { color: rgba(255,255,255,0.3); font-size: 12px; }
.cc { line-height: 40px; float: left; color: #fff; }

/* banner */
.flexslider { position: relative; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; border-radius: 0px; }
.flex-pauseplay span { text-transform: capitalize; }
.flex-control-nav { width: 100%; text-align: center; position: absolute; bottom: 10px; font-size: 0; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display:inline;}
.flex-control-paging li a { width: 48px; height: 8px; display: block; background: #666; background: #fff; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.flex-control-paging li a:hover { background: #e30a19; }
.flex-control-paging li a.flex-active { background: #e30a19; cursor: default; }
.flex-direction-nav li a { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; }
.flex-direction-nav li a.flex-prev { background: url(../images/left.png) center center no-repeat; left: 2%; z-index: 99; }
.flex-direction-nav li a.flex-next { position: absolute; background: url(../images/right.png) center center no-repeat; right: 2%; }


/*******sy-case******/
.sy-case{width:100%; height:auto; overflow:hidden;}
.icolumn{ padding:40px 0 15px 0; 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:24px; color:#333; font-weight:bold; padding:0 0 10px 0; }
.icolumn span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#999; }
.sycase { width:1200px; margin:0 auto; padding-top:20px;padding-bottom:20px;}
.sycase li { float:left; width:270px; margin:15px 15px 30px; position:relative;}
.sycase li .syce-img img { width:100%;}
.sycase li .syce-bg { position:absolute; background:rgba(0,0,0,0.6); width:100%; transition:0.5s; height:55px; bottom:0px; left:0px; color:#fff; text-align:center;}
.sycase li .syce-bg h1 { line-height:33px; transition:0.5s;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; padding:0 5px;}
.sycase li .syce-bg p { line-height:22px; font-size:13px;transition:0.5s;}
.sycase li:hover .syce-bg{ height:100%;}
.sycase li:hover .syce-bg h1 { line-height:60px;}
.sycase li:hover .syce-bg p { line-height:40px;}


/* 首页公司简介 */
#about{ width:100%; height:580px; padding:0; background:url(../images/building.jpg) no-repeat center top; overflow:hidden; }
.sectionRelative{ width:1200px; margin:0 auto; height:100%; position:relative; }
.aboutColumn{ width:215px; height:100%; background:url(../images/aboutcolumnbg.png) repeat; position:absolute; top:0; left:0; z-index:5; }
.aboutColumn em{ height:40px; line-height:40px; display:block; margin:50px 0 0 10px; font-size:36px; font-family:Arial, Helvetica, sans-serif; font-style:normal; color:#fff; overflow:hidden;  }
.aboutColumn h3{ margin:0 0 0 10px; padding:0; font-size:24px; font-weight:bold; color:#fff; }
.aboutCompany{ width:720px; height:58px; line-height:58px; padding:30px 0 0 48px; position:absolute; top:50px; left:246px; z-index:10; background:url(../images/companybg.png) no-repeat left top; font-size:30px; color:#fff; }
.aboutpic{ width:440px; height:300px; padding:20px 0; background:url(../images/aboutpicbg.png) no-repeat right top; position:absolute; top:170px; left:0; z-index:10; overflow:hidden; }
.aboutcontent{ width:680px; height:300px; line-height:33px; font-size:14px; padding:20px; position:absolute; top:170px; right:0; z-index:10; background:url(../images/aboutconbg.png) repeat; overflow:hidden; }
.aboutcontent p{ margin:0; padding:0; font-size:14px; line-height:28px;}
a.aboutmore{ width:100px; height:30px; line-height:30px; display:block; text-indent:30px; background:url(../images/amore.png) no-repeat left top; color:#fff; font-size:14px; position:absolute; right:0; bottom:40px; z-index:20; }



/* 首页新闻资讯 */
#news{ width:100%; padding:20px 0; background:#fff; overflow:hidden; }
.newsRec{ width:1280px; margin:20px 0 0 0; padding:0; overflow:hidden; }
.newsRec dt{ width:400px; height:340px; float:left; margin:20px 20px 0 0; background:#f2f2f2; overflow:hidden; }
.newsRec dt h4{ font-size:16px; font-weight:bold; color:#f38001; margin:15px 15px 10px 15px; }
.newsRec dt p{ margin:0 15px; padding:0; font-size:12px; line-height:2; color:#666; }
.newsRec dd{ width:344px; height:70px; margin:20px 20px 0 0; padding:15px; float:left; background:#f2f2f2; overflow:hidden;}
.newsRec dd h4{ height:24px; font-size:14px; font-weight:bold; overflow:hidden; }
.newsRec dd p{ line-height:2; margin:0; padding:0; font-size:12px; color:#666; }
.newsRec dd:hover,.newsRec dt:hover{ background:#f38001;  }
.newsRec dd:hover h4,.newsRec dd:hover p{ color:#fff; }
.newsRec dt:hover h4,.newsRec dt:hover p{ color:#fff;}

.iMore{ width:64px; height:32px; display:block; background:url(../images/im1.png) no-repeat left top; margin:0 auto; }


/* 版权 */
#footer {width: 100%;background: #303030;overflow: hidden;}
#foot{ width:1200px; margin:0 auto; padding:20px 0; overflow:hidden;  }
#Fmenu{ clear:both; float:left; line-height:2; font-size:12px; color:#ccc; }
#Fmenu a{ color:#ccc; }
#Fmenu span{ margin:0 12px; }

#copr{ float:right; font-size:12px; color:#ccc; line-height:2; overflow:hidden; }
#copr a{ color:#ccc;}
#address{ float:right; font-size:12px; color:#fff; overflow:hidden; }


/*内页banner样式*/
.banner_pic { position: relative; height: 280px; width: 100%; min-width: 1200px; }
/*位置*/
.wz{width:1200px; margin:0 auto; overflow:hidden; line-height:40px;}
.wz a:hover{color:#d52720;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
/*位置*/

.ny_bj{width:100%; overflow:hidden; padding:26px 0 40px 0;}


/*内页导航*/
.ny_dh{width:1200px; overflow: hidden; margin:0 auto;}
.ny_dh ul{overflow:hidden; margin:-15px 0 0 -15px;}
.ny_dh ul li{ padding:0 20px; line-height:30px; border:1px #ccc solid; float:left; margin:15px 0 0 15px; text-align:center; font-size:13px;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;}
.ny_dh ul li a{color:#000000;}
.ny_dh ul .s{background:#f38001; border:1px #f38001 solid;}
.ny_dh ul .s a{color:#fff;}
.ny_dh ul li:hover{background:#f38001; border:1px #f38001 solid;}
.ny_dh ul li:hover a{color:#fff;}
/*内页导航*/

/*内页框架*/
.ny_kj{width:1200px; margin:26px auto 0 auto;overflow:hidden; background:#fff;}
.ny_kj p{line-height:28px; font-size:14px;}
/*内页框架*/

/*内页标题*/
.ny_bt{width:1200px; overflow:hidden; text-align:center;}
.ny_bt h1{ font-size:18px;}
.ny_bt span{display:block; font-size:13px; color:#999; padding:10px 0; border-bottom:1px #999 dotted; margin:0 0 10px 0;}
/*内页标题*/

/*内页上下篇*/
.ny_sxp{width:1200px; overflow:hidden;border-top:1px #999 dotted; margin:15px 0 0 0;}
.ny_sxp a{display:block; padding:5px 0;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;}
.ny_sxp a:hover{color:#268bc6;}
/*内页上下篇*/

/*工厂设施*/
.workshop { margin: 0 auto; width: 1200px; margin-top:30px;}
.workshop ul { list-style: none; overflow: hidden; margin-right: -13px; }
.workshop li { width: 278px; height: auto; overflow: hidden; margin: 10px 13px 15px 12px; float: left; }
.workshop li div { width: 272px; height:204px; overflow: hidden; border: 1px solid #cdcdcd; padding: 2px; }
.workshop li a { display: block; width: 272px; height: auto; overflow: hidden; }
.workshop li img { width: 100%; display:block;}
.workshop ul li div:hover { border: 1px solid #f38001; }
.workshop li span { display: block; text-align: center; line-height: 26px; color: #222; font-size: 14px; }

/*案例展示*/
.nycase { width:1200px; margin:0 auto; padding-top:20px;padding-bottom:20px;}
.nycase li { float:left; width:270px; margin:15px 15px 30px; position:relative;}
.nycase li .nyce-img img { width:270px; height:203px;}
.nycase li .nyce-bg { position:absolute; background:rgba(0,0,0,0.6); width:100%; transition:0.5s; height:55px; bottom:0px; left:0px; color:#fff; text-align:center;}
.nycase li .nyce-bg h1 { line-height:33px; transition:0.5s;white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; padding:0 5px;}
.nycase li .nyce-bg p { line-height:22px; font-size:13px;transition:0.5s;}
.nycase li:hover .nyce-bg{ height:100%;}
.nycase li:hover .nyce-bg h1 { line-height:60px;}
.nycase li:hover .nyce-bg p { line-height:40px;}


.news-detail-box { width: 1200px; margin: 0 auto; padding-top: 20px; }
.news-detail-box h1 { font-size: 30px; line-height: 34px; color: #363a3c; text-align: center; }
.news-info { text-align: center; color: #7f8080; font-size: 14px; line-height: 34px; margin-top: 6px; margin-bottom: 30px; }
.news-detail { padding-top: 45px; padding-bottom: 80px; border-top: 1px solid #e5e5e5; }
.news-detail img { display: block; clear: both; margin: auto; }
.news-detail p { line-height: 30px; color: #7f8080; font-size: 14px; }
.news-detail h3 { font-size: 18px; font-weight: bold; color: #393939; margin-bottom: 15px; }

.pagep { clear: left; margin-top: 6px; margin: 0 auto; text-align: center; line-height: 35px; }
.pagep a, .pagep font, .pagep i { border: 1px solid #DDD; color: #333; padding: 5px 10px; text-decoration: none; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.pagep b { border: 1px solid #f38001; padding: 5px 10px; text-decoration: none; background: #f38001; color: #FFF; font-size: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.pagep a:hover { border: 1px solid #f38001; padding: 5px 10px; text-decoration: none; background: #f38001; color: #FFF; font-size: 12px; }


/*新闻中心*/
.xwzx_kj{width:1200px; overflow:hidden; margin:0 auto; margin-top:26px;}
.xwzx_kj dl{overflow:hidden; margin:20px 0 0 0;}
.xwzx_kj dl dt{width:80px; line-height:70px; float:left; font-size:50px; color:#ccc; border-right:3px #ccc solid;}
.xwzx_kj dl dd{width:1050px; float:right;}
.xwzx_kj dl dd h1{width:800px;float:left; color:#d52720; font-size:15px; line-height:22px;}
.xwzx_kj dl dd span{width:69px;display:block; float:right; font-size:13px; color:#ccc;}
.xwzx_kj dl dd p{width:1050px; float:left; line-height:22px;}
/*新闻中心*/







