@import './common.less';
@themeColor: #00a0ff;
//轮播图
#myCarousel {
    min-width: 1220px;
}

.carousel-control {
    transition: all 0.1s;
    span {
        position: absolute;
        top: 34%;
        font-size: 100px;
    }
    &.left span {
        left: 25%;
    }
    &.right span {
        right: 25%;
    }
}


/*solution begin*/

.page-header {
    border-bottom: none;
}

.row.wit {
    margin-bottom: 80px;
    padding-top: 25px;
    >span {
        position: relative;
        width: 260px;
        height: 200px;
        text-align: center;
        transition: all 0.3s;
        padding: 0;
        border-radius: 8px;
        margin-right:60px;
        &:last-child {
            margin: 0 ;
        }
        p {
            font-size: 14px;
            line-height: 32px;
            color: #666;
        }
        >span{
        	display:inline-block;
        	width:60px;
        	height:60px;
        	background-image:url(../images/solution_icon.png);
        	background-repeat:no-repeat;
        	
        }
        &:nth-child(1)>span{
        		background-position:0 0;
        	}
        	&:nth-child(2)>span{
        		background-position:-61px 0;
        	}
        	&:nth-child(3)>span{
        		background-position:-122px 0;
        	}
        	&:nth-child(4)>span{
        		background-position:-180px 0;
        	}
        
    }
}


/*solution end*/


/*aboutUs begin*/

.company {
    margin-top: 50px;
}

.aboutUs {
    height: 730px;
    background-color: #f3f3f3;
    .figure {
        text-align: right;
        padding: 0;
        img {
            height: 100%;
            width: auto;
            border: 5px solid #fff;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
        }
    }
    .recommend {
        padding: 0;
        font-size: 15px;
        h4 {
            line-height: 0px;
            margin-bottom: 40px;
        }
        .recommendContent{
        	font-size:12px;
        	height:180px;
        	overflow-y:auto;
        	p{
        		margin-bottom:0;
        	}
        }
        .knowMore {
        	margin-top:20px;
            font-size: 18px;
            display: block;
            background: #00a0ff;
            width: 140px;
            height: 46px;
            line-height: 46px;
            text-align: center;
            color: #fff;
        }
    }
    .achievement {
        text-align: center;
        height: 220px;
        background-color: salmon;
        margin-top: 65px;
        background: #ffffff;
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.10);
        div {
            border-right: 1px solid #ddd;
            margin-top: 70px;
            &:last-child {
                border-right: none;
            }
        }
        p {
            &:first-child {
                margin-top: 0px;
                margin-bottom: 0;
                font-size: 40px;
                position: relative;
                small {
                    position: absolute;
                    top: -10px;
                    right: 70px;
                    font-size: 15px;
                }
            }
            &:last-child {
                font-size: 15px;
                color: @fontColor666;
            }
        }
    }
}

.newsTitle-func() {
    font-size: 20px;
    line-height: 35px;
    margin-top: 20px;
    font-weight: 600;
}

//news begin
.news {
    padding-bottom: 70px;
    .page-header {
        margin-top: 210px;
    }
    .nav.nav-tabs {
        margin-bottom: 60px;
        border-bottom: none;
        li {
            float: right;
            text-align: center;
            margin-left: 38px;
            a {
                border-radius: 2px;
                display: block;
                width: 80px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                color: #999;
                cursor: default;
                background-color: #fff;
                border: none;
                margin: 0;
                padding: 0;
                transition: all 0.1s;
                &:hover {
                    background-color: #00a0ff;
                    color: #fff;
                }
            }
        }
        li.active {
            a {
                color: #fff;
                cursor: default;
                background-color: #00a0ff;
                border: none;
                border-bottom: none;
            }
        }
    }
    .row:nth-child(2) {
        margin-top: -100px;
    }
    .tab-pane {
        .newsShow {
            float: left;
            width: 46%;
            height: 570px;
            background: #f8f8f8;
            padding: 30px;
            h5 {
                .newsTitle-func();
                small {
                    color: @smallColor;
                }
            }
            p {
                .textOverflow-func();
                line-height: 30px;
                color: @pColor;
                -webkit-line-clamp: 3;
                /*显示的行*/
            }
            .konwMore_2 {
                display: block;
                width: 120px;
                height: 40px;
                line-height: 38px;
                text-align: center;
                color: @buttonColor;
                font-size: 16px;
                border: 1px solid @buttonColor;
                margin-top: 47px;
                transition: all 0.1s;
                &:hover {
                    color: #fff;
                    background-color: @buttonColor;
                }
            }
        }
        .newsList {
            float: left;
            width: 54%;
            padding-left: 15px;
            ul {
                height: 570px;
                li {
                    box-sizing: border-box;
                    height: 33.33%;
                    border-bottom: 1px solid #f1f1f1;
                    padding-top: 20px;
                    &:first-child {
                        border-top: 1px solid #f1f1f1;
                    }
                    p {
                        margin: 0;
                        padding: 0;
                    }
                    p:first-child {
                        a {
                            display: inline-block;
                            width: 83%;
                            .textOverflowNowrap-func();
                            transition: all 0.1s;
                            &:hover {
                                color: @themeColor;
                            }
                        }
                        span {
                            float: right;
                            font-family: "agency fb";
                        }
                        .newsTitle-func();
                        margin: 0;
                        display: block;
                    }
                    p:last-child {
                        line-height: 30px;
                        padding-right: 100px;
                        color: @fontColor666;
                    }
                }
            }
        }
    }
}

.CaseStudy {
    background-color: #f8f8f8;
    padding-bottom: 360px;
    
    .container{
    	position: relative;
    }
    .guitusaipao.row{
    	position:absolute;
    	bottom:-310px;
    	left:15px;
    }
    .case.row {
        span {
            position: relative;
            overflow: hidden;
            display: block;
            height: 440px;
            width: 390px;
            padding: 0;
            border-radius: 3px;
            background-color: #fff;
            box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20);
            transition: all 0.2s;
            &:hover {
                box-shadow: 0px 10px 25px #A1A1A1;
                transform: translateY(-10px);
                .hot_oper {
                    top: 0;
                }
            }
            &:nth-child(2) {
                margin: 0 25px;
            }
            div {
                padding: 20px;
                p:first-child {
                    font-size: 20px;
                    font-weight: 500;
                }
                p:nth-child(2) {
                    font-size: 15px;
                    color: #666;
                    line-height: 28px;
                    .textOverflow-func();
                    -webkit-line-clamp: 3;
                }
                a {
                    display: block;
                    margin-top: 22px;
                    color: @buttonColor;
                }
            }
            .hot_oper {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: -441px;
                background-color: rgba(0, 0, 0, 0.35);
                z-index: 10;
                transition: all 0.25s;
                b {
                    position: absolute;
                    display: block;
                    background-color: rgba(0, 0, 0, 0.6);
                    width: 130px;
                    height: 45px;
                    line-height: 45px;
                    font-size: 16px;
                    color: #fff;
                    left: 50%;
                    top: 40%;
                    margin-left: -65px;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    text-align: center;
                    transition: all 0.25s;
                    &:hover {
                        box-shadow: 0 0 20px 0 #fff;
                        -moz-box-shadow: 0 0 20px 0 #fff;
                        -webkit-box-shadow: 0 0 20px 0 #fff;
                        -o-box-shadow: 0 0 20px 0 #fff;
                    }
                }
            }
        }
    }
}

.CooperativePartner {
    .Partner {
       /* div {
            padding: 30px 0 0 38px;
            float: left;
            width: 145px;
            height: 125px;
            margin-right: 123px;
            &:last-child {
                margin-right: 0;
            }
        }*/
    }
}
footer{
margin-top:0;
}
#div1{ width: 1220px; height: 100px; position: relative; margin: 0 auto;margin-top: 20px;
    margin-bottom: 45px;overflow: hidden;}
            #div1 ul { margin:0;padding:0; width: 800px; height:100px; position: relative; }
            #div1 ul li {height: 100px; float: left; list-style: none; padding:10px;margin-right:30px;border:1px solid #ddd;}
            #div1 ul li img { width: 255px; height: 67px; display: inline-block;}

.hot_oper1111 {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: -441px;
                background-color: rgba(0, 0, 0, 0.35);
                z-index: 10;
                transition: all 0.25s;
                b {
                    position: absolute;
                    display: block;
                    background-color: rgba(0, 0, 0, 0.6);
                    width: 130px;
                    height: 45px;
                    line-height: 45px;
                    font-size: 16px;
                    color: #fff;
                    left: 50%;
                    top: 40%;
                    margin-left: -65px;
                    -webkit-border-radius: 4px;
                    -moz-border-radius: 4px;
                    border-radius: 4px;
                    text-align: center;
                    transition: all 0.25s;
                    &:hover {
                        box-shadow: 0 0 20px 0 #fff;
                        -moz-box-shadow: 0 0 20px 0 #fff;
                        -webkit-box-shadow: 0 0 20px 0 #fff;
                        -o-box-shadow: 0 0 20px 0 #fff;
                    }
                }
            }