/* 
* @Author: sublime text
* @Date:   2017-09-22 14:25:10
* @Last Modified by:   sublime text
* @Last Modified time: 2017-09-26 15:42:04
*/
.layui-btn-mini{height:24px !important;}
/* prod */
#chan{width:100%; margin:20px auto 60px; overflow:hidden;}
#chan #chanping{width: 1200px; margin:30px auto 0;}
#chan #chanping .left{width:22%;float: left;}
#chan #chanping .left .cp_top{height:72px; background:#c22422; font-size:24px; font-weight:bold; text-align:center; color: #fff;}
#chan #chanping .left .cp_top span{line-height:72px; display: block;}
#chan #chanping .left .left_nav .dalei{height:46px; font-size:14px; color:#333; letter-spacing:-.5px; line-height:46px; border-bottom:1px solid #e9e9e9;} 
#chan #chanping .left .left_nav .dalei a{color:#333;}
#chan #chanping .left .left_nav .dalei:hover a,#chan #chanping .left .left_nav .dalei.on a{color:#182e6c !important; font-weight:bold;}
#chan #chanping .left .left_nav  .sts li{background: url(../../images/tem/xiaolei.png);height:40px;font-size: 14px;color: #333;padding-left:80px;line-height: 40px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
#chan #chanping .left .left_nav  .sts li a{font-size: 14px;color: #333;}
#chan #chanping .left .left_nav  .sts li a:hover{color: #004693}
#chan #chanping .left .cp_bottom{height: 108px;background: url(../../images/tem/cp_di.png);font-size: 25px;color: #fff;font-size: 14px;}
#chan #chanping .left .cp_bottom span{font-size: 20px;font-weight: bold;}
#chan #chanping .left .cp_bottom .qg{padding-left: 70px;padding-top: 45px;}

#chan #chanping .right{width:75%; float:right;}
#chan #chanping .right .right_top{background: url(../../images/tem/chanp.png); height:39px; width:100%; float:right; color:#333399; font-size:20px;line-height: 35px;}
#chan #chanping .right .right_top a{font-size: 13px;color: #333;float: right;line-height: 35px;}
#chan #chanping .right .right_top a:hover{color: #004693;}
#chan #chanping .right .right_bot{width:100%; float: right;margin-top: 20px;}
#chan #chanping .right .right_bot li{width:31.333%; float: left; margin:20px 3% 0 0; text-align: center;line-height: 38px;font-size: 13px;color: #333;}
#chan #chanping .right .right_bot li:nth-child(3n){margin-right:0;}
#chan #chanping .right .right_bot li img{border: 1px solid #ccc;float: left;display: block; width:100%;}
#chan #chanping .right .right_bot li img:hover{border: 1px solid #333399;}
#chan #chanping .right .right_bot li a{color: #333;}
#chan #chanping .right .right_bot li a:hover{color: #004693;}
#chan #chanping .right .right_bot .jian img{width:100%; display:block;}

/*优势*/
#you{width: 100%;height: 186px;background: url(../../images/tem/youshi_bg.png) no-repeat center;margin-top: 30px;}
#you #youshi{width: 1200px;margin: 0 auto;height: 186px;}
#you #youshi .ys_left{float: left;font-size: 12px;color: #ccc;padding-top: 60px;letter-spacing: 1px;}
#you #youshi .ys_left .dabt{font-size: 20px;font-weight: bold;color: #fff;}
#you #youshi .ys_left .xiaobt{line-height: 40px;}
#you #youshi .ys_right{float: right;width: 490px;color: #fff;text-align: center;padding-top: 45px;}
#you #youshi .ys_right .sida{font-size: 50px;color: #fff;font-weight: bold;float: left;}
#you #youshi .ys_right .make{margin-top: 15px;font-size:12px !important;}
#you #youshi .ys_right .make span{font-size: 22px;}
#you #ys_bottom{width: 1200px;margin: 0 auto;}
#you #ys_bottom .lleft{float: left;}
#you #ys_bottom .rright{float: right;}
#you #ys_bottom .rright .duonian img{display: block;float: left;padding-right: 20px;}
#you #ys_bottom .rright .duonian{font-size: 25px;color: #333399;font-weight: bold;line-height: 40px;}
#you #ys_bottom .rright .gongsi{font-size: 15px;color: #666;line-height: 30px;width: 510px;float: right;margin-top:15px;}
/*分栏*/
#fen{width: 100%;height:143px;background: url(../../images/tem/fenlan.png) no-repeat center;margin-top: 40px; }
#fen #fenlan{width: 1200px;margin: 0 auto;color: #fff;}
#fen #fenlan .left .yin{font-size: 30px;font-weight: bold;display:block;padding-top: 55px;letter-spacing: 2px;}
#fen #fenlan .left .zhong{letter-spacing: 1.9px;line-height: 25px;}
#fen #fenlan .left{float:left;}
#fen #fenlan .right{float:right;font-size: 20px;color: #fff;padding-top: 20px;padding-right:0px;}
#fen #fenlan .right a{color: #fff;padding-left: 20px;}
#fen #fenlan .right span{font-size: 24px;color: #fff;line-height: 73px;}
/*公司简介*/
#gong{width: 100%;}
#gong #gongsi{width: 1200px;margin: 0 auto;}
#gong #gongsi .title{width:372px;height:121px;background: url(../../images/tem/title.png);margin: 0 auto;text-align: center;font-size: 13px;color: #333;}
#gong #gongsi .title span{font-size: 30px;font-weight: bold;color: #333;display: block;padding-top: 5px;line-height: 70px;}
#gong #jianjie{width: 1200px;margin: 0 auto;background: url(../../images/tem/jianjiebg.png);height: 433px;}
#gong #jianjie .jj_left{width: 320px;float: left;padding-left: 250px;padding-top: 60px;}
#gong #jianjie .jj_left .about{font-size: 16px;color: #cdcdcd;font-weight: bold;}
#gong #jianjie .jj_left .about span{display: block;font-size: 22px;color: #333399;font-weight: bold;}
#gong #jianjie .jj_left .jiesao{font-size: 13.5px;color: #666;line-height: 28px;float: right;}
#gong #jianjie .jj_left .jiesao a{color:#666;}
#gong #jianjie .jj_left .jiesao a:hover{color:#333399;}
#gong #jianjie .jj_right{float:right;width: 615px;padding-top: 15px;}
#gong #jianjie .jj_right li{float:left;}
#gong #shili{width: 1200px;height:54px;margin: 0 auto;background: url(../../images/tem/shili.png);margin-top: 35px;color: #fff;}
#gong #shili span{font-size: 16px;line-height: 35px;}

/*hot product*/
.product { width:1200px; height:200px; overflow:hidden; margin:0 auto;}
.product p.name{ width:1200px;}
.product p.name b{ display:block; text-align:center; font-size:18px; font-weight:bold; color:#333;}
.product p.name span{ display:block; text-align:center; font-size:16px; text-transform:uppercase;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#333;}

.pro-scr { width:1200px; height:auto; OVERFLOW: hidden; ZOOM: 1; margin-top:20px; margin-bottom:15px;}
.pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:1100px;}
.pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;}
.pro-scr #List1_1 {FLOAT: left;}
.pro-scr #List2_1 {FLOAT: left;}
.pro-scr .LeftBotton { background: url(../../images/tem/btn_Pro_show_left.png) no-repeat; FLOAT: left; MARGIN:30px 0px 0px 0px; WIDTH:33px; HEIGHT:78px;}
.pro-scr .RightBotton { background: url(../../images/tem/btn_Pro_show_right.png) no-repeat; FLOAT: right; MARGIN:30px 0px 0px 17px; WIDTH:33px; HEIGHT:78px;}
.pro-scr .LeftBotton {BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 0px;}
.pro-scr .RightBotton {BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT:0px;}

.pro-scr .pl {DISPLAY: block; CURSOR: pointer; float:left;}
.pro-scr .pl li{ float:left; width:220px; height:210px;margin:0px 15px; text-align:center;}
.pro-scr .pl li .pic { width:230px; height:165px;}
.pro-scr .pl li .pic img { width:230px; height:auto;}
.pro-scr .pl li a{ color:#333;}
.pro-scr .pl li h5 { background:#ddd; height:44px; width:220px; line-height:44px; font-size:14px; font-weight:bold; border-top:1px solid #fff;}
.pro-scr .pl li:hover h5{ background:#C9161E;}
.pro-scr .pl li:hover h5 a{ color:#fff;}

.pro-more{ display:block; text-align:center; line-height:35px; color:#f4ad00; font-size:14px; margin:20px auto 0 auto; height:35px; width:208px; background:url(morebg1.gif) left top no-repeat;}
/*新闻中心*/	
#xin{width: 100%;}
#xin #xinwen{width: 1200px;margin:0 auto;}
#xin #xinwen .top{width:372px;height:116px;background: url(../../images/tem/title.png)no-repeat;margin: 0 auto;text-align: center;font-size: 13px;color: #333;line-height: 40px;}
#xin #xinwen .top span{font-size: 30px;font-weight: bold;color: #333;display: block;padding-top: 11px;line-height: 60px;}
#xin #xinwen .bottom{margin-top: 30px;}
#xin #xinwen .bottom .left{width: 380px;height: 340px;border: 1px solid #ccc;float: left;color: #7d7c7c;margin-top: 10px;}
#xin #xinwen .bottom .left span{font-size: 16px;color: #333;font-weight: bold;line-height: 45px;}
#xin #xinwen .bottom .left .font{width: 95%;margin: 0 auto;line-height: 20px;}
#xin #xinwen .bottom .left .font .yueduxx{display: block;width: 80px;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 14px;background: #333399;margin-top: 10px;}
#xin #xinwen .bottom .left .font span a{color: #333;}
#xin #xinwen .bottom .left .font span a:hover{color: #333399;}
#xin #xinwen .bottom .right{float: right;}
#xin #xinwen .bottom .right li{border: 1px solid #ccc;width: 380px;height: 105px;margin-top: 10px;}
#xin #xinwen .bottom .right li .xwl{width: 60px;height: 80px;float: left;text-align:center;margin-left: 15px;font-size: 14px;color: #666;}
#xin #xinwen .bottom .right li .xwl span{float: left;width: 60px;height: 60px;display: block;background: #333399;text-align: center;line-height: 60px;color: #fff;font-size: 40px;margin-top: 15px;}
#xin #xinwen .bottom .right li .xwr{float: right;padding-right: 15px;width: 270px;color: #7d7c7c;line-height: 20px;margin-top: 10px;}
#xin #xinwen .bottom .right li .xwr a{font-size: 16px;color: #333;font-weight: bold;line-height: 30px;margin-top: 15px;}
#xin #xinwen .bottom .right li .xwr a:hover{color: #333399;}
#xin #xinwen .bottom .right li:hover{box-shadow:5px 5px 5px #999;}

/*合作伙伴*/
#he{width: 100%;height:250px;background: #f2f2f2;margin-top: 50px;}
#he #hezuo{width: 1200px;margin:0 auto;}
#he #hezuo .top{width:680px;height: 87px;margin: 0 auto;background: url(../../images/tem/hezuo.png);font-size: 20px;color: #ccc;text-align: center; }
#he #hezuo .top span{display: block;font-size: 30px;text-align: center;color: #333;padding-top: 15px;}
/*友情链接*/
#links_bg{width:100%; margin:0 auto; margin-top:39px;}
#links{width:1200px; margin:0 auto; height:71px; background:url(../../images/tem/youlian.jpg);}
#links .h3{font-size:20px; font-weight:bold; padding-left:418px; padding-top:3px;color: #0096ff;}
#links .h4{width:1200px; margin:0 auto; padding-top:20px;}


/*产品列表页面代码*/
#chan #chanping .left .cp_boom{height: 86px;background: url(../../images/tem/cpdd.png);font-size: 25px;color: #fff;font-size: 14px; margin:20px 0 0;}
#chan #chanping .left .cp_boom span{font-size: 20px;font-weight: bold;}
#chan #chanping .left .cp_boom .qg{padding-left: 70px;padding-top: 25px;}
#chan #chanping .left .lxwm{width:100%; background:#fafafa; padding:20px; margin-bottom:60px; box-sizing:border-box;}
#chan #chanping .left .lxwm img{display: block; width:100%;}
#chan #chanping .left .lxwm .sz{text-align: center; line-height:30px; border-bottom:2px solid #d6d6d6; width:90%; margin:10px auto 0; font-size:18px; font-weight:bold; color:#c22422; padding-bottom:10px;}
#chan #chanping .left .lxwm .dh{font-size: 14px;width: 90%;margin: 0 auto;color: #666;line-height: 25px;padding-top:6px;}
#chan #chanping .right .xiaonav{background: url(../../images/tem/chanp.png); height:39px;width:100%; float right; color:#333;font-size:16px;}
#chan #chanping .right .xiaonav img{display:block; float:left; width:20px; height:20px; padding-right:15px;}
#chan #chanping .right .xiaonav a{font-size:14px;color: #333;}
#chan #chanping .right .xiaonav a:hover{color: #004693;}
#chan #chanping .right_bot .yemian{text-align: center;margin-top:40px; height:40px;}
#chan #chanping .right_bot .yemian a{padding: 5px;border: 1px solid #ccc;margin-right: 10px;color: #333;}
#chan #chanping .right_bot .yemian a:hover{color: #333399;}


/*产品详情页面代码*/
.right_bot .datu{width:100%; overflow:hidden;}
.right_bot .datu p{font-size: 20px;font-weight: bold;line-height: 60px;}
.right_bot .datu img{display: block;text-align: center;margin: 0 auto;margin-bottom: 10px;}
.right_bot .datu a{font-size: 13px;color: #333;line-height: 25px;}
.right_bot .datu a:hover{color: #333399;}
.right_bot .xiangqin{background: url(../../images/tem/cpxq.png) no-repeat;width:911px;height: 42px;color: #fff;font-size: 16px;font-weight: bold;line-height: 42px;padding-left: 18px;margin-bottom: 15px;margin-top: 15px;}
.right_bot .neirong{width:100%; margin-top:40px; line-height: 25px;}
.right_bot .neirong p{font-size: 16px;color: #005abd;line-height: 30px;}
.right_bot .tuijian li{width:32% !important; float: left; margin:20px 1% 0 0 !important;}
.right_bot .tuijian li img{display: block; width:100% !important; height:100% !important;}
.right_bot .cpxq{width:100%; overflow:hidden; margin-top:40px;}

.products{width:100%; float:left; margin-top:30px;}
.pros_left{width:45%; float:left; position:relative;}
.pros_left .swiper-container{width:100%; height:100%; overflow:hidden;}
.pros_left .swiper-slide{width:100% !important; text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center;align-items:center;}
.pros_left .swiper-slide img{width:100%; display:block;}
.pros_left .swiper-pagination-bullet{width:30px; height:2px; background:#ddd; opacity:.8; border-radius:0;}
.pros_left .swiper-pagination-bullet-active{opacity:1; background:#182e6c;}
.pros_left .swiper-button-next,.pros_left .swiper-button-prev{color:#fff; background:#182e6c; opacity:.8;}
.pros_left .swiper-button-next:hover,.pros_left .swiper-button-prev:hover{background:#c22422;}
.pros_left .swiper-button-prev{left:0;}
.pros_left .swiper-button-next{right:0;}
.pros_left .swiper-button-next::after,.pros_left .swiper-button-prev::after{font-size:24px;}

.pros_right{width:50%; float:right;}
.pros_right_top{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.pros_right_top h2{overflow:hidden; display:block; font-size:24px; font-weight:bold; color:#182e6c;}
.pros_right_top p{font-size:18px; color:#333; line-height:28px;}
.proleft{width:100%; float:left; margin-top:10px; line-height:30px; font-size:15px;}
.proleft_tel{width:100%; float:left; margin-top:20px; border:1px dashed #ddd; border-width:1px 0; padding:10px 0; font-size:16px; line-height:30px;}
.proleft_tel strong{font-size:20px; font-weight:bold; color:#182e6c}

.proleft_btn{width:100%; float:left; margin-top:40px;}
.proleft_btn li{width:160px; float:left; margin-right:20px;}
.proleft_btn li a{width:160px; line-height:46px !important; text-align:center; font-size:16px !important; background:#eee; display:block;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#182e6c !important; color:#fff !important;}

.tabs-basic{width:100%; margin-top:60px; float:left;}

/*新闻列表页面代码*/
.right_bot .xia{margin-top: 13px;border-top: 1px solid #ccc;padding-top: 13px;}
.right_bot .xia .tup{width: 232px;height: 130px;overflow: hidden;float: left;}
.right_bot .xia .tup img{width: 232px;height: 130px;transition:all .3s linear;} 
.right_bot .xia .tup img:hover{width: 232px;height: 130px;transform:scale(1.1,1.1);overflow: hidden;} 
.right_bot .xia .wenzi{width: 650px;float: right;margin-left: 18px;float: left;}
.right_bot .xia .wenzi span{line-height: 25px;}
.right_bot .xia .wenzi .font1{font-size: 12px;color:#999;font-weight: bold;}
.right_bot .xia .wenzi .font1 a{font-size: 16px;color:#666;}
.right_bot .xia .wenzi .font1 a:hover{font-size: 16px;color:#333399;}
.right_bot .xia .wenzi .font2{font-size: 1px;color:#999;}
.right_bot .xia .wenzi .font3{float: left;width: 650px;color: #999;}
.right_bot .xia .wenzi .font3 a{float: right;color: #999;}
.right_bot .xia .wenzi .font3 a:hover{color: #333399;}
.right_bot .biaodan{width:650px;margin: 0 auto;text-align: center;margin-top: 20px;font-size: 13px;color: #333;}
.right_bot .biaodan a{color: #333;}
.right_bot .biaodan a:hover{color: #333399;}

/*新闻详情页面代码*/
.right_bot .biaoti{color: #ccc;text-align: center;}
.right_bot .biaoti p{font-size: 18px;color: #333;}
.right_bot .neirong{font-size: 14px;color: #333;line-height: 25px;padding-top: 10px;}
.right_bot .shangyipian{width:100%; height: 32px;line-height: 32px;background: #e5e5e5;margin:30px 0; padding:0 20px;}
.right_bot .shangyipian a{font-size: 14px;color: #666;padding-left: 10px;padding-right: 10px;}
.right_bot .shangyipian a:hover{color: #333399;}
.right_bot .shangyipian span{padding-right:20px;}

.right_bot .zixun .left{width:100% !important; float: left;}
.right_bot .zixun .left li{float:left; width:31.333% !important; text-align:right !important; border-bottom:1px dotted #ccc; color:#ccc !important; wi}
.right_bot .zixun .left li a{float: left;font-size: 14px !important;color: #666 !important;}
.right_bot .zixun .left li a:hover{float: left;font-size: 14px !important;color: #333399 !important;}

/*公司简介*/
.right_bot .jianjie{width: 911px;height: 661px;background: url(../../images/tem/jianjie.png) no-repeat center;float: right;}
.right_bot .jianjie .top{width: 500px;float: left;font-size: 14px;color: #333;line-height: 25px;}
.right_bot .jianjie .top p{font-size: 20px;font-weight: bold;color: #333399;margin-bottom: 10px;}
.right_bot .jianjie .bottom{width: 400px;float: right;font-size: 14px;color: #333;line-height: 25px;padding-top: 40px;}
.right_bot .jianjie .bottom p{font-size: 16px;font-weight: bold;color: #333399;line-height: 35px;}
.right_bot .zhengshu li{margin-left: 13px !important;}

/* 联系我们 */
.cont1_list{width:100%; float:left; margin-top:30px;}
.cont1_list li{width:49% !important; min-height:240px; float:left; text-align:left !important; margin:10px 2% 10px 0 !important; background:#fff; border:1px solid #e9e9e9; border-radius:6px; padding:20px !important; transition:all .5s ease; box-sizing:border-box;}
.cont1_list li:nth-child(2n){margin-right:0 !important;}
.cont1_list li:hover{border-color:#333399; transform:translateY(-10px); box-shadow:0 3px 9px rgba(0,0,0,.1); transition:all .5s ease-in-out;}
.cont1_list li .btitle{width:100%; float:left; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.cont1_list li .btitle h3{font-size:22px !important; line-height:30px !important; color:#333399; font-weight:bold;}
.cont1_list li .btitle h4{font-size:20px !important; line-height:24px !important; margin-top:10px !important; color:#000;}
.cont1_list li .btitle h5{font-size:28px !important; line-height:30px !important; color:#333399; font-weight:bold; margin-top:10px !important; letter-spacing:2px;}
.cont1_list li .tbox{width:100%; float:left; margin-top:10px; font-size:15px; line-height:28px;}



/*浮动QQ*/
.back-top-container {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 50px;
  cursor: pointer; 
z-index: 99999;}

.back-top {
  opacity: 0.8;
  width: 32px;
  height: 32px;
  z-index:10000000;
  background: #176fd0 url(../../images/tem/88.jpg) center center no-repeat; }
  .back-top:hover {
    opacity: 1; }

.back-top-text {
  margin-top: 3px;
  padding-left: 7.5px;
  width: 32px;
  border: 1px solid #000;
  border-radius: 5px;
  background: #fff; }
  
.back-top:hover {opacity: 1; }
.yb_conct {  position: fixed;
  z-index: 9999999;
  top: 40px;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease; }
  .yb_conct a {
    color: #fff;
    text-decoration: none; }
    .yb_conct a:hover {
      color: #fff; }

.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 1px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden; }

.yb_bar .yb_top {
  background: #333399 url(../../images/tem/88.jpg) no-repeat 0 0; }

.yb_bar .yb_phone {
  background: #333399 url(../../images/tem/88.jpg) no-repeat 0 -57px; }

.yb_bar .yb_QQ {
  text-indent: 0;
  background: #333399 url(../../images/tem/88.jpg) no-repeat 0 -113px; }

.yb_bar .yb_ercode {
  /*height:200px;*/
background: #333399 url(../../images/tem/88.jpg) no-repeat 0 -169px; }

.hd_qr {
  padding: 0 29px 25px 29px; }


.yb_QQ a,.yb_phone a {
  display: block;
  text-indent: 54px;
font-size:16px;
  width: 100%;
  height: 100%;
  color: #fff; }