@charset "utf-8";
@import url("../../../css/fonts.css");
/* CSS Document */
* {margin: 0;padding: 0;word-wrap: break-word;}
body {font: 12px Arial, "寰蒋闆呴粦";color: #333;-webkit-font-smoothing: antialiased;min-width: 1200px;position: relative;height: 100%;}
a {color: #000;text-decoration: none;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s}
a:hover {text-decoration: none;color: #0083CE;}
a img,img {border: none;margin: 0 auto;transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s}
div,ul,li,p,form {padding: 0px;margin: 0px;list-style-type: none;}
em {font-style: normal;font-weight: normal;}
h3,h4 {padding: 0px;font-size: 14px;font-weight: bold;}
.clear {clear: both;height: 0px;}
.blank10 {height: 20px;overflow: hidden;clear: both;}
.blank {height: 10px;overflow: hidden;clear: both;}
textarea,input,button {outline: medium;}
.clearfix {width: 1200px;margin: 0 auto;}
table td,table td p{word-break: normal}
.left {float: left;}
.right {float: right;}
/* CSS Document end */
.header-top{height:40px;background: #EEEEEE;line-height: 40px;color: #666;font-size: 14px;}
.header-top span{float: right;}
.header-top span a{color: #666;}
.logotel{height: 114px;}
.logo img{display: block;margin: 11px 0px;float: left;}
.logo h3{float: left;margin-left:30px;height:60px;border-left:1px solid #DDD;margin-top: 27px;line-height: 60px;padding-left: 30px;font-size: 18px;color: #3a3a3a;}
.logotel .tel{height: 30px;margin: 42px 0px;color: #0060a5;background:url(../images/tel.png) no-repeat left top;padding-left: 50px;}
.logotel .tel .left{width: 73px;text-align: right;border-right:1px solid #DDD;padding-right:15px;margin-right: 15px;}
.logotel .tel .right{line-height: 30px;font-size:20px;font-weight: bold;}

.navigation{background: #0060a5;height: 60px;}
.navbox ul li{float: left;width: 150px;text-align: center;line-height: 60px;}
.navbox ul li a{display: block;font-size: 15px;color:#FFF;}
.navbox ul li.currclass a,.navbox ul li a:hover{background: #0291d5;}

#banner{width:100%; height:600px;z-index:1;overflow: hidden;position: relative;}
.i-ban{height:600px;}
.info_slide{text-align: center;}
.info_slide span{background: #0083CE;}
.info_slide span.image_number_select{background: #F00;}

/*.autoplay{position: relative;overflow: hidden;}
.autoplay .slick-slide a{display: block;}
.autoplay .slick-slide img{display: block;width: 100%;min-height: 600px;object-fit: cover;-webkit-object-fit: cover;-moz-object-fit: cover;}
.autoplay .slick-slide{float: left;position: relative;}
.autoplay .slick-list{overflow: hidden;}
.autoplay .slick-dots{text-align: center;position: absolute;width: 100%;bottom: 30px;}
.autoplay .slick-dots li{display: inline-block;margin: 0px 2px;cursor: pointer;}
.autoplay .slick-dots li span{display: block;width:54px;height: 4px;background: #c8bdcd;text-indent: 999cm;overflow: hidden;}
.autoplay .slick-dots li.slick-active span{background: #1fa1dc;}

.autoplay .slick-slide .box-pp{text-align: center;display: flex;flex-wrap: wrap;align-content: center;position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;}
.autoplay .slick-slide .box-pp h3,.autoplay .slick-slide .box-pp p,.autoplay .slick-slide .box-pp span{width: 100%;color:#FFF;}
.autoplay .slick-slide .box-pp h3{font-size: 48px;font-weight: lighter;}
.autoplay .slick-slide .box-pp p{font-size: 24px;line-height: 80px;}
.autoplay .slick-slide .box-pp span a {width:180px;height: 50px;background: #1FA1DC;line-height: 50px;color: #FFF;margin:30px auto;font-size: 18px;}
.autoplay .slick-slide .box-pp span a:hover{background: #0060a5;}*/

.title{text-align: center;padding: 20px 0px;}
.title h3{line-height: 30px;font-size: 24px;font-weight: normal;}
.title h3 span{color: #3d3d3d;margin-right: 10px;}


.yblank,.cont{display: flex;flex-wrap: wrap;align-content: center;padding: 30px 0px;}
.yblank .y-left{width: 620px;}
.yblank .y-left img{width: 100%;display: block;}

.yblank .y-right{width: 580px;}
.yblank .y-right li{height: 100px;display: flex;flex-wrap: wrap;align-content: center;}
.yblank .y-right li h3{ color: #0060a5;font-size: 18px;width: 100%;}
.yblank .y-right li p{color: #666;font-size: 14px;line-height: 24px;width: 100%;}

/**鎼滅储**/
.search {border-top: 2px solid #0060a5;line-height: 48px;border-bottom: 1px solid #e9e8e8;font-size: 14px;overflow: hidden;}
.search span a {margin: 0 5px;color: #717172;}
.search span {color: #0060a5;float: left;}
.search li {float: right;padding: 8px 0px;}
.search li input[type="submit"] {width: 69px;height: 40px;background: #0060a5 url(../images/search.png) no-repeat center center;border: 0;color: #FFF;cursor: pointer;float: left;}
.search li input[type="text"] {float: left;width: 357px;height: 38px;border: 1px solid #0060a5;padding: 0px 5px;margin-right: 10px;}

.prolist ul{overflow: hidden;padding: 20px 0px;}
.prolist ul li{width: 285px;float: left;margin-right: 20px;text-align: center;margin-bottom: 30px;}
.prolist ul li:nth-child(4n){margin-right: 0px;}
.prolist ul li .img{border:1px solid #DDD;overflow: hidden;}
.prolist ul li .img img{display: block;width: 100%;height: 210px;object-fit: cover;-webkit-object-fit: cover;-moz-object-fit: cover;}
.prolist ul li h3{line-height: 36px;}
.prolist ul li:hover .img img{transform: scale(1.08, 1.08);}

.blank-b{height: 200px;background: url(../images/blank.jpg) no-repeat center center;}
.blank-b ul{height: 200px;position: relative;}
.blank-b ul h3{color: #FFF;font-size: 24px;font-weight: normal;position: absolute;right: 0px;top: 78px;letter-spacing: 0.6px;}
.blank-b ul a{display: block;width: 177px;height: 36px;background: #FFF;font-size: 14px;color: #0083CE;text-align: center;line-height: 36px;border-radius: 4px;right: 0px;position: absolute;top: 110px;}


.about{background: #f4f4f4;}
.aboutbox{text-align: center;font-size: 14px;line-height: 30px;color: #666666;}
.aboutlist{padding: 65px 0px;overflow: hidden;}
.aboutlist li{float: left;margin-right: 20px;width: 285px;text-align: center;font-size: 14px;}
.aboutlist li:nth-child(4n){margin-right: 0;}
.aboutlist li img{display: block;}
.aboutlist li .img{overflow: hidden;}
.aboutlist li:hover img{transform: scale(1.08, 1.08);}
.aboutlist li p{line-height: 30px;color:#999;}
.aboutlist li h3{font-size: 16px;color: #333;}

.news{background: #f4f4f4;padding: 60px 0px;}
.newsbox{position: relative;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.newsbox .img{width: 337px;position: relative;}
.newsbox .img img{display: block;}
.newsbox .img span{display: block;position: absolute;top: 27px;width: 115px;height: 115px;text-align: center;line-height: 115px;color: #FFF;background: #0060a5;right: -57.5px;}
.newsbox .newspp{width:777px;margin-left: 86px;padding-top: 27px;}
.newsbox .tp li{float: right;}
.newsbox .tp li a{margin: 0px 10px;}
.newsbox .tp strong{font-size: 24px;}
.newsbox .tp strong span{color:#0060a5;}
.newsbox .hh h3{font-size: 24px;margin-top: 37px;}
.newsbox .date{font-size: 14px;margin-top:10px;}
.newsbox .intro{margin-top: 30px;line-height: 30px;color: #666;}
.newsbox .more{margin-top: 50px;}
.newsbox .more a{display: block;width: 148px;height: 42px;background: #0060a5;text-align: center;line-height: 42px;color: #FFF;}

.link {height: 80px;border-top:1px solid #DDD;}
.link ul {display: table;height: 100%;}
.link ul li {display: table-cell;width: 100%;height: 100%;vertical-align: middle;font-size: 12px;}
.link ul li a {color: #999;}
.link ul li a:hover {color: #666;}

.footer {background: #363636;overflow: hidden;}
.footnav {border-bottom: 1px solid #666666;overflow: hidden;}
.footnav ul li {float: left;line-height: 51px;width: 150px;text-align: center;}
.footnav ul li a {color: #c3c2c2;}
.footlogo {padding: 50px 0px;overflow: hidden;}
.t-logo {float: left;width: 217px;}
.t-p {width: 636px;float: left;height: 132px;padding: 20px 0px;box-sizing: border-box;}
.t-p p {color: #a4a4a4;line-height: 28px;}
.t-p p span{margin-right: 20px;}
.weixin {float: right;}
.footm {background: #0060a5;height: 60px;line-height: 60px;color: #FFF;font-size: 14px;}
.footm p {float: left;}
.footm span {float: right;}
.footm a {color: #FFF;}

.a-banner img{display: block;width: 100%;}

.a-about{background: #EEE;padding: 30px 0px;}
.a-about .a-about-content{overflow: hidden;}
.a-about .a-about-content .left{background: #FFF;width: 250px;}
.a-about-content .left h3{line-height: 50px;background: #0083CE;color: #FFF;font-size: 18px;padding-left: 15px;}
.a-about-content .left ul.nax li{line-height: 50px;border-bottom: 1px solid #DDD;}
.a-about-content .left ul.nax li a{padding-left: 15px;font-size: 14px;display: block;}
.a-about-content .left ul.nex li{line-height: 40px;border-bottom: 1px dashed #DDD;}
.a-about-content .left ul.nex li a{padding-left: 15px;}

.a-about-content .right{background: #FFF;width: 900px;}
.a-ws{line-height: 50px;border-bottom: 1px solid #EEE;padding-left: 25px;font-size: 14px;}
.a-ws a{color: #666;}
.a-ws span{font-family: "瀹嬩綋";color: #666;}
.mycontent{padding: 25px;font-size: 14px;line-height: 30px;}
.mycontent img{width: 100%;}
.mycontent tr td img{width: 100%;}

.fenye table{margin: 0 auto;}
.fenye{border-top: 1px solid #EEE;padding: 30px 0px;background: #FFF;}
.fenye table a{display: inline-block;height: 40px;line-height: 40px;padding: 0px 20px;border: 1px solid #DDD;font-size: 16px;border-radius: 3px;}
.fenye table a:hover,.fenye table a.curr{background: #269edc;color: #FFF;}

.product ul{overflow: hidden;}
.product ul .box{float: left;width: 210px;margin:20px 7.5px;text-align: center;}
.product ul .box a{display: block;}
.product ul .box a img{max-width: 100%;height:150px;object-fit: cover;-webkit-object-fit: cover;-moz-object-fit: cover;display: block;}
.product ul .box a .img{border: 1px solid #DDD;}
.product ul .box p{line-height: 36px;}

.imglist{display: flex;flex-wrap: wrap;align-content: center;}
.lefttop-img{width: 350px;border:1px solid #DDD;margin: 15px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.lefttop-img img{max-width: 100%;height: 250px;object-fit: cover;-webkit-object-fit: cover;-moz-object-fit: cover;display: block;}
.lefttop-pp{margin: 15px;width: 490px;}

.content-title {font-size: 18px;color: #0083CE;font-weight: bold;line-height: 30px;}
.content-intro{font-size: 14px;line-height: 24px;}
.content-tel{font-size: 18px;font-weight: bold;line-height: 30px;color: #333;}
.content-line{margin-top: 30px;}
.pintro{padding: 15px;}
.pintro-t strong{display: block; font-size:16px;font-weight: normal;line-height:30px;border-bottom:1px solid #DDD; ;}
.pintro-pp{line-height:30px;padding: 15px 0px;}
.pintro-pp img{max-width: 640px;width: 100%;}

.content-list ul{padding: 30px;}
.content-list ul li{line-height: 36px;border-bottom: 1px dashed #DDD;}
.content-list ul li span{float: right;}
.content-list ul li a{background: url(../images/p.png) no-repeat left center;padding-left: 10px;}

.content-Article{padding: 15px;}
.box-title{text-align: center;font-size: 18px;color: #000;line-height: 40px;}
.content-Article .boxs{text-align: center;line-height: 30px;color: #999;border-bottom: 1px dashed #DDD;}
.content-Article .boxs span{margin: 0px 10px;}
.ncontrol{background: #FFF;border-top: 1px solid #DDD;line-height: 30px;}
#MyContent{padding: 20px 0px;line-height: 30px;}
.joblist{padding: 15px;}
.joblist h3{line-height: 30px;border:1px solid #DDD;padding-left: 15px;}
.joblist h3.aaa{color: #0083CE;}
.joblist .intro table td{padding-left: 15px;border-bottom:1px solid #DDD;border-left:1px solid #DDD;line-height: 30px;}
.joblist .intro table{border-top:1px solid #DDD;border-right:1px solid #DDD;}
.joblist .mycont{padding: 15px;line-height: 30px;border:1px solid #DDD;margin-bottom: 20px;}

.pa li{float: left;width:17%;margin: 1.5%;}
.pa li a{display: block;border:1px solid #DDD;}
.pa li a img{width: 100%;}