@charset "UTF-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0; padding:0;}
body{background: #fff;font: normal 14px/30px "微软雅黑";color: #333;}
td,th,caption{font-size:14px;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;}
a{text-decoration: none;}
a:hover{text-decoration: none;}
img{border:none;}
ol,ul,li{list-style:none;}
input, textarea, select, button{font:14px Verdana,Helvetica,Arial,sans-serif;}
table{border-collapse:collapse;}
html{overflow-y: scroll;}
/* css common */
.clearfix:after{content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{*zoom:1;}
.fl{float: left;}
.fr{float: right;}
html{overflow-x:hidden;}
.clear{clear: both;}

.w100{overflow: hidden;width: 100%;margin: 0px;padding: 0px;}
.w1200{width: 1200px;margin-right: auto;margin-left: auto;}

.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt90{margin-top: 90px;}
.pt40{padding-top:40px;}
.mb50{margin-bottom: 50px;}
.pt50{padding-top:50px;}


/*头部*/
.header{margin: 0px auto;width: 1200px;height: 107px;}
.logo{width: 300px; height:auto; float: left;}
.logo img{width: 100%;}


/*首页标题*/
.itit_1{color: #000;background: url(../images/tit_bg.png) no-repeat center center;height: auto;width: 1200px;margin-top: 10px;margin-right: auto;margin-left: auto;text-align: center;font-family: "微软雅黑";font-size: 30px;font-style: italic;line-height: 35px;font-weight: 400;text-decoration: none;}
.ic1ts_1{color: #8e8e8e;text-align: center;width: 1200px;margin-right: auto;margin-left: auto;font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-style: italic;line-height: 30px;font-weight: 400;}


/*首页标题二*/
.itit_2{color: #fff;background-image: url(../images/tit_bg.png);background-repeat: no-repeat;background-position: center center;height: auto;width: 1200px;margin-top: 10px;margin-right: auto;margin-left: auto;text-align: center;font-family: "微软雅黑";font-size: 30px;font-style: italic;line-height: 35px;font-weight: 400;text-decoration: none;}
.ic1ts_2{color: #fff;text-align: center;width: 1200px;margin-right: auto;margin-left: auto;font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-style: italic;line-height: 30px;font-weight: 400;}


/*第二部分*/
.row2_bg{height: 513px;width: 100%;background: url(../images/row2.jpg) no-repeat center top;padding-top: 135px;}
.row2{width: 1200px;margin-right: auto;margin-left: auto;margin-top: 50px;}
.row2 .row2_fl{float: left;height: 336px;width: 524px;}
.row2 .row2_lf img{height: 336px;width: 524px;}
.row2 .row2_fr{float: right;width: 590px;}
.row2 .row2_fr .tit{width: 590px;height: 50px;font: 400 24px/30px "微软雅黑";color: #fff;background: url(../images/line_2.jpg) no-repeat left bottom;margin-top: 20px;}
.row2 .row2_fr .txt{width: 590px;font: 400 14px/35px "微软雅黑";color: #fff;margin-top: 20px;}


/*tab标签*/
.nTab{width: 1200px;overflow: hidden;margin: 50px auto 0 auto;}
.none{display:none;}
.nTab .TabTitle li{float: left;cursor: pointer;font: 400 15px/40px "微软雅黑";text-align: center;width: 230px; margin-right:10px;margin-bottom:10px;}
.nTab .TabTitle li a{text-decoration:none;}
.nTab .TabTitle .active{color: #fff;border: 1px solid #d40003; background:#d40003;color: #fff;}
.nTab .TabTitle .normal{color: #000;border: 1px solid #eee;}
.nTab .TabContent{width: 1200px;clear:both;overflow:hidden;padding:15px 0 0 0;display:block;}


/*案例展示*/
.tpgd_List{position: relative;clear: both;height: 290px;width: 1200px;}
.tpgd_List .bd_dl{padding: 5px 0 !important;}
/*内容*/
.tpgd_List .bd{position: relative;height: 100%;z-index: 0;height: 290px;overflow: hidden;}
.tpgd_List .bd li{zoom: 1;vertical-align: middle;width: 285px;overflow: hidden;background: #fff;margin-right: 20px;float: left;display: inline;}
.tpgd_Pic{width: 285px;height: 240px;overflow: hidden;}
.tpgd_Pic img{width: 285px;height: 240px;}
.tpgd_PicText{height: 40px;line-height: 40px;text-align: center;}
.tpgd_PicText a{font: 400 14px/40px "微软雅黑";color: #000;}
.tpgd_List .bd li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);background: #FFF;}
.tpgd_List .bd li:hover .tpgd_PicText a{color: #d40003;}
/* 下面是前/后按钮代码，如果不需要删除即可*/
.tpgd_List .prev{display: block;width: 23px;height: 46px;position: absolute;left: 0px;top: 110px;background: url(../images/farrow.png) no-repeat 0 0;display: none;}
.tpgd_List .next{display: block;width: 23px;height: 46px;position: absolute;right: 0px;top: 110px;background: url(../images/farrow.png) no-repeat -30px 0;display: none;}
.tpgd_List .prev:hover{background: url(../images/farrow.png) no-repeat 0 -46px;}
.tpgd_List .next:hover{background: url(../images/farrow.png) no-repeat -30px -46px;}


/*首页新闻*/
.inews{width: 1200px; height:460px; margin: 50px auto 65px;}
.inews .inews_list{width: 370px;display: block;float: left;margin-right: 45px;}
.inews .inews_list .pic_box{width: 370px;height: 235px;position: relative;transition: 0s; overflow:hidden}
.inews .inews_list .pic_box div{width: 370px;height: 143px;padding-top: 92px;text-align: center;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);opacity: 0;}
.inews .inews_list .pic_box > img{display: block;width: 100%;height: 100%;transition:all ease-out .3s;}
.inews .inews_list .news_text{width: 370px;margin-top: 30px;}
.inews .inews_list .news_text span{display: block;font: 400 12px/12px "微软雅黑";color: #999;margin-bottom: 15px;}
.inews .inews_list .news_text h2{width: 370px;font: 400 16px/20px "微软雅黑";color: #000;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.inews .inews_list .news_text h3{width: 370px;height: 60px;font: 400 14px/30px "微软雅黑";color: #333;background: url(../images/line_3.jpg) no-repeat left top;padding-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews .inews_list .news_text h4{height: 38px;width: 120px;background-color: #b5b5b5;text-align: center;font: 400 14px/38px "微软雅黑";color: #fff;margin-top: 20px;}
.inews .inews_list:hover h2{color: #d40003;}
.inews .inews_list:hover h4{background-color: #d40003;}
.inews .inews_list:hover img{margin: -1px; transform:scale(1.05)}


/*底部*/
.footer{width: 100%;background: #2e2e2e;padding: 40px 0;}
.footer .footer_main{width: 1200px;margin: 0 auto;}

.footer .footer_main .footer_nav{float: left;width: 960px;}
.footer .footer_main .footer_nav ul{float: left; margin-right:40px;}
.footer .footer_main .footer_nav ul li { width:120px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.footer .footer_main .footer_nav ul li a{font: normal 14px/30px "微软雅黑";color: #fff;}
.footer .footer_main .footer_nav ul li a:hover{color: #fff;}
.footer .footer_main .footer_nav ul .li1{font: normal 16px/20px "微软雅黑";color: #fff;margin-bottom: 12px;background: url(../images/line_4.jpg) no-repeat left bottom;height: 40px;}

.footer .footer_main .footer_er{float: right;width: 240px;background: url(../images/line_5.jpg) repeat-y left top;}
.footer .footer_main .footer_er .weichat{width: 165px;float: right;text-align: center; margin-top:10px;}
.footer .footer_main .footer_er .weichat img{width: 165px;height:165px;}
.footer .footer_main .footer_er h3{font: normal 14px/40px "微软雅黑";color: #fff;}

.bottom{width: 100%;height: 50px;line-height: 50px;overflow: hidden;background-color: #d40003;}
.bottom .m_bottom{width: 1200px;height: 50px;margin: 0 auto;}
.bottom .m_bottom .m_bottom_left{font: 400 14px/50px "微软雅黑"; color: #fff; float: left;}
.bottom .m_bottom .m_bottom_right{font: 400 14px/50px "微软雅黑"; color: #fff; float: right;}


/*内页大图*/
#nban{height: 340px; position: relative;}
.nbanner{position: absolute; left: -360px; top: 0; width: 1920px; height: 340px;}


/*内页标题*/
.ntit{width: 1200px; height:50px; margin-right: auto; margin-left: auto;}
.ntit .ntit_fl{font: 400 14px/50px "微软雅黑"; color: #333; float: left;}
.ntit .ntit_fl a{color: #333;}
.ntit .ntit_fl a:hover{color: #d40003;}
.ntit .ntit_fr{font: 400 24px/50px "微软雅黑";color: #fff;float: right;background-color: #d30102;height: 50px;width: 360px;text-align: right;padding-right: 35px;filter:alpha(opacity=80); /*支持 IE 浏览器*/-moz-opacity:0.80; /*支持 FireFox 浏览器*/opacity:0.80; /*支持 Chrome, Opera, Safari 等浏览器*/}


/*内页内容*/
.nmain{width: 1100px; min-height:500px; padding: 30px 50px;margin: 30px auto 65px; background-color:#FFF;}


/*内页案例*/
.ntit_2{width: 1200px; margin-right: auto; margin-left: auto;background-color:#FFF; margin-top:30px; padding:30px 0 20px;}
.ntit_2 h2{width: 1200px;font: 400 30px/40px "微软雅黑";color: #555555; text-align:center;}
.ntit_2 h4{width: 1200px;font: 400 17px/30px "微软雅黑";color: #555555; text-align:center;}


/*案例栏目*/
.menu_3{width: 1200px; margin-right: auto; margin-left: auto;text-align: center; background-color:#FFF; padding:0 0 40px;}
.menu_3 a{position:relative; display:inline-block; padding:0 20px; margin:0 5px;font: 400 14px/30px "微软雅黑";color: #fff;background-color:#898989;}
.menu_3 a:first-child { border-left:0; }
.menu_3 a:hover,
.menu_3 a.cur { color:#fff; background-color:#d30102;}
.menu_3 a .underline { position:absolute; left:50%; bottom:-10px; display:none; width:24px; height:2px; margin-left:-12px; background-color:#d30102; }
.menu_3 a:hover .underline,
.menu_3 a.cur .underline { display:block; }


/*案例展示图*/
.ncase{width: 1200px; height:auto; margin: 50px auto 0;}
.ncase .ncase_list{width: 370px;display: block;float: left;margin: 0 45px 30px 0; background-color:#FFF;}
.ncase .ncase_list .pic_box{width: 370px;height: 235px;position: relative;transition: 0s; overflow:hidden;}
.ncase .ncase_list .pic_box div{width: 370px;height: 143px;padding-top: 92px;text-align: center;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);opacity: 0;}
.ncase .ncase_list .pic_box > img{display: block;width: 100%;height: 100%;}
.ncase .ncase_list .ncase_text{width: 370px;margin: 30px 0;}
.ncase .ncase_list .ncase_text h2{width: 370px;font: 400 16px/20px "微软雅黑";color: #000; text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ncase .ncase_list .ncase_text h4{width: 370px;text-align: center;font: 400 14px/38px "微软雅黑";color: #666;margin-top: 40px;}
.ncase .ncase_list:hover{background-color: #d40003;}
.ncase .ncase_list:hover h2{color: #fff;}
.ncase .ncase_list:hover h4{color: #fff;}

/*内页底部翻页*/
.page{width: 1200px;margin:0 auto; text-align: center; padding: 30px 0 0; text-align: center; font: 400 14px/32px "微软雅黑"; color: #666;}
.page a{display: inline-block; vertical-align: middle; width: 32px; height: 32px; border: #f84e3f solid 1px; text-align: center; margin: 0 2px;color: #666;}
.page a.auto{width: auto; padding: 0 15px;}
.page a:hover{background: #d30102; color: #fff;}
.page a.hover{background: #d30102; color: #fff;}
.pagexx{width: 1200px;margin:0 auto;text-align: center; padding-bottom: 65px; font: 400 14px/40px "微软雅黑"; color: #999; padding-top: 5px;}
.pagexx em{color: #d30102; margin: 0 5px;}


/*内页新闻中心*/
.news { width:1200px;margin: 30px auto 0;}

.news .newsList {}
.news .newsList li { position:relative; height:100px; padding:25px 0; margin-bottom:15px; margin-left:16px; background-color:#FFF; }
.news .newsList li img { position:absolute; right:15px; top:50%; display:block; width:190px; height:110px; margin-top:-55px; }
.news .newsList li .cnt { width:730px; overflow:hidden; margin-left:112px; }
.news .newsList li .date { position:absolute; left:-16px; top:50%; width:96px; height:96px; margin-top:-48px; font-family:arial; background-color:#E1E1E1; }
.news .newsList li:hover .date { background-color:#d30102; }
.news .newsList li .date .day { display:block; padding:15px 0 7px 14px; line-height:1.1; font-size:32px; color:#d30102; }
.news .newsList li:hover .day { color:#FFF; }
.news .newsList li .date .ym { display:block; padding-left:15px; line-height:1.1; color:#555; }
.news .newsList li:hover .ym { color:#FFF; }
.news .newsList li .date:hover { background-color:#d30102; }
.news .newsList li .date:hover .day { color:#FFF; }
.news .newsList li .date:hover .ym { color:#FFF; }
.news .newsList li .tit { height:28px; overflow:hidden; margin-bottom:2px; font: 400 18px/30px "微软雅黑"; color: #000;}
.news .newsList li .data { padding-bottom:3px; line-height:24px; font: 400 14px/30px "微软雅黑"; color: #999; }
.news .newsList li .data span { padding-right:30px; }
.news .newsList li .intro { height:44px; overflow:hidden; font: 400 14px/25px "微软雅黑"; color: #777; }

.news .newsList li.imp { height:330px; padding:0; padding-left:603px; margin-bottom:30px; }
.news .newsList li.imp img { position:absolute; left:0; top:0; width:570px; height:330px; margin:0; }
.news .newsList li.imp .cnt { width:550px; margin-left:0; }
.news .newsList li.imp .date { position:static; width:auto; height:auto; padding:31px 0 18px 0; margin-top:0; background-color:#FFF!important; color:#d30102; font-size:27px; }
.news .newsList li.imp .tit { margin-bottom:10px;font: 400 18px/30px "微软雅黑"; color: #000; }
.news .newsList li.imp .intro { height:90px; font: 400 14px/30px "微软雅黑"; color: #666; }
.news .newsList li.imp .more { float:right; display:block; width:100px; height:20px; margin-top:31px; padding-right:10px; line-height:20px; text-align:right; font-family:arial; color:#FFF; background-color:#51565A; }
.news .newsList li.imp .more:hover { background-color:#d30102; }


/*新闻详情页*/
.artDetail {  width:1200px; margin: 30px auto 0;padding-bottom:40px; background-color:#FFF; }
.artDetail .hd { width:800px; margin:0 auto; padding:27px 0 15px; text-align:center; border-bottom:1px solid #EEE; }
.artDetail .hd .tit { padding:0 10px; font: 400 22px/40px "微软雅黑"; color: #333;}
.artDetail .hd .date { font: 400 12px/30px "微软雅黑"; color: #999; }
.artDetail .editor { width:800px; margin:0 auto; padding:15px 0;  }
.artDetail .editor img { max-width:100%; margin:10px 0; }
.artDetail .editor p { font: 400 14px/30px "微软雅黑"; color: #333; }
.artRelated { width:1200px;margin: 10px auto 65px; background-color:#FFF; }
.artRelated .tit { width:800px; margin:0 auto; padding-top:10px; font: 400 14px/40px "微软雅黑"; color: #111; border-bottom:1px solid #EEE; }
.artRelated .cnt { width:800px; margin:0 auto; overflow:hidden; line-height:24px; padding:15px 0 35px;}
.artRelated .cnt p { padding:5px 0; }
.artRelated .cnt a { color:#888; font-size:14px; }
.artRelated .cnt a:hover { color:#d30102; }


/*内页联系我们*/
.cotactUs { position:relative; height:720px; margin-bottom:290px; background:#FFF url(../images/contactBg.jpg) no-repeat top; }

.cotactUs .map { position:absolute; left:50%; bottom:-225px; display:block; width:1100px; margin-left:-550px; }

.contactBox { width:858px;height:450px; margin:0 auto; padding-top:50px; }
.contactInfo { float:left; width:348px; height:100%; background-color:#FFF; }
.contactInfo .tit { position:relative; padding-top:35px; padding-bottom:18px; margin-left:38px; margin-bottom:30px; }
.contactInfo .tit .t1{font: 400 30px/38px arial; color: #333;}
.contactInfo .tit .t1 span { color:#E33131; }
.contactInfo .tit .t2 { font: 400 18px/25px "微软雅黑"; color: #666; }
.contactInfo .tit .underline { position:absolute; left:1px; bottom:0; display:block; width:24px; height:2px; background-color:#d30102; }
.contactInfo .list { margin-left:73px; }
.contactInfo .list li { position:relative; width:210px; padding:26px 0 22px 0; border-top:1px dotted #BBB; }
.contactInfo .list li:first-child { border-top:0; }

.sprite { background:url(../images/sprite.png) no-repeat; }
.contactInfo .list li .ico { position:absolute; left:-39px; top:12px; display:block; width:30px; height:30px; }
.contactInfo .list li .ico1 { background-position:-460px -50px;}
.contactInfo .list li .ico2 { background-position:-490px -50px;}
.contactInfo .list li .ico3 { background-position:-520px -50px;}
.contactInfo .list li .en { font: bold 14px/20px arial; color: #333; text-transform:uppercase; }
.contactInfo .list li .info { font: 400 14px/25px "微软雅黑"; color: #666; }

.contactForm { float:right; width:500px; height:100%; background-color:#FFF; }
.contactForm .t1 { width:426px; margin:0 auto; padding:37px 0 24px 0; font: 400 24px/24px "微软雅黑"; color:#333; }
.contactForm .t2 { width:426px; margin:0 auto; padding-bottom:17px; font: 400 14px/30px "微软雅黑"; color:#999; }

.contactForm table { width:426px; margin:0 auto; }
.contactForm table td { width:50%; padding:6px 13px; }
.contactForm table .label { font: 400 12px/30px "微软雅黑"; color:#666; }
.contactForm table .label span { color:#d30102; }
.contactForm table .inputWrap { position:relative; width:100%; background:#EFEFEF; }
.contactForm table .inputField { position:relative; z-index:2; display:block; width:174px; height:20px; padding:7px 13px; line-height:20px; font: 400 14px/20px "微软雅黑";color:#888; background:none; border:0; }
.contactForm table textarea.inputField { width:400px; height:60px; }
.contactForm .submit { float:right; display:block; width:100px; height:25px; padding-right:15px; margin:13px 13px 0 0; font: 400 12px/25px "微软雅黑"; color:#FFF;  text-align:right; background:#4E596B; border:0; cursor:pointer; }
.contactForm .submit:hover {background:#d30102; }



/*一级栏目*/
.menu{float: right;position: relative;z-index: 99;width: 770px;}
.menu ul{float:right;}
.menu .nli{float: left;position: relative;z-index: 1;width: 110px;text-align: center;}
.menu .nli span a{color:#333; font: 400 16px/107px "微软雅黑"; display:block;}
.menu .nli.on,
.menu .nli:hover{background-image: url(../images/menu.jpg);background-repeat: no-repeat;background-position: center bottom; }
.menu .nli.on span a,
.menu .nli:hover span a{color:#000;}
.menu .sub{position:absolute; background:#fff; width:489px; padding:2px 26px 23px 0; top:108px;text-align:left; display:none; box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc;-moz-box-shadow: 0px 0px 5px #ccc;z-index: 1000000;}
.menu .sub ul{float:left; width:204px;}
.menu .sub ul li{float:left; width:100%; line-height:24px; padding:13px 0; border-bottom:1px solid #eeeeee;}
.menu .sub ul li a{float:left; width:183px; color:#333; font-size:14px; padding-left:30px;}
.menu .sub ul li a:hover{color:#d40003;}
.menu .sub ul li.last{border:none;}
.menu .sub .r_240{float:right; width:258px; margin-top:18px;}
.menu .sub .r_240 .text1{float:left; width:100%; height:60px; line-height:20px; overflow:hidden; font-size:12px; color:#999; margin-top:18px;}
.menu .sub_1{right:50%; margin-right:-222px;}
.menu .sub_2{right:50%; margin-right:-222px;}
.menu .sub_3{right:50%; margin-right:-222px;}
.menu .sub_4{right:50%; margin-right:-222px;}
.menu .sub_5{right:-188px;}
.menu .sub_6{right:-100px;}
.menu .sub_7{right:0px;}
.menu .sub_8{right:0;}


/*二级栏目*/
.menu_2{width: 1200px; margin:15px auto 0;background-image: url(../images/line_6.jpg);background-repeat: repeat-x;background-position: left bottom;}
.menu_2 .nli{float: left;position: relative;z-index: 1;text-align: center;margin-right: 1px;}
.menu_2 .nli span a{display: block;transition: all ease-in-out 0s;font: normal 14px/35px "微软雅黑";color: #fff;text-align: center; padding:0 30px;background-color: #51565a;}
.menu_2 .nli.on,
.menu_2 .nli:hover{background-color: #d40003;}
.menu_2 .nli.on span a,
.menu_2 .nli:hover span a{background-color: #d40003;}



/*图片样式（一行四列）*/
.pro_list{width: 1200px;margin-right: auto;margin-left: auto;margin-bottom: 30px;}
.pro_list li{width: 270px; height: 253px; margin: 40px 40px 0 0; position: relative; float: left;}
.pro_list li .pic{display: block; width: 270px; height: 203px; transition: 0s; overflow:hidden}
.pro_list li .pic img{width: 270px; height: 203px; display:block; transition:all ease-out .3s;}
.pro_list li .txt{width: 270px;display: block;font: 400 15px/50px "微软雅黑";color: #000;text-align: left;background-image: url(../images/line.png);background-repeat: no-repeat;background-position: left bottom;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pro_list li .pic:hover{display: block; width: 268px; height: 201px; border: #eee solid 1px; overflow: hidden;}
.pro_list li .pic:hover img{margin: -1px; transform:scale(1.05)}


/*分页效果*/

.pages{
	font-family: "Microsoft YaHei",Verdana;
	font-size: 12px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 65px;
	margin-left: auto;
	text-align:center;
}
.pages a, .pages span {
    display: inline-block;
    margin: 2px;
    padding: 4px 12px;
    line-height: 20px;
    height: 20px;
    border: 1px solid #e1e1e1;
    background: #fff;
    color: #333;
    text-decoration: none;
    font-size: 14px;
}

.pages span:first-child{ border-left:1px solid #e1e1e1; }
.pages a:hover{ color:#666; background:#eee; }
.pages span.current{ color:#fff; background:#d93131; border-color:#d93131; }
.pages span.disabled{ color:#999; background:#fff; }