﻿@charset "utf-8";
/**通用样式开始**/
body { width:100%;font-family: Microsoft Yahei,"微软雅黑"; font-size: 13px; color: #333; margin: 0px; padding: 0px;}
a { text-decoration: none; color:#333;}
a:hover {color:#005AA0; }
img { border:0px; }
*{ margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit;  text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing:border-box;}
a img, iframe{ border:none;}
ol, ul{ list-style:none;}
ul,li{list-style:none;}
input[type="button"]{-webkit-appearance: none;}
em,i{ text-overline-style: none;}
.cl{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.warp{ float:left; width:100%;}
.warp-in{ width:1200px;float:none; margin:0 auto;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt50{ margin-top:50px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.bgf7{ background:#f7f7f7;}
/**通用样式结束**/
h1.maintit{ border-bottom: 1px solid #ccc; float:left; width:450px; height:50px; line-height:22px; }
h1.maintit span{float:left; font-size:16px;  padding-left:50px; line-height: 40px; color:#262626;}
h1.maintit em{font-size:12px; color:#979797; height:22px; line-height:24px; font-weight:400;}
h1.maintit a{ float: right; font-size:16px; color:#999; padding-right:20px; line-height: 45px;}
h1.maintit a:hover{color:#0E3059;}
.tub1{ background:url(../images/server-01.jpg) left top no-repeat;}
.tub2{ background:url(../images/server-02.jpg) left top no-repeat;}
.tub3{ background:url(../images/server-03.jpg) left top no-repeat;}
.tub5 dl dd p{ background: url(../images/2_16.png) left center no-repeat; padding-left: 20px;}
.tub6 dl dd p{ background: url(../images/2_15.png) left center no-repeat;padding-left: 10px;}
/*top*/
.topban{ height:80px; background:url(../images/topban.jpg) no-repeat center top;}
.topban .btn{ float:right; margin-top:30px; margin-right:30px; width:17px; height:17px; background:url(../images/topban-close.png) no-repeat center center;}

.welcome{ height:30px; line-height:29px; *height:29px; background:#f5f4f2; border-bottom:solid 1px #d5d5d5;}
.welcome .fl{ width:195px;}
.welcome .login{ float:left;}
.welcome .login li{ float:left; margin-right:15px;}
.welcome .msg{ float:right;}
.welcome .msg li{ float:left; margin-left:15px;}

.topmid{ height:120px; background: url(../images/top-bg.jpg) repeat-x;}
.topmid .warp-in{ height:120px; }
.topmid .logo{ float:left; margin-left:24px; margin-top:20px; width:800px;}
.topmid .logo-left{ float:left;  width:73px; height: 82px; margin-right: 15px;}
.topmid .logo-right span{font-size: 45px; font-family: arial; line-height: 50px;}
.topmid .logo-right a{float:left; 
font-size: 18px;

color:#000000;
 font-family: arial;

}


.topmid .search{ float:right; margin-top:45px; width:300px; height:30px;}
.topmid .search input{transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;}
.topmid .search input[type="text"]{ width: 200px; line-height: 30px; float:left; height:30px; padding-left:36px; background:url(../images/searchico.png) no-repeat left center; background-color:#fff; }
.topmid .search input[type="submit"]{ float:left; width:80px; height:30px; background:#3a9bd7; color:#fff; cursor:pointer;}

@media screen and (max-width:1200px){
.topmid{ width: 1200px; height:120px; background:url(../images/top-bg.jpg) center left repeat-x; }

}
/*导航栏*/
.v{ background:url(../images/v-icon.png) 95% center no-repeat; }
#nav { background:#fff; float:left; width: 1200px;}
#nav ul {height:40px; }
#nav ul li{float: left; position: relative; display: inline-block; height:40px;z-index:9999;  padding-left:27px; padding-right:27px;

}
#nav>ul>li:hover {text-decoration: none; height:40px;  background:#3a9bd7;}
#nav ul li a {display:block; text-align:center;line-height:40px;font-size:14px;text-decoration: none; width: 100%; font-weight: 800;}
#nav ul li:hover>a {text-decoration:none; background:#3a9bd7;width:100%; color:#fff;}
#nav ul li:hover ul {visibility: visible; display: block;}
#nav ul li ul { background:#3a9bd7;visibility: hidden;position: absolute;z-index:999;left:0px;padding:0px;height:auto;width:250px; border:0px; display: block; }
#nav ul li ul li {clear:left;background:#2276ab; width:100%;}
#nav ul li ul li a{color:#fff; width: 100%;}
#nav ul li ul li:hover {text-decoration:none; background:#206590;width:100%;}
#nav ul li ul li:hover>a {text-decoration:none; background:#206590;color:#fff;width:100%;}


/*foot*/
.foot{ background:#292a33; padding:40px 0;}
.footlist{ float:left; border-right:solid 1px #3e3e3e; padding-right:40px;}
.footlist dl{ float:left; margin-left:52px;}
.footlist dl dt{ font-size:14px; line-height:24px; margin-bottom:10px; font-weight:700;}
.footlist dl dt a{ color:#fff;}
.footlist dl dt a:hover{ text-decoration:underline;}
.footlist dl dd{ font-size:13px; line-height:24px;}
.footlist dl dd a{ color:#999;}
.footlist dl dd a:hover{ text-decoration:underline;}
.foot-ctc{ float:left; margin-left:50px;}
.foot-ctc h1{ font-size:30px; height:55px; line-height:45px; color:#fff; padding-bottom:10px;}
.foot-ctc h1 span{ font-size:12px; height:25px; line-height:25px; color:#999; padding-top:20px;}
.foot-ctc ul li{ float:left; margin-right:15px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;}
.foot-ctc ul li:hover{ filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;}

@media screen and (max-width:1200px){
.foot{ width: 1200px; background:#292a33; padding:40px 0;}
.footbtn{ width: 1200px;}
}

/*footbtn*/
.footbtn{ text-align:center; background:#333;}

.footbtn p{ height:42px; line-height:42px; font-size:14px; color:#fff;}

/*float*/
.float-tit{ position:fixed; left:0px; bottom:113px; width:147px; height:97px; background:url(../images/float_tit.png) no-repeat center center; z-index:9999;}
.float{ position:fixed; left:0; bottom:-113px; background: rgba(0,0,0,.69); background: #000\0; height: 113px; width: 100%; filter: alpha(opacity=69); z-index:9999;}
.float .warp-in{ position:relative; height:113px; background:url(../images/float_img.png) no-repeat 150px center;}
.float .bookbox{ float:right; margin-right:60px; background:#262626; width:290px; height:113px; padding:18px 0;}
.float .closebtn{ position:absolute; right:0; top:10px; width:35px; height:35px; border-radius: 35px; background:url(../images/closebtn.png) no-repeat center center; background-color: rgba(0,0,0,.4);}
.float .bookbox ul{ float:left; width:260px; margin:0 14px;}
.float .bookbox ul li{ float:left; width:100%; margin-bottom:7px; position:relative;}
.float .bookbox ul li label{ float:left; width:40px; height:35px; border:1px solid #e5e5e5; border-radius:4px 0 0 4px;}
.float .bookbox ul li.tel label{ background:url(../images/footer_ico_01c19e7.png) no-repeat 9px 5px #fafafa;}
.float .bookbox ul li.name label{ background:url(../images/footer_ico_01c19e7.png) no-repeat 9px -37px #fafafa;}
.float .bookbox ul li input[type="text"]{ float:left; width:220px; *width:212px; padding-left:8px; height:35px; line-height:35px; border:solid 1px #e5e5e5; border-left:0; border-radius:0 4px 4px 0;}
.float .bookbox ul li.name input[type="text"]{ width:100px;}
.float .bookbox ul li input[type="submit"]{width: 93px;background-color: #f60;border: 1px solid #f60;border-radius: 4px;height: 35px;color: #fff;font-size: 14px;font-weight: 400;line-height: 33px;text-align: center;float: right; cursor:pointer;}
.float .bookbox ul li input[type="submit"]:hover{ background-color:#ff9400; border: 1px solid #ff9400;}


/* case */
.case{height:400px;overflow:hidden;width:872px;}
.case_box{position:relative;width:872px;height:400px;overflow:hidden}
.case_box p{z-index:2;position:absolute;text-indent:-9999px;width:60px;height:60px;top:40%;cursor:pointer}
.case_box .prev{text-indent:-9999px;background:url(../images/previous.png) no-repeat;left:40px}
.case_box .next{background:url(../images/next.png) no-repeat;top:40%;right:40px}
.case_box ul{position:absolute;height:400px;overflow:hidden;top:0px;left:0px}
.case_box ul li{width:872px;float:left;height:400px}
.case_box ul li dl.case_info{ position:absolute; bottom:0;line-height:45px;width:872px;zoom:1;color:#616741;font-size:13px;overflow:hidden; background: rgba(0,0,0,0.5); color:#fff; height:45px; font-size:18px;}
.case_box ul li dl.case_info dd{text-indent:26px}

.case_box ul li.case_1{background:url(../images/banner1.jpg) no-repeat center top}
.case_box ul li.case_2{background:url(../images/banner1.jpg) no-repeat center top}
.case_box ul li.case_3{background:url(../images/banner1.jpg) no-repeat center top}
.case_box ul li.case_4{background:url(../images/banner1.jpg) no-repeat center top}


.case_box ul li.case_2 dl{margin-top:150px}
.case_box ul li.case_3 dl{margin-top:135px}
.case_box ul li.case_4 dl{margin-top:110px}


.case_info_add dd{line-height:22px; }

.case_box ol{position:absolute;bottom:15px;left:90%;margin:0 0 0 -65px;height:16px;z-index:99;}
.case_box ol li{float:left;margin:0 4px;display:inline;width:16px;height:16px;line-height:999em;background:url(../images/pagination.png) no-repeat;overflow:hidden;cursor:pointer;}
.case_box ol li.active{background-position:0 -15px;}
.casefr a{ float:left; width:318px; height:400px; margin-left:10px;}
.casefr span{ position:absolute ;width:318px; height:66px; background:url(../images/case01black.png) no-repeat left top; top:494px; font-size:18px; color:#fff; padding-left:20px; line-height:25px; padding-top:10px;}
.casefr img{  position:absolute;}

.merquee01 ul li{ float:left; width:110px; margin:auto 6px;}
.merquee01 ul { height:134px; margin-left:-2400px;}
.merquee01 { width:1200px; overflow:hidden;}


.footban{  width:1200px; height:156px;}
.sliderimg{ float:left; width:100%; margin-top:6px; position:relative;}
 .sliderimg .hot_box{ float:left; width:100%; position:relative; margin-top:10px;}
 .sliderimg .hot_box .hot_box_in{ float:left; width:100%; overflow:hidden;}
 .sliderimg .navarrow{ position:absolute; left:8px; top:50px;}
 .sliderimg .navyou,.content .sliderimg .navright{ left:auto; right:8px;}
 .sliderimg dl{ float:left; width:110px; margin-right:20px;}
 .sliderimg dl dt{ float:left; width:110px; height:110px;}
 .sliderimg dl dt img{ float:left; width:110px; height:110px;}
 .sliderimg dl dd{ float:left; width:110px; font-size:13px; line-height:22px; height:22px; overflow:hidden; text-align:center;}
 .sliderimg dl dd a{ color:#3a9bd7;}
 
 /*foot-bg*/

.foot{ background:#333; border-bottom:1px solid #484848; margin-top:20px;}
.foot-top li{float:left; font-size:12px; color:#fff; width:300px;}
.foot-top{ float:left;width:1200px;}
.foot-top01{ background:url(../images/icon-01.jpg) left center no-repeat; }
.foot-top02{ background:url(../images/icon-02.jpg) left center no-repeat;}
.foot-top03{ background:url(../images/icon-03.jpg) left center no-repeat;}
.foot-top04{ background:url(../images/icon-04.jpg) left center no-repeat;}
.foot-top span{ margin-left:50px;}


/*articlebox*/
.content .mainbox2 .articlebox{ float:left; width:880px; margin:25px 30px;}
.content .mainbox2 .articlebox h1{ float:left; width:880px; font-size:18px; line-height:35px; color:#333; text-align: center;}
.content .mainbox2 .articlebox h2{width:880px;  text-align: center; float:left; width:100%; font-size:14px; line-height:30px; color:#666; background: #f4f4f4;}
.content .mainbox2 .articlebox h2 span{ padding-right:15px;}
.content .mainbox2 .articlebox .main{ float:left; width:100%; font-size:14px; line-height:30px; color:#333; margin:25px 0;}

.content .mainbox2 .articlebox .main>p>img{ float : left;width:260px; height: 280px; margin-right: 40px; margin-bottom: 40px;}
.content .mainbox2 .articlebox .prenext{ float:left; width:100%;}
.content .mainbox2 .articlebox .prenext li{ float:left; width:50%; font-size:14px; line-height:30px; color:#333;}
.content .mainbox2 .articlebox .prenext li a{ color:#333;}
.content .mainbox2 .articlebox .prenext li.next{ text-align:right;}




@charset "utf-8";

/*server*/
.server .list{ float:left; width:388px; background:#ececec; margin:25px 18px 25px 0; position:relative; background: ;}
.server .mr0{ margin-right:0;}
.server .list h2{ float:left; width:388px; *width:358px; height:50px; line-height:50px; font-size:16px; color:#333; padding-left:30px; border-bottom:solid 1px #d7d7d7;}
.server .list .cl{ position:absolute; top:200px; width:388px; border-bottom:dotted 1px #d6d6d6;}
.server .list ul{ float:left; width:388px;}
.server .list ul li{ float:left; width:129px; margin:25px 0 10px 0;}
.server .list ul li .img{ float:left; width:129px; text-align:center;}
.server .list ul li .img img{ width:80px; height:80px;}
.server .list ul li .text{ float:left; width:129px; text-align:center; font-size:13px; line-height:32px;}

/*xuqiu*/
.xuqiu .left{ float:left; width:780px;}
.xuqiu .right{ float:right; width:380px;}
.xuqiu ul{ float:left; width:100%; background:#fff; margin:30px 0; padding:30px 0;}
.xuqiu ul li{ padding-left:30px; font-size:14px; line-height:36px; overflow:hidden;}
.xuqiu ul li span{ color:#0066CC; padding-right:16px;}
.xuqiu ul li a:hover{ text-decoration:underline;}
.xuqiu .left li{ float:left; width:390px; *width:360px;}
.xuqiu .right li{ float:left; width:380px; *width:350px;}

/*cases*/
.cases .list{ float:left; width:1200px; margin:30px 0;}
.cases .list h3{ float:left; width:285px; height:505px;}
.cases .list h3 img{ float:left; width:285px; height:505px;}
.cases .list ul{ float:left; width:915px; height:505px;}
.cases .list ul li{ float:left; width:285px; margin-left:20px;}
.cases .list ul li .img{ float:left; width:285px; height:214px; border:solid 1px #ccc; overflow:hidden;}
.cases .list ul li .img img{ float:left; width:283px; height:212px;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.cases .list ul li .img:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);}
.cases .list ul li p{ float:left; width:285px; height:35px; line-height:35px; font-size:14px; text-align:center; margin-bottom:5px;}
.cases .list ul li:hover p a{ text-decoration:none; color:#0066CC;}

/*news*/
.news{ padding:27px 0;}
.news .newslist{ float:left; width:480px; background:#fff; min-height:410px; margin-right:10px;}
.news h1.maintit{ margin-bottom:8px;}
.news .qalist{ position: relative; float:left; width:220px; background:#f2f2f2; height:410px; overflow:hidden;}
.news .qalist h1
{
	float: left;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	font-weight: bold;
	color: #3a9bd7;
	border-bottom:2px dashed #CCC; line-height:40px; text-align:center; 
	width:200px; margin-left:10px;
	height: 50px;
	
}
.news .qalist h1 span{float: left;	text-shadow: 0 0 5px #fff, 0 2px 1px #0e3059;
}
.news .qalist h1 a{ float: right;color: #999; font-size: 14px;}

.news .newslist dl{ float:left; width:480px; padding:17px 0; border-bottom:1px dashed #ccc;}
.news .newslist dl dt{ float:left; height:82px;}
.news .newslist dl dt span{ float:left; width:70px; height:70px; border:1px solid #dedede;}
.news .newslist dl dt span i{ height:34px; width:68px; background:#3a9bd7; float:left;font-size: 20px;color: #fff; line-height:34px; text-align: center;}
.news .newslist dl dt span em{ height:34px;width:68px; background:#fff; float:left;font-size: 14px;color: #3a9bd7; line-height:34px; text-align: center;}
.news .newslist dl dt img{ float:left; width:121px; height:90px;}
.news .newslist dl dd{ float:left; width:330px; height:82px; margin-left:8px;}
.news .newslist dl dd span{ float:left;font-size: 12px;color: #3a9bd7; height:10px; margin-top:0px;}
.news .newslist dl dd h1{ float:left; width:330px; font-size:14px; overflow: hidden; line-height:20px; margin-bottom:4px; height:auto; overflow:hidden;}
.news .newslist dl dd h1 a{	font-family: "Microsoft YaHei";font-size: 14px;color:#0066CC;}
.news .newslist dl dd h1 a:hover{	font-family: "Microsoft YaHei";font-size: 14px;color:#0066CC;}
.news .newslist dl dd p{ float:left; width:330px; font-size:13px; overflow: hidden; line-height:18px;}
.news .newslist dl dd p{font-size: 12px;color: #888;}
.news .newslist dl dd p a{ float : left;color:#999; width: 326px; height: 39px; font-size: 12px; overflow: hidden;}
.news .newslist dl dd p:hover  a{ color: #206590;}
.news .newslist dl:hover dd h1 a{ color:#0E3059; text-decoration:none;}
.news .newslist dl:hover dd p a{ color:#0066CC;text-decoration:none;}
.news .newslist ul{ float:left; width:354px; margin:0 16px; padding-bottom:15px;}
.news .newslist ul li{ float:left; width:354px; border-top:dotted 1px #ccc;}
.news .newslist ul li h1{ float:left; width:354px; line-height:42px; font-size:14px;}
.news .newslist ul li p{float:left; width:354px; font-size:13px; overflow: hidden; line-height:18px; margin-bottom:15px;}
.news .newslist ul li p a{color:#999;}
.news .newslist ul li:hover h1 a{ color:#0E3059; text-decoration:none;}
.news .newslist ul li:hover p a{ text-decoration:none;}

.news div.announcements dl dd h1 a{font-size: 16px;color: #2f2f2f;}
.news div.announcements dl dd span{font-size: 12px;color: #999; margin-top:0; margin-bottom:8px;}
.news div.announcements dl dd p a{font-size: 14px;color: #666; }
.news div.announcements dl dd p{width:395px; overflow:hidden;}
.news div.announcements dl dd h1 a:hover{ color:#3a9bd7;}
.news div.announcements dl dd p a:hover{ color:#3a9bd7;}
.news div.announcements dl { border:none;}

/*图片列表页面*/
.imglistbanner{width:100%; height: 180px; overflow: hidden; position: relative;}
.imglistbanner img{width:1920px; height: 180px;}
@media screen and (max-width:1200px){
.imglistbanner{width:1200px; height: 180px; overflow: hidden;}
.imglistbanner img{ margin-left: -30%;}
}
.imglistbanner .imgfont{ position: absolute; left: 38%;}
.imglistbanner .imgfont span{ float :left;font-size:30px ; color: #fff; line-height: 180px; text-align: center; width: 500px; margin: auto;}

/*index content*/

.content .leftbar{ float:left; width:250px; background:#fff; }
.content .leftbar dt{line-height:75px; text-align:center;  width:250px; background:#3a9bd7; height: 75px; margin-bottom: 15px;}
.content .leftbar dt b{ font-size:20px; line-height:58px; color:#fff; font-weight:800;}
.content .leftbar dd{border-bottom:solid 1px #ccc; width:250px; height: 50px;}
.content .leftbar dd a{ float:left; width:100%; line-height:50px;   font-size: 18px;color:#323232; padding-left: 20px;}
.content .leftbar dd:hover a{ text-decoration:none; background:#3a9bd7; color:#fff;}
.content .leftbar dd p{ float:left; width:100%; font-size:14px; color:#fff; line-height:30px; padding:10px 0 150px 24px;}

/*newslist*/
.content .newslist{ float:left;width:950px;
  background-color: rgb( 255, 255, 255 );
  box-shadow: 2px 3.464px 16px 0px rgb( 192, 192, 192 );

}
.content .newslist .listlist{ float:left; width:100%; padding:25px 30px;}
.content .newslist .listlist dl{ float:left; width:95%; height:210px; border:solid 1px #ddd; margin-bottom:10px; position:relative;}
.content .newslist .listlist dl dt{ position:absolute; left:25px; top:25px; width:160px; height:160px;}
.content .newslist .listlist dl dt img{ float:left; width:100%; height:100%;}
.content .newslist .listlist dl dd{ float:left; width:75%; margin:35px 12px 12px 225px;}
.content .newslist .listlist dl dd h1{ float:left; width:100%; font-size:17px; line-height:32px;}
.content .newslist .listlist dl dd h1 a{ color:#323232; font-size: 20px;}
.content .newslist .listlist dl dd p{ float:left; width:90%; line-height:30px; color:#666; margin:10px 0; height:90px; overflow:hidden;font-size: 14px;color: #032322;}
.content .newslist .listlist dl dd h2{ float:left; width:100%;}
.content .newslist .listlist dl dd span{ font-family: "Microsoft YaHei";font-size: 14px;color: #808080;}

/*pagelist*/
.content .mainbox2 .pagelist{ float:left; width:40%; text-align:center; padding-bottom:35px; margin-left:30%;}
.content .mainbox2 .pagelist li{ float:left;margin:0 2px;}
.content .mainbox2 .pagelist li a,.content .mainbox .pagelist li span{ line-height:22px; font-size:13px; padding:3px 8px; border:solid 1px #dbdbdb; color:#333; text-decoration:none; border-radius:3px;}
.content .mainbox2 .pagelist li a:hover,.content .mainbox2 .pagelist li span{ border:solid 1px #3a9bd7; color:#fff; background:#3a9bd7;}

/*newslist*/
.content .newslist{ float:left;width:950px;}
.content .newslist .listlist2{ float:left; width:100%; padding:25px 30px;}
.content .newslist .listlist2 dl{ width:900px; height:30px; margin-bottom:10px; line-height: 30px;}
.content .newslist .listlist2 dl dt{ position:absolute; left:25px; top:25px; width:160px; height:30px;}
.content .newslist .listlist2 dl dt img{ float:left; width:100%; height:100%;}
.content .newslist .listlist2 dl dd{ float:left; width:875px;  }
.content .newslist .listlist2 dl dd h1{ float:left; width:100%; font-size:17px; line-height:32px;}
.content .newslist .listlist2 dl dd h1 a{ color:#323232; font-size: 20px;}
.content .newslist .listlist2 dl dd p{ float:left; width:80%; line-height:30px; color:#666; margin:10px 0; height:30px; overflow:hidden;font-size: 14px;color: #032322;}
.content .newslist .listlist2 dl dd h2{ float:left; width:100%;}
.content .newslist .listlist2 dl dd span{ float: right; font-family: "Microsoft YaHei";font-size: 14px;color: #808080;line-height:30px; color:#666; margin:10px 0; height:30px;}



.newslist2 h1.maintit{ margin-bottom:8px; width: 100%;}
.newslist2 .qalist{ float:left; width:220px; background:#f2f2f2; height:400px; overflow:hidden;}



@charset "utf-8";
/*content*/
.content{ float:left; width:100%; background:#f7f7f7;}
.position{ float:left; width:100%; margin:20px 0; font-size:14px; line-height:28px;}
.position a,.position span,.position em{ padding:0 10px; }
.position b{ float:left; font-weight:400;}
.position em input[type="text"]{ float:left; padding-left:8px; width:180px; *width:172px; height:28px; *height:26px; line-height:26px; border:solid 1px #ccc; border-right:0;}
.position em input[type="submit"]{ float:left; width:50px; height:28px; line-height:28px; border:0; background:url(../images/posch.png) no-repeat center center #ccc; cursor:pointer;}

/*服务商列表*/
.content .leftbox{ float:left; width:840px;}
.content .leftbox-a{ width:900px;}
.content .leftbox .chose{ float:left; width:840px; *width:806px; padding:16px; background:#fff; border:solid 1px #ccc;}
.content .leftbox-a .chose{ width:900px; *width:866px;}
.content .leftbox .chose dl{ float:left; width:100%; padding:5px 0; border-top:dotted 1px #ebebeb;}
.content .leftbox .chose dl:first-child{ border-top:0;}
.content .leftbox .chose dl dt{ float:left; width:85px; line-height:20px; padding:5px 0;}
.content .leftbox .chose dl dd{ float:left; width:721px; line-height:20px;}
.content .leftbox-a .chose dl dd{width:781px;}
.content .leftbox .chose dl dd a{ float:left; padding:0 8px; margin:5px 0; margin-right:15px; color:#999; margin-bottom: 5px;}
.content .leftbox .chose dl dd a:hover,.content .leftbox .chose dl dd a.cur{ background:#ec2828; color:#fff;}

.content .leftbox .faclist{ float:left; width:840px; *width:800px; margin-top:20px; padding:19px; background:#fff; border:solid 1px #ccc;}
.content .leftbox .faclist a:hover{ text-decoration:underline;}
.content .leftbox .faclist dl{ float:left; width:800px; padding:20px 0; border-bottom:solid 1px #dfdfdf;}
.content .leftbox .faclist dl dt{ float:left; width:100px; height:100px;}
.content .leftbox .faclist dl dt img{ float:left; width:100px; height:100px;}
.content .leftbox .faclist dl dd{ float:left; margin-left:30px; width:670px;}
.content .leftbox .faclist dl dd h1{ float:left; width:100%; height:30px; line-height:30px;}
.content .leftbox .faclist dl dd h1 a{ float:left; font-size:14px;}
.content .leftbox .faclist dl dd h1 span{ float:left; margin-left:10px; padding-left:22px; background:url(../images/level.png) no-repeat left center; color:#0066CC; font-size:15px;}
.content .leftbox .faclist dl dd p{ float:left; width:100%; height:28px; line-height:28px; overflow:hidden;}
.content .leftbox .faclist dl dd p a{ float:left; color:#999; padding-right:8px;}
.content .leftbox .faclist dl dd p a:hover{ color:#0066CC;}
.content .leftbox .faclist dl dd h2{ float:left; width:100%; height:22px; line-height:22px; margin-top:12px; font-weight:400;}
.content .leftbox .faclist dl dd h2 a{ float:left; color:#fff; padding:0 15px; border-radius:22px; margin-right:8px; font-size:12px;}
.content .leftbox .faclist dl dd h2 a:hover{text-decoration:none;}
.content .leftbox .faclist dl dd h2 a.shop{ background:#f05252;}
.content .leftbox .faclist dl dd h2 a.kefu{ background:#51b8eb;}
.content .leftbox .faclist dl dd h2 a.shop:hover{ background:#F33535;}
.content .leftbox .faclist dl dd h2 a.kefu:hover{ background:#16A4EA;}

.content .leftbox .faclist .pagelist a:hover{ text-decoration:none;}
.pagelist{ float:left; width:100%; margin:25px 0 5px;}
.content .newsbox .newsright .pagelist{ float:left; width:870px; margin-right:28px; margin-bottom:30px;}
.pagelist ul{ float:right;}
.pagelist ul li{ float:left; height:26px; margin-left:8px;}
.pagelist ul li a{ float:left; height:26px; *height:24px; line-height:24px; padding:0 8px; color:#666; border:solid 1px #dfdfdf;}
.pagelist ul li span{ float:left; height:26px; *height:24px; line-height:24px; padding:0 8px;}
.pagelist ul li em{ float:left; height:26px; *height:24px; line-height:24px; padding:0 8px;}
.pagelist ul li a:hover,.pagelist ul li span{ background:#fb4343; color:#fff; border:solid 1px #ec2828;}
.pagelist ul li input[type="text"]{ float:left; width:38px; background:#fff; height:26px; *height:24px; line-height:24px; padding:0 8px; border:solid 1px #dfdfdf;}
.pagelist ul li input[type="submit"]{ float:left; background:#f4f4f4; height:26px; *height:24px; line-height:24px; padding:0 8px; border:solid 1px #dfdfdf; cursor:pointer; color:#333;}
.pagelist ul li input[type="submit"]:hover{ background:#fb4343; color:#fff; border:solid 1px #ec2828;}

.content .rightbox{ float:right; width:340px;}
.content .rightbox-a{ float:right; width:280px;}
.content .rightbox .fac-recom{float:left; width:340px; *width:338px; background:#fff; border:solid 1px #ccc;}
.content .rightbox .fac-recom .list{ float:left; padding:0 20px 50px; width:298px;}
.content .rightbox .fac-recom .list dl{ float:left; width:298px; padding-top:40px;}
.content .rightbox .fac-recom .list dl dt{ float:left; width:84px; height:84px;}
.content .rightbox .fac-recom .list dl dt img{ float:left; width:84px; height:84px;}
.content .rightbox .fac-recom .list dl dd{ float:left; margin-left:12px; width:202px;}
.content .rightbox .fac-recom .list dl dd h1{ float:left; width:100%; height:14px; line-height:14px;}
.content .rightbox .fac-recom .list dl dd h1 a{ float:left; font-size:14px;}
.content .rightbox .fac-recom .list dl dd h1 span{ float:left; margin-left:10px; padding-left:22px; background:url(../images/level.png) no-repeat left center; color:#0066CC; font-size:15px;}
.content .rightbox .fac-recom .list dl dd p{ float:left; width:100%; height:36px; line-height:18px; font-size:12px; margin-top:6px; overflow:hidden;}
.content .rightbox .fac-recom .list dl dd p a{ float:left; color:#999; padding-right:8px;}
.content .rightbox .fac-recom .list dl dd p a:hover{ text-decoration:underline;}
.content .rightbox .fac-recom .list dl dd p a:hover{ color:#0066CC;}
.content .rightbox .fac-recom .list dl dd h2{ float:left; width:100%; height:22px; line-height:22px; margin-top:6px; font-weight:400;}
.content .rightbox .fac-recom .list dl dd h2 a{ float:left; color:#fff; padding:0 15px; border-radius:22px; margin-right:8px; font-size:12px;}
.content .rightbox .fac-recom .list dl dd h2 a:hover{text-decoration:none;}
.content .rightbox .fac-recom .list dl dd h2 a.shop{ background:#f05252;}
.content .rightbox .fac-recom .list dl dd h2 a.kefu{ background:#51b8eb;}
.content .rightbox .fac-recom .list dl dd h2 a.shop:hover{ background:#F33535;}
.content .rightbox .fac-recom .list dl dd h2 a.kefu:hover{ background:#16A4EA;}
.content .rightbox-a .fac-recom{width:280px; *width:278px;}
.content .rightbox-a .fac-recom .list{ padding:0 12px 30px; width:254px;}
.content .rightbox-a .fac-recom .list dl{ float:left; width:254px; padding-top:30px;}
.content .rightbox-a .fac-recom .list dl dt{ float:left; width:75px; height:75px;}
.content .rightbox-a .fac-recom .list dl dt img{ float:left; width:75px; height:75px;}
.content .rightbox-a .fac-recom .list dl dd{ float:left; margin-left:12px; width:167px;}
.content .rightbox-a .fac-recom .list dl dd p{ height:32px; line-height:16px; font-size:12px; margin-top:6px;}
.content .rightbox-a .fac-recom .list dl dd p a{ padding-right:5px;}
.content .rightbox .fac-recom .list dl dd h2{ height:20px; line-height:20px; margin-top:4px;}

.content .rightban{ float:right; margin:20px 0 40px;}

/*服务商店铺*/
.shop-top{ float:left; width:100%; height:45px; line-height:45px; background:#f7f7f7;}
.shop-top h1{ float:left; font-size:16px;}
.shop-top h1 a{ padding-right:15px;}
.shop-top h1 span{ padding-left:22px; background:url(../images/level.png) no-repeat left center; color:#0066CC;}
.shop-top p{ float:left; font-size:13px; margin-left:30px;}
.shop-top p span{ padding:0 5px; color:#0066CC;}
.shop-ban{ float:left; width:100%; height:120px; background-repeat:no-repeat; background-position:center top;}
.shop-nav{ float:left; width:100%; background:#da1414;}
.shop-nav ul li{ float:left; height:40px; *height:16px; padding:12px 0; background:#da1414;}
.shop-nav ul li a{ float:left; padding:0 76px; font-size:14px; line-height:16px; color:#fff; border-left:solid 1px #e84242; border-right:solid 1px #a20b0b;}
.shop-nav ul li.cur,.shop-nav ul li:hover{ background:#BF1212;}
.shop-nav ul li.cur a,.shop-nav ul li:hover a{ border-left:solid 1px #da1414;border-right:solid 1px #da1414;}
.shop-nav ul li:first-child a{ border-left:0;}
.shop-nav ul li:last-child a{ border-right:0;}

.flexslider{position:relative;height:350px;overflow:hidden; width:100%; margin:0px auto 0px; text-align:center; }
.slides{ height:350px;position:relative;z-index:1;}
.slides li{height:350px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:99999;width:400px;text-align:center; margin:0px auto 0px; left:50%; margin-left:-200px;}
.flex-control-nav li{display:inline-block;width:12px;height:12px; margin:0 7px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:12px;height:12px; box-shadow:0 0 8px #ddd; border-radius:12px; line-height:40px;overflow:hidden;background:#fff;cursor:pointer; font-size:0px;}
.flex-control-nav .flex-active{background:#0066CC;}

.shop-msg{ float:left; width:1200px; margin-top:30px;}
.shop-msg .left{ float:left; width:380px; *width:378px; height:285px; *height:283px; background:#fff; border:solid 1px #cfcfcf;}
.shop-msg .left .list{ float:left; width:378px; *width:338px; padding:28px 0 0 20px;}
.shop-msg .left .list dl{ float:left; width:348px; line-height:24px; margin-bottom:3px;}
.shop-msg .left .list dl dt{ float:left; width:42px;}
.shop-msg .left .list dl dd{ float:left; width:306px;}
.shop-msg .left .list dl dd a{ float:left; padding:0 8px; background:#eee; margin-bottom:5px; margin-right:5px; color:#333;}
.shop-msg .left .list dl dd em{ font-weight:800; padding-left:22px; background:url(../images/level.png) no-repeat left center; color:#0066CC;}
.shop-msg .left .list dl dd b{ float:left; width:20px; height:24px; background-repeat:no-repeat; background-position:left center;}
.shop-msg .left .list dl dd b.qi{ background-image:url(../images/rz-qi.png);}
.shop-msg .left .list dl dd b.tuan{ background-image:url(../images/rz-tuan.png);}
.shop-msg .left .list dl dd b.mail{ background-image:url(../images/rz-mail.png);}
.shop-msg .left .list dl dd b.mob{ background-image:url(../images/rz-mob.png);}
.shop-msg .right{ float:right; width:800px; *width:798px; height:285px; *height:283px; background:#fff; border:solid 1px #cfcfcf;}
.shop-msg .right .text{ float:left; width:798px; *width:748px; line-height:26px; padding:25px;}
.serlist{ float:left; width:1200px; margin-top:20px;}
.serlist dl{ float:left; width:224px; height:310px; background:#fff; margin-left:20px; margin-top:30px; box-shadow:0 0 8px #d8d8d8;}
.serlist dl.ml0{ margin-left:0;}
.serlist dl dt{ float:left; width:224px; height:220px;}
.serlist dl dt img{ float:left; width:224px; height:220px;}
.serlist dl dd{ float:left; width:224px; width:194px; height:90px; height:60px; padding:15px; line-height:24px;}
.serlist dl dd h1{ font-weight:400; color:#0066CC;}
.serlist dl dd h1 span{ font-size:16px;}
.serlist dl dd p a:hover{ text-decoration:underline;}
.caselist{ float:left; width:1200px; margin-top:20px;}
.caselist h1.maintit{ margin-bottom:20px;}
.caselist dl{ float:left; width:285px; margin-top:10px; margin-left:20px;}
.caselist dl.ml0{ margin-left:0;}
.caselist dl dt{ float:left; width:285px; *width:283px; height:214px; *height:212px; border:solid 1px #ccc;}
.caselist dl dt img{ float:left; width:283px; height:212px;}
.caselist dl dd{ float:left; width:285px; *width:265px; height:42px; padding:0 10px; line-height:42px; overflow:hidden; text-align:center;}
.pingjia{ float:left; width:1200px; margin-top:20px; margin-bottom:55px; background:#fff;}
.pingjiabox{ float:left; width:1200px; *width:1160px; padding:0 20px; border-bottom:solid 1px #e9e9e9;}
.pingjiabox .main{ float:left; width:1160px; padding:20px 0; border-bottom:solid 1px #e9e9e9;}
.pingjiabox .main dl.all{ float:left; width:300px; *width:230px; height:52px; padding-left:70px; background:url(../images/pgroll-a.jpg) no-repeat left center; line-height:26px; color:#666;}
.pingjiabox .main dl.all dt{ font-weight:800;}
.pingjiabox .main dl.all dt b{ font-weight:400; font-size:25px; color:#0066CC;}
.pingjiabox .main dl.all dd span{ padding:0 5px; color:#333;}
.pingjiabox .main ul{ float:left;height:52px; padding-left:70px; background:url(../images/pgroll-b.jpg) no-repeat left center; line-height:26px; color:#666;}
.pingjiabox .main ul li{ float:left; width:182px;}
.pingjiabox .main ul li p a{ float:left; width:100px; height:26px; margin-right:12px; position:relative;}
.pingjiabox .main ul li p a em,.pingjiabox .main ul li p a b{ position:absolute; width:100px; height:26px; left:0; top:0; background-image:url(../images/sun_star.gif); background-repeat:no-repeat;}
.pingjiabox .main ul li p em{ background-position:-100px center;}
.pingjiabox .main ul li p b{ background-position:left center; z-index:1;}
.pingjiabox .main ul li p span{ float:left;}
.pingjiabox .num{ float:left; height:60px;}
.pingjiabox .num li{ float:left; width:300px; height:60px; border-left:solid 1px #e9e9e9; text-align:center; line-height:60px;}
.pingjiabox .num li:first-child{border-left:0;}
.pingjiabox .num li span{ }
.pingjiabox .num li i{ display:inline-block; width:29px; height:29px;vertical-align: middle; margin-right:4px;}
.pingjiabox .num li b{ font-size:20px; font-weight:400; padding-left:4px;}
.pingjiabox .num li.a i{ background:url(../images/dinghead.jpg) no-repeat 0px 0px;}
.pingjiabox .num li.b i{ background:url(../images/dinghead.jpg) no-repeat 0px -50px;}
.pingjiabox .num li.c i{ background:url(../images/dinghead.jpg) no-repeat 0px -90px;}
.pingjiabox .list{ float:left; width:1160px; margin-top:20px;}
.pingjiabox .list dl{ float:left; width:1160px; padding:30px 0; line-height:25px; border-top:solid 1px #e9e9e9;}
.pingjiabox .list dl:first-child{ border-top:0;}
.pingjiabox .list dl dt{ float:left; width:450px;}
.pingjiabox .list dl dt h1,.pingjiabox .list dl dt p{ float:left; width:100%; height:25px; overflow:hidden; font-weight:400;}
.pingjiabox .list dl dt h1 span{ color:#0066CC; padding-right:5px;}
.pingjiabox .list dl dt h1 a{ color:#0065CB;}
.pingjiabox .list dl dt h1 a:hover{ text-decoration:underline;}
.pingjiabox .list dl dt p{ color:#999;}
.pingjiabox .list dl dt p a{ padding:0 5px; color:#666;}
.pingjiabox .list dl dd{ float:left; width:710px;}
.pingjiabox .list dl dd h1,.pingjiabox .list dl dd p{ float:left; width:100%; height:25px; overflow:hidden; font-weight:400;}
.pingjiabox .list dl dd h1{ color:#0066CC;}
.pingjiabox .list dl dd h1 b{ font-weight:800; padding-right:5px;}
.pingjiabox .list dl dd p{ color:#999;}
.pingjiabox .list dl dd span{ padding-left:5px; color:#666;}

/*需求大厅*/
.tasknav{ float:left; margin-top:30px; width:1200px; *width:1198px; padding:18px 0; border:solid 1px #ccc; background:#fff;}
.tasknav dl{ float:left; width:399px; *width:354px; padding:0 22px; line-height:27px; border-right: 1px #d8d8d8 dotted;}
.tasknav dl.br0{border-right:0;}
.tasknav dl dt{ float:left; width:80px; font-weight:800;}
.tasknav dl dt a{ float:left; width:80px; color:#0066CC; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tasknav dl dd{ float:left; width:274px;}
.tasknav dl dd a{ float:left; max-width:75px; margin-left:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xuqiu-ban{ float:left; width:1200px; height:90px; margin-top:30px; background: url(../images/xuqiu-ban.jpg) no-repeat center center;}
h2.maintit{ float:left; width:100%; line-height:22px; padding:22px 0; border-bottom:solid 3px #ccc; font-weight:400;}
h2.maintit span{ border-left:solid 6px #0066CC; padding-left:15px; font-size:22px; font-weight:800;}
h2.maintit em{ padding-left:15px; font-size:22px}
h2.maintit b{ float:right; font-weight:400;}
h2.maintit b a{ float:left; line-height:13px; padding:0 8px; margin:3px 0; border-left:solid 1px #999;}
h2.maintit b a:first-child{ border:0;}
h2.maintit b a.more{ background:#0066CC; color:#fff; text-decoration:none; border:0; margin:0; padding:3px 8px;}
h2.maintit a:hover{color:#0066CC; text-decoration: underline;}
.floor{ float:left; width:1200px;}
.floor .list{ float:left; width:1200px; height:300px;}
.floor-ban{ float:left; width:220px; height:300px;}
.floor-ban img{ float:left; width:220px; height:300px;}
.floor .main{ float:left; width:980px; height:300px; *height:239px; padding:20px 0; background:#fff; border-bottom:solid 1px #e5e5e5;}
.floor .main li{ float:left; width:490px; *width:420px; padding-left:40px; padding-right:30px; border-right:1px #d8d8d8 dotted; line-height:32px;}
.floor .main li.br0{ border-right:0;}
.floor .main li b{ float:left; color:#0066CC; font-weight:400;}
.floor .main li a{ float:left; padding-left:16px;}
.floor .main li a:hover{ text-decoration: underline;}
.floor .main li span{ float:right; color:#999;}

.xuqiu-news{ float:left; width:1200px; margin:30px 0 40px;}
.xuqiu-news .newslist,.xuqiu-news .qalist{ float:left; width:386px; background:#fff; min-height:575px;}
.xuqiu-news h1.maintit{ margin-bottom:8px;}
.xuqiu-news .qalist{ margin:0 21px;}
.xuqiu-news .newslist dl{ float:left; width:354px; padding:17px 0; margin:0 16px;}
.xuqiu-news .newslist dl dt{ float:left; width:132px; height:82px;}
.xuqiu-news .newslist dl dt img{ float:left; width:132px; height:82px;}
.xuqiu-news .newslist dl dd{ float:left; width:214px; height:82px; margin-left:8px;}
.xuqiu-news .newslist dl dd h1{ float:left; width:214px; font-size:14px; overflow: hidden; line-height:20px; margin-bottom:4px;}
.xuqiu-news .newslist dl dd p{ float:left; width:214px; font-size:13px; overflow: hidden; line-height:18px;}
.xuqiu-news .newslist dl dd p a{ color:#999;}
.xuqiu-news .newslist dl:hover dd h1 a{ color:#0066CC; text-decoration:underline;}
.xuqiu-news .newslist dl:hover dd p a{ text-decoration:underline;}
.xuqiu-news .newslist ul{ float:left; width:354px; margin:0 16px; padding-bottom:15px;}
.xuqiu-news .newslist ul li{ float:left; width:354px; border-top:dotted 1px #ccc;}
.xuqiu-news .newslist ul li h1{ float:left; width:354px; line-height:42px; font-size:14px;}
.xuqiu-news .newslist ul li p{float:left; width:354px; font-size:13px; overflow: hidden; line-height:18px; margin-bottom:15px;}
.xuqiu-news .newslist ul li p a{color:#999;}
.xuqiu-news .newslist ul li:hover h1 a{ color:#0066CC; text-decoration:underline;}
.xuqiu-news .newslist ul li:hover p a{ text-decoration:underline;}
.xuqiu-news .qalist ul{ float:left; width:354px; padding:17px 0; margin:0 16px;}
.xuqiu-news .qalist ul li{ float:left; width:354px; padding:12px 0; border-top: dotted 1px #ccc;}
.xuqiu-news .qalist ul li:first-child{ border-top:0;}
.xuqiu-news .qalist ul li h1{ float:left; width:354px; *width:317px; padding-left:37px; font-size:14px; line-height:18px; margin-bottom:15px; background:url(../images/qa-q.png) no-repeat left top;}
.xuqiu-news .qalist ul li p{ float:left; width:354px; *width:317px; padding-left:37px; font-size:13px; line-height:18px; background:url(../images/qa-a.png) no-repeat left 2px;}
.xuqiu-news .qalist ul li p a{ color:#999;}
.xuqiu-news .qalist ul li:hover h1 a{ color:#0066CC; text-decoration:underline;}
.xuqiu-news .qalist ul li:hover p a{ text-decoration:underline;}

/*需求大厅列表*/
.content .leftbox .xuqiulist{ float:left; width:900px; *width:860px; margin-top:20px; padding:19px; background:#fff; border:solid 1px #ccc;}
.content .leftbox .xuqiulist a:hover{ text-decoration:underline;}
.content .leftbox .xuqiulist dl{ float:left; width:860px; padding:15px 0; line-height:32px; border-bottom:solid 1px #dfdfdf;}
.content .leftbox .xuqiulist dl dt{ float:left; width:535px;}
.content .leftbox .xuqiulist dl dt h1 b{ color:#0066CC;}
.content .leftbox .xuqiulist dl dt h1 a{ padding-left:5px; color:#0065CB;}
.content .leftbox .xuqiulist dl dt h1 a:hover{ text-decoration:underline;}
.content .leftbox .xuqiulist dl dt p{ color:#999;}
.content .leftbox .xuqiulist dl dt p span,.content .leftbox .xuqiulist dl dt p em{ padding:0 3px;}
.content .leftbox .xuqiulist dl dt p em{ color:#0066CC;}
.content .leftbox .xuqiulist dl dd{ float:left; width:325px;}
.content .leftbox .xuqiulist dl dd p{ color:#999;}
.content .leftbox .xuqiulist dl dd p b{ color:#0066CC; padding:0 3px; font-weight:400;}

.content .rightbox .fuwu-recom{float:left; width:280px; *width:278px; background:#fff; border:solid 1px #ccc;}
.content .rightbox .fuwu-recom .list{ float:left; padding:12px 20px 20px; width:238px;}
.content .rightbox .fuwu-recom .list dl{ float:left; width:238px; height:86px; *height:60px; padding:15px 0 10px; border-bottom:solid 1px #e9e9e9;}
.content .rightbox .fuwu-recom .list dl:last-child{ border-bottom:0;}
.content .rightbox .fuwu-recom .list dl dt{ float:left; width:60px; height:60px;}
.content .rightbox .fuwu-recom .list dl dt img{ float:left; width:60px; height:60px;}
.content .rightbox .fuwu-recom .list dl dd{ float:left; width:168px; margin-left:10px;}
.content .rightbox .fuwu-recom .list dl dd h1,.content .rightbox .fuwu-recom .list dl dd h2{ font-weight:400;}
.content .rightbox .fuwu-recom .list dl dd p{ color:#666;}
.content .rightbox .fuwu-recom .list dl dd p span{ color:#0066CC;}

.content .rightbox .deal-recom{float:left; width:280px; *width:278px; margin:20px 0 40px; background:#fff; border:solid 1px #ccc;}
.content .rightbox .deal-recom .list{ float:left; padding:12px 20px 20px; width:238px;}
.content .rightbox .deal-recom .list dl{ float:left; width:238px; padding:10px 0; border-bottom:solid 1px #e9e9e9;}
.content .rightbox .deal-recom .list dl:last-child{ border-bottom:0;}
.content .rightbox .deal-recom .list dl dt,.content .rightbox .deal-recom .list dl dd {width: 100%;float: left;overflow: hidden;}
.content .rightbox .deal-recom .list dl dt span{ float:left; color: #0066CC; padding-right: 10px;}
.content .rightbox .deal-recom .list dl dt i{ float:left; }
.content .rightbox .deal-recom .list dl dt a{ float:left; max-width:162px; *max-width:152px; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content .rightbox .deal-recom .list dl dt a:hover,.content .rightbox .deal-recom .list dl dd a:hover{ text-decoration: underline;}
.content .rightbox .deal-recom .list dl dd a{ padding:0 5px; font-weight:700;}

/*需求详情页*/
.xuqiubox{ float:left; width:900px; *width:898px; border:solid 1px #ccc;}
.xuqiubox .msg{ float:left;width:898px;*width:838px; padding:30px 30px 10px; background:#fafafa; border-bottom:solid 1px #e9e9e9;}
.xuqiubox .msg h2{ float:left; width:838px; height:30px; line-height:30px;}
.xuqiubox .msg h2 span{ float:left; height:30px; padding:0 10px; color:#fff; background:#ef5050;}
.xuqiubox .msg h2 em{ float:left; height:30px; *height:28px; padding:0 10px; color:#ef5050; border:solid 1px #ef5050;}
.xuqiubox .msg h2 i{ float:right; height:30px; color:#666; font-weight:400;}
.xuqiubox .msg h1{ float:left; width:838px; font-size:25px; line-height:52px; color:#333; margin-bottom:5px; font-weight:400;}
.xuqiubox .msg h3{ float:left; width:838px; font-size:13px; line-height:20px; color:#666; font-weight:400;}
.xuqiubox .msg h3 span{ float:left; padding-left:30px; background:url(../images/ico_clo.gif) no-repeat 0px 0px; margin-right:15px;}
.xuqiubox .msg h3 em{ float:left; padding-left:30px; background:url(../images/ico_clo.gif) no-repeat 0px -25px;}
.xuqiubox .msg h3 b{ padding:0 3px; font-weight:400; color:#0066CC;}
.xuqiubox .msg .liucheng{float:left; width:838px; margin-top:30px;}
.xuqiubox .msg .liucheng dl{float:left; width:16.66%; text-align:center;}
.xuqiubox .msg .liucheng dl i{ float:left; width:100%; height:20px; background:url(../images/steptask.png) no-repeat center -20px;}
.xuqiubox .msg .liucheng dl:last-child i{ background:url(../images/steptask.png) no-repeat center -40px;}
.xuqiubox .msg .liucheng dl.cur i{ background:url(../images/steptask.png) no-repeat center 0px;}
.xuqiubox .msg .liucheng dl:last-child.cur i{ background:url(../images/steptask.png) no-repeat center -60px;}
.xuqiubox .msg .liucheng dl dt{ float:left; width:100%; height:20px; line-height:20px; margin-top:8px; color:#999;}
.xuqiubox .msg .liucheng dl dd{ float:left; width:100%; height:18px; line-height:18px; color:#999;}

.xuqiubox .main{ float:left;width:898px;*width:858px; padding:20px; background:#fff; border-bottom:solid 1px #e9e9e9;}
.xuqiubox .main .xuqiutit{ float:left; width:100%; font-size:13px; color:#333; line-height:20px; margin-bottom:8px;}
.xuqiubox .main .xuqiutit span{ font-weight:400; color:#0066CC; padding:0 3px;}
.xuqiubox .main .xuqiumain{ float:left; width:100%; margin:20px 0; color:#666; font-size:13px; line-height:24px;}

.xuqiubox .info{ float:left;width:898px;*width:868px; padding:8px 15px; background:#fff; color:#999; line-height:35px; font-size:13px;}
.xuqiubox .fujian{ line-height:35px;}
.xuqiubox .fujian img{ vertical-align:middle; margin-right:8px;}
.xuqiubox .fujian a{ color:#06c;}
.xuqiubox .fujian a:hover{ text-decoration:underline;}

.baojiabox{ float:left; width:900px; *width:838px; background:#fff; padding:30px; border:solid 1px #ccc; margin-top:20px;}
.baojiabox li{ float:left; width:838px; line-height:30px; margin-bottom:10px;}
.baojiabox li label{ float:left; line-height:30px; font-weight:700;}
.baojiabox li input[type="text"]{ float:left; line-height:28px; width:150px; height:30px; *height:28px; padding-left:8px; border:solid 1px #dfdfdf;}
.baojiabox li span{ float:left; line-height:30px; padding-left:10px;}
.baojiabox .info select{ border:1px #dfdfdf solid; background:#FFFFFF;}
.baojiabox li textarea{ float:left; width:838px; *width:806px; height:150px; *height:12opx; line-height:24px; padding:15px; border:solid 1px #dfdfdf;}
.baojiabox li p{ float:left; width:100%; color:#999;}
.baojiabox li p a{ color:#06c;}
.baojiabox li p a:hover{ text-decoration:underline;}
.baojiabox li input[type="submit"]{ float:left; width:120px; height:36px; text-align:center; line-height:36px; color:#fff; font-size:14px; background:#ec2828; border-radius:4px; cursor:pointer;}
.baojiabox li input[type="submit"]:hover{ background:#EA3838;}
.baojiabox li a.app{ float:right;  height:36px; line-height:36px; padding-left:20px; background:url(../images/topapp.png) no-repeat left center; color:#999;}
.baojiabox li a:hover{ color:#06c; text-decoration:underline;}


.content .casebox { float:left; width:1200px; margin-bottom:30px;}
.content .casebox .chose{ float:left; width:1200px; *width:1166px; padding:16px; background:#fff; border:solid 1px #ccc;}
.content .casebox .chose dl{ float:left; width:100%; padding:5px 0; border-top:dotted 1px #ebebeb;}
.content .casebox .chose dl:first-child{ border-top:0;}
.content .casebox .chose dl dt{ float:left; width:85px; line-height:20px; padding:5px 0;}
.content .casebox .chose dl dd{ float:left; width:1081px; line-height:20px;}
.content .casebox .chose dl dd a{ float:left; padding:0 8px; margin:5px 0; margin-right:15px; color:#999; margin-bottom: 5px;}
.content .casebox .chose dl dd a:hover,.content .leftbox .chose dl dd a.cur{ background:#ec2828; color:#fff;}
.content .casebox .casemain{ float:left; width:1200px; margin-top:30px;}
.content .casebox .casemain dl{ float:left; margin-left:20px; margin-bottom:20px; width:285px; *width:245px; padding:19px; border:solid 1px #ccc; background:#fff;}
.content .casebox .casemain dl.ml0{ margin-left:0;}
.content .casebox .casemain dl dt{ float:left; width:244px; height:172px; overflow:hidden;}
.content .casebox .casemain dl dt img{ float:left; width:244px; height:172px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.content .casebox .casemain dl dt img:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);}
.content .casebox .casemain dl dd{ float:left; width:100%; margin-top:15px;}
.content .casebox .casemain dl dd h1{ float:left; width:100%; line-height:30px; font-size:14px;}
.content .casebox .casemain dl dd h1 a:hover{ text-decoration:underline;}
.content .casebox .casemain dl dd h1 span{ float:right; font-size:13px; color:#0066CC;}
.content .casebox .casemain dl dd p{ float:left; width:100%;}
.content .casebox .casemain dl dd p a{ float:right; color:#666;}
.content .casebox .casemain dl dd p a:hover{ color:#0066CC; text-decoration:underline;}
.content .casebox .casemain dl dd p span{ float:left; font-weight: 800;padding-left: 22px;background: url(../images/level.png) no-repeat left center;color: #0066CC;}

.content .newsbox{ float:left; width:1200px; margin-bottom:40px;}
.content .newsbox .newsleft{ float:left; width:280px; *width:278px; border:solid 1px #d7d7d7; background:#fff;}
.content .newsbox .newsleft li{ float:left;}
.content .newsbox .newsleft li a{ float:left; width:278px; height:50px; line-height:50px; border-bottom:solid 1px #e9e9e9; font-size:14px; padding-left:28px; font-weight:700; color:#444;}
.content .newsbox .newsleft li.cur a,.content .newsbox .newsleft li:hover a{ background:#f9f9f9; color:#0066CC;}
.content .newsbox .newsleft li:last-child a{ border-bottom:0;}
.content .newsbox .newsright{ float:right; width:900px; *width:898px; border:solid 1px #d7d7d7; background:#fff;}
.content .newsbox .newsright .newsinfo{ float:left; width:898px; *width:842px; padding:0 28px;}
.content .newsbox .newsright .newsinfo li{ float:left; width:842px; border-bottom:solid 1px #e9e9e9; padding:16px 0 22px;}
.content .newsbox .newsright .newsinfo li h1,.content .newsbox .newsright .newsinfo li h2,.content .newsbox .newsright .newsinfo li p{ float:left; width:100%; font-weight:400;}
.content .newsbox .newsright .newsinfo li h1{ font-size:18px; line-height:38px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.content .newsbox .newsright .newsinfo li p{ font-size:13px; line-height:22px;}
.content .newsbox .newsright .newsinfo li p a:hover{ text-decoration:underline;}
.content .newsbox .newsright .newsinfo li h2{ font-size:13px; line-height:28px; color:#888;}

.content .newsbox .newsright .mainarticle{ float:left; width:878px; *width:808px; padding:12px 35px;}
.content .newsbox .newsright .mainarticle h1{ float:left; width:100%; font-size:28px; padding:30px 0 10px; line-height:40px; font-weight:400; text-align:center;}
.content .newsbox .newsright .mainarticle h2{ float:left; width:100%; font-size:13px; line-height:32px; font-weight:400; color:#999; border-bottom:solid 1px #bbb; text-align:right; margin-bottom:35px; text-align:center;}
.content .newsbox .newsright .mainarticle h2 span{ padding:0 8px;}
.content .newsbox .newsright .mainarticle .article{ float:left; width:100%; font-size:13px; line-height:24px; margin-bottom:40px;}
.content .newsbox .newsright .mainarticle .prenext{ float:left; width:100%; font-size:13px; line-height:24px; margin-bottom:20px; color:#666;}
.content .newsbox .newsright .mainarticle .prenext a{ color:#666;}
.content .newsbox .newsright .mainarticle .prenext a:hover{ color:#005AA0; text-decoration: underline;}

.content .loginbox{ float:left; width:1200px; margin:135px 0;}
.content .loginbox .left{ float:left; width:720px; *width:379px; padding:0 200px 20px 140px; border-right:solid 1px #dfdfdf;}
.content .loginbox .left h1{ float:left; width:100%; font-size:30px; color:#333; font-weight:400; line-height:45px; margin-bottom:40px;}
.content .loginbox .left .loginilist{ float:left; width:379px;}
.content .loginbox .left .loginilist dl{ float:left; width:379px; margin-bottom:5px; line-height:40px;}
.content .loginbox .left .loginilist dl dt{ float:left; width:75px;}
.content .loginbox .left .loginilist dl dd{ float:left; width:304px;}
.content .loginbox .left .loginilist dl dd input[type="text"]{ float:left; width:304px; *width:294px; padding-left:8px; line-height:38px; border:solid 1px #e9e9e9; background:#fff;}
.content .loginbox .left .loginilist dl dd input[type="password"]{ float:left; width:304px; *width:294px; padding-left:8px; line-height:38px; border:solid 1px #e9e9e9; background:#fff;}
.content .loginbox .left .loginilist dl dd label{ float:left;}
.content .loginbox .left .loginilist dl dd label.radio{ padding-right:15px;}
.content .loginbox .left .loginilist dl dd input[type="radio"]{ vertical-align:middle; margin-right:6px;}
.content .loginbox .left .loginilist dl dd input[type="checkbox"]{ vertical-align:middle;}
.content .loginbox .left .loginilist dl dd label span{ padding-left:6px;}
.content .loginbox .left .loginilist dl dd a.forget{ float:right; color:#06c;}
.content .loginbox .left .loginilist dl dd a.forget:hover{ text-decoration:underline;}
.content .loginbox .left .loginilist dl dd input[type="submit"]{ float:left; width:200px; height:50px; color:#fff; line-height:50px; font-size:25px; cursor:pointer; background:#ec2828; border-radius:4px;}
.content .loginbox .left .loginilist dl dd input[type="submit"]:hover{ background:#EA3838;}
.content .loginbox .left .loginilist dl dd a.banquan{ color:#06c;}
.content .loginbox .left .loginilist dl dd a.banquan:hover{ text-decoration:underline;}
.content .loginbox .right{ float:left; width:480px; *width:420px; padding-left:60px;}
.content .loginbox .right h1,.content .loginbox .right h2{ float:left; width:100%; font-weight:400;}
.content .loginbox .right h1{ font-size:23px; line-height:76px; margin-top:70px;}
.content .loginbox .right h2 a{ float:left; margin:0 auto; text-align:center; width:200px; height:50px; color:#fff; line-height:50px; font-size:25px; cursor:pointer; background:#ec2828; border-radius:4px;}
.content .loginbox .right h2 a:hover{ background:#EA3838;}



/**通用样式结束**/
h1.maintit2{ border-bottom: 1px solid #ccc; float:left; width:880px; height:100px; line-height:22px; margin-left: 30px;}
h1.maintit2 span{float:left; font-size:22px;   margin-top: 50px;}
h1.maintit2 em{ float:right;font-size:12px; color:#979797; height:22px; line-height:24px; font-weight:400; width: 500px;}
h1.maintit2 a{ float:right;font-size:13px; color:#999; }
h1.maintit2 a:hover{color:#0066CC; text-decoration: underline;}
h1.maintit2 i{float:right;}



/*搜索结果页面修改*/
.content .newslist2{ float:left;width:1200px;
  background-color: rgb( 255, 255, 255 );
  box-shadow: 2px 3.464px 16px 0px rgb( 192, 192, 192 );

}
.content .newslist2 .listlist{ float:left; width:100%; padding:25px 30px;}
.content .newslist2 .listlist dl{ float:left; width:100%; height:115px; border-bottom:1px #ddd dashed; margin-bottom:10px; position:relative;}
.content .newslist2 .listlist dl dt{ float:left;  width:80px; height:80px;}
.content .newslist2 .listlist dl:hover{ background: #ccc;}
.content .newslist2 .listlist dl dt img{ float:left; margin-top: 15px;}
.content .newslist2 .listlist dl dd{ float:left;  margin:10px 12px 12px 20px; width: 90%;}
.content .newslist2 .listlist dl dd h1{ float:left;  font-size:17px; line-height:32px;}
.content .newslist2 .listlist dl dd h1 a{ color:#323232; font-size: 20px;}
.content .newslist2 .listlist dl dd p{ float:left; line-height:30px; color:#666;  height:60px; overflow:hidden;font-size: 14px;color: #032322;}
.content .newslist2 .listlist dl dd h2{ float:left; }
.content .newslist2 .listlist dl dd span{ font-family: "Microsoft YaHei";font-size: 14px;color: #808080;}


h1.maintit3{ border-bottom: 1px solid #ccc; float:left; width:1140px; height:100px; line-height:22px; margin-left: 30px;}
h1.maintit3 span{float:left; font-size:22px;   margin-top: 50px;}
h1.maintit3 em{ float:right;font-size:12px; color:#979797; height:22px; line-height:24px; font-weight:400; width: 200px;}
h1.maintit3 a{ font-size:13px; color:#999; }
h1.maintit3 a:hover{color:#0066CC; text-decoration: underline;}



/*news*/



.qalist2{ float:left;height:288px;overflow:hidden;}
.news-right dl{ margin-left:25px; float:left; width:740px; height:98px; background:#f3f3f3; border-bottom:1px solid #fff; border-top: 1px solid #e1e0e0; }
.news-right dl:hover{background:#3aa4f6;}
.news-right dl:hover dd{color:#fff;}
.news-right dl:hover a{ display:block;}
.news-right dl dt{ float:left; margin:10px;}
.news-right dl dd{ float:left; width:612px;margin:10px; color:#7e8184;}

.news-right{ position:relative;float:left;height:300px;overflow:hidden;}
.news-right ul{position:relative; height:300px;overflow:hidden;}
.news-right dl dd{ height:100px; }
.news-right dl dd{display: inline-block;vertical-align: middle;color:#0067ac;}


.contact01{ width: 880px; height: 413px; background: url(../images/cobg01.jpg) no-repeat;}
.contact01 p{ float: left; width: 380px; margin-left: 430px;  color:#fff; font-weight: 800;}


.nextbtn{ width: 200px; height: 60px; position: absolute; top:290px ;left:10px;}

.nextbtn img{ float: left;}


/*
.txtScroll-top .hd ul{ float:left; width:210px;  }
.txtScroll-top .hd ul li{ float:left; width:200px; padding:6px 10px;  }
.txtScroll-top .hd ul li.on{ background-position:0 0; }
    */

/* 本例子css */
.txtScroll-top{ width:220px;  overflow:hidden; position:relative;  }
.txtScroll-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4;   }
.txtScroll-top .hd .next{ display:block;  width:98px; height:15px;  float: left; margin-left:60px; margin-top:-5PX;
 cursor:pointer; background:url(../images/bottom_arrow.jpg) no-repeat ;}


.txtScroll-top .bd{ height: 100%; }
.txtScroll-top .infoList li{ height: 70px; }
.txtScroll-top .infoList li img{ width: 100%; height:60px;}
.txtScroll-top .infoList li .date{ float:right; color:#999;  }
	

