@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;}
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{ width:1200px; margin:0 auto;}


/*=================头部=================*/
.top{ height:105px; background:#fff;}
.top .logo{ margin:28.5px 0;}

.sr{  height:35px; margin-top:30px; margin-left:160px;}
.sr .search-input{color: #999; border-radius:40px;
    border: 1px solid #D0D0D0;margin-top: -3px;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    width: 260px;}
.sr .search-btn{background: none repeat scroll 0 0 ;
    border: 0 none;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    height: 35px;
    line-height: 33px;
    padding: 0;
    vertical-align: baseline !important;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    margin-bottom: 0;
    font-weight: normal;
    font-size: 14px;
    display: inline-block;
    position: relative;margin-left: -30px;}

.top .tel { margin-top:15px;}
.top .tel img{ margin-right:10px; margin-top:10px;}
.top .tel p{ font-size:14px; color:#333; margin-bottom:2px;}
.top .tel strong{ font-size:20px; color:#666; display:block; line-height:24px; }

/*=================导航=================*/
#nav{ position:relative;background-color:#2992dc; }
.nav{width:100%;height:48px;}
.navlist{height:48px;}
.navlist > li{float:left;width:155px;font-size:14px;color:#fff;font-weight:bold;text-align:center;line-height:48px;cursor:pointer;position:relative;}
.navlist >li > a{color:#fff;width:100%; height:100%; display:inline-block;}
.navlist > .on{background: url(images/bg8.png) repeat;width:115px;height:48px;}
.navlist >.on >a{color:#2992dc;}
.navlist > li:hover{background: url(images/bg8.png) repeat;width:115px;height:48px;}
.navlist > li:hover >a{color:#2992dc;}
.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:48px;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-color: rgba(255,255,255,0.8);;left:0;overflow:hidden;z-index:11;top:48px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-bottom:10px;display:none;}
.showvox1{position:absolute;width:360px;background-color: rgba(255,255,255,0.8);;left:0;overflow:hidden;z-index:11;top:48px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding-bottom:10px;display:none;}
.showvox1 .ul li{width: 180px;height: 25px;float: left;text-align:left;text-indent:20px;font-weight: normal;}

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 li:hover{ background-color:#ddd;color:#BC070A;}
.showvox li a:hover{ color:#BC070A; }
.showvox .on a{color:#2992dc;}
.showvox1 .on a{color:#2992dc;}
.showvox li a:before{ content:"·";}
/*.showvox li a:after {
  content: "·";
}*/
 
.soso{width:240px;height:30px;float:right;position:relative;}
.sotxt{width:238px;height:30px;border:none;background-color:#fff;}
.soxx{width:16px;height:16px;position:absolute;right:8px;top:8px;}
.neishow{width:257px;float:left;padding-bottom:10px;height:auto;}
.neishow li{width:257px;height:20px;float:left;margin-top:0px;text-align:left;}
.neishow li a{color:#2b6fb2;font-size:12px;font-weight:normal;}
.neishow li a .pra{display:block;margin-top:15px;margin-right:8px;margin-left:18px;float:left;}



/*================= banner===================*/
#banner{ position:relative; height:400px; }
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 400px;}
#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;}


.titleTop h1{ font-size:24px; line-height:24px; color:#000;}
/*=============首页业务领域================*/
/* business */
.business{margin:40px auto 40px; padding:0; width:100%; display:inline-block; min-width:1110px;}
.titleTop{ text-align:center;}
.business .titleTop h1{ font-size:24px; line-height:24px; color:#fff;}
.titleTop span{ width:50px; height:6px; background:#2992dc; border-radius:3px; display:block; margin:12px auto 15px;}
.titleTop p{ font-size:13px; margin-top:10px; color:#666;}
.business ul{width:1200px; margin:0 auto;}
.business li{float:left; width:283px; height:254px; padding:0; margin:10px 20px 10px 0; background:#fff; cursor: pointer; transition: all 0.3s ease; overflow:hidden; border-radius:3px; border:1px solid #eee; position:relative;}
.business li:nth-child(4n){ margin-right:0; float:right;}
.business li i{ width:50px; height:50px; display:block; margin:20px auto 12px; background:url(images/iconBusiness.png) 0 0 no-repeat; transition: all 0.3s ease; position:relative; z-index:1}
.business li i.busIcon1{background-position:0 0;}
.business li i.busIcon2{background-position:-50px 0;}
.business li i.busIcon3{background-position:-100px 0;}
.business li i.busIcon4{background-position:-150px 0;}
.business li i.busIcon5{background-position:-200px 0;}
.business li i.busIcon6{background-position:-250px 0;}
.business li img{ width:338px; height:224px; margin:0; opacity:0; transition: all 0.3s ease; position: absolute; top:0; left:0;}
.business li p{ text-align:center;   font-size:24px; line-height:36px; color:#2992dc ; position:relative; z-index:1}
.business li span{text-align:center; line-height:24px; font-size:12px; display:inline-block; color:#999; width:250px; margin:0 24px; position:relative; z-index:1}
.business li a{display:block; text-align:center; line-height:36px; font-size:14px; color:#2992dc; margin:4px auto 0; text-decoration:none; position:relative; z-index:1}
.business li:hover{background:#2992dc; color:#fff; box-shadow:0 10px 40px 0 rgba(0, 0, 0,0.1); padding:0;}
.business li:hover p,.business li:hover span,.business li:hover a{color:#fff;}
.business li:hover i.busIcon1{background-position:0 -50px;}
.business li:hover i.busIcon2{background-position:-50px -50px;}
.business li:hover i.busIcon3{background-position:-100px -50px;}
.business li:hover i.busIcon4{background-position:-150px -50px;}
.business li:hover i.busIcon5{background-position:-200px -50px;}
.business li:hover i.busIcon6{background-position:-250px -50px;}
.business li:hover img{opacity:0.1;}



.left,.center,.right{ width:370px;}
.left,.center{ margin-right:45px;}
.index_title{ border-bottom:1px solid #dedede; margin-bottom:20px;}
.index_title h1{ font-size:18px; font-weight:bold; background:#2992dc; display:block; float:left; color:#fff;line-height:35px; padding:0 10px;}
.index_title a{ font-size:13px; float:right; color:#666; line-height:35px;font-weight:bold; }
.index_title a:hover{ color:#2992dc}

.f1_le_box p{ font-size:12px; line-height:23px; color:#666; text-indent:24px; margin-top:18px;}
.f1_le_box p a{ color:#333; font-weight:bold;}
.f1_le_box p a:hover{ color:#2992dc}

.list1 dt,.list2 dt,.list3 dt{ margin-bottom:10px;}
.list1 dt h2,.list2 dt h2,.list3 dt h2{ font-size: 16px;line-height: 24px;font-weight: bold; color:#333;overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis; margin-bottom:10px;}
.list1 dt img,.list2 dt img,.list3 dt img{ width:100%;height:100%;}
.list1 dt a:hover h2,.list2 dt a:hover h2,.list3 dt a:hover h2{color:#2992dc;}
.list1 dt a:hover h3,.list2 dt a:hover h3,.list3 dt a:hover h3{color:#2992dc;}

.index_list_box{ width:260px;}
.index_list_box h3{ font-size: 16px;line-height: 24px;font-weight: bold; color:#333;overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis; margin-bottom:5px;}
.index_list_box p{     font-size: 12px; line-height:22px;
    color: #666;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;}
.list1 dd{padding: 0 10px;position: relative;overflow: hidden;line-height: 26px;verflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis; color:#333; font-size:14px;}
dd .icon{display: block;position: absolute;width: 3px;height: 3px;background-color: #da251d;top: 50%;margin-top: -1px;left: 0;}
.list1 dd a:hover{ color:#2992dc;}
.list1 .info{font-size: 12px; line-height: 19px; color: #999; padding: 8px; background-color: #f1f1f1; }

.list3 dd{padding: 0 10px;position: relative;overflow: hidden;line-height: 26px;verflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis; color:#333; font-size:14px;}
.list3 dd.list_info {margin:10px 0; padding:0;line-height: 17px;}
.list3 dd.list_info .list_box_img{ width:56px; height:56px;}
.list3 dd.list_info .index_list_box{ width:300px;}
.list3 dd.list_info .index_list_box li{ font-size:12px; color:#333; }
.list3 dd.list_info .index_list_box li a:hover{ color:#2992dc; }
.list3 dd a:hover{ color:#2992dc;}

.list2 dd {margin:10px 0 14px;}
.list2 dd .list_box_img{ width:56px; height:56px;}
.list2 dd .index_list_box{ width:300px;}
.list2 dd .index_list_box li{ font-size:12px; color:#333; }
.list2 dd .index_list_box li a:hover{ color:#2992dc; }

.list2 dt,.list3 dt{ margin-bottom:20px;}



.gg{ margin:35px auto;}


.f3{ margin:35px auto;}
.f3 .f3_top{ font-size:22px; color:#333; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:25px;}
.f3 .f3_top p{ border-bottom:3px solid #da251d; width:100px;}


.roll_row .roll__list::before,.roll_row .roll__list::after{content:"";display:table;line-height:0}
.roll_row .roll__list::after{clear:both}
.roll_row .roll__list{width:9999px}
.roll_row .roll__list li{float:left;display:block;margin-right:20px;width:100px;height:100px;line-height:100px;font-weight:700;font-size:30px;text-align:center;color:#fff;background-color:#f90}


.hzhb{ margin-bottom:10px;}
.hzhb #dhemo1{width:1200px; height:260px; overflow:hidden; position:relative;/*margin-top: 14px;*/ margin-top:30px;}
.hzhb #dhemo1 ul li{ float:left;width: 230px;margin: 0 10px;border:#eee solid 1px;margin-right:10px;}
.hzhb #dhemo1 ul li img { margin: 4px;  width:100%;height:100%;}
.hzhb #dhemo1 ul li p { text-align:center; font-size:14px; padding:5px 0;}
.hzhb #dhemo1 ul{float:left;}
.hzhb #dhemo1 .listwidth{width:99999px; position:absolute;}


#box_main_huoban_sub2{
   margin: 40px 0px 90px;
    width: 100%;
    height: 95px;
}
#box_main_footer{
   width: 100%;
    background: url(images/contact-bj.jpg) no-repeat center top;
    float: none;
}
#box_main_footer_sub1{
   margin: 0px auto;
    width: 1200px;
    float: none;
    padding-top: 140px;
}
.footer01{
   text-align: left;
    width: 1200px;
}
.footer01_left{
   text-align: center;
    width: 300px;
    background: #f1d599;
    float: left;
    height: 330px;
    padding-top: 30px;
}
.footer01_left IMG{
   margin-top: 10px;
}
.footer01_right{
   width: 900px;
    background: #2992dc;
    float: left;
    height: 360px;
}
.tit09{
   line-height: 35px;
    color: #2992dc;
    font-size: 18px;
}
.tit10{
   line-height: 40px;
    color: #2992dc;
    font-size: 32px;
}
.tit11{
   line-height: 35px;
    color: #2992dc;
    font-size: 14px;
}
.dibunav01{
   margin: 77px 0px 0px 30px;
    width: 130px;
    float: left;
}
.dibunav-tit{
   line-height: 50px;
    color: #adcafe;
    font-size: 16px;
    font-weight: 700;
}
.dibunav01 A{
   line-height: 25px;
    display: block;
    color: #adcafe;
    font-size: 14px;
    text-decoration: none;
}
.dibunav04 A{
   line-height: 25px;
    display: block;
    color: #adcafe;
    font-size: 14px;
    text-decoration: none;
}
.dibunav04{
   margin: 77px 40px 0px 0px;
    width: 160px;
    float: right;
}
.dibunav-tit{
   line-height: 50px;
    color: #adcafe;
    font-size: 16px;
    font-weight: 700;
}
.dibunr{
   text-align: center;
    line-height: 30px;
    margin: 30px 0px;
    height: 60px;
    color: #999;
    font-size: 14px;
}


/*=======================内页==============================*/

.n_main_box{ position:relative; margin-top:30px; margin-bottom:50px;}

.n_banenr{ position:relative; overflow:hidden; margin-top:-15px; width:100%; height:305px;}

.n_banenr h1{ display:block; padding-top:50px; color: #f36825; text-transform: uppercase; font-weight:bold;font-size: 30px;} 

.n_banenr h2{  display:block; margin-top:0px; margin-bottom:10px; color: #fff;font-size: 24px;}

.n_banenr strong{  display:block; color: #797a7c;font-size: 14px;}

/*==============当前位置=====================*/

.position{ position:absolute; top:0px;  right:0px; padding-left:22px; background:url(images/icon_home.png) left center no-repeat; color:#8a8c8e; line-height: 30px;}

.position span, .position a, .position i{ color:#8a8c8e; font-size:12px;}

.position em{ color:#2992dc; font-style:normal; font-size:12px;}

.position a:hover{ color:#2992dc;}



/*==============n_content_left=====================*/

.n_left{ float:left;   overflow:hidden; width:225px;}

.n_left .pr_title{ padding:23px 0; background:#2992dc; text-align:center;}

.n_left .pr_title span{ display:block; display:block; color:#fff; font-weight:bold; font-size:18px; margin-bottom:3px;  }

.n_left .pr_title strong{ display:block; display:block; color:#fff; text-transform:uppercase;  font-size:10px; } 



#n_sub_nav{ margin-bottom:22px;}

#n_sub_nav .a{ display:block;  height:39px;  border:1px solid #e9e9e9; border-top:none;  background:url(images/icon_left_li.png) 200px center no-repeat; }

#n_sub_nav .a strong{ position:relative; display:block; overflow:hidden; margin:0 auto; width:175px; height:38px; color:#555555; font-size:14px; line-height:38px;}

#n_sub_nav .a:hover { border:1px solid #999999; border-top:none;  background:url(images/icon_left_li_on.png) 200px center  no-repeat  #353536; color:#555555;}

#n_sub_nav .a:hover strong{ color:#fff;  font-weight:bold;}

#n_sub_nav .on .a {border:1px solid #999999; border-top:none;background:url(mages/icon_left_li_on.png) 200px center  no-repeat  #353536; color:#fff;}

#n_sub_nav .on .a strong{ color:#fff; font-weight:bold;}



.n_left .link_box a{ display:block; margin-bottom:10px;}

 

/*==============n_content_right=====================*/

.n_right{float:right; width:925px;  }

.n_title{ position:relative; height:30px;  border-bottom:1px solid #ccc; line-height:30px; }

.n_title h1{   display:inline-block; margin-bottom:0px; border-bottom:2px solid #2992dc; color:#444444; font-size:16px; }
.n_content{ padding-top:30px; min-height:360px;}



.news{ margin-top:40px;}

#s_news{ width:710px; position:relative; float:left;}
#s_news  .hd{ position:relative; padding-left:290px; line-height:35px; margin-bottom:18px;}
#s_news  .hd h1 a{ position:absolute; left:0; top:0; display:inline-block; font-size:18px; color:#2d2d32;}
#s_news  .hd .a{ color:#7f7e86;   margin-right:2px ;display:inline-block; background:#f4f4f4; height:35px; width:100px; text-align:center; line-height:35px; font-size:14px;}
#s_news  .hd .a:hover{ color:#fff;  background:#2a4fa1;}
#s_news  .hd h1 a:hover{color:#2a4fa1;  }
#s_news  .hd .on{ color:#fff; background:#2a4fa1;}


#s_news  .list{ position:relative; }
#s_news  .list .up {height:130px; overflow:hidden;}
#s_news  .list .up .fl{width:190px; margin-right:20px; display:block;}
#s_news  .list .up .fl img{ width:190px; height:130px;}
#s_news  .list .up .fr{ color:#a6a7ab; float:right; width:490px; font-size:12px; line-height:20px; }
#s_news  .list .up .fr h1 a{ padding-top:15px; display: block; color:#2d2d32; font-size:14px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#s_news  .list .up .fr a:hover{color:#2a4fa1;  } 
#s_news  .list .up .fr p{ color:#8f8f95;  font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:10px;}
#s_news   .more{ color:#37373a; font-size:12px; display:block; margin-top:10px; }
#s_news   .more:hover{ text-decoration:underline;}
#s_news  .list .un{ padding-top:10px;}
#s_news  .list .un ul{ margin-right:-10px;}
#s_news  .list .un li{   line-height:35px; position:relative; display:block; border-bottom:1px dotted #b3b3b5; background:url(images/icon_li_news.png) left center no-repeat; padding-left:10px;  }
#s_news  .list .un a{ font-size:14px; color:#606063; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#s_news  .list .un a:hover{color:#2a4fa1;}
#s_news  .list .un span{font-size:12px; color:#a0a0a2; position:absolute; right:0; top:0; line-height:35px;}  


.news .right{ width:440px; float:right; margin-top:20px;}
.news .right li{ float:left; width:220px; overflow:hidden;}
.news .right li img{ width:220px; height:138px;}


/*=============工程案例================*/
.floor_2{ padding:40px 0; background:#fff;}  
.floor_2 .left{ width:725px; position:relative;}
.floor_2 .hd{}
.floor_2 .hd a{ color:#fff;   margin-right:2px ;display:inline-block; background:#949699; height:36px; width:115px; text-align:center; line-height:36px;}
.floor_2 .hd a:hover{ color:#fff;  background-color:#2a4fa1;}
.floor_2 .hd .on{ color:#fff; background-color:#2a4fa1;}
.floor_2 .list{ position:relative; margin:30px auto 0px auto;overflow: hidden;}
.floor_2 .list ul{ position:relative; }
.floor_2 .list li{ display:blockl; float:left;  width:180px; margin-right:20px;}
.floor_2 .list li a{ display:block; background:#f3f3f5; }
.floor_2 .list li img{ width:180px; height:220px; display:block;}
.floor_2 .list li h1{ height:40px; line-height:40px; display:block; text-align:center; font-size:12px; color:#565757;}
.floor_2 .list li a:hover{ background:#2a4fa1; }
.floor_2 .list li a:hover h1{ color:#fff;}
.floor_2 .case_slid { position:relative;}
.floor_2  .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;}
.floor_2  .more:hover{color:#2a4fa1;}



/*=============底部样式================*/
.shj_index_footer_box{width: 100%; height: 360px; background: url('images/footbg.jpg'); position: relative;}
.shj_index_footer_box a:hover{ text-decoration:underline;}
.shj_index_footer{width: 1220px; height: 360px; margin: 0 auto; }
.shj_index_footer_top_box{width: 1220px; height: 180px; padding-top: 40px;}
.shj_index_footer_daohang{width: 307px; height: 170px; border-right: 1px solid #434748; float: left; margin-left: 8px;}
.shj_index_footer_daohang>ul{width: 102.3px; height: inherit; float: left;}
.shj_index_footer_daohang>ul>li{color: #898989; padding: 5px 0;}
.shj_index_footer_daohang>ul>li:first-child{color: #e2e2e2; font-size: 14px; padding-top: 0;}
.shj_index_footer_ewm_box{width: 483px; height: 160px; padding: 10px 38.5px 0;  border-right: 1px solid #434748; float: left;}
.shj_index_footer_ewm{width: 161px; height: inherit; float: left; text-align: center; }
.shj_index_footer_ewm>img{width: 100px; height: 100px; border-radius: 5px;}
.shj_index_footer_ewm>h5{color: #e2e2e2; margin-top: 12px;}
.shj_index_footer_tel{width: 295px; height: 140px; padding: 20px 0 0 48px; float: left;}
.shj_index_footer_link{width: 1220px; height: auto; margin-top: 10px; float: left;}
.shj_index_footer_link>h5{color: #e2e2e2; margin-left: 8px;}
.shj_index_footer_link>ul>li{margin: 10px 0 0 8px; float: left; color: #898989;}
.shj_index_footer_bottom{width: 100%; height: 50px; background: rgba(0,0,0,0.3); position: absolute; bottom: 0; left: 0;}
.shj_index_footer_webinfo{ height: 50px; text-align: center; color: #fff; margin: 0 auto; line-height: 50px; }


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

.n_main_box {margin-bottom: 60px;}
.n_content{ min-height:400px;   }

/*==============联系我们=====================*/

#n_contact{ position:relative; width:100%; overflow:hidden; }
#n_contact .up_box { margin-top:50px; margin-bottom:50px; position:relative; background:url(images/bg_contact.jpg) right top no-repeat; min-height:657px; }
#n_contact .up_box .title{  margin-bottom:20px;}
#n_contact .up_box .title strong{ display:block; color:#51575f; font-size:18px; margin-bottom:8px; font-weight:bold; }
#n_contact .up_box .title span{ display:block;font-size:12px; line-height:12px; text-transform:uppercase; color:#6c6d70}
#n_contact .up_box dl{ width:500px; float:left; }
#n_contact .up_box dd { display:block; padding:30px 0; height:65px; border-bottom:1px solid #e7e8ec; padding-left:95px; position:relative;}
#n_contact .up_box dd img.ewm{ position:absolute; right:0; top:30px; height:65px; width:65px; display:block;}
#n_contact .up_box dd strong{ padding-top:10px; padding-bottom:3px; font-size:15px; display:block; color:#545555; }
#n_contact .up_box dd a{ color:#545555; text-decoration:none;}
#n_contact .up_box dd a:hover{ color:#063579;}
#n_contact .up_box span{ font-size:15px; color:#545555; }
#n_contact a{ color:#0d67c9; text-decoration:underline; }
#n_contact .map_box{ position:relative;display:block; height:362px;}


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

#n_title{  position:relative; padding: 15px 0 0; 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:#2a4fa1; font-style:normal;font-weight: bold;}
#position a:hover{ color:#2a4fa1;}

#n_left{ float: left; width:230px; padding-top: 20px;}
#n_right{ float: right; width: 930px; 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: #2a4fa1; 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;}

#left_pro{ background:#eff2f4; padding:20px 0; margin-top:25px;}
#left_pro .title{ display:block; height:20px; line-height:20px; border-bottom:1px solid #fff; padding:0 20px 10px 45px;  background:url(images/icon_pro.png) 20px 2px no-repeat; font-size:15px; color:#444;}
#left_pro ul { padding:20px; padding-bottom:5px; }
#left_pro li{   width: 190px; }
#left_pro li a{ position: relative; overflow: hidden; width:190px;   }
#left_pro li .pic_box{   width: 180px; height: 220px; overflow:hidden}
#left_pro li img{  width:180px; height:220px; display: block;  background:#fff; } 
#left_pro li h1{ height: 36px; margin-top: 15px; padding:0 5px; line-height: 18px; color: #444; font-size: 12px; text-align: center; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#left_pro li:hover h1{ color:#2a4fa1;}
#left_pro .more{ display:block; margin:0 auto; width:190px; height:30px; line-height:30px; background:#b2b5b6; border-radius:3px; overflow:hidden; text-align:center; font-size:12px; color:#fff;}
#left_pro .more:hover{ background:#2a4fa1;}

.n_article .ar_title{ padding:10px 0 20px 0; border-bottom:1px dashed #e5e5e5; margin-bottom: 10px;}
.n_article .ar_title h1{ font-size: 16px; display:block; text-align:center; margin-bottom:10px; line-height:30px;   font-weight: bold; color:#444444;}
.n_article .ar_title h2{height: 30px; font-size:12px;  display:block; text-align:center; color:#888888; line-height:30px;}
.n_article .ar_title h2 strong{ color:#666;}
.ar_article {color:#818285; font-size:14px; line-height:30px; text-align:justify; }
.ar_article p{font-size:14px; color:#717173; line-height:30px; padding-bottom:25px; text-align:justify;   }	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:5px 15px !important; 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:#717173;}
.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_pro{ position:relative; /*padding-bottom:30px;*/float: right;width: 930px;}
#n_pro .pro_section ul { margin-right:-35px; margin-top:-30px}
#n_pro .pro_section li{ margin-right:34px; width:205px; margin-top: 30px; float: left; border:1px solid #dadbdd;    background:#999b9d;    }
#n_pro .pro_section li:nth-child(4n){ margin-right:0;}
#n_pro .pro_section li a{ position: relative; overflow: hidden; width:185px;   }
#n_pro .pro_section li .pic_box{ width: 205px; height: 250px; overflow:hidden}
#n_pro .pro_section li img{  width: 205px; height:250px; display: block;} 
#n_pro .pro_section li h1{ height: 40px; line-height:40px; padding:0 10px; background:url(images/icon_pro_li.png) 265px center no-repeat; color: #fff; font-size: 13px; text-align: left; display: block;white-space: nowrap;overflow:hidden;text-overflow: ellipsis; padding-right:30px;}
#n_pro .pro_section li:hover{ background:#2a4fa1;} 


/********分页********/
.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:#2a4fa1; color:#fff !important;  border:1px solid #2a4fa1;}
.page span{ background:#2a4fa1; color:#fff !important;  border:1px solid #2a4fa1;}
.page a:hover{ background:#2a4fa1; color:#fff !important; text-decoration:none;  border:1px solid #2a4fa1;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}



/*==============新闻中心=====================*/



#n_news {
    overflow: hidden;
    margin-top: 20px;
}
#n_news ul{ margin-top:10px; margin-bottom:-20px; overflow:hidden; }

#n_news li{ display: block; padding-bottom: 30px;  height:140px; border-bottom: 1px solid #e3e4e5; margin-bottom: 30px;}

#n_news li .fl{ width:220px; }

#n_news li .fl img{ width:220px; height:140px;}

#n_news li .fr{ width: 675px; margin-top: 18px;}

#n_news li span{ color:#c4c4c4; display:block; font-size:12px;}

#n_news li .fr a{  display:block;  font-size:15px; color:#3b3c43; font-weight:bold; margin-bottom: 13px;}

#n_news li p{ line-height:22px; height:44px; overflow:hidden; padding-top:10px; font-size:12px; color:#818285;}

#n_news li a:hover{ color:#2992dc;}
#n_news li a.mr{ float:right; font-size:12px; color:#666;}
#n_news li a.mr:hover{color:#2992dc; }

 
/*==============job=====================*/

.hr{ margin-top:50px;}
#list_slide{  position:relative;}

#list_slide dl{  overflow:hidden; margin-bottom:10px;  }

#list_slide dt{border:none;   display:block; position:relative; padding:25px;  cursor:pointer;   background:url(images/bnt_hr_open.png) 1130px center no-repeat #f4f6f9;}

#list_slide dt table{ margin-left:-50px;}

#list_slide dt td{  color:#666666; font-size:14px; border-left:1px solid #fff; padding:0 50px; }

#list_slide dt h1{  color:#666666; font-size:18px; font-weight:bold; margin-bottom:10px; line-height:30px; display:block;}

#list_slide dd{ display:none; padding:0 40px; padding-bottom:30px; line-height:36px; background:#f4f6f9;  }

#list_slide dd p{ line-height:36px;  }

#list_slide dd .content{ padding-top:20px;}

#list_slide dt.on td{ color:#fff;}

#list_slide dt.on{ background:url(images/bnt_hr_close.png) 1130px  center no-repeat #2a4fa1; }

#list_slide dt.on h1{color:#fff;}

/*==============联系我们=====================*/

#n_contact{ position:relative; width:100%; overflow:hidden;}
#n_contact .up_box {   margin-bottom:50px; position:relative; background:url(images/bg_contact.jpg) right top no-repeat; min-height:657px; }
#n_contact .up_box .title{  margin-bottom:20px;}
#n_contact .up_box .title strong{ display:block; color:#51575f; font-size:18px; margin-bottom:8px; font-weight:bold; }
#n_contact .up_box .title span{ display:block;font-size:12px; line-height:12px; text-transform:uppercase; color:#6c6d70}
#n_contact .up_box dl{ width:500px; float:left; }
#n_contact .up_box dd { display:block; padding:30px 0; height:65px; border-bottom:1px solid #e7e8ec; padding-left:95px; position:relative;}
#n_contact .up_box dd img.ewm{ position:absolute; right:0; top:30px; height:65px; width:65px; display:block;}
#n_contact .up_box dd strong{ padding-top:10px; padding-bottom:3px; font-size:15px; display:block; color:#545555; }
#n_contact .up_box dd a{ color:#545555; text-decoration:none;}
#n_contact .up_box dd a:hover{ color:#063579;}
#n_contact .up_box span{ font-size:15px; color:#545555; }
#n_contact a{ color:#0d67c9; text-decoration:underline; }
#n_contact .map_box{ position:relative;display:block; height:362px;}

/*在线留言*/
.m-msg{ border-collapse:collapse;border:#eee solid 1px; margin-top:30px;}
.m-msg td{ border-collapse:collapse; border:#ddd solid 1px; padding:5px;}
.i-input{ width:500px; height:30px; line-height:30px; font-size:14px;border:#ccc solid 1px;}
.i-txt{ width:500px; height:150px;border:#ccc solid 1px;}
.s-btn{ display:block; border:none; width:120px; height:40px; line-height:40px; background:#BC0A0D; color:#fff; font-size:16px; font-weight:600; text-align:center; cursor:pointer;}



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

#n_nav{background: #f1f1f1;}
#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: #d71518; 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;}




/* footer */
#footer{width:100%; overflow:hidden; padding:40px 0 20px; background:url(../images/footer_bj.gif) repeat}
.w1300{ width:1300px; margin:0 auto;}
.f_cont{overflow:hidden}
.f_lx{overflow:hidden}
.f_tel{padding-left:60px; margin-bottom:28px; background:url(../images/f_tel_icon.png) no-repeat left center}
.f_tel p{font-size:26px; font-weight:bold; color:#ff7802}
.f_tel i{font-size:12px; color:#878787}
.qq_row{margin-bottom:12px; overflow:hidden}
.qq_row a{display:block; float:left; width:85px; height:28px; margin-right:10px; background:url(../images/f_qq_icon.png) no-repeat}
.qq_row b{float:left; font-size:13px; color:#a6a6a6; line-height:28px}

.f_qr{padding:0 65px 40px 65px; margin-left:55px; border-left:1px solid #2b3f76; border-right:1px solid #2b3f76}
.f_qr img{max-width:130px; float:left}
.f_qr p{float:left; font-size:14px; line-height:30px; color:#FFF; margin:55px 0 0 15px}

.f_nav{overflow:hidden}
.f_nav dl{float:left; margin-right:55px}
.f_nav dl:last-child{margin-right:0}
.f_nav dt{margin-bottom:15px}
.f_nav dt a{font-size:13px; color:#b3c8e0}
.f_nav dd a{font-size:12px; color:#6985a5; line-height:24px}
.f_nav dt a:hover, .f_nav dd a:hover{color:#ff7802}

.f_info{text-align:center; margin:30px auto}
.f_info p{font-size:12px; line-height:24px; color:#6985a5}
.f_info a{color:#6985a5}
.f_info a:hover{color:#ff8603; text-decoration:underline}

.f_link{width:100%; overflow:hidden; padding-top:18px; border-top:1px solid #2b3f76}
.f_link dl{overflow:hidden}
.f_link dd, .f_link dt{float:left}
.f_link dd, .f_link dt a, .f_link dt i{font-size:12px; color:#6985a5; line-height:23px}
.f_link dt i{margin:0 12px; color:#2e425b!important}
.f_link dt a:hover{color:#ff8603; text-decoration:underline}
.f_link dt:last-child i{display:none}