@charset "utf-8";
/* CSS Document */
/*banner*/
*{zoom:1}
.fullSlide{background:#fff; margin:0 auto; height: 100%; width: 100%; position: relative; z-index: 1; overflow: hidden; }
.fullSlide .bd{ position:relative; z-index:0; height: 100%;}
.fullSlide .bd ul{width: 100%; height: auto;}
.fullSlide .bd ul li{width: 100%; height: auto;}
.fullSlide .bd ul li a{width: 100%; height: auto; display: block;}
.fullSlide .bd ul li a img{height: auto; display: block; max-width:100%; vertical-align:top; margin:0 auto;}
.fullSlide .hd{position: absolute;z-index:2;height: auto;text-align:center;/*filter:alpha(opacity=60);opacity:0.6;*/bottom: 32px;left: 50%;transform: translateX(-50%);}
.fullSlide .hd ul{ text-align:center; /*padding-top:5px;  */}
.fullSlide .hd ul li{cursor:pointer;display: inline-block;*display: inline; width:12px;height:12px;border-radius: 50%;margin: 0 8px;overflow:hidden;font-size:0;z-index: 3;background: #ccc; color: #ccc; }
.fullslide .hd ul li a{display: block;*font-size:860px;/*高度/字体大小的比值为1.14*/*font-family:Arial; overflow:hidden;display: table-cell;vertical-align:middle;text-align:center; border:1px solid #e1e1e1; width: 100%; height: 100%;}
.fullSlide .hd ul .on{background: #009afe; color: #009afe; }
.fullSlide .prev,.fullSlide .next{z-index:1;width:38px;height:75px;position:absolute;top: 50%;margin-top: -37px;left: 8%;background:url(../images/l.png) 0 0 no-repeat;filter:alpha(opacity=40);}
.fullSlide .next{background:url(../images/r.png) 0 0 no-repeat;right: 8%;left: auto;}
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80); }

/*内页banner*/
.inBanner{width: 100%; margin: 0 auto; height: auto; }
.inBanner a{display: block; width: 100%; height: auto; }
.inBanner a img{width: 100%; display: block; height: auto; }

/*单页面*/
.Single{width: 100%;line-height: 24px;margin: 15px 0;font-size: 12px;overflow: hidden;min-height: 400px;}
.Single img{max-width: 100%; }

/*详情页*/
.incontent{width:100%;overflow: hidden;/* min-height: 500px; */float: right;}
.incontent .in_tit{width:359px; margin:60px auto 20px auto; background:url(../images/in_title.png) no-repeat center center; height:63px;}
.incontent .in_tit h2{font-size:23px; color:#333; text-align:right; line-height:98px;}
.newsInfo{overflow:hidden;line-height:26px;font-size:12px;width:96%;padding: 0 2%;}
.newsInfo_title{width:100%;height:40px;line-height:40px;text-align:center;font-size:20px;color:#222;font-family:"微软雅黑", "宋体";overflow:hidden;margin-bottom: 10px;}
.newsInfo_tips{width:100%;height:30px;line-height:30px;font-family:Arial, Helvetica, sans-serif;text-align:center;font-size:14px;color:#666;overflow:hidden;background: #f7f7f7;}
.newsInfo_tips li{display:inline; padding:0 10px 0 10px;}
.newsInfo_con{width:100%;padding:10px 0;line-height: 24px;color:#333;overflow:hidden;min-height:350px;font-size: 12px;}
.rNews{width:100%;padding:10px 0;font-size: 14px;border-top:1px dashed #ccc;overflow:hidden;}
.rNews li{width:100%; height:30px; line-height:30px; overflow:hidden;}
.rNews li a:hover{color:#009afe; }
.newsInfo_tips li a{color:#f35f15}
.newsInfo a:hover{text-decoration:underline;}
.newsInfo_con p{width: 100%; margin-bottom: 6px; }
.newsInfo_con img{display:block; margin:10px auto; max-width:100%;}

/*服务优势*/
.Advantage{width: 100%;height: 190px;padding-top: 20px;background: #f7f7f7;margin-bottom: 60px;}
.Advantage ul{width: 1230px;height: 170px;}
.Advantage ul li{float: left;width: 277px;height: 170px;background: #fff;margin-right: 30px; display: none; }
.Advantage ul li.li01,.Advantage ul li.li02,.Advantage ul li.li03,.Advantage ul li.li04{display: block; }
.Advantage ul li a{display: block; width: 100%; height: 100%; }
.Advantage ul li a .Icon{width: 74px;height: 74px;margin: 0 auto;}
.Advantage ul li a .Icon span{width: 74px; height: 74px; *display: block; *font-size:65px; /*高度/字体大小的比值为1.14*/ *font-family: Arial; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; }
.Advantage ul li a .Icon span img{margin: 0 auto; max-width: 100%; max-height: 100%; vertical-align: middle; }
.Advantage ul li a h4{font: 18px "微软雅黑"; color: #333; text-align: center; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.Advantage ul li a b{display: block;width: 40px;height: 2px;margin: 10px auto 8px;background: #009afe;}
.Advantage ul li a p{font: 12px/20px "微软雅黑";color: #666;text-align: center;padding: 0 15px;width: 234px; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; }
.Advantage ul li a:hover h4{color: #009afe; }

/*产品中心*/
.Product{width: 1200px;height: auto;margin: 0 auto;}
.Product .Wrap{overflow: hidden; }
.Product ul.picList{width: 10000%!important;height: auto;overflow:  hidden;margin-top:  50px!important;}
.Product ul.picList li{width: 272px;height: auto;margin-right: 36px;float:  left;}
.Product ul.picList li a{display: block; width: 100%; height: 100%; }
.Product ul.picList li a .Pic{width: 270px;height: 270px;display: table-cell;vertical-align: middle;overflow: hidden;border: 1px solid #eee;}
.Product ul.picList li a .Pic img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; transition: all 0.2s; }
.Product ul.picList li a .Txt{width: 231px;height: auto;background: #f7f8f9 url(../images/arrow03.png) no-repeat 234px center;padding: 10px 30px 10px 10px;transition: all 0.2s;border: 1px solid #eee;margin-top: -1px;}
.Product ul.picList li a .Txt h4{font-size: 16px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; box-sizing: border-box; padding-right: 10px; transition: all 0.2s; }
.Product ul.picList li a .Txt p{font-size: 12px; color: #999; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-right: 10px; }
.Product .hd .pageState,.Product .hd a{display: none; }
.Product .hd ul{font-size: 0; text-align: center; margin-top: 20px; }
.Product .hd ul li{width: 12px;height: 12px;border-radius: 50%;background: #eee;color: #eee;display: inline-block; *display: inline;margin: 0 8px;cursor:  pointer;}
.Product .hd ul li.on{background: #009afe; color: #009afe; }
.Product ul.picList li a:hover .Pic img{transform: scale(1.1); }
.Product ul.picList li a:hover .Txt{background: #009afe url(../images/arrow04.png) no-repeat 234px center; border: 1px solid #009afe; }
.Product ul.picList li a:hover .Txt h4{color: #fff; }
.Product ul.picList li a:hover .Txt p{color: #fff; }

/*OEM/ODM*/
.Oemodm{width: 1200px;height: auto;margin: 60px auto 0;}
.Oemodm .Wrap{overflow: hidden; }
.Oemodm ul.picList{width: 10000%!important;height: auto;overflow:  hidden;margin-top:  50px!important;}
.Oemodm ul.picList li{width: 272px;height: auto;margin-right: 36px;float:  left;}
.Oemodm ul.picList li a{display: block; width: 100%; height: 100%; }
.Oemodm ul.picList li a .Pic{width: 270px;height: 270px;display: table-cell;vertical-align: middle;overflow: hidden;border: 1px solid #eee;}
.Oemodm ul.picList li a .Pic img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto; transition: all 0.2s; }
.Oemodm ul.picList li a .Txt{width: 231px;height: auto;background: #f7f8f9 url(../images/arrow03.png) no-repeat 234px center;padding: 10px 30px 10px 10px;transition: all 0.2s;border: 1px solid #eee;margin-top: -1px;}
.Oemodm ul.picList li a .Txt h4{font-size: 16px; color: #333; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; box-sizing: border-box; padding-right: 10px; transition: all 0.2s; }
.Oemodm ul.picList li a .Txt p{font-size: 12px; color: #999; width: 100%;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-right: 10px; }
.Oemodm .hd .pageState,.Product .hd a{display: none; }
.Oemodm .hd ul{font-size: 0; text-align: center; margin-top: 20px; }
.Oemodm .hd ul li{width: 12px;height: 12px;border-radius: 50%;background: #eee;color: #eee;display: inline-block; *display: inline;margin: 0 8px;cursor:  pointer;}
.Oemodm .hd ul li.on{background: #009afe; color: #009afe; }
.Oemodm ul.picList li a:hover .Pic img{transform: scale(1.1); }
.Oemodm ul.picList li a:hover .Txt{background: #009afe url(../images/arrow04.png) no-repeat 234px center; border: 1px solid #009afe; }
.Oemodm ul.picList li a:hover .Txt h4{color: #fff; }
.Oemodm ul.picList li a:hover .Txt p{color: #fff; }

/*关于我们*/
.About{width: 100%;height: 560px;background: url(../images/about-bg.jpg) no-repeat center center;background-size: cover;margin: 60px 0;}
.About .pic{width: 586px; height: 386px; float: left; margin-top: 86px; margin-right: 50px; border: 1px solid rgba(255,255,255,0.2); }
.About .pic div{width: 586px; height: 386px; display: table-cell; vertical-align: middle; }
.About .pic div img{display: block; margin: 0 auto; max-width: 100%; max-height: 100%; }
.About .txt{float: right; margin-top: 115px; width: 560px; }
.About .txt h4{width: 100%;height: auto;border-left: 4px solid #fff;padding-left: 16px;box-sizing: border-box;margin-bottom: 30px;}
.About .txt h4 span{text-transform: uppercase;font-size: 30px;color: #fff;display: block;margin: 0 0 10px;line-height: 30px;opacity: 0.8;}
.About .txt h4 strong{font-size: 20px;font-weight: bold;color: #fff;display: block;}
.About .txt p{font-size: 14px;color: #fff;width: 100%;box-sizing: border-box;padding-right: 20px;margin-bottom: 40px;line-height: 26px;height: 156px;display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.About .txt a{display: block;width: 114px;height: 34px;color: #fff;border: 1px solid #fff;text-align: center;line-height: 34px;font-size: 15px;transition: all 0.2s;}
.About .txt a:hover{color: #fff; background: #009afe; border: 1px solid #009afe; }

/*新闻资讯*/
.News{margin: 50px 0 0;width: 1200px;height: auto;}
.News dl{width: 1400px;height: auto;font-size: 0;}
.News dl dt{width: 1200px; height: auto; margin-bottom: 40px; }
.News dl dt a{width: 100%;height: auto;display: block;overflow: hidden;position:  relative;}
.News dl dt a .Pic{width: 384px;height: 224px;background: #eee;position:  absolute;left: 0;top: 24px; overflow: hidden; }
.News dl dt a .Pic span{width: 384px; height: 224px; *display: block; *font-size:196px; /*高度/字体大小的比值为1.14*/ *font-family: Arial; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; transition: all 0.2s; }
.News dl dt a .Pic span img{margin: 0 auto; max-width: 100%; max-height: 100%; vertical-align: middle; }
.News dl dt a .txt{width: 572px; height: 202px; background: #f5f5f5; float: right; padding: 70px 184px 0 142px; }
.News dl dt a .txt h4{font: 16px "微软雅黑"; color: #333; margin-bottom: 20px; }
.News dl dt a .txt p{font: 12px/24px "微软雅黑"; color: #666; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 72px; }
.News dl dt a .time{position:  absolute; top: 72px; right: 30px; text-align: right; color:  #333; }
.News dl dt a .time b{display:  block; font: bold 28px "微软雅黑"; }
.News dl dt a .time span{font: 16px "微软雅黑"; }
.News dl dt a:hover .txt h4{color: #009afe; }
.News dl dt a:hover .Pic span{transform: scale(1.1); }
.News dl dd{width: 502px; height: auto; display: inline-block; *display: inline; margin-right: 198px; }
.News dl dd a{width: 100%; height: auto; display: block; overflow: hidden; }
.News dl dd a .time{width: 120px; height: auto; text-align: center; float: left; }
.News dl dd a .time span{width: 120px; height: 30px; background: #999999; font: 14px/30px "微软雅黑"; color: #fff; display: block; }
.News dl dd a .time b{width: 120px; height: 90px; background: #f7f7f7; color: #333; font: 48px/90px "微软雅黑"; display: block; }
.News dl dd a .txt{width: 360px; height: auto; padding-left: 20px; float: left; }
.News dl dd a .txt h4{width: 100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font: 16px "微软雅黑";color: #333;margin: 12px 0 20px;}
.News dl dd a .txt p{width: 100%; height: 60px; font: 12px/20px "微软雅黑"; color: #666; display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.News dl dd a:hover .time span{background: #009afe; }
.News dl dd a:hover .time b{color: #009afe; }
.News dl dd a:hover .txt h4{color: #009afe; font-weight: bold; }

/*合作伙伴*/
.Partner{width: 1200px;height: auto;margin: 60px auto 80px;position: relative;}
.Partner .bd{margin-top: 50px;width: 1200px;overflow: hidden;position: relative;z-index: 2;}
.Partner ul{width: 100%;height: auto;overflow: hidden;}
.Partner ul li{width: 220px;height: 100px;margin-right: 25px;float: left;}
.Partner ul li a{width: 218px; height: 96px; *display: block; *font-size: 86px; /*高度/字体大小的比值为1.14*/ *font-family: Arial; overflow: hidden; display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #e7e7e7; }
.Partner ul li a img{margin: 0 auto; max-width: 100%; max-height: 100%; vertical-align: middle; transition: all 0.2s; }
.Partner ul li a:hover{border: 1px solid #009afe; }
.Partner ul li a:hover img{transform: scale(1.1); }
.Partner .hd{position: absolute;top: 122px;left: 0;width: 1300px;margin-left: -50px;}
.Partner .hd ul,.Partner .hd .pageState{display: none; }
.Partner .hd a{width: 17px; height: 34px; cursor: pointer; }
.Partner .hd a.next{float: right; background: url(../images/arrow02.png) no-repeat center center; }
.Partner .hd a.prev{float: left; background: url(../images/arrow01.png) no-repeat center center; }


/*内页--在线留言*/
.Message{width: 100%;height: auto;box-sizing: border-box;color: #333;padding: 0 20px;}
.Message .MessageTit{width: 100%;height: auto;border-bottom: 1px dashed #e7e7e7;margin-bottom: 20px;padding-bottom: 14px;}
.Message .MessageTit h6{font-size: 14px;color: #e00003;margin-bottom: 10px;}
.Message .MessageTit p{font-size: 12px;margin-bottom: 10px;}
.Message .MessageTit p b{color: red; }
.Message .Table{width: 100%;height: auto;padding-top: 10px;}
.Message .Table .Box{width: 100%;height: auto;margin-bottom: 20px;overflow:  hidden;}
.Message .Table .Box span{font-size: 14px;line-height: 40px;float: left;}
.Message .Table .Box .messageText01{width: 360px;height: 38px;border: 1px solid #e7e7e7;padding: 0 0 0 10px;float: left;margin-right:  5px;font-size: 12px;margin-left: 10px;line-height: 38px;}
.Message .Table .Box .messageText02{width: 525px;height: 150px;float: left;border: 1px solid #e7e7e7;resize: none;box-sizing:  border-box;padding: 10px;font-size: 12px;margin-left:  10px;outline: none;}
.Message .Table .messageBtn{width: 100px;height: 34px;background: #009afe;color: #fff;outline:  none;border-radius: 3px;margin-left: 80px;margin-top: 20px;cursor: pointer;}

/*内页--新闻资讯*/
.inNews{margin-top: 30px; width: 100%; }
.inNews dl{width: 100%; min-height: 400px; }
.inNews dl dd{width: 100%;margin-right: 0;display: block;margin-bottom: 20px;border-bottom: 1px dashed #eee;padding-bottom: 20px;}
.inNews dl dd a .time span{height: 26px; line-height: 26px; }
.inNews dl dd a .time b{height: 80px;line-height: 80px;font-size: 42px;}
.inNews dl dd a .txt{width: 790px; }
.inNews dl dd a .txt h4{margin: 8px 0 18px; }
.inNews dl dd a .txt p{height: 48px; -webkit-line-clamp: 2; line-height: 24px; }

/*内页--产品中心*/
.inProduct{width: 100%; overflow: hidden; }
.inProduct ul.picList{min-height: 400px;width: 960px;margin-top: 10px!important; }
.inProduct ul.picList li{width: 290px; margin-right: 30px; margin-bottom: 30px; }
.inProduct ul.picList li a .Pic{width: 290px; height: 290px; }
.inProduct ul.picList li a .Txt{width: 238px; padding: 12px 40px 12px 10px; background-position-x: 252px; }
.inProduct ul.picList li a .Txt h4{margin-bottom: 8px; }
.inProduct ul.picList li a:hover .Txt{background-position-x: 252px; }