@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;}
.wrapn { 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:100px; background-color:#e70012;}
.h-logo { float:left; width:313px; height:58px; padding-top:22px;}
.h-logo img { width:313px; height:58px;}
.h-nav { float:right;}
.h-nav ul li { float:left;color:#fffbfb; font-size:16px; line-height:100px; margin-left:56px; position:relative;}
.h-nav ul li a {color:#fffbfb; }
.h-nav ul li:hover:after{content:""; position:absolute; left:50%; bottom:32px; margin-left:-34px; width:68px; height:1px; background-color:#ffffff; }
.h-nav ul li.active:after{content:""; position:absolute; left:50%; bottom:32px; margin-left:-34px; width:68px; height:1px; background-color:#ffffff; }
.h-nav ul li:hover:first-child:after { width:34px; margin-left:-17px;}
.h-nav ul li.active:first-child:after { width:34px; margin-left:-17px;}
.h-nav ul li .sub { position:absolute; top:100px; left:50%; margin-left:-67px; width:134px; height:auto; background-color:#ffffff; z-index:333;}
.h-nav ul li .sub ul { display:block;}
.h-nav ul li .sub ul li{ width:100%; font-size:14px; line-height:40px; padding:0; text-align:center; margin:0; border-top:#dddddd solid 1px; }
.h-nav ul li .sub ul li:first-child { border-top:none;}
.h-nav ul li .sub ul li:after { display:none;}
.h-nav ul li .sub ul li a{color:#666666; display:block; }
.h-nav ul li .sub ul li:hover { background-color:#e70012;}
.h-nav ul li .sub ul li:hover a{color:#ffffff; }

/*banner*/
.banner { height:auto;}
/* 本例子css */
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:5px; overflow:hidden; position:absolute; left:50%; margin-left:-123px; bottom:30px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:36px; height:5px;text-align:center; background:#aeaeae; cursor:pointer; }
.slideBox .hd ul li.on{ background:#333333; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
/*i-public*/
.i-public { text-align:center; background:url(../images/public-bg.png) no-repeat bottom center;color:#4b4b4b; font-size:30px; line-height:1; font-weight:bold; padding-bottom:41px;}
.i-public2 { text-align:center; background:url(../images/public-bg2.png) no-repeat bottom center;color:#ffffff; font-size:30px; line-height:1; font-weight:bold; padding-bottom:41px;}
/*i-about*/
.i-about { min-height:496px; padding-bottom:40px; padding-top:50px;}
.i-about-des {color:#666666; font-size:16px; line-height:27px; padding-top:39px; text-align:center;text-indent:2em;}
.i-about-pic { height:auto;position:relative; margin-top:40px; }
/* 本例子css */
.i-about-pic .picScroll-left{ width:100%; overflow:hidden; }
.i-about-pic .picScroll-left .hd{ overflow:hidden;}
.i-about-pic .picScroll-left .hd .prev{ position:absolute; top:100px; left:-50px; display:block; width:32px; height:32px; overflow:hidden; cursor:pointer; background:url(../images/about-l.png) no-repeat;}
.i-about-pic .picScroll-left .hd .next{ position:absolute; top:100px; right:-50px; display:block; width:32px; height:32px; overflow:hidden; cursor:pointer; background:url(../images/about-r.png) no-repeat;}
.i-about-pic .picScroll-left .hd .prev:hover {background:url(../images/about-l2.png) no-repeat;}
.i-about-pic .picScroll-left .hd .next:hover {background:url(../images/about-r2.png) no-repeat;}
.i-about-pic .picScroll-left .bd{  }
.i-about-pic .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-about-pic .picScroll-left .bd ul li{ margin-right:28px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.i-about-pic .picScroll-left .bd ul li .pic{ width:278px; height:204px; overflow:hidden; text-align:center; line-height:194px;  }
.i-about-pic .picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s; }
.i-about-pic .picScroll-left .bd ul li .pic:hover img{transform: scale(1.2);	transition: 0.5s;}
/*i-jigou*/
.i-jigou { height:801px;/* background:#eeeeee url(../images/jigou-bg.jpg) no-repeat top center;*/ padding-top:59px;}
.i-jigou-list { height:auto; padding-top:35px; }
.i-jigou-list ul li { float: left; width:581px; height:298px; position:relative;box-shadow: 0 0 20px #dddddd; overflow:hidden; margin-bottom:40px; }
.i-jigou-list ul li:nth-child(even){ margin-left:38px;}
.i-jigou-list ul li .pic {width:581px; height:298px;}
.i-jigou-list ul li .pic img {width:581px; height:298px;}
.i-jigou-list ul li .ban { position:absolute; right:0; bottom:0; width:145px; height:43px; background-color:#e70012; text-align:center; color:#ffffff; font-size:14px; line-height:43px;}
.i-jigou-list ul li .con { right:-411px; position:absolute; top:0; width:411px; height:298px; background:#FFF url(../images/jigou-con-bg.jpg) no-repeat top center; overflow:hidden; transition: 0.5s;}
.i-jigou-list ul li .con .tit {color:#333333; font-size:18px; line-height:46px; font-weight:bold; padding-left:56px; padding-top:95px; }
.i-jigou-list ul li .con .des {color:#999999; font-size:14px; line-height:31px;padding-left:56px; }
.i-jigou-list ul li:hover .ban { display:none;}
.i-jigou-list ul li:hover .con { right:0;}
/*i-rongyu*/
.i-rongyu { height:667px; background: #d5202f url(../images/rongyu-bg.jpg) no-repeat top center; padding-top:59px;}
.i-rongyu-list { height:auto; padding-top:33px;}
.i-rongyu-list ul li { float: left;width:278px; margin-top:9px;}
.i-rongyu-list ul li:nth-child(4n+2) { margin-left:29.33px;}
.i-rongyu-list ul li:nth-child(4n+3) { margin-left:29.33px;}
.i-rongyu-list ul li:nth-child(4n+4) { margin-left:29.33px;}
.i-rongyu-list ul li .pic { width:278px; height:204px; text-align:center; overflow:hidden; line-height:199px;}
.i-rongyu-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-rongyu-list ul li .tit {color:#ffffff; font-size:14px; line-height:48px; text-align:center; height:48px; overflow:hidden;}
.i-rongyu-list ul li:hover .tit { opacity: .8;}
/*i-fangan*/
.i-fangan { background-color:#eeeeee; padding-top:58px; padding-bottom:60px;}
.i-fangan-list { padding-top:4px;}
.i-fangan-list ul li{ float:left; width:580px; height:175px; border:#dddddd solid 1px; background-color:#FFF; margin-top:26px;}
.i-fangan-list ul li:nth-child(2n+2) { margin-left:36px;}
.i-fangan-list ul li .con { float:left; width:336px; padding-left:32px; padding-top:23px;}
.i-fangan-list ul li .con .tit {color:#333333; font-size:18px; line-height:26px;}
.i-fangan-list ul li .con .riqi {color:#999999; font-size:14px; line-height:20px;}
.i-fangan-list ul li .con .des {color:#999999; font-size:14px; line-height:22px; margin-top:13px;}
.i-fangan-list ul li .pic { float:right; width:175px; height:175px; text-align:center; line-height:165px; overflow:hidden;}
.i-fangan-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-fangan-list ul li:hover { border:#e70012 solid 1px;}
.i-fangan-list ul li:hover .tit { color:#e70012;}
/*i-yeji*/
.i-yeji { background:url(../images/yeji-bg.jpg) repeat-x bottom; padding-bottom:30px; padding-top:59px;}
.i-yeji-list { height:auto; padding-top:17px;}
.i-yeji-list ul li { float:left; width:383px; height:215px; position:relative; margin-top:17px;}
.i-yeji-list ul li:nth-child(3n+2) { margin-left:25.5px;}
.i-yeji-list ul li:nth-child(3n+3) { margin-left:25.5px;}
.i-yeji-list ul li .pic {width:383px; height:215px; background-color: #eeeeee; text-align:center; overflow:hidden;}
.i-yeji-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-yeji-list ul li .tit { display:none; position:absolute; top:0; left:0; width:383px; height:215px; background:url(../images/yeji-icon.png) center center; color:#ffffff; font-size:16px; align-items: center; justify-content: center; flex-direction: column; overflow:hidden; text-align:center;}
.i-yeji-list ul li:hover .tit { display:flex;}
/*i-chanpin*/
.i-chanpin { background-color:#eeeeee; padding-top:31px; padding-bottom:57px;}
.i-chanpin-list { padding-top:32px;}
.i-chanpin-list ul li{ float:left; width:287px; height:301px; background-color:#ffffff;box-shadow: 0 0 20px #e7e7e7;margin-left: 17px;margin-bottom: 17px}
.i-chanpin-list ul li:nth-child(1) { margin-left:0}
.i-chanpin-list ul li:nth-child(5) { margin-left:0}
.i-chanpin-list ul li .pic{ width:180px; height:180px; margin: 0 auto; overflow: hidden; text-align: center;line-height: 170px; margin-top:21px;}
.i-chanpin-list ul li .pic img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-chanpin-list ul li .tit {  color:#333333; font-size:18px; font-weight:bold; text-align:center; height:79px; line-height:79px; overflow:hidden; margin-top:21px;}
.i-chanpin-list ul li:hover .tit { background-color:#e70012; color:#ffffff;}
/*f-linker*/
.f-linker { background-color:#ffffff; padding-top:28px; padding-bottom:28px;}
.f-linker span {color:#b2b2b2; font-size:18px; line-height:36px;}
.f-linker a {color:#b2b2b2; font-size:16px; line-height:36px; margin-left:20px;}
.f-linker a:hover {text-decoration:underline;}
/*footer*/
.footer { background-color:#e70012;color:#faccd0; font-size:14px; line-height:24px; padding-bottom:30px;}
.footer a {color:#484848;}
.footer a:hover {text-decoration:underline;}
.footer .da { font-size:18px; line-height:64px;}
.f-left { float:left; width:350px; }
.f-mid { float:right; width:804px; padding-top:42px;}
.f-logo { padding-top:62px;}
.f-tit {color:#ffffff; font-size:16px; line-height:30px; margin-top:29px; padding-left:55px;}
.f-nob {color:#ffffff; font-size:30px; line-height:40px; font-weight:bold;letter-spacing: 1px; padding-left:55px;}
/*f-copy*/
.f-copy { color:#f16671;}
.f-copy a {color:#f16671;}
.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%;}
.n-banner img{ width:100%;}
/*n-position*/
.n-position { background-color:#eeeeee; height:58px; overflow:hidden;}
.n-posi-left { float:left; background:url(../images/home.png) no-repeat left center; color:#333333; font-size:14px; line-height:58px; padding-left:29px;}
.n-posi-left a {color:#333333;}
.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:14px; line-height:50px;}
.n-posi-right ul li  a { color:#666666;}
.n-posi-right ul li:hover { border-bottom:#e70012 solid 5px; }
.n-posi-right ul li.active { border-bottom:#e70012 solid 5px; }
.n-main { height:auto; padding:20px 0;}
.n-about { padding:20px 0 30px; color:#333333; font-size:16px; line-height:30px;}
/*详情页*/
.n-show {  padding:10px 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 .show table tr td img {width:100%;}
.n-show .show div img {padding-bottom: 10px;}
.n-show .show p img {padding-bottom: 10px;}
.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:#e70012; color:#FFF;}
/*news-list*/
.news-list{padding-bottom:30px; padding-top:20px;}
.news-list li{width:100%;height:136px;position:relative;border-bottom:1px #d7d7d7 solid}
.news-list li:hover span{width:100%}
.news-list li a{width:94%;height:105px;padding:30px 0 0 3%;z-index:10;position:absolute;left:0;top:0}
.news-list li a:hover h3{color:#517b00}
.news-list li h4{padding-top:20px;height:85px;width:155px;font-size:32px;margin-right:30px;color:#999;font-family:'Iskoola Pota';letter-spacing:-1px;float:left;font-weight:400}
.news-list li h3{font-size:16px;color:#666;padding-right:12px;margin-bottom:15px;font-weight:400}
.news-list li p{font-size:12.5px;color:#999;line-height:22px}
.news-list li span{width:0;height:135px;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0,0 100%,from(#fff),to(#efefef),color-stop(1.2,#f3f3f3));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s}
/*n-pic-list*/
.n-pic-list { height:auto; padding-top:12px; }
.n-pic-list ul li { float:left; width:278px; height:240px; border:#f3f3f3 solid 1px; margin-bottom:36px;}
.n-pic-list ul li:nth-child(4n+2) { margin-left:24px;}
.n-pic-list ul li:nth-child(4n+3) { margin-left:24px;}
.n-pic-list ul li:nth-child(4n+4) { margin-left:24px;}
.n-pic-list ul li .pic { width:278px; height:204px; margin:0 auto; overflow:hidden; text-align:center; line-height:170px;} 
.n-pic-list ul li .pic img{max-width: 100%;height: 100%;vertical-align: middle; }
.n-pic-list ul li .tit {color:#333333; font-size:14px; height:50px; overflow:hidden; text-align:center; padding:0 10px; display: flex;  align-items: center; justify-content: center; flex-direction: column; background-color:#eeeeee; }
.n-pic-list ul li:hover{ border: 1px solid #e70012; }
.n-pic-list ul li:hover .tit{ background-color:#e70012; color:#FFF;}
/*n-picshow*/
.n-picshow { padding-top:38px; padding-bottom:38px;}
.n-pic-left { float:left; width:600px; height:520px; border:#eeeeee solid 1px; text-align:center; line-height:510px; overflow:hidden;}
.n-pic-left img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s;}
.n-pic-left:hover img{transform: scale(1.2);	transition: 0.5s;}
.n-pic-right { float:right; width:514px; padding-top:26px;}
.n-pic-right .tit {color:#e70012; font-size:24px; line-height:34px; font-weight:bold;}
.n-pic-right .des {color:#666666; font-size:14px; line-height:27px; margin-top:19px; height:340px; overflow:auto; padding-right:5px;}
/*.n-pic-right .des{overflow-y:scroll; scrollbar-arrow-color:#ddd;  scrollbar-track-color:#fff;scrollbar-face-color:#ddd;  scrollbar-Shadow-color:#fff;}
.n-pic-right .des::-webkit-scrollbar ,#BookText::-webkit-scrollbar,#BookText::-webkit-scrollbar{width:3px; height:3px; background-color:transparent;}
.n-pic-right .des::-webkit-scrollbar-track ,#BookText::-webkit-scrollbar-track,#BookText::-webkit-scrollbar-track { } 
.n-pic-right .des::-webkit-scrollbar-thumb ,#BookText::-webkit-scrollbar-thumb,#BookText::-webkit-scrollbar-thumb{background-color:#ddd;  }*/
.n-pic-right .more { margin-top:54px;}
.n-pic-right .more a { display:block; float:left; height:38px; border:#5c5c5c solid 1px; border-radius:3px; text-align:center; padding:0 36px;color:#333333; font-size:16px; line-height:38px; margin-right:59px;}
.n-pic-right .more a:hover { background-color:#e70012; color:#FFF; border:#e70012 solid 1px; }
/*n-canshu*/
.n-canshu { background-color:#eeeeee; padding-bottom:50px; padding-top:13px;}
.n-canshu-ban {color:#333333; font-size:24px; font-weight:bold; line-height:80px; background:url(../images/canshu-ban.png) no-repeat left bottom; padding-left:35px;letter-spacing: 1px; margin-bottom:20px;}
.n-canshu-con {color:#666666; font-size:14px; line-height:27px;padding-bottom:30px; padding-top:10px; }
.n-canshu-con img { max-width:100%;}

.n-pro-cata { padding-top:10px;}
.n-pro-cata ul li{ float:left; width:100px; margin:0 10px; color:#666666; font-size:14px; line-height:35px;border-bottom:#ffffff solid 1px; text-align:center;}
.n-pro-cata ul li a {color:#666666;}
.n-pro-cata ul li:hover { border-bottom:#dddddd solid 1px;}
.n-pro-cata ul li.active {  border-bottom:#e70012 solid 1px;}
/*n-left*/
.n-left { float:left; width:266px;}
.n-left ul li { width:261px; padding-left:5px; padding-top:7px; color:#333333; font-size:14px; line-height:53px; background:url(../images/cata1.png) no-repeat top left;}
.n-left ul li a {color:#333333; display:block;}
.n-left ul li:hover { background:url(../images/cata2.png) no-repeat top center;}
.n-left ul li:hover a {color:#ea2232;}
.n-left ul li.active { background:url(../images/cata2.png) no-repeat top center;}
.n-left ul li.active a {color:#ea2232;}
.n-right { float:right; width:888px;}
.n-right-list { height:auto; padding-top:12px; }
.n-right-list ul li { float:left; width:278px; height:auto; border:#f3f3f3 solid 1px; margin-bottom:36px;}
.n-right-list ul li:nth-child(3n+2) { margin-left:24px;}
.n-right-list ul li:nth-child(3n+3) { margin-left:24px;}
.n-right-list ul li .pic { width:278px; height:204px; margin:0 auto; overflow:hidden; text-align:center; line-height:170px;} 
.n-right-list ul li .pic img{max-width: 100%;height: 100%;vertical-align: middle; }
.n-right-list ul li .tit {color:#333333; font-size:14px; height:50px; overflow:hidden; text-align:center; padding:0 10px; display: flex;  align-items: center; justify-content: center; flex-direction: column; background-color:#eeeeee; }
.n-right-list ul li:hover{ border: 1px solid #e70012; }
.n-right-list ul li:hover .tit{ background-color:#e70012; color:#FFF;}

.n-posi-search {float:right; width:240px; height:30px; border:#cccccc solid 1px; border-radius:4px; line-height:28px; margin-top:10px; background-color:#FFF;}
.n-posi-search form { padding:0; margin:0;}
.n-posi-search input[type=text] { margin-left:10px; width:190px; height:26px;color:#000000; font-size:14px; border:none; vertical-align:middle;  }
.n-posi-search input::-webkit-input-placeholder { color: #999999;}
.n-posi-search input[type=submit] {  width:34px; text-align:center; height:26px; background:url(../images/position-search.png) no-repeat center center; font-size:0; cursor:pointer; border:none;vertical-align:middle; }


@media(max-width:1310px){
.i-about-pic .picScroll-left .hd .prev { display:none;}	
.i-about-pic .picScroll-left .hd .next { display:none;}	
}

@media(max-width:1300px){
.header {width:1200px; padding-left:50px; padding-right:50px;}
.banner {width:1300px;}
.i-jigou {width:1200px; padding-left:50px; padding-right:50px;}
.i-rongyu {width:1200px;padding-left:50px; padding-right:50px;}
.i-fangan {width:1200px; padding-left:50px; padding-right:50px;}
.i-yeji {width:1200px; padding-left:50px; padding-right:50px;}
.i-chanpin {width:1200px;padding-left:50px; padding-right:50px;}
.f-linker {width:1200px;padding-left:50px; padding-right:50px;}
.footer {width:1200px; padding-left:50px; padding-right:50px;}

.n-banner {width:1200px; padding-left:50px; padding-right:50px;}
.n-position{width:1200px; padding-left:50px; padding-right:50px;}
.n-canshu{width:1200px; padding-left:50px; padding-right:50px;}
.wrap{width:1200px;padding-left:50px; padding-right:50px;}
}