/*
	Crystal Template 
*/

body
  {
    background: #FFFFFF;
    color: #555555;
    font-family: 'Open Sans', sans-serif;
	line-height: 24px;
    position: relative;
    margin:0;
  }
  
.blue {
	color: #06C;
}

.green {
	color: #090;
}

.orange {
	color: #C60;
}

.white {
	color: #FFF;
}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* start home */
h1 { margin: 0; }
#home { padding-top:0px; }
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  padding: 0;
  position: relative;
  zoom: 1;
  background-color:#000;
  overflow: hidden;
  margin: 0;
}
.flexslider .slides {
  padding: 0;
  zoom: 1;
}
.flexslider .slides img {
  width: 100%;
  margin-top:-1px;
  min-width: 648px;
  min-height: 270px;
  vertical-align: middle;
  border: 0;
}
.flexslider .slides > li {
  width:100%; 
  margin-top:-1px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  -webkit-backface-visibility: hidden;
}
.flexslider img {
  position: relative;
  width: 100%;
}
.slider-video {
   color: white;
    margin: 0;
    position: absolute;
    top:9%;
    left:26%;
    text-transform: uppercase;
    z-index: 7;
    width:47%;
    height:56%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.slider-caption {
  color:white;
  margin-top:-1px;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  text-transform: uppercase;
  z-index: 7;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider-caption-form {
  color:white;
  margin: 0;
  position: absolute;
  top:30%;
  left:20%;
  text-transform: uppercase;
  z-index: 7;
  width: 33%;
  height:58%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
    }




#home h1,
#home h2
  {
    font-weight: bold;
  }
#home h2
  {
    padding: 10px 0 10px 0;
  }
#home .btn
  {
    background: #66AF33;
    border-radius: 0;
    border: 2px solid transparent;
    color: #FFFFFF;
    font-weight: bold;
    margin: 40px 0 0 0;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    height: 50px;
    width: 250px;
    padding: 12px 10px 10px 10px;
  }
#home .btn:hover
  {
    background: #FFFFFF;
    color: #66AF33;
  }
#home p
  {
    letter-spacing: 1px;
  }

button, input, select, textarea {
    width:650px;
    height:72px;
    font-family: inherit;
    line-height: inherit;
}
/* end home */


.form-control {
    display: block;
    width: 100%;
    height: 76px;
    padding: 6px 12px;
    font-size: 30px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        cursor: not-allowed;
        background-color: #eee;
        opacity: 1;
    }

textarea.form-control {
    height: auto;
}

input[type=search] {
    -webkit-appearance: none;
}

.container {width:70%; padding-right:15px;padding-left:15px;margin-left:auto}

.container-fluid {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.row {
    margin-right: -15px;
    margin-left: -15px;
}
form {
    display: block;
    margin-top: 0em;
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
        line-height: 34px;
    }

        .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
            line-height: 30px;
        }

        .input-group-lg input[type=date], .input-group-lg input[type=time], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg {
            line-height: 46px;
        }
}
.col-md-1{
    width:100%;
    top: 15%;
    left:0%;
    float: left;
    position:absolute;
}
.col-md-2{
    width:100%;
    top: 35%;
    left: 0%;
    float: left;
    position:absolute;
}
.col-md-3{
    width:100%;
    top: 55%;
    left: 0%;
    float: left;
    position:absolute;
}
.col-md-4{
    width:100%;
    top: 75%;
    left: 0%;
    float: left;
    position:absolute;
}
















/* start social icon */
.social_icon
  {
    padding: 0;
  }
.social_icon li
  {
    display: inline-block;
    position: relative;
    text-align: -webkit-match-parent;
  }
ul 
  {
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: disc;
  }
.social_icon li a
  {
    background: #303030;
    border-radius: 50%;
    cursor: pointer;
    color: #FFFFFF;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
.social_icon li a:hover
  {
    background: #66AF33;
    color: #FFFFFF;
  }
  footer .social_icon {
    margin-top: 10px;
  }
/* end social icon */

/* start service */
#service
  {
    min-height: 300px;
    padding: 80px 0 60px 0;
  }
#service h3
  {
    color: #333;
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
#service .media
  {
    padding: 40px 0 10px 0;
  }
#service .media .fa
  {
    background: #66AF33;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 10px 0 0;
    padding-right: 0;
  }
#service .media .media-heading
  {
    color: #66AF33;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
#service
  {
    font-weight: 400;
  }
/* end service */

/* start contact */
 h3
  {
    font-weight: bold;
    letter-spacing: 1px !important;
    padding-bottom: 30px;
  }
 p
  {
    font-weight: 400;
    padding: 0 0 40px 0;
  }
 .form-control
  {
    background: #ccc;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: #000;
    margin: 10px 0 10px 0;
    opacity: 0.9;
  }
 .form-control::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
 .form-control:-ms-input-placeholder {
  color: #FFFFFF;
}
 .form-control::-webkit-input-placeholder {
  color: #FFFFFF;
}
 input
  {
    height: 50px;
  }
 textarea
  {
    height: 120px;
  }
 input[type="submit"]
  {
    background:#f10a0a;
    border: none;
    color: #FFFFFF;
    font-size:36px;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;

  }
 input[type="submit"]:focus,
 input[type="submit"]:hover
  {
    background: #FFFFFF;
    border-color: transparent;
    color: #f10a0a;
  }
#map-canvas
  {
    border: none;
    width: 100%;
    height: 400px;
    margin: 0 0 40px 0;
  }
/* end contact */

@media only screen and (max-width: 70%;) {
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
}

/* start 768 media quires */
@media only screen and ( max-width: 768px ) {
  .navbar-header {
    padding-left: 15px;
  }
  h1 { font-size: 26px; }
  h2 { font-size: 18px; }
  #home .btn { 
    margin-top: 10px; 
    width: 180px;
    height: 40px;
    padding-top: 8px;
  }
  #about { padding-top: 65px; }
  #team .team_thumb .team_overlay
  {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
}
/* end 768 media quires */

@media only screen and (max-width: 640px) {
  h1 { font-size: 20px; }
  h2 { font-size: 14px; }
  #home .btn {
    width: auto;
    height: auto;
    padding: 10px 20px;
    margin-top: 10px; 
  }
}

/* start 360 media quires */
@media only screen and ( max-width: 360px ) {
  #team .team_thumb .team_overlay
  {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    line-height: 220px;
    top: 0;
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
  }
}
/* end 360 media quires */


/*
原招商加盟
网页样式
*/

a{color:#333;text-decoration:none;}
a:hover{color:#f60;text-decoration:underline;}
a:hover em,a:hover i,a:hover span{cursor:pointer;}
.cf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cf{*zoom:1;}


.hrdheadnav dt{ float:right;margin-right: 27px;margin-top: 5px;}
.dtspan1{ color:#ffffff; font-size:15px;}
.dtspan2{ color:red; font-size:20px;}

/*head*/

.hrdhead{ width:100%; height:auto; background:#1b1b1b; }
.hrdheader{width:1220px; height:100px; margin:auto; width:expression(document.body.clientWidth <= 1220? "70%": "auto"); min-width:70%; }
.hrdheadlogo{ float:left; border:none;    display: flex;
    height: 100%;
    align-items: center;}
.hrdheadnav{ float:right; border:none;right:20%; position:absolute;}
.hrdheadnav ul{ margin-top:45px;}
.hrdheadnav ul li{ width:120px; text-align:center; float:left; list-style:none;}
.hrdheadnav ul li a{ color:#FFFFFF; font-size:16px; font-family:Microsoft YaHei, SimHei, Times, serif;}
.hrdheadnav ul li a:hover{ color:#F00;}

/*footer*/
.foot{font-size:12px;position:relative;z-index:98;background-color:#f8f8f8;color:#999;text-align: center;}
.footer {font-size:12px;position:relative;z-index:98;background-color:#333;padding-top:12px;padding-bottom:12px;color:#878787;text-align: center;}
.footer a {color:#878787}
.footer .menus {margin-bottom:5px}
.footer .menus a {line-height:12px;display:inline-block;padding-right:12px;margin-right:12px;border-right:1px dotted #878787}
.footer .menus a:last-child {border-right:0}
.footer .menus a:hover {color:#d9d9d9}
@media (max-width:767px) {
.footer .menus {margin-bottom:10px}
.footer .menus a {display:block;width:50%;padding:10px;margin:0;border-right:1px solid #333 !important;border-bottom:2px solid #272727;background-color:#525252;color:#878787;font-size:12px;text-align:center;float:left}
.footer .menus a:active {background-color:#009e96}
}
.footer-nav {position:relative;z-index:97;overflow:hidden;padding-bottom:15px;background-color:#454545}
.footer-nav .col-lg-10, .footer-nav .col-xs-2 {padding:0}
.footer-nav .link {color:#fff;display:block;margin-right:30px;margin-top:12px;line-height:30px}
.footer-nav .footer-menus {margin:0}
.footer-nav .footer-menus a {display:block;color:#fff;width:70px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.footer-nav .footer-menus-head {line-height:70px;position:relative}
.footer-nav .footer-menus-head .glyphicon {position:absolute;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;cursor:pointer;right:15px;top:50%;margin-top:-3px;
color:#fff}
.footer-nav .footer-menus-head .glyphicon-on {-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}

.footer-nav dl{padding:0 2%;float:left; margin-top:15px; margin-left:0px; height:130px;border-right:1px solid #171717;margin-bottom: 0;}
.footer-nav dl dt{ font-size:16px; color:#fff; line-height:42px;}
.footer-nav dl dd{ line-height:26px;margin-left:0;}
.footer-nav dl dd a{ font-size:14px; color:#fff; line-height:26px;}

.footer-nav .hotline{ margin-left:25px; padding-top:39px; font-size:12px; color:#fff; line-height:20px;float: left;}
.footer-nav .hotline p{ padding:15px 0; font-size:30px;}
@media (max-width:70%) {
.footer-nav dl{ margin-left:0px;padding:0 4%;}
.footer-nav .hotline{ margin-left:20px;}
.footer-nav .hotline p{ padding:10px 0; font-size:20px;}	
}
@media (max-width:991px) {
.footer-nav dl{ margin-left:0px;padding:0 2%;}
.footer-nav .hotline{ margin-left:20px;}
.footer-nav .hotline p{ padding:10px 0; font-size:20px;}
}

.footer-nav .footer-menus-child {display:none;padding-top:15px;padding-bottom:15px;border-top:1px solid #585858}
.footer-nav .footer-menus-child a {color:#9b9b9b;font-size:13px;line-height:26px}
.footer-nav .footer-menus-child a:hover {color:#fff}
.footer-nav .footer-ots {margin:0;padding-top:15px;border-top:1px solid #585858}
.footer-nav .footer-erweima {text-align:right}
.footer-nav .footer-erweima img {margin-left:6px;margin-right:6px;border:4px solid #707070}
.footer-nav .footer-links {margin-top:12px;height:40px;width:880px;border-right:1px solid #585858}
.footer-nav .footer-links .items {display:block;height:40px;width:90%;margin-left:auto;margin-right:auto;position:relative}
.footer-nav .footer-links .items img {filter:saturate(0);-webkit-filter:saturate(0);-moz-filter:saturate(0);-o-filter:saturate(0);-mz-filter:saturate(0);
transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;max-width:80%}
.footer-nav .footer-links .items:hover img {filter:saturate(1);-webkit-filter:saturate(1);-moz-filter:saturate(1);-o-filter:saturate(1);-mz-filter:saturate(1)}
@media (max-width:70%) {
.footer-nav .footer-links {width:580px}
}
@media (max-width:991px) {
.footer-nav .footer-links {width:450px}
}
.footer-link {position:relative;float:right;line-height:30px;transition:All .2s ease-in-out;-webkit-transition:All .2s ease-in-out;-moz-transition:All .2s ease-in-out;-o-transition:All .2s ease-in-out;margin-top:5px;color:#fff;cursor:pointer;width:265px;height:30px;border:1px solid #666; background:#666;padding:0 12px}
.footer-link .glyphicon { width:9px; height:7px;display: inline-block;}
.footer-link .arrow {position:absolute;text-align:center;line-height:20px;top:50%;margin-top:-10px;height:20px;width:26px;right:0;border-left:1px solid #6e6e6e}
.footer-link ul {width:265px;display:none;color:#878787;left:-1px;bottom:28px;background-color:#000;background-color:rgba(0, 0, 0, 0.8);border:1px solid #6e6e6e;position:absolute}
.footer-link ul li {line-height:30px;/*padding:0 10px;*/border-top:1px solid #6e6e6e; float:left; width:100%;}
.footer-link ul li a{ width:100%; height:100%; float:left;}
.footer-link ul li a:hover {background-color:rgba(255, 255, 255, 0.5);color:#333}

@media (max-width:991px) {
.footer-link {float:none;margin-top:10px}
}
.footer-link-on {background-color:#6e6e6e;color:#333}
.footer-link-on .arrow {border-color:#333}
.footer-link-on .glyphicon {-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}


/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}