/*--------------------------------------------------------------------------------------------------------------------
 *
 * Template   CleaThin - Clean and Minimal Site Template
 * Version    1.0
 * Author     Valery Timofeev
 *
 *  1. Imports
 *  2. Less [only]
 *        2.1  Variables
 *        2.1  xBrowser Rules
 *  3. General Styles
 *        3.1  Main Classes
 *        3.2  Buttons
 *        3.3  Inputs
 *        3.4  List
 *        3.5  Breadcrumbs
 *        3.6  Pagination
 *        3.7  Progress
 *        3.8  Panels
 *        3.9  Tags
 *        3.10 Social Inline
 *        3.11 Social Share
 *        3.12 Typography
 *        3.13 Iconography
 *        3.14 Backgrounds
 *        3.15 Text Colors & Effects
 *        3.16 Magnific
 *        3.17 Scroll To Top Element
 *        3.18 Preloader
 *        3.19 Form Validation
 *        3.10 Gallery Item
 *  4. Header
 *        4.1 Brand & Navigation (Default Style)
 *              4.1.1 Navigation Style: Fill
 *              4.1.2 Navigation Style: Underline
 *              4.1.3 Affixed Navigation
 *        4.2 No-Mobile
 *  5. Slider
 *        5.1 Main
 *        5.2 Slide Mask
 *        5.3 OWL.Carousel fadeUp
 *  6. Section: Features
 *  7. Section: More Features
 *  8. Section: Projects
 *  9. Section: Statistics
 * 10. Section: Testimonials
 * 11. Section: Contact
 * 12. Section: Clients
 * 13. Section: Skills
 * 14. Section: Our Team
 * 15. Section: Map
 * 16. Modal
 * 17. Footer
 * 18. Inner Pages
 * 19. Blog
 *       19.1  Post
 *       19.2  Widget
 *       19.3  Widget: Menu
 *       19.4  Widget: Latest Posts
 *       19.5  Widget: Search
 *       19.6  Widget: Advert
 *       19.7  Widget: Tags
 *       19.8  Widget: Recent Comments
 *       19.9  Widget: Comments
 * 20. Projects
 *       20.1  Project Carousel
 *       20.2  Project Information
 *       20.3  Projects Carousel
 *       20.4  Projects List
 * 21. 404 Page
 * 22. Animations
 *       22.1  ZoomIn animation
 *       22.2  SubMenu Animation
 * 23. Responsive
 *       23.1  max-width: 991px
 *       23.2  max-width: 767px
 *       23.3  max-width: 480px
 *
 *--------------------------------------------------------------------------------------------------------------------*/

@import '../css/bootstrap.min.css';


/*--------------------------------------------------------------------------------------------------------------------
 * General Styles
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * Main Classes
 *--------------*/
* {
	padding:0; margin:0;}

body{margin:0; padding:0px; font-size:12px; line-height:24px;   font-family: "微软雅黑",   Arial, Helvetica, sans-serif;}
a{font-size:12px;  text-decoration:none; color:#333;}
a hover{ color:#FF0000;}
div,ul,li,h2,h3,h4,tr,td{margin:0; padding:0;}
ul,li{list-style:none;}
img{ border:0;}
.clear {clear:both;height:0;font-size: 1px;line-height: 0px;} 
.clearfix{clear:both;}



/*--------------------------------------------------------------------------------------------------------------------
 * Header
 *--------------------------------------------------------------------------------------------------------------------*/
 .header{ background:url(../images/index_02.jpg) left bottom repeat-x;}
 .header .container1{ width:1180px; margin: 0 auto; display:block; }
 .header .container1-left{ width:930px; float:left; }
 .header .container1-left1{ width:930px; float:left; }
 .header .container1-right{ width:250px; float:right; border:#CCC 1px solid;border-radius:25px; padding:2px 10px; margin-top:50px;}
input.search{border:0; width:150px;height:20px;}
 .sbut{background:url(../images/searh_07.jpg) 0 50% no-repeat; height:22px; width:22px;}

.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  min-height: 1px;
  font-size: 13px;
  background: url(../images/nav-bj_03.jpg) left bottom repeat-x;
  
  border: none;
 
}
.navbar .information {
  -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;
  overflow: hidden;
  height: 32px;
  font-weight: 100;
  line-height: 32px;
  border-bottom: solid 1px #eee;
}
.navbar .information i.fa {
  font-size: 12px;
}
.navbar .information a {
  display: block;
  float: left;
  padding-left: 7px;
  padding-right: 12px;
  border-left: solid 1px #eee;
  color: #777;
  font-weight: 100 !important;
}
.navbar .information a .icon {
  display: inline-block;
  text-align: center;
  width: 24px;
}
.navbar .information a:hover {
  color: #fff;
  background: #ff5555;
  border-color: #ff5555;
}
.navbar .information .social {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.navbar .information .social li {
  display: block;
  float: left;
}
.navbar .information .social li a {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 32px;
  line-height: 32px;
  vertical-align: middle;
  border-right: solid 1px #eee;
  border-left: none;
}
.navbar .information .social li a:hover {
  color: #fff;
  background: #ff5555;
  border-color: #ff5555;
}
.navbar .brand {
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  line-height: 64px;
  vertical-align: middle;
}
.navbar .brand .logo-small {
  display: none;
}
.navbar .brand .logo-big {
  display: inline-block;
}
.navbar .nav {
  text-transform: uppercase;
}
.navbar .nav li a {
	font-size:16px;
	font-weight:bold;
	color:#666;
  margin: 15px 5px;
  padding: 7px 15px;
  text-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
}
.navbar .nav li a:hover,
.navbar .nav li a.hover,
.navbar .nav li a:focus,
.navbar .nav li a.focus {
  color: #FFF;
  background: #ff5555;
}
.navbar .nav li.dropdown .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: capitalize;
  border-top: solid 1px #ff5555;
  left: 4px;
  right: auto;
}


.navbar .nav li.dropdown .dropdown-menu .dropdown-menuli {
	border-bottom:#CCC 1px solid;
}


.navbar .navbar-toggle {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 14px;
  border: solid 1px #777;
}
.navbar .navbar-toggle .icon-bar {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #777;
}
.navbar .navbar-toggle:hover {
  border-color: #ff5555;
}
.navbar .navbar-toggle:hover .icon-bar {
  background: #ff5555;
}
.navbar.navbar-fill .nav li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 22px;
  padding-bottom: 22px;
}
.navbar.navbar-fill .nav li.dropdown .dropdown-menu a {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom:#666 1px dotted;
}
.navbar.navbar-underline .nav li a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 22px;
  padding-bottom: 20px;
  background: transparent;
  border-bottom: solid 2px transparent;
}
.navbar.navbar-underline .nav li a:hover,
.navbar.navbar-underline .nav li a.hover,
.navbar.navbar-underline .nav li a:focus,
.navbar.navbar-underline .nav li a.focus {
  color: #ff5555;
  border-bottom-color: #ff5555;
}
.navbar.navbar-underline .nav li.active a {
  color: #ff5555;
  border-bottom-color: #ff5555;
}
.navbar.navbar-underline .nav li.dropdown .dropdown-menu {
  border-top: none;
}
.navbar.navbar-underline .nav li.dropdown .dropdown-menu a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.navbar.affix-top {
  position: fixed;
  
}
.navbar.affix {
  position: fixed;
  -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.3);
}
.navbar.affix .information {
  height: 0;
  border-bottom-width: 0;
}
.navbar.affix .brand {
  line-height: 55px;
}
.navbar.affix .nav li a {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size:16px;
  font-weight:bold;
  color:#666;
}

.navbar.affix .nav li a:hover {
 
 color:#fff;
}




.navbar.affix .navbar-toggle {
  margin-top: 10px;
}
.navbar.affix.navbar-fill .nav li a {
  padding-top: 17px;
  padding-bottom: 17px;
}
.navbar.affix.navbar-underline .nav li a {
  padding-top: 17px;
  padding-bottom: 16px;
}
.no-mobile .dropdown:hover .dropdown-menu {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-animation: 0.3s animationSubMenu;
  -o-animation: 0.3s animationSubMenu;
  animation: 0.3s animationSubMenu;
  display: block;
}

/*--------------------------------------------------------------------------------------------------------------------
 * container
 *--------------------------------------------------------------------------------------------------------------------*/
.content{ width:1180px; margin:0 auto; padding:0 10px;}
.case-content{overflow: hidden;margin:0px auto 0 auto; width:1180px;}
.case-item{float:left;margin:30px 10px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:210px;height:210px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:220px;height:220px;border:20px solid #808080;border-right-color:#bf4833;border-bottom-color:#bf4833;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:55px 0 0;height:110px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}
.content .more{ border:#999 1px solid;border-radius:3px;  margin:0 auto; width:120px;  height:30px; line-height:30px;text-align:center; display:block; color:#333; margin-bottom:10px;}
.content .more a{ color:#333;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.content .more a:hover{ background: #900; color:#FFF;border-radius:3px; height:30x; display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.c{ width:1180px; margin:10px auto;border-bottom:#666 2px solid;}
.c-left{ width:20%; float:left;  }
.c-right{ width:80%; float:right; text-align:right;}

.c-left .word{ font-size:20px; font-weight:bold; padding-bottom:6px; margin-top:24px;}
.c-left .word a{ font-size:20px; font-weight:bold;}
.c-left .word a:hover{ font-size:20px; font-weight:bold;}
.index-news{ width:1180px; margin:0 auto;line-height:2.0em;}
.index-news-left{ width:560px; float:left;}
.index-news-right{ width:602px; float:right;}

#index-news1{ width:100%;}
#index-news1 ul{ list-style:none;}
#index-news1 ul li{ display:block; overflow:hidden; margin-bottom:10px; border-bottom:#CCC 1px dotted; background:#f5f5f5;}
#index-news1 ul a li{ font-size:12px; display:block; padding:5px; color: #333;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#index-news1 ul a li:hover{ color:#FFF; background: #900;display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

#index-news1 .left{ width:15%; float:left; background: #e2e2e2; padding:5px; text-align:center;display:block;color:#555555; border:#e2e2e2 1px solid; font-family:"Arial Black", Gadget, sans-serif;font-weight:bold; }
#index-news1 .left a{ width:15%; float:left; background: #900; padding:5px;display:block; color:#555555;  -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#index-news1 .left a:hover{ width:15%; float:left; background: #900; padding:5px; display:block; color:#000;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#index-news1 .right{ float:right; width:80%;}

.word1{ font-size:18px; }
.word1 a{ font-size:18px; color:#3c3636; font-weight:bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.word1 a:hover{ font-size:18px; color: #FFF; font-weight:bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

#subnav{ width:100%;}
#subnav ul{ list-style:none;}
#subnav ul li{ border:  #900 1px solid; margin:0px 2px;  line-height:25px; float:right;}
#subnav ul li a{ font-size:14px; line-height:20px; font-weight:bold; color:#900;padding:5px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#subnav ul li a:hover{ color:#FFF; background: #900;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.c1{ background:#eeeeee; padding:15px 0; border:#dddddd 1px solid; border-width:1px 0; overflow:auto; line-height:2.0em;}
.c1-content{ width:1180px; margin:0 auto;}
.c1-content-left{ width:378px; float:left; background:#ffffff;}
.c1-content-c{ width:378px; float:left; margin-left:20px;background:#ffffff;}
.c1-content-right{ width:378px; float:right;background:#ffffff;}
.c1-content-c-c{ padding:10px;}

.more1{ border: #c10000 1px solid;border-radius:3px; width:120px;  height:30px; line-height:30px;text-align:center; display:block; color:#333; margin:0 auto;}
.more1 a{ color: #c10000; display:block; font-weight:bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.more1 a:hover{ background: #c10000; color:#FFF;border-radius:3px; height:30x; display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.about-banner{ width:100%; }
.about-banner img{ max-width:100%;height: auto;}
.about{  margin-top:10px;}
.about .c11{line-height:2.0em;}
#about-product{ border-bottom: #666666 1px dotted; overflow:hidden;}
#about-product ul{ list-style:none;}
#about-product ul li{ line-height:35px; border:#CCCCCC 1px solid; margin-right:5px; margin-bottom:5px; display:block; float:left;background: url(../images/about-bj_05-1.jpg) left 50% repeat-x;}
#about-product ul li a{ font-size:14px; color:#333333; display:block; padding-left:20px; padding-right:10px;}
#about-product ul li a:hover{ font-size:14px; line-height:35px;  color: #FFFFFF; background: url(../images/about-bj_05.jpg) left 50% no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

#about-product ul li.ss{ line-height:35px; display:block;font-size:12px; float:right; background:none; border:0; font-weight: bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#about-product ul li.ss a{ display:inline;font-size:12px; padding:0;}
#about-product ul li.ss a:hover{ background:none;color:#000;}
/*--------------------------------------------------------------------------------------------------------------------
 * footer
 *--------------------------------------------------------------------------------------------------------------------*/
footer{ background:#dadada; padding:20px 0;}
.footer-left{ width:780px; float:left;}
.footer-left-c{ width:100px; float:left; margin-left:5px;}
.footer-right{ width:360px; float:right; font-size:12px;}

.footer-nav{}
.footer-nav ul{ text-decoration:none;}
.footer-nav ul li{ line-height:25px;color:#3e3e3e;padding-left:20px;}
.footer-nav ul li a{ line-height:25px; font-size:12px; color:#3e3e3e;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.footer-nav ul li a:hover{ line-height:25px; font-size:12px; color:#990000;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.footer-nav ul li.s{ font-size:16px; font-weight:bold; background:url(../images/jiantou_11.jpg) left 50% no-repeat; padding-left:10px;}
.footer-nav ul li.s a{ font-size:16px; font-weight:bold;}
#footer1{  padding:20px 0; background:url(../images/foot_18.jpg) top center no-repeat;background-color: #242c4a; color:#CCCCCC; text-align:center; font-size:12px;}
#footer1 a {color:#CCCCCC; }
/*--------------------------------------------------------------------------------------------------------------------
 * Responsive
 *--------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 991px) {
 .content{ width:90%; margin-left:10%;}
 .header .container1{ width:100%; margin:0; padding:0;display:block; overflow: auto;   }
 .header .container1-left{ width:100%; float:left; }
 .header img{ width:100%;  }
 .header{ background:url(../images/index_02.jpg) left bottom repeat-x;}
 .header .container1-right{ width:99%; float:left; border:#CCC 1px solid;border-radius:25px; padding:2px 10px; margin-bottom:10px;margin-top:-20px;}
  input.search{border:0; background-color:#fafafa; width:100%;}
 .navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  min-height: 1px;
  font-size: 13px;
  background:#FFF;
  
  border: none;
  
 
}
.content .more{ border:#999 1px solid;border-radius:3px; width:120px;  height:30px; line-height:30px;text-align:center; display:block; color:#333; margin-bottom:10px;}
.content .more a{ color: #131313;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.content .more a:hover{ background: #900; color:#FFF;border-radius:3px; height:30x; display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}




.c{ width:98%; margin:10px auto; border:0;}
.c-left{ width:100%; float:left; border-bottom: #900 2px solid; }
.c-right{ width:100%; float:left; text-align:left;}

.c-left .word{ font-size:1.5rem; font-weight:bold; padding-bottom:6px; margin-top:24px;}
.c-left .word a{ font-size:1.5rem; font-weight:bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.c-left .word a:hover{ font-size:1.5rem; font-weight:bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


#subnav{ width:100%;}
#subnav ul{ list-style:none;}
#subnav ul li{ border:  #900 1px solid; margin:0px 2px;  line-height:25px; float:left;}
#subnav ul li a{ font-size:14px; line-height:20px; text-align:left; font-weight:bold; color:#900;padding:5px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#subnav ul li a:hover{ color:#FFF; background: #900;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.index-news{ width:95%; line-height:2.0em;}
.index-news-left{ width:100%; float:left;font-size:1.0rem}
.index-news-right{ width:100%; float:right;}
.index-news img{ width:100%;height:auto;}

#index-news1{ width:100%;}
#index-news1 ul{ list-style:none;}
#index-news1 ul li{  margin:5px 0; display:block; border-bottom:#CCC 1px dotted;  background:#f5f5f5;}
#index-news1 ul li a{ font-size:1.2rem; display:block; padding:5px; color: #333;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
#index-news1 ul li a:hover{ color:#FFF; background: #900;display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.word1{ font-size:1.5rem; }
.word1 a{ font-size:1.5rem; color:#3c3636; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.word1 a:hover{ font-size:1.5rem; color: #FFF; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.c1-content{ width:98%; }
.c1-content-left{ width:100%; float:left; background:#ffffff; margin-top:10px;}
.c1-content-c{ width:100%; float:left; margin-left:-1px;background:#ffffff;margin-top:10px;}
.c1-content-right{ width:100%; float:right;background:#ffffff;margin-top:10px;}
.c1-content img{ width:100%; height:auto;}
.footer-left{ width:100%; float:left;}
.footer-right{ width:100%; float:right;}

.about-banner img{ width:100%; height:auto;}
#about-product ul li.ss{ line-height:35px; display:block; float:left; background:none; border:0; font-weight: bold;}



  }

@media screen and (max-width: 767px) {
  .brand .logo-big {
    display: none !important;
  }
  .brand .logo-small {
    display: inline-block !important;
  }
  .slider {
    text-align: center;
  }
.navbar.affix .nav li a {
  margin-top: 10px;
  margin-bottom: 10px;
  border:#999 1px solid;
  font-size:1.5rem;
  font-weight:bold;
  color: #666;
}
   .header .container1{ width:100%; margin:0; padding:0;display:block; overflow: auto;   }
   .header .container1-left{ width:100%; float:left; }
   .header img{ width:100%;  }
   .header{ background:url(../images/index_02.jpg) left bottom repeat-x;}
   .header .container1-right{ width:99%; float:left; border:#CCC 1px solid;border-radius:25px; padding:2px 10px; margin-bottom:10px;margin-top:-20px; }
   
input.search{border:0; background-color:#fafafa; width:100%;}

.navbar .nav li a {
	font-size:16px;
	font-weight:bold;
	color:#666;
  margin: 15px 5px;
  padding: 7px 15px;
  text-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border:#666 1px solid;
}
.navbar.affix .nav li a:hover {
 
 color:#fff;
}


.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  min-height: 1px;
  font-size: 13px;
  background:#FFF;
  
  border: none;
 
}


.content{ width:90%;margin-left:10% }

.content .more{ border:#999 1px solid;border-radius:3px; width:120px;  height:30px; line-height:30px;text-align:center; display:block; color:#333; margin-bottom:10px;}
.content .more a{ color:#131313;}
.content .more a:hover{ background: #900; color:#FFF;border-radius:3px; height:30x; display:block;}

.c{ width:98%; margin:10px auto;border:0;}
.c-left{ width:100%; float:left; border-bottom: #900 2px solid; }
.c-right{ width:100%; float:left;}

.c-left .word{ font-size:1.5rem; font-weight:bold; padding-bottom:6px; }
.c-left .word a{ font-size:1.5rem; font-weight:bold;}
.c-left .word a:hover{ font-size:1.5rem; font-weight:bold;}


#subnav{ width:100%;}
#subnav ul{ list-style:none;}
#subnav ul li{ border:  #900 1px solid; margin:0px 2px;  line-height:25px; float:left;}
#subnav ul li a{ font-size:14px; line-height:20px; font-weight:bold; color:#900;padding:5px;}
#subnav ul li a:hover{ color:#FFF; background: #900;}
.index-news{ width:95%;line-height:2.0em;}
.index-news-left{ width:100%; float:left;font-size:1.0rem}
.index-news-right{ width:100%; float:right;}
.index-news img{ width:100%;height:auto;}

#index-news1{ width:100%;}
#index-news1 ul{ list-style:none;}
#index-news1 ul li{  margin:5px 0; display:block; border-bottom:#CCC 1px dotted;  background:#f5f5f5;}
#index-news1 ul li a{ font-size:1.2rem; display:block; padding:5px; color: #333;}
#index-news1 ul li a:hover{ color:#FFF; background: #900;display:block;}

.word1{ font-size:1.5rem; }
.word1 a{ font-size:1.5rem; color:#3c3636; }
.word1 a:hover{ font-size:1.5rem; color: #FFF; }

.c1-content{ width:98%; }
.c1-content-left{ width:100%; float:left; background:#fff; margin-top:10px;}
.c1-content-c{ width:100%; float:left; margin-left:-1px;background:#fff;margin-top:10px;}
.c1-content-right{ width:100%; float:right;background:#fff;margin-top:10px;}
.c1-content img{ width:100% ;height:auto;}
.footer-left{ width:100%; float:left;}
.footer-right{ width:100%; float:right;}
.about-banner img{ width:100%; height:auto;}
#about-product ul li.ss{ line-height:35px; display:block; float:left; background:none; border:0; font-weight: bold;}

}


@media screen and (max-width: 480px) {
  .testimonials-carousel .owl-controls {
    position: static;
  }
   .header .container1{ width:100%; margin:0; padding:0;display:block; overflow: auto;   }
   .header .container1-left{ width:100%; float:left; }
   .header img{ width:100%; }
   .header{ background:url(../images/index_02.jpg) left bottom repeat-x;}
   .header .container1-right{ width:99%; float:left; border:#CCC 1px solid;border-radius:25px; padding:2px 10px; margin-bottom:10px; margin-top:-20px; }
   input.search{border:0; background-color:#fafafa; width:250px;}
   .navbar.affix .nav li a {
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom:#999 1px solid;
  font-size:1.5rem;
  font-weight:bold;
  color: #666;
}
.navbar .nav li a {
	font-size:16px;
	font-weight:bold;
	color:#666;
  margin: 15px 5px;
  padding: 7px 15px;
  text-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border:#666 1px solid;
}
.navbar.affix .nav li a:hover {
 
 color:#fff;
}

.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 10;
  width: 100%;
  margin-bottom: 0;
  min-height: 1px;
  font-size: 13px;
  background:#FFF;
  
  border: none;
 
}

.content{ width:95%; margin-left:5%}
.content .more{ border:#999 1px solid;border-radius:3px;  width:120px;  height:30px; line-height:30px;text-align:center; display:block; color:#333; margin-bottom:10px;}
.content .more a{ color:#131313;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.content .more a:hover{ background: #900; color:#FFF;border-radius:3px; height:30x; display:block;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.c{ width:98%; margin:10px auto;border:0;}
.c-left{ width:100%; float:left; }
.c-right{ width:100%; float:left;text-align:left;}

.c-left .word{ font-size:1.5rem; font-weight:bold; padding-bottom:6px;}
.c-left .word a{ font-size:1.5rem; font-weight:bold;}
.c-left .word a:hover{ font-size:1.5rem; font-weight:bold;}

#subnav{ width:100%;}
#subnav ul{ list-style:none;}
#subnav ul li{ border:  #900 1px solid; margin:0px 2px;  line-height:25px; float:left;}
#subnav ul li a{ font-size:14px; line-height:20px; font-weight:bold; color:#900;padding:5px;}
#subnav ul li a:hover{ color:#FFF; background: #900;}
.index-news{ width:95%;line-height:2.0em;}
.index-news-left{ width:100%; float:left; font-size:1.0rem}
.index-news-right{ width:100%; float:right;}
.index-news img{ width:100%;
height:auto;}

#index-news1{ width:100%;}
#index-news1 ul{ list-style:none;}
#index-news1 ul li{  margin:5px 0; display:block; border-bottom:#CCC 1px dotted;  background:#f5f5f5;}
#index-news1 ul li a{ font-size:1.2rem; display:block; padding:5px; color: #333;}
#index-news1 ul li a:hover{ color:#FFF; background: #900;display:block;}

.word1{ font-size:1.5rem; }
.word1 a{ font-size:1.5rem; color:#3c3636; }
.word1 a:hover{ font-size:1.5rem; color: #FFF; }

.c1-content{ width:98%; }
.c1-content-left{ width:100%; float:left; background:#fff; margin-top:10px;}
.c1-content-c{ width:100%; float:left; margin-left:-1px;background:#fff;margin-top:10px;}
.c1-content-right{ width:100%; float:right;background:#fff;margin-top:10px;}
.c1-content img{ width:100%;height:auto; }

.footer-left{ width:100%; float:left;}
.footer-right{ width:100%; float:right;}
.about-banner img{ width:100%; height:auto;}
#about-product ul li.ss{ line-height:35px; display:block; float:left; background:none; border:0; font-weight: bold;}



}





/*导航*/
#nav11{
	height:47px;
	width:689PX;
	margin:0 auto;
	background:url(../images/menu_bg.jpg) top repeat-x;
	padding:0px 0px 0px 0px;
}
#nav11 li.menu_ge{
	width:1px;
	height:47px;
	float:left;
	border-left:1px #CCCCCC solid;
}
#nav11 li.menu_off{
	width:74px;
	height:47px;
	float:left;
}
#nav11 li.menu_off a{
	width:74px;
	height:47px;
	font:normal 14px/47px "微软雅黑","宋体";
	font-weight:bold;
	color:#fff;
	float:left;
	text-align:center;
}
#nav11 li.menu_on{
	width:74px;
	height:47px;
	float:left;
	border: #2275bb 1px solid; border-width:0px 0px 0 0px;
	
}
#nav11 li.menu_on a,#menu li.menu_off a.hover,#menu li.menu_off a:hover{
    background:#FFFFFF;
	text-decoration:none;
	width:74px;
	height:47px;
	font:normal 14px/47px "微软雅黑","宋体";
	color:#740404;
	float:left;
	text-align:center;
	padding:5px 0px 0px 0px;
	
}
.sub_menu,.sub_menu1,.sub_menu2{
	display:none;
}
#nav11 li.menu_on div.sub_menu{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:30px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#2275bb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:513px;
	_width:435px;
	_height:145px;
}
#nav11 li.menu_on div.sub_menu1{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:46px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#2275bb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:513px;
	_width:528px;
	_height:145px;
}



#nav11 li.menu_on div.sub_menu1-1{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:46px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#2275bb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:420px;
	_width:528px;
	_height:145px;
}


#nav11 li.menu_on div.sub_menu2{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:46px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#2275bb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:513px;
	_width:328px;
	_height:145px;
}
#nav11 dl.left{
	overflow:hidden;
	float:left;
	margin:0px 10px;
	_margin:0px 5px;
	padding:4px 0px 0px 0px;
}
#nav11 dl.left dt{
	
	overflow:hidden;
	float:left;
	margin:0px 10px 0px 0px;
}
#nav11 dl.left a{
	height:24px;
	
	font:normal 12px/24px "微软雅黑","宋体";
	background:url(../images/submenu_ico.jpg) left 7px no-repeat;
	color:#333;
	text-align:left;
	padding:0px 0px 0px 10px;
	overflow:hidden;
}
#nav11 dl.left a:hover{
	background:#9a150d;
	color:#fff;
}
#nav11 dl.right{
	width:400px;
	height:133px;
	overflow:hidden;
	float:right;
	padding:0px 10px 10px 0px;
	_padding:0px 10px 0px 0px;
}
#nav11 dl.left dt.large{
	width:70px;
	overflow:hidden;
	float:left;
	margin:0px 10px 0px 0px;
}
#nav11 dl.left dt.large a{
	width:70px;
	height:24px;
	display:block;
}
#nav11 li.search{
	width:275px;
	height:24px;
	float:right;
	padding:7px 0px;
	overflow:hidden;
}
#nav11 li.search dl.text{
	width:70px;
	height:24px;
	background:url(../images/search_input.jpg) left top no-repeat;
	padding:0px 0px 0px 15px;
	float:left;
}
#nav11 li.search dl.text input{
	width:70px;
	overflow:hidden;
	height:14px;
	border:none;
	background:transparent;
	padding:6px 0px;
	line-height:14px;
	color:#f4b0b1;
}
#nav11 li.search dl.btn{
	width:25px;
	height:24px;
	float:left;
}
/*导航*/




.lead img{width:100%}
.lead table p{margin:5px 0;}

#about-product ul li.cu{background: url(../images/about-bj_05.jpg) left 50% repeat-x;color:#fff;}
#about-product ul li.cu a{color:#fff;}








.picshow {
	width:560px;
	position:relative;
}
.ctrl-panel {
	position:absolute;
	z-index:1000;
	top:69%;
	right:3%;
	line-height:20px;
}
.m-page {
	display:block;
	width:20px;
	height:20px;
	text-align:center;
	background:#fff;
	float:left;
	display:inline;
	margin-left:5px;
	color:#000;
	font-size:14px;
	line-height:1.4em;
}
.m-page:hover {
	text-decoration:none;
	color:#fff;
}
.focus {
	background:#ff9c00;
	color:#fff;
}
.con {
	width:100%;
}
.scroll-wrap {
	overflow: hidden;
	width: 560px;
	POSITION: relative;
	height: 340px;
}
.scroll_box_content {
	position: absolute;
}
.content_list {
	float: left;
	width: 560px;
	height: 340px;
}
.content_list img{
	width:560px;
	height:265px;
}


.page{float:left;margin-top:20px;text-align:center;width:100%;height:40px;}
.page a{border:1px solid #7CBBED;padding:4px 6px;font-size:12px;color:#000;}
.page .thispage{padding:4px 6px;background:#7CBBED;font-size:12px;}


/*主导航开始*/
#daohang{
	height:80px;
	width:1180px;
	margin:0 auto;
	background:url(../images/menu_bg.jpg) top repeat-x;
	padding:16px 0px 0px 0px;
	transition: all 0.3s ease-in;
}
#daohang li.daohang_ge{
	width:1px;
	height:50px;
	float:left;
	border-left:1px #CCCCCC solid;
	transition: all 0.3s ease-in;
}
#daohang li.daohang_off{
	width:166px;
	height:50px;
	float:left;
	transition: all 0.3s ease-in;
}
#daohang li.daohang_off a{
	width:166px;
	height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	color:#000;
	float:left;
	text-align:center;
	transition: all 0.3s ease-in;
}
#daohang li.daohang_on{
	width:166px;
	height:50px;
	line-height:50px;
	float:left;
	border: #2275bb 1px solid; border-width:0px 0px 0 0px;
	transition: all 0.3s ease-in;
	
}
#daohang li.daohang_on a,#daohang li.daohang_off a.hover,#daohang li.daohang_off a:hover{
    
	text-decoration:none;
	width:166px;
	height:50px;
	font-size:16px;
	line-height:50px;
	font-weight:bold;
	color:#000000;
	float:left;
	text-align:center;
	background-color:#FFF;
	transition: all 0.3s ease-in;
}
#daohang li.daohang_on:hover{
	border-top:1px solid #ccc;
	transition: all 0.3s ease-in;
}
.sub_daohang,.sub_daohang1,.sub_daohang2{
	display:none;
	transition: all 0.3s ease-in;
}
#daohang li.daohang_on div.sub_daohang{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:50px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#cbcbcb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:513px;
	_width:435px;
	_height:145px;
	
	transition: all 0.3s ease-in;
}
#daohang li.daohang_on div.sub_daohang1{
	padding:10px 0px 10px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:50px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#cbcbcb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:813px;
    z-index:999999;
	_width:828px;
	_height:145px;
	transition: all 0.3s ease-in;
}



#daohang li.daohang_on div.sub_daohang1-1{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:50px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#cbcbcb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:713px;
	_width:700px;
	_height:145px;
	transition: all 0.3s ease-in;
}


#daohang li.daohang_on div.sub_daohang2{
	padding:10px 0px 0px 0px;
	background:url(../images/submenu_top.jpg) top left no-repeat #fff;
	position:absolute;
	margin:50px 0px 0px -1px;
	*margin:0px 0px 0px 0px;
	_margin:0px 0px 0px 0px;
	display:block;
	border:#cbcbcb 1px solid;
	border-top:none;
	clear:both;
	overflow:hidden;
	width:513px;
	_width:328px;
	_height:145px;
	transition: all 0.3s ease-in;
}
#daohang dl.left{
	overflow:hidden;
	float:left;

	transition: all 0.3s ease-in;
	_margin:0px 5px;
	padding:4px 0px 0px 0px;
}
#daohang dl.left dt{
	
	overflow:hidden;
	float:left;
	margin:0px 10px 0px 0px;
	transition: all 0.3s ease-in;
}
#daohang dl.left a{
	height:30px;
	line-height:30px;
	font-size:14px;
	font-family:"微软雅黑";
	background:url(../images/submenu_ico.jpg) left 7px no-repeat;
	color:#333;
	text-align:left;
	padding:0px 0px 0px 15px;
	overflow:hidden;
	transition: all 0.3s ease-in;
}
#daohang dl.left a:hover{
	background:#9a150d;
	color:#fff;
	transition: all 0.3s ease-in;
}
#daohang dl.right{
	width:600px;
	overflow:hidden;
	float:left;
	padding:0px 10px 10px 0px;
	_padding:0px 10px 0px 0px;
	transition: all 0.3s ease-in;
}
#daohang dl.left dt.large{
	width:80px;
	overflow:hidden;
	float:left;
	margin:0px 40px 0px 20px;
	transition: all 0.3s ease-in;
}
#daohang dl.left dt.large a{
	height:30px;
	line-height:30px;
	display:block;
	border-bottom:#cbcbcb 1px solid;
	transition: all 0.3s ease-in;
}
#daohang li.search{
	width:275px;
	height:24px;
	float:right;
	padding:7px 0px;
	overflow:hidden;
	transition: all 0.3s ease-in;
}
#daohang li.search dl.text{
	width:70px;
	height:24px;
	background:url(../images/search_input.jpg) left top no-repeat;
	padding:0px 0px 0px 15px;
	float:left;
	transition: all 0.3s ease-in;
}
#daohang li.search dl.text input{
	width:70px;
	overflow:hidden;
	height:14px;
	border:none;
	background:transparent;
	padding:6px 0px;
	line-height:14px;
	color:#f4b0b1;
	transition: all 0.3s ease-in;
}
#daohang li.search dl.btn{
	width:25px;
	height:24px;
	float:left;
	transition: all 0.3s ease-in;
}
/*主导航结束*/

.newstext
{
	margin-bottom:20px;}
.newstext h2{
	text-align:center;
}
.newstext .info
{
	width:100%;
	height:40px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	text-align:center;
}



#full-screen-slider { width:100%; height:560px; float:left; position:relative}
#slides { display:block; width:100%; height:560px; list-style:none; padding:0; margin:0; position:relative;z-index: 1;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; }
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:19%; top:90%; z-index:9;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:10px; background:#ccc; }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#900}





.slider-container{height:560px;overflow:hidden;position:relative}
.main-slider{width:100%;height:100%;position:relative;overflow:hidden}
.slide-item{min-width:996px;width:100%;position:absolute;left:0;top:0;display:none;}
.slide-item img{width:100%;height:auto;min-height:320px}
.slide-cont{position:absolute;left:50%;top:0;width:970px;margin-left:-485px;text-shadow:1px 1px 1px #111}
.slide-cont{font-size:19px;color:#fff}
.slide-cont h1{font-size:47px;font-weight: bold;color:#e60012;line-height:47px;margin-top:1.2em}
.slide-cont h1 span{font-size:30px;text-transform:uppercase}
.slide-cont a{color:#fff;font-size:14px;text-decoration:none;text-transform:uppercase;background:url(../images/icon_nav.png) no-repeat 100% 50%;padding-right:16px}
.thumbs{position:absolute;left:0;bottom:0px;z-index:4;width:100%;height:100px;margin:0;padding:0;border-bottom:4px solid #fff;border-top:4px solid #fff}
.thumbs li{float:left;list-style:none;position:relative;width:20%;*width:19.99%;height:92px;background-repeat:no-repeat;background-position:50% 0;background-size:100%}
.thumbs li.curr,.thumbs li:hover{background:url(../images/nav_bian.png) repeat-x 0 0;cursor:pointer}
.thumbs li div{height:95px;padding-top:18px;border-left:2px solid #fff;border-right:2px solid #fff}
.thumbs li.curr i,.thumbs li:hover i{display:block}
.thumbs li span{display:block;background:url(../images/nav_bottom_bg.png) repeat 0 0;margin-top:-18px;height:92px;font-size:10px;color:#fff;text-transform:uppercase}
.thumbs li.curr span,.thumbs li:hover span{background-image:none;}
.thumbs li.curr em{display:block;width:11px;height:6px;overflow:hidden;background:url(../images/yellow-arrow.gif) no-repeat;position:absolute;top:-6px;left:50%;margin:0 0 0 -6px;}