html, body{
    font-size: 100%;
	background:	#fff;
}
body {
	font-size: 100%;
	font-family: 'Open Sans', sans-serif;
}
body a{
	transition: 0.5s all ease;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
}

a {
   
    text-decoration: none;
    color: inherit;
    
}
p{
	margin:0;
}

a:hover, a:focus,a:visited{
    text-decoration: none;
    color: inherit;
    
}
ul,label{
	margin:0;
	padding:0;
}
body a:hover{
	text-decoration:none;
}
/*--Header-top-Starts--*/
.head-main {
    float: left;
    width: 12rem;
}
.header-top{
    margin-bottom: 5px;
	/*padding:0.5em 0px;*/
}
/*--Header-top-end--*/
/*--Header-Starts--*/
.navigation {
    float: left;
    margin: 0.6em 0 0;
    /* margin-left: 5%*/
}
.navbar-default {
    background-color:#fff! important;
    border-color:#fff ! important;
}
.navbar {
    border-radius: 0px ! important;
}
.navbar {
    position: relative;
    margin-bottom: 0px;
    border: none ! important;
}
.navbar-default .navbar-nav > li > a {
    color: #333333;
    font-size: 18px;
    font-family: 'SourceHanSansCN-Regular';
	padding: 0px 16px;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#4C211D;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color:#45B035;
    background-color: #fff;
    /*border-bottom: 2px solid #45B035;*/
    font-weight: bold;
}

.navbar-default .navbar-nav a{
    line-height: 2rem;
    color: #999999;
}

.navbar-default .navbar-nav .sub_nav_list a:hover{
    color: rgba(71,174,65);
    /*font-weight: bold;*/
}


.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-collapse .lg_icon{
    float: left;
    border: 1px solid #45B035;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;  justify-content: center;
    margin-right: 20px;
    border-radius: 2rem;
    cursor: pointer;
}


.header-right {
	float: right;
}
.head {
    position: relative;
}
.hea-rgt {
    float: right;
    margin: 0.6em 0;
}
.hea-rgt a {
    color: #fff;
    background-color: #9E6E4E;
    padding: 0.5em 1em;
    display: block;
	text-decoration: none;
}
.hea-rgt a:hover{
    color: #fff;
    background-color:#4C211D;
}
.header {
	padding: 1em 0px;
    box-shadow: 0px 1px 9px 1px rgba(0, 0, 0, 0.11);
}

.search-bar {
    width: 100%;
    float: right;
    position: relative;
}
.search-bar input[type="text"] {
    width: 100%;
    padding: 8px 45px 8px 8px;
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
    color: rgba(0, 0, 0, 0.74);
    font-size: 0.875em;
    box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2);
    font-family: 'RobotoSlab-Regular';
}
.search-bar input[type="submit"] {
    background: url(../images/search.png)no-repeat 0px 0px;
    outline: none;
    -webkit-appearance: none;
    border: 0;
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 7px;
    right: 1%;
}
.soc {
    float: left;
    margin: 0.4em 0;
}
.soc ul li {
    list-style: none;
    display: inline-block;
    margin: 0 3px;
}
.soc ul li a span {
    background: url(../images/social.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
}
.soc ul li a span:hover,.about-two ul li a span:hover{
    transform: rotatey(360deg);
    -webkit-transform: rotatey(360deg);
    -moz-transform: rotatey(360deg);
    -o-transform: rotatey(360deg);
    -ms-transform: rotatey(360deg);
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}
.soc ul li a span.fb{
	background-position:0px 0px;
}
.soc ul li a span.twit{
	background-position:-16px 0px;
}
.soc ul li a span.pin{
	background-position:-32px 0px;
}
.soc ul li a span.rss{
	background-position:-48px 0px;
}
.soc ul li a span.drbl{
	background-position:-64px 0px;
}
.head-main h1 a {
    color:#9E6E4E;
    font-size: 1.5em;
    text-decoration: none;
	 font-family: 'RobotoSlab-Regular';
}
.head-main h1  {
   margin:0;
}
/*--Header-Ends--*/
/*--banner-starts--*/
.banner{
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	position:relative;
}
.banner-text p {
    font-size: 1.2em;
    color: #190608;
    margin: 1em 0;
    line-height:1.8em;
    font-weight: 400;
}
.banner-text h2 {
    font-size: 2.5em;
    margin: 20px 0 0 0;
    color: #190608;
	 font-family: 'RobotoSlab-Regular';
}
.banner-text {
    padding: 11em 2em;
    width: 59%;
    background-color:rgba(255, 255, 255, 0.2);
}
/*--banner-end--*/
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #50393A;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-decoration: none;
    padding: 0.4em 0.8em;
    font-size: 0.85em;
    color: #fff;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:#9E6E4E;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
  text-decoration: none;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
.more:hover{
	background: #fff;
	color:#000;
}
/*--welcome-start--*/
.welcome {
    padding: 5em 0;
}
.welcome p {
    font-size: 1em;
    line-height: 1.8em;
    margin: 0em 0 1em;
    color: #797979;
}
.welcome h3 {
    font-size: 2.5em;
    margin: 0 0 1.5em;
    color: #9E6E4E;
	 font-family: 'RobotoSlab-Regular';
}
.wel-lft {
    padding-left: 0;
}
.welcome li a span {
    width: 22px;
    height: 14px;
    display: inline-block;
    background: url(../images/dot.png) no-repeat 1px -1px;
    margin-right: 0.5em;
    vertical-align: middle;
}
.welcome li a {
    color:#D8B7B4;
    font-size: 1em;
    text-decoration: none;
    vertical-align: middle;
    background-color: #774F4B;
    padding: 0.15em 0.8em;
    display: inherit;
}
.welcome li a:hover{
    color: #fff;
}
.welcome li {
    display: block;
    line-height: 2em;
	margin:0.4em 0;
}
.col-md-8.welcome-left {
    border-right: 1px solid #D8CFCA;
}
/*--welcome-end--*/
/*--cases-start--*/
.cases{
	padding:5em 0px;
}
.cases h3 {
    font-size: 2em;
    margin: 0 0 1.5em;
    color: #9E6E4E;
	 font-family: 'RobotoSlab-Regular';
}
.cases p {
    font-size: 1em;
    line-height: 1.8em;
    margin: 1em 0;
    color: #797979;
}
/*--cases-end--*/
/*--news-start--*/
.news{
	padding:5em 0px;
}
.news h3 {
    font-size: 2em;
    margin: 0 0 1.5em;
    color: #9E6E4E;
	 font-family: 'RobotoSlab-Regular';
}
.news h5 {
    font-size: 1.3em;
    margin: 0 0 1.5em;
    color: #190608;
	 font-family: 'RobotoSlab-Regular';
}
.news p {
    font-size: 1em;
    line-height: 1.8em;
    margin: 1em 0;
    color: #797979;
}
.new-lft {
    padding-left: 0;
}
.news-left {
    padding-left: 0;
}
/*--news-end--*/

.cont-tp {
    border-bottom: 1px solid #fff;
    padding: 0 0 0.5em;
    margin: 0 0 1.5em;
    width: 55%;
}
.footer p {
    color: #6F6E6E;
    font-size: 1em;
    line-height: 1.8em;
    margin: 0.3em 0;
}
address {
    color:#6F6E6E;
    line-height: 1.8em;
}
.copyright {
    padding: 1em 0;
    text-align: center;
}
.footer p a {
    color: #fff;
   text-decoration:none;
}
.footer p a:hover{
    color: #6F6E6E;
}
.footer input[type="text"] {
    font-size: 0.95em;
    color: #A5A5A5;
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: 65%;
    outline: none;
    background: none;
    border: 1px solid #fff;
}
.footer input[type="submit"]:hover {
    background: #474F52;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
.footer input[type="submit"] {
    padding: 0.55em 0em;
    font-size: 1em;
    width: 25%;
    background: #a5acaf;
    color: #fff;
    border: none;
    outline: none;
}
/*--footer-end--*/
.glyphicon {
    font-size: 2em;
    color: #9A8989;
}
.footer-text {
    padding: 1em 0;
    text-align: center;
}
/*--clients--*/
.banner-1{
	background:url(../images/1.jpg) center fixed;
	min-height:300px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	position:relative;
}
.clients h3,.practice h3,.resource h3,.contact h3 {
    font-size: 2.5em;
    margin: 0 0 1.5em;
    color: #9E6E4E;
    font-family: 'RobotoSlab-Regular';
}
.clients p,.practice p,.resource p,.contact p {
    font-size: 1em;
    line-height: 1.8em;
    margin: 0em 0 1em;
    color: #797979;
}
.clients h5{
    font-size: 1.3em;
    margin: 1em 0;
    color: #9E6E4E;
    font-family: 'RobotoSlab-Regular';
}
.clients h4, .practice h4, .resource h4,.contact h4 {
    font-size: 1.3em;
    margin: 0em 0 1em;
    line-height: 1.3em;
    color: #9E6E4E;
    font-family: 'RobotoSlab-Regular';
}
.clients,.practice ,.resource ,.contact,.typo{
    padding:5em 0;
}
.cli-top {
    margin-bottom: 4em;
}
.clients h5 a,.resource h5 a {
    color: #9E6E4E;
    font-size: 1.4em;
    text-decoration: none;
}
.clients h5 a:hover,.resource h5 a:hover{
	color:#4C211D;
}
.clients-left img:hover {
    opacity: 0.5;
}
/*--clients--*/
/*--resource--*/
.re-lft {
    padding: 0;
}
.res-top {
    margin: 2em 0;
}
.resource li,.practice li {
    display:block;
}
.resource li a span,.practice li a span {
    width: 22px;
    height: 14px;
    display: inline-block;
    background: url(../images/dot.png) no-repeat 1px -1px;
    margin-right: 0.5em;
    vertical-align: middle;
}
.resource li a,.practice li a {
    color: #9E6E4E;
    font-size: 1em;
    text-decoration: none;
    vertical-align: middle;
    padding: 0.15em 0.8em;
    display: inherit;
    line-height: 1.8em;
}
.resource li a:hover,.practice li a:hover{
    color: #4C211D;
}
.about1-bottom1 span {
    color: #4C211D;
    font-size: 4.5em;
    display: block;
    line-height: 1em;
    font-family: 'RobotoSlab-Regular';
}
.about1-bottom2 {
    margin-top: 3em;
}
/*--resource--*/
/*--practice--*/
.pra-lft {
    float: left;
    width: 40%;
    margin-right: 2%;
}
.pra-rgt {
    float: left;
    width: 58%;
}
.pra-tp {
    margin: 4em 0 0;
}
/*--practice--*/
/*--contact--*/
.contact-bottom input[type="text"], .contact-bottom textarea {
    font-size: 1em;
    width: 80%;
    padding: 0.6em;
    margin: 1em 0;
    outline: none;
    background: none;
    color: #544D4D;
    border: 1px solid #544D4D;
    display: block;
}
.contact-bottom textarea {
    resize: none;
    width: 100%;
    min-height: 170px;
}
.contact-bottom input[type="submit"] {
    padding: 0.3em 1em;
    font-size: 1.1em;
    outline: none;
    border: none;
    color: #fff;
    background: #9E6E4E;
}
.contact-bottom input[type="submit"]:hover {
    background: #4C211D;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.8em;
    color: #7E7D7D;
}
.contact-lft p a {
    color: #7E7D7D;
}
.map iframe {
    width: 100%;
    height: 190px;
    margin: 1em 0;
	border: none;	
}
/*--contact--*/
/*--Typography--*/
.show-grid [class^=col-] {
    background: #fff;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2em;
  border: 10px solid #f0f0f0;
}
.show-grid [class*="col-"]:hover {
  background: #e0e0e0;
}
.grid_3{
	margin-bottom:2em;
}
.xs h3, h3.m_1{
	color:#000;
	font-size:1.7em;
	font-weight:300;
	margin-bottom: 1em;
}
.grid_3 p{
  color: #999;
  font-size: 0.85em;
  margin-bottom: 1em;
  font-weight: 300;
}
.grid_4{
	background:none;
	margin-top:50px;
}
.label {
  font-weight: 300 !important;
  border-radius:4px;
}  
.grid_5{
	background:none;
	padding:2em 0;
}
.grid_5 h3, .grid_5 h2, .grid_5 h1, .grid_5 h4, .grid_5 h5, h3.hdg, h3.bars {
	margin-bottom: 1em;
    color:#9E6E4E;
   
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  z-index: 0;
}
.badge-primary {
  background-color: #03a9f4;
}
.badge-success {
  background-color: #8bc34a;
}
.badge-warning {
  background-color: #ffc107;
}
.badge-danger {
  background-color: #e51c23;
}
.grid_3 p{
  line-height: 2em;
  color: #888;
  font-size: 0.9em;
  margin-bottom: 1em;
  font-weight: 300;
}
.bs-docs-example {
  margin: 1em 0;
}
section#tables  p {
 margin-top: 1em;
}
.tab-container .tab-content {
  border-radius: 0 2px 2px 2px;
  border: 1px solid #e0e0e0;
  padding: 16px;
  background-color: #ffffff;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  padding: 15px!important;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  font-size: 0.9em;
  color: #999;
  border-top: none !important;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.label {
  font-weight: 300 !important;
}
.label {
  padding: 4px 6px;
  border: none;
  text-shadow: none;
}
.nav-tabs {
  margin-bottom: 1em;
}
.alert {
  font-size: 0.85em;
}
h1.t-button,h2.t-button,h3.t-button,h4.t-button,h5.t-button {
line-height:1.8em;
  margin-top:0.5em;
  margin-bottom: 0.5em;
}
li.list-group-item1 {
  line-height: 2.5em;
}
.input-group {
  margin-bottom: 20px;
  }
.in-gp-tl{
padding:0;
}
.in-gp-tb{
padding-right:0;
}
.list-group {
  margin-bottom: 48px;
}
 ol {
  margin-bottom: 44px;
}
h2.typoh2{
    margin: 0 0 10px;
}
h3.title {
    text-align: center;
	color:#9E6E4E;
	font-size:2.5em;
	margin:0;
	font-family: 'RobotoSlab-Regular';
}
.typo {
    padding: 5em 0;
}
/*--//Typography --*/
/*--responsive--*/
@media(max-width:1280px){
}
/*--responsive--*/
@media(max-width:1024px){
.navbar-default .navbar-nav > li > a {
    padding: 10px 17px;
}
.banner-text p {
    font-size: 1em;
}
.head-main {
    width: 23%;
}
.banner-text h2 {
    font-size: 2em;
}
.banner {
    min-height: 500px;
}
.welcome h3 {
    font-size: 2.1em;
}
.welcome li a {
    font-size: 0.9em;
}
.welcome p {
    font-size: 0.9em;
}
.welcome {
    padding: 3em 0;
}
.cases {
    padding: 3em 0px;
}
.cases h3 {
    font-size: 1.7em;
}
.cases p {
    font-size: 0.9em;
}
.news h3 {
    font-size: 1.7em;
}
.news h5 {
    font-size: 1.2em;
    margin: 0 0 1em;
}
.news p {
    font-size: 0.9em;
}
.news {
    padding: 3em 0px;
}
.footer h4 {
    font-size: 1.7em;
}
address {
    font-size: 0.9em;
}
.clients h3, .practice h3, .resource h3, .contact h3 {
    font-size: 2.1em;
}
.clients p, .practice p, .resource p, .contact p {
    font-size: 0.9em;
}
.resource li a, .practice li a {
    font-size: 0.9em;
}
.clients, .practice, .resource, .contact, .typo {
    padding: 3em 0;
}
.clients h5 a, .resource h5 a {
    font-size: 1.2em;
}
.clients h4, .practice h4, .resource h4, .contact h4 {
    font-size: 1.2em;
}
.about1-bottom1 span {
    font-size: 3.5em;
}
.footer input[type="submit"] {
    width: 33%;
}
h3.title {
    font-size: 2.1em;
}
}

/*--responsive--*/
@media(max-width:920px){
.head-main {
    width: 22%;
}
.navbar-default .navbar-nav > li > a {
    padding: 10px 10px;
	font-size:0.9em;
}
.hea-rgt a {
    padding: 0.5em 0.8em;
    font-size: 0.85em;
}
.navigation {
    margin: 0.5em 0 0;
}
.head-main h1 a {
    font-size: 1.4em;
}
.banner-text {
    padding: 6.4em 2em;
}
.banner {
    min-height: 450px;
}
.banner-text h2 {
    font-size: 1.5em;
}
.welcome-right {
    float: left;
    width: 40%;
}
.welcome-left {
    float: left;
    width: 60%;
}
.wel-rgt {
    padding: 0;
    margin: 1em 0 0;
}
.welcome h3 {
    font-size: 1.9em;
}
.cases-left {
    float: left;
    width: 33.33%;
}
.news-left {
    float: left;
    width: 50%;
}
.contact-left {
    float: left;
    width: 33.33%;
}
.footer p {
    font-size: 0.9em;
}
.footer input[type="submit"] {
    width: 45%;
}
.footer input[type="text"] {
    width: 100%;
    margin: 0 0 0.5em;
}
.new-rgt {
    margin: 1em 0 0;
    padding: 0;
}
.clients h3, .practice h3, .resource h3, .contact h3 {
    font-size: 1.7em;
}
.practice-left {
    float: left;
    width: 40%;
}
.pr-rgt {
    float: left;
    width: 40%;
}
.pr-lft {
    float: right;
    width: 60%;
}
.banner-1 {
    min-height: 200px;
}
.clients-left {
    float: left;
    width: 33.33%;
}
.clients h5 a, .resource h5 a {
    font-size: 1.1em;
}
.resource-lft {
    float: left;
    width: 55%;
}
.resource-rgt {
    float: right;
    width: 45%;
}
.re-rgt {
    padding: 0;
    margin: 1em 0 0;
}
.about1-bottom1 {
    float: left;
    width: 33.33%;
}
h3.title {
    font-size: 1.7em;
}
}
/*--responsive--*/
@media(max-width:767px){
.navbar-toggle {
    padding: 9px 10px;
    margin-top: 28px;
    margin-bottom: 0px;
    margin-right: 0px;
	margin-top:-42px;
    background-color: transparent;
}
.navbar {
  position: relative;
  min-height: 0px;
  margin-bottom: 0px;
  border: none;
}
.navbar-nav > li > a {
  padding: 0.8em 0em;
  font-size: 1em;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #4C211D;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-nav {
    margin: 1px 0px;
    width: 100%;
    text-align: center;
}
.navbar-default .navbar-toggle {
    border-color: #fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #fff;
    background-color: rgba(200,200,200, 0.2);
}
.navigation {
    margin: 0.5em 0 0;
    float: left;
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
	font-size:1em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
     color: #fff;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #45B035;
   background-color: rgba(255, 255, 255, 0.2);
}
.navbar-default .navbar-nav > li > a {
    color: #1D0E05;
}
}
/*--responsive--*/
@media(max-width:667px){
.navbar-toggle {
    margin-right: 0px;
}
}
/*--responsive--*/
@media(max-width:667px){
.navbar-toggle {
    margin-right: 0px;
}
}
 /*--responsive--*/
@media(max-width:640px){
.navbar-toggle {
    margin-right: 0px;
	margin-top: -2.9rem;
}
.banner-text {
    width: 60%;
	padding: 5em 2em;
}
.banner-text h2{
    font-size: 1.4em;
    color: #45B035;
}
.welcome h3 {
    font-size: 1.5em;
}
.cases h3 {
    font-size: 1.5em;
}
.news h3 {
    font-size: 1.5em;
}
.footer input[type="submit"] {
    width: 58%;
}
.footer h4 {
    font-size: 1.5em;
}
.banner-text h1 {
    font-size: 1.2em;
}
.clients h3, .practice h3, .resource h3, .contact h3 {
    font-size: 1.5em;
}
.pra-tp {
    margin: 1em 0 0;
}
}
/*--responsive--*/
@media(max-width:600px){
.navbar-toggle {
    margin-right: 0px;
}
}
/*--responsive--*/
@media(max-width:568px){
.navbar-toggle {
    margin-right: 0px;
}
}
/*--responsive--*/
@media(max-width:480px){
	.head-main {
    width: 30%;
}
.navbar-toggle {
    margin-right: 0px;
}
.banner-text p {
    font-size: 0.875em;
}
.banner-text {
    width: 60%;
    padding: 2em 2em;
}
.banner {
    min-height: 352px;
}
.welcome-left {
    border-right: none ! important; 
	float:none;
	width:100%;
}
.welcome-right {
    float: none;
    width: 100%;
    margin: 2em 0 0;
}
.cases {
    padding: 0em 0px;
}
.cases-left {
    float: left;
    width: 100%;
    margin: 0 0 2em;
}
.cases h3 {
    margin: 0 0 1em;
}
.contact-left {
    float: left;
    width: 100%;
    margin: 0 0 2em;
}
.footer {
    background-color: #2B2526;
    padding: 2em 0 0;
}
.practice-left {
    float: none;
    width: 100%;
    margin: 0 0 2em;
}
.clients h3, .practice h3, .resource h3, .contact h3 {
    margin: 0 0 1em;
}
.clients p, .practice p, .resource p, .contact p {
    font-size: 0.875em;
}
.pra-lft {
    float: left;
    width: 100%;
    margin-right: 0%;
}
.pra-rgt {
    float: left;
    width: 100%;
    margin: 1em 0 0;
}
.pr-rgt {
    float: left;
    width: 100%;
}
.pr-lft {
    float: right;
    width: 100%;
    margin: 1em 0 0;
}
.clients h5 a, .resource h5 a {
    font-size: 1em;
}
.clients-left {
    float: left;
    width: 100%;
    margin: 0 0 2em;
}
.cli-top {
    margin-bottom: 0em;
}
.footer input[type="text"] {
    width: 74%;
}
.footer input[type="submit"] {
    width: 24%;
}
.about1-bottom2 {
    margin-top:3em;
}
.resource-lft {
    float: left;
    width: 100%;
}
.resource-rgt {
    float: right;
    width: 100%;
}
.col-md-4.about1-bottom1 {
    float: left;
    width: 100%;
}
.label {
    font-size: 54%;
}
.grid_3 {
    margin-bottom:2em;
}
.grid_5 {
    background: none;
    padding: 0em 0;
}
}
/*--responsive--*/
@media(max-width:414px){
.navbar-toggle {
    margin-right:0px;
}
.banner-text {
    width: 72%;
    padding: 2em 1em;
    height: 352px;
}
}
/*--responsive--*/
@media(max-width:384px){
.navbar-toggle {
    margin-right:0px;
}
.header-right {
    float: right;
    width: 50%;
}
.head-main {
    width: 35%;
}
}
/*--responsive--*/
@media(max-width:375px){
.head-main {
    width: 35%;
}
.navbar-toggle {
    margin-right: 0px;
}
}
/*--responsive--*/
@media(max-width:320px){
.hea-rgt a {
    padding: 0.5em 0.5em;
    font-size: 0.8em;
}
.navbar-toggle {
    margin-right:0px;
}
.head-main h1 a {
    font-size: 1.1em;
}
.head-main {
    width: 34%;
}
.header-right {
    float: right;
    width: 50%;
}
.soc {
    float: left;
    margin: 0.4em 0;
    width: 47%;
}
.soc ul li {
    margin: 0 1px;
}
.banner-text {
    width: 80%;
    padding: 1em 1em 2em;
}
.banner-text h2 {
    font-size: 0.9em;
    line-height: 1.5em;
	margin:0;
}
.banner-text p {
    font-size: 0.85em;
}
.hvr-shutter-in-horizontal {
    padding: 0.3em 0.8em;
    font-size: 0.8em;
}
.banner {
    min-height: 307px;
}
.welcome {
    padding: 2em 0;
}
.welcome h3 {
    margin: 0 0 0.8em;
}
.welcome-left {
    border-right: none;
    padding: 0;
}
.welcome-right {
    padding: 0;
}
.cases-left {
    padding: 0;
}
.news {
    padding: 0em 0 ;
}
.news-left {
    float: left;
    width: 100%;
    margin: 0 0 1em;
}
.header-top {
    padding: 0.5em 0px;
}
.header {
    padding: 0.5em 0px;
}
.contact-left {
    margin: 0 0 1em;
    padding: 0;
}
.footer input[type="text"] {
    width: 64%;
}
.footer input[type="submit"] {
    width: 34%;
}
.footer-text {
    padding: 0em 0 0.5em;
    text-align: center;
}
.clients, .practice, .resource, .contact, .typo {
    padding: 2em 0;
}
.practice-left {
    padding: 0;
}
.practice-right {
    padding: 0;
}
.pr-rgt {
    padding: 0;
}
.pr-lft {
    padding: 0;
}
.clients-left {
    padding: 0;
}
.resource-lft {
    padding: 0;
}
.resource-rgt {
    padding: 0;
}
.about1-bottom2 {
    margin-top: 2em;
}
.about1-bottom1 {
    padding: 0;
}
.contact-lft {
    padding: 0;
}
.contact-bottom {
    padding: 0;
}
.contact-bottom input[type="text"], .contact-bottom textarea {
    font-size: 0.9em;
	width:100%;
}
.contact-bottom textarea {
    min-height: 150px;
}
.contact-bottom input[type="submit"] {
    font-size: 1em;
}
.banner-1 {
    min-height: 140px;
}
.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 8px 10px;
    font-size: 18px;
}
.table td, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px!important;
}
}


.tab-show{display: block;}
.tech_more_box{ margin-top: 2rem; margin-right: 2rem; cursor: pointer ;float: right; display: flex;align-items: center;  justify-content: center; color: #172A88; padding:0.5rem 1rem; border-radius: 2rem;  border: 1px solid #172A88;}


@media(max-width:1900px){
    .swiper-slide .swiper-item .swiper-box-item1 img{
        width: 100%
    }
}

@media(min-width:1901px){
    .swiper-slide .swiper-item .swiper-box-item1 img{
        width: auto
    }
}

/*--手机端样式--*/
@media(max-width:900px){ 
    .web-nav-block{ margin: auto;  padding:0 2%;}
    .web-bg{overflow: hidden;width: 100%; margin: auto; }
    .product-block{width: 100%; padding-bottom: 0rem}
    .web-show{display: none ! important;}
    .web-banner{display: none}
    .banner{background:url(../images/banner_1.png) no-repeat;}
    .web-box-block{ margin: auto;  padding:0 2%; overflow: hidden}
    .about-left{width: 100%;}
    .about-right{width: 100%;}
    .web-block{ padding:0 2%; }
    .wap-show{display: block}
    .pro-block{ width: 100%; padding: 1rem; padding-top: 3rem}
    .pro-block .pro-right{float: right; margin-top: 2rem; width: 100%;overflow: hidden}
    .pro-block .pro-left{border:3px solid #C8E2C4; float: left; width: 100%; padding: 1rem; background-color:white; border-radius: 2rem; box-shadow: 0px 4px 4px rgba(165, 165, 165, 0.2);}
    .pro-img-ul{ width: 80rem;}
    .pro-img-ul .pro-img-li{ position: relative; margin-top:1rem ;display: flex;align-items: center;  justify-content: center;float: left; margin-right: 1rem; width: 13rem; height: 13rem; }
    .pro-title-right{ margin-right: 2rem ; margin: auto; overflow: hidden; margin-top: 2rem;}
    
    .value-box-li{width: 50%; height: 50%}

    .value-box-ul{width: 100%;  height: 30rem; }
    .pro-block-ul .pro-block-li{width: 100%}
    
    .padding-top-8{padding-top: 4rem ! important;} 
    .padding-top-4{padding-top: 2rem ! important;} 
    .padding-top-2{padding-top: 1rem ! important;} 
    .padding-top-1{padding-top: 0.5rem ! important;} 
    
    .margin-top-8{margin-top: 4rem ! important;} 
    .margin-top-4{margin-top: 2rem ! important;} 
    .margin-top-2{margin-top: 1rem ! important;} 
    .margin-top-1{margin-top: 0.5rem ! important;} 
    
    .middle_banner_block{position: relative; overflow: hidden; }
    .middle_banner_text{position: absolute; width: 100%; height: 100%; z-index: 3;text-align: center; color: white; font-size: 0.8rem; padding-top: 16%; cursor: pointer;top:0;}
    .wap-show .certf_img img{ /*height: 15rem*/}
    .swiper-slide .certf_img{height: 300px; display: flex; align-items: center; justify-content: center;}
    .value-box-text .value-box-icon{height: 5rem;}
    
    .value-box-text .value_img_1{ display: flex; align-items: center; justify-content: center;width: 100%}
    .value-box-text .value_img_2{ display: flex; align-items: center; justify-content: center;width: 100%}
    
    .value-box-text .value_img_1 img{height: 75px}
    .value-box-text .value_img_2 img{height: 75px}
    .value-box-text{position: relative; z-index: 2; color:#94D68A; width: 8.9rem; margin: auto; margin-top: 2rem}
    .value-li-title{margin-top: 2rem;text-align: center; font-size: 2rem}
    
    .value-box-li:hover .value-box-text{color:white; width: 100%; margin-left: auto;margin-right: auto;}
    .value-li-line{width: 3rem; height:3px; background-color: white; margin-top: 0.5rem; margin-left: auto; margin-right: auto; display: none}
    .value-box-li:hover .value-li-title{ margin-top: 0.5rem;text-align: center;}
    .value-li-desc{ margin-top: 0.5rem; padding-left: 1rem; padding-right: 1rem; text-align: center; font-size: 1rem;display: none}
    .about-block{overflow: hidden;  padding-bottom: 1rem}
    .value-box{ position: relative; overflow: hidden; margin-bottom: 3rem  }
    
    .news-ul .news-li{ width: 100%; float: left; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem;}
    .news-block-img{ padding: 0px 10px;overflow: hidden; height: 220px}
    .pro-list-block{padding:0 2%; overflow: hidden; margin: auto; margin-top: 2rem}
    .news-right{width: 100%; margin-bottom: 10%}
    .faq_box_ul{ overflow: hidden; padding: 5px;margin-top:0rem}
    .ser_pro_li{float: left; width: 100%;}
    .pro_li_left{width: 90%;float: left; margin-bottom: 20px}
    .li_right_box{ padding-left: 0%; width: 100% }
    .pro_li_right{float:left;width: 90%; }
    .ser_pro_list{overflow: hidden; padding: 5px; margin-top: 0rem}
    .ser_banner_box{position: relative; height: 220px; }
    .ser_banner_box .ser_banner_txt{ color: white ;position: absolute; width: 100%; text-align: center; top:100px;  transform: translate(0%, -50%);}
    .core_block_left{float: left; width: 100%}
    .core_block_right{float: right; width: 100%; margin-top: 1rem}
    .about_core_li{width: 100%; float: left;  padding: 1rem}
    .search-input-box{width: 60%;}
    .search-button-box{width: 40%; display: flex; align-items: center; justify-content: center;}
    
    
    .search-input-box .search-input{ width: 100%; padding: 0.5rem 1.5rem; border-radius: 2rem; border: 1px solid #E9EAEC; color: #666666}
    .news-list-box .news-list-li{width: 100%; overflow: hidden; float: left;}
    
    .expo-list-li{display: flex; flex-direction: column;  overflow: hidden; padding: 1rem; border-radius: 1rem;  box-shadow: 0px 3px 6px rgba(200,200,200,0.4); margin: 5px; margin-bottom: 20px}
    .expo-list-li .expo-li-right{width: 100%}
    .expo-li-left{width: 100%; padding: 1.5rem}
    .contact-li-right{ width: 80%;padding-left: 10%}
     
    .contact-li-right .li-right-txt{font-size: 1.2rem; color: #45B035; font-weight: bold; padding:10px 5px}
    .contact-li-right .li-right-tel{font-size:1.2rem; color: #172A88;  padding:10px 5px; margin-top: 5px}
    .contact-li-left{ width: 20%; display: flex; align-items: center; justify-content: center}
    .contact-li-right .li-right-desc{font-size:0.8rem; color: #172A88;  padding:10px 5px; margin-top: 2%;line-height: 1.2rem}
    .job-li-right .job-right-txt{font-size: 1rem; color: #45B035; font-weight: bold; padding:10px 5px}
    .job-li-right{ width: 80%;padding-left: 5%}
    
    .job-li-right .job-right-desc{text-overflow: ellipsis; height: 8rem;overflow: hidden;width: 100%; font-size:0.8rem; color: #172A88;  padding:10px 5px; margin-top: 2%; margin-bottom: 4%; line-height: 1.2rem}
    .job-button-box{width: 100%;display: flex;align-items: end;  justify-content: right; padding-bottom: 2%}
    .about-img-left{ width: 100%; float: left}
    .about-txt-right{ width: 100%;float: left;  }
    .pro-left-box{width: 100%;overflow: hidden; float: left; overflow: hidden}
    .pro-data-box{ position: relative; margin-top: 2%;width: 100%}
    
}

@media(min-width:901px){
    .navigation-bar{width: auto; display: flex; align-items: center; justify-content: center}
    .footer-list{margin-left: 2%}
    .footer-ul{ float: left; overflow: hidden; margin-right: 1rem}
}

@media(min-width:1474px){
    .navigation-bar{width: 65%; display: flex; align-items: center; justify-content: center}
    .footer-list{margin-left: 2%}
    .footer-ul{ float: left; overflow: hidden; margin-right: 4rem}
    
}



/*--电脑端样式--*/
@media(min-width:901px){
    
    .web-nav-block{ margin: auto;  padding:0 9.7%;}
    .web-bg{overflow: hidden;width: 100%; margin: auto; }
    .product-block{width: 100%;padding-bottom: 2rem;margin: auto;}
    .web-box-block{ margin: auto;  padding:0 9.7%; overflow: hidden}
    .wap-show{display: none ! important; }
    .wap-banner{display: none}
    .web-banner{width: 100%; margin: auto}
    .web-top{ width: 100%}
    .head-main{margin-right: 0rem}
    .banner-swiper .swiper-item{overflow: hidden}
    .swiper-box{position: relative;width: 100%; height: 100%; }
    .swiper-box .swiper-box-item1{position: relative;overflow: hidden; width: 100%; height: 100%; z-index:1}
    .swiper-box .swiper-box-item2{position: absolute; width: 32.5rem; padding: 1.6rem; right: 10rem; top:15rem; z-index:2}
    .swiper-box .swiper-desc1{background-color: rgba(0, 0, 0, 0.2);}
    .swiper-box .swiper-desc2{background-color: rgba(255, 255, 255, 0.2);}
    .swiper-box-item2 .item2-title{font-size: 2.5rem;font-weight: bold; color: #45B035}
    .swiper-box-item2 .item2-desc{font-size: 1.2rem; color: #666666;text-align: left;margin-top: 4rem; line-height: 2.4rem}
    .about-left{width: 45%;}    
    .about-right{width:50%}
    .web-block{ padding:0 9.7%;}
    
    .pro-block{  padding: 0 9.7%;}
    .pro-block .pro-left{border:3px solid #C8E2C4; float: left; padding: 2.8rem; background-color:white; border-radius: 2rem; box-shadow: 0px 4px 4px rgba(165, 165, 165, 0.2);}
    .pro-block .pro-right{float: left; margin-left: 1rem; width: 95%}
    .pro-img-ul .pro-img-li{display: flex; position: relative; align-items: center;  justify-content: center;float: left; margin-right: 0rem; width: 15%; height: 13rem; }

    .pro-title-right{ margin-right: 2rem ; float: right; position: relative; z-index: 999;}
    
   
    
    .value-box-li{width: 25%;height: 100%;}
    .value-box-ul{width:100%;  height: 28.125rem; }
    
    .pro-block-ul .pro-block-li{width: 95%;}
    
    .padding-top-8{padding-top: 8rem ! important;} 
    .padding-top-4{padding-top: 4rem ! important;} 
    .padding-top-2{padding-top: 2rem ! important;} 
    .padding-top-1{padding-top: 1rem ! important;} 
    
    .margin-top-8{margin-top: 8rem ! important;} 
    .margin-top-4{margin-top: 4rem ! important;} 
    .margin-top-2{margin-top: 2rem ! important;} 
    .margin-top-1{margin-top: 1rem ! important;} 
    
    
    .middle_banner_block{position: relative; overflow: hidden}
    .middle_banner_text{position: absolute; width: 100%; height: 100%; z-index: 3;text-align: center; color: white; font-size: 36px;    font-family: 'SourceHanSansCN-Regular'; top: 0; cursor: pointer; white-space: nowrap; 
  overflow: hidden;        
  text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
    }
    
    .swiper-slide .certf_img{height: 600px; display: flex; align-items: center; justify-content: center;}
    .value-box-text .value-box-icon{height: 10rem;}
    .value-box-text .value_img_1 img{height: 150px}
    .value-box-text .value_img_2 img{height: 150px}
    
    .value-box-text{position: relative; z-index: 2; color:#94D68A; width: 8.9rem; margin: auto; margin-top: 6rem}
    .value-li-title{margin-top: 5rem;text-align: center; font-size: 24px}
    
    .value-box-li:hover .value-box-text{color:white; width: 15rem; margin-left: auto;margin-right: auto;}
    .value-li-line{width: 3rem; height:3px; background-color: white; margin-top: 2rem; display: none}
    
    .value-box-li:hover .value-li-title{ margin-top: 2rem;text-align: left;}
    .value-li-desc{ margin-top: 2rem; font-size: 1rem;display: none}
    
    .about-block{overflow: hidden; margin-top: 1rem; padding-bottom: 0rem}
    .value-box{ position: relative; height: 40rem;  }
    
    .news-ul .news-li{ width: 33.3%; float: left; overflow: hidden; padding-top: 1rem; padding-bottom: 1rem;}
    .news-block-img{ padding: 0px 10px;overflow: hidden; }
    
    .pro-list-block{padding:0 9.7%; overflow: hidden; margin: auto; margin-top: 2rem}
    .news-right{width: 78%; margin-bottom: 1rem}
    .faq_box_ul{ overflow: hidden; padding: 5px;margin-top:2rem}
    .ser_pro_li{width: 65%; margin: auto}
    .pro_li_left{width: 30%;float: left;}
    .li_right_box{ padding-left: 15%; width: 100% }
    .pro_li_right{float:left;width: 60%; }
    .ser_pro_list{overflow: hidden; padding: 5px; margin-top: 2rem}
    .ser_banner_box{position: relative; height: 20rem; }
    .ser_banner_box .ser_banner_txt{ color: white ;position: absolute; width: 100%; text-align: center; top:50%;  transform: translate(0%, -50%);}
    .core_block_left{float: left; width: 60%}
    .core_block_right{float: right; width: 30%; margin-top: 1rem}
    .about_core_li{width: 33.33%; float: left;  padding: 1rem}
    
    .search-input-box{width: 62%;}
    .search-button-box{width: 25%;  display: flex; align-items: center; justify-content: center;}
    
    .search-input-box .search-input{ width: 100%; padding: 0.5rem 1.5rem; border-radius: 2rem; border: 1px solid #E9EAEC; color: #666666}
    .news-list-box .news-list-li{width: 33.33%; overflow: hidden; float: left;}
    .expo-list-li{ overflow: hidden; padding: 1rem; border-radius: 1rem;  box-shadow: 0px 3px 6px rgba(200,200,200,0.4); margin: 5px; margin-bottom: 20px}
    .expo-list-li .expo-li-right{width: 20%; float: right}
    .expo-li-left{width: 80%; padding: 1.5rem; float: left}
    .contact-li-right{ width: 85%;padding-left: 10%}
    
    .contact-li-right .li-right-txt{font-size: 1.8rem; color: #45B035; font-weight: bold; padding:10px 5px;font-size: 36px; font-family: "SourceHanSansCN-Regular";}
    .contact-li-right .li-right-tel{color: #172A88;  padding:10px 5px; margin-top: 5px; font-size: 18px; font-family: "SourceHanSansCN-Regular";}
    .contact-li-left{ width: 12%}
    .contact-li-right .li-right-desc{font-size:18px; color: #172A88;  padding:10px 5px; margin-top: 2%;line-height: 2.4rem;font-family: "SourceHanSansCN-Regular";}
    .job-li-right .job-right-txt{font-size: 1.4rem; color: #45B035; font-weight: bold; padding:10px 5px}
    .job-li-right{ width: 60%;padding-left: 10%}
    
    .job-li-right .job-right-desc{text-overflow: ellipsis; height: 100px;overflow: hidden;width: 65%; font-size:0.8rem; color: #172A88;  padding:10px 5px; margin-top: 2%;line-height: 2rem}
    
    .job-button-box{width: 25%;display: flex;align-items: center;  justify-content: right;}
    
    .about-img-left{ width: 28%; float: left}
    .about-txt-right{ width: 69%;float: left; margin-left: 3%; margin-top: 40px}
    
    
    .navbar-search{float: right;   }
    .web-logo{}
    
    .pro-img-block{ display: flex; align-items: center; justify-content: center;overflow: hidden}
    .pro-left-box{width: 40%;overflow: hidden; float: left; overflow: hidden;}
    .pro-data-box{ position: relative; margin-top: 2%;width: 88%}
    
}

@media(max-width:1374px){ 
    .en-web-nav-block{padding: 0 1%;}
}


.float-left{float: left; opacity:0.6}
.float-right{float:right;}

.search{padding-top: 0.8rem}
.search span{margin-left: 2.5rem}


.bg-img1{position: absolute;right: 0; }
.bg-img2{position: absolute; z-index: 1;  top: 50%; left: 50%; transform: translate(-50%, -50%);  }
.block-plate{ padding-bottom:10rem }

.web-block .web-title{ width: 20rem; transform: translate(15%, 0%);  margin: auto; border-left: 5px solid #45B035; padding-left: 1rem}
.web-block .web-title .cn{color: #333333; font-family: 'SourceHanSansCN-Bold';font-size: 36px; }
.web-block .web-title .en{color: #D5F1D1;font-size: 32px;font-family: 'Source Han Sans CN';font-weight: 500;}
.about-box{position: relative; }
.about-text-box{position: relative; z-index: 2; }

.about-left{float: left; padding: 2rem}
.about-right{ float: right; padding: 1rem}
.about-left .about-line{ height: 0.6rem; width: 4rem; background-color: #45B035; margin-bottom: 2rem}
.about-left .about-text{line-height: 2rem; font-size: 16px; font-family: "SourceHanSansCN-Regular";}
.about-button{margin-top: 3rem ;background-color: #45B035; color: white; border-radius: 5rem;width: 9rem; text-align: center; padding-top:0.8rem; padding-bottom: 0.8rem;}
.about-button span{vertical-align: middle;}
.about-right img{/*width: 100%*/}
.product-block{ background: url(../images/index/bg_img_3.png) no-repeat 0px 0px;}

.pro-block{ overflow: hidden;margin: auto;}
.pro-left {overflow: hidden}
.pro-left .pro-left-ul{ position: relative; width:900%;  }
.pro-left .pro-left-ul .pro-left-li{width: 11%; margin-right:1.125rem ; float: left;}


.pro-img-1{ float: right; padding-top: 3rem; padding-bottom: 1rem}
.pro-img-ul{overflow: hidden; position: relative; width: 200%; height: 13rem;}
.pro-right .pro-title{ font-size: 1.4rem; padding-left: 2rem; overflow: hidden; padding-top: 1rem; width: 100%; position: relative;}

.pro-title-left{ float: left; line-height: 4rem; font-size: 24px;display: none;  opacity: 0; position: absolute; width: 60%;
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
    font-family: "SourceHanSansCN-Medium";
}
.pro-title-right{width: 10rem;padding: 0.6rem ; padding-left: 1.6rem; padding-right: 1.6rem; border: 2px solid #172A88; border-radius: 3rem }
.pro-title-right span{vertical-align: middle;}
.pro-title-right .float-left{cursor: pointer;}
.pro-title-right .float-right{cursor: pointer;}

.pro-data{ margin-top: 0.5rem; overflow: hidden}
.pro-data-ul{ overflow: hidden; display: none; opacity:0; }
.pro-data-ul .pro-data-li{ float: left; width: 25%}
.pro-data-ul .pro-data-li .data-li-num{color: #45B035; font-weight: bold; font-size: 14px; text-align: center;margin-top: 0.5rem;}
.pro-data-ul .pro-data-li .data-li-txt{ font-weight: bold; font-size: 14px; text-align: center;margin-top: 0.5rem}
.pro-data-active{ display: block; opacity: 1;}
.product-more{width: 12rem; text-align: center; padding: 0.5rem 1rem; border: 1px solid #172A88; color: #172A88; margin: auto; margin-top: 0rem ; border-radius: 2rem}
.product-more a { display: flex;align-items: center;justify-content: center; }
.product-more span{vertical-align: middle;}
.product-more .more-text{ font-size:16px;font-family: "SourceHanSansCN-Medium";margin-right: 10px; padding-top: 3px}
.product-box{height: 13rem; overflow: hidden;}

.bg-block-1{overflow: hidden; background: url(../images/search.png)no-repeat 0px 0px;}
.middle-block{ margin-top: 5rem}
.middle-block-ul{overflow: hidden; width: 87.5rem; margin:auto}
.middle-block-ul .middle-block-li{float: left; width: 21rem; height: 28rem; background-color: #172A88}

.absolute{ position: absolute; }
.z-index-1{ z-index:1;}
.z-index-2{ z-index:2;}
.middle_banner_box{ padding-bottom: 0rem}

.middle_banner_bg{position: absolute; z-index: 1; width: 100%}
.middle_banner_img{position: relative; z-index: 2; opacity:0; width: 100%}
.tab-active .middle_banner_img{opacity:1;width: 100%}
.middle_banner_item{position: relative; width: 25%;  float: left}



.value-box-bg{ width: 100%; height: 100%; position: absolute; z-index: 1;}
.value-box-title{position:relative; z-index: 2;}
.value-box-ul{ position:relative; z-index: 2;  margin: auto; border: 4px solid rgba(23,42,136, 0.2);margin-top: 4rem; background-color: white }
.value-box-li{ position:relative;  float: left; cursor: pointer; }

.value-box-img{position: absolute; z-index: 1; width: 100%; height: 100%;  opacity: 0;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}






.value-box-text .value_img_box{position: relative}
.value-box-text .value_img_1{position: absolute;  opacity: 0;}
.value-box-text .value_img_2{position: absolute;  opacity: 1;}

.value-box-active .value-box-text{color:white; width: 15rem; margin-left: auto;margin-right: auto;}
.value-box-active .value-li-title{ margin-top: 2rem;text-align: left;}





.value-box-li:hover .value-box-img{opacity: 1;}
.value-box-li:hover .value-li-line{ display: block;}
.value-box-li:hover .value-li-desc{ display: block;}

.value-box-li:hover .value_img_1{ opacity: 1;}
.value-box-li:hover .value_img_2{ opacity: 0;}




.ship-box{margin-top: 0rem; margin-bottom: 0rem}
.ship-ul-1{width: 69.375rem; overflow: hidden; margin: auto}
.ship-li-1{ width: 25%; float: left; padding-top: 1rem;padding-bottom: 1rem}

.ship-ul-2{width: 100%; overflow: hidden; margin: auto}
.ship-li-2{ width: 20%; float: left; padding-top: 0.6rem;padding-bottom: 0.6rem}

.ship-li-img{ border-radius: 10rem ;width: 10rem; height: 10rem; overflow: hidden; margin: auto; background-color: white; box-shadow: 0px 3px 6px #eeeeee; display: flex;align-items: center;  justify-content: center;  text-align: center}
.devel-img-ul{ overflow: hidden; position: relative; width: 333.33%; }

.devel-img-li .devel-img-desc{ text-align: center; line-height: 3rem; font-weight: bold; display: none;}

.devel-box{overflow: hidden;width: 1050px ;margin: auto}
.devel-img-ul .devel-img-li{ float: left; width: 10%; perspective: 600px; }
.devel-img-ul .devel-img-li  {cursor: pointer; text-align: center}


.devel-img-ul .devel-img-li .img-back{transform: rotateY(-90deg) scale(0.2,0.33); opacity:0;}
.devel-img-ul .devel-img-li .img-left{transform: rotateY(-20deg) scale(0.8,0.88);opacity:1;}
.devel-img-ul .devel-img-li .img-right{transform: rotateY(20deg) scale(0.8,0.88);opacity:1;}
.devel-img-ul .devel-img-li .img-before{transform: rotateY(90deg) scale(0.2,0.33);opacity:0;}

.devel-img-ul .devel-img-li .img-middle{opacity:1;}

.devel-img-ul .devel-img-li .devel-img-box{ height: 345px;display: flex ;align-items: center;  justify-content: center;}

.devel-line-box{position: relative; width: 95%; margin: auto;height: 10rem; margin-bottom: 0rem; overflow: hidden}
.devel-line-box .devel-line{ position: absolute;z-index: 1; width: 100%;   top: 50%; left: 50%; transform: translate(-50%, -50%); }

.devel-year-ul{ position: relative; z-index: 2; width: 100%; overflow: hidden;}
.devel-year-ul .devel-year-li{float: left; width: 10%; height: 12.5rem; text-align: center; cursor: pointer; }
.devel-year-ul .devel-year-li .year-spot{width: 1.2rem; height: 1.2rem; border-radius: 1.2rem; background-color: #172A88; margin: auto; margin-top: 4.5rem}
.devel-year-ul .devel-year-li .year-text{font-size: 1.2rem; color: #ccd2cc;margin-top: 1rem}
.cur-year-spot{ width:10rem; margin: auto; overflow: hidden; height: 10rem}
.cur-year-box{ position: relative; height: 100%}
.cur-year-box .year-box-img{position: absolute; z-index: 1; height: 10rem; display: flex; align-items: center; justify-content: center}
.cur-year-box .year-box-txt{position: absolute; z-index: 2;font-size: 2rem; color: white;  top:3.6rem; left:2.6rem}
.year-detail{display: none;}

.devel-year-li .cur-year-text{ font-size: 1rem; font-weight: bold; color: #172A88; text-align: left; padding-left: 0rem; text-align: center}

.news-ul{ width: 100%; overflow: hidden;padding:1rem; padding-top: 2rem }

.news-block{padding: 1rem 0rem; width: 90%; margin: auto; background-color: white; border-radius: 1rem; box-shadow: 0px 3px 6px rgba(69,176,53,0.4); text-align: center; }
.news-block-title{  color: #333333; font-size: 1.6rem; padding: 1rem 0.6rem; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.news-block-bottom{ overflow: hidden; padding: 1rem 2rem; font-size: 1rem}
.news-block-bottom .news-block-date{float: left; font-size: 16px;font-family: "SourceHanSansCN-Regular"; }
.news-block-bottom .news-block-detail{float:right; color: #999999; padding: 0.2rem 1rem; border-bottom: 1px solid #999999}


.footer{width: 100%; overflow: hidden; background-color:#f8f8f8; font-size:0.8rem; }
.footer-top{width:85%; margin: auto; padding-top: 5rem; overflow: hidden}
.footer-logo{ overflow: hidden; padding-bottom: 3rem}
.footer .footer-left{ width: 25%; float: left;}
.footer-left-item{ overflow: hidden; padding: 0.6rem 0rem; line-height:2rem; font-size: 0.9rem;}
.left-item-icon{ float: left; margin-right: 1.5rem}
.left-item-text{ float: left; width: 65%}

.footer-icon-ul{overflow: hidden; margin-top: 2rem}
.footer-icon-ul .footer-icon-li{ float: left; width: 3rem;margin-bottom: 1rem; height: 3rem; display: flex;align-items: center;  justify-content: center;  border: 1px solid rgba(51,51,51,0.2); border-radius: 2rem; margin-right: 1rem; cursor: pointer;}

.footer-list{float: left;overflow: hidden;}

.footer-ul .footer-li{ color: #333333; text-align: center; line-height:2.4rem; padding-left: 0.5rem; padding-right: 0.5rem }
.footer-ul .li-title{ color: #333333; font-weight: bold; font-size: 1rem; margin-bottom: 2rem}

.footer-qrcode{float: right;}
.code-text{text-align: center; line-height: 2rem;}

.footer-bottom{ width: 85% ;overflow: hidden; padding: 1rem 0rem;margin: auto; margin-top: 3rem; border-top: 2px solid #DCDCDC;line-height: 2rem; font-size: 0.7rem; color: #666666 }
.footer-bottom-left{ float: left;}
.footer-bottom-right{float: right; font-size: 0.8rem; color: #172A88}
.footer-bottom-button{ cursor: pointer; padding: 0.2rem 1rem; border: 1px solid #172A88; border-radius: 2rem;}

.tab-block{ display: none;}


.transition-box {
    -webkit-transition: all 0.2s ease-in 0s;
    -moz-transition: all 0.2s ease-in 0s;
    -o-transition: all 0.2s ease-in 0s;
    transition: all 0.2s ease-in 0s;
}

.transition-box-3 {
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}

@keyframes opacity_show_1 {  
    from { opacity: 0; }  
    to { opacity: 1; }  
}  
.img{ width: 100%; display: block; overflow: hidden;}
.show-box_1{animation: opacity_show_1 1s ease forwards;  }
.web-wide-block{width: 100%; margin: auto;overflow: hidden}
.site-map-ul{font-size: 18; color: #45B035; overflow: hidden;float: left; margin-top: 3rem;font-family: "SourceHanSansCN-Medium";}
.site-map-li{float: left; margin-right: 1rem;}
.pro-type-ul{  font-size: 1.2rem; color: rgba(69,176,53,0.45);  overflow: hidden; margin: auto; margin-top: 2rem; margin-bottom: 0rem; display: flex; align-items: center; justify-content: center;}
.pro-type-li{ font-size: 18px; font-family: "SourceHanSansCN-Regular"; cursor: pointer;float: left; margin-right: 1rem; margin-left: 1rem; border: 1px solid #45B035; padding:0.4rem 1.6rem; border-radius: 2rem;-webkit-transition: all 0.3s ease-in 0s;-moz-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;}
.pro-type-active{font-family: "SourceHanSansCN-Bold";  color: white; background-color:#45B035 }
/*.pro-type-li:hover{font-weight: bold;  color: white; background-color:#45B035 }*/


.pro-block-ul{overflow: hidden;padding: 0.5rem; padding-top: 0px;}
.pro-block-ul .pro-block-li{margin-left: 0rem; margin-right: 2rem; margin-bottom: 2rem; float: left;  padding: 2rem;  box-shadow: 0px 3px 6px rgba(69,176,53,0.4); border-radius: 1rem;position: relative; overflow: hidden }
.block-li-box{position: relative;}
.pro-block-bg{position: absolute; right: 0; z-index: 1}
.pro-block-text{ width: 100%; position: relative; z-index: 2;}
.pro-type-title{float: left;  color: #172A88; font-size: 2rem; font-weight: bold;display: flex;align-items: center;  justify-content: center; }
.pro-type-title span{ margin-right: 1rem}
.overflow-hidden{overflow: hidden; margin: auto}
.pro-title-line{ padding-left: 0.4rem; margin-top: 1rem; width: 40%}
.pro-img-left{width: 40%; float: left;border: 3px solid rgba(200,226,196,0.45); border-radius: 1rem; margin-top: 2rem; margin-left: 0.3rem; padding: 2rem 1rem;}
.pro-text-right{float: left; width: 55%; padding-top: 3.25rem; padding-left: 2rem}
.pro-text-right .text-right-title{ overflow:  hidden;  }
.pro-text-right .text-right-title div{    font-family: "SourceHanSansCN-Regular";background-color: #45B035; float: left; color: white; padding: 0.2rem 0.6rem; font-size: 18px; font-weight: bold;}
.text-right-desc{margin-top: 1rem;color: #172A88; font-size: 1rem; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  }
.text-right-list{ margin-top: 0rem; font-size: 0.8rem; color: #333333; padding: 0.4rem 0rem; display: flex;  justify-content: left;}
.text-right-list span{ margin-right: 1rem; font-size: 18px;     font-family: "SourceHanSansCN-Regular";}
.text-right-detail{position: relative; height:5rem}
.text-right-button{position: absolute; bottom: 20px; right: 20px; color: #45B035; padding: 0.5rem 1rem; border-bottom: 2px solid #45B035}
.pro-block-tab{  padding: 0rem 0.5rem;  color: #999999; overflow: hidden}
.pro-block-tab .pro-tab-title{ float: left;border-bottom: 1px solid #999999; padding: 0rem 0.2rem; text-align: center;}


.block-1{ height: 5rem;}

.web-box-left{ width: 56%; float: left; overflow: hidden;}
.web-box-right{width: 44%; float: left; overflow: hidden;}
.serv-box-block{position: relative; height: 800px}
.serv-box-block .web-box-bd{position: absolute;z-index: 1; width: 100%;}
.web-box-bg{width: 41%;}

.web-box-block .about-brief-text{ line-height: 2rem; font-size: 1rem; color: #666666; padding:3rem 0rem; margin-top: 1rem }
.web-box-block .about-insert-imgs{overflow: hidden;padding:0 5%;}
.about-insert-imgs .insert_img_1{width: 40%; float: left;  margin-left: 6%}
.about-insert-imgs .insert_img_2{width: 25%; float: left;  margin-left: 6%}

.about_core_title{text-align: center; font-size: 2rem; font-weight: bold; color: #172A88;font-family: "SourceHanSansCN-Medium";}
.about_core_box{ padding:0 2%; margin-top: 2rem; margin-bottom: 2rem}
.about_core_block{ padding: 2rem 5%; width: 100%; border-radius: 1rem; box-shadow: 0px 3px 6px rgba(23,42,136,0.4); overflow: hidden }


.core_block_num{ font-size: 8rem; font-weight: bold; color: rgba(23,42,136,0.2);}
.core_block_cn{ float: left; background-color: #172A88; color: white; font-size: 2rem; padding:0.2rem 0.4rem; margin-top: 1rem}
.core_block_en{ color: #172A88; font-size: 1.4rem; padding:0.2rem 0rem; margin-top: 1rem;text-transform: uppercase;  }

.core_block_bottom{ overflow: hidden; margin-top: 1rem}
.core_block_top{color:#172A88; font-size: 1.4rem; line-height: 2rem;}
.block_bottom_en{float: left; width: 40%; margin-top: 4rem; line-height: 1.5rem; font-size: 0.8rem;  color: #999999}
.block_bottom_img{float: right; width: 15%}

.core_right{float: right; text-align: right}
.core_left{float: left;}


.core_li_box{background-color: #F7F8FA;padding: 1rem}
.core_li_title{color: #172A88; font-size: 1.2rem; padding: 0.5rem 0rem;height: 4rem; overflow: hidden}
.about_core_desc{overflow: hidden;  }
.about_core_desc .core_desc_en{color: #999999; font-size: 0.8rem; float: left; width: 50%; margin-top: 3rem}
.about_core_desc .core_desc_img{float:right; width: 40%}
.block_padding_0{padding: 0rem;}
.web-title-left{ float: left;}
.block_padding_0 .web-title{transform: translate(0%, 0%);}
.tech_more_text{float: left; margin-right: 0.5rem}
.tech_more_img{float: left; width: 24px; height: 24px}
.about_img_box{width: 100%; overflow: hidden}
.about_img_box .about_img_ul{position: relative; width: 200%; display: flex; overflow: hidden}
.about_img_box  .about_img_li{width: 16.66%; overflow: hidden;}
.about_img_box .img_li_box{padding:5%; overflow: hidden; position: relative;}
.about_li_img{position: relative; overflow: hidden; z-index: 1}
.about_li_text{position: absolute; z-index: 2;width: 100%; bottom: 0; color: white; background-color: rgba(0,0,0,0.5)}
.about_li_title{padding:0.5rem 1.5rem; font-size: 1.4rem; font-weight: bold}
.about_li_desc{padding:0.5rem 1.5rem; padding-bottom: 2rem;font-size: 16px; font-family: "SourceHanSansCN-Normal";}

.display-flex{display: flex;}
.news-left{width: 22%;}
.news-nav-ul{ width: 80%; border-right: 1px solid #45B035; color: #666666; padding-bottom: 1rem}

.news-nav-li{padding:5% 0%; position: relative; cursor: pointer;}
.new-nav-text{position: relative;overflow: hidden; z-index: 3; padding-left: 20%; color: #333333}
.news-nav-li .li-cur-bg{opacity:0; position: absolute;z-index: 1; left: 2px; width:100%; height: 100%;   border-right: 3px solid #45B035; top:0; }
.news-nav-li .li-cur-bd{opacity:0; position: absolute;z-index: 2; left: 2%;width: 96%; height: 90%; top: 5%; background: linear-gradient(to right, #ffffff, #F1FFEF); border-radius: 2rem;  box-shadow: 0px 3px 6px rgba(150,150,150,0.2); }


.news-nav-li:hover .li-cur-bg{opacity:1; animation-name: fadeInDown; animation-duration: .2s;}
.news-nav-li:hover .li-cur-bd{opacity:1; animation-name: fadeInDown; animation-duration: .2s;}


.news-active .li-cur-bg{opacity:1;}
.news-active .li-cur-bd{opacity:1;}

.news-search{ padding:0 2%; display: flex; border-bottom: 2px solid #E9EAEC; padding-bottom: 2rem}

.search-button{ padding: 0.5rem 1rem; background-color: #45B035; border-radius: 2rem; color: white; float: left; cursor: pointer; display: flex;align-items:center;   justify-content: center; }
.search-button span{ padding:0rem 2px}
.search-right-box{width: 13%;}
.search-right-box .search-right{ display: flex; align-items: center;  justify-content: right;}
.search-right-box .search-right .search-right-img{float: left; padding:0rem 2px; margin-top: 2px; margin-left: 10px; cursor: pointer}

.news-list-box{margin-top: 2rem; overflow: hidden;}

.news-list-box .news-list-li .list-li-box{ box-shadow: 0px 3px 6px rgba(69,176,53,0.4);  margin: 3%; border-radius: 1rem; padding: 2%; padding-bottom: 10%}

.news-list-box .news-list-li .list-li-box .news-list-text{ color: #172A88;padding: 10px 5px;  margin: 20px 0px; font-size: 1.2rem; overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list-bottom{ overflow: hidden; padding: 0px 5px;}
.news-list-bottom .list-bottom-left{ float: left;font-size: 16px;font-family: "SourceHanSansCN-Regular";}
.news-list-bottom .list-bottom-right{ float: right; padding: 0px 10px; color: #45B035; border-bottom: 1px solid #45B035}
.news-list-bottom .list-bottom-right a{ color:#45B035; }
.expo-list-box{overflow: hidden;}


 .expo-li-title{font-size: 1.4rem; color: #172A88;  overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.expo-li-bottom{margin-top: 8%; overflow: hidden}
.expo-li-bottom .expo-li-date{ float: left; font-size: 1rem; display: flex; align-items: center;  justify-content: right; margin-right: 1rem }
.expo-li-bottom .expo-li-date span{ margin-left: 1rem; font-size: 16px; font-family: "SourceHanSansCN-Light";}
.expo-li-bottom .expo-li-more{ float: right;color: #45B035; border-bottom: 1px solid #45B035; margin-right: 10%}

.contact-box{overflow: hidden;padding:2rem 5px}
.contact-box-li{overflow: hidden; display: flex; padding:2rem 10%; box-shadow: 0px 3px 6px rgba(69,176,53,0.4); border-radius: 1rem ; margin-bottom: 1rem}









.job-button-detail{cursor: pointer; float: left;  border: 1px solid #172A88; padding: 5px 15px; border-radius: 2rem; color:  #172A88;}
.job-button-detail span{ margin-right: 5px}

.job-button-detail:hover{ background-color: #45B035; color: white; border: 1px solid #45B035}
.job-button-detail .img_2{opacity: 0;position: absolute; top: 0}
.job-button-detail .img_1{position: absolute; top: 0} 
.job-button-detail a:hover job-button-text{color: white;}
.job-button-detail:hover .img_1{ opacity: 0;}
.job-button-detail:hover .img_2{ opacity: 1;}
.job-button-text{float: left; padding: 2px;    font-size: 16px; font-family: "SourceHanSansCN-Medium";}
.job-button-text:hover a{  color: #ffffff}
.job-button-icon{float: left; position: relative; width: 25px;}

.sev_cus_title{ color: #45B035; font-size: 2rem; font-weight: bold; text-align: center; overflow: hidden;margin-top: 4rem}
.sev_cus_ul{overflow: hidden;padding: 5%}
.sev_cus_li{ width: 33.33%; float: left;padding: 3%;}
.sev_cus_item{overflow: hidden; padding: 10px; box-shadow: 0px 3px 6px rgba(200,200,200,0.4); border-radius: 1rem;padding-bottom: 20px}
.cus_item_name{text-align: center;padding: 10px 0px; color: #333333;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


.sub_nav_box{ position: relative; z-index: 10; }
.sub_nav_item{
    display: none; opacity: 0 ;position: absolute; height: 50px; width: 100%; background-color:rgba(255,255,255,1);z-index: 999;
    box-shadow: inset 0 10px 10px 0 rgba(180, 180, 180, 0.1); 
}
.sub_nav_ul{overflow: hidden; height: 100%; width: 87.5rem; margin: auto; position: relative}
.sub_nav_li{float: left; height: 100%; display: flex; align-items: center; justify-content: center; padding: 0px 10px; font-size: 1rem; color: #999999; cursor: pointer }
.sub_nav_list{ display: none; opacity: 0 ;   align-items: center; justify-content: center;  position: absolute; height: 100%; overflow: hidden;top:110%;z-index: 99; width: 250%;  left:-75%;}


.nav_text{padding: 10px 0px; }
.active .nav_text{border-bottom: 3px solid #45B035;}

.li_active{display: block;}
.sub_nav_ul .nav_li_1{left:34rem;}
.sub_nav_ul .nav_li_2{left:40rem}

.sub_nav_ul .nav_li_3{left:48rem}

.sub_nav_ul .nav_li_4{left:55rem}

.sub_nav_ul .nav_li_5{left:63rem}


@keyframes slideDown {  
  from { opacity: 0; transform: translateY(-30px);}  
  to { opacity: 1; transform: translateY(0);}  
} 

@keyframes slideShow {  
  from { opacity: 0; transform: translateY(0px);}  
  to { opacity: 1; transform: translateY(0);}  
}  

/*向上滑动出现*/
.animation_down_show {  
  animation: slideShow 0.5s ease forwards;  
} 



@keyframes hideUp {  
  from { opacity: 1; transform: translateY(0px);}  
  to { opacity: 0; transform: translateY(-30);}  
}  
/*向上滑动出现*/
.animation_up_hide {  
  animation: hideUp 0.5s ease forwards;  
} 

.service_box_1{ position: relative; overflow: hidden ;}
.service_bg_1{ position: relative; width: 100%; z-index: 1;padding: 0px; }
.service_box_2{position: relative;  width:100%; left: 50%;  transform: translate(-50%, 0%);  overflow: hidden; z-index: 2;padding: 25px; padding-left:35px; margin-bottom: 0px}
.service_box_3{background-color: #ffffff; border-radius: 1rem;overflow: hidden;   box-shadow: 0px 3px 6px rgba(69,176,53,0.2);}
.service_box_left{   padding-top: 2rem;  width: 80%; margin: auto; padding-bottom: 2rem;}
.service_box_left .box_left_cn {overflow: hidden; display: flex; align-items: center; justify-items: center; width: 100%}
.service_box_left .box_left_cn span{display: block; font-size: 2rem; border-bottom: 3px solid #172A88; color: #172A88; padding-bottom: 5px; font-weight: bold}
.service_box_left .box_left_en {color: #45B035; font-size: 1.4rem; font-weight: bold; padding: 5px 0px; margin-top: 3%}
.service_box_left .box_left_desc{ font-size: 16px; color: #333333; line-height: 2rem; margin-top: 2rem;font-family: "SourceHanSansCN-Medium";}
.service_box_left .box_left_btn{ padding-top:10%; overflow: hidden}
.service_box_left .btn_box{border: 1px solid #172A88; float: left; display: flex; align-items: center; justify-content: center; border-radius: 2rem; padding:5px 15px; color: #172A88; cursor: pointer;    font-size: 16px;
    font-family: "SourceHanSansCN-Medium";}
.service_box_right{ float: right; width: 50%; overflow: hidden;}
.service_box_right .box_right_content{height: 12rem; width: 80%; overflow: hidden; position: relative; margin-top: 30%; left: 50%;  transform: translate(-50%, 0%);}
.service_box_right .box_right_bg{position: absolute;  z-index: 1; width: 100%; height: 100%}
.service_box_right .box_right_logo{position: absolute;  z-index: 2; left: 50%; top:0; transform: translate(-50%, 0%);}
.service_title{ font-size: 2rem; color: #45B035; font-weight: bold; text-align: center;}

.faq_box{ overflow: hidden;padding: 5px}

.faq_box_ul .faq_box_li{ cursor: pointer; padding:1.8rem 5%; color: #45B035; overflow: hidden; margin-bottom: 10px; border-radius: 1rem; box-shadow: 0px 3px 6px rgba(200,200,200,0.4);}
.faq_box_ul .faq_box_li .faq_li_title{overflow: hidden;padding: 10px 0px;}
.faq_box_li .faq_li_title .faq_title_left{ float: left; width: 85%;  font-weight: bold; line-height: 38px;font-family: "SourceHanSansCN-Bold"; font-size: 18px}
.faq_box_li .faq_li_title .faq_title_icon{ float: right;}
.faq_box_ul .faq_box_li .faq_li_desc{ padding: 10px 0px; margin-top: 1rem; display: block; font-size: 14px;font-family: "SourceHanSansCN-Regular";}


.faq_box_li{
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
}
.faq_icon_box{width: 38px; height: 38px; position: relative}
.faq_title_icon .faq_icon_1{width: 100%; height: 100%; position: absolute; opacity: 1}
.faq_title_icon .faq_icon_2{width: 100%; height: 100%; position: absolute; opacity: 0}
.faq_box_li:hover{ background-color: #45B035; color: white; overflow: hidden}
.faq_box_li:hover .faq_icon_1{opacity: 0}
.faq_box_li:hover .faq_icon_2{opacity: 1}
.faq_box_li:hover .faq_li_desc{display: block;}



.ser_pro_content{margin: 2%; box-shadow: 0px 3px 6px rgba(200,200,200,0.4);padding:5% 10%; padding-right: 0px; border-radius: 1rem; overflow: hidden}


.li_right_title{ font-size: 1.4rem; font-weight: bold; color: #000000 ; padding-bottom: 1rem;}
.right_desc_li{ display: flex; align-items: center; justify-content: left; padding: 5px 0px;}
.right_desc_li span{margin-left: 15px;  font-size: 0.8rem ;}
.pro_li_right .li_right_btnbox{overflow: hidden; margin-top: 2rem}

.pro_li_right .li_right_btnbox .ser_probtn_left{ font-size: 0.8rem ;float: left; border: 1px solid #45B035; padding: 5px 15px; border-radius: 2rem;}
.pro_li_right .li_right_btnbox .ser_probtn_right{ font-size: 0.8rem ;float: right; border: 1px solid #45B035; padding: 5px 15px; border-radius: 2rem;}

.ser_probtn_li{color:#45B035; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s;-o-transition: all 0.3s ease-in 0s;transition: all 0.3s ease-in 0s;}
.ser_probtn_li:hover{ background-color: #45B035; color: white; cursor: pointer}


.ser_banner_box .ser_banner_img{ position: absolute; width: 100%;}

.banner_txt_box .txt_box_title{ font-size: 1.6rem; font-weight: bold; padding: 10px 0px;}
.banner_txt_box .txt_box_desc{ padding: 20px 0px; }
.banner_txt_box .txt_box_btn{ margin-top: 20px}
.banner_txt_box .txt_box_btn span{ padding: 5px 15px; border: 1px solid #ffffff; border-radius: 2rem; cursor: pointer}

.news_detail_box{ overflow: hidden; border-radius: 2rem; background-color: white;  box-shadow: 0px 3px 6px rgba(200,200,200,0.4); padding: 2rem}
.news_detail_title{font-size: 2rem; color: #172A88; margin-bottom: 0rem }
.news_detail_line{ height: 1px; background-color: #E9EAEC; margin-top: 2rem}
.news_detail_content{ overflow: hidden; margin-top: 2rem}

.product_banner_list{ width: 100%; padding: 0px 20px; }



.navbar-toggle{float: left;}
.wap-nav{position: relative;}
.wap-nav-ul{position: absolute;z-index: 999;width: 75%; background-color: white }


.box-left{ float: left; opacity: 0.8}
.wap-footer-logo{ display: flex; align-items: center; justify-content: center;}
.wap-footer-left-item{padding-left: 7%}
.wap-footer-code-img{width: 100%; margin:  auto; text-align: center; display: flex; align-items: center; justify-content: center;}
.wap-footer-li-title{margin-bottom: 0rem; color: #333333}
.wap-footer-ul{width: 100%; overflow: hidden}
.wap-footer-icon{display: flex; align-items: center; justify-content: center;}
.pro-desc-box{overflow: hidden;}

.about-bg-box{ position: relative}
.about-bg-img{ position: absolute; z-index: 1}
.about-detail-box{ position: relative; overflow: hidden; z-index: 2}
.about-text-box{margin-top:0rem; overflow: hidden}


.about-title-box{overflow: hidden}
.about-title-left{ float: left; font-size: 30px; padding: 5px; line-height: 60px; color: #172A88; font-weight: bold}
.about-title-right{ float: right}
.about-detail-txt{overflow: hidden; line-height: 40px; color: #333333; margin-top: 50px; font-size: 16px;font-family: "SourceHanSansCN-Medium";}
.about-line-box{ border-top: 2px solid #8ECB8E; padding-top: 40px; margin-top: 40px}
.line-box-item{min-width: 33.33%; float: left; display: flex; align-items: center; justify-items: center}
.line-item-desc{margin: auto}
.line-item-desc .span_1{color: #8ECB8E; font-size: 24px; font-family: "SourceHanSansCN-Medium";}
.line-item-desc .span_2{color: #172A88; font-size: 14px}
.about-bottom-txt{ color: #333333; margin-top: 40px; line-height: 40px; font-size: 16px; font-family: "SourceHanSansCN-Medium";}

.wap-nav-l-item{float: left; width: 80%}
.wap-nav-r-item{width: 20%; float: right}

.wap-culture-li{height: 250px; overflow: hidden; position: relative;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;             
}

.wap-culture-li:hover{height: 400px; overflow: hidden; }

.wap-culture-li .culture-li-img{position: absolute;z-index: 1}

.wap-culture-li .culture-li-icon{width: 100%; position: absolute;z-index: 2; top: 50%; left:50%; transform: translate(-50%, -50%);display: flex; align-items: center; justify-content: center;
    -webkit-transition: all 0.6s ease-in 0s;
    -moz-transition: all 0.6s ease-in 0s;
    -o-transition: all 0.6s ease-in 0s;
    transition: all 0.6s ease-in 0s; 
}
.wap-culture-li .culture-li-icon span{color: white; font-size: 30px; font-weight: bold;}


.wap-culture-li:hover .culture-li-icon{opacity: 0;}
.wap-culture-li .culture-li-text{ width: 100%;opacity: 0; position: absolute; z-index: 3;top: 50%; left:50%; transform: translate(-50%, -50%);
                                  
    -webkit-transition: all 0.6s ease-in 0s;
    -moz-transition: all 0.6s ease-in 0s;
    -o-transition: all 0.6s ease-in 0s;
    transition: all 0.6s ease-in 0s;      
}

.wap-culture-li .culture-li-text .culture-li-title{color: white; font-size: 30px; font-weight: bold;}
.wap-culture-li .culture-li-text .culture-li-desc{color: white; width: 100%; text-align: center; margin-top: 1rem }
.wap-culture-li .culture-li-text .culture-item-top{ width: 100%;display: flex; align-items: center; justify-content: center}
.wap-culture-li:hover .culture-li-text{opacity: 1;}

.navbar-default .navbar-nav{ height: 50px}
.navbar-default .navbar-nav li{ height: 50px;}
.navbar-default .navbar-nav li a{ height: 50px; display: flex; align-items: center; justify-content: center; }
.nav-logo-top{ height: 60px; display: flex; align-items: center; justify-content: center}
.sub_nav_li a{font-size: 14px;}

/**********************3D旋转图片样式开始****************************/

.bottomContainer{
        width: 100%;
        height: 500px;
        display: flex;
        justify-content: center;
        position: relative;
        margin:0px auto;
        align-items: center;
        
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center;
 
    }
    
    .arrow-img {
        position: absolute;
        width: 40px;
        height: 40px;
        top:calc(50% - 66px);
        cursor: pointer;
        z-index: 10;
    }

    .left {
        top:300px;
        left: 40px;
    }

    .right {
        top:300px;
        right: 40px;
    }
    
    .device-list-container{
        display: flex;
        transform-style: preserve-3d;
        transform: rotateX(-5deg);
        width: 100%;
        height: 500px;
         
    }
    
    .device-list {
        position: absolute;
        transform-origin: center center;
        transform-style: preserve-3d;
        transform: rotateY(-8deg);
        transition: all .8s;
        width: 100%;
        height: 400px;
        left: -10px;
        display: flex;
        justify-content:center;
    }  
    .iconBox img{ max-height: 350px; width: 280px;}
    .device-item {
        position: absolute;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        margin-top: 10px;
       
    }
    .iconBox{
        height: 350px;
        display: flex;align-items: center; justify-content: center
    }
    .device-list-title{color: #000000;text-align: center; max-width: 280px; margin: auto}
    
    .iconBox .roateIcon{
        color:#58A0F5;
        font-size: 32px;
    }

    .groupName {
        color:#2E5480;
        font-size: 16px;
        margin-top:8px;
    }
/********************************3D旋转图片样式结束*********************************************/


.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #45B035;
}

.pagination > li > a, .pagination > li > span{
    color: #333333;
}
.pagination .cur a{ background-color: #45B035; color: white}

.page-box{ width: 100%; margin-top: 0px; display: flex; align-items: center; justify-content: center}

.web-nav-block{}

.en-about{ width: 100%}



.core_block{width: 100%; background: linear-gradient( 90deg, #FAFAFA 18%, #F7F8FA 100%);box-shadow: 0px 4px 4px 0px rgba(23,42,136,0.2);border-radius: 20px 20px 20px 20px; overflow: hidden; padding:30px 0px }
.core_block .core_block_title{width: 100%; margin-top: 30px; margin-bottom: 30px; overflow: hidden;}
.core_block .core_block_title  .core_block_title_left{float: left; border-left: 5px solid #45B035; padding-left: 1rem;font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 65px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    width: 20%;
}

.core_block .core_block_title  .core_block_title_right{float: right;width:75%;padding: 10px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 43px;
    text-align: left;
    font-style: normal;
    text-transform: none; 
}

.core_block .core_block_box{width: 100%; overflow: hidden}

.core_block_box .core_block_ul{ margin:2% 3%;overflow: hidden; display: flex; align-items: center; justify-content: center;}
.core_block_box .core_block_li{ overflow: hidden; margin-right: 5%; border-left: 1px solid #45B035; padding: 10px 0px 10px 10px; display: flex; align-items: center; justify-content: center;  }
.core_block_box .core_img_box{padding:0px 20px;}
.core_block_box .core_text_title{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 36px;
    color: #45B035;
    line-height: 65px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.core_block_box .core_text_desc{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #45B035;
    line-height: 43px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.core_block_title .block_title_ul{width: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden}

.core_block_title .block_title_li{width: 33.33%;position: relative;}

.block_title_li .block_title_img_bg{ opacity: 0;position: relative;z-index: 1}

.block_title_li .block_title_img_1{position: absolute; z-index: 2; top: 0;width: 100%; cursor: pointer; opacity: 1;}
.block_title_li .block_title_img_2{position: absolute; z-index: 2; top: 0;width: 100%; cursor: pointer; opacity: 0;}

.core_block_title .block_title_li_cur .block_title_img_1{opacity: 0;}
.core_block_title .block_title_li_cur .block_title_img_2{opacity: 1;}
.block_title_li .block_title_text{cursor: pointer; width: 100%; height: 100%; ;position: absolute;z-index: 2;top: 0;display: flex; align-items: center; justify-content: center;}
.block_title_li .block_title_text .block_title_text_num{font-size: 64px;  color: #C5C7CC;font-family: Source Han Sans CN, Source Han Sans CN;font-weight: bold;}
.block_title_li .block_title_text .block_title_text_desc{
    width: 220px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 24px;
    color: #C5C7CC;
    line-height: 43px;
    text-align: center;
    padding-left: 10px
}

.block_title_li_cur .block_title_text .block_title_text_num{color:#45B035;}
.block_title_li_cur .block_title_text .block_title_text_desc{color:#45B035;}
.core_block_content{overflow: hidden;padding:0% 5%; margin-top: 30px }
.core_block_content .core_block_content_left{float: left; width: 75%;}
.core_block_content .core_block_content_right{ float: right; width: 25%; display: flex; align-items: center; justify-content: center; }
.core_block_content_left .content_left_line{margin-top: 15px;float: left ;width: 0px;height: 80px;border-radius: 0px 0px 0px 0px;border: 1px solid #45B035;}
.core_block_content .core_block_content_right img{border-radius: 20px;}
.core_block_content .content_left_txt{
    width: 80%;
    margin-left: 5%;
    float: left;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 24px;
    color: #333333;
    line-height: 43px;
    font-style: normal;
    text-transform: none;
}
.core_block_content_left .content_left_block{width: 50%; float: left;display: flex; align-items: center; justify-content: left}
.flow_title_block{width: 100%; overflow: hidden; position: relative;
background: linear-gradient( 90deg, #FAFAFA 18%, #F7F8FA 100%);
border-radius: 0px 0px 0px 0px;
border-bottom: 1px solid #45B035;

}
.flow_title_block .title_block_left{ position: absolute; height: 100%; float: left; width: 60%; display: flex; align-items: center; justify-content: left; padding-left: 50px;}
.flow_title_block .title_block_right{ float: right;width: 40%}

.title_block_left .title_block_left_num{ padding: 0px 30px;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 800;
    font-size: 64px;
    color: #45B035;
    line-height: 115px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.title_block_left .title_block_left_txt{
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #45B035;
    line-height: 43px;
    text-align: center;
    font-style: normal;
    text-transform: none; 
}

.flow_content{ background: linear-gradient( 90deg, #FAFAFA 18%, #F7F8FA 100%); padding: 30px; }

.flow_content_desc{overflow: hidden; padding: 20px;}
.flow_content_desc .content_left_line{margin-top: 15px;float: left ;width: 0px;height: 80px;border-radius: 0px 0px 0px 0px;border: 1px solid #45B035;}
.flow_content_desc .flow_content_txt{
    margin-top: 10px;
    width: 95%;
    margin-left: 2%;
    float: left;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 24px;
    color: #333333;
    line-height: 43px;
    font-style: normal;
    text-transform: none;
}

.core_block_bottom{
    width: 100%; overflow: hidden; position: relative;
}

.core_block_bottom .block-bottom-img{
    width: 100%;overflow: hidden; position: relative;
}

.core_block_bottom .core_bottom_content{
   
    width: 70%;
    height: 60%;
    /*background: linear-gradient( 90deg, #FAFAFA 18%, #F7F8FA 100%);*/
    background-color: rgba(247,248,250,0.8);
    box-shadow: 0px 4px 4px 0px rgba(23,42,136,0.2);
    border-radius: 20px 20px 20px 20px;
    
    display: flex;
    align-items: center;
    justify-content: center;
}


.core_block_bottom .block-bottom-box{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0px;
    display: flex; align-items: center; justify-content: center;
}

.core_bottom_line{
    width: 0px;
    height: 80px;
    border-radius: 0px 0px 0px 0px;
    border: 2px solid #45B035;
    margin-left: 0px;
}

.core_bottom_title{ padding: 0px 30px;
    width: 25%;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 65px;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.core_bottom_desc{
    width: 70%;

    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 24px;
    color: #333333;
    line-height: 43px;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.core_block_content{
    position: relative;
}
.core_block_content .block_content_bg{ overflow: hidden; opacity: 0;}
.core_block_content .block_content_item{
    position: absolute;
    top:0%;
    width: 90%;
    opacity: 0;
}

.core_block_content .content_item_cur{
    opacity: 1;
}




/*--手机端样式--*/
@media(max-width:900px){ 
   .core_block .core_block_title  .core_block_title_left{width: 100%;}
   .core_block .core_block_title  .core_block_title_right{width: 100%;}
   .core_block_box .core_block_ul{display: block;}
   .core_block_title .block_title_ul{display: block;}
   .core_block_title .block_title_li{width: 100%}
   .core_block_content .core_block_content_left{width: 100%}
   .core_block_content .core_block_content_right{width: 100%; margin-top: 20px}
   .core_block_content .content_left_txt{width: 90%;}
   .core_block_content_left .content_left_block{width: 100%;}
   .core_block_content .block_content_item{top:10px;}
   .flow_title_block .title_block_left{width: 100%}
   .flow_title_block .title_block_right{ width: 60%}
   .flow_title_block{height: 80px;}
   
   .core_block_bottom .core_bottom_content{width: 100%}
}


.block_title_li .block_title_text .block_title_text_desc_en{
    font-size: 14px; line-height: 20px;
}

.core_block_content .content_left_txt_en{font-size: 14px;line-height: 24px;}
.core_block_content_left .content_left_txt_en{font-size: 14px;line-height: 24px;}
.core_bottom_content .core_bottom_desc_en{font-size: 14px;line-height: 24px;}
.core_bottom_title_en{font-size: 24px; line-height: 30px}
.flow_content_desc .flow_content_txt_en{font-size: 14px; line-height: 30px}

.web-block .web-title .titel_en{ font-size: 24px}

.core_block .core_block_title .core_block_title_right_en{ font-size: 14px;line-height: 30px}
.core_block .core_block_title .core_block_title_left_en{font-size: 24px; line-height: 50px}
.core_block_box .core_text_title_en{ font-size: 24px;}
.core_block_box .core_text_desc_en{ font-size: 14px; line-height: 30px}
.core_block .core_block_title .core_block_title_left_en{font-size: 24px;}
.core_block .core_block_title .core_block_title_right_en{font-size: 14px; line-height: 30px;}



.device-item img{
    -webkit-transition: all 0.6s ease-in 0s;
    -moz-transition: all 0.6s ease-in 0s;
    -o-transition: all 0.6s ease-in 0s;
    transition: all 0.6s ease-in 0s; 
}


#download_form { width: 600px; overflow: hidden; padding: 30px; }
#submit_ret{width: 400px; overflow: hidden; padding: 30px;}
.ser_probtn_li a{ color: #45B035}
.ser_probtn_li:hover a{ color: #ffffff}