@charset "utf-8";
/* CSS Document */
/* Css writer: www.grwy.net */
.head{ background:url(../images/topbg.jpg) no-repeat center top;}
.head .wrap{ height:100px;}
.head .wrap a{ font-size:16px; line-height:36px; color:#fff; display:inline-block; padding:0 15px; border-radius:15px; background-color:#f00; margin:36px 0 0 710px;}
.menuBox{ height:60px; background:#1d1d1d url(../images/menubg.jpg) no-repeat center top;}
.menu{ background:url(../images/menuLogo.png) no-repeat left top;}
.menu li{ float:left; position:relative; width:160px;}
.menu li.logo{ width:320px; height:60px;}
.menu li.logo a{ display:block; height:60px;}
.menu li h6{ position:relative;}
.menu li h6 a{ font-size:14px; line-height:60px; color:#fff; display:block; position:relative; text-align:center}
.menu li h6 a:hover,.menu li.curr h6 a{ color:#fff; }
.menu li h6 a:hover:before,.menu li.curr h6 a:before{ content:""; overflow:hidden; position:absolute; bottom:0px; left:0px; right:0; height:2px; background-color:#f00; filter:Alpha(opacity=100); opacity:1;}
.bannerScroll{position:relative; overflow:hidden; background-color:#111; }
.bannerScroll .hd{ position:absolute; left:0px; right:0px; bottom:10px; z-index:999;}
.bannerScroll .hd ul{ text-align:center; font-size:0;}
.bannerScroll .hd ul li{ border-radius:50%; width:8px; height:8px; display:inline-block; margin:0 6px; overflow:hidden; text-indent:-999px; cursor:pointer; border-width:1px; border-style:solid; border-color:#fff; overflow:hidden;}
.bannerScroll .hd ul li.on{ background-color:#da251d; border-color:#da251d;}
.bannerScroll .prev,.bannerScroll .next{ position:absolute; top:50%; margin-top:-30px; display:inline-block; width:50px; height:60px;  background-image:url(../images/tm/banner-pn.png); background-repeat:no-repeat; background-position:left top;-ms-transition-duration: 0s; transition-duration: 0s; z-index:99; cursor:pointer; display:none;}
.bannerScroll .prev{ left:50%; margin-left:-710px; background-position:left top; }
.bannerScroll .next{ right:50%; margin-right:-710px; background-position:right top; }
.bannerScroll .prev:hover{ background-position:left bottom; }
.bannerScroll .next:hover{ background-position:right bottom; }
.bannerScroll .bd{ position:relative; left:50%; margin-left:-960px;}
.bannerScroll .bd ul li{ width:1920px; height:850px; position:relative;}
.bannerScroll .bd ul li img{ height:850px;}

/* homeProduct */
.homeProduct{ background:url(../images/probg.jpg) no-repeat center top; height:938px;}
.productTitle{ font-size:35px; line-height:40px; color:#fff; text-align:center; padding-top:40px;}
.proLIst{ position:relative; padding-top:90px;}
.proLIst dl{ position:relative; width:640px; float:left;}
.proLIst dl dt{ height:610px;}
.proLIst dl dt img{ width:100%; height:610px;}
.proLIst dl dd{ text-align:center; padding-top:70px;}
.proLIst dl dd h3{ font-size:22px; line-height:30px; color:#888;}
.proLIst dl dd p{ font-size:14px; line-height:20px; color:#666;}
.proLIst dl a:hover dd h3{ color:#fff; text-decoration:underline;}
.proLIst dl a:hover dd p{ color:#ccc;}

/* sam */
.homeSam{ background-color:#111;}
.homeSam dl{ height:240px; float:left; width:33.3%; position:relative; overflow:hidden;  }
/*.homeSam dl:nth-child(2){ width:34%;}*/
.homeSam dl a{ display: block; }
.homeSam dl dt{ height:240px; background-repeat:no-repeat; background-position:center top;-ms-transition-duration: 0.3s; transition-duration: 0.3s; }
.homeSam dl dd{ position:absolute; left:40px; right:40px; top:110px;}
.homeSam dl dd h3{ font-size:20px; line-height:30px; color:#fff;}
.homeSam dl dd p{ font-size:12px; line-height:20px; color:#fff; filter:Alpha(opacity=60); opacity:.6;}
.homeSam dl a:hover dt{-ms-transform: scale(1.1); transform: scale(1.1);}
.homeSam dl a:hover dd h3{ text-decoration:underline;}

/* homeSl */
.homeSl{ background:url(../images/probg.jpg) no-repeat center top; height:470px;}
.slTitle{ text-align:center;}
.slTitle h3{ font-size:22px; line-height:30px; color:#fff;}
.slTitle p{font-size:14px; line-height:20px; color:#ccc;}
.homeShare{ padding:70px 0 70px;}
.shareList{ padding-top:20px; text-align:center; font-size:0;}
.shareList a{ display:inline-block; width:68px; height:68px; background-color:#f00; border-radius:50%; margin:0 10px;}
.shareList a i{ font-size:30px; line-height:68px; color:#fff;}
.shareList a.sh-fb{ background-color:#4f79bc;}
.shareList a.sh-tw{ background-color:#73cbef;}
.shareList a.sh-go{ background-color:#cb132b;}
.shareList a.sh-in{ background-color:#666968;}
.shareList a.sh-yt{ background-color:#e96846;}
.shareList a.sh-vk{ background-color:#41699f;}
.shareList a:hover{ filter:Alpha(opacity=80); opacity:.8;}
.homeRss{ position:relative; }
.search{ width:470px; height:40px; margin:20px 0 0 405px; position:relative; }
.search li.seara{ width:400px; height:40px;}
.search li.seara input{ width:330px; height:40px; padding-left:15px; font:14px/40px Helvetica,Arial,sans-serif; color:#555; vertical-align:top; background-color:#fff; border-radius:5px;}
.search li.seara input:focus{ outline:none;}
.search li.searb{ width:135px; height:40px; position:absolute; right:0px; top:0px; overflow:hidden;}
.search li.searb input{ width:100%; height:40px; display:inline-block;  position:absolute; left:0; top:0; cursor: pointer; z-index:99; background:url(../images/ress.png) no-repeat left top;}
.search li.searb input:focus{ outline:none;}
.search li.searb input:hover{ background-position:left bottom;}

/*footer*/
.footer{ position:relative; background-color:#212121; padding:30px 0; }
.footerLeft{ float:left; width:960px;}
.footerNav{ padding:0px 0 20px;}
.footerNav dl{ float: left; padding-right:140px;}
.footerNav dl dt{}
.footerNav dl dt,.footerNav dl dt a,.footerRight dl dt{ font-size:14px; line-height:30px; color:#aaa; }
.footerNav dl dd{ padding-top:0px;}
.footerNav dl dd p{ height:24px;}
.footerNav dl dd p a{ font-size: 12px; line-height:24px; color: #666;}
.footerNav dl dt a:hover,.footerNav dl dd p a:hover { color:#fff; text-decoration:underline;}
.copy{ font-size:14px; line-height:30px; color: #666;}
.footerRight{ width:320px; float:left;}
.footerRight dl{ padding-left:50px;}
.footerRight dl dd{ padding-top:10px;}
.returnTop{ position:fixed; right:10px; bottom:20px; width:40px; height:44px; cursor:pointer; z-index:999; background-color:#f00}
.returnTop:before{ content:""; position:absolute; left:50%; top:50%; width:0px; height:0px; margin:-22px 0 0 -8px; border:8px solid transparent; border-bottom-width:14px; border-bottom-color:#fff}
.returnTop span{ font-size:12px; line-height:24px; color:#fff; text-transform:uppercase; position:absolute; left:0; right:0; bottom:0; text-align:center;}
.returnTop:hover{ background-color:#d00;}

/*---------------page---------------*/
.pageBanner {  position:relative; height:250px; background-repeat:no-repeat; background-position:center top; }
.pageBanner h2{ font-size:48px; line-height:250px; color:#fff; text-align:center;}
.main{ padding-bottom:80px;}
.pageNavBox{position:relative; height:50px;}
.pageNav{ position:absolute; left:0; right:0; bottom:0; height:50px; background:url(../images/tm/tm-b-6.png); text-align:center;}
.pageNav h2{ font-size:16px; line-height:50px; color:#fff;}
.pageNav ul{ font-size:0;}
.pageNav ul li{ display:inline-block;}
.pageNav ul li a{ font-size:16px; line-height:50px; color:#fff; display:inline-block; padding:0 20px;}
.pageNav ul li.active a{ background-image:url(../images/tm/tm-w-2.png);}
.pageNav ul li a:hover{ background-image:url(../images/tm/tm-w-1.png);}

/* pro */
.proListBox{ padding-top:60px;}
.proListTitle{ font-size:36px; line-height:40px; color:#333; text-align:center;}
.productList{}
.productList dl{ background-color:#fff; width:300px; height:430px; padding:0 1px; float:left; margin:25px 24px 0 0;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.productList dl:nth-child(4n){ margin-right:0;}
.productList dl dt{ height:360px; overflow:hidden;}
.productList dl dd{ text-align:center; padding-top:10px; height:60px;}
.productList dl dd h3{ font-size:16px; line-height:20px; color:#555;}
.productList dl dd p{ font-size:12px; line-height:20px; color:#888;}
.productList dl:hover{ box-shadow:0 0 30px 0 #ddd;}
.productList dl a:hover dd h3{ color:#f00;}

/* service */
.serviceOne{ padding-top:60px;}
.serviceTitle{ font-size:36px; line-height:40px; color:#333;}
.serviceOneContent{ padding-top:20px;}
.serviceOneContent dl{ width:620px; height:270px; float:left; background-color:#fff; border-radius:10px; position:relative;}
.serviceOneContent dl:nth-child(2){ margin-left:40px;}
.serviceOneContent dl dt{ width:166px; height:166px; position:absolute; left:30px; top:52px; }
.serviceOneContent dl dd{ padding:0px 30px 0 220px; font-size:12px; line-height:20px; color:#666;}
.serviceOneContent dl dd p{ padding:4px 0;}
.serviceOneContent dl dd p a{ font-weight:700; font-size:12px; color:#666; text-decoration:underline; padding:0 3px;}
.serviceOneContent dl dd p a:hover{ color:#f00;}
.serviceOneContent dl:nth-child(1) dd{ padding-top:50px}
.serviceOneContent dl:nth-child(2) dd{ padding-top:5px}
.serviceLink{ background:url(../images/servicebg.jpg) no-repeat center top;}
.serviceLink .wrap{ height:490px;}
.serviceLink dl{ text-align:center;}
.serviceLink dl dt{ font-weight:700; font-size:48px; line-height:60px; color:#fff; padding:130px 0 55px;}
.serviceLink dl dd{ font-size:0;}
.serviceLink dl dd a{ display:inline-block; font-size:30px; line-height:80px; color:#fff; width:420px; border-radius:40px; position:relative; margin:0 15px;}
.serviceLink dl dd a:before{ content:""; overflow:hidden; position:absolute; left:40px; top:15px; width:50px; height:50px; background-repeat:no-repeat; background-position:50% 50%;}
.serviceLink dl dd a:nth-child(1){ background-color:#ed292d; text-indent:20px;}
.serviceLink dl dd a:nth-child(2){ background-color:#0dbaa4; text-indent:50px;}
.serviceLink dl dd a:nth-child(1):before{ background-image:url(../images/service-ico-a.png);}
.serviceLink dl dd a:nth-child(2):before{ background-image:url(../images/service-ico-b.png);}
.serviceLink dl dd a:hover{ filter:Alpha(opacity=80); opacity:.8;}

/* faq */
.serviceTwo{ padding-top:60px;}
.faqList{ margin-top:20px;}
.page-faq-list{ margin-top:15px; }
.page-faq-list dt{ padding-left:25px;font-size:24px; line-height:60px; color:#666; position:relative; background-color:#fff; border:1px solid #dedede;}
.page-faq-list dt em{ width:20px; height:20px; position:absolute; right:15px; top:50%; margin-top:-10px;}
.page-faq-list dt em span{ position:absolute; background-color:#666666; overflow:hidden; }
.page-faq-list dt em span.one{width:12px; height:2px; top:9px; left:4px;}
.page-faq-list dt em span.two{width:2px; height:12px; top:4px; left:9px;}
.page-faq-list dt.curr em span.two{width:2px; height:2px; top:9px; left:9px;}
.page-faq-list dd{ position:relative; font-size:14px; line-height:26px; color:#888888; border:1px solid #dedede; border-top:none; padding:18px 25px; display:none; background-color:#fff;}

/* sam */
.serviceSam{ padding-top:60px;}
.serviceContact{ margin-top:30px;}
.serviceContactLeft{ width:640px; height:300px; background-color:#ed292d;}
.serviceContactLeft dl{ font-size:18px; line-height:30px; color:#fff; padding:80px 20px 0 50px;}
.serviceContactLeft dl dt,.serviceContactLeft dl dd{ position:relative; padding-left:35px;}
.serviceContactLeft dl dt{ padding-bottom:15px;}
.serviceContactLeft dl dt i,.serviceContactLeft dl dd i{ position:absolute; left:0; top:4px; font-size:20px;}
.serviceContactRight{ width:640px; height:300px;}

/* about */
.aboutText{ padding-top:60px;}
.aboutText dl{ text-align:center;}
.aboutText dl dt{ font-size:36px; line-height:40px; color:#333333;}
.aboutText dl dd{ font-size:16px; line-height:30px; color:#666; padding-top:20px;}
.aboutBanner{ background:url(../images/about.jpg) no-repeat center top; height:370px;}
.aboutList{ padding-top:60px;}
.aboutList dl{ width:400px; float:left; margin-right:40px;}
.aboutList dl:nth-child(3){ margin-right:0;}
.aboutList dl dt{ height:170px;}
.aboutList dl dt h3{ font-size:30px; line-height:40px; color:#333333;}
.aboutList dl dt p{ font-size:14px; line-height:24px; color:#666666; padding-top:5px;}
.aboutList dl dd{ height:220px;}

/* access */
.accessBox{ padding-top:40px;}
.accessLeft{ width:240px;}
.sccessAd{}
.sccessAd li{ margin-top:20px;}
.sccessAd li img{ width:240px; height:360px;}
.accessRight{ width:1040px;}
.accessRight dl{ background-color:#fff; width:240px; height:360px; float:left; margin:20px 0 0 20px;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.accessRight dl dt{ height:288px; overflow:hidden;}
.accessRight dl dt img{ width:240px; height:288px;}
.accessRight dl dd{ text-align:center; padding-top:10px; height:62px;}
.accessRight dl dd h3{ font-size:16px; line-height:20px; color:#555;}
.accessRight dl dd p{ font-size:12px; line-height:20px; color:#888;}
.accessRight dl:hover{ box-shadow:0 0 30px 0 #ddd;}
.accessRight dl a:hover dd h3{ color:#f00;}

/* 产品详情 */
.productTop{ background-color:#fff; border:1px solid #dedede; margin-top:40px;}
.proLeft{ width:500px; height:722px; border-right:1px solid #dedede;}
.tb-pic{}
.tb-pic a { display: table-cell; text-align: center; vertical-align: middle; *display: block; *font-family: Arial; *line-height: 1; *font-size: 271px; }
.tb-pic img { vertical-align: middle; }
.tb-pic, .tb-pic a { height:600px; width:500px;}
.tb-pic, .tb-pic img { max-height:600px; max-width: 500px;  }
.tb-pic { position: relative; z-index: 1; }
.zoomDiv { z-index: 999; position: absolute; top: 0; left: 0; width: 200px; height: 200px; background: #fff; border: 1px solid #ccc; display: none; text-align: center; overflow: hidden; }
.zoomMask { position: absolute; background: url(../images/tm/mask.png); cursor: move; z-index:999;}
.tb-picList {  height:72px; overflow: hidden; margin:20px 20px 0; position: relative; }
.tb-picList .prev,.tb-picList .next{ position:absolute; top:0px; display:inline-block; width:30px; height:72px;  background-image:url(../images/tm/propn.png); background-repeat:no-repeat; background-position:left top;-ms-transition-duration: 0s; transition-duration: 0s; z-index:99; cursor:pointer;}
.tb-picList .prev{ left:0; background-position:left top; }
.tb-picList .next{ right:0; background-position:right top; }
.tb-picList .prev:hover{ background-position:left bottom; }
.tb-picList .next:hover{ background-position:right bottom; }
.tb-picList .tb-thumb { position: relative; width:366px; height: 72px; margin: 0 auto; overflow: hidden; }
.tb-picList .tb-thumb ul { position: absolute; width: 999999px; display: table; }
.tb-picList .tb-thumb li { float: left; width: 76px; overflow: hidden; position: relative; }
.tb-picList .tb-thumb a { display: table-cell; width: 60px; border: 1px solid #dadada; text-align: center; background: #fff; height: 70px; vertical-align: middle; }
.tb-picList .tb-thumb img { max-width: 100%; height:70px; cursor: pointer; }
.tb-picList .tb-thumb em { position: absolute; width: 58px; height:68px; border: 2px solid #eb8d91; top: 0; left: 0; display: none; }
.tb-picList .tb-thumb .selected em { display: block; }
.proRight { width:777px; height:722px; position:relative; }
.proInTo{ padding:40px 40px 40px;}
.proInTo h2{font-weight:700; font-size:24px; line-height:26px; color: #333; }
.proInTo p{ font-size:14px; line-height:20px; color: #666; padding-top:10px; }
.proInCo{ padding:50px 40px; border-top:1px solid #dedede; border-bottom:1px solid #dedede;}
.proBuy{ padding:0 0 20px; font-size:16px; line-height:40px; color:#666; }
.proBuy span{ font-size:20px; color:#ed292d; display:inline-block; margin:0 5px;}
.proBuy em{ font-size:14px; color:#888; text-decoration: line-through; display:inline-block; padding:0 2px;}
.proInCo a{ font-size:16px; line-height:42px; color: #fff; display:inline-block; padding:0 50px; border-radius:21px; background-color:#ed292d}
.proInCo a i{ margin-right:5px;}
.proInCo a:hover{ background-color:#e60}
.proInBo{ padding:50px 40px;}
.proInBo h6{font-size:16px; line-height:40px; color:#666;}
.productShare{ text-align:left; padding-top:20px;}
.productShare a{ text-align:center; margin:0 20px 0 0;}

/* i */
.productDetailBox{ background-color:#fff; border:1px solid #dedede; padding:35px 39px; margin-top:25px}
.productText{ font-size:16px; line-height:2em;}

/* news */
.newsScroll{ width:1280px; position:relative; margin:40px auto 0; }
.newsScroll .hd{ position:absolute; left:0px; right:0px; bottom:10px; z-index:999;}
.newsScroll .hd ul{ text-align:center; font-size:0;}
.newsScroll .hd ul li{ border-radius:50%; width:8px; height:8px; display:inline-block; margin:0 6px; overflow:hidden; text-indent:-999px; cursor:pointer; border-width:1px; border-style:solid; border-color:#fff; overflow:hidden;}
.newsScroll .hd ul li.on{ background-color:#da251d; border-color:#da251d;}
.newsScroll .prev,.newsScroll .next{ position:absolute; top:50%; margin-top:-30px; display:inline-block; width:50px; height:60px;  background-image:url(../images/tm/banner-pn.png); background-repeat:no-repeat; background-position:left top;-ms-transition-duration: 0s; transition-duration: 0s; z-index:99; cursor:pointer; display:none;}
.newsScroll .prev{ left:50%; margin-left:-620px; background-position:left top; }
.newsScroll .next{ right:50%; margin-right:-620px; background-position:right top; }
.newsScroll .prev:hover{ background-position:left bottom; }
.newsScroll .next:hover{ background-position:right bottom; }
.newsScroll .bd{ position:relative;}
.newsScroll .bd ul li{ width:1280px; height:380px; position:relative;}
.newsScroll .bd ul li img{ height:380px;}
.newsBox{}
.newsLeft{ width:930px;}
.newslist{ background:#fff; border:1px solid #dbdbdb; margin-top:20px; padding:25px 39px; position:relative;}
.newslist .info{ position:absolute; right:40px; top:25px;}
.newslist .info li{ float:left; margin-left:15px;}
.newslist .info li a{ font-size:12px; line-height:30px; color:#888;}
.newslist .info li a i{ margin-right:5px;}
.newslist h6{ font-size:12px; line-height:30px; color:#888;}
.newslist h2{ padding:8px 0 10px;}
.newslist h2 a{ font-size:26px; line-height:26px; color:#111; display:inline-block;}
.newslist h2 a:hover{ text-decoration:underline;}
.newslist h4 img{ width:850px; height:350px;}
.newslist p{ font-size:14px; line-height:20px; color:#888; padding:15px 0 10px;}
.newslist h5 a{ font-size:14px; line-height:30px; color:#111; display:inline-block; position:relative; padding-right:12px;}
.newslist h5 a:before{ content:""; overflow:hidden; position:absolute; right:0px; top:50%; width:0px; height:0px; margin-top:-2px; border:3px solid transparent; border-left-width:5px; border-left-color:#555}
.newslist h5 a:hover{ color:#f00;}
.newslist h5 a:hover:before{ border-left-color:#f00;}
.newsRight{ width:330px; margin-left:20px;}
.newsRightBox{ margin-top:20px;}
.newsTitle{ height:46px; border:1px solid #dbdbdb; padding:0 20px; background:url(../images/newsTitle.jpg) repeat-x left top; font-weight:700; font-size:16px; line-height:46px; color:#000; }
.newsHot{ border:1px solid #dbdbdb; border-top:none; background-color:#fff; padding:10px 20px;}
.newsHot li{ border-top:1px dotted #ccc; padding:10px 0;}
.newsHot li:nth-child(1){ border-top:none;}
.newsHot li a{ position:relative; display:inline-block; padding-left:14px; font-size:14px; line-height:18px; color:#555;}
.newsHot li a:before{ content:""; overflow:hidden; position:absolute; left:0px; top:6px; width:0px; height:0px; border:3px solid transparent; border-left-width:4px; border-left-color:#555}
.newsHot li a:hover{ text-decoration:underline; color:#000;}
.stayHot{ border:1px solid #dbdbdb; border-top:none; background-color:#fff; padding:10px 20px;}
.stayHot li{ border-top:1px dotted #ccc; padding:10px 0;}
.stayHot li:nth-child(1){ border-top:none;}
.stayHot li a{ position:relative; display:inline-block; padding-left:22px; font-size:14px; line-height:18px; color:#555;}
.stayHot li a i{ position:absolute; left:0px; top:2px; font-size:14px; color:#888; }
.stayHot li a:hover{ text-decoration:underline; color:#000;}

/* i */
.newsIn{ background:#fff; border:1px solid #dbdbdb; margin-top:20px; padding:20px 0px; position:relative;}
.articleTop { border-bottom:1px solid #ddd; padding:5px 39px 25px; position:relative; }
.articleTop h2 { font-weight:700; font-size: 26px; line-height:40px; color: #000;   }
.articleTop p { font-size:14px; line-height:30px; color: #999; }
.articleTop span { display:inline-block; margin-right:20px; }
.articleTop .info{ position:absolute; right:39px; bottom:25px;}
.articleTop .info li{ float:left; margin-left:15px;}
.articleTop .info li a{ font-size:12px; line-height:30px; color:#888;}
.articleTop .info li a i{ margin-right:5px;}
.articleShow { padding: 30px 39px 30px; font-size: 14px; line-height:2em; }

/* 评论 */
.comment{ border-top:1px solid #ddd; padding:20px 39px 0;}
.commentTitle{ font-weight:700; font-size: 20px; line-height:40px; color: #333;}
.zxForm{ padding-bottom:30px;}
.zxForm dl{}
.zxForm dl dt{ padding:0px 0 15px;}
.zxForm dl dt input{ width:280px; height:40px; padding-left:15px; float:left; font-family:Helvetica,Arial,sans-serif; font-size:14px; line-height:40px; color:#555; outline:none; margin:15px 15px 0 0; background-color:#fff; border:1px solid #ddd; box-shadow:2px 2px 0px 0 #f5f5f5;}
.zxForm dl dt textarea{resize: none; width:577px; height:88px; padding:10px 15px; float:left; font-family:Helvetica,Arial,sans-serif; font-size:14px; line-height:22px; color:#555; outline:none; margin:15px 0px 0 0;  background-color:#fff; border:1px solid #ddd; box-shadow:2px 2px 0px 0 #f5f5f5;}
.zxForm dl dd{ font-size:0;}
.zxForm dl dd input{ font-family:Helvetica,Arial,sans-serif; font-size:16px; line-height:40px; color:#555;outline:none; display:inline-block; width:130px; height:40px; cursor:pointer;}
.zxForm dl dd input.btA{ background-color:#f00; color:#fff;}
.zxForm dl dd input:hover{  background-color:#e60;}
.commentList{ padding:0 39px;}
.commentList dl{ border-top:1px solid #ddd; padding:20px 0;}
.commentList dl dt{ position:relative;}
.commentList dl dt h6{ font-weight:700; font-size:16px; line-height:30px; color: #333;}
.commentList dl dt p{ font-size:12px; line-height:30px; color:#999; position:absolute; right:0; top:0;}
.commentList dl dd{ font-size:14px; line-height:20px; color: #555; padding-top:2px;}

/* page */
.pageText{ font-size:16px; line-height:30px; color:#555; padding-top:60px;}

/* pic-list */
.picList{ position:relative; padding-top:-10px;}
.picList ul{ float:left; overflow:hidden;}
.picList dl dt{ position:relative; overflow:hidden;}
.picList dl dt img{ width:290px; height:250px;}
.picList dl dd{ text-align:center; font-size:14px; line-height:30px; color:#333; padding-top:5px;}
.picList a:hover dl dt{ border-color:#37b5ff}
.picList a:hover dl dd{ color:#37b5ff;}
.pic-one-list ul{ width:285px; margin:20px 20px 0 0;}
.pic-one-list dl dt img{ width:275px; height:250px;}
.pic-one-list ul:nth-child(4n){ margin-right:0px;}
.pic-honor-list ul{width:285px; margin:20px 20px 0 0;}
.pic-honor-list ul dl dt img{ width:275px; height:320px;}
.pic-honor-list ul:nth-child(4n){ margin-right:0px;}
.pic-hzhb-list{ }
.pic-hzhb-list ul{ width:220px; margin:15px 16px 0px 0; background-color:#fff;}
.pic-hzhb-list dl dt img{ width:210px; height:133px;}
.pic-hzhb-list ul:nth-child(4n){ margin-right:0px;}

/* pageCase */
.pageCase{}
.pageCase ul{ float:left; overflow:hidden; width:300px; margin:0px 15px 15px 0;}
.pageCase ul:nth-child(3n){ margin-right:0px;}
.pageCase dl{ position:relative;}
.pageCase dl dt{ position:relative; overflow:hidden;}
.pageCase dl dd{ text-align:center; font-size:14px; line-height:40px; color:#333; padding:0 15px;}
.pageCase a:hover dl dd{ color:#37b5ff;}

/* picturePic */
.picturePic{ background-color:#f5f5f5; padding:20px; position:relative; }
.keyboardControl{ width:64px; height:42px; background:url(../images/tm/keyboardControl.png) no-repeat left top; position:absolute; left:20px; bottom:20px; z-index:999;}
.pictureSwiper .swiper-slide{ text-align:center;}
.pictureSwiper .swiper-slide img{ max-width:100%;}
.pictureText{ font-size:14px; line-height:2em; padding:20px 0 0;}

/* video */
.page-video-list{}
.page-video-list dl{ float:left; width:610px; margin:60px 60px 0 0;}
.page-video-list dl:nth-child(2n){ margin-right:0;}
.page-video-list dl dt{ height:420px;}
.page-video-list dl dd{ text-align:center; font-size:16px; line-height:30px; color:#888; padding:10px 20px 0;}

/* store */
.storeBox{ border:1px solid #dbdbdb; background-color:#fff; padding:15px 44px 50px; margin-top:50px;}
.storeTitle{font-size:30px; line-height:70px; color:#777; border-bottom:1px solid #e4e4e4;}
.storeIco{ padding:40px 0 0;}
.storeIco dl{ width:258px; height:60px; border-radius:3px; border:1px solid #ccc; float:left; position:relative; margin-left:50px;}
.storeIco dl:nth-child(1){ margin-left:0;}
.storeIco dl dt{ width:40px; height:40px; position:absolute; left:15px; top:10px;}
.storeIco dl dd{ padding:10px 0 0 65px; font-size:15px; line-height:20px; color:#333;}
.storeList{ position:relative;}
.storeList li{ width:260px; height:130px; position:relative; float:left; margin:40px 50px 0 0; background-color:#f5f5f5; border-radius:3px;}
.storeList li:nth-child(4n){ margin-right:0;}
.storeList li a{ display:block; height:130px; position:relative;}
.storeList li img{ width:260px; height:130px;}
.storeList li span{position: absolute; left:0px; right:0px; top:0px; bottom:0px;-ms-transition-duration: 0.3s; transition-duration: 0.3s; background:url(../images/tm/tm-b-8.png) left top; text-align:center; font-size:16px; line-height:130px; color:#fff; filter:Alpha(opacity=0); opacity:0; border-radius:3px;}
.storeList li:hover span{ filter:Alpha(opacity=100); opacity:1;}

/* 产品 i */
.proTu{}
.proTu ul{ height:100%; background-repeat:no-repeat; background-position: center top;}
/* .proBoxA ul{ background-image:url(../images/proa.jpg);background-size: cover;}
.proBoxB ul{ background-image:url(../images/pro1.jpg);background-size: cover;}
.proBoxC ul{ background-image:url(../images/pro2.jpg);background-size: cover;}
.proBoxD ul{ background-image:url(../images/pro3.jpg);background-size: cover;}
.proBoxE ul{ background-image:url(../images/pro4.jpg);background-size: cover;} */
.proBox{height: 100%;}
/*.proBox div{height: 100%;}*/
.proBox div ul{height: 100%;}
.proBox div ul img{display: block;height: 100%;width: 100%;}
.proNav{ background-color:#eaeaea; width:100%;}
.proNav .wrap{ height:60px;}
.proNav ul{}
.proNav ul li{ float:left; margin:0 30px; cursor:pointer;}
.proNav ul li span{ font-size:15px; line-height:60px; color:#666666; display:inline-block; position:relative;}
.proNav ul li.on span{ color:#f00;}
.proNav ul li.on span:before{ content:""; overflow:hidden; position:absolute; bottom:0px; left:0px; right:0; height:2px; background-color:#f00; filter:Alpha(opacity=100); opacity:1;}
.proCs{ margin-top:40px;}
.proCsLeft{ width:360px; height:460px;}
.proCsRight{ width:920px;}
.proCsRight ul{ padding-top:80px;}
.proCsRight ul li{ float:left; width:42%; padding-left:8%; font-size:20px; line-height:70px; color:#000;}
.proBoCs{ margin-top:60px;}
.proCsTitle{ position:relative; font-size:18px; line-height:40px; color:#000;}
.proCsTitle:before{ content:""; overflow:hidden; position:absolute; left:0px; bottom:0px; width:190px; height:3px; background-color:#cbcbcb;}
.proBoCs ul{ padding-top:15px;}
.proBoCs ul li{ width:35%; float:left; font-size:14px; line-height:40px; color:#666; border-bottom:1px solid #cbcbcb;}
.proBoCs ul li:nth-child(2n){ width:60%; margin-left:5%;}
.activity{ background:url(../images/activity.jpg) no-repeat center top; height:3569px;}
.comingSoon{ text-align:center; font-size:30px; line-height:300px; color:#333; padding-top:80px;}