@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
table{ border-collapse:collapse;}
body{font-size:12px;color:#333; font-family:"Microsoft Yahei"; overflow-x:hidden;}
.bodybg{ background:url(../images/bodybg.jpg) right 160px no-repeat;}
img,a{border:0; text-decoration:none;}
ol, ul {list-style: none; }
.clears{ clear:both;}
a{color:#333;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
a:hover{color:#F00;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;}
img{ max-width:100%; height:auto;}
.width1140{width:1140px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.red{color:#f00;}
.height1{height:7px;}
.height2{ height:30px;}
.height3{ height:20px;}
.font14{ font-size:14px;}
.font12{ font-size:12px;}
.alignLeft{ text-align:left;}
.alignCenter{ text-align:center;}
.alignRight{ text-align:right;}
.green{color:#7ABD54;}
.orange{color:#f60;}
.hui{color:#999;}

/*header*/
.header{width:100%; height:100px;}
.logo{float:left;width: 650px;height: 70px;padding:16px 0 0 0;}
.head-top{float:right;width:473px; height:83px; background:url(../images/headtop.png) left top no-repeat; position:relative;}
.head-link{ text-align:center; font-size:12px;padding:5px 0 0 20px;}
.head-link a{color:#5a5a5a; display:inline-block;padding:0 10px;}
.hade-phone{ position:absolute;left:50px;bottom:19px;width:380px;height:30px; line-height:30px;}
.hade-phone span{float:left;width:130px; font-size:12px;color:#9d7a66;}
.hade-phone strong{width:240px;font-size:30px; color:#fff;}

/*nav*/
.nav{width:100%; height:54px;border-top:#DBDBDB 1px solid; background:#f9f9f9;}
.nav li{float:left;width:228px; height:54px;}
.nav li a{float:left;width:100%;height:52px;border-top:#f9f9f9 2px solid; text-align:center; line-height:52px; font-size: 16px;font-weight: bold;}
.nav li a:hover{border-top:#ccc 2px solid; background:#fff;color:#FF7400;}
.nav li a.navCur{border-top:#00006a 2px solid; background:#fff;color:#333; font-weight:bold;}

/*焦点轮换*/
#ban { width:100%; height:462px;position:relative}
#slides { display:block; width:100%; height:462px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:47.5%;bottom:10px; z-index:9900;  padding:5px 0px; margin:0;    margin-left: 0px !important;}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#FF670E;}

/*content*/
.content{padding:18px 0;}
.title{ height:35px; line-height:35px;color:#0262b9; font-size:22px; position:relative;border-bottom:#ddd 1px solid;}
.title strong{ display:inline-block; height:35px;padding-left:33px; background:url(../images/titlebg.jpg) 2px center no-repeat;border-bottom:#0262b9 3px solid;padding-right:8px;}
.title a.mores{ position:absolute;right:0;top:0; font-size:12px; font-weight:400;color:#0262b9;}
.caselist{padding:10px 0;}
.caselist dl{float:left;width:273px; height:210px;margin:0 5px;position:relative;}
.caselist dt{width:273px; display: table-cell;vertical-align: middle; text-align:center;}
.caselist dt img{max-width:273px; height:auto !important;width:auto !important;border: 10px solid #CFE1F2;}
.caselist dd{ position:absolute;left:0;bottom:0;width:100%; background:url(../images/black50.png); height:30px; line-height:30px; text-align:center;}
.caselist dd a{color:#fff;}
.caselist dd:hover{ background:#0262b9;}
.caselist dl:hover{border:#0262b9 1px solid;width:271px;height:208px;}

/*about*/
.about{width:560px;}
.abouttext{padding:18px 0; line-height:33px; font-size:14px;}
.abouttext img{margin-right:12px;}

/*news*/
.news.fr{width:560px;}
.news li{height:40px; line-height:40px;border-bottom:#ddd 1px solid;padding-left:20px; background:url(../images/dian.png) 2px center no-repeat; font-size:14px; position:relative; }
.news li span{ position:absolute;right:0;top:0; font-size:12px;}

/*index-phone*/
.index-phone{width:100%; height:58px; background:#005fbb;color:#fff;margin:40px 0 0 0;}
.index-phone .width1140{width:936px; height:58px;padding-left:204px; position:relative;}
.phones{ position:absolute;left:0;top:-24px; z-index:99;}
.index-phone .width1140 h3{ height:30px; line-height:30px; font-size:12px;}
.index-phone .width1140 strong{ font-size:16px;}
.zxzx{ position:absolute;right:0;top:10px; z-index:9;width:120px; height:30px; line-height:30px;border:#fff 3px solid;color:#fff; text-align:center; font-size:14px; font-weight:bold;}
.zxzx:hover{ background:#3450b8;color:#fff;border:#3450b8 3px solid;}

/**indexmap*/
.indexmap{width:100%; height:515px; position:relative; overflow:hidden;}
.indemapifr{ position:absolute; left:0;bottom:0;width:100%; height:515px; z-index:1;}
.index-contact{width:403px; height:258px; background:url(../images/contbg.png) left top no-repeat; position:relative; z-index:9;margin:120px auto 0 auto;color:#fff; font-size:16px;}
.index-contact h3{ text-align:center; height:100px; line-height:100px; font-size:24px;}
.index-contact-text{padding:0px 0 0 70px; line-height:22px;}

/*footer*/
.footer{padding:18px 0; background:#0262b9;color:#fff; height: 130px;}
.footer a{color:#fff;}
.footer .fl{width:500px;line-height:22px;}
.footer .fr{width:565px; text-align:right; line-height:22px;}

/*关于我们*/
.cont-left{float:left;width:224px;}
.leftbox{width:224px; height:503px; background:url(../images/leftbg.jpg) left top no-repeat; position:relative;}
.left-title{ height:68px; line-height:68px;padding:5px 0 0 71px; font-size:22px;color:#fff;}
.leftNav{padding:5px 20px;height:240px;}
.leftNav dt a{ display:block;height:57px; line-height:57px;border-bottom:#ddd 1px solid; font-size:15px; padding-left:8px;}
.leftNav dt.leftnavcur a{ background:#2677C6;color:#fff;}
.leftNav dt a:hover{ background:#f1f1f1;color:#000;}
.leftphone{ position:absolute;right:0;bottom:63px;width:132px; height:45px;color:#fff; font-size:14px; font-weight:bold;}
.leltttext{ position:absolute;left:30px;bottom:10px; font-size:12px; line-height:25px;color:#fff;}

/*cont-right*/
.cont-right{float:right;width:893px;}
.right-title{ height:35px; line-height:35px;color:#0262b9; font-size:22px; position:relative;border-bottom:#ddd 3px solid;}
.right-title strong{ display:inline-block; height:35px;padding-left:33px; background:url(../images/titlebg2.png) 2px center no-repeat;border-bottom:#0262b9 3px solid}
.Article{padding:10px 0; line-height:25px; font-size:14px;} 

/*c成功案例*/
.cont-right .caselist dl{margin:10px;border: #0262b9 1px solid;}

/*人才招聘*/
.job{padding:15px 0;}
.job table{width:100%;}
.job th{ height:37px; font-size:15px;border:#ccc 1px solid;}
.job td{padding:6px 0; text-align:center;border:#ddd 1px solid;border-left:#ccc 1px solid; border-right:#ccc 1px solid;}
.job-a{ display:inline-block;width:78px; height:22px; background:url(../images/chakan.jpg) center center no-repeat;}
.job-a:hover{ background:url(../images/chakanhover.jpg) center center no-repeat;}
.jobshangchuan{width:731px; height:107px; background:url(../images/ck.jpg) left top no-repeat; position:relative;}
#shangchuan{ position:absolute;right:3px;top:25px;width:125px; height:50px; opacity:0; cursor:pointer;}

/*联系我们*/
.contact{padding:15px 0; font-size:15px;line-height:35px; font-weight:bold;}


.nav .sl_menu {width: 1140px;margin: 0 auto;}




.fr .sl_menu li {float:right;padding:5px 0 5px 20px;}

/*翻页*/
.pic_page {
	padding-top: 10px;
}
.product_page, .news_page {
	border: none;
	color: #666;
	font-size: 12px;
	margin: 20px;
	width: 95%;
}
.product_page_left, .news_page_left {
	border: 0 none;
	padding-top: 15px;
}
.product_page_left {
	text-align: left;
	width: 45%;
}
.product_page_right, .news_page_right {
	border: 0 none;
	padding-top: 15px;
	text-align: right;
	width: 54%;
}
.Page_LastPage, .Page_NextPage, .Page_FristPage, .Page_PreviousPage, .Page_Number {
	border: 1px solid #CCC;
	display: inline-block;
	height: 24px;
	line-height: 24px;
	margin-left: 5px;
	min-width: 16px;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
}
span.product_page_none, .product_page_default, .news_page_default {
	display: none;
}
.product_page a:hover {
	border: 1px solid #CCC;
	color: #235CA9;margin-left: 5px;
	height: 24px;	padding: 0 5px;
	top: auto;
	min-width: 16px;
}

.note {
    margin: 10px 0;
    border-bottom: 1px #ddd dashed;
    text-align: center;
    color: #999; 
	font-size: 12px;
}
.otherNews, .may_like_product{
    margin: 10px auto;
    width: 100%;
    float: left;
}
.otherNews .mt, .may_like_product .mt, .pro_form .mt {
    background: #C7D9EE;
    height: 30px;
}
.otherNews .mt h3, .may_like_product .mt h3, .pro_form .mt h3 {
    background: #235CA9;
    color: #fff;
    font: bold 14px/215% Microsoft YaHei,Arial;
    height: 30px;
    margin: 0;
    text-align: center;
    width: 20%;
}

.otherNews .mc ul li {
    background: url(http://img001.china-dirs.cn/data/user//k017/user044/uploadfile/cn/2018/09/25/arrow.jpg) no-repeat scroll 14px center transparent;
    float: left;
    font-size: 12px;
    height: 24px;
    line-height: 25px;
    overflow: hidden;
    padding-left: 25px;
    margin: 4px 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 46%;
    border-bottom: 1px dashed #ddd;
}



#shi p {
    line-height: 32px !important;
}


.pro_form {
    margin: 10px auto;
    width: 100%;
    float: left;
    border: 1px solid #ccc;
}
.pro_form .mt {
    background: #C7D9EE;
    height: 30px;
}
.pro_form .mt li {
    border-right: 1px solid #DDD;
    color: #4D4D4D;
    float: left;
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    width: 116px;
    background-color: #fff;
}
.order {
    margin: 30px auto 10px;
    width: 700px;
    font-size: 12px;
}

.order li {
    margin: 10px 0;
}

.order li span {
    color: #999;
    display: block;
    float: left;
    width: 70px;
}
.order li input {
    background-color: white;
    color: #777;
    border-color: #DADADA;
    padding: 2px .3em;
    height: 20px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    width: 470px;
}
.order .submit {
    background: #A1022A;
    color: #FFF;
    height: 32px;
    width: 112px;
}
.order li input#passcode {
    width: 100px;
}

.may_like_product .mc .list {
float: left;
    overflow: hidden;
    text-align: center;
    width: 25%;
    margin: 10px 0% 0;
}

.may_like_product .mc .list a {
    display: block;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.may_like_product .mc img {
    border: 1px solid #ddd;
    padding: 3px;
    width: 80%;
}










