*{margin:0; padding:0;}

body{min-height: 1100px; font-family: "Microsoft Yahei"; font-size: 14px;}

a{text-decoration: none}

img{border:0;}

li{list-style: none}

.container{width: 100%;clear: both;}

.clear{clear: both}

.fl{float: left;}

.fr{float: right;}



.content{width:1100px; margin:0 auto;}

.top{height: 60px; padding:10px 0}

.logo{width: 420px; float: left;}

.logo  h1 a{display: block; width: 290px; height: 60px; background: url(../images/logo.png) center no-repeat; text-indent: -9999px}



nav{width:100%;height:50px;background:#0067cc; position:relative;}

nav .default{width:870px;margin: 0 auto; position:relative; float: left;}

nav .default li{position:relative;display:inline;float:left;}

nav .default li a.one{display:inline-block;width:100px;height:50px; line-height: 50px; color:#FFF;text-align:center;font-size:14px;}

nav .default li a.onehover,nav .default li a.one:hover{color:#1a529c;}

nav .default li a.onehover, nav .default li a.one:hover{background-color:#FFF;}



nav .children{position:absolute;top:100%;left:0;width:140px;display:none;background:#FFF; z-index: 9999}

nav .children li{width:100%;padding:0px;display:inline-block;font-size:12px;border-bottom:1px solid #ccc;}

nav .children li a{display:block;width:100%;height:24px;line-height:24px;overflow:hidden;padding:3px 0;color:#1a529c;text-indent: 10px;}

nav .children li a:hover{background-color:#eee;text-decoration:none;}



nav .three{position:absolute;top:0;left:100%;width:100px;display:none;background:#FFF;}

nav .three li{width:100%;padding:0px;display:inline-block;font-size:12px;border-bottom:1px solid #ccc;}

nav .three li a{display:block;width:100%;height:24px;line-height:24px;overflow:hidden;padding:3px 0;color:#1a529c;text-align:center;}

nav .three li a:hover{background-color:#eee;text-decoration:none;}



#search{width:230px; height: 26px; float: left;  padding:12px 0;}

#key{width:180px; height: 24px; line-height: 24px; border:1px solid #ddd; vertical-align:middle\9;}

#bnt{background: #ddd; color:#666; border:0; height: 26px; margin-left: -10px; border-left:1px solid #666; padding:0 10px;}

/* flexslider */

.flexslider{position:relative;height:500px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1;}

.slides li{height:500px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;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%;}

.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; text-indent: -9999px}

.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat; text-indent: 9999px}



.application {padding:40px 0; height: 400px;}

h3.t{font-size: 36px;margin-top: 0;font-weight: 300;text-align: center;color:#37474f; margin-bottom: 10px}

div.t p{font-size: 16px;font-weight: 300;text-align: center;color: #5e7387;margin: 0 auto; margin-bottom: 60px}

.application ul li{width: 19%; float: left; padding: 0 0.5%; text-align: center;}

.application ul li h4{ margin-top: 20px;

    margin-bottom: 5px;

    font-weight: 300;

    font-size: 20px;

    color: #2a333c;

}

.application ul li p{    width: 80%;

    margin: 0 auto;

    font-weight: 300;

    color: #5e7387;

    line-height: 170%;

    text-align: left;

}



.solution{background: #f5f5f5; height:550px;  padding: 40px 0; clear: both;}

.solutionl{width: 360px; float: left;}

.solutionr{float: left;}

.solution p{ position: relative;}

.solution p span{
	position: absolute;
	left: 0;
	bottom: 0px;`
	height: 40px;
	line-height: 40px;
	background: rgba(238,235,235,0.3);
	width: 100%;
	text-indent: 15px;
	font-weight: 600;
	color: yellow;
	font-size: 16px;
}
.solution p:hover span{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
}


.ipro{background: #fefbfb; padding:50px 0 40px 0;}

.iprol{width: 212px; float: left;}

.iprol dl{box-shadow: 0px 0px 5px rgba(0,0,0,0.3)}

.iprol dl dt{background: #ff7f00;color:#fff; height: 50px; line-height: 50px; font-size: 20px; text-align: center;}

.iprol dl dd{height: 50px; line-height: 50px; background#fff; border-bottom: 1px solid #eee; text-align: center;}

.iprol dl dd a{display: block; width: 100%; height: 50px; color:#444; font-size: 16px;}

.iprol dl dd a:hover,.iprol dd.active a{color:#ff7f00;}



.ipror{width: 876px; float: right;}

.ipror ul li{float: left; margin-left: 13px; width: 205px; text-align: center;box-shadow: 0px 0px 5px rgba(0,0,0,0.3); margin-bottom: 10px}

.ipror ul li img{width: 205px; height: 188px}

.ipror ul li a p{background: #fff; line-height: 50px;color:#444; }

.ipror ul li:hover{box-shadow: 0px 0px 5px rgba(255,120,0,0.3)}

.ipror ul li:hover a p{color:#ff7f00;}



.tit{height: 50px; line-height: 50px;  border-bottom: 1px solid #ddd; margin-bottom: 12px; margin-left:13px}

.titl{float: left;  font-size: 24px}

.titr{float: right;}

.titr a{color:#444;}



.customer{padding:40px 0;}

.scrolltitle{height:24px;font-size:14px;width:1100px;border-bottom:solid 1px #ddd;margin:20px auto 15px auto;}



a.abtn{display:block;height:130px;width:17px;overflow:hidden;background:url(../images/arrow3.png) no-repeat 0px 50%;}

a.aleft{float:left;}

a.agrayleft{cursor:default;background-position:-34px 50%;}

a.aright{float:right;background-position:-17px 50%;}

a.agrayright{cursor:default;background-position:-51px 50%;}

.scrolllist{width:1100px;height:204px;margin:0 auto;}

.scrolllist .imglist_w{width:1064px;height:204px;overflow:hidden;float:left;position:relative;/*必要元素*/}

.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}

.scrolllist .imglist_w li{width:240px;float:left;padding:0 12px;}

.scrolllist .imglist_w li img{padding:2px;border:solid 1px #ddd;}

.scrolllist .imglist_w li a{color:#3366cc;text-decoration:none;float:left;}

.scrolllist .imglist_w li a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}

.scrolllist .imglist_w li p{height:48px;line-height:24px;overflow:hidden;float:left;}





.ad{background: #f5f5f5; padding: 45px 0; }



.about{background: #fefbfb; padding: 40px 0;height: 340px; }

.aboutl{width: 52%; float: left;}

.abouttit{margin-bottom: 15px;}

.aboutl h2{color:#ffa137; font-size:18px; font-weight: normal; margin-bottom: 10px}

.aboutl p{font-size:14px; color:#333; line-height: 200%; margin-bottom: 15px; text-indent: 2rem}



.aboutr{margin-left:2%; width: 46%; float: left;}

.aboutr dl{width: 100%; height: 90px; background: url(../images/dl.png) top left no-repeat}

.aboutr dl dt{width: 84px; height: 75px; float: left; margin-right: 15px; text-align: center; padding-top: 15px; color:#fff;}

.aboutr dl dt {font-size:36px;}

.aboutr dl dt p{font-size:16px;}

.aboutr dl dd{padding:7px 15px;}

.aboutr dl dd a{color:#333; line-height: 30px}

.aboutr dl dd p{color:#666; height: 40px; overflow: hidden; line-height: 150%; text-indent:28px;}

.aboutr dl:hover a,.aboutr dl:hover{color:#ffa137; cursor: pointer;}



.faq{padding: 45px 0; height: 360px;}

.faqtit{font-size:20px; margin-bottom: 15px}

.faq em{font-size: 16px; color:#666;}

.faq dl{width: 500px; height: 36px; border:1px solid #ddd; line-height: 36px; float: left; margin-bottom: 10px; margin-right:90px}

.faq dl dt{display: block;width:30px; text-align: center;; float: left;}

.faq dl dd{background: url(../images/dda.png) 470px no-repeat; color:#444;}

.faq dl:hover dd{background: url(../images/ddb.png) 470px no-repeat}

.faq dl dd a{color:#444;}

.faq dl:hover{border:1px solid #ff8205; color:#ff8205; cursor: pointer;}

.faq dl:hover dd a{color:#ff8205;}



.foot{background: #0067cc;padding:25px 0;}
.foot:after{content: ""; height: 0; display: inline-block; width: 100%; clear: both;}

.footl{width:350px; float: left;}

.ftel{height: 53px; width: 240px; background: url(../images/ftel.png) left no-repeat; padding-left: 70px; color:#fff; font-size: 16px; margin-top:25px}

.ftel p{color:#ff7f00; font-size: 20px; line-height: 40px}

.footc{width: 385px; float: left; border-left:1px solid #f7f7f7; border-right:1px solid #f7f7f7; padding:0 25px; margin-top: 25px}

.footc dl{width: 100%; float: left;}

.footc dl dt{font-size:18px; color:#fff;}

.footc dl dd{color:#fff; text-indent: 3px; float: left; width: 50%;}

.footc dl dd i{margin-right: 5px}

.footc dl dd a{color:#fff; line-height: 40px;}



.footr{float:left;padding-left:35px; margin-top: 25px}

.footr input{display: block; width: 250px; height: 30px; line-height: 30px; margin-bottom: 6px; padding:0 7px}

.footr textarea{padding:5px; resize: none; float: left;}

.footr .btn{width: 50px; height: 72px; font-size:16px;}



.footb{height: 60px; line-height: 60px; background: #505254; color:#fff; text-align: center;}





/*内容页*/

.n{width: 1100px; float: left; padding: 25px 0}

.nl{width: 221px; float: left;}

.nl dl{margin-bottom: 25px}

.nl dl dt{width: 196px; border-left:12px solid #ff7f00; background: #f6f5f5; line-height: 50px; text-indent: 25px; font-size: 18px; border-bottom:1px solid #eee;}

.nl dl dd{width: 221px; line-height: 42px; background: url(../images/dd.png) no-repeat;}
.nl dl dd .sun_menu,
.nl dl dd.active .sun_menu{width: 94%; background: #fff6f6;}
.nl dl dd .sun_menu>a,
.nl dl dd.active .sun_menu>a{display:block; width: 80%; padding-left: 40px; color: #444; line-height: 30px; border-bottom: 1px dashed #ccc;}
.nl dl dd .sun_menu>a:hover,
.nl dl dd .sun_menu>a.cur,
.nl dl dd.active .sun_menu>a:hover{color: #ff7f00;}


.nl dl dd>a{display:block; width: 208px;  text-indent: 35px; border-bottom:1px solid #eee; line-height: 40px;font-size: 16px; color: #333}

.nl dd:hover,.nl dd.active{background: url(../images/ddh.png) no-repeat}

.nl dd:hover>a,.nl dd.active>a{color:#fff;}



.nl .contactl{ background: #f6f5f5; padding:10px 5px; font-size:13px; width: 198px; color:#444; line-height: 200%; box-shadow: 3px 3px 5px #ccc}



.nr{width:855px;float: right;}

.nr .ti{height: 49px; line-height: 50px; border-bottom:1px solid #eee; margin-bottom: 10px}

.nr .til{float: left; font-size: 18px}

.nr .tir{float: right; color:#444;}

.nr .tir a{color:#444;}

.nr h1{font-size:20px; color:#444; text-align: center; padding:15px;}

.times{height:30px;padding:5px 0; border-top:1px dashed #eee;border-bottom:1px dashed #eee; margin-bottom: 10px; line-height: 30px;}

.times .infom{float: left;}

.times .infom span{margin-right:15px; color:#666;}

.bdsharebuttonbox{float: right;}

.body{font-size:14px; color:#666;}

.pn{line-height: 34px; color:#444;}

.pn a{color:#444;}

.pn:hover a{color:#ff7f00;}











/*图片放大镜样式*/

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.jqzoom img{width: 350px; height: 350px}

/*图片小图预览列表*/

.spec-preview{width:350px;height:350px;border:1px solid #DFDFDF;}

.spec-scroll{clear:both;margin-top:5px;width:352px;}

.spec-scroll .prev{float:left;margin-right:4px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}

.spec-scroll .items ul li{float:left;width:64px;text-align:center;}

.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}

.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}



.proimg{width: 360px; float: left; height: 430px; margin-right:15px}

.proinfo{width: 480px; float: left;}

.proinfo h1{font-size:20px; color:#444; padding:0 0 15px 0; text-align: left}

.proinfo p{height: 40px; line-height: 40px; border:1px solid #eee; margin-bottom: 5px; text-indent: 10px}

.divsion{height: 44px; line-height: 44px; clear: both; background: #eee; color:#ff7f00; font-weight: bold; font-size: 16px; text-indent: 10px; margin-bottom: 15px}



/*文章列表页*/

#news li{height: 46px; line-height: 46px; border-bottom:1px dashed #ddd; margin-bottom: 5px}

#news li span{display:inline-block;width: 100px; font-size: 16px; background: #ff7f00; border-bottom:1px solid #ff7f00; color:#fff; text-align: center; margin-right:10px}

#news li a{color:#444; font-size: 16px}

#news li:hover a{color:#ff7f00;}

/*产品列表页*/

#pro{}


#pro li{float: left; width: 285px; height: 320px; text-align: center;}

#pro li img{width: 264px; height: 260px; padding: 3px; border:1px solid #eee; }

#pro li a{color:#444; font-size: 16px}

#pro li p{background: #eee; width: 266px; padding:0 3px; margin:0 auto; line-height: 34px; box-shadow: 0px 1px 1px #ccc; margin-top: -4px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

#pro li:hover a{color:#ff7f00;}





.pagelist{text-align: center; clear: both}

.pagination {

	display:inline-block;

	padding-left:0;

	margin:20px 0;

	border-radius:4px

}

.pagination>li {

	display:inline

}

.pagination>li>a,.pagination>li>span {

	position:relative;

	float:left;

	padding:6px 12px;

	margin-left:-1px;

	line-height:1.42857143;

	color:#ff7f00;

	text-decoration:none;

	background-color:#fff;

	border:1px solid #ddd

}

.pagination>li:first-child>a,.pagination>li:first-child>span {

	margin-left:0;

	border-top-left-radius:4px;

	border-bottom-left-radius:4px

}

.pagination>li:last-child>a,.pagination>li:last-child>span {

	border-top-right-radius:4px;

	border-bottom-right-radius:4px

}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {

	color:#ff7f00;

	background-color:#eee;

	border-color:#ddd

}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {

	z-index:2;

	color:#fff;

	cursor:default;

	background-color:#ff7f00;

	border-color:#ff7f00

}

.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {

	color:#777;

	cursor:not-allowed;

	background-color:#fff;

	border-color:#ddd

}


.link {
	background: #0067cc;
	color:#fff;
	font-size: 14px;
}

.link a {
	color:#fff;
	display: inline-block;
	line-height: 30px;
	padding-right: 15px;
}

.link a:hover {
	text-decoration: underline;
}