/*banner*/
.banner{position: relative; height:auto;clear: both;min-height: 533px;}
.ban_p li{ display:block; height:auto;width: 100%!important; overflow: hidden;position: relative;margin:0 auto;}
.ban_p li img {width: 100%!important;height: auto;display: block;margin: 0 auto;}
.ban_t{width:600px;height:50px;bottom: 0;left:50%;margin-left:-300px;position: absolute;text-align: center;}
.ban_t em{width:16px;height:16px;margin-right:16px;border-radius: 16px; display: inline-block;background:#01346b;}
.ban_t em.on{background:#277ec3; }

.til01{display: block;font-size:54px;line-height:75px;color: #313131;height: 176px;position: relative;font-weight: normal;text-align: left;}
.til01 b{color: #277ec3;}
.til01 p{display: block;line-height:44px;font-size:26px;opacity: 0.7;}
.webox .til01 p{line-height:40px;font-size:16px;}
.til01 a{display: block;color: #313131;}

/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:26px;position: relative;padding:82px 0 0;height:594px;overflow: hidden;background:url(../images/webg.jpg) no-repeat center 0;font-size: 16px;color: #666;}
.webox_c li{height:328px;width: 371px;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;background:url(../images/welbg1.gif) no-repeat 0 0;padding:55px 48px 0;box-shadow: 0 0 8px 8px rgba(0 , 0 , 0 , 0.1);}
.webox_c li:nth-child(2){margin: 0 43px;}
.webox_c li b{display: block;font-size: 40px;line-height: 82px;color: #333;}
.webox_c li:hover{background:url(../images/welbg2.gif) no-repeat 0 0;color: #fff;margin-top: -10px!important;}
.webox_c li:hover b{color: #fff;}

    .nav-img {
        padding: 0px 40px;
        margin-top: 18px;
        position: relative;
    }
    .nav-menu {
        margin-top: 40px;
    }
    .nav-list {
        height: 92px;
        z-index: 2;
        font-family: "Microsoft Yahei";
        padding: 0px 40px;
        display: flex;
        justify-content: space-between;
    }
    .nav-list li {
        /*float: left;*/
    }
    .nav-list li a {
        padding:0 15px;
        line-height:92px;
        font-size:19px;
    }
    .nav-list .current {
        color: #fff;
        background: #277ec3;
    }
    .nav-list .current a{
        color: #fff;
        background: #277ec3;
    }
    .nav-search {
        position: absolute;
        bottom:-50px;
        right: 2%;
    }
    /*搜索*/
    .head-search1{
        float: left;
        width: 270px;
        height: 35px;
        margin-left: 85px;
        /*margin-top: 42px;*/
    }
    .head-search1 form{
        width: 270px;
        height: 35px;
    }
    .head-search1 span{
        color: rgb(67, 67, 67);
        font-size: 16px;
        float: left;
        margin-left: 50px;
    }
    .head-search-text {
        display: block;
        float: left;
        height: 33px;
        width: 200px;
        font-size: 14px;
        color: #777;
        outline: none;
        padding: 0 0 0 10px;
        margin: 0;
        border: 1px solid #ebdfdf;
        border-right-width: 0;
        letter-spacing: 1px;
         border-radius: 16px 0  0 16px;
        /*margin-top: 33px;*/
    }
    .head-search-btn{
        float: left;
        display: block;
        box-sizing: border-box;
        width: 55px;
        height: 34px;
        padding: 0;
        margin: 0;
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 36px;
        color: #fff;
        outline: none;
        border: none;
        cursor: pointer;
        background-color:  #eeefef;
        background-image: url(images/navsearch.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        background-size: 22px;
        padding-left: 24px;
        border-radius: 0px 15px 15px 0px;
        /*margin-top: 33px;*/
    }

/*产品中心*/
.probox{font-family: "Microsoft Yahei";padding:80px 0;line-height:26px;max-width: 1920px;margin: 0 auto;overflow: hidden;}
.pro_t{height:165px;overflow: hidden;}
.pro_t ul{width: 730px;padding: 8px 0 0;overflow: hidden;float: right;}
.pro_t li{float: left;width: 180px;height: 50px;line-height: 50px;font-size: 16px;}
.pro_t li a{display: inline-block;color: #666;}
.pro_t li em{display: block;color: #666;margin:10px 7px 0 0;width: 31px;height: 31px;border-radius: 31px;float: left;overflow: hidden;}
.pro_t li em img{display: block;width: 31px;height: 31px;border-radius: 31px;}
.pro_t li a:hover{font-weight: bold;}
.prod_l{width: 49.688%;position: relative;overflow: hidden;}
.prod_c p{position: relative;float: left; height: 677px;}
.prod_c p,.prod_c p img,.prod_r li img{width:100%;display: block;}
.prod_r{width: 100%;overflow: hidden;}
.prod_r li{width: 22%;overflow: hidden;float: left;margin: 0 0 17px 1.66%;position: relative; height: 330px;}
.prod_c p em,.prod_r li em{position: absolute;width:67px;height:130px;background:url(../images/pro_ico1.png) no-repeat center 0;left: 7.28%;top:0;display: block;}
.prod_c p em{background:url(../images/pro_ico2.png) no-repeat center 0;}
.prod_c p em img,.prod_r li em img{display: block;width: 47px;height: 47px;border-radius: 47px;margin: 34px auto 0;border: solid 3px #e1e1e1;}
.prod_c p span,.prod_r li span{position: absolute;width: 100%;height:80px;line-height:38px;left:7.28%;bottom:0;color: #333;font-size:24px;display: block;}
.prod_c p span{bottom:20px;}
.prod_c p span i,.prod_r li span i{opacity: 0.55;display: block;font-size:20px;line-height: 30px;}
.prod_c p span a,.prod_r li span a{color: #333;}

/*优势*/
.edge{font-family: "Microsoft Yahei";line-height:25px;font-size: 16px;position: relative;z-index: 1;padding: 60px 0 0;height: 1010px;}
/*.edge .til01{height:121px;}*/
.edge_t{height: 280px;font-size: 24px;line-height: 50px;}
.edge_t li{width: 300px;float: left;text-align: center;}
.edge_t li span,.webox_c li span{width:96px;height:96px;display: block;position: relative;overflow: hidden;margin:0 auto;}
.edge_t li span i,.webox_c li span i{width:96px;height:96px;position: absolute;display: block;top: 0;left: 0;}
.webox_c li span,.webox_c li span i{width: 76px;height: 69px;display: block;margin: 0;}
.edge_t li span i.default,.webox_c li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.edge_t li span i.hover,.webox_c li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.edge_t li.cur{color: #277ec3;font-weight: bold;}
.edge_t li.cur span .default,.webox_c li:hover span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.edge_t li.cur span .hover,.webox_c li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.edge .yshd{position: absolute;top:946px;left:50%;margin-left: -100px;width: 1200px;z-index: 1;}
.edge .yshd li{width: 18px;height: 18px;background: #313131;float: left;margin: 0 0 0 20px;}
.edge .yshd li.cur{background: #277ec3;}

.edge:before{content: "";position: absolute;width: 100%;height:930px;left: 0;top: 0;z-index: -1;background: #f6f6f6;}
.edge_c{width: 100%;min-width: 1200px;height:520px;overflow: hidden;position: relative;}
.edge_con{width: 1200px;position: absolute;left: 50%;margin-left: -600px;}

.edge_c .tempWrap{overflow: visible !important;}
.edge_c .tempWrap .edge_cl{margin-left: -1325px !important;}
.edge_cl dl{float: left;width: 1200px;margin: 0 40px !important;position: relative;height: 550px;}
.edge_cl dt,.edge_cl dt img{width: 1200px;height: 462px;display: block;overflow: hidden;}
.edge_cl dd{width:278px;position: absolute;height:412px;background:#fff;left: 104px;top:84px;color: #666;line-height: 23px;padding: 46px 38px 0 70px;border: solid 1px #e1e1e1;}
.edge_cl dd h3{height:116px;font-size:34px;line-height:42px;color: #277ec3;}
.edge_cl dd:before{content: "";position: absolute;width:86px;height:2px;left: -32px;top: 64px;background: #fe0736;}
.edge_cl dd li{padding: 0 0 24px;}
.edge_cl dd li b{color: #277ec3;}
.edge_cl dd span{color: #666;font-family: Arial;font-size: 24px;height: 75px;line-height: 75px;}
.edge_cl dd span b{color: #277ec3;font-size:34px;}

/*案例*/
.case{font-family: "Microsoft Yahei";line-height:30px;height: 950px;clear: both;font-size: 16px;color: #333;}
.case_c{height: 546px;overflow: hidden;margin-bottom: 60px;}
.case_ico{width:502px;height: 40px;right: 0;top:395px;z-index: 9;}
.case_ico em{width:10px;height:10px;border-radius: 10px;background: #666;display: block;float: left;margin:0 0 0 6px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.case_ico em.cur{width:22px;background: #277ec3;}
.case_c dl{position: relative;height: 546px;}
.case_c dd{position: absolute;width:485px;height:366px;line-height: 40px;background:#f3f3f3;right: 0;top:62px;padding: 44px 20px 0 95px;}
.case_c dt,.case_c dt img{width:728px;height:546px;display: block;overflow: hidden;}
.case_c dd h3{font-size: 26px;height: 48px;line-height: 48px;overflow: hidden;}
.case_c dd h3 a{color: #333;}
.case_c dd p{display: block;height: 116px;line-height: 26px;}
.case_c dd p em{border: solid 3px #277ec3;background: #277ec3;float: left;}
.case_c dd p span{float: left;width: 350px;padding: 16px 0 0 15px;}
.case_c dd p span b{display: block;font-size: 16px;height: 30px;line-height: 30px;}
.case_c dd p em,.case_c dd p em img{display: block;height: 91px;width: 91px;border-radius: 91px;}

/*合作*/
.part{height:189px;}
.prev1,.next1{width:51px;height:33px;display: block;overflow: hidden;position:absolute;top:30px;right: -73px;cursor: pointer;}
.prev1{left: -73px;}
.part_c li{float: left;position: relative;border: solid 1px #d2d2d2;margin: 0 48px 0 0;}
.part_c li:hover{border-color: #277ec3;}
.part_c li,.part_c li img{width: 199px;height: 98px;display: block;overflow: hidden;}

/*流程*/
.tec_p{line-height:60px;height:444px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;background:url(../images/liucheng_bg.jpg) no-repeat center 0;font-size: 16px;color: #fff;}
.tec_p .til01{color: #fff;height: 172px;}
.tec_pic{left: 518px;top: 0;}
.tec_pc li{width:64px;float: left;padding:26px 74px 0 0;position: relative;white-space: nowrap;}
.tec_pc li span{width:64px;height: 64px;display: block;}
.tec_pc li:before{content: "";position: absolute;width:4px;height:26px;right:37px;top:46px;background:url(../images/86a7410b8686434c92ad3d6eefbb32b8.png) no-repeat 0 0;}
.tec_pc li:nth-child(4){padding-right:244px}
.tec_pc li:nth-child(4):before,.tec_pc li:last-child:before{width: 0;height: 0;background: none;}
.tec_pc li:last-child{padding-right:0;}
.tec_pc li:hover{padding-top: 10px;}


/*资讯*/
.newbox{line-height:25px;height:716px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;}
.news_l{float: left;width: 300px;}
.news_l h2{ margin-bottom:55px; text-align: left;}
.news_l .newstit{width: 200px; }
.news_l .newstit h3{color:#333;height: 60px; display: inline-block; font-weight: normal;text-decoration: none;}
.news_l .newstit h3 a{width: 200px; text-align: left; float: left;  position: relative; text-decoration: none; font-size: 20px; display: inline-block;height:60px; color:#333;  line-height:60px; font-weight: normal; display: block;box-sizing: border-box;border-bottom: 2px solid #d6d6d6;}
.news_l .newstit h3.cur a{color: #277ec3;background:url(../images/ico03.gif) no-repeat right center; font-weight: bold;}
.news_r{width: 832px; float: right;}
.new_p{width:330px;height:398px;top: 22px;right: 0;z-index: 1;}
.new_p p,.new_p p img{width:330px;height:330px;overflow: hidden;display: block;}
.new_p span{height: 70px;line-height: 70px; text-align: center; background: #277ec3; color: #fff;font-size: 20px;display: block;}

.news_rc dl{height: 463px; overflow: hidden;border-bottom: solid 2px #d9d9d9;}
.news_rc dt{height: 232px;}
.news_rc dt span{ height:82px; line-height:66px; margin-bottom: 44px;border-bottom: 2px solid #333; display: block; font-size:46px; color: #333;  font-weight: bold;font-family: Arial;}
.news_rc dt h4{font-size: 22px; font-weight: normal; line-height: 38px;width: 420px;color:#666;overflow: hidden;text-overflow: ellipsis;}
.news_rc dt h4 a{ color:#666;}
.news_rc dd p{overflow: hidden;height:92px; width: 420px;}
.news_rc dd span{ height:38px; width: 70px;display: block; line-height:38px; border-bottom: 2px solid #333;}
.news_rc dd span a{color: #555;}

.news_rc li{margin-top: 20px;width: 330px; float: left; overflow: hidden;font-size: 14px; line-height: 33px; color:#101010;}
.news_rc li:nth-child(2n){float: right;}
.news_rc li a{color:#666; text-decoration: none;}
.news_rc li em{ display: block; font-size: 20px;line-height: 28px;}
.news_rc li em i{font-size: 12px;color: #666;padding-left: 12px;margin-left: 12px; display: inline-block;}
.news_rc li a:hover{color:#277ec3;}

/*关于*/
.about{font-family: "Microsoft Yahei";line-height:27px;position: relative;z-index: 1;overflow: hidden;padding:0;font-size: 16px;text-align: center; no-repeat center 0;height: 610px;}
.about h2{height:135px;text-align: center;}
.about_p{display: block;height: 639px;}
.about_w{padding:50px 65px 0;height: 225px;background: #fff;}

/*风采展示*/
.show{height:380px;position: relative;}
.prev2,.next2{width:54px;height:25px;display: block;overflow: hidden;position: absolute;top:86px;right: -87px;background: url(../images/next2.gif) no-repeat 0 0;}
.prev2{left: -87px;background: url(../images/prev2.gif) no-repeat 0 0;}
.prev2:hover,.next2:hover{background-position: 0 bottom;}
.show_t{height:87px;line-height:38px;position: relative;z-index:1;font-size: 18px;overflow: hidden;padding-left: 367px;}
.show_t li{height:38px;color: #fff;width:146px;float: left;border-radius:19px;background: #a7a7a7;margin: 0 14px 0 0;}
.show_t li a{color: #fff;display: block;}
.show_t li.cur{background: #277ec3;}

.show_c1{position: relative;}
.show_cl{overflow: hidden;}
.show_c li{float: left;margin:0 30px 0 0;position: relative;}
.show_c li,.show_c li p,.show_c li p img{width: 270px;height:203px;display: block;overflow: hidden;}
.show_c li span{width: 270px;height:0;position: absolute;left: 0;bottom: 0;background: rgba(39,64,139,0.7);}
.show_c li span a{display: none;color: #fff;background: url(../images/ico01.png) no-repeat center 66px;padding: 98px 0 0;line-height: 42px;}
.show_c li:hover span{height:203px;}
.show_c li:hover span a{display: block;}

/*友情链接*/
.link{height:0;line-height:62px;color: #666;position: relative;width: 1200px;margin: 0 auto;}
.link_c{border-top: solid 2px #666;position: absolute;left: 0;top:-64px;z-index: 9;width: 1200px;}
.link_c b{width: 100px;display: inline-block;}
.link a{display: inline-block;color: #666;padding:0 40px 0 0;}

.edge_cl dt img, .prod_c p img, .prod_r li img, .pro_rc li p img, .case_c dt img,.part_c li img, .new_p p img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge_cl dl:hover dt img, .prod_c p img:hover, .prod_r li:hover img, .pro_rc li:hover p img, .case_c dl:hover dt img,.part_c li:hover img, .new_p p:hover img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

@media screen and (max-width: 1440px) {
	.prod_r li{margin-bottom: 10px;}
	.prod_c p span,.prod_r li span{height:50px;font-size: 20px;line-height: 30px;}
	.prod_c p span i,.prod_r li span i{font-size: 16px;line-height: 22px;}
}
@media screen and (max-width: 1679px) {
	.prod_r li{margin-bottom: 10px;}
	.prod_c p span,.prod_r li span{height: 60px;font-size: 22px;line-height: 34px;}
	.prod_c p span i,.prod_r li span i{font-size: 18px;line-height: 26px;}

}