@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0;}
ul,li,dl,dt,dd,ol{ list-style:none; margin:0; padding:0;}
header,article,footer,nav,section,aside,menu{ display:block;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#00478a;}
body { font-family:微软雅,Arial,Helvetica,sans-serif; font-size:12px; line-height:22px; color:#333; background:url(../images/zczj_02.jpg) repeat 0 0; min-width:320px; max-width:640px;}
.fl{ float:left;}
.fr{ float:right;}
.mob_mt { margin-top:5px;}
.warmp { position:relative; right:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.clear { clear:both;}

/*top*/
.header { width:100%; height:55px; position:relative; z-index:999;}
.navbar { position:fixed; top:0; right:0; width:100%; background:#004ba0; color:#fff; height:55px; line-height:55px; z-index:999; -webkit-transition:all .5s ease; transition:all .5s ease;}
.navbar .ico-home,.navbar .ico-nav { float:left; width:20%; overflow:hidden; text-indent:-9999em; background:url(../images/sqdq_01.png) center center no-repeat; background-size:31px 27px;}
.navbar .ico-nav { float:right; background:url(../images/sqdq_02.png) center center no-repeat; background-size:29px 22px;}
.navbar #title { float:left; width:58%; margin:0 1%; overflow:hidden; height:55px;}
.navbar #title img { display:block; height:45px; margin:5px auto;}


/*右侧隐藏导航*/
.scroller { height:100%; overflow-y:auto;}
.nav { width:200px; position:fixed; top:0px; right:-200px; z-index:99999; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease; overflow-y:auto;}
.nav .clicbl{display: none;}
.nav h3 { padding:10px 0; text-align:center;}
.nav h3 img { width:90%;}
.nav ul { padding:10px 0;}
.nav ul li { line-height:25px; padding:0 20px; font-size:16px; margin-bottom:13px;}
.nav ul li a {color: #000;}
.nav ul li a i { font-size:12px; margin-left:5px; letter-spacing:1px; color:#fff; font-style:normal;}
.nav ul li h1 {font-size:16px;border-bottom: 1px solid #000;line-height:30px;font-weight:100;margin-bottom:5px;}
.nav ul li h1 i { color:#000; font-size:24px; cursor:pointer; float:right; font-style:normal; width:15px;}
.nav ul li span { display:inline-block; width:100%; text-align:left; font-size:14px;}
.nav ul li span a {display: block;color: #000;width: 70%;margin-right: 20%;font-size: 14px;border-bottom: 1px #000 solid;float: left;}
.nav ul li span i{color: #fff;font-size: 24px;float: left;cursor: pointer;font-style: normal;width: 15px;}
.nav ul li span ul{margin: 0;padding: 0;display: none;width: 100%;}
.nav ul li span ul li{margin: 0;padding: 0; width: 100%;float: left;text-align: left;}
.nav ul li span ul li a{border: none;}

/*foot*/
.bottom { margin:0 auto; font-size:12px; color:#ddd; text-align:center; padding:15px 0; background:#b2000e;}
.bottom p { color:#ddd; font-size:12px; padding:0 5%;}
.bottom p a { color:#ddd;}

.footer { height:75px;}
.footer-con { width:100%; height:75px; position:fixed; z-index:100; right:0; bottom:0; background:#c80010; -webkit-transition:right .5s ease; transition:right .5s ease;}
.footer li { float:left; width:24.65%; padding-bottom:10px; cursor:pointer;}
.footer li a { display:block; height:30px; line-height:30px; padding:40px 0 0 0; text-align:center; font-size:14px; color:#e4999f; cursor:pointer; background-position:center 10px; background-repeat:no-repeat;}
.footer .tel a { background-image:url(../images/sqdq_11.png);}
.footer .news a { background-image:url(../images/sqdq_12.png);}
.footer .help a { background-image:url(../images/sqdq_13.png);}
.footer .recr a { background-image:url(../images/sqdq_14.png);}

.openMenu { right:200px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.openMenu .navbar { right:200px; -webkit-transition:all .5s ease;transition:all .5s ease;}
.openNav { right:0; -webkit-transition:all .5s ease; transition:all .5s ease; border-left:1px #e8e8e8 solid;}

/*banner*/
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden; background:url(../images/sqdq_15.jpg) no-repeat center bottom;}
.banner .hd { display:block;}
.banner .bd { width:100%;}
.banner .bd li { width:100%;}
.banner .bd li a { display:block; width:100%;}
.banner .bd img { display:block; width:100%;}
.banner .prev,.banner .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;}
.banner .next{ left:auto; right:3%; background-position:8px 5px;}
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_ej,.banner_ej img { width:100%;}

/*搜索*/
.search { width:90%; margin:15px auto 0 auto;}
.search input { display:block; border:none; height:40px; line-height:40px;}
.search .tit { float:left; width:72%;}
.search .tit p { height:39px; line-height:39px; padding:0 10px; color:#999; font-size:12px; background:#fff; margin-top:1px; width:90%;}
.search .tit input { background:#fff; color:#333; width:90%; padding:0 10px;}
.search .djs { float:right; background:#e60012 url(../images/search.png) no-repeat center center; width:80px; height:80px; padding:0 20px;}

/**栏目标题**/
.title { text-align:center; margin:20px auto 25px auto;}
.title h3 { font-size:24px; color:#fff; line-height:35px; font-weight:500;}
.title p { text-transform:Uppercase; color:#a8defc; font-size:14px; letter-spacing:2px;}
.title span { display:block; width:25px; height:2px; margin:15px auto 0 auto; background:#a8defc;}

/*公司简介*/
.about { width:95%; margin:0 auto;}
.about .mesg { padding:20px; background:#fff; font-size:14px; color:#666; line-height:25px;}
.about .mesg h3 { font-size:20px; color:#333;}
.about .mesg p { width:70px; height:3px; margin:16px 0; background:#004391;}
.about .mesg .p { width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.about .mesg a { display:block; width:120px; line-height:35px; text-align:center; background:#004391; color:#fff; font-size:14px; border-radius:15px; margin:25px 0 10px 0;}
.about img { display:block; width:100%;}

/*服务案例*/
.case { width:95%; margin:0 auto;}
.case li { float:left; width:49.6%; background:#fff; border:1px solid #eee; margin:-1px 0 0 -1px; position:relative;}
.case li a { display:block; width:100%; overflow:hidden;}
.case li img { width:100%;}

/*企业资讯*/
.news { width:95%; margin:0 auto;}
.news li { margin:10px 0px; background:#fff;}
.news li a { display:block;}
.news li .time { float:left; width:70px; height:75px; background:#ff5f2f; color:#fff; font-size:12px; text-align:center; letter-spacing:1px;}
.news li .time span { display:block; font-size:26px; line-height:30px; padding-top:10px;}
.news li .meag { padding:5px 5px 5px 80px;}
.news li .meag h3 { font-size:14px; font-weight:500; line-height:25px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news li .meag p { line-height:20px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*在线留言*/
.gustbook { width:95%; margin:0 auto;}
.gustbook span { background-image:url(../images/sqdq_10.png);}
.gustbook .mesg { margin:10px 5px; padding:15px 20px 5px 20px; background:#fff; line-height:25px;}
.gustbook .mesg li { font-size:14px; color:#333;}
.gustbook .mesg input,.gustbook .mesg textarea { width:96%; padding:0 2%; border:1px dashed #ff5f2f; height:30px; line-height:30px; margin-bottom:10px;}
.gustbook .mesg textarea { height:75px; line-height:25px;}
.gustbook .mesg .mbd2 { float:left; width:55%;}
.gustbook .mesg .mbd2img { float:right; height:30px;}
.gustbook .mesg .blue { height:35px; line-height:35px; background:#ff5f2f; border-color:#ff5f2f; color:#fff; text-align:center; color:#fff; width:100%;}
.gustbook .mesg span { float:left; margin-right:35px; line-height:30px;}
.gustbook .mesg .zpsex { width:15px; float:left; margin-right:10px;}

/***二级页面***/
.content { width:95%; margin:0 auto; background:#fff; padding-bottom:15px;}
.content .chang_pages { color:#333;}
/*单页、文章内容*/
.position { height:30px; line-height:30px; color:#fff; text-indent:10px; margin:5px auto; font-size:14px; overflow:hidden;}
.position a { color:#fff;}
.pager-next-pre { padding:10px 10px 5px 10px; line-height:30px; font-size:14px;}
.pager-next-pre p { margin:0;}
.theme { font-size:16px; text-align:center; line-height:25px; margin:0 auto; padding:10px 0;}
.ms_time { color:#999; font-size:12px; text-align:center; padding-bottom:10px; border-bottom:1px solid #ddd;}

.prise { width:90%; margin:0 auto; line-height:40px; font-size:14px; color:#000; text-align:center;}
.prise s { font-weight:bold; font-size:16px;}
.prise span { color:#ff5022; font-size:22px; font-weight:bold;}

.chang_pages { font-size:12px; text-align:center; line-height:25px; padding:5px 10px; margin-bottom:20px; color:#fff;}
.chang_pages a,.chang_pages span { display:inline-block; border:1px solid #ddd; background:#fff; padding:0 10px; margin:0 2px;}
.chang_pages .current { background:#ff5f2f ; color:#fff; border:1px solid #ff5f2f;}

.intro { line-height:25px; padding:5px 0px; max-width:95%; font-size:12px; margin:0 auto;}
.intro p {line-height:25px; font-size:13px; margin-bottom:0;}
.intro img { max-width:95%; display:block; margin:5px auto;}
.intro a { color:#ff0000; text-decoration:underline;}

.info-list { width:100%; padding:10px 0;}
.info-list li { width:95%; margin:0 auto 10px auto; padding-bottom:10px; background:#004ba0; border:1px solid #004ba0;}
.info-list li h5 { font-size:15px; color:#fff; line-height:30px; font-weight:bold; width:94%; padding:0 3%;}
.info-list li h5 span { display:block; float:left; width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.info-list li h5 i { font-style:normal; font-size:12px; color:#fff; float:right; font-weight:100;}
.info-list li p { width:94%; padding:0 3%; font-size:12px; color:#fff; text-indent:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.info-list li .img { width:100%; overflow:hidden;}
.info-list li .img img { width:100%;}

/**案例**/
.mob_tite { font-size:18px; height:30px; line-height:30px; text-align:left; font-weight:bold; color:#000; margin-bottom:1px; background-color:#fff; line-height:30px;}
.mob_al { padding:5px; background:#fff;}
.mob_al li { border-bottom:1px solid #eee; width:48%;margin: 0px 3px;display: inline-block;text-align: center;}
.mob_al li a { display:block;}
.mob_al li img { display:block; width:100%; margin:5px auto; border-radius:6px; overflow:hidden;}
.mob_al li h3 { font-size:14px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mob_al li p { color:#999; font-size:12px; margin:5px 0 10px 0; line-height:18px; height:36px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.product {}
.product li { float:left; width:46%; border:1px solid #fff; margin:0 0 10px 2%;}
.product li a { display:block;}
.product li img { display:block; width:100%;}
.product li p { font-size:16px; line-height:45px; background:#fff; color:#333; text-align:center; padding:0 1%; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*联系我们单独页面*/
.c_ontact { width:100%;}
.c_ontact .compan { width:100%; background:#f5f4f4; text-align:center; position:relative; line-height:30px; padding:15px 0;}
.c_ontact .compan p { font-size:14px; color:#e29613;}
.c_ontact .compan h1 { font-size:20px; color:#222; font-weight:100; margin:0;}
.c_ontact .compan span { display:block; font-size:12px; color:#999;}
.c_ontact .compan i { display:block; width:94px; height:47px; position:absolute; bottom:-47px; left:0; right:0; margin:0 auto; background:url(../images/contact_ico.png) no-repeat 0 0;}
.c_ontact .contac_t { padding:50px 15px 0 10px;}
.c_ontact .contac_t li { padding-left:40px; line-height:45px; background-position:left 8px; background-repeat:no-repeat; margin-top:10px;}
.c_ontact .contac_t .ct1 { background-image:url(../images/contact_ico06.png);}
.c_ontact .contac_t .ct2 { background-image:url(../images/contact_ico02.png);}
.c_ontact .contac_t .ct3 { background-image:url(../images/contact_ico01.png);}
.c_ontact .contac_t .ct4 { background-image:url(../images/contact_ico04.png);}
.c_ontact .contac_t .ct5 { background-image:url(../images/contact_ico05.png);}
.c_ontact .contac_t .ct6 { background-image:url(../images/contact_ico03.png);}
.c_ontact .cont_map { width:100%; height:64px; background:url(../images/contact_map.png) no-repeat center top; margin:40px auto 30px auto;}
	
/*招聘*/
#list_slide { position:relative;}
#list_slide dl { overflow:hidden; margin-bottom:1px;}
#list_slide dt { border:none; display:block; position:relative; padding:10px; cursor:pointer; background:#eee;}
#list_slide dt td { color:#666; font-size:12px; text-align:left;}
#list_slide dt h1 {  color:#000; font-size:16px; font-weight:100; line-height:30px; display:block;}
#list_slide dd { display:none; padding:0 10px; padding-bottom:30px; line-height:25px; background:#fff;}
#list_slide dd .content { padding-top:10px;}
#list_slide dd .content h4 { color:#ff5f2f; font-size:14px;}
#list_slide dt.on td { color:#fff;}
#list_slide dt.on { background:#004ba0;}
#list_slide dt.on h1 { color:#fff;}


/*图片详情页面*/
.tupian { width:100%; margin:0 auto; position:relative; overflow:hidden;}
.tupian .hd { display:block;}
.tupian .bd { width:100%;}
.tupian .bd li { width:100%;}
.tupian .bd li a { display:block; width:100%;}
.tupian .bd img { display:block; width:100%;}