/* 头部 */
#header { background: #fff; min-width: 1200px; position: relative; z-index: 101; width: 100%; -webkit-box-shadow: rgba(0,0,0,0.15) 0px 0px 2px; -moz-box-shadow: rgba(0,0,0,0.15) 0px 0px 2px; box-shadow: rgba(0,0,0,0.15) 0px 0px 2px; }
#header.header-order { }
#header.header-order .top-nav { right: 0px; }
#header .toper { background-color: #fff; color: #333; font-size: 13px; height: 40px; line-height: 40px; }
#header .toper .wrapper { position: relative; }
#header .toper a, #header .toper a:visited { color: #ddd; }
#header .toper a:hover { color: #e60000; text-decoration: none; }
#header .top-nav { position: absolute; top: 0px; right: 5px; z-index: 900; }
#header .top-nav1 {  margin:0 130px; top: 0px; right: 5px; z-index: 900; }
#header .top-nav .sep { border-left: 1px solid #888; display: inline-block; float: left; height: 12px; line-height: 12px; margin: 10px 8px 0px 8px; vertical-align: middle; width: 1px; overflow: hidden; }
#header .top-nav a { float: left; text-align: center; padding: 0px 10px; }
#header .top-nav a, #header .top-nav a:visited { color: #333; }
#header .top-nav a:hover { color: #ff6700; padding-bottom: 10px; text-decoration: none; }
#header .welcome { font-size: 12px; float: left; }
#header .welcome .worktime { padding-left: 10px; }
#header .welcome .tel { padding-left: 12px; }
#header .top-cart { position: absolute; right: 0px; top: 0px; }
#header .top-cart .cart { display: block; padding: 0px 10px 0px 12px; }
#header .top-cart .cart:hover { background: #ff6700; color: #fff; }
#header .top-cart .cart i { margin-right: 6px; }
/**header**/
#header .header-line { background-color: #fff; height: 110px; }
#header .header-line .wrapper { position: relative; z-index: 991; height:100PX; }
#header .header-line .logo { display: inline-block; float: left; padding-top: 8px; }
#header .header-line .logo img { height:80px;}
.titname { width:720px; height:80px; padding:10px 0 0 0; font:21px "Microsoft Yahei"; color:#363636; font-weight:bold; float:left;}
.titname i{ font-style:normal; display:block; color:#00750f ; font-size:18px;}
.titname em{ font-style:normal; font:12px Arial, Helvetica, sans-serif; color:#a8a8a8; display:block; line-height:20px; display:none;}
.shares {width:320px; height:45px; padding:30px 0 0 115px; font:21px "Microsoft Yahei"; color:#cc3333; font-weight:bold; float:left;}
.tel { float: right; width: 300px; height: 50px; padding: 3px 0 0 75px; background: url(../images/tel_bg.png) left top no-repeat; margin-top: 20px; }
.tel span { font-size: 12px; line-height: 12px; }
.tel p { font-size: 22px; line-height: 22px; margin: 0; padding: 0; margin-top: 8px; font-family: Arial, Helvetica, sans-serif; color: #cd3333; font-weight: bold; }

/**topnav**/
#topnav { background: #16335f; height: 50px; }
#topnav .wrapper ul { margin: 0; padding: 0; list-style: none; }
#topnav .wrapper ul li { float: left; }
#topnav .wrapper ul li a { height: 50px; line-height: 50px; font-size: 16px; font-family: microsoft yahei; color: #fff; padding: 0 42.5px; display: block; }
#topnav .wrapper ul li a:hover { background: #cc3333; }
#topnav .wrapper ul .hover a { background: #cc3333; height: 50px; line-height: 50px; font-size: 16px; font-family: microsoft yahei; color: #fff; padding: 0 42.5px; display: block; }
#topnav .wrapper ul li dl { position: absolute; z-index: 999; margin: 0; display: none; width: 160px; }
#topnav .wrapper ul .hover dl dt a { background: #1F92D1; border-bottom: 1px solid #187EC6; height: 40px; line-height: 40px; display: block; font-size: 14px; padding:0 20px; }
#topnav .wrapper ul .hover dl dt a:hover { background: #fff; color: #333; display: block; }

/* banner */
#banner{}
.slideBox{ width:100%; height:525px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:50%; bottom:30px; z-index:1; text-align:center;  }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:20px; height:20px; line-height:20px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; width:100%; top:0; left:0;   }
.slideBox .bd ul{ margin:0; padding:0; list-style:none;}
.slideBox .bd li{ zoom:1; vertical-align:middle; padding:0; margin:0;}
.slideBox .bd li a{ display:block; height:525px; min-width:1200px; width:100%; max-width:1903px;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.page_banner{ height:260px; background: #999 url(../images/News_banner.jpg) center center no-repeat;}
.page_banner h2{ padding-top:90px; padding-left:20px; font-size:24px; color:#fff;  text-shadow: 2px 2px 8px #16335f, 1px 1px 0 #eee; display:none;}
.page_banner_20{ background: #999 url(../images/pbanner_contact.jpg) center center no-repeat; }
.page_banner_8,.page_banner_26,.page_banner_27,.page_banner_28,.page_banner_29,.page_banner_30,.page_banner_31,.page_banner_32,.page_banner_33,.page_banner_34{ background: #999 url(../images/pbanner_case.jpg) center center no-repeat; }
.page_banner_7{ background: #999 url(../images/pbanner_hexin.jpg) center center no-repeat; }
.page_banner_5{ background: #999 url(../images/pbanner_ty.jpg) center center no-repeat; }
.page_banner_25{ background: #999 url(../images/pbanner_access.jpg) center center no-repeat; }
.page_banner_2,.page_banner_4{ background: #999 url(../images/pbanner_zy.jpg) center center no-repeat; }
.page_banner_6{ background: #999 url(../images/pbanner_gc.jpg) center center no-repeat; }
.page_banner_1,.page_banner_13,.page_banner_14,.page_banner_15,.page_banner_16,.page_banner_17{ background: #999 url(../images/pbanner_about.jpg) center center no-repeat; }


/*search*/
#search { margin: 20px auto; color: #666; font-size: 12px; line-height: 28px; }
#search p { float: left; }
#search p a{ padding:0 10px;}
.sea_r { float: right; padding-top: 13px; }
.sousuo { background: #d7381b  ; width: 45px; height: 28px; border: 1px; float: right; text-align:center; color:#fff;}
.sousuo:hover { background: #666 url(../images/search.png); -webkit-transition: all .5s; transition: all .5s; }
.sousuo1 { border: 0px; background: #f3f3f3; width: 250px; height: 28px; float: right; border-right: 0px; padding-left: 10px; }
/* iclass*/
#iclass { height: 480px; background: url(../images/iclass_bg.jpg) top center no-repeat; padding: 20px 0; }
#iclass .wrapper { position: relative; margin: 0 auto; }
.pro { position: absolute; width: 310px; height: 230px; background: #CCC; -webkit-transition: all 0.2s ease-in-out; }
.pro:hover{ -webkit-box-shadow:0 0 10px #999;  
  -moz-box-shadow:0 0 10px #999;  
  box-shadow:0 0 10px #999;  }
#pro_01 { position: absolute; top: 0; left: 0; background:#1b3b67; }
#pro_02 { position: absolute; width: 543px; top: 0; left: 328px; }
#pro_03 { position: absolute; top: 0; height: 475px; left: 888px; }
#pro_04 { position: absolute; top: 245px; left: 0; }
#pro_05 { position: absolute; width: 543px; top: 245px; left: 328px; }

.pro .rel{ position:relative;}
.pro .rel h4{ position:absolute; font-size:18px;}
.pro .rel em{ position:absolute; font-style:normal; line-height:20px; height:60px; overflow:hidden;}

#pro_01 .p15 { padding:15px; display: table; width:278px;}
#pro_01 .p15  .border{ border:1px solid #fff; height:190px; display:table-cell;vertical-align: middle; text-align:center; color:#fff;}
#pro_01 .p15  .border div{ font-size:24px; height:24px; line-height:24px;}
#pro_01 .p15  .border a{ color:#FFF;}

#pro_02  h4{ top:84px; left:335px;}
#pro_02  em{ top:114px; left:335px; padding-right:20px;}

#pro_03  h4{ top:40px; left:50px;}
#pro_03  em{ top:70px; left:50px;}

#pro_04  h4{ top:20px; left:150px;}
#pro_04  em{ top:50px; left:150px; padding-right:20px;}

#pro_05  h4{ top:65px; left:330px;}
#pro_05  em{ top:95px; left:330px; width:200px;}

/* Advantage */
#iAdvantage { height: 1124px; background: url(../images/iAdvantage_bg.jpg) top center no-repeat; }
#iAdvantage .wrapper { position: relative; margin: 0 auto; }
.adv_00 { position: absolute; width: 590px; }
.adv_00 i { width: 75px; height: 180px; float: left; background:url(../images/ico_bg.png) top center no-repeat; color:#fff; font-style:normal; font-size:24px; text-indent:10px;line-height:50px; margin-right:10px; font-weight:bold; }
.adv_00 h3 { height: 24px; line-height: 24px; padding: 11px 0 0 66px; color: #333; font-size: 24px; }
.adv_00 em { font-size: 12px; line-height: 24px; height: 24px; padding-bottom: 5px; display: block; }
.adv_00 li {   padding-left: 58px; }
.adv_00 li b, .adv_00 p b { color: #ff9600; }
#adv_01 { top: 220px; }
#adv_02 { top: 435px; }
#adv_03 { top: 715px; left: 600px; }
#adv_04 { top: 910px; left: 600px; }
/*iCase*/
.iCase { background: url(../images/case-bg.png) repeat; width: 100%;}
.iCase .title { width: 370px; height: 54px; background: url(../images/case-title.png) no-repeat; margin-right: auto; margin-left: auto; text-align: center; color: #fff; margin-top: 20px; }
.iCase .title h4 { padding-top: 8px; font-size:18PX; }
.iCase .wrapper { padding:25PX 0;}
.iCase .wrapper ul { margin: 0 auto; height: 180px; overflow: hidden; box-sizing: border-box; }
.iCase .wrapper ul li { padding: 0; margin: 0; width: 25%; margin-left: -2px; text-align: center; float:left; }
.iCase .wrapper ul li a {   display: block; position: relative; width:230px; height:158px; padding:1px; overflow:hidden;}
.iCase .wrapper ul li a img { width: 224px; height: 152px; }
.iCase .wrapper ul li a div {
position: absolute;
left: 0;
top: 120px;
width: 100%;
height: 40px; line-height:40px;
text-align: center;
background: url(../images/demo02.png);
color: white;
overflow: hidden;
}
.iCase .wrapper ul li a div p{ padding:5px 15px; line-height:24px;}
.iCase img { border: 3px solid #dbedff; }
.casemore{ text-align:center; padding:10px 0; color:#fff; margin-bottom:15px;}
.casemore a{ color:#fff; padding:0 3px;}
/* iAbout */
.iAbout_bg{ margin-top: 46px; height: 388px; overflow: hidden;background:url(../images/about_bj.jpg) no-repeat center 16px ;font-family:"Microsoft Yahei"; }
.iAbout { width:1200px; height: 388px; margin: 0 auto; overflow: hidden;}
.iAbout dt{ float: left; width: 570px; padding-bottom: 24px;background:url(../images/about_y.jpg) no-repeat center bottom ;}
.iAbout dt img{ width: 570px; height: 322px;}
.iAbout dd  { float: right; width: 584px; overflow: hidden; padding-top: 16px;}
.iAbout dd h3{background:url(../images/about_t.jpg) no-repeat 0 0 ; height: 52px; padding-left: 105px; font-size: 26px; line-height: 52px;}
.iAbout dd h3 a{ color: #fff;}
.iAbout dd p{ padding-top: 25px; height: 175px; overflow: hidden; font-size: 14px; color: #555; line-height: 26px;}
.iAbout dd i{ display: block; width: 405px; height: 38px; background: #3981bb; border-radius: 2px; overflow: hidden;}
.iAbout dd i a{ display: inline-block; text-align: center;font-size:15px; color: #fff; font-weight: bold; text-align: center; width: 135px; height: 38px; line-height: 38px; zoom: 1;*display: inline;_line-height: 38px;}
.iAbout dd i img{ vertical-align: middle; margin-left: 26px;}
.iAbout dd i a:hover , .iAbout dd i a.cur{background: #cc3333; border-radius: 2px; text-decoration: none;}


.wrapper { margin:auto; width:1200px;}