﻿.son_banner{ 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;}
.flexslider,.flex-viewport,.slides,.slides li,.flex-direction-nav li a{ height:100%;}
.flexslider{ position:relative; overflow:hidden; background:url(/index/images/style/bann_loading.gif) no-repeat center center;}
.slides{ position:relative; z-index:1;}
.slides li a{ width:1003px; height:100%; display:block; margin:0 auto;}
.flex-control-nav{ width:1000px; position:absolute; left:50%; bottom:15px; margin-left:-515px; z-index:2; text-align:center; display:none;}
.flex-control-nav li{ display:inline-block; width:10px; height:10px; margin:0 5px; *display:inline; zoom:1;}
.flex-control-nav a{ display:inline-block; width:10px; height:10px; line-height:40px; overflow:hidden; background:#fff; cursor:pointer; border-radius:10px;}
.flex-control-nav .flex-active{ background:#e1af3e}
.flex-direction-nav{ position:absolute; z-index:3; width:100%; top:0;}
.flex-direction-nav li a{ display: block; width:36px; overflow:hidden; cursor:pointer; position:absolute; background-repeat:no-repeat;}
.flex-direction-nav li a.flex-prev{ left:50%; margin-left:-586px; background-position:left center;}
.flex-direction-nav li a.flex-next{ right:50%; margin-right:-586px; background-position:-36px center;}
.flex-direction-nav li a:hover{ background-image:url(/index/images/style/banner_point.png);}
.sonmain{ margin:10px auto 0; padding-bottom:20px;}
.navlsit{ background:#f1f1f1; overflow:hidden;}
.navlsit ul{ text-align:center; overflow:hidden; position:relative;}
.navlsit ul:after{ content:""; position:absolute; left:0; top:39.5px; width:100%; height:0; border-top:dashed 1px #ccc;}
.navlsit ul li{ width:20%; float:left; border-right:dashed 1px #ccc; box-sizing:border-box; line-height:40px;}
.navlsit ul li:last-child, .navlsit ul li:nth-child(5){ border-right:0;}
.navlsit ul li a{ font-size:16px; padding:0 40px;}
.navlsit ul li a.nlink, .navlsit ul li a:hover{ color:#f14f12;}

.rttitle{ overflow:hidden; text-align:center; position:relative;}
.rttitle:after{ content:""; width:100%; height:0; border-top:dashed 1px #c6c6c6; position:absolute; left:0; top:50%; z-index:1;}
.rttitle h4{ font-size:24px; font-weight:bold; display:inline-block; background:#fff; position:relative; z-index:2; padding:0 30px;}
.sTitle{ overflow:hidden; text-align:center; position:relative;}
.sTitle:after{ content:""; width:100%; height:0; border-top:dashed 1px #c6c6c6; position:absolute; left:0; top:50%; z-index:1;}
.sTitle h4{ font-size:24px; font-weight:bold; display:inline-block; background:#fff; position:relative; z-index:2; padding:0 30px;}
.locatit{ background:url(/index/images/style/loca_bg.jpg) no-repeat left center; margin-top:20px;}
.locatit span{ padding-left:18px;}
.rboxCont{ margin:15px auto 0; overflow:hidden; padding-bottom:20px;}
.user_left{ width:100%; overflow:hidden;}
.user_right{ width:100%; overflow:hidden;}

.Related_news ul{ padding:0 5px;}
.Related_news ul li{ line-height:40px; border-bottom:dashed 1px #ccc; overflow:hidden; position:relative;}
.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:105%; overflow:hidden; margin:10px auto 0;}
.Related_pro ul li{ width:180px; float:left; overflow:hidden; margin-right:24px;}
.Related_pro ul li .ver_pic{ width:170px; height:170px; position:relative; display:table-cell; vertical-align:middle; overflow:hidden; border:solid 1px #c4c4c4; padding:4px;}
.Related_pro ul li .ver_pic:hover{ border-color:#f14f12;}
.Related_pro ul li .ver_pic .subpic{ *position:absolute;top:50%;left:50%; text-align:center;}
.Related_pro ul li .ver_pic .subpic img{ vertical-align:middle; *position:relative;top:-50%;left:-50%;}
.Related_pro ul li span{ width:100%; height:20px; line-height:20px; display:block; text-align:center; overflow:hidden; margin:10px 0;}
.pager{ width:100%; text-align:center; margin:8px auto 0; overflow:hidden;}
.pager a{ display:inline-block; padding:5px 10px; height:20px; background:#e9e9e9; overflow:hidden; line-height:20px; margin:0 5px; color:#ccc; border:solid 1px #ddd; font-family:"宋体";}
.pager a:hover{ background:#fff;}
.pager span{ font-weight:bold; color:#f70; display:inline-block; padding:5px 10px; line-height:20px; height:20px; overflow:hidden; background:#fff; margin:0 5px; border:1px solid #ddd;}

/* messageboard --begin-- */
.div_msg{ width:800px; margin:20px auto 0; padding-left:200px;}
.div_msg .high,.div_msg .formtips{ color:Red;}
.div_msg .msg_list{ margin:8px 0; padding:6px 0; line-height:41px;}
.div_msg .msg_list .msg_tt{ width:19%; float:left; display:inline-block; font-size:16px; text-align:right; padding-right:5px; height:40px; line-height:41px;}
.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:12px 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:16px; 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{ width:1000px; margin:30px auto 0; 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{ width:98%; margin:0 auto; text-align:left;}
.div_news_show .sNewsTit{ text-align:center; border-bottom:solid 1px #aaa; display:block;  line-height:40px; margin:0; font-size:19px;}
.div_news_show #p_info{ text-align:right; padding:0; margin:0; color:#999; height:28px;}
.div_news_show img{ vertical-align:bottom;} 
.newslist_ct{ width:98%; margin:10px auto 0; overflow:hidden;}
.newslist_ct li{ width:100%; height:116px; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #dedede;}
.newslist_ct li a{ display:block; overflow:hidden;}
.newslist_ct li .snews_pic{ width:150px; height:100px; float:left; margin-left:8px; padding:5px; border:solid 1px #dedede; box-shadow:0 1px 3px 0 #909090; -moz-box-shadow:0 1px 3px 0 #909090; -webkit-box-shadow:0 1px 3px 0 #909090; border-radius:4px;}
.newslist_ct li .snews_pic img{ width:150px; height:100px;}
.newslist_ct li div{ width:890px; float:right; overflow:hidden; margin-right:15px;}
.newslist_ct li div p{ width:100%; height:26px; line-height:26px; overflow:hidden;}
.newslist_ct li div p .snews_tt{ width:80%; float:left; height:26px; font-size:14px; font-weight:bold;}
.newslist_ct li div p span{ float:right; overflow:hidden;;}
.newslist_ct li div .snews_key{ width:100%; height:60px; line-height:20px; margin-top:4px; color:#7c7c7c;}
.newslist_ct li div .snews_more{ text-align:right; color:#ff0000;}
/* newslist --/end-- */

/* piclist --begin-- */
.products ul{ width:105%; margin:15px auto 0;}
.products ul li{ width:345px; float:left; overflow:hidden; margin-right:29px; margin-bottom:29px; border:solid 1px #cbc9c9; box-shadow:2px 2px 10px -2px #333;}
.products ul li .ver_pic{ width:375px; height:250px; position:relative; display:table-cell; vertical-align:middle; overflow:hidden;}
.products ul li .ver_pic .subpic{ *position:absolute;top:50%;left:50%; text-align:center;}
.products ul li .ver_pic .subpic img{ vertical-align:middle; *position:relative;top:-50%;left:-50%;}
.products ul li .spro_tt{ width:100%; height:50px; line-height:50px; font-size:16px; display:block; text-align:center; overflow:hidden;}
.products ul li:hover .spro_tt{ background:#f14f12; color:#fff;}


.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:100%; margin-top: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 #f14f12; text-indent:12px; line-height:32px;}
.picshow_tit h4{ font-size:16px;}
.picCont{ width:98%; margin:0 auto;}
.photopic{ text-align:center; padding-top:5px;}
.photopic img{ max-width:80%; border:solid 2px #eee; padding:10px;}
.photott{ text-align:center; font-size:18px; padding:15px 0 10px; font-weight:bold;}
.inquire{ text-align:center;}
/* piclist --/end-- */

/* 产品详细页多图展示 */
.pcwlt{ width:400px; float:left;}
.pcwlt .view a{ width:100%; height:100%; display:block;}
.pcwlt .view a img{ padding:2px; 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:400px; height:400px;}
.view .swiper-slide{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 1px #f14f12; text-align:center; background:#fff;}
.view .swiper-slide img{ display:inline-block; margin:0 auto;}
.preview{ width:100%; margin-top:1rem; position:relative;}
.preview .swiper-container{ width:370px; height:70px;}
.preview .swiper-slide{ padding:0 2px;}
.preview .swiper-slide a{ width:66px; height:66px; padding:1px; border:solid 1px #dbdbdb; overflow:hidden;}
.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:0;}
.preview .arrow-right{ background:url(/index/images/style/feel4.png) no-repeat left bottom; right:0;}
.preview img{ padding:1px; box-sizing:border-box; border:1px solid #fff; cursor:pointer; background:#f4f4f4;}
.preview .active-nav a{ background:#fff; border-color:#f14f12;}
.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;}
/* 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:98%; margin:0 auto 5px; 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(/index/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(/index/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;}

.sAbout{ margin-top:10px;}
.sAbout p{ font-size:16px; text-indent:32px; line-height:32px; margin-top:5px;}
.iAboutScroll{ position:relative; overflow:hidden; margin-top:20px;}
.iAboutScroll .hd{ display:none;}
.iAboutScroll .hd a{ width:30px; height:50px; display:block; position:absolute; top:110px;}
.iAboutScroll .hd a.next{ right:0; background:url(/index/images/style/scrIco2.jpg) no-repeat;}
.iAboutScroll .hd a.prev{ left:0; background:url(/index/images/style/scrIco1.jpg) no-repeat;}
.iAboutScroll .bd{ width:1200px; margin:0 auto;}
.iAboutScroll .bd li{ width:390px; margin-right:15px; float:left; overflow:hidden;}
.iAboutScroll .bd li img{ width:100%;}
.sAboutBg{ background:#f1f1f1; overflow:hidden; margin-top:50px; padding:40px 0 50px;}
.sAboutBg h2{ text-align:center;}
.sAboutBox{ width:350px; float:left; margin-left:150px;}
.sAboutCt{ overflow:hidden; margin-top:50px;}
.sAboutCt dt{ font-size:24px; line-height:32px;}
.sAboutCt dt b{ display:block; font-size:22px; color:#f14f12; font-weight:normal;}
.sAboutCt dd{ font-size:18px; line-height:24px; margin-top:20px;}
.sAboutKey{ font-size:12px; margin-top:15px;}
.sAboutKey b{ color:#f14f12; font-weight:normal; line-height:22px;}
.sJoin1{ margin-top:40px; overflow:hidden; padding:0 10px; box-sizing:border-box;}
.sJoin1 dd{ width:570px; float:left;}
.sJoin1 dd p{ line-height:20px; padding:10px 0;}
.sJoin1 dd p b{ display:block;}
.sJoin1 dt{ float:right;}
.sJoin2{ background:#000; padding:50px 0; margin-top:40px;}
.sJoin2 dt h4, .sJoin4 dt h4{ background:#000; color:#fff;}
.sJoin2 dd{ text-align:center; margin-top:30px;}
.sJoin3{ margin-top:50px;}
.sJoin3 dd{ overflow:hidden; padding:0 10px; margin-top:10px;}
.sJoin3 dd ul{ width:105%;}
.sJoin3 dd li{ width:270px; height:270px; margin-top:31px; margin-right:31px; border:solid 1px #eee; border-radius:5px; float:left; overflow:hidden; text-align:center;}
.sJoin3 dd li img{ display:block; margin:48px auto 0;}
.sJoin3 dd li b{ display:block; font-size:16px; padding:20px 0 15px;}
.sJoin3 dd li p{ padding:0 10px; line-height:22px;}
.sJoin4{ height:575px; background:#000 url(/index/images/style/joinBg.jpg) no-repeat right top; margin-top:40px; overflow:hidden;}
.sJoin4 dt{ margin-top:60px;}
.sJoin4 dd{ padding:0 20px; margin-top:80px; box-sizing:border-box; color:#fff;}
.sJoin4 dd p{ color:inherit; line-height:22px; margin-top:20px;}
.sJoin5{ background:#303133; padding:50px 0 30px;}
.sJoin5 dt h4{ background:#303133; color:#fff;}
.sJoin5 dd{ text-align:center; margin-top:20px;}



.seTitle{ text-align:center;}
.seTitle span{ font-size:24px; padding:0 15px;}
.seTitle p{ color:#fff; font-size:14px; line-height:22px; margin-top:10px;}
.seBox{ padding:50px 0; margin-top:40px;}
.seBox .seTitle{ color:#fff;}
.sePic{ text-align:center; margin-top:30px;}
.seBox{ background:#000;}
.seTitBox{ position:relative; padding-bottom:120px;}
.seTit{ position:absolute; right:0; bottom:0; background:#e3e3e3; width:420px; box-sizing:border-box; border-radius:10px; padding:10px 20px;}


