#banner { font-size:0; overflow:hidden; width:100%; }
a:hover{
	text-decoration: none;
}
.container{position:relative;margin:0 auto;max-width:1220px;padding: 0 60px;}
.container-min{position:relative;margin:0 auto;max-width:900px}

/*x居中*/
.alx{position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);display:table}
/*y居中*/
.aly{position:relative;top: 49.5%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:table}
/*xy居中*/
.alxy{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:table}

/*slide*/
.slide-intro{position:relative}
.slide-intro .item{position:relative;height:860px;overflow:hidden}
.slide-intro .item .container{height:100%}
.slide-intro .item .scaleBg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.slide-intro .item .scaleBg:after{position:absolute;z-index:0;content:'';display:block;left:0;right:0;top:-1px;width:100%;height:100%}
.slide-intro .active .item .scaleBg{visibility:visible;-webkit-animation:scale-bg 8s linear forwards;animation:scale-bg 8s linear forwards}

.slide-intro .item img{position:absolute;z-index:1;top:0;width:100%;height:100%}
.slide-intro .item .inner{display:block;z-index:1;color:#fff}
.slide-intro .item .inner h3{position:relative;display:block;opacity:0;top:4rem;font-family:'SYHT-bold';font-size:58px;line-height:1.2;text-transform:uppercase;transition:all .4s ease}
.slide-intro .item .inner h4{position:relative;display:block;opacity:0;top:2rem;font-family:'SYHT-Medium';font-size:20px;line-height:1.4;font-weight: initial;padding-top:10px;transition:all .4s ease}
.slide-intro .item .inner .qbtn{opacity:0;position:relative;display:inline-block;white-space: nowrap;border:2px solid #fff;color:#fff;margin-top:115px;font-size: 16px;padding: 0 20px;  width: 135px; height:45px;line-height: 45px;transition-delay:1s}
.slide-intro .item .inner .qbtn:hover{transition-delay:initial;border:2px solid #196a99;background:#196a99}
.slide-intro .item .inner .qbtn span{float: right;}

.slide-intro .item .video-bg{position:relative;-webkit-transform:scale(1.2);transform:scale(1.2)}
.slide-intro .item .video-bg{width:100% !important;height:100% !important;object-position:center;object-fit:fill}
@media(max-width:48em){
    .slide-intro .item .inner{text-align:center}
    .slide-intro .item .video-bg{display:none}
}

.slide-intro .active .item .inner h3{top:0;transition-delay:0.4s;opacity:1}
.slide-intro .active .item .inner h4{top:0;transition-delay:0.8s;opacity:1}
.slide-intro .active .item .inner .qbtn{opacity:1}

.slide-intro .dots{position:absolute;z-index:2;bottom:2.5rem;left: 50%; transform: translate(-50%, 0);}
.slide-intro .dots div{float:left;display:inline-block;margin-right:1rem;color:#fff;cursor:pointer}
.slide-intro .dots div span{display:block;width: 60px;font-family:'AvertaCY';transition:.5s;-webkit-transition:.5s}
.slide-intro .dots div::after{content:'';display:block;background:#fff;margin-top:6px;width:100%;height:4px;transition:.5s;-webkit-transition:.5s}
.slide-intro .dots div.active{color:#196a99}
.slide-intro .dots div.active::after{background:#196a99}
@media(max-width:48em){
    .slide-intro .dots div{margin-right:0.5rem;width:1rem;height:1rem;border-radius:50%;border:1px solid #fff;transition:.5s;-webkit-transition:.5s}
    .slide-intro .dots div::after{display:none}
    .slide-intro .dots div.active{background:#fff}
    .slide-intro .dots div span{display:none}
}

.slide-intro .nav{position:absolute;z-index:2;width: 1540px; bottom: 450px;right: -100px;}
.slide-intro .nav span{position:relative;display:inline-block;font-size: 24px;text-align:center;width:2.4rem;height:2.4rem;line-height:2.4rem;overflow:hidden;border:1px solid #fff;border-radius:50%;color:#fff;cursor:pointer;}
.slide-intro .nav span:hover{background:#fff;color:#333}
.slide-intro .nav span.Prev,.index .slide-intro .nav span.Next{display:inline-block;}
.slide-intro .nav span.Prev{float:left}
.slide-intro .nav span.Next{float:right}

/*profile*/
.profile{padding:70px 0 70px;}
.profile .content{width:60%;float: left;}
.profile .content_zs{float: right;}
.profile h3{font-weight:bold;font-size:4rem;color:#183884}
.profile h3 em{color:#e62129;font-style: inherit;}
.e_zs{
	width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;
    background: #196a99;
    margin-top: 20px;
}
.e_zs a{color: #fff;display:block;}
@media(max-width:48em){
    .profile .content{width:100%}
    .profile{padding:3rem 0 5rem;background-image:url(../images/p_home_image_wap.png);background-position:right bottom;background-size:auto 80%}
}
/*content*/
.content{position:relative;line-height:1.8;}
.content a{color:#b12923 !important;text-decoration:underline !important}
.content strong{font-weight:Bold;color:#b12923;}
.content h2{display:block;padding-bottom:2rem;font-size:3rem;font-family:'SYHT-Bold';line-height:1.2}
.content h2 span{display:block;color:#dbdbdb;text-transform:capitalize;padding-top:0.25rem;font-size:1.2rem}
.content h3,.content h4{font-size:40px;font-family:'SYHT-Bold';color:#196a99}
.content p{font-size: 16px;color:#333333;padding-bottom:10px}

/*关于我们*/
.m_about{}
.m_about_l{color:#000; font-size:14px; line-height:28px; width:430px; float:left;text-align: center;}
.m_about_th1{background: url(../images/about_a1.jpg) no-repeat center;margin-bottom: 20px;color:#fff; font-size: 24px; font-weight: bold; height: 235px;}
.m_about_th2{background: url(../images/about_a2.jpg) no-repeat center;margin-bottom: 20px;font-size:24px; color:#fff; font-weight: bold;height: 235px;}
.m_about_th3{background: url(../images/about_a3.jpg) no-repeat center;font-size:24px; color:#fff; font-weight: bold;height: 75px;line-height: 75px;}
.m_about_l span{
	display: block;
    font-size: 12px;
	color: #fff;
}
.m_about_l p{
	padding-top: 20%;
	color: #fff;
}
.m_about_l a{
	display: block;
	color: #fff;
}
.m_about_zo{height:28px;}
.pic {background: url(../images/about_a4.jpg) no-repeat center; float:right; width:887px; height:585px; position:relative; }
.pic p{
	position: absolute;
    bottom: 0;
	font-size: 16px;
	line-height: 24px;
	padding-bottom: 40px;
    padding-left: 40px;
	color: #fff;
}
.bd { width:55%; float:right; color:#fff; font-size:0.875em; line-height:250%; }

#idTransformView2 { overflow:hidden;position:relative; width:100%; height:480px; }
.slider2{width:2500px; list-style:none}
.slider2 li{float:left; display:inline; }
.num{ position:absolute; right:45%; bottom:15px; list-style:none;}
.num li{
	float: left;
	color: #fff;
	text-align: center;
	line-height: 8px;
	width: 8px;
	height: 8px;
	font-family: Arial;
	font-size: 10px;
	cursor: pointer;
	overflow: hidden;
	margin: 0 2px 0 3px;
	background-color:#fff;
	border-radius:8px;
}
.num li.on{
	color: #fff;
	line-height: 8px;
	width: 8px;
	height: 8px;
	font-size: 12px;
	border: 0;
	background-color:#ff0000;
}

.m_more{width:134px; height:36px; border:solid 2px #f0f3f7; text-align:center; margin-top:40px;}
.m_more a{color:#FFF; font-size:14px;}



/*产品*/
.p_hb{margin-top:50px;margin-bottom: 30px;}
.p_ht{float:left;}
.p_ht p{font-size:40px;font-weight: bold; color:#196a99; }
.p_ht em{color:#333333; font-style:normal;}
.p_ht span{color:#333333;font-size:16px;line-height:30px;}
.p_hx {float:right;margin-top:15px;}
.p_hx div{font-size:16px;color:#ffffff;float:left;height:50px;line-height:50px;padding: 0 30px;margin-left: 15px;background-color:#196a99;}
.p_hx div a{color:#fff;}
.p_hx div:hover{background-color:#e62129;}
.products a{
	text-align: center;
	color:#fff;
	font-size:24px;
	font-weight: bold;
	cursor: pointer;
}
.products a span{
	display: block;
	font-size:16px;
	font-weight: initial;
}
.products p{
	margin-top: 175px;
}
.p_xl1{
	background:url(../images/p1.jpg) no-repeat center center;
	float:left;
	width: 660px;
    height: 400px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.p_xl2{
	float:left;
	width: 660px;
    height: 400px;
	margin-bottom: 20px;
	background:url(../images/p2.jpg) no-repeat center center;
}
.p_xl3{
	float:left;
	width: 330px;
    height: 400px;
	margin-right: 20px;
	background:url(../images/p3.jpg) no-repeat center center;
}
.p_xl4{
	float:left;
	width: 640px;
    height: 400px;
	margin-right: 20px;
	background:url(../images/p4.jpg) no-repeat center center;
}
.p_xl5{
	float:left;
	width: 330px;
    height: 400px;
	background:url(../images/p5.jpg) no-repeat center center;
}
.p_eb{color:#b9b9b9; font-size:14px; text-align:center; margin-bottom:31px;}
.li_op{width:313px; float:left; line-height:0;} 
.item9{border:3px solid #e5e5e5;}
.li_op:hover .item9{border:3px solid #d9251d;}
.li_op figcaption{height:60px; line-height:26px; text-align:left; padding-left:3px; width:100%; font-size:14px; color:#000; overflow:hidden; padding-top:18px;}
.li_op:hover figcaption{color:#d9251d;}
.li_op a:hover{text-decoration:none;}
.news_app{
	margin-top: 60px;
}
.news_hl{
	width: 50%;
	background:url(../images/new_bg.jpg) no-repeat center center;
	height:610px;
	position: relative;
	float: left;
}
.news_ht{
	color:#fff;
	font-size:40px;
	font-weight: bold;
	padding:40px 0 0 40px;
}
.news_br{
	color: #fff;
	position: absolute;
	bottom: 0;
	margin: 0 40px 40px 40px;
}
.news_tit{
	font-size:24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.news_p{
	font-size: 16px;
    line-height: 30px;
}
.news_ht span{
	font-size:16px;
	font-weight: initial;
	margin-left: 5px;
}
.app_hr{
	width: 50%;
	float: right;
	color:#fff;
	font-size:24px;
	font-weight: bold;
	text-align:center;
}
.app_hr span{
	display: block;
    font-size: 16px;
    font-weight: initial;
    margin-left: 5px;
}
.app_hr p{
	padding-top: 135px;
}
.app_hr a{
	color: #fff;
}
.ap_xl1{
	background:url(../images/yy1.jpg) no-repeat center center;
	width: 100%;
	float: right;
	height:305px;
	
}
.ap_xl2{
	background:url(../images/yy2.jpg) no-repeat center center;
	width: 50%;
	float: right;
	height:305px;
}
.ap_xl3{
	background:url(../images/yy3.jpg) no-repeat center center;
	width: 50%;
	float: right;
	height:305px;
}
.p_nr {
	margin-bottom: 40px;
}
.p_nr ul{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.p_nr li{
	border: 1px solid #d2d2d2;
	margin-right: 18px;
	margin-bottom: 20px;
}
.p_nr li:nth-child(5n){
	margin-right: 0px;
}
.p_nr a{
	display: block;
}


#nofirst1, #nofirst2, #nofirst3, #nofirst5, #nofirst6, #nofirst7{ margin-right:15px; }
#nofirst4, #nofirst8{ margin-right:0;}
.products_m{width:119px; height:38px; background:url(../images/dtd_nt.jpg) no-repeat center center; margin:38px auto 69px; border:1px solid #e3e4e4;}

/*其他*/
.video_i{width:416px; float:left; background-color:#eaeaea; font-size:13px; color:#525151; line-height:30px;}
.video_i:hover{background-color:#da251d; color:#fff;}
.vonr_n{width:310px; float:left; padding:10px 0 18px 0;}
.video_i em{ font-size:18px; padding-left:30px; font-style:normal; color:#000;}
.video_i:hover em{color:#fff;}
.video_i span{ padding-left:30px;}
.t_nbe_img{width:50px; height:50px; margin:21px 21px 0 0; float:right;}
.video_z{margin:0 25px;}

/*新闻*/
.min_news{padding-top:47px; background:url(../images/news_bj.jpg) no-repeat center top; margin:40px 0 0 0; padding-bottom:45px;}
.news_w{float:left; width:215px;}
.news_hb{color:#fff; font-size:30px; height:70px; line-height:70px; background:url(../images/news_hb.jpg) no-repeat left bottom;}
.news_en{color:#fff; font-size:14px; height:51px; line-height:51px;}
.news_More{width:132px; height:35px; line-height:35px; font-size:12px; color:#fff; text-align:center; border:1px solid #d5544f; margin-top:57px;}
.news_More:hover{color:#cb2b24; background-color:#fff;}
.news_More a:hover{text-decoration:none;}
.news_r{ margin:0 0 0 0; padding:43px 56px 0 64px; width:920px; float:right; background-color:#fff; position:relative;}
.news_l{position:absolute; left:-28px; top:24px; width:28px; height:55px; background:url(../images/news_p.png) no-repeat left bottom;}
.news_xinw{width:425px; float:left;}
.news_x_hb{color:#202020; font-size:17px; line-height:28px; height:56px;}
.news_x_sj{color:#949494; font-size:14px; background:url(../images/more_img.jpg) no-repeat left center; padding-left:20px; margin:10px 0 12px;}
.news_x_p{font-size:13px; color:#636363; line-height:24px; height:72px;}
.news_x_more{width:30px; line-height:30px; height:30px; background:url(../images/time_img.jpg) no-repeat left center; margin:26px 0 57px 0;}

@media screen and (max-width:1400px){
.slide-intro .item {
    position: relative;
    height: 610px;
    overflow: hidden;
}
.container {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 0px;
}
.slide-intro .nav {
    position: absolute;
    z-index: 2;
    width: 1340px;
    bottom: 280px;
    right: -70px;
}
.m_about_l {
    width: 360px;
}
.m_about_l p {
    padding-top: 25%;
    color: #fff;
}
.pic {
    width: 820px;
    height: 585px;
    position: relative;
}
.p_xl1 {
    width: 590px;
    height: 400px;
}
.p_xl2 {
    width: 590px;
    height: 400px;
}
.p_xl3 {
    width: 300px;
    height: 400px;
}
.p_xl4 {
    width: 560px;
    height: 400px;
}
.p_xl5 {
    width: 300px;
    height: 400px;
}
.p_nr li {
    width: 223px;
    border: 1px solid #d2d2d2;
    margin-right: 18px;
    margin-bottom: 20px;
}
.p_nr li img{
	width: 100%;
}
.news_ht {
    color: #fff;
    font-size: 40px;
    font-weight: bold;
    padding: 40px 0 0 80px;
}
.news_br {
    color: #fff;
    position: absolute;
    bottom: 0;
    margin: 0 40px 40px 80px;
}
}

@media screen and (max-width:640px){
.container {
    position: relative;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 30px;
}
.slide-intro .item {
    position: relative;
    height: 230px;
    overflow: hidden;
}
.slide-intro .item .inner h3 {
    opacity: 0;
    top: 4rem;
    font-size: 24px;
    line-height: 1.2;

}
.slide-intro .item .inner h4 {
    top: 2rem;
    font-size: 14px;
    line-height: 1.4;
    padding-top: 10px;
}
.aly {
	top:100px;
}
.slide-intro .item .inner .qbtn {
    display: inline-block;
    white-space: nowrap;
    margin-top: 10px;
	font-size: 14px;
    padding: 0px 10px;
    width: 80px;
    height: 30px;
    line-height: 30px;
}
.slide-intro .dots {
    bottom: 10px;
    left: 50%;
}
.slide-intro .dots div {
    margin-right: 0.5rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.content h3, .content h4 {
    font-size: 18px;
    font-family: 'SYHT-Bold';
    color: #196a99;
}
.content p {
    font-size: 14px;
    color: #333333;
    padding-bottom: 10px;
}

.profile {
    padding: 20px 0 20px;
    background-image: none;
    background-position: right bottom;
    background-size: auto 80%;
}
.profile .content_zs {
	margin-top: 10px;
    float: right;
    width: 100%;
}
.content_zs img{
    width: 100%;
}
.m_about_l {
    width: 100%;
}
.m_about_th1 {
    margin-bottom: 10px;
    font-size: 14px;
    height: auto;
    width: 49%;
	float: left;
	background-size: 100% 100%;
	padding: 30px 0;
}
.m_about_th2 {
    margin-bottom: 10px;
    font-size: 14px;
    height: auto;
    width: 49%;
	float: right;
	background-size: 100% 100%;
	padding: 30px 0;
}
.m_about_l p {
    padding-top: 0%;
    color: #fff;
}
.m_about_l span {
    display: none;
}
.m_about_th3 {
    background: url(../images/about_a3.jpg) no-repeat center;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    height: 70px;
    line-height: 70px;
}
.pic {
    width: 100%;
	height: 240px;
    position: relative;
	background-size: 100% 100%;
	margin-top: 10px;
}
.pic p {
    position: absolute;
    bottom: 0;
    font-size: 14px;
    line-height: 24px;
    padding: 15px;
	background-color: rgba(0,0,0,0.4);
}
.p_hb {
    margin-top: 20px;
    margin-bottom: 20px;
}
.p_ht p {
    font-size: 18px;
    font-weight: bold;
    color: #196a99;
}
.p_ht span {
    color: #333333;
    font-size: 14px;
    line-height: 24px;
	width: 100%;
}
.p_hx { width: 100%;float:none;margin-top:15px;}	
.p_hx div {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
    margin-left: 5px;
}
.products a {
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.products a span {
    display: none;
}
.products p {
    margin-top: 0px;
}
.p_xl1 {
    width: 48%;
    height: auto;
	margin-right: 10px;
    margin-bottom: 10px;
	padding:30px 0;
	background-size: 100%;
}
.p_xl2 {
    width: 49%;
    height: auto;
	margin-bottom: 10px;
	padding:30px 0;
	background-size: 100%;
}
.p_xl3 {
    width: 27%;
    height: auto;
	padding:30px 0;
	margin-right: 10px;
	background-size: 100%;
}
.p_xl4 {
    width: 40%;
    height: auto;
	padding:30px 0;
	margin-right: 10px;
	background-size: 100%;
}
.p_xl5 {
    width: 27%;
    height: auto;
	padding:30px 0;
	background-size: 100%;
}
.news_app {
    margin-top: 20px;
}
.news_hl {
    height: 200px;

}
.news_ht {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 20px 0 0 10px;
}
.news_br {
    color: #fff;
    position: absolute;
    bottom: 0;
    margin: 0px 10px 20px 10px;
}
.news_tit {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.news_p {
    font-size: 14px;
    line-height: 20px;
	height: 40px;
    overflow: hidden;
}
.ap_xl1 {
    height: 100px;
	background-size: 200%;
}
.ap_xl2 {
    height: 100px;
	background-size: 200%;
}
.ap_xl3 {
    height: 100px;
	background-size: 200%;
}
.app_hr p {
    padding-top: 0px;
	line-height: 100px;
}
.app_hr span {
    display: none;
}
.app_hr {
    font-size: 14px;
}
.p_ht {
    width: 100%;
    float: left;
}
.p_nr li {
	width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.p_nr li:nth-child(5n) {
    margin-right: 10px;
}
.p_nr li:nth-child(3n) {
    margin-right: 0px;
}
.p_nr {
    margin-bottom: 20px;
}
}