@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:14px; }
body,span,samp,i,em{font-family:Arial, "微软雅黑";}
ul, ol { list-style:none;} 
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:#333; font-size:14px; font-family: "Open Sans"; vertical-align:middle;}
input:focus {outline:none;}
a{ color:#333; text-decoration:none;}
.w1440{max-width:1440px; width:96%; margin:0 auto;}
.w1440:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
img{max-width:100%;}

/* 头部 */
.top_bj{width:100%; background:rgba(255,255,255,0.8); position: relative;transition:all 0.5s; z-index:10 ; box-shadow:0 0 4px #cbcbcb;}
.top_bj:hover{background:#fff;}
.top_bj.active{width:100%; top:0; left:0; background:#fff;}
.top:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0; }
.logo { float:left; margin-top:15px;}
.znen { float:right; border-left:1px solid #e7e7e7; width:143px;line-height:104px; text-align:center; font-size:18px; margin-right:1px;}
.znen a{ display:block;}
.znen:hover a{ background:#ff6501; color:#fff;}

/* 搜索栏 */
.mis { float:right; width:143px; background:#ff6501; padding:22px 0;}
.top_ss { height: 60px; background: url(../images/kuanj.png) center no-repeat; cursor: pointer; transition: 0.5s;}
.top_h.on .top_ss { background: url(../images/tuos.jpg) center no-repeat; height: 65px; }
.ss_bg { position: absolute; left: 0; right: 0; top:105px; z-index: 1000; padding: 10px 0; background: #ff6501; display: none; }
.top_h.on .ss_bg { top: 65px; }
.ss_bg_w { width: 95%; max-width: 1200px; margin: auto; position: relative; padding-right: 40px; }
.ss_gb { position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: url(../images/ss_gb.png) center no-repeat; background-size: 24px auto; cursor: pointer; }
.ss_dw { width: 100%; position: relative; }
.ss_dw input { display: block; font-size: 14px; line-height: 40px; color: #000; background: #fff; width: 100%; padding: 0 60px 0 24px; border-radius: 3px; }
.ss_dw a { position: absolute; right: 0; top: 0; width: 44px; height: 44px; background: url(../images/ss_dw.png) center no-repeat; background-size: 40px auto; }

/* 导航条 */
.dht { float: left; width:60%; margin-top:30px; margin-right:20px; margin-left:5%;}
.nav { position: relative; z-index: 999; }
.nav a { color:#333;}
.nav .nLi { float: left; position: relative; display: inline; text-align: center; width:14%; line-height: 40px; }
.nav .nLi h3 a { display: block; font-size:17px; }
.nav .sub { display:none; left:0px; top:41px; position:absolute; background: rgba(255,255,255,0.7); line-height: 35px; padding: 5px 0; width:180px; text-align: left ; font-size:14px; z-index:999 !important;}
.nav .sub li { zoom:1; }
.nav .sub a { display:block; padding:0 10px; color:#333;}
.nav .sub a:hover { background:#ff6501; color:#fff;}
.nav .on h3 a { background:#ff6501; color:#fff; width:99.5%; line-height:40px; border-radius:5px;}

/*手机导航*/
.sp_nav { width:50px; float:right; position: relative; cursor: pointer; height:40px; margin-top:35px; display: none; background:#eee;}
.sp_nav span { display:block; background:#333; width: 30px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s }
.sp_nav span:nth-of-type(1) { top:10px;}
.sp_nav span:nth-of-type(2) { top:20px;}
.sp_nav span:nth-of-type(3) { top:30px;}
.sp_nav_se span:nth-of-type(1) { top:18px; transform: rotate(45deg);}
.sp_nav_se span:nth-of-type(2) { width:0; }
.sp_nav_se span:nth-of-type(3) { top:18px; transform: rotate(-45deg);}
.sjj_nav { position: fixed; z-index:999; background: #eee; width: 100%; height:100%; font-size: 14px; line-height: 40px; top: -100%; left: 0; overflow: auto; overflow-x: hidden; transition: top ease 0.35s;}
.nav_show { top:104px }
.sjj_nav>ul>li:first-child { overflow: hidden; border-top: 0 }
.sjj_nav>ul>li:first-child>a { float: left; width: calc(100% - 70px) }
.sjj_nav>ul>li:first-child .language { float: right; width: 70px; overflow: hidden; line-height: 30px; margin-top: 5px }
.sjj_nav>ul>li:first-child .language a { width: 35px; float: left; border-left: 1px #ddd solid; text-align: center; color: #999; }
.sjj_nav ul li i { position: absolute; top: 5px; right: 0px; border-left: 1px #ddd solid; height: 30px; padding: 0px 7px 0 7px; }
.sjj_nav ul li i svg { transform: rotate(-90deg); transition: all ease 0.35s }
.sjj_nav ul li .sjj_nav_i_se svg { transform: rotate(0deg);}
.sjj_nav ul li { border-top: 1px #ddd solid; margin-left: 20px; position: relative; line-height: 40px; font-size: 14px; }
.sjj_nav>ul>li:last-child { border-bottom: 1px #ddd solid;}
.sjj_nav ul li ul { display: none }
.sjj_nav ul li a { color:#666; width:100%;display:block;}
.sjj_nav ul li ul li a { color: #999; text-align:left;}
.sjj_nav ul li i svg { width: 20px; height: 20px; fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg { fill:#c9141e;}
.sjj_nav ul li ul li>ul { margin-left: 10px;}

/*banner*/
.block_home_slider { position: relative; line-height: 0px; text-align: center; }/*底部小图标*/
.block_home_slider img { width:100%;}
.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:15px; 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:#fff; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s; }
.block_home_slider .flex-control-paging li a.flex-active { width:34px; background:#ff6501; }

.flexslider { margin:0; padding:0; height:100%;}
.flex-viewport { height:100%;}
.flexslider .slides { height:100%;}
.flexslider .slides li { height:800px; display:none; -webkit-backface-visibility:hidden; list-style-type:none; position:relative; }
#home_slider2 { display:none;}
/* banner */

/*三*/
.zhobu_se { background:#efefef; overflow:hidden;}
.zhobu_xuan { overflow:hidden; margin:80px 0;}
.zhobu_xuan ul {}
.zhobu_xuan li { float:left; width:25%; padding:10px;text-align:center;position:relative;}
.zhobu_xuan li a{ color:#333; display:block;overflow:hidden; z-index:2; position:relative;}
.zhobu_xuan li:after{ content:'';width:0%;height:100%; z-index:1; background:#ff6501; position:absolute;top:0; left:0;  transition:all 0.4s;}
.zhobu_xuan li:before{ content:'';width:0%;height:100%; z-index:1; background:#ff6501; position:absolute;top:0; right:0;  transition:all 0.4s; }
.zhobu_xuan li:hover:after {width:50%;}
.zhobu_xuan li:hover:before {width:50%;}

.zhobu_xuan li .zhobu_xuan_a .zhobu_xuan_a1 {}
.zhobu_xuan li .zhobu_xuan_a .zhobu_xuan_a1 .ts2{ display:none;}
.zhobu_xuan li:hover .zhobu_xuan_a .zhobu_xuan_a1 .ts2 { display:inline-block;}
.zhobu_xuan li:hover .zhobu_xuan_a .zhobu_xuan_a1 .ts1 { display:none;}

.zhobu_xuan li .zhobu_xuan_a span{ font-size:30px; color:#ff6501; line-height:68px; margin-left:10px;transition:all 0.5s;}
.zhobu_xuan li:hover .zhobu_xuan_a  span { font-size:35px; color:#fff;}
.zhobu_xuan li .zhobu_xuan_b { line-height:24px; overflow:auto; height:80px; text-align:left !important;text-indent:30px;transition:all 0.5s;}
.zhobu_xuan li:hover .zhobu_xuan_b { color:#fff; font-weight:bold; height:100px;}



/*产品*/
.cp_sym { overflow:hidden;background:#e6e6e6;}
.cp_zuo { width:28%; float:left; background:#525252; height:602px;}
.more { border:1px solid #cecece; width:152px; line-height:42px; text-align:center; margin:20px auto 0 auto;}
.more a{ color:#9c9696; display:block;overflow:hidden;position:relative}
.more a:hover { color:#fff;}
.more a:after{content:'';width:0%;height:100%;z-index:1;background:#ff6501;display:block;position:absolute;top:0; left:0; transition:all 0.5s; }
.more a span{position:relative;z-index:2; color:#2b2dbc;}
.more:hover a span {color:#fff !important;}
.more:hover a:after{width:100%;color:#fff !important;}
.cp_you { float:left; width:60%;}

/*产品转换*/
.cp_5 { overflow:hidden;}
.cp_5 .hd{ float:right; margin-right:8%; margin-top:40px;}
.cp_5 .hd ul{}
.cp_5 .hd li{ width:260px; line-height:45px; margin-bottom:15px; text-indent:25px; font-size:18px; background:#fff url(../images/sajiao_a.png) no-repeat 90%;}
.cp_5 .hd li a{ display:block;transition:all 0.5s;}
.cp_5 .hd li:hover a{ background:#ff6501 url(../images/sajiao_ab.png) no-repeat 90%; color:#fff;}
.cp_5 .hd li.on{  background:#ff6501 url(../images/sajiao_ab.png) no-repeat 90%;}
.cp_5 .hd li.on a{ color:#fff; display:block;}
.cp_5 .hd li.on:hover a{ color:#fff;}
.cp_5 .bd { overflow:hidden; margin-left:10px; margin-top:40px;}
.cp_5 .bd .abst{ padding:10px 20px; line-height:30px; font-size:14px; margin:10px 0;}
.cp_5 .bd .abst .cp_you_zi { font-size:25px; margin-bottom:20px; text-indent:10px;}
.cp_5 .bd .abst .cp_you_kun {}

.item { margin-left:10px;}
.item .cps_pc { text-align: center; overflow: hidden; }
.item a .cps_pc img { width:100%; height:auto; transition: all .5s; }
.item:hover .cps_pc img { transform: scale(1.1); }

.item .cps_xi { background:#fff; overflow:hidden; border-top:1px solid #eee; position:relative;}
.item .cps_xi:after{content:'';width:100%;height:100%;z-index:1;background:#ff6501;display:block;position:absolute; top:100%; left:0; transition:all 0.5s; }
.item:hover .cps_xi:after { top:0;}

.item .cps_xi .cps_xi_zi { float:left; line-height:56px; text-indent:25px; font-size:16px;position:relative; z-index:2;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:80%;}
.item:hover .cps_xi .cps_xi_zi { color:#fff;}

.item .cps_xi .cps_xi_san { margin-top:15px; margin-right:15px; float:right; position:relative; z-index:2;}
.item .cps_xi .cps_xi_san img{ width:24px !important; height:24px; float:right;}

/*优势*/
.yhws { background:url(../images/bnj_a1.jpg) no-repeat; min-height:600px; overflow:hidden; }
.yhws_a1 { width:30%; float:left; margin-top:227px; color:#fff;}
.yhws_a1 .yhws_a1_a { float:right; position:relative;}
.yhws_a1 .yhws_a1_a .yhws_a1_a_kun {background: url(../images/gusa.png) no-repeat; width:215px; height:57px;}
.yhws_a1 .yhws_a1_a p { font-size:35px; position:absolute; top:14px; right:10px;}
.yhws_a1 .yhws_a1_b { float:right; margin:10px 0; font-size:16px; margin-right:2%;}
.yhws_a1 .yhws_a1_c { float:right; font-size:18px; margin-right:3%;} 
.yhws_a2 { float:left; width:69%; margin-top:90px; background: rgba(255,255,255,0.8); padding:1%;}
.yhws_a2 ul { margin-left:-1%;}
.yhws_a2 li { float:left; width:49%; background:#fff; margin-left:1%; margin-bottom:1%; margin-top:1%; position:relative; height:165px; }
.yhws_a2 li:after{ content:'';width:100%;height:0%; z-index:1; background:#ff6501; position:absolute; top:0; left:0;  transition:all 0.6s;}
.yhws_a2 li:hover:after { height:100%;}
.yhws_a2 li .yhws_a2_1_0 { position:relative; z-index:2;}
.yhws_a2 li .yhws_a2_2 { font-size:25px; margin-bottom:1%; color:#ff6501; padding:4% 4% 0% 4%;}
.yhws_a2 li:hover .yhws_a2_2{ color:#fff; font-size:28px;}
.yhws_a2 li .yhws_a2_xian { width:146px; height:1px; background:#dedede; position:relative; margin:2% 0 2% 4%;}
.yhws_a2 li .yhws_a2_3 { font-size:14px; color:#a4a4a4; overflow:auto; height:90px; padding:2% 4%; z-index:10; position:absolute; top:60px; left:0; transition:all 1s;}
.yhws_a2 li:hover .yhws_a2_3 { color:#fff; height: auto; background:#ff6501;}
.yhws_a2 li:hover{ z-index:999;}

.last_0s_b { overflow:hidden; margin:20px 0 10px 0;}
.last_0s_b dl { float:left; width:30%;}
.last_0s_b dt { line-height:30px; text-indent:10px; font-size:14px; color:#b7b7b7;}
.last_0s_b dd { width:95%;border: 1px solid #e5e5e5;}
.last_0s_b dd input { line-height:40px; text-indent:10px;border:none;}

.last_0s_b2 { overflow:hidden;}
.last_0s_b2 dl { float:left; width:25%;}
.last_0s_b2 dt { line-height:30px; text-indent:10px; font-size:14px; color:#b7b7b7;}
.last_0s_b2 dd { border: 1px solid #e5e5e5; width:95%;}
.last_0s_b2 dd input { line-height:40px; text-indent:10px;border:none;}

.last_0s_bq { overflow:hidden; margin-top:10px;}
.last_0s_bq1 {text-indent:10px; font-size:14px; color:#b7b7b7;line-height:30px;}
.last_0s_bq2 textarea { width: 100%; height: 138px; border: 1px solid #e5e5e5; padding: 10px;}

/*视频*/
.cpzx { background:url(../images/mis.jpg) repeat-y; overflow:hidden;}
.cpzx1 { font-size:30px; text-transform:uppercase; text-align:center; margin-top:100px;} 
.cpzx1 span { color:#ff6501;}
.cpzx2 { font-size:30px; text-align:center;} 
.vos { overflow:hidden; margin:40px 0 105px 0;}
.vos ul { margin-left:-1%;}
.vos li { width:49%; float:left; margin-left:1%; background:#efefef; padding:1%;}
.vos li embed { height:350px;}
.vos_a { line-height:45px; text-align:center; font-size:16px;}

/*公司简介*/
.aosk { background:url(../images/aosa_2.jpg) repeat-y fixed center; height:550px; overflow:hidden;}
.cpzx_se { color:#fff !important;}
.aosk_a { line-height:30px; font-size:16px; color:#fff; margin:30px 0;}
.aosk .more { border:1px solid #fff; width:152px; line-height:42px; text-align:center; margin:0 auto; margin-bottom:100px;}
.aosk .more a{ color:#fff; display:block;overflow:hidden;position:relative}
.aosk .more a:after{content:'';width:0%;height:100%;z-index:1;background:#ff6501;display:block;position:absolute;top:0; left:0; transition:all 0.5s; }
.aosk .more a span{position:relative;z-index:2; color:#fff !important;}
.aosk .more:hover a:after{width:100%;}

/*底部*/
.foot { background:#525252 url(../images/fott.png) no-repeat; overflow:hidden;padding:60px 0;}
.fott_os { font-size: 18px; color: #fff; margin-bottom:10px;}
.fott_sm { float: left; width:51%;}
.fott_sm ul { overflow:hidden;}
.fott_sm li { float: left; margin-left:90px;}
.tott_mw { overflow: hidden; margin-top:15px; line-height:30px;}
.tott_mw p { margin-bottom:2%; font-size:16px;}
.tott_mw p a { color:#999999; display: block;}
.tott_mw p:hover a { color:#fff;}
.foot_ermw { float: left; color:#fff; text-align:center; margin-right:1%;}
.foot_ermw dl {}
.foot_ermw dd { float:left; width:148px; margin-left:30px; line-height:45px;}
.foot_lsw { float:right;}
.foot_lsw1 { font-size:18px; color:#cdcdcd;}
.foot_lsw2 { font-size:30px; color:#fff; margin:20px 0;}
.foot_lsw3 { font-size:18px; color:#cdcdcd;}

.foots { background:#444444; color:#fff; text-align:center; line-height:50px;}

/*内页*/
.hmw { height:350px; }

.ny_dh {background:#f2f2f2; overflow:hidden;}
.ny_dh ul{font-size:0px; text-align:center;}
.ny_dh ul li{display:inline-block; font-size:16px; padding:20px; position:relative; }
.ny_dh ul li a{ color:#333;}
.ny_dh ul li:after{content:""; width:1px; height:14px; margin-top:-7px; background:#ccc; position:absolute; top:50%; left:23px; display:none;}
.ny_dh ul li:before{content:""; width:0; height:3px; background:#ff6501; position:absolute; bottom:0px; left:0px; z-index:1; transition:all 0.5s;}

.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:hover>a{color:#e40202;}
.ny_dh ul li.s.ej>a{background:url(../images/ny_dh_ej2.png) right center no-repeat; font-weight:bold;}
.ny_dh ul li.s>a{color:#e40202;}
.ny_dh ul li.s:before{width:100%;}

.ny_dh1 { margin-top:30px;overflow: auto; white-space: nowrap;}
.ny_dh1 ul{}
.ny_dh1 ul li{font-size:16px; padding:10px; text-align: center; display:inline-block;}
.ny_dh1 ul li a{ color:#333; display:block;}
.ny_dh1 ul li:hover a{ color:#e40202;}
.sd1 { color:#000; font-weight:bold;}

.fhs_be { background:#eee; overflow:hidden; min-height:500px;}
.goyo_nei_ms { overflow:hidden; background:#fff;  margin:30px 0 50px 0;} /*大框*/

.ney_top {  background:#f3f3f3; overflow: hidden; padding:0 1%;}
.ney_top p { float:left; padding-left:10px; font-size:13px; color:#666; padding-top:2px; line-height:45px;}
.ney_top p a { color: #666;}
.ney_top p a.cur { color: #1a1a1a;}

.cps_lsm { background:#f00202; overflow:hidden; color:#fff; padding:10px;}
.cps_lsm  .cps_lsm_1 { font-size:22px; margin-bottom:10px;}
.cps_lsm  .cps_lsm_2 { font-size:14px; line-height:25px;}

/*公司简介*/
.about { margin:2%; overflow:hidden; min-height:300px; line-height:35px; font-size:16px;}

/*内页新闻*/
.nes_zyi { overflow:hidden; padding:1%;}
.nes_zyi dl { background:#fff; padding:1%; overflow:hidden; border-bottom:1px solid #eee; margin-bottom:10px;}
.nes_zyi dl:last-child { margin-bottom:0px;}
.nes_zyi dd { width:230px; float:left;}
.nes_zyi dt { float:right; width:100%;}
.nes_zyi dt a{ display:block; transition:all .5s;}
.nes_zyi dt:hover a{ color:#fcc956; margin-left:10px;}
.nes_zyi dt .nes_zyi_1 { font-size:18px;}
.nes_zyi dt .nes_zyi_2 { margin:10px 0; font-size:14px; line-height:25px; color:#acacac;}
.nes_zyi dt .nes_zyi_sj { position:relative; text-indent:22px; line-height:18px; margin-top:10px;}
.nes_zyi dt .nes_zyi_sj:after {content:""; background:url(../images/xn_1.png) no-repeat; width:40px; height:39px; position:absolute; top:0; left:0px;}

.soluw_ney { overflow:hidden; padding:0 2%;}
.soluw_ney_zi { overflow:hidden; margin-top:30px; font-size:25px; text-align:center;}
.soluw_ney_xian {border:1px solid #eeeeee; margin:10px 0 20px 0%; overflow:hidden;}
.soluw_ney_nei { line-height:30px; margin-bottom:20px; color:#888; font-size:16px;}
.sowa_q1 { overflow:hidden; line-height:30px; font-size:14px;text-align:center; color:#cfcfcf;}

.serv { overflow:hidden; padding:1% 2%;}

/*左右一页*/
.mska_losa { overflow:hidden; margin:30px 0; line-height:40px; border-bottom:1px solid #eee; border-top:1px solid #eee; position:relative; height:80px;}
.mska_losa .mska_losa_1 { width:100%;text-indent:25px;}
.mska_losa .mska_mor { position:absolute; right:0; top:20px; width:120px; background:#ff6501; text-align:center;}
.mska_losa .mska_mor a{ color:#fff; display:block;}


/*下载*/

.download_neyon { overflow:hidden; padding:2%;}

.list_box{}
.duw { text-align:center;}
.list_box table{border-left: 1px solid #CCC; border-top: 1px solid #CCC; background:#FFF;}
.list_box td{border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;height: 50px;padding:0 10px;}
.list_box td .more{ height:40px;line-height:40px; text-align: center; background: #2e81d1; font-size: 12px; padding:0 20px;}
.list_box td .more a{color: #FFF;display: block;}
.list_box td .more a:hover{color: #FFF;display: block;text-decoration: none;}


/*联系方式*/
.aok { margin:1%; overflow:hidden; min-height:300px; line-height:40px; font-size:16px;}
.aok1 { float:left; width:400px;}
.aok1 p { text-indent:25px;}
.aok2 { float:left; width:calc(100% - 400px);}
.aok2_2 { margin-bottom:5px;}
.tu1 { background: url(../images/huis1.png) no-repeat left;}
.tu2 { background: url(../images/huis2.png) no-repeat left;}
.tu3 { background: url(../images/huis3.png) no-repeat left;}
.tu4 { background: url(../images/huis4.png) no-repeat left;}
.tu5 { background: url(../images/huis5.png) no-repeat left;}
.tu6 { background: url(../images/huis6.png) no-repeat left;}
.tu7 { background: url(../images/huis7.png) no-repeat left;}

/*上一页*/
.zuoy { text-align:center; clear:both; color:#fff; margin-bottom:20px; }
.zuoy_ks { width: 120px; display:inline-block; background:#eeeeee; line-height:30px; border-radius:5px;}
.zuoy_ks a { display: block; }
.zuoy_ks:hover a { background: #ff6501; color: #fff; border-radius: 5px; }
.zuoy_mi { width:50px; display:inline-block; background:#ff6501; line-height:35px; border-radius:5px;}

/*合作伙伴*/
.hzhp { overflow:hidden; padding:2% 2% 0 2%;}
.hzhp ul { margin-left:-1%;}
.hzhp li { width:24%; float:left; border:1px solid #eee; margin-left:1%; margin-bottom:20px; line-height:45px; text-align:center; overflow:hidden;}
.hzhp li img { width:366px; height:auto; transition:all .5s;}
.hzhp li:hover img { transform:scale(1.1);}
.hzhp li p{text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 10px;}
.hzhp_a { overflow:hidden;}

/*产品展示*/
.prosa { padding:2% 2% 0% 2%; overflow:hidden;}
.prosa ul { margin-left:-1%;}
.prosa li { float:left; width:24%; margin-left:1%; border:1px solid #eee; margin-bottom:15px;}
.prosa li .cps_pc { text-align: center; overflow: hidden; }
.prosa li a .cps_pc img { width:100%; height:auto; transition: all .5s; }
.prosa li:hover .cps_pc img { transform: scale(1.1); }

.prosa li .cps_xi { background:#fff; overflow:hidden; border-top:1px solid #eee; position:relative;}
.prosa li .cps_xi:after{content:'';width:100%;height:100%;z-index:1;background:#ff6501;display:block;position:absolute; top:100%; left:0; transition:all 0.5s; }
.prosa li:hover .cps_xi:after { top:0;}

.prosa li .cps_xi .cps_xi_zi { float:left; line-height:56px; text-indent:10px; font-size:16px; position:relative; z-index:2;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width:80%;}
.prosa li:hover .cps_xi .cps_xi_zi { color:#fff;}
.prosa li .cps_xi .cps_xi_san { margin-top:15px; margin-right:15px; position:relative; z-index:2;}
.prosa li .cps_xi .cps_xi_san img{ width:24px !important; height:24px; float:right;}




/*产品详情*/
.zoomdemo { padding:1%; overflow:hidden;}
.cpxq_t_l{ float:left; width:30%; margin:10px 0 0 10px;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:13%; height:50px; border:1px #eaeaea solid; 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; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.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;}}
.prodetailtxt{ float: right; width:64%; color:#1a1a1a; line-height:25px; margin-top:1%; margin-right:2%;}
.prodetailtxt .pr_xian{ font-size:20px; border-bottom:1px solid #eee; padding:20px 0 15px; margin-bottom:25px;}
.protxt{ padding:15px 0;border-bottom:1px solid #eee; margin-bottom:30px; word-break: break-all; overflow:auto; height:80px; padding:2%;}
.psw_1 { width:150px; float:left; line-height:35px; background:#ff6501; text-align:center; border-radius: 5px;}
.psw_1 a{ display:block; color:#fff;}
.psw_1:hover { background:#ff6501;}


/*产品转换*/
.pre { width:100%; background:#fff;overflow:hidden;}
.pre_5 { overflow:hidden; margin-top:10px;}
.pre_5 .hd{ line-height:50px; height:50px; width:100%;  position:relative;  font-size:14px; background:#f2f2f2; border-radius:5px 5px 0 0;}
.pre_5 .hd ul{ float:left; position:absolute; left:0px; top:0px; height:32px; width:100%;display: flex; }
.pre_5 .hd ul li{  cursor:pointer; height:50px; text-align:center;color:#464646; flex: 1;display: inline-block; font-size:16px;font-weight:bold;}
.pre_5 .hd ul li.on{ height:50px;  background:#ff6501; color:#fff; border-radius:5px 5px 0 0; }
.pre_5 .bd { float:left; width:100%;}
.pre_5 .bd .abst1{ padding:10px ; line-height:30px; font-size:14px; margin:10px 0;}
.pre_5 .bd .abst1 table{ border-collapse:collapse; border: 1px #ccc solid !important;line-height:30px !important;}
.pre_5 .bd .abst1 table td{ padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px !important;}

.pre_5 .bd table2{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:30px !important;}
.pre_5 .bd table2 td{ padding-left:12px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:30px !important;}