/*
	Project Name : Specialists
	Author Company : SpecThemes
	Project Date: 25 june, 2017
	Template Developer: vsafaryan50yan@gmail.com
*/

/*
==============================================
TABLE OF CONTENT
==============================================

1. MAIN Styles
	a) Sections (white, grey, parallax)
	b) Main Heading
	c) Page Title
	d) buttons
	e) owl carousel dots

2. Builder classes
	a) Text content
	b) Images
	c) Video box
	d) Frames
	e) Shadows
	f) backgrounds

3. Top-Bar Styles
4. Navbar Styles
5. Articles section
6. Services styles
7. Counter styles
8. Testmonials Style6. Services Styles
9. Latest projects Styles (Isotop)
10. Team members
11. Blog Grid
12. Blog List
13. Tabs
14. Pricing plan
15. Partners
16. Typed text
17. Progress Bar
18. Accordions
19. Preloader
20. Scroll To Top Button
21. 404 Page
22. Contorms
24. Google Maps
25. Footer
26. Project Detail
27. Service Detail
28. Blog Post


==============================================
[END] TABLE OF CONTENT
==============================================
*/

/*-----------------------------------------
1. MAIN Styles
-------------------------------------------*/

/*------------------
 a) block-section
--------------------*/
body{
    font-family: "Microsoft YaHei" !important;
}
.owl-carousel .owl-item img {
    /*max-width:216px !important;*/
}

.section-bg {
    background: #f0f0f0;
}

.hide {
    display: none;
}

.p1 {
    display: none;
}

.item-box {
    background: transparent !important;

}

.item-box .item-h4 {
    color: #fff !important;
}

.mb-100{
    margin-bottom:100px;
}
.active-link a {
	color: #444 !important;
}
.active-link>a{
	color: #1d9bd4 !important
}
.block-section .mt-30 p strong{
    margin-right: 10px;
    font-size: 16px;
}
.color-h2{
    color:#fff;
    letter-spacing: 2px;
}
.a-title{
    display: block;
    margin:0 auto;
    width:110px;
    height:44px;
    margin-top:80px;
}
.lm-louceng-span-one {
    margin: 30px auto 5px auto;
}

.lm-louceng-span {
    display: block;
    width: 70px;
    height: 2px;
    background-color: #ee4e66;
}
.content-our-services h4.text-center{
    display: block;
    text-align: center;
}
.content-our-services p.text-center{
    text-align: center !important;
}
.section-hr{
    height:1px;
    margin:60px 0;
    background: #000;
}
.section-bg2{
    background: #353639;
}
.section-bg3{
    background:#e5e5e5;
}
.h1-color{
    color:#fff;
    font-size: 45px!important;
}
.h4-color{
    color:#fff!important;
    font-weight: normal;
    font-size:22px;
    margin:20px 0;
}
.fontSize{
    font-size:16px;
}
.content-testmonial-item p{
    font-style:normal !important;
}

.swiper-slide a img{
    width:100%;
    height:100%;
}
.text-center i{
    font-size:80px;
    color:#028ad1;
}
.ml-minus{
    margin-left:-49%;
}
.slide-font{
    color:#333;
}
.fontSize18{
    font-size: 18px;
}
.fontColor1{
    font-size:16px;
    color:#fff;
}
.navbar-logo img{
    margin-left:0px;
}
.img-width img{
    width:48px;
    height:43px;
}
.footer-contact.address ul li{
    color:#333;
}
.img-width1{
    height:390px;
}
.img-width2{
    height:358px;
}
.img-width3{
    height:193px;
}
.datetime{
    color:#1d9bd4;
}
li{
    list-style: none;
}
@media screen and (max-width: 766px) {
    .img-width1{
        height:auto;
    }
    .img-width2{
        height:auto;
    }
    .img-width3{
        height:auto;
    }

}
.project-item-overlay{
    background:#098cd4 !important;
}
.project-item-overlay h4{
    text-align: center;
    position:relative;
    top:28%;
    left:0;
}
.project-item-overlay p{
    text-align: center;
    position:relative;
    top:28%;
    left:0;
}
.sign {


}
.sign a {

    text-align: center;
}
.company{
    float: left;
    margin:0 24px 24px 0;
}

.footer-img img{
    max-width:130px;
}
.primary-form1 input{
    margin-top:0px;
    margin-bottom: 30px;
}
.primary-form select{
    color: #424040;
    font-size: 14px;
    font-weight: 400;
    border-radius: 10px;
    border: 1px solid #eee;
    width: 100%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    padding: 12px 15px 12px 15px;
    height:46px;
	margin-bottom:30px;
}
.succeed{
    padding:10px 0;
    background:#efefef;
}
.text-overflow{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 15px !important;
    text-align: left;
}
.p-text-overflow{
    height: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.p-des{
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.a-bg{
    display: block;
    background: #8c8c8c;
}
.relative{
    position:relative;
}
.show-hide{
    position:absolute;
    z-index:66;
    right:0;
    display: none;
}
.a-hover{
    color:#fff !important;
    margin: 0 auto;
}
.a-hover:hover{
    color: #1d9bd4 !important;
}
.fontColor2{
    color:#ff0000;
}
.update{
    margin-top: 20px;
    display: block;
    text-align: left;
    color: #999;
}
.aboutus{
    border-top: 1px solid #ccc;
    padding-top: 15px;
}
.blog-post-item{
    letter-spacing:2px ; 
    line-height: 30px;
	text-align:justify;
	word-break: break-all;
}
/*
.swiper-slide{
	background-size: 100% 100%!important;
}*/
.blod{
    font-weight: bold!important;
}
.date,.fr{
    float:right
}
.dgzn li {
    padding: 15px 0;
    list-style-type: none;
    list-style-position: outside;
    border-bottom: 1px dashed #CCCCCC;
}
@media screen and (max-width: 767px){
    .swiper-slide{
        min-height:520px;
    }
}
@media screen and (max-width: 587px){
    .swiper-slide{
        height:432px;
    }
    .swiper-slide h3{
        font-size:30px;
    }
    .swiper-slide h5{
        font-size:14px;
    }
}
.swiper-slide1{
	background-image: url(img/ishang/banner1-1.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
	z-index:1;
}
.swiper-slide1 span{
	position:absolute;
	bottom:0;
	right: 17%;
	z-index:-1;
}
@media screen and (max-width: 414px){
	.swiper-slide1 span{
		right: 0;
	}
}

.swiper-slide2{
    background-image: url(img/ishang/banner2-2.png);
    background-repeat:no-repeat;
    background-position:center center;
    position:relative;
}
.swiper-slide2 span{
	position:absolute;
	top:19%;
	right: 50%;
    margin-right: -417px;
}
.swiper-slide2 a.button-simple{
	margin-top: 245px;
}
@media screen and (max-width: 991px){
	.swiper-slide2 span{
		position:absolute;
		right: 0;
		margin-right: 0;
	}
}
@media screen and (max-width: 414px){
	.swiper-slide2 a.button-simple{
		margin-top: 110px;
	}
}

.swiper-slide3{
    background-image:url(img/ishang/banner3-1.jpg);
	background-repeat:no-repeat,no-repeat;
	background-position:center right;
	position:relative;
}

.swiper-slide4{
	background-image: url(img/ishang/banner4-1.jpg);
	background-repeat:no-repeat,no-repeat;
	background-position:center center;
	position:relative;
	z-index:1;
}
.swiper-slide4 span{
	position:absolute;
	bottom:0;
	right:18%;
	z-index:-1;
}
@media (max-width: 414px){
	.swiper-slide4 span{
		right:50%;
		margin-right:-204px;
	}
}

@media screen and (max-width: 414px){
	.swiper-slide{min-height:350px;height:350px;}
	.swiper-slide h3{font-size:24px;}
}
.swiper-slide5{
	padding:0;
    background: url(img/ishang/20200208_cj.png) top center no-repeat;
}
.swiper-slide5 img{
	display:block;
	margin:0 auto;
}
   
@media screen and (max-width: 600px){
	.swiper-slide5{background-position: 0 0;}
    .swiper-slide5 img{position: absolute;left: 0;top: 50%;margin-top: -28%;width:100%;}
}
.dgzn{
	padding:0 15px;
}