/* Css For Aundri */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header/style-one/style-two
5. Main Slider/style-one/style-two
6. Intro Section
7. Welcome Section
9. Cta Section
8. Research Fields
10. Testimonial Section
11. Researches Section
12. Team Section
14. Video
15. Fact Counter
16. News Section
19. Clients Section
20. Main Footer
21. Footer Bottom
22. Research Style Two
23. Innovative Solution
24. Discover Section
25. Testimonial Section
26. Chooseus Section
27. News Style Two
28. Page Title
29. Research Page Section
30. Research Details
31. Professor Page Section
32. Professor Details
33. About Section
34. Error Section
35. Blog Page Section
36. Blog Details
37. Blog Sidebar
38. Contact Section
39. Google Map


**********************************************/



/*** 

====================================================================
  Reset
====================================================================

 ***/
* {
  margin:0px;
  padding:0px;
  border:none;
  outline:none;
}


/*** 

====================================================================
  Global Settings
====================================================================

 ***/


body {
  font-size:16px;
  color:#687f9b;
  line-height:34px;
  font-weight:400;
  background:#ffffff;
  font-family: '微软雅黑', sans-serif;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center top;
  -webkit-font-smoothing: antialiased;
}

  @media (min-width:1300px) {
  .container {
    max-width: 1300px;
    padding: 0px 15px;
  }
}

.large-container{
  max-width: 1500px;
  padding: 0px 15px;
  margin: 0 auto;
}

.container-fluid{
  padding: 0px;
}


@media(min-width:1600px){
	.auto-container{
  position:static;
  max-width:1500px;
  padding:0px 15px;
  margin:0 auto;
}
}
@media (max-width: 1599px) and (min-width: 1260px){
	.auto-container{
  position:static;
  max-width:1160px;
  padding:0px 15px;
  margin:0 auto;
}
}
@media (max-width: 1259px) and (min-width: 1000px){
		.auto-container{
  position:static;
  max-width:960px;
  padding:0px 15px;
  margin:0 auto;
}
}
.small-container{
  max-width:680px;
  margin:0 auto;
}

.boxed_wrapper{
  position: relative;
  margin: 0 auto;
  overflow: hidden !important;
  width: 100%;
  min-width: 300px;
}


a{
  text-decoration:none;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

a:hover{
  text-decoration:none;
  outline:none;
}

input,button,select,textarea{
  font-family: '微软雅黑', sans-serif;
  font-weight: 400;
  font-size: 16px;
}

ul,li{
  list-style:none;
  padding:0px;
  margin:0px; 
}

input{
  transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus{
  outline: none;
  box-shadow: none;
  transition: all 500ms ease;
}

p{
  position: relative;
  font-family: '微软雅黑', sans-serif;
  color: #444444;
  font-weight: 400;
  margin: 0px;
 
}

h1,h2,h3,h4,h5,h6{
  position:relative;
  font-family: '微软雅黑', sans-serif;
  font-weight: 400;
  color: #444;
  margin: 0px;
  transition: all 500ms ease;
}

.preloader{
  position: fixed; 
  left:0px;
  top:0px;
  height:100%;
  width: 100%;
  z-index:999999;
  background-color:#194376;
  background-position:center center;
  background-repeat:no-repeat;
  background-image: url("../image/preloader.png");
}


.centred{
  text-align: center;
}

.pull-left{
  float: left;
}

.pull-right{
  float: right;
}


figure{
  margin: 0px;
}

.grop-search img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}
.fa img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  transition-delay: .1s;
  transition-timing-function: ease-in-out;
  transition-duration: .7s;
  transition-property: all;
}

/** button **/

.theme-btn{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #fff !important;
  text-align: center;
  padding: 22px 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  z-index: 1;
}

.theme-btn.style-one{

}

.theme-btn.style-two{
  
}

.theme-btn:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #194376;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn:hover:before{
  width: 50%;
}

.theme-btn:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  background: #194376;
  right: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.theme-btn:hover:after{
  width: 50%;
}

.pagination{
  position: relative;
  display: block;
}

.pagination li{
  display: inline-block;
  margin: 0px 3px;
}

.pagination li a{
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 75px;
  width: 75px;
  line-height: 75px;
  background: #e6edf4;
  text-align: center;
  color: #687f9b;
  z-index: 1;
  transition: all 500ms ease;
}

.pagination li a:hover,
.pagination li a.current{
  color: #fff;
}

.pagination li:first-child a:hover,
.pagination li:last-child a:hover{
  color: #fff;
}

.sec-pad{
  padding: 115px 0px 120px 0px;
}

.sec-pad-2{
  padding: 120px 0px;
}

.mr-0{
  margin: 0px !important;
}

.scroll-top{
  width: 55px;
  height: 55px;
  line-height: 55px;
  position: fixed;
  bottom: 105%;
  right: 30px;
  font-size: 24px;
  z-index: 99;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: 1s ease;
  background:#0E5997;
}

.scroll-top.open {
  bottom: 50px;
}

.scroll-top span{
  color: #fff;
}

.sec-title{
  position: relative;
  display: block;
  margin-bottom: 40px;
}

.sec-title p{
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #EC0000;
  margin-bottom: 4px;
}
.sec-title h4{
	 margin-bottom: 2px;
	 font-size:50px;
	 font-weight: 800;
	 color:#EC0000;
}
.sec-title h2{
  position: relative;
  display: block;
  font-size: 30px;
  line-height: 60px;
  font-weight: 800;
  margin-bottom: 2px;
  color:#000;
}

.sec-title img{
  width: 24px;
  height: 24px;
}

.sec-title.centred img{
  margin: 0 auto;
}

.sec-title.light p,
.sec-title.light h2{
  color: #fff;
}

.sec-title.centred{
  text-align: center !important;
}




/*** 

====================================================================
                        Home-Page-One
====================================================================

***/


/** main-header **/

.main-header{
  position:fixed;
  left:0px;
  top:0px;
  z-index:999;
  width:100%;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  box-shadow:0px 3px 10px 1px rgba(0,0,0,.2);
}

.sticky-header{
  position:fixed;
  opacity:0;
  visibility:hidden;
  background: #fff;
  left:0px;
  top:0px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
  width:100%;
  z-index:0;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.fixed-header .sticky-header{
  z-index:999;
  opacity:1;
  visibility:visible;
  -ms-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -op-animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -ms-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -op-animation-duration: 500ms;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -ms-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -op-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -ms-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -op-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/** header-top **/

.header-top{
  position: relative;
  width: 100%;
  background: #194376;
}

.header-top .info li{
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 50px;
  font-weight: 600;
  color: #fff;
  
  margin-right: 25px;
}

.header-top .info li:last-child{
  margin: 0px !important;
}

.header-top .info li a{
  color: #fff;
}

.header-top .info li a:hover{

}
.header-top .style-one img{
	    width: 12%;
    margin-right: 10px;
}
.header-top .info li i{
  position: absolute;
  left: 0px;
  top: 0px;
  font-size: 18px;
  font-weight: 400;
}

.header-top .social-links,
.header-top .btn-box{
  position: relative;
  display: inline-block;
  float: left;
}

.header-top .social-links{
  margin-right: 40px;
}

.header-top .social-links li{
  position: relative;
  display: inline-block;
  margin-right: 25px;
  line-height: 50px;
}

.header-top .social-links li:last-child{
  margin: 0px !important;
}

.header-top .social-links li a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  color: rgba(255,255,255,0.6);
}

.header-top .social-links li a:hover{

}

.header-top .btn-box .theme-btn{
  padding: 12px 31px;
}

.header-top .btn-box .theme-btn:before,
.header-top .btn-box .theme-btn:after{

}


/** header-lower **/

.header-lower{
  position: relative;
  background: rgba(255,255,255,0.2);
  width: 100%;
}

.main-header .outer-box{
  position: relative;
}

.main-header .logo-box{
  position: relative;
  padding: 15px 0px;
}

.main-header .logo-box .logo{
  position: relative;

  width: 100%;
}

.main-header .logo-box .logo img{
  width: 100%;
}

.main-header .menu-right-content{
  position: relative;
  float: left;
  padding: 0px 0px 0px 60px;
  margin-top: 25px;
  margin-left: 50px;
}

.main-header .menu-right-content:before{
  position: absolute;
  content: '';
  background: #e6edf4;
  width: 1px;
  height: 65px;
  left: 0px;
  top: -8px;
}

.main-header .menu-right-content i{
  position: absolute;
  left: 40px;
  top: 0px;
  font-size: 65px;
  line-height: 50px;
}

.main-header .menu-right-content h6{
  position: relative;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}

.main-header .menu-right-content h6 a{
  display: inline-block;
  color: #194376;
}

.main-header .menu-right-content h6 a:hover{

}

.main-header .menu-right-content p{
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}


/** main-menu **/

.main-menu{
  float: left;
}

.main-menu .navbar-collapse{
  padding:0px;
  display:block !important;
}

.main-menu .navigation{
  margin:0px;
  padding: 25px 0px 0px 0px;
}

.main-menu .navigation > li{
  position:inherit;
  float:left;
  z-index:2;
  padding:5px 15px;
  margin: 0px 5px;
  -webkit-transition:all 300ms ease;
  -moz-transition:all 300ms ease;
  -ms-transition:all 300ms ease;
  -o-transition:all 300ms ease;
  transition:all 300ms ease;
}
.main-menu .navigation > li:hover{
	background:#0E5997;
}
.main-menu .navigation > li:hover a{
	color:#fff;
}
.main-menu .navigation > li:last-child{
  margin-right:0px !important;
}

.main-menu .navigation > li:first-child{
  margin-left: 0px !important;
}

.main-menu .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:30px;

  opacity:1;
  color:#fff;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}
.fixed-header .navigation > li > a{
  position:relative;
  display:block;
  text-align:center;
  font-size:16px;
  line-height:30px;

  opacity:1;
  color:#000;
  z-index:1;
  -webkit-transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
}

.main-menu .navigation > li.current > a,
.main-menu .navigation > li:hover > a{
  
}

.main-menu .navigation > li > ul,
.main-menu .navigation > li > .megamenu{
  position:absolute;
  left: inherit;
  top:100%;
  border-top:1px solid #eee;
  z-index:100;
  display:none;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0px;
  background: rgba(255,255,255,1);
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.main-menu .navigation > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+5) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+6) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+7) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.main-menu .navigation > li > ul > li:nth-child(2n+8) {
  -webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}

.main-menu .navigation > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > a,
.main-menu .navigation > li > .megamenu li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;

  font-size:13px;
  text-transform:capitalize;
  color:#8a8e99;
 
  
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}


.main-menu .navigation > li > ul > li > a:hover,
.main-menu .navigation > li > .megamenu li > a:hover{
	color:#0E5997;
	border-bottom:1px solid #0E5997!important;

}

.main-menu .navigation > li > ul > li:last-child > a,
.main-menu .navigation > li > .megamenu li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:14px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:800;
  text-align:center;
  z-index:5;  
}

.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  right:100%;
  top:0%;
  width:230px;
  z-index:100;
  display:none;
  padding: 10px 0px;
  background: #0E5997;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  -webkit-box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  box-shadow: 0px 4px 4px 1px rgba(0,0,0,0.2);
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.main-menu .navigation > li > ul > li > ul.from-right{
  left:auto;
  right:0px;  
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
}

.main-menu .navigation > li > ul > li > ul > li{
  position:relative;
  width:100%;
  padding: 0px 30px;
  -webkit-transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  transition: all 0.2s cubic-bezier(0.4,0.28,0.31,1.28) 0s;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.main-menu .navigation > li > ul > li:hover > ul > li{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+1) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+3) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.main-menu .navigation > li > ul > li > ul > li:nth-child(2n+4) {
  -webkit-transition-delay: 0.25s;
  transition-delay: 0.25s;
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li:last-child{
  border-bottom:none; 
}

.main-menu .navigation > li > ul > li > ul > li > a{
  position:relative;
  display:block;
  padding:14px 0px;
  line-height:24px;
  font-weight:600;
  font-size:16px;
  text-transform:capitalize;
  color:#fff;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  text-align: left;
  transition:all 500ms ease;
  -moz-transition:all 500ms ease;
  -webkit-transition:all 500ms ease;
  -ms-transition:all 500ms ease;
  -o-transition:all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li:last-child > a{
  border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover{
  
}

.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
  font-family: 'Font Awesome 5 Pro';
  content: "\f105";
  position:absolute;
  right:20px;
  top:12px;
  display:block;
  line-height:24px;
  font-size:16px;
  font-weight:900;
  z-index:5;  
}

.main-menu .navigation > li.dropdown:hover > ul,
.main-menu .navigation > li.dropdown:hover > .megamenu{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 99%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
}

.main-menu .navigation li > ul > li.dropdown:hover > ul{
  visibility:visible;
  opacity:1;
  filter: alpha(opacity=100);
  top: 0%;
  -webkit-transform: rotateX(0);
  transform: rotateX(0); 
}

.main-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:-32px;
  top:66px;
  width:34px;
  height:30px;
  text-align:center;
  font-size:18px;
  line-height:26px;
  color:#3b3b3b;
  cursor:pointer;
  display: none;
  z-index:5;
  transition: all 500ms ease;
}

.main-menu .navigation li.current.dropdown .dropdown-btn,
.main-menu .navigation li:hover .dropdown-btn{
  
}

.main-menu .navigation li.dropdown ul li.dropdown .dropdown-btn{
  display: none;
}

.menu-area .mobile-nav-toggler {
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color: #fff;
  display: none;
}

.mobile-menu .menu-backdrop{
  background: #194376;
}

.menu-area .mobile-nav-toggler .icon-bar{
  position: relative;
  height: 2px;
  width: 30px;
  display: block;
  margin-bottom: 5px;
  background-color: #fff;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.menu-area .mobile-nav-toggler .icon-bar:last-child{
  margin-bottom: 0px;
}

.main-header .sticky-header .logo-box{
  padding: 14px 0px;
}

.main-header .sticky-header .main-menu .navigation > li{
  /* padding: 27px 0px 30px 0px !important; */
}

.main-header .sticky-header .menu-right-content{


}

.main-header .sticky-header .menu-right-content i{
  font-size: 50px;
}


/** megamenu-style **/

.main-menu .navigation > li.dropdown > .megamenu{
  position: absolute;
  width: 100%;
  padding: 30px 50px;
  left: 0px;
}

.main-menu .navigation li.dropdown .megamenu  h4{
  font-weight: 500;
  padding: 3px 0px;
  color: #444;
      font-size: 16px;
	   border-bottom: 1px solid rgba(14,89,151,0.1);
}
.dhh4 a{

  color: #444!important;
      font-size: 16px!important;
}

.dhh4 a:hover{

  color: #0E5997!important;
      font-size: 16px!important;
}
.main-menu .navigation li.dropdown .megamenu h4 a{
	 color: #444;
	 font-weight:600;
	 
}
.megamenu .column{
	    border-right: 1px solid rgba(14,89,151,0.1)
}
.megamenu .column li{
	 float:left;
	 margin:10px;
}

.megamenu .column:nth-child(2),.megamenu .column:nth-child(4),.megamenu .column:nth-child(6),.megamenu .column:nth-child(8){
	border-right:none;
}
/** mobile-menu **/

.nav-outer .mobile-nav-toggler{
  position: relative;
  float: right;
  font-size: 40px;
  line-height: 50px;
  cursor: pointer;
  color:#3786ff;
  display: none;
}

.mobile-menu{
  position: fixed;
  right: 0;
  top: 0;
  width: 300px;
  padding-right:30px;
  max-width:100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  z-index: 999999;
}

.mobile-menu .navbar-collapse{
  display:block !important; 
}

.mobile-menu .nav-logo{
  position:relative;
  padding:50px 25px;
  text-align:left;  

}

.mobile-menu-visible{
  overflow: hidden;
}
.dropdown-product-item-desc1{
	color:#0E5997;
	font-size: 12px;
    line-height: 18px;
	
}
.dropdown-product-item-desc1:hover{
	color:red;
}
.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
}
.head_mblb{
	background:#f5f5f5;
	border-top:1px solid rgba(14,89,151,0.10)
}
.head_mblb .dropdown-product-item-desc{
	    margin-top: 0px;
}
.mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: rgba(14,89,151,0.8);
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #fff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#fff; 
  color: #3b3b3b;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul,
.mobile-menu .navigation > li.dropdown > .megamenu{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:0px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 120px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
}


/** banner-section **/

.banner-section{
  position: relative;
  overflow: hidden;
  min-height:800px;
  
}

.banner-carousel{
  position: relative;
}

.banner-carousel .slide-item{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height:100vh;
}

.banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;

  top: 0px;
  right: 0px;
  z-index: 1;
}

.banner-carousel .slide-item .image-layer{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 5000ms linear;
  -moz-transition: all 5000ms linear;
  -ms-transition: all 5000ms linear;
  -o-transition: all 5000ms linear;
  transition: all 5000ms linear;
}

.banner-carousel .active .slide-item .image-layer{
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}

.banner-carousel .content-box{
  position: relative;
  display: block;
  max-width: 660px;
  z-index:5;
}

.content-box1{
	margin:0px auto;
}
.banner-carousel .content-box h4{
  position: relative;
  display: inline-block;
  top:330px;
  font-size: 20px;
  line-height: 20px;
  color: #687f9b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;

  margin-bottom: 33px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .content-box2 h4{
  position: relative;
  display: inline-block;
  top:230px;
  font-size: 20px;
  line-height: 20px;
  color: #687f9b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
	text-align:center;
  margin-bottom: 33px;
  left:23%;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
  margin:0px auto;
}
.banner-carousel .active .content-box h4{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.banner-carousel .content-box h1{
  position: relative;
  display: block;
  font-size: 100px;
  line-height: 90px;
  font-weight: 800;
  margin-bottom: 45px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box h1{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.banner-carousel .content-box .btn-box{
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box .btn-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.banner-carousel .content-box .btn-box .theme-btn{
  padding: 22px 47px;
}

.owl-dots-none .owl-dots,
.owl-nav-none .owl-nav{
  display: none !important;
}


.banner-carousel .owl-nav .owl-prev{
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.2;
  transition: all 500ms ease;
}

.banner-carousel .owl-nav .owl-next{
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.2;
  transition: all 500ms ease;
}

.banner-carousel:hover .owl-nav .owl-prev,
.banner-carousel:hover .owl-nav .owl-next{
  opacity: 1;
}

.banner-carousel .owl-nav .owl-prev:hover,
.banner-carousel .owl-nav .owl-next:hover{
  
}


/*****搜索框*****/
.grop-box {
	float: left;
	display: block;
	z-index: 1000;
    right: 0;
    top: 0;
    width: 92px;
    height: 92px;
    display: block;
   
    cursor: pointer;
 
	
}

.grop-search {
	    position: relative;
    width: 70px;
    z-index: 2;
    margin: 0px auto;
    top: 20%;
}

.grop-search .item {
	position: absolute;
	right: 0;
	top: 0;
	width: 0px;
	height: 38px;
	border-radius: 19px;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}

.grop-search .txt {
	width: 100%;
	display: block;
	height: 38px;
	line-height: 38px;
	border: 0px none;
	background-color: transparent;
	opacity: 0;
	visibility: hidden\9;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}


.grop-search a.btn:hover {
	color: #333333;
}

.grop-search a.btn1 {
	display: block;
}

.grop-search a.btn2 {
	display: none;
}


/*****导航*****/


.menu-handler {
position: fixed;
	z-index: 1000;
	right:7%;
	top: 0;
	width: 92px;
	height: 92px;
	display: block;
	float: right;
	cursor: pointer;
	background-color: #0E5997;
}

.menu-handler span {
	position: relative;
	display: block;
	margin: 45px auto 0;
	width: 50px;
	height: 4px;
	background-color: #fff;
	-webkit-transition-duration: .3s,.3s;
	-moz-transition-duration: .3s,.3s;
	-ms-transition-duration: .3s,.3s;
	-o-transition-duration: .3s,.3s;
	transition-duration: .3s,.3s;
	-webkit-transition-delay: .3s,0s;
	-moz-transition-delay: .3s,0s;
	-ms-transition-delay: .3s,0s;
	-o-transition-delay: .3s,0s;
	transition-delay: .3s,0s;
}

.menu-handler span:after,
.menu-handler span:before {
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 4px;
	left: 0;
	background-color: #fff;
	-webkit-transition-duration: .3s,.3s;
	-moz-transition-duration: .3s,.3s;
	-ms-transition-duration: .3s,.3s;
	-o-transition-duration: .3s,.3s;
	transition-duration: .3s,.3s;
	-webkit-transition-delay: .3s,0s;
	-moz-transition-delay: .3s,0s;
	-ms-transition-delay: .3s,0s;
	-o-transition-delay: .3s,0s;
	transition-delay: .3s,0s
}

.menu-handler span:before {
	top: -12px;
	-webkit-transition-property: top,transform;
	-moz-transition-property: top,transform;
	-ms-transition-property: top,transform;
	-o-transition-property: top,transform;
	transition-property: top,transform;
}

.menu-handler span:after {
	bottom: -12px;
	-webkit-transition-property: bottom,transform;
	-moz-transition-property: bottom,transform;
	-ms-transition-property: bottom,transform;
	-o-transition-property: bottom,transform;
	transition-property: bottom,transform;
}

.menu-handler.active span {
	background-color: transparent;
	-webkit-transition-delay: 0s,0s;
	-moz-transition-delay: 0s,0s;
	-ms-transition-delay: 0s,0s;
	-o-transition-delay: 0s,0s;
	transition-delay: 0s,0s
}

.menu-handler.active span:after,.menu-handler.active span:before {
	-webkit-transition-delay: 0s,.3s;
	-moz-transition-delay: 0s,.3s;
	-ms-transition-delay: 0s,.3s;
	-o-transition-delay: 0s,.3s;
	transition-delay: 0s,.3s
}

.menu-handler.active span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}

.menu-handler.active span:after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.menuBox {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: rgba(14,89,151,0.95);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	filter: alpha(Opacity=0);
	opacity: 0;
	z-index: -1;
	-webkit-transform: translate(100%,0);
	transform: translate(100%,0);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.menuBox a:link, .menuBox a:visited {
	color: #fff;
}

.menuBox a:active, .menuBox a:hover {
	color: #D92228;
}

.menubar {
	position: absolute;
	    top: 22%;
    left: 5%;
    width: 90%;

	overflow: hidden;
}

.menu li {
	float: left;
	display: inline-block;
	width: 12.5%;
	padding: 50px 0;
	height: 482px;
	text-align: center;
	position: relative;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
	opacity: 0;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	-webkit-transform: translate(50px,0);
	-moz-transform: translate(50px,0);
	-o-transform: translate(50px,0);
	-ms-transform: translate(50px,0);
	transform: translate(50px,0);
}

.menu li:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #0E5997;
	z-index: -1;
	opacity: 0;
	visibility: visible\9;
	transform: scale(0.9,0.96);
	-webkit-transform: scale(0.9,0.96);
	-webkit-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	-moz-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	-ms-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	-o-transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
	transition: all .4s cubic-bezier(.02,.01,.47,1) 0s;
}

.menu>li>a {
	display: block;
	font-weight: bold;
	font-size: 18px;
	padding: 0px 20px;
	margin-bottom: 30px;
}

.menu .subnav {
	padding: 0px 20px;
}

.menu .subnav p {
	margin-bottom: 10px;
}

.menu li:hover:before {
	opacity: 1;
	visibility: visible\9;
	transform: initial;
	-webkit-transform: initial;
}

.pusher-black {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 950;
	background-color: rgba(255,255,255,0.4);
	visibility: hidden;
	filter: alpha(Opacity=0);
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	-moz-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	-ms-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	-o-transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
	transition: all .2s cubic-bezier(.02,.01,.47,1) 0s;
}

.menuOpen .pusher-black {
	visibility: visible;
	filter: alpha(enabled=false);
	opacity: 1;
}

.menuOpen .menuBox {
	-webkit-transform: translate(0,0);
	transform: translate(0,0);
	filter: alpha(Opacity=100);
	opacity: 1;
	z-index: 999;
}

.menuOpen .menu li {
	-moz-opacity: 1;
	-khtml-opacity: 1;
	-webkit-opacity: 1;
	opacity: 1;
	-ms-filter: alpha(opacity=100);
	filter: alpha(opacity=100);
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0);
}


@media(max-width:1600px){
	.menu-handler{
		    right: 0%;
	}
	.menu-area{
		    position: relative;
    right: 2%;
	}
}
@media(max-width:1366px){
	.menu-area {
    position: relative;
    right: -4%!important;
}
.menu-handler {
    right: 0%!important;
}
.menu-handler{
	
    width: 73px!important;
}
.main-header .menu-right-content{
	    position: relative;
    float: left;
    padding: 0px 0px 0px 0px!important;
    margin-top: 25px;
    margin-left: 28px!important;
}
.menu .subnav p{
	    margin-bottom: 0px;
    font-size: 14px;
}
.menu li{
	     padding: 10px 0; 
     height: auto; 
}
}









/**********解决方案**********/
.positionRelative1{
	padding-top:50px;
}
/* float */
.fleft { float:left!important }
.fright { float:right!important }
.fnone { float:none!important }
/* text-align */
.tleft { text-align:left }
.tright { text-align:right }
.tcenter { text-align:center }
/* display */
.dis { display:block }
.undis { display:none }
.disinline { display:inline }
.disinblock { display:inline-block }

.auto-container:before, .auto-container:after { content:" "; display:table }
.auto-container:after { clear: both }

/*-------------------定位-------------------*/
.positionRelative { position: relative }
.positionAbsolute { position: absolute } 
.positionStatic { position:static!important; top: 0!important; margin-top: 0!important }

.poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.poabsolute-w50 { position:absolute; left:50%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.poabsolute-h50 {    padding: 80px 40px; }

.poabsolute-t { position:absolute; top:0 }
.poabsolute-b { position:absolute; bottom:0 }
.left0 { left:0!important }
.right0 { right:0!important }

.zindex2 { z-index:2 }
.zindex3 { z-index:3 }



h1, .h1 { font-size: 40px; line-height:2em }
h2, .h2 { font-size: 36px; line-height:2em }
h3, .h3 { font-size: 30px; line-height:2em }
h4, .h4 { font-size: 24px; line-height:2em }
h5, .h5 { font-size: 18px }
h6, .h6 { font-size: 16px }

/*-------------------颜色--------------------*/
.colorfff, .colorfff a, a.colorfff { color: #fff }
.color0066b3, .color0066b3 a, a.color0066b3 { color: #0066b3 }
.color0066b3:hover, .color0066b3 a:hover, a.color0066b3:hover { color: #000 }

.color000 { color: #000 }
.coloreee { color: #eee }
.colorf00 { color: #f00 }
.colorfc0000 { color: #fc0000 }
.colored1b23 { color: #ed1b23 }
.colorff5b00 { color: #ff5b00 }
.color802420 { color: #802420 }
.colord0021b { color: #d0021b }
.colorfaa618 { color: #faa618 }
.color5dd803 { color: #5dd803 }
.colorff5f00 { color: #ff5f00 }
.coloref3139 { color: #ef3139 }
.colorfff10e { color: #fff10e }
.colorbd1a19 { color: #bd1a19 }
.color097c25 { color: #097c25 }

.bgfff { background: #fff }
.bgfb { background: #fbfbfb }
.bg000 { background: #000 }
.bgeee { background: #eee } 
.bgf6f6f6 { background: #f6f6f6 }
.bgf8f8f8 { background: #f8f8f8 }
.bgfafafa { background: #fafafa }
.bgda2e2e { background: #da2e2e }
.bg0372c5 { background: #0372c5 }
.bg0066b3 { background: #0066b3 }
.bgd3dce0 { background: #d3dce0 }
.bga6c5dc { background: #a6c5dc }
.bgcee2f0 { background: #cee2f0 }
.bgf7b218 { background: #f7b218 }
.bgfaa618 { background: #faa618 }
.bgfff7eb { background: #fff7eb }
.bgedf5fb { background: #edf5fb }
.bg0066b3_90 { background: rgba(0,102,179,0.9) }
.bgfaa618_90 { background: rgba(250,166,24,0.9) }
.bgee3138 { background: #ee3138 }
.bg2a6daa { background: #2a6daa }

/*-----------------间距---------------------*/ 


/*-------------------宽度、高度--------------------*/

.width100 { width:100% }

.height50 { height: 50% }
.height100 { height: 100% }



.infinite-height { margin-bottom: -3000px; padding-bottom: 3000px }

/*-------------------区块-------------------*/

.area_50 { float:left; width:50% }


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

.positionRelative h4{
	color:#000;
	margin-bottom:1em;
	
}
.positionRelative h6{
	color:#000;
	margin-bottom:2em;
	
}
.jjfalj{
	margin-bottom:2em;
	
}
.jjfalj li{
	line-height:3em;
}
.jjfalj a{
	color:#444;
	padding:5px;
}
.jjfalj a:hover {
	color:#fff;
	background:#0E5997;
	
}

.swiper-pagination img{
	    width: 5%;
    vertical-align: text-bottom;
}


.jiejue p{
	color:#444;
	margin-top:10px;
	text-align:center;
}

.jiejue hr{
	width:3%;
	text-align:center;
	margin:0px auto;
	border:1px solid #0E5997;
	margin-top:15px;
}

.jiejue h2{
	font-weight:700;
}
.product h2{
	font-weight:700;
}
.indTitle span{
	font-weight:700;
}
.hezuo h2{
	font-weight:700;
}
.jiejuefanganzuobian{
	    width: 80%;
    float: right;
}
.index-business-img{
	overflow:hidden;
}
.index-business-img img{
	    height: 495px;
		width:100%;

	  transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
	
}
.index-business-img:hover img{
	 -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	
	
}

.auto-container11{
	width:100%;
	margin: 0 auto;
}

/********案例******/
.product {
  padding-bottom: 45px;

  
}
.product h2,.product h5{
	color:#444;
}
.product .category,.product .case_name{
	color:#0E5997;
}
.product_txt p{
	color:#444;
	margin-top:10px;
}
.product_txt hr{
	width:3%;
	text-align:center;
	margin:0px auto;
	border:1px solid #0E5997;
	margin-top:15px;
}
.product_txt{padding-top:60px;margin-bottom:65px;text-align:center;color:#777777;}
.product_txt1{font-size:45px;font-weight:bold;padding-bottom:40px;}
.product_txt2{font-size:16px;}
.product_txt33{padding-top:60px;text-align:center;color:#777777;}
.case_list {margin-top:0}
.more_button{position:relative;overflow:hidden; z-index:1;width:48px;height:48px;border:1px solid #d1d1d1;-moz-border-radius:100%;border-radius:100%;color:#e0e0e0;text-align:center;line-height:48px;display:block;margin:0 auto;
  font-size: 12px;
    -o-transition: all 1.7s ease;
    -moz-transition: all 1.7s ease;
    transition: all 1.7s ease;
    -webkit-mask-image: radial-gradient(white, black);
            mask-image: radial-gradient(white, black);
}
.more_button:focus{outline:none;}
.more_button:hover {
    background: #e00012;
    color: #fff;
    border: 1px solid #e00012;
}
.more_button i {
  display: block; 
  -webkit-transform: scale(0);  
     -moz-transform: scale(0);  
       -o-transform: scale(0);  
          transform: scale(0);
  width: 100%;
  height: 100%;
    background: -moz-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: -o-radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    background: radial-gradient(#e00012, #f00,#e00012,#f00,#e00012,#f00,#e00012,#f00,#e00012);
    opacity: 0;
    -o-transition: 1.2s, opacity 1.8s;
    -moz-transition: 1.2s, opacity 1.8s;
    transition: 1.2s, opacity 1.8s;
    -moz-border-radius: 50%;
         border-radius: 50%;
}
.more_button:hover i {
  -webkit-transform: scale(10);
     -moz-transform: scale(10);
       -o-transform: scale(10);
          transform: scale(10);
    opacity: 1;
    -o-transition: 3s, opacity .3s;
    -moz-transition: 3s, opacity .3s;
    transition: 3s, opacity .3s;
}
.dot2 span,.dot1 span{position:absolute;color:#d1d1d1;left:50%;top:50%;
  -webkit-transform: translateX(-50%)translateY(-50%); 
    -moz-transform: translateX(-50%)translateY(-50%);
    -o-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%)translateY(-50%);
  -moz-animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
       animation-fill-mode:forwards;
  -webkit-animation-fill-mode:forwards;
}
/*dot1*/
.dot1 span{
  color: #d1d1d1;
}
.dot1 span:nth-child(1){
    -o-transition: all 0.4s .5s ease, color .3s;
    -moz-transition: all 0.4s .5s ease, color .3s;
    transition: all 0.4s .5s ease, color .3s;
  left:30%;
}
.dot1 span:nth-child(2){
    -o-transition: all 0.4s .4s ease, color .3s;
    -moz-transition: all 0.4s .4s ease, color .3s;
    transition: all 0.4s .4s ease, color .3s;
  left:50%;
}
.dot1 span:nth-child(3){
  -o-transition: all 0.4s .3s ease, color .3s;
  -moz-transition: all 0.4s .3s ease, color .3s;
  transition: all 0.4s .3s ease, color .3s;
  left:70%;
}
.more_button:hover .dot1 span:nth-child(1){
  left: 120%;
    -o-transition: all 0.4s .2s ease, color .3s;
    -moz-transition: all 0.4s .2s ease, color .3s;
    transition: all 0.4s .2s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(2){
  left: 120%;
    -o-transition: all 0.4s .1s ease, color .3s;
    -moz-transition: all 0.4s .1s ease, color .3s;
    transition: all 0.4s .1s ease, color .3s;
  color: #fff;
}
.more_button:hover .dot1 span:nth-child(3){
  left: 120%;
  -o-transition: all 0.4s 0s ease, color .3s;
  -moz-transition: all 0.4s 0s ease, color .3s;
  transition: all 0.4s 0s ease, color .3s;
  color: #fff;
}
.sycpwz{
	    opacity:0;
    position: absolute;
   
    width: 80%;
    color: #fff;
    background: rgba(14,89,151,0.6);
    margin: 0px auto;
	font-size:14px;
}

.anli:hover .sycpwz{
	 opacity:1;
    position: absolute;
    bottom: 0%;
    width: 100%;
	padding-left:5%;
	padding-right:5%;
    color: #fff;
   background: rgba(14,89,151,0.6);
    margin: 0px auto;
	font-size:14px;
}

.anli:hover .sycpwz p{
	color:#fff;
}


/************新闻中心**********/


.indTitleBox{
	overflow: hidden;
}
.indTitle{
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}
.indTitle span{
	font-size: 36px;
	color:#444;
}
.indTitle i{
	font-size: 20px;
	color:#444;
	font-style: normal;
}
.tab{
	overflow: hidden;
}
.tab_dl{
	overflow: hidden;
}
.tab_dl dd{
	float: left;
	display: inline;
	overflow: hidden;
	line-height: 40px;
}
.tab_dl dd:hover{
	background:#0E5997;
}
.tab_dl dd:hover span{
	color:#fff;
}
.tab_dl dd.hover{
	background:#0E5997;
}
a.tab_a{
	overflow: hidden;
	display: block;
	overflow: hidden;
	position: relative;
	padding: 0px 20px;
	font-size: 14px;
	color:#666;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.tab_a em{
	display: block;
	width: 20px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tab_dl dd.hover .tab_a,
.tab_a:hover{
	color:#fff;
}
.tabIconL{
	left: 0px;
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-o-transform: translateX(-10px);
	transform: translateX(-10px);

}
.tabIconR{
	right: 0px;
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);

}
.tab_dl dd.hover .tab_a em{
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1;
	filter: alpha(opacity=100);
}
a.tabMore{
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	padding-right: 15px;
	font-size: 14px;
	color:#666;
	background: url("/images/tabMore.png") no-repeat right center;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	margin-left: 10px;
}
.tabMore:hover{
	color:#57c282;
	background: url("/images/tabMore_h.png") no-repeat right center;
}
.ind1st{
	overflow: hidden;
	margin: 0px auto;
	background:#F6F6F6;
}
.indRow{
	padding: 0px 100px;
	overflow: hidden;
	position: relative;
}
.indCont{
	overflow: hidden;
	margin: 0px -15px;
}
.ind1stL,
.ind1stR{
	width: 50%;
	overflow: hidden;
	float: left;
	display: inline;
}
.ind1stLBox{
	overflow: hidden;
	position: relative;
	margin: 0px 15px;
}
.ind1stNews{
	position: relative;
	padding-top: 64.5%;
	margin-top:1em;
}
.ind1stLBox .center{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
}
.indNewsSwiper{
	width: 100%;
	/*height: 455px;*/
	height: 100%;
}
.indNews_a{
	/*width: 840px;
	height: 455px;
	position: absolute;
	left: 50%;
	top:50%;
	margin-top: -227px;
	margin-left: -420px;*/
	display: block;

}
.indNews_a img{
	max-width:100%;
	  transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;
}
.indNews_a:hover img{
	 -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.indNewsName{
	overflow: hidden;
	padding: 0px 20px;
	font-size: 16px;
	color:#fff;
	height: 50px;
	line-height: 50px;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0px;
	bottom: 0px;
	right: 0px;
}
.indNewsSwiper.swiper-container-horizontal>.swiper-pagination-bullets,
.indNewsSwiper .swiper-pagination-custom,
.indNewsSwiper .swiper-pagination-fraction{
	left: auto;
	right: 20px;
	width: auto !important;
	z-index: 9;
	bottom: 20px;
}
.indNewsSwiper .swiper-slide{
	overflow: hidden;
	position: relative;
}
.swiperBt{
	position: absolute;
	right: 25px;
	bottom: 20px;
	z-index: 9;
}
.swiperBt .swiper-pagination{
	position: relative;
}
.swiperBt .swiper-pagination span{
	float: left;
	margin: 0px 3px;
	display: block;
	width: 8px;
	height: 8px;
	overflow: hidden;
	background: #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
}
.ind3rdSwiper .swiperBt .swiper-pagination span{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	width: 6px;
	height: 6px;
}
.swiperBt .swiper-pagination-bullet{
	background: #fff;
	opacity: 1;
}
.swiperBt span.swiper-active-switch{
	background:#0063BE;
}
.ind3rdSwiper .swiperBt span.swiper-active-switch{
	background: #d6121b;
}
.swiperBt .prev{
	display: block;
	overflow: hidden;
	position: absolute;
	left: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url("../image/trangleLeft_h.png") no-repeat center center;
}
.swiperBt .next{
	display: block;
	overflow: hidden;
	position: absolute;
	right: -11px;
	top: -2px;
	width: 6px;
	height: 11px;
	cursor: pointer;
	background: url("../image/trangleRight_h.png") no-repeat center center;
}
.indNewsSwiper .swiper-button-prev,
.indNewsSwiper .swiper-button-next{
	display: none;
}
.ind1stR{
	overflow: hidden;
}
.ind1stRCont{
	overflow: hidden;

}
.indList_dl{

	overflow: hidden;
}
.ind1stRCont .indList_dl{
	display: none;
}
.indList_dl dt{
	overflow: hidden;
		padding: 25px 35px;
	background: #fff;
	margin: 15px 15px 15px 15px;
	-webkit-box-shadow: 0px 1px 3px #e5e5e5;
	box-shadow: 0px 1px 3px #e5e5e5;
}
.indList_dl dt:hover{
	box-shadow:2px 1px 21px 6px rgba(14,89,151,0.3);
	background: #0E5997;
}
.indList_dl dt:hover a.hotName{
	color:#fff;
}
.indList_dl dt:hover .hotIntr{
		color:#fff;
}
.hotTime{
	    overflow: hidden;
    font-size: 16px;
    color: #978c8d;
    height: 25px;
    line-height: 25px;
    font-family: "微软雅黑";
}
a.hotName{
	overflow: hidden;
	font-size: 16px;
	color:#444;
	display: block;
	height: 35px;
	line-height: 35px;
	font-weight:400;
}
a.hotName:hover{
	color:#0E5997;
}
.hotIntr{
	overflow: hidden;
	font-size: 14px;
	color:#999;
	line-height: 25px;

	font-weight:400;
}
.indList_dl dd{
	height: 40px;
	overflow: hidden;
	line-height: 40px;
}
.indList_dl dd .listName{
	padding-left: 10px;
	line-height: 40px;
	
	    font-size: 14px;
    color: #666;
    line-height: 20px;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.indList_dl dd .listName:hover{
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
	color:#0E5997;
	background: url("/images/circle_h.png") no-repeat left center;
}
.ind1stRCont dl{
	    margin-bottom: 0px;
}

.clear {
	clear: both;
}
.h10 {
	clear: both;
	height: 10px;
}
.h15 {
	clear: both;
	height: 15px;
}
.h20 {
	clear: both;
	height: 20px;
}
.h25 {
	clear: both;
	height: 25px;
}
.h30 {
	clear: both;
	height: 30px;
}
.h35 {
	clear: both;
	height: 35px;
}
.h40 {
	clear: both;
	height: 40px;
}
.h45 {
	clear: both;
	height: 45px;
}
.h50 {
	clear: both;
	height: 50px;
}
.h55 {
	clear: both;
	height: 55px;
}
.h60 {
	clear: both;
	height: 60px;
}
.h65 {
	clear: both;
	height: 65px;
}
.h70 {
	clear: both;
	height: 70px;
}
.h80 {
	clear: both;
	height: 80px;
}
.h90 {
	clear: both;
	height: 90px;
}
.h100 {
	clear: both;
	height: 100px;
}
.h110 {
	clear: both;
	height: 110px;
}
.h120 {
	clear: both;
	height: 120px;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}



.sygc{
	background-color:#F8F9FA;

}
.sygc .indTitle{
	text-align:center;
}




/******合作伙伴*****/

.hezuo{
	
}
.hezuotupian{
	padding:50px 0 60px 0;
}
.hezuo1{

}
.hezuo1 img{
max-width:100%;
margin:10px 0;
border:1px solid #F6F6F6;
}


.hezuo1 a {
    display: inline-block;

}
	
	 .hezuo1 a:hover, .hezuo1 a:focus {
      opacity: 1;
      -webkit-filter: grayscale(0);
      filter: grayscale(0); }
/*footer*/
.foot-bottom{
	background:#444;
		padding:1em 0;
		color:#bebebe;
		font-size:14px;
}

.foot-bottom a{
	color:#bebebe;
}
.foot-bottom a:hover{
	color:red;
}
.footer img{
	    width: 45%;
}
.fbr{
	text-aligN:right;
	color:#626262;
}
.footer {
	padding: 3em 0 2em;
	background-color: #333333;
}
.footer a{
	color:#b3b3b3;
}
.footer dt {
	float: left;
}

.footerLink {
	float: left;
	margin-right: 50px;
}

.footerLink ul ul {
	display: none;
}
.fbr img{
	width:15%;
}

.footerLink h3 {
	font-size: 16px;
	line-height: 40px;
	color: #eee;
	font-weight:600;
}
.footerNav li{
	list-style:none;
}

.footerLink li a {
	font-size: 14px;
	line-height: 28px;
	color: #bebebe;
	font-weight:400;
}

.footerLink li:hover a {
	opacity: 0.6;
}

.footer dd {
	float: right;
	width: 435px;
	font-size: 0;
	line-height: 0;
	text-align:right;
}

.footer dd h3 {
	font-size: 14px;
	line-height: 32px;
	color: #b3b3b3;
}

.footer dd strong {
	font-size: 20px;
	line-height: 32px;
	display: inline-block;

	color: #d3d3d3;
	background: url(/css/footerTel.png) no-repeat left center;
}
.footer dd p:nth-child(1) {
	font-size: 15px;
	line-height: 30px;
	margin-top: 0px;
	color: #bebebe;
}
.footer dd p {
	font-size: 15px;
	line-height: 30px;

	color: #bebebe;
}

.footerWechat {
	margin-top: 10px;
}

.footerWechat li {
	width: 136px;
	height: 32px;
	float: right;
	font-size: 15px;
	line-height: 28px;
	list-style:none;
	color: #9c9c9c;
	
	border-radius: 15px;
	margin-right: 6px;
	margin-bottom: 8px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s;
	
	
}

.footerWechat li a {
	display: block;
	border-radius: 15px;
}

.footerWechat li:hover {
	overflow: visible;
	background: #403f3f url(/css/wechatIcon.png) no-repeat 15px center;
}

.footer li b {
	width: 100%;
	height: 138px;
	position: absolute;
	left: 0;
	top: -158px;
	z-index: 10;
	transition: all 0.3s;
	border-radius: 5px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	background-color: #fff;
	box-sizing: border-box;
	border: 2px solid #3174c6;
}

.footer li b:before {
	content: "";
	position: absolute;
	width: 0;
	right: 0;
	bottom: -10px;
	left: 0;
	margin: auto;
	border-top: 10px solid #3174c6;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

.footer li b img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 124px;
	height: 124px;
}
.friendlyLink li{
	font-size: 15px;
	line-height: 28px;
	color: #bebebe;
	display: inline-block;
	margin-right: 40px;
}
.friendlyLink li:hover a{
	opacity: 0.8;
}
@media only screen and (max-width: 1599px) {
	.footer {
		padding-bottom: 40px;
	}
}

@media only screen and (max-width: 1299px) {
	.footerLink {
		margin-right: 82px;
	}
	.footer dd {
		display: none;
	}
	.footer {
		padding-bottom: 30px;
	}
}

@media only screen and (max-width:991px) {
	.footer dt,
	.footerWechat {
		display: none;
	}
	.footer dd {
		display: block;
		width: 100%;
		text-align: center;
	}
	.footer {
		padding-bottom: 20px;
	}
	.footer dd p {
		margin-top: 8px;
	}
}

@media only screen and (max-width:767px) {
	.footer {
		padding: 0.25rem 0;
	}
	.footer dd h3 {
		font-size: 0.24rem;
		line-height: 0.42rem;
		color: #b3b3b3;
	}
	.footer dd strong {
		font-size: 0.26rem;
		line-height: 0.42rem;
		margin-left: 0.08rem;
		padding-left: 0.42rem;
		background: url(/css/footerTel.png) no-repeat left 0.05rem;
		background-size: 0.32rem 0.32rem;
	}
	.footer dd p {
		margin-top: 0.18rem;
		font-size: 0.22rem;
		line-height: 0.36rem;
	}
}
.dberweima img{
	width:15%;
	border:1px solid;
	border-radius:15px;
}
.dberweima a{
	margin-left:15px;
}
.righterweima{
	position:relative;
}
#wxImg{
	    display: none;
   
    position: absolute;
    bottom: 180px;
	
    margin: 0px auto;
    text-align: right;
}
#wxImg1{
	    display: none;
   
    position: absolute;
    bottom: 180px;
    margin: 0px auto;
    text-align: right;
}
#wxImg2{
	    display: none;
   
    position: absolute;
     bottom: 180px;
    margin: 0px auto;
    text-align: right;
}
/*footer*/
.youqing{
	    background: #0E5997;
    color: #fff;
	    height: 60px;
    line-height: 60px;
}
.youqing a{
	 color: #fff;
}
.youqing a:hover{
	 color: #ccc;
}
.youqing span,.youqing ul{
	float:left;
}
.youqing li{
	float:left;
	    padding: 0 10px;
		font-size:14px;
}


/****内页banner***/

.nav_bn{
	    padding-bottom: 30%;
    position: relative;
	    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nav_bn .nav_tab{
	position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(14,89,151,0.9);
}
.nav_bn .nav_tab ul{
	    padding: 15px 0px 20px 0px;
}
.nav_bn .nav_tab ul li{
	     display: inline-block;
    margin-right: 26px;
    padding-top: 5px;
 }
.nav_bn .nav_tab ul li.on a{
	     color: #0E5997;
    background: #fff;
 }
 
.nav_bn .nav_tab ul li a{
	    display: block;
    border: 1px solid #fff;
    border-radius: 15px;
    color: #fff;
    line-height: 2;
    padding: 0px 10px;
    text-align: center;
}
.nav_bn .nav_tab ul li a:hover{
	background:#fff;
	color:#0E5997!important;
}
@media only screen and (max-width: 1100px) {
	.nav_bn .nav_tab ul{
		text-align:center;
	}
	.nav_bn .nav_tab ul li {
		display: inline-block;
		margin-right: 5px;
		padding-top: 5px;
	}
	.nav_bn .nav_tab ul li:nth-child(1){
		display:None;
	}
	.nav_bn .nav_tab ul li a{
	    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    line-height: 2;
    padding: 0px 10px;
    text-align: center;
	font-size:14px;
}
.nav_bn .nav_tab ul li a:hover{
	background:#fff;
	color:#0E5997!important;
}
}
.nywz{
	    font-size: 14px;
}
.nywz .current{
	border-bottom: 1px solid #e1eaed;
    text-align: right;
    color: #666;
    padding: 1.9% 0px 0.6%;
}
.nywz .current i{
	    width: 15px;
    height: 13px;
    background: url(../image/fz.png) no-repeat center center;
    display: inline-block;
    margin-right: 9px;
    position: relative;
    top: 1px;
}
.nywz .current a{
color: #666;	
}
.nywz .current span{
	    color: #2a5337;
}


/**********内页内容*********/

.nynr{
	padding:4em 0;
}
.nynr img{
	max-width:100%;
	height:auto;
}
.nynr1{
	padding:2em 0 4em 0;
}
.nynr2{
	padding:0em 0 4em 0;
}
.nynr4{
	padding: 4em ;
	background:#eee;
	
}


/**********新闻*********/
.newlist{
	border: 1px solid #e7e7e7;
    padding: 50px 35px;
	    background: #fff;
		margin:10px 0;
		
}
.newlist .col-lg-3{
	overflow:hidden;
}
.newlist:hover{
	  background: #f4f4f4;
}
.newlist:hover img{
	    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
		
}
.newlist img{
	width:100%;
	height:162px;
	    transition: all 1.5s;
    -moz-transition: all 1.5s;
    -webkit-transition: all 1.5s;
    -o-transition: all 1.5s;

}
.xntitle{
	    font-size: 22px;
    color: #434343;
    height: 30px;
    line-height: 30px;
	margin-bottom:25px;
}
.newny a:hover .xntitle{
	color:#0061AE;
	text-decoration:none;
}
.xwzhaiyao{
	height: 50px;
    color: #929292;
		margin-bottom:30px;
		font-size:15px;
		    line-height: 27px;
}
.xnshijian{
	    color: #3a3a3a;
    font-size: 15px;
}




.newny .container{
	max-width: 1350px;
}
.news-navbox .container{
	max-width: 1350px;
}
@media(max-width:768px){
	.news_con01  .more a{
		color:#fff;
	}
	.news_con01 h3{
		text-align:center;
		padding:1em 0;
	}
	.news_con02 h3{
		text-align:center;
		padding:1em 0;
	}
	.newlist{
		padding: 10px 0px;
    background: #fff;
    margin: 10px;
	}
	.newny .xntitle{
		font-size:16px;
		color:#41464b;
	}
	.xwzhaiyao{
		font-size:14px;
		line-height: 27px;
		margin-bottom: 0px;
		    height: auto!important;
	}
	.news_edit .h3{
		text-align:left!important;
		font-size:18px;
	}
	.newlist img{
		height:auto!important;
		    max-width: 100%;
    width: auto;
	}
	.newlist .col-lg-3{
		text-align:center;
	}
	.xntitle{
		    font-size: 18px;
			margin-bottom: 40px;
			margin-top:1em;
	}
}
.newsxl{
	margin-top:2em;
}



/*联系我们*/
.homeContainer {
	margin: 0 auto;
	box-sizing: border-box;
}

.posRealive {
	position: relative;
	z-index: 3;
}
.innerContainer {
	overflow: hidden;
	background-color: #fff;
}
.contactTitle {
	padding-bottom: 10px;
}

.contactTitle h3 {
	font-size: 30px;
	color: #3174c6;
	font-weight: 600;
	font-family: "pingfang";
	text-transform: uppercase;
}

.contactTitle p {
	font-size: 24px;
	line-height: 32px;
	color: #474747;
}

.contactInfo dt,
.contactInfo dd {
	padding: 13px 0 27px;
}

.contactInfo dt {
	border-bottom: 1px solid #ebebeb;
}

.contactInfo h3 {
	color: #3174c8;
	line-height: 38px;
}

.contactInfo dt h3 {
	font-size: 20px;
}

.contactInfo dd h3 {
	font-size: 24px;
	font-family: "mont";
}

.contactInfo p {
	font-size: 14px;
	line-height: 25px;
	color: #565857;
}

.contactList {
	padding: 50px 0 0 0;
	background-color: #f8fafc;
}

.contactList:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	background-color: #f8fafc;
}

.contactList dl {
	padding: 12px 20px;
	position: relative;
}

.contactList dt {
	width: 88px;
	height: 100%;
	float: left;
}

.contactList dt img {
	width: 100%;
	height: auto;
}

.contactList dd {
	width: 260px;
	float: right;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}

.contactList dd h3,
.contactList dd h4 {
	font-size: 16px;
	line-height: 30px;
}

.contactList dd h3 {
	color: #484848;
}

.contactList dd h4 {
	color: #3174c6;
	font-family: "mont";
}

.contactList dd p {
	font-size: 14px;
	line-height: 25px;
	margin-top: 5px;
	color: #565857;
}

.contactMap {
	width: 100%;
	height: 550px;
	padding: 7px;
	padding-top: 0;
	position: relative;
	z-index: 4;
	box-sizing: border-box;
}

@media only screen and (max-width:1600px) {
	.contactList dt {
		width: 72px;
	}
	.contactList dd {
		width: 218px;
	}
	.contactList dd p {
		font-size: 12px;
		line-height: 23px;
		margin-top: 0;
	}
	.contactList dd h3,
	.contactList dd h4 {
		font-size: 15px;
		line-height: 25px;
	}
	.contactInfo dt,
	.contactInfo dd {
		padding: 13px 0 25px;
	}
	.contactMap {
		height: 460px;
	}
	.contactTitle h3 {
		font-size: 26px;
	}
	.contactTitle p {
		font-size: 22px;
		line-height: 48px;
	}
	.contactInfo dt h3 {
		font-size: 18px
	}
	.contactInfo h3 {
		line-height: 36px;
	}
}

@media only screen and (max-width:1300px) {
	.contactList dt {
		width: 58px;
	}
	.contactList dd {
		width: 210px;
	}
	.contactList dl {
		padding: 20px;
	}
	.contactTitle h3 {
		font-size: 24px;
	}
	.contactTitle p {
		font-size: 20px;
		line-height: 42px;
	}
	.contactInfo dt h3 {
		font-size: 16px
	}
	.contactInfo h3 {
		line-height: 32px;
	}
	.contactInfo p {
		line-height: 24px;
	}
	.contactMap {
		height: 370px;
	}
}

@media only screen and (max-width:991px) {
	.contactList {
		display: none;
	}
	.contactMap {
		height: 285px;
	}
	.contactTitle h3 {
		font-size: 20px;
	}
	.contactTitle p {
		font-size: 18px;
		line-height: 36px;
	}
	.contactInfo dt h3 {
		font-size: 14px;
	}
}

@media only screen and (max-width: 767px) {
	.contactInfo dt,
	.contactInfo dd {
		padding: 10px 0 10px;
	}
	.contactInfo dt {
		padding-top: 0;
	}
	.contactTitle h3 {
		font-size:  18px;
	}
	.contactTitle p {
		font-size: 15px;
		line-height: 15px;
	}
	.contactTitle p {
		font-size: 15px;
		line-height: 30px;
	}
	.contactInfo h3 {
		line-height: 18px;
	}
	.contactInfo dt h3 {
		font-size: 16px;
	}
	.contactInfo dd h3 {
		font-size: 18px;
	}
	.contactInfo p {
		font-size:15px;
		line-height: 30px;
	}
	.contactMap {
		height: 4.85em;
	}
	.contactTitle {
		padding-bottom: 10px;
	}
}

.leftContainer {
	float: left;
	box-sizing: border-box;
}
.rightNavBar {
	float: right;
}
@media only screen and (min-width: 1600px) {
	.leftContainer {
		width: 70%;
		padding: 50px 50px 50px 120px;
		background:#F5F5F5;
	}
	.rightNavBar {
		width: 30%;
	}
}

@media only screen and (max-width: 1599px) {
	.leftContainer {
		width: 780px;
		padding: 30px 30px 30px;
	}
	.rightNavBar {
		width: 348px;
	}
}

@media only screen and (max-width: 1300px) {
	.leftContainer {
		width: 600px;
		padding: 60px 30px 0;
	}
	.rightNavBar {
		width: 324px;
	}

}

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

	.leftContainer {
		width: 100%;
		padding: 20px;
	}
	
}

@media only screen and (max-width:767px) {
	.leftContainer {
		padding: 0.3rem 0.2rem;
	}

	.leftBgContainer {
		min-height: 7rem;
	}
}


/*联系我们*/

.rczp{
	margin:3em 0;
	background:#F5F5F5;
	padding:5em
}
.rczp .contactTitle h3{
	text-align:center;
	margin-bottom:1em;
}

.reportLeft {
	width: 60%;
	float: left;
}



.inLeftContainer {
	width: 100%;

}
.contactTip {
	font-size: 14px;
	line-height: 25px;
	color: #565857;
	margin: 10px 0;
}

.cleanReport {
	margin-top: 15px;
}

.cleanReport li {
	margin-top: 10px;
}

.cleanReport input {
	background: #fff;
	width: 100%;
	height: 43px;
	font-size: 14px;
	line-height: 43px;
	color: #444;
	text-indent: 28px;
	font-family: "微软雅黑";
}
.cleanReport textarea {
	background: #fff;
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	padding: 10px 28px;
	overflow: auto;
	resize: none;
	box-sizing: border-box;
	min-height: 130px;
	font-family: "微软雅黑";
}
.cleanReport input::-webkit-input-placeholder {
	color: #444;
}


.cleanReport textarea:-ms-input-placeholder {
	color: #444;
}

.cleanReport #txtcode {
	width: 185px;
	float: left;
}

.cleanReport #imgValidateCode {
	height: 43px;
	width: auto;
	margin-left: 10px;
}

.cleanReport #butOk {
	width: 116px;
	height: 43px;
	font-size: 16px;
	line-height: 43px;
	color: #fff;
	float: right;
	font-family: "微软雅黑";
	background-color: #0E5997;
}

.feedBack .contactList {
	padding: 26px 0;
	margin-top: 17px;
	background-color: #0E5997;
}

.feedBack .contactList:before {
	display: none;
}

.feedBack {
	width: 30%;
	float: right;
	margin-top:3em;
}

.feedBox dt img {
	width: 100%;
	height: auto;
}

.feedBox dd {
	padding: 28px 24px;
	height: 169px;
	box-sizing: border-box;
	background: #0E5997;
	position: relative;
}

.feedBox dd:before {
	content: "";
	display: block;
	width: 128px;
	height: 128px;
	right: 24px;
	bottom: 0;
	position: absolute;
	background: url("/css/feedbackIcon.png") no-repeat center/cover;
}

.feedBox dd p {
	font-weight: bold;
	font-size: 15px;
	line-height: 28px;
	color: #b6d1f4;
}


/*表单*/

@media only screen and (max-width:1599px) {
	.reportLeft {
		width: 60%;
	}
	.cleanReport textarea {
		min-height: 112px;
	}
	.feedBox dd:before {
		width: 100px;
		height: 100px;
	}
}

@media only screen and (max-width:1300px) {
	.reportLeft {
		width: 60%;
	}
	.feedBack {
		width: 30%;
	}
	.feedBox dd:before {
		width: 86px;
		height: 86px;
	}
	.cleanReport input {
		height: 40px;
		line-height: 40px;
	}
	.cleanReport textarea {
		min-height: 64px;
		padding: 7px 28px;
	}
}

@media only screen and (max-width:991px) {
	.feedBack {
		display: none;
	}
	.reportLeft {
		width: 100%;
	}
	.cleanReport textarea {
		min-height: 128px;
	}
}

@media only screen and (max-width:767px) {
	.contactTip {
		    font-size: 15px;
			line-height: 28px;
			margin: 10px;
	}
	.cleanReport input {
		font-size: 16px;
		line-height: 40px;
	
		height: 40px;
	}
	.cleanReport textarea {
		min-height: 16px;
		padding: 15px 15px;
		font-size: 16px;
		line-height: 16px;
		font-family: "微软雅黑";
		background:#f5f5f5;
	}
	.cleanReport #txtcode {
		width: 30px;
	}
	.cleanReport #imgValidateCode {
		height: 16px;
	}
	.cleanReport #butOk {
		    width: 100px;
    height: 30px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
	}
	.cleanReport {
		margin-top:10px;
	}
}





/********资质荣誉********/
.project-area-2 .single-awesome-project {
    position: relative;
    margin-top: 20px;
}
.project-area-2 .project-dec {
    position: absolute;
    left: 20px;
    bottom: 30px;
}
.project-area-2 .project-dec h4{
	font-size:18px;
	color:#fff;
}
.project-area-2 .awesome-img > a::after {
    background: rgba(0,44,87,0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.40;
    transition: 0.4s;
}
.project-area-2 .single-awesome-project:hover .awesome-img > a::after {
   opacity: 0.70;
}
.project-area-2 .single-awesome-project:hover .project-dec h4::after{
    display: none;
}
.project-area-2 .project-all{
    margin-top: 0px;
}
.awesome-img{
    display: block;
    width: 100%;
    height: 250px;
    position: relative;
    overflow: hidden;
}
@media(max-width:1360px){
	.awesome-img{
    display: block;
    width: 100%;
    height: 200px;
    position: relative;
    overflow: hidden;
}
.project-area-2 .project-dec h4{
	font-size:16px;
}
}
.awesome-img img{
    transform: scale(1.1);
    transition: 0.4s;
	width:100%;
}
.single-awesome-project:hover .awesome-img img{
    transform: scale(1);
    transition: 0.4s;
}
.awesome-img > a {
    display: block;
    position: relative;
}
.single-awesome-project:hover .awesome-img > a::after{
    opacity: 1;
}
.single-awesome-project:hover .add-actions{
    opacity: 1;
}
.awesome-img > a::after {
    background: rgba(0,44,87,0.95);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transition: 0.4s;
}





/************产品展示******/
/* 10. Project */
.project-area .container-full {
	padding: 0 75px;
}
.project-item {
	position: relative;
	z-index: 1;
}

.project-thumb img {
	width: 100%;
	border-radius: 15px;
	box-shadow: 0px 0px 25px 4px rgba(47, 46, 45, 0.17);
	height:250px;
}
.slick-cloned:hover .project-thumb img {
	width: 100%;
	border-radius: 15px;
	box-shadow: 0px 0px 30px 10px rgba(47, 46, 45, 0.27);
	height:250px;
	-webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    -moz-box-shadow: 0px 6px 25px rgba(0,0,0,0.35);
}
.project-tag {
	left: 30px;
	top: 30px;
	position: absolute;
}
.project-tag a {
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.project-content {
	
	margin-top:10px;
	width: 100%;
	text-align: center;
}
.project-item:hover .project-overlay-content {
	opacity: 1;
}
.project-overlay-content {

	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	opacity: 1;
	transition: .3s linear;
}
.project-content h4 {
	font-size:16px;
	font-weight:700;

	color: #3171A6;
	margin: 0;

	
	position: relative;
}
.project-content h4 a{
	color: #3171A6;
}
.slick-cloned :hover a{
	color: red;
}
.project-content h4::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../image/jiantou2.png);
	width: 100px;
	height: 12px;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.project-active .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.project-active .slick-dots li {
	display: block;
	line-height: 0;
}
.project-active .slick-dots li button {
	text-indent: -99999px;
	border: 2px solid #abb3ba;
	padding: 0;
	background: transparent;
	line-height: 1;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	transition: .3s linear;
	cursor: pointer;
	margin: 0 13px;
}
.project-active .slick-dots li.slick-active button {
	border-color: #9cc623;
}
.project-active .slick-track {
	padding-bottom: 50px;
}
.slick-slide:focus {
	outline: none;
}
.slick-slide{
	margin-top:2em;
	margin-bottom:1em;
}



/*************解决方案**********/
.fangan ul{  }
.fangan ul li img{width:100%;height:auto;}
.fangan ul li { float: left;  text-align: center; padding: 10px; padding-top:20px;  border: #E1EAED 1px solid;  margin-top:2%;    margin-left: 2.3%;
    width: 22%;
	box-shadow: 0px 4px 8.37px 0.63px rgba(47, 46, 45, 0.17);
	}

.fangan ul li a{color:#000; }
.fangan ul li a:hover{ color:#0E5997;  }
.fangan ul li:hover{
	box-shadow: 0px 10px 15px 0.63px rgba(47, 46, 45, 0.17);
}








/***********新闻内页**********/

.mainbody{background:#f6f6f6;}
.mainbody_content{font-size:15px; overflow-x:hidden; line-height:240%; min-height:500px; _height:500px; text-align:justify; margin: 0 auto; width:100%; background: #fff; padding:30px 60px 50px 60px; /*border-radius:10px;*/}
.mainbody_content p{padding-bottom:20px;}
.mainbody_content img{max-width:100%;}
.mainbody_content_img{width:100%; padding:30px; margin:0 auto; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify; float: right; background: #fff;border:solid 1px #eeeeee;}
.mainbody_contentt{width:100%; background: #fff; font-size:15px; overflow-x:hidden; line-height:200%; min-height:300px;_height:300px; text-align:justify; margin: 0 auto; }

.right_content_top{width: 100%;}
.right_content_title{font-size: 34px; text-align: center; line-height: 34px; padding-bottom:40px; padding-top:20px; color: #000;}
.right_content_info{height:40px;line-height:40px;text-align:center;margin:15px 0; border:1px solid #E7E7E7;border-left:none;border-right:none;color:#666; font-size: 14px;}
.right_content_info small{margin-left:8px;margin-right:3px;color:#999;font-size:14px;}
.right_content_desc{margin:20px 0 15px;padding:5px 10px;line-height:25px;border:1px solid #f4e4b4;background:#fffff0;font-size:14px;}
.right_content_content{padding:15px 0; width: 100%;}
.right_content_content p{padding-bottom: 15px;}
.right_content_content img{max-width:100%;}
.p_content_desc{margin:20px 0 15px;padding:5px 10px;line-height:25px;border:1px solid #f4e4b4;background:#fffff0;font-size:14px; text-align:center;}
.p_content_desc span{}
.preNext {
	width: 100%;
    margin-top: 20px;
    border-top: 1px #E7E7E7 solid;
    position: relative;
    font-size: 14px;
}
.preNext a{
	color:#6f6f6f;
}
.preNext a:hover{
	color:#0E5997;
}









/*******************营销服务****************/

.dingweibj{
	background:#f9f9f9;
	padding:3em;
	margin-top:2em;
}
.dingweibj h2{
	text-align:center;

	font-size:30px;
	font-weight:700;
	margin-bottom:20px;
}
.dingweibj span{
	text-align:center;
	display:block;
}
.dingwei{
	padding:2em;
}

.fsdw {
	text-align:center;
	margin-top:2em;
}
.fsdw div{
	border:1px solid #444;
}
.henr .col-lg-2{
	    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.henr1 p:nth-child(1){
	font-size:18px;
	font-weight:600;
	text-aligN:center;
	margin-bottom:10px;
}
.henr1 {
	
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);
	padding:2em;
}
.jsnr1 p:nth-child(1){
	font-size:18px;
	font-weight:600;
	text-aligN:center;
	margin-bottom:10px;
}
.jsnr1 {
	
	box-shadow:0px 5px 10px 0px rgba(0,0,0,0.1);
	padding:2em;
}
.jsnr img {
	margin:0px auto;
}
.hzal p:nth-child(1){
	font-weight:800;
	font-size:18px;
}
.hzal{
	margin-bottom:10px;
}
.hzmsbj{
	background:url(../image/hzmsbj.jpg);
	padding:5em 0;
	
}
.hzmsbj h2{
	color:#fff;
}












/***********526后面一版成功案例*******/



#mainBusiness {
	/*margin:0 259px;*/
	position: relative;
	padding:7% 0;
	background: url("/images/main_business_bg_1.jpg") no-repeat center bottom;
	background-size: cover;
}
.main-business-inner ul:nth-child(2){
	margin-top:20px;
}
.main-business-inner {
	max-width: 1500px;
	margin: 0px auto;

}

.business-list li>a {
	display: block;
	margin: 0 8px;
	position: relative;
	overflow: hidden;
	max-height: 280px;
}

.business-img-thum {
	position: relative;
}

.business-img-cover {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	max-width: 477px;
	background-color: rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}


.business-txt {
	position: absolute;
	left: 0;
	bottom: -100px;
	padding-bottom: 25px;
	overflow: hidden;
	width: 100%;
	max-width: 477px;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	
}

.business-txt>h2,
.business-txt>strong,
.business-txt>p {
	padding-left: 30px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

.business-txt>h2 {
	font-size: 16px;
	line-height: 50px;
	color: #fff;
	font-weight: 500;
	letter-spacing: -0.75px;
	padding-top: 10px;
}

.business-txt>strong {
	display: block;
	font-size:15px;
	line-height: 28px;
	color: #fff;
	opacity:0;
	filter: Alpha(opacity=50);
	font-weight: 400;
	margin-bottom: 21px;
}

.business-txt>p {
	font-size: 15px;
	line-height: 28px;
	color: #fff;

	letter-spacing: -0.75px;
	min-width: 300px;
    max-width: 400px;
	opacity: 0;
	filter: Alpha(opacity=00);
	font-weight: 300;
}

.business-txt>p span {
	display: block;
}

.business-list li>a img {}

.business-list li:hover .business-img-cover {
	background-color: rgba(0, 0, 0, 0.4);
	
}
.business-txt hr{
	width:10%;
	border-top: 2px solid #fff;
}

.business-list li:hover .business-txt {
	bottom: 20%;
	
}

.business-list li:hover .business-txt>h2 {
	font-size: 16px;
}

.business-list li:hover .business-txt>strong {
	font-size: 15px;
	line-height: 32px;
	font-weight: 500;
	opacity: 1.0;
	filter: Alpha(opacity=100);
}

.business-list li:hover .business-txt>p {
	opacity: 1.0;
	filter: Alpha(opacity=100);
}



/* --------  Business -------- */
.main-business-inner-mobile {
	display: none;
}

.business-list-mobile {
	width: 100%;
}

.business-list-mobile>li {
	float: left;
	width: 49%;
	margin-left: 2%;
}

.business-list-mobile>li:first-child,
.business-list-mobile>li:nth-child(2) {
	margin-bottom: 2%;
}

.business-list-mobile>li>a {
	display: block;
	position: relative;
}

.business-list-mobile>li.mal0 {
	margin-left: 0;
}

.business-list-img-thum {
	width: 100%;
	position: relative;
	padding-top: 97.5%;
}

.business-list-img-thum>span {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.business-list-img-thum>span img {
	max-width: 100%;
	width: 100%;
	height: 100%;
}

.business-list-txt-thum {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 7% 5%;
	width: 90%;
	background-color: #153c9d;
	background-color: rgba(21, 60, 157, 0.9);
}

.business-list-txt-thum>h3 {
	font-size: 20px;
	line-height: 36px;
	color: #fff;
	font-weight: 400;
	letter-spacing: -1px;
}

.business-list-txt-thum>p {
	font-size: 15px;
	line-height: 20px;
	color: #fff;
	letter-spacing: -0.5px;
}

@media all and (max-width:1500px) {
	.main-business-inner {
		width: 94%;
	}
}

@media all and (max-width:1220px) {

	.business-txt>h2,
	.business-txt>strong,
	.business-txt>p {
		padding-left: 5px;
	}

	.business-txt>h2 {
		font-size: 22px;
		line-height: 44px;
	}

	.business-txt>strong {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.75px;
	}

	.business-txt>p {
		font-size: 14px;
		line-height: 24px;
		min-width: 223px;
		max-width: 223px;
		letter-spacing: -0.95px;
	}

	.business-txt>p span {
		display: inline;
	}

	.business-list li:hover .business-txt>h2 {
		font-size: 22px;
	}

	.business-list li:hover .business-txt>strong {
		font-size: 18px;
		line-height: 24px;
	}
}

@media all and (max-width:800px) {
	.main-business-inner {
		display: block;
	}

	.main-business-inner-mobile {
		display: block;
	}
}

@media all and (max-width:480px) {
	.business-list-txt-thum>h3 {
		font-size: 16px;
		line-height: 26px;
	}

	.business-list-txt-thum>p {
		font-size: 13px;
		line-height: 18px;
	}
}
.main-subtit {
	font-size: 15px;
	color: #333;
	letter-spacing: -0.75px;
	font-weight: 300;
	text-align: center;
	margin-bottom: 4%;
	opacity: 0.8;
	filter: Alpha(opacity=80);
}
.main-tit {
	font-size: 35px;
	color: #00183a;
	font-weight: 400;
	text-align: center;
	margin-bottom: 1%;
}

.main-tit>span {
	display: inline-block;
	position: relative;
	font-family:"黑体", sans-serif;
    color: rgba(0,0,0,0.7);
	
}
#mainBusiness hr{
	width:1%;
	border-top: 1px solid #2F318B;
	margin-top: 10px;
    margin-bottom: 10px;
	animation:myfirst 5s;
-webkit-animation:myfirst 5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst /* Safari and Chrome */{
	
	
	100% {width:4%;}
	
	
}

.syalgd{
	margin-top:3em;
}



/*首页关于我们*/
#about {
	padding: 80px 0 60px 0;
	
}
#about h2{
	
	font-weight:700;
}
#about h3 {
	font-size: 22px;
	font-weight: 600;
	margin: 20px 0 0 0;
}
#about .about-text span {
	color: #444;

	letter-spacing: -1px;
}
#about hr {
	margin-left: 0;
	margin-bottom: 40px;
}
#about .btn {
    display: block;
    width: 160px;
 
    font-size: 14px;
    border: 1px solid #999999;
    color: #666;
    text-align: center;
    transition: .5s ease-in-out;
	border-radius: 0;
	
}

#about .btn:hover{
	background-color: #0061AE;
	color:#fff;
	
}

#about .about-media img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	box-shadow: 10px 10px 10px rgba(0,0,0,.2);

                 /*考虑浏览器兼容性*/

                 -moz-box-shadow: 10px 10px 10px rgba(0,0,0,.2);

                 -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,.2);
}
#about .about-text, #about .about-desc {
	margin-bottom: 40px;
	margin-top:2em;
}
#about p {
	line-height: 24px;
	margin-top: 20px;
}
#about hr {
	height: 3px;
	width: 70px;
	text-align: center;
	position: relative;
	background: #0061AE;
	margin: 0 auto;
	
	border: 0;
	margin-left: 0;
    margin-bottom: 20px;
	margin-top:20px;
}
/*首页关于我们结束*/

/*首页统计*/
.stats {
	background: url("../image/shuzibj.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	height: 270px;
}

.stats-info {
	text-align: center;

}
.slideanim .stats1{

	
-webkit-transition: -webkit-transform 1.5s ease-out;
-moz-transition: -moz-transform 1.5s ease-out;
-o-transition: -o-transform 1.5s ease-out;
-ms-transition: -ms-transform 1.5s ease-out;

}

.slideanim:hover .stats1{
	-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);

}
.stats-info .col-md-2,.stats-info .col-sm-2{
	    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
}
.stats p {
    color: #fff;
    font-size: 16px;
    line-height: 35px;
    padding: 0 50px;
    text-align: center;
}
.stats-grid {
	font-size: 40px;
	font-weight: 700;
	color:#fff;
	margin-bottom: 10px;
	margin-top:60px;
}
.stats-grid:before{
	border-left:1px solid #eee;
}
p.stats-info {
	margin-top: 10px;
}
label.line {
    background-color: #fff;
    display: block;
    width: 40px;
    height: 2px;
    margin: 15px auto;
}
.shuzigundong{
	font-size:20px;
}
/*首页统计结束*/




/*********1440px大小调试****/

@media(max-width:1440px){
	.main-menu .navigation > li{
    margin: 0px 10px;
}
.main-menu .navigation li.dropdown .megamenu li h4{
font-size: 14px;
}
.main-header .menu-right-content{
    margin-left: 10px;
	    padding: 0px 0px 0px 0px;
}
.owl-carousel .owl-item img{
width: 130%;
}
.banner-section{
    min-height: 700px;
}
.grop-box{
	    width: 0px;
}
.poabsolute-h50{
    padding: 70px 40px;
}
.indList_dl dt{
    padding: 5px 15px;
}
.ind1stNews{
padding-top: 63%;
}
.footer dd{
    width: 240px;
}
.main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a{
	padding:0px 0px; 
    line-height: 15px;
	border-bottom:1px solid transparent!important;
}
.megamenu .column li{
	height:auto;
	
}
.dhh4 li a{
	    line-height: 36px!important;
}
}

/*********1366px大小调试****/
@media(max-width:1366px){
	.main-menu .navigation > li{
		    margin: 0px 10px;
			padding: 5px 5px;
	}
	.banner-carousel .content-box h4{
  position: relative;
  display: inline-block;
  top:220px;
  font-size: 20px;
  line-height: 20px;
  color: #687f9b;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;

  margin-bottom: 33px;
  opacity: 0;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -o-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.banner-carousel .content-box{
	    max-width: 400px;
}
.owl-carousel .owl-item img{
	    width: 200%;
}
.main-menu .navigation li.dropdown .megamenu li h4{
	font-size: 14px;
}
.banner-section{
	    min-height: 600px;
}
.indList_dl dt{
	padding: 5px 15px;
}
.ind1stNews{
	    padding-top: 76%;
}
.footer dd{
	width:220px;
}
.main-menu .navigation > li > ul > li > a, .main-menu .navigation > li > .megamenu li > a{
	padding:0px 0px; 
    line-height: 15px;
	border-bottom:1px solid transparent!important;
}
.megamenu .column li{
	height:auto;
	
}
.dhh4 li a{
	    line-height: 36px!important;
}
}


/*****************分页**********/
.n_expoPages{
	text-align:center;
	margin:10px auto;
	display:table;
}
.n_expoPages a{
	color:#666;
}
.n_expoPages .current{
	color:red;
}
.n_expoPages li{
	float:left;
	padding:0 10px;
}
.n_expoPages .thisclass{
	background:#21467B;
}
.n_expoPages .thisclass a{
	color:#fff;
}

.xgcp h4{
	text-align:center;
	padding:2em 0;
}
.xgcpmg{
	margin-left:10px;
	margin-right:10px;
}
.xgcpbg :hover{

	
	width:100%;
	height:100%;
color:#fff;

}
.project-content1 h4 {
	font-size: 18px;
	text-align:center;
	color: #3171A6;
	margin: 0;
	line-height: 1;
	padding-top:20px;
	position: relative;
}
.project-content1 h4 a{
	color: #3171A6;
}
.project-content1 h4 a:hover {
	color: #fff;
}
.project-content1 h4::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../image/jiantou2.png);
	width: 100px;
	height: 12px;
	background-repeat: no-repeat;
	margin: 0 auto;
	
}


/**********20210727 内页左右结构*****/

.zuobianfa{
	margin-top:1.5%;
}
.zuobianfa1{
	margin-top:5em;
}
.panel-group .panel-heading{
	    background: #3171A6;
}
.panel-title{
	color:#fff;
}
.panel-body ul li{
	border-bottom:1px solid #e1eaed;
	font-size:14px;
}
.panel-body ul li a:hover{
	color:red;
}

.case_list11{
	    border: 1px solid #9e9e9e;
    padding-right: 0px;
    padding-left: 0px;
}
.fnzbbt{
	    background: #3171A6;
    color: #fff;
    padding: 0.5em 1em;
}
.fnzbbt1{
	    background: #3171A6;
    color: #fff;
    padding: 0.5em 1em;
	margin-top:2em;
}
.case_list11 .anli{
	margin-top:1em;
}
.case_list11 .case_name{
	text-align:center;
	background:#fff;
	    float: none;
		    padding: 10px;
}
.case_list11 .case_txt{
	    margin-top: 0px;
}


.chanpinzb1{
	background:#3171A6;
	text-align:center;
	margin-bottom:10px;
}
.chanpinzb1 h4{
	color:#fff;
}
.chanpinzb .panel-title{
	color:#444;
	    font-size: 15px;
}
.chanpinzb .panel-heading{
	    padding: 5px 15px;
}
.panel-group .panel-heading1{
	    background: #e1eaed!important;
}
.chanpinzb:nth-child(2){
	margin-top:1em;
}

.nyhezuo{
	 
    padding-bottom: 4em;
}
.nyhezuo img{
	    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
    -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}
.ldgh1{
	padding-top: 20px;
	    margin: 15px;
	 box-shadow:  0px 0px 20px 5px rgba(0,0,0,0.2);
    -moz-box-shadow:  0px 0px 20px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);

    max-width: 23%!important;
}
@media(max-width:768px){
	.ldgh1{
	padding-top: 20px;
	    margin: 15px;
	 box-shadow:  0px 0px 20px 5px rgba(0,0,0,0.2);
    -moz-box-shadow:  0px 0px 20px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.2);
	
    max-width: 100%!important;
}
.ldghname{
	    margin-bottom: 6px;
    font-size: 14px;
    line-height: 2!important;

    float: left;
    width: 100%!important;
}
#about .about-text, #about .about-desc{
	margin-top:0em;
}
.about-media video{
	    height: 315px!important;
}
}
.ldgh2{
	width:100%;
}
.ldgh1:hover img{
	 -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.ldghfenye{
	padding:2em 0;
}

.yxfw .col-lg-3{

	border-bottom: 1px solid #edeff1;
	font-size:15px;
}
.yxfw .panel-title a{
	width:100%;
	display:block;
}

.about-media video{
	    height: 500px;
}

.aligncenter{
	display:block;
	margin:0px auto;
}


table{
border-collapse: collapse;
width:100%;
border:1px solid #c6c6c6 !important;
margin-bottom:20px;
}
table th{
border-collapse: collapse;
border-right:1px solid #c6c6c6 !important;
border-bottom:1px solid #c6c6c6 !important;
background-color:#ddeeff !important;
padding:5px 9px;
font-size:14px;
font-weight:normal;
text-align:center;
}
table td{
border-collapse: collapse;
border-right:1px solid #c6c6c6 !important;
border-bottom:1px solid #c6c6c6 !important;
padding:5px 9px;
font-size:12px;
font-weight:normal;
text-align:center;
word-break: break-all;
}
table tr:nth-child(odd){
background-color:#fff !important;
}
table tr:nth-child(even){
background-color: #f8f8f8 !important;
}

table>thead>tr>th {
vertical-align: middle;
}
table>thead>tr>td {
vertical-align: middle;
}

.spxz{
                            margin-top:1.5%;
                        }
                        .sp_text{line-height:48px;}
                        .spxz .sp_list:nth-child(odd) {
                            background-color: #f8f8f8 !important;
                        }
                        .sp_text img{
                            height:28px;
                        }
                        .sp_r{
                            text-align:center;
                        }
                        div.pageList{ padding: 0 20px; text-align: center;margin-top:40px;}

div.pageList ul.l{ display: none;}

div.pageList ul.r{ float: none;}

div.pageList ul li { line-height: 42px;display: inline-block;}

div.pageList ul li a{ display: inline-block; border: 1px solid #ddd; background-color: #fff;

 	padding: 0 16px; margin:0 3px; height: 40px; color: #999; font-size: 14px; line-height: 40px;

 	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px;}

div.pageList ul li a.selected,

div.pageList ul li:hover a{ background-color: #0E5997; border-color: #0E5997; color: #fff;}
.pageList .current {
    background-color: #0E5997 !important;
    border-color: #0E5997 !important;
    color: #fff !important;
}
@media(max-width:1000px){
	.sp_c{
		width:70%;
		float:left;
	}
	.sp_r{
		width:30%;
		float:right;
	}
	.nynr .sp_r img{
		height:24px !important;
	}
	div.pageList ul li {
    line-height: 30px;
    display: inline-block;
}
div.pageList ul li a {
    display: inline-block;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 0 12px;
    margin: 0 3px;
    height: 30px;
    color: #999;
    font-size: 14px;
    line-height: 30px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
div.pageList {
    padding: 0 20px;
    text-align: center;
    margin-top: 20px;
}
}