
/*默认设置*/
:focus {outline:0;transition:all 0.3s ease 0s;}
body,ul,img,p,input,dl,dd,tr,th,td {margin:0;padding:0;}
h1,h2,h3 {font-style:normal;margin: auto;padding: auto;}
em {font-style:normal;}
img {border:none;}
li,ul,ol {list-style:none;}
a {font-style: normal;}
a:hover {}
a:active {}
a:focus {}
input {padding:0px;vertical-align: middle;line-height: normal;border:none;}
/*清除样式*/
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clear:after{content:"";display:block;height:0;clear:both;visibility:hidden}
::selection {background:#808080;color:#fff;}
::-moz-selection {background:#808080; color:#fff;}
::-webkit-selection {background:#808080; color:#fff;}
.fr{float: right;}
.fl{float: left;}
.fontRed{color:red;}
*:link,*:visited,*:hover,*:active,*:focus{color: none}
*{-moz-box-sizing: border-box; /*Firefox3.5+*/-webkit-box-sizing: border-box; /*Safari3.2+*/-o-box-sizing: border-box; /*Opera9.6*/-ms-box-sizing: border-box; /*IE8*/box-sizing: border-box;}
body{position: relative;font-size: 14px; color: #333;font-family: "sfprotext-r";line-height: 24px;overflow-x: hidden;}
/*输入文字*/
::-webkit-input-placeholder {color: #777; }
:-moz-placeholder {color: #777; }
::-moz-placeholder {color: #777; }
:-ms-input-placeholder {color: #777;}
.search_main::-webkit-input-placeholder {color:#444;} 
.search_main:-moz-placeholder {color:#444;}
.search_main::-moz-placeholder {color:#444;}
.m-f-search_main:-ms-input-placeholder {color:#666;}
.m-f-search_main::-webkit-input-placeholder {color:#666;} 
.m-f-search_main:-moz-placeholder {color:#666;}
.m-f-search_main::-moz-placeholder {color:#666;}
.m-f-search_main:-ms-input-placeholder {color:#666;}
.meText::-webkit-input-placeholder {color:#b3b3b3;}
.meText:-moz-placeholder {color:#b3b3b3;}
.meText::-moz-placeholder {color:#b3b3b3;}
.meText:-ms-input-placeholder {color:#b3b3b3;}
.meInput::-webkit-input-placeholder {color:#b3b3b3;}
.meInput:-moz-placeholder {color:#b3b3b3;}
.meInput::-moz-placeholder {color:#b3b3b3;}
.meInput:-ms-input-placeholder {color:#b3b3b3;}

/*字体格式*/
@font-face {font-family: "fontawesome"; 
src: url('../fonts/fontawesome-webfont.eot'); src: local('☺'), url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.ttf') format('truetype'), url('../fonts/fontawesome-webfont.svg') format('svg'); }
@font-face {font-family: "sfprotext-r"; 
src: url('../fonts/sf-pro-text_regular.eot'); src: local('☺'), url('../fonts/sf-pro-text_regular.woff') format('woff'), url('../fonts/sf-pro-text_regular.ttf') format('truetype'), url('../fonts/sf-pro-text_regular.svg') format('svg');}
@font-face {font-family: "sfprotext-b"; 
src: url('../fonts/sf-pro-text_bold.eot'); src: local('☺'), url('../fonts/sf-pro-text_bold.woff') format('woff'), url('../fonts/sf-pro-text_bold.ttf') format('truetype'), url('../fonts/sf-pro-text_bold.svg') format('svg');}

/*网络结构*/
.main{width: 100%;position: relative;}
.main-t{background: #30bc30;z-index: 999999}
.main-h{background: #fff;z-index: 999999}
.main-n{background: #fff;z-index: 99999;border-top: 1px solid #cccccc;}
.main-01{overflow: hidden;}
.main-02{background:#e1e1e1 url(../images/m-2j-bj.jpg) no-repeat center;background-size:cover;}
.main-03{overflow: hidden;}
.main-04{overflow: hidden;}
.main-05{overflow: hidden;}
.main-pp{border-bottom: 1px solid #333;}
.main-f{background:#1f1f1f}
.main-b{width: 100%;}
.main-mbx{background: #fff;background-attachment: fixed;background-size:cover;padding: 0px 0;}
.main-map{width: 100%;margin:20px 0 0 0;}
.main-map img{width: 100%;height: auto;}
.main-box{width: 100%;max-width: 1170px;margin: 0 auto;}
.main-f{background:#1f1f1f url(../images/m-f-bj.png) no-repeat right 300px bottom -130px;}


@media(max-width: 1200px){
  .main-box{max-width: 970px}
  .main-f{background:#1f1f1f url(../images/m-f-bj.png) no-repeat right 50px bottom -130px;}
}
@media(max-width: 992px){
  .main-box{max-width: 738px}
  .main-f{background:#1f1f1f url(../images/m-f-bj.png) no-repeat right 0px bottom -50px;}
  .main-n .main-box{max-width: 100%}

}
@media(max-width: 768px){
  .main-box{padding:0 15px;max-width: 768px}
  .main-n .main-box{max-width: 100%;padding: 0}
  .main-f{background:#1f1f1f url(../images/m-f-bj.png) no-repeat right -50px bottom -100px;}
}
@media(max-width: 480px){
}
/*第一阶级*/

/*fy-xiala*/


/*main-head*/
.main-head{position: relative;text-align: left;transition:all 0.3s ease 0s;padding:30px 0 30px;}
.main-head *{}
.m-h-l{float: left;}
.m-h-l *{transition:all 0.3s ease 0s;display: inline-block;}
.m-h-r{float:right;width: auto;padding:10px 0 0 0;width: 50%;text-align: right;}

.fy-xiala{position:relative;padding:0px 0 0px 0;z-index: 9999999999;display: inline-block;vertical-align: middle;border: 1px solid #cccccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.select dt{height: 38px;display:inline-block;line-height:38px;font-size:14px;text-transform:capitalize;cursor:pointer;width:100%;overflow:hidden;position:relative;z-index:99;text-align: right;font-weight: normal;padding:0px 28px 0 13px;color: #444;}
.select dt img,.select dd ul li a img{ width:100%; height:auto; width:24px; display:inline-block; margin-right:6px;vertical-align: middle;}
.select dt:before{content:"\f0d7";font-family: "fontawesome"; width: 16px;height: 38px;display: inline-block;margin:1px 0px 0 0;position: absolute;right:10px;top:0;color: #444;}
.select dt img{display: inline-block;margin:-2px 5px 0 0;}
.select dd{position:absolute;right:0px;top:40px;background:#fff;display:none; z-index:9999999;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.3);
   -moz-box-shadow:0px 5px 10px rgba(0,0,0,0.3);
     -o-box-shadow:0px 5px 10px rgba(0,0,0,0.3);
        box-shadow:0px 5px 10px rgba(0,0,0,0.3);
}
.select dd ul{padding:4px 8px 4px 8px;width:120px;/* max-height:304px;overflow:auto; */text-align: left;}
.select dd ul li{padding:2px 0px;position: relative;width: 100%;}
.select dd ul li i{width: 22px;height: auto;position: absolute;left: 0px;top:4px;}
.select dd ul li a{line-height:24px;display:inline-block;color:#444; font-size:14px;text-transform:capitalize;padding:0 0px 0 30px;position: relative;width: 100%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;transition:all 0.3s ease 0s;}
.select dd ul li img{height: auto;width: 22px;height: auto;position: absolute;left: 0px;top:4px;}
.select dd ul li a:hover{color: #30bc30;}
.select dt:hover{}
.fix{ display:none}


.m-t-link{display: inline-block;margin:0 0 0 0px;}
.m-t-link *{transition:all 0.3s ease 0s;display: inline-block;}
.m-t-link a{width: 36px;height: 36px;margin:0 0 0 9px;}
.m-t-link a img{width: 100%;height: auto;}
.m-t-link a:hover{
transform:translateY(-5px);
-ms-transform:translateY(-5px);   /* IE 9 */
-moz-transform:translateY(-5px);  /* Firefox */
-webkit-transform:translateY(-5px); /* Safari 和 Chrome */
-o-transform:translateY(-5px);  /* Opera */}

/*logo*/
.logo{z-index: 99;max-width:238px;display: inline-block;transition:all 0.3s ease 0s;}
.logo h1{width: 100%;}
.logo a{display: inline-block;}
.logo a img{width: 100%;height: auto;display: inline-block;transition:all 0.3s ease 0s;}
.logo-p{float: left;display: inline-block;margin:10px 0 0 0px;transition:all 0.5s ease 0s;width: 100%}
.logo-p p{font-size: 28px;line-height: 30px;width: 100%;font-family: "Century Gothic Bold";color: #2b3144;}

/*sou*/
.search{max-width:350px;display: inline-block;width: 100%;margin:0px 10px 0 0;position: relative;}
.search * {transition:all 0.3s ease 0s;}
.search .search_main{width:100%;height:40px;color:#444;line-height:40px;font-size:14px;background: #fff;border: 1px solid #f2f2f2;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding: 0px 100px 0 20px;background: #f2f2f2;}
.search .search_main:focus{border:1px solid #30bc30;background: #fff}
.search .search_btn{width: 100px;line-height:40px;background:#30bc30 url(../images/sou.png) no-repeat center;color: #fff;text-transform: uppercase;font-size: 14px;height: 40px;position: absolute;right:0px;top:0px;z-index: 5;-moz-border-radius:0px 5px 5px 0;-webkit-border-radius:0px 5px 5px 0;border-radius:0px 5px 5px 0;}
.search .search_btn:{}
.search .search_btn:hover{background:#2aa32a url(../images/sou.png) no-repeat center;}

@media(max-width:1200px){
    .m-h-r{width: 60%}
  .search{max-width: 300px;}
}
@media(max-width:992px){
  .m-h-r{width: 60%}
  .search{max-width: 270px;}
}
@media(max-width:768px){
  .m-h-l{width: 100%;text-align: center;}
  .m-h-r{width: 100%;text-align: center;}
  .search{float: none;}
  .fy-xiala{float: none;}

}
@media(max-width:480px){
  .search{width: 140px;}
  .search .search_main{padding:0 50px 0 15px}
  .search .search_btn{width: 40px}

}

/*madzz*/
.large-mdzz{}
.small-mdzz{position: fixed;top:0px;left:0;z-index: 99999999;transition:all 0.0s ease 0s;padding:0;
-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
   -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
     -o-box-shadow:5px 5px 5px rgba(0,0,0,0.3);
        box-shadow:5px 5px 5px rgba(0,0,0,0.3);}

/*banner-madzz*/
.large-mdzz-01{}
.small-mdzz-01{padding: 50px 0 0 0}

@media(max-width:1200px){}
@media(max-width:992px){
  .small-mdzz{position: static;}
  .small-mdzz .main-head{padding: 20px 0 20px 0;}
  .small-mdzz-01{padding: 0px 0 0 0}
  .small-mdzz .main-head .logo{max-width:150px}
.small-mdzz .main-head .m-h-r{padding:10px 0 0 0;}
}
@media(max-width:768px){}
@media(max-width:480px){}

/*宣传海报*/
.main-banner{transition:all 0s ease 0s;overflow: hidden;}
.xiao-banner{}
.page-banner{}

/*page-banner*/
.page-banner{width:100%;margin: 0px auto 0px;padding:0px 0 0 0;margin: 0px 0 0 0;overflow: hidden;height: auto;margin: 0px 0 0 0}
.page-banner img{height: auto;width: 100%}
.small-mdzz-03{margin: 50px 0 0 0}

@media(max-width:1200px){}
@media(max-width:992px){
  .small-mdzz-03{margin: 0px 0 0 0}
  .main-banner{}
  .page-banner img{}
}
@media(max-width:768px){}
@media(max-width:480px){}

/* slick-slider*/
.slick-slider{  display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding:0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; margin:0 auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}

/*slick-prev&slick-next*/
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

/* slick-dots*/
.slick-dots { position: absolute; bottom: -35px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index:999;}
.slick-dots li { position: relative; display: inline-block; height: 5px; width: 35px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 5px; width: 35px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:rgba(255,255,255,0.6);}
.slick-dots li button:focus { outline: none;}
.slick-dots li.slick-active button{background:#fff;}

/*main-bt*/
.main-bt{width: 100%;padding:0px 0 0 0;text-align: center;overflow: hidden;}
.main-bt *{transition:all 0.3s ease 0s;width: 100%;display: inline-block;}
.main-bt span{font-size: 36px;line-height: 46px;font-family: "sfprotext-b";color: #333;text-transform:capitalize;}
.main-bt p{font-size: 14px;line-height: 24px;color: #808080;text-transform: capitalize;margin:0px 0 0px 0;max-width: 600px;max-height: 48px;overflow: hidden;margin:18px 0 0 0;}
.main-bt-02{text-align: left;}
.main-bt-02 span{text-align: left;padding:0 0 0 20px;border-left: 6px solid #32cd32;}



@media(max-width:1200px){}
@media(max-width:992px){}
@media(max-width:768px){
  .main-bt span{font-size: 30px;line-height: 30px;}
  .main-bt p{margin:5px 0 0 0;}
}
@media(max-width:480px){}

/*main-more*/
.main-more{width: 100%;text-align:center;margin: 0px 0 0 0;}
.main-more *{transition:all 0.5s ease 0s;display: inline-block;width: 100%}
.main-more p{background: #32cd32;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position: relative;overflow: hidden;text-align: center;padding:0 0px;width: auto;}
.main-more p:before{content: "";position: absolute;left:0;top:0;height: 100%;width: 100%;background: rgba(0,0,0,.1);transition:all 0.3s ease 0s;
transform: scale(0,1);
-ms-transform: scale(0,1);  /* IE 9 */
-webkit-transform: scale(0,1);  /* Safari 和 Chrome */
-o-transform: scale(0,1); /* Opera */
-moz-transform: scale(0,1); /* Firefox */filter:alpha(opacity:0);opacity:0.0;}
.main-more p:hover{}
.main-more p:hover:before{width: 100%;
transform: scale(1,1);
-ms-transform: scale(1,1);  /* IE 9 */
-webkit-transform: scale(1,1);  /* Safari 和 Chrome */
-o-transform: scale(1,1); /* Opera */
-moz-transform: scale(1,1); /* Firefox */filter:alpha(opacity:100);opacity:1;}
.main-more a{line-height: 40px;color: #fff;text-transform: uppercase;font-size: 14px;position: relative;overflow: hidden;width: 100%;padding:0 60px}
.main-more input{line-height: 40px;color: #fff;text-transform: uppercase;font-size: 14px;position: relative;overflow: hidden;z-index: 22;padding:0 60px}


@media(max-width:1200px){}
@media(max-width:992px){
  .main-more a{padding:0 40px}
  .main-more input{padding:0 40px}
}
@media(max-width:768px){
    .main-more a{padding:0 20px}
  .main-more input{padding:0 20px}
}
@media(max-width:480px){}

/*main-1j*/
.main-1j{padding:55px 0 40px;}
.main-1j *{width: 100%;display: inline-block;transition:all 0.5s ease 0s;}
.main-1j ul{margin:20px 0 0 -0.7%;width: 100.7%;}
.main-1j ul li{width: 32.6%;margin:20px 0 0 0.7%;position: relative;overflow: hidden;float: left;}
.main-1j ul li>a{position: absolute;width: 100%;height: 100%;top:0px;left:0;z-index: 10}
.main-1j ul li .m-1j-img{overflow: hidden;width: 100%}
.main-1j ul li .m-1j-img a{}

.main-1j ul li .m-1j-img a img{height: auto;transform:scale(1.00,1.00); -moz-transform:scale(1.00,1.00); -webkit-transform:scale(1.00,1.00);width: 100%}
.main-1j ul li .m-1j-p{padding:0;text-align: center;}
.main-1j ul li .m-1j-p>a{font-size: 16px;line-height: 18px;max-height: 28px;margin:25px 0 0 0;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #333;text-transform: capitalize;font-family: "sfprotext-b";}

.main-1j ul li:hover .m-1j-p a{color:#32cd32;}
.main-1j ul li:hover .m-1j-img a{transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

@media(max-width:1200px){}
@media(max-width:992px){
  .main-01 .main-box{max-width: 100%;padding:0 15px}
  .main-1j{padding:40px 0 35px;}
}
@media(max-width:768px){
  .main-1j{padding:30px 0 25px;}
  .main-1j ul{margin:5px 0 0 -0.7%}
  .main-1j ul li{width: 99.6%}
  .main-1j ul li .m-1j-p>a{margin:15px 0 0 0;}
  
}
@media(max-width:480px){}

/*main-2j*/
.main-2j{padding:40px 0 40px;display: inline-block;width: 100%}
.main-2j *{}

/*fen-4j-lb*/
.m-2j-lb{margin:0px 0 0 0;position: relative;}
.m-2j-lb .slider{}
.m-2j-lb .slick-next{background:url(../images/m-4j-lb-r.png) no-repeat center;width:44px; height:44px;top:50%; right:-54px;margin:-22px 0px 0 0;filter:alpha(opacity:10);opacity:0.1;transition:all 0.3s ease 0s;}
.m-2j-lb .slick-prev{background:url(../images/m-4j-lb-l.png) no-repeat center;width:44px; height:44px;top:50%; left:-54px;margin:-22px 0px 0 0px;filter:alpha(opacity:10);opacity:0.1;transition:all 0.3s ease 0s;}
.m-2j-lb .slick-prev:hover{filter:alpha(opacity:20);opacity:0.2;}
.m-2j-lb .slick-next:hover{filter:alpha(opacity:20);opacity:0.2;}

.m-2j-lei{padding:0 10px;}
.m-2j-lei *{transition:all 0.3s ease 0s;display: inline-block;width: 100%}
.m-2j-lei-p{position: relative;overflow: hidden;background: #000;border: 1px solid #cccccc;}
.m-2j-lei-p img{height: auto;}
.m-2j-lei:hover .m-2j-lei-p{border: 1px solid #555;}
/*slick-dots*/
.m-2j-lb .slick-dots { position: static; bottom:0px; list-style: none; display: block; text-align: center; padding:0px 0 0 0; width: 100%; z-index:999;}
.m-2j-lb .slick-dots li { position: relative; display: inline-block; height: 12px; width: 12px; margin: 0px 5px; padding: 0px; cursor: pointer;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;overflow: hidden;}
.m-2j-lb .slick-dots li button { border: 0; background: transparent; display: block; height: 12px; width: 12px; outline: none; line-height: 0; font-size: 0; cursor: pointer; outline: none; background:#888888;}
.m-2j-lb .slick-dots li button:focus { outline: none;}
.m-2j-lb .slick-dots li.slick-active button{background:#32cd32;}

.m-2j-l{width: 47%;float: left;margin:30px 0 0 0;}
.m-2j-l>p{font-size: 14px;line-height: 24px;color:#888;margin:30px 0 0 0;max-height: 96px;overflow: hidden;}
.m-2j-l .main-more{margin:35px 0 0 0;text-align: left;}
.m-2j-l .main-more p{}
.m-2j-l .main-more a{}
.m-2j-r {float: right;max-width: 300px;width: 100%}
.m-2j-r img{width: 100%;height: auto;}



@media(max-width:1500px){}
@media(max-width:1200px){}
@media(max-width:992px){
  .main-2j{padding: 40px 0}
  .m-2j-l{width: 60%;}
  .m-2j-r{text-align: center;margin:30px 0 0 0;width: 35%;max-width: 100%;}
}
@media(max-width:768px){
  .m-2j-lb .slick-dots{padding: 0px 0 0 0}
  .main-2j{padding: 30px 0}
  .m-2j-l{margin:0;margin:;}
  .m-2j-l .main-more{margin:25px 0 0 0;}
  .m-2j-l>p{margin:20px 0 0 0;}
  .m-2j-l{width: 100%}
  .m-2j-r{width: 100%}
  .m-2j-r img{width: 100%;width:100%}
  .main-2j{padding: 30px 0}
}
@media(max-width:480px){}


/*main-3j*/
.main-3j{padding:50px 0 0px;display: inline-block;width: 100%}
.main-3j *{transition:all 0.5s ease 0s;display: inline-block;width: 100%}
.main-3j ul{margin: 30px 0 0 -1.2%;width: 101.2%}
.main-3j ul li{margin:15px 0 0 1.2%;width: 48.8%;float: left;position: relative;background: #000;overflow: hidden;}
.main-3j ul li a{position: absolute;z-index: 20;left:0;top:0;width: 100%;height: 100%;}
.main-3j ul li i{width: 140px;line-height: 36px;height: 36px;font-size: 14px;color:#000;background: #32cd32;position: absolute;left:0px;top:10px;-moz-border-radius:0 18px 18px 0;-webkit-border-radius:0 18px 18px 0;border-radius:0 18px 18px 0;font-style: normal;;text-align: center;text-transform: capitalize;color:#fff;z-index: 10}
.main-3j ul li .m-3j-t{position: absolute;bottom:-65px;left:0;z-index: 10;height: auto;padding: 20px;}
.main-3j ul li .m-3j-t span{font-size: 18px;line-height: 28px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-family: "sfprotext-b";color:#fff;}
.main-3j ul li .m-3j-t p{font-size: 14px;line-height: 24px;color: #b2b2b2;overflow: hidden;max-height: 48px;margin: 10px 0 0 0}
.main-3j ul li .m-3j-img{filter:alpha(opacity:80);opacity:0.8;}
.main-3j ul li .m-3j-img img{height: auto;}
.main-3j ul li:hover .m-3j-img{filter:alpha(opacity:30);opacity:0.3;}
.main-3j ul li:hover .m-3j-t{bottom:0px;}
.main-3j ul li:hover .m-3j-t p{}


@media(max-width:1500px){}
@media(max-width:1200px){}
@media(max-width:992px){
  .main-3j{padding: 40px 0 0 0}
  .main-03 .main-box{max-width: 100%;padding:0 15px}
  .main-3j ul{margin:15px 0 0 -1.2%;}
}
@media(max-width:768px){
  .main-3j{padding: 30px 0 0 0}
  .main-3j ul{margin:5px 0 0 -1.2%;}
  .main-3j ul li{width: 98.2%}
}
@media(max-width:480px){}


/*main-4j*/
.main-4j{padding: 50px 0 0px;position: relative;}
.m-4j-list *{width: 100%;transition:all 0.5s ease 0s;display: inline-block;}
.m-4j-list{width: 100.9%;margin:35px 0 0 -0.9%;padding:0 0px}
.m-4j-list li{float: left;position: relative;margin:15px 0 0 0.9%;width: 24.1%;text-align: center;background: #000}
.m-4j-list li a{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 20;}
.m-4j-list li i{position: absolute;width:79px;height: 79px;top: 50%;left: 50%;z-index: 10;margin:-40px 0 0 -40px;filter:alpha(opacity:0);opacity:0.0;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */
-moz-transform: rotateY(180deg);  /* Firefox */
}
.m-4j-list li i img{height:auto;}
.m-4j-list li span{position: absolute;width: 100%;bottom: 15px;left: 0px;z-index: 10;font-size: 18px;line-height: 28px;font-family: "sfprotext-b";text-transform: uppercase;color: #fff;}
.m-4j-list li p{filter:alpha(opacity:100);opacity:1;}
.m-4j-list li p img{height: auto;width: 100%}
.m-4j-list li:hover p{filter:alpha(opacity:60);opacity:0.6;}
.m-4j-list li:hover i{filter:alpha(opacity:100);opacity:1;
transform: rotateY(0deg);
-webkit-transform: rotateY(0deg); /* Safari 和 Chrome */
-moz-transform: rotateY(0deg);  /* Firefox */}

@media(max-width:1200px){}
@media(max-width:992px){
  .main-4j{padding: 40px 0 0px;}
  .m-4j-list{margin:25px 0 0 -1.5%;width: 101.5%}
  .m-4j-list li{width: 48.5%;margin:15px 0 0 1.5%}

}
@media(max-width:768px){
   .main-4j{padding: 30px 0 0px;}
   .m-4j-list{margin:15px 0 0 -1.5%;}
  }
@media(max-width:480px){
  .m-4j-list li{width: 98.5%}
}


/*main-5j*/
.main-5j{padding: 50px 0 50px;text-align: center;}
.main-5j *{transition:all 0.5s ease 0s;display: inline-block;width: 100%}
.m-5j-p{width:100%;margin:0 auto;max-width: 1070px;margin:45px 0 0 0;}
.m-5j-p p{font-size: 14px;line-height: 24px;max-height: 120px;overflow: hidden;}
.main-5j ul{width: 100%;max-width: 850px;margin:20px 0 0 0;overflow: hidden;}
.main-5j ul li{float: left;width: 25%;padding:0 7px;margin:15px 0 0 0;}
.main-5j ul li p{}
.main-5j ul li p img{height: auto;width: 100%}
.main-5j .main-more{margin:50px 0 0 0;}
.main-5j .main-more a{}


@media(max-width:1200px){}
@media(max-width:992px){
  .main-5j{padding: 40px 0 40px;text-align: center;}
  .m-5j-p{margin:35px 0 0 0;}
  .main-5j ul{margin:10px 0 0 0;}
  .main-5j .main-more{margin:40px 0 0 0;}

}
@media(max-width:768px){
  .main-5j{padding: 30px 0 30px;text-align: center;}
  .m-5j-p{margin:25px 0 0 0;}
  .main-5j ul{margin:10px 0 0 0;}
  .main-5j .main-more{margin:30px 0 0 0;}
}
@media(max-width:480px){
  .main-5j ul li{width: 50%}
}
@media(max-width:320px){}


/*m-f-pp*/
.m-f-pp{width: 101%;margin-top:0 0 0 -1%;padding:20px 0;text-align: center;}
.m-f-pp li{width: 19%;margin:10px 0 0 1%;float: left;display: inline-block;}
.m-f-pp li a{width: 100%;filter:alpha(opacity:30);opacity:0.3;transition:all 0.3s ease 0s;}
.m-f-pp li a img{width: 100%;height: auto;}
.m-f-pp li a:hover{filter:alpha(opacity:50);opacity:0.5;}

@media(max-width:480px){
  .m-f-pp li{width: 30%;float: none;}
}


/**/
.m-f-link{display: inline-block;margin:16px 0 0 0px;}
.m-f-link *{transition:all 0.3s ease 0s;display: inline-block;}
.m-f-link a{width: 30px;height: 30px;margin:9px 9px 0 0px;background: #373737;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
.m-f-link a img{width: 100%;height: auto;filter:alpha(opacity:50);opacity:0.5;}
.m-f-link a:hover img{filter:alpha(opacity:100);opacity:1;}

.m-f-txt{margin:50px 0 0 0;display: inline-block;}
.m-f-txt p{font-size: 16px;line-height: 26px;font-family: "sfprotext-b";color: #fff;text-transform: uppercase;vertical-align: middle;display: inline-block;}
.m-f-txt i{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 26px;color: #fff;padding:0 10px}

/*m-f-search*/
.m-f-p{margin:25px 0 0 0}
.m-f-p p{font-size: 13px;line-height: 22px;color: #999;display: inline-block;}

.m-f-search{display: inline-block;width: 100%;margin:20px 0 0 0;position: relative;}
.m-f-search * {transition:all 0.3s ease 0s;}
.m-f-search .m-f-search_main{width:100%;height:40px;color:#ccc;line-height:38px;font-size:13px;background: #222222;border: 1px solid #333333;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;padding: 0px 93px 0 20px}
.m-f-search .m-f-search_main:focus{border:1px solid #555;}
.m-f-search .m-f-search_btn{width: 90px;line-height: 34px;background:#333333;color: #fff;text-transform: uppercase;font-size: 13px;height: 32px;position: absolute;right:3px;top:3px;z-index: 5;}
.m-f-search .m-f-search_btn:hover{background: #444}

@media(max-width:1200px){}
@media(max-width:992px){
  .m-f-search{margin:30px 0 0 0}
  .m-f-txt{margin:30px 0 0 0}
  .m-f-search{margin:30px 0 10px 0}
  .m-f-link{margin:22px 0 0 0;}
}
@media(max-width:768px){
  .m-f-p{margin:15px 0 0 0}
  .m-f-search{margin:20px 0 0 0}
  .m-f-txt{margin:20px 0 0 0}
  .m-f-search{margin:20px 0 0px 0}
  .m-f-link{margin:12px 0 0 0;}
}


/*main-foot*/}
.footer *{}
.footer{padding: 50px 0px 30px 0px;position: relative;}
@media(max-width:1200px){}
@media(max-width:992px){
  .footer{padding: 50px 0px 30px 0px;position: relative;}
}
@media(max-width:768px){
  .footer{padding: 10px 0 0px}
}


/*fot_title*/
.fot_title{display:block;position: relative;padding:0 0 0px 0;width: 100%}
.fot_title:before{content: "";width: 40px;height: 2px;left:0px;bottom:-2px;background: #cccccc;position: absolute;display: none;}
.fot_title em{font-size:16px;color:#fff;font-family: "sfprotext-b";display:block;line-height:16px;text-transform:uppercase;margin: 0px 0 0 0;padding: 0 0 0px 0px;text-transform: initial;text-transform: uppercase;}
.fot_title i{transition:all 0.3s ease 0s;font-size:14px;color:#fff;float: right;display: none;width:30px;text-align: center;}
.icon-minus-sign:before {content:"\f078" !important;font-family: "fontawesome";}
.icon-plus-sign:before {content: "\f078" !important;font-family: "fontawesome";}

@media(max-width:1200px){}
@media(max-width:992px){}
@media(max-width:768px){
  .fot_title{display:block;background:none;}
}
@media(max-width:480px){}

/*底部查询*/

/*fot_links*/
#blockbestsellers{width: 100%;}
.fot_links {float: left;}
.fot_links-01{width:19%;margin: 0 0% 0 0%;padding: 0px 5% 0 0%;}
.fot_links-02{width:22%;margin: 0 0% 0 0%;padding: 0px 5% 0 0%;}
.fot_links-03{width:29%;margin: 0 0% 0 0%;padding: 0px 5% 0 0%;}
.fot_links-04{width:30%;margin: 0 0% 0 0%;padding: 0px 0% 0 0%;float: right;}
.fot_links ul{margin: 25px 0 0 0;width: 100%}
.fot_links ul *{transition:all 0.3s ease 0s;}
.fot_links ul li{display:block;padding:7px 0 0px 0px;}
.fot_links ul li:first-child{padding: 0}
.fot_links ul li a{color:#a8a8a8;font-size:13px;max-height: 22px;margin: 0px 0;padding:0 0 0 0px;display: inline-block;text-transform:capitalize;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;}
.fot_links .column_icon_toggle{display:none;}
.fot_links ul li a:hover{color: #fff;text-decoration: underline;}

@media(max-width:1200px){
.fot_links-01{width: 17%}
.fot_links-02{width: 17%}
.fot_links-03{width: 36%}
.fot_links-04{width: 30%}
}
@media(max-width:992px){
.fot_links-01{width: 25%;}
.fot_links-02{width: 25%}
.fot_links-03{width: 50%;margin:0px 0 0 0;}
.fot_links-04{width: 100%;margin:30px 0 0 0;}
}


@media(max-width:768px){
  .m-f-con{padding: 0px}
  .fot_links-05{border-top: 1px solid #717172;}
  .fot_title i{display: block;margin: -25px 0 0 0;}
  .fot_links ul{margin: 15px 0 0 0;}
  .active i{transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -moz-transform:rotate(180deg); 
  -webkit-transform:rotate(180deg); 
  -o-transform:rotate(180deg);}
  .fot_links{width: 100%;height: auto;padding: 8px 0px}
  .fot_links{margin: 0px 0;border-bottom: 1px solid #3e3e44;float: none;}
  .fot_links-04{position: static;border: none;margin:0;padding:8px 0 8px}
  .fot_links .column_icon_toggle {display: inline-block;position: absolute;right: 0px;font-style:normal;cursor:pointer;color:#eee;}
  .fot_links .fot_title{cursor:pointer;border:none;padding: 0}
  .fot_links .fot_title:before{display: none;}
  .fot_links .fot_title em{padding:0 0 0 0px;margin: 6px 0;background: none;color: #fff;font-size: 18px;}
  .fot_links ul li:before{content: "\f105";font-family: "fontawesome";font-size: 14px;margin: -12px 5px 0 0;color: #b2b2b2;vertical-align: middle;display:none;}
  .fot_links ul li{vertical-align: middle;}

}

@media(max-width:480px){

}

/*m-f-cp*/
.m-f-cp{width: 103%;margin:0 0 0 -3%;display: inline-block;padding: 18px 0 0 0}
.m-f-cp *{transition:all 0.3s ease 0s;display: inline-block;}
.m-f-cp div{position: relative;float: left;width: 30%;margin:10px 0 0 3%;border: 2px solid #fff;background: #f3a01f}
.m-f-cp div a{width: 100%;height:100%;left:0px;top:0;position: absolute;z-index: 20}
.m-f-cp div i{width: 45px;height: 45px;position: absolute;left:50%;top:50%;margin:-22px 0 0 -22px;z-index: 10;background: url(../images/m-f-jia.png) no-repeat center;filter:alpha(opacity:0);opacity:0.0;
  transform:scale(0.7,0.7);
-moz-transform:scale(0.7,0.7);
-webkit-transform:scale(0.7,0.7);
transition:all 0.25s ease-in;}
.m-f-cp div p{width: 100%;filter:alpha(opacity:100);opacity:1;}
.m-f-cp div p img{width: 100%;height: auto;}
.m-f-cp div:hover i{filter:alpha(opacity:100);opacity:1;
  transform:scale(1.00,1.00);
-moz-transform:scale(1.00,1.00);
-webkit-transform:scale(1.00,1.00);
transition:all 0.25s ease-in;}
.m-f-cp div:hover p{filter:alpha(opacity:30);opacity:0.3;}

@media(max-width: 480px){
  .m-f-cp div{width: 47%}
  .m-f-cp{padding: 0 0 10px 0}
}



/*m-f-con*/
.m-f-con{padding: 25px 0 0 0;position: relative;}
.m-f-con * {transition:all 0.3s ease 0s;font-size: 13px;line-height: 22px;color: #999;display: inline-block;}
.m-f-con div{position: relative;margin:15px 0 0px 0;display: inline-block;width: 100%;position: relative;color: #999;padding:0 0 0 0px;float: left;}
.m-f-con div:first-child{margin:0;}
.m-f-con div.m-f-con-01{padding: 0px 0 0 0px}
.m-f-con div span{padding:0 0 0 0px;color: #999;line-height: 22px;font-size: 13px;display: inline;text-transform: uppercase;}
.m-f-con div p{width: 100%}
.m-f-con div a{display: inline-block;color: #999;}
.m-f-con div a:hover{color: #fff;text-decoration: underline;}
@media(max-width: 768px){
.m-f-con{padding: 15px 0 0 0;}
.m-f-con div{padding: 0px 0 0}
}




.m-f-logo{width: 100%}
.m-f-logo *{display: inline-block;transition:all 0.3s ease 0s;}
.m-f-logo span{max-width: 189px;}
.m-f-logo img{width: 100;height: auto;}
.m-f-logo p{width: 100%;font-size: 14px;line-height: 22px;color: #666;margin:15px 0 0 0;max-height: 44px;overflow: hidden;}
.m-f-logo a{color: #30bc30;font-size: 14px;line-height: 22px;margin:10px 0 0 0;text-transform: uppercase;}
.m-f-logo a:after{content: "\f0da";font-size: 14px;line-height: 22px;content: #30bc30;margin:-2px 0 0 3px;font-family: "fontawesome";display: inline-block;vertical-align: middle;}
.m-f-logo a:hover{text-decoration: underline;}

.m-b-link{width: 100%;margin:10px 0 0 0;}
.m-b-link *{transition:all 0.3s ease 0s;display: inline-block;}
.m-b-link a{width: 24px;height: 24px;text-align: center;display: inline-block;margin:0 10px 0 0px;vertical-align: middle;position: relative;filter:alpha(opacity:80);opacity:0.8;vertical-align: middle;line-height: 20px;background: #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.m-b-link i{font-size: 16px;line-height: 20px;color: #666;transition:all 0.3s ease 0s;}
.m-b-link img{width: 100%;height: auto;}
.m-b-link a:hover i{color: #30bc30;}
.m-b-link a:hover {filter:alpha(opacity:100);opacity:1;}

@media(max-width: 1200px){
.m-f-con p{}
}
@media(max-width:768px){
.m-f-con p{}
}

/*main-bottom*/
.main-bottom{padding: 15px 0 15px;}
.main-bottom *{transition:all 0.3s ease 0s;}
.m-b-l{float: left;width: 50%;padding:0 0 0 70px;position: relative;}
.m-b-l *{color:#fff;line-height: 22px;font-size:13px;font-style: normal;display: inline-block;}

.m-b-i{position: absolute;left:0px;top:3px;width:55px;height: 40px;}
.m-b-i img{width: 100%;height: auto;}

.copy{color: #808080;font-size: 13px;}
.copy a:hover{color:#fff;}
.fx-01{float: left;margin:0px 0 0 0;width: 100%;text-align: left;}
.fx-01 *{transition:all 0.3s ease 0s;color: #808080;font-size: 13px;}
.fx-01 p{display: inline-block;text-transform: capitalize;}
.fx-01 a{padding:0 10px 0 0;color: #808080;display: inline-block;}
.fx-01 a:last-child{}
.fx-01 a:hover{color: #fff;text-decoration: underline;}


@media(max-width: 1200px){}
@media(max-width: 992px){
  .fx-01{float: left;width: 100%;}
  .main-bottom{padding: 15px 0 15px;}
  .m-b-link{width: 100%;text-align: left;margin:10px 0 0 0;}
  .m-b-link a{}
  .m-b-link a:last-child{}
  .m-b-l{width: 100%;text-align: center;margin:10px 0 0 0;padding: 0}
  .copy{margin:5px 0 0 0;width: 100%;text-align: left;}
  .m-b-i{display: none;}
}
@media(max-width: 769px){
  .main-bottom{padding: 15px 0 55px;}
}

/*-back-top-*/
.toTop {
    position: fixed;
    right: 5px;
    bottom: 80px;
    z-index: 999999999;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    filter: alpha(opacity: 100);
    opacity: 1; 
    overflow: hidden;
    text-align: center;
    height: auto;
    -moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;
-webkit-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
   -moz-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
     -o-box-shadow:0px 2px 10px rgba(0,0,0,0.3);
        box-shadow:0px 2px 10px rgba(0,0,0,0.3);
}
.toTop img{width: 100%;height: auto;}
.toTop p{transition:all 0.3s ease 0s;width:60px;filter:alpha(opacity:40);opacity:0.4;overflow: hidden;
    -moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
.toTop:hover p{filter:alpha(opacity:60);opacity:0.6;}

@media(max-width:1200px){}
@media(max-width:992px){}
@media(max-width:768px){
.toTop {height: auto;display: block;bottom: 50px;}
}
@media(max-width:480px){}






/*service right*/
#service{position:fixed;right:-230px;top:10px;z-index:999999999;margin:200px 0 0 0; font:14px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; color:#333;}
#service .onlineMenu{ list-style:none;padding: 10px 15px 10px 15px;background: #e5e5e5;background:#f5f5f5;border: 2px solid #e5e5e5;}

#service a{ color:#333;}
#ser_main{position:relative;z-index:9;top:0px;    float: left;}
#ser_main a{display:block;overflow:hidden;}
#ser_main a#floatShow01{background:url(../images/ser_30.png) no-repeat;height:200px;width:48px;z-index:99999;}


.onlineMenu .call-top{padding:10px 0;}
.onlineMenu .call-top p{text-align:left;font-family: "sfprotext-b";color:#111;font-size:16px;text-transform:capitalize;}
#online{float:left;background:#fff;overflow:hidden; width:230px;-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 0 rgba(0, 0, 0, 0.1);position:relative;}
.onlineMenu ul li{ padding:10px 0; border-bottom:1px dashed #ddd; list-style:none}
.onlineMenu ul li:last-child{ border:none;}
.onlineMenu .serm_top{text-align:center;padding-bottom:10px;}
.onlineMenu .call{text-align:left;}
.call{ padding:6px 10px; border-bottom:1px solid #fff; font-size:14px;}
.call img{display:inline-block;vertical-align:middle; margin-right:6px; }
.call a:hover{text-decoration: underline;color:#30bc30 !important;}
#service:hover{ right:0px;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
#service:hover #ser_main #floatShow1{ left:120px; z-index:-11; opacity:0;}
#service h4{ font-size:14px; color:#666; margin:0px; line-height:25px;font-family: "sfprotext-b"; }

@media only screen and (max-width: 960px) {#service{ display:none;}}

/*online*/
#online_qq_layer{z-index:999999999;position:fixed;right:5px;bottom:0;width: 300px;}
#online_qq_layer a{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
#online_qq_layer a:hover{text-decoration:none;}
#floatShow{
  display:inline-block;
  background:#30bc30;
  width:auto;
  float:right;
  height:42px;
  -moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;
  text-align:center;overflow: hidden;border-bottom:none;
}
#floatShow i{width: 24px;height: auto;display: inline-block;vertical-align: middle;text-align: center;padding: 13px 0 0 0;margin:0 0px 0 15px;float: left;}
#floatShow i img{width:100%;height: auto;display: inline-block;}
#floatShow p{color:#fff;font-size:14px;line-height:42px;display:inline-block; vertical-align:middle;padding-right:15px;text-transform:capitalize;text-transform: uppercase;margin:2px 0 0 10px;float: right;vertical-align: middle;}
#floatHide{display:none;background:#30bc30;width:100%;text-align:left;height:43px;text-transform:capitalize;padding-left:10px;border-bottom:none;border-bottom:none;-moz-border-radius:0px 0px 0 0;-webkit-border-radius:0px 0px 0 0;border-radius:0px 0px 0 0;}
#floatHide p{color:#fff;font-size:14px;line-height:38px;display:inline-block; vertical-align:middle;text-transform:uppercase;font-family: "sfprotext-b";margin:4px 0 0 0;}
#floatHide i{font-size:16px;color:#fff;line-height:42px;float:right;margin-right:10px;}

#onlineService{display:inline;width:100%;overflow: hidden;display:none;background:#fff;border-top:none;}
.online_form{position:relative;height:auto;/*overflow-y:scroll;*/border:2px solid #eee;padding:0 0 20px 0}
.online_form p{font-size:14px;line-height:24px;padding-bottom:20px;text-align:left;}
.online_form ul{padding:20px 20px 0 20px;list-style:none;position:relative;}
.online_form ul:after{content:"\f044";font-family:FontAwesome;color:#000;font-size:140px;position:absolute;right:0;top:-30px;filter:alpha(opacity=3);-moz-opacity:0.03;opacity:0.03;}
.online_form ul li{margin-bottom:15px;position:relative;z-index:2;}
.online_form ul li label{display:block;color:#1a1a1a;margin-bottom:5px;font-weight:normal;font-size:14px;}
.online_form ul .meInput{height:36px;border:1px solid #eee;width:100%;padding:0 15px;line-height:36px;font-size:14px;color: #999;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.online_form ul .meInput:focus{border: 1px solid #30bc30;}
.online_form ul .meText{width:100%;padding:5px 15px;border:1px solid #eee;max-width:100%;height:80px;max-height:100px;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.online_form ul .meText:focus{border: 1px solid #30bc30;}
#onlineService .main-more{cursor:pointer;padding:0;display: inline-block;text-align: left;padding:0 20px 0px;width: 100%;margin:0;}
#onlineService .main-more p{padding: 0;max-width: 100%}
#onlineService .main-more input{background:none;border:none;text-transform:capitalize;width:auto;color:#fff;font-size: 14px;line-height: 40px;padding: 0px 20px 0 20px;text-transform: uppercase;width: 100%;}
#onlineService .main-more input:hover {}

/**/
@media(max-width:768px){
  #floatShow{width: 100%}
  #online_qq_layer{width: 100%;right:0;}
  #floatShow i{float: none;margin:0px 10px 0 0;padding: 0;vertical-align: middle;}
  #floatShow p{float: none;margin:0;padding: 0;vertical-align: middle;display: inline-block;}
}


/*page-banner*/
.main-right-01 #right-title{border-bottom: 1px solid #e5e5e5;line-height: 40px;text-transform: uppercase;}
#right-title{display:block;margin-bottom:0px;font-size:24px;text-transform:capitalize;color:#ffb138;line-height:30px;display: block;text-align: left;margin: 0px 0 0px 0;font-family: 'Roboto-CB';text-transform: uppercase;}
#right-title p{font-size: 14px;line-height: 22px;color:#666}
#right-title span{font-size: 20px;display: inline-block;line-height: 40px;color: #ffb138;margin: 0 0 -3px 0;width: 100%;}
.mbx-nr-01{text-align: center;width: 100%}

/*main-0j*/
.main-0j{padding: 50px 0px 0}
.main-0j *{display: inline-block;transition:all 0.3s ease 0s;}
.mbx-bt{width: auto;margin:0px 0 0 0;width: 100%;text-align: center;}
.mbx-bt p{font-size: 36px;line-height:36px;text-transform: capitalize;font-family: "sfprotext-b";color: #333;}
.mbx-nr{width: auto;padding:0px;margin:15px 0 0 0;text-align: center;width: 100%}
.mbx-nr .home i{font-size: 14px;color: #30bc30;vertical-align: middle;margin:-3px 5px 0 0 }
.mbx-nr *{text-transform: capitalize;font-size: 14px;line-height: 26px;color: #999;margin: 0px 0 0 0;font-style: normal;vertical-align: middle;}
.mbx-nr i{color: #666;display: inline-block;margin:0 5px;font-size: 14px;font-weight: bold;}
.mbx-nr a{vertical-align: middle;}
.mbx-nr a:hover{text-decoration: underline;color: #30bc30;}

@media(max-width:992px){
 .main-0j{padding: 40px 0 0;}

}

@media(max-width:768px){
  .mbx-bt p{font-size: 30px;line-height: 30px;}
  .main-0j{padding: 30px 0 0;}
  .mbx-bt{width: 100%;text-align: center;}
  .mbx-nr{width: 100%;text-align: center;margin:5px 0 0 0 }
}

/*cj-big-bt*/
.cj-big-bt{text-align: center;display: inline-block;float: right;width: 100%}
.cj-big-bt p{font-size: 24px;line-height: 24px;font-family: "sfprotext-b";color: #222;text-transform: uppercase;display: inline-block;}
.cj-big-bt-01{text-align: left;}

/*.ny-big-bt*/
.ny-big-bt-03{width: 100%;text-align: center;margin: 0px 0 0 0}
.ny-big-bt-03 p{display: inline-block;font-size: 18px;line-height: 26px;text-transform: capitalize;color: #222;font-family: "sfprotext-b";}
.ny-big-bt-03 span{font-size: 16px;display: inline-block;width: 100%;margin: 20px 0 0 0}

.ny-big-bt{text-align: left;float: left;width: 100%;background: #fff;padding:0 0;padding:0 0 15px 0;border-bottom: 1px solid #e5e5e5;}
.ny-big-bt p{font-size: 20px;line-height: 20px;text-transform: capitalize;color: #222;color: #444;padding:0 0px;display: inline-block;font-family: "sfprotext-b";text-transform: uppercase;}

.ny-big-bt-zong{text-align: left;width: 100%;padding:0 0 20px 0;display: none;}
.ny-big-bt-zong p{font-size: 26px;line-height: 26px;text-transform: uppercase;color: #222;display: inline-block; font-family: "sfprotext-b";}


@media(max-width:768px){
  .ny-big-bt-03 p{font-size: 20px;}
  .ny-big-bt-03{margin: 10px 0 0 0}
  .page-banner{}
  .ny-big-bt p{}
  .ny-big-bt{padding: 0px 0 15px 0}
}

/*main-ny*/
.main-ny{padding: 45px 0 50px;background: #fff;}
.main-body{padding:0;display: inline-block;width: 100%}
.main-left{width:25%;padding:0 20px 0 0;display: block;vertical-align: top;float: left;}
.main-right{width: 75%;padding:0 0 0 20px;display: block;vertical-align: top;float: right;}
.main-right-01{width: 100%;float: left;margin: 0px 0 0 0;}
.main-right-bk{float: left;padding: 0 20px 0 0;border: none;}
.main-left-bk{float: right;padding: 0 0 0 20px;}
.ny{width: 100%;}
.ny-01{background:url(../images/m-7j-bj.jpg) no-repeat center;background-attachment: fixed;background-size:cover;padding: 60px 0}

@media(max-width:1200px){
  .main-left{width:30%}
  .main-right{width:70%}
}
@media(max-width:992px){
  .main-ny{background: #fff;padding: 35px 0 40px 0}
}
@media(max-width:768px){
  .main-ny{background: #fff;padding: 25px 0 30px 0}
  .main-right-01{width: 100%;}
  .con_main span{text-align: left;}
  .main-left{width:100%}
  .main-right{width:100%}
  .main-right-bk{border:none;}
  .main-left{padding: 0px 0 10px 0;background: none}
  .main-left{width: 100%;display: inline-block;}
  .main-right{width: 100%;padding: 10px 0 0;display: inline-block;border-left: none;}
  .main-right-01{width: 100%;margin: 0}
}

@media(max-width:480px){}


/*fen*/
.column .column_box{-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.column .block>span{display:block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;position: relative;overflow: hidden;padding:10px 0 10px 0px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-bottom: 1px solid #e5e5e5;}
.column .block>span:after{content: "\f145";font-size: 20px;text-align: center;background: #30bc30; display: block; position: absolute; left: 0px; bottom: 0px;width: 40px;height: 40px;color: #fff;font-family: "fontawesome";line-height: 40px;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;display: none;}
.column .block>span em{padding: 0 0px 0 0px;display: inline-block;text-align: left;padding:0 0px 0 0px;}
.column .block>span i.fa-minus{position: absolute; top: 0px;right: 15px;font-size: 20px;line-height: 56px;color: #fff;display: none;}
.column .block>span em p{color: #555;font-size: 20px;line-height:20x;padding: 0 0 0 50px;display: inline-block;font-family: "sfprotext-b";text-transform: uppercase;}
.column .block>span em p:before{ content: '\f06c';width: 40px; height:40px; display: block; margin-top: 0px;position: absolute;bottom:0px;background: #30bc30;color: #fff;left:0;font-family: "fontawesome";line-height: 40px;text-align: center;font-size: 16px;}
.column .block>span em b{color: #ffb138;}
.column .block>span.active i.fa-plus{display: block;}

@media(max-width:1200px){}
@media(max-width:768px){
.column .block>span:after{display: none;}
.column .block>span{padding:0 0px;background: #30bc30}
.tree-box{margin: 0 !important}
.column .block>span em p:before{color: #fff}
.column .block>span em p{color: #222;line-height: 40px;height: 40px;font-size: 50px;}
.column .block>span em p b{color: #222;}
}
@media(max-width:480px){}

/*侧边栏*/
.left-nav{background: #fff;}
.left-nav,.left-hot{position:relative;padding:0px;}
.left-hot>.block>span{} 
.left-hot-01 .block>span{display: none;} 
.left-hot-02>.block>span{} 
.blog-fen-i-01>.block>span{} 
.blog-fen-i-02>.block>span{} 
.blog-fen-i-01{margin: 10px 0 0 0}
.blog-fen-i-02{margin: 10px 0 0 0;border: none;padding: 0}
.blog-fen-i-01 .block>span em p{color: #444}
.blog-fen-i-02 .block>span em p{color: #444}

.left-hot .block>span em p{color: #555}



.left-nav span .column_icon_toggle,.left-hot span .column_icon_toggle{display:none;}
.htmleaf-container>em{font-size:16px;text-transform:capitalize;display:block;margin-bottom:20px;}
.htmleaf-container>em p{}
.htmleaf-container>em .fen-bj-01{}
.htmleaf-container>em .fen-bj-01{}

@media(max-width:1200px){}
@media(max-width:992px){}
@media(max-width:768px){
  .left-hot>.block>span{display: block;} 
  .left-hot-01{display: none;} 
}
@media(max-width:480px){}

/*treemenu.css*/
.treemenu li { list-style: none;position: relative;}
.treemenu .toggler {
    cursor: pointer;
}
.treemenu .toggler:before {
    display: inline-block;
}
.tree li.tree-empty > .toggler {}
.tree li.tree-empty > .toggler:before { content: "";width: 45px;height: 45px;font-family: "fontawesome";color: #333;padding: 0px 0 0 0;font-size: 24px;text-align: center;line-height: 45px;}
.tree li.tree-closed > .toggler {}
.tree li.tree-closed > .toggler:before { content: "+";width: 45px;height: 45px;font-family: "fontawesome";color: #111;padding: 0px 0 0 0;font-size: 24px;text-align: center;line-height: 45px;}
.tree li.tree-opened > .toggler {}
.tree li.tree-opened > .toggler:before { content: "-";width: 45px;height: 45px;font-family: "fontawesome";color: #30bc30;padding: 0px 0 0 0;font-size: 32px;text-align: center;line-height: 45px;}
.tree li li.tree-empty > .toggler {}
.tree li li.tree-empty > .toggler:before { content: "";background:none;width: 45px;height: 36px;font-family: "fontawesome";color: #333;padding: 10px 0 0 0;font-size: 24px;text-align: center;}
.tree li li.tree-closed > .toggler:before { content: "+";width: 45px;height: 36px;font-family: "fontawesome";color: #333;padding: 0px 0 0 0;font-size: 24px;line-height: 36px;}
.tree li li.tree-opened > .toggler:before { content: "-";width: 45px;height: 36px;font-family: "fontawesome";color: #30bc30;padding: 0px 0 0 0;font-size: 32px;line-height: 36px;}

/**/
.tree {  color:#46CFB0;width:100%;margin:0px 0px 0 0px;}
.tree li,
.tree li > a,
.tree li > span {}
/**/
.tree li > span{position: absolute;right:0px;top:0px;display: inline-block;width: 45px;height: 45px;text-align: left;}

/*文字*/
.tree li a {
  transition:all 0.3s ease 0s;
   color:#333;
    text-decoration: none;
    line-height:24px;
    display: inline-block;
    padding: 10px 40px 10px 0px;
    width: 100%;
    font-size: 14px;
    text-transform: capitalize;
    border-bottom: 1px solid #e5e5e5;
}
.tree li:last-child a{}
/*2级文字*/
.tree li li a {
  padding: 6px 40px 6px 20px;display: block;color: #444;font-size: 14px;font-weight: normal;border-bottom: 1px solid #f5f5f5;}
.tree li li a:before{content:"\f0a9";display: inline-block;margin:0 10px 0 0;position: absolute;left:5px;top:0px;}
/*2级文字*/
.tree li li li a {
  padding: 6px 40px 6px 20px;display: block;color: #777;font-size: 14px;
}

.tree li li li a:before{content:"\f068";display: inline-block;margin:0 0px 0 0;position: absolute;left:5px;top:0px;}
.active {
}
.active a {
}
.tree li a.active:hover {
}

/*总*/
.tree-box{padding:0px 0px 0 0px;margin: 0px 0 0 0;background: #fff}
/*模块*/
.tree{position: relative;}
/*1级列表*/
.tree li{}
.tree li ul{padding:0 10px;}
.tree li li{border-bottom:0;}
.tree li li:last-child{}
.tree li ul{padding:0px 0 0px 0;border-bottom:none;border-bottom:1px solid #30bc30;background: #fff;border-left: 1px solid #f5f5f5;border-right: 1px solid #f5f5f5;}
.tree li li li{position: relative;}
.tree li li ul{position: relative;border-bottom: none;}
.tree li li ul{background: #fff}
/*1级符号*/
.tree li a:before{
  content: "";
    /* background: url(../images/fen-cp-01.png) no-repeat; */
    /* font-family: "fontawesome"; */
    position: absolute;
    left: 0px;
    top: 18px;
    width: 5px;height: 5px;
    font-size: 16px;
    color: #ccc;
    vertical-align: middle;
    padding-right: 0px;}

/*2级符号*/
.tree li li a:before{
  content: "\f0da";
    font-family: "fontawesome";
    background: none;
    position: absolute;
    left: 10px;
    top: 4px;
    font-size: 14px;
    color: #444;
    vertical-align: middle;
    padding-right: 0px;}

/*3级符号*/
.tree li li li a:before{
  content: "\f101";
    font-family: "fontawesome";
    position: absolute;
    left: 15px;
    top: 7px;
    font-size: 14px;
    color: #777;
    vertical-align: middle;
    padding-right: 0px;display: none;}

/*接触动画*/
.tree li:hover>a{
    background-color:;
    color: #fff;
    padding: 10px 40px 10px 15px 
}
.tree li:hover>a{
    color: #30bc30;
    padding: 10px 0px 10px  10px;
}

.tree li:hover>a:before{color: #222;
}

/*----------------------------------------------*/
.tree li li:hover>a{
    background: none;
    color: #30bc30;
    background: #f2f2f2;
    padding: 6px 0px 6px 20px 
}
.tree li li:hover>a:before{color: #30bc30;
}

.tree li li:hover li a:before{
}

/*----------------------------------------------*/
.tree li li li:hover>a{
    color: #30bc30;
    padding: 6px 40px 6px 20px;
}
.tree li li li:hover>a:before{
  color:#ffb138;
}
/*----------------------------------------------*/

/*展开的一级*/
.tree li.tree-opened>a{color: #30bc30;padding:10px 40px 10px 15px;background: #fff;}
.tree li li.tree-opened>a{color: #30bc30;padding:6px 40px 6px 20px;color: #30bc30;border-bottom: 1px solid #e5e5e5;background: #fff}
.tree li li.tree-opened>a:before{color: #30bc30;background: none;}

/*动画*/
.tree li.tree-empty:hover>.toggler::before{color: #30bc30}
.tree li.tree-closed:hover>.toggler::before{color: #30bc30}
.tree li.tree-opened:hover>.toggler::before{color: #30bc30}

.tree li li.tree-empty:hover .toggler::before{color: #fff}
.tree li li.tree-closed:hover .toggler::before{color: #30bc30}
.tree li li.tree-opened:hover .toggler::before{color: #30bc30}


/*tree.end*/

.mtree-skin-selector{display:none;}
.left-hot {margin: 30px 0 0 0;}
/* .left-hot span em{background: #fff !important;color: #ffb138 !important;padding: 0px !important}*/.left-hot .nbs-flexisel-item{text-align:center;margin-top:10px;min-height:200px;}
.left-hot .nbs-flexisel-nav-left{left:0px;top:45%;background:url(../images/prev-l.png) no-repeat center;width:16px;height:28px;}
.left-hot .nbs-flexisel-nav-right{left:auto;right:0px;top:45%;background:url(../images/next-l.png) no-repeat center;width:16px;height:28px;}
.left-hot .nbs-flexisel-item span{width:80%;height: 80%;display:inline-block;}
.left-hot .nbs-flexisel-item img{max-width: 100%;max-height:100%; }

#right_column .nbs-flexisel-inner{margin:0 0px;}
.left-hot .nbs-flexisel-item em{padding:0 10%}


@media only screen and (max-width: 1200px){
	.left-hot .nbs-flexisel-nav-left, .left-hot .nbs-flexisel-nav-right{top: 45%;}
}
@media only screen and (max-width: 992px){
	.left-hot .nbs-flexisel-nav-left, .left-hot .nbs-flexisel-nav-right{top: 40%;}
}
.mainBox{width: 100%;margin: 0 auto;max-width: 1140px;background: #fff}
@media only screen and (max-width: 768px){
  .column .block>span em p{font-size: 16px;}
	.left-nav{margin: 10px 0 0px 0;display: inline-block;width: 100%;padding: 0;border: none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow: hidden;}
	.left-hot{margin: 10px 0 0 0;padding: 0;border: none;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow: hidden;}
	.mainBox .container{padding:0;margin: 0 0 0px 0;}
	.main-left #righnbs-flexisel-nav-leftt_column .column_box span{padding-bottom:15px;cursor:pointer;margin-bottom:0;}
  .main-left .column .block>span em{}
	.main-left .column .block>span em p{color: #fff;border:none;font-size: 18px;padding:0 10px 0 40px;text-transform: uppercase;}
	.column .block>span em .fen-bj-01{height: 42px;}
	.column .block>span em .fen-bj-02{height: 42px;}
	.left-nav span .column_icon_toggle{display: inline-block;position: absolute;right: 0px;top:0px;font-style:normal;cursor:pointer;font-size:14px;color:#fff;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;}
	.left-hot span .column_icon_toggle{display: inline-block;position: absolute;right: 0px;top:0px;font-style:normal;cursor:pointer;font-size:14px;color:#fff;width: 40px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;}
	#right_column .column_box span .toggle_content{padding-bottom:30px;}
	.main-left #right_column .column_box .left_hot li{margin:15px 0;}
	.main-left #right_column .column_box .left_hot li span{padding-bottom:0;}
	#flexiselDemo2{overflow:hidden;margin-top:15px;}
	.left-hot .nbs-flexisel-item span{padding:0;}
	.left-hot .nbs-flexisel-item span{width: 90% !important	;width: auto;}
	.left-hot .nbs-flexisel-item img{width: 90% !important;height: 90% !important;width: auto;height: auto;}
	.left-hot .nbs-flexisel-item em{width: 90% !important;}
	.left-hot .nbs-flexisel-item{margin: 20px 0 0 0;}
}

.htmleaf-content{overflow: visible !important;padding:0px 0px 0 0px;}
@media(max-width:992px){
	.htmleaf-content{padding: 0 0px 0 0;overflow: hidden !important;}
}

.mtree{padding:0 0px;border-top:none;border-top:none;}

@media(max-width:1200px){}
@media(max-width:992px){}
@media(max-width:768px){.fen-2j-lb .slick-prev,.fen-2j-lb .slick-next{filter:alpha(opacity:100);opacity:1;}}
@media(max-width:480px){} 

/*fen-cp*/
.fen-cp{margin:10px 0 0 0;padding:0 0px;width: 100%;}
.fen-cp *{display: inline-block;transition:all 0.3s ease 0s;}
.fen-cp ul{width: 100%}
.fen-cp ul li{padding:10px 0 10px 0;width: 100%}
.fen-cp ul li div{width: 40%;filter:alpha(opacity:100);opacity:1;float: left;border: 1px solid #e5e5e5;}
.fen-cp ul li div a{width: 100%}
.fen-cp ul li div a img{width: 100%;height: auto;}
.fen-cp ul li p{width: 56%;float: right;}
.fen-cp ul li p a{font-size: 14px;color: #444;line-height: 24px;overflow: hidden;width: 100%;max-height: 48px;}
.fen-cp ul li p span{font-size: 14px;line-height: 22px;color: #777;max-height: 44px;overflow: hidden;margin:5px 0 0 0;display: none;}
.fen-cp ul li p a.fen-cp-more{font-family: "sfprotext-b";margin:5px 0 0 0;color: #30bc30;text-transform: uppercase;display: inline-block;width: auto;font-size: 14px;}
.fen-cp ul li p a.fen-cp-more i{margin:0 0 0 5px;display: inline-block;}
.fen-cp ul li:hover p a{color: #30bc30;}
.fen-cp ul li div:hover a{filter:alpha(opacity:80);opacity:0.8;}
.fen-cp ul li p a.fen-cp-more:hover{color: #30bc30;text-decoration: underline;}
.fen-cp ul li p a.fen-cp-more:hover i{color: #30bc30;}

@media(max-width:1200px){}
@media(max-width:992px){
  .fen-cp ul li div{width: 48%}
  .fen-cp ul li p{width: 48%}
}
@media(max-width:768px){
  .fen-cp ul li div{width: 32%}
  .fen-cp ul li p{width: 64%;}
}
@media(max-width:480px){
  .fen-cp ul li div{width: 40%}
  .fen-cp ul li p{width: 56%}
}

/*fen-tag*/
.fen-tag{width: 100%;margin:10px 0 0 0;}
.fen-tag a{line-height: 30px;font-size: 14px;color: #666;border: 1px solid #e5e5e5;float: left;margin:5px 10px 0 0px;display: inline-block;padding:0 10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;transition:all 0.3s ease 0s;}
.fen-tag a:first-child{}
.fen-tag a:hover{border: 1px solid #30bc30;color: #30bc30;}


/**/

/*九阳真经 心法*/
/*第一门 感知*/
.about_main{max-width:1170px;width:100%;margin:auto;padding:0px 0px 0px 0;margin-top:0px;}
.about_main img{}
.about_main div{}

/*----------------------------------------------结束线----------------------------------*/

/*第二门 脉络*/
/*contact us*/
.ny-con-box{padding:0px 0px 0px 0}


.main_boxW_t {position: relative; text-align: center; margin-bottom: 35px;}
.main_boxW_t:after {height: 1px; width: 100%; content: ''; display: block; background: #EBEBEB; position: absolute; top: 10px;}
.main_boxW_t span {font-family: "sfprotext-b"; font-size: 20px; background: #fff; display: inline-block; padding: 0 15px; text-transform: uppercase; color: #555; line-height: 24px; position: relative; z-index: 999; }

.con-main{padding-left:0;padding-right:0px;width: 48%;float: left;}
.con-main>em{font-size:20px;font-family: "sfprotext-b";text-transform:uppercase;margin-bottom:10px;display:block;color:#555;}
.con-main>em{font-size:20px;font-family: "sfprotext-b";text-transform:uppercase;margin-bottom:10px;display:block;color:#555;}
.con-main>div{margin-bottom:30px;}
.con-main>div a{}
.con-main img{max-width:100%;}
.con-main>div a:hover{color: #30bc30;text-decoration: underline;}


.con-message-bt{text-align: left;padding: 0px 0 0 0;text-align: left;}
.con-message-bt p{font-size:20px;line-height: 20px;text-transform: capitalize;color: #555;text-transform: uppercase; font-family: "sfprotext-b";}
.con-message-bt span{margin: 10px 0 0 0;display: inline-block;}

.message{padding:0px 0px;margin: 0px auto 0;width:48%;float: right;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.0);
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.0);
     -o-box-shadow:0px 0px 10px rgba(0,0,0,0.0);
        box-shadow:0px 0px 10px rgba(0,0,0,0.0);}
.message ul{width:100%;padding: 10px 0 0px 0;text-align: left;}
.message li{margin-bottom:12px;position: relative;float: right;}
.message>p{font-size:14px;margin-left:0;display:block;margin:5px 0 0 0;color:#808080;line-height:26px;float: left;}
.message li p{font-size: 14px;}
.message p.ser{font-size:14px;margin-left:0;display:block;margin:0px 0 5px 0;color:#444;line-height:26px;text-align: left;}
.message p.ser-01{font-size:14px;margin-left:0;display:block;margin:0px 0 0 0;color:#808080;line-height:24px;text-align: left;text-align: left;display: inline-block;}
.message p.ser i{font-size:16px;margin-left:0;display:inline-block;margin:0px 5px 0 0;color:#30bc30;font-style: normal;}
.message p.message-bt{font-size: 20px;display:inline-block;margin: 30px 0 0 0;width: 100%;color: #333;text-transform: uppercase;font-weight: bold;}
.message p b{padding-right:5px;}
.message p a:hover{color:#808080;}
.message label{display:inline-block;width:100%;font-weight:normal;text-align:left;font-size:16px;vertical-align:middle;margin-bottom:5px;padding-left:0px;text-transform: capitalize;}
.message .meInput{width:100%;height:36px;background:#fff;border:1px solid #fff;font-size: 14px;padding-left:15px; vertical-align:middle;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border: 1px solid #d9d9d9;color: #222;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}

.message .ny-con-cx-01{float: left;width:49%;}
.message .ny-con-cx-02{float: right;width:49%;}
.message .ny-con-cx-03{float: right;width:100%;}

.message .ny-con-cx-01::before{/*content: '\f0c9'; display: inline-block;margin:0 0px 0 0;position: absolute;font-family: "fontawesome";line-height: 40px;font-size: 16px;left:10px;color: #ffb138;*/}
.message .ny-con-cx-02::before{/*content: '\f003'; display: inline-block;margin:0 0px 0 0;position: absolute;font-family: "fontawesome";line-height: 40px;font-size: 16px;left:10px;color: #ffb138;*/}
.message .ny-con-cx-03::before{/*content: '\f044'; display: inline-block;margin:0 0px 0 0;position: absolute;font-family: "fontawesome";line-height: 40px;font-size: 16px;left:10px;color: #ffb138;*/}
.message .meInput:focus{border: 1px solid #30bc30;
/* -webkit-box-shadow:2px 2px 5px #e5e5e5 inset;
   -moz-box-shadow:2px 2px 5px #e5e5e5 inset;
     -o-box-shadow:2px 2px 5px #e5e5e5 inset;
        box-shadow:2px 2px 5px #e5e5e5 inset; */
      }
.message .meText{color: #222;width:100%;min-height:120px;font-size: 14px;background:#fff;border:1px solid #fff;max-width:100%;padding:10px 0 0 15px; vertical-align:middle;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;border: 1px solid #d9d9d9;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.message .meText:focus{border: 1px solid #30bc30;
/*   -webkit-box-shadow:2px 2px 5px #e5e5e5 inset;
 -moz-box-shadow:2px 2px 5px #e5e5e5 inset;
   -o-box-shadow:2px 2px 5px #e5e5e5 inset;
      box-shadow:2px 2px 5px #e5e5e5 inset; */
}
.message .send{transition:all 0.3s ease 0s;display:inline-block;font-size:14px;color:#fff;text-transform:capitalize;padding:0px 30px 0px 30px;text-transform: capitalize;line-height:40px;border: none;position: relative;overflow: hidden;text-transform: uppercase;z-index: 50;background: none}
.message .send:hover{}
.message .send:after {}
.con-xp-nnn{margin: 15px 0 0 0;position: relative;width: auto;display: inline-block;float: left;background:#30bc30;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow: hidden;width: auto;}
.con-xp-nnn .send{}
.con-xp-nnn:before{content: "";position: absolute;left:0;top:0;height: 100%;width: 100%;background: rgba(0,0,0,.1);transition:all 0.3s ease 0s;
transform: scale(0,1);
-ms-transform: scale(0,1);  /* IE 9 */
-webkit-transform: scale(0,1);  /* Safari 和 Chrome */
-o-transform: scale(0,1); /* Opera */
-moz-transform: scale(0,1); /* Firefox */filter:alpha(opacity:0);opacity:0.0;z-index: 5;}
.con-xp-nnn:hover{}
.con-xp-nnn:hover:before{width: 100%;
transform: scale(1,1);
-ms-transform: scale(1,1);  /* IE 9 */
-webkit-transform: scale(1,1);  /* Safari 和 Chrome */
-o-transform: scale(1,1); /* Opera */
-moz-transform: scale(1,1); /* Firefox */filter:alpha(opacity:100);opacity:1;}

@media only screen and (max-width: 768px){
.con-main{width: 100%}
.ny-con-p{width: 100%;margin:0 0 10px 0;padding: 0}
.con_main{width: 100%;}
.message{width: 100%;margin:0px 0 0px 0;}
}

@media (max-width: 480px){
.message .send{width: 100%;text-align: center;}
.message .ny-con-cx-01{width: 100%;}
.message .ny-con-cx-02{width: 100%;}
}

/*sitemap*/
.sitemap{width:100%;padding:0px 0;margin-top:-0px;}
.sitemap *{transition:all 0.3s ease 0s;}
.stp-listA{padding: 0px 0 0 0;}
.stp-listA>li{text-transform:capitalize;margin:0px 0px 0px 0;}
.stp-listA>li:first-child .stp-top a{margin:0 0 20px 0;}
.stp-top{width:100%;padding:0 30px 0px 0px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:url(../images/ny-bt-01.png) no-repeat left center;margin:0 0 0px 0;border-bottom: 1px solid #e5e5e5;}
.stp-top>a{padding:0 0px;font-size:16px;text-transform:capitalize;color: #444;display: inline-block;font-family: "sfprotext-b";text-transform: uppercase;line-height: 20px;display: inline-block;margin:15px 0;}
.stp-top>a i{padding-left:10px;display: inline-block;}
.stp-top>a:hover{color:#30bc30;}
.stp-top>a:hover i{color:#30bc30;}
.stp-listB{display:block;padding:20px;background: rgba(0,0,0,.0);border: 1px solid #e5e5e5;border-top:none;}
.stp-listB>li{width:30%;margin-right:3%;float:left;padding:4px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stp-listB>li>a{font-size:14px;line-height:24px;display:block;color:#555;font-family: "sfprotext-b";padding: 0 0 0px 0;display: inline-block;}
.stp-listB>li:hover>a{color:#30bc30;}
.stp-listB>li:hover>a i{color:#30bc30;}

.stp-listC{display:block;padding:10px 10px 0 0px;background: rgba(0,0,0,.0);}
.stp-listC>li{width:100%;margin-right:3%;float:left;padding:4px 0;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.stp-listC>li>a{font-size:14px;line-height:22px;display:inline-block;color:#777;width: 100%;position: relative;padding:0 0 0 15px;width: 100%;   
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.stp-listC>li a:before{content: "\f101";line-height: 22px;font-size: 14px;color: #b2b2b2;position: absolute;left:0;top:0;font-family: "fontawesome";}
.stp-listC>li:hover>a{color:#30bc30;}

@media only screen and (max-width: 768px){
	.stp-listB li{width:48%;}
	.stp-listB li a{font-size:14px;}
}
@media only screen and (max-width: 400px){
	.stp-listB li{width:100%;margin-right:0;margin-bottom:2%;}
}

/*products*/
.pro-text{line-height:24px;font-size:14px;margin-top:20px; overflow:hidden; max-height:72px}
.pro-text img{max-width:100%;}
.page_right .pro-text{line-height:24px;font-size:13px;margin-top:15px;color:#808080;margin-bottom:0px;}
.page_right .pro-text img{max-width:100%;}

#cbp-vm *{transition:all 0.3s ease 0s;}
.cbp-vm-switcher {width:100%;}
.cbp-vm-options {text-align:right;margin-top:0;padding:4px 0px 4px;border-bottom: 2px solid #eee;}
.cbp-vm-options em{float:left;display:inline-block;color:#666;text-transform:uppercase;font-size:14px;margin-top:6px;font-family: "sfprotext-b";}
.cbp-vm-options p{display:inline-block; vertical-align:middle;padding-right:5px;font-size:14px;font-family: "sfprotext-b";color: #666;}
.cbp-vm-options a {display: inline-block; vertical-align:middle;width:30px;height:30px;overflow: hidden;white-space: nowrap;color: #ccc;margin: 2px;}
.cbp-vm-options span{display:inline-block;float:right;font-size:14px;margin-top:10px;color:#ccc;}
.cbp-vm-options a:hover,
.cbp-vm-options a.cbp-vm-selected {color: #30bc30;}
.cbp-vm-options a:before {width: 30px;height: 30px;line-height: 30px;font-size: 20px;text-align: center;display: inline-block;}

/* General list */
.cbp-vm-switcher ul {list-style: none;padding: 0; margin-bottom:30px}

/* Clear eventual floats */
.cbp-vm-switcher ul:before, 
.cbp-vm-switcher ul:after { 
  content: " "; 
  display: table; 
}
.cbp-vm-switcher ul:after { clear: both; }

.cbp-vm-switcher ul li {display: block;position: relative;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cbp-vm-image {display: block;margin: 0 auto;position:relative; }

.cbp-vm-image img {width:100%;cursor:pointer;position:relative;max-width:100%;max-height:100%;height:auto;}


.cbp-vm-switcher ul li em{font-size:14px;display:block;margin:10px 0;height:36px;color:#333333;text-transform:capitalize; word-wrap:break-word;line-height:18px;text-align:left;overflow:hidden;background: none}
.cbp-vm-switcher ul li .cbp-vm-details{color:#999;overflow:hidden;height:36px;font-size:14px;line-height:18px;text-align:left;}
.cbp-vm-switcher ul li a.cbp-title:hover{}

.cbp-vm-view-grid .prol_more{display:none;}

.cbp-vm-view-grid .pro-list-tags{display:none;}

/* Common icon styles */
.cbp-vm-icon:before {
  font-family: 'fontawesome';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.cbp-vm-grid:before {content: "\f00a";}
.cbp-vm-list:before {content: "\f00b";}
.cbp-vm-add:before {content: "\f055";}

/* Large grid view */
.cbp-vm-view-grid>ul {text-align: left;margin:0 0 0 -3%;padding: 0 0 20px 0}

.cbp-vm-view-grid ul li {
  width: 30%;
  margin:15px 0 0 3%;
  float:left;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  padding:0;
  position:relative;transition: all .5s;
}
.cbp-vm-view-grid ul li .cbp-list-center{ text-align:left;padding:0px 0px 10px 0px}
.cbp-vm-view-grid ul li .cbp-title{color:#444; font-size:14px; line-height:24px; height:48px; overflow:hidden; display:block; margin-top:16px;font-family: "sfprotext-b";}
.cbp-vm-view-grid ul li .cbp-vm-details{color:#999999; line-height:24px; height:48px; overflow:hidden; margin-top:6px;font-size: 14px;}
.cbp-vm-view-grid ul li .cbp-hover{ position:absolute; top:0; left:0; width:100%;   transition: all .5s;    filter: alpha(opacity=0);  -moz-opacity: 0;   opacity: 0;}
.cbp-vm-view-grid ul li .cbp-hover a{ display:block; width:100%;}
.cbp-vm-view-grid ul li .cbp-hover a img{ max-width:100%; height:auto; width:100%;}

.cbp-vm-view-grid ul li .cbp-list-more{display:none;}

.cbp-vm-view-grid ul li:hover{ box-shadow:0 8px 8px rgba(0,0,0,0.05);-webkit-box-shadow: 0 8px 8px rgba(0,0,0,0.05);-moz-box-shadow:0 8px 8px rgba(0,0,0,0.05);transition: all .5s;}
.cbp-vm-view-grid ul li:hover .cbp-title{ color:#30bc30}
.cbp-vm-view-grid ul li:hover .cbp-hover{filter: alpha(opacity=1);  -moz-opacity: 1;   opacity: 1;transition: all .5s;}
.cbp-vm-view-grid ul li .cbp-div{}
.cbp-vm-view-grid ul li .cbp-div .cbp-vm-image{transition-duration: 0.6s; width:100%;border: 1px solid #e5e5e5;
    transition-timing-function: ease-out; overflow:hidden;}
.cbp-vm-view-grid ul li .cbp-div .cbp-vm-image img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.cbp-vm-view-grid ul li .cbp-div:hover .cbp-vm-image img{transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);}
.cbp-vm-view-grid .tags{ display:none}

/* List view */
.cbp-vm-view-list li {padding:20px 0;border-bottom:1px solid #e5e5e5;white-space: nowrap;text-align:left;white-space:normal;}
.cbp-vm-view-list li .cbp-vm-image{overflow: hidden;}
.cbp-vm-view-list li .cbp-div:hover .cbp-vm-image img{transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);}

.cbp-vm-view-list li:last-child{}
.cbp-vm-view-list ul.row{margin:0;}
.cbp-vm-view-list li:before, 
.cbp-vm-view-list li:after { 
  content: " "; 
  display: table; 
}
.cbp-vm-view-list li:after { clear: both; }
.cbp-vm-view-list .cbp-vm-image,
.cbp-vm-view-list .cbp-vm-title,
.cbp-vm-view-list .cbp-vm-details,
.cbp-vm-view-list .cbp-vm-price,
.cbp-vm-view-list .cbp-vm-add {
  display: inline-block;
  vertical-align: middle;
}

.cbp-vm-view-list .cbp-vm-image {width: 32%;display:inline-block; vertical-align:middle;float:left;}

.cbp-vm-view-list ul li .cbp-title{display:block; vertical-align:top;text-align:left;font-size:16px; color:#444;line-height:24px;max-height:24px;margin-top:0;margin-bottom:4px; overflow:hidden;font-family: "sfprotext-b";}

.cbp-vm-view-list ul li:hover .cbp-title{color:#30bc30;}
.cbp-vm-view-list ul li .cbp-vm-details {overflow: hidden;white-space: normal;max-height:48px;line-height:24px;margin-bottom:15px; font-size:14px; height:auto}
.cbp-vm-view-list .pro-list-tags{width:100%;overflow:hidden;background:#f7f7f7;padding:3px 10px;border-radius:5px;}
.cbp-vm-view-list .pro-list-tags p{display:inline-block;padding-right:0;text-transform:capitalize;    font-size: 14px;}
.cbp-vm-view-list .pro-list-tags li{padding:0;display:inline-block;margin:5px;border:none;}
.cbp-vm-view-list .pro-list-tags li a:hover{color:#ffb138;}

.cbp-vm-view-list .cbp-list-center{width:64%;display:inline-block; vertical-align:middle;padding-left:15px;}
.cbp-vm-view-list .cbp-list-more{text-align:left; margin-top:15px;}
.cbp-vm-view-list .cbp-list-more.more1 a {}
.cbp-vm-view-list .cbp-list-more.more1 a:after {}
.cbp-vm-view-list .cbp-list-view i{ margin-left:8px; font-size:14px}
.cbp-vm-view-list .cbp-list-more.more1 a:hover{ }
.cbp-vm-view-list .cbp-list-more.more1 a:hover::after {}

.cbp-vm-view-list .cbp-list-more.more1 p{background: #32cd32;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position: relative;overflow: hidden;max-width: 184px;text-align: center;width: auto;display: inline-block;}
.cbp-vm-view-list .cbp-list-more.more1 p:before{content: "";position: absolute;left:0;top:0;height: 100%;width: 100%;background: rgba(0,0,0,.1);transition:all 0.3s ease 0s;
transform: scale(0,1);
-ms-transform: scale(0,1);  /* IE 9 */
-webkit-transform: scale(0,1);  /* Safari 和 Chrome */
-o-transform: scale(0,1); /* Opera */
-moz-transform: scale(0,1); /* Firefox */filter:alpha(opacity:0);opacity:0.0;}
.cbp-vm-view-list .cbp-list-more.more1 p:hover{}
.cbp-vm-view-list .cbp-list-more.more1 p:hover:before{width: 100%;
transform: scale(1,1);
-ms-transform: scale(1,1);  /* IE 9 */
-webkit-transform: scale(1,1);  /* Safari 和 Chrome */
-o-transform: scale(1,1); /* Opera */
-moz-transform: scale(1,1); /* Firefox */filter:alpha(opacity:100);opacity:1;}
.cbp-vm-view-list .cbp-list-more.more1 a{line-height: 40px;color: #fff;text-transform: uppercase;font-size: 14px;position: relative;overflow: hidden;padding:0 35px;}

@media screen and (max-width: 1024px) {
  .cbp-vm-view-list ul li .cbp-vm-details{height:40px;}
  .cbp-vm-view-list ul li .cbp-hover{ display:none}
  .cbp-vm-view-list .cbp-vm-image{ width:34%}
  .cbp-vm-view-list .cbp-list-center{ width:66%}
}
@media screen and (max-width: 940px) {.cbp-vm-view-grid ul li {width: 47%;}}

@media only screen and (max-width: 768px){
  .pro-cat li{margin-bottom:10px;}
  .cbp-vm-options{margin-top:0;}
}

@media screen and (max-width: 620px) {
  .cbp-vm-view-list .cbp-vm-image{ width:40%}
  .cbp-vm-view-list .cbp-list-center{ width:60%}
  .cbp-vm-view-list .pro-list-tags{}
}
@media screen and (max-width: 425px) {
  .cbp-vm-view-list .cbp-vm-image{ width:100%}
  .cbp-vm-view-list .cbp-list-center{ width:100%; padding-left:0; margin-top:15px}
  }
@media screen and (max-width: 375px) {
  .cbp-vm-view-grid ul li{ width:97%; padding:0px 0 0px}
  }

  /*tags*/
.tags{ margin-bottom:15px;}
.news_web .tags{ margin-bottom:25px;}
.tags span{ font-size:14px; font-family: "sfprotext-b"; text-transform:uppercase; color:#444;}
.tags a{font-size:14px; display:inline-block; color:#666; padding:0px 10px 0px; margin:0 6px 6px 0; background:#fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;line-height: 30px;border: 1px solid #f2f2f2;}
.tags a i{ margin-right:6px; font-size:14px;}
.tags a:hover{ background: #fff; color:#30bc30; text-decoration:none;border: 1px solid #30bc30;}

/*page-number*/
.page_num{width:100%;margin:0px auto 0 auto;text-align:center;display: block;border-top: 1px solid #e5e5e5;}
.page_num ul{border-top:;padding: 20px 0 0 0}
.page_num li{display:inline-block;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;vertical-align: middle;}
.page_num li p{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;color:#30bc30;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:0px 12px 0px 12px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 0px;vertical-align: middle;line-height: 30px;font-family: "sfprotext-b";}
.page_num li a i{display: inline-block;line-height: 30px;width: 10;}
.page_num li span{display:inline-block;color:#fff;background:#3d3938;font-size:14px;text-transform:capitalize;margin-bottom:0;padding:0px 10px 0px 10px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px;line-height: 30px;}
.page_num li a{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;display:inline-block;color:#777;font-size:14px;text-transform:capitalize;padding:0px 0px 0px 0px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;margin:0 2px;vertical-align: middle;line-height: 30px;font-family: "sfprotext-b";width: 30px}
.page_num li a:hover{color:#222;text-decoration:none;background: #e5e5e5;}
.page_num>span{display:block;font-size:14px;margin-top:10px;text-align: center;}
.page_num>span:before{content:'[';padding-right:3px;}
.page_num>span:after{content:']';padding-left:3px;}
.page_num>span p{display:inline-block;margin:0 5px;}
@media only screen and (max-width: 768px) {
    .page_num li a i{width: 30px;}
    .page_num>span{width:100%;margin-top:10px;}}
@media only screen and (max-width: 400px) {
	.page_num li{margin:5px 0;}
	.page_num li p,.page_num li a{font-size:14px;}
}

/*products main*/
.products{margin: 0px 0;display: inline-block;width: 100%}

/* CSS for the loading div */

.sp-loading {
	text-align: center;
	padding: 15px;
	border: 5px solid #eee;
	border-radius: 3px;
	font-size: 14px;
	color: #888;
}

/* Element wrapper */

.sp-wrap {
	display: none;
	line-height: 0;
	font-size: 0;
	border: 0px solid #eee;
	border-radius: 0px;
	position: relative;
	margin: 0 0px 0px 0;
	float: left;
  padding:0px 0px 0px 0px;
	/**************
	  Set max-width to your thumbnail width
	***************/
	width: 100%
}

/* Thumbnails */

.sp-thumbs {
	text-align: left;
	display: inline-block;
	margin: 10px 0 0 0;
}
.sp-thumbs img {
	width: 100%;
	height: auto;
}
.sp-thumbs a:link, .sp-thumbs a:visited {
    border: 1px solid #ccc;
	width: 80px;
  height: 80px;
    margin:0 5px 5px 0;
	overflow: hidden;
	opacity: .6;
	display: inline-block;
    background: no-repeat;
	background-size: 100%;
	background-position: center;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.sp-thumbs a:hover {
	opacity: 1;
}

/* Styles for the currently selected thumbnail */

.sp-thumbs a:active, .sp-current {
	opacity: 1!important;
	position: relative;
    border: 1px solid #999  !important;

}

/* Image currently being viewed */

.sp-large {
	position: relative;
	overflow: hidden;
	top: 0;
	left: 0;
  border: 1px solid #e6e6e6;
}
+.sp-large a img {
	width: 100%;
	height: auto;
}
.sp-large a {
	display: block;
	width: 100%
}
.sp-large a img{
    display: block;
    width: 100%;
    height: auto;
}

/* Panning Zoomed Image */

.sp-zoom {
	position: absolute;
	left: -50%;
	top: -50%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
	display: none;
}
/* Lightbox */

.sp-lightbox {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, .9);
	z-index: 999999999;
	display: none;
	cursor: pointer;
}
.sp-lightbox img {
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 90%;
	max-height: 90%;
}
#sp-prev, #sp-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 501;
	color: #fff;
	padding: 14px;
	text-decoration: none;
	background: #000;
	border-radius: 25px;
	border: 2px solid #fff;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	transition: .2s;
}
#sp-prev {
	left: 10px;
}
#sp-prev:before {
	content: '';
	border: 7px solid transparent;
	border-right: 15px solid #fff;
	position: absolute;
	top: 16px;
	left: 7px;
}
#sp-next {
	right: 10px;
}
#sp-next:before {
	content: '';
	border: 7px solid transparent;
	border-left: 15px solid white;
	position: absolute;
	top: 16px;
	left: 18px;
}
#sp-prev:hover, #sp-next:hover {
	background: #444;
}

/* Tweak styles for small viewports */

@media screen and (max-width: 400px) {
	.sp-wrap {
		margin: 0 0 15px 0;
	}
	#sp-prev, #sp-next {
		top: auto;
		margin-top: 0;
		bottom: 25px;
	}
}

.ny-bt-02{margin: 20px 0 20px 0;padding:0 0 0px 0;background: url(../images/m-2j-bj.jpg) no-repeat center;}
.ny-bt-02 span{font-size: 18px;line-height: 40px;text-transform: uppercase;color: #333;padding:0 0 0px 10px;font-weight: bold;width: 100%;display: inline-block;}

.products .pro_img{margin-top:0px;padding: 0;width: 45%;position: relative;height: auto;float: left;padding:0 2% 0 0}
.products>h1{font-size: 24px;line-height: 34px;color: #4d4d4d;margin: 0 0 10px 0;color: #ffb138;font-weight: bold;}
.products .pro_img>img{max-width:100%;max-height:100%;height:auto;width:100%;border: 1px solid #eee;}
.products .pro_img .pro_simples{margin-top:10px;}
.products .pro_img .pro_simples a>img{transition:all 0.3s ease 0s;max-width:64px;margin:4px;border:1px solid #ebebeb;}
.products .pro_img .pro_simples a>img:hover{border: 1px solid #ffb138;}
.products .pro_table{float:right;margin-top:0px;width:54%;}
.pro_table h1{font-size:24px;color:#999;display:block;text-transform:capitalize;margin-bottom:10px;}
.pro_table>h1{font-size: 20px;line-height: 32px;color: #222;margin: 0 0 15px 0;color: #222;padding:0px 0px;background: #fff;font-family: "sfprotext-b";}
.pro_table>p{}
.pro_table>div{width: auto}
.pro_table ul{margin-top:15px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 5px 0;}
.pro_table ul li{margin:10px 0;padding-left:0px;font-size:14px; vertical-align:middle;text-transform:capitalize;color: #808080}
.pro_table ul li p{display:inline-block;margin-right:10px;color:#444;font-size:14px; vertical-align:middle;padding-bottom:3px;font-family: "sfprotext-b";}
.pro_table .pro_more{transition:all 0.3s ease 0s;display:inline-block;font-size:14px;color:#222;text-transform:uppercase;display: inline-block;text-transform: uppercase;line-height: 40px;display: inline-block;padding:2px 25px 0;font-size: 14px;color: #fff;border: none;overflow: hidden;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 10}
.pro_table .pro_more i{font-size: 16px;margin:0 5px 0 0;line-height: 30px;color: #fff;}
.pro_table .pro_more:hover{}
.pro_table .pro_more:hover i{color: #fff;}

.mostBox{margin-top:30px;}
.mostBox>em{color:#ffb138;text-transform:uppercase;display:block;font-size:20px;margin-bottom:20px;padding-bottom:15px;/* background:url(../images/hr.jpg) repeat-x bottom left; */}
.mostBox>div{line-height:20px;font-size:13px;padding:10px;}
.mostBox>div img{max-width:100%;height:auto;width:auto;}

.relatedTags{width:100%;background:rgba(255,255,255,0.05);line-height:20px;margin:0px 0;padding:20px 2% 20px 0;overflow:hidden;display: inline-block;display: inline-block;}
.relatedTags p{overflow:hidden;margin:0;font-size:14px;display: inline-block;vertical-align: middle;text-transform: capitalize;color: #444;font-family: "sfprotext-b";text-transform: uppercase;}
@media only screen and (max-width: 768px) {.relatedTags p{padding: 10px 0}}
.re_main{display:block;display: inline-block;vertical-align: middle;overflow: hidden;}
.re_main a{transition:all 0.3s ease 0s;margin:0 8px;color:#666;text-transform:capitalize;font-size: 14px;padding:0px 10px 0;line-height: 30px;display: inline-block;overflow: hidden;position: relative;background: #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #f2f2f2;}
.re_main a::before{content:'\f02c';display: inline-block;margin:0 10px 0 0;font-family: "fontawesome";}
.relatedTags a:hover{color: #30bc30;border: 1px solid #30bc30;}
.re_main a:hover::before{color: #30bc30;}


.reProTitle{width:100%;border-bottom:2px solid #1996e6;}
.reProTitle p{color:#1a1a1a;font-size:16px;margin-top:30px;}


.view_pro{width:100%;margin-top:40px;position: relative;display: inline-block;}
.view_pro .prom_title{color:#000;text-transform:uppercase;display:block;font-size:20px;margin-bottom:10px;border-bottom:2px solid #e5e5e5;padding-bottom:10px;}
#flexiselDemo2{display:none;}
.view_pro .nbs-flexisel-container{padding-top:0;overflow:visible;}
.view_pro .nbs-flexisel-inner{position: relative;margin:0 10px; }
.view_pro .nbs-flexisel-item{float:left;margin:0px;margin-top:5px;padding:0px 0px;cursor:pointer;position:relative;line-height:0px;text-align:center;min-height:240px;}
.view_pro .nbs-flexisel-item span{background:#fff;display:inline-block;height: auto;padding:8px;max-width: auto;max-height: auto;}
.view_pro .nbs-flexisel-item span img{width:100% !important;cursor:pointer;position:relative;}
.view_pro .nbs-flexisel-item em{font-size:14px;display:block;font-weight:normal;margin:0px auto;height:20px;color:#ffb138;text-transform:capitalize; word-wrap:break-word;line-height:20px;width:90%;}
.view_pro .nbs-flexisel-item a:hover,.nbs-flexisel-item:hover em{ text-decoration:none;}
.view_pro .nbs-flexisel-item p{overflow:hidden;color:#808080;height:36px;line-height:18px;font-size:14px;text-align:center;max-width:50px;display:inline-block;}
.view_pro .nbs-flexisel-nav-left_2,.view_pro .nbs-flexisel-nav-right_2{width:22px;height:34px;position:absolute;cursor:pointer;z-index:100;top:-50px;}
.view_pro .nbs-flexisel-nav-left_2{position: absolute;}
.nbs-flexisel-inner>.nbs-flexisel-container .nbs-flexisel-nav-left{display: none !important;}
.nbs-flexisel-inner>.nbs-flexisel-container .nbs-flexisel-nav-right{display: none !important;}

.view_pro .nbs-flexisel-nav-right_2{
	position: absolute;

	right:0;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	right:0;
	text-align:center;
	background:url(../images/main-lb-02.png) no-repeat;
}
.view_pro div .nbs-flexisel-container:first-child .nbs-flexisel-nav-left_2{display:block;}
.view_pro div .nbs-flexisel-container:first-child .nbs-flexisel-nav-right_2{display:block;}

.pro_inquiry{margin-top:0px;position: relative;width: 100%;float: left;padding:30px 15px;margin: 40px 0 0 0;background: #fff;display: inline-block;background:#fff;
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
     -o-box-shadow:0px 0px 10px rgba(0,0,0,0.1);
        box-shadow:0px 0px 10px rgba(0,0,0,0.1);}
.pro_inquiry .page_title em{display:block;font-size:20px;font-family:Arial, Helvetica, sans-serif;text-transform:capitalize;margin:10px 0;color:#4d4d4d;}
.pro_inquiry .page_title i{color:#333;}
.pro_inquiry .column_box{background:transparent;}
.zt-001{color: #333 !important;}
.zt-001:hover{text-decoration: underline;color: #ffb138 !important;}

.pro_inquiry .column_box>ul>p{font-size:14px;margin:0px;width:99%;padding:5px 0 10px;color: #808080}
.pro_inquiry .inquiry_left{width:100%;padding-right:1%;}
.pro_inquiry ul>span{margin:15px 0;text-transform:capitalize;display:block;  font-size:14px;}
.pro_inquiry ul>span>p{display:inline-block;margin-right:10px;margin-bottom:0;}
.pro_inquiry ul li{margin:10px 0;text-transform:capitalize;display:block; vertical-align:middle;position: relative;}
.pro_inquiry ul label{display:block;margin-bottom:0;font-weight:normal;font-size: 14px;line-height: 40px;color: #333;padding:0 0 0 15px;background: #f2f2f2;border-bottom: 1px solid #eee;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.pro_inquiry ul label a{text-decoration: underline;color: #333;}
.pro_inquiry ul label a:hover{font-weight: bold;color: #30bc30;}

.pro_inquiry .ny-con-cx-01::before{;content: '\f0c9'; display: inline-block;margin:0 0px 0 0;position: absolute;font-family: "fontawesome";line-height: 40px;font-size: 16px;left:10px;color: #ffb138;top:0px;display: none;}
.pro_inquiry .ny-con-cx-02::before{;content: '\f003'; display: inline-block;margin:0 0px 0 0;position: absolute;font-family: "fontawesome";line-height: 40px;font-size: 16px;left:10px;color: #ffb138;top:0px;display: none;}
.pro_inquiry .ny-con-cx-03::before{;content: '\f044'; display: inline-block;margin:0 0px 0 0;position: absolute;font-family: "fontawesome";line-height: 40px;font-size: 16px;left:10px;color: #ffb138;top:5px;display: none;}

.pro_inquiry ul .meText{border:1px solid #d9d9d9;height:40px;line-height: 40px;;width:100%;padding:0 5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;padding:0 10px 0px 15px;font-size: 14px;height: 120px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.pro_inquiry ul .meText:focus{border: 1px solid #30bc30;}
.pro_inquiry ul .meInput{border:1px solid #d9d9d9;height:40px;line-height: 40px;;width:100%;padding:0 5px;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;padding:0 10px 0px 15px;font-size: 14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.pro_inquiry ul .meInput:focus{border: 1px solid #30bc30;
   }
.meText ul{}
#blockbestsellers>b{font-size: 20px;color: #555;font-family: "sfprotext-b";text-transform: capitalize;font-weight: normal;text-transform: uppercase;}
#blockbestsellers>p{color: #808080;margin: 10px 0 0 0;font-size: 14px;}


.ny-cp-map{float: right;width: 48%;margin: 20px 0 0 0}
.ny-cp-map img{width: 100%;}
@media(max-width:1200px){
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 80px;
	height: 60px;
}
}

@media(max-width:992px){
  .ny-cp-map{display: none;}
  .pro_inquiry{width: 100%;margin: 30px 0 0 0}
  .products .pro_img{width: 52%;float: left;padding: 0}
  .products .pro_table{width: 46%;float: right;padding: 0}
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 80px;
	height: 60px;
}
}
@media(max-width:768px){
.sp-thumbs a:link, .sp-thumbs a:visited {
	width: 80px;
	height: 80px;}
}


/*por-main-box*/
.por-main-box{width: 100%;padding: 30px 0 0 0}
.por-main-box-bt{position: relative; width: 100%; border-bottom: 2px solid #eee; margin:0 0 20px 0;padding:0 0 0 50px} 
.por-main-box-bt:after{content: '\f06c';
    width: 40px;
    height: 40px;
    display: block;
    margin-top: 0px;
    position: absolute;
    bottom: 0px;
    background: #30bc30;
    color: #fff;
    left: 0;
    font-family: "fontawesome";
    line-height: 40px;
    text-align: center;
    font-size: 16px;}
.por-main-box-bt span{ 
    color: #555;
    font-size: 20px;
    line-height: 20x;
    padding: 0 0 10px 0px;
    display: inline-block;
    font-family: "sfprotext-b";
    text-transform: uppercase;}
.por-main-box-bt span{}
.products .pro_table{padding:0 0px}.pro_inquiry ul .meInput{ width:100%}}
.pro_inquiry ul .meText{border:1px solid #d9d9d9;;height:125px;max-height:180px;max-width:100%;width:100%;padding:5px 0;-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;padding:10px 10px 10px 15px;overflow: hidden;font-size: 14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;width: 100%;display: inline-block;}
.pro_inquiry ul .meText:focus{/* 
  -webkit-box-shadow:2px 2px 5px #e5e5e5 inset;
   -moz-box-shadow:2px 2px 5px #e5e5e5 inset;
     -o-box-shadow:2px 2px 5px #e5e5e5 inset;
        box-shadow:2px 2px 5px #e5e5e5 inset; */}
@media(max-width:768px){.pro_inquiry ul .meText{ width:100%}
.pro_inquiry ul li .meYzm{width:20%;}
.pro_inquiry ul li .meYzm:focus{/* 
  -webkit-box-shadow:2px 2px 5px #e5e5e5 inset;
   -moz-box-shadow:2px 2px 5px #e5e5e5 inset;
     -o-box-shadow:2px 2px 5px #e5e5e5 inset;
        box-shadow:2px 2px 5px #e5e5e5 inset; */
    }
}
.pro_inquiry .send{
  position: relative;overflow: hidden;
	padding:0px 30px 0;
  line-height: 40px;color:#fff;
	display:inline-block;
	text-transform:capitalize;
	transition:all 0.3s ease 0s;
	font-size:14px;
	margin: 0px 0;
  border: none;
  text-transform: uppercase;
  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 10;
    
}
.pro_inquiry .send:hover{
}



.pro_inquiry ul .prom_radio{display:inline-block;vertical-align:middle;}
.pro_inquiry ul .prom_radio label{display:block;cursor:pointer;padding:5px; vertical-align:middle;font-weight:normal;}
.pro_inquiry ul input[type="radio"], input[type="checkbox"]{margin:0 5px 0 0;cursor:pointer;}
.pro_inquiry ul .prom_radio label:hover{background:#f2f2f2;}
.pro_inquiry ul fieldset{margin-top:20px;margin-bottom:-5px;}
.pro_inquiry ul fieldset p{display:inline-block;margin-right:10px;vertical-align:middle;margin-bottom:0;}
.pro_inquiry ul fieldset #form1{display:inline-block; vertical-align:middle;}

.pro_info{ line-height:24px;font-size: 14px;color: #8f8f8f;}

#select{  margin: 0 auto;border-bottom:1px solid #ffb138;margin: 30px 0 0 0;
     height:32px;display: none;}
#select li{
border-top:1px solid  #ffb138;
border-left:1px solid  #ffb138;
border-right:1px solid  #ffb138;
   
    display: inline;
    float: left;
    height:31px;
    line-height: 31px;
    margin: 1px 6px 0 0px ;
    text-align: center; padding:0px 2%; border-top-left-radius:5px; border-top-right-radius:5px;
}


.marriage_content{ margin-top:3px; }


.form_content{ margin-top:3px; }


.private_content{ margin-top:3px; display:none;}


#select li a{ 
    
    display: block;
    height:31px;
    width: 208px; font-size:14px;}

.select_m{ display:none; margin-top:10px;}
.select_m img{max-width: 100%}
#on_fix{ position:fixed; top:300px; right:20px;}
.arrs {
    background:#ffb138;
    color:#fff;
    cursor: pointer;
    display: block;
    font-size:14px;
    height: 31px;
    
}

.hovers {
    background:#ffb138;
    color: #fff;
    font-size:14px;
    height: 31px;
   
}
.fontRed{ color:red}
.ser{ margin:10px ; font-size:14px;}
.ser a{font-size:14px;color: #ffb138;text-decoration: underline;}
.ser a:hover{text-decoration: underline;color: #ffb138;}

.relate_m>p{ font-size:20px;  padding-left:23px; line-height:36px}
.relate_m{ margin-top:30px;}


@media only screen and (max-width: 440px) {
	.view_pro .nbs-flexisel-item{margin-top:40px;}
	.view_pro .nbs-flexisel-nav-left_2,.view_pro .nbs-flexisel-nav-right_2{top:5px;}
}


.table-responsive {
    width: 100%;
    overflow-x: auto;
}

.nbs-flexisel-ul_2{position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:left;}
.nbs-flexisel-inner_2{ position:relative}

.ny-tab-cp{display: block;width: 100%;margin: 20px 0 10px;border-bottom: 1px solid #eee;}
.ny-tab-cp p{display: block;display: inline-block;text-align: center;}
.ny-tab-cp p a{padding: 0 30px;font-size: 18px;line-height: 34px;color: #333;}
.ny-tab-cp p i{transition:all 0.3s ease 0s;width: 0%;height: 2px;background:#ffb138;display: block;margin: 0 auto;}
.ny-tab-cp p:hover i{width: 100%;}

.ny-tab{display: block;margin: 20px 0}
.ny-tab a{display: inline-block;font-size: 14px;line-height: 24px;text-transform: capitalize;}
.ny-tab a:hover{color: #ffb138;}
.ny-tab a.ny-tab-liang{color: #ffb138;}
.ny-tab p{display: inline-block;font-size: 14px;line-height: 24px;padding:0 5px}

@media(max-width:768px){
	.products .pro_img{width: 100%}
	.products .pro_table{width: 100%;padding: 15px 0 0 0}
	.ny-tab-cp p{width: 30%;}
	.ny-tab-cp p a {padding: 0;text-align: center;}

}


/**/
.ny-slideTxtBox{ width:100%;text-align:left;}
.ny-slideTxtBox .hd{padding: 10px 0 0;border-bottom: 2px solid #ffb138;}
.ny-slideTxtBox .hd ul{text-align: left;}
.ny-slideTxtBox .hd ul li{transition:all 0.3s ease 0s;float: left;margin:0 10px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius:5px 5px 0 0;overflow: hidden;border: 1px solid #e5e5e5;border: 0px solid #000;}
.ny-slideTxtBox .hd ul li a{transition:all 0.3s ease 0s;float: left;display:inline-block;padding:0 15px; cursor:pointer;font-size: 14px;line-height: 40px;color: #333;background: #eee;border: 1px solid #eee;text-transform: capitalize;}
.ny-slideTxtBox .hd ul li.on{}
.ny-slideTxtBox .hd ul li.on a{background:#ffb138; border:1px solid #ffb138;color: #fff;}
.ny-slideTxtBox .bd{border: 1px solid #e5e5e5;padding: 10px 10px;background: #fff;}
.ny-slideTxtBox .bd div{line-height: 24px;}


.ny-xf{}
.small-ny-xf{position: fixed;top:60px;z-index: 999999;}
.small-ny-xf ul li a{
-webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
   -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
     -o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
        box-shadow:3px 3px 5px rgba(0,0,0,0.3);}

@media(max-width:1200px){
    .ny-slideTxtBox .main-box{padding: 0px}
}

@media(max-width:992px){

}

@media(max-width:768px){
    .ny-slideTxtBox .hd ul li{text-align: center;margin:0px 10px 0px 0;}
    .ny-slideTxtBox .hd ul li a{}
    .small-ny-xf ul li{width: 150px !important;padding:0 5px !important}
    .small-ny-xf ul li a{font-size: 14px !important;line-height: 30px !important;}
}

@media(max-width:480px){

}

/* Slider-1j */	
/* Slider */

/*page-turning*/
.page_turn{padding:10px 0px 10px 0px;/* background:url(../images/hr.jpg) repeat-x top left; */;margin:0px 0 0 0;display: inline-block;width: 100%;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.page_turn li{display:block;margin-bottom:0px;width: 100%;float: left;}
.page_turn li p{display:inline-block;color:#222;font-size:14px;text-transform:capitalize;margin-bottom:0;color: #444;font-family: "sfprotext-b";text-transform: uppercase;}
.page_turn li a{transition:all 0.3s ease 0s;display:inline-block;color:#444;font-size:14px;margin-left:0px;padding:5px 10px 5px 10px;text-transform:capitalize;}
.page_turn li a:hover{color: #30bc30;text-decoration: underline;}




@media(max-width:1200px){
	.view_pro .slick-prev, .view_pro .slick-next{}
}

@media(max-width:992px){
	.view_pro .slick-prev, .view_pro .slick-next{}
}

@media(max-width:768px){
  .view_pro{margin: 30px 0 0 0}  

	.view_pro .slick-prev, .view_pro .slick-next{}
}

@media(max-width:480px){
	.view_pro .slick-prev, .view_pro .slick-next{}
}


.service_left{padding: 20px 0 0 0;display: inline-block;border-top: 1px solid #fff;}

/*news-list*/
.news_list{width:100%;}
.news_list>li{padding:30px 0px;overflow:hidden;clear:both;margin: 0px 0;display: inline-block;width: 100%;padding:25px 0;background: rgba(255,255,255,0.05);margin:0 0 0px 0;border-bottom: 1px solid #e5e5e5;}
.news_list>li:first-child {padding: 0px 0 20px}
.news_list>li:last-child {border:none;}
.news_list>li .newl_left{width:69%;float:right;}
.news_list>li .newl-q{width:100%;margin-left:2%;float:right;}
.news_list>li .newl_left em{transition:all 0.3s ease 0s;font-size:16px;display:block;margin-bottom:10px;text-transform:capitalize;color:#333;max-height:24px;line-height: 24px;overflow: hidden;font-family: "sfprotext-b";    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;width: 100%}
.news_list>li .newl_left em:hover,.news_list li a:hover{color:#30bc30;}
.news_list>li .newl_left .newm_date{margin-bottom:10px;}
.news_list>li .newl_left>p{color:#808080;line-height:22px;font-size:14px;overflow:hidden;max-height:48px;margin:10px 0 0 0;line-height: 22px;}
.news_list>li .newl_left .newl_more{transition:all 0.3s ease 0s;display:inline-block;font-size:14px;color:#fff;text-transform:capitalize;padding:0px 25px 0px 25px;margin-top:0px;line-height: 40px;text-transform: capitalize;position: relative;overflow: hidden;text-transform: uppercase;z-index: 10}
.news_list>li .newl_left .newl_more:after {}
.news_list>li .newl_left .newl_more:hover{}


.news_list>li .newl_right{transition:all 0.3s ease 0s;float:left;display:block;width:28%;overflow: hidden;border: 1px solid #eee;margin:0 0 0 0;}
.news_list>li .newl_right img{height:auto;width:100%;
transform:scale(1.00,1.00);
-moz-transform:scale(1.00,1.00);
-webkit-transform:scale(1.00,1.00);
transition:all 0.3s ease-in;}
.news_list>li .newl_right:hover img{
transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);}

.news-rr{display:block;margin-bottom:0px;text-align: left;width: 100%;text-align: left;padding:0px 0}
.news-rr-01{display:block;margin-bottom:0px;text-align: left;width: 100%;text-align: left;border-bottom: 1px solid #e5e5e5;padding:10px 0}
.main-right-01 .news-rr{display:block;margin-bottom:0px;margin: 0px 0 0 0;text-align: center;}
.news-rr li{display:inline-block;margin-right:10px;color:#777;padding-right:10px;font-size: 14px;line-height: 22px;padding: 0}
.news-rr li:last-child{border:none;}
.news-rr li i{padding-right:10px;font-style: normal;font-size: 14px;color: #999;}

@media only screen and (max-width: 1200px) {
	.news_list li .newl_right{width:35%;}
	.news_list li .newl_left{width:62%;}
}
@media only screen and (max-width: 992px) {
	.news_list li .newl_right{width:48%;}
	.news_list li .newl_left{width:48%;}
}
@media only screen and (max-width: 768px) {
	.news_list li .newl_right{width:100%;margin-bottom:0px;max-width:100%;margin: 20px 0 0 0}
	.news_list li .newl_left{width:100%;margin: 10px 0 0 0}

}
@media only screen and (max-width: 480px) {
	.news_list li .newl_right{width:100%;float:none;max-width:100%;margin: 0px 0 0 0 ;display: inline-block;}
	.news_list li .newl_left{width:100%;}
}
/*list-01*/



/*faq-list*/
.faq-list{}
.faq-list *{transition:all 0.3s ease 0s;}
.faq-list li{padding: 20px;margin:0 0 20px 0;border: 1px solid #e5e5e5;}
.faq-list li a{font-size: 16px;line-height:28px;padding: 0 0 0 25px;position: relative;overflow: hidden;max-height: 56px;display: inline-block;font-family: "sfprotext-b";}
.faq-list li a i{display: inline-block;margin:0 10px 0 0;position: absolute;left:0;top:6px;font-size: 16px;color: #30bc30;}
.faq-list li p{font-size: 14px;line-height: 24px;display: inline-block;width: 100%;max-height: 44px;margin: 5px 0 0 0;padding:0 0 0 22px;overflow: hidden;color: #999;}
.faq-list li:hover{
-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
   -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
     -o-box-shadow:0px 0px 10px rgba(0,0,0,0.3);
        box-shadow:0px 0px 10px rgba(0,0,0,0.3);}

.faq-list li a:hover{color: #ffb138;text-decoration: underline;}


/*gc-list*/

ul.gc-list{margin: 13px 0 0 -3.5%}
ul.gc-list li{margin:10px 0 10px 3.5%;width: 29.6%;float: left;display: block;}
ul.gc-list li div.main-r-2j-p{width: 100%;overflow: hidden;}
ul.gc-list li div.main-r-2j-p a{transition:all 0.3s ease 0s;border: 1px solid #eee;display: block;overflow: hidden;}
ul.gc-list li div.main-r-2j-p a img{width: 100%;height: auto;transition:all 0.3s ease 0s;}
ul.gc-list li div.main-r-2j-t{}
ul.gc-list li div.main-r-2j-t a{display: block;font-size: 14px;line-height: 24px;margin: 10px 0 0 0;color: #333;max-height: 24px;overflow: hidden;font-weight: bold;}
ul.gc-list li div.main-r-2j-t p{display: none;font-size: 14px;line-height: 24px;color: #808080;margin: 5px 0 0 0;max-height: 40px;overflow: hidden;}
ul.gc-list li div.main-r-2j-p a:hover{border: 1px solid #ffb138;}
ul.gc-list li div.main-r-2j-t a:hover{text-decoration: underline;color: #ffb138;}
ul.gc-list li div.main-r-2j-a{}
ul.gc-list li div.main-r-2j-a a{transition:all 0.3s ease 0s;font-size: 14px;line-height: 26px;color: #fff;padding:0 12px;background: #ffb138;display: inline-block;margin: 20px 0 0 0;}
ul.gc-list li div.main-r-2j-a a:hover{background: #ffb138}

@media(max-width:1200px){
	ul.gc-list li{width: 29.6%;}

}

@media(max-width:992px){
	ul.gc-list li{width: 46.5%}
	ul.gc-list li:nth-child(3n){display: none;}
}

@media(max-width:768px){
	ul.gc-list{margin: 0}
	ul.gc-list li{width: 100%;margin: 26px 0 0 0;}
}

@media(max-width:480px){
	.main-r-2j ul li{width: 100%;}
}

/*news-main*/
.news_main{width:100%;margin:10px 0 20px 0;}
.news_main em{font-size:20px;display:block;margin-bottom:10px;text-align: left;color: #222;margin: 0px 0 0 0;line-height: 30px;}
.news_main .newm_date{color:#808080;border:none;line-height:normal;padding:0;padding-bottom:20px;text-align: center;font-size: 20px;border-bottom: 2px solid #eee;}
.newm_date p{display:inline-block;margin-right:15px;font-size:14px;color: #b2b2b2;}
.newm_date i{padding-right:5px;}
.news_main div{margin-top:20px;}
.news_main div a{color:#ffb138;text-decoration:underline;}
.news_main div img{max-width:100%;}



/*blog*/
.column .block .blog_main {  padding:0 0px 0px 0px;margin-bottom:0;overflow: visible !important;}
.column .block .blog_main>li{padding:10px 0px 20px 0px;}
ul.blog-list, ul.blog-list1{padding: 0;list-style: none;/* background:url(../images/hr.jpg) repeat-x bottom left; */text-align:left;padding:0 0px}
ul.blog-list li {/* background: url(../images/fen-cp-01.png) no-repeat left 13px */;padding: 10px 0 10px 0px;border-bottom: 1px solid #f0f0f0;display: inline-block;width: 100%}
ul.blog-list1 p, ul.blog-list p {font-size:18px;color:#ffb138;margin-bottom: 15px;text-transform:capitalize;font-weight: bold;}
ul.blog-list li a {transition:all 0.3s ease 0s;color:#444;font-size:14px;vertical-align: initial;text-decoration: none;/* background: url(../images/icon-circle.png) no-repeat 0px 7px; */padding:0 0 0 0px;display: inline-block;position: relative;overflow: hidden;line-height: 24px;}
ul.blog-list li a:hover{color: #30bc30;padding: 0 0 0 5px;}
ul.blog-list1 li a:hover{transition:all 0.3s ease 0s;background: #fff;/* background: #333; */color:#30bc30;text-decoration:none;border: 1px solid #30bc30;}

ul.blog-list3 li.blog-list3-img{float: left;width: 24%;margin-right: 5%;}
.blog-list3-img img{width:60;border-radius:5px;height:45px;border:solid 1px #eee;}

ul.blog-list1 li {display: inline-block;margin: 5px 3px;} 
ul.blog-list1 li a {overflow: hidden;
	color: #666;
	text-decoration: none;
  background: #fff;
	padding:0px 10px 0px;
  line-height: 30px;
  font-size: 14px;display: inline-block;
  overflow: hidden;position: relative;
  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
  border: 1px solid #f2f2f2;

	
}


.blog_list{width:100%;margin: 5px 0 0 0}
.blog_list>li{transition:all 0.3s ease 0s;padding:20px 0;text-align:left;background: rgba(255,255,255,0.05);margin: 0px 0 0 0;border-bottom: 1px solid #e5e5e5;}
.blog_list>li:last-child {border: none;}
.blog_list>li:first-child{padding:0 0 20px 0}
.blog_list>li:hover{}
.blog_list li em{font-size:16px;overflow:hidden;display:block;margin-bottom:0px;text-overflow:ellipsis;white-space:nowrap;	-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;color: #444;position: relative;padding: 0 0 0 0px;font-family: "sfprotext-b"; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;width: 100%}
.blog_list li em i{font-size: 16px;width: 30px;text-align: center;line-height: 30px;position: absolute;left: 0px;top:-0px;background: #ffb138;color: #fff;}
.blog_list li a:hover{text-decoration:none;}
.blog_list li em:hover{color: #30bc30;}
.blog_list li .blog_date{display:block;padding:10px 0px;}
.blog_list li .blog_date li{display:inline-block;margin-right:10px;color:#808080;padding-right:10px;border-right:1px solid #e5e5e5;font-size: 14px;}
.blog_list li .blog_date li:last-child{border:none;}
.blog_list li .blog_date li i{padding-right:5px;font-size: 14px;color: #666;}
.blog_list li a{overflow:hidden;max-height:240px;display:block;}
.blog_list li img{max-width:100%;height:auto;}
.blog_list li p{font-size:14px;line-height:22px;overflow:hidden;max-height:44px;margin-top:0px;color: #808080;}
.blog_list li .blog_tag{margin-top:20px;display: none;}
.blog_list li .blog_tag li{transition:all 0.3s ease 0s;display:inline-block;margin-right:10px;border: 1px solid #e5e5e5;background: #e5e5e5}
.blog_list li .blog_tag li a{padding:5px 10px;display:inline-block;font-size: 14px;color: #333;overflow: hidden;position: relative;
  border-radius:5px;}
.blog_list li .blog_tag li i{transition:all 0.3s ease 0s;padding-right:5px;color:#b2b2b2;}
.blog_list li .blog_tag li:hover{background:#ffb138;color:#fff;border: 1px solid #ffb138;}
.blog_list li .blog_tag li:hover a{color:#fff;}
.blog_list li .blog_tag li:hover i{color:#fff;}
.blog_list .con-xp-nnn{display: inline-block;}
.blog_list .blog_more{	padding:0px 25px 0;margin-top:0px;transition:all 0.3s ease 0s;overflow: hidden;position: relative;display: inline-block;
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
  line-height: 40px;
	font-size:14px;
  -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 10
}
.blog_list .blog_more:hover{
	color:#fff;
	text-decoration:none;
  color: #fff;
}




.blog_list li .blog_tag li a:after{transition:all 0.5s ease 0s;width: 80px;height: 200px;position: absolute;left:-100%;top:-100%;background: rgba(255,255,255,0.3);z-index: 20;content:"";display: block;
transform:rotate(10deg);
-ms-transform:rotate(10deg);   /* IE 9 */
-moz-transform:rotate(10deg);  /* Firefox */
-webkit-transform:rotate(10deg); /* Safari 和 Chrome */
-o-transform:rotate(10deg); }
.blog_list li .blog_tag li a:hover::after{left:100%;}




@media(max-width:1200px){

}

@media(max-width:992px){

}

@media(max-width:768px){
	.column .block .blog_main{padding:0 10px 0 0;overflow: hidden !important;}
	.column .block .blog_main>li{padding: 10px 10px 10px 10px}
}

@media(max-width:480px){

}


/*blog-main*/
.blog_main{width:100%;padding: 20px 0 0}
.blog_main em{font-size:20px;overflow:hidden;display:block;margin-bottom:15px;color: #222;margin: 0px 0 10px 0;text-align: center;}
.blog_main a:hover{text-decoration:none;}
.blog_main .blog_date{display:block;margin-bottom:10px;padding: 0 0 20px 0;border-bottom: 1px solid #e5e5e5;text-align: center;}
.blog_main .blog_date li{display:inline-block;margin-right:10px;color:#808080;padding-right:10px;border-right:1px solid #e5e5e5;}
.blog_main .blog_date li:last-child{border:none;}
.blog_main .blog_date li i{padding-right:5px;}
.blog_main img{max-width:100%;height:auto;}
.blog_main div{font-size:14px;line-height:22px;margin-top:10px;text-align:left;color: #333;}
.blog_main .blog_tag{margin-top:20px;text-align:left;}
.blog_main .blog_tag li{transition:all 0.3s ease 0s;display:inline-block;margin:0 5px 0 0}
.blog_main .blog_tag li a{overflow: hidden;transition:all 0.3s ease 0s;color:#66;display:inline-block;padding:0px 10px 0;line-height: 30px;background:none;background: #fff;overflow: hidden;font-size: 14px;text-transform: capitalize;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border: 1px solid #f2f2f2;}
.blog_main .blog_tag li i{padding-right:5px;color:#333;}
.blog_main .blog_tag li:hover{}
.blog_main .blog_tag li:hover a{color:#30bc30;background: #fff;transition:all 0.3s ease 0s;border: 1px solid #30bc30;}
.blog_main .blog_tag li:hover i{color:#30bc30;transition:all 0.3s ease 0s;}
#loop-nav-singlular-post{border-top:1px solid #e5e5e5;margin-top:20px;padding-top:10px;}
#loop-nav-singlular-post i{padding:0 5px;}
/* Sweep To Right */
.hvr-sweep-to-right {-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;overflow: hidden;
  overflow-y: hidden;
	float:left;
	margin-top:10px;
	padding:0 20px;
	background:#ffb138;
  line-height: 30px;
	color:#fff;
	font-size:14px;
  display: inline-block;
  transition:all 0.3s ease 0s;
  overflow: hidden;position: relative;
}
.hvr-sweep-to-right:hover{background: #ffb138}

.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #fff;text-decoration:none;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
	float:right;
  -moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;overflow: hidden;
  overflow-y: hidden;
	margin-top:10px;
	padding:3px 20px;
	color:#fff;
	background:#ffb138;
	font-size:14px;
  display: inline-block;
  transition:all 0.3s ease 0s;
  overflow: hidden;position: relative;
}
.hvr-sweep-to-left:hover{background: #ffb138}

.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: #fff;text-decoration:none;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.cp-1j-lb{padding: 0px 0px 0px 0px;margin: 0 0px 0 0;position: relative;width: 100%;float: left;display: inline-block;overflow: visible;}
.cp-1j-lb .slider{display:block;}
.cp-1j-lb .slick-next{transition:all 0.3s ease 0s; background:url(../images/ny-lb-r.png) no-repeat center; width:26px; height:20px;top:-55px; right:0px;margin:0px 0 0 0;filter:alpha(opacity:10);opacity:0.1;}
.cp-1j-lb .slick-prev{transition:all 0.3s ease 0s; background:url(../images/ny-lb-l.png) no-repeat center; width:26px; height:20px;top:-55px; right:30px;margin:0px 0 0 0;filter:alpha(opacity:10);opacity:0.1;}
.cp-1j-lb .slick-next:hover{filter:alpha(opacity:30);opacity:0.3;}
.cp-1j-lb .slick-prev:hover{filter:alpha(opacity:30);opacity:0.3;}

.cp-1j-lei{margin:0 10px;transition:all 0.3s ease 0s;text-align: center;padding: 0px 0px 0;}
.cp-1j-lei:hover{}
.cp-1j-lei div{width: 100%;overflow: hidden;transition:all 0.3s ease 0s;overflow: hidden;position: relative;background: #000;background: #efefef;}
.cp-1j-lei div>a{width: 100%;overflow: hidden;display: inline-block;transition:all 0.3s ease 0s;overflow: hidden;background: #fff}
.cp-1j-lei div:hover{transition:all 0.3s ease 0s;background: #ffb138;}




.cp-1j-lei div>a:hover img{filter:alpha(opacity:80);opacity:0.8;}
.cp-1j-lei div{border: 1px solid #e5e5e5;}
.cp-1j-lei div img{width: 100%;height: auto;transition:all 0.3s ease 0s;}
.cp-1j-lei span{display: inline-block; width: 100%;text-align: left;}
.cp-1j-lei span a{display: inline-block;font-size: 14px;line-height: 24px;color: #444;max-height: 52px;overflow: hidden;text-transform: capitalize;margin: 10px 0 0 0; white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;font-family: "sfprotext-b";width: 100%}
.cp-1j-lei:hover span a{color: #30bc30;width: 100%;text-decoration: underline;}
.cp-1j-lei span p{font-size: 14px;line-height: 22px;color: #808080;max-height: 48px;overflow: hidden;margin:5px 0 0 0}
.cp-1j-lei>a{transition:all 0.3s ease 0s;background: #000;color: #fff;font-size: 14px;text-transform: uppercase;padding:0 20px;line-height: 30px;display: inline-block;margin: 15px 0 0 0;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.cp-1j-lei>a:hover{background: #ffb138;text-decoration: underline;}

.vdo-box{margin: 0px 0 0 -3%;display: inline-block;}
.vdo-box li{width: 30.2%;margin:0 0 20px 3%;float: left;}
.vdo-box li .vdo-p{width: 100%;position: relative;}
.vdo-box li .vdo-p img{width: 100%;height: auto;}
.vdo-box li .vdo-p a{width: 100%;height: auto;position: absolute;z-index: 20;width: 100%;height: 100%;top:0px;left:0;z-index: 20px;}
.vdo-box li .vdo-p i{transition:all 0.3s ease 0s;width: 60px;filter:alpha(opacity:50);opacity:0.5;position: absolute;top:50%;left:50%;margin: -30px 0 0 -30px}
.vdo-box li .vdo-p:hover i{filter:alpha(opacity:100);opacity:1;}
.vdo-box li .vdo-p i img{width: 100%;height: auto;}
.vdo-box li .vdo-t{width: 100%}
.vdo-box li .vdo-t a{font-size: 14px;line-height: 24px;height: 48px;color: #222;overflow: hidden;display: inline-block;margin: 10px 0 0 0;}
.vdo-box li .vdo-t a:hover{text-decoration: underline; color:#52918b }

@media(max-width:1200px){}
@media(max-width:992px){}
@media(max-width:768px){
  .vdo-box li{width: 47%;}
}
@media(max-width:480px){
  .hvr-sweep-to-left{float: left;}
  .cp-1j-lb .slick-next{top:50%;margin: -30px 0 0 0;}
  .cp-1j-lb .slick-prev{top:50%;margin: -30px 0 0 0;left:0;}
}



/*zc-dl*/
.gray_mian {
background:#fafafa;
border: 1px solid #eee;
overflow: hidden;
padding: 30px 0;
margin: 20px 0 40px;

}

.join_left {
width: 50%;
padding: 0 5%;
float: left;
height: auto;
}

.join_title {
font: 23px/30px Arial, Helvetica, sans-serif;
color: #323232;
}

.join_item {
height: 45px;
display: block;
overflow: hidden;
clear: both;
position: relative;
}

.join_item dt {
  position: absolute;
  top: 0px;
  left:0px;
}

.join_item dd {
float: left;
line-height: 20px;
color: #656565;
font-size: 13px;
padding: 0 0 0 50px;
}

.c {
clear: both;
height: 0px;
width: 0px;
}

.already_member {
font: 18px/50px Arial, Helvetica, sans-serif;
color: #000;
}

.join_button {
width: 160px;
height: 39px;
padding-left: 9px;
display: block;
float: left;
background: url(../images/loin_button_bg.gif) no-repeat;
font: bold 18px/39px Arial, Helvetica, sans-serif;
color: #222;
margin-left: 10px;
margin-top: 5px;
}

.join_button:hover{
  color: #ffb138;
}


.yinying_bottom {
height: 40px;
background: url(../images/front/yinying_bg.jpg) repeat-x left bottom;
}

.join_right {
float: left;
height: auto;

}

.join_right>h1 {
color: #ffb138;
font: 40px/60px Tahoma,Geneva,sans-serif;
height: 70px;
}

.join_name {
color: #505050;
font-size: 14px;
line-height: 22px;
margin: 10px 0 0 0;
}

.join_right ul li select{color: #505050;    padding: 0 0 0 10px;
  width: 100%;
font-size: 14px;
line-height: 30px;
height: 30px;
    border: 1px solid #cecece;
    margin: 0 0 10px 0;
}


.tex275 {
width: 100%;
height: 30px;
line-height: 30px;
border: 1px solid #cecece;
    padding: 0 0 0 10px;
    margin:0 0 10px 0
}

.dingwei {
position: relative;
height: 40px;
}

.dingwei a{line-height: 30px;}

.code92 {
width: 80px;
height: 30px;
line-height: 30px;
border: 1px solid #cecece;
padding: 0 10px;
}


.code_img {
vertical-align: text-bottom;
margin:2px 0 0 5px;

}

.refresh {
font: 14px/24px Arial, Helvetica, sans-serif;
color: #ffb138;
text-decoration: underline;
padding-left: 15px;
}

.join_right {
width: 50%;
padding:0 5%;
float: right;
height: auto;
border-left: 1px solid #ccc;
}

.creatAccount {
transition:all 0.3s ease 0s;
width: 200px;
height: 40px;
border: 0;
margin: 20px 0 10px 0px;
background: #ffb138;
border: 1px solid #66a6a0;
cursor: pointer;
font: bold 16px Arial, Helvetica, sans-serif;
color: #fff;}

.creatAccount:hover {
background: #000;color: #fff;border: 1px solid #000;
}
.heibox{width: 100%;height: 1px;background: #1a1a1a;}

.zc-ppp{margin: 30px 0 0 0;display: inline-block;}
.zc-ppp img{width: 100%}

/*list-01*/
.list-01{margin: 0px 0 0 -3%;width: 103%;}
.list-01 li *{transition:all 0.3s ease 0s;}
.list-01 li{width: 30%;margin: 0 0 20px 3%;float: left;padding:0 0 0px 0;background: #fff;padding: 10px 10px 20px 10px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;border: 1px solid #efefef;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;}
.list-01-p{overflow: hidden;position: relative;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;overflow: hidden;}
.list-01-p a{display: block;transition:all 0.25s ease-in;display: inline-block;background: #000;width: 100%;}
.list-01-p img{transition:all 0.3s ease 0s;width: 100%;height: auto;padding: 0px;filter:alpha(opacity:100);opacity:1;}
.list-01-p a::before{transition:all 0.3s ease 0s;content:"";background:url(../images/m-3j-i-01-02.png);width: 40px;height: 40px;display: inline-block;position: absolute;z-index: 2px;left:50%;top:0;margin: -20px 0 0 -20px;filter:alpha(opacity:0);opacity:0;z-index: 20;}
.list-01-p a:hover::before{filter:alpha(opacity:100);opacity:1;top:50%;}
.list-01-t{padding: 0px 0 0px}
.list-01-t a{transition:all 0.3s ease 0s;font-size: 16px;line-height: 30px;color: #4d4d4d;margin: 10px 0 0 0;overflow: hidden;height: 30px;display: inline-block;font-family: "sfprotext-b";overflow: hidden;}
.list-01-t p{transition:all 0.3s ease 0s;font-size: 14px;line-height: 24px;color: #999;margin: 0px 0 0 0;overflow: hidden;height: 48px;display: inline-block;overflow: hidden;}
.list-01-t a:hover{text-decoration: underline;color: #ffb138;}
.list-01-p a:hover {transition:all 0.25s ease-in;}

.list-01 li:hover .list-01-p a img{filter:alpha(opacity:75);opacity:0.75;}
.list-01 li:hover .list-01-t a{color: #ffb138;}

@media(max-width:1200px){

}

@media(max-width:992px){
  .list-01 li{width:47%}
}

@media(max-width:768px){
    .list-01 li{width:47%}
}

@media(max-width:480px){
    .list-01{width: 100%;margin:20px 0 0 0}
    .list-01 li{width:100%;margin:0 0 20px 0;}
    .list-01-t a{max-height: 30px;height: auto;}
}


/**/
.forget{color: #ffb138}
.forget:hover{color: #000}



@media(max-width:1200px){
  .join_left{}
  .join_right{}
}

@media(max-width:992px){

}

@media(max-width:768px){
  .gray_mian{margin: 10px 0 30px;padding: 20px 0}
  .join_left{width: 100%;margin: 20px 0 0 0;border-top: 1px dashed #ccc;}
  .join_right{width: 100%;border: none;}
  .creatAccount{width: 100%}

}

@media(max-width:480px){

}

/*video*/
.video-list{padding:20px 0 0px 0;margin: 0 0 0 -3%;width: 103%;}
.video-list *{transition:all 0.3s ease 0s;}
.video-list li{width:30.3%;margin: 0 0 0 3%;float: left;padding:0 0 30px 0}
.video-list li .m-4j-p{overflow: hidden;position: relative;}
.video-list li .m-4j-p a{position: absolute;width: 100%;height: 100%;z-index: 100}
.video-list li .m-4j-p img{width: 100%;height: auto;}
.video-list li .m-4j-p:hover img{}
.video-list li .m-4j-p span{width: 83px;height: 56px;position: absolute;left:50%;top:50%;text-transform: uppercase;display: inline-block;z-index: 52;margin: -10px 0 0 -42px;right:50%;top:50%;filter:alpha(opacity:0);opacity:0.0;}
.video-list li .m-4j-p:hover span{filter:alpha(opacity:100);opacity:1;left:50%;top:50%;margin: -28px 0 0 -42px;}
.video-list li .m-4j-t{}
.video-list li .m-4j-t a{font-size: 16px;line-height: 26px;height: 26px;display: inline-block;color: #ffb138;margin: 12px 0 0 0;text-transform: capitalize;font-family: "OpenSans-b";overflow: hidden;}
.video-list li .m-4j-t a:hover{text-decoration: underline;color: #ffb138;}

@media(max-width:1200px){
}

@media(max-width:992px){
  .video-list li{width:47%;margin: 0 0 0 3%;float: left;padding:0 0 30px 0}

}

@media(max-width:768px){

}

@media(max-width:480px){
  .video-list{padding:20px 0 0px 0;margin: 0 0 0 0%;width: 100%;}
  .video-list li{width:100%;margin: 0 0 0 0%;float: left;padding:0 0 20px 0}

}



/*后续*/

/*放大镜调整*/
.cloud-zoom img{width: 100%;height: auto;}
/*分享插件调整*/
.addthis_toolbox{margin: 20px 0 0 0;}

/*mousetrap*/
#product_detail_img{width: 100% !important;height: auto !important;}
/* .mousetrap{width: 100% !important;height: auto !important;} */

/*？？*/
.table-responsive {
    width: 100%;
    overflow-x: auto;
}




/*ny-video*/
.ny-video{padding: 0px 0 0px;position: relative;}
.ny-video *{transition:all 0.3s ease 0s;}
.ny-video ul{margin:-30px -15px 30px -15px;width: auto;padding:0px 0 0 0;}
.ny-video ul li{width: 25%;float: left;}

.ny-video-lei{margin:30px 15px 0 15px;transition:all 0.3s ease 0s;text-align:left;border: 1px solid #e5e5e5;
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.0);
   -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.0);
     -o-box-shadow:0px 0px 15px rgba(0,0,0,0.0);
        box-shadow:0px 0px 15px rgba(0,0,0,0.0);
}
.ny-video-lei *{transition:all 0.5s ease 0s;}
.ny-video-lei .ny-video-img{width: 100%;position: relative;overflow: hidden;}
.ny-video-lei .ny-video-img img{width: 100%;height: auto;}
.ny-video-lei .ny-video-img p{width: 100%;position: absolute;background:rgba(0,0,0,.2);width: 100%;height: 100%;left:0px;top:0;z-index: 5}
.ny-video-lei .ny-video-img a{width: 100%;display: inline-block;height: 100%;position: absolute;z-index: 10;}
.ny-video-lei .ny-video-img i{width: 50px;display: inline-block;height: 50px;position: absolute;left:50%;top:50%;margin:-25px 0 0 -25px;;z-index: 7;background: url(../images/news-01.png) no-repeat;filter:alpha(opacity:100);opacity:1;}
.ny-video-lei .ny-video-img:hover p{background:rgba(0,0,0,.0)}
.ny-video-lei .ny-video-img:hover i{top:30%;filter:alpha(opacity:0);opacity:0;}

.ny-video-lei .ny-video-t{width: 100%;padding:12px 20px 30px 20px;background: #fff}
.ny-video-lei .ny-video-t a{display: inline-block;;font-size:16px;line-height: 26px;height: 24px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;font-family: "sfprotext-b";width: 100%; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;text-transform: uppercase;}
.ny-video-lei:hover .ny-video-t a{color:#30bc30;}
.ny-video-lei .ny-video-t a:hover{text-decoration: underline;}
.ny-video-lei .ny-video-t p{font-size: 14px;line-height: 22px;margin:10px 0 0 0;color: #999;overflow: hidden;height: 66px;}

.ny-video-lei:hover{
  transform:translateY(-10px);
-ms-transform:translateY(-10px);   /* IE 9 */
-moz-transform:translateY(-10px);  /* Firefox */
-webkit-transform:translateY(-10px); /* Safari 和 Chrome */
-o-transform:translateY(-10px);  /* Opera */
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.2);
   -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.2);
     -o-box-shadow:0px 0px 15px rgba(0,0,0,0.2);
        box-shadow:0px 0px 15px rgba(0,0,0,0.2);
      }



@media(max-width:1200px){}
@media(max-width:992px){
  .ny-video ul li{width: 33.3%;float: left;}
  .ny-video{padding:0;}

}
@media(max-width:768px){
  .ny-video ul li{width: 50%;float: left;}
}
@media(max-width:480px){
  .ny-video ul li:last-child .ny-video-lei{margin:0;}
    .page_num ul{}
    .ny-video-lei{margin:0 0 30px 0;}
  .ny-video ul{padding:0px 0 0px 0;margin:0 0 0 0;}
  .ny-video ul li{width: 100%}
  .ny-video{padding: 0px;}
  .ny-video-lei .ny-video-t{width: 100%;padding:12px 20px 30px 20px;background: #fff}
}

/**/
/*ny-case*/

ul.ny-case{width: 102.5%;margin:0px 0 0 -2.5%;}
ul.ny-case *{transition:all 0.3s ease 0s;display: inline-block;}
ul.ny-case li{width: 22.5%;margin:0px 0 10px 2.5%;float: left;position: relative;overflow: hidden;}
ul.ny-case li div{width: 100%;overflow: hidden;position: relative;background: #000;border: 1px solid #e5e5e5;}
ul.ny-case li div p{width: 100%;background: #000;}
ul.ny-case li div img{width: 100%;height: auto;filter:alpha(opacity:100);opacity:1;}
ul.ny-case li div a{position: absolute;width: 100%;height: 100%;left:0;top:0;z-index: 99}
ul.ny-case li div i{position: absolute;left:50%;top:40%;z-index: 9;background:url(../images/ny-hl-i.png) no-repeat center;width: 54px;height: 54px;margin:-27px 0 0 -27px;filter:alpha(opacity:0);opacity:0;}
ul.ny-case li>p{margin:10px 0 10px 0}
ul.ny-case li>p a{width: 100%;height: auto;font-size: 14px;color: #444;line-height: 24px;padding:0 0px;text-align: center;text-transform: capitalize;width: 100%;display: inline-block;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
ul.ny-case li:hover div p{filter:alpha(opacity:80);opacity:0.8;}
ul.ny-case li:hover i{filter:alpha(opacity:100);opacity:1;top:50%;}
ul.ny-case li:hover>p a{color: #30bc30;text-decoration: underline;}

@media(max-width:1200px){}
@media(max-width:992px){
ul.ny-case{margin:0 0 0 -2.5%;}
}
@media(max-width:768px){
  ul.ny-case li{width: 47.5%}
}   
@media(max-width:480px){
  ul.ny-case li{width: 97.5%;margin:0;}
}

ul.ny-xiazai{width: 102.5%;margin:0px 0 0 -2.5%;}
ul.ny-xiazai *{transition:all 0.3s ease 0s;display: inline-block;}
ul.ny-xiazai li{width: 22.5%;margin:0px 0 30px 2.5%;float: left;position: relative;overflow: hidden;}
ul.ny-xiazai li div{width: 100%;overflow: hidden;position: relative;background: #000;border: 1px solid #e5e5e5;}
ul.ny-xiazai li div a{width: 100%;transform:scale(1.00,1.00);
-moz-transform:scale(1.00,1.00);
-webkit-transform:scale(1.00,1.00);}
ul.ny-xiazai li div img{width: 100%;height: auto;}
ul.ny-xiazai li>span{margin:10px 0 10px 0;width: 100%;display: inline-block;}
ul.ny-xiazai li>span a{width: 100%;height: auto;font-size: 14px;color: #444;line-height: 24px;max-height: 48px;padding:0 0px;text-align: center;text-transform: capitalize;width: 100%;display: inline-block;overflow: hidden;}
ul.ny-xiazai li>p{margin:10px 0 0px 0;text-align: center;display:block;}
ul.ny-xiazai li>p a{height: auto;font-size: 14px;color: #444;line-height: 36px;-moz-border-radius:18px;-webkit-border-radius:18px;border-radius:18px;padding:0 0px;text-align: center;text-transform: uppercase;display: inline-block;    white-space: nowrap;background: #30bc30;color: #fff;font-family: "sfprotext-b";padding:0 30px;}
ul.ny-xiazai li>p a i{font-size: 14px;line-height: 36px;margin:0px 0 0 10px;}
ul.ny-xiazai li>p a:hover{color: #fff;background: #30bc30}
ul.ny-xiazai li:hover>span a{color: #30bc30;text-decoration: underline;}
ul.ny-xiazai li div a:hover{transform:scale(1.2,1.2);
-moz-transform:scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);}

@media(max-width:1200px){}
@media(max-width:992px){
ul.ny-xiazai{margin:0 0 0 -2.5%;}   
}
@media(max-width:768px){
  ul.ny-xiazai li{width: 47.5%}
}   
@media(max-width:480px){
  ul.ny-xiazai li{width: 97.5%;margin:0 0 20px 2.5%;}
  ul.ny-xiazai li>p{margin:0;}
}

ul.shipin-list{margin:0 0 0 -2%;width: 102%;overflow: hidden;}
ul.shipin-list *{transition:all 0.5s ease 0s;display: inline-block;width: 100%;}
ul.shipin-list li{width: 31%;margin:0 0 20px 2%;padding: 0px;float: left;}

div.shipin-list-p{width: 100%;position: relative;overflow: hidden;background: #000}
div.shipin-list-p a{width: 100%;height: 100%;position: absolute;left:0;top:0;z-index: 20}
div.shipin-list-p i{position: absolute;width: 60px;height: 60px;left:50%;top:50%;margin:-30px 0 0 -30px;z-index: 10;transform: rotateY(180deg);
-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */
-moz-transform: rotateY(180deg);  /* Firefox */;filter:alpha(opacity:0);opacity:0;}
div.shipin-list-p i img{width: 100%;height: auto;}
div.shipin-list-p p{width: 100%}
div.shipin-list-p p img{width: 100%;height: auto;}

div.shipin-list-t{width: 100%;padding:0 10px 0px 10px}
div.shipin-list-t a{color: #444;font-family: "sfprotext-b";font-size: 14px;line-height: 24px;font-size:14px;line-height: 24px;color: #333;margin:15px 0 0 0;overflow: hidden;max-height: 48px;}
div.shipin-list-t span{font-size: 14px;line-height: 22px;max-height: 44px;overflow: hidden;color: 777;margin:10px 0 0 0;}

div.shipin-list-p:hover i{transform: rotateY(0deg);
-webkit-transform: rotateY(0deg); /* Safari 和 Chrome */
-moz-transform: rotateY(0deg);  /* Firefox */;filter:alpha(opacity:100);opacity:1;top:50%;}
div.shipin-list-p:hover p{transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);filter:alpha(opacity:70);opacity:0.7;}
ul.shipin-list li:hover div.shipin-list-t a{color: #30bc30;}

@media(max-width:1200px){}
@media(max-width:992px){
  ul.shipin-list li{width: 31.3%}
}
@media(max-width:768px){
  ul.shipin-list li{width: 48%}
}   
@media(max-width:480px){
  ul.shipin-list li{width: 98%}

}


/**/
/*news-list*/
.news_list-01{width:100%;}
.news_list-01>li{padding:30px 0px;overflow:hidden;clear:both;margin: 0px 0;display: inline-block;width: 100%;padding:25px 0;background: rgba(255,255,255,0.05);margin:0 0 0px 0;border-bottom: 1px solid #e5e5e5;}
.news_list-01>li:first-child {padding: 0px 0 20px}
.news_list-01>li:last-child {border:none;}
.news_list-01>li .newl_left{width:78%;float:right;}
.news_list-01>li .newl-q{width:100%;margin-left:2%;float:right;}
.news_list-01>li .newl_left em{transition:all 0.3s ease 0s;font-size:16px;display:block;margin-bottom:10px;text-transform:capitalize;color:#333;max-height:24px;line-height: 24px;overflow: hidden;font-family: "sfprotext-b";    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;width: 100%}
.news_list-01>li .newl_left em:hover,.news_list-01 li a:hover{color:#30bc30;}
.news_list-01>li .newl_left .newm_date{margin-bottom:10px;}
.news_list-01>li .newl_left>p{color:#808080;line-height:22px;font-size:14px;overflow:hidden;max-height:48px;margin:10px 0 0 0;line-height: 22px;}
.news_list-01>li .newl_left .newl_more{transition:all 0.3s ease 0s;display:inline-block;font-size:14px;color:#fff;text-transform:capitalize;padding:0px 25px 0px 25px;margin-top:0px;line-height: 40px;text-transform: capitalize;position: relative;overflow: hidden;text-transform: uppercase;z-index: 10;background: #30bc30;}
.news_list-01>li .newl_left .newl_more:after {}
.news_list-01>li .newl_left .newl_more:hover{}


.news_list-01>li .newl_right{transition:all 0.3s ease 0s;float:left;display:block;width:20%;overflow: hidden;border: 1px solid #eee;margin:0 0 0 0;}
.news_list-01>li .newl_right img{height:auto;width:100%;
transform:scale(1.00,1.00);
-moz-transform:scale(1.00,1.00);
-webkit-transform:scale(1.00,1.00);
transition:all 0.3s ease-in;}
.news_list-01>li .newl_right:hover img{
transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2);}

.news-rr{display:block;margin-bottom:0px;text-align: left;width: 100%;text-align: left;padding:0px 0}
.news-rr-01{display:block;margin-bottom:0px;text-align: center;width: 100%;text-align: center;border-bottom: 1px solid #e5e5e5;padding:10px 0}
.main-right-01 .news-rr{display:block;margin-bottom:0px;margin: 0px 0 0 0;text-align: center;}
.news-rr li{display:inline-block;margin-right:10px;color:#777;padding-right:10px;font-size: 14px;line-height: 22px;padding: 0}
.news-rr li:last-child{border:none;}
.news-rr li i{padding-right:10px;font-style: normal;font-size: 14px;color: #999;}

@media only screen and (max-width: 1200px) {
  .news_list-01 li .newl_right{width:35%;}
  .news_list-01 li .newl_left{width:62%;}
}
@media only screen and (max-width: 992px) {
  .news_list-01 li .newl_right{width:48%;}
  .news_list-01 li .newl_left{width:48%;}
}
@media only screen and (max-width: 768px) {
  .news_list-01 li .newl_right{width:100%;margin-bottom:0px;max-width:100%;margin: 20px 0 0 0}
  .news_list-01 li .newl_left{width:100%;margin: 10px 0 0 0}

}
@media only screen and (max-width: 480px) {
  .news_list-01 li .newl_right{width:100%;float:none;max-width:100%;margin: 0px 0 0 0 ;display: inline-block;}
  .news_list-01 li .newl_left{width:100%;}
}

/*ny-abt-nnn*/
.ny-abt-nnn{padding: 0 0 25px;text-align: center;}
.ny-abt-nnn a{transition:all 0.3s ease 0s;padding:0 20px;line-height: 36px;font-size: 14px;color: #666;border: 1px solid #ccc;display: inline-block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:0px 5px 10px 5px;text-transform: capitalize;}
.ny-abt-nnn a:hover{border: 1px solid #30bc30;color: #30bc30;}
a.ny-abt-nnn-o{border: 1px solid #30bc30;color: #30bc30;}

@media only screen and (max-width:768px) {
  .ny-abt-nnn{padding: 0px 0 0}
  .ny-abt-nnn a{width: 100%}
}

/*tc-box*/
.tc-box{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.6);text-align: center;z-index: 9999999999}
.tc-box-01{width: 100%;max-width: 768px;display: inline-block;display: inline-block;position: absolute;background: #fff;left:50%;top:50%;margin:-200px 0 0 -382px;padding:50px 30px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.tc-box-01 span{font-size: 36px;line-height: 36px;font-family: "sfprotext-b";color: #333;text-transform: capitalize;}
.tc-box-01>p{font-size: 14px;line-height: 24px;margin:30px 0 0 0;color: #666;}
.tc-box-01 .main-more {text-align: center;margin:20px 0 0 0;}
.tc-box-01 .main-more p{margin:10px 10px 0;}
.tc-box-01 .main-more p:last-child{background: #ccc}
.tc-box-01 .main-more .tc18x{}
.tc-box-01 .main-more .tc18x:hover{}
.tc-box-01 .main-more .tc18x-01{}
.tc-box-01 .main-more .tc18x-01:hover{}

@media only screen and (max-width:768px) {
  .tc-box-01{left:0px;width: 90%;margin:-200px 5% 0;}
}
@media only screen and (max-width:480px) {
  .tc-box-01 span{font-size: 30px;line-height: 30px;font-family: "sfprotext-b";color: #333;text-transform: capitalize;}
  .tc-box-01{left:0px;width: 90%;margin:-250px 5% 0;}
}




/*编辑*/
.about_main img{height: auto;max-width: 100%}
.about_main {font-size: 14px;line-height: 24px;}
.about_main *{}

.ny-con-box img{height: auto;max-width: 100%}
.ny-con-box {font-size: 14px;line-height: 24px;}
.ny-con-box *{}

.por-main img{height: auto;max-width: 100%;}
.por-main{font-size: 14px;line-height: 24px;}
.por-main *{}

.news_main>div img{height: auto;max-width: 100%;}
.news_main{font-size: 14px;line-height: 24px;}
.news_main *{text-align: justify;}

.blog_main img{height: auto;max-width: 100%;}
.blog_main{font-size: 14px;line-height: 24px;}
.blog_main *{}


/*fen-news*/
.fen-news{}
.fen-news *{display: inline-block;width: 100%;transition:all 0.3s ease 0s;}
.f-n-img{padding: 10px 0}
.f-n-img>a img{width: 100%;height: auto;}
.f-n-img>span{margin:10px 0 0 0;}
.f-n-img>span a{font-size: 14px;overflow: hidden;line-height: 24px;max-height: 48px;overflow: hidden;font-family: "sfprotext-b";}
.f-n-img>p{width: 100%;font-size: 14px;color:#808080;line-height: 24px;overflow: hidden;max-height: 48px;margin:5px 0 0 0;}
.fen-news ul{border-top: 1px dashed #ccc;}
.fen-news ul li{padding:5px 0 5px 65px;position: relative;border-bottom: 1px dashed #f2f2f2;}
.fen-news ul li i{font-size: 14px;overflow: hidden;line-height: 24px;max-height: 24px;overflow: hidden;font-style: normal;position: absolute;left:0px;top:5px;z-index: 1;width: auto;color: #30bc30;}
.fen-news ul li a{font-size: 14px;overflow: hidden;line-height: 24px;max-height: 24px;overflow: hidden;color: #333;}
.fen-news ul li a:hover{color:#30bc30}
.f-n-img:hover>span a{color:#30bc30;}

/*cnm*/
.cnm{width: 100%;max-width: 768px;padding:10px;text-align: center;}
.cnm *{display: inline-block;width: 100%;transition:all 0.3s ease 0s;}
.cnm .idDiv{width: 100%}
.cnm .fwcode{position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;overflow: hidden;}
.cnm .fwcode p{}
.cnm .fwcode #FwCodec{line-height: 40px;background: #f2f2f2;margin:0-3px 0 0;padding:0 100px 0 20px;width:100%;content: #222;}
.cnm .fwcode .btnQuery{line-height: 40px;background: #30bc30;color:#fff;text-transform: uppercase;width: 100px;position: absolute; right:0px;top:0;}
.cnm .fwcode .btnQuery:hover{background:#2aa32a;}


@media only screen and (max-width:480px) {
  .cnm{width: 100% !important}
.cnm .fwcode #FwCodec{width: 100%;padding:0 20px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  .cnm .fwcode .btnQuery{width: 100%;position: static;margin:20px 0 0 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  }



  
