/*样式初始化*/
@font-face {
    font-family: 'SourceHanSansCN-Normal';
    src: url('fonts/SourceHanSansCN-Normal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


*{ margin:0; padding:0;color: #444;color: #888888;font-family:SourceHanSansCN-Normal,Microsoft YaHei; font-size:14px;  line-height:1;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
body { margin:0 ;  overflow-x: hidden;min-width: 1200px;position: relative;width: 100%;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{ text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-transition: all linear 0.4s; transition: all linear 0.4s;}
.text,textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}
img{border:none;display: block;}
.clear{clear:both}
.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }.fr,.r{float:right;}.fl,.l{float:left}.fix{*zoom: 1;}


body{font-family:'Microsoft YaHei';max-width:1920px; margin:auto; font-size:14px; width:100%;}
.container{width:1180px;margin:auto; }
.imghover{-webkit-transition: all linear 1s;transition: all linear 1s;z-index: 10;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);}
.imghover:hover{-webkit-transition: all linear 0.5s;transition: all linear 0.5s;z-index: 10;-webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.pcshow,.pcbanner{display:block;}
.mobileshow,.mobanner{display:none}


.header{overflow:hidden; z-index:9999; background-color:#fff; padding:15px 0;-webkit-transition: all linear 0.4s;transition: all linear 0.4s; position:fixed; top:0; width:100%; }
.header .container{width:1200px; margin:auto; overflow:hidden;}
.header .logo{float:left; }
.header .logo img{height:55px; margin-top:3px;}
.header .nav{float:right;  width:860px;}
.header .nav .tt{ overflow:hidden; width:100%; padding-bottom:3px;}
.header .nav p{font-size:13px; float:right; line-height:25px; margin-right:25px; padding-left:25px;}
.header .nav p.em{background:url(../images/foli4.png) no-repeat;  background-size:18px; background-position:0 6px; }
.header .nav p.em a{font-size:13px;}
.header .nav p.tel{background:url(../images/foli1.png) no-repeat center left;  background-size:18px; margin-right:50px; }
.header .nav p.lan{}
.header .nav p.lan a{font-size:13px; padding-right:10px;}
.header .nav .search {float:right; position:relative; height:25px; margin-right:20px; }
.header .nav .search input{float:right; background-color:#f7f7f7; border:1px solid #f7f7f7;outline:none; height:25px; width:130px;  border-radius:15px; text-indent:10px; }
.header .nav .search .btn{ display:block; background-image:url(../images/search.png); background-repeat:no-repeat; background-position:center center; background-size:15px 15px; width:25px; height:25px;    position: absolute; top: 0; right: 0; border-radius:15px;}
.header .nav .search.on .btn {background-color:#ec6c00}
.header .nav .search.on input {border-color:#ec6c00}
.header .nav .bb{ overflow:hidden}
.header .nav .bb a{ line-height:36px; font-weight:bold; display:block; float:left; width:12.5%; text-align:center; font-size:15px; color:#333; position:relative;}
.header .nav .bb a.current,.header .nav .bb a:hover{color:#ec6c00}
.header .nav .bb a.current::after,.header .nav .bb a:hover::after{color:#ec6c00;content:""; width:30px; height:2px; background-color:#ec6c00; position: absolute; bottom: 0;  left: 50%; margin-left: -15px;}
.header .nav .bb .lan {display:none}
.header.smallheader {padding: 5px 0; background-color: #ec6c00;}
.header.smallheader .nav .tt{display:none}
.header.smallheader  .logo img{height:40px; margin-top:0;}
.header.smallheader .nav .bb{}
.header.smallheader .nav .bb a{color:#fff; font-size:14px; line-height:40px;}


.footer { background: #404040; border-top: 8px solid #ec6c00; padding-top: 46px;    padding-bottom: 20px; overflow:hidden;}
.footer .footer_left {float:left;width:400px;}
.footer .footer_center {float:left;margin-left:0px;width:257px;}
.footer .footer_right {float:right;width:496px;}
.footer .title {line-height:30px;text-transform:uppercase;}
.footer .title a {color:#fff; font-weight:bold; font-size:16px;}
.footer .ftx_ul {margin-top:16px;}
.footer .ftx_ul li {line-height:45px;color:#ffffff;}
.footer .ftx_ul li a{color:#fff;}
.footer .ftx_ul li.li1 {background:url(../images/foli1.png) no-repeat left 15px;}
.footer .ftx_ul li.li2 {background:url(../images/foli2.png) no-repeat left 15px;}
.footer .ftx_ul li.li3 {background:url(../images/foli3.png) no-repeat left 15px;}
.footer .ftx_ul li.li4 {background:url(../images/foli4.png) no-repeat left 15px;}
.footer .ftx_ul li.li5 {background:url(../images/foli5.png) no-repeat left 15px;}
.footer .ftx_ul li.li6 {background:url(../images/foli6.png) no-repeat left 15px;}
.footer .ftx_ul li.li7 {background:url(../images/foli7.png) no-repeat left 13px;}
.footer .ftx_ul li.li8 {background: url(../images/foli8.png) no-repeat left 3px; line-height:22px;}
.footer .ftx_ul1 li{padding-left:30px;}
.footer .ftx_ul2 li a:hover {padding-left: 20px; background: url(../images/fibgj.png) no-repeat left center;}
.footer .footer_right form { margin-top: 30px; }
.footer .footer_right .c_input {width:215px;padding-left:35px;display:block;background-color:transparent;font-size:14px;color:#fff;height:42px;line-height:42px;border:1px solid #cccccc;}
.footer .footer_right .c_input.c_name{background: transparent url(../images/xp-icon1.png) no-repeat left top;}
.footer .footer_right .c_input.c_email{background: transparent url(../images/xp-icon2.png) no-repeat left top; margin-left:60px;}
.footer .footer_right .c_textarea {font-size:14px;color:#fff;font-family:Arial;line-height:42px;border:1px solid #cccccc;background:transparent url(../images/xp-icon5.png) no-repeat left top;padding-left:35px;width:99%;height:124px;resize:none;}
.footer .footer_right .c_div {margin-top:0px;margin-bottom:10px; overflow:hidden;}
.footer .footer_right .c_send {float:right;width:161px;background:#ec6c00;color:#fff;height:42px;text-transform:uppercase;line-height:42px;cursor:pointer;transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s;text-align:center;margin-right:5px;}
.footer .footer_bot {margin-top:25px;border-top:1px solid #939393;color:#fff;padding-top:10px;}
.footer .footer_bot .copyright {color:#fff;line-height:30px;font-size:13px; float:left; width:700px}
.footer .footer_bot .copyright a{color:#fff;line-height:30px;font-size:13px; padding-left:5px;}
.footer .footer_bot .Links{float:left; width:700px; color:#fff; margin-top:10px;}
.footer .footer_bot .Links a{color:#fff; margin-left:15px; font-size:13px; }


/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{background:#adadad;margin:4px 0;padding: 10px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;cursor:pointer;position:relative; right: -70px;}
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#ec6c00}
.right_nav li .hideBox{display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{border: 1px solid #ccc;background-color: #fff; padding: 10px 20px;border-top: 2px solid #ec6c00;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.right_nav li .hideBox .hb h5{padding: 5px 0 10px;border-bottom: 1px solid #ccc;color: #ec6c00;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 16px;font-weight: 700; line-height:30px; color:#333; }
.right_nav li .hideBox .hb .qqtalk{margin-top: 10px;}
.right_nav li .hideBox .hb .qqtalk a{display: flex;align-items: center;  padding: 10px 0;;}
.right_nav li .hideBox .hb .qqtalk img{width: 25px;height:25px;}
.right_nav li .hideBox .hb .qqtalk p{font-size: 14px;font-weight: 400;white-space: nowrap;margin-top: -5px;margin-left: 5px;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 10px;}


#viewbigimg { display:none;  position: fixed; background-color: rgba(0,0,0,0.6);top: 0; bottom: 0;  left: 0;  right: 0; z-index: 9999999; width: 100%; height: 100%;}
#viewbigimg .colose {background: url(/upload/images/2021/1/8c0d7c9a31ab113f.png) no-repeat center center;width: 35px;height: 35px;position: absolute;right: 5%; top: 5%;background-size: 20px;background-color: #fff;border-radius: 50%;padding: 10px;background-repeat: no-repeat;}
#viewbigimg img {  margin: auto;     padding: 2% 0;}


.searchresult {overflow:hidden; padding:50px; margin-top: 120px; background-color:#fff; margin-bottom: 50px;}
.searchresult h1{font-size: 18px; line-height: 40px;  letter-spacing:2px;border-bottom: 1px solid #ddd; padding-bottom:8px;color: #333;}
.searchresult .slit{margin-top: 20px; overflow:hidden}
.searchresult .slit a{display:block; width:100%; font-size:16px; line-height:38px;letter-spacing: 1px; padding-left: 5px;color: #333;}
.searchresult .slit a span{color:red; font-size:16px;}

.wx {margin:auto; font-size:14px; width:100%; max-width:1200px;}
.wx .header .nav-item{ overflow:hidden; margin-bottom:6%}
.wx .header .nav-item .a1{ font-size:12px; margin-bottom:2%;}
.wx .header .nav-item .a2{border:none; padding:5px 0;width: auto;float: left; font-size:14px; margin-right:5%;}
.wx .header .nav{width:100%;right:-100%;}
.wx .header .nav.expend{}
.wx .header .nav .bb a:hover::after{display:none}
.wx .t_h2{font-size:16px; text-align:center; color:#333; line-height:2;letter-spacing:1px;}
.wx .videos{overflow:hidden; margin-top:60px; padding:5% 2%;}
.wx .videos .list{margin-top:10px; overflow:hidden}
.wx .videos .v{float:left; width:49%; position:relative; margin-bottom:2% }
.wx .videos .v:nth-child(2n){float:right; }
.wx .videos .v img{width:100%;}
.wx .videos .v p{position:absolute; bottom:0; width:100%; line-height:1.6; padding:5px 2%; text-align:center; background-color:rgba(0,0,0,0.8); color:#fff; font-size:13px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.wx .videoplayer{display:none; position: fixed; background-color: rgba(0,0,0,0.9);width: 100%; height: 100%; z-index: 9999; top: 0; left: 0; right: 0;  bottom: 0;}
.wx .videoplayer video{width:100%; margin-top:25%;}
.wx .videoplayer p{line-height:1.6; text-align:left; color:#fff; font-size:15px; font-weight:bold; padding:4% 5%;}
.wx .videoplayer .close{width:10%; position:absolute; bottom:6%; left:45%; }
.wx .videoplayer .close img{width:100%;}
.wx .download {overflow:hidden; padding:5%; margin-top:60px; }
.wx .download .downlist{overflow:hidden; margin-top:5%;}
.wx .download .downlist .item{ display: block; color:#555; width: 100%; padding: 3% 0; margin:3% 0; border-bottom:1px solid #eee; }
.wx .download .downlist .item span{overflow:hidden; display:block;}
.wx .download .downlist .item b{ font-size:15px; font-weight:bold; line-height:1.6; float:left; color:#444;}
.wx .download .downlist .item em{ font-size:12px; font-weight:bold; line-height:1.6; float:right; font-style:normal; color:#ec6c00}
.wx .download .downlist .item label{ font-size:12px; color:#999; line-height:1.5;padding-right:5%}
.wx .as_order{overflow:hidden;padding:5%; margin-top:60px;}
.wx .as_order .form{margin-top:5%;padding-bottom: 10%;}
.wx .as_servicestel{overflow:hidden;padding:5%; margin-top:60px; padding-bottom:100px;}
.wx .as_servicestel h1{font-size:26px; text-align:center; color:#ec6c00; line-height:5; font-weight:normal}
.wx .as_servicestel .btn{overflow:hidden; margin-top:8%; font-weight:bold; font-size:16px; border-radius:5px; letter-spacing:2px; color:#fff; text-align:center; width:100%; background-color:#ec6c00;  line-height:2.2; padding:5px 10px; display:block;}
.wx .auth{overflow:hidden; margin-top:60px; padding:5%; }
.wx .auth .form{margin-top:8%;}
.wx .form{overflow:hidden}
.wx .form .layui-upload-file{display:none}
.wx .form .inputitem .subtn{overflow:hidden; margin-top:5%; font-weight:bold; font-size:16px; border-radius:5px; letter-spacing:2px; color:#fff; text-align:center; width:100%; background-color:#ec6c00;  line-height:2; padding:5px 10px; display:block;}
.wx .form .inputitem .subtn.block{pointer-events:none; background-color:#cacaca}
.wx .form1{overflow:hidden}
.wx .form1 .inputitem{width:100%; padding:2%; overflow:hidden;border-bottom:1px solid #ddd;}
.wx .form1 .inputitem label{display:block; line-height:1.5; font-size:15px; font-weight:bold; color:#666;-webkit-transition: all linear 0.2s;transition: all linear 0.2s;}
.wx .form1 .inputitem input{width:100%; line-height:2.3; padding:5px 0; border:none;outline:none; color:#333;}
.wx .form1 .inputitem input::placeholder {  color:#888 }
.wx .form1 .inputitem textarea{resize:none; width:100%; padding:5px 0; line-height:1.5; height:80px; border:none; outline:none; margin-top:5px;}
.wx .form1 .inputitem.on {border-bottom:1px solid #ec6c00}
.wx .form1 .inputitem.on label{font-size:12px; color:#ec6c00; line-height:1;}
.wx .form1 .imglist{width:100%; overflow:hidden; margin-top:10px;}
.wx .form1 .imglist .imgbox{width:27vw; height:27vw; background-repeat:no-repeat; background-position:center center; background-size:contain; float:left;  margin-right:1vw; overflow:hidden; position:relative; border:1px solid #ddd; margin-bottom:1vw;}
.wx .form1 .imglist .imgbox:nth-child(3n){margin-right:0;}
/*.wx .form1 .imglist .imgbox img{width:100%;}*/
.wx .form1 .imglist .imgbox span{display:block; position:absolute; top:0; right:0; width:20%; height:20%; background:url(/images/delete.png) no-repeat center center;}
.wx .form1 .imglist .img_add{background:url(/images/add.png) no-repeat center center; background-size:20px; background-color:#f2f2f2;width:27vw; height:27vw; background-repeat:no-repeat; background-position:center center;float:left;  margin-right:1vw; overflow:hidden; position:relative; border:1px solid #ddd; margin-bottom:1vw;}
.wx .form1 .filelist{width:100%; overflow:hidden; margin-top:10px;}
.wx .form1 .filelist .filebox{width:100%; overflow:hidden; padding:1% 0;margin-bottom:3%; position:relative;}
.wx .form1 .filelist .filebox p{overflow:hidden;}
.wx .form1 .filelist .filebox p span{color:#333; line-height:30px; display:block; float:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.wx .form1 .filelist .filebox p span.filename{width:50%;}
.wx .form1 .filelist .filebox p span.filesize{padding:0 3%; color:#999; font-size:12px;}
.wx .form1 .filelist .filebox p span.reupload{width:10%; }
.wx .form1 .filelist .filebox p span.reupload.layui-hide{display:none}
.wx .form1 .filelist .filebox p span.delete{ width:20%; height:26px; background:url(/images/delete.png) no-repeat center right; float:right;}
.wx .form1 .filelist .filebox p span.delete.layui-hide{display:none}
.wx .form1 .filelist .file_add{margin-bottom:3%; position:relative;background:url(/images/add.png) no-repeat center center; background-size:20px; background-color:#f2f2f2;width:27vw; height:27vw; }
.wx .form1 .layui-progress{width:100%; width: 100%;height: 2px;background-color: #ddd; position:relative }
.wx .form1 .layui-progress .layui-progress-bar{background-color:#ec6c00; position: absolute; left: 0; top: 0; bottom: 0; width: 0;}
.wx .form1 .layui-hide{display:none}
.wx .form2 .inputitem{width:100%; overflow:hidden; margin-bottom:5%;}
.wx .form2 .inputitem input{width:100%; line-height:2.3; padding:5px 10px; border:1px solid #ddd; outline:none;}
.wx .form2 .inputitem input:focus,.wx .form2 .inputitem input.layui-form-danger{border:1px solid #ec6c00}
.wx .form2 .inputitem .mes{display:none; overflow:hidden; width:100%; color:red; font-size:12px; line-height:1.5; margin-top:5px; text-align:left; text-indent:10px;}
.wx .form2 .inputitem.validcode{overflow:hidden;}
.wx .form2 .inputitem.validcode input{overflow:hidden; width:55%; float:left;}
.wx .form2 .inputitem.validcode .getcode{overflow:hidden; color:#fff; text-align:center; width:40%; float:right; background-color:#ec6c00;  line-height:2.3; padding:5px 10px; }
.wx .form2 .inputitem.validcode .getcode.loading{pointer-events:none; background-color:#ddd}
.wx .success{position: fixed; width: 100%; height: 100%; background-color: #f2f2f2; text-align: center; display:none}
.wx .success h2{line-height:2; font-size:14px; text-align:center; margin-top:5%; color:#333;}
.wx .success img{max-width:30%; margin:25% auto auto;}
















/*手机端*/
@media screen and (max-width:1200px) {
    body{max-width:100%; min-width:100%;}
    .container{width:100%;margin:auto; }
    .pcshow,.pcbanner{display:none;}
    .mobileshow,.mobanner{display:block}

    .header{ padding:5px 3%;width:100%;border-bottom:1px solid #ec6c00; }
    .header .container{width:100%;display: flex;}
    .header .logo{float:none; }
    .header .tel400 { line-height: 40px; font-size: 16px; font-weight: bold; color: #333; padding-left: 5%; }
    .header .logo img{height:28px; margin-top:5px; margin-bottom:5px;}
    .header .mmenu{position:absolute; right:3%; z-index:99999; top:8px; width:10%;}
    .header .mmenu span{display:block; width:80%; height:4px; margin-top:7px; border-radius:5px; background-color:#ec6c00}
    .header .mmenu span:nth-child(2){width:60%;}
    .header .mmenu.on{}
    .header .mmenu.on span{background-color:#fff; height:3px;  }
    /*.header .mmenu.on span:nth-child(1){transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);}
    .header .mmenu.on span:nth-child(2){transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
    .header .mmenu.on span:nth-child(3){display:none}*/
    .header .nav{float:none; width:40%; padding:5%;  position: fixed; right: -50%; z-index: 99999; background-color:#ec6c00;  top: 0; bottom: 0;  height: 100%;-webkit-transition: all linear 0.4s;transition: all linear 0.4s;}
    .header .nav.expend{right:0;}
    .header .nav .tt{ display:none; }
    .header .nav .bb{ padding-top:50px; }
    .header .nav .bb a{ line-height:2; padding:10px 0; text-indent:3px; float:none; width:100%; text-align:left; position:relative; color:#fff;border-bottom: 1px solid #ff8824;}
    .header .nav .bb a.current,.header .nav .bb a:hover{color:#fff; font-size:16px;}
    .header .nav .bb .lan {display:block;  position:absolute; bottom:5%;left:0; right:0; width:100%; }
    .header .nav .bb .lan a{ border-bottom:1px solid #ff8824; text-align:center; font-size:15px; font-weight:normal;}

    .footer { border-top: 5px solid #ec6c00; padding:5%;}
    .footer .footer_left {float:none;width:100%;}
    .footer .footer_center {display:none}
    .footer .footer_right {display:none}
    .footer .footer_bot {margin-top:5%;border-top:1px solid #939393;color:#fff;padding-top:10px;}
    .footer .footer_bot .copyright {color:#c5c0c0;line-height:1.5;font-size:12px; float:none; width:100%}
    .footer .footer_bot .copyright a{color:#c5c0c0;line-height:1.5;font-size:12px; padding-left:5px;}
    .footer .footer_bot .Links{display:none}


    /* 侧边悬浮导航 */
    .right_nav{ display:none;}


#viewbigimg { display:none;  position: fixed; background-color: rgba(0,0,0,0.6);top: 0; bottom: 0;  left: 0;  right: 0; z-index: 9999999; width: 100%; height: 100%;}
#viewbigimg .colose {background: url(/upload/images/2021/1/8c0d7c9a31ab113f.png) no-repeat center center;width: 35px;height: 35px;position: absolute;right: 5%; top: 5%;background-size: 20px;background-color: #fff;border-radius: 50%;padding: 10px;background-repeat: no-repeat;}
#viewbigimg img {  margin: auto;     padding: 2% 0;}

    .wx .header .nav .bb a.current,.wx .header .nav .bb a:hover{color:#fff; font-size:14px;}
}