.top{ height:37px; border-bottom:2px solid #e4e4e4;}
.top .top-left{ font-size:14px; color:#a2a2a2; line-height:37px;}
.top .top-right ul li{ float:left; margin:0 15px;}
.top .top-right ul .top-line{ background:url(../images/top-line_03.jpg) center 0 no-repeat; width:2px; height:14px; margin:12px 0 11px 0;}
.top .top-right ul li a{ font-size:14px; color:#a2a2a2; line-height:37px;}

.logo .logo-right p{ font-size:18px; color:#143f9e; font-weight:bold; line-height:25px; margin:20px 0; background:url(../images/phone_03.png) left center no-repeat; padding-left:65px;}
.logo .logo-right p span{ font-size:14px; color:#292929; line-height:20px;}

.nav{ background:#2a2a2a; height:58px;}
.nav ul li{ float:left;}
.nav ul .nav-menu{ width:155px; text-align:center;}
.nav ul .nav-menu a{ font-size:18px; color:#fff; line-height:58px; display:block;}
.nav ul .on{ width:155px; background:#1d54cd;}
.nav ul .nav-line{ background:url(../images/nav-line_03.png) center 0 no-repeat; width:1px; height:17px; margin:20px 0;}

.slideBox{ width:100%; height: auto; overflow:hidden; position:relative; }
.slideBox .hd{ height:20px; overflow:hidden; position:absolute; left:48%; bottom:25px; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px;  width:15px; height:15px; border-radius:50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#1d54cd; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:100%; display:block;  }
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background-image:url(../images/slider-arrow.png); background-position: -110px 5px; background-repeat: no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.search{ background:#143f9e; height:130px;}
.search .search-left ul li{ float:left; width:180px; text-align:center; height:130px;}
.search .search-left ul li p{ font-size:22px; color:#fff; line-height:24px; margin-top:88px;}
.search .search-left ul li:nth-child(1){ background:url(../images/online_03.png) center 0 no-repeat;}
.search .search-left ul li:nth-child(2){ background:url(../images/productOrder_05.png) center  0 no-repeat;}
.search .search-left ul li:nth-child(3){ background:url(../images/productWx_07.png) center 0 no-repeat;}
.search .search-left ul li:hover{ background-color:#0f52b7;}
.search .search-right .searchText{ width:220px; height:30px; border:none; outline:none; background:none; font-size:14px; color:#96c5ff; line-height:30px;}
.search .search-right .searchBtn{ width:40px; height:30px; background:url(../images/search_03.png) center  top 3px no-repeat; border:none; cursor:pointer;}
.search .search-right form{ border:2px solid #fff; padding:0 20px; margin:40px 0 10px 0;}
.search .search-right ul li{ float:left; font-size:14px; color:#fff; line-height:30px; font-weight:bold;}
.search .search-right ul li a{ font-size:14px; color:#96c5ff; line-height:30px; margin-left:13px;}

.product{background:#f9f9f9;height: 562px;}
.product-title{ font-size:36px; color:#000; line-height:36px; text-align:center; padding-top:75px;}
.product-border{ background:none; border-top:0px solid #fff; height:1px; position:relative; margin:15px 0;}
.product-border:before{ background:#535353; border:0px ridge #fff; content:""; height:1px; width:37px; position:absolute; top:-1px; left:48%;}
.product-descripe{ font-size:16px; color:#000; line-height:32px; text-align:center;}

.product .superSlide .hd{ text-align:center; margin:25px 0;}
.product .superSlide .hd ul li{  text-align:center; display:inline-block; vertical-align:top; width:82px; height:36px; border-radius:5px;}
.product .superSlide .hd ul li a{ font-size:16px; color:#000; line-height:36px;}
.product .superSlide .hd ul .current{ background:#0f52b7;}
.product .superSlide .hd ul .current a{ color:#fff; }
.product .superSlide .bd ul{ float:left; width:1100px; overflow:hidden;}
.product .superSlide .bd ul li{ float:left; margin-left:12px; margin-bottom:12px;}
.product .superSlide .bd ul li:nth-child(1),.product .superSlide .bd ul li:nth-child(5){ margin-left:0;}
.product .superSlide .bd ul li img{ box-shadow:4px 4px  2px #c9c9c9;}
.product .product-bot{ text-align:center; font-size:18px; color:#000; line-height:40px;}

.advantages{ background:url(../images/advantages_02.jpg) center 0 no-repeat; height:1110px; min-width:1200px;}
.advantages .advantages-title{ font-size:36px; color:#fff; line-height:36px; text-align:center; padding-top:105px;}
.advantages .advantages-descripe{ font-size:16px; color:#fff; line-height:30px; text-align:center; margin:35px 0;}
.advantages .advantages-conLeft ul li{ width:350px; text-align:center;}
.advantages .advantages-conLeft ul li .aclt{ font-size:36px; color:#fff; line-height:38px; margin:75px 0;}
.advantages .advantages-conLeft ul li .aclb{ font-size:18px; color:#000; line-height:28px; padding:0 25px; margin:130px 0;}
.advantages .advantages-conLeft ul li:first-child .aclt{ font-size:36px; color:#143f9e; line-height:38px; margin:70px 0;}
.advantages .advantages-conLeft ul li:first-child .aclb{ font-size:18px; color:#fff; line-height:28px; padding:0 25px; margin:130px 0;}
.advantages .advantages-conRight ul li{ width:305px; text-align:center;}
.advantages .advantages-conRight ul li .aclt{ font-size:36px; color:#fff; line-height:38px; margin:70px 0;}
.advantages .advantages-conRight ul li .aclb{ font-size:18px; color:#000; line-height:28px; padding:0 5px; margin:120px 0 0 0;}



/********************Ã¥â€¦Â¬Ã¥ÂÂ¸Ã§Â®â‚¬Ã¤Â»â€¹*****************************/
.aboutbannerbg{ background:url(../images/nabout.jpg) center 0 no-repeat; height:450px; min-width:1200px;}
.aboutbannerbg .product-title{ font-size:26px; color:#fff; line-height:75px; text-align:center; padding-top:70px;}
.aboutbannerbg .con{ font-size:14px; color:#fff; line-height:30px; text-align:center;}



.about{background:url(../images/aboutBg_02.jpg) center 0 no-repeat;height: auto;min-width:1200px;padding-bottom: 50px;}
.about .mp li{float:left;position:relative;height:195px;overflow: hidden;margin:55px 12px  55px 0;}
.about .mp li:last-child{ margin-right:0;}
.about .mp .li-Divbg{width: 100%;height:40px;background:#000;opacity:0.5;filter:Alpha(opacity=50);position:absolute;bottom:0;left:0;}
.about .mp .li-Divsr a{ background:url(../images/about-more_03.jpg) no-repeat; width:40px; height:40px; position:absolute; bottom:0; right:0;}
.about .mp li p{ font-size:12px; color:#fff; line-height:14px; position:absolute; left:30px; bottom:5px;}
.about .mp li p span{ font-size:10px; color:#939393; line-height:14px; }
.about .mp li .li-Div{ display:none;}
.about .mp li:hover .li-Div{ display:block;}
.about .about-con{ font-size:15px; color:#000; line-height:28px; text-align:center;}
.about .about-con span{ font-size:15px; color:#0f52b7; line-height:28px;}
.about .about-more{ text-align:center; margin:30px 0;}
.about .about-more .am li{ width:140px; height:45px; display:inline-block; vertical-align:top; margin-right:15px; background:#3a3a3a; border-radius:5px; padding:5px 0;}
.about .about-more .am li a{ font-size:16px; color:#fff; line-height:16px;}
.about .about-more .am li a span{ font-size:12px; color:#d2d2d2; line-height:14px;} 
.about .about-more .am li:hover,.about .about-more .am li:hover a span{ background:#0f52b7; color:#92bdfe;}
.about .about-phone{ font-size:18px; color:#000; line-height:28px; text-align:center;}
.about .about-phone span{ font-size:24px; color:#0f52b7; line-height:32px;}
.about .about-intrust{ font-size:14px; color:#959595; line-height:32px; text-align:center;}

.show{ background:url(../images/showsBg_02.jpg) center 0 no-repeat; height:580px; min-width:1200px;}
.show ul{ margin-top:50px;}
.show ul li{ float:left; position:relative; margin:0 12px 25px 0;}
.show ul li .show-Div{ background:#000; opacity:0.5; filter:Alpha(opacity=50); position:absolute; top:0; left:0; width:100%; height:171px; display:none;} 
.show ul li:first-child .show-Div{ background:#000; opacity:0.5; filter:Alpha(opacity=50); position:absolute; top:0; left:0; width:100%; height:376px; display:none;}
.show ul li .show-p{ font-size:26px; color:#fff; line-height:26px; position:absolute; top:35%; left:0; width:100%; text-align:center; display:none;}
.show ul li .show-p span{ font-size:15px; color:#fff; line-height:25px;} 
.show ul li:hover .show-Div,.show ul li:hover .show-p{ display:block; cursor:pointer;}
.show .show-int{ font-size:20px; color:#000; line-height:22px; text-align:center;}
.show .show-inb{ font-size:14px; color:#000; line-height:30px; text-align:center;}

.contact .conText{ background-image:url(../images/nameText_05.png); background-position:left 15px center; background-repeat:no-repeat; width:415px; height:45px; border:1px solid #e8e8e8; border-radius:5px; padding-left:55px; margin-right:27px; margin-top:50px;}
.contact .emailText{ background-image:url(../images/EmailText_07.png); background-position:left 15px center; background-repeat:no-repeat; width:405px; height:45px; border:1px solid #e8e8e8; border-radius:5px; padding-left:65px; margin-top:50px;}
.contact .phoneText{ background-image:url(../images/mobileText_11.png); background-position:left 15px center; background-repeat:no-repeat; width:915px; height:45px; border:1px solid #e8e8e8; border-radius:5px; padding-left:55px; margin-top:25px;}
.contact .advT{ background-image:url(../images/adviceTextarea_13.png); background-position:left 15px top 15px; background-repeat:no-repeat; width:915px; height:180px; border:1px solid #e8e8e8; border-radius:5px; padding-left:55px; color:#b6b4b4; padding-top:15px; resize:none; margin-top:25px;}
.contact .toBtn{ background:#0f52b7; height:47px; width:970px; font-size:16px; color:#fff; line-height:47px; text-align:center; border:none; border-radius:5px; cursor:pointer; margin:25px 0 50px 0;}

.way{ background:url(../images/wayBg_02.jpg) center 0 no-repeat; height:160px; min-width:1200px;}
.way ul li{ font-size:20px; color:#fff; line-height:22px; float:left;}
.way ul li:nth-child(1){ margin:45px 0 0 110px;}
.way ul li:nth-child(2){ margin:55px 0 0 185px;}
.way ul li:nth-child(3){ margin:55px 0 0 215px;}
.way ul li span{ font-size:18px; color:#fff; line-height:22px;}

.footer{ height:220px; min-width:1200px;}
.footer .footer-logo{text-align:center;margin: 0px auto;display: flex;width: 100%;justify-content: center;}
.footer .footer-border { background:none; border-top:0px solid #fff; height:1px; position:relative; margin:15px 0;}
.footer .footer-border:before{ background:#fff; border:0px ridge #fff; content:""; height:1px; width:37px; position:absolute; top:-1px; left:48%;}
.footer .footer-copyRight{ font-size:12px; color:#b1b1b1; line-height:34px; text-align:center;}
.footer .footer-copyRight a{ font-size:12px; color:#b1b1b1; line-height:34px;}


/*about*/
.nslideBox{ width:100%; height:450px; overflow:hidden; position:relative; }
.nslideBox .hd{ height:20px; overflow:hidden; position:absolute; left:48%; bottom:25px; }
.nslideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.nslideBox .hd ul li{ float:left; margin-right:20px;  width:15px; height:15px; border-radius:50%; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.nslideBox .hd ul li.on{ background:#1d54cd; color:#fff; }
.nslideBox .bd{ position:relative; height:100%; z-index:0;   }
.nslideBox .bd li{ zoom:1; vertical-align:middle; }
.nslideBox .bd img{ width:100%; height:450px; display:block;  }
.nslideBox .prev,
.nslideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background-image:url(../images/slider-arrow.png); background-position: -110px 5px; background-repeat: no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.nslideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.nslideBox .prev:hover,
.nslideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.nslideBox .prevStop{ display:none;  }
.nslideBox .nextStop{ display:none;  }

.nAbout ul li{ margin-top:50px; height:345px;}
.nAbout ul li:nth-child(1){ background:url(../images/neiAbout_03.jpg) left top -10px no-repeat;}
.nAbout ul li:nth-child(2){ background:url(../images/neiAbout_07.jpg) left top -21px no-repeat;}
.nAbout ul li:nth-child(3){ background:url(../images/neiAbout_08.jpg) left top -11px no-repeat;}
.nAbout ul li .nAbout-title{ font-size:24px; color:#143f9e; line-height:30px; padding-left:335px;}
.nAbout ul li .nAbout-title span{ font-size:14px; color:#818181; line-height:14px; }
.nAbout ul li .nAbout-desc{ font-size:14px; color:#000; line-height:46px; padding-left:357px;}

.nShowAbout .mp li{ float:left; position:relative; height:195px; margin:55px 12px  55px 0;}
.nShowAbout .mp li:last-child{ margin-right:0;}
.nShowAbout .mp .li-Divbg{ width:225px; height:40px; background:#000; opacity:0.5; filter:Alpha(opacity=50); position:absolute; bottom:0 ; left:0;}
.nShowAbout .mp .li-Divsr a{ background:url(../images/about-more_03.jpg) no-repeat; width:40px; height:40px; position:absolute; bottom:0; right:0;}
.nShowAbout .mp li p{ font-size:12px; color:#fff; line-height:14px; position:absolute; left:30px; bottom:5px;}
.nShowAbout .mp li p span{ font-size:10px; color:#939393; line-height:14px; }
.nShowAbout .mp li .li-Div{ display:none;}
.nShowAbout .mp li:hover .li-Div{ display:block;}

/*float*/
.float{ background:url(../images/floatBg.jpg) no-repeat; width:469px; height:221px;}
.float .float-phone{ font-size:20px; color:#ee6906; line-height:23px; font-weight:bold; padding:24px 0  0 235px;}
.float .float-title{ font-size:32px; color:#000; line-height:50px; padding-left:154px;}
.float .float-en a{ font-size:15px; color:#ee6906; line-height:31px; padding-left:360px;}
.float ul li{ float:left; width:83px; height:30px; text-align:center; background:url(../images/FBG_05.jpg) no-repeat; margin-right:15px; margin-top:10px;}
.float ul li  a{ font-size:14px; color:#fff; line-height:26px; display:block;}
.float ul{ padding-left:158px;}
.float ul li:hover{ background:url(../images/FBG_03.jpg) no-repeat;}

/*kefu*/
.kefuBox{ position:fixed; right:20px; top:13%; padding-bottom:73px; z-index:9999;}
.kefuBox .kf{ width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.kefuBox .kefuBoxqq{ background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.kefuBox .kefuBoxqq a{ display:block; height:73px;}
.kefuBox .kefuBoxqq:hover{ background-color:#488bc7;}
.kefuBox .kefuBoxwx{ background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.kefuBox .kefuBoxwx:hover{background-color:#58a81c;}
.kefuBox .kefuBoxwx .pic{ position:absolute; left:-245px; top:0px; display:none;width:239px;height:239px; background:url(../images/weixin.jpg)  0 0 no-repeat; border:1px solid #58a81c;}
.kefuBox .kefuBoxwx:hover .pic{ display:block;}
.kefuBox .kefeBoxph{ background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.kefuBox .kefeBoxph:hover{ background-color:#ff811b;}
.kefuBox .kefeBoxph .phone{ background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.kefuBox .kefeBoxph:hover .phone{ display:block;}
.kefuBox .kefuBoxtop{ background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666;}
.kefuBox .kefuBoxtop:hover{background-color:#444;}
