@charset "utf-8";
body{  min-width: 1240px; margin:0 auto;}
body{  position: relative;   }
.j_body{ position: relative;}
.main_box{ margin:0 auto; width:1200px; position:relative;}
.main_box_small{ margin:0 auto; width:1115px; position:relative;}
input{outline: none;}
/*===============================================header================================================*/
#header{ height: 85px; background: #fff;}
#header .logo_area{ position:relative; height: 85px; background: #fff; }
#header .logo{ display:table; height:85px;   position:absolute; top: 0px; left:0; z-index:3;}
#header .logo a { display:table-cell; vertical-align:middle;}
#header .logo a img{ display: block;}
#lan_box{position: absolute; right: 0px; top: 28px; } 
#lan_box a{display: block; height: 28px; width: 28px; margin-left: 10px; float: left; line-height: 28px; text-align: center; text-transform: uppercase; color: #6b6b6b; border:1px solid #6b6b6b;}
#lan_box a.on,#lan_box a:hover{ color: #155aa7; border:1px solid #155aa7;}
/*=================导航=================*/
#nav{ position: absolute; right: 115px; top: 0;   }
#nav ul{  }
#nav li{   position:relative; min-width: 60px; display: block; float: left;  margin-right: 48px; } 
#nav li .a{   text-align:center;   display: block; position: relative;  height: 85px; }
#nav li .a strong{ height: 84px; line-height: 84px;  font-size:15px; color:#555454;  text-align:center; display: block;   position:relative; z-index: 2;  }
#nav li .a span{  position:absolute; bottom: 0px; left:0px; width: 100%; height: 1px; display: block;   text-align:center;   z-index:1;   }
#nav li .a i{ display:block; z-index:1; height:1px; width:0px; margin: 0 auto; background:#3d68c9;}
#nav li.on i{width: 100%;}
#nav li:hover i{width: 100%;}
#nav .title{}
#nav .list{ display:none; left: 0px; top: 100px; position:absolute; height:50px; width: 745px;}
#nav .list .box{ text-align:left; position:relative;  }
#nav .list a{ font-weight:normal; margin-left: 20px;    padding: 0 10px; color:#fff;  line-height:50px;  font-size:14px;  }
#nav .list a:hover{ color: #fff;  }
#nav .text_left{ left:auto; right:10px;}
#nav .text_left .box{ text-align:right;}
#nav .text_left .box a{}
.list_box{ position:absolute;  left:0px; top: 136px; z-index:9; height:0px; line-height:50px; width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8F08519', endColorstr='#D8F08519');background:rgba(240,133,25,0.85);}
/*================= banne===================*/
#banner{ position:relative; height:650px; overflow: hidden; margin: 0 auto;}
#banner .bd { position:relative;}
#banner .bd a{ display:block; width:100%; height: 650px;  overflow: hidden;}
#banner .hd{  margin:0 auto; position:absolute; width:100%; bottom:55px;}
#banner .hd ul{   display:inherit;   position:relative; text-align:center;  }
#banner .hd ul li{ display:inline-block; }
#banner .hd ul li a{  border-radius:50%;  height:10px; width:10px; margin:0 5px; display:block; background:#7d8184;  }
#banner .hd ul li a:hover{ background:#155aa7;  }
#banner .hd ul .on a{  background:#155aa7;  }
#banner  .bnt{ position:absolute;  top:50%; z-index:3; margin-top:-45px; cursor: pointer;}
#banner  .bnt:hover{ }
#banner .prev{ position:absolute; left:-54px; }
#banner .next{ position:absolute; right:-54px; }
#banner:hover .prev{left:50px;  opacity:1; filter:alpha(opacity=100);}
#banner:hover .next{right:50px; opacity:1; filter:alpha(opacity=100);}
#banner .pageState { font-size: 24px; color: #fff;  left: 50%; margin-left: -600px; top: 360px; position: absolute;}
#banner .pageState span{ font-size: 40px; color: #f08519; }
/*================= 首页===================*/
#s_main_box{position:relative;  }
#s_main_box .main_box{  margin: 0 auto;} 
/*================= 业务板块 ===================*/
#s_pro{ padding: 70px 0 100px 0; }
#s_pro .title{ margin-bottom: 90px; display: inherit; text-align: center;}
#s_pro .title h1{ border-bottom: 3px solid #272726; padding-bottom: 15px; font-size: 24px;  font-weight: 700;  color: #272726; display: inline-block;}
#s_pro ul{ position: relative; display: inherit; text-align: center; overflow: hidden; margin: 0 -40px; }
#s_pro li { display: inline-block; padding:0 0px;    width: 420px;    height: 280px;  }
#s_pro li .pic_box{   }
#s_pro li .pic_box .pic{ display: block; width: 197px; height: 197px; border-radius: 50%; overflow: hidden; border: 7px solid #fff; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; margin:0 	auto; }
#s_pro li .pic_box img{ display: block; width: 195px; height: 195px; border-radius: 50%; overflow: hidden; border: 1px solid #c1c4cf;}
#s_pro li .pic_box:hover .pic{border: 7px solid #155aa7;}
#s_pro li .pic_box:hover img{border: 1px solid #155aa7;}
#s_pro li .pic_box h1{color: #2d2d2d; font-size: 17px; font-weight: 700; display: block; margin-top: 20px; margin-bottom: 10px;}
#s_pro li .pic_box:hover h1{color: #155aa7;} 
#s_pro li .sub_link{ display: inherit; text-align: center; line-height: 14px; }
#s_pro li .sub_link a{ font-size: 14px; color: #474747;  vertical-align: middle;}
#s_pro li .sub_link i{ font-size: 16px; color: #878787; font-weight: 700; padding: 0 3px; vertical-align: middle;}
#s_pro li a:hover{ color: #155aa7;}
 /*==============footer=====================*/
#footer{background: #393939; padding: 20px 0 0;  font-size:12px; }
#footer .main_box{ position:relative;}
#fot_contact{ padding-bottom: 15px;}
#fot_contact h1{ display:block;font-size:12px; color:#fff; line-height:36px;} 
#fot_contact p{ display:block;font-size:12px; color:#fff; line-height:36px;}
#fot_nav{ position: absolute;right:245px; top: 0;}
#fot_nav dd{ float:left; display: block; min-width:40px;     margin-left: 245px;}
#fot_nav dt .box{ margin-right: -30px;}
#fot_nav dt h1{ display:block;font-size:12px; color:#fff; line-height:36px;} 
#fot_nav a{ display:block;font-size:12px; color:#fff; line-height:36px;}
#fot_nav a:hover{ color:#155aa7;}
/*=========footer_un===========*/
#footer .un_box{ line-height:45px; height:45px; background: #222;}
#footer .un_box p{  color:#fff; font-size:12px; text-align:center;}
#footer .un_box p a{ color:#fff;  }
#footer .un_box p a:hover{ color:#155aa7;}
/*=======================================内页========================================*/
.n_main_box{ }
.n_main_box .main_box{ position:relative;}
#n_banner{ display:block; width:100%; height:315px; position: relative; }
.n_up_box{ position:relative; height:58px;  background:#fff; border-bottom:1px solid #e4e4e9;  }
.n_un_box{  padding:60px 0;}
.position{ position:absolute;   font-size:14px;  line-height: 55px; height:55px; right:0px; top:0px; color:#8a8c8e; background:url(../images/icon_home.png) left center no-repeat; padding-left:22px;}
.position span, .position a, .position i{ font-size:14px; color:#8a8c8e;}
.position em{ font-size:12px; color:#0552a3; font-style: normal;}
.position a:hover{ color:#0552a3;}
.n_nav{ position:relative;  }
.n_nav a{ display:block; float: left; min-width: 40px; position:relative; padding: 0 28px;  height:58px; line-height:58px;  }
.n_nav a strong{font-size:15px;   position:relative; z-index: 9; color:#403f3f; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; }
.n_nav i{ display:block; background:#0552a3; position:absolute; left:0; bottom:0; text-align:center;  z-index:4; height:0px; width:100%;}
.n_nav a:hover strong{ color: #fff;}
.n_nav a:hover  i{ height:58px;}
.n_nav .on strong{ color: #fff;}
.n_nav .on i{ height:58px;}
.n_content{ min-height:400px;  }
.n_ar_title{ margin-bottom: 40px; text-align: center;}
.n_ar_title h1{ font-size: 24px; color: #0552a3; display: block; font-weight: 700;}
/*==================大事记=================*/
#n_dsj  { margin-bottom:50px; background:url(../images/bg_dsj.png) center top repeat-y;}
#n_dsj dl{ padding-top: 60px; position:relative; display:block;  background:url(../images/bg_dsj_first.jpg) center top no-repeat;}
#n_dsj dd{ display:block; width:100%; position:relative; background:url(../images/icon_dsj_li.png) center no-repeat;  height: 186px;  margin-bottom:50px;   }
#n_dsj dd .main_box{ height: 175px; }
#n_dsj dd .pic_box{ position:absolute;  top:0; left: 0px; width: 550px; height: 186px;   overflow:hidden; display:inherit; text-align: right;}
#n_dsj dd .pic_box img{ display: inline-block; border: 1px solid #d2d2d2; padding: 7px; width:275px; height: 170px; } 
#n_dsj dd .pic_box .p{  line-height:26px;  font-size:13px; color:#69696c; padding:15px 20px; display:table-cell; vertical-align:middle; }
#n_dsj dd .text_box { height: 175px; display: table; width: 550px; position:absolute; right:0;  top:0;}
#n_dsj dd .text_box .box{ position:relative; display: table-cell; vertical-align: middle;}
#n_dsj dd .text_box h1{ display:block; margin-bottom: 15px;}
#n_dsj dd .text_box h1 strong{ font-size:30px; color:#656565; }
#n_dsj dd .text_box p{ text-align:left; max-height:100px; overflow:hidden; font-size:13px; line-height:26px; color:#555555;}
#n_dsj dd.left_box{ }
#n_dsj dd.left_box .box{   text-align:right;}
#n_dsj dd:nth-child(2n){ }
#n_dsj dd:nth-child(2n) .box{  text-align:left;}
#n_dsj dd:nth-child(2n) .pic_box{ right:0; left:auto;  text-align: left;}
#n_dsj dd:nth-child(2n) .pic_box img{}
#n_dsj dd:nth-child(2n) .text_box{ right:auto; left:0; text-align: right;}
#n_dsj dd:nth-child(2n) .text_box h1 {text-align: right;}
#n_dsj dd .text_box h1 strong{ position:relative; display: inline-block;}
#n_dsj dd:hover{background:url(../images/icon_dsj_li_hover.png) center no-repeat;}
#n_dsj dd:hover .text_box strong{ color:#0552a3 !important;}
#n_dsj dd:nth-child(2n) .text_box p{ text-align:right; }
#n_dsj dt{ display:block; height:2px;  } 
/*===================招贤纳士=====================*/
#list_slide{position:relative; margin-bottom: 85px;}
#list_slide dl{overflow:hidden;margin-bottom:20px;border-bottom:1px solid #e3e3e3}
#list_slide dt{border:none;border-left:3px solid #0552a3;display:block;position:relative;cursor:pointer;height:18px;margin-bottom:20px}
#list_slide dt h1{padding-left:10px;border-left:3px solid #fff; font-weight: 400; color:#515151;font-size:16px;line-height:18px;background:url(../images/icon_jt_un.png) right center no-repeat;display:block}
#list_slide dd{display:none;line-height:34px}
#list_slide dd p{line-height:34px;margin-bottom:0; font-size:12px; color: #888888;}
#list_slide dd .content{padding:0 20px 26px 20px}
#list_slide dd .content{color:#888888;font-size:12px;line-height:34px}
#list_slide dt.on h1{background:url(../images/icon_jt_up.png) right center no-repeat; }
/*===================项目列表页=====================*/
#n_pro { position:relative;  overflow:hidden;}
#n_pro ul{ margin-bottom:-35px;}
#n_pro li{ display:block; position:relative; height:225px; margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #e7e7e6;}
#n_pro li .pic_box{ position:absolute; left:0; top:0; z-index:3;width:365px; height:225px; overflow: hidden;}
#n_pro li img{ width:365px; height:225px; }
#n_pro li .text_box { margin-left:420px;height:275px;  padding: 0px 0px 22px 0px;    position:relative;  }
#n_pro li .text_box h1{border-left: 3px solid #5a8dc2; padding-left: 10px; vertical-align: middle; margin-bottom: 15px; display:block; font-size:18px;  color:#585757; font-weight: bold;}
#n_pro li .text_box span{ position:absolute; right:0; top:0; font-size:12px; display:block; margin-bottom:5px;  color:#b8b8b8; }
#n_pro li .text_box h1 a:hover{ color:#b29364; letter-spacing: 2px;  }
#n_pro li .text_box .more{ position: absolute; right: 0; bottom: 70px; height:40px; line-height:40px; font-size: 13px; text-align: center; width:150px; color:#0552a3; border:1px solid #0552a3; display:block;   }
#n_pro li .text_box .more:hover{ color:#fff; background:#0552a3;}
#n_pro li .text_box p{ line-height:36px; color:#6c6c6c; font-size:12px; height: 108px; overflow: hidden;}
/*===================联系我们=====================*/
#n_contact .ar_article{ line-height: 34px;}
#n_contact .ar_article p{ line-height: 34px;}
#n_contact .content{ margin-top: 50px;}
#j_form td{padding: 10px 20px;border: 1px solid #eeeeee;vertical-align: middle; line-height:40px;}
#j_form input{ font-size: 14px; color: #343434; border: none; vertical-align: middle;   display: inline-block;  width: 440px;}
#j_form img{vertical-align: middle;}
#j_form strong{ font-size: 14px; color: #767676; line-height:40px; display: inline-block; width: 85px; text-align: right;}
#j_form textarea{font-size: 14px; color: #343434; border: none; width: 1050px; height: 140px; line-height: 20px; resize: none; padding: 0 10px; vertical-align: middle;}
#j_form input[type="submit"],#j_form input[type="reset"]{cursor: pointer; display: inline-block; margin:0 20px;  width:  210px; background: #0552a3; height: 45px; line-height: 45px; text-align: center; color: #fff;}
#j_form input[type="submit"]:hover,#j_form input[type="reset"]:hover{ border-radius: 22.5px;}
/*==================业务领域=================*/
#n_case ul{ margin:10px -14px 0px -13px; overflow:hidden; }
#n_case li{ float:left; position:relative; overflow: hidden; width:380px; display:block; margin:20px 13px; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;  }
#n_case li a{ display:block;  overflow:hidden;   }
#n_case li .pic_box{ position: relative; width:380px; height:280px; overflow: hidden;}
#n_case li img{ width:380px; height:280px; display:block;} 
#n_case li h1{ display: block; background: #f4f4f4; margin-top: 10px; height:50px; line-height:50px; ;padding:0px 20px;} 
#n_case li h1 strong{  color:#636669;  display: block; text-align: center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-size: 18px;}
#n_case li span{ font-size:14px; color:#da241a;  }
#n_case li:hover { box-shadow: 0 0 8px #999;    }
#n_case li:hover span{  font-size:14px; color:#da241a;  }
#n_case li .icon_box::before,#n_case li .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
#n_case li .icon_box::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
#n_case li .icon_box::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
#n_case li a:hover .icon_box::before,#n_case li a:hover .icon_box::after {opacity: .6;-webkit-transform: scale(1);transform: scale(1);}

.p_con{ font-size:14px; line-height:28px;}
.p_con p{ margin:15px 0; text-indent:2em;}
.p_con h2{ border-bottom: 3px solid #272726; padding-bottom: 15px; font-size: 24px;  font-weight: 700;  color: #272726; display: inline-block;}
.p_con .title2 {
    margin-bottom: 30px;
    display: inherit;
    text-align: center;
	margin-top:30px;
}
.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}

.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}

.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}

.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}
.list_serva{ text-indent:2em; font-size:14px; line-height:28px; margin:24px 0;}