/*图片内页及内页banner*/
.ny_box{ margin:0 auto 0 auto; }
.nylist{ margin: 30px auto 0 auto }
.center-ban {background: url(../images/cpzsban.jpg) center no-repeat;background-size: cover;padding-top: 80px;padding-bottom: 50px;}
.center-ban .p1 {color: #ffffff;letter-spacing: 1px;}
.center-ban .p1 span {font-weight: bold;letter-spacing: 3px;display: block;margin-bottom: 20px;}
.center-ban .p2 {width: 752px;font-size: 14px;color: #ffffff;line-height: 1.72;margin-top: 35px;opacity: 0.6;}

.w25{ width: 23% }
.nylist .item-pic{ display: inline-block; margin:10px 1% 35px; border-bottom: 4px #999 solid; text-align: center; }
.nylist .item-pic .tit{ background: #f5f5f5; padding: 25px 3px }
.nylist .item-pic:hover{ box-shadow: 0 0 15px rgba(0,0,0,.15);border-bottom: 4px #0757a5 solid;  }


/*分页*/
.paging { text-align: center; padding: 20px 0px; }
.paging a:link, .paging a:visited { color: #666666; }
.paging span.current, .paging a:hover { color: #fff; background-color: #333; border-color: #222; }
.paging a, .paging span { padding: 7px 13px; border: 1px solid #d1d1d1; margin: 0px 2px; }
.lction{ height: 40px; line-height: 40px;  background-color: #f5f5f5; color: #333 }

@media (max-width:980px) {

	.ny_box{ margin:0 auto 10px auto; }
	.nylist{ margin:10px auto}
	.center-ban {padding-top:100px;padding-bottom:40px;}
	.center-ban .p1{ font-size:13px}
     .center-ban .p1 span {margin-bottom:8px; font-size:18px}
     .w25{ width: 48% }
     .nylist .item-pic{  margin:5px 1% 8px; border-bottom:2px #999 solid; }
    .nylist .item-pic .tit{ padding: 10px 3px }

}


.dqwz{ height: 60px; line-height: 60px; background: #f5f5f5; font-size: 14px; }
.dqwz .wrap{background:url(../images/in_02_title.png) left center no-repeat; padding-left:40px }




@media (max-width:980px) {
.dqwz {height: 40px;line-height: 40px;margin-bottom:0px;}


}

/*about页面*/

.about{ line-height: 1.8 ;margin-bottom:20px; margin-top: -10px }
.about img{ width: 100%; }
.mb50{ margin-bottom: 50px }
.mb20{ margin-bottom: 20px  }

@media (max-width:980px) {
.about{ line-height: 1.65 ;margin-bottom: 10px;margin-top:0px }
.mb50{ margin-bottom:15px }
.mb20{ margin-bottom: 5px  }
.about img{ margin-bottom:0px }

}



/*产品列表*/

/*分类2*/
.nyfl_list{ text-align: center;  margin:0 auto 65px auto; z-index:88; padding-top: 60px  }
.nyfl_list li{ display:inline-block; text-align: center;  color: #000; width:auto; border:1px #cecece solid;  background:#fff;;padding:23px 4%; font-weight: bold; border-right: 0  }
.nyfl_list li a{ color: #333; display: block; }
.nyfl_list li:hover,.nyfl_list li.active{  background:#fff; }
.nyfl_list li:hover a,.nyfl_list li.active a{color: #ea4546;}
.nyfl_list li:last-child{ border-right:1px #cecece solid  }
.cp-titbox {position: relative;}
.cp-titbox .num{ background: #004175;background: linear-gradient(-135deg,#004175,#ff3a3b); color: #fff;  padding: 5px 20px; border-radius: 5px; margin:10px 15px 0 0;   font-family: arial}
.cp-titbox .titzs {margin-bottom:-30px;color: #efefef;color: rgba(29,29,31,0.1);text-transform: uppercase;font-weight: bold;display: block;}
.cp-titbox .h_tit {color: #1d1d1f;font-weight: bold; padding-top: 8px}
.cp-titbox .h_tit a {color: #1d1d1f;transition: all linear 0.3s;}
.cp-titbox .text {color: #1d1d1f;opacity: 0.8;margin-top:10px;}
.cp-titbox .text a{color:#e82e2f }
.cp-titbox:hover .h_tit a{ color:#e82e2f  }


.bgh{ background: #f2f2f2 }
.cplist{ margin:40px 0 80px -2.4%; }
.cplist .iteam{width:22.57645%;float:left;margin-left:2.4%;margin-bottom:40px; box-shadow: 0 0 15px rgba(0,0,0,.15)}
.cplist .iteam a{display:block;overflow:hidden}
.cplist .iteam img{width:100%;display:block;transition:all linear 0.3s; height:270px !important}
.cplist .iteam strong{height:100px;display:block;position:relative;z-index:1;background:#fff;font-size:22px;color:#181818;line-height:1.3;transition:all linear 0.3s}
.cplist .iteam strong:before{content:"+";position:absolute;right:7.4928%;top:50%;margin-top:-36px;font-size:40px;color:#d9d9d9;font-weight:normal;opacity:0.8}
.cplist .iteam strong:after{content:"";position:absolute;left:0;right:0;top:0;bottom:100%;z-index:-1;background:#ea4546;opacity:0;transition:all linear 0.3s}
.cplist .iteam strong span{position:absolute;left:7.4928%;right:21.61383%;top:50%;transform:translateY(-50%)}
.cplist .iteam:hover img{transform:scale(1.1)}
.cplist .iteam:hover strong{color:#ffffff}
.cplist .iteam:hover strong:before{color:#ffffff}
.cplist .iteam:hover strong:after{bottom:0;opacity:1}




@media (max-width:980px) {
.cp-titbox {margin-bottom:12px;}
.cp-titbox .num{  padding:10px 10px; border-radius:2px; margin:6px 8px 0 0; }
.cp-titbox .titzs {margin-bottom:-15px;}
.cp-titbox .txt {width:-webkit-calc(100% - 46px); width:-moz-calc(100% - 46px); width:calc(100% - 46px);}
.cp-titbox .text { margin-top: 4px; font-size:12px; }
.cp-titbox .hot{ padding:10px 8px 0 0}

.nyfl_list{ margin:15px auto 15px auto;padding-top:10px  }
.nyfl_list li{  color: #fff; width:auto; border:0;  background:#ea4546;;padding:15px 5%;  margin:0 2% 10px 0}
.nyfl_list li a{ color: #fff; display: block; font-size: 16px }
.nyfl_list li:hover,.nyfl_list li.active{  background:#333; }
.nyfl_list li:hover a,.nyfl_list li.active a{color: #fff;}
.nyfl_list li:last-child{ border-right:0 }

.cplist{ margin:20px 0 30px -2.4%; }
.cplist .iteam{width:47%;float:left;margin-left:2.4%;margin-bottom:15px;}

.cplist .iteam strong{height:45px;font-size:15px;}
.cplist .iteam strong:before{right:5%;top:50%;margin-top:-10px;font-size:20px;}

.cplist .iteam strong span{position:absolute;left:5%;right:0%;}


}


/*产品内页*/
/*pro图片*/

.pro_Mone{ background:#161d27 url(../images/mian_bg.jpg) no-repeat top center; padding: 200px 0 90px;position:relative;z-index:66; background-size: cover; }
.pro_Mone .por1-l{ width: 46%;  }
.pro_Mone .por1-l img{ width: 100%; border:8px #ddd solid; border-radius: 60px 0 60px 0}
.pro_Mone .por1-r{ width:50%; color: #fff;font-size: 16px; padding-top: 40px }
.pro_Mone .por1-r .t1{ font-size: 36px; font-weight: bold; position: relative;  padding-left: 15px }
.pro_Mone .por1-r .t1:before{  position: absolute; content: ""; left: 0; top: 50%; width: 5px; height: 30px; background: #e82e2f; margin-top: -14px}
.pro_Mone .por1-r .t2{  margin:30px 0   }
.pro_Mone .por1-r .t2 span{ display: inline-block; width: 48% }
.pro_Mone .por1-r .t2 span b{ font-size: 25px;font-family: Arial; display: block; padding-top: 3px;  }
.pro_Mone .por1-r .t3{ padding-top: 8px; line-height:24px; }
.pro_Mone .por1-r .t3 a{ color: #fff }
.pro_Mone .por1-r .t3 a:hover{ color:#e82e2f; text-decoration: underline;  }
.pro_Mone .por1-r .icon{ font-size: 22px; margin:45px 0; }
.pro_Mone .por1-r .icon span{ display: inline-block;position: relative;  padding:0 20px 0 20px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #e82e2f; margin-top: -2px}
.por_lx{  }
.por_lx a{ display: block; float: left; margin-right: 20px ;color: #fff; }
.por_lx a.lx_zx{   line-height: 55px; width: 180px; background: #e82e2f; background-image:linear-gradient(to right,#e82e2f,#ff7d08); font-size: 18px; text-align: center; transition: all .3s }
.por_lx a.lx_zx:hover{ width: 200px }
.por_lx a.lx_tel{ }
.por_lx a.lx_tel b{ display: block; font-family: arial; font-size: 26px; color: #e82e2f; padding-top: 5px }

.pro_Mone .por1-r .icon2{  margin:35px 0;  }
.pro_Mone .por1-r .icon2 span{ display: inline-block;position: relative;  padding:0 30px 0 20px;color: #777  }
.pro_Mone .por1-r .icon2 span:before{  position: absolute; content: ""; left: 0; top: 50%; width:14px; height:14px; background: #da251d; margin-top: -7px; border:3px #f0bab9 solid; border-radius: 50%}

.pro_Mtwo{ position:relative;z-index: 88;top:-40px;   }
.pro_Mtwo .por_nav{  line-height: 80px; border-radius: 10px; font-size: 22px;  box-shadow: 0 10px 15px rgba(0,0,0,.2);position:relative;z-index:99;background:#fff; }
.pro_Mtwo .por_nav a{ display: inline-block; text-align: center; width: 25%;position:relative; }
.pro_Mtwo .por_nav a:after{position:absolute; content:""; width:1px; height:30px; right:0; top:25px; background:#ddd}
.pro_Mtwo .por_nav a:hover{ color: #e82e2f }

.pro_Mtwo .por_box{ padding:40px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width: 78%;  }
.pro_Mtwo .por_box .por_nrl .porjs .tit{  margin-bottom: 15px; font-size:30px; color: #22284a; position: relative; padding-left:55px; font-weight: bold;  }
.pro_Mtwo .por_box .por_nrl .porjs .tit:before{  position: absolute; content: ""; left: 0; top: 50%; width: 50px; height: 21px; background:url(../images/tit_icon.jpg) no-repeat; margin-top: -10px;}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:1.85; font-size: 17px; color: #444; }
.pro_Mtwo .por_box .por_nrl img{ MAX-WIDTH:100% !important;HEIGHT:auto !important;_width:expression(this.width > 100% ? "100%" :this.width) !important; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:40px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 35px }
.pro_Mtwo .por_box .por_nrr{ width: 19%;}



.por_nrr .cftj_r{background:url(../images/cppage-bg.jpg) repeat;padding:34px 0 20px 0;border-radius:30px 0 0 0;margin:45px 0 45px;box-shadow:0 0 40px #d4dbde}
.por_nrr .cftj_r .tit{background:#e6eef1;font-size:24px;color:#000;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px}
.por_nrr .cftj_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #7fb4c5;position:absolute;left:0;bottom:-8px}
.por_nrr .cftj_r ul{padding:19px 20px 0}
.por_nrr .cftj_r li{border:1px solid #ddd;margin-top:20px; background: #fff}
.por_nrr .cftj_r li .t1{font-size:18px;color:#494d56;text-align:center;padding:20px 0;display:block;   background: #f2f2f2}
.por_nrr .cftj_r li a:hover{color:#ea4546}


.por_nrr .cpfl_r{ background: #c1d9f6; border-radius:5px;  padding:34px 0 30px 0; }
.por_nrr .cpfl_r .tit{background:#062c6a;font-size:24px;color:#fff;text-align:center;font-weight:700;line-height:56px;position:relative;left:-8px; margin-bottom:20px}
.por_nrr .cpfl_r .tit:before{content:"";width:0;border-top:0 solid transparent;border-bottom:8px solid transparent;border-right:8px solid #111;position:absolute;left:0;bottom:-8px}
.por_nrr .cpfl_r li{ font-size:18px; color: #21252d; font-weight: normal;  height: 48px; line-height: 48px; background:#ebf1f9; width: 90%; margin:10px auto 0;position: relative; border-radius: 16px; padding-left:15px; background-image:linear-gradient(to right,#f6f9fd,#d4e4f8);  }
.por_nrr .cpfl_r li:before{ position: absolute; content: "+"; right:15px; top:0px; color:#104fb6; }
.por_nrr .cpfl_r li a{ display: block; }
.por_nrr .cpfl_r li:hover{  background:#062c6a; color: #fff  }



@media (max-width:980px) {
.pro_Mone{ padding: 80px 0 30px;}
.pro_Mone .por1-l{ width: 100%;  float: none; }
.pro_Mone .por1-l img{ border:4px #ddd solid; border-radius: 10px 0 10px 0}
.pro_Mone .por1-r{ width:100%; font-size: 14px; padding-top: 20px }
.pro_Mone .por1-r .t1{ font-size: 20px;   padding-left: 10px }
.pro_Mone .por1-r .t1:before{  width: 3px; height: 10px;  margin-top: -5px}
.pro_Mone .por1-r .t2{  margin:8px 0;   }
.pro_Mone .por1-r .t2 span{  display: none !important;}
.pro_Mone .por1-r .t3{ padding-top:4px; line-height:1.5;color:rgba(255,255,255,.8);  }

.pro_Mone .por1-r .icon{ font-size: 14px; margin:15px 0 20px; }
.pro_Mone .por1-r .icon span{ padding:0 10px 0 10px  }
.pro_Mone .por1-r .icon span:nth-child(4){ padding-right: 0 }
.pro_Mone .por1-r .icon span:before{  position: absolute; content: ""; left: 0; top: 50%; width:4px; height:4px; background: #e82e2f; margin-top: -2px}


.por_lx a{ margin-right:0;}
.por_lx a.lx_zx{   line-height:35px; width: 40%;font-size:14px; }
.por_lx a.lx_zx:hover{ width: 40% }
.por_lx a.lx_tel{ width: 56%; margin-left: 4% }
.por_lx a.lx_tel b{  font-size:18px;padding-top: 3px }

.pro_Mone .por1-r .icon2{  margin:20px 0;  }
.pro_Mone .por1-r .icon2 span{  padding:0 10px 0 10px;color: #777; font-size: 11px  }
.pro_Mone .por1-r .icon2 span:before{ width:8px; height:8px;margin-top: -4px; border:1px #f0bab9 solid;}

.pro_Mtwo{ top:-20px;   }
.pro_Mtwo .por_nav{  line-height: 50px; border-radius:5px; font-size:14px;   }
.pro_Mtwo .por_nav a:after{height:20px; top:15px;}


.pro_Mtwo .por_box{ padding:40px 0 10px }
.pro_Mtwo .por_box .por_nrl{ width:100%;  float: none; }
.pro_Mtwo .por_box .por_nrl .porjs .tit{  margin-bottom: 10px; font-size:16px;padding-left:28px;   }
.pro_Mtwo .por_box .por_nrl .porjs .tit:before{  width: 25px; height: 11px;  margin-top: -5px; background-size: 25px 11px}
.pro_Mtwo .por_box .por_nrl .porjs{ line-height:2; font-size: 14px; }
.pro_Mtwo .por_box .por_nrl img{ width: 100% !important; max-width: 100% !important; }
.pro_Mtwo .por_box .por_nrl .porjs2{margin:20px 0 0px }
.pro_Mtwo .por_box .por_nrl .porjs2 img{ margin-bottom: 8px }
.pro_Mtwo .por_box .por_nrr{  width: 100%;  float: none; display: none;}

}





.por_yyan{ background: url(../images/yy_bg.jpg) no-repeat top center/cover; padding:45px 0;}
.por_yyan .yytit{  color: #000; margin-bottom: 35px}
.por_yyan .yytit .fl b{font-size: 45px; display: block;}
.por_yyan .yytit .fl span{ font-size: 28px; display: block; padding-top: 15px}
.por_yyan .yytit .fl span i{ color: #e82e2f; font-style: normal; font-weight: bold;}
.por_yyan .yytit .fr{position: relative;}
.por_yyan .yytit .fr .an{ z-index:99; position:relative}
.por_yyan .yytit .fr p{ font-size: 20px; color: #373737; padding-top:70px;z-index:66;position:relative}
.por_yyan .yylist{ overflow: hidden;  }
.por_yyan .pic-item,.aboutpic .pic-item{ font-size: 20px; width: 25%; padding: 0 1%}
.por_yyan .pic-item .img,.aboutpic .pic-item .img{   overflow: hidden; width: 100%; border: 4px #fff solid }
.por_yyan .pic-item .img img,.aboutpic .pic-item .img img{ display: block;transition: all 0.6s; }
.por_yyan .pic-item:hover .img img,.aboutpic .pic-item:hover .img img{transform: scale(1.06, 1.06); }
.por_yyan .pic-item .tit,.aboutpic .pic-item .tit{ padding:10px 5px; text-align: center; display: block; }
.por_yyan .pic-item a,.aboutpic .pic-item a{  color: #000;  display: block;   }

.por_yyan .swiper-button-next{ top: 45px; right: 0; border-radius: 0; background: #1a459c; color: #fff;width: 48px; height:30px; }
.por_yyan .swiper-button-prev{ top:45px; right: 53px;left:unset;border-radius: 0;background:#1a459c; color: #fff; width:48px; height: 30px;  }
.por_yyan .swiper-button-next:after,.por_yyan .swiper-button-prev:after{font-size: 18px}


.por_about{ padding-top:70px; position: relative; }
.porabout_tit{color: #000; text-align: center; padding-bottom: 35px; position: relative; }
.porabout_tit .t{ padding: 30px 0 0 0;position: relative;  display: block; font-size: 48px}
.porabout_tit span{color: #eaeaea; text-align: center;  display: block;  position: absolute;  width: 100%; left: 0; top: 0; text-transform: uppercase; font-family: Arial; font-size: 55px; font-weight: bold; }
.porabout_tit .tit_txt {color:#000; font-weight: normal; margin:15px auto 0 auto;text-align: center; display: block; z-index: 88; position: relative;  font-size: 25px }
.por_about .aboutgsjj{ font-size: 17px; color: #444;  }
.por_about .aboutgsjj li{ display: block; padding:0 0 20px 0; height: auto; overflow: hidden; line-height:2}
.por_about .aboutgsjj li span{ display: block; float: left; background:#ea4546; width: 45px; height: 20px; line-height: 20px; color: #fff; text-align: center; border-radius: 10px; margin:6px 10px 0 0}
.aboutpic{ position: relative; padding:40px 0 80px; overflow: hidden; }
.aboutpic .swiper-button-next{ top: 45%; right: 0; border-radius: 0;  width: 60px; height:60px; background: #343434 }
.aboutpic .swiper-button-prev{ top:45%; left:0;border-radius: 0; width:60px; height: 60px;background: #343434  }
.aboutpic .swiper-button-next:after,.aboutpic .swiper-button-prev:after{font-size: 18px; color: #fff}


@media (max-width:980px) {

.por_yyan{ padding:25px 0 10px;}
.por_yyan .yytit{ margin-bottom: 15px}
.por_yyan .yytit .fl b{font-size: 18px; }
.por_yyan .yytit .fl span{ font-size:14px; padding-top:8px}

.por_yyan .yytit .fr p{  display: none;}

.por_yyan .pic-item,.aboutpic .pic-item{ font-size:14px; width: 50%;  padding:0% 1%}
.por_yyan .pic-item .img,.aboutpic .pic-item .img{  border:2px #fff solid }
.por_yyan .pic-item .tit,.aboutpic .pic-item .tit{ padding:8px 5px;  }

.por_yyan .swiper-button-next{ top: 25px; right: 0; width:25px; height:25px; }
.por_yyan .swiper-button-prev{ top:25px; right: 35px;width:25px; height:25px;  }


.por_about{ padding-top:30px; }
.porabout_tit{ padding-bottom: 15px; }
.porabout_tit .t{ padding: 30px 0 0 0;position: relative;  display: block; font-size: 18px}
.porabout_tit span{ font-size: 25px;  }
.porabout_tit .tit_txt {margin:6px auto 0 auto; font-size:13px }
.por_about .aboutgsjj{ font-size: 14px;  }
.por_about .aboutgsjj li{ padding:0 0 10px 0;line-height:1.7}
.por_about .aboutgsjj li span{ width: 25px; height:90px; line-height:90px;  margin:6px 8px 0 0; display: block; float: left;}
.por_about .aboutgsjj li{}
.aboutpic{ position: relative; padding:20px 0 20px }
.aboutpic .swiper-button-next{ top: 45%;   width:30px; height:30px;  }
.aboutpic .swiper-button-prev{ top:45%;  width:30px; height:30px; }
.aboutpic .swiper-button-next:after,.aboutpic .swiper-button-prev:after{font-size: 16px; }

}




.por_msg{background: url(../images/msg_bg2.jpg) no-repeat top center/cover; padding:50px 0 0;}
.por_msg .show {  width:55% } 
.por_msg .text { margin-bottom: 28px; padding-right: 50px; }
.por_msg .text strong { display: inline-block; font-size: 40px; line-height: 50px; position: relative; color: #d53242; background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-right: 20px; }
.por_msg .text strong:before { content: ''; width: 28px; height: 28px; position: absolute; left: 0; top: 50%; margin-top: -14px; }
.por_msg .text span { font-size: 20px; color: #d53242; background-image: -webkit-gradient(linear, 0 0, right 0, from(#d53242), to(#e3674f)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.por_msg .text p { font-size: 16px; color: #fff; line-height: 30px; margin-top: 10px; }
.por_msg ul { padding-right: 50px; }
.por_msg li { float: left; width: 48%; margin-bottom: 22px; }
.por_msg li:first-child { margin-right: 4%; }
.por_msg li.txt-area { width: 100%; position: relative; }
.por_msg li>span { display: block; font-size: 20px; line-height: 30px; color: #fff; margin-bottom: 5px; }
.por_msg li>span i { font-style: normal; color: #ff0000; }
.por_msg li input, .por_msg li textarea { width: 100%; height: 44px; line-height: 44px; outline: none; border: none; background: #fff; padding: 0 12px; font-size: 16px; color: #333; }
.por_msg li textarea { height: 100px; line-height: 1.5; padding-top: 10px; padding-right: 33px; }
.por_msg .sub-btn { position: relative; display: inline-block; margin-bottom: 40px; }
.por_msg .sub-btn input { width: 240px; line-height: 50px; height:50px; background: #e3674f; background: -moz-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -webkit-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -o-linear-gradient(left, #d53242 0%, #e3674f 100%); background: -ms-linear-gradient(left, #d53242 0%, #e3674f 100%); background: linear-gradient(to right, #d53242 0%, #e3674f 100%); border-radius: 4px; font-size: 22px; color: #ffffff; font-weight: bold; padding-left: 68px; text-align: left; -webkit-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -moz-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -ms-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); -o-box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); box-shadow: 5px 5px 13px rgba(69, 0, 5, 0.2); }
.por_msg .sub-btn:after { content: ''; width: 20px; height: 20px; background: url(../images/icon-lx1.png) no-repeat; position: absolute; top: 50%; margin-top: -10px; right: 60px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.por_msg .sub-btn:hover:after { right: 50px; }
.scroll-box { background-color: #282f3d; padding-left: 26%; overflow: hidden; }
.msg-scroll { height: 53px; background-color: #282f3d; }
.msg-scroll p { line-height: 53px; font-size: 16px; color: #e3e3e3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 38px; }
.msg-scroll p span { margin-left: 30px; }

.por_msg li .fast-btn { width: 32px; background: #d83f45; position: absolute; top:0; right: 0; bottom:3px; text-align: center; line-height: 1.1; padding-top: 16px; font-size: 18px; cursor: pointer; color: #fff; display:none; }
.por_msg li .fast-btn img { margin-top: 4px; }
.fast-box { position: absolute; width: 420px; overflow: hidden; background-color: #f1f3f6; padding: 10px 12px 0 12px; height: 170px; right: 0; z-index: 9; top: 215px; display: none; }
.fast-box em { display: block; cursor: pointer; position: absolute; top: 0.1rem; right: 0.2rem; }
.fast-box p { font-size: 16px; color: #333333; line-height: 30px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.fast-box p:hover { color: #f64949; }


@media (max-width:980px) {

.por_msg{ padding:25px 0;}
.por_msg .show {  width:100%; float: none; } 
.por_msg .text { margin-bottom:12px; padding-right:0px; }
.por_msg .text strong { font-size: 18px; line-height:1; margin-right:6px; }
.por_msg .text strong:before { display: none;}
.por_msg .text span { font-size:14px;  }
.por_msg .text p { font-size: 12px; line-height:1; margin-top: 6px; display: none; }
.por_msg ul { padding-right: 0px; }
.por_msg li { float: none; width: 100%; margin-bottom:8px; }
.por_msg li:first-child { margin-right: 0%; }

.por_msg li>span { display: block; font-size: 14px; line-height: 30px; color: #fff; margin-bottom:0px; }

.por_msg li input, .por_msg li textarea { width: 100%; height: 35px; line-height:35px;  padding: 0 8px; font-size: 14px; }
.por_msg li textarea { height: 120px; line-height: 1.5; padding-top: 10px; padding-right: 0; }
.por_msg .sub-btn { position: relative; display: inline-block; margin:0 auto 40px }
.por_msg .sub-btn input { width:140px; line-height:40px; height:40px; line-height:40px;  font-size: 15px; padding-left:20px; margin:0 auto}
.por_msg .sub-btn:after {  right: 20px; }
.por_msg .sub-btn:hover:after { right: 50px; }

.scroll-box { display: block; }
.por_msg li .fast-btn {  display: none }
.fast-box {display: none; }


}






/*产品详细*/

@media (max-width:980px) {


}

/*行业*/

.case_boxs{}
.case_boxs .ny_tit{ font-weight: bold;  position: relative; padding-left: 28px }
.case_boxs .des{  line-height:1.8; color: #555; border-bottom: 1px #eee solid; padding:20px 0 25px}
.case_boxs .ny_tit2{ margin: 30px 0 0px; }
.case_boxs .ny_tit:before,.case_boxs .ny_tit2:before{  position: absolute; content: ""; left: 0; top: 50%; width: 20px; height:5px; background: #e82e2f; margin-top: -3px}
.yycase{}
.yyteam{ clear: both; margin:40px 0; border-bottom: 1px #ddd dashed;padding-bottom:40px; height: auto; overflow: hidden; }
.yyteam .yypic{ width: 36%; border-radius:20px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.15) }
.yyteam .yyrig{ width: 64%; padding:2% 3% 0}
.yyteam .yyrig .tit{  color: #000; margin:0px 0 15px 0; display: block;}
.yyteam .yyrig .tit2{  color: #000;  margin-bottom: 15px; display: block; }
.yyteam .yyrig .txt{ line-height: 1.8; margin:0px 0 30px 0; color: #666; display: block; }
.yyteam .yyporlist{ display: block; }
.yyporlist .yypor{display: block; width:23%; margin: 10px 2% 0 0; text-align: center; transition: all 0.3s; float: left; background: #f2f2f2; color: #000}
.yyporlist .yypor em{ display: block; padding:15px; }
.yyporlist .yypor img{ border:1px #ddd solid; display: block;transition: all 0.3s; }
.yyporlist .yypor img:hover{ transition: all 0.3s;transform: scale(1.06, 1.06); }

/*相关*/
.sid-tit{ color: #111; position: relative; padding-bottom: 20px; font-weight: normal; text-transform: uppercase;  margin:25px 0 25px 0; border-bottom: 1px #ddd solid }
.sid-tit:after{ position: absolute; content: ''; height: 4px;  width:100px; background: #0757a5; left: 0; bottom: 0 }
.tj-item{ display:block; text-align: center; background: #f5f5f5; padding:10px; margin: 25px 0  0 0; width: 100%}
.tj-item img{ display: block; margin-bottom: 15px; width: 100% }
.tj-item span{ padding: 10px 5px }
.tj-item:hover{ text-decoration: underline !important; color: #bd1e25}

.entry-cpfl{background: #f5f5f5; margin-top:40px }
.entry-cpfl h3{ background:#242d34; color: #fff; text-align: center; line-height: 60px; }
.entry-cpfl ul{ padding:20px;  }
.entry-cpfl ul li{ display: block; padding:12px; border:1px #999 dashed; background: #fff; margin: 0 0 8px 0 }
.entry-cpfl ul li:hover,.entry-cpfl ul li.active{background: #0757a5;}
.entry-cpfl ul li:hover a,.entry-cpfl ul li.active a{  color: #fff }


.pb80{padding-bottom: 80px}
.pt30{ padding-top: 30px }
.pb30{padding-bottom: 30px}


@media (max-width:980px) {
.pb80{padding-bottom: 15px}
.pt30{ padding-top:6px }
.pb30{padding-bottom:6px}
.entry-cpfl{margin-top:15px; float: none; }
.entry-cpfl h3{line-height:35px; }
.entry-cpfl ul{ padding:10px 5px 5px;  }
.entry-cpfl ul li{ display:inline-block; padding:5px 12px; margin: 0 3px 8px }
.sid-tit{ padding-bottom:8px; margin:15px 0 8px 0;  }
.sid-tit:after{ height: 3px;  width:25%;}
.tj-item{  padding:0; margin: 15px 0  0 0; }
.tj-item img{ display: block; margin-bottom:0; width: 100% }
.tj-item span{ padding: 10px 5px }
.entry-content{ font-size:14px}

}


/*行业*/
/*.appli-list{ padding: 50px 0 20px 0; display: block !important;  }
.appli-list .appli_item{ border-bottom: 30px #eee solid; padding-bottom: 30px; margin-bottom: 30px}
.appli-list .appli_item h3 {color: #222;margin:20px 0 20px 0; font-weight: normal; position: relative;padding-bottom: 20px}
.appli-list .appli_item h3:after{ position: absolute; content: ""; width:50px;  left: 0; bottom: 0; background: #0757a5; height: 2px;transition: .3s all }
.appli-list .appli_item h3 a:hover{ color: #0757a5;transition: .3s all }
.appli-list .appli_item h3:hover:after{ width: 100px; transition: .3s all }
.appli-list .appli_item p {color: #666;line-height: 28px;text-align: left; }

.appli-list .appli_item .son{ display:inline-block; width:15.6666%; text-align: center; margin: 30px 1% 10px 0; text-decoration: underline; }
.appli-list .appli_item .son:nth-child(6){ margin-right: 0 }
.appli-list .appli_item .son img{ margin-bottom: 10px;border: 1px #ddd solid; display: block;}
.appli-list .appli_item .son:hover{ color: #0757a5 }
 
.yyly_fl{ width: 20%; }
.yyly_fr{ width: 77% }
.appli2-tit{ border-radius: 20px; background: #e5edf5; padding:30px 20px; font-weight: normal; }
.appli2-tit p{ padding: 10px 0 0 0; line-height: 1.65 }
.appli2-team{ border-bottom: 1px #e5edf5 solid; margin: 40px 0 0 0; padding: 0 0 40px 0 }
.appli2-team .tit{ font-weight: normal; color: #0757a5; display: block; }
.appli2-team .des{ color: #777; line-height: 1.6; margin: 15px 0 }

.appli3 .tit{   width: 80px; line-height: 30px; color:#fff;  background: #0757a5; text-align: center;   }
.appli3 .pic{ display:inline-block; width:18.6666%; text-align: center; margin:15px 1% 10px 0; text-decoration: underline; }
.appli3 .pic:nth-child(6){ margin-right: 0 }
.appli3 .pic img{ margin-bottom: 10px;border: 1px #ddd solid; display: block;}
.appli3 .pic:hover{ color: #0757a5 }



@media (max-width:980px) {
.article p{ text-indent: 0; line-height: 1.75; font-size:14px; }

.appli-list{ padding:15px 0 15px 0;   }
.appli-list .appli_item{ border-bottom:10px #eee solid; padding-bottom:10px; margin-bottom: 10px}
.appli-list .appli_item h3 {margin:8px 0 8px 0;padding-bottom:8px}
.appli-list .appli_item h3:hover:after{ width:80px;}
.appli-list .appli_item p {line-height:1.55;}
.appli-list .appli_item .son{ display:inline-block; width:32.33333%;  margin:10px 1%  0 0; }
.appli-list .appli_item .son img{ margin-bottom:5px;}
.yyly_fr{ width: 100%; float: none;}

.appli2-tit{ border-radius:10px; padding:8px;  }
.appli2-team .tit{ font-size: 16px }
.appli2-tit p{ padding:4px 0 0 0;  }
.appli2-team{ margin:15px 0 0 0; padding: 0 0 15px 0 }
.appli2-team .des{ margin:6px 0 ; line-height:1.5}
.appli3 .tit{width: 80px; font-size:13px; line-height:26px;  }
.appli3 .pic{ width:32.3333%; margin:4px 1% 4px 0;}
.appli3 .pic img{ margin-bottom: 4px;}

}*/



/*新闻页面*/
.zhence_ul{}
.zhence_ul .item{  background: #f5f6f8;padding:4% 3%; margin-bottom: 25px }
.zhence_ul .item .t1{ font-size: 18px; position: relative; padding: 15px 0; font-weight:normal; display: block;}
.zhence_ul .item .t1:before { position:absolute;content: ""; height: 2px; width:40px; background: #d7132e; left: 0; top: 0; transition: all .3s}
.zhence_ul .item .des{ font-size: 14px; color: #777; line-height:25px }
.zhence_ul .item .last{ color: #777;  display: block; padding-top: 8px}
.zhence_ul .item .last i{ float: right; font-style: normal; }
.zhence_ul .item a{ display: block; }
.zhence_ul .item a:hover .t1{ color: #d7132e;  text-decoration: underline;}
.zhence_ul .item a:hover .last i{color: #d7132e; }
.zhence_ul .item a:hover .t1:before{ width: 55px; }

/*新闻内页*/
.newsdqwz{  line-height: 55px; color: #666; font-size: 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.15) }
.Newsmian{ background: #f5f5f5; padding:0 0 60px 0; }
.Newsmian .news_l{ width: 78%; float: left; }
.Newsmian .news_r{width: 19%; float: right;}

.news_l .n_info_con{ background: #fff; padding: 4% 3%;}
.news_l .n_info_con .tit{font-size: 24px;color: #323232;height: auto;line-height:35px;text-align: left;font-weight: bold;padding-bottom: 10px;border-bottom: 1px solid #efefef;}
.news_l .n_info_con .n_tit{font-size: 13px;color: #999999;text-align: left;line-height: 20px;margin-top: 3%;}
.news_l .n_info_con .n_tit span{ padding-right: 20px }
#cntrBody{ font-size: 16px; color: #555; line-height:2; padding: 30px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 16px;border-top: 1px solid #efefef;color: #666;line-height: 35px;margin: 15px 0 30px;}
.news_l .n_info_con .gduo span{ display: block; }
.news_l .n_info_con .gduo span a:hover{  color: #000; text-decoration: underline;}
.news_l .n_info_con .info_key{ color: #888; font-size:14px; padding-top:15px }

.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 20px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #e82e2f; margin-top: -2px}

.n_info_con2 .info_b{ margin-top: 30px;  }
.n_info_con2 .info_b dl{ width: 23.5%; font-size: 16px; margin-left: 2%; float: left;}
.n_info_con2 .info_b dl:nth-child(1){ margin-left:0 }
.n_info_con2 .info_b dl img{ width: 100%; }
.n_info_con2 .info_b dl dt{ max-height: 220px; overflow: hidden; }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.n_info_con2 .info_b dl:hover dd a{ color:#104fb6; text-decoration: underline; }


.news_r .t03{ font-size: 18px; padding-left: 20px; position: relative; border-bottom:1px #e1e1e1 solid;  line-height: 45px; margin-bottom: 10px }
.news_r .t03:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #e82e2f; margin-top: -2px}
.news_r .newrlist{ background: #fff; margin-bottom: 25px; padding:4% 3%; }
.news_r .newrlist .n_rt_ul{padding:0 8px;}
.news_r .newrlist .n_rt_ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:38px; font-size: 14px; color: #666;padding-left:8px; position: relative;}
.news_r .newrlist .n_rt_ul li:before{  position: absolute; content: ""; left: 0; top: 50%; width: 4px; height:4px; background: #e82e2f; margin-top: -2px; border-radius: 50%}
.news_r .newrlist .n_rt_ul li:hover a{color:#000; text-decoration: underline; }




@media (max-width: 998px){

/*新闻内页*/

.Newsmian{ background: #f5f5f5; padding:0 0 60px 0; }
.Newsmian .news_l{width: 100%; float: none; margin: 20px auto 0 }
.Newsmian .news_r{width: 100%; float: none; display: none;}
.news_l .n_info_con{ padding: 4%;}
.news_l .n_info_con .tit{font-size: 20px;line-height:28px;padding-bottom:6px;}
.news_l .n_info_con .n_tit{font-size: 11px;line-height: 20px;margin-top: 8px;}
.news_l .n_info_con .n_tit span{ padding-right:8px }
#cntrBody{ font-size: 14px; line-height:2; padding:15px 0 }

.news_l .n_info_con .gduo {padding: 2% 0;font-size: 14px;line-height: 35px;margin: 15px 0 15px;}
.news_l .n_info_con .info_key{  display: none; }
.n_info_con2{ margin-top: 35px }
.n_info_con2 .t04{ font-size: 20px; padding-left: 20px; position: relative; }
.n_info_con2 .t04:before{  position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #e82e2f; margin-top: -2px}
.n_info_con2 .info_b{ margin-top:5px;  }
.n_info_con2 .info_b dl{ width: 48%; font-size: 15px; margin:10px 1%; }
.n_info_con2 .info_b dl:nth-child(1){margin:10px 1%;}
.n_info_con2 .info_b dl dt{ max-height: 100%;  }
.n_info_con2 .info_b dl dd{  text-align: center; padding-top:10px;}
}



/*联系*/

.contact{ padding:20px 50px 70px }
.contactbox{display: flex; justify-content: space-between;align-items: stretch; margin-top: 60px; margin-bottom: 50px}
.contactbox .cont-item{ background: #fff; text-align: center; padding:4% 3%; border: 1px solid #efefef; box-shadow: 0 0 10px rgba(0,0,0,0.08); width: 23%}
.contactbox .cont-item .tit{ font-size: 22px; color: #333; font-weight: bold;}
.contactbox .cont-item .pic1{ width:70px;height:70px; border-radius: 5px; margin: 10px auto;background: #ea4546;background: linear-gradient(-135deg,#005496,#ea4546)}

.contactbox .cont-item .pic2{ width: 130px; height: 130px;margin: 10px auto; }
.contactbox .cont-item .pic2 img{ width: 120px; border:5px #ddd solid;  margin: 0 auto }
.contactbox .cont-item .con{ color: #444; font-size: 16px; line-height: 1.8}

@media (max-width:980px) {
.contact{ margin:15px auto;  }
.contact-lx{ padding:10px; width: 100%;  float: none; }
.contact-lx p{ margin:5px 0;  }
.contact-map{ width: 100%; height:250px;float: none;}
}

/*留言*/
.contactmsg {background: url(../images/footer_bg.jpg) no-repeat top center/cover; color: #fff; position: relative;}
.contactmsg:after{ position: absolute;content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.5);left: 0; top: 0; z-index: 1 }
.imsg{padding: 0 80px;padding-top:130px;padding-bottom:50px; position:relative; z-index: 22 }
.contactmsg .common-title .t1{color: #fff; text-align: center; font-size:38px; line-height: 1}
.contactmsg .common-title .t2{color:rgba(255,255,255,1); text-align: center; font-size:17px; line-height: 1; margin-top:20px}
.IB > * {display: inline-block;vertical-align: top;font-size: 14px;}
.contactmsg input {height: 35px;border: none;outline: 0;width: -webkit-calc(100% - 65px);width: calc(100% - 65px);color: #fff;font-size: 15px;background-color: transparent}
.contactmsg input::placeholder{ color: rgba(255,255,255,.6); }
.contactmsg li {width: -webkit-calc((100% - 100px) / 3);width: calc((100% - 100px) / 3);font-size: 18px;border-bottom: 1px solid #fff;padding-bottom: 7px;position: relative}
.contactmsg li .tips {color: #fff;font-size: 13px;position: absolute;bottom: -28px;display: none}
.contactmsg li.onerr .tips {display: block}
.contactmsg li span {display: inline-block;width: 40px}
.contactmsg ul {margin-top:55px}
.contactmsg li + li {margin-left: 40px}
.contactmsg li.w100 {margin-left: 0;margin-top:40px;width: 100%}
.contactmsg .more {margin: 45px auto 0; background: #0082e7; color: #fff; width:150px; text-align: center; border-radius:50px;  padding: 5px 0}
.contactmsg .more input{ font-size: 20px }

@media (max-width:998px) {
.contact {padding: 10px 10px 20px;}
.contactbox { display:block;margin: 10px auto}
.imsg{padding:0 .3rem;padding-top:1.5rem;padding-bottom:.2rem; }
.contactbox .cont-item{  width:100%; margin-bottom:15px; padding:5% 3%}
.contactbox .cont-item .pic{ padding:0% 0;}
.contactmsg .common-title .t1{ font-size:.34rem; }
.contactmsg .common-title .t2{ font-size:.20rem;margin-top:.15rem; line-height: 1.5; color: rgba(255,255,255,.8);}
.contactmsg {padding-top:.2rem;padding-bottom:.2rem; }

.contactmsg input {height: .6rem;border: none;outline: 0;width: -webkit-calc(100% - 1.2rem);width: calc(100% - 1.2rem);color: #fff;font-size: .26rem;background-color: transparent}
.contactmsg input::placeholder{ color: rgba(255,255,255,.8); }
.contactmsg li {width: 100%;font-size: .28rem;margin-bottom:.15rem;border-bottom: 1px solid rgba(255,255,255,.45);}
.contactmsg li .tips {color: #fff;font-size:.22rem;position: absolute;bottom:-.15rem;display: none}

.contactmsg li span {display: inline-block;width:.8rem}
.contactmsg ul {margin-top:.45rem}

.contactmsg li + li {margin-left: 0px; }
.contactmsg li.w100 {margin-top:.4rem;}
.contactmsg .more {margin-top: .2rem; padding:.08rem 0; width:3rem;  border-radius: .5rem; font-weight: normal;}
.contactmsg .more input{ font-size:.32rem; }

}

/*关于我们*/
.iaboutboxny .aboutjj{width:50%;  }
.iaboutboxny .aboutjj p{ padding-bottom: 15px; line-height: 2; font-size: 17px}
.iaboutboxny .videobox{ width:48%; position: relative; height: 380px;  border-radius: 15px; overflow: hidden;}
.iaboutboxny .videobox .videoIMg01 {position: relative;margin: 0 auto;z-index: 6}
.iaboutboxny .videobox .videoIMg01 img {margin: 0 auto;border-radius: 15px; width: 100% }
.iaboutboxny .videobox .videoIMg01:after{ position: absolute;content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); left: 0; top:0;border-radius: 15px;  }
.videoBtn .sjx {display: block;width: 0px;height: 0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #000;content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);}
.iaboutboxny .videobox .videoBtn {top:40%;}
.qywhyj{ margin:90px auto }
.qywhyj ul{ display: flex; justify-content: space-between;}
.qywhyj ul li{ width:30%; color: #fff; font-size: 15px; border-radius: 20px; position: relative; }
.qywhyj ul li:after{ position: absolute; content: ""; left: 0; top: 0; width: 100%; height:100%; background:rgba(0,0,0,.60);z-index: 44}
.qywhyj ul li h4{ font-size: 22px; position: relative; padding-left: 25px; z-index: 100 }
.qywhyj ul li h4:before{ position: absolute; content: ""; left: 0; top: 50%; width: 15px; height:4px; background: #e82e2f; margin-top: -2px}
.qywhyj ul li p{ position: relative; z-index: 99; line-height:2.2; padding-top: 25px;  }
.qywhyj ul li .comc img{ width: 100% }
.qywhyj ul li .des{position: absolute; left: 10%; height:100%; width: 80%; top:100px; }

.videoBox {width: 70%;max-width: 1000px;height: auto;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);background: #fff;padding: 35px 0px;border-radius: 10px;z-index: 999999; display: none;}
.videoBox video {display: block;position: relative;width: 100%;}
.videoCloseBtn {width: 35px;height: 35px;position: absolute;right: 10px;top: 0px;line-height: 35px;text-align: center;cursor: pointer;-webkit-transition: all .5s;}
.videoBtn span {display: block;width: 0px;height: 0px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #000;content: '';position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);}
.videoBtn p {color: #fff;width: 150%;height: auto;position: absolute;left: -25%;top: 150%;text-align: center;font-size: 16px;}
@-webkit-keyframes scaleAnimate {
    0% {
        -webkit-transform: scale(1);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1.5);
        opacity: 0.7;
    }

    100% {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}

.videoBtn::before,
.videoBtn::after {width: 100%;height: 100%;border: 1px solid #fff;position: absolute;left: -1px;top: -1px;content: '';border-radius: 50%;-webkit-animation: scaleAnimate 2s linear infinite;opacity: 0;}
.videoBtn::after {-webkit-animation-delay: .5s;}

.picbox-ul li{ display: inline-block; margin:10px 1% 35px;  text-align: center; width: 23%; box-shadow: 0 0 15px rgba(0,0,0,.15);}
.picbox-ul li img{ }
.picbox-ul li h3{ background: #f5f5f5; padding: 25px 3px; font-size: 18px }
.picbox-ul li:hover{ box-shadow: 0 0 15px rgba(0,0,0,.35); }



@media (max-width: 998px){

.iaboutboxny .aboutjj{width:100%; float: none;  margin-top:20px }
.iaboutboxny .aboutjj p{ padding-bottom: 10px;font-size: 14px}
.iaboutboxny .videobox{ width:100%; float: none; height: auto;  border-radius: 10px;}
.iaboutboxny .videobox .videoIMg01 {position: relative;margin: 0 auto;z-index: 6}

.qywhyj{ margin:30px auto }
.qywhyj ul{ display: block; }
.qywhyj ul li{ width:100%; font-size: 13px; border-radius: 10px; overflow:hidden; height: 230px; margin-bottom: 15px }

.qywhyj ul li h4{ font-size: 16px;  padding-left:15px; }
.qywhyj ul li h4:before{  width:10px; height:3px;  margin-top: -2px}
.qywhyj ul li p{ line-height:1.8; padding-top:15px;  }
.qywhyj ul li .des{ top:50px; }


.picbox-ul li{width:47%;float:left;margin:0 1% 15px;}
.picbox-ul li h3{ padding:15px 3px; font-size: 14px; background: #fff}
.picbox-ul li img{  height:120px !important; display: block;}

}


/*服务*/

.ser-one,.ser-two,.ser-three,.ser-four{padding-top:90px; clear: both; height: auto; overflow: hidden;}
.ser-one h2,.ser-two h2,.ser-three h2,.ser-four h2{font-size:40px;color:#000;font-weight: 600;text-align: center; text-transform: uppercase;}
.ser-txt{font-size: 17px;color:#666;text-align: center;margin:25px auto 35px;}
.ser-one ul li{width: 22%;margin:0 1%; text-align:center;overflow: hidden; display: inline-block;}
.ser-one ul li img{ width:100%; height:auto; transition:all 0.3s;}
.ser-one ul li:hover img{transform: scale(1.06, 1.06);}
.ser-one ul li div{background: #f5f9ff;padding:7% 0 7%;}
.ser-one ul li h3{display: block;color:#ea383a;font-size:44px;font-weight: 600; font-family: arial}
.ser-one ul li h3 span{font-size: 16px;}
.ser-one ul li p{font-size: 16px;color:#666; padding-top:10px}
.ser-two{ max-width:1920px; margin:0 auto 0; overflow:hidden}
.ser-two ul{ height: auto; overflow: hidden; }
.ser-two ul li{float: left;width: 48%;position: relative; margin-left: 1%}  
.ser-two ul li:nth-child(2){ float: right; margin-right: 1% }
.ser-two ul li img{ width:100%; height:auto}
.ser-two ul li div{position: absolute;left: 5%;bottom: 20px;background:rgba(255,255,255,.8);padding: 3%;width: 48%;}
.ser-two ul li:nth-child(1) div{ width: 73% }
.ser-two ul li h4{font-size: 30px;color:#000;font-weight: 600;margin-bottom: 15px;}
.ser-two ul li p{font-size: 16px;color:#666;line-height:25px;}
.ser-two ul li p a{color:#ff2d11;font-size: 28px;font-weight: 600;font-family: arial}
.ser-three{ }
.itemser{margin-left: -2%;}
.itemser li{position:relative;float:left;width: 15%;margin-left: 1%;  overflow:hidden;cursor:pointer;}
.itemser li img{ width:100%; height:auto}
.itemser div{position:absolute;left:0;bottom:0;width:100%;height:50px;text-align:center;background:rgba(10,46,96,0.8);color:#FFF;overflow:hidden; transition: all 0.3s;padding: 0 5px}
.itemser li:hover div{ height: 250px; transition: all 0.3s;  }
.itemser p{margin:5px auto 0;line-height:20px;font-size:14px;text-align: center;}
.itemser h3{font-size: 18px;line-height: 50px}
.itemser li:hover h3{margin-top: 20px;font-size: 20px;font-weight: 600;line-height:30px}
.ser-four{overflow: hidden; }
.ser-four-r{ clear: both;;height: auto; overflow: hidden;  margin:0 auto;background: url(../images/ser/ser_13.jpg) center top no-repeat; background-size: 100%; }
.ser-four-r ul{width: 90%; margin: 50px 5%;}
.ser-four-r h4{font-size: 28px;color: #000;line-height: 60px;font-weight: bold;}
.ser-four-r .text{background: url(../images/ser/ser_icon1.png) left center no-repeat;padding-left: 15%;}
.ser-four-r .text1{background: url(../images/ser/ser_icon2.png) left center no-repeat;padding-left: 15%;}
.ser-four-r .text2{background: url(../images/ser/ser_icon3.png) left center no-repeat;padding-left: 15%;}
.ser-four-r .fu{font-size: 14px;color: #727171;margin-bottom: 20px;line-height: 28px;overflow: hidden;}
.ser-four-r .four-a{display: block;padding:25px 5%;background: #ffcd11;}
.ser-four-r .four-a p,.ser-four-r p{color:#666;line-height: 28px;font-size: 14px;}

.ser-four-r ul li{width:31.5%;margin-left: 2%; display:inline-block; margin-top: 20px;vertical-align: top  }
.ser-four-r ul li:nth-child(1){ margin-left: 0 }
.ser-four-r ul li a{padding: 25px 5%;display: block;background:rgba(255,255,255,.8); }
.ser-four-r ul li:hover a{background:#ffcd11}

@media (max-width: 998px){
.ser-one,.ser-two,.ser-three,.ser-four{padding-top:20px; }
.ser-one h2,.ser-two h2,.ser-three h2,.ser-four h2{font-size:18px; margin-bottom: 15px}
.ser-txt{font-size: 14px;margin:5px auto 15px; display: none;}
.ser-one ul li{width:46%;margin:0 1.5% 10px 1.5%;}
.ser-one ul li img{ display: none; }
.ser-one ul li div{padding:8px 0; }
.ser-one ul li h3{font-size:18px;}
.ser-one ul li h3 span{font-size: 12px;}
.ser-one ul li p{line-height: 1.6;font-size: 10px;  padding-top: 5px}

.ser-two ul li{width: 90%;position: relative; clear: both; margin: 8px 5%}  
.ser-two ul li:nth-child(2){ width: 90%;clear: both !important; margin: 8px 5% }
.ser-two ul li div{position: absolute;left: 0;bottom: 0;padding:3%; width: 100%}
.ser-two ul li:nth-child(1) div{width: 100% }
.ser-two ul li h4{font-size:16px; margin-bottom: 5px}
.ser-two ul li p{font-size:12px; line-height: 1.5}
.ser-two ul li p a{font-size:16px;}

.itemser li{width: 32%; margin-top: 10px}
.itemser div{width:100%;height:auto;padding: 0 5px; height: 100%}
.itemser h3 {line-height: 1; padding:20px 0 1px; font-size: 14px}
.itemser p{ font-size: 12px; line-height: 1.55; margin: 0 auto }

.ser-four{padding-bottom:15px; margin:15px auto 0 auto}
.ser-four-r{ background-size: cover; }
.ser-four-r ul{margin:20px 4%;}
.ser-four-r h4{font-size:16px;line-height:30px;}
.ser-four-r .text{background: none;padding-left: 0;}
.ser-four-r .text1{background: none;padding-left: 0;}
.ser-four-r .text2{background: none;padding-left: 0;}
.ser-four-r .fu{font-size: 14px;color: #727171;margin-bottom: 15px;line-height: 22px;overflow: hidden;}
.ser-four-r .four-a{display: block;padding:15px 3%;}
.ser-four-r .four-a p,.ser-four-r p{line-height: 25px;}
.logo .h2 {font-size: 15px;}
.ser-four-r ul li{width:96%;display:block; margin: 10px 3% 5px 3% !important;}
.ser-four-r ul li a{padding:10px 3%;display: block;background:rgba(255,255,255,.8); height: auto;}
}