@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#222;overflow-x:hidden;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;}
a:hover{color:#104797;text-decoration:none;}
.clearfix{zoom:1;}
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.clear{clear: both;}
.sbj{margin-top:30px;}
.sbj1{margin-top:50px;}
.sbj2{margin-bottom:30px;}
.fl {float: left;}
.fr {float: right;}
.logo{width:200px;float: left;margin-right: 22px;background: url(../images/logo.jpg) no-repeat left center;padding-left: 100px;font-size: 37px;font-weight: bold;letter-spacing:3.3px;margin-top:7px;}
.logo p{font-size: 12px;text-transform: uppercase;font-weight: normal;letter-spacing:0px!important;}
#nav{float: right;}
#nav li{float:left;text-align:center;width:80px;}
#nav li a{line-height:80px;display:block;height:80px;text-align:center;font-size:15px;color: #222;}
#nav li:hover{text-decoration:none; height:80px;border-bottom: 2px solid #104797;}
#nav li dl{background-color:#104797;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;width:160px;margin-left: -40px;}
#nav li dl dt{height:46px;line-height:46px;border-bottom:1px solid #fff;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;color: #fff!important;}
#nav li dl dt a:hover{ background:none;font-size:15px;font-weight:bold;}
#nav li:hover dl{left:auto;}
#nav li:hover a{color: #104797;}
#curr{border-bottom: 2px solid #104797;}
#nav ol{background: url(../images/tel.png) no-repeat left center;padding-left: 40px;color: #104797;font-size: 22px;font-weight: bold;height: 35px;width: 160px;float: right;margin-left: 20px;margin-top:22px;line-height: 35px;}
.sl{width:100%;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;background: url(../images/bg1.jpg) no-repeat center center;padding: 20px 0px;}
.sl ul{float:left;width: calc(25% - 1px);border-right: 1px solid rgba(255,255,255,.3);text-align: center;color: #fff;padding: 20px 0px;}
.sl ul:last-child{border-right: 0px;width: 25%;}
.sl ul ol{width: 30px;height: 3px;background-color:#fcc442;margin: 20px auto;}
.sl ul li span{font-size:50px;font-family: "Impact";}
.sl ul li b{font-size: 50px;}
.sl ul p {font-size:16px;}
.title{text-align: center;}
.title li{font-size: 60px;color: #f1f1f1;text-transform: uppercase;font-family: "impact";}
.title p{font-size: 32px;color: #222;position: relative;margin-top: -50px;}
.title ol{height:3px;width: 60px;background: #104797;margin:10px auto 0px auto;}
.cpfl{text-align: center;}
.cpfl a{border-right:1px solid #ddd;padding: 0px 20px;font-size: 16px;}
.cpfl a:last-child{border-right: 0px;}
.hot_list ul{overflow:hidden;pposition:relative;margin:0px auto;}
.hot_list ul li{width: 32.33%;float: left;margin-right: 1%;margin-top:30px;}
.hot_list ul li a {display: block;position: relative;}
.hot_list ul li a:hover img {transform: scale(1.1);transition: all 0.6s;}
.hot_list ul li .img {overflow: hidden;transition: all 0.6s;}
.hot_list ul li a:hover .text{height: 100%;background: rgba(16,71,151,.7);}
.hot_list ul li a:hover .text p {transform: translateY(200%);text-align:center;}
.hot_list ul li a:hover .text span {display:block;margin:0 auto;float:none;height:20px;}
.hot_list ul li .text {position: absolute;height: 40px;bottom: 0;right: 0;left: 0;}
.hot_list ul li .text span {display: inline-block;width: 31px;background: url(../images/icon5.png) no-repeat center center;float: right;height: 40px;}
.hot_list ul li img {width: 100%;display: block;transition: all 0.6s;}
.hot_list ul li .text {line-height: 40px;padding: 0 20px;font-size: 14px;color: #fff;background: rgba(0,0,0,.4);}
.hot_list ul .li_more a {position: static;}
.hot_list ul .li_more {height: 100%;position: absolute;top: 0;right: 0;width: 29.5%;margin-right: 0;}
.hot_list ul .li_more .text {height: auto;display: block;padding-right: 0;top: 100%;background: #104797;transition: all 0.6s;}
.hot_list ul .li_more .text .cell {position: relative;height: 100%;vertical-align: middle;}
.hot_list ul .li_more .text .cell p {position: absolute;left: 0;}
.hot_list ul .li_more .text span {height: 100%;width: 88px;background: url(../images/icon6.png) no-repeat center center #fcc442;transition: all 0.6s;}
.hot_list ul li.li_more a:hover .text {height: auto;background: #104797;transition: all 0.6s;}
.hot_list ul li.li_more a:hover .text p {transform: translateY(0%);text-align: left;}
.hot_list ul li.li_more a:hover .text span {display: block;margin-right: 0;width: 100px;float: none;height: 100%;transition: all 0.6s;}
#wrap{width: 100%;background: url(../images/gsjj.jpg) no-repeat center bottom;padding: 60px 0px;}
.company{background-color: #104797;width:70%;padding:3%;color: #fff;}	
.tit{width: 30%;margin-left: 50px;padding: 20px;position: relative;z-index: 1;padding-bottom: 0;}
.tit li {font-size: 24px;line-height: 40px;background: #f3f3f3;font-weight: normal;color: #222;}
.tit:after {content:'';display:block;width:78px;height:78px;border:3px solid #febb43;top:0px;left:0;position: absolute;z-index:-1;}
.company p{text-indent: 2em;font-size: 14px;line-height: 32px;}
.company ol{float:right;width:209px;line-height:50px;background:#fcc442;text-align:center;}
.company ol span{padding-right: 52px;background: url(../images/icon7.png) no-repeat right center;font-size: 16px;text-align: center;transition: all 0.6s;}	
.company ol:hover{background:#ffb200;}
.company ol:hover span{padding-right:62px;}
.company ol:hover a{color: #222;}
.dllist1 {margin:30px auto 0px auto;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.dllist1 dl {float: left;width:calc(20% - 20px);margin: 0 10px}
.dllist1 dl dt{width:100%;overflow: hidden;display: inline-table;}
.dllist1 dl dt img {width:100%;height:180px;transition: all 0.6s;}
.dllist1 dl:hover dt img{transform: scale(1.3);}
.dllist1 dl p {text-align: center;line-height:46px;background-color:#fff;}
.dllist1 dl p a{font-size: 14px;}
.dllist1 dl:hover p a{color: #104797;font-weight: bold;}
#demo {overflow: hidden;width:100%;margin-top:30px;}
#indemo {float: left;width: 800%;}
#demo1 {float: left;}
#demo2 {float: left;overflow: hidden;}
#wrap1{width: 100%;background: url(../images/work.jpg) no-repeat center bottom;padding: 30px 0px;}
.picScroll-left{position: relative;}
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul li {float:left;margin:0 10px;background-color: #fff;padding-bottom: 30px;}
.picScroll-left .bd ul li a {display: block;overflow: hidden;}
.picScroll-left .bd ul li img{transition:all 0.6s;}
.picScroll-left .bd ul li:hover a img{transition: all 0.6s;transform: scale(1.3);}
.picScroll-left .bd ul li p{text-align: left;margin:15px;border-left:5px solid #104797;padding-left: 15px;}
.picScroll-left .bd ul li ol{margin: 0px 15px;color: #666;background: url(../images/icon8.png) no-repeat right center;}
.picScroll-left .bd ul li p a{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.picScroll-left a.next{display: block;width:60px;height:60px;background: url(../images/cur2.png) no-repeat center;position: absolute;right: -60px;cursor: pointer;}
.picScroll-left a.prev {display: block;width:60px;height:60px;background:url(../images/cur1.png) no-repeat center;position: absolute;left:-60px;cursor:pointer;}
.picScroll-left .bd ul li:hover{background-color: #104797;color: #fff;}
.picScroll-left .bd ul li:hover p{border-left:5px solid #ffb200;}
.picScroll-left .bd ul li:hover p a{color: #fff;}
.picScroll-left .bd ul li:hover ol{color: #fff;background: url(../images/icon8-1.png) no-repeat right center;}
.xwzx{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.xwzx dl:nth-child(1){width: 60%;}
.xwzx dl:nth-child(2){width: 37%;margin-left:3%;}
.xwzx dl li{overflow: hidden;}
.xwzx dl li img{width: 100%;height: auto;}
.xwzx dl dt{margin-top: -100px;text-indent: 2em;}
.xwzx dl dt p a{color: #fff;font-weight: bold;font-size: 26px;}
.xwzx dl dt p a:hover{margin-left: 10px;transition: all 0.6s;}
.xwzx dl dt ol{color: #fff;font-size: 16px;margin-top: 10px;}
.xwzx1{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 80px;}
.xwzx1 ul{width:calc(32.333% - 50px);background-color: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 10%);padding: 25px;}
.xwzx1 ul ol em{color: #104797;font-family: Impact;font-size: 46px;font-style: normal;}
.xwzx1 ul ol span{color: #104797;font-size: 30px;}
.xwzx1 ul ol b{font-size:20px;color: #104797;font-family: Impact;font-style: normal;font-weight: normal;}
.xwzx1 ul ol i{font-size:14px;color:#818181;margin-left: 15px;font-style: normal;}
.xwzx1 ul li{margin-bottom: 13px;margin-top: 5px;}
.xwzx1 ul li a{color:#000;font-size:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all 0.5s ease;}
.xwzx1 ul p{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;letter-spacing: 0px;font-size: 14px; line-height:26px;color: #5e5e5e;}
.xwzx1 ul li a:hover{margin-left: 10px;color: #104797;}
.foot{background-color: #303030;padding:50px 0px 0px 0px;color: #919191;}
.foot ul{width:280px;float: left;margin-top: 30px;}
.foot ul li{background: url(../images/dh.png) no-repeat left center;padding-left: 50px;color: #fff;font-size: 14px;}
.foot ul li p{color: #909090;font-size: 16px;line-height: 26px;}
.foot ul ol{background: url(../images/dz.png) no-repeat left center;padding-left: 50px;color: #fff;font-size: 14px;margin-top: 40px;}
.foot ul ol p{color: #909090;font-size: 16px;line-height:31px;}
.foot dl{float: left;border-left: 1px solid #525252;padding-left:40px;}
.foot dl dt{color: #fff;font-size: 18px;margin-bottom:20px;}
.foot dl p{width: 50%;float: left;line-height: 36px;}
.foot dl p a{color: #919191;font-size:16px;}
.foot dd{color: #fff;font-size: 16px;line-height: 36px;float: right;width: 140px;text-align: center;margin-left: 20px;}
.foot dd img{width: 140px;height: 140px;}
.foot a:hover{color: #FCC442;}
.copyright{border-top: 1px solid #525252;color: #919191;line-height:46px;height:46px;margin-top: 50px;font-size: 14px;text-align: center;}
.copyright a{color: #919191;font-size: 14px;}
.copyright a:hover{color: #FCC442;}
/*内页样式*/
.mup{width: 100%;background-color: #EFEFEF;border-bottom: 1px solid #DFDEDE;height: 42px;line-height: 42px;font-size: 14px;}
.mup img{margin-right: 5px;}
.mup span{float: right;}
.mup span a{font-size: 16px;}
.title3{text-align: center;font-size: 36px;font-weight: bold;border-bottom: 1px solid #ccc;color: #303030;padding-bottom: 10px;}
.title3 span{color: #222;}
.title3 li{width:40px;height: 3px;background-color: #104797;margin:8px auto 0px auto;}
.nr{line-height:32px;font-size:15px;color: #333;}
.nr a{font-size: 15px;}
.nrr{line-height:32px;font-size:15px;color: #333;}
.nrr img{max-width: 100%;height: auto;}
table{border-collapse:collapse;}
.inews ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/icon3.png) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;transition:all .2s ease;}
.inews ul li a:hover{color: #104797;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#999;}
.pubdate{text-align: center;font-size:16px;width: 80%;margin: 10px auto 15px auto;}
.right{float: left;}
/*---------在线留言---------*/
.message{line-height:24px;width: 630px;margin: 0px auto;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
/*---------新闻列表页---------*/
.tittle{text-align: center;font-size:24px;font-weight: bold;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #104797;font-weight: bold;}
.page{text-align: center;margin: 10px auto 0px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #104797;border: 1px solid #104797;}
.page li:hover a{color: #fff;}
.curr{background-color: #104797;color: #fff;border: 1px solid #104797!important;}
.sub{height:40px!important;width:120px;float:left;margin-left:30px;margin-top: 30px;border:0px;background-color: #104797;text-align: center;color: #fff;line-height: 40px!important;font-size: 14px;}
.tittle6 {text-align: center;font-size: 24px;font-weight: bold;}
@media screen and (max-width:1399px){
.moddle{ width:1200px;}
.slide_nav{top:30%;}
.cp a{height: 275px;}
.cp a img{height: 275px;}
.hot_list ul .li_more img{height:430px;}	
.text_t_ht{top:330px!important;height: 100px!important;line-height: 100px!important;}
.picScroll-left .bd ul li {width:280px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:280px;height:190px;}
.picScroll-left a.next{top:100px;}
.picScroll-left a.prev{top:100px;}	
.foot dl:nth-child(2){width:240px;}
.foot dl:nth-child(3){width:400px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:232px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:230px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:230px;height:230px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #104797;}
.right{width:920px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:221px;height: auto;line-height: 0px;margin-right:12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:219px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:219px;height:219px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #104797;}
}
@media screen and (min-width:1400px){
.moddle{width:1400px;}	
.slide_nav{top:50%;}
.cp a{height:320px;}
.cp a img{height: 320px;}
.hot_list ul .li_more img{height: 530px;}	
.text_t_ht{top: 430px!important;height: 100px!important;line-height: 100px!important;}	
.picScroll-left .bd ul li {width:330px;margin: 0 10px;}
.picScroll-left .bd ul li img {width:330px;height:220px;}
.picScroll-left a.next{top:110px;}
.picScroll-left a.prev{top:110px;}
.foot dl:nth-child(2){width:320px;}
.foot dl:nth-child(3){width:420px;}
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #104797;}
.right{width:1120px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:271px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:269px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:269px;height:269px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #104797;}
}
.news ul{border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.news ul li{line-height: 32px;height: 32px;}
.news ul li a{ padding-left:20px;font-size:16px;transition:all .2s ease;}
.news ul li a:hover{color: #104797;margin-left: 5px;}
.news ul li span{float:right;}
.news ul p{color:#999;}
.icpfl{width:260px;background-color: #F8F8F8;margin-right:20px;float: left;}
.icpfl dl{text-align: center;background: #104797;font-size: 30px;color: #fff;padding: 21px 0;position: relative;font-weight: bold;}
.icpfl dl p{display: block;font-size: 14px;opacity:0.5;text-transform: uppercase;margin-top: 5px;}
.icpfl dl::after{position:absolute;content:'';height:1px;width:100%;background:#fff;bottom:2px;left:0;}
.icpfl ul{padding:0 5px;padding-bottom:30px;}
.icpfl ul li{line-height:55px;border-bottom: solid 1px #ddd;border-bottom-style: dashed;background: url(../images/li.png) no-repeat 25px center;}
.icpfl ul li a{font-size: 16px;color: #333;padding-left:40px;}
.icpfl ul ol{line-height:55px;border-bottom: solid 1px #ddd;border-bottom-style: dashed;background: url(../images/li.png) no-repeat 40px center;}
.icpfl ul ol a{font-size: 16px;color: #777;padding-left:55px;}
.icpfl ul li:hover a{color: #104797;transition:all .2s ease;}
.icpfl ul ol:hover a{color: #104797;transition:all .2s ease;}
.icpfl ul p{line-height: 36px;font-size: 15px;color: #333;padding: 0px 10px;}