﻿/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font-family:\5b8b\4f53,Arial,sans-serif;font-size:12px; width:100%; min-width:1200px; background:url(../images/topbg.jpg) no-repeat center 0;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}

/*模块编码*/
.fl {float: left;}
.fr {float: right;}
.pr{ position:relative;}
.clear {clear: both; overflow:hidden;}
.hidden{ display:none;}
.clearfix:after {clear: both;content:" ";display: block;height: 0;}
#containter{ width:1000px; overflow:hidden;}

/*头部*/
#header{ width:100%; position:absolute; z-index:2;}
.head{ width:1200px; height:100px;}
.navbar-index{ background:#034987;}
.navbar-fixed-top{ z-index:1000; position:fixed; left:0; top:0; right:0;}

/*logo*/
.logo{ width:234px; height:100px; background:url(../images/logo.png) no-repeat 0 center;}
.logo a{ display:block; width:100%; height:100%; text-indent:-9999px;}

/*导航*/
.nav{width:870px; height:100px;}
.nav ul{height:100px;}
.nav li{ width:122px; text-align:center; font-family:"microsoft yahei"; position:relative;}
.nav li.line{ height:36px; width:1px; font-size:0px; overflow:hidden; background-color:#6e99bb; margin-top:30px;}
.nav li a{ display:block; width:122px; text-align:center; height:106px; color:#fff; font-size:1.25em;}
.nav li a:hover{color:#fff;}
.nav li a span,.nav li a i{ display:block;}
.nav li a span{ padding-top:30px; font-weight:bold;}
.nav li a i{font-style:normal; font-size:12px; font-family:Arial; margin-top:3px;}
.nav li dl{ display:none; width:142px; padding:8px 0; position:absolute; background-color:#fff; top:-999em; left:0; z-index:10;}
.nav li dd{ height:32px; line-height:32px;}
.nav li.hover dl{ display:block; top:42px;}

/*幻灯片*/
#banner{ height:726px; position:relative; z-index:1;}
/* flexslider */
.flexslider{position:relative;height:726px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:726px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%; display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

#main{ clear:both;}
.product{ width:1200px; position:relative; margin-top:15px; padding-bottom:10px; margin-bottom:20px;}
.hd{height:130px; position:relative; margin-bottom:20px; text-indent:-9999em; background-repeat:no-repeat; background-position:center center;}
.product .hd,.cases .hd{ background-image:url(../images/pro_tit.png);}
.btn-l,.btn-r{ width:30px; height:40px; position:absolute; background:url(../images/iconfont-ljiantou.png) no-repeat center center #eee; background-size:12px; position:absolute; left:-58px; top:212px; cursor:pointer;}
.btn-r{ background-image:url(../images/iconfont-rjiantou.png); left:auto; right:-58px;}
.pro-show{ width:1200px; height:197px; overflow:hidden;}
.pro-list{ height:197px;}
.pro-list li{ width:222px; height:178px; background:url(../images/ft-bg.jpg) no-repeat center bottom; padding-bottom:19px; margin-right:12px;}
.pro-list li div.img{ width:222px; height:178px; border:1px solid #cacaca; text-align:center; overflow:hidden;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; position:relative;}
.pro-list li div.img img{vertical-align:middle; max-height:118px; height:expression(this.height>148?"118px":this.height);}
.pro-list .p-name{ display:block; width:100%; height:30px; text-align:center; line-height:30px; background:rgba(3,73,135,0.8); position:absolute; left:0; bottom:0;}
.pro-list .p-name a{ color:#fff;}

.app{ background-color:#f1f1f1; padding:25px 0;}
.app .wrap{ width:1200px;}
.app .hd{ background-image:url(../images/app_tit.png);}
.btn1-l,.btn1-r{ width:50px; height:50px; background:url(../images/iconfont-ljiantou.png) no-repeat center center; background-size:15px; margin-top:100px;cursor:pointer;}
.btn1-r{ background-image:url(../images/iconfont-rjiantou.png);}
.app-show{ width:1100px; height:288px; overflow:hidden;}
.app-list{ height:288px;}
.app-list li{ width:354px; margin-right:20px;}
.app-list li p{ height:50px; line-height:50px; text-align:center; font-size:16px;font-family:"microsoft yahei";}

.about{ padding:25px 0;}
.about .hd{ background-image:url(../images/abt_tit.png);}
.about .wrap{ width:1200px;}
.about .abt-cont .img{ margin-right:15px;}
.about .abt-cont p{ line-height:24px; font-size:14px; text-indent:2em; text-justify:inter-ideograph; text-align:justify;}

.news .hd{ background-image:url(../images/news_tit.jpg);}
.news .wrap{ background-color:#37a3d4; padding-top:30px;}
.news_hd{ border-bottom:1px solid #fff; margin-bottom:30px;}
.news_wp{ width:1200px; margin:0 auto; height:50px;}
.news_wp li{ float:left;font-family:"microsoft yahei"; height:48px; line-height:48px; margin-right:30px;}
.news_wp li.current{ border-bottom:2px solid #fff;}
.news_wp li a{ color:#fff; font-size:18px; font-weight:bold;}
.news_wp li a i{ font-style:normal; font-size:14px; padding-left:10px; font-weight:400;}
.news_cont{ width:1200px; overflow:hidden; padding-bottom:30px;}
.w-602{ width:602px;}
.news_img h4{ height:42px; line-height:42px; position:relative;font-family:"microsoft yahei";}
.news_img h4 a{ color:#fff; font-size:18px;}
.news_img h4 span{ position:absolute; font-size:16px; right:0; top:0; color:#fff; font-weight:400;}
.news_img p{ color:#fff; text-indent:2em; line-height:22px;}

.news_list{ width:586px;}
.news_list li{ width:586px; height:66px; clear:both; padding:15px 0; cursor:pointer; margin-bottom:15px;}
.news_list li.on{ background-color:#45b891;}
.news_list li i{ width:90px; height:66px; border-right:1px solid #fff; margin-right:25px; background-repeat:no-repeat; background-position:center center;}
.news_list li i.no1{ background-image:url(../images/icon1.png);}
.news_list li i.no2{ background-image:url(../images/icon2.png);}
.news_list li i.no3{ background-image:url(../images/icon3.png);}
.news_list li dl{ width:450px;font-family:"microsoft yahei";}
.news_list li dl dt{ font-weight:bold; margin-bottom:5px;}
.news_list li dl dt a{ color:#fff; font-size:16px;}
.news_list li dl dd{ color:#fff; line-height:20px;}

.pro-goods{ width:282px;}
.pro-goods .ct{ position:relative; width:282px; height:205px;}
#slides {position:absolute;top:0;left:0;z-index:100;}
#slides .next,#slides .prev {position:absolute;top:81px;left:0;width:24px;height:43px;display:block;z-index:101;}
.slides_container {width:282px;height:205px;overflow:hidden;position:relative;}
#slides .next {right:0; left:auto;}
.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
.caption {position:absolute;bottom:-35px;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:242px;font-size:1.3em;line-height:1.33;color:#fff;border-top:1px solid #000;text-shadow:none;}

.cases{ width:1000px; background:url(../images/cs-bg.jpg) no-repeat center bottom; padding-bottom:50px; margin-bottom:20px;}
.cases .hd{ height:46px; margin-bottom:46px;}
.cases .hd span{ width:122px; margin-top:30px;}
.cases .ct{ width:1000px; height:241px;}
.cs-show{ height:241px; overflow:hidden;}
.cs-show li{ width:158px; margin-right:20px;}
.cs-show li span{ width:158px; height:32px; text-align:center; line-height:32px;}

/*次页*/
.navbar-page{ background:#fff;}
.navbar-page .nav li a{ color:#010101;}
.navbar-page .nav li.line{ background-color:#606060;}
.pg_ad{height:454px; margin-top:100px;}
.page-wrap{ width:1200px; padding-top:20px; overflow:hidden;}
.w-270{ width:270px;font-family:"microsoft yahei";}
.w-915{ width:915px; background-color:#f7f7f7; border-top:4px solid #053587;}
.part .tt{ height:62px; padding-top:20px; text-align:center; font-size:20px; background-color:#053587; color:#fff;}
.part .tt i{ font-size:12px; font-style:normal;}
.slide-menu{
	background-color:#f7f7f7;
	padding: 15px 20px
}
.slide-menu .m-hd{
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.slide-menu .m-hd a{
	width: 70%;
	font-size: 15px;
	font-weight: 600;
	line-height: 2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.slide-menu .m-hd.current a{
	color: #053587
}
.slide-menu .m-hd i{
	width: 12px;
	height: 12px;
	background:url(../images/ico.png) no-repeat 0 0;
	background-size: cover;
	cursor: pointer
}
/*
.slide-menu .m-hd.current i{
	transform: rotate(90deg)
}

.mtree-level{
	display: none;
}*/
.mtree-level a{
	display: block;
	position: relative;
	padding-left: 24px;
	height:42px;
	line-height:42px;
	border-bottom:1px dotted #959595;
}
.mtree-level a:before{
	content: "";
	position: absolute;
	left: 8px;
	top: calc(50% - 1px);
	width:3px;
	height:3px;
	background:url(../images/p-ico1.jpg) no-repeat 0 0;
}

.part ul{ width:270px; }
.part li{ width:270px; height:46px; line-height:46px; margin-bottom:6px; border-bottom:1px dotted #959595;}
.part li i{ display:inline-block;  margin-right:10px; margin-left:20px;}
.news_cfy li i{ margin-left:90px;}
.p_about li{ text-align:center;}
.p_about li i{ margin-left:auto;}
.part li a:hover{ color:#053587;}
.part li a:hover i{ background-image:url(../images/pico2.jpg);}
.path{height:40px; line-height:40px; border-bottom:1px solid #ececec;font-family:"microsoft yahei"; padding:0 12px;}
.path span{ color:#053587; font-weight:bold; font-size:16px;}

.pro_list{ width:895px; margin:20px 0 10px 20px;}
.pro_list li{ width:280px; margin-right:18px; text-align:center;}
.pro_list li .img{ width:276px; height:222px; border:2px solid #edecec; background-color:#fff;display:table-cell;vertical-align:middle;*display: block; *font-family:Arial;*font-size:80px; overflow:hidden; text-align:center;}
.pro_list li .img img{ max-height:210px; vertical-align:middle; height:expression(this.height>210?"210px":this.height);}
.pro_list li span{ display:block; width:280px; height:40px; line-height:40px;}

.news-list{ margin:10px 20px 15px;}
.news-list li{ background:url(../images/p-ico1.jpg) no-repeat 0 center; height:34px; line-height:34px; border-bottom:1px dotted #959595;}
.news-list li a{ padding-left:12px;}
.news-list dl{ width:735px; position:relative; padding-bottom:15px; border-bottom:1px solid #ececec; margin-bottom:15px;}
.news-list dl dt{ background:url(../images/ico3.jpg) no-repeat 0 center; height:26px; line-height:26px; margin-bottom:3px;}
.news-list dl dt a{ padding-left:24px; font-weight:bold; font-size:14px;}
.news-list dl dd{ line-height:20px; color:#a1a1a1;}
.news-list dl dd.time{ position:absolute; top:3px; right:0px;}

.cs_list{ margin:15px 0 15px 15px;}
.cs_list li{ width:285px; margin-right:15px;}
.cs_list li span{ display:block; width:100%; height:36px; text-align:center; line-height:36px;}

.pg-title{ height:36px; line-height:36px; border-bottom:2px solid #ff890b; color:#ff5a11;font-family:"microsoft yahei"; margin-bottom:12px;}
.txt{ padding:20px; clear:both; font-size:14px;}
.txt p{ text-align:justify; text-indent:2em; line-height:2; margin-bottom:12px;}
.title{ text-align:center; font-size:22px; line-height:50px; color:#505050;font-family:"microsoft yahei";}
.pro_txt .title{font-size:16px;}
.pro_img{margin-bottom:20px; text-align:center;}
.pro-det-hd{ margin-bottom:15px; border-bottom:1px solid #053587;}
.pro-det-hd span{ display:inline-block; background-color:#053587; padding:6px 22px; color:#fff; font-size:14px;font-family:"microsoft yahei"; border-radius:5px 5px 0 0;}
.info{ text-align:center; background-color:#f7f7f7; border:1px solid #e8e8e8; height:28px; line-height:28px; margin-bottom:12px;font-family:"microsoft yahei";}
.prenext{ line-height:22px;}
.prenext a{ font-weight:bold;}

/*分页*/
.pages{ text-align:center; height:30px; line-height:30px; margin-bottom:10px;}
.pages a{ padding:3px 6px; border:1px solid #ddd; text-align:center;}


/*底部*/
#footer{}
.bottom{ background:url(../images/foot.png) repeat-x 0 0 #f2f2f2;border-bottom:5px solid #a1a1a1;padding-bottom: 10px;}
.bottom .wrap{ width:1200px;overflow: hidden;}
.bottom img{ vertical-align:middle; margin:0 10px;}
.bottom dl{ width:240px; float:left; text-align:center;font-family:"microsoft yahei";}
.bottom dl dt{ height:110px; background-position:center bottom; background-repeat:no-repeat; margin-bottom:10px;}
.bottom dl dd{ line-height:24px;}
.bottom dl.ft-1 dt{ background-image:url(../images/foot1.png);}
.bottom dl.ft-2 dt{ background-image:url(../images/foot2.png);}
.bottom dl.ft-3 dt{ background-image:url(../images/foot3.png);}
.bottom dl.ft-3 dd{text-align:left;}
.bottom dl.ft-4 dt{ background-image:url(../images/foot4.png);}
.bottom dl.ft-5 dt{ background-image:url(../images/foot5.png);}

.copy{ width:1200px;line-height:24px;padding:12px 0;font-family:"Verdana";}
.f_logo{ background:url(../images/logo.png) no-repeat right center; width:480px; height:72px; margin-right:15px;}
.f_logo a{ display:block; width:100%; height:100%; text-indent:-9999px;}
.copy p{ text-align:left; padding-left:15px;}

/*在线留言*/
.f-msg{ padding:15px 12px; background-color:#dadada; border-radius:8px; width:290px;font-family:"microsoft yahei"; position:fixed; left:0; top:180px; z-index:1000;}
.f-msg .m-htt{ font-weight:bold; padding-bottom:12px; font-size:14px;}
.f-msg .m-htt img{ vertical-align:middle; margin-right:5px;}
.f-msg .inpt{ width:210px; height:18px; padding:2px; border:1px solid #cbcbcb; margin-bottom:5px;}
.f-msg .msg-con{ border:1px solid #cbcbcb; resize:none; width:212px; height:68px; margin-bottom:8px;}
.f-msg .btn{ border:none; background-color:#0068b7; color:#fff; padding:0px; width:66px; height:24px; text-align:center; line-height:24px;}

.mg-icon{ width:35px; height:33px; background:url(../images/mbg2.png) no-repeat 0 0; position:absolute; left:66px; bottom:-32px;}

/*QQ客服*/
.float0831 {position: fixed; top: 180px; right: 0px; _position: absolute;_margin-top:expression(this.style.pixelHeight+document.documentElement.scrollTop); z-index:500;}
.float0831 A {color: #00a0e9;}
.float0831 A:hover {color: #ff8100; text-decoration:;text-decoration: none;}
.float0831 .floatL {position: relative; width: 28px; float:left;}
.float0831 .floatL A {text-indent: -9999px; display: block; font-size: 0px;}
.float0831 .floatR {background: url(../images/float_bg.gif);}
.float0831 .tp {background: url(../images/float_bg.gif);}
.float0831 .cn {background: url(../images/float_bg.gif);}
.float0831 .floatR {padding-bottom:15px; width:130px; background-repeat:no-repeat; background-position:-131px bottom; float: left;overflow: hidden;}
.float0831 .tp {background-repeat: no-repeat; background-position: 0% 0%; height: 10px; overflow:hidden; width:100%;}
.float0831 .cn {background-repeat: repeat-y; background-position: -262px 0px; width:100%;}
.float0831 .cn H3 {text-indent: -9999px; height: 36px; font-size: 0px;}
.float0831 .cn UL {padding-bottom: 0px; padding-left: 14px; padding-right: 14px; padding-top: 0px; width:102px; overflow:hidden;}
.float0831 .cn UL LI {border-bottom: #e6e5e4 1px solid; line-height:36px;WORD-WRAP:break-word; height:36px;overflow: hidden;word-break: normal; width:102px; float:left;}
.float0831 .titZx {background: url(../images/float_s.gif) no-repeat;}
.float0831 .titDh {background: url(../images/float_s.gif) no-repeat;}
.float0831 .titDc {background: url(../images/float_s.gif) no-repeat;}
.float0831 .icoZx {background: url(../images/float_s.gif) no-repeat;}
.float0831 .icoTc {background: url(../images/float_s.gif) no-repeat;}
.float0831 .icoFf {background: url(../images/float_s.gif) no-repeat;}
.float0831 .icoTl {background: url(../images/float_s.gif) no-repeat;}
.float0831 .btnOpen {background: url(../images/float_s.gif) no-repeat;}
.float0831 .btnOpen_n {background: url(../images/float_s.gif) no-repeat;}
.float0831 .btnCtn {background: url(../images/float_s.gif) no-repeat;}
.float0831 .titZx {background-position: 5px -10px;}
.float0831 .titDh {background-position: 5px -66px;}
.float0831 .titDc {background-position: 5px -124px;}
.float0831 .icoZx {background-position: 2px -154px;}
.float0831 .icoTc {background-position: 0px -323px;}
.float0831 .icoFf {background-position: 2px -213px;}
.float0831 .icoTl {padding-left:16px; display: block; font-family: "微软雅黑"; background-position:0 -266px; float: left;}
.float0831 .btnOpen {background-position: -30px -396px;}
.float0831 .btnOpen_n {background-position: 0px -530px;}
.float0831 .btnCtn {background-position: 0px -396px;}
.float0831 .icoZx {padding-left: 28px; display: block; float: left;}
.float0831 .icoTc {padding-left: 28px; display: block; float: left;}
.float0831 .icoFf {padding-left: 28px; display: block; float: left;}
.float0831 .btnOpen {position: relative; width: 29px; height: 118px; top: 80px; left: 2px;}
.float0831 .btnOpen_n {position: relative; width: 29px; height: 118px; top: 80px; left: 2px;}
.float0831 .btnCtn {position: relative; width: 29px; height: 118px; top: 80px; left: 2px;}
.float0831 .btnOpen {top:60px; left: 0px;}
.float0831 .btnOpen_n {top:60px; left: 1px;}
.float0831 .btnCtn {top:60px; left:0px;}
.float0831 UL LI H3.titDc A {width: 80px; display: block; height: 36px;}
.float0831 UL LI.top {border-bottom: #ace5f9 1px solid;}
.float0831 UL LI.bot {border-bottom-STYLE: none;}
.float0831 UL.webZx {padding-bottom: 0px; padding-left: 0px; width: 164px; padding-right: 0px; background: url(../images/webZx_bg.jpg) no-repeat; height: 65px; padding-top: 0px;}
.float0831 UL LI.webZx-in {border-bottom-STYLE: none; padding-left: 5px; height: 50px; padding-top: 8px;}