@charset "utf-8";
@import url('style.skins.css');
/* CSS Document */
html, body, ul, li ,h2,h3,p{padding:0; margin:0;}
body {font-family:微软雅黑; font-size:13px; background:#f1f1f1; color:#444;}
ul,li {list-style-type:none; }
.clear {clear:both; *display:inline;/*IE only*/}
image{border:none;}
a{text-decoration:none; color:#444;}
a:hover{color:#999;}

h1,h2,h3{float:left; font-weight:100; padding:0; margin:0;}

.slider-page{bottom:8%;}

/**头部**/
.headpage{width:100%; height:130px;z-index:999; position:absolute;}
.header{height:130px; width:1140px; margin:0 auto; position:relative;}
.logo{float:left; width:430px; height:81px; margin-top:28px;}
.header-right{float:right;width:710px;height:109px;}
.language{width:710px; text-align:right; height:45px; line-height:45px; }
.language a{}
.language a:hover{color:#f69c08;}

/**导航**/
.navpage{width:100%; height:30px;}
.nav{width:710px; margin:auto;height:30px; background:url(../images/menu_bg.png) no-repeat; border-radius:20px;}
.en .nav{width:710px; margin:auto;height:30px; background:url(../images/menu_bg_en.png) no-repeat; border-radius:20px;}
.jp .nav{width:710px; margin:auto;height:30px; background:url(../images/menu_bg_jp.png) no-repeat; border-radius:20px;}
.nav ul{width:705px; margin:auto; margin-left:0px;}
.nav ul li{}
.nav ul li a{color:#333; padding:0 17px; display:block; margin:0;line-height:30px;}
.en .nav ul li a{color:#333; padding:0 25px; display:block; margin:0;line-height:30px;}
.jp .nav ul li a{color:#333; padding:0 14px; display:block; margin:0;line-height:30px;}
.nav ul li a:hover{color:#fff; background:#004b8e;}
.nav ul li .selected{color:#fff; background:#004b8e;}
.en .nav ul li .selected{color:#fff; background:#004b8e;}
.jp .nav ul li .selected{color:#fff; background:#004b8e;}
.nav .first .selected{color:#fff; background:url(../images/first_hover.png) no-repeat;}
.en .nav .first .selected{color:#fff; background:url(../images/first_hover.png) no-repeat;}
.jp .nav .first .selected{color:#fff; background:url(../images/first_hover.png) no-repeat;}
.nav .last .selected{color:#fff; background:url(../images/last_hover.png) no-repeat; }
.en .nav .last .selected{color:#fff; background:url(../images/last_hover.png) no-repeat;}
.jp .nav .last .selected{color:#fff; background:url(../images/last_hover.png) no-repeat;}
.nav ul ul{z-index:200; width:200%; padding-left:0;}
.nav ul ul li{background:#004b8e;padding-left:0;}
.nav ul ul li a{margin:0; padding:0; text-align:center;color:#fff; display:block}
.en .nav ul ul li a{margin:0; padding:0; text-align:center;color:#fff; display:block}
.jp .nav ul ul li a{margin:0; padding:0; text-align:center;color:#fff; display:block}
.nav ul ul li a:hover{background:#fff; color:#333;}
.nav ul ul ul{margin-left:0px; width:100%;}
.nav .first a{padding-left:23px;}
.nav  ul li ul .first a{padding-left:0;}
.nav  ul li ul .first a:hover{color:#333; background:#fff;}
.nav  ul li ul .last a:hover{color:#333; background:#fff;}
.nav .first a:hover{color:#fff; background:url(../images/first_hover.png) no-repeat;}
.nav ul .last{width:94px;}
.nav ul li ul .last{width:initial;}
.en .nav ul .last{width:94px;}
.en .nav ul li ul .last{width:initial;}
.jp .nav ul .last{width:94px;}
.jp .nav ul li ul .last{width:initial;}
.nav .last a{}
.nav .last a:hover{color:#fff; background:url(../images/last_hover.png) no-repeat;}


/**banner**/
.banner{width:100%; margin:auto; }
.slider-page-item{text-indent:0; text-align:center; background:none; border:1px solid #fff; width:18px; height:18px; border-radius:20px; font-size:12px; color:#fff;}
.slider-page-active{background:#004B8E;}



/**main*/
.mainpager{background:#FCFBF9 url(../images/mainbg.jpg) no-repeat; width:100%; }
.mainpage{width:1140px; height:435px; margin:auto;}
.main{width:1140px; margin:auto; height:455px; border:1px solid #eee; background:#fff; position:absolute; margin-top:-25px; z-index:999; border-radius:10px; box-shadow:0px 1px 1px #ddd;}
.maininside{width:1100px; margin:auto; padding-top:15px;}
.news{float:left; width:315px; height:205px; border:1px solid red;}
.news-title{border-top:3px solid #009ce0; width:85px;}
.about{float:left; width:425px; height:205px; margin-left:22px; border:1px solid red;}

.h_news{ width:340px; float:left}
.h_contact{ width:315px; float:left}
.h_news .news_part_one{ width:305px; float:left; margin:20px 0 8px 0; padding-bottom:15px; border-bottom:1px #ddd dotted; display:inline}
.h_news .news_part_one .time{ width:70px; float:left}
.h_news .news_part_one B{ width:56px; height:43px; background:#d7d7d7; text-align:center; line-height:43px; font-size:24px; color:#fff; float:left; font-weight:normal}
.h_news .news_part_one span{ width:56px; height:20px; line-height:20px; background:#999; text-align:center; color:#d5d5d5; float:left}
.h_news .news_part_one .n_title{ width:235px; float:left}
.h_news .news_part_one .n_title H1 a{ color:#222; line-height:24px; font-size:14px}
.h_news .news_part_one .n_title H1 a:hover{ color:#f70}
.h_news .news_part_one .n_title H2{ width:235px; line-height:20px; font-size:12px; color:#999}
.h_news .news_part_two{ width:305px; float:left}
.h_news .news_part_two li{ width:305px; line-height:24px}
.h_news .news_part_two li span{float:right; color:#bbb;}
.h_news .news_part_two li a{background:url(../images/h_news_icon.gif) no-repeat 2px 4px; font-size:12px; padding-left:15px}
.h_news .news_part_two li a:hover{color:#f70;}
.title{width:315px; float:left;}
.title H1{ color:#009ce0; width:90px; font-size:14px; height:30px; text-align:center; line-height:30px; border-top:3px #009ce0 solid; border-right:1px #e1e1e1 solid}
.title H2{ border-bottom:1px #e1e1e1 solid;height:32px; width:210px; line-height:32px; padding-left:14px; color:#cacaca; text-transform:uppercase; font-size:11px;}
.title H2 span{ float:left}
.title H2 a.more{ float:right; width:45px; height:11px; background:url(../images/more.gif) no-repeat 0 0; margin-top:10px}
.h_company { width:445px; float:left}
.h_company .title{width:420px;}
.h_company .title H2{ width:315px}
.h_company .company_pic{ width:125px; float:left; padding:20px 20px 0 0;}
.h_company .company_intro{width:280px; float:left; padding-top:16px;}
.h_company .company_intro H1{ width:280px; font-size:14px; color:#222; line-height:30px}
.h_company .company_intro H2{width:280px; line-height:28px; font-size:12px}
.contact{ width:310px; padding-top:12px; background:url(../images/conbg.jpg) no-repeat right bottom; float:left}
.contact .telphone{ width:305px; background:url(../images/tel.png) no-repeat 5px 0; height:55px;float:left}
.contact-detail{padding-top:3px; height:119px; float:left; padding-left:45px; line-height:29px;}
.en .contact-detail{padding-top:3px; height:119px; float:left; padding-left:45px; line-height:29px; font-size:12px;}
.products .title{width:1100px; float:left;}
.products .title H1{ color:#009ce0; width:60px; font-size:14px; height:30px; text-align:center; line-height:30px;border:0;}
.products .title H2{ border:0;height:32px; width:1025px; line-height:32px; padding-left:14px; color:#cacaca; text-transform:uppercase; font-size:11px;}
.products .title H2 span{ float:left}
.products .title H2 a.more{ float:right; width:45px; height:11px; background:url(../images/more.gif) no-repeat 0 0; margin-top:10px}


.products{width:1100px; height:180px; float:left; margin-top:8px;}

/**产品中心**/
#marquee1{width:1100px; overflow:hidden;background:#fff; padding:15px 0 0 0;  border-top:1px solid #E1E1E1; height:140px;}
#marquee1 ul li{float:left; padding:0 8px; text-align:center; line-height:28px; font-size:12px;}
#marquee1 ul li a:hover{color:#f70;}
#marquee1 ul li img{display:block; padding:2px; border:1px solid #ccc; width:143px; height:106px;}

/**尾部**/
.footpage{width:100%; height:84px; background:url(../images/footbg.jpg) repeat-x; color:#ccc; clear:both;}
.footer{position:relative;margin:auto; width:1140px; height:84px; font-size:12px;}
.footleft{height:84px; padding-top:5px; background:url(../images/footlogo.png) 0 10px no-repeat; padding-left:90px; padding-top:10px; line-height:22px;}
.footleft a{color:#ccc;}
.footleft a:hover{color:#fff;}
.footright{position:absolute;right:0;top:0; text-align:right; font-size:12px; line-height:44px; padding-top:8px; color:#888;}
.footright a{color:#888;}
.footright a:hover{color:#ccc;}

/**内页——————main center**/
/**banner**/
.about-banner{width:100%; margin:auto; }
.slider-nav{display:none;}
.about-banner .slider-page{display:none;}
.slider-control{left:0;}

.common_width{ width:1140px; margin:0 auto; margin-top:-50px; position:relative; z-index:1; height:auto; z-index:999;}
.common_width .common_bg{background:#fff url(../images/local_bg.png) no-repeat top; float:left; margin-bottom:30px; padding-top:5px;
 border-radius:10px 10px 0 0; padding-bottom:40px; width:1140px;}
.common_width .local{width:1060px; height:50px; line-height:50px;  padding-left:40px; float:left}
.common_width .common_title{width:1100px; float:left}
.common_width .nav2,.common_title{padding-left:40px; }
.common_width .nav2 div{background:url(../images/nav_title_bg.gif) no-repeat; width:193px; height:55px;float:left}
.common_width .nav2 div H1{ font-size:18px; color:#f9bf54; width:175px; text-align:center; padding-top:15px}
.common_width .nav2 div H2{ font-size:11px;color:#f9bf54; text-transform:uppercase;width:175px; text-align:center;}
.common_width .nav2 ul{ border:1px #ddd solid; height:53px; float:left; border-right:0;}
.common_width .nav2 ul li{ border-right:1px #ddd solid; width:100px; height:53px; float:left;}
.common_width .nav2 ul li a{ background:#fefefe;width:100px; height:53px; line-height:53px; float:left; text-align:center}
.common_width .nav2 ul li a:hover{ background:#f5f5f5; color:#f70;}
.common_width .nav2 .lastpic{ background:url(../images/comp.gif) no-repeat 0 0; width:213px; border-right:1px solid #ccc; border-top:1px solid #ccc;border-bottom:1px solid #ccc;
height:53px}

.common_width .common_title{ padding-top:20px}
.common_width .common_title H1{ font-size:18px; color:#444; background:url(../images/title_icon.gif) no-repeat 0 9px; padding:5px 13px 0 13px}
.common_width .common_title H1 span{ color:#95bbe1; padding-left:15px}
.common_width .common_title #act_text{ float:left; width:500px;height:25px; overflow:hidden; margin-top:5px}
.common_width .common_title #act_text ul{width:500px;}
.common_width .common_title #act_text ul li{width:500px; height:27px; line-height:27px; color:#999}
.content_body{width:1060px; padding:20px 40px 0 40px; float:left; font-size:14px; line-height:35px;}
.content_body p.compname{ font-size:24px; width:100%; text-align:center; color:#005bac; }
.content_body p img{ padding:18px 0}
.content_body ul li{background:url(../images/pp.png) 0 12px no-repeat; text-indent:15px; border-bottom:1px dotted #ccc;}
.content_body ul li span{float:right;}
.content_body  ul p{line-height:18px; padding-bottom:5px; color:#999;}

.about-products{width:1060px; margin:auto;}
.about-list{float:left; width:208px;}
.list-number{width:206px; border:1px solid #ccc; background:#fdfbf9;}
.list-number ul{padding-bottom:20px;}
.list-number ul li{background:url(../images/pic.png) 25px 17px no-repeat; line-height:40px; text-indent:35px; border-bottom:1px dotted #ccc;}
.list-number ul li a{}
.list-number ul li a:hover{color:#e88b48;}
.list-number ul li .selected{color:#e88b48; }
.list-number ul li:hover{background:url(../images/pico.png) 25px 17px no-repeat; color:#e88b48;}
.list-number ul li ul{padding-bottom:0;}
.list-number ul li ul li{background:url(../images/line.jpg) 45px 20px no-repeat; line-height:20px; text-indent:0; border:0; border-top:1px dotted #ccc; padding:10px 0 10px 60px; }
.li.en st-number ul li ul li{background:url(../images/line.jpg) 45px 20px no-repeat; line-height:20px; text-indent:60px; border:0; border-top:1px dotted #ccc; padding:10px 0; font-size:12px;}
.list-number ul li ul li a{color:#999;}
.list-number ul li ul li a:hover{color:#e88b48;}
.list-number ul li ul li:hover{background:url(../images/line.jpg) 45px 20px no-repeat;}

.about-content{float:right; width:830px;}
.common_width .common_tit{width:870px; padding-top:0; height:39px; padding-left:0;}
.products-list{background:url(../images/listbg2.jpg) no-repeat; height:32px; padding-top:6px; font-size:18px; color:#f9bf54; width:208px; text-align:center;}

.products_content{padding-top:39px;}
.products_content ul{width:900px;}
.products_content ul li{float:left; margin-right:19px; text-align:center; margin-bottom:5px; }
.products_content_detail ul li{width:151px; height:170px; line-height:22px; }
.products_content ul li img{border:1px solid #ccc; padding:2px; width:145px; height:115px;}
.products_content ul li a{}
.products_content ul li a:hover{color:#f69c08}



.page{padding:1em 15px; overflow:hidden; float:right; width:818px; line-height:27px;}
.page a{display:block;float:left;padding:0 5px;line-height:26px;background:#F5F5F5;border:1px solid #ccc;margin:0 3px;}
.page a:hover{color:#ee411a;text-decoration:none;}
.page ul li{margin-right:0; background:none;}	
.pages{padding:2em 15px; overflow:hidden; float:right; width:1088px; line-height:27px;}
.pages a{display:block;float:left;padding:0 5px;line-height:26px;background:#F5F5F5;border:1px solid #ccc;margin:0 3px;}
.pages a:hover{color:#ee411a;text-decoration:none;}
.pages ul li{margin-right:0; background:none;}

/**客服**/
#online_qq_tab a,.onlineMenu h3,.onlineMenu li.tli,.newpage{background:url(../images/float_s.gif) no-repeat;}
.en #online_qq_tab a,.en .onlineMenu h3,.en .onlineMenu li.tli,.en .newpage{background:url(../images/float_s_en.gif) no-repeat;}
.jp #online_qq_tab a,.jp .onlineMenu h3,.jp .onlineMenu li.tli,.jp .newpage{background:url(../images/float_s_jp.png) no-repeat;}
#onlineService,.onlineMenu,.btmbg{background:url(../images/float_bg.gif) no-repeat;}
.en .tQQ{width:90px;}
.jp .tQQ{width:90px;}

#online_qq_layer{z-index:9999;position:fixed;right:0px;top:0;margin:350px 0 0 0;}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop));}

#online_qq_tab{width:28px;float:left;margin:30px 0 0 0;position:relative;z-index:9;}
#online_qq_tab a{display:block;height:118px;line-height:999em;overflow:hidden;}
#online_qq_tab a#floatShow{background-position:-30px -374px;}
#online_qq_tab a#floatHide{background-position:0 -374px;}

#onlineService{display:inline;margin-left:-1px;float:left;width:130px;display:none;background-position:0 0;padding:10px 0 0 0;}
.onlineMenu{background-position:-262px 0;background-repeat:repeat-y;padding:0 15px;}
.onlineMenu h3{height:36px;line-height:999em;overflow:hidden;border-bottom:solid 1px #ACE5F9;margin:0}
.onlineMenu h3.tQQ{background-position:0 10px;}
.onlineMenu h3.tele{background-position:0 -47px;}
.onlineMenu li{height:36px;line-height:36px;border-bottom:solid 1px #E6E5E4;text-align:center;}
.onlineMenu li.tli{padding:0 0 0 28px;font-size:12px;text-align:left;}
.onlineMenu li.zixun{background-position:0px -131px;}
.onlineMenu li.fufei{background-position:0px -190px;}
.onlineMenu li.phone{background-position:0px -244px;}
.onlineMenu li a.newpage{display:block;height:36px;line-height:999em;overflow:hidden;background-position:5px -100px;}
.onlineMenu li img{margin:8px 0 0 0;}
.onlineMenu li.last{border:0;}

.wyzx{padding:8px 0 0 5px;height:57px;overflow:hidden;background:url(../images/webZx_bg.jpg) no-repeat;}

.btmbg{height:9px;overflow:hidden;background-position:-131px 0;}