@charset "utf-8";

/* CSS Document */



.banner_n img { width:100%; vertical-align:middle; position:relative;}

.cur_cate { position:absolute; top:33%; left:46%;}

.cur_cate h1 { font-size:30px; color:#000;}

.cur_cate span { font-size:16px; color:#000;}



.location {font-size: 14px; line-height: 55px; border-bottom:1px solid #dcdcdc;}

.location a { color:#333;}

.location b { font-weight:normal; color:#ff8717;}

.secondary { text-align:center;}

.secondary li a { display: block; color: #fff;}

.secondary li { background:#000; width:210px; font-size:16px; line-height:46px; display:inline-block; text-align:center;}

.secondary .curmenu, .secondary li:hover { background: #ec6c07; color: #fff;}



.main_n { background:#f7f7f7;}



/*新闻中心*/

.news_list { padding:10px 25px;}

.news_list img { width:300px; height:200px;}

.news_list li { border-bottom:1px solid #e6e6e6; padding-top:20px; padding-bottom:20px;}

.news_right { width:72%; position:relative;}

.news_right h2 { display:inline-block; color:#333; font-size:16px; width:100%; line-height:34px; margin-bottom:8px; margin-top:60px;}

.news_right h2 a { font-size:18px; color:#333; font-weight:600;}

.news_right h2 a:hover { color:#f08619;}

.news_right .news_date { color:#fff; display:block; position:absolute; top:6%; left:-2.7%; background:#ff8717; padding:6px 10px;}

.news_right b { color:#fff; display:block; position:absolute; top:5.9%; left:-3.9%; background:#000; padding:6px 5px; height:20px;}

.news_des { color:#666; line-height:26px;}

.news_right .news_more { padding:6px 20px; border-radius:20px; margin-top:18px; display:inline-block; background:#ff8717; }

.news_right .news_more:hover, .news_right .news_more:hover a { background:#000; color:#fff;}

.news_right .news_more a { font-size:12px; color:#fff; }



/*产品*/

.product { background:#fff; padding-bottom:50px;}

.product_list { padding:20px;}

.product_list li { float:left; width:270px; margin:10px;}

.product_list li img { width:270px; height:319px;}

.product_list li span { font-size:16px; display:block; text-align:center; color:#333; height:50px; line-height:50px; overflow:hidden;}

.product_list li:hover{ box-shadow:0px 1px 30px #ccc; }

.product_list li:hover span { background:#000; color:#fff;}



/*案例*/

.caselist { padding:12px;}

.caselist li { float:left; width:380px; margin:10px 6px; position:relative; display:block;}

.caselist li img { width:380px; height:265px;}

.caselist li div { background: #000; opacity: 0.48; display: block; position: absolute;  width: 380px; height: 265px; top: 0;}

.caselist li .casetit { font-size:26px; display:block; text-align:center; color:#fff; height:50px; line-height:50px; position:absolute; top:29%; left:36%;}

.caselist li b { border-bottom:1px solid #fff; width:80px; position:absolute; top:50%; left:39%;}

.caselist .casedes { display:none;}

.caselist .casemore { display:none;}



.caselist li:hover .casetit { font-size:26px; display:block; text-align:center; color:#fff; height:50px; line-height:50px; position:absolute; top:5%; left:36%;}

.caselist li:hover b { border-bottom:1px solid #fff; width:80px; position:absolute; top:26%; left:39%;}

.caselist li:hover .casedes { display:block; position:absolute; top:30%; left:12%; width:305px; color:#fff; line-height:26px;}

.caselist li:hover .casemore { display:block; position:absolute; top:78%; left:38%; border:1px solid #fff; padding:6px 16px; border-radius:20px;}

.caselist li:hover .casemore a { color:#fff;}





/*关于我们*/

.about_con, .contact_con { padding:20px 20px 20px 20px; background:#fff; width:1160px;}

.about_con p { line-height:32px;  margin-bottom:10px; display:block; font-size:16px;}

.about_con strong { color:#ff8717;} 

.about_con em { display:block; font-size:40px; color:#404040; font-weight:bold; text-align:center; margin-top:80px;}

.about_con .about_pic { width:915px;}

.about_pic_right { display:block; width:312px;}

.about_pic_right img { margin-bottom:15px;}



/*联系我们*/

.contact_intro p { line-height:32px;}

.contact_left { width:425px;}

.contact_logo { text-align:center; display:block; }

.logo_line { border-bottom:1px solid #e6e6e6; width:100%; display:block; padding-bottom:10px;}

.erweima { border-top:1px solid #e6e6e6; padding-top:20px;}

.erweima img { padding-left:70px;}

.erweima span { display:block; color:#ff8717; padding-right:70px; margin-top:36px;}

.contact_right { width:690px;}



/*人才招聘*/

.job_title { height:40px; line-height:40px; background:#ff8717;} 



.job_title li { float:left; font-weight:bold;}







/*分页*/

.text-c{ margin:40px 0px; text-align: center; }

.text-c a{padding:3px 10px; border:1px #d6d6d6 solid; color:#333;}

.text-c span{padding:3px 10px; border:1px #ff8717 solid; display:inline-block; background: #ff8717; color: #fff;}





/*详情*/

.art_content { padding:15px;}

.art_title { font-size:22px; font-weight:normal; text-align:center; margin-top:20px;}

.art_date { text-align:center; color:#999; margin:10px 0;}

.art_info { margin-bottom:30px;}

.art_info p { line-height:30px; text-indent:2em;}

.art_page { border-top:2px solid #F19A56; padding:10px 0;}

.art_page ul li { line-height:30px; height:30px;}

.art_page ul li a { color:#ec6c07;}



/*人才招聘*/

.job_title { height:40px; line-height:40px; background:#ff8717;} 

.job_title li:first-child, .position dd:first-child { padding-left:25px; width:450px;}

.job_title li:last-child, .position dd:last-child{ padding-right:25px; width:28px;}

.job_title li:nth-child(2), .position dd:nth-child(2) { width:332px;}

.job_title li:nth-child(3), .position dd:nth-child(3) { width:300px;}

.job_title li, .position dd { float:left; font-weight:bold;}

.position dd i { background:url(/statics/images/web_images/icon_xjt.jpg) 8px 21px no-repeat; height:40px; width:28px; display:block;}

.position .open dd i { background:url(/statics/images/web_images/icon_sjt.jpg) 8px 21px no-repeat; height:40px; width:28px; display:block;}

.position { background:#fff; height:50px; line-height:50px;}

.job_con { display:none;}

.job_con p { line-height: 20px; text-indent: 2em; margin: 10px 0; display: block;font-size: 14px; color:#666;}

.job_con strong { color:#333; font-weight:bold;}

.job { border-bottom:1px solid #ededed;}



/*在线客服*/

.suspension{position:fixed;z-index:55;right:0;top:50%;width:70px;height:240px;}

.suspension-box{position:relative;float:right;}

.suspension .a{display:block;width:44px;height:44px;background:#000;margin-bottom:4px;cursor:pointer;outline:none;}

.suspension .a.active, .suspension .a:hover{background:#ec6c07;}

.suspension .a .i{float:left;width:44px;height:44px;background-image:url(/statics/images/web_images/side_icon.png);background-repeat:no-repeat;}

.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/statics/images/web_images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}

.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(/statics/images/web_images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}

.suspension .a-qrcode .i{background-position:-44px 0;}

.suspension .a-cart .i{background-position:-88px 0;}

.suspension .a-top .i{background-position:-132px 0;}

.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}

.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(/statics/images/web_images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}

.suspension .d-service{top:0;}

.suspension .d-service-phone{top:34px;}

.suspension .d-qrcode{top:78px;}

.suspension .d .inner-box{padding:8px 22px 12px;}

.suspension .d-service-item{padding:14px 0;}

.suspension .d-service .d-service-item{border-bottom:none;}

.d-service-item a { color:#333;}

.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}

.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(/statics/images/web_images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}

.suspension .d-service-item:hover .i-qq{background-position:center 3px;}

.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(/statics/images/web_images/side_con_icon02.png) no-repeat center center;display:block;}

.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; font-weight:normal;}



.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}

.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}

.suspension .d-service-intro{padding-top:10px;}

.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}

.suspension .d-service-intro i{background:url(/statics/images/web_images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}

.suspension .d-qrcode{text-align:center;}

.suspension .d-qrcode .inner-box{padding:20px 0;}

.suspension .d-qrcode p{font-size:16px;color:#93959c;}