/*头部*/
.wrapperbox{width:1400px; margin:0px auto; background: #fff;}
.wrapper{width:1300px; margin:0px auto;}
.toper { background:#fff; width:100%;position: relative; z-index: 999999;box-shadow:0px 2px 2px rgba(0,0,0,.15);}
.toper .head{height:100px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:120px; height:80px; margin-top:10px}
.toper .yy{float:right; padding-top:28px; padding-left: 20px;}
.toper .welcome{float:left; line-height: 100px; padding-left: 15px; font-size:16px}
.wxbtn{ position:relative;width:22px; height:22px; background:url(../images/wx.png) no-repeat;}
.wxbtn:hover{background: url(../images/wx2.png) no-repeat;}
.wxbtn .conent{ display:none;}
.wxbtn .conent .div{border: 10px solid; border-color: transparent transparent #777; margin-top:14px;}
.wxbtn .conent .tent{ position:absolute;width:116px; height:146px;background:#777; padding:2px; z-index:9999; left:-45px;}
.wxbtn .conent .tent span{ float:left; width:100%; text-align:center; color:#FFF; font-size:14px; line-height:30px;}
.toper .t_right{float:right;}
.toper .t_nav{height:90px;}
.toper ul{font-size:0;}
.toper ul li { display:inline-block;text-align:center; position:relative; margin-left: 40px;}
.toper ul li:hover i,.toper ul li.check i { background:url(../images/enon.png);}
.toper li a {font-size:16px; font-family:'Poppinsregular'; text-transform: uppercase; display:block; height:100px; line-height:100px; color:#333}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a {color:#1c3f8e;}
.toper li dl { position:absolute; z-index:99;top:100px;left:0px;width:180px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a {font-size:12px; text-transform: inherit; height:30px;line-height:30px;border-top:0;color:#fff; overflow:hidden;padding:0 0 0 15px}
.toper li dl dd a:hover { background:#231b00}
.mbmenu,.Fast-nav { display:none;}
.p50{padding: 45px 0 60px}
.kv{box-shadow:none;}
.mainwrap_l{float:left; width:22%;}
.mainwrap_r{float:right; width:77.5%;}
.homesort{ padding: 40px 0 50px;}
.sortlist{ margin-top:30px;}
.sortlist li{float:left; width:14.28%;text-align: center;}
.sortlist .sortbox{padding: 20px 0 5px;}
.sortlist img{max-width:100px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.sortlist li:hover img{transform: scale(1.15);}
.sortlist h2{font-size:16px; padding: 0 15px; margin-top:20px; line-height: 20px; min-height: 40px; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.sortlist a h2{color: #1c3f8e;}
.bluegray{background: #33333c;}
.whatdod{background: url(../images/about_bg3.jpg) no-repeat center center; height:490px;margin:40px 0; display: flex;justify-content: center;align-items:center;}
.whatdod-l{float:left; width:40%}
.whatdod-r{float:right; width:38%}
.whatdod .dodtit{ font-size:16px; color:#fff;}
.whatdod .dodtit-b{font-size: 32px; color:#fff; line-height: 130%; padding-bottom: 20px;}
.dodmore{padding-top:30px;}
.dodmore a{color:#fff; display: inline-block; line-height:40px; padding: 0 30px;border:2px solid #ccc; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.dodmore a:hover{background: #ff6600;border:2px solid #ff6600;}
/*导航*/
.aboutwrap{padding:40px 0 60px;}
.homeabout{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between;}
.homeabout_l{width:52%; background: #fff;}
.fontfam{font-family:'Poppinsregular';}
.aboutbox{ line-height:180%; padding-right:80px; color: #666;}
.aboutbox h2{font-size:22px; padding-top:10px; display:block; color:#222; line-height: 150%;}
.aboutbox h3{font-size:18px; display:block; line-height: 150%;}
.aboutbox p{padding-top:30px;}
.aboutbox p a{background: #33333c; color:#fff; display: inline-block; line-height:38px; padding: 0 20px;margin-right:10px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.aboutbox p a:nth-child(2){background: #d55139;}
.aboutbox p a:hover{background: #ad0000;}
.homeabout_r{width:48%; text-align: right;}
.homeabout_r img{width:100%;}

.idx_pro{padding:60px 0;}
.idx_pro .container { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide img{width:100%;}
.idx_pro .pro_swiper .swiper-slide h2{font-size: 14px; position: absolute; height:40px; line-height: 40px; width:100%; background: rgba(255,255,255,0.4); z-index: 9999; left:0; bottom: 0;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.idx_pro .pro_swiper .swiper-slide:hover h2{ background:#d55139; color:#fff;}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}

.newswrap{padding:60px 0 70px}
.newswrap li{ width:49%; float:left; margin-right: 2%; margin-top:35px;}
.newswrap li:nth-child(2n){margin-right:0;}
.newswrap .homenewsa{float:left; width:35%}
.newswrap .homenewsb{float:right; width:62%}
.newswrap .homenewsb h2{font-size:16px; line-height: 30px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/}
.newswrap .homenewsb .time{font-size:12px; color:#888}
.newswrap .homenewsb .contentjs{color:#888; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden; padding-top: 5px;}
.contitle{color:#000; font-size:32px; line-height:36px; text-align: center; padding:10px 0;}
.contitle p{padding:0;margin:0; display: block;}
/*内页*/
.aboutbanner{width:100%; height:240px;}
.productwrap{background: #f5f5f5;}
.leftmenu{background: #e6e6e6;line-height: 58px; height:58px}
.inner-nav-left li{float:left;}
.inner-nav-left a { display: block; padding: 0 30px; color: #333; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.inner-nav-left .on,.inner-nav-left .on a,.inner-nav-left a:hover{background: #f29800; color:#fff}
.inner-nav-left {float:left;}
.inner-nav-left span{font-size:20px; color:#000}
.inner-nav-right {float:right;}
.inner-nav-right .bread-s0 { display: inline-block; padding-left: 20px; background: url(../images/map1.png) no-repeat left center;}
.inner-nav-right .bread-a { display: inline-block; color: #333; margin: 0 4px; transition-duration: .3s;}
.inner-nav-right .bread-a:hover{color: #d50a1d;}
.sortmenu{ padding-top:20px;}
.sortmenu li{line-height: 24px; background: #e1e1e1; border-bottom: 1px solid #fff;}
.sortmenu a{padding: 18px 10px 18px 20px; display: block; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.sortmenu a:hover{border-left:5px solid #ec9802; padding: 18px 10px 18px 30px; color:#ec9802; background: #f5f5f5;}
.sortmenu .on{border-left:5px solid #ec9802; color:#ec9802; background: #f5f5f5;}
.sortmenu .on a:hover{border-left:0;}
.abouttitle{ line-height: 45px;height:45px; font-size: 18px; border-bottom:1px solid #eee; padding-top:30px;}
.productwrap .abouttitle{ border-bottom:1px solid #ddd;}
.aboutcontent{padding:20px 0 30px; line-height: 200%;}
.aboutcontent-l{float:left; width:20%}
.aboutcontent-r{float:left; width:80%}

.contact-l{float:left; width:42%; padding:35px 0;}
.contact-l h2,.contact-r h2{font-size:20px; line-height: 40px; padding-bottom:20px;}
.contact-l .row-input input {background: #f6f6f6;width: 97%;height: 40px;border: none;font-size: 14px;padding-left: 2%; border:1px solid #e2e2e2}
.contact-l .row-input textarea{display:block; background: #f6f6f6;width:95%;height:90px;font-size: 14px;padding:1% 2%;line-height: 20px;resize: none;border:1px solid #e2e2e2}
.contact-l .row-right{text-align: left;}
.contact-l .row-right input{background: #111;width: 140px;height: 48px;border: none;font-size: 14px;color: #fff;cursor: pointer;}
.contact-l .row-right:hover input{background: #ad0000;}
.contact-l .row{margin-bottom:10px;}

.contact-r{float:right; width:50%; padding:35px 0; line-height: 240%;}
.productlist{margin-left:10px; padding-bottom: 30px;}
.productlist li{float:left;width: calc(100% / 3 - 20px); margin-left:20px; margin-top:20px; overflow: hidden; text-align: center; font-size:12px; background: #fff;}
.productlist h2{font-size:16px; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2; background: #eee; line-height:42px; text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.productlist .listbox{overflow: hidden;border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.productlist li:hover h2{background: #ec9802; border-bottom: 1px solid #ec9802; border-left: 1px solid #ec9802;border-right: 1px solid #ec9802; color:#fff}
.productlist img{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.productlist li:hover img{transform: scale(1.15);}
.procall{ margin:20px auto; border:1px solid #ddd;background:#eee;}
.procall>.text{ padding:20px; text-align:left;}
.procall>.text>.title{font-size:14px; color:#666; text-transform: uppercase;}
.procall>.text>.title>img{margin-right:6px;}
.procall>.text>.tel{ padding:5px 0; font-size:22px; color:#dc7200;}
.procall>.text>.tips{font-size:16px; padding-top: 10px;}
.procall>.online{ border-top:1px solid #ddd;overflow:hidden;}
.procall>.online>a{ position:relative; display:block; width:50%; float:left; padding:20px 0; text-align:center; background:#eee; transition:all .35s;}
.procall>.online>a:first-child:after{ position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; border-right:1px solid #ddd; content:'';}
.procall>.online>a>span{ display:block; position:relative; width:45px; height:45px; overflow:hidden; margin:0px auto 5px auto;}
.procall>.online>a>span>img{position:absolute; z-index:2; left:0; top:0; width:100%; height:auto; transition:all .35s;}
.procall>.online>a:hover{ background:#ec9802; color:#fff;}
.procall>.online>a:hover span>img{ top:-45px;}
.productxxsm{padding-left: 30px; padding-top: 12px;}
.productsmtit{font-size:18px; border-bottom: 1px solid #ddd; line-height: 50px;}
.productxxsm-l{float:left; width:60%}
.productxxsm-r{float:right; width:35%}
.xxcsbox{ padding-bottom:25px;}
.xxcsbox h2{font-size:20px; line-height: 50px; padding-bottom: 10px; text-align: center;}
.xxcsbox img{display: block; margin: 0px auto; text-align: center;}

.sblist{ margin:0 -10px; padding-bottom: 20px;}
.sblist li{float:left; width:25%;text-align: center;}
.sblist .sblistbox{margin:10px; overflow: hidden;}
.sblist img{ -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.sblist li:hover img{transform: scale(1.15);}
.sblist h2{font-size:14px; margin-top:12px; line-height: 24px;}

.school{ padding: 25px 0; border-bottom:1px solid #eee; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.school:hover{background: #f5f5f5; padding:25px 25px;}
.schoolxx_l{float:left; width:18%}
.schoolxx_l img{width:100%;}
.schoolxx_r{float:right; width:80%;}
.schoolxx_r h2{font-size:18px; line-height: 140%; margin-bottom:5px; overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.schoolxx_r .time{font-size: 12px; color:#999;}
.schoolxx_r .schooljj{color:#777; line-height: 160%; margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;}
.viewbox{background:#f5f5f5; text-align: center; line-height:50px;}
.viewbox h2{background: #fff; font-size: 24px; line-height: 45px; padding: 10px 0;}
.viewcon{ padding:30px 0; min-height: 300px;}
.txt_body{padding:0px; border-bottom: 1px solid #e2e2e2;}
.txt_body:nth-child(2n-1){background: #fafafa;}
.txt_body .top{background:url(../images/s.png) no-repeat 98% center; height:65px;cursor:pointer;}
.txt_body .top p{margin:0;font-size:16px;color:#333;}
.txt_body.cur .top{background:url(../images/t.png) no-repeat 98% center;}
.txt_body.cur .top p{color:#000}
.txt_body .txt{ display:none; background:url(../images/da1.jpg) no-repeat 20px 4px;padding:0px 25px 20px 60px;font-size:14px;line-height:24px; color:#666666;}
.txt_body .top p.col-md-1{width:100%; line-height:65px; text-align:left;background:url(../images/wen1.jpg) no-repeat 20px center; padding-left:60px}

.pro-download{ padding:15px 0 40px;}
.pro-download table{border-left:1px solid #e2e2e2;border-top:1px solid #e2e2e2;border-collapse:collapse;font-size:14px;}
.pro-download th{font-weight:normal;font-size:14px;line-height:55px;color:#333333;background:#f6f6f6;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2; text-align:center}
.pro-download th span{float:left;padding-left:20px;}
.pro-download td{font-size:14px;line-height:55px;text-align:center;border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;}
.pro-download td.bg{background:#f8fbfe;}
.pro-download td a.fl{background:none;width:auto;color:#666;padding-left:20px;float:left;}
.pro-download td a.fl:hover{color:#1172ab;}
.downBtn{width:27px;height:42px; margin:0px auto; line-height:42px;background:url(../images/bg_btn09.png) no-repeat;}
.downBtn a{ display:block}
.downBtn:hover{color:#fff;background:url(../images/bg_btn09.png) no-repeat bottom;}

.brand3 { min-height:400px; background:url(../images/brandbg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content:center; align-items: center;}
.brand3 .dodtit-b{font-size:26px; color:#fff; line-height: 130%; padding:10px 0 15px;text-align: center;}
/*历程*/
.year{ height:auto; padding:20px 0 20px 20px}
.yearimage{background:url(../images/year1.png) no-repeat; width:45px; height:45px}
.month{ height:auto; padding-top:20px;background:url(../images/yeardi.gif) repeat-y 22px top;}
.month_left{float:left; width:200px;}
.month_title{ padding-left:60px; background:url(../images/year2.png) no-repeat 14px 7px; font-size:18px; font-weight:normal; color:#FF6600; line-height:35px}
.month_right{float:left; font-size:14px; padding-top:2px; line-height:30px;}
.values{padding: 20px 0;}
.values li{float:left; width:32%; margin-right:2%; text-align: center;}
.values li:last-child{margin-right:0}
.values .valuesfont{text-align: left;}
.values h3 {position: relative;margin:30px 0; font-size: 20px; height:40px; line-height:35px; color: rgba(34, 34, 34, 1);line-height: normal;}
.values h3::after { position: absolute; width: 40px; height: 3px; background: linear-gradient(90deg, rgba(227, 0, 15, 1), rgba(239, 124, 0, 1)); content: "";left:50%; bottom:0px; margin-left: -20px;}
.jjfa{padding:50px 0; border-top:1px solid #e6e6e6; color:#777}
.jjfafont{padding:0 0 30px}
.jjfa h3{font-size:18px; padding-bottom:15px; padding-top:10px; text-align:left; color:#000}
.jjfa_l{float:left; width:47.5%}
.jjfa_r{float:right; width:47.5%}
/*底部*/
.footer{ background:#33333c; color:#ddd;}
.copyright{ padding:20px 0; border-top:1px solid #444; text-align: center}
.foot{line-height: 30px; padding:40px 0 30px;}
.foot-menu span{display: inline-block; width:380px}
.foot-menu{float:left; padding-top: 15px; line-height: 240%; background: url(../images/logo.png) no-repeat left 20px; padding-left:220px;}
.foot-ewm{float:right;text-align: center;}
.foot-ewm img{width:100px;border:1px solid #e2e2e2; background: #fff; padding:0px;}
/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}

.swiper-pagination-bullet{width:12px;height:12px;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.swiper-pagination-bullet-active{opacity:1;background:#007aff; width:30px;height:12px; border-radius:6px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}

/* 多图 */
.pic_proshow {width:800px;margin:0px auto; border: 1px solid #e2e2e2; margin-top: 30px;}
.smallImg{position:relative; height:120px; width:100%; overflow:hidden;}
.smallImg2 { display:none;}
.scrollbutton{width:35px; height:120px; overflow:hidden; position:relative; float:left; cursor:pointer;margin-top:0px;}
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/leftjt.png) no-repeat center #ccc;background-size:100%; transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/leftjt.png) no-repeat center #ccc;background-size:100%}
/* 小图 */
#imageMenu {height:120px; width:650px; overflow:hidden; float:left;margin-left:10px;text-align:center}
#imageMenu li {width:120px;height:120px;overflow:hidden; float:left;text-align:center;margin:0 10px 0 0}
#imageMenu li img{width:118px; height:118px;cursor:pointer;max-width:none; border:1px solid #e3e3e3}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:118px; height:118px;border:1px solid #ff811b;max-width:none;}
/* 大图 */
.bigImg{position:relative; width:100%; overflow:hidden;left:0; margin-bottom: 10px}
.bigImg #midimg{width:100%;}
.preview{width:auto; padding:0;}
.context{height:36px; position: relative; width:100%;line-height:36px; margin-bottom:40px;}
.context li:nth-child(1){ float:left; background: #ddd; padding:0 20px; border-radius:18px;}
.context li:nth-child(2){ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);background:#ddd; padding:0 20px; border-radius:18px;}
.context li:nth-child(2) a{ display: block;}
.context li:nth-child(3){ float:right;text-align: right; background:#ddd; padding:0 20px; border-radius:18px;}
@media (max-width:1024px) {
.pic_proshow {width:100%;margin:0px auto; border: 0px solid #e2e2e2; margin-top:15px;}
.smallImg{ height:42px; width:100%;}
.scrollbutton{width:20px; height:40px;}
.scrollbutton.smallImgUp { position:absolute; z-index:1;left:0}
.scrollbutton.smallImgDown { position:absolute; z-index:1;right:0}
/* smallImg */
#imageMenu {height:42px; width:312px;left:50%;margin-left:-151px;position:absolute;}
#imageMenu li {width:42px;height:42px;}
#imageMenu li img{width:40px; height:40px}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:40px; height:40px;}
}