*{box-sizing: border-box;-webkit-text-size-adjust: none;outline: none;}
body{margin: 0;padding: 0;font: inherit;line-height: normal; background: #f6f7f8;}
header, nav, main, img, form, p{margin: 0;padding: 0;border: 0;}
ul, ol{margin: 0;padding: 0;list-style-type: none;}
hr, dl, dt, dd{margin: 0px;padding: 0px;}
table{border-collapse: collapse;border-spacing: 0px;}
tbody{border-collapse: collapse;border-spacing: 0px;}
pre{margin: 0px;padding: 0px;border: 0px;overflow: hidden;font-family: inherit;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;word-break: break-all;}
select, input, textarea, button{font-size: 14px;padding: 2px 5px;}
a{text-decoration: none;color: inherit;transition: ease .3s;}
a:hover{text-decoration: none !important;color: inherit;}
th{text-align: left;}
td{word-wrap: break-word;word-break: break-all;}
ins, em{text-decoration: none;font-style: normal;}
h1, h2, h3, h4{padding: 0;margin: 0;font-size: inherit;font-weight: inherit;}
html{background: #ffffff;font-size: 14px;color: #666;font-family: "Arial", "微软雅黑", "Helvetica", "sans-serif";}
.fl{float: left;}
.fr{float: right;}
/*解决IE图片缩放失真*/img{-ms-interpolation-mode: bicubic;}
/*清除浮动*/.clearfix:after{content: '';display: block;height: 0;clear: both;}
.clearfix{zoom: 1;}
.clear{clear: both;}
.w1200{width: 1200px;margin: 0 auto;}

.head_top{ width:100%; height:40px; line-height:40px; background-color:#f7f7f7; clear:both; border-bottom: 1px solid #ddd;}
.head_t{ width:1200px; height:40px; margin:0px auto; overflow:hidden; color:#555555;}
.head_l{ float:left; letter-spacing:3px;}
.head_r{ float:right; height:40px;}
.head_r a{color:#555555; padding:0px 12px;}
.head_tr a:hover{color:#0075d6;}
.head_r a.right_con{ padding-right:0px;}


.top_main{position: relative;width: 100%;z-index: 100;background: #fff;}
.top_main .head{position: relative;height: 120px;}
.top_main .logo{display: block;margin-top: 25px;}
.top_main .logo img{display: block; height:70px;}
.top_main .top_tel{background: url(img/ico_tel.png) no-repeat 0 center; padding-left: 50px; margin-top: 38px;}
.top_main .top_tel b{display: block; margin-top: 5px; font-size: 20px; color: #006abe;}
.top_nav{width: 100%;height: 55px;background: #006abe;position: relative;z-index: 3;}
.nav .list{width: 100%;margin: 0 auto;position: relative;}
.top_nav .nav{width: 1200px;margin: 0 auto;}
.top_nav .nav li{float: left;width: 150px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;}
.top_nav .nav li a{display: block;color: #fff;font-size: 16px;line-height: 55px;height: 55px;}
.top_nav .nav li:last-child a i{display: none;}
.top_nav .nav li a:hover, .top_nav .nav li a.hover{background: #71787c;}
.top_nav .nav dl{width: 100%;background: rgba(255,255,255,0.6); box-shadow: 0 2px 2px rgb(0 0 0 / 20%);;position: absolute;left: 0;top: 100%;z-index: 12;}
.top_nav .nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.top_nav .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.top_nav .nav dl dd{text-align: left;position: relative;z-index: 12;display: block;width: 100%;}
.top_nav .nav dl dd a{color: #333;font-size: 16px;line-height: 45px;height: 45px;width: 100%;text-align: center;}
.top_nav .nav dl dd a:hover, .top_nav .nav dl dd a.hover{color: #006abe; background-color: rgba(255,255,255,0.99);}
/*banner*/
.banner{width: 100%;min-width: 1000px;height: 500px;position: relative;overflow: hidden;}
.banner .banlist{width: 100%;}
.banner li{width: 100%;height: 500px;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index: 1;overflow: hidden;background: #fff;}
.banner li img{width: 1920px;height: 100%;display: block;position: relative;left: 50%;top: 0;margin-left: -960px;}
.banner li a{width: 100%;display: block;height: 100%;}
.banner .bantip{width: 100%;height: 6px;text-align: center;position: absolute;left: 0;bottom: 30px;z-index: 10;}
.banner .bantip span{width: 12px;height: 12px;margin: 0 5px; border-radius:12px; display: inline-block;cursor: pointer;vertical-align: top;opacity: 0.5;filter: alpha(opacity=50);background: #fcfcfc;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.banner .bantip span.cur{background: #116bc4;opacity: 1;filter: alpha(opacity=100);}
.banner .banprev, .banner .bannext{width: 38px;height: 61px;position: absolute;z-index: 12;top: 50%;margin-top: -17px;cursor: pointer;transition: none;background: url(img/btn182.png) no-repeat 0 center;transition: all ease 300ms;}
.banner .banprev:hover, .banner .bannext:hover{opacity: 0.8;filter: alpha(opacity=80);}
.banner .banprev{left: 3%;background-position: 1px center;}
.banner .bannext{right: 3%;background-position: -38px 0;}
/*首页产品*/
.index_product{width: 100%;padding: 50px 0;background: #f6f7f8;}

.pmore{width: 140px;height: 40px;line-height: 50px;font-size: 16px;text-align: center;overflow: hidden;transition: all .2s ease-in 0s;margin: 0 auto;display: block;}
.pmore a{color: #fff; width: 140px;height: 40px;line-height: 40px;display: block;text-decoration: none;background: #006abe;}
.pmore a:hover{width: 140px;height: 40px;line-height: 40px;background:#71787c;transition: all .2s ease-in 0s;}
.index_about{width: 100%; padding:50px 0; background: url(img/aboutbg.jpg) center top #f6f7f8;}




.index_product .prccon{width: 1200px;position: relative;margin: 20px auto;}
.index_product .prccon .bd{overflow: hidden;}


.list_case_list{ clear:both; overflow:hidden;}
.list_case_list li{width:266px; height:215px; float:left; display:inline; overflow:hidden; margin-right:21px; margin-bottom:13px; margin-top:8px;}
.list_case_list li:nth-child(3n) { margin-right:0;}
.list_case_list .incp_pic{ width:266px; height:215px; overflow:hidden; position:relative;}
.list_case_list .incp_pic img{ width:266px; height:215px; overflow:hidden; transform: scale(1);transition: all .3s ease-out;}
.list_case_list li .incp_pic:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.list_case_list .incp_pic p{ width:266px; height:36px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; color:#FFF; text-align:center; line-height:36px; font-size: 16px;}





.case_list{ clear:both; overflow:hidden;}
.case_list li{width:284.2px; height:215px; float:left; display:inline; overflow:hidden; margin-right:21px; margin-bottom:13px; margin-top:8px;}
.case_list li:nth-child(4n) { margin-right:0;}
.case_list .incp_pic{ width:286px; height:215px; overflow:hidden; position:relative;}
.case_list .incp_pic img{ width:286px; height:215px; overflow:hidden; transform: scale(1);transition: all .3s ease-out;}
.case_list li .incp_pic:hover img{transform: scale(1.1); transition: all 1s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all 1s ease 0s;}
.case_list .incp_pic p{ width:286px; height:36px; background:rgba(0,0,0,.3); position:absolute; left:0; bottom:0; color:#FFF; text-align:center; line-height:36px; font-size: 16px; font-weight: bold;}


.midbox {
	padding-bottom:35px;
    width: 1200px;

    padding-top: 0px;

    margin: 0 auto;

}

.midbox .right {

    width: 1200px;

    height: 380px;

    background: #fff;

    margin-top: 22px;

    position: relative;

}
.midbox .right .p01 {

    width: 520px;

    height: 280px;

    line-height: 32px;

    color: #656565;

    font-size: 16px;

    left: 35px;

    top: 37px;

    position: absolute;

}
.midbox .right .p01 span {

    font-size: 17px;

    color: #dd5612;
    font-weight: bold;
    display: block;
    padding-top: 19px; 
}
.midbox .right .p02 {
    position: absolute;
    right: 35px;
    top: 36px;
    z-index: 1;height:320px;
}


.midbox .right .p03 {
    width: 164px;
    height: 40px;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    background:#006abe;
    position: absolute;
    left: 395px;
    top: 300px;
    display: block;
    z-index: 2
}
.midbox .right .p03:hover {

    background: #71787c; color:#FFFFFF;}

.pro_list{ width:1200px; margin:0 auto; display:flex;}
.pro_list dl { float:left; width:285px; margin-right:20px;}
.pro_list dl:nth-child(4n){margin-right:0;}
.pro_list dl dt { float:left; width:285px;}
.pro_list dl dt img{ width:100%;}
.pro_list dl dd{ float:left; width:285px; height:40px; line-height:40px; text-align:center; background:#fff; margin-top:5px;}
.pro_list dl dd a {font-size:16px; color:#5a595c;}
/*首页新闻*/
.index_news{width: 100%;display: block; box-sizing: border-box; padding: 50px 0; background: #f6f7f8;}
.box-tit{width: 1200px; margin:0 auto;text-align: center;}
.box-tit div{color: #006abe;font-size: 30px; letter-spacing:5px; text-decoration: none;line-height: 30px;font-weight: 400}
.box-tit span{font-style: normal; text-transform: uppercase; font-size: 14px; color: #9f9f9f; font-weight: 400; display: block; letter-spacing: normal;}



.in-dynamic {width: 1200px;overflow: hidden;margin: 30px auto;}
.in-dynamic li {float: left;width: 33.333333%; visibility: visible; animation-name: slideInUp;}
.in-dynamic li a {display: block;background-color: #fff;-webkit-transition: all 0.5s;transition: all 0.5s;padding: 20px;margin: 0 30px 30px 0;}
.in-dynamic li:nth-child(3n) a { margin: 0 0 30px 0;}
.in-dynamic li h4 {margin: 0;font-weight: normal;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#444;}
.in-dynamic li p {margin: 15px 0 0;color: #888;height: 40px;overflow: hidden;}
.in-dynamic li a:hover {box-shadow: 0px 5px 20px rgba(0,0,0,0.2);}
	
	

.footer{background: #2d2c32; padding-top:45px; color: #fff;}
.footer .main{ width:1200px; margin:0 auto; display:flex;}
.foot-1{   float: left;
    overflow: hidden; width: 380px;
    border-right: #3b3941 solid 1px;
    height: 160px;
    margin-right: 76px;
    padding-right: 70px;}
	.foot-1 p{    color: #acacad;
    font-size: 14px; line-height:20px;}
.foot-2{  float: left;
    overflow: hidden;  width: 360px;
    overflow: hidden;
    border-right: #3b3941 solid 1px;
    height: 150px;
    padding-right: 25px;}
	.foot-3 { padding-left:70px;}
	
	.foot-3 i{display: block;
	line-height:30px;
    font-style:normal;
}
	.foot-3 p{    color: #acacad;
    font-size: 14px;
	text-align:left;}
	.foot-4{    font-size: 14px;
    line-height: 45px;
    background: #1f1e20;
    color: #999;
    margin-top: 25px;}
.foot-tit{font-size: 18px;
    margin-bottom: 14px;
	font-weight:bold;
	text-align:left;}
	.leiming a{color: #acacad;
    font-size: 14px;    width: 110px;
    float: left;
    display: inline-block;
    line-height: 30px;
	text-align:left;}
.wrapper{width: 1200px;margin: 0 auto;padding: 20px 0 60px;}
.wrapper .gridlist{width: 100%;}

.wrapper .content{width: 880px; padding: 20px; background:#fff;}
.wrapper .left{width: 300px;}
.wrapper .left .menu{padding-bottom: 10px; background:#fff; margin-bottom:20px;}
.wrapper .left .menu .ey_title{border-bottom: 1px solid #eee;     padding: 0;
    min-height: 48px; margin-bottom:10px; margin-left:20px; width:250px;}
.wrapper .left .menu .ey_title h3{font-size: 16px;font-weight: bold;line-height: 45px; letter-spacing:3px; text-transform: uppercase; color:#2f353b;}
.wrapper .left .art{padding-bottom: 20px; background:#fff;}
.wrapper .left .art a{height: 35px; line-height: 35px; display: block; padding-left: 20px; background: #fff; font-size: 14px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
.wrapper .left .art a:hover{color: #116bc4;}
.wrapper .left .art .ey_title{    border-bottom: 1px solid #eee;
    padding: 0;
    min-height: 48px;
    margin-bottom: 10px;
	width:250px;
	margin-left:20px;}
.wrapper .left .art .ey_title h3{font-size: 16px;font-weight: bold;line-height: 45px; letter-spacing:3px; text-transform: uppercase;}
.wrapper .left .submenu{position: relative;}
.wrapper .left .submenu li{display: block;}
.wrapper .left .submenu li a.sub1{height: 35px;line-height: 35px;display: block;padding-left: 20px;background: #fff; font-size: 14px;}
.wrapper .left .submenu li a.sub1:hover{color: #116bc4;}
.ban{width: 100%;height: 300px;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;}
.location{width: 100%; height:45px; line-height:45px; margin-bottom: 10px;position: relative;border-bottom: 1px solid #eee;}
.location h3{font-size: 20px; color: #2f353b; font-weight: bold;}
.location .sitepath{color: #555;white-space: nowrap;}
.location .sitepath i{width: 16px;height: 16px; margin: 0 6px;}
.location .sitepath a:hover{color: #71787c;}
.artlocation{width: 100%; margin-bottom:12px;}
.artlocation .sitepath{color: #71787c;white-space: nowrap;}
.artlocation .sitepath i{width: 16px;height: 16px; margin: 0 6px;}
.artlocation .sitepath a:hover{color: #71787c;}
.txtlist .item{width: 850px; padding: 30px 20px; border-bottom: 1px solid #ddd;}
.txtlist .item a{width: 100%;display: block;}
.txtlist .item .date{float: left; text-align: center; width: 90px; height:74px; border-right: 1px solid #dedede; box-sizing: border-box;}
.txtlist .item .date span.d{font-size: 30px; margin-top:10px; color: #71787c; display:block;}
.txtlist .item .date span.Y-m{font-size: 14px; color: #afafaf; margin-top: 6px; height:20px; display:block;}
.txtlist .item .nr{width: 820px; box-sizing: border-box;}
.txtlist .item h3{font-size: 18px; font-weight:bold;color: #333; transition: all .5s;}
.txtlist .item .intro{color: #999;line-height: 24px; margin-top:8px; text-align: justify;overflow: hidden;}
.txtlist .item:hover h3{color: #116bc4; font-weight:bold;}
.wrapper .showinfo .title{font-size: 22px;color: #333333;text-align: center;padding: 10px 0 5px;}
.wrapper .showinfo .mark{color: #666;height: 38px;line-height: 38px;overflow: hidden;text-align: center;margin-bottom: 20px; border-bottom:1px solid #ececec;}
.wrapper .showinfo .mark span{margin: 0 10px;font-size: 12px;}
.wrapper .showinfo .showcontxt{color: #666;padding: 0 2px 30px;line-height: 30px;text-align: justify;}
.wrapper .showinfo .showcontxt img{max-width: 100%;height: auto !important;}
/*上一篇下一篇*/
.wrapper .relink{color:#888; width: 100%; height: 30px;line-height: 30px; padding-top:20px; border-top: 2px solid #ddd;}
.wrapper .reLink .prevLink, .reLink .nextLink{width: 50%;}
.wrapper .reLink .nextLink{text-align: right;}
.wrapper .singlepage img{max-width: 100%;height: auto !important;}
.wrapper .singlepage .txtcon{color: #666;text-align: justify;line-height:28px}
.wrapper .singlepage .txtcon p{ padding-top:10px}
/*fanye*/
.pages{clear:both;padding:40px 0 10px;font-size:14px;text-align:center;overflow:hidden}
.pages ul{display:inline-block;margin:0 auto;padding:0}
.pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.pages ul li a{color:#555;display:block;padding: 0 10px;}
.pages ul li:hover{text-decoration:none;color:#fff;border:1px #71787c solid;background-color:#71787c;}
.pages ul li:hover a{color:#fff}
.pages ul li.active{background-color:#71787c;color:#fff;border:1px #71787c solid;padding:0 10px}
.pages ul li.active a{color:#fff;padding:0}