#banner.banner-n{ margin-top: 0;}
.nav-n .navbox{ background-image: none; background:#004ea2; opacity: 1;}

#crumb{ border-bottom: 1px solid #ddd; height: 65px; line-height: 65px;}
#crumb .layout{ background: url(../images/intro_05.jpg) no-repeat left center; padding-left: 25px;}

.root { margin-top: 30px; height: auto; overflow: hidden;}
#col-l{ float: left; width: 230px; }
#col-r{ float: right; width: 742px;}

.t-l{ text-align: left;}
.t-c{ text-align: center;}

#banner .content{ position: relative; width: 1000px; margin: 0 auto;} 
#banner .content div{ width: 617px; padding: 30px 25px; height: 176px; margin-top: 85px; background: rgba(0,0,0,0.6); color: #fff; position: absolute; z-index: 100;}
#banner .content div h2{ font-weight: bold; font-size: 24px;}
#banner .content div p{ margin-top: 15px; font-size: 14px; color: #fff; line-height: 26px;}

#col-l ul{ border: 1px solid #ddd; border-bottom: none;}
#col-l ul li{ color: #fff; font-size: 18px; height: 60px; line-height: 60px; border-bottom: 1px solid #ddd;  }
#col-l ul li a{ padding-left: 30px;color: #555;  height: 60px; display: block;}
#col-l ul li.active{ border-left: 4px solid #31B324; width: 225px; }
#col-l ul li.active a{  color: #fff!important;background: #004ea2 url(../images/intro_09.jpg) right center no-repeat!important; }
#col-l ul li:hover a{ color: #004EA2; background: #f4f4f4;}
#col-l ul li span{ margin-right: 10px; font-size: 12px; position: relative; top: -2px;}

#col-l .contact { margin-top: 30px; line-height: 1.7em; font-size: 16px; padding: 25px 20px; background:#f5f5f5 url(../images/contact.png) no-repeat right 10px bottom 20px; color: #555; }
#col-l .contact h3{ color: #333; font-weight: bold; padding-bottom: 15px; font-size: 24px;}
#col-l .contact div{ margin-top: 30px; }
.btn-blue{ transition: .3s all ease-out; background: #004ea2; color: #fff; font-size: 16px; padding: 5px 10px; border-radius: 5px; }
.btn-blue:hover{ color: #fff; background: #42a838;}

.txt p{ font-size: 16px; line-height: 28px; color:#555555; text-indent: 2em; margin-bottom: 10px;}
.txt1 p{ font-size: 16px; line-height: 28px; color:#555555;  margin-bottom: 10px;}

#product .txt{ padding-top: 30px;}

ul.pro-list{ margin-top: 60px; height: auto; overflow: hidden; width: 1180px; overflow: hidden;}
ul.pro-list li{  background: #195ea9; float: left; margin-right: 28px; box-shadow: 2px 10px 25px #eee; margin-bottom: 30px;}
ul.pro-list li a,#product ul.pro-list li img{ display: block; }
ul.pro-list li div{ overflow: hidden;}
ul.pro-list li a img{ transition: all ease-out .4s; }
ul.pro-list li a:hover img{ transform: scale(1.1); opacity: .9;}
ul.pro-list li a:hover h3{background:#195ea9 url(../images/product/product_22.jpg) no-repeat left 12px center;  color:#fff; }
ul.pro-list li h3{ transition: all ease-out .2s; padding-left: 55px; background: #fff url(../images/product/product_22.jpg) no-repeat left 12px center; height: 50px; line-height: 50px; color: #333;}


#page-pro-c .pic-list { padding-top: 20px; height: auto; overflow: hidden; width: 772px;}
#page-pro-c .pic-list li{ width: 356px; overflow: hidden; height: 200px; margin-right: 30px; margin-bottom: 25px; float: left;}
#page-pro-c .pic-list li a{ display: block; position: relative;}
#page-pro-c .pic-list li span{ top: 15px; right: 15px; width: 128px; height: 140px ; font-size: 16px; line-height: 1.8em; padding: 15px 20px;  background: url(../images/blue.png) repeat; color: #fff; border-radius: 5px; display: block; position: absolute;}

#page-pro-c  h2{ border-bottom: 1px #DDD solid; height: auto; overflow: hidden; padding-bottom: 15px; font-size: 24px; font-weight: bold; line-height: 40px;}
#page-pro-c .center h2 ul{ float: right;}
#page-pro-c .center h2 ul li{ height: 40px;  font-size: 18px; font-weight: normal; float: left; cursor: pointer; padding: 0 20px; text-align: center; }
#page-pro-c .center h2 ul li.active{ background: #42A837; color: #fff;border-radius: 5px;}
#page-pro-c .pro-list{ margin-top: 20px; width:770px;}
#page-pro-c .news ul{ width: 780px; overflow: hidden;}
#page-pro-c .news li{ margin-right: 20px; float: left; width: 361px; font-size: 18px; line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; border-bottom: 1px dotted #ddd; }
#page-pro-c .news li span{ height: 5px; width: 5px; background: #42a838; float: left; margin-right: 10px; position: relative; top: 23px; margin-left: 3px;}

#page-news li{ border-bottom: 1px dashed #ddd;}
#page-news h4{ line-height: 45px; padding-bottom: 5px; font-size: 24px; font-weight: bold; }
#page-news .time{ color: #999; background: url(../images/news_data.png) no-repeat left center;padding-left: 24px;}
#page-news p{ margin: 10px 0;}
#page-news li a{ display: block;padding: 10px ; }
#page-news li a:hover{ background: #f4f4f4;}

#page-coop .nav-mid{ height: auto; overflow: hidden; }
#page-coop .nav-mid li{ font-size: 16px; float: left; }
#page-coop .nav-mid li.active a{ font-weight: bold; color: #004EA2;}
#page-coop .nav-mid li span{ margin: 0 6px;}
#page-coop .coop-list { margin-top: 20px;}
#page-coop .coop-list li{ border-bottom: 1px dashed #ddd; height: auto; overflow: hidden;}
#page-coop .coop-list li a{ padding:20px 10px; display: block; }
#page-coop .coop-list li a:hover{ background: #f4f4f4;}
#page-coop .coop-list li p{ margin: 0;}
#page-coop .coop-list h4{ font-size: 18px; font-weight: bold; padding-bottom: 10px; }
#page-coop .coop-list img{ margin-right: 20px;}

#achieve .pro-list{ margin-top: 20px;}

#p-fri h3{ border-bottom: 1px solid #ddd; font-size: 24px; font-weight: bold; padding: 10px 0; margin-bottom: 10px;}
#p-fri .fri { overflow: hidden; width: 780px;}
#p-fri .fri li{ float: left; margin-right: 20px; margin-bottom: 15px;}
#p-fri .fri-list { padding-bottom: 15px; height: auto; overflow: hidden;}
#p-fri .fri-list li{ font-size: 18px; line-height: 40px; float: left; width: 50%; } 
#p-fri .fri-list li a{ color: #333;}

#p-det h3{ line-height: 1.7em; font-size: 24px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 5px;}
#p-det .time{ padding-top: 8px; text-align: center; color: #999;}
#p-det .time s{ background: url(../images/news_data.png) no-repeat; width: 15px; height: 14px; display:inline-block; margin-right: 5px; }
#p-det .txt{ margin-top: 25px;}

#p-det .page{ font-size: 16px; line-height: 32px; padding: 20px 0; border-top: 1px solid #ddd; margin-top: 20px;}
#p-det .page span{ color: #004EA2;}

#p-det .det-l{ padding-bottom: 30px; height: auto; overflow: hidden;}
#p-det .det-l li{ float: left; width: 49%; margin-right: 2%; height: 50px; border-bottom: 1px dotted #ddd; line-height: 50px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#p-det .det-l .l-r{ margin-right: 0;}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2019-11-01 01:41:18" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->