.hd-banner{width: 100%;height: 400px;background: url(../images/banner.jpg) no-repeat center;text-align: center;}
.hd-banner .wrapper{position: relative;height: 350px;}
.hd-banner .hd-banner-pos{position: absolute;top: 43px;z-index: 1;}
.hd-banner .hd-banner-width{z-index: 11;position: absolute;width: 100%;text-align: left;}
.hd-banner .hd-banner-width h3{font-size: 49px;color: #fff;line-height: 80px;margin-top: 100px;  margin-left: 115px;}
.hd-banner .hd-banner-width p{font-size: 26px;color: #fff;line-height: 30px;margin-top: 20px;font-weight: 200; margin-left: 115px;}
.hd-banner .hd-banner-width a{transition: all ease .3s; float: left; font-size: 18px;margin: 40px auto 55px auto;display: block; width: 180px;height: 48px;line-height: 48px;text-align: center;border-radius:24px;color: #fff;border: 1px solid #fff; border-radius: 3px;}
.hd-banner .hd-banner-width a:hover{background: rgba(255,255,255,0.4); border:1px solid rgba(255,255,255,0.4); color: #fff;}
.card-title{text-align: left;}
.card-title h3{font-size: 30px;color: #ff5467;line-height: 40px;}
.card-title p{font-size: 16px;color: #666;line-height: 30px;margin: 25px 0;}
.in-us{ width: 100%; background:#faf8f8; height: 440px; overflow: hidden;}
.in-what{ margin: 65px auto;}
.in-what-cn{overflow: hidden;}
.in-what-left{width: 680px;float: left; margin-left: 50px;margin-top: 36px;}
.in-what-left p{font-size:15px;line-height: 35px;color: #636673;margin-top: 26px; width: 765px;}
.in-what-right{width: 274px;float: right;  height: 216px; margin-top: 74px;}
.in-what-right img{float: right; width: 274px; height: 216px;border-radius: 0 0 20px 0;}
.in-weaper{ width: 1200px; height: 280px; margin: 0px auto; padding: 10px 0; background: #fff; border-radius: 20px; box-shadow:0 10px 10px #f2ecf0;}
.in-adv{width: 100%;padding: 87px 0 62px;background:url(../images/line.png) no-repeat bottom #f0f8ff;overflow: hidden;}
.in-adv ul{margin-top: 55px;}
.in-adv ul li{width: 182px;float: left;background:#fff;box-shadow: 0 3px 20px rgba(39,45,104,.1);margin-top: 118px;transition: all ease .3s;

border-radius: 5px; text-align: center;padding:30px 10px 50px;box-sizing: border-box;position: relative;}


/* 选择我们 */
.xz-us{ width: 100%; height: 240px; background: url(../images/img-bg-2.jpg) no-repeat center;}
.uw-weap{ width: 1200px; margin: 0 auto;}
.uw-weap h3{ text-align: center; line-height: 50px; font-size: 22px; color: #fff; padding: 60px 0 0 0;}
.uw-weap .us-line{ width: 30px; height: 1px; background: #fff;margin: 16px auto;}
.uw-weap h5{text-align: center; line-height: 40px; font-size: 16px; color: #fff; }

/* 核心优势 */

.rd-title { line-height: 40px; font-size: 24px;  color: #000;  text-align: center;}
.rd-area{padding: 73px 0 40px;overflow: hidden;}
.rd-area ul{margin-top: 45px; overflow: hidden;}
.rd-area ul li{width: 350px; position: relative; height: 140px;float: left;color: #333333;box-sizing: border-box;margin-right: 40px;margin-bottom: 40px;}
.rd-area ul li  h3{font-weight: normal;font-size: 20px;line-height: 36px}
.rd-area ul li  p{ font-weight: normal;font-size: 14px;width: 90%; line-height: 26px; padding-top: 6px; text-transform: uppercase;}
.rd-area ul li .moren{width: 350px; height: 140px; position: absolute; top: 0; left: 0;}
.fl-wz{ float: right; position: absolute; top: 22px; left: 28%; z-index: 9;}
.rd-area ul li:hover{background: url(../images/bg.png) no-repeat center;} 
.rd-area ul li:hover .moren{ display: none;}
.rd-area ul li .xg-hover{ display: none; width: 350px; height: 140px; position: absolute; top: 0; left: 0;}
.rd-area ul li:hover .xg-hover{ display: block; border-radius: 14px;}
.rd-area ul li:hover .fl-wz{ color: #fff;}
.rd-title .fl-tb{width: 12px; height: 12px; margin: 0 10px;}
.rd-title .fl-tb img{width: 12px; height: 12px;  vertical-align:middle;}
.rd-title .fr-tb{width: 12px; height: 12px; margin: 0 10px;}
.rd-title .fr-tb img{width: 12px; height: 12px;  vertical-align:middle;}


.hunlian-bottom{background: url(../images/img-bg-1.jpg) no-repeat center;text-align: center;height: 299px;box-sizing: border-box;}
.hunlian-bottom h3{font-size: 30px;color: #fff;line-height: 40px;padding-top: 60px;}
.hunlian-bottom p{font-size: 18px;color:#fff;line-height: 38px;margin: 13px 0 22px;}
.hunlian-bottom h5::before{position: absolute;width:25%;height: 1px;background: #fff;top: 20px;left: 0;content: "";}
.hunlian-bottom h5::after{position: absolute;width:25%;height: 1px;background: #fff;top: 20px;right: 0;content: "";}
.hunlian-bottom .ipt{margin-top: 22px;display: inline-block;margin-bottom: 60px;}
.hunlian-bottom .ipt input{border-radius: 0;float: left;width: 162px;box-sizing: border-box;height: 38px;margin: 0;}
.hunlian-bottom .ipt a{width: 114px;line-height: 38px;color: #333;font-size: 14px;background: #1F8FFF;float: left; display: inline-block;
margin-right: 18px;padding-left:24px;box-sizing: border-box;}
.hunlian-bottom .ipt>a{background:url(../images/phone.png) no-repeat 28px #1F8FFF; color:#fff; }
.hunlian-bottom .ipt>a+a{background:url(../images/zixun2.png) no-repeat 14px #fff;color: #333;}
.hunlian-bottom .ipt>a+a+a{margin-right: 0;background: url(../images/liuyan2.png) no-repeat 14px #fff;color: #333;}
.hunlian-bottom .ipt a:hover{box-shadow: 2px 7px 8px 3px rgba(29, 35, 56, 0.15);z-index: 99;}


.dian-xit{background: #fff;}
.gu-width{width: 1200px; margin: 0px auto;}
.you-wu{padding: 50px 0px;}
.pt-z{width: 140px;float: left;margin: 45px  45px 45px 66px; background: #fff; border-radius: 30px;}
.pt-z ul{position: absolute; background: #fff; width: 140px; border-radius: 30px; margin-top: 35px;}
.pt-z ul li{height: 60px;font-size: 18px;line-height: 80px;text-align: center;color: #e1384c;cursor: pointer;position: relative;}
.pt-z ul li.dan{background: #ff5467;height: 80px; color: #fff; box-shadow: 0 6px 10px #febec6; border-radius:20px;padding-bottom: 0 !important; width: 180px;position: relative;top: 14px;  left: -20px;}
.pt-y{float: right;width: 800px;margin-right: 60px; box-sizing: border-box;padding: 37px 0px;min-height: 578px;text-align: center;}
.pl-tl{overflow: hidden;margin: 0px; background: url(../images/yingyong-bg.png) no-repeat center;}
.pt-y p{font-size: 16px; line-height: 30px;color: #666; margin-left: 30px;}
.pt-pic{margin-top: 16px; margin-left: 30px;}
.pt-pic img{margin-left: 60px;}
.pt-pic img:first-child{margin-left:0px;vertical-align: top;}
.pt-y ul li{display: none;}
.pt-y ul li:first-child{display:block}
.scn{font-size: 30px;color: #222;text-align: center;line-height: 40px;padding: 20px 0;font-weight: 500;}
.pt-z ul li:last-child{ margin-bottom: 30px;}
.m-t30{ padding-top:45px;}




.function{padding: 85px 0 60px;background: #fff;}
.function .card-title h3{color: #222222; text-align: center;}
.function ul{overflow: hidden;margin-top: 60px;}
.function ul li{background: #fff;width: 299px;height: 270px;border: 1px solid #eeeeee;margin-bottom: 20px; 
color: #222222;text-align: center;float: left;padding:52px 42px 36px;box-sizing: border-box; border-right: none;}
.function ul li .oa-line{width:40px; height:1px; background: #13b5b1; margin: 30px auto;}
.function ul li p{font-size:14px;line-height: 26px;margin: 15px 0;color: #999999;}
.function ul li:hover{background: #fff;border: 1px solid #13b5b1; width: 299px; box-sizing: border-box;}
.function ul li:nth-child(4n){margin-right: 0;}
.function ul li:last-child{ border-right: 1px solid #eeeeee;}
.function ul li:last-child:hover{border: 1px solid #13b5b1;}
.function ul li:hover img{ opacity: 0.8; transition: 0.2s;-webkit-transition-duration: 0.2s;}
.anlishow{padding: 0 0 30px 0; background: #faf8f8; height: 844px;} 
.anlishow h3{color: #666666;}
.anlishow .card-title{ text-align: center; line-height: 60px; padding: 45px 0 5px 0;}
.card-title a{color: #666666;width: 166px;font-size: 16px;transition: all ease .3s; height: 48px;line-height: 48px;text-align: center;margin: 0 auto;border-radius: 24px;display: block;background: #1F8FFF;}
.card-title a:hover{background: #107BE6;}
.anli-cn{text-align: center;}
.banner_select{ height: 60px; border-bottom: 1px solid #f9d0d6; margin-bottom: 40px;}
.banner_select>ul{margin: 30px auto 20px;text-align: center;}
.banner_select>ul>li{display: inline-block;width: 100px; height: 60px; box-sizing: border-box; margin: 0 30px; line-height: 60px;text-align: center;font-size: 18px;color: #666666;}
.banner_select>ul>li.banner_one.selected{color: #ff5467; border-bottom: 3px solid #ff5467;}
.banner_select>ul>li.banner_two.selected{color: #ff5467;border-bottom: 3px solid #ff5467; }
.banner_select>ul>li.banner_three.selected{color: #ff5467;border-bottom: 3px solid #ff5467;}
.banner_select>ul>li.banner_four.selected{color: #ff5467;border-bottom: 3px solid #ff5467;}

.banner_wrap {
	height: 666px;
	padding-bottom: 0;
	width: 1100px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
.banner_wrap .right:hover {
	color: #fff;
	background: #1F8FFF;
	border: 1px solid  #1F8FFF;
}
.banner_wrap .left:hover{
	color: #fff;
	background: #1F8FFF;
	border: 1px solid  #1F8FFF;
}
.banner_wrap>ul li {
	position: absolute;
	display: none;
}
.banner_wrap .left,.banner_wrap .right {
	position: absolute;
	z-index: 999;
	background: #fff;
	cursor: pointer;
	width: 48px;
	height: 48px;
	color: #babece;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	top: 350px;
	overflow: hidden;
	-webkit-transition-duration: 0.2s;/* Safari 和 Chrome */
	border-radius: 50%;box-shadow:0 5px 20px rgba(21,35,66,.1) ;
	border: 1px solid #e8e9ed;
}
.right {
	right: -121px;
}
.left {
	left: -121px;
}
.on {
	z-index: 9;
}

.J_trigger_line {
	background-color: #e6057d;
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 9999;
	height: 3px;
	width: 195px;
	-webkit-transition-duration: 0.5s; /* Safari 和 Chrome */
}



.choose{background: #f0f8ff;padding: 60px 0 0px;overflow: hidden;}
.choose h3{ text-align: center;font-weight: normal; color: #222222;}
.choose ul {margin-top:0px;}
.choose ul li .oa-img{width: 256px; height: 240px; margin: 0 auto;}
.choose ul li .oa-img img{width: 100%;transition: all ease .3s;}
.choose ul li{width: 356px;padding: 40px 39px 50px;box-sizing: border-box;overflow: hidden; text-align: center;float: left;margin: 40px 0;}
.choose ul li h3{font-size: 20px;color: #333;line-height: 30px;margin: 25px 0 10px;}
.choose ul li p{font-size: 16px;color: #666;line-height:32px;}
.choose ul li:nth-child(2){margin: 40px 66px;}
.choose ul li:hover{box-shadow: 0 3px 20px rgba(39,45,104,.1);}
.choose ul li:hover .choose-img0 img{transform: scale(1.1,1.1);}
.choose ul li:hover h3{color: #13b5b1;}
.oa-line {width: 40px; height: 1px; background: #13b5b1;  margin: 20px auto;}

/* 为什么选择我们 */
.rd-encourage{padding: 73px 0 72px;overflow: hidden;}
.rd-encourage ul{margin-top: 45px;overflow: hidden;}
.rd-encourage ul li{text-align: center;width: 280px;float: left;margin: 0 20px 0 0;}
.rd-encourage ul li p{font-size: 20px;color: #333;line-height: 30px;margin-top: 12px;}
.rd-encourage ul li div{width: 280px;height: 190px;overflow: hidden;}
.rd-encourage ul li:hover img{transform: scale(1.1,1.1);}
.rd-encourage ul li:hover p{color: #13b5b1;}
.rd-encourage ul li img{transition: all ease .3s;}
.rd-link a{width: 240px;height: 50px;line-height: 50px;background: linear-gradient(0,#0094fe,#007cff); background:#007cff\0;color: #fff;border-radius: 25px;text-align: center;display: block;margin: 45px auto 0;}
.rd-link a:hover{background:#0094fe;}
.rd-encourage ul li:last-child{margin-right:0}

select,
textarea,
input[type="text"],
.uneditable-input {
    display: inline-block;
    height: 28px;
    padding: 4px 8px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 28px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

textarea,
input[type="text"],
.uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

/*用户留言弹窗*/

.windowBlack {
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.windowMsgBox {
    position: absolute;
    z-index: 999;
    left: 50%;
    top: 200px;
    margin: 0 0 0 -240px;
    overflow: hidden;
}

.windowMsgWrap {
    padding: 20px 40px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: fixed;
}


.windowMsgTit {
    text-align: center;
    margin: 0 auto 20px auto;
}

    .windowMsgTit span {
        line-height: 40px;
        font-size: 18px;
    }

.windowMsgInputWrap {
    margin: 0 auto;
    overflow: hidden;
}

    .windowMsgInputWrap label, .windowMsgInputWrap input {
        display: block;
        float: left;
        font-size: 14px;
    }

    .windowMsgInputWrap .inputLab {
        /*min-width:60px;*/
        height: 38px;
        line-height: 38px;
        text-align: right;
    }

    .windowMsgInputWrap input[type="text"] {
        width: 320px;
    }

    .windowMsgInputWrap textarea.msgCont {
        width: 320px;
        min-height: 96px;
        padding: 4px 8px;
        line-height: 24px;
        resize: none;
        margin-bottom: 12px;
    }

    .windowMsgInputWrap .checkWrap {
        float: left;
        overflow: hidden;
        padding: 7px 0;
        margin-right: 30px;
    }

        .windowMsgInputWrap .checkWrap input[type="radio"], .windowMsgInputWrap .checkWrap span {
            display: block;
            float: left;
        }

        .windowMsgInputWrap .checkWrap input[type="radio"] {
            width: 14px;
            height: 14px;
            margin: 5px 0;
        }

        .windowMsgInputWrap .checkWrap span {
            margin-left: 4px;
            height: 24px;
            line-height: 24px;
            font-size: 14px;
        }

.windowMsgBtnWrap {
    margin: 20px auto 40px auto;
    padding-left: 42px;
    overflow: hidden;
}

    .windowMsgBtnWrap a {
        display: block;
        width: 154px;
        line-height: 36px;
        border-radius: 2px;
        text-align: center;
        font-size: 16px;
        float: left;
    }

        .windowMsgBtnWrap a.current {
            background-color: #1f8fff;
            color: #fff;
        }

            .windowMsgBtnWrap a.current:hover {
                background-color: #107BE6;
            }

        .windowMsgBtnWrap a.cancel {
            background-color: #ccc;
            color: #666;
        }

            .windowMsgBtnWrap a.cancel:hover {
                background-color: #ddd;
            }

.marginR30 {
    margin-right: 30px;
}