/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:Panjochs
File Description:Main CSS file of the template of SoundPlay Cn*/
/*----------------------------------------------------------------------------- */

html {
	height: 100%;
}
a {
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    color:#565656;
}
a:hover {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:link {text-decoration:none}
.clear {clear:both}
body {
	font-family:"brandon-grotesque";
	font-size: 14px;
	line-height: 22px;
	color: #565656;
}
body.full-height, body.full-height .page-wrapper {
	min-height: 100%;
}
img {max-width:100%;}
ul {margin:0px; padding:0px; list-style:none}

.pt10 {padding-top: 10px;}
.pt30 {padding-top: 30px;}
.pt60 {padding-top: 60px;}
.pt70 {padding-top: 70px;}
.pt170 {padding-top: 170px;}

.pb10 {padding-bottom: 10px;}
.pb30 {padding-bottom: 30px;}

.fl {
  float: left; }

.fr {
  float: right; }

.fcen {text-align: center;}
.Roat {-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.mk-padding-divider {width:100%; clear:both; padding:50px 0px}
/*字体*/
@font-face {
  font-family: 'Aileron-UltraLight';
  src: url('../fonts/Aileron-UltraLight.eot?20190530');
  src: url('../fonts/Aileron-UltraLight.eot?20190530#iefix') format('embedded-opentype'),
       url('../fonts/Aileron-UltraLight.woff?20190530') format('woff'),
       url('../fonts/Aileron-UltraLight.ttf?20190530') format('truetype'),
       url('../fonts/Aileron-UltraLight.svg?20190530#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aileron-Bold';
  src: url('../fonts/Aileron-Bold.eot?20190530');
  src: url('../fonts/Aileron-Bold.eot?20190530#iefix') format('embedded-opentype'),
       url('../fonts/Aileron-Bold.woff?20190530') format('woff'),
       url('../fonts/Aileron-Bold.ttf?20190530') format('truetype'),
       url('../fonts/Aileron-Bold.svg?20190530#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot?20190530');
  src: url('../fonts/Montserrat-Regular.eot?20190530#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Regular.woff?20190530') format('woff'),
       url('../fonts/Montserrat-Regular.ttf?20190530') format('truetype'),
       url('../fonts/Montserrat-Regular.svg?20190530#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.eot");
  src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}

/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/fa-brands-400.eot");
  src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
}
/*字体*/

/*手机导航*/
.mobile-meunu{height:75px; position:fixed; z-index:999; width:100%;-webkit-transition: 1s;transition: 1s; top:0px; left:0px;}
.mobilebg{ background:#fff; height:75px; float:left; width:100%; border-bottom:2px solid #21438c;}
.mobile-logo{ float:left; padding-top:15px; padding-left:2em;}
.mobile-logo img{ height:40px;}
.mobile-nav {position: relative;width: auto;display: inline-block;border: none; }
.btn-nav {position: fixed;top: 10px;right: 20px;background: transparent;border: none;padding: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;}
.btn-nav:focus {outline: 0;}
.icon-bar {display: block;margin: 6px 0;width: 30px;height: 4px;background-color: #21438c;}
.btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;background-color: #6fb0ce;}
.nav-content {position: fixed;bottom: 0;left: 0;right: 0;background: #fff;display: block;height: 100%;z-index: 16;}
.nav-list {list-style: none;padding: 0;position: relative;top: 15%;}
.item-anchor:after {content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: 0;z-index: 9;background: transparent;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.item-anchor {color: #000;font-size: 1.5em;text-transform: uppercase;position: relative;text-decoration: none; padding: 10px;}
.item-anchor:hover,
.item-anchor:focus {text-decoration:none;color: #6fb0ce;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.item-anchor:hover:after,
.item-anchor:focus:after{width: 100%;background: #6fb0ce;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.nav-item {margin: 25px auto;text-align: center;}
.animated {display: block; margin: 0 auto;}
.animated:hover .icon-bar,
.animated:focus .icon-bar{background-color: #6fb0ce;}
.animated:focus {cursor: pointer;z-index: 9999;}
.middle {margin: 0 auto;}
.icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease; transition: all .7s ease;z-index: 999999;}
.animated .icon-bar {z-index: 999999; background-color: #00569d;}
.animated .top {
  -webkit-transform: translateY(10px) rotateZ(45deg);
  -moz-transform: translateY(10px) rotateZ(45deg);
  -ms-transform: translateY(10px) rotateZ(45deg);
  -o-transform: translateY(10px) rotateZ(45deg);
  transform: translateY(10px) rotateZ(45deg);
}
.animated .bottom {
  -webkit-transform: translateY(-11px) rotateZ(-45deg);
  -moz-transform: translateY(-11px) rotateZ(-45deg);
  -ms-transform: translateY(-11px) rotateZ(-45deg);
  -o-transform: translateY(-11px) rotateZ(-45deg);
  transform: translateY(-11px) rotateZ(-45deg);
}
.animated .middle {width: 0;}
@keyframes showNav {from {top: -100%;}to {top: 0;}} 
@-webkit-keyframes showNav {from {top: -100%;}to {top: 0;}}
@-moz-keyframes showNav {from{top: -100%;}to {top: 0;}}
@-o-keyframes showNav {from {top: -100%;}to {top: 0;}}
.showNav {-webkit-animation: showNav 1s ease forwards;-moz-animation: showNav 1s ease forwards;-o-animation: showNav 1s ease forwards;animation: showNav 1s ease forwards;}
@keyframes hideNav {from {top: 0;}to {top: -100%;}}
@-webkit-keyframes hideNav {from {top: 0;}to {top: -100%;}}
@-moz-keyframes hideNav {from {top: 0;}to {top: -100%;}}
@-o-keyframes hideNav {from {top: 0;}to {top: -100%;}}
.hideNav {-webkit-animation: hideNav 1s ease forwards;-moz-animation: hideNav 1s ease forwards;-o-animation: hideNav 1s ease forwards;animation: hideNav 1s ease forwards;}
.hidden {display: none;}	
.equinav{margin-top:20px;}
@media (min-width: 768px) {.equinav{margin-top:20px; border:none}.navbar-brand{ display:none}}
/*手机导航*/

/*头部*/
.header {width: 100%;height: 93px;border-bottom: 1px solid #e5e5e5; position:relative}
.logo { margin:10px 0 0 30px;float:left}
.nav {float:right; margin-right:100px;}
.menu {float:left; height:93px; line-height:93px;}
.menu > li{float:left; margin-left:70px;}
.menu > li > a { font-size:16px; color:#5b5b5b;display:block; padding:0px 25px 0px 2px;font-weight:bold; text-transform:uppercase;}
.menu > li > a:after {
    border-bottom:5px solid #21438c;width:0px;content: ""; display:block;margin-top:-5px;
    transition:width 0.5s;
    -moz-transition:width 0.5s; /* Firefox 4 */
    -webkit-transition:width 0.5s; /* Safari and Chrome */
    -o-transition:width 0.5s; /* Opera */
}
.menu > li > a:hover:after {width:120%;}
.menu > li > a:hover {color:#21438c;}
.icoSearch { font-size:32px;float:right;width:93px;height:93px; line-height:93px; background:#21438c; display:block; text-align:center;}
.icoSearch:hover {background:#73c2c3}
.icoSearch:hover i {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}

.btn-blue {
    color: #fff;
    background-color: #73c2c3;
    border-color: #d43f3a;
}

    .btn-blue.focus, .btn-blue:focus {
        color: #fff;
        background-color: #21438c;
        border-color: #761c19;
    }

    .btn-blue:hover {
        color: #fff;
        background-color: #21438c;
        border-color: #ac2925;
    }

    .btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {
        color: #fff;
        background-color: #21438c;
        border-color: #ac2925;
    }

        .btn-blue.active.focus, .btn-blue.active:focus, .btn-blue.active:hover, .btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover, .open > .dropdown-toggle.btn-blue.focus, .open > .dropdown-toggle.btn-blue:focus, .open > .dropdown-toggle.btn-blue:hover {
            color: #fff;
            background-color: #ac2925;
            border-color: #761c19;
        }

    .btn-blue.active, .btn-blue:active, .open > .dropdown-toggle.btn-blue {
        background-image: none;
    }

    .btn-blue.disabled.focus, .btn-blue.disabled:focus, .btn-blue.disabled:hover, .btn-blue[disabled].focus, .btn-blue[disabled]:focus, .btn-blue[disabled]:hover, fieldset[disabled] .btn-blue.focus, fieldset[disabled] .btn-blue:focus, fieldset[disabled] .btn-blue:hover {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-blue .badge {
        color: #d9534f;
        background-color: #fff;
    }

.searchDiv {position:absolute; z-index:9999;top:93px;right:0px; display:none}
#sform{ float:right; width:265px; height:45px; background:url(../images/search.jpg) no-repeat;}
#sform input{height:45px; line-height:45px; background:none; border:0px; font-size:14px;}
#stext{ float:left; width:215px;  padding-left:11px; color:#a8a8a8;}
#sbut{ float:right;width:45px; padding:0; border:0; cursor:pointer;}

@media (min-width: 768px) and (max-width: 991px) {
    .logo img {height:35px;margin-top:12px}
    .nav {margin-right:10px;}
    .menu > li{float:left; margin-left:20px;}
    .icoSearch {display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nav {margin-right:40px;}
    .menu > li{float:left; margin-left:27px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .menu > li{float:left; margin-left:58px;}
}
@media (min-width: 1440px) and (max-width: 1680px) {
   
}

.fixed-header-on .header {height:74px;}
.fixed-header-on .header .logo {margin-top:0px}
.fixed-header-on .header .logo img{margin-top:3px}
.fixed-header-on .header.fixed {position: fixed;width: 100%;top: 0;left: 0;z-index: 1006;opacity: 0;filter: alpha(opacity=0);border-bottom: 1px solid #f1f1f1;background-color: rgba(255, 255, 255, 0.95);}
.fixed-header-on .menu {height:74px; line-height:74px;}
.fixed-header-on .icoSearch {width:74px;height:74px; line-height:74px;}
.fixed-header-on .searchDiv {top:74px;}


.menu li.mega-menu:hover .dropdown {
    visibility: visible;
    opacity: 1;
    transition: all 1s;
}
/*.menu li.mega-menu:hover .dropdown {display: block;}*/
.menu li.mega-menu:hover a.dropdown-toggle {color:#21438c}
.dropdown {
    position: absolute;
    top: 100%;
    left: 5%;
    z-index: 1000;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    width: 90%;
    padding: 10px;
    border-top: 1px solid #e5e5e5;
    background-color:rgba(255,255,255,0.96);
        /*background-color:rgba(51,51,51,0.95);*/
    visibility:hidden;
    opacity:0;
    padding:35px 100px 75px 100px;
    color:#747577;
    /*-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;*/
}
.cateMenu {float:left; padding:0px 50px;}
.cateMenu .divBig{float:left;width:100%;height:49px; line-height:49px; border-bottom:1px solid #a2a2a2}
.cateMenu .divBig a {font-size:18px; font-weight:bold;color:#21438c}
.cateMenu:nth-child(2) .divBig a {color:#6ab5c8}
.cateMenu:nth-child(3) .divBig a {color:#8476ce}
.cateMenu .divBig a i {margin-left:20px;}
.cateMenu ul {float:left; width:100%; margin-top:20px;min-height:144px;}
.cateMenu ul li{float:left; width:50%; font-size:16px; line-height:36px;height:36px; overflow:hidden;}
.cateMenu .divImg {float:left; margin-top:30px;width:100%;}
.cateMenu .divImg img{float:left;border-radius:10px; width:100%;}

@media (min-width: 768px) and (max-width: 991px) {
   .dropdown{padding:35px 10px 75px 10px;}
    .cateMenu {padding:10px;}
    .cateMenu ul li{font-size:12px; line-height:24px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown{padding:35px 10px 75px 10px;}
    .cateMenu {padding:10px;}
    .cateMenu ul li{font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .dropdown{padding:35px 20px 75px 20px;}
    .cateMenu {padding:10px;}
    .cateMenu ul li{font-size:15px;}
}
@media (min-width: 1440px) and (max-width: 1680px) {
   .dropdown{padding:35px 50px 75px 50px;}
   .cateMenu {padding:0px 10px;}
}


@media (max-width: 767px) {
    #myCarousel {
        margin-top: 75px;
    }
}


/*产品展示*/
.index-products { background:#f0f2f1}
.index-products .cateList { padding:116px 0px 93px 0px}
.index-products .cateList strong {float:left;height:39px; line-height:39px; font-weight:bold; text-transform:uppercase; font-size:24px; margin-left:20px;}
.index-products .cateList ul.bigCate {float:right}
.index-products .cateList ul.bigCate li{float:left; font-size:18px; margin-left:15px;}
.index-products .cateList ul.bigCate li a{float:right; height:39px; line-height:39px; display:block;color:#a6a6a6; padding:0px 30px; background:#f0f2f1;border-radius:10px;}
.index-products .cateList ul.bigCate li a:hover { background:#8072c7;color:#fff; border-radius:10px;}
.index-products .cateList ul.bigCate li a.hover { background:#8072c7;color:#fff; border-radius:10px;}
.index-products .list {width:100%;}

.index-products .list .img-box-v2 {width:100%;height:100%; cursor:pointer;float:left;overflow: hidden;position: relative;text-align: center;}
.img-box-v2 .overlay {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0;
    padding: 25px;
    opacity: 0;
    background: #ea5e47;
    color: #ffffff;
    transition-duration: 0.5s;
    z-index: 100;
}
.img-box-v2 .overlay p {
    margin: 0;
}
.img-box-v2 img {
    display: block;
    position: relative;
    width:100%;
}
.img-box-v2 h2 {
    color: #fff;
    position: relative;
    font-size: 30px;
    float: left;
    margin: 0px;
    display: inline-block;
    text-transform:uppercase;
}
.img-box-v2 h2 a {color: #fff;}
.img-box-v2:hover img {opacity: 0.7; }
.img-box-v2 a.info {display: inline-block;text-decoration: none;padding: 7px 14px;text-transform: uppercase;color: #fff;border: 1px solid #fff;margin: 50px 0 0 0;background-color: transparent; }
.img-box-v2 a.info:hover {box-shadow: 0 0 5px #fff; }
.img-box-v2 p.icon-links a {float: right;color: #ffffff;font-size: 1.3em; }
.img-box-v2 p.icon-links a:hover {color: #01b7f2; }
.img-box-v2:hover p.icon-links a:hover,
.img-box-v2:hover p.icon-links a:focus {color: #ffffff; }
.img-box-v2 h2,
.img-box-v2 p.icon-links a {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(0, 200%, 0);transform: translate3d(0, 200%, 0); }
.img-box-v2 p.icon-links a span:before {display: inline-block;padding: 8px 6px 0;speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; }
.img-box-v2:hover .overlay {opacity: 0.8;}
.img-box-v2:hover h2,.img-box-v2:hover p.icon-links a {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
.img-box-v2:hover h2 {-webkit-transition-delay: 0.05s;transition-delay: 0.05s; }
.img-box-v2:hover p.icon-links a:nth-child(3) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s; }
.img-box-v2:hover p.icon-links a:nth-child(2) {-webkit-transition-delay: 0.15s;transition-delay: 0.15s; }
.img-box-v2:hover p.icon-links a:first-child {-webkit-transition-delay: 0.2s;transition-delay: 0.2s; }

.overlay2 {
    width: 100%;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: auto;
    bottom: 0;
    opacity: 0;
    color: #ffffff;	
    transition-duration: 0.5s;
    z-index: 100;
    height:100%;
    vertical-align:middle;
}
.pink {background:#ea5e47}
.blue {background:#6fb0ce}


.img-box-v1 img {width:100%;}
.img-box-v1:hover .overlay2 {opacity: 0.3; }
.img-box-v1.hover .overlay2 {opacity: 0.3; }

/*.img-box-v1:hover .overlaymt {opacity: 0.1; }
.img-box-v1.hover .overlaymt {opacity: 0.1; }*/


.overlaymt .content {top:60%; position:absolute; width:100%;background:rgba(255,255,255,0.6);}
.overlaymt  h4 {font-size:16px; text-transform:uppercase;color:#000;text-align: center;}
.overlaymt .content p {font-size:10px; width:85%; margin:0 auto; margin-bottom:20px;}
.overlaymt .content span {font-size:14px; font-weight:bold; text-transform:uppercase; border:2px solid #fff; padding:5px 15px; margin-top:10px;}



.overlay2 .content {top:30%; position:absolute; width:100%;}
.overlay2 .content h4 {font-size:24px; text-transform:uppercase;color: #ffffff;}
.overlay2 .content p {font-size:10px; width:85%; margin:0 auto; margin-bottom:20px;}
.overlay2 .content span {font-size:14px; font-weight:bold; text-transform:uppercase; border:2px solid #fff; padding:5px 15px; margin-top:10px;}



@media (max-width: 767px) {
    .index-products .cateList { padding:26px 0px 26px 0px}
    .index-products .cateList strong {float:left;width:100%; text-align:center; margin-bottom:10px; margin-left:0px;}
    .img-box-v2 img {opacity: 0.7; }
    .img-box-v2 .overlay {opacity: 0.8;}
    .img-box-v2 h2,.img-box-v2:hover p.icon-links a {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); }
    .img-box-v1 .overlay2 {opacity: 0.3; }
}
@media (min-width: 768px) and (max-width: 991px) {
   .index-products .cateList ul {float:left;width:100%; margin-top:20px; padding-left:20px}
   .index-products .cateList ul li{font-size:14px; margin-right:10px; margin-left:0px}
   .index-products .cateList ul li a{height:39px; line-height:39px;padding:0px 20px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .index-products .cateList ul li{font-size:16px; margin-left:10px;}
   .index-products .cateList ul li a{height:39px; line-height:39px;padding:0px 30px;}
   .overlay2 .content {top:20%;}
   .overlay2 .content h4 {font-size:20px;}
   .overlay2 .content p {line-height:20px; height:60px; overflow:hidden;}
}

/*数字*/
.index-sz {float:left; width:100%; height:185px; margin-top:1px;}
.item-sz {width:20%;float:left; height:100%;color:#fff; padding-top:50px;}
.item-sz strong {font-size:48px; line-height:48px; font-weight:normal;}
.item-sz p {font-size:24px; line-height:48px;}
.ico1{background:#ea665a}
.ico2{background:#fe8151}
.ico3{background:#ffbb40}
.ico4{background:#fbd350}
.ico5{background:#3bc2a1}

@media (max-width: 767px) {
   .index-sz {height:155px;}
   .item-sz {padding-top:40px;}
   .item-sz strong {font-size:24px; line-height:35px; font-weight:normal;}
   .item-sz p {font-size:12px; line-height:35px;}
}
/*首页项目展示*/
.index_projects {padding:45px 0px 50px 0px}
.project_list {float:left; width:100%; margin-top:130px;}
.fullwidth-image {bottom: 0;left: 0;min-height: 815px ;position: relative;text-align: center;top: 0;z-index: 1; cursor:pointer;transition: all 0.6s;}
.over {width:0px;height:815px; display:block; background-color:rgba(0,0,0,0.2);
transition:width 2s;
-moz-transition:width 2s; /* Firefox 4 */
-webkit-transition:width 2s; /* Safari and Chrome */
-o-transition:width 2s; /* Opera */}
.over a {float:left; width:100%;height:100%; display:block;}
.over .title {color:#fff; width:auto; position:absolute;right:0px;top:22px;font-size:24px; padding:18px 35px; border-top-left-radius:10px;border-bottom-left-radius:10px;}
.over .p1 {background:#fc5950;}
.over .p2 {background:#fe8151;}
.over .p3 {background:#ffbb40;}
.over .p4 {background:#3bc2a1;}
.over .p5 {background:#95d46c;}
.over .h1 {background:#fff;font-size:24px; font-weight:bold;color:#000;position:absolute; left:0px; bottom:48px; padding:15px 60px 15px 15px; text-transform:uppercase}
.over .h2 {background:#fff;font-size:22px; font-weight:bold;color:#000;position:absolute; left:0px; bottom:120px; padding:15px;}

.fullwidth-image:hover {transform: scale(1);z-index:9}
.fullwidth-image:hover .over{width:100%}
.fullwidth-image:hover .h1{background:#000;color:#fff;}
.fullwidth-image:hover .h2{background:#000;color:#fff;}

@media (max-width: 767px) {
  .project_list { margin-top:30px;}
  .fullwidth-image:hover {transform: scale(1)}
  .fullwidth-image {min-height: 600px;}
  .over {height:600px;}
  .over .title {font-size:18px;}
  .over .h1 {font-size:18px;padding:15px 30px 15px 15px;}
  .over .h2 {font-size:16px;}
}

@media (min-width: 768px) and (max-width: 991px) {
  .fullwidth-image:hover {transform: scale(1)}
}
@media (min-width: 992px) and (max-width: 1199px) {
   
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .fullwidth-image {min-height: 600px;}
   .over {height:600px;}
   .over .title {font-size:18px;}
   .over .h1 {font-size:18px;padding:15px 30px 15px 15px;}
   .over .h2 {font-size:16px;}
}
@media (min-width: 1440px) and (max-width: 1680px) {
   .fullwidth-image {min-height: 715px;}
   .over {height:715px;}
   .over .title {font-size:20px;}
   .over .h1 {font-size:20px;}
   .over .h2 {font-size:18px;}
}


/*留言*/
.index-feedback {float:left; width:100%; padding-bottom:50px; margin-top:65px;}
.txtInput {background:#ededed;border:1px solid #ededed; font-size:18px;color:#7c7c7c; padding:35px 20px;font-family:"Aileron-Bold";font-weight:bold; line-height:25px; font-weight:100}
.txtButton {background:#fc5950;border:none; height:72px; line-height:25px; font-size:18px;color:#fff;font-family:"Aileron-Bold"; font-weight:100; -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;}
.txtButton:hover {background:#5dcda2}
/*底部*/
.foot {background:#21438c; padding:10px 0px 15px 0px; border-bottom:1px solid #cdcdcd;color:#F5F5D8}
.item{float:left;}
.item strong {float:left;font-size:18px;color:#fff; text-transform:uppercase; margin:30px 0px;width:100%;}

.foot select {
	background:#21438c;
	color:#F5F5D8;
}

.item .foot1nd ul  {float:left; width:100%;}
.item .foot1nd ul li{float:left; width:100%; line-height:36px;}
.item .foot1nd ul a{float:left;color:#F5F5D8}
.item .foot1nd ul a:hover {color:#f1e900}

.item .foot2nd ul {float:left; width:100%;color:#fff}
.item .foot2nd ul li{float:left; width:50%; line-height:36px;}
.item .foot2nd ul a{float:left;color:#F5F5D8}
.item .foot2nd ul a:hover {color:#f1e900}

.item p {line-height:36px;}
.item p a{color:#F5F5D8}




.footmt {margin: 5px 5px 30px 5px;}
.itemmt{float:left;}
.itemmt strong {float:left;font-size:18px;color:#fff; text-transform:uppercase; margin:10px 0px;width:100%;}
.itemmt ul {float:left; width:100%;}
.itemmt ul li{float:left;width:30%; line-height:36px;border:1px solid #cdcdcd;text-align: center;margin:5px;}
.itemmt ul a{color:#21438c;}
.itemmt ul a:hover {color:#f1e900}
.itemmt p {line-height:36px;}
.itemmt p a{color:#F5F5D8}





@media (min-width: 1600px){
    .footList {width:1550px}
}
.footSJ {float:right; width:100%; margin-top:50px;}
.footSJ ul{float:right;}
.footSJ ul li{float:left; margin-left:32px;}
.footSJ ul li a{float:left;color:#fff; font-size:16px;}
.footSJ ul li a:hover {color:#f1e900}
.footSJ ul li a i{float:left; width:24px; height:24px; background:#388ddb; line-height:24px; text-align:center; border-radius:50px; margin-right:5px;}
.copy {background:#252424; padding:15px 0px;color:#F5F5D8}
.copy a {color:#F5F5D8;font-weight:bold}

@media (max-width: 767px) {
  .footSJ { display:none}
}
@media (min-width: 768px) and (max-width: 991px) {
   .footSJ {float:left;}
   .footSJ ul{float:left;}
   .footSJ ul li{margin-left:0px; margin-right:32px;}
}

/*内页*/
.about-us{
    position: relative;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height:780px;
    color:#fff;
}
.about-us:before { content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;   background: rgba(0, 0, 0, 0.55);z-index: 0;}
.auto-container {position:relative; z-index:5;}
.about-us h3 { font-size:60px; line-height:65px;color:#fff; font-weight:bold; margin-top:150px;font-family:steinzeit;}
.about-us h3:after {content:""; border-bottom:3px solid #21438c;display:block;width:50px; margin:0 auto; margin-top:30px;}
.about-us p {color:#fff; font-size:24px; line-height:30px; width:80%; margin:0 auto; margin-top:120px; margin-bottom:70px;}
.about-us .moreView { padding:15px 35px; background:#fff; font-size:18px; font-weight:bold;width:180px;}
.about-us .moreView:hover {background:#21438c;color:#fff;}

@media (max-width: 767px) {
  .about-us h3 { font-size:35px;}
  .about-us p {font-size:18px; line-height:30px; width:100%;}
  .about-us .moreView { padding:10px 25px; font-size:14px;}
}

.nbanner{
    position: relative;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height:320px;
    color:#fff;
}
.nbanner:before { content: '';position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;   background: rgba(0, 0, 0, 0.55);z-index: 0;}
.nbanner h3 { font-size:60px; line-height:65px;color:#fff; font-weight:bold; margin-top:150px; text-transform:uppercase;font-family:steinzeit;}
.page-title {}
.page-title h2 {font-size:50px; text-transform:uppercase;color:#393836; font-weight:bold; padding:40px 0px;font-family:steinzeit; line-height:50px}

.page-title:after {content:""; border-bottom:3px solid #e5e5e5;display:block;width:30px; margin:0 auto; margin-top:30px;}

.page {font-size:20px; line-height:30px; padding:30px 0px}
.page a { font-weight:bold;color:#ff9900; text-decoration:underline}
.page div { margin-top:10px;}

.news-page {width:100%}
.page-content { font-size:20px; line-height:26px;  padding-bottom:50px;}

.page-content blockquote {
  float: left;
  width: 100%;
  margin: 0 0 50px;
  position: relative;
  padding: 35px 50px;
  border: 1px solid #e9eaea;
}

.page-content blockquote:after {
  top: -14px;
  left: 55px;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
 /* background: url(../images/icon/quotes-img02.png) no-repeat;*/
}

.page-content blockquote q {
  font-size: 15px;
  line-height: 24px;
  color: #7a7992;
  display: block;
  font-weight: 300;
  margin: 0 0 15px;
  text-align: left;	
}

.page-content blockquote .hb-uthername {
  font-size: 20px;
  line-height: 23px;
  font-weight: 500;
  text-align: left;
  text-transform: capitalize;
  float: left;
  width: 100%;  
  color: #21438c;	
}

.page-content blockquote .hb-uthername em {
  font-size: 13px;
  line-height: 16px;
  color: #c1bfda;
  display: block;
  padding: 5px 0 0;
  font-weight: 400;
  font-style: normal;
}





.page-news-category {margin-top:50px;}

.fullwidth-news {bottom: 0;left: 0;min-height: 461px ;position: relative;text-align: center;top: 0;z-index: 1; cursor:pointer;}
.fullwidth-news:hover .divConver{width:100%;}
.fullwidth-news:hover .image-delay{
    visibility:visible;
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}

.divConver {width:100%;height:461px; display:block; background-color:rgba(0,0,0,0.6);
transition:width 0.6s;
-moz-transition:width 0.6s; /* Firefox 4 */
-webkit-transition:width 0.6s; /* Safari and Chrome */
-o-transition:width 0.6s; /* Opera */}
.divConver h3 {font-size:50px;color:#21438c; margin:0px;  text-transform:uppercase; padding-top:130px; font-family:"steinzeit"}
.divConver p {font-size:16px;color:#fff;line-height:30px; width:80%; text-align:center; margin:0 auto; margin-top:20px; margin-bottom:30px;}
.divConver  a{width:150px; line-height:40px; display:block; border:1px solid #fff; text-align:center;color:#fff; border-radius:5px; font-size:16px; margin:0 auto;}
.divConver  a:hover { background:#5b5b5b;color:#fff} 
@media (max-width: 768px) {
    .divConver {width:100%;}
    .divConver h3 {visibility:visible;}
    .divConver p {visibility:visible;}
    .divConver a {visibility:visible;}
}

.page-top{width:100%; background:#f7f7f7; padding:40px; border-bottom:2px solid #ededed;font-size:20px; font-weight:bold; text-transform:uppercase;}
@media (max-width: 768px) {.page-top {margin-top:75px;}}

.index-image{overflow:hidden;position:relative;padding:0 !important;background:#21438c;}
.index-image:nth-child(1) {background:#dd9933}
.index-image:nth-child(2) {background:#508bbf}
.index-image:nth-child(3) {background:#e5527e}
.index-image:nth-child(4) {background:#66bc29}
.index-image:nth-child(5) {background:#007770}
.index-image:nth-child(6) {background:#dc291e}
.index-image:nth-child(7) {background:#cd6695}
.index-image:nth-child(8) {background:#98b5b1}


.index-image p{margin: 0 0 32px;color: #fff;font-size: 14px;line-height: 2em;}
.index-image h3{text-align: left; margin: 0 0 10px;color:#fff;}
.index-image h3 a{color:#fff;}
.img-left{width:50%;height:100%;position:absolute;top:0;left:0;background-size:cover;}
.information-right{width: 50%;float: right;padding: 135px 11% 135px 49px;text-align: left;}
.index-image-right .information-right{float:left;text-align:right;padding: 135px 49px 135px 11%;}
.index-image.index-image-right .information-right h3{text-align:right;}
.index-image-right .img-left{right: 0;left: inherit;}
.index-image .puadate{color:#fff;margin:  5px 0;}

.information-right .read-more{color:#FFF;border-bottom:1px solid #fff;margin:  10px 0;}



@media (max-width: 850px){
	.img-left{display:none;}
	.information-right {width: auto;float: none;padding: 30px 23px;text-align: left;}
	.index-image-right .information-right {float: none;text-align: left;padding: 30px 23px;}
	.index-image.index-image-right .information-right h3 {text-align: left;}
}

.aboutContent {float:left;width:880px}
.aboutContent img {max-width:100%;height: auto !important}

.aboutMenu {float:right;width:250px; border:1px solid #f5f5f5; margin-left:40px; margin-top}
.aboutMenu .lbt {float:left; width:100%; height:75px;}
.aboutMenu .lbt h3 { margin-left:25px; font-size:21px;}
.aboutMenu .curCol {float:left; width:100%;line-height:20px; padding:5px 0px; background:#21438c}
.aboutMenu .curCol a { display:block; padding:0px 25px;color:#fff}
.aboutMenu .curCol a i {float:right; margin-right:20px; display:none}
.aboutMenu ul {float:left; width:100%; margin:20px 0px 40px 0px}
.aboutMenu ul li{float:left; width:100%;}
.aboutMenu ul li a{ margin:5px 25px;float:left;color:#5a5a5a; font-size:14px; line-height:20px;}
.aboutMenu ul li a:hover {color:#21438c}

@media (max-width: 768px) {
   .aboutContent {width:100%}
   .aboutMenu {float:left;width:100%; border:1px solid #f5f5f5; margin-left:0px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .aboutContent {width:490px}
  .aboutMenu {float:right;width:210px; border:1px solid #f5f5f5; margin-left:20px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .aboutContent {width:650px}
}
.nwTit { padding-bottom:20px;border-bottom:1px solid #dcdcdc; text-align:center;float:left; width:100%;}
.nwTit .pubDate{ font-weight:bold;}
.pubShare { margin-top:10px;float:left;width:100%;}
.pubShare ul{float:right;}
.pubShare ul li{float:left; margin-left:5px;width:20px;}
.pubShare ul li a{width:20px; height:20px; display:block; font-size:16px; color:#a3a3a3}
.pubShare ul li a:hover {color:#21438c}
.nwCon {float:left; width:100%; padding:20px 0px;min-height:380px;}

.page-download-list {margin-top:50px;}
.download {float:left;width:100%; background:#dd9933; padding:20px; margin-bottom:20px;}
.download img {width:100%;}
.download h3 {color:#fff; text-transform:uppercase;font-size:20px;font-weight:bold; line-height:50px;}
.page-download-list .item1 {background:#dd9933}
.page-download-list .item2 {background:#508bbf}
.page-download-list .item3 {background:#e5527e}
.page-download-list .item4 {background:#66bc29}
.page-download-list .item5 {background:#007770}
.page-download-list .item6 {background:#dc291e}
.page-download-list .item7 {background:#dd9933}
.page-download-list .item8 {background:#dd9933}
.page-download-list .item9 {background:#dd9933}


/*分页*/
.pagination {display:table; margin:0 auto; margin-top:20px;margin-bottom:20px;}
.m-style { position: relative;text-align: center;zoom: 1;}
.m-style:before,
.m-style:after {content: "";display: table;}
.m-style:after {clear: both;overflow: hidden;}
.m-style span {float: left;margin: 0 3px;width: 45px;height: 38px;line-height: 38px;color: #bdbdbd;font-size: 14px;}
.m-style .active {float: left;margin: 0 3px;width: 45px;height: 38px;line-height: 38px;background: #21438c;color: #fff;font-size: 14px;border: 1px solid #21438c;}
.m-style a {float: left;margin: 0 3px;width: 45px;height: 38px;line-height: 38px;background: #fff;border: 1px solid #ebebeb;color: #bdbdbd;font-size: 14px;}
.m-style a:hover {color: #fff;background: #21438c;}
.now,.count {padding: 0 5px;color: #f00;}

#fh5co-contact {margin-top:30px;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {
  margin: 0;
  padding: 0;
  margin-top:20px;
  float:left;
}
#fh5co-contact .contact-info li {
  list-style: none;
  margin: 0 0 15px 0;
  position: relative;
  padding-left: 40px;
}
#fh5co-contact .contact-info li i {
  position: absolute;
  top: 0em;
  left: 0;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact .contact-info li a {
  font-weight: 400 !important;
}
#fh5co-contact .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#fh5co-contact input[type="text"] {
  height: 50px;
}
#fh5co-contact .form-group {
  margin-bottom: 15px;
}

/*--------------------------------------------------------------------------------------------------------------------
 * Section: Projects
 *--------------------------------------------------------------------------------------------------------------------*/
.project-item {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  display: block;
  margin-bottom: 30px;
  background: #fff;
}
.project-item .gallery-image {
  margin-bottom: 10px;
}
.project-item .info {
  position: relative;
  padding: 5px 80px 5px 10px;
}
.project-item .info .title {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  margin-bottom: 5px;
}
.project-item .info .description {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  color: #777;
  margin-bottom: 10px;
}
.project-item .info .social {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: absolute;
  right: 10px;
  bottom: 15px;
  color: #777;
}
.project-item:hover {
  background: #ff5555;
}
.project-item:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.project-item:hover .info .title,
.project-item:hover .info .description,
.project-item:hover .info .social {
  color: #fff;
}

.project { display:block; position:relative;}
.project img {border: 1px solid #21438c;border-radius: 10px;}
.project:hover .kids_curtain{
    opacity: 1;
	filter: alpha(opacity = 70);
}
.colProject {margin-bottom:40px;}
.colProject h4 {font-weight:bold}
.kids_curtain {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255,255,255,0.7);
    opacity: 0;
    -webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
}

.kids_curtain:before{
	content: "\f002";
	font-size: 30px;
	line-height: 50px;
	color: #fff;
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    background:#21438c;
	position:absolute;
    display: block;
    text-align: center;
	left: 50%;
	top: 50%;
	width: 50px;
	height: 50px;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	overflow: hidden!important;

	-webkit-transition: all .3s;
	   -moz-transition: all .3s;
		-ms-transition: all .3s;
		 -o-transition: all .3s;
			transition: all .3s;
	-webkit-transform:translate(-25px,-25px) translateZ(0);
	-moz-transform:translate(-25px,-25px) translateZ(0);
	-ms-transform:translate(-25px,-25px) translateZ(0);
	transform:translate(-25px,-25px) translateZ(0);
}

/*产品分类*/
.fullwidth-category {bottom: 0;left: 0;min-height: 460px ;position: relative;text-align: center;top: 0;z-index: 1; cursor:pointer;}
.fullwidth-category:hover .divConver{width:100%;}
.fullwidth-category:hover .image-delay{
    visibility:visible;
    -webkit-transition-delay:0.5s;
    -moz-transition-delay:0.5s;
    -ms-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    transition-delay:0.5s;
}

.cartList {float:left; width:100%; margin-bottom:30px}
.cartList .HTit {font-size:35px; font-style:italic}
.cartList ul {float:left; width:100%; margin-top:30px;}
.cartList ul li{float:left; width:100%; font-size:16px;}
.cartList ul li a{float:left;line-height:30px;}
.cartList ul li a:hover {color:#21438c; text-decoration:underline}
.cartList .vM {font-size:16px; padding:6px 20px;margin-top:30px;float:left; border:1px solid #565656; border-radius:5px;}
.cartList .vM:hover {border:1px solid #21438c; background:#21438c;color:#fff;}

.cartListRight .carL{float:right}
.cartListRight .HTit{text-align:right;}
.cartListRight ul li a{float:right}
.cartListRight .vM{float:right;}

@media (max-width: 767px) {
   .cartList .HTit {margin-top:30px;font-size:30px;}
   .cartList ul {margin-top:20px;}
   .cartListRight .carL{float:left}
   .cartListRight .HTit{text-align:left;}
   .cartListRight ul li a{float:left}
   .cartListRight .vM{float:left;}
   .cartList .fullwidth-category .divConver h3 {font-size:30px;}
   .cartList .fullwidth-category .divConver p {line-height:22px;}
   .page-title { font-size:30px; line-height:40px}
}

.left_nav {float:left; width:100%;}
.pcpList {float:left; margin-top:20px;width:100%;}


.icon-new-label {
	font-size: 11px;
	color: #fff;
	
	
    background: linear-gradient(#11abbe, #73c2c3);
    -webkit-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
    -moz-box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
    box-shadow: 0px 0px 18.69px 2.31px rgba(204, 204, 223, 0.5);
	
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px
}
.icon-sale-label {
	font-size: 11px;
	color: #fff;
	background: #f9d247;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px
}
.new-right {
	right: -28px;
	top: -12px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.new-left {
	left: -28px;
	top: -12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
.sale-right {
	top: -12px;
	right: -28px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.sale-left {
	left: -28px;
	top: -12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
.icon-hot-label {
	font-size: 11px;
	color: #fff;
	background: #fe0100;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	display: block;
	position: absolute;
	top: -12px;
	z-index: 1;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: normal;
	width: 75px;
	height: 40px;
	line-height: 40px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 10px
}
.hot-right {
	top: -12px;
	right: -28px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg)
}
.hot-left {
	left: -28px;
	top: -12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}
/******************************************
9. product hover
******************************************/

.pr-img-area {
	overflow: hidden;
	position: relative;
    border:1px solid #444;
}
.hover-img {
	left: 0;
	opacity: 0;
	position: absolute;
	bottom: 220px;
	transition: all .5s ease-out 0s;
	visibility: hidden
}
.add-to-cart-mt {
	background: #f9d247;
	border: 0 none;
	bottom: 0;
	font-size: 12px;
	left: -100%;
	line-height: 10px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	transition: all .5s ease-out 0s;
	width: 100%;
	padding: 12px 0;
	color: #fff;
    display:none;
}
.add-to-cart-mt:hover {
	background: #ffa200;
	color: #fff;
}
.add-to-cart-mt span {
	margin-left: 5px
}
.product-item .item-inner .product-thumbnail:hover .add-to-cart-mt {
	left: 0
}
.product-item .item-inner .product-thumbnail:hover .hover-img {
	bottom: 0;
	opacity: 1;
	visibility: visible
}
.product-item .item-inner .product-thumbnail:hover .pr-button {
	background: #F2F2F2
}
.pr-button .mt-button {
	width: 33.3%;
	float: left;
	text-align: center;
	border-right: 1px solid
}
.pr-button {
	border-top: 1px solid #e5e5e5;
	overflow: hidden;
	transition: all .5s ease-out 0s
}
.pr-info-area .product-name a:hover, .pr-button .mt-button a:hover {
	color: #F47E1E
}
.pr-button .mt-button {
	border-right: 1px solid #e5e5e5;
	float: left;
	text-align: center;
	width: 33.3%
}
.pr-button .mt-button a {
	color: #fff;
	display: block;
	font-size: 14px;
	padding: 9px 0 6px;
	background: #ffa200;
	font-weight: normal
}
.pr-info-area .pr-button .s-button a:hover {
	background: #69bd43;
	color: #fff
}
.pr-button .s-button a {
	color: #fff
}
.pr-img-area {

}
.pr-img-area img {
	width: 100%;	
}
.pr-button {
	border: 0 none;
	left: 50%;
	margin-left: -66px;
	position: absolute;
	top: 30%;
	padding-left: 2px
}
.product-item .item-inner .product-thumbnail:hover .pr-button {
	background: none
}
.pr-button .mt-button a:hover {
	background: #69bd43;
	color: #fff
}
.pr-button .mt-button {
	border-right: 0 none;
	float: left;
	height: 40px;
	margin-right: 5px;
	text-align: center;
	transform: scale(0);
	transition: all 0.4s ease 0s;
	width: 40px;
	line-height: 25px
}
.product-item .item-inner .product-thumbnail:hover .mt-button {
	transform: scale(1)
}
.product-item .item-inner .item-info {
	text-align: center;
	/*padding-top: 12px;*/
    padding-top:0px;
}
.product-item .item-inner .item-info .item-title {
	font-size: 14px;
	margin-bottom: 6px;
	font-weight: 400;
}
@media (max-width:479px) {
.product-item .item-inner .item-info .item-title {
	font-size: 14px;
	padding: 0px 10px
}
}
.product-item .item-inner .item-info .item-title a {
	display: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 10px;
	font-size: 15px;
	font-weight: 700;
	text-transform: none;
    color:#666;

    padding:10px 0px;
}
.product-item .item-inner {
	position: relative;
	overflow: hidden
}
.product-item {
	margin-bottom:20px;
}
.product-item .item-inner .item-info .item-title a:hover {
	color: #666;

}

.treatmentlist {
  overflow: hidden;
  margin: 0 0 30px;
}

.treatmentlist li {
  font-size: 15px;
  line-height: 19px;
  float: left;
  width: 100%;
  color: #7a7992;
  font-weight: 300;
  position: relative;
  padding: 9px 0 9px 20px;
}
.treatmentlist li .font_hotline {
	color:#f12a02;
}
.treatmentlist li:before {
  left: 0;
  top: 8px;
  color:#f12a02;	
  content: '\f00c';
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.curPosition {float:left;width:100%;padding:25px 0px; border-bottom:1px solid #333;font-size:16px;}
.curPosition a {color:#00457d}
.mlist {float:left; width:100%; padding-bottom:40px;}

.colRight h3 {color:#0040aa}
.colRight h4 {color:#0040aa; margin-top:30px;}
.titLine {float:left; width:100%; border-bottom:1px solid #dadada; margin-top:15px; font-size:18px; font-weight:bold; line-height:35px;color:#666}
.titContent {padding-top:10px;float:left; width:100%;}
.titContent table {width:100%;}
.titContent table p{word-break: break-all}
.titContent img {max-width:100%;height: auto !important}

.sitemap-level1 {float:left; width:100%; line-height:40px;font-family:Ant-Bold;color:#000;border-bottom:1px solid #000;font-size:14px}
.sitemap-level2 {float:left; width:100%;padding-left:30px;margin-top:10px;font-size:14px}
.sitemap-level3 {float:left; width:100%;padding-left:70px;font-size:14px}

.baidu-map-c {
    height: 450px;
}


/*=====================================================
Choose us strat section css goes here
为什么选择我们
=======================================================*/

.index_why {padding:45px 0px 50px 0px}
.why-Tit { font-size:18px; text-transform:uppercase; font-weight:bold; background:url(../images/why-tit.jpg) no-repeat bottom center; padding-bottom:25px;}
.why-T { font-size:52px; font-family:"Aileron-UltraLight"; padding:30px 0px}
.why-T font {font-family:"Aileron-Bold";}
.why-p {color:#a6a6a6; font-size:16px; padding-bottom:65px;}
.iconList{margin-top:110px}
.icon-adv {margin-bottom:90px;}
.icon-adv i {width:81px; height:81px; line-height:81px; display:block; margin:0 auto; border-radius:10px; font-size:30px;color:#fff;}
.icon-adv i.color1 {background:#77bbb3;}
.icon-adv i.color2 {background:#823e0b;}
.icon-adv i.color3 {background:#007988;}
.icon-adv i.color4 {background:#f55066;}
.icon-adv i.color5 {background:#ca7497;}
.icon-adv i.color6 {background:#c17e61;}
.icon-adv h4 {font-size:18px; font-weight:bold; line-height:35px;}
.icon-adv p {width:100%;color:#949494; font-size:14px; margin:0 auto;}
.icon-adv a:hover i{ background:#73c2c3;}

@media (max-width: 767px) {
    .why-T { font-size:25px;padding:20px 0px; line-height:30px;}
    .why-p {font-size:16px; padding-bottom:65px;}
    .iconList{margin-top:30px}
    .icon-adv {margin-bottom:30px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .why-T { font-size:40px;padding:20px 0px}
    .why-p {font-size:16px; padding-bottom:65px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   
}
.travelsers-bg {
  background: transparent url("../images/bgimage/choose.jpg") no-repeat scroll center center/cover;
  position: relative;
  padding: 60px 0;
}
.travelsers {Height:400px}
.single-travel {
  background: #ffffff none repeat scroll 0 0;
  filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;
  padding: 20px 20px;
  margin-bottom: 40px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  margin-bottom: 30px;
}
.single-travel:hover {
  background: #f15b5c none repeat scroll 0 0;
  cursor: pointer;
}
.single-travel:hover .travel-content h4 {
  color: #ffffff;  
}
.single-travel:hover .travel-content p {
  color: #ffffff;    
}
.single-travel .travel-content h4 {
  font-size: 20px;  
  font-weight: 600;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}

.single-travel .travel-content .titlecolor1{color:#77bbb3;}
.single-travel .travel-content .titlecolor2{color:#823e0b;}
.single-travel .travel-content .titlecolor3{color:#007988;}
.single-travel .travel-content .titlecolor4{color:#f55066;}
.single-travel .travel-content .titlecolor5{color:#ca7497;}
.single-travel .travel-content .titlecolor6 {color:#c17e61;}


.single-travel .travel-content p {
  margin: 0;
  line-height: 24px;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  color:#000;	
}

.single-travel .travel-content ul{
	
}
.single-travel .travel-content ul li{
	vertical-align: top;
	display: inline-block;
    margin:8px 5px;
	background-color: #c17e61;
	border: 1px solid rgba(212,211,211,1.00);
	color:#fff;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;

        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
	
}
.single-travel .travel-content ul li a{
color:#fff;
}

/*=====================================================
section title css goes here
=======================================================*/

.section-title,
.section-title-white,
.section-title-white-2 {
  margin-bottom: 60px;
  margin-top: 10px;
  text-align: center;
}
.section-title h2,
.section-title-white h2,
.section-title-white-2 h2 {
  color: #2f2f2f;
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
  text-shadow:1px 1px 1px #000;
}
.section-title p,
.section-title-white p,
.section-title-white-2 p {
  color: #727272;
  margin: 0 auto;
  max-width: 700px;
  position: relative;
  z-index: 2;
  line-height: 25px;
}
.section-title-white .add-title {
	font-size:1.5em;
	text-shadow:1px 1px 1px #000;	
	
}

.section-title-white h2,
.section-title-white-2 h2 {
  color: #ffffff;
	
}
.section-title-white h2:before,
.section-title-white h2:after,
.section-title-white-2 h2:before,
.section-title-white-2 h2:after {
  background: #ffffff none repeat scroll 0 0;
}
.section-title-white p,
.section-title-white-2 p {
  color: #ffffff;
}
.section-title-white-2 h2 {
  background-image: url("../images/line-read.png") !important;
}
.section-title-3 {
  z-index: 33;
  position: relative;
}
.section-title-3 h2 {
  background-position: left 87px bottom;
  background-repeat: no-repeat;
  color: #454545;
  font-size: 30px;
  font-weight: 500;
  padding-bottom: 20px;
}
.section-title-3 p {
  margin-bottom: 30px;
}
.section-title-3 h5 {
  color: #323232;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  margin: 30px 0;
}

.icon-wj{background:url(../images/icon/icon-wj.png) no-repeat left;padding-left:23px}

.footcate ul li{float:left; width:50%;}


.phoneNav{
	background: #21438c;
	opacity:0.8; 
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 8px 15px;
	z-index: 99;
}
.phoneNav a{
	color: #fff;
	display: block;
	padding:solidpx 0;
}
.phoneNav p{
	margin: 0;
}
.phoneNav i{
	height: 30px;
	line-height: 30px;
}
.phoneNav .col-xs-2{
	width: 20%;
}

.prod_nav{
	margin: 5px 5px 30px;
}
.prod_nav li{
    vertical-align: top;
	display: inline-block;
    margin:5px 2px;
	border: 1px solid rgba(212,211,211,1.00);
}

.prod_nav div{
	line-height: 30px;
	padding: 0 10px;
	margin: 0;
    cursor: pointer;
    font-size: 14px;
	position: relative;
}
.prod_nav div:before{
	content: '';
    display: block;
    width: 0;
    height: 5px;
    background: #73c2c3;
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: ease .5s;
}
.prod_nav div:hover::before{
	width: 100%;
	left: 0;
}
.prod_nav .action div{
	margin: 0;
	box-shadow: 3px 3px 5px #888888;
	width: auto;
	line-height: 30px;
	background-color: #34bf49;
	color: #fff;
}
 .prod_nav{
		margin:0 -10px 10px -10px;
	}

@media (max-width: 768px){
	.copy{margin-bottom: 68px;}
	.prod_nav li{
		vertical-align: top;
		display: inline-block;
		margin: 5px 2px;
		border: 1px solid rgba(212,211,211,1.00);
		/*width: calc(33% - 8px);*/
		text-align: center;
	}

	.prod_nav .action div{
		margin: 0; 		
		width: auto;
		box-shadow: 0px 0px 0px #ff0000 !important;
		line-height: 30px;
		background-color: #34bf49;
		color: #fff;
		border: none;
	}
	.prod_nav div{
		padding: 0 5px; 
	}
}