body{ font-family:Lato,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"宋体",simsun,sans-serif;font-size: 14px; color:#000;margin: 0;padding: 0;overflow-x: hidden; position: relative; width:100%;}
a:hover{ text-decoration: none;}
@font-face {font-family: 'aa';src: url(../fonts/aa.otf);}
@font-face {font-family: 'Lato';src: url(../fonts/Lato-regular.ttf);}
@font-face {font-family: 'icomoon';src: url(../fonts/icomoon.woff);}
/*@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot"); src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.woff2") format("woff2"), url("../fonts/icomoon.ttf") format("truetype"), url("../fonts/icomoon.svg#icomoon") format("svg"); -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; }
@font-face { font-family: 'tcm'; src: url("font/tcm.eot"); src: local("Tw Cen MT"), url("font/tcm.eot?#iefix") format("embedded-opentype"), url("font/tcm.woff") format("woff"), url("font/tcm.woff2") format("woff2"), url("font/tcm.ttf") format("truetype"), url("font/tcm.svg#tcm") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'aa'; src: url("fonts/aa.eot"); src: local("aa"), url("fonts/aa.eot?#iefix") format("embedded-opentype"), url("fonts/aa.woff") format("woff"), url("fonts/aa.woff2") format("woff2"), url("fonts/aa.ttf") format("truetype"), url("fonts/aa.svg#Lato") format("svg"); font-weight: normal; font-style: normal; }
*/      .xian{ width: 50%;}
   @media (max-width:414px ) {
   .xian{width: 100%;}
   }
   /*top css*/
.top .container .col-md-9 .logo{ float: left; margin-right: 14px;}
.top .container .col-md-9 .cc{ font-family:"aa"; text-transform: capitalize; font-size: 22px; color: #1f1f1f; margin-top: 16px;}
@media only screen and (min-width: 501px) and (max-width: 767px) {
.pull-right{ float: left !important;}
.top .container .col-md-9 .cc{ font-size: 18px; }
}

@media screen and (max-width: 500px) {

.top .container .col-md-9 .cc{ font-size: 14px; line-height: 43px;}
}
.top .container .col-md-3{ padding: 13px 0;}
.top .container .col-md-3>a{ float: left; margin-right: 14px;}
.top .container .col-md-3>a>img{ margin-right: 8px;}
.top .container .col-md-3 select{ border-radius: 5px; padding: 2px 4px; border-color: #ccc;}
.top .container .col-md-3 .share{ float: right; margin-right: 12px;}
.share a:before { /*-webkit-transition: all .3s ease-in 0s; -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s;*/ font-family: icomoon;  border-radius: 50%; display: inline-block; width: 22px; height: 22px; margin: 0 3px; color: #fff; line-height: 24px; text-align: center;}
.top .container .col-md-3 .share .sharefb:before{ content: '\e62c'; background: #4064B0;}
.top .container .col-md-3 .share .sharetw:before{ content: '\e62b'; background: #43C7F7;}
.top .container .col-md-3 .share .sharein:before{ content: '\e630'; background: #0D77A7;}
.top .container .col-md-3 .share .sharegl:before{ content: '\e62d'; background: #DA4C38;}
/*.top .container .col-md-3 .share .shareyt:before{ content: '\e633'; background: red;}
*/
@media screen and (min-width: 1100px) {
.top{margin-top:5px;}
}
/*nav css*/
.navbar{ border: none; margin: 10px 0 0 0;}
.navbar-inverse{ background: #f08300;}
.navbar .nav>li{ font-size: 17px; text-transform: capitalize; position: relative;}
.navbar-inverse .navbar-brand{ color: #fff;}
.navbar .navbar-collapse{ padding-left: 0; padding-right: 0;}
.navbar-inverse .navbar-nav>li>a{ color: #fff; padding-left: 24px; padding-right: 24px;}
@media only screen and (min-width: 1025px){.navbar-inverse .navbar-nav>li>a{height:51px;}}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.navbar-inverse .navbar-nav>li>a{ padding-left: 10px; padding-right: 10px;}
.navbar-form{ display: none;}
}
@media only screen and (min-width: 1024px){.navbar-form{ display: block;}}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background: #faead7;}
@media (min-width: 768px){.navbar{ border-radius: 0px;}
}
.navbar-inverse .navbar-toggle{ background:#fff;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background: #none;}
/*.navbar-inverse .navbar-collapse,*/ .navbar-inverse .navbar-form{ border: none; float: right;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus{ background: none; color:#fff;}

@media screen and (min-width: 995px) {
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus{ color:#f38e19;}
}
@media screen and (max-width: 767px) {
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{ background: none;}
.navbar-inverse .navbar-form{ border: none; float: none;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{ color: #fff;}
.navbar-inverse{ background:none;position:fixed;top:30px;z-index:1000;right:0px;} 
.navbar-inverse .navbar-toggle{ border-color:#fff;}
.navbar .navbar-collapse{background:#f08300;width:100%;}
.top .container .col-md-9 .cc{display:none;}
.navbar-inverse .navbar-toggle{ background:#f08300;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background: #f08300;}
.top{height:100px;}
.top .container .col-md-3{background:#333;padding:5px 0;}
.top .container .col-md-3>a{ display:none; }
.top .container .col-md-3 select{margin-left:15px;}
.top .container .col-md-3 .share{ margin-right: 10px;}
.top .container .col-md-9 .logo{position:absolute;top:40px;left:30%;z-index:1000;}
.navbar-inverse .navbar-brand span{ display:none;}
.navbar-inverse .navbar-nav>li>a{border-bottom:1px solid #f5b66e;text-align:center;font-size:16px;}
}
.dropdown-menu{ background: rgba(240,131,0,.8); border: none;}
.dropdown-menu>li>a{ color: #fff; padding: 0 30px; font-size: 15px; text-transform: capitalize; padding-top: 7px; padding-bottom: 7px;}
.dropdown-menu>li>a:hover{ color: #e5902e; background: #faead7;}
@media screen and (min-width: 995px) {
.navbar-inverse .navbar-nav .open dropdown:focus>ul{display: none;}
}
@media screen and (min-width: 995px) {
.navbar-nav{/* padding-right: 80px;*/ float: left; margin-top: -1px;}
.open>.dropdown-menu{ display: none;}
.navbar .nav .dropdown:hover .dropdown-menu{ display: block;}
.navbar .nav>li:hover{ background: #faead7; }
.navbar .nav>li:hover>a{ color: #e5902e;}
}
 @media only screen and (min-width: 500px) and (max-width: 768px) {
.case .ro-ca .xz{position: absolute;bottom:7%;right: 10px;}
}
@media screen and (max-width: 768px) {
}
.input-group{ margin-top: 8px; line-height: 28px;}
@media screen and and (min-width: 995px) {
.navbar .nav .form{ float: right;}
}
@media screen and (min-width: 995px) {
.navbar .nav .form:hover{ background: none;}
}
.navbar  .form-group{ position: relative; z-index: 0;}
.navbar  .form-group input{ border: none; border-radius: 50px; padding-right: 90px;}
.navbar  .btn{ position: absolute; right: 0px; top: 3px;}
.navbar-collapse{ border-top: none;}
/*banner css*/
    .swiper-container {        width: 100%;        height: 100%; border-top:2px solid #eee;    }
    .swiper-slide {        text-align: center;        font-size: 17px;        background: #fff;        /* Center slide text vertically */        display: -webkit-box;        display: -ms-flexbox;        display: -webkit-flex;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        -webkit-justify-content: center;        justify-content: center;        -webkit-box-align: center;        -ms-flex-align: center;        -webkit-align-items: center;        align-items: center;    }


   /*products css*/
.product{ text-align: center;  text-transform: capitalize;}
.product .container{ position: relative;}
.product .swiper-container-1{ overflow: hidden; padding-bottom: 70px; width: 100%; height: 100%;}
@media screen and (max-width: 768px) {
.product .swiper-container-1{ padding-bottom: 40px;}
}
.product>.container>h2{ font-size: 32px; color: #1f1f1f;  /*font-family:lato;*/margin:30px 0 0 0;}
.product>.container>p{margin:3px 0 20px 0;}
.product>.container>p>a{font-size:14px;text-transform:capitalize;}
/*.product>.container .swiper-slide{ background: red; position: relative;}
*/.product>.container .swiper-slide>img{width: 100%;}
.product .container .swiper-slide .describe a{ color: #333;  /*font-family:lato;*/}
.describe{ position: absolute; bottom: -40px; left: 20%;}
@media screen and (max-width: 994px) {
.describe{ bottom: -40px; left: 0%; font-size: 12px;}
}
/*.product>.container .swiper-slide:hover .describe{ top: 0px; left: 0px; background:rgba(0,0,0,.7);}
*/.product>.container .swiper-slide .describe p{ display: none;}
.product>.container .swiper-slide .describe .more{ display: none;}
.product>.container .swiper-slide:hover .describe p{ display: block;}
.product .container .swiper-slide:hover .describe a{ color: #1f1f1f; text-transform: capitalize;}
.product>.container .swiper-slide:hover .describe .more{ display: block;}
           ._class{overflow:hidden ;}
           .tan{width: 100%;z-index: 1100000; background:rgba(0,0,0,0.5);height: 100%; position: absolute; bottom: -100%;left: 0px; -o-animation:mymove .5s forwards; animation:mymove .5s forwards;-moz-animation:mymove .5s forwards; -webkit-animation:mymove .5s forwards; -ms-animation:mymove .5s forwards; }
           .tan_1{color: #ffdd1e; z-index: 111111; width: 95%; margin-top: 40px;}
           .tan_1 p a{ color: #ffdd1e;}
           .tan_2 p{ word-wrap: break-word; text-align: left; font-size: 14px; color: #b1a357; margin-top: 20px;}
          .tan_3{ position: absolute; bottom: 0px; background: rgba(0,0,0,0.5); color: #ffdd1e; width: 100%;text-align: left;}
          .tan_3 p{margin: 0px; padding: 10px 20px;}
          .tan_3 p a{ color: #fff; font-size:14px;text-transform:uppercase;}
@-webkit-keyframes mymove {from {bottom:-100%;}
to {bottom: 0%;}
}
@-o-keyframes mymove {from {bottom:-100%;}
to {bottom: 0%;}
}
@-moz-keyframes mymove {from {bottom:-100%;}
to {bottom: 0%;}
}
@-keyframes mymove {from {bottom:-100%;}
to {bottom: 0%;}
}
@media screen and (max-width: 994px) {
.tan{ -webkit-animation:mymove1 .5s forwards; display:none;}
.product .container .swiper-slide .describe a:focus{ color: #1f1f1f; display: block;}
@-webkit-keyframes mymove1 {from {bottom:-120%;}
to {bottom: -120%;}
}
}
       /*about css*/
.about .row{ background: url(../images/ab-bg.png) no-repeat; color: #fff;}
@media screen and (max-width: 1199px) {

.ft{ display: none;}
.line{ display: none;}
.xian{ display: none;}
}
@media only screen and (min-width: 769px) and (max-width: 1890px) {
.about .row{ background:#F08300; color: #fff;padding:20px 0;}	
}
.about .row .container .word{ padding-left:15px; padding-right: 15px; margin-bottom: 20px;}
@media screen and (max-width: 994px) {
.about{ margin-top: 10px;padding:10px 0;background:#f9f9f9;}
}
.about .row h2{text-transform: uppercase; font-size: 20px; padding-top: 10px;}
.about .row p{ line-height: 28px;font-size:14px;}
@media screen and (min-width: 1100px) {
.about .row p{max-height:190px;overflow:hidden;width:538px;}
}
.about .row a{ color: #ffdd1e; text-transform: capitalize; margin-top: 10px;}
@media screen and (max-width: 768px) {
.about .row h2{ font-size: 17px; padding:0; margin: 0px;text-transform:lowercase; color:#333;}
.about .row p{line-height:22px;margin:8px 0;font-size:13px;color:#666;max-height:90px;overflow:hidden;}
.about .row .word a{background:#f08300;border-radius:6px;padding:7px 8px; color:#fff;}
}
.about .line{ border-bottom: 1px solid #e5e5e5;}
.about .ft{max-width: 1000px; margin: 20px auto; padding-bottom: 20px;}
.about .ft .col-md-2{ float: left;  color: #272d3b; font-size: 17px;}
.about .ft .col-md-2 span{ color: #666; margin-right: 6px;}
.about .ft .col-md-2 p{font-size:17px; color:#444;}
.about .ft .col-md-2 p b{color:#ec8818; font-weight:normal;font-size:20px;}
/*case css*/
.case{ position:relative;}
.case .container h2{ text-align: center; text-transform: capitalize; font-size: 32px;padding-top:14px;}
.case .container h3{ font-size: 18px;  margin-top: 0px;}
.case .container p{ color: #666; font-size: 16px;}
.case .container .ro-ca{ margin-top: 30px; margin-bottom: 30px;}
.case .container .btn{
	background:#f08300;
	color: #fff;
        text-transform:capitalize;
	border: none;
	margin: 8px 0 10px 0;
}

/*.case .container .col-md-3{ margin-top: 30px;}
.case .container .col-md-4 img{ width: 180px;}
.case .container .row .col-md-6 .row{ margin-top: 0;}
*/#wrapper {  padding: 20px;  }
.rslides {  margin: 0 auto 40px;}
#slider2,#slider3 { margin: 0 auto;  }
.rslides_tabs {  list-style: none;  padding: 0;  /*background: rgba(0,0,0,.25);  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);*/  font-size: 18px;  list-style: none;  /*margin: 0 auto 50px;*/  max-width: 540px;  padding: 10px 0;  /*text-align: center;*/  width: 100%;  }
  @media only screen and (min-width: 768px) and (max-width:1023px) {
  .rslides_tabs{margin:0;padding:0;text-align:center; width:320px;}
#slider3-pager a{ padding:5px;}
  .rslides{ position: absolute;}
.case .container .ro-ca{ margin-bottom:0;}
.case .container .btn{margin:5px 0 8px 0;}
  }
  @media screen and (max-width: 767px) {
  .rslides_tabs{margin:0;padding:0;text-align:center;}
  }
.rslides_tabs li {  display: inline;  float: none;  margin-right: 1px;  }
.rslides_tabs a {  width: auto;  line-height: 20px;  padding: 9px 20px;  height: auto;  background: transparent;  display: inline;  }
.rslides_tabs li:first-child {  margin-left: 0;  }
.rslides_tabs .rslides_here a {  background: rgba(255,255,255,.1);  color: #fff;  font-weight: bold;  }
/* Callback example */.events {  list-style: none;  }
.callbacks_container {  margin-bottom: 50px;  position: relative;  float: left;  width: 100%;  }
.callbacks {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;  }
.callbacks li {  position: absolute;  width: 100%;  left: 0;  top: 0;  }
.callbacks img {  display: block;  position: relative;  z-index: 1;  height: auto;  width: 100%;  border: 0;  }
.callbacks .caption {  display: block;  position: absolute;  z-index: 2;  font-size: 20px;  text-shadow: none;  color: #fff;  background: #000;  background: rgba(0,0,0, .8);  left: 0;  right: 0;  bottom: 0;  padding: 10px 20px;  margin: 0;  max-width: none;  }
.callbacks_nav {  position: absolute;  -webkit-tap-highlight-color: rgba(0,0,0,0);  top: 52%;  left: 0;  opacity: 0.7;  z-index: 3;  text-indent: -9999px;  overflow: hidden;  text-decoration: none;  height: 61px;  width: 38px;  background: transparent url("themes.gif") no-repeat left top;  margin-top: -45px;  }
.callbacks_nav:active {  opacity: 1.0;  }
.callbacks_nav.next {  left: auto;  background-position: right top;  right: 0;  }
/*@media screen  and (min-width: 1200px) {
*//*#slider3-pager{ margin-left: -40px;}
*//*}
*/#slider3-pager a {  display: inline-block;}
#slider3-pager img {  float: left;  margin: 0 10px 10px 0;box-shadow:4px 4px 5px #666;width:100%;}
#slider3-pager .rslides_here a {  background: transparent;  }
#slider3-pager .rslides_here a img { box-shadow: 0 0 0 2px #f08300;}
#slider3-pager a {  padding: 0;}
@media screen and (max-width: 600px) {
  .callbacks_nav {    top: 47%;    }
  }
.rslides {  position: relative;  list-style: none;  overflow: hidden;  width: 100%;  padding: 0;  margin: 0;box-shadow:4px 4px 10px #666;}
.rslides li {  -webkit-backface-visibility: hidden;  position: absolute;  display: none;  width: 100%;  left: 0;  top: 0;  }
.rslides li:first-child {  position: relative;  display: block;  float: left;  }
.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  }
/*con css*/
/*
*/.con .container .col-md-6 h2{text-transform:capitalize;margin-top:0;font-size:26px;}
.con .container .col-md-6 .right a{ float: right; margin: 4px 0 0 0; color: #333; font-size: 13px; }
.con .container .lt p{border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-top:15px;  /*font-family:lato;*/ }
.con .container .lt p a{ font-size: 15px; color: #555; line-height: 24px; width:83%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.con .container .lt p span{ color: #d8893f; font-size: 12px;margin-right:5px;}
.con .container .lt small{ float: right; color: #ec8818; font-size: 13px;}
.con .container .rt p{  color: #555;font-size:14px; line-height: 24px;margin-bottom:0;}
.con .container .rt a{ color: #F08300; font-size: 14px;text-transform:capitalize;display:inline-block;margin:6px;}
/*.con .container .rt .row { margin-top: 14px;}*/
/*foot css*/
.foot{ background: url(../images/foot.jpg) repeat; color: #fff;}
@media screen and (max-width: 767px) {
.foot{display: none;}
}
.foot h2{ font-size: 19px; color: #aaa; border-bottom: 1px solid #565656; padding: 10px 0;}
.foot p a{ color: #888; font-size: 14px; text-transform: capitalize;}
.foot p img{margin-right: 6px;}
.foot h4{ font-size: 15px; color: #888;}
.foot input{ color: #a4a4a4; font-size: 14px; padding:4px 50px 4px 6px; background: none; margin: 5px 0; border: 1px solid #949494;}
.foot .st{ background: #a5a5a3; color: #fff; text-align: center; padding: 5px 10px;}
.footer{ background: url(../images/ft.jpg); text-align: center; color: #777; padding: 10px 0 4px 0;}
.footer p{ float: left; margin-left:10px; margin-right:10px; line-height: 20px; color: #ccc;}
.footer .f-rt{ color: #999; margin-left: 30px;}
.footer p a{ color: #eee; margin-right: 5px;}
@media only screen and (max-width: 640px) {
.footer .f-rt{ display:none;}	
.footer{margin-bottom:40px;}
}
@media only screen and (max-width: 768px) {
.product>.container>h2{font-size: 22px;margin-top:10px;}
.case .container h2{font-size: 22px;margin:0;}
.case .container h3{font-size: 15px;}	
.case .container p{font-size: 13px;margin-bottom:0;width:50%}
.product>.container>p>a{font-size:13px;}

.con .container .col-md-6 h2{font-size: 24px;}
.case .container .ro-ca{margin-top:10px;margin-bottom:0;}
.con .container .lt p a{display:inline-block;width:75%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.about .row{background-image:none;}
}
@media only screen and (max-width: 767px) {
.case .container p{width:100%}
.case .container .ro-ca .xz{display:none;}

}
/*about css*/
/*introduction  css*/
.banner{ position: relative;border-top:2px solid #eee;}
.banner h1{ position: absolute; left: 45%; top: 26%; font-size: 30px; text-transform: capitalize; color: #333;}
 .banner ol{ position: absolute; left: 44%; top: 52%; background: none; }
@media screen and (max-width: 994px) {
.banner h1{ font-size: 16px; top: 8%;left:40%;}
.banner ol{ top: 40%; left: 35%;}
}
.banner ol li a{ color: #555; text-transform:capitalize; }
.breadcrumb>.active{ color: #f38e19;}
/*left css*/
@media screen and (max-width: 767px) {
.con .left .l-body{ display: none;}
.banner ol li a{font-size:14px;}
}
.con .left h2{ text-transform: capitalize; color: #1f1f1f; font-size: 20px;margin-top:10px;}
.con .left h2 a{ text-transform: capitalize; color: #1f1f1f; font-size: 20px;}
.con .left p{ color:#666;}
.con .left p a{ color: #ec8818;font-size:13px;}
.con .left a.more{ background: #ec8818; border: none; color: #fff; padding: 4px 10px 6px 10px; text-transform: capitalize;margin-bottom:10px;display:inline-block;}
.panel-default>.panel-heading{ background: #dfe0e0; color: #444; padding: 13px; text-transform: capitalize; font-size: 16px; color: #444;}
.con .left .on{ background: #ec8818; color: #fff; position: relative;}
.con .left .on .glyphicon-ok{ display: block;}
/*.con .left .on .glyphicon-ok{ position: absolute; left: 0; top: 25%;}
*/.con .left .on span{ color: #fff;}
.con .left dl dd{ color: #555;}
.con .left dl dd a{ color:#555;}
.con .left dl dd a:hover{color: #ec8818;}
.con .left .ee{ margin-top: 0;}
/*.collapse.in{ display: none;}
.collapse.in:hover,.collapse.in:focus{ display: block;}
*/.panel-default>.panel-heading:hover{ background: #ec8818; color: #fff;}
.panel-default>.panel-heading .glyphicon-plus-sign{ float: right; color: #666;}
.panel-default>.panel-heading:hover .glyphicon-plus-sign{ color: #fff;}
.panel-group .panel{ border-radius:0; margin-top: 5px;}
.panel-default>.panel-heading .glyphicon-ok{ display: none; float: left; margin-right: 10px;}
.panel-default>.panel-heading:hover .glyphicon-ok{ display: block;}
.con .right{ color: #333; line-height: 26px;}
.con .right>h3{ font-size: 20px;color: #333; border-bottom: 1px solid #eaeaea; padding: 0 0 10px 0;}
.con .right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;text-transform:capitalize;}
.con .right span{font-size: 16px; margin-right: 5px;}
.con .right .bb{ font-family: Baskerville Old Face; font-size: 30px;}
.con .right .col-md-5 img{ margin-right: 10px; float: left;}
.con .right .row h3{ color: #ec8818; font-size: 20px; border-bottom: 1px dotted #ec8818;margin:0 0 5px 0; padding-bottom: 10px; text-transform: capitalize;}
.clear{ clear: both;}
.con .right .row .col-md-3{ margin-bottom: 20px;}
.con .right h2{ font-size: 20px; color: #333; text-transform: capitalize; margin-top: 20px; /*font-family:lato;*/}
/*management  css*/
/*.con .right>h3{ font-size: 20px; color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}*/
.con .right .body>h2{ text-transform: capitalize; /*font-family:lato;*/ font-size: 20px;}
.con .right .one h1{ text-transform: capitalize; font-size: 20px; color: #fff; border-bottom: 1px solid #e7e7e7; border-top: 2px solid #ec8818; padding: 8px 0; }
.con .right .one h1 span{ /*font-family:lato;*/ background: #ec8818;  padding: 12px 20px 10px 20px;color:#fff;}
.con .right .row{ margin-bottom: 15px;}
.con .right .body .one .col-md-8{color: #444;}
.con .right .body .one .col-md-8 h3{ margin: 5px 0 0 0;  color: #333;padding:0; font-size: 20px; color: #333;border:none;}
.con .right .body .one .col-md-8 small{ font-size: 16px; color: #ec8818;margin:6px 0;display:inline-block;}
.con .right .body .one .col-md-8 p{ font-size: 14px;line-height:24px;color:#555;margin-bottom:8px;}
.con .right .body .one .col-md-8 p span{ font-size: 16px;color:#333; }
.con .right .lin{margin-bottom:0;}
@media only screen and (min-width: 1100px) {
	.con .right .body .one .col-md-8 h3{ margin-top: 20px;}
.con .right .body{ color:#555;font-size:14px;}
.con .left .l-body p{ font-size:14px;line-height:24px;}
}
@media only screen and (min-width: 995px) {
	.con .right .body .one .col-md-8{padding-left:0;}
}
@media only screen and (max-width: 640px) {
.con .right .body .one .col-md-4 img{margin:0 auto;}
	.con .right .body .one .col-md-8{text-align:center;}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
	.con .right .body .one .col-md-8 p{max-height:78px;overflow:hidden;}
}
/*why css*/
.con .w-right{ margin-bottom: 30px;}
.con .w-right>h3{ font-size: 20px;  color: #333;border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .w-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .w-right p{ color: #666; margin:10px 0 20px 0; font-size: 15px;}
.con .w-right .title{ font-size: 16px; color: #333; padding: 7px 0; background:#f7f7f7; margin:0; text-indent:5px;}
.con .w-right .body{ color:#666;}
.con .w-right .body h4{ color:#333;line-height:40px;text-indent:10px;background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#DFE0E0), to(#fff));background: -ms-linear-gradient(top, #DFE0E0,  #fff);        /* IE 10 */

background:-moz-linear-gradient(top,#b8c4cb,#f6f6f8);/*火狐*/ 

background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#DFE0E0), to(#fff));/*谷歌*/ 

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFE0E0), to(#fff));      /* Safari 4-5, Chrome 1-9*/

background: -webkit-linear-gradient(top, ##DFE0E0,#fff);   /*Safari5.1 Chrome 10+*/

background: -o-linear-gradient(top,#DFE0E0,#fff);}
/*new css*/
.newm h2{ margin-top:0;}
.con .n-right>h3{ font-size: 20px; color: #333; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .n-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .n-right h2 a{ color: #333; font-size: 17px;}
.con .n-right small{ color: #777; font-size: 14px;}
.con .n-right p{ color: #555; margin-top: 10px; border-bottom: 1px dotted #e4e4e4; padding-bottom: 14px;}
.pagination>li>a, .pagination>li>span{ color: #ec8818;}
.pagination>li.on a{ color: #fff;}
.pagination>li>a:focus, .pagination>li>span:focus{ color: #fff;}
.pagination>.active>a,.pagination>.thispage>a,.pagination>.on>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #EC8818; border-color: #EC8818; }
/*company news css*/
.con .c-right>h3{ font-size: 20px; color: #333; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .c-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .c-right .new{ margin-bottom: 20px;}
.con .c-right .new img{ float: left; margin-right: 20px;}
@media screen and (max-width: 767px) {
.con .c-right .new img{ float: none;width:100%;}
}
.con .c-right .new h3{ font-size: 17px;}
.con .c-right .new h3 a{ color: #333;}
.con .c-right .new small{ font-size: 14px; color: #444;}
.con .c-right .new p{ color: #555; margin-top: 8px;}
.con .c-right .new .btn-default{ border: none; background: #e7e7e7; color: #ec8818;text-transform: capitalize; -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s; }
.con .c-right .new .btn-default:hover{ background: #ec8818; color: #fff;}
.con .c-right .new .btn{ border-radius: 0;}
/*honor css*/
.con .h-right>h3{ font-size: 20px;color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .h-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .h-right .row .col-md-3{ margin-top: 30px;}
.con .right .body h2{font-size:18px; color:#000;}
.con .right .h-right h2{ font-size: 22px; text-align: center;margin-bottom: 15px;  color: #1f1f1f;}
.con .h-right img{ float: left; padding-right: 6px;}
@media screen and (max-width: 767px) {
.con .h-right .hor img{ width: 33%; float: left;}
}
.con .h-right p{ color: #333;}
@media screen and (min-width: 995px) {
	.con .h-right .row .let img{ width: 70%; float: right;}
	.con .h-right .row .rit img{ width: 70%; float: left;}
}
/*news-nei css*/


.con .nei-right>h3{ font-size: 20px; color: #333; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .nei-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .nei-right>h2{ font-size: 18px; color: #333; text-align: center;}
.con .nei-right>p{ float: left; color: #555;}
.con .nei-right .share{ float: right;}
.con .nei-right .share img{ border-radius: 50%; width: 20px; height: 20px; margin-right: 5px;}
.con .nei-right .body{ font-size: 14px; color: #555; line-height: 22px;}
.con .nei-right .body img{ margin: 10px 0;}
.con .nei-right .body .row .col-md-6{ color: #1f1f1f; margin: 20px 0;}
.con .nei-right .body .aba .col-md-6 span{ color: #ec8818; margin-right: 4px;float:left;text-transform:capitalize; font-size:16px;}
.con .nei-right .body .aba .col-md-6 a{ color: #1f1f1f;
    display: block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;}
.con .nei-right .body>p{ font-size:15px;line-height:30px;}
.panel-body{ padding: 10px; text-transform: capitalize; margin-top: 6px; position: relative;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{ border-top: none;}
.panel-body a{ color: #555;}
.mm a{ color: #ec8818;}
.mm{ background: #ecd8c2;}
.panel-body:hover>a{ color: #ec8818;}
.panel-body:hover{ background: #ecd8c2;}
.panel-body:hover ul{ display: block;}
.panel-body ul{ position: absolute; right: -156px; display: none; top: 0; background:#ecd8c2; padding-left: 0; z-index: 1000; line-height: 30px;}

.eron>a{ color: #ec8818;}
.eron { background: #ecd8c2;}

@media screen and (max-width: 767px) {
.panel-body:hover ul{ display: none;}
.con .nei-right>h2{ font-size:16px;}
}
.panel-body ul li{ border-bottom: 1px solid #fff; padding: 4px 10px;}
.panel-body ul li a:hover{ color:#ec8818 ;}
.bg>a{ color: #ec8818;}
.bg{ background: #ecd8c2;}
.panel-default{ border-color:#fff;}
/*product css*/
.con .p-right>h3{ font-size: 20px; color: #333;  border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .p-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .p-right p{ line-height: 26px; color: #555;}
.con .p-right h2{ font-size: 20px; color: #333; margin: 20px 0;}
.con .p-right .row .col-md-4 p{line-height:20px;padding:6px 0;height:42px;overflow:hidden;}
.con .p-right .row .col-md-4 p a{ color: #555; font-size: 15px;}
.con .p-right .row .col-md-4 p a:hover{ color: #ec8818;}
.con .p-right .body{color:#555;}
/*application css*/
.con .a-right>h3{ font-size: 20px; color: #333; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .a-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .a-right .row { color: #555; line-height: 26px;}
.con .a-right p{ background: #e4e4e4; padding: 10px 0; /*margin-top: 20px;*/ color: #565656;}
.con .a-right p>span{ background: #ec8818; color: #fff; padding: 11px 4px; margin-right: 10px;}
.con .a-right label{ font-weight: normal;}
.con .a-right .form-control{ border-radius: 0; background-color: #e4e4e4; border: none;}
.con .a-right .email{ height: 120px;}
.code {background-image: url(../images/201332291548031.jpg);font-style: italic;color: Red;border: 0;padding: 2px 3px;letter-spacing: 3px;font-weight: bolder;}
.con .a-right .row .sub{ background: #ec8818; color: #fff;}
.con .a-right .row .col-md-2{ margin-bottom: 50px;}
/*headquarters css*/
.con .d-right{ margin-bottom: 20px;}
.con .d-right>h3{ font-size: 20px; color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .d-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .d-right h2{ font-size: 22px; color: #1f1f1f;}
.con .d-right p{ line-height: 28px; color: #444; text-transform: capitalize;}
.con .d-right p a{ color: #EC8818;}
.con .d-right .lin{ text-indent:5px;margin-left:0;}
.body .lin p{ font-size: 14px; color: #666; border-bottom: 1px dotted #e7e7e7;line-height:40px;height:40px;margin:0;}
.body .lin h4{ background: #eee; border-bottom: 1px solid #ddd; padding: 10px 0; text-indent: 16px;text-transform:capitalize;font-size:17px;}
.con .d-right .row .col-md-4 h4{ color: #ec8818;}
.con .d-right .row .col-md-4 p{ line-height: 22px;}
.con .d-right .row .col-md-3{  /*text-align: center;*/ padding-right: 0px; /*margin-top: 10px;*/}
.con .d-right .row .col-md-3 .thumbnail{ border: 1px solid #ddd; padding:8px 8px 16px 6px; cursor:pointer }
.con .d-right .row .col-md-3 .thumbnail .caption{ padding:0; text-align: center;}
.body h2{font-size:18px;}
@media only screen and (min-width: 1100px) {
.con .d-right .row .col-md-3 .thumbnail .caption p{
height:48px;
overflow:hidden;
}
}
.con .d-right .row .col-md-3 img{ margin: 0 auto;}
.con .d-right .row .col-md-3 button{ border: none; background: #ec8818; color:  #fff; padding: 6px 14px;width:100%;}
.con .d-right .row .col-md-3 span{ color: #fff; margin-left: 6px;}
.con .d-right table{ display: none;}
@media only screen and (min-width: 995px) {
.body .lin .col-md-3,.body .lin .col-md-4,.body .lin .col-md-5{ padding:0; width:437px;}
.body .lin .col-md-3{ padding-left:15px;width:200px;}

	
}
@media only screen and (max-width: 640px) {
.body .lin .o12{ padding-right:0;}
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
.body .lin p{font-size:12px;}	
}
/*distributors css*/
.body .cdf .col-md-4 h4{font-size:17px;background:#F08300;padding:8px 0;text-align:center;color:#fff;}
.con .dis-right>h3{ font-size: 20px; color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .dis-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .dis-right h2{ font-size: 20px; color: #1f1f1f;}
.con .dis-right .row .col-md-4{ color: #333; line-height: 24px; margin: 20px 0;}
.con .dis-right .row .col-md-4 h4{ color:#ec8818 ;}
/*document-video css*/
.con .v-right>h3{ font-size: 20px; color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .v-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .v-right .row .col-md-3{  text-align: center; padding-right: 0px; margin-top: 10px;}
.con .v-right .row .col-md-3 .thumbnail{ border: 1px solid #ddd; padding:8px 8px 16px 6px; }
.con .v-right .row .col-md-3 .thumbnail .gd img:focus{}
.con .v-right .row .col-md-3 .thumbnail .caption{ padding:0;}
.con .v-right .row .col-md-3 img{ margin: 0 auto;}
.con .v-right .row .col-md-3 button{ border: none; background: #ec8818; color:  #fff; padding: 6px 44px; width:100%;}
.con .v-right .row .col-md-3 span{ color: #fff; margin-left: 6px;}
.con .v-right .row .col-md-3 .gd{ position: relative;}
.con .v-right .row .col-md-3 .gd .ji{ position: absolute; left: 0%; top: 0%; margin: 0 auto; line-height:120px; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
 .in1{ position: absolute; left: 0; top: 0; width: 100%; height:100%; background: rgba(0,0,0,.7);z-index: 111;}
.in1 .row{ padding-top: 20%; z-index: 1000; position: relative;}
.in1 .row label{ color: #fff; font-weight: normal;}
.in1 .row .email{ height: 120px;}
.in1 .row .col-md-2 .form-control:hover{ background: #EC8818; color: #fff;}
/*plant_gallery  css*/
.con .g-right>h3{ font-size: 20px; /*font-family:lato;*/ color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .g-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .g-right>.row .col-md-4{ margin-bottom: 20px;}
/*.con .g-right>.row .col-md-4 img{ -webkit-transition: all .3s ease-in 0s; -moz-transition: all .3s ease-in 0s; -ms-transition: all .3s ease-in 0s; -o-transition: all .3s ease-in 0s; transition: all .3s ease-in 0s;}
*/.con .g-right>.row .col-md-4 img:hover{ opacity: .8;}
.con .g-right .row .col-md-4 p{ margin: 6px 0;}
.con .g-right .row .col-md-4 p a{ color: #555; font-size: 16px; display: block;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.con .g-right .row .col-md-4 p a:hover{ color: #EC8818;}
@media  (max-width:414px ) {
.banner img{ height: 100px;}
.banner ol{margin-left: -40px;}
}
/*video css*/
.con .v-right>h3{ font-size: 20px; /*font-family:"aa";*/ color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .v-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .v-right .row .col-md-4{  text-align: center; padding-right: 0px; margin-top: 10px;}
.con .v-right .row .col-md-4 .thumbnail{ border: 1px solid #ddd; padding:8px 8px 16px 6px; }
.con .v-right .row .col-md-4 .thumbnail .caption{ padding:0;}
.con .v-right .row .col-md-4 img{ margin: 0 auto;}
.con .v-right .row .col-md-4 button{ border: none; background: #ec8818; color:  #fff; padding: 6px 14px;}
.con .v-right .row .col-md-4 span{ color: #fff; margin-left: 6px;}
.con .v-right .row .col-md-4 .gd{ position: relative; cursor:pointer;border:1px solid #ddd;padding:10px;border-radius:4px;}
.con .v-right .row .col-md-4 .gd .ji{ position: absolute; left: 0%; top: 0%; margin: 0 auto; line-height:120px; width: 100%; height: 90%; /*background: rgba(0,0,0,.4);*/}
 @media screen and (min-width: 1200px) {
.con .v-right .row .col-md-4 .gd .ji{ padding-top: 40px;}
}
@media screen and (max-width: 767px) {
.con .v-right .row .col-md-4 .gd .ji{ height: 85%; padding-top: -20px;}
}
.con .v-right .row .col-md-4 .gd p{ font-size: 15px; text-transform: capitalize;margin-bottom:0;line-height:34px;}
.in1{ position: absolute; left: 0; top: 0; width: 100%; height:100%; background: rgba(0,0,0,.8);z-index: 111; }
.in1 .row{ padding-top: 20%; z-index: 1000; position: relative;}
.in1 .row label{ color: #fff; font-weight: normal;}
.in1 .row .email{ height: 120px;}
.in1 .row .col-md-2 .form-control:hover{ background: #EC8818; color: #fff;}
/*product-nei css*/
.con .pnei-right>h3{ font-size: 20px;  /*font-family:lato;*/ color: #333; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.in1 .gb22 { position:absolute; right:10px; top:10px; z-index:9999} 

.con .pnei-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 20px; margin: 0; color: #333;}
.con .pnei-right .row .col-md-7 h3{ color: #333; font-size: 18px; border-bottom: 1px dotted #999; padding: 6px 10px; margin-top: 0px;background:#EC8818;}
.con .pnei-right .row .cpbody .col-md-7 h3{background:none;}
.con .pnei-right .row .col-md-7 p{ font-size: 14px; color: #444;}
.con .pnei-right li{ font-size: 13px; color: #333; line-height: 24px;}
.con .pnei-right li span{ font-size: 14px;}
.con .pnei-right .row { color: #555;}
.con .pnei-right .cback{ background: #e4e4e4; padding: 10px 0;margin-top:10px; color: #565656;}
.con .pnei-right .cback>span{ background: #ec8818; color: #fff; padding: 11px 20px; margin-right: 10px;}
.con .pnei-right label{ font-weight: normal;}
.con .pnei-right .form-control{ border-radius: 0; background-color: #e4e4e4; border: none;}
.con .pnei-right .email{ height: 120px;}
.code {background-image: url(../images/201332291548031.jpg);font-style: italic;color: Red;border: 0;padding: 2px 3px;letter-spacing: 3px;font-weight: bolder;}
.con .pnei-right .row .sub{ background: #ec8818; color: #fff;}
.con .pnei-right .row .col-md-2{ margin-bottom: 30px;}
/*solution css*/
.con .s-right>h3{ font-size: 20px; /*font-family:"aa";*/ color: #333; text-transform: capitalize; border-bottom: 1px solid #eaeaea; padding:0 0 10px 0;}
.con .s-right>h3 span{ border-bottom: 2px solid #ec8818; padding: 9px 0; font-size: 22px; margin: 0; color: #333;}
/*a-gd css*/
.a-gd{ position: fixed; right: -120px; bottom: 300px; z-index: 10000; display:none;}
.a-gd  a { color:#FFF}
@media screen and (min-width: 995px) {
.a-gd{ display:block;}
.a-gd .email:hover{ right: -30px;}
.a-gd .contact:hover{ right: -30px;}
.a-gd .email{background: #6f6f6f; right: -116px; margin-bottom: 10px; position: fixed; bottom: 300px;}
.a-gd .email,.a-gd .contact{ border-radius: 30px; padding: 0px 36px 0px 18px; font-size: 18px; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -ms-transition: all .4s ease-in 0s; -o-transition: all .4s ease-in 0s; transition: all .4s ease-in 0s;}
.a-gd .email img,.a-gd .contact img{ margin-right:6px;}
.a-gd .contact{ background: #f08300; right: -116px; position: fixed; bottom: 260px;}
}
@media screen and (max-width: 994px) {
.a-gd .email:hover{ right: -10px;}
.a-gd .contact:hover{ right: -10px;}
.a-gd .email{background: #6f6f6f; right: -100px; margin-bottom: 10px; position: fixed; bottom: 300px;}
.a-gd .email,.a-gd .contact{ border-radius: 30px; padding: 6px 30px 6px 20px; font-size: 18px; -webkit-transition: all .4s ease-in 0s; -moz-transition: all .4s ease-in 0s; -ms-transition: all .4s ease-in 0s; -o-transition: all .4s ease-in 0s; transition: all .4s ease-in 0s;}
.a-gd .contact{ background: #ed9236; right: -100px; position: fixed; bottom: 260px;}
}
.a-gd .email span,.a-gd .contact span{ font-size: 20px; color: #fff; margin-right: 16px;}
.}

-gd .email a,.a-gd .contact a{ color: #fff;}
.cpbody .td{width:100%;overflow:hidden;}
.cpbody .td table{ width:100%;}
.cpbody .td tbody td{ width:33.333333%;text-align:center;}
.cpbody .td tbody td img{ width:95%;display:block;margin:0 auto;}
.contt img{ width:100%;display:inline-block;}
.contt {color:#666;}
.contt h1{color:#EC8818; font-size:20px;margin-top:0px;}
.contt h3{font-size:17px !important;margin:10px 0; /*font-family:lato;*/ color:#EC8818;}
@media screen and (max-width: 768px) {
.contt h1{font-size:18px;}.contt h3{ font-size:16px;}
.contt .row .col-md-5 h3{ margin-top:0 !important;}
.contt .row .col-md-7{ padding-left:15px !important;}
}
.cpbody .row .col-md-4 ul{padding:0;}
.cpbody .jiang{margin-top:40px;}
@media screen and (max-width: 767px) {
.cpbody .jiang{margin-top:0px; display:block;}
}
@media screen and (min-width: 1025px) {
.scc .col-md-3{padding:0 5px;margin-bottom:0 !important;}
.teshu{ font-size:20px; color:#1f1f1f}
}
.body img{max-width:100%;}
.bordee{ border-bottom:1px dotted #999;border-top:1px dotted #999;text-align:center;padding:4px 0;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con .right .body .col-md-6 iframe{width:413px;height:232px;}
@media screen and (max-width: 768px) {
.con .right .body .col-md-6 iframe{width:100%;height:100%;}

}
.about .col-md-6 iframe{width:429px;height:280px; float:right;border-radius:15px;}
.c-line{overflow:hidden;margin-top:10px;padding:0;}
.c-line li{float:left;width:12.5%;line-height:30px;}
.c-line li a{color:#888;}
@media screen and (max-width: 768px) {
.about .col-md-6 iframe{width:100%;height:100%;}
.c-line li{width:25%;}
}

.teshu{ font-size:1.4em; color:#1f1f1f}
.con>.container>.row>.col-md-9>h3{ margin-top:10px;} 

.btn-readmore{background-color:#666;border:0;color:#fff;display:inline-block;padding:0.4em 1.4em;border-radius:2px;letter-spacing:.05em;-webkit-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);overflow: hidden;position: relative;}
.btn-readmore:hover{color:#fff;*color:#F08300;}
.btn-readmore:before{z-index: -1;content: '';display: block;width: 20px;height: 20px;position: absolute;left: 50%;top:50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);background-color: #272727;-webkit-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;border-radius: 50%;visibility: hidden;opacity: 0;}
.btn-readmore:hover:before{-webkit-transform: translate(-50%,-50%) scale(15);-ms-transform: translate(-50%,-50%) scale(15);-o-transform: translate(-50%,-50%) scale(15);transform: translate(-50%,-50%) scale(15);visibility: visible;opacity: 1; }
.bar-more{padding:16px 0 0;text-align:center;margin-bottom:20px;}
.cwt{margin-top:20px;}
.cwt ul{padding-left:0px;border: 1px solid #ec8818;border-radius: 2px 2px 0 0;padding: 10p;}
.cwt ul li:first-child{padding:0;}
.cwt ul li:first-child img{margin:10px auto;}
.cwt ul li{padding:0 10px;}
.cwt ul li span{ font-size:13px !important;margin-right:0;}
.cwt ul li:nth-of-type(2){text-align:center;}
.cwt ul li:nth-of-type(2) img{height:50px;margin:10px auto;display:inline-block;}
.cwt li h4{background: #ec8818;margin: 0;text-align: center;padding: 14px;}