@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow:hidden; height:494px; width:100%; background:url(Img/Index/banner_bg.png) repeat-x left top;}
.banner .banner_box{ height:421px;  margin-bottom:23px;}
.banner ul{ overflow:hidden; width:132px; margin:0 auto}
.banner ul li{ float:left; cursor:pointer; width:13px; height:13px; background:url(Img/Index/banner01.png) no-repeat center; margin:0 10px;}
.banner ul .cur{ background:url(Img/Index/banner02.png) no-repeat center;}
#flashs{ position:relative; height:421px;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:20px; left:50%; margin-left:-95px; padding:0px 6px; margin-bottom:-50px;}
#flashs .btn span{ float:left; cursor:pointer; width:13px; height:13px; background:url(Img/Index/banner01.png) no-repeat center; margin:0 10px;}
#flashs .btn span.cur{ background:url(Img/Index/banner02.png) no-repeat center;}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*新品*/
.xinpin{ overflow:hidden; width:100%; height:674px; background:url(Img/Common/xinpin_bg.png) no-repeat center top;}
.xinpin .sousuo{ overflow:hidden; margin-top:25px; margin-bottom:50px;}
.xinpin .sousuo .sousuo_box{ overflow:hidden; width:346px; height:46px; background:url(Img/Common/sousuo.png) no-repeat center top; margin:0 auto; padding:1px 0;}
.xinpin .sousuo input{ float:left; width:250px; height:46px; line-height:46px; font-size:12px; color:#666; margin-left:25px; border:none; outline:none;}
.xinpin .sousuo .sousuo_box a{ display:block; width:62px; height:48px; float:right;}
.xinpin .sousuo p{ font-size:12px; color:#666; text-align:center; margin-top:12px;}
.xinpin .sousuo p a{ margin:0 5px;}
.xinpin .xinpin_box{ overflow:hidden;}
.xinpin .xinpin_box .title{ overflow:hidden; width:100%; padding-top:18px; background:url(Img/Common/xinpin01.png) no-repeat center top; height:42px; margin-bottom:1px;}
.xinpin .xinpin_box .title h3{ background:url(Img/Common/xinpin_xin.png) no-repeat left center ; font-size:18px; margin-left:72px; padding-left:33px; float:left; line-height:23px;}
.xinpin .xinpin_box .title h3 a{ color:#fff;}
.xinpin .xinpin_box .title h3 span{ font-size:12px; color:#fff; margin-left:5px; font-weight:lighter}
.xinpin .xinpin_box .title .more{ float:right; margin-right:75px;}
.xinpin .xinpin_box .xinpin_content{ overflow:hidden; border:1px solid #efefef; width:908px; height:318px; padding:35px;}
.xinpin .xinpin_box .xinpin_window{ width:100%; height:318px; position:relative; overflow:hidden}
.xinpin .xinpin_box ul{ position:absolute; overflow:hidden;width:1000px;}
.xinpin .xinpin_box li{ float:left; width:288px; height:312px; background-color:#efefef; margin-right:22px; text-align:center;}
.xinpin .xinpin_box li img{ display:block; margin:0 auto; margin-top:20px;} 
.xinpin .xinpin_box li a{ text-decoration:none}
.xinpin .xinpin_box li p{ width:286px; height:50px; border:1px solid #efefef; text-align:center; line-height:50px; font-size:12px; color:#666; background-color:#fff;}
.xinpin .xinpin_box li:hover p{ background-color:#14b75c; border:1px solid #14b75c; color:#fff;}

/*product*/
.product{ overflow:hidden; width:100%; height:802px; background-color:#3f424c;}
.product .pro_content{ overflow:hidden; width:1048px; margin:0 auto; position:relative; left:-35px; *left:-34px;}
.product .pro_left { overflow:hidden; width:290px; height:802px; padding-left:68px; background:url(Img/Common/pro_left_bg.png) no-repeat center top; float:left}
.product .pro_left h3{ font-size:18px; background:url(Img/Common/pro01.png) no-repeat left center; padding-left:25px; line-height:19px; margin-top:45px; margin-bottom:57px; *margin-bottom:59px; margin-left:22px;}
.product .pro_left h3 a{ color:#fff;}
.product .pro_left h3 span{ font-size:12px; color:#fff; margin-left:5px; font-weight:lighter}
.product .pro_left dl{ overflow:hidden; width:100%;}
.product .pro_left dt{ width:100%; height:40px; position:relative}
.product .pro_left dt img{ display:block; position:absolute; left:0; bottom:0}
.product .pro_left dt a{ display:block;line-height:40px; background:url(Img/Common/pro02.png) no-repeat 22px center; padding-left:45px; font-size:14px; color:#fff; text-decoration:none}
.product .pro_left dd{ display:none; overflow:hidden; width:266px; padding:12px 0; padding-left:24px;}
.product .pro_left dd a{ display:block; background:url(Img/Common/pro04.png) no-repeat left center; padding-left:15px; font-size:14px; color:#02612c; line-height:20px;}
.product .pro_left .cur dt,.product .pro_left dl:hover dt{ background-color:#3f424c;}
.product .pro_left .cur dd{ display:block}
.product .pro_right { overflow:hidden; width:606px; float:right}
.product .pro_right h3{ font-size:18px; background:url(Img/Common/pro03.png) no-repeat left center; padding-left:25px; line-height:19px; margin-top:45px; margin-bottom:30px;}
.product .pro_right h3 a{ color:#fff;}
.product .pro_right h3 span{ font-size:12px; color:#fff; margin-left:5px; font-weight:lighter}
.product .pro_right ul{ overflow:hidden; width:636px;}
.product .pro_right li{ float:left; width:288px; height:312px; background-color:#fff; margin-right:30px; overflow:hidden; text-align:center; margin-bottom:30px;}
.product .pro_right li img{ display:block; overflow:hidden; margin:0 auto;margin-top:10px; margin-bottom:10px;}
.product .pro_right li a{ text-decoration: none;}
.product .pro_right li p{ width:286px; height:50px; border:1px solid #efefef; line-height:52px; text-align:center; font-size:12px; color:#666;}
.product .pro_right li:hover p{ background-color:#14b75c; border:1px solid #14b75c; color:#fff}

/*动向*/
.dongxiang{ overflow:hidden; width:100%; height:863px; background:url(Img/Common/dongxiang_bg.jpg) no-repeat center top; position:relative; margin-bottom:50px;}
.dongxiang .title{ display:block; width:100%; height:152px; background:url(Img/Common/sf03.png) no-repeat center top; position:absolute; left:0; top:0; z-index:4}
.dongxiang img{ display:block; position:absolute; left:50%; top:50%;width:0;height:0}
.dongxiang .sf00{ position:absolute; left:50%; margin-left:-491px; top:0; display:block; width:326px; height:45px; background:url(Img/Common/sf00.png) no-repeat center top; z-index:5}
.dongxiang .sf01,.dongxiang .sf02{ display:block; width:50%; height:100%; position:absolute;left:50%;top:50%;width:0}
.dongxiang .sf01{ background:url(Img/Common/sf01.png) repeat center;}
.dongxiang .sf02{ background:url(Img/Common/sf01.png) repeat center;}


.dongxiang p{ font-size:16px; color:#fff; position:absolute; background:url(Img/Common/dx_yq.png) no-repeat center; text-align:center; line-height:20px; left:50%; top:50%;display:none}
.dongxiang p em{ display:block; width:140px; margin-left:-10px; padding-top:24px; background:url(Img/Common/dx_phone.png) no-repeat center top; font-size:17px; color:#fff; font-weight:bold; text-align:center}
.dongxiang .p01{ width:146px; height:60px; padding:63px 30px 60px 30px; margin-left:-70px; margin-top:-265px;}
.dongxiang .p02{ padding:35px 30px 60px 30px; width:163px; height:120px; background:url(Img/Common/dx_yq01.png) no-repeat center; margin-left:150px; margin-top:-71px;}
.dongxiang .p03{ width:80px; height:60px; padding:60px 30px; margin-left:45px; margin-top:220px;background:url(Img/Common/dx_yq02.png) no-repeat center;}
.dongxiang .p04{ width:122px; height:100px; padding:60px 30px; margin-left:-260px; margin-top:167px;background:url(Img/Common/dx_yq03.png) no-repeat center;}
.dongxiang .p05{ width:112px; height:80px; padding:60px 30px; margin-left:-311px; margin-top:-98px;}


/*ad01*/
.ad01{ overflow:hidden; height:176px; background:url(Img/Common/ad01_tu.png) no-repeat 450px center; background-color:#efefef; margin-bottom:50px;}
.ad01>p{ float:left; font-size:20px; color:#3f424c; margin-left:80px; margin-top:45px;}
.ad01 em{ color:#666}
.ad01>p a{ display:block; overflow:hidden; float:left;}
.ad01>p .im{margin-left:25px; margin-top:5px}
.ad01>p span{ display:block; width:300px; margin-top:20px;}
.ad01 .phone{ overflow:hidden; float:right; margin-right:60px; background:url(Img/Common/ad_phone.png) no-repeat left center ; padding-left:40px; margin-top:80px;}
.ad01 .phone p{ font-size:16px; color:#666; font-weight:bold;}

/*优势*/
.youshi{ overflow:hidden; width:100%; background-color:#efefef;}
.youshi h3{ font-size:19px; color:#fff; text-align:center; height:71px; line-height:71px; background:url(Img/Common/youshi_h_bg.png) no-repeat center; margin-top:40px; margin-bottom:60px;}
.youshi dl{ overflow:hidden; border-bottom:1px dotted #ddd;}
.youshi .dt01{ width:480px; height:274px; padding-bottom:52px; position:relative;padding:10px 0 10px 10px; background-color:#fff}
.youshi .dt01>img{ position:absolute; left:0 ;top:0}
.youshi .dt01 .shipin{overflow:hidden; width:354px; height:274px;}
.youshi .dt01 p{ position:absolute; left:134px; top:75px; cursor:pointer}
.youshi .dt01 ul{ overflow:hidden; width:100px; height:267px; padding:8px 10px; background-color:#fff; position:absolute; top:0; right:0}
.youshi .dt01 li{ width:100%; height:55px; float:left; margin:4px 0 3px 0; background-color:#3f424c; position:relative; cursor:pointer}
.youshi .dt01 li a img{ position:absolute; left:44px; top:20px; display:block;}
.youshi .dt01 ul .more{background:none;height:30px; text-align:center; line-height:30px;}
.youshi .youshi_left dt{ float:left;}
.youshi .youshi_left dd{ float:left; overflow:hidden; margin-left:35px;}
.youshi .youshi_right dt{ float:right}
.youshi .youshi_right dd{ float:left; margin-left:30px;}
.youshi h5{ font-size:16px; background:url(Img/Common/youshi01.png) no-repeat left center; height:32px; line-height:32px; padding-left:15px; margin-bottom:20px;}
.youshi h5 a{ color:#fff;}
.youshi h4{ font-size:18px; color:#222; line-height:23px; margin-bottom:24px;}
.youshi dd p{ font-size:14px; color:#666; background:url(Img/Common/youshi_p.png) no-repeat left 5px; line-height:24px; padding-left:30px;}
.youshi em{ color:#14b75c;}
.youshi .youshi02 h4{ margin-top:40px;}
.youshi .youshi03 h4{ margin-top:80px;}
.youshi .youshi04 h4{ margin-top:65px;}
.youshi .youshi05 h4{ margin-top:45px;}
.youshi .youshi04 dd{ margin-left:95px;}
.youshi .youshi04 dt{ margin-right:120px;}

/*流程*/
.liucheng{ overflow:hidden; width:100%; height:245px; background-color:#3f424c; margin-bottom:40px;}
.liucheng .title{ height:65px; border-bottom:1px dotted #23252d; margin-bottom:25px;}
.liucheng h3{ font-size:16px; color:#fff; background:url(Img/Common/liucheng02.png) no-repeat left center; padding-left:30px; float:left; line-height:65px;}
.liucheng a { float:right; display:block; margin-top:19px;}
.liucheng .liucheng_box{ overflow:hidden; position:relative; height:116px;}
.liucheng .liucheng_box img{ position:absolute;opacity:0;filter: alpha(opacity=0)}
.liucheng .lcx{ top:50px;}
.liucheng .lcx01{ left:121px;}
.liucheng .lcx02{ left:265px;}
.liucheng .lcx03{ left:409px;}
.liucheng .lcx04{ left:552px;}
.liucheng .lcx05{ left:696px;}
.liucheng .lcx06{ left:839px;}
.liucheng .lc01{ left:0 ;top:0}
.liucheng .lc02{ left:144px;top:0}
.liucheng .lc03{ left:286px;top:0}
.liucheng .lc04{ left:431px;top:0}
.liucheng .lc05{ left:575px;top:0}
.liucheng .lc06{ left:718px;top:0}
.liucheng .lc07{ right:0;top:0}

/*合作，案例，客户*/
.hzalgy{ overflow:hidden;}
.hzalgy .title{ width:100%; height:52px; background:url(Img/Index/title_bbg.png) no-repeat center top; overflow:hidden}
.hzalgy .title h3{ font-size:16px; background:url(Img/Index/hezuo_h.png) no-repeat left center; line-height:52px; padding-left:40px; margin-left:20px; float:left; font-weight:normal}
.hzalgy .title h3 a{ color:#fff;}
.hzalgy .title .more{ float:right; font-size:12px; color:#898989; margin-right:20px; margin-top:20px;}


   /*合作*/
.hezuo{ overflow:hidden; margin-bottom:15px;}
.hezuo .hezuo_window{ overflow:hidden; width:100%; height:83px; position:relative; margin-top:12px;}
.hezuo .hezuo_window ul{ overflow:hidden; position:absolute;}
.hezuo .hezuo_window li{ float:left; margin-right:10px; width:188px; height:83px;}
	/*case*/
.case{ overflow:hidden; margin-bottom:40px;}
.case .title h3{ background:url(Img/Index/case_h.png) no-repeat left center;}
.case .case_content{ overflow:hidden; padding:30px 35px; border:1px solid #ddd; border-top:none}
.case .case_content .case_window{ overflow:hidden; width:100%; height:280px; position:relative}
.case .case_window ul{ overflow:hidden; position:absolute}
.case .case_window li{ width:280px; height:280px; float:left; margin-right:35px; text-align:center}
.case .case_window li p{ margin-top:8px; font-size:12px; color:#666}
	/*客户*/
.kehu{ overflow:hidden; margin-bottom:40px;}
.kehu .title h3{ background:url(Img/Index/kehu_h.png) no-repeat left center; padding-left:30px;}
.kehu .kehu_content{overflow:hidden; padding:40px 45px; border:1px solid #ddd; border-top:none}
.kehu .kehu_window{ overflow:hidden; width:100%; height:292px; position:relative}
.kehu .kehu_window ul{ overflow:hidden; position:absolute;}
.kehu .kehu_window li{ width:268px; height:292px; float:left; margin-right:43px; overflow:hidden; text-align:center}
.kehu .kehu_window li h4{ font-size:16px; margin-top:20px; margin-bottom:12px;}
.kehu .kehu_window li h4 a{ color:#222}
.kehu .kehu_window li p{ font-size:12px; color:#666; line-height:18px; height:72px; overflow:hidden}
.kehu .kehu_window li p a{ color:#666}

/*ad02*/
.ad02{ overflow:hidden; width:100%; height:178px; background:url(Img/Index/ad02_bg.jpg) no-repeat center top;}
.ad02 h3{ font-size:24px; color:#fff; margin-top:50px; margin-bottom:20px; text-align:center}
.ad02 a{ display:block; width:138px; height:42px; background:url(Img/Index/ad02.png) no-repeat center top;float:left}
.ad02 .im{background:none; width:30px; height:42px; margin-top:5px; margin-left:25px;}
.ad02 span{ display:block; width:260px; margin:0 auto; overflow:hidden}

/*about*/
.about{ overflow:hidden; width:100%; height:670px; background-color:#efefef;}
.about dl{ overflow:hidden; margin-top:55px; padding-bottom:40px; border-bottom:1px dotted #ccc}
.about dt{ float:left; overflow:hidden; margin-right:50px;}
.about dd{ float:left; width:575px; overflow:hidden; margin-top:20px;}
.about dd h3{ font-size:20px; font-weight:normal; margin-bottom:30px;}
.about dd h3 a{ color:#222;}
.about dd p{ font-size:12px; color:#666; line-height:23px; height:92px; margin-bottom:40px;}
.about dd .more{ display:block; width:146px; height:48px; background:url(Img/Index/about_btn.png) no-repeat center;}
.about .about_xc{ overflow:hidden; width:100%; margin-top:12px; margin-bottom:30px;}
.about .about_xc h4{ font-size:20px; float:left; background:url(Img/Index/about_xc.png) no-repeat left center; padding-left:35px; font-weight:normal}
.about .about_xc h4 a{ color:#222;}
.about .about_xc .gd{ float:right; margin-top:18px; color:#888}
.about .xc_window{ overflow:hidden; width:100%; height:215px; position:relative}
.about .xc_window ul{ overflow:hidden; position:absolute;}
.about .xc_window li{ float:left; width:230px; height:215px; text-align:center; margin-right:20px;}
.about .xc_window li p{ margin-top:8px; font-size:13px; color:#666}

/*荣誉证书*/
.ryzs{ overflow:hidden; margin-bottom:20px;}
.ryzs h3{ font-size:20px; font-weight:normal; background:url(Img/Index/ryzs_b.png) no-repeat 328px top; margin-top:40px; line-height:28px; padding-bottom:20px; text-align:center; border-bottom:1px dotted #ccc; margin-bottom:28px;}
.ryzs h3 a{ color:#222}
.ryzs .ryzs_content{ overflow:hidden; width:100%; height:385px; position:relative}
.ryzs .ryzs_content>a{ display:block; width:52px; height:97px; position:absolute; top:120px;}
.ryzs .ryzs_left{ background:url(Img/Index/ryzs_left.png) no-repeat center ; left:0}
.ryzs .ryzs_right{ background:url(Img/Index/ryzs_right.png) no-repeat center; right:0}
.ryzs .ryzs_window{ overflow:hidden; width:820px; margin:0 auto; height:385px; position:relative}
.ryzs .ryzs_window ul{ overflow:hidden; position:absolute;}
.ryzs .ryzs_window li{ float:left; width:260px; overflow:hidden; text-align:center; margin-right:20px;}
.ryzs .ryzs_window li p{ margin-top:10px; font-size:12px; color:#666;}
.ryzs .ryzs_window li img{ display:block; padding:10px; background-color:#efefef;}

/*动态*/
.dongtai{ overflow:hidden; width:100%; height:396px; background-color:#efefef; padding-top:50px; margin-bottom:75px;}
.dongtai .dt_left { width:652px; height:340px; background-color:#fff; float:left; overflow:hidden}
.dongtai .dt_left .menu{ width:100%; height:60px; background-color:#3f424c; margin-bottom:20px;}
.dongtai .dt_left .menu li{ float:left; width:50%; text-align:center; line-height:60px; position:relative; font-size:16px;}
.dongtai .dt_left .menu li a{ color:#fff; display:block; text-decoration:none}
.dongtai .dt_left .menu li b{ display:none; width:18px; height:9px; background:url(Img/Index/dongtai_s.png) no-repeat center; position:absolute; left:50%; margin-left:-9px; bottom:0;}
.dongtai .dt_left .menu li:hover,.dongtai .dt_left .menu .cur{ background-color:#14b75c;}
.dongtai .dt_left .menu li:hover b,.dongtai .dt_left .menu .cur b{ display:block;}
.dongtai .dt_left .dt_content{ overflow:hidden; width:100%;}
.dongtai .dt_left dl{ overflow:hidden; margin-left:25px;}
.dongtai .dt_left dt{ float:left; overflow:hidden; margin-right:34px;}
.dongtai .dt_left dd{ float:left; overflow:hidden; margin-top:15px; width:360px;}
.dongtai .dt_left dd h5{ font-size:16px; font-weight:normal; background:url(Img/Index/dongtai01.png) no-repeat left center; padding-left:30px; line-height:18px; margin-bottom:20px;}
.dongtai .dt_left dd h5 a{ color:#222;}
.dongtai .dt_left dd p{ font-size:12px; color:#666; line-height:18px; height:36px; overflow:hidden; margin-bottom:24px;}
.dongtai .dt_left dd .dt_list{ overflow:hidden; width:100%;}
.dongtai .dt_left dd .dt_list li{ width:100%; float:left; overflow:hidden; line-height:22px;}
.dongtai .dt_left dd .dt_list li a{ color:#666; display:block; float:left; margin-left:8px; width:230px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.dongtai .dt_left dd .dt_list li span{ float:right; color:#999}
.dongtai .dt_left dd .dt_list li em{ float:left}
.dongtai .dt_right { width:298px; float:right; height:340px; overflow:hidden; background-color:#fff;}
.dongtai .dt_right .title{ overflow:hidden; width:100%; height:59px; border-bottom:1px solid #ccc;}
.dongtai .dt_right h3{ font-size:16px; font-weight:normal; float:left; padding-left:28px; margin-top:21px; background:url(Img/Index/wenda.png) no-repeat left center; line-height:21px; margin-left:22px;}
.dongtai .dt_right h3 a{ color:#222;}
.dongtai .dt_right .more{ float:right; margin-top:25px; margin-right:25px; color:#222;}
.dongtai .dt_right .wenda{ overflow:hidden; width:230px; height:255px; margin:0 auto; margin-top:10px;} 
.dongtai .dt_right .wenda_list{ overflow:hidden; padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ccc;}
.dongtai .dt_right .wenda_list h5{ font-size:13px; font-weight:normal; margin-bottom:12px;}
.dongtai .dt_right .wenda_list h5 em{ color:#222}
.dongtai .dt_right .wenda_list h5 a{ color:#222}
.dongtai .dt_right .wenda_list p{ font-size:13px; line-height:18px; height:36px; overflow:hidden}
.dongtai .dt_right .wenda_list p em{ color:#14b75c; display:block; float:left; overflow:hidden; width:20px;}
.dongtai .dt_right .wenda_list p span{ color:#14b75c; display:block; float:left; width:205px; margin-left:5px;}

/*links*/
.links{ overflow:hidden; padding-bottom:20px;}
.links h3{ font-size:14px; float:left; font-weight:normal; margin-left:10px;}
.links h3 a{ color:#222;}
.links ul{ overflow:hidden; width:900px; float:left; margin-top:3px;}
.links li{ float:left; font-size:12px;}
.links li a{ color:#666;}