body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 arial,'Microsoft YaHei'; color:#333; font-size:12px;}
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;} 
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important;  }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:arial,'Microsoft YaHei';}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
h3{ font-weight:normal;}
.box{ width: 1200px; margin: 0 auto; }
body{  box-sizing: border-box; width: 100%;   }

.head{ position: static; left: 0px; top: 20px; padding: 0 20px; box-sizing: border-box; width: 100%; z-index: 999; background: url(../images/headbj.png) left top; }
h1{ float: left; line-height: 100px; }
.head_right{ float: right; }
.nav_ul{ float: left; }
.nav_ul li{ float: left; margin-left: 10px; position: relative; }
.nav_ul li a{ display: block; transition: all 0.5s ease 0s;  position: relative;z-index: 99; font-size: 18px; height:100px; line-height: 100px; /* padding: 0 1vw; */ text-align: center; width:8.3vw;  }
.nav_ul li:after{ height: 0; width: 100%; position: absolute;left: 0; top: 0; content: ''; background: #e7161d; transition: all 0.5s ease 0s; }
.nav_ul li:hover:after{ height: 100px; transition: all 0.5s ease 0s; }
.nav_ul li:hover a{ color:#fff; transition: all 0.5s ease 0s; }
/*.lan{ float: left; padding-right: 54px; margin: 0 30px 0 30px;background: url(../images/head1.png) right center no-repeat; }*/
.lan{ float: left; padding-right: 54px; margin: 0 30px 0 30px;}
.lan a{ display: block; font-size: 20px; color: #e7161d; height: 100px; line-height: 100px; }
.search_form{ float: left; width: 214px; height: 38px; border: 1px solid #999999; border-radius: 10px; overflow: hidden; margin:30px 0px 0 0;  }
.search_txt{ float: left; height: 38px; padding: 0 18px; box-sizing: border-box; line-height: 38px; width: 163px; overflow: hidden; border: none; background: none; font-size:14px; color: #999999;  }
.search_sub{ float: right; height: 38px; border: none; line-height: 38px; width: 38px; cursor: pointer;background: url(../images/search.png) left center no-repeat;}
.foot{background: #ececf1;  padding: 0 20px; box-sizing: border-box; }
.what{ float: right; padding-top: 12px; }
.what img{ width: 100px;height: 100px; }
.foot_bottom{ text-align: center; font-size: 14px; color: #a0a0a2;height: 56px; line-height: 56px; border-top: 1px solid #dadade; }
.foot_bottom a{font-size: 14px; color: #a0a0a2;}
.foot_top{ padding:20px 0 20px 0; position: relative; }
.footend{ position: absolute; top: -32px; right: 0; display: block; }
.footcont{ font-size: 32px; height:50px; line-height: 50px; display: block; margin-bottom: 20px;  }
.foot_dl dt{ height: 34px; float: left; line-height: 34px; font-size: 20px; margin-bottom: 10px; }
.foot_dl dd{ float: left; margin-left: 10px; }
.footimg{ border: 1px solid #b1b3b6; width:32px; height: 32px; line-height: 32px; margin-right: 10px; text-align: center; border-radius: 5px; display: inline-block;  }
.foot_dl { float: left; margin-right:60px;  }
.dd_i{ font-size: 18px; color: #7b7c7e; height: 38px; line-height: 38px; margin-right: 36px; display: inline-block; }
.foot_div{ float: left; }
.site{ position: absolute; left: 0; bottom:10px; height: 34px; line-height: 34px; width: 100% ; text-align: right; font-size: 16px; color: #fff; }
.banner{ position: relative; }
.site a{ color: #fff;  padding-right:24px;margin-left: 16px;transition: all 0.5s ease 0s;  background: url(../images/home1.png) right center no-repeat;  }
.site a:hover{ color: #e7161d; transition: all 0.5s ease 0s; }
.site a:nth-last-child(1){ background: none; padding-right: 0; }
.site_inner{  background: url(../images/home.png) left center no-repeat; padding-left: 14px;  float: right; }
.about{ padding: 0px 0 0 0; }
.history_tit{ font-size: 38px; padding: 55px 0 0 0; margin-bottom: 38px; height: 76px; line-height: 76px; text-align: center; }

.history_ul{}
.history_ul li{ float: left; width: 25%; }
.histit{ font-size: 18px; height:48px; line-height: 48px; text-align: center; overflow: hidden;  }
.counter{ font-size:50px; color: #e7161d  }
sub{ font-size:20px; margin-left:20px;   }
.hisbox{ font-size:36px; color: #e7161d; height: 76px; line-height: inherit; overflow: hidden; }
.hisbox sub{ color: #333; margin: 0 5px; }
.his_div{ text-align: center; }
.newsimg{ position: relative; margin: 60px 0; }
.img_i{ display: block; height:290px;  }
.img_i img{ width: auto; height: 290px; max-width: 100% }
.imgtit{ position: absolute; left:24px; bottom: 30px; height:42px; line-height: 42px; overflow: hidden; font-size:24px; color: #fff;   }

.news_ul{ margin:0 0 0 -45px;  }
.news_ul li{ float: left; width: 370px; margin: 0 0 28px 45px; }
.news_img{ display: block; width: 370px; height:260px; overflow: hidden;  margin-bottom: 19px; }
.news_img img{ width: 370px; height:260px;transition: all 1s ease 0s; overflow: hidden; }
.news_time{ display: block; height:36px; line-height: 36px; overflow: hidden; font-size:16px;   }
.news_tit{ display: block; transition: all 0.5s ease 0s;  height:72px; line-height: 36px; font-size:22px; overflow: hidden;   }
.news_ul li:hover .news_img img{ transition: all 1s ease 0s; transform: scale(1.1); }
.news_ul li:hover .news_tit{ color: #e7161d; transition: all 0.5s ease 0s; }
.pages_inner{ padding:80px 0; text-align: center; }
.pages{ display: inline-block; }
.pages_inner a{ display: block; float: left; height: 60px; width: 60px; line-height: 60px;transition: all 0.5s ease 0s; text-align: center; border-radius: 60px; margin: 0 5px; font-size: 18px;}
.pages_inner a.on,.pages_inner a:hover{ background: #e7161d; transition: all 0.5s ease 0s; color: #fff; }
.pages_inner .pages_home{ width: 58px; margin-right: 10px; background: url(../images/page_left.png) center center no-repeat;  height: 58px; line-height: 58px; border: 1px solid #c7c8cb; border-radius: 58px 0 0 58px; }
.pages_inner .pages_down{ width: 58px; margin-left: 10px; background: url(../images/page_right.png) center center no-repeat;  height: 58px; line-height: 58px; border: 1px solid #c7c8cb; border-radius:0  58px 58px 0; }
.pages_inner .pages_home:hover{background: url(../images/page_left1.png) center center no-repeat; border: 1px solid #e7161d}
.pages_inner .pages_down:hover{background: url(../images/page_right1.png) center center no-repeat; border: 1px solid #e7161d}

.infor_info{ padding: 42px 0px 0; margin-bottom: 90px; }
.powder{ border-bottom: 1px solid #dfdfdf;padding-bottom:26px; margin-bottom: 30px;  }
.powder_tit{ font-size: 30px; text-align: center; height:58px; line-height: 58px; display: block; overflow: hidden;  }
.powder_time{ text-align: center; height:44px; line-height: 44px; font-size: 16px; color: #666666  }
.powder_time i{ padding: 0 28px;background: url(../images/head4.png) right center no-repeat;  }
.powder_time i:nth-last-child(1){ background: none; }
.infor_word{ padding-bottom: 88px; }
.piece{  background: #f3f4f8; padding:24px 30px;   }
.piece_left{ display: block; float: left; width:440px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_left.png) 20px center no-repeat; font-size: 16px; text-align: right;  padding-right:30px; box-sizing: border-box;   }
.piece_right{display: block; float: left; width:440px; height: 60px; line-height: 60px; overflow: hidden; background: #fff url(../images/page_right.png) 410px center no-repeat; font-size: 16px;   padding-left:30px; box-sizing: border-box; }
.end{ display: block; float: left; margin:0 30px; width: 200px; height: 60px; line-height: 60px;  background: #fff url(../images/page.png) 47px center no-repeat; text-indent: 90px; font-size: 16px;   }
.piece_left:hover{background: #e7161d url(../images/page_left11.png) 20px center no-repeat; color: #fff;}
.piece_right:hover{background: #e7161d url(../images/page_right11.png) 410px center no-repeat; color: #fff;}
.end:hover{background: #e7161d url(../images/page1.png) 47px center no-repeat; color: #fff;}
.foreign{ padding:60px 0;  }
.goods{background: url(../images/inv2.jpg) center top no-repeat; height: 240px; margin-bottom: 90px; }
.good_tit{ display: block; text-align: center; font-size:32px; padding-top: 62px; height: 50px; line-height: 50px; color: #fff; margin-bottom: 20px;  }
.good_see{ height: 34px; line-height: 34px; width:118px; display: block; font-size: 14px; color: #fff; text-align: center; margin: 0 auto; border: 1px solid #fff; border-radius: 34px;  }
.job_ul{ height:70px; background: #f3f4f8; overflow: hidden;  }
.job_ul li{ float: left; margin-right: 10px; }
.job_ul li a{ display: block; height: 70px; line-height: 70px; width:140px; text-align: center; font-size:24px;   }
.job_ul li.on a{ color:#fff; background: #e7161d }
.job_title{ font-size: 24px; height:50px; line-height: 50px; margin-bottom: 10px;  }
.job_inner{ background: #f8f8f8; padding:20px 10px 30px 40px; margin-bottom: 90px;  }
.job_box{ height:496px; overflow-y: auto;  padding-right: 30px;  }

.job_box::-webkit-scrollbar {
            width: 4px;    
        }
.job_box::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(28,33,127);
        }
.job_box::-webkit-scrollbar-track {
            border-radius: 10px;
            
            background: rgba(255,255,255,1);

        }


.job_div{ display: none; }
.cont_div{ margin-bottom:60px; position: relative;  }
.cont_box{ padding: 60px 0 30px 0; }
.cont_img{ height:280px; width: 1200px; overflow: hidden; display: block; border-radius: 10px;  }
.cont_img img{height:280px; width: 1200px;  transition: all 1s ease 0s;overflow: hidden; }
.cont_img:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.cont_inner{ position: absolute; top:80px; right:120px;   }
.cont_tit{ display: block; height:50px; line-height: 50px; overflow: hidden; font-size:32px; color: #fff; margin-bottom: 20px;  }
.cont_see{ display: block; height:34px; transition: all 0.5s ease 0s; width: 118px; text-align: center; line-height: 34px; border: 1px solid #fff; color: #fff; border-radius: 34px; font-size:14px;   }
.cont_see:hover{ transition: all 0.5s ease 0s; border: 1px solid #e7161d; color: #e7161d; }
.ball{background: url(../images/contbj.png) center top; display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99;}
.mess{ width:1200px; z-index: 999; display: none; height: 740px; position: fixed; left: 50%; top: 50%; margin:-370px 0 0 -600px; background: #fff; border-radius: 10px;  }
.mess_title{ font-size: 24px; line-height: 75px; padding: 0 36px; box-sizing: border-box; height:75px;background: url(../images/mess.png) center top no-repeat; display: block; }
.close{background: url(../images/close.png) center top no-repeat;transition: all 0.5s ease 0s; width: 27px; height: 27px; display: block; position: absolute; right: 42px; top:26px;}
.close:hover{ transition: all 0.5s ease 0s; transform: rotate(360deg); }
.mess_em{ font-size: 18px; height:50px;line-height:50px; display: block;  }
.mess_form{ padding: 0 40px; }
.mess_txt{ font-size: 16px;height:38px; line-height: 38px; padding:0 18px; box-sizing: border-box; width: 100%; background: #f6fbff; border: 1px solid #bdc8e5; border-radius: 5px; color: #b4c1c6;   }
.mess_area{ font-size: 16px;height:186px; line-height: 24px; padding:18px; box-sizing: border-box; width: 100%; background: #f6fbff; border: 1px solid #bdc8e5; border-radius: 5px; color: #b4c1c6;  }
.mess_box{ float: left; width: 50%; }
.mess_box:nth-child(odd){padding-right: 40px; box-sizing:border-box;}
.mess_ti{ font-size: 16px; height:40px; line-height: 40px; overflow: hidden;  }
.code_left{ float: left; }
.code_div{ width:260px; height: 38px; border: 1px solid #cfd8dc; border-radius: 10px 0 0 10px;  }
.code_left .mess_txt{ width:160px; border: none; border-right: 1px solid #cfd8dc; border-radius: inherit; background: none;  }
.code_img{ float: right; height: 38px; }
.mess_sub{ float: right; display: block; margin-top: 30px; text-align: left; width:188px;height: 52px; font-size: 16px; text-indent: 20px; line-height: 52px; border-radius: 10px; border: 1px solid #575757;background: url(../images/mess1.png) 149px center no-repeat;  }
.mess_sub:hover{ color: #e7161d; border: 1px solid #e7161d;background: url(../images/mess11.png) 149px center no-repeat; }

.pro{ padding:60px 0 30px 0;  }
.catalog{ width: 290px; float: left; border-radius: 10px; background: #d5dce8; padding: 30px 0 30px 20px; box-sizing: border-box; }
.catalog_ul a{ margin-bottom: 20px; transition: all 0.5s ease 0s; position: relative; background: url(../images/probj.png) center top repeat; width: 250px; border-radius: 10px;  display: block; height:80px; line-height: 80px; font-size: 20px; text-indent:20px;    }
.catalog_ul a:after{ position: absolute; transition: all 0.5s ease 0s; content: ''; right:20px; top: 38px; display: block;background: url(../images/cata.png) center top no-repeat;  width: 5px; height: 5px; }
.catalog_ul a:hover,.catalog_ul a.for{ background: #e7161d; color: #fff; border-radius: 10px 80px 80px 10px; width:280px; transition: all 0.5s ease 0s;  }
.catalog_ul a:hover:after,.catalog_ul a.for:after{ width:20px; height: 2px; background: #fff; transition: all 0.5s ease 0s;  }
.details{ float: right; width:860px;  }
.details img{max-width: 100%;}
.pro_title{ font-size: 36px; height:92px; line-height: 92px; overflow: hidden;  }

.pro_ul li{ margin-bottom:40px; position: relative; height:240px; overflow: hidden;   }
.pro_img{ width: 860px; display: block; height: 240px; overflow: hidden; border-radius: 10px; }
.pro_img img{width: 860px;  height: 240px; overflow: hidden; border-radius: 10px;}
.pro_div{ position: absolute; top: 0; right: 0; width:240px; height: 240px; border-radius: 240px 0 0 240px; background: url(../images/probj.png) center top repeat; }
.pro_tit{ display: block; transition: all 0.5s ease 0s; font-size: 26px; height:78px; line-height: 78px; padding-top:50px; text-align: center;   }
.pro_see{ display: block;transition: all 0.5s ease 0s; width:118px; height: 34px; line-height: 34px; border: 1px solid #949597; text-align: center; font-size:14px; color: #939496; border-radius: 34px; margin: 0 auto   }
.pro_ul li:hover .pro_tit{ color: #e7161d; transition: all 0.5s ease 0s; }
.pro_ul li:hover .pro_see{ color: #e7161d; border: 1px solid #e7161d; transition: all 0.5s ease 0s; }
.pro_info{  padding: 90px 0 60px 0; }
.nickel{ float: right; width:490px; height:492px; background: #f3f4f8;  }
.ni{ border-bottom: 1px solid #dfdfdf; padding: 10px 0 0 30px; position: relative; margin-bottom: 30px;}
.ni_cn{ display: inline-block; padding-right: 10px; position: relative; font-size: 36px; height:102px; line-height: 102px; }
.ni_cn:after{ position: absolute; left: 0px; bottom: 0px; width:100%; height: 3px; background: #e7161d; content: ''; display: block;  }
.specs{ padding: 0 30px; }

.specs_inner{ padding-right:26px; overflow-y:auto; height: 202px; margin-bottom: 48px;  }
.specs_inner::-webkit-scrollbar {
            width: 4px;    
        }
.specs_inner::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(231,22,29,1);
        }
.specs_zx{ font-size: 24px; color:#fff; background: #e7161d; height:98px; line-height: 98px; text-align: center; display: block;  }

.specs_tit{ display: block; height:42px; line-height: 42px; overflow: hidden; font-size:18px;   }
.spe_i{ height:28px; line-height: 28px; display: block; float: left; margin-right:17px; padding:0 4px; font-size: 14px; border-bottom: 1px solid #999999;    }
.specs_div{ margin-bottom: 10px; }
.specs_div p{ font-size: 16px; line-height: 30px; }
.des_ul{ height:60px; overflow: hidden; background: #f3f4f8;    }
.des_ul li{ float: left; margin-right:26px;  }
.des_ul li a{ display: block; width: 140px; text-align: center; height:60px; line-height: 60px; overflow: hidden; font-size:18px; position: relative;    }
.des_ul li.on a{ color: #fff; background: #e7161d; transition: all 0.5s ease 0s; }

.explain{ padding:40px 50px 60px; background: #f8f8f8; margin-bottom: 60px;  }
.explain_inner{ display: none; }



.probanner .small_box{width:530px;height:73px;overflow:hidden}
.probanner .small_list{position:relative;float:left;width:480px;height:73px;overflow:hidden}
.probanner .small_list ul{height:100px;overflow:hidden}
.probanner .small_list ul li{position:relative;float:left;margin-right:10px;width:180px; cursor: pointer; border-bottom: 3px solid #fff; overflow: hidden; box-sizing:border-box;}
.probanner .small_list ul li img{display:block; width: 180px; height: 98px;}
.probanner .small_list ul li.on { border-bottom: 3px solid #bdc8e5 }
.probanner .left_btn{float:left;transition: all 0.5s ease 0s; cursor: pointer; margin-right:14px;background:#f3f4f8 url(../images/pro_left.png) center center no-repeat; height: 100px; width: 40px;}
.probanner .right_btn{float:right;transition: all 0.5s ease 0s; cursor: pointer;background:#f3f4f8 url(../images/pro_right.png) center center no-repeat; height: 100px; width: 40px;}
.probanner .left_btn:hover{background:#e7161d url(../images/pro_left1.png) center center no-repeat; transition: all 0.5s ease 0s;}
.probanner .right_btn:hover{background:#e7161d url(../images/pro_right1.png) center center no-repeat; transition: all 0.5s ease 0s;}
.probanner .large_box{ width: 667px; margin-bottom: 20px;}
.probanner .large_box li{ display: none; height: 370px; overflow: hidden; }
.probanner .large_box li img{ width:667px; height:370px; overflow: hidden; }
.probanner .small_box{ height: 100px; width:667px;  }
.probanner .small_list{ width: 568px; height:100px;  box-sizing: border-box; }
.copper{ float: left; width:670px;  }


.flexslider {position: relative;width: 100%;height:auto; overflow: hidden; text-align: center; padding: 0 8px; box-sizing: border-box; }
.slides li .banner_img{ width: 100%; height: auto;   }
.slides li { position:relative; width:100%; height:auto; float: left; }
.slides {width:100%; height:auto;}
.flex-control-nav {display: block; width: 100%; text-align: center; z-index: 99;  position: absolute; left: 0; bottom: 5px; }
.flex-control-nav li{ display: inline-block; margin: 0 15px; }
.flex-control-nav li a{ display: block;background: #dad5d1; font-size: 0; border-radius: 14px; width: 14px; height: 14px; transition: all 0.5s ease 0s; }
.flex-control-nav li a.flex-active{background:#e7141b; }
.flex-direction-nav,.flex-prev{ display: none; }

.video{ padding:20px 8px 0;  }
.video li{ float: left; width: 25%; padding:0 10px; overflow: hidden; box-sizing: border-box; position: relative;  }
.video li:nth-child(1){ padding-left: 0; }
.video li:nth-last-child(1){ padding-right: 0; }
.video li img{ width: 100%; height: auto;transition: all 1s ease 0s;  }
.video_see{ transition: all 0.5s ease 0s;  position: absolute;background: url(../images/video.png) center center no-repeat;  left: 50%; top: 50%; width:90px; height: 90px; margin:-45px 0 0 -45px; display: block;  }
.indexbody{ background: #f8f9fa }
.video li:hover img{ transition: all 1s ease 0s; transform: scale(1.1); }
.video li:hover .video_see{ transform: rotate(360deg); transition: all 0.5s ease 0s; }
.us{/* background: url(../images/usbj.jpg) center bottom no-repeat; */ padding:0 8px 181px; }
.us_box{ padding: 0 0.04vw; }
.us_left{ width: 32%; float: left; padding-top: 70px; }
.us_right{ width: 60%; float: right; text-align: right;  padding-top: 70px; overflow: hidden;}
.us_right img{ width: auto; height: 298px;transition: all 1s ease 0s; max-width: 100% }
.us_right:hover img{ transition: all 1s ease 0s;  transform: scale(1.04);}
.us_tit{ display: block; height:50px; line-height: 50px; font-size:46px; overflow: hidden; }
.us_line{ display: none; height:4px; width: 30px; background: #e4e4e4; margin-bottom: 22px;   }
.us_inner{ height:188px; line-height: 22px; font-size: 15px;/*  overflow-y: scroll; */ overflow: hidden; margin-bottom: 20px;  }
.us_inner::-webkit-scrollbar {
            width: 4px;    
        }
.us_inner::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(28,33,127);
        }
.us_inner::-webkit-scrollbar-track {
            border-radius: 10px;
            
            background: rgba(255,255,255,1);

        }
.usi{ font-size: 22px;transition: all 0.5s ease 0s; color: #0b1544 }
.us_see{ display: block; position: relative; float: right; width:178px; height: 38px; border-radius: 38px; line-height: 38px; text-align: center; border: 1px solid #959696; color: #959696; font-size:14px;   }
.us_i{ width: 100%;height: 100%; position: absolute; left: 0; top: 0; z-index: 99; }
.us_see:after{ content:"";
    position:absolute;
    background-color:#e7161d;
    z-index:9;
    top: 0px;
    width: 100%;
    height:38px;
    opacity:0;
    left:0px;
    border-radius: 38px;
    right:0px;
    transform:scale(0);
    transition:transform .5s cubic-bezier(.47,.84,.150,1),opacity .5s cubic-bezier(.47,.84,.150,1)}
.us_see:hover:after{transform:scale(1);    opacity:1 }
.us_see:hover{ border: 1px solid #e7161d }
.us_see:hover .us_i{ color: #fff; transition: all 0.5s ease 0s; }
.data{background: url(../images/usbj1.jpg) center 50px no-repeat; background-size: 100% 70%;  padding: 0 38px;}
.data_ul li{ float: left; width: 16.66%; transition: all 0.5s ease 0s;  padding: 0 20px; box-sizing: border-box; margin-top: -90px; }
.data_ul li:hover{ margin-top: -100px; transition: all 0.5s ease 0s; }
.data_ul li a{ display: block;background: url(../images/data.png) center top no-repeat;  position: relative; width: 100%; background-size: cover; height: 320px; }
.data_img{ display: block; text-align: center; height:141px; line-height: 141px; overflow: hidden; padding-top:40px;   }
.data_tit{ height: 62px; line-height: 62px; text-align: center; font-size:26px; display: block;  }
.data_ul li a:after{ position: absolute; left: 0; top: 20px; transition: all 0.5s ease 0s; content: ''; display: block; height:0px; width: 100%; background: #e7161d; border-radius: 10px 10px 0 0;  }
.data_ul li a:hover:after{ height: 10px; top: 0; transition: all 0.5s ease 0s; }
.car_left{ width: 50%; float: left;background: url(../images/ser.jpg) center top no-repeat;height: 680px; padding-left: 58px; box-sizing: border-box; }
.car_right{ float: left; width: 50%; height: 680px; position: relative;  }
.car_img{height: 680px; width: 100%; overflow: hidden; display: block;}
.car_ul{background: url(../images/ser5.png) left center no-repeat; height: 576px; box-sizing: border-box; padding:116px 0 0 275px; margin-top: 54px;}
.car_ul li{ padding-left: 32px; margin-bottom: 24px; position: relative; }
.car_ul li:after{ position: absolute; left: -3px; top: 0; height:38px; width: 3px; background: #bc6b75; content: ''  }
.car_ul li.on:after{ background: #eb2800 }
.car_ul li.on .car_tit{ color: #e7161d }
.car_tit{ display: block; /*height:38px;*/ line-height: 38px; font-size: 24px; overflow: hidden;  }
.car_i{ display: block; height:48px; line-height: 24px; overflow: hidden; font-size:14px;   }
.quality{ position: absolute; left: 50%; margin-left:-295px; top:60px;height: 560px; width: 590px; background: #fff; border-radius: 10px; padding:0px 20px 0; box-sizing: border-box;   }
.qua_tit{  font-size: 40px; height:74px; line-height: 74px; display: block; overflow: hidden;  }
/*.qua_div{ height: 390px; overflow: hidden; line-height: 24px; font-size:14px; color: #666666;  margin-bottom: 32px; padding-right: 10px; }*/
.qua_div{ height: 424px; overflow: hidden; line-height: 30px;overflow-y: scroll;  font-size:16px; color: #666666;  margin-bottom: 32px; padding-right: 10px; }
.qua_div::-webkit-scrollbar {
            width: 4px;    
        }
.qua_div::-webkit-scrollbar-thumb {
            border-radius: 10px;
            background: rgba(28,33,127);
        }
.qua_div::-webkit-scrollbar-track {
            border-radius: 10px;
            
            background: rgba(255,255,255,1);

        }
.qua_line{ display: none; width: 50px; height: 4px; background: #e7161d; margin-bottom: 40px; }
.qua_box{ margin:0 0 16px -20px; }
.qua_dl{ float: left; margin:0 0 24px 20px; } 
.qua_dl dt{ float: left; height:60px; line-height: 60px; overflow: hidden; width: 53px; margin-right:12px;   }
.qua_dl dt img{ width: 53px; height: 60px;  overflow: hidden; }
.qua_dl dd{ float: left; }
.qua_xy{ display: block; height:30px; line-height: 30px; overflow: hidden; font-size:18px;   }
.qua_time{ display: block; height: 30px; line-height: 30px; overflow: hidden; font-size:14px; color: #666666;  }
.qua_see{ display: block; width:  }
.car_inner{ display: none; }

.tech_img{ position: absolute; left: 8px; top: 60px; width:42%; overflow: hidden; z-index: 999;  }
.tech_img img{width:100%; height: auto; overflow: hidden; }
.tech{ position: relative; }
.case_inner{  }
.case_inner li{ width: 14.28%; padding: 0 8px;  transition: all 0.5s ease 0s;   float: left; margin:0 0 30px 0px;box-sizing:border-box;}
.techhe{border: 1px solid #bdc8e5; height: 100%; box-sizing: border-box; overflow: hidden; transform: skewY(-1.5deg); width: 100%;/* box-shadow: 0 0 10px #e8e9ee; */ }
.case_inner li img{ width: auto; max-width: 100%; /* transition: all 1s ease 0s;transform: scale(1.05); */ height: auto; overflow: hidden;  }
.case_inner li .wenzi{ display: block; transition: all 0.5s ease 0s; text-align: center; font-size:1vw; height:40px; line-height: 40px;   }
.tech{ padding: 60px 0; }
/* .case_inner li:hover img{ transform: scale(1); transition: all 1s ease 0s } */
/* .case_inner li:nth-child(1){ margin-left:825px; } */
 .case_inner li:nth-child(odd) .techhe{transform: skewY(1.5deg);} 
.try_title{ font-size: 46px; text-align: center; height:124px; line-height: 124px;  }
.try_line{ display: block; margin: 0 auto 40px; width: 30px; height: 4px; background: #e4e4e4; display: none; }
.try_ul{ text-align: center; margin-bottom: 38px; }
.try_ul li{ display: inline-block; margin:0  20px;}
.try_ul li a{ display: block; transition: all 0.5s ease 0s; width:178px; height: 38px; font-size: 14px; line-height: 38px; text-align: center; border: 1px solid #959696; color: #959596; border-radius: 38px;  }
.try{ height: auto; overflow: hidden;margin-bottom: 0px;}
.try_ul li.on a{ background: #e7161d; border: 1px solid #e7161d; color:#fff; transition: all 0.5s ease 0s; }

.case_inner li:hover .wenzi{ color: #e7161d; transition: all 0.5s ease 0s; }
.techgroup{ display:block; overflow: hidden; }


.trybanner .small_box{width:530px;height:73px;overflow:hidden}
.trybanner .small_list ul{height:360px;overflow:hidden; width: 100%; margin:0 auto;}
.trybanner .small_list ul li{position:relative;float:left;width:533px; overflow: hidden; height: 360px; line-height: 360px; text-align: center;  box-sizing:border-box;}
.trybanner .small_list ul li img{ width: auto; height: auto; max-width: 100%; transition: all 1s ease 0s;  }
.trybanner .small_list ul li.on { border: none }
.trybanner .small_list ul li.on img{ transform: scale(1.6); transition: all 1s ease 0s; }
.trybanner .large_box{ width: 1200px; margin: 0 auto 50px; position: relative;  border-radius: 10px; height: 200px; background: #fff; }
.trybanner .large_box li{ display: none; }
.trybanner .large_box li img{ width:646px; height: 408px; border: 1px solid #dedede; box-sizing: border-box; }
.trybanner .small_box{ height:240px; width:1600px;  margin: 0 auto }
.trybanner .small_list{ width: 1600px;margin: 0 auto; overflow: hidden; height: 360px;  box-sizing: border-box; }
.try_cn{ font-size: 36px; display: block; text-align: center; height:100px; line-height: 100px;   }
.try_word{ height: 48px; display: none; line-height: 24px; text-align: center; font-size:16px; overflow: hidden; color: #666666;  }

.trybanner .btn{display:block; position: absolute; width:58px;height:58px;cursor:pointer; background: #fff; border-radius: 58px; border: 1px solid #c9c9c9}
.trybanner .btn:hover{;border: 1px solid #e7161d}
.trybanner .left_btn{background:url(../images/try_left1.png) center center no-repeat; left: 63px; bottom: 70px; }
.trybanner .right_btn{background:url(../images/try_right1.png) center center no-repeat;right:  63px; bottom: 70px;} 
.trybanner .left_btn:hover{background:#e7161d url(../images/try_left11.png) center center no-repeat;  }
.trybanner .right_btn:hover{background:#e7161d url(../images/try_right11.png) center center no-repeat;} 

.begin .head{ padding: 0 30px; }
.begin .lan{ padding-right: 10px; margin: 0 10px; }
/* .begin .quality{ left: 50%; margin-left: -298px; }
.all .tech_img{ width: 511px; }
.all .case_inner{ margin-left: -15px; }
.all .case_inner li:nth-child(1){ margin-left: 539px; }
.all .case_inner li{ margin-left: 15px; } */
.all .trybanner .small_box{ width: 1340px; }
.all .trybanner .small_list ul li{ width:446px;  }
.trybanner{ display: none; }
.describe{ padding-bottom: 60px; }
/*.all .head{ padding: 0 0px; }*/
/* .all .nav_ul li a{ padding: 0 16px; } */
.all .mess_area{ height: 100px; }
.all .mess_em{ height: 40px; line-height: 40px; }
.all .mess{ height: 600px; margin-top: -300px; }
.navBg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    background: #222;
    background: rgba(34, 34, 34, .9);
    
    transition: all .5s ease 0s;
    transform: translate(-100%, 0);
    display: none;
}

.navBg.active {
    opacity: 1;
    transform: translate(0, 0);
    z-index: 9999;

}

.navTop {
    position: relative;
    z-index: 1;
    padding: 15px 10px;
    overflow: hidden;
    
}

.navClose {
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
     margin-right: -9px;
}

.navClose span {
    display: block;
    width: 100%;
    height: 1px;
    background: #FFF;
    transform-origin: left center
}

.navClose span:first-child {
    transform: rotate(45deg)
}

.navClose span:last-child {
    margin-top: 20px;
    transform: rotate(-45deg)
}

.navBot {
    position: absolute;
    top: 66px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
   
    height: 100%
}

.navList {
    overflow: hidden;
    height: 100%
}

.navList li {
    width: 100%;
    height: auto;
    
    transition: all .5s ease 0s;
    transform: translate(0, 50px)
}

.navList li a {
    display: block;
    padding: 10px ;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 16px;
}



.navList li a:hover {
    padding-left: 10%;
    color: #297f38
}

.active .navList li {
    opacity: 1;
    transform: translate(0, 0)
}

.active .navList li {
    transition-delay: .3s
}

.menuBg {
    position: absolute;
    top: 22px;
    right: 10px;
    z-index: 2;
    display: none;
    
}


.menuBtn img {
    margin: 6px auto 10px
}

.mBtnLine {
    font-size: 0;
    width: 20px;
}

.mBtnLine span {
    display: inline-block;
   
    vertical-align: top
}

.mBtnLine span:nth-child(2) {
    margin: -4px 3px 0
}
.mBtnLine span {
        width: 100%;
        height: 2px;
        background: #e7161d
    }

    .mBtnLine span:nth-child(2) {
        margin: 5px 0;
        width: 100%
    }


.vision_inner{ height: 100% }
.vision{ width: 600px; display: none; padding: 10px; box-sizing: border-box; height: 406px; z-index: 999; background: #fff; position: fixed; left: 50%; top: 50%; margin: -203px 0 0 -300px; border-radius: 10px; }
.vision_inner video{ width: 100%; height: 100%;     object-fit: fill!important;
    background: none!important;}

.vision .close{ right: 10px; top: 10px; }

.a_banner{ height: 260px!important; /* background-size: contain!important; */ }

.foreign_left{ float: left; width:320px;  }
.for_tit{ display: block; font-size: 32px; height: 42px; line-height: 42px; margin-bottom: 20px; }
.for_div{ font-size: 14px; color: #666666; height:48px; line-height: 24px;  }
.foreign_right{ float: right; width:800px;  }
.for_ul { height: 60px; overflow: hidden; background: #e7ebee }
.for_ul li{ float: left; width: 20%; height: 60px; text-align: right; padding-right: 10px; box-sizing: border-box;  line-height: 60px;  text-indent: 20px; font-size:18px; overflow: hidden;  }
.for_ul li:nth-child(1){ text-align: left }
.foreign_ul li{ height:60px; overflow: hidden; background: #f8f8f8;  }
.for_word{ float: left; text-align: right; padding-right: 10px; box-sizing: border-box; width: 20%; height: 60px; line-height: 60px; text-indent: 20px; font-size:16px; overflow: hidden; }
.for_word:nth-child(1){ text-align: left }
.foreign_ul li:nth-child(even){ background: #ffffff }
.foreign_ul{ height:360px; overflow-y:auto;  }
.visclose{ width: 24px; height: 24px; background: #fff; border-radius: 24px; line-height: 24px; text-align: center; position: absolute; top: -26px; right: -26px; border: 1px solid #666; font-size: 14px; }
.foreign_ul::-webkit-scrollbar { width: 2px;  height: 1px; }
.foreign_ul::-webkit-scrollbar-thumb{ border-radius: 2px; box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1); background: #1e2481; }
.foreign_ul::-webkit-scrollbar-track{ box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1); border-radius: 2px; background: #dddddd; }
.bannerinner img{ width: 100%; height: auto; max-width: 100% }



.swiper-container {
      width: 100%;
      height: 100%;
      height: 376px!important; position: relative!important;
    }
    .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    transition: 300ms;
    transform: scale(1);
    }
  .swiper-slide-active .indeximg img,.swiper-slide-duplicate-active .indeximg img{
      transform: scale(1);
       transition: all 0.5s ease 0s;
  }

.indeximg{ width: 100%; height: 240px; line-height: 240px; }
.indexword{ position: absolute;  bottom: 0; background: #fff; display: none; height: 100px; width: 1200px; left: 50%; margin-left: -600px;}
.try_he{ height: auto;  }
.swiper-slide{ position: static!important; height: auto!important; display: block;}
.indeximg img{ width: auto; height: auto; max-width: 100%;transition: all 0.5s ease 0s; }
.swiper-slide-active .indexword{ display: block; }
.swiper-pagination{ display: none!important; }
.tryinner{ height: 100px; width: 100%; left: 0; bottom: 0; padding:0 8px; box-sizing: border-box;  position: absolute; }
.trybox{height: 100px; width: 100%; background: #fff;}
.trybanner{ position: relative; }

.swiper-button-prev{display:block!important; position: absolute!important;background:url(../images/try_left1.png) center center no-repeat!important; top: inherit!important; left: 393px!important; bottom: 24px!important; width:58px!important;height:58px!important;cursor:pointer!important; border-radius: 58px!important; border: 1px solid #c9c9c9!important}
.swiper-button-next{background:url(../images/try_right1.png) center center no-repeat!important;right:  393px!important;display:block!important;top: inherit!important; position: absolute!important; bottom: 24px!important; width:58px!important;height:58px!important;cursor:pointer!important; border-radius: 58px!important; border: 1px solid #c9c9c9!important} 
.swiper-button-prev:hover{background:#e7161d url(../images/try_left11.png) center center no-repeat!important;  }
.swiper-button-next:hover{background:#e7161d url(../images/try_right11.png) center center no-repeat!important;} 
.swiper-button-prev:after,.swiper-button-next:after{ display: none!important; }

    .video_div video{
        width: 100%;
        height: 230px;
        object-fit: fill!important;
        background: none!important;
    }
.car{ padding: 0 8px; }


.bannerinner{ position: relative; }
.bannerword{ position: absolute; left: 0; bottom:0px; width: 100% }
.wordbox{   }
.word_cn{ color: #fff; height:70px; line-height: 70px; font-size: 42px; overflow: hidden; }
.word_en{ color: #9e9b97; height:44px; line-height: 44px; font-size: 18px; overflow: hidden; text-transform: uppercase; }
/*.wordwrap:after{ position: absolute; left: 0; background: #e4161e; top: 50%; width: 4px; height:82px; margin-top: -41px; display: block; content: ''  }*/
.wordwrap{ position: relative; }


.all .swiper-button-prev{ left: 100px!important; }
.all .swiper-button-next{ right: 100px!important; }