/* CSS Document */
/*logo*/
.topbg{width:100%; border-bottom:1px solid #e5e5e5;text-align:left; line-height:40px; float:left;}
.top{ width:100%; float:left; font-size:14px;}
.topcon{width:1200px; margin:0 auto;}
.tleft{ float:left; color:#888;}
.tright{ float:right; color:#888;}
.tright li{ float:left; margin:0 10px;}
.tright a{ color:#888; font-size:14px;}
.top{width:100%; float:left;}
.logo{ float:left; margin:10px 0;}
.tel{float:right;background:url(../images/tel.png) no-repeat left center; text-align:left; font-size:16px; color:#333; padding:10px 0 10px 60px;  margin-top:15px; }
.tel span{ display:block; font-size:26px; color:#20317f; font-family:Arial, Helvetica, sans-serif;}
.tags{border-left:1px solid #dcdcdc; padding-left:10px; margin-top:10px; margin-left:10px; font-size:16px; color:#333; line-height:40px; text-align:left;}
.tags strong{ display:block; font-size:20px; color:#20317f;}

.menubg{height:60px; position:relative; z-index:10; width:100%; background:#004e97; float:left;}
.menu{width:1200px; height:60px; margin:0px auto;position:relative;  }

.menu ul li a{ color: #fff;font-size: 16px;font-family: "microsoft yahei";display: block;height:60px;line-height:60px;width:120px;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float: left;  position: relative; z-index:999;
text-align: center;}
.menu li a:hover{ background:url(../images/hoverf.png) center no-repeat #da251e; color:#fff;}
.menu li #current{background:url(../images/hoverf.png) center no-repeat #da251e;}
.menu li:first-child{ background:none;}


/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(218,37,30,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:60px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;border:none;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ color:#fff; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #fff;}
/*导航结束*/
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}


/*banner*/
.banner{width:100%; float:left;}
.banner img{width:100%; height:auto;}

/*主体部分*/
.wrap{position:relative; float:left; width:100%;}
.w1100{width:1100px; margin:0 auto; position:relative;}
.w1200{width:1200px; margin:0 auto; position:relative;}
.wm{ margin:30px auto;width:100%; float:left;}

/*产品展示*/
.products{width:100%; float:left; margin:20px 0;}
.ptit{height:46px; line-height:38px; text-align:center; font-size:32px; background:url(../images/in_tbg1.png) no-repeat top; padding-top: 8px; color:#004e97;}
.ptit h3{font-size:32px; font-weight:bold;}
/*产品分类*/
.pbnav{width:100%; float:left; margin:20px 0; position:relative;}
.pbnav li{ display:inline-block;*diplay:inline; margin:0 10px;}
.pbnav li a{display:inline-block;*diplay:inline;width: 149px; height:40px; line-height:40px; font-size:16px; margin: 0 10px; border: 1px solid #004e97; text-align: center;}
.pbnav li a:hover{color:#fff; background:#004e97;}
.pcon{width:100%;float:left; position:relative;}
.pcon ul li{float: left; background:#fff;margin:10px 12px;position: relative;}
.pcon ul li a{ display:block; width:100%;}
.cp_scale{padding:8px;border: 1px solid #eaeaea;-moz-box-shadow: 5px 5px 5px 0 #dcdcdc;box-shadow: 5px 5px 5px 0 #dcdcdc;overflow: hidden;}
.cp_scale img {width: 257px;height: 200px;transition: all .5s;transform: scale(1);}
.pcon ul li a:hover .cp_scale img {transition: all .5s;transform: scale(1.1)}
.cp_txt{ margin-top:10px; font-size:16px; color:#333; line-height:40px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out}


/*我们的优势*/
.advg{width:100%; float:left; margin:20px 0 ; padding:40px 0; background:#f2f2f2 url(../images/ys_bg.jpg) no-repeat center bottom;}
.advt{height:85px; width:1180px; text-align: center;background:url(../images/ys_t.jpg) no-repeat top center; margin:0 auto;}
.advt a{font-size:36px; font-weight:bold; color:#004e97;margin-right: 18px; line-height:117px;}
.advt span{font-size:36px; font-weight:bold; color:#fff; margin-left:33px;}

.youshi{ text-align:left;float:left; width:100%; margin:20px 0;}
.youshi dl dt{height: 60px;line-height: 60px;font-size: 30px;color: #494949}
.youshi dl dt b{ float: left;width: 76px;color: #757575;font-size: 52px;font-weight: normal}
.youshi dl dt i{float: left;color: #494949}
.youshi dl dd{ margin-left: 30px;font-size: 15px;line-height: 30px;
background: url(../images/in_xx6.jpg) 0 0 no-repeat;margin-top: 10px;padding-left: 48px}
.ysw{padding-top: 30px;}
.ys1{ float:right; width:650px;}
.ys2{ float:left; width:530px; text-align:center;}
.ys3{width:530px; float:right; text-align:center; padding-top:40px;}
.ys4{width:650px; float:left;}



/*公司简介*/
.about{width:100%; float:left; position:relative;}
.ab_con{width:100%; float:left; background:url(../images/about_bg.jpg) no-repeat center top; padding-bottom:60px;}
.about_nr {width: 560px; margin: 76px 0 0 0; text-align:left;}
.about_nr h3 {background: url(../images/about_x.jpg) no-repeat bottom left; padding-bottom: 10px;}
.about_nr h3 a {font-size: 24px;color: #404040;line-height: 60px;font-weight: bold;}
.about_nr p {line-height: 30px;color: #4e4e4e;display: block;overflow: hidden;margin-top: 10px;}
.about_a {width: 108px;height: 40px;background: #004e97;line-height: 40px;text-align: center;margin-top: 15px; float:left; margin-right:20px;}
.about_a a {font-size: 15px;color: #FFF; display:block;}
.about_a a:hover{ background:#da251e;}

/*团队风采&公司资质*/
.fc_dbg{width:100%; float:left; position:relative;}
.fc_t {  height: 50px; float:left; width:100%;}
.fc_t h3 {height: 50px;text-align: center;margin-right: 40px;width: 153px;float: left;}
.fc_t h3 a {display: block;height: 50px;line-height: 50px;background: #f5f5f5;font-size: 20px;color: #000; font-weight:normal;}
.fc_t .on a{background: #004e97;color: #FFF;}
.fcon{width:100%; float:left; margin-top:20px;overflow:hidden;}
.honor_n li {float: left;width: 262px;margin: 10px 20px 0px 0;text-align: center;height: 220px;position: relative;}
.honor_n .pp_img {width: 262px;height: 220px;overflow: hidden;margin-bottom: 4px;display: block;}
.honor_n li p {height: 52px;background: rgba(0, 78, 151, .8);width: 100%;position: absolute;bottom: 0px;left: 0px;}
.honor_n li p a {height: 52px;font-size: 15px;color: #FFF;line-height: 52px;
overflow: hidden;display: block;}
.honor_n li img {width: 262px;height: 220px;-webkit-transition: all .2s;
-moz-transition: all .2s;-o-transition: all .2s;-ms-transition: all .2s;transition: all .2s;overflow: hidden;}
.honor_n li:hover img {transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);   /* IE 9 */-moz-transform: scale(1.2, 1.2);   /* Firefox */-webkit-transform: scale(1.2, 1.2); /* Safari 和 Chrome */-o-transform: scale(1.2, 1.2);}

/*工程案例*/
.case{width:100%; float:left; margin:20px 0;}
.c_con{width:100%; float:left; position:relative;}
.ctit { text-align: center; margin: 50px 0; }
.ctit h3 { font-size: 28px; color: #004e97; font-weight: bold; margin-bottom: 20px; }
.ctit h4 span { font-size: 16px; color: #666; border: 1px solid #ccc; padding: 10px 50px; border-left: none; border-right: none;  }
.c_con ul li.pic0 { width: 270px; height: 440px; margin-bottom: 0; }
.c_con ul li{ float: left; position: relative; width:270px; height:205px; text-align: center; overflow: hidden; margin: 0 33px 30px 0;}
.c_con ul li img { display: block; width:100%; height:100%; }
.c_con ul li .word { position: absolute; bottom:0; left: 0; width: 100%; height: 36px; background: url(../images/hei.png); color: #fff; line-height: 36px; transition: .5s; }
.c_con ul li:hover .word { height: 60%; padding-top: 70%; }
.c_con .pic3,.c_con .pic6 { margin-right: 0;}


/*新闻资讯*/
.new{width:100%; float:left; position:relative; background:#f5f5f5; padding:30px 0;}
.new_con{width:100%; float:left; margin-top:40px; text-align:left;}
.in_news_ta{ height:44px; background:url(../images/in_xx.png) 28px repeat-x; margin-left: 25px;}
.tab_news_tie{ float: left; width:300px; height:44px;  }
.tab_news_tie h3 { float:left; background: #f5f5f5; padding-right: 10px;  }
.tab_news_tie h3 img{}
.tab_news_tie span{ float:left; padding:0 0 0 10px; color:#333; display:block; font-size:16px; line-height: 18px; }
.tab_menu{ float: right; width:480px; height:44px; background: #f5f5f5; padding-right: 25px; }
.tab_menu ul li{ float:left; width:140px; height:44px; line-height:44px; text-align:center; font-size:18px; margin-left: 20px;  }
.tab_menu ul li a{ display: block; background: #004e97; color: #FFF; }
.tab_menu ul li a:hover{ background: #da251e; color: #FFF;  }
.new_con .list .list_item {float: left; width: 380px;margin-left: 30px;padding-bottom: 18px;}
.new_con .list .list_item:first-child {margin-left: 0;}
.new_con .list .list_item .img {width: 380px;height: 220px;}
.new_con .list .list_item .img img {display: block;width: 380px;height: 220px;}
.new_con .list .list_item .list_item_title {overflow: hidden;margin-top: 15px;}
.new_con .list .list_item .list_item_title a {display: block;width: 300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;color: #333;float: left;}
.new_con .list .list_item .list_item_title a:hover {color: #da251e;}
.new_con .list .list_item .list_item_title span {font-size: 14px;color: #666;float: right;}
.new_con .list .list_item .list_item_con {margin-top: 18px;height: 63px;overflow: hidden;line-height: 1.5;font-size: 14px;color: #999;}



/*footer*/
.footer{width:100%; float:left; background:#004e97; padding:30px 0;}
.fnav{width:100%;border-top: 2px solid #ffffff;border-bottom: 2px solid #ffffff; height:47px; float:left;}
.fnav li{ display:inline-block;*display:inline;padding:0 11px;  line-height:47px; color:#fff;}
.fnav li a{ font-size:16px; color:#FFF;}
.fbot{width:100%; float:left; margin-top:20px;}
.bq_l{width:860px; float:left; font-size:16px; line-height:30px; color:#FFF; text-align:left;}
.bq_l a{ color:#FFF;font-size:16px;}
.bq_r{ width:320px; color:#fff;}
.bq_r li{display:inline-block;*display:inline; margin:0 10px;}
.bq_r li img{width:120px; height:120px; border:1px solid #fff; padding:5px;}
.bq_r li p{ line-height:30px; font-size:14px;}




/*boxleft*/
.sideBar { float:left; width:240px; background:#f8f8f8; }
.topclass { background-color:#004e97; width:200px; padding:0 20px; height:70px; line-height:70px; overflow:hidden; color:#FFF; font-size:28px; font-weight:700;}
.leftnav dd { border-bottom:1px solid #ddd; border-top:0; height:60px; width:100%; }
.leftnav dd a {font-size:16px; color:#666; float:left; width:238px; padding:18px 0; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.leftnav dd span { height:24px; line-height:24px; float:left; padding-left:30px; overflow:hidden; background:url(../images/ico-list-job.png) no-repeat 10px center;}

.leftnav dd.cur a, .leftnav dd:hover a {color:#004e97;}
.side-news { width:238px; border:1px solid #ddd; border-top:0; }
.side-news .head { width:198px; height:58px; line-height:58px; border-bottom:1px solid #ddd; padding:0 20px; font-size:20px; font-weight:700; color:#004e97; text-align:left; }
.side-news .contact { width:208px; padding:10px 15px; text-align:left; line-height:30px; text-align:left;}
.side-news .list { width:208px; padding:10px 15px; text-align:left;}
.side-news .list dd { height:35px; line-height:35px; }
.side-news .list dd a { margin-left:28px; }
.side-news .list dd.ico-faq { background:url(../images/ico-list.png) left center no-repeat; }

/*面包屑*/

.sitepath { width:100%; height:34px; line-height:20px; border-bottom:1px solid #ddd; position:relative; }
.sitepath h2 { font-size:20px; color:#004e97; float:left;}
.sitepath .io { float:right; font-size:14px;}
.sitepath .io a{ font-size:14px;}

/*右边主体*/
.rside{width:940px; float:right;}
.aboutPage .txtcon {color: #666666; text-align:left; padding:20px; line-height:30px; overflow:hidden;}
.content{ text-align:left; padding:10px 0; font-size:16px; float:left; width:100%;}

/*产品展示页面*/
.gridlist .item {width:298px;float: left;margin:20px 20px 0px 0;border: 1px solid #ddd;border-radius: 5px;transition: all ease 300ms;background: #fff;}
.gridlist .item a {width: 100%;display: block;}
.gridlist .item:nth-child(3n){ margin-right:0;}
.gridlist .item img { width: 100%;height: 225px;transition: all ease 300ms;border-top-left-radius: 5px;border-top-right-radius: 5px;display: block;}
.gridlist .item h3 {font-size: 16px;transition: all ease 300ms;color: #333;padding: 0 20px;height: 60px;line-height: 60px;overflow: hidden;text-align: center;}
.gridlist .item:hover {border-color: #004e97;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2);}
.gridlist .item:hover img {filter: brightness(105%);}
.gridlist .item:hover h3 {color: #004e97;}


/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; text-indent:0em;}
#newsInfo i{ margin-right: 5px; }
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px;float: right; }
.sha a{ float: left; margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }




/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #FF7800; }



/*新闻页面*/
.newsPage{width:100%; float:left; position:relative;}
.newsPage .item {margin: 20px auto; padding: 19px; height:160px;transition: all ease 300ms;border: 1px solid #ddd;}
.newsPage .item a {width: 100%;display: block;}
.newsPage .item img {width: 213px;height: 160px;margin-right: 28px;display: block;}
.newsPage .item h3 {font-size: 18px;color: #333;padding: 30px 0 16px;transition: all ease 300ms;  text-align:left;}
.newsPage .item .txt {color: #999;line-height: 24px;padding-right:24px;overflow: hidden;  text-align:left;}
.newsPage .item .time {width: 130px;padding-top: 42px;line-height: 24px;font-family: arial;font-size: 16px;color: #939aa3;}
.newsPage .item .time .day {font-size: 34px;line-height: 40px;display: block;}
.newsPage .item .time s { width: 50px;height: 8px;display: block;margin-top: 20px;background-position: 0 -177px;}
.newsPage .item:hover {border-color: #004e97;}
.newsPage .item:hover h3 {color: #004e97;}

/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(../images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #004e97; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}


/*在线客服*/
.rightFix { width: 60px; height: 222px; position: fixed; right: 10px; bottom: 250px; z-index: 99; }
.rightFix .ico { width: 60px; height: 60px; display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 60px; border: 1px solid #004e97; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico .box { width: 120px; position: absolute; left: -78px; top: 0; text-align: center; padding: 5px; background: #004e97; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); border-radius: 5px; background: #fff; }
.rightFix .ico .box img { width: 110px; height: 110px; display: block; }
.rightFix .ico span { width: 210px; text-align: center; height: 60px; line-height: 60px; position: absolute; left: -78px; top: 0; background:#64b41f; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 60px; }
.rightFix .ico:hover { background-color:#004e97; border-color:#004e97; overflow: visible; }
.rightFix .ico:hover .box { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 17px 19px; }
.rightFix .fix-qq:hover { background-position: -27px 19px; }
.rightFix .fix-ewm { background-position: 17px -35px; }
.rightFix .fix-ewm:hover { background-position: -27px -35px; }
.rightFix .fix_top { background-position: 18px -91px; }
.rightFix .fix_top:hover { background-position: -27px -91px; }
.rightFix .fix-q { background-position: 17px -135px; }
.rightFix .fix-q:hover { background-position: -27px -135px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }

.ewmbox2 { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; }
.ewmbox2 .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms; }
.ewmbox2 .close:hover { transform: rotate(180deg); }
.ewmbox2 img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }