@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:14px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container{width:1200px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/* CSS Document */


/*公共头部*/
.top{background: #fafafa; height: 42px; line-height: 42px;}
.top span{color: #737373;}
.top b{display: block;width: 150px;border-left: 1px solid #e5e5e5;padding-left: 50px; background: url(../images/top-tel.png) no-repeat left 25px center;font-size: 18px;font-family: arial;color: #666;}
.top a{display: block; background: url(../images/top-zx.png) no-repeat left 25px center;padding-left: 55px;width: 95px;background-color: #e60012;color: #fff;}

.head{height: 100px;}
.head .logo{margin-top: 25px;}
.head .logo h1 {line-height: 100px;}
.head .logo .text{ border-left: solid 1px #ccc; height: 60px; padding-left: 10px; margin-left: 10px;}
.head .logo .text strong{display: block; font-size: 24px; line-height: 24px; color: #016cb7; padding-top: 4px; margin-bottom: 11px;}
.head .logo .text span{display: block; font-size: 16px; line-height: 16px; color: #016cb7;}

.nav{height: 100px;}
.nav ul li{float: left; position: relative;margin-left: 40px;line-height: 100px;height: 100px;}
.nav ul li>a{display: block; font-size:15px;color: #737373;padding-bottom: 10px;height: 60px;}
.nav ul li.on>a,.nav ul li:hover>a{border-bottom: 1px solid #00a0e9;color: #00a0e9;}
.nav ul li .hide{display: none;background-color: #fafafa;float: left;left: -40px;top:100px; width: 96px;opacity: 0.9;position: absolute;text-align: center;z-index: 22; padding: 0px 22px;}
.nav ul li .hide em a{display:block; font-size: 14px;line-height:50px; text-align:center; height:50px; color: #666; border-bottom: dashed 1px #bcbbbb;}
.nav ul li .hide em:last-child a{border-bottom: none;}
.nav ul li .hide em a:hover{ color: #00a0e9; transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;}
.navfixed{position: fixed; top: 0; width: 100%; top: 0; z-index: 222;background: #fff;box-shadow: 1px 1px 3px #ccc;}
/*公共头部*/

/*首页banner*/
.banner{position:relative;}
.banner-hd {height:600px;position: relative; overflow:hidden; width: 100%;}
.banner-hd  ul{height:100%;margin: 0 auto;}
.banner-hd  ul li{height:100%;}
/*首页banner*/

/*数字按钮样式*/
.banner-hd .num { overflow:hidden;  position:absolute; bottom:5%; margin:0 auto;left:0;right:0;text-align:center;zoom:1; z-index:3 ;}
.banner-hd .num ul{display: inline-block;}
.banner-hd .num li {width:70px;height:5px; margin:0 15px; cursor:pointer; float: left; background: #fff; }
.banner-hd .num li.on {background: #00a0e9;  } /*当前项*/
/*数字按钮样式*/

/*产品系列*/
.series{padding: 50px 0 80px;}
.series ul li{float: left;width:390px;height: 270px;position: relative;overflow: hidden;margin-right: 15px;}
.series ul li:last-child{margin-right: 0;}
.series ul li a{display: block;}
.series-pic{width: 390px;overflow: hidden;}
.series-pic img{transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;}
.series-title{width: 390px;height: 60px;background-color: rgba(0,0,0,0.6);position: absolute;left: 0;bottom: 0;padding-top: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.series-title em,.series-title span{display: block;color: #fff;width: 100%;text-align: center;}
.series-title span{color: #e5e5e5;}
.series-title em{font-size: 16px;position: relative;}
.series-title em:before,.series-title em:after{position: absolute;content: "";width: 20px;height: 1px;background: #fff;top: 50%;}
.series-title em:before{left: 35%;}
.series-title em:after{right: 35%;}
.series ul li:hover a .series-title{position: absolute;bottom: -70px;}
.series ul li:hover a .series-pic img{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);}
/*产品系列*/

/*产品展示*/
.title h3,.title span,.title em{display: block;width: 100%;}
.title h3{font-size: 28px;color: #333;line-height: 28px;}
.title span{letter-spacing: 8px;position: relative;line-height: 42px;}
.title span:before,.title span:after{content: " ";width: 65px;height: 1px;background: #ccc;position: absolute;top: 50%;}
.title span:before{left: 29%;}
.title span:after{right: 29%;}
.title em{font-family: arial;color: #b2b2b2;letter-spacing: 1px;line-height: 10px;}

.pro-list{overflow: hidden;margin-top: 45px;}
.pro-list ul li{width: 297px; margin-right: 4px; height: 370px;position: relative;float: left;}
.pro-list ul li .pic img{width: 297px; height: 370px;}
.pro-list ul li .pro-title{width: 297px;height: 50px;background: rgba(0,0,0,0.6);color: #fff;line-height: 50px;font-size: 16px;position: absolute;left: 0;bottom: 0;transition: all 0.5s;}
.pro-list ul li span{display: block;width: 40px;height: 40px; position: absolute;left: 50%;margin-left: -20px; top: 150px;z-index: 99;display: none;}
.pro-list ul li:hover .pro-title{height: 180px;background: rgba(0,160,233,0.8);font-size: 18px;font-weight: bold;padding-top: 190px;}
.pro-list ul li:hover span{display: block;}
.pro-list ul li:hover em{color: #016cb7;}
.pro-list ul li:hover .equ-more{background-position: bottom  center; -ms-transition-duration: 0.2s;transition-duration: 0.2s;}

.pro-bd{position: relative;}
.pro-bd .prev1,.pro-bd .next1{position: absolute; top: 163px; z-index: 2; width: 44px; height: 44px;cursor: pointer;}
.pro-bd .prev1{background: url(../images/switch-left01.png) no-repeat center ; left: -94px;}
.pro-bd .next1{background: url(../images/switch-right01.png) no-repeat center ; right: -94px;}
.pro-bd .prev1:hover{background: url(../images/switch-left02.png) no-repeat center ; }
.pro-bd .next1:hover{background: url(../images/switch-right02.png) no-repeat center ; }

.pro-bottom{width: 460px; margin: 50px auto 0;}
.pro-bottom  a,.product span{display: block;float: left;height: 50px;line-height: 50px;}
.pro-bottom .more{width: 200px;background-color: #00a0e9;color: #fff;border-radius: 25px;font-size: 15px;margin-left: 250px;}
.pro-bottom .more:hover,.pro-bottom .zx:hover{text-decoration: underline;}
.pro-bottom span{font-size: 16px;color: #e60012;border: 1px solid #e60012;border-radius: 25px 0 0 25px;width: 298px;height: 48px;}
.pro-bottom span b{font-size: 18px;font-family: arial;}
.pro-bottom .zx{width: 160px;background-color: #e60012;color: #fff;border-radius: 25px;font-size: 15px;border-radius: 0 25px 25px 0;}
/*产品展示*/

/*选择理由*/
.reason{height: 604px;padding-top: 60px;margin-top: 80px; background: url(../images/reason-bg.png) no-repeat center center;}
.reason-bd{width: 100%;height: 415px;position: relative;}
.reason-title{width: 500px;position: absolute;top: 60px;left: 80;z-index: 99;}
.reason-title ul li{float: left;font-size: 17px;padding:0 65px;line-height: 16px;margin: 10px 0;cursor: pointer;}
.current{background: url(../images/point.png) no-repeat left 40px center;color: #00A0E9;}
.reason-title ul li:first-child{border-right: 1px solid #333;}
.reason-title ul li:last-child{border-left: 1px solid #333;}
.reason-pic{width: 700px;height: 415px; position: absolute;right: 0;top: 50px;overflow: hidden;}
.reason-pic ul li{height: 415px;width: 700px;float: left;}
.reason-content{position: absolute;left: 0;top: 145px;z-index: 99;width: 600px;height: 225px;overflow: hidden;box-shadow: 1px 1px 3px #ccc;}
.reason-content ul li{width: 500px;height: 175px; padding: 50px 50px 0 50px;background: rgba(255,255,255,0.85);float: left;}
.reason-content ul li h4{color: #333;line-height: 24px;padding-bottom: 22px;}
.reason-content ul li:hover h4{color: #00A0E9;}
.reason-content ul li p{line-height: 28px;font-size: 15px;color: #808080;text-align: justify;}
.reason-content ul li h4 span{font-family: arial;font-size: 30px;}
.reason-content ul li h4 em{font-family: arial;font-size: 16px;}
.reason-content ul li h4 b{font-family: arial;font-size: 24px;font-weight: normal;padding-left: 40px;}


.reason-zx span,.reason-zx span b,.reason-zx span em{display: block;color: #737373;}
.reason-zx span{padding-left: 50px;height: 40px;background: url(../images/tel.png) no-repeat left center;margin-right: 40px;}
.reason-zx span b{font-weight: normal;letter-spacing: 5px;font-size: 15px;line-height: 13px;margin-bottom: 9px;}
.reason-zx span em{font-family: arial;font-size: 26px;line-height: 19px;}
.reason-zx a{display: block;width: 160px;height: 42px;border-radius: 21px;background: #e60012;color: #fff;text-align: center;line-height: 42px;}
.reason-zx a:hover{text-decoration: underline;}
/*选择理由*/

/*功能特性*/
.function{padding-top: 80px;width: 1210px;}
.function-list{padding-top: 45px;}
.function-list ul li{width: 230px;height: 71px;float: left;margin: 5px;border: 1px solid #ccc;position: relative;padding-top: 77px;transition:  all 0.2s;}
.function-list ul li h4{font-size: 16px;color: #333;width: 100%;}
.function-list ul li p{width: 100%;color: #808080;}
.f-icon1,.f-icon2,.f-icon3,.f-icon4,.f-icon5,.f-icon6,.f-icon7,.f-icon8,.f-icon9,.f-icon10{height: 40px;position: absolute;top: 26px;left: 50%;transform: translateX(-50%);transition:  all 0.2s;}
.function-list ul li:hover{background: #00A0E9;border-color: #00A0E9;}
.function-list ul li:hover h4,.function-list ul li:hover p{color: #fff;}

.f-icon1{width: 46px; background: url(../images/function-icon01.png) no-repeat center bottom;}
.f-icon2{width: 39px; background: url(../images/function-icon02.png) no-repeat center bottom;}
.f-icon3{width: 39px; background: url(../images/function-icon03.png) no-repeat center bottom;}
.f-icon4{width: 40px; background: url(../images/function-icon04.png) no-repeat center bottom;}
.f-icon5{width: 42px; background: url(../images/function-icon05.png) no-repeat center bottom;}
.f-icon6{width: 40px; background: url(../images/function-icon06.png) no-repeat center bottom;}
.f-icon7{width: 47px; background: url(../images/function-icon07.png) no-repeat center bottom;}
.f-icon8{width: 40px; background: url(../images/function-icon08.png) no-repeat center bottom;}
.f-icon9{width: 35px; background: url(../images/function-icon09.png) no-repeat center bottom;}
.f-icon10{width: 44px; background: url(../images/function-icon10.png) no-repeat center bottom;}

.function-list ul li:hover .f-icon1{ background: url(../images/function-icon01.png) no-repeat center top;}
.function-list ul li:hover .f-icon2{ background: url(../images/function-icon02.png) no-repeat center top;}
.function-list ul li:hover .f-icon3{ background: url(../images/function-icon03.png) no-repeat center top;}
.function-list ul li:hover .f-icon4{ background: url(../images/function-icon04.png) no-repeat center top;}
.function-list ul li:hover .f-icon5{ background: url(../images/function-icon05.png) no-repeat center top;}
.function-list ul li:hover .f-icon6{ background: url(../images/function-icon06.png) no-repeat center top;}
.function-list ul li:hover .f-icon7{ background: url(../images/function-icon07.png) no-repeat center top;}
.function-list ul li:hover .f-icon8{ background: url(../images/function-icon08.png) no-repeat center top;}
.function-list ul li:hover .f-icon9{ background: url(../images/function-icon09.png) no-repeat center top;}
.function-list ul li:hover .f-icon10{ background: url(../images/function-icon10.png) no-repeat center top;}
/*功能特性*/

/*跳转广告*/
.middle-contact{height: 260px;background: url(../images/zx-bg.png) no-repeat center center;margin-top: 75px;padding-top: 60px;}
.middle-contact h3,.middle-contact h4,.middle-contact h5{width: 100%;color: #333;}
.middle-contact h3{line-height: 26px;font-size: 24px;}
.middle-contact h4{line-height: 75px;font-size: 36px;font-weight: bold;}
.middle-contact h5{line-height: 22px;font-size: 20px;}
.middle-contact  a,.middle-contact span{display: block;float: left;height: 50px;line-height: 50px;}
.middle-contact span{font-size: 16px;color: #e60012;border: 1px solid #e60012;border-radius: 25px 0 0 25px;width: 298px;height: 48px;}
.middle-contact span b{font-size: 18px;font-family: arial;}
.middle-contact .zx{width: 160px;background-color: #e60012;color: #fff;border-radius: 25px;font-size: 15px;border-radius: 0 25px 25px 0;}
.middle-contact .zx:hover{text-decoration: underline;}
.middle-bottom{margin-left: 370px;margin-top: 30px;}
/*跳转广告*/

/*关于清展*/
.about{margin-top: 80px;}
.about-hd{margin: 50px 0 80px;}
.about-fl,.about-content,.about-content h3,.about-content p{width: 550px;}
.about-content h3{color: #333333;font-size: 24px;border-bottom: 1px solid #ccc;padding-bottom: 15px; line-height: 26px;margin-bottom: 10px;}
.about-content p{font-size: 15px;color: #808080;line-height: 28px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.about-col{margin-top: 25px;}
.about-col ul li{float: left;text-align: center;width: 160px;height: 45px;border-radius: 30px;line-height: 43px;border: 1px solid #ccc;position: relative;overflow: hidden;transition: all 0.3s;}
.about-col ul li a{color: #808080;display: block;width: 100%;height: 100%;transition: all 0.3s;}
.about-col ul li:nth-child(2){margin: 0 32px;}
.about-col ul li:before{content: "";width: 100%;height: 0;background: #00A0E9; position: absolute;left: 0;top: 50%;transition:  all 0.3s;}
.about-col ul li:hover:before{height: 100%;top: 0;z-index: -1;}
.about-col ul li:hover{border-color: #00A0E9;}
.about-col ul li:hover a{color: #fff;}
/*关于清展*/

/*招商加盟*/
.join{height: 493px;background: url(../images/join-bg.png) no-repeat center center;padding-top: 60px;}
.join-list ul{position: relative;height: 253px;}
.join-list ul li {width: 80px;text-align: center;position: absolute}
.join-list ul li .icon {display: block; width: 79px; overflow: hidden; height: 79px; border: solid 1px #999; border-radius: 50%;}
.join-list ul li:hover .icon { transform:scale(0); animation:three-an .2s linear 0s; animation-fill-mode:forwards;-webkit-transform:scale(0); -webkit-animation:three-an .2s linear 0s; -webkit-animation-fill-mode:forwards;-moz-transform:scale(0); -moz-animation:three-an .2s linear 0s; -moz-animation-fill-mode:forwards;-o-transform:scale(0); -o-animation:three-an .2s linear 0s; -o-animation-fill-mode:forwards; }

@keyframes three-an
{
    0{ -webkit-transform:scale(0); transform:scale(0)}
    100%{-webkit-transform:scale(1);transform:scale(1)}    
}
@-webkit-keyframes three-an
{
    0{ -webkit-transform:scale(0); transform:scale(0)}
    100%{-webkit-transform:scale(1);transform:scale(1)}    
}

.process1{left: -1px;top: 50px;}
.process2{left: 159px;top: 139px;}
.process3{left: 319px;top: 50px;}
.process4{left: 479px;top: 139px;}
.process5{left: 639px;top: 50px;}
.process6{right: 321px;top: 139px;}
.process7{right: 162px;top: 50px;}
.process8{right: 1px;top: 139px;}
.join-list ul li .icon1{background: url(../images/join-icon1.png) no-repeat center;}
.join-list ul li .icon2{background: url(../images/join-icon2.png) no-repeat center;}
.join-list ul li .icon3{background: url(../images/join-icon3.png) no-repeat center;}
.join-list ul li .icon4{background: url(../images/join-icon4.png) no-repeat center;}
.join-list ul li .icon5{background: url(../images/join-icon5.png) no-repeat center;}
.join-list ul li .icon6{background: url(../images/join-icon6.png) no-repeat center;}
.join-list ul li .icon7{background: url(../images/join-icon7.png) no-repeat center;}
.join-list ul li .icon8{background: url(../images/join-icon8.png) no-repeat center;}

.join-list ul li:hover .icon1{background: url(../images/join-icon1-1.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon2{background: url(../images/join-icon2-2.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon3{background: url(../images/join-icon3-3.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon4{background: url(../images/join-icon4-4.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon5{background: url(../images/join-icon5-5.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon6{background: url(../images/join-icon6-6.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon7{background: url(../images/join-icon7-7.png) no-repeat center #00a0e9; border-color: #00a0e9;}
.join-list ul li:hover .icon8{background: url(../images/join-icon8-8.png) no-repeat center #00a0e9; border-color: #00a0e9;}

.join-list ul li em{display: block; font-size: 15px; line-height: 13px; color: #808080;padding-top: 20px;}
.join-list ul li:hover em{color: #00a0e9;}

.join .middle-bottom a,.join .middle-bottom span{display: block;float: left;height: 50px;line-height: 50px;}
.join .middle-bottom span{font-size: 16px;color: #e60012;border: 1px solid #e60012;border-radius: 25px 0 0 25px;width: 298px;height: 48px;}
.join .middle-bottom span b{font-size: 18px;font-family: arial;}
.join .zx{width: 160px;background-color: #e60012;color: #fff;border-radius: 25px;font-size: 15px;border-radius: 0 25px 25px 0;}
.join .zx:hover{text-decoration: underline;}
.join .zx{width: 160px;background-color: #e60012;color: #fff;border-radius: 25px;font-size: 15px;border-radius: 0 25px 25px 0;}
.join .zx:hover{text-decoration: underline;}
.join .middle-bottom{margin-left: 370px;margin-top: 50px;}
/*招商加盟*/

/*新闻资讯*/
.news{padding-top: 80px;margin-bottom: 70px;}
.news-bd ul{width: 600px;margin: 30px auto 50px;}
.news-bd ul li{float: left;margin: 0 20px;}
.news-bd ul li a{display: block;text-align: center;line-height: 43px;color: #808080;font-size: 15px;border-radius: 30px;width: 158px;height: 43px;border: 1px solid #ccc;}
.news-bd ul li.on a{background: #00a0e9;border-color: #00a0e9;color: #fff;}

.news-list ul li{padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;margin-bottom: 30px;}
.news-list b,.news-list span,.news-list a{display: block;font-family: arial;}
.news-date{padding-right: 30px;border-right: 1px solid #ccc;margin-right: 30px;margin-top: 20px;}
.news-date b{font-size: 48px;color: #b2b2b2;line-height: 35px;padding-bottom: 10px;}
.news-date span{color: #b2b2b2;line-height: 10px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}

.news-content{width: 700px;padding-top: 20px;}
.news-content h4{font-size: 18px;line-height: 18px;color: #333;padding-bottom: 20px;}
.news-content p{line-height: 24px;color: #808080;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list ul li:hover .news-date b,.news-list ul li:hover .news-content h4{color: #00a0e9;}

.news-more{color: #808080;width: 110px;height: 36px;border-radius: 18px;text-align: center;line-height: 36px;margin-top: 30px;display: block;color: inherit;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.button--tamaya{overflow: hidden;border: 1px solid #ccc;}
.button--tamaya::before,.button--tamaya::after {content: attr(data-text);position: absolute;width: 100%;height: 50%;left: 0;overflow: hidden;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button--tamaya::before,.button--tamaya::after {background: #fff;color: #808080;}
.button--tamaya::before{top: 0;border-bottom: none;}
.button--tamaya::after{bottom: 0;line-height: 0;border-top: none;}
.button--tamaya > span {width: 110px;height: 36px;line-height: 36px; background: #00a0e9; color: #fff; display: block;-webkit-transform: scale3d(0.2, 0.2, 1);transform: scale3d(0.2, 0.2, 1);opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.button--tamaya:hover::before {-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
.button--tamaya:hover::after {-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--tamaya:hover > span {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.button--tamaya:hover{border-color: #00a0e9;}

/*市场前景*/
.market{height: 641px;background: url(../images/market-bg.png) no-repeat center center;padding-top: 60px;}
.market-bd{width: 1220px;}
.market-bd ul{margin-top: 50px;}
.market-bd ul li{width: 285px;float: left;margin: 0 10px;}
.market-pic{width: 285px;height: 320px;overflow: hidden}
.market-pic img{transition: all 0.8s;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;}
.market-title{width: 245px;padding: 0 20px;height: 115px;background: #fff;padding-top: 15px;}
.market-title span{display: block;font-size: 18px;color: #333;}
.market-title i{display: block;width: 50px;height: 2px;background: #666;margin: 10px auto 12px;}
.market-title p{color: #808080;line-height: 20px;}
.market-bd ul li:hover .market-title span,.market-bd ul li:hover .market-title p{color: #fff;}
.market-bd ul li:hover .market-title{background: #00a0e9;}
.market-bd ul li:hover .market-title i{background: #fff;}
.market-bd ul li:hover .market-pic img{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);}
/*市场前景*/

/*公共底部*/
.foot{padding-top: 80px;padding-bottom: 45px;height: 218px;} 
.foot-left{width: 450px;}
.foot-left .qcode{margin-left: 28px;}
.foot-left h4{font-size: 18px;color: #00a0e9;padding-left: 28px;background: url(../images/point.png) no-repeat left center;line-height: 18px;margin-bottom: 40px;}
.wechat-pic {margin-right: 20px;}
.wechat-pic img{display: block; width: 100px; height: 100px;  margin-bottom: 10px;}
.wechat-pic em{display: block; font-size: 14px; line-height: 14px; color: #333; text-align: center; margin-bottom: 13px;}
.foot-tel{margin-left: 10px;margin-top: 20px;}
.foot-tel a{display: block;line-height: 36px;background: #e60012; width: 130px;height: 36px;color: #fff;text-align: center;border-radius: 18px;}
.foot-tel strong{display: block; font-size: 25px; line-height: 50px; color: #e60012;  font-family: arial;}
.foot-tel a:hover{text-decoration: underline;}

.foot-nav{width: 220px;margin-left: 90px}
.foot-nav dl dt{font-size: 18px;color: #00a0e9;padding-left: 28px;background: url(../images/point.png) no-repeat left center;line-height: 18px;margin-bottom: 40px;}
.foot-nav dl dd{float: left; margin: 0 22px 28px 28px;}
.foot-nav dl dd a{line-height: 12px; color: #808080; margin-bottom: 28px;transition: all 0.3s;}
.foot-nav dl dd a:hover{color: #00a0e9;}

.foot-contact{width: 352px;}
.foot-contact h4{font-size: 18px;color: #00a0e9;padding-left: 28px;background: url(../images/point.png) no-repeat left center;line-height: 18px;margin-bottom: 40px;}
.foot-contact dl{padding-left: 28px;}
.foot-contact p{display: block; font-size: 14px;  color: #808080;}
.foot-contact i{display: block; margin: 15px 0 15px; width: 25px; height: 2px; background: #00a0e9;}
.foot-icon em{display: block;  font-size: 14px; color: #808080; padding-left: 21px; float: left; margin-right: 2px; width: 140px; margin-bottom: 10px;}
.foot-icon .phone{background: url(../images/foot-icon1.png) no-repeat left center;}
.foot-icon .tel{background: url(../images/foot-icon2.png) no-repeat left center;}
.foot-icon .icon{background: url(../images/foot-icon3.png) no-repeat left center;}
.foot-icon .email{background: url(../images/foot-icon4.png) no-repeat left center;}

.copy{height: 50px;background: #00a0e9;line-height: 50px;}
.copy em,.copy span{display: block;color: #fff;}
.copy a{color: #fff;}
.copy a:hover{text-decoration: underline;}
/*公共底部*/

/*在线咨询*/
.zx-service{position:fixed; right:10px; top:321px;z-index: 10000; }
.service-box{background-color: #ededed; border-radius:5px; width:103px;}
.service-box span{display:block;}

.service-box li{border-bottom:1px solid #e4e4e4; text-align:center; position:relative;}
.service-box li a{display:block; padding-top:29px; padding-bottom:22px; }
.service-box li em{display: block; font-size:13px;line-height: 13px;  color: #6b6b6b; margin-top: 4px;}
.service-box li b{display: block; font-size:13px;line-height: 10px;  color: #6b6b6b; margin-top: 8px; font-weight: normal;}

.service-box li a:hover{background:#00a0e9;}
.service-box li a:hover em,.service-box li a:hover b{color:#fff; }

.service-box ul li:last-child{border-bottom: none;}
.service-box li:first-child a:hover{border-top-left-radius: 5px;border-top-right-radius: 5px;}
.service-box li:last-child a:hover{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.service-box li p{position:absolute; left:-170px; width:150px; top:0; background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);display:none; font-size:18px; font-weight:bold;color: #176798;padding: 10px 0px;}
.service-box li:hover p{display:block; }
.service-box ul li .pic1{background: url(../images/kf02.png) no-repeat center; height: 30px;}
.service-box ul li .pic2{background: url(../images/kf04.png) no-repeat center; height: 27px;}
.service-box ul li .pic3{background: url(../images/kf03.png) no-repeat center; height: 26px;}
.service-box ul li .pic4{background: url(../images/kf05.png) no-repeat center; height: 32px;}
.service-box ul li:hover .pic1{background: url(../images/kf02-on.png) no-repeat center; height: 30px;}
.service-box ul li:hover .pic2{background: url(../images/kf04-on.png) no-repeat center; height: 27px;}
.service-box ul li:hover .pic3{background: url(../images/kf03-on.png) no-repeat center; height: 26px;}
.service-box ul li:hover .pic4{background: url(../images/kf05-on.png) no-repeat center; height: 32px;}
/*在线咨询*/

/*内页 样式*/
.ny-main{border-bottom: 5px solid #edf2f4;padding-bottom: 80px;}
.ny-hd{height: 450px;}
.position{border-bottom: 1px solid #ccc;line-height: 50px;margin-bottom: 60px;height: 50px;}
.position span{display: block;padding-left: 30px;background: url(../images/ny-home.png) no-repeat center left;}
.position .ctitle1 li{float: left;margin-left: 10px;}
.position .ctitle1 li a{display: block;padding: 0 20px;height: 50px; font-size: 15px;color: #737373;text-align: center;}
.position .ctitle1 li.on a,.position .ctitle1 li:hover a{color: #00A0E9;border-bottom: 1px solid #00A0E9;}
/*内页 样式*/

/*内页 新闻列表*/
.ny-news-list ul li{padding-bottom: 30px;border-bottom: 1px solid #d9d9d9;margin-bottom: 30px;}
.ny-news-list em,.ny-news-list span,.ny-news-list i,.ny-news-list a{display: block;font-family: arial;}
.ny-news-date{text-align: right;color: #737373;margin-top: 10px;}
.ny-news-date em{font-size: 24px;}
.news-date span{color: #b2b2b2;line-height: 10px;}
.ny-news-date i{width: 20px;height: 1px;background: #737373;margin-left: 40px;margin-bottom: 5px;}

.ny-news-content{width: 700px;padding-top: 20px;margin-left: 40px;}
.ny-news-content h4{font-size: 18px;line-height: 18px;color: #333;padding-bottom: 20px;}
.ny-news-content p{line-height: 28px;color: #808080;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.ny-news-content a{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;color: #737373;line-height: 50px;}
.ny-news-list ul li:hover .ny-news-content h4,.ny-news-list ul li:hover .ny-news-content a{color: #00a0e9;}
.ny-news-list ul li:hover .ny-news-content a{padding-left: 20px;}
/*内页 新闻列表*/

/*内页 产品列表*/
.ny-pro-list ul li{width: 285px;height: 355px;position: relative;margin: 0 7px;float: left;margin-bottom: 14px;}
.ny-pro-list ul li .ny-pro-pic img{width: 285px; height: 355px;}
.ny-pro-list ul li .ny-pro-title{width: 285px;height: 50px;background: rgba(0,0,0,0.6);color: #fff;line-height: 50px;font-size: 16px;position: absolute;left: 0;bottom: 0;transition: all 0.3s;}
.ny-pro-list ul li:hover .ny-pro-title{background: rgba(0,160,233,0.8);}
/*内页 产品列表*/

/*内页 招商加盟*/
.ny-main .join-list{height: 253px; background: url(../images/ny-join-bg.png) no-repeat top 110px center;}
.ny-main .middle-bottom a,.ny-main .middle-bottom span{display: block;float: left;height: 50px;line-height: 50px;}
.ny-main .middle-bottom span{font-size: 16px;color: #e60012;border: 1px solid #e60012;border-radius: 25px 0 0 25px;width: 298px;height: 48px;}
.ny-main .middle-bottom span b{font-size: 18px;font-family: arial;}
.ny-main .zx{width: 160px;background-color: #e60012;color: #fff;border-radius: 25px;font-size: 15px;border-radius: 0 25px 25px 0;}
.ny-main .zx:hover{text-decoration: underline;}
.ny-main .zx{width: 160px;background-color: #e60012;color: #fff;border-radius: 25px;font-size: 15px;border-radius: 0 25px 25px 0;}
.ny-main .zx:hover{text-decoration: underline;}
.ny-main .middle-bottom{margin: 50px 0 60px 370px;}

.ny-message{padding-top: 50px;}
.ny-message .ny-c-form form{ overflow: hidden;}
.ny-message .ny-c-form form div{float:left;width: 390px;height: 50px;margin-right: 15px;}
.ny-message .ny-c-form form div:nth-child(3){margin-right: 0;}
.ny-message .ny-c-form form div input{ display: block;width: 358px;height:48px;border:1px solid #ccc;float:left;padding-left:10px;font-family: "微软雅黑";line-height: 48px;color: #737373;}
.ny-message .ny-c-form form div span{float:right;width:20px;text-align: right;color:#e60012}
.ny-message .ny-c-form form .yzm{border:1px solid #E1E1E1;}
.ny-message .ny-c-form form .yzm input{border:none;float: left;}

.ny-message .ny-c-form .textarea{width: 1198px;height:238px;border:1px solid #ccc;margin-bottom: 50px;margin-top: 20px;}
.ny-message .ny-c-form .textarea textarea{width:1178px;height:218px;border:none;padding:10px;font-family: "微软雅黑";}
.ny-message .ny-c-form .submit-message{width: 480px;height: 50px; margin:0 auto;float: none;}
.ny-message .ny-c-form .submit-message input{width:200px;height:50px;float: left;color:#fff;font-size:18px;border: none;margin: 0 20px;cursor: pointer;}
.ny-message .ny-c-form .submit-message input:first-child{background: #00A0E9;}
.ny-message .ny-c-form .submit-message input:last-child{background: #e60012;}
/*内页 招商加盟*/

/*内页 产品详情页*/
.ny-pro-xq{margin-bottom:30px;}
.ny-pro-xq .pro1 .pro-list-pic{width:350px;}
.pro-lunbo{ overflow: hidden;display: none;}
.ny-pro-xq .pro1 .spec-preview img{display: block;}
.ny-pro-xq .pro1 .descript1{width: 830px;}
.ny-pro-xq .pro1 .descript1 strong.title1{line-height: 35px;font-size: 27px; color: #333;display: block;}
.ny-pro-xq .pro1 .descript1 p{width:830px;font-size: 16px;color: #6a6a6a;line-height: 33px;margin:25px 0 10px 0;}
.ny-pro-xq .pro1 .descript1 p b{font-weight:bold}
.ny-pro-xq .pro1 .descript1 a.consult{display: block; width:240px; height:60px; font-size:18px; color: #fff; line-height: 60px; text-align: center; background: #e60012;border-radius:30px; }
.ny-pro-xq .pro1 .descript1 a.consult:hover{background-color:#EF001D;}
.ny-pro-xq .pro1 .descript1 p.haoma{color: #333;font-size: 15px;border-top:1px solid  #E5E5E5;padding-top:20px;display: block;}
.ny-pro-xq .pro1 .descript1 p.haoma em{display: block;color: #EF001D;font-size: 25px;font-weight:bold}
.ny-pro-xq .pro1 .share{overflow: hidden;margin-top:10px;}
.ny-pro-xq .detail{}
.ny-pro-xq .detail .de-title a{display: block;width: 1170px; font-size: 18px;line-height: 60px;color: #333; margin-top: 30px;background:#eee;padding-left:30px;}
.infor{width:100%;font-size:16px;padding-top: 20px;}

.product-h5{height:45px;width:100%;text-indent: 20px;line-height:45px; background: #eee;font-weight:normal;font-size:16px;margin-bottom:20px;}
.pro-article{width:100%;line-height:25px;min-height:200px;}
/*内页 产品详情页*/


/*内页荣誉*/
.honor-list ul {width: 1220px;}
.honor-list ul li{float: left; width: 283px;height:208px;border:1px solid #ccc; margin-right: 20px; margin-bottom: 20px;}
.honor-list ul li:hover {border: solid 1px #00a0e9;}


/*内页 分页样式*/
.pagelist {padding: 10px 0;margin-top:15px;overflow: hidden;border-top:0px solid #eee;text-align:center;}
.pagelist a,.pagelist span {border: 1px solid #ccc; display: inline-block;padding: 2px 8px;margin-right:5px;}
.pagelist span.current {color: #f30;border: 1px solid #ddd;}
/*内页 分页样式*/