html, body {
    background: #ffffff;
    width: 100%;
    height: 100%;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    color: #333333;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.428571428571429;
    overflow:-Scroll;overflow-x:hidden;
}

body {
    overflow-x: hidden;
}

h1 {font-weight: 800;-webkit-font-smoothing: antialiased;margin-top: 10px;margin-bottom: 10px;
}

h2 {font-size: 36px;font-weight: 800;-webkit-font-smoothing: antialiased;text-transform: uppercase;
}

h3 {font-size: 18px;font-weight: 100;line-height: 18px;-webkit-font-smoothing: antialiased;margin-top: 10px;margin-bottom: 10px;
}

h4 {font-size: 18px;font-weight: 800;-webkit-font-smoothing: antialiased;
}

h5 {font-size: 14px;font-weight: 600;-webkit-font-smoothing: antialiased;
}

h6 {font-size: 12px;-webkit-font-smoothing: antialiased;
}

p {font-size: 14px;font-weight: normal;-webkit-font-smoothing: antialiased;
}

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

li, ul {list-style: none;padding: 0;
}
#features .center {text-align: center;vertical-align: middle;
}
.center {text-align: center;vertical-align: middle;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

/*
.add-bottom {
	padding-bottom: 30px;
}

.add-top {
	padding-top: 30px;
}
*/

#features .divider, #team .divider, #benefits .divider, #testimonials .divider,
#downloads .divider, #contact .divider, #about .divider {background: url(../images/divider.png) center top no-repeat;height: 5px;margin-top: 5px;
}

.highlight {
    color: #00B4A6;
}

/*--------------------------
---------- BUTTON ----------
--------------------------*/
.btn {border: none;font-family: inherit;font-size: inherit;color: inherit;background: none;cursor: pointer;padding: 25px 80px;display: inline-block;margin: 5px 5px;text-transform: uppercase;letter-spacing: 1px;font-weight: 300;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}

.btn:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn:before, .fa-plus:after, .fa-download:before {font-family: 'FontAwesome';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: relative;-webkit-font-smoothing: antialiased;
}

/* Learn Button */
.btn-learn {background: #666666;color: #fff;
}

.btn-learn:hover {background: #818181;color: #f3f3f3;
}

.btn-learn:active {background: #818181;top: 2px;
}

.btn-learn:before {position: absolute;height: 100%;left: 0;top: 0;line-height: 3;font-size: 140%;width: 60px;
}

.btn-learna {padding: 20px 40px 20px 90px;
}

.btn-learna:before {background: rgba(0, 0, 0, 0.05);
}

/* Download Button */
.btn-download {background: #209196;color: #fff;
}

.btn-download:hover {background: #03a4aa;color: #f3f3f3;
}

.btn-download:active {background: #03a4aa;top: 2px;
}

.btn-download:before {position: absolute;height: 100%;left: 0;top: 0;line-height: 3;font-size: 140%;width: 60px;
}

.btn-downloada {padding: 20px 40px 20px 100px;
}

.btn-downloada:before {background: rgba(0, 0, 0, 0.05);
}

/*--------------------------
--------- PRELOADER --------
--------------------------*/
#preloader {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 1001;
}

#status {width:100%;height:400px;position:absolute;left:0%;top:15%;background-image:url(../images/logo_03.png);background-repeat:no-repeat;background-position:center;
}

/*--------------------------
-------- NAVIGATION --------
--------------------------*/
#navigation {position: fixed;width: 100%;background: rgba(0,0,0,0.5);background-repeat: repeat;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);z-index: 1000;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;padding-top: 1.1%;height: 100px;max-height: 100px;
}

.not-visible-nav {
    top: -77px;
}

.menu-position {width: 100%;padding-left: 5%;
}

.nav-logo {float: left;position: relative;top: 0%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);margin-right: 10%;
}

.nav-logo a.logo {
    display: block;
}

.nav-logo a.logo img {height: auto;max-height: 70px;-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;margin-top: 70px;
}
#navigation .mini-nav-button {display: none;width: 40px;height: 40px;text-align: center;font-size: 20px;font-weight: 600;position: absolute;z-index: 1000;right: 15px;top: 50%;cursor: pointer;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-webkit-font-smoothing: antialiased;
}
.nav-fa {
    color: #209196;
}
.nav-menu {height: 100%;text-align: center;
}

.nav-menu ul.nav {height: 100%;text-transform: uppercase;
}

.nav li {display: inline-block;height: 100%;text-transform: uppercase;
}

.nav li a {display: block;height: 100%;border-top: 2px solid transparent;border-bottom: 2px solid transparent;color: #ffffff;font-size: 12px;font-weight: 600;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-font-smoothing: antialiased;
}
.nav li a:hover {
    border-bottom: 2px solid #ffffff;
}

.nav li.active a {
    border-bottom: 2px solid #ffffff;
}


.nav li a:focus {background: rgba(0,0,0,0.5);border-bottom: 2px solid #ffffff;color: #ffffff;
}

.nav>li>a:hover, .nav>li>a:focus {text-decoration: none;background: rgba(0,0,0,0.5);
}
/*--------------------------
--------- HOMEPAGE ---------
--------------------------*/
#home {text-align: center;position: relative;
}

.banner {position: relative;text-align: center;color: #fff;height: auto;/*min-height: 710px;*/max-height: 2000px;
}


.banner .carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;background-attachment: fixed;
}

.banner .carousel-fade .carousel-inner .active {
    opacity: 1;
}

.banner .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right
{left: 0;opacity: 0;z-index: 1;
}

.banner .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right
{opacity: 1;
}

.banner .carousel-fade .carousel-control {z-index: 2;
}

.banner .carousel-caption {top: -65%;bottom: 0;left: 0;right: 0;
}



.banner .carousel-indicators {bottom: 14%;visibility: hidden;
}

.banner .carousel-indicators li {display: inline-block;width: 12px;height: 12px;margin: 3px;text-indent: -999px;cursor: pointer;background-color: #45e3f8;border: 5px solid #45e3f8;opacity: .3;border-radius: 10px;
}

.banner .carousel-indicators .active, .banner .carousel-indicators li:hover
{width: 14px;height: 14px;margin: 3px;background-color: #45e3f8;border: 5px solid #45e3f8;opacity: 1;
}

.carousel-caption {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

.carousel-control {z-index: 200;position: absolute;top: 0;left: 0;bottom: 0;width: 15%;opacity: .5;font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}

.content {color: #ffffff;text-align: center;
}

.content h1 {width: 100%;text-align: center;font-size: 4.5em;top: 0;left: auto;position: relative;
}

/*--------------------------
---------- ABOUT -----------
--------------------------*/
#about {width: 100%;height: auto;max-height: 2500px;background-size: cover;color: #888888;padding-top: 20px;padding-bottom: 80px;background: #f7f7f7
}

.about h2 {font-weight: 600;font-size: 3.5em;text-align: center;color: #888888;
}

.about h2 span {display: block;font-size: 40%;font-weight: 300;color: #888888;
}

#about .list {padding: 20px 10px;
}

#about .list:hover {background: #f3f3f3;cursor: pointer;clear: both;
}

#about .list:hover>h5, #about .list:hover>.f-icon {color: #209196;cursor: pointer;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

#about .list h5 {font-weight: 900;font-size: 1.2em;text-align: left;color: #c0c0c0;
}
.bg_border{ margin:-160px auto;height: 380px;width: 805px}
.in_position{position:relative;top:-100%;left: 0%;}
.flat-icons {display: inline-block;float: left;padding: 20px 10px;margin-top: 20px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;clear: left;
}
.bg_white{color: #FFFFFF;padding-top: 80px;font-size: 2.5em}
.font_color{color: #01f2c7}
.font_white{color: #FFFFFF;font-size: 2.5em;letter-spacing:35px;color: #01f2c7;padding-left: 48px}
#top_minus,#top_minus1,#top_minus2,#top_minus3{margin-top: -18px}
.font_2em{font-size: 1.7em}
.font_1em{font-size: 1em}
.margin_10{margin-top: 10px}
/*--------------------------
--------- FEATURES ---------
--------------------------*/
#features {padding-bottom: 0;width: 100%;height: auto;max-height: 2000px;z-index: 99;overflow: hidden;
}
.container{margin:0;margin-left: 0;margin-right: 0;}
.font_roted180{writing-mode:tb-rl;transform: rotate(180deg);font-size: 16px;font-weight: normal;position: relative;top: -100px;left:30%}
.features h2 {font-weight: 600;font-size: 3.5em;text-align: center;color: #d8d8d8;
}

.features h2 span {display: block;font-size: 40%;font-weight: 300;color: #c0c0c0;
}

#features .list {padding: 20px 10px;cursor: pointer;
}

#features .list:hover {background: rgba(255, 255, 255, 0.11);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-font-smoothing: antialiased;
}

#features .list:hover>h5 {color: #ffffff;cursor: pointer;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

/*--------------------------
--------- COUNTER ----------
--------------------------*/
#counter {width: 100%;height: auto;min-height: 120px;max-height: 500px;background-image: url(../images/gray.jpg);background-repeat: repeat;color: #ffffff;text-align: center;overflow: hidden;
}

/*--------------------------
----- CALL-TO-ACTION -------
--------------------------*/
#action {position: relative;width: 100%;height: auto;background: url(../images/first_15.jpg);max-height: 1500px;background-size: cover;color: #ffffff;overflow: hidden;
}

.content-action {font-size: 40px;font-weight: 600;-webkit-font-smoothing: antialiased;padding-top: 50px;text-align: center;color: #ffffff;
}

/*--------------------------
--------- THE TEAM ---------
--------------------------*/
#team {background: #FFFFFF;width: 100%;height: auto;min-height: 690px;max-height: 2500px;background-size: cover;color: #000000;padding-bottom: 40px;padding-top: 40px;z-index: 999;
}

.team h2 {font-weight: 600;font-size: 3.5em;text-align: center;color: #666666;
}

.team h2 span {display: block;font-size: 40%;font-weight: 300;color: #666666;
}

.grid {max-width: 100%;list-style: none;text-align: center;overflow: hidden;
}

.grid li {display: inline-block;width: auto;text-align: left;position: relative;
}

.grid figure {position: relative;
}

.grid figure img {max-width: 100%;display: block;position: relative;-webkit-filter: grayscale(100%);
}

.grid figure img:hover {-webkit-filter: grayscale(0%);
}

.grid figcaption {position: absolute;top: 0;padding: 20px;background: #1F999E;color: #666666;
}

.grid figcaption h3 {text-align: center;padding: 10px 0px;color: #ffffff;
}

.grid figcaption h5 {text-align: center;margin-top: -10px;color: rgb(216, 216, 216);font-weight: bolder;text-transform: uppercase;font-style: italic;
}

.grid figcaption a {text-align: center;display: inline-block;color: #ffffff;text-decoration: none;right: 5px;
}

/* Individual Caption Styles */

/* Caption Style 3 */
.cs-style-3 figure {overflow: hidden;
}

.cs-style-3 figure img {-webkit-transition: -webkit-transform 0.4s;-moz-transition: -moz-transform 0.4s;transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img
{-webkit-transform: translateY(-50px);-moz-transform: translateY(-50px);-ms-transform: translateY(-50px);transform: translateY(-50px);-webkit-filter: grayscale(0%);
}

.cs-style-3 figcaption {height: 150px;text-align: center;width: 100%;top: auto;bottom: 0;opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption
{opacity: 1;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;-moz-transition: -moz-transform 0.4s, opacity 0.1s;transition: transform 0.4s, opacity 0.1s;
}

.cs-style-3 figcaption span {
    text-align: center;
}

.social-icon {
    padding-right: 10px;
}

.social-icon:hover {
    color: #666666;
    cursor: pointer;
}

/*--------------------------
--------- BENEFITS ---------
--------------------------*/
#benefits {position: relative;width: 100%;height: auto;background: #222222;max-height: 2500px;padding-top: 50px;padding-bottom: 30px;color: #f3f3f3;overflow: hidden;
}

.benefits h2 {font-weight: 600;font-size: 3.5em;text-align: center;color: #d8d8d8;
}

.benefits h2 span {display: block;font-size: 40%;font-weight: 300;color: #c0c0c0;
}

#benefits .list {padding: 20px 10px;cursor: pointer;
}

#benefits .list:hover {/*background: rgba(255, 255, 255, 0.11);*/-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;-webkit-font-smoothing: antialiased;
}

#benefits .list:hover>h5 {color: #ffffff;cursor: pointer;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

/*--------------------------
------- TESTIMONIALS -------
--------------------------*/
#testimonials {text-align: center;height: auto;min-height: 500px;max-height: 1500px;color: #666666;padding-top: 40px;padding-bottom: 40px;overflow: hidden;background: #f7f7f7;
}

#testimonials .flexslider {background: rgba(255, 255, 255, 0);height: auto;padding-bottom: 30px;
}

#testimonials .quote {background: url(../images/quote-bg.png) center no-repeat;margin-top: 40px;height: 300px;
}

.testimonial {padding-left: 10%;padding-right: 10%;font-size: 1.5em;font-style: italic;font-weight: 600;text-align: center;-webkit-font-smoothing: antialiased;
}

#features .container .flexslider .slides li div img {padding-bottom: 15px;padding-top: 25px;display: inline-block;
}
#testimonials .flexslider .slides img {width: 75px;padding-bottom: 15px;padding-top: 25px;display: inline-block;
}

.client-info {color: #FFFFFF;text-transform: uppercase;
}

.site-info {font-style: italic;color: #146c70;
}
.slides_content {padding-right: 5%;text-align: right;}
/*--------------------------
------- VIDEO SUPPORT ------
--------------------------*/
#video {text-align: center;height: auto;width: 100%;min-height: 250px;max-height: 1500px;overflow: hidden;
}

#video .video-bg {background: url(../images/video.jpg) center no-repeat;width: 100%;height: 250px;-webkit-filter: grayscale(100%);
}

#video .video-bg:hover {background: url(../images/video.jpg) center no-repeat;
}

#video .video-bg:hover {-webkit-filter: grayscale(0%);
}

#video .video-bg img:hover {-webkit-filter: grayscale(0%);cursor: pointer;
}

.play-icon {display: inline-block;font-family: 'FontAwesome';font-size: 40px;color: #ffffff;font-style: normal;text-align: center;padding: 20px 10px;margin-top: 20px;font-weight: normal;line-height: 1;
}

.play-icon:hover {color: #146c70;margin: 5px;font-size: 50px;-webkit-font-smoothing: antialiased;-webkit-transition: 0.4s all ease;-moz-transition: 0.4s all ease;-o-transition: 0.4s all ease;-ms-transition: 0.4s all ease;transition: 0.5s all ease;
}

/*--------------------------
------- SCREENSHOTS --------
--------------------------*/
#screenshots {color: #666666;height: auto;padding-bottom: 80px;overflow: hidden;
}

.ac-wrapper {width: 100%;position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 25%;-moz-perspective-origin: 50% 25%;perspective-origin: 50% 25%;
}

.ac-wrapper h2 {top: 20%;width: 50%;position: absolute;font-weight: 600;color: #146c70;font-size: 3.5em;text-align: right;padding: 0 180px 0 50px;
}

.ac-wrapper h2 span {display: block;font-size: 60%;font-weight: 300;color: #c0c0c0;
}

.ac-device {background: url(../images/iphone.png) no-repeat;width: 288px;height: 611px;margin: 0 auto;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;
}

.ac-device a {height: 440px;width: 249px;display: inline-block;position: relative;overflow: hidden;margin: 85px 0 0 20px;
}

.ac-device a img {display: block;position: absolute;
}

.ac-device h3 {position: absolute;font-size: 2em;line-height: 0.9;left: 100%;width: 100%;top: 60%;margin-left: 30px;font-weight: 300;color: #888;
}

.ac-device nav {position: absolute;left: 100%;margin-left: 2em;width: 100%;
}

.ac-device nav span {display: block;font-size: 2.8em;font-weight: 300;cursor: pointer;color: #fff;background: #146c70;line-height: 0.9;padding: 0 0.08em;margin: 2px;float: left;width: 36px;text-align: center;
}

.ac-device nav span:hover {
    background: #199B96;
}

.ac-grid {position: absolute;width: 620px;left: 50%;margin-left: -310px;height: 100%;z-index: 1000;top: 0;opacity: 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;-webkit-transform: translateZ(-350px);-moz-transform: translateZ(-350px);transform: translateZ(-350px);
}

.ac-grid a {width: 145px;display: block;position: relative;float: left;margin: 10px 5px;cursor: pointer;
}

.ac-grid a img {display: block;width: 100%;
}

.ac-grid a span {position: absolute;height: 100%;width: 100%;left: 0;top: 0;text-transform: uppercase;padding: 3em 1em 0;z-index: 100;color: #ddd;background: rgba(0, 0, 0, 0.4);font-weight: 700;opacity: 0;-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);transform: translateY(-5px);-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;
}

.ac-grid a:hover span {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);
}

.ac-wrapper.ac-gridview .ac-device {-webkit-transform: translateZ(-350px);-moz-transform: translateZ(-350px);transform: translateZ(-350px);opacity: .6;
}

.ac-wrapper.ac-gridview .ac-grid {-webkit-transform: translateZ(0px);-moz-transform: translateZ(0px);transform: translateZ(0px);opacity: 1;
}

/*--------------------------
--------- DOWNLOADS --------
--------------------------*/
#downloads {background-image: url(../images/green.jpg);background-repeat: repeat;width: 100%;height: auto;min-height: 660px;max-height: 2500px;color: #ffffff;padding-bottom: 40px;padding-top: 40px;
}

.downloads h2 {font-weight: 600;font-size: 3.5em;text-align: center;color: #f3f3f3;
}

.downloads h2 span {display: block;font-size: 40%;font-weight: 300;color: #f3f3f3;
}

.dowload-content {padding-bottom: 40px;font-size: 12px;font-style: italic;padding-right: 20%;padding-left: 20%;font-weight: 100;text-align: center;-webkit-font-smoothing: antialiased;
}

.apps-btn {padding: 15px 30px;border: 4px solid rgba(255, 255, 255, 0.24);background: transparent;opacity: 0.5;margin: 10px 10px;display: inline-block;
}

.apps-btn:hover {
    background: #146c70;
}

.appstore {height: 100%;width: 100%;padding-top: 30px;text-transform: uppercase;text-align: center;
}

#apps-icon, .apps-icon {padding: 10px 20px;color: #ffffff;text-align: center;
}

.apps-icon:hover {color: #146c70;cursor: pointer;background: none;opacity: 1;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

/*--------------------------
-------- CONTACT US --------
--------------------------*/
#contact {background: url(../images/contact.jpg) center fixed;width: 100%;height: auto;min-height: 550px;max-height: 2000px;background-size: cover;color: #666666;padding-bottom: 40px;padding-top: 80px;
}

.contact h2 {font-weight: 600;font-size: 3.5em;text-align: center;color: #666666;
}

.contact h2 span {display: block;font-size: 40%;font-weight: 300;color: #666666;
}

.contact-info {font-size: 12px;font-weight: 100;-webkit-font-smoothing: antialiased;margin-top: -2px;
}

.map-btn {display: inline-block;padding: 3px 35px;font-size: 10px;text-transform: uppercase;-webkit-font-smoothing: antialiased;font-weight: 200;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border: 1px solid gray;border-radius: 0;background: #666666;color: #ffffff;
}

.map-btn:hover, .map-btn:focus {color: #ffffff;text-decoration: none;background: #006C70;border: 1px solid #006C70;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

a .map-icon {color: gray;cursor: pointer;
}

.map-icon:hover {color: #006C70;cursor: pointer;margin: -20px;font-size: 70px;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

.contact-btn {display: inline-block;padding: 10px 35px;font-size: 14px;text-transform: uppercase;-webkit-font-smoothing: antialiased;font-weight: 200;line-height: 1.428571429;text-align: center;white-space: nowrap;vertical-align: middle;cursor: pointer;border: 1px solid #062729;border-radius: 0;background: #062729;color: #ffffff;
}

.contact-btn:hover, .contact-btn:focus {color: #ffffff;text-decoration: none;background: gray;border: 1px solid gray;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

.send-text {width: 100%;padding: 10px;margin-top: 15px;border: 1px solid #006C70;border-radius: 0px;color: #ffffff;background: #006C70;
}

.c-text {width: 100%;padding: 10px;margin-top: 18px;border: 1px solid #006C70;border-radius: 0px;color: #5C5C5C;background: none;
}

.m-text {width: 100%;padding: 12px;color: #5C5C5C;height: 102px;margin-top: 17px;border: 1px solid #006C70;background: none;border-radius: 0px;
}

textarea.form-control {height: 102px;color: #5C5C5C;border: 1px solid #006C70;
}

/*--------------------------
-- FOOTER & SUBSCRIPTION ---
--------------------------*/
#subscription {background: url(../images/background-footer.png);background-repeat: repeat;width: 100%;height: auto;min-height: 450px;max-height: 2000px;box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);color: #ffffff;padding-bottom: 40px;padding-top: 40px;
}

.subscribe-btn {margin-top: 5px;width: 100%;height: 40px;border: 1px solid #006C70;color: #ffffff;border-radius: 0px;background: #006C70;-webkit-font-smoothing: antialiased;
}

.subscribe-btn:hover, .subscribe-btn:focus {text-decoration: none;color: #006C70;background: #ffffff;border: 1px solid #ffffff;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-o-transition: 0.3s all ease;-ms-transition: 0.3s all ease;transition: 0.3s all ease;
}

.subscribe-text {width: 80%;height: 40px;margin-top: 30px;padding: 10px;border: 1px solid #B9B9B9;border-radius: 0px;color: #ffffff;background: none;
}

.copyrights {font-size: 12px;font-weight: 100;-webkit-font-smoothing: antialiased;
}

.footer-icon {padding-right: 10px;color: #f3f3f3;
}

.footer-icon:hover {color: #006C70;cursor: pointer;
}

.loginDiv {
    color:#000000;
}

.loginDiv input[type=text]{padding:2px 2px 2px 0;
}
.loginDiv input[type=checkbox]{height:15px;width:15px;vertical-align:middle;margin-right:4px;
}
.loginDiv label{padding-top:8px;vertical-align:middle
}

/*time*/
#about .container{margin: 0 auto}
.font_title_color{color: #be9c4b}
.font_black{color: #333333}
.demo_time{padding: 2em 0;}
.demo_time div .last_time{margin-bottom: 10px;position: relative;font-weight: bold;top: 42px;color: #666666;left: -7px;
}
.demo_time .container .row div h1{text-align: center;font-size:xx-large}
.demo_time .container .row .wow .second_tittle{font-size: large;font-weight: normal;color: #666666}
.demo_time .main-timeline{ overflow: auto; }
.demo_time .main-timeline .timeline{padding: 0;overflow: visible;
}
.demo_time .main-timeline .timeline-icon{padding-bottom: 10px;margin-bottom: 10px;font-size: 30px;color: #464646;border-bottom: 1px solid #666666;position: relative;font-weight: bold;
}
.demo_time .main-timeline .timeline-icon:before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #007c3f;position: absolute;bottom: -3px;left: 0;right: 0;box-shadow:0px 0px  0px 5px #ffffff;
}
#first_icon{font-size: 30px;border-bottom: 1px solid red;position: absolute;top:175px;left: 15%;font-weight: bold;}
#tittle_border_time .main-timeline .year{display: block;width: 100%;height: 100px;line-height: 100px;border-radius: 50%;background: #727cb6;font-size: 30px;color: #fff;margin-bottom: 30px;z-index: 1;position: relative;
}
#tittle_border_time .year:before{content: "";display: block;width: 70px;height: 80%;background: #fff;border-radius: 50%;position: absolute;top: 10px;left: -37px;
}
#tittle_border_time1 .year:before{content: "";display: block;width: 70px;height: 80%;background: #fff;border-radius: 50%;position: absolute;top: 10px;left: -37px;
}
#tittle_border_time .timeline-icon {margin-bottom: 30px;font-size: 30px;color: #464646;border-bottom: 1px solid #666666;position: relative;font-weight: bold;
}
#tittle_border_time1 .timeline-icon {margin-bottom: 30px;font-size: 30px;color: #464646;border-bottom: 1px solid #666666;position: relative;font-weight: bold;
}
.mg_25{margin-left: -15%}
#tittle_border_time .demo_time .main-timeline .timeline {padding: 0;text-align: center;overflow: hidden;
}
#tittle_border_time1 .demo_time .main-timeline .timeline {padding: 0;text-align: center;overflow: hidden;
}
#tittle_border_time .timeline-icon:before {content: "";width: 5px;height: 5px;border-radius: 50%;background: #007c3f;margin: 0 auto;position: absolute;bottom: -3px;left: 0;right: 0;
}
#tittle_border_time1 .timeline-icon:before {content: "";width: 5px;height: 5px;border-radius: 50%;background: #007c3f;margin: 0 auto;position: absolute;bottom: -3px;left: 0;right: 0;
}
.demo_time .main-timeline .year{display: block;width: 100%;height: 100px;line-height: 100px;border-radius: 50%;background: #727cb6;font-size: 30px;color: #fff;margin-bottom: 30px;z-index: 1;position: relative;
}
.demo_time .main-timeline .year:before{content: "";display: block;width: 70px;height: 80%;background: #fff;border-radius: 50%;position: absolute;top: 10px;left: -37px;
}
.demo_time .main-timeline .timeline-content{ padding: 0 10px; }
.demo_time .main-timeline .post{font-size: 20px;color: #464646;margin: 0 0 20px -50%;
}
.demo_time .main-timeline .description{font-size: 14px;color: #555;text-align: left;
}
demo_time .main-timeline .timeline:nth-child(1n) .timeline-icon,
.demo_time .main-timeline .timeline:nth-child(1n) .post{
    margin: 0 0 20px -20%;
}
demo_time .main-timeline .timeline:nth-child(3n) .timeline-icon,
.demo_time .main-timeline .timeline:nth-child(3n) .post{
    margin: 0 0 20px -30%;
}
demo_time .main-timeline .timeline:nth-child(5n) .timeline-icon,
.demo_time .main-timeline .timeline:nth-child(5n) .post{
    margin: 0 0 20px -55%;
}
/*over*/

/*right img*/
.right_img{position: absolute;right: 0}
.product_tittle{font-size:2rem;color: #333333;text-align: center}
.product_right{margin-top: 10%;padding-left: 8%}
.second_tittle1{font-size: medium;font-weight: normal;color: #666666;text-transform: uppercase;text-align: center;
}
.product_circle{color: #007c3f;text-align: center;font-size: 4rem}
.product_p{color: #333333;text-align:center;}
.product_line{background: url("../images/ver_line.png");height: 118px;background-repeat: no-repeat;background-position: center center;}
/*three*/
#features #nine_bg{background: #FFFFFF;/*padding-top: 25%;*/width: 100%;}
/*slider3_first_tle*/
.font_33{color: #333333;margin-left: -10%}
.font_left{text-align: left;padding-right: 10%}
.slider3_first_tle{text-transform: uppercase}
.slide_30 {width: 40%;float: left;padding-top: 22px}
.slide_70 {width: 60%;float: left;padding-top: 10px}
.line_circle{background: url("../images/line_ciecle1.png");background-position:left center;background-repeat: repeat-x}
.line_circle_730{padding-left: 30%}
.slide_number{ writing-mode: tb-rl;transform: rotate(180deg);text-transform: uppercase;font-weight: normal}
.slide_730{width: 50%;float: left}
.font_h2{font-size:large;text-align: left}
.font_bold{font-weight: bold}
.height90{height:90px}
.slide_50{width:50%;float: left;}
.font_66{color: #666666;font-weight: normal}
.img_second{margin-left: 100%;margin-top:20%}
.img_third{margin-top: 12%;margin-left: -20%}
#font_z9{z-index: 999;margin-top:10%}
.font_up{text-transform: uppercase;}
#mg-10{margin-top: 10%}
.font_right{text-align: right}
.h_line3{background: url("../images/h_line.png");background-position: center center;background-repeat: repeat-x}
.font_tp3{text-align: left;}
.circle_15{margin-top: 15px}
.mg_50{margin-top: 50%}
.z_top2{z-index: 999;margin-top:-20%;margin-right: 10%}
.z_top1{z-index: 999;margin-top:10%}
.mg_l20{margin-left: 20%}
.pa_10{padding: 10%}
.showdown_10{z-index: 999;box-shadow:10px 0px 30px 5px #E9E9E9;margin: -5% 10% 0 -10%;padding: 10% 2% 5% 10%;background: #ffffff}
.font_trans{text-transform: uppercase;}
.font_rou7{transform: rotate(10deg);-webkit-transform: rotate(10deg);-moz-transform: rotate(10deg);font-weight: bold;float: left;font-size: 2em;font-family:"NewsGoth Cn BT";margin-top: -5%;margin-left: -5%}
.font_left p{line-height: normal;margin: 0;padding: 0}
.font_max{max-height:405px!important;}
.font_left1{text-align: left}
.z_index1{z-index: -1}
.showdown_101{z-index: 999;box-shadow:3px 0px 3px 1px #E9E9E9;margin: 5% -5%  -5%  0%;;padding: 10% 2% 5% 10%;background: #ffffff}
/*.showdown_102{z-index: 999;box-shadow:3px 0px 3px 1px #E9E9E9;margin: -5% -5%  0%  5%;padding: 10% 2% 5% 10%;background: #ffffff}
*/
.showdown_102{z-index: 999;box-shadow:3px 0px 3px 1px #E9E9E9;margin: 0;padding: 10% 2% 5% 10%;background: #ffffff}

#benefits .container ul li a{color: #FFFFFF}
#benefits .container ul li a:hover{color: #85a98d}
#benefits .container ul li a i{border: solid 1px #FFFFFF;margin:1%;padding: 2%;border-radius: 50%}
.font_title_color1{color: #85a98d}
.pa_l5{padding-top:3%}
#team ul li{overflow: hidden}
#team .container{margin: 2% 5% 0% 5%}
.position_0{position: absolute;top: 0}
.height15{height: 15px}
.heigh t20{height: 20px}
.search_menu .btn{margin: 0;padding: 0}
.search_menu{float: right;text-align: center;}
.search_menu ul li{float:right;width:20%;}
.search_menu ul:first-child form{width: 100%}
#first_top .search_menu ul li:last-child{width:30%}
.attention_us{cursor: pointer}
.attention_us:hover .attention_hover{display: block;cursor: pointer;}
.attention_hover{display: none;;z-index: 999;position: absolute}
.add_large{font-size: 1rem;margin-left: 5px;position: absolute;}
.three_top{width: 0;height: 0;overflow: hidden;border-width: 10px;border-color: transparent transparent #FFFFFF transparent;border-style: dashed dashed solid dashed;margin-left:40%}
.form-control {display: block;width: 100%;height: auto;padding:2px;font-size:12px;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,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group-addon {padding:0px 6px;font-size: 14px;font-weight: 400;line-height: 1;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;border-radius: 4px;
}
.font_fff{color: #FFFFFF}
#tittle_border_time,#tittle_border_time1{margin:0 auto}
#first_top{width:40%;margin-left:5%;}
#news_top .container ,#contact_top .container{
    padding-top: 15%;
    text-transform: uppercase;
}
.font_red{color: red;font-weight: bold}
/*des_common*/
.top_10{padding-top:5%}
.contract_control {
    display: block;
    width: 100%;
    height: 100%;
    padding:10px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -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,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.contract-label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    text-align: right;
}
.par_10{padding-top: 10px;padding-left: 5px}
.les_1011{padding-bottom:10px}
@media screen and (max-width: 1920px) {
    #s1 .container .col-md-12 .col-md-6 .col-md-4 .col-md-8{padding-left:1rem;}

    .banner .container {position: absolute;width: 100%;top: 49%;
    }
    .banner .carousel-inner>.item {background-position: center;min-height: 700px;
    }

    .J-cont{position: absolute;top:10%;right: 0}
    #pic_content{padding: 0% 0 3% 5%;}
    .bg-position{position: absolute;top: 38%;text-align: center;line-height: 100%;width: 100%;}
    .banner-bg{height: 750px}
    .crp_10{padding-left: 15px}
    .cp_5{padding-left:5%}
    #dituContent{width: 75%;height:550px;}
    .pa_top110{padding: 3%}
    #news-detail-content .container {
        padding: 5% 0 5% 0%;
    }
    #white-300{height: 300px}
    .control-label{padding-right: 2%}
    .experience_bottom{border-bottom: solid 4px #ffffff}
    .les_101{letter-spacing: 10rem;padding-left: 60px }
    .les_1011{letter-spacing:7rem;padding-left:65px }
    .des_number{color: #007c3f;font-size: 6rem;margin-top: 2rem;font-family: 'Segoe UI Symbol'}
    .first{font-size: 1.5rem;font-weight: bold ;color: #007c3f;margin-top: 3rem;}
    .first_two{font-size: 1.5rem;font-weight: bold;margin-top: -1rem}
    .first_second{font-size: 1rem;margin-top:1.5rem}
    #des_plat_content p{font-size: 1.3rem;line-height: 1.5rem;}
    #des_line{margin-top: 70%}
    #des_content_wj{margin-top: -18%}
    .font_h1{font-size: 2rem;text-align: left;font-weight: normal;
    }
    .left_circle1{position: absolute;top: 1px;margin-left: -2px;}
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: -23%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .height_50{margin-top: 50%}
    .left_circle{position: absolute;top:46px;margin-left: -2px}
    .news_bottom_content{position: absolute;right: 0;bottom:5%;z-index: 999;background: #FFFFFF;color: #333333;padding: 5%}
    .news_page{padding-left: 8%}
    #pic_content .col-md-4{width: 378px;height: 386px;margin: 3%}
    #pic_content .col-md-4 img{width: 378px;height: 386px}
    /*tittle_top*/
    .des_content{font-size: 5rem;text-align: center;}
    .les_10{letter-spacing: 10rem }
    .les_3{letter-spacing: 3rem}
    #des_top{background-image: url("../images/desci_01.jpg");min-height: 750px;}
    #product_top,#news-detail-top{min-height: 750px;}
    /*des_bottom*/
    .banner .bpic a img{width: 880px;height: 580px}
    .b1 li{width:290px; height:180px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 290px;height:180px;}
    .piccb{width:290px;height:620px;padding-top: 30px;position: absolute;top: 30px;right: 20px;overflow:hidden;}
    .b1{ width:290px; height:620px;}
    .l1{ margin-left:128px;}
    .team_content{position: absolute;top: 5%;left: 5%;color: #FFFFFF;width:40%;background: rgba(0,0,0,0.5);padding: 5%}
    .team_tittle{text-align: justify;text-align-last: justify;width:55%;border-bottom: 4px solid #FFFFFF;border-top:4px solid #FFFFFF;padding: 1rem 0 1rem 0 ;}
    .team_tittle1{text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left}
    #des_team .banner{min-height: 600px}
    .des_tittle{margin-top: 8rem}
    .ex_add{position: absolute;left:90px;top: 20px;font-weight: normal;font-size: 40px}
    #product_line{margin-top: 30%}
    #product_circle .container .left_circle1 {
        position: absolute;
        top: 1px;
        margin-left: -2px;
    }

}
.cp_5{margin-top:-5px}
@media screen and (max-width: 1800px) {
    #s1 .container .col-md-12 .col-md-6 .col-md-4 .col-md-8{padding-left:1rem;}

    .bg-position{position: absolute;top: 28%;text-align: center;line-height: 100%;width: 100%;}
    .pa_top110{padding: 3%}
    #product_line{margin-top:40%}
    .les_101{letter-spacing: 10rem }
    .les_1011{letter-spacing: 7rem }
    plat_tittle{}
    #des_plat_content p{font-size: 1rem;line-height: 1.3rem;}
    #des_line{margin-top: 75%}
    .font_h1{font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    .left_circle1{position: absolute;top: 9px;margin-left: -2px;}
    .plat_introduction{line-height:3rem}
    .height_50{margin-top: 60%}
    .left_circle{position: absolute;top:54px;margin-left: -2px}
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: 0%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .news_bottom_content{position: absolute;right: 0;bottom:13%;z-index: 999;background: #FFFFFF;color: #333333;padding: 5%}
    .news_page{padding-left: 8%}
    #pic_content .col-md-4{width: 300px;height: 300px;margin: 2%}
    #pic_content .col-md-4 img{width: 300px;height: 300px}
    /*tittle_top*/
    .des_content{font-size: 5rem;text-align: center;margin-top: 5%;}
    .les_10{letter-spacing: 10rem }
    .les_3{letter-spacing: 3rem}
    /*des_bottom*/
    .banner .bpic a img{width: 800px;height: 560px}
    .b1 li{width:200px; height:170px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 200px;height:170px;}
    .piccb{width:200px;height:600px;padding-top: 30px;position: absolute;top: 30px;right: 20px;overflow:hidden;}
    .b1{ width:200px; height:600px;}
    .team_tittle{text-align: justify;text-align-last: justify;width:55%;border-bottom: 4px solid #FFFFFF;border-top:4px solid #FFFFFF;padding: 1rem 0 1rem 0 ;}
    .team_tittle1{text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left}
    .l1{ margin-left:128px;}
}

@media screen and (max-width: 1600px) {
    #pic_content{padding: 0% 0 3% 22%;}
    #Platform .container .col-md-12 .col-md-12 .col-md-10 .col-md-3 .form-group label{font-size: 12px;width: auto}
    .bg-position{position: absolute;top: 20%;text-align: center;line-height: 100%;width: 100%;}
    .crp_10{padding-left:0px}
    .cp_5{padding-left:5%}
    .pa_top110{padding: 3%}
    #product_line{margin-top: 40%}
    #des_plat_content p{font-size: 1rem;line-height: 1.3rem;}
    #des_line{margin-top: 75%}
    .font_h1{font-size: 1.5rem;text-align: left;font-weight: normal;
    }
    .left_circle1{position: absolute;top: 9px;margin-left: -2px;}
    .plat_introduction{line-height:3rem}
    .height_50{margin-top: 60%}
    .left_circle{position: absolute;top:54px;margin-left: -2px}
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: 0%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .news_bottom_content{position: absolute;right: 0;bottom:13%;z-index: 999;background: #FFFFFF;color: #333333;padding: 5%;    overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -webkit-text-overflow: ellipsis;
        -moz-text-overflow: ellipsis;
        white-space: nowrap;}
    .news_page{padding-left: 8%}
    #pic_content .col-md-4{width: 300px;height: 300px;margin: 2%}
    #pic_content .col-md-4 img{width: 300px;height: 300px}
    /*tittle_top*/
    .des_content{font-size: 5rem;text-align: center;margin-top: 8%;}
    .les_10{letter-spacing: 10rem }
    .les_101{letter-spacing: 10rem;padding-left: 30px; }
    .les_1011{letter-spacing: 7rem }
    .les_3{letter-spacing: 3rem}
    /*des_bottom*/
    .banner .bpic a img{width:700px;height: 480px}
    .b1 li{width:150px; height:140px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 170px;height:140px;}
    .piccb{width:170px;height:500px;padding-top: 30px;position: absolute;top: 30px;right: 20px;overflow:hidden;}
    .b1{ width:170px; height:500px;}
    .team_tittle{font-size:1.5rem;text-align: justify;text-align-last: justify;width:55%;border-bottom:3px solid #FFFFFF;border-top:3px solid #FFFFFF;padding: 0.8rem 0 0.8rem 0 ;}
    .team_tittle1{font-size:1.5rem;text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left}
    .l1{ margin-left:0px;}
}
@media screen and (max-width: 1400px) {
    #s1 .container .col-md-12 .col-md-6 .col-md-4 .col-md-8{padding-left:3rem;}

    .bg-position{position: absolute;top: 15%;text-align: center;line-height: 100%;width: 100%;}
    #Platform .container .col-md-12 .col-md-12 .col-md-10 .col-md-3 .form-group label{font-size: 12px;width: auto}
    .small10_pa{padding-left: 15px}
    .pa_top110{padding: 3%}
    #product_line{margin-top: 45%}
    #des_plat_content p{font-size: 0.5rem;line-height: 1rem;}
    #des_line{margin-top: 85%}
    .height_50{margin-top: 70%}
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: 0%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .small_le10{padding-left: 0%;margin-left: 0}
    .news_bottom_content{position: absolute;left: 30%;bottom:5%;z-index: 999;background: #FFFFFF;color: #333333;padding: 5%}
    .news_page{padding-left:5%}
    .small_le10 .col-md-4 .col-md-8{padding-left:15%}
    #pic_content .col-md-4{width: 250px;height: 300px;margin: 2%}
    #pic_content .col-md-4 img{width: 250px;height: 300px}
    .team_tittle{font-size: 1.5rem;text-align: justify;text-align-last: justify;width:55%;border-bottom: 3px solid #FFFFFF;border-top:3px solid #FFFFFF;padding: 0.8rem 0 0.8rem 0 ;}
    .team_tittle1{text-transform: uppercase;text-align: left;font-size: 1.5rem;}
    .team_describe{text-indent: 2rem;text-align: left}
    /*des_bottom*/
    .banner .bpic a img{width:600px;height: 480px}
    .b1 li{width:150px; height:140px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 170px;height:140px;}
    .piccb{width:170px;height:500px;padding-top: 30px;position: absolute;top: 30px;right: 20px;overflow:hidden;}
    .b1{ width:170px; height:500px;}
    .team_tittle{font-size: 1.5rem;text-align: justify;text-align-last: justify;width:55%;border-bottom: 4px solid #FFFFFF;border-top:4px solid #FFFFFF;padding: 1rem 0 1rem 0 ;}
    .team_tittle1{font-size: 1.5rem;text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left}
    .l1{ margin-left:0px;}
    .nav-menu ul li a p{font-size: 12px}
    .nav-logo{margin-right: 0%}
}
@media screen and (max-width: 1200px) {
    .J-cont{position: absolute;top:0%;right: 0}
    #pic_content{padding: 0% 0 3% 20%;}
    .small_news80 .col-md-3{display: none}
    .bg-position{position: absolute;top: 10%;text-align: center;line-height: 100%;width: 100%;}
    #Platform .container .col-md-12 .col-md-12 .col-md-10 .col-md-3 .form-group label{font-size: 12px;width: auto}
    .small10_pa{padding: 2% 2% 0% 5%}
    .pa_top110{padding:0}
    .crp_10{margin-left: -15px}
    #product_circle .container .left_circle1 {
        position: absolute;
        top: 9px;
        margin-left: -2px;
    }
    .bg-position{position: absolute;top: 20%;text-align: center;line-height: 100%;width: 100%;}
    #product_line{margin-top:65%}
    .des_number{color: #007c3f;font-size: 6rem;margin-top:1rem;font-family: 'Segoe UI Symbol'}
    .les_101{letter-spacing:7rem }
    .les_1011{letter-spacing:5rem }
    #des_plat_content p{font-size: 0.5rem;line-height: 1rem;}
    #des_line{margin-top: 85%}
    /*.height_50{margin-top: 70%}*/
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: 0%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .small_le10{padding-left:0%;margin-left: 0%}
    .news_bottom_content{position: absolute;left: 30%;bottom:5%;z-index: 999;background: #FFFFFF;color: #333333;padding: 5%}
    /*.news_page{padding-left:0%}*/
    #pic_content .col-md-4{width: 250px;height: 300px;margin: 2%}
    #pic_content .col-md-4 img{width: 250px;height: 300px}
    /*tittle_top*/
    .des_content{font-size: 4rem;text-align: center;}
    .les_10{letter-spacing:5rem }
    .les_3{letter-spacing: 2rem}
    .none{display: none}
    /*des_bottom*/
    .banner .bpic a img{width:550px;height: 425px}
    .b1 li{width:150px; height:120px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 170px;height:120px;}
    .piccb{width:170px;height:450px;padding-top: 30px;position: absolute;top: 30px;right: 20px;overflow:hidden;}
    .b1{ width:170px; height:450px;}
    .team_tittle{font-size: 1.3rem;text-align: justify;text-align-last: justify;width:55%;border-bottom: 2px solid #FFFFFF;border-top:2px solid #FFFFFF;padding: 0.5rem 0 0.5rem 0 ;}
    .team_tittle1{font-size: 1.3rem;text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left;font-size: 12px;}
    .l1{ margin-left:0px;}
    .ex_add{position: absolute;left:90px;top: 0px;font-weight: normal;font-size: 40px}

    .piccb{display: none;width:500px;height:450px;padding-top: 30px;position: absolute;top:70%;right: 20px;overflow:hidden;}
    .team_content{position: absolute;top: 15%;left: 5%;color: #FFFFFF;width:90%;background: rgba(0,0,0,0.5);padding:3%}
    .nav-menu ul li a p{font-size: 12px}
    .nav-logo{margin-right: 0%}
    #benefits .container ul li h3{font-size: 16px}
    #des_four p{font-size: 12px}
}
.experience_address:hover{cursor: pointer;color:#007c3f }
@media screen and (max-width: 800px) {
    .right_img{display: none}
    .banner .container {position: absolute;width: 100%;top: 25%;
    }
    .banner-bg{height:500px}
    .banner .carousel-inner>.item {background-position: center;min-height:500px;
    }
    .J-cont{position: absolute;top:-15%;right: 0}
    .news_page{padding-left:30%}
    .bg-position{position: absolute;top:20%;text-align: center;line-height: 100%;width: 100%;}
    .search_menu ul li{width:20%;float: none}
    #news-detail-content .col-md-12{padding: 2% 5% 2% 10%}
    .crp_10{margin-left: -15px}
    .small10_pa{padding: 2% 2% 0% 15%}
    #Platform .container .col-md-12 .col-md-12 .col-md-10 .col-md-3 .form-group label{font-size: 12px}
    .pa_top110{padding: 3% 5% 10% 8%}
    .ex_font{font-size: 2rem}
    #product_line{margin-top: 33%}
    #des_plat_content p{font-size: 1rem;line-height: 1.2rem;}
    #des_line{margin-top: 85%}
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: 0%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .small_800{margin-top: 25%}
    .height_50{margin-top: 70%}
    .small_le10{padding-left: 20%}
    .small_news80{padding-right: 5%;margin-left: 10%}
    .news_bottom_content{position: absolute;right: 0;bottom:13%;z-index: 999;background: #FFFFFF;color: #333333;padding: 5%}
    #pic_content .col-md-4{width: 378px;height: 386px;margin: 3%}
    #pic_content .col-md-4 img{width: 378px;height: 386px}
    #pic_content{padding: 0% 0 3% 16%;}
    /*tittle_top*/
    .des_content{font-size: 3rem;text-align: center;}
    .les_10{letter-spacing:3rem }
    .les_1011{letter-spacing: 2rem;padding-left: 10px }
    .les_3{letter-spacing:1rem}
    /*des_bottom*/
    .banner .bpic a img{width:400px;height: 425px}
    .b1 li{width:150px; height:120px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 500px;height:120px;}
    .piccb{display: none;width:500px;height:450px;padding-top: 30px;position: absolute;top:70%;right: 20px;overflow:hidden;}
    .b1{ width:500px; height:450px;}
    .team_tittle{font-size: 1.3rem;text-align: justify;text-align-last: justify;width:55%;border-bottom: 2px solid #FFFFFF;border-top:2px solid #FFFFFF;padding: 0.5rem 0 0.5rem 0 ;}
    .team_tittle1{font-size: 1.3rem;text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left;font-size: 12px;}
    .l1{ margin-left:0px;}
    .team_content{position: absolute;top: 10%;left: 5%;color: #FFFFFF;width:90%;background: rgba(0,0,0,0.5);padding:5%}
    .ex_add{position: absolute;left:90px;top: 0px;font-weight: normal;font-size: 40px}


}
.border_bottom_green {
    border-bottom: 2px green solid;
    padding-bottom: 1%;
}
.pa_top10{padding: 3%}
@media screen and (max-width: 600px) {
    #pic_content{padding: 0% 0 3% 6%}
    .des_content {
        font-size: 2rem;
        text-align: center;
    }
    .bg-position{position: absolute;top: 15%;left:3px}
    .search_menu ul li{width:20%;float: none}
    .font_change{margin-top:50px;margin-bottom: 50%}
    .small10_pa{padding: 2% 5% 0% 5%}
    #news-detail-content .container {
        padding: 5% 5% 5% 15%;
    }
    .crp_10{margin-left: -15px}
    .ex_font{font-size: 14px}
    .experience_bottom{border-bottom: solid 2px #ffffff}
    #product_line{margin-top: 50%;}
    .des_number{color: #007c3f;font-size: 6rem;margin-top: 2rem;font-family: 'Segoe UI Symbol'}
    #des_plat_content p{font-size: 1.3rem;line-height: 1.3rem;}
    #des_four .des_04{padding-left: 8%;z-index: 999;margin-top: 0%;}
    #des_four .des_06{margin-top: -8%}
    #des_four .des_02{margin-top: -17%;margin-left: 20%}
    .height_50{margin-top: 85%}
    .bg_border {
        height: auto;
        width: auto;
    }
    .bg_border .small_none{display: none}
    #navigation{position: fixed;top: 0}
    .small_le10{padding-left: 20%}
    .news_bottom_content {
        position: absolute;
        left: 30%;
        bottom:10%;
    }
    .none{display: none}
    .news_page{padding-left:30%}
    .small_news80{padding-right: 5%;margin-left: 10%}
    #pic_content .col-md-4{width: 100%;height: 100%;margin: 3%}
    #des_top,#product_top,#news-detail-top{min-height: 400px}

    /*des_bottom*/
    .banner .bpic a img{width:260px;height: 145px}
    .b1 li{width:150px; height:120px; cursor:pointer;margin-bottom: 20px}
    .b1 li img{width: 500px;height:120px;}
    .piccb{display: none;width:500px;height:450px;padding-top: 30px;position: absolute;top:70%;right: 20px;overflow:hidden;}
    .b1{ width:500px; height:450px;}
    .team_tittle{font-size: 1.3rem;text-align: justify;text-align-last: justify;width:55%;border-bottom: 2px solid #FFFFFF;border-top:2px solid #FFFFFF;padding: 0.5rem 0 0.5rem 0 ;}
    .team_tittle1{font-size: 1.3rem;text-transform: uppercase;text-align: left;}
    .team_describe{text-indent: 2rem;text-align: left;font-size: 12px;}
    .l1{ margin-left:0px;}
    .team_content{position: absolute;top: 10%;left: 5%;color: #FFFFFF;width:100%;background: rgba(0,0,0,0.5);padding:3%}
    #des_team .banner{height: 400px}
    .ex_add{position: absolute;left:90px;top: 0px;font-weight: normal;font-size: 40px}
    .les_101{letter-spacing: 1rem }
    .les_1011{padding-left: 0px}


}

.te_indent{text-indent: 2rem}
.slide_31 {width: 30%;float: left;padding-top: 22px;
}
.line_circle_7301 {transform: rotate(180deg);margin-top: 2.5%;
}
.slide_71 {width: 70%;float: left;padding-top: 10px;
}
.font_1f{color: #1f1e1e;font-family: 'Segoe UI Symbol';
}
.new_ul,.new_ul li,.new_ul1,.new_ul1 li{list-style-type:disc;overflow: visible;}
.new_ul{padding:0 0 0 5%;}
#Platform .container{padding: 5% 0 2% 0;}
#news_picture{background: url("../images/news_02.jpg")}
#news_picture .container{margin: 2% 10% 0% 10%}
.news_page ul li{float: left;border: solid 1px #979696;margin-right: 2%;padding: 1% 2% 1% 2%;border-radius: 2px}
.news_page ul li:hover{background:#007c3f;cursor: pointer}
.news_page ul li a{color: #979696;}
.page_active{background:#007c3f;cursor: pointer;color: #FFFFFF;}
.news_page ul .page_active a{color: #FFFFFF;text-decoration: none}
.news_page ul li:hover a{color: #FFFFFF;text-decoration: none}
#contact_top{background: url("../images/contact_01.jpg");height: 750px}
.news_tittle{border-bottom: #999999 1px solid;color:#007c3f;padding-bottom: 3%}
.news_content{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.news_bottom_second{;border-bottom: 1px solid #999999;padding-bottom: 2%;}
.news_second{color: #999999}
.second_content{color: #666666;line-height: 1.5rem;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;}

.content-news{padding-bottom: 5%;padding-left: 10%;color: #333333;width:100%;position: absolute;bottom: 0;left:0;background: #FFFFFF}

#pic_content .col-md-4 img:hover{cursor: pointer}
/*move animate*/
@keyframes mymove
{
    from {bottom:0px;}
    to {bottom:-20%;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
    from {bottom:0px;}
    to {bottom:-20%;}
}
#pic_content .col-md-4:hover .content-news{ background: #FFFFFF;animation: 3s ease-in-out;-webkit-animation:mymove 3s ease-in-out;position: absolute;bottom: -20%;cursor: pointer}

.content-news h3{font-weight: bold;}


/*button*/

.button4 {
    color: #000000;
    background: #eaeaea;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
}
.button4 a{
    color: rgba(51,51,51,1);
    text-decoration: none;
    display: block;
}
.button4 > span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button4:hover{
    color: #FFFFFF;
    background: #5e77a8;
}
.button4:hover > span{
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    transform: translate(0px,40px);
}
.button4::after{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(-30%, -50%) rotate(-30deg);
    transform: translate(-30%, -50%) rotate(-30deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.button4:hover::after{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

/*bt6*/

.button6 {
    color: #000000;
    background: #eaeaea;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
}
.button6 a{
    color: rgba(51,51,51,1);
    text-decoration: none;
    display: block;
}
.button6 > span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button6:hover{
    color: #FFFFFF;
    background: #007c3f;
}
.button6:hover > span{
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    transform: translate(0px,40px);
}
.button6::after{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(-30%, -50%) rotate(-30deg);
    transform: translate(-30%, -50%) rotate(-30deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.button6:hover::after{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

/*bt6over*/
/*bt7*/
.button7 {
    color: #FFFFFF;
    background: #007c3f;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
    padding: 1% 2% 1% 2%;
}
.button7 a{
    color: rgba(51,51,51,1);
    text-decoration: none;
    display: block;
}
.button7 > span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button7:hover{
    color: #FFFFFF;
    background: #007c3f;
    opacity: 0.6;
}
.button7:hover > span{
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    transform: translate(0px,40px);
}
.button7::after{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(-30%, -50%) rotate(-30deg);
    transform: translate(-30%, -50%) rotate(-30deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.button7:hover::after{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}
/*bt7*/
/*bt8*/
.button8 {
    color: #FFFFFF;
    background: #333;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    border: 1px solid rgba(255,255,255,0.5);
    overflow: hidden;
    padding: 1% 2% 1% 2%;
}
.button8 a{
    color: rgba(51,51,51,1);
    text-decoration: none;
    display: block;
}
.button8 > span {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.button8:hover{
    color: #FFFFFF;
    background: #333;
    opacity: 0.6;
}
.button8:hover > span{
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    transform: translate(0px,40px);
}
.button8::after{
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate(-30%, -50%) rotate(-30deg);
    transform: translate(-30%, -50%) rotate(-30deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.button8:hover::after{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
/*bt8*/
/*des*/
.pal_10{padding-left: 10%}
#des_top{background-image: url("../images/desci_01.jpg");}
#des_top .container{padding-top: 15%}

.border_bottom_green{border-bottom: 2px green solid;padding-bottom:1%}
.line_circle_7301 {transform: rotate(180deg)
}
#des_plat_content{text-overflow: ellipsis;overflow: hidden;text-indent: 2rem;padding: 5%;background: #FFFFFF;text-overflow:ellipsis;overflow: hidden;}

#plat_tittle{text-align: right}
#des_four{background: url("../images/des.jpg");}
#des_ul,#des_ul li,des_ul1,#des_ul1 li{list-style-type:disc;overflow: visible}
#des_show .container{margin: 0% 10% 0% 10%;}
#des_show{background: #FFFFFF;width: 100%;height: auto;min-height: 690px;max-height: 2500px;background-size: cover;color: #000000;padding-bottom: 40px;padding-top: 40px;z-index: 999;}
#des_team{background: url("../images/experience-bg_04.jpg")}
#des_team .container{margin:2% 10% 0% 10%}

/*slide*/
a{text-decoration: none}
.clearfix,ul.mi li,ul.ll li,ul.add li{ zoom:1;}
.clearfix:after,ul.mi li:after,ul.ll li:after,ul.add li:after{ content:'\20'; display:block; clear:both;}
.none{ display:none;}
.fl,.fr,.lifl li{ float:left; display:inline;}
.bpic,.bpic a,.banner ins{ max-width:800px; height:406px; display:block;}
.bpic a{ left:0; margin-left:0; text-align:center;}
/*.piccb{width:290px;height:620px;padding-top: 30px;position: absolute;top: 30px;right: 20px;overflow:hidden;}
.b1{ width:290px; height:620px;}*/
.b1 li.active{ background-position:0 bottom; }
.arr_l,.arr_r{ text-decoration: none;text-align: center;line-height: 21px;width:21px; height:21px; display:block; background:url(../images/right.png) no-repeat;}
.l1,.r1{font-size: 1.5rem;border-radius: 50%;color: #FFFFFF;background:#9d9d9d; width:25px; height:25px; margin-left:5px; display:inline;}

.arr_r{ background-position:right 0;}
.arr_l:hover{ background-position:0 bottom;background:#007c3f;color: #FFFFFF;text-decoration: none }
.arr_r:hover{ background-position:right bottom;background:#007c3f;color: #FFFFFF;text-decoration: none }
.b1 li:last-child{margin-bottom: 0px}

#product_top .container { padding-top: 15%;}
#news-detail-top .container {padding-top: 15%;}
#news-detail-content .container p{text-indent: 2rem}

#product_table{border: 5px solid #dbdbdb;text-align: center;color: #7c7c7c;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius: 5px;
    -o-border-radius: 5px;background: #FFFFFF;border-collapse: collapse;cellpadding:0;padding: 0}
#product_table tr td p {color: #4d4d4d;font-weight: bold}
#product_table .table{margin: 0}
.logo_tag{padding: 0 10% 2% 15%}
#product_show .container p{color: #333333;text-indent: 2rem}


.news-bottom{border-top: solid 1px #ccc}
.news-bottom a{color: #333333}
.news-bottom a:hover{color: #007c3f;text-decoration: none}
/*des over*/


/*ex*/
#experience{background: url("../images/experience_01.jpg");height: 750px}
#experience .container {
    padding-top: 15%;
}
.experience_address{color: #0b0b0b;}
.experience_address span{color: red;font-size:1.3rem}
#line_experience{background: url("../images/experience-bg_02.jpg");}
#line_experience .container{padding: 0% 5% 5% 10%}
#line_experience .container .col-md-12 .flexslider ul li .col-md-12 .col-md-3{margin-right: 1%}
#line_experience .container .col-md-12 .flexslider ul li .col-md-12 .col-md-3 img{height:650px}
/*page*/
#line_experience .container .flex-control-nav {width: 100%; position: absolute; bottom: -60px; text-align: center;}
#line_experience .container .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#line_experience .container .flex-control-paging li a {width: 20px; height: 2px; display: block; background: #747271; background: #747271; cursor: pointer; text-indent: -9999px;  -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
#line_experience .container  .flex-control-paging li a:hover { background: #FFFFFF;  }
#line_experience .container.flex-control-paging li a.flex-active { background: #FFFFFF; cursor: default; }
#experience_production .container{padding-top: 5%}
.bg_ef{background: #f9f9f9;padding: 1% 2% 2% 2%}
.experience_h6{background:#007c3f;color: #FFFFFF;text-transform: uppercase;padding: 1% 2% 1% 2%; }
#line_show{background: url("../images/experience-bg_04.jpg");position: relative;height: 100%;width: auto;}
.client{background: url("../images/experience-bg_04.jpg");padding-bottom: 2%}
.experience_none{padding-left: 10%;display: none;position: absolute;background: rgba(0,0,0,0.6);;height: 100%;width: 100%;top: 0;padding-top: 20%}
#div1 { margin:auto; position:relative;}
.box {  width:30%;;float:left;}
.box:hover .experience_none{display: block;cursor: pointer }
#div1 div:nth-child(odd) img{width: 100%}
#div1 div:nth-child(even) img{width: 100%}
.mar_left{margin-right: 2%;background:#f5f6f7 }
/*ex over*/
a:hover{cursor: pointer;text-decoration: none}

/*112*/
#experience_detail .container .col-md-12 .col-md-10 .col-md-3{margin-bottom: 200px}
.case_li{float:left; overflow:visible;}
.case_li_txt{width:100%; background:#f5f6f7; top:100%; left:0px; position:absolute; overflow:hidden;}
.case_li_txt_hover{width:100%; background:#f5f6f7;top:80%; left:0px; position:absolute; overflow:hidden;}
.span_mr_txt{width:100%; text-align:left; margin:auto; padding:6px 0px; line-height:15px; color:#333333;}
.span_font{width:100%; text-align:left; margin:auto; padding:6px 0px; line-height:15px; color:#333333;}
.span_detail{width:100%; margin:auto; text-align:left;padding: 5% }
.span_detail a{color:#333; text-decoration:none;}
.span_detail a:hover{color:#333; text-decoration:none;}
.case_li:hover .span_detail{width:100%; margin:auto; text-align:left;padding:9% 5% 5% 5% }
.select-drop{background: none;border: none}
.select-drop option{background: rgba(0,0,0,0.8)}
.mouse-out:hover .mouse-in{display:block;position: absolute;text-decoration: none;margin-top: -5px}
.mouse-in{display: none;background: rgba(0,0,0,0.5);width: 100%;text-decoration: none}
.mouse-in dl:hover{cursor: pointer;text-decoration: none}
.mouse-in dl dd:hover{background: #007c3f;text-decoration: none}
.mouse-in ul li{width: 100%;padding: 5px 0 5px 0}
.mouse-in ul li:hover{cursor: pointer;background: #007c3f;text-decoration: none;padding: 5px 0 5px 0}
.mouse-in ul li a{border-bottom: none}
.mouse-in ul li:hover a{border-bottom: none}
#line_experience .container .container {
    padding: 0% 5% 5% 0%;
    margin-left: -3%
}

/*new add*/
.fuwenben img{max-width: 100%}
/*
.active .mouse-in dl dd a{border-bottom: none}
.mouse-out a{border-bottom: none}*/
.active .mouse-in a:first-child,.active .mouse-in a:nth-of-type(2){border-bottom: 1px solid rgba(0,0,0,0)}
.active .mouse-in dl dd{border-bottom: solid 2px #ffffff}
.cl10{padding-top: 5%}


/*new huan*/
#features .change-pic {
    zoom: 1;
    margin-top: 20%;
    height: 700px;
    background-image: url(../images/first_051.jpg);
}

#J-Slide{
    width:450px;
    height:750px;
    position:relative;
    overflow:hidden;
}
#J-Slide .JSlide-list{
    position:absolute;
    width:999999px;
    right:0;
    top:0;
}
#J-Slide .JSlide-list li{
    float:left;
}
#J-Slide .JSlide-list li img{
    width:450px;
    height:600px;
}
#J-Slide .JSlide-num{
    position:absolute;
    right:0%;
    bottom: 0;
    height:30px;
    padding:5px;
    width:100%;
    z-index:10;
}
#J-Slide .JSlide-num li{
    width:20px;
    height:20px;
    margin-left:10px;
    float:left;
    font-size:16px;
    color:white;
    /*background:#716584;*/
    border: 2px solid #ffffff;
    line-height:20px;
    text-align:center;
    cursor:pointer;
    border-radius:15px;
}
#J-Slide .JSlide-mask{
    position:absolute;
    left:0;
    background:black;
    bottom:0;
    width:100%;
    height:40px;
    opacity:0.3;
    filter:Alpha(opacity = 30);
    z-index:1;
}
#J-Slide .JSlide-num .current{
    background:#ffffff;
}
#features ol li {
    display: inline-block;
}

.carousel1 .carousel-caption {
    position: initial;
    text-align: right;
    padding-right: 10%;
}

.carousel1 .carousel-inner>.item>img,
.carousel1 .carousel-inner>.item>a>img {
    width: 380px;
    height: 450px;
    overflow: hidden;
}

.carousel1 {
    width: 380px;
}
.carousel1 .carousel-indicators{
    width: 100%;
    text-align: right;
    left: 0;
    margin-left: 0;
    padding-right: 10%;
}

.carousel1 .carousel-indicators {
    bottom: 0;
}

.carousel1 .carousel-control.right,
.carousel1 .carousel-control.left {
    font-size: 24px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
}
.car-con1{
    height: 450px;
}
@media screen and (max-width:1920px) {
    .carousel1 {
        width: 380px;
    }
}
@media screen and (max-width:600px) {
    .carousel1 {
        width: 100%;
    }
    #news_top{background: url("../images/news_01.jpg");height: 300px}

}
.content-news div{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.font_3b{font-weight: bold;color:#000000;}
.ma-2rem{margin-right: -3rem}
#plat_tittle p{margin: 0;}
#des_plat_content #myCarousel .carousel-inner .item img{float: right;}
#des_plat_content #myCarousel .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
    color: #007c3f;
    position: absolute;
    top: 25%;
}
#des_plat_content #myCarousel .carousel-control.left {
    position: absolute;
    left: -8%;
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0) 0),color-stop(rgba(0,0,0,0) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
#des_plat_content #myCarousel .carousel-control.right {
    position: absolute;
    right: -3%;
    background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0) 0),color-stop(rgba(0,0,0,0) 100%));
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}

/*2018.6.19*/
.Introduction-cont>#des_plat_content>#myCarousel.carousel.slide{
    width:40%;
    float: right;
}
#des_plat_content #myCarousel .carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
    top:50%;
}
#des_plat_content #myCarousel .carousel-control.left{
    left:0;
}
#des_plat_content #myCarousel .carousel-control.right{
    right: 0;
}
.carousel-control .glyphicon-chevron-right{
    margin-right: -15px;
}
.Introduction-cont>#des_plat_content>#myCarousel.carousel.slide .carousel-control .glyphicon-chevron-left:before{
    left: 0;
    margin-left: -28px;
}
.Introduction-cont>#des_plat_content>#myCarousel.carousel.slide .carousel-control .glyphicon-chevron-right:before{
    right: 0;
    left:0;
    margin-left: -28px;
}
.second_content{
    display:-webkit-box;overflow:hidden;white-space:normal!important;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.news_bottom_second{
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.news_bottom_content{
    padding: 8% 2% 8% 5%!important;
}
/*2018.6.20*/
.col-md-5.history_tex>.history_world{
    z-index: 2;
}
@media screen and (min-width: 769px) and (max-width: 1199px){
    .col-md-5.history_tex{
        max-height:300px;
    }
    .col-md-5.history_tex>img.bounceInDown.img-responsive{
        height: 300px;
    }
}
@media(min-width: 1200px) {
    .col-md-5.history_tex{
        max-height:inherit;
    }
    .col-md-5.history_tex>img.bounceInDown.img-responsive{
        height: auto;
    }
}
.verif_title{
    margin-left: -4%;
}
.verif_img{
    width: 100px;
    height:35px;
    padding-top: 5px;
    padding-left: 5px;
}
.verif_img>img{
    max-width: 100%;
    height: auto;
}
.verif_mar{
    margin-top: 20px;
}
.verif_input{
    min-width: 100px;
}

/*2018.6.20招商加盟-加盟条件区域文字样式修改*/
.col-md-4>.showdown_102>.font_left1.font_max.font_cont>p,.col-md-4>.showdown_10>.font_left1.font_max.font_cont>p,.col-md-4>.showdown_101>.font_left1.font_max.font_cont>p{
    line-height: 22px!important;
    margin-bottom: 0!important;
}
.col-md-4>.showdown_102>.font_cont>p>span,.col-md-4>.showdown_10>.font_cont>p>span,.col-md-4>.showdown_101>.font_cont>p>span{
    font-weight: normal!important;
}
.col-md-4>.showdown_102>.font_cont>p>span>strong,.col-md-4>.showdown_10>.font_cont>p>span>strong,.col-md-4>.showdown_101>.font_cont>p>span>strong{
    font-weight: normal!important;
}
/*2018.6.21*/
.formarea{
    background-color: #eeeeee;
}