@charset "utf-8";
/* CSS Document */

@font-face{
	font-family:futurabt;
	src:url('../font/futurabt.TTF');
	src:url('../font/futurabt.woff');
}

body{ font-size:14px; color:#666; background:#fff; font-family: '微软雅黑'; line-height: 24px;}

a { color:inherit; line-height: inherit; text-decoration:none; }

a:hover {  text-decoration:none;}



/***************index css********************/
.top{width: 1600px; height: 100px; position: absolute; z-index: 999; left: 50%; margin-left: -805px;}
.top .logo{float: left; padding-top: 25px; display: block; overflow: hidden}


#nav{ width:auto; height:100px; float: right;}
#nav ul{ }
#nav ul li { float:left; display:inline; height: 100px; margin-left: 42px;}
#nav ul li a{display: block; height: 100px; line-height: 100px; color: #fff; font-size: 18px; font-family: futurabt;}

.flash{ width:100%; height:auto; display: block; margin:0 auto;}
.flash img{display: block; width: 100%;}

.flashn{width: 100%; height: 475px; background: url(../images/banner-about.jpg) no-repeat center top;}
.flashn .name{text-align: center; line-height: 100px; padding-top: 192px; color: #fff; font-size: 90px;font-family: futurabt;}

/******************************** index *********************************/
.about{width:1600px; margin: 0 auto;}
.about .txt{width: 700px; height: auto; float: left;}
.about .txt .title{height: auto; font-family: futurabt; padding-top: 42px;}
.about .txt .title span{display: block;line-height:22px; color: #fea45a; font-size: 14px; }
.about .txt .title em{display: block; line-height: 40px; padding-top: 12px; color: #212529; font-size: 32px;}
.about .txt .nr{width: 100%; padding-top: 22px; line-height: 30px; color: #797979}
.about .txt .more{width: 192px; height: 52px; border: 4px solid #212529; overflow: hidden; display: block; margin-top: 30px; color: #212529;font-family: futurabt;  text-align: center; line-height: 52px; text-transform: uppercase}
.about .txt .more:hover{background: #212529; color: #fff;}
.about .tu{float: right; width: 780px;}

.service{width: 100%; height:auto; background: #4d5154; clear: both; margin-top: 84px;}
.service .bg{width: 1600px; margin: 100px auto;}
.service .bg .title{text-align: center;font-family: futurabt; }
.service .bg .title span{display: block;color: #fea45a; line-height: 18px; font-size: 14px;}
.service .bg .title em{display: block; color: #ffffff; font-size: 32px; padding-top: 10px; line-height: 38px;}
.service .bg .txt{width: 100%; height: auto; margin-top: 70px;}
.service .bg .txt dl{width: 378px; height: 348px; box-sizing: border-box; overflow: hidden; float: left; border: 7px solid #43474a; margin-left: 29px;}
.service .bg .txt dl dt{width: 310px; margin: 0 auto; padding-top: 64px;}
.service .bg .txt dl dt img{display: block; width: 100px; margin: 0 auto}
.service .bg .txt dl dt .name{width: 100%; height: 28px; line-height: 28px; text-align: center; color: #fff;font-family: futurabt; padding-top: 16px; font-size: 20px;}
.service .bg .txt dl dd{ width: 310px; margin: 0 auto; color: #989898; padding-top: 18px; line-height: 16px; text-align: center}
.service .bg .txt dl:first-child{margin-left: 0;}
.service .bg .more{width: 192px; height: 52px; border: 4px solid #43474a; margin: 0 auto; overflow: hidden; display: block; margin-top: 55px; color: #fff;font-family: futurabt;  text-align: center; line-height: 52px; font-size: 14px; text-transform: uppercase}
.service .bg .more:hover{background: #43474a; color: #fff}

.service .bg .txt dl:hover{border: 7px solid #fea45a}

.pro{width: 1600px; height: auto; margin: 0 auto; margin-top: 100px;}
.pro .title{height: auto; text-align: center; font-family: futurabt; padding-top: 42px;}
.pro .title span{display: block;line-height:18px; color: #fea45a; font-size: 14px; }
.pro .title em{display: block; line-height: 38px; padding-top: 10px; color: #212529; font-size: 32px;}
.pro .title .memo{text-align: center; padding-top: 10px; line-height: 20px; font-size: 16px; color: #797979;  font-family: '微软雅黑'}
.pro .txt{width: 1600px; height: auto; margin-top: 38px;}
.pro .txt ul li{ margin-left: 29px; width: 514px; height: 380px; float: left}
.pro .txt ul li:first-child{margin-left: 0}

.pro .txt ul li .tu{width: 514px; height: 380px; position: relative;}
.pro .txt ul li .tu img{display: block;width: 514px; height: 380px;}
.pro .txt ul li .tu .box{width: 514px; height: 380px; position: absolute; display: none; left: 0; top: 0; z-index: 9; background: url(../images/equ-png.png); color: #fff;}
.pro .txt ul li .tu .box .bt{padding-left: 35px; padding-top: 257px;font-family: futurabt; line-height: 30px; font-size: 20px; width: 300px;}
.pro .txt ul li .tu .box .memo{padding-left: 35px; width: 300px; line-height: 22px; padding-top: 15px; height: 44px;}
.pro .txt ul li:hover .tu .box{display: block}
/*.pro .txt ul li:first-child{margin-left: 0}*/

.pro .more{width: 192px; height: 52px; border: 4px solid #212529; margin: 0 auto; overflow: hidden; display: block; margin-top: 70px; color: #212529;font-family: futurabt;  text-align: center; line-height: 52px; font-size: 14px; text-transform: uppercase}
.pro .more:hover{background: #212529; color: #fff}


/****************************** ny *************************************/
.titlen{text-align: center;}
.titlen span{display: block;color: #000000; line-height: 32px; font-size: 26px;font-family: futurabt; }
.titlen em{display: block; color: #999999; font-family: '微软雅黑'; font-size: 12px; text-transform: uppercase; padding-top: 5px; line-height: 20px;}

.aboutn{width: 100%;}
.aboutn .box1{width: 1600px; margin: 0 auto;}
.aboutn .box1 .bg{padding-top: 60px;}
.aboutn .box1 .bg .txt{width: 830px; height: auto; float: left}
.aboutn .box1 .bg .txt .name{height: 64px; line-height: 64px; color: #212529; font-size: 32px;font-family: futurabt;}
.aboutn .box1 .bg .txt .nr{width: 100%; height: auto; padding-top: 10px; color: #797979; font-size: 16px; line-height: 28px;}
.aboutn .box1 .bg .tu{float: right; width: 730px;}

.aboutn .box2{width: 100%; height: 318px; background: url(../images/about-bgn.jpg) no-repeat center; margin-top: -7px;}
.aboutn .box2 .bg{width: 1600px; margin: 0 auto; margin-top: 97px;}
.aboutn .box2 .bg dl{width: 400px; height: auto; float: left; text-align: center; overflow: hidden}
.aboutn .box2 .bg dl dt{width: 42px; margin: 0 auto;}
.aboutn .box2 .bg dl dt img{display: block; width: 100%;}
.aboutn .box2 .bg dl dd{width: 100%; text-align: center; padding-top: 15px;}
.aboutn .box2 .bg dl dd span{display: block; color: #fff; font-size: 28px;font-family: futurabt; line-height: 30px;}
.aboutn .box2 .bg dl dd em{display: block; color: #8d8c8c; font-size: 14px;font-family: futurabt; line-height: 18px; padding-top: 8px;}

.aboutn .box3{width: 1600px; margin: 0 auto; background: url(../images/about-box2-bg.jpg) no-repeat left top; padding-top: 70px;}
.aboutn .box3 .txt{width: 100%; margin-top: 70px;}
.aboutn .box3 .txt dl{width:690px; height:130px; overflow: hidden; margin-left: 50px; margin-right: 60px; margin-bottom:55px; float: left}
.aboutn .box3 .txt dl dt{width: 63px; height: 63px; float: left;}
.aboutn .box3 .txt dl dt img{display: block;width: 63px; height: 63px;}
.aboutn .box3 .txt dl dd{width: 600px; height: 130px; float: right; overflow: hidden}
.aboutn .box3 .txt dl dd .name{height: 32px; line-height: 32px; color: #333333; font-size: 22px;font-family: futurabt; }
.aboutn .box3 .txt dl dd .memo{line-height: 30px; color: #989898; font-size: 14px; padding-top: 5px;}


.contactn{width: 1510px; height: auto; margin: 0 auto;}
.contactn .bg{width: 100%; margin-top: 45px;}

.contactn .lx{ width: 650px; float: right; height: auto; overflow: hidden;}
.contactn .lx .name{line-height: 42px; color: #191919; font-weight: bold;  font-size: 32px;}
.contactn .lx .xian{width: 118px; height: 3px; background: #fea45a; overflow: hidden; margin-top: 10px;}
.contactn .lx .nr{padding-top: 30px;width: 100%;}
.contactn .lx .nr dl{width:100%; height:auto; padding-bottom: 15px; border-bottom: 1px solid #cccccc; overflow: hidden; margin-bottom: 20px;}
.contactn .lx .nr dl dt{width: 36px; height: 36px; float: left;}
.contactn .lx .nr dl dt img{width: 36px; height: 36px;}
.contactn .lx .nr dl dd{width: 580px; height: auto; float: left; margin-left: 15px; overflow: hidden}
.contactn .lx .nr dl dd .name{height: 22px; line-height: 22px; color: #000; font-size: 20px; font-weight: bold; text-transform: uppercase;}
.contactn .lx .nr dl dd .memo{width: 100%; line-height: 24px; color: #666666; font-size: 16px; padding-top: 5px;}

.contactn .fk{width: 752px; float: left}
.contactn .fk .name{line-height: 42px; color: #191919; font-weight: bold; font-size: 32px; }
.contactn .fk .ms{line-height: 24px; color: #666666; font-size: 16px; padding-top: 5px;}
.contactn .fk .nr{width:100%; padding-top: 30px; }
.contactn .fk .nr ul li{width: 100%; height: auto; overflow: hidden; clear: both; margin-bottom: 30px;}
.contactn .fk .nr .inp{width: 368px; height: 48px; box-sizing: border-box; border: 1px solid #e8e8e8; line-height: 48px; text-indent: 20px; font-size: 16px; font-family:'微软雅黑',Arial; float: right; color: #333333}
.contactn .fk .nr ul li .inp:first-child{float: left}
.contactn .fk .nr ul li .tex{width: 100%; height: 120px;font-family:'微软雅黑',Arial; box-sizing: border-box; padding: 5px 20px; font-size: 16px; line-height: 28px; border: 1px solid #e8e8e8; color: #333333 }
.contactn .fk .nr ul li .btn{width: 172px; height: 44px; float: right; border: none; cursor: pointer; border-radius: 3px; text-align: center; line-height: 44px; color: #ffffff; font-size: 16px;font-family:'微软雅黑',Arial; background: #fea45a;text-transform: uppercase}


.ny_side{width: 1600px; margin: 0 auto;}
.ny_side .txt{width: 100%; height: auto; margin-top: 55px; min-height: 300px;}

ul.equul li{width: 400px; height: 280px; float: left; overflow: hidden; position: relative}
ul.equul li img{width: 400px; height: 280px; display: block}
ul.equul li .name{width: 400px; height: 280px; position: absolute; z-index: 99; left: 0; top: 0; display: none; text-align: center; color: #fff; font-size: 20px;font-family: futurabt;justify-content: center; align-items: center; background: url(../images/equ-png.png);}
ul.equul li:hover .name{display: flex}

.pron{width: 1600px; height: auto; margin: 0 auto;}
.pron .profl{width:100%; margin-top: 60px; text-align: center}
.pron .profl ul li{width: auto; display: inline-block; margin-left: 15px; margin-right: 15px; margin-bottom: 10px;}
.pron .profl ul li a{display: block; height: 30px; line-height: 30px; color: #666666; font-size: 16px;}
.pron .profl ul li a:hover{text-decoration: underline}
.pron .profl ul li a.dz{text-decoration: underline}
.pron .txt{width: 100%; height: auto; min-height: 300px; margin-top: 40px;}
.pron .txt ul li{width: 514px; height: auto; float: left; margin-bottom: 35px; margin-left: 29px;}
.pron .txt ul li .tu{width: 514px; height: 380px; position: relative;}
.pron .txt ul li .tu img{display: block;width: 514px; height: 380px;}
.pron .txt ul li .tu .box{width: 514px; height: 380px; position: absolute; display: none; left: 0; top: 0; z-index: 9; background: url(../images/equ-png.png); color: #fff;}
.pron .txt ul li .tu .box .bt{padding-left: 35px; padding-top: 257px;font-family: futurabt; line-height: 30px; font-size: 20px; width: 300px;}
.pron .txt ul li .tu .box .memo{padding-left: 35px; width: 300px; line-height: 22px; padding-top: 15px; height: 44px;}
.pron .txt ul li .name{width: 100%; height: 30px; line-height: 30px; color: #333333; font-size: 18px; padding-top: 20px; text-align: center; overflow: hidden}
.pron .txt ul li:hover .tu .box{display: block}
.pron .txt ul li.li1{margin-left: 0}


.ny_right{ width:249px; height:auto; float:right; display:inline; border-left: 1px solid #e4e4e4;}
.ny_right .box{width: 229px; margin-left: 20px;}

.ny_cpfl{ width:229px; height:auto;}
.ny_cpfl .title{ height:24px; line-height: 24px; color: #333333; font-size: 20px;font-family: futurabt;}
.ny_cpfl .txt{ width:229px; height:auto; background: #fea45a; margin-top: 15px;}

.ny_right .npro{ width:229px; height: auto; margin-top: 40px;}
.ny_right .title{ height:24px; line-height: 24px; color: #333333; font-size: 20px;font-family: futurabt;}
.ny_right .txt{ width:100%; height: auto; margin-top: 15px;}
.ny_right .txt dl{ width: 229px; height: 72px; overflow: hidden; border-bottom: 1px solid #e9e9e9; margin-bottom: 15px;}
.ny_right .txt dl dt{ width: 103px; height: 72px; float: right;}
.ny_right .txt dl dt img{ display: block;width: 103px; height: 72px;}
.ny_right .txt dl dd{width: 120px; height:auto; overflow: hidden; float: left}
.ny_right .txt dl dd .name{ height: 20px; line-height: 20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: #fea45a; font-size: 16px; padding-top: 3px;}
.ny_right .txt dl dd .memo{ line-height: 16px; color: #999999; height: 32px; padding-top: 4px; overflow: hidden; font-size: 12px;}


.prosd{width: 1285px; height: auto; float: left}
.prosd .prosd-top{width: 100%; height: auto;}
.prosd .prosd-top .left{width: 465px; height: 446px; float: left; border: 1px solid #f3f3f3; }
.prosd .prosd-top .left .big{width: 465px; height: 326px; padding-top: 5px;}
.prosd .prosd-top .left .big img{display: block;width: 465px; height: 326px;}
.prosd .prosd-top .left .list{width: 465px; height:auto; padding-top: 15px;}
.prosd .prosd-top .left .list ul li{width: 116px; height: 81px; float: left; overflow: hidden; cursor: pointer; position: relative}
.prosd .prosd-top .left .list ul li img{display: block;width: 116px; height: 81px;}
.prosd .prosd-top .left .list ul li i{background:url(../images/pic_ico.png) no-repeat; width: 20px; height: 8px; position: absolute; left: 50%; margin-left: -10px; top: 0; z-index: 9; display: none}
.prosd .prosd-top .left .list ul li.cur i{display: block}

.prosd .prosd-top .right{width: 791px; height: auto; float: right;}
.prosd .prosd-top .right .name{height:auto; line-height: 30px; color: #333333; font-size: 26px; font-family: futurabt; }
.prosd .prosd-top .right .xian{width: 80px; height: 2px; background: #fea45a; margin-top: 16px;}
.prosd .prosd-top .right .memo{width: 100%; line-height: 32px; padding-top: 20px; max-width: 300px; }
.prosd .prosd-top .right .zs{color: #fea45a;font-family: futurabt; padding-top: 20px;}
.prosd .prosd-txt{width: 100%; height: auto; margin-top: 38px;}
.prosd .prosd-txt .name{height: 28px; line-height: 28px; color: #fea45a; font-size: 20px; font-family: futurabt; }
.prosd .prosd-txt .xian{width: 80px; height: 2px; background: #fea45a; margin-top: 16px; }
.prosd .prosd-txt .nr{width: 100%; min-height: 200px; padding-top: 15px;}