@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:15px; font-family: "Open Sans"; vertical-align:middle;}
input:focus {outline:none;}
a{ color:#333; text-decoration:none;}
img { max-width: 100%;}

.w1440 { max-width:1440px; width:100%; margin:0 auto; }
.w1440:after { content:""; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0;}

.w1640 { max-width:1640px; width:100%; margin:0 auto; }
.w1640:after { content:""; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0;}

.cswka { min-width:1410px;}
@media screen and (max-width:1200px){.cswka { padding:0 1%;}}

/*banner*/
.block_home_slider { position: relative; line-height: 0px; margin-top:100px;min-width:1410px;}
.block_home_slider img { width:100%;}
.block_home_slider .slide { position: relative; overflow: hidden; height:auto; }
.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:95%; text-align: center; }
.block_home_slider .flex-control-paging li { margin: 0px; padding: 0 2px; float:right; *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: #ee8118; }

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

/* 头部 */
.top_bj{width:100%; background:rgba(255,255,255,0.7); position:fixed; top:0; left:0%; 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; }
.top { height:100px;display: flex; justify-content:space-between;}
.logo { padding:10px 0;flex-shrink: 0;}
.dht_1 { margin-top:37px;}
.tos { margin-top:35px;}

/* dht */
.dht { flex-shrink: 0; width:935px;}
.dht ul { }
.dht li {float:left; font-size:16px; text-align:center;  height:100px; line-height:100px; position:relative; padding:0 2.72222%;}
.dht li a{ color:#333;}
.dht li a:hover { color:#ee8118;}
.dht li:hover .dls { display:block;}
.dls { display:none; position:absolute; left:0; top:80px;}
.dls dl {}
.dls dd { width:140px; background:rgba(243,243,243,0.9); line-height:45px;border-bottom: 1px solid #fff; font-size:14px;}
.dls dd a{ color:#000 !important;}
.dls dd:hover a { display:block; background:#ee8118; color:#fff !important;}

.ben a{ color:#ee8118 !important;}

/* 公司简介 */
.sy_abotu { overflow:hidden; margin-top:3%;}
.sy_abotu_zuo { width:700px; float:left;}
.sy_abotu_yuo { width:calc(100% - 740px); float:right;}
.sy_abotu_yuo .sy_abotu_yuo1 { float:left; margin-top:5%;}
.sy_abotu_yuo .sy_abotu_yuo1 .sy_abotu_yuo1_a { font-size:35px;}
.sy_abotu_yuo .sy_abotu_yuo1 .sy_abotu_yuo1_b { font-size:22px; text-transform:Uppercase; margin-top:2%;}
.sy_abotu_yuo .sy_abotu_yuo2 { float:left; margin-top:3%; line-height:35px; font-size:16px;}
.sy_abotu_yuo .sy_abotu_yuo2 span { color:#ee8118;}
.sy_abotu_yuo .sy_abotu_yuo3 { float:left; width:180px; line-height:50px; background:#ee8118; text-align:center; border-radius:25px; margin-top:3%; border:1px solid #ee8118;}
.sy_abotu_yuo .sy_abotu_yuo3 a{ display:block; color:#fff; transition: all 0.5s; }
.sy_abotu_yuo .sy_abotu_yuo3:hover a{background:#fff;  color:#333;border-radius:25px;}
.sy_abotu_yuo .sy_abotu_yuo4 { display:none;}

/* 首页产品 */
.hs { background:#eee; overflow:hidden; padding:2% 0;}
.pos_sd { overflow:hidden; margin-bottom:3%;}
.pos_sd ul { margin-left:-1%; margin-top:3%;}
.pos_sd li { margin-left:1%; width:32.33%; background:#f2f2f2; text-align:center; float:left; padding:1%;}
.pos_sd .pos_sds0 { font-size:20px; margin-top:5%;transition:all .5s; height:30px;}
.pos_sd li:hover .pos_sds0 { display:block; color:#ee8118; font-size:22px;}
.pos_sd .pos_sds1 { font-size:14px; margin-top:2%;}
.pos_sd a .pos_sds1 { color:#bbbbbb;}
.pos_sd .pos_sds2 { text-align:center; margin-top:8%;}
.pos_sd li a .pos_sds2 img { transition:all .5s;}
.pos_sd li:hover .pos_sds2  img { transform: scale(1.1);}

.index_title { font-size: 30px; line-height: 32px; text-align: center; margin-bottom: 20px; }
.index-title-ms { text-align: center; margin-top: 12px; color: #666;}

/*fott*/
.fosw { overflow:hidden; background:#333; text-align:center; padding:20px 0; line-height:30px; color:#fff; border-top:6px solid #ee8118;}

/*内页*/
.hmw { height:350px; margin-top:100px;}

.ao_fuw { overflow:hidden; padding-top:20px;margin-bottom:60px;}

/*左栏目*/
.pds_z { float:left; width:260px;}
.pds_z ul {}
.pds_z li { float:left; background:#f5f5f5; width:100%; line-height:60px; text-indent:25px; margin-bottom:10px;}
.pds_z li a{ display:block;}
.pds_z li:hover a{ background:#ee8118 ; color:#fff;}
.pds_z1 { float:left;background:#f5f5f5; line-height:26px; padding:8% 4%;color:#9c9c9c;}
.pds_z1 p { font-size:20px; margin-bottom:10px; color:#333;}

.about_mss { font-size:30px; line-height:60px;}
.about_mss1 { width:50px; height:2px; background:#ee8118; margin-bottom:20px;}

/*右栏目*/
.pds_y { float:right; width:calc(100% - 310px);}
.pds_zz { overflow:hidden; width:100%;}

.about { overflow:hidden; background:#fff; line-height:30px; font-size:16px; min-height:300px;}
.about span { color:#007dc0; font-weight:bold;}

.ny_skaa { background:#ee8118 !important;}
.ny_skaa a { color:#fff !important;}

/*产品*/
.pds_cp { overflow:hidden;}
.pds_cp ul{ margin-left:-1%;}
.pds_cp li{ float:left; width:32%; margin-left:1%; text-align:center; margin-bottom:20px;}
.pds_cp li:hover a { display:block; color:#ee8118;}
.pds_cp li .pds_cp_a { overflow:hidden; border:2px solid #eee; padding:1px;}
.pds_cp li .pds_cp_a img { transition:all .5s;}
.pds_cp li:hover .pds_cp_a  img { transform: scale(1.1);}
.pds_cp li .pds_cp_z {font-size:16px; margin-top:10px;}

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


/*产品详情*/
.zoomdemo {  overflow:hidden;}
.zoomdemo img { max-width:100%;}
.cpxq_t_l{ float:left; width:50%; margin:2px 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:43%; color:#1a1a1a; line-height:25px; margin-top:1%; margin-right:2%;}
.prodetailtxt p{ font-size:20px; border-bottom:1px solid #dadada; padding:10px 0 15px;}
.protxt{ padding:15px 0;border-bottom:1px solid #dadada; margin-bottom:30px; word-break: break-all; overflow:auto; height:220px;}
.protxt p{ padding:0 5px; /*background:url(../webimages/icon06.jpg) left 15px no-repeat;*/ margin-left:0 !important; color:#a5a5a5; }
.protxt p span{font-size:14px !important;color:#1a1a1a;line-height: 24px !important;display: block;padding: 6px 0;}
.psw_1 { width:150px; float:left; line-height:35px; background:#ee8118; text-align:center; border-radius: 5px; margin-top:5%;}
.psw_1 a{ display:block; color:#fff;}
.psw_1:hover { background:#ec2830 ;}
.pw_1 {line-height:30px; font-size:14px; color:#9c9c9c; margin-top:15px;}

.chxiq { overflow:hidden; margin-top:10px;}
.chxiq .chxiq_1 { background:#f5f5f5; line-height:50px; text-indent:18px; font-size:18px;}
.chxiq .chxiq_2 { padding:2%; width:100%; line-height:25px;}

/*左右一页*/
.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:#ee8118; text-align:center;}
.mska_losa .mska_mor a{ color:#fff; display:block;}


/*下载*/
.download_neyon { overflow:hidden; margin-bottom:20px;}
.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; width:70%;}
.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;}


/*服务*/
.servi {}
.servi_a { float:left; border:6px solid #eee; width:680px;}
.servi_b { float:left; width:calc(100% - 710px ); margin-left:20px; font-size:16px; margin-top:10px;}
.servi_b span { font-size:18px; color:#e4734f; font-weight:bold;}

/*联系我们*/
.contact {} 
.contact ul { margin-left:-1%;}
.contact li { width:32.33%; margin-left:1%; float:left; background:#eee; padding:2%; margin-bottom:10px;}
.contact li .contact_a { margin-bottom:10px;}
.contact li .contact_b { line-height:25px; font-size:16px;}


/*留言*/
.khyu { overflow:hidden;}
.khly_a { line-height:30px; font-size:16px; border:1px #eee solid; padding:1%; margin-bottom:20px; text-align:center;}
.khly_1 { float:left; width:480px; background:#f6f6f6; padding:1%;}
.khly { float:right; background:#f6f6f6; padding:1%; width:calc(100% - 500px);}
.khly ul{}
.khly ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0;}
.khly ul li{ width:48%; float:left; margin-right:2%; border-bottom:1px #eaeaea solid;}
.khly ul li .input_txt{ width:100%; height:55px; line-height:55px; border:none; background:none; font-size:14px !important; text-indent:10px; color:#c4c0c0;}
.khly ul .textarea{ width:100%;}
.khly ul li textarea{ width:100%; height:130px; border:none;background:none; margin-top:10px; text-indent:10px; color:#c4c0c0;font-size:14px !important;}
.khly .more{ width:120px; margin-top:20px; margin-bottom:22px; overflow:hidden;}
.khly .more .input_btn{ width:100%; color:#fff; font-size:16px; line-height:46px; text-align:center; border:none; background:#eb3d00 ;border-radius: 5px;}