@charset "utf-8";
/*重置*/
body{margin: 0 auto; font: 14px/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;}
table{font-size:inherit;font:100%; border-collapse:collapse;width: 100%;}
td,tr{  border-color: #db0f00;border-width: 1px;line-height:40px;font-size: 14px;}
/*通用*/
.clear{clear: both; zoom: 1;}
.clear:after{content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.fl{float: left;}
.fr{float: right;}
.comWidth{width:1030px; margin:0 auto; position:relative;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:0px;}
.mr15{margin-right:15px;}

/*顶部*/
.top{height:10px; line-height:10px; color:#999;}
.top span{height:20px; line-height:20px; margin:6px 0;}
.top span a{margin:0 5px; color:#999;}

/*头部*/
.header{height:120px;}
.header .logo{width:730px; height:100px; margin-top:-5px;}
.header .tel{height:56px; margin-top:15px;}
.header .tel span{display:block; height:32px; font-size:16px; color:#333; /* font-weight:bold; */}
.header .tel strong{display:block; height:45px; font-size:35px; font-family:arial; color:#cc0000;}

/*导航*/
.nav{height:50px; /* background:url(../images/nav_bg.gif) repeat-x; */ background:#1b8fe4;}
.nav ul li{width:128px; height:50px; line-height:50px; float:left; text-align:center; background:url(../images/nav_line.gif) no-repeat left center; font-size:14px;}
.nav ul li a{display:block; width:128px; height:50px; color:#fff;}
.nav ul li a:hover{color:#fff; background:#c00;}
.nav ul li.cur{color:#fff; background:#c00;}

*轮播图*/
.banner{width:100%; height:510px; 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:#fff;}
#playBox{ width:100%; height:510px; margin:0 auto; background:#fff; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{float:left;text-align:center;}
#playBox .pre{cursor:pointer; width:90px; height:90px;  position:absolute; top:170px; left:220px; z-index:10; background:url(../images/left.png) no-repeat;}
#playBox .next{cursor:pointer; width:90px; height:90px; position:absolute; top:170px; right:220px; z-index:10; background:url(../images/right.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:6px; color:#fff; background-color:#fff;left:220px; /* border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; */  float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{color:#cc0000; background-color:#cc0000;}

/*主要内容区*/
.list{width:230px; overflow:hidden;}
.listTit{height:100px; background:url(../images/list_title.gif) no-repeat;  /* background:#1b8fe4; */ color:#fff; text-align:center;}
.listTit  h3{font-weight:normal; font-size:28px; line-height:28px; padding-top:28px;}
.listTit h3 span{font-size:14px; line-height:20px;}

.list ul{border:2px solid #1b8fe4; overflow:hidden; padding-bottom:15px;}
.list li{width:210px; height:40px; line-height:40px; overflow:hidden;background:url(../images/list_li.gif) no-repeat top center; margin:16.3px 8.5px 0; text-indent:30px;}
.list li a{color:#fff; font-size:14px;margin-left: 12px;}
.list li a:hover{color:#fff; text-decoration:underline;margin-left: 12px;}

.hotProList{height:36px; line-height:36px; border-bottom:1px solid #e0e0e0; overflow:hidden; color:#666;}
.hotProList a{float:left; height:35px; font-size:16px; text-align:center; color:#1b8fe4; background:url(../images/icon02.png) no-repeat left center; padding-left:23px;}
.hotProList .more{float:right; background:url(../images/more.png) no-repeat right center; padding-right:20px; color:#666; font-size:14px;}

.hotTit{height:36px; line-height:36px; background:url(../images/hot_title.jpg) repeat-x; font-size:14px;}
.hotTit a{float:left; width:130px; background:url(../images/hot_li_line.png) no-repeat right center; text-align:center; color:#0066CC;}
.hotTit a:hover, .hotTit a.active{height:40px; background:url(../images/hot_li_hover.jpg) no-repeat; color:#907205;}
.hotTit .more{width:110px; background:none; color:#737373;}
.hotTit .more:hover{background:none;}

.hotPro{width:785px; overflow:hidden;}
.hotProCon{width:801px; overflow:hidden; padding-bottom:20px;}
.hotProCon li{width:247px; float:left; margin:20px 20px 0 0; display:inline;}
.hotProCon img{display:block; width:245px; height:245px; border:1px solid #e4e4e4;}
.hotProCon img:hover{border:1px solid #1b8fe4;}
.hotProCon strong a{display:block; height:40px; line-height:40px; text-align:center; font-weight:normal; font-size:14px; margin-top:0px; color:#fff; background:#1b8fe4; text-align:center;}

.case{width:960px; overflow:hidden; padding-bottom:36px; background:url(../images/case_bottom.gif) no-repeat bottom center;}
.caseTit{height:36px; line-height:36px; border-bottom:1px solid #e0e0e0; text-align:center;}
.caseTit h3{font-size:18px; color:#cc0006;}
.caseTit h3 span{font-weight:normal; color:#999; font-size:14px; margin-left:10px;}
.more{float:right;}
.caseList{position:relative; width:960px; height:200px;}
#scrollCon{width:900px; position:absolute; left:30px; top:20px; overflow:hidden;}
.caseList li{float:left; width:210px; margin-right:20px;}
.caseList li img{width:208px; height:140px; border:1px solid #dedede;}
.caseList li p{height:30px; line-height:30px; text-align:center;}
.caseList .leftBtn{display:block; width:15px; height:28px; background:url(../images/left01.gif) no-repeat; position:absolute; left:0px; top:74px;}
.caseList .rightBtn{display:block; width:15px; height:28px; background:url(../images/right01.gif) no-repeat; position:absolute; right:0px; top:74px;}

.ys{padding:30px 0;}
.ysTit{height:120px; background:url(../images/ys_title.gif) no-repeat; text-align:center; }
.ysTit h3{width:440px; font-size:36px; line-height:36px; background:#1b8fe4; padding-top:30px; color:#fff; margin:0 auto;}
.ysTit span{display:block; font-size:16px; font-weight:normal;}
.ysCon01{background:url(../images/ys1.jpg) no-repeat right 40px; padding-right:500px; padding-left:20px;}
.ysCon02{background:url(../images/ys2.jpg) no-repeat left 40px; padding-left:440px; padding-right:20px;}
.ysCon dl{margin-top:30px;}
.ysCon dl dt{height:94px; line-height:94px; font-size:38px; color:#910506; font-weight:bold; padding-left:75px;}
.ys01{background:url(../images/01.jpg) no-repeat left center;}
.ys02{background:url(../images/02.jpg) no-repeat left center;}
.ys03{background:url(../images/03.jpg) no-repeat left center;}
.ys04{background:url(../images/04.jpg) no-repeat left center;}
.ysCon dl dd{font-size:14px; line-height:24px; margin-top:10px; padding-left:75px;}

.box{background: url(http://img.tutu0.com/sufav/bj1.jpg) no-repeat;padding:30px 0;line-height: 400px;height: 400px;}
.about{width:620px; overflow:hidden;}
.aboutCon{padding:10px 0; font-size:14px;line-height:32px;}
.aboutImg{width:260px; height:195px; margin-right:10px; margin-top:5px;}
.recomPro{width:395px;}
.recomProCon{width:395px; height:300px; margin-top:10px;}
.recomProCon img{width:395px; height:300px;}

.title01{height:45px; line-height:45px; border-bottom:1px solid #999; overflow:hidden;}
.title01 h3{float:left; height:44px; font-size:16px;}
.title01 h3 i{float:left; margin-right:10px; width:45px; height:45px; line-height:45px; background:#1b8fe4; text-align:center; color:#fff; font-size:42px; font-weight:normal;}
.title01 h3 strong{float:left; font-size:20px; height:20px; line-height:20px; margin-top:3px;}
.title01 h3 span{display:block;font-size:16px; height:25px; line-height:25px; color:#1b8fe4; font-family:Impact; font-weight:normal;}
.title01 .more{float:right; background:url(../images/more.png) no-repeat right center; padding-right:20px; color:#666; font-size:14px;}

.news{width:340px; margin-right:22px;}
.newsList{padding:10px 0;}
.newsList li{height:35px; line-height:35px; border-bottom:1px dashed #b0b0b0; background:url(../images/icon03.gif) no-repeat left center; vertical-align:middle;}
.newsList li a{float:left; margin-left:20px; display:inline;}
.newsList li span{float:right; color:#666;}
.indexContact{width:305px; overflow:hidden;}
.indexContact .contactTxt{padding:5px; font-size:14px; line-height:26px; background:#fff;} 
.indexContact .contactTxt p{padding:5px; } 
.title02{height:35px; line-height:35px; border-bottom:2px solid #ccc;}
.title02 h3{float:left; height:35px; font-size:16px; text-align:center; color:#1b8fe4; background:url(../images/icon02.png) no-repeat left center; padding-left:23px;}
.title02 .more{float:right; background:url(../images/more.png) no-repeat right center; padding-right:20px; color:#666; font-size:14px;}

.footer{font-size:14px; background:#1b8fe4; padding:20px 0; color:#fff;}
.footer a{margin:0 15px; color:#fff;}
.footer a:hover{text-decoration:underline;}
.footerNav{height:40px; line-height:40px; text-align:center; background:#3c0000;}
.footerNav a{color:#fff; margin:0 15px;}
.copy{padding:10px 0; text-align:center; line-height:30px;}

.flink{background:#ededed; padding:5px 0;}
.flinkTit{height:35px; line-height:35px; border-bottom:1px solid #ddd9d9;}
.flinkTit h3{font-size:14px; color:#333; font-weight:normal;}
.flinkCon{padding:10px 0; font-size:14px;}
.flink a{margin:0 5px; color:#666;}

/*单页*/
.sidebar,.sideContact{width:230px; overflow:hidden;}
.sideContact .contactTxt{border:1px solid #ccc; padding:10px; font-size:14px;}
.main{width:785px; overflow:hidden; margin-bottom:0px;}
.mainType{height:36px; line-height:36px;  margin-bottom:10px; border:1px solid #ccc; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; padding:0 10px; margin-bottom:10px;}
.mainCon{border:1px solid #ccc; -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
.mainCon .mainConTxt{padding:10px; font-size:14px;}
.mainCon .mainConTxt p{line-height:40px;font-size: 14px;}
.mainCon .mainConTxt span{  border-color: #db0f00;border-width: 1px;line-height:40px;font-size: 14px;}
/*文章列表页*/
.mainNewsList{padding:10px;}
.mainNewsList li{height:40px; line-height:40px; overflow:hidden; background:url(../images/icon04.gif) no-repeat left center; vertical-align:middle; border-bottom:1px dashed #ccc;}
.mainNewsList li a{float:left; margin-left:10px; display:inline; font-size:14px;}
.mainNewsList li span{float:right;}

/*产品列表页*/
.mainProList{overflow:hidden; padding-bottom:20px;}
.mainProList li{width:236px; float:left; margin:18px 0 0 18px; display:inline;}
.mainProList li img{display:block; width:235px; height:235px; border:1px solid #d3cfcf;}
.mainProList li strong a{display:block; height:15px; line-height:20px; text-align:center; font-weight:normal; font-size:14px; margin-top:10px;}

/*案例列表页*/
.mainProList1{overflow:hidden; padding-bottom:20px;}
.mainProList1 li{width:222px; float:left; margin:10px 0 0 20px; display:inline;}
.mainProList1 li img{display:block; width:220px; height:160px; border:1px solid #d3cfcf;}
.mainProList1 li strong a{display:block; height:20px; line-height:20px; text-align:center; font-weight:normal; font-size:14px; margin-top:10px;}

/*内容页*/
.mainConTit{height:30px; line-height:30px; text-align:center; font-size:20px; padding:10px 0 20px 0; border-bottom:1px dashed #ccc;}
.mainConAuthor{height:30px; line-height:30px; margin-bottom:0px; text-align:center; }
.mainConAuthor span{margin:0 20px; color:#aaa;}
.mainPic{font-size:14px; overflow:hidden; padding:10px 0;}
.image{width:340px; height:230px; overflow:hidden; margin-right:20px; border:1px solid #ccc;}
.image img{display:block; width:340px; height:230px;}
.imgTxt{width:324px; overflow:hidden;}
.imgTxt .mainConTit{padding:0 0 10px; font-size:16px; text-align:left; color:#102e59; font-weight:bold;}
.imgTxt p{margin-top:10px; line-height:26px;}
.article{margin:20px auto; height:30px; line-height:30px; border-bottom:2px solid #1b3e98;}
.article h3{width:100px; height:30px; font-size:16px; background:#1b3e98; color:#fff; text-align:center; font-weight:normal;}
.content{font-size:14px;}
.pagination{display:block; height:20px; line-height:20px; font-weight:normal; font-size:14px; padding:10px 0; margin-top:10px; border-top:1px dashed #ccc;}

.mainNews,.mainPro{border:1px solid #ccc;}
.mainNews h3,.mainPro h3{height:38px; line-height:38px; border-bottom:1px solid #1b8fe4; color:#1b8fe4; text-indent:20px; font-size:16px;}
.mainNews ul{padding:10px 0;}
.mainNews li{float:left; width:47%; height:32px; line-height:32px; margin:0 0 0 15px; /* border-bottom:1px dashed #ccc; */ overflow:hidden; background:url(../images/icon04.gif) no-repeat left center; vertical-align:middle;}
.mainNews li a{float:left; margin-left:10px; display:inline; font-size:14px;}
.mainNews li span{float:right;}
.mainPro ul{padding-bottom:30px;}
.mainPro ul li{width:236px; float:left;margin: 18px 0 0 18px; display:inline;}
.mainPro ul li img{display:block; width:235px; height:235px; border:1px solid #d3cfcf;}
.mainPro ul li strong a{display:block; height:15px; line-height:20px; text-align:center; font-weight:normal; font-size:14px; margin-top:10px;}

/*分页*/
.paging {clear:both; font:0px/0 "Microsoft Yahei"; padding:30px 0; text-align:center;}
.paging a,.paging strong {background-color:#FFFFFF; border:1px solid #DDDDDD; border-radius:0; color:#333; display:inline-block; font-size:14px; font-weight:normal; height:28px; line-height:28px; margin:0 2px; overflow:hidden; padding:0 10px; width:auto;}
.paging a.prev,.paging a.next {font-size:14px; font-weight:normal;}
.paging a:hover,.paging .absolutepage,.paging span {background-color:#1b8fe4; color:#FFFFFF;}
.paging .total {border:0 none;}
.paging .total b {color:#1b8fe4; font-weight:normal; margin:0 3px;}
.paging span {background-color:#FFFFFF; border:1px solid #DDDDDD; border-radius:0; color:#333; display:inline-block; font-size:14px; font-weight:normal; height:28px; line-height:28px; margin:0 2px; overflow:hidden; padding:0 10px; width:auto;}
.paging select{height:28px;}


table,tbody,tr,th,td,p,{height:5px;background:transparent;border:0;font-size:10px;margin:0;outline:0;padding:0;vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
td{ height:5px;text-align:center;}
tr{ height:5px;text-align:center;}
/* -- 客服css -- */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat top;}
.toolbar{position:fixed;right:0px;bottom:190px;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}