﻿.sonbg{ background:#f5f4f4; overflow:hidden;}
.sonBanner{ width:100%; margin:0 auto; overflow:hidden;}
.imgcen{ width:100%; overflow:hidden; position:relative;}
.imgcenbox{ position:relative; left:50%; clear:left; float:left; text-align:center;}
.imgcenbox img{ display:block; float:left; position:relative; right:50%; width:auto; max-width:inherit;}
.sonmain{ overflow:hidden; padding:20px 0;}
.sonlt{ width:250px; float:left;}
.sonrt{ width:910px; float:right;}
.sonnav{ background:#fff;}
.sonnav h3{ width:100%; background:#f4880a; height:100px; display:flex; flex-wrap:wrap; align-content:center; text-align:center; justify-content:center; color:#fff; font-size:25px; font-weight:normal; line-height:30px; padding-top:10px; box-sizing:border-box;}
.sonnav h3 span{ width:100%; font-weight:normal; text-transform:uppercase; font-size:14px;}
.sonnav .navlsit{ border:solid 1px #ececec; border-bottom:none;}
.sonnav .navlsit > ul{ background:#FAFAFA;}
.sonnav .navlsit a{ display:block;}
.sonnav .navlsit > ul > li.navtog_down a{ background:url(/images/style/navtogLink.png) no-repeat 93% 18px;}
.sonnav .navlsit > ul > li.navtog_up a{ background:url(/images/style/navtogHover.png) no-repeat 93% 18px;}
.sonnav .navlsit > ul > li > a{ font-size:14px; padding:10px 30px; cursor:pointer; border-bottom:1px solid #ececec; position:relative; display:block;}
.sonnav .navlsit > ul > li > a:after{ content:""; position:absolute; width:3px; height:15px; left:15px; top:16.5px; background:#d6d6d6;}
.sonnav .navlsit > ul > li.navtog_up > a, .sonnav .navlsit > ul > li > a.nlink, .sonnav .navlsit > ul > li > a:hover{ color:#f4880a; background-color:#f1f1f1;}
.sonnav .navlsit > ul > li.navtog_up > a:after{ background:#f4880a;}
.sonnav .navlsit > ul > li > ul{ display:none; background:#fff;}
.sonnav .navlsit > ul > li > ul > li a{ border-bottom:dashed 1px #d9d9d9; font-size:14px; padding:8px 0; position:relative; padding-left:46px; background:none !important;}
.sonnav .navlsit > ul > li > ul > li a:after{ content:""; position:absolute; width:5px; height:5px; left:30px; top:20px; background:#8b8b8b; border-radius:50%;}
.sonnav .navlsit > ul > li > ul > li a.nlink,.sonnav .navlsit > ul > li > ul > li a:hover{ color:#f4880a;}
.sonnav .navlsit > ul > li > ul > li a.nlink:after, .sonnav .navlsit > ul > li > ul > li a:hover:after{ background:#f4880a;}

.rttitle{ border-bottom:1px dotted #c9c9c9; height:30px; margin-top:30px; overflow:hidden; background:url(/images/style/sonRtBg.png) no-repeat 5px 5px; padding-bottom:5px;}
.rttitle h3{ color:#f08300; float:left; padding-left:40px; font-size:18px;}
.locatit{ background:url(/images/style/loca_bg.jpg) no-repeat left center; font-size:12px; float:right; margin-right:2px; margin-top:4px;}
.locatit span{ padding-left:18px;}
.locatit a{ font-size:12px;}
.rboxCont{ padding:0 0 20px 0; margin:10px auto 0; overflow:hidden;}
.user_left{ width:100%; overflow:hidden;}
.user_right{ width:100%; overflow:hidden;}
.honor{ overflow:hidden; margin-top:50px;}
.honor ul{ position:relative; overflow:hidden; padding:0 50px; display:table;}
.honor ul:before{ content:""; position:absolute; left:0; bottom:0; width:50px; height:75px; background:url(/images/style/honorBgL.png) no-repeat;}
.honor ul:after{ content:""; position:absolute; right:0; bottom:0; width:50px; height:75px; background:url(/images/style/honorBgR.png) no-repeat;}
.honor ul li{ float:left; width:202px; text-align:center; background:url(/images/style/honorBgList.png) repeat-x left bottom;}
.honor ul li p{ height:75px; margin:0; line-height:25px; padding-top:25px; overflow:hidden; box-sizing:border-box;}
.honor ul li a:hover p{ color:#d21f3c;}
.honor ul li dl{ display:table; width:100%; height:185px;} 
.honor ul li dl dt{ display:table-cell; vertical-align:bottom;}
.honor ul li img{ max-width:186px; max-height:185px;}
.honor ul li aside{ display:inline-block; position:relative;}
.honor ul li aside:after{ background:url(/images/style/honorBgList2.png) no-repeat right top; position:absolute; right:-24px; top:0; height:100%; content:''; width:24px;}

.Related_news ul li{ width:49%; float:left; margin-right:2%; line-height:40px; border-bottom:dashed 1px #ccc; overflow:hidden; position:relative;}
.Related_news ul li:nth-child(2n){ margin-right:0;}
.Related_news ul li:after{ content:""; position:absolute; top:19px; left:10px; width:4px; height:4px; background:#ccc; border-radius:50%;}
.Related_news ul li a{ display:block; padding-left:23px;}
.Related_pro{ width:100%; margin:0 auto; overflow:hidden;}
.Related_pro ul{ width:100%; margin:5px auto 0; overflow:hidden;}
.Related_pro ul li{ width:24.1%; float:left; overflow:hidden; margin-right:1.2%;}
.Related_pro ul li:nth-child(4n){ margin-right:0;}
.Related_pro ul li .proImg{ width:100%; height:220px; padding:4px; border:solid 1px #c4c4c4; overflow:hidden; text-align:center; display:block; box-sizing:border-box; 
                            display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
                            align-items:center; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; 
                            justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; 
                            flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; -o-flex-direction:column;}
.Related_pro ul li .proImg:hover{ border-color:#ff8401;}
.Related_pro ul li .proImg img{ width:100%; height:100%;}
.Related_pro ul li .proTit{ width:100%; height:20px; line-height:20px; display:block; text-align:center; overflow:hidden; margin:10px 0;}
.pager{ width:100%; text-align:center; margin:15px auto 0; overflow:hidden;}
.pager a{ display:inline-block; padding:10px 18px; height:20px; background:#fff; overflow:hidden; line-height:20px; margin:0 6px; color:#ccc; border:solid 1px #ddd; font-family:"宋体";}
.pager a:hover{ background:#e94c00; color:#fff;}
.pager span{ font-weight:bold; color:#f70; display:inline-block; padding:10px 18px; line-height:20px; height:20px; overflow:hidden; margin:0 6px; border:1px solid #ddd;}
.pager span b font{ color:inherit;}
.clmlist ul{ overflow:hidden; margin-top:5px;}
.clmlist li{ overflow:hidden; margin-bottom:15px;}
.clmlist li .sClmPic{ width:270px; height:170px; display:block; float:left; overflow:hidden;}
.clmlist li .sClmPic img{ width:100%; height:100%;}
.clmlist li div{ width:565px;}
.clmlist li .sClmTit{ font-size:16px; font-weight:bold; display:block; margin-top:10px; color:#ff8401;}
.clmlist li p{ height:120px; line-height:24px; overflow:hidden; margin-top:5px;}
.job{ margin-top:20px;}
.job li{ padding:20px; overflow:hidden; background:#f6f4f4;}
.job li:nth-child(2n){ background:#fff;}
.job li .jobTit{ line-height:35px; overflow:hidden; margin-bottom:5px;}
.job li .jobTit h3{ float:left; font-size:27px; font-weight:normal;}
.job li .jobTit span{ float:right; display:inline-block;}
.job li .jobTit span b{ font-size:16px; font-weight:normal; margin-right:15px;}
.job li p{ line-height:35px; overflow:hidden; padding:0 2px;}
.job li .jobName{ color:#872631;}
.coop .iTitle p{ width:70%; margin:15px auto 0;}
.coop .sNews .sNewsPage a{ top:145px;}
.coopCt{ height:596px; background:url(/images/style/coopBg.jpg) no-repeat; overflow:hidden; margin-top:40px;}
.coopCt h2{ text-align:center; margin-top:62px; font-size:32px; height:40px; line-height:40px;}
.coopCt ul{ overflow:hidden; margin:10px 0 0 16px;}
.coopCt ul li{ width:243px; float:left;margin-right:13px;}
.coopCt ul li b{ display:block; color:#e54515; text-align:center; font-size:18px; padding-bottom:5px; margin-top:175px;}
.coopCt ul li p{ font-size:15px; padding:0 25px; text-align:justify;}
.coopCt2 dt{ text-align:center; margin-top:62px; font-size:32px; line-height:40px;}
.coopCt2 dd{ margin-top:40px; padding:0 50px;}
.coopCt2 dd p{ font-size:18px; line-height:34px; margin-top:10px;}
.sAboutCt dt{ text-align:center; font-size:34px; line-height:40px; color:#a61735; font-weight:bold;}
.sAboutCt .Tit{ margin-top:20px; padding:0 100px;}
.sAboutCt .Tit p{ font-size:16px; text-indent:32px; margin-top:6px; line-height:34px; text-align:justify;}
.sAboutCt .Pic{ text-align:center; margin-top:30px;}
.sAboutCt .Pic video{ width:900px; height:500px; object-fit:fill; display:block; margin:0 auto;}
.sAboutCt2{ overflow:hidden; margin-top:10px;}
.sAboutCt2 dd{ margin-top:30px; text-align:center;}
.sDL{ margin-top:20px;}
.sDL dt a{ width:100%; background:#f4880a; height:100px; display:flex; flex-wrap:wrap; align-content:center; text-align:center; justify-content:center; color:#fff; font-size:25px; font-weight:normal; line-height:30px; padding-top:10px; box-sizing:border-box;}
.sDL a span{ width:100%; font-weight:normal; text-transform:uppercase; font-size:14px;}
.sLtCont dd{ background:#fafafa; border:solid 1px #ececec; padding:10px 15px;}
.sLtPro dd{ overflow:hidden; background:#fafafa; border:solid 1px #ececec; }
.sLtPro dd ul{ padding:5px 7px 10px; overflow:hidden;}
.sLtPro dd li{ float:left; width:49%; margin-right:2%; margin-top:2%;}
.sLtPro dd li:nth-child(2n){ margin-right:0;}
.sLtPro dd li a{ display:block; border:solid 1px #ececec; padding:3px; background:#fff; overflow:hidden;}
.sLtPro dd li a:hover{ border-color:#ff8401;}
.sLtPro dd li span{ display:block; height:20px; line-height:20px; overflow:hidden; font-size:12px; width:95%; margin:5px auto; text-align:center;}
.sVideo{ overflow:hidden;}
.sVideo video{ width:650px; height:450px; object-fit:fill; display:block; margin:15px auto;}

/* messageboard --begin-- */
.div_msg{ margin-top:20px;}
.div_msg .high,.div_msg .formtips{ color:Red;}
.div_msg .msg_list{ margin:8px 0; padding:6px 0;}
.div_msg .msg_list .msg_tt{ width:19%; float:left; display:inline-block; font-size:16px; text-align:right; padding-right:5px;}
.div_msg .msg_list #pro_name{ display:inline-block; font-size:16px;}
.div_msg .msg_list .msg_ipt{ border-radius:3px; border:1px solid #ccc; padding:4px 0; text-indent:3px; outline:0; width:35%; margin-right:5px;}
.div_msg .msg_list #tb_content{ width:50%;}
.div_msg .div_yzm{ position:relative;}
.div_msg .msg_list #ymz{ width:12%;}
.div_msg .msg_list #yzmpic{ cursor:pointer; overflow:hidden; margin-left:10px; position:absolute; top:8px; left:32%;}
.div_mess_btn{ padding-top:10px;}
.div_mess_btn .msg_tt{ height:28px;}
.div_mess_btn .buttonStyle{ margin-right:20px;}
/* messageboard --/end-- */

/* ealbum --begin-- */
#div_ealbum{ width:915px; overflow:hidden; margin:10px auto 0; background:#fff; padding:12px;}
/* ealbum --/end-- */

/* userpage --begin-- */
.div_user{ margin:0 auto; overflow:hidden;}
.div_user img{ vertical-align:bottom;}
#contmap img{ max-width:inherit;}
/* userpage --/end-- */

/* newslist --begin-- */
.div_news{ overflow:hidden; margin:0 auto; width:98%;}
.div_news ul{ padding:0; margin:0; width:100%;}
.div_news ul li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #ccc;}
.div_news ul li a{ line-height:30px; float:left; padding-left:20px; background:url(/index/images/style/top_sonmenu_icon.gif) no-repeat 5px center;}
.div_news ul li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}
.div_news .news_gif{ padding-left:5px;}
.div_news_show{ margin:0 auto; text-align:left;}
.div_news_show .sNShowTit{ text-align:center; display:block;  line-height:40px; margin:0; font-size:24px; margin-bottom:10px;}
.div_news_show #p_info{ text-align:center; border:dashed 1px #e0e0e0; font-size:12px; color:#999; margin-bottom:10px;}
.div_news_show img{ vertical-align:bottom;} 
.newslist_ct{ margin:20px auto 0; overflow:hidden;}
.newslist_ct li{ width:100%; height:160px; overflow:hidden; margin-bottom:20px; padding-bottom:20px;}
.newslist_ct li a{ display:block; overflow:hidden;}
.newslist_ct li .snews_pic{ width:240px; height:160px; float:left; border:solid 1px #e0e0e0; box-sizing:border-box;}
.newslist_ct li .snews_pic img{ width:100%; height:100%;}
.newslist_ct li div{ width:calc(100% - 260px); height:160px; float:right; overflow:hidden; padding:0 10px; border-bottom:dotted 1px #dadada; box-sizing:border-box;}
.newslist_ct li .pNewsLt{ width:80%;}
.newslist_ct li .pNewsLt .snews_tt{ display:block; font-size:18px; font-weight:bold; height:28px; overflow:hidden; margin-top:18px;}
.newslist_ct li .pNewsLt span{ display:block; height:84px; line-height:28px; overflow:hidden; margin-top:10px;}
.newslist_ct li .pNewsRt span{ display:inline-block; margin-top:18px;}
.newslist_ct li .pNewsRt span b{ font-size:24px;}
.newslist_ct li .pNewsRt .snewsMore{ color:#f4880a; text-align:right; margin-top:34px;}
.sQuest{ padding:10px; overflow:hidden;}
.sQuest li{ border-bottom:dotted 1px #ccc; padding:10px; margin-bottom:10px;}
.sQuest li p{ width:100%; line-height:22px; overflow:hidden; margin-bottom:15px;}
.sQuest li p b{ width:22px; height:23px; line-height:22px; text-align:center; float:left; display:block; color:#fff; background:#ff8401; margin-right:10px; border-radius:5px;}
.sQuest li p span{ width:calc(100% - 32px); float:left;}
.sQuest li .questA b{ background:#666;}

.sonNews{ overflow:hidden; margin-top:30px;}
.sNews{ width:1300px; margin:30px auto 0; position:relative;}
.sNews .sNewsPage a{ width:40px; height:50px; position:absolute; top:126px; background-color:#999; background-image:url(/images/style/sNewsPage.png); background-repeat:no-repeat; display:block; opacity:0.50; filter:alpha(opacity=50); border-radius:5px;}
.sNews .sNewsPage a:hover{ opacity:1; filter:alpha(opacity=100); background-color:#d21f3c;}
.sNews .sNewsPage .prev{ left:0; background-position:-1px center;}
.sNews .sNewsPage .next{ right:0; background-position:-39px center;}
.sNews .sNewsCt{ width:1200px; margin:0 auto; overflow:hidden;}
.sNews .sNewsCt li{ width:380px; margin:0 10px; float:left; overflow:hidden;}
.sNews .sNewsCt li a, .sNews .sNewsCt li span{ display:block; overflow:hidden;}
.sNews .sNewsCt li .iNewsPic{ height:250px; border:solid 1px #e0e0e0; box-sizing:border-box;}
.sNews .sNewsCt li .iNewsPic img{ width:100%; height:100%;}
.sNews .sNewsCt li .iNewsTit{ height:28px; font-size:16px; font-weight:bold; padding:10px 2px 0;}
.sNews .sNewsCt li .iNewsKey{ max-height:66px; line-height:22px; color:#999; padding:0 2px; margin-top:6px;}
.sNews .sNewsCt li .iNewsDate{ color:#999; margin-top:10px; padding:0 2px; letter-spacing:1px;}
.sNews .sNewsCt li .iNewsDate b{ font-size:24px; font-weight:normal;}
.coop .sNews .sNewsCt li img{ width:100%; height:340px;}
/* newslist --/end-- */

/* tags --begin-- */
.tags{ padding-bottom:40px; overflow:hidden;}
.tags .locatit{ float:none; margin:20px auto 0;}
.tTitle{ border-bottom:solid 1px #ededed; padding:20px 2px 15px;}
.tagsBox{ -moz-column-count:6; -webkit-column-count:6; column-count:6; -moz-column-gap:10px; -webkit-column-gap:10px; column-gap:10px; margin-top:20px;}
.tagsCt{ padding:10px; margin-bottom:10px; -moz-page-break-inside:avoid; -webkit-column-break-inside:avoid; break-inside:avoid; border-bottom:dashed 1px #ededed; line-height:18px;}
.tagsList ul{ overflow:hidden;}
.tagsList ul li{ width:49%; float:left; overflow:hidden; margin-right:2%; margin-top:20px; padding-bottom:15px; border-bottom:solid 1px #ededed;}
.tagsList ul li:nth-child(2n){ margin-right:0;}
.tagsList ul li .tagsTit{ height:28px; line-height:28px; display:block; font-size:16px; font-weight:bold;}
.tagsList ul li .tagsKey{ height:66px; line-height:22px; margin-top:3px; overflow:hidden; padding:0 2px;}
.tagsList ul li div{ padding:0 2px; margin-top:3px; overflow:hidden;}
.tagsList ul li .tagsIco{ float:left; display:block; padding-left:25px; background-image:url(/images/style/tagsIco.png); background-repeat:no-repeat; font-size:12px; color:#999;}
.tagsList ul li .tagsLm{ background-position:left 5px; margin-right:30px;}
.tagsList ul li span{ background-position:left -39px;}
.tagClass{ overflow:hidden; padding:15px 0 10px;}
.tagClass b{ padding-right:6px;}
.tagClass a{ border:solid 1px #eee; border-radius:5px;  padding:0 10px; margin:0 8px 8px 0; display:inline-block;}
.tagClass a:hover{ color:#e62131; border-color:#e62131;}
/* tags --/end-- */

/* piclist --begin-- */
.products{ overflow:hidden; margin-top:10px;}
.products ul{ width:100%; overflow:hidden;}
.products ul li{ width:31.6%; float:left; overflow:hidden; margin-right:2.6%;}
.products ul li:nth-child(3n){ margin-right:0;}
.products ul li .proImg{ width:100%; height:290px; padding:3px; border:solid 1px #c4c4c4; overflow:hidden; text-align:center; display:block; box-sizing:border-box;
                         display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; 
                         align-items:center; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; 
                         justify-content:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; 
                         flex-direction:column; -webkit-flex-direction:column; -ms-flex-direction:column; -moz-flex-direction:column; -o-flex-direction:column;}
.products ul li .proImg:hover{ border-color:#ff8401;}
.products ul li .proImg img{ width:100%; height:100%;}
.products ul li .proTit{ width:100%; height:20px; line-height:20px; padding:15px 0; font-size:14px; display:block; text-align:center;}
.sPro{ overflow:hidden; margin-top:10px;}
.sProBox{ overflow:hidden;}
.sProPram{ width:435px;}
.sProPram .h1{ color:#f4880a; line-height:40px; padding:10px 0;}
.sProPram .box{ overflow:hidden; line-height:28px; margin-top:5px;}
.sProPram .box strong{ height:28px; line-height:inherit; display:inline-block; text-align:justify; float:left;}
.sProPram .box strong i{ width:100%; display:inline-block;}
.sProPram .box b{ float:left; display:inline-block; padding-left:2px;}
.sProTel{ font-size:18px; color:#ff8400; padding:10px 0;}
.sProTel span{ text-align:left; padding-left:50px; display:inline-block; background:url(/images/style/wapPhone.png) no-repeat left; background-size:40px;}
.sProTel b{ display:block; font-size:22px; font-family:Arial}
.inquireBox .buttonStyle{ margin-right:10px;}
.inquireBox .sProWechat{ position:relative;}
.inquireBox .sProWechat .sProWechatCode{ width:106px; display:block; position:absolute; overflow:hidden; left:-7px; top:40px; background:#ff8401; border:solid 1px #da251d; border-radius:5px; padding:5px; padding-bottom:0;}
.inquireBox .sProWechat .sProWechatCode.on{ top:-153px;}
.inquireBox .sProWechat .sProWechatCode img{ width:106px; height:106px;}
.inquireBox .sProWechat .sProWechatCode span{ font-size:14px; display:block; overflow:hidden; height:32px; line-height:32px;}

.pcwrt{ width:475px; float:right;}
.pcwrt .pcwrt-tit{ font-size:25px; padding:15px 0 2px; line-height:30px; -webkit-font-smoothing:antialiased;}
.pcwrt_det{ padding:10px 3px 15px; color:#777;}
.pcwrt_det,.pcwrt_det p{ line-height:30px; font-size:16px;}
.pcwrt .inquire a{ float:left;}
.picshow_fx .div_fenxiang{ width:1300px; margin:0 auto 10px;}
.picshow_fx .div_fenxiang div{ float:left;}
.showpage{ margin-top:15px;}
.showpage a{ display:block;}
.picshow_tit{ margin-top:15px; margin-bottom:10px; border-bottom:solid 1px #d1d1d1; border-left:solid 5px #ff8401; text-indent:12px; line-height:32px;}
.picshow_tit h4{ font-size:16px;}
.picCont{ width:98%; margin:0 auto;}
.piclist li{ overflow:hidden; padding:20px 0 15px;}
.piclist li .proImg{ width:180px; height:180px; display:block;}
.piclist li .proImg img{ width:100%; height:100%; box-sizing:border-box; border:solid 1px #ececec;}
.piclist li .flt{ width:700px; height:179px; border-bottom:1px dotted #9e9e9e;}
.piclist li .Tit{ overflow:hidden; line-height:32px; padding:30px 0 10px;}
.piclist li .Tit .link{ height:32px; line-height:inherit; display:block; background:#EC8811; color:#fff; float:left; text-align:center; padding:0 30px; overflow:hidden;}
.piclist li .Tit .more{ float:right; width:85px; background:#AEAEAE; color:#fff; line-height:inherit; text-align:center;}
.piclist li p{ color:#8c8c8c; padding:0 2px;}
.piclist li p b{ color:#333;}
.photott{ width:100%; text-align:center; background:#EC8811; font-size:16px; color:#fff; font-weight:bold; padding:5px 0; margin-top:10px;}
.photopic{ text-align:center; margin-top:20px;}
.photoParm{ padding:20px 0 10px;}
/* piclist --/end-- */

/* 产品详细页多图展示 */
.pcwlt{ width:450px; float:left;}
.pcwlt .view a{ width:100%; height:100%; display:block;}
.pcwlt .view img{ box-sizing:border-box; position:relative; top:50%; left:0; right:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.view .swiper-container{ width:450px; height:450px;}
.view .swiper-slide{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 1px #f1f1f1; text-align:center; background:#fff;}
.preview{ width:100%; margin-top:1rem; position:relative;}
.preview .swiper-container{ width:450px; height:100px;}
.preview .swiper-slide{ width:90px; height:90px; height:100%;}
.preview .swiper-slide img{ width:90px; height:90px; padding:5px;}
.preview .arrow-left,.preview .arrow-right{ position:absolute; top:50%; margin-top:-9px; width:9px; height:18px; z-index:10;}
.preview .arrow-left{ background:url(/index/images/style/feel3.png) no-repeat left top; left:6px;}
.preview .arrow-right{ background:url(/index/images/style/feel4.png) no-repeat left bottom; right:6px;}
.preview img{ padding:1px; box-sizing:border-box; border:1px solid #f4f4f4; cursor:pointer; background:#fff;}
.preview .active-nav img{ padding:1px; border:1px solid #f4880a; background:#fff;}
.swiper-container{ margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;}
.swiper-wrapper{ position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-free-mode > .swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto;}
.swiper-slide{ float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{ -ms-touch-action:pan-y;}
.swiper-wp8-vertical{ -ms-touch-action:pan-x;}
.relplants,.reltarget{ position:absolute; z-index:888;}
.pcwlt .view .reltarget{ display:none;}
/* END 产品详细页多图展示 */

/* pdfshow --begin-- */
#div_pdf_show{ width:98%; margin:0 auto;}
#div_pdf_show h1{ height:55px; line-height:50px; text-align:center; overflow:hidden; font-size:20px; padding:0; margin:0 auto;}
#div_pdf_show div{ width:100%; height:800px;}
#div_pdf_show object{ width:100%; height:800px;}
#div_pdf_help{ width:98%; text-align:right; margin:5px auto 0;}
#div_pdf_help a{ text-decoration:underline;}
#div_pdf_qa{ border:dashed 1px #adf; width:95%; padding:2%; line-height:21px; display:none;}
/* pdfshow --/end-- */
.div_job{ width:98%; margin:0 auto; overflow:hidden;}
.div_fenxiang{ width:1300px; margin:0 auto 10px; overflow:hidden;}
.div_fenxiang div{ float:right; overflow:hidden;}
#div_navpage{ width:98%; margin:0 auto; overflow:hidden;}
#div_navpage .dl_navpage{ width:100%; overflow:hidden; margin:0 auto 15px;}
#div_navpage .dl_navpage dt{ width:100%; height:30px; line-height:30px;}
#div_navpage .dl_navpage dt strong{ float:left; font-size:14px; padding-left:5px;}
#div_navpage .dl_navpage dt a{ float:right; font-family:宋体; padding-right:10px;}
#div_navpage .dl_navpage dd{ width:100%; overflow:hidden;}
#div_navpage .dl_navpage dd .nav_news li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #89a442;}
#div_navpage .dl_navpage dd .nav_news li a{ line-height:30px; float:left; padding-left:20px; background:url(/images/style/defa_news_ic.gif) no-repeat 5px center;}
#div_navpage .dl_navpage dd .nav_news li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}

#div_navpage .dl_navpage dd .nav_pro li{ width:168px; float:left; overflow:hidden; text-align:center; height:227px; margin:0 2px; _display:inline;}
#div_navpage .dl_navpage dd .nav_pro li div{ width:160px; height:194px; line-height:194px; padding:3px; border:solid 1px #c4c4c4; overflow:hidden;}
#div_navpage .dl_navpage dd .nav_pro li div a{ width:160px; height:194px; display:table-cell; vertical-align:middle; text-align:center; *font-size:175px;}
#div_navpage .dl_navpage dd .nav_pro li div a img{ width:160px; vertical-align:middle; display:inline;}
#div_navpage .dl_navpage dd .nav_pro li span a{ width:100%; height:20px; line-height:20px; border:none; color:#0066cc; padding:5px 0 0 0; display:inline-block;}

#div_survey{ text-align:left; margin:0 auto; width:100%; overflow:hidden;}
#div_survey ul{ padding:0; margin:0; width:100%;}
#div_survey ul li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #ccc;}
#div_survey ul li a{ line-height:30px; float:left; padding-left:24px; background:url(/images/style/lct.gif) no-repeat 5px center; font-size:14px; color:#FF0000;}
#div_survey ul li a:hover{ text-decoration:underline;}
#div_survey ul li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}

#dl_surshow{ width:95%; margin:10px auto 0; overflow:hidden;}
#dl_surshow dt{ width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; border-bottom:solid 1px #ccc; text-align:center;}
#dl_surshow dd{ width:98%; margin:10px auto 0; overflow:hidden; line-height:28px;}
#dl_surshow dd ul li{ width:100%; height:28px; line-height:28px; overflow:hidden; margin-bottom:3px;}
#dl_surshow dd ul li div{ height:28px; line-height:28px; _display:inline;}
#dl_surshow dd ul .su_lt{ width:358px; float:left;}
#dl_surshow dd ul li #su_rad{ float:left; margin-top:5px;}
#dl_surshow dd ul li .sp_tt{ padding-left:5px; font-size:14px; float:left;}
#dl_surshow dd ul li .su_sum{ width:60px; display:inline-block; float:left; padding-left:10px;}
#dl_surshow dd ul li .su_bfb{ width:130px; display:inline-block; float:left;}
#dl_surshow dd ul li .su_pic{ float:left; width:120px; background:#F6F6F6;}
#dl_surshow dd ul li .su_pic img{ margin:11px 0 0 10px;}
#dl_surshow dd ul li .but_sur{ cursor:pointer; width:38px; height:23px; line-height:23px; margin:0 10px;}


