@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0; }
html,body,h1,h2,h3,h4,h5,h6,p,ul,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
body,html,input{font:12px/1.5 "微软雅黑",tahoma,arial,\5b8b\4f53,sans-serif;}
h1{font-size:32px;}h2{font-size:26px;}h3{font-size:20px; }h4{font-size:16px;}h5{font-size:15px;}h6{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
input{vertical-align:middle;}
img{border:none;vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none; color: inherit;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
a:hover{text-decoration:none;}
button,input{background:#fff;border:none; outline: none;}
.fixed{position:fixed;}
.rel{position:relative;}
.abs{position:absolute;}
.clear{clear: both;}
body{width: 100%; min-width: 1200px;}
.fixclear{clear:both}
.container{ margin:0 auto; width:1200px;}
.clearfix{display: block;clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.w1200{ width:1200px; margin:0 auto; }
.main_box {margin: 0 auto;width: 1200px;position: relative;}


/*=================头部=================*/
.top{ height:58px; background:#ededed;}
.top .hd{ font-size:12px; line-height:58px; color:#666; }
.top .hd .dh{ background:url(images/tel.png) no-repeat center left; margin-left:475px; padding-left:35px; font-weight:bold; color:#0f86c8; font-size:16px; line-height:58px}
.top .hd .dh img{ margin-top:-20px; display:block;}
.top .hd .zy a{color:#666;}
.top .hd span{padding:0 8px; color:#999;}


.header_box{ height:85px;}
.header_box .logo{ margin:18px 0;}

/*=================导航=================*/
#nav{ position:relative; }
.nav{width:100%;height:85px;}
.navlist{height:85px;}
.navlist > li{float:left;/*width:115px;*/font-size:14px;color:#333;text-align:center;line-height:85px;cursor:pointer;position:relative; padding:0 0 0 60px;}
.navlist >li > a{color:#333;}
.navlist > .on{background: url(images/bin.png) no-repeat;/*width:114px;*/height:85px;}
.navlist >.on >a{color:#0f86c8;}
.navlist > li:hover{background: url(images/bin.png) no-repeat;/*width:114px;*/height:85px;}
.navlist > li:hover >a{color:#0f86c8;}
.showtime{width:1200px;border-right:2px solid #f74d04;border-left:2px solid #f74d04;border-bottom:2px solid #f74d04;height:auto;margin:0 auto;float:left;background:url(images/bg8.png) repeat;}
.wrapshow{width:100%;min-height:400px;position:absolute;z-index:11;top:42px;left:-410px;display:none;}
.navlist > li:hover .wrapshow{display:block;}
.showlist{display:block;margin-left:18px;padding-top:15px;}
.showlist > li{width:264px;float:left;margin-right:30px;}
.showlist > li >.showll{width:100%;overflow: hidden;}
.showlist > li >.showll > li{display:block;clear:both;width:100%;font-size:14px;font-family:"微软雅黑";color:#666;line-height:30px;text-align:left;border-bottom:1px solid #cccccc;}
.showll > li >span{background:url(images/tb20.png) left no-repeat;margin-right:5px;margin-top:8px;width:12px;height:12px;display:block;float:left;}

.showvox{position:absolute;width:115px;background: url(images/bg8.png) repeat;left:29px;overflow:hidden;z-index:11;top:85px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-bottom:10px;display:none;}
li:hover>.showvox{display:block;}
li:hover>.showvox1{display:block;}
.showvox li{width:100%;height:35px;text-align:center;line-height:40px;font-weight:normal;}
.showvox li a{color:#444444;}
.showvox .on a{color:#0f86c8;}

/*================= banner===================*/
#banner{ position:relative; height:460px; }
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 460px;}
#banner .hd{ position:absolute; left:0; bottom:0; width:100%; display:inherit;text-align:center;    height:25px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC17A4AD', endColorstr='#CC17A4AD');}
#banner .hd ul{ display:inline-block; }
#banner .hd ul li{ display:block; float: left; margin: 0 3px;  padding-top:8px;}
#banner .hd ul li a{height:10px; width:10px; margin:0 1px; background:#666;  display:block; border-radius:50%;  }
#banner .hd ul li a:hover{ background:#fff; }
#banner .hd ul .on a{  background:#feae01;   }
#banner .bnt{ position:absolute;  top:60%; z-index:3; margin-top:-70px;}
#banner .bnt:hover{ }
#banner .prev{ position:absolute; left:80px; opacity:0;}
#banner .next{ position:absolute; right:80px; opacity:0; }
#banner:hover .prev{left:80px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:80px; opacity:1; filter:alpha(opacity=100);}
.bnt{ display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}


.f1{ height:88px; border-bottom:1px solid #eee;}
.f1_box li{ width:240px; line-height:88px; color:#333; font-size:14px; text-align:center; float:left;}
.f1_box li:nth-child(1){ background:url(images/icon_1.png) no-repeat 25px center;}
.f1_box li:nth-child(2){ background:url(images/icon_2.png) no-repeat 25px center;}
.f1_box li:nth-child(3){ background:url(images/icon_3.png) no-repeat 25px center;}
.f1_box li:nth-child(4){ background:url(images/icon_4.png) no-repeat 25px center;}
.f1_box li:nth-child(5){ background:url(images/icon_5.png) no-repeat 25px center;}


.f2 { margin:50px auto;}
.f2 .f2_img{ width:420px; height:240px; overflow:hidden;}
.f2 .f2_img img{ width:420px; height:240px;}
.f2 .f2_ct{ width:730px;}
.title h1{ font-size:20px; color:#333;}
.title span{ font-size:16px; color:#999; font-weight:normal !important;}
.f2 .f2_ct_box{ font-size:13px; line-height:26px; margin-top:15px; color:#999; height:104px; overflow:hidden;}
.f2 .mr{ width:180px; height:42px; text-align:center; line-height:42px; display:block; background-color:#919191; color:#fff; font-size:14px; float:left; margin-top:25px; }
.f2 .mr:hover{ background-color:#0f86c8;}


.f3{ background:#f3f3f3 url(images/news_bg.jpg) no-repeat top center; padding:40px 0 50px; margin-top:50px;}
.f3_box{  position:relative;}
.f3_box .f3_box_le{ width:615px; margin-top:30px;}
.f3_box_img{ width:615px; height:200px; overflow:hidden  }
.f3_box_img img{ width:615px; /*height:200px;*/transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.f3_box .f3_box_le h1{ font-size:16px; color:#666; line-height:40px; margin:10px 0 0px;}
.f3_box span{ width:70px; border-right:1px solid #eee; font-size:20px; text-align:left; color:#666; font-weight:bold;}
.f3_box .title span{ font-size:16px; color:#999; font-weight:normal !important;}

.f3_box span i{ font-style:normal; font-weight:normal; color:#999; font-size:14px;}
.f3_box .f3_box_le p{ width:520px; font-size:12px; line-height:24px; color:#999;     overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.f3_box .f3_box_le a:hover h1 { color:#0f86c8;}
.f3_box .f3_box_le a:hover .f3_box_img img{ transform: scale(1.1, 1.1); }

.f3_box .f3_box_rt{ width:500px; margin-top:10px;}
.f3_box .f3_box_rt ul{ border-bottom:1px solid #eee; padding-top:20px;}
.f3_box .f3_box_rt ul li{ border-top:1px solid #eee; padding:20px 0;}
.f3_box .f3_box_rt ul li span{ border-right:none; margin-top:4px;}
.f3_box .f3_box_rt .f3_box_rt_ct{ width:400px; padding:0 15px;}
.f3_box .f3_box_rt h1{  font-size:16px; color:#333; margin:5px 0 2px;    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;}
.f3_box .f3_box_rt p{  font-size:12px; line-height:24px; color:#999;   overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;}
.f3_box .f3_box_rt a:hover h1{color:#0f86c8;}

.more{ color:#a6a7ab; position:absolute; top: 0px; background:url(images/icon_more_jt.png) right center no-repeat; padding-right:25px; height:30px; line-height:30px;  right:0px; z-index:99;}
.more:hover{color:#0f86c8;}

 
.f4{ margin-top:50px; margin-bottom:30px; text-align:center; position:relative;} 
.f4_box{ margin-top:30px;}
.f4_box li{ float:left; width:280px; margin-right:26px; margin-bottom:26px;}
.f4_box li:nth-child(4n){ margin-right:0;}
.f4_box li a .f4_list_img{ width:280px; height:180px; overflow:hidden;}
.f4_box li .f4_list_img img{ width:280px; height:180px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.f4_box li h1{ line-height:40px; font-size:12px; background-color:#f6f6f6; color:#333; width:280px; text-align:center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.f4_box li:hover .f4_list_img img{  transform: scale(1.1, 1.1);}
.f4_box li a:hover h1{ background-color:#0f86c8; color:#fff;}


.footer{ background-color:#f6f6f6; padding:50px 0 30px;} 
.footer .ft_le { width:810px;}
.footer .ft_le h1{ font-size:16px; color:#333; margin-bottom:15px; }
.footer .ft_le p{ font-size:12px; float:left; margin-right:20px; color:#666; line-height:26px; }
.footer .ewm { margin-top:-20px;}
.footer .ewm p{font-size:12px; color:#666; text-align:center; margin-top:5px;}
.footer .ewm .ewm_1{ float:left; margin-right:20px;}
.footer .ewm .ewm_1 img{width:100px;}
.copy{   color:#fff; background-color:#007ec1; padding:30px 0;}



.pub_banner{ height:280px; width:100%; background:url(images/pub_banner.jpg) no-repeat center bottom; }

.n_main_box {
    margin-bottom: 60px;
}

/*===================面包屑导航================*/
#n_title{  position:relative; border-bottom:1px solid #e7e7e8;}
#n_title .main_box{  position: relative;}
#n_title h1{ padding:0 0 0px 0px;  font-size:16px; color:#333; line-height:48px; font-weight:bold}
#n_title h1 span{ font-size:14px; color:#404041; line-height:48px;  font-family: "Arial"; text-transform:uppercase; padding-left:5px; font-weight:normal; padding-left:5px;}
#position{ position:absolute; right:0; bottom:0; line-height:48px; color:#98989a; background:url(images/icon_home.png) left center no-repeat; padding-left:18px;}
#position a{font-size:12px; color:#98989a;}
#position span,#n_title .position a,#n_title .position i{ font-size:12px; color:#98989a;}
#position em{ font-size:12px; color:#0f86c8; font-style:normal;font-weight: bold;}
#position a:hover{ color:#0f86c8;}

#n_left{ float: left; width:230px; padding-top: 20px;}
#n_right{ float: right; width: 930px; padding-left: 30px; padding-top: 20px;  }

/*===================内页导航================*/
#n_nav{ position:relative;  }
#n_nav a{ display:inline-block; position:relative; height:50px; padding:0 20px; line-height:50px; font-size:15px; color:#555}
#n_nav a strong{ font-weight:normal;}
#n_nav a:hover{ background:#0f86c8; color:#fff;}
#n_nav a.on{background:#0f86c8; color:#fff;}

#n_up_box.fix{position: fixed; top: 0; }
#n_up_box.fix #position{ line-height: 40px; height: 40px; }
#n_up_box.fix #n_nav a{ line-height: 40px; height: 40px;}

.n_title{ border-bottom: 1px solid #f0f0f0; position:relative; margin-bottom: 50px;}
.n_title h1{ color:#4b4b4c; display: block; text-align: center; font-size: 20px; font-weight: 700;}
.n_title strong{ display:block; text-align: center; color: #606061; font-size: 12px; padding: 5px 0 15px 0; text-transform: uppercase;}
.n_title i{ display:block; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 2px; background: #0f86c8; }


.mainbg{width:1060px;margin:0 auto;}
.mainbg .container{padding-top:30px;padding-bottom:30px;}
.mainbg .mainlef{width:300px;margin-right:20px;background:#eee; border-radius:5px;}
.mainbg .mainrit{width:850px;background:#FFFFFF;min-height:400px;border-radius:5px;padding-bottom: 30px; line-height: 28px;font-size: 1.3em;}
.mainbg .fl .limg{padding-top:20px;}
.navbox{background:#fff;border-radius:5px}
.navbox_title span{color:#e1e1e1;font-size:.4em;padding-left:5px;padding-right:20px}
.navbox_title span a{color:#fff;font-size:.6em}
.navbox_title span a:hover{color:#fff!important;text-decoration:underline}
.navbox_title{color:#fff;background:#0f86c8;padding:25px 0;text-align:center;font-size:1.4em;border-radius:5px 5px 0 0}
.subnav2{padding:10px 15px 20px}
.subnav2 .pull-right{margin-right:15px; float:right;}
.subnav2>li>ul>li>a>span{float:left;margin-top:6px}
.subnav2 li{list-style:none;border-bottom:#f5f3f3 solid 1px;margin-bottom:5px;/*font-family:"ËÎÌå";*/text-indent:10px}
.subnav2 li .popover{max-width:400px}
.subnav2 li:last-child{border-bottom:0}
.subnav2 li>a{display:block;border-radius:5px;padding:15px 0 10px; color:#666}
.subnav2 li>a:hover,.subnav2 li>a.active{background:#0f86c8;color:#fff!important;}
.mainbg .w240{width:240px;}
.mainbg .w770{width:770px;}
.mainrit{padding-right: 15px; padding-left: 15px;}
.mainrit .mainrittop{padding: 16px 0;padding-left: 10px;margin: 0;border-bottom:#d1d1d1 solid 1px;	position:relative;}
.mainrit .mainrittop h3{float:left; font-size: 1.2em;font-weight:normal;color: #0e0d12;}
.mainrit .mainrittop p{float:right;padding-left:26px;background:url(images/icon_home.png)no-repeat left center;font-size:14px;color:#999999;}
.mainrit .mainrittop p a{padding:0 3px;font-size:14px;color:#999999;}
.mainrit .mainrittop i{	position: absolute;width:138px;height:1px;background:#424649;left:0;bottom:-1px;}
.mainrit .mainritbot{ line-height:26px; font-size:16px; margin-top:15px;}
.mainrit .mainrittop p a:hover{color:#0f86c8;}

.pub_case li{ float:left; width:250px;margin-right:10px; margin-bottom:30px;}
.pub_case li:nth-child(3n){ margin-right:0;}
.pub_case li .pub_img{ width:250px; height:170px; overflow:hidden; }
.pub_case li img{  width:250px; height:170px;     transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pub_case li:hover img{transform: scale(1.2, 1.2);}
.pub_case li h1{font-size: 16px;color: #333;font-weight: bold;line-height: 36px;margin-top: 5px;overflow: hidden;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;}
.pub_case li p{ font-size: 12px;line-height: 20px;color: #666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pub_case li a:hover h1{ color:#0f86c8;}

.pubcontent img {max-width: 100%;}
/*===================新闻动态 ================*/
#n_news { overflow:hidden;}
#n_news ul{ margin: 0 -40px -28px -40px; overflow:hidden; }
#n_news li{ display: block; float: left; width: 560px; padding: 0 40px; padding-bottom: 28px; height: 125px; border-bottom: 1px solid #eaecef; margin-bottom: 28px;}
#n_news li .fl{ width:175px; }
#n_news li .fl img{ width:175px; height:120px;}
#n_news li .fr{ width: 360px; margin-top: 12px;}
#n_news li span{ color:#c4c4c4; display:block; font-size:12px;}
#n_news li .fr a{  display:block;  font-size:15px; color:#414141; margin-bottom: 10px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_news li p{ line-height:20px; height:40px; overflow:hidden; padding-top:10px; font-size:12px; color:#777777;}
#n_news li a:hover{ color:#0f86c8;}


/*==============产业项目=====================*/
#n_case .title{ display:block; margin:50px 0; }
#n_case ul{ overflow:hidden; }
#n_case li{ float: left;
    width: 280px;
    margin-right: 26px;
    margin-bottom: 26px; }
#n_case li:nth-child(4n){ margin-right:0;}
#n_case li .n_case_img{ width:280px; height:180px; overflow:hidden;}
#n_case li .n_case_img img{ width:280px; height:180px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#n_case li h1{ line-height:40px; font-size:12px; background-color:#f6f6f6; color:#333; width:280px; text-align:center;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#n_case li:hover .n_case_img img{  transform: scale(1.1, 1.1);}
#n_case li a:hover h1{ background-color:#0f86c8; color:#fff;}


/*===================面包屑导航================*/

#position{ position:absolute; right:0; bottom:0; line-height:48px; color:#98989a; background:url(images/icon_home.png) left center no-repeat; padding-left:18px;}
#position a{font-size:12px; color:#98989a;}
#position span,#n_title .position a,#n_title .position i{ font-size:12px; color:#98989a;}
#position em{ font-size:12px; color:#0f86c8; font-style:normal;font-weight: bold;}
#position a:hover{ color:#0f86c8;}

#n_left{ float: left; width:230px; padding-top: 20px;}
#n_right{ float: right; width: 900px; padding-left: 30px; padding-top: 20px;  }

/*===================左侧导航================*/

#n_nav{background: #eff2f4;}
#n_nav li{ display: block; }
#n_nav i{    transition: all 0.6s ease-in-out;}
#n_nav li:first-child a{ border:none;}
#n_nav li a{ display: block; height: 48px; position: relative; border-top: 1px solid #fff; }
#n_nav li a strong{ position: relative; z-index: 9; height: 48px; line-height: 48px; color: #535355; font-size: 14px; padding-left: 30px;}
#n_nav li a i{position: absolute; left: 0; top: 0; display:block; background: #0f86c8; height: 48px; width: 0px;}
#n_nav li.on a i{width: 3px;}
#n_nav li a:hover i{  width: 100%;}
#n_nav li a:hover strong{ color: #fff;}

#n_main_box{ margin-bottom:60px; }
#n_up_box{ background-color:#eff2f4;}
#n_content{ min-height:300px; padding:50px 0 0px; }
.n_title{ border-bottom: 1px solid #f0f0f0; position:relative; margin-bottom: 50px;}
.n_title h1{ color:#4b4b4c; display: block; text-align: center; font-size: 20px; font-weight: 700;}
.n_title strong{ display:block; text-align: center; color: #606061; font-size: 12px; padding: 5px 0 15px 0; text-transform: uppercase;}
.n_title i{ display:block; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 2px; background: #ec6d00; }

.ar_article {color:#68686a; font-size:14px; line-height:30px; text-align:justify; }
.ar_article p{font-size:14px; color:#68686a; line-height:30px; padding-bottom:25px; text-align:justify;   }	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;  }
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}
.ar_article  img{ max-width:100%;}
.ar_article a{ color:#68686a;}
.ar_article a:hover{ text-decoration:underline;}
.ar_article a:hover span{text-decoration:underline;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.n_content{ min-height:400px; margin-top:50px;  }


/********分页********/
.page { margin:0px auto 0px auto;}
.page .box{display:inherit; width:100%;  text-align: right; margin-top:40px;}
.page a{ padding:0 13px; font-family: "Arial"; height:30px; border:1px solid #dedede; line-height:30px; display:inline-block;  margin-left:5px; color:#1e2432; color:#6c6c6d; font-size:12px; }
.page .st{font-family: "SimSun"; font-size: 12px;}
.page .on{ background:#0f86c8; color:#fff !important;  border:1px solid #0f86c8;}
.page span{ background:#0f86c8; color:#fff !important;  border:1px solid #0f86c8;}
.page a:hover{ background:#0f86c8; color:#fff !important; text-decoration:none;  border:1px solid #0f86c8;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}

.s_slid1 .hd{width:100%; margin:20px 0 30px; border-bottom:1px solid #eee;}
.s_slid1 .hd a{ color:#333;   margin-right:2px ;display:inline-block; background:#eee; height:35px; width:120px; text-align:center; line-height:35px; font-weight:bold; font-size:16px;}
.s_slid1 .hd a:hover{ color:#fff;  background-color:#0f86c8;}
.s_slid1 .hd .on{ color:#fff; background-color:#0f86c8;}
.s_slid1 .bd .list{ font-size:13px; line-height:26px; color:#333;}