﻿body{ color:#000; font-family: "Microsoft YaHei",BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Segoe UI Symbol"; font-size:14px; background:#fff; -webkit-text-size-adjust:none; /*这个必须加上，在苹果手机上维持正常字体大小*/ overflow:auto; /* 用于 android4+，或其他设备 */
     -webkit-overflow-scrolling:touch;    /* 用于 ios5+ */  }
img[src=""]{ display: none; } /*隐藏没有src的img 在ie8 会显示分裂图 并且站高*/

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */
.class{}
}
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */
.class{}
}
@media(min-device-375px)and(max-device-667px)and(-webkit-min-device-pixel-ratio:2){
/*iphone6*/
}
@media(min-device-414px)and(max-device-736px)and(-webkit-min-device-pixel-ratio:3){
/*iphone6plus*/
}

.container {width:1220px;}
.container2 {width:1350px;}
.img-box {overflow:hidden;position:relative;}
.img-box img {transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;}
.img-box:hover img {transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-webkit-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-moz-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-ms-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);-o-transform:translate(0,0) rotate(0) scale(1.1,1.1) skew(0,0) rotateX(0) rotateY(0);}
.scroll-box {overflow:hidden;position:relative;}
.scroll-box ul {width:9999px;}
.scroll-box ul li {float:left;}
h1,h2,h3,h4,h5 {font-weight:500;}
.clearfix:before,.clearfix:after {display:table;content:" ";}
.clearfix:after {height:0;clear:both;visibility:hidden;}
.ui.container {padding:20px 15px;position:relative;}
.ui.container > .item {padding-left:0;padding-right:0;}
.ui.menu {border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border:none;margin:0;box-shadow:0 0 0 0 #fff;-webkit-box-shadow:0 0 0 0 #fff;-moz-box-shadow:0 0 0 0 #fff;-ms-box-shadow:0 0 0 0 #fff;-o-box-shadow:0 0 0 0 #fff;min-height:auto;background:none;}
.ui.header:first-child {margin-top:0;}
.ui.header {margin:0;font-weight:500;}
.item {border-left:none!important;border-right:none!important;}
.item:before,.item:after {display:none!important;}
#header .h-top {background:#252526;height:28px;}
#header .h-top .h-tel {width:58%;}
#header .h-top .topbox {margin-left:-260px;color:#ffffff;float:left;padding-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:450px;}
#header .h-top .h-tel p {color:#fec427;line-height:28px;font-size:16px;}
#header .h-top .h-tel p a {margin-right:15px;}
#header .h-top .h-tel p .fa {color:#ffffff;margin-right:10px;}
#header .h-top .language p {line-height:28px;}
#header .h-top .language p a {color:#ffffff;margin-right:20px;}
#header .h-top .language p a span {color:#fec427;text-transform:uppercase;}
#header .h-top .language p a:hover {color:#fec427;}
#header .nav {background:#1b1b1b;position:relative;padding:35px 0 0;}
#header .nav .h-search {cursor:pointer;position:absolute;right:0;top:0;}
#header .nav .h-search .fa {color:#ffffff;}
#header .nav .search-box {line-height:normal;position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;z-index:99999;display:none;}
#header .nav .search-box form {position:absolute;top:45%;left:50%;width:60%;margin-left:-30%;}
#header .nav .search-box form input {background:none;outline:none;border:none;}
#header .nav .search-box form input[type="text"] {width:100%;border-bottom:1px solid #e1e1e1;font-size:26px;color:#000;padding:10px 0;}
#header .nav .search-box form input[type="submit"] {width:22px;height:22px;background:url(http://en.phanstar.com.cn/App/Tpl/Home/Default/Public/images/tc-zoom.png) no-repeat;position:absolute;right:15px;top:20px;}
#header .nav .search-box form input[type="submit"]:hover {opacity:0.7;filter:alpha(opacity=70);}
#header .nav .search-box .close {width:30px;height:30px;background:url(http://en.phanstar.com.cn/App/Tpl/Home/Default/Public/images/close.png) no-repeat;position:absolute;right:25px;top:15px;cursor:pointer;}
#header .nav .menu-box {padding:0;line-height:65px;height:65px;position:relative;padding-right:35px;}
#header .nav .menu-box .menu > li {display:inline-block;position:relative;text-transform:uppercase;padding:0 30px;vertical-align:top;font-family:Arial;background:url("http://en.phanstar.com.cn/App/Tpl/Home/Default/Public/images/home.png") no-repeat right center;}
#header .nav .menu-box .menu > li > a {font-size:14px;color:#ffffff;display:block;position:relative;}
#header .nav .menu-box .menu > li > a:after {transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fcb805;}
#header .nav .menu-box .menu > li:hover > a,#header .nav .menu-box .menu > li.current-menu-item > a,#header .nav .menu-box .menu > li.current-category-ancestor > a,#header .nav .menu-box .menu > li.current-post-ancestor > a {color:#fcb805;}
#header .nav .menu-box .menu > li:hover > a:after,#header .nav .menu-box .menu > li.current-menu-item > a:after,#header .nav .menu-box .menu > li.current-category-ancestor > a:after,#header .nav .menu-box .menu > li.current-post-ancestor > a:after {width:80%;left:10%;}
#header .nav .menu-box .menu > li .sub-menu {position:absolute;top:100%;left:0;width:180px;background:#fcb805;text-align:left;z-index:101;display:none;}
#header .nav .menu-box .menu > li .sub-menu li {transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-moz-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;line-height:normal;}
#header .nav .menu-box .menu > li .sub-menu li a {font-size:14px;color:#fff;display:block;padding:10px 18px;text-transform:capitalize;}
#header .nav .menu-box .menu > li .sub-menu li:hover {background:#222;}
#header .nav .menu-box .menu > li:hover,#header .nav .menu-box .menu > li.current-menu-item,#header .nav .menu-box .menu > li.current-category-ancestor,#header .nav .menu-box .menu > li.current-post-ancestor {background:url("http://en.phanstar.com.cn/App/Tpl/Home/Default/Public/images/home-hover.png") no-repeat right center;}
#index-body h2.h2 {color:#000000;text-transform:uppercase;font-family:Arial;font-weight:bold;font-size:34px;border-bottom:2px solid #000000;}
#index-body .i-cat-product {background:url("../image/bg_03.jpg") repeat;}
#index-body .i-cat-product .i-cat-pro1 {width:33.3%;background:#C21920;padding:5% 1% 5% 15%;color: #fff;}
#index-body .i-cat-product .i-cat-pro1 p {font-family:Arial;font-size:16px;line-height:28px;margin-top:20px;}
#index-body .i-cat-product .i-cat-pro2 {width:66.7%;position:relative;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .fa {width:35px;height:32px;background:#242527;cursor:pointer;color:#ffffff;font-size:16px;position:absolute;bottom:10%;left:-9%;line-height:32px;text-align:center;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .fa-chevron-right {left:-6%;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .img-box {position:relative;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .img-box .layer {position:absolute;bottom:10%;left:0;width:100%;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .img-box .layer p {text-align:center;font-family:Arial;font-weight:bold;text-transform:uppercase;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .img-box .layer p a {color:#ffffff;font-size:16px;}
#index-body .i-product {padding:60px 0;background:url("../image/bg_03.jpg") repeat;}
#index-body .i-product h2 {border-bottom:none;color:#ffffff;}
#index-body .i-product .pro-list {margin-top:15px;}
#index-body .i-product .pro-list ul li {width:24%;margin-right:1.3%;margin-bottom:1.3%;background:#111214;border:1px solid #b8b8b8;padding:20px;float:left;transition:0.6s ease;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-ms-transition:0.6s ease;-o-transition:0.6s ease;}
#index-body .i-product .pro-list ul li .img-box img {width:100%;}
#index-body .i-product .pro-list ul li .img-box .text {position:relative;background:#111214;z-index:9;padding-top:8px;}
#index-body .i-product .pro-list ul li .img-box .text p {font-family:Arial;font-weight:bold;line-height:28px; height:56px;overflow: hidden;text-transform:uppercase; }
#index-body .i-product .pro-list ul li .img-box .text p a {color:#ffffff;}
#index-body .i-product .pro-list ul li .img-box .text a.more {display:block;margin-top:5px;width:102px;height:32px;line-height:32px;color:#ffffff;text-align:center;background:#C21920;}
#index-body .i-product .pro-list ul li:hover {box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-webkit-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-moz-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-ms-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-o-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);}
#index-body .i-product .pro-list ul li:nth-child(4n) {margin-right:0;}
#index-body .i-out-bg {background:url("../image/i-bg_03.jpg") no-repeat top center;background-size:cover;}
#index-body .i-about {position:relative;}
#index-body .i-about .img {position:absolute;width:45%;left:0;top:6%;z-index:999;}
#index-body .i-about .i-text {float:right;width:60%;padding:2% 13% 1% 8%;background: #C21920;color: #fff}
#index-body .i-about .i-text h2 {font-size:36px;font-family:Arial;font-weight:bold;margin-bottom:20px;}
#index-body .i-about .i-text p {font-size:16px;font-family:Arial;line-height:30px;}
#index-body .i-about .i-text .newtool {font-size:16px;font-family:Arial;line-height:30px;}
#index-body .i-about .i-text .newtool h1 {display:inline;font-size:16px;font-family:Arial;line-height:30px;}
#index-body .i-about .i-text .grid-box {margin-top:30px;}
#index-body .i-about .i-text .grid-box .column {background:url("../image/gou.png") no-repeat left top;padding-left:40px;padding-bottom:30px;transition:0.6s ease;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-ms-transition:0.6s ease;-o-transition:0.6s ease;}
#index-body .i-about .i-text .grid-box .column:hover {transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);}
#index-body .i-num {padding:30px 0;}
#index-body .i-num .grid-box .column h2 {font-family:Arial;font-size:50px;text-align:center;color:#e7e8ea;}
#index-body .i-num .grid-box .column h2 i {font-size:50px;}
#index-body .i-num .grid-box .column p {font-family:Arial;font-size:16px;text-align:center;color:#e7e8ea;}
#index-body .i-news {padding-bottom:65px;}
#index-body .i-news h2 {text-align:center;color:#ffffff;border-bottom:none;}
#index-body .i-news .news-list {margin-top:30px;padding:0 1px;}
#index-body .i-news .news-list .swiper-slide .img-box {border:1px solid #ffffff;transition:0.6s ease;-webkit-transition:0.6s ease;-moz-transition:0.6s ease;-ms-transition:0.6s ease;-o-transition:0.6s ease;}
#index-body .i-news .news-list .swiper-slide .img-box .text {position:relative;background:#1a1a1a;z-index:999;padding:20px;}
#index-body .i-news .news-list .swiper-slide .img-box .text h3 {font-family:Arial;font-weight:bold;color:#ffffff;line-height:30px;font-size:17px;}
#index-body .i-news .news-list .swiper-slide .img-box .text h3 a {font-size:17px;}
#index-body .i-news .news-list .swiper-slide .img-box .text h3 a:hover {color:#fcb805;}
#index-body .i-news .news-list .swiper-slide .img-box .text p {margin:15px 0;font-family:Arial;line-height:25px;height: 75px;overflow: hidden;color:#ffffff;}
#index-body .i-news .news-list .swiper-slide .img-box .text .bottom time {display:block;float:left;color:#a09f9f;}
#index-body .i-news .news-list .swiper-slide .img-box .text .bottom time .fa {color:#b61606;margin-right:5px;}
#index-body .i-news .news-list .swiper-slide .img-box .text .bottom a.more {display:block;float:right;color:#fcb805;}
#index-body .i-news .news-list .swiper-slide .img-box:hover {box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-webkit-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-moz-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-ms-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);-o-box-shadow:0 0 10px 0 rgba(255,255,255,0.8);}
#index-body .i-message {padding:100px;}
#index-body .i-message .i-form {width:60%;background:url("../image/form-bg.png") no-repeat center;padding-left:8%;}
#index-body .i-message .i-form form {background:url("../image/form.png") no-repeat top center;width:70%;padding:12%;height:473px;}
#index-body .i-message .i-form form p {line-height:30px;color:#6b6b69;}
#index-body .i-message .i-form form input {width:100%;padding:10px;background:#f0f0f0;outline:none;border:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;}
#index-body .i-message .i-form form input[type="submit"] {width:127px;height:46px;line-height:46px;color:#ffffff;background:#C21920 url("../image/ri.png") no-repeat 90% center;padding:0;margin-top:20px;text-align: left;padding-left: 30px;font-size:18px;}
#index-body .i-message .i-form form textarea {width:100%;padding:10px;background:#f0f0f0;outline:none;border:none;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;height:93px;}
#index-body .i-message .i-text {width:40%;padding-right:10%;padding-top:8%;}
#index-body .i-message .i-text h2 {font-family:Arial;font-size:50px;margin-bottom:20px;color:#ffffff;}
#index-body .i-message .i-text h2 span {color:#C21920;font-size:50px;}
#index-body .i-message .i-text p {line-height:20px;color:#ffffff;font-size:12px;font-family:Arial;font-style:italic;}
#footer a:hover {color:#ffc527 !important;}
#footer .footer-top {background:url("../image/footer-bg_02.jpg") no-repeat center;padding:40px 0 30px;background-size:cover;}
#footer .footer-top .column {width:20%;}
#footer .footer-top .f-add {width:40%;padding-right:3%;}
#footer .footer-top .i-qr img {width:160px;}
#footer .footer-top .i-qr .icon {margin-top:15px;}
#footer .footer-top .i-qr .icon .fa {color:#ffffff;font-size:16px;margin-right:10px;width:34px;height:34px;line-height:34px;text-align:center;background:#2b2b2b;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
#footer .footer-top .i-qr .icon .fa:hover {background:#f4bd26;}
#footer .footer-top h2 {font-size:21px;color:#ffffff;font-family:Arial;margin-bottom:30px;text-transform:uppercase;position:relative;padding-bottom:15px;margin-bottom:10px;}
#footer .footer-top h2 span {color:#C21920;font-size:21px;}
#footer .footer-top h2:after {content:'';position:absolute;width:49px;height:3px;bottom:0;left:0;background:#e74216;}
#footer .footer-top p {color:#ffffff;font-size:16px;line-height:30px;}
#footer .footer-top p span {font-size:16px;color:#C21920;}
#footer .footer-top ul li {line-height:30px;}
#footer .footer-top ul li a {color:#ffffff;font-size:16px;}
#footer .footer-top ul li a:hover {color:#ffc527;}
#footer .footer-bottom {background:#111111;}
#footer .footer-bottom p {color:#ffffff;font-size:14px;height:35px;line-height:35px;text-align:center;}
#footer .footer-bottom p a {color:#ffffff;}
#footer .footer-bottom p a:hover {color:#ffffff!important;}
/*.inner-banner {height:348px;background:url("../images/inner-banner.jpg") no-repeat center;background-size:cover;}
*/.bread-crumbs {font-size:14px;margin-top:7px;}
.bread-crumbs,.bread-crumbs a,.bread-crumbs span {color:#ffffff;}
.bread-crumbs a:hover {color:#fff;}
.inner-page {font-family:Arial;}
.inner-page .sideBar {padding:25px 0 22px;background:#6a6a6a;}
.inner-page .sideBar .side-menu {position:relative;margin-top:5px;}
.inner-page .sideBar .side-menu .nowCat {background:#C21920 url("../image/sidebar-line.png") no-repeat 93% center;cursor:pointer;width:226px;height:40px;line-height:40px;display:block;padding-left:15px;color:#ffffff;font-size:16px;border:1px solid #C21920;}
.inner-page .sideBar .side-menu .cat-list {display:none;z-index:111;position:absolute;width:100%;padding:2px 0;background:#C21920;left:0;top:100%;}
.inner-page .sideBar .side-menu .cat-list li {}
.inner-page .sideBar .side-menu .cat-list li a {display:block;color:#ffffff;padding:10px 12px 10px 16px;}
.inner-page .sideBar .side-menu .cat-list li a:hover {color:#fff;background:#000;}
.inner-page .inner-main-tit {text-align:left;color:#ffffff;}
.inner-page .inner-main-tit .nowTit {font-size:34px;text-transform:capitalize;}
.about-page .a-tit {font-size:29px;color:#000;font-family:Arial;text-transform:uppercase;}
.about-page .a-txt p {color:#000000;font-size:16px;line-height:1.8em;margin-bottom:27px;}
.about-page .inner-main-box {padding:90px 0 51px;background:#fbfbfb;}
.about-page .inner-main-box .a-tit {margin:47px 0 24px;}
.about-page .a-factory .swiper-slide img {width:100%;}
.about-page .a-whyUs {padding:111px 0 211px;background:#fbfbfb;}
.about-page .a-whyUs .a-txt {margin:60px 0 73px;}
.about-page .a-whyUs .why-list {padding:0!important;}
.product-page .i-product {padding:11px 0 20px;}
.product-page .i-product h1 {font-size:28px;font-weight:bold;}
.product-page .i-product .wildtools {line-height:28px;}
.m-page .pageinfo,.m-page .pagefirst,.m-page .pageup,.m-page .pageend,.m-page .pagedown {display:none}
.m-page {text-align:center;padding:45px 0;font-size:14px;}
.m-page span,.m-page a,.m-page a.pageup,.m-page a.pagedown {margin:0 1px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;display:inline-block;width:28px;height:28px;line-height:31px;background-image:-moz-linear-gradient(top,#575e63,#404549);/* Firefox */  background-image:-webkit-linear-gradient(top,#575e63,#404549);/* Saf4+,Chrome */  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#575e63,endColorstr=#404549,GradientType='0');/* IE*/  color:#fff;}
.m-page a:hover,.m-page .current,.m-page .active {background-image:-moz-linear-gradient(top,#566f82,#3e505e);/* Firefox */  background-image:-webkit-linear-gradient(top,#566f82,#3e505e);/* Saf4+,Chrome */  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#566f82,endColorstr=#3e505e,GradientType='0');/* IE*/}
.prodet-page .prodetTit {margin-bottom:23px;color:#121212;font-family:Arial;font-size:39px;text-transform:capitalize;text-align:center;}
.prodet-page .prodet-pics {padding:59px 0 82px;}
.prodet-page .prodet-pics .pro-bPic {width:47.3%!important;}
.prodet-page .prodet-pics .pro-bPic img {margin:0 auto;width:100%;box-shadow:0 0 18px 0 rgba(0,0,0,0.4);-webkit-box-shadow:0 0 18px 0 rgba(0,0,0,0.4);-moz-box-shadow:0 0 18px 0 rgba(0,0,0,0.4);-ms-box-shadow:0 0 18px 0 rgba(0,0,0,0.4);-o-box-shadow:0 0 18px 0 rgba(0,0,0,0.4);}
.prodet-page .prodet-pics .pro-det-one {padding-left:10%!important;width:52.7%!important;}
.prodet-page .prodet-pics .pro-det-one .proName {color:#121212;font-size:25px;font-family:"Arial";text-transform:uppercase;margin-bottom:15px;}
.prodet-page .prodet-pics .pro-det-one .proEmail {display:inline-block;color:#1e1e1e;font-size:17px;font-family:Arial;}
.prodet-page .prodet-pics .pro-det-one .proSocial {margin:18px 0 52px;}
.prodet-page .prodet-pics .pro-det-one .proSocial a {margin-right:6px;color:#000;font-size:16px;display:inline-block;width:35px;text-align:center;height:35px;line-height:35px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:#f2f2f2;}
.prodet-page .prodet-pics .pro-det-one .proSocial a:hover {background:#f4bd26;color:#fff;}
.prodet-page .prodet-pics .pro-det-one .pdf-box a {display:block;width:237px;height:37px;background:url("http://en.phanstar.com.cn/App/Tpl/Home/Default/Public/images/prodet-pdf.png") no-repeat center;}
.prodet-page .prodet-pics .pro-det-one .prodet-thumb .image-gallery:after {content:'';display:block;width:0;height:0;clear:both;}
.prodet-page .prodet-pics .pro-det-one .prodet-thumb .image-gallery li {padding:0;float:left;width:20%;margin-right:1.5%;background:#fafafa;}
.prodet-page .prodet-pics .pro-det-one .prodet-thumb .image-gallery li:nth-of-type(4n) {margin-right:0;}
.prodet-page .prodet-det-two {padding:122px 0 146px;background:#efefef;}
.prodet-page .recommand-product {padding:31px 0 133px;}
.prodet-page .recommand-product .i-product {padding:0;}
.prodetFeedback {padding:44px 0 64px;background:#f2f2f2;}
.prodetFeedback .innerTit {font-size:32px;text-transform:uppercase;color:#000;font-family:roboto-black;}
.prodetFeedback .ptForm {margin-top:50px;}
.prodetFeedback .ptForm label {font-size:16px;color:#636363;font-weight:500;margin-bottom:0;font-family:Arial;}
.prodetFeedback .ptForm input,.prodetFeedback .ptForm textarea {font-family:roboto-medium;transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;background:none;color:#252525;font-size:16px;width:100%;outline:none;resize:none;border:none;border-bottom:1px solid #cccccc;}
.prodetFeedback .ptForm .fbTop {margin-bottom:62px;}
.prodetFeedback .ptForm .fbTop li {float:left;width:31%;margin-right:2%;}
.prodetFeedback .ptForm .fbTop li:last-child {margin-right:0;}
.prodetFeedback .ptForm .fbTop li input {height:15px;padding:0 4px;}
.prodetFeedback .ptForm .fbTop li input:focus {height:43px;border-bottom:3px solid #f4bd26;}
.prodetFeedback .ptForm .fbBot {margin-bottom:75px;}
.prodetFeedback .ptForm .fbBot textarea {height:16px;overflow:hidden;}
.prodetFeedback .ptForm .fbBot textarea:focus {height:55px;border-bottom:3px solid #f4bd26;}
.prodetFeedback .ptForm input[type="submit"] {cursor:pointer;text-align:left;padding-left:31px;font-family:Arial;box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;text-transform:uppercase;font-size:16px;width:203px;height:52px;border:none;background:#C21920 url("../image/fb-send.png") no-repeat 84% center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:#fff;}
.prodetFeedback .ptForm input[type="submit"]:hover {background-color:#222;}
.news-page .new-list {padding-top:78px!important;}
.news-page .new-list li {padding-bottom:52px;margin-bottom:65px;border-bottom:2px solid #777777;}
.news-page .new-list li:last-child {margin-bottom:0;}
.news-page .new-list li .new-con .tit a {height:48px;overflow:hidden;display:block;color:#777777;font-size:21px;line-height:24px;font-family:roboto-bold;}
.news-page .new-list li .new-con .tit a:hover {color:#f4bd26;}
.news-page .new-list li .new-con .abst {color:#777777;font-size:16px;line-height:27px;margin:35px 0 45px;}
.news-page .new-list li .new-con .abst a {color:#f4bd26;}
.news-page .new-list li .new-con .date span {color:#777777;}
.news-page .new-list li .new-con .date span:last-child {margin-left:20px;text-transform:capitalize;}
.news-page .new-list li:last-child {margin-bottom:50px;}
.newdet-page {font-family:roboto-regular;}
.newdet-page .news {padding:50px 0 60px!important;color:#777777;}
.newdet-page .news .news_title h1 {padding-bottom:10px;font-size:20px;font-family:roboto-bold;text-align:center;color:#222;}
.newdet-page .news .news_date {text-align:center;line-height:22px;border-bottom:1px solid #555;padding-bottom:5px;}
.newdet-page .news .news_abst {border-bottom:1px solid #555;padding:10px 0;}
.newdet-page .news .news_abst p {display:inline-block;}
.newdet-page .news .news_contents {color:#555;line-height:24px;clear:both;margin-top:10px;border-bottom:1px solid #555;padding:20px 0 40px;}
.newdet-page .news .news_contents a {color:#555;font-size:16px;line-height:24px;}
.newdet-page .news .news_contents p,.newdet-page .news .news_contents div,.newdet-page .news .news_contents span,.newdet-page .news .news_contents table {color:#555;font-size:14px;line-height:24px;clear:both;}
.newdet-page .news .news_next {width:99%;margin-top:0px;padding-left:5px;border-top:0px solid #CCC;text-align:left;padding-top:10px;}
.newdet-page .news .news_next a {width:100%;height:25px;line-height:25px;color:#777;font-size:15px;margin-left:5px;}
.newdet-page .news .news_next a:hover {width:100%;height:25px;line-height:25px;color:#000;}
.newdet-page .news .newsnav {margin-bottom:30px;}
.contact-page {padding-top:0;}
.contact-page .c-list-box {padding:70px 0 93px;background:#f2f2f2;}
.contact-page .c-list-box .contactList {position:relative;}
.contact-page .c-list-box .contactList .c-name {color:#292929;font-size:39px;font-family:roboto-black;}
.contact-page .c-list-box .contactList .info {line-height:34px;margin-top:24px;font-size:18px;color:#292929;}
.contact-page .c-list-box .contactList .info .add {display:block;}
.contact-page .c-list-box .contactList .info .fa {color:#000;margin-right:29px!important;font-size:18px;}
.contact-page .c-list-box .contactList .qr-box {position:absolute;right:0;top:70px;width:158px;padding:8px;background:#fff;}
.faq-page .faq-list {padding:88px 0 115px;}
.faq-page .faq-list dt {box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-ms-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-o-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);padding:16px 30px 14px;background-color:#343434;font-size:18px;cursor:pointer;color:#9e9e9e;margin-bottom:12px;transition:0.5s ease;}
.faq-page .faq-list dt:hover,.faq-page .faq-list dt.active {background:#f4bd26;color:#fff;}
.faq-page .faq-list dd {font-size:14px;line-height:22px;color:#757575;padding:15px 30px;margin-bottom:12px;display:none;}
::-webkit-input-placeholder {color:#777;}
:-moz-placeholder {color:#777;}
::-moz-placeholder {color:#777;}
:-ms-input-placeholder {color:#777;}
@media screen and (max-width:768px) {
.inner-page .sideBar .side-menu {float: none;margin-top:10px;}
.inner-page .sideBar .side-menu .search{text-align:center;width: 100%;}
.inner-page .sideBar .side-menu .btn-keywords{ height:40px; width:60%;text-indent: 10px;}
.inner-page .sideBar .side-menu .btn-search{ height:40px; width:20%}
.inner-banner {height:150px;}
.prodet-page .prodet-pics .grid.two.column .pro-bPic,.prodet-page .prodet-pics .grid.two.column .pro-det-one,.prodetFeedback .ptForm .fbTop li {width:100%!important;padding-left:0!important;}
.contact-page .c-list-box .contactList .qr-box {display:none;}
.prodetFeedback .ptForm .fbTop li {margin-bottom:30px;}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proName {font-size:19px;margin-top:30px;}
}
/*@media screen and (min-width:1100px) {.header-box {display:none;}
}
*//*.i-product {padding:132px 0 166px;}
*/.i-product .i-tit {color:#1b1b1b;font-family:Arial;}
.i-product .pro-list {margin-top:69px;flex-wrap:wrap;}
.i-product .pro-list > .column {margin-bottom:19px;width:32%;margin-right:2%;}
.i-product .pro-list > .column:nth-child(3n) {margin-right:0;}
.i-product .pro-list > .column img {margin:0 auto;display:block;}
.i-product .pro-list .con-box {/*margin-top:-26px;*/  position:relative;z-index:10;padding:0 18px;}
.i-product .pro-list .con-box a:hover {color:#f4bd26!important;}
.i-product .pro-list .con-box .inner-box {background:#fff;padding:35px 35px 0;font-family:Arial;}
.i-product .pro-list .con-box .inner-box .tit {text-align:center;}
.i-product .pro-list .con-box .inner-box .tit a {font-family:Arial;display:block;color:#1b1b1b;font-size:20px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i-product .pro-list .con-box .inner-box .abst {margin:12px 0 18px;color:#9e9c9f;font-size:16px;line-height:28px;text-align:center;}
.i-product .pro-list .con-box .inner-box .more {color:#1b1b1b;font-size:16px;text-align:center;display:block;}
.i-product .pro-list .con-box .inner-box .more .fa {margin-left:14px;}
.i-whyUs {text-align:center;}
.i-whyUs .why-list {margin-top:64px;padding:0 8%!important;}
.i-whyUs .why-list > .column {transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;}
.i-whyUs .why-list > .column .icon,.i-whyUs .why-list > .column .tit {transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}
.i-whyUs .why-list > .column .icon {max-width:119px;width:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid #676767;color:#676767;font-size:40px;height:119px;line-height:119px;}
.i-whyUs .why-list > .column .tit {font-family:Arial;color:#676767;font-size:19px;text-transform:uppercase;margin-top:21px;}
.i-whyUs .why-list > .column:hover {transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-webkit-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-moz-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-ms-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-o-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);}
.i-whyUs .why-list > .column:hover .icon {color:#f4bd26;border-color:#f4bd26;}
.i-whyUs .why-list > .column:hover .tit {color:#f4bd26;}
.slideBox {overflow:hidden;}
#inner-canvas {position:absolute;width:100%;height:90px;bottom:0;z-index:99;}
.ws-title {}
.ws-title h2 {font-family:montserrat-bold;}
.ws-title p {font-family:montserrat-semibold;font-style:italic;}
#wowslider-container1 .ws-title div {width:100% !important;}
.i-whyUs {text-align:center;}
.i-whyUs .why-list {margin-top:64px;padding:0 8%!important;}
.i-whyUs .why-list > .column {transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease;}
.i-whyUs .why-list > .column .icon,.i-whyUs .why-list > .column .tit {transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease;}
.i-whyUs .why-list > .column .icon {max-width:119px;width:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid #676767;color:#676767;font-size:40px;height:119px;line-height:119px;}
.i-whyUs .why-list > .column .tit {font-family:Arial;color:#676767;font-size:19px;text-transform:uppercase;margin-top:21px;}
.i-whyUs .why-list > .column:hover {transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-webkit-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-moz-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-ms-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-o-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);}
.i-whyUs .why-list > .column:hover .icon {color:#f4bd26;border-color:#f4bd26;}
.i-whyUs .why-list > .column:hover .tit {color:#f4bd26;}
#cs {width:100%;margin-bottom:20px;}
#cs td,#cs th {padding:5px 10px;border:1px solid #000;width:50%;}
#cs td:first-child {color:#000;}
#cs td:last-child {color:#000;}
.wpulike.wpulike-default {display:none;}
.prodet-page .wpulike.wpulike-default,.newdet-page .wpulike.wpulike-default {display:block;}
.post-views-box {position:relative;margin:-50px 0 0 100px;}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after {background-image:url(../image/fw.png)!important;filter:none;}
.wpulike {z-index:10;}
.wpulike.post-views-box {z-index:5;}
.prodet-det-two table {width:100%;margin:30px auto;border:none;}
.prodet-det-two table td,.prodet-det-two table th {padding:12px 5px;font-size:15px;text-align:center;border-right:1px solid #efefef;}
.prodet-det-two table tr:nth-child(odd) {background:#f9f9f9;}
.prodet-det-two table tr:first-child {background:#cccccc;}
.image-gallery {margin-top:30px;}
.image-gallery li {width:25%;padding:0 10px;margin-bottom:20px;}
.pro-det-one p {line-height:25px;}
.side-outer .side-menu-mobile {display:none;}
@media screen and (max-width:1350px) {.container {width:970px;}
.container2 {width:1100px;}
#index-body .i-cat-product .i-cat-pro1 {padding:5% 1% 5% 5%;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .fa {left:-14%;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .fa-chevron-right {left:-8%;}
#index-body .i-product .pro-list ul li {width:32.3%;}
#index-body .i-product .pro-list ul li {display:none;}
#index-body .i-product .pro-list ul li:nth-child(1),#index-body .i-product .pro-list ul li:nth-child(2),#index-body .i-product .pro-list ul li:nth-child(3),#index-body .i-product .pro-list ul li:nth-child(4),#index-body .i-product .pro-list ul li:nth-child(5),#index-body .i-product .pro-list ul li:nth-child(6) {display:block;}
#index-body .i-product .pro-list ul li:nth-child(3n) {margin-right:0;}
#index-body .i-product .pro-list ul li:nth-child(4n) {margin-right:1.3%;}
#index-body .i-about .img {width:44%;top:19%;}
#footer .footer-top .f-add {padding-left:2%;}
}
@media screen and (max-width:970px) {.container {width:768px;}
.container2 {width:768px;}
#index-body .i-cat-product .i-cat-pro1 {width:100%;}
#index-body .i-cat-product .i-cat-pro2 {width:100%;}
#index-body .i-about .i-text {width:100%;}
#index-body .i-about .img {display:none;}
#index-body .i-message {padding:20px;}
#index-body .i-message .i-form {width:100%;padding-left:0;}
#index-body .i-message .i-form form {padding:8%;}
#index-body .i-message .i-text {width:100%;}
#footer .footer-top .column {width:50%;}
.prodet-page .prodet-pics .pro-bPic {width:100% !important;}
.prodet-page .prodet-pics .pro-det-one {width:100% !important;padding-left:0!important;}
.new-pic {display:none;}
.new-con {width:100%;}
.prodetFeedback .ptForm .fbTop {margin-bottom:10px;}
.prodetFeedback .ptForm .fbTop li {width:100%;margin-right:0;margin-bottom:10px;}
.prodetFeedback .ptForm .fbBot {margin-bottom:15px;}
.i-product .pro-list > .column {width:49%;margin-right:1%;}
}
@media screen and (max-width:768px) {.container {width:100%;}
.container2 {width:100%;}
#index-body h2.h2 {font-size:18px;}
#index-body .i-cat-product .i-cat-pro2 .cat-list .fa {display:none;}
#index-body .i-num .grid-box .column h2 i {font-size:28px;}
#index-body .i-about .i-text h2 {font-size:24px;margin-bottom:10px;}
#index-body .i-about .i-text p {font-size:14px;line-height:25px;height:130px;overflow:hidden;}
#index-body .i-about .i-text p.p {display:none;}
#index-body .i-about .column p {height:auto;}
#index-body .i-product {padding:30px 0;}
#index-body .i-product .pro-list ul li {width:49.3%;}
#index-body .i-product .pro-list ul li:nth-child(3n) {margin-right:1.3%;}
#index-body .i-product .pro-list ul li:nth-child(2n) {margin-right:0;}
#index-body .i-about .i-text .grid-box .column {width:50%;}
#index-body .i-num .column {width:50%;}
#index-body .i-message .i-form form {width:100%;padding:12%;height:auto;}
#index-body .i-message .i-text h2 {font-size:24px;}
#index-body .i-message .i-text h2 span {font-size:24px;}
#footer .footer-top {display:none;}
#footer .footer-bottom p {height:auto;}
.inner-banner {height:200px !important;}
.inner-page .sideBar {display:none;}
.inner-page .bread-crumbs{display:none;}
.inner-page .inner-main-tit{ text-align:center !important;float: none;}
.side-outer .side-menu-mobile {display:block;}
.about-page .inner-main-box {padding:20px 0 51px;}
.about-page .a-whyUs {padding:20px 0 50px;}
.about-page .a-whyUs .a-txt {margin:20px 0 20px;}
.i-whyUs {display:none;}
#index-body .i-map {padding-bottom:0px;}
#index-body .i-map .i-text {margin-top:0;}
#index-body .i-map .i-text .i-map-text h2 {font-size:18px;}
#index-body .i-map .i-text .i-map-text h2:after {content:'';position:absolute;width:120px;height:3px;bottom:0;left:0;background:#e70d1b;}
#index-body .i-about {padding-top:20px;}
#index-body .i-map .i-text .i-map-text p {font-size:16px;line-height:25px;margin-top:10px;}
#footer .footer-top .column {width:100%;}
#footer .footer-top .column.i-qr {display:none;}
#footer .footer-top h2 {margin-bottom:10px;margin-top:20px;}
#footer .footer-bottom p {line-height:30px;padding:15px 0 30px;}
.product-page .i-product {padding:11px 0 0px;}
.i-product .pro-list {margin-top:20px;}
.i-product .pro-list > .column {margin-bottom:19px;width:48.5%;margin-right:1.5%;}
.i-product .pro-list .con-box .inner-box {padding:5px 5px 0;}
.i-product .pro-list .con-box .inner-box .abst {display:none;}
.prodet-page .prodet-pics {padding:5px 0 10px;}
.prodet-page .prodet-pics .pro-det-one .proName {font-size:18px;margin:20px 0 20px;}
.prodet-page .prodet-det-two {padding:20px 0 20px;background:#efefef;}
.prodet-page .prodetTit {font-size:18px;}
.prodet-page .recommand-product {padding:31px 0 30px;}
.i-product .pro-list > .column:nth-child(3n) {margin-right:1.5%;}
.i-product .pro-list > .column:nth-child(2n) {margin-right:0;}
.prodetFeedback .innerTit {font-size:18px;}
.news-page .new-list {padding-top:0px!important;}
.news-page .new-list li {padding-bottom:12px;margin-bottom:15px;border-bottom:1px solid #777777;}
.news-page .new-list li .new-con .abst {margin:10px 0 15px;}
.m-page {padding:10px 0;}
.newdet-page .news {padding:10px 0 10px!important;}
.faq-page .faq-list {padding:28px 0 30px;}
.contact-page .c-list-box .contactList .fr {display:none;}
.contact-page .c-list-box .contactList .fl {width:100%;}
.contact-page .c-list-box {padding:10px 0 10px;background:#f2f2f2;}
.contact-page .c-list-box .contactList .c-name {font-size:18px;}
.contact-page .c-list-box .contactList .info .fa {margin-right:10px!important;}
.side-outer .side-menu-mobile {margin-bottom:25px;display:block;}
.side-outer .side-menu-mobile li {margin-bottom:2px;}
.side-outer .side-menu-mobile li a {color:#000000;font-size:16px;display:block;height:40px;line-height:40px;background:#efefef;padding-left:19px;overflow:hidden;}
.side-outer .side-menu-mobile li a:hover,.side-outer .side-menu-mobile li a.active {background:#e70d1b;color:#ffffff;}
}
