/* CSS Document */

.m-btn{ width:25px; height:15px; margin-top:-8px; display:none; position: absolute; top:50%; right:10px;}

.m-btn span{ width:100%; height:3px;background: #b90000; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}

.m-btn .line2{top:7px;}

.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}

.m-btn.active .line2 {opacity: 0;filter: alpha(opacity=0);}

.m-btn.active .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.m-menu{ display:none; margin-top:65px;}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99999}

.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}

.m-menu a{ display:block}

.m-menu li{ border-bottom:1px solid #d8d8d8;}

.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}

.m-menu .menu_a i{ width:17px; height:17px; background:url(../image/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}

.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.m-menu .menu_a.active{ background:#b90000; color:#fff;}

.m-menu .menu_a.active i{background:url(../image/ico_03_h.png) no-repeat center; background-size:100% auto}



.m-menu form{ width:96%; margin:20px auto 30px; position:relative}

.m-menu form .input01{ width:100%; line-height:40px; border:1px solid #ddd; padding:0 110px 0 10px;  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.m-menu form .sytijiao{ width:100px; position:absolute; right:0;top:0;}



.yuyan{ display:none; position: absolute; top:50%; right:45px;line-height:15px; height:15px; margin-top:-5px; color:#888; font-size:14px }
.yuyan a{ color:#888 }
.yuyan a:hover{ color:#b90000 }
/*.yuyan a.cur{color:#b90000}*/

.m-pronav{ position: relative; width:100%;z-index:90; bottom:0; display:none}
.m-pronav h3{ background:#b90000; position:relative}
.m-pronav h3 a{ display:block;padding:10px 5%;color:#fff;}
.m-pronav h3 i{ width:17px; height:17px; background:url(../image/menu_list3.png) no-repeat; background-size:17px 17px; position:absolute;top:13px;right:5%}
.m-pronav .active i{background:url(../image/menu_list2.png) no-repeat;background-size:17px 17px;}
.m-pronav ul{ background:#fff; position:absolute; width:100%; display:none}

.m-pronav ul li{ border-bottom:1px solid #e8e8e8;}

.m-pronav ul li a{ display:block; padding:8px 5%}


.m-foot{ position:fixed; width:100%; height:60px; overflow:hidden; left:0; bottom:0;background:#b90000; display:none; color:#fff; z-index:99}

.m-foot li{ float:left; width:25%; text-align:center;font-size:13px;}

.m-foot li a{ color:#fff; font-size:13px; display:block;}

.m-foot li.li1 a{ background:url(/static/home/images/flmes.png) no-repeat center 8px; padding-top:30px}

.m-foot li.li2 a{ background:url(../image/kf-email.png) no-repeat center 8px; padding-top:30px}

.m-foot li.li3 a{ background:url(../image/fltel.png) no-repeat center 8px; padding-top:30px}

.m-foot li.li4{ background:url(../image/fcode.png) no-repeat center 8px; padding-top:30px; cursor:pointer}

.m-foot li.li5{ background:url(../image/fshare.png) no-repeat center 8px; padding-top:30px; cursor:pointer}

.hot{width:100%; height:54px; background:#ec4141; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 1px #fff;}
.ds{ display:block; border-right:1px #fff solid; box-sizing:border-box;}
.ds:nth-child(4){ border:none;}
.ds:hover{ background:#fff;}
.hot .row div a:hover{ color:#ec4141;}
.hot .row div a:hover span{ color:#ec4141 !important;}

.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px; margin:4px 0 0 0;}
.hot .row div a{ display:block; color:#fff; padding:7px 0 3px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(/static/home/images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(/static/home/images/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; float:left}
.dbbox .dbs.fenxiang-box a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

.map-bg{ display:block}
.sjx{ display:none}
.sjx img{ width:100%; height:auto; }


@media screen and (max-width: 1299px){
.menu{ display:none;}
.use{ display:none}
.m-btn{ display:block}
.yuyan { display:block}

#index-bnr .bnr-img{height:550px;overflow:hidden;}
.iBnr3-box .t1{line-height:50px;font-size:32px;color:#fff;font-weight:lighter;letter-spacing:0px;}
.iBnr3-box .t2{line-height:50px;font-size:45px;font-weight:600;}
.products .tabmenu li {font-size:16px;line-height:40px; margin-right:20px;}
.products .tabmenu li:last-child{ margin-right:0}
.ft-info {padding: 0 10px;}
.ft-logo{ margin-right:20px}
.ft-link{ padding:0 10px}
.ft-info .item { margin:8px 0}
.ft-info {padding:10px 0; }
.news li .pic{ overflow:hidden; height:200px; }

.section {padding:60px 0 75px 0;}

.nbanner{ width:120%; margin-left:-10%}
}

@media screen and (max-width: 1199px){
.map-bg{ display:none}
.sjx{ display:block}


#index-bnr .bnr-img{height:500px;overflow:hidden;}
.iBnr3-box .t1{line-height:50px;font-size:30px;color:#fff;font-weight:lighter;letter-spacing:0px;}
.iBnr3-box .t2{line-height:50px;font-size:40px;font-weight:600;}

.title h3{ font-size:32px; margin-bottom:15px;}

.strength li .p1{ font-size:50px;margin-bottom:20px; }
.strength li .p2{font-size:15px;}

.nguide{font-size:15px;}
.nguide a{line-height:60px; }
}
@media screen and (max-width: 1024px){
.honor .picScroll ul li{ width:33.33%;}
.honor .picScroll ul li .pic{ height:150px;}
.honor .picScroll ul li .pic img{ height:150px;}

.prolist {margin: 0;}
.nav07 li{ width:25%}
}
@media screen and (max-width: 920px){
.products .tabmenu li {font-size:15px;margin-right:15px;}
.products .tabmenu li:last-child{ margin-right:0}
.news li .pic{ overflow:hidden; height:150px; }

#index-bnr .bnr-img{height:300px;overflow:hidden;}
.iBnr3-box .t1{line-height:40px;font-size:24px;color:#fff;font-weight:lighter;letter-spacing:0px;}
.iBnr3-box .t2{line-height:40px;font-size:30px;font-weight:600;}

.section {padding:45px 0 60px 0;}

.nbanner{ width:130%; margin-left:-15%}

.nmain .lianxi02 .pic02{ margin:40px auto 10px auto;}
}


@media screen and (max-width: 768px){
.ft-logo{ display:none;}
.ft-share{ display:none}
.ft-info:before{height:auto;background-color:none}
.copyright .co_right{ display:none}
.m-foot{ display:block}
.copyright{ margin-bottom:60px; border-bottom:solid 1px #ddd}
.news li .pic{ overflow:hidden; height:100px; }

.ft-link{position:relative;padding:0 10px;width:calc(50% - 20px );display:inline-block; float:right;vertical-align:middle;}
.ft-link li:nth-child(2):before, .ft-link li:nth-child(3):before, .ft-link li:nth-child(4):before,.ft-link li:nth-child(5):before,.ft-link li:nth-child(6):before, .ft-link li:nth-child(7):before, .ft-link li:nth-child(8):before, .ft-link li:nth-child(8):before{content:'';position:absolute;left:0;top:50%;width:1px;height:10px;margin-top:-3px;background-color:#999}


.header .logo img{ height:65px;}
.header .gupiao h3 {font-size: 12px;}
.header .gupiao {font-size: 12px;line-height: 16px;margin-left: 10px;padding-left: 10px;margin-top: 16px;}

.banner{ margin-top:65px; }
.nbanner{ margin-top:65px; position:relative}

#index-bnr .bnr-img{height:250px;overflow:hidden;}
.iBnr3-box .t1{line-height:30px;font-size:20px;color:#fff;font-weight:lighter;letter-spacing:0px;}
.iBnr3-box .t2{line-height:30px;font-size:26px;font-weight:600;}

.section {padding:30px 0 45px 0;}

.title h3{ font-size:28px; line-height:30px; margin-bottom:15px;}
.title p{ line-height:20px; color:#888;}


.nbanner{ width:140%; margin-left:-20%}


.nguide{font-size:15px;}
.nguide a{line-height:45px; }


.nmain .aboutjian .imgzuo { height:180px; width:auto; margin-right:25px; }
.nmain .aboutjian .imgyuo { height:180px; width:auto; margin-left:25px; float:right }

.nmain .jianjie .jt01{ margin:15px 0;}
.nmain .jianjie .jt02{ margin:15px 0;}

.wenhualist {background: url(../image/wenhua.jpg) no-repeat center top;padding-top:320px; background-size:320px auto}
.wenhualist .xzuo{ float:none; width:100%}
.wenhualist .cyou{ float:none; width:100%}

.nhistory #atabcontent ul{background:url(../image/xian02.png) repeat-y 75px center;}
.nhistory #atabcontent .nianfen{ float:left; width:85px;background:url(../image/hnian.png) no-repeat right center; height:50px; line-height:50px;font-size:16px; padding-left:0px;}

.nhistory #atabcontent .historylist{ float:right; width:calc(100% - 90px); margin-top:10px; border-bottom:dotted 1px #ddd} 

.nhistory #atabcontent .historylist p{line-height:24px; display:block; width:100%}

.nhistory #atabcontent .historylist p .jvnian{ width:90px;margin-right:10px;}

.chengguo .infos *{font-size: 15px;}
.PSA-block .title{line-height:30px;font-size:16px;}


.proxiang #preview{ width:100%;float:none; margin-bottom:20px;} 
.proxiang .proright{ width:100%;float:none; position:relative }
.proxiang .readMoreBtn {position: relative;}

.nav07{ display:none}
.m-pronav{ display:block}
.nmain .conn {padding: 0px 0 20px 0;}
.proxiang .proright h3 {font-size: 20px; margin-bottom:0px;}
.linian { padding: 0; }
.item-picwords{margin-top: 20px;}
.hrlist li .tit{padding: 0 15px;line-height: 42px;height: 42px;}
.hrlist li {margin-bottom: 15px;}
.hrlist li .tit em{ background-size:25px auto;padding-right: 35px;}

.InvANC-list li {padding: 0px 100px 00px 2.9166%;}


.iBnr3-box .t1:after,.iBnr3-box .t1:before{ display:none}
}


@media screen and (max-width: 640px){
.ft-link{ display:none}

#index-bnr .bnr-img{height:200px;overflow:hidden;}
.iBnr3-box .t1{line-height:30px;font-size:18px}
.iBnr3-box .t2{line-height:30px;font-size:24px;}
body{ font-size:13px;}


.main .about{ float:none; width:90%; padding:8% 5%; min-height:auto;}
.main .youshi{ float:none; width:100%; min-height:auto; position:relative; background:#f2f5f7}

.strength{ padding:5% 3%; width:94%; margin:0 auto; padding-bottom:140px;}

.strength li .p1{ font-size:40px;margin-bottom:15px; }
.strength li .p2{font-size:14px;}

.strength li{ float:left; position:relative; width:32%; margin:0 2% 0 0}
.strength li:nth-child(3){ margin-right:0}

.products .pic{ float:none; width:100%;}
.products .wenzi{ float:none; width:100%; line-height:28px;} 


.news li{ width:48%; margin-right:0%; margin-bottom:15px; background:#fff; box-shadow:0 0 10px #eee;}
.news li:nth-child(2){ float:right}
.news li .pic{ overflow:hidden; height:120px; }
.news li:nth-child(3){ display:none}

.news .wenzi{ padding:3%; min-height:auto;}

.news .wenzi h3{ font-size:15px; margin-bottom:20px;}
.news .wenzi .date { padding-right:20px;padding-right:20px;}

.nmain .aboutjian .imgzuo { height:auto; width:100%; margin-right:0px;float:none }
.nmain .aboutjian .imgyuo { height:auto; width:100%; margin-left:0px; float:none }


.ft-box{padding: 10px 0;}
.ft-info{ width:90%;padding:0 5%}


.honor .picScroll ul li{ width:50%;}
.honor .picScroll ul li .pic{ height:100px;}
.honor .picScroll ul li .pic img{ height:100px;}

.nhistory .tabmenu li {font-size:15px;line-height:40px;width: calc(24% - 2px);}

.dszshuo h3{font-size: 16px;line-height: 30px;}
.nmain .shili .pic{ float:none; width:100%; margin-bottom:15px;}
.nmain .shili .wenzi{ float:none; width:100%; line-height:25px; }



.jidi li{ float:none; width:100%; margin-right:0%; margin-bottom:15px;}
.jidi li .text {padding:5px;}
.jidi li .text h3{ line-height:30px; font-size:15px;}



.chengguo .infos *{float: none;}
.chengguo .infos .left{ width:100%; text-align:center;}

.chengguo .infos .right{width:100%; text-align:center;}
.chengguo .infos .line1{ display:none}
.chengguo .infos .line2{ display:none}
.chengguo .infos .line3{ display:none}
.chengguo .infos .line4{ display:none}


.prolist li{width:48%; margin-right:0%;margin-bottom:2%;position:relative;float:left;}
.prolist li:nth-child(3n){ margin-right:0;}
.prolist li:nth-child(2n){ float:right}
.PSA-block .title{line-height:30px;font-size:15px;}

.pagination p {padding: 2px 6px !important;height: 21px !important;line-height: 20px !important;}
.pagination a{padding: 2px 6px !important;height: 21px !important;line-height: 20px !important;}
.pagination p.pageRemark { display:block !important; margin:0 auto !important; float:none !important; margin-top:5px !important; clear:both !important}

.proxiang .proright .jian{ margin-bottom:30px;}
.protab-list a{ width:48%}

.nmain .linian .imgyuo{ width:100%; height:auto; display:block; float:none; margin:0 auto 15px auto;}
.nmain .linian .imgzuo{ width:100%; height:auto; display:block; float:none; margin:0 auto 15px auto;}

.item-prev, .item-next {width: 30px;height: 80px;top: 70px;}


.nmain .lianxi02 li{ float:none; width:100%; margin-right:0%; margin-bottom:2%}
.nmain .lianxi02 p{font-size:15px;}
.nmain .lianxi02 .pic02{ margin:40px auto 10px auto;}
.nmain .lianxi02 .wenzi02{ text-align:center; border:solid 1px #ddd; padding-top:80px; min-height:auto; padding-bottom:35px; margin-top:-80px}

.jishudt li{ float:none; width:calc(98% - 2px); padding:1%; margin-bottom:15px; clear:both}
.jishudt li a {width: 70%; padding: 5px 10% 5px 19%;}


.In-news .F-news-fl{width:100%;float:none; margin-bottom:15px;}
.In-news .pic{height:auto; overflow:hidden; }
.In-news .F-news-fr{width:96%;float:none;padding:2%;}
.In-news .F-news-fr h4{font-size:18px;}
.In-newsL ul li .pic{ height:auto;}
.In-newsL ul li{width:100%;float:none;margin-bottom:15px;margin-right:0%;}

.lianxikuai .lianxi li{ float:none; width:100%; margin-right:0%; margin-bottom:15px;}

.main .about .nmore{ width:100px;}

.sanlih li{ float:none; width:100% !important; position:relative }
.sanlih li:after{content:"";display:block;width:1px;height:0;position: relative;top:0;left:0%; background:#fff}
}
@media screen and (max-width: 460px){
.PSA-block .title{font-size:14px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}	
}