@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0px 0px;}
body{ font-size: 87.25%; min-width: 1440px; color: #666;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
.fl{ float:left;}
.fr{ float:right;}
/*清除浮动*/

.clearfix:before, 
.clearfix:after{
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
  
.clearfix {
zoom: 1;
}
a{ text-decoration:none;}
a,a:hover{ color: #666; }
.layout-w{ width: 1440px; margin: 0 auto;}
.layout-m{ min-width:1400px;   }
.img img{width: 100%;-webkit-transition: .4s;transition: .4s;}
.img:hover img{-webkit-transition: .4s;transition: .4s;-webkit-transform: scale(1.1);transform: scale(1.1);}
.continner{ width:1200px; padding:0px 0px; margin:0 auto;}

.header-warp{
    height:114px;
    width: 100%; z-index:9999;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
   
    /*box-shadow: 0 0 10px rgba(51,51,51,.5);*/
}
.header-warp .continner{ width:1200px; height:114px;}
.header-warp .logo{float: left; height:74px; padding:20px 0px;}
.header-warp .logo img{ height:74px; width:165px;}
.header-warp .menu{ float:right; height:30px; padding:42px 0px;}


.nav li {width:70px;height:30px; line-height:30px; text-align:center;float:left;z-index:4;padding:0; margin:0 35px; list-style:none; font-size:16px;}
.nav li.current {}
.nav li:last-child{ margin-right:0px;}
.nav li a{ font-size:16px;color:#333;height:30px; line-height:30px; position:relative; text-align:center; display:block; width:auto;}
.nav li.noline a { background:none;}
.nav li a:hover, .nav li.current a { color:#ee1d23;height:30px; line-height:30px;}
.nav li.current a  span{background: #ee1d23;}
.nav li a span{position: absolute;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;}
.nav li a span::before{display: block;content: '';width:0%;height: 100%;background: #ee1d23;margin: 0 auto;-webkit-transition: .4s;transition: .4s;}
.nav li:hover  a{color: #ee1d23;-webkit-transition: .4s;transition: .4s;}
.nav li:hover  a span::before{width:70px;-webkit-transition: .4s;transition: .4s;}

.INbanner{ width:100%; height:570px;}
.location{ width:1200px; height:50px; line-height:50px;}

.foot{ width:100%; background:#434343; padding:10px 0px; margin-top:50px;}
.foot .fl{ float:left; line-height:1.5; padding-top:20px;}
.foot .fr{ float:right;}

.nyPage{ width:1200px; margin:40px auto; padding:0px 0px;}
.index_title{text-align: center;}
.index_title .cn{font-size:40px;position:relative;margin:5px 0px;color:#ee1d23;}
.index_title .en{font-size:20px;position:relative; text-transform: uppercase; color:#ccc;}
.index_title .cnTxt{position: relative;color:#999; font-size:20px;}

.pageMenu{ width:1200px;text-align: center;font-size: 0;margin: 45px auto 0 auto;padding-bottom: 3px;}
.pageMenu ul{display: inline-block;}
.pageMenu .l1{float: left; margin: 0 0px; margin-bottom:20px;}
.pageMenu .l1 a{float: left; line-height:50px;color:#666; width:195px;font-size:14px; position: relative;}

.pageMenu .l1 a:hover{color:#fff; background-color:#ef3123;}

.pageMenu .l1.on a{color:#fff; background-color:#ef3123}

.pageAbout{width:1200px; margin:30px auto;line-height:30px;}


/*---新闻栏目---*/

.news-lists {padding:0px 0px;}
.news-lists{ width:1200px; margin:0 auto;}
.news-lists ul li{ width:1200px; float:left; border-bottom:dashed 1px #ebebeb; padding:0px 0px 25px 0px; margin-top:25px; height:170px;}
.news-lists ul li .newsImg{ width:280px; height:175px; float:left; border:solid 1px #ebebeb;}
.news-lists ul li .newsImg img{ width:280px; height:175px;}
.news-lists ul li .newsTxt{ width:900px; float:right;}
.news-lists ul li .newsTxt .txtTitle{ width:900px; float:left; font-size:18px; height:30px; line-height:30px; overflow:hidden;}
.news-lists ul li .newsTxt .txtTitle span{width:80px; height:30px; line-height:30px; float:right; display:block; background-color:#0061ae; border-radius:5px; color:#FFF; text-align:center; font-size:15px;}
.news-lists ul li .newsTxt span.date{ width:900px; display:block; float:left; font-size:14px; color:#999; line-height:25px; padding:5px 0px;}
.news-lists ul li .newsTxt span.txt{ width:900px; display:block; float:left; color:#555; font-size:14px;}
.news-lists ul li .newsTxt span.txt a{ color:#555;}
.news-lists ul li .newsTxt .more{ float:left;width: 80px; height: 30px; border-radius: 20px; font-size: 0; border: 1px solid #e3e3e3; display: block; background: url('../images/icon-more01.png') no-repeat center center; background-size: 40%; transition: all 0.3s; margin-top:30px;}


.news-lists ul li .newsTxt .more:hover { background: url('../images/icon-more02.png') no-repeat center center #ef3123; background-size: 40%; border-color: #ef3123; }


/*分页*/
.pageNav{width:100%;height:auto;font-size:0px;text-align:center;position:relative;overflow:hidden; padding: 20px 0; margin-top:20px; margin-bottom:60px;}/*分页*/
.pageNav a,
.pageNav span{ display:inline-block; height:26px;line-height:24px;text-align:center; font-size:18px;color:#333;border:1px solid #e8e8e8;margin:0 5px; padding: 0 12px; font-size: 14px;}
.pageNav a.on, .pageNav a:hover,
.pageNav .laypage_curr{background-color:#ef3123;color:#ffffff;border-color:#ef3123;}
.pageNav a:first-child,
.pageNav a:last-child{background:none;border:1px solid #cccccc;font-weight:600;color:#888888;}


/*---案例展示---*/
.cases-lists{ width:1200px;margin:0 auto;}
.cases-lists ul{ margin-left:-30px;}
.cases-lists ul li{ width:380px; float:left; margin-bottom:30px; margin-left:30px;}
.cases-lists ul li .casesImg{ display:block; float:left; width:380px; height:220px; overflow:hidden;}
.cases-lists ul li .casesImg img{ width:380px; height:220px;}
.cases-lists ul li .casesTxt{ width:100%; height:40px; line-height:40px; font-size:14px;}

/*-----联系我们---*/

.pageContact{ width:1200px; margin:0 auto;}
.pageContact ul{ width:1200px; float:left; margin-top:50px;}
.pageContact ul li{width:25%;float: left;text-align: center;}
.pageContact span{background: #F6F6F6; display:inline-block; height:100px; width:100px; position: relative; border-radius:50%;}
.pageContact span img{position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; transition:all 0.5s ease;}
.pageContact strong{margin-top:22px;font-size:22px;font-weight: normal;letter-spacing: 2px; line-height: 38px; display: block;}
.pageContact p{ font-size:16px; line-height:28px; letter-spacing:1px; margin-top:5px;}
.pageContact h5{ letter-spacing: 2px; line-height: 38px; font-size: 20px; font-weight: normal; display: block; }

.pageContact .m2lxMap{ width:1200px; float:left; margin-top:30px; background:#F6F6F6; height:400px;}

/*----在线留言----*/
.pageMessage{ width:1000px; padding:50px 100px; background:#f9f9f9; float:left;}

.messageL{ width:452px; float:left;}
.messageL label{ display:block; float:left; font-size:16px; color:#5a5a5a; line-height:1.5; padding:10px 0px;}
.messageL .ipt1{height: 38px;line-height: 38px; width:450px; border:solid 1px #e7e7e7; border-radius:3px; display:block; float:left; margin-bottom:20px; padding-left:10px;}
.messageL textarea{height: 60px;line-height: 38px; width:450px; border:solid 1px #e7e7e7; border-radius:3px; display:block; float:left;margin-bottom:20px;}
.messageL .btn1{ display:block; float:left; border:none; width:450px;border-radius:3px; text-align:center; color:#fff; height:40px; line-height:40px; background:#ef3125; margin-top:30px;}

.messageR{ width:370px; float:right; margin-top:120px;}
.messageR span{ display:block; float:left; width:370px; line-height:1.5; font-size:16px;}
.messageR h2{ margin-top:20px; display:block; float:left;}

.titletxt{font-size:24px; text-align:center; line-height:46px; height:56px; margin-bottom:10px; font-weight:bold; width:1200px;  border:none; border-bottom:1px #CCCCCC solid; display:block;}
.subtxt{width:1200px; height:20px; font-size:12px; line-height:20px; text-align:center;margin-bottom:10px; margin-left:10px;}
.perNext{width:835px; height:auto; font-size:12px; line-height:20px; text-align:left;margin-bottom:10px; margin-left:10px;}