@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	border:none;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	list-style-position: outside;
}
img {max-width:100%;}

body { font-size:16px; font-family:"Microsoft YaHei", verdant, tahoma;font-style: normal;color:#111827; font-weight: normal; padding: 0px; margin: 0px; text-decoration: none; line-height:30px;}


a {
text-decoration:none;
font-family:"Microsoft YaHei", verdant, tahoma;
font-style: normal;
color:#111827;
font-weight:normal;
}
a:hover { color:#1c56a6; }
.clear {clear:both;}
ul {
list-style-type: none;
}
li {
list-style-type:none;
line-height:27px;}
.fl{float:left;}
.fr{float:right;}
.hz{margin:0 auto; box-sizing: border-box; width:90%}
.hza{width:80%;margin:80px auto;}
.hza:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

.top-pc { position: fixed; z-index: 99; top:0px; left:0; width:100%;  transition:all 0.5s; -webkit-transition:all 0.5s;}
.top-pc.active{background:rgba(255,255,255,0.9);box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);}

.logo {float:left;margin:7px 0; -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);transition:all 0.5s; -webkit-transition:all 0.5s;}
.logo img {height:60px;}
.top-pc.active .logo{ -webkit-filter: brightness(1) invert(0);
    filter: brightness(1) invert(0);}
.top-pc.active .mainbav .memu>a , .top-pc.active .iconfont-jt, .top-pc.active .nav1{color:#333;}
.top-pc.active .sjx{border-top: 8px solid #333;}
.top-pc.active .mainbav .memu.active>a,
.mainbav .memu:hover>a { color: #1c56a6;}


.top-hz{width:92%;margin:0 auto;display:flex; flex-wrap: nowrap; align-items:center;  }
.top-menu{flex:1 1; display:flex; justify-content:flex-end;}

.nav {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
}
.mainbav ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.mainbav li {
    float: left;
}

.mainbav .memu {
    float: left;

}

.mainbav .memu>a {
    line-height:80px;color:#fff;
    padding: 0 28px; font-size:16px;
}

.mainbav .memu>a:hover {
    color: #1c56a6 !important;
}

.mainbav .memu.active>a,
.mainbav .memu:hover>a {
    color: #1c56a6;
    display: block;
}

.mainbav ul li ul {
    position: absolute;
    display: none;
    z-index: 9999;
    width: 200px;
   background: rgba(255, 255, 255, 0.7);
    padding:10px 0;border-radius:10px;border-radius:10px;box-shadow: 0px 0px 10px 0px rgba(2, 0, 0, 0.2);
}

.mainbav ul li ul li {
    float: none;
    border-right: none;
  text-align: left;
}

.mainbav ul li ul li a {
    display: block;color:#666;
    padding:8px 20px;font-size:14px;
}
.mainbav ul li ul li a:hover{color:#1c56a6;}

.sousuo { padding-left:50px;
  display:flex;align-items:center;margin-right:25px;

}

.sousuo .sousuo_an {

    cursor: pointer;
}
.sousuo .ssk_bj {
	width: 100%;
	display: none;
	position: fixed;
	left: 0;
	top:100px;
	z-index: 10;
}
.sousuo .ssk {
	width:35%;
	overflow: hidden;
	margin: 0 auto;border-radius:25px;
	box-shadow: 0 2px 14px rgba(0,0,0,0.1);

}
.sousuo .ssk .input_txt {
	width:77%;
	height: 48px;
	float: left;
	padding: 0 3%;font-size:15px;
	border: none;

}
.sousuo .ssk .input_btn {
	width: 23%;
	float: right;
font-family:"Microsoft YaHei", verdant, tahoma;
	color: #fff;
	line-height: 48px;font-size:16px;
	border: 0 none;
	background:#1c56a6;
	cursor: pointer;
}
 input,textarea {
	outline:none;
 }

.p-show {
	display: block !important;
}
.set{font-size:15px;}
.nav1{ 
    height: 40px;text-align:center;
    line-height: 40px;
color:#fff;
}
.index-yyl {margin-top:20px;}
.index-yyl img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 3px;
}


.new {	
	width: 120px;
	position: absolute;
	z-index: 999;
	display: none;
	text-align: center;right:40px;padding:10px;
	top:70px; background: rgba(255, 255, 255, 0.7);border-radius:5px;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);
	
}
.new li{line-height:38px;}
.new li a{font-size:14px;}
.new li:last-of-type { border-bottom:none;}   

.sjx{ width:0; display:inline-block;
	border:4px solid transparent;
	border-top:7px solid #fff;vertical-align: text-bottom;}

.top_sj{display: none;}


/*banner*/
.block_home_slider {
	height: auto;
	position: relative;
	line-height: 0px;
	text-align: center;}
	/*底部小图标*/
.block_home_slider .slide {
	position: relative;
	overflow: hidden;
}
.block_home_slider .flex-direction-nav a {
	width: 45px;
	height: 50px;
	display: block;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	left: 0;
	background: url(../images/jt1.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next {
	right: 0;
	background: url(../images/jt2.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-prev:hover {
	left: 0;
	background: url(../images/jt1a.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next:hover {
	right: 0;
	background: url(../images/jt2a.png) no-repeat;
}

.block_home_slider .flex-control-paging {
	position: absolute;
	bottom:20px;
	width:100%;
	text-align: center;
}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0 5px;
	display: inline-block;
*display:inline;
*zoom:1;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a{width:10px; height:10px; display:block; background:#f2f2f2; text-indent:-9000px; position:relative; overflow:hidden;cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:40px; background:#1c56a6;border-radius:6px;}

.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{line-height:0px;height:100%;display: none; position:relative;}
.flexslider .slides li img{display:block;}

#home_slider2{display:none;}

.top_sj { display:none; }
 .ny-banner-bt{width:80%;margin:0 auto;position:absolute;z-index:1;left:0;top:50%; right:0;text-align:center;color:#fff; transform:translate(0%,-50%);  }
.ny-banner-wb1{font-size:60px;line-height:60px;font-weight:bold;}
.ny-banner-wb2{font-size:30px;line-height:30px;margin-top:45px;}
.ny-banner-wb2 p{margin-bottom:30px;}
.sz{font-size:36px;font-weight:bold;}



.in_about{width: 100%; height: auto; overflow: hidden; background: #fff url(../images/a1b1.png) top center no-repeat; padding:4%  0; box-sizing: border-box;}
.in_about_left{width: 44%; float:left;}
.in_about_leftbt{overflow: hidden; margin-top:5%;}
.in_about_leftbt span{font-size: 40px; font-weight: 600; color: #1c56a6; float: left}
.in_about_leftbt p{font-size: 20px; color: #333;float: left; margin-top: 25px;}
.in_about_leftny{font-size: 16px; line-height: 30px; color: #555; margin-top:20px;}
.in_amore{margin:20px 0; overflow: hidden;}

.in_about_right{width: 50%; float: right; position:relative;}
.in_about_right_pic{overflow: hidden;  border-radius: 15px;}
.in_about_right_pic img{ position: relative; z-index: 2; width: 100%;vertical-align: middle;transition: all 0.5s; border-radius: 15px;}
.in_about_right_pic:hover img{transform: scale(1.1)!important;-webkit-transform: scale(1.1)!important;}
.in_about_rightbg{position: absolute; z-index: 1; background-color: rgba(255, 255, 255, 0.5); top: 20px; left: 20px; display: block; width: 100%; height: 100%; border-radius: 15px;}
.h80{height: 100px; overflow: hidden;}

/*==============首页产品=====================*/
.sy_bt{font-size:40px;color: #1c56a6;text-align: center; margin-bottom: 3%; font-weight: 600;}

.i_case{ overflow:hidden; padding:3% 0; box-sizing: border-box;  background-size: cover;}
.i_case .i_case_con{overflow:hidden; width:100%; margin:0 auto;text-align:center;}
.i_case_t label{color:#fffefe; font-size:14px; text-transform:uppercase;line-height:26px; letter-spacing:4px;}


.i_case .i_case_con .i_cast_a{text-align:center;font-size:16px;margin-bottom:4%;}
.i_case .i_case_con .i_cast_a a{display:inline-block;position:relative;padding:0 1%;margin:0 5px;line-height:45px;color:#fff;z-index:2;}
.i_case .i_case_con .i_cast_a a::after{content:"";position:absolute;left:0;top:0;background:#3f3f3f;width:100%;height:100%;z-index:-1;transform: skewX(-15deg);}
.i_case .i_case_con .i_cast_a .on{color:#fff;}
.i_case .i_case_con .i_cast_a .on::after{background:#1c56a6;}



.i_case .i_case_con .i_case_ul_div{ display:none;}
.i_case .i_case_con ul{ overflow:hidden; zoom:1;}
.i_case .i_case_con ul li{ margin-right:2%; float:left; _display:inline; overflow:hidden; text-align:center;width: 23%;}
.i_case .i_case_con ul li .pic{ text-align:center; border: 1px solid #e0e0e0}
.i_case .i_case_con ul li .pic img{ width:100%; height:auto; display:block;}
.i_case .i_case_con ul li .pic{ overflow:hidden;}
.i_case .i_case_con ul li a:hover .pic img{ -o-transform: scale(1.1);-ms-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}

.i_case .i_case_con ul li .title{ line-height:24px;  }
.pictitle { display:block;overflow:hidden;cursor: pointer;transition: 0.3s;}
.pictitle p {font-size:16px;color:#333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;line-height:30px;padding:13px 0;}
.i_case .i_case_con ul li :hover .pictitle p{ color:#1c56a6;}
.trans { -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.pic-bg{background:url(../images/bj22.jpg) no-repeat top center;overflow:hidden; padding:2% 0 3%;}
.pic-bg .pic-index{margin:3% 0}
.pic-bg .pic-index .picwen{text-align:center}
.pic-bg .pic-index .picwen p:nth-of-type(1){color:#ffffff;font-size:40px;font-weight:600;}
.pic-bg .pic-index .picwen p:nth-of-type(2){color:#ffffff;font-size:30px; margin:2% 0;}
.pic-bg .pic-index .picwen p:nth-of-type(3){color:#ffffff;font-size:18px;font-weight:500}
.pic-bg .pic-index .pictel{color:#fff;font-size:36px;background:url(../images/ht1.png) no-repeat top center;width:48%;margin:0 auto;margin-top:3%}
.pic-bg .pic-index .pictel p{text-align:center;line-height:80px;font-weight:600}
.pic-bg .pic-index .pictel:hover{background:url(../images/ht2.png) no-repeat top center}
.pic-bg .pic-index .pictel:hover p{color:#fff}

.flex{display: flex;flex-wrap: wrap;}
.news{width: 100%;padding:2% 0 4% 0; overflow: hidden;}
.box6{overflow: hidden;}
  .newsall{margin-top:0%}
  .news-left{width:48.8%;float:left;position:relative; margin-right: 6%;}
  .news-left::before{position:absolute;width:35px;height:640px;content:'';right:-84px;background:url(../images/yin.png) no-repeat right}
  .tabsz{width:98%; overflow: hidden;}
  .tabsz li{float:left;padding-right:65px}
  .tabsz li a{color:#333333;font-size:24px;line-height:32px;}
  .tabsz li a:hover{color:#333}
  .tabsz li.cur a{color:#333}
  .tabsz span{float:right}
  .tabsz span a{color:#999999;font-size:14px;line-height:32px}
  .tabsz span a:hover{color:#1c56a6}
  .newscon{margin-top:3%;width:100%}
  .newimg img{width:100%}
  .ttsz{display:none}
  .newimg1{display:block}
  .newimg2{display:none}
  .zixun-left{margin-bottom:5px}
  .zixun-left img{width:100%; display: block; margin: auto;}
  .zxl-div2 .nbt{font-size:16px;color:#333333;padding-left:27px;background:url(../images/yun.png) no-repeat left  center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 160px);line-height:40px;font-weight:normal}
  .zixun-right li:hover .zxl-div2 h3{color:#1c56a6;font-weight:bold}
  .newsimg{float:left;margin-top:0.5vh;padding-right:0.5vw}
  .zxl-div1 .zxl-div2 span{float:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
  .zxl-div1 .zxl-div2 .nwz{float:right;line-height:40px;font-weight:normal;color:#666666;font-size:16px}
  .zxl-div{margin-top:2.5vh}
  .zxl-div1:hover .zxl-div2{color:#333}
  .zxl-div1:hover .newsimg .newimg1{display:none}
  .zxl-div1:hover .newsimg .newimg2{display:block}
  .news-right{float:right;width:44.2%;}
  .nrcon ul li{margin-top:16px;border-bottom:1px dashed #dddddd}
  .zxl-div3 .fqbt{font-size:16px;line-height:34px;color:#333333;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
  .zxl-div3 .fqwz{font-size:14px;line-height:30px;color:#999999;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-bottom:2.5%}
  .nrcon ul{}
  .zxl-div3:hover .fqbt{color:#1c56a6;font-weight:bold}



.index-title{font-size:42px;line-height:42px;text-align:center;font-weight:bold; }







 input,textarea {outline:none;}
.soka{ width:48%;padding:15px;background:#eff2f7; border-radius:5px; font-family: 'Montserrat',sans-serif; margin-bottom: 20px;float:left;margin-right:2%;font-size:15px; color: #666;}

.soka2{color:#666;width:98%;padding:15px;background:#eff2f7; border-radius:5px; font-family: 'Montserrat',sans-serif; margin-bottom: 20px; font-size:15px;}

.sokb{ font-size:15px; background:#eff2f7; border-radius:5px; font-family: 'Montserrat',sans-serif;padding:15px;margin-bottom:20px; width: 98%;line-height:30px;}
.tj{ text-align: center;
    color: #fff;
    background:#1c56a6;
    display: block;
 width:98%;cursor: pointer;
    line-height:50px;font-size:18px;font-weight:bold;
    border-radius:5px;}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #666; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #666;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #666;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #666;
}
/*----底部----*/
.foot{ background:#eff2f7;padding:3% 0 1%;
    flex-wrap: nowrap;
    align-items: center;color:#666;}

.fot_topl{float:left;}
.f_logo img{width:200px;}
.f_tel{margin-top:5%;font-size:22px;}
.f_tel p{margin:1% 0 3%;font-size:32px;line-height:32px;color:#1c56a6;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.d_add{position:relative;padding-left:30px;}
.d_add img{position:absolute;z-index:1;left:0;top:15px;  transform:translate(0%,-50%);width:25px; }
.fot_ewm{float:left;margin:4% 0 0 5%;}
.fot_ewm p{text-align:center;padding-top:10px;}

.foot-box{ }

.foot-contact-title{ font-size:20px;font-weight:bold;  margin-bottom:4%;color:#333;}
.foot-contact-nr{float:left;}
.foot-contact-nr li{line-height:32px;}
.foot-contact-nr a{font-size:16px;color:#666;}
.foot-contact-nr a:hover{ text-decoration:underline;color:#000;}

#firstpane{}
.di{display: none;}
.foot-menu{float:left;margin-left:5%;}
.bot3{ margin:2% 0;}
.foot-bq{text-align:right;}
.foot-bq a{color:#666;}
.foot-bq a:hover{ text-decoration:underline;color:#000;}

.sbanner{height: auto;position: relative;}
.sub_img_banner{}
.sub_img_banner img{width:100%; vertical-align: middle; }
.sbanner_txt{position: absolute;width: 100%;top: 0;left: 0;bottom:0; right:0; z-index: 10;display: flex;flex-direction: column;justify-content: center;align-items: center;padding-bottom: 0.4rem;}
.sbanner_txt .nybt{font-size:72px;color: #fff;margin-bottom:3%;}
.sbanner_txt p{text-align: center;color: #fff;line-height: 2;width: 45%;}

.menuBox{background:#f7f7f7;height:auto;line-height:60px;font-size:16px; overflow: hidden; color: #333;}
.menuBox img{display: inline-block; vertical-align: middle; margin-right: 5px; }
.menuBox a{color: #444;}
.menuBox p{font-size: 15px; color: #444;}
.listMenu{font-size: 16px;}
.listMenu a{display:inline-block;position:relative;color:#555;margin-left:30px; }
.listMenu a:hover,.listMenu .cur{color:#1c56a6;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#1c56a6;width:0;height:2px;transition:all .5s;}
.listMenu .cur::after,.listMenu a:hover::after{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#1c56a6;border:1px solid #1c56a6;color:#fff;}

@media all and (max-width:1024px) { 
    .menuBox {padding:0;height:auto;line-height:100%;text-align:center;} 
    .menuBox p{display: none;}
    .listMenu{width:100%; display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f5f5f5;margin-top:0;padding:0;line-height:45px;}
    .listMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;}
    .listMenu .cur{background:#1c56a6;color:#fff;}
}

.l-a {width: 100%;padding: 3% 0; overflow: hidden;}
.aboutny{font-size:16px;color: #3c3d3a;line-height:32px; overflow: hidden;}
.aboutny .abt{font-size:30px; color: #3c3d3a; margin-bottom:1%; font-weight: 600;}
.aboutny span{font-weight: 600; color: #1764a8;}
.aboutny img{max-width: 100%; margin:auto; clear: both; display: block;}
.rdpic{width: 45%; margin-left:3%; float: right; overflow: hidden; }
.rdpic img{width: 100%; display: block; clear: both; overflow: hidden; transition: all .5s; -webkit-transition: all .5s; height:auto}
.rdpic:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.factorypic{overflow: hidden; margin-top:3%;}
.factorypic .swiperfact {}
.factorypic .swiperfact .scrollbar3 {display: none;}
.factorypic .swiperfact .swiper-slide {-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s; margin-right: 2%; overflow: hidden;}
.factorypic .swiperfact .swiper-slide * {-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
.factorypic .swiperfact .swiper-slide img{width: 100%; display: block; border: 1px solid #eee; transition: all .5s; -webkit-transition: all .5s; overflow: hidden;}
.factorypic .swiperfact .swiper-slide:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);overflow: hidden;}


.f50{ font-size: 50px; text-align: center; line-height: 2.4; color: #333;}
.f40{ font-size: 40px; text-align: center; line-height: 2.4;}
.f30{ font-size: 30px; text-align: center; line-height: 2.4;  color: #333; position: relative;}
.color-blue{ color: #1c56a6; text-transform: uppercase; text-align: center; font-weight: 800;font-size: 60px; line-height: 2.4; position: absolute; top: -35px;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; opacity: 0.2;}
.f22{font-size: 22px; text-align: center;}
/* .dis-flex-center-center{  display: flex; align-items: center; justify-content: center;}
.flex-column{ flex-direction: column;} */
.Culture{  background: url(../images/CultureBg.jpg) no-repeat center center; background-size: cover; height:650px; color: #fff;}
.Culture ul{display: flex; height: 100%;}
.Culture li{ width:25%; border-right: 1px solid rgba(255, 255, 255,.3);  position: relative; display: flex; align-items: center; justify-content: center;  flex-direction: column; padding:0 3%; box-sizing: border-box;}
.Culture li:last-child{ border-right: none;}
.Culture li .line{ width: 30px; height: 3px; margin:32px 0; background-color: #fff;}
.Culture li>div{ position: relative; z-index: 5;}
.Culture li::after{ width: 100%; height: 0; transition: all .36s; position: absolute; background-color: rgba(28, 86, 166,.8); content: ''; display: block; left: 0; bottom: 0;
  -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.Culture li:hover::after{ height: 100%;}

.news-first{display:flex;margin-bottom:4%;border-radius: 16px;transition:all 0.4s;background:#f7f7f7;overflow:hidden}
.news-first:hover{background:#fff;box-shadow:0 0 15px #ccc;overflow:hidden}
.news-first .img{display:block;width:50%;flex-shrink:0}
.news-first .img img{width:100%; display: block;}
.news-first .info{display:block;width:50%;padding:3%; box-sizing: border-box;}
.news-first .info .time{font-size: 18px; margin-bottom: 2.2%;}
.news-first .info .time .icon{font-size: 18px;}
.news-first .info .title{display:block;margin-bottom:2rem;transition:all 0.4s; font-size: 28px; margin-bottom: 5.6%; line-height: 40px;}
.news-first:hover .info .title{color:#1c56a6}
.news-first .info .title:hover{color:#1c56a6}
.news-first .pre{font-size: 14px; line-height: 26px;}
.news-first .btn{display:inline-block;padding: 0 4%;margin-top: 5.7%;font-size: 15px;line-height: 41px;color:#fff;border-radius:2em;background:#1c56a6;transition:all 0.4s}
.news-first .btn:hover{padding:0 2.5em;background:#1c56a6}

.news-ul{margin: 0 0 0 -1.5%;display: flex;flex-wrap: wrap;}
.news-link{display: block;width: 31.8333%;float: left;margin: 3% 0 0 1.5%;background: #fff;transition: all .4s ease;position: relative;}
.news-pic{width:100%;overflow:hidden}
.news-pic img{width:100%;object-fit:cover;transition:all .8s ease;height: auto; display: block;}
.news-link:hover img{transform:scale(1.06)}
.news-info{background:#f5f5f5;display:flex;padding:3%;z-index: 1;position: relative;transition: all .4s ease}
.news-link:hover .news-info{transform: translateY(-40px)}
.news-time{font-size:14px;color:#888;font-family: "Samsung";text-align:center}
.news-time span{font-weight:700;font-size:32px;color:#333;display:block;width:60px;line-height:1.5}
.news-txt2{width:calc(100% - 50px);padding-left:20px}
.news-txt2-title{font-size:16px;color:#333;font-weight:700;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.news-txt2 p{font-size:14px;line-height:24px;height: 48px;color:#888;overflow:hidden;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.news-more2{position:absolute;z-index:0;width:100%;background:#1c56a6;color:#fff;display:flex;align-items:center;justify-content:center;height:40px;left:0;bottom:0;font-size:16px}
.news-more2 i{display:block;background:url("../images/arr-r.png") no-repeat center/100%;width:6px;height:10px;margin-left:20px}

.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#1c56a6 ;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding:3% 0;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width: 100%; display: block; margin: auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}

.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom:1%}
.xinwenxiangqing .nd_head p{color: #1c56a6;font-size: 28px;height: auto;padding-bottom:1%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 16px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:16px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#1c56a6}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#1c56a6;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#1c56a6;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #1c56a6}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#1c56a6;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


.flexsb{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-between;}
.flexsa{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: space-around;}
.flexlf{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: left;}
.flexed{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: flex-end;}
.flexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;}
.cflexce{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content: center;flex-direction: column;flex-wrap: wrap;}

.download{position:relative;}
.download .download-ul{flex-wrap:wrap}
.download .download-ul ul{margin-right: -1%;}
.download .download-ul li{background-color:#ffffff;border:solid 1px #e7e7e7;margin-right:1%;margin-bottom:2%;width:49%;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.download .download-ul li a{padding:3%;align-items:center; box-sizing: border-box;}
.download .download-ul li:nth-child(2n){margin-right:0px}
.download .download-ul-leftimg{width:60px;height:60px;background-color:#ffffff;border:solid 1px #eeeeee;overflow:hidden;position:relative}
.download .download-ul-leftimg img{vertical-align: middle; text-align: center; display: block; margin: auto; padding-top:16%;}
.download .download-ul-leftfont{width:81%;padding-left:18px}
.download .download-ul-leftfont .dot{font-size:18px;color:#333333}
.download .download-ul-leftfont time{font-size:14px;line-height:28px;color:#888888}
.download .down{display:block;width:136px;height:42px;background-color:#1c56a6;border-radius:21px;text-align:center;font-size:14px;line-height:36px;color:#ffffff;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;border:1px solid #fff}
.download .down .iconfont{width:20px;height:20px;color:#ffffff;border-radius:50%;line-height:20px;text-align:center;overflow:hidden;border:1px solid #fff;display:inline-block;vertical-align:middle;font-size:14px}
.download .down span{display:inline-block;vertical-align:middle}
.download .download-ul-left{width:78%;align-items:center}
.download .download-ul li:hover{background-color:#1c56a6}
.download .download-ul li:hover .download-ul-leftfont .dot,.download .download-ul li:hover .download-ul-leftfont time{color:#fff}
.download .jzmore{width:70px;display:block;margin:20px auto 0 auto;text-align:center}
.download .jzmore .iconfont{overflow:hidden;font-size:24px;color:#989898;display:block;margin:0 auto;text-align:center;-webkit-animation:circle 2s infinite linear;-moz-animation:circle 2s infinite linear;-ms-animation:circle 2s infinite linear;-o-animation:circle 2s infinite linear;animation:circle 2s infinite linear}
@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-moz-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-ms-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@-o-keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}@keyframes circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
}
.download .jzmore span{font-size:16px;line-height:26px;color:#666666;text-align:center;margin-top:6px;display:inline-block;-webkit-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.download .jzmore:hover span,.download .jzmore:hover .iconfont{color:#BD0004}


.grey{background: #f8f8f8;}
/* join */
.page-join {overflow: hidden;}
.page-join span{font-family: 'Montserrat-Light',PingFang SC,'Microsoft YaHei',Arial;}
.join-content-top {text-align: center;font-size: 0;border-top: 2px solid #1c56a6;overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-content-top span{display: inline-block;vertical-align: middle;width: 17%;font-size: 16px;padding: 20px 0;box-sizing: border-box;}
.join-content-top span:first-child  {text-align: left;padding-left: 4%;width: 30%;}
.join-content-top span:last-child {text-align: center;}
.join-content {overflow: hidden;border-left: 1px solid #e6e8ed;border-right: 1px solid #e6e8ed;}
.join-item {border-top: 1px solid #e6e8ed;}
.join-item-title {cursor: pointer;text-align: center;font-size: 0;border-bottom: 1px solid #e6e8ed;color: #000;}
.join-item-title span:first-child {font-size: 16px;padding:3%;text-align: left;width: 30%; box-sizing: border-box;}
.join-item-title span:last-child {text-align: center;}
.join-item-title span{display: inline-block;vertical-align: middle;width: 17%;padding: 3% 0;font-size: 14px;box-sizing: border-box;}
.join-item-title:hover,.join-item.cur .join-item-title  {background: #f5f6f7;}
.join-item-content {overflow: hidden;padding:3%;line-height: 30px;font-size: 15px;display: none;}
.join-item-bottom {margin-top: 3%;overflow: hidden;}
.join-item-bottom a{display: block;background: #1c56a6;width: 150px;padding: 12px 15px;overflow: hidden;text-align: center;border-radius: 4px;}
.join-item-bottom span{display: inline-block;vertical-align: middle;font-size: 14px;color: #fff;}
.join-item-bottom i{display: inline-block;vertical-align: middle;margin-left: 20px;background: url('../images/r1.png') center no-repeat;width: 22px;height: 12px;}

.page-join-list {background: #fafafc url('../images/bg1.jpg') center no-repeat;background-size: cover;overflow: hidden;padding:7% 0 5% 0;}
.join-list-title {text-align: center;font-size: 50px;}
.join-list {overflow: hidden;padding-top: 5%;}
.join-list-item {overflow: hidden;float: left;width: 49.5%;margin-bottom: 1%;margin-right: 1%;background: #fff;border-radius: 8px;position: relative;box-sizing: border-box;border: 1px solid #e6e6e6;}
.join-list-item.mr0 {margin-right:0;}
.join-list * {transition:all .4s ease;}
.join-list-item .text {position: absolute;left: 10%;top: 50%;z-index: 1;width: 80%;transform: translateY(-50%);}
.join-list-item .icon-1{width: 80px;height: 60px;position: relative; }
.join-list-item .title-1{font-size: 24px;margin: 30px 0 20px 0;overflow: hidden;}
.join-list-item .text-2{font-size: 16px;line-height: 26px;color: #666;}
.join-list-item .img{background: #fff;}
.join-list-item .img img {width: 100%;height:auto;display: block;}
.join-list-item:hover .title-1{color: #fff;}
.join-list-item:hover .img{background: #1c56a6;}
.join-list-item:hover .text-2{color: #fff;}
.join-list-item:hover .icon-1 img{filter: invert(100%);}

.page-join-bottom {position: relative;overflow: hidden;color: #fff;background: #edeff2;}
.page-join-bottom.bgclor1 {background: #fff;}
.page-join-bottom::after {content: '';width: 100%;height: 50%;background: #1c1d1f;position: absolute;left: 0;bottom: 0;}
.page-join-bottom .page-about-content{position: relative;z-index: 11;}
.join-bottom-title {position: absolute;left: 7%;top: 15%;z-index: 11;}
.join-bottom-title .title-1{font-size: 30px;}
.join-bottom-contact {text-align: left;position: absolute;right: 10%;bottom: 15%;z-index: 11;}
.join-bottom-contact li{list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;margin-left: 60px;}
.join-bottom-contact li span{display: block;font-size: 16px;}
.join-bottom-contact li p{display: block;font-size: 20px;font-family: 'Montserrat-Light';padding: 10px 0;margin: 0;}
.join-bottom-contact li a {display: block;font-size: 20px;font-family: 'Montserrat-Light';color: #fff;}
.join-bottom-contact li:first-child {margin-left: 0px;}
.page-join-bottom .img {background: #1c56a6;border-radius: 10px;overflow: hidden;}


.page-join-windows {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 111;transition:all .4s ease;transform: translateY(-100%);}
.page-join-windows.cur {transform: translateY(0);}
.join-windows {position: absolute;width: 24%;overflow: hidden;background: #fff;z-index: 10;left: 50%;top: 50%;transform: translate(-50%,-50%);padding: 3%;border-radius: 10px;}
.join-windows-title {text-align: center;}
.join-windows-title .title-1{font-size: 30px;padding-bottom: 10px;}
.join-windows-title .text-2{font-size: 14px;color: #666;}
.join-from {padding: 4% 0;overflow: hidden;margin-top: 3%;}
.join-from-item{margin-bottom: 0px;overflow: hidden;position: relative;}
.join-from-item li{list-style: none;padding: 0;margin: 0;float: left;width: 49%;}
.join-from-item li:last-child {float: right;}
.join-from-item input {padding: 18px 20px;background: #f2f4f7;}
.join-from-text {overflow: hidden;padding-bottom: 10px;position: relative;}
.join-from-text strong{font-size: 14px;margin: 0;padding: 0;} 
.join-from-text span{font-size: 12px;color: #666;} 
.join-from-upload {position: relative;}	
.join-from-upload .upload-1{display: block;width: 70px;border-radius: 5px;font-size: 12px;cursor: pointer;
	text-align: center;padding: 10px;background: #000;color: #fff;position: absolute;right: 3%;top: 50%;border:none;overflow: hidden;transform: translateY(-50%);}		 
.join-windows-mark{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1;background: #000;opacity: .4;}				 
.join-from-item .submit-1 {background: #1c56a6;}	
 
.page-join-process {text-align: center;overflow: hidden;position: relative;background: #edeff2 url('../images/bg2.jpg') center no-repeat;background-size: cover;}
.join-process-title {overflow: hidden;}
.join-process-title .title-1{font-size: 50px;}
.join-process-list {position: relative;overflow: hidden;margin-top: 5%;font-size: 0;padding: 5% 0;}
.join-process-list::after {content: '';width: 80%;height: 1px;background: #ccc;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-55%);}
.join-process-list li {text-align: center;list-style: none;margin: 0;padding: 0;display: inline-block;vertical-align: middle;width: 16%;position: relative;z-index: 11;}
.join-process-list li span{display: block;font-size: 18px;font-weight: bold;position: relative;z-index: 11;}
.join-process-list li i{display: block;width: 60px;height: 60px;margin: 30px auto;background-image:linear-gradient(360deg, #959595 10%, #68686a 100%);border-radius: 200%;position: relative;z-index: 11;}
.join-process-list li p{display: block;color: #999;font-size: 14px;font-family: 'Montserrat-Bold';z-index: 11;position: relative;}
.join-process-list li:hover i{background: #1c56a6;}
.join-process-list li:hover i{box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 20%);}
.join-process-list li::after,.join-process-list li::before  {content: '';background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 100%;width: 0px;height:0px;transition:all .4s ease;}
.join-process-list li::after {z-index: 8;box-shadow: 0px 8px 40px 0px rgb(0 0 0 / 10%);}
.join-process-list li::before {z-index: 1;opacity: .4;transition:all .5s ease;}
.join-process-list li:hover::after  {width: 200px;height: 200px;}
.join-process-list li:hover::before  {width: 250px;height: 250px;}

.page-join-none {text-align: center;padding: 7% 0;overflow: hidden;}
.page-join-img {padding-bottom: 10px;overflow: hidden;}
.page-join-img img {display: inline-block;max-width: 100%;height: auto;}
.page-join-text {font-size: 24px;}

.contact_content{width: 100%;background: #fff;}
.mte_pic2duct-title { font-size:36px; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600;}
.mte_pic2duct-title2 { font-size:36px; color: #262626; line-height: 40px; padding-bottom: 0; position: relative; margin-bottom: 2%; letter-spacing: -1px; font-weight: 600; text-align: center;}

.col_infos {width: 48.5%; float:left;background: #fff;padding:0; margin-top: 1.8%;}
.col_infos .cotit{color: #1c56a6; font-size:34px; line-height: 1.75; padding-bottom:3%;font-family: 'Poppins';}

.cont_ico{overflow: hidden;}
.cont_ico h3{font-size: 20px;line-height: 1.75;color:#000;margin-bottom: 16px;font-weight: normal;font-family: 'Poppins';}
.cont_ico ul{overflow: hidden;}
.cont_ico ul li{ position: relative; padding-left: 50px; font-size: 18px; line-height:28px; color:#333; margin-bottom:4%; font-family: 'Poppins'}
.cont_ico ul li .t-cell{ display: table-cell; height: 36px; vertical-align: middle; }
.cont_ico ul .icons{ height: 36px; width: 36px; position: absolute; left: 0; display: flex; background: #1c56a6; border-radius: 50%; align-items:center;}
.cont_ico ul li img{width: 18px; height: 18px; margin: 0 auto; display: block; vertical-align: middle;}

.col_feb {width: 47.5%; float:right;padding:3%; text-align: left; border-radius: 10px; background: #fff; box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 8%); box-sizing: border-box;}
.co_onr {width: 100%; overflow: hidden;}
.co_onr .febt{font-size: 30px;line-height: 1.2;color:#000;margin-bottom:12px;font-weight: normal;}
.co_onr p{ font-size: 16px; line-height: 1.5; color: #333; font-weight: 300;margin-bottom:3%; overflow: hidden;}
.co_onr ul li{overflow: hidden;float: left;width: 48%;}
.co_onr ul li span{display: block; font-size: 16px;color: #333; font-weight: 300; margin-bottom:5px;}
.co_onr ul li i{ display: inline-block; position: relative; width:100%; font-size: 14px; color: #666666; text-transform: uppercase;}
.co_onr ul li input{border: none;border: 1px solid #000;width: 100%;line-height: 42px;height: 42px;background: #fff;padding: 0 15px;border-radius: 4px;}
.co_onr ul li.mal{ margin-left:2%; margin-bottom: 15px;}
.co_onr ul li.long{clear: both;width: 100%;margin-bottom: 15px;}
.co_onr ul li.long input{width: 100%;outline: none;}
.co_onr ul li.long textarea{border: none;height: 100px;width: 100%;outline: none;border: 1px solid #000;background: #fff;padding: 10px 15px; border-radius: 4px; 
  font-size: 12px; font-family: 'Poppins';}
.co_onr ul li.long2{margin-bottom: 16px;}
.co_onr ul li.lst{line-height:45px;font-size: 15px;width:  100%; padding-bottom: 20px;}
.co_onr ul li.lst button{display: inline-block;float: left;width: 200px;height: 42px;line-height: 42px;color: #fff;cursor: pointer;border: none;font-size: 16px; font-family: 'Poppins';
  text-transform: capitalize;padding-right: 0;background: #1c56a6;  border-radius: 6px;}

.map{width: 100%; padding-top: 3%; overflow: hidden;}
.map #map_container{height: 550px;border: 5px solid #fff; font-size: 15px; font-family: 'Poppins';font-weight: normal;color:#000;}


.product-left{width:22%;float:left;}
	
.menu_list{padding:5%;border: 1px solid #e7e7e7;border-radius:15px;box-shadow: 0px 0px 10px 0px rgba(2, 0, 0, 0.1);}	
.menu_head{border-bottom:1px solid #e7e7e7;cursor:pointer;position:relative;margin:0px;background:url(../images/pro_left.png) center right no-repeat;padding-bottom:10px;margin-bottom:20px;font-size:17px;}
.menu_list .current{background: url(../images/pro_down.png) center right no-repeat;}
.menu_list .current a{color:#1c56a6;}
.menu_body{height:auto;overflow:hidden;padding:10px;}
.menu_body a{display:block; padding-bottom:8px;font-size:14px;color:#666; }
.menu_body a:hover,.menu_body a.on{color:#1c56a6;}
.menu_body ul{margin-bottom:20px;margin-left:25px;}
.menu_body li{ list-style-position:inherit;list-style-type: disc;color:#999;}
.menu_body li a{color:#666;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_body li a:hover{color:#1c56a6;}
.menu_body li:hover,.menu_body li a.on{color:#1c56a6;}

.product-right{width:76%;float:right;}
.products-nylist{}
.products-nylist ul{display: flex; flex-wrap: wrap;margin-right:-1%;margin-left:-1%;}
.products-nylist li{ border:1px solid #e8e8e8;border-radius:15px;float:left; width:23%; margin:0 1% 2% 1%; position:relative; overflow:hidden;text-align:center;}
.products-nylist_pic{ overflow:hidden;}
.products-nylist_pic img{ width:100%; transition:ease-in-out 0.25s all; display: block;}
.products-nylist li:hover .products-nylist_pic img{ transform:scale(1.1);}
.products-nylist_tit:after{ content:''; transition:ease-in-out 0.15s all; position:absolute; left:0; bottom:0; width:100%; height:100%; z-index:-1;}
.products-nylist li .products-nylist_tit:before{content:''; transition: ease-in-out 0.15s all;background:#1c56a6; position:absolute; left:-100%; bottom:0; width:100%; height:100%;  z-index:-2;}
.products-nylist li:hover .products-nylist_tit:after{ left:100%;}
.products-nylist li:hover .products-nylist_tit:before{ left:0;}
.products-nylist_tit{ width:100%; overflow:hidden; padding:5%; box-sizing: border-box;}

.products-nylist li:hover .products-nylist_tit{ color:#fff;}

.about-Choose-bj{background-image: linear-gradient(to left,#d64da7,#7256d5,#1c56a6);
    padding: 80px  0;
    overflow: hidden;}
	
.about-Choose-title{position: relative;font-size:36px;line-height:36px;text-align:center;padding-bottom:15px;color:#fff;}

.about-Choose-title:after {
    content: "";
    position: absolute;
    background: #fff;
    width:80px; left:50%;transform:translate(-50%,0%);
    height: 2px;bottom:0;
   }
   
.ny-about-hz{float:left;width:40%;}
.ny-about-pic{float:right;width:50%;}
.index-From-hz{display: flex;flex-wrap: wrap;margin-top:65px;;margin-left:-1%;margin-right:-1%;}
.index-From-box{ width: 31.3%;margin-left:1%;margin-right:1%;float:left;background:#fff;color:#4e4e4e;text-align:center;padding:60px 30px;border-top-left-radius:25px;border-bottom-right-radius:25px;overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;}
.index-From-box-title{font-size:30px;color:#1c56a6;margin-bottom:40px;}
.index-From-box:hover{transform:translateY(-6px); -webkit-trafont-size: 0; }
.index-From-box-pic img{width:80px; transition:all 0.5s;}

.pro_right{width:100%; overflow: hidden;}
.productss{overflow: hidden;}
.productss img{max-width: none !important;}
.promore_l{width:45%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:99.8%; border:1px solid #d6d6d6; background:#fff}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:26px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:80px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:100px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:80px;height:80px;}
.spec-scroll .items ul li img:hover{border:2px solid #1c56a6 ; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:2px solid #e6e6e6;;}
.pros_right_top .pbt{overflow:hidden; font-size:28px; color:#1c56a6 ; padding-bottom:10px;}
.proleft{width:100%;font-size:16px; line-height:30px; margin-top:20px;}
.proleft p{font-size:16px; line-height:25px; }


.procolor{ margin-top:20px;}
.procolor_bt{font-weight: 600; font-size: 16px; color: #333;border-bottom: 1px dashed #e6e6e6; padding-bottom: 10px;}
.procolor ul{}
.procolor li{border: 1px solid #ccc; margin:2% 1% 0 0; display: inline-block; width:35px; height: 35px}
.color_witer{background: #fff}
.color_red{background: #ff0000}
.color_yellow{background: #fff600}
.color_blue{background: #02028f}
.color_pink{background: #ff3be6}
.color_black{background:#000}
.color_green{background: #049915}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:33%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #1c56a6;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ff963a;color:#fff;}
/* .pbtn a:nth-child(2){width:50%; background:#ff963a;} */

.wl2{overflow: hidden; width: 45%; margin-top: 3%;}
.wl2 a{font-size:24px;line-height: 50px;color: #1c56a6;padding: 0 3%; background: none; width: auto;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #1c56a6 ; color:#fff; background:#1c56a6 ;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; clear: both; display: block;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#1c56a6 ; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 ul{margin-right: -2%}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #fff ;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}







/*分页*/
.yema{ width:100%; text-align:center; overflow:hidden;margin-top:40px; }
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:38px; line-height:38px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:40px;margin-left:3px;  text-align:center; color:#333333; font-size:16px; border:1px solid #ececee; background:#ececee;}
.yema a:hover{ text-decoration:none; color:#fff; background:#1c56a6;border:1px solid #1c56a6;}
.yema a.on{color:#fff;  background:#1c56a6;border:1px solid #1c56a6;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#1c56a6;}
.yema a span{ font-family: "宋体";font-size:16px;}



.product-top{width: 100%;}
.product-top .l { width:44%; float: left; }
.product-ny-title { width: 100%; font-size:24px;color:#1c56a6;}

.product-xq-sj {display:none; }	
.pro-right { width:50%; float: right;}
.pro-js { width: 100%; margin:30px 0; }
.pro-js p{margin-bottom:4px;color:#666;}


.pro-more{float:left;padding:8px 30px;background:#1c56a6;border-top-left-radius:10px;border-bottom-right-radius:10px;}
.pro-more a{color:#fff;font-size:16px;}
.pro-more a:hover{ text-decoration:underline;}

.productshow-xq-bj{background-image: linear-gradient(to left,#d64da7,#7256d5,#1c56a6);overflow:hidden;padding:40px 0;}

.productshow-xq{color:#fff;font-size:24px;}
.tj-product{margin:50px 0;border-top:1px solid #e6e6e6;padding-top:50px;}


.ny-title-ms{margin-top:15px;color:#666;text-align:center;}
.contact-hz{}
.contact-left{width:40%;float:left;}
.contact-title{ font-size: 22px; color: #1c56a6;margin-bottom:30px;}
.ny-contact-nr{font-size:16px;word-wrap:break-word;}
.ny-contact-nr a{color:#333;}
.ny-contact-nr a:hover{color:#1c56a6;}

.contact-right{width:55%;float:left;}


.contact-wz{font-size:20px;}
.contact-wz li{margin-bottom:15px;position:relative; padding-left:28px;}
.contact-tb{float:left;position:absolute;z-index:1;left:0;top:12px; text-align:center; transform:translate(0%,-50%); }
.contact-tb img{width:18px;}
.contact-nr{word-wrap:break-word;}
.contact-nr a{color:#cccccc;}
.contact-nr a:hover{color:#fff;}

.map {margin-top:80px; }
.verify-nr{width:45%;margin:50px auto 35px auto;text-align:center;}
.verify-serach{width:45%;margin:0 auto;}
.verify-sok {width:75%;padding-left:15px;border:1px solid #ccc;border-right:none;height:50px;float:left;font-size:15px;}
.submit_btn {
    outline: none;
    width: 25%;
    height: 50px;
    background: #1c56a6;
    color: white;
    line-height: 50px;
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size:18px;
    cursor: pointer;

}