*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
input[type="submit"],input[type="reset"],input[type="button"],input,button{resize:none}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}
button{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:Microsoft YaHei,simhei,Tahoma,Arial,sans-serif;color:#333333;background-color:#FFFFFF}
em,i{font-style:normal}
strong{font-weight:normal}
.clearfix:after{content:"";display:block;visibility:hidden;height:0;clear:both}
.clearfix{zoom:1}
a{text-decoration:none;font-family:Microsoft YaHei,Tahoma,Arial,sans-serif}
a:hover,a:active,a:visited{text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:Microsoft YaHei}
img{border:none;vertical-align:middle;}
body,html{width:100%;min-height:700px;margin:0 auto;font-family:Microsoft YaHei;position:relative;-ms-overflow-x:hidden;overflow-x:hidden}
.table{display:table;table-layout:fixed;text-align:center;width:100%;height:100%}
.table_cell{display:table-cell;vertical-align:middle}
.wot{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.page_list{clear:both;text-align:center;padding-bottom:0.75rem;padding-top:0.75rem}
.page_list ul{margin:0;padding:0;height:40px;font-size:12px;color:#666}
.page_list li{width:auto;background:initial;display:inline-block;padding:0;height:auto;line-height:inherit}
.page_list a,.page_list a:visited{background:#FFF;border:1px solid #EEE;color:#333;display:inline-block;height:30px;line-height:30px;margin:2px;padding:0 11px;text-decoration:none}
.page_list a:hover,.page_list a:active,.page_list .press{background-color:#761f20;border:1px solid #761f20;color:#FFF;display:inline-block;height:30px;line-height:30px;margin:2px;padding:0 11px}
.page_list .on{background-color:#761f20 !important;color:#fff !important;}
.mobile_header{width:100%;height:4.5rem;padding:.5rem .5rem;background-color:#fff; display: flex;justify-content: space-between;align-items: center; border-bottom: #fff solid 1px;}
.mobile_header .logo{float:left;max-width:50%}
.mobile_header .logo img{max-width:100%; height: 4rem;}
.mobile_header .menu_icon{float:right;display:inline-block;width:2rem;height:2rem;padding:0.5rem;background:url(/static/image/menu_icon.png) no-repeat;background-size:contain;background-origin:content-box;border:1px solid #fff;border-radius:0.2rem;overflow:hidden}
.mobile_header .menu{display:none;position:absolute;top:4.5rem;left:0;width:100%;height:auto;padding:0 1rem;z-index:99;background-color:#000; }
.mobile_header .menu li{width:100%;border-bottom:1px solid #999; color: #fff;}
.mobile_header .menu li:last-child{border-bottom: none;}
.mobile_header .menu li a{display:block;width:100%;height:100%;font-size:1.05rem;color:#FFFFFF;padding:.8rem 0rem;}
.mobile_header .jt_icon img{width:2rem; height:2rem; float: right; margin-top: 0rem;}

.wap-home-banner{ background: url("/static/image/banner.jpg") no-repeat center; height:600px;text-align: center; margin: 0px auto; width:100%; padding: 0 2%; color: #ffff;}

.wap-home-banner h2{font-size: 26px; padding-top:3rem;}
.wap-home-banner .h2_xian{width: 120px; height: 2px; background: #fff; margin: 20px auto 20px;}
.wap-home-banner h1{font-size: 55px;}
.wap-home-banner h3{font-size:32px; margin:10px 0 20px; font-weight: 100;}
.wap-home-banner p{font-size: 16px; padding: 0 8%;}
.wap-home-banner .onbtzzbox{margin-top: 50px;}
.wap-home-banner .onbtzzbox a{background: #3c9fe2; color: #fff;  padding:1rem 4rem; font-size: 18px;}

.home-banner{ background: url("/static/image/banner.jpg") no-repeat center; height: 950px; position: relative; }
.header{width:100%;  position: relative; top: 0;}
.header .logo{float:left; width:auto ; margin-top: 1rem;}
.header .logo img{ width: 100%;}
.header .nav{float:right; margin-top: 1rem;}
.header .nav ul{height:3.75rem;line-height:3.75rem;width:100%;overflow:hidden}
.header .nav ul li{float:left; margin-left:2.5rem;  padding-right:2.5rem; position: relative}
.header .nav ul li:after{position:absolute; content: ""; height:15px; width: 1px; background: #ccc; right: 0; top:24px;}
.header .nav ul li a{color:#fff;font-size:1.05rem;display:block; }
.header .nav ul li:last-child{padding-right: 0;}
.header .nav ul li:last-child:after{width: 0;}
.header .nav ul li a:hover{color: #d99300; }
.pcner_box{ text-align: center; margin: 180px auto; width: 700px; color: #ffff;}
.pcner_box h2{font-size: 26px;}
.pcner_box .h2_xian{width: 120px; height: 2px; background: #fff; margin: 20px auto 20px;}
.pcner_box h1{font-size: 55px;}
.pcner_box h3{font-size:32px; margin:10px 0 20px; font-weight: 100;}
.pcner_box p{font-size: 18px;}
.onbtzzbox{margin-top: 50px;}
.onbtzzbox a{background: #3c9fe2; color: #fff;  padding:1rem 4rem; font-size: 18px;}


.dfa{display: flex;justify-content: space-between;align-items: center;}
.dja {display: flex;justify-content: center;align-items: center;}
.ptd60{padding: 3rem 0;}
.pt60{padding-top: 3rem;}
.i_title{width: 100%;height: auto;padding: 5px 0 0;position: relative;overflow: hidden; margin-bottom:60px;}
.i_title .en{width: 100%;height:40px;position: absolute;top: 0;left: 0;z-index: 1;line-height: 36px;font-family: '微软雅黑';font-size:46px;font-weight: 100;text-align: center;color: #333;opacity: .1;filter: alpha(opacity=10);overflow: hidden;}
.i_title .cn{width: 100%;height: auto;position: relative;z-index: 2;text-align: center;font-size: 44px;font-weight: 500;color: #333;overflow: hidden;}
.i_title .line{width:100px;height:8px;background:#d99300;margin:5px auto 15px;}
.i_title .subtitle {text-align: center;font-size: 18px;color: #555;}
.yx_icon img{width: 100%; border-radius:5px; border: #ccc solid 1px;}
.yx_box h3{margin-top:.5rem; font-size: 1.05rem; color: #333;}
.onbtn{width: 260px;  margin:2rem auto 0; }
.onbtn a{width:260px;text-align: center; display: block; background: #d99300; border-radius: 50px; height: 50px; line-height:50px; color: #fff !important; font-size: 1.2rem;animation:footer-ab-ani .8s both infinite;}
.onbtn a:hover{cursor: pointer; background: #d99300}
.youan{background: url("/static/image/b.jpg") ; padding:3rem 0; color: #fff; border-radius:5px; overflow: hidden;}
.you_wz h2{font-size:2.5rem; padding-left: 1rem; padding-bottom:.8rem;}
.you_wz .text{font-size:1.2rem;font-weight:500;position:relative;padding:0 0 0 125px}
.you_wz .text span{color: #f00;}
.you_wz .text:before{content:"";width:60px;height:2px;background:#fff;position:absolute;left:50px;top:50%;transform:translateY(-50%)}
.freezx a{display: block; width:230px;  height:50px; line-height: 50px; background: #ae0003;  text-align: center; border-radius: 50px; float: right; font-size: 1.1rem; margin-right: 1rem;}
.freezx a:hover{cursor: pointer; background: #e91519;}
.customizedhome{background: url("/static/image/lybg.jpg") no-repeat center; padding:80px 0;  background-size: cover; width: 100%; margin-top: 80px; }
.lvshi img{width: 100%; border-radius: 50%; overflow: hidden;}
.zw{margin:.5rem 0 1rem; padding: 0 .5rem; text-align: center;}
.zw .nane{color: #000; font-size: 1.2rem;}
.zw .zz{color: #666; font-size: .875rem;}
.zw  .ly{margin-top:.5rem; font-size: 1rem;}
.hezuo_list .hz_boxo{ position: relative; margin-bottom: 1rem; }
.hezuo_list .hz_boxo:after{content: ""; background:url("/static/image/pchz_jt.png") no-repeat right; width: 30px; height: 29px; position: absolute; top:50px; right: 0;-webkit-animation-name:bounce;animation-name:bounce;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.hezuo_list .hz_boxo h3,.hezuo_list .hz_boxo1 h3{margin-top: .8rem; margin-left:1.8rem; color: #333; font-weight:500; font-size: 1.05rem;}
.hezuo_list{padding: 0 1rem;}
.huisebg{background: #f1f1f1; padding: 80px 0;}
.casebox img{width: 100%; display: block;}
.casenrbox{background: #fff; padding:0 .2rem; width: 100%; display: block;}
.casebox a h3{text-align: center; color: #333; font-size: 1.1rem; overflow: hidden; line-height:2.8;}
.casebox a p{font-size: 1rem; color: #666; padding: 0 .5rem .8rem;}
.caseimgbox{border-radius:5px; overflow: hidden; width: 370px; height: 253px; }
.casebox a:hover .caseimgbox img{animation-name: scaleUp;animation-duration:1s;animation-timing-function: ease-in-out;  }
.casebox a:hover h3{color: #d99300}
.footer{background: #333; color: #979797; padding: 2rem 0; font-size: .875rem;}
.foonterheight{height:67px;}
.footnav{position: fixed; bottom:0; width: 100%; padding: 0 .5rem; height:70px;background: rgba(0,0,0,.8); z-index: 999;}
.footnav .zi_xx{height:65px; line-height:68px; font-size: 1.02rem; color: #fff; margin-left: .5rem;}
.footernav ul{text-align: center;}
.footernav ul li{list-style: none; display: inline-block; margin: 0 .5rem;}
.footernav ul li a{font-size:1rem; color: #979797;}
.footernav ul li a:hover{color: #fff;}
.zzonten{animation:footer-ab-ani .8s both infinite; margin-right:.5rem; display: block; background: #ff0000; width:90%; height:2.8rem; line-height:2.8rem; text-align: center; color: #fff; font-size: 1.1rem; border-radius: 5px; overflow: hidden; opacity: 1; font-weight: bold; margin: 1rem auto 0;}
.zzonten:hover{color: #fff; cursor: pointer;}
.banner_nr{height:320px; background: #ddd;}
.banner_nr_wz{padding-top:120px;}
.banner_nr_wz h2{font-weight: bold; text-shadow: 3px 3px 3px rgba(0,0,0,0.6); font-size:2.2rem; color: #fff;}
.banner_nr_wz p{font-size:1.2rem; color: #f1f1f1; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);text-transform:capitalize;}
.neirongbody .nr_title{font-weight: bold;color: #000;font-size:1.5rem;padding-left:12px;position:relative; margin-bottom: .5rem;}
.neirongbody .nr_title:after{position:absolute; content: ""; width:4px; height:22px; background: #d99300; left: 0; top:4px; }
.neirongbody{font-size:1rem; line-height: 3; color: #666;}
.kk{margin:2.5rem 0 4rem;}
.kk h2{font-size:2rem; }
.contactbigbox{padding:4.125rem 0 2.125rem;}
.contactlist .col-md-4{margin-bottom: 2rem;}
.contactbox{background: #eeeeee; padding:1rem 2rem;}
.contactbox .contact_icon{background: #333; border-radius: 50%; height:2.5rem; width: 2.5rem;}
.contactbox .contact_icon img{-webkit-filter: grayscale(100%) brightness(500%);-moz-filter: grayscale(100%) brightness(500%);-ms-filter: grayscale(100%) brightness(500%);-o-filter: grayscale(100%) brightness(500%);filter: grayscale(100%) brightness(500%);filter: gray; margin:0 auto 0; padding-top:.5rem; display: block;}
.contactbox h3{margin: .4rem 0 0; font-size:1rem; font-weight: bold;}
.contactbox p{font-size: .875rem;}
.contactbox:hover{background: #852568; cursor: pointer; color: #fff;}
.contactbox:hover .contact_icon{background: #fff;}
.contactbox:hover .contact_icon img{-webkit-filter: grayscale(0%) ;-moz-filter: grayscale(0%) ;-ms-filter: grayscale(0%) ;-o-filter: grayscale(0%) ;filter: grayscale(0%) ;filter: gray;filter: gray; }
.box{position: relative;}
.box .con01 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background:rgba(0,0,0,.1); z-index: 1;}
.box .img{position: relative;}
.box .img:after{position: absolute; content: ""; }
.box .con01 img{max-width:60%;}
.box .red-bg{ position: absolute; top: 0; left: 0; z-index: 2; background: rgba(0,0,0,0.3); width: 100%; height: 100%; overflow: hidden;display: none;}
.box .line {display: block;background: #fff;position: absolute;top: 50%;left: 50%;transition: 400ms;-webkit-transition: 400ms;z-index: 2;opacity: 0;}
.box .line_1 {width: 3.25rem;height:.0125rem;margin: -1px 0px 0px -26px;transform: translateX(-3.4375rem);-webkit-transform: translateX(-3.4375rem);}
.box .line_2 {width:.0125rem;;height:  3.25rem;margin: -26px 0px 0px -1px;transform: translateY(3.4375rem);-webkit-transform: translateY(3.4375rem);}
.box:hover .line_1{transform: translateX(-0rem);-webkit-transform: translateX(-0rem); opacity: 1; }
.box:hover .line_2{transform: translateY(0rem);-webkit-transform: translateY(0rem); opacity: 1; }
.box:hover .red-bg{display: block;}
.box:hover .table_cell img{ transform: scale(1.05);-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out}
.casebg{background: #f8f8f8;}
.casecon{background: #fff; padding: 1.35rem 1.5rem 1.55rem 1.5rem;}
.casecon h2 a{font-size: 1.05rem; color: #333; font-weight: bold;}
.casecon h2 a i{float: right;}
.casecon h2 a i img{height:1rem;}
.casecon h6{font-size: .875rem; line-height:1.5; color: #666;}
.newsshowbox{background: #fff; padding: 2rem;}
.ar_title h1{font-size:1.55rem;color: #404142;line-height:2rem;font-weight: bold;margin-bottom: 1rem;}
.ar_title h6 {display: inline-block;position: relative;}
.ar_title h6 span{position: relative;font-size:.875rem;color: #808080;display: inline-block;font-weight: normal;margin-right: 1rem;}
.ar_title h6 span img{margin-right: .2rem;}
.ar_title h6 span a{color: #808080;}
.recent h3{font-size:1.25rem; border-bottom: #999 solid 1px; padding-bottom: 1rem; margin-bottom: 1rem; font-weight: bold; color: #d99300;}
.recent ul li a{color: #333;}
.like_casetit h2{font-size:2rem; font-weight: bold; margin-top: .2rem;}
.like_casetit h3{font-size:1rem; color: #666; letter-spacing:6px;}
@media (max-width:767px){
    .ptd60{padding:2.875rem 0;}
    .htitle h2{font-size:2rem;padding: 0 1%;}
    .htitle p{padding: 0 5%; line-height:1.5; margin-top:1rem;}
}
@media (min-width: 1360px){
    .container{
        max-width: 1200px !important;
    }

}
@media (max-width: 456px) {
    .ptd60{padding:2rem 0;}
    .pt60{padding:2rem 0 0;}
    .i_title .cn{font-size:1.8rem;}
    .i_title .en{font-size:2.5rem;top:0.1rem;}
    .i_title .subtitle {font-size:.875rem;}
    .freezx a{float: none; margin: 2rem auto 0;}
    .wapmt4{margin-top:2rem;}
    .hezuo_list .hz_boxo:after{width: 0;}
    .hz_boxo img{width:80%; margin-left:1rem;}
    .caseimgbox{border-radius:5px; overflow: hidden; width: 100%; height: 253px; }
    .casebox a p{margin-bottom: 1rem;}
    .neirongbody{font-size:1rem; line-height: 2; color: #666; padding: 0 4%;}
    .contactlist .col-md-4{margin-bottom: 1rem;}
    .kk h2{font-size:1.5rem; }
    .case .col-12{margin-top: 1rem;}
    .newsshowbox{padding: 1rem;}
    .newspad{padding: 0 2rem;}
}
@-moz-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateX(3px);transform:translateX(3px)}
    40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
}
@-ms-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateX(3px);transform:translateX(3px)}
    40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
}
@-o-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateX(3px);transform:translateX(3px)}
    40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateX(3px);transform:translateX(3px)}
    40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateX(3px);transform:translateX(3px)}
    40%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}
    60%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
}
@keyframes scaleUp {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}
@keyframes footer-ab-ani
{
    0%,100%{
        transform:scale(1)
    }
    50%{
        transform:scale(1.03)
    }
}


.haboutbox h2{font-size: 36px; margin-bottom: 30px;}
.haboutbox p{font-size: 18px; line-height: 2; color: #666;}
.shilibox{color:#fff; text-align: center;}
.shilibox h2{font-size: 2.5rem;}
.shilibox h2 span{font-size: 1rem;}
.shilibox p{margin-top: 1rem;}
.shilibg{background: url("/static/image/shili.jpg") no-repeat; height:480px; padding: 60px 0;}
.contact p{display:block; font-size: 1.3rem; text-align: center;}
.fivelist .col-md{margin-bottom: 1rem;}
.fivelist .zbox{border-radius: .5rem; border: #333 solid 1px; text-align: center; padding: .5rem 0; color: #333; font-size: 1.25rem;}
.tulist .d-flex{margin-top:3rem;}
.tulist .d-flex .tulistnum{border:#333 solid 1px; height: 2.8rem; width: 2.8rem; color: #333; border-radius: 50%; text-align: center; line-height: 2.8rem; margin-right:.8rem; font-size: 1.25rem;}
.tulist .d-flex .tulistconten h3{font-size: 1.25rem; color: #333;}
.tulist .d-flex .tulistconten p{font-size:.875rem; color: #666; margin-top: .2rem;}
.dylist .col-md-4{margin-bottom:2rem;}
@media (max-width: 456px) {

}/* i is7. co m */