/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:谷志斌
Author URI:http://www.injnet.me
Author e-mail:zhibin1223@126.com
Version:1.0.0
Created:September 2014
License URI:http://www.injnet.com
File Description:Main CSS file of the template */

/*----------------------------------------------------------------------------- */



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}

.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?705405');
  src: url('../fonts/Aileron-UltraLight.eot?705405#iefix') format('embedded-opentype'),
       url('../fonts/Aileron-UltraLight.woff?705405') format('woff'),
       url('../fonts/Aileron-UltraLight.ttf?705405') format('truetype'),
       url('../fonts/Aileron-UltraLight.svg?705405#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aileron-Bold';
  src: url('../fonts/Aileron-Bold.eot?705405');
  src: url('../fonts/Aileron-Bold.eot?705405#iefix') format('embedded-opentype'),
       url('../fonts/Aileron-Bold.woff?705405') format('woff'),
       url('../fonts/Aileron-Bold.ttf?705405') format('truetype'),
       url('../fonts/Aileron-Bold.svg?705405#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../fonts/Montserrat-Regular.eot?705405');
  src: url('../fonts/Montserrat-Regular.eot?705405#iefix') format('embedded-opentype'),
       url('../fonts/Montserrat-Regular.woff?705405') format('woff'),
       url('../fonts/Montserrat-Regular.ttf?705405') format('truetype'),
       url('../fonts/Montserrat-Regular.svg?705405#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*字体*/

/*手机导航*/
.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 #fd5646;}
.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: #fd5646;}
.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:0px 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 #fd5646;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:#fd5646;}
.icoSearch { font-size:32px;float:right;width:93px;height:93px; line-height:93px; background:#fd5646; display:block; text-align:center;}
.icoSearch:hover {background:#fcb54d}
.icoSearch:hover i {-moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}

.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:12px}
.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:#fd5646}
.dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    width: 100%;
    padding: 15px;
    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:#fd5646}
.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_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;}
.icon-adv i.color1 {background:#fd5b4e;}
.icon-adv i.color2 {background:#fcb54d;}
.icon-adv i.color3 {background:#fdd94f;}
.icon-adv i.color4 {background:#8375cc;}
.icon-adv i.color5 {background:#d07cd2;}
.icon-adv i.color6 {background:#f47c7d;}
.icon-adv i.color7 {background:#0040aa;}
.icon-adv i.color8 {background:#ff9900}
.icon-adv i.color9 {background:#00ffff}
.icon-adv h4 {font-size:18px; font-weight:bold; line-height:35px;}
.icon-adv p {width:90%;color:#949494; font-size:14px; margin:0 auto;}
.icon-adv a:hover i{ background:#565656}

@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) {
   
}

/*产品展示*/
.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.8; }
.img-box-v1.hover .overlay2 {opacity: 0.8; }
.overlay2 .content {top:30%; position:absolute; width:100%;}
.overlay2 .content h4 {font-size:24px; text-transform:uppercase}
.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.8; }
}
@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:#a6a6a6; padding:55px 0px 30px 0px; border-bottom:1px solid #cdcdcd;color:#d8d8d8}
/*.item{float:left;}*/
.item strong {float:left;font-size:18px;color:#fff; text-transform:uppercase; margin:30px 0px;width:100%;}
.item ul {float:left; width:100%;}
.item ul li{float:left; width:100%; line-height:36px;}
.item ul a{float:left;color:#d8d8d8}
.item ul a:hover {color:#fd5646}
.item p {line-height:36px;}
.item p a{color:#d8d8d8}

@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:#fd5646}
.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:#a6a6a6; padding:15px 0px;color:#d8d8d8}
.copy a {color:#0068b7;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 #fd5646;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:#fd5646;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 { 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; border-bottom:1px solid #666; padding-bottom:50px;}
.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:#fd5646; 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:#fd5646;}
.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 22px;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: 145px 11% 145px 49px;text-align: left;}
.index-image-right .information-right{float:left;text-align:right;padding: 145px 49px 145px 11%;}
.index-image.index-image-right .information-right h3{text-align:right;}
.index-image-right .img-left{right: 0;left: inherit;}
.information-right .read-more{color:#FFF;border-bottom:1px solid #fff;}

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

.aboutContent {float:left;width:880px}
.aboutContent img {width:100%;}

.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:#fd5646}
.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:#fd5646}

@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;}
.pubShare ul li a{width:20px; height:20px; display:block; font-size:16px; color:#a3a3a3}
.pubShare ul li a:hover {color:#fd5646}
.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:30px; margin-bottom:30px;}
.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:40px;}
.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: #fd5646;color: #fff;font-size: 14px;border: 1px solid #fd5646;}
.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: #fd5646;}
.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 #fd5646;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:#fd5646;
	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:#fd5646; 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 #fd5646; background:#fd5646;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: #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
}
.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;

}

.curPosition {float:left;width:100%; height:73px; line-height:73px; 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%;}