html{ overflow-x: hidden }
body{ font-family: 'Microsoft Yahei', 'Arial', sans-serif; font-size: 14px; color: #3a3a3a }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd{ font-size: 100%; font-weight: normal; padding: 0; margin: 0 }
ul, ol{ padding: 0; margin: 0; list-style: none }
a:link, a:visited, a:hover, a:active{ text-decoration: none }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: #a1a1a1 }
textarea{ resize: none }

.dl-menuwrapper{ display: none; }

.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 1100; width: 100%; height: 95px; background-color: transparent; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -ms-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; }
.logo{ position: relative; z-index: 2000; width: auto; height: 31px; margin-top: 32px; float: left; display: block; }
.logo img{ height: 31px; display: block; }
.menu{ width: auto; height: 31px; margin-top: 32px; float: right; }
.menu ul li{ position: relative; height: 31px; float: left; margin-left: 64px; }
.menu ul li::after{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 0%; height: 1px; background: #043a7a; content: ''; }
.menu ul li.on::after,
.menu ul li:hover::after{ width: 100%; }
.menu ul li a{ line-height: 31px; font-size: 14px; color: #ffffff; display: block; }
.menu ul li.on a,
.menu ul li:hover a{ color: #00529d; }
.menu ul li .menu-nav{ position: absolute; top: auto; left: 0; z-index: 1100; width: 200px; height: auto; padding: 10px 0; background: rgba(0,0,0,0.5); display: none; }
.menu ul li .menu-nav ul li{ width: 100%; height: 30px; float: none; margin: 0; }
.menu ul li .menu-nav ul li::after{ height: 0; }
.menu ul li .menu-nav ul li a{ line-height: 30px; padding: 0 0 0 25px; color: #c2c2c2; }
.menu ul li .menu-nav ul li a:hover{ color: #ffffff; }
.search{ width: 190px; height: 34px; border-radius: 4px; background: rgba(255,255,255,0.8); margin: 30px 0 0 64px; float: right; }
.search .txt{ width: 150px; height: 34px; padding: 7px; line-height: 20px; font-size: 12px; color: #444; border: 0; outline: none; background-color: transparent; float: left; }
.search .go{ width: 40px; height: 34px; padding: 0; border: 0; outline: none; background: transparent url(../images/go.png) no-repeat center center; float: left; cursor: pointer; }

.header.sticky{ height: 79px; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
.header.sticky .logo{ margin-top: 24px; }
.header.sticky .menu{ margin-top: 24px; }
.header.sticky .menu ul li a{ color: #717171; }
.header.sticky .menu ul li.on a,
.header.sticky .menu ul li:hover a{ color: #00529d; }
.header.sticky .menu ul li .menu-nav ul li a{ color: #c2c2c2; }
.header.sticky .menu ul li .menu-nav ul li a:hover{ color: #ffffff; }
.header.sticky .search{ background: #f1f1f1; margin-top: 22px; }

.banner-img{ width: 100%; height: 800px; background-repeat: no-repeat; background-position: center top; display: block; }
.ibanner-img{ width: 100%; height: 400px; background-repeat: no-repeat; background-position: center top; }
.slick-banner{ margin: 0; }
.slick-banner .slick-dots{ bottom: 40px; }
.slick-banner .slick-dots li{ margin: 0 5px; }
.slick-banner .slick-dots li button{ width: 12px; height: 12px; padding: 0; margin: 4px; border-radius: 100%; background: #fff; opacity: 0.5; }
.slick-banner .slick-dots li button:before{ font-size: 0; }
.slick-banner .slick-dots li.slick-active button{ opacity: 1; }
.slick-banner .slick-prev, 
.slick-banner .slick-next{ left: 50px; width: 50px; height: 50px; margin-top: -25px; background-color: rgba(255,255,255,0.5); background-image: url(../images/arrow-left.png); background-repeat: no-repeat; background-position: center center; background-size: auto 24px; opacity: 0; }
.slick-banner .slick-next{ left: auto; right: 50px; background-image: url(../images/arrow-right.png); }
.slick-banner .slick-prev:before, 
.slick-banner .slick-next:before{ font-size: 0; }
.slick-banner:hover .slick-prev, 
.slick-banner:hover .slick-next{ opacity: 1; }

.title{ height: 45px; border-bottom: 1px solid #e5e5e5; }
.title a{ line-height: 44px; font-size: 14px; color: #5b5b5b; float: right; display: block; }
.title a:hover{ color: #043a7a; }
.title span{ position: relative; height: 45px; line-height: 44px; font-size: 24px; color: #043a7a; float: left; display: block; }
.title span::before{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 1px; background: #043a7a; content: ''; }

.about{ padding: 40px 0; min-height: 590px; background: #f8f8f8; }
.abouts{ padding: 45px 0; overflow: hidden; }
.abouts-img{ width: 305px; float: left; }
.abouts-img img{ width: 100%; display: block; }
.abouts-desc{ width: 895px; padding: 0 25px 0 40px; float: right; }
.abouts-desc h1{ position: relative; height: 58px; line-height: 56px; font-size: 24px; color: #1b1b1b; margin: 10px 0 24px 0; display: block; }
.abouts-desc h1::before{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 80px; height: 2px; background: #1b1b1b; content: ''; }
.abouts-desc p{ height: 96px; line-height: 24px; font-size: 14px; color: #5b5b5b; display: block; }

.project{ margin: -190px 0 70px 0; }
.project ul li{ width: 382px; float: left; margin-right: 27px; }
.project ul li:last-child{ margin-right: 0; }
.project ul li .project-img{ height: 190px; background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; }
.project ul li .project-desc{ height: 280px; padding: 20px 25px; border: 1px solid #f9f9f9; }  
.project ul li .project-desc h1{ height: 42px; line-height: 42px; font-size: 24px; color: #000000; margin-bottom: 10px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.project ul li .project-desc p{ height: 120px; line-height: 24px; font-size: 14px; color: #7c7c7c; text-align: justify; display: block; overflow: hidden; }
.project ul li .project-desc a{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #3c3c3c; margin-top: 20px;  background: #ededed; display: block; }
.project ul li:hover .project-desc{ border-color: #043a7a; }  
.project ul li:hover .project-desc h1{ color: #043a7a; }  
.project ul li:hover .project-desc a{ background: #043a7a; color: #f8f8f8; }  

.botter{ padding: 50px 0; min-height: 350px; background: #626262; }
.botter dl{ float: left }
.botter dl:nth-child(1){ width: 424px }
.botter dl:nth-child(1) dt,
.botter dl:nth-child(1) dd{ width: 310px }
.botter dl:nth-child(2){ width: 252px }
.botter dl:nth-child(3){ width: 250px }
.botter dl:nth-child(4){ width: 274px }
.botter dl dt{ height: 26px; border-left: 3px solid #043a7a; margin-bottom: 20px }
.botter dl dt h1{ line-height: 26px; padding-left: 12px; font-size: 16px; color: #fff; display: block }
.botter dl dd{ padding-left: 15px }
.botter dl dd h6{ line-height: 30px; font-size: 14px; color: #ccc; display: block }
.botter dl dd p,
.botter dl dd a{ line-height: 30px; font-size: 14px; color: #ccc; display: block }
.botter dl dd a:hover{ color: #043a7a }
.botter dl dd .form{ width: 295px; height: 40px; background: #fff; margin-top: 15px }
.botter dl dd .form .txt{ width: 212px; height: 40px; line-height: 20px; padding: 10px; font-size: 14px; color: #b3b3b3; border: 0; outline: none; float: left; display: block }
.botter dl dd .form .go{ width: 83px; height: 40px; padding: 0; font-size: 14px; color: #fff; border: 0; outline: none; background: #043a7a; cursor: pointer; float: left; display: block }
.copyright{ padding: 20px 0; text-align: center; background: #1b1b1b }
.copyright p{ line-height: 20px; font-size: 14px; color: #b3b3b3; display: block }

.main{ padding: 40px 0; }
.mtitle{ position: relative; height: 38px; margin-bottom: 20px; }
.mtitle::before{ position: absolute; bottom: 0; left: 0; z-index: 1; width: 40px; height: 2px; background: #043a7a; content: ''; }
.mtitle h1{ line-height: 36px; font-size: 20px; color: #444; float: left; display: block; }
.mtitle span{ line-height: 36px; font-size: 12px; color: #919191; float: right; display: block; }
.mtitle span a{ color: #919191; }
.mtitle span a:hover{ color: #043a7a; }

.msearch{ height: 46px; margin-bottom: 20px; }
.mtxt{ width: 80%; height: 46px; padding: 12px; line-height: 20px; font-size: 14px; color: #b4b4b4; border: 1px solid #e5e5e5; outline: none; background: #fff; float: left; display: block; }
.mgo{ width: 20%; height: 46px; padding: 0; border: 0; outline: none; background: #043a7a url(../images/mgo.png) no-repeat center center; cursor: pointer; float: right; display: block; }
.mnav ul.mnav-1 li{ min-height: 46px; border-bottom: 1px solid #e5e5e5; }
.mnav ul.mnav-1 li a{ padding: 10px 10px 10px 25px; line-height: 23px; font-size: 14px; color: #727272; display: block; }
.mnav ul.mnav-1 li a i{ padding-right: 10px; }
.mnav ul.mnav-1 li a.on,
.mnav ul.mnav-1 li a:hover{ color: #043a7a; }
/*.mnav ul.mnav-1 li ul.mnav-2{ padding: 10px 0; border-top: 1px solid #e5e5e5; }*/
.mnav ul.mnav-1 li ul.mnav-2 li{ min-height: 30px; border-bottom: 0; }
.mnav ul.mnav-1 li ul.mnav-2 li a{ padding: 5px 5px 5px 55px; line-height: 20px; font-size: 14px; color: #a1a1a1 }
.mnav ul.mnav-1 li ul.mnav-2 li a.on,
.mnav ul.mnav-1 li ul.mnav-2 li a:hover{ color: #043a7a }

.product{ overflow: hidden; }
.product ul li{ width: 210px; height: 244px; margin-right: 17px; margin-bottom: 15px; float: left; }
.product ul li:nth-child(4n){ margin-right: 0; }
.product ul li a{ display: block; }
.product ul li a .product-img{ width: 210px; height: 210px; border: 1px solid #eee; background-repeat: no-repeat; background-position: center; background-size:  100% auto; display: block; }
.product ul li a .product-desc{ width: 100%; height: 24px; margin-top: 10px; padding: 0; text-align: center;  }
.product ul li a .product-desc h2{ height: 24px; line-height: 24px; font-size: 14px; color: #444; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product ul li a .product-desc span{ line-height: 32px; font-size: 14px; color: #043a7a; display: block; }
.product ul li a .product-desc .desc{ height: 72px; line-height: 24px; font-size: 14px; color: #6a6a6a; margin: 10px 0; overflow: hidden; }
.product ul li a .product-desc .desc p{ display: block; }
.product ul li a:hover .product-desc h2{ color: #043a7a; }

.pager a, .pager span{ padding: 0 5px; margin: 0 5px; font-size: 14px; color: #444; }
.pager a:hover{ color: #043a7a }

.demo-img{ width: 468px; height: 360px; margin-bottom: 20px; border: 1px solid #eee; background-repeat: no-repeat; background-position: center; background-size: cover; }
.demo-desc{ line-height: 30px; font-size: 14px; color: #444; display: block; }
.demo-desc h1{ line-height: 40px; font-size: 24px; font-weight: bold; color: #1b1b1b; margin-bottom: 10px; display: block; }
.demo-desc h2{ line-height: 40px; font-size: 18px; font-weight: bold; color: #444; margin-bottom: 10px; display: block; }
.demo-desc p{ text-indent: 2em; text-align: justify; display: block; }
.demo-desc img{ width: 100%; margin: 10px auto; display: block; }

.mapDiv{  width: 100%; height: 320px; font-size: 12px; }

.contact{ padding-top: 40px; }
.contact h1{ line-height: 46px; font-size: 24px; color: #1b1b1b; margin-bottom: 16px; display: block; }
.contact p{ line-height: 30px; font-size: 14px; color: #7c7c7c; display: block; }
.contact img{ width: 134px; margin-top: 12px; display: block; }
.contact .input{ width: 100%; height: 34px; line-height: 20px; padding: 6px 10px; margin-bottom: 16px; font-size: 12px; color: #6b6a6a; border: 1px solid #e5e5e5; outline: none; background-color: #fff; display: block; }
.contact .textareas{ height: 120px; }
.contact .submit{ width: 120px; padding: 0; font-size: 14px; color: #fff; background: #043a7a; cursor: pointer; }

.partner-nav{ text-align: center; margin: 20px 0; }
.partner-nav a{ width: 200px; height: 42px; line-height: 42px; font-size: 14px; color: #292929; margin: 0 10px; background: #eee; display: inline-block; }
.partner-nav a:hover,
.partner-nav a.on{ color: #ffffff; background: #043a7a; }

.partner-menu{ margin: 0 -10px; }
.partner-menu ul li{ width: 16.6666%; float: left; padding: 10px; }
.partner-menu ul li a{ height: 80px; border: 1px solid #eee; background-repeat: no-repeat; background-position: center; background-size: auto 75%; display: block; }
.partner-menu ul li a:hover{ border-color: #043a7a; }

.quality{ margin: 0 -10px; }
.quality ul li{ width: 16.666%; padding: 0 10px; margin-bottom: 10px; float: left; }
.quality ul li div{ width: 100%; height: 265px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.quality ul li p{ line-height: 24px; padding-top: 10px; text-align: center; font-size: 14px; color: #444; display: block; }