@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; }
/*welcome*/
.welcome { height:40px; border-bottom:#eeeeee solid 1px;color:#333333; font-size:14px; line-height:40px;}
.welcome a {color:#333333;}
.welcome a:hover {color:#c60412;}
.wel-left { float:left;}
.wel-right { float:right;}
/*header*/
.header { height:140px;}
.h-logo { float:left;  height:64px; margin-top:40px; overflow:hidden; line-height:60px;}
.h-logo img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.h-tel { float:right; background:url(../images/h-tel.jpg) no-repeat left center; padding-left:75px; margin-top:40px; height:57px;}
.h-tel .tit {color:#666666; font-size:16px; line-height:1; margin-top:4px;}
.h-tel .des {color:#333333; font-size:24px; line-height:1; font-weight:bold; margin-top:9px;}
/*nav*/
.nav { height:51px; background-color:#333333; text-align:center;}
.nav ul { display:inline-block;}
.nav ul li { float:left; color:#ffffff; font-size:18px; line-height:51px; padding:0 23px; margin:0 17px; position:relative; }
.nav ul li a {color:#ffffff; display:block; }
.nav ul li:hover { background-color:#c60412;}
.nav ul li.active{ background-color:#c60412;}
.nav ul li.active:after{content:""; position:absolute; left:0; top:-4px; width:100%; height:4px; background-color:#c60412; }
/*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:-35px; bottom:20px; 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:#d2d2d2; cursor:pointer; border-radius:50%;}
.banner .slideBox .hd ul li.on{ background:#333333; }
.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 { height:30px; text-align:center; background:url(../images/public-bg.png) no-repeat center center;color:#414141; font-size:26px; line-height:30px; }
.i-public span {color:#d13641; }
/*i-pro*/
.i-pro { padding-top:56px; padding-bottom:54px;}
.i-pro-ban { text-align:center; margin-top:36px;}
.i-pro-ban ul { display:inline-block;}
.i-pro-ban ul li { float:left;color:#707070; font-size:18px; line-height:41px; padding:0 20px; margin:0 5px;border-radius:3px;}
.i-pro-ban ul li a {color:#707070; display:block;}
.i-pro-ban ul li.active { background-color:#c60412;color:#ffffff;}
.i-pro-ban ul li.active a {color:#ffffff;}
.i-pro-ban ul li:hover { background-color:#c60412;color:#ffffff;}
.i-pro-ban ul li:hover a {color:#ffffff;}
.i-pro-list { margin-top:52px; background:url(../images/pro-list-bg.png) no-repeat center center;}
.i-pro-list ul li{ float:left; width:540px; margin-bottom:30px;}
.i-pro-list ul li:nth-child(even) { margin-left:120px;}
.i-pro-list ul li .pic { float:left; width:139px; height:131px; text-align:center; line-height:121px; overflow:hidden; border-radius:10px;}
.i-pro-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s; }
.i-pro-list ul li:hover .pic img{transform: scale(1.2);	transition: 0.5s;}
.i-pro-list ul li .con { float:right; width:370px;}
.i-pro-list ul li .con .tit {color:#333333; font-size:18px; line-height:37px; margin-top:2px; height:37px; overflow:hidden;}
.i-pro-list ul li:hover .con .tit { font-weight:bold; color:#c60412;}
.i-pro-list ul li .con .des {color:#999999; font-size:14px; line-height:21px; height:42px; overflow:hidden;}
.i-pro-list ul li .con .more {color:#c60412; font-size:14px; line-height:21px; font-weight:bold; margin-top:6px; position:relative;}
.i-pro-list ul li .con .more:after{content:""; position:absolute; left:0; bottom:-16px; width:57px; height:2px; background-color:#e4e4e4; }
/*i-about*/
.i-about { background:url(../images/about-bg.jpg) no-repeat top center; padding-top:78px; padding-bottom:78px;}
.i-about-des {color:#666666; font-size:14px; line-height:30px; margin-top:46px; text-align:center; height:90px; overflow:hidden;}
.i-about-more { width:162px; height:44px; margin:0 auto; border:#dddddd solid 1px; border-radius:10px; text-align:center;color:#333333; font-size:14px; line-height:44px;transition: 0.5s; margin-top:43px;}
.i-about-more a {color:#333333; display:block;transition: 0.5s;}
.i-about-more:hover { background-color:#c60412;transition: 0.5s;}
.i-about-more:hover a {color:#ffffff;transition: 0.5s; }
.i-about-list { height:auto; text-align:center; margin-top:60px;}
.i-about-list ul { display:inline-block; }
.i-about-list ul li { float:left; width:190px; height:190px; background-color:#FFF;border-radius:50%; margin:0 43px;box-shadow: 0 2px 20px #f5f5f5; }
.i-about-list ul li .pic { width:66px; height:66px; margin:0 auto; padding-top:44px;}
.i-about-list ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-about-list ul li .tit { text-align:center;color:#666666; font-size:14px; line-height:46px; margin-top:3px; position:relative;}
.i-about-list ul li .tit:after{content:""; position:absolute; left:50%; margin-left:-19px; bottom:0; width:38px; height:3px; background-color:#dddddd; }
.i-about-list ul li:hover .pic img{animation:flipInY .8s linear;}

/*i-anli*/
.i-anli { height:auto;}
.i-anli-show { margin-top:46px;}
.i-anli-show .picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.i-anli-show .picScroll-left .hd{ overflow:hidden;  height:40px; position:relative; background:url(../images/anli-line.png) repeat-x center; margin-top:6px;}
.i-anli-show .picScroll-left .hd .prev{ position:absolute; left:50%; top:0; display:block; width:39px; margin-left:-60px; height:39px; overflow:hidden;cursor:pointer; background:url(../images/btnl.png) no-repeat;}
.i-anli-show .picScroll-left .hd .next{ position:absolute; left:50%; top:0; display:block; width:39px; margin-left:20px; height:39px; overflow:hidden;cursor:pointer; background:url(../images/btnr.png) no-repeat;}
.i-anli-show .picScroll-left .hd .prev:hover { background:url(../images/btnl2.png) no-repeat;}
.i-anli-show .picScroll-left .hd .next:hover { background:url(../images/btnr2.png) no-repeat;}
.i-anli-show .picScroll-left .bd{ }
.i-anli-show .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-anli-show .picScroll-left .bd ul li{ margin-right:29px; width:216px;  float:left; _display:inline; overflow:hidden; text-align:center;  }
.i-anli-show .picScroll-left .bd ul li .pic { width:216px; height:179px; text-align:center; line-height:169px; overflow:hidden;}
.i-anli-show .picScroll-left .bd ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s; }
.i-anli-show .picScroll-left .bd ul li:hover .pic img{transform: scale(1.2);	transition: 0.5s;}
.i-anli-show .picScroll-left .bd ul li .tit { text-align:center; color:#333333; font-size:14px; line-height:60px; height:60px; overflow:hidden;}
/*i-news*/
.i-news { margin-top:79px; padding-bottom:90px;}
.i-news-ban { text-align:center; margin-top:26px;}
.i-news-ban ul { display:inline-block;}
.i-news-ban ul li { float:left;color:#707070; font-size:18px; line-height:41px; padding:0 20px; margin:0 5px;border-radius:3px;}
.i-news-ban ul li a {color:#707070; display:block;}
.i-news-ban ul li.active { background-color:#c60412;color:#ffffff;}
.i-news-ban ul li.active a {color:#ffffff;}
.i-news-ban ul li:hover { background-color:#c60412;color:#ffffff;}
.i-news-ban ul li:hover a {color:#ffffff;}
.i-news-show { margin-top:48px;}
.i-news-show .picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.i-news-show .picScroll-left .hd{ overflow:hidden;  height:40px; position:relative; background:url(../images/anli-line.png) repeat-x center; margin-top:29px;}
.i-news-show .picScroll-left .hd .prev{ position:absolute; left:50%; top:0; display:block; width:39px; margin-left:-60px; height:39px; overflow:hidden;cursor:pointer; background:url(../images/btnl.png) no-repeat;}
.i-news-show .picScroll-left .hd .next{ position:absolute; left:50%; top:0; display:block; width:39px; margin-left:20px; height:39px; overflow:hidden;cursor:pointer; background:url(../images/btnr.png) no-repeat;}
.i-news-show .picScroll-left .hd .prev:hover { background:url(../images/btnl2.png) no-repeat;}
.i-news-show .picScroll-left .hd .next:hover { background:url(../images/btnr2.png) no-repeat;}
.i-news-show .picScroll-left .bd{}
.i-news-show .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-news-show .picScroll-left .bd ul li{ float:left; width:258px; _display:inline; overflow:hidden; border:#dddddd solid 1px; padding:9px 20px 32px 20px; }
.i-news-show .picScroll-left .bd ul li .riqi {color:#999999; font-size:14px; line-height:41px; font-weight:bold; position:relative;}
.i-news-show .picScroll-left .bd ul li .riqi:after{content:""; position:absolute; left:0; bottom:0; width:70px; height:2px; background-color:#999999; }
.i-news-show .picScroll-left .bd ul li .tit {color:#333333; font-size:16px; line-height:58px;font-weight:bold; margin-top:8px; height:58px; overflow:hidden;}
.i-news-show .picScroll-left .bd ul li .des {color:#666666; font-size:14px; line-height:24px; height:96px; overflow:hidden;}
.i-news-show .picScroll-left .bd ul li:hover .tit {color:#c60412; }

/*footer*/
.footer { background-color:#f9f9f9; border-top:#c60412 solid 9px;}
.f-nav{ text-align:center;color:#666666; font-size:16px; line-height:72px; border-bottom:#ebebeb solid 1px;}
.f-nav a { display:inline-block; color:#666666; margin:0 25px;}
.f-nav a:hover { text-decoration:underline;}
.f-copy{ text-align:center;color:#666666; font-size:14px; line-height:24px; padding:35px 0 42px 0;}
.f-copy a {color:#666666;}
.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-main { margin-top:30px; padding-bottom:40px;}
.n-left {float:left; width:220px;}
.n-left-ban {height:50px; line-height:50px;  color:#ffffff;  text-align:center; position:relative; font-size:16px; background-color:#c60412;border-top-left-radius:5px; border-top-right-radius:5px; }
.n-left-ban a { color:#ffffff; }
.n-left-con { border:#e4e4e4 solid 1px; font-size:14px;border-top:none;border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.n-left-con ul li { line-height:50px; border-top:#e4e4e4 solid 1px; padding-left:41px; position:relative; }
.n-left-con ul li:after{content:""; position:absolute; left:19px; top:22px; width:5px; height:5px; background-color:#999999; }
.n-left-con ul li a { display:block; color:#000000;}
.n-left-con ul li:hover{ background-color:#f6f6f6;}
.n-left-con ul .active {background-color:#f6f6f6;}
.n-left-con ul .active a {font-weight:bold;}
/*右侧*/
.n-right { float:right; width:940px;}
.n-right-ban {  height:44px; border-bottom:#d6d6d6 solid 1px; position:relative;}
.n-right-ban:after{content:""; position:absolute; left:0; bottom:-1px; width:110px; height:3px; background-color:#c60412; }
.n-posi-left {float:left; background:url(../images/home.png) no-repeat; background-position:0 12px; background-size:15px 15px; padding-left:30px; color:#000000; font-size:16px; line-height:40px; }
.n-posi-right { padding-right:10px; float:right; color:#999999; font-size:14px; line-height:44px;}
.n-posi-right a { color:#999999;}
.n-posi-right a:hover { text-decoration:underline; }
.n-right-con { height:auto;}
.n-right-con img { max-width:100%;}
.n-about { padding:10px; font-size:16px; color:#000000; line-height:2; }
.n-detail { height:auto;}
.n-show { padding:10px; font-size:16px; color:#000000; line-height:2; }
.n-show img { max-width:100%;}
.n-show .img-responsive { display:inline;}
.n-tit { font-size:20px; text-align:center; line-height:34px; margin-top:26px; padding:0 10px;}
.n-time { font-size:14px; text-align:center; line-height:18px; margin-top:13px; color:#bababa; }
.n-xian {border-bottom:#e4e4e4 solid 1px; height:1px; margin-top:20px;}
.n-other { line-height:24px; padding:10px 0; color:#888; font-size:14px;}
.n-other a{color:#888;}
.n-other a:hover{ text-decoration:underline; }  
.pagination { margin-top:20px; box-sizing: border-box;text-align:center; padding:10px 0; font-size:14px;}
.pagination a { border:#cccccc solid 1px; padding:3px 5px;}
.pagination a:hover { background-color:#c60412; color:#FFF;}
/*n-news-list*/
.n-news-list { height:auto; padding:0 10px;}
.n-news-list ul li { height:auto; margin-top:20px; border-bottom:#eeeeee solid 1px;}
.n-news-list ul li .tit {color:#333333; font-size:16px; line-height:30px;}
.n-news-list ul li .tit span { float:right; color:#999999;font-size:14px;}
.n-news-list ul li:hover .tit {color:#c60412; font-weight:bold;}
.n-news-list ul li:hover .tit span { font-weight:normal;}
.n-news-list ul li .des {color:#999999; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:17px;}
/*n-piclist*/
.n-piclist {width:100%; padding:10px 0; }
.n-piclist ul li { float:left; width:30.6%; margin-left:2%; margin-top:20px; }
.n-piclist ul li .pic { width:100%; height:210px; line-height:206px; text-align:center; overflow:hidden; border:#efefef solid 1px;}
.n-piclist ul li img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.n-piclist ul li .tit { color:#444444; font-size:14px; line-height:40px; text-align:center;}
.n-piclist ul li:hover .pic img{transform: scale(1.2);	transition: 0.5s;}
.n-piclist ul li:hover .tit {color:#c60412;}


@media(max-width:1200px){
.welcome {width:1200px; margin:0 auto;}
.nav{width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
.f-nav {width:1200px; margin:0 auto;}
}