@charset "utf-8";
/* CSS Document */
/*banner
.banner{ overflow:hidden; width:100%; height:550px; background:url(Img/Index/banner.jpg) no-repeat center;}*/
#flashs{ position:relative; height:450px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:2px; left:77%; margin-left:-45px; padding:0px 6px;}
#flashs .btn span{ background:#000; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.on{  background:#D70007;}
/*search*/
.search{ overflow:hidden; height:45px; background-color:#252525; margin-bottom:30px;}
.search p{ font-size:14px; color:#fff; float:left; line-height:45px; margin-left:20px;}
.search p a{ font-size:12px; color:#fff; margin:0 3px;}
.search .s_box{ overflow:hidden; float:right; width:256px; height:34px; margin-top:5px; margin-right:6px;}
.search .s_box input{ float:left; width:218px; height:34px; border:none; line-height:34px;}
.search .s_box a{ display:block; width:38px; height:34px; background:url(Img/Index/search.png) no-repeat center; float:right}

/*product*/
.product{ overflow:hidden; margin-bottom:50px;}
.pro_left{ overflow:hidden; width:244px; float:left; background-color:#0D76D0;}
.pro_left h3{ font-size:20px; width:100%; height:64px; line-height:64px; background:url(Img/Index/pro_h.png) no-repeat 60px center; background-color:#252525; }
.pro_left h3 a{ color:#fff; margin-left:90px;}
.pro_left dl{ overflow:hidden; padding-bottom:15px; border-bottom:1px solid #b90006; width:244px; margin:0 auto;}
.pro_left dl a{ color:#fff;}
.pro_left dt{ overflow:hidden; width:90%; height:50px; line-height:50px; padding-left:10%; font-size:16px; font-weight:bold; background:url(Img/Index/pron.jpg) repeat-x left center;}
.pro_left dt a{ display:block; background:url(Img/Index/pro_nav01.png) no-repeat 180px center;}
.pro_left .dphone{ overflow:hidden; background:#333; padding:20px 0;}
.pro_left .dphone dt{ float:left; background:url(Img/phImg.png) no-repeat center; margin-left:5px; width: 35px; height: 84px;}
.pro_left .dphone dd{ margin-left: 62px; color:#fff; width: 148px; padding:5px 13px; border-left:1px dotted #5c5c5c;}
.pro_left .dphone dd span{ font-size:13px;}
.pro_left .dphone dd p{ font-size:20px; font-family:"Arial";}
    
   
.pro_left dd{ overflow:hidden; width:210px; margin:0 auto; margin-top:25px;}
.pro_left dd a{ display:block; width:190px;  text-decoration:none; line-height:38px; font-size:13px; padding-left:10px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.pro_left .dlcur dd{ display:block;}
.pro_left dd a.cur,.pro_left dd a:hover{ color:#0D76D0; background:url(Img/Index/pro_cur.png) no-repeat  center right;}
.pro_right{ overflow:hidden; width:736px; float:right;}
.pro_right .menu{ overflow:hidden; width:100%; margin-bottom:20px;}
.pro_right .menu li{ float:left; margin-right:100px; font-size:16px; font-weight:bold; padding:12px 0;}
.pro_right .menu a{ color:#303030; text-decoration:none;}
.pro_right .menu li.on,.pro_right .menu li:hover{ padding:10px 0; border-top:2px solid #0D76D0; border-bottom:2px solid #0D76D0;}
.pro_right .menu li.on a,.pro_right .menu li:hover a{ color:#0D76D0;}
.pro_right .proList{ overflow:hidden; width:770px;}
.pro_right .proList li{ overflow:hidden; float:left; margin-right:29px; width:226px; height:195px;}
.pro_right .proList li img{ display:block; padding:9px; background-color:#fff; border:1px solid #ccc; margin-bottom:20px;}
.pro_right .proList li p{ font-size:14px; color:#303030; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro_right>a{ display:block; width:130px; height:55px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:55px; float:left;}
.pro_right .ljxq{ background-color:#3f3f3f; border-bottom:3px solid #000000;margin-left: 230px}
.pro_right .ljzx{ background-color:#0D76D0; border-bottom:3px solid #9d0005;margin-left: 20px;}

/*show*/
.show{ overflow:hidden; margin-bottom:50px;}
.show .menu{ overflow:hidden; width:250px; float:left;}
.show .menu li{ padding-left:45px; width:205px; height:90px; line-height:90px; background:url(Img/Index/showMenuBg.png) no-repeat left center; float:left; font-size:18px; font-weight:bold;}
.show .menu li a{ color:#333; text-decoration:none;}
.show .menu .on{ background:url(Img/Index/showMenuCur.png) no-repeat left center;}
.show .menu .on a{ color:#fff;}
.show .showBox{ overflow:hidden; width:750px; float:right; height:360px; position:relative;}
.show .showBox ul{ overflow:hidden; width:750px; height:1440px; position:absolute; left:0; top:0;}
.show .showBox ul li{ overflow:hidden; width:750px; height:360px; float:left;}
.show .showBox ul img{ display:block}

.show1{ overflow:hidden; margin-bottom:50px;margin-top: 30px;}
.show1 .menu{ overflow:hidden; width:250px; float:left;}
.show1 .menu li{ padding-left:45px; width:205px; height:90px; line-height:90px; overflow:hidden; background:url(Img/Index/showMenuBg.png) no-repeat left center;  font-size:14px; font-weight:bold;}
.show1 .menu li a{ color:#333; text-decoration:none;}
.show1 .menu .on{ background:url(Img/Index/showMenuCur.png) no-repeat left center;}
.show1 .menu .on a{ color:#fff;}
.show1 .showBox{ overflow:hidden; width:750px; float:right; height:360px; position:relative;}
.show1 .showBox ul{ overflow:hidden; width:750px; height:1440px; position:absolute; left:0; top:0;}
.show1 .showBox ul li{ overflow:hidden; width:750px; height:360px; float:left;}
.show1 .showBox ul img{ display:block}
/*case*/
.case{ overflow:hidden; width:100%; padding-top:60px; background-color:#ececec;}
.case h3{ margin-bottom:25px; text-align:center;}
.case .menu{ overflow:hidden; width:100%; height:57px; padding-bottom:7px; margin-bottom:30px;}
.case .menu li{ float:left; width:199px; height:57px; position:relative; margin-right:1px; background-color:#fff; font-size:16px; line-height:57px;}
.case .menu li a{ color:#333333;}
.case .menu b{ display:block; float:left; margin-left:28px; width:31px; height:28px; margin-top:14px; margin-right:10px;}
.case .menu .b01{ background:url(Img/Index/case_icon01.png) no-repeat center top;}
.case .menu .b02{ background:url(Img/Index/case_icon02.png) no-repeat center top;}
.case .menu .b03{ background:url(Img/Index/case_icon03.png) no-repeat center top;}
.case .menu .b04{ background:url(Img/Index/case_icon04.png) no-repeat center top;}
.case .menu .b05{ background:url(Img/Index/case_icon05.png) no-repeat center top;}
.case .menu li em{ display:none; width:22px; height:7px; background:url(Img/Index/case_s.png) no-repeat center; position:absolute; left:88px; bottom:-7px;}
.case .menu li.on{ background-color:#0D76D0;}
.case .menu li.on a{ font-weight:bold; color:#fff;}
.case .menu li.on em{ display:block;}
.case .menu li.on b{ background-position:bottom;}
.case .caseBox{ overflow:hidden; width:100%; height:540px; margin-bottom:30px;}
.case .caseList{ overflow:hidden; width:1020px;}
.case .caseList li{ overflow:hidden; float:left; width:325px; height:270px; margin-right:12px;}
.case .caseList li img{ display:block; padding:11px; background-color:#fff; margin-bottom:10px;}
.case .caseList li p{ font-size:14px; color:#303030; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case .caseList li:hover img{ padding:10px; border:1px solid #0D76D0;}
.case .case_ad{ overflow:hidden; width:100%; height:130px; background:url(../../images/case_ad.jpg) no-repeat center; margin-bottom:60px;}
.case .phone { overflow:hidden;  float:right; margin-top:45px; margin-right:20px; background:url(Img/Index/case_phoe.png) no-repeat left top; padding-left:50px;}
.case .phone p{ font-size:14px; color:#fff;}
.case .phone h3{ font-size:28px; color:#fff; font-weight:normal;}

/*worry*/
.worry { overflow:hidden; width:100%; height:805px; background:url(Img/Index/worryBg.jpg) no-repeat center;}
.worry ul{ overflow:hidden; width:660px; float:right; margin-top:300px;}
.worry li{ float:left; padding-left:30px; background:url(Img/Index/worry.png) no-repeat left top; width:260px; padding-right:40px; font-size:16px; color:#000; line-height:20px; overflow:hidden; margin-bottom:40px;}
.worry li b{ color:#333;}
.worry li em{ font-weight:bold; color:#0D76D0;}
.worry li.last{ padding:0; width:330px; background:none}
.worry li.last a{ display:block; width:165px; height:55px; text-align:center; line-height:55px; background-color:#0D76D0; font-size:20px; color:#fff; font-weight:bold; border-bottom:3px solid #790004; text-decoration:none;}

/*get*/
.get{ overflow:hidden; width:100%; background:url(Img/Index/getBg.jpg) no-repeat center top; background-color:#f3f3f3; margin-bottom:50px;}
.get span{ display:block; text-align:center; font-size:18px; color:#fff; line-height:25px; margin-top:135px;}
.get .getul{ overflow:hidden; width:1020px; margin:0 auto; margin-top:30px;}
.get .getul li{ overflow:hidden; width:169px; height:164px; float:left; background:url(Img/Index/get.png) no-repeat center; margin-right:1px;}
.get .getul li h4{ font-size:30px; color:#000; font-family:Didot; text-align:center; margin-top:48px; margin-bottom:10px;}
.get .getul li h5{ font-size:18px; color:#000; text-align:center;}
.get .getul li p{ font-size:13px; line-height:18px; color:#fff; margin:0 auto; width:125px; height:72px; overflow:hidden; margin-top:50px; display:none;}
.get .getul li:hover .nub{ display:none}
.get .getul li:hover{ background:url(Img/Index/getcur.png) no-repeat center;}
.get .getul li:hover p{ display:block;}
.get .buy{  display:block; width:165px; height:55px; text-align:center; line-height:55px; background-color:#0D76D0; font-size:20px; color:#fff; font-weight:bold; border-bottom:3px solid #790004; text-decoration:none; margin:0 auto; margin-top:30px;}

.xx{ overflow:hidden; width:1040px; margin:0 auto; margin-top:300px; margin-bottom:40px;}
.xx h4{ font-size:20px; text-align:center; margin-bottom:35px;}
.xx h4 a{ color:#333; text-decoration:none;}
.xx h4 b{ color:#0D76D0;}
.xx .xxbox{ overflow:hidden; width:100%; height:168px; position:relative;}
.xx .xxbox>a{ display:block; width:20px; height:37px; position:absolute; top:64px;}
.xx .xx_left{ background:url(Img/Index/xx_left.png) no-repeat center; left:0;}
.xx .xx_right{ background:url(Img/Index/xx_right.png) no-repeat center; right:0;}
.xx .xxWin{ overflow:hidden; width:1000px; margin:0 auto; height:168px; position:relative;}
.xx .xxWin ul{ overflow:hidden; position:absolute; background-color:#fff;}
.xx .xxWin li{ overflow:hidden; padding-top:25px; width:200px; height:143px; float:left; text-align:center;}
.xx .xxWin li img{ display:block; margin:0 auto; border-right:1px solid #ddd; margin-bottom:10px;}
.xx .xxWin li p{ font-size:14px; color:#303030; white-space:nowrap; text-overflow:ellipsis;}

/*youshi*/
.youshi{ overflow:hidden; width:1240px; margin:0 auto; margin-bottom:30px;}
.youshi h3{ text-align:center; margin-bottom:25px;}
.youshi h4{ font-size:26px; color:#000; margin-left:70px; margin-bottom:30px;}
.youshi p{ font-size:14px; line-height:20px; color:#303030; width:400px; padding-left:10px; background:url(Img/Index/youshi_s.png) no-repeat left 5px; margin-bottom:12px;}
.youshi p em{ color:#0D76D0;}
.youshi .youshiBox{ width:100%; height:1229px; background:url(Img/Index/youshiBg.jpg) no-repeat center top;}
.youshi .wen{ overflow:hidden; float:left; margin-bottom:390px; width:560px;}
.youshi .wen01,.youshi .wen03{ margin-left:120px; margin-top:15px;}
.youshi .wen02,.youshi .wen04{ margin-left:20px; margin-top:15px; width:500px;}



/*ad*/
.ad{ overflow:hidden; width:1100px; height:187px; background:url(Img/Index/ad.jpg) no-repeat center; margin:0 auto; margin-bottom:20px;}
.ad a{ font-size:18px; color:#0D76D0; font-weight:bold; display:block; text-align:center; margin-top:95px; position:relative; left:-50px;}

/*company*/
.company{ overflow:hidden; width:100%; overflow:hidden; position:relative; margin-bottom:50px;}
.company em{ display:block; width:100%; height:237px; background-color:#f1f1f1;  position:absolute; left:0; top:70px;}
.company h3{ margin-bottom:20px;}
.company dl{ overflow:hidden; width:1460px; position:relative; z-index:2; margin-bottom:25px;}
.company dt{ overflow:hidden; width:495px; height:317px; float:left; margin-right:6px;}
.company dd{ overflow:hidden; width:959px; height:317px; float:left;}
.company .wen{ overflow:hidden; float:left; width:740px;}
.company .wen h4{ font-size:14px; margin-bottom:15px;}
.company .wen h4 a{ color:#000;}
.company .wen p{ font-size:12px; margin-bottom:20px; width:100%; line-height:18px; color:#666; height:54px; overflow:hidden;}
.company .wen p a{ color:#666;}
.company .wen>a{ display:block; width:130px; height:55px; font-size:16px; color:#fff; font-weight:bold; text-align:center; line-height:55px; float:left; margin-right:5px;}
.company .wen .ljxq{ background-color:#3f3f3f; border-bottom:3px solid #000000;}
.company .wen .ljzx{ background-color:#0D76D0; border-bottom:3px solid #9d0005;}
.company .menu{ overflow:hidden; float:right; margin-top:-145px; width:235px; position:relative; z-index:5}
.company .menu ul{ overflow:hidden; width:100%;}
.company .menu li{ width:100%; float:left; height:62px; background:url(Img/Index/company_menu.png) no-repeat center; font-size:14px; line-height:62px;}
.company .menu li a{ color:#333; display:block; float:left; text-decoration:none;}
.company .menu li b{ display:block; overflow:hidden; float:left; width:32px; margin-left:15px; margin-right:15px;}
.company .menu li .b01{ height:26px; background:url(Img/Index/company01.png) no-repeat center top; margin-top:16px}
.company .menu li .b02{ background:url(Img/Index/company02.png) no-repeat center top; height:25px; margin-top:18px}
.company .menu li .b03{ background:url(Img/Index/company03.png) no-repeat center top; height:29px; margin-top:16px;}
.company .menu li:hover{ background:#171717;}
.company .menu li:hover b{ background-position:bottom;}
.company .menu li:hover a{ color:#fff;}

/*customer*/
.customer{ overflow:hidden; padding-top:45px; background:url(Img/Index/customerBg.png) no-repeat center top; margin-bottom:50px;}
.customer h3{ margin-bottom:25px;}
.customer .c_box{ overflow:hidden; width:100%; height:350px; position:relative;}
.customer .c_box ul{ overflow:hidden; position:absolute;}
.customer .c_box li{ float:left; width:238px; height:350px; margin-right:16px;}
.customer .c_box li img{ display:block; margin-bottom:22px;}
.customer .c_box li h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:20px;}
.customer .c_box li h4 a{ color:#333;}
.customer .c_box li p{ font-size:12px; line-height:20px; color:#666; height:60px; overflow:hidden; margin-bottom:25px;}
.customer .c_box li .more{ font-size:12px; color:#333;}

/*news*/
.news{ overflow:hidden; width:100%; padding-bottom:45px; background-color:#f5f5f5; padding-top:40px;}
.news .news_left{ overflow:hidden; float:left; width:700px;}
.news .menu{ overflow:hidden; width:100%; margin-bottom:30px;}
.news .menu li{ width:50%; height:50px; float:left; background:url(Img/Index/news_y.png) no-repeat 307px center; font-size:16px;}
.news .menu li a{ display:block; width:296px; height:46px; text-align:center; border:2px solid #bdbdbd; line-height:46px; color:#303030; text-decoration:none;}
.news .menu li.on a,.news .menu li:hover a{ border:2px solid #0D7AD2; color:#0D7AD2; font-weight:bold;}
.news .newsBox{ overflow:hidden; width:650px;  height:270px; position:relative;}
.news .dlBox{ overflow:hidden; width:100%;}
.news .dlBox>dt{ float:left; width:298px; height:262px; overflow:hidden; position:relative;}
.news .dlBox>dt p{ width:86px; height:76px; background-color:#0D7AD2; position:absolute; left:0; top:0;}
.news .dlBox>dt em{ font-size:35px; color:#fff; display:block; text-align:center; margin-top:5px;}
.news .dlBox>dt span{ display:block; text-align:center; font-size:12px; color:#fff; margin-top:5px;}
.news .dlBox>dd{ overflow:hidden; width:320px; float:right;}
.news .dlList{ overflow:hidden; width:100%; padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.news .dlList dt{ float:left; width:65px; text-align:center; border-right:1px solid #ccc;}
.news .dlList dt p{ font-size:35px; color:#7c7c7c;}
.news .dlList dt span{ display:block;  font-size:12px; color:#7c7c7c;}
.news .dlList dd{ overflow:hidden; width:235px; float:right;}
.news .dlList dd h4{ font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.news .dlList dd h4 a{ color:#1d1d1d;}
.news .dlList dd p{ font-size:12px; line-height:15px; color:#666; height:30px; width:100%; overflow:hidden;}
.wenda{ overflow:hidden; width:300px; float:right;}
.wenda h3{ text-align:center; line-height:46px; border:2px solid #bdbdbd; margin-bottom:30px; font-size:16px; font-weight:normal;}
.wenda h3 a{ color:#303030;}
.wenda .wendaBox{ overflow:hidden; width:100%; height:270px; position:relative;}
.wenda .wendaList{ overflow:hidden; width:100%; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dashed #ccc}
.wenda .wendaList h5{ background:url(Img/Index/wen.png) no-repeat left center; line-height:18px; padding-left:30px; font-size:12px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.wenda .wendaList h5 a{ color:#1d1d1d}
.wenda .wendaList p{ background:url(Img/Index/da.png) no-repeat left top; line-height:18px; font-size:12px; color:#555; height:36px; overflow:hidden; padding-left:30px;}

/*links*/
.links{ overflow:hidden; width:100%; padding-bottom:20px; position:relative; background-color:#f5f5f5}
.links em{ display:block; width:100%; height:1px; background-color:#c6c6c6; position:absolute; left:0; top:45px;}
.links .rk{ font-size:12px; color:#808080; float:right; margin-top:15px;*margin-top:-15px; font-weight:normal;}
.links h3{ margin-bottom:30px;}
.links ul{ overflow:hidden; width:100%;}
.links li{ float:left; margin:0 20px; font-size:12px; white-space:nowrap;}
.links li a{ color:#333;}