*{box-sizing:border-box;margin:0; padding:0; list-style:none;}
a{ color:#333; text-decoration:none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -mos-transition: all 0.3s;  }
a:hover{text-decoration:none;}
h1,h2,h3,h4,h5,h6{ margin: 0;font-weight:normal;}
hr{ border:none;}
.clear{ clear:both;}
.container{ padding: 0;}
p,ul{margin: 0;}
img{ border:0; vertical-align:middle; }
input,textarea{outline:none;}
.row{ margin: 0px;}
.container{ margin: 0px auto;width:1200px; }
.w1360{ margin: 0px auto;width:1360px; }
.w1440{ margin: 0px auto;width:1440px; }
.fp-tableCell{padding-top:5.3vw}


/*pc导航*/
.pc_header{width:100%; height:5.3vw;  position: fixed; top:0px; left:0px; z-index:999; background:#ffffff}
.pc_logo{width:254px!important; height:100%; margin: 0px 70px!important  }
.pc_logo img{width:100%; height: auto; align-items: center; margin: 0px auto;}
.pc_logo a{width:100%; height: 100%; display: block; display: flex; align-items: center; }
.nav{height:5.3vw; width:100%; float: left; }
.nav a{ color:#fff; font-size: 14px;}
.nav .nLi{float:left; position:relative; display:inline;height: 100%; width: 134px; text-align: center}							
.nav .nLi h3 a{ display:block;  font-size:18px;color:#888888;  height: 100%; line-height:5.3vw; width: 100%; }
.nav .sub{ display:none;left:50%; top:5.3vw;  position:absolute;  line-height:26px; padding:0; width:120px;border:0; z-index: 99999; margin-left: -60px; }
.nav .sub li{ zoom:1; border-bottom: 1px solid #e5e5e5;  height:40px; line-height: 40px;  background:rgba(255,255,255,0.8);text-align: center }
.nav .sub li p{ width:100%; float: left; margin: 0px; font-size: 14px;}
.nav .sub li span{ float: right;}
.nav .sub a{ display:block; padding:0 10px; color: #333; font-size:14px; height: 100%; }
.nav .sub a:hover{color:#5d4a3e}
.nav .active h3 a{color:#df203d}
.nav .nLi:hover h3 a{color:#df203d}
.nav .sub li:hover a{background: #fff!important;}
.sub li:hover a{color:#5d4a3e}
.h_search{width:40px; height:100%; background: url(../images/search.png) no-repeat center; position:absolute; top:0; right:30px;}
.h_input{width:400px; height:auto; background: rgba(255,255,255,0.5); position: absolute; top:5.3vw; right:0; padding:12px 10px; border-radius:10px; display: none;}
.h_input input[type="text"]{width:72%;  height: 35px; float: left; background: #fff; border: 0; padding: 0px 10px;}
.h_submit{width:25%; height: 35px; background: #df203d; text-align: center; font-size: 16px; background-size: cover; color: #fff; border: 0; float: right}
.pc_wx{width:40px; height:100%; background: url(../images/h_wx.png) no-repeat center; position: absolute; right:80px; }
.pc_wx img{width:100px; height: 100px; position: absolute; top:5.3vw; left:0; display: none;}
.pc_wx:hover img{display: block}
.ny_header{width:100%; height:100px;  position: absolute; top:0px; left:0px; z-index: 999; border-bottom: 1px solid rgba(255,255,255,0.3); padding: 0px 4%}



/*首页*/
.pc_shouye{width:100%; height: 100%;}
#menu { position: fixed; left: 50px; top:25%; list-style-type: none; z-index: 70;  height:auto; width: 140px;}
#menu li{width:100%; height:46px;  border: 1px solid #0f4a9c; border-radius: 8px; background: rgba(0,0,0,0.2); text-align: center; line-height: 46px;
	font-size: 14px; color:#fff; margin-bottom: 10px;}
#menu .active{background: rgba(15,74,156,0.5)}
#menu li a{	font-size: 14px; color:#fff}
#menu li a{width:100%; height: 100%; display: block;}
#fp-nav{}
#fp-nav ul li, .fp-slidesNav ul li{width:20px;height:3px; margin:15px 0}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:20px; height:3px; background:#df203d; border: 0; border-radius: 0; top:0; left:0}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{width:30px; background:#df203d;}
#fp-nav ul li a.active{width:30px; }
#fp-nav.right{left:30px; right:auto;}
#dowebok{position: relative; z-index: 9}




/*第一块*/
.section1{width:100%; height: 100%; overflow: hidden; }
.section1 .swiper-slide a{width:100%;  display:block; height: calc(100vh - 5.3vw); position:relative}
.section1 .swiper-pagination-bullet{width:10px; height: 10px; opacity: 0.5;   background: #fff}
.section1 .swiper-pagination-bullet-active{opacity:1}
.banner_img{width:100%; height: auto; overflow: hidden; position: absolute; left:0; top:15%;  transition: all .5s ease}
.banner_img img{max-width:55%; display: block; margin: 0px auto;}
.section1_about{width:40px; height:auto; position: absolute; bottom:20px; left:50%; margin-left: -21.5px; z-index: 9; animation:mymove  1.5s infinite ease-in-out;}
.section1_about img{width:100%; height:auto;}
@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}


.swiper-slide-active .banner_img{animation-name: fadeInDownBig;	animation-duration: .8s;	animation-delay:0.8s;animation-fill-mode: both;}





/*第2块*/
.section2{display: block; width: 100%; height: 100%; overflow: hidden; position: relative; background: url(../images/case_bjs.jpg) no-repeat; background-size: cover;}
.section2_all{width:656px; height:656px; margin:0px auto;}
.section2_yuan{width:28%; height: auto; position:absolute; top:50%; left:50%; transform: translateY(-50%); margin-left: -14% }
.section2_zi{width:34%; height:auto; position: absolute; top:50%; left:50%;   animation: rotate 183.92s infinite linear;  margin-left:-17%; margin-top:-326.5px  }
.section2_zi img,.section2_yuan img{max-width:100%}
.section2_1{position: absolute; bottom:10%; left:10%; z-index: 1}
.section2_2{position: absolute; top:20%; right:0; z-index: 1}
.active .section3_1{animation-name: fadeInLeftBig;	animation-duration: 1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section3_2{animation-name: fadeInRightBig;	animation-duration: 1s;	animation-delay:0.8s;animation-fill-mode: both;}
.circle02{z-index: 5; -webkit-transform: scale(2);}
.circle02 span{top: 50%; border: 1px solid #e60012; background: none; -webkit-transform: scale(0.5);}
.circle02 .sp2 { width: 50%; padding-top: 50%; left: 25%; z-index: 3; margin-top: -112%; }
.circle02 .sp3 { width: 75%; padding-top: 75%; left: 12.5%; z-index: 2; margin-top: -112%; }
.circle02 .sp4 { width: 98%; padding-top: 98%; left: 1%; z-index: 1; margin-top: -125%; }
.index_vimg{position: fixed; width: 25%;  left: 50%; top: 50%;  margin-top: -240px; margin-left: -12.5%; z-index:999; cursor: pointer; display: none;}
.index_vimg img{width:100%; height: auto; display: block}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}


.index_video{width: 25%;
    padding-top: 25%;
	 margin-left:-12.5%;
    position: absolute;
    left: 50%;
    z-index: 1;
    top: 50%;
    margin-top: -12.5%;
    border-radius: 50%;
    overflow: hidden;
    background: #000;
    display: none;
    height: 0;}
.index_video video{height: 100%; display: block; position: absolute; top:0; left:0; z-index: 0}
.pauseV{width:48px; height: 48px; position: absolute; top:0; right:0; z-index:9999}
 #small_v .play {
    display: block;
    width: 0;
    height: 0;
    border-width: 16px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -16px;
    margin-left: -8px;
}

.section2 .stopV_zzc {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 205;
    background: rgba(0, 0, 0, 0);
    display: none;
}




/*第3块*/
.section3{display: block; width: 100%; height: 100%; overflow: hidden; }
.section3 .w1440{position: relative; z-index: 9}
.section4_1,.section4_3{width:27%; height:auto; float: left; margin-top: 70px;}
.section4_1 .section4_img,.section4_3 .section4_img{width:100%; height: auto;}
.section4_1 .section4_img img,.section4_3 .section4_img img{max-width:100%; height: auto; display: block; border-radius: 50%; margin:0px auto;}
.section4_1 h3,.section4_3 h3,.section4_2 h3{width:100%; height: 50px; line-height: 50px; text-align: center; font-size: 30px; color: #333333; margin-top:20px;}
.section4_2{width:34%; height: auto; float: left; margin:0px 6% }
.section4_2 .section4_img{height:auto; width: 100%; display: flex; align-items: center; }
.section4_2 .section4_img img{align-items: center; margin: 0px auto; max-width:100%;}
.active .section4_1{animation-name: fadeInDownBig;	animation-duration: 1s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section4_2{animation-name: fadeInDownBig;	animation-duration: 1.6s;	animation-delay:0.8s;animation-fill-mode: both;}
.active .section4_3{animation-name: fadeInDownBig;	animation-duration: 2s;	animation-delay:0.8s;animation-fill-mode: both;}
.section3 .in_news_tile{margin-bottom:2%}




/*5*/
.section4{display: block; width: 100%; height: 100%; overflow: hidden;  background: url(../images/case_bjs.jpg) no-repeat  bottom center; }
.section4 .container{position: relative; z-index: 9}
.section5_zi{width:60px; height: auto; float: left; margin-top:8vw;}
.section5_zi img{width:100%; height: auto;}
.slideTxtBox{ width:73%;  text-align:left; float: left; height: auto; overflow: hidden; margin-left:224px  }
.slideTxtBox .hd{width:218px; height: auto; float: right; margin-top:60px;}
.slideTxtBox .hd ul{width:100%; height: auto; overflow:hidden}
.slideTxtBox .hd ul li{width:141px; height: 141px; border-radius: 50%; position: relative; margin-bottom: 52px;}
.slideTxtBox .hd ul li img{width:100%; height: 100%; display: block; border-radius: 50%;}
.slideTxtBox .hd ul li i{width:100%; height: 100%; background: rgba(223,32,61,0.8) url(../images/h_icon.png) no-repeat center; position: absolute; top:0; left:0; border-radius: 50%; opacity: 0}
.slideTxtBox .hd ul li.on i{opacity: 1}
.slideTxtBox .hd ul li:nth-child(1){margin-left:16% }
.slideTxtBox .hd ul li:nth-child(2){margin-left:34% }
.slideTxtBox .hd ul li:last-child{margin-bottom: 0}
.slideTxtBox .bd{width:640px; height: auto; float: left; display: block}
.slideTxtBox .bd ul{width:100%;  height: auto; display: block}
.slideTxtBox .bd li,.slideTxtBox .bd li a{width:100%; height: auto; display: block; position: relative; border-radius: 50%}
.slideTxtBox .bd li img{width:100%; height: 100%; border-radius: 50%;}
.in_case_hover{width:330px; height:127px; position: absolute; bottom:0; left:50%; margin-left:-165px; z-index: 1; background: url(../images/case_hover.png) no-repeat top center; padding-top: 55px;}
.in_case_hover h3{font-size: 30px; color: #ffffff; text-align: center;}








/*新闻*/
.section5{width:100%;  height: auto; overflow: hidden;}
.section5 .container{position: relative; z-index: 9}
.in_news_tile{width:100%; height: auto; overflow:hidden}
.in_news_tile h3{font-size: 60px; color: #333333; display: table; background: url(../images/hh_yd.png) no-repeat right 52px; margin: 0px auto; text-align: center; padding-right: 30px}
.section6_news_all{width:980px; height: auto; margin:2vw auto 0; position: relative;}
.section6_news_all ul{width:784px; height: auto; display: block; margin-left:60px;}
.section6_news_all ul li{width:100%; height: auto; overflow: hidden; margin-bottom: 32px;}
.in_news_pic{width:140px; height: 140px; position: relative; float: left; overflow: hidden; border-radius: 50%}
.in_news_pic img{width:100%; height: auto; display: block; border-radius: 50%; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.in_news_pic i{width:100%; height: 100%; background: rgba(223,32,61,0.8) url(../images/h_icon.png) no-repeat center; position: absolute; top:0; left:0; border-radius: 50%; opacity: 0}
.in_news_time{width:130px; height: auto; float: left; margin-left: 35px; text-align: right; border-left:1px solid #df203d; margin-top: 36px;}
.in_news_time span{font-size: 30px; color: #333333; display: block}
.in_news_time p{font-size: 16px; color: #333333; display: block}
.in_news_xx{width:414px; height: auto; float: right; margin-top: 22px;}
.in_news_xx h3{width:100%; height: 30px; line-height: 30px; font-size: 20px; color:#333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 10px;}
.in_news_xx p{width:100%; height: auto; overflow: hidden; line-height: 26px; color: #333333; font-size: 16px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.section6_news_all ul li:hover i{opacity: 1}
.section6_news_all ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.section6_news_all ul li:hover span,.section6_news_all ul li:hover p{color:#df203d}
.n_more{width:66px; height: 66px; position: absolute; top:50%; right:0; margin-top: -33px;}
.section6_jts{width:43px; height:auto; position: absolute; bottom:30px; left:50%; margin-left: -21.5px; z-index: 9; animation:mymove  1.5s infinite ease-in-out;}
.section6_jts img{width:100%; height:auto;}
@keyframes mymove
{
	 0% {
			transform: translate(0px, 0px);
		}
		50% {
			transform: translate(0px, -8px);
		}
		100% {
			transform: translate(0px, 0px);
		}

}

.section_yuan,.circle02{width:100%; height: 100%; position: absolute; top:0; left:0; z-index: 0}
.section_yuan span,.circle02 span{display: block; position: absolute; border-radius: 100%; -webkit-font-smoothing: antialiased; }
.section5 .section_yuan span,.section3 .section_yuan span{width: 25%;  padding-top: 25%;  border: 1px solid #e60012;  left: 37%;  background: none;  top: 50%;  margin-top: -12.5%;  opacity:0; filter: alpha(opacity=10);  height: 0;}

.active .section5_zi{animation-name: fadeInDownBig;	animation-duration: 1s;	animation-delay:0.8s;}
.active .slideTxtBox{animation-name: fadeInUpBig;	animation-duration: 1s;	animation-delay:0.8s;}








/*底部*/
.section6{width:100%; height: 400px!important; overflow: hidden; display: block!important}
.section6 .fp-tableCell{display: block!important; padding-top: 0}
.section6_top{width:100%; height:330px; background: #333333; padding: 66px 0}
.section6_right{width:930px; height: auto; float: left}
.section6_right li{width:155px; height: 186px; float: left; border-right:1px solid rgba(255,255,255,0.2); padding-left: 25px;}
.section6_right li h3{font-size:16px; color: #fff; margin-bottom:1vw;}
.section6_right li a{width:100%; height:25px; line-height:25px; display: block; color:#c9caca; opacity: .5; font-size: 14px;}
.section6_right li a:hover{opacity:1}
.section6_right li:last-child{border-right:0}
.section6_right li:nth-child(1){padding-left: 0}
.section6_left_ma{width:auto; height: auto; float: right}
.section6_wx,.section6_sj{width:110px; height: auto; position: relative; float: left; margin-left:15px;}
.section6_wx img,.section6_sj img{width:110px; height:110px; display: block;}
.section6_left_ma a{width:60px; height: 60px; display: block; float: left}
.section6_left_ma p{width:100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #313131; background: #fff; margin-top: 2px;}
.section6_bottom{width:100%; height: 60px; line-height: 60px; margin-top: 8px;}
.copy_l{float:left; font-size:14px; color:#333333}
.copy_l span{color:#333333}
.copy_l a{color:#333333}
.copy_l a:hover{color:#d11a2b!important}
.s_dqsj{float: right; line-height: 60px; font-size: 14px; color: #333}










/*客服*/
.lxfx {
    height: auto;
    position: fixed;
    right:0px;
    top:50%;
    width: 77px;
    z-index: 999;
	 margin-top: -108px;
}

.leftlx {
    float: left;
    height: 44px;
    width:44px;
}

.lxfx li a {
    color: rgb(255, 255, 255);
    display: block;
    height: 100%;
    width: 300px;
}
.lxfx li span {
    border-left: 1px solid #eee;
    color: #333;
    float: left;
    font-size: 20px;
    height: 24px;
    line-height: 22px;
    margin-top: 12px;
    padding-left: 8px;
}
.fix_ewm {
    border: 5px solid rgb(255, 255, 255);
    display: none;
    height: 120px;
    left: -120px;
    position: absolute;
    top: -40px;
    width: 120px;
}
.fix_ewm img{width:100%; height:100%; display: block}

.lxfx li i {
    display: block;
    height: 100%;
    text-align: center;
    width: 100%;
}
.lxfx li i.icon-tel {
     background:url(../images/i_dh.png) no-repeat center
}
.lxfx li i.icon-ly {
   background:url(../images/i_sy.png) no-repeat center
}
.lxfx li i.icon-wx {
   background:url(../images/i_wx.png) no-repeat center
}
.lxfx li i.icon-cp {
   background:url(../images/i_cp.png) no-repeat center
}
.lxfx li i.icon-top {
    background-position: -30px -49px; height:32px;
}

.lxfx li p {
    line-height: 12px;
    text-align: center; font-size:14px;
}
.lxfx li {
    background:#e6e6e6;
    height: 44px;
    margin-bottom:10px;
    margin-left: 0;
    position: relative;
    width: 44px; float:left; border-radius: 50%; 
}
.lxfx li:hover{border-radius: 5px;}

.lxfx li:nth-child(1) span{opacity:0}
.lxfx li:nth-child(1):hover span{opacity:1}
.mtop{height:40px!important;}






.ny_baninfo {
    width: 1200px;
    height: 225px;
    position: absolute;
    top: 120px;
    left: 50%;
    margin-left: -600px;
}

.ny_baninfo h3 {
    font-size: 28px;
    color: #fff;
    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: #fff;
    margin-top: 10px;
    margin-right: 8px;
}

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

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

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

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

.shine {
    background: #fff -webkit-gradient(linear, left top, right top, from(#fff), to(#fff), color-stop(0.9, #df203d)) 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;
    position: relative;
    z-index: 9; margin-top:-30px;
}

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

.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: #df203d
}

.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: #df203d
}





/*内页*/

.ny_banner {
    width: 100%;
    position: relative;
    height: 400px;
    clear: left; margin-top:5.3vw;
}

.about_ban {
    background: url(../images/about_ban.jpg) no-repeat center
}

.news_ban {
    background: url(../images/news_ban.jpg) no-repeat center
}

.product_ban {
    background: url(../images/product_ban.jpg) no-repeat center
}

.contact_ban {
    background: url(../images/contact_ban.jpg) no-repeat center
}

.case_ban {
    background: url(../images/case_ban.jpg) no-repeat center
}

.service_ban {
    background: url(../images/service_ban.jpg) no-repeat center
}

.swhz_ban {
    background: url(../images/swhz_ban.jpg) no-repeat center
}

.cwyz_ban {
    background: url(../images/cwyz_ban.jpg) no-repeat center
}

.zzgy_ban {
    background: url(../images/zzgy_ban.jpg) no-repeat center
}

.fwgz_ban {
    background: url(../images/fwgz_ban.jpg) no-repeat center
}

.join_ban {
    background: url(../images/join_ban.jpg) no-repeat center
}


/*销售服务*/

.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
}


/*荣誉资质*/

.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
}

.ny_honor_all ul li .honor_pic img {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: block;
}

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

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



.timer_shaft_left{float: left;font-size: 26px;width: 175px;text-align: left;position: relative; line-height: 42px;  }
.timer_shaft_left::after{content:"";position: absolute;right: 3px;top: 22px;width: 11px;height: 11px;border:1px solid #df203d;border-radius:50%;background: #fff;z-index: 2;}
.timer_shaft_right{float: right;line-height: 35px;padding-left: 30px;/*! max-width: 600px; */padding-top: 13px;color: #666; width: 1000px;   }
.timer_shaft_right > img{ display: block; width: 300px; height: auto; }
.timer_shaft_box{position: relative; margin-top: 70px;   }
.timer_shaft_box::after{content: '';position: absolute;left: 165px;height: 100%;width: 1px;background: #df203d;z-index: 1;top: 0;}
.timer_shaft_line .timer_shaft_left{padding: 8px 15px;}
.clear_new{clear:both;overflow:hidden;}
.clear_new2:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.timer_shaft_box:first-child{margin-top: 50px;}
.exhibition_text{background: #eeeeee;padding: 30px;line-height: 30px;}
.exhibition_text h2{font-size: 24px;font-weight: bold;margin-bottom: 6px;}


/*内页新闻*/

.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:70%;
    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: 16%;
    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: #df203d
}

.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_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: auto;
    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: #df203d;
    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: #df203d;
    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: #df203d;
}

.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: #df203d;
    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: #df203d;
    color: #fff
}

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

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

.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: #df203d;
    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: #df203d
}

.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: 16%;
    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: #df203d
}

.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
}







@media screen and (max-width:1680px){
.in_news_tile h3{font-size:40px; background: url(../images/hh_yd.png) no-repeat right 30px;}
.section6_news_all ul li{margin-bottom:1vw}

.section2_zi{margin-top:-272px;}
.section3 .w1440{width:1200px;}
.section4 .container{transform: scale(0.9); -ms-transform: scale(0.9);-webkit-transform: scale(0.9);-o-transform: scale(0.9);-moz-transform:scale(0.9)}
.section1_about,.section6_jts{width:30px; margin-left:-15px;}
.banner_img img{width:50%}
.banner_img{top:10%}
.section4_1, .section4_3{width:25%}
.section4_2{margin: 0px 8%;}
}

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

.section2_zi{margin-top:-245px;}

}


@media screen and (max-width:1440px){
.slideTxtBox{margin-left:178px;}
.pc_logo{margin:0 50px!important}
}



@media screen and (max-height:900px){

}



@media screen and (max-width:1366px){
.section3 .w1440,.section5 .container{transform: scale(0.8); -ms-transform: scale(0.8);-webkit-transform: scale(0.8);-o-transform: scale(0.8);-moz-transform:scale(0.8)}
.section4 .container{transform: scale(0.7); -ms-transform: scale(0.7);-webkit-transform: scale(0.7);-o-transform: scale(0.7);-moz-transform:scale(0.7)}
.section2_zi{margin-top:-232.5px;}
.slideTxtBox{float:none; margin:-50px 0 0 280px;}
.pc_logo{ margin: 0px 25px!important; width:200px;}


}

@media screen and (max-width:1280px){
	.nav .nLi{width:120px}
	.section2_zi{margin-top: -216.5px;}
	.section3 .w1440,.section5 .container{width:100%}
	
}


@media screen and (max-width:1030px){
	.nav .nLi{width:105px}
	.pc_logo{width:160px!important;}
	.nav .nLi h3 a{font-size:16px;}
	.section2_zi{margin-top: -176px;}
	.slideTxtBox{margin: -50px 0 0 180px;}
	.slideTxtBox .bd{width:580px}

}