@charset "utf-8";

/*公共样式*/
body{ padding:0px; margin:0px auto; font-size:14px; line-height:22px; color:#666666; font-family:"微软雅黑";overflow-x:hidden; background-size:auto 100%; background: #f4f4f4 url(../images/topbg.gif) 0px top repeat-x;}
ul,li,form, dl,dt,dd, div,aside,figcaption,article,h1,h2,h3,h4,h5,h6,p,i{ font-style:normal;padding: 0px; margin: 0px;list-style:none;}
figcaption,nav,article,header,aside,footer,time,section{ display:block; margin:0px;}
select,input,em,textarea{ font-family:"微软雅黑"; font-size:12px; font-style:normal; color:#555555;}
img{ border:none; border:0;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur()); color:#555555;}
a:hover{ color:#cc0000; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}
.fl{ float:left;}.fr{ float:right;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.Contain{ width:1084px; border:1px solid #ebebeb; margin:0px auto 13px; background:#fff;}

/*font*/

/*top*/
header{ height:124px; width:1086px; margin:0px auto;}
header .top{ height:71px;}
header .logo{ padding-top:12px; float:left;}
header .right{ float:right; padding-top:22px; line-height:29px;}
header .right a.oa{ padding-right:15px; background:url(../images/oaarr.gif) right center no-repeat; color:#e15020;}
header .right .search{ float:left; padding:4px 0px 0px 12px; width:245px; height:25px; background:url(../images/serachbg.gif); margin-right:21px;}
header .right .search .input{ float:left; border:0px; width:206px; height:21px; line-height:21px; background:none;}

.banner{ text-align:center; padding-bottom:6px;width: 1084px;margin:0px auto;position: relative;}
.banner img{ display:block; margin:0px auto 4px;}

.banner .item{position: relative;height: auto;}
.banner .item .info{position: absolute;z-index: 10;color:#fff;font-size: 24px;}
.banner .item:nth-child(1) .info{text-align: center;top: 31px;line-height: 36px;left: 0;width: 100%;}
.banner .item:nth-child(2) .info{text-align: left;top: 34px;left:61px;line-height: 30px;color:#496386;}
.banner .item:nth-child(3) .info{text-align: left;top: 91px;left:100px;line-height: 30px;color:#bd3030;text-shadow: 0 1px 2px rgba(255,255,255,1);}
.banner .item:nth-child(3) .info p{margin-bottom: 23px;}
.banner .item:nth-child(3) .info p:first-child{margin-left: 86px;}
.banner .slick-prev{left: 15px;}
.banner .slick-next{right: 15px;}
.banner .slick-dots{bottom: 15px;}
.banner .slick-dots li.slick-active button{ background:#0f94e3;}
.banner .slick-arrow{border: 1px solid #0f94e3;}
.banner .slick-arrow:hover{ background:#0f94e3;}
.banner .slick-prev:after, .banner .slick-next:after{border-top: 2px solid #0f94e3;
 border-right: 2px solid #0f94e3;}

#nav{ height:46px; line-height:46px;}
#nav li{ float:left; width:16.66666%;}
#nav li a{ font-size:15px; color:#fff; display:block; text-align:center;}
#nav li a:hover,#nav li.onnav a{ color:#fff; background:#bf1925;}
#nav .search{ float:right; padding:9px 0px 0px 13px; background:url(../images/inputbg.png) 0px 9px no-repeat; width:163px; height:30px; overflow:hidden;}
#nav .search .input{ width:123px; height:30px; line-height:30px; border:0px; background:transparent;}

/*footer*/
.copyright{ text-align:center; height:43px; line-height:43px; background:#dddddd;}

/*index style*/
.titlehead{ font-size:18px; font-weight:normal; line-height:50px; padding-top:3px; color:#444444;}
.titlehead a.more{ margin-right:5px; font-size:12px; color:#9a9a9a; float:right;}
.left-col{ width:179px; float:left; padding-left:6px;}
.left-col nav{ margin:6px 0px 13px 0px;}
.left-col nav li{ line-height:37px; text-align:center;}
.left-col nav li a{ display:block; height:37px; background:url(../images/linebg.gif) 0px bottom repeat-x; color:#666666;}
.left-col nav li a:hover,.left-col nav li a.cur{ background:#0f94e3;color:#fff;}
.left-col .contact { padding-bottom:20px;}
.left-col .contact dt img{ display:block; margin-bottom:5px;}
.left-col .contact dd{ padding:0px 0px 6px 22px; line-height:20px;}
.left-col .contact dd.tel{ background:url(../images/tel.gif) 0px 4px no-repeat;}
.left-col .contact dd.mail{ background:url(../images/mail.gif) 0px 5px no-repeat;}
.left-col .contact dd.fax{ background:url(../images/fax.gif) 0px 5px no-repeat;}
.left-col .contact dd.add{ background:url(../images/add.gif) 0px 5px no-repeat;}

.right-col{ width:874px; float:right; padding-right:6px;}
.right-col .product{ margin-top:6px; height:162px; overflow:hidden; text-align:center;}
.right-col .product li{ height:162px; line-height:38px; width:139px; float:left; margin-right:8px;}
.right-col .product li .img{ border:1px solid #e4e4e4;}
.right-col .product li .img img{ display:block; width:137px; height:117px;}
.right-col .product li:hover .img{ border:1px solid #0f94e3;}

.right-col .company{ width:670px; float:left;}
.right-col .company .info{ width:372px; float:right; padding-top:2px; line-height:26px;}
.right-col .company .info a.more{ display:block; text-align:center; color:#fff; width:93px; line-height:29px; background:#e3780f; margin-top:18px;}
.right-col .company .info a:hover.more{ color:#ffcc00;}
.right-col .righticon{ width:184px; float:right; padding:17px 0px 10px 0px;}
.right-col .righticon li img{ display:block; margin-bottom:9px;}


/*栏目页样式*/
.submenu{ padding-bottom:20px;}
.submenu li{ padding-bottom:1px;}
.submenu .am a{ display:block; text-align:center; line-height:36px;}
.submenu .am a:hover,.submenu .am a.cur{ color:#fff; background:#0f94e3;}
.submenu .sub{ margin-bottom:15px;}
.submenu .sub dd{ text-align:right; padding-top:8px;}
.submenu .sub dd a{ display:block; padding-right:21px; line-height:32px;}
.submenu .sub dd a:hover,.submenu .sub dd a.cur{ background:#f6f6f6; color:#ff8a00;}

.menu-right{ margin:22px 0px 0px 7px; line-height:36px;}
.menu-right li{ text-align:center; margin-right:9px; float:left; display:inline;}
.menu-right li a{ display:block; min-width:85px; padding:0px 10px; background:#f2f2f2;}
.menu-right li a:hover,.menu-right li a.cur{ color:#fff; background:#ff8a00;}

.subcontent{ width:816px; float:right; padding:0px 36px 39px 0px; height:auto !important; height:300px; min-height:300px;}
.position{ height:53px; padding:0px 2px 0px 4px; border-bottom:3px solid #e8e8e8;}
.position h2{ line-height:56px; font-size:18px; font-weight:normal; color:#444444; float:left;}
.position .place{ float:right; padding-top:25px; line-height:31px; font-size:12px; color:#afafaf;}
.position .place a{color:#afafaf;}.position .place a:hover{color:#cc0000;}

.cen{ padding:26px 20px 0px 20px; line-height:21px; color:#a6a6a6;text-align:center;}
.cen h1{ font-size:20px; color:#e72722; line-height:42px;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; padding-top:19px; line-height:30px;}
.SinglePage .makeinfo{ color:#989898; margin-left:25px; line-height:34px; padding-bottom:9px;}
.hornor{ clear:both; width:821px; margin:0px 0px 20px -5px;}
.hornor li{ width:375px; height:247px; background:#efefef; text-align:center; float:left; margin:25px 0px 0px 28px; display:inline;}
.hornor li .img{ width:375px; height:247px;display: table-cell;	vertical-align: middle;text-align: center;*display: block;*font-size: 175px;    *font-family:Arial;}
.hornor li img{ max-width:375px; max-height:247px; vertical-align:middle;}

.caselist{ padding:3px 0px 29px 0px; width:832px; margin-left:-16px;}
.caselist li{ border:1px solid #eaeaea; width:182px; height:155px; margin:19px 0px 0px 21px; float:left; display:inline;}
.caselist li img{ display:block; width:182px; height:97px;}
.caselist li:hover{border:1px solid #0f94e3;}
.caselist li a{ display:block; padding-top:29px; height:126px;}

.prolist{ width:822px; margin:34px 0px 0px -6px;}
.prolist li{ width:154px; height:225px; text-align:center; line-height:34px; float:left; margin-left:10px; display:inline;}
.prolist li .img{ border:1px solid #ececec; padding-top:11px; height:144px;}
.prolist li .img img{ width:152px; height:130px; display:block;}
.prolist li:hover .img { border:1px solid #0f94e3;}

.joblist{ margin:25px 36px 0px 36px;}
.joblist li{ font-size:14px; line-height:28px; padding:0px 0px 28px 0px; margin-bottom:15px; color:#333333;}
.joblist .tit{ line-height:28px; font-family:"微软雅黑"; font-size:18px; color:#333333; font-weight:bold;}
.joblist .tit a{ color:#333333;}
.joblist .tit a:hover{ color:#005aac;}
.joblist a.apply{ display:block; font-size:14px; color:#666666; width:124px; line-height:33px; background:#e7e7e7; margin-top:13px; text-align:center;}
.joblist a:hover.apply{ color:#fff; background:#0075c2;}

.hrform{ color:#666666; margin:0px 0px 0px 35px;}
.hrform td{ font-size:14px;}
.hrform .f1{ font-weight:bold; font-size:18px; color:#333333; padding:35px 0px 5px 72px; height:32px; font-family:"微软雅黑";}
.hrform .red{ color:#ff0000;}
.hrform .input { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.hrform .btn_2 { font-size:14px; width:99px; height:33px; text-align:center; background: #0573be; color:#fff; border:0px; cursor:pointer;}
.hrform .btn_3 { font-size:14px; width:87px; height:33px; text-align:center; background: #e6e0e0; border:0px; cursor:pointer;}

.cen{ margin:0px 0px 0px 0px; line-height:31px; color:#888; margin-bottom:0px; text-align:center;}
.cen h1{ font-size:16px; color:#222222; background:url(../images/linebg2.gif) 0px bottom repeat-x; padding-bottom:6px;}
.prevn{ font-size:14px; clear:both; background:url(../images/linebg2.gif) 0px top repeat-x; padding:12px 20px 0px 0px; color:#333;line-height:29px; margin-top:26px;}


/*翻页*/
.linepage{ background:url(../images/linebg2.gif) 0px top repeat-x; height:48px; clear:both;}
.page{ text-align:center; line-height:18px;}
.page a{color:#aaaaaa; display:inline-block; margin-left:2px; border:1px solid #dddddd; padding:0px 7px;}
.page a:hover,.page a.a_cur{color:#aaaaaa; background:#f0f0f0;}
.page a.a_cur{ font-weight:bold;}
.page a.prevm.page a.next{ width:27px; padding:0px;}
.page a.a_end{ color:#cccccc; border:1px solid #f3f3f3;}
.page a:hover.a_end{ background:none;}
