/*--------------------------------------------------------------------------------------------------------------------
 *
 * Template   Freedom - HTML Site Template
 * Version    2.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  Typography
 *        3.3  Buttons
 *        3.4  Inputs
 *        3.5  Breadcrumbs
 *        3.6  Tabs
 *        3.7  Pagination
 *        3.8  Progress
 *        3.9  Text Colors & Effects
 *        3.10  Backgrounds
 *        3.11 Scroll To Top
 *        3.12 Mask
 *        3.13 Form Validation
 *        3.14 Gallery Item
 *        3.15 Carousel
 *        3.16 OWL.Carousel fadeUp
 *        3.17 Social Inline
 *        3.18 Social Share
 *        3.19 List
 *        3.10 Tags
 *        3.21 Preloader
 *  4. Information Columns
 *  5. Header
 *        5.1  General
 *        5.2  Navigation
 *        5.3  No-Mobile
 *  6. Section: Projects
 *  7. Section: Services
 *  8. Section: Our Team
 *        8.1  Carousel
 *        8.2  Skills
 *  9. Trigger: Join
 * 10. Section: Testimonials
 * 11. Section: Price
 * 12. Section: How To Start
 * 13. Section: Clients
 * 14. Section: ContactContact
 *       14.1  Contact Information
 *       14.1  Contact Form
 *       14.1  Contact Information List
 * 15. Footer
 * 16. Section: Map
 * 17. Section: Statistics
 * 18. Modal
 * 19. 404 Page
 * 20. Inner Pages
 * 21. About
 * 22. Blog
 *       22.1  Post
 *       22.2  Widget
 *       22.3  Widget: Menu
 *       22.4  Widget: Latest Posts
 *       22.5  Widget: Search
 *       22.6  Widget: Advert
 *       22.7  Widget: Tags
 *       22.8  Widget: Recent Comments
 *       22.9  Widget: Comments
 * 23. Projects
 *       23.1  Projects List
 *       23.2  Project Item
 *       23.3  Single Project
 * 24. Animations
 *       24.1  Label Error Animation
 *       24.2  SubMenu Animation
 * 25. Responsive
 *       25.1  max-width: 991px
 *       25.2  max-width: 767px
 *       25.3  max-width: 480px
 *
 *--------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------
 * Imports
 *--------------------------------------------------------------------------------------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,600,500);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import 'bootstrap.min.css';
@import 'bootstrap-theme.min.css';
@import 'font-awesome.min.css';
@import 'owl.carousel.css';
@import 'owl.theme.css';
@import 'owl.transitions.css';
@import 'magnific-popup.css';
@import 'elegant-icons.css';
@import 'animate.css';
/*--------------------------------------------------------------------------------------------------------------------
 * General Styles
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * Main Classes
 *--------------*/
* {
  outline: none !important;
}
html {
  height: 100%;
}
body {
  height: 100%;
  min-height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 22px;
  color: #757575;
  font-family: 'Open Sans', sans-serif;
  background: #fff;
  overflow-x:hidden;
  font-family: 微软雅黑;
}

/*自行添加*/ /*调节下拉菜单*/
#navigation {
/*  position: fixed;*/
}
.navbar li{
  font-size: 18px;
}
.dropdown-menu {
  color:#fff;
  background: #313131;  
}
.dropdown-menu li a{
  color:#fff;
    
}
/*/自行添加*/
::-moz-selection {
  color: #fff;
  background: rgba(109, 109, 109, 0.9);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
::selection {
  color: #fff;
  background: rgba(109, 109, 109, 0.9);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}
/*.relative {
  position: relative !important;
}
.full-wh {
  display: table-cell;
  width: 1%;
  height: auto;
  vertical-align: middle;
  top: 0 !important;
}
*/
.full-wh .ban {
  padding: 100px 80px 80px 80px;
    text-align: center;
    height: 550px;
  }
.full-wh .ban {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.relative .ban {
        -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.relative .ban{
  display: -webkit-box;
    display: -ms-flexbox;
}

.vertical-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mt {
  margin-top: 50px;
}
.main-container {
  z-index: 1;
  overflow: hidden;
}
.section {
  padding-top: 30px;
  padding-bottom: 30px;
}
.section .section-title {
  margin-bottom: 10px;
      color: #000;
    font-weight: bold;
    font-size: 30px;
    font: normal bold 30px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.section .section-title.underline::after {
  display: block;
  content: '';
  width: 50px;
  height: 2px;
  margin: 15px auto 10px;
  background: #d8271d;
}
.x_ban{
  width: 100%;
  background: url(../images/bg.jpg) no-repeat center;
  background-size: cover;
}
.x_ban .x_ban_main{
  padding: 70px 80px 80px 80px;
  text-align: center;
  height: 300px;
}
.x_ban .x_ban_main h2{
      font-size: 36px;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 0px;
    margin-bottom: 14px;
    font-weight: 600;
    color: #fff;
}
.x_ban .x_ban_main p{
  font-size: 21px;
    line-height: 1.2em;
    color: #fff;
    margin-bottom: 40px;
}
.x_ban .x_ban_main a{
      font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.2em;
    letter-spacing: 0px;
    border-width: 0px;
    border-radius: 2px;
    color: #fff;
    background-color: #d8271d;
        padding: 13px 25px;
}
.x_ban .x_ban_main a:hover{
    background-color: #c70a00;
}
/*自行添加*/
.section-page{
  width: 100%;
  padding: 10px;
}
.section-page .nban{
  height: 300px;
  padding: 10px;
  background: url(../images/nban.jpg);
  background-size: cover;
}
.section-page .nban .section-title{
  font-size: 33px;
}
.section-page .nban .section-title,.section-page .nban .section-subtitle{
  color: #fff;
  text-transform: uppercase;
}
.section-page>.nban {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.section-page>.nban {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
}
.section-page-header .title.underline::after {
  display: block;
  content: '';
  width: 100px;
  height: 2px;
  margin: 15px 0px;
  background: #d8271d;
}
.section-page .title.underline::after {
  display: block;
  content: '';
  width: 100px;
  height: 2px;
  margin: 15px 0px;
  background: #d8271d;
}
.section-page .underline.right::after {
  display: block;
  content: '';
  display:inline-block;
  text-align:right;
  width: 100px;
  height: 2px;
  margin: 15px 0px;
  background: #d8271d;
}
.section-page .title {
  color: #555;
  font-size: 22px;
  padding: 0;
  margin-bottom: 5px;
}
.section .section-title.text-white.underline::after {
  background: #fff;
}
.section .section-subtitle {
  font-weight: 500;
  margin-bottom: 0;
  font-size: 14px;
}
.section .section-content {
  margin-top: 45px;
}
.section.section-small {
  padding-top: 30px;  /* 原值为50*/
  padding-bottom: 15px; /* 原值为50*/
}
.section.section-small .section-content {
  margin-top: 50px;
}
.section.no-pb {
  padding-bottom: 0;
}
.trigger {
  background: transparent no-repeat center top / cover;
}
.trigger .trigger-title {
  font-size: 34px;
  margin-bottom: 40px;
}
.trigger .trigger-text {
  margin-bottom: 40px;
}
/*
 * Typography
 *------------*/
.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 {
  margin: 0 0 20px;
  color: #333;
  font-weight: 400;
  font: normal 16px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
.h1,
h1 {
  color: #fff;
  font-size: 34px;
}
.h2,
h2 {
  font-size: 22px;
}
.h3,
h3 {
  font-size: 18px;
}
.h4,
h4 {
  font-size: 16px;
}
.h5,
h5 {
  font-size: 15px;
}
.h6,
h6 {
  font-size: 14px;
}
a {
  color: #d8271d;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a:hover,
a.hover,
a:focus,
a.focus {
  color: #323b46;
  text-decoration: none;
}
blockquote {
  margin: 0 0 20px;
  font-size: inherit;
  background: #f5f7f9;
  border-left: solid 1px #d8271d;;
}
p {
  margin: 0 0 20px;
}
/*
 * Buttons
 *---------*/
.btn,
.btn:hover,
.btn.hover,
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn {
  -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;
  position: relative;
  padding: 7px 22px;
  font-family: inherit;
  text-align: center;
  overflow: hidden;
  color: #fff !important;
  border-color: #d8271d !important;
  background-color: #d8271d !important;
}
.btn:focus,
.btn.focus {
  color: #fff !important;
  border-color: #d8271d !important;
  background-color: #d8271d !important;
}
.btn:hover,
.btn.hover {
  color: #fff !important;
  border-color: rgb(216 39 29) !important;
  background-color: rgb(216 39 29) !important;
}
.btn:active,
.btn.active {
  color: #fff !important;
  border-color: rgb(216 39 29) !important;
  background-color: rgb(216 39 29) !important;
}
.btn.btn-rounded {
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  border-radius: 20px !important;
}
.btn .icon {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  opacity: .0;
  -webkit-transform: translateY(200%);
  -moz-transform: translateY(200%);
  -ms-transform: translateY(200%);
  -o-transform: translateY(200%);
  transform: translateY(200%);
  -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;
}
.btn .text {
  display: block;
  -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;
}
.btn:hover .icon {
  opacity: 1.0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.btn:hover .text {
  opacity: .0;
  -webkit-transform: translateX(-500%);
  -moz-transform: translateX(-500%);
  -ms-transform: translateX(-500%);
  -o-transform: translateX(-500%);
  transform: translateX(-500%);
}
.btn-white-o {
  color: #fff !important;
  border-color: #fff !important;
  background-color: transparent !important;
}
.btn-white-o:focus,
.btn-white-o.focus {
  color: #777 !important;
  border-color: transparent !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
}
.btn-white-o:hover,
.btn-white-o.hover {
  color: #777 !important;
  border-color: transparent !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.btn-white-o:active,
.btn-white-o.active {
  color: #777 !important;
  border-color: transparent !important;
  background-color: #fff !important;
  -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.1);
}
.btn-picasso {
  color: #555 !important;
  border-color: #ffed91 !important;
  background-color: #ffed91 !important;
}
.btn-picasso:focus,
.btn-picasso.focus {
  color: #555 !important;
  border-color: #ddcb6f !important;
  background-color: #ddcb6f !important;
}
.btn-picasso:hover,
.btn-picasso.hover {
  color: #555 !important;
  border-color: #ffffb3 !important;
  background-color: #ffffb3 !important;
}
.btn-picasso:active,
.btn-picasso.active {
  color: #555 !important;
  border-color: #ddcb6f !important;
  background-color: #ddcb6f !important;
}
.btn-purple {
  color: #fff !important;
  border-color: #996de9 !important;
  background-color: #996de9 !important;
}
.btn-purple:focus,
.btn-purple.focus {
  color: #fff !important;
  border-color: #774bc7 !important;
  background-color: #774bc7 !important;
}
.btn-purple:hover,
.btn-purple.hover {
  color: #fff !important;
  border-color: #bb8fff !important;
  background-color: #bb8fff !important;
}
.btn-purple:active,
.btn-purple.active {
  color: #fff !important;
  border-color: #774bc7 !important;
  background-color: #774bc7 !important;
}
/*
 * Inputs
 *--------*/
.form-control,
.form-control:hover,
.form-control.hover,
.form-control:focus,
.form-control.focus,
.form-control:active,
.form-control.active {
  padding: 7px 22px;
  height: auto;
  font-family: inherit;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: solid 1px #eaeaea;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/*
 * Breadcrumbs
 *-------------*/
.breadcrumb {
  margin-top: 7px;
  margin-bottom: 0;
  background: transparent;
  text-align: right;
}
.breadcrumb a {
  color: #757575;
}
.breadcrumb a:hover {
  color: #d8271d;
}
/*
 * Tabs
 *------*/
.nav-tabs {
  border-color: #f5f7f9;
}
.nav-tabs li a {
  border-color: #f5f7f9 !important;
}
.nav-tabs li a:hover {
  color: #d8271d;
  background: transparent;
}
.nav-tabs li.active a {
  border-bottom-color: transparent !important;
}
.tab-content {
  border: solid 1px #f5f7f9;
  border-top-width: 0 !important;
  padding: 5px 10px;
}

/*服务*/     
.ho3 {height:100%;padding: 70px 0px 50px 0px; overflow:hidden; background:#fafafa; }
.ho_con { width: 1180px; margin: auto;}
.ho_tit { text-align: center; }
.ho_tit p { text-align: center;font-size: 30px; font-weight: bold; color: #000000;}
.ho_tit span { display:block; width:40px; height:2px; background:#d40000; margin:0 auto; margin-top:10px;}
.bt_sm { font-size: 14px; color: #999999;margin-top: 10px;text-align: center;}
.haha2 { margin-top:30px; padding-left: 0; }
.haha2 li { background: #fafafa; float: left; border: solid 1px #e6e6e6; padding:40px 30px 40px 30px; width: 23.2%; text-align: center;  border-radius: 4px;  position: relative; top:0; transition: all 0.5s; cursor:pointer; margin-right:28px; list-style-type: none; }
.haha2 li a{color: #333;}
.haha2 li:hover {top: -5px; 
  -webkit-box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.12);
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0); }
.haha2 li:nth-child(4){margin-right: 0px;}
.haha2 li .img1 { display: block; height:74px;overflow: hidden;}
.haha2 li img { margin:0 auto; transition: all 0.6s;}
.haha2 li dd { font-size: 24px; font-weight:bold; color: #000; line-height: 1; background: url(../images/xian.png) no-repeat center bottom; padding-bottom: 18px; margin-top:30px;}
.haha2 li span { font-size: 24px; line-height:30px; margin-top:20px; display: block;}
.haha2 li p { height:68px; font-size:14px; margin:0 auto; line-height:24px; margin-top:10px; text-align:center;}
.haha2 li:hover img { margin-top: -74px; transition: all 0.6s;}
/*产品展示*/
/*.index-case { padding: 36px 0 36px; overflow:hidden }
.list-box { width:1180px; margin:0 auto;}
.list-box ul{ padding-left: 0;}
.list-box li { float:left;  width: 23.466666%; margin-right:24px; margin-bottom:10px; list-style-type: none;}
.list-box li a{ color: #333;}
.list-box li a: hover;{ color: #d8271d;}
.list-box li:nth-child(4n){margin-right: 0px;}
.list-box li:hover .cppic { box-shadow: 0px 0px 5px 3px #e7e7e7;}
.list-box li img { width:280px; height:215px; border:1px solid #dddddd;}
.list-box li p { height:36px; line-height:36px; font-size:14px;  text-align:center;}
*/

/*选项卡1*/
#slideBox1{overflow:visible;}
#slideBox1 .hd{ overflow:visible;}
#slideBox1 .hd ul{
  overflow: visible;
  text-align: center;
}
#slideBox1 .hd ul li{
  display:inline-block;
  *display:inline;
  *zoom:1;
  cursor:pointer;
  position:relative;
  overflow:visible;
  margin:0 10px;
}
#slideBox1 .hd ul li a{
  /* display: block; */
  font-size: 16px;
  line-height: 40px;
  padding: 0 15px;
  display:inline-block;
  *display:inline;
  *zoom:1;
}

#slideBox1 .hd ul li:hover{
  background: #D8271D;
  border-color: #D8271D;
  color: #fff;
}
#slideBox1 .hd ul li:hover a{
  color: #fff;
}
#slideBox1 .hd ul li:hover:after{
  border: solid transparent;
  content: ' ';
  height: 0;
  top:100%;
  bottom:0;
  position: absolute;
  width: 0;
  border-width: 10px;
  left: 50%;
  margin-left:-10px;
  border-top-color:#D8271D;
}
#slideBox1 .bd{
  overflow:visible;
}
#slideBox1 .bd ul{
  overflow: visible;
}


/*产品*/
.main{width: 1180px; margin: 0 auto;}
#slideBox1 a{ color: #333; }
#prod_bg{width: 100%;height: auto;background:#f1f1f1;margin-top:50px;overflow: hidden; padding-bottom:20px;}
.prod_t{ margin-top:60px;background: url(../images/20180921105259_88660647.png) no-repeat center 12px; margin-bottom: 45px;}
.prod_t p{font-size: 40px;line-height: 40px;color: #333;text-align: center;}
.prod_t span{font-size: 20px;line-height: 20px;color: #666;text-align: center;margin-top: 30px;display: block;}

.prod { margin-top:10px; background:#002a6e; overflow:hidden; }
.prod dd { float:left; width:240px; height:50px; line-height:50px; border-right:1px solid #fff;}
.prod dd:hover { background:#d70000;}
.prod dd:first-child { background:#d70000;}
.prod dd:last-child { margin-right:0px;}
.prod dd a { display:block; font-size:18px; padding-left:20px; color:#fff; background:url(../images/protiticon.png) no-repeat 210px 15px ; }

.procon { margin:40px 0px 20px 0px;}
.indexprod_ld { float: left; background:url(../images/procpbg.png) no-repeat; width:573px; height:505px; color:#fff; }
.indexprod_ld img { width:529px; height:398px; padding-top:12px; padding-left:22px; }
.indexprod_ld p { font-size:22px; font-weight:bold; color:#444343; padding-top:30px; padding-left:70px;}
.indexprod_ld p a { color:#444343;}

.prod_p { width:1180px; overflow-y:hidden; height:536px; }
.prod_p ul{ padding-left: 0;margin-bottom: 0;}
.prod_p li { float:left; width:275px; margin-left:10px; margin-right:10px; margin-bottom:10px; list-style-type: none;}
.prod_p li .cppic { box-shadow: 0px 0px 5px 3px #e7e7e7; margin-top:5px;}
.prod_p li img { width:278px; height:215px; border:1px solid #fff;}
.prod_p li p { height:36px; line-height:36px; font-size:14px;  text-align:center; margin-bottom: 0;}

.prod_p li a{  display: block;position:relative;overflow:hidden; font-size: 15px;}
.prod_p li a::before { content: ''; width: 500px; height: 500px; position: absolute; top: -157.5px; border-radius: 50%; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1) inset; z-index: 0; left: -127px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.prod_p li a::after { content: ''; background: url(../images/proicon.png) no-repeat center 50%; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;  }
.prod_p li:hover > a::before{ box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; -webkit-box-shadow: 0px 0px 0px 50rem rgba(0,0,0,0.5) inset; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.prod_p li:hover > a::after{background-size:50px;transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}


/*首页-新闻*/
.nei-about{margin: 55px 0 35px;}
.news { width:100%; padding:35px 0 55px 0;  overflow:hidden}
.news_con{ width:1180px; margin:0 auto; height:auto; display:block; overflow:hidden;  margin-top:10px;}
/*.news_con > div { width:380px; height:430px;display:block; overflow:hidden;}*/
.news_con .left{ float:left; margin-right:20px;}
.news_con .conter{ float:left;}
.news_con .right{ float:right;}

.news_con .index_news{ padding-left: 2%;}
.news_con .index_news .index_news_left{ display:block;  width: 46.5%; float: left;  margin:0 auto; overflow:hidden;}
.news_con .index_news .index_news_left img{ display:block; border:0px; width:100%; transform:scale(1); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; }
.news_con .index_news .index_news_left:hover img{ transform:scale(1.3); transition:all 1s ease 0s; -webkit-transform:all 1s ease 0s; cursor:pointer; }

.news_con .index_news ul{ width: 51%; float: right; padding-left: 0;}
.news_con .index_news li{ margin: 0 1%; margin-bottom: 18px; background: #f5f5f5; list-style-type: none;}
.news_con .index_news .index_news_con{padding: 17px 20px; overflow: hidden;}
.news_con .index_news .index_news_con .index_news_date{float: left; width: 20%; padding-right: 5%; text-align: center; color: #666; border-right: 1px solid #ebebeb;}
.news_con .index_news .index_news_con .index_news_date b{ display: block; font-size: 45px; line-height: 55px; padding-top: 6px; color: #333; }
.news_con .index_news .index_news_con .index_news_r{float: right; width: 75%;}
.news_con .index_news .index_news_con h3{margin: 0 0 5px; font: normal normal normal 18px / 30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;}
.news_con .index_news .index_news_con a:hover h3{color: #d8271d;}
.news_con .index_news .index_news_con span{ font-size: 13px; line-height: 25px; color: #adafb3; margin-bottom: 10px;}
.news_con .index_news .index_news_con p{font-size: 14px; line-height: 25px; color: #8b8d94; margin-bottom: 0; }
.news_con .index_news .index_news_con .new-more span{background: #d8271d; padding: 6px 15px; color: #fff; border-radius: 5px;}

/*
.news_img{ width:100%; height:200px; overflow:hidden; margin-bottom:10px; position:relative;}
.news_img img{ width:100%; height:100%; -webkit-transition: -webkit-transform 1.5s ease-out;}
.new_but{ width:168px; height:52px; position:absolute; top:70px; left:107px; z-index:1; background: rgb(216 39 29); color:#fff; text-align:center; line-height:52px;}
.news_img:hover img{transform: scale(1.1);transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;}
.news_con ul,.news_con li,.news_con h3{ margin:0;padding: 0; }
.news_con li{ width:100%;margin-bottom:5px; list-style-type: none;}
.news_con li.active{ height:120px; border-bottom:1px dashed #dddddd; clear:both; margin-bottom: 18px; }
.news_con li a{ width:100%;}
.news_con li.active span{ font-size:12px; color:#999; line-height:22px; clear:both;float:left;}
.news_con li.active p{ font-size:13px; color:#666666; line-height:22px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;clear:both;}
.news_con li time{ font-size:12px;float:right; color:#999; line-height:12px;}
.news_con li:hover a h3{ color:#d4261c;}
.main_title h2{ font-size:24px; font-weight:bold; text-align:center; padding-top:36px; line-height:32px;}
.equipment_title h2{ color: #fff;}
.news_title{ width:100%; height:100%; background:url(../images/news_title.png) no-repeat center top;}
.news_title h3{ color:#2260ad;}
.news_title h2{ color:#2260ad;}*/


/*内页新闻*/
.new-main{margin: 55px 0 35px;}
.newscontent { overflow:hidden; width:1180px; margin:0 auto; margin-bottom:90px;}
.newslist_left { overflow:hidden; float:left; width:820px; padding-right:40px; border-right:1px solid #e9e9e9; padding-top:25px;}

.news_listbox{ overflow:hidden; width:100%;}
.right2 { overflow: hidden; width: 300px;float: right; margin-top: 30px;}
.newslist_right { overflow:hidden; width:300px; float:right; margin-top:60px;}
.newslist_right>h4{ font-weight:normal; font-size:24px; color:#555; margin-bottom:20px;}
.newslist_right .zw_tu{ display:block; margin:0 auto;}

.newslist_left dl.top{ overflow:hidden; width:100%; padding-bottom:30px; border-bottom:1px solid #e9e9e9; margin-bottom:30px; height:auto;}

.newslist_left dl.top dt{ overflow:hidden; float:left; width:286px; height:200px;}
.newslist_left dl.top dt img{ display:block; width:286px; height:200px; padding:0px !important;transition:0.8s;-moz-transition:0.8s, -moz-transform 0.8s;-webkit-transition:0.8s, -webkit-transform 0.8s;}
.newslist_left dl.top dt:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-m-transform: scale(1.1);transform: scale(1.1);}

.newslist_left dl.top dd{ overflow:hidden; float:right; width:455px; height:200px;}
.newslist_left dl.top dd h4{ font-size:18px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newslist_left dl.top dd h4 a{ color:#333;}
.newslist_left dl.top:hover dd h4 a{ color:#d8303d;}
.newslist_left dl.top dd em{ display:block; font-size:12px; color:#999; margin-bottom:15px;}
.newslist_left dl.top dd em i{ margin:0 5px;}
.newslist_left dl.top dd p{ font-size:14px; color:#666; line-height:24px; height:72px; overflow:hidden; text-align:justify; margin-bottom:10px;}
.newslist_left dl.top dd .more{ display:block; width:116px; height:31px; line-height:31px; text-align:center; font-size:12px; color:#999; font-family:Arial; border:2px solid #e9e9e9; text-decoration:none}
.newslist_left dl.top:hover .more{ color:#fff; border-color:#d8303d; background-color:#d8303d}
.newslist_left dl.top.last{ margin-bottom:0}


.right2_main .t03 a { font-weight: normal;font-size: 24px; color: #555;margin-bottom: 20px; font-weight:bold; }


.leftsidebar_box{
  padding-left: 0;
}
.leftsidebar_box dl{
  margin-bottom: 0;
}
.leftsidebar_box dl dt{
  padding: 10px 20px 10px 0;
  border-top: 1px solid rgba(0,0,0,0.08);
}
.leftsidebar_box dl dt img{
  padding-left: 20px;
}
.leftsidebar_box dl:first-child dt{
  border-top: none;
}
.leftsidebar_box dl dd{
  padding: 10px 20px 10px 0;
  margin-left: 15px;
  padding-left: 10px;
  line-height: 18px;
  border-top: 1px solid rgba(0,0,0,0.05);
}
.leftsidebar_box dl a{
  color: #8b8d94;
  font-size: 15px;
  line-height: 27px;
}
.leftsidebar_box dl a:hover{
  text-decoration: revert;
}

ul.n_rt_ul1 {overflow: hidden; width:310px;margin: 0 auto; padding: 15px 0px 15px 0px; margin-top:5px; margin-left: 0;}
ul.n_rt_ul1 a {
  float:left;
  display:block;
    margin: 0 11px 7px 0;
    width: 96px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    display: block;
    float: left;
    text-align: center;
    background-color: #f3f3f3;
    border-radius: 4px;
    color: #333;
}
ul.n_rt_ul1 a:hover{color: #d8271d;}
ul.n_rt_ul1 a:nth-child(3n){margin-right: 0px;}


ul.n_rt_ul {overflow: hidden;  background: #f5f5f5; margin: 0 auto; padding: 15px 15px 15px 15px; width:280px; margin-left: 0; margin-top: 15px;margin-bottom:20px;}
ul.n_rt_ul li { line-height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;background:url(../img/sec/a2.gif) no-repeat left center;   }
ul.n_rt_ul li a{ display:block;  color: #333; width:254px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font:14px Microsoft YaHei; color:#333; height:32px; line-height:32px; padding-left:6px; }
ul.n_rt_ul li a:hover{ color:#d8271d; font-weight:bold; padding-left:10px;}
ul.n_rt_ul li.cur{/*background:url(img/common/a1.gif) no-repeat left center;*/ }

ul.n_rt_ul2 {overflow: hidden; width:310px;margin: 0 auto; padding: 15px 0px 15px 0px; margin-top:5px; }
ul.n_rt_ul2 li {float: left;text-align: center; width: 145px; margin-right:5px; margin-left:5px; padding-bottom:6px; list-style-type: none;}
ul.n_rt_ul2 li a {color: #333;}
ul.n_rt_ul2 li img {width: 145px; height:109px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
ul.n_rt_ul2 li p { line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
ul.n_rt_ul2 li:hover img {-webkkit-filter: brightness(105%);filter: brightness(105%);}
ul.n_rt_ul2 li:hover p { color: #d8271d;}

/*内页产品
*/
.product-main_left {
    overflow: hidden;
    float: left;
    width: 820px;
    padding-right: 20px;
    border-right: 1px solid #e9e9e9;
    padding-top: 20px;
    margin-bottom: 20px;
}
.product-main{margin: 35px 0;}
.products{width: 33.333337%; float: left; padding: 1%; text-align: center;}
.products img{ width: 100%; height:250px; border: 1px solid #e0e0e0;box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);}
.products:hover img{ box-shadow: 0 0 15px 1px rgba(0,0,0,0.25);}
.products h3{ font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif; color: #555; margin-top: 20px;}
.pro_main h2{font-size: 33px; font-weight: 600; color: #AE2C2C;}
/*
 * Pagination
 *------------*/
.pagination {
  margin: 0 0 20px;
}
.pagination li {
  display: inline-block;
}
.pagination li a,
.pagination li span {
  cursor: pointer;
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  color: #757575;
  font-weight: 100;
}
.pagination li a:hover,
.pagination li span:hover,
.pagination li a.hover,
.pagination li span.hover,
.pagination li a:focus,
.pagination li span:focus,
.pagination li a.focus,
.pagination li span.focus {
  color: #fff !important;
  background: #d8271d !important;
  border-color: #d8271d !important;
}
.pagination li.active a,
.pagination li.active span {
  color: #fff !important;
  background: #d8271d;
  border-color: #d8271d;
}

.page-title .wf-wrap {
  min-height: 200px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.page-title{
  background-color: rgba(0,0,0,0.04);
}
.page-title h1{
  font:  normal bold 34px / 44px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  text-transform: none;
  margin-bottom: 0;
}
.page-title .breadcrumbs a{
  color: #adafb3;
  padding: 0 5px;
}
.page-title .breadcrumbs a:hover{
  text-decoration: revert;
}
.page-title .breadcrumbs {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
}
.page-title .breadcrumbs{
      color: rgba(139,141,148,0.35);
  font:  normal  14px / 24px "Roboto", Helvetica, Arial, Verdana, sans-serif;
  text-transform: none;
}
.page-title .breadcrumbs li:before,
.page-title .breadcrumbs li:before {
  color: rgba(173,175,179,0.5);
}
.page-title>.wf-wrap {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
.page-title>.wf-wrap {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
}
/*
 * Progress
 *----------*/
.progress {
  height: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.progress .progress-bar {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #d8271d;
}
/*
 * Text Colors & Effects
 *-----------------------*/
.text-white {
  color: #fff;
}
/*
 * Backgrounds
 *-------------*/
.bg-dark {
      background: #1a1c20 none repeat center top;
}
.bg-light-gray {
/*  background: #c1c1c1;*/
}
.bg-theme {
  background: #d8271d;
}
/*
 * Magnific
 *----------*/
.mfp-bg {
  background: rgba(0, 0, 0, 0.7) !important;
}
.mfp-figure::after {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  -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;
  opacity: .0;
  -webkit-backface-visibility: hidden;
}
.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1.0;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: .9;
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: .0;
}
/*
 * Scroll To Top Element
 *-----------------------*/
.scroll-to-top {
  -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;
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
  display: block;
  position: fixed;
  right: 10px;
  bottom: 10px;
  opacity: .0;
  width: 32px;
  height: 32px;
  z-index: 1001;
  cursor: pointer;
  color: #fff;
  text-align: center;
  line-height: 34px;
  background: #d8271d;
}
.scroll-to-top .icon {
  font-size: 18px;
}
.scroll-to-top.in {
  opacity: .7;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-animation: 0.3s animationZoomIn;
  -o-animation: 0.3s animationZoomIn;
  animation: 0.3s animationZoomIn;
}
.scroll-to-top:hover {
  opacity: 1.0;
}
/*
 * Mask
 *------*/
.mask {
  position: relative;
  z-index: 1;
}
.mask::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #F3F3F3;
}
.mask.mask-dark::after {
  background: #323b46 !important;
}
.mask.mask-black::after {
  opacity: .35;
  background: #000 !important;
}
/*
 * Form Validation
 *-----------------*/
label.error {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 7px;
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  background: #e03126;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-animation: 0.3s labelError;
  -o-animation: 0.3s labelError;
  animation: 0.3s labelError;
}
/*
 * Gallery Item
 *--------------*/
.gallery-image {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
}
.gallery-image img {
  -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;
  max-width: 100%;
}
.gallery-image::before {
  -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;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .0;
  background: rgba(0, 0, 0, 0.8);
}
/*.gallery-image::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -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;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  width: 64px;
  height: 64px;
  color: #fff;
  font-size: 24px;
  line-height: 66px;
  text-align: center;
  opacity: 0;
  font-family: 'FontAwesome', sans-serif;
}*/
.gallery-image-after {    
  -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;  
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin: auto;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 24px;
  line-height: 66px;
  text-align: center;
  opacity: 0;
  font-family: 'FontAwesome', sans-serif;
  text-align:center;
  padding:60px 40px;
}
.gallery-image:hover::before {
  opacity: .7;
}
.gallery-image-after:hover {
  opacity: 1.0;
  background: url(../images/service_bg_selected.png);
}
/*.gallery-image:hover::after {
  opacity: 1.0;
}*/
/*
 * Carousel
 *----------*/
.img-carousel .owl-buttons {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.img-carousel .owl-buttons div {
  -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-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
  width: 50px;
  height: 50px;
  color: #fff;
  line-height: 44px;
  font-size: 24px !important;
  background: rgba(0, 0, 0, 0.7) !important;
}
.img-carousel .owl-pagination .owl-page span {
  width: 10px;
  height: 10px;
  background: #d8271d;
}
/*
 * OWL.Carousel fadeUp
 *---------------------*/
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom 1.2s ease both;
  -o-animation: scaleUpFrom 1.2s ease both;
  animation: scaleUpFrom 1.2s ease both;
}
.owl-fadeUp-out {
  -webkit-animation: scaleUpTo 1.2s ease both;
  -o-animation: scaleUpTo 1.2s ease both;
  animation: scaleUpTo 1.2s ease both;
}
/*
 * Social Inline
 *---------------*/
.social-inline {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.social-inline li {
  display: inline-block;
}
.social-inline li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  margin: 0 5px 5px 0;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-size: 16px;
  color: #d8271d;
  border: solid 1px #d8271d;
}
.social-inline li a:hover {
  text-decoration: none;
  color: #fff;
  background: #d8271d;
}
/*
 * Social Share
 *--------------*/
.social-share {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
  display: table;
  width: 100%;
}
.social-share li {
  display: table-cell;
  text-align: center;
}
.social-share li a {
  display: block;
  line-height: 32px;
  padding: 0 5px;
  color: #757575;
  border: solid 1px #c5c5c5;
  border-right-width: 0;
}
.social-share li a:hover {
  color: #fff;
  background: #d8271d;
  border-color: #d8271d;
}
.social-share li:last-child a {
  border-right-width: 1px;
}
/*
 * List
 *------*/
.list {
  list-style: none;
  margin: 1px 0 20px 1px;
  padding: 0 10px;
  overflow: hidden;
}
.list li {
  padding: 0 0 5px 10px;
}
.list li::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -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: block;
  content: '';
  position: absolute;
  left: 15px;
  color: #d8271d;
  font-family: 'FontAwesome', sans-serif;
}
.list-inline {
  margin-left: 0 !important;
}
/*
 * Tags
 *------*/
.tags .tag {
  -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-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  padding: 1px 7px;
  margin: 0 5px 5px 0;
  color: #757575;
  border: solid 1px #c5c5c5;
}
.tags .tag:hover {
  color: #fff;
  text-decoration: none;
  background: #d8271d;
  border: solid 1px #d8271d;
}
/*
 * Preloader
 *-----------*/
#preloader {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.loaded #preloader {
  background: rgba(255, 255, 255, 0.3);
}
.loader::before {
  position: absolute;
  content: '';
}
.loader,
.loader::before {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 96px;
  height: 96px;
  border: solid 2px transparent;
}
.loader {
  border-top-color: #89b7f3;
  -webkit-animation: loaderAnimation 1s ease-in-out infinite;
  -o-animation: loaderAnimation 1s ease-in-out infinite;
  animation: loaderAnimation 1s ease-in-out infinite;
}
.loader::before {
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  border-top-color: #f5817f;
  -webkit-animation: loaderAnimation 1.4s ease-in infinite;
  -o-animation: loaderAnimation 1.4s ease-in infinite;
  animation: loaderAnimation 1.4s ease-in infinite;
}
@keyframes loaderAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loaderAnimation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*--------------------------------------------------------------------------------------------------------------------
 * Information Columns
 *--------------------------------------------------------------------------------------------------------------------*/
.col {
  margin-bottom: 20px;
  text-align: center;
}
.col .icon {
  display: block;
  margin-bottom: 20px;
  font-size: 32px;
  text-align: center;
  color: #d8271d;
}
.col .icon + .title.shadow {
  margin-top: 20px;
}
.col .title {
  margin-top: 20px;
}
.col .title.shadow {
  text-shadow: 20px -10px 0 rgba(0, 0, 0, 0.2);
}
.col .description {
  margin-bottom: 0;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Header
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * General
 *---------*/
.header {
  height: 100%;
}
.header .slider {
  height: auto;
}
.header .slider .owl-controls .owl-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
.header .slider .owl-controls .owl-pagination .owl-page span {
  -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;
  width: 20px;
  height: 10px;
  background: transparent;
  border: solid 1px #fff;
}
.header .slider .owl-controls .owl-pagination .owl-page.active span {
  background: #fff;
}
.header .subtitle {
  color: #f0f0f0;
  margin-bottom: 20px;
}
.header.header-inner {
  height: auto !important;
}
/*
 * Navigation
 *------------*/
.navbar {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -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;
  z-index: 10;
  width: 100%;
  min-height: 1px;
  margin-bottom: 0;
  border: none;
  background: #fff;
}
.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;
  color: #333;
  font-size: 24px;
  line-height: 59px;
  vertical-align: middle;
  font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.navbar .brand .big {
  display: inline-block;
}
.navbar .brand .small {
  display: none;
}
.navbar .nav li a {
  color: #333;
  text-shadow: none;
  padding-top: 20px;
  padding-bottom: 20px;
  -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;
    font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.navbar .nav li:last-child a{
  padding-right: 0;
}
.navbar .nav li a:hover,
.navbar .nav li a.hover,
.navbar .nav li a:focus,
.navbar .nav li a.focus {
  color: #ff4e3b;
  background: transparent;
}
.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-width: 0;
  margin-top: 0;
  left: 0;
  right: auto;
}
.navbar .nav li.dropdown .dropdown-menu a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #b9b9b9;
  border-left: solid 1px transparent;
}
.navbar .nav li.dropdown .dropdown-menu a:hover {
  color: #fff;
  padding-left: 25px;
  padding-right: 15px;
  border-left: solid 1px #d8271d;
}
.navbar .nav li.dropdown .dropdown-menu::before {
  display: block;
  content: '';
  position: absolute;
  top: -5px;
  left: 20px;
  right: 0;
  z-index: -1;
  width: 10px;
  height: 10px;
  background: #313131;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navbar .nav li.active a {
  color: #d8271d;  
  background: transparent;
}
.navbar .navbar-collapse.in .nav li.dropdown .dropdown-menu::before {
  display: none;
}
.navbar .navbar-collapse.in .nav li a {
  color: #fff;
}
.navbar .navbar-collapse.in .nav li.active a {
  color: #d8271d;
  background: transparent;
}
.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 #fff;
}
.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: #fff;
}
.navbar .h-top{
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9;
  overflow: hidden;
}
.navbar .h-top .w1200{
  width: 1160px;
  margin: 0 auto;
}
.navbar .h-top-left{
  float: left;
  color: #b1b4b8;
}
.navbar .h-top-left-tel{
  background: url(../images/tel.png) no-repeat left;
  padding-left: 20px;
  font: 600 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.navbar .h-top-left-email{
  margin-left: 10px;
  background: url(../images/email.png) no-repeat left;
  padding-left: 20px;
  font: 600 13px / 19px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.navbar .h-top-right{
  float: right;
}
.navbar .h-top-right a{
  padding: 6px 13px;
  margin: 0 3px;
}
.navbar .h-top-right a.fb{
  background: url(../images/fb.png) no-repeat center;
}
.navbar .h-top-right a.fb:hover{
  background: url(../images/fb-h.png) no-repeat center;
}
.navbar .h-top-right a.tw{
  background: url(../images/tw.png) no-repeat center;
}
.navbar .h-top-right a.tw:hover{
  background: url(../images/tw-h.png) no-repeat center;
}
.navbar .h-top-right a.wb{
  background: url(../images/wb.png) no-repeat center;
}
.navbar .h-top-right a.wb:hover{
  background: url(../images/wb-h.png) no-repeat center;
}
.navbar .h-top-right a.ytb{
  background: url(../images/ytb.png) no-repeat center;
}
.navbar .h-top-right a.ytb:hover{
  background: url(../images/ytb-h.png) no-repeat center;
}
.navbar .h-nav{
  padding: 20px 0 10px;
}
.navbar.affix-top {
/*  position: fixed;*/
  background: transparent;
  box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);
}
.navbar.affix-top .navbar-collapse.in {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(0, 0, 0, 0.3);
}
.navbar.affix-top .nav a {
  color: #333;
    text-shadow: none;
    padding-top: 20px;
    padding-bottom: 20px;
    -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;
    font: normal bold 16px / 20px "Roboto", Helvetica, Arial, Verdana, sans-serif;
}
.navbar.affix-top .nav a:hover,
.navbar.affix-top .nav a.hover,
.navbar.affix-top .nav a:focus,
.navbar.affix-top .nav a.focus {
  color: #ff4e3b;
  background: transparent;
}
.navbar.affix {
  position: fixed;
  padding-top: 0;
  -webkit-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px 1px rgba(0,0,0,0.07);
  padding: 10px 0;
}
.navbar.affix .h-top{
  display: none;
}
.navbar.affix .h-nav{
  padding: 0;
}
.navbar.affix .navbar-toggle {
  margin-top: 10px;
}
/*
 * No-Mobile
 *-----------*/
.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;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Projects
 *--------------------------------------------------------------------------------------------------------------------*/
.project-col {
  margin: 0;
  padding: 0;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Services
 *--------------------------------------------------------------------------------------------------------------------*/
.service {
  margin-bottom: 100px;
}
.service .image {
  overflow: hidden;
  text-align: center;
}
.service .image img {
  max-width: 90%;
}
.service .description {
  text-align: justify;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Our Team
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * Carousel
 *----------*/
.team-member {
  margin: 20px 10px;
  text-align: center;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14);
  -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;
}
.team-member .image {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
.team-member .image img {
  width: 100%;
  max-width: 100%;
}
.team-member .image .social {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  opacity: .0;
  -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;
}
.team-member .image .social .list-inline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  display: block;
  width: 100%;
  text-align: center;
  -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-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -ms-transform: translateY(300%);
  -o-transform: translateY(300%);
  transform: translateY(300%);
}
.team-member .name {
  margin-bottom: 0;
}
.team-member .post {
  display: block;
  margin-bottom: 20px;
  color: #d8271d;
}
.team-member:hover {
  margin-top: 19px;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 20px rgba(0, 0, 0, 0.15);
}
.team-member:hover .image .social {
  opacity: 1.0;
}
.team-member:hover .image .social .list-inline {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/*
 * Skills
 *--------*/
.skills .title {
  font-weight: 500;
  margin-bottom: 10px;
}
.skills .title span {
  float: right;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Trigger: Join
 *--------------------------------------------------------------------------------------------------------------------*/
.form-join {
  overflow: hidden;
  margin-bottom: 20px;
}
.form-join .form-control {
  height: 50px;
  border-width: 0 1px 0 0;
  -webkit-border-radius: 20px 0 0 20px;
  -moz-border-radius: 20px 0 0 20px;
  border-radius: 20px 0 0 20px;
}
.form-join .form-input {
  position: relative;
  width: 37%;
  float: left;
}
.form-join .form-input + .form-input .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-join .form-submit {
  width: 26%;
  float: left;
}
.form-join .form-submit .btn {
  padding-top: 14px;
  padding-bottom: 14px;
  -webkit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Testimonials
 *--------------------------------------------------------------------------------------------------------------------*/
.testimonial {
  padding: 10px;
}
.testimonial .text {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
  -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: #f5f7f9;
}
.testimonial .text::before {
  display: block;
  content: '';
  position: absolute;
  bottom: -6px;
  left: 25px;
  width: 10px;
  height: 10px;
  z-index: -1;
  background: #f5f7f9;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.testimonial .image {
  width: 60px;
  height: 60px;
  margin-right: 20px;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.testimonial .image img {
  max-width: 100%;
}
.testimonial .author .company {
  display: block;
  margin-top: 5px;
  color: #d8271d;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Price
 *--------------------------------------------------------------------------------------------------------------------*/
.plan {
  margin-bottom: 20px;
  padding: 50px 10px;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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;
}
.plan .price {
  margin-bottom: 20px;
  font-size: 50px;
  color: #d8271d;
}
.plan .price span {
  font-size: 24px;
  vertical-align: middle;
}
.plan .features {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.plan .features li {
  padding: 2px 0;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.plan:hover {
  margin-top: -5px;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: How To Start
 *--------------------------------------------------------------------------------------------------------------------*/
.step {
  margin-bottom: 20px;
}
.step .number {
  display: block;
  margin: 0 20px 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
  -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;
  width: 64px;
  height: 64px;
  text-align: center;
  line-height: 64px;
  background: #f5f7f9;
}
.step .title {
  margin-bottom: 10px;
  color: #d8271d;
}
.step .description {
  margin-bottom: 0;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Clients
 *--------------------------------------------------------------------------------------------------------------------*/
.client {
  text-align: center;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Contact
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * Contact Information
 *--------------------*/
.contact {
  margin-bottom: 50px;
  color: #fff;
}
.contact .icon {
  display: block;
  margin: 2px;
  font-size: 32px;
  line-height: 32px;
  text-align: center;
}
.contact .info {
  color: #fff;
}
.contact .info span {
  display: block;
  margin-bottom: 5px;
  color: #aab6be;
  font-size: 13px;
  text-transform: lowercase;
}
/*
 * Contact Form
 *--------------*/
.contact-form .form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
  border-width: 0 0 1px 0 !important;
}
.contact-form textarea {
  -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;
  resize: vertical;
  min-height: 150px;
}
.contact-form textarea:focus {
  min-height: 250px;
}
/*
 * Contact Information List
 *--------------------------*/
.contact-information {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.contact-information li {
  padding: 10px 0;
  border-bottom: solid 1px #f5f7f9;
}
.contact-information li .icon {
  margin-right: 10px;
}
.contact-information li span {
  display: inline-block;
  width: 70px;
  font-weight: 500;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Footer
 *--------------------------------------------------------------------------------------------------------------------*/

.footer .signup-form {
  margin-bottom: 20px;
}
.footer .bottom-line {
  line-height: 50px;
  vertical-align: middle;
}
.footer .bottom-line .copyright {
  color: #aab6be;
  margin-bottom: 0;
  border-top: 1px solid rgba(255,255,255,0.12);
  padding: 6px 0;
}
.footer .bottom-line .copyright a:hover {
  color: #aab6be;
}
.footer .bottom-line .copyright .lg{
  float: right;
  line-height: 75px;
}
.footer .bottom-line .copyright .lg a{
  color: #aab6be;
  margin: 0 10px;
}
.footer .bottom-line .copyright .lg img{
    margin-right: 5px;
}
.footer .foot_main{
  width: 100%;
  padding: 50px 0 10px;
  overflow: hidden;
}
.footer .foot_main  .foot_main_about,
.footer .foot_main .foot_main_product,
.footer .foot_main .foot_main_add,
.footer .foot_main .foot_main_ewm{
  width: 25%;
  float: left;
}
.footer .foot_main .foot_main_about{
  padding: 0 5px;
}
.footer .foot_main .foot_main_about h2{
  color: #eee;
  font: normal 20px / 30px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
  margin-bottom: 10px;
}
.footer .foot_main .foot_main_about p{
     font: normal 15px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
    line-height: 27px;
        color: #8b8d94;
}
.footer .foot_main .foot_main_product{
    padding: 0 60px;
    line-height: 40px;
}
.footer .foot_main .foot_main_product a{
  background: url(../images/f-jt.png) left no-repeat;
  padding-left: 30px;
  display: block;
  color: #eee;
    font-size: 15px;
}
.footer .foot_main .foot_main_product a:hover{
  background: url(../images/f-jt-h.png) left no-repeat;
  color: #d8271d;
}
.footer .foot_main .foot_main_add{
    padding: 0 10px 0 45px;
}
.footer .foot_main .foot_main_add dl dt{
  color: #eee;
  margin-top: 10px;
  font-size: 15px;
  font: normal 15px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
.footer .foot_main .foot_main_add dl dt:first-child{
  margin-top: 0;
}
.footer .foot_main .foot_main_add dl dd{
  color: #8b8d94;
  line-height: 27px;
  font: normal 15px / 28px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
.footer .foot_main .foot_main_add .f-add{
  background: url(../images/f-add.png) left no-repeat;
  padding-left: 25px;
}
.footer .foot_main .foot_main_add .f-tel{
  background: url(../images/f-tel.png) left no-repeat;
  padding-left: 25px;
}
.footer .foot_main .foot_main_add .f-email{
  background: url(../images/f-email.png) left no-repeat;
  padding-left: 25px;
}
.footer .foot_main .foot_main_ewm{
  text-align: center;
  padding: 20px 25px 0;
}
.footer .foot_main .foot_main_ewm img{
  width: 130px;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Map
 *--------------------------------------------------------------------------------------------------------------------*/
#map-canvas {
  width: 100%;
  height: 350px;
  margin-top: 50px;
}
#map-canvas::after {
  display: block;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .0;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Section: Statistics
 *--------------------------------------------------------------------------------------------------------------------*/
.stat {
  text-align: center;
}
.stat * {
  -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;
}
.stat .icon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 96px;
  height: 96px;
  color: #fff;
  font-size: 32px;
  line-height: 96px;
  margin: 0 auto 20px;
  border: solid 1px #fff;
}
.stat .number {
  color: #ffed91;
}
.stat .title {
  color: #fff;
  margin-bottom: 0;
}
.stat:hover .icon {
  color: #ffed91;
  border-color: #ffed91;
}
.stat:hover .number {
  color: #fff;
}
.stat:hover .title {
  color: #ffed91;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Modal
 *--------------------------------------------------------------------------------------------------------------------*/
.modal {
  text-align: center;
  white-space: nowrap;
}
.modal .modal-dialog {
  display: inline-block;
  margin: 0;
  width: 500px;
  max-width: 98%;
  text-align: left;
  white-space: normal;
  vertical-align: middle;
}
.modal .modal-dialog .modal-content {
  -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-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 20px 20px 0;
  border: none;
  opacity: .0;
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
  text-transform: uppercase;
}
.modal .close {
  -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;
}
.modal::before {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.modal.fade.in .modal-content {
  opacity: 1.0;
}
.modal-result {
  margin-bottom: 20px;
}
.result-icon {
  position: relative;
  margin-bottom: 20px;
}
.result-icon .icon-border {
  position: relative;
  width: 128px;
  height: 128px;
  margin-left: auto;
  margin-right: auto;
}
.result-icon .icon-border .icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 48px;
  line-height: 128px;
  text-align: center;
  color: #d8271d;
}
.result-icon .icon-border svg {
  z-index: 1;
  width: 100%;
  height: 100%;
}
.result-icon .icon-border svg circle {
  fill: none;
  stroke: #d8271d;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 39 39;
  stroke-dashoffset: -39;
  -webkit-transition: stroke-dashoffset 0.5s;
  -moz-transition: stroke-dashoffset 0.5s;
  -ms-transition: stroke-dashoffset 0.5s;
  -o-transition: stroke-dashoffset 0.5s;
  transition: stroke-dashoffset 0.5s;
}
.result-icon .icon-border::after {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: solid 3px #f5f7f9;
}
.in .icon-border .icon {
  -webkit-animation: 0.5s bounceIn;
  -o-animation: 0.5s bounceIn;
  animation: 0.5s bounceIn;
}
.in .icon-border svg circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.5s linear 0.5s;
  -moz-transition: stroke-dashoffset 0.5s linear 0.5s;
  -ms-transition: stroke-dashoffset 0.5s linear 0.5s;
  -o-transition: stroke-dashoffset 0.5s linear 0.5s;
  transition: stroke-dashoffset 0.5s linear 0.5s;
}
/*--------------------------------------------------------------------------------------------------------------------
 * 404 Page
 *--------------------------------------------------------------------------------------------------------------------*/
.page-404 h1 {
  color: #323b46;
  font-size: 80px;
  font-weight: 600;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Inner Pages
 *--------------------------------------------------------------------------------------------------------------------*/
.section-page-header {
  margin-bottom: 50px;
  padding: 30px 0;
  background: #f5f7f9;
  border-top: solid 1px #eaeaea;
  border-bottom: solid 1px #eaeaea;
}
.section-page-header .title {
  color: #555;
  font-size: 22px;
  padding: 0;
  margin-bottom: 5px;
}
/*--------------------------------------------------------------------------------------------------------------------
 * About
 *--------------------------------------------------------------------------------------------------------------------*/
.single-user .name {
  margin-bottom: 5px;
}
.single-user .post {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #d8271d;
  font-size: 16px;
  border-bottom: solid 1px #f5f7f9;
}
.single-user .image {
  position: relative;
  margin-bottom: 20px;
  padding: 5px;
  border: solid 1px #f5f7f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.single-user .image img {
  max-width: 100%;
  width: 100%;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Blog
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * Post
 *------*/
.blog-post {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #f5f7f9;
}
.blog-post .image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 5px;
  border: solid 1px #f5f7f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.blog-post .image img {
  width: 100%;
  max-width: 100%;
}
.blog-post .image iframe {
  width: 100%;
  max-width: 100%;
  min-height: 350px;
  border: none;
}
.blog-post .date {
  margin-right: 5px;
  text-align: center;
  font-size: 18px;
  line-height: 40px;
  color: #d8271d;
  background: #f5f7f9;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.blog-post .date .month {
  display: block;
  padding: 3px 12px;
  color: #fff;
  line-height: 22px;
  font-size: 14px;
  border-top: solid 1px #fff;
  background: #d8271d;
}
.blog-post .title {
  color: #d8271d;
  margin-bottom: 20px;
}
.blog-post .meta {
  margin-bottom: 10px;
  display: inline-block;
}
.blog-post .meta li {
  padding-left: 0;
  line-height: 36px;
  vertical-align: middle;
}
.blog-post .meta li::after {
  display: inline-block;
  content: '';
  margin-left: 10px;
  margin-right: 0;
}
.blog-post .meta li:last-child::after {
  display: none;
}
.blog-post .read-more-button {
  float: right;
}
.blog-post .content {
  margin-bottom: 20px;
}
.blog-post .information {
  margin-top: 20px;
  line-height: 50px;
  vertical-align: middle;
}
.blog-post .information .tags,
.blog-post .information .social-inline,
.blog-post .information .social-share {
  line-height: 22px;
  vertical-align: middle;
  margin-bottom: 0 !important;
}
.blog-post .information .tags {
  padding-top: 4px;
}
.blog-post .information .social-inline {
  float: right;
}
/*
 * Widget
 *--------*/
.widget {
  margin-bottom: 30px;
}
.widget .title {
  margin-bottom: 20px;
  color: #d8271d;
  text-transform: uppercase;
}
/*
 * Widget: Menu
 *--------------*/
.sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar-menu li a {
  position: relative;
  -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;
  font-weight: normal;
  display: block;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #757575;
  border-bottom: solid 1px #f5f7f9;
}
.sidebar-menu li a:hover {
  color: #d8271d;
  padding-left: 20px;
}
.sidebar-menu li a::before {
  display: inline-block;
  content: '';
  position: absolute;
  top: 19px;
  left: 0;
  margin-right: 10px;
  width: 5px;
  height: 5px;
  border-top: solid 1px #996de9;
  border-right: solid 1px #996de9;
  -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-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.sidebar-menu li a:hover::before {
  background: #996de9;
  border-bottom: solid 1px #996de9;
  border-left: solid 1px #996de9;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
/*
 * Widget: Latest Posts
 *----------------------*/
.post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.post-list .post {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #f5f7f9;
}
.post-list .post .image {
  width: 60px;
  height: 60px;
  overflow: hidden;
}
.post-list .post .text {
  margin-bottom: 0;
}
.post-list li:last-child .post {
  border-bottom: none;
}
/*
 * Widget: Search
 *----------------*/
/*
 * Widget: Advert
 *----------------*/
.advert {
  width: 100%;
  height: 250px;
  min-height: 250px;
}
/*
 * Widget: Tags
 *--------------*/
/*
 * Widget: Recent Comments
 *-------------------------*/
.recent-comments {
  list-style: none;
  margin: 0;
  padding: 0;
}
.recent-comments li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #f5f7f9;
}
/*
 * Widget: Comments
 *------------------*/
.comments {
  position: relative;
  list-style: none;
  margin: 20px 0;
  padding: 0;
}
.comments .image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 5px;
  border: solid 1px #f5f7f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.comments .image img {
  max-width: 60px;
}
.comments .author {
  margin-bottom: 0;
}
.comments .date {
  display: block;
  margin-bottom: 10px;
}
.comments .text {
  margin-bottom: 10px;
}
.comments li {
  margin-bottom: 20px;
  text-align: justify;
}
.comments ul {
  padding-left: 70px;
}
.send-comment textarea {
  min-height: 150px;
  resize: vertical;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Projects
 *--------------------------------------------------------------------------------------------------------------------*/
/*
 * Projects List
 *---------------*/
.projects-list {
  margin-bottom: 20px;
  overflow: hidden;
}
/*
 * Project Item
 *--------------*/
.project {
  margin-bottom: 20px;
}
.project .project-image-wrapper {
  position: relative;
  margin-bottom: 20px;
  padding: 5px;
  border: solid 1px #f5f7f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.project .project-image {
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
}
.project .project-image img {
  -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;
  width: 100%;
  max-width: 100%;
}
.project .project-image .information {
  position: absolute;
  z-index: 3;
  bottom: 10px;
  left: 0;
}
.project .project-image .information .title {
  -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;
  margin-left: -5px;
  margin-bottom: 5px;
  padding: 10px;
  color: #fff;
  font-size: 15px;
  background: rgba(0, 0, 0, 0.7);
}
.project .project-image .information .category {
  -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: block;
  margin: -5px 10px 10px 15px;
  color: #ffed91;
  -webkit-transform: translateY(300%);
  -moz-transform: translateY(300%);
  -ms-transform: translateY(300%);
  -o-transform: translateY(300%);
  transform: translateY(300%);
}
.project .project-image .information .category::before {
  display: inline-block;
  content: '@ ';
}
.project .project-image::before {
  -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;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}
.project .project-image::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -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-transform: translateX(200%) translateY(200%);
  -moz-transform: translateX(200%) translateY(200%);
  -ms-transform: translateX(200%) translateY(200%);
  -o-transform: translateX(200%) translateY(200%);
  transform: translateX(200%) translateY(200%);
  display: block;
  content: '';
  position: absolute;
  bottom: -48px;
  right: -48px;
  background: #d8271d;
  z-index: 2;
  width: 96px;
  height: 96px;
  color: #fff;
  font-size: 18px;
  padding: 18px 0 0 21px;
  opacity: 0;
  font-family: 'ElegantIcons', sans-serif;
}
.project .project-image:hover::before {
  background: rgba(0, 0, 0, 0.6);
}
.project .project-image:hover::after {
  opacity: 1.0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.project .project-image:hover .information .title {
  background: #000000;
}
.project .project-image:hover .information .category {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}
.project.project-small .project-image .information .title {
  -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;
  opacity: 0;
  background: transparent !important;
}
.project.project-small .project-image:hover .title {
  opacity: 1.0;
  background: transparent !important;
}
/*
 * Single Project
 *----------------*/
.single-project .image {
  position: relative;
  margin-bottom: 20px;
  padding: 5px;
  border: solid 1px #f5f7f9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -ms-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.single-project .image img {
  max-width: 100%;
  width: 100%;
}
.single-project .title {
  font-size: 18px;
}
.single-project p {
  text-align: justify;
}
.single-project .details {
  list-style: none;
  margin: 0 0 20px;
  padding: 0;
}
.single-project .details li {
  padding: 5px 0;
  border-bottom: solid 1px #f5f7f9;
}
.single-project .details li span {
  display: inline-block;
  width: 50px;
  font-weight: 500;
}
/*--------------------------------------------------------------------------------------------------------------------
 * Animations
 *--------------------------------------------------------------------------------------------------------------------*/
/* Label Error Animation */
@-moz-keyframes labelError {
  from {
    opacity: .0;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  to {
    opacity: 1.0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
@keyframes labelError {
  from {
    opacity: .0;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    transform: translateY(-200%);
  }
  to {
    opacity: 1.0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
  }
}
/* SubMenu Animation */
@-moz-keyframes animationSubMenu {
  from {
    opacity: 0;
    -webkit-transform: translateY(10%) scale(0.8);
    -moz-transform: translateY(10%) scale(0.8);
    -ms-transform: translateY(10%) scale(0.8);
    -o-transform: translateY(10%) scale(0.8);
    transform: translateY(10%) scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}
@keyframes animationSubMenu {
  from {
    opacity: 0;
    -webkit-transform: translateY(10%) scale(0.8);
    -moz-transform: translateY(10%) scale(0.8);
    -ms-transform: translateY(10%) scale(0.8);
    -o-transform: translateY(10%) scale(0.8);
    transform: translateY(10%) scale(0.8);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    -moz-transform: translateY(0) scale(1);
    -ms-transform: translateY(0) scale(1);
    -o-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1);
  }
}
/*--------------------------------------------------------------------------------------------------------------------
 * Responsive
 *--------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 991px) {
  .brand .big {
    display: none !important;
  }
  .brand .small {
    display: inline-block !important;
  }
  .breadcrumb {
    float: none;
    text-align: left !important;
    padding-left: 0 !important;
  }
  .bottom-line {
    line-height: inherit !important;
    text-align: center !important;
  }
  .bottom-line .links {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .xs-text-left {
    text-align: left !important;
  }
  .form-join .form-input,
  .form-join .form-submit {
    width: 100%;
  }
  .form-join .form-control {
    border-width: 0 0 1px 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
  }
  .form-join .form-input + .form-input .form-control {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
  }
  .form-join .form-submit .btn {
    display: block;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }
  .blog-post .information {
    text-align: center;
  }
  .blog-post .social-inline {
    margin-top: 20px;
    float: none !important;
  }
  .stat {
    margin-bottom: 20px;
  }
}