visibleinline-table@charset "UTF-8";


/* Global */


*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; }

*, *::before, *::after {

box-sizing: border-box;

}


html,

body{ width:100%; font-family: 微软雅黑,Arial; background:#fff; font-weight:400; -webkit-overflow-scrolling: touch;}

body{ width:100%; color:#404040; font-size:14px; line-height:1.7em; letter-spacing:0.02em; position:relative; }


button{ -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s; }


a{

color: #bbbbbb;

text-decoration: none;

-webkit-transition:color .2s; -moz-transition:color .2s; -o-transition:color .2s; transition:color .2s;

}


a:hover,

a:focus,

a.active{

color:#6e8f0b;

}


a:hover .round-more-btn,

a:focus .round-more-btn,

a.active .round-more-btn{ color:#6e8f0b;border-color: #6e8f0b}


.clearfloat{ clear:both; height:0; font-size:1px; line-height:0px; overflow:hidden; }


ul, li{ list-style: none}

h1,h2,h3,h4,h5,h6{ font-weight: 400;}


h1{ font-size:50px; line-height: 1.3em;letter-spacing: 0.1em;}

h2{ font-size: 35px; line-height: 1.52em}

h3{ font-size: 30px; line-height: 1.5em}

h4{ font-size: 25px; line-height: 1.5em}

h5{ font-size: 16px; line-height: 1.5em}

h6{ font-size: 12px; line-height: 1.5em}


.font-13{ font-size: 13px}

.font-18{ font-size: 18px}

.font-20{ font-size: 20px; line-height: 1.5em}


.h4{ font-size: 25px; line-height: 1.5em}

.h5{ font-size: 16px; line-height: 1.5em}


.bold{ font-weight: bold}

.normal{ font-weight: normal}


.letter-spacing-2{ letter-spacing: 2px}

.letter-spacing-5{ letter-spacing: 5px}

.cube-radius{ border-radius: 5px; border: 1px solid #c9c9c9; padding: 30px 30px 50px 30px}

.green-cube-radius{ border-radius: 5px; border: 1px solid #dae1c3; padding: 0 12% 30px 12%; margin-top: -15px}

.round{ border-radius: 50%; overflow: hidden}

.half-circle{ border-radius: 90px}

.border-8-radius{ border-radius: 8px; overflow: hidden}


.light-green{ color: #b1c37a}

.green{ color:#6e8f0b;}

.gray{ color: #7b7b7b}

.light-gray{ color: #737373}

.white{ color: #FFF}

.brown{ color:#8d7f53}

.black{ color: #000}


.z-index99{ z-index: 99}


.center-word{ position: relative; width: auto; top: -15px; display: inline-block; margin: auto; line-height: 28px; padding: 0 15px}

.center-word span{ position:relative; z-index:2;background:#fff;}

.center-word .center-word-line{ content:''; width:100%; height:1px; position:absolute; left:0px; top: 0; bottom: 0; margin: auto; background:#fff; z-index:1; }


.momo-bg{ background: url(../images/landing/section2/bg2.png) no-repeat; background-size: 100% 100%;}


/*.m-hidden{}*/

.dt-hidden{ display: none;}


.gradient-gray{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7c7c7+60,c7c7c7+85&0+74,0.65+100 */

background: -moz-linear-gradient(top,  rgba(199,199,199,0) 60%, rgba(199,199,199,0) 74%, rgba(199,199,199,0.28) 85%, rgba(199,199,199,0.65) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(199,199,199,0)), color-stop(74%,rgba(199,199,199,0)), color-stop(85%,rgba(199,199,199,0.28)), color-stop(100%,rgba(199,199,199,0.65))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7c7c7', endColorstr='#a6c7c7c7',GradientType=0 ); /* IE6-9 */

}


/**** More lighter*****/

.gradient-gray2{

background: -moz-linear-gradient(top,  rgba(199,199,199,0) 60%, rgba(199,199,199,0) 74%, rgba(199,199,199,0.1) 95%, rgba(199,199,199,0.3) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(199,199,199,0)), color-stop(74%,rgba(199,199,199,0)), color-stop(95%,rgba(199,199,199,0.1)), color-stop(100%,rgba(199,199,199,0.3))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7c7c7', endColorstr='#a6c7c7c7',GradientType=0 ); /* IE6-9 */

}


.gradient-brown{

background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(125, 110, 63, 0.0) 60%, rgba(125, 110, 63, 0.04) 74%, rgba(125, 110, 63, 0.1) 85%, rgba(125, 110, 63, 0.15) 100%) repeat scroll 0 0;


background: -moz-linear-gradient(top,  rgba(125, 110, 63,0) 60%, rgba(125, 110, 63, 0.04) 74%, rgba(125, 110, 63, 0.1) 85%, rgba(125, 110, 63, 0.15) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(125, 110, 63,0)), color-stop(74%,rgba(125, 110, 63,0.04)), color-stop(85%,rgba(125, 110, 63,0.1)), color-stop(100%,rgba(125, 110, 63,0.15))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7c7c7', endColorstr='#a6c7c7c7',GradientType=0 ); /* IE6-9 */


}


.background-white{ background: #FFF}

.background-gray{ background: #f4f4f4}

.background-green{ background: #6e8f0b}

.background-green-hover{ background-color: rgba(73,95,5,.75)}

.border-2-green{ border: 2px solid #6e8f0b}

.border-1-green{ border: 1px solid #6e8f0b}

.border-1-black{ border: 1px solid #000}

.border-1-gray{ border: 1px solid #999999}

.border-1-white-bottom{ border-bottom: 1px solid #fff}

.box-1-gray-shadow{ box-shadow: 0px 0px 1px 1px #d9d9d9}

.box-1-black-shadow{ box-shadow: 0 0 1px 0 #000}

.green-underline-title{ border-bottom: 1px solid #dae1c3; padding-bottom: 10px; margin-bottom: 30px}


.text-center{ text-align: center}

.text-justify{ text-align: justify}

.text-left{ text-align: left}

.text-right{ text-align: right}

.float-l{ float: left}

.float-r{ float: right}


.hidden-group{ display: none}

.lg-none{ display: none}

.md-display{ display: none}

.sm-display{ display: none}

.xs-display{ display: none}

.table{ display: table}

.inline-block{ display: inline-block}

.block{ display: block}

.none{ display: none}


.invisible{ opacity: 0}


.overflow-hidden{ overflow: hidden}


.full-width-img img{ width: 100%; height: auto; display: block}

.full-height-img img{ height: 100%; width: auto}


#web-container{

width:100%;

}

.content-warp{

width:100%;

max-width:1400px;

margin-right:auto;

margin-left:auto;

}

#container{

padding-top: 60px; min-height: 500px; position: relative}


.relative{ position: relative }


.animate{ }

.ease-in{

-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000);

-moz-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000);

-o-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000);

transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */


-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);

-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);

-o-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);

transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000); /* ease-in */

}


.ease-in-out{

-webkit-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

-moz-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

-o-transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000);

transition: all 500ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */


-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);

-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);

-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);

transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

}


.padding-5p-top{ padding-top: 5%}

.padding-12p-top{ padding-top: 12%}

.padding-5p-bottom{ padding-bottom: 5%}

.padding-12p-bottom{ padding-bottom: 12%}


.padding-5-bottom{ padding-bottom: 5px}

.padding-10-bottom{ padding-bottom: 10px}

.padding-15-bottom{ padding-bottom: 15px}

.padding-20-bottom{ padding-bottom: 20px}

.padding-25-bottom{ padding-bottom: 25px}

.padding-30-bottom{ padding-bottom: 30px}

.padding-35-bottom{ padding-bottom: 35px}

.padding-40-bottom{ padding-bottom: 40px}

.padding-45-bottom{ padding-bottom: 45px}

.padding-50-bottom{ padding-bottom: 50px}

.padding-55-bottom{ padding-bottom: 55px}

.padding-60-bottom{ padding-bottom: 60px}

.padding-65-bottom{ padding-bottom: 65px}

.padding-70-bottom{ padding-bottom: 70px}

.padding-75-bottom{ padding-bottom: 75px}

.padding-80-bottom{ padding-bottom: 80px}

.padding-85-bottom{ padding-bottom: 85px}

.padding-90-bottom{ padding-bottom: 90px}

.padding-95-bottom{ padding-bottom: 95px}

.padding-100-bottom{ padding-bottom: 100px}


.padding-5-top{ padding-top: 5px}

.padding-10-top{ padding-top: 10px}

.padding-15-top{ padding-top: 15px}

.padding-20-top{ padding-top: 20px}

.padding-25-top{ padding-top: 25px}

.padding-30-top{ padding-top: 30px}

.padding-35-top{ padding-top: 35px}

.padding-40-top{ padding-top: 40px}

.padding-45-top{ padding-top: 45px}

.padding-50-top{ padding-top: 50px}

.padding-55-top{ padding-top: 55px}

.padding-60-top{ padding-top: 60px}

.padding-65-top{ padding-top: 65px}

.padding-70-top{ padding-top: 70px}

.padding-75-top{ padding-top: 75px}

.padding-80-top{ padding-top: 80px}

.padding-85-top{ padding-top: 85px}

.padding-90-top{ padding-top: 90px}

.padding-95-top{ padding-top: 95px}

.padding-100-top{ padding-top: 100px}


.padding-5-left{ padding-left: 5px}

.padding-10-left{ padding-left: 10px}

.padding-15-left{ padding-left: 15px}

.padding-20-left{ padding-left: 20px}

.padding-25-left{ padding-left: 25px}

.padding-30-left{ padding-left: 30px}

.padding-35-left{ padding-left: 35px}

.padding-40-left{ padding-left: 40px}

.padding-45-left{ padding-left: 45px}

.padding-50-left{ padding-left: 50px}

.padding-55-left{ padding-left: 55px}

.padding-60-left{ padding-left: 60px}

.padding-65-left{ padding-left: 65px}

.padding-70-left{ padding-left: 70px}

.padding-75-left{ padding-left: 75px}

.padding-80-left{ padding-left: 80px}

.padding-85-left{ padding-left: 85px}

.padding-90-left{ padding-left: 90px}

.padding-95-left{ padding-left: 95px}

.padding-100-left{ padding-left: 100px}


.padding-5-right{ padding-right: 5px}

.padding-10-right{ padding-right: 10px}

.padding-15-right{ padding-right: 15px}

.padding-20-right{ padding-right: 20px}

.padding-25-right{ padding-right: 25px}

.padding-30-right{ padding-right: 30px}

.padding-35-right{ padding-right: 35px}

.padding-40-right{ padding-right: 40px}

.padding-45-right{ padding-right: 45px}

.padding-50-right{ padding-right: 50px}

.padding-55-right{ padding-right: 55px}

.padding-60-right{ padding-right: 60px}

.padding-65-right{ padding-right: 65px}

.padding-70-right{ padding-right: 70px}

.padding-75-right{ padding-right: 75px}

.padding-80-right{ padding-right: 80px}

.padding-85-right{ padding-right: 85px}

.padding-90-right{ padding-right: 90px}

.padding-95-right{ padding-right: 95px}

.padding-100-right{ padding-right: 100px}


.margin-5-bottom{ margin-bottom: 5px}

.margin-10-bottom{ margin-bottom: 10px}

.margin-15-bottom{ margin-bottom: 15px}

.margin-20-bottom{ margin-bottom: 20px}

.margin-25-bottom{ margin-bottom: 25px}

.margin-30-bottom{ margin-bottom: 30px}

.margin-35-bottom{ margin-bottom: 35px}

.margin-40-bottom{ margin-bottom: 40px}

.margin-45-bottom{ margin-bottom: 45px}

.margin-50-bottom{ margin-bottom: 50px}

.margin-55-bottom{ margin-bottom: 55px}

.margin-60-bottom{ margin-bottom: 60px}

.margin-65-bottom{ margin-bottom: 65px}

.margin-70-bottom{ margin-bottom: 70px}

.margin-75-bottom{ margin-bottom: 75px}

.margin-80-bottom{ margin-bottom: 80px}

.margin-85-bottom{ margin-bottom: 85px}

.margin-90-bottom{ margin-bottom: 90px}

.margin-95-bottom{ margin-bottom: 95px}

.margin-100-bottom{ margin-bottom: 100px}


.margin-5-top{ margin-top: 5px}

.margin-10-top{ margin-top: 10px}

.margin-15-top{ margin-top: 15px}

.margin-20-top{ margin-top: 20px}

.margin-25-top{ margin-top: 25px}

.margin-30-top{ margin-top: 30px}

.margin-35-top{ margin-top: 35px}

.margin-40-top{ margin-top: 40px}

.margin-45-top{ margin-top: 45px}

.margin-50-top{ margin-top: 50px}

.margin-55-top{ margin-top: 55px}

.margin-60-top{ margin-top: 60px}

.margin-65-top{ margin-top: 65px}

.margin-70-top{ margin-top: 70px}

.margin-75-top{ margin-top: 75px}

.margin-80-top{ margin-top: 80px}

.margin-85-top{ margin-top: 85px}

.margin-90-top{ margin-top: 90px}

.margin-95-top{ margin-top: 95px}

.margin-100-top{ margin-top: 100px}


.margin-5-left{ margin-left: 5px}

.margin-10-left{ margin-left: 10px}

.margin-15-left{ margin-left: 15px}

.margin-20-left{ margin-left: 20px}

.margin-25-left{ margin-left: 25px}

.margin-30-left{ margin-left: 30px}

.margin-35-left{ margin-left: 35px}

.margin-40-left{ margin-left: 40px}

.margin-45-left{ margin-left: 45px}

.margin-50-left{ margin-left: 50px}

.margin-55-left{ margin-left: 55px}

.margin-60-left{ margin-left: 60px}

.margin-65-left{ margin-left: 65px}

.margin-70-left{ margin-left: 70px}

.margin-75-left{ margin-left: 75px}

.margin-80-left{ margin-left: 80px}

.margin-85-left{ margin-left: 85px}

.margin-90-left{ margin-left: 90px}

.margin-95-left{ margin-left: 95px}

.margin-100-left{ margin-left: 100px}


.margin-5-right{ margin-right: 5px}

.margin-10-right{ margin-right: 10px}

.margin-15-right{ margin-right: 15px}

.margin-20-right{ margin-right: 20px}

.margin-25-right{ margin-right: 25px}

.margin-30-right{ margin-right: 30px}

.margin-35-right{ margin-right: 35px}

.margin-40-right{ margin-right: 40px}

.margin-45-right{ margin-right: 45px}

.margin-50-right{ margin-right: 50px}

.margin-55-right{ margin-right: 55px}

.margin-60-right{ margin-right: 60px}

.margin-65-right{ margin-right: 65px}

.margin-70-right{ margin-right: 70px}

.margin-75-right{ margin-right: 75px}

.margin-80-right{ margin-right: 80px}

.margin-85-right{ margin-right: 85px}

.margin-90-right{ margin-right: 90px}

.margin-95-right{ margin-right: 95px}

.margin-100-right{ margin-right: 100px}


.align-spacing{ padding-top: 50px; padding-bottom: 50px}

.align-spacing2{ padding-top: 50px; padding-bottom: 70px}

.green-title{ padding-bottom: 30px; line-height: 25px}

.div-under-banner{ padding-top: 50px}


input{

padding: 5px 10px;

font-size: 14px;

line-height: 14px;

border-radius: 8px;

box-shadow: none;

border: 1px solid #9D9D9D;

width: 99%;

outline: none;

}


/* Button */

.back-top{ position: fixed; bottom: 10%; right: 5%; display: none; cursor: pointer; z-index: 9999}

.back-top i{ font-size: 55px; color: #9D9D9D}


.go-footer{ cursor: pointer}


button{ border: 0; padding: 0; outline: none; cursor: pointer}

button.round-button{ border-radius: 50%; }

button.round-button:hover,

button.round-button.active{ background: #6e8f0b; color:#fff }


button.round-button i{ font-size: 22px; width: 25px; height: 25px; line-height: 22px}

button.big{ width:150px; height: 35px; border-radius: 17px; border: none; position: relative}

button.big.middle{ position: absolute; bottom: -17px; left: 0; right: 0; margin: auto}

button.big span{ padding: 10px 30px 10px 10px; letter-spacing: 2px}

button.big i{ top: 3px; line-height: 27px; width:27px }

button.big.green-button i{ background: #5c721a}

button.big i{ position: absolute; right: 5px; color: #fff; font-size: 14px; border-radius: 50%; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;}

button.big i.fa-question{ font-size: 19px}

button.big i.fa-angle-right{ font-size: 18px}


.fa-angle-left:before{ position: relative; right: 1px}

.fa-angle-right:before{ position: relative; left: 1px}


.green-button{ background: #6e8f0b; color: #fff}

.green-button span{ font-size: 13px}


.gray-button.big i{ position: absolute; right: 5px; color: #fff; font-size: 14px; border-radius: 50%; background: #AAAAAA}

.gray-button.big{ background: none; border:1px solid #9D9D9D}

.gray-button span{ font-size: 13px}

.gray-button.big:hover,

.gray-button.big.active{ background: #6e8f0b; color:#fff}

.gray-button.big:hover i,

.gray-button.big.active i{ background: #5c721a}


.border-button.big{ background: none; border:1px solid #9D9D9D}

.border-button span{ font-size: 13px}

.border-button.big:hover,

.border-button.big.active{ background: #6e8f0b; color:#fff}


#fancybox-close i{ font-size: 30px}


.round-more-btn{

position: absolute;

top: 0;

bottom: 0;

right: 20px;

margin: auto;

width:20px;

height:20px;

border:1px solid #DBDADB;

color:#DBDADB;

border-radius: 50%;

line-height: 20px;

display: inline-block;

text-align: center;

font-size:10px;

margin-left:5px;

-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;

}


.round-more-btn:hover{

border:1px solid #6e8f0b;

}


.all-equipment a{ color: #fff}


.circle-border-btn-wrap{width:100%;height:100%;border:5px solid rgba(48, 81, 1, 0);border-radius: 50%;-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;}

.circle-border-btn-wrap .circle-border-btn{width:100%;height:100%;border:1px solid rgba(153, 153, 153, 1);border-radius: 50%;background: #fff}

.circle-border-btn-wrap:hover,

.circle-border-btn-wrap.active{border:5px solid rgba(48, 81, 1, 0.6);}


.circle-border-btn-wrap:hover .circle-border-btn,

.circle-border-btn-wrap.active .circle-border-btn{ border-color: rgba(153, 153, 153, 0);}


.tick-content ul li{ background: url('../images/tick.png') left top no-repeat; padding: 5px 0 10px 40px;}


.loader{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; text-align: center; width: 60px; height: 20px; z-index: 999; display: none}

.ball-pulse>div{ background-color: #999}


/* Grid */

.wrap-80{

/*width:1240px;*/

width:88%;

margin-right:auto;

margin-left:auto;

}


.half-2{ width: 46%; margin-right: 4%; padding-left: 40px}

.half-2:first-child{ margin-right: 0; padding-left: 0}

.half-3{ width: 47%;}

.half{ width: 50%}

.half-4-add{ width: 54%}


.width-80{ width: 80%; margin: auto}


.valign-wrap{display:table;height: 100%;width: 100%;}


.valign-cell{display:table-cell; vertical-align:middle;}


.prev, .next{

background: #6e8f0b;

border-radius: 50%;

bottom: 0;

color: #fff;

height: 30px;

line-height: 27px;

text-align: center;

width: 30px;

cursor: pointer;

font-size: 22px;

}


/* General */

.general-content p{ color: #7b7b7b}

.general-content ol{ counter-reset: li}

.general-content ol li{ color: #7b7b7b; padding-top: 5px}

.general-content ol li:first-child{ padding-top: 0}

.general-content ol > li:before{ content: counter(li); counter-increment: li; display: inline-block; color: #6e8f0b; line-height: 21px; font-size: 14px; margin-right: 5px; border: 1px solid #6e8f0b;  border-radius: 50%; width: 23px; height: 23px; text-align: center; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float: left}


.equipIntro-content ol{ counter-reset: li}

.equipIntro-content ol li{ color: #7b7b7b; padding-top: 5px}

.equipIntro-content ol li:first-child{ padding-top: 0}

.equipIntro-content ol > li:before{ content: counter(li); counter-increment: li; display: inline-block; color: #6e8f0b; line-height: 21px; font-size: 14px; margin-right: 5px; border: 1px solid #6e8f0b;  border-radius: 50%; width: 23px; height: 23px; text-align: center; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float: left}


.general-content h4{ margin-bottom: 25px}

.general-content h5{ margin-bottom: 5px}

.general-content p{ margin-bottom: 25px}

.general-content ul{ margin-bottom: 25px}

.general-content ol{ margin-bottom: 25px}

.image-group-container .image-group{ margin-left: 2.27%}

.image-group-container .image-group:first-child{ margin-left: 0}


/* Page Title Block */


.page-title{ position: absolute; right: 0; top: -74px; }

.page-title h5{ font-weight: normal; color: #636363; line-height: 21px; margin-bottom: 15px}

.page-title .big-title{ color: #6e8f0b; margin-top: 5px}

.page-title span{ font-size: 40px; line-height: 40px; font-family: Arial,'NotoSansCJKjp-Light-Alphabetic','LiHei Pro Medium','STHeiti','Microsoft YaHei','serif','SimHei',sans-serif; font-weight: normal; float: left; margin-left: 7px}

.page-title span.seperator{ font-size: 25px; line-height: 33px}

.page-title span:first-child{ margin-left: 0}

.page-title .parent-title{ font-size: 34px;  line-height: 35px; margin-left: 15px; font-family: Arial,'NotoSansCJKjp-Light-Alphabetic','LiHei Pro Medium','STHeiti','Microsoft YaHei','SimHei', sans-serif}


.single .page-title span.single-title{ font-size: 16px; line-height: 21px; font-family:Arial,'NotoSansCJKjp-Light-Alphabetic','LiHei Pro Medium','STHeiti','Microsoft YaHei','SimHei','serif',sans-serif; margin-left: 7px}

.single .page-title span.single-title:first-child{ margin-left: 0}

.single .page-title i{ font-size: 20px; margin-left: 7px}


.m-page-title{ text-align: center;border-bottom: 2px solid #ddd;padding-bottom: 15px;padding-top: 15px;text-align: center;border-bottom: 2px solid #edecec;}


.title-two-words{ padding-bottom: 30px}

.title-two-words span{ display: inline-block; margin-left: 15px}

.title-two-words span:first-child{ margin-left: 0}


/****************** header ***************/

.header-warp{

width:100%;

height:123px;

background-image:url("../images/top_header_bg.png");

background-repeat: no-repeat;

background-size: 100% 100%;

position: fixed;

top:0;

left:0;

z-index: 210;

}


.header-warp .logo{ position: absolute; top:0; left:50%; margin-left:-103px;}

.header-warp .m-logo{ width: 120px; height: 50px; position: absolute; top: 0; bottom: 0; left: 0; right: 0;margin:auto;display: none}

.header-warp .m-logo a{ display: block; text-align: center}

.header-warp .m-logo a img{ width: 100%; height: auto}


.header-warp .online-inquiry-wrap{

background: #6F8E1D;

color: #fff;

padding: 12px 40px 12px 60px;

position: absolute;

top:0;

right:0;

border-radius: 0 0 0 25px;

cursor: pointer;

width: 235px;

display: none;

}


.header-warp .top-ss-icon-wrap{

background: #6F8E1D;

color: #fff;

padding: 5px 10px;

position: absolute;

top:0;

right:0;

border-radius: 0 0 0 5px;

}


.header-warp .top-ss-icon-wrap ul li{

float: left;

position: relative;

padding: 0;

width: 37px;

text-align: center

}


.header-warp .top-ss-icon-wrap ul li a{ color:#fff}

.header-warp .top-ss-icon-wrap ul li .icon{

position: absolute;

top:0;

right:0;

left:0;

bottom:0;

/*border:1px solid #fff;*/

-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;

opacity: 1;

padding-top: 3px;

}


.header-warp .top-ss-icon-wrap ul li div{

opacity: 0;

font-size: 12px;

-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;

}


.header-warp .top-ss-icon-wrap ul li #ss-icon1{ background:url("../images/icon-01.png") no-repeat center center;}

.header-warp .top-ss-icon-wrap ul li #ss-icon2{ background:url("../images/icon-02.png") no-repeat center center;}

.header-warp .top-ss-icon-wrap ul li #ss-icon3{ background:url("../images/icon-03.png") no-repeat center center;}

.header-warp .top-ss-icon-wrap ul li #ss-icon4{ background:url("../images/icon-04.png") no-repeat center center;}

.header-warp .top-ss-icon-wrap ul li #ss-icon5{ background:url("../images/icon-05.png") no-repeat center center;}


.header-warp .top-ss-icon-wrap ul li:hover .icon{ opacity: 0}

.header-warp .top-ss-icon-wrap ul li:hover div{ opacity: 1}


.advisory-wrap{

background: rgba(110,143,11,0.7);

bottom: 20px;

left: 0;

margin: 0 auto -20px;

position: fixed;

width: 100%;

color:#fff;

-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;

opacity: 1;

display: block;

z-index: 99

}


.advisory-wrap.active{

/**opacity: 0;

visibility: hidden;**/

}


.advisory-wrap a{ color:#fff;}

.advisory-wrap ul{ text-align: center;width: 100%;margin: auto;}

.advisory-wrap ul li{ display: inline-block; position: relative;}

.advisory-wrap a{ font-size: 12px;}

.advisory-wrap a .icon{ font-size: 24px;}

.advisory-wrap ul{ -ms-overflow-style: none}

.advisory-wrap ul li{ margin:3px 20px;padding-top: 10px; cursor: pointer}

.advisory-wrap ul li .advisory-num{ position: absolute; top:5px; right:-5px; font-size:10px;background: #ff0000;width:18px;text-align: center;height:18px; line-height: 18px;border-radius: 50%;}


.mobile-menu-btn-wrap{ position: absolute; top: 0; bottom: 0; margin: auto; left: 30px;width:26px; height: 25px; display:none;cursor: pointer}

.mobile-menu-btn-wrap span{ display: block; height:3px; margin-bottom:4px;background: #6D5D2C; border-radius:2px;}

.mobile-menu-wrapper{ position: relative; top: 70px}

.top-mobile-menu-wrap{ position: relative; overflow: scroll; background: #f1f0ea;padding: 0px 0;position: relative;width: 100%;display:none;border-bottom:1px solid #C7C3B3}

.top-mobile-menu-wrap.active{ display:block;}

.top-mobile-menu-wrap ul{ display: block}

.top-mobile-menu-wrap ul li{padding:0px;border-top:1px solid #C7C3B3;color:#6d5d2c; font-size: 16px;}

.top-mobile-menu-wrap ul li div{padding:10px 30px;position: relative}

.top-mobile-menu-wrap ul li div i{ position: absolute;margin-top: -10px;right: 30px;top: 50%;}

.top-mobile-menu-wrap ul li ul{display: none; background: #fff;}

.top-mobile-menu-wrap ul li ul.active{display: block}

.top-mobile-menu-wrap ul li ul li{border-top:1px solid #C7C3B3;color:#6e8f0b;}

.top-mobile-menu-wrap ul li ul li ul{display: none; padding:0px 0 10px 0}

.top-mobile-menu-wrap ul li ul li ul.active{display: block}

.top-mobile-menu-wrap ul li ul li ul li{ border-top:none;}

.top-mobile-menu-wrap ul li ul li ul li:first-child{ padding-top:15px}

.top-mobile-menu-wrap ul li ul li ul li div{ padding-top:2px;padding-bottom:2px;}

.top-mobile-menu-wrap ul li ul li ul li:first-child{ border-top:1px solid #C7C3B3;}


.online-inquiry-wrap i{ font-size:17px; }


.header-warp .online-inquiry-wrap span{ padding:0 30px 0 30px; }


.header-warp .online-inquiry-popup-wrap{

background: rgba(255,255,255,0.8);

padding:60px 20px 10px 20px;

position: fixed;

top: -300px;

right:0;

border-radius: 0 0 0 25px;

text-align: center;

width:235px;

-webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;

display: none;

}


.header-warp .online-inquiry-popup-wrap.active{

top: 0px;

}


.header-warp .online-inquiry-popup-wrap textarea{

min-height: 80px;

border: 0 none;

font-size:12px;

width: 100%;

background: none;

}


.header-warp .online-inquiry-popup-wrap button.big{

width:130px; height: 28px;

}


.header-warp .online-inquiry-popup-wrap button.big i{

line-height: 22px;

top: 2px;

width: 22px;

right:2px;

}


.top-banner{ margin-top: 80px; overflow: hidden; position: relative; height: 650px; z-index: 9}

.top-banner .bg-img{ height: 100%; width: 80%; right: 0; top: -100%; bottom: -100%; margin: auto; overflow: hidden; position: absolute; background-size: cover; background-position: right center; background-repeat: no-repeat}


.page-template-temptemp-6-1-php .top-banner .bg-img,

.page-template-temptemp-4-1-php .top-banner .bg-img,

.page-template-temptemp-1-1-php .top-banner .bg-img,

.page-template-temptemp-1-3-php .top-banner .bg-img,

.single-article .top-banner .bg-img,

.page-template-temptemp-1-4-php .top-banner .bg-img,

.page-template-temptemp-2-php .top-banner .bg-img{ width: 100%}


.page-template-temptemp-1-3-php .top-banner-cont,

.single-article .top-banner .top-banner-cont,

.page-template-temptemp-1-4-php .top-banner-cont{ display: none;}


.top-banner .bg-img.bg{ background-size: cover; background-position: center center; background-repeat: no-repeat}


.top-banner .top-banner-cont{ position: absolute; top:0px; right: 50%; width:600px; height:100%; text-align: center; }


.top-banner .top-banner-cont h1{ font-size: 39px}


.top-banner.other-page img{

width: 100%;

height: auto;

position: absolute;

left: -100%;

right: -100%;

top: -100%;

bottom: -100%;

margin: auto

}


.top-banner .top-banner-waves{ position: absolute; bottom:0;left: 0; width:100%; background: url("../images/waves-bg_1400_new2.png"); height:70px; background-position: center center; z-index: 99 }


.service-banner-waves{position: absolute; bottom:0;left: 0; width:100%; background: url("../images/waves-bg_1400.png"); height:64px; background-position: center center}

/**************** menu **************/

.header-warp .top-menu{

position: absolute;

top:30px;

width:50%;

}


.header-warp .top-menu.left-menu{ right:50%; text-align: right; margin-right:100px;top: 0px;}

.header-warp .top-menu.right-menu{ left:50%; text-align: left; margin-left:110px;top: 0px;}


.header-warp .top-menu li{

display: inline-block;

margin-right:6px;

margin-left:6px;

position: relative;

}


.header-warp .top-menu li a{

color: #7d6e3f;

font-size: 16px;

line-height: 80px;

display: inline-block;

}


.header-warp .top-menu li a:hover,

.header-warp .top-menu li a.active{ color:#6e8f0b;}


.top-submenu-warp{

position: fixed;

top:76px;

width: 350px;

background: #fff;

padding: 50px 40px 0;

z-index: 209;

display: none;

box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);

/*left: -40px;*/

border-bottom-left-radius: 15px;

border-bottom-right-radius: 15px;

left: 50%;

}


.top-submenu-warp.active{

display: block;

}


.top-submenu-warp .span_9_of_12{

min-height: 270px;

}


.top-submenu-warp .span_9_of_12{ border-right:1px solid #E1E1E1;}


.top-submenu-warp .top-submenu-col{

width:auto;

min-height: 230px;

float: left;

margin-bottom:10px;

margin-right: 20px;

font-size: 12px;

text-align: left;

}

.top-submenu-warp .top-submenu-col:first-child{

margin-left: 0

}

.top-submenu-warp .top-submenu-col a {line-height: 1em;font-size: 13px;}

.top-submenu-warp .top-submenu-col .green{ font-size: 14px;}

.top-submenu-warp .top-submenu-col .green a{ color:#6e8f0b}


#top-submenu-warp7{ width: auto;margin-left: -485px;}

#top-submenu-warp637{ width: auto;margin-left: -325px;}

#top-submenu-warp221{ width: auto;margin-left: -247px;}

#top-submenu-warp647{ width: auto;margin-left: 76px;}

#top-submenu-warp265{width: auto;margin-left: 278px;}

#top-submenu-warp263{width: auto;margin-left: 355px;}

#top-submenu-warp2006{width: auto;margin-left: 60px;}

.top-submenu-warp .top-menu-ad-wrap{

width:140px;

position: relative;

height:140px;

border-radius: 50%;

border:1px solid #bbbbbb;

margin-top: 20px;

margin-right: auto;

margin-left:auto;

}


.top-submenu-warp .top-menu-ad-wrap img{

width:100%;

position: absolute;

bottom:0;

left:0;

border-bottom-right-radius: 70px;

border-bottom-left-radius: 70px;

}


/************************ landing *******************/

.page-template-temp-index .top-banner{/*padding-bottom:47.5%;*/ height:650px;}

.page-template-temp-index h3{ font-size: 20px;}

.page-template-temp-index h4{ font-size: 16px;}

.page-template-temp-index h5{ font-size: 14px;}


.page-template-temp-index .green-title{ padding-bottom:10px}


.index-slider-wrap { height:100%; width: 100%; position: relative}

.index-slider-wrap .index-slider-img{ position: relative;height:100%; width: 100%}

.index-slider-wrap .index-slider-img ul{height:100%; opacity: 0; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s; position: absolute; top: 0; left: 0; width: 100%}

.index-slider-wrap .index-slider-img ul.active{opacity: 1}

.index-slider-wrap .index-slider-img ul li{opacity: 0;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;visibility: hidden; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0; left: 0; width: 100%; height: 100%}

/*

.index-slider-wrap .index-slider-img ul li.byWidth{width:100%;}

.index-slider-wrap .index-slider-img ul li.byHeight{height:100%;}

*/


.index-slider-wrap .index-slider-img ul li img{width: 100%;height: auto;position: absolute;left: -100%;right: -100%;top: -100%;bottom: -100%;margin: auto}

/************** style1 ***********/

.index-slider-wrap .index-slider-img ul li .style1.index-slider-title{ bottom: 100px; left: 50%; margin-left: -25%; position: absolute; top: 100px; width: 50%;text-align: center;color: #606060;}

.index-slider-wrap .index-slider-img ul li .style1.index-slider-title h1{ margin-bottom:15px; color:#6e8f0b}

.index-slider-wrap .index-slider-img ul li .style1.index-slider-title h4{ font-weight: normal; margin-bottom: 20px;}


/************** style2 ***********/

.index-slider-wrap .index-slider-img ul li .style2.index-slider-title{ bottom: 150px; right: 0; width: 50%; position: absolute; text-align: center;color: #606060}

.index-slider-wrap .index-slider-img ul li .style2.index-slider-title h1{ margin-bottom:15px; color:#6e8f0b}

.index-slider-wrap .index-slider-img ul li .style2.index-slider-title h4{ font-weight: normal; margin-bottom: 20px;}


.mobile-index-slider-img{ z-index: 8}


.index-slider-wrap .index-slider-img ul li.byWidth img{width:100%; height: auto;}

.index-slider-wrap .index-slider-img ul li.byHeight img{height:100%; width:100%}

.index-slider-wrap .index-slider-img ul li.active{ visibility: visible; opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; z-index: 9}


.index-slider-wrap .index-slider-pager{ position: absolute; bottom: 80px; width:100%;text-align: center; z-index: 99}

.index-slider-wrap .index-slider-pager ul li {display: inline-block; width:auto;text-align: center }

.index-slider-wrap .index-slider-pager ul li a{ display: inline-block; background: rgba(0,0,0,0); border-radius: 50%;border:2px solid rgb(110, 143, 11); margin:5px; width: 16px; height: 16px;-webkit-transition:all 0.1s; -moz-transition:all 0.1s; -o-transition:all 0.1s; transition:all 0.1s;}

.index-slider-wrap .index-slider-pager ul li.active { }

.index-slider-wrap .index-slider-pager ul li.active a{background:rgb(153, 176, 83); border-width: 0; padding: 0}


.index-slider-wrap .index-slider-sub-pager{position: absolute; top: 0; bottom: 0; right: 40px; margin: auto; display: table; height: 100%; z-index: 99}

.index-slider-wrap .index-slider-sub-pager ul{opacity: 0; visibility: hidden;display: none;}

.index-slider-wrap .index-slider-sub-pager ul.active{opacity: 1; visibility: visible;display: table-cell; vertical-align: middle}

.index-slider-wrap .index-slider-sub-pager ul li{ display: block;margin-bottom: 15px;cursor: pointer;opacity: 0.7;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}


.index-slider-wrap .index-slider-sub-pager ul li .round-img-wrap{width:40px;height:40px;display: inline-block; float: right;}


.index-slider-wrap .index-slider-sub-pager ul li span{ margin-right:20px;line-height: 45px; opacity: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}


.index-slider-wrap .index-slider-sub-pager ul li:hover,

.index-slider-wrap .index-slider-sub-pager ul li.active{opacity: 1}

.index-slider-wrap .index-slider-sub-pager ul li:hover .round-img-wrap,

.index-slider-wrap .index-slider-sub-pager ul li.active .round-img-wrap{ opacity: 1}

.index-slider-wrap .index-slider-sub-pager ul li:hover .round-img-wrap .round-img,

.index-slider-wrap .index-slider-sub-pager ul li.active .round-img-wrap .round-img{border:2px solid rgba(110,143,11,1);width:100%;margin:0%;}


.index-slider-wrap .index-slider-sub-pager ul li:hover .round-img-wrap .round-img img,

.index-slider-wrap .index-slider-sub-pager ul li.active .round-img-wrap .round-img img{ border-color: rgba(162,162,162,1); padding: 0%;}


.index-slider-wrap .index-slider-sub-pager ul li:hover span,

.index-slider-wrap .index-slider-sub-pager ul li.active span{ opacity: 1}


.case-album .round-img-wrap{ cursor: default}

.caase-album .round-img-wrap .round-img{ border: 1px solid rgba(110,143,11,1)}

.case-album .round-img-wrap .round-img:hover .round-img, .case-album .round-img-wrap.active .round-img{ border: 1px solid rgba(110,143,11,1)}


.case-ball.circle-border-btn-wrap{ width: 57px; height: 57px}

.case-mobile-img:after{

content: 'flickity';

display: none;

}

.case-mobile-img li{ width: 100%}

.case-mobile-img li img{ border: 0}

.mobile-case-button img{ width: 20px; height: auto; display: inline-block}

.mobile-case-button span{ display: inline-block; color: #FFF; font-size: 32px; position: relative; bottom: 2px}

.case-left .mobile-case-button span{ margin-left: 5px}

.case-right .mobile-case-button span { margin-right: 5px}

.case-mobile-title-group{ text-align: center; padding: 20px 0; display: none}

.case-mobile-title-group .case-mobile-title{ display: none}

.case-mobile-title-group .case-mobile-title.active{ display: block}

.case-mobile-title-group .case-mobile-title ul li{ display: none}

.case-mobile-title-group .case-mobile-title ul li.active{ display: block}

.case-mobile-title-group .case-mobile-title ul li br{ display: none}

.case-mobile-title-group .case-mobile-title ul li span{ display: inline-block; margin-left: 5px}

.case-mobile-title-group .case-mobile-title ul li span:first-child{ margin-left: 0}


.flickity-viewport{ background: #fff; border-radius: 50%; border: 1px solid rgba(110,143,11,1)}

.flickity-page-dots{ left: 0; right: 0}

.flickity-page-dots .dot{ border: none; outline: none; background: #999 !important; border-radius: 50%; vertical-align: middle; width: 8px !important; height: 8px;}

.flickity-page-dots .dot:before{ content: "" !important}

.flickity-page-dots .dot.is-selected{ border: 2px solid #999 !important; background: #fff !important; width: 11px !important; height: 11px; }


/******** round-img-wrap *****/

.round-img-wrap{ position: relative; width:100%;height:100%;display:inline-block;word-spacing: -1;text-align: center;cursor:pointer;box-sizing: initial;opacity: 0.7;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.round-img-wrap .round-img{ position: relative; border-radius: 50%;padding:3%;border:2px solid rgba(110,143,11,0);width:90%;margin:5%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.round-img img{width:100%;display: block; border-radius: 50%;border:1px solid rgba(141, 127, 83, 1);padding: 3%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}


.round-img-wrap:hover,

.round-img-wrap:active,

.round-img-wrap.active{opacity: 1;}

.round-img-wrap:hover .round-img,

.round-img-wrap:active .round-img,

.round-img-wrap.active .round-img{border:2px solid rgba(110,143,11,0.6); transform:scale(1.1); margin:5%;}

.round-img-wrap:hover .round-img p,

.round-img-wrap:active .round-img p,

.round-img-wrap.active .round-img p{ transform: scale(none) }


.round-img-wrap:hover .round-img img,

.round-img-wrap:active .round-img img,

.round-img-wrap.active .round-img img{ border-color: rgba(162,162,162,0); transform:scale(1.07); padding: 3%;}


.related-feature-container .round-img-wrap:hover .round-img,

.related-feature-container .round-img-wrap:active .round-img,

.related-feature-container .round-img-wrap.active .round-img{ transform: none}


/********* mask *********/

.round-img .round-img-mask-wrap{ background: rgba(0, 0, 0, 0.6); -ms-border-radius:50%; border-radius: 50%;bottom: 0;height: 94%;left: 0;margin: 3%;position: absolute;right: 0;top: 0;width: 94%; opacity: 0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;color:#fff}


.round-img-wrap:hover .round-img .round-img-mask-wrap,

.round-img-wrap:active .round-img .round-img-mask-wrap,

.round-img-wrap.active .round-img .round-img-mask-wrap{ opacity: 1; }


/********* left title *********/

.round-img-wrap .round-img-left-title{ position: absolute;left: 120%;margin-top: -10px;width: 120px;text-align: left;}

.round-img-wrap:hover .round-img-left-title,

.round-img-wrap:active .round-img-left-title,

.round-img-wrap.active .round-img-left-title{ color:#6f8e1d}


.section2, .section3, .section4, .section5, .section6, .section7{

padding-top:20px;

padding-bottom:20px;

overflow: hidden;

z-index: 98

}


/******** landing section2 ********/

.section2{

position: relative;

/*margin-top:-48px;*/

background:url(../images/landing/section2/bg2.png) no-repeat;

height:220px;

z-index: 98;

background-size: 100% 100%;

padding-top: 15px;

box-shadow: 0 7px 9px -3px rgba(0, 0, 0, 0.13);

}


.section2 .page-main-title{ position: absolute}


.five-image-alternating-wrap{ padding: 0; padding-left:250px}

.five-image-alternating-wrap ul li{float:left;margin-left:0%;width:16%;height:16%;text-align: center;}

.five-image-alternating-wrap ul li:nth-child(2n+1){ /*margin-top:80px;*/}

.five-image-alternating-wrap ul li:first-child{margin-left:0%;}

.five-image-alternating-wrap ul li img{width:100%;display: block;}


.five-image-alternating-wrap ul li span{

display: block;

margin-top: -10px;

font-size: 14px;

}


.five-image-alternating-wrap ul li span i{ font-size: 20px; position: relative; top: 1px; margin-left: 6px}


/******** landing section3 *******/

.section3{

padding-bottom: 5px;

box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.11);

}


.section3 .group{ display:none;}

.section3 .group.active{ display:block;}


.section3 .case-album{width:100%;margin-top:-80px;padding-bottom:0;}

.section3 .case-button-group{ padding-bottom:0px;}


.section3 .case-ball-wrap .circle-border-btn-wrap{ width:65px; height:65px; margin:0 auto;cursor: pointer}

.section3 .case-wrapper{ margin-top:0px;margin-bottom:0px;padding-bottom:0; margin-left:0px; margin-right:140px}


.section3 .case-cont{ text-align: center;}

.section3 .case-detail{ height:130px}


.section3 .case-detail .font-18{ font-size: 14px}


/******* landing section4 *******/

.section4{


}


.section4 .group{ display:none;}

.section4 .group.active{ display:block;}


/*

.section4.bg0{ background-image: url(../images/landing/section4/bg1.png); background-repeat: no-repeat; background-position: center right; background-size: auto 100%;}

.section4.bg1{ background-image: url(../images/landing/section4/bg2.png); background-repeat: no-repeat; background-position: center right; background-size: auto 100%;}

.section4.bg2{}

*/

.left-menu-wrap{


}


.left-menu-wrap li{

padding:5px 0 0 0;

display: inline-block;

width: 40%;

}


.left-menu-wrap li:nth-child(2n){

clear: both;

}


.left-menu-wrap li.hidden{ display: none}


.left-menu-wrap .round-img-wrap{ width:65px}

.left-menu-wrap .round-img-wrap .round-img-left-title{ top:32px;}


.hidden{ display:none}


#caseSharePrev{ position: absolute; top:50%;left:0;}

#caseShareNext{ position: absolute; top:50%;right:0;}


.tab-content-wrap{

position: relative;

width:100%;

}


.tab-content{

position: absolute;

width:100%;

top: 0;

left: 0;

visibility: hidden;

opacity: 0;

/*-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;*/

}


.tab-content p{ margin-bottom: 10px}


.tab-content.active {

position: static;

visibility: visible;

opacity: 1;

z-index: 9;

}


#section4-tab-content0{

height:95%;

overflow-x: auto;

padding-right:20px;

}


#section4-tab-content1{

font-size: 15px;

line-height: 27px;

}


#section4-tab-content1 ul{

margin:10px 0 20px 20px;

}


#section4-tab-content1 ul li{

list-style: disc;

}


#section4-tab-content1 .year{

width: 65px;

display: inline-block;

}


.wrap3{ overflow: hidden}


#section4-tab-content2{


}


#section4-tab-content2 .left-menu-wrap{

margin-top:20px;

}


#section4-tab-content2 .left-menu-wrap li{

display: block

}


.section4-tab-img-wrap{

margin-top: 20px;

position: relative;

padding-bottom:80%;


display: none;

}


.section4-tab-img-wrap.active{

display: block;

}


.section4-tab-img-list{

position: absolute;

top:0;

left:0;

opacity: 0;

width: 100%;

visibility: hidden;

margin-top: -40px;

}


.section4-tab-img-list.active{

opacity: 1;

visibility: visible;

}


.section4-tab-img-list ul{ position: relative; height: 400px;position: relative;}

.section4-tab-img-list ul li{ -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; transition:all .5s;}

.section4-tab-img-list ul li.first{ position: absolute; margin-top: -20%; top: 50%;left: -8%; width: 40%;}

.section4-tab-img-list ul li.second{ position: absolute; margin-top: -35%; top: 50%;left: 15%;width: 70%; z-index: 2}

.section4-tab-img-list ul li.third{ position: absolute; margin-top: -20%; top: 50%;left: 68%;width: 40%;}


.section4-tab-img-list ul li.second .round-img-wrap{ opacity: 1;}


/******** timeline ***********/

.timeline-warp{

margin-bottom: 20px;

padding-bottom: 90px;

position: relative;

visibility: hidden;

opacity: 0;

display: none;

}


.timeline-warp.active{

visibility: visible;

opacity: 1;

display: block;

}


.timeline-warp .line{

position: absolute;

top: 30px;

width:100%;

height:1px;

background: #B3B3B3;

}


.timeline-warp .timeline-prev, .timeline-warp .timeline-next{

height:40px;

width:40px;

border-radius: 50%;

text-align: center;

line-height: 40px;

top:10px;

position: absolute;

background: #6e8f0b;

color:#fff;

z-index: 2;

}


.timeline-warp .timeline-prev{ left:0}

.timeline-warp .timeline-next{ right:0}


.timeline-warp .timeline-list{

left: 10%;

right: 0;

margin: auto;

position: absolute;

top: 17px;

width: 80%;

text-align: left;

}


.timeline-warp ul{


}


.timeline-warp ul li{

display: none;

position: relative;

margin: 0 29px 0 29px;

cursor: pointer;

}


.timeline-warp ul li .timeline-point-warp{

height: 27px;

padding: 8px;

width: 27px;

/*background: #6e8f0b;*/

border-radius: 50%;

border: 1px solid rgba(110,143,11,0);

}


.timeline-warp ul li .timeline-point-warp .timeline-point{

width:10px;

height:10px;

background: #B3B3B3;

border-radius: 50%;

}


.timeline-warp ul li .timeline-arr{

background: #6e8f0b;

bottom: 100%;

height: 25px;

left: 48%;

opacity: 0;

position: absolute;

width: 1px;

}


.timeline-warp ul li .timeline-title{

opacity: 0;

position: absolute;

left: 50%;

margin-left: -145px;

opacity: 0;

bottom: 50px;

width: 290px;

text-align: center;

}


.timeline-warp ul li .timeline-year{

left: 50%;

margin-left: -50px;

margin-top: 10px;

position: absolute;

top: 100%;

width: 100px;

color:#b3b3b3;

text-align: center;

line-height: 18px;

}


.timeline-warp ul li:hover .timeline-point-warp,

.timeline-warp ul li.active .timeline-point-warp{ border: 1px solid rgba(110,143,11,1);}


.timeline-warp ul li:hover .timeline-year,

.timeline-warp ul li.active .timeline-year{

color:#6e8f0b;

}


.timeline-warp ul li.active .timeline-arr,

.timeline-warp ul li.active .timeline-title{ opacity: 1;}


.timeline-warp ul li:hover .timeline-point-warp .timeline-point,

.timeline-warp ul li.active .timeline-point-warp .timeline-point{ background: #6e8f0b; }


/********** section5 **********/

.section5{

background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(125, 110, 63, 0.02) 60%, rgba(125, 110, 63, 0.15) 74%, rgba(125, 110, 63, 0.28) 85%, rgba(125, 110, 63, 0.65) 100%) repeat scroll 0 -70px;


}


.left-menu-float-list li{margin-right: 3%;width: 27%;float:left;}

.section5 .left-menu-float-list li{width: 22%;}

.section5 .left-menu-float-list li:nth-child(4n+1){ clear: both}


.section5 .group{ display:none;}

.section5 .group.active{ display:block;}

.section5 .doctor-detail-wrap{margin-top:-86px; position: absolute;top:0; left:0;opacity: 0; visibility: hidden}

.section5 .doctor-detail-wrap .doctor-image{margin-top:0px;margin-bottom: 30px;}

.section5 .doctor-detail-wrap .doctor-image img{ width:56%; margin-right:auto; margin-left:auto}

.section5 .doctor-detail-wrap h4{ font-size: 20px; }

.section5 .doctor-detail-wrap.active{ position: static;visibility: visible; opacity: 1}

.section5 .doctor-detail-wrap .section5-doctor-background{ max-height: 120px; overflow-y: auto}


/********** section6 **********/


.section6{ background: url(../images/landing/section6/bg.png) center center no-repeat; height:300px;margin-top: -188px;position: relative;z-index: 98;background-size: 100% 100%; padding-top: 50px}


.section6 .group{ display:none;}

.section6 .group.active{ display:block;}


.section6 .section6-machine-list{

margin-right:20px;

margin-left:20px;

margin-top: -50px;

position: relative;

padding-bottom:40px;

}


.section6 .section6-machine-list li{

float:left;

margin-right: 8%;

width: 25%;

}

.section6 .section6-machine-list li:last-child{

clear:both;

}


.section6 .section6-machine-list .prev{

position: absolute;

right:50%;

margin-right:30px;

}


.section6 .section6-machine-list .next{

position: absolute;

left:50%;

margin-left:30px;

}


.section6 .section6-cont{ padding-right:40px}


/********** section7 *********/


.section7{

padding-top: 0px;

}


.section7-promo{

text-align: right;

}


.section7-promo.row2{}


.section7-promo.row2 li:nth-child(2){

margin-right:0;

width:65.5%

}


.section7-promo li{ width:31%; margin-right:3.5%;position: relative;float: left;margin-bottom:50px;}

.section7-promo li:nth-child(3n){ margin-right:0%; }

.section7-promo li:hover{ opacity: 0.6}

.section7-promo li img{width:100%; border-radius: 5px;}


.section7-promo li .cont{ position: absolute;top:30%;right:10%;font-size: 18px;text-align: left;color: #bbb;}

.section7-promo li ul li{ float: none; width: 100%}


.section7 .section7-event-btn{ margin-right:-10px;}

.section7 .section7-event-btn .span_3_of_12_no_margin{padding-right:10px;}

.section7 .border-button{ width:100%;}


.section7 .single-article-wrapper{ padding-top:40px;}


.wrap2 .span_7_of_12{ padding-right:40px;}


.wrap2 .span_7_of_12 img{ border-radius: 5px; width:100%}


.temp6-title{ margin: 15px 0 20px 0}


.news-list-wrap{ padding:20px 0 0 0; position: relative;}

.news-list-wrap ul{ position: absolute; top:0; left:0; visibility: hidden; opacity: 0}

.news-list-wrap ul.active{ position:static; visibility: visible; opacity: 1}

.news-list-wrap ul li{ padding: 10px 0 17px 0; border-bottom:1px solid #DBDADB;margin-bottom: 7px; position: relative}


.news-list-wrap .video-news-list li{

position: relative;

border: 1px solid #DBDADB;

border-radius: 10px;

margin-top: 27px;

padding: 10px;

}


.news-list-wrap .video-news-list li:first-child{

margin-top: 0px;

}


.news-list-wrap .video-news-list li img{

width: 100%;

border-radius: 10px;

display: block;

border-radius: 10px;

}


.news-list-wrap .video-news-list .news-list-title-wrap{

position: absolute;

top:0;

bottom:0;

left:0;

right:0;

text-align: center;

color:#fff;

font-size: 22px;

}


.news-list-wrap .video-news-list .news-list-play-btn {

background: #6e8f0b;

border-radius: 50%;

color: #fff;

height: 40px;

line-height: 40px;

margin: 0 auto 10px;

width: 40px;

cursor: pointer;

}


.classical-list-wrap{

margin-left: 20px;

}


.classical-list-wrap .classical-list{

border:1px solid #DBDADB;

border-radius: 5px;

padding:0;

}


.classical-list-wrap .classical-list li{

padding: 10px;

width:100%;

float: left;

position: relative;

}


.classical-list-wrap .classical-list li:hover{

opacity: 0.6;

}


.classical-list-wrap .classical-list li .classical-list-title{

position: absolute;

left:10px;

right:10px;

bottom:9px;

border-bottom-right-radius: 5px;

border-bottom-left-radius: 5px;

padding:5px 10px 5px 10px;

background-color: rgba(0,0,0,0.3);

color:#fff;

font-size: 12px;

}


.article-click{ width: 90%}


/*

.classical-list-wrap .classical-list li .classical-list-title.style1{ padding-left: 55%; }

.classical-list-wrap .classical-list li .classical-list-title.style2{ text-align: center }

.classical-list-wrap .classical-list li .classical-list-title.style3{  }

*/


.classical-list-wrap .classical-list li img{

width: 100%;

display: block;

border-radius: 5px;

}


/********** Filter **********/


.filter{ position: relative}

.filter ul li{ display: inline-block; padding: 0 15px; box-shadow: 2px 0 0 #edecec; color: #bdbdbd; font-size: 20px; line-height: 20px; cursor: pointer}

.filter ul li:first-child{ padding-left: 0; border-left: 0}

.filter ul li:last-child{ box-shadow:none;}

.filter ul li.active{ color: #6e8f0b}

.filter ul li:hover{ color: #6e8f0b}

.filter-button{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.filter-button .mobileBtn-left{ left: 0; top: 2px; width: 15px}

.filter-button .mobileBtn-right{ right: 0; top: 2px; width: 15px}


.filter-260{ width: 260px}


.filter-absolute{ position: absolute; top: 0; left: 0; z-index: 99}

.case-fil span{ color: #6e8f0b; font-size: 20px; line-height: 20px; display: inline-block}

.case-fil ul{ display: inline-block; margin-left: 10px}

.case-fil ul li{ padding: 0 10px}

.case-fil ul li h5{ font-size: 18px; line-height: 18px}

.itemType .case-fil ul{ margin-left: 0}


.mobile-filter{ display: none; padding: 30px 0; border-bottom: 1px solid #D9D9D9; text-align: center}

.mobile-filter ul li{ display: inline-block; padding: 0 15px; box-shadow: 2px 0 0 #edecec; color: #bdbdbd; font-size: 22px; line-height: 22px; cursor: pointer}

.mobile-filter ul li:first-child{ padding-left: 0; border-left: 0}

.mobile-filter ul li:last-child{ box-shadow:none;}

.mobile-filter ul li.active{ color: #6e8f0b}


/* Doctor */

.doctor-wrapper{ width: 100%; padding: 60px 0 0 0; min-height: 500px; max-height: 560px; overflow: hidden}

.doctor-wrapper p{ line-height: 1.7em}

.doctor-wrapper .doctor-image{ position: relative; height: 580px}

.doctor-wrapper .doctor-image img{ position: absolute; bottom: 0; left: 0; right: 0; margin: auto; height: 100%; width: auto}

/* .doctor-thumbnail{ margin: 30px 3.2%; width: 93.6%; position: relative} */

.doctor-thumbnail{ margin: 30px auto; width: 100%; max-width: 1400px; position: relative}

.doctor-thumbnail .doctor-viewer{ overflow: hidden; width: 90%; margin: auto; position: relative; z-index: 2}

.doctor-thumbnail.m-hidden ul{ width: 100%; white-space: nowrap;}

.doctor-thumbnail.m-hidden ul li{ display: inline-block}

.doctor-thumbnail li{ width: 10.5%; margin-left: 2%; text-align: center; max-width: 1400px}

.doctor-thumbnail li:first-child{ margin-left: 0}

.doctor-thumbnail li .outer-round{ position: relative; width: 90%}

.doctor-thumbnail li .outer-round .round{ position: absolute; width: 79%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0.4; cursor: pointer}

.doctor-thumbnail li .outer-round .round img{ width: 100%; height: auto}

.doctor-thumbnail li .outer-round .inner-round{ cursor: pointer}

.doctor-thumbnail li .doctor-post{ opacity: 0.4}


.doctor-thumbnail li.active .outer-round .round{ width: 85%; opacity: 1}

.doctor-thumbnail li.active .doctor-post{ opacity: 1}

.doctor-thumbnail li.hover .doctor-post{ opacity: 1}


.doctor-thumbnail-control{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}

.doctor-thumbnail-control button{ position: absolute; width: 25px; height: 25px; top: 43px; margin: auto}

.doctor-thumbnail-control .left-d-button{ left: 15px}

.doctor-thumbnail-control .right-d-button{ right: 15px}


.doctor-background {height: 135px;}

.doctor-background p{height: 135px; overflow: auto;}


/* Equipment */

.equipment-wrapper{ overflow: hidden}

.equipment-wrapper ul{  margin: auto; width: 100%; height: 100%; text-align: center}

.equipment-wrapper li{ padding: 0 3% 2.5% 3%; width: 33.3%; display: inline-block; }

.equipment-wrapper li .outer-round{ z-index: 2; width: 88%; margin: auto}

.equipment-detail{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 95%;}

.equipment-inner{ position: absolute; max-width: 300px; top: 0; left: 0; right: 0;margin: auto; opacity: 0; z-index: 1}

.equipment-inner .equipment-container{ position: absolute; left: 0; right: 0; margin: auto; padding: 0 12%}

.equipment-inner .equipment-container p{ max-width: 80%; margin: auto; font-size: 12px}

.equipIntro-desc-d{ height: 100%}

.equipIntro-desc-content{ width: 100%; text-align: left}

.equipIntro-desc-content h5{ margin-bottom: 10px}

.equipIntro-desc-content p, .equipIntro-desc-content ol{ margin-bottom: 15px}

.image-group-container{ margin-top: 15px}

.equipment-image{ position: absolute; top:0; left: 0; right:0; margin: auto; width: 200px; z-index: 3}

.equipment-image img{ height: auto; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}

.equipment-mobile-image .equipment-image{ position: relative; width: 100%; height: 100%; top: inherit; right: inherit; left: inherit; bottom: inherit; margin: auto; z-index: 3; display: none}

.equipment-mobile-image:after{

content: 'flickity';

display: none;

}

.equipment-mobile-image .flickity-prev-next-button.previous{ left: -50px}

.equipment-mobile-image .flickity-prev-next-button.next{ right: -50px}

.equipment-mobile-group{ height: 0}

.equipment-button-group{ display: none}


.equipment-intro-container{ position: relative; width: 100%; height: 500px}

.equipment-intro-container .half-2{ position: relative; height: 100%; }

.equipment-intro-container .half-2:first-child{ }

.equipment-intro-container .half-2 .equipIntro-right{ height: 100%; padding-bottom: 10px; display: table-cell; vertical-align: middle}

.equipment-intro-container .half-2 .equipIntro-right.little{ padding-top: 0}

.equipment-intro-container .half-2 .equipIntro-right .littleWord{ height: 180px; overflow-y: auto;}

.equipment-intro-container .half-2 .equipIntro-right .longWord{ height: 350px; overflow-y: auto}


.mobile-nnf{ text-align: center}


/* Equipment Intro */

.equipment-intro-wrapper .absolute-img{ position: absolute; left: 0; right: 0; bottom: -35px; margin: auto; height: 100%; width: auto}

/* .temp5-equipintro .equipment-intro-wrapper{ padding: 50px 0} */

.temp5-equipintro .equipment-intro-wrapper .absolute-img{ width: 100%; height: auto; top: 0}


/* Case */


/* .case-wrapper{ padding: 50px 0} */

.half-circle-photo{ z-index: 2; width: 33%}

.case-album{ position: relative; width: 80%; margin: 0 auto 30px auto; text-align: center; display: none}

.case-album.current{ display: block}

.case-detail{ height: 185px; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}

.half-circle{ width: 100%; height: 100%;   -webkit-background-clip: padding-box;

-moz-background-clip:    padding;

background-clip:         padding-box;}

.half-circle .case-left{ width: 35%; padding-left: 6%}

.half-circle .case-right{ width: 35%; padding-right: 3%}

.half-circle .case-right p{ line-height: 1.5em}

.half-circle .case-middle{ width: 30%;}

.half-circle .case-middle.safari{ width: 30%}

.half-circle-mask{ position: absolute; width: 90%; height: 90%; background: #fff; border-radius: 50%; top: 0; left: 0; right: 0; bottom: 0; margin: auto}

/*

.half-circle-mask{ position: absolute; width: 33%; top:0; left: 0; right: 0; bottom: 0; margin: auto; display: none; z-index: 2}

.half-circle-mask .round-img{ width: 100%; height: 98%; padding: 3%; border-radius: 50%; position: relative; border: 1px solid rgba(110,143,11,1); position: relative; display: block}

.half-circle-mask .round-img div{ width: 100%; height: 100%; border: 1px solid rgba(162,162,162,1); border-radius: 50%; background: #fff; margin: auto}

*/

.case-ball-wrap{ width: 100%; height: 55px; position: absolute}

.case-ball-wrap.top{ top: -27px; right: 0; padding-left: 30%}

.case-ball-wrap.bottom{ bottom: -27px; left: 0; padding-right: 18%}

.case-ball-wrap .case-ball{ margin-left: 10px; cursor: pointer; display: none}

.case-ball-wrap .case-ball:first-child{ margin-left: 0}

.case-ball-wrap .case-ball.bingo{ display: inline-block}

/*

.case-circle-wrap{ width: 57px; height: 57px; padding-bottom: 57px; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;}

.case-circle-wrap.active,.case-circle-wrap.hover{ background: rgba(48,81,1,0.7) }

.case-circle-wrap .case-circle{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; line-height: 47px; width: 88%; height: 88%; background: #fff; color: #7b7b7b}

.case-circle-wrap.active .case-circle{ color: #6e8f0b}

*/


/* Case Button */

/* .case-button-group{ padding: 40px 0} */

.case-button{ display: inline-block; margin-left: 3%}

.case-button:first-child{ margin-left: 0}


/* Contact Form */

/* .contact-page{ padding: 50px 0} */

.contact-form-image-group{ position: relative; width: 80%; margin: auto; text-align: center}

.contact-form-image{ padding: 20px; width: 48%; border: 1px solid #9d9d9d; border-radius: 8px}

.contact-form-image:first-child{ margin-right: 4%}

.contact-image{ width: 32.3%; float: left; border-radius: 8px; overflow: hidden; margin-left: 1.5%}

.contact-image:first-child{ margin-left: 0}

.contact-image img{ width: 100%; height: auto; display: block}


.contact-image2{ width: 49.2%; float: left; border-radius: 8px; overflow: hidden; margin-left: 1.6%}

.contact-image2:first-child{ margin-left: 0}

.contact-image2 img{ width: 100%; height: auto; display: block}


.contact-detail{ position: relative; width: 80%; margin: auto; padding: 30px 0 0 0}

.contact-detail form ul{ padding: 10px 0 0 0}

.contact-detail form ul li{ width: 30%; margin-left: 5%; float: left; padding: 10px 0 5px 0}

.contact-detail form ul li:first-child{ margin-left: 0}

.contact-detail form ul li:nth-child(4){ margin-left: 0}

.contact-detail form ul li span{ display: block; color: #7b7b7b; line-height: 25px}

.contact-detail form p{ margin-top: 30px}

.wpcf7-response-output{ display: none}

.screen-reader-response{ color: #E01E31; margin: 10px 0}


/* Item Intro */


.project-intro-container{ padding: 0 0 0 0; overflow: hidden;}

.project-intro-container li.circle{ margin: 0 0 30px 1.6%; display: table}

.project-intro-container li.circle:first-child{ margin-left: 0}

.project-intro-container li.circle:nth-child(5), .project-intro-container li.circle:nth-child(6), .project-intro-container li.circle:nth-child(7), .project-intro-container li.circle:nth-child(8){ margin-bottom: 0}

.style13 .project-intro-container, .style4 .project-intro-container{ height: 500px}

.project-intro-container.style4-ball{ height: auto; padding-bottom: 50px}

.itemIntro-count{ color: #fff; width: 25px; height: 25px; text-align: center; margin: auto; font-size: 11.96px; line-height: 25px; border-radius: 50%; background: #6e8f0b; position: relative; bottom: -11px; z-index: 2}

.itemIntro-image{ width: 80%; margin: auto }

.itemIntro-image .itemIntro-inner-image{display: inline-block; height: 100%; width: 100%; padding-bottom: 100%; position: relative; }

.itemIntro-image .itemIntro-inner-image img{ position: absolute; width: 100%; height: auto; display: block; top: 0; bottom: 0; left: 0; right: 0; margin: auto}

.style2 .itemIntro-image .itemIntro-inner-image{ padding-bottom: 0}

.itemIntro-name{ line-height: 2em}

.itemIntro-description{ letter-spacing: 1px; width: 80%; margin: auto}

.itemIntro-content ul{ text-align: left; margin-bottom: 15px}

.itemIntro-content h5{ text-align: left; margin-bottom: 10px}

.itemIntro-desc-content p{ margin-bottom: 15px}

.itemIntro-content .itemIntro-desc-d{ height: 100%}

.project-intro-container .float-l img{ position: relative; bottom: -30px}

.project-intro-container .float-l .style13-img{ position: relative; left: 0; right: 0; bottom: 0; margin: auto; height: 100%; width: auto;}

.project-intro-container .float-l .style4-img{ position: relative; left: 0; right: 0; bottom: -30px; margin: auto; height: 100%; width: auto;}

.project-intro-container .half-2{ height: 100%}

.project-intro-container .half-2.introStyle1{ min-height: 0}

.project-intro-container .half-2.introStyle3 .style13-img{ bottom: -10px}

.project-intro-container .half-2 .itemIntro-right{ height: 100%; padding-top: 20px}

.project-intro-container .half-2 .itemIntro-right.little{ padding-top: 0}

.project-intro-container .half-2 .itemIntro-right .littleWord{ height: 180px; overflow-y: auto;}

.project-intro-container .half-2 .itemIntro-right .longWord{ height: 350px; overflow-y: auto}

.style13 .project-intro-container .half-2 .itemIntro-right.long{ padding-bottom: 20px}

.style13 .project-intro-container .half-2 .itemIntro-right{ padding-top: 0;}


/* .temp-projectIntro{ padding: 50px 0 0 0} */

.temp-projectIntro .project-intro-container{ padding: 0}

.temp-projectIntro .project-intro-container ul{ text-align: center}

.temp-projectIntro .project-intro-container li.circle{ float: none; display: inline-table; min-height: 370px}

.temp-projectIntro .project-intro-container li.circle.three-ball{ margin: 0 0 0 1.6%}

.temp-projectIntro .project-intro-container li.circle.three-ball:first-child{ margin-left: 0}

.temp-projectIntro .project-intro-container li.circle.four-ball{ float: left; margin: 0 0 0 0.9%}

.temp-projectIntro .project-intro-container li.circle.four-ball:first-child{ margin-left: 0}


/* Item Type */

/* .item-type-wrapper{ padding: 40px 0} */

.item-type-container .filter{ position: relative; top: 0; left: 0; padding-top: 10px}

.four-ball-target{ position: absolute; width: 65%; height: 100%; right: 0}

.four-ball-left{ width: 35%}

.four-ball-left .contentp{ max-width: 280px}

.four-ball-right{ width: 65%; overflow: hidden}

.four-ball-right ul{ }

.four-ball-right ul li{ margin-left: 5.3333%; width: 21%}

.four-ball-right.six-ball ul{ width: 171%;}

.four-ball-right.six-ball ul li{ float: none; display: inline-block; margin-left: 3%; width: 12%}

.four-ball-right.five-ball ul{ width: 151%}

.four-ball-right.five-ball ul li{ float: none; display: inline-block; margin-left: 3%; width: 14%}

.four-ball-right ul li:first-child{ margin-left: 0}

.itemType{ display: none}

.itemType.active{ display: block}

.four-ball-target .prev{ position: absolute; left: -40px; top: 0; bottom: 0; margin: auto}

.four-ball-target .next{ position: absolute; right: -40px; top: 0; bottom: 0; margin: auto}


.mobileBtn-left{ position: absolute; left: -30px; top: 31%; width: 20px; cursor: pointer;}

.mobileBtn-right{  position: absolute; right: -30px; top: 31%; width: 20px; cursor: pointer; }


/* Style 4 */


.style4 .project-intro-container li.circle:nth-child(5){ margin-left: 0}

.style4 .itemIntro-image { width: 120px}

.style4 .itemIntro-image .itemIntro-inner-image{ padding: 0; width: 120px; height: 120px; }

.style4 .itemIntro-image .itemIntro-inner-image img{ margin: auto; position: absolute; top: 0; bottom: 0; width: 100%; height: auto}

.style4 .itemIntro-description{ margin: 0; width: 100%}

.itemIntro-left{  display: inline-block; margin-left: 10px;}

.itemIntro-right{ width: 47%; display: table-cell; vertical-align: middle}

.page-template-temp-7-1 .style4 .itemIntro-image .itemIntro-inner-image img{ width: 120px;}


/* Item Compare */

/* .item-compare-wrapper{ padding: 50px 0} */

.item-compare-wrapper .cube-radius{ padding: 0}

.item-compare-wrapper .compare-left{ width: 100%; overflow: hidden}

.item-compare-wrapper .compare-right{ width: 25%}

.item-compare-wrapper h4{ padding: 15px 5% 15px 5%; border-bottom: 1px solid #c9c9c9; font-size: 23.56px; letter-spacing: 5px}

.item-compare-wrapper h4 span{ margin-right: 3%}

.item-compare-wrapper h4 span.vs{ display: none}

.item-compare-wrapper .compareCase{ padding: 50px 5% 50px 5%; text-align: center}

.item-compare-wrapper .compareCase li.compareCaseChild{ width: 19%; margin-left: 4%; float: left}

.item-compare-wrapper .compareCase li.compareCaseChild.twoChild{ margin-left: 8%}

.item-compare-wrapper .compareCase li.compareCaseChild.twoChild:first-child{ margin-left: 12%}

.item-compare-wrapper .compareCase li.compareCaseChild.last{ float: right}

.item-compare-wrapper .compareCase li.compareCaseChild:first-child{ margin-left: 0}

.item-compare-wrapper .compareCase li.compareCaseChild .itemCompareImage{ width: 90%; padding-bottom: 90%; position: relative; margin: auto}

.item-compare-wrapper .compareCase li.compareCaseChild .itemCompareImage img{ position: absolute; width: 100%; height: auto; top: 0; left: 0}

.item-compare-wrapper .compare-right .compareCase{ padding: 0}

.item-compare-wrapper .compare-right .compareCase li.compareCaseChild{ width: 100%; margin-left: 0}

.item-compare-wrapper .itemCompareName{ font-size: 20px; font-weight: bold; padding: 15px 0}

.item-compare-wrapper .itemCompareContent{ padding-left: 5%}

.item-compare-wrapper .itemCompareContent ul li span{ padding-left: 10px; color: #6e8f0b}

.item-compare-wrapper .itemCompareContent ul li span:first-child{ padding-left: 0; width: 70px; display: inline-block; color: #404040}

.itemCompareDetail{ text-align: left}


.mobile-compareCase:after{

content: 'flickity';

display: none;

}

.mobile-compareCase .flickity-page-dots{ text-align: center}

.mobile-compareCase .flickity-viewport{ border: 0}


.vs-wrapper{ position: absolute; top: 0; right: 27%; height: 100%; width: 80px}

.vs-wrapper .vs{ position: relative; height: 100%}

.vs-wrapper .vs .vs-content{ width: 60px; height: 60px; position: relative; text-align: center; margin: auto; top: 32%; right: -12%; padding: 9.5%; background: #FFF; display: table; z-index: 2}

.vs-wrapper .vs .vs-content .vs-word{ font-size: 24.47px; font-style: italic; color: #fff; padding: 11.8px 2px 7.8px 1px; text-align: center; width: 45px; height: 45px; vertical-align: middle; display: table-cell}

.crossOut .child{

position:absolute;

display:block;

height:1px;

background:#C9C9C9;

margin: auto;

top: 0;

bottom: 0;

}


/* Item Advantage*/


/* .itemAdvantage-wrapper{ padding: 50px 0} */


/* Single News */

.single-news-grid{ width: 100%}

.single-news-left{ width: 75%; float: left; border-right: 1px solid #d9d9d9; padding-right: 50px; box-sizing: border-box; min-height: 500px}

.single-news-left .single-news-title{ font-size: 22px; margin-bottom: 20px}

.single-news-left .single-news-content p{ margin-bottom: 20px}

.single-news-left .single-news-content ul{ margin-bottom: 10px}

.single-news-left .single-news-content h4{ margin-bottom: 15px; margin-top: 0px; font-size: 20px;}


.single-news-right{ width: 25%; float: left; padding-left: 50px; min-height: 500px}

.single-news-right h5{ margin-bottom: 10px; margin-top: 20px}

.next-article-group{ text-align: right; margin-top: 50px}

.next-article-group a{ color: #636363; padding-left: 15px; cursor: pointer; font-size: 16px}

.next-article-group a:first-child{ padding-left: 0; padding-right: 15px; border-right: 1px solid #d9d9d9}


/* Procedure */

.procedure-wrapper .prev{ position: absolute; left: -4%; top: -13%; margin: auto}

.procedure-wrapper .next{ position: absolute; right: -4%; top: -13%; margin: auto}

.procedure-wrapper .prev.none, .procedure-wrapper .next.none{ display: none}

.procedure-wrapper{ position: relative}

.procedure-wrapper ul{ padding-left: 0.5%; margin: auto}

.procedure-wrapper li{ position: relative; margin-left: 5%; float: left}

.procedure-wrapper li:first-child{ margin-left: 0}

.procedure-wrapper li .outer-round{ z-index: 2; width: 100%; padding-bottom: 100%}

.procedure-wrapper li .outer-round .inner-round{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 95%; height: 95%}

.procedure-content{ padding-top: 1px}

.arrow-wrapper{ position: absolute; width: 17px; right: -24.5%; top: 0; }

.arrow-wrapper .arrow-right{ background: url('../images/arrow.png') right center no-repeat; width: 17px; height: 14px; position: absolute; top: 0; bottom: 0; margin: auto}

.procedure-wrapper li.four .arrow-wrapper{ right: -15.5%}

.procedure-wrapper li.five .arrow-wrapper{ right: -20.5%}

.page-template-5-2-4 .procedure-wrapper li.five .arrow-wrapper{ right: -15.5%}

.procedure-detail{ padding-top: 15px}

.procedure-detail span{ padding-left: 10px; display: inline-block}

.procedure-detail span:first-child{ padding-left: 0; padding-right: 5px}

.procedure-detail p{ margin-top: 5px}

.procedure-container{ width: 100%; overflow: hidden; opacity: 0; position: relative}


/* Single article */

.single-article-wrapper{ min-height: 500px; padding: 80px 0 50px 0}

.article-container{ }


/***************** surgery-step-wrapper ****************/


.surgery-step-wrapper{

width:80%;

margin: 50px auto 75px auto;

position: relative;

}


.surgery-step-wrapper .surgery-step-img{

position: absolute;

width:45%;

top:0;

left:0;

z-index: 10;

}


.surgery-step-wrapper .round-img{ background: #fff }


.surgery-step-wrapper .surgery-step-detail{

position: relative;

margin-left: 22.5%;

padding-top: 6%;

padding-bottom: 6%;

}


.surgery-circle1,.surgery-circle2,.surgery-circle3{

width:80px;

height:80px;

font-size: 18px;

position: absolute;

margin-left:-40px;

margin-top:-40px;

}


.surgery-circle1{ top:0; left:50%;}

.surgery-circle2{ top:50%; left:0%;}

.surgery-circle3{ top:100%; left:50%;}


.surgery-step-wrapper .surgery-step-detail .surgery-step-col{

padding-left:20%;

background: #CECECE;

color: #fff;

margin-bottom: 30px;

padding: 0 0px 0 20%;

border-bottom-right-radius: 80px;

border-top-right-radius: 80px;

height:80px;

width:100%;

padding-right:10%;

-webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;

margin-left: -86px;

}


.surgery-step-wrapper .surgery-step-detail .surgery-step-col .surgery-step-title{ font-size:18px; width: auto; margin: auto; margin-right: -6px}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col .surgery-step-title span{ margin-left: 8px; margin-right: 0px}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col:first-child .surgery-step-title{ margin-right: -11px}


.surgery-step-wrapper .surgery-step-detail .surgery-step-col:nth-child(1){ padding-left:26%; }

.surgery-step-wrapper .surgery-step-detail .surgery-step-col:nth-child(2){ padding-left:30%; }

.surgery-step-wrapper .surgery-step-detail .surgery-step-col:nth-child(3){ padding-left:27%; }


.surgery-step-wrapper .surgery-step-detail .surgery-step-col:hover{ background: #618511 }

.surgery-step-wrapper .surgery-step-detail .surgery-step-col.active{ background: #618511; width:100%}


.surgery-step-wrapper .surgery-step-detail .surgery-step-col.active:nth-child(1){ margin-left: 0; }

.surgery-step-wrapper .surgery-step-detail .surgery-step-col.active:nth-child(2){ margin-left: 0; }

.surgery-step-wrapper .surgery-step-detail .surgery-step-col.active:nth-child(3){ margin-left: 0; }


/********** related-product-wrapper **********/

.related-product-wrapper ul{ margin-left: -15px;margin-right: -15px; padding-top:10px; padding-bottom:40px;}

.related-product-wrapper ul li{ /*-right: 2%; padding-left: 2%;*/margin-left: 1.5%;padding-right:15px; padding-left:15px;opacity: 1;}

.related-product-wrapper ul li:nth-child(4n+1){ /*-right: 2%; padding-left: 2%;*/margin-left: 0%; }

.related-product-wrapper ul li:hover{opacity: 0.6}

.related-product-wrapper ul li img{ width:100%; border-radius: 10px; display: block;}


/********** suggest-equip-wrapper **********/

/* .suggestWrap{ padding: 50px 0} */

.suggest-equip-wrapper ul{ margin-left: -15px; margin-right: -15px;}

.suggest-equip-wrapper ul li{ margin-left: 1.5%;padding-right:15px; padding-left:15px;opacity: 1;width: 18.7%;}

.suggest-equip-wrapper ul li:nth-child(5n+1){ margin-left: 0%; }

.suggest-equip-wrapper ul li:hover{/*opacity: 0.6*/}

.suggest-equip-wrapper ul li a{ position: relative; padding-bottom: 120%; width: 100%; display: block; border-radius: 8px}

.suggest-equip-wrapper ul li img{ width: auto; height: 70%; border-radius: 8px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}


/********** relatied-item-wrapper **********/


/* .relatied-item-wrapper{ padding: 20px 0 50px 0} */

.relatied-item-wrapper .relatied-item-slider-wrapper{

position: relative;

width:100%;

overflow: hidden;

}


.relatied-item-wrapper .relatied-item-slider-wrapper .prev{

position: absolute;

top:50%;

left:3%;

margin-top:-20px;

}


.relatied-item-wrapper .relatied-item-slider-wrapper .next{

position: absolute;

top:50%;

right:3%;

margin-top:-20px;

}


.relatied-item-wrapper .relatied-item-slider-wrapper .relatied-item-slider{ overflow: hidden;}


.relatied-item-wrapper .relatied-item-slider-wrapper ul{ width:200%;}


.relatied-item-wrapper .relatied-item-slider-wrapper ul li{

float: left;

position: relative;

padding-right:15px;

padding-left:15px;

}


.relatied-item-wrapper .relatied-item-slider-wrapper ul li img{ position: absolute; top: 0; left: 0; width:100%; border-radius: 5px;}


.relatied-item-wrapper .relatied-item-slider-wrapper ul li a{ color:#3E3E3E; font-size: 14px; display: block; width: 100%; padding-bottom: 35%; position: relative; }


.relatied-item-wrapper .relatied-item-slider-wrapper ul li .cont{

position: absolute;

right: 35px;

top:0;

bottom: 0;

margin: auto;

width: auto;

height: auto;

}


/* related-feature */

.related-feature-container ul li{ margin-left: 1.6%}

.related-feature-container ul li:first-child{ margin-left: 0}


/* related-post */

/* .related-postnews-wrapper{ padding: 30px 0} */

.realted-post-container{ width: 45%; border-right: 1px solid #d9d9d9}

.realted-post-container ul{ padding: 10px 0 0 0}

.realted-post-container ul li{ display: block; padding: 10px 0; width: 42%; border-bottom: 1px solid #d9d9d9; margin-right: 30px; float:left}

.realted-post-container ul li:first-child{ border-top: 1px solid #d9d9d9}

.realted-post-container ul li:nth-child(2){ border-top: 1px solid #d9d9d9}

.realted-post-container ul li a{ color: #404040}

.realted-post-container ul li a i{ color: #999999; font-size: 16px; line-height: 14px; padding: 2px 7px; border-radius: 50%; border: 1px solid #999; width: 20px; height: 20px}


/* related-news */

.realted-news-container{ width: 54%;padding-left: 30px;}

.realted-news-container ul{ padding: 10px 0 0 0}

.realted-news-container ul li{ display: block; padding: 10px 0; width: 47%; border-bottom: 1px solid #d9d9d9; float:left; margin-left: 6%}

.realted-news-container ul li:first-child{ border-top: 1px solid #d9d9d9; margin-left: 0}

.realted-news-container ul li:nth-child(2){ border-top: 1px solid #d9d9d9}

.realted-news-container ul li:nth-child(3),.realted-news-container ul li:nth-child(5){ margin-left: 0}

.realted-news-container ul li a{ color: #404040}

.realted-news-container ul li a i{ color: #999999; font-size: 16px; line-height: 14px; padding: 2px 7px; border-radius: 50%; border: 1px solid #999; width: 20px; height: 20px}


/*************** equipment-banner-wrapper **************/

.equipment-banner-wrapper{ background:#F4F4F4 url(../images/round_bg.jpg) center center no-repeat; background-size: auto 100%;position: relative}

.equipment-banner-wrapper img{ width: 100%;display: block;position: relative; }

.equipment-banner-wrapper .equipment-banner-left-bg{ position: absolute; top:0; bottom:0; left:0; right:70%; background: #E8E8E8;}

.equipment-banner-wrapper .equipment-banner-btn{ position: absolute; bottom: 23%; left: 39%; position: absolute;}


/*************** ten-classic-wrapper **************/

.ten-classic-wrapper{ overflow: hidden; /*margin-top:40px; margin-bottom:40px;*/}


.ten-classic-wrapper ul{margin:-10px;}


.ten-classic-wrapper ul li{ float: left;width:20%;padding: 10px; border-bottom: 1px solid #eee; border-left: 1px solid #eee; position: relative;}

.ten-classic-wrapper ul li:nth-child(6),

.ten-classic-wrapper ul li:nth-child(7),

.ten-classic-wrapper ul li:nth-child(8),

.ten-classic-wrapper ul li:nth-child(9),

.ten-classic-wrapper ul li:nth-child(10){ border-bottom: none; }

.ten-classic-wrapper ul li:nth-child(6) a,

.ten-classic-wrapper ul li:nth-child(7) a,

.ten-classic-wrapper ul li:nth-child(8) a,

.ten-classic-wrapper ul li:nth-child(9) a,

.ten-classic-wrapper ul li:nth-child(10) a{ padding-bottom: 0; border-radius: 8px; overflow: hidden;}


.ten-classic-wrapper ul li:nth-child(6) img,

.ten-classic-wrapper ul li:nth-child(7) img,

.ten-classic-wrapper ul li:nth-child(8) img,

.ten-classic-wrapper ul li:nth-child(9) img,

.ten-classic-wrapper ul li:nth-child(10) img{ border-radius: 0}


.ten-classic-wrapper ul li .square_mask{background: #fff;height: 16px;position: absolute;right: -8px;top: -8px;width: 16px;z-index: 20;}


.ten-classic-wrapper ul li a{ color:#3e3e3e; display: block; position: relative}

.ten-classic-wrapper ul li a:hover h5{ color:#6e8f0b}


.ten-classic-wrapper ul li .cont{ position: absolute; padding: 0; top: 0; bottom: 0; margin: auto; height: 45px; text-align: center;}

.ten-classic-wrapper ul li .cont.center{  left: 0; right: 0}

.ten-classic-wrapper ul li .cont.left{ left: 0}

.ten-classic-wrapper ul li .cont.right{ right: 25px}

.ten-classic-wrapper ul li img{ width:100%;border-radius: 5px; display: block}


/***************** gallery-wrapper *****************/

/* .gallery-wrapper{ padding-bottom:30px;} */

.gallery-wrapper{ overflow: hidden; width: 100%}

.gallery-wrapper .gallery-left-list{ width: 17%;}

.gallery-wrapper .gallery-left-list ul{ height: 100%}

.gallery-wrapper .gallery-left-list ul li{padding-top: 10px;padding-right: 10px;}

.gallery-wrapper .gallery-left-list ul li:first-child{ padding-top: 0}

.gallery-wrapper .gallery-left-list ul li a{display: block;background: #F3F3F3;border:5px solid rgba(48, 81, 1, 0);border-radius: 10px;font-size: 16px;padding: 0 8%;color: #585858;position: relative;}

.gallery-wrapper .gallery-left-list ul li a span{ font-size: 20px; display: inline-block;margin-right:5%;font-weight: bold;}

.gallery-wrapper .gallery-left-list ul li a:hover,

.gallery-wrapper .gallery-left-list ul li a.active{display: block; border:5px solid #6e8f0b;}


.gallery-wrapper .gallery-left-list ul li a .gallery-left-list-arr{width: 0;height: 0;border-style: solid;border-width: 9.5px 0 9.5px 15px;border-color: transparent transparent transparent #6e8f0b; position: absolute;top:50%;left:100%;display: none;margin-top: -7px}

.gallery-wrapper .gallery-left-list ul li a:hover .gallery-left-list-arr,

.gallery-wrapper .gallery-left-list ul li a.active .gallery-left-list-arr{display: block;}


.gallery-wrapper .gallery-left-list #gallery-prev, .gallery-wrapper .gallery-left-list #gallery-next{

font-size:30px;

position: absolute;

top:0;

bottom: 0;

margin: auto;

height: 30px;

cursor: pointer;

display:none;

}


.gallery-wrapper .gallery-left-list #gallery-prev{ left:20px;}

.gallery-wrapper .gallery-left-list #gallery-next{ right:20px;}


.gallery-wrapper .gallery-right-list{ width:83%}


.gallery-wrapper .gallery-right-list{ position: relative;}

.gallery-wrapper .gallery-right-list .gallery-slider-wrap { position: absolute; top:0; left:0;width:100%; opacity: 0; visibility: hidden; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;}


.gallery-wrapper .gallery-right-list .gallery-slider-wrap.active{ position: static; opacity: 1; visibility: visible}


/* Treatment */


.treatment-right h4{ line-height: 1em}


.line .float-l{ width: 50%; padding-right:50px}

.line .float-r{ width: 50%; padding-left:50px}

.line .underline{border-bottom: 1px solid #D9D9D9}


.brand-story-wrapper{ padding:0; width: 80%; margin: auto}

.babor-logo{ padding: 20px 0 20px 0}

.line-wrapper{ position: relative}

.line-wrapper span{ position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: -12px; font-size: 16px}

.brand-story-detail p{ line-height: 2.2em; padding-bottom: 50px}


/* .treatment-intro-container{ padding-top: 30px} */

/* .treatment-left .treatment-left-img{ position: absolute; top: 0} */

.page-template-temp-4-2-1 .treatment-left .treatment-left-img{ border-radius: 8px; overflow: hidden}

.page-template-temp-4-2-1 .treatment-left-img{ top: 0; bottom: inherit}


.we-have-wrapper{ width: 80%; margin: auto}

.we-have-wrapper ul{ padding: 30px 0 0 0 }

.we-have-wrapper li{ width: 20%; float: left; margin-left: 6.65%}

.we-have-wrapper li:first-child{ margin-left: 0}

.we-have-wrapper .outer-round{ z-index: 2; width: 90%; padding-bottom: 90%; margin: auto; position: relative}

.we-have-wrapper .outer-round .inner-round{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 95%; height: 95%}


.we-have-wrapper li span{ display: block}


/* .treatment-series-wrapper{ padding: 50px 0} */

.treatment-series-wrapper ul{  margin: auto; width: 100%; height: 100%; text-align: center; }

.treatment-series-wrapper li{ width: 23%; display: inline-block; float: left; margin: 0 0 0 2.3%; cursor: pointer}

.treatment-series-wrapper li:first-child, .treatment-series-wrapper li:nth-child(5){ margin-left: 0}

.treatment-series-wrapper li:first-child, .treatment-series-wrapper li:nth-child(2), .treatment-series-wrapper li:nth-child(3), .treatment-series-wrapper li:nth-child(4){ margin-bottom: 30px}

.treatment-series-wrapper li .outer-round{ z-index: 2; width: 100%; margin: auto; padding-bottom: 121%}

.series-round{ position: absolute; top: 2.5%; left: 0; right: 0; margin: auto; width: 92.5%; height: 95%}

.series-inner{ position: absolute; max-width: 300px; top: 2.3%; left: 0; right: 0;margin: auto; opacity: 0; z-index: 1; display: table}

.series-inner .series-container{ position: relative; display: table-cell; vertical-align: middle; margin: auto;}

.series-inner .series-container p{ max-width: 80%; margin: auto; font-size: 12px}

.series-image{ position: absolute; width: 97.7%; height: 95%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 3}

.series-image img{ height: auto; width: 95%; margin: auto; position: relative; display: block}

.series-image:hover{ opacity: 0.6}


/* .item-type-wrapper .treatment-filter{ position: relative; padding-top: 20px} */

.item-type-wrapper .treatment-filter ul li{ display: inline-block; padding: 0 15px; box-shadow: 2px 0 0 #edecec; color: #bdbdbd; font-size: 20px; line-height: 20px; cursor: pointer}

.item-type-wrapper .treatment-filter ul li:first-child{ padding-left: 0; border-left: 0}

.item-type-wrapper .treatment-filter ul li:last-child{ box-shadow:none;}

.item-type-wrapper .treatment-filter ul li.active{ color: #6e8f0b}

.item-type-wrapper .treatment-filter ul li:hover{ color: #6e8f0b}


.item-type-wrapper .treatment-intro-container{ display: none; padding-top: 50px;}

.item-type-wrapper .treatment-intro-container.active{ display: block}


/* Nursing */

/* .row-nursing-wrapper{ padding: 50px 0} */

/* .row-nursing-wrapper ul{ padding: 30px 0 0 0} */

.row-nursing-wrapper ul li{ width: 29%; margin-left: 6.5%}

.row-nursing-wrapper ul li:first-child{ margin-left: 0}

.row-nursing-wrapper ul li .product-name{ padding: 25px 0 15px 0; line-height: 27px}

.row-nursing-wrapper ul li p{ padding: 5px 0 15px 0}


/* .more-treatment-wrapper{ padding: 50px 0} */

/* .more-treatment-wrapper ul{ padding: 30px 0 0 0} */

.more-treatment-wrapper ul li{ width: 19%; margin-left: 1.25%; padding: 10px 0}

.more-treatment-wrapper ul li:first-child{ margin-left: 0}

.more-treatment-wrapper ul li:nth-child(6){ margin-left: 0}

.more-treatment-wrapper ul li .more-treatment-image img{ display: block; width: 100%; height: auto;}

.more-treatment-wrapper ul li .more-treatment-name{ position: absolute; bottom: 0; top: 25%; margin:0 auto; right: 10px; width: auto; display: table;}

.more-treatment-wrapper ul li .dt-hidden{display:none;}


/* .body-spa-wrapper{ padding: 50px 0} */

/* .body-spa-wrapper ul{ padding: 50px 0 0 0} */

.body-spa-wrapper ul li{ width: 33%}

.body-spa-wrapper ul li .outer-round{ width: 75%; padding-bottom: 75%; margin: auto}

.body-spa-wrapper ul li .outer-round .inner-round{ width: 95%; height: 95%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto}

.body-spa-wrapper ul li .body-span-name{ padding: 25px 0}

.body-spa-wrapper ul li .body-span-name span{ line-height: 1.5em}

.body-spa-wrapper ul li p{ width: 82%; margin: auto}


/*

.product-series-wrapper{ padding: 50px 0}

.product-series-wrapper ul{ padding: 30px 0 0 0}

*/

.product-series-wrapper ul li{ width: 23%; float: left; margin: 0 0 0 2.66%; cursor: pointer}

.product-series-wrapper ul li:first-child{ margin-left: 0}

.product-series-wrapper ul li a{ width: 100%; height: 100%}

.product-series-wrapper ul li a .series-image{ position: relative; width: 100%; height: inherit}

.product-series-wrapper ul li a .series-image img{ position: relative; width: 100%; height: auto}

.product-series-wrapper ul li .series-nnf{ width: 100%; margin: auto; text-align: center}


/* .temp5-section2{ padding: 50px 0} */

.temp5-section2 ul li{ width: 47%; margin: 0 0 20px 5%; padding: 0 0 0 0; display: inline-block}

.temp5-section2 ul li:first-child, .temp5-section2 ul li:nth-child(3){ margin-left: 0}

.temp5-section2 ul li:first-child, .temp5-section2 ul li:nth-child(2){ margin-bottom: 30px}

.temp5-section2 ul li h5{ letter-spacing: 1px}


#popupVideo{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 101}

.popupWrapper{ display: block; position: absolute; left: 0 ; right: 0; top: 0; bottom: 0; margin: auto; z-index: 2}

.popupMask{ display: block; background: #000; opacity: 0.8; width: 100%; height: 100%; z-index: 1}


/*

.video-wrapper{ padding: 50px 0}

.video-container{ padding: 30px 0}

*/

.video-container .video-left-list{ width: 65%}

.video-container .video-left-list .outer-round{ padding-bottom: 55%; width: 100%; margin: auto}

.video-container .video-left-list .outer-round .inner-round{ position: absolute; width: 98%; height: 97%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; overflow: hidden}


.video-container .video-left-list .video-mask{ position: absolute; width: 98%; height: 97%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: #000; opacity: 0.6; z-index: 2}

.video-container .video-left-list .video-button{ position: absolute; width:100px; height: 90px; cursor: pointer;  z-index: 3; text-align: center; color: #fff; top: 33%; left: 0; right: 0; margin: auto}

.video-container .video-left-list .video-button i{ font-size: 40px; color: #fff}

.video-container .video-left-list .video-button button{ background: none; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; border: 2px solid #fff}

.video-container .video-left-list .video-button h5{ margin: 10px 0 0 0}


.video-container .video-right-list{ width: 35%}

.video-container .video-right-list .video-right-list-wrapper{ overflow: auto}

.video-container .video-right-list ul li{ padding: 10px 10px 1px 20px; cursor: pointer}

.video-container .video-right-list ul li:first-child{ padding-top: 0}

.video-container .video-right-list ul li a{ display: block; position: relative; border: 5px solid rgba(48, 81, 1, 0); border-radius: 8px; box-shadow: 0 0 0 1px #d9d9d9}


.video-container .video-right-list ul li a .video-button{ position: absolute; width: 100%; height: 53px; cursor: pointer;  z-index: 3; text-align: center; color: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto}

.video-container .video-right-list ul li a .video-button i{ font-size: 23px; color: #fff}

.video-container .video-right-list ul li a .video-button button{ background: none; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; border: 2px solid #fff}

.video-container .video-right-list ul li a .video-button p{ margin: 5px 0 0 0; font-size: 14px}

.video-container .video-right-list ul li a .video-image{ position: relative; width: 100%; padding-bottom: 33%}

.video-container .video-right-list ul li a .video-image img{ position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; margin: auto; width: 100%; height: auto; display: block}

.video-container .video-right-list ul li a .video-mask{ background: #000; opacity: 0.6; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; position: absolute; border-radius: 8px}

.video-container .video-right-list ul li a.active .video-mask{ opacity: 0}

.video-container .video-right-list ul li a.active .video-image{ border-radius: 0}

.video-container .video-right-list ul li a.active .video-button{ display: none}


.video-container .video-right-list ul li a:hover,

.video-container .video-right-list ul li a.active{display: block; border:5px solid #6e8f0b; box-shadow: none}

.video-container .video-right-list ul li a:hover .video-mask,

.video-container .video-right-list ul li a.active .video-mask{ opacity: 0; border-radius: 0}

.video-container .video-right-list ul li a:hover .video-image,

.video-container .video-right-list ul li a.active .video-image{ border-radius: 0}


.video-container .video-right-list ul li a .gallery-left-list-arr{

width: 0;

height: 0;

border-style: solid;

border-width: 9.5px 15px 9.5px 0;border-color: transparent #6e8f0b transparent transparent; position: absolute;top:50%;right:100%;display: none;margin-top: -7px}

.video-container .video-right-list ul li a:hover .gallery-left-list-arr,

.video-container .video-right-list ul li a.active .gallery-left-list-arr{display: block;}


.border-table-col{

position: relative;

width:25%;

float:left;

padding:15px 2.5% 0 2.5%;

border-left:1px solid #DDDDDD;

min-height: 310px;

margin-bottom: 50px;

}


.border-table-col:nth-child(4n+1){ border-left:none}


.border-table-col .border-table-title{

position: absolute;

width:80%;

bottom:100%;

left:10%;

border-bottom: 1px solid #dae1c3;

padding-bottom: 10px;

}

.border-table-col .border-table-list{ height:80px; width:100%;position: relative;}


.border-table-col .border-table-circle{ border: 1px solid #ddd;border-radius: 50%;height: 80px;left: 0;position: absolute;top: 0;width: 80px;text-align:center;line-height: 1.3em;}

.border-table-col .border-table-cont{height:100%; padding-left:90px}


.border-table-down_arr{ width:80px; text-align: center;    }

.border-table-down_arr img{ display: block;margin:0 auto;}


.page-template-temp-6-1 .section7-promo{ text-align: left;}


.page-template-temp-6-1 .section7-promo li:hover{ opacity: 1;}


.suggestions .suggestions-top-detail{margin-bottom:40px; font-size: 16px; line-height:1.5em}


.cont-list{ margin-left:20px}

.cont-list li{ list-style-type: decimal;}

.section7-promo .cont-list li{ margin-bottom:0px;}

/*.suggestions .suggestions-top-detail{margin-bottom:30px; font-size: 20px;}*/


/*********** service-banner-wrapper *************/


.service-banner-wrapper{

background-position: center center;

height: 350px;

}

.service-banner-wrapper.garden{

background-position: center bottom;

padding-bottom: 60px

}

.service-banner-cont{

width: 400px;

}


.service-banner-cont ul li{

margin-top: 10px;

letter-spacing: 2px

}


.service-banner-cont ul li:first-child{

margin-top: 0

}


.service-banner-cont .hori-line{

display: inline-block;

height:1px ;

background:#6f8e1d;

margin: 10px 20px 6px;

width:60px;

}


.service-banner-cont button{ margin-top: 25px; margin-left: 20px}


/* Site Map Wrapper */

.sitemap-wrapper{ min-height: 500px; padding: 80px 0 50px 0}

.sitemap-wrapper ul{ padding: 50px 0 0 0}

.sitemap-wrapper ul li{ float: left; width: 20%; margin-left: 6.66%; min-height: 230px}

.sitemap-wrapper ul li:first-child, .sitemap-wrapper ul li:nth-child(5){ margin-left: 0}

.sitemap-wrapper ul li .sitemap-header span{ display: inline-block; margin-bottom: 15px}

.sitemap-wrapper ul li .sitemap-header span:first-child{ width: 100%; text-indent: 48px}

.sitemap-wrapper ul li .sitemap-header span i{ font-style: normal; line-height: 32px; text-align: center; width: 35px; height: 35px; border: 1px solid #6e8f0b; border-radius: 50%; display: block}

.sitemap-wrapper ul li .sitemap-body{ }

.sitemap-wrapper ul li .sitemap-body a{ font-size: 13px; margin-left: 50px; padding-top: 5px; padding-bottom: 5px; display: table}

.sitemap-wrapper ul li .sitemap-body .sitemap-sub{ height: 30px; overflow: hidden}

.sitemap-wrapper ul li .sitemap-body .sitemap-sub-mother{  margin-top: 5px; margin-bottom: 5px}

.sitemap-wrapper ul li .sitemap-body .sitemap-sub-mother .sitemap-sub-main{ cursor: pointer}

.sitemap-wrapper ul li .sitemap-body .sitemap-sub-mother i{ color: #6e8f0b; border: 1px solid #6e8f0b; border-radius: 50%; font-size: 11px; padding: 1px 3px; line-height: 17px; width: 19px; height: 19px; text-align: center; margin: 0 22px 0 8px}

.sitemap-wrapper ul li .sitemap-body .sitemap-sub-mother a{ display: table; padding-top: 1px; padding-bottom: 1px}


/******************* footer *******************/

.footer-information { font-size:11px; line-height: 18px;margin-bottom: 20px;}


.footer-menu a{ padding:0 17px 0 17px; font-size: 14px;box-shadow: 1px 0 0 #6c6868;display: inline-block; line-height: 1em}

.footer-menu.footer-2-col a:first-child{padding-left:0;}

.footer-menu.footer-2-col a:last-child{box-shadow: 0 0 0 #6c6868;}


.footer-map-warp{ width:100%;height: 100px;position: relative;}

.footer-map-warp img{ width:100%; position: absolute;top:50%;left:0;margin-top:-15%}


.footer-info-warp{ margin-top: 30px;display: inline-block}


/*.footer-info-warp table tr td{

padding-bottom:25px;

}*/


.footer-info-warp .footer-info-left{

width: 70px;

margin-right:30px;

float: left

}

.footer-info-warp .footer-info-left img{

width:100%;

margin-bottom:20px

}


.footer-info-warp .footer-info-right{

float:left;

text-align: left;

}


.footer-info-warp .footer-button-wrap{ width:550px;}


.footer-info-warp .footer-info-col1{ float:left;margin-right: 50px;}

.footer-info-warp .footer-info-col2{ float:left;margin-right: 50px;}

.footer-info-warp .footer-info-col3{ float:left}


.footer-info-col{ position: relative; margin-bottom: 12px;line-height: 1em;}

.footer-info-col span{ float: left; padding-right:20px;}

.footer-info-col .footer-info-col{padding-left:50px;}


/*

.back2top{

background: #B3B2B2;

border-radius: 0 0 0 25px;

color: #fff;

cursor: pointer;

padding: 8px 40px;

position: absolute;

right: 0;

top: 0;

}


.back2top i{

margin-right:10px;

font-size: 25px;

}

*/


.footer-logo-warp{margin-bottom:11px;padding-top:11px;}

.footer-logo{ width: 164px; margin:0 auto;}

.footer-logo img{ width:100%}


.footer-wrap{ padding:10px 0 10px 0px; background:#7F704B; color:#fff; font-size:12px;margin-bottom:63px;}

.footer-wrap .other-link{ float: left; color: rgb(204, 204, 204);}

.footer-wrap .other-link a{ color:#fff; box-shadow: 1px 0 0 #fff;padding: 0px 14px 0 14px;}

.footer-wrap .other-link a:first-child {margin-left:6px;}

.footer-wrap .other-link a:last-child {box-shadow: 0 0 0 #6c6868;}

.footer-wrap .other-link a:hover{ color:#D0D0D0}


.footer-wrap .copy-right{ float: none;}


.footer-sitemap{ color:#6d5d2c;font-size: 16px;}


.footer-sitemap .footer-sitemap-header{ background: #F1F0EA;border-top:1px solid #AAAAAA;position: relative;padding:10px 0;}

.footer-sitemap .footer-sitemap-header i{position: absolute;margin-top: -10px;right: 6%;top: 50%;}


.footer-sitemap .footer-sitemap-menu{ display:none}

.footer-sitemap .footer-sitemap-menu.active{display:block}


.footer-sitemap{position: relative;background: #f1f0ea;padding: 0px 0;width: 100%;border-bottom:1px solid #C7C3B3}

.footer-sitemap.active{ display:block;}

.footer-sitemap ul{ display: block}

.footer-sitemap ul li{padding:0px;border-top:1px solid #C7C3B3;color:#6d5d2c; font-size: 16px;}

.footer-sitemap ul li div{padding:10px 0px;position: relative}

.footer-sitemap ul li div i{ position: absolute;margin-top: -10px;right: 0px;top: 50%;}

.footer-sitemap ul li ul{display: none; background: #fff;}

.footer-sitemap ul li ul.active{display: block}

.footer-sitemap ul li ul li{border-top:1px solid #C7C3B3;color:#6e8f0b;}

.footer-sitemap ul li ul li ul{display: none; padding:0px 0 10px 0}

.footer-sitemap ul li ul li ul.active{display: block}

.footer-sitemap ul li ul li ul li{ border-top:none;}

.footer-sitemap ul li ul li ul li:first-child{ padding-top:15px}

.footer-sitemap ul li ul li ul li div{ padding-top:2px;padding-bottom:2px;}

.footer-sitemap ul li ul li ul li:first-child{ border-top:1px solid #C7C3B3;}


@media screen  and (min-width : 1600px)  {

.service-banner-wrapper{

background-size: 100% auto;

}

}


@media screen  and (min-width : 1400px)  {

.top-banner .top-banner-waves{

background-size: 100% 100%;

}


.service-banner-waves{

background-size: 100% 100%;

}


}


@media screen and (min-width: 769px){


.case-mobile-img{ display: none}

.case-mobile-img:after{

content: '';

}


.mobile-compareCase { display: none}

.mobile-compareCase:after{

content: '';

}


}


@media screen and (min-width: 581px){

.equipment-mobile-image{ display: none}

.equipment-mobile-image:after{

content: '';

}

}


@media screen and (max-width: 1180px){


/***************** landing *****************/

.section3 .case-wrapper{ margin-right: 0}


.itemIntro-right{ width: 49%}

.style4 .itemIntro-image{ width: 90px}

.style4 .itemIntro-image .itemIntro-inner-image{ width: 90px; height: 90px}


.realted-post-container{ width: 50%; padding-right: 30px}

.realted-post-container ul li{ width: 100%;}

.realted-post-container ul li:nth-child(2){border-top:none}

.realted-news-container{ width: 50%}

.realted-news-container ul li{ width: 100%; margin-left: 0}

.realted-news-container ul li:nth-child(2){border-top:none}


/***************** floor5 *****************/

.border-table-col{

margin-bottom:25px;

min-height: 330px;

width:50%;

}


.border-table-col:nth-child(2n+1){

clear:left;

border-left:none;

}


.border-table-col .border-table-title{

left: 5%;

width: 90%;

margin-bottom: 10px;

}


.border-table-col .border-table-title span{

background: #fff none repeat scroll 0 0;

display: block;

float: left;

margin-bottom: -24px;

margin-left: 20px;

padding-left: 10px;

padding-right: 10px;

}


.mobile-border{ border-bottom:2px solid #edecec;margin-bottom:30px;}


.doctor-detail{ width: 50%}

.doctor-wrapper .doctor-image{ height: 580px}


.equipment-image{ width: 175px}


}


@media screen and (max-width: 1280px){


.doctor-thumbnail li{ width: 10.3%}


}


@media screen and (max-width: 1050px){


.half-circle-photo{ width: 40%}

.case-album{ width: 100%}

.case-detail{ height: 165px}

.half-circle .case-left{ width: 34%; padding-left: 4%}

.half-circle .case-right{ width: 34%; padding-right: 4%}

.case-ball-wrap.bottom{ padding-right: 7%}

.case-ball-wrap.top{ padding-left: 15%}

.case-ball.circle-border-btn-wrap{ width: 50px; height: 50px}

.circle-border-btn-wrap:hover, .circle-border-btn-wrap.active{ border: 3px solid rgba(48, 81, 1, 0.6)}

.circle-border-btn-wrap{ border: 3px solid rgba(48, 81, 1, 0)}

.case-ball-wrap .case-ball{ margin-left: 5px}


}


@media screen and (max-width: 1024px){


.style4 .project-intro-container li.circle{ width: 49%; margin-left: 1%}

.style4 .project-intro-container li.circle:nth-child(5){ margin-left: 1%}

.style4 .itemIntro-image{ width: 100%}

.style4 .itemIntro-image .itemIntro-inner-image{ width: 100%; height: auto; padding-bottom: 100%}


.style4 .itemIntro-left{ width: 80%; margin-left: 0}

.style4 .itemIntro-right{ width: 62%}

.style4 .itemIntro-description{ margin: 0; width: 80%}


.doctor-thumbnail li{ width: 12%; margin-left: 2%}


.relatied-item-wrapper .relatied-item-slider-wrapper ul li .cont{ padding-left: 52%}


}


@media screen and (max-width: 920px){


.style4 .project-intro-container{ position: relative}

.style4 .project-intro-container .half-2{ margin-right: 0; height: inherit !important; width: 50%; padding-left: 0; margin-left: 2%; position: absolute; top: 0; bottom: 0; right: 0; margin: auto}

.style4 .project-intro-container .half-2:first-child{ margin-left: 0; width: 48%; position: relative}

.style4 .project-intro-container .float-l img{ width: 100%; height: auto}

.style4 .project-intro-container .float-l img.style4-img{ width: 100%; height: auto; top: 0}

}


@media screen and (max-width: 880px){


.style13 .project-intro-container .half-2{ padding-left: 0}

.more-treatment-wrapper ul li{ width: 32.5%;}

.more-treatment-wrapper ul li:nth-child(4), .more-treatment-wrapper ul li:nth-child(7){ margin-left: 0}

.more-treatment-wrapper ul li:nth-child(6){ margin-left: 1.25%}


}


@media screen and  (max-width : 800px)  {


.related-feature-container ul li:nth-child(3n+1){ margin-left:0;}

.section7-promo li{ width:100%; margin-right:0; margin-bottom:30px;}

.section7-promo li .margin-30-bottom{ margin-bottom:20px;}

.section7-promo li .margin-20-bottom{ margin-bottom:10px;}


.section7-promo.row2 li:nth-child(2){ width:100%;}

}


@media screen and (max-width: 768px){

.m-size{ font-size:11px;}

.m-padding{ padding-top:0px;}

.m-momo-bg{ background: url(../images/landing/section2/bg2.png) no-repeat; background-size: 100% 100%}


.m-gradient-gray{

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c7c7c7+60,c7c7c7+85&0+74,0.65+100 */

background: -moz-linear-gradient(top,  rgba(199,199,199,0) 60%, rgba(199,199,199,0) 74%, rgba(199,199,199,0.28) 85%, rgba(199,199,199,0.65) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(199,199,199,0)), color-stop(74%,rgba(199,199,199,0)), color-stop(85%,rgba(199,199,199,0.28)), color-stop(100%,rgba(199,199,199,0.65))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.28) 85%,rgba(199,199,199,0.65) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7c7c7', endColorstr='#a6c7c7c7',GradientType=0 ); /* IE6-9 */

}


.m-gradient-gray2{

background: -moz-linear-gradient(top,  rgba(199,199,199,0) 60%, rgba(199,199,199,0) 74%, rgba(199,199,199,0.1) 95%, rgba(199,199,199,0.3) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(199,199,199,0)), color-stop(74%,rgba(199,199,199,0)), color-stop(95%,rgba(199,199,199,0.1)), color-stop(100%,rgba(199,199,199,0.3))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(199,199,199,0) 60%,rgba(199,199,199,0) 74%,rgba(199,199,199,0.1) 95%,rgba(199,199,199,0.3) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7c7c7', endColorstr='#a6c7c7c7',GradientType=0 ); /* IE6-9 */

}

.m-gradient-brown{

background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(125, 110, 63, 0.0) 60%, rgba(125, 110, 63, 0.04) 74%, rgba(125, 110, 63, 0.1) 85%, rgba(125, 110, 63, 0.15) 100%) repeat scroll 0 0;


background: -moz-linear-gradient(top,  rgba(125, 110, 63,0) 60%, rgba(125, 110, 63, 0.04) 74%, rgba(125, 110, 63, 0.1) 85%, rgba(125, 110, 63, 0.15) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,rgba(125, 110, 63,0)), color-stop(74%,rgba(125, 110, 63,0.04)), color-stop(85%,rgba(125, 110, 63,0.1)), color-stop(100%,rgba(125, 110, 63,0.15))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(125, 110, 63,0) 60%,rgba(125, 110, 63,0.04) 74%,rgba(125, 110, 63,0.1) 85%,rgba(125, 110, 63,0.15) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7c7c7', endColorstr='#a6c7c7c7',GradientType=0 ); /* IE6-9 */


}

.m-background-none{ background: none;}

.m-wrap-100{ width: 100%}

.m-wrap-88{ width: 88%; margin: auto}

.m-wrap-80{ width: 80%; margin: auto}


.half-4-add{ width: 100%; height: inherit !important}


.mobile-tb-border{ padding-top:20px; padding-bottom:20px; border-top:1px solid #CAC9CA; border-bottom:1px solid #CAC9CA}

.dt-hidden{ display:block; }

.m-table{ display: table}

.m-hidden{ display: none;}

.m-text-center{ text-align: center}


.m-valign-cell{ vertical-align: middle}

.m-border-0{ border: 0}

.m-align-spacing{ padding-top: 50px; padding-bottom: 50px}


.div-under-banner{ padding-top: 30px}


.green-underline-title{border:none;padding-bottom:0; text-align: center}

.cube-radius{ border: 0; padding: 30px 0}


.m-box-1-green-shadow{ box-shadow: 0 0 1px 1px #b1c37a}


.m-margin-0-bottom{ margin-bottom: 0}

.m-margin-15-bottom{ margin-bottom: 15px}

.m-margin-20-bottom{ margin-bottom: 20px}

.m-margin-25-bottom{ margin-bottom: 25px}

.m-margin-30-bottom{ margin-bottom: 30px}


.m-margin-20-top{ margin-top: 20px}

.m-margin-30-top{ margin-top: 30px}


.m-padding-25-top{ padding-top: 25px}


.m-padding-0-bottom{ padding-bottom: 0}

.m-padding-10-bottom{ padding-bottom: 10px}


.green-cube-radius{ padding: 0 5% 30px 5%}

.m-padding-30-bottom{ padding-bottom: 30px}


#container{ padding-top: 0}


.general-content p{ text-align: center}

.general-content p:nth-child(2){ text-align: left}


.center-word .center-word-line{ height: 2px}


.filter{ margin: 0; height: 20px; text-align: left; overflow: hidden}

.filter-wrapper{ overflow-x: scroll; padding-bottom: 15px}

.filter ul{ min-width: 100%; opacity: 0}

.filter ul li{ float: left; display: block; margin: 0; padding: 0; text-align: center}

.filter ul li.m-hidden{ display: none}


.filter ul.m-text-center li{ float:none; display: inline-block}

.filter ul.m-text-center li.m-hidden{ display: none}


.filter.case-fil{ margin: 0px 0 40px 0; text-align: center}

.filter.case-fil ul{ opacity: 1; min-width: inherit}

.filter.case-fil ul li{ float: none; display: inline-block; width: 30px; text-align: center; }

.filter-absolute{ position: relative;}


/* .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{ bottom: 20px !important; left: 0 !important; right: 0 !important; margin: auto !important; top: inherit !important} */


.item-type-wrapper .treatment-filter{ margin: 0 0 0 0}

.item-type-wrapper .treatment-filter ul{ text-align: center}

.item-type-wrapper .treatment-filter ul li{ font-size: 19px; float: none; width: 49%; display: inline-block; text-align: center; }

.item-type-wrapper .treatment-intro-container{ padding-top: 30px}


.round-img-wrap{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.round-img-wrap:hover{opacity: 0.7;}

.round-img-wrap:hover .round-img{border:2px solid rgba(110,143,11,0);width:90%;margin:5%;}

.round-img-wrap:hover .round-img img{ border-color: rgba(141,127,83,1); padding: 3%;}


.round-img-wrap.active{ opacity: 1}

.round-img-wrap.active .round-img{ border: 1px solid #6e8f0b; width: 100%; margin: 0; padding: 1.5%}

.case-album .round-img-wrap.active .round-img{ border: 1px solid #6e8f0b; width: 100%; margin: 0; padding: 2%}

.case-album .round-img-wrap.active .round-img img, .round-img-wrap.active .round-img img{ border-color:rgba(110,143,11,0); padding: 0}


.doctor-mobile-thumbnail-wrapper .round-img-wrap.active .round-img{ border: 2px solid rgba(110,143,11,0.6); transform: none}


/********** header ************/

.header-warp{background: #f1f0ea;position: fixed;height: 70px;padding: 0px; box-shadow: 0 1px 1px 1px #d9d9d9}

.header-warp .logo{ display: none}

.header-warp .m-logo{ display:block}

.top-ss-icon-wrap{ display:none}


.header-warp .top-menu-wrap{position: relative; top:100%;overflow: hidden; height:0; -webkit-transition:all .2s; -moz-transition:all .2s; -o-transition:all .2s; transition:all .2s;cursor: pointer;}

.header-warp .top-menu-wrap.active{ height:auto;}

.header-warp .top-menu{ position: static; padding-left: 30px;}

.header-warp .top-menu.left-menu,

.header-warp .top-menu.right-menu{ margin-right: 0;text-align: left;margin-left:0;}


.header-warp .top-menu.left-menu{ margin-top:20px;}

.header-warp .top-menu.right-menu{ margin-bottom:20px;}


.header-warp .top-menu li{ display: block;width:100%;margin:0;}


.top-submenu-warp{ position: static;}


.index-slider-wrap .index-slider-img{ height: 100%}

.home .top-banner .top-banner-cont{ height: 40%}

.page-template .top-banner .top-banner-cont{ position: relative;; height: 225px; top: 300px; left: 0}


.page-template-temptemp-1-3-php .top-banner,

.single-article .top-banner,

.page-template-temptemp-1-4-php .top-banner{ height:320px}


.top-banner{ margin-top: 70px}

.top-banner .bg-img{height: 300px; top: 77px; bottom: inherit; left: 0; width: 100%}

.top-banner .top-banner-cont{ height: 300px;position: static;margin-left: 0;width: 100%;background-color:#F3F3F3; border-bottom:2px solid #edecec;}

.top-banner .top-banner-cont h1{font-size: 28px;}

.top-banner .top-banner-cont .valign-cell{ padding-bottom: 5px}

.top-banner .top-banner-waves{ display:none;}

.index-slider-wrap .index-slider-img ul{ display: none;

-webkit-transition: none;

-moz-transition: none;

-o-transition: none;

transition: none}

.index-slider-wrap .index-slider-img ul.mobile-index-slider-img{ display: block; opacity: 1; position: relative; }

.index-slider-wrap .index-slider-img ul.mobile-index-slider-img li{ position: relative; overflow: hidden}

.index-slider-wrap .index-slider-img ul li{ opacity: 1; visibility: visible; float: left;

-webkit-transition: none;

-moz-transition: none;

-o-transition: none;

transition: none}

.index-slider-wrap .index-slider-img ul li img{ position: absolute; left: -100%; right: -100%; top: -100%; bottom: -100%; margin: auto}

.index-slider-wrap .mobile-index-slider-sub-wrapper{ text-align: center; left: 0; right: 0; bottom: 15px;position: absolute; height: 25px; margin: auto; z-index: 9}

.index-slider-wrap .mobile-index-slider-sub-wrapper ul{ display: block; opacity: 1}

.index-slider-wrap .mobile-index-slider-sub-wrapper li{ float: none !important;margin-bottom: 0; margin-left: 3px; width: auto !important; display: inline-block; color: #FFF; opacity: 1; cursor: pointer; font-size: 11px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative !important}

.index-slider-wrap .mobile-index-slider-sub-wrapper li:first-child{ margin-left: 0}

.index-slider-wrap .index-slider-sub-pager{ width: 100%; height: 60%; top: 0; right: 0; display: none}

.index-slider-wrap .index-slider-sub-pager ul{ text-align: center; left: 0; right: 0; bottom: 15px;position: absolute; height: 25px; margin: auto; display: none}

.index-slider-wrap .index-slider-sub-pager ul.active{ display: none}

.index-slider-wrap .index-slider-sub-pager ul.mobile-index-slider-sub-page{ display: block; visibility: visible; opacity: 1}

.index-slider-wrap .index-slider-sub-pager ul li{margin-bottom: 0; margin-left: 3px; display: inline-block; color: #FFF; opacity: 1; cursor: pointer; font-size: 11px}

.index-slider-wrap .index-slider-sub-pager ul li:first-child{ margin-left: 0}

.index-slider-wrap .index-slider-pager{ display: none}


.border-table-col{ min-height: inherit}


.page-main-title{ text-align: center;}


.section2, .section3, .section4, .section5, .section6, .section7{ border-bottom:1px solid #CAC9CA;padding-top: 30px;}

.section2{ padding-top: 30px;height:auto;}

.section2 .page-main-title{ position: static}

.five-image-alternating-wrap{ padding: 30px 0 0 0 }

.five-image-alternating-wrap ul li{ width: 33.3%;margin-bottom:30px}

.five-image-alternating-wrap ul li:nth-child(2n+1){ margin-top:0;}

.five-image-alternating-wrap ul li:nth-child(2n+1){ margin-left:0}

.five-image-alternating-wrap ul li span i{ font-size: 28px; }


.wrap2 .span_7_of_12{ padding-right:0;}


/* Doctor */

.doctor-wrapper{ padding: 20px 0 0 0; border-top: 1px solid #E8E8E8;}

.doctor-thumbnail{ position: relative; margin: 30px auto; width: 65%; padding: 0; overflow: hidden; opacity: 0}

.doctor-mobile-thumbnail-wrapper{ overflow-x: scroll; padding-bottom: 15px}

.doctor-thumbnail ul{  margin: auto; min-width: 100%; white-space: nowrap}

.doctor-thumbnail ul li{ margin-left: 0%; max-width: none; max-width: 33%; display: inline-block}

.doctor-thumbnail ul li:first-child{ margin-left: 0%}

.doctor-thumbnail ul li .doctor-post{ padding: 0}

.row-doctor .mobileBtn-left{ left: 12%; top: 5.5%}

.row-doctor .mobileBtn-right{ right: 12%; top: 5.5%}

.row-doctor .loader{ top: -62%}


.doctor-wrapper .half{ width: 100%}

.doctor-wrapper .doctor-image{ height: 400px; overflow: hidden; border-bottom: 1px solid #d9d9d9; float: none}

.doctor-wrapper .doctor-image img{ bottom: -5%}

.doctor-wrapper .doctor-detail{ width: 88%; margin: auto; float: none}

.doctor-thumbnail li .outer-round{ width: 80%}


.left-menu-wrap li{text-align: center; width: 33%; float: left;}

.left-menu-wrap .round-img-wrap{ margin: 0 auto;width: 63%;}

.left-menu-wrap .round-img-wrap .round-img-left-title{left: 50%;margin-left: -60px;text-align: center;top: 130%;}


.style4{ border-bottom:2px solid #edecec}

.style13 .project-intro-container, .style4 .project-intro-container{ height: auto}


.page-template-temp-index .top-banner{ height: 450px; opacity: 0}


.item-advantage-slider li .round-img-wrap.active .round-img{ border: 1px solid #6e8b01; padding: 1.5%}

.item-advantage-slider li .round-img-wrap.active .round-img img{ border-color: rgba(110,143,11,0)}


.flickity-viewport{ border-color: rgba(0, 0, 0, 0.3)}


/* Equipment */

.equipment-wrapper li{ width: 50%}

.equipment-inner .equipment-container p{ line-height: 17px}

.equipment-intro-container .half-2{ position: relative; }

.equipment-image{ width: 180px}


/* Equipment Intro */

/* .equipment-intro-wrapper{ padding: 30px 0 0 0} */

.equipment-intro-container{ position: relative; width: 100%; height: 100%; margin: auto}

.equipment-intro-container .half-2{ width: 100%; height: auto !important; display: block; float: none; padding: 50px 0 40px 0}

.equipment-intro-container .half-2:first-child{ width: auto; height: 330px !important; margin: auto; padding: 0; border-bottom: 1px solid rgba(0,0,0,0.1)}

.equipment-intro-container .half-2 .equipIntro-right{ width: 88%; margin: auto; display: block}

.equipment-intro-wrapper .absolute-img{ width: auto; height: 400px; bottom: inherit}

/* .temp5-equipintro .equipment-intro-wrapper{ padding: 30px 0 0 0} */

.equipment-intro-container .half-2 .equipIntro-right .longWord{ height: auto; overflow-y: auto}


.temp5-equipintro .equipment-intro-container .half-2:first-child{ height: 350px !important; width: auto;}

.temp5-equipintro .equipment-intro-wrapper .absolute-img{ bottom: inherit; width: 420px; height: auto}


/* .project-intro-container{ padding: 30px 0} */


.project-intro-container li.circle{ width: 100%; float: none; margin-left: 0; position: relative; margin: 10px 0 0 1.6%;}

.project-intro-container li.circle:first-child{ margin-top: 0;}

.project-intro-container li.circle:after{ clear: both}

.project-intro-container .itemIntro-count-wrapper{ float: left; width: 50%}

.project-intro-container .itemIntro-name-wrapper{ position: absolute; right: 0; width: 50%; top: 0; bottom: 0; margin: auto; display: table}

.style4 .project-intro-container li.circle{ float: left; margin-left: 2%; padding-left: 1px}

.style4 .project-intro-container li.circle:first-child, .style4 .project-intro-container li.circle:nth-child(3), .style4 .project-intro-container li.circle:nth-child(5), .style4 .project-intro-container li.circle:nth-child(7){ margin-left: 0}

.itemIntro-right{ width: 100%}

.style2 .itemIntro-name{ text-align: left}

.style2 .itemIntro-description{width: 90%; text-align: left}

.style4 .itemIntro-description{ width: 90%}


.itemIntro-image{ width: 70%; margin: auto}

.itemIntro-description{ width: 65%; margin: 0}


/* Item Intro */

.project-intro-wrapper{ padding: 0px 0 0 0}

.project-intro-wrapper.style2{ padding: 0 0 50px 0}

.project-intro-container .half-2{ width: 100%; height: auto !important; display: block; float: none; padding: 50px 0 30px 0}

.project-intro-container .half-2:first-child{ width: auto; height: 400px !important; margin: auto; padding: 30px 0 50px 0}

.project-intro-container .half-2 .itemIntro-right .longWord, .project-intro-container .half-2 .itemIntro-right .littleWord{ height: auto}

.style4 .project-intro-container .half-2:first-child{ width: auto; max-height: 350px; height: 350px !important; margin: 40px auto auto auto; padding: 0; overflow: hidden}

.style4 .project-intro-container .half-2{ position: relative; width: 100%; height: auto !important; display: block; float: none; padding: 50px 0;}

.style4 .project-intro-container .float-l img.style4-img{ height: 100%; width: auto; position: absolute;}

.project-intro-wrapper .absolute-img{ width: 100%; height: auto}

.temp-projectIntro .project-intro-container li.circle{ min-height: 0}

.temp-projectIntro .project-intro-container li.circle.three-ball{ min-height: 0; margin-left: 0}


.style13 .project-intro-container .half-2:first-child{ height: 310px !important; overflow: hidden}

.project-intro-container .float-l .style13-img{ height: 330px; width: auto; bottom: 10px}

.page-template-temp-3-1 .style13 .project-intro-container .float-r, .page-template-temp-5-1-1 .style13 .project-intro-container .float-r, .page-template-temp-7-4 .style13 .project-intro-container .float-r, .page-template-temp-7-2 .style13 .project-intro-container .float-r, .page-template-temp-3-3 .style13 .project-intro-container .float-r{ padding-bottom: 60px}


/* Item Advantage */

/* .itemAdvantage-wrapper{ padding: 30px 0} */

.item-advantage-border{ border-bottom:2px solid #edecec}

.item-advantage-slider-detail{ margin: 0 20px 20px 20px !important}

/* .temp-projectIntro{ padding: 30px 0 } */


/* Item Type */

/* .item-type-wrapper{ padding: 30px 0} */

.item-type-container .filter{ position: relative}

/* .item-type-container-wrap{ border-bottom:2px solid #edecec;background: #F9F8F6} */


.round-img-wrap:hover .round-img img, .round-img-wrap:active .round-img img, .round-img-wrap.active .round-img img{ transform: none}

.round-img-wrap:hover .round-img, .round-img-wrap:active .round-img, .round-img-wrap.active .round-img{ transform: none}

.four-ball-left{ display: none;}

.four-ball-right{ width:100%;}

.four-ball-right ul li{width: 48%; margin-left: 4%}

.four-ball-right.six-ball ul{ width: 100%; margin-left: 0 !important}

.four-ball-right.six-ball ul li{ width: 48%; margin-left: 4%; float: left}

.four-ball-right.five-ball ul{ width: 100%; margin-left: 0 !important}

.four-ball-right.five-ball ul li{ width: 48%; margin-left: 4%; float: left}


.four-ball-right ul li:nth-child(2n+1){ margin-left: 0; clear:left}

.four-ball-right ul li .contentDetail li{ width: 100%; margin-left: 0}

.four-ball .round-img-wrap{ opacity: 1; width: 100%; margin: auto; display: block}

.four-ball .round-img-wrap .round-img{border: 2px solid rgba(110, 143, 11, 0);margin: 0%;width: 100%;padding: 3%;}

.four-ball .round-img-wrap .round-img img{padding: 3%; border: 1px solid rgba(141, 127, 83, 0.2)}


.four-ball .contentName{ text-align: left;font-size: 15px; width: 85%; margin: 10px auto 10px auto; font-weight: bold}

.four-ball .contentName.green{ color:#404040}

.four-ball .contentDetail{ width: 85%; margin: auto}

.itemType .four-ball .round-img-wrap{ width: 80%; margin: auto}


.gallery-wrapper .bx-wrapper .bx-pager{ width: auto; bottom: 20px; left: 0; right: 0; top: inherit; margin: auto;}


/* Item Compare */


.vs-wrapper{ opacity: 0}

.item-compare-wrapper{ opacity: 0}

.item-compare-wrapper h4{ border-bottom: 0; padding: 15px 0 30px 0; position: relative}

.item-compare-wrapper h4 span{ width: 50%; margin-right: 0; text-align: center}

.item-compare-wrapper h4 span.vs{ display: block; position: absolute; width: 35px; height: 35px; left: 0; right: 0; margin: auto; letter-spacing: 0.5px; font-size: 20px; line-height: 39px; background: #6e8f0b; border-radius: 50%; color: #fff}

.item-compare-wrapper .itemCompareContent i{ font-style: normal}


.item-compare-container{ background: none}


.mobile-compareCase-wrapper{ width: 100%; height: 100%; display: table; padding: 0 20px}

.mobile-compareCase{ width: 45%; display: table-cell; vertical-align: middle}

.mobile-compareCase li{ width: 100%; margin: auto}

.mobile-compareLine{ width: 10%; display: table-cell; vertical-align: middle}

.compareLine{ width: 1px; height: 100%; margin: auto; background: #d9d9d9}

.mobile-compareBoss{ width: 45%; display: table-cell; vertical-align: middle}


.mobile-compareCase-bottom{ width: 100%; height: 100%; display: table}

.mobile-compareLeft{ padding-top: 20px; width: 45%; display: table-cell; vertical-align: middle}

.mobile-compareMiddle{ width: 10%; display: table-cell; vertical-align: middle}

.mobile-compareRight{ padding-top: 20px; width: 45%; display: table-cell; vertical-align: middle}

.mobile-compareLeft li.compareChild{ display: none}

.mobile-compareLeft li.compareChild.active{ display: block}


/************ surgery ************/

.surgery-step-wrapper{ margin-bottom:40px; width: 70%}

.surgery-step-wrapper .surgery-step-img{width:100%;position: static;}

.surgery-step-wrapper .surgery-step-detail{ padding-top:30px;margin-left:0;padding-bottom:0;}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col{ margin-left:0;border-radius:0px;height:auto;padding-right:20px;display: none;color:#404040; font-size: 17px; line-height: 1.5em}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col.active{ display: block;background:none;}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col:nth-child(1){ padding-left: 10px; padding-right: 10px}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col:nth-child(2){ padding-left: 10px; padding-right: 10px}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col:nth-child(3){ padding-left: 10px; padding-right: 10px}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col br{ display: none}


.surgery-circle1 {left: 17%;top: 87%;}

.surgery-circle2 {left: 50%;top: 100%;}

.surgery-circle3 {left: 83%;top: 87%;}


.surgery-step-wrapper .surgery-step-detail .surgery-step-col .surgery-step-title{margin-right:0px; text-align: center; color:#6e8f0b;width:100%;font-size: 20px;line-height: 2.5em;}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col .surgery-step-title span{ display: none;}

.surgery-step-wrapper .surgery-step-detail .surgery-step-col .valign-cell{ display: block}


/*********** case-ball-wrap ************/

.case-ball-wrap{ height:100% }

.case-ball-wrap.top{ top:0;}

.case-ball-wrap .case-ball{margin-left:0;}

.case-desktop-img{ display: none !important}


.case-album{ width:100%; margin: 0 auto}

.case-detail{ height:105px;}

.case-mobile-img{ display: none}

.case-mobile-img.active{ display: block}

.half-circle .case-left{ width: 29%; padding-left: 0; cursor: pointer}

.half-circle .case-right{ width:29%; padding-right: 0; cursor: pointer}

.half-circle .case-middle.safari{ width: 42%}

.half-circle .case-left.mobile-active{ border-top-left-radius: 60px; border-bottom-left-radius: 60px; background: #bbbbbb}

.half-circle .case-right.mobile-active{ border-top-right-radius: 60px; border-bottom-right-radius: 60px; background: #bbbbbb}

.half-circle .case-left h4,.half-circle .case-right h4{ display: none;}

.half-circle-photo{ opacity: 0; width: 52%; margin: auto; display: block; border-radius: 50%; overflow: hidden}

.case-button-group{ padding: 0}

.case-mobile-title-group{ display: none}

.case-mobile-title-group.current{ display: block}

.case-mobile-title-group .case-mobile-title ul li span:first-child{ display: block}


/***************** tenclassic **************/

/*.tenclassic-container{ border-bottom:1px solid #edecec}*/

.ten-classic-wrapper ul li{ border:none; width:50%; padding:10px;}

.ten-classic-wrapper ul li:nth-child(6), .ten-classic-wrapper ul li:nth-child(7), .ten-classic-wrapper ul li:nth-child(8), .ten-classic-wrapper ul li:nth-child(9), .ten-classic-wrapper ul li:nth-child(10){ padding-bottom:10px}

.ten-classic-wrapper ul li h5{ font-size:14px;}

.ten-classic-wrapper ul li span{ display: none;}


/**************** Gallery *************/

.gallery-wrapper{ padding-bottom:0;}

.gallery-wrapper .gallery-left-list{ width:100%; overflow: hidden; position: relative; height: inherit !important}

.gallery-wrapper .gallery-left-list ul{ width:400%}

.gallery-wrapper .gallery-left-list ul li{padding: 0;width:12.5%;float:left;border:1px solid #CAC9CA}

.gallery-wrapper .gallery-left-list ul li a{border-radius: 0px; padding-left:30px;text-align: center;line-height: 1.5em;padding-top:20px;padding-bottom:20px;}

.gallery-wrapper .gallery-left-list ul li:nth-child(2n) a{ padding-right:10px;padding-left:0;}

.gallery-wrapper .gallery-left-list ul li a span{ margin-right:0;display: block}


.gallery-wrapper .gallery-left-list ul li a:hover, .gallery-wrapper .gallery-left-list ul li a.active{ border: 5px solid rgba(48, 81, 1, 0); color:#618512}

.gallery-wrapper .gallery-left-list ul li a:hover .gallery-left-list-arr,

.gallery-wrapper .gallery-left-list ul li a.active .gallery-left-list-arr{display: none;}


.gallery-wrapper .gallery-right-list{ width:100%;}

.gallery-wrapper .gallery-left-list #gallery-prev,

.gallery-wrapper .gallery-left-list #gallery-next{

display:block;

}


.service-banner-wrapper.garden{ padding-bottom: 0; background-position: -96px 0;}

.service-banner-wrapper{  height: 140px; background-repeat: no-repeat; background-size: cover; width: 60%; margin-bottom: 0; float: left; box-sizing: border-box; border: 1px solid #d9d9d9; border-left: 0; background-position: -90px center}

.service-banner-word{ width: 40%; float: left; height: 140px; box-sizing: border-box; border: 1px solid #d9d9d9; border-right: 0}

.service-banner-word div{ width: 130px; margin: auto}

.service-banner-word h4{ font-size: 20px;}


.equipment-banner-wrapper{ height: 140px; background-size: cover; width: 100%; margin-bottom: 0; box-sizing: border-box; border: 1px solid #d9d9d9; border-left: 0; background-position: -260px center; overflow: hidden}

.equipment-banner-wrapper .content-warp{ height: 140px}

.equipment-banner-wrapper img{ position: absolute; height: 180px; width: auto; left: -31%; bottom: -23%}

.equipment-banner-wrapper .equipment-banner-btn{ left: 67%; bottom: 45%}

.equipment-banner-left-bg{ display: none}


/*************** Treatment ***********/

.brand-story-wrapper{ width: 100%;}

.width-80{ width:100%}

.brand-story-wrapper p{ text-align: justify}

.we-have-wrapper{ width:100%}

.we-have-wrapper ul{ padding-top: 50px;}

.we-have-wrapper li{width:46%;margin-left: 4%;padding-bottom:30px;}


.we-have-wrapper li:nth-child(2n+1){margin-left: 0%;clear:left;}


/*.treatment-intro-container{ padding-top: 30px}*/

.treatment-left .treatment-left-img{ position: relative}

.treatment-right{ width: 100%; margin-top: 30px}


.row-nursing-wrapper ul li{ width: 100%; margin-left: 0; float: none; margin-top: 25px}

.row-nursing-wrapper ul li:first-child{ margin-top: 0}

.row-nursing-wrapper ul li .product-name{ padding: 15px 0}

.row-nursing-wrapper ul li div, .row-nursing-wrapper ul li h5, .row-nursing-wrapper ul li p{ width: 90%; margin: auto}


.body-spa-wrapper ul li{ width: 100%; float: none; position: relative; margin-top: 25px}

.body-spa-wrapper ul li:first-child{ margin-top: 0}

.body-spa-wrapper ul li .outer-round{ width: 43%; padding-bottom: 43%; margin: 0; display: inline-block; margin-left: 3%}

.body-spa-wrapper ul li .body-span-group{ width: 50%; position: absolute; right: 0; top: 0; bottom: 0; margin: auto}

.body-spa-wrapper ul li .body-span-name{ padding: 0 0 10px 0; text-align: left}

.body-spa-wrapper ul li .body-span-name span{ text-align: left}

.body-spa-wrapper ul li p{ text-align: left; margin: 0; width: 100%}


.product-series-wrapper ul li{ width: 49%; margin-left: 2%; float: left}

.product-series-wrapper ul li:first-child, .product-series-wrapper ul li:nth-child(3){ margin-left: 0}

.product-series-wrapper ul li:nth-child(3), .product-series-wrapper ul li:nth-child(4){ margin-top: 20px;}

.product-series-wrapper ul li .series-nnf{ text-align: center}


/* Procedure */

.procedure-container{ padding: 0; margin: 30px 0 0 0; }

.procedure-container::-webkit-scrollbar { display: none }

.procedure-container .procedure-content{ overflow-x: scroll; padding-bottom: 15px; margin-bottom: -15px; -webkit-overflow-scrolling: touch;}

.procedure-wrapper li{ margin-left: 3%}

.procedure-wrapper li .outer-round{ width: 80%; padding-bottom: 80%; margin: auto}

.procedure-wrapper li .arrow-wrapper{ right: -12.5%}

.procedure-wrapper li.five .arrow-wrapper{ right: -13.5%}


/* Suggest Equipment */

/* .suggestWrap{ padding: 30px 0} */


.suggest-equip-wrapper ul{ text-align: center; display: table; padding-bottom: 0; margin-bottom: -30px}

.suggest-equip-wrapper ul li{ display: inline-table; width: 32%; float: none; margin-bottom: 30px; }


.video-wrapper{ padding: 0}

.video-container{ padding: 0 0 0 0}

.video-container .video-left-list{ width: 100%; float: none}

.video-container .video-right-list{ width: 100%; overflow: hidden; margin: 30px auto auto auto; float: none; display: block; position: relative}

.video-container .video-right-list .mobile-video-button{ position: absolute; width: 100%; height: 100%}

.video-container .video-right-list .mobile-video-button .video-left{ left: 0}

.video-container .video-right-list .mobile-video-button .video-right{ right: 0}

.video-container .video-right-list .mobile-video-button button{ position: absolute; top: 0; bottom: 0; margin: auto; outline: none; border: 0; background: none}

.video-container .video-right-list .mobile-video-button button i{ font-size: 40px; color: #c9c9c9}

.video-container .video-right-list .video-right-list-wrapper{ width: 90%; overflow: hidden; margin: auto}

.video-container .video-right-list ul{ width: 150%; white-space: nowrap}

.video-container .video-right-list ul li{ width: 33.33%; display: inline-block; padding: 10px}

.video-container .video-right-list ul li:first-child{ padding: 10px}

.video-container .video-right-list ul li a:hover .gallery-left-list-arr, .video-container .video-right-list ul li a.active .gallery-left-list-arr{ display: none}


.relatied-item-wrapper .relatied-item-slider-wrapper ul{ width: 100% !important}

.relatied-item-wrapper .relatied-item-slider-wrapper ul li{ width: 48.5% !important; margin-bottom: 2%; padding:  0 0 0 0; margin-left: 3%}

.relatied-item-wrapper .relatied-item-slider-wrapper ul li:first-child, .relatied-item-wrapper .relatied-item-slider-wrapper ul li:nth-child(odd){ margin-left: 0}

.relatied-item-wrapper .relatied-item-slider-wrapper .next{ display: none}

.relatied-item-wrapper .relatied-item-slider-wrapper .prev{ display: none}


/* Single News */

.single-news-left{ width: 100%; padding-right: 0; border-right: 0; border-bottom: 1px solid #d9d9d9; padding-bottom: 30px}

.single-news-right{ width: 100%; padding-left: 0; padding-top: 30px}


.sitemap-wrapper{ padding: 30px 0 30px 0}

.sitemap-wrapper ul li{ width: 46.66%}

.sitemap-wrapper ul li:nth-child(3), .sitemap-wrapper ul li:nth-child(5), .sitemap-wrapper ul li:nth-child(7){ margin-left: 0}

.sitemap-wrapper ul li.one-two{ min-height: 120px}

.sitemap-wrapper ul li.three-four, .sitemap-wrapper ul li.fifth-six, .sitemap-wrapper ul li.seventh-eight{ min-height: 170px}


.related-feature-container ul li .relatedFeatureImage{ width: 80%; margin: auto}


/************ footer **************/

/*.back2top{ padding: 6px 25px;}*/

.advisory-wrap{ bottom: 20px}

.advisory-wrap ul{ width:500px; padding-bottom: 0;}

.advisory-wrap ul li { margin: 0px 10px 0; padding-bottom: 5px}

.advisory-wrap a .icon { font-size: 18px;}


.footer-map-warp{overflow: hidden;padding-bottom: 60%;}

.footer-map-warp img{ bottom:-100%;left:-100%;top:-100%;right:-100%; height: auto;margin: auto;}


.footer-info-warp .footer-info-left{ width: 100%;margin-right:0%;text-align: center;}

.footer-info-warp .footer-info-left img{ width:30%;margin:0 auto 20px;}

.footer-info-warp .footer-info-right{ width:100%}


.footer-info-warp .footer-button-wrap{ width:100%;}


.footer-logo-warp{border-top:1px solid #b3b2b2;}

.footer-logo{

margin: 0 0 0 24px;

width: 160px;

}


.footer-2-col{

float:left;

width:50%;

margin-bottom:40px;

text-align: left;

padding-left:33px;

}


.footer-2-col:first-child{

box-shadow: 1px 0 0 #6c6868;

}


.footer-menu a{

display: block;

text-align: left;

padding: 5px 0;

font-size: 14px;

box-shadow: 0px 0 0 #DCDCDC;

}


.footer-information { text-align: left}


.footer-wrap .copy-right{

float: right;

width:100%;

text-align: left;

}


.footer-info-col{ padding-left: 85px;line-height: 1.5em;}

.footer-info-col span{ position: absolute; top:0; left:0;}


.footer-wrap .other-link{ position: relative; padding-left: 60px}

.footer-wrap .other-link-title{ left: 0; position: absolute; top: 0; padding-bottom: 6px;}

.footer-wrap .other-link a{ box-shadow: 0 0 0 #fff;padding:0 0 0 0; display: block;}

.footer-wrap .other-link a:first-child { margin-left: 0px;}


}


/*Job-advertisment*/

.job-container{}

.job-container .job-nature{border-top:1px #D9D9D9 solid;padding-top:30px;padding-bottom:25px;}

.job-container .job-nature:first-child{border-top:0;padding-top:10px;}

.job-container .job-nature h5{margin-bottom:20px;}

.job-container .job-nature .green b{ display: block;}


@media screen and (max-width: 680px){

.treatment-series-wrapper li:nth-child(5), .treatment-series-wrapper li:nth-child(6), .treatment-series-wrapper li:nth-child(7), .treatment-series-wrapper li:nth-child(8){ margin-bottom: 30px}


.sm-wrap-100{ width: 100%}

.sm-wrap-88{ width: 88%; margin: auto}


.top-submenu-warp{top: 260px;}


.four-ball-right ul li:nth-child(2n+1){ margin-left: 0;}


.case-button-group .case-button{margin-left:0%; }

.case-button-group .case-button:nth-child(1){ width:100%;margin-bottom:25px;}

.case-button-group .case-button:nth-child(2){ width:48%; float: left}

.case-button-group .case-button:nth-child(3){ width:48%; float: right}


.case-button-group .case-button button{width: 100%;}


.realted-post-container{border-right: none; width: 100%; margin: auto; float: none; padding-right: 0}

.realted-post-container .brown{ text-align: center}

.realted-post-container ul{ margin-bottom: 40px}

.realted-post-container ul li:nth-child(1){border-top:none}

.realted-post-container ul li{width:44%; margin-right: 12%; border-bottom: 0;}

.realted-post-container ul li:nth-child(2n){margin-right:0;}


.realted-post-container ul, .realted-news-container ul{ background: rgba( 0, 0, 0, 0.02); padding: 20px 6%}


.realted-news-container{ width:100%; float: none; margin: auto; padding-left:0; border-top: 1px solid #d9d9d9}

.realted-news-container .brown{ text-align: center; padding-top:30px;}

.realted-news-container ul li:nth-child(1){border-top:none}

.realted-news-container ul li{ width:100%; margin-right:0; border-bottom: 0;}


.tenclassic-container .brown{ text-align: center}


.product-series-wrapper ul li{ width:49%}

.product-series-wrapper ul li h5{text-align: center}


.treatment-series-wrapper li{width:48%; margin-left:4%;display: block;float:left}

.treatment-series-wrapper li:first-child, .treatment-series-wrapper li:nth-child(odd){ margin-left: 0;}


.footer-info-warp{ margin-bottom: 10px;}

.footer-info-warp button.big{ width:100%; margin-bottom:30px}

.footer-info-warp .span_1_of_2:nth-child(2){padding-right:4%;}

.footer-info-warp .span_1_of_2:nth-child(3){padding-left:4%;}


.related-feature-container ul li{ margin-left:0; }

.more-treatment-wrapper ul li, .more-treatment-wrapper ul li:nth-child(4){ width: 49.375%; margin-left: 1.25%}

.more-treatment-wrapper ul li:nth-child(3), .more-treatment-wrapper ul li:nth-child(5){ margin-left: 0}

}

@media screen and (max-width: 580px){


.xs-none{ display: none}

.xs-display{ display: block}

.green-cube-radius{ padding: 0 20px 20px 20px}


/* .center-word:after{ bottom: 8px} */

.center-word{ padding: 0 8px}


.top-banner .bg-img{ height: 300px; background-position: center right}

.top-banner .top-banner-cont{ height: 250px}

.top-banner .top-banner-cont h1{ font-size: 25px}

.top-banner .m-page-title h3{ font-size: 28px; line-height: 1.65em}


.babor-logo{ width: 80px; margin: auto; padding: 15px 0}

.babor-logo img{ width: 100%; height: auto}


.equipment-wrapper ul{ z-index: 99; width: 100%; height: auto !important; padding: 0 15%; position: relative}

.equipment-wrapper ul .flickity-viewport{ position: absolute; width: 100%; height: 100%; background: none; border-color: #d9d9d9}

.equipment-wrapper li{ width: 100%; float: none; display: inline-block}

.equipment-wrapper li:first-child{ margin-top: 0}

/*.equipment-image{ width: 105px}*/

.equipment-inner{ position: relative; max-width: none; opacity: 1; margin-top: 10px}

.equipment-inner .equipment-container{ position: relative; padding: 0; width: 75%;}

.equipment-inner .equipment-container p{ line-height: 1.5em; max-width: none}

.equipment-intro-container .half-2:first-child{ height: 300px !important; width: auto; }

.equipment-image img{ position: relative; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: auto; width: 100%}

.equipment-mobile-inner{ display: none; margin-top: 10px}

.equipment-mobile-inner.active{ display: block}

.equipment-img{ border-radius: 50%; width: 100%; height: 100%}

.equipment-img .round-img{ border: 2px solid rgba(0,0,0,0); padding: 0}

.equipment-img.active .round-img{ padding: 0; border: 2px solid rgba(0,0,0,0)}

.equipment-img.active .round-img img, .equipment-img .round-img img{ border: 1px solid #6e801b; padding: 3%}

.equipment-mobile-group{ height: auto; position: relative}

.equipment-button-group{ position: absolute; width: 100%; top: 0; z-index: 100; opacity: 0; display: block}

.equipment-button-left{ width:30px; height: 48px; position: absolute; left: 0%; top: 0; bottom: 0; margin: auto; cursor: pointer; padding: 4px}

.equipment-button-left img,.equipment-button-right img{ width: 100%; height: auto}

.equipment-button-right{ width:30px; height: 48px; position: absolute; right: 0%; top: 0; bottom: 0; margin: auto; cursor: pointer; padding: 4px}

.equipment-mobile-image .equipment-image{ display: block}

.equipment-mobile-image .equipment-image.hidden{ display: none}


.equipment-wrapper .flickity-page-dots{ display: none}

.temp5-equipintro .equipment-intro-container .half-2:first-child{ height: 300px !important; width: auto;}

.temp5-equipintro .equipment-intro-wrapper .absolute-img{ bottom: inherit; width: 350px; height: auto}


.page-template-temp-2 .equipment-intro-wrapper .absolute-img{ height: 277px; width: auto}

.page-template-temp-2 .equipment-intro-container .half-2:first-child{ height: 210px !important; border-bottom: 1px solid rgba(0,0,0,0.1)}


.style13 .project-intro-container .half-2:first-child{ height: 200px !important}

.project-intro-container .float-l .style13-img{ height: 210px; bottom: 20px}

.page-template-temp-5-2-5 .project-intro-container .half-2.introStyle3 .style13-img, .page-template-temp-5-1-1 .project-intro-container .half-2.introStyle3 .style13-img,  .page-template-temp-5-1-2 .project-intro-container .half-2.introStyle3 .style13-img, .page-template-temp-5-1-3 .project-intro-container .half-2.introStyle3 .style13-img,.page-template-temp-5-1-4 .project-intro-container .float-l .style13-img,.page-template-temp-5-2-2 .project-intro-container .half-2.introStyle3 .style13-img, .page-template-temp-5-2-4 .project-intro-container .half-2.introStyle3 .style13-img{ bottom: 20px;}


.service-banner-wrapper{ background-position: 27% center}


.row-doctor .mobileBtn-left{ left: 4%; top: 4.5%; width: 15px;}

.row-doctor .mobileBtn-right{ right: 4%; top: 4.5%; width: 15px;}

.doctor-thumbnail{ width: 80%;}

.doctor-wrapper .doctor-image{ height: 300px; }

.doctor-wrapper .doctor-image img{ bottom: inherit; top: 0; height: 399px}


.case-detail{ height: 85px}

.mobile-case-button img{ width: 14px}

.mobile-case-button span{ font-size: 25px; bottom: 2px}


.contact-detail{ width: 100%; padding: 30px 0}

.contact-detail form ul li{ width: 100%; margin: auto}


.contact-form-image-group{ width: 100%}

.contact-form-image{ width: 100%; margin-right: 4%; float: none}

.contact-form-image:first-child{ margin-bottom: 15px}


.project-intro-container .half-2:first-child{ height: 300px !important}

.temp-projectIntro .project-intro-container li.circle.three-ball .itemIntro-count-wrapper{ width: 45%;}

.temp-projectIntro .project-intro-container li.circle.three-ball .itemIntro-name-wrapper{ width: 55%;}

.temp-projectIntro .project-intro-container li.circle.three-ball .itemIntro-count{ margin-left: 34%}

.itemIntro-description{ width: 85%; margin: auto}

.temp-projectIntro .project-intro-container li.circle.three-ball .itemIntro-description{ width: 100%; margin: 0}

.temp-projectIntro .project-intro-container li.circle.three-ball .itemIntro-image{ width: 85%; margin: 0}


.temp-projectIntro .project-intro-container li.circle .itemIntro-count-wrapper{ width: 45%; }

.temp-projectIntro .project-intro-container li.circle .itemIntro-name-wrapper{ width: 60%; }

.temp-projectIntro .project-intro-container li.circle .itemIntro-count{ margin-left: 30%}

.temp-projectIntro .project-intro-container li.circle .itemIntro-image{ width: 70%; margin: auto auto auto 3%}

.page-template-temp-5-1-4 .temp-projectIntro .project-intro-container li.circle .itemIntro-name-wrapper { position: relative; float: left; display: inline-block}


.style4 .itemIntro-image{ width: 80%}

.style4 .project-intro-container .half-2:first-child{ width: 100%; height: 230px !important; margin: 30px auto auto auto}

.style4 .project-intro-container .float-l img.style4-img{ height: 100%; width: auto}

.style4 .project-intro-container li.circle{ width: 100%; margin: 5px 0}

.style4 .project-intro-container li.circle:first-child{ margin-top: 0}


.more-treatment-wrapper ul li, .more-treatment-wrapper ul li:nth-child(4), .more-treatment-wrapper ul li:nth-child(6){ width: 48.375%; margin-left: 3.25%;}

.more-treatment-wrapper ul li .more-treatment-name{ font-size:12px; width: 68px}

.more-treatment-wrapper ul li .more-treatment-name br{ display: none}


.equipment-banner-wrapper img{ left: -45%}

.equipment-banner-wrapper .equipment-banner-btn{ left: 63%; bottom: 40%}


.procedure-container{ margin: 0 0 0 0}


.item-advantage-slider-detail{ margin: 0 0 20px 0 !important}

.row-nursing-wrapper ul li div, .row-nursing-wrapper ul li h5, .row-nursing-wrapper ul li p{ width: 100%}


.surgery-circle1, .surgery-circle2, .surgery-circle3{ width: 70px; height: 70px}

.surgery-step-wrapper{ width: 90%; margin: 0 auto}


.body-spa-wrapper ul li{ margin-top: 30px}

.body-spa-wrapper ul li .outer-round{ width: 65%; padding-bottom: 65%; display: block; margin: auto}

.body-spa-wrapper ul li .body-span-group{ width: 90%; position: relative}

.body-spa-wrapper ul li .body-span-name{ padding: 10px 0}

.body-spa-wrapper ul li .body-span-name span{ text-align: center}


.item-compare-wrapper{ padding: 10px 0}

.mobile-compareCase-wrapper{ padding: 0}

.mobile-compareLeft{ padding-top: 10px}

.mobile-compareRight{ padding-top: 10px}

.item-compare-wrapper .itemCompareContent{ padding-left: 0}

.item-compare-wrapper h4 span:first-child{ text-align: left}

.item-compare-wrapper h4 span.vs{ text-align: center}

.item-compare-wrapper h4 span{ text-align: right}

.item-compare-wrapper .itemCompareContent ul li:after{ clear: both; content: ''; display: table}

.item-compare-wrapper .itemCompareContent ul li i{ float: left}

.item-compare-wrapper .itemCompareContent ul li span{ float: left; width: 63%}

.item-compare-wrapper .itemCompareContent ul li span:first-child{ width: 35%;}


.temp5-section2 ul li{ width: 100%; margin: 20px 0 0 0; min-height: inherit !important}

.temp5-section2 ul li:first-child{ margin-top: 0}

.temp5-section2 ul li:first-child, .temp5-section2 ul li:nth-child(2){ margin-bottom: 0}


.related-feature-container ul li .relatedFeatureImage{ width: 90%; margin: auto}

.suggest-equip-wrapper ul{ text-align: center; display: table; padding-bottom: 0; margin-left: 0; margin-right: 0;}

.suggest-equip-wrapper ul li{ display: inline-block; width: 48%; float: left; margin-left: 4%; margin-bottom: 4%; padding-left: 0; padding-right: 0; margin-top: 0px;}

.suggest-equip-wrapper ul li:nth-child(odd){ margin-left: 0;}

.suggest-equip-wrapper ul li:nth-child(2), .suggest-equip-wrapper ul li:first-child{ margin-top: 0;}


.video-container .video-right-list ul li a .video-image{ padding-bottom: 55%}


/************** floor 6 *************/

.border-table-col{

margin-bottom: 40px;

min-height: auto;

width: 100%;

border-left:none;

}

.border-table-col .border-table-circle{ left: 0; position: relative; float: left; margin-left: 15%; margin-right: 20px}

.border-table-col .border-table-title span{ margin-left: 17%}

.border-table-col .border-table-cont{ float: left; padding-left: 0}

.border-table-col .border-table-cont .valign-cell br{ display: none}

.border-table-down_arr{ margin-left: 15%}


.gallery-wrapper .gallery-left-list #gallery-prev, .gallery-wrapper .gallery-left-list #gallery-next{ padding: 0 10px}

.gallery-wrapper .gallery-left-list #gallery-prev{ left: 10px}

.gallery-wrapper .gallery-left-list #gallery-next{ right: 10px}


.treatment-series-wrapper li{ width: 46%; margin-left: 8%; margin-bottom: 5%}

.treatment-series-wrapper li h5{ font-size: 14px}

}


@media screen and (max-width: 480px){


.style4 .itemIntro-image{ width: 90%}


.image-group-container .image-group{ width: 100%; float: none; margin-left: 0}

.image-group-container .image-group:first-child{ margin-bottom: 10px}

/*************** Treatment ***********/


.we-have-wrapper ul li{width:100%;margin-left: 0%;padding-bottom:30px;position: relative}

.we-have-wrapper ul li .outer-round{ width:45%;padding-bottom:45%; margin-right:5%;float:left}

.we-have-wrapper ul li .text-center{ text-align: left; position: absolute; top:0; bottom:30px;left:0;right:0;padding-left:50%}


/*************** body spa ************/

.body-spa-wrapper ul li{ width:100%;margin-bottom: 50px;}

.body-spa-wrapper ul li .outer-round{ width: 80%; padding-bottom: 80%}


.itemType .four-ball .round-img-wrap{ width: 100%}

.itemType .four-ball .contentName{ width: 90%; text-align: center}

.itemType .four-ball .contentDetail{ width: 100%}

.tick-content ul li{ padding: 5px 0 10px 35px}


.border-table-col .border-table-title span{ margin-left: 7%}

.border-table-col .border-table-circle{ margin-left: 5%; margin-right: 15px}

.border-table-down_arr{ margin-left: 5%}


.equipment-button-group{ top: 0}

.equipment-button-left{ left: 0}

.equipment-button-right{ right: 0}


.temp5-equipintro .equipment-intro-container .half-2:first-child{ height: 250px !important; width: auto;}

.temp5-equipintro .equipment-intro-wrapper .absolute-img{ bottom: inherit; width: 300px; height: auto}


.doctor-wrapper .doctor-image{ height: 200px}

.doctor-wrapper .doctor-image img{ height: 300px}


.relatied-item-wrapper .relatied-item-slider-wrapper ul li .cont{ padding-left: 49%}

.treatment-intro-container .treatment-right h4{ font-size: 21px}

.temp-projectIntro .project-intro-container li.circle.three-ball, .temp-projectIntro .project-intro-container li.circle.four-ball{ margin: 20px 0 0 1.6%}

.temp-projectIntro .project-intro-container li.circle.three-ball:first-child, .temp-projectIntro .project-intro-container li.circle.four-ball:first-child{ margin-top: 0}


.item-compare-wrapper .itemCompareContent ul li span:first-child{ width: 37%}

.item-compare-wrapper .itemCompareContent ul li span{ width: 60%}

}


@media screen and (max-width: 480px){

.equipment-banner-wrapper img{ left: -55%}


}


@media screen and (max-width: 420px){

.border-table-col .border-table-title span{ margin-left: 4%}

.border-table-col .border-table-circle{ margin-left: 1.5%}

.border-table-down_arr{ margin-left: 1.5%}


.suggest-equip-wrapper ul li{ width: 47%; margin-left: 6%; margin-bottom: 6%}

.service-banner-wrapper{ background-position: 40% center}

.equipment-banner-wrapper img{ left: -65%}

.equipment-banner-wrapper .equipment-banner-btn{ left: 51%}

.equipment-inner .equipment-container{ position: relative; padding: 0; width: 85%;}

.relatied-item-wrapper .relatied-item-slider-wrapper ul li .cont{ padding-left: 59%}


.item-compare-wrapper .itemCompareContent ul li span:first-child{ width: 40%}

.item-compare-wrapper .itemCompareContent ul li span{ width: 57%}

.more-treatment-wrapper ul li .more-treatment-name{ line-height: 17px; width: 74px}

.realted-post-container ul, .realted-news-container ul{ padding: 20px 5%;}

.w400-none{display:none!important;}

.w400-display{display:table!important;}

}


@media screen and (max-width: 320px){


.center-word{ padding: 0 8px}

.top-banner .top-banner-cont h1{ font-size: 24px}

.equipment-wrapper { height: auto}

.equipment-intro-container .half-2 .equipIntro-right{ width: 90%}

.temp5-equipintro .equipment-intro-container .half-2:first-child{ height: 200px !important; width: auto;}

.temp5-equipintro .equipment-intro-wrapper .absolute-img{ bottom: inherit; width: 250px; height: auto}


.border-table-col .border-table-cont{ width: 67%}

.border-table-col .border-table-circle{ margin-right: 10px; margin-left: 0}


.half-circle-photo{ width: 55%}

.case-detail{ height: 80px}


.gallery-wrapper .gallery-left-list ul li a{ line-height: 0px!important; padding-top: 25px; padding-bottom: 25px; padding-left: 20px; padding-right: 0}

.gallery-wrapper .gallery-left-list ul li a:nth-child(even){ padding-left: 0; padding-right: 10px}

.gallery-wrapper .gallery-left-list #gallery-prev{ left:0px;padding: 0 10px; z-index: 9}

.gallery-wrapper .gallery-left-list #gallery-next{ right:0px;padding: 0 10px; z-index: 9}


.service-banner-wrapper{ height: 160px}

.service-banner-word{ height: 160px}

.service-banner-word h4{ text-align: center}

.suggest-equip-wrapper li{ margin-left: 10%}

}