body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,option,p,blockquote,th,td{margin:0;padding:0;}
* {outline: 0 none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul li{list-style: none;}
a{color:black;outline:0 none;text-decoration: none;cursor:pointer;}
table {border-collapse: collapse;}
img{border:0;vertical-align: bottom;}
body{
    font-family: "Microsoft YaHei","Arial";
    font-size: 14px;
    -webkit-tap-highlight-color:transparent;
    overflow-x: hidden;
}


#top{width: 100%;height: 100px;line-height: 100px;position: absolute;left: 0;top: 0;z-index: 2}
#top .container{width: 1200px;margin:0 auto;}
#top .left{float: left;}
#top .left img{vertical-align: middle;}
#top .right{float: right;line-height: normal;text-align: right;margin-top: 30px}
#top .right .language a{color: #fff;margin: 0 3px}
#top .right .top_nav{margin-top: 25px}
#top .right .top_nav li{display: inline-block;}
#top .right .top_nav li a{color: #fff;margin-left: 35px}
.cebian{display: none;}
.bannerinner a.wfEditorMode {position: relative;z-index: 999;top: 100px;}

/*.banner{position: relative;overflow: hidden;visibility: hidden;}
.banner .slider{position: relative;}
.banner .slider li{float: left;}
.banner .slider li img{width: 100%;vertical-align: bottom;}
.banner .slider .fss-wrapper{float: left}
.banner .pagination{width: 100%;position: absolute;text-align: center;left: 0;bottom: 7%;z-index: 4}
.banner .pagination a{display: inline-block;width: 10px;height: 10px;font-size: 0;margin:0 10px;border-radius:25px;border:1px solid #fff;}
.banner .pagination a:hover,.banner .pagination a.selected{background: #fff}*/

.bannerinner{width:100%;position:relative;visibility: hidden;}
#slider{width:100%;height:100%;overflow:hidden;position:relative;}
#slider .li{position:relative;display: block;height:100%;top:0px;left:0px;float:left;width:100%;overflow:hidden;}

#slider div.img-part-right{height:100%;width:50%;overflow:hidden;position:absolute;right:0;top:0}
#slider  div.img-part-right .img-part-wrapper{height:100%;width:200%;position:absolute;top:0;right:0;}
#slider div.img-part-left{height:100% ;width:50%;overflow:hidden;position:absolute;left:0;top:0}
#slider  div.img-part-left .img-part-wrapper{height:100%;width:200%;position:absolute;top:0;left:0;}
#slider  div.img-part-right .img-part-wrapper img,#slider  div.img-part-left .img-part-wrapper img{
    width:100%;overflow: hidden;}
.index_banner .pagination{width: 100%;position: absolute;text-align: center;left: 0;bottom: 7%;z-index: 4}
.index_banner .pagination a{display: inline-block;width: 10px;height: 10px;font-size: 0;margin:0 10px;border-radius:25px;border:1px solid #fff;}
.index_banner .pagination a:hover,.index_banner .pagination a.selected{background: #fff}



.index_title{width: 100%;text-align: center;margin:10px 0 40px;}
.index_title .title_cn{font-size: 24px;color: #000;margin:20px 0 10px;}
.index_title .title_en{font-size: 14px;color: #000}

.index_about{width: 1300px;margin:0 auto;position: relative;}
.index_about .bg{max-width: 100%}
.index_about .slider_wrap{width: 570px;padding:40px;height: 300px;overflow: hidden;position: absolute;right: 5%;top: 50%;margin-top: -190px;background: rgba(143,51,41,0.9)}
.index_about .about_slider li{width: 95%;height: 300px}
.index_about .about_slider li p{font-size: 15px;line-height: 25px;color: #fff;padding-bottom: 25px}
.index_about .arrow03{position: absolute;width: 13px;height: 7px;bottom: 6%;left: 50%;margin-left: -6.5px;background: url(../images/about_arrow.png)}
.index_about .pagination02{position: absolute;right: 4%;bottom: 5%}
.index_about .pagination02 a{display: block;font-size: 0;width: 10px;height: 10px;border: 1px solid #fff;margin:13px 0;border-radius: 50%}
.index_about .pagination02 a:hover,.index_about .pagination02 a.selected{background: #fff}
.index_about .about_title{position: absolute;color: #fff;right: 3.5%;top: 20px;font-size: 18px;font-weight: bold;}

.index_service{position: relative;margin-bottom: 300px}
.index_service li{float: left;width: 33.3333%;overflow: hidden;position: relative;}
.index_service li img{max-width: 101%;transition: all 1s;-webkit-transition:all 1s;}
.index_service li .title_cn{position: absolute;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/service_mc.png) 100% 100%;text-align: center;}
.index_service li .title_cn span{width: 100%;color: #fff;font-size: 20px;position: absolute;left: 0;top: 50%;margin-top: -13px}
.index_service li:hover img{transform: scale(1.05,1.05);-webkit-transform: scale(1.1,1.1)}
.index_service .index_title{position: absolute;bottom: -40%;left: 0}

.index_product{position: relative;height: 800px;margin-bottom: 200px}
.index_product .wrap{width: 1200px;position: absolute;left: 50%;top: 0;margin-left: -600px}
#timeline{width: 100%; height: 900px;overflow: hidden;position: relative;margin-top: -50px}
#dates{float: left;width: 42%;overflow: hidden;}
#dates li{width: 100%;box-sizing: border-box;height: 300px;position: relative;}
#dates li img{width: 100%}
#dates li .title_cn{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(../images/service_mc.png) 100% 100%;text-align: center;z-index: 2}
#dates li span{position: absolute;width: 100%;color: rgb(220,220,220);left: 0;top: 50%;font-size: 20px;margin-top: -13px}
#dates li a.selected .title_cn{display: none;}
#issues{width: 50%;float: right;box-sizing: border-box;overflow: hidden;height: 800px;padding-top: 50px;}
#issues li{height: 900px;padding: 0 50px;line-height: 800px;}
#issues li .text_box{vertical-align: middle;display: inline-block;line-height: normal;width: 100%}
#issues li .text_cn{color: #fff;text-align: center;font-size: 20px;margin-bottom: 20px}
#issues li p{color: #fff;line-height: 25px;font-size: 14px}
.product_prev{position: absolute;width: 51px;height: 51px;background: url(../images/arrow02.png) no-repeat;top: 174px;left: 72%;z-index: 2}
.product_prev img{position: absolute;left: 50%;top: -123px;margin-left:-0.5px;}
.product_next{position: absolute;width: 51px;height: 51px;background: url(../images/arrow01.png) no-repeat;bottom: 174px;left: 72%;z-index: 2}
.product_next img{position: absolute;left: 50%;top:51px;margin-left:-0.5px;}

.index_news{position: relative;height: 860px;}
.index_news .wrap{width: 1200px;position: absolute;left: 50%;top: 0;margin-left: -600px}
.index_news .index_title .title_cn,.index_news .index_title .title_en {color: #fff}
#timeline02{width: 100%; height: 500px;overflow: hidden;position: relative;margin-top: 90px}
#dates02{float: left;width: 8%;}
#dates02 li{box-sizing: border-box;height: 100px;position: relative;width: 55px;height: 55px;margin-bottom: 10px;line-height: 55px;text-align: center;}
#dates02 li a{display: block;width: 100%;height: 100%;color: #fff;font-size: 15px;border: 1px solid #fff;}
#dates02 li a.selected{background: rgb(125,17,5);border-color:rgb(125,17,5) }
#issues02{float: right;width: 85%;overflow: hidden;height: 450px;padding-top: 100px}
#issues02 li{height: 450px;}
#issues02 li .left{width: 12%;float: left;}
#issues02 li .left {color: #fff;font-size: 15px;padding-bottom: 10px;border-bottom:1px solid #fff;}
#issues02 li .center{width: 48%;float: left;margin: 0 4%}
#issues02 li .center .text_cn{color: #fff;font-size: 20px;text-align: center;}
#issues02 li .center .text{margin-top: 20px;}
#issues02 li .center .text p{color: #fff;font-size: 14px;line-height: 25px;margin-bottom: 20px}
#issues02 li .right{width: 32%;float: right;}
#prev02{position: absolute;left: 50%;top: 0%;width: 51px;height: 51px;margin-left: -25.5px;background: url(../images/arrow01.png) no-repeat;}
#next02{position: absolute;left: 50%;bottom:0%;width: 51px;height: 51px;margin-left: -25.5px;background: url(../images/arrow02.png) no-repeat;}


.index_case{width: 100%}
.index_case li{float: left;width: 33.3333%;position: relative;}
.index_case li .bg{max-width: 100%}
.index_case li .mc{position: absolute;width: 100%;height:100%;left: 0;top: 0;background: url(../images/service_mc.png) 100% 100%;z-index: 2;display: none;}
.index_case li .text{color: #fff;font-size: 16px;width: 98%;line-height: 25px;position: absolute;right: 2%;bottom: 10px;text-align: right;}
.index_case li .icon_box{position: absolute;width: 100%;text-align: center;top: 50%;left: 0;margin-top: -25px}
.index_case li:hover .mc{display:block;}
.index_case .wfEditorMode {position: absolute;left: 0;z-index: 2;top: 25px}

.footer01{width: 100%;background: rgb(44,44,44);padding: 60px 0}
.footer01 .wrap{width: 1200px;margin: 0 auto;text-align: center;}
.footer01 .wrap li{display: inline-block;width: 22%;text-align: left;line-height: 40px}
.footer01 .wrap li a{color: rgb(220,220,220)}
.footer01 .wrap li a:hover{color: rgb(250,250,250)}
.footer01 .wrap li img{vertical-align: middle;margin-right: 15px}
.footer02{width: 100%;background: rgb(44,44,44);background: url(../images/footerline.png) rgb(44,44,44) no-repeat top;height: 55px}
.footer02 .wrap{width: 1200px;margin: 0 auto;position: relative;}
.footer02 .wrap p{text-align: center;line-height: 55px;color: #666666}
.footer02 .wrap .icon_box{position: absolute;right: 0;top: 50%;margin-top: -10px}
.footer02 .wrap .icon_box div{display: inline-block;height: 20px;line-height: 20px;margin-left: 15px}
.footer02 .wrap .icon_box div img{vertical-align: middle;}

#inside_top{width: 100%;height: 85px;position: relative;}
#inside_top .container{width: 1200px;margin:0 auto;position: relative;}
#inside_top .container .inside_logo{display: inline-block;height: 85px;line-height: 85px;}
#inside_top .container .inside_logo img{vertical-align: middle;}
#inside_top .inside_top_nav{float: right;}
#inside_top .inside_top_nav li{display: inline-block;margin-left:40px;line-height: 85px}
#inside_top .inside_top_nav li img{vertical-align: middle;}
#inside_top .inside_top_nav li a{color: #333}
#inside_top .inside_top_nav li a:hover,#inside_top .inside_top_nav li.active a{color:#8f3329}

.inside_banner{width: 100%;height: 450px;position: relative;}
.inside_banner .text{position: absolute;width: 100%;left: 0;text-align: center;top: 50%;z-index: 2;margin-top: -38.5px}
.inside_banner .text .text_cn{font-size: 35px;color: #fff}
.inside_banner .text .text_en{font-size: 16px;margin-top:10px;color: #fff}

.bread{width: 100%;border-bottom: 1px solid rgb(220,220,220);margin-bottom: 60px}
.bread .wrap{width: 1200px;margin:0 auto;}
.bread .wrap .left{float: left;}
.bread .wrap .right{float: right;}
.bread .wrap li{display: inline-block;line-height: 70px}
.bread .wrap li.active a{color:#8f3329}
.bread .wrap li a{color: #666}
.bread .wrap li a:hover{color:#8f3329 }
.bread .wrap span{color: #666;margin:0 10px;}

.inside_title{font-size: 30px;color: #333333;text-align: center;margin-bottom: 60px}
.about{width: 1200px;margin: 0 auto}
.about .company{margin-bottom: 150px}
.about .company .mainli{margin-bottom: 60px}
.about .company .mainli .bg{max-width: 100%}
.about .company .mainli .left{float: left;width: 49%}
.about .company .mainli .right{float: right;width: 49%}
.about .company .mainli p{font-size: 15px;color: #333;line-height: 25px;margin-bottom: 20px}
.about .company .iconlist{text-align: center;margin-top: 35px}
.about .company .iconlist li{display: inline-block;margin: 0 3.5%}
.about .company .iconlist li .icon_wrap{width:80px;height: 80px;line-height: 80px;border:2px solid #8f3329;border-radius: 50%}
.about .company .iconlist li .icon_wrap img{vertical-align: middle;}
.about .company .iconlist li .icon_text{color: #8f3329;margin-top: 10px}
.about .advantage{margin-bottom: 100px}
.about .advantage .list{}
.about .advantage .list li{float: left;width: 31.666%;margin-left: 2.5%;position: relative;margin-bottom: 20px}
.about .advantage .list li .wfEditorMode {position: absolute;left: 0;z-index: 2;top: 25px}
.about .advantage .list li.li0,.about .advantage .list li.li3{margin-left: 0}
.about .advantage  li .show{background: rgb(238,238,238);padding: 20px 0}
.about .advantage  li .show .img_wrap{height: 220px;line-height: 220px;width: 100%;text-align: center;}
.about .advantage  li .show .img_wrap img{vertical-align: middle;}
.about .advantage  li .show .text_title{width: 90%;margin: 25px auto 20px;font-size: 25px;color: #333}
.about .advantage  li .show .text_cont{width: 90%;margin: 20px auto 0;line-height: 24px;height: 96px;font-size: 15px;color: #333}
.about .advantage  li .hidden{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow:hidden;display: none;}
.about .advantage  li .hidden .bg{max-width: 100%;}
.about .advantage  li .hidden .logo_wrap{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/service_mc.png) 100% 100%;}
.about .advantage  li .hidden .logo{position: absolute;width: 171px;height: 51px;top: 0;left: 0;right: 0;bottom: 0;margin: auto}
.about .advantage  li:hover .hidden{display: block;}
.about .promise{margin-bottom: 80px}
.about .promise .list{border-bottom: 1px solid rgb(220,220,220) }
.about .promise .list li{padding: 35px 4%;border-top: 1px solid rgb(220,220,220)}
.about .promise .list li .img_wrap{float: left;width: 30%}
.about .promise .list li .img_wrap img{max-width: 100%}
.about .promise .list li .text_wrap{float: right;width: 55%;}
.about .promise .list li .text_wrap .text_title{font-size: 28px;color: #333;margin-bottom: 30px}
.about .promise .list li .text_wrap .text_cont{font-size: 16px;color: #333;line-height: 28px}
.about .promise .list li.active .img_wrap{float: right;}
.about .promise .list li.active .text_wrap{float: left;}

.product{width: 1200px;margin:50px auto;}
.product .product_nav{text-align: center;}
.product .product_nav li{display: inline-block;margin:0 10px;}
.product .product_nav li a{display: inline-block;width: 350px;height: 60px;line-height: 60px;border:1px solid #8f3329;border-radius: 5px;font-size: 18px;color:#8f3329 }
.product .product_nav li a:hover{background: #8f3329;color:#fff}
.product .product_nav li.active a{background: #8f3329;color:#fff}
.product .tedian{padding: 40px 5%;border-bottom: 1px solid rgb(220,220,220)}
.product .tedian .product_img{max-width: 100%}
.product .tedian .descripe{font-size: 16px;line-height: 26px;color: #000;margin: 40px 0}
.product .tedian .tedian_title{font-size: 22px;}
.product .tedian .tedian_list {margin-top: 20px}
.product .tedian .tedian_list li{padding-left: 30px;background: url(../images/product_pointer.png) no-repeat left center;font-size: 16px;line-height: 30px}
.product .parameters{padding: 40px 5%;border-bottom: 1px solid rgb(220,220,220)}
.product .parameters .parameters_title{font-size: 20px;padding-left: 30px;background: url(../images/product_pointer.png) no-repeat left center;}
.product .parameters .parameters_img{margin-top: 35px}
.product .parameters .parameters_img img{max-width: 100%;margin-top: 35px}
.product_bread .wrap .left span:last-child{display: none;}

.case{width: 1480px;margin: 40px auto}
.case .list li{float: left;width: 33.333%;position: relative;}
.case .list li .bg{max-width: 100%}
.case .list li .logo_warp{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/service_mc.png) 100% 100%;display: none;}
/*.case .list li .logo{width: 171px;height: 51px;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto}*/
.case .list li .logo_warp .text{color: #fff;font-size: 16px;width: 98%;line-height: 25px;position: absolute;right: 2%;width: 98%;bottom: 10px;text-align: right;}
.case .list li:hover .logo_warp{display:block;} 
.case .mores,.index_case .mores{display: block;width: 120px;margin:100px auto  40px;text-align: center;font-size: 23px;position: relative;}
.case .mores .line,.index_case .mores .line{position: absolute;left: 50%;top: -70px;margin-left: -0.5px;}
.case .wfEditorMode{position: absolute;left: 0;z-index: 2}

.warehouse{width: 1200px;margin: 0 auto}
.warehouse p{font-size: 16px;line-height: 26px;color: #333}
.warehouse .cangku{margin:60px 0;max-width: 100%}

.team{width:100%}
.team .team_descripe{width: 960px;margin: 0 auto 50px;color:#000;font-size: 17px;line-height: 28px;text-align: center;}
.team .manage_team{width: 100%;padding:80px 0;background: rgb(237,237,237);position: relative;}
.team .manage_team .container{width: 1200px;margin: 0 auto}
.team .manage_title{text-align: center;font-size: 21px;color: #666;line-height: 30px}
.team .manage_title img {vertical-align: middle;margin:0 30px;}
.team .manage_team .sanjiao{left: 50%;margin-left: -40px;position: absolute;width: 0;height: 0;border-left: 40px solid transparent;border-right: 40px solid transparent;border-top: 40px solid #fff;}
.team .manage_team .sanjiao01{top:0;}
.team .manage_team .sanjiao02{bottom: -40px;border-top: 40px solid rgb(237,237,237)}
.team .list{text-align: center;}
.team .list li{display: inline-block;margin:0 3%;margin-top: 80px}
.team .list li .imgwrap{width: 200px;height: 200px;border-radius: 50%;overflow:hidden;}
.team .list li .name_en{font-size: 15px;margin: 20px 0 5px}
.team .support_team{width: 1200px;margin: 150px auto}

.aftersale{width: 1200px;margin: 0 auto}
.aftersale .aftersale_title{width: 100%;height: 70px;line-height: 70px;background: rgb(237,237,237);text-align: center;font-size: 18px;color: #333}
.aftersale .liucheng_list{margin: 50px 0}
.aftersale .liucheng_list li{margin-bottom: 35px;padding-left: 50px}
.aftersale .liucheng_list li .text_title{font-size: 19px}
.aftersale .liucheng_list li .text_cont{font-size: 16px;margin-top: 10px}
.aftersale .chengnuo{padding:50px 0 }
.aftersale .chengnuo p{font-size: 15px;line-height: 26px;margin:0 50px;}
.aftersale .baozhang {margin-bottom: 100px}
.aftersale .baozhang .bg{display: block;margin: 50px auto 30px;max-width: 100%}
.aftersale .baozhang p{width: 85%;margin:0 auto;font-size: 16px;}

.contact{width: 100%;height: 1000px;overflow:hidden;}
.contact .left{float: left;width: 50%;height: 100%}
.contact .right{float: right;width: 50%;height: 100%;background: rgb(160,75,66);line-height: 1000px}
.contact .right .wrap{display: inline-block;line-height: normal;vertical-align: middle;margin-left: 10%;margin-right: 28%}
.contact .right .contact_title{color: #fff;text-align: center;width: 180px}
.contact .right .contact_title strong{font-size:40px;display: inline-block;margin-bottom: 10px;font-weight: normal;}
.contact .right .contact_title span{font-size: 15px}
.contact .right .text_en{font-size: 14px;color: #fff;line-height: 27px;margin: 60px 0}
.contact .contact_list{}
.contact .contact_list li{position: relative;color: #fff;padding-left: 35px;font-size: 16px;line-height: 35px}
.contact .contact_list li .icon_box{position: absolute;width: 30px;height: 100%;line-height: 35px;left: 0;top: 0}
.contact .contact_list li .icon_box img{vertical-align: middle;}
#map{width: 460px;height: 280px;margin-top: 60px}

.news{width: 1200px;margin: 0 auto 50px}
.news .list{margin-bottom: 50px}
.news .list li {height: 250px;line-height: 250px;margin-bottom: 30px;overflow:hidden;background:rgb(247,247,247);position: relative;}
.news .list li .hrefa{display: block;width: 100%;height: 100%}
.news .list li .imgwrap{float: left;width: 25%}
.news .list li .imgwrap img{max-width: 100%}
.news .list li .text{width: 65%;margin-left: 7%;line-height: normal;display: inline-block;vertical-align: middle;}
.news .list li .text p{line-height: 26px;color: #666}
.news .list li .time{position: absolute;right: 40px;bottom: 25px;line-height: normal;color: #666}
.pager {text-align: center;}
.pager li{display: inline-block;margin: 0 5px}
.pager li a {display: inline-block;width: 30px;height: 30px;line-height: 30px;font-size: 13px;color: #999;border:1px solid rgb(220,220,220);}
.pager li.selected a,.pager li:hover a{background: #8f3329;color: #fff}
.pager li.first,.pager li.last{display: none;}

.newsdetail{width: 1200px;margin:60px auto;}
.newsdetail .news_title{font-size: 22px;text-align: center;margin-bottom: 35px}
.newsdetail p{font-size: 14px;color: #666;line-height: 25px;margin-bottom: 20px}
.newsdetail img{display: block;margin:20px auto;}

.searchform .input01 {width: 400px;height: 30px;border: 1px solid rgb(200,200,200);float: left;line-height: 30px;font-size: 15px;color: #666;padding-left: 10px;}
.searchform .input02 {width: 100px;height: 32px;float: left;background: #8f3329;border: none;color: #fff;font-size: 15px;cursor: pointer;}
.formwrap {text-align: center;margin-top: 100px;}
.searchform {display: inline-block;}
.search-result-empry, .search-keyword-error-too-short, .search-error {text-align: center;margin: 20px auto 300px;font-size: 15px;color: #666;}
.resultwrap {margin: 50px auto 200px;}
.results {width: 1200px; margin: 0 auto;padding: 20px 0;border-bottom: 1px solid rgb(220,220,220);}
.results .title {font-size: 16px;color: #333;line-height: 35px;}
.results .title:hover{color: #8f3329}
.results {width: 1200px;margin: 0 auto;padding: 20px 0;border-bottom: 1px solid rgb(220,220,220);}

.jishu_table,.waixing_table{width: 100%;margin-top: 40px}
.jishu_table table,.waixing_table table{width: 100%;}
.jishu_table table th{border: 1px solid rgb(150,150,150);border-top: 2px solid #333;border-bottom: 2px solid #333;text-align: center;height: 45px;font-size: 15px}
.jishu_table table td,.waixing_table table td{border: 1px solid rgb(150,150,150);text-align: center;height: 45px}
.waixing_table table{border:2px solid #333;border-left: none;border-right: none;}

.totop{display: inline-block;width:40px;height: 40px;opacity: 0;background:url(../images/top01.png) no-repeat;position: fixed;right: 20px;bottom: 20px;z-index: 3}
.totop:hover{background:url(../images/top02.png) no-repeat;}

.service_enter{}
.service_enter li{height: 900px;position: relative;}
.service_enter li .text{position: absolute;left: 25%;top: 20%;z-index: 2;width: 30%}
.service_enter li .text .text_title{color: #fff;font-size: 24px;margin-bottom: 40px}
.service_enter li .text .text_cont{color: #fff;line-height: 24px;font-size: 15px}
.service_enter li.li2 .text{left: 50%}
.service_enter li.li2 .text .text_title{text-align: right;}