﻿@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
body{
	font-family: Arial, "微软雅黑";
	font-size: 14px;
	color:#525252;
}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{ font:100% Lao UI, sans-serif, "微软雅黑"; vertical-align:middle;}
a{ color:#525252; text-decoration:none;}

.w1100{width:1100px; margin:0 auto;}
.w1100:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}

/*欢迎光临*/
.hygl_bj{width:100%; overflow:hidden; background:#17181c;}
.hygl .hygl_wz{float:left; font-size:12px; line-height:38px; color:#ccc;}
.zyw{float:right; overflow:hidden;}
.zyw ul{overflow:hidden;}
.zyw ul li{ line-height:38px; float:left; margin:0 0 0 14px; text-align:center;border-radius: 20px;}
.zyw ul li a{color:#fff;}
/*欢迎光临*/


/*top*/
.top_bjj{width:100%; height:130px;}
.top_bj{width:100%; box-shadow:0 0 8px rgba(0,0,0,0.2); background:#fff; z-index:1;}
.top{ position:relative;}
.top .logo{float:left; height:130px; display:table;}
.top .logo h1{ height:100%; display:table-cell; vertical-align:middle;}
.top .top_rx{ float:right; padding-left:56px; background: url(../images/rx.jpg) center left no-repeat; position:absolute; right:0; top:50%; margin-top:-29px;}
.top .top_rx .top_rx_t{ font-size:16px;}
.top .top_rx .top_rx_b{ font-size:26px; color:#f08519; margin-top:6px;}

/*导航*/
.dh_bj{width:100%; overflow:hidden; background:#17181c;}
.dh_kj ul{overflow:hidden;}
.dh_kj ul li{height:60px; float:left; line-height:60px; text-align:center; margin:0 0 0 20px;}
.dh_kj ul li a{color:#fff; padding:8px 30px;border-radius: 10px;}
.dh_kj ul li a:hover{background:#f08519;}
.dh_kj ul .s a{background:#f08519;}

/*banner*/
.banner{ position:relative;}
.block_home_slider {position: relative;text-align: center;line-height: 0px;margin-right: auto;margin-left: auto;}  /*底部小图标*/
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:50px; height:50px; margin-top:-27px; display:block; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-repeat:no-repeat; background: url(../images/prev.png);}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px;  background-repeat:no-repeat; background: url(../images/next.png);}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:20px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width:40px; height:6px; display:block; background-repeat:no-repeat; background:#fff; text-indent:-9000px; cursor:pointer; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active { background:#fadc4d;}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}

.flexslider {margin: 0; padding: 0; height: auto;}
.flex-viewport{height:100%;}
.flexslider .slides{ height:100%;}
.flexslider .slides > li { height:100%;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */

#home_slider2{display:none;}
/*banner*/


/*......搜索框开始......*/
.search_bj{width:100%; overflow:hidden; border-bottom:1px #ccc solid;}
.search{width:1100px; overflow:hidden;margin:0 auto;}
.search_l{width:718px;float:left;line-height:50px;color:#000;font-size:13px;}
.search_l a{margin-right:8px;color:#666;}
.search_r{width:246px;float:right;}
.box{width:202px;height:24px;float:left;border:none;margin-top:12px;outline:none; border:1px #ccc solid; padding:0 0 0 5px;}
.btn1{width:36px;height:26px;border:none; margin:12px 0 0 0; cursor:pointer; background:#f08519 url(../images/fdj.png) center no-repeat;}



/*......产品中心......*/
.cpzs{ padding:40px 0;}
.sy_bt{color: #f08519;text-align: center;font-size: 30px; line-height: 30px; font-weight:600;}
.mod-hd{ margin:30px 0;}
.tabs {text-align:center; font-size:0px; }
.tabs li { display:inline-block; font-size:14px; padding:14px 14px; border-bottom:1px solid #ccc; border-top:1px #ccc solid; position:relative;}
.tabs li .jt_img{display:none; position:absolute; top:47px; left:50%; margin-left:-3px;}
.tabs li:hover .jt_img{display:block;}
.tabs .active .jt_img{display:block;}
.tabs li:hover { background: #f08519; color: #fff; -webkit-transition: all .5s; transition: all .5s; }
.tabs a { color: #000; }
.tabs a:hover { text-decoration: none }
.tabs .active{ background:#f08519; color:#fff;}
.tabs .active a { color: #fff; }
.more { font-size: 14px; float: right; padding-top: 18px; }
.more a { color: #a5a5b5; }
.more a:hover { text-decoration: none }
.contentbox-five { margin:-2% 0 0 -2%; overflow:hidden;}
.con-five { width: 23%; float: left; margin:2% 0 0 2%; position: relative; overflow: hidden; cursor: pointer;  border: 5px solid #eeeeee;}
.con-five img{width:100%;}
.conimg { width: 100%px; }
.con-five .cpzs_wb{ width: 100%; color: #fff; padding:12px; background:rgba(0,0,0,0.5); position: absolute; left: 0; bottom: -100%; transition:all 0.5s;}
.con-five .cpzs_wb .cpzs_bt{}
.con-five .cpzs_wb .cpzs_wz{}
.con-five:hover .cpzs_wb{bottom:0;}
.txt-five .biao { font-weight: normal; line-height: 28px; font-size: 16px; text-align: left; padding: 5px 5px; }
.txt-five .zhi { font-size: 12px; line-height: 26px; text-indent:10px;}
.case .kks { margin-top: 20px; padding: 25px 0 70px 0; text-align: center; }
.case .kks a { display: inline-block; width: 200px; height: 50px; background: #3f4a55; font-size: 16px; color: #fff; text-align: center; line-height: 50px; -webkit-transition: all .5s; transition: all .5s; }
.case .kks a:hover { background:#2e78a9; }




/*......研发基地......*/
.yfjd_bj{width:100%; background:#f08619;}
.yfjd_kj{width:100%; margin:0 auto; position:relative;}
.yfjd_l{width:50%; overflow:hidden; padding:40px 80px;}
.yfjd_l .yfjd_bt{color:#fff; font-size:30px; line-height:30px;}
.yfjd_l .yfjd_wz{ color:#fff; line-height:40px; font-size:22px; border-top:1px #fff solid; border-bottom:1px #fff solid; margin:30px 0 0 0; padding:20px 0;}
.yfjd_l .sy_yfjd_img{margin-top:30px;}

.yfjd_r{width:50%; height:100%; position:absolute; right:0; top:0; background:url(../images/gsjjjj.jpg) center no-repeat; background-size:cover;}
.yfjd_r iframe{display:none;}


/*......优势......*/
.sy_ys_kj{ padding:60px 0; background:url(../images/ys_bj.png) no-repeat;}
.sy_ys_bt{overflow:hidden; text-align:center;}
.sy_ys_bt .sy_ys_wz{font-size:16px; color:#666666; margin:18px 0 0 0;}
.sy_ys_kj ul{overflow:hidden;}
.sy_ys_kj ul li{ overflow:hidden; margin:60px 0 0 0;}
.sy_ys_kj ul .s .l{float:left;width:44%; overflow:hidden; text-align:right;}
.sy_ys_kj ul .s .r{float:right;width:44%; overflow:hidden; text-align:left;}
.sy_ys_kj ul .ss .l{float:left;width:44%; overflow:hidden; text-align:right;}
.sy_ys_kj ul .ss .r{float:right;width:44%; overflow:hidden; text-align:left;}
.sy_ys_kj ul li .sy_ys_li_bt{ font-size:24px; color:#f08519; margin:40px 0 0 0;}
.sy_ys_kj ul li .sy_ys_li_wz{line-height:24px; margin:12px 0 0 0;}





/*......公司简介......*/
.sy_gsjj_bj{width:100%; padding:60px 0; background:url(../images/gsjj_bj.jpg) center no-repeat;}
.sy_gsjj_r{width:516px; float: right;}
.sy_gsjj_r .sy_gsjj_bt{font-size:30px; line-height:30px; color:#fff;}
.sy_gsjj_r .sy_gsjj_wz{color:#fff; line-height:24px; margin:40px 0 0 0;}
.sy_gsjj_r .sy_gsjj_more{ margin-top:40px;}
.sy_gsjj_r a{ display: inline-block; line-height:30px; padding:0 15px 0 45px; background:#fff url(../images/xq_bj.jpg) left center no-repeat;}



/*......首页新闻......*/
.sy_xw_kj{ margin-top:20px;}
.sy_xw_kj dl{overflow:hidden; margin:0 0 0 -2%;}
.sy_xw_kj dl dd{width:31.33%; border:1px #e9e9e9 solid; padding:8px; margin:0 0 0 2%; float:left;}
.sy_xw_kj dl dd .sy_xw_bt_kj{overflow:hidden;}
.sy_xw_kj dl dd .sy_xw_bt{ float:left; font-size:18px; margin:0 0 6px 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sy_xw_kj dl dd .sy_xw_bt_kj span{ float:right; font-size:13px; margin:4px 0 0 0;}
.sy_xw_kj dl dd .sy_img{ overflow:hidden;}
.sy_xw_kj dl dd ul{overflow:hidden; margin:10px 0 0 0;}
.sy_xw_kj dl dd ul li{ padding:0 0 0 15px; overflow:hidden; background:url(../images/xb.png) left center no-repeat; margin:14px 0 0 0}
.sy_xw_kj dl dd ul li p{width:calc(100% - 90px); float:left; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sy_xw_kj dl dd ul li span{width:70px; text-align:right; float:right; font-size:13px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}



/*......合作伙伴......*/
.sy_hzhb_kj{ margin-top:20px; margin-bottom:40px;}
.sy_hzhb_kj .sy_hzhb_bt{ font-size:30px; padding:0 0 10px 0; background:url(../images/hzhb_bt_bj.png) bottom no-repeat; text-align:center;}
.sy_hzhb_kj ul{overflow:hidden; margin:0 0 0 -2%;}
.sy_hzhb_kj ul li{width:18%; height:100px; float:left; display:table; text-align:center; margin:2% 0 0 2%; border:1px #e9e9e9 solid;}
.sy_hzhb_kj ul li a {height:100%; display: table-cell; vertical-align:middle;}
.sy_hzhb_kj ul li img{max-width:80%; max-height:80px;}




/*......底部......*/
.db_bj{width:100%;background:#333333; padding:30px 0 0 0;}
.db_l{width:calc(100% - 320px); float:left;}
.db_l dl{width:21%;overflow:hidden; float:left; margin:0 4% 0 0;}
.db_l dl dt{ font-size:16px; color:#ccc; margin:0 0 20px 0;}
.db_l dl dd{ margin:6px 0 0 0;}
.db_l dl dd a{color:#858585;}
.db_r{width:280px; border-left:2px #2b2b2b solid; float:right; text-align:center;}
.db_r .db_r_bt{ font-size:16px; color:#ccc;}
.db_r img{max-width:150px; margin:10px 0;}
.db_r p{ font-size:16px; color:#ccc; padding-bottom:20px;}
.db_b{ line-height:24px; padding:13px 0; text-align:center; font-size:15px; color:#ccc; border-top:1px #2b2b2b solid;}
.db_b a{color:#ccc;}



/*......内页banner......*/
.ny_banner{width:100%; height:255px;}

/*位置*/

.wz{width:1100px; margin:0 auto; overflow:hidden; line-height:22px; padding:15px 0; border-bottom:1px #e6e6e6 dashed;}
.wz a:hover{color:#d52720;-webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s;}
/*位置*/


/*内页标题*/
.ny_bt_kj{width:100%;text-align:center;}
.ny_bt_kj .ny_bt{ font-size:18px;}
.ny_bt_kj span{display:block; font-size:13px; color:#999; padding:10px 0; border-bottom:1px #999 dotted; margin:0 0 10px 0;}
/*内页标题*/

/*内页上下篇*/
.ny_sxp{border-top:1px #999 dotted; margin:15px 0 0 0;}
.ny_sxp a{display:block; padding:5px 0;-webkit-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s;}
.ny_sxp a:hover{color:#f08519;}
/*内页上下篇*/




/*内页框架*/
.ny_bj{width:100%; padding:30px 0 40px 0;}
.ny_l{width:210px; float:left;}
.ny_l dl{overflow:hidden;}
.ny_l dl dt{line-height:70px; overflow:hidden; font-size:22px; padding:0 0 0 20px; background:#555555; color:#fff}
.ny_l dl dd{line-height:22px; margin:4px 0 0 0; padding:14px 0; padding-left:20px; font-size:14px; border:1px #e6e6e6 solid; border-left:4px solid #eee; transition:all 0.5s;}
.ny_l dl dd:hover{border-left:4px solid #f08519;}
.ny_l dl .s{border-left:4px solid #f08519;}

.fw{ border-top:6px solid #555;}

.ny_r{width:840px; float:right; background:#fff;}
.ny_r .ny_wb{line-height:22px;}
/*内页框架*/


/*新闻中心*/
.xwzx_kj ul{overflow:hidden; margin:-30px 0 0 0;}
.xwzx_kj ul li{ margin-top:30px; padding-bottom:30px; border-bottom:1px #eaeaea solid; overflow:hidden;}
.xwzx_kj ul li .xwzx_l{width:80px; line-height:70px; float:left; font-size:50px; color:#ccc; border-right:3px #ccc solid;}
.xwzx_kj ul li .xwzx_r{width:calc(100% - 120px); float:right;}
.xwzx_kj ul li .xwzx_r .xwzx_t{overflow:hidden;}
.xwzx_kj ul li .xwzx_r .xwzx_bt{width:calc(100% - 100px);float:left; color:#d52720; font-size:15px; line-height:22px;}
.xwzx_kj ul li .xwzx_r .xwzx_rq{width:70px;display:block; float:right; font-size:13px; color:#ccc;}
.xwzx_kj ul li .xwzx_wz{line-height:22px;}
/*新闻中心*/


/*产品展示框架*/
.cpzs_kj ul{overflow:hidden; margin:-2% 0 0 -2%;}
.cpzs_kj ul li{width:31.33%; float:left; margin:2% 0 0 2%; text-align:center;}
.cpzs_kj ul li .cp_img{overflow:hidden;}
.cpzs_kj ul li .cp_img img{ transition:all 0.5s;}
.cpzs_kj ul li:hover img{transform: scale(1.1);}
.cpzs_kj ul li .cpzs_wz{line-height:22px; padding:14px 0; color:#000;}
/*产品展示框架*/

/*产品详情*/
.cpxq_t{ overflow:hidden;}
.cpxq_t_l{ float:left; width:36%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ max-width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:24%; height:60px; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{ opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0;}
.sp-large a img{ max-width:100%; height:auto;}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {
	.sp-wrap{ margin:0 0 15px 0;}
	#sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}
}
.cpxq_t_r{ float:right; width:60%;}
.cpxq_t_r .cpxq_t_r_bt{font-size:28px; color:#444;}
.cpxq_t_r .cpxq_t_r_wb{border-top:1px solid #eee; padding:20px 0 0 0; margin:20px 0 0 0; line-height:24px; font-size:15px;}
.cpxq_t_r .fh{ line-height:40px; margin-top:30px;}
.cpxq_t_r .fh a{display:inline-block; color:#fff; background:#f08519; padding:0 15px;}

.cpxq_b{ width:100%; margin-top:40px;border-top:3px #f08519 solid; padding:36px 0; }
.cpxq_b .cp_xq_bt{ font-size:18px; line-height:24px; border-left:4px #f08519 solid; padding:0 0 0 20px;}
.cpxq_b .cp_xq_wb{margin:30px 0 0 0; font-size:15px;}
/*产品详情*/

.lxfs_dt{width:100%; height:300px; margin-top:30px; display:none;}


/**************/
.page { text-align: center; clear:left; margin-top:20px; }
.page a { padding: 5px 10px; background: #efefef; margin-right: 2px; color: #666; border-radius: 4px; display: inline-block; }
.page a.current,.page a:hover { color: #fff; background: #f08519; }


.wzdt_bt{font-size:22px; margin-top:10%; margin-bottom:30px; padding-bottom:14px; border-bottom:1px #ddd solid;}
.wzdt dl{width:18%; float:left; margin-left:2%;}
.wzdt dl:nth-child(1){margin-left:0;}
.wzdt dl dt{color:#f08519; font-size:16px; padding-bottom:6px;}
.wzdt dl dd{font-size:13px; margin-top:10px;}

@media screen and (max-width:1260px){
	.wzdt dl{width:100%; float:none; overflow:hidden; margin-left:0; margin-top:30px;}
	.wzdt dl dt{width:100%;}
	.wzdt dl dd{float:left; margin-right:20px;}
}

/*客服*/
.zxkf{position:fixed; right:0; bottom:20%; z-index:10;}
.zxkf ul li{width:50px; height:50px; margin-bottom:1px;}

.zxkf ul .qq{background:#666 url(../images/qq.png); transition:all 0.5s;}
.zxkf ul .qq:hover{background:#f08519 url(../images/qq.png);}
.zxkf ul .qq a{width:50px; height:50px; display:block;}

.zxkf ul .dh{background:#666 url(../images/dh.png); position:relative;}
.zxkf ul .dh:hover{background:#f08519 url(../images/dh.png);}
.zxkf ul .dh a{width:50px; height:50px; display:block;}
.zxkf ul .dh .dh_wz{width:0px; height:50px; overflow:hidden; color:#fff; font-size:15px; line-height:50px; background:#444; position:absolute; top:0; right:50px; transition:all 0.5s;}
.zxkf ul .dh:hover .dh_wz{width:120px;padding-left:10px;}
.zxkf ul .dh .dh_wz span{opacity:0; transition:all 0.5s;-webkit-transition-delay:0.5s;}
.zxkf ul .dh:hover .dh_wz span{opacity:1;}







