@charset "utf-8";

.home-top { color:#fff; background:none; position:fixed; width:100%; z-index:1000;}
.home-top a { color:#fff;}
.home-top .navbar { padding-top:0; padding-bottom:0;}

/* header hover */
.home-top:not(.fixed-top):hover{ background:#fff;color:#16365e;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.home-top:not(.fixed-top):hover  a{color:#16365e;}
.home-top:not(.fixed-top):hover  .navbar-brand img{filter:none;}

.home-top.fixed-top{ background:#fff;color:#232323;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.home-top.fixed-top  a{color:#232323;}
.home-top.fixed-top  .navbar-brand img{filter:none;}
.home-top.fixed-top  .searchtop{color:#232323;}


.navbar-brand{ position:relative; float: left;}
.navbar-brand img.logo{margin-top: 10px; width:180px;filter: grayscale(100%) brightness(700%);}

.main_menu {padding:0; margin:0; width:auto; display:inline-block; float:right; font-weight:500; }
.main_menu li{ list-style:none; padding:0; margin:0;}
.main_menu li .lg{float: left;margin:0 5px;font-size: 20px;}
.main_menu > li{ float:left; font-size:16px; position:relative;}
.main_menu > li > a{ display:block;float:left; text-transform:capitalize; line-height:76px; padding:0 20px; border-bottom:3px solid transparent; }
.main_menu > li > a:hover{ text-decoration:none; color:#ee771c;border-bottom:3px solid #ee771c }
.main_menu > li.active > a,.main_menu > li > a.now{ color:#ee771c;}
.main_menu > li > .nav-sub{ position:absolute; left:0; top:calc(100% + 15px); min-width:200px; background:#fff; margin:0; padding:20px 0 20px 0;  display:none !important; font-size:14px; z-index:10}
.main_menu li > ul { margin:0; padding:0; list-style:none;}
.main_menu li > ul  li{ margin-left:0; height:auto; float:none;  display:block; margin:0; padding:10px 0; position:relative;}
.main_menu > li > .nav-sub li span{ position:absolute; right:20px; top:5px; color:#ee771c;transform:rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.main_menu li > ul  li a{ padding:0 0 0 25px;float:none; display:block; white-space:nowrap; color:#555;border-left:3px solid #fff; line-height:1.2;}
.main_menu li > ul  li a:hover{ color:#ee771c; border-left:3px solid #ee771c;}
.main_menu > li:hover > .nav-sub{ display:block !important; box-shadow: 10px 11px 38px 0px rgba(0, 0, 0, 0.1); top:100%;}
.main_menu li > ul > li > ul{ position:absolute; top:-15px; left:100%;background:#fff; padding:15px 0; display:none;}
.main_menu li > ul > li > ul li a{ padding:0 25px 0 25px;}
.main_menu li > ul > li:hover > ul{  display:block;}



.here {overflow: hidden;  background: #fafafa; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px;}
.here span{line-height: 55px; height: 55px; color: #666;}
.here h3{line-height: 55px; height: 55px; color: #666; padding-left: 16px;}

.webLeft{float: left;width: 240px;}
.leftbt{text-align: center; background: #2f709a;}
.leftbt h2{font-size: 28px;color: #FFF;line-height: 80px;border-bottom: 1px solid #e7e7e7; font-weight: bold;}
.webRight{float: left;width: 900px; margin-left: 40px;}

.sublist{overflow: hidden;}
.sublist ul{ border-left: 1px solid #2f709a;border-right: 1px solid #2f709a;}
.sublist ul li{line-height: 56px;border-bottom: 1px solid #e7e7e7;}
.sublist ul li a{color: #222;display: block; font-size: 15px;padding-left: 20px;}
.sublist ul li a:hover{ display: block; color: #FFF;background: #2f709a;}
.sublist ul li a.active{ display: block;color: #FFF;background: #2f709a;}

.left-lx h3{overflow: hidden; background: #2f709a; text-align: center; color: #FFF; font-size: 16px; padding: 10px 0;}
.left-lx .nr{background: #F5F5F5;line-height: 26px;padding: 15px 10px;}

.danye-line {line-height: 30px; overflow: hidden; width: 100%; }
.danye-line img{ max-width: 100%; }

.contactlist{overflow:hidden;}
.contactlist ul{}
.contactlist ul li{float: left; width: 25.333333%; margin: 0 1%; border: 1px solid #e7e7e7; margin-top: 30px; margin-bottom: 30px; padding: 30px; min-height: 150px;}
.contactlist ul li span{font-size: 26px; color: #3c7fab;}
.contactlist ul li .text{ margin-top: 30px; line-height: 28px;}

/*联系方式*/
.lxlist{overflow: hidden; margin-bottom: 30px;}
.lxlist ul{}
.lxlist ul li{overflow: hidden; float: left; border: 1px solid #e7e7e7;width: 31.111111%; margin: 0 1%; margin-bottom: 30px;}
.lxlist ul li .box{padding: 30px;}
.lxlist ul li .box h2{font-size: 22px; margin-bottom: 10px;}
.lxlist ul li .box .text{color: #999; line-height: 26px;}

/*新闻资讯*/
.newslist{overflow: hidden; margin-bottom: 30px;}
.newslist ul{}
.newslist ul li{overflow: hidden; border-bottom: 1px solid #E7E7E7;  height: 40px; line-height: 40px;}
.newslist ul li h2{float: left; font-size: 13px;}
.newslist ul li .time{float: right; color: #999;}

.caselist{}
.caselist ul{}
.caselist ul li:nth-of-type(2n+0){background: #fafafa;}
.caselist ul li{ overflow: hidden; margin-bottom: 30px; background: #FFF; border: 1px solid #E7E7E7; cursor: pointer; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;padding:20px }
.caselist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.caselist ul li .img{float: left; width:200px; height: 140px; overflow: hidden; margin-right: 20px; }
.caselist ul li .img img{width: 100%; height: 100%;}
.caselist ul li .text{float: left;  width: calc((100% - 220px));}
.caselist ul li .text h3{font-size: 24px; font-weight: bold;}
.caselist ul li .text time{display: block;margin: 10px 0; color: #888;}
.caselist ul li .text .nr{line-height: 30px; font-size: 15px; color: #777; margin-top: 10px; text-align: justify;}

/* 产品列表 */
.honorlist{overflow: hidden;}
.honorlist ul{margin: 0;}
.honorlist ul li{ float:left;text-align:center; width:273px; padding-right: 19px; padding-bottom: 20px;}
.honorlist ul li:nth-of-type(3n+0){padding-right:0;}
.honorlist ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 198px; overflow: hidden;}
.honorlist ul li .list-img:hover{border:1px solid #2f709a;}
.honorlist ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.honorlist ul li .list-img img:hover{transform: scale(1.2);}
.honorlist ul li h3{ text-align:center; font-size: 14px;line-height: 30px;}

/* 产品列表 */
.Product{overflow: hidden;}
.Product ul{margin: 0;}
.Product ul li{ float:left;text-align:center; width:273px; padding-right: 19px; padding-bottom: 20px;}
.Product ul li:nth-of-type(3n+0){padding-right:0;}
.Product ul li .list-img{border:1px solid #e7e7e7; padding: 3px;position: relative; height: 198px; overflow: hidden;}
.Product ul li .list-img:hover{border:1px solid #2f709a;}
.Product ul li .list-img img{max-width:100%;max-height: 100%; top: 0; left: 0;right: 0; bottom: 0;position:absolute; margin:auto;transition: all 0.6s;}
.Product ul li .list-img img:hover{transform: scale(1.2);}
.Product ul li h3{ text-align:center; font-size: 14px;line-height: 30px;}

/*产品详情页*/
.productinfo{overflow: hidden; clear: both; margin-bottom: 30px;}
.productinfo-l{ width: 50%; text-align: center;}
.productinfo-l img{max-width: 100%;}
.productinfo-r{ width: 46%; margin-left: 4%;}
.productinfo-r h2{ font-size: 22px; border-bottom: 1px solid #E7E7E7; margin-bottom: 10px; padding-bottom: 10px; line-height: 32px;}
.productinfo-r p{color: #666;line-height: 26px; padding: 5px 0; font-size: 15px;}
.productinfo-r p b{color: #c52323;}

.productinfo-r .zixun{ width: 150px; height: 40px; line-height: 40px; background: #f57d09; text-align: center;}
.productinfo-r .zixun a{color: #FFF;}

.portfolio-area{overflow: hidden; padding: 30px 0;}
.portfolio-area ul{}
.portfolio-area ul li{float: left; width: 75px; margin-left: 5px; margin-bottom: 5px;}
.portfolio-area ul li img{width: 75px; height: 60px; border: 1px solid #E7E7E7;}

.showbt{ border-bottom: 1px solid #E7E7E7; margin-top: 30px;}
.showbt span{display: inline-block; color: #FFF; background:#2f709a;font-weight: bold; font-size: 17px;height: 42px;line-height: 42px;padding: 0 38px;}

/*TAB切换*/
.dis{ display:block}
.undis{ display:none}
.tabnav{ width:100%;height:42px;}
.tabnav li{ float:left; width:125px; height:42px; padding-right:1px}
.tabnav li a{float:left; width:125px; height:42px; text-align:center; line-height:42px;}
.tabnav li.nav_current a{color:#FFF; background:#2f709a; }
.tabnav li.nav_link a{ color:#FFF;background:#f57d09;}
.nav-down{ margin: 20px 0;line-height: 28px;}

/*在线留言*/
.message{overflow: hidden;}
.message ul{}
.message ul li{clear: both;display: block; overflow: hidden; margin-bottom: 20px;}
.message ul li input{ border: 1px solid #E7E7E7; height: 42px;line-height: 42px; padding: 5px 10px; border-radius: 5px; width: 98%;}
.message ul li textarea{height: 180px; border: 1px solid #E7E7E7;padding: 8px;border-radius: 5px;width: 98%;}
.message ul li .yzm{ width: 120px;}
.message ul li .btns{ background: #ed6c00;font-size: 16px; border-radius: 5px; color: #FFF; width: 150px; height: 50px; line-height: 50px; text-align: center; border: 0;cursor: pointer; }


/*新闻详情页*/
.newsshow-left{float: left; width: calc((100% - 330px));}
.newsshow-right{float: left;width: 280px;margin-left: 50px;margin-top: 45px;}

/*新闻相关信息*/
.newslist-xg{overflow: hidden;border: 1px solid #E7E7E7; padding: 25px;}
.newslist-xg h5{border-bottom: 1px solid #E7E7E7;font-size: 22px;margin-bottom: 20px;padding-bottom: 10px;}
.newslist-xg ul {}
.newslist-xg ul li{}
.newslist-xg ul li .img{overflow: hidden; }
.newslist-xg ul li .img img{max-width: 100%;border-radius: 6px;}
.newslist-xg ul li h2{margin: 20px 0;line-height: 24px;text-align: left;}

.newslist-gzh{overflow: hidden;border: 1px solid #E7E7E7; padding: 30px;background: url(../images/gzhbg.jpg) no-repeat center bottom;background-size: cover;margin: 50px 0;}
.newslist-gzh .img{ width: 154px; margin: 0 auto;}
.newslist-gzh .img img{ width: 154px;}
.newslist-gzh p{ text-align: center;font-size: 18px;line-height: 28px;}
.newslist-gzh p small{ font-size: 19px;color: #999;}


/*详情页*/
.showbt{ border-bottom: 1px solid #E7E7E7; margin-top: 30px;}
.showbt span{display: inline-block; color: #FFF; background:#2e4b9b;font-weight: bold; font-size: 17px;height: 42px;line-height: 42px;padding: 0 38px;}

.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}

.Details-conent{overflow: hidden; line-height: 28px;background: #FFF; }
.Details-conent img{max-width: 100%;}