html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font:14px "微软雅黑","Arial Narrow",HELVETICA; overflow-x: hidden;}
body,div,span,a,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;box-sizing: border-box;}
input,select,textarea{font-size:100%}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{color:#666;text-decoration:none;}
img{ display: block; width: 100%; height: auto; border:0; vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;}
em,i,b {font-style: normal;}
.cf{zoom:1; }
.cf:after{clear:both;content: '';display: block;height: 0;visibility: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear-form { background: none; border: none 0; outline: 0;}
.width1400 { width: 1400px; margin: 0 auto; position: relative; }
.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.bgset { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.img-box:hover img { 
    -webkit-transform:scale(1.08);
    -moz-transform:scale(1.08); 
    -ms-transform:scale(1.08); 
    transform:scale(1.08);
}
.img-box img {
    -webkit-transition:all .8s ease-out;
    -moz-transition:all .8s ease-out;
    transition:all .8s ease-out;
}

body { background-color: #ccc; }

.header-box { width: 100%; background-color: #000; position: relative; z-index: 999;}
.header-box.ovfl { overflow:visible; }
.header-box a.logo { display: block; width: 142px; height: 30px; position: absolute; left: 4%; top: 50%; margin-top: -15px; z-index: 9; }
.pc-header { width: 100%; height: 80px; background:#353535 url(../images/line_bg.png) repeat-x;}
.pc-header .right-box { width: 100%; height: 100%; position: absolute; right: 4%; top: 0; z-index: 5; }
.pc-header .right-box .links { width: 94%; height: 100%; line-height: 80px; font-size: 15px;}
.pc-header .right-box .links a { display: block; float: right; height: 100%; color: #666; margin: 0 2%;}
.pc-header .right-box .links a.cur,.pc-header .right-box .links a.cur2,
.pc-header .right-box .links a:hover { color: #fff; border-bottom: solid 3px #dd0c14; }
.pc-header .search-box { width: 6%; height: 100%; position: relative; }
.pc-header .search-box:before { content: ''; display: block; width: 1px; height: 15px; background-color: rgba(116,116,116,.5); position: absolute; left: 35%; top: 50%; margin-top: -7.5px; z-index: 5; }
.pc-header .search-box .icon-search { display: block; width: 15px; height: 100%; position: absolute; right: 0; top: 0; z-index: 1; cursor: pointer;}
.pc-header .search-box .icon-search:before { content: ''; display: block; width: 15px; height: 15px; background: url(../images/icon_search03.png) no-repeat; position: absolute; left: 0; top: 50%; margin-top: -7.5px; z-index: 2; }
.pc-header .search-box .search-form { width: 440px; height: 60px; background-color: #dd0c14; position: absolute; top: 80px; right: 0; z-index: 5; }
.search-box .search-form form { width: 100%; height: 100%;}
.pc-header .search-box .search-form input { float: left; width: 75%; height: 60px; padding: 0 3%; color: #fff; font-size: 15px; }
.pc-header .search-form input::-webkit-input-placeholder { color: #fff; }
.pc-header .search-form input:-moz-placeholder { color: #fff; }
.pc-header .search-form input::-moz-placeholder { color: #fff; }
.pc-header .search-form input:-ms-input-placeholder { color: #fff;}
.pc-header .search-form .smt { display: block; float: left; width: 13%; height: 100%; background: url(../images/icon_search01.png) no-repeat center center; cursor: pointer;}
.pc-header .search-form .close-btn { display: block; float: left; width: 12%; height: 100%; font-size: 30px; color: #fff; text-align: center; line-height: 58px; border-left: solid 1px rgba(0,0,0,.1); cursor: pointer;}
.pc-header .left-links { width: 92%; height: 75px; border-bottom: solid 1px rgba(255,255,255,.5); position: absolute; left: 4%; top: 80px; z-index: 5; }
.pc-header .left-links .item { margin-right: 3%;}
.pc-header .left-links .item>a { display: block; font-size: 15px; color: #fff; line-height: 75px; position: relative;}
.pc-header .left-links .nav-cont { display: none; width: 100%; padding: 3%; background-color: #fff; position: absolute; left: 0; top: 95px; z-index: 5; }
.pc-header .left-links .nav-cont .tt { width: 17%; padding-right: 3%; color: #111; }
.pc-header .left-links .nav-cont h2 { font-size: 24px; margin-bottom: 6px;}
.pc-header .nav-cont .tt span { font-size: 12px; }
.pc-header .nav-cont .nav-main { width: 50%; }
.pc-header .nav-cont .nav-main>ul,
.pc-header .nav-cont .nav-main .tuijian-nav { width: 50%; position: relative;}
.pc-header .nav-cont .nav-main .tuijian-nav ul{display:none !important;}
.pc-header .nav-cont ul li {width: 100%; font-size: 16px; padding-bottom: 6%; border-left: solid 1px #e5e5e5; position: relative;}
.pc-header .nav-cont ul li a { display: block; width: 100%; padding-left: 12%; padding-right: 5%; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pc-header .nav-cont ul li:hover:before { content: ''; display: block; width: 3px; height: 16px; background-color: #dd0c14; position: absolute; left: -1px; top: 2px; z-index: 5; }
.pc-header .nav-cont ul li:hover a { color: #dd0c14; }
.pc-header .nav-cont .pro-img { width: 30%; }
.pc-header .left-links .item.cur>a:before { content: ''; display: block; width: 30px; height: 3px; background-color: #dd0c14; position: absolute; bottom: 0; left: 50%; margin-left: -15px; }
.pc-header .left-links .item.cur>a:after { content: ''; display: none; width: 0; height: 0; border-left: solid 9px transparent; border-right: solid 9px transparent; border-bottom: solid 9px #fff; position: absolute; left: 50%; bottom: -21px; margin-left: -9px; z-index: 2; }
.pc-header .left-links .item.cur2>a:before { content: ''; display: block; width: 30px; height: 3px; background-color: #dd0c14; position: absolute; bottom: 0; left: 50%; margin-left: -15px; }
.pc-header .left-links .item.cur2>a:after { content: ''; display: none; width: 0; height: 0; border-left: solid 9px transparent; border-right: solid 9px transparent; border-bottom: solid 9px #fff; position: absolute; left: 50%; bottom: -21px; margin-left: -9px; z-index: 2; }
.pc-header .left-links .item.show-sj>a:after { display: block; }
/*mobile*/
.header-box .m-header { display: none; }
.header-box .m-header .m-nav-icon { display: block; width: 13%; padding-top: 13%; background-color: #e80000; position: absolute; right: 0; top: 0; z-index: 9; cursor: pointer;}
.header-box .m-header .m-nav-icon em { display: block; width: 55%; height: 2px; background-color: #fff; position: absolute; left: 22.5%; top: 50%; margin-top: -1px; z-index: 2; }
.header-box .m-header .m-nav-icon em:first-child { margin-top: -8px; }
.header-box .m-header .m-nav-icon em:last-child { margin-top: 7px; }
.header-box .m-header .m-nav { width: 100%; line-height: 24px; background-color: #fff; position: absolute; top: 100%; left: 0; z-index: 2;}
.header-box .m-header .m-nav li { font-size: 16px; border-bottom: solid 1px #e8e8e8; position: relative;}
.header-box .m-header .m-nav li:first-child { border-top: solid 1px #e8e8e8; }
.header-box .m-header .m-nav li>a { display: block; width: 100%; height: 100%; padding: 3% 5%; color: #222; position: relative;}

/*右箭头*/
.header-box .m-header .right { width: 12px; height: 12px; position: absolute; right: 5%; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.header-box .m-header .right-arrow1,
.header-box .m-header .right-arrow2 { width: 0; height: 0; display: block; position: absolute; left: 0; top: 0; border-top: 6px transparent dashed; border-right: 6px transparent dashed; border-bottom: 6px transparent dashed; border-left: 6px #fff solid; overflow: hidden;}
.header-box .m-header .right-arrow1 { left: 3px; border-left: 6px #999 solid;}
.header-box .m-header .right-arrow2 { border-left: 6px #fff solid;}
.header-box .m-header .m-nav-cont { display: none; width: 100%; background-color: #f5f5f5; padding: 3% 0;}
.header-box .m-header .m-nav-cont a { display: block; width: 100%; padding: 2% 5%; font-size: 16px; color: #666; }
.header-box .m-header li.cur .right { -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg); transform:rotate(90deg); }
.header-box .m-header li.cur .right-arrow1 { border-left-color: #e80000; }
.header-box .m-header .m-tel { width: 100%; text-align: center; padding: 5% 0;}
.header-box .m-header .m-tel span { display: inline-block;}
.header-box .m-header .m-tel span:first-child { width: 45px; height: 45px; border: solid 1px #f1f1f1; margin-right: 2%; position: relative; top: 3px; }
.header-box .m-header .m-tel em { display: block; font-size: 14px; color: #666; }
.header-box .m-header .m-tel a { display: block; font-weight: bold; font-size: 16px; color: #222; }
.m-mask { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(0,0,0,.8);}


.header-box .m-header.active .m-nav-icon em:nth-child(2) { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header-box .m-header.active .m-nav-icon em:first-child { 
    margin-top: 0; 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header-box .m-header.active .m-nav-icon em:last-child { display: none; }

.header-box .m-header .m-nav { 
    -webkit-transform:translateX(100%);
    -moz-transform:translateX(100%);
    -ms-transform:translateX(100%); 
    transform:translateX(100%); 
}
.header-box .m-header.active .m-nav { 
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0); 
}

.header-box .m-header .m-nav-cont { display: block; height: 0; padding: 0; overflow: hidden;}
.header-box .m-header li.cur .m-nav-cont { height: auto; padding: 3% 0; }

.header-box a.logo,
.header-box .m-header .m-nav-cont,
.header-box .m-header .m-nav-icon em,
.header-box .m-header li .right,
.header-box .m-header .m-nav { 
    -moz-transition:all .5s ease-out;
    -webkit-transition:all .5s ease-out;
    transition:all .5s ease-out;
}

/*footer*/
footer { width: 100%; background: #353535 url(../images/line_bg.png) repeat; padding-top: 80px;}
footer .left-cont { width: 20%; }
footer .left-cont a.logo { display: block; width: 56%; height: auto; margin-bottom: 16px; }
footer .left-cont span { font-size: 16px; color: #fff; }
footer .left-cont .ewm { width: 55%; background-color: #fff; padding: 5% 0; text-align: center; font-size: 14px; color: #999; margin-top: 18%; position: relative; }
footer .left-cont .ewm img { width: 84%; margin: 0 auto; }
footer .left-cont .ewm p { margin-top: 3%; }
footer .left-cont .ewm i { display: block; width: 86%; height: 35px; background: url(../images/ewm_icon.png) no-repeat; background-size: 100% auto; position: absolute; left: 7%; top: 0; z-index: 9; 
    -webkit-transform:translateY(400%); 
    -moz-transform:translateY(400%); 
    transform:translateY(400%); 
    -webkit-animation:moveEwm 3s ease-out alternate infinite;
    animation:moveEwm 3s ease-out alternate infinite;
}

@keyframes moveEwm {
    100%{
        transform:translateY(0);
    }
}


footer .right-cont { width: 80%; border-left: solid 1px rgba(255,255,255,.1); padding-left: 6%; }
footer .right-cont .part01 { padding-bottom: 6%; border-bottom: solid 1px rgba(255,255,255,.1); position: relative;}
footer .right-cont .alinks a { display: inline-block; font-size: 16px; color: #fff; margin-right: 4%; }
footer .right-cont .search-box { width: 15px; position: absolute; right: 0; top: 4px; z-index: 9; }
footer .right-cont .search-box .icon-search { display: block; width: 15px; height: 15px; background: url(../images/icon_search01.png); }
footer .search-box .search-form { width: 440px; height: 60px; background-color: #dd0c14; position: absolute; top: 25px; right: 0; z-index: 5; }
footer .search-box .search-form input { float: left; width: 75%; height: 60px; padding: 0 3%; color: #fff; font-size: 15px; }
footer .search-form input::-webkit-input-placeholder { color: #fff; }
footer .search-form input:-moz-placeholder { color: #fff; }
footer .search-form input::-moz-placeholder { color: #fff; }
footer .search-form input:-ms-input-placeholder { color: #fff;}
footer .search-form .smt { display: block; float: left; width: 13%; height: 100%; background: url(../images/icon_search01.png) no-repeat center center; cursor: pointer;}
footer .search-form .close-btn { display: block; float: left; width: 12%; height: 100%; font-size: 30px; color: #fff; text-align: center; line-height: 58px; border-left: solid 1px rgba(0,0,0,.1); cursor: pointer;}
footer .right-cont .part02 { margin-top: 6%; }
footer .right-cont .part02 .case { width: 18%; }
footer .right-cont .part02 .about { width: 30%; padding-left: 10%; border-left: solid 1px rgba(255,255,255,.1); border-right: solid 1px rgba(255,255,255,.1); }
footer .right-cont .part02 .case>a,
footer .right-cont .part02 .about>a { font-size: 16px; color: #fff; }
footer .right-cont .part02 li a { font-size: 14px; color: #666; }
footer .right-cont .part02 ul { margin-top: 20px; }
footer .right-cont .part02 li { margin-top: 10px; }
footer .right-cont .alinks a:hover,
footer .right-cont .part02 a:hover { color: #dd0c14; text-decoration: underline; }
footer .right-cont .address { width: 52%; padding-left: 8%; }
footer .address .tel { padding-bottom: 5%; margin-bottom: 6%; border-bottom: solid 1px rgba(255,255,255,.1); position: relative;}
footer .address .tel span { display: block; font-size: 14px; color: #fff; }
footer .address .tel strong { display: block; font-size: 26px; color: #dd0c14; }
footer .address .tel:after { content: ''; display: block; width: 85px; height: 45px; background: url(../images/map_img.png); position: absolute; right: 0; top: 0; z-index: 5;}
footer .address .ads { color: #fff; font-size: 14px; padding-left: 18px; position: relative; }
footer .address .ads:before { content: ''; display: block; width: 11px; height: 15px; background: url(../images/icon_ads.png); position: absolute; left: 0; top: 3px; z-index: 2; }
footer .address a.zixun { display: inline-block; padding: 3% 8%; background-color: #dd0c14; color: #fff; font-size: 14px; margin-top: 8%; }
footer .address a.zixun:hover { color: #fff; text-decoration: none; }
footer .copy-right { width: 100%; margin-top: 3%; padding: 2% 0; color: #fff; font-size: 14px; border-top: solid 1px rgba(255,255,255,.1); }
footer .copy-right p:last-child { font-size: 12px; color: #666; }
.cx-back-top { width: 43px; height: 43px; position: fixed; right: 2%; bottom: 6%; z-index: 999; overflow: hidden; cursor: pointer;}
.cx-back-top span { display: block; width: 100%; height: 86px; background: url(../images/icon_top.jpg) no-repeat; }

.cx-back-top:hover span {
  -webkit-transform:translateY(-50%);
  -moz-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
}
.cx-back-top span {
  -webkit-transition:all .3s ease-out;
  -moz-transition:all .3s ease-out;
  transition:all .3s ease-out;
}
/*手机端底部*/
.m-btm-box { display: none; width: 100%; padding-top: 16%; background-color: #fff; position: fixed; left: 0; bottom: 0; z-index: 998; }
.m-btm-box>div { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 5; }
.m-btm-box a { display: block; float: left; width: 19%; height: 100%; color: #333; font-size: 13px; text-align: center; }
.m-btm-box a:nth-child(4) { width: 28%; background-color: #de0c17; color: #fff;}
.m-btm-box a:last-child { width: 15%; background-color: #212121; color: #fff;}
.m-btm-box a img { width: 18%; margin: 0 auto 4px; }
.m-btm-box a:nth-child(4) img { display: inline-block; margin-right: 5%; }
.m-btm-box a span { display: block; position: relative; top: 50%; -webkit-transform:translateY(-50%);transform:translateY(-50%); }
.m-btm-box a:first-child span,
.m-btm-box a:nth-child(2) span { border-right: solid 1px rgba(138,138,138,.2); }

@media screen and (max-width: 1500px) {
    .width1400 { width: 1200px; }
}
@media screen and (max-width: 1200px) {
    .width1400 { width: 100%; }
}

@media screen and (max-width: 900px) {
    .header-box {overflow: hidden; }
    .header-box { height: auto; padding-top: 13%;}
    .header-box .pc-header { display: none; }
    .header-box .m-header { display: block; }
    .header-box a.logo { width: 25%; height: auto; margin-top: 0; left: 4%;
        -webkit-transform:translateY(-50%);
        -moz-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%); 
    }

    footer { padding: 5% 0 10%; }
    footer .left-cont span,
    footer .left-cont .ewm,
    footer .right-cont .part02 .case,
    footer .right-cont .part02 .about,
    footer .address .tel,
    footer .address a.zixun,
    footer .address .ads:before,
    footer .copy-right p:last-child,
    footer .right-cont .search-box { display: none; }
    footer .left-cont,
    footer .right-cont { width: 100%; padding-left: 0; }
    footer .left-cont a.logo { width: 30%; margin: 0 auto; }
    footer .right-cont .part01 { margin-top: 5%; border-bottom: none 0; }
    footer .right-cont .alinks { overflow: hidden; }
    footer .right-cont .alinks a { display: block; float: left; width: 33.33333%; text-align: center; margin-right: 0; margin-bottom: 5%;}
    footer .right-cont .part02 { margin-top: 0; }
    footer .right-cont .address { width: 100%; padding-left: 0; }
    footer .address .ads { text-align: center; padding-left: 0; }
    footer .copy-right { border-top: none 0;  text-align: center; padding: 0;}
    footer .copy-right p { width: 100%; }
   footer .copy-right .bah { display:block; padding:2% 0;}
   .cx-back-top:hover span {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0);
  }
}
@media screen and (max-width: 750px){
  .cx-back-top { display: none; }
  .m-btm-box { display: block; }
  body { padding-bottom: 42px; }
}