/***slide start
nav on #17b0e1;
slide bottom #ef9e2f;
slide background #f2f2f2;

detail #17b0e1
smalltext #666666;

info tags #999999;
slash #b0b0b0
***/
.slide-box{ width:100%; overflow:hidden; z-index:-1; border-bottom: 1px solid #ef9e2f;}
.flexslider {
	background: none;
	position: relative;
	border: 0px;
	box-shadow:none;
	zoom: 1;
}

.flexslider .slides li {
	position:relative;
}
.flexslider .slider-desc {
	position: absolute;
	bottom: 30px;
	width:100%;
	text-align:right;
	color: #fff;
}
.flex-control-nav {bottom: 20px; width: 96%; text-align: right;}
.flex-direction-nav a {
	color:#fff;
}
.flexslider {
	margin:0px;
	position: relative;
	zoom: 1;
}
.flex-control-nav li{ margin: 0px;}
.flex-control-paging li a{ width:15px; height:15px; border-radius:0px; text-indent: 0px; line-height: 15px; text-align: center; font-size: 10px; font-weight: 600;}
.content-slide .flex-control-paging li a{ width:20px; height:20px; border-radius:10px; color: #000000;}
.flex-control-paging li a, .flex-control-paging li a:hover {
	background: #ffffff;
}
.flex-control-paging li a.flex-active {
	background: #5ea2c9;
    color:#ffffff;
	cursor: default;
}
.flex-direction-nav a {
text-decoration: none;
font-size:0px; text-indent:1000px;
display: block;
width: 20px;
height: 36px;
margin: -20px 0 0;
position: absolute;
top: 50%;
z-index: 10;
overflow: hidden;
opacity: 1;
cursor: pointer;
color: rgba(0,0,0,0.8);
text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.flexslider-slide .flex-direction-nav{ width:980px; margin: 0 auto;}
.flexslider-slide .flex-direction-nav .flex-prev{ left: 100px; background: url(../images/index_slide_arrow.png) no-repeat; width:18px; height: 32px;}
.flexslider-slide .flex-direction-nav .flex-next{ right: 100px; background: url(../images/index_slide_arrow.png) no-repeat 0 -32px; width:18px; height: 32px;}
.flexslider-slide .flexslider:hover .flex-prev { opacity: 0.7; left: 200px; }
.flexslider-slide .flexslider:hover .flex-next { opacity: 0.7; right: 200px; }
/***slide end***/
body{ background:url(../images/qc_01.jpg) no-repeat center top #ffffff;}

/*header start*/
.header{ height: 80px; padding: 23px 0 17px 0;}
.input-key{ height: 29px; border: 1px solid #d6d6d6; width: 170px; margin-right: 10px; padding-left:10px;}
.select-class{ height: 29px; width: 60px;border: 1px solid #d6d6d6; margin-right: 10px; padding-left: 10px;}
.input-img{height: 30px; }
.search{width: 335px; margin-top: 25px;}
/*下拉框*/
#dropdown{width:60px; position:relative}
#dropdown p{width:50px; height:29px; line-height:29px; padding-left:4px;  background:#FFFFFF url(../images/arrow.gif) no-repeat right 8px;
    color:#000000; cursor:pointer}
#dropdown ul{width:68px; background:#FFFFFF; margin-top:0px; border:1px solid #d6d6d6;
    position:absolute; display:none;left: 0px;}
#dropdown ul li{height:29px; line-height:29px; text-indent:10px}
#dropdown ul li a{display:block; height:29px; color:#807a62; text-decoration:none}
#dropdown ul li a:hover{background:#c6dbfc; color:#369}
/*header end*/
/*nav start */
.nav{ height: 45px;width:100%; background: #f2f2f2;}
.nav ul{ width: 100%;}
.nav ul li{ float: left;}
.nav ul li a{ display: inline-block; line-height: 45px;width: 120px;  height: 45px; font-size: 16px; color:#000000; text-align: center}
.nav ul li.parent-li a.active{ background: url(../images/up_white.png) no-repeat center bottom #17b0e1; color: #ffffff; height: 44px; border-bottom: 1px solid #ffffff; }
.nav ul li.hover a{ background: url(../images/up_white.png) no-repeat center bottom #17b0e1; color: #ffffff; height: 44px; border-bottom: 1px solid #ffffff; }
.nav .parent-li{ position:relative; width: 120px;}
.nav .index-li{background:#17b0e1 !important;}
.nav .sub-nav{ display: none; position: absolute; top:45px; left: 0px; z-index: 1000; background:#17b0e1; }
.nav ul li.parent-li .sub-nav a{ color:#ffffff;background: #17b0e1; border:0px; height: 45px;}
.nav ul li.parent-li .sub-nav a:hover{ color:#ffffff;background: #17b0e1;}
/*nav end */

.slide-news{ height: 45px; background: #f2f2f2; }
.slide-news ul{ width: 100%; overflow: hidden;}
.slide-news ul li a{ float: left; margin-right: 85px; height: 45px; line-height: 45px; width:170px;}
.slide-news ul li a.last{ float: right; margin-right: 0px;}

/*主体*/
.index-box{

}
.left-box{ width:630px;}
.box-title{
    height: 34px; border-bottom: 2px solid #f2f2f2; margin-bottom: 10px;
}
.box-title h3{ background: url(../images/qc_06.jpg) no-repeat bottom; width:160px; margin-bottom: -2px; height: 36px; line-height: 30px; float: left;}
.box-title h3 a{ font-size: 20px; font-weight: 600;}
.box-title a.more-link{float: right; height: 36px; line-height: 36px; background: url(../images/qc_37.jpg) no-repeat center; width: 30px;}
.branches{ width: 620px;}

.branches .box-content{ width: 620px; height: 450px; position: relative;}
.branches .branches-box{ position: absolute;}
.branches .branches-box .branch-info{ display: none; position: absolute;  z-index: 10; width:235px; border-radius: 10px; border: 1px solid #d6d6d6;}
.branches .branches-box .branch-info h3{text-align: center; background: #f2f2f2; height: 40px; line-height:40px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.branches .branches-box .branch-info p{text-align: center; background: #ffffff; line-height: 40px; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.branches-2 .branch-info{ margin-left: 100px; margin-top: 75px;}
.branches .branches-box:hover .branch-info{ display: block;}
.branches .branches-1{width:208px; height: 183px; top:245px; left: 342px; background: url(../images/branch_1.png) no-repeat;}
.branches .branches-1:hover{background: url(../images/branch_1_hover.png) no-repeat;}
.branches .branches-1 .branch-info{ }
.branches .branches-2{width:363px; height: 319px; top:131px; left: 21px; background: url(../images/branch_2.png) no-repeat;}
.branches .branches-2:hover{background: url(../images/branch_2_hover.png) no-repeat;}
.branches .branches-3{width:181px; height: 138px; top:58px; left: 420px; background: url(../images/branch_3.png) no-repeat;}
.branches .branches-3:hover{background: url(../images/branch_3_hover.png) no-repeat;}
.branches .branches-4{width:120px; height: 140px; top:168px; left: 440px; background: url(../images/branch_4.png) no-repeat;}
.branches .branches-4:hover{background: url(../images/branch_4_hover.png) no-repeat;}
.branches .branches-5{width:410px; height: 244px; top:18px; left: 70px; background: url(../images/branch_5.png) no-repeat;}
.branches .branches-5:hover{background: url(../images/branch_5_hover.png) no-repeat;}
.branches .branches-5 .branch-info{ top:10px; left: 100px; }
.branches .branches-6{width:208px; height: 183px; top:223px; left: 16px; background: url(../images/branch_6.png) no-repeat;}
.branches .branches-6:hover{background: url(../images/branch_6_hover.png) no-repeat;}
.branches .branches-7{width:93px; height: 99px; top:176px; left: 523px; background: url(../images/branch_7.png) no-repeat;}
.branches .branches-7:hover{background: url(../images/branch_7_hover.png) no-repeat;}
.branches .branches-8{width:84px; height: 116px; top:227px; left: 511px; background: url(../images/branch_8.png) no-repeat;}
.branches .branches-8:hover{background: url(../images/branch_8_hover.png) no-repeat;}
.branches .branches-9{width:47px; height: 54px; top:156px; left: 527px; background: url(../images/branch_9.png) no-repeat;}
.branches .branches-9:hover{background: url(../images/branch_9_hover.png) no-repeat;}

.news{ width: 630px; margin-top: 30px;}
.login{ width:325px; font-size: 16px;}
.login table{width:325px;}
.login .username{height: 29px; border: 1px solid #d6d6d6; width: 240px; padding-left:10px; background: #ffffff;}
.login td{ padding: 5px 0;}
.login td.company{ padding-top: 20px;}

.login .col1{width:70px;}
.login .code{ width:90px; margin-right: 20px;height: 29px; border: 1px solid #d6d6d6;}
.login .code-img{ width:60px; margin-right: 10px;}
.login .refresh{ margin-top: 5px;}
.login .submit{ width:96px; height: 32px; border-radius: 4px; text-align: center; line-height: 32px; color: #FFFFFF; background: #17b0e1; border: 0px; margin-right: 15px; cursor: pointer;}
.login .get-pass{ text-decoration: underline; font-size: 12px;}

/**index-list*/
.list-box{ border-bottom: 1px dotted #959595; padding:10px 0 20px; width: 100%; overflow: hidden;}
.list-box .list-img{ width:215px; margin-right: 20px;}
.list-box .list-img img,.flexslider-ad img{  border: 1px solid #eeeeee;}
.list-box .list-img img:hover,.flexslider-ad img:hover{  border: 1px solid #17b0e1;}
.list-box .list-con{ width:385px;}
.list-box .list-con-only{ width:100%;}
.list-box h3{ font-size: 16px;  line-height: 30px;}
.list-box .small-text{ font-size: 13px;line-height: 22px; color: #666666;}
.list-box .article-link{ font-size: 13px;line-height: 22px; text-align: right;}
.list-box .article-link a{color: #17b0e1; }
.list-box .article-info{color: #999999; }
/**notice**/
.media-focus{ width:325px;}
.notice,.media-focus,.province,.last-news{ margin-top: 30px;}
.notice li,.media-focus li,.province li,.last-news li{ height: 40px; line-height: 40px; border-bottom: 1px dotted #3d3d3d; background: url(../images/fang_06.jpg) no-repeat 10px 19px; padding-left: 20px;overflow:hidden}
.last-news,.province{ width:300px; margin-right: 20px;}
/**activity**/
.activity{ width:325px; margin-top: 40px;}

/**trends**/
.trends{ margin-top:30px;}
.flexslider-trends{ width:906px; margin: 0 auto;}
.flexslider-team{ width:903px; margin: 0 auto;}
.flexslider-trends li a.item{ width:210px; margin: 10px 8px; float: left;}
.flexslider-team li a.item p{  text-align: center;}
.flexslider-team li a.item{ width:140px; margin: 10px 5px; float: left;}
.flexslider-trends .flex-direction-nav,.flexslider-team .flex-direction-nav{ width:980px; margin: 0 auto;}
.flexslider-trends .flex-direction-nav .flex-prev,.flexslider-team .flex-direction-nav .flex-prev{ left: -30px; background: url(../images/qc_25.jpg) no-repeat; width:25px; height: 120px; top:50px;}
.flexslider-trends .flex-direction-nav .flex-next,.flexslider-team .flex-direction-nav .flex-next{ right:-30px; background: url(../images/qc_28.jpg) no-repeat; width:25px; height: 120px; top:50px;}
.flexslider-trends.flexslider:hover .flex-prev,.flexslider-team .flexslider:hover .flex-prev { opacity: 1; left: -30px; }
.flexslider-trends .flexslider:hover .flex-next ,.flexslider-team .flexslider:hover .flex-next { opacity: 1; right: -30px; }

/**stars**/
.stars{ width:325px; margin-top: 30px;}
.stars .box-content{ padding-top: 10px; width: 100%; overflow: hidden;}
.stars .box-content li{ float: left; margin-bottom: 10px; display: inline;}
.stars .box-content li img{ width:155px; height: 110px;}
.stars .box-content li.even{ float: right;}
/**company**/
.company{ width:620px; margin-top: 30px}
.company ul li{ float: left; margin: 20px 2px 14px;}
.contact{ width:325px; margin-top: 30px;}
.contact .box-content{margin-top: 20px;}
.contact .box-content ul{margin-top: 5px;}
.contact .box-content li{ height: 30px; line-height: 30px; padding-left: 20px;}
.contact .box-content li.address{ background: url(../images/ico_03.jpg) no-repeat left;}
.contact .box-content li.tel{ background: url(../images/ico_06.jpg) no-repeat left;}
.contact .box-content li.fax{ background: url(../images/ico_08.jpg) no-repeat left;}
.contact .box-content li.email{ background: url(../images/ico_11.jpg) no-repeat left;}

/**footer**/
.footer{ width: 100%; height: 105px; padding-top: 30px; background: url(../images/footer_color.jpg) no-repeat bottom #f2f2f2; padding-bottom: 30px;}
.footer ul{ width:980px; margin: 0 auto; overflow: hidden;}
.footer li{ float:left;padding: 0 5px;}
.footer .copyright{ margin-top: 1px;}

/**list**/
.list-title{ padding-left: 25px; font-size: 14px; border-bottom: 1px solid #f2f2f2; height: 36px; line-height: 40px; background: url(../images/home_03.jpg) no-repeat left;}
.list-title span{ font-weight: 600;}
.page{text-align: center; margin: 20px auto 10px; }
.page a{ padding: 1px 3px; display: inline-block; background: #f2f2f2; margin: 0 5px;}
.page a:hover{ background: #17b0e1; color: #ffffff;}
/**news**/
.news-con h1{ height: 40px; line-height: 50px; font-size: 16px; font-weight: 600;}
.news-con .info-text{ border-bottom: 1px dotted #f2f2f2; padding: 5px 0;}
.news-con .news-content{color:#666666;}
.news-con .news-content img{ max-width: 620px;}
.news-con .news-content p{ padding: 5px 0; line-height: 24px;}
/**register**/
.input-140{ width: 140px;}
.input-100{ width: 100px;}
.input-260{ width: 260px;}
.register td{ padding: 5px 0}
.register td.col3{ padding-left: 20px;}
.register input.input-radio{ height:20px;}
.register .submit{ margin-top: 20px; height:45px; width:180px; text-align: center; color: #ffffff; background: #17b0e1; font-size: 16px; margin-right: 10px;}
.register input{ height:30px; background: #f2f2f2; border: 0px; line-height: 30px;}

.register-button,.logout{width:96px; height: 32px; border-radius: 4px; text-align: center; line-height: 32px; color: #FFFFFF; background: #17b0e1; border: 0px; margin-right: 5px; cursor: pointer; display:inline-block;}
.register-button:hover,.logout:hover{ color:#ffffff;}
.register-box{ width:340px; margin: 20px auto;}
.register-box .col1 {
    width: 90px !important;
}
.logout{ float:right;}
.user-box{ height:175px;}
.loged,.loged div{ overflow: hidden; width:325px}
.zhiwu div{ display: inline-block;}
.register li div{ display: inline-block;}
.zhiwu div.zhiwu-val{ margin-left: 10px; height: 20px; line-height: 16px;}
.register li div.zhiwu-val{ margin-left: 10px; height: 20px; line-height: 16px;}
.iradio_flat-blue{ display: inline-block; margin: 0 10px;}
.register h1{ font-size: 20px; font-weight: 400;}
.register h3{ font-size: 18px; font-weight: 400; color: #000000; margin-top: 10px;}
.register th{ font-size: 16px; font-weight: 400; color: #000000;}
.register ul{ font-size: 16px; width: 100%; overflow: hidden; color: #000000;}
.register li{  float: left; margin:10px 20px 0 0; display: inline;}
.register p{font-size: 16px; color:#000000;}