/*Author 黄黎
==================================*/
.module-tit {
    		/*margin: 10px 0 5px;*/
    		padding-top: 10px;
    		padding-bottom:5px;
    	}
    	.service-scope ul img {
    		display: block;
    		text-align: center;
    	}
    	.service-scope ul strong{
    		display: block;
    		text-align: center;
    		font:400 18px 'microsoft yahei';
    		color:#333;
    		margin-top: 1.2em;
    	}
    	
    	.service-scope ul span {
    		display: block;
    		text-align: center;
    		font:400 18px 'microsoft yahei';
    		color: #B9B9B9;
    	}
    	.service-scope ul li img {
    		width: 100%;
    		border:4px solid transparent;
    		border-radius: 4px;
    	}
    	.service-scope ul li img:hover {
    		border-color:#3A7DA7;
    	}
    	.service-scope ul li:nth-of-type(1) img {
    		margin-right:20px;
    	}
    	.service-scope ul li:nth-of-type(2) img {
    		margin:0 0;
    	}
    	.service-scope ul li:nth-of-type(3) img {
    		/*margin-left:20px;*/
    		/*float: right;*/
    	}
    	
    	.cooperator-tit,
    	.about-us-tit,
    	.successful-case-tit {
    		padding-top:40px;
    		padding-bottom:10px;
    	}
    	.about-us.bgt,
    	.successful-case.bgt {
    		width: 100%;
    		min-height:540px;
			padding-bottom: 55px;
    		background-size:cover;
    		margin-top:50px
    		
    	}
    	.successful-case li:last-child .csli .cslName {
    		margin-top: 140px;/*margin:0px;*/
    		width: auto;
    		height: auto;
    		top:0;
    		bottom:0;
    		right: 0;
    		left:0;
    		line-height: 40px;/*220px;*/
			
    	}
    	.successful-case li:last-child .csli .cslName::before{
		    /*content: '+';*/
		    color: #fff;
		    font-size: 40px;
		    line-height: 35px;
		    width: 40px;
		    height: 40px;
		    top: 50px;
		    left: 120px;
		    border-radius: 20px;
		    position: absolute;
		    background-color: dodgerblue;
    	}
    	.about-us.bgt {
    		margin-top:0;
    	}
    	
    	#aboutUs .text {
    		background-color:#f3f9fb;
    		font: 400 14px/20px 'simsun';
    		color:#C6D4E2; 
    		text-indent: 2em;
    	}
    	#aboutUs .aboutUsBox img {
    		width: 100%;
    	}
    	#aboutUs .aboutUsBox div:first-child {
    		margin: 0;
    		padding:0;
    	}
    	#aboutUs .aboutUsBox div:last-child {
    		//box-shadow: 3px 3px 10px 7px #337ab7;
    		padding: 20px 10px 20px 20px;
    		height: 365px;
    	}
    	@media screen and (max-width: 1200px) {
   			#aboutUs .aboutUsBox div:last-child {
   				height: 303px;
   			}
		}
    	#aboutUs .text .tit {
    		font:400 18px/1.2em 'microsoft yahei';
    		float: left;
			color:#4b4b4b;
    	}
    	#aboutUs .text .icon-more {
    		cursor: pointer;
    		float: right;
    		display: inline-block;
    		width: 45px;
    		height:16px;
    		background-color: #1386C9;
    		border-radius: 3px;
    		padding:0 4px;
    		font-size: 12px;
    		text-indent: 0em;
    	}
    	#aboutUs .icon-more b {
    		float: left;
    		line-height: 16px;
    		color: #fff;
    		font-weight: 400;
    	}
    	#aboutUs .icon-more i {
    		display: inline-block;
    		width: 8px;
    		height: 16px;
    		float:right;
    	}
		#cooperator .arrow-left {
			position: absolute;
			top: 350px;
			z-index:9999999;
		}
		#cooperator .arrow-right {
			position: absolute;
			top: 350px;
			right: 0;
			z-index:9999999;
		}
		#cooperator .container {
			position: relative;
		}
		#cooperator .copperator-logo {
			text-align: center;
    		position: relative;
    		margin:90px 70px;
			overflow: hidden;
		}
		#cooperator .copperator-logo .col-lg-3 {
			width: 404px;
			height: 175px;
			padding: 0px;
		}
		#cooperator .copperator-logo .warp,#cooperator .copperator-logo .warp2 {
			height: 175px;
			width: 10000px;
			position: relative;
			display:flex;
		}
		#cooperator .copperator-logo  .arrow-left {
			    position: absolute;
			    left: -60px;
			    top: 34px;
		}
		#cooperator .copperator-logo  .arrow-right {
			    position: absolute;
			    right: -60px;
			    top: 34px;
		}
		#footer .link-list {
			padding: 15px;
		}
		#footer dl {
			float: left;
			color:#fff;
			position: relative;
			text-align: center;
		}
		#footer dl:nth-child(n+1) {
			/**width: 170px;**/
		}
		#footer dl:nth-child(n+2):before{
			content: '.';
			position: absolute;
			width: 2px;
			height: 22px;
			background: #fff;
			left: 0px;
			
		}
		#footer dl dt {
			font-size: 16px;
		}
		#footer dl dd {
			font-size: 14px;
		}
		#footer dl:first-child {
			/**width: 40px;
			margin-right:55px;**/
		}
		#footer dl:nth-child(3) dd:nth-child(3),
		#footer dl:nth-child(3) dd:last-child {
			/**letter-spacing: 2em;
    		text-indent: 2em;**/
		}
		#footer dl a {
			color:#fff;
		}
		#footer dd {
			line-height: 25px;
		}
		#footer .footer-pic {
			float:right;
		}
		#footer .footer-pic div {
			float: left;
			/**margin-right: 20px;**/
			position: relative;
			text-align:center;
			font-size: 14px;
			line-height: 25px;
			color: #fff;
			
		}
		#footer .oa {
			cursor: pointer;
		}
		#footer dd a:hover,
		#footer .oa:hover {
			color: #307ecc;
		}
		#footer .footer-pic .RQcode {
			margin-right: 20px;
		}
		
		.copyright {
			font-family: "microsoft yahei";			
			padding: 15px 10px;
			text-align: center;
			color:#fff;
			background-color:#121F47 ;
			
		}
		.copyright .phone {
			font-size: 20px;
		}
		.copyright .phone img {
			padding-right: 10px;
		}
		.copyright .text {
			font-size: 16px;
		}
		#back-top {
		    position: fixed;
    		bottom: 20px;
    		right: 20px;
		}
/* Color styles
================================================== */
.btn-main:hover{
    background:#3E7AEA;
    border:1px solid#3E7AEA;
    color: #fff;
}
.btn-main.featured{
    background: #3E7AEA;
    border:1px solid#3E7AEA;
    color: #fff;
}
.btn-main.featured:hover{
    background: #333;
    color:#fff;
    border:1px solid#333;
}
/*Menu style
==================================*/
#section_header .haeder-fixed,#section_header{
    background: #fff;
}
.divider{
    background: #3E7AEA;
    }
.navbar-brand:hover{
    color:#3E7AEA;
}
ul.navbar-nav > .active > a{
    color:#3E7AEA!important;
}
ul.navbar-nav > li > a:hover{
    color:#3E7AEA!important;
}
ul.navbar-nav > .active > a,ul.navbar-nav > li > a:hover,.carousel-caption h4{
    color:#3E7AEA!important;
}
.navbar-toggle .icon-bar{
    background:#000; 
}
.navbar-toggle {
    background: #ccc;
}

.navbar-brand span{
    color:#000;
}
ul.navbar-nav a {
    color: #3a3a3a;
}
ul.navbar-nav > .active> a:hover{
    color:#000 !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, 
.dropdown-menu>li.active>a{
    color: #3E7AEA !important;
}
/*slider*/
.carousel-caption h3{
    color:#fff!important;
}

.line{
    background: #3E7AEA;
}

.btn-featured{
    background: #3E7AEA;
     color:#fff;
}
.btn-featured:hover{
    color: #222;
    background: #fff;
}
.slides-control .carousel-control i{
    border:1px solid#fff;
    color: #fff;
}
.slides-control  .carousel-control i:hover{
    background: #3E7AEA;
    border:1px solid#3E7AEA;
}
#myCarousel .carousel-indicators .active {
	background-color:transparent;
}
.carousel-indicators .active::before, .carousel-indicators li:hover::before,.slides-control  .carousel-indicators .active::before{
    /*background-color:#3E7AEA;*/
   content: '';
    position: absolute;
    background: #fff;
    top: 5px;
    left: 5px;
   width: 6px;
   height: 6px;
   border-radius: 3px;
   z-index: 999;
}
	
.carousel-indicators li {
	position:relative;
}

/*service area
=========================*/
.feature_content i,.feature_content h5,.feature_content a{
    color:#000!important;
}
.feature_content a:hover{
    color:#fff;
}
.feature_content:hover i,.feature_content:hover  h5{
      color: #3E7AEA!important;
}
.feature_content:hover .btn{
	color:#fff;
	background-color:#3E7AEA
}
#isotope-filter a.active,#isotope-filter a:hover,#isotope-filter a:focus{
    background: #3E7AEA;
}
.feature-icon{
    color: #3E7AEA;
}
#isotope-filter a{
background: #000;
}

/*Pricing
=====================================*/
.dark-bg{
    background:#393A3B;
}
.dark_bg{
    background:#393A3B;
}
.grey_bg ul li.plan, .grey_bg .plan_wraper,.grey_bg ul li.price,.grey_bg ul li.price_button .btn-default{
   background: #3E7AEA!important;
}

.dark_bg,.single_table ul li.plan,.dark_bg ul li.plan,.dark_bg ul li.price_button .btn-default,.single_table .plan_wraper
,.dark_bg .plan_wraper
 {
     background: #434343;
}
.grey_bg {
    background: #3E7AEA;
}
.single_table ul li.price {
    background: #F8F8F8!important;
}
.single_table ul li.price_button,.dark_bg ul li.price_button  {
    background: #F6F6F6;
}
.single_table ul li.price_button .btn-default {
    background: #444444;
}
.dark_bg ul li.price {
    color: #434343;
}

#pricing_table .feature_title,#pricing_table .feature_sub{
    color: #fff!important;
}

/*portfolio
=================*/
.single-portfolio figcaption,.single-portfolio figcaption .description{
    background: none repeat scroll 0% 0% #3E7AEA;
}
.single-portfolio figcaption .description,.single-portfolio figcaption h5{
      color: #fff!important;
}
figcaption .links a:hover{
    background: #222;
    color: #3E7AEA;
}
#isotope-filter a{
    color:#959595;
}
#isotope-filter a.active,#isotope-filter a:hover,#isotope-filter a:focus{
    color:#fff!important;
}
.feature-content{
    color: #222;
}


/*single portfolio
------------------*/
.portfolio-desc h4:after{
    background: #3E7AEA;
}
.right-sidebar h4:after{
    background: #3E7AEA;
}
.related h3:after{
    background:#3E7AEA;
}


/*team
=================*/

#team {
    background: #FAFAFA;
}
.single-member {
    background: #fff;
}

.item .single-member h3 {
    color: #3E7AEA!important;
}
.single-member h5 {
    color: #1F1F1F;
}
.line2{
    background: #3E7AEA;
}
.overlay-effect{
    background: rgba(209,66,51,0.95);
}
 #team .owl-theme .owl-controls .owl-buttons .owl-prev
,#team .owl-theme .owl-controls .owl-buttons .owl-next{
    background: #3E7AEA;
    color: #fff;
}
 #team .owl-theme .owl-controls .owl-buttons .owl-prev:hover
,#team .owl-theme .owl-controls .owl-buttons .owl-next:hover {
   background: #ccc;
   color: #222;
}


/*testimonial
=========================*/
.testimonial-slide .testimonial-text:before,.testimonial-slide .testimonial-text:after {
    color: #3E7AEA;
}

.testimonial-slide .testimonial-content h3.name {
    color: #3E7AEA!important;
}
.customNavigation .fa-chevron-left, .customNavigation .fa-chevron-right{ 
    background: #3E7AEA;
    color: #fff!important;
}
.customNavigation .fa-chevron-left:hover, .customNavigation .fa-chevron-right:hover{ 
      background: #444;
    color: #fff;
}
.customNavigation .fa-chevron-left, .customNavigation .fa-chevron-right{ 
    color: #222;
}

.client_logo img:hover{ 
    border: 1px solid #3E7AEA;
}


.sepTem{
    background: none repeat scroll 0% 0% #3E7AEA;
}

.menu_head:after,.menu_head:before{
    background: none repeat scroll 0% 0% #3E7AEA;
}

.footer_menu_contact li i,.footer_menu_contact li span:hover {
    color:#3E7AEA;
}

.footer_menu ul li a:hover,.footer_menu li a:before,.footer_menu_contact li span:hover,.footer_bottom p span  {
    color: #3E7AEA;
}
.tags a:hover{
    background:#3E7AEA;
}

.feature_content a{
    border:1px solid#3E7AEA;
}
.feature_content a:hover{
    background: #3E7AEA;
}

/*contact area
===============================================*/
.left_contact input[type=text]{ }
.left_contact input[type=text]:hover,
textarea:hover {
    border: 1px solid#3E7AEA;
}

.form-level input:hover .form-level  span{
    color: #3E7AEA!important;
}
.left_contact input:hover, .right textarea:hover{
    border:1px solid#3E7AEA;
    background: #F6F6F6;
    color: #3E7AEA;
}
.social-contact li i:hover{
    color: #3E7AEA;
    border:1px solid #3E7AEA;
}
/*blog
=====================*/
#blog{
    background: #F8F8F8;
}
.post-date{
    background:#3E7AEA;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0% 0% #3E7AEA;
}

.blog-desc .post-meta-links li a{
    color: #3E7AEA;
}
.tags1 a{
    padding: 6px 15px;
    background: #3E7AEA;
}
.about-auther .well{
    border-top: 5px solid#3E7AEA!important;
}
.blog-tab .nav-tabs li.active a{
    border-top: 5px solid#3E7AEA!important;
}

.blog-tab .tab-content .single-tweet i{
    color: #3E7AEA;
}
.blog-tab .tab-content .single-tweet p a{
    color: #3E7AEA;
}
.comments .media-body a:hover{
    background: #3E7AEA;
}
.blog-form h4 span{
    color: #3E7AEA;
}
.blog-catagory ul li a:hover{
    color: #3E7AEA;
}
.blog-catagory ul li a:hover span{
    color: #fff;
    background: #3E7AEA;
}
.blog-form .form-control:hover{
    border: 1px solid#3E7AEA;
}
.rel-post .caption h4:hover{
    color: #3E7AEA;
}
/*2022-09-06 yuanna add start */
@media (min-width: 1200px){
	.container {
		width: 1000px;
	}
}

/*2022-09-06 yuanna add end */