/* main */
/* public style */
.sanji{ display:none}
.gsjj:hover .sanji{display:block; position:absolute; left:100px; background:#fff; width:150px; top:0px;}
.gsjj{ position:relative}
/* header */
.scroll li{width:324px; height:90px;}
.scroll li img{ width:145px; height:90px;}
.header{width:1000px; padding-bottom:30px; background:#f2f2f2;}
/* left */
.logo{width:280px; overflow:hidden }
.logo360{width:81px; padding-top:27px;}
/* right */
.top_right{width:710px;}
/* top_link */
.top_link{ height:38px; line-height:38px; padding-right:20px; text-align:right;}
.top_link i{color:#686868;}
.top_link span,.top_link a{color:#fff;}
.top_link a{font-size:13px;}
.top_link a:hover{text-decoration:underline;}
.header_full{ height:143px;  background:#f2f2f2;}
/*  nav */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav_bar{position:relative; z-index:1; height:42px; line-height:42px; color:#333;}
.nav{position:relative; width:710px; margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px;}
.nav a{color:#333;}
.nav h3{font-size:100%; font-weight:normal; height:20px; padding-top:30px; line-height:20px;}
.nav h3 a{display:block; width:100px; text-align:center; font-size:16px;}
.nav .m{float:right; position:relative; z-index:1;}
.nav .s{float:right; width:1px; text-align:center; color:#D4D4D4; font-size:12px; text-indent:-99999px; background:#ccc;}
.nav .sub{display:none; position:absolute; left:-1px; top:60px; z-index:1;  width:100px; border:1px solid #E6E4E3; border-top:0;  background:#fff;}
.nav .sub li{text-align:center; padding:0 0px; margin-bottom:-1px;}
.nav .sub li a{display:block;  border-bottom:1px solid #E6E4E3; padding:0px 0; height:28px; line-height:28px; color:#666; font-size:14px;}
.nav .sub li a:hover{color:#1E95FB;}
.nav .block{height:3px; width:100px; margin-left:3px; background:#00a13a; position:absolute; left:3px; top:57px; overflow:hidden;}
/* footer */
.footer{padding-top:45px; padding-bottom:16px; border-top:1px solid #E1E1E1;}
.footer_c{height:auto; padding-left:130px;}
.footer_c dl{width:175px; float:left;}
.footer_c dt{font-size:14px; height:28px; line-height:28px; color:#4285BA; font-weight:700;}
.footer_c dd{height:24px; line-height:24px;}
.footer_c dd a{color:#4285BA; font-size:12px;}
.footer_c dd a:hover{text-decoration:underline;}
.foot_logo{width:402px}
.show_service{ background:url(footer_bg.jpg) left center no-repeat; padding-left:106px; height:75px; padding-top:20px;}
.show_service span{ font-size:22px; color:#4285BA; font-weight:700;}
.show_service i{font-size:14px; color:#4285BA; line-height:28px; text-indent:6px;}
.weixin_jpg{height:100px; width:100px; margin-left:20px; margin-top:8px; background:url(weixin.jpg) center center no-repeat;}
.footer p{text-align:center; line-height:24px; padding:8px 0px; color:#8093A1; font-size:12px;}
/* 在线客服代码 */
.kefu_online{position:fixed; z-index:10; top:50%; right:0px; width:163px;}
.kefu_icon{position:absolute; z-index:12; top:50%; right:0px; margin-top:-58.5px; width:29px; height:117px; border:1px solid #f1f1f1; border-right:0px; background:url(float_s.gif) -30px -397px; cursor:pointer; }
.kefu_icon_show{background-position:0px -397px !important;}
.kefu_icon_hide{background-position:-30px -397px !important;}
.kefu_list{display:none; position:absolute; z-index:11px; top:50%; right:-134px; margin-top:-143.5px; width:120px; height:287px; border:7px solid #569BD4; background-color:#FFF;}
.kefu_list li{height:40px; line-height:40px; margin:0px 10px; border-bottom:1px solid #E6E5E4; text-indent:28px; color:#666666;}
.qq_online{background:url(float_s.gif) 0px -8px; border-color:#ACE5F9 !important;}
.online_query{background:url(float_s.gif) 0px -154px; border-color:#ACE5F9 !important;}
.kefu_list li a{color:#00A0E9;}
.kefu_list li a:hover{color:#8093A1;}
.qq_bg{background:url(float_s.gif) 0px -322px; }

/* index - banner */
.full_banner{width:100%; position:relative; height:480px; background:#FFF; overflow:hidden;}
.full_banner .bd{margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.full_banner .bd ul{width:100% !important;}
.full_banner .bd li{width:100% !important; float:left; height:450px; overflow:hidden; text-align:center;}
.full_banner .bd li a{ display:block; height:450px;}
.full_banner .hd{width:100%; position:absolute; z-index:1; bottom:0px; background:#f2f2f2; border-bottom:solid 1px #ccc; left:0; height:30px; line-height:30px; text-align:center;}
.full_banner .hd ul{text-align:center; padding-top:5px;}
.full_banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(tg_flash_p.png) -18px 0; overflow:hidden; 
line-height:9999px; 
}
.full_banner .hd ul .on{background-position:0px 0px;}
/* index - main */
/* main_line */
.main_line{height:35px; background-color:#8093A1;}
/* notice_box */
.notice_box{width:400px; height:35px; position:relative; z-index:1; top:0px; left:0px; margin-left:68px;}
.notice_box .notice_title,.notice_box .notice_more{line-height:35px; position:absolute; z-index:2; top:0px;}
.notice_box .notice_title{left:0px; color:#FFF; left:0px;}
.notice_box .notice_more{right:15px; right:0px;}
.notice_box .notice_more a{color:#00FCFF;}
#notice_scroll{width:300px; height:35px; left:40px;}
#notice_scroll div{line-height:35px; color:#FFF; overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis;  -moz-binding: url('ellipsis.xml#ellipsis');}
#notice_scroll div a{color:#FFF;}
/* search_form */
.search_form{background-color:#FFF; width:230px; height:25px; padding-left:6px; margin-right:34px; margin-top:5px; -moz-border-radius: 2px;  -webkit-border-radius: 2px;  border-radius: 2px;}
.search_form input{border:0px; color:#B3B4B8; height:25px; line-height:25px;}
.seach_icon{width:25px; height:25px; cursor:pointer; background:url(search_icon.jpg) center center no-repeat;}
/* main_info */
.main_info{padding-left:65px; margin-top:25px;}
.main_info_single{width:220px; height:317px; padding:0px 35px;}
.mein_info_bg{background:url(line_bg.jpg) right center no-repeat;}
.main_info_single:hover{background-color:#f1f1f1;}
.main_info_single .single_bg{background-image:url(single_bg.png); background-repeat:no-repeat; height:155px;}
.single_1{background-position:0px 0px;cursor:pointer;}
.single_2{background-position:0px -155px;cursor:pointer;}
.single_3{background-position:0px -310px;cursor:pointer;}
.single_4{background-position:0px -465px;cursor:pointer;}
.main_info_single h3{height:22px; line-height:22px;}
.main_info_single h3 span,.main_info_single h3 a{display:block;}
.main_info_single h3 span{font-size:22px; color:#000;}
.main_info_single h3 a{width:70px; height:22px; text-align:center; margin-left:6px; background:url(but_bg.png) left 0px no-repeat; color:#fff; line-height:22px;}
.main_info_single h3 a:hover{background:url(but_bg.png) left -22px no-repeat;}
.main_info_single p{line-height:25px; color:#7E7E7E; clear:both; text-align:justify; padding-top:8px; font-size:14px;}
/* frend_img_full */
.friend_img_full{height:105px; background-color:#569BD4;}
.friend_img_t{padding-left:130px; font-weight:700;}
.friend_img_t,.friend_img_t a{height:45px; line-height:45px; color:#518DBD; font-size:16px;}
.friend_img{padding-top:29px; padding-left:130px; overflow:hidden;}
.friend_img li{float:left; margin-right:80px;}


/* list - main */
.list_banner_h{height:180px;}
.list_main{margin-top:35px;}
.list_menu{width:160px; height:auto;}
.list_menu a{display:block; width:152px; height:47px; margin:0px auto; margin-bottom:14px; line-height:47px; background:url(list_menu_bg333.jpg) left -47px no-repeat; color:#333; font-size:14px; text-indent:45px;}
.list_menu a:hover{background-position:left 0px; color:#1E95FB;}	
.list_menu_h{background-position:left 0px !important; color:#1E95FB !important;}
.list_cont{ width:816px; padding:15px 45px;}
/* 列表 */
.list_cont li{height:35px; line-height:35px; border-bottom:1px dotted #CCCCCC; text-indent:1em; padding-right:12px; overflow:hidden;}
.list_cont li a,.list_cont li span{display:block; font-size:13px;}
.list_cont li a{float:left; width:730px; overflow:hidden;  white-space:nowrap;  text-overflow:ellipsis; -o-text-overflow:ellipsis;  -moz-binding: url('ellipsis.xml#ellipsis');}
.list_cont li a:hover{color:#0C7DC3; text-decoration:underline;}
.list_cont li span{float:right;}
.pager{line-height:45px; text-align:right; margin-right:50px;}
/* 页内容 */
.list_cont h1{height:45px; line-height:45px; text-align:center; font-size:22px; color:#404040;}
.news_info{height:28px; line-height:28px; text-align:center; color:#666;}
.news_cont{ color:#1F1F1F; line-height:25px; padding:5px 0px; font-size:12px; text-align:justify;}
.news_cont p{ color:#1F1F1F; line-height:25px; padding:5px 0px; font-size:12px; text-align:justify;}
.newstitle{ line-height:35px; font-size:24px; color:#000000; width:100%; text-align:center;}
.news_cont2{padding:5px; line-height:25px;}
.list_cont2{ width:900px; padding:15px 45px;}
.news_cont2{ color:#1F1F1F; line-height:45px; padding:5px 0px; font-size:24px; text-align:justify;}
.news_cont2 p{ color:#1F1F1F; line-height:45px; padding:5px 0px; font-size:16px; text-align:justify;}
.news_cont2 strong{ color:#1F1F1F; line-height:45px; padding:5px 0px; font-size:16px; text-align:justify;}

.indexboxbut{background:url(buy1.jpg) no-repeat;text-align:center;line-height:47px; margin:0 auto; width:175px; }
.indexboxbut:hover {background:url(buy2.jpg) no-repeat;;text-decoration: none;}
.indexbutton { COLOR: #fff; width:175px; height:47px; font-size:14px; line-height:47px;text-align:center;}
.indexbutton:hover {COLOR: #fff;text-decoration: none;}

.pppadding ul{ padding-bottom:10px;}
.ttp{ height:38px; line-height:38px; background:#00a13a;}			
.ttp2{ width:988px; margin:0px auto;}
.welcome{ float:left; color:#fff; padding-right:60px;}
.top_time span font{ color:#fff !important; width:220px; float:left;}
.top_time span{ color:#fff;}
.nav li{ height:60px;}
.main{ background:#f5f5f5; width:100%; float:left;}
.main_01{ height:240px; width:986px; margin-bottom:20px; margin-top:15px; background:#fff; border: solid 1px #ccc;}
.aboutus,.zhici{ width:320px; float:left; height:240px; border-right:solid 1px #ccc; overflow:hidden;}
.border0{ border:0px;}
.zrfz,.hxcc{ float:left; height:240px;  border:solid 1px #ccc;}
.zrfz{ }
.hxcc{ float:right;}
.title{ height:85px; line-height:85px; font-size:24px; background:#9dd685; text-align:center; color:#333;}
.sub li{ height:28px; line-height:28px;}



#demo { 
background: #FFF; 
overflow:hidden; 
width: 948px; margin:0px auto; 
} 
#demo img { 
border: 3px solid #F2F2F2; 
} 
#indemo { 
float: left; 
width: 800%; 
} 
#demo1 { 
float: left; 
} 
#demo2 { 
float: left; 
} 



/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{  height:auto; overflow:hidden; padding:0px;}
.device .scroll{ height:96px; overflow:hidden; position:relative; margin:0px 10px;}
.device .scroll ul{ position:absolute; left:0; top:0; height:96px; overflow:hidden;}
.device h2{ height:29px; line-height:18px; text-align:left; font-size:12px; border-bottom:solid 1px #e2e2e2; padding:5px 0px 0px 5px;}
.device h2 a{ display:block; float:right; padding-right:0px;color:#686363;}
.device ul{ overflow:hidden;}
.device ul li{ width:320px; height:96px; margin-right:10px; margin-bottom:10px; overflow:hidden; position:relative; float:left;}
.device ul li img{ width:160px; height:90px; position:absolute; left:0; top:0; z-index:10; border:solid 1px #ccc; padding:2px;}
.device ul li:hover img{ border:solid 1px #9dd685}
.device ul li a.link{ display:block; width:160px; height:24px; line-height:24px; text-align:left; color:#333; font-size:12px; position:absolute; left:178px; top:0; z-index:20;}
.scroll li a{ float:left;}