@charset "utf-8";

/* CSS Document */

/*banner*/

.banner{ overflow:hidden; height:763px;}

#flashs{ position:relative; height:763px; overflow:hidden;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}

#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;border-radius: 15px;}

#flashs .btn span.on{ background:#0352AD;} 







/*定制中心*/



.dingzhi .title{ font-size:18px; color:#000; text-align:center; margin-bottom:35px;}

.dingzhi h5.htht{ font-size:30px; color:#044b9e; text-align:center; margin:30px 0 10px;}

.dingzhi h5.htht a{color:#044b9e;}

.dingzhi{ overflow:hidden; background-color:#ececec; padding-top:30px;}

.dingzhi .dingzhi_left{ float:left; width:270px;overflow:hidden; background-color:#fff;}

.dingzhi .dingzhi_left h3{ width:100%; height:68px; background-color:#03499b; text-align:center; line-height:68px; font-size:18px; margin-bottom:30px;}

.dingzhi .dingzhi_left h3 a{ color:#fff}

.dingzhi .dingzhi_left dl{ overflow:hidden; width:237px; margin:0 auto; margin-bottom:20px;}

.dingzhi .dingzhi_left dt{ background:#0a59b5; border-radius:50px; height:38px; width:237px; line-height:38px; overflow:hidden; margin-bottom:15px;}

.dingzhi .dingzhi_left dt a{ display:block; background:url(../img/product_left_00.png) no-repeat 200px center; font-size:16px; padding-left:15px; color:#fff}

.dingzhi .dingzhi_left dd{ margin-left:15px; width:240px; overflow:hidden}

.dingzhi .dingzhi_left dd li{ float:left; background:url(../img/product_left_01.png) no-repeat left center; padding-left:15px; width:225px; font-size:14px; line-height:38px;}

.dingzhi .dingzhi_left dd li a{ color:#333;}

.dingzhi .dingzhi_left dd li a:hover{color:#FF4A0E;}

.dingzhi .dingzhi_left>p{ font-size:18px; color:#fff; font-weight:bold; width:220px; margin:0 auto; margin-top:20px; margin-bottom:20px;}







.dingzhi .dingzhi_left .phone {

    background: url(../img/phoneb.png) #333 no-repeat 30px center;



    padding: 40px 0 40px 78px;



}

.dingzhi .dingzhi_left .phone p{ font-size:14px; color:#fff;}

.dingzhi .dingzhi_left .phone h5{ font-size:24px; color:#fff; font-weight:normal}

.dingzhi .dingzhi_right { overflow:hidden; width:918px; float:right;}

.dingzhi .dingzhi_right .dz_nav{ overflow:hidden; width:100%; height:64px; border-bottom:4px solid #0a59b5; margin-bottom:25px;}

.dingzhi .dingzhi_right .dz_nav li{ float:left; width:175px; height:64px; text-align:center; line-height:64px; font-size:16px; font-weight:bold}

.dingzhi .dingzhi_right .dz_nav li a{ color:#000; text-decoration:none}

.dingzhi .dingzhi_right .dz_nav .cur,.dingzhi .dingzhi_right .dz_nav li:hover{ background-color:#0a59b5}

.dingzhi .dingzhi_right .dz_nav .cur a,.dingzhi .dingzhi_right .dz_nav li:hover a{ color:#fff;}

.dingzhi .dingzhi_right .dingzhi_content{ overflow:hidden; width:100%; margin: 0 0 20px;}

.dingzhi .dingzhi_right .dingzhi_content ul{ overflow:hidden; width:928px;}

.dingzhi .dingzhi_right .dingzhi_content img{  object-fit: cover;}









.dingzhi .dingzhi_right .dingzhi_content li{ float: left;

    border: 1px solid #ddd;

    width: 298px;

    border-radius: 5px;

    background: #fff;

    padding-bottom: 20px;

    margin: 0 9px 9px 0;}













.dingzhi .dingzhi_right .dingzhi_content li h4 {

    font-size: 18px;

    text-align: center;

    height: 30px;

    line-height: 30px;

    margin-bottom: 5px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    padding: 0 15px;

}





.dingzhi .dingzhi_right .dingzhi_content li h4 a{ color:#333;}





.dingzhi .dingzhi_right .dingzhi_content li p{     font-size: 13px;

    height: 60px;

	line-height: 20px;

    text-align: center;

    padding: 0 40px;

    margin-bottom: 15px;

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 3;

    -webkit-box-orient: vertical;}













.dingzhi .dingzhi_right .dingzhi_content li .xiangqing{     display: block;

    width: 114px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    border: 1px solid #d7d7d7;

    border-radius: 20px;

    margin: 0 auto;}

	

	

.dingzhi .dingzhi_right .dingzhi_content li:hover .xiangqing{

    background: #0a59b5;

    color: #fff;

    border-color: #0a59b5;

}


/*成功案例*/

.case {

  height: 345px;
    margin-top: -240px;
    z-index: 9999;
    position: relative;

}

.case h3{font-size:20px;text-align:center;padding-bottom:18px;margin-bottom:20px;margin-top:30px;}

.case h3 a{
    color: #fdd974;
    padding: 10px 30px;
    background: #ab0404;
    border: 1px solid #fde169;
    }

.case .case_left{ float:left; width:680px; position:relative; overflow:hidden}

.case .case_left img{background-color:#fff; #dfdfdf; position:relative; z-index:999; display:block}

.case .case_left p{ width:100%; height:52px; font-size:14px; background-color:#000; text-align:center; line-height:52px;}

.case .case_left p a{ color:#fff;}

.case .case_left .case_list{ overflow:hidden; height:280px;}

.case .case_left .case_list li{ float:left; width:100%;border: 1px solid #424242}

.case .case_left .bottom_case{ overflow:hidden; position:absolute; z-index:1000;     right: 10px;
    top: 10px;}



.case .case_left .bottom_case span{     display: block;
    width: 12px;
    height: 12px;
    float: left;
    margin: 0 2px;
    background: #ffffff87;
    border-radius: 30px;}

.case .case_left .bottom_case .on{    display: block;
    width: 30px;
    height: 12px;
    float: left;
    margin: 0 2px;
    background: #70dfef;
    border-radius: 30px;}

.case .case_right{ overflow:hidden; float:right; width:300px; overflow:hidden}

.case .case_right ul{ overflow:hidden}

.case .case_right li{ width:265px; height:149px; text-align: center;  border:1px solid #dfdfdf; float:left; margin-bottom:12px; position:relative; }







.case .case_right li a{ height:149px; float:left; position:relative; overflow:hidden;}

.case .case_right li a img{ height:149px; width:267px; object-fit: cover;}













/*走进*/

.zoujin{ overflow:hidden; width:100%; height:494px; }



.zoujin .zoujin_box{ background:url(../img/zoujin02.png) no-repeat 41px 32px; overflow:hidden}



.zoujin h3{ font-size:16px; width:114px; height:48px; text-align:center; line-height:48px; margin-left:41px; margin-top:32px; background-color:#0a59b5;}

.zoujin h3 a{ color:#fff;}

.zoujin .zoujin_content{ width:100%; height:290px; overflow:hidden; margin-bottom:35px;}

.zoujin dl{ margin-left:155px; overflow:hidden;}

.zoujin dt{ float:left; margin-right:20px;}

.zoujin dd{ float:left; width:580px; overflow:hidden}

.zoujin dd h4{ font-size:18px; margin-top:10px; margin-bottom:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.zoujin dd h4 a{ color:#0a59b5}

.zoujin dd p{ font-size:14px; color:#333; line-height:30px; width:100%; height:175px; overflow:hidden; margin-bottom:20px;}

.zoujin dd .more{ display:block; font-size:14px; width:94px; height:44px; color:#fff; background:url(../img/zoujin01.png) no-repeat center; line-height:44px; padding-left:20px}

.zoujin .zoujin_list{ overflow:hidden; width:512px; margin:0 auto}

.zoujin .zoujin_list li{ float:left; width:127px; height:50px; text-align:center; line-height:50px; font-size:14px; font-weight:bold; margin-left:1px; cursor:pointer; background-color:#000}

.zoujin .zoujin_list li a{color:#fff; }

.zoujin .zoujin_list .cur,.zoujin .zoujin_list li:hover{ background-color:#0a59b5;}



/*ad*/

.aid{ overflow:hidden; height:148px; margin-bottom:40px;}

.aid .phone{ overflow:hidden; background:url(../img/phoneb.png) no-repeat left center; padding-left:40px; margin-left:920px; margin-top:55px;}

.aid .phone p{ font-size:14px; color:#fff;}

.aid .phone h4{ font-size:26px; color:#fff; font-weight:normal}



/*动态*/

.dongtai{ overflow:hidden; margin-top:8px; margin-bottom: 10px; background:#212121;}

.dongtai .dongtai_left{ float:left; width:678px; overflow:hidden; padding: 20px 0;}

.dongtai .list{ width: 142px;
    float: left;
    margin-right: 25px;
}

.dongtai .list li{     width: 100%;
    height: 59px;
    text-align: center;
    line-height: 59px;
    font-size: 16px;
    float: left;
    position: relative;
    color: #333;
    border-right: 2px solid #ddd;}

.dongtai .list li a{color:#ac882a;}


.dongtai .list li:hover,.dongtai .list .cur{    border-right: 2px solid #ac882a;
    background: #333;}

.dongtai .list li:hover b,.dongtai .list .cur b{ display:block}

.dongtai .dongtai_content{ float:left; overflow:hidden}

.dongtai dl{ overflow:hidden;}

.dongtai dt{ float:left; width:210px; height:137px; padding:3px;margin-right:12px;}

.dongtai dd{ float:left; width:250px; overflow:hidden}

.dongtai dd h4{ font-size:14px; margin-top:5px; margin-bottom:15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

.dongtai dd h4 a{     color: #ff8d00;
    font-size: 18px;}

.dongtai dd p{ font-size:12px; color:#a5a5a5; line-height:22px; height:68px; margin-bottom:10px; overflow:hidden;}

.dongtai dd .more{color: #dadada;
    background: #000;
    padding: 0 5px;}

.dongtai .content_list{ overflow:hidden; width:490px;}

.content-left{width: 300px; height:280px ; float: left;position: relative; background: url(../img/guide-bg.jpg) no-repeat;}
.content-left .a01{border: 1px solid #a8a1a1; border-radius: 14px; color: #666666; padding: 3px 14px;position: absolute;top: 83px; left: 122px;}
.content-left .a02{border: 1px solid #a8a1a1; border-radius: 14px; color: #666666; padding: 3px 14px;position: absolute;top: 222px; left: 122px;}
.content-left a:hover{border: 1px solid #dfbe7e;color: #dfbe7e;}

.dongtai .content_list li{ width:670px; float:left; overflow:hidden; background:url(../img/dongtai_li.jpg) no-repeat left center; padding-left:15px;}

.dongtai .content_list li a{ display:inline-block; width:560px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left; font-size:14px; color:#a5a5a5; line-height:31px;}

.dongtai .content_list li span{ float:right; color:#9f9f9f;}

.dongtai .dongtai_right { width: 298px;
    float: right;
    overflow: hidden;
    padding: 10px 0;
    background: #171717;
    border: 1px solid #5d5546;}
.dongtai .dongtai_right .bd{padding: 0 20px;}
.dongtai .dongtai_right h4{  background:url(../img/title-wd.png) no-repeat 20px center; height:62px}

.dongtai .dongtai_right h4 a{font-size:0px;}

.dongtai .dongtai_right .wenda_content{ overflow:hidden; height: 280px;}

.dongtai .dongtai_right .wenda_list{ overflow:hidden; padding-bottom: 10px;  }

.dongtai .dongtai_right .wenda_list h5{ font-size:13px; background:url(../img/wen.png) no-repeat left center; padding-left:25px; width:270px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:23px;}

.dongtai .dongtai_right .wenda_list h5 a{color: #ffffffa3;font-size:14px;background: #54391b9e;border-radius: 0 20px 20px 0;padding: 5px 10px;}


.dongtai .dongtai_right .wenda_list p{ background:url(../img/da.png) no-repeat left top; line-height:23px; height:46px; overflow:hidden; text-indent:25px; font-size:12px; color:#79654f;}

.d_unit {
    width: 90%;
    height: 85px;
    border-bottom: 1px dotted #c5c5c5;
    overflow: hidden;
}
.d_unit dl {
    margin-top: 10px;
    overflow: hidden;
}
.d_unit dt {
    float: left;
    width: 80px;
    height: 62px;
}
.d_unit dd {
    float: left;
    height: 16px;
    display: block;
    text-align: center;
    margin-bottom: 6px;
    position: relative;
}
.portal_block_summary{
	width: 300px;
    float: right;
	}
.d_unit dd a {
    padding: 0 6px;
}
.d_unit dt p {
    display: block;
    width: 70px;
    height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    background: #33bbbd;
    text-align: center;
}


.strategy {
    position: relative;
    width: 980px;
    border: #eaeaea 1px solid;
    margin: 0 auto 20px;
    background-color: #FFFFFF;
    height: 350px;
}
.strategy .title {
    padding: 28px 0 0 37px;
}
.title img {
    padding-left: 8px;
}
.title a {
    float: right;
    padding-top: 16px;
    padding-right: 42px;
    font-size: 14px;
}
.title img {
    padding-left: 8px;
}
.strategy .dongtai_left{
	    padding-top: 10px;
    width: 570px;
    padding-left: 50px;
    float: left;
}
.strategy .dongtai_left ul.list{height: 50px;border-top: 1px solid #ddd;}
.strategy .dongtai_left ul.list li{float: left;
    width: 20%;
}
.strategy .dongtai_left ul.list li.cur{border-top: 2px solid #ac882a; margin-top:-2px}
.strategy .dongtai_left ul.list li a{    display: block;
    height: 44px;
    font-size: 16px;
    padding-top: 4px;
    line-height: 44px;
    color: #000;
    text-align: center;
    text-decoration: none;
}
.strategy .dongtai_content .content_list {
    float: left;
    width: 570px;
    display: block;
}
.strategy .dongtai_content .content_list li {
    line-height: 29px;
    font-size: 14px;
    padding-left: 6px;
}
.strategy .dongtai_content .content_list li span{ float:right; color:#999}

/*links*/

.links{ overflow:hidden; width:100%; height:90px; background:#000}

.links h4{ font-size:14px; color:#000; float:left; padding-right:20px; border-right:1px dotted #8d8d8d; margin-top:30px;}

.links h4 span{ display: block;font-size:24px; color:#cecece; font-family:Arial}

.links ul{ float:left; margin-left:10px; overflow:hidden; margin-top:42px;}

.links ul li{ float:left; text-align:center; margin:0 5px;}

.links ul li a{ color:#5d5d5d}



.t2{width: 100%; background: url("../img/material-bg.jpg") no-repeat bottom center;}
.t2 .title{    bottom: -40px;
    position: relative;}
.t2 .center{ width:980px; margin:0 auto;height:638px;}
.t2_left{margin-top:40px;width: 178px;}
.t2_zy{width: 110px;height:92px;line-height:92px;display: block;text-indent:6px;color: #897037;font-size: 14px;cursor: pointer;}
.t2_zy .i01{width: 74px;height:92px;background: url("../img/01.png") no-repeat;}
.t2_zy .i02{width: 74px;height:92px;background: url("../img/02.png") no-repeat;}
.t2_zy .i03{width: 74px;height:92px;background: url("../img/03.png") no-repeat;}
.t2_zy .i04{width: 74px;height:92px;background: url("../img/04.png") no-repeat;}
.t2_zy .i05{width: 74px;height:92px;background: url("../img/05.png") no-repeat;}
/*.zynav2 i{background-position-y:-81px;}*/
/*.zynav3 i{background-position-y:-176px;}*/
/*.zynav4 i{background-position-y:-272px;}*/
/*.zynav5 i{background-position-y:-372px;}*/
/*.zynav6 i{background-position-y:-472px;}*/


.t2_left .t2_zy:hover,.t2_left .t2_zy.f{color: #daa321;}


.t2_right{width:802px;float: left;position: relative; }
.zhiye{display: none;}
.zhiye.f{display: block;}
.zhiyeBg{position: absolute;top:0; right:-150px}
.zhiyeJsBox{position: absolute;top:0;left: 0;z-index: 2;padding-top:158px;width: 350px;height: 465px;background: url("../img/zhiye.png") no-repeat 0 -102px;}
.zhiye_js2{background-position-x:-350px;}
.zhiye_js3{background-position-x:-700px;}
.zhiye_js4{background-position-x:-1050px;}
.zhiye_js5{background-position-x:-1412px;}
.zhiye_js6{background: url("../img/zhiye6.png") no-repeat 0 -102px;}
.zy_p1{color: #a17540;font-size:16px;line-height: 40px;height:50px;}
.zy_p1 a{color: #a17540;margin-left:26px;padding: 4px 10px;border: 1px solid #a17540;display: none;}
.zy_p1 a:hover{color:#c57b22;border: 1px solid #c57b22; }
.zy_p2{width: 230px;line-height:20px;color: #626262;min-height: 128px;}
.zhiye_js5 .zy_p2{width: 240px;margin-bottom: 10px;}
.zhiye_jnBox{width: 390px;height: 90px;}
.jn_tc{width:364px;height: 126px;position: absolute;top:-134px;left:0px;padding:10px 14px 0;display: none;
    background: url("../img/tubiao.png") no-repeat -294px 0;}
.zhiye_jnA:hover .jn_tc{display: block;}
.jn_tc_p1{color: #383737;font-size: 18px;line-height: 36px;}
.jn_tc_p2{color: #4e4e4f;line-height: 18px;}
.t2_zySp{width: 104px;height: 104px;cursor: pointer;position: absolute;top:34px;left: 250px;z-index: 3;border-radius: 50%;display: none;
    background: url("../img/tubiao.png") no-repeat -348px -344px;}
.t2_zySp:hover{opacity: .9;}
.sp2{background-position-x: -231px;}
.sp3{background-position-x: -114px;}
.sp4{background-position-x: 0;}
.zhiye_jnA{width: 74px;height: 75px;margin-right:20px;float: left;display: inline-block;cursor: pointer;border-radius: 50%;position: relative;
    background: url("../img/tubiao.png") no-repeat -365px -227px;}
	.jn2{background-position: -458px -227px;}
.jn3{background-position: -550px -227px;}
.jn4{background-position: -639px -227px;}
.jn5{background-position: -0px -227px;}
.jn6{background-position: -92px -227px;}
.jn7{background-position: -181px -227px;}
.jn8{background-position: -272px -227px;}
.jn9{background-position: -367px -149px;}
.jn10{background-position: -458px -149px;}
.jn11{background-position: -548px -149px;}
.jn12{background-position: -638px -149px;}
.jn13{background-position: -0px -149px;}
.jn14{background-position: -92px -149px;}
.jn15{background-position: -181px -149px;}
.jn16{background-position: -270px -149px;}
.jn17{background-position: -0px -467px;}
.jn18{background-position: -92px -467px;}
.jn19{background-position: -181px -467px;}
.jn20{background-position: -272px -467px;}
.jn21{background-position: -365px -469px;}
.jn22{background-position: -456px -469px;}
.jn23{background-position: -546px -469px;}
.jn24{background-position: -636px -469px;}


.event-tips{
    width: 53px;
    height: 68px;
    cursor: pointer;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 7%;
    background-image: url(../img/age-reminder-16.png);
    text-indent: -999px;
    position: absolute;
    bottom: 300px;
}

.heros_Img{
    max-height:600px;
}