input{padding:0;margin:0;font-family:'Microsoft YaHei';}

img{border:none;background:none;vertical-align:middle;}

ul,ol,li{list-style-type:none;}

select,input,img,select{vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0}

table, th, td {vertical-align: middle}

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}

.clearfix{zoom:1}

.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}



h1,h2,h3,h4{font-size:12px;font-weight:bold;line-height: 1.5}

hr {border: 0;border-top:1px solid #ccc;height:0;}

.wd1200{width:1200px;margin: 0 auto;}

p{margin:0;}





#demo{overflow:hidden;width:100%;margin:0 auto;}

#indemo {float: left;width:800%}

#demo1 {float: left;}

#demo2 {float: left;}



#m_demo{overflow:hidden;width:100%;margin:0 auto;}

#m_indemo {float: left;width:800%}

#m_demo1 {float: left;}

#m_demo2 {float: left;}



.slide-right{ width:1200px; overflow:hidden; height:54px;}

.slide-right  a{ display:block; color:#333; height:54px; font:24px "Microsoft YaHei"; line-height:54px; margin-bottom:12px;    margin-top: 14px;}

.slide-right  em{ float:right; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:59px; color:#555;}

.slide-right  span{ display:inline-block; height:54px; background:url(../img/dy_line2.gif) repeat-x center bottom;}





.nav{background-color:#3480ce;height:32px;}

.nav li{line-height:32px;height:32px;text-align:center;width:90px;float:left;position:relative;z-index:999;}

.nav li a{display:block;line-height:32px;color:#fff;height:32px;}

.nav li a:hover{color:#fff;text-decoration:none;background-color:#24588e;}



.nav .sec{height:0;background:#01557a;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:32px;left:0px;}

.nav .sec a{background:#01557a;color:#fff;height:38px;line-height:38px;width:90px;}

.nav .sec a:hover{background:#042d3f;text-decoration:none;}

.header {

    width: 1200px;

    margin: 0 auto;

}

.header_wz {

    float: right;

    margin-right: 22px;

    margin-top: 10px;

}



#header{

    position: relative;

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

    height: 34px;

    line-height: 34px;

    color: #fff;

    font-size: 14px;

}



#header a{

    color: #fff;

    font-size: 14px;

}



.wel{

    float: left;

}



.hotSearch{

    float: left;

}



.hotSearch a{

    margin-right: 15px;

}



.k22{

    line-height: 25px;

}



.fuss{

  float:left;  

  position: relative;

}





.top_cc{

    position: relative;

    height:115px;

}



.logo{

    float:left;

    padding-top: 30px;

	    width: 450px;

}

.logo p{

	font-size:22px;

	color:#333;

	font-weight:400;

	line-height: 28px;

}

.logo span{

	font-size:17px;

	color:#dab866;

	font-weight:100;

}







#formsearch{width:320px;display:none;position:absolute;left:0px;top:0px;z-index:99;}

#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;outline:none;}

#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}

#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer;}



#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}

.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}

.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}







.fl{float:left;}

.fr{float:right;}

.di{_display:inline;}

.fwn{font-weight:normal;}

.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}









.c1_index{

    position: relative;

    height: 128px;

    background: #f7f7f7;

}



.hot_phone{

    width: 300px;

    margin-top: 20px;

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

    padding-left: 85px;

    color: #666666;

    font-size: 16px;

    font-weight: 600;

    line-height:35px;

}



.hot_phone p:nth-child(2){

    font-weight: 400;

    font-size: 30px;

    color: #333333;

}



.ads{

    width: 810px;

    display: flex;

    justify-content: center;

}



.ads li{

    height: 128px;

    width: 33.33%;

    text-align: center;

    padding-top: 25px;

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

}



.ads li a{

    display: block

}



.ads li img{

    max-width: 100%;

}



.ads li h3{

    color: #333333;

    font-size: 16px;

    font-weight: 400;

    padding-top: 12px;

}





.tong1 {

    width: 1920px;

    left: 50%;

    margin-left: -960px;

    position: relative;

}



.c2 {

    background: url(../images/c2.png) no-repeat 50% 0;

    height: 284px;

    padding-top: 46px;

	margin-top: 60px;

}



.c2 .list2 li {

    text-align: center;

    float: left;

    margin-right: 153px;

    color: #fff;

    border: 1px solid #fff;

    width: 185px;

    height: 185px;

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

    align-items: center;

    font-weight: 600;

}



.c2 .list2 li h3 {

    font-size: 48px;

}



.c2 .list2 li img {

    display: block;

    margin: 3px auto 0;

}



.c2 .list2 li dd {

    font-size: 24px;

    margin-top: 16px;

}



.c2 .list2 li:last-child {

    margin-right: 0;

}



.c2_index{

    position: relative;

    margin-top: 70px;

    margin-bottom: 40px;

}



.c2_aa{

    width:850px;

    float: left;

}



.c2_aa li img{

   width:850px;

   height: 440px;

}



.c2_bb{

    width:350px;

    float: right;

}



.c2_bb li{

    position: relative;

    height: 110px;

    background: #393939;

    padding: 0px 20px 0px 30px;

}



.c2_bb li:nth-child(2n){

    background: #343434;

}



.c2_bb li a{

    display: block;

}



.c2_bb li h3{

    float: left;

    color: #fff;

    font-size: 16px;

    line-height: 110px;

    font-weight: 400;

}



.c2_bb li img{

    margin-top: 20px;

    float: right;

    display: block;

   width: 71px;

   height: 71px;

   border: 5px solid rgba(255,255,255,.5);

   border-radius: 50%;

}





.c2_bb li.on{

    background: #dab866;

    width: 400px;

    z-index: 9999;

    margin-left: -50px;

    position: relative;

    padding-left: 85px;

    padding-right: 55px;

}



.c2_bb li.on img{

    float: left;

}



.c2_bb li.on h3{

    float: right;

    font-size: 18px;

}



.c2_bb li.on::before{

    position: absolute;

    top: 45px;

    left: 35px;

    content: "";

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

    width: 12px;

    height: 22px;

}









.c3_index{

    position: relative;

    padding-bottom: 20px;

    display: flex;

    justify-content: space-between;

}



.c3_index li{

   position: relative;

   height: 400px;

  box-shadow: 8px 8px 13px 1px #ececec;

}



.c3_index li a{

    display: block;

}



.c3_index li a img{

    width: 291px;

    height: 272px;

}



.c3_index li p a:hover{

   color:#dab866;

   font-size:14px;

}

.c3_index li p a{

      color: #333;

    font-size: 14px;

    line-height: 26px;

    height: 26px;

    padding-top: 13px;

    padding-left: 20px;

}

.c3_index li h3{

    position: absolute;

    left: 20px;

    top: 220px;

    /* background: rgba(0,0,0,.5); */

    height: 36px;

    line-height: 36px;

    color: #333;

    width: 253px;

    /* padding-left: 55px; */

    font-size: 18px;

    font-weight: 400;

    text-align: center;

    transition: .3s;

}



.c3_index li h3::before{

    position: absolute;

    left: -10px;

    top: 25px;

    width: 22px;

    height: 1px;

    content:"";

    /*background: url(../images/xian.png) no-repeat center center;*/

}



.c3_index li h3::after{

     position: absolute;

    right: 30px;

    top: 22px;

    width: 16px;

    height: 11px;

    content:"";

    /*background: url(../images/jiantou2.png) no-repeat center center;*/

}





.c3_index li h3:hover{

    bottom: 0;

    background: rgba(218,184,102,0.8);

	color:#fff;

}







.hengtu{

    position: relative;

    height: 622px;

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

     padding-top: 420px;

}



.hengtu .dianhua{

    font-size: 36px;

    color: #fff;

    font-weight: 400;

    padding-left: 65px;

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

}







.you{

    position: relative;

    background: #f4f4f4;

    padding-top: 70px;

    padding-bottom: 90px;

}



.ttt4{

    text-align: center;

}



.ttt4 h3{

    color: #333333;

    font-size: 36px;

    padding: 10px 0;

}



.ttt4 p{

    color: #666666;

    font-size: 16px;

    font-family: "Arial";

    text-transform: uppercase;

}



.you_list{

    position: relative;

    margin-top: 35px;

    display: flex;

    justify-content: center;

}



.you_list li{

    width: 200px;

    position: relative;

}



.you_list li a{

    display: block;

}



.you_list li img{

    width: 200px;

    height: 413px;

}



.you_list li .time{

    position: absolute;

    top: 15px;

    width: 100%;

    text-align: center;

}



.you_list li:nth-child(2n-1) .time{

    top:290px;

}



.you_list li .time h3{

    font-size: 20px;

    color: #333333;

    padding-bottom: 15px;

    margin-bottom: 10px;

    background: url(../images/xian2.png) no-repeat center bottom;

}



.you_list li .time span{

    display: block;

    font-size: 14px;

    color: #666666;

    font-weight: 400;

    line-height: 25px;

}







.case_index{

    position: relative;

    padding-bottom: 70px;

}



.case_index::before{

    position: absolute;

    right: 0px;

    top: -85px;

    

    content: "";

    width: 313px;

    height: 131px;

    z-index: 9999;

}



.case_index::after{

    position: absolute;

    left: 0px;

    bottom: -30px;

   

    content: "";

    width: 275px;

    height: 115px;

     z-index: 9999;

}







.case_top{

    position: relative

}



.case_ttt{

    float: left;

    margin-top: -30px;

    position: relative;

    z-index: 999;

    width: 130px;

}



.case_sort2{

    float: right;

    width: 1000px;

    text-align:center;

    margin-top: 70px;

    z-index: 9999;

    position: relative;

}



.case_sort2 li{

  

    height: 39px;

    line-height: 39px;

    border: 1px solid #333;

    border-radius: 30px;

    display: inline-block;

    margin: 0 19px;

    padding: 0 18px;

}



.case_sort2 li a{

    display: block;

    font-size: 14px;

    color: #333;

}



.case_sort2 li:hover{

    border: 1px solid #dab866;

    background: #dab866;

}



.case_sort2 li:hover a{

    color: #fff;

}



.case_sort2 li:hover::before{

    position: absolute;

    top: 62px;

    content: "";

    width: 20px;

    height: 11px;

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

}



.case_contt{

    position: relative;

    margin-top: 50px;

}





.case_contt li{

    float: left;

    position: relative;

}



.case_contt li+li{

    margin-left: 10px;

}



.case_contt li:nth-child(4){

    margin-top: 10px;

}



.case_contt li a{

    display: block;

}



.case_contt li img{

    width: 292px;

    height: 446px;

}



.case_contt li:nth-child(2) img{

    width: 596px;

    height: 446px;

}



.case_contt li:nth-child(3) img,.case_contt li:nth-child(4) img{

    width: 289px;

    height: 217px;

}



.case_contt li .time{

    position: absolute;

    width: 100%;

    left: 0px;

    bottom: 0px;

    height: 76px;

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

    padding: 5px 20px;

    opacity: 1;

    transition: .3s;

}



.case_contt li:hover .time{

    opacity: 1;

}



.case_contt li .time::before{

    position: absolute;

    right: 0px;

    top: 0px;

    width: 76px;

    height: 76px;

    content: "";

   

}



.case_contt li .time h3{

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    line-height: 35px;

    margin-bottom: 3px;

}



.case_contt li .time span{

    display: block;

    color: #fff;

    font-size: 12px;

    width: 100%;

     white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    word-break: break-all;

}









.about_index{

    position: relative;

    padding-top: 70px;

    padding-bottom: 84px;

    background: #f1f1f2;

}



.abb_left{

    float: left;

    width: 507px;

    height: 424px;

    border-left: 17px solid #dab866;

    background: #212429;

    padding-left: 38px;

    padding-right: 35px;

}



.abb_left h3{

    padding-top: 50px;

    color: #fff;

    font-size: 30px;

    padding-bottom: 20px;

}



.abb_left .abb_txt{

    color: #fff;

    line-height: 30px;

    font-size: 14px;

}



.abb_left img{

    margin-top: 25px;

}



.abb_right img{

    width: 693px;

    height: 424px;

}



.abb_list{

    position: relative;

    display: flex;

    justify-content: center;

    

}



.abb_list li{

    width: 25%;

    height: 200px;

    text-align: center;

    padding-top: 28px;

}



.abb_list li+li{

    border-left: 0px solid #f4f4f4;

}



.abb_list li img{width: 290px;}



.abb_list li h3{

    padding-top: 10px;

    color: #333333;

    font-size: 17px;

    font-weight: 400;

}







.news_index{

    position: relative;

    background: #fff;

	padding-top: 46px;

}



.news_company{

    position: relative;

    height: 213px;

}



.news_company li{

    position: relative

}



.news_company li .ww{

    width: 209px;

    height: 213px;

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

    text-align: center;

}



.news_company li .ww h3{

    font-size: 24px;

    color: #fff;

    font-weight: 400;

    padding-top: 45px;

}



.news_company li .ww h4{

    font-size: 14px;

    color: #fff;

    font-weight: 400;

    text-transform: uppercase;

    margin-top: 5px;

}



.news_company li .ww span{

    display: block;

    font-family: "Arial";

    font-size: 18px;

    margin-top: 35px;

     color: #fff;

     font-weight: bold;

}



.news_company li .ww h5{

    margin-top: 5px;

    color: #fff;

    font-size: 14px;

    font-weight: bold;

}



.news_company li .img{

    float: left;

    width: 390px;

    height: 213px;

}



.news_company li .time{

    width: 601px;

    height: 213px;

    background: #212429;

    padding: 25px;

}



.news_company li .time h3{

    color: #fff;

    font-size: 16px;

    font-weight: bold;

    margin-bottom: 15px;

}



.news_company li .time span{

    display: block;

    color: rgba(255,255,255,.41);

    font-size: 13px;

    line-height: 25px;

}



.news_company li .time a{

    display: block;

    color: #dab866;

    font-size: 13px;

    width: 134px;

    line-height: 34px;

    border: 1px solid #dab866;

    border-radius: 30px;

    padding-left: 25px;

    margin-top: 20px;

    position: relative;

}



.news_company li .time a::before{

    position: absolute;

    right: 20px;

    top: 12px;

    width: 11px;

    height: 9px;

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

    content: "";

}









.news_wap{

    position: relative;

    padding-bottom: 70px;

	padding-top: 25px;

}



.news_aa{

    float: left;

    width: 600px;

}



.news_bb{

    float: right;

    width: 600px;

    border-left: 1px solid #f0f0f0;

}





.news_tst{

    height: 90px;

    position: relative;

    background: #f9f9f9;

}



.news_tst h3{

    padding-left: 80px;

    color: #dab866;

    font-size: 20px;

    line-height: 92px;

    background: url(../images/news_ttt1.png) no-repeat 30px center;

}



.news_tst h3 span{

    font-family: "Arial";

    font-size: 12px;

    text-transform: uppercase;

    color: #666666;

    padding-left: 15px;

}



.news_zhishi{

    position: relative;

    padding: 20px 40px 30px 30px;

    background: #fff;

}



.news_cc{

    position: relative;

    border-bottom: 1px solid #f0f0f0;

    padding-bottom: 15px;

}



.news_cc li h3{

    font-size: 16px;

    color: #333333;

    font-weight: 400;

    margin-bottom: 15px;

}



.news_cc li h3 a{

    display: block;

     font-size: 16px;

    color: #333333;

    font-weight: 400;

}

.news_cc li:hover h3 a{

    color: #dab866;

}



.news_cc li span{

    display: block;

    font-size: 12px;

    color: #666666;

    font-weight: 400;

    line-height: 22px;

}



.news_cc li span a{

    color: #dab866;

}



.news_dd{

    position: relative;

}



.news_dd li{

    line-height: 55px;

    position: relative;

    border-bottom: 1px solid #f0f0f0;

    padding-left: 30px;

}



.news_dd li::before{

    position: absolute;

    left: 5px;

    top: 25px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #909090;

    content: "";

}



.news_dd li a{

    display: block;

    color: #333333;

    font-size: 14px;

}



.news_dd li span{

    display: block;

    font-family: "Arial";

    font-size: 12px;

    color: #aaaaaa;

    position: absolute;

    right: 0px;

    top: 0px;

}







.foot_wap{

    position: relative;

    height: 343px;

    background: url(../images/foot_bg.jpg) no-repeat center center #f2f2f2;

    padding-top: 0px;

}



.foot_top{

  width:500px;padding-top: 20px;float: left;

}



.foot_phone{

    float: left;

    padding-left: 55px;

    font-family: "Arial";

    font-size: 30px;

    font-weight: 400;

    color: #fff;

    line-height: 54px;

	margin-top: 15px;

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

}



.foot_nav{

   margin-top: 35px;

    /* margin: 0 auto; */

    width: 1200px;

    /* float: right; */

    text-align: center;

}



.foot_nav a{

    color: #fff;

    font-size: 16px;

    width: 100px;



    text-align: center;

    line-height: 40px;

    padding: 0 40px;

}





.link_index{

  margin-top: 25px;

    line-height: 29px;

    float: left;

    margin-left: 175px;

    padding-top: 40px;

    height: 196px;

    width: 168px;
text-align: left;
    font-size: 14px;

    color: rgba(255,255,255,.52);

}



.link_index p{

   font-size: 14px;

    color: #fff;

    padding-left: 15px;

	display: block;

}





.foot_ban{

    position: relative;

    padding: 15px 0;

    line-height: 25px;

    border-top: 0px solid #2c2c2c;

    font-size: 12px;

    color: #fff;

}



.foot_ban a{

    font-size: 14px;

    color: #fff;

}



.foot_ban a:hover{

    color: rgba(255,255,255,.7);

}



.x-copyright {

    float: left;

}



.x-region{

    float: right;

	

}









#footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;}

#footer a{color:#666;}

#footer a:hover{color:#e87518;text-decoration:none;}

.nav_foot{text-align:center;line-height:24px;color:#666;}

.copyright{text-align:center;line-height:24px;}

/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#dab866;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}