@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 { background:url(../images/welcome-bg.png) no-repeat top center; height:44px;}
.wel-left { float:left;color:#666666; font-size:14px; line-height:1; margin-top:21px;}
.wel-right { float:right; background:url(../images/h-tel.png) no-repeat left center; padding-left:25px;color:#ffffff; font-size:14px; line-height:15px; margin-top:13px;}
/*header*/
.header { height:165px;}
.h-logo { float:left; width:410px; height:130px;line-height:123px; overflow:hidden;}
.h-logo img {max-width: 100%;max-height: 100%;vertical-align: middle; }
.h-nav { float:right; margin-top:38px;}
.h-nav ul li { float:left;color:#333333; font-size:18px; line-height:55px; position:relative; margin:0 20px; }
.h-nav ul li:after{content:""; position:absolute; left:-20px; top:20px; width:1px; height:16px; background-color:#eaeaea; }
.h-nav ul li:first-child:after { display:none;}
.h-nav ul li a {color:#333333;}
.h-nav ul li:hover:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#ff0207; animation:fadeInUp .3s linear;}
.h-nav ul li:hover a {color:#2e4c73;}
.h-nav ul li.active:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:3px; background-color:#ff0207; }
.h-nav ul li.active a {color:#2e4c73;}
/*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:30px; 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:#ff0207; }
.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:55px; text-align:center; background:url(../images/public-bg.png) no-repeat bottom center;}
.i-public .tit {color:#ff0207; font-size:28px; line-height:1; font-weight:bold;}
.i-public .des {color:#999999; font-size:14px; line-height:1; margin-top:10px;}

/*i-pro*/
.i-pro { margin-top:70px; padding-bottom:57px; }
.i-pro-show { margin-top:51px;}
.i-pro-left { float:left; width:288px;}
.i-pro-left ul li { float:left; width:129px; height:129px; background:url(../images/pro-left1.png) no-repeat; text-align:center; color:#333333; font-size:16px; line-height:129px; margin-right:15px; margin-bottom:21px;}
.i-pro-left ul li a {color:#333333; display:block; }
.i-pro-left ul li:hover { background:url(../images/pro-left2.png) no-repeat;color:#ffffff; }
.i-pro-left ul li:hover a {color:#ffffff; }

.i-pro-right { float:right; width:865px; height:429px; overflow:hidden; position:relative;}
.i-pro-right .picScroll-left{ width:100%;  overflow:hidden; }
.i-pro-right .picScroll-left .hd{ position:absolute; bottom:30px; right:121px; width:107px; height:50px; border:#eeeeee solid 1px; text-align:center; background: #FFF url(../images/pro-hd.jpg) no-repeat center center; z-index:9999;}
.i-pro-right .picScroll-left .hd .prev{ display:inline-block;  width:50px; height:50px; cursor:pointer; background:url(../images/btnl.png) no-repeat center center;}
.i-pro-right .picScroll-left .hd .prev:hover { background:url(../images/btnl2.png) no-repeat center center;}
.i-pro-right .picScroll-left .hd .next{ display:inline-block; width:50px; height:50px; cursor:pointer; background:url(../images/btnr.png) no-repeat center center;}
.i-pro-right .picScroll-left .hd .next:hover { background:url(../images/btnr2.png) no-repeat center center;}
.i-pro-right .picScroll-left .bd{ width:100%;height:429px; }
.i-pro-right .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.i-pro-right .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden;}
.i-pro-right .picScroll-left .bd ul li .pic { float:left; width:571px; height:427px; border:#eeeeee solid 1px; text-align:center; line-height:423px;}
.i-pro-right .picScroll-left .bd ul li .pic img{max-width:554px;max-height:411px;vertical-align: middle;}
.i-pro-right .picScroll-left .bd ul li .con { float:right; width:292px;}
.i-pro-right .picScroll-left .bd ul li .con .tit {color:#333333; font-size:18px; line-height:22px; height:44px; font-weight:bold; padding-left:63px; margin-top:20px; position:relative;}
.i-pro-right .picScroll-left .bd ul li .con .tit a {color:#333333;}
.i-pro-right .picScroll-left .bd ul li .con .tit:hover a{color:#ff0207;}
.i-pro-right .picScroll-left .bd ul li .con .tit:after{content:""; position:absolute; left:63px; bottom:-7px; width:41px; height:2px; background-color:#ff0207; }
.i-pro-right .picScroll-left .bd ul li .con .des {color:#999999; font-size:14px; line-height:26px; height:130px; overflow:hidden; padding-left:63px; margin-top:29px;}
.i-pro-right .picScroll-left .bd ul li .con .more {color:#ffffff; font-size:14px; line-height:34px; height:34px; margin-top:38px;text-indent:63px; background:#ff0207 url(../images/pro-more.png) no-repeat; background-position:126px 8px; transition: 0.5s;}
.i-pro-right .picScroll-left .bd ul li .con .more a {color:#ffffff; display:block;}
.i-pro-right .picScroll-left .bd ul li .con .more:hover {opacity:0.8; background-position:136px 8px;transition: 0.5s;}
/*i-youshi*/
.i-youshi { height:437px; background: #f3f3f3 url(../images/youshi-bg.jpg) no-repeat top center; padding-top:76px;}
.i-youshi-list { text-align:center; margin-top:40px;}
.i-youshi-list ul { display:inline-block;}
.i-youshi-list ul li{ float:left; width:271px; height:231px; padding-top:40px; background:url(../images/youshi-list-bg1.png) no-repeat; margin:0 12px; text-align:center; }
.i-youshi-list ul li:hover{  background:url(../images/youshi-list-bg2.png) no-repeat; }
.i-youshi-list ul li .nob {color:#333333; font-size:63px; line-height:102px; font-weight:bold;text-indent:18px; position:relative;}
.i-youshi-list ul li .nob:after{content:""; position:absolute; left:50%; margin-left:-16px; bottom:0; width:32px; height:1px; background-color:#999999; }
.i-youshi-list ul li .nob sup { font-size:38px;}
.i-youshi-list ul li .des {color:#666666; font-size:16px; line-height:24px; margin-top:20px; }
.i-youshi-list ul li:hover .nob {color:#ff0207;animation:flipInY .3s linear;}
.i-youshi-list ul li:hover .nob:after{background-color:#ff0207; }

/*i-anli*/
.i-anli { margin-top:69px; padding-bottom:72px;}
.i-anli-list { margin-top:50px;}
.i-anli-list ul li { float:left; width:276px; height:auto;}
.i-anli-list ul li:nth-child(4n+2) { margin-left:32px;}
.i-anli-list ul li:nth-child(4n+3) { margin-left:32px;}
.i-anli-list ul li:nth-child(4n+4) { margin-left:32px;}
.i-anli-list ul li .anli-top { width:274px; height:230px; padding-top:31px; border:#eeeeee solid 1px;}
.i-anli-list ul li .anli-top .pic { width:213px; height:165px; margin:0 auto; overflow:hidden; text-align:center; line-height:155px;}
.i-anli-list ul li .anli-top .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.5s; }
.i-anli-list ul li .anli-top .tit { text-align:center; color:#666666; font-size:14px; line-height:30px; font-weight:bold; margin-top:17px; height:30px; overflow:hidden;}
.i-anli-list ul li .anli-more { width:46px; height:46px; margin:0 auto; margin-top:37px; font-size:0; background:url(../images/anli-more1.png) no-repeat;}
.i-anli-list ul li:hover .anli-top{border:#ff0207 solid 1px;}
.i-anli-list ul li:hover .anli-top .pic img{transform: scale(1.2);	transition: 0.5s;}
.i-anli-list ul li:hover .anli-top .tit {color:#ff0207; }
.i-anli-list ul li:hover .anli-more { background:url(../images/anli-more2.png) no-repeat;}
/*i-about*/
.i-about { height:981px; background: #f6f6f6 url(../images/about-bg.jpg) no-repeat top center;}
.i-about-top { height:415px;}
.iat-left { float:left; width:647px;}
.iat-right { float:right; width:511px;}
.iat-ban { margin-top:68px;}
.iat-ban .tit {color:#ff0207; font-size:28px; line-height:1; font-weight:bold;}
.iat-ban .des {color:#999999; font-size:14px; line-height:1; margin-top:10px;}
.iat-left-show { height:auto; margin-top:37px;}
.iat-left-show .pic { float:left; width:220px; height:186px; overflow:hidden; text-align:center; line-height:180px;}
.iat-left-show .pic img { max-width: 100%;max-height:100%;vertical-align: middle;transition: 0.5s;}
.iat-left-show .pic:hover img{transform: scale(1.2);transition: 0.5s;}
.iat-left-show .con { float:right; width:388px; }
.iat-left-show .con .tit {color:#333333; font-size:18px; line-height:27px; }
.iat-left-show .con .tit:hover {color:#ff0207;}
.iat-left-show .con .des {color:#999999; font-size:14px; line-height:24px; height:72px; overflow:hidden; margin-top:12px; }
.iat-left-show .con .more { width:142px; height:34px; background:#ff0207 url(../images/pro-more.png) no-repeat; background-position:94px 8px;  color:#ffffff; font-size:14px; line-height:34px;text-indent:30px; margin-top:19px;transition: 0.5s;}
.iat-left-show .con .more a { display:block; color:#ffffff;}
.iat-left-show .con .more:hover {background-position:104px 8px;transition: 0.5s; }
/*iat-right-show*/
.iat-right-show { width:100%; position:relative;margin-top:37px;}
.iat-right-show .picScroll-left{ width:100%;  overflow:hidden; }
.iat-right-show .picScroll-left .hd{ position:absolute; top:-72px; right:0; width:107px; height:50px; border:#eeeeee solid 1px; text-align:center; background: #FFF url(../images/pro-hd.jpg) no-repeat center center; z-index:9999;}
.iat-right-show .picScroll-left .hd .prev{ display:inline-block;  width:50px; height:50px; cursor:pointer; background:url(../images/btnl.png) no-repeat center center;}
.iat-right-show .picScroll-left .hd .prev:hover { background:url(../images/btnl2.png) no-repeat center center;}
.iat-right-show .picScroll-left .hd .next{ display:inline-block; width:50px; height:50px; cursor:pointer; background:url(../images/btnr.png) no-repeat center center;}
.iat-right-show .picScroll-left .hd .next:hover { background:url(../images/btnr2.png) no-repeat center center;}
.iat-right-show .picScroll-left .bd{ width:100%;}
.iat-right-show .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.iat-right-show .picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden;}
.iat-right-show .picScroll-left .bd ul li .tit { background: #ff0207 url(../images/wenti-icon2.png) no-repeat; background-position:20px 17px; color:#ffffff; font-size:16px; line-height:50px; padding-left:50px; padding-right:50px; line-height:50px; overflow:hidden; }
.iat-right-show .picScroll-left .bd ul li .des { background: #ffffff url(../images/wenti-icon1.png) no-repeat; background-position:20px 21px; color:#333333; font-size:14px; line-height:28px; margin-top:9px; padding:16px 50px; height:84px; overflow:hidden; }
/*i-about-bot*/
.i-about-bot { height:491px; background:url(../images/about-bot-bg.png) no-repeat top center;}
.i-about-bot .pic { float:left; width:487px; height:439px;}
.i-about-bot .pic img { max-width: 100%;max-height:100%;vertical-align: middle;}
.i-about-bot .con { float:right; width:624px; }
.i-about-bot .con .tit {color:#ff0207; font-size:28px; line-height:73px; font-weight:bold; margin-top:119px; position:relative;}
.i-about-bot .con .tit:after{content:""; position:absolute; left:0; bottom:0; width:41px; height:2px; background-color:#ff0207; }
.i-about-bot .con .des {color:#5c5c5c; font-size:14px; line-height:24px; height:120px; overflow:hidden; margin-top:23px; }
.i-about-bot .con .more { width:142px; height:34px; background:#ff0207 url(../images/pro-more.png) no-repeat; background-position:94px 8px;  color:#ffffff; font-size:14px; line-height:34px;text-indent:30px; margin-top:44px;transition: 0.5s;}
.i-about-bot .con .more a { display:block; color:#ffffff;}
.i-about-bot .con .more:hover {background-position:104px 8px;transition: 0.5s; }
/*i-news*/
.i-news{ padding-top:66px; padding-bottom:79px;}
.i-news-list { margin-top:31px;}
.i-news-list .slideTxtBox{ width:100%; text-align:left;  }
.i-news-list .slideTxtBox .hd{ height:34px; position:relative; text-align:center; }
.i-news-list .slideTxtBox .hd ul { display:inline-block;}
.i-news-list .slideTxtBox .hd ul li{ float:left; width:116px; height:32px; text-align:center;color:#ff0207; font-size:14px; line-height:32px;  cursor:pointer; border:#ff0207 solid 1px; margin:0 21px;  }
.i-news-list .slideTxtBox .hd ul li.on{  background:#ff0207; color:#ffffff;}
.i-news-list .slideTxtBox .bd ul{ zoom:1;  }
.i-news-show { height:auto; margin-top:50px;}
.i-news-left { float:left; width:586px; height:527px; background-color:#f3f3f3;}
.i-news-left .riqi { width:508px; margin:0 auto; color:#999999; font-size:24px; line-height:36px; font-weight:bold; padding-top:41px; }
.i-news-left .tit { width:508px; margin:0 auto; color:#333333; font-size:18px; line-height:36px; font-weight:bold; height:36px; overflow:hidden;}
.i-news-left .tit:hover { color:#ff0207;}
.i-news-left .des { width:488px; margin:0 auto; color:#999999; font-size:14px; line-height:22px; height:66px; overflow:hidden; margin-top:18px; padding-left:20px; position:relative;}
.i-news-left .des:after{content:""; position:absolute; left:0; top:5px; width:4px; height:59px; background-color:#dddddd; }
.i-news-left .pic { width:508px; margin:0 auto; height:246px; overflow:hidden; line-height:236px; text-align:center; margin-top:46px;}
.i-news-left .pic img{max-width: 100%;max-height: 100%;vertical-align: middle;transition: 0.5s; }
.i-news-left .pic:hover img{transform: scale(1.2);	transition: 0.5s;}
.i-news-right { float:right; width:612px; height:525px; border:#eeeeee solid 1px;}
.i-news-right dl dd { height:142px;box-shadow: 0 0 20px #fff; padding:33px 32px 0 45px; background:url(../images/news-more.png) no-repeat; background-position:553px 130px;}
.i-news-right dl dd:hover {box-shadow: 0 0 20px #ccc; background:url(../images/news-more2.png) no-repeat;background-position:553px 130px;}
.i-news-right dl dd .tit {color:#333333; font-size:18px; line-height:30px;}
.i-news-right dl dd .tit span { float:right; color:#999999;font-size:14px;}
.i-news-right dl dd:hover .tit {color:#ff0207; font-weight:bold;}
.i-news-right dl dd:hover .tit span { font-weight:normal;}
.i-news-right dl dd .des {color:#999999; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:17px;}
/*i-linker*/
.i-linker { border-top:#e5e5e5 solid 1px; padding:20px 0;}
.i-linker span { display:inline-block; color:#797979; font-size:14px; line-height:30px;}
.i-linker a { display:inline-block; color:#797979; font-size:14px; line-height:30px; margin-left:20px;}
.i-linker a:hover { text-decoration:underline;}
/*footer*/
.footer { background: #f3f3f3 url(../images/footer-bg.jpg) repeat; border-bottom:#ff0207 solid 12px; padding-bottom:60px;}
.f-left { float:left; width:470px; margin-top:68px;}
.f-mid { float:left; width:530px; margin-left:20px;margin-top:68px;}
.f-right { float:right; width:150px; margin-top:60px;}
.f-right img { width:120px; border:#e9eaec solid 15px;}
.f-ban {color:#ff0207; font-size:18px; line-height:30px; font-weight:bold;}
.f-con {color:#666666; font-size:14px; line-height:28px; margin-top:16px; }
.f-con a {color:#666666;}
.f-con a:hover { text-decoration:underline;}
.f-nav {color:#333333; font-size:14px; line-height:28px; margin-top:16px; }
.f-nav a {color:#333333;}
.f-nav a:hover { text-decoration:underline;}
.f-copy {color:#b9b9b9; font-size:14px; line-height:28px; }
.f-copy a {color:#b9b9b9;}
.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:#ff0207;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:#ff0207; }
.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:#ff0207; 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:#ff0207; 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:#ff0207;}


@media(max-width:1200px){
.welcome{width:1200px; margin:0 auto;}
.banner {width:1200px; margin:0 auto;}
.i-youshi {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}