p { padding: 5px 0; }
#top { background: #242424; height: 36px; line-height: 36px; color: #FFF; font-size: 12px; }
#top a { color: #FFF;}
#header { height: 52px;}

/*导航*/

.navBar{width:666px; float:left;height:50px;line-height:24px;background:#f4f4f5;color:#666666; }
.nav{position:relative;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px; background-color:#f4f4f5; }
.nav a{color:#666666;}
.nav h3{font-size:100%;font-weight:normal;}
.nav .m{float:left;position:relative;z-index:1;}
.nav .s{float:left;width:3px;text-align:center;color:#D4D4D4;font-size:12px;line-height:50px;}
.nav h3 a{display:block;width:90px;text-align:center;font-weight:bold;}
.nav .sub{display:none;position:absolute;left:-3px;top:50px;z-index:1;width:90px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.nav .sub li{text-align:center;padding:0 8px;margin-bottom:-1px;}
.nav .sub li a{display:block;border-bottom:1px solid #E6E4E3;padding:2px 0;height:28px;line-height:28px;color:#666666;;font-size:12px;font-weight:bold;}
.nav .sub li a:hover{color:#FE7700;}
.nav .block{height:3px;width:96px;background:#FE7700;position:absolute;left:0;top:47px;overflow:hidden;}


#search { display: none;}
#current_location { margin: 10px 0; background: #EEE; padding: 10px;}

/* 幻灯 */
.slideshow { height: 460px; position: relative; }
.slideshow .bd li { height: 460px;}
.slideshow .bd li a { display: block; height: 460px;}
.slideshow .hd ul { width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px;  line-height:30px; text-align:center; }
.slideshow .hd ul li { cursor:pointer; display:inline-block; width: 60px; height: 6px; background: #ff0; margin-left: 2px;}
.slideshow .hd ul .on{ background: #000; }

/*图片相关*/
.picture_list .x3 { min-height: 189px; }
.picture_list .thumbnail img { width: 100%;}
.picture_list .title { text-align: center; padding: 10px 0; }
.picture_list_w .x3 { min-height: 285px;}
.picture_list_w .thumbnail img { width: 100%;}
.picture_list_w .title { text-align: center; padding: 10px 0; }
.picture_list_d .thumbnail img { width: 100%; border: 5px solid #EEE;}
.picture_list_d .title { padding: 10px; background: #EEE; }
.picture_list_d .content { font-size: 12px; line-height: 28px; }
.picture_list_d .intro { text-align: right; font-size: 12px; background: #F5F5F5; padding: 10px; }

#link .text li { text-align: center; margin-bottom: 5px;}
#link .text li a { display: block; background: #EEE; padding: 5px;}
#link .picture li { margin-bottom: 5px; }
#link .picture img { width: 100%; padding: 4px; border: 1px solid #EEE; }

#footer_navigation { background: #242424; margin-top: 20px; padding: 20px 0;}
#footer_navigation a { color: #656565;}
#footer_navigation dt { font-size: 18px; line-height: 36px;}
#footer_navigation dd { line-height: 26px;}

#copyright { background: #242424; padding: 20px 0; border-top: 1px solid #181818; color: #656565; }
#copyright a { color: #656565; }

#osm { z-index: 9999; position: absolute; display: block; overflow: hidden; width: 163px; zoom: 1; background: #abc; }
#ost { height: 36px; background: #242424; cursor: pointer; text-align: center; line-height: 36px; color: #FFF; padding: 0 10px; }
#osb { min-height: 100px; padding: 10px; text-align: center; background: #FFF; border: 1px solid #242424; }

.hd1 { background: url(images/listbg.jpg); padding: 0 10px; color: #FFF; font-size: 16px;  height: 50px; line-height: 50px; }
.more { float: right; font-size: 12px;}
.more a { color: #FFF; }
.channel_list li { margin-bottom: 1px; }
.channel_list li a { display: block; color:#CCC;background: url(images/listbg2.jpg); padding: 10px; }
.channel_list li a:hover { 	background: url(images/listbg2.jpg);  color: #FFF;}
.channel_list li a:hover {  	background: url(images/listbg3.jpg);  color: #FFF;}
.channel_list .current_channel a { 	background: url(images/listbg3.jpg); color: #FFF;}
.channel_list_w { overflow: hidden; margin-bottom: 10px;}
.channel_list_w li { display: inline-block; margin-right: 5px; }
.channel_list_w li a { display: block; background: #EEE; padding: 10px 20px; }
.channel_list_w li a:hover { background: #242424; color: #FFF;}
.channel_list_w li a:hover { background: #242424; color: #FFF;}
.channel_list_w .current_channel a { background: #242424; color: #FFF;}

#channel_content p { line-height: 28px;}


/*分页样式*/
.page_turner { margin: 20px 0; }
.page_turner a, .page_turner span { display: inline-block; height: 40px; line-height: 40px; min-width: 40px; text-align: center; background: #F2F2F2; margin-right: 2px; }
.page_turner a:link, .page_turner a:visited { text-decoration: none; }
.page_turner a:hover, .page_turner a.c { background: #0e9be1; color: #FFF; }
#gotop { position: fixed; width: 52px; height:52px; bottom: 80px; right:80px; cursor: pointer; display: none;  color: #FFF; line-height: 70px; text-align: center; font-size: 12px; background-image: url(images/fhdb.png); }



.guestbook_list { margin-bottom: 20px;}
.guestbook_list .username { background: #EEE; padding: 10px; }
.guestbook_list .content { padding: 20px; border: 1px solid #EEE; }
.guestbook_list .content .answer { padding: 10px; border: 1px solid #EEE; margin-top: 10px; }

.commentlist { font-size: 12px;}
.commentlist dt { background: #EEE; padding: 10px;}
.commentlist dd { padding: 10px; border: 1px solid #EEE;}

/*信息相关*/
#info_name { }
#info_intro { color: #666; font-size: 12px; margin-bottom: 20px; }
#info_video { text-align: center; margin-bottom: 20px;}
#info_slideshow { width: 437px; }
#info_slideshow .pn{ text-align: center; margin: 20px 0;}
#info_slideshow .hd { overflow: hidden; }
#info_slideshow .hd li { display: inline-block; width: 50px; margin: 0 2px 2px 0;}
#info_slideshow .hd li img { width: 50px; height: 50px; cursor: pointer; }
#info_slideshow .hd li.on img { border: 1px solid #0A8; }
#info_slideshow .bd img { width: 100%; }
#info_content { margin: 20px 0;}
#info_around { background: #EEE; padding: 10px; margin-bottom: 20px;}
#info_comment { text-align: right; margin-bottom: 20px;}


.whole{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; position: relative;}
.batten{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.bat-con{ width: 980px; height: 28px; overflow: hidden; margin: 0 auto; color: #000; font-size: 12px; line-height: 28px;}
.batten-name{ float: left;}
.batten-tel{ float: right; background-repeat: no-repeat; padding-left: 18px;}
.head-nav{ width: 980px; height: 102px; overflow: hidden; margin: 0 auto;}
.head-nav .logo{ float: left; width: 136px; height: 102px; overflow: hidden;}
.head-nav .logo img{ transform:scale(1.0,1.0); transition:all 0.35s;}
.head-nav .logo:hover img{ transform:scale(1.1,1.1); transition:all 0.35s; -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transition:all 0.35s; -moz-transition:all 0.35s;}
.nav-list{ float: right; border-left: 1px solid #e6e6e6;}
.nav-list a{ float: left; width: 95px; height: 102px; overflow: hidden; border-right: 1px solid #e6e6e6; color: #3a3a3a; font-size: 15px; text-align: center; line-height: 32px;}
.nav-list a .list-pic{ float: left; width: 28px; height: 24px; overflow: hidden; margin: 28px auto 0 33px;}
.nav-list a .list-name{ float: left; width: 100%;}
.list-home{ background: url(images/index-home.png) top no-repeat;}
.list-us{ background: url(images/index-us.png) top no-repeat;}
.list-cases{ background: url(images/index-cases.png) top no-repeat;}
.list-service{ background: url(images/index-service.png) top no-repeat;}
.list-option{ background: url(images/index-opinion.png) top no-repeat;}
.list-join{ background: url(images/index-join.png) top no-repeat;}
.list-content{ background: url(images/index-content.png) top no-repeat;}
.active{ background-color: #0e9be1; color: #ffffff !important; border-right: 1px solid #ffffff !important;}
.nav-list a:hover{ background-color: #0e9be1; color: #ffffff !important; border-right: 1px solid #ffffff !important;}
.active .list-pic{ background-position: 0 -24px !important;}
.nav-list a:hover .list-pic{ background-position: 0 -24px !important;}
.banner{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; background-color: #007ad1;}
.banner-pic{ width: 980px; height: 380px; margin: 0 auto; overflow: hidden;}
.content-list{ width: 100%; height: 356px;  overflow: hidden;}
.Clist-detail{ width: 980px; height: auto; overflow: hidden; margin: 0 auto;}
.Clist{
	float: left;
	width: 300px;
	height:356px;
	overflow: hidden;
	margin-left:40px;
	margin-top: 53px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #ff3737;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f2f2f2;
	border-bottom-color: #f2f2f2;
	border-left-color: #f2f2f2;
}
.ClistNoleft{ margin-left: 0;}
.list_talk{ background-color: #ff8548;}
.list_wechat{ background-color: #d4bf30;}
.list_wisdom{ background-color: #0e9be1;}
.list_service{ background-color: #30d4b3;}
span.list_icon{ float: left; width:140px; height:140px; margin-left: 75.5px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; transition: 1s transform ease-in-out; -webkit-transition: 1s transform ease-in-out; -moz-transtion:1s transform ease-in-out; margin-bottom:10px;}
span.list_icon:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
span.Clist-name{ float: left; width: 100%; text-align:left; font-size: 16px; color: #3a3a3a; line-height: 30px; padding-top: 6px; padding-left:15px;}
span.ClistCon{ float: left; width: 100%; font-size: 14px; color: #a5a5a5; line-height:24px; padding-left:20px; padding-right:20px;}
.more{ color: #333333; padding-left: 5px;}
.content-content{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; }
.content-content_2{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; background-color:#f7f7f7}
.con-con{ width: 980px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 35px;}
.company{ width: 100%; height: auto; overflow: hidden; margin-bottom: 25px;}
.company-left{ float: left; width:980px; height: auto; overflow: hidden;}
.company-title{ float: left; width: 100%; height: 33px;}
.company-name{ float: left; width: 100%; height: 32px; border-bottom: 1px solid #0e9be1; font-size: 18px; line-height: 32px; color: #0e9be1; text-indent: 26px; background-image: url(images/title_home.png); background-repeat: no-repeat;}
.company-name a{ color: #4e4e4e; padding: 0 2px;}
.company-name span{ font-size: 14px; color: #bebebe;}
.company-more{ float: right; width: 50%; height: 32px; border-bottom: 1px solid #cccccc;}
.company-more a{ float: right; text-align: right; font-size: 14px; color: #cecece; line-height: 32px;}
.company-more a:hover{ color: #0e9be1;}
.company-name-con{ width: 100%; height: auto; overflow: hidden;}
.company-name-con img{ float: left; padding-top: 20px; }
.company-name-con p{ float: right; width: 670px; height: auto; padding-top: 20px; font-size: 14px; color: #333333; text-indent: 24px; line-height: 26px;}
.company-name-con_div{ width:600px; margin-left:550px;}

.company-m{
	width:280px;
	float:left;
	height:330px;
	border: 2px solid #f7f7f7;
}
.company-m_b{ width:280px; margin-left:70px;}


.company-right{ float: left; width:700px; height: auto; overflow: hidden;}
.company-cases{ float: left; width: 100%; height: 33px;}
.company-tName{float: left; width: 50%; height: 32px; border-bottom: 1px solid #0e9be1; font-size: 18px; line-height: 32px; color: #0e9be1; text-indent: 26px; background-image: url(images/title_cases.png); background-repeat: no-repeat;}
.company-tName a{ color: #4e4e4e; padding: 0 2px;}
.company-tName span{ font-size: 14px; color: #bebebe;}
.slideBox{ float: left; width: 100%; height: 139px; overflow: hidden; margin: 0 auto; margin-top: 20px; position: relative;}
.slideBox .bd{ width: 261px; height: 139px; overflow: hidden; margin: 0 auto; position:relative; z-index:0;}
.slideBox .bd li{ width:100%; height:auto; position: relative; zoom: 1;}
.slideBox .bd li img{ width:100%; height:auto; display:block; vertical-align:top;}
.slideBox .prev, .slideBox .next{ position: absolute; display: block; width: 22px; height: 22px; overflow: hidden; top: 50%; margin-top: -11px;}
.slideBox .prev{ left: 40px; background-image: url(images/prev.jpg); background-repeat: no-repeat;}
.slideBox .next{ right: 40px; background-image: url(images/next.jpg); background-repeat: no-repeat;}

.Co-branding{ width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.company-co-name{float: left; width:100%; height:69px; border-bottom: 1px solid #0e9be1; color: #0e9be1; text-align:center; }
.co-more{ width: 76% !important;}
.Co-title{
	width: 100%;
	height: 33px;
	margin: 0 auto;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #454647;
}
.Co-con{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 22px;
	margin-right: auto;
	margin-bottom: 22px;
	margin-left: auto;
}
.Co-con ul{ width: 100%; height: auto; overflow: hidden;}
.Co-con ul li{ float: left; width: 120px; height: 50px; overflow: hidden; margin-left: 23px;}
.Nomar{ margin-left: 0 !important;}

.footer{ width: 100%; height: auto; margin: 0 auto; overflow: hidden; background-color: #787878; height:145px;}
.footer-con{ width: 980px; height: auto; overflow: hidden; margin: 0 auto; border-bottom: 1px solid #ffffff;}
.footer-cc{ width: 750px; height: auto; float: left; overflow: hidden; color: #ffffff;}
.footer-list{ float: left; width: 150px; height: auto; padding-top: 18px;}
.footer-list span{ float: left;}
span.aboutUs{ font-size: 14px; border-bottom: 1px solid #ffffff; line-height: 30px;}
span.aboutList{ width: 100%; padding-top: 28px;}
span.aboutList ul{ width: 100%; height: auto; overflow: hidden; padding-bottom: 24px;}
span.aboutList ul li{ list-style-type:disc; line-height: 26px;}
span.aboutList ul li a{ color: #ffffff;}
span.aboutList ul li a:hover{text-decoration:underline;color: #e4e6e8; cursor: pointer;}
.footer-address{ width: 97px; height: auto; float:left; overflow: hidden; margin-top: 2px;}
.footer-address img{ width: 97px; height: 97px;}
.footer-address p{ color: #ffffff; font-size: 12px; text-align: center; line-height: 24px; font-family: "宋体";}
.add{ width: 980px; height:auto; margin: 0 auto; overflow: hidden; text-align: center; color: #ffffff; line-height: 40px; font-size: 12px;}

.weighing{ width: 66px; position: fixed; right: 0; bottom: 150px; z-index: 9999; background: rgba(0,0,0,0.5); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: none;}
.weighing ul{ width: 100%; height: auto; margin: 8px auto;}
.weighing ul li{ width: 44px; height: 50px; margin: 0 11px; position: relative; border-bottom: 1px solid rgba(255,255,255,0.3); cursor: pointer;}
.ewma{ border-bottom: none !important;}
.ewm{ position: absolute; left: -100px; bottom: -10px; display: none;}
.zan,.messages{ position: absolute; width: 0; height: 50px; overflow: hidden; background-color: rgba(0,0,0,0.6); color: #ffffff; top: 0; right: 55px; text-align: center; font-size: 14px; color: #ffffff; line-height: 50px;}