@charset "utf-8";
/* CSS Document */

body { font-size: 15px; font-family: "microsoft yahei"; color: #333; background: #fff; }
input, select, textarea, button{ vertical-align: middle; outline:none; font-family:"microsoft yahei"; border:0;}
h1, h2, h3, h4, h5, h6, em, i{font-weight:normal; font-style:normal;}
img { border: 0; vertical-align:middle; }
ul, li, ol, dl, dt {list-style: none;}
a { text-decoration: none; outline: none; color: #333; }
a:hover{ color:#315ab7;}
* { padding: 0px; margin: 0px; }
.fl { float: left; }
.fr { float: right; }
table {  border-collapse: collapse; }
.clear { clear: both; font-size:0; line-height:0; height:0;}
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.mag { width:90%; margin: 0 auto; }



/**index**/
.in-head{ height:142px;}
.in-head .logo{ padding-top:24px;}

.navbox{ padding:76px 0 0 7%; height:36px; position:relative; z-index:99;}
.navbox li { float: left; height:36px; display: inline-block; margin:0 20px; text-align: center; line-height:36px; }
.navbox li a{ font-size:17px; display:block; padding:0 16px;}
.navbox li.hov a { background:#315ab7; color:#fff;}
.navbox li.on{background:#315ab7; color:#fff;}
.navbox li.on a{color:#fff;}
.subbg { background:rgba(0,0,0,.2); position: absolute; width: 100%; left: 0px; top:142px; z-index: 10; }
.subbgBox { position: relative; overflow: hidden; width:60%; margin:auto; }
.subnav { display: none; }
.subnav a { padding:0 25px; font-size:17px; line-height:57px; display:inline-block; color:#fff; position:relative;}
.subnav1{ padding-left:10%;}
.subnav2{ padding-left:15%;}
.subnav3{ padding-left:0;}
.subnav4{ padding-left:30%;}
.subnav5{ text-align:right; padding-right:25%;}
.subnav6{ text-align:right; padding-right:15%;}
.subnav7{ text-align:right; }

.search{ background:#fff;  height:32px; line-height:32px; text-align:left; margin:74px 20px 0 0; border:1px #c72414 solid; }
.search .inpt{ background:none; width:198px; padding-left:15px; float:left; line-height:33px; font-size:16px; color:#9d9d9d;}
.search .btn{ background:#c72414; width:109px; height:33px; color:#fff; font-size:16px; float:left; cursor:pointer;}


.in-banner{ width:100%; position:relative; height:529px; overflow:hidden;}
.in-banner .bd li{  width:100%; height:529px; background-repeat:no-repeat; background-size:cover; background-position:top center; float:left;}
.in-banner .hd{ width:100%; position: absolute; bottom:17px; left:0; z-index: 9; text-align:center; }
.in-banner .hd li{ display: inline-block; width: 14px; height: 14px; background: #fff; border-radius: 2em; text-indent: -9999px; margin: 0 18px; border:1px #fff solid; cursor:pointer; }
.in-banner .hd li.on{ background:none; }


.in-main{ width:90%; margin:auto; padding:40px 0;}
.in-news{ margin-left:-5%; position:relative;}
.in-news li{ width:20%; float:left; display:block; margin:40px 0 30px 5%;}
.in-news li .img{ width:100%; height:124px; position:relative;}
.in-news li .img img{ width:100%; height:100%; display:block;}
.in-news li .img .arrow{ background:url(/images/news-arrow.jpg) no-repeat; display:block; width:46px; height:26px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; opacity:0; transition:200ms 200ms; -webkit-transition:200ms 200ms;}
.in-news li .t{ font-size:17px; padding-top:15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.in-news li .p{ color:#6f6f6f; line-height:23px; max-height:46px; overflow:hidden; padding-top:13px;}
.in-news li a:hover .img .arrow{ opacity:1;}


.footer-link{ padding:28px 0; height:50px; border-top:1px #e2e2e2 solid;}
.footer-link-Box{ position: relative; padding:0 60px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.footer-link-Box .es-carousel { overflow: hidden;}
.footer-link-Box .es-carousel ul { display: none; }
.footer-link-Box .es-carousel ul li { height: 100%; float: left; height:50px; margin-left:25px; display: block; }
.footer-link-Box .es-carousel ul li img { display: block; max-height: 100%; max-width: 100%; }
.footer-link-Box .es-nav span { position: absolute; top: 50%; font-size:36px; color:#b1b1b1; font-weight:lighter; margin-top: -24px; cursor: pointer;  }
.footer-link-Box .es-nav span.es-nav-prev{ left:0;}
.footer-link-Box .es-nav span.es-nav-next { right:0; }
.footer-bottom{ background:#242424; padding:36px 0 18px 0; font-size:14px; line-height:30px; color:#9d9d9d;}
.footer-bottom .code{ text-align:center;}


/**产品中心**/
.ny-banner{ background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%; height:214px;}
.ny-pos{ padding:20px 0; font-size:17px; text-align:center; border-bottom:1px #ececec solid;}
.ny-pos .add{ display:inline-block; float:left;}
.ny-pos .menu{ display:inline-block;}
.ny-pos .menu a{ padding-right:78px;}
.ny-pos .menu a.act, .ny-pos .menu a:hover{ color:#d21300;}

.product-Menu{ width:22%; border:1px #d9d9d9 solid; border-top:0;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.product-Menu h3{ height:59px; line-height:59px; font-size:18px; position:relative; padding-left:18px; cursor:pointer; color:#515151; border-top:1px #d9d9d9 solid;}
.product-Menu h3 em{ background:url(/images/pro-arrow.png) no-repeat; background-position:0 0; width:16px; height:16px; display:inline-block; position:absolute; right:26px; top:21px;}
.product-Menu h3.on{ background:#315ab7; color:#fff; }
.product-Menu h3.on em{ background-position:0 -25px; height:1px; top:29px;}
.product-Menu ul{ background:#f5f5f5; padding:20px 0 20px 55px; display:none;}
.product-Menu ul li{ height:42px; line-height:42px; font-size:18px; vertical-align:middle; }


.product-right{ width:73%;}
.product-list{ margin-left:-6%; position:relative;}
.product-list li{ width:27.333%; margin:0 0 65px 6%; display:block; float:left;}
.product-list li .figure{ width:100%; height:223px; position:relative; border:1px #e3e3e3 solid; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.product-list li .figure img{ max-width:100%; max-height:100%; display:block;}
.product-list li .figure .bg{ background:rgba(0,0,0,.1); width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.product-list li .figure .arrow{ background:url(/images/news-arrow.jpg) no-repeat; display:block; width:46px; height:26px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; opacity:0; transition:200ms 200ms; -webkit-transition:200ms 200ms;}
.product-list li .name{ font-size:18px; color:#515151; padding-top:15px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product-list li a:hover .figure .bg{ opacity:1;}
.product-list li a:hover .figure .arrow{ opacity:1;}

.product-page{ text-align:right; padding:40px 0;}
.product-page a{ background:#ececec; line-height:38px; font-size:17px; color:#6f6f6f; padding:0 15px; border-radius:3px; display:inline-block;}
.product-page a.cur, .product-page a:hover{ background:#315ab7; color:#fff;}

.product-mask{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:99; display:none;}
.product-pop{ background:#fff; width:780px; padding:40px 28px 25px 28px; height:420px; position:fixed; left:0; top:0; right:0; bottom:0; z-index:100; margin:auto; display:none;}
.product-pop .close{ font-size:20px; font-weight:bold; color:#8b8b8b; position:absolute; right:20px; top:10px;}
.product-pop .figure{ width:780px; text-align:center; height:260px; display:table-cell; vertical-align:middle; border-bottom:1px #d2d2d2 dashed;}
.product-pop .figure img { max-width:100%; max-height:100%; display:inline-block; position:relative; }
.product-pop .text{ font-size:16px; line-height:36px; color:#5f5f5f; padding-top:15px; max-height:144px; overflow:hidden;}


.ny-aboutWarp{ background:#f5f5f5; padding:45px 0;}
.ny-about{ width:78%; margin:auto;}
.ny-about .title{ font-size:20px; color:#2e2e2e; text-align:center;}
.ny-about .aside{ line-height:29px; color:#6f6f6f; padding:55px 0;}


.Anti-box{ text-align:center;}
.Anti-boxItem{ display:inline-block; text-align:left; padding:55px 0;}
.Anti-boxItem .srh .s-inpt{ width:435px; height:47px; line-height:47px; padding-left:21px; font-size:18px; float:left; color:#a5a5a5; border:1px #c62111 solid;}
.Anti-boxItem .srh .s-btn{ background:url(/images/chax-btnc.png) no-repeat; width:82px; height:34px; font-size:0; text-indent:-9999px; margin:7px 0 0 24px; cursor:pointer;}
.Anti-boxItem .tips{ font-size:16px; line-height:30px; color:#6f6f6f; padding-top:40px;}
.Anti-boxItem .tips h3{ color:#000; font-size:16px;}
.Anti-pop{ background:#fff; width:1047px; height:378px; line-height:44px; font-size:16px; text-align:center; position:fixed; left:0; top:0; right:0; bottom:0; margin:auto; display:none; z-index:100;}
.Anti-pop .close{ font-size:20px; font-weight:bold; color:#8b8b8b; position:absolute; right:10px; top:5px; line-height:normal;}
.Anti-pop .icon{ padding:46px 0 25px 0;}
.Anti-pop .icon i{ background:url(/images/dui.png) no-repeat; width:102px; height:102px; display:inline-block;}
.Anti-pop .t{ font-size:18px;}


.guide-main{ background-image:url(/images/guide-bg.jpg); width:100%; height:100%; position:fixed; background-size:cover; background-repeat:no-repeat; background-position:center center; }
.guide-main .btn{ background:url(/images/guide-btn.png) no-repeat; width:160px; height:43px; line-height:43px; text-align:center; font-size:22px; color:#fff; display:block; position:absolute; left:50%; margin-left:-80px; bottom:22%;}

@media only screen and (max-width: 1600px) {

.in-head .mag{ width:98%;}
.navbox{ padding-left:3%;}
.navbox li{ margin:0 10px;}
.navbox li a{ padding:0 14px;}

/*.search{ width:290px;}*/
.search .inpt{ width:171px; padding-left:10px;}

.subnav5{  padding-right:10%;}
.subnav6{ padding-right:5%;}

}
/*add css*/
.SplitPage{ text-align:right; padding:40px 0;}
.SplitPage a{ background:#ececec; line-height:38px; font-size:17px; color:#6f6f6f; padding:0 15px; border-radius:3px; display:inline-block;}
.SplitPage span{ background:#ececec; line-height:38px; font-size:17px; color:#6f6f6f; padding:0 15px; border-radius:3px; display:inline-block;}
.SplitPage a.cur, .SplitPage a:hover{ background:#315ab7; color:#fff;}
.SplitPage span.nowpage, .SplitPage span:hover{ background:#315ab7; color:#fff;}

.re-cont{ padding:0 18px 0 10px;}
.re-cont-hd{ background:#eceff2; height:51px; line-height:51px; position:relative; padding-left:27px; color:#333; font-family:"microsoft yahei"; cursor:pointer; border-bottom:1px #fff solid;}
.re-cont-hd .tit{ font-size:18px; float:left;}
.re-cont-hd .city{ margin-left:25px; float:left; border-left:1px #666 solid; padding-left:10px; line-height:16px; display:inline-block; margin-top:18px; font-size:14px; color:#666;}
.re-cont-hd .apply{ font-size:14px; color:#666; position:absolute; right:85px;}
.re-cont-hd .arrow{ background:url(/images/re-arrow.png) no-repeat; background-position:0 -25px; width:23px; height:23px; display:block; position:absolute; right:27px; top:15px;}
.re-cont-hd.on{ background:#4a2f95; color:#fff;}
.re-cont-hd.on .city{ color:#fff; border-color:#fff;}
.re-cont-hd.on .apply{ color:#fff; }
.re-cont-hd.on .arrow{ background-position:0 0;}
.re-cont-bd{ background:#fff; display:none;}
.re-cont-bd .r-inner{ padding:30px; color:#666; font-size:14px; line-height:30px;}
.re-cont-bd .r-inner .rements{ padding:30px 0 15px 0;}
.re-cont-bd .r-inner .red{ color:#cc0000;}
.re-cont-bd .r-inner .treatment{ color:#333; padding-top:10px; border-top:1px #999 dashed;}



/* floatingAd */
.floatingAd .ad{z-index:100;background:none;position:absolute;display:none;}
.floatingAd a{color:#000000; display:inline-block;text-decoration:none;}
.floatingAd a img{border:0;}
.floatingAd .close{display:none;}
.floatingAd .opacity{position:absolute; top:0; width:100%; height:25px; background-color:#000000; opacity:0.20; filter:alpha(opacity = 20);}
.opacity1{opacity:0.90; filter:alpha(opacity = 90);}
.floatingAd .text{position:absolute; top:0; width:100%; height:25px; color:#000000; line-height:25px; }
.floatingAd .text .button{position:relative;float:right;top:5px;right:5px;width:16px;height:16px;background:url("/images/close.png") no-repeat;cursor:pointer;}
.floatingAd .text .title{position:relative;float:left;font-size:12px;margin-left:5px;}

/*
     FILE ARCHIVED ON 17:05:50 Aug 26, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:26:53 Aug 14, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.528
  exclusion.robots: 0.026
  exclusion.robots.policy: 0.017
  esindex: 0.011
  cdx.remote: 3026.52
  LoadShardBlock: 975.529 (3)
  PetaboxLoader3.datanode: 212.74 (4)
  PetaboxLoader3.resolve: 203.428 (2)
  load_resource: 318.119
*/