﻿@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{color:#333; font-size:15px; font-family:"Arial", "微软雅黑";}
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{color:#777; font-family: "Open Sans"; vertical-align:middle;}
input:focus {outline:none;}
textarea:focus {outline:none;}
table{width:100%; border:0px; border-left:1px #aaa solid; border-bottom:1px #aaa solid;}table td{height:auto !important; padding:10px !important; border:0px !important; border-top:1px #aaa solid !important; border-right:1px #aaa solid !important;}
table td input{margin-right:6px;}
a{color:#333; text-decoration:none; transition:0.5s;}
.w1600{max-width:1600px; margin:0 auto;width: 96%;}
.w1600:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}



/*top*/
.top_bjj{height:110px;}
.top_bj{width:100%; background:#fff; position:fixed; top:0; left:0; z-index:99; transition:all 0.5s;}
.top_bj:after{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:0; left:0;}
.top .logo{height:110px; float:left; display:table;}
.top .logo a{display:table-cell; vertical-align:middle;}
.top .logo img{transition:all 0.5s;}

.top_dh{float:right; margin-right:54px;}
.top_dh ul{margin-left:-54px;}
.top_dh ul:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.top_dh ul li{ float:left; overflow:hidden; line-height:110px; margin-left:54px; position:relative;}
.top_dh ul li:hover{overflow: visible;}
.top_dh ul li:after{content:""; width:0; height:3px; background:#f6a308; position:absolute; bottom:0; left:0; z-index:3; transition:all 0.5s;}
.top_dh ul li:hover:after{width:100%;}
.top_dh ul li>a{display:block; font-size:17px;}
.top_dh ul li.s>a{color:#f67e08;}
.top_dh ul li.s:after{width:100%;}
.top_dh ul li.s>a:after{opacity:1;}

.top_dh ul li:hover .erji{opacity:1; margin-left:-75px; transition:all 0.5s;}
.erji{width:150px; margin-left:-55px; padding-top:10px; opacity:0; position:absolute; top:47px; left:50%; z-index:2;}
.erji dl{overflow:hidden; padding:10px 0; border-radius:6px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.erji dl dd{font-size:14px; line-height:46px; text-align:center; transition:all 0.5s;}
.erji dl dd a{display:block;}
.erji dl dd:hover a{color:#fff; background:#f6a308;}

.top .zyw{float:right; margin-top:35px;}
.top .zyw a{width:42px; display:block; color:#fff; font-size:17px; line-height:42px; text-align:center; border-radius:18px; background:#f6a308;}

.top .sousuo{height:110px; float:right; display:table; margin-right:54px; cursor:pointer; transition:all 0.5s;}
.top .sousuo .sousuo_an{display:table-cell; vertical-align:middle;}
.top .sousuo .ssk_bj{width:100%; opacity:0; visibility:hidden; position:fixed; right:0; top:160px; z-index:1; transition:all 0.5s;}
.top .sousuo .ssk{width:100%; overflow:hidden; box-shadow:0 0 4px rgba(0,0,0,0.2);}
.top .sousuo .ssk .input_txt{ width:70%; height:50px; float:left; font-size:13px; line-height:50px; padding-left:20px; border:none; background:#fff;}
.top .sousuo .ssk .input_btn{ width:30%; height:50px; float:right; color:#fff; line-height:50px; border:0 none; border-radius:0; cursor:pointer; background:#f6a308;}
.top .sousuo .ssk_bj.p-show{opacity:1; top:140px; visibility:visible;}



/*banner*/
.block_home_slider{width:100%; line-height:0px; text-align:center; position:relative;}
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:30px; 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:12px; height:12px; display:block; background:#f5f5f5; text-indent:-9000px; cursor:pointer; border-radius:8px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:30px; background:#f6a308;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{ display:none; -webkit-backface-visibility:hidden; list-style-type:none; position:relative;}
#home_slider2{display:none;}


.zhz{width:49px;height:49px;overflow:hidden;display:none;flex-shrink:0;position:absolute;margin-top:20px;top:0;right: 12px;z-index:2;}
.zhz samp{position:absolute;left:26%;background:#333;height:2px;width:26px; transition:all 0.5s;}
.zhz .samp1{top:18px}
.zhz .samp2{top:25px;}
.zhz .samp3{top:32px;}
.actxx .samp2{left:-100%;}
.actxx .samp1{transform:rotate(225deg);top:25px}
.actxx .samp3{transform:rotate(-225deg);top:25px;}


/*首页标题*/
.sy_bt{text-align:center; margin-bottom:52px;}
.sy_bt .sy_bt_t{font-size:54px; line-height:42px; font-weight:bold; text-align:center; text-transform:uppercase;}
.sy_bt .sy_bt_t span{color:#f6a308; display:inline-block; 
background-image: -webkit-linear-gradient(135deg, #f6b608, #f69408);
background-image: -moz-linear-gradient(135deg, #f6b608, #f69408);
background-image: -o-linear-gradient(135deg, #f6b608, #f69408);
background-image: linear-gradient(135deg, #f6b608, #f69408);
-webkit-background-clip:text;
color: transparent;
}
.sy_bt .sy_bt_b{font-size:38px; line-height:38px; margin-top:28px;}


/*产品展示*/
.cpzs_bj{width:100%; padding:100px 0; background:#fff;}

.cpzs_dh ul{text-align:center; font-size:0px;}
.cpzs_dh ul li{display:inline-block; line-height:25px;  position:relative;margin:0 30px 10px 30px;padding:0 20px; transition:all 0.3s;}
.cpzs_dh ul li:last-child{padding-right:0;}
.cpzs_dh ul li:last-child:after{display:none;}

.cpzs_dh ul li:hover:after{width:100%;}
.cpzs_dh ul li a{display:block; font-size:18px; line-height:25px; text-align:center; position:relative; z-index:1;color:#fff;}
.cpzs_dh ul li:after{content:'';position:absolute;top:0;right:0;width:100%;height:100%;background:#a9d26c;transform: skewX(-30deg);transition:all 0.3s;}
.cpzs_dh ul li:nth-child(odd):after{background:#eec760;}
.cpzs_dh ul li:hover:after{width:120%;right:-10%;}



.cpzs{position:relative; margin-top:52px;}
.cpzs ul{overflow:hidden; margin-top:-2%; margin-left:-2%;display: flex;flex-wrap: wrap;}
.cpzs ul li{width:18%; float:left; margin-top:2%; margin-left:2%; transition:all 0.5s;}
.cpzs ul li .cpzs_img{overflow:hidden; border:1px #e4e7ea solid; border-bottom:none;}
.cpzs ul li .cpzs_img img{transition:all 0.5s;}
.cpzs ul li:hover .cpzs_img img{transform:scale(1.1);}
.cpzs ul li .cpzs_wb{overflow:hidden; padding:24px 32px; border:1px #e4e7ea solid; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb{border-color:#f6a308; background:#f6a308;}
.cpzs ul li .cpzs_wb .cpzs_wb_l{width:calc(100% - 60px); float:left;}
.cpzs ul li .cpzs_wb .cpzs_wb_l .cpzs_bt{font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb .cpzs_wb_l .cpzs_bt{color:#fff;}
.cpzs ul li .cpzs_wb .cpzs_wb_l .cpzs_wz{color:#777; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:9px; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb .cpzs_wb_l .cpzs_wz{color:#fff;}
.cpzs ul li .cpzs_wb .cpzs_more{width:36px; height:36px; float:right; margin-top:6px; border:1px #ccc solid; border-radius:100%; background:url(../images/cpzs_more.png) center no-repeat; transition:all 0.5s;}
.cpzs ul li:hover .cpzs_wb .cpzs_more{border-color:#fff; background:#fff url(../images/cpzs_more.png) center no-repeat;}



/*公司介绍*/
.gsjs_bj{width:100%; padding:100px 0; background:#f4f6f8 url(../images/gsjs_bj.jpg) bottom center no-repeat; position:relative;}
.gsjs_bj:after{content:""; width:100%; height:100%; background:url(../images/gsjs_bj_dw.png) center no-repeat; position:absolute; top:0; left:0;}
.gsjs{position:relative; z-index:1;}
.gsjs .gsjs_wb{width:46%; float:left;}
.gsjs .gsjs_wb .gsjs_bt .gsjs_bt_t{font-size:54px; line-height:42px; font-weight:bold; text-transform:uppercase;}
.gsjs .gsjs_wb .gsjs_bt .gsjs_bt_t span{color:#f6a308; display:inline-block; 
background-image: -webkit-linear-gradient(135deg, #f6b608, #f69408);
background-image: -moz-linear-gradient(135deg, #f6b608, #f69408);
background-image: -o-linear-gradient(135deg, #f6b608, #f69408);
background-image: linear-gradient(135deg, #f6b608, #f69408);
-webkit-background-clip:text;
color: transparent;
}
.gsjs .gsjs_wb .gsjs_bt .gsjs_bt_b{font-size:38px; line-height:38px; margin-top:28px;}
.gsjs .gsjs_wb .gsjs_bt .gsjs_bt_b span{display:inline-block; font-size:26px; line-height:38px; vertical-align:top; padding-left:78px; position:relative;}
.gsjs .gsjs_wb .gsjs_bt .gsjs_bt_b span:after{content:""; width:36px; height:2px; background:#333; position:absolute; top:18px; left:21px;}
.gsjs .gsjs_wb .gsjs_wz{font-size:17px; line-height:46px; margin-top:44px;}
.gsjs .gsjs_wb .gsjs_more{margin-top:70px;}
.gsjs .gsjs_wb .gsjs_more{width:185px; line-height:50px; overflow:hidden; text-align:center; background:url(../images/gsjs_more.png) center no-repeat; position:relative;}
.gsjs .gsjs_wb .gsjs_more:after{content:""; width:0; height:270%; background: rgba(17,99,204,0.8); transform:translateX(-50%) translateY(-50%) rotate(-60deg); background:#f6a308; position:absolute; top:50%; left:50%; transition:all 0.5s;}
.gsjs .gsjs_wb .gsjs_more:hover:after{width:100%;}
.gsjs .gsjs_wb .gsjs_more a{display:block; color:#f6a308; position:relative; z-index:1;}
.gsjs .gsjs_wb .gsjs_more:hover a{color:#fff;}


.gsjs .gsjs_img{width:43%; float:right;}



/*合作伙伴*/
.hzhb_bj{width:100%; padding:100px 0; background:#fff;}
.hzkh ul{overflow:hidden; margin-top:-1%; margin-left:-1%;}
.hzkh ul li{width:19%; height:114px; float:left; display:table; text-align:center; margin-top:1%; margin-left:1%; border:1px #eaeaea solid; background:#fff;}
.hzkh ul li a{display:table-cell; vertical-align:middle;}
.hzkh ul li img{max-width:70%; max-height:70px;}



/*新闻发布*/
.xwfb_bj{width:100%; padding:100px 0; background:#f3f5f7;}
.xwfb ul{overflow:hidden; margin-top:-14px; margin-left:-20px;}
.xwfb ul li{width:56%; float:left; margin-top:14px;  padding:24px; border:1px #eaeaea solid; background:#fff;}
.xwfb ul li .xwfb_r_img{width:200px; height:148px; float:left;}
.xwfb ul li .xwfb_r_wb{width:calc(100% - 226px); float:right; margin-top:5px;}
.xwfb ul li .xwfb_r_wb .xwfb_r_wb_bt{font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;}
.xwfb ul li:hover .xwfb_r_wb .xwfb_r_wb_bt{color:#f6a308;}
.xwfb ul li .xwfb_r_wb .xwfb_r_wb_wz{height:48px; color:#666; line-height:24px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-top:14px;}
.xwfb ul li .xwfb_r_wb .xwfb_r_wb_rq{color:#666; line-height:20px; margin-top:24px; padding-left:24px; background:url(../images/xwfb_rq.png) left center no-repeat;}

.xwfb ul li:nth-child(1){width:42%; float:left; padding:0; border:none; position:relative;margin-right:2%;}
.xwfb ul li:nth-child(1) .xwfb_r_img{width:100%; height:410px;}
.xwfb ul li:nth-child(1) .xwfb_r_wb{width:100%; margin:0; position:absolute; bottom:0; left:0;}
.xwfb ul li:nth-child(1) .xwfb_r_wb .xwfb_r_wb_bt{color:#fff; line-height:74px; text-align:center; background:rgba(0,0,0,0.5);}
.xwfb ul li:nth-child(1):hover .xwfb_r_wb .xwfb_r_wb_bt{color:#fff;}
.xwfb ul li:nth-child(1) .xwfb_r_wb .xwfb_r_wb_wz{display:none;}
.xwfb ul li:nth-child(1) .xwfb_r_wb .xwfb_r_wb_rq{display:none;}



/*底部*/
.db_bj{width:100%; background: url(../images/db_bj.jpg) bottom center no-repeat;}
.db_yqlj{padding:25px 0; border-bottom:1px #292929 solid;}
.db_yqlj ul{margin-left:-42px;}
.db_yqlj ul li{height:30px; float:left; line-height:30px; margin-left:42px;}
.db_yqlj ul li span{color:#f6a308;}
.db_yqlj ul li:nth-child(1){color:#fff; font-size:22px; line-height:30px; font-weight:bold; letter-spacing:3px; font-family:"微软雅黑";}
.db_yqlj ul li:nth-child(1) span{font-size:28px; line-height:30px; display:inline-block;}
.db_yqlj ul li a{color:#999; font-size:16px;}

.db{margin-top:30px;}
.db .db_dh{float:left; margin-right:100px;}
.db .db_dh .db_dh_bt{color:#f6a308; font-size:18px; position:relative;}
.db .db_dh ul{overflow:hidden; margin-top:16px;}
.db .db_dh ul li{line-height:36px;}
.db .db_dh ul li:nth-child(n+7){display:none;}
.db .db_dh ul li a{color:#999;}
.db .db_dh p{display:none;}
.db .db_dh p a{color:#999;}
.db .db_erweima{width:150px; float:right; text-align:center;}
.db .db_erweima .db_erweima_wz{color:#fff; font-size:16px; margin-top:14px;}
.db_bah_bj{margin-top:80px; padding:20px 0; border-top:1px rgba(255,255,255,0.05) solid;}
.db_bah{color:#fff; line-height:30px; text-align:center;}
.db_bah a{color:#fff;}


/*内页banner*/
.ny_banner_bj{width:100%; height:350px; padding-top:50px;}
.ny_banner .ny_banner_wz ul{font-size:0px;}
.ny_banner .ny_banner_wz ul li{display:inline-block; margin-left:20px; margin-left:12px; padding-left:17px; background:url(../images/ny_banner_wz.png) left center no-repeat;}
.ny_banner .ny_banner_wz ul li:first-child{margin:0; padding:0; background:none;}
.ny_banner .ny_banner_wz ul li a{color:#fff; font-size:16px; line-height:20px;}
.ny_banner .ny_banner_wz ul li a:hover{color:#f6a308;}
.ny_banner .ny_banner_bt{color:#fff; font-size:42px; line-height:42px; font-weight:bold; margin-top:90px;}
.ny_banner .ny_banner_wb{color:#fff; font-size:18px; line-height:20px; margin-top:24px;}


.ny_dh_bj{width:100%; background:#fff; position:relative;}
.ny_dh_bj:after{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:1px; left:0;}
.ny_dh ul{overflow:hidden; font-size:0px;}
.ny_dh ul li{display:inline-block; font-size:17px; line-height:110px; padding-left:48px; position:relative;}
.ny_dh ul li:after{content:""; width:1px; height:14px; margin-top:-7px; background:#ccc; position:absolute; top:50%; left:23px;}
.ny_dh ul li:before{content:""; width:0; height:3px; background:#f6a308; position:absolute; bottom:0px; left:48px; z-index:1; transition:all 0.5s;}
.ny_dh ul li:nth-child(1){padding-left:0;}
.ny_dh ul li:nth-child(1):after{display:none;}
.ny_dh ul li:nth-child(1):before{left:0;}
.ny_dh ul li.s:nth-child(1):before{width:100%;}
.ny_dh ul li a:hover{color:#f6a308;}
.ny_dh ul li.s a{color:#f67e08;}
.ny_dh ul li.s:before{width:calc(100% - 48px);}



/*内页*/
.ny_bj{width:100%; padding-top:70px; padding-bottom:100px; background:#fff;}
.ny_wb{font-size:15px; line-height:30px;}



/*企业荣誉*/
.qyry ul{overflow:hidden; margin-top:-1.5%; margin-left:-1.5%;}
.qyry ul li{width:18.5%; float:left; text-align:center; margin-top:2%; margin-left:1.5%;}
.qyry ul li .qyry_img{overflow:hidden; padding:10px; border:1px #ddd solid; transition:all 0.5s;}
.qyry ul li:hover .qyry_img{border-color:#f6a308;}
.qyry ul li .qyry_img img{transition:all 0.5s;}
.qyry ul li:hover .qyry_img img{transform:scale(1.1);}
.qyry ul li .qyry_wz{font-size:16px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}



/*工厂参观*/
.gccg ul{overflow:hidden; margin-top:-1.5%; margin-left:-2%;}
.gccg ul li{width:23%; float:left; text-align:center; margin-top:2%; margin-left:2%;}
.gccg ul li .gccg_img{overflow:hidden; border:10px #e4e7ea  solid; transition:all 0.5s;}
.gccg ul li:hover .gccg_img{border-color:#f6a308;}
.gccg ul li .gccg_img img{transition:all 0.5s;}
.gccg ul li:hover .gccg_img img{transform:scale(1.1);}
.gccg ul li .gccg_wz{font-size:16px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:20px;}



/*合作伙伴*/
.hzhb ul{margin-top:-2%; margin-left:-2%;}
.hzhb ul:after{content: " "; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.hzhb ul li{width:14.666%; height:130px; float:left; display:table; text-align:center; margin-top:2%; margin-left:2%; border:1px #e1e1e1 solid; border-radius:6px; background:#fff; transition:all 0.5s;}
.hzhb ul li:hover{transform:translateY(-10px); box-shadow:0 10px 10px rgba(0,0,0,0.1);}
.hzhb ul li a{width:100%; display:table-cell; vertical-align:middle;}
.hzhb ul li img{max-width:60%; max-height:80px;}



/*产品分类*/
.cpfl ul{border-left:1px #ddd solid;}
.cpfl ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.cpfl ul li{width:25%; float:left; border:1px #ddd solid; margin-top:-1px; padding-bottom:64px; position:relative;}
.cpfl ul li:nth-child(1n){border-left:none;}
.cpfl ul li .cpfl_wb{width:80%; position:absolute; bottom:40px; left:10%;}
.cpfl ul li .cpfl_wb .cpfl_bt{font-size:18px; line-height:44px; text-align:center; border:1px #e2e2e2 solid; border-radius:6px; background:#f2f2f2; transition:all 0.5s;}
.cpfl ul li:hover .cpfl_wb .cpfl_bt{color:#fff; background:#f6a308;}

.cpfl2 ul{border-left:1px #ddd solid;}
.cpfl2 ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.cpfl2 ul li{width:20%; float:left; border:1px #ddd solid; margin-top:-1px; padding-bottom:64px; position:relative;}
.cpfl2 ul li:nth-child(1n){border-left:none;}
.cpfl2 ul li .cpfl_wb{width:80%; position:absolute; bottom:40px; left:10%;}
.cpfl2 ul li .cpfl_wb .cpfl_bt{font-size:16px; line-height:44px; text-align:center; border:1px #e2e2e2 solid; border-radius:6px; background:#f2f2f2; transition:all 0.5s;}
.cpfl2 ul li:hover .cpfl_wb .cpfl_bt{color:#fff; background:#f6a308;}


/*产品中心*/
.cpzx_dh_bj{width:100%; margin-bottom:54px; background:#fff;}
.cpzx_dh ul{margin-top:-2%; margin-left:-2%;}
.cpzx_dh ul li{float:left; overflow:hidden; margin-top:2%; margin-left:2%; border:1px #ddd solid; border-radius:18px; position:relative; transition:all 0.5s;}
.cpzx_dh ul li:after{content:""; width:0; height:100%; background: -webkit-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -moz-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -ms-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -o-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: linear-gradient(90deg,#f6b608 0,#f69408 100%); position:absolute; top:0; left:0; transition:all 0.5s;}
.cpzx_dh ul li a{display:block; font-size:17px; line-height:50px; text-align:center; padding:0 45px; position:relative; z-index:1;}
.cpzx_dh ul li:hover{background:#f69a08;}
.cpzx_dh ul li:hover a{color:#fff;}
.cpzx_dh ul li.s:after{width:100%;}
.cpzx_dh ul li.s{border:1px #f6b608 solid;}
.cpzx_dh ul li.s a{color:#fff;}

.cpzx{position:relative; margin-top:52px;}
.cpzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;display:flex;flex-wrap:wrap;}
.cpzx ul li{width:23%; float:left; margin-top:2%; margin-left:2%; transition:all 0.5s;}
.cpzx ul li .cpzx_img{overflow:hidden; border:1px #e4e7ea solid; border-bottom:none;}
.cpzx ul li .cpzx_img img{transition:all 0.5s;}
.cpzx ul li:hover .cpzx_img img{transform:scale(1.1);}
.cpzx ul li .cpzx_wb{overflow:hidden; padding:24px 32px; border:1px #e4e7ea solid; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_wb{border-color:#f6a308; background:#f6a308;}
.cpzx ul li .cpzx_wb .cpzx_wb_l{width:calc(100% - 60px); float:left;}
.cpzx ul li .cpzx_wb .cpzx_wb_l .cpzx_bt{font-size:16px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_wb .cpzx_wb_l .cpzx_bt{color:#fff;}
.cpzx ul li .cpzx_wb .cpzx_wb_l .cpzx_wz{color:#777; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:9px; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_wb .cpzx_wb_l .cpzx_wz{color:#fff;}
.cpzx ul li .cpzx_wb .cpzx_more{width:36px; height:36px; float:right; margin-top:6px; border:1px #ccc solid; border-radius:100%; background:url(../images/cpzs_more.png) center no-repeat; transition:all 0.5s;}
.cpzx ul li:hover .cpzx_wb .cpzx_more{border-color:#fff; background:#fff url(../images/cpzs_more.png) center no-repeat;}



/*产品详情*/
.cpxq_dh_bj{width:100%; padding:30px 0; border-bottom:1px #eaeaea solid; background:#fff;}
.cpxq_dh ul{margin-top:-2%; margin-left:-2%;}
.cpxq_dh ul li{float:left; overflow:hidden; margin-top:2%; margin-left:2%; border:1px #ddd solid; border-radius:18px; position:relative; transition:all 0.5s;}
.cpxq_dh ul li:after{content:""; width:0; height:100%; background: -webkit-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -moz-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -ms-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -o-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: linear-gradient(90deg,#f6b608 0,#f69408 100%); position:absolute; top:0; left:0; transition:all 0.5s;}
.cpxq_dh ul li a{display:block; font-size:17px; line-height:50px; text-align:center; padding:0 45px; position:relative; z-index:1;}
.cpxq_dh ul li:hover{border-color:#f6a308;}
.cpxq_dh ul li:hover{background:#f69a08;}
.cpxq_dh ul li:hover a{color:#fff;}
.cpxq_dh ul li.s:after{width:100%;}
.cpxq_dh ul li.s{border:1px #f6b608 solid;}
.cpxq_dh ul li.s a{color:#fff;}

.cpxq_bj{width:100%; padding:90px 0; background:#f8f8f8;}
.cpxq{overflow:hidden;}
.cpxq_l{width:460px; float:left;}
.cpxq_l .cpxq_l_t{width:100%; overflow:hidden; border:1px #ddd solid; border-radius:6px; background:#fff}
.cpxq_l .cpxq_l_b{width:100%; overflow:hidden; margin-top:10px; padding:0 20px; position:relative;}
.cpxq_l .cpxq_l_b a.prev,.cpxq_l_b a.next{display:block;width:12px;height:21px; margin-top:-10px; position:absolute;top:50%;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:all 0s linear;}
.cpxq_l .cpxq_l_b a.prev:hover{background-position:0 -21px;}
.cpxq_l .cpxq_l_b a.next{left:auto;right:0;background-position:0 -42px;}
.cpxq_l .cpxq_l_b a.next:hover{background-position:0 -63px;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj{position:relative; width:100%; overflow:hidden;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul{width:100%; font-size:0px; white-space:nowrap; position:absolute; z-index:10;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block; overflow:hidden;  width:25%; text-align:center; border-radius:6px; cursor:pointer;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img{max-width:98%; border:1px #ddd solid;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li a{display:block; opacity:0.5;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li a.tb-selected{ opacity:1;}
dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;}
dl.op dd{display:inline-block;  width:25%; cursor:pointer;}
dl.op dd img{max-width:98%; border:1px #ddd solid;}
dl.op dd a{display:block;}

.cpxq_r{width:calc(100% - 520px); float:right;}
.cpxq_r .cpxq_r_bt{color:#f69a08; font-size:26px; font-weight:bold;}
.cpxq_r .cpxq_r_xh{font-size:18px; margin-top:14px;}
.cpxq_r .cpxq_r_wb{font-size:16px; line-height:28px; margin-top:40px;}

.cpxq_r_wb .containerb{}
  .buttonb {
  flex: 1 1 auto;
  margin: 4px;
  padding: 4px;
  border: 1px solid #cbcccb;
  text-align: center;
  /*text-transform: uppercase;*/
  position: relative;
  overflow: hidden;
  transition: 0.3s;
  border-radius: 10px;
  width:50%;
}
.buttonb:after {
  position: absolute;
  transition: 0.3s;
  content: "";
  width: 0;
  left: 50%;
  bottom: 0;
  height: 3px;
  background: #f6a308;
}
.buttonb:hover {
  cursor: pointer;
  border: 1px solid #f6a308;
  border-radius: 25px;
  transition: 0.3s;
  color: #f6a308;
}
.buttonb:hover:after {
  width: 100%;
  left: 0;
}

.cpxq_r .cpxq_r_fh{margin-top:50px;}
.cpxq_r .cpxq_r_fh a{overflow:hidden; display:inline-block; line-height:46px; padding:0 40px; border:1px #e1e1e1 solid; border-radius:200px; background:#fff; position:relative;}
.cpxq_r .cpxq_r_fh a:hover{border:1px #f6a308 solid;}
.cpxq_r .cpxq_r_fh a:after{content:""; width:0; height:100%; background:#f6a308; position:absolute; left:0; top:0; transition:all 0.5s;}
.cpxq_r .cpxq_r_fh a:hover:after{width:100%;}
.cpxq_r .cpxq_r_fh a span{ display:block; padding-left:30px; background:url(../images/cpxq_hf_bj.png) left center no-repeat; position:relative; z-index:1; transition:all 0.5s;}
.cpxq_r .cpxq_r_fh a:hover span{background:url(../images/cpxq_hf_bj2.png) left center no-repeat;}
.cpxq_r .cpxq_r_fh a:hover span{color:#fff;}


.cpxq_b_bj{width:100%; padding:90px 0; border-top:1px #eaeaea solid;}
.cpxq_b .cpxq_b_dh{ overflow:hidden; border-radius:4px;}
.cpxq_b .cpxq_b_dh ul{overflow:hidden;}
.cpxq_b .cpxq_b_dh ul li{width:33.33%; float:left; color:#fff; font-size:17px; line-height:60px; text-align:center; padding:0 45px; background:#666; cursor:pointer; transition:all 0.5s;}
.cpxq_b .cpxq_b_dh ul li.active{background:#f6a308;}
.cpxq_b_b {margin-top:42px;}
.cpxq_b_b_kj{font-size:16px; line-height:26px; display:none;}
.cpxq_b_b_kj img{height:auto !important;}
.jqzoom1 img{width:100%;}



/*产品应用*/
.cpyy ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpyy ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%; position:relative;}
.cpyy ul li .cpzx_img{overflow:hidden;}
.cpyy ul li .cpzx_img img{transition:all 0.5s;}
.cpyy ul li:hover .cpzx_img img{transform:scale(1.1);}
.cpyy ul li .cpzx_bt{width:100%; color:#fff; font-size:17px; line-height:20px; padding:24px 40px; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.6);}



/*新闻资讯*/
.xwzx ul{ overflow:hidden; margin-top:-3%; margin-left:-2%;display:flex;flex-wrap:wrap;}
.xwzx ul li{width:31.33%; float:left; margin-top:3%; margin-left:2%; position:relative;}
.xwzx ul li:before{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:0; left:0;}
.xwzx ul li:after{content:""; width:0; height:1px; background:#f6a308; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.xwzx ul li:hover:after{width:100%;}
.xwzx ul li .xw_img{position:relative; z-index:1;}
.xwzx ul li .xw_img img{width:100%;}
.xwzx ul li .xw_wb{padding:35px 25px;}
.xwzx ul li .xw_bt{font-size:18px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s;}
.xwzx ul li:hover .xw_bt{color:#f69408; }
.xwzx ul li .xw_wz{color:#555; font-size:15px; line-height:24px; margin-top:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.6s;}
.xwzx ul li:hover .xw_wz{}
.xwzx ul li .xw_rq{ overflow:hidden; margin-top:18px; transition:all 0.8s; padding-right:14px;}
.xwzx ul li:hover .xw_rq{}
.xwzx ul li .xw_rq span{color:#f6a308; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat; transition:all 0.8s;}


.fwzc ul{margin-top:-25px;}
.fwzc ul li{overflow:hidden; padding:25px 0; position:relative;}
.fwzc ul li:before{content:""; width:100%; height:1px; background:#eaeaea; position:absolute; bottom:0; left:0;}
.fwzc ul li:after{content:""; width:0; height:1px; background:#f6a308; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.fwzc ul li:hover:after{width:100%;}
.fwzc ul li .fwzc_img{width:240px; height:160px; float:left; position:relative; z-index:1;}
.fwzc ul li .fwzc_wb{width:calc(100% - 280px); float:right;  position:relative; z-index:1;}
.fwzc ul li .fwzc_bt{font-size:20px; font-weight:bold; margin-top:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.4s; padding-right:14px;}
.fwzc ul li:hover .fwzc_bt{color:#f6a308; padding-left:14px; padding-right:0;}
.fwzc ul li .fwzc_wz{height:48px; color:#555; font-size:16px; line-height:24px; margin-top:20px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.6s; padding-right:14px;}
.fwzc ul li:hover .fwzc_wz{padding-left:14px; padding-right:0;}
.fwzc ul li .fwzc_rq{ overflow:hidden; margin-top:18px; transition:all 0.8s; padding-right:14px;}
.fwzc ul li:hover .fwzc_rq{padding-left:14px; padding-right:0;}
.fwzc ul li .fwzc_rq span{color:#f6a308; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat; transition:all 0.8s;}


/*新闻详情*/
.xwxq .xwxq_bt{font-size:24px; font-weight:bold;}
.xwxq .xwxq_rq{margin-top:20px;padding-bottom:50px; border-bottom:1px #eaeaea solid;}
.xwxq .xwxq_rq ul{font-size:0px; margin-left:-20px;}
.xwxq .xwxq_rq ul li{display:inline-block; color:#666; font-size:16px; margin-left:20px; padding-right:20px; position:relative;}
.xwxq .xwxq_rq ul li:after{content:""; width:1px; height:10px; margin-top:-5px; background:#ccc; position:absolute; top:50%; right:0;}
.xwxq .xwxq_rq span{color:#f6a308; margin-left:10px; padding-left:18px; background:url(../images/yj.png) left center no-repeat;}
.xwxq .xwxq_wb{font-size:16px; line-height:30px; margin-top:52px;}
.xwxq .xwxq_wb video{max-width:100%;height:auto;}
.xwxq .xwxq_sxp{margin-top:60px; padding-top:40px; border-top:1px #eaeaea solid;}
.xwxq .xwxq_sxp ul{display:flex; text-align:center; justify-content: space-between;}
.xwxq .xwxq_sxp ul li{width:160px; height:44px; border:1px #e1e1e1 solid; border-radius:200px; background:#f2f3f5; transition:all 0.5s;}
.xwxq .xwxq_sxp ul li:nth-child(1){background:#f2f3f5 url(../images/xwxq_sxp_jt_l1.png) center no-repeat;}
.xwxq .xwxq_sxp ul li:nth-child(1):hover{background:#f6a308 url(../images/xwxq_sxp_jt_l2.png) center no-repeat;}
.xwxq .xwxq_sxp ul li:nth-child(3){background:#f2f3f5 url(../images/xwxq_sxp_jt_r1.png) center no-repeat;}
.xwxq .xwxq_sxp ul li:nth-child(3):hover{background:#f6a308 url(../images/xwxq_sxp_jt_r2.png) center no-repeat;}
.xwxq .xwxq_sxp ul li:hover{border:1px #f6a308 solid; background:#f6a308;}
.xwxq .xwxq_sxp ul li a{display:block; width:100%; height:100%; font-size:15px; line-height:42px;}
.xwxq .xwxq_sxp ul li:hover a{color:#fff;}



/*视频专区*/
.spzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.spzx ul li{width:31.33%; float:left; margin-top:2%; margin-left:2%; position:relative;}
.spzx ul li .cpzx_img{overflow:hidden;}
.spzx ul li .cpzx_img img{transition:all 0.5s;}
.spzx ul li:hover .cpzx_img img{transform:scale(1.1);}
.spzx ul li .cpzx_bt{color:#fff; font-size:17px; line-height:50px; padding:0 40px; padding-right:80px; position:absolute; bottom:0; left:0; background:url(../images/spzx_bt_bj2.png) right center no-repeat; transition:all 0.5s;}
.spzx ul li:hover .cpzx_bt{background:url(../images/spzx_bt_bj.png) right center no-repeat;}



/*人才招聘*/
.rczp ul{overflow:hidden; margin-top:-20px;}
.rczp ul li{margin-top:20px; padding:30px; border:1px #eaeaea solid; background:#f8f8f8;}
.rczp ul li .rczp_dj{padding-right:50px;position:relative;}
.rczp ul li .rczp_dj .rczp_bt{font-size:18px;}
.rczp ul li .rczp_dj .rczp_dz{font-size:15px; line-height:24px; margin-top:10px;}
.rczp ul li .rczp_dj .rczp_dw{width:21px; height:21px; margin-top:-10px; cursor:pointer; background: url(../images/rczp_dw.png) top center no-repeat; position:absolute; right:0; top:50%; transition:all 0.5s;}
.rczp ul li .rczp_dj .rczp_dw.active{transform: rotate(90deg); background: url(../images/rczp_dw2.png) bottom center no-repeat;}

.rczp ul li .rczp_kj{display:none;}
.rczp ul li .rczp_m{margin-top:20px; padding-top:20px; border-top:1px #ccc dashed;}
.rczp ul li .rczp_m .rczp_m_t{font-size:15px;}
.rczp ul li .rczp_m .rczp_m_b{margin-top:10px;}
.rczp ul li .rczp_m .rczp_m_b dl{overflow:hidden; margin-left:-10px;}
.rczp ul li .rczp_m .rczp_m_b dl dd{float:left; color:#f6a308; line-height:20px; margin-left:10px; padding:4px 15px; border:1px #f6a308 dashed;}
.rczp ul li .rczp_b{margin-top:25px;}
.rczp ul li .rczp_b .rczp_b_bt{font-size:18px; line-height:20px; font-weight:bold; padding-left:10px; border-left:3px #f6a308 solid;}
.rczp ul li .rczp_b .rczp_b_wb{line-height:24px; margin-top:20px;}



/*联系我们*/
.lxwm_bj{width:100%; padding-top:100px; padding-bottom:100px; background:url(../images/ny_banner9.jpg) center no-repeat;}
.lxwm_wb{margin-top:40px;}
.lxwm .lxwm_dt{width:600px; height:400px; float:left; padding:15px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.1);}
.lxwm .lxwm_wb{width:calc(100% - 650px); color:#fff; float:right; font-size:17px; line-height:36px;} 

/*在线留言*/
.zxly_bj{padding:100px 0; background:#fff;}
.zxly .zxly_wz{font-size:28px; font-weight:bold; text-align:center; margin-bottom:50px;}
.zxly ul{margin-left:-1%;}
.zxly ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.zxly ul li{width:49%; float:left; line-height:14px; color:#444; margin-left:1%; margin-bottom:1%;}
.zxly ul li .input_txt{width:100%; height:50px; color:#666; font-size:15px; line-height:50px; padding:0 20px; border:1px #e5e5e5 solid; border-radius:6px; background:#f2f3f5; }
.zxly ul .textarea{width:99%;}
.zxly ul li textarea{width:100%; height:130px; color:#666; font-size:15px; padding:15px 20px; font-family:"微软雅黑"; border:1px #e5e5e5 solid; border-radius:6px; background:#f2f3f5;}
.zxly .more{overflow:hidden; margin-top:40px; text-align:center;}
.zxly .more .input_btn{width:160px; height:50px; color:#fff; font-size:15px; line-height:50px;  cursor:pointer; border:none; border-radius:300px; background: -webkit-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -moz-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -ms-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: -o-linear-gradient(90deg,#f6b608 0,#f69408 100%);
	background: linear-gradient(90deg,#f6b608 0,#f69408 100%);}