*{font-family:"Microsoft YaHei";background-repeat:no-repeat;box-sizing: border-box;padding: 0;margin: 0;}
div{margin: 0;padding:0;text-align:left;background-repeat:no-repeat;background:none;}
img { border: none;vertical-align: middle;
}
ul{ list-style:none;}
li{text-decoration:none;}
li::marker{
  content: '';}
a{ text-decoration:none; color:#000; list-style:none}
i,em{font-style:normal;padding: 0;margin: 0;}
.clear{clear:both;}
.fl{float:left}
.fr{float:right}
.w{width: 1600px;margin: 0 auto;display: block;}
.w14{width:1400px;margin: 0 auto;display: block;}
.top40{margin-top:40px}
/*  */
body{overflow-x: hidden; background:#D1D1D1;}

body::-webkit-scrollbar {width: 8px;background-color: #F5F5F5;}

body::-webkit-scrollbar-thumb {
	background-color: red;
	border-radius: 10px;
	background-image: -webkit-linear-gradient(0deg,
		rgba(255, 255, 255, 0.5) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.5) 50%,
		rgba(255, 255, 255, 0.5) 75%,
		transparent 75%,
		transparent)
}

/*  */
.kk{ width:1420px; margin:0 auto; background:#fff; padding-top:20px; background-image:url(../images/bg.png)}
.kk1{ width:1000px; margin:0 auto; }
.hx{ width:100%; height:20px; background:url(../images/ser.gif) repeat-x}
.ttop{ height:20px;width:1420px;background:#000; margin:0 auto}
.wk1500{ width:1500px; margin:0 auto;}
.head {
	padding: 18px 0;
	position: relative;
	z-index: 55;
	width: 100%;
}
.head.on {position: fixed;background: #fff;    box-shadow: 0 0 20px #ddd;}
.head.on .head_logo p b,.head.on .head_logo p, .head.on .head_nav>ul>li>a {color:#333;}
.head.on  .head_nav>ul>li>a:after {display:none;}
.head.on  .search {background: #333;}
.head.on  .search_pro {color:#fff;} 
.head.on .head_f p {color:#ddd;}
.head_logo i:before {content: '';width: 1px;height: 78%;background: #2984bd;position: absolute;top: -5px;left: 71px;}
.head_logo i:after {content: '';width: 5px;height: 5px;background: #2984bd;border-radius: 50%;position: absolute;left: 69px;top: 50px;}
.head_box {max-width: 96%;margin: 0 auto;display: flex;justify-content: space-between;max-width: 1420px;padding: 1% 2%;}
.head_l {display: flex;justify-content: space-between;align-items: center;width: 81%;}
.head_logo {display: flex;align-items: center;width: 33%;position: relative;padding-left:0%;}
.head_logo i {}
.head_logo i  img{width: 58px;}
.head_logo p {text-align: left;font-size: 14px;line-height: 18px;padding-left: 30px;display: flex;flex-direction: column;color: #333;font-weight: lighter;}
.head_logo p b {font-size: 24px;font-weight: 100;line-height: 27px;letter-spacing: 0;color: #333;padding: 0 0 5px 0;}
.head_con {display: flex;align-items: center;width:75%;padding-right: 3%;}
.head_nav {width: 100%;position: relative; background:rgba(255,255,255,0.6);padding:20px 20px}
.head_nav>ul {justify-content: space-between;align-items: center;}
.head_nav>ul>li {flex-direction: column;align-items: center;z-index: 5;line-height:20px; height:20px;border-right:1px #999999 solid; width:20%; text-align:center; float:left}
.head_nav>ul>li:last-child{ border-right:none}
.head_nav>ul>li>a {font-size: 15px;color: #333;width: 100%;text-align: center;flex-direction: column;text-transform: uppercase;position: relative;}
.head_nav li a i {color: #666;font-size: 12px;font-family: Arial;text-transform: uppercase;opacity: 0.3;transform: scale(0.9);}
.head_nav>ul>li>a:hover{ color:#FEC81E}
.head_nav>ul>li:hover a:after, .head_nav>ul>li.cur a:after {width: 100%;}

/**/
.clear{ clear:both}
.sycpzx{}
.sycpzx_top{ background:#FAFAFA; height:125px;}
.sycpzx_top_l{ width:20%; float:left; background:#444; height:125px;}
.sycpzx_top_l h1{ text-align:center; font-size:18px; padding-top:20px; color:#f1f1f1; text-transform:uppercase}
.sycpzx_top_l h3{ width:135px; height:1px; border-bottom:1px #f1f1f1 solid; margin-left:32px; margin-top:10px}
.sycpzx_top_l h2{ text-align:center; font-size:17px; padding-top:5px; color:#f18401; text-transform:uppercase}
.sycpzx_top_r{ width:80%; float:right}
.sycpzx_top_r ul{display: -webkit-flex;  /* Safari */  display: flex; }
.sycpzx_top_r ul li{ flex: 1; text-align:center; background:url(../images/sx.png) no-repeat right center; height:125px}
.sycpzx_top_r ul li a{display:block; line-height:125px}
.sycpzx_top_r ul li:last-child{ background:none}

/*²úÆ·*/
.pro_list{ margin-top:20px}
.pro_lc ul{}
.pro_lc li{width:241px;height:272px;float: left;margin:28px 12px 0 0;position: relative;overflow: hidden;color: #fff;font-size: 16px;}
.pro_lc li:last-child{ margin-right:0}
.pro_lc li img{width:276px;height:230px;display: block;border: solid 1px #dcdcdc;border-bottom: 0;}
.pro_lc li p{display: block;width:241px;line-height:42px;z-index: 1;position: absolute;background:#aaa;left: 0;bottom: 0;text-align: center;}
.pro_lc li p span{display:none;}
.pro_lc li a{display:inline-block;color: #fff;}
.pro_lc li.cur p{background: #18469b;}
.pro_lc li.cur p span{display: block;height: 52px;}
.pro_lc li.cur p span a{display: inline-block;width: 108px;line-height: 33px;border: solid 1px #fff;font-size: 14px;}
.pro_lc li.cur p span a:nth-child(2){margin-left:16px;}


.pro_pic{height: 404px; background: #f6f6f6;}
.pro_img{width:860px;margin: 0 auto 0; padding-top: 20px;}
.pro_img dt{width: 450px; float: left;}
.pro_img dt img{width: 450px; height: 360px;}
.pro_img dd{width: 360px; float: right; font-size: 14px; line-height: 26px; color: #666;}
.pro_img h4{height: 60px; font-size: 24px; line-height: 60px; padding-top:16px; background: url(../images/pro_icon5.png) no-repeat left top; margin-top: 22px;}
.pro_img h4 a{color: #333;text-decoration:none;}
.pro_img p{height:160px;overflow: hidden; font-size: 16px; line-height: 26px; color: #666;margin-bottom: 30px;}
.pro_img dd span{display: block; width: 120px; height: 35px; font-size: 14px; line-height: 35px; text-align: center; background: url(../images/pro_icon1.png) no-repeat center top;}
.pro_img dd span a{display: block; color: #fff;}
.pro_prev{width: 43px; height: 85px; top: 160px; left: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_next{width: 43px; height: 85px; top: 160px; right: 0; overflow: hidden; cursor: pointer;z-index:10;}
.pro_prev img,.pro_next img{display: block; width: 43px; height: 171px;}
.pro_prev:hover img,.pro_next:hover img {margin-top: -86px;}
.pa {position: absolute;}

/*gun*/
.in_products_w{ width:100%; background: url(../images/gd_bg.jpg) no-repeat bottom; padding-bottom:40px}
.in_products_r {width:950px;height: auto;margin: 0 auto;position: relative;}
.tempWrap{ width:100% !important}
.in_products_pro { width: 100%; position: relative;}
.in_pro_2 {float: left;width:225px;margin: 0 10px 10px 0;position: relative;overflow: hidden; background:#fff; padding:8px 3px 15px}
.in_pro_2_line {}
.in_pro_2 .in_pro_1pic {height:186px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.in_pro_2 .in_pro_1pic img {width: 100%;height: 100%;transition: all 0.5s;transform: scale(1);}
.in_pro_lineaa { width: 174px; height: 1px;background: #d8d8d8;margin: 0 auto; -webkit-transition: all .3s linear;transition: all .3s linear;}
.in_pro_txt {font-size: 14px; width: 100%;-webkit-transition: all .3s linear;transition: all .3s linear;position: relative;z-index: 5;}
.in_pro_txt h6 {font-size: 16px;height:40px;line-height: 40px;font-weight:normal; text-align:center; background:#f1f1f1}
.in_pro_txt h6 a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#3E4345}
.in_pro_txt h1{ font-size:14px; font-weight:normal; padding-left:19px;display: inline-block;white-space: nowrap; width:88%; overflow: hidden;text-overflow:ellipsis; line-height:30px}
.in_pro_txt p{ width:88%; margin:0 auto;}
.in_pro_2:hover .in_pro_txt h6 a {color: #eb891b;}
.in_pro_2:hover .in_pro_lineaa {background: #eb891b;}
.pro_l{background: url(../images/ibtn_left1.jpg) no-repeat center;display: block;width:43px;height:48px;cursor: pointer;position: absolute;left: -48px;top:63px;z-index: 10;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}
.pro_r{background: url(../images/ibtn_right1.jpg) no-repeat center;display: block;width:43px;height:48px;cursor: pointer;position: absolute;right: -48px;top:63px;z-index: 10;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;}


.itl_t1{text-align: center;width: 1000px;background:url(../images/d3.png) repeat-x left center; margin:10px auto 10px; height:42px; padding: 0 0}
.itl_t1 .tff{ float:left; background:url(../images/d2.png) left center no-repeat #fff;height:42px; padding:0 20px 0 20px; }
.itl_t1 span{display:block;font-size:10px; color:#2e3955; line-height:16px; text-transform:uppercase }
.itl_t1 font{display:block;font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#2e3955;text-transform: uppercase;}
.izao_amore1{ float:right; color:#2e3955; font-family:Arial, Helvetica, sans-serif; line-height:42px; text-transform:uppercase; font-size:15px; z-index:22; margin:0 20px 0 0}

/**/
.index .floor_4_main{background: url(img/index/flo4.jpg) repeat left top; height: 300px;}
.index .floor_4{padding: 20px 0;}
.index .floor_4 .bd{ overflow:hidden;}
.index .floor_4 .btn{width: 12px;height: 22px;display: block;position: absolute;top: 50%;cursor: pointer;margin-top: -31px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.index .floor_4 .prev{background-position: -48px -130px; left: -5%;}
.index .floor_4 .prev:hover{background-position: -48px -160px;}
.index .floor_4 .next{background-position: -70px -130px; right: -5%;}
.index .floor_4 .next:hover{background-position: -70px -160px;}
.teamwork{position: relative;}
.teamwork .item{float: left;width: 268px;margin-right: 42px;margin-bottom: 40px;display: block;position: relative;text-align: center;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.teamwork .item a{display: block; position: relative; z-index: 3;}
.teamwork .item img{width: 262px;height: 200px;box-sizing: border-box;border: 2px solid #e5e5e5;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.teamwork .item a:hover img{border: 2px solid #009b4c;}

.nr_r{ width:740px; float:right}
.nr_r p{ line-height:26px; color:#666666}

/*xiala*/
.head_nav>ul>li:hover>dl {opacity: 1;visibility: visible;top: 114%;}
.head_nav>ul>li>dl {position: absolute;width: 100%;display: block;z-index: 999999999999;background: #fff;left: 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transition: all 0.5s;top: 180px;padding: 70px;}
.nav>ul>li>dl>dd {display: block;overflow: hidden;margin: auto;}
.xl_bt {width: 100%;border-bottom: 1px #eee solid;padding-bottom: 40px;overflow: hidden;}
.xl_bt p {font-size: 26px;color: #333;float: left;font-weight: 100;line-height: 30px;}
.xl_bt a {width: 120px;height: 30px;background: #2984bd;text-align: center;color: #fff;font-size: 14px;display: block;float: right;line-height: 30px;border-radius: 60px;}
.fl_box {width: 100%;overflow: hidden;}
.fl_box li {width: calc( (100% - 40px)/3);float: left;margin-top: 15px;}
.fl_box li+li {margin-left: 10px;}
.fl_box li:nth-child(4){margin-left:0;}
.fl_box li:nth-child(7) {margin-left:0;}
.fl_box li:nth-child(10) {margin-left:0;}
.fl_box li a {
	font-size: 17px;
	color: #666;
	position: relative;
	padding-left: 20px;
	text-align: left;
	line-height: 20px;
	display: block;
	border: 1px #eee solid;
	text-align: center !important;
	padding: 16px;
}
.fl_box li a:hover {
	color: #2984bd;
}
.fl_box li a:before {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px #949494 solid;
	position: absolute;
	left: 23px;
	top: 22px;
	border-radius: 50%;
}
.fl_box li a:hover:before {
	border-color: #2984bd;
}
.fl_box li:nth-child(6) {
	margin-left: ;
}
.fl_box li dt {
	margin-top: 5px;
	padding-left: 20px;
}
.fl_box li dt a {
	font-size: 15px;
	color: #999;
}
.fl_box li dt a:before {
	border-color: #a9a9a9;
}
.re {
	width: 100%;
	overflow: hideen;
	margin-top: 30px;
}
.re .rbt {
	font-size: 24px;
	color: #333;
	float: left;
	font-weight: 100;
	border-left: 5px #00 solid;
	border-left: 5px #2984bd solid;
	padding-left: 10px;
	margin-bottom: 30px;
}
.re .t_box {
	width: 100%;
	overflow: hidden;
}
.t_box>.progdwz2021 li {
	float: left;
	width: calc((100% - 30px)/4);
	border-radius: 15px;
}
.t_box>.progdwz2021 li img {
	width: 100%;
	height: auto;
	border: 1px #eee solid;
}
.t_box>.progdwz2021 li+li {
	margin-left: 10px;
}
.t_box>.progdwz2021 li a {
	line-height: 40px;
}
.t_box>.progdwz2021 li span {
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
}
.re .t_box>.news_div>.news_div_item {
	float: left;
	width: calc((100% - 20px)/2);
	text-align: left;
	border: 1px #eee solid;
	margin-bottom: 20px;
	box-shadow: 0 0 5px #eee;
	padding: 20px;
}
.re .t_box>.news_div>.news_div_item+.news_div_item {
	margin-left: 20px;
}
.re .t_box>.news_div>.news_div_item:nth-child(3) {
	margin-left: 0;
}
.re .t_box .news_div_item_a {
	font-size: 16px;
	line-height: 35px;
	color: #2984bd;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	overflow: hidden;
}
.re .t_box .news_div_item_body {
	font-size: 14px;
	line-height: 23px;
	color: #666;
}
.news_div_item_date {
	display: flex;
}
.news_div_item_year, .news_div_item_month, .news_div_item_day {
	color: #666;
	font-size: 16px;
	line-height: 20px;
}
.nav>ul>li:hover>dl {
	opacity: 1;
	visibility: visible;
	top: 98%;
}
.com_bo {
	width: 100%;
	color: #666;
	line-height: 25px;
	overflow: hidden;
	text-align: left;
	font-weight: 100;
}
.fl_box ul {
	display: flex;
	flex-flow: wrap;
}
.fl_box li a {
	font-size: 17px;
	color: #666;
	position: relative;
	padding-left: 20px;
	text-align: left;
	line-height: 20px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.fl_box li dl {
	display: none;
}
.head_r {width:10%;display: flex;justify-content: space-between;align-items: center;}
.head_r h1{ font-size:17px;}
.head_r h1 a{ color:#333333}
.head_r h1 a:hover { color:#fec81e; text-decoration:none;}
.head_r h2{font-size:17px;color:#333333 }
.head_r h2 a{ color:#333333}
.head_r h2 a:hover { color:#fec81e; text-decoration:none;}
.head_r h3{ font-size:15px}
.head_pho ul {background: #628a73;position: absolute;top: 39px;left: 0;width: 100%;display: none;padding: 13px;}
.head_pho li {font-size: 25px;font-family: Arial;display: flex;align-items: center;padding: 9px;}
/*  */
.call {
	flex: 1;width: 100%;display: flex;justify-items: center;
 }
 .call img {
	width: 30px;
	margin-right: 12px;
 }
 .call p {flex: 1;color: red;line-height: 78px;font-size: 30px;font-family: fantasy;}
/*  */
.copy_bg{height:100px;line-height:98px;background: #222;border-top:1px #333 solid;}
.copy,.copy a{font-size:15px;color:#999;transition:all 0.3s;}
.copy a:hover{color:#fff;}
/*  */
.box{ margin:0 auto;width:85%;min-width: 1300px;padding:0 2%;}
.page{margin:0 auto;/* width:1300px; */min-width:1300px;}
.bg{width: 100%;min-width: 1400px;}
i,em{font-style: normal;}
/*  */
/*  */
.contact{
    padding: 55px 0 33px;
}
.contact h3{
    font-size: 33px;
    text-align: center;
    margin-bottom: 55px;
}
.contact ul{
    display: flex;
    justify-content: space-around;
}
.contact ul li{
    width: 18%;
    text-align: center;
    background: rgba(247, 247, 247, 1);
    padding: 33px;
}
.contact ul li img{
    margin: 33px;
}
.contact ul li  h4{
    height: 42px;
    font-weight: 100;
}
.contact ul li p{
    font-size: 18px;
    font-weight: 200;
}
/*  */
.cnen{
    /* width: 88%; */
}
.cnen ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.cnen ul li{
    padding: 10px 5px;
}
.cnen ul li a{}
.cnen ul li img{
    width: 58px;
}

/* foot */
.copyright{ background:#2C2C2B !important;}
.end{ border-top:1px solid #0b9787;}
.end,.end a{ font-size:15px; color:#c7e8e4; line-height:30px;padding: 20px 0;}
.end a:hover{ color:#fff;}
.endntt{ }
.endntt,.endntt a{ font-size:15px; color:#f1f1f1;line-height:30px;padding: 20px 0;}
.endntt a:hover{ color:#fff;}
.w1300{ width:1300px; margin:0 auto;}
/*  */
/*  */
.cpnavt{
	width: 1600px;
	margin: 0 auto;
 }
 .cpnavt ul {
  display:grid;
  grid-template-columns:1fr  1fr 1fr  1fr 1fr 1fr  1fr 1fr  1fr;
 }
 .cpnavt li{
  padding:15px
 }
 .cpnavt li>section {box-sizing: border-box;transition: all .2s linear;margin-bottom: 5px;text-align: center;padding: 15px;}
 .cpnavt li>section div {height: 89px;overflow: hidden;margin: 0 auto;margin-top: 20px;margin-bottom: 7px;}
 .cpnavt li>section img {padding: 0;height: 100%;margin: 0 auto;display: block;}
 .cpnavt li>section p {text-align: center;font-size: 14px;color: #000;font-weight: 200;height: 36px;line-height: 36px;width: 92%;margin: 0 auto;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;margin-bottom: 10px;}.cpnav li>section p em { background: url(../images/pro-tel1.png) 20px center no-repeat #2f44c3; font-size: 20px; color: #fff; line-height: 40px; display: block; text-align: center; width: 70%; position: absolute; z-index: 3; margin: 0 auto; bottom: -20px; left: 0; right: 0; border-radius: 20px; }
 .cpnavt li>section:hover { box-shadow: 0 0 10px #d2d2d2; transform: translate3d(0, -2px, 0) }