@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; background:#eaf7ff; line-height:22px; color:#333; 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:#3598db; color:#000; 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; background:#fff; 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:#666; text-align:center; padding:5px 0;}
.bottom h4 { font-size:14px; line-height:30px;}
.bottom h4 a { color:#333;}
.bottom .p { color:#333; font-size:14px;}
.bottom p { color:#666; font-size:12px; padding:0 5%;}
.bottom p a { color:#666;}
.bottom .line { border-bottom:1px solid #e5e5e5; padding-bottom:5px; margin-bottom:5px;}

.footer { height:75px;}
.footer-con { width:100%; height:75px; position:fixed; z-index:100; right:0; bottom:0; background:#3598db; -webkit-transition:right .5s ease; transition:right .5s ease;}
.footer li { float:left; width:24.65%; padding-bottom:10px;}
.footer li a { display:block; height:30px; line-height:30px; padding:40px 0 0 0; text-align:center; font-size:14px; color:#fff; 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; padding-bottom:7px;}
.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%;}

/*公司公告*/
.notice { margin:5px; border:1px solid #d6e0e6; height:35px; line-height:35px; padding:0 5px; overflow:hidden;}
.notice span { display:block; float:left; width:65px; color:#b7120f;}
.notice .hd { display:none;}
.notice .bd { padding-left:65px;}
.notice .bd li { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .bd li a { color:#5d5d5d; padding-left:12px; background:url(../images/sqdq_03.png) no-repeat left center;}

/*首页公用标题*/
.titlt { padding:0 5px; height:30px; line-height:30px; background:url(../images/sqdq_04.png) no-repeat left top; margin-bottom:5px;}
.titlt span { float:left; font-size:14px; color:#fff; padding-left:35px; background-position:5px center; background-repeat:no-repeat;}
.titlt a { float:right; font-size:12px; color:#3598db;}

/*产品展示*/
.product {}
.product span { background-image:url(../images/sqdq_05.png);}
.product li { float:left; width:46%; border:1px solid #3598db; margin:0 0 10px 2%;}
.product li a { display:block;}
.product li img { display:block; width:100%;}
.product li p { line-height:45px; background:#3598db; color:#fff; text-align:center; padding:0 1%; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*关于我们*/
.about { margin-bottom:10px;}
.about span { background-image:url(../images/sqdq_06.png);}
.about .text { background:#fff; margin:0 5px; padding:15px 10px 20px 10px;}
.about .text p { width:100%; font-size:12px; line-height:23px; color:#505050; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}

/*新闻中心*/
.new {}
.new .titlt span { background-image:url(../images/sqdq_07.png);}
.new li { margin:7px 5px; background:#fff;}
.new li a { display:block;}
.new li .time { float:left; width:70px; height:75px; background:#3598db; color:#fff; font-size:12px; text-align:center; letter-spacing:1px;}
.new li .time span { display:block; font-size:16px; line-height:30px; padding-top:10px;}
.new li .meag { padding:5px 5px 5px 80px;}
.new li .meag h3 { font-size:14px; font-weight:500; line-height:25px; color:#333; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.new li .meag p { line-height:20px; color:#999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*视频展示*/
.video { margin-bottom:10px;}
.video span { background-image:url(../images/sqdq_08.png);}
.video .mesg { margin:10px 5px;}
.video .mesg img { display:block; width:100%;}

/*在线留言*/
.gustbook {}
.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 #bcddf3; 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:#3598db; border-color:#3598db; 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;}

/***二级页面***/
/*单页、文章内容*/
.position{ height:30px; line-height:30px; text-indent:10px; margin:5px auto; font-size:14px; overflow:hidden;}
.pager-next-pre { padding:10px 10px 5px 10px; line-height:30px; font-size:14px; margin-bottom:10px;}
.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;}
.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:#3598db ; color:#fff; border:1px solid #3598db;}

.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:#3598db; border:1px solid #3598db;}
.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;}

/*联系我们单独页面*/
.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:5px;}
#list_slide dt { border:none; display:block; position:relative; padding:10px; cursor:pointer; background:#fff;}
#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:#3598db; font-size:14px;}
#list_slide dt.on td { color:#fff;}
#list_slide dt.on { background:#3598db;}
#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%;}