@charset "utf-8";

body{font-size: 12px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
/*.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{padding:0;margin:0;}*/
.container{ min-width: 1200px;}
@media (max-width:320px) {
	
}

ul,li,dl,dd,dt{ margin:0; padding: 0; list-style: none; }
textarea{ resize: none; }
input:focus,textarea:focus,button:focus{ outline: none; }

a{ color: #333; font-size: 12px; outline: none;}
a:hover{ color: #ef8300; text-decoration: none; transition: 0.2s}
a:focus{ color: #333; text-decoration: none; }

.margin_t10{ margin-top: 10px }
.margin_t20{ margin-top: 20px }
.margin_t30{ margin-top: 30px }

/*右侧悬浮*/
.float_div{ position: fixed; z-index: 999; right: 0; top: 68%; background: #f5f5f5; border:1px solid #e4e4e4; border-top:none; }
.float_div a{ position: relative; display: block; width: 60px; height: 60px; border-top:1px solid #e4e4e4;}
.float_div a s{ margin-top: 8px }
.float_div .icon_online{ display: inline-block; width: 24px; height: 24px; background: url(../img/icon/icon_online.png) center no-repeat; }
.float_div .icon_video{ display: inline-block; width: 24px; height: 24px; background: url(../img/icon/icon_video.png) center no-repeat; }
.float_div .icon_phone{ display: inline-block; width: 24px; height: 24px; background: url(../img/icon/icon_phone1.png) center no-repeat; }
.float_div .icon_arrow{ display: inline-block; width: 24px; height: 24px; background: url(../img/icon/icon_arrow.png) center no-repeat; }

.float_div a:hover{ background: #ef8300; color: #fff }
.float_div a:hover .icon_online{ background: url(../img/icon/icon_online_w.png) center no-repeat; }
.float_div a:hover .icon_video{ background: url(../img/icon/icon_video_w.png) center no-repeat; }
.float_div a:hover .icon_phone{ background: url(../img/icon/icon_phone1_w.png) center no-repeat; }
.float_div a:hover .icon_arrow{ background: url(../img/icon/icon_arrow_w.png) center no-repeat; }

.float_div a .phone_layer{ position: absolute; left: -200px; top: 0; padding:5px 10px; background: #ef8300; border-radius: 10px 0 0 0; color: #fff; opacity: 0; visibility: hidden; transition: 0.3s }
.float_div a .phone_layer:after{ position: absolute; content: ''; right: -12px; top: 50%; margin-top: -6px; border:6px solid transparent; border-left-color: #ef8300 }
.float_div a .phone_layer .num{ font-size: 20px }
.float_div a:hover .phone_layer{ visibility:visible;  opacity: 1; left: -160px; }

.video_box{ display: none; position: fixed; z-index: 999; left: 0; bottom:0; width: 500px; height: 330px; background: #fff; border:8px solid #ef8300; }
.video_box .close_video{ position: absolute; z-index: 1000; right: 10px; top: 10px; background: rgba(239,131,0,0.6); width: 34px; height: 34px; border-radius: 50%; color: #fff; line-height: 34px; text-align: center; font-size: 24px; }
/*nav*/
.header_nav{ height: 100px; line-height:100px; }
.header_nav .col-xs-3,.header_nav .col-xs-8,.header_nav .col-xs-2{ padding-right: 0; padding-left: 0 }
.header_nav .top_nav li{ position: relative; z-index: 99; display: inline-block; margin:0 5px; padding: 0 25px;}
.header_nav .top_nav li>a{ display: inline-block; font-size: 16px}
/*.header_nav .top_nav li:first-child{ margin-left: 0 }*/
.header_nav .top_nav li.active>a{ color: #ef8300;}
.header_nav .top_nav li:before{ content:''; position: absolute; bottom:0; left: 0; width: 0; border-bottom: 4px solid #ef8300; transition: 0.3s }
.header_nav .top_nav li.active:before,.header_nav .top_nav li:hover:before{width: 100%;}

.consult_phone span{ display: inline-block; position: relative; top: 10px; line-height: 20px; color: #999}
.consult_phone b{ color: #ef8300; font-size: 16px }


.top_nav dl{ display: none; position: absolute; z-index: 999; left: 0; right:0; top: 101px; background: #fff; box-shadow: 0 7px 7px rgba(0,0,0,0.3); border-radius: 0 0 5px 5px }
.top_nav dl a{ display: block; padding: 0 5px; height: 40px; line-height: 40px; color: #959595; font-size: 14px; overflow: hidden; }
.top_nav dl a:hover{ background: #ef8300; color: #fff; font-weight: bold; }
.top_nav dl dd:last-child a:hover{border-radius: 0 0 5px 5px}
.top_nav li:hover dl{ display: block; animation: showUp .3s}

/*.nav li:hover dl dd:first-child{box-shadow: 0 5px 2px rgba(0,0,0,0.1) inset}*/

@keyframes showUp
{
	from {opacity:0; top: 120px}
	to {opacity:1; top: 101px}
}
@-webkit-keyframes showUp
{
	from {opacity:0; top: 120px}
	to {opacity:1; top: 101px}
}
@-moz-keyframes showUp
{
	from {opacity:0; top: 120px}
	to {opacity:1; top: 101px}
}
@-o-keyframes showUp
{
	from {opacity:0; top: 120px}
	to {opacity:1; top: 101px}
}

/*footer*/
.footer_box{ background: #333; padding: 80px 0; color: #fff }
.footer_box h3{ font-size: 14px; }

.footer_nav{ position: relative; border-left: 1px solid #232323; height: 170px; padding-left: 40px; line-height: 26px }
.footer_nav:after{ content: ""; position: absolute; top: 0; left: -1px; width: 1px; height: 24px; border-left: 1px solid #ef8300; }
.footer_nav h3{ margin: 0; margin-bottom: 10px }
.footer_nav a{ color: #a9a9a9 }
.footer_nav a:hover{color: #ef8300}
footer{ height: 50px; line-height: 50px; color: #a9a9a9; background: #212121 }
footer a{ color: #a9a9a9 }

/*内页banner*/
.page_banner{ position: relative; height: 280px; }
.page_banner .page_title{ position: absolute; left: 50%; margin-left: -205px; top: 50%; margin-top: -30px; width: 410px; height: 60px; border:3px solid #fff; border-top:none; color: #fff; font-size: 16px; }
.page_banner .page_title h2{ position: relative; margin:0; margin-top: -17px; font-size: 30px; color: #ef8300 }
.page_banner .page_title h2:after,.page_banner .page_title h2:before{ content: ''; position: absolute; top: 50%; width: 115px; height: 3px; background: #fff; }
.page_banner .page_title h2:before{ left: 0px; }
.page_banner .page_title h2:after{ right: 0px; }

/* 分页 －S */
.pages{text-align:center;margin:20px 0;}
.pages a{display: inline-block; margin:0 3px; padding: 6px 12px;text-decoration: none;background-color: #dfdfdf;border: 1px solid #dfdfdf; border-radius: 3px; font-size: 14px}
.pages a:hover,.pages a.cur{background: #ef8300;border-color:#ef8300;color:#fff;}
.checkpage{ height: 32px; border:1px solid #ddd; width: 60px; padding: 0 5px }
/* 分页 －E */

/* validform表单验证提示 －S */
/* 表单附近 */
.tooltip.left .tooltip-arrow{border-left-color:#f60;}
.tooltip{word-break:keep-all;white-space:nowrap;opacity:1;filter:alpha(opacity=100);display:none;transition:0.2s;}
.tooltip.right .tooltip-arrow{border-right-color:#f60;}
.tooltip.top .tooltip-arrow{border-top-color:#f60;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#f60;}
.tooltip-inner{background-color:#f60;max-width:none;}
/* 底部提示 */
.Validform_checktip{ display: inline-block; margin-left: 10px; color:#999!important;font-size:14px;line-height:34px;}
.Validform_checktip.hastips{background:url(../img/tips.png) no-repeat 0 center;padding-left:20px;}
.Validform_checktip.success{background:url(../img/success.png) no-repeat 0 center;padding-left:20px;color:#096!important; position: relative; top: 14px; height: 38px; display: none}
.Validform_checktip.error{background:url(../img/error.png) no-repeat 0 center;padding-left:20px;color:#f60!important;}
.Validform_checktip.wait{color:#999!important;}
input.error{border-color:#f60;}
/* validform表单验证提示 －E */

/* 超过指定宽度，用省略号代替 */
.ellipsis{display:block;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*强制换行*/
.break_word{word-wrap:break-word;word-break:break-all;}
/*禁止换行*/
.keep_all{word-break:keep-all;white-space:nowrap;}

/*内页面包屑*/
.crumbs{ position: relative; z-index: 9; padding: 35px 0; box-shadow: 0 2px 3px rgba(0,0,0,0.15); }
.crumbs_left b{ font-size: 14px; margin-left: 10px }
.crumbs_left a{ margin:0 5px }
.crumbs_right a{ font-size: 14px; margin-left: 30px; padding: 8px 20px;  }
.crumbs_right .active{background: #ef8300; color: #fff; border-radius: 3px }


/*首页*/
.more{ display: inline-block; height: 32px; line-height: 32px; width: 120px; text-align: center; border:1px solid #ef8300; color: #ef8300; border-radius: 16px }
.more.active{ background: #ef8300; color: #fff }

.index_item{ position: relative; padding: 80px 0 }
.index_item .arrow{ position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; border-radius: 50%; background: #fff; }
.index_item .arrow:after{ content: ""; position: absolute; left: 50%; margin-left: -8px; top: 23px; border:8px solid transparent; border-top-color: #fff }
.index_item .arrow:before{ content: ""; position: absolute; left: 50%; margin-left: -8px; top: 24px; border:8px solid transparent; border-top-color: #666 }

.index_item .index_title h3{ font-size: 24px }
.index_item .index_title div{ position: relative; display: inline-block; height: 12px; padding: 0 55px; border-left:1px solid #999; border-right:1px solid #999;  }
.index_item .index_title div:after{ position: absolute; content: ""; height: 1px; top: 50%; left: 0; width: 50px; border-bottom:1px solid #999; }
.index_item .index_title div:before{ position: absolute; content: ""; height: 1px; top: 50%; right: 0; width: 50px; border-bottom:1px solid #999; }
.index_item .index_title span{ position: relative; z-index: 1; padding: 0 20px; top: -5px; font-size: 14px; color: #666;}
.index_item .index_title span:before{ position: absolute; content: ""; left: -12px; top: 3px; border:6px solid transparent; border-right-color:#999; }
.index_item .index_title span:after{ position: absolute; content: ""; right: -12px; top: 3px; border:6px solid transparent; border-left-color:#999; }

.index_item .item_content{margin-top: 70px}
.item_content h3{ margin:0; font-size: 24px; color: #ef8300 }
.item_content .english_title{ color: #999999 }
.item_content p{ line-height: 30px; font-size: 14px }
.item_content a{ color: #666; margin-top: 60px; }
.item_content a:hover{ background: #ef8300; color: #fff }

.index_product { padding: 52px 0; }
.index_product .index_title{ color: #fff }
.index_product .index_title div,.index_product .index_title div:after,.index_product .index_title div:before{ border-color: #fff }
.index_product .index_title span:after{ border-left-color: #fff }
.index_product .index_title span:before{  border-right-color: #fff}
.index_product .index_title span{ color: #fff}


#focus-img{ position: relative; }
#focus-img .change-btn{ position: absolute; width: 26px; height: 28px; top: 50%; margin-top: -14px }
#focus-img .prev-btn{ background: url(../img/icon/icon_prev.png) center no-repeat; left: -50px }
#focus-img .next-btn{ background: url(../img/icon/icon_next.png) center no-repeat; right: -50px }

.product_content{ position: relative; height:442px; overflow: hidden; }
.product_content ul{ position: absolute; }
.product_content li{ float: left;}
.index_product .product_item{ display: block; margin:0 15px; margin-top: 60px; width: 262px; position: relative; top: 0; padding: 15px; background: #fff; transition: 0.5s }
.product_item .name{ position: relative; line-height: 40px; font-size: 16px; color: #333 }
.product_item .content{ height: 50px; color: #666 }
.product_item .name:after{ content: ""; position: absolute; border-bottom:2px solid #ef8300; bottom:0; left: 46%; right: 46%; transition: 0.5s }
.index_product .product_item:hover{ position: relative; top: -15px; box-shadow: 0 0 25px rgba(255,255,255,0.7) }
.index_product .product_item:hover .name:after{ left: 0; right: 0}

.index_product>div>.more{ margin-top: 40px; font-size: 14px; width: 150px; height: 38px; line-height: 38px; border-radius: 19px }
.index_product>div>.more:hover{ background: #fff; border-color:#fff; }

.index_product .arrow{ z-index: -1; background: #4f4a48 }
.index_product .arrow:before{ border-top-color: #fff }
.index_product .arrow:after{ border-top-color: #4f4a48 }

.index_news .name{ line-height: 25px; }
.index_news .name span{ float: left; margin-right: 10px; width: 50px; height: 50px; background: #cacaca; font-size: 24px; line-height: 50px; color: #fff }
.index_news .name .title{ color: #333; font-size: 14px }
.index_news .name .time{ color: #666 }
.index_news .content{ height: 34px; color: #666 }

.news_item{ margin-top: 60px }
.news_item .more{ background: #cacaca; color: #fff; border:none; }
.news_item>div{ padding: 15px; transition: 0.6s }
.news_item a{ display: block; }
.news_item>div:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.news_item a span{ transition: 0.5s }
.news_item a:hover span{ background: #ef8300 }

.index_leaving .arrow{ background: #f5f5f5 }
.index_leaving .arrow:after{ border-top-color: #f5f5f5 }

.index_leaving .form_contral{ background: #fff; padding: 10px }
.index_leaving .form_contral .title{ width: 50px; float: left; line-height: 24px; font-size: 14px; color: #666 }
.index_leaving .form_contral .title span{ color: #ff0000 }
.index_leaving .form_contral .input_box{ margin-left: 50px; }
.index_leaving .form_contral input,.index_leaving .form_contral select{ border:none; height: 24px; line-height: 24px; width: 100%; font-size: 14px;}
.index_leaving .form_contral textarea{ margin:0; padding: 0; width: 100%; height: 120px; border:none; line-height: 24px; font-size: 14px; }

.index_leaving .more{ background: #ef8300; color: #fff; width: 150px; height: 40px; border-radius: 20px; line-height: 40px; font-size: 14px }
.index_leaving .more:hover{ background: #f60 }

.map_box { position: relative; overflow: hidden;}
/*.map_box .map_bg{ position: absolute; z-index:999; left: 0; top: 0; width: 260px; height: 260px; border-radius: 50%; border:500px solid rgba(0,0,0,0.5); box-sizing:content-box}*/
.map_box .map_bg{ position: absolute; z-index: -2; top: 0; left: 50%; margin-left: -127px; width: 254px; height: 400px; background: url(../img/map_bg.png) no-repeat; }
.map_box:after{ content: ''; position: absolute; left: 50%; right: 0; margin-left: 127px; top: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.map_box:before{ content: ''; position: absolute; right: 50%; left: 0; margin-right: 127px; top: 0; bottom: 0; background: rgba(0,0,0,0.5); }
.contact_us{ width: 100%; position: absolute; z-index: 9; bottom:-25px; color: #fff}
.contact_us li{ float: left; width: 23%; height: 50px; line-height: 50px; padding: 0 15px; margin-right: 1px; background: #ef8300 }
.contact_us li:first-child + li + li + li{ width: 30%; background: #666 }
.contact_us li:first-child + li{ background: #666 }
.contact_us li img{ margin-right: 10px }

/*新闻列表*/
.news_items{ padding: 30px 50px; background: #fff; box-shadow: 0 5px 5px rgba(0,0,0,0.1) }
.news_items table td{ padding: 10px }

.news_items .item{ padding: 30px 0; border-bottom:1px solid #ddd; }
/*.news_items .item:hover{ background: #eee }*/
.news_content{ margin-left: 298px; }
.news_content h4 b{ font-size: 20px }
.news_content p { font-size: 14px; color: #999 }
.news_content span img{ margin-right: 10px; position: relative; top:-2px }
.news_items .img_box{ position: relative; overflow: hidden; }
.news_items .img_box .mark{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity:0; filter: alpha(opacity=0); transition: .3s }
.news_items .img_box .mark:after{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-top:1px solid #fff; border-bottom:1px solid #fff; transition: .3s }
.news_items .img_box .mark:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-left:1px solid #fff; border-right:1px solid #fff; transition: .3s }
.news_items .img_box img{ transition: 0.3s}
.news_items .img_box:hover img{ transform: scale(1.1); }
.news_items .img_box:hover .mark{ opacity: .4; filter: alpha(opacity=60) }
.news_items .img_box:hover .mark:after{ top: 30px; bottom:30px; left: 10px; right: 10px; }
.news_items .img_box:hover .mark:before{ top: 10px; bottom:10px;  left: 30px; right:30px; }

.news_items .more{ border-color:#cacaca; background: #cacaca; color: #fff }
.news_items .more:hover{ border-color: #ef8300; background: #ef8300 }

.news_details{ padding:30px 190px  }
.news_items .news_info span{ color: #999; margin: 0 10px }
.news_items .news_title{ padding-bottom: 30px; border-bottom:1px dashed #e5e5e5; }
.news_items .news_title h1{ font-size: 24px }

.news_footer{ border-top: 1px solid #e5e5e5 }
.news_footer .pager{ text-align: left }
.news_footer .pager li{ position: relative; display: block; padding-left: 15px; }
.news_footer .pager li:before{ content: ""; position: absolute; top: 6px; left: 0; width: 18px; height: 18px; background: #ddd; border-radius: 3px }
.news_footer .pager li:after{ content: ""; position: absolute; top: 9px; left: 6px; border:6px solid transparent; border-left-color:#fff }
.pager .previous>a, .pager .previous>span,.pager .next>a, .pager .next>span{ float: none; font-size: 14px }
.news_footer .pager li>a, .pager li>span{ border: none }
.news_footer .pager li>a, .pager li>span:hover{ background: none }

/*关于我们*/
.about_items h3{ margin:0; font-size: 24px }
.about_items p{ font-size: 14px; line-height: 28px }
.about_items div{ font-size: 12px; }

.about_img{ position: relative; }
.about_img img{ border-radius: 50%; box-shadow: 0 5px 5px rgba(0,0,0,.4) }
.about_img:after{ content: '公司总部'; position: absolute; top: 0; right: 0; width: 110px; height: 110px; border-radius: 50%; background: #ef8300; box-shadow: 0 3px 3px rgba(0,0,0,0.3); line-height: 110px; font-size: 20px; color: #fff; font-weight: bold; }
.about_img:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 45px; height: 45px; border-radius: 50%; background: #ef8300; box-shadow: 0 3px 3px rgba(0,0,0,0.3) }

/*联系我们*/
.contact_title h3{ font-size: 36px }
.contact_title span{ background: #ef8300; color: #fff; padding: 5px 20px; font-size: 16px; }
.contact_info{ padding: 0 80px; font-size: 16px; line-height: 55px; }
.contact_info b{ color: #ef8300 }
.contact_info>div{ border-bottom:1px solid #e5e5e5; color: #666 }

/*访客留言*/
.message_box{ border:4px solid #f2f2f2; border-radius: 2px }
.message_form{margin-top:40px; font-size: 14px}
.message_form .col-xs-3,.message_form .col-xs-9{ padding: 0 }
.message_form input,.message_form select,.message_form textarea{ width: 100%; border:none; }
.message_form select{ height: 32px; padding: 0 }
.message_form textarea{ height: 100px; line-height: 16px; padding: 8px 0 }
.message_form .row{ border:1px solid #ddd; margin: 0 80px; margin-top: 10px; line-height: 30px;}
.message_form span{ color: #ff0000 }
.message_form .message_button{margin:0 80px; margin-top: 10px }
.message_form .message_button button{ width: 100%; border:none; background: #ef8300; color: #fff; height: 36px; line-height: 36px; font-size: 14px }
.message_form .message_button button:hover{ background: #db7800 }

/*产品中心*/
.product_box{ display: block; margin-top: 35px; box-shadow: 0 1px 4px rgba(0,0,0,0.2) }
.product_box .product_img{ position: relative; }
.product_box .product_icon{ opacity: 0; position: absolute; top: 0; left: 0; right: 0; transition: .3s }
.product_box .txt_details{opacity: 0; position: absolute; color: #fff; font-size: 14px; left: 0; right: 0; bottom:0; transition: .3s}
.product_box .product_img .product_bg{opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); transition: .2s }
.product_box .product_name { height: 50px; line-height: 50px; background: #fff; font-size: 16px; transition: .3s }
.product_box:hover .product_name{ background: #ef8300; color: #fff }
.product_box:hover .product_bg{opacity: 1 }
.product_box:hover .product_icon{ opacity: 1; top: 70px}
.product_box:hover .txt_details{ opacity: 1; bottom: 70px}

.details_img img{ border:1px solid #ddd; }
.product_info .name{ position: relative; line-height: 58px; font-size: 30px; color: #ef8300; border-bottom:1px solid #ddd; }
.product_info .name:after{ content: ''; position: absolute; left: 0; bottom:-1px; border-bottom: 2px solid #ef8300; width: 100px }
.product_info .txt .txt_title{ padding: 20px 0 8px 0; font-size: 16px; color: #444 }
.product_info .txt { line-height: 28px; font-size: 14px }

.detaile_title{ margin-top: 50px; padding: 10px 0; border-bottom:1px solid #ddd; font-size: 16px; color: #ef8300 }
.detaile_title img{ margin-right: 10px }

.details_table{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.details_table th,.details_table td{ border-left:1px solid #ddd;}
.details_table th{ background: #f2f2f2 }
.details_trait{ line-height: 28px; font-size: 14px }

/*关于我们*/
.about_box {background: url(../img/about_bg.jpg) center bottom no-repeat; background-color: #f5f5f5}

.about_left{ position: relative; top: -70px; right: -80px; z-index: 0; padding: 40px 170px 40px 40px; background: #fff }
.about_left h3{ color: #333; margin-top: 15px; }
.about_left .english_title{ position: relative; color: #ef8300; padding-bottom: 10px; }
.about_left .english_title:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 40px; border-bottom: 2px solid #ef8300; }
.item_content .about_left a{ margin-top: 20px }

.about_right{ position: relative; left: -80px; background: #fff; padding: 10px; box-shadow: 4px 8px 40px rgba(0,0,0,.15) }
.about_right img{ width: 100%;}

.about_box .index_item .arrow{ background: #f5f5f5 }
.about_box .index_item .arrow:after{ border-top-color: #f5f5f5 }

/*招聘信息*/
.recruit{ padding-bottom: 30px; border-bottom: 1px solid #ddd }
.recruit h3{ font-size: 16px; font-weight: 700 }
.recruit .tags span{ font-size: 14px; color: #666; margin-right: 30px; }
.recruit .recruit_content{ display: none; font-size: 14px }
.recruit .recruit_content h4{ font-size: 14px; }
.recruit .tags a{ color: #ef8300 }