@charset "gb2312";
/*banner*/
.banner{ height:450px}
.banner .item{ height:450px;background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:10px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */ display:inline-block; width:10px; height:10px; margin:0 10px; border-radius:50%; background-color:#333; cursor:pointer; position:relative; z-index:3  }
.banner .slick-dots li.slick-active{ background:#333;}
.banner .slick-dots button{ display:none} 
.banner .slick-dots li.slick-active:before { content:""; width:16px; height:16px; position:absolute; z-index:2; left:-3px;top:-3px;border:3px solid #666; border-radius:50%}


.index01{ padding-top:40px; padding-bottom:55px}
.plo{ overflow:hidden; line-height:38px; margin-bottom:15px}
.plo .title{ float:left}
.plo .title h3{ display:inline-block; margin-right:10px; vertical-align:middle; font-size:24px; color:#e40002; font-weight:normal}
.plo .title span{ color:#999; }
.plo .more{ float:right;display:block; height:26px; line-height:24px; border:1px solid #d1d7de; border-radius:3px; font-size:12px; color:#999999; padding:0 10px; position:relative;top:6px}
.plo .more:hover{ background-color:#e40002; color:#fff; border:1px solid #e40002}
.newsindex{ float:left; width:65%}
.newsimg{ float:left; width:330px; overflow:hidden}
.newsimg .newsimgbd{ margin-bottom:5px}
.newsimg .newsimgbd img{ width:100%; height:265px;}
.newsimg .newsimghd img{ width:100%; height:62px }
.newsimg .newsimghd .item{ padding:0 2.5px; cursor:pointer} 
.newstxt{ overflow:hidden; padding-left:20px}
.newstxt li{ margin-bottom:9px}
.newstxt .hotnes{ border-bottom:1px dashed #c8c8c8; padding-bottom:10px; margin-bottom:5px}
.newstxt .hotnes h3{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:1; margin-bottom:5px}
.newstxt .hotnes h3 a{ font-size:18px;}
.newstxt .hotnes .date{ color:#999}
.newstxt .hotnes .ms{ color:#666}
.newstxt li a{ display:block; position:relative; line-height:25px; padding-right:66px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-left:20px}
.newstxt li a:before{ content:""; display:block; width:7px; height:7px; background-color:#d6d6d6; border-radius:50%; position:absolute; z-index:1; left:2px;top:50%; margin-top:-3.5px}
.newstxt li .date{ color:#999; position:absolute; z-index:1; right:0;top:0; font-size:12px}

.lb4s{ float:right; width:31.66%;}
.lb4s .bddbd { margin-bottom:15px}
.lb4s .bddbd img{ width:100%; height:268px}
.lb4s .bddhd{ width:76.6%; margin:0 auto}
.lb4s .bddhd img{ width:100%; height:80px; border-radius:3px;}
.lb4s .bddhd .item{ padding:0 8px; cursor:pointer} 
.lb4s .bddhd .slick-arrow{ width:40px; height:40px; border-radius:50%; overflow:hidden; border:none; background-color:#df2128; text-indent:-999px; cursor:pointer; position:absolute; z-index:3;top:50%; margin-top:-20px; background-position:center; background-repeat:no-repeat; background-size:50%}
.lb4s .bddhd .slick-prev{ background-image:url(../images/ico-prev.png); left:-40px}
.lb4s .bddhd .slick-next{ background-image:url(../images/ico-next.png);right:-40px}

.nbanner{ height:450px; background-position:center; background-repeat:no-repeat; background-size:cover}

.lanmuplo{ height:55px; line-height:55px; background-color:#f7f7f7}
.path{ float:left; color:#666}
.path a{ color:#666}
.path a:hover{ color:#e40002}
.lanmusort{ float:right;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.lanmusort li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; margin:0 .5px}
.lanmusort li a{ display:block; font-size:16px; padding:0 34px; text-align:center}
.lanmusort li.on a,.lanmusort li a:hover{ background-color:#e10000; color:#fff}
.lanmusort.none li a{   padding:0; }

.lanmumain{ padding:60px 0;}
.newslist li{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e9e9e9; position:relative}
.newslist li:last-child{ border-bottom:none}
.newslist li a{ display:block; overflow:hidden}
.newslist li .img{ float:left; width:250px; height:150px;}
.newslist li .img img{ width:100%; height:100%}
.newslist li .txt{ overflow:hidden; padding-left:20px;}
.newslist li .txt h3{ font-size:20px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:10px}
.newslist li .txt .ms{ font-size:16px; color:#666; margin-bottom:10px; height:56px; overflow:hidden}
.newslist li .txt .date{ font-size:12px; color:#999}
.newslist li .zxbm{ display:block; position:absolute; z-index:2; left:350px;top:110px} 

.maintainform02{ padding:60px 0}
.maintainform.maintainform02 .bd{ max-width:600px}
.maintainform.maintainform02 .bd li .intxt{ width:100%} 
.maintainform02.maintainform .btnbox .btn{ width:200px; display:inline-block; text-align:center}

.lanmuhd{ text-align:center; margin-bottom:60px;}
.lanmuhd h3{ font-size:32px; font-weight:normal;}
.lanmuhd h3:after{ content:""; display:block; width:70px; height:3px; background-color:#e00000; margin:0 auto}

.contactuslist li{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e9e9e9}
.contactuslist li:last-child{ border-bottom:none}
.contactuslist li .a{ display:block; overflow:hidden}
.contactuslist li .img{ float:left; width:225px; height:160px;overflow:hidden}
.contactuslist li .img img{ width:100%; display:block; position:relative;top:50%; transform:translateY(-50%)}
.contactuslist li .txt{ overflow:hidden; padding-left:20px;}
.contactuslist li .txt h3{ font-size:18px; margin-bottom:10px} 
.contactuslist li .txt .ms{ color:#666}
.contactuslist li .txt .ms p{ margin-bottom:5px;}
.contactuslist li .txt .ms a{ color:#666}

.ideabox .txt{ float:left; width:52.5%;}
.ideabox .txt li{ overflow:hidden;padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e9e9e9}
.ideabox .txt .ico{ width:67px; height:67px; float:left; background-color:#f0f0f0; overflow:hidden; border-radius:3px; background-repeat:no-repeat; background-position:center; background-size:100%}
.ideabox .txt .ico-a01{ background-image:url(../images/ico-a01.png)}
.ideabox .txt .ico-a02{ background-image:url(../images/ico-a02.png)}
.ideabox .txt .ico-a03{ background-image:url(../images/ico-a03.png)}
.ideabox .txt .ms{ overflow:hidden; padding-left:20px;color:#666;line-height:1.6}
.ideabox .txt .ms h3{ font-size:18px; line-height:1; margin-bottom:5px; color:#333; }
.ideabox .txt .ms  span{ display:block; }
.ideabox .img{ float:right; width:42.6%;}
.ideabox .img img{ width:100%}

.staffbox{ overflow:hidden}
.staffbox ul{ margin-left:-1%; margin-right:-1%}
.staffbox li{ width:31.33%; margin:0 1%; float:left; margin-bottom:55px}
.staffbox li .img{ overflow:hidden; margin-bottom:10px; height:270px;}
.staffbox li .img img{ width:100%; height:100%}
.staffbox li h3{ font-size:16px; height:56px; overflow:hidden}

.nbanner.h400{ height:400px}
.banner.h400{ height:400px}
.banner.h400 .item { height:400px}

.invitesort{ text-align:center; margin-bottom:58px;}
.invitesort li{ display:inline-block; vertical-align:middle; margin:0 5px; margin-bottom:5px}
.invitesort li a{ display:block; padding:0 25px; height:38px; line-height:38px; border:1px solid #e6e6e6; border-radius:38px; font-size:16px;}
.invitesort li.on a,.invitesort li a:hover{ background-color:#eb120d; color:#fff; border:1px solid #eb120d}


.invitesorts{ text-align:right;}
.invitesorts li{ display:inline-block; vertical-align:middle; margin:0 5px; margin-bottom:5px}
.invitesorts li a{ display:block; padding:0 50px; height:40px; line-height:40px; border:1px solid #e6e6e6; border-radius:3px; font-size:16px;}
.invitesorts li.on a,.invitesort li a:hover{ background-color:#eb120d; color:#fff; border:1px solid #eb120d}

.invitesorts a{display:inline-block; padding:0 50px; height:40px; line-height:40px;background-color:#eb120d; color:#fff; border:1px solid #eb120d; border-radius:3px; font-size:16px;}

.invitebox  li{ float:left; padding-left:5px; padding-right:5px;}
.invitebox .w01{ width:20%}
.invitebox .w02{ width:18%}
.invitebox .w03{ width:17%}
.invitebox .w04{ width:23%}
.invitebox .w05{ width:15%}
.invitebox .w06{ width:15.5%}
.invitebox .w07{ width:14.5%}
.invitehd{ overflow:hidden; background-color:#666666; color:#fff; font-size:16px; padding-left:20px; padding-right:20px}
.invitehd li{ padding-top:15px; padding-bottom:15px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.invitebd{ padding-left:20px; padding-right:20px; overflow:hidden;}
.invitebd li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #d6d6d6; line-height:30px;}
.invitebd .moreclick{ width:90px; height:30px; background-color:#656364; color:#fff; line-height:30px; display:inline-block; text-align:center; cursor:pointer}
.invitebd .moreclick.on{ background-color:#eb120d; color:#fff}
.ulconn{ margin:20px;overflow:hidden; display:none;border-bottom:1px solid #d6d6d6; padding-bottom:40px;}
.ulconn b{ font-size:16px}
.ulconn .red{ color:#be2720}
.ulconn .more{ display:inline-block; width:120px; text-align:center; height:38px; line-height:38px; color:#fff; font-size:16px; background-color:#eb120d}

.ulconns .more{ display:inline-block; width:120px; text-align:center; height:38px; line-height:38px; color:#fff; font-size:16px; background-color:#eb120d}

.lanmusort.none{ float:none}

.brand01{ margin-bottom:40px;}
.brand01 .img{ float:left; width:50%; margin-right:40px}
.brand01 .img img{ width:100%}
.brand01 .txt .t{ font-size:36px; color:#e52020; overflow:hidden; margin-bottom:30px}
.brand01 .txt .t:after{ content:""; display: block; width:70px; height:3px; background-color:#e00000; }
.brand01 .txt p{ text-indent:28px;}

.brand02{ margin-bottom:50px; overflow:hidden}
.brand02 ul{ margin-left:-1%; margin-right:-1%}
.brand02 li{ float:left; width:31.33%; margin:0 1%; margin-bottom:24px}
.brand02 li .img{ overflow:hidden}
.brand02 li .img img{ width:100%}
.brand02 li h3{ text-align:center; background-color:#e8e8e8; font-size:18px; line-height:68px;}

.brand03{ margin-bottom:60px}
.brand03 .txt{ float:left; width:42.5%}
.brand03 .txt p{ margin-bottom:5px}
.brand03 .img{ float:right; width:55.4%; overflow:hidden}
.brand03 .img img{ width:100%}

.brand04 .txt{ padding-left:20px; margin-bottom:20px}
.brand04 .txt li{ margin-bottom:10px; background-repeat:no-repeat; background-position:3px center; background-size:15px; padding-left:35px;}
.brand04 .txt li.l1{ background-image:url(../images/ico-b01.png)}
.brand04 .txt li.l2{ background-image:url(../images/ico-b02.png)}
.brand04 .txt li.l3{ background-image:url(../images/ico-b03.png)}
.brand04 .map{ height:550px;}

.about01{ padding-bottom:70px}
.about01 .videobox{ float:right; width:42.5%; height:292px; background:url(../images/videobg.png) no-repeat center; background-size:100%; position:relative}
.about01 .video{ position:absolute; z-index:2; left:0%;top:0%; right:0%; bottom:4%}
.about01 .txt{ width:55.5%; float:left; line-height:2}
.about01 .txt p{ text-indent:28px}

.about02{ background:url(../images/about02bg.jpg) no-repeat center; background-size:cover; padding-top:80px; padding-bottom:100px}
.about02 .lanmuhd{ color:#fff}
.about02 .lanmuhd h3:after{ background-color:#fff}
.about02 .bd{ margin-left:-15px; margin-right:-15px; position:relative; }
.about02 .bd .slick-arrow{ display:block; width:40px; height:40px; border:none; position:absolute; z-index:2; overflow:hidden; text-indent:-999px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:100%;top:50%; margin-top:-50px;}
.about02 .bd .slick-prev{ background-image:url(../images/ico-prev02.png); background-color:transparent; left:-60px}
.about02 .bd .slick-next{ background-image:url(../images/ico-next02.png); background-color:transparent; right:-60px}
.about02 .bd .slick-prev:hover{background-image:url(../images/ico-prev02on.png);}
.about02 .bd .slick-next:hover{ background-image:url(../images/ico-next02on.png);}
.about02 .bd .item{ padding-bottom:83px;}
.about02 .bd .li{ margin:0 15px; background-color:#fff; text-align:center; height:200px; border-radius:5px; position:relative;}
.about02 .bd .li:after{ content:""; display:block; width:28px; height:83px; background:url(../images/dian.png) no-repeat center top; background-size:100%; position:absolute; z-index:2; left:50%; margin-left:-14px; bottom:-83px;}
.about02 .bd .li .year{ font-size:50px}
.about02 .line{ height:48px; background:url(../images/h_line.png) no-repeat center; background-size:auto 100%; margin-top:-48px  }
.about02 .bd .item.hover .li{ background-color:#da2a2e; color:#fff}
.about02 .bd .item.hover .li:after{background:url(../images/dian_a.png) no-repeat center top; background-size:100%; }

.about03{ padding-top:65px}
.about03 .bd{ margin-bottom:60px;}
.about03 .bd .img{ float:left; width:50%; overflow:hidden}
.about03 .bd .img img{ width:100%;}
.about03 .bd .txt{ width:46%; float:right; color:#666666; font-size:16px; line-height:2}
.about03 .bd .txt li{ overflow:hidden}
.about03 .bd .txt li .t{ float:left; overflow:hidden}
.about03 .bd .txt li .ms{ overflow:hidden}
.about03 .bd .eng{ font-size:34px; color:#ccc; font-weight:bold; line-height:1; margin-bottom:5px}
.about03 .bd h3{ font-size:24px; line-height:1; color:#333333; font-weight:normal; margin-bottom:35px}

.about03 .bd.style02 .img{ float:right}
.about03 .bd.style02 .txt{ float:left}

.about04 .bd{ padding-top:160px; padding-bottom:130px;background:url(../images/about04bg.jpg) no-repeat center; background-size:cover}
.about04 .bd ul{ margin-left:-1%; margin-right:-1%}
.about04 .bd li{ width:31.33%; margin:0 1%; background-color:#fff; float:left; border-radius:5px; position:relative; padding:0 10px;padding-bottom:25px;  padding-top:35px;}
.about04 .bd .img{ width:104px; height:104px; position:absolute; z-index:1; left:45px; border:5px solid #fff; border-radius:50%;top:-25px}
.about04 .bd .img img{ width:100%}
.about04 .bd .ms{ text-align:center; height:75px;}
.about04 .bd .ms .li{ position:relative;top:50%; transform:translateY(-50%) }
.about04 .bd .ms span{ display:block}
.about04 .bd .title{ padding-left:180px; margin-bottom:10px}
.about04 .bd .title h3{ font-size:20px; font-weight:normal; line-height:1; margin-bottom:5px}
.about04 .bd .title .eng{ text-transform:uppercase; color:#cccccc; font-size:12px; font-weight:bold}

.about05{ padding-top:50px; padding-bottom:50px}
.about05 .lanmuhd{ margin-bottom:30px}
.about05 .p{ text-align:center; margin-bottom:45px; font-size:16px}
.about05 li{ overflow:hidden; margin-bottom:35px}
.about05 li .img{ width:26.25%; overflow:hidden}
.about05 li .img img{ width:100%; height:182px}
.about05 li .txt{ width:70%}
.about05 li .txt .ms{ color:#666666}
.about05 li .txt h3{ font-size:20px; font-weight:normal; margin-bottom:30px;  }
.about05 li .txt h3:after{ content:""; display:block; width:70px; height:3px; background-color:#e00000; margin-top:5px }
.about05 li:nth-child(odd) .img{ float:left}
.about05 li:nth-child(odd) .txt{ float:right}
.about05 li:nth-child(even) .img{ float:right}
.about05 li:nth-child(even) .txt{ float:left}

.bdfoot{ overflow:hidden; background-color:#f6f6f6;}
.bdfoot .img{ width:50%; overflow:hidden; height:250px; float:left}
.bdfoot .img img{  width:100%; height:100%}
.bdfoot .txt{ float:right; height:250px; width:50%; padding:10px 20px;}
.bdfoot .txt .conn{ position:relative;top:50%; transform:translateY(-50%); z-index:1; font-size:16px}
.about06{ background-color:#f6f6f6; padding-top:70px; padding-bottom:110px;}

.box_cen{width: 1400px; margin: 0 auto; height: 300px; position: relative;}
.box_cen .container{width: 900px; height: 100%; margin: 0 auto; overflow: hidden;} .box_cen .container ul{height: 100%; position: relative;} .box_cen .container ul li{width: 834px; height: 100%; margin-right: 20px; float: left;}
.box_cen .container ul li .mes{float: left; text-align: right; width: 320px;}
.box_cen .container ul li .mes .num{font-size: 100px; line-height: 90px; color: #e10000;font-family:Arial, Helvetica, sans-serif; font-weight:bold}
.box_cen .container ul li .mes .year{font-size: 24px; line-height: 30px; color: #000; font-family: Arial; padding-right: 10px;}
.box_cen .container ul li .con{float: right; width: 380px; height: auto; padding-left: 58px; border-left: 1px solid #e2e2e2;}
.box_cen .container ul li .con p{background: url(../images/d.jpg) no-repeat left 13px; font-size: 14px; color: #666; line-height: 30px; padding-left: 18px;}
.box_cen .left{width: 72px; height: 72px; position: absolute; left: 0; top: 50%; cursor: pointer; margin-top: -36px; background: url(../images/prev.png) no-repeat;}
.box_cen .right{width: 72px; height: 72px; position: absolute; right: 0; top: 50%; cursor: pointer; margin-top: -36px; background: url(../images/next.png) no-repeat;}
.about06 .time{margin-top: 20px; width: 1920px; position: relative; left: 50%; margin-left: -960px;}
.about06 .time .time_l{width: 13.6%; float: left; height: 16px; background: url(../images/time_r.jpg) no-repeat;}
.about06 .time .time_r{width: 13.6%; float: right; height: 16px; background: url(../images/time_r.jpg) no-repeat;}
.about06 .time .time_main{width: 72.8%; float: left; height: auto; overflow: hidden;}
.about06 .time .pos{width: 19px; height: 29px; background: url(../images/pos.png) no-repeat #f9f9f9; left: 50%; top: -5px; margin-left: -10px; position: absolute; z-index: 10;}
.about06 .time .time_main ul{position: relative;}
.about06 .time .time_main ul li{float: left; width: 280px;}
.about06 .time .time_main ul li .line{width: 100%; height: 16px; background: url(../images/time.jpg) no-repeat;}
.about06 .time .time_main ul li .txt{font-size: 24px; color: #999; line-height: 30px; text-align: center; padding-top: 20px;}
.about06 .time .time_main ul li.active .txt{color: #ba251d;}

.lanmumain.pb0{ padding-bottom:0}
/*新闻详情*/ 
.newspages{ padding-top:30px; padding-bottom:80px}
.connpage .title{ font-size:30px; font-weight:normal; margin-bottom:10px; text-align:center}
.connpage .info{ text-align:center; color:#999; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px}
.connpage .info span{ margin:0 10px}
.connpage .conn{ line-height:2; overflow:hidden}
.connpage .conn img{ max-width:100%; height:auto !important}
.connpage .nextprev{ margin-top:30px; padding-top:30px; border-top:1px dashed #ccc;display: -webkit-flex;display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;}
.connpage .nextprev li{ width:50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#999}
.connpage .nextprev li a{ color:#999}
.connpage .nextprev li a:hover{ color:#00a846}
.connpage .nextprev li:nth-child(2){ text-align:right;}


/*20191021添加*/
.sideleft{ float:left; width:20%;}
.sideleft .hd{ height:80px; line-height:80px; background-color:#eb120d; padding:0 20px; text-align:center; position:relative}
.sideleft .hd:after{ content:""; display:block; height:1px; background-color:#ddd; position:absolute; z-index:1; left:0; right:0; bottom:5px;}
.sideleft .bd li{ border-bottom:1px solid #fff}
.sideleft .bd li a{ display:block; line-height:50px; font-size:16px; padding-left:40px; background-color:#f2f2f2; background-image:url(../images/nav_ico.png); background-repeat:no-repeat; background-position:center right 10px; background-size:5px}
.sideleft .bd li.on a,.sideleft .bd li a:hover{ color:#eb120d; background-image:url(../images/nav_ico_on.png)}
.sideleft .hd h3{ font-size:20px; color:#fff; font-weight:normal}
.sideright{ float:right; width:77.5%; margin-bottom:50px;}

.about07{ background:url(../images/lt_about_bj.jpg) no-repeat center bottom; background-size:cover; padding:50px 0}
.about07 .bd{ position:relative}
.about07 .bd:before{ content:""; width:1px; position:absolute; z-index:1; left:50%;top:0; bottom:0; border-left:1px dotted #666}
.about07 ul{ float:left; width:50%; padding:0 50px} 
.about07 ul li{ overflow:hidden; margin-bottom:20px;font-size:16px}
.about07 ul li .year{ float:left; font-weight:bold; overflow:hidden; color:#eb120d}
.about07 ul li .ms{ overflow:hidden; padding:0 20px; }

/*20191024添加*/
.contactuslist02left{ float:left; width:48%}
.contactuslist02left li{ font-size:16px; margin-bottom:15px; padding-left:36px; background-repeat:no-repeat; background-position:center left; background-size:18px; }
.contactuslist02left li a{ font-size:16px}
.contactuslist02left .t{ font-weight:bold; font-size:18px; padding-left:0}
.contactuslist02left .ewm{ padding-left:0}
.contactuslist02left .ewm span{ display:inline-block; text-align:center; margin-right:8%;}
.contactuslist02left .ewm img{ max-width:150px; padding:3px; background-color:#fff; border:1px solid #e0e0e0}
.contactuslist02left li.l1{ background-image:url(../images/bjcpicon2.png)}
.contactuslist02left li.l2{ background-image:url(../images/bjcpicon1.png)}
.contactuslist02left li.l3{ background-image:url(../images/bjcpicon3.png)}
.contactuslist02right{ float:right; width:48%}
.contactuslist02right li{display: flex ;display: -webkit-box;display: -moz-box; display: -ms-flexbox;margin-bottom:18px;}
.contactuslist02right li .intxt{-webkit-box-flex: 1;flex:1;}
.contactuslist02right li .t{ width:94px; font-size:16px; text-align:right; padding-right:5px; line-height:40px}
.contactuslist02right li .t i{ color:#F00}
.contactuslist02right li .intxt input{ width:100%; padding:0 15px; height:40px; background-color:#fff; border:1px solid #f0f0f0; border-radius:5px}
.contactuslist02right li .intxt textarea{ width:100%; padding:10px; height:100px; background-color:#fff; border:1px solid #f0f0f0; border-radius:5px;}
.contactuslist02right li .inbtn input{ width:230px; cursor:pointer; max-width:230px; background-color:#db261d; color:#fff; font-size:16px; height:40px; border:none}

/*20191027添加*/
.banner.h400 .slick-arrow{ width:40px; height:40px; border-radius:50%; overflow:hidden; border:none; background-color:#000; text-indent:-999px; cursor:pointer; position:absolute; z-index:3;top:50%; margin-top:-20px; background-position:center; background-repeat:no-repeat; background-size:50%; opacity:.6}
.banner.h400 .slick-prev{ background-image:url(../images/ico-prev.png); left:50%; margin-left:-640px}
.banner.h400 .slick-next{ background-image:url(../images/ico-next.png);left:50%; margin-left:600px}

 
.banner .t001{ position:absolute; z-index:1; width:750px; height:197px; left:50%; margin-left:-375px; bottom:0}
.banner .t001 .img{ width:0; height:100%; background-repeat:no-repeat; background-size:auto 100%}
.slick-active .t001 .img{ width:100%;animation-name:t001;-webkit-animation-name:t001;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-timing-function:ease;-webkit-animation-timing-function:ease}


.banner .t002{position:absolute; z-index:2; width:633px; height:261px; left:50%; margin-left:-316px; bottom:137px;}
.banner .t002 img{ width:100%}
.slick-active  .t002{animation-name:slideLeft;-webkit-animation-name:slideLeft;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-delay:1.5s;-webkit-animation-delay:1.5s; opacity:0;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}

.banner .t003{position:absolute; z-index:3; width:478px; height:49.5px; left:50%; margin-left:-316px; bottom:159.7px; }
.banner .t003 img{ width:100%}
.slick-active  .t003{animation-name:slideRight;-webkit-animation-name:slideRight;animation-duration:.5s;-webkit-animation-duration:.5s;animation-timing-function:ease;-webkit-animation-timing-function:ease;animation-delay:1.5s;-webkit-animation-delay:1.5s; opacity:0;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}

.banner .t004{position:absolute; z-index:1; width:633px; height:100px; left:50%; margin-left:-316px; bottom:199.7px; }
.banner .t004 img{ width:100%}
.banner .t005{position:absolute; z-index:1; width:702px; height:100px; left:50%; margin-left:-336px; bottom:2px; }
.banner .t005 img{ width:100%}
.slick-active  .t004{animation-name:floater;-webkit-animation-name:floater;animation-duration:1s;-webkit-animation-duration:1s;    animation-iteration-count: ease-out;-webkit-animation-iteration-count: ease-out;animation-delay:2s;-webkit-animation-delay:2s;opacity:0;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}

.invitesorts{     max-width: 1200px;
    margin: 0 auto;}
 

@keyframes t001{0%{width:0;opacity:0}100%{width:100%;opacity:1}} 
@-webkit-keyframes t001{ 0% {width:0;opacity:0}100%{width:100%;opacity:1}}

@-webkit-keyframes floater{0%{-webkit-transform:translateX(-50%);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}

@keyframes slideLeft{0%{transform:translateX(150%);opacity:0}100%{transform:translateX(0%);opacity:1}}
@-webkit-keyframes slideLeft{0%{-webkit-transform:translateX(150%);opacity:0}100%{-webkit-transform:translateX(0%);opacity:1}}

@keyframes slideRight{0%{transform:translateX(-150%);opacity:0}100%{transform:translateX(0%);opacity:1}}
@-webkit-keyframes slideRight{0%{-webkit-transform:translateX(-150%);opacity:0}100%{-webkit-transform:translateX(0%);opacity:1}}


.plo .goshop{ float:right; margin-top:6px}
.goshop{ display:inline-block; width:102px; height:28px; line-height:28px;  color:#fff !important; padding-left:30px; background:#e10000 url(../images/ico-j03.png) no-repeat 5px center; background-size:23px}
.goshop:hover{ color:#fff}
.goshop i{ font-family:"宋体"}

/*20200429添加*/
.lanmuhd .p{ font-size:18px; margin-top:10px;}
.lanmuhd .p span{ color:#e00104}
.maintain01{ margin-bottom:50px;}
.maintain01 .bd li{ float:left; width:33.33%; border-bottom:1px solid #eeeeee; padding-top:25px; height:145px;}
.maintain01 .bd li a{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.maintain01 .bd li .img{-webkit-box-flex:0 0 82px;-ms-flex:0 0 82px;-webkit-flex:0 0 82px;flex:0 0 82px; height:82px; border:1px solid #eee}
.maintain01 .bd li .img img{ display:block; width:100%; height:100%}
.maintain01 .bd li .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-left:18px}
.maintain01 .bd li .txt h3{ font-size:18px; line-height:1; margin:8px 0}
.maintain01 .bd li .txt .p{ color:#666666}
.maintain01 .bd li.w4{ width:25%}

.maintain02 .th{ line-height:30px; height:30px; background-color:#949494; color:#fff; margin-bottom:10px;}
.maintain02 .th li{ float:left}
.maintain02 .w1{ width:12.5%; text-align:center}
.maintain02 .w2{ width:17.5%;  }
.maintain02 .w3{ width:30%;text-align:center  }
.maintain02 .w4{ width:40%;text-align:center  }
.maintain02 .w0{ padding-left:12.5%; width:100%; color:#676767}
.maintain02 .td{ border-top:1px solid #d9d9d9}
.maintain02 .td ul{border-bottom:1px solid #d9d9d9; padding-top:5px; padding-bottom:15px}
.maintain02 .td ul li{ float:left; color:#000; }
.maintain02 .td ul li.w0{ color:#676767; font-size:13px}
.maintain02 .td ul li.w4 a{ color:#e10203}

.maintainpage01{ margin-bottom:30px}
.maintainpage02{ margin-bottom:30px}

.maintainform .bd{ font-size:16px; max-width:930px; margin:0 auto}
.maintainform .bd li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px}
.maintainform .bd .li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom:20px}
.maintainform .bd li .t{ width:118px;}
.maintainform .bd li .t em{ color:#F00}
.maintainform .bd li .intxt{ width:60%; margin-right:25px}
.maintainform .bd li .input{ width:100%; height:38px; border:1px solid #cccccc; padding:0 10px;}
.maintainform .bd li .inselect{ width:100%; height:38px; border:1px solid #cccccc; padding:0 10px;}
.inradio input{ display:none}
.inradio span{ display:inline-block; width:20px; height:20px; border-radius:50%; border:1px solid #787878; vertical-align:middle; margin-right:5px; position:relative}
.inradio input:checked + span{ border:1px solid #e10101}
.inradio input:checked + span:after{ content:""; display:block; width:10px; height:10px; border-radius:50%; background-color:#e40002; position:absolute; z-index:1; left:50%; margin-left:-5px;top:50%; margin-top:-5px;}
.inradio label{ margin-right:40px; cursor:pointer}
.maintainform .bd li.qsfs .inradio label{ display:block; margin-bottom:15px;}
.maintainform .bd li.qsfs .inradio span{ border-radius:0;}
.maintainform .bd li.qsfs .inradio input:checked + span:after{ border-radius:0; margin:0; left:0; right:0;top:0; bottom:0; width:auto; height:auto; background-repeat:no-repeat; background-position:center; background-size:70%; background-image:url(../images/ico-g.png)}
.maintainform .bd li.bysj{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.maintainform .bd li.bysj .intxt{ width:48%; margin:0 20px;}
.maintainform .bd li.qu{ display:block}
.maintainform .bd li.none{ display:none} 
.maintainform .bd li.qu .des{ margin-bottom:15px; font-size:14px}
.maintainform .bd li.fw .inradio label{ margin-bottom:15px; display:block}
.maintainform .bd li.fw .inradio span{ border-radius:0;}
.maintainform .bd li.fw .inradio input:checked + span:after{ border-radius:0; margin:0; left:0; right:0;top:0; bottom:0; width:auto; height:auto; background-repeat:no-repeat; background-position:center; background-size:70%; background-image:url(../images/ico-g.png)}
.maintainform .red{ color:#e10101}
.maintainform .btnbox{ text-align:center; margin-top:60px}
.maintainform .btnbox .btn{ width:160px; height:40px; background-color:#e10101; color:#fff; cursor:pointer; border:none;}
.maintainform .bd li.fw .inradio{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.maintainform .bd li.fw .inradio	
@media(max-width:1360px) {
.about02 .bd .slick-prev{ left:10px; background-image:url(../images/ico-prev02on.png)}
.about02 .bd .slick-next{ right:10px; background-image:url(../images/ico-next02on.png)}

/*20191027添加*/ 
.banner.h400 .slick-prev{ background-image:url(../images/ico-prev.png); left:10px; margin-left:auto}
.banner.h400 .slick-next{ background-image:url(../images/ico-next.png);left:auto; margin-left:auto; right:10px;}

}
@media(max-width:1201px) {
.banner,.banner .item{ height:50vw} 
.nbanner{ height:20vw}
.nbanner.h400{ height:20vw}
.banner.h400{ height:30vw}
.banner.h400 .item { height:30vw}

.staffbox li .img{ height:22.5vw} 
.staffbox li{ margin-bottom:25px}

.about01 .videobox{ height:24.33vw}

.about02 .line{ height:4vw; margin-top:-4vw}
.about02 .bd .li:after{ width:2.33vw; height:6.91vw; bottom:-6.91vw}
.about02 .bd .item{ padding-bottom:6.91vw}

.about04 .bd .img{ left:15px;}
.about04 .bd .title{ padding-left:130px}

.about05 li .img img{ height:15.16vw}

.box_cen{width: 94%;}
.box_cen .container{width: 834px; height: 100%; margin: 0 auto; overflow: hidden;}
.container ul li{float: none; width: 80%; margin: 0 auto 20px auto;}
.box_cen .container ul li .mes .num{font-size: 90px; line-height: 80px;}
.box_cen .container ul li .mes .year{font-size: 20px; line-height: 24px;}
.box_cen .container ul li .con{padding-left: 45px;}
.box_cen .container ul li .con p{line-height: 24px;}

 
.banner .t001{  width:83.3vw; height:21.9vw; margin-left:-41.56vw; }
.banner .t002{ width:70.3vw; height:29vw;  margin-left:-35.15vw; bottom:15.25vw;}
.banner .t003{ width:53.1vw; height:5.5vw; margin-left:-35.15vw; bottom:17.75vw; }
.banner .t004{ width:70.3vw; height:11.1vw; margin-left:-35.15vw; bottom:21vw; }

.banner .t005{  width:50%;   left:auto; right:10px; bottom:10px; margin-left:0; height:auto }
.banner .t005 img{ width:100%}

/*20200429添加*/
.maintain01 .bd li.w4{ width:33.33%}
}
 
@media(max-width:999px) {
.invitebox .w04{ display:none}
.invitebox .w07{ width:13.5%;}
.invitebox .w05{ width:16%}
.invitebox .w06{ width:16.5%}
.invitebox .w02{ width:24%}
.invitebox .w01{ width:16%}
.invitebox .w03{ width:14%}
.invitehd{ padding-left:10px; padding-right:10px}
.invitebd{ padding-left:10px; padding-right:10px}
.ulconn{ margin:10px}

.box_cen{height: auto;}
.box_cen .container{height: auto; width: 100%;}
.box_cen .container ul{left: 0 !important; width: 100% !important;}
.box_cen .container ul li{float: none; width: 100%; margin: 0 auto 20px auto;}
.box_cen .container ul li .mes{width: 100%; float: none; text-align: left; padding: 0;}
.box_cen .container ul li .mes .num{font-size: 40px; line-height: 30px; text-align: left;}
.box_cen .container ul li .mes .year{font-size: 14px; line-height: 24px;}
.box_cen .container ul li .con{width: 100%; float: none; padding: 0; border: none; padding-top: 20px;}
.box_cen .left,.box_cen .right{display: none;}
.about06 .time{display: none;}

.sideleft{ float:none; width:auto; margin-bottom:20px; margin-top:-30px}
.sideright{float:none; width:auto}
.sideleft .bd ul{ overflow:hidden; background-color:#f2f2f2}
.sideleft .bd li{ float:left; width:33.33%;}
.sideleft .hd{ height:45px; line-height:45px;}
.sideleft .hd h3{ font-size:20px}
.sideleft .bd li a{ height:40px; line-height:40px; padding-left:20px}
.sideleft .hd:after{ bottom:2px}
.sideright .invitesort{ margin-bottom:20px}
/*20200429添加*/
.maintain01 .bd li{ width:50%}
.maintain01 .bd li.w4{ width:50%}
.maintainform .bd{ font-size:14px}
.maintainform .bd li{ margin-bottom:10px}
.maintainform .bd li .intxt{ width:auto; margin-right:10px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.maintainform .bd li .tis,.maintainform .bd li .inradio.flex1{-webkit-box-flex:0 0 130px;-ms-flex:0 0 130px;-webkit-flex:0 0 150px;flex:0 0 130px;}
.maintainform .bd li .t{ width:80px;}
.inradio label{ margin-right:20px;}
.maintainform .bd li.qsfs .inradio label{ margin-bottom:10px}
.maintainform .bd li.bysj .intxt{ width:auto; margin:0 10px;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.maintainform .bd li.qsfs  .inradio.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.maintainform .btnbox{ margin-top:20px}
} 
@media(max-width:900px) {
.newsindex{ float:none; width:auto; margin-bottom:10px}	
.lb4s{ width:auto; float:none}
.lb4s .bddbd img{ height:auto}
.lb4s .bddhd img{ height:23.22vw}

.lanmuhd{ margin-bottom:30px}
.lanmuhd h3{ font-size:24px}
.brand01 .txt .t{ font-size:24px; margin-bottom:10px}
.brand01 .img{ margin-right:10px}
.brand03 .img{ float:none; width:auto; margin-bottom:10px}
.brand03 .txt{float:none; width:auto; }
 
.ideabox .txt li{ padding-bottom:20px; margin-bottom:20px}
.about01 .videobox{ float:none; margin:0 auto; margin-bottom:20px; width:60%; height:32vw}
.about01 .txt{ float:none; width:auto}

.connpage .title{ font-size:18px; margin-bottom:5px}
.connpage .info{ padding-bottom:10px; margin-bottom:20px; font-size:12px}

.about02 .bd .li .year{ font-size:25px}
.about02 .bd .li{ margin:0 5px; height:150px}
.about02 .bd{ margin-left:-5px; margin-right:-5px;}
.about02 .bd .slick-prev{ left:-0px; opacity:.7}
.about02 .bd .slick-next{ right:-0px; opacity:.7}

.about03 .bd .img{ float:none; width:auto; margin-bottom:20px}
.about03 .bd .txt{ float:none; width:auto}
.about03 .bd.style02 .img{ float:none}

.about04 .bd li{ float:none; width:auto; margin-bottom:50px}
.about04 .bd .ms{ text-align:left; padding-left:130px}


} 
 
@media(max-width:766px) {
 
.banner .slick-dots{ bottom:5px}
.banner .slick-dots li{ margin:0 5px;}
.banner .slick-dots li.slick-active:before {   width:12px; height:12px;   left:-2px;top:-2px;border:2px solid #fff;  }

.index01{ padding:20px 0}
.newsimg{ float:none; width:auto; margin-bottom:10px} 
.newsimg .newsimgbd img{ height:auto}
.newsimg .newsimghd img{ height:18.5vw;}

.newstxt{ padding-left:0}
.plo{ line-height:26px; margin-bottom:10px}
.plo .title h3{ font-size:20px}
.plo .more{top:0;}
.plo .title span{ font-size:13px; position:relative;top:2px}
.lb4s .bddhd .slick-arrow{ width:32px; height:32px; margin-top:-16px;}

.lanmuhd h3{ font-size:22px}
.lanmumain{ padding:20px 0;}
.lanmuplo{ height:auto; line-height:normal; padding:5px 0}
.path{ display:none}
.lanmusort{ float:none; display:block; overflow:hidden; text-align:center; }
.lanmusort li{ display:inline-block; margin:5px 3px; }
.lanmusort li a{ padding:0 15px; line-height:32px; background-color:#fff; border-radius:5px; font-size:14px}

.invitesort{ text-align:left;margin-bottom:10px}
.invitesort li{ margin:5px 3px}
.invitesort li a{padding:0 15px; line-height:32px; font-size:14px; height:32px; border:none; border-radius:0; border-bottom:1px solid #eee}
.invitesort li.on a, .invitesort li a:hover{ color:#eb120d; background:none;border:none; border-bottom:1px solid #eb120d}

.invitebox .w03{ display:none}
.invitebox .w04{ display:none}
.invitebox .w05{ display:none}
.invitebox .w06{ display:none}
.invitehd{ font-size:14px;}
.invitehd li{ padding-top:10px; padding-bottom:10px}
.invitebox .w01{ width:30%;}
.invitebox .w02{ width:45%}
.invitebox .w07{ width:25%}
.invitebd .moreclick{ width:100%}
.invitebd{ padding-left:0; padding-right:0;}
.invitebd li{ padding-top:10px; padding-bottom:10px}
.ulconn{ padding-bottom:20px;}
.ulconn b{ font-size:14px}
.ulconn .more{ font-size:14px; line-height:32px; height:32px; width:90px}

.lanmusort.none li a{ padding:0 10px}
.brand01 .txt .t{ font-size:20px; text-align:center}
.brand01 .img{ float:none; width:auto; margin-right:0; margin-bottom:10px}
.brand01 .txt .t:after{ margin:0 auto}
.brand02 li{ width:48%; margin-bottom:10px}
.brand02 li h3{ font-size:14px; line-height:36px; height:36px}
.brand04 .txt{ padding-left:0}
.brand04 .map{ height:300px}
.brand01{ padding-bottom:20px}
.brand02{ margin-bottom:20px}
.lanmuhd{ margin-bottom:30px}
.brand03{ margin-bottom:30px}

.ideabox .txt{ float:none; width:auto}
.ideabox .txt .ico{ width:46px; height:46px}
.ideabox .txt li{ padding-bottom:10px; margin-bottom:10px}
.ideabox .img{ float:none; width:auto}
.ideabox .txt .ms h3{ font-size:16px}

.staffbox li{ width:48%}
.staffbox li .img{ height:33.9vw}
.staffbox li h3{ font-size:14px}
.staffbox li{ margin-bottom:15px;}

.newslist li .txt{ padding-left:15px}
.newslist li{ padding-bottom:15px; margin-bottom:15px}
.newslist li:last-child{ margin-bottom:0}
.newslist li .img{ width:120px; height:80px}
.newslist li .txt h3{ font-size:16px; line-height:1}
.newslist li .txt .ms{ font-size:13px; line-height:1.4; height:36px; margin-bottom:5px}

.contactuslist li .img{width:120px; height:80px}
.contactuslist li .txt h3{ font-size:16px; line-height:1}
.contactuslist li .txt .ms{ line-height:1.4}
.contactuslist li .txt{ padding-left:15px}
.contactuslist li{ padding-bottom:15px; margin-bottom:15px}
.contactuslist li:last-child{ margin-bottom:0}

.about01 .videobox{ width:100%; height:53vw}

.about02 .bd .li{ margin:0 50px} 
.about02 .line{ height:48px; margin-top:-48px}
.about02 .bd .li:after{ width:28px; height:83px; bottom:-83px}
.about02 .bd .item{ padding-bottom:83px}

.about02{ padding-top:30px; padding-bottom:50px}
.about03 .bd .eng{ font-size:24px}
.about03 .bd h3{ font-size:18px; margin-bottom:20px}
.about03 .bd .txt{ font-size:14px; line-height:1.6}
.about03 .bd{ margin-bottom:30px}
.about04 .bd{ padding:80px 0; padding-bottom:30px}
.about04 .bd .img{ width:90px; height:90px}
.about04 .bd li{ padding:20px 10px}
.about04 .bd .title{ padding-left:110px}
.about04 .bd .ms{ padding-left:0; text-align:center; height:auto}
.about04 .bd .ms .li{top:0;transform:none}

.about05{ padding-top:25px; padding-bottom:50px}
.about05 li:nth-child(odd) .img{ float:none; width:auto; margin-bottom:20px}
.about05 li .img img{ height:auto}
.about05 li:nth-child(odd) .txt{ float:none; width:auto}
.about05 li .txt h3{ font-size:18px; margin-bottom:15px}
.about05 li:nth-child(even) .img{ float:none; width:auto; margin-bottom:20px}
.about05 li:nth-child(even) .txt{ float:none; width:auto}
.bdfoot .img{ float:none; width:auto; height:auto}
.bdfoot .txt{ height:auto; float:none; width:auto; padding:10px; text-align:justify}
.bdfoot .txt .conn{top:0;transform:none}

.box_cen .container ul li .mes .num{ font-size:30px}
.box_cen .container ul li .con{ padding-top:10px}
.about06{ padding-top:35px; padding-bottom:55px}

.sideleft{ margin-top:-10px; margin-bottom:10px}
.sideleft .hd{ display:none}
.sideleft .bd li a{ font-size:14px; padding-left:10px; line-height:32px; height:32px}

.about07 ul{ float:none; width:auto; padding:0}
.about07 ul li{ margin-bottom:10px}
.about07 .bd:before{ display:none}
.about07 ul li .ms{ padding:0; padding-left:20px}

/*20191024添加*/
.contactuslist02left{ float:none; width:auto; border-bottom:1px solid #eee; margin-bottom:20px}
.contactuslist02right{ float:none; width:auto}
.contactuslist02left .ewm img{ width:120px}
.contactuslist02right li .t{ width:88px}

/*20191027添加*/
.banner.h400 .slick-arrow{ display:none !important}
/*20200429添加*/
.maintain01{ margin-bottom:25px}
.maintain01 .bd li .txt h3{ font-size:16px; margin:5px 0}
.maintain01 .bd li .txt .p{ font-size:13px}
.maintain01 .bd li .img {
    -webkit-box-flex: 0 0 70px;
    -ms-flex: 0 0 70px;
    -webkit-flex: 0 0 70px;
    flex: 0 0 70px;
    height: 70px; 
}
.lanmuhd .p{ font-size:14px}
.maintain01 .bd li{ width:100%;}
.maintain01 .bd li.w4{ width:100%}
.maintain01 .bd li{ height:auto; padding:10px 0} 
.maintain02 .td ul li.w0{ margin-top:10px}
.maintain02 .td ul li.w4{ width:100%; padding-left:12.5%; text-align:left}
.maintain02 .th .w4{ display:none}
.maintain02 .w2{ width:25%; text-align:left}
.maintain02 .w3{ width:60%; text-align:left}
.maintain02 .td ul{ padding:5px 0;}
.maintain02 .td ul li.w0{ margin-top:5px; line-height:1.4}
}