/*preloader*/
#loader-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;background-color:#fff;background-position:center center;background-repeat:no-repeat;background-image:url(/Public/index/images/preloader.gif)}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - Í·²¿¼°µ¼º½ - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header_top{color:#333; border-bottom:1px solid rgba(0,0,0,.1); line-height:40px; clear:both;}
.header_top_inner{overflow:hidden;clear:both}
.pull-left i,.pull-right i{padding-right:9px; padding-left:9px;}

.call-us{display:inline-block}
/*end header-top*/

.tt-header{position:absolute;top:0;left:0;width:100%;z-index:101}
.tt-header .logo img.black,.stick.tt-header .logo img.black{display:inline-block;}
.tt-header .logo img.white,.stick.tt-header .logo img.white{display:none;}

.tt-header ul{padding-left:0;margin-bottom:0}
.tt-header .logo{display:inline-block;position:relative; line-height:54px; max-height:54px; z-index:101;transition:none}
.tt-header .logo img{display:inline-block;max-width:100%;max-height:54px;width:auto;height:auto;vertical-align:middle; margin:10px auto;}

.tt-header .main-nav>ul>li>a{ font-size:16px; line-height:28px;}
.tt-header .main-nav>ul>li.active>a,.tt-header .main-nav>ul>li:hover>a{color:#1158a7;}

.cmn-toggle-switch:focus{outline:0}
.tt-header .cmn-toggle-switch{display:none;position:relative;float:right;margin-top:12px;padding:0;width:25px;height:17px;cursor:pointer;z-index:101}
.tt-header .cmn-toggle-switch span{display:block;position:absolute;top:7px;left:0;right:0;height:3px;background:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tt-header .cmn-toggle-switch::after,.tt-header .cmn-toggle-switch::before{content:"";position:absolute;display:block;top:7px;left:0;width:100%;height:3px;background:#333;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.tt-header .cmn-toggle-switch::before{margin-top:-7px}
.tt-header .cmn-toggle-switch::after{margin-top:7px}
.tt-header .cmn-toggle-switch.active::before{-webkit-transform:translateY(7px) rotate(45deg);-moz-transform:translateY(7px) rotate(45deg);-ms-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.tt-header .cmn-toggle-switch.active::after{-webkit-transform:translateY(-7px) rotate(-45deg);-moz-transform:translateY(-7px) rotate(-45deg);-ms-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg);-webkit-transform-origin:center center;-moz-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center}
.tt-header .cmn-toggle-switch.active span{opacity:0}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - TT-MSLIDE */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.tt-mslide {position: relative;	overflow: hidden;}
.tt-mslide:before {content: '';	display: block;	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0);}
.tt-mslide-entry {display: table-cell;width: 99999px;height: 600px;	padding-bottom: 270px;	text-align: center;	-webkit-background-size: cover;	-moz-background-size: cover; background-size: cover;	background-position: center center;	vertical-align: bottom;}
.tt-mslide-entry:before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: '';}
.slider_content {width:100%;	float: none; text-align: center; margin: 0 auto;}
.tt-mslide-title {color: #fff; text-transform: initial; text-align: left;}
.tt-mslide-title h3{ font-size:50px; line-height:100px; display:block;}
.tt-mslide-title p{ font-size:24px;}
.tt-mslide .text-animation {visibility: hidden;}
.tt-mslide .text-animation.animated {visibility: visible;}

.slide1{background: url(/Public/index/images/banner-pic01.jpg) no-repeat;	background-size: cover;}
.slide2{background: url(/Public/index/images/banner-pic01.jpg) no-repeat;	background-size: cover;}
.slide3{background: url(/Public/index/images/banner-pic01.jpg) no-repeat;	background-size: cover;}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - SWIPER ÂÖ²¥ÇÐ»»°´Å¥*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.swiper-slide{position:relative}
.swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;background:#999;opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active{background:#1158a7}

/*swiper-pagination-white*/
.swiper-pagination-white .swiper-pagination-bullet{background:#999}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#1158a7}

/*swiper position*/
.swiper-pagination.fixed{bottom:30px!important}
.swiper-pagination.relative-pagination{position:relative;top:0;margin-top:30px}
.swiper-button-next,.swiper-button-prev{color:#fff!important}

.swiper-slide .videowh{width:100%; height:550px;}

.word-trans{display:block;margin:50px auto;margin-bottom:0;-webkit-animation:slideInDown 2s;animation:slideInDown 2s}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ÄÚÒ³header_hd */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header_wrap{overflow:hidden;}
.header_hd{position:relative;}
.header_hd .backg-about{background:url(/Public/index/images/ny-about.jpg) no-repeat top center;width:100%; height:300px;  }
.header_hd .backg-product{background:url(/Public/index/images/ny-product.jpg) no-repeat top center;width:100%; height:300px;  }
.header_hd .backg-hr{background:url(/Public/index/images/ny-hr.jpg) no-repeat top center;width:100%; height:300px;  }
.header_hd .backg-case{background:url(/Public/index/images/ny-case.jpg) no-repeat top center;width:100%; height:300px;  }
.header_hd .backg-news{background:url(/Public/index/images/ny-news.jpg) no-repeat top center;width:100%; height:300px;  }
.header_hd .backg-contact{background:url(/Public/index/images/ny-contact.jpg) no-repeat top center;width:100%; height:300px;  }
.header_hd .backg{background:url(/Public/index/images/ny-banner.jpg) no-repeat top center;width:100%; height:250px;  }
.header_hd .solgn{color:#fff;width:1170px;height:300px;margin-left:-550px;margin-top:-60px;text-align:left;position:absolute;left:50%;top:50%}
.header_hd .solgn h2{font-size:30px;color:#fff; padding-bottom:20px;}
.header_hd .solgn h2::after{content:""; display:block; width:40px; height:3px; background:#fff; margin-top:20px;}
.header_hd .solgn h3{font-size:18px}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - start Í¼Æ¬ÁÐ±íÂÖ²¥ÇÐ»»°´Å¥ - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.lblist .owl-carousel.owl-carousel17.owl-theme.owl-loaded.owl-drag{padding-top:0}
.lblist .owl-carousel .owl-nav,.lblist .owl-carousel .owl-nav.disabled{display:block;font-size:-webkit-xxx-large;position:relative;right:0;top:0;margin:0 auto;float:none;text-align:center;margin-top:20px}
.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev,.lblist.main-owal .client_say .owl-carousel .owl-dot{cursor:pointer;cursor:hand;position:relative;display:block;text-align:center;display:inline-block;margin:0 auto}
.lblist .owl-nav i{color:#fff;font-size:20px;height:40px;width:40px;background:#1158a7;margin-right:16px;padding:10px 10px 0 10px; border-radius:20px;}
.lblist .owl-nav .owl-next:hover i,.lblist .owl-nav .owl-prev:hover i{background:#ff8f00}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ÊÓÆµÉèÖÃ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
video{display: block; position: relative; width: 100%; height: 100%;object-fit: cover;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Ä£¿éÖ÷±êÌâ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.mkbt{ padding-bottom:30px;}
.mkbt h2.maintitle{font-size:36px; color:#1158a8; margin:0; font-weight:bold;}
.mkbt h2.maintitle::after {content:""; display:block; width:400px; height:10px; margin:10px auto 0px auto; background:url(/Public/index/images/title-x.png) no-repeat bottom center;}
.mkbt h2.maintitle span{color:#1158a8;}
.mkbt p.subtitle{font-size:16px;color:#666;text-transform:uppercase;display:block; font-weight:bold;}
.mkbt p.subtitle span{ color:#1158a8;}
.mkbt p.overview{font-size:16px;}

.mkbt-white{padding-bottom:30px;}
.mkbt-white h2.maintitle{font-size:36px; color:#fff; margin:0;}
.mkbt-white h2.maintitle::after {content:""; display:block; width:400px; height:10px; margin:10px auto 10px auto; background:url(/Public/index/images/title-x2.png) no-repeat bottom center;}
.mkbt-white h2.maintitle span{color:#fff;}
.mkbt-white p.subtitle{font-size:16px;color:#fff;text-transform:uppercase;display:block;}
.mkbt-white p.overview{font-size:14px;color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Image Hover Effect Í¼Æ¬ÌØÐ§ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.image-zoom-on-hover{overflow:hidden}
.image-opacity-on-hover img,.image-zoom-on-hover img{transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out}
.image-zoom-on-hover:hover img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer;}
.image-opacity-on-hover:hover img{opacity:.5}
.image-opacity-on-hover{background:rgba(0,0,0,.9);}
.image-gray-on-hover:hover img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Í¼Æ¬ÁÐ±í */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Ä¬ÈÏÎÄ×ÖÎÞ²¼¾° */
.piclist{ padding-bottom:20px;}
.piclist .txt .txt-content{background:none;}
.piclist .txt .txt-content h3{font-size:16px; font-weight:bold; padding:20px 0px 10px 0px;}
.piclist .txt .txt-content div{display:block;}
.piclist .txt .txt-content div p{color:#666;}
.piclist .img-box{ overflow:hidden; background:rgba(0,0,0,.9);}
.piclist .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
}
.piclist:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5}

.piclist-honor{}
.piclist-honor .txt .txt-content{background:none;}
.piclist-honor .txt .txt-content h3{font-size:16px; font-weight:normal; padding:20px 0px 10px 0px;}
.piclist-honor .txt .txt-content p{color:#666; margin-bottom:20px;}
.piclist-honor .img-box{ overflow:hidden; background:rgba(255,255,255,1); border:4px solid #cdcdcd;}
.piclist-honor .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
}
.piclist-honor:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5}

/* Ä¬ÈÏÎÄ×ÖÓÐ²¼¾° */
.piclist-bg{}
.piclist-bg .txt .txt-content{background:#fff; color:#000; padding:15px 0px;}
.piclist-bg .txt .txt-content h3{font-size:16px; font-weight:normal;}
.piclist-bg .txt .txt-content p{color:#fff;}
.piclist-bg .txt .txt-content h3.f18{ font-size:18px;}

/* ¸¡¶¯Í¼Æ¬ÉÏ */
.piclist2{ margin-bottom:30px;}
.piclist2 .txt{position:relative;}
.piclist2 .txt .txt-content{position:absolute; left:0; bottom:0px; background:rgba(0,0,0,.4); color:#fff; padding:10px 0px; width:100%;}
.piclist2 .txt .txt-content h3{font-size:18px; font-weight:bold; line-height:30px; padding:0 20px; text-align:center;}
.piclist2 .txt .txt-content a:hover h3{background:#1175c2; color:#fff;}
.piclist2 .img-box{ overflow:hidden; background:rgba(0,0,0,.9);}
.piclist2 .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
}
.piclist2:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5}


.newslist{ padding-bottom:20px;}
.newslist dl dt{ font-size:16px; padding:10px 0px;}
.newslist dl dd.riqi{ color:#999; padding-bottom:20px;}
.newslist dl dd.riqi::after {content:""; display:block; width:60px; height:1px; background:#ccc; margin:10px 0px 0px 0px;}
.newslist dl dd.pic{ padding-bottom:10px;}
.newslist dl dd.txt{color:#666;}
.newslist dl dd.more, .newslist dl dd.more a{ color:#1158a7; padding:10px 0px;}
.newslist ul li{ font-size:16px; border-bottom:1px dashed #f0f0f0; padding:15px 0px;}
.newslist ul li span{ color:#999; padding-right:20px;}

.newslist2{margin:20px 0px;}
.newslist2 h3{ font-size:24px; margin:0px 0px 10px 0px;}
.newslist2 .news-date{border:2px solid #333; text-align:center; padding:15px 0px;}
.newslist2 .news-date span{display:block; font-size:30px;}
.newslist2 .news-dec{ color:#666;}


.news-bg{background:url(/Public/index/images/news-bg.jpg) no-repeat; background-color:#f8f8f8;}
.newlist{padding-top:40px;}
.newsitem01{background:#e5e5e5; margin-bottom:20px;}
.newsitem01 dl dt { font-size:16px; color:#222; padding:10px 20px 0px 20px;}
.newsitem01 dl dd.riqi{ font-size:14px; color:#666; padding:20px 20px 20px 20px;}
.newsitem02{}
.newsitem02 dl dt{ font-size:16px; color:#222; margin:0px 0px 10px 0px;}
.newsitem02 dl dd{ font-size:14px; color:#666; margin:0px 0px 10px 0px;}
.newsitem02 .riqi{font-size:36px; color:#999; text-align:left; padding:10px 0px;}
.newsitem02 .riqi span{display:block; font-size:14px; color:#999;}
.newsitem02 .riqi::after {content:""; display:block; border:1 solid #ccc;margin:10px 0px 0px 0px;}


.leatherlist{background:#e0e0e0;clear:both; overflow:hidden;margin:20px 0px;position:relative;cursor:pointer;}
.leatherlist .text-word{ position:absolute; top:50px; transition: 0.5s;}
.leatherlist:hover .text-word{ top:20px;}
.leatherlist .text-word p{color:#666;}
.leatherlist:hover .text-word h3{color:#ff0000;}
.leatherlist:hover .text-word p{ color:#444;}
.leatherlist h3{padding:40px 40px 20px 40px;}
.leatherlist p{padding:0px 40px 0px 40px;}
.leatherlist .img-box{ overflow:hidden; background:rgba(0,0,0,.9);}
.leatherlist .img-box img{
	transition:opacity .3s ease-out,transform .3s ease-out,filter .3s ease-out;
	-moz-transition:opacity .3s ease-out,-moz-transform .3s ease-out,-moz-filter .3s ease-out;
	-o-transition:opacity .3s ease-out,-o-transform .3s ease-out,-o-filter .3s ease-out;
	-webkit-transition:opacity .3s ease-out,-webkit-transform .3s ease-out,-webkit-filter .3s ease-out;
}
.leatherlist:hover .img-box img{-webkit-transform:scale(1.1);transform:scale(1.1); cursor:pointer; opacity:.5}
.leatherlist:hover .text-word h3 a{color:#1158a7;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ÊÓÆµlist¼Óµ¯³öÊÓÆµ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.d_1{float:left;width:100%;}
.d_1 ul{margin:0 -19px}
.d_1 ul li{float:left;width:33.333333%;padding:0 19px;margin-top:10px;position:relative}
.d_1 ul li a{float:left;width:100%;display:block}
.d_1 ul li a .z_img{float:left;width:100%;position:relative}
.d_1 ul li a .z_img img{display:block;float:left;width:100%;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.d_1 ul li a i{position:absolute;display:block;width:69px;top:50%;left:50%;margin-left:-35px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.d_1 ul li a i img{display:block;width:100%}
.d_1 ul li a h4{float:left;width:100%;margin-top:10px;line-height:30px;height:30px;font-size:16px;color:#666;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.d_1 ul li a:hover>img{-webkit-box-shadow:1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 10px rgba(0,0,0,.3);box-shadow:1px 1px 10px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

.d_s{width:50%; margin:0 auto; position:relative}
.d_s a{width:100%;display:block}
.d_s a .z_img{float:left;width:100%;position:relative}
.d_s a .z_img img{display:block;float:left;width:100%;-webkit-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.d_s a i{position:absolute;display:block;width:69px;top:50%;left:50%;margin-left:-35px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
.d_s a i img{display:block;width:100%}
.d_s a:hover>img{-webkit-box-shadow:1px 1px 10px rgba(0,0,0,.3);-moz-box-shadow:1px 1px 10px rgba(0,0,0,.3);box-shadow:1px 1px 10px rgba(0,0,0,.3);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}

@media screen and (max-width:991px){
.d_1 ul{margin:0 -10px}
.d_1 ul li{padding:0 10px;margin-top:30px}
.d_1 ul li a i{width:40px;margin-left:-20px}
}
@media screen and (max-width:767px){
.d_1{margin-top:15px}
.d_1 ul{margin:0}
.d_1 ul li{padding:0 5px;margin-top:10px;width:50%}
.d_1 ul li a h4{margin-top:5px;line-height:24px;height:24px;font-size:14px}
}
/*ÊÓÆµµ¯´°*/
.video_tc{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1999;background:rgba(0,0,0,.6)}
.video_tc .vid_m{position:absolute;left:20%;top:20%;width:60%;height:auto;overflow:hidden;padding:0 30px}
.video_tc .vid_m i{display:block;position:absolute;right:0;top:0;width:20px;height:20px;background:url(/Public/index/images/cha.png) no-repeat;background-size:100%;cursor:pointer}
.video_tc .vid_m ._vid{float:left;width:100%}
.video_tc .vid_m ._vid video{display:block;position:relative;width:100%;height:100%;object-fit:cover}
.video_tc .vid_m ._vid p,.video_tc .vid_m ._vid p iframe{width:100%;height:100%}
@media screen and (max-width:1199px){.video_tc .vid_m{left:10%;top:50%;width:80%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%)}
}
@media screen and (max-width:767px){.video_tc .vid_m{left:5%;top:50%;width:90%;padding:0 15px}
.video_tc .vid_m i{width:10px;height:10px;background-size:100%}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - Êý×Ö¹ö¶¯ - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.stripes-1{background:#1e2434}
.stripes-1 .border-left22 h2{color:#1158a7;font-size:50px; text-align:center}
.stripes-1 .border-left22 p{color:#fff; text-align:center}

.stripes-2{}
.stripes-2 .border-left22 h2{color:#ff8f00;font-size:60px; font-weight:bold; text-align:center}
.stripes-2 .border-left22 h2 span:last-child{font-size:14px;}
.stripes-2 .border-left22 p{text-align:center}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - Í¼±êÎÄ×ÖÁÐ±í - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.iconlist-bg{background:url(/Public/index/images/background-image.jpg) no-repeat;background-size:cover;background-position:center;position:relative;background-attachment:fixed;}
.iconlist-bg:before{content:'';background:rgba(30,36,52,.7);position:absolute;left:0;top:0;bottom:0;content:'';right:0;clear:both}
.iconlist{text-align:center}
.iconlist strong{color:#1158a7;font-size:45px}
.iconlist h4{color:#262626;font-size:18px;margin-top:0;margin-bottom:0;padding-top:15px;padding-bottom:15px}
.iconlist p{font-size:17px;color:#6a6a6a}
.iconlist h5{color:#1158a7;font-size:16px;margin-bottom:0;margin-top:0;padding-top:14px}
.iconlist h5 a{color:#1158a7;font-size:16px;margin-bottom:0;margin-top:0;padding-top:14px}
.iconlist-bg .iconlist strong,.iconlist-bg .iconlist h4,.iconlist-bg .iconlist p,.iconlist-bg .iconlist h5{color:#fff;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - TABÇÐ»» - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.taba{zoom:1;clear:both;overflow:hidden; border-bottom:1px solid #f0f0f0;}
.taba ul li{ float:left; padding:10px 20px; cursor:pointer; width:25%; text-align:center; font-size:20px; font-weight:bold;}
.taba ul li.current{ color:#1158a7; border-bottom:2px solid #1158a7;}
.taba-c { clear:both;}
.taba-c .tabacontent{ display:none;margin:0px; padding:30px 0px 0px 0px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - Àà±ð - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.category{ margin-bottom:20px;}
.category a{color:#1158a7; border:1px solid #1158a7; background:#fff;margin:5px 2px;font-size:16px;padding:8px 20px; display:inline-block; position:relative;}
.category a.active,.category a:hover{color:#fff;border:1px solid #1158a7; background:#1158a7;}

.left-list{background:#1158a7; color:#fff; border:3px solid #1158a7; margin-bottom:20px;}
.left-list h3{font-size:30px; text-align:center; padding:20px 0px;}
.left-list h3 span{font-size:14px; display:block;}
.left-list dl{ background:#fff; color:#333; margin:0;}
.left-list dl dt{line-height:50px; font-size:18px; font-weight:normal; margin:0px 20px 0px 20px; border-bottom:1px solid #1158a7; padding:0 20px;}
.left-list dl dt:last-child{border-bottom-width:0px;}

.left-contact{background:#1158a7; color:#fff; border:3px solid #1158a7;}
.left-contact h3{font-size:30px; text-align:center; padding:20px 0px;}
.left-contact h3 span{font-size:14px; display:block;}
.left-contact-content{background:#fff; color:#333; padding:20px 10px; font-size:14px;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* breadcrumb Ãæ°üÐ¼*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb{ background:#ddd; display:none;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* Ä£¿éÃæ°üÐ¼ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumb2{border-bottom:1px solid #ddd; line-height:40px; margin-bottom:20px;}
.breadcrumb2 i{margin:0px 5px;}
.breadcrumb2 ul li{float:left;padding-right:10px}
.breadcrumb2 ul li.active a{color:#333;font-size:14px;font-weight:600}
.breadcrumb2 ul li a{color:#333;font-size:14px;font-weight:600}
.breadcrumb2 ul li i{color:#666;font-size:14px;font-weight:600}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ÏêÇéÒ³ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.detail_title{}
.detail_title h2{ font-size:30px; font-weight:bold; text-align:center; padding-bottom:20px; color:#1158a8;}
.detail_title h3{font-size:24px; text-align:center;}
.detail_title h3 span{ display:block; font-weight:normal; font-size:14px; color:#999; line-height:32px; border-bottom:0px solid #e0e0e0; margin:10px 0px;}
.detail_content{ padding-bottom:20px;}
.detail_content p{ padding:4px 0px;}
.detail_content .col-md-6:nth-child(1){ display: none !important;}
.detail_content .col-md-6:nth-child(2){ width: 100% !important;}





.detail_content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}
.detail_pre_next{padding-bottom:30px;}
.detail_pre_next ul li{ color:#999;}
.detail_pre_next ul li a{ color:#666;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* - ²úÆ·ÏêÇé¶àÍ¼Æ¬Õ¹Ê¾ - */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.w{width:100%;height:100%}
.leftBox{float:left}
.normalBox{overflow:hidden;position:relative;border:1px solid #f2f2f2}
.normalBox .w{display:none}
.botBox{width:100%;background:#fff;overflow:hidden;margin:10px 0}
.botBox ul li{float:left;width:20%;height:100%;border:1px solid #fff;border-radius:5px;opacity:.5; cursor:pointer; }
.bord{border-color:#f2f2f2!important;opacity:1!important}
.moveBox{width:200px;height:200px;background:rgba(222,0,0,.4);position:absolute;top:0;left:0;display:none;cursor:move}
.magBox{width:540px;height:540px;border:1px solid #f2f2f2;position:relative;float:left;overflow:hidden;display:none}
.magBox ul li{display:none;position:absolute;top:0;left:0}
#n,.m{display:block!important;}
.box{width:110px;margin:auto}

/* - ²úÆ·ÏêÇéÓÒ²à±êÌâºÍ×¢Ã÷²ÎÊý - */
.proshow02{}
.proshow02-title{ font-size:24px; border-bottom:1px solid #f2f2f2; padding:20px 0px;}
.proshow02-overview{border-bottom:0px solid #f2f2f2; padding:20px 0px 0px 0px;}
.proshow02-overview h3{ font-size:18px; padding:20px 0px;}
.proshow02-overview p{color:#666;}
.proshow02-tel{font-size:20px; padding:0px 0px; display:inline-block; margin-top:20px;}
.proshow02-tel span{font-family:impact; color:#1158a7;}

.proshow03{padding:20px 0px;}
.proshow03-title{ border-bottom:1px solid #f2f2f2;}
.proshow03-title span{background:#1158a7; color:#fff; font-size:16px; padding:10px 30px; display:inline-block;}
.proshow03-content{ padding:20px 0px;}
.proshow03-content img{margin: 0 auto; display: block; max-width: 100%; height: auto !important;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* ÁªÏµ3522vipÆÖ¾©¼¯ÍÅÔÚÏßÁôÑÔ±íµ¥ */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.feedback-title{}
.feedback-title h4{ font-size:24px; font-weight:bold; padding-bottom:10px;}
.forms{clear:both; overflow:hidden;}
.forms .forms_label{position:relative;margin-bottom:20px}
.forms .forms_label .iconfont{position:absolute;font-size:16px;color:#999;left:0;top:0;line-height:1;margin:15px 0 0 10px}
.forms .forms_label input,.forms .forms_label textarea{background:#fff;width:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;border-radius:0;font-size:14px;outline:0;padding-left:30px; border:1px solid #f0f0f0; box-shadow:none}
.forms .forms_label input:focus,.forms .forms_label textarea:focus{box-shadow:none}
.forms .forms_label input{height:46px}
.forms .forms_label textarea{padding:14px 0 0 30px;height:178px;resize:none}
.forms .forms_btn{font-size:16px;line-height:1;padding:15px 0px;background:#1158a7;color:#fff;border:0 none; cursor:pointer; width:100px; text-align:center;}

/*accordeonÄ¬ÈÏ*/
.tt-accordeon{position:relative}
.tt-accordeon-title{background-color:#fff; border-bottom:1px solid #f4f4f4; display:block;position:relative;font-size:16px;line-height:20px;font-weight:600;color:#262626;padding:15px 55px 15px 20px;cursor:pointer;text-align:left;letter-spacing:0;margin-bottom:5px}
.tt-accordeon-title.active{margin-bottom:0}
.tt-accordeon-title:after{position:absolute;content:"\f067";top:50%;right:0;margin-top:-26px;width:0;height:0;font-family:FontAwesome;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear;background:#1158a7;width:57px;height:51px;padding:23px;padding-top:16px;color:#fff}
.tt-panel{display:none;background-color:#f4f4f4;padding:25px 25px;border-top:0;border-left:1px solid #f4f4f4;border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;margin-bottom:15px}
.tt-accordeon-title.active:after{position:absolute;content:"\f068";-webkit-transition:all .2s linear;-moz-transition:all .2s linear;transition:all .2s linear}
.tt-panel.tt-panel-open{display:block}

/*ÕÐÏÍÄÉÊ¿*/
.hr-title{background:#b4b4b4; height:50px; line-height:50px; color:#fff; font-size:18px;}
.hr-container{border:1px solid #b4b4b4; background:#fff; clear:both; overflow:hidden;}
.hr-content01{border-bottom:1px solid #e5e5e5; padding:20px 0px; }
.hr-content02{padding:20px 0px;}

/*ÏòÏÂ¼ýÍ·*/
.transit{display:block;margin:50px auto;margin-bottom:0;-webkit-animation:arrow-bounce 2s infinite;animation:arrow-bounce 2s infinite}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* MORE ÉèÖÃ*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
.button-more{ text-align:center;}
.button-more a{text-transform:uppercase; border:1px solid #ccc; border-radius:20px; padding:10px 20px;}
.button-more a:hover{background:#1175c2; color:#fff; border:1px solid #1175c2;}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER µ×²¿*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
footer .footer-bg{ background:#1158a8; color:#fff;}

footer .footer-logo{}
footer .footer-logo p{}

footer .footer-contact{ border-left:1px solid rgba(255,255,255,0.2); padding-left:50px;}
footer .footer-contact h2{font-size:18px; font-weight:normal; color:#fff;line-height:28px}
footer .footer-contact h2::after {content:""; display:block; width:40px; height:2px; background:#ff8f00; margin-top:10px; }
footer .footer-contact-nr{ margin-top:15px;}

footer .footer-qrcode{}

footer .footer-list h2{font-size:18px; font-weight:normal; color:#fff;line-height:28px; margin-top:10px;}
footer .footer-list h2::after {content:""; display:block; width:40px; height:2px; background:#ff8f00; margin-top:10px; }
footer .footer-list p{font-size:14px;color:#fff;line-height:28px; font-weight:normal; margin:0 auto}
footer .footer-list ul{margin-top:15px;padding:0}
footer .footer-list ul li{list-style:none;font-size:14px;padding:5px 0px;clear:both;color:#dbdbdb}

footer .footer-copyright{background:#333;padding:10px 0;color:#fff;text-align:center}
footer .footer-copyright a{color:#fff;}
footer .footer-copyright a:hover{color:#fff; text-decoration:underline;}
footer .footer-copyright p{display:inline-block;}

footer .footer-copyright-m{background:#333;padding:10px 0;color:#fff;text-align:center; display:none;}
footer .footer-copyright-m a{color:#fff;}
footer .footer-copyright-m a:hover{color:#fff; text-decoration:underline;}
footer .footer-copyright-m p{display:inline-block;}

footer a{color:#dbdbdb}
footer a:hover{color:#fff;text-decoration:none}

/*=============================================================================================end page css======================================================================*/

.adv-bg{background:url(/Public/index/images/adv-bg.jpg) no-repeat; background-size: cover;}
.mkbt p.adv-subtitle{font-size:18px;color:#fff;text-transform:uppercase;display:block; margin-bottom:0px; margin-top:10px}
.adv-pic01{margin:auto auto 20px auto; }
.adv-list{margin:auto auto 20px auto;}
.adv01{background:#FFF; padding:36px 28px 38px 28px;}
.adv02{background:#FFF; padding:36px 28px 38px 28px; }
.adv01 h2{ font-size:30px; color:#fccf27; padding-bottom:10px}
.adv01 p{ font-size:14px; color:#222;}
.adv02 h2{ font-size:30px; color:#fccf27; padding-bottom:10px}
.adv02 p{ font-size:14px; color:#222;}
.list01{padding-bottom:10px}
.list02{padding-bottom:10px}

.about-bg{background:url(/Public/index/images/about-bg.jpg) no-repeat; background-size: cover;}
.about-bg01{ background:url(/Public/index/images/about-pic.jpg) no-repeat; background-size:cover; clear:both; overflow:hidden;}

.about-yy p{text-align:center; color:#333;}
.about-nr{padding:50px 60px 47px 60px; clear:both; overflow:hidden;}
.about-nr h2{font-size:24px; color:#fff; padding-bottom:30px;}
.about-nr p{font-size:14px; color:#fff;}

.ny-left, .ny-right{ }


footer .footer-contact{padding-top:15px;}
footer .footer-contact h2{font-size:18px; line-height:28px}
footer .footer-contact h2 span{font-size:24px; font-weight:bold;}
footer ul.footer-contact li{color:#fff;padding-right:16px;font-size:14px; line-height:34px; } 

.ny-qywh01{background:url(/Public/index/images/ny-about-pic01.jpg) no-repeat; background-size: cover;}
.ny-qywh02{background:url(/Public/index/images/ny-about-pic02.jpg) no-repeat; background-size: cover;}
.ny-qywh03{background:url(/Public/index/images/ny-about-pic03.jpg) no-repeat; background-size: cover;}
.ny-qywh04{background:url(/Public/index/images/ny-about-pic04.jpg) no-repeat; background-size: cover;}

.par img{border:1px solid #f0f0f0; margin-bottom:20px;}













<!--ºÄÊ±1776072068.1231Ãë-->