@charset "utf-8";
/* CSS Document */
*{font-family: "microsoft yahei";text-decoration: none;margin: 0;padding: 0;}
input{border: none;outline: none;}
li{list-style: none; padding: 3px;}
img{display: block;}
.clearfix{clear: both;}

.wrap{width: 60%;margin: 0 auto;}


.qiehuan{
	width: 100px;
    float: right;
    margin-left: 18px;
    margin-top: 25px;}
.header .logo{float: left;padding: 10px;width: 459px; height: 95px;}
.header .call{float: right;text-align: center;line-height: 22px;font-size: 14px;background-color: #044b91;height: 54px;width: 120px; color: white;margin-top: 24px;}
.header .call p{margin: 0 auto ; margin-top: 6px;}
.header .navbox{background-color:hsla(0,0%,90%,1.00);}
.header .nav li{float: left;position: relative;z-index: 2;}
.header .nav li dl{position: absolute;top: 61px;left: 0;background-color:white;}
.header .nav li dl dd>a{padding:0px 44px;font-size: 14px;display: block;color: hsla(0,0%,20%,1.00);text-align: center;}
.header .nav li dl dd>a:hover{background-color: #044b91;color: white;font-weight: bold;}
.header .nav li>a{color:hsla(0,0%,20%,1.00);display: block;}
.header .nav li>a:hover{background-color: #044b91;color: white;transition: 1s all；}
.header .search{float: right;padding-top: 16px;}
.header .search .searchbtn{background: url(../images/search.png) no-repeat center;width: 33px;height: 31px;float: left;display: block;cursor: pointer;}
.header .search .text{width: 100px;height: 31px;margin-left: 10px;text-indent: 10px;}


.title{text-align: center;}
.provider{padding-top: 0px;}
.icon{padding-top: 56px;margin: 0 auto;width: 1131px;}
.icon a{padding: 0 37px;float: left;display: block;width: 10%;height: 130px; overflow-y: hidden;}
.icon a>img{width: 100%;}
.icon a>p{text-align: center;position: relative;top: -70px;font-weight: bold;color: white;}
.icon a:hover>img{background-color:#044b91;transition:0.5s,all;}

.service{padding-top: 100px;}
.service .col{float: left;margin: 10px;background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 18px 0px rgba(12, 3, 6, 0.1);
  height: 204px;width:380px;color: hsla(0,0%,50%,1.00);display:table;}
.service .col:hover{box-shadow: 0px 10px 18px 0px rgba(12, 3, 6, 0.2);color: #044b91;transform: translate(80px,0);transition: 0.5s,all;}
.service .col img{float: left;padding-left: 24px;padding-right: 20px;padding-top: 60px;}
.service .col>div{padding-left: 20px;padding-right: 30px; width: 185px;font-size: 14px;line-height: 25px;background:url(../images/service_line.png) no-repeat left center;vertical-align:middle; 
display:table-cell;}

.aboutUs{background-color: hsla(0,0%,95%,1.00);padding-top: 56px;}
.aboutUs .col1{width:690px;float: left;}
.aboutUs .subtitle{padding-bottom: 20px;}
.aboutUs .introduction{margin-bottom: 68px;}
.aboutUs .introduction img{float: left;padding-right: 25px;}
.aboutUs .introduction .contentbox{float:left;background-color: white;height: 205px;position: relative;}
.aboutUs .introduction .contentbox p{font-size: 14px;font-family: "宋体";color: hsla(0,0%,50%,1.00);line-height: 18px;width: 413px;padding: 16px;}
.aboutUs .introduction .contentbox .more>a{color: #044b91;font-size: 12px;font-family: arial;position: absolute;right:20px;bottom: 10px;}


.aboutUs .news img{float: left;padding-right: 25px;padding-bottom: 33px;}
.aboutUs .news .contentbox{float:left;background-color: white;height: 143px;border-bottom: #d9d9d9 3px solid;width: 80%;}
.aboutUs .news .contentbox h3{font-size: 16px;color: hsla(0,0%,20%,1.00);padding-top: 19px;padding-left: 18px;}
.aboutUs .news .contentbox p{font-size: 14px;font-family: "宋体";color: hsla(0,0%,50%,1.00);line-height: 21px;width: 413px;padding: 18px;}
.aboutUs .news .contentbox h4{margin-left: 18px;padding-left: 20px;color: #044b91;font-size: 12px;font-weight: normal;font-family: arial;background: url(../images/clock.png) no-repeat left center;float:left;}
.aboutUs .news .contentbox .more>a{color: #044b91;font-size: 12px;font-family: arial;float: right;padding-right: 18px;}

.aboutUs .col2{width:430px;float: right;}
.aboutUs .col2 .more>a{color: #044b91;font-size: 12px;font-family: arial;float: right;padding-right: 18px;padding-top: 13px;}
.aboutUs .col2 .container{background-color: white;position: relative;overflow: hidden;height: 325px;margin-bottom: 25px;}
.aboutUs .col2 .container dl{position: absolute;left: 0px;top: 0px;}
.aboutUs .col2 .container dl dd a{display: block;padding-left: 24px;padding-top: 20px;}
.aboutUs .col2 .container dl dd a h4{padding-left: 40px;font-size: 14px;color: hsla(0,0%,20%,1.00);line-height: 26px;margin-bottom: 14px;background: url(../images/wen.png) no-repeat left center;}
.aboutUs .col2 .container dl dd a p{font-size: 14px;line-height: 20px;font-family: "宋体";color: hsla(0,0%,50%,1.00);width: 388px;}

.aboutUs .col2 .container2{background-color: white;height: 175px;padding-top: 1px;margin-bottom: 36px;}
.aboutUs .col2 .container2 p{font-size: 14px;color: hsla(0,0%,50%,1.00);margin: 20px 27px;font-family: "宋体";padding-left: 15px;background: url(../images/tri.png) no-repeat left center;}
.aboutUs .col2 .container2 p span{color:#044b91;float: right;}

.exhibition{padding-top: 75px;}
.exhibition .btnbox{margin: 30px auto 20px;width: 377px;}
.exhibition .btnbox .btn{float: left;padding: 16px 38px;color: hsla(0,0%,20%,1.00);cursor: pointer;background-color: hsla(0,0%,90%,1.00);}
.exhibition .case{padding-bottom: 70px;}
.exhibition .case .productsbox{width: 23%;margin: 18px 10px;float: left;border-bottom: hsla(0,0%,90%,1.00) 3px solid;}
.exhibition .case .productsbox:hover{border-bottom: #044b91 3px solid;transition: 2s all;}
.exhibition .case .productsbox .products{width: 100%;overflow: hidden; height:201px; border:solid 1px #CCC;}
.exhibition .case .productsbox .products img{width: 100%;height:201px;}
.exhibition .case .productsbox:hover img{transform: scale(1.1,1.1);transition: 0.5s all;filter:brightness(25%);}
.exhibition .case .productsbox h4{font-size: 16px;font-weight: normal;color: hsla(0,0%,20%,1.00);padding-left: 12px;line-height: 45px;text-align: center;float: left;} 
.exhibition .case .productsbox .more{float: right;font-size: 14px;line-height: 45px;text-align: center;color: #044b91;}

.footer{color: white;padding: 40px 360px; font-size:16px;width: 60%;}
.footer .wrap{display: table;}
.footer .text{display: table-cell;vertical-align: middle;line-height: 30px;}
.footer a{ color:#FFF;}
.footer a:hover{ text-decoration:underline;}
.footer_l{
	clear:both;
	margin:0 auto;
	width:1200px;
	padding:5px 0 8px 0;
	line-height:18px;
	text-align:center;
	font-size:12px;}
.footer_l a{ color:#333;font-size:12px;}
.footer_l a:hover{text-decoration:underline;}


.link{width: 60%;height: 80px; padding: 0 360px;}
.p2{text-align: center;height: 50px;}

.liu1{ height: 282px;background: #f7f7f7; }
.dinzhi{display:block;font-size: 30px;color: #333;line-height: 30px;font-weight: bold;text-align: center;padding-top: 60px;}
.liu1 ul{ margin-top: 40px;margin-left:300px;}
.liu1 li{float: left;width: 66px;text-align: center;position: relative;margin-right: 75.7px;}
.liu1 li:after{position: absolute;width: 18px;height: 14px;background: url(../images/cess_dian.png) no-repeat center;content: "";right: -50px;top: 32px;}
.liu1 li:last-child{overflow: hidden;margin-right: 0;}
.liu1 li span{ display:block;width:66px; height:50px;  text-align: center;margin:0 auto;  position:relative;}
.liu1 li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0deg);transform: translateX(0) rotate(0deg);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;margin: 0 auto;}
.liu1 li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;margin: 0 auto;}
.liu1 li span em img,.liu1 li span i img{ display: block;width: 66px;height: 50px;}
.liu1 li:hover span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.liu1 li:hover span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.liu1 li p{font-size: 16px;color: #333333;line-height: 16px;padding-top: 19px;text-align: center;}
.liu1 li:hover p,.liu1 li:hover i{color: #015aaa;}