/* 培恋网（www.xiaopeijx.com）做最好的织梦整站模板下载网站

网页背景色变灰色
html{filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-ms-filter: grayscale(1);
-o-filter: grayscale(1);}
*/
@charset "utf-8";
/* CSS Document */

html{ background:url(../images/index_bg.gif) no-repeat top center #fff; display:block;}
body { 0 280px repeat-x;min-width:960px;color:#666;font-size: 12px;font-family:Simsun,Microsoft YaHei, Verdana, Arial;height:auto; behavior:url(style/images/csshover3.htc);}

a {color: #5c5751;text-decoration: none;}
a:hover {text-decoration: none;color:#f55518;}
h2{ float:left; font-family:"微软雅黑"; font-size:15px; font-weight:bold; color:#0a37b0; padding-left:20px; padding-top:10px; _padding-top:10px;}
h6{ width:40px; float:right; line-height:55px; color:#999; padding-right:20px;}
h6 a{ color:#0a37b0;}
h6 a:hover{ color:red;}

.more{ float:right; padding-right:15px; margin-top:13px;}

.w960{ width:960px; margin:0 auto; overflow:hidden;}
.blank10{ height:10px; overflow:hidden;}
.blank20{ height:20px; overflow:hidden;}
.clear{ clear:both;}
.blankw10{ float:left; width:11px; height:10px; display:block;}
.border1{ border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf;}


/*header*/
.header{ width:960px; margin:0 auto; overflow:hidden;}
.header_top{ width:960px; line-height:30px; overflow:hidden; color:#666;}
.header_top a{ color:#666;}
.header_top a:hover{ color:red;}
.header_top_l{ width:600px; float:left; font-size:14px;}
.header_top_r{ width:270px; float:right;font-size:14px;}

.header_content{ width:960px; height:136px; background:url(../images/header_bg_en.gif) no-repeat; margin:0 auto; overflow:hidden; margin-bottom:1px;}

/*nav*/
.nav{ width:960px; background:url(../images/nav_bg.gif) no-repeat; height:44px; overflow:hidden;}
.nav ul{ line-height:40px; width:960px; background:url(../images/nav_bg.gif) repeat-x; margin:0 auto;}
.nav ul li{ float:left; width:86px; height:40px; text-align:center; margin:0 9px; _margin:0 8px;}
.nav ul li.sy{ padding:0;}
.nav ul li a{ width:86px; height:40px; display:block; color:#fff; font-family:"微软雅黑"; font-size:14px; font-weight:bold;}
.nav ul li.nav_bg a{ background:url(../images/nav_con.gif) no-repeat; color:#8f0000;}
.nav ul li a:hover{ background:url(../images/nav_con.gif) no-repeat; color:#8f0000;}

/*search*/
.search_top{}

.search{ float:left; width:944px; height:45px; margin:0 auto; overflow:hidden; background:url(../images/nav_c.gif) repeat-x; margin-top:10px;}
.search_l_con{ float:left; width:8px; height:35px; background:url(../images/nav_l.gif) no-repeat;}
.search_r_con{ float:left; width:8px; height:35px; background:url(../images/nav_r.gif) no-repeat;}
.search-l{ width:600px; float:right; line-height:31px; color:#055d86; font-size:14px;}
.search-l strong{ color:#055d86; font-size:14px;}
.search-r{ float:left; width:300px; height:23px; padding:3px 0 0 0;}
.search-r input.text1{ width:200px; height:21px; border:1px solid #cccccc; font-size:12px; line-height:21px; padding-left:6px; color:#555; background:#fff;}
.search-r input.image{ width:49px; height:21px; padding-left:5px;}

/*banner*/
.banner{ clear:both; padding-top:1px;}
#inner { width: 960px; margin: 0 auto;}
.hot-event { padding: 305px 0 0; position: relative;}
    .hot-event .switch-tab { text-align: center; padding: 10px 0;}
	.switch-tab{ z-index:100; position:relative; margin-top:40px;}
        .hot-event .switch-tab a, .hot-event .switch-tab .current { margin: 0 2px; display: inline-block; width: 15px; height: 15px; background-image: url(../../../img/bg.png); background-position: -161px 0; font: 0/0 arial; color: transparent; overflow: hidden; vertical-align: top;}
        .hot-event .switch-tab .current { background-image:url(../../../img/bg.png); background-position: -195px 0; }
    .hot-event .switch-nav { position: absolute; right: 12px; top: 300px; z-index: 2; }
        .hot-event .switch-nav .i-prev { background-image: url(../../../img/bg.png); background-position: -127px 0; }
        .hot-event .switch-nav .prev { border-radius: 3px 0 0 3px; border-width: 1px;}
        .hot-event .switch-nav .next { border-radius: 0 3px 3px 0; border-width: 1px 1px 1px 0; }
        .hot-event .switch-nav .i-next { background-image: url(../../../img/bg.png); background-position: -144px 0;}
        .hot-event .switch-nav a { display: inline-block; padding: 7px 16px; background: rgba(0,0,0,.3); border-style: solid; border-color: rgba(255,255,255,.6); }
            .hot-event .switch-nav a:hover { background: rgba(0,0,0,.2);}
    .hot-event .event-item { height: 380px; width: 960px; position: absolute; z-index: 1; left: 0; top: 0;}
        .hot-event .event-item .banner { display: block;}
        .hot-event .event-item img {}
.hide-clip { position: absolute!important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); padding: 0!important; border: 0!important; height: 1px!important; line-height: 0!important; width: 1px!important; overflow: hidden; }
a { color: #4385a7; }
a { text-decoration: none; }
    a .ico { cursor: pointer; }
.ico { display: inline-block; width: 16px; height: 16px; vertical-align: middle; overflow: hidden;}

.banner_bottom{ height:35px; background:url(../images/banner_bottom.gif) no-repeat;}

/*content*/
.content{}

.product_list{ width:201px; float:left;}
.product_list_top{ width:201px; height:71px; background:url(../images/product_list_top.gif) no-repeat;}
.product_list_top h1{ font-family:"宋体"; font-size:18px; text-align:center; color:#fff; line-height:50px;}
.product_list_content{ width:199px; border-left:1px solid #98caef; border-right:1px solid #98caef; border-bottom:1px solid #98caef; padding-bottom:10px;}
.product_list_content ul{ width:180px; margin:0 auto;}

.product_show{ width:738px; float:right;}

.content_part1{ width:1200px; height:2467px; background:url(../images/part1.jpg) no-repeat center; margin:0 auto;}

.case{}
.case_top{ width:958px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.case_content{ width:958px; height:198px; overflow:hidden; padding:15px 0 5px;}
.case_content ul{}
.case_content ul li{ width:200px; float:left; padding:0 19px; _padding:0 17px; text-align:center;}
.case_content ul li img{ width:200px; height:170px; border:1px solid #bfbfbf; padding:1px;}
.case_content ul li span{ height:30px; line-height:30px;}

.case1{ width:278px; float:left;}
.case1_top{ width:278px; height:37px; overflow:hidden; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf;}
.case1_content{ width:278px; overflow:hidden; padding:15px 0 0;}
.case1_content ul{}
.case1_content ul li{ width:115px; float:left; text-align:center; padding:0 11px 5px; _padding:0 10px 5px;}
.case1_content ul li img{ width:115px; height:60px; border:1px solid #bfbfbf; padding:1px;}
.case1_content ul li span{ height:30px; line-height:30px;}

.case2{ width:665px; float:right;}
.case2_top{ width:663px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.case2_content{ padding:15px 0 7px;}
.case2_content ul{ width:625px; margin:0 auto;}
.case2_content ul li{ width:625px; overflow:hidden; margin-bottom:10px;}
.case2_content ul li a{ color:#000;}
.case2_content ul li a:hover{ color:red;}
.case2_content ul li img{ width:154px; float:left; padding:1px; border:1px solid #bfbfbf;}
.case2_content ul li span{ width:420px; float:left; padding-left:20px; line-height:28px;}

.company{}
.company_show{ width:665px; float:left;}
.company_show_top{ width:665px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.company_show_content{ width:665px; padding:15px 0 10px; overflow:hidden;}
.company_show_content p{ width:390px; height:215px; overflow:hidden; float:left; line-height:24px;}

.video{ width:226px; height:205px; padding:3px 20px 0 15px; float:left;}

.book{ width:280px; height:280px; overflow:hidden; float:right;}
.book_top{ width:278px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.book_content{ padding:15px 0 5px;}
.book_content ul{ margin-left:63px;}
.book_content ul li{ width:135px; text-align:center;}
.book_content ul li img{ width:135px; height:160px; border:3px solid #bfbfbf; padding:1px;}
.book_content ul li span{ height:30px; line-height:30px;}

.news{}
.news1{ width:280px; float:left;}
.news1_top{ width:280px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.news1_content{ width:280px; padding:10px 0;}
.news1_content ul{ width:255px; margin:0 auto;}
.news1_content ul li{ height:35px; line-height:35px; border-bottom:1px dashed #bfbfbf; padding-left:20px; background:url(../images/list_con2.gif) no-repeat left center; background-position:5px 14px;}
.news1_content ul li a{ color:#000;}
.news1_content ul li a:hover{ color:red;}

.news2{ width:330px; float:left; padding-left:10px;}
.news3{ width:330px; float:right;}

.news2_top{ width:328px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.news2_content{ width:328px; padding:19px 0 10px; overflow:hidden;}
.news2_content_to{ width:300px; margin:0 auto;}
.news2_content_to ul{}
.news2_content_to ul li{}
.news2_content_to ul li a{ color:#000;}
.news2_content_to ul li a:hover{ color:red;}
.news2_content_to ul li h3{ height:25px; line-height:25px; overflow:hidden;}
.news2_content_to ul li img{ width:120px; height:110px; float:left; padding:1px; border:1px solid #bfbfbf;}
.news2_content_to ul li span{ width:160px; float:right; line-height:24px;}
.news2_content_to ul li p{ height:90px; overflow:hidden; text-indent:2em;}
.news2_content_bo{ width:300px; margin:0 auto;}
.news2_content_bo ul{}
.news2_content_bo ul li{ height:30px; line-height:30px; _height:28px; _line-height:28px; border-bottom:1px dashed #bfbfbf;}
.news2_content_bo ul li h4{ float:left; font-weight:normal;}
.news2_content_bo ul li a{ color:#000;}
.news2_content_bo ul li a:hover{ color:red;}
.news2_content_bo ul li span{ float:right;}

.flink{}
.flink_top{ width:958px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.flink_content{ width:958px; overflow:hidden; padding:10px 0; line-height:24px;}
.flink_content ul{}
.flink_content ul li{ float:left; padding:0 29px;}
.flink_content ul li a{ color:#666;}
.flink_content ul li a:hover{ color:red;}

/*footer*/
.footer{}
.footer_nav{ width:960px; height:35px; background:#0038cf; font-family:"微软雅黑"; color:#fff; line-height:35px; overflow:hidden; text-align:center;}
.footer_nav a{ color:#fff; margin:0 16px;}
.footer_nav a:hover{ color:#f55518;}
.footer_text{ width:520px; float:left; text-align:center; line-height:30px; color:#000; padding:20px 0; text-align:left;}
.footer_text a{ color:#000;}
.footer_text a:hover{ color:red;}

.two{ position:absolute; top:30px; right:30px;}
.two img{ width:130px; height:130px; border:1px solid #d0d0d0;}

/*insidepage*/
.inpage_l{ float:left; width:201px;}
.inpage_news{ width:201px; overflow:hidden;}
.inpage_news_top{ width:199px; height:37px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; overflow:hidden;}
.inpage_news_top h2{ font-size:14px;}
.inpage_news_content{ background:#fff;}
.inpage_news_content ul{ width:170px; overflow:hidden; padding:0 8px;}
.inpage_news_content ul li{ width:165px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dashed #bfbfbf; padding-left:20px; line-height:30px; background:url(../images/list_con2.gif) no-repeat left center; background-position:5px 12px;}

.contact{}
.contact_top{ width:201px; height:50px; background:url(../images/contact.gif) no-repeat; padding-left:10px; overflow:hidden;}
.contact_top h2{ line-height:47px; font-size:16px; color:#fff;}
.contact_content{ padding-left:10px; line-height:24px;}

/*图片频道首页*/
.inpage_r_pic{ float:right; width:730px;}
.inpage_r_pic_top{ height:33px; background:url(../images/top_bg.gif) repeat-x; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; line-height:40px; padding:0 10px; overflow:hidden;}
.inpage_r_pic_top h2{ float:left; font-family:"宋体"; font-size:14px; line-height:15px; font-weight:bold; padding-left:20px;}
.inpage_r_pic_top a{ color:#666;}
.inpage_r_pic_top a:hover{ color:red;}
.inpage_r_pic_top span{ float:right;}
.inpage_r_img{ width:201px; height:176px;}

.inpage_r_content{ width:728px; padding:10px 0; border:1px solid #bfbfbf; overflow:hidden; background:#fff;}
.inpage_r_content ul{ width:690px; margin:0 auto;}
.inpage_r_content ul li{ float:left; padding:10px 14px 0;}
.inpage_r_content ul li img{ border:1px solid #bfbfbf;}
.inpage_r_content ul li p{ text-align:center; line-height:30px;}

/*图片内容页*/
.inpage_r_content_img{ width:700px; margin:0 auto; padding:10px 0; overflow:hidden;}
.inpage_r_content_img h2{ width:680px; font-family:"微软雅黑"; font-size:20px; font-weight:bold; text-align:center;}
.inpage_big_img{ text-align:center; padding:10px 0;}
.thumb1{ width:350px; float:left;}
.thumb1 img{ border:1px solid #CCCCCC;}
.thumb1_explain{ width:350px; height:300px; float:right; line-height:24px; text-align:left;}
.thumb1_explain_title{ font-size:16px; font-weight:bold; height:35px; overflow:hidden; line-height:35px; border-bottom:1px solid #666;}
.thumb1_explain_co{ padding-top:10px; height:140px;}
.pic_sm{ width:680px; overflow:hidden; font-size:14px; line-height:20px; padding:30px 10px 0; text-indent:2em; text-align:left; margin:10px 0;}
.pic_show_info{ clear:both; padding-top:30px; text-align:center;}
#pages{ clear:both; float:right; padding-right:20px;}

.related{ width:350px; height:220px; float:right; margin:0 auto;}
.related_to{ width:350px; height:30px; background:#e4e4e4;}
.related_to h1{ padding-left:20px; line-height:30px;}
.related_co{ width:348px; overflow:hidden; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.related_co ul{}
.related_co ul li{ width:100px; float:left; text-align:center; padding:10px 8px 10px 7px;}
.related_co ul li img{ width:100px; height:80px; border:1px solid #666; padding:1px;}


/*新闻频道首页*/
.inpage_l_news{ float:right; width:210px;}

.inpage_r_news{ float:right; width:730px;}
.inpage_r_news_top{ height:33px; background:#f0f0f0; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; line-height:40px; padding:0 10px; overflow:hidden;}
.inpage_r_news_top h2{ float:left; font-family:"宋体"; font-size:14px; line-height:15px; font-weight:bold; padding-left:20px;}
.inpage_r_news_top a{ color:#666;}
.inpage_r_news_top a:hover{ color:red;}
.inpage_r_news_top span{ float:right;}

.inpage_r_news_list{ width:690px; margin:0 auto;}
.inpage_r_news_list ul{ width:690px; list-style-type:disc;}
.inpage_r_news_list ul li{ width:680px; padding:10px; border-bottom:1px dashed #c8c8c8;}
.inpage_r_news_list ul li a{ float:left;}
.inpage_r_news_list ul li span{ float:right;}

.pages{ clear:both; float:right; padding-top:10px;}

/*新闻内容页*/
.inpage_r_content_news{ width:728px; padding:10px 0; overflow:hidden;}
.inpage_r_content_news h2{ font-family:"微软雅黑"; font-size:20px; font-weight:bold; text-align:center; width:700px; margin:0 auto;}
.inputtime{ clear:both; width:700px; margin:0 auto; text-align:right; padding:10px 10px 10px 0; border-bottom:1px solid #999;}
.inage_r_news_pic{ clear:both; width:690px; margin:0 auto; text-align:center; padding:10px 0;}
.news_sm{ text-indent:2em; text-align:left; padding:10px 0; line-height:20px;}
.news_show_info{ float:right; padding-right:20px;}
.news_next{}

/*下载内容页*/
.down_content{ width:690px; margin:0 auto;}
.inpage_r_down_list{}
.inpage_r_down_list ul{ width:690px; margin:0 auto;}
.inpage_r_down_list ul li{ width:690px; border-bottom:1px dashed #c8c8c8;}
.inpage_r_down_list ul li a img{ border:none;}
.inpage_r_down_list ul li p{ float:left; padding-top:5px;}
.inpage_r_down_list ul li span{ float:right;}

/*单页*/
.inpage_r_content_page{ width:690px; overflow:hidden; margin:0 auto;}
.inpage_r_content_page h2{ width:690px; margin:0 auto; font-family:"微软雅黑"; font-size:24px; font-weight:bold; text-align:center; padding-bottom:10px; border-bottom:1px solid #bfbfbf; padding-left:0;}
.inpage_r_content_page_text{ line-height:24px; text-align:left;}


/*在线留言*/
.news_sm th{ text-align:left; line-height:40px; font-family:"微软雅黑";}
.table_form tbody th{border-bottom: 1px dashed #EEE; padding:10px 0;}
.table_form input{ border:#d9d9d9 1px solid;}
.table_form .button{ cursor:pointer;}

.inpage_r_reg{ float:right; width:728px;}
.inpage_r_reg_top{ height:33px; background:#f0f0f0; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; line-height:40px; overflow:hidden;}
.inpage_r_reg_top h2{ float:left; font-family:"宋体"; font-size:14px; font-weight:bold; line-height:15px; padding-left:20px;}
.inpage_r_reg_top a{ color:#666;}
.inpage_r_reg_top a:hover{ color:red;}
.inpage_r_reg_top span{ float:right; padding-right:20px;}
.inage_r_reg_cotent{ padding:10px 0; background:#fff;}

/*人才招聘*/
.inpage_r_jop{ float:right; width:728px;}
.inpage_r_jop_top{ height:33px; background:#f0f0f0; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; line-height:40px; overflow:hidden;}
.inpage_r_jop_top h2{ float:left; font-family:"宋体"; font-size:14px; font-weight:bold; line-height:15px; padding-left:20px;}
.inpage_r_jop_top a{ color:#666;}
.inpage_r_jop_top a:hover{ color:red;}
.inpage_r_jop_top span{ float:right; padding-right:20px;}

.button{ cursor:pointer; }

.inpage_r_job{ float:right; width:728px;}
.inpage_r_job_top{ height:33px; background:#f0f0f0; border-top:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; line-height:40px; overflow:hidden;}
.inpage_r_job_top h2{ float:left; font-family:"宋体"; font-size:14px; line-height:15px; font-weight:bold; padding-left:20px;}
.inpage_r_job_top a{ color:#666;}
.inpage_r_job_top a:hover{ color:red;}
.inpage_r_job_top span{ float:right; padding-right:20px;}
.inpage_r_job_content{}



/*js效果样式*/

/*产品列表*/
#menu{}
#menu li{ width:180px; line-height:28px; _line-height:15px; background:#2b97e4; border-bottom:1px solid #bfbfbf;}
#menu li a{ color:#fff; padding-left:20px; display:block;}
#menu li a:hover{ color:red;}
#menu li ul li{ width:160px; height:27px; padding-left:20px; background:url(../images/list_con.gif) no-repeat #fff left center; background-position:20px 13px; overflow:hidden; border-bottom:1px dashed #bfbfbf;}
#menu li ul li a{ color:#000;}
#menu li ul li a:hover{ color:red;}

		
/*产品展示*/
#product_box{width:736px; height:480px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position: relative; background:#fff; overflow:hidden;}

.product_title{width:736px; height:37px; position: absolute; top:0px; left:0px; background:#f9f9f9; list-style: none; background:url(../images/top_bg.gif) repeat-x;}
.product_title li {width:100px; height:37px; float:left; line-height: 37px; text-align: center; font-size: 14px; font-family:"宋体"; font-weight:bold; color:#333; cursor: pointer;}
.product_title span{width:auto; height:37px; float:right; line-height: 37px; text-align: center; font-size: 12px; font-family: 'Arial'; margin-right:10px; color:#ff0000;}
.product_active{ background:url(../images/product_show_bg.gif) no-repeat;}

#product_context{width:736px; height:auto; position: absolute; top:55px; _top:55px;}
#product_context ul{position: absolute; left:0px; top:0px; display: none;}
#product_context ul li{width:200px; height:auto; float:left; text-align:center; padding:0 10px 12px 28px;}
#product_context ul li img{ width:200px; height:170px; border:1px solid #bfbfbf; padding:1px;}
#product_context ul li span{ width:200px; height:30px; line-height:30px; overflow:hidden;}

/*点击滚动*/
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			

	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:250px;
		background:#fff;		
		margin-bottom:2em;
		}	
	#content{
		position:relative;
		}			

/* Easy Slider */

	#slider{}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:250px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:250px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;
		}	
	#nextBtn a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}												
