@charset "utf-8";
html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #111111;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1200px; margin:0 auto;}
/*clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
/* 初始化 */
body {width: 100%;height: 100%;font-size: 16px; background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
/*header*/
.header { height:132px;}
.h-logo { float:left;width:404px; padding-top:23px;}
.h-logo img {  height:74px;}
.h-tel { float:right;color:#333333; font-size:24px; line-height:1;letter-spacing: 2px; margin-top:53px; background:url(../images/h-tel.png) no-repeat center left; padding-left:40px;}
/*nav*/
.nav { height:60px; background-color:#333333; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left; color:#ffffff; font-size:18px; line-height:60px; margin:0 10px; padding:0 30px; position:relative;}
.nav ul li:after{content:""; position:absolute; left:-10px; top:22px; width:1px; height:16px; background-color:#444444; }
.nav ul li:first-child:after { display:none;}
.nav ul li a { color:#ffffff; display:block;}
.nav ul li:hover { background-color:#d71425;}
.nav ul li.active { background-color:#d71425;}
.nav ul li .sub { position:absolute; top:60px; left:0; width:100%; height:auto; background-color:#f5f5f5;  z-index:333;}
.nav ul li .sub ul { display:block;}
.nav ul li .sub ul li{ width:100%; font-size:14px; line-height:40px; padding:0; text-align:center; margin:0; border-top:#f6f6f6 solid 1px; }
.nav ul li .sub ul li:first-child { border-top:none;}
.nav ul li .sub ul li:after { display:none;}
.nav ul li .sub ul li a{color:#333333; }
.nav ul li:hover .sub ul li  { background-color:#f5f5f5;}
.nav ul li.active .sub ul li  { background-color:#f5f5f5;}
.nav ul li .sub ul li:hover { background-color:#c4c4c4;}
.nav ul li .sub ul li:hover a {color:#ffffff;}
/*banner*/
.banner { height:auto;}
/* 本例子css */
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:10px; overflow:hidden; position:absolute; left:50%; margin-left:-25px; bottom:36px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background:#dddddd; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#d51524; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; height:auto; display:block;  }
/*i-pinpai*/
.i-pinpai { padding:50px 0;}
/* 本例子css */
.i-pinpai .picScroll-left{ width:1200px;  position:relative;  }
.i-pinpai .picScroll-left .hd{}
.i-pinpai .picScroll-left .hd .prev { display:block; position:absolute; left:-36px; top:45px;width:33px; height:33px; background:url(../images/btn-l.png) no-repeat; cursor:pointer;}
.i-pinpai .picScroll-left .hd .next{ display:block; position:absolute; right:-36px; top:45px;width:33px; height:33px; background:url(../images/btn-r.png) no-repeat; cursor:pointer;}
.i-pinpai .picScroll-left .hd .prev:hover { background:url(../images/btn-l2.png) no-repeat;}
.i-pinpai .picScroll-left .hd .next:hover { background:url(../images/btn-r2.png) no-repeat;}
.i-pinpai .picScroll-left .bd{}
.i-pinpai .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-pinpai .picScroll-left .bd ul li{ width:180px; height:120px; margin-left:15.5px; float:left; _display:inline; overflow:hidden; text-align:center; border:#ededed solid 1px; background-color:#FFF;  }
.i-pinpai .picScroll-left .bd ul li a { display:block;}
.i-pinpai .picScroll-left .bd ul li .pic{ width:180px; height:120px; text-align:center; line-height:110px; overflow:hidden; }
.i-pinpai .picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.6s; }
.i-pinpai .picScroll-left .bd ul li:hover {border:#d71425 solid 1px; }
/*i-pro*/
.i-pro { background-color:#f6f6f6; padding-top:60px; padding-bottom:15px;}
.i-pro-ban { height:40px;}
.ipb-left { float:left;color:#333333; font-size:24px; line-height:40px;letter-spacing: 2px; background:url(../images/public1.png) no-repeat left center; padding-left:38px;}
.ipb-left a {color:#333333;}
.ipb-right { float:right;}
.ipb-right ul { float:right;}
.ipb-right ul li { float:left; width:106px; height:38px; border:#e9e9e9 solid 1px; text-align:center; background-color:#FFF; line-height:38px;color:#333333; font-size:14px; margin-left:7px; }
.ipb-right ul li a {color:#333333; display:block;}
.ipb-right ul li:hover { background-color:#e70012;}
.ipb-right ul li:hover a {color:#ffffff;}
.i-pro-show { margin-top:40px;}
.i-pro-left { float:left; width:460px; height:618px;overflow:hidden; position:relative;}
/* 本例子css */
.i-pro-left .hd{ height:3px; overflow:hidden; position:absolute; left:30px; top:50%; z-index:1; }
.i-pro-left .hd ul{ overflow:hidden; zoom:1;}
.i-pro-left .hd ul li{ float:left; margin:0 5px;  width:21px; height:3px;text-align:center; background-color:rgba(255, 255, 255, 0.2); cursor:pointer; }
.i-pro-left .hd ul li.on{background-color:rgba(255, 255, 255, 1); }
.i-pro-left .bd{ position:relative; height:100%; z-index:0;   }
.i-pro-left .bd li{ zoom:1; vertical-align:middle; }
.i-pro-left .bd img{ width:100%; height:618px; display:block;  }
.i-pro-right { float:right; width:738px;}
.i-pro-right ul li { float:left; width:345px; margin-left:24px; margin-bottom:44px;box-shadow: 0 0 20px #ffffff;}
.i-pro-right ul li .pic { width:345px; height:165px; overflow:hidden; line-height:155px; text-align:center; background-color:#FFF;}
.i-pro-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.6s; }
.i-pro-right ul li .con { height:122px; overflow:hidden; background-color:#eeeeee;}
.i-pro-right ul li .con .tit { color:#333333; font-size:16px; line-height:22px; font-weight:bold; height:22px; overflow:hidden; padding:27px 40px 0 40px; }
.i-pro-right ul li .con .des { color:#999999; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:5px; padding:0 40px; }
.i-pro-right ul li:hover {box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.i-pro-right ul li:hover .con .tit {color:#e70012;}
/*i-about*/
.i-about { background-color:#333; padding-bottom:60px;}
.i-about-left { float:left; width:645px;}
.i-about-left .en { color:#393939; font-size:60px; line-height:1;font-weight:bold;text-transform:uppercase; padding-top:94px;  }
.i-about-left .ban { width:196px; height:36px; margin-top:23px; }
.i-about-left .ban img{ width:196px; height:36px; }
.i-about-left .tit { color:#ffffff; font-size:25px; line-height:1; font-weight:bold; margin-top:25px;letter-spacing: 1px; }
.i-about-left .des { color:#999999; font-size:14px; line-height:23px; margin-top:22px; height:115px; overflow:hidden; }
.i-about-left .more { height:42px; margin-top:35px; }
.i-about-left .more a:hover {opacity:0.8;}
.i-about-left .more a:first-child { display:inline-block; text-align:center; width:167px; height:42px; background-color:#d51524;color:#ffffff; font-size:16px; line-height:42px; vertical-align:middle;letter-spacing: 1px;}
.i-about-left .more a:last-child  { display:inline-block; margin-left:5px; text-align:center; width:44px; height:42px; background-color:#ffffff;color:#d51524; font-size:24px; font-weight:bold; line-height:42px; vertical-align:middle;}
.i-about-right { float:right; width:515px; padding-top:73px;}
.i-about-right img { width:515px; height:453px;}
/*i-anli*/
.i-anli { padding-top:53px; padding-bottom:34px;}
.i-public { height:40px;}
.i-pub-left { float:left;color:#333333; font-size:24px; line-height:40px;letter-spacing: 2px; background:url(../images/public2.png) no-repeat left center; padding-left:38px;}
.i-pub-left a {color:#333333;}
.i-pub-right { float:right;color:#d51524; font-size:14px; line-height:40px;letter-spacing: 1px; position:relative;}
.i-pub-right:after{content:""; position:absolute; left:-946px; top:19px; width:926px; height:1px; background-color:#dddddd; }
.i-pub-right a {color:#d51524;}
.i-pub-right a:hover {opacity:0.8;}
.i-anli-show { margin-top:23px;}
.i-anli-show ul li{ float:left; width:380px; height:258px; overflow:hidden; position:relative; margin-bottom:27px;}
.i-anli-show ul li:nth-child(3n+2) { margin-left:30px;}
.i-anli-show ul li:nth-child(3n+3) { margin-left:30px;}
.i-anli-show ul li .pic { width:380px; height:258px; text-align:center; line-height:248px; overflow:hidden;}
.i-anli-show ul li .pic img{width:380px; height:258px;vertical-align: middle; }
.i-anli-show ul li .con {position:absolute; bottom:-258px; left:0; width:100%; height:100%;background-color:rgba(213, 21, 36, 0.1);	transition: 0.5s;}
.i-anli-show ul li .con .tit {color:#ffffff; font-size:18px; line-height:30px; font-weight:bold; height:30px; overflow:hidden; text-align:center; padding:51px 35px 0 35px; }
.i-anli-show ul li .con .des {color:#ffffff; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:27px; text-align:center; padding:0 35px;}
.i-anli-show ul li .con .more { width:123px; height:28px; margin:0 auto; text-align:center; border:#FFF solid 1px; color:#ffffff; font-size:14px; line-height:28px; margin-top:17px; position:relative;}
.i-anli-show ul li .con .more:after{content:""; position:absolute; left:50%; margin-left:-10px; top:-74px; width:20px; height:3px; background-color:#ffffff; } 
.i-anli-show ul li:hover .con { bottom:0;	transition: 0.5s;background-color:rgba(213, 21, 36, 0.9);}
/*i-news*/
.i-news { background-color:#f6f6f6; padding-top:38px; padding-bottom:34px;}
.i-news .i-pub-left {background:url(../images/public3.png) no-repeat left center; }
.i-news-show { height:auto; padding-top:36px;}
.i-news-left { float:left; width:534px; height:439px; overflow:hidden; position:relative;}
/* 本例子css */
.i-news-left .hd{ height:3px; overflow:hidden; position:absolute; left:30px; top:50%; z-index:1; }
.i-news-left .hd ul{ overflow:hidden; zoom:1;}
.i-news-left .hd ul li{ float:left; margin:0 5px;  width:21px; height:3px;text-align:center; background-color:rgba(255, 255, 255, 0.2); cursor:pointer; }
.i-news-left .hd ul li.on{background-color:rgba(255, 255, 255, 1); }
.i-news-left .bd{ position:relative; height:100%; z-index:0;   }
.i-news-left .bd li{ zoom:1; vertical-align:middle; }
.i-news-left .bd img{ width:100%; height:439px; display:block;  }
.i-news-right { float:right; width:640px;}
.i-news-right ul li { margin-bottom:25px;}
.i-news-right ul li .pic { float:left; width:150px; height:91px; overflow:hidden; text-align:center; line-height:81px; background-color:#FFF;}
.i-news-right ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s; }
.i-news-right ul li .con { float:right; width:470px;}
.i-news-right ul li .con .tit {color:#333333; font-size:18px; line-height:32px; height:32px; overflow:hidden;}
.i-news-right ul li .con .tit span { float:right;color:#999999; font-size:14px;}
.i-news-right ul li .con .des {color:#999999; font-size:14px; line-height:18px; height:36px; overflow:hidden; margin-top:14px;}
.i-news-right ul li:hover .con .tit {color:#d51524; font-weight:bold;}
/*i-linker*/
.i-linker { padding:15px 0;}
.i-linker span{color:#333333; font-size:14px; line-height:26px;}
.i-linker a{ display:inline-block; margin-left:32px; color:#999999; font-size:14px; line-height:26px;}
.i-linker a:hover{ text-decoration:underline;}
/*footer*/
.footer { background-color:#333333; padding-top:74px; padding-bottom:38px;}
.footer .ban { color:#ffffff; font-size:18px; font-weight:bold; line-height:1; }
.footer .con { color:#6f6f6f; font-size:14px; line-height:25px; margin-top:12px; }
.footer .list { height:auto; margin-top:12px;}
.footer .list ul li { color:#6f6f6f; font-size:14px; line-height:25px; }
.footer .list ul li a { color:#6f6f6f; }
.footer .list ul li a:hover {  color:#cdcdcd; }
.footer .f-left { float:left; width:143px;}
.footer .f-mid { float:left; width:265px; padding-left:70px; position:relative;}
.footer .f-mid:before{content:""; position:absolute; left:0; top:0; width:1px; height:174px; background-color:#3d3d3d; }
.footer .f-mid:after{content:""; position:absolute; right:0; top:0; width:1px; height:174px; background-color:#3d3d3d; }
.footer .f-mid .list ul li { float:left; width:50%;}
.footer .f-right { float:left; width:415px; padding-left:74px; position:relative;}
.footer .f-right:after{content:""; position:absolute; right:0; top:0; width:1px; height:174px; background-color:#3d3d3d; }
.footer .f-ewm { float:right; width:177px; text-align:center;}
.footer .f-ewm .pic { margin-top:17px;}
.footer .f-ewm .pic img { width:120px; height:120px; border:#5c2b2f solid 7px;}
/*f-copy*/
.f-copy {  background-color:#1b1b1b; text-align:center; color:#424242; font-size:14px; line-height:30px; }
.f-copy a { color:#424242;}
.f-copy a:hover { text-decoration:underline;}
/*返回顶部*/
p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../images/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../images/gotop.png) no-repeat center;} 
/*n-banner*/
.n-banner { width:100%; height:389px;}
.n-banner img{ width:100%;}
/*内页*/
.n-position { height:50px; border-bottom:#d6d6d6 solid 1px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/site.png) no-repeat; background-position:0 17px; background-size:13px 17px; padding-left:25px; color:#666666; font-size:14px; line-height:50px;}
.n-posi-left a { color:#666666;}
.n-posi-left a:hover { text-decoration:underline; }
.n-posi-right { float:right; padding-top:5px; }
.n-posi-right ul li { float:left;margin-right: 15px; color:#666666; font-size:16px; line-height:40px;}
.n-posi-right ul li  a { color:#666666;}
.n-posi-right ul li:hover { border-bottom:#d71425 solid 3px; }
.n-posi-right ul li.active { border-bottom:#d71425 solid 3px; }
.n-main { height:auto; padding:20px 0;}
.n-about { padding:10px 0 30px; color:#333333; font-size:16px; line-height:30px;}
/*详情页*/
.n-show {  padding:20px 0 30px; height:auto; position:relative;}
.n-show .tit {  font-size: 24px; text-align: center; line-height: 32px; color: #1a1a1a; text-transform:uppercase;}
.n-show .riqi { text-align: center; color: #666;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 10px 0px; font-size: 16px; line-height:30px;}
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 13px; line-height:24px;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:30px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#d71425; color:#FFF;}
.n-left { float:left; width:250px;}
.n-left-ban { height:100px; background-color:#d71425; text-align:center; color:#ffffff; font-size:26px; font-weight:bold; line-height:100px;}
.n-left-tel { margin-top:10px; min-height:76px; padding-top:80px; background: #d92030 url(../images/left-tel.png) no-repeat; background-position:102px 19px; text-align:center;}
.n-left-tel .cn {color:#ffffff; font-size:18px; line-height:30px;}
.n-left-tel .nob {color:#ffffff; font-size:24px; line-height:34px;}
.n-left-list { background-color:#333333; padding:13px 0;}
.n-left-list ul li {color:#999999; font-size:16px; line-height:50px; padding-left:50px;}
.n-left-list ul li a {color:#999999; display:block;}
.n-left-list ul li:hover { background-color:#d71425;}
.n-left-list ul li:hover a {color:#ffffff;}
.n-left-list ul li.active {background:#d71425 url(../images/left-jiantou.png) no-repeat; background-position:203px 19px;}
.n-left-list ul li.active a {color:#ffffff;}
.n-right { float:right; width:916px;}
/*留言*/
.online{ padding:30px 0;}
.online ul li{ margin-top:20px; line-height:30px;}
.online ul li span.zi{ display:inline-block; width:235px; line-height:30px; text-align:right; color:#3d3434; vertical-align:top;}
.online ul li span.zi i{color:#F00; padding:0 5px;}
.online ul li .red { color:red;}
.online ul li input{ width:493px; height:30px;border:#ccc 1px solid;margin-left:10px;color:#3d3434;font-size:14px;line-height:30px; padding-left:5px;}
.online ul li input::-webkit-input-placeholder { color: #999999;}
.online ul li textarea {width:493px; height:80px;border:#ccc 1px solid;margin-left:10px;color:#3d3434;font-size:14px;line-height:30px; padding-left:5px; background-color:transparent;outline: none; resize:none}
.online ul li textarea::-webkit-input-placeholder { color: #999999;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }
.online ul li .tijiao{ margin-left:430px; width:120px;height:30px;background:#d71425;text-align:center;color:#fff;font-size:14px;line-height:28px; border:none; cursor:pointer;}
.online ul li .tijiao:hover { opacity:0.8;}
/*n-news*/
.n-news-list {width:100%;}
.n-news-list ul li {  padding:12px 0; border-bottom:#dcdcdc solid 1px;}
.n-news-list ul li .pic { display:none; float:left; width:150px; height:91px; overflow:hidden; text-align:left; line-height:81px;}
.n-news-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s; }
.n-news-list ul li .con { }
.n-news-list ul li .con .tit {color:#333333; font-size:16px; line-height:32px; height:32px; overflow:hidden;}
.n-news-list ul li .con .tit span { float:right;color:#999999; font-size:14px;}
.n-news-list ul li .con .des {color:#999999; font-size:14px; line-height:32px; height:32px; overflow:hidden; margin-top:4px;}
.n-news-list ul li:hover { background-color:#f2f2f2;}
.n-news-list ul li:hover .tit{color:#d71425; font-weight:bold;}
/*n-pic-banner*/
.n-pic-banner { width:916px; height:523px; margin-bottom:30px;}
.n-pic-banner img { width:100%;}
/* 本例子css */
.n-pic-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.n-pic-banner .slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:44px; bottom:44px; z-index:1; }
.n-pic-banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.n-pic-banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;text-align:center; background:#ffffff; cursor:pointer;border-radius:50%; }
.n-pic-banner .slideBox .hd ul li.on{ background:#d51524; }
.n-pic-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.n-pic-banner .slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; }
.n-pic-banner .slideBox .bd img{ width:100%; height:523px; display:block;  }
.n-pic-banner .slideBox .bd li .pic { width:916px; height:523px; text-align:center; line-height:513px; overflow:hidden;}
.n-pic-banner .slideBox .bd li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-pic-banner .slideBox .bd li .con { position:absolute; bottom:0; left:0; width:916px; height:99px; padding-top:21px;background-color:rgba(0, 0, 0, 0.5);}
.n-pic-banner .slideBox .bd li .con .tit { padding-left:23px; padding-right:100px; color:#ffffff; font-size:24px; line-height:33px; height:33px; overflow:hidden; }
.n-pic-banner .slideBox .bd li .con .des { padding-left:23px; padding-right:100px; color:#ffffff; font-size:16px; line-height:25px; height:50px; overflow:hidden;}
.n-pic-banner .slideBox .bd li:hover .con .tit {opacity:0.8;}
.n-pic-banner .slideBox .bd li:hover .con .des {opacity:0.8;}
.n-pic-banner .slideBox .prev,
.n-pic-banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.n-pic-banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.n-pic-banner .slideBox .prev:hover,
.n-pic-banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.n-pic-banner .slideBox .prevStop{ display:none;  }
.n-pic-banner .slideBox .nextStop{ display:none;  }
/*n-pro-list*/
.n-pro-list { padding-top:0;}
.n-pro-list ul li { float:left; width:440px; margin-bottom:27px; border:#f6f6f6 solid 1px;box-shadow: 0 0 20px #ffffff;}
.n-pro-list ul li:nth-child(even) { margin-left:32px;}
.n-pro-list ul li .pic { width:440px; height:210px; overflow:hidden; line-height:200px; text-align:center;}
.n-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.6s; }
.n-pro-list ul li .con { height:122px; overflow:hidden; background-color:#eeeeee;}
.n-pro-list ul li .con .tit { color:#333333; font-size:16px; line-height:22px; font-weight:bold; height:22px; overflow:hidden; padding:27px 30px 0 30px; }
.n-pro-list ul li .con .des { color:#999999; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:5px; padding:0 30px; }
.n-pro-list ul li:hover .con .tit {color:#e70012;}
.n-pro-list ul li:hover {box-shadow: 0 0 20px rgba(0,0,0,0.2);}
/*n-fangan-list*/
.n-fangan-list {}
.n-fangan-list ul li{ margin-bottom:32px; background-color:#f5f5f5;height:308px; overflow:hidden;box-shadow: 0 0 20px #ffffff;}
.n-fangan-list ul li .pic { float:left; width:545px; height:308px; text-align:center; line-height:298px; overflow:hidden;}
.n-fangan-list ul li .pic img{ width:545px; height:308px;vertical-align: middle;transition: 0.6s; }
.n-fangan-list ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.n-fangan-list ul li .con { float:right; width:306px; padding-right:30px; padding-top:23px; }
.n-fangan-list ul li .con .tit {color:#333333; font-size:24px; line-height:37px; height:74px; overflow:hidden; }
.n-fangan-list ul li .con .des {color:#999999; font-size:14px; line-height:22px; margin-top:34px; height:88px; overflow:hidden; }
.n-fangan-list ul li .con .more { width:114px; padding-left:21px; height:33px; background:url(../images/anli-more.png) no-repeat; color:#ffffff; font-size:14px; line-height:33px; margin-top:21px; position:relative;}
.n-fangan-list ul li .con .more:after{content:""; position:absolute; left:0; top:-129px; width:37px; height:5px; background-color:#d71425; }
.n-fangan-list ul li:hover .con .more{opacity:0.8;}
.n-fangan-list ul li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.2);}
/*详情*/
.way_xq{height:358px;padding-top:20px;border:1px solid #dcdcdc;background:#fff;margin-bottom:24px;}
.way_xq dt{float: right;margin-right:20px;}
.way_xq dt img{display:block;width:599px;}
.way_xq dd{float: left;width:510px;margin-left:35px;}
.way_xq dd h3{font-size: 24px;color: #333;position:relative;height:80px;line-height:70px;margin-bottom:16px;font-weight:normal;}
.way_xq dd h3:after{position: absolute;width:38px;height:3px;background: #d71425;content: "";left: 0;bottom: 0;}
.way_xq dd .des{font-size: 16px;color: #666;line-height:28px; height:140px; overflow:auto;}
.way_xq .fx{height:21px;text-align: right;border-bottom:1px solid #dcdcdc;}
/*咨询*/
.zixun{padding-top:26px;}
.zixun p{float: left;padding-left:60px;font-size: 18px;color: #333;line-height: 24px;background:url(../images/phone2.png) no-repeat 7px center;}
.zixun a{float: right;width: 122px;height: 42px;line-height: 42px;text-align: center;font-size: 18px;color: #fff;background: #d71425;}
.zixun a:hover {opacity:0.8;}
/*框架*/
.way_ct{border:1px solid #dcdcdc;background: #fff;padding:0 40px;margin-bottom:24px;}
.way_ct h2{font-size:28px;height:28px;line-height:28px;border-left:4px solid #d71425;font-weight:normal;color: #666666;padding-left:10px;background:url(../images/line1.png) no-repeat right 16px;margin-bottom:20px;}
.way_ct h2 i{font-size: 14px;opacity:0.5;} 
.gaisu{padding:20px 0;font-size:14px;color:#666;line-height:26px;}
.gaisu img { max-width:100%;}
/*zaixianzixun*/
.zaixianzixun { position:fixed; bottom:50px; right:1px; width:50px; height:auto; z-index:334;}
.z-con { width:50px; margin:0 auto; margin-top:2px;}
.z-tel { width:50px; height:50px; margin-top:2px;background:#333333 url(../images/z-tel.png) no-repeat center center;font-size:0; overflow:hidden; }
.z-tel a { color:#FFF;}
.z-tel:hover {width:150px;margin-left:-150px; background:#c41222 url(../images/z-tel.png) no-repeat; background-position:10px 10px; color:#FFF; font-size:16px; line-height:50px; padding-left:50px;cursor:pointer;}
.z-qq { width:50px; height:50px; margin-top:2px; background:#333333 url(../images/z-qq.png) no-repeat center center;  }
.z-qq a { display:block; width:100%; height:100%;}
.z-qq:hover {background:#c41222 url(../images/z-qq.png) no-repeat center center; }
.z-wx { width:50px; height:50px; margin-top:2px;background:#333333 url(../images/z-wx.png) no-repeat center center; position:relative;transition: 0.5s; cursor:pointer; }
.z-wx .con{display:none; position:absolute; top:0; left:-140px; width:120px; height:120px;transition: 0.5s; padding:5px; background-color:#c41222;border-radius:5px; }
.z-wx .pic { width:120px; height:120px;border-radius:5px; position:relative;}
.z-wx .pic:after{content:""; position:absolute; right:-11px; top:16px; width:6px; height:9px; background:url(../images/z-jiao.png) no-repeat;}
.z-wx .pic img { width:120px; height:120px;border-radius:5px;}
.z-wx:hover { background:#c41222 url(../images/z-wx.png) no-repeat center center;transition: 0.5s; }
.z-wx:hover .con { display:block; transition: 0.5s;}
.z-top { width:50px; height:50px; margin-top:2px; background:#333333 url(../images/z-top.png) no-repeat center center;  }
.z-top a { display:block; width:100%; height:100%;}
.z-top:hover {background:#c41222 url(../images/z-top.png) no-repeat center center; }
.z-kefu { width:50px; height:50px; margin-top:2px; background:#333333 url(../images/z-kefu.png) no-repeat center center;  }
.z-kefu a { display:block; width:100%; height:100%;}
.z-kefu:hover {background:#c41222 url(../images/z-kefu.png) no-repeat center center; }
.n-pro-show { height:auto;}
.n-pro-show ul li { float:left; width:286px; height:auto; margin-bottom:25px; border:#eeeeee solid 1px;}
.n-pro-show ul li:nth-child(3n+2) { margin-left:25px;}
.n-pro-show ul li:nth-child(3n+3) { margin-left:25px;}
.n-pro-show ul li .pic{  width:286px; height:204px; text-align:center; line-height:194px; overflow:hidden;}
.n-pro-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.n-pro-show ul li .tit {color:#333333; font-size:14px; line-height:38px; text-align:center; background-color:#f1f1f1;}
.n-pro-show ul li:hover .pic img{transform: scale(1.05); transition: 0.6s;}
.n-pro-show ul li:hover .tit { background-color:#c41222; color:#ffffff; }

@media(max-width:1300px){
.i-pinpai .picScroll-left .hd .prev { display:none;}
.i-pinpai .picScroll-left .hd .next{ display:none;}
}
@media(max-width:1200px){
.nav {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-pro {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.i-news {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
.f-copy {width:1200px; margin:0 auto;}
.n-banner {width:1200px; margin:0 auto;}
}