/*头部*/
.wrapper{width:1300px; margin:0px auto;}
.welcome{background: #f5f5f5; height:34px; border-bottom: 1px solid #e2e2e2; font-size: 12px;}
.welcome_l{float:left; line-height: 34px;}
.welcome_r{float:right;}
.welcome_r strong{ font-size:16px}
.welcome_r li{ float:left; line-height:normal; font-size:14px;line-height: 34px;}
.welcome_r li:nth-child(1){ padding-left:26px; background:url(../images/tel1.png) 0 no-repeat; margin-left:25px;}
.welcome_r li:nth-child(2){ width:22px; height:22px; background:url(../images/wx.png) no-repeat; margin-left:15px; margin-top:6px;}
.welcome_r li:nth-child(2):hover{background: url(../images/wx2.png) no-repeat;}
.welcome_r li a{color: #19110b;}
.wxbtn{ position:relative;}
.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 { background:#fff; width:100%;position: relative; z-index: 999999;box-shadow:0px 2px 2px rgba(0,0,0,.15);}
.toper .head{height:90px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:400px; height:70px; margin-top:10px}
.toper .yy{float:right; padding-top:28px; padding-left: 20px;}

.toper .t_right{float:right;}
.toper .t_nav{height:90px;}
.toper .t_nav ul{font-size:0;}
.toper .t_nav ul li { display:inline-block;text-align:center; position:relative; margin-left:60px;}
.toper .t_nav ul li:hover i,.toper .t_nav ul li.check i { background:url(../images/enon.png);}
.toper .t_nav li a {font-size:16px; font-weight: bold; text-transform: uppercase; display:block; height:90px; line-height:90px; color:#333}
.toper .t_nav li a:hover,.toper .t_nav li:hover>a,.toper .t_nav ul li.check a {color:#1c3f8e;}
.toper .t_nav li dl { position:absolute; z-index:99;top:90px;left:0px;width:180px;display:none; text-align:left; background:#1c3f8e;padding:10px 0}
.toper .t_nav li:hover>dl { display:block}
.toper .t_nav li dl dd a,.toper .t_nav li dl dd a:hover,.toper .t_nav li.check dl dd a {font-size:14px; text-transform: inherit; font-weight: normal; height:30px;line-height:30px;border-top:0;color:#fff; overflow:hidden;padding:0 0 0 15px}
.toper .t_nav li dl dd a:hover { background:#231b00}
.mbmenu,.Fast-nav { display:none;}
.kv{box-shadow:none;}
.mainwrap_l{float:left; width:22%;}
.mainwrap_r{float:right; width:77.5%;}
.homesort{border-bottom:0px solid #e2e2e2; padding: 50px 0 30px;}
.sortlist{border-left:2px solid #e2e2e2; border-top:2px solid #e2e2e2; margin-top:30px;}
.sortlist li{float:left; width:20%;}
.sortlist .sortbox{border-bottom:2px solid #e2e2e2;border-right:2px solid #e2e2e2;padding: 20px 0 0 15px; height:120px}
.sortlist img{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; float:left; margin-right:20px;}
.sortlist li:hover img{transform: scale(1.15);}
.sortlist h2{font-size:18px; font-weight: bold; padding-top:25px; line-height:28px;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/}
.sortlist a h2{}
.bluegray{background:#fff; border-top:1px solid #e2e2e2; padding-bottom: 50px;}
.ntitle{text-align:center;color:#888;}
.ntitle h2{font-size: 30px;color: #0068f5; font-weight: bold; line-height: 150%; padding-bottom:5px;}

/*导航*/
.aboutwrap{background: url(../images/17.jpg) no-repeat bottom; background-size: cover; padding:60px 0 70px;}
.homeabout{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between;}
.homeabout_l{width:50%; background: #fff;}
.homeabout_ll{width:50%;}
.prokuang{height:60px; padding-top: 25px; padding-left:15px;}
.hometitle{ line-height: 45px;height:45px; border-bottom:1px solid #ddd;}
.hometitle_l{float:left;color:#fff; font-size:20px; background: url(../images/homeleftdi.png) no-repeat; width:230px; padding-left:20px;}
.hometitle_r{float:right; text-align: right;}
.aboutbox{ line-height:220%; padding:50px 50px 0; color: #666;}
.aboutbox h2{font-size:22px; display:block; padding-bottom:15px; color:#222;}
.homeabout_r{width:50%; text-align: right;}
.homeabout_rr{width:50%;background: #f29701;text-align: center; padding-top:30px;}
.homeabout_rr strong{color:#fff; font-size:22px; line-height:36px; font-weight: normal; display: block;}
.homeabout_r img{width:100%;}
.pd30{padding-bottom:30px;}
.idx_pro{padding:50px 0 70px;}
.idx_pro .container { overflow: hidden; 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 .slidebox{ overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide 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;}
.idx_pro .pro_swiper .swiper-slide h2{font-size: 14px; height:50px; line-height: 50px; display: block; background: #f5f5f5;-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 img{transform: scale(1.15);}
.idx_pro .pro_swiper .swiper-slide:hover h2{background: #0061ab; 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;}
.case_pro{padding:70px 0;}
.contitle{line-height:150%; padding-bottom: 15px; font-size:24px; color:#0068f5; font-weight:bold;}
.casefont{ line-height:200%; margin-right: 60px; color:#666; border-bottom: 1px solid #eee; padding-bottom: 15px;}
.fanganlist{ padding: 15px 0;}
.fanganlist li{width:50%; float:left;line-height:32px; background: url(../images/newtb_12.png) no-repeat left 50%;}
.fanganlist li a{font-size:14px; padding-left: 15px;}
.fanganlist dt{padding-top:20px; display: block; clear: both; font-weight: bold;}
.case_proleft{float:left; width:50%}
.case_proright{float:left; width:50%}
.case_pro .container { position: relative;}
.case_pro .case_swiper { overflow: hidden;}
.case_pro .case_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.case_pro .case_swiper .swiper-slide img{width:100%;}
.case_pro .case_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;}
.case_pro .swiper-button-prev{ top: 50%;width:40px;height:40px;background: url(../images/leftjt.png) no-repeat center center #333;transform: rotate(180deg);-webkit-transform: rotate(180deg);left:0;}
.case_pro .swiper-button-next{top: 50%;width: 40px;height: 40px;background: url(../images/leftjt.png) no-repeat center center #333;right:0;}
.case_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/leftjt.png) no-repeat center center #007cc3;}
.case_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/leftjt.png) no-repeat center center #007cc3}

.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; margin-top: 5px;}
/*内页*/
.pd20{padding: 30px 0 20px}
.mainwrap_l{float:left; width:19%; margin-top: -55px; z-index: 999; position: relative;}
.mainwrap_r{float:right; width:78%; padding-top: 20px;}
.lefttitle{font-size:20px; line-height:55px; background: #e53d00; color:#fff; padding-left: 20px; border-top-right-radius:6px; border-top-left-radius:6px;}
.leftmenu{ padding:0;background: #f5f5f5;}
.leftmenu li{ font-size:14px; line-height:52px;background: url(../images/leftmenujt.png) no-repeat 15px 50%; border-bottom: 1px solid #d2d2d2;}
.leftmenu a {padding-left:32px;color:#333; display: block; text-decoration: none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.leftmenu li a:hover{background: url(../images/leftmenujton.png) no-repeat 15px 50% #0078f3;border-bottom: 1px solid #0078f3;font-weight: bold; color:#fff}
.leftmenu li.on,.leftmenu li.on a{background: url(../images/leftmenujton.png) no-repeat 15px 50% #0078f3;border-bottom: 1px solid #0078f3; font-weight: bold; color:#fff}
.leftmenuyy{ padding:10px 20px;background: #f5f5f5;}
.leftmenuyy li{ line-height:32px;}
.leftmenuyy a {display: block; text-decoration: none; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.leftmenuyy li a:hover{color:#0078f3;font-weight: bold;}

.hottitle{background: #0078f3; color:#fff; line-height:35px; padding:8px 20px; font-size:20px; border-top-right-radius:6px; border-top-left-radius:6px;}
.hd20{height:20px}
.hotproduct{background: #f5f5f5;padding:12px;}
.hotproduct li{padding-bottom: 15px; overflow: hidden;}
.hotproduct h2{padding:10px 0 0; font-size: 14px; text-align: center;}
.hotproduct 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;}
.hotproduct li:hover img{transform: scale(1.08);}
.abouttitle{ line-height: 45px;height:45px; font-size:18px; font-weight: bold; border-bottom:1px solid #ddd; position: relative; padding-left:16px;}
.abouttitle:before{width:5px; background: #0078f3;height:22px; content: ''; display: inline-block; position: absolute; top:11px; left:0}
.yingyongfont{padding:20px 0; line-height: 200%; min-height:470px;}
.yingyongfont h3{font-size:24px; text-align: center; color:#0078f3; line-height:40px; padding-bottom: 10px;}
.yingyongfont img{text-align: center; display: block; margin:0px auto;}
.aboutcontent{padding:20px 0; line-height: 200%;}
.productcontent{padding:0; min-height:470px;}
.product{margin:0 -10px; padding-top:20px;}
.product li{float:left;width:25%; text-align: center;}
.product .pbox{ margin:10px;}
.product .img-hover{overflow: hidden;}
.product h3{font-size:14px;background:#fafafa; border:1px solid #e2e2e2; border-top:0; text-align: center;line-height:42px; text-align: center;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.product 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;}
.product li:hover img{transform: scale(1.08);}
.product h2{font-size:14px; text-align: center;line-height:42px; text-align: center;/**display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;**/overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.proviewtitle{background: #fafafa; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:7px 12px;}
.proviewtitle h2{background: #0078f3; color:#fff; line-height:28px; font-size: 14px; padding: 0 18px; display: inline-block; border-radius:21px;}
.proviewbox{text-align: center; padding: 20px 0;}
.proviewbox h1{font-size: 24px; line-height: 50px; padding-bottom: 10px;}
.proviewcs{padding: 20px 0; line-height: 200%;}
.proviewcs img{text-align: center; margin: 0px auto; display: block;}
.viewbox{text-align: center; padding: 20px 0; border-bottom: 1px dotted #ddd;}
.viewbox h1{font-size: 24px; line-height: 50px;}
.newslist{padding:10px 0}
.newslist li{border-bottom: 1px dotted #ddd; padding: 15px 0; transition: all 0.5s;}
.newslist h2{font-size:18px; line-height:150%;}
.newslist span{font-size:14px; color:#999; padding-top: 3px;}
.newslist dt{ margin-top:5px; color:#888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.newslist li:hover{background: #fafafa; padding-left: 10px;}
.contact-l{float:left; width:60%; padding:0; line-height: 220%;}
.contact-l h2,.contact-r h2{font-size:16px; font-weight:bold; line-height: 40px; padding-bottom:5px;}
.contact-r .row-input input {background: #f6f6f6;width: 97%;height: 40px;border: none;font-size: 14px;padding-left: 2%; border:1px solid #e2e2e2}
.contact-r .row-input textarea{display:block; background: #f6f6f6;width:95%;height:70px;font-size: 14px;padding:1% 2%;line-height: 20px;resize: none;border:1px solid #e2e2e2}
.contact-r .row-right{text-align: left;}
.contact-r .row-right input{background: #e53d00;width: 140px;height: 48px;border: none;font-size: 14px;color: #fff;cursor: pointer;}
.contact-r .row-right:hover input{background: #ad0000;}
.contact-r .row{margin-top:10px;}
.contact-r{float:right; width:38%;}
.mapheibox{padding:20px 0 0; border-top: 1px solid #e2e2e2;}
.mapheight{width:100%; height:450px;}
.phone_nav{display: none;}
/*分页*/
.page{ padding-top:0; text-align: center;}
/*底部*/
.footer{ background:#0061ab; color:#e6e6e6; margin-top: 40px;}
.copyright{ background:#252525;height:50px; line-height: 50px;}
.copyright-l{ float:left;}
.copyright-r{ float:right;}
.foot{padding:45px 0;}
.foot-menu{float:left; margin-left:100px;}
.foot-ewm{float:right;}
.foot-ewm p{text-align: center;}
.footwz{background:url(../images/locadown.png) no-repeat left top; background-size:50px; padding-left:70px; margin-right:70px;}
.foot-ewm img{width:120px; margin:5px 0 10px;}
.f1 {float: left; padding-top: 10px;}
.f1 .alibaba{background: url(../images/about_21.png) no-repeat 92% 50% rgba(255,255,255,0.9); line-height: 40px; margin-top: 20px;}
.f1 .alibaba a{background: url(../images/about_26.png) no-repeat left 50%; color:#666; display: block; padding-left: 50px;}
.f1 .alibaba a:hover{color:#000}
.footer h2{font-size: 16px; color:#fff; padding-bottom:10px;}
.footer li{line-height:28px;}
.footer dd{line-height:28px;}
.footer a{ color:#e6e6e6;}
.footer a:hover{ color:#fff;}
/*客服*/
.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;}


.img_h { position: relative; cursor: pointer;}
.img_h img { display: block; opacity: 1; -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;}
.img_h img:nth-child(2) { position: absolute; left: 0; top: 0; opacity: 0;}
.img_h.img_ha:hover img { opacity: 1;}
.img_h.img_ha:hover img:nth-child(2) { opacity: 0;}
a:hover .img_h.img_ha img,.img_h:hover img { opacity: 0;}
a:hover .img_h.img_ha img:nth-child(2),.img_h:hover img:nth-child(2) { opacity: 1;}

.ind_adva { background:url(../images/ysbg.jpg) no-repeat center; padding:60px 0;}
.ind_adva .imgcenter{margin:0px auto; display: block; width:100px; padding: 40px 0;}
.ind_black_title {text-align:center; line-height:40px; font-size:30px; color:#fff; padding-bottom:20px;}
.ind_sectitle { text-align:center; line-height:30px; font-size:16px; color:#fff; padding-bottom:40px;}
.ind_adva ul li { box-shadow:0 0 10px 0 rgba(4,0,0,0.33); position:relative; text-align:center; display:block; float:left;  height:auto; width:18%; background:rgba(11,69,159,0.8); margin-right: 2.5%;}
.ind_adva ul li:hover{ background:rgba(45,107,207,0.95); color:#fff;}
.ind_adva ul li:nth-child(5) {margin-right:0;}
.ind_adva .advalist_title { margin-bottom:20px; color:#a9e3ff; font-size: 24px; -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;}
.ind_adva .advalist_text { line-height:28px; font-size:16px; padding-bottom:35px; color:#a9e3ff; -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;}
.ind_adva ul li:hover .advalist_title{color:#fff}
.ind_adva ul li:hover .advalist_text{color:#fff}

@media(max-width:1366px){
	.wrapper{width:1160px; margin:0px auto;}
	.casefont{ line-height:180%; margin-right:40px;}
	.fanganlist li{width:50%; float:left;line-height:28px; background: url(../images/newtb_12.png) no-repeat left 50%;}
	.fanganlist dt{padding-top:12px;}
	.newswrap{padding:40px 0 50px}
	.case_pro{padding:50px 0;}
	.aboutwrap{padding:40px 0 50px;}
	.newswrap .homenewsb .contentjs{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
	.aboutbox{ line-height:190%; padding:50px 35px 0; color: #666;}
}
.swiper-pagination-bullet{width:10px;height: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;}
.swiper-pagination-bullet-active{opacity:1;background:#007aff; width:25px;height:10px; border-radius:5px}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}