@charset "utf-8";
/* CSS Document */


.w1200{ max-width:1200px; margin:0 auto;}
.header .logo a{ display:block; line-height:100px;}
.header .logo img{ display:inline; vertical-align:middle;}
.header{ height:100px; line-height:100px; background:#fff;}
.header .nav{ height:100px;}
.header .nav li{ display:inline-block; position:relative; margin-left:.65rem;}
.header .nav li>a{ font-size:18px; color:#252525; font-weight:bold; display:block;}
.header .nav li .subnavs{left: 50%;
    margin-left: -100px; display:none; padding:10px; background:rgba(255,255,255,.9); position:absolute; top:100%; z-index:10; width:200px;}
.header .nav li .subnavs a{ line-height:40px; display:block; color:#333; font-size:14px; border-bottom:1px dashed #cac8c8; text-align:center;}
.header .nav li .subnavs a:last-child{ border:none;}
.header .nav li .subnavs a:hover,.header .nav li:hover>a,.header .nav li.on>a{ color:#008cd6;}

.banner .swiper-pagination-bullet{ width:19px; height:19px; background:none; background-image:url(../icon/banicon1.png); background-size:19px 19px; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px;}
.banner .swiper-pagination-bullet-active{ background:none; background-image:url(../icon/banicon.png); background-color:none;}
.banner img{ width:100%;}

.index_01{ position:relative; background:url(../images/indexbav_02.jpg) no-repeat bottom center; padding-bottom:.8rem;padding-top:.8rem; min-height:7rem;}

.index_01 .imgs_video{ position:absolute; right:0; top:0; width:50%; height:calc(100% - .8rem); z-index:1;}
.index_01 .imgs_video img{ width:100%; height:100%; object-fit:cover;}

.index_01 .aboutbox_index{ width:54%; margin-left:-.7rem; background:rgba(255,255,255,.85); padding:65px; z-index:2;position:relative; border-top-right-radius:50px;}
.index_01 .abouttit{ font-size:48px; font-weight:bold; color:#008cd6; text-align: left;}
.index_01 .aboutbox_index .line{ width:90px; height:3px; background:#008cd6; margin-top: 10px;}
.index_01 .aboutbox_index .aboutintro{ padding:.4rem 0;}
.index_01 .aboutbox_index .aboutintro p{ font-size:16px; color:#292929;}
.index_01 .aboutbox_index a,.mores a{ display:block; width:160px; height:50px; background:#e60012; color:#fff; font-size:18px; text-align:center; line-height:50px;}

.index_02{ background-image:url(../images/indexbav_03.jpg); background-size:cover; overflow:hidden;}

.index02tit{ text-align:center; padding-top:50px; padding-bottom:20px;}
.index02tit b{ font-size:48px; color:#008cd6; text-transform:uppercase; line-height:1;}
.index02tit .line{ width:90px; height:3px; background:#008cd6; margin:20px auto;}
.index_02 li{ transition:all .3s; width:32%; margin-right:2%; float:left; padding:14px; background:#eeeeee; margin-bottom:3%;}
.index_02 li img{ width:100%;}
.index_02 li:nth-child(3n){ margin-right:0;}
.index_02 li:nth-child(3n+1){ clear:left;}
.mores a{ margin:40px auto;}
.index_02 li .txts{ position:relative; padding-right:55px; margin-top:25px; padding-left:5px; padding-bottom:10px}
.index_02 li .txts h2{ font-size:18px; color:#292929; font-weight:normal;}
.index_02 li .txts p{ font-size:14px; color:#666666;}
.index_02 li .txts i{ width:55px; height:25px; display:block; position:absolute; right:0; top:0; background:url(../icon/index_24.png) no-repeat right center;}
.index_02 li:hover .txts i{ border-left:1px solid #fff; background:url(../icon/index_21.png) no-repeat right center;}
.index_02 li:hover{ background:#008cd6}
.index_02 li:hover .txts h2,.index_02 li:hover .txts p{ color:#fff;}

.fot_email li{ width:33.33%; float:left;}
.fot_email li span{ color:#fff; font-size:18px; font-weight:bold; line-height:40px; height:40px; display:inline-block;padding-left:40px; background-position:left center; background-repeat:no-repeat;}
.fot_email{ padding:.7rem 0; background:#595959;}

.fot_email li:nth-child(1){ text-align:left;}
.fot_email li:nth-child(2){ text-align:center;}
.fot_email li:nth-child(3){ text-align:right;}

.fot_email li:nth-child(3) span{ background-image:url(../icon/index_29.png);}
.fot_email li:nth-child(1) span{ background-image:url(../icon/index_32.png);}
.fot_email li:nth-child(2) span{ background-image:url(../icon/index_35.png);}


.fot_copy{ background:#262626; padding:10px;}
.fot_copy .copytxt p{ font-size:16px; color:#ffffff; line-height:40px;}

.shejiao a{ display:inline-block; width:40px; height:40px; color:#5bade1; background:#323232; border-radius:100px; line-height:40px; text-align:center; font-size:18px; transition:all .3s; margin-left:20px;}
.shejiao a:hover{ background:#5bade1; color:#fff;}

.subanner{ background-position:center; background-size:cover; background-repeat:no-repeat; height:400px;}
.positions{ padding:20px 0; border-bottom:1px solid #eee; background:#fff;}
.positions a,.positions{ font-size:14px; color:#999; line-height:40px;}
.positions a{ display:inline-block; padding:0 5px;}
.positions a:hover{ color:#5bade1}
.positions i{ display:inline-block; margin-right:5px;}

.about_boxs{ padding:60px 0;}
.abouttit .line{ width:60px; height:5px; background:#5bade1;  margin:0 auto; margin-top:20px;}
.abouttit{     font-size: 48px; text-align:center;
    font-weight: bold;
    color: #333;
    line-height: 1.2;}

.aboutcontents{ padding:40px 0;}
.aboutcontents p{ font-size:16px; color:#666; line-height:2; display:block; margin-bottom:20px;}
.aboutcontents img{ max-width:100%;}

.contactboxs{ padding:60px 0;}

.contactmesege{ border:1px solid #dbe3ef; border-top:2px solid #333; margin-top:40px;}
.contacmestit{ padding:12px 20px; border-bottom:1px solid #dbe3ef; font-size:22px;}

.contactmesp{ font-size:16px; color:#666; padding:30px 20px;}

.mesgeform{border:1px solid #dbe3ef; margin-top:40px; padding: 50px;}
.megetit{ text-align:center; font-size:18px; font-weight:bold; color:#333; padding:20px 0;}
.formssss{ max-width:800px; margin:0 auto;}
.formssss span{ float:left; display:block; width:100px; text-align:right; padding-right:20px;}
.formssss span em{ color:#F00; font-size:14px; font-style:normal; display:inline-block; padding-right:2px;}
.topwho{ margin-top:15px;}
.formssss p{ float:left; display:block; width:calc(100% - 100px);}
.formssss input{ width:calc(100% - 100px);border:1px solid #5bade1; padding:0 10px; height: 45px;}
.formssss textarea{ width:calc(100% - 100px); height:150px; border:1px solid #5bade1; padding:6px 10px;}
.formssss button{ cursor:pointer; background:#5bade1; height:45px; width:100px; border-radius:10px; color:#fff;}
.formssss textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #666 !important; font-family:"微软雅黑";
}
.formssss textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666 !important;font-family:"微软雅黑";
	opacity: 1;
}
.formssss textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666 !important;font-family:"微软雅黑";
	opacity: 1;
}
.formssss textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #666 !important;font-family:"微软雅黑";
}




.questions li{ padding:20px; background:#fafafa; margin-bottom:20px;}
.questions li span{ display:inline-block; background:#5bade1; color:#fff; padding:0 10px; font-weight:bold; margin-right:10px;}
.questions li  b{ display:block; margin-bottom:10px; border-bottom:1px dashed #5bade1; padding-bottom:10px;}
.questions li p{ font-size: 14px;}
.pagess{ padding-top:40px; text-align:center;}
.pagess li{ display:inline-block;}
.pagess li a,.pagess li span{ display:block; padding:0 10px; background:#eee; color:#666;}
.pagess li a:hover,.pagess li.active a,.pagess li span.current{ color:#fff; background:#5bade1}

.products_boxss{ margin:60px 0;}
.products_boxss .prole{ width:300px; border-top:2px solid #333;}
.proletit{padding: 12px 20px; font-size:16px;}
.products_boxss .prole li{ font-size:14px; }
.products_boxss .prole li i{ position:absolute; display:block; width:30px; height:30px; top:50%; margin-top:-15px; right:0; text-align:center; line-height:30px; font-size:20px; font-weight:normal;}
.products_boxss .prole li a{padding:0 20px;  line-height:32px; color:#333; display:block;position:relative;}
.products_boxss .prole ul{ padding:10px 0; background:#fff;border:1px solid #eee;}
.products_boxss .prole li.on> a{background:#f2f3f7}
.products_boxss .prole li.on> a i{ transform:rotate(90deg);}
.products_boxss .prole li:hover >a{ background:#f2f3f7}
.products_boxss .prole li .erjilanmu{ padding:10px 0; background:#f9f9fa; display: none;}
.products_boxss .prole li .erjilanmu a{ padding-left:40px; border-bottom:1px dashed #f2f3f7}
.products_boxss .prole li .erjilanmu a:hover{ color:#5bade1}
.products_boxss .prole li .erjilanmu a.on{ background:#f2f3f7;color:#5bade1}
.products_boxss .prole li.on .erjilanmu{ display: block;}


.proletit{ background:#fff;border:1px solid #eee;}

.products_boxss .prori{ width:calc(100% - 330px);}
.proneiyelist li{ transition:all .3s; width:32%; margin-right:2%; float:left; padding:14px; background:#eeeeee; margin-bottom:3%;}
.proneiyelist li img{ width:100%;}
.proneiyelist li:nth-child(3n){ margin-right:0;}
.proneiyelist li:nth-child(3n+1){ clear:left;}
.proneiyelist li .txts{ position:relative;  margin-top:25px; padding-bottom:10px; text-align:center;}
.proneiyelist li .txts h2{ font-size:18px; color:#292929; font-weight:normal;}
.proneiyelist li .txts p{ font-size:14px; color:#666666;}
.proneiyelist li .txts i{ width:55px; height:25px; display:block; position:absolute; right:0; top:0; background:url(../icon/index_24.png) no-repeat right center;}
.proneiyelist li:hover .txts i{ border-left:1px solid #fff; background:url(../icon/index_21.png) no-repeat right center;}
.proneiyelist li:hover{ background:#008cd6}
.proneiyelist li:hover .txts h2,.proneiyelist li:hover .txts p{ color:#fff;}

.proritop a{ transition:all .3s; display:block; width:120px; height:35px; line-height:35px; font-size:14px; text-transform:uppercase; color:#fff; background:#008cd6; text-align:center;}
.proritop a i{ padding-right:10px;}
.proritop a:hover{ background:#333;}
.proritop h1{    margin: 0px; display:block; font-weight:normal;
    line-height: 22px;
    font-size: 18px;
    color: #008cd6;
    padding-bottom: 10px;
    border-bottom: 1px dotted #cccccc;}
.proritop .product_intro{ padding:10px 0;}
.product_intro p{ font-size:14px;}

.proritop .iimgs{ width:50%;}
.proritop .iimgs img{ width:100%;}
.proritop .txtss{ width:46%;}

.gallery-top{ border:1px solid #eee; margin-bottom:20px;}
.gallery-thumbs .swiper-slide{ border:1px solid #eee;}
.gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #008cd6}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white{ width:30px; height:30px; background:rgba(0,0,0,.5); border-radius:100px;}
.proritop .swiper-button-next:after,.proritop .swiper-button-prev:after{ font-size:20px;}

.productview{ overflow-x: scroll; padding-top:30px; border-top:2px solid #eee;border-bottom:2px solid #eee; margin-top:40px; padding-bottom:40px;}
.prev_next{ border-bottom:2px solid #eee; padding:30px 0;}
.prev_next,.prev_next a{ font-size:14px;}
.prev_next>div{ padding:5px 0;}
.prev_next a { color:#008cd6 ; display:inline-block; padding-left:5px;}
.productview table{ width:100% !important;border: 1px solid #eee !important;}
.productview table td{ padding: 10px !important; border: 1px solid #eee !important; font-size: 14px;}

.products_boxss .prole ul.towlisnes li{ border-bottom: 2px dashed #eee; padding: 10px 0;}
.products_boxss .prole ul.towlisnes li a{ display: -webkit-box; line-height: 1.5;}
.products_boxss .prole ul.towlisnes li a:hover{ color: #008cd6;}



.videps{ width:100%; height:100%;}
.video-js .vjs-big-play-button{ width:55px; height:55px; border-radius:100%; top:50%; left:50%; margin-left:-27px; margin-top:-27px;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder, .vjs-icon-play{ line-height:50px;}
video{ object-fit:fill;}
.vjs-poster{ background-size:cover;}

.video-js .vjs-big-play-button{ width:70px; height:70px; background-image:url(../images/index_19.png); background-size:100% 100%; border-radius:100%; top:50%; left:50%; margin-left:-35px; margin-top:-35px;border:none;}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,  .vjs-icon-play:before{ content:""; }







@media screen and (max-width:1280px){
	.w1200{ padding-left:40px; padding-right:40px;}
	.header .nav li>a{ font-size:16px;}
	.fot_email li span{ font-size:14px;}
	}


@media screen and (max-width:960px){
	.w1200 {
    padding-left:20px;
    padding-right:20px;
}
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .fot_email li:nth-child(1),.fot_email li:nth-child(2),.fot_email li:nth-child(3){ width:100%; float:none; text-align:left;}
	 .fot_copy .copytxt p{ line-height:1.7; font-size:14px; text-align:center;}
	 .fot_copy .copytxt { float:none; width:100%;}
	 .fot_copy{ padding:20px 10px;}
	 .shejiao { float:none; width:100%; text-align:center; padding:20px 0;}
	 .shejiao  a{ margin:0 5px;}
	 .index_01 .aboutbox_index a, .mores a{ width:150px; height:40px; line-height:40px; font-size:16px;}
	 .banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:2px;}
	 .index_01 .aboutbox_index{ width:100%; margin:0 auto; padding:0;}
	 .index_01 .imgs_video{ position:static; width:100%; padding:20px;}
	 .index_01 .abouttit{ font-size:20px; text-align:center;}
	 .index_01 .aboutbox_index .line{ margin:0 auto 20px;}
	 .index_01{ padding:30px 0;}.index_01 .aboutbox_index .aboutintro p{ font-size:14px;}
	 .index02tit b{ font-size:20px;}.index02tit .line{ margin:10px auto 20px;}
	 .index_02 li .txts h2{ font-size:16px;}.index_02 li .txts p{ font-size:12px;}
	 .index_02 li{ width:48%; margin:1%;}.index_02 li:nth-child(3n){ margin:1%;}
	 
	 .proneiyelist li .txts h2{ font-size:16px;}.proneiyelist li .txts p{ font-size:12px;}
	 .proneiyelist li{ width:48%; margin:1%;}.proneiyelist li:nth-child(3n){ margin:1%;}
	 
	 .abouttit{ font-size:22px;}.abouttit .line{ width:40px; height:3px;}.about_boxs{ padding:40px 0;}.aboutcontents{ padding:30px 0 0;}
	 .aboutcontents p{ line-height:1.75; font-size:14px;}
	 .subanner{ height:120px;}.positions{ padding:10px 0;}.positions a, .positions{ font-size:12px; line-height: 1.55;}
	 .contacmestit{ font-size:16px;}.contactmesp{ font-size:14px; }
	 .contactmesp p{display:block; margin-bottom:10px;}
	 .mesgeform{ padding:20px; margin-top:20px;}.megetit{ padding-top:0;}
	 .formssss span{ font-size:14px;}
	 .formssss p{ font-size:14px;}.contactboxs{ padding:30px 0;}
	 
	 .products_boxss .prole,.products_boxss .prori{ width:100%; float:none;}
	 .products_boxss .prole{ margin-top:30px;}
	 .products_boxss{ margin:30px 0;}
	}
@media screen and (max-width:500px){
	.index_02 li{ width:100%; margin:1% 0;}.index_02 li:nth-child(3n){ margin:1% 0;}
	.proneiyelist li{ width:100%; margin:1% 0;}.proneiyelist li:nth-child(3n){ margin:1% 0;}
	
	.proritop .iimgs{ width:100%; float:none; margin-bottom:30px;margin-top:30px;}
	.proritop .txtss{ width:100%; float:none;}
	.productview{ margin-top:30px; padding:20px 0;}
	.productview table td{ padding: 10px 5px !important; border: 1px solid #eee !important; font-size: 12px;}

	
	}