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

/*导航*/
#navigation { position: relative;  }
#navigation li { float: right; position: relative; }
#navigation .home { background: none; }
#navigation li a { display: block; width: 95px; height: 52px; overflow: hidden; border-right: 1px solid #e6e6e6; color: #3a3a3a; font-size: 15px; text-align: center; line-height:52px; }
#navigation li a:hover { background: #FF8000; text-decoration: none; color: #FFF; }
#navigation li .current { background: #0e9be1; text-decoration: none; color: #FFF; }
#navigation .sub { display: none; position: absolute; left: 0; background: #094191; z-index: 99999; }
#navigation .sub li { background: none; float: none; }
#navigation .sub li a { height: 26px; line-height: 26px; font-size: 12px; font-weight: normal; color: #FFF; }
#navigation .sub li a:hover { background: #333333; }

#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; background-color: #0e9be1; overflow: hidden; margin: 0 auto;}
.bat-con{ width: 980px; height: 28px; overflow: hidden; margin: 0 auto; color: #ffffff; font-size: 12px; line-height: 28px;}
.batten-name{ float: left;}
.batten-tel{ float: right; background-image: url(images/iconPhone.jpg); 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: 266px; background-color: #f3f3f3; overflow: hidden;}
.Clist-detail{ width: 980px; height: auto; overflow: hidden; margin: 0 auto;}
.Clist{ float: left; width: 152px; height: 157px; overflow: hidden; margin-left: 124px; margin-top: 53px;}
.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: 75px; height: 75px; margin-left: 38.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;}
span.list_icon:hover{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
span.Clist-name{ float: left; width: 100%; text-align: center; font-size: 16px; color: #3a3a3a; line-height: 30px; padding-top: 6px;}
span.ClistCon{ float: left; width: 100%; font-size: 12px; color: #a5a5a5; line-height: 20px;}
.more{ color: #0e9be1; padding-left: 5px;}

.content-content{ width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.con-con{ width: 980px; height: auto; margin: 0 auto; overflow: hidden; padding-top: 35px;}
.company{ width: 100%; height: auto; overflow: hidden; margin-bottom: 45px;}
.company-left{ float: left; width: 538px; height: auto; overflow: hidden;}
.company-title{ float: left; width: 100%; height: 33px;}
.company-name{ 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_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: 300px; height: auto; padding-top: 40px; font-size: 12px; color: #a5a5a5; text-indent: 24px; line-height: 26px;}


.company-right{ float: right; width: 410px; height: auto; overflow: hidden;}
.company-cases{ float: right; 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: 24%; height: 32px; border-bottom: 1px solid #0e9be1; font-size: 18px; line-height: 32px; color: #0e9be1; text-indent: 26px; background-image: url(images/title_collaborate.png); background-repeat: no-repeat;}
.co-more{ width: 76% !important;}
.Co-title{ width: 100%; height: 33px; margin: 0 auto; overflow: hidden;}
.Co-con{ width: 100%; height: auto; overflow: hidden; margin: 22px auto 78px 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: #007ad1;}
.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: 40px; 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;}