html,body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{
    margin: 0; padding: 0; box-sizing:border-box;
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
}

html,body{
    font-family:Microsoft Yahei, Arial, Helvetica, sans-serif;color:#444; font-size: 12px;
    -webkit-text-size-adjust: none;  -moz-text-size-adjust: none;  -ms-text-size-adjust: none;
    -o-text-size-adjust: none;  text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#666;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{line-height: 0;border: 0; vertical-align: middle;}
.clearfix { *zoom:1;}
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.l{ float:left;}
.r{ float:right;}
.section{width: 94%; max-width:1200px; margin:auto;  overflow: hidden;  }
.tle-box{  width: 120px;  }
.tle-box span{font-size: 30px; color: #c25b00;}
.tle-box h2{font-size: 30px; color: #222; border-bottom: 2px solid #c25b00; margin: 30px 0;}
.tle-box h3{font-size: 30px; color: #fff; border-bottom: 2px solid #c25b00;margin: 30px 0;}
.tle-box em{display: block; width: 60px; height: 1px; background: #454545; margin:10px auto;}
.tle-box i{display: block;width: 60px; height: 1px;  background: #454545; margin: 10px 0;}


.header{  position:relative;}
.header .section{padding: 15px 0;}
.header .logo{ float:left; padding:10px 0; overflow: hidden;}
.header .lang{ float:right; background: url("../image/en.jpg")no-repeat center left; padding-left: 25px; margin-top: 28px;overflow: hidden;}
.header .lang a{ display:block; color:#333;}
.header .menu{ width: 100%;border-top: 1px solid #d5d5d5; height: 40px; border-bottom: 1px solid #d5d5d5; margin: auto;position: relative;}
.header .menu ul{width: 100%; max-width: 1200px; margin: auto;}
.header .menu li{ float:left; width:14.28%;  text-align:center; background: url("../image/nav-shu.jpg") no-repeat center right;}
.header .menu li a{ display:block; line-height:40px; color:#000; font-size:14px; }
.header .menu li a.on,.header .menu li a:hover{ color:#c25b00; }
.header .menu li .drop{ background:rgba(250,250,250,0.9); overflow:hidden; position:absolute; display: none; width:100%; left:0; top:40px;  padding: 15px 0; z-index: 9999;}
.header .menu li .drop .drop-img{width: 20%; float: left; margin-left: 10%;}
.header .menu li .drop .drop-img img{max-width: 100%;}
.header .menu li .drop ul{ width:30%; float:left;padding:15px 0;margin-left: 5%;}
.header .menu li .drop ul li{ width:50%; float:left; background: url("../image/jiant.png") no-repeat 0 18px; text-align: left; padding-left: 10px;}
.header .menu li:last-child{background: none;}
.header .menu li.english{display: none;}


.m_menu{ background:#be5600 url(../image/icon_nav.png) no-repeat center; background-size: 100%; width:40px; border-radius:40px; position:absolute; right:5px; top:8px; height:40px; display:none;}


.banner{width:100%; position:relative; overflow:hidden;}
.banner_bar{ width:1000px; margin:0 auto;}
.n_banner{ width:1920px; margin:0 -460px; overflow:hidden; position:relative;}
.banner ul{ width:100%; position:relative;  }
.banner ul li{ width:100%; position:absolute;  left:0; top:0; opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.banner ul li.on{z-index:2;}
.banner .num{ position:absolute; width:100%; height:12px; bottom:5%; left:0; text-align:center; z-index:3;}
.banner .num a{ width:60px; height:5px; display:inline-block; background:#9f9f9f; border-radius:10px; margin:0 5px;}
.banner .num a.on{ background:#c25b00}
.banner li img {  display: block;}


.i-about{width: 100%; padding: 80px 0;}
.i-about h4{color: #c25b00; font-size: 30px; text-transform: uppercase; text-align: center; margin-bottom: 50px;}
.i-about .i-ab-con{width: 100%; overflow: hidden;}
.i-about .i-ab-con .i-ab-pic{ width: 50%;}
.i-about .i-ab-con .i-ab-pic img{max-width: 100%;}
.i-about .i-ab-con .i-ab-intro{width: 48%; font-size: 14px; line-height: 25px;}
.i-about .i-ab-con .i-ab-intro p{text-indent: 2em; padding: 8px 0;}
.i-about .i-ab-con .i-ab-intro a{display: block; width: 120px; line-height: 35px; margin-top: 30px; border: 1px solid #272727; color: #272727; text-align: center;}
.i-about .i-ab-con .i-ab-intro a:hover{background: #c25b00; color: #fff; border: 1px solid #fff;}



.i-ab-year{width: 100%;overflow: hidden; margin-top: 50px;}
.i-ab-year ul{width: 100%;}
.i-ab-year ul li{width: 31.33%; margin: 0 1%; float: left;}

.i-ab-year .time{width: 100%; font-size: 50px; color: #ca5d22;}
.i-ab-year .time span{font-size: 18px;}

.dm{width: 100%; font-size: 50px; color: #ca5d22;overflow: hidden;}
.zyd-mu{float: left;}
.zyd{width: 60px;font-size: 18px; float: left; margin-top: 10px; margin-left: 10px;}
.j{width: 15%; text-align: center;  float: left;}
.xsd-mu{float: left;}
.xsd{width: 60px;font-size: 18px; float: left;margin-top: 10px; margin-left: 10px;}
.pf{width: 100%; font-size: 50px; color: #ca5d22;}
.pf span{width: 100%; font-size: 16px; color: #ca5d22;}

.i-ab-year .year-txt{width: 100%; border-top: 1px solid #707070; border-bottom: 1px solid #707070; padding: 20px 0; margin:10px 0; min-height:135px; overflow: hidden;}
.i-ab-year .year-txt p{font-size:17px; color: #575556; padding: 10px 0;}
.i-ab-year .year-txt span{ font-size:16px; font-family: Arial; color: #646464; line-height: 24px;}







.i-product{width: 100%; padding-top: 50px; background: #f7f7f7; overflow: hidden;}
.i-product .tle-box{margin: auto;}
.i-product .product-abv{width: 100%; margin: 40px 0; overflow: hidden; background: url("../image/product-abv-bj.png") no-repeat right; background-size: contain; height: 446px;}
.i-product .product-abv .product-adv-txt{width: 400px;}
.i-product .product-abv .product-adv-txt img{margin: 5px 0; height: 55px;}
.i-product .product-abv .product-adv-txt h2{ font-size: 28px; }
.i-product .product-abv .product-adv-txt p{width:73%;font-size: 12px; line-height: 25px; margin: 10px 0; }
.i-product .product-abv .product-adv-txt span{font-size: 13px; color: #c25b00;}
.i-product .product-intro{width: 100%; background: #fff; padding: 6px; overflow: hidden;}
.i-product .product-intro .pc-intro-txt{width: 50%; height: 356px;padding:85px 50px 0 135px; overflow:hidden;background: url("../image/pc-intro-txt.jpg") no-repeat ;}
.i-product .product-intro .pc-intro-txt h3{font-size:25px; color: #c25b00; line-height: 50px; }
.i-product .product-intro .pc-intro-txt p{  font-size:14px; line-height: 25px; text-indent: 2em;}
.i-product .product-intro .pc-intro-pic{width: 50%;}
.i-product .product-intro .pc-intro-pic img{max-width: 100%; height:359px;}
.i-product .more{display: block; width: 120px; line-height: 35px; margin: 40px auto; border: 1px solid #272727; color: #272727; text-align: center;}
.i-product a:hover{background: #c25b00; color: #fff; border: 1px solid #fff;}

.product-center{width: 100%; padding:50px 0; background: #fff;}
.product-center .tle-box{margin:20px auto;}
.immersive_slider { max-width:100%; height:480px; opacity:.9; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;    position:relative;overflow:hidden;}
.immersive_slider .is-slide { display:table; height:100%; width:100%; box-sizing:border-box; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;     position:absolute;}
.immersive_slider .is-slide .image { float:none; width:60%; box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;  vertical-align:middle; display:table-cell; padding:0 0 0 10px;}
.is-bg-overflow { width:100%; height:100%; position:absolute; z-index:0;}
.is-overflow, .is-bg-overflow {    height:100%;}
.ease { -webkit-transition:1000ms ease all;  -moz-transition:1000ms ease all; -o-transition:1000ms ease all; transition:1000ms ease all;}
.bounce {  -webkit-transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all; -moz-transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;  -o-transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all; transition:1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;}
.no-animation { -webkit-transition:none!important; -moz-transition:none!important; -o-transition:none!important;transition:none !important;}
.immersive_slider .is-slide .image img {    max-width:100%;    display:block;    width:100%;}
.immersive_slider .is-slide .content { float:none; width:40%;  box-sizing:border-box; -moz-box-sizing:border-box;    -webkit-box-sizing:border-box; color:#000; text-align:left; line-height:160%; vertical-align:middle;display:table-cell;background: url("../image/shuye.jpg")  no-repeat center bottom ;}
.immersive_slider .is-slide .content h2{font-size:44px; color: #c25b00; line-height: 30px; text-align: center; margin-top: 60px; }
.immersive_slider .is-slide .content h5{font-size:16px; color: #6c6c6c; line-height: 80px;text-align: center; font-weight: bold; }
.immersive_slider .is-slide .content p{width: 80%; margin: auto;  font-size:12px; line-height: 25px; text-indent: 2em; color: #000;}
.immersive_slider .is-slide .content .more{display: block; width: 120px; line-height: 35px; margin: 100px 0 0 30px; border: 1px solid #272727; color: #2f2f2f; text-align: center;}
.immersive_slider .is-slide .content a:hover{background: #c25b00; color: #fff; border: 1px solid #fff;}

.product-center .moree{ width: 120px; line-height: 35px; margin: 10px auto; border: 1px solid #272727; color: #2f2f2f; text-align: center; display: none;}

.is-next, .is-prev { padding:5px 5px 15px;  font-size:50px; position:absolute; bottom:50%; margin-bottom:-36px;  width:35px; color:#FFF;   display:inline-block; line-height:100%;background:rgba(0, 0, 0, 0.35);}
.is-next {  right:10px;}
.is-prev { left:10px;}


.i-new-product{width: 100%; padding: 50px 0; background: #f7f7f7;}
.i-new-product .tle-box{margin: auto;}
.marqueeleft{width:1200px;overflow:hidden;margin:40px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 8px;display:inline;width:284px;overflow:hidden;}
.marqueeleft li img{max-width: 100%;}
.marqueeleft:hover li{ background:#000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:20;}
.marqueeleft:hover img{ opacity:0.5;filter:alpha(opacity=50);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:30;}
.marqueeleft li:hover img{ opacity:1;filter:alpha(opacity=100);-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear; z-index:40;}


.i-new-box{width: 100%; overflow: hidden; padding: 75px 0;}
.i-new-box .i-new-pic{width: 55%; float: left;}
.i-new-box .i-new-pic img{max-width: 100%;}
.i-new-box .i-new-list{width: 40%; float: left; margin-left: 3%; font-size: 0;}
.i-new-box .i-new-list dl{width:100%;display: inline-block; margin:10px 0; vertical-align: top; overflow: hidden; }
.i-new-box .i-new-list dl dt{width: 20%;float: left; text-align: center;font-size: 12px; line-height: 25px; padding: 18px 5px; border-right: 1px solid #e6e6e6;}
.i-new-box .i-new-list dl dt span{ font-size: 16px;color: #222; }
.i-new-box .i-new-list dl dt p{ font-size: 16px; color: #333;}
.i-new-box .i-new-list dl dd{width: 70%;float: left; margin-left: 5%;}
.i-new-box .i-new-list dl dd a{display: block;font-size: 15px; line-height: 22px; height: 22px; overflow: hidden; color: #222;}
.i-new-box .i-new-list dl dd p{font-size: 14px; line-height: 20px;max-height: 40px; overflow: hidden; margin: 5px 0;color: #666;}
.i-new-box .i-new-list dl dd a:hover{ color: #c25b00;}
.ban-box{width: 100%;padding-top: 19.79%;}
.a-ban{background:url(../image/ab-ban.jpg) center;}
.c-ban{background:url(../image/cn-ban.jpg) center;}
.n-ban{background:url(../image/news-ban.jpg) center;}
.w-ban{background:url(../image/w-ban.jpg) center;}
.main-warp{width: 100%;padding:50px 0; overflow: hidden;}

.content_box{ width:94%; max-width:1200px; margin:auto; padding:15px 0;}
.content_box .left{ width:18%; float:left;border: 1px solid #e9e9e9;}
.content_box .icon{ width:100%;  background: url(../image/title_1.jpg) no-repeat center left;  font-size:20px;color:#c25b00;  height: 58px;  line-height: 58px;  padding-left: 18px;   border-bottom: 1px solid #f0efed;}
.content_box .left ul{ width:86%; margin:20px auto; }
.content_box .left ul li{ width:100%; line-height:38px;margin-bottom: 15px;  }
.content_box .left ul li a{border: 1px solid #eaeaea;  font-size: 14px;  text-indent: 1em;  color: #666;  width: 100%;  display: block;}
.content_box .left ul li a:hover{border:1px solid #cfbea6; color:#c25b00; background:#f7f4f1;}
.content_box .left ul li a.menunow{border:1px solid #cfbea6; color:#c25b00; background:#f7f4f1;}

.content_box .right{width:80%; float:right; margin-left:2%;border: 1px solid #e9e9e9;}
.content_box .now-lum{width:100%;  background: url(../image/title_1.jpg) no-repeat center left;  font-size:20px;color:#c25b00;  height: 58px;  line-height: 58px;  padding-left: 18px;   border-bottom: 1px solid #f0efed;}
.content_box .lan-lum{ float:right; font-size:12px;color:#999;  line-height: 30px;  margin-right: 10px; margin-top: 10px; }
.content_box .lan-lum a{color:#999; }

.content_box .mod-edit{width: 96%; margin:20px auto;  font-size:14px; line-height:28px;  }
.content_box .mod-edit img{ max-width:100%;}
.content_box .mod-edit h2{ font-size:25px; line-height:60px; text-align:center;}
.content_box .mod-edit h3{ font-size:35px; line-height:80px; text-align:center;}

.design{width: 100%; background: #f1f1f1; border-bottom: 1px solid #d5d5d5; height: 78px; position: relative;}
.design span{ display:block; text-align:center; width: 150px; line-height: 35px; font-size: 14px; background: #fff; position: absolute; bottom: -1px; border-bottom: 1px solid #fff; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5;}
.des-box{width: 100%; padding: 50px 0; overflow: hidden;}
.des-box .des-le{width: 40%; float: left;overflow: hidden;}
.des-box .des-le img{margin: 10px 0 40px 0; }
.des-box .des-le p{font-size: 14px; line-height: 28px;color: #6a6666;}
.des-box .des-rl{width: 50%; float: right; text-align: center;}
.des-box .des-main{width: 100%; max-width: 340px; margin:40px auto; display: none;overflow: hidden;}
.des-box .des-main img{max-width: 100%;}
.des-box .des-main .des-main-txt{background: #d5d5d5; padding: 5px; text-align: center;}
.des-box .des-main p{ font-size: 20px; padding: 5px 0;  color: #c77203; border: 1px solid #fff;}
.main-cp{width: 100%;}
.main-cp .tle-box{margin: auto;}

.main-class{width: 850px; margin: auto;}
.main-class li{width: 140px;float: left; position: relative;}
.main-class li a{border: 1px solid #e8e8e8;  font-size: 14px;   color: #444;  margin: auto;   display:block;width: 92%; height: 40px; line-height: 40px; text-align: center;}
.main-class dl{width: 100%; background: #fff; position: absolute; visibility: hidden; opacity: 0; transition: opacity 0.5s;    z-index: 9999999;}
.main-class dd{width: 100%;}
.main-class dd a{border:0; }
.main-class li:hover dl{ visibility: visible;  opacity: 1;}
.main-class a:hover{border:1px solid #cfbea6; color:#c25b00; background:#f7f4f1;}
.main-class a.menunow{border:1px solid #cfbea6; color:#c25b00; background:#f7f4f1;}
.main-cp .main-cp-txt{width: 100%; padding: 30px 0; overflow: hidden; text-align: center;}
.main-cp .main-cp-txt h1{padding: 10px 0;}
.main-cp .cp_query{ width:100%; border-top: 1px solid #eeeeee; }
.main-cp .cp_query ul{ width:100%; max-width: 1200px; margin: auto; }
.main-cp .cp_query ul li{ width:23%;  float:left; margin:20px 1%; display: inline-block; vertical-align: top;}
.main-cp .cp_query ul li a{ display:block; width:100%; height:100%; }
.main-cp .cp_query ul li a:hover{ color:#c25b00;  }
.main-cp .cp_query .cp-img{ width:100%; margin-bottom:5px; text-align:center; overflow:hidden;}
.main-cp .cp_query .cp-img img{max-width: 100%; }
.main-cp .cp_query .cp-tle{ width:100%; text-align:center; font-size:16px; font-weight: normal; line-height:25px; }

.content_box .cpdedit{ font-size:14px; line-height:28px; padding:15px 0; min-height:500px; text-align: center; }
.content_box .cpdedit img{ max-width:80%;}
.content_box .cpdedit h1{    overflow: hidden;  width: 100%; font-size:16px; line-height:40px;text-align:center}
.content_box .cmodedit{ width:80%; margin: auto; font-size:14px; line-height:28px; padding:15px 0; min-height:500px; }
.content_box .cmodedit h2{ font-size:25px; line-height:60px; text-align:center;}
.content_box .cmodedit h4{ font-size:18px; line-height:40px; }


.newsquery{width: 90%;overflow: hidden;font-size: 14px;line-height: 25px; margin: 50px auto;}
.newsquery ul{width:100%;margin: 5px 0; }
.newsquery ul li{width: 100%; overflow: hidden; border-bottom: 1px solid #e6e6e6;line-height: 25px; padding: 10px 0;}
.newsquery ul li a{float:left;display: block;width:85%;box-sizing: border-box;overflow: hidden;color: #222;font-size: 16px; padding-left:30px; background: url("../image/service-tech-01.jpg")no-repeat 3px 5px ;}
.newsquery ul li span{display: block; width: 15%; float:right;font-size: 13px;color: #9a9a9a; text-align: right;}
.newsquery ul li a:hover{ color: #c25b00;}
.content_box .newsmodedit{ width:90%; margin: auto; font-size:14px; line-height:28px; padding:15px 0; min-height:500px; }
.content_box .newsmodedit h1{ overflow: hidden;  width: 100%;font-size:16px; line-height:40px;text-align:center}
.content_box .newsmodedit h2{ width:100%; font-size:12px; font-weight:normal; line-height:40px; border-bottom:1px solid #f1f1f1; text-align:center;}
.content_box .newsmodedit p{ font-size:14px; line-height:22px; }
.content_box .newsmodedit img{max-width: 100%;}

    
.foreign{width: 100%; background: #f1f1f1; border-bottom: 1px solid #d5d5d5; height: 78px; position: relative;}
.foreign span{ display:block; text-align:center; width: 150px; line-height: 35px; font-size: 14px; background: #fff; position: absolute; bottom: -1px; border-bottom: 1px solid #fff; border-left:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-top:1px solid #d5d5d5;}
.foreign-box{width: 100%; padding: 50px 0; overflow: hidden;}
.foreign-box .for-le{width: 25%; float: left; padding-top: 100px;}
.foreign-box .for-le h4{font-size: 34px;text-indent: 1em; }
.foreign-box .for-le p{font-size: 14px; line-height: 28px;color: #6a6666; text-indent: 2em; padding-top: 20px;}
.foreign-box .for-rl{width: 75%; float: right; text-align: center;}
.foreign-box .for-rl img{max-width: 100%; }

.gn-box{width: 100%; overflow: hidden;}
.gn-box .tle-box{margin: auto;}
.gn-box .gn-con{width: 100%;}
.gn-box .gn-con p{width:96%; margin:auto;font-size: 15px; line-height: 25px; text-align: center; padding: 20px 0;}



.wd-pic{width: 100%; overflow: hidden; padding: 20px 0;}
.wd-pic h2{ color: #c25b00; font-size: 25px; padding: 20px 0; text-align: center;}
.wd-pic .wd-lr{width: 49%; float: left;}
.wd-pic .wd-rl{width:49%; float: right; }
.wd-pic .wd-lr img{max-width: 100%;}
.wd-pic .wd-rl img{max-width: 100%;}


.ab-company{width: 100%;}
.ab-company .tle-box{margin: auto;}
.ab-company .ab-edit{width: 100%; padding: 30px 0;}
.ab-company .ab-edit .ab-left{width: 50%;}
.ab-company .ab-edit .ab-left h4{ font-size: 30px; color: #c25b00; padding-bottom: 20px;text-indent: 1em; }
.ab-company .ab-edit .ab-left p{font-size: 14px; line-height: 28px; text-indent: 2em;}
.ab-company .ab-edit .ab-right{width: 40%; }


.ab-cul{width: 100%; font-size: 14px; padding: 0; background:url("../image/ab-cul.jpg") no-repeat center; overflow: hidden;}
.cul-h2{margin: auto;}
.ab-cul .cul-warp{width: 100%; margin: 80px 0;background:rgba(195,91,2,0.8); color: #fff;}
.ab-cul .cul-warp .cul-le{width:48%; padding:100px 110px; float: left;  background:url("../image/yinghao.png") no-repeat 20px 50px;  color: #fff; line-height: 25px; position: relative; }
.ab-cul .cul-warp .cul-le h4{ font-size: 28px; color: #fff;padding-bottom: 35px;}
.ab-cul .cul-warp .cul-le span{display: block; width: 20px; padding:30px 20px; background: #362e2b; position: absolute; top: -50px; right: -20px; font-size: 25px;}
.ab-cul .cul-warp .cul-lr{width: 48%; background: #fff;  margin:40px 3% 40px 0; float: right;line-height: 30px;   padding:10px 10px 50px 10px;}
.ab-cul .cul-warp .cul-lr p{text-indent: 2em;color: #000;}
.ab-cul .cul-warp .cul-lr img{ max-width:100%; margin-bottom: 10px;}


.ab-lc{width: 100%;}
.ab-lc .tle-box{margin: auto;}
.scroll_horizontal{position:relative;width:100%;padding:20px 0;line-height:20px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:1200px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width:200px;text-align:center;}
.scroll_horizontal .list .lc-pic{ height: 206px; padding-bottom:25px; background: url("../image/lc-pic.jpg")}
.scroll_horizontal .list .lc-pic img{max-width: 100%; border-radius: 50%;}
.scroll_horizontal .list li h4{ color: #c25b00; font-size:35px; line-height: 50px;}
.scroll_horizontal .list li span{ color: #c25b00;font-size:18px;  }
.scroll_horizontal .list li p{width: 90%; margin: auto; color: #5f5f5f; font-size: 13px; padding-top: 10px;}
.scroll_horizontal .plus,.scroll_horizontal .minus{position:absolute;top:194px;width:30px;height:60px;background:#c25b00;cursor:pointer; display: none;}
.scroll_horizontal .plus{left:10px; background: url("../image/l-jian.png")}
.scroll_horizontal .minus{right:10px; background: url("../image/r-jian.png")}



.ab-abv{width: 100%; background: url(../image/ab-abv.jpg) no-repeat center center;}
.ab-abv .tle-box{margin: auto;}
.ab-abv .tle-box h3{ border-bottom: 2px solid #efa96c;}
.ab-abv .adv-edit{width: 100%; padding: 30px 0;}
.ab-abv .adv-edit .adv-left{width: 40%;color: #fff; padding-bottom: 90px;}
.ab-abv .adv-edit .adv-left h4{ font-size: 30px; color: #efa96c; padding-bottom: 20px;}
.ab-abv .adv-edit .adv-left p{font-size: 14px; line-height: 28px; text-indent: 2em; padding-bottom: 20px;}
.ab-abv .adv-edit .adv-left span{display:block;font-size: 14px; line-height: 28px; }
.ab-abv .adv-edit .adv-right{width: 45%; padding-top: 50px;}
.ab-abv .adv-edit .adv-right h3{ font-size: 22px; color: #efa96c; padding-bottom: 20px;}


.wechat{width: 100%; padding: 50px 0; overflow: hidden;}
.wechat .wechat-box{ width: 328px;margin: auto; text-align: center;}
.wechat .wechat-box h2{font-size: 30px; color: #c25b00; border-bottom: 2px solid #c25b00; margin: 30px 0;}
.wechat .wechat-pic{width: 60%; text-align: center;margin: auto;}
.wechat .wechat-pic .wechat-le{width: 100%; float: left;}
.wechat .wechat-pic .wechat-le h5{font-size:16px; padding: 10px 0;}
.wechat .wechat-pic .wechat-le span{font-size: 14px;}
.wechat .wechat-pic img{width: 30%; border: 1px solid #eee;}


.cn-list{width: 100%; background: #fff; padding: 50px 0;}
.cn-list .tle-box{margin: auto;}
.cn-list .cn-edit{width: 90%;margin:40px auto; overflow: hidden;}
.cn-list .cn-edit dl{width: 33.333%; float: left;}
.cn-list .cn-edit dl dt{width:35%; float: left; }
.cn-list .cn-edit dl dt img{max-width: 100%;}
.cn-list .cn-edit dl dd{width:65%; min-height: 121px; float: left; font-size: 16px; padding: 10px; line-height: 25px; border-bottom: 1px solid #666;}
.cn-form{width: 100%; background: #fff; padding: 50px 0;}
.cn-form h5{  font-size:30px; color:#333; text-align: center;}
.cn-form span{display: block;  font-size:16px; color: #aaaaaa; line-height: 35px; text-align: center;}
.con-form{width:100%; margin-top: 35px;}
.con-form li{width:33.333%; float: left; margin: 10px 0;}
.con-form li span{ display:block;padding: 0 2px 0 8%; width:20%;  float: left;line-height: 45px;}
.con-form h5{width: 100%; float: left;}
.con-form input{background: #f5f5f5; border: 0; line-height: 45px; color: #666666; padding-left: 10px;   width: 90%; }
.con-form .texta{ width:100%; border: 0; line-height: 25px;color: #666666;}
.con-form .texta textarea{width: 96%;background: #f5f5f5; border: 0;color: #666666; line-height: 25px;  padding-left: 10px;    }
.con-form .button{background: #c25b00; border: 0; line-height: 45px;  color: #fff; font-size: 16px;    width: 25%; margin: auto;
    border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0;}



.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;   line-height: 30px;   display: inline-block;   text-align: center;}
.qt-pagination .pages{ background:#666; color:#fff;}



.world-contact{ width:100%;  background:#f8f8f8;   padding-top:50px; line-height: 25px;color:#333; }
.world-contact .section{overflow: inherit;}
.world-contact .i-world{width:50%; color:#dbdbdb;}
.world-contact .i-world .i-world-til{ color: #c25b00;}
.world-contact .i-world .i-world-til span{ color: #c25b00; font-size: 25px; }
.world-contact .i-world .i-world-til em{display: block;width: 50px; height: 1px; background: #454545; margin: 10px 0;}
.world-contact .i-world .i-world-box{ color: #474747; margin: 5px 0;}
.i-world .i-world-pic{width: 100%; }
.i-world .i-world-pic .i-world-icon{ width:20%;max-width:120px; padding-top: 30px;}
.f-icon{width: 30px; float: left; margin-right: 10px;}
.wb-icon{width: 30px; float: left;}
.wx-icon{width: 30px; float: left; margin-right: 10px;  position: relative;}
.wx-icon .wx-img {  visibility: hidden;  width: 150px;  color: #fff;  text-align: center;   position: absolute;  z-index: 9999;  top: 150%;  left: 50%;  margin-left: -75px; opacity: 0;  transition: opacity 1s;}
.wx-icon .wx-img::after {  content: "";   position: absolute;  bottom: 100%;  left: 50%; margin-left: -5px;    border-width: 5px;    border-style: solid;  border-color:  transparent transparent black transparent ;}
.wx-icon:hover .wx-img {    visibility: visible; opacity: 1;}
.i-world .i-world-pic .i-world-pic{width:80%;max-width: 440px;}
.i-world .i-world-pic .i-world-pic img{max-width: 100%;}


.world-contact .i-contact{width:50%; color:#dbdbdb; background:#fff; position: relative; }
.world-contact .i-contact .i-contact-til{position: absolute;top: -20px; left: 50%; margin-left: -50px; text-align: center;}
.world-contact .i-contact .i-contact-til span{ color: #c25b00; font-size: 25px; }
.world-contact .i-contact .i-contact-til em{display: block; margin:10px auto;width: 50px; height: 1px; background: #454545; }
.world-contact .i-contact .i-contact-ul {width: 100%;    overflow: hidden;}
.world-contact .i-contact .i-contact-ul ul{width: 80%; margin: 29px auto; font-size: 0; text-align: center;}
.world-contact .i-contact .i-contact-ul ul li{width: 45%; padding: 20px 0; margin: 20px 2.5%; display: inline-block; vertical-align: top; border: 1px solid #b8b8b8; font-size: 14px; color: #333; background: #f6f6f6; line-height: 22px;}
.world-contact .i-contact .i-contact-ul ul li p{width: 98%; margin:10px auto; height: 44px;}



.cd-top {  display: inline-block;  height: 44px;  width: 40px;  position: fixed;  bottom: 40px;  right: 10px;    overflow: hidden;  text-indent: 100%;  white-space: nowrap;  background:url(../image/top.png) no-repeat center 50%;  visibility: hidden;  opacity: 0;  -webkit-transition: all 0.3s;  -moz-transition: all 0.3s;  transition: all 0.3s;
}
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {  opacity:1;  }
.no-touch .cd-top:hover {  background-color: #e86256;  opacity: 1;  }


.foot{width: 100%;}
.foot-content{width: 50%; background: #c25b00; color: #fff; padding: 10px 0; text-align: center;}
.foot-content a{color: #fff;}

@media (max-width:1200px){
    .immersive_slider .is-slide .content h2{font-size: 30px;}
    .immersive_slider .is-slide .content h5{ font-size: 14px;line-height: 30px; width: 96%; margin:10px auto;}
    .immersive_slider .is-slide .content .more{display: none;}
    .scroll_horizontal .box{width: 1000px;}
    .product-center .moree{display: block;}
}


@media only screen and (min-width: 1024px) {
    .cd-top {  height: 60px;  width: 60px;  right: 30px;  bottom: 30px;  }
}


@media (max-width:999px){
    
    .banner{ margin:0;}
    .banner_bar{ width:100%;}
    .n_banner{ width:100%; margin:0; height:auto;}
    .banner ul{height:450px;}
    .banner ul li{height:450px;}
    .i-new-box .i-new-pic{width: 100%;}
    .i-new-box .i-new-list{width: 100%; margin-left: 0; margin-top: 50px;}
    .tle-box{margin: auto;}
    .ab-company .ab-edit .ab-left{width: 100%;}
    .ab-company .ab-edit .ab-left h4{text-align: center;}
    .ab-company .ab-edit .ab-right{width: 100%; margin-top: 30px;}
    .des-box .des-rl img{ max-width: 100%;}
    .scroll_horizontal .box{width: 800px;}
    .i-ab-year ul li{width: 100%; margin: 10px 0;}
}

@media (max-width:900px) {
    .i-product .product-intro .pc-intro-txt{padding: 20px 50px 0 135px;}

}

@media (max-width:856px) {
    .ab-cul{background-size: cover;}
    .ab-cul .cul-warp .cul-le{width: 92%; padding: 100px 4% 20px 4%;}
    .ab-cul .cul-warp .cul-le span{position: static;width: 98%; margin: 10px 0; padding: 5px 1%;}
    .ab-cul .cul-warp .cul-lr{width: 92%; margin: 20px 4%;}
    .main-class{width: 100%;}
    .main-class li{width: 33.33%;}
    .scroll_horizontal .box{width: 600px;}

}

@media (max-width:768px){
    .header{ width:100%;position: fixed; top: 0; z-index: 99999; background: #fff; box-shadow: 0 0 10px #ccc;}
    .header .section{width:98%; padding: 0;}
    .header .section .logo{padding: 15px 0; }
    .header .section .logo img{ height:25px;}
    .header .lang{display: none;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; height: auto; top:55px; background:#f9f9f9; width:100%; display:none;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #be5600; background: none;}
    .header .menu ul li a{ padding:0; color: #000;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{ position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}
    .header .menu li.english{display: block;}
    .banner{margin-top: 55px;}
    .banner ul{height:320px;}
    .banner ul li{height:320px;}
    .cd-top {  right: 20px;  bottom: 20px;  }
    .world-contact .i-world{width: 100%;}
    .world-contact .i-world .i-world-til span{display: block; text-align: center;}
    .world-contact .i-world .i-world-til em{ margin: 10px auto;}
    .world-contact .i-contact{width: 100%;}
    .i-about .i-ab-con .i-ab-pic{width: 100%;}
    .i-about .i-ab-con .i-ab-intro{width: 100%; margin-top: 40px;}
    .i-about .i-ab-con .i-ab-intro a{margin: 20px auto;}
    .i-product .product-intro .pc-intro-txt{width: 100%; padding:50px 20px; height: auto; background-size: 100%;    background: url(../image/pc-intro-txt-m.jpg) no-repeat;}
    .i-product .product-intro .pc-intro-pic{width: 100%;}
    .i-product .product-intro .pc-intro-pic img{width: 100%;height: auto;}
    .i-product .product-abv{    background: url(../image/product-abv-bj.png) no-repeat bottom; background-size: 100%; min-height:600px;}
    .i-product .product-abv .product-adv-txt{width: 90%; margin: auto; text-align: center;}
    .i-product .product-abv .product-adv-txt p{ margin: 10px auto;}
    .ban-box{margin-top: 55px; padding-top: 35%;}
    .a-ban{background-size:cover;}
    .c-ban{background-size:cover;}
    .n-ban{background-size:cover;}
    .w-ban{background-size:cover;}
    .ab-abv{background-size: cover;}
    .ab-cul .cul-warp .cul-le h4{padding: 20px 0; font-size: 16px;}
    .ab-abv .adv-edit .adv-left{width: 100%; padding-bottom:20px;}
    .ab-abv .adv-edit .adv-left h4{text-align: center; font-size: 20px;}
    .ab-abv .adv-edit .adv-left span{text-align: center;}
    .ab-abv .adv-edit .adv-right{width: 100%;    padding-top: 10px;}
    .ab-abv .adv-edit .adv-right h3{text-align: center; font-size: 18px;}
    .foot{width: 100%;}
    .foot .section{width: 100%;}
    .foot-content{width: 100%;}
    .des-box .des-le{width: 100%;float: none;}
    .des-box .des-le img{max-width: 100%; display: block;margin:20px auto;}
    .des-box .des-rl{width: 100%;display: none;}
    .des-box .des-rl img{ display: block; margin:15px auto;}
    .des-box .des-main{display: block;}
    .design{margin-top: 55px;}
    .main-cp .cp_query{width: 94%; margin: auto;}
    .foreign{margin-top: 55px;}
    .foreign-box .for-le{width: 100%; padding-top: 20px;}
    .foreign-box .for-le h4{text-align: center;}
    .foreign-box .for-rl{width: 100%; margin-top: 20px;}
    .cn-list .cn-edit dl{width: 100%; margin: 10px 0;}
    .i-world .i-world-pic .i-world-icon{width: 120px; float: none; overflow: hidden; margin:15px auto;}
    .i-world .i-world-pic .i-world-pic{width: 100%; text-align: center;}
    .wechat .wechat-pic img{width: 50%;}
    .cd-top{bottom: 80px;}
    .immersive_slider .is-slide .content h2{font-size: 22px; margin-top: 30px;}
}

@media (max-width: 525px) {
    .top .logo img{height: 25px;}
    .top .lang{display: none;}
    .i-ab-year ul li{width: 98%; margin: 10px 0;}

    .i-product .product-abv .product-adv-txt h2{font-size: 20px;}
    .world-contact .i-contact .i-contact-ul ul li{width: 95%;margin: 10px 2.5%; padding: 10px 0;}
    .world-contact .i-contact .i-contact-ul ul li p{height: auto;}
    .marqueeleft{width:300px;}
    .marqueeleft li{width: 134px;}
    .i-product .product-abv{min-height: 450px;}

    .ab-company .ab-edit .ab-left h4{font-size: 24px;}
    .ab-cul .cul-warp .cul-le h4{padding: 20px 0; font-size: 24px;}
    .main-cp .cp_query ul li{width: 48%;}
    .main-class li a{width: 90%;    font-size: 12px;}
    .content_box .left{width: 100%;}
    .content_box .right{width: 100%; margin-top: 20px;}
    .newsquery ul li a{width: 100%;}
    .newsquery ul li span{width: 100%; text-align: left; padding-left: 30px;    box-sizing: border-box;}
    .content_box .cpdedit{min-height: auto;}
    .wd-pic .wd-lr{width: 100%;}
    .wd-pic .wd-rl{width: 100%; margin-top: 15px;}
    .i-ab-year ul li{width:98%; margin:10px 1%; float: left; }
    #dituContent{display: none;}
    .con-form li{width: 100%;}
    .con-form input{width: 100%;}
    .wechat .wechat-box{width: 100%;}
    .con-form .button{margin: auto;width: 100%;}
    .wechat .wechat-box h2{font-size: 20px; padding: 10px 0;}
    .wechat .wechat-pic{width: 100%;}
    .wechat .wechat-pic img{width:60%}
    .cn-list{padding: 10px 0;}
    .cn-form{padding: 10px 0;}
    .header .menu li .drop .drop-img{width: 100%; margin: 0;}
    .header .menu li .drop .drop-img img{display:block; max-width: 50%; margin: auto;}
    .banner ul li{height: 180px;}
    .immersive_slider{width: 80%; height: 390px; margin: auto;}
    .immersive_slider .is-slide .image{width: 100%;display: block;}
    .immersive_slider .is-slide .content{width: 100%;display: block;}
    .immersive_slider .is-slide .content h2{margin: 0;}
    .immersive_slider .is-slide .content h5{line-height: 22px;}

    .i-about h4{font-size: 20px;}
    .scroll_horizontal{width: 100%;}
    .scroll_horizontal .box{width: 100%;}
    .scroll_horizontal .list{width: 100%;}
    .scroll_horizontal .list{width: 100%;}
    .scroll_horizontal .list li{width: 100%; margin: 20px 0;}
    .scroll_horizontal .list .lc-pic{background: none;}
    .i-ab-year .time{font-size: 30px;}
    .dm{font-size: 30px}
    .pf{font-size: 30px}
    .zyd{font-size: 14px;margin-top: 0;}
    .xsd{font-size: 14px; margin-top: 0;}
    .des-box .des-le img{max-width: 60%; }
    .des-box .des-main{width: 70%;}
}