﻿@charset "utf-8";
/*重置*/
html{overflow-x: hidden;}
body{margin: 0 auto; font: 12px/2em "Microsoft YaHei", Arial, tahoma,  Helvetica, sans-serif; background: #fff; color: #333;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd,ul,ol,li,pre,form, fieldset, legend, button, input, textarea, select, th, td{margin: 0; padding: 0;}
fieldset, img {border: 0;}
li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
table {border-collapse: collapse; border-spacing: 0;}
button, input, select, textarea {font-size: 100%; border:none;}
a{text-decoration: none; color: #333;}
a:hover{ text-decoration:none; color:#C00;}
i{font-style:normal;}

/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.mainb{width:1100px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}

/*顶部*/
.topbg{height:38px; line-height:38px; color:#707070; background:#333333; border-top:#1186f8 4px solid;}
.topbg span a{margin:0 5px; color:#707070;}

/*头部*/
.head{height:110px;}
.head .logo{width:512px; height:90px; margin-top:10px;}
.head .tel{height:60px; margin-top:40px;}
.head .tel span{display:block; font-size:14px; line-height:20px; color:#666;}
.head .tel strong{display:block; font-size:28px; line-height:30px; color:#fea203; /* font-family:Impact; */}

/*导航*/
.nav{height:48px; background:#0380f6;}
.nav ul li{width:136px; height:48px; line-height:48px; float:left; border-right:1px solid #3e80da;}
.nav ul li a{display:block; width:137px; height:48px; line-height:48px; color:#fff; text-align:center; font-size:14px;}
.nav ul li a:hover, .nav ul li .active{background:#f59d05; color:#fff;}

/*轮播图*/
.ban{width:1440px; height:468px; margin:0px auto; overflow:hidden; text-align:center;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:100%; height:468px; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px;  position:absolute; top:200px; left:25px; z-index:10; background:url(../images/prevBtn.png) no-repeat;}
#playBox .next{cursor:pointer; width:45px; height:45px; position:absolute; top:200px; right:25px; z-index:10; background:url(../images/nextBtn.png) no-repeat;}
#playBox .smalltitle {width:100%; height:10px; position:absolute; bottom:20px; z-index:10; text-align:center;}
#playBox .smalltitle ul{margin:0 auto; width:200px;}
#playBox .smalltitle ul li{cursor:pointer; margin:0 5px; width:40px; height:12px; border-radius:50%; color:#fff; background-color:#fff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#0380f6; background-color:#0380f6;}

/*热门关键词*/
.keyPro{height:48px; line-height:48px; padding:0 15px; width:930px; margin:20px auto; background:url(../images/keyword_bg.gif) no-repeat;}
.keyPro strong{float:left; margin-right:10px; font-size:12px;}
.keyPro ul{float:left;}
.keyPro ul li{float:left; margin-right:20px;}

/*主要内容区*/
.brandTit{height:62px; line-height:62px; text-align:center; background:url(../images/brand_title.jpg) no-repeat; font-size:46px; margin-bottom:30px;}
.blue{color:#0449b1;}
.brandCon{width:1100px; margin-right:-30px; overflow:hidden;}
.brandCon li{width:162px; float:left; margin-right:29px; margin-left:29px;}
.brandCon li img{display:block; width:162px; height:187px; margin-bottom:10px;}
.brandCon li h4{width:162px; height:75px; background:url(../images/pp_bg.gif) no-repeat; text-align:center; font-size:18px; line-height:30px; padding-top:12px; color:#666;}

.list{width:270px; background:#2d2e32; margin-top:-95px;}
.list ul{width:202px; margin-top:45px; padding-bottom:45px; margin-left:33px;}
.list li{width:202px; height:40px; overflow:hidden; margin-bottom:10px; text-align:center;}
.list li a{display:block; width:185px; height:38px; line-height:38px; border:1px solid #0380f6; background:#2d2d2d; font-size:14px; color:#FFFFFF; text-align:left; padding-left:15px;}
.list li a:hover{border:1px solid #fea201; background:#fea201;} 
.title02{height:95px; background:#0380f6; text-align:center;}
.title02 h3{font-size:20px; color:#fff; line-height:35px; padding-top:20px;}
.title02 span{font-size:14px; color:#094c8c; line-height:35px; font-weight:bolder;}
.title02x{background:url(../images/xjt.gif) no-repeat center; height:10px;}

.hotPro{width:803px; overflow:hidden;}
.hotPro ul{width:868px; margin-right:-15px; padding-bottom:10px;}
.hotPro ul li{width:239px; float:left; margin:15px 16px 0 0; display:inline; border:#dfdfdf 1px solid; padding:8px;}
.hotPro ul li:hover{border:1px #0380f6 solid;}
.hotPro ul li img{display:block; width:238px; height:173px;}
.hotPro ul li strong a{display:block; height:28px; line-height:28px; text-align:center; font-size:14px; font-weight:normal; margin-top:5px;}
.title01{height:34px; line-height:34px; border-bottom:3px solid #ccc;}
.title01 h3{float:left; font-size:18px; background:url(../images/title.jpg) no-repeat left center; padding-left:10px;}
.title01 .more{float:right; font-size:14px;}

.xwbg{ background:#0480f6;}

.questionTit{height:60px; line-height:60px; font-size:24px; background:url(../images/question_title.gif) no-repeat center center; text-align:center; color:#0449b1;}
.questionTit strong{font-size:36px;}
.qustionCon{height:237px; background:url(../images/question_bg.jpg) right no-repeat; margin-top:20px;}
.qustionCon p{height:35px; line-height:35px; background:url(../images/icon02.gif) no-repeat left center; padding-left:30px; font-size:18px;}
.solution{height:249px; background:url(../images/solution_bg.jpg) no-repeat; position:relative;}
.solutionCon{position:absolute; left:453px; top:57px;}
.solutionCon p{font-size:18px; line-height:20px; font-weight:bold; margin-bottom:20px; color:#666;}
.solutionBtn{width:380px; padding:0 30px; height:40px; line-height:40px; position:absolute; left:380px; bottom:72px; background:#429b52; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.solutionBtn span{float:left; color:#fff; font-size:14px; margin-right:30px;}
.solutionBtn span strong{font-size:18px;}
.solutionBtn .QQ{float:left; width:132px; height:22px; line-height:22px; border:1px solid #fff; margin:8px 0; color:#fff; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.solutionBtn .QQ:hover{color:#fff;}

.caseBox{width:1098px; margin:20px auto; border:1px solid #ccc; border-top:3px solid #0480f6;}
.case{width:1058px; padding:0 20px;}
.caseList{position:relative; width:1058px; height:220px; }
#scrollCon{width:978px;position:absolute;left:43px; top:20px; overflow:hidden;}
.caseList li{float:left; width:190px; margin-right:10px;}
.caseList li img{width:188px; height:130px; border:1px solid #ccc;}
.caseList li p{height:30px; line-height:30px; text-align:center; font-size:14px; margin-top:10px;}
.leftBtn{width:23px; height:33px;  position:absolute; right:0px; top:75px; background:url(../images/btn_right.jpg) no-repeat;}
.rightBtn{width:23px; height:33px; position:absolute; left:0px; top:75px; background:url(../images/btn_left.jpg) no-repeat;}
.title03{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.title03 h3{float:left;background:url(../images/title.jpg) no-repeat left center;padding-left:10px;}
.title03 h3 strong{ float:left; height:39px; font-size:16px; color:#0449b1; margin-right:10px; background:url(../images/titlebg.jpg) no-repeat left bottom;}
.title03 h3 span{float:left; font-size:12px; color:#666; font-weight:normal;}
.title03 .more{float:right; font-size:12px;}

.titlelx{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.titlelx h3{float:left;background:url(../images/title.jpg) no-repeat left center;padding-left:10px;}
.titlelx h3 strong{ float:left; height:39px; font-size:16px; color:#fff; margin-right:10px; }
.titlelx h3 span{float:left; font-size:12px; color:#666; font-weight:normal;}
.titlelx .more{float:right; font-size:12px;}

.titleqt{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.titleqt h3{float:left;background:url(../images/title.jpg) no-repeat left center;padding-left:10px;font-size:16px;}
.titleqt h3 strong{ float:left; height:39px; font-size:16px; margin-right:10px; }
.titleqt h3 span{float:left; font-size:12px; color:#666; font-weight:normal;}
.titleqt .more{float:right; font-size:12px;}

.titleal{height:40px; line-height:40px; border-bottom:1px solid #ccc;}
.titleal h3{float:left;background:url(../images/title.jpg) no-repeat left center;padding-left:10px;}
.titleal h3 strong{ float:left; height:39px; font-size:16px; color:#fff; margin-right:10px; }
.titleal h3 span{float:left; font-size:12px; color:#666; font-weight:normal;}
.titleal .more{float:right; font-size:12px;}


.aboutBox{width:800px; overflow:hidden; margin:0 auto; background:#FFFFFF;}
.about{padding:0 25px;}
.aboutTxt{padding:20px 0; height:306px; font-size:14px; overflow:hidden; line-height:30px;}
.aboutTxt img{width:225px; height:316px; margin-right:15px; float:left;}
.aboutTxt p a{color:#cc0000;}
.recomPro{width:300px;}
.recomPro .recomProCon{width:300px; height:200px; overflow:hidden; margin:10px auto;}
.recomProCon img{width:300px; height:200px; overflow:hidden;}

.newsBox{width:533px; overflow:hidden; border:1px solid #ccc; border-top:3px solid #0480f6;}
.innews{padding:0 20px;}
.innewsList{padding:10px 0;}
.innewsList li{height:30px; line-height:30px; background:url(../images/icon03.gif) no-repeat left center; vertical-align:middle; font-size:14px; border-bottom:1px dotted #ccc;}
.innewsList li a{float:left; margin-left:10px; display:inline;}
.innewsList li span{float:right;}

.indexContactBox{width:300px; overflow:hidden; background:#333333;}
.indexContact{padding:0 25px;}
.indexContact .contactTxt{padding:10px 0; height:228px; font-size:14px; line-height:30px; color:#FFFFFF;}
.indexContact .contactimg{ margin-bottom:20px;}

.foot{margin:20px auto 0; line-height:30px; color:#fff; font-size:14px; background:url(../images/foot_bg.jpg); padding-bottom:30px;}
.flink{padding-bottom:30px; color:#fff;}
.flinkTit{font-size:18px; font-weight:normal;}
.flinkCon{padding:10px 0;}
.flinkCon a, .flinkCon a:hover{margin:0 10px; color:#fff;}
.footNav{width:1053px; height:50px; line-height:50px; margin:0 auto; text-align:center; font-size:14px;}
.footNav a{margin:0 20px; font-weight:bold; color:#fff;}
.footNav a:hover{color:#fff; text-decoration:underline;}
.footCon{padding-top:30px; text-align:center; color:#fff;}
.footCon a{color:#fff;}

/*单页*/
.sidebar{width:270px; }
.sideContact{border:1px solid #ccc; border-top:3px solid #0480f6; padding:0 20px;}
.sideTit{height:42px; line-height:42px; background:#0449b1;}
.sideTit h3{font-size:18px; color:#fff; text-indent:25px;}
.sideContact .contactTxt{padding:10px; font-size:14px; line-height:30px;}
.main{width:806px; overflow:hidden; margin-top:20px;}
.mainCon{font-size:14px; line-height:30px; margin-top:20px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.mainCon1{font-size:14px; line-height:30px; width:830px;}
.mainCon2{font-size:14px; line-height:30px;}
.mainContent{padding:20px 10px;}
.nytitle{height:34px; line-height:34px;  margin-bottom:10px; border-bottom:1px solid #ccc; padding:0 10px;}
.nytitle h3{float:left;font-size:16px; background:url(../images/title.jpg) no-repeat left center; padding-left:17px; color:#0060c1;}
.nytitle p{float:right;}

/*文章列表页*/
.NewsList{padding:10px;}
.NewsList li{height:32px; line-height:32px; overflow:hidden; background:url(../images/icon05.gif) no-repeat left center; vertical-align:middle; border-bottom:1px dotted #ccc;}
.NewsList li a{float:left; margin-left:13px; display:inline;}
.NewsList li span{float:right;}

/*产品列表页*/
.ProList{overflow:hidden; padding-bottom:10px;}
.ProList li{width:239px; float:left; margin:15px 17px 0 0; display:inline;border:#dfdfdf 1px solid; padding:8px;}
.ProList li:hover{border:1px #0380f6 solid;}
.ProList li img{display:block; width:238px; height:173px;}
.ProList strong a{display:block; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:normal; margin-top:10px;}

/*产品内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:18px; margin-bottom:10px;}
.mainConTit02{text-align:left;}
.mainConAuthor{height:30px; line-height:30px; margin-bottom:20px; text-align:center; border-bottom:1px dashed #ccc;}
.mainConAuthor span{margin:0 10px;}
.mainPic{font-size:14px; margin-bottom:20px;}
.image{width:302px; height:223px; overflow:hidden; margin-right:20px;}
.image img{width:300px; height:220px; border:1px solid #999;}
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:2px solid #0449b1}
.article h3{width:85px; height:30px; background-color:#0449b1; color:#fff; text-align:center; margin-left:5px;}
.content{font-size:14px;}
.pagination{margin-top:20px; /*height:50px;*/ line-height:30px; padding:0 15px;  border-top:1px dashed #ccc; overflow:hidden;}
.xgwz h3,
.xgcp h3{height:30px; line-height:30px; font-size:14px; text-indent:10px; background:#0449b1; color:#fff;}
.xgwz ul{padding:10px 0; overflow:hidden;}
.xgwz ul li{width:46%; height:30px; line-height:30px; float:left; margin-left:3%; display:inline; border-bottom:1px dashed #ccc; background:url(../images/icon05.gif) no-repeat left center; vertical-align:middle; font-size:12px;}
.xgwz ul li a{float:left; margin-left:13px; display:inline;}
.xgwz ul li span{float:right;}
.xgcp ul{width:830px; margin-right:-20px; overflow:hidden;}
.xgcp ul li{width:250px; float:left; margin:15px 20px 0 0;}
.xgcp ul li img{display:block; width:249px; height:180px; border:1px solid #ccc;}
.xgcp ul li strong a{display:block; height:20px; line-height:20px; text-align:center; font-size:14px; font-weight:normal; margin-top:10px;}


/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */
