@charset "utf-8";

.w_1200{width: 1200px;margin: 0 auto;position: relative;}



.head{width: 100%;height: 65px;background: #fff;padding: 50px 0 40px;}

.logo{}

.h_a {color: #000; padding-top: 16px; margin-left: 15px; }

.h_a h3{font-weight:bold;font-size: 17px;line-height: 36px;color: #27a054;}

.h_a h3 font{font-size: 14px;color: #3c3e3f;font-weight: normal;}

.h_a span{font-size: 22px;color: #007ec8;line-height: 35px;font-weight: bold;}

.head_rtel {float: left; height: 60px;}

.head_rtel span {color: #656565; display: block; font-size: 14px;}

.head_rtel b {display: block; font-size: 32px;font-family: Times New Roman; color: #000000; font-weight: bold; }

.head_rtel .fr{margin-left: 10px;}

.head_rtel > img{margin-top: 8px;}

.head_rtel2 > img{margin: 0 10px 0 15px;}



.menu{height: 60px;line-height:60px;width: 100%;background: #ededed}

.menu .nav{position:relative; z-index:1;}

.menu .nav a{ color:#000000; }

.menu .nav .nLi{ float:left;  position:relative; display:inline;}

.menu .nav .nLi h3{ float:left;  }

.menu .nav .nLi h3 a{ display:block; font-size:16px; font-weight:normal;  width: 150px;text-align: center;}

.menu .nav .sub{ display:none; width:150px; left:0px; top: 60px;  position:absolute; background:#008dff;  line-height:35px; text-align: center; }

.menu .nav .sub a{color: #ffffff;}

.menu .nav .sub li{ zoom:1;position: relative; border-bottom: 1px solid #e4e4e4;}

.menu .nav .sub a{ display:block; padding:0 10px; }

.menu .nav .sub a:hover{  background:#106292; color:#ffffff;}

.menu .nav .on h3 a{color: #ffffff;background: #008dff;}

.menu .nav h3 a img{margin-top: -5px;margin-right: 5px;}

.sub1 {background: #148cd2; position: absolute; left: 150px; /* display: none; */ width: 150px; top: 0; }



.slideBox{ width:100%; height:600px; overflow:hidden; position:relative;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; bottom:15px; z-index:1;width: 100%; }

.slideBox .hd ul{ overflow:hidden; zoom:1; width: 100%; text-align: center; }

.slideBox .hd ul li{ display: inline-block;margin-right:8px;  width:15px; height:15px;  background:#fff; cursor:pointer;text-indent: -99999px;border-radius: 7.5px;

  -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;}

.slideBox .hd ul li.on{  background:#007ec8; color:#fff; }

.slideBox .bd{ position:relative; height:100%; z-index:0;   }

.slideBox .bd li{ zoom:1; vertical-align:middle; }

/* search */



.my_keywordandsearch{

    width:100%;

    border-bottom:1px solid #ededed;

}

.my_keyword{

    float:left;

    display: inline-block;

    line-height: 65px;

    color:#333333;

    font-size: 14px;

    max-width:800px;

    font-weight: bold;

    font-size: 16px;

}

.my_keyword a{

    color:#999999;

    font-size: 15px;

    font-weight: normal;

}



.my_search{

    float:right;

    width:355px;

}

.my_search_form{

    width:100%;

    border:1px solid #e6e6e6;

    margin-top:15px;

}

#q{

    width:310px;

    text-indent: 5px;

    float: left;

    color:#999;

    font-size: 15px;

    border:none;

    height: 35px;

    background: rgba(0,0,0,.0);

}

.button{

    width:45px;

    height: 35px;

    background: url("../images/search.png") no-repeat center;

    border:none;

}

/* con2 */

.con2{

    width:100%;

    margin:60px 0 80px;

}

.inpro_le{

    width:240px;

    float:left;

}

.inpro_ri{

    float:right;

}

.inpro_le_ti{

    width: 100%;

    height: 109px;

    background:url('../images/lhd_18.png') no-repeat center;

}

.inpro_le_ti h2{

    color:#fff;

    font-size: 30px;

    text-align: center;

    padding-top: 26px;

}

.inpro_le_ti p{

    text-align: center;

    color: #54aaf5;

}

.inpro_ul{

    width:100%;

    border:1px solid #ebebeb;

    box-sizing: border-box;

}

.inpro_li{

    width:100%;

    height: 63px;

    box-sizing: border-box;

    border-bottom:1px solid #ebebeb;

}

.inpro_li a{

    display: block;

    float:left;

    width:185px;

    text-indent: 35px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    line-height: 63px;

    color:#666666;

    font-size: 18px;

}

.inpro_li a:hover{

    color:#008dff;

    font-weight: bold;

}

.inpro_li span{

    display: block;

    float:right;

    width:50px;

    height: 100%;

    background: url("../images/lhd_23.png") no-repeat center;

    transition: all .5s;

    cursor: pointer;

}

.inpro_ul2{

    width:100%;

    box-sizing: border-box;

    padding:0 0 0 50px;

    display: none;

}

.inpro_li2{

    width:100%;

    padding:10px 0;

    font-size: 14px;

}

.inpro_li2 span{

    display: block;

    float:left;

    margin-right: 13px;

    width: 20px;

    height: 17px;

    background: url(../images/lhd_24.png) no-repeat;

}

.inpro_li2:hover span{

    background: url(../images/lhd_25.png) no-repeat;

}

.inpro_li2 a{

    color:#666666;

    font-size: 14px;

    float:left;

}

.inpro_le_tel{

    width:100%;

    box-sizing: border-box;

    padding:20px 0;

    background: #008dff;

}

.inpro_le_tel p{

    color:#fff;

    font-size: 16px;

    text-indent:20px;

}

.inpro_le_tel h2{

    color:#fff;

    font-size: 32px;

    font-family: "Times New Roman";

    text-indent: 20px;

    font-weight: bold;

}

.inpro_li2:hover.inpro_li2 a{

    color:#037fbf;

    font-weight: bold;

}





.inpro_ri{

    float:right;

    width:940px;

}

.inpro_sw{

    width: 100%;

    min-height: 382px;

}

.inpro_swi{

    width:100%;

    height: 100%;

}

.inpro_swi img{

    width:100%;

    height: 100%;

}

.inpro_fix{

    width:442px;

    height: 270px;

    position: absolute;

    box-sizing: border-box;

    border-left: 3px solid #017fe4;

    padding:35px 30px 20px 45px;

    background:#fff;

    top:60px;

    left: 62px;

}

.inpro_fix h2{

    color:#666666;

    font-size: 24px;

    font-weight: bold;

    text-align: left;

    padding-bottom: 15px;

}

.inpro_fix p{

    color:#666666;

    font-size: 15px;

    line-height: 25px;

    height: 100px;

    overflow: hidden;

    text-align: left;

}

.inpro_ri_tel{

    margin-top:10px;

    width:100%;

    height: 45px;

    border-radius: 30px;

    background:#017fe4 url(../images/lhd_26.png) no-repeat 10px center;

}

.inpro_ri_tel span{

    display: block;

    width: 100%;

    color:#fff;

    font-size: 14px;

    text-align: left;

    text-indent: 51px;

}

.inpro_ri_tel p{

    width: 100%;

    color:#fff;

    height: auto;

    font-size: 18px;

    text-align: left;

    text-indent: 51px;

    font-family: "Arial";

}



.inpro_pag{

    text-align: right;

}

.inpro_pag .swiper-pagination-bullet{

    width:13px;

    height: 13px;

    border-radius: 0;

}

.inpro_list{

    width:100%;

}

.inpro_dl{

    width:300px;

    box-sizing: border-box;

    transition: all .5s;

    float:left;

    margin-left:20px;
    border: 1px solid #dedede;
    margin-bottom: 15px;

}

.inpro_dt{

    width:100%;

    overflow: hidden;

    height: 270px;

}

.inpro_dt img{

    width:100%;

    height: 100%;

}

.inpro_dd{

    width:100%;

    height: 64px;

    line-height: 64px;

    text-align: center;

    color:#666666;

    font-size: 16px;

    transition: all .5s;

}

.inpro_dl:hover .inpro_dd{

    color:#fff;

    background: #017fe4;    

}



.con3{

    padding:50px 0 30px;

    width: 100%;

    background:#0890de;

}



.con_ti{

    width:100%;

}

.con_ti h2{

    color:#000000;

    font-size: 36px;

    text-align: center;

}

.con_ti p{

    color:#999999;

    font-size: 18px;

    font-family: "Arial";

    text-align: center;

    padding-top:10px;

}

.si_list{

    width:100%;

    padding:50px 0;

}

.si_dl{

    width:285px;

    background:#fff;

    float:left;

    margin-left:20px;

}

.si_dt{

    width:100%;

    height: 200px;

    overflow: hidden;

}

.si_dd{

    width:100%;

    height: 228px;

    box-sizing: border-box;

    position: relative;

    background:#fff;

    padding:50px 13px 0;

}

.si_dd_biao{

    width:92px;

    height: 92px;

    position: absolute;

    border-radius: 50%;

    background:#f2eef7;

    left:96px;

    top: -56px;

    z-index:5;

}

.si_dd_biao2{

    width: 100%;

    height: 100%;

    position: relative;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}



.si_dd_biao img{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin:auto;

}

.si_dd h2{

    color:#666666;

    text-align: center;

    font-size: 18px;

}

.si_dd span{

    width: 30px;

    height: 3px;

    display: block;

    margin:10px auto;

    background:#008de6;

}

.si_dd p{

    color:#666666;

    font-size: 15px;

    line-height: 25px;

    height: 125px;

    overflow: hidden;

}

.con3_tel{

    width:530px;

    height: 50px;

    margin:0 auto;

    box-sizing: border-box;

    padding-left:50px;

    background:url("../images/lhd_26.png") no-repeat left center;

}

.con3_tel p{

    color:#fff;

    font-size: 16px;

    line-height: 50px;

}

.con3_tel p span{

    color:#fff;

    font-weight: bold;

    font-size: 28px;

    font-family: "Impact";

}

.con3_tel p a{

    display: inline-block;

    float:right;

    width:142px;

    height: 34px;

    text-align: center;

    line-height: 34px;

    color:#fff;

    border-radius: 20px;

    border:1px solid #fff;

    margin:5px 20px 0 0;

}



/* main2 */

.main2{

    background: url(../images/case-bg.jpg) no-repeat;

    height: 972px;

}

.main2-div p{

    position: relative;

    background: rgba(0,0,0,.3);

    color: #ffffff;

}

.main2-div2 p{

    height: 50px;

    margin-top: -50px;

    line-height: 50px;

    text-align: center;

}

.main2-div2 ul li{

    width: 385px;

    height: 300px;

    margin-right: 22px;

    margin-bottom: 35px;

}

.main2-div2 ul li:hover p{

    background: rgba(0,0,0,.8);

}

.main2-div2 img{

    width: 100%;

    height: 100%;

}

.main2-div2 ul .fl3{

    margin-right: 0;

}

.main2 .main-title, .main2 .main-title > p{

    color: #ffffff;

}

/*main3*/

.main-title{

    text-align: center;

}

.main-title > h3{

    font-size: 48px;

    padding-top: 70px;

}

.main-title > p{

    font-size: 20px;

    margin: 5px 0 50px;

    color: #ff7800;

}

.main-title span{

    display: block;

    margin-top: 5px;

}

.main-title-sub{

    margin-bottom: 40px;

}

.main-title-sub a{

    display: inline-block;

    font-size: 20px;

    border: 1px solid #b6b6b6;

    width: 180px;

    height: 48px;

    line-height: 48px;

    margin: 0 15px;

}

.main-title-sub a:hover,.main-title-sub .on{

    background: #ff7e00;

    color: #ffffff;

    border: 1px solid #ff7e00;

}

.main3-div{

    margin-bottom: 80px;

}

.main3-div1{

    width: 475px;

    height: 525px;

}

.main3-div-title a{

    color: #000000;

}

.main3-div-title{

    height: 50px;

    border-bottom: 1px solid #e0e0e0;

    margin-bottom: 30px;

}

.main3-div-title2{

    border: none;

    background: url('../images/line3.png') no-repeat bottom;

    padding-bottom: 10px;

    margin-bottom: 10px;

}

.main3-div-title .fl a{

    display: inline-block;

    font-size: 20px;

    font-weight: bold;

    margin-right: 30px;

}

.main3-div-title .fr a img{

    padding-left: 10px;

}

.main3-div2{

    width: 660px;

    height: 525px;

}

.main3-li2{

    padding: 17px 0 0;

    height: 90px;

    overflow: hidden;

}

.main3-li2:hover{

    background: #f0f0f0;

}

.main3-li2 img{

    padding-right: 10px;

}

.main3-li2 a p{

    margin-bottom: 15px;

}

.main3-li2 .fr{

    display: block;

    width: 435px;

    font-size: 15px;

    line-height: 24px;

}

.main3-div2 li .fl{

    text-align: center;

    padding-right: 20px;

    height: 135px;

}

.main3-div2 li:hover{

    border: 1px solid #f0f0f0;

}

.main3-div2 li {

    height: 135px;

    margin-bottom: 15px;

}

.main3-div2 li:last-child{

    margin-bottom: 0;

}

.main3-sub-div1{

    padding: 15px 30px 25px 155px;

}

.main3-sub-div1 h3{

    margin-bottom: 7px;

    font-size: 15px;

}

.main3-sub-div1 p{

    line-height: 25px;

    color: #666666;

}

/* main4 */

.main4{

    background: #f0f0f0;

    height: 526px;

}

.main4-div2 .fr{

    width: 580px;

}

.main4-div2{

    font-size: 24px;

    background: #f0f0f0;

}

.main4-div2 h4{

    margin-top: 30px;

    font-size: 36px;

}

.main4-div2 h5{

    font-size: 24px;

    font-family: Arial;

    color: #999999;

    font-weight: normal;

    margin-bottom: 15px;

}

.main4 .main4-div2 p{

    font-size: 16px;

    color: #666666;

    line-height: 30px;

}

.main4 .main4-div2 .more{

    width: 180px;

    height: 50px;

    line-height: 50px;

    color: #ffffff;

    font-size: 16px;

    background: #ff9600;

    text-align: center;

    margin-top: 50px;

}

.main4-div2 .more a{

    display: block;

    color: #ffffff;

}

.main4-div2 .more a img{

    padding-left: 10px;

    margin-top: -4px;

}



/* 底部轮播 */

.cpzx{width:1200px;margin: 60px auto 100px;}

.cpzx_tit{text-align: center; padding-top: 20px;font-size: 0;}

.cpzx_tit a{display: inline-block;width: 195px;height: 60px;line-height: 60px;font-size: 16px;color: #1e2733;background: #f0f0f0;}

.cpzx_tit a img{padding: 0 10px;}

.cpzx_tit .on{background: #ff910c;color: #ffffff;}

.ladyScroll{width:1200px;height:340px; margin-top:40px;position:relative;}

.ladyScroll .prev,.ladyScroll .next{width:10px;height:19px;position:absolute;top:85px;left:-25px;z-index:100; cursor:pointer; background:url(../images/prev.jpg) no-repeat;}

.ladyScroll .next{ left:auto; right:-18px; background:url(../images/next.jpg) no-repeat;}

.ladyScroll .prev:hover{ }

.ladyScroll .next:hover{ }

.ladyScroll .scrollWrap{width:1200px;position:absolute;}

.ladyScroll dl{float:left;width:305px;text-align:center;position:relative;}

.ladyScroll dt{ height: 370px;}

.ladyScroll dt a{display: block;border: 1px solid #f0f0f0;width:275px; position: relative;}

.ladyScroll dt p{ line-height: 40px;font-size: 16px;color: #333; text-align: center;}

.ladyScroll img{display:block;width:230px;height:300px;margin: 0 auto;padding: 20px 23px;}

.ladyScroll h3{-moz-border-radius: 50%; -webkit-border-radius: 50%;border-radius:50%;width:42px; height: 42px; font-size: 26px;color: #333; line-height: 42px; text-align: center; position: absolute;bottom: -25px; left:50%; margin-left: -21px;background: #e6e6e6;}



.footer{width: 100%;background: #323232;padding: 40px 0 0;position: relative;}

.footer .w_1200{z-index: 9998;}

.footer .fl{color: #fff;}

.footer .fl span{font-size: 14px;line-height: 25px;}

.footer .fr{color: #bcbcbc;font-size: 14px;text-align: right;}

.footer ul li a{display: inline-block;color: #bcbcbc;margin-bottom: 10px;}

.footer-top > .fl{

    height: 285px;

    overflow: hidden;

}

.footer-top .footer-top-div2{

    background: url(../images/line2.png) no-repeat right;

}

.footer-top-div ul .title{

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

}

.footer-top-div ul .span{

    width: 12px;

    height: 3px;

    background: #ffffff;

    margin: 15px 0 30px;

}

.footer-top-div{

    width: 205px;

    padding: 0px 15px 20px;

}

.footer-top-div .fr span{

    font-size: 18px;

    display: block;

    margin: 10px 0 17px;

}

.footer-top .footer-top-div1{

    padding: 0;

    width: 190px;

    border-right: none;

}

.footer-top .footer-top-div5{

    border-right: none;

    width: 300px;

    padding-right: 0;

    padding-left: 0;

}

.footer-top-div5 ul li p{

    text-align: center;

    color: #c4c4c4;

    margin-top: 15px;

}

.footer-top-div5 li div img{

    width: 130px;

    height: 130px;

}

.footer-top-div1 .footer-li1{

    font-size: 16px;

    color: #b4b4b4;

    margin-bottom: 10px;

}

.footer-top-div2{

    text-align: center;

}

.footer-top .footer-top-div4{

    background: none;

}

.footer-top-div2 ul .span{

    margin-left: 70px;

}

.footer-top-div1 .footer-li1 img{

    padding-right: 10px;

}

.footer-top-div1 .footer-li2{

    font-size: 26px;

    font-family: Arial;

    margin-bottom: 30px;

}

.footerbot .fl{

    color: #999999;

}

.footer-bot{

    height: 100px;

    line-height: 100px;

}

.footer-bot .fl a{

    color: #999999;

}

.footer-bot{

    color: #999999;

    border-top: 1px solid #5b5b5b;

    margin-top: 40px;

}

.waves{

    display:block;

    width:100%;

    height: 100%;

    position: absolute;

    left:0;

    top:0;

}

canvas{

    display: block;

}