@charset "utf-8";
/*全局定义*/
body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td{font-size:14px; margin:0; padding:0; font-family:Arial, "微软雅黑", Tahoma, Verdana,  Helvetica, sans-serif;}
address,cite,dfn,em,var{font-style:normal;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
small{font-size:12px;}
ul,ol{list-style:none;}
img{border:0;}
ul{list-style:none;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
a{text-decoration: none; color: #333; }
a:hover{ color:#333; text-decoration:none}
.left{ float:left;}
.right{ float:right}
a:focus,input:focus,button:focus,select:focus,textarea:focus{outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/

/*****公用部分*****/
.wrap{width:1200px; margin:0 auto; overflow:hidden}
.w1600{width:100%; max-width:1600px; margin:0 auto}
.mt20{margin-top:20px}.mt10{margin-top:10px}.mr25{margin-right:25px}.ml25{margin-left:25px;}
.p10{padding:10px}
@font-face{font-family:imp; src:url(../font/impact.ttf);}

/*****top*****/
.top{height:110px;}
/*logo*/
.logo{margin:24px 200px 20px 16px; float:left; width:204px}
/*nav*/
.nav{float:left; width:780px; margin-top:30px}
.nav li{width:130px; text-align:center; float:left; font:16px/25px "微软雅黑";}
.nav li a{color:#333333}
.nav li span{display:block; font:14px/25px Arial; text-transform:uppercase}
.nav li a span{color:#959595}
.nav li:hover a,.nav li:hover a span,.nav li a.hover,.nav li a.hover span{color:#0274b7}

/*****banner*****/
#full-screen-slider { width:100%; height:440px; float:left; position:relative}
#slides { display:block; width:100%; height:440px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:390px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#ea5b0b}

/*****公用标题*****/
.gy_title{background:url(../images/gy_title.png) no-repeat center top; font:20px/25px "微软雅黑"; color:#b3b3b3; text-align:center; padding-top:10px}
.gy_title span{display:block; text-align:center; font:18px/25px Arial; color:#117bcb; text-transform:uppercase}

/*****产品中心*****/
.cpzx dl{border:1px solid #e4e4e4; padding:2px; float:left; width:220px}
/* marqueeleft */
.cpzs{height:200px;width:1200px;overflow:hidden;margin:40px auto;}
.cpzs ul{float:left;}
.cpzs li{float:left;margin-left:10px;display:inline;width:220px; height:200px; overflow:hidden; border:1px solid #e4e4e4; padding:2px;}
.cpzs li .pic{display:block;width:220px;height:165px;overflow:hidden;}
.cpzs li .pic img{width:220px; height:165px}
.cpzs li .txt{text-align:center; background:#ff6600; font:14px/30px "微软雅黑";}
.cpzs li .txt a{color:#fff;}

/*****成功案例*****/
.cgal_bg{background:#f1f1f1; padding-bottom:55px}
.cgal dl{width:360px; height:235px; overflow:hidden; position:relative; float:left; margin:30px 20px; cursor:pointer}
.cgal dt{width:360px; height:235px}
.cgal dd{background-color:#000; background-color:rgba(0,0,0,0.8); position:absolute; top:235px; left:0; width:100%; height:100%;transition:top 0.5s;-webkit-transition:top 0.5s;}
.cgal dl:hover dd{top:0}
.cgal dd .cont{border:1px solid #fff; margin:10px; padding:20px; height:173px}
.cont em{display:block; font:16px/50px "微软雅黑"; color:#fff; text-align:center; height:50px; overflow:hidden}
.cont span{font:14px/22px "微软雅黑"; color:#bebdbd; height:44px; overflow:hidden; display:block}
.cont .more{background:#0274b7; text-align:center; width:115px; font:14px/28px "微软雅黑"; margin:40px auto 0 auto}
.cont .more a{color:#fff}

/*****公司简介*****/
.jj_bg{background:#0069b3; padding:20px 0 40px 0}
/*标题*/
.jj_title{background:url(../images/jj_title.png) no-repeat center top; font:20px/25px "微软雅黑"; color:#fff; text-align:center; padding-top:10px; margin-bottom:20px}
.jj_title span{display:block; text-align:center; font:18px/25px Arial; color:#3387c2; text-transform:uppercase}
.jj{font:14px/20px "微软雅黑"; color:#fff;}
.jj span{font:18px/50px "微软雅黑"; display:block}
.jj img{border:5px solid #fff; float:left; margin:0 25px 0 50px}

/*****新闻资讯*****/
.news dl{width:580px; float:left; margin:30px 20px 0 0}
.news dt{border:1px solid #e6e6e6; padding:3px; float:left; width:160px; height:120px; margin-right:12px}
.news dd{float:left; width:400px}
.news dd em{display:block; font:14px/28px "微软雅黑"; color:#000;}
.news dd span{font:14px/20px "微软雅黑"; height:60px; overflow:hidden; display:block}
.news dd span a{color:#999;}
.news dd .title{display:block; font:16px/25px "微软雅黑"; height:35px}
.news dl:hover dd .title a{color:#0069b3}

/*****foot*****/
.foot_bg{background:#e6e6e6; border-top:10px solid #f6f6f6; margin-top:30px;}
/*二维码*/
.foot_er{background:#f6f6f6; padding:16px; text-align:center; width:128px; font:14px/25px "微软雅黑"; color:#333333; float:left; margin:0 50px 50px 200px;}
/*内容*/
.foot_cont{font:14px/25px "微软雅黑"; color:#555555; text-shadow:1px 1px 1px #fff; padding-top:10px}
.foot_cont a{color:#555}
/*友情链接*/
.link{background:#c3c7c9; font:16px/35px "微软雅黑"; height:35px; overflow:hidden; padding:5px 0}
.link a{margin:0 10px}
.link a{color:#555555}

/******************************内页样式******************************/
.ny_box{min-height:500px}
/*****左侧菜单*****/
.left_menu{width:230px; margin-right:20px}
.left_menu li{border:1px solid #dadada; font:14px/45px "微软雅黑";margin-top:10px}
.left_menu li a{display:block; color:#666; background:url(../images/left_menu_icon.gif) no-repeat 20px center; padding:0 10px 0 45px; }
.left_menu li a:hover,.left_menu li a.hover{background:#0274b7 url(../images/left_menu_icon1.png) no-repeat 20px center; color:#fff;}

.left_menu_title{background:#0274b7; font:20px/25px "微软雅黑"; color:#fff; padding:20px}
.left_menu_title span{display:block; font-family:imp; text-transform:uppercase; font-size:24px}

/*****右侧内容*****/
.right_box{width:950px}
/*内页公用标题*/
.ny_title{border-bottom:1px solid #e5e5e5; font:18px/35px "微软雅黑"; color:#0274b7; padding:0 5px; margin-bottom:20px}
.ny_title span{font-style:italic !important; text-transform:uppercase; font:14px/35px Arial; color:#333333; margin-left:10px;}
.ny_add{font:12px/40px "微软雅黑"; color:#999999; float:right}

/*****公司简介*****/
.about{font:14px/25px "微软雅黑"; color:#555}
.about img{max-width:100%;}

/*****荣誉资质*****/
.ryzz li{width:280px; height:210px; padding:3px; float:left; border:1px solid #efefef; margin:0 14px 28px 14px}

/*****联系我们*****/
.contact{font:14px/30px "微软雅黑"; color:#333;}
.contact .map{margin-bottom:20px}
.contact .map img{max-width:100%}

/*****新闻列表页*****/
.news_list dl{margin-bottom:30px; height:125px}
.news_list dt{border:1px solid #e6e6e6; padding:3px; float:left; width:160px; height:120px; margin-right:12px}
.news_list dd{float:left; width:770px}
.news_list dd em{display:block; font:14px/28px "微软雅黑"; color:#000;}
.news_list dd span{font:14px/20px "微软雅黑"; height:60px; overflow:hidden; display:block}
.news_list dd span a{color:#999;}
.news_list dd .title{display:block; font:16px/25px "微软雅黑"; height:35px}
.news_list dl:hover dd .title a{color:#0069b3}
/*页码*/
.page{border-top:1px dotted #d2d2d2; padding-top:20px; text-align:right}
.page a{font:14px/25px "微软雅黑"; margin-right:20px; color:#666;}

/*****新闻内页*****/
.news_cont_title{font:16px/35px "微软雅黑"; color:#333; text-align:center}
.news_time{font:12px/24px "宋体"; color:#333; text-align:center}
.news_cont{font:14px/22px "微软雅黑"; color:#333; margin-top:30px}
.news_cont img{text-align:center}

/****产品展示页*****/
.show_list dl{width:280px; float:left; margin:0 18px 20px 18px}
.show_list dt{border:1px solid #e5e5e5; padding:9px; width:260px; height:195px; margin-bottom:10px; overflow:hidden}
.show_list dd{background:#e6e6e6; font:16px/45px "微软雅黑"; height:45px; padding:0 5px; overflow:hidden; text-align:center}
.show_list dd a{color:#333}
.show_list dl:hover dd,.show_list dl:hover dd a{background:#0274b7; color:#fff}
.show_list dl:hover dt img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s; z-index:1;}

/*****产品展示内页*****/
.show_cont{font:14px/25px "微软雅黑"; color:#333}
.show_cont_title{text-align:center; font:16px/35px "微软雅黑"; color:#555;}
.show_cont span{font-size:14px; background:#dcdcdc; display:block; margin:10px 0; padding-left:15px; font-weight:bold}
.show_cont .img{width:426px; height:320px; padding:10px; border:1px solid #e5e5e5; margin:0 auto 20px auto}

/*****成功案例页*****/
.cgal_list{overflow:hidden}
.cgal_list dl{width:30%; overflow:hidden; float:left; margin:20px 1.5%; cursor:pointer}
.cgal_list dt img{max-width:100%}
.cgal_list dd{font:14px/28px "微软雅黑"; text-align:center; height:28px; overflow:hidden; padding:0 5px}
.cgal_list dd a{color:#333}
.cgal_list dl:hover dd a{color:#ff6600}