/* CSS Document */
@font-face {
  font-family: 'iconfont';  /* Project id 1264008 */
  src: url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff2?t=1637738775082') format('woff2'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.woff?t=1637738775082') format('woff'),
       url('//at.alicdn.com/t/font_1264008_c3s1urh8gq.ttf?t=1637738775082') format('truetype');
}
*{ padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box;}
body { margin: 0 auto; overflow-x: hidden; color: #5a5a5a; font: 14px 'Microsoft Yahei',Arial, sans-serif;}
h1, h2, h3, h4, h5, h6{padding: 0; margin: 0; font-size: 16px;
    font-weight: normal;}
img{border:0; vertical-align:middle}
ul,li{list-style:none;}
a{ text-decoration:none; color: #5a5a5a; cursor: pointer;}
a:hover{color:#47cdff;}
s, i { font-style: normal;}
.w100{ width:100%; min-width: 1440px;}
.w1200{ width:1200px; margin:0 auto;}
.content { position: relative; width: 76%; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.q{zoom: 1;}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
.fixed{ position: fixed; top: 0; z-index: 999;}
.block{ display: block!important;}
input,select,button,option,textarea{ border:0; outline:none; cursor: pointer;}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: unset;
    -moz-osx-font-smoothing: grayscale;
}
div, p {
    max-height: 10000rem;
}
/*head*/
.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}
/* banner */
/* 头部banner */
#banner{
	width: 100%;
	min-width: 1200px;
	height: 650px;position:relative; float:left; margin-top:101px;
}



/* nav */
.top{ width:100%; padding:20px 0 10px; clear:both; display:inline-block;position:fixed;left:0; top:0; background:#fff; z-index:8888; box-shadow: 0 2px 3px rgba(0,0,0,0.15);}
.top .content{ overflow: visible;}
.top .logo{ float:left}
.top .logo a{ display:block; height:70px; overflow:hidden;position: relative;left:0;}
.top .logo img{ height: 70px;transition-duration: .5s; overflow:hidden}
.top .logo a:before{content: "";
    position: absolute;
    left: -665px;
    top: -460px;
    width: 300px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;}
	@-webkit-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-o-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@-moz-keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}

@keyframes searchLights {
	0% {
		left: -100px;
		top: 0;
	}

	to {
		left: 120px;
		top: 100px;
	}
}



.nav ul{ width:100%; float:right; }
.nav  li{ position: relative; width:11.11%; text-align:center; float:left}
.nav  li .arr{float: right; height: 40px; width: 40px; position: relative; display: none;}
.nav  li.dropdown:before{content: ""; position: absolute; border: 6px solid transparent; color: #333; border-bottom: 0; border-top-color: currentColor; top: 50%; margin-top: -2px; right: 0px;}
.nav  li a { padding: 0 15px; display: block;text-align: center;text-decoration: none;color: #333;line-height: 50px; font-size: 16px; transition: all ease .3s;-webkit-transition: all ease .3s;}
.nav  li:hover>a , .nav  li.active>a{color: #0a5eb6; border-bottom: 3px solid #0a5eb6;}
.nav  li:hover.dropdown:before, .nav  li.active.dropdown:before{color: #0a5eb6;}
.nav .dropdown-box{ display: none;}
.nav li.open .dropdown-box{ display: block;}
.nav .dropdown-box{position: absolute;border-top: 2px solid #0a5eb6;background: #0a5eb6; left: 0;min-width: 100%;visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0; z-index:888}
.nav  li:hover .dropdown-box{ min-width:120px;visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5); }
.nav  li:hover .dropdown-box .nav2{ padding: 0 5px;}
.nav .dropdown-box a{display: block; font-size: 14px; padding: 0 5px; font-weight: normal;background: #0a5eb6;border-bottom: 1px solid #0a5eb6;color: #fff; line-height: 40px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nav .dropdown-box a:hover{ background: #434343; color: #fff;}
.nav .nav2 .dropdown-box2{ position: absolute; left: 100.5%; top: 0; visibility: hidden;transition: all ease .3s;-webkit-transition: all ease .3s;transform: translateY(20px);-webkit-transform:  translateY(20px);opacity: 0;z-index: 99999;}
.nav .nav2:hover .dropdown-box2{visibility: visible;opacity: 1;transform: translateY(0);-webkit-transform:  translateY(0);box-shadow: 0 2px 5px rgba(0, 0, 0, .5)}
.nav .nav2 .dropdown-box2 a{ line-height: 40px;}

/* bnwz */

/* .more */
.more{ margin-top: 35px;}
.more a{ display: inline-block; width: 150px; text-align:center; height: 40px; background: #0a5eb6; line-height: 40px; color: #fff; border-radius:5px;}
.more a:hover{ background: #fe0103; }
.moreb a{ background: #fff; color: #000;}
.moreb a:hover{ background: #000; color: #fff;}

/* about */
.gywm{ position:relative; width:100%; height:649px; margin:80px 0; overflow:hidden}
.gywm_dw{ position:absolute; right:0; top:0; max-width:50%;}
.gywm_l{ width:43%; float:left; margin-top:135px}
.gywm_l i{ width:100%; font-size:20px; color:#999; display:block}
.gywm_l img{ max-width:100%; margin:15px 0; }
.gywm_l h1{ width:100%; font-size:30px; color:#282828; background:url(../images/za.png) bottom left no-repeat; line-height:60px; margin-bottom:20px;}
.gywm_l p{line-height:2; color:#888}

/*bt*/
.bt{ width:100%; margin:35px 0; position:relative; display:block; overflow:hidden}
.bt h1{line-height:1.3;font-size:34px; color:#333; float:left; font-weight:bold; letter-spacing:1px;}
.bt i{color:#0a5eb6}
.bt p{color:#888;font-size:20px; margin-left:7px;float:left; margin-top:20px;text-transform:uppercase;}
.bt:before {
 content: "";
    display: inline-block;
   width: 66px; height:2px; background:#d0d0d0;position: absolute;
    left:0;
    top:50px;
    vertical-align: middle;
}




/* product */
.product{background: url(../images/bjs.jpg) no-repeat; padding:30px 0 50px; background-position: center top;display:block; overflow:hidden}
.prot_l,.case_t{ width:100%; overflow:hidden}
.prot_l ul{ width:103%; float:left; margin-top:10px;}
.prot_l ul li{ width:47%; float:left; margin-right:3%; margin-bottom:2%; height:300px; position:relative;background:rgba(255, 255, 255, 0.75);transition: all .5s ease-out;border-radius:15px;}
.prot_l ul li .pro{ padding:5%;}
.prot_l ul li img{ margin-bottom:8px;}
.prot_l ul li h1{ font-size:22px;color:#565656; line-height:160%; font-weight:600}
.prot_l ul li i{ width:100%; display:block; font-size:14px; color:#6f6279; line-height:25px}
.prot_l ul li dd{ height:90px; overflow:hidden; color:#888888;font-size:14px; margin-top:10px;}
.prot_l ul li dd p{line-height:30px;}

.prot_l ul li dl{ position:absolute; bottom:8%; left:5%;color:#85889b;font-size:14px; line-height:30px;border-bottom:1px solid #b6b8c3;text-transform:uppercase;}

.prot_l ul li:hover{ background:rgba(0, 0, 0, 0.45);transition: all .5s ease-out;}
.prot_l ul li:hover h1,.prot_l ul li:hover dl,.prot_l ul li:hover dd p{ color:#fff}
.prot_l ul li:hover dl{border-bottom:1px solid #fff; margin-left:25px;}
.prot_l ul li:hover img{filter: grayscale(100%) brightness(300%);}

/* yj */
.case{ background:#fff; }
.case_t ul,.news_t{ width:100%;float:left}
.case_t ul li{ width:25%; float:left; height:380px; overflow:hidden; position:relative;background:#000;}
.case_t ul li img{ width:100%; height:100%;object-fit:cover; position:relative;}
.case_t ul li p{ position:absolute; left:8%; bottom:8%; z-index:999; color:#fff; font-size:20px;text-shadow:2px 3px 1px #30343d; }
.case_t ul li:hover img{transition: all .5s ease-out;}

.case_t ul li:first-child{ width:50%; height:760px;}
.case_t ul li:first-child p{ font-size:30px;}
/* news */
.news{padding-bottom:50px;  background:#f8f8f8}
.news_t{width:102%;}
.bt span{ float:left}
.bt dl{ float:right; }
.bt dl a{ display:inline-block; margin-right:15px; font-size:16px; margin-bottom:15px; border:1px solid #222; padding:8px 30px;}
.bt dl a:hover,.cugt{ background:#0a5eb6 !important; color:#fff; border:1px solid #0a5eb6 !important}

.news_headt{width:100%;height:54px; line-height:54px;float:left;}
.news_headt img{ float:left; max-height:40px; margin-top:8px;  margin-right:15px;}
.news_headt  h1{ font-size:24px; font-weight:400; float:left}
.news_headt  h2{ font-size:30px; font-weight:400; float:left;}
.news_headt span { float:right;color: #888;width: 3.5rem;height:25px;line-height: 25px;display: block; border: 1px solid #7a7a7a;text-align: center;border-radius: 0.7rem;font-size: 0.8rem;margin-top:15px; margin-right:10px;}
.news_headt span:hover{ background:#da251c; color:#fff; border:none}

.xw_news { width:31.333%; float:left; margin-right:2%}
.xw_list,.sp_list { float:left; border:1px solid #eee; padding:3%; overflow:hidden; background:#fff;}
.xw_list dl{ width:100%; float:left; border-bottom:1px dashed #eee; padding-bottom:10px; margin-bottom:10px;}
.xw_list dl img{ width:100%; float:left; height:150px;object-fit:cover;}
.xw_list dl h1{width:100%; float:left; font-size:17px; font-weight:600; line-height:260%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw_list dl p{width:100%; float:left; display:block; height:40px; line-height:20px; overflow:hidden; font-size:13px; color:#888}

.xw_list li{ width:100%; float:left; line-height:45px; overflow:hidden}
.xw_list li i{ font-size:56px; color:#da251c; float:left; margin-right:5px;}
.xw_list li h2{ float:left; width:70%; height:45px; line-height:45px; overflow:hidden}
.xw_list li span{ float:right;font-size:14px; color:#888}


/*资质荣誉*/
.cp_gd {width:100%; height:260px;overflow: hidden;position: relative; float:left; margin:0 0 50px}
.cp_gd ul{position: absolute; width:100%}
.cp_gd ul li{float: left;width:300px;text-align:center;cursor: pointer; margin-right:25px; margin-bottom:20px;}
.cp_gd ul li a{ width:100%;float:left; display:block}
.cp_gd ul li span{display:table-cell; text-align: center; vertical-align: middle; width:298px; height:220px; border:1px solid #dedede; overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_gd ul li span img{max-width:98%;max-height:98%;display: inline-block;vertical-align: middle; width:auto; height:auto}

.cp_gd ul li p{ line-height:40px; height:40px; overflow:hidden; color:#333; }
.cp_gd ul li a:hover{ transition: all .7s;}
.cp_gd ul li a:hover p{background-color:#0a5eb6; color:#FFF;opacity: 1;}
.cp_gd ul li:hover span{ border:1px solid #0a5eb6; }
/* foot */
.foot{ background:#1f1f27;  padding: 30px 0; display:block}
.foot h3{
	color: #FFF;
	margin-bottom: 20px;
}
.foot  a,.foot p{
	color: #bbbbbb; line-height:40px;
}
.foot .fl a:hover {
	color: #ae0a11;
}
.foot .dh {
	width: 24%;
	line-height: 40px;
}
.foot .dh ul li {
	float: left;
	width: 45%;
}
.foot .pro { width:32%; padding-left:5%; height:180px; margin-right:5%;
	border-left: 1px solid #484848;
	border-right: 1px solid #484848;
}
.foot .contact {
	line-height: 30px;
}

.foot .fr h3 {
	background: #494949;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}
.foot .fr img {
	height: 120px; margin-left:10px;
}
.copyright { width:100%;
	background: #0d0d13;
	padding: 15px 0;
	border-top: 1px solid #484848;
	color: #bbbbbb;
	text-align: center;
}
.copyright a,.copyright p{ color:#bbbbbb}
/* ny banner */

.suanbanner{  width:100%; max-height:400px; overflow:hidden;margin-top:101px; }
.suanbanner img{ width:100%; height:400px;object-fit:cover;    -webkit-animation: pagebgfd 6s linear infinite alternate;
    animation: pagebgfd 6s linear infinite alternate;}
	@-webkit-keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@keyframes pagebgfd {
  0% {
    opacity: 1;
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1);
            transform: scale(1.1, 1.1);
  }
}
@-webkit-keyframes move3 {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
  }
  90%,
  100% {
    -webkit-transform: translateX(1440px);
            transform: translateX(1440px);
  }
}
@keyframes move3 {
  0% {
    -webkit-transform: translateX(-300px);
            transform: translateX(-300px);
  }
  90%,
  100% {
    -webkit-transform: translateX(1440px);
            transform: translateX(1440px);
  }
}

.clean50{clear:both;height:50px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden;}
.clean20{clear:both;height:20px;overflow:hidden;}
.clean500{clear:both;height:360px;overflow:hidden;}
.bt1{ width:100%; text-align:center; padding-bottom:30px; padding-top:30px;}
.bt1 h1{ font-size:30px; line-height:200%; display:inline-block;color:#141414}
.bt1 p{ color:#505050;text-transform: uppercase; font-size:17px; color:#666 }
.bt1 span{ display:inline-block; width:55px; height:5px; background:#0a5eb6; margin-top:20px;}

.about_nr{ padding:20px; }
.about_nr p{ font-size:16px;line-height:34px; }
.about_nr strong{ font-size:20px; color:#0a5eb6 }
.about_nr  img{ max-width:100%; }






/*新闻列表*/
.bjs{ background:#f0f3f6}
.news-title{ width:100%; overflow:hidden; }
.news-title ul{ width:98%; margin:1%; display:inline-block}
.news-title ul li{ width:100%; float:left;overflow:hidden;margin-bottom:30px;border:1px solid #f2f2f2; background:#fff;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.news-title ul li .news_nt{ width:100%; padding:2.5%; float:left; display:block}
.news-title ul li .news_nt h1{ width:100%; float:left; font-weight:600; font-size:18px; padding-bottom:20px;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.news-title ul li .news_nt p{width:100%; float:left; line-height:24px;height:48px; overflow:hidden; margin-bottom:20px;}
.news-title ul li .news_nt span{ display:block;}
.news-title ul li i{font-size:13px; line-height:140%; color:#999; border-right:1px solid #999; float:left; padding-right:8px; margin-right:8px;}
.news-title ul li dl{font-size:13px; line-height:140%; float:left}
.news-title ul li:hover{border:1px solid #0a5eb6;box-shadow: 0px 0px 10px rgba(28,133,222,.2);}
.news-title ul li:hover h1,.news-title ul li:hover dl{ color:#0a5eb6}
.news-title ul li:hover span{ padding-left:20px; }


/*新闻内容*/
.bkt{ border:1px solid #eeeeee; width:99.5%; display:block; overflow:hidden  }
.wznr{ width:100%; padding:3%;  background:#fff; display:block; overflow:hidden }
.wznr b{width:100%; float:left; text-align:center; font-size:20px; line-height:36px; padding-bottom:20px;}
.wznr p{line-height:32px; font-size:16px;}
.wznr p strong{ font-size:20px; color:#0a5eb6}
.wznr img{ max-width:700px; margin-top:8px;}
.wznr span{ width:100%; float:left; text-align:center;  padding-bottom:20px;}
.wznr span a{ color:#feac2a; font-size:16px; font-weight:600}
.wznr table{ margin:0 auto; }

.wznr table td{border:1px solid #ccc !important;}
.wznr table td p{line-height:30px !important;}
.cp_dy{ width:99.8%; float:left; border:1px solid #eee; background:#f9f9f9; margin-bottom:15px;}
.cp_dy dd{ float:left; margin:5px; line-height:22px;max-height:44px; overflow:hidden; font-size:13px;}



/*图片中心*/
.cp_img{float: left; overflow:hidden;  }
.cp_img ul{ width:102%; float:left}
.cp_img li { width:31%;cursor: pointer; margin-right:2%; margin-bottom:2%; border:1px solid #eee; text-align:center; float:left}
.cp_img li a .img,.cp_img li a .imgt{ width:457px;height:300px; display: inline-block; cursor: pointer; background:#fff; vertical-align: middle; display:table-cell;overflow: hidden;  *display: block; *font-size:261px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_img li a .img img{ width:95%; height:90%;object-fit:cover;vertical-align: middle;}
.cp_img li a h1{ width:100%; line-height:32px;font-size:16px; padding-bottom:10px; overflow:hidden}
.cp_img li:hover a h1{ color:#0a5eb6; font-weight:600}
.cp_img li:hover a span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}


.cp_img li a .imgt img{ max-width:95%;max-height:95%;display: inline-block;vertical-align: middle; width:auto; height:auto}


/*联系我们*/

/*联系我们*/
.lxwm_list{ width:100%; float:left; overflow:hidden; background:#0a5eb6; }
.lxwmt{ width:50%; object-fit:cover;float:left}
.lxwm_list span{ width:45%; float:right; padding:2.5%;}
.lxwm_list p img{ height:25px;margin-right:10px; }
.lxwm_list p{ line-height:32px; font-size:16px; color:#fff; margin-bottom:15px;}
.lxwm_list h1{ font-size:25px; line-height:180%; color:#fff; margin-bottom:10px; font-weight:600}
.lxwm_list p a{ color:#fff}
.lxwm_list .map{ width:55%; float:left}

/*翻页*/
#pages,.cpage{ width: 100%; height: 50px; text-align: center; line-height: 22px; padding-top: 1px; clear:both;}
#pages a,.cpage a{ background: #f5f5f5; border: #ddd solid 1px; padding: 3px 8px; margin: 0 2px; float: none; color: #333; font-size: 14px;}
#pages span{ background: #db0f31; color: #fff; border: #DDD solid 1px; padding: 3px 8px; margin: 0 2px; float: none;}
#pages a:hover{border: #db0f31 solid 1px;}

.articlebook{ width:100%; float:left; overflow:hidden; padding-top:10px; padding-bottom:10px}
.articlebook a.zuo{ float:left}
.articlebook a.you{ float:right}
.articlebook a:hover{ color:#F00}

/*在线客服*/
.bg_l{ width:40%; float:left; padding-top:130px; text-align:center}
.bg_l h1{ text-transform: uppercase; font-size: 33px; color:#c4a97f}
.bg_l h2{ font-size:25px; color:#333; line-height:300%}
.bg_l p{ color:#333; line-height:32px;}

.biaoge{ width:58%; float:left}
.bgbj{ width:100%; float: left; }
.table_form tr{ width:50%; float:left; overflow:hidden}
.table_form th,.table_form td{ width:100% !important; float:left; text-align:center}
.table_form th{ margin-left:27px;}
.table_form .input-text{height: 38px;line-height: 38px !important;width:87% !important; }
.table_form textarea{width: 85% !important; height:120px !important; }
.button{width:60% !important; line-height:44px !important; background:#0a5eb6 !important; border:none; float:left; margin-left:27px; }
/*foo*/



/*搜索列表*/
.new_list1 ul{ width:100%; float:left; overflow:hidden}
.new_list1 ul li{ width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:8px; padding-top:8px;}
.new_list1 ul li h2 a{ width:78%; line-height:30px; overflow:hidden; font-size:16px; font-weight:500; float:left}
.new_list1 ul li i{color:#4eb02c; font-size:13px; float:left; padding-right:8px; padding-top:8px;  }
.new_list1 ul li span{ color:#b1b1b1; float:right}
.new_list1 ul li p{width:100%; font-size:14px; line-height:25px; color:#666; padding-top:5px; float:left; overflow:hidden;}
.new_list1 ul li h2 a:hover{ color:#891c22; }

@media screen and (max-width: 1700px) {

.content {width: 86%;}

}
@media screen and (max-width: 1500px) {

.content {width: 90%;}

}



@media screen and (max-width: 1440px) {
.nav{ width:100%; float:left}	
.foot .ewm{ display:none}	
	
	
	
	
	
	
	
	
	
	
}