@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}

body{ color: #333;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei";}
a{text-decoration:none; color:#333;}
a:hover{color:#42a5f5;}

ul,li{list-style:none;}
.clear{clear:both;}
.blank10{height:10px;}
img{border:0;}
.blank{height: 20px;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.fl{float: left;}
.fr{float: right;}


/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 500ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.15);
  moz-transform:scale(1.15);
  -o-transform:scale(1.15);
  transform:scale(1.15);
}
.picShow img{transition:all 500ms ease-out 0s; }

.main{width:1200px; margin:auto; overflow:hidden;}


/*顶部*/
.header{height:108px;width: 100%; min-width:1200px;}
.header .logo {float:left; margin-top:20px;}
.header .logo img{height:60px;}
.header .zsz{float: left; font-size: 15px;border-left:solid 1px #e8e8e8; line-height:24px; padding-left:15px; margin:30px 0 0 15px; color:#888;}


/*电话*/
.header .tel{float:right; background:url(../images/tel.png) no-repeat left center; height:60px; padding-left:70px; margin-top:25px; color:#888; font-size:14px;}
.header .tel h5{font-size:12px; font-weight:normal; color:#555;}
.header .tel p{ font-size:25px; color:#00A0E9; font-family:Impact;}
.header .tel p:first-child{ letter-spacing:1.6px;  font-size:25px;}

/*下拉菜单*/
.head-box{background:#00A0E9; height: 56px;line-height: 56px;min-width:1200px;}
.head-box .menu{width:1200px;  margin:auto;}
.head-box .menu ul li{float: left;width: 150px;height: 56px;position: relative;z-index: 999;}
.head-box .menu ul li a{display: block;	line-height: 56px;text-align: center;font-size: 16px; color:#FFF;}
.head-box .menu ul li:hover .svb{background:rgba(0,0,0,0.1);}
.head-box .menu ul li.curr .svb{background:rgba(0,0,0,0.2);}
.head-box .menu ul li:hover .svb a,.head-box .menu ul li.curr .svb a{color: #fff;}

.head-box .menu ul li .svb-box{	display: none; background:#fff; width:560px; padding:20px; box-sizing:border-box;}
.head-box .menu ul li dl{ float:left;}
.head-box .menu ul li dt a{display: block; line-height:35px; color:#666; text-align:left;font-size: 14px;  border-bottom:solid 0px #ddd;}
.head-box .menu ul li dt a:hover{  color:#00A0E9; }

.head-box .menu ul li .svb-box .pic{float:left; width:260px; height:160px; overflow:hidden; margin-right:25px;}
.head-box .menu ul li:nth-child(2) .svb-box .pic{ background:url(../images/sub_img1.jpg) no-repeat; background-size:cover;}
.head-box .menu ul li:nth-child(3) .svb-box .pic{ background:url(../images/sub_img2.jpg) no-repeat; background-size:cover;}
.head-box .menu ul li:nth-child(4) .svb-box .pic{ background:url(../images/sub_img4.jpg) no-repeat; background-size:cover;}
.head-box .menu ul li:nth-child(5) .svb-box .pic{ background:url(../images/sub_img3.jpg) no-repeat; background-size:cover;}
.head-box .menu ul li:nth-child(6) .svb-box .pic{ background:url(../images/sub_img5.jpg) no-repeat; background-size:cover;}
.head-box .menu ul li:nth-child(7) .svb-box .pic{ background:url(../images/sub_img6.jpg) no-repeat; background-size:cover;}

.head-box .menu ul li:nth-child(6) .svb-box{ position:absolute; left:-110px;}
.head-box .menu ul li:nth-child(7) .svb-box{ position:absolute; left:-260px;}


/*焦点图*/
#banner {max-width:1920px; margin:auto; position:relative; z-index:9;min-width:1200px;}
#banner .swiper-slide{text-align:center; overflow:hidden; height: 500px;  position:relative; background:#000;}
#banner .img {width: 100%;height: 100%;}

/*按钮切换*/	
	#banner .swiper-button-prev,#banner .swiper-button-next {display: none;width: 72px;height: 72px; background: url(../images/ico_sliding.png) no-repeat;}
	#banner .swiper-button-prev {background-position: 0 0;}
	#banner .swiper-button-prev:hover { background-position: 0 -144px;}
	#banner .swiper-button-next { background-position: 0 -72px;}
	#banner .swiper-button-next:hover {background-position: 0 -216px;}
/*分页器*/
	#banner .swiper-pagination-bullet{width: 11px;height: 11px; display: inline-block; border-radius: 50%; background:rgba(255,255,255,0.36); transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease; opacity: 1.0;}
	#banner .swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);color: #fff;width: 33px;border-radius: 30px;opacity: 1.0;}
	#banner .swiper-pagination{bottom:15px;}

/*-------------*/
.main_index .left{width:460px; float:left; margin-right:50px;}
.main_index .mid{width:400px; float:left;}
.main_index .right{width:245px; float:right;}

/*中间*/
.mid{}
.mid dl{ margin-top:20px;}
.mid dt{width:108px; height:75px; float:left; margin-right:15px;}
.mid dt img{width:100%; height:100%;}
.mid dd h3{ font-size:16px; font-weight:normal; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; line-height:28px; margin-bottom:5px;}
.mid dd p{font-size:12px; line-height:180%; color:#888;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
	}
.mid ul{border-top:dashed 1px #ccc; margin:20px 0 0 0; padding-top:15px;}
.mid li{line-height:35px; background:url(../images/dian.jpg) no-repeat left center; padding-left:15px;white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}

/*右边快捷导航*/
.side_link{}
.side_link li{height:80px; margin-bottom:10px; font-size:20px;position:relative;}
.side_link li a{color:#fff;}
.side_link li i{ height:100%; width:100px; display:inline-block; vertical-align:middle; transition:0.3s all;}
.side_link li:hover i{ margin-left:10px;}
.side_link li:nth-child(1){background:url(../images/link_bg1.jpg) no-repeat;}
.side_link li:nth-child(1) i{background:url(../images/link_ico1.png) no-repeat center; background-size: auto 45px;}
.side_link li:nth-child(2){background:url(../images/link_bg2.jpg) no-repeat;}
.side_link li:nth-child(2) i{background:url(../images/link_ico2.png) no-repeat center; background-size: auto 45px;}

.zt{ position:relative; overflow:hidden;}
.zt img{ width:245px; height:146px; display:block;}
.zt p{ position:absolute; left:0; bottom:0; line-height:34px; background:rgba(0,0,0,0.6); width:100%; color:#fff; padding-left:20px; box-sizing:border-box;}

/*标题*/
.t1 h5{ height:32px; border-bottom:solid 1px #ddd;}
.t1 h5 em{font-style:normal; font-size:18px; border-bottom:solid 1px #00A0E9; height:32px; display:inline-block; }
.t1 h5 em i{ background:#00A0E9; width:5px; height:15px; display:inline-block; margin-right:10px}
.t1 h5 span{float:right; font-weight:normal; margin-top:6px;}


/*产品列表*/
.pro_list { margin-top:20px;}
.pro_list li{float: left;width:220px; margin-right:20px; margin-bottom:15px; overflow:hidden; position:relative;}
.pro_list li:nth-child(2n){ margin-right:0;}
.pro_list li .pic {width:100%;overflow:hidden; position:relative;border:solid 0px #ddd; box-sizing:border-box;}
.pro_list li .pic img{width:100%; height:130px; display:block; transition:0.3s all; }

.pro_list li:hover .pic img {transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);}
.pro_list li .txt{  line-height:25px; font-size:13px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; padding:0 10px; box-sizing:border-box;}

/*more*/
.lookmore {text-align: center;min-width:1200px;}
.lookmore a{display: inline-block;width: 155px;height: 38px;border: 1px solid #ccc;background:;line-height: 38px; border-radius: 38px;transition: all .5s ease; position:relative; overflow:hidden;}
.lookmore a:hover{border: 1px solid #00A0E9; background: #00A0E9; color:#fff; border-radius:0px;}


.biaodan{ width:1000px; margin:auto;}
.biaodan li{float:left; margin-left:15px;}
.biaodan li input{border:solid 1px #ddd; height:55px; line-height:55px; font-size:15px; color:#666; padding:0 20px; width:210px; box-sizing:border-box;}
.biaodan li input[type="submit"]{width:128px; background:#00A0E9; color:#fff; border:none; border-radius:5px; cursor:pointer;}


/*-查看详情-*/
.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 16px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.8;filter: alpha(opacity=80);}

/* 底部 */
.f_nbg{ width:100%; min-width:1200px; background:url(../images/foot_bg.jpg)  center; margin:0px auto; padding:60px 0 50px 0;    border-top: 0px solid #999;}

.b_contact{width:340px; border-left:solid 1px rgba(255,255,255,0.15); padding-left:50px; box-sizing:border-box;}
.b_contact b{font-size:16px; color:#fff; margin-bottom:10px; display:block; font-weight:normal;}
.b_contact span{display:block; font-size:30px; color:#fff; font-weight:bold; margin-bottom:10px;}
.b_contact p{font-size:14px; line-height:28px;color:rgba(255,255,255,.5);}
.b_contact a{ width: 92px; background:#FF4968; display: block; color: #fff; line-height: 30px;  margin-top:20px; text-align:center; border-radius:3px;}

.f_nav{width:850px;}
.f_nav li{float:left; padding:0 55px 0 0; text-align:left; }
.f_nav li:last-child{ padding-right:0;}
.f_nav li b{ display:block; width:100%;   font-weight:normal;margin-bottom: 15px; }
.f_nav li b a{ font-size:16px; color:#fff;}
.f_nav li b:after{content:"";display: block;width:16px;background:rgba(255,255,255,0.25);height: 1px; margin-top:15px; }

.f_nav li p{ width:100%;  line-height:28px;}
.f_nav li p a{ font-size:13px; color:rgba(255,255,255,.5);}
.f_nav li p a:hover{ color:#fff; text-decoration:underline;}

.bq_bg{ width:100%; min-width:1200px; margin:0px auto;   background:#303031; line-height:50px;color:rgba(255,255,255,0.4);}
.bq_bg{font-size:12px; text-align:center; }
.bq_bg a{color:rgba(255,255,255,0.4);}


/*--------------------*/
.side_ad{position:fixed; left:5px; top:200px; z-index:9999;}
.side_ad img{width:125px;}


.main_weizhi{ height:60px; line-height:60px; background:#Fafafa; border-bottom:solid 1px #e8e8e8;}


/*二级页面*/

.main2_wz {margin-top: -80px;}

/*二级页面*/
.page_ban{ position:relative; height:360px; z-index:-1;}
.ban_gray {background: rgba(0,0,0,0.0);width: 100%; height: 100%; position: absolute;left: 0; top: 0;}
.page_ban .ban_box { position: absolute; left: 0;top: 50%; margin-top: -25px; width: 100%;}
.page_ban .ban_box h5 {  font-size: 40px; color: #FFF;  margin-bottom: 0px;text-transform:uppercase; text-align: center; letter-spacing:3px; font-weight:normal;}
.page_ban .ban_box p{font-size:22px; color:#fff; text-transform:uppercase;}


.page_ban img{width:100%; display:block;}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
       -moz-animation: banner_inside 5s ease 1 forwards;
         -o-animation: banner_inside 5s ease 1 forwards;
            animation: banner_inside 5s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.20);
                transform: scale(1.20);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.20);
             transform: scale(1.20);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.20);
           transform: scale(1.20);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.20);
           -moz-transform: scale(1.20);
             -o-transform: scale(1.20);
                transform: scale(1.20);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}


/*位置*/
.weizhi{line-height:60px; font-size:18px; font-weight:bold; margin-bottom:46px;}
.weizhi span{ font-size:12px; float:right;background:url(../images/home_ico.png) no-repeat left center; padding-left:25px;  color:#555; font-weight:normal;}
.weizhi span a{color:#555;}
.weizhi i{width:5px; height:15px; background:#00A0E9; display:inline-block; margin-right:10px;}

.page_side{width:260px; float:left; border:solid 0px #ddd;  border-radius:0px;}
.page_side_title{line-height:100px;font-size: 28px;color: #FFF; background:#00A0E9; border-bottom:#007EBB 5px solid; border-radius:5px 5px 0 0; padding-left:30px; box-sizing:border-box;}

.page_main{width:880px; float:right;  box-sizing:border-box; padding-top:20PX;}




/*子栏目*/
.sub_nav{background: #fff ; padding:20px 0 0px 0;}
.sub_nav ul{}
.sub_nav li{ line-height:25px; padding:12px 23px; border-bottom: #fff 1px solid; font-size:14px; background:#f8f8f8;}
.sub_nav li a{display:block; }
.sub_nav li.currclass,.sub_nav li:hover{background:url(../images/arr.png) no-repeat right 15px center #00A0E9; background-size:14px auto;}
.sub_nav li.currclass a,.sub_nav li:hover a{ color:#fff;}


/*推荐产品*/
.page_side .links{ background:#fff; padding:1.5625rem 1.5625rem; border: #e8e8e8 1px solid;}
.page_side .links .title01{ margin-bottom:1.125rem;}
.page_side .links i{float: left;margin-right:0.7rem;}
.page_side .links h5{font-size:1rem;color:#353536;height: 1.5rem; font-weight:normal;}
.page_side .links ul li{ position:relative; margin-bottom:5px;}
.page_side .links ul li img{width:100%; display:block;}
.page_side .links ul li h6{  height:28px; line-height:28px;font-weight:normal; box-sizing:border-box; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:center;}
.page_side .links .more a{ display:block; margin-top:15px; text-align:center; height:2.1875rem; line-height:2.1875rem; background:#8b8c8d; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color:#fff; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}



/*加载更多*/
.btn-more{ width:180px; margin:20px auto; border:solid 1px #ddd; background:#f8f8f8; line-height:38px; text-align:center; border-radius:38px; cursor:pointer;}
.btn-more:hover{border:solid 1px #f90; background:#f90; color:#fff;}
.dixian{text-align:center; color:#999; margin:10px auto;}



/*当前栏目推荐新闻*/
.tj_n{}
.tj_n dl{ margin-top:20px;}
.tj_n dt{width:260px; height:160px; float:left; margin-right:15px;}
.tj_n dt img{width:100%; height:100%;}
.tj_n dd h3{ font-size:18px; font-weight:normal; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; line-height:28px; margin-bottom:25px;}
.tj_n dd p{font-size:14px; line-height:200%; color:#888;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
	}



/*新闻分页*/
.news_list{}
.news_list ul{clear:both; padding-top:10px;}
.news_list li{line-height:46px; font-size:14px; border-bottom:dashed 1px #ddd; background:url(../images/icon1.png) left center no-repeat; padding-left:15px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news_list li span{float:right; font-size:12px; color:#999;}

/*产品分页*/
.product_list{}
.product_list li{width:276.6px;float:left;  margin-bottom:25px; margin-right:25px;}
.product_list li:nth-child(3n){margin-right:0px; }
.product_list li a{padding:0px;display:block;border:solid 1px #ddd; border-radius: 0px;background:#fff;transition:all 0.5s;}
.product_list li .pic{border-radius: 0px; width:100%; height:163px; overflow:hidden;text-align:center; padding-top:0px;}
.product_list li .pic img{height:100%;  width:100%; transition:all 0.5s;}

.product_list li .txt{height:130px;overflow:hidden; padding:0 10px;}
.product_list li .txt h3{font-size:16px;  line-height:28px; margin:15px 0 10px 0;}
.product_list li .txt p{font-size:12px;line-height:26px; color:#666;
/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:2;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.product_list li .txt p em{display:block;margin-bottom:0px;}
.product_list li a:hover h3,.product_list li a:hover p{color:#fff;}
.product_list li a:hover{background:#00A0E9;border:solid 1px #00A0E9;}



/* 产品内容样式*/

.pro_nr_pic{width:440px; }
.pro_nr_pic img{width:100%;}


.pro_nr_txt{width: 400px;margin-top:0px;}
.pro_nr_txt h1{font-size: 16px;margin-bottom:20px;}
.pro_nr_txt p{background: #f8f8f8;padding: 15px;font-size: 12px;color: #666;line-height: 26px;/*多行文本溢出现实省略号*/
  display: -webkit-box;  /*将对象作为弹性伸缩盒子模型显示 。*/
  display: -moz-box;
  overflow: hidden;   /*溢出隐藏*/
  text-overflow: ellipsis;  /*可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。*/
  /*word-break: break-all; 文本强制换行*/
  -webkit-box-orient: vertical;  /*文本被水平或垂直排列。*/
  -webkit-line-clamp:4;   /*用来限制在一个块元素显示的文本的行数。*/	
}
.pro_nr_txt span{display: block;border-bottom: 1px dashed #e1e1e1;height: 45px;line-height:45px;font-size: 12px;color: #666;}
.pro_nr_txt .a{display: block;margin: 20px 0 10px 0; width:100px;background: #1275bc;; height: 38px;line-height: 38px;padding-left: 50px;  color: #fff;border-radius: 5px;}
.pro_nr_txt .a:hover{opacity: .8;}

.xiangqing{height: 50px;line-height:50px;margin-bottom: 20px; background: #f1f1f1;margin-top: 10px;padding-left: 20px;font-size: 15px;font-weight: bold;color: #333;}



/*图文分页*/
.pic_art_list{}
.pic_art_list dl{ padding:20px 0; height:150px; border-bottom:dotted 1px #CCCCCC;}
.pic_art_list dl dt{ width:270px; float:left;}
.pic_art_list dl dt a{width:240px; height:150px; display:block; overflow:hidden;}
.pic_art_list dl dt img{width:240px; height:150px; }

.pic_art_list dl dd .time{ font-size:12px; padding-left:18px; background: url(../images/news_list_date.png) left center no-repeat; color: #9f9f9f;margin-bottom:15px; display:inline-block;}

.pic_art_list dl dd{}
.pic_art_list dl dd h5{line-height:40px; font-size:18px; margin-bottom:10px;}
.pic_art_list dl dd p{  line-height:24px; color:#666; font-size:13px; margin-bottom:10px;}
.pic_art_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#999; float:left;}
.pic_art_list dl dd i.n_time{ background:url(../images/n_time.png) no-repeat left center; background-size:20px auto; padding-left:25px;}
.pic_art_list dl dd i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:20px auto; padding-left:25px;}

.more2{ margin-top:20px;}
.more2 a{width:100px; height:30px; line-height:30px; display:inline-block; border:solid 1px #ccc; text-align:center; transition:all 300ms ease-out 0s;}
.more2 a:hover{ background:#F65157; color:#FFF; border:solid 1px #F65157;}


/*内容页 */
.ntitle{padding:0px 0px 10px 0px;border-bottom: 1px solid #ddd; text-align:center; margin-bottom:25px;}
.ntitle h2{font-size: 20px;margin-bottom: 15px;}
.ntitle span{font-size: 12px; color: #888; margin:0px 5px;}

.ptitle{text-align: center;}
.ptitle h2{font-size: 22px;}

.neirong{line-height:26px; font-size: 14px; text-align:justify;overflow: hidden; color:#555; padding:0 10px;}
.neirong img{max-width: 100%;}
.neirong p{margin-bottom: 15px;}

.backprev{right:0; top:30px; position:absolute; width: 50px;height: 50px;background: #00A0E9 url(../images/icon-back.png) no-repeat center center;border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
}

.neirong table{ border:1px solid #333; border-collapse:collapse;   font-size:14px; line-height:26px;}
.neirong table td{padding:5px; border:1px solid #333;}

/*图片分页*/
.pic_list{ }
.pic_list li{width:260px; margin-right:50px; margin-bottom:10px; float:left;}
.pic_list li:nth-child(3n){margin-right:0px;}
.pic_list li .pic{width:100%; height:160px; overflow:hidden;}
.pic_list li .pic img{ width:100%; height:100%;}
.pic_list li p{width:100%;line-height:36px; text-align:center; background:#fff; transition: all 0.3s ease 0s;}
.pic_list li:hover p{ background:#00A0E9; color:#fff;}


/*图片分页2*/
.pic_list2{}
.pic_list2 li{width:385px; margin-right:40px; margin-bottom:20px; float:left;}
.pic_list2 li:nth-child(2n){margin-right:0px;}
.pic_list2 li .pic{width:100%; height:260px; overflow:hidden;}
.pic_list2 li .pic img{ width:100%; height:100%;}
.pic_list2 li p{width:100%;line-height:38px; text-align:center; background:#FFF; transition: all 0.3s ease 0s;}
.pic_list2 li:hover p{ background:#4BB344; color:#fff;}


/*文章频道页*/

/*按钮切换*/	
#tjk1{ width:90%;}
#tjk{height:220px;}
	/*#tjk .swiper-button-prev,#tjk .swiper-button-next {width: 20px;height: 34px; background: url(../images/ico_sliding.png) no-repeat;}
	#tjk .swiper-button-prev {background-position: -10px -448px; left:-20px;}
	#tjk .swiper-button-next { background-position: -90px -448px;}*/
/*分页器*/
#tjk .swiper-pagination-bullet-active,#hot_jg .swiper-pagination-bullet-active{ background:#15A099;}
#tjk .swiper-pagination,#hot_jg .swiper-pagination{bottom:5px;}


.news_left{width:900px;}
.news_right{ width:280px;}
.news_main{width:100%; border:solid 1px #e8e8e8; padding:20px; box-sizing:border-box;}

.news_main .tit{font-size:15px; border-bottom:solid 1px #ddd; height:36px; font-weight:bold;}

.news_main .news_focus{ width:400px; overflow:hidden;}

.news_main .news_list1{width:420px;}
.news_list1 dl{ border-bottom:dotted 1px #ccc; padding-bottom:15px; margin-bottom:10px;}
.news_list1 dt{font-size:18px; font-weight:bold; line-height:40px; height:40px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; margin-bottom:10px;}
.news_list1 dd{line-height:24px; color:#888;}
.news_list1 li{line-height:30px; background:url(../images/arrow_6.gif) no-repeat left center; padding-left:15px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden;}
.news_list1 li span{ float:right; font-size:12px; color:#999;}

/*新闻循环列表*/
.news_cate{  margin-top:25px;}
.news_cate h5{ line-height:42px; background:url(../images/news_tit.jpg) no-repeat left bottom #fff; padding:0 10px 0 25px; font-size:16px; color:#fff; }
.news_cate h5 span{float:right; font-weight:normal; font-size:12px;}
.news_cate ul{ padding:20px 0; border:solid 1px #e8e8e8;}
.news_cate li,.xg_list li{width:46%; float:left; margin:0 2%; line-height:30px; background:url(../images/arr1.jpg) no-repeat left center; white-space:nowrap; text-overflow: ellipsis; overflow:hidden; box-sizing:border-box; padding-left:10px;}
.news_cate li span,.xg_list li span{ float:right; font-size:12px; color:#999;}

/*-----*/
.sx_right_box{border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.sx_right_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(../images/hot.png) no-repeat left 3px; padding-left:50px; margin-bottom:5px;}
.sx_right_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;}

.tags_a{ margin-top:10px;}
.tags_a a{padding:5px 10px;  border-radius:3px; display:inline-block; margin-top:5px;}
.tags_a a:hover{ background:#f90; color:#fff;}



/*自定义分页开始*/
.mypages{width:600px; overflow:hidden; margin-left:10px;}
.mypages .clumb{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; display:block;float:left; margin-right:5px;}
.mypages .num{width:22px; height:22px; float:left; background:#a2a2a2; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#4b4b4b;}
.mypages .num:hover,.mypages .hover{background:#000; color:#FFF;}
.mypages .clumb:hover{background-position:0 -22px;}
.mypages .clumb_n{width:12px; height:22px; background:url(images/a-1.jpg) no-repeat; background-position:-12px 0; display:block;float:left; margin-left:4px;}
.mypages .clumb_n:hover{background-position:-12px -22px;}
.mypages .curr{width:22px; height:22px; float:left; background:#e0e0e0; display:block; text-align:center; margin-right:1px; line-height:22px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#000; }



/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 74px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}


/*联系我们单页*/
.lianxi_box{}
.lianxi_box h2{font-size:22px; margin:0px 0 5px 0;}
.lianxi_box h5{font-size:16px; font-weight:normal; color:#888;}
.lianxi_box p{margin-top:25px; line-height:30px; font-size:15px;}

.lianxi_box .ewm{ margin-top:36px; }
.lianxi_box .ewm div{  margin-right:25px;}
.lianxi_box .ewm img{ width:129px; height:129px; float:left; border:1px solid #eaeaea;}
.lianxi_box .ewm .txt2{ display:table; padding-left:12px;}
.lianxi_box .ewm .txt2 p{  height:129px; display:table-cell; vertical-align:middle; text-align:left; font-size:12px; color:#b2b2b2; line-height:24px;}

.map{border:solid 1px #e8e8e8; box-sizing:border-box;}

/*==============人才招聘=====================*/
#list_slide{  position:relative;}
#list_slide dl strong.num{ position: absolute; left: -70px; top: -0px; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size:18px; background: #00aae9; }
#list_slide dl{  margin-left: 70px; margin-bottom:15px; border-bottom:1px dotted #cccdd1; position: relative; background:#f4f5f7; }
#list_slide dt{display:block;  padding: 0px 30px; background: #fff;  cursor:pointer; height:48px; }
#list_slide dt.on{ background:#f4f5f7; border-bottom:0px dotted #cccdd1; }
#list_slide dt h5{font-size:15px; line-height:48px; background:url('../images/icon_hr_on.png') right center no-repeat;  display:block;}
#list_slide dt.on h5{ background:url('../images/icon_hr_off.png') right center no-repeat ;  }
#list_slide dd{ display:none; line-height:24px; background:#f4f5f7;padding:0px 30px 15px 30px;}
#list_slide dd p{  margin-bottom:10px;  color:#444; font-size:14px; line-height:24px;}


/*建议反馈*/
.note_red{ font-size:14px; color:#fe0000; margin:0 10px;}
.note_arrow{ color:#999; display:inline-block; background:url(../images/note.gif) no-repeat left center; padding-left:24px; margin-left:10px;}

.fill_textarea{ width:500px; padding:10px 5px; height:120px; border:solid 1px #ddd;}
.fill_textarea:hover{border:solid 1px #ccc; background:#f8f8f8;}

table.fill_table_c{ clear:both; margin:0px auto 10px auto;}
table.fill_table_c input.fill_text{ width:240px; padding:8px 5px; border:solid 1px #ddd;}
table.fill_table_c input.fill_text:hover{border:solid 1px #ccc; background:#f4f5f7;}
table.fill_table_c th,table.fill_table_c td{ vertical-align:top; line-height:2em; padding:8px 5px;}
table.fill_table_c th{ font-size:14px; font-weight:normal; text-align:right;}
table.fill_table_c img{ vertical-align:middle; margin:0 10px;}
table.fill_table_c input.orange_btn{ width:250px; height:50px; line-height:50px;}

table.fill_table_c select{width:252px; padding:10px 5px; border:solid 1px #ddd;}

input.orange_btn{ border:none; font-size:16px; cursor:pointer; text-align:center; color:#fff; background:#00A0E9; font-family:"微软雅黑";}
input.orange_btn:hover{ background:#f90; color:#fff; text-decoration:none;}



/*遮罩*/
.item-mask {width: 100%;height: 100%;background: rgba(0, 0, 0, 0);position: absolute;left: 0;top: 0;opacity: 0;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
li:hover .item-mask {opacity: 1; -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.item-mask .item-link-icon {display: block;width: 38px;height: 38px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: -21px;margin-top: -21px;}
.wjdh-link {display: block;width: 38px;height: 38px;background: url(../images/link.png) no-repeat center;}


/*搜索分页*/
#fenye{ margin:10px;}
#fenye table{ margin:auto;}
#fenye .prev,#fenye .next{text-align:center;}
#fenye a.curr,#fenye a:hover{background:#f90;  color:#FFFFFF;}
#fenye a{background:#e8e8e8; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}



/*********右侧悬浮*********/
.floatRightDiv{position: fixed;right: 0;top:200px;z-index: 999;}
.floatRightDiv ul li{position: relative;}
.floatRightDiv ul li a{display: block;width: 80px;text-align: center;height: 80px;border-bottom: 1px solid #fff;position: relative;z-index: 10;}
.floatRightDiv ul li:last-child a{border-bottom: 0;}
.floatRightDiv ul li .conDiv{display: inline-block;line-height: 1;margin-top: 15px;}
.floatRightDiv ul li .iconDiv{height: 25px;line-height: 25px;margin-bottom: 10px;}
.floatRightDiv ul li span{display: block;font-size: 14px;color: #fff;}
.floatRightDiv ul li .telDiv{position: absolute;top: 0;right: -200px;width: 176px;overflow: hidden;background: #FF4968;height: 30px;padding: 25px 17px;text-align: left;transition: all .6s;}
.floatRightDiv ul li.li1:hover .telDiv{right: 80px;}
.floatRightDiv ul li .telDiv .textDiv{margin-left: 10px;margin-top: -6px;}
.floatRightDiv ul li .wxDiv{position: absolute;bottom: 0;right: -200px;width: 110px;overflow: hidden;background: #fff;text-align: center;transition: all .6s;font-size: 14px;color: #333;padding: 5px;}
.floatRightDiv ul li .wxDiv img{width: 108px;height: 108px;}
.floatRightDiv ul li.li3:hover .wxDiv{right: 80px;}
.floatRightDiv ul li.li1 a{background: #FF4968;}
.floatRightDiv ul li.li2 a{background: #00C9C2;}
.floatRightDiv ul li.li3 a{background: #00A0E9;}
.floatRightDiv ul li.li4 a{background: #AACD06;}
.floatRightDiv ul li.li5 a{background: #d16c6d;}