@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1400px;font:14px 微软雅黑;color:#444;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
a { text-decoration: none; outline: none; color: #000; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
.content{width: 1400px;margin:0 auto;}
.content1{width: 1300px;margin:0 auto;}
.w1200{width: 1200px;margin:0 auto;}
.w1340{width: 1340px;margin:0 auto;}

/*banner*/
.flexslider{margin:0 auto 0;position:relative;width:100%;height:455px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -70px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.flex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#00b0bb}
.flexslider .slides a img{width:100%;height:455px;display:block}

/*内页的banner*/
.nyflexslider{margin:0 auto 0;position:relative;width:100%;height:355px;overflow:hidden;zoom:1}
.nyflexslider .slides li{width:100%;height:100%}
.nyflex-direction-nav a{width:70px;height:70px;line-height:99em;overflow:hidden;margin:-35px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;-webkit-transition:all .3s ease;border-radius:35px}
.nyflex-direction-nav .flex-next{background-position:0 -70px;right:0}
.nyflex-direction-nav .flex-prev{left:0}
.nyflexslider:hover .flex-next{opacity:.8}
.nyflexslider:hover .flex-prev{opacity:.8}
.nyflexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.nyflex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}
.nyflex-control-nav li{margin:0 2px;display:inline-block;zoom:1}
.nyflex-control-paging li a{background:#dfdfdf;display:block;height:10px;overflow:hidden;text-indent:-99em;width:10px;cursor:pointer;-webkit-transition:all 0s ease;border-radius:10px}
.nyflex-control-paging li a.flex-active,.flex-control-paging li.active a{background:#00b0bb}
.nyflexslider .slides a img{width:100%;height:355px;display:block}


/*头部*/
.header{background:url(../images/hbg.jpg)  no-repeat center; height: 100px;}
.header .logo{width: 300px;height: 80px;margin-top: 10px;}
.header .logo img{max-width: 100%;height: 100%;}
.header  p{float: right;   letter-spacing:6px;line-height: 100px;color: #fff;font-size: 18px;}

/*栏目*/
.w600{width: 800px;margin:0 auto;}
.head_nav{background-color: #1a1a1a; height: 50px;}
.head_nav .first_ul > li{float: left;position:relative;}
.head_nav .first_ul > li > a{display:inline-block;font-size:17px;padding:0 45px;color:#fff;line-height:50px}
.head_nav .first_ul > li:hover > a ,  .head_nav .first_ul > li.on a {color:#fff}
.head_nav .first_ul > li:hover{background-color: #00b0bb}
.head_nav .first_ul > li.on{background-color: #00b0bb}

/*标题*/
.pubtit{height: 110px;text-align: center;}
.pubtit p{font-size:48px;font-family:"Microsoft Yi Baiti";color: #444;text-align: center;font-weight: 600;;text-transform: uppercase;}
.pubtit span{display: block;text-align:center;font-size: 20px;color: #999;letter-spacing: 10px;}

/*6个小介绍*/
.intr{background:url(../images/bg1.jpg)  no-repeat center; height: 1082px;min-width: 1400px; margin-bottom: 80px;}
.intr_body{position: relative;}
.in_pro{width: 112px;height: 49px;background: url(../images/kuang.png) no-repeat center;position: absolute;font-size: 13px;color: #555}
.pro_1{top: 381px;left: 1298px;line-height: 24px;}
.pro_1 p{padding-left: 30px}
.pro_2{top: 310px;left: 256px;line-height: 24px;}
.pro_2 p{padding-left: 30px}
.pro_3{top: 670px;left: 360px;line-height: 24px;}
.pro_3 p{padding-left: 30px}
.pro_5{top: 470px;left: 158px;line-height: 24px;}
.pro_5 p{padding-left: 38px}
.pro_6{top: 277px;left: 1136px;line-height: 24px;}
.pro_6 p{padding-left: 38px}
.pro_4{top:660px;left: 693px;line-height: 24px;}
.pro_4 p{padding-left: 38px}
.pro_7{top: 490px;left: 550px;line-height: 24px;}
.pro_7 p{padding-left: 38px}
.pro_8{top: 490px;left: 740px;line-height: 24px;}
.pro_8 p{padding-left: 44px}

.in_pro:hover {background: url(../images/kuang1.png) no-repeat center;color: #fff}

/*爆款产品*/
.hot{padding: 80px 0;}
.hot .slideBox{ overflow:hidden; zoom:1; padding:0 10px 10px 88px; position:relative;}
.hot .sPrev,.hot .sNext{ position:absolute; left:0px; top:120px; display:block; width:78px; height:100px; background: url(../images/arrow-left.png) no-repeat center;}
.hot .sNext{ left:auto; right:0px; background: url(../images/arrow-right.png) no-repeat center;}
.hot ul{ overflow:hidden; zoom:1;background:url(../images/hotbg.jpg) repeat center;}
.hot ul li{ margin:20px  24px;width:360px; float:left;overflow:hidden;box-shadow: 1px 0px 12px 3px #e6e6e6;}
.hot ul li .pic{width:360px; }
.hot ul li .pic img{ width:360px; display:block;}
.hot ul li .pic a:hover img{ border-color:#999;}
.hot ul li .tit{ line-height:24px;height: 100px;text-align: center;background-color: #fff;}
.hot ul li .tit p{ text-align: center;color: #333;    line-height:50px;font-size:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hot ul li .tit span{display: block;text-align: center;font-size: 17px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #9d9d9d}
.hot ul li .tit p:hover{color: #00b0bb}
/*关于*/
.about{padding: 0 0 80px 0;  overflow: hidden;}
.about .abimg{width: 1400px;height: 452px;}
.about .abimg img{width: 1400px;height: 452px;}
.shuzi {padding-top: 30px;}
.shuzi ul li{ float: left; padding: 0 25px; color: #333; text-align: center;}

.shuzi ul li i{ display: block;padding-top: 3px;font-style: normal;color: #666;font-size:18px;}
.shuzi ul li em{ display: inline-block; line-height: 40px; color: #333;font-style: normal;font-size: 40px;}
.shuzi ul li span{ display: inline-block; font-size:38px; font-family: impact}
.shuzi ul li:hover span  ,   .shuzi ul li:hover em{ color: #00b0bb;}
.about .wz {padding-top: 30px;}
.about .wz  p{width: 550px;text-indent: 2rem;line-height: 30px;font-size:16px;color: #666}

/*新闻*/
.news{padding: 0 0 30px 0;  overflow: hidden;}
.news .nlist{width: 650px;}
.news .nlist ul{overflow: hidden;}
.news .nlist li{float: left;line-height: 45px;width:94%;overflow: hidden;background:url(../images/nicon.png)  no-repeat left center;padding-left: 30px;}
.news .nlist li a{color: #666;font-size: 16px;display: block;float: left;width: 80%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news .nlist li span{display: inline-block;float: right;font-size: 16px;font-family: arial;color: #999}
.news .nlist li a:hover{color: #00b0bb}
.news .nlist li:hover{background:url(../images/nicon1.png)  no-repeat left center;}
/*底部*/
.footer{background:url(../images/ftbg.png)  no-repeat bottom center; height:280px; width: 100%; float: left; }
.footer .logo{width: 455px;padding-top: 20px;padding-right: 20px;}
.footer .logo img{max-width: 100%;height: 100%;}
.footer .contact{border-left: 1px solid #cecece;padding-left: 30px;margin-top:40px;width: 560px}
.footer .contact li{line-height:35px;font-size: 15px;color: #999}
.ewm{padding-top: 15px;}
.ewm .ewmimg {margin-left: 15px;width: 90px;}
.ewm .ewmimg p{text-align: center;font-size: 13px;color: #999;}
.copyright{ width: 100%; max-width: 1400px; float: left; text-align: center; color: #999; margin-top: 15px;}
.clear{ width: 100%; display: block; clear: both; float: left;}
/*ny start*/
.ny_list ul li{float: left;width: calc(100% / 8);text-align: center;padding: 30px 0 35px;}
.ny_list ul li p{text-align: center;font-size: 17px;line-height: 30px;color: #666}
.ny_list ul li:hover{background-color: #00B1BB}
.ny_list ul li:hover p{color: #fff}
.ny_list .icona{display: block;margin:0 auto;}
.ny_list .iconb{display: none;margin:0 auto;}
.ny_list li:hover .icona{display: none;margin:0 auto;}
.ny_list li:hover .iconb{display: block;margin:0 auto;}
.ny_list ul li.on{background-color: #00B1BB}
.ny_list ul li.on p{color: #fff}
.ny_list li.on .icona{display: none;margin:0 auto;}
.ny_list li.on .iconb{display: block;margin:0 auto;}
.ny_probody1{padding: 20px 0}
.ny_probody1 ul li{float: left;width: 680px;margin-left: 40px;position: relative;margin: 20px 0 20px 40px}
.ny_probody1 ul li:nth-child(2n+1) {margin-left: 0}
.ny_probody1 ul li .img{width: 680px;overflow: hidden;}
 .ny_probody1 ul li img{width: 680px; height: 380px; /* height: 510px; */ display: block;transition:.5s ease-in;} 
.ny_probody1 ul li:hover img { transform:scale(1.1,1.1);}
.ny_probody1 ul li p{position: absolute;width: 100%;height: 50px;background: rgba(0,0,0,0.7);bottom: 0px;text-align: center;line-height: 50px;color: #fff;font-size: 16px}
.ny_probody2 {padding: 40px 0}
.ny_probody2 ul{ overflow:hidden; zoom:1;}
.ny_probody2 ul li{ margin:20px 33px;width:400px; float:left;overflow:hidden;box-shadow: 1px 0px 12px 3px #e6e6e6;}
.ny_probody2 ul li.pic .img{width:400px; overflow: hidden;}
.ny_probody2 ul li.pic img{ width:400px; display:block;transition:.5s ease-in;}
.ny_probody2 ul li.pic:hover img { transform:scale(1.1,1.1);}
.ny_probody2 ul li.pic a:hover img{ border-color:#999;}
.ny_probody2 ul li .tit{ line-height:24px;height: 100px;text-align: center;background-color: #fff;}
.ny_probody2 ul li .tit p{ text-align: center;color: #333;line-height:50px;font-size:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ny_probody2 ul li .tit span{display: block;text-align: center;font-size: 17px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #9d9d9d}
.ny_probody2 ul li:hover .tit p{color: #00b0bb}

#my-slide{width:100%;height:495px;padding: 30px 0 20px;}
#my-slide .slide-list{max-width: 1400px;width:100%;height:495px;overflow: hidden;position: relative;margin:0 auto;background: url(../images/pronybg.jpg) no-repeat center;}
#my-slide .slide-list li{margin-right:20px;height:495px;position: absolute;top:0;overflow: hidden;width:calc(100% - 20px - 50%);max-width: 680px;}
#my-slide .slide-list li img{height:495px;width:680px;opacity: 0.3}
#my-slide .slide-list li .tit_con{display: none;}
#my-slide .slide-list li.active img{opacity: 1} 
.tit_con{display: block;color: #666;font-size: 16px;margin-bottom: 70px}
.tit_con dl，.tit_con dt,.tit_con dd{padding: 0;margin:0;font-style: normal;}
.tit_con dl em{color: #9c9c9c;font-style: normal;letter-spacing: 2px;padding-right: 20px;line-height: 40px;display: inline-block;float: left;font-size: 15px}
.tit_con dl span{line-height: 40px;display: inline-block;width: 585px}
.tit_con dl dt span{font-size: 24px;color: #444}
.tit_con dl dd span{font-size: 16px;color: #444}
.tit_con a{display: block;width: 120px;height: 30px;line-height: 30px;text-align: center;background: #00b0bb;color: #fff;border-radius: 10px;margin-left:90px;}
#my-slide .slide-list li .pimg{background: #f1f1f1;width: 680px;height: 495px}
.pro_xq{width: 680px;margin: 0 auto}
.pro_xq b{font-size: 16px;color: #444;line-height: 200%;font-weight: normal;}
.pro_xq p{font-size: 15px;line-height: 160%;text-indent: 2em;color: #444;margin-top: 20px}

.hotpro {width: 680px;background: url(../images/hotbg.jpg) no-repeat center;background-size: 200% 200%;padding:20px 0;margin-bottom: 50px}
.hotpro ul li{width: 200px;margin-left: 20px;float: left;}
.hotpro ul li .img{width: 200px;height: 150px;overflow: hidden;}
.hotpro ul li .img img{width: 100%;display: block;transition:.5s ease-in;}
.hotpro ul li:hover .img img{ transform:scale(1.1,1.1);}
.hotpro ul li .zi{text-align: center;line-height: 20px;background: #fff;padding: 7px 0;}
.hotpro ul li .zi i{font-size: 16px;color: #444;display: block;font-style: normal;}
.hotpro ul li .zi em{font-size: 12px;color: #999;display: block;font-style: normal;}
.hotpro ul li:hover .zi{background: #00B1BB}
.hotpro ul li:hover .zi i{color: #fff;}
.hotpro ul li:hover .zi em{color: #fff;}

.pro_cate{text-align: center;margin-top: 30px}
.pro_cate ul li{display: inline-block;line-height: 40px}
.pro_cate ul li a{display: block;padding: 0 20px;font-size: 17px;color: #666;width: 200px;height: 40px;background: url(../images/kuang2.png) no-repeat center;}
.pro_cate ul li a:hover {background: url(../images/kuang3.png) no-repeat center;color: #fff}
.pro_cate ul li.on a {background: url(../images/kuang3.png) no-repeat center;color: #fff}

/**顶部幻灯片按钮**/
.slick-top-prev{position:absolute;display: block;height: 94px;width:56px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;top: 56%;left: 0px;margin-top:-80px;}
.slick-arrow{background-color: rgba(0,0,0,0.5);font-family: monospace;font-weight: 100;font-size: 50px;color: #fff;outline: none;z-index: 1;opacity: .95;border:none!important;}
.slick-top-prev:before{content: "<";font-weight: bold;}
.slick-top-next{position:absolute;display: block;height: 94px;width:56px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;top: 56%;right: 0px;margin-top:-80px;}
.slick-top-next:before{content: ">";font-weight: bold;}