@charset "utf-8";
/*banner*/
.banner{width:100%;position:relative;z-index:5;overflow:hidden}
.banner .swiper-container {position:relative;width: 1920px;height:716px;left:50%;margin-left:-960px;background:#222;}
.banner .swiper-container-horizontal .swiper-pagination-bullets {bottom: 20px;}
.banner .swiper-container-horizontal .swiper-pagination-bullet {width: 10px;height: 10px;border-radius:100%;display: inline-block;background:#868686;opacity:1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#ff8d1a;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}
.banner .swiper-button-prev{left:50%;margin-left:-627px}
.banner .swiper-button-next{right:50%;margin-right:-627px}

.nbanner{position:relative;z-index:10;width:100%;overflow: hidden;}
.nbanner img {position:relative;width:1920px;left:50%;margin-left:-960px}

.pro-img{position:relative;width:100%;overflow: hidden;}
.pro-img img {position:relative;width:100%;}


/*index*/
.culuture{height:230px;width:100%;background:#000000}
.culuture dl{float: left;width:33.333%;height:170px;padding:30px 0;color:#ffffff;text-align: center}
.culuture dl i{display:block;margin:auto;width:100px;height:100px;background:url(../imgs/ico_01.png) no-repeat}
.culuture dl i.ico_01{background-position: 0 0}
.culuture dl i.ico_02{background-position: -100px 0}
.culuture dl i.ico_03{background-position: -200px 0}
.culuture dl dt{font-size: 20px}
.culuture dl dd{font-size: 14px;opacity:0.65;filter:alpha(opacity=65);}
.culuture dl.cbg{background:url(../imgs/mid1.jpg) no-repeat center center}

.item-menu{width:100%;overflow:hidden}
.item-menu .lefts{float: left;width:65%}
.item-menu .rights{float: left;width:35%}
.item-menu .lefts img{width:100%}
.item-menu .rights img{width:100%}
.item-menu a{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.item-menu p{position:absolute;left:50%;top:50%;width:200px;height:30px;line-height: 30px;margin-left:-100px;margin-top:-15px;text-align:center;letter-spacing: 10px;color:#fff;font-size:25px}
.item-menu a img{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease}
.item-menu a:hover img{transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-moz-transform: scale(1.3);}

.at-head{position:absolute;top:330px;left:50%;margin-left:-400px;width:800px;color:#ffffff;text-align:center}
.at-head h2{font-size:18px;opacity:0.5}
.at-head h3{margin-top:20px;font-size:58px;font-weight:700;text-transform: uppercase;}
.at-head h4{margin-top:40px;font-size:28px;font-weight:700;text-transform: uppercase;}
.at-head span{display:block;width:140px;height:40px;margin:auto;margin-top:50px;background:url(../imgs/rm1.png) no-repeat center;border:1px solid #5a5a5a}

.ab-info{position:absolute;top:800px;left:50%;margin-left:-600px;width:1200px;color:#ffffff;text-align:center}
.ab-info dl{float: left;width:25%;font-size:0;text-align:center}
.ab-info dt,.ab-info dd{display:inline-block;height:66px;vertical-align: middle;text-align: left}
.ab-info dt{font-weight:700;font-size:63px;line-height:66px}
.ab-info dd{margin-left:15px;padding:9px 0;height:48px;}
.ab-info dd h4{font-size:18px;color:#4e4e4e;line-height:18px;text-transform: uppercase;font-family:arial}
.ab-info dd p{font-size:20px;color:#ffffff;line-height:20px;margin-top:10px;}

.border-line{position:absolute;left:50%;bottom:-50px;width:0;height:160px;border-left:1px solid #ffffff}

.content-box{padding:100px 5% 150px}
.content-box img{width:100%}
.content-box .left-box{float: left;width:45%}
.content-box .right-box{float: right;width:45%}
.culuture-box{padding-top:10px}
.culuture-box dl{margin-top:60px;height:80px}
.culuture-box dl i{float: left;width:80px;height:80px;background:url(../imgs/ico_02.png) no-repeat}
.culuture-box dl i.ico_01{background-position:0 0}
.culuture-box dl i.ico_02{background-position:-80px 0}
.culuture-box dl i.ico_03{background-position:-160px 0}
.culuture-box dl .con{margin-left:90px;padding:10px 0}
.culuture-box dl .con dt{line-height:30px;color:#ffffff;font-size:22px;font-weight:700}
.culuture-box dl .con dd{line-height:30px;color:#4e4e4e;font-size:18px;}
.content-box .imgs-box{width:100%;margin-top:100px}
.content-box .imgs-box dl{float: left;width:49%}
.content-box .imgs-box dl:nth-child(2n){float: right}
.content-box .content{padding:200px 0 250px;text-align:center;color:#ffffff}
.content-box .content h2{font-size:18px}
.content-box .content h3{font-size:40px;font-weight:700}
.content-box .content p{font-size:14px;margin-top:30px}


.league{padding:200px 0 160px;}
.lg-head{text-align:center;color:#ffffff}
.lg-head h2{font-size:18px}
.lg-head h3{font-size:40px;font-weight:700}
.lg-head h4{font-size:16px;color:#4e4e4e;margin-top:40px}
.lg-head p{font-size:16px;margin-top:40px}
.lg-head b{display:block;margin:auto;margin-top:30px;width:320px;line-height:50px;font-size:20px;font-weight:700;color:#ffffff;border-radius:100px;border:1px solid #636363}
.league .box{margin-top:100px}
.league .box .img-box{float: left}
.league .box .img-box img{float: left;margin-right:30px}
.league .box .con-box{float: right;width:280px;}
.league .box .con-box dl{margin-top:45px;height:80px}
.league .box .con-box dl i{float: left;width:80px;height:80px;background:url(../imgs/ico_03.png) no-repeat}
.league .box .con-box dl i.ico_01{background-position:0 0}
.league .box .con-box dl i.ico_02{background-position:-80px 0}
.league .box .con-box dl i.ico_03{background-position:-160px 0}
.league .box .con-box dl i.ico_04{background-position:-240px 0}
.league .box .con-box dl .con{margin-left:90px;padding:10px 0}
.league .box .con-box dl .con dt{line-height:30px;color:#ffffff;font-size:22px;font-weight:700}
.league .box .con-box dl .con dd{line-height:30px;color:#4e4e4e;font-size:18px;}

.platform{width:100%;height:434px;padding-top:225px;background: url(../imgs/jbg.jpg) no-repeat center}
.reason{padding:150px 0;overflow:hidden}
.reason .box{margin-top:40px;margin-left:-100px;}
.reason .box dl{float: left;margin-top:40px;margin-left:100px;width:548px;height:70px;line-height:70px;color:#fff;text-align:center;font-size:18px;border:1px solid #333333;border-radius:3px}


.service{width:100%;height:529px;padding-top:130px;background: url(../imgs/jbg2.jpg) no-repeat center}
.service .box{margin-top:70px;text-align:center}
.service .box dl{display:inline-block;width:250px;}
.service .box dl i{display:block;width:100px;height:100px;margin:auto;background: url(../imgs/ico_04.png) no-repeat}
.service .box dl i.ico_01{background-position:0 0}
.service .box dl i.ico_02{background-position:-100px 0}
.service .box dl i.ico_03{background-position:-200px 0}
.service .box dl p{color:#fff;font-size:16px;margin-top:20px}

.support{padding:150px 0}
.support .box{margin-left:-200px}
.support .box dl{float: left;margin-top:100px;margin-left:200px;width:500px;}
.support .box dl i{float: left;width:120px;height:120px;background:url(../imgs/ico_05.png) no-repeat}
.support .box dl i.ico_01{background-position:0 0}
.support .box dl i.ico_02{background-position:-120px 0}
.support .box dl i.ico_03{background-position:0 -120px}
.support .box dl i.ico_04{background-position:-120px -120px}
.support .box dl i.ico_05{background-position:0 -240px}
.support .box dl i.ico_06{background-position:-120px -240px}
.support .box dl .con{display: table-cell;padding-left:25px;height:120px;width:380px;vertical-align:middle}
.support .box dl .con dt{font-size:24px;color:#ffffff;font-weight:700}
.support .box dl .con dd{font-size:18px;color:#4e4e4e;margin-top:10px}


.location{position:absolute;left:0;top:80px;padding:20px 0 20px 50px;color:#ffffff;font-size:13px}
.location a{color:#ffffff;font-size:13px}

.contact{padding:100px 0}
.contact .lx_01{height:60px;border-bottom:1px solid #ccc;line-height:40px;color:#000}
.contact  .company-name{float: left;width:500px}
.contact  .hot-line{float: right;width:500px}
.contact .company-name .lx_btn{float: right;line-height:38px;padding:0 40px;color:#000;border:1px solid #aaa;}
.contact .hot-line span{float: right;}

.contact .lx_02{height:130px;border-bottom:1px solid #ccc;padding:30px 0;color:#000}
.contact .lx_02 .qr{width:500px}
.contact .lx_02 .qr span{line-height:30px;margin-top:50px;float: left}
.contact .lx_02 .qr img{width:130px;height:130px;float: right}

.feedback{margin-top:100px}
.feedback .title{padding-bottom:20px;color:#000;border-bottom:1px solid #ccc}
.feed{margin-top:50px}
.feed .inl-h{height:50px;width:580px;border:1px solid #cccccc}
.feed .inl-h input{display:block;width:540px;height:50px;line-height:50px;padding:0 20px;background:none;border:none}
.feed .inl{margin-top:30px;width:1198px;border:1px solid #cccccc}
.feed .inl textarea{width:1158px;height:120px;line-height:20px;padding:10px 20px;resize: none;border:none;background:none}
.feed .inls{margin-top:30px;width:1198px;}
.feed .inls .yzm{height:50px;border:1px solid #ccc;float: left;}
.feed .inls .yzm input{float: left;height:50px;line-height:50px;padding:0 20px;width:160px;border:none;background:none;border-right:1px solid #ccc}
.feed .inls .yzm img{width:100px;height:50px}
.feed .inls .btns{float: left;margin-left:50px;}
.feed .inls .btns button{height:52px;line-height:52px;width:200px;background:#000;color:#fff;cursor:pointer;border:none}



.newslist{padding: 0}
.newslist li{padding:60px 0;height:280px;border-bottom:1px solid #999}
.newslist li .pic{float: left;width:400px;height:280px;overflow:hidden}
.newslist li .pic img{width:400px;}
.newslist li .con{float: right;width:750px;height:250px;padding-top:30px;overflow:hidden}
.newslist li .con .date{height:20px;line-height:20px;color:#000;font-size:12px;}
.newslist li .con .tit{margin-top:10px;width:750px;height:70px;line-height:35px;color:#000;font-size:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist li .con .tit a{color:#000;font-size:25px}
.newslist li .con .txt{margin-top:15px;width:750px;height:50px;line-height:25px;color:#000;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newslist li .con .rm{display:block;margin-top:30px;width:140px;height:40px;line-height:40px;text-align:center;color:#000000;border:1px solid #aaaaaa}

.news_main{width:1200px;padding: 60px 0}
.news_main .news-title{position:relative;z-index:999;border-bottom:1px solid #e4e4e4}
.news_main .news-title .title{margin:auto;width:900px;font-size:24px;color: #000000;line-height:1.4;;font-weight:400;text-align:center}
.news_main .news-title .date{margin:auto;width:900px;height:20px;line-height:20px;font-size:12px;color: #999999;padding:15px 0;text-align:center}
.news_main .news-title .date span{display:inline-block;margin:0 20px;}
.news_main .news-title .date span i{float: left;width:20px;height:14px;margin-top:4px;margin-right:10px;background:url(../imgs/ico_art.png) no-repeat}
.news_main .news-title .date span .ico_time{background-position: left center;width:14px;}
.news_main .news-title .date span .ico_visit{background-position: right center;}


.news-main{padding:25px 0;color:#666666;line-height:1.8;font-size:14px;}
.news-main img{max-width:100% !important;height:auto !important;}
.otherxx{padding:15px 0;}


.m-ewm{position:absolute;z-index:999;right:0;bottom:15px;width:18px;height:18px;background:url(../imgs/ico_qr.jpg) no-repeat center;}
.m-ewm .showewm{display:none;position:absolute;right:0;top:-90px;width:180px;height:245px;padding:15px;text-align:center;border:1px solid #efefef;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color:#ffffff;}
.m-ewm .showewm img{width:180px}
.m-ewm .showewm p{display:block;margin:auto;margin-top:10px;line-height:1.6;font-size:12px;color:#666666}
.m-ewm .showewm p span{color:#0068b7}
.m-ewm:hover .showewm{display:block;}





.pro-nav{margin-top:50px;height:60px;border-bottom:1px solid #ccc}
.pro-nav li{float: left;width:210px;height:60px;text-align:center}
.pro-nav li a{display:block;width:210px;height:60px;line-height:60px;font-size:14px;color:#000000}
.pro-nav li.active a{color:#ffffff;background-color: #000000}

.pro-list ul{margin-left:-60px;margin-top:30px;}
.pro-list ul li{float: left;width:570px;height:560px;margin-left:60px;margin-top:30px;text-align:center;}
.pro-list ul li .pic{display:table-cell;width:490px;height:400px;padding:40px;background-color:#f5f5f5;vertical-align:middle}
.pro-list ul li .pic img{max-width:490px;max-height:400px;}
.pro-list ul li .tit{margin-top:20px;line-height:30px;height:30px;width:570px;overflow:hidden;color:#000000;font-size:25px;}
.pro-list ul li .txt{margin-top:5px;line-height:20px;height:20px;width:570px;overflow:hidden;color:#000000;font-size:14px;}

.pro-main{margin-top:180px}
.pro-pic{float: left;width:570px;}
.pro-pic>div{display:table-cell;width:490px;height:400px;padding:40px;background-color:#f5f5f5;text-align:center;vertical-align:middle}
.pro-pic>div img{max-width:490px;max-height:400px;}

.pro-info{float: right;width:530px}
.pro-info h2{margin-top:30px;font-size:32px;color:#000;padding-bottom: 15px;border-bottom:1px solid #cccccc}
.pro-info .con{margin-top:30px;color:#555555;font-size:14px;line-height:2}
.pro-info a.back{display:block;margin-top:80px;width:140px;height:40px;line-height:40px;text-align:center;font-size:13px;color:#000000;border:1px solid #aaaaaa}


.product-process {margin-top:90px}
.product-process .proTab{position:relative;}
.product-process .tabBar {width:100%;height:60px;border-bottom:1px solid #ccc;text-align:center;}
.product-process .tabBar span {position:relative;float: left;width:210px;height: 60px;line-height: 60px;color:#000;font-size:14px;cursor: pointer;}
.product-process .tabBar span.current{color:#ffffff;background:#000000}
.product-process .tabCon {display: none;margin-top:30px;color:#555555;font-size:14px;line-height:2}
.product-process .tabCon img{max-width:100%;height:auto !important;}

/*********      page      ***************/
#page{ width:100%;padding:50px 0 ;overflow:hidden;margin:auto}
.pagination{text-align:center;}
.pagination > li{display: inline-block;height:40px !important;border-bottom:none !important;padding:0 !important;}
.pagination > li > a,.pagination > li > span{display:block;padding:0 14px;font-size:14px;margin:0 5px;border:none;background:#fff;border:1px solid #ddd;border-radius:4px;height:38px; line-height:38px;color:#666;}
.pagination .active span{background-color:#ff8d1a;border:1px solid #ff8d1a;color:#fff; font-weight:normal; font-size:14px;font-weight:bold}
.pagination .disabled{color:#aaa;}


/** prev next button ***/
.pn{padding:15px 0;margin:auto;width:100%;line-height:1.5;overflow:hidden;color:#666666;border-top:1px solid #e4e4e4}
.pn_l{padding:5px 0;font-size:14px;}
.pn_l a:hover{color:#ff8d1a;}
.pn_r{padding:5px 0;font-size:14px;}
.pn_r a:hover{color:#ff8d1a;}








.search_list{width:760px;float:left;}
.search_list h2{height: 48px;line-height: 1;font-size: 18px;border-bottom: 1px solid #e7e7e7;}
.search_list li{padding:20px 0;height:130px;border-bottom:1px solid #dddddd}
.search_list li .tit{width:760px;height:30px;line-height:30px;}
.search_list li .tit a{color:#0000cc;font-size:16px;text-decoration:underline}
.search_list li .tit a .hightlight{color:#cc0087}
.search_list li .con{height:90px;margin-top:10px;}
.search_list li .con .pic{float:left;width:120px;height:90px;margin-right:20px;overflow:hidden}
.search_list li .con .pic img{width:120px;height:90px;}
.search_list li .con .txt{height:88px;line-height:22px;color:#333;overflow:hidden}
.search_list li .con .txt .hightlight{color:#cc0087}


.newsright{width:380px;}
.newsright h3{height:48px;line-height:1;font-size:18px;border-bottom:1px solid #e7e7e7}
.newsright .box{width:380px;overflow:hidden;}

.newsright li{width:380px;height:114px;padding:30px 0;overflow: hidden;border-bottom:1px solid #e7e7e7}
.newsright li .pic{float:left;width:152px;height:114px;border:1px solid #e7e7e7;}
.newsright li .pic img{width:152px;height:114px;}
.newsright li .con{float:right;width:205px;height:114px;}
.newsright li .con .tit{width:200px;height:44px;line-height:22px;color:#333;font-size:14px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsright li .con .date{margin-top:10px;width:200px;height:15px;line-height:15px;color:#999;font-size:12px;overflow : hidden;}
.newsright li .con .rm{display:block;margin-top:20px;width:84px;height:24px;line-height:24px;padding: 0;color:#999999;text-align:center;border:1px solid #e7e7e7;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.newsright li .con .rm i{display:block;width:20px;height:10px;margin:auto;background:url(../imgs/rm.png) no-repeat center bottom}
.newsright li .con .rm:hover{background-color:#d2a880;border-color:#d2a880;color:#ffffff}