*{margin: 0px;padding: 0px;}
body{font: 14px/24px "Microsoft Yahei", "宋体", Arial, Verdana, Geneva, sans-serif;color: #666;background-color: #fff;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, hr{margin: 0px;padding: 0px;}
a{color: #808080;text-decoration: none;}
a:hover{color: #2d3187;text-decoration: none;}
img{border: 0;}
ul{display: block;}
ul, ul li{list-style: none;}
input, select, textarea{vertical-align: middle;font: 12px "Microsoft Yahei", Verdana, Geneva, sans-serif;border: 1px solid #dedede;}
.left{float: left;}
.right{float: right;}
.mt{margin-top: 10px;}
.mr{margin-right: 10px;}
.mb{margin-bottom: 10px;}
.ml{margin-left: 10px;}
.pt{padding-top: 10px;}
.pt2{padding-top:20px;}
.pt3{padding-top:30px;}
.pt4{padding-top:40px;}
.pt5{padding-top:50px;}
.pt6{padding-top:60px;}
.pt7{padding-top:70px;}
.pt8{padding-top:80px;}
.pt9{padding-top:90px;}
.pt10{padding-top:100px;}
.pr{padding-right: 10px;}
.pb{padding-bottom: 10px;}
.pb2{padding-bottom: 20px;}
.pb3{padding-bottom: 30px;}
.pb4{padding-bottom: 40px;}
.pb5{padding-bottom: 50px;}
.pb6{padding-bottom: 60px;}
.pb7{padding-bottom: 70px;}
.pb8{padding-bottom: 80px;}
.pb9{padding-bottom: 90px;}
.pb10{padding-bottom: 100px;}
.pl{padding-left: 10px;}
.wp{margin: 0px auto;width: 1200px;}
.cls{font-size: 0px;height: 0px;line-height: 0px;clear: both;}
.hs{ background: #f2f2f2;}
.bbs{ background: rgba(0, 0, 0, 0.5);}
.bs{ color: #fff;}

/*图标*/
@font-face {font-family: "iconfont";
    src: url('../fonts/iconfont.eot?t=1582852679395'); /* IE9 */
    src: url('../fonts/iconfont.eot?t=1582852679395#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAmYAAsAAAAAE+gAAAlKAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCEeAqXbJJ1ATYCJAM4Cx4ABCAFhG0HgWgbixBRlE9WnexLyMmGHhEqZbX3eKw4emY2ACDnRFo4AgAANMC/gooXuQKCf/r92rnPvslKWkiiCW8aCskkJZKnJVvX0GmUwPQdStv/N016cwrD87dl51bT3iPkM/ISCBBuVHU7W2VaIVvhWp54b/+2e3EKRRoNSALOJ7X5/4DeIdy0SwK0TaAkHWmq4iNUZpW5Mwmbw+b4RBGbKZ0r9u7tmzXNF9FzgGDlvrVfdUmWzBohE2n99r7drACDiTYxSSQekUQU8aYaMpRMTZiUW0yCSdXW2gaTH9ydDoHUpIGN6/T6DlU4HhWqLckJqtQiOIO9xCFBsWu9nvDi8Wi+gGH6+/pZTgUMP/EOs/+chGh/8z+zpzHjbH7gq+XigPkmYMEShIOgVib8YnNYSlmqqus8g4EO/xX5ZuR1TNu059CxKzeG3p4pDM3zpicDX6ajpgpBImLFMk7O8Mt/3gGzHMbfhQVGhAEQRh5J97wDlZlPAwngm0AS8D0gEfghEAt+DCQGvwKSgd8AceBDIDn4G+IwPj414vE8VlLeAGJtBt8+8oVDz26mwDLCqwbvS9AXCfudXFrxFPT4+BB8HIe8uFzc8xnDGUdSFPem4gWYAPcVhIcncAMTA7liVGoMABoThsksECQxC+UoKvWHVPWxIGm19QquHs8hGNIiV2pBaCxImpYUH34jfRWiGY5lMcaTrGgOYh935aH3HBGT1OQKsQ+76rYMYZ20g0OvZW/DtXfi2BLLpaxmAqxDzlzssjt8Ms4ayDrmrMUeuqPZhrsrlWaJRWZijCuk2RsuwUQQKqJ70L4Z6NRpPAgTc3tQGmC0aALWOxWbIfa99CYMOvI2n3/xdSg4+Gqx3CgAChPJV92F5fyFqObqdcm1K72+YuEYf9FeWNYQS40AMHctERVhEpE5qGRP5pmCMpOuOoJAKyxfg4zx7shuAh32AGJksB8emKMLhNUx/XKp/6AeQiTxQ4bYHrpbpTOpBUL3K4qUWouBL3WViVyS7u6bbpmzlB52Mo4Sod0xWZrEORi6ESdzl2tAYoM3XB8FNz9iZIwvUy4NeO2FqquIzahU0H/yVgDM2DAZNaQ6oNUL+uUoIrFsfGIwo5CpKEUElGjPDKRnWFfNaMgBnSy+7EKvOKSSkQP9cuGgEpVaAay5HTugwGSnIUR7p4cB2jSlGUIWeQoTWKGUBKYgOILEXzSgszHWmP6T0rhB/SnJ6eudSdabXdgxrjizwL4HQt1tDl05RYnOXSQTTYm6y9SQyyVyfC50OmmhXBNvcCc7MfdX3S5Rv2OOw9EV5nbXyrh6GIFQfieiqO77cUSR8shlklYErkq2SJJEcWZHQov8QpxMbe2R4PEWd5LSP9/y2qULggS7I9L5BX3fvUp0d8++PA18MeIS42mFTmagVJL5PYg8OcnSDgf+S7rObwbQgxl+aW1CT8ygbrPZOwO2Ix4j9r8Glx0H/iYiib8dZKR+wuHsCOgnw9qILgNK/D72ntY5zZuffk1IfkBi5HPWQbyiYqQKoiUB0CDPSZT8QHCAXzsOBsorwsdfLY/wprtob1/88XiBtZodR+ujFRLIcAMfBkDQUPg4Igu+9YoI9mPP3/CNwQ+3S4AN7CWLHyBI1w74NHv785+meF+d63M1yt7NQjjIkj52+ZLFd7yQrm2whb3DoGdf2w6yM49392dzLJzs/vQa1sbcAg0LF9w6vIXzLDz81qY5iZzly9NWrPh28QUeFAR4PBsPIri2yoLAa2MFaSZHwjV+Kh8Z+eeP8H8c4RG1lxmD9dP8hbOg3b5ECOH7qot5Wu09fRYBeRVW4/S3094ag0WPXUrmeDjJO7/bRG6KcospD1WcHDKx8NZM6zTbtK89vHUe2/TnftMjp/s9zzbzrON5ACqdl2rq7Oye+DNLlHptbspqKNc41ZIydzUUCxSTrlTJzQw6mihiaxtusJQoRIX1r1KJaLqfGbFL4H/EnJUqTshcDyoq9G9drzwCqIC9AIV/1X1sGOf1UKP+RJErXyqvkyelOuE+n5SLs0NVIuHc/6kfsVAqb+7+0fDR/ccfx3tSVLBxNOznjWXuZCxr+7Afn0lWJltUTentPvYVTo1SPaFguDAn/Pfg4eP0EAR3dh+7mOLTly4C0CM6HaLQB+ojTbbJlw9geVJNcnUSrEhMSkReUnVyTVJz7iRnyZnszgn0WbpnTvSyMznWImmUOvQZWh+kR+RmkGevAzb/fUmPtNwOm197UX7n5pfEb3+dTvbM2wC9w47AWc9BNv1Ob7VgExEibWzMcvZFDb7DiiBUm+QMNrvvrANjY8d5PEikHJ8R6Mod4LU8zfq124KigjSNDRfu73c819Bo31DwbJXYA1DhSOyPLzpezmoP1VXCKv7Yhcfn3L6V2Xq+eeRmO1S1eubM5km3xh9f95NGGDx4ovzLmw8/KwicEgLK8cRh+7d5+0AH6x4M3yOFNYtk3eOrdIB92cfsw8vz8fzlPyVkbdbAjx4jakTz6JEmWfLxI1gDqx8/Bvp94JUZe+UWkpGWGXYbqQRIQ/YgnHoB40+EoYQLyBZVOIO4Fqwvjkg4WQi/T37G/krr/bQxJmiI+o/FakB27XyGhPP29m9x9v8j+++6s5S4w2Vk2YSY0VEJyX8asCcGvXQ7rRdZdtPMsNO7nTT+q7JZlN6/W/UNpH4KjCml9Xsq0XNW/y0SvdLTiEyAVRlPgYPxkqeXWYUA4y3P1KKzvTMdVp6aAAve4Sm1T0+j9AMWxt/gYPzj6fX9KQHWyXumDtI/ZGYmsnZkgWQQ4mCNJdWKBdFZLat+A9zHxJJ2ut4DWCe1wtPR5FB8BgqsxBZuwWdZxjCzOsGnk00gjjVOrY6AZiOBonRzPGbLLUdUJ6hmjwWILPYdwgLrwBKlKWzyTK318zcA58UIa2h0G/gBsBw5f2xqZOKgf8aUU6OXUtdZ4GYyimNwmGdpSS5OOQ7EfoGGpeqVIoDKjIgBealNY+qMubLR6UXyrjPevia9ZyhjZOXkFRQpVqJUmXIVKlXRLjlPiQyIikGupOJzUk6uRpTzui+8ErD2ygkf+QAkA9VwAnLk3nVTWaaCqFSqFteKKwiJJvNRyLYZkpGQCoWo2KRN649e1yCShGtfXx6L1OOZ7+3K8LX2wyxDKoSwHOZlhSdlp/15xM8QAgA=') format('woff2'),
    url('../fonts/iconfont.woff?t=1582852679395') format('woff'),
    url('../fonts/iconfont.ttf?t=1582852679395') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('../fonts/iconfont.svg?t=1582852679395#iconfont') format('svg'); /* iOS 4.1- */
  }
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  

/*===============================字体==========================*/
@font-face {
    font-family: 'gothambook';
    src: url('../font/gothambook.ttf') format('ttf'),
		 url('../font/gothambook.woff') format('woff'),
         url('../font/gothambook.svg#oswaldextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}
.zt{ font-family: 'gothambook'; font-size: 14px; color: #999999; letter-spacing: 1px;}


/*导航*/
.ix-top-head{ position: fixed; width: 100%; margin: 0px auto; left: 0; right: 0; z-index: 2; padding: 20px 0px; height: 50px; }
.ix-top-head .ix-logo img{ max-height: 50px;}
.ix-top-head .ix-nav ul li{ line-height: 50px; float: left; padding: 0px 10px; font-size: 16px; color:#fff; position: relative;}
.ix-top-head .ix-nav ul li:last-child{ padding-right: 0px; cursor: pointer;}
.ix-top-head .ix-nav ul li a{ color:#fff}
.ix-top-head .ix-nav ul li:hover>.ix-sea-2{ opacity: 1; right: 0;}
.ix-sea-2{ position: absolute; width: 244px; right: -244px; bottom: 4px; opacity: 0; transition: all 0.36s ease;}
.ix-sea-2 input{ height: 30px;padding: 0px 20px;  border: solid 1px #e0e0e0; outline: none; font-size: 14px; display: inline-block;}
.ix-sea-2 button {height: 32px; background: #fff; font-family: "Microsoft Yahei";  width: 50px; border: none; color: #666; cursor: pointer; font-size: 14px; margin-left: -6px; display: inline-block;  vertical-align: middle; border: solid 1px #e0e0e0; outline: none;}
.ix-top-head .ix-nav ul li a:hover{ color:#f09b4a}
/*===============================首页广告banner==========================*/
.ix-banner{width: 100%;height: 800px;min-width: 1000px;position: relative;z-index: 1;*z-index: -3;}
.ix-banner-img{height: 800px; text-align: center;}
.ix-banner-img ul{height: 100%!important;width: 100%!important;}
.ix-banner-img li{height: 100%!important;width: 100%!important;}
.ix-banner .hd{height: 16px;width: 100%;position: absolute;z-index: 999;bottom: 24px;}
.ix-banner .hd ul{margin: 0;text-align: center;font-size: 0; /*用于去除 display:inline-block 产生的间距*/}
.ix-banner .hd ul li{ width: 30px !important; height: 4px !important; border-radius: 4px; background: rgba(255, 255, 255, 0.2); cursor: pointer;display: inline-block; *display:inline; *zoom:1;margin: 0px 10px;text-align: center;float: none;}
.ix-banner .hd ul li.on{background: #fff;}

.ix-banner .ix-banner-img  ul li h1{ padding-top: 220px; font-size: 48px; line-height: 180%; color:rgba(255, 255, 255, 0.2); font-weight: normal;}
.ix-banner .ix-banner-img  ul li h2{ font-size: 36px; line-height: 160%; color:#fff; font-weight: normal; padding-bottom: 25px;}
.ix-banner .ix-banner-img  ul li p a{ font-size: 16px; color:#fff; line-height: 180%;}
.ix-banner .ix-banner-img  ul li p a img{ vertical-align: middle; padding-left: 20px; }

/*===============================db_xs==========================*/
.db_xs{width: 40px;height: 40px;position: fixed;right: 30px;bottom: 60px;z-index: 9999;display: none;background: url(../images/xs.gif) no-repeat center center;background-color: #2d3187;}

/*通用导航*/
.ix-head { text-align: center;}
.ix-head p{ font-size: 24px; color: #999999; text-transform: uppercase; line-height: 100%; padding-bottom: 25px;}
.ix-head h1{ font-size: 36px; color: #333333; font-weight: normal; line-height: 100%;}
.ix-head h1.bs{ color: #fff;}
/*关于我们*/
.ix-about-a1 .iaa-img{ width: 600px;}
.ix-about-a1 .iaa-tit{ width: 560px;}
.ix-about-a1 .iaa-tit h1{ font-size: 30px; font-weight: normal; color:#2d3187; line-height: 160%;}
.ix-about-a1 .iaa-tit h2{ font-size: 12px; color:#999999; line-height: 120%; font-weight: normal; text-transform: uppercase;}
.ix-about-a1 .iaa-tit .it-text p{ font-size: 14px; color: #666; padding-top: 20px; line-height: 180%;} 
.ix-an a{ width: 150px; height: 40px; line-height: 40px; text-align: center; display: inline-block; background: #2d3187; border-radius: 4px; color:#fff; transition: all 0.36s ease;}  
.ix-an a:hover{ background: #f09b4a;}
.ix-about-a2 ul li {
    width: calc(-26.66px + 33%);
    float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 40px;
    margin-top: 40px;
}
.ix-about-a2 ul li:nth-child(1), .ix-about-a2 ul li:nth-child(4), .ix-about-a2 ul li:nth-child(7){margin-left: 0px;}
.ix-about-a2 ul li a{ font-size: 16px; color:#666; position: relative; display: block;  padding: 0px 20px; transition: all 0.36s ease; background: #f2f2f2; }
.ix-about-a2 ul li span{ position: absolute; right: 20px; top: 0px; font-family: "宋体"; font-size: 18px; font-weight: bold;}
.ix-about-a2 ul li a:hover { background: #2d3187; color:#fff;}
.ix-about-a2 ul li a:hover span{ color:#fff;}


/*主要产品*/
.ab-pro-list ul li{ transition: all 0.36s ease; width: calc((100% - 98px)/4); border-radius: 4px; height: 50px; line-height: 50px; float: left; border:solid 1px #fff; text-align: center; margin-left: 30px; margin-top: 30px;}
    .ab-pro-list ul li:nth-child(1), .ab-pro-list ul li:nth-child(5), .ab-pro-list ul li:nth-child(9), .ab-pro-list ul li:nth-child(13) {
        margin-left: 0px;
    }
    .ab-pro-list ul li a {
        color: #fff;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
.ab-pro-list ul li a i{ font-size: 24px; vertical-align: middle; padding-right: 10px;}
.ab-pro-list ul li:hover{ background: #f09b4a; border: solid 1px #f09b4a;}

/*产品中心*/
.ix-pro-wp{  position: relative;}
.ix-pro-wp .ix-pro-k{ background: #fff; }
.ipk-img{ width: 373px;  height: 230px;  overflow: hidden;  position: relative; transition: all 0.36s ease;}
.ipk-img img{ position: absolute; top: 0;  bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: auto;  max-height: 100%;   min-height: inherit;  max-width: 100%; display: block; transition: all 0.36s ease;}
.ipl-tit{ padding: 30px;}
.ipl-tit h1{ padding-bottom: 20px; font-size: 20px; color: #333333;}
.ipl-tit p{ font-size: 14px; color:#999999; line-height: 200%; padding-bottom: 20px;}
.ipl-tit a{ font-size: 14px; color:#999999;  text-transform: uppercase; font-family: 'gothambook'; }
.ipl-tit a:hover{ color:#2d3187}
.ipl-tit a img{ vertical-align: middle; padding-left: 10px;}
.ix-pro-wp .swiper-pagination-bullet{ width: 40px; height: 6px; background: #cccccc; border-radius: 6px; }
.ix-pro-wp .swiper-pagination-bullet-active{ background: #2d3187;}
.ix-pro-wp .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{  margin: 0 10px;}
.ix-pro-wp .swiper-button-prev{background: url(../images/l.png)no-repeat center center; width: 40px; height: 40px; left: 0px;}
.ix-pro-wp .swiper-button-next{background: url(../images/r.png)no-repeat center center; width: 40px; height: 40px; right: 0px;}

.ix-pro-wp .ix-pro-k  .ipk-img a:hover img{ transform: scale(1.08);}


/*企业文化*/
.pg-qywh-list .pql-a{ width: 500px; height: 270px; background: #fff;  padding: 40px;  border-radius: 0px 100px 0px 100px;}
.pg-qywh-list .pql-b{ width: 580px; height: 350px; }
.pg-qywh-list .pql-b img{ border-radius: 100px 0px 100px 0px;}

/* 本例子css */
.picScroll-pro{ overflow:hidden; position:relative; width: 1240px; margin: 0px auto; padding: 0px 60px;    }
.picScroll-pro  .prev{ background: url(../images/l.png)no-repeat center center;  width: 40px; height: 40px; right: 0px;display:block;  cursor:pointer; position: absolute; left: 0; top: 50%; margin-top: -20px; }
.picScroll-pro  .next{ background: url(../images/r.png)no-repeat center center; width: 40px; height: 40px; right: 0px;display:block;  cursor:pointer;  position: absolute; right: 0; top: 50%; margin-top: -20px;}

.picScroll-pro .bd ul{ overflow:hidden; zoom:1; }
.picScroll-pro .bd ul li{ margin:0 20px; width: 373px; float:left; _display:inline; overflow:hidden;  }


/*产品分类*/
.pro-box .pb-t1{ font-size: 30px; color: #fff;padding-top: 20px; }

.pro-box .pb-t2 h1{ font-size: 16px; color:#fff; padding-bottom: 15px; }
.pro-box .pb-t2 p{ font-size: 14px; color:#fff; line-height: 200%;}

/* 本例子css */
.proTxtBox{ padding-top: 168px;}
.proTxtBox .hd{  width: 300px; position:relative; }
.proTxtBox .hd ul li{padding-bottom: 20px;}
.proTxtBox .hd ul li a{ height: 50px; line-height: 50px; padding:0 15px;display: block; border: solid 1px #fff; color: #fff;  transition: all 0.36s ease; }
.proTxtBox .hd ul li a i{ width: 30px; display: inline-block; text-align: center; font-size: 24px; vertical-align: middle; padding-right: 10px;}
.proTxtBox .hd ul li.on a{   background:#f09b4a; border: solid 1px #f09b4a; }
.proTxtBox .bd{ width: 800px;}







/*企业文化*/
.ix-cul-wp{ width: 1000px; margin: 0px auto; background: rgba(45, 49, 135, 0.5); padding: 60px 100px; padding-bottom: 0px; position: relative;}
.ix-cul-wp ul li{ float: left; width: 500px; padding-bottom: 60px;}
.ix-cul-wp ul li .ic-l1{  font-size: 80px; line-height: 100%; color:#fff;padding-right: 40px; font-family: Arial, Helvetica, sans-serif;}
.ix-cul-wp ul li .ic-l2{ width: 300px; padding-top: 10px;} 
.ix-cul-wp ul li .ic-l2 h1{  font-size: 24px; line-height: 100%; color:#fff; font-weight: normal; padding-bottom: 15px;}
.ix-cul-wp ul li .ic-l2 p{  font-size: 14px; line-height: 180%; color:#fff; }

.ix-cul-wp ul li:nth-child(3){  width: 1000px; }
.ix-cul-wp ul li:nth-child(3) .ic-l2{  width: 790px; }

.ix-cul-an{ position: absolute; right: 0; top: 0; }
.ix-cul-an a{width: 150px; height: 40px; border-radius: 0px 0px 0px 50px; background: #f09b4a; color:#fff; font-size: 14px; display: block; text-align: center; line-height: 40px;}


/*新闻列表*/
.ix-news-list ul li{ float: left; width: calc((100% - 80px)/3); margin-left: 40px; background: #fff; transition: all 0.36s ease;}
.ix-news-list ul li:nth-child(1), .ix-news-list ul li:nth-child(4), .ix-news-list ul li:nth-child(7), .ix-news-list ul li:nth-child(10){ margin-left: 0px;}
.ix-news-list ul li a{ display: block;}
.ix-news-list ul li .inl-img{ height: 240px; width: 100%; overflow: hidden;  position: relative; transition: all 0.36s ease;}
.ix-news-list ul li .inl-img img{position: absolute; top: 0;  bottom: 0; left: 0; right: 0; margin: auto; border: 0; width: auto;  max-height: 100%;   min-height: inherit;  max-width: 100%; display: block; transition: all 0.36s ease;}
.ix-news-list ul li .inl-tit { padding: 25px 20px;}
.ix-news-list ul li .inl-tit h1{transition: all 0.36s ease;  padding-bottom: 10px; font-size: 16px; color: #666666; width: 98%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.ix-news-list ul li .inl-tit p{ transition: all 0.36s ease; font-size: 14px; color:#999999; line-height: 180%; height: 50px; overflow: hidden;   text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ix-news-list ul li .inl-img .inl-time{ position: absolute; left: 20px; width: 100px; height: 80px; border-radius: 0px 4px 0px 4px; z-index: 11; background: #2d3187; text-align: center;}
.ix-news-list ul li .inl-img .inl-time p { font-size: 24px; color:#fff; padding-top:15px; padding-bottom: 5px; }
.ix-news-list ul li .inl-img .inl-time span { font-size: 18px; color:#fff }
.ix-news-list ul li:hover{ background: #2d3187;}
.ix-news-list ul li:hover .inl-tit h1{ color: #fff;}
.ix-news-list ul li:hover .inl-tit p{ color: rgba(255, 255, 255, 0.8);}
.ix-news-list ul li:hover .inl-img img{ transform: scale(1.08);}

.ix-an.abc a{ background: #fff; border-radius: 4px;  transition: all 0.36s ease; color: #666; transition: all 0.36s ease;}  
.ix-an.abc a:hover{ background: #f09b4a; color: #fff;} 


/*人才招聘*/
.ix-tal-wp{ width: 800px; margin: 0px auto; height: 70px; padding: 25px 141px; text-align: center; color: #cccccc;}
.ix-an.abc.ss a{ background: #f09b4a; border-radius: 4px;  transition: all 0.36s ease; color: #fff; transition: all 0.36s ease;}  
.ix-an.abc.ss a:hover{ background: #2d3187; color: #fff;} 


/*底部*/
.if-a{ background: #333333;}
.if-nav-list{ float: left; padding-right: 60px; width:130px;} 
.if-nav-list h1{ font-size: 16px; color:#fff; font-weight: normal; padding-bottom: 15px;}
    .if-nav-list a {
        color: #999999;
        display: block;
        line-height: 200%;
        font-size: 14px;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
.if-xx{ border-left: solid 1px #484848;width:270px; padding-left: 40px;}
.if-xx p{ font-size: 14px; color:#999999; line-height: 180%;}
.if-xx h1{ font-size: 26px; font-family: 'gothambook'; padding-top: 10px; font-weight: normal; padding-bottom: 10px; line-height: 100%; color: #fff;}
.if-xx h2{ font-size: 16px; color:#fff;  padding-bottom: 10px; font-weight: normal;}
.if-ewm img{width: 120px; height: 120px;}
.if-ewm p{font-size: 14px; color:#999999; line-height: 200%; padding-top: 10px; text-align: center;}
.if-nav-list a:hover{ color:#fff;}

.if-b{ background: #262626; color: #999999; height: 60px; line-height: 60px; font-size: 14px;}
.if-b a{ color:#999999;  font-size: 14px;}
.if-b a:hover{ color:#fff;}