@charset "utf-8";

.head{ background:#1e9393;}

.head .menu{border-bottom:0;}

/***********banner***********/

.device { width:100%; height:640px;position: relative; z-index:10;background: #fff url(../images/loading.gif) no-repeat center center;}

.device:hover .arrow-left0, .device:hover .arrow-right0, .device:hover .arrow-left0w, .device:hover .arrow-right0w{ display:block;}

.device .arrow-left0, .device .arrow-left0w { z-index:99; background: url(../images/left.png) no-repeat left top; position: absolute; left: 35px; top: 50%;margin-top: -25px; width: 22px; height: 32px; display:none;}

.device .arrow-left0:hover, .device .arrow-left0w:hover{ background-position:left bottom;}

.device .arrow-right0,.device .arrow-right0w {z-index:99;background: url(../images/right.png) no-repeat left top; position: absolute; right: 35px; top: 50%; margin-top: -25px;width: 22px;  height: 32px; display:none;}

.device .arrow-right0:hover,.device .arrow-right0w:hover{ background-position:left bottom;}

.device .swiper-container {height:640px;width: 100%; text-align:center; overflow:hidden}

.device .swiper-slide{ background-position:center center; background-repeat:no-repeat;}

.device .swiper-slide img{width:100%;}

.device .pagination0 {z-index:99;position: absolute;left: 0;text-align: center;bottom:26px;width: 100%;}

.device .swiper-pagination-switch {display: inline-block;width:20px;height:20px;border-radius: 12px;background: #fff;margin: 0 6px;cursor: pointer;}

.device .swiper-visible-switch { background: #fff;}

.device .swiper-active-switch { background: #1e9393;}

.device .swiper-slide a{ width:100%; height:640px; display:block;}

/***************************display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; ***************************/

.title{ font-size:32px; color:#4d4b4d; height:50px; padding:40px 0 35px; margin:30px 0; background:url(../images/titlebg2.png) no-repeat center center; background-size:230px; text-align:center; line-height:24px;}

.title .t1{ color:#67666a; font-size:14px; font-weight:normal;}



.title2{ font-size:32px; color:#4d4b4d; height:50px; padding:40px 0 35px; margin:30px 0; background:url(../images/titlebg3.png) no-repeat center center; background-size:280px; text-align:center; line-height:24px;}

.title2 .t1{ color:#67666a; font-size:14px; font-weight:normal;}



/* products */

.products{ padding:0 0 30px;}

#cen_right_top{ text-align:center; position:relative;}

#cen_right_top .seriesname{ width:100%; background:#f6f6f6;}

#cen_right_top span{ display:inline-block; height:42px; padding:9px 0;}

#cen_right_top .active i{ color:#1e9393; border-bottom:2px solid #1e9393;}

#cen_right_top h3,#cen_right_top a.smore{line-height:42px;text-align:center;float:left;height:42px; display:block; font-weight:bold;font-size:16px;color:#666;cursor:pointer; background:url(../images/pro_xx.png) no-repeat right center;}

#cen_right_top h3:last-child{ background:none;}

#cen_right_top i{ font-style:normal; height:42px; display:block; margin:0 20px; padding:0 20px;}

#cen_right_top a.smore i{ background:url(../images/new.gif) no-repeat top right;}

#cen_right_top div.hott{ width:100%; height:670px; padding:30px 0 0; display:none;clear:both; text-align:left;}



.hot-pro{width:100%;}

.hot-t{ height:126px; position:relative;}

.hot-t ul { width:190px; height:42px; background:#fff; margin:0 auto; position:relative; top:62px;z-index:99; }



.arrow-left1{ position: absolute;width:42px; height:42px; top:115px; right:50px; background:url(../images/arrow-prev.jpg) no-repeat;}

.arrow-left1:hover{ background:url(../images/arrow-prev_h.jpg) no-repeat;}

.arrow-right1{ position: absolute; width:42px; height:42px; top:115px; right:0px; background:url(../images/arrow-next.jpg) no-repeat;}

.arrow-right1:hover{background:url(../images/arrow-next_h.jpg) no-repeat;}





.h-pro{ float:left; width:250px; margin-bottom:22px; margin-left:12px; margin-right:38px; padding-top:10px; position:relative; z-index:10;}

.h-pro li a{ width:270px; padding:30px 0 20px; display:block; background:#fff url(../images/loading.gif) no-repeat center center; -webkit-box-shadow:0 0 10px rgba(160, 160, 160, .5); -moz-box-shadow:0 0 10px rgba(160, 160, 160, .5); box-shadow:0 0 10px rgba(160, 160, 160, .5);}

.h-pro li p{ color:#666; font-size:16px; width:250px; padding:15px 10px; line-height:17px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}

.h-pro img{ width:250px; display:block; margin:0 auto;}

.h-pro li a:hover{ -webkit-box-shadow:0 0 10px rgba(30, 147, 147, .5); -moz-box-shadow:0 0 10px rgba(30, 147, 147, .5); box-shadow:0 0 10px rgba(30, 147, 147, .5);}

.h-pro li a:hover p{ color:#1e9393;}



.hot-pro .swiper-container{ height:670px; width:100%; text-align:center; overflow:hidden;}

.hot-pro .swiper-container .swiper-slide{width:100%; margin-bottom:25px;}



#cen_right_top .hott:hover .plus,#cen_right_top .hott:hover .minus{ display:block;}

#cen_right_top .plus { background: url(../images/focus_btn.png); background-repeat:no-repeat; background-position: 0 -74px; position: absolute; z-index:100; left:0; top: 63%;margin-top: -37px; width: 40px; height: 74px; cursor:pointer; display:none}

#cen_right_top .plus:hover{ background-position:0 0;}

#cen_right_top .minus { background: url(../images/focus_btn.png);background-repeat:no-repeat; background-position: -40px -74px; position: absolute; z-index:100; right:0; top: 63%; margin-top: -37px;width: 40px;  height: 74px; cursor:pointer; display:none}

#cen_right_top .minus:hover{ background-position:-40px 0;}





/*about*/

.about{ overflow:hidden; padding-bottom:40px;}

.about h3{ height:130px; font:30px "Microsoft YaHei"; color:#1e9393; line-height:100px; text-align:center;}

.about h3 a{color:#1e9393; }

.about dl{ overflow:hidden; margin-bottom:50px;}

.about dt ,.about dt img{ width:721px; height:362px;}

.about dd{ width:400px; margin-right:30px; border-bottom: 3px solid rgb(30, 147, 147);  padding-bottom: 6px;}

.about dd span{  width: 400px; text-align:right; height:64px; display:inline-block; font:18px "Microsoft YaHei"; font-weight:bold; color:#1e9393; margin-bottom:15px; cursor:pointer;}  

.about dd p{ font:14px "Microsoft YaHei"; color:#555555; line-height:24px;}

.about dd em{  float: right; width:98px; height:28px; display:inline-block; font:12px "Microsoft YaHei"; color:#fff; line-height:28px; text-align:center;}

.about dd em a{ color: #3D4042;}

.about_tel{ clear:both; height:161px; padding:40px 60px 0 60px; background:url(../images/pic11.jpg) no-repeat;}

.about_tel .te101{ float:left; font-size:28px; color:#fff; line-height:40px;}

.about_tel .te102{ float:right; font-size:18px; color:#fff; line-height:30px; text-align:right; padding-top:5px;}

.about_tel span{ font-size:24px; color:#fff;}



.advantage{ height:250px; background:url(../images/advantagebg.jpg) no-repeat top center;}

.advantage h3{ font-size:28px; float:left; width:260px; display:block; color:#fff; margin-top:50px;}

.advantage ul{ float:left; width:940px;}

.advantage ul li{ float:left; width:199px; padding:0 18px; height:250px; text-align:center; line-height:20px;}

.advantage ul li h2{ font-size:16px; color:#fff; padding:20px 0 12px;}

.advantage ul li .p{ font-size:14px; color:#fff;}

.advantage ul li .ico65{ height:116px; display:block;background-repeat: no-repeat; background-position:center center; background-size:40%;}

.advantage ul li h2{padding: 0px 0 12px;}



.ys1{ height:1260px; padding-top:45px; background:url(../images/rdbg.jpg) no-repeat top center; overflow:hidden;}

.ys_one{ height:370px; margin-bottom:80px; overflow:hidden}

.ys1_left{ float:left; width:560px;}

.ys1_left ul li{ float:left; width:180px; height:300px; margin-right:10px; text-align:center; line-height:20px;}

.ys1_left ul li p{ height:59px; padding:10px 0 0; color:#323232;}

.ys1_left ul li p span{ color:#989898; display:block;}

.ys_one .ys1_left ul li.icon1{ }

.ys_one .ys1_left ul li.icon2 { }

.ys_one .ys1_left ul li.icon3{ margin-right:0;}

.ys_one .ys1_right{ float:right; width:600px; line-height:30px; font-size:14px; color:#666; padding-top:12px;}

.ys_one .ys1_right h5{ color:#1e9393; font-size:24px; font-weight:normal; background:url(../images/jhenten05.png) no-repeat; padding:3px 0 15px 56px;}



.ys_two{ height:340px; overflow:hidden; margin-bottom:80px;}

.ys_two .ys2_left{ float:left; width:560px; line-height:30px; font-size:14px; color:#666; padding-top:12px;}

.ys_two .ys2_left h5{ color:#1e9393; font-size:24px; font-weight:normal; background:url(../images/jhenten05.png) no-repeat; padding:3px 0 15px 56px;}

.ys_two .ys2_right{ float:right; width:560px; height:330px; position:relative}

.ys_two .ys2_right .arrow-leftsb { z-index:19; background: url(../images/icon_left.png) no-repeat left top; position: absolute; left: 0; top: 50%;margin-top: -40px; width: 60px; height: 80px; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.ys_two .ys2_right .arrow-leftsb:hover{ background-position:left bottom; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1}

.ys_two .ys2_right .arrow-rightsb {z-index:19;background: url(../images/icon_right.png) no-repeat left top; position: absolute; right: 0; top: 50%; margin-top: -40px;width: 60px;  height: 80px; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.ys_two .ys2_right .arrow-rightsb:hover{ background-position:left bottom; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1}

.ys_two .ys2_right .swiper-container {height:330px;width: 100%; text-align:center; overflow:hidden}

.ys_two .ys2_right .swiper-slide{ background-position:center center; background-repeat:no-repeat;}



.ys_three{ height:340px; overflow:hidden}

.ys_three .ys3_right{ float:right; width:580px; line-height:30px; font-size:14px; color:#666; padding-top:12px;}

.ys_three .ys3_right h5{ color:#1e9393; font-size:24px; font-weight:normal; background:url(../images/jhenten05.png) no-repeat; padding:3px 0 15px 56px;}

.ys_three .ys3_left{ float:left; width:560px; height:330px; position:relative;}

.ys_three .ys3_left .arrow-leftzl { z-index:19; background: url(../images/icon_left.png) no-repeat left top; position: absolute; left: 0; top: 50%;margin-top: -40px; width: 60px; height: 80px; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.ys_three .ys3_left .arrow-leftzl:hover{ background-position:left bottom; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1}

.ys_three .ys3_left .arrow-rightzl {z-index:19;background: url(../images/icon_right.png) no-repeat left top; position: absolute; right: 0; top: 50%; margin-top: -40px;width: 60px;  height: 80px; filter:alpha(opacity:80); opacity:0.8;  -moz-opacity:0.8;-khtml-opacity: 0.8}

.ys_three .ys3_left .arrow-rightzl:hover{ background-position:left bottom; filter:alpha(opacity:100); opacity:1;  -moz-opacity:1;-khtml-opacity: 1}

.ys_three .ys3_left .swiper-container {height:330px;width: 100%; text-align:center; overflow:hidden}

.ys_three .ys3_left .swiper-slide{ background-position:center center; background-repeat:no-repeat;}



/*dy*/

.dy{ height:433px; background:#f7f7f7; overflow:hidden; padding:40px 0;}

.dy h4{ height:47px; margin-bottom:0;border-bottom: 1px solid rgb(102, 102, 102);}

.dy h4 a{ font:18px "Microsoft YaHei"; line-height:66px;}

.dy h4 span{ float:right; height:50px; width:14px; display:inline-block;}

.dy h4 span a{height:50px; width:14px; display:inline-block; text-align:right}

.dy .newsbox{ width:320px; height:400px; overflow:hidden; float:left; margin-right:45px;}

.newsbox p  , .newsbox p img{ width:320px; height:200px;}

.newsbox p{ margin: 12px 0;}

.newsbox li{ height:34px; width:302px; background:url(../images/dy_d.gif) no-repeat left center; padding-left:16px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }

.newsbox li a{ font:14px "Microsoft YaHei"; color:#666666; line-height:34px;}

.dy .faq{ width:470px; height:400px; overflow:hidden; float:right;}

.dy  .faq h4{ margin-bottom:12px;}



#partner{ }

#partner .title1{ font-size:28px; color:#747474; padding:38px 0;}

#partner .title1 span{ font-size:20px; color:#626262; font-weight:normal}

#partner .title1 h3{ font-weight:normal}

#Marquee_x { overflow:hidden;  width:100%; margin:0 auto;} 

#Marquee_x img{ width:198px; height:73px;}





#Marquee_x ul li div{ float:left; width:198px; height:73px; border:1px solid #dadada; margin:0 0 40px 12px; text-align:center; line-height:73px; position:relative;}

#Marquee_x ul li div span{ position:absolute; width:198px; height:73px; background:#000;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; color:#fff; left:0; top:0; display:none;}

#Marquee_x ul li div a:hover span{ display: block;}







li{list-style:none;}

.hls-iacase {position: relative;}

.icase-nav {width: 94%; max-width:1200px;   margin-top: 30px; background:#f6f6f6; line-height: 50px;}

.icase-nav .swiper-slide li{font-size: 16px; color: #333;cursor: pointer; position: relative; margin: auto 3%;text-align: center; height: 40px; line-height: 40px; }

.icase-nav .swiper-slide{}

.icase-nav .swiper-slide:last-child{border-right: 0px;}

.icase-nav .swiper-slide li img{ display: table; margin: 0px auto; max-width: 60px; padding: 10px 0;}

.icase-nav .swiper-slide li .d-block{ display: block; }

.icase-nav .swiper-slide li .d-none{ display: none; }

.icase-nav .swiper-slide li span{color:#000; font-size: 14px; margin-bottom: 20px; display: block;}

.icase-nav .swiper-slide li:hover,.icase-nav .swiper-slide.swiper-slide-thumb-active li{border-bottom: 3px solid #1e9393; font-size:18px; font-weight:bold;}

.icase-nav .swiper-slide li:hover .d-block,.icase-nav .swiper-slide.swiper-slide-thumb-active li .d-block{display: none;}

.icase-nav .swiper-slide li:hover .d-none,.icase-nav .swiper-slide.swiper-slide-thumb-active li .d-none{display: block;}

.icase-nav .swiper-slide li:hover span,.icase-nav .swiper-slide.swiper-slide-thumb-active li span{color:#368ecd;}

.iacaselist .swiper-button-next, .iacaselist .swiper-button-prev{width: 39px; height: 74px; top: 48%; background-size: 39px 74px;}

.iacaselist .swiper-button-prev{background-image: url(../images/ljt.png); left:0px;}

.iacaselist .swiper-button-next{background-image: url(../images/rjt.png); right:0px;}

.iacaselist {padding:5% 0 11%;overflow: hidden;position: relative; height: 60%;}

.iacaselist .swiper-slide {}





.iacaselist .imore{width: 110px; overflow: hidden;position: absolute;left:50%;margin-left: -92px;bottom: -20%;z-index: 3;}

.iacase {position: relative;width:94%; max-width:1200px; overflow: hidden; margin:40px auto !important;}

.iacase li{overflow: hidden;-webkit-box-shadow:0 0 10px rgba(160, 160, 160, .5); -moz-box-shadow:0 0 10px rgba(160, 160, 160, .5); box-shadow:0 0 10px rgba(160, 160, 160, .5); border:1px solid #e8e8e8;}

.iacase li a{display: block;position: relative;}

.iacase li a h4{font-size: 16px;width: 100%;color: #333333; z-index: 3; line-height: 40px; text-align: center;margin-top:20px;height: 40px; overflow: hidden;}

.iacase li a h4 .add{float:right; margin-right: 5%; z-index: 1; position: relative;}

.iacase li a h4 .add .add_more{display: none; position: absolute; right:10px;}

.iacase li a h4 img{width: 40px; height: 40px; float: right; position: absolute; right: 0px; top:0px; }

.iacase li a img{width: 100%;margin: 30px 0 0;}

.iacase li a:hover img {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

.iacase li a:hover .add .add_more{display:block; border-radius: 50px; background: #000; color:#fff; width: 100px; padding: 0px 20px; height: 40px; line-height: 40px; text-align: left; font-size: 14px;}







/* banner */

.xy-index-banner {}

.xy-index-banner img{height: 100%;}

.xy-index-banner a {display: block;width: 100%;height:auto; overflow: hidden;background: #000;}



.xy-index-banner .pic {width: 100%;height:100%; position: relative;}

.xy-index-banner .pic img{display: block;width: 100%;height:100%;

-webkit-animation-name: scaleDraw; /*关键帧名称*/

-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

-webkit-animation-iteration-count: infinite;  /*动画播放的次数*/

-webkit-animation-duration: 20s; /*动画所花费的时间*/

}





.xy-index-banner .swiper-button-next,.xy-index-banner .swiper-button-prev{top:40%; width: 27px;height: 44px;margin-top:auto;background: none;z-index: 99;outline: none;}

.xy-index-banner .swiper-button-prev {background:url(../images/left.png) no-repeat left top;}

.xy-index-banner .swiper-button-next {background:url(../images/right.png) no-repeat left top;}







.xy-index-banner .swiper-pagination {position: absolute;right: 15%;bottom: 5%;text-align: right;width: 97% !important;}

.xy-index-banner span.swiper-pagination-bullet {background: rgba(0,0,0,.8);width: 30px;height: 4px; border-radius:0;position: relative;}

.xy-index-banner span.swiper-pagination-bullet.swiper-pagination-bullet-active {}

.xy-index-banner span.swiper-pagination-bullet::before {content: '';width: 0%; height: 100%;left: 0;top: 0;background:#1e9393;z-index: 3;display: block;}

.xy-index-banner span.swiper-pagination-bullet.swiper-pagination-bullet-active::before {-webkit-animation: w100 5000ms 1;animation: w100 5000ms 1;width:100%;}