@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:157px; background:url(../images/header-bg.png) no-repeat top center;}
.h-logo { float:left; padding-top:35px; width:900px;}
.h-logo img { height:76px;}
.h-mid { float:right; margin-top:65px; padding-right:20px;}
.h-mid a { display:inline-block; width:28px; height:28px;border-radius:50%; background-color:#bfbfbf; margin-left:10px;}
.h-mid a:hover {background-color:#c10e24; }
.h-right { float:right; margin-top:65px; width:134px; height:27px; line-height:27px; border:#dddddd solid 1px;border-radius:13px; position:relative;}
.h-right:after{content:""; position:absolute; left:58px; top:8px; width:1px; height:12px; background-color:#dddddd; } 
.h-right a { float:left; display:inline-block; width:48%; text-align:center;color:#999999; font-size:14px; line-height:27px;  }
.h-right a:hover {color:#c10e24;}
/*nav*/
.nav { height:40px; background-color:#333333; text-align:center;}
.nav ul { display:block;}
.nav ul li { float:left;color:#ffffff; font-size:18px; line-height:40px; width:16%;}
.nav ul li a {color:#ffffff; display:block; }
.nav ul li:hover { background-color:#c10e24;}
.nav ul li.active { background-color:#c10e24;}
/*banner*/
.banner { height:auto;}
.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.banner .slideBox .hd{ height:12px; overflow:hidden; position:absolute; left:50%; margin-left:-30px; bottom:21px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1;}
.banner .slideBox .hd ul li{ float:left; margin:0 5px;  width:12px; height:12px;text-align:center; background:#333333; cursor:pointer; }
.banner .slideBox .hd ul li.on{ background:#c10e24; }
.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-public*/
.i-public { width:1106px; margin:0 auto; height:84px;}
.i-public .tit { float:left; color:#333333; font-size:30px; line-height:84px; font-weight:bold; position:relative;}
.i-public .tit span {color:#c10e24; }
.i-public .tit a {color:#333333; }
.i-public .tit:after{content:""; position:absolute; left:0; bottom:0; width:25px; height:5px; background-color:#333333; }
.i-public .more { float:right; width:136px; height:42px; border-radius:21px;border:#e4e4e4 solid 1px; text-align:center;color:#666666; font-size:14px; line-height:42px; margin-top:40px; background-color:#FFF; }
.i-public .more  a {color:#666666; display:block; }
.i-public .more:hover { background-color:#c10e24; }
.i-public .more  a:hover { color:#FFF;}
/*i-about*/
.i-about { background:url(../images/about-bg.jpg) repeat; border:#eeeeee solid 5px;box-sizing: border-box; margin-top:50px; padding-top:26px; padding-bottom:43px;}
.i-about-des{ padding:30px 45px; color:#333333; font-size:16px; line-height:1.875; text-align:justify;text-indent:2em;}
.i-about-list { height:auto;}
.i-about-list ul li { float:left; margin-left:60px; width:228px; height:152px; padding-top:23px; background-color:#FFF; border:#dddddd solid 1px;border-radius:10px;}
.i-about-list ul li:first-child { margin-left:45px;}
.i-about-list ul li .pic { width:86px; height:86px; margin:0 auto; border-radius:50%; background:#c10e24 url(../images/about-icon1.png) no-repeat center center;}
.i-about-list ul li .tit { color:#333333; font-size:16px; line-height:1; text-align:center; margin-top:22px;}
.i-about-list ul li:first-child .pic { background:#c10e24 url(../images/about-icon1.png) no-repeat center center;}
.i-about-list ul li:first-child+li .pic { background:#c10e24 url(../images/about-icon2.png) no-repeat center center;}
.i-about-list ul li:first-child+li+li .pic { background:#c10e24 url(../images/about-icon3.png) no-repeat center center;}
.i-about-list ul li:first-child+li+li+li .pic { background:#c10e24 url(../images/about-icon4.png) no-repeat center center;}
.i-about-list ul li:hover { background-color:#c10e24; }
.i-about-list ul li:hover .tit { color: #FFF;}
.i-about-list ul li:first-child:hover .pic {background:#ffffff url(../images/about-icon12.png) no-repeat center center;}
.i-about-list ul li:first-child+li:hover .pic {background:#ffffff url(../images/about-icon22.png) no-repeat center center;}
.i-about-list ul li:first-child+li+li:hover .pic {background:#ffffff url(../images/about-icon32.png) no-repeat center center;}
.i-about-list ul li:first-child+li+li+li:hover .pic {background:#ffffff url(../images/about-icon42.png) no-repeat center center;}
/*i-pro*/
.i-pro { background:url(../images/pro-bg.jpg) no-repeat top center; margin-top:46px; padding-bottom:36px;}
.i-pro-list { padding-top:27px; height:auto;}
.i-pro-list ul li { float:left; width:275px; margin-top:14px;background: #ffffff;}
.i-pro-list ul li:nth-child(4n+2) { margin-left:33.33px;}
.i-pro-list ul li:nth-child(4n+3) { margin-left:33.33px;}
.i-pro-list ul li:nth-child(4n+4) { margin-left:33.33px;}
.i-pro-list ul li .pic { width:273px; height:198px; overflow:hidden; text-align:center; line-height:188px;border:#f6f6f6 solid 1px;    background-color: #eff3ff;}
.i-pro-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-pro-list ul li .tit { text-align:center;color:#333333; font-size:14px; line-height:42px; height:42px; overflow:hidden;}
.i-pro-list ul li:hover .pic { border:#c10e24 solid 1px;}
.i-pro-list ul li:hover .tit { color:#c10e24;}
/*tiao*/
.tiao { height:14px; background:url(../images/tiao.png) no-repeat top center;}
/*footer*/
.footer { background-color:#333333;}
.footer .f-copy { text-align:center;color:#8b8b8b; font-size:12px; line-height:1.5; background:url(../images/f-copy-bg.jpg) repeat-x top; padding:15px 0;}
.footer .f-copy a {color:#8b8b8b;}
.footer .f-copy a:hover { color:#ffffff;text-decoration:underline;}
.footer .f-top { height:auto; padding-top:65px; padding-bottom:34px;}
.footer .f-top a {color:#999999;}
.footer .f-top a:hover {color:#ffffff;}
.footer .f-left { float:left; width:630px; margin-left:60px; position:relative;}
.footer .f-left:after{content:""; position:absolute; left:-60px; top:9px; width:7px; height:145px; background:url(../images/foot-line.png) no-repeat;}
.footer .f-right { float:right; width:360px; margin-right:60px;position:relative;}
.footer .f-right:after{content:""; position:absolute; left:-60px; top:9px; width:7px; height:145px; background:url(../images/foot-line.png) no-repeat;}
.footer .f-ban {color:#c2c2c2; font-size:16px; line-height:2; font-weight:bold; }
.footer .f-con {color:#999999; font-size:14px; line-height:2; margin-top:9px;  }
/*返回顶部*/
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-position*/
.n-position { height:53px; background-color:#f6f6f6; position:relative; margin-top:20px;  }
.n-position:after{content:""; position:absolute; left:23px; top:19px; width:3px; height:17px; background-color:#c10e24; }
.n-posi-left { float:left;color: #333333;font-size: 18px; font-weight:bold;  line-height: 53px;padding-left:40px;}
.n-posi-right { float:right;color:#999999; font-size:14px; line-height:50px; padding-right:20px;}
.n-position a {color:#999999;}
.n-position a:hover {color:#c10e24;}
/*n-main*/
.n-main { height:auto; padding-bottom:50px; padding-top:30px;}
.n-main img { max-width:100%;}
.n-left { float:left; width:300px;}
.n-left-ban { background-color:#c10e24; height:100px;color:#ffffff; font-size:30px; line-height:100px; font-weight:bold;letter-spacing: 3px; text-align:center;}

#curtips2 { background-color:#c10e24;  overflow:hidden; margin-top:8px; padding:11px 15px 18px 15px;}
#curtips2 .icon_jian{background: url(../images/jian.png) no-repeat center right;width: 13px;height: 13px;display: inline-block;background-size: 100%;float: right; margin-top:25px; cursor:pointer; margin-right:40px;}
#curtips2 .icon_jia{background: url(../images/jia.png) no-repeat center right;width: 13px;height: 13px;display: inline-block;background-size: 100%;float: right; margin-top:25px;cursor:pointer; margin-right:40px;}
#curtips2 ul .te>p{display: inline-block; width:235px; background: #FFF url(../images/n-left-icon.png) no-repeat; background-position:16px 25px; color:#333333; padding-left:35px;  margin-top:7px;font-size: 0; height:60px; overflow:hidden; }
#curtips2 ul .active a{}
#curtips2 ul li a ,#curtips ul li span{text-decoration: none; font-size: 14px; cursor:pointer; }
#curtips2 ul li a { display:inline;color: #333333; line-height:60px; } 
#curtips2 ul li:hover p { color:#c10e24; }
#curtips2 ul li:hover p a {color:#c10e24;}
#curtips2 ul li ul { margin-top:1px; background-color: #FFF; padding:2px 0 10px 0;}
#curtips2 ul li ul li{line-height:30px; padding-left:34px; position:relative; font-weight:bold;}
#curtips2 ul li ul li:hover:after{content:""; position:absolute; left:16px; top:16px; width:11px; height:4px; background-color:#c10e24; }
#curtips2 ul li ul .sanji {padding-left:50px; font-weight:normal; }
#curtips2 ul li ul .sanji:after{content:""; position:absolute; left:40px; top:16px; width:4px; height:4px; background-color:#dddddd; }
#curtips2 ul li ul .sanji:hover:after{content:""; position:absolute; left:40px; top:16px; width:4px; height:4px; background-color:#c10e24; }
#curtips2 ul li ul .sanji a {color:#666666;}
#curtips2 ul li ul li a {color:#333333;font-size:14px;line-height:30px; }
#curtips2 ul li ul .active a {color:#c10e24;}
#curtips2 ul li ul li a:hover { color:#c10e24;}
#curtips2 ul .active ul li a{color:#c10e24; font-weight:normal;}
#curtips2 .cl{display: block;}
#curtips2 .yinc{display: none;}
#curtips2 .zi a {color:#333333; font-weight:bold;}
#curtips2 .hui a {color:#333333;}
.n-right { float:right; width:870px;}
.n-about { padding:0 0 30px; color:#666666; font-size:14px; line-height:1.8; text-align:justify}
.pagination { box-sizing: border-box;text-align:center; font-size:14px; margin-top:30px; margin-bottom:50px; }
.pagination a {  background-color:#cccccc;color:#FFF;  padding:5px 7px;}
.pagination a:hover { background-color:#c10e24; color:#FFF;}
/*n-news-list*/
.n-news-list { height:auto; }
.n-news-list ul li { border-bottom:#f4f4f4 solid 1px;color:#333333; font-size:14px; line-height:40px; height:40px; overflow:hidden;}
.n-news-list ul li:last-child {border-bottom:none;}
.n-news-list ul li span { float:right;color:#999999; }
.n-news-list ul li a {color:#333333; }
.n-news-list ul li:hover span {color:#c10e24;  }
.n-news-list ul li:hover a {color:#c10e24;  text-decoration:underline;}
/*n-pro-list*/
.n-pro-list { height:auto;}
.n-pro-list ul li { float:left; width:275px; margin-bottom:14px;}
.n-pro-list ul li:nth-child(3n+2) { margin-left:22px;}
.n-pro-list ul li:nth-child(3n+3) { margin-left:22px;}
.n-pro-list ul li .pic { width:273px; height:198px; overflow:hidden; text-align:center; line-height:188px;border:#f6f6f6 solid 1px;background: #eff3ff;}
.n-pro-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-pro-list ul li .tit { text-align:center;color:#333333; font-size:14px; line-height:42px; height:42px; overflow:hidden;}
.n-pro-list ul li:hover .pic { border:#c10e24 solid 1px;}
.n-pro-list ul li:hover .tit { color:#c10e24;}
#map { width:589px; margin:0 auto;}
/*详情页*/
.n-show {  padding:10px 0 30px; height:auto; position:relative;}
.n-show .tit {  font-size: 18px; font-weight:bold;  line-height: 53px; color: #333333; background-color:#f6f6f6; position:relative; padding-left:40px;}
.n-show .tit:after{content:""; position:absolute; left:23px; top:19px; width:3px; height:17px; background-color:#c10e24; }
.n-show .riqi { text-align: center; color: #adadad;font-size: 13px;  padding: 20px 0px 15px;}
.n-show .xian { height:1px; border-bottom: 1px solid #cccccc;}
.n-show .show { padding: 20px 0px; font-size: 14px; line-height:1.5;color: #666666; }
.n-show .show table{max-width:850px;}
.n-show .show table tr td img{max-width:100%;}
.n-show .pic { width:400px; height:198px; margin:0 auto; margin-bottom:32px;}
.n-show .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; border:#d2daea solid 1px; }
.n-show .other { padding: 20px 0px; text-transform:uppercase;}
.n-show .other p{font-size: 12px; line-height:2;color: #666;}
.n-show .other p a { color: #666;}
.n-show .other p a:hover { text-decoration:underline;}
/*liuyan*/
.liuyan { padding:30px 0; }
.liuyan table { width:600px; margin:0 auto;}
.liuyan table tr td{ padding:5px;}
.liuyan table tr td i { color:#F00;}
.liuyan input[type=text] { width:400px; height:40px;color:#9f9f9f; font-size:14px; border:#dddddd solid 1px;border-radius:3px;}
.liuyan textarea {  width:400px; height:80px;color:#999999; font-size:14px; border:#dddddd solid 1px; background-color:transparent;outline: none; line-height:50px; resize:none;border-radius:3px;}
.liuyan input[type=submit] { width:400px; line-height:40px; text-align:center; height:40px; background-color:#c10e24; color:#fff; font-size:16px;  border-radius:3px; cursor:pointer; border:none;}
.liuyan input[type=submit]:hover {opacity: .8;}
.n-cata {  font-size: 18px; font-weight:bold;  line-height: 53px; color: #333333; background-color:#f6f6f6; position:relative; padding-left:40px; margin-bottom:14px;}
.n-cata:after{content:""; position:absolute; left:23px; top:19px; width:3px; height:17px; background-color:#c10e24; }
.n-cata-list { height:auto;}
.n-cata-list ul li { float:left; width:200px; margin-bottom:14px;}
.n-cata-list ul li:nth-child(4n+1) { margin-left:7px;}
.n-cata-list ul li:nth-child(4n+2) { margin-left:17px;}
.n-cata-list ul li:nth-child(4n+3) { margin-left:17px;}
.n-cata-list ul li:nth-child(4n+4) { margin-left:17px;}
.n-cata-list ul li .pic { width:200px; height:198px; overflow:hidden; text-align:center; line-height:188px;}
.n-cata-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.n-cata-list ul li .tit { text-align:center;color:#333333; font-size:14px; line-height:42px; height:42px; overflow:hidden;}
.n-cata-list ul li:hover .tit { color:#c10e24;}

@media(max-width:1200px){
.header {width:1200px; margin:0 auto;}
.nav {width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-pro {width:1200px; margin:0 auto;}
.tiao {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}