@charset "utf-8";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,i{margin:0; padding:0;}
li,i{list-style:none;  font-style: inherit;}
input,textarea,select{font-family:inherit; font-weight:inherit; font-size:14px;}
img{border:0;}
em{font-style: normal;}
dl,dt,dd{margin: 0px; padding: 0px; list-style: none;}
.cl,.clear{height:0; overflow:hidden; clear:both;}
.fl{ float:left}
.fr{ float:right}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
body,td,th{font-size: 14px;color:#333333;}
body{font-family:Microsoft YaHei; font-size: 14px; min-width:1300px; color:#333333;}
a{font-size:14px; color:#333333;}
.w1300 { width:1300px; margin:auto;}
.top30{ margin-top:30px;}
.bottom30{margin-bottom:30px;}
.dis{ display: none;}
.w960{width:960px;}
.mod1009 .search_page_list_img img{width: 30% !important;}

.top{ background: #f5f5f5 no-repeat; overflow: hidden; height: 45px; font-size: 14px; font-weight: 100;color: #666; line-height: 45px;}
.top a{font-size: 14px; font-weight: 100;color: #666;}

.header{ overflow: hidden; padding: 30px 0;}
.head_noe{ margin-left: 25px;margin-top: 7px;}
.head_noe strong{ font-size: 26px;}
.head_noe strong span{ color: #0064da;}
.head_noe p{ font-size: 14px; color: #666;letter-spacing: 0.55px;}
.head_tel{ margin-top: 10px;}
.head_tel img{vertical-align: sub; margin-right: 5px;}
.head_tel strong{ font-family: Arial; font-size: 30px; color: #0064da; display: block; margin-top: 2px;}  

.nav{ height: 70px; background: #0064da; overflow: hidden; position: relative;}
.nav li{ float: left; width: 11.1%; text-align: center;}
.nav li a{ font-size: 16px; color: #fff; line-height: 70px; display: block; position: relative; z-index: 1;}
.lines{ height:100%; background:#bd1218; width:0; display:block; position:absolute; top:0; left:0; z-index: 0;}

.search{ height: 59px; overflow: hidden; line-height: 59px;    border-bottom: 1px solid #eee;}
.search .fl{ background: url(images/4.jpg) no-repeat center left; padding-left: 25px;}
.search_one{  width:331px; height: 59px; overflow: hidden;}
.inputxt{outline: none;border: none;height: 100%;padding-left: 20px;width: 251px;float: left;height: 59px;}
.search-i input{ float: left; width: 59px;outline: none;border: none; background:#0064da url(images/5.png); cursor: pointer;height: 59px;}
.search-bg input{ border-left: 1px solid #eee;}

.servich{ background: url(images/5.jpg) no-repeat center; height: 499px; overflow: hidden;}
.title{ font-size: 16px; font-weight: 100; color: #666; text-align: center; margin: 60px 0 40px;}
.title strong{ font-size: 36px; color: #333; display: block; margin-bottom: 3px;}
.title strong span{ color: #0064da;}
.servich li{ width: 236px; height: 259px; background: url(images/7.png) no-repeat; float: left; margin-left: 30px; text-align: center; position: relative; transition: all 0.5s; cursor: pointer;}
.servich li:nth-child(1){ margin-left: 0;}
.servich li strong{ font-size: 24px; display: block; margin: 112px 0 4px;}
.servich li p{ font-size: 14px; font-weight: 100; line-height: 20px; color: #666;}
.servich li::after{ content: ""; width: 23px; height: 3px; background: #0064da; position: absolute;left:107px;  bottom: 41px;display: block;}
.servich li::before{ content: ""; display: block; width: 100%; height: 37px; background-image: url(images/8.png) ; background-repeat: no-repeat;background-position: center top; transition: all 0.5s;position: absolute; top:58px}
.servich li:nth-child(2)::before{background-image: url(images/9.png) ;}
.servich li:nth-child(3)::before{background-image: url(images/10.png) ;}
.servich li:nth-child(4)::before{background-image: url(images/11.png) ;}
.servich li:nth-child(5)::before{background-image: url(images/12.png) ;}
.servich li:hover{ background: url(images/6.png) no-repeat;}
.servich li:hover::before{background-position: center bottom;}
.servich li:hover strong{ color: #fff;}
.servich li:hover p{ color: #dbe7ff;}
.servich li:hover::after{ background:#fff;}

.product{ overflow: hidden; margin-bottom: 70px;}
.product_left{ width: 310px;}
.proudct_one{ background: #0064da; text-align: center; height: 145px; font-size: 14px; color: #dbe7ff; text-transform: uppercase; overflow: hidden;}
.proudct_one strong{font-size: 32px; color: #ffffff; display: block; margin: 38px 0 3px;}
.product_left  ul{ padding: 0px 20px; border: 1px solid #eee; padding-bottom: 38px;}
.product_left  li{ height: 57px; line-height: 57px; border-bottom: 1px solid #eee; padding-left: 25px; background: url(images/13.png) no-repeat center;}
.product_left  li a{ font-size: 16px;display: block;}
.product_left  li:hover a{ color: #0064da;}
.product_right{ width: 960px;}
.product_right dl{ width: 306px; height: 344px; float: left; margin-right: 20px;}
.product_right dl:nth-child(3n){ margin-right: 0px;}
.product_right dl:nth-child(n+4){ margin-top: 20px;}
.product_right dl img{ width: 304px; height: 282px; border: 1px solid #eee; display:block;}
.product_right dl dt{ width: 100%;background: #eee; margin-top: 10px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; transition: all 0.3s;}
.product_right dl:hover dt{ background: #0064da; color: #fff;}
.product_tel{ width: 325px; height: 45px; background: url(images/15.jpg); line-height: 45px; font-size: 14px; color: #dbe7ff; margin: 30px auto 0;padding-left: 60px;}
.product_tel strong{ font-size: 18px; color: #fff;}

.case{overflow: hidden; height: 889px; background: url(images/17.jpg) no-repeat center;}
.case .title{ color: #dbe7ff;}
.case .title strong{ color: #fff;}
.case dl{ width: 420px; height: 315px; float: left; margin-right: 20px; position: relative;}
.case dl img{width: 420px; height: 315px;}
.case dl:nth-child(3n){ margin-right: 0;}
.case dl:nth-child(n+4){ margin-top: 20px;}
.case dl dt{ width: 340px; height: 80px; position: absolute; left: 20px; bottom: 20px; background: rgba(0, 0, 0, 0.7); padding:0 20px}
.case dl dt span{ font-size: 16px; color: #fff; display: block;margin: 18px 0 3px; z-index: 1; position: relative;}
.case dl dt p{ font-size: 14px; color: #9b9a9b; z-index: 1; position: relative;}
.case dl dt::after{ content: ""; display: block; background: #0064da; width: 0; height: 100%; position: absolute; left: 0;top: 0; transition: all 0.5s ease;}
.case dl:hover dt::after{ width: 100%;}
.case dl:hover dt p{ color: #dbe7ff;}

.advantage{overflow: hidden; margin-bottom: 70px;}
.advantage_box{ height: 558px; position: relative;}
.advavtage_nav{ width: 895px; height: 188px; background: #0064da; padding: 20px 0px 0px 3px; position: absolute; left: 0 ;bottom:0px; z-index: 1;}
.advavtage_nav li{ float: left; margin-left: 20px; text-align: center; color: #fff; font-size: 16px; cursor: pointer;}
.advavtage_nav li img{margin-bottom: 7px; box-sizing: border-box;border: 3px solid #0064da;}
.advavtage_nav li.on img{ border: 3px solid #bd1218;}
.advantage_content dl{ height: 558px; position: relative; overflow: hidden;}
.advantage_content dl img{ position: absolute; right: 0;top: 0;}
.advantage_content{position: relative;margin-right: -310px;}
.adv_shuzi{ width: 64px; height: 64px; background: #0064da; font-size: 40px; font-weight: bold; color: #fff; text-align: center; line-height: 64px; font-family: Impact;margin-right: 15px;}
.adv_one{ margin-top: 45px;}
.adv_one p strong{ font-size: 24px; display: block; color: #333;}
.adv_one p{ font-size: 16px; color: #666; margin-top: 5px;}
.advantage_content dl::after{ content:""; display: block; background: url(images/19.jpg); width: 616px; height: 25px; position: absolute;top: 146px;left: 0;}
.adv_two{ width: 616px ; font-size: 14px; color: #666; font-weight: 100; line-height: 23px;text-align:justify;}
.adv_two:nth-child(2){ margin: 95px 0 10px;}


.Program_one i{ background:#d6d6d6; width:47px; height:1px; margin:0px 10px; display: inline-block;vertical-align: super;}
.Program_cont dt{ width:599px; padding-top: 55px; background:#fff; float: right; padding-left:51px; height:439px;}
.Program_cont strong{ font-size:32px; display:block; color: #363636;}
.Program_cont strong i{ color:#0064da;}
.Program_cont span{ font-size:22px; display:block;    margin-left: -2px; margin:3px 0 24px;}
.Program_cont p{ line-height:30px; color:#666666; background:url(images/32.png) no-repeat left 11px; padding-left:27px;width: 517px;text-align: justify;}
.Program_cont p:nth-child(5){ margin:21px 0 20px;}
.Program_list dl.mowei { width:466px; overflow:hidden;}
.Program_list dl.mowei dd { width:233px; overflow:hidden;}
.Program_list dl.mowei1 dd{ width:234px;}
.Program_more { width: 130px; height: 40px; line-height: 40px; text-align: center; background: #0064da; margin-top: 30px;}
.Program_more a { color: #fff;}
.company{overflow:hidden;padding-bottom:70px; background:#f5f5f5;}