@charset "utf-8";
/* reset */
body{ background:#f4f4f4;}
.hide{ display:none;}
.show{ display:block;}
.news_content ul li:after,.join_form li:after{ content: " "; display: block; clear: both; height: 0; overflow: hidden }
.news_content ul li,.join_form li { *zoom: 1 }


.dir{ text-align:right; height:58px; line-height:58px;}

/* details */



/* 产品中心 */
.content .title{ font-size:32px; color:#212121; height:63px; line-height:76px; margin-top:0; overflow:hidden;}
.content .title a{ font-family:arial; font-size:13px; font-weight:none; border:2px solid #414141; height:38px; line-height:38px; width:135px; text-align:center; margin-top:20px;}
.ban img{ width:100%; height:auto;}

.productbar{ width:100%; position:relative; overflow:hidden; margin:30px 0 0;}
.productbar .arrow_l{ position:absolute; left:0; top:45%; z-index:2;}
.productbar .arrow_r{ position:absolute; right:0; top:45%; z-index:2;}
.productbar .banner{ width:100%; margin-bottom:50px;}
.productbar .banner img{ width:100%; height:auto;display:block;}
.productbar .tools_select{ margin-top:0;}
.productbar .tools_box{ margin-top:-6px;}
.pro_list{ margin-bottom:2.5em; width:100%; overflow:hidden; position:relative;}
.product_img{/* width:31%; margin-right:3%;*/ float:left; padding-top:6px; margin:0 28px 0 0;}
.download_box{ +margin-bottom:3%; padding:0 0 31px;}
.download_box li img{ width:100%; height:auto;}
.imgbox{ position:relative; width:8000%;}
.product_img h4,.product_img p{ font-size:14px; font-weight:normal; line-height:20px; color:#6c7579; padding-bottom:14px;}
.product_img h4{ font-size:14px; text-overflow: ellipsis; width:75%; white-space: nowrap; display:block; overflow:hidden;}
.product_img p{ display:block;}
.product_img .icon_img{ width:66%;}
/*.product_img .show_img{ width:100%;}*/
.product_img .in_more{ margin-bottom:16px;}
.product_img a p{ line-height:53px; font-size:18px; font-weight:bold; color:#414141;}
.product_img a:hover p{ color:#bfc400;}

.about_brand .tools_list{ margin-bottom:30px;}
.about_brand h3 a{color:#212121}
.about_brand h3 a:hover{color:#ced700;}
.tools_list{ text-align:center; padding-bottom:20px; border-bottom:3px solid #e8e8e8;}
.tools_list li{ display:inline-block; *zoom:1; min-width:145px; +width:145px;+display:inline;}
.tools_list li a{ display:inline-block; *zoom:1; padding:0 20%; text-align:center; height:40px; line-height:40px; font-size:22px; font-weight:bold; white-space:nowrap;}
.tools_list li.on a{ color:#fff; background:#bfc400;}


.tools_select{ max-width:356px; height:30px; line-height:30px; position:relative; background:#fcfcfc; border:1px solid #ddd; border-radius:3px; margin:38px 0 14px;}
.tools_select dt{ background:url(../images/select.jpg) 96% center no-repeat; padding:0 14px; cursor:pointer; color:#bbb;}
.tools_select dd{ position:absolute; max-height:200px; overflow-y:auto; overflow-x:hidden; background:#fff; border:1px solid #ddd; width:100%; left:-1px; top:30px; display:none; text-indent:1%;  margin: 0;}
.tools_select dd a{ display:block; line-height:1.5; color:#a9a9a9; white-space:normal; padding:0 5px;}
.tools_select dd a:hover,.tools_select dd a.on{ background:#a9a9a9; color:#fff;}

.tools_box{ width:110%; margin-bottom:42px;}
.tools_box .product_img{ margin-right:25px;}
.tools_box li{ width:29%;}
.tools_box li img{ width:100%; height:auto; max-height:295px; background:#fff;}
.tools_box li a p{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.product_ban{ width:100%; margin-bottom:70px; position:relative; height:491px;}
.product_ban img{ position:absolute; width:1222px; height:491px; left:50%; top:0; margin:0 0 0 -610px;}

.product_ban .p_content{ position:absolute; z-index:1; height:430px; width:395px; top:30px; right:30px; background:url(../images/png1.png); padding:0 85px;}
.product_ban .p_content h3{ padding:32px 0; font-size:32.58px; line-height:40px; font-weight:bold;}
.product_ban .p_content .text{ font-size:16px; color:#464646; line-height:26px; height:210px; overflow:hidden;}
.product_ban .p_content .btn{ height:42px;}
.product_ban .p_content .btn a{ display:inline-block; height:38px; padding:0 25px; margin-right:11px; text-align:center; border:2px solid #414141; line-height:38px; cursor:pointer;}
.product_ban .p_content .btn a:hvoer{ background:#fff;}

.pd_content{ width:110%;}
.pd_content li{ float:left; width:30%; margin-right:3%; color:#464646;}
.pd_content li h3{ font-size:32.58px; height:80px; line-height:80px; border-bottom:1px solid #d3d3d3; font-weight:bold; color:#212121;}
.pd_content li span{ width:49%; display:inline-block; zoom:1;}
.pd_content{ font-size:16px; line-height:52px;}
.pd_content p{width:100%;word-wrap : break-word ; overflow:hidden; display:block;}
.pd_content p span{ width:49%;height:auto; float:left; display:block;}
.productbar a.close{ margin-bottom:42px;}




/* 客户服务 */
.columns_main{ min-height:500px; width:95.6%; margin:0 auto;}
.columns_main .ban{ margin-bottom:28px;}
.service_box{ margin-bottom:40px;}
.service_box li{ float:left; margin:0 4px 3px 0; position:relative;}
.service_box li .tit,.service_box li h3{ color:#fff; position:absolute; left:4%; bottom:2%;}
.service_box li .tit{text-shadow:#000 1px 1px 2px; padding:0 0 5% 5%;}
.service_box li .tit em{ display:inline-block; font-family:arial; font-size:10.76px; line-height:25px; border-bottom:1px solid #fff;}
.service_box li .tit strong{ display:block; line-height:53px; margin-bottom:13px; font-size:36.04px;}
.service_box li .tit a{ font-family:Arial; font-size:9.16px; color:#fff; display:inline-block; padding:4px 15px; border:3px solid #fff; text-shadow:0 0 0;}
.service_box li .tit a:hover{ color:#bfc400;}
.service_box li h3{ font-size:16.14px; font-weight:bold;}
.service_box li img{ width:100%; height:auto;}
.service_box li.item2 h3{ color:#222;}
.service_box li.item1{ width:66.5%;}
.service_box li.item2{ width:32.8%; margin-right:0;}
.service_box li.item3{ width:32.8%; margin-right:0;}
.service_box li.item4{ width:33.05%;}
.service_box li.item5{ width:33.05%;}
.service_box li.item6{ width:32.8%; margin-right:0;}
.service_box li.item4 img,.service_box li.item5 img,.service_box li.item6 img{max-height:280px;}
.as_box{ font-size:16px; line-height:26px; color:#464646; padding:3px 3% 42px;}
.as_box h3{ font-size:20px; font-weight:bold; line-height:68px}
.as_box img{ display:block; margin:3% auto; width:48.3%; height:auto;}


.sales_bar { margin-bottom:40px}
.sales_bar .sales_box{ min-width:885px;margin-bottom:0;}
.sales_box img.map_img{ display:none;}
.sales_box{ padding:50px 0; height:693px; width:auto; background:url(../images/world2.png) no-repeat center center; position:relative;}
.sales_box .select{ position:relative; z-index:3;}
.sales_box .select li{ float:left; margin-left:35px; width:249px;}
.sales_box .select .tools_select{ background:#fbfbfb; box-shadow:0 2px 1px #cbcbcb;}
.search_btn{ display:none;}

.sales_box .login_box{ height:315px; margin-top:-157.5px;}
.sales_box .login_box table{ text-align:center; color:#464646; font-size:14px;}
.sales_box .login_box table tr{ padding-left:2%;}
.sales_box .login_box table th{ text-align:center; margin-top:18px; height:54px; line-height:54px; color:#000; width:22%;}
.sales_box .login_box table td{ height:40px; line-height:40px;}
.phone_list{ display:none;}

.verify_box{ position:relative; overflow:hidden; margin-bottom:42px;}
/*.verify_box img{ width:1220px; height:1142px; position:absolute; left:50%; top:50%; margin:-573px 0 0 -610px;}*/
.verify_box img{ width:100%; height:auto; }
.verify_part{ padding:55px 0 47px; display:none;}
.verify_part .content{ position:relative; background:url(../images/png_bg.png) repeat; width:80%; color:#fff; margin:0 auto; padding-bottom:40px;  }
.verify_part h3{ font-size:48px; font-weight:bold; text-align:center; padding-top:44px; line-height:84px; height:74px}
.verify_part1 .content{ padding-bottom:0;}
.verify_part1 h3{ height:45px; line-height:45px;}
.verify_part ul{ width:60%; margin:0 auto;}
.verify_part ul li{ padding-top:20px; line-height:16px;}
.verify_part ul li label{ display:block; height:36px; line-height:36px;}
.verify_part ul li label span{ padding:0 6px;}
.verify_part ul li .inp{ display:block; height:42px; width:97.5%; line-height:42px; background:#fff; border-radius:5px; padding:0 1%; border:1px solid #fff;}
.verify_part ul li .inp input{ display:block; width:100%; height:42px; line-height:42px; float:left; border:0; background:none;}
.verify_part ul li .focus{ box-shadow:0 0 3px #bfc400; border:1px solid #bfc400;}
.verify_part ul li.btn{ margin-bottom:81px; text-align:center; clear:both; padding-top:56px;}
.verify_part ul li.btn input{ display:inline-block; zoom:1; height:36px; width:138px; background:none; border:2px solid #fff; font-size:18px; color:#fff; margin:0 10px;}
.verify_part ul li.btn input:hover{ background:url(../images/png_bg.png) repeat;}
.verify_part1{ padding:0 0 70px;}
.verify_part1 ul li.btn{ margin-bottom:40px;}
.verify_part ul li .inp1{ width:auto; float:left; display:inline-block; margin-right:18px;}
.verify_part ul li .yzm{ width:111px; height:44px; float:left; border-radius:5px; overflow:hidden;}
.verify_part ul li .yzm img{ width:111px; height:44px; position:relative; margin:0; left:0; top:0;}
.verify_part ul li table{ text-align:center; margin:-70px 0 0 -25%; height:60px; border-top:1px solid #fff; border-left:1px solid #fff; width:150%;}
.verify_part ul li table th{ background:#bfc400; color:#fff; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #fff; border-right:1px solid #fff; }
.verify_part ul li table td{ border-bottom:1px solid #fff; border-right:1px solid #fff; line-height:30px; height:30px;}
.verify_part ul li.phone{ display:none;}
.feedback_box{ position:relative; overflow:hidden; margin-bottom:40px;}
.feedback_box > img{ width:1220px; height:875px; position:absolute; left:50%; top:50%; margin:-437.5px 0 0 -610px;}
.feedback_part{ padding:50px 0 44px;}
.feedback_part .content{ position:relative; width:80%; color:#fbfbfb; margin:0 auto; }
.feedback_part h3{ font-size:65px; font-weight:bold; text-align:center; padding-top:44px; line-height:74px; height:74px; }
.feedback_part h3 img{ height:86%; width:auto; vertical-align:middle; padding-left:18px;}
.feedback_part p{ text-align:center; font-size:14px; line-height:32px; letter-spacing:-0.5px;}
.feedback_part ul{ width:60%; margin:0 auto;}
.feedback_part ul li{ padding-top:20px; line-height:16px; font-size:16px;}
.feedback_part ul li label{ display:block; height:36px; line-height:36px;}
.feedback_part ul li label span{ padding:0 6px;}
.feedback_part ul li .inp{ display:block; height:42px; width:97.5%; line-height:42px; background:#fbfbfb; border-radius:5px; padding:0 1%; border:1px solid #fbfbfb;}
.feedback_part ul li .inp input,.feedback_part ul li textarea{ display:block; width:100%; height:42px; line-height:42px; border:0; background:none;}
.feedback_part ul li .focus{ box-shadow:0 0 3px #bfc400; border:1px solid #bfc400;}
.feedback_part ul li.btn{ margin-bottom:81px; text-align:center; clear:both; padding-top:56px;}
.feedback_part ul li.btn input{ display:inline-block; zoom:1; height:36px; width:138px; background:none; border:3px solid #fff; font-size:18px; color:#fff; margin:0 10px;}
.feedback_part ul li.btn input:hover{ background:url(../images/png_bg.png) repeat;}
.feedback_part ul li .inp2{width:98.5%; height:100px; padding:0 0 0 1%;}
.feedback_part ul li .inp2 textarea{ line-height:24px;}
.feedback_part ul li .inp3{ width:99.5%; padding:0;}

.feedback_part ul li .inp .tools_select{ margin:0; height:100%; max-width:100.1%; border:0; background:none}
.feedback_part ul li .inp .tools_select dt{ height:100%; padding:0 0 0 1%; color:#000; line-height:42px; width:98.5%; background:url(../images/feedback_select.jpg) no-repeat right center;}
.feedback_part ul li .inp .tools_select dd{ top:40px; left:-1px; color:#000; max-height:auto;}
.feedback_part ul li .inp .tools_select dd a{ line-height:2; color:#000; padding:0;}
.feedback_part ul li .inp .tools_select dd a:hover,.feedback_part ul li .inp .tools_select dd a.on{ color:#fff; background:#bfc400;}
.feedback_part ul li .inp .name{ width:92%; padding:0 8% 0 0; background:url(../images/join_ico_01.png) no-repeat 98% center;}
.feedback_part ul li .inp .tel{ width:92%; padding:0 8% 0 0; background:url(../images/join_ico_06.png) no-repeat 98% center;}

.download{ width:100%;}
.download .news_list_tit li{ min-width:10%;}
.download .news_list_tit li a{ background:none; border:3px solid #fff; width:auto; padding:0 15px; display:block; float:left; white-space:nowrap;}
.download .news_list_tit li.on a{ border:3px solid #000; color:#000;}
.download_box{ width:110%;}
.download_box li{ position:relative; padding:0; margin:0 2% 11px 0; width:29.2%;}
.download_box li .video,.download_box li .tit{ position:absolute; left:50%; top:50%;}
.download_box li .video{ margin:-34px 0 0 -33.5px;}
.download_box li .video img{ height:68px; width:67px;}
.download_box li .tit{ left:0; top:auto; bottom:0; background:url(../images/png.png) repeat; width:94%; color:#fff; padding:2% 3% 3%; display:none;}
.download_box li .tit h3{ font-size:20px; font-weight:bold; line-height:30px;}
.download_box li .tit span{ font-size:14px; font-family:arial;}

.new_pro_box{ width:110%; padding-bottom:0;}
.new_pro_box li{ background:#f6f6f6; padding:3% 2.15%; margin:0 1.5% 42px 0; width:17.3%;}
/*.new_pro_box li img{ width:100%; height:auto;}*/
.new_pro_box li .con{ text-align:center;}
.new_pro_box li .con h3{ padding:20px 0;}
.new_pro_box li .con h3 a{ line-height:20px; font-size:14px; font-weight:bold; display:block; height:40px; overflow:hidden;}
.new_pro_box li .con .btn{ height:22px; width:93px; background:#bfc400; display:block; color:#fff; margin:0 auto; line-height:22px; font-size:14px;}

.clbox .bg{ display:block;}
.clbox .login_box{ display:block;}
.bg,.bgs{ z-index:100; position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/png_bbg.png) repeat; display:none;}
.login_box{ position:fixed; z-index:11; left:38%; top:50%; width:74%; height:528px; background:#fff; margin:-264px 0 0 -25%; /*max-width:926px;*/ display:none; z-index:101; overflow:auto;}
.login_box .close{ float:right; height:24px; width:25px; background:url(../images/close.png) no-repeat; margin:21px;}
.login_box h3{ font-size:32.58px; font-weight:bold; height:66px; line-height:66px; padding-top:8px; background:#bfc400; color:#fff; padding-left:3%;}
.login_box .content{ width:60%; margin:0 auto; padding-top:50px;}
.login_box .content p{ line-height:44px; font-size:18px; text-align:center;}
.login_box .content ul{}
.login_box .content ul li{ margin-top:20px; width:100%;}
.login_box .content ul li label{ line-height:36px; font-size:16px;}
.login_box .content ul li span{ margin-left:6px}
.login_box .content ul li .inp{ padding:0 1%; width:97.5%; border:1px solid #ddd; background:#fbfbfb; height:45px; border-radius:5px; box-shadow:0 1px 2px 0 #ddd;}
.login_box .content ul li .inp input{ height:45px; line-height:45px; width:100%; background:none; border:0;}
.login_box .content ul li .focus{ border:1px solid #bfc400; box-shadow:0 0 3px 0 #bfc400;}
.login_box .content ul li.btn{ text-align:center; font-size:16px; margin-top:40px;}
.login_box .content ul li.btn a{ background:#bfc400; color:#fff; display:inline-block; zoom:1; height:40px; line-height:40px; width:114px; margin:0 10px; vertical-align:middle;}
.login_box .content ul li.btn input{ background:#939393; display:inline-block; zoom:1; height:40px; line-height:40px; width:114px; border:0; color:#fff; margin:0 10px; vertical-align:middle;}

.login_box .success{ display:none;}
.login_box .success p{ font-size:36px; padding-top:100px; color:#464646; line-height:90px;}
.login_box .success .fix{ font-size:16px; height:40px; line-height:40px; width:114px; color:#fff; background:#bfc400; display:block; margin:36px auto 0; text-align:center;}

.login_box .fail{ display:none;}
.login_box .fail p{ font-size:36px; padding-top:60px; color:#464646; line-height:50px;}
.login_box .fail .fix{ font-size:16px; height:40px; line-height:40px; width:114px; color:#fff; background:#bfc400; display:block; margin:50px auto 0; text-align:center;}






/* 网站地图 */
.sales_box .map_box{ padding-left:0}
.sales_box .map_box ul{ margin:0;}
.sales_box .map_box ul li{ padding:0;}
.sales_box .map_box .province_ul li{ padding-left:30px;}
.map_box{ padding-left:8%;}
.map_box ul{ margin:35px 0;}
.map_box ul li{ padding:23px 0;}
.map_box ul li .column{ height:50px; line-height:50px; width:15%; text-align:center; font-size:22px; color:#000; font-weight:bold; border:2px solid #000; margin-right:5%;}
.map_box ul li a{ display:inline-block; zoom:1; width:12%; font-size:16px;}
.nbs-flexisel-nav-left:hover{ background-image:url(../images/arrow_left_on.jpg)}
.nbs-flexisel-nav-right:hover{ background-image:url(../images/arrow_right_on.jpg)}
/*  - page -  */
.page { vertical-align: middle; text-align: center; margin: 70px 0px 50px; color: #333; }
.page input { vertical-align: middle; }
.page span { vertical-align: middle; }
.page .endmargin { margin: 0; }
.page a { vertical-align: middle; display: inline-block; width: 17px; height: 22px; line-height: 22px; text-align: center; color: #operations; margin: 0px 2px; font-family: Arial, Helvetica, sans-serif; color: #000; }
.page a:hover { color: #bfc44f; }
.page .color { color: #bfc44f; margin-right: 12px; }
.page a.on { width: 25px; height: 33px; line-height: 33px; text-align: center; background: url(../images/page_bg.jpg) no-repeat; color: #bfc44f; font-weight:bold; }
.page a.prev { width: 14px; height: 14px; background: url(../images/prev.jpg) no-repeat; margin: 0px 5px 0px 0px; }
.page a.next { width: 14px; height: 14px; background: url(../images/next.jpg) no-repeat; margin: 0px 0px 0px 5px; }
.page a.first { height: 17px; background: url(../images/page_btnl.jpg) no-repeat center center; }
.page a.last { height: 17px; background: url(../images/page_btnr.jpg) no-repeat center center; }
.page span.txtnum { display: inline-block; width: 44px; height: 20px; line-height: 20px; background: #fff; border: 1px solid #737373; margin: 0px 6px 0 18px; vertical-align: middle; }
.page span.txtnum input { float: left; width: 44px; height: 20px; line-height: 20px; text-align: center; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background: none; border: none; }
.page a.go { font-size: 14px; background: #bfc44f; color: #fff; width: 45px; height: 22px; line-height: 22px; text-align: center; }
.page br { display: none; }
.pc{clear: both;}