@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0; list-style:none; box-sizing:border-box; font-size: 14px;}
img{ border:0;}
a{ text-decoration:none; color:#333; transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s;  }
input,textarea,button{outline:none;}
em{ font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
hr{ border:none;}
.l{ float:left}
.r{ float:right}
.tow{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.w1440{ width:1400px; margin: 0 auto; }
.container{width:1200px; margin: 0px auto;}
.clearfix{zoom:1; clear: none}
.clearfix:before,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}



/* 导航栏 */
.header_all{width:100%; height: 108px; }
.h_logo{width:130px;  height: 108px; float: left; position: relative; z-index: 9}
.h_logo img{width:100%; height: auto; display: block}
.header_input{width:188px; height: 40px; float: right; border: 1px solid #bebebe; margin-top: 32px;}
.header_input input[type="text"]{width:144px; height: 100%; float: left;  padding: 0 10px; font-size:16px; color: #777777; border: 0}
.h_search{width:42px; height: 100%; float: left; background: #e60012 url(../images/s_icon.png) no-repeat center; border: 0}
.nav{width:700px; height:42px; float: left; margin-left:70px; margin-top: 30px}
.nav .nLi{ float:left;  position:relative; display:inline; height:42px;  width:115px; text-align: center;  }
.nav .nLi h3{ height:100%; width:100%; text-align: center;}
.nav .nLi h3 a{font-size:16px;  color:#222222;  position: relative  }
.nav .nLi h3 a p{font-size:16px; color:#222222; line-height:40px; display: table; margin: 0px auto;}
.nav .nLi:hover h3 p,.nav li.active h3 p{color:#e60012}
.nav .sub{ display:none;left:50%; top:48px;  position:absolute;  line-height:26px; width:160px; margin-left: -80px;  z-index: 999; background: #ddd;}
.nav .sub li{ zoom:1; border-bottom: 1px solid #eeeeee;  height:40px; line-height:40px;  background:#eeeeee;text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #434343; font-size: 14px; height: 100%; }
.nav .sub a:hover{color:#e60012}

.h_yuyan{float:left; color:#333; font-size:16px; margin-top:38px;}
.h_yuyan:hover{color:#e60012}


/* 首页:banner */
.banner{ width:100%; height:760px; position: relative; overflow: hidden;}
.banner .slideBox{position:relative;overflow:hidden;width:100%;height:100%}
.banner .slideBox .hd{position:absolute;right:50%; margin-right: -40px; bottom:30px;z-index:1;overflow:hidden;height:22px}
.banner .slideBox .hd ul{float:left;overflow:hidden;zoom:1}
.banner .slideBox .hd ul li{float:left;margin-right:15px;width:12px;height:12px; background: #fff;cursor:pointer; border-radius: 50%;}
.banner .slideBox .hd ul li.on{background: #e60012}
.banner .slideBox .bd{position:relative;z-index:0;width:100%;height:100%}
.banner .slideBox .bd ul{width:100%;height:100%}
.banner .slideBox .bd li{width:100%;height:100%;vertical-align:middle;zoom:1}
.banner .slideBox .bd li a{display:block;overflow:hidden;width:100%;height:100%; }



/*学院*/
.index_xproduct{width:100%; height: auto; background: #f9f9f9; padding:110px 0 128px }
.index_xproduct_all{width:100%; height: auto; position: relative; margin-top: 40px}
.index_xproduct_all .swiper-slide a{width:100%; height: auto; display: block}
.index_xproduct_pic{width:100%; height:360px; display: block; overflow: hidden; display: flex; align-items: center;}
.index_xproduct_pic img{max-width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; align-items: center; margin: 0px auto;}
.index_xproduct_xx{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.index_xproduct_xx h4{width:100%; height: 40px; line-height: 40px; color: #404040; font-size: 24px;  text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; text-align: center; margin-bottom: 10px}
.index_xproduct_xx p{width:100%; height:52px; line-height: 26px; color:#404040; font-size: 18px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; text-align: center}
.index_xproduct_xx span{width:140px; height: 40px; line-height: 40px; color:#fff; background: #e60012; text-align: center; border-radius: 8px; display: block; 
	margin: 30px auto; font-size: 20px;}
.index_xproduct_xx span:hover{background:none; border:1px solid #e60012; color:#e60012}
.index_xproduct_all .swiper-slide a:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}



/*产品*/
.index_product{width:100%; height: auto; overflow: hidden; margin-top: 115px; margin-bottom: 140px;}
.index_product ul{width:100%; height: auto; overflow: hidden; margin-top: 48px;}
.index_product ul li{width:194px; height: auto; float: left; position: relative; margin-right:7px}
.index_product ul li img{width:100%; display: block}
.index_product_title{width:80%; height:auto; border: 1px solid #fff; text-align: center; padding: 8px; position: absolute; top:20px; left:50%; 
	transform: translate(-50%,0);}
.index_product_title h4{color:#fff; font-size: 24px;}
.index_product_title p{color:#fff; font-size: 14px; text-transform: uppercase; overflow: hidden; white-space: nowrap}
.index_product ul li:nth-child(6n){margin-right: 0}
.index_product_img{width:100%; height: auto; overflow: hidden}
.index_product_img img{width:100%; height: auto; display: block}



/*新闻*/
.index_news{width:100%; height: auto; overflow: hidden;  margin: 114px 0 100px}
.index_news ul{width:100%; height: auto; overflow: hidden; margin-top:74px }
.index_news ul li{width:100%; height: auto; overflow: hidden; border-top:1px solid #bebebe; padding: 24px 0}
.index_news_pic{width:280px; height: auto; float: left; overflow: hidden}
.index_news_pic img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_news_xx{width:650px; height: auto; float: left; margin-left: 58px; margin-top: 10px;}
.index_news_xx h4{width:100%; height: 30px; line-height: 30px; color:#404040; font-size: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.index_news_xx span{width:100%; margin:15px 0; color:#777777; font-size:16px; display: block}
.index_news_xx p{width:100%; height: 52px; overflow: hidden; line-height:26px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-size: 18px; color: #777777}
.index_news_more{width:140px; height: 40px; float: right; border: 1px solid #bebebe; text-align: center; line-height: 40px; font-size:20px; color: #404040; 
	border-radius: 8px; margin-top: 10px;}
.index_news_more:hover{background: #e60012; color:#fff}
.index_news ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


/*图片展示*/
.index_zhanshi{width:100%; height: auto; overflow: hidden}
.index_zhanshi ul{width:100%; height: auto; overflow: hidden}
.index_zhanshi ul li{height: auto; float: left; overflow: hidden}
.index_zhanshi ul li img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.index_zhanshi_li{width:25%}
.index_zhanshi_two{width:27.6%}
.index_zhanshi_three{width:22.4%}
.index_zhanshi ul li img:hover{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


/*联系我们*/
.index_contact{width:100%; height:auto; overflow: hidden; margin:110px 0 0; padding-bottom: 60px; }
.index_contact_title{width:100%; height: auto;  text-align: center}
.index_contact_title h4{color:#575757; font-size: 20px;}
.index_contact_title h5{color:#404040; font-size: 40px;}
.index_contact_tab{width:auto; display: table; margin: 0px auto}
.index_contact_tab a,.in_cpic{width:115px; height: auto; float: left; text-align: center; margin: 70px 26px; position: relative}
.index_contact_tab a p,.in_cpic p{color:#404040; font-size: 20px; margin-top: 8px;}
.in_cpic_pic{width:120px; height: auto; position: absolute; top:100px; left:0; border: 1px solid #eee; display: none}
.in_icon{ -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;}
.in_cpic:hover img.in_cpic_pic{display: block}
.index_contact_tab a:hover .in_icon{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}



/*产品列表*/
.ny_banner{width:100%; height:580px; }
.product_ban{background: url(../images/product_ban.jpg) no-repeat center}
.case_ban{background: url(../images/case_ban.jpg) no-repeat center}
.chang_ban{background: url(../images/chang_ban.jpg) no-repeat center}
.about_ban{background: url(../images/about_ban.jpg) no-repeat center}
.service_ban{background: url(../images/service_ban.jpg) no-repeat center}
.news_ban{background: url(../images/news_ban.jpg) no-repeat center}
.contact_ban{background: url(../images/contact_ban.jpg) no-repeat center}
.ny_product_nav{width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.product_nav_left{width:180px; height: 160px; background: #e60012; text-align: center; padding:25px 20px; float: left}
.product_nav_left span{color:#e60012; font-size: 16px; background: #fff; display: block; margin:10px auto; width: 100px; height: 34px; line-height: 34px; }
.ny_product_nav ul{width:1010px; min-height: 160px; float: right; background: #fff; padding: 0 20px;}
.ny_product_nav ul li{width:120px; height: 160px; float: left}
.ny_product_nav ul li p{color:#404040; font-size: 16px; text-align: center; margin-top: 10px;}
.ny_product_nav ul li.active p,.ny_product_nav ul li:hover p{color:#e60012}
.ny_product_icon{width:100%; height:70px; display: flex; align-items: center; margin-top:28px }
.ny_product_icon img{align-items: center; margin: 0px auto; max-height: 100%}


.ny_product_all{width:100%; height: auto; overflow:hidden; margin-top: 40px; margin-bottom: 80px}
.ny_product_all h3{color:#222222; font-size: 22px; }
.ny_product_all ul{width:100%; height: auto; margin-top:20px }
.ny_product_all ul li{width:24.3%; height: auto; margin-right: 10px; background: #fff; padding: 10px 10px 20px; float: left; margin-bottom: 20px;}
.ny_product_all ul li:nth-child(4n){margin-right: 0}
.ny_xproduct_pic{width:90%; height:300px; display: block; overflow: hidden; display: flex; align-items: center; margin: 0px auto;}
.ny_xproduct_pic img{max-width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; align-items: center; margin: 0px auto;}
.ny_xproduct_xx{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.ny_xproduct_xx h4{width:100%; height: 30px; line-height:30px; color: #404040; font-size: 18px;  text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; text-align: center; }
.ny_xproduct_xx p{width:100%; height:26px; line-height: 26px; color:#777777; font-size: 14px;  text-overflow: ellipsis; overflow: hidden; 
	white-space: nowrap; text-align: center;}






/*底部*/
.footer{width:100%; height:auto; overflow: hidden; background: #474747; padding-top: 48px; }
.footer_top{width:1200px; height: auto; margin: 0px auto; overflow: hidden}
.footer_top dl{width:auto; margin-right: 76px; float: left;}
.footer_top dl:last-child{margin-right: 0}
.footer_top dl dt{color:#fff; font-size: 20px; margin-bottom: 15px;}
.footer_top dl dd{width:100%; height: auto; overflow: hidden}
.footer_top dl dd a{color:#ffffff; font-size: 16px; opacity: 0.5; line-height: 28px; display: block}
.footer_top dl dd a:hover{opacity: 1}
.footer_bottom{width:100%; height:80px; background: #404040; padding:23px 0; margin-top: 50px;}
.footer_bottom p{color:#fff; font-size: 14px; opacity: 0.5; padding-left: 40px; line-height: 35px; float: left}
.f1{background: url(../images/f1.png) no-repeat left center; margin-right:40px;}
.f2{background: url(../images/f2.png) no-repeat left center; margin-right:40px;}
.f3{background: url(../images/f3.png) no-repeat left center; margin-right: 0}
.footer_copy{width:100%; height: auto; overflow: hidden; margin: 30px 0}
.footer_copy_tab{display: table; margin: 0px auto;}
.copy{clear:both;width:100%;height:30px; line-height:30px;  position: relative; border-top:1px solid rgba(255,255,255,0.1) }
.copy_l{font-size:16px; color:#777777; height: 100%; width: auto; float: left; line-height: 30px; }
.copy_l a{color:#777777}
.copy_l a:hover{color:#0d357f!important}
.footer_zhichi{width:auto; height:30px; overflow: hidden; float: right;  margin-left: 20px;}
.footer_zhichi p{ width: auto; float: left; margin-right: 20px;   color:#777777; height: 100%; line-height: 30px;}
.footer_zhichi .pt{width:121px;height: 18px; background: url(../images/vl.png) no-repeat;  margin-right: 10px; margin-top:5px;}
.footer_zhichi .js{width:88px;height: 18px; background: url(../images/yd.png) no-repeat;  margin-top: 5px}

.footer_zhichi span{float: left; font-size: 16px; color: #777777;}
.footer_zhichi i{ float: left;}
.footer_links:hover .footer_lj{display: block}






/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:250px;
    width: 77px;
    z-index: 999;
}
.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 47px;
    margin-top: 9px;
    width: 300px;
	 font-size: 14px;
}
.leftlx {
    float: left;
    height: 47px;
    width: 77px;
}
.lxfx li span {
    border-left: 1px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top:16px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -145px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.lxfx li i {
    display: block;
    height: 34px;
    margin: 0 auto 8px;
    text-align: center;
    width: 38px;
}
.lxfx li i.icon-tel {
background: url(../images/icon-tel.png) no-repeat center
}
.lxfx li i.icon-ly {
    background: url(../images/icon-ly.png) no-repeat center
}
.lxfx li i.icon-wx {
    background: url(../images/icon-wx.png) no-repeat center
}
.lxfx li i.icon-wb {
    background-position: -30px -22px;
}
.lxfx li i.icon-top {
    background: url(../images/icon-top.png) no-repeat center
}

.lxfx li p {
    line-height: 12px;
    text-align: center;
}
.lxfx li {
    background:#e60012;
    height: 74px;
    margin-bottom:10px;
    margin-left: 0;

    position: relative;
    width: 77px; float:left;
}










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

}





.ny_baninfo {
    width: 1200px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
   transform: translate(-50%,-50%);
}

.ny_baninfo h3 {
    font-size: 28px;
    color: #e60012;
    line-height: 40px;
    margin-top: 60px;
}

.ny_baninfo .ny_fubiao {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 28px;
}

.ny_baninfo .ny_fubiao hr {
    width: 55px;
    height: 1px;
    float: left;
    background: #e60012;
    margin-top: 10px;
    margin-right: 8px;
}

.ny_baninfo .ny_fubiao p {
    float: left;
    font-size: 14px;
    color: #e60012;
}

.ny_baninfo .ny_fubiao p a {
    font-size: 14px;
    color: #e60012
}

.ny_baninfo h4 {
    font-size: 56px;
    font-family: "Arial"
}

.ny_baninfo .ny_fubiao p a:hover {
    color: #e60012
}

.shine {
    background: #e60012 -webkit-gradient(linear, left top, right top, from(#e60012), to(#e60012), color-stop(0.9, #fff)) 0 0 no-repeat;
    -webkit-background-size: 125px;
    color: rgba(255, 255, 255, 0.1);
    -webkit-background-clip: text;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    display: block;
    position: absolute;
    left: 0;
    top: 0%;
    -webkit-animation-name: shine;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes shine {
    0% {
        background-position: top left;
    }
    100% {
        background-position: top right;
    }
}


/*内部二级导航*/

.ny_nav {
    width: 100%;
    height: 67px;
    margin-top: -26px;
    position: relative;
    z-index: 9
}

.ny_nav ul {
    width: auto;
    margin: 0px auto;
    display: table;
    background: #e60012;
    border-radius: 38px; max-width:1200px;
}

.ny_nav ul li {
    width: 120px;
    height: 67px;
    line-height: 67px;
    float: left;
    text-align: center;
    position: relative;
}

.ny_nav ul li a {
    width: 100%;
    height: 100%;
    display: block;
    color: #fff
}

.ny_nav ul li:first-child {
    border-radius: 38px 0 0 38px;
}

.ny_nav ul li:last-child {
    border-radius: 0px 38px 38px 0px;
}

.ny_nav ul li:hover,
.ny_nav ul li.active {
    background: url(../images/san_bj.png) no-repeat bottom center
}

.ny_pro_bt {
    width: 100%;
    height: auto;
    overflow: hidden
}

.ny_pro_bt ul {
    width: 1200px;
    height: auto;
    overflow: hidden;
    margin: 60px auto 0;
}

.ny_pro_bt ul li {
    width: auto;
    float: left;
    background: url(../images/p_xx.png) no-repeat left center;
    padding-left: 50px;
    margin-right: 30px;
    line-height: 40px;
    margin-bottom: 10px;
}

.ny_pro_bt ul li a {
    font-size: 18px;
    color: #060507;
}

.ny_pro_bt ul li:hover a {
    color: #e60012
}

.ny_pro_bt ul li:hover {
    background: url(../images/p_hx.png) no-repeat left center
}

.ny_pro_bt ul li.active {
    background: url(../images/p_hx.png) no-repeat left center
}

.ny_pro_bt ul li.active a {
    color: #e60012
}





/*产品详情页*/

.ny_pro_ft {
    width: 100%;
    height: auto;
    margin-top: 60px;
}

.ny_pro_ft h3 {
    font-size: 30px;
    color: #1b1b1b;
    font-weight: 500;
    margin-bottom: 25px;
    text-align: center;
}

.ny_pro_ft p,
.ny_pro_fts p {
    font-size: 14px;
    color: #707070;
    line-height: 30px;
    text-align: center;
    width: 910px;
    margin: 0px auto;
}

.ny_product_show {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 55px 0;
}

.ny_pro_top {
    width: 100%;
    height: auto;
    overflow: hidden
}

.ny_pro_tleft {
    width: 523px;
    height: 486px;
    float: left
}

.ny_pro_tleft .slideBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
}

.ny_pro_tleft .slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 1;
}

.ny_pro_tleft .slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.ny_pro_tleft .slideBox .hd ul li {
    float: left;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    line-height: 14px;
    text-align: center;
    background: #c9c9c9;
    cursor: pointer;
    border-radius: 50%;
}

.ny_pro_tleft .slideBox .hd ul li.on {
    background: #e60012;
    color: #fff;
}

.ny_pro_tleft .slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.ny_pro_tleft .slideBox .bd ul {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.ny_pro_tleft .slideBox .bd li {
    width: 100%;
    height: 100%;
}

.ny_pro_tleft .slideBox .bd img {
    width: 100%;
    height: 100%;
    display: block;
}

.ny_pro_tright {
    width: 630px;
    height: auto;
    float: right
}

.ny_pro_tright h1 {
    font-size: 36px;
    color: #191919;
    height: 50px;
    line-height: 50px;
    margin-top: 10px;
    font-weight: 700;
}

.ny_pro_p {
    width: 100%;
    height: 81px;
    border-bottom: 1px solid #e5e5e5;
    margin-top: 15px;
    overflow: hidden
}

.ny_pro_p p {
    width: 100%;
    height: 100%;
    color: #000000;
    line-height: 35px;
    font-size: 15px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ny_pro_a {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 20px 0
}

.ny_pro_a a {
    width: 260px;
    height: 60px;
    background: #959595;
    display: block;
    overflow: hidden;
    line-height: 60px;
    font-size: 18px;
    color: #fff;
    float: left;
    margin-right: 18px;
}

.ny_pro_a a:hover {
    background: #313131;
}

.ny_pro_a a i {
    font-size: 28px;
    margin-right: 10px;
    float: left;
    margin-left: 56px;
}

.ny_pro_dh {
    width: 100%;
    height: 80px;
    margin-top: 20px;
}

.ny_pro_dh i {
    color: #333;
    font-size: 38px;
    float: left;
    line-height: 70px;
    margin-right: 10px;
}

.ny_pro_ddh {
    float: left;
}

.ny_pro_ddh p {
    font-size: 14px;
    color: #313131;
}

.ny_pro_ddh span {
    font-size: 30px;
    color: #e60012;
    font-family: "Impact"
}

.ny_pro_24 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden
}

.ny_pro_24 p {
    font-size: 14px;
    color: #313131;
    background: url(../images/dh.png) no-repeat left center;
    float: left;
    padding-left: 20px;
    margin-right: 30px;
}

.ny_pro_bottom {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-top: 65px;
}

.ny_pro_bleft {
    width: 869px;
    height: auto;
    overflow: hidden;
    float: left
}

.ny_pro_bright {
    width: 300px;
    height: auto;
    float: right
}

.ny_probt_case {
    width: 100%;
    height: 368px;
    margin-top: 30px;
}

.ny_proshow_num h3,
.ny_proshow_info h3 {
    font-size: 30px;
    color: #313131;
    font-weight: 500;
    text-align: center;
    margin-bottom: 24px;
}

.nyprocase-div {
    width: 100%;
    height: 203px;
    overflow: hidden;
    position: relative
}

.ny_probt_xx h3 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #313131;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ny_proinput .ny_pro_ft {
    margin-top: 50px;
}

.ny_proinput .ny_pro_ft span {
    color: #e60012;
}

.ny_proinput ul {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-top: 38px;
}

.ny_proinput ul li {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
    overflow: hidden
}

.ny_proinput ul li div {
    height: 36px;
    width: 420px;
    border: 1px solid #d2d2d2;
    float: left;
}

.ny_proinput ul li div input {
    width: 100%;
    height: 100%;
    border: 0px;
    padding-left: 10px;
}

.li_dh {
    float: right!important
}

.ny_proinput ul li textarea {
    width: 100%;
    height: 88px;
    border: 1px solid #d2d2d2;
    padding: 10px;
    resize: none
}

.liji_su {
    width: 423px;
    height: 46px;
    background: #e60012;
    font-size: 16px;
    color: #ffffff;
    border: 0px;
    margin: 10px auto;
    display: block
}

.ny_proinput {
    overflow: hidden;
    margin-bottom: 20px;
}

.ny_probt {
    width: 100%;
    height: 50px;
}

.ny_probt li {
    width: 100%;
    height: 50px;
    background: #eeeeee;
    color: #313131;
    font-size: 18px;
    float: left;
    text-align: center;
    line-height: 50px;
    margin-right: 1px;
}

.ny_probt li:last-child {
    margin-right: 0px;
}

.ny_probt li:hover {
    background: #e60012;
    color: #fff
}

.ny_probt li:hover a {
    color: #fff
}

.ny_probt li.on {
    background: #e60012;
}

.ny_probt li.on a {
    color: #fff
}

.ny_probt li a {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.ny_proshow_num {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
}

.ny_proshow_info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 30px;
    font-size: 16pxx;
    color: #666;
    line-height: 30px;
}

.fangan_show {
    margin-top: 20px;
}

.ny_hotnews {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
}

.ny_hotnews h3 {
    width: 100%;
    height: 40px;
    background: #e60012;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    padding: 0px 10px;
}

.ny_hotnews ul {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.ny_hotnews ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding: 0px 10px;
}

.ny_hotnews ul li p {
    width: 70%;
    float: left;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #191919;
    font-size: 14px;
}

.ny_hotnews ul li span {
    float: right;
    font-size: 12px;
    color: #191919
}

.ny_hotnews ul li:hover p,
.ny_hotnews ul li:hover span {
    color: #e60012
}

.ny_hotnews_info {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 15px;
    border: 1px solid #dad7d7;
    padding: 8px 7px;
}

.ny_hotnews_info p {
    font-size: 14px;
    color: #191919;
    line-height: 26px;
}

.ny_hotnews input[type="text"] {
    width: 240px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #ddd;
    padding: 0px 10px;
    float: left;
}


/*内页新闻*/

.ny_news_all {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px 0;
}

.ny_news_all ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 40px;
}

.ny_news_all ul li {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px
}

.ny_news_all ul li .ny_time {
    width: 115px;
    height: auto;
    float: left;
    margin-top: 25px;
}

.ny_news_all ul li .ny_time span {
    display: block;
    font-size: 12px;
    color: #999;
    text-align: right
}

.ny_news_all ul li .ny_time p {
    font-size: 41px;
    color: #c8c8c8
}

.news_xx {
    width: 63%;
    height: auto;
    float: left;
    margin-left: 2%;
    margin-top: 20px;
}

.news_xx h3 {
    widdth: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.news_xx p {
    width: 100%;
    height: 52px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    margin: 10px 0;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news_xx span {
    font-size: 14px;
    color: #aaaaaa
}

.news_pic {
    width: 22%;
    height: auto;
    float: right
}

.news_pic img {
    width: 100%;
    height: auto
}

.ny_news_all ul li:hover {
    background: #f4f4f4
}

.ny_news_all ul li:hover .ny_time p,
.ny_news_all ul li:hover .ny_time span,
.ny_news_all ul li:hover span {
    color: #e60012
}

.ny_news_all ul li:hover h3 {
    font-weight: bold;
}

.ny_news_h1 {
    width: 100%;
    font-size: 14px;
    color: #555;
    padding: 10px 0px;
    text-align: center;
    clear: both;
    font-weight: bold
}

.ny_news_h1 h1 {
    font-size: 22px;
    color: #333
}

.ny_news_time {
    width: 100%;
    line-height: 30px;
    color: #999;
    height: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    clear: both
}

.ny_news_bt {
    width: 100%;
    height: auto;
    line-height: 40px;
    text-align: center;
    font-size: 26px;
    color: #333;
    margin: 15px auto
}


/*联系我们*/

.ny_contact {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px 0
}

.ny_contact_map {
    width: 100%;
    height: 400px;
    overflow: hidden;
    margin-top: 20px;
}

.ny_conta_xx {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin-bottom: 42px;
    margin-top: 20px;
}

.contact_right {
    width: 50%;
    float: left;
    font-size: 16px;
    color: #666666;
    line-height: 32px
}

.ny_cont_wx {
    width: 340px;
    height: auto;
    float: right
}

.ny_cont_wx dl {
    width: 140px;
    height: 200px;
    float: left;
    margin-right: 26px;
}

.ny_cont_wx dl dt {
    width: 140px;
    height: 140px;
    border: 4px solid #e5e5e5;
    padding: 10px;
    background: #fff
}

.ny_cont_wx dl dd {
    font-size: 14px;
    color: #626262;
    height: 35px;
    line-height: 35px;
    text-align: center
}

.ny_cont_wx dl dt img {
    width: 100%;
    height: 100%;
}


/*荣誉资质*/
.ny_honor_all {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px 0
}

.ny_honor_all ul {
    width: 100%;
    height: auto;
    overflow: hidden
}

.ny_honor_all ul li {
    width: 285px;
    height: auto;
    float: left;
    margin-right: 20px;
    margin-bottom: 25px; 
}

.ny_honor_all ul li .honor_pic {
    width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #eee; position:relative
}

.ny_video_icon{width:100%; height:100%; background:rgba(255,255,255,0.5) url(../images/bf_icon.png) no-repeat center; position:absolute; top:0; left:0; opacity:0}
.ny_honor_all ul li:hover .ny_video_icon{opacity:1}


.ny_honor_all ul li .honor_pic img {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;

}
.ny_honor_all ul li:hover img{transform: scale(1.07);transition: all 1s ease 0s;-webkit-transform: scale(1.07);-webkit-transform: all 1s ease 0s;}


.ny_honor_all ul li p {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #333;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ny_honor_all ul li:nth-child(4n) {
    margin-right: 0px;
}

.ny_honor_all audio{display:none}


/*销售服务*/

.ny_service_all {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 40px 0;
    color: #666;
    line-height: 30px;
}

.ny_news_show {
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    margin: 40px 0
}



/*弹出视频*/
.video_bj{width: 500px; position:fixed; bottom:0px; left:0px; z-index:888;}
/* .video_xx{width:600px; height:400px; position:fixed; top:50%; left:50%; margin-left:-300px; margin-top:-190px; z-index:999} */
.close{width:100%; height:40px; text-align:right; background:rgba(0,0,0,0.5);}
.close img{width:32px; height:32px; margin-top:4px; margin-right:10px;}
.video-box{width:100%; height:auto;}
.sj_video{width:100%; height:auto; overflow:hidden; display:none;}