@charset "utf-8";
/* CSS Document */
/* Css writer: www.pallong.com */
/* Css writer: QQ 97659484 */

.returntop{ position:fixed; bottom:30px; right:30px; width:60px; height:60px; text-align:center; cursor:pointer; background-color:#985ea6; z-index:999; display:none;}
.returntop span{ font-size:30px; line-height:60px; color:#fff;}
.returntop:hover{ background:#c1d72f;}

.header{ height:60px; background-color:#fff; box-shadow:0px 1px 0px rgba(0,0,0,.05); position:fixed; left:0; top:0; width:100%; z-index:99999;}
.header div.wrap{ height:60px; position:relative;}
.header-bg-height{ height:60px;}

.logo{ width:272px; height:60px; position:absolute; left:50%; top:0; margin-left:-120px;}
.logo span{ width:272px; height:43px; position: absolute; left:0px; top:8px; background-image:url(../images/logo.png); background-size:cover; background-position:left top; background-repeat:no-repeat; z-index:4; }
.logo a{ position: absolute; left:0; right:0; top:0; bottom:0; z-index:5; }

.language{ position:absolute; right:0; top:0;}
.language a{ font-weight:300; font-size:14px; line-height:60px;}

.search{ width:14px; height:14px; position:absolute; right:60px; top:23px; border-left:1px solid #ddd; padding-left:50px; }
.search span{ background-image:url(../images/search.png);background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:50px; right:0; top:0; bottom:0;}

.menu{ background:#fff; height:60px; }
.menu li{ float:left; position:relative; margin-right:5px; overflow:hidden;}
.menu li:nth-child(5){ margin-left:500px;}
.menu li a{ font-size:14px; line-height:60px; color:#333; display:inline-block; padding:0 18px; }
.menu li a:hover,.menu li.curr a{ color:#fff; background-color:rgb(152,94,166);}


.slideBox{  height:700px; overflow:hidden; position:relative; }
.slideBox .hd{ position:absolute; left:5px; right:15px; bottom:5px; z-index:1; }
.slideBox .hd ul{ text-align:center; font-size:0;}
.slideBox .hd ul li{ display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px;cursor:pointer; border:2px solid #985ea6;}
.slideBox .hd ul li.on{ background-color:#985ea6;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ width:100%; height:700px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.slideBox .bd li a{ position: absolute; left:0; right:0; top:0; bottom:0;}

.slideBox .prev,.slideBox .next{ position:absolute; top:50%; margin-top:-30px; display:inline-block; width:50px; height:60px; font-weight:700; font-size:30px; line-height:60px; font-family:"\5b8b\4f53"; color:#fff; text-align:center; background-color:rgba(0,0,0,.1); }
.slideBox .prev{ left:0px; border-top-right-radius:5px; border-bottom-right-radius:5px;}
.slideBox .next{ right:0px; border-top-left-radius:5px; border-bottom-left-radius:5px; }

.slideBox .prev:hover,
.slideBox .next:hover{ background-color:rgba(0,0,0,.3); color:#fff; }



.banner,.banner dl,.banner dl dt{ width:100%; height:700px; position:relative;}
.banner dl dt ul{ width:100%; height:700px; position:absolute; left:0; top:0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; opacity:0;}
.banner dl dt ul a{ position: absolute; left:0; right:0; top:0; bottom:0;}
.banner dl dd{ position:absolute; left:0; right:0; bottom:20px; font-size:0; text-align:center;}
.banner dl dd span{ display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px;cursor:pointer; border:1px solid #985ea6}
.banner dl dd span.curr{ background-color:#985ea6;}

.home-title{ text-align:center;}
.home-title h6{ font-weight:700; font-size:30px; line-height:30px; color:#333; text-transform: uppercase;}
.home-title p{ font-weight:300; font-size:18px; line-height:30px; color:#999; padding-top:5px; letter-spacing:2px;}

.home-news-frame{ background-color:#f9f9f9; padding:70px 0px;}
.home-news{ padding:40px 15px 0;}
.article{ float:left; width:20%; position:relative;}
.article dl{ margin:0 15px; position:relative; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.article a:hover dl{ box-shadow:0px 0px 30px rgba(0,0,0,.2);}
.article dl dt{ padding-top:55%; overflow:hidden; position:relative;}
.article dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.article a:hover dl dt span{ transform: scale(1.1);}
.article dl dd{ background:#fff; padding:15px 20px 0px; position:relative; height:180px;}
.article dl dd h6{ font-size:12px; line-height:24px; color:#999;}
.article dl dd h6 span{ display:inline-block; padding:0 2px 0 5px;}
.article dl dd h3{ padding:10px 0px;  font-size:18px; line-height:24px; color:#333;}
.article dl dd p{ font-size:12px; line-height:2em; color:#999;}

.home-news-more{ text-align:center; padding-top:40px;}
.home-news-more ul{ position:relative; width:160px; overflow:hidden; display:inline-block;}
.home-news-more a{ font-size:14px; line-height:44px; display:block; border:1px solid #000; position:relative; z-index:5}
.home-news-more span{ position:absolute; left:0; top:0; bottom:0; width:0; z-index:4; background-color:#985ea6}
.home-news-more a:hover{ border:1px solid #985ea6; color:#fff;}

.home-industry-frame{ padding:70px 0;}
.home-industry{ padding:40px 0; overflow:hidden;}
.home-industry-list{ float:left; width:16.66%; height:600px; position:relative;}
.home-industry-list dl{ position: absolute;left:0; right:0; top:0; bottom:0; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-industry-list dl:hover{ box-shadow:0px 0px 30px rgba(0,0,0,.2);}
.home-industry-list dl dt{ position: absolute; left:0; right:0; top:0; bottom:0;}
.home-industry-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}
.home-industry-list dl dt em{ background-color:rgba(0,0,0,.6); position: absolute; left:0; right:0; top:0; bottom:0; z-index:1;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-industry-list dl:hover dt em{ background-color:rgba(152,94,166,.9);}
.home-industry-list dl dd{ position:absolute; left:20px; right:20px; top:50%; z-index:5; text-align:center; letter-spacing:2px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.home-industry-list dl dd h3{ font-weight:100; font-size:30px; line-height:80px; color:#fff;}
.home-industry-list dl dd p{ font-size:16px; line-height:80px; color:#fff; opacity:.5;}
.home-industry-list dl dd span{ height:2px; background-color:#fff; position:absolute; left:40%; right:40%; top:84px;}
.home-industry-list dl a{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:99; background-color:rgba(255,255,255,0); }


/*栏目新闻*/

.home-column-news{ padding:20px 0 0}


.slideTxtBox{  }
.slideTxtBox .hd{ }
.slideTxtBox .hd ul.home-news-title{ text-align:center;}
.slideTxtBox .hd ul.home-news-title li{ font-size:18px; line-height:50px; display:inline-block; position:relative; padding:0 15px; overflow:hidden; margin:0 20px; cursor:pointer;}
.slideTxtBox .hd ul.home-news-title li:hover,.home-news-title li.on{ color:#985ea6}
.slideTxtBox .hd ul.home-news-title li span,.home-news-title li em{ position:absolute; left:0; bottom:0; height:2px; width:0; background-color:rgb(152,94,166); overflow:hidden;}
.slideTxtBox .hd ul.home-news-title li.on em{ width:100%;}

.slideTxtBox .bd ul{ }

.home-column-co{ margin:0 15px; position:relative; padding:40px 0 0;}
.home-column-list{ width:25%; float:left; position:relative;}
.home-column-list li{ padding-top:120%; position:relative;}
.home-column-list dl{ position: absolute; left:15px; right:15px; top:0; bottom:0; overflow:hidden; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.home-column-list:nth-child(1) li{}
.home-column-list:nth-child(1) li{padding-top:60%; }
.home-column-list:nth-child(1) li dl{bottom:15px;}
.home-column-list:nth-child(2) { position:absolute; left:0; bottom:0;}
.home-column-list:nth-child(2) li{padding-top:60%; left:0px; right:0px; top:0;}
.home-column-list:nth-child(2) li dl{top:15px;}

.home-column-list dl a{ position:absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0);}
.home-column-list dl:hover{ box-shadow:0px 0px 30px rgba(0,0,0,.2);}
.home-column-list dl dt{ overflow:hidden; position:absolute; left:0; right:0; top:0; bottom:0;}
.home-column-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}
.home-column-list dl dd{ background-color:rgba(0,0,0,.6); padding:15px 20px; position: absolute; left:0; right:0; bottom:-80px;}
.home-column-list dl dd h3{ font-weight:300; font-size:18px; line-height:24px; color:#fff; text-align:center;}


.home-stock-frame{ padding:70px 0 20px;}

.home-stock{ padding:40px 15px;}

.home-stock-list{ float:left; width:50%; position:relative;}
.home-stock-list span.home-stock-border{ height:8px; position:absolute; top:0; left:15px; right:15px; background-color:#995ea7;}
.home-stock-list:nth-child(2) span.home-stock-border{ background-color:#c1d72f;}
.home-stock-list-co{ margin:0 15px; padding:40px 15px 30px 35px; border:1px solid #eee; border-top:none;}
.home-stock-title{ font-weight:300; font-size:30px;}
.home-stock-title span{ background-color:#e62b1e; display:inline-block; font-size:20px; line-height:30px; color:#fff; vertical-align:middle; padding:0 10px; margin:0 5px; border-radius:15px;}
.home-stock-title em{ display:inline-block; vertical-align:middle; font-size:16px;}

.home-stock-content{ position:relative; padding-top:30px;}
.home-stock-content dl{ position:absolute; color:#e62b1e;}
.home-stock-content dl dt{ font-size:44px; line-height:54px; float:left; position:relative; padding-right:30px; background-image:url(../images/icon-stock.png); background-position:right 30px; background-repeat:no-repeat;}
.home-stock-content dl dd{ float:left; margin-top:7px; padding-left:20px;}
.home-stock-content dl dd p{ font-size:16px; line-height:20px;}

.home-stock-content dl.curr{ color:#08ac36}
.home-stock-content dl.curr dt{ background-position:right -43px;}

.home-stock-content ul{ padding-left:300px;}
.home-stock-content ul li{ position:relative; float:left; width:25%;}
.home-stock-content ul li span{ position:absolute; font-size:12px; line-height:20px; color:#999}
.home-stock-content ul li p{ padding-top:24px; font-size:20px; line-height:30px; color:#333}

.home-brand-frame{ padding:20px 30px 40px;}
.brand{ padding-top:20px;}
.brand ul li{ position:relative; float:left; width:12.5%;}
.brand ul li span{ padding-top:50%; overflow:hidden; position:relative; background-position:50% 50%; background-repeat:no-repeat; background-size:90%; display:block;}
.brand ul li a{ position: absolute; left:0; right:0; top:0; bottom:0; }

/*footer*/
.footer{ background:#292929;}
.footer div.wrap{ position:relative;}

.footer-nav{ padding:40px 0;}
.footer-nav dl{ float:left; padding-right:150px;}
.footer-nav dl:nth-child(4) { width:300px;}
.footer-nav dl:nth-child(4) dd p{ width:33%; float:left;}
.footer-nav dl dt{ font-size:14px; line-height:34px; color:#ddd;}
.footer-nav dl dd{ padding-top:5px;}
.footer-nav dl dd p{ padding-bottom:4px;}
.footer-nav dl dd p a{ font-size:12px; line-height:26px; color:#666; display:inline-block; border-bottom:1px solid #292929;}
.footer-nav dl dd p a:hover{ color:#ddd; border-bottom:1px solid #ddd;}

.footer-code{ position:absolute; right:0; top:50px;}
.footer-code dl{ width:140px;}
.footer-code dl dt{padding-top:100%; overflow:hidden; position:relative; background-color:#fff;}
.footer-code dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:95%; position: absolute; left:0; right:0; top:0; bottom:0;}
.footer-code dl dd{ text-align:center; font-size:14px; line-height:40px;}

.copy{ padding:20px 0; border-top:1px solid rgba(255,255,255,.05); font-size:12px; line-height:40px; color:#666;}
.copy div.wrap{ position:relative;}
.copy ul{ position:absolute; right:0; top:0;}
.copy ul li{ float:left; padding-left:20px;}


/* 内页 */

.news-nav{ height:70px; border-bottom:1px solid #eee;}
.news-nav div.wrap{ position:relative;}

.news-nav-list{}
.news-nav-list li{ float:left; margin-right:30px;}
.news-nav-list li a{ font-size:14px; color:#333; line-height:70px; display:inline-block; position: relative; padding:0 2px; overflow:hidden;}
.news-nav-list li a:hover,.news-nav-list li.curr a{ color:#985ea6}
.news-nav-list li a span,.news-nav-list li a em{ position:absolute; left:0; bottom:0; height:2px; width:0; background-color:rgb(152,94,166); overflow:hidden;}
.news-nav-list li.curr a em{ width:100%;}

.location{ font-size:12px; line-height:40px; color:#999; position:absolute; right:0; top:15px;}
.location a{ display:inline-block; padding:0 1px;}
.location a.location-home{ background-image:url(../images/ico-logo.png); background-size:16px 22px; background-repeat:no-repeat; background-position:left 1px; padding-left:26px;}
.location span{ font-family:"\5b8b\4f53"; display:inline-block; padding:0 15px; color:#999;}

.main{ max-width:1200px; margin:0 auto; padding-bottom:60px; position:relative;}


/* news */

.banner-news{ height:100px; background-position:50% 50%; background-repeat:no-repeat;}

.side-left{ width:860px;}
.side-right{ width:300px; position:absolute; right:0; top:30px;}

.news-ad{ margin-top:10px; position:relative;}
.news-ad img{ max-width:100%;}
.news-ad a{ position: absolute; left:0; right:0; top:0; bottom:0;}

.content-news{ padding:10px 0px 0;}

.article-list{ position:relative; padding:30px 0; border-bottom:1px solid #f5f5f5;}
.article-list dl{ position:relative; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s; height:120px;}
.article-list dl a{ position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0); }
.article-list dl dt{ width:200px; padding-top:120px; overflow:hidden; position:absolute; left:0; top:0;}
.article-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}

.article-list dl dd{ margin:0px 0px 0px 220px; position:relative; height:120px;}
.article-list dl dd h6{ font-size:12px; line-height:20px; color:#999; letter-spacing:1px; position:absolute; left:0; bottom:-4px;}
.article-list dl dd h6 span{ display:inline-block; padding:0 20px 0 0px;}
.article-list dl dd h3{ padding:0px 0px 10px;  font-size:18px; line-height:24px; color:#333;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.article-list dl dd p{ font-size:12px; line-height:20px; color:#999;}
.article-list a:hover dl dd h3{ color:#985ea6}


.user_title{ padding:20px 0 20px; border-bottom:1px solid #eee; position:relative;}
.user_title h1{ font-weight:700; font-size:26px; line-height:60px; color:#333; letter-spacing:1px;}
.user_title h6{ font-size:12px; line-height:20px; color:#999;}
.user_title h6 span{ display:inline-block; padding:0 20px 0 0px;}

.share{ position: absolute; right:0; bottom:15px; padding-left:30px;}
.share span{ position:absolute; left:0; top:0; font-size:12px; line-height:24px;}
.share ul{}
.share ul li{ float:left; width:25%; text-align:center;}
.share ul li a{ width:24px; height:24px; display:inline-block; background-image:url(../images/icon-share.jpg);  background-repeat:no-repeat; background-size:96px 24px; margin-left:10px; border-radius:12px; }
.share ul li.tsina a{background-position:0 top;}
.share ul li.weixin a{background-position:-24px top;}
.share ul li.linkedin a{background-position:-48px top;}
.share ul li.douban a{background-position:-72px top;}

.text{ padding:15px 0 25px; font-size:14px; line-height:30px; word-wrap:break-word; letter-spacing:1px; text-align:justify;}
.text h6{ font-size:18px; color:#333; padding:8px 0 0px;}
.text p{ padding:8px 0;}
.text img{ padding:8px 0; max-width:100%;}

.text-bottom{ border-top:1px solid #eee; position:relative;}
.pn{ padding-top:20px;}
.pn a{ font-size:12px; line-height:28px;}
.pn span{ display:inline-block; padding-right:5px;}


/* 产业 */

.product-banner{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.product-banner div.wrap{ height:500px; position:relative;}
.product-banner dl{ text-align:center; position:absolute; left:0; top:50%; right:0; color:#fff;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.product-banner dl dt{ font-size:30px; line-height:60px;}
.product-banner dl dd{ font-size:16px; line-height:2em; padding-top:10px; word-wrap:break-word;}


.product-list{}
.product-list ul{ background-color:#fff;}
.product-list ul dl{ width:1200px; margin:0 auto; position:relative; height:400px; padding:60px 0;}
.product-list ul dl dt{ width:400px; height:400px; position:absolute; left:800px; top:60px;}
.product-list ul dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; border-radius:50%; overflow:hidden;}
.product-list ul dl dd{ position:relative; height:100%; margin:0 520px 0 0}
.product-list ul dl dd h2{ font-weight:700; font-size:30px; line-height:100px; color:#333;}
.product-list ul dl dd p{ font-size:14px; line-height:2em; word-wrap:break-word;}
.product-list ul:nth-child(even){background:#f9f9f9;}
.product-list ul:nth-child(even) dt{ left:0;}
.product-list ul:nth-child(even) dd{ margin:0 0 0 520px}

.product-list-more{ text-align:center; position: absolute; left:0; bottom:40px; width:160px; overflow:hidden; display:inline-block;}
.product-list-more ul{ position:relative; width:160px; overflow:hidden; display:inline-block;}
.product-list-more a{ font-size:14px; line-height:44px; display:block; border:1px solid #000; position:relative; z-index:5}
.product-list-more span{ position:absolute; left:0; top:0; bottom:0; width:0; z-index:4; background-color:#985ea6}
.product-list-more a:hover{ border:1px solid #985ea6; color:#fff;}


.product-i-banner{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.product-i-banner div.wrap{ height:500px; position:relative;}
.product-banner-co{ text-align:center; position:absolute; left:0; top:50%; right:0; color:#333;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.product-i-banner dl dt{ font-size:30px; line-height:60px;}
.product-i-banner dl dd{ font-size:16px; line-height:2em; padding-top:10px 20px; word-wrap:break-word;}

.tempus{ background-color:rgba(152,94,166,0.8);}
.tempus dl{ width:1200px; margin:0 auto; position:relative; padding:60px 0;}
.tempus dl dt{ width:240px; height:240px; float:left; position:relative; z-index:5;}
.tempus dl dt span{background-color:#f5f5f5; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; border-radius:120px; overflow:hidden;}

.tempus dl dd{ position:relative; height:100%; padding-left:300px; font-size:14px; line-height:2em; color:#fff; word-wrap:break-word;}


.tempus-title{ text-align:center; background-color:#f5f5f5;}
.tempus-title .wrap{ position:relative;}
.tempus-title h6{ font-size:30px; line-height:120px; color:#333;}
.pro-location{ font-size:12px; line-height:40px; color:#999; position:absolute; right:0; top:40px;}
.pro-location a{ display:inline-block; padding:0 1px;}
.pro-location span{ font-family:"\5b8b\4f53"; display:inline-block; padding:0 15px; color:#999;}

.product-i-list{}
.product-i-list ul{ background-color:#fff;}
.product-i-list ul dl{ width:1200px; margin:0 auto; position:relative; padding:60px 0;}
.product-i-list ul dl dt{ width:240px; height:240px; float:left; position:relative; z-index:5;}
.product-i-list ul dl dt span{background-color:#f5f5f5; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; border-radius:120px; overflow:hidden;}

.product-i-list ul dl dd{ position:relative; height:100%; padding-left:300px; font-size:14px; line-height:2em; word-wrap:break-word;}

.product-i-list ul:nth-child(even){background:#f9f9f9;}
.product-i-list ul:nth-child(even) dt span{ background-color:#fff;}


/*社会责任*/

.responsibility-banner{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.responsibility-banner div.wrap{ height:500px; position:relative;}
.responsibility-banner dl{ text-align:center; position:absolute; left:0; top:50%; right:0; color:#333;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.responsibility-banner dl dt{ font-size:36px; line-height:60px;}
.responsibility-banner dl dd{ font-size:16px; line-height:2em; padding-top:10px; word-wrap:break-word;}

.responsibility-nav{ background-color:#f9f9f9;}
.responsibility-nav div.wrap{ height:80px; position:relative;}
.responsibility-nav ul{}
.responsibility-nav ul li{ float:left; width:20%; position:relative; overflow:hidden; text-align:center;}
.responsibility-nav ul li a{ font-size:16px; color:#333; line-height:80px; display:block; position: relative; z-index:2; border-left:1px solid #eee;}
.responsibility-nav ul li a:hover,.responsibility-nav ul li.curr a{ color:#985ea6; background-color:#eee;}
.responsibility-nav ul li a span,.responsibility-nav ul li a em{ position:absolute; left:0; bottom:0; height:3px; width:0; background-color:rgb(152,94,166); overflow:hidden; z-index:1;}
.responsibility-nav ul li.curr a em{ width:100%;}


.responsibility-download{}
.responsibility-download dl{ width:1200px; margin:0 auto; position:relative;  padding:45px 0; border-bottom:1px solid #eee;}
.responsibility-download dl dt{ width:190px; height:255px; position:relative; float:left;}
.responsibility-download dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}
.responsibility-download dl dd{ position:relative; height:100%; margin:0 250px 0 240px; height:255px;}
.responsibility-download dl dd h2{ font-size:30px; line-height:60px; color:#333; padding-bottom:10px; }
.responsibility-download dl dd p{ font-size:14px; line-height:2em; word-wrap:break-word;}

.responsibility-download dl dd .product-list-more{ bottom:0;}

.responsibility-list-more{ text-align:center; position: absolute; left:0; bottom:40px; width:160px; overflow:hidden; display:inline-block;}
.responsibility-list-more ul{ position:relative; width:160px; overflow:hidden; display:inline-block;}
.responsibility-list-more a{ font-size:14px; line-height:44px; color:#0665ff; display:block; border:1px solid #000; position:relative; z-index:5}
.responsibility-list-more span{ position:absolute; left:0; top:0; bottom:0; width:0; z-index:4; background-color:#985ea6}
.responsibility-list-more a:hover{ border:1px solid #985ea6; color:#fff;}


.responsibility-news{ padding:10px 0px 0;}

.responsibility-list{ position:relative; padding:40px 0; border-bottom:1px solid #f5f5f5;}
.responsibility-list dl{ position:relative; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s; height:228px;}
.responsibility-list dl a{ position: absolute; left:0; right:0; top:0; bottom:0; background-color:rgba(255,255,255,0); }
.responsibility-list dl dt{ width:380px; padding-top:228px; overflow:hidden; position:absolute; left:0; top:0;}
.responsibility-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}

.responsibility-list dl dd{ margin:0px 0px 0px 420px; position:relative; height:228px;}
.responsibility-list dl dd h6{ font-size:14px; line-height:20px; color:#999; letter-spacing:1px; position:absolute; left:0; bottom:-4px;}
.responsibility-list dl dd h6 span{ display:inline-block; padding:0 20px 0 0px;}
.responsibility-list dl dd h3{ padding:0px 0px 10px; font-size:30px; line-height:50px; color:#333; -ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.responsibility-list dl dd p{ font-size:16px; line-height:28px; color:#999;}
.responsibility-list a:hover dl dd h3{ color:#985ea6;}


/* job */

.jobbanner{ height:460px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

.tempus-ad{ padding:60px 0;}
.tempus-ad h6{ height:45px; background-position:50% 50%; background-repeat:no-repeat;}

.job-box{ padding-bottom:80px;}

.job-fl{ width:400px; float:left; height:320px;}
.job-title{ position:relative; height:70px; background-color:rgba(0,0,0,.1); color:#fff; padding:20px 25px 0;}
.job-title h3{ font-size:24px; line-height:34px;}
.job-title p{ font-size:14px; line-height:20px; text-transform:uppercase; opacity:.5;}
.job-title span{ font-family:"\5b8b\4f53"; font-size:30px; line-height:90px; position:absolute; right:25px; top:0;}

.job-fla{ background-color:#985ea6}
.job-flb{ background-color:#46d094}
.job-flc{ background-color:#f24444}

.jobs-list{}
.jobs-list ul{ padding:20px 25px 0;}
.jobs-list ul li{}
.jobs-list ul li a{ font-size:14px; line-height:36px; color:#fff;}
.jobs-list ul li a:hover{ text-decoration:underline;}

.jobs-list dl{ padding:20px 25px 0;} 
.jobs-list dl dt{ font-size:16px; line-height:30px; color:#fff;}
.jobs-list dl dd{ padding-top:5px;}
.jobs-list dl dd a{ font-size:14px; line-height:24px; color:#fff; display:inline-block; padding:0 1px; margin-right:10px;}
.jobs-list dl dd a:hover{ text-decoration:underline;}


.job-college{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; padding:50px 0; min-height:400px;}
.job-college-content{ padding-right:510px;}
.job-college-title{ font-size:30px; line-height:60px; color:#000;}
.job-college-content ul{ padding-top:20px; font-size:16px; line-height:32px; color:#555;}
.job-college-content ul p{ padding:5px 0;}
.job-college-content ul h6{ font-weight:700; font-size:18px; padding:20px 0 10px;}


.job-co-title{ font-size:26px; line-height:60px; color:#333; text-align:center;}

.job-brand{ padding:50px 0 30px;}
.job-brand-co{ padding-top:25px;}

.job-news-list{ padding:50px 0;}
.jnl-bg{ background-color:#f9f9f9}

.job-news-content{ padding-top:25px;}

.job-article{ float:left; width:33.33%; position:relative;}
.job-article dl{ margin:0 15px; position:relative; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}

.job-article dl:hover{ box-shadow:0px 0px 30px rgba(0,0,0,.2);}
.job-article dl dt{ padding-top:55%; overflow:hidden; position:relative;}
.job-article dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.job-article dl a:hover dt span{ transform: scale(1.1);}
.job-article dl dd{ background:#fff; padding:20px 25px 0px; position:relative; height:170px;}
.job-article dl dd h6{ font-size:14px; line-height:24px; color:#999;}
.job-article dl dd h6 span{ display:inline-block; padding:0 2px 0 5px;}
.job-article dl dd h3{ padding:10px 0px;  font-size:18px; line-height:24px; color:#333;}
.job-article dl dd p{ font-size:12px; line-height:2em; color:#999;}
.job-article dl a:hover dd h3{ color:#985ea6;}


/* about */

.aboutbanner{ padding:140px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

.about-title{ text-align:center}
.about-title h6{ font-size:32px; line-height:40px; color:#333;}
.about-title p{ font-weight:300; font-size:30px; line-height:40px; color:#999;}

.about-top{ padding-top:30px;}
.about-top ul{ font-size:16px; line-height:30px; color:#000; text-align:center; word-wrap:break-word;}


.about-culture{ padding:80px 0;}
.about-culture-co{ padding:50px 0 20px;}
.about-culture-co ul{ float:left; width:20%;}
.about-culture-co ul dl{ border-left:1px solid #ddd; padding:0 30px; height:120px;}
.about-culture-co ul dl dt{ font-size:18px; line-height:30px; color:#333;}
.about-culture-co ul dl dd{ font-size:14px; line-height:28px; color:#999; padding-top:10px;}


.about-honor{ padding:80px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.about-honor-co{ padding-top:50px;}

.leftLoop{ position:relative; padding:0 30px; } 
.leftLoop .hd{ overflow:hidden;  height:30px; background:#f4f4f4;  } 
.leftLoop .prev,.leftLoop .next{ display:block; width:40px; height:60px; font-weight:700; font-size:34px; font-family:"\5b8b\4f53" ;line-height:60px; position:absolute; top:88px; text-align:center; cursor:pointer; border-radius:5px;} 
.leftLoop .prev:hover,.leftLoop .next:hover{ background-color:rgba(0,0,0,.1)}
.leftLoop .next{ left:-20px; } 
.leftLoop .prev{ right:-20px; } 

.leftLoop .bd{} 
.leftLoop .bd ul{ overflow:hidden; zoom:1; } 
		
.leftLoop .bd ul li{ margin:0 10px; float:left; width:360px; height:236px; position:relative;  }
.leftLoop .bd ul li span{background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0;}


.about-history{ padding:80px 0;}
.about-history-list{ position:relative; margin-top:50px;}

.about-history-li{ position:relative; z-index:5; padding:5px 0;}
.about-history-li dl{ padding:20px 30px; background-color:#f2f2f2; float:left; width:490px; border-radius:20px; position:relative;}
.about-history-li dl dt{ font-size:18px; line-height:20px; color:#000;}
.about-history-li dl dd{ font-size:14px; line-height:28px; color:#555; padding-top:5px;}
.about-history-li dl span{position:absolute; top:50%; margin-top:-6px; left:550px; width:13px; height:17px; background-image:url(../images/icon-history-jiao.png); background-repeat:no-repeat; background-position:right top;}
.about-history-li dl em{position:absolute; width:11px; height:11px; border-radius:50%; background-color:#985ea6; top:50%; margin-top:-5px; left:595px;}

.about-history-li.even dl{ float:right;}
.about-history-li.even dl span{ left:-13px; background-position:left top;}
.about-history-li.even dl em{ left:-55px;}

.about-history-x{ width:1px; background-color:#ddd; overflow:hidden; position:absolute; left:50%; top:0; bottom:0; z-index:4;}


.about-audio{ padding:80px 0; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.about-audio-co{ padding-top:60px;}

.about-audio-list{}
.about-audio-list{ width:20%; float:left; text-align:center;}
.about-audio-list dl{ background-color:#985ea6; border-radius:20px; display:inline-block; width:120px; height:120px;}
.about-audio-list dl.music dt{ background-image:url(../images/icon-music.png);}
.about-audio-list dl dt{ font-size:14px; line-height:20px; color:#fff; background-image:url(../images/icon-video.png); background-position:center 18px; padding-top:65px; background-repeat:no-repeat;}
.about-audio-list dl dd{ font-size:12px; line-height:20px; color:#fff; opacity:.5;}


/* contact */

.aboutmain{ padding:30px 0 60px;}

.about-left{ width:250px; float:left;}
.about-right{ width:910px; float:left; margin-left:40px;} 

.aboutname{ background-color:#985ea6; padding:30px 25px;}
.aboutname h2{ font-weight:700; font-size:30px; line-height:40px; color:#fff;}
.aboutname p{ font-size:36px; line-height:40px; color:#fff; filter:alpha(opacity=10); opacity:0.1;}

.aboutNav{ background-color:#985ea6;}
.aboutNav li{ border-top:1px solid rgba(255,255,255,.2);}
.aboutNav li a{ display:block; font-size:14px; line-height:50px; color:#fff; padding-left:25px;}
.aboutNav li a:hover,.aboutNav li.curr a{ background-color:#c1d72e;}

.about-right-top{ height:60px; position:relative; border-bottom:1px solid #e5e5e5;}
.about-right-top h2{ font-size:22px; line-height:50px; color:#333;}
.about-right-top .location{ top:5px;}


.tempusName{ font-size:18px; line-height:30px; color:#333; padding:40px 0 20px;}

.contactco{ padding-bottom:40px;}
.contactco dl{ font-size:16px; line-height:28px; position:relative; padding-left:50px; margin-top:5px;}
.contactco dl dt{ position:absolute; left:0; top:0;}
.contactco dl dd{}

.tempuslu img{ max-width:100%;}

.tempusMap{ margin-top:50px;}


/* about 发展历程 */

.history-content{ padding-top:40px;}

.history-list{ position:relative; padding:50px 0 30px;}

.history-year{ font-weight:700; font-size:20px; line-height:40px; color:#fff; position:absolute; left:40px; top:0px; background-color:#985ea6; border-radius:20px; padding:0 20px;}
.history-year span{}

.history-list ul{ padding:10px 0 10px 40px;}
.history-list dl{ padding:20px 30px; background-color:#f2f2f2; border-radius:20px; position:relative; z-index:5;}
.history-list dl dt{ font-size:18px; line-height:20px; color:#999;}
.history-list dl dd{ font-size:16px; line-height:28px; color:#333; padding-top:5px;}
.history-list dl span{position:absolute; top:50%; margin-top:-6px; left:-13px; width:13px; height:17px; background-image:url(../images/icon-history-jiao.png); background-repeat:no-repeat; background-position:left top;}
.history-list dl em{position:absolute; width:7px; height:7px; border-radius:50%; border:2px solid #985ea6; top:50%; margin-top:-5px; left:-40px; background-color:#fff;}

.aboutHistory-x{ width:1px; background-color:#e5e5e5; overflow:hidden; position:absolute; left:5px; top:0; bottom:0; z-index:4;}



/*翻页样式*/

.page a{ display:inline-block; vertical-align:top; font:500 14px/34px "\5fae\8f6f\96c5\9ed1"; padding:0 12px; margin-left:1px; color:#666; background:#eee;}
.page a i{ line-height:40px; font-weight:500; vertical-align:top;}
.page a:hover{ background:#4285f4; color:#fff}
.page span{display:inline-block;background:#199600;color:#fff; padding:0 12px; margin-left:1px;font:bold 14px/34px "\5fae\8f6f\96c5\9ed1";}