/*
	[Destoon B2B System] Copyright (c) 2008-2015 www.destoon.com
	This is NOT a freeware, use is subject to license.txt
*/
/* global */
.fff { background-color: #fff; display: table-cell; vertical-align: middle; /*设置水平居中*/ text-align: center;
    /* 针对IE的Hack */
    *display: block;
    *font-size:175px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/ }
body { margin: 0px; font-size: 12px; color: #000000; background: #f6f6f6; }
/* common */
.m { width: 1190px; margin: 10px auto 0px; }
.top { height: 26px; line-height: 26px; background: #EEF7FB; padding: 0 10px 0 10px; }
.xcmain .bg_fff, .xcmain .qyxcl, .xcmain .spzping_left, .xcmain .spzping_right, .xcmain .xc, .sellbd .xc_right, .xcmain .xcinformation, .xcmain .xclist, .xcmain .xcpc, .xcmain .xctop, .xcmain .zpxq_list { border: 1px solid #dcdcdc; background: #fff; }
.sellbd .xcititle { height: 38px; border-left: 3px #007DE4 solid; border-bottom: 1px solid #ddd !important; padding-left: 10px; font-size: 14px; color: #333; font-weight: 700; line-height: 38px; }
.xcmain .company_case .infor div { display: inline-block; }
.f20 { font-size: 20px !important; }
.fw { font-weight: 700 !important; }
.font_fff { color: #fff; }
.f16 { font-size: 16px !important; }
.pt10 { padding-top: 10px !important; }

.xcmain .xcititle { height: 38px; border-left: 3px #007DE4 solid; border-bottom: 1px solid #ddd !important; padding-left: 10px; font-size: 14px; color: #333; font-weight: 700; line-height: 38px; }
.xcmain .xcititle .xcmore { font-size: 12px; font-weight: 400; margin-right: 15px; }

.w1000 { width: 1190px; margin: auto; line-height: 30px; }
.header_box { background-color: #fff; height: 38px; width: 100%; line-height: 38px; border-bottom: 1px solid #dcdcdc; }
.header_box .xctopnav { position: relative; }
.header_box .xctopnav_left { float: left; overflow: hidden; }
.header_box .xctopnav_left div { float: left; margin-left: 10px; line-height: 38px; color: #333; }
.header_box .xctopnav_left em { margin-left: 10px; color: #b7b7b7; }
.header_box .xctopnav_left img { vertical-align: text-bottom; }
.header_box .xctopnav_left span.hym { margin-right: 5px; }
.header_box .xctopnav_left span.my_news { border-radius: 3px; color: #fff; padding: 0 4px; margin-left: 2px; }
.header_box .p_top_right { float: right; height: 38px; line-height: 38px; }
.header_box .p_top_right .triangle-down { width: 0; height: 0; border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-top: 5px solid #007DE4; }
.header_box .p_top_right .list_txt, .header_box .p_top_right .my258 { cursor: pointer; position: relative; }
.header_box .p_top_right .my258 .list { overflow: hidden; position: absolute; top: 38px; left: 0; border: 1px solid #dcdcdc; background-color: #fff; padding: 10px 15px; border-top: none !important; color: #555; font-size: 13px; z-index: 100; display: none; width: 300px; }
.header_box .p_top_right .my258 .list li { line-height: 24px; }
.header_box .p_top_right .my258:hover .list { display: block; }
.header_box .p_top_right .my258 .list_t { margin-right: 5px; }
.header_box .p_top_right .my258 .list_t ul:first-child li { color: #3e3e3e; font-weight: 700; }
.header_box .p_top_right .cb7 { color: #b7b7b7; }
.header_box .p_top_right .listbox { padding: 10px 0; border: 1px solid #dcdcdc; background-color: #fff; z-index: 100; border-top: none !important; position: absolute; top: 38px; right: 10px; width: 92px; text-align: center; display: none; width: 86px; }
.header_box .p_top_right .listbox li { line-height: 24px; }
.header_box .p_top_right .keep { position: relative; }
.header_box .p_top_right .keep:hover .listbox { display: block; }
.header_box .p_top_right .mt12 { margin-top: 16px; }
#showShopTip, #showTopTip { text-align: center; color: #d36259; }

.logobody { padding: 10px; }
.logobody .codeBox { position: relative; margin: 25px 0 0; }
.logobody .codeBox .hide { text-align: center; color: #33aae7; padding: 5px 5px 0 5px; box-shadow: 0 0 4px rgba(0,0,0,.4); background: #fff; position: absolute; left: 0; top: 0; z-index: 9; }
.logobody .codeBox:hover .hide { display: block !important; }
.logobody .codeBox:before { font-size: 30px; }
.logobody a { width: 200px; height: 75px; display: inline-block; overflow: hidden; float: left; }
.logobody a img { width: 100%; height: 100%; }
.logobody h3 { font-size: 18px !important; color: #3e3e3e; line-height: 40px; padding-top: 4px; max-width: 260px; }
.logobody .myproduct { max-width: 260px; width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.logobody .myinfo { position: relative; padding-right: 40px; height: 74px; }
.logobody .myinfo .show_more { width: 0; height: 0; position: absolute; top: 30px; right: 0; bottom: auto; left: auto; border-left: 5px solid transparent !important; border-right: 5px solid transparent !important; border-top: 5px solid #007DE4; margin: 10px; }
.logobody .myinfo:hover .seller_info { display: block; }
.logobody .seller_info { width: 432px; height: auto; padding-bottom: 15px; background: #fff; top: 53px; position: absolute; top: 72px; right: auto; bottom: auto; left: auto; z-index: 999; overflow: hidden; border: 1px #ddd solid; display: none; }
.logobody .seller_info .detail { padding: 8px; border-bottom: 1px #f1e3c8 solid; background: #fff9ed; color: #666; }
.logobody .seller_info .detail li { text-align: center; color: #444; background-position: top center; background-repeat: no-repeat; width: 33%; padding-top: 33px; }
.logobody .seller_info .detail li a { display: block; width: 100%; height: 55px; text-align: center; margin-top: -33px; line-height: 96px; }
.logobody .seller_info .detail .icon_sm { background-image: url(images/info01.png); }
.logobody .seller_info .detail .icon_sm2 { background-image: url(images/info011.png); }
.logobody .seller_info .detail .icon_xy { background-image: url(images/info02.png); }
.logobody .seller_info .detail .icon_xy2 { background-image: url(images/info022.png); }
.logobody .seller_info .detail .icon_hy { background-image: url(images/info03.png); }
.logobody .seller_info .detail .icon_hy2 { background-image: url(images/info033.png); }
.logobody .seller_info p { line-height: 2; padding: 0 0 2px 20px; }

.xcnavbody { width: 100%; height: 46px; }
.xcnavbody .xcnav { overflow: hidden; }
.xcnavbody .xcnav li { float: left; }
.xcnavbody .xcnav li a { display: block; font-size: 14px; width: 140px; text-align: center; line-height: 46px; color: #fff; }
.xcnavbody .xcnav li a:hover { color: #fff !important; }
.xcnavbody .xcnav li a.active, .xcnavbody .xcnav li:hover { background: #007DE4; -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

#content ol li { list-style: none; }
.w1000 .tpl_title { height: 13px; text-align: center; position: relative; background: url(images/txtbj.png) repeat top; margin: 30px 0; }
.w1000 .tpl_title p { max-width: 100%; display: inline-block; height: 30px; line-height: 30px; font-size: 23px; font-weight: 700; background-color: #f6f6f6; padding: 0 15px; color: #000; margin: 0; position: relative; z-index: 1; top: -7px; }
.w1000 .tpl_title p:before { content: ""; display: block; width: 0; height: 0; border-bottom: 16px solid #f6f6f6; border-left: 16px solid transparent; position: absolute; top: 7px; right: auto; bottom: auto; left: -15px; }
.w1000 .tpl_title p:after { content: ""; display: block; width: 0; height: 0; border-top: 16px solid #f6f6f6; border-right: 16px solid transparent; position: absolute; top: 7px; right: -15px; bottom: auto; left: auto; }
.w1000 .tpl_title:before { content: ""; display: block; width: 0; height: 0; border-top: 16px solid #f6f6f6; border-right: 16px solid transparent; position: absolute; top: 0; right: auto; bottom: auto; left: 0; }
.w1000 .tpl_title:after { content: ""; display: block; width: 0; height: 0; border-bottom: 16px solid #f6f6f6; border-left: 16px solid transparent; position: absolute; top: 0; right: 0; bottom: auto; left: auto; }
.w1000 .tpl_title a { position: absolute; top: 15px; right: 15px; bottom: auto; left: auto; }
.w1000 .hotbox { padding: 20px 0 0; margin: 20px 10px; }
.w1000 .hotbox .list { border: 1px solid #ddd; background: #fff; margin: 0 0 20px 10px; width: 24.3%; position: relative; }
.w1000 .hotbox .list:first-child { margin-left: 0; }
.w1000 .hotbox .list:nth-child(4n+1) { margin-left: 0; }
.w1000 .hotbox .list:hover { border: 1px solid red; }
.w1000 .hotbox .list .new_tag { width: 33px; height: auto; line-height: 16px; text-align: center; padding: 5px; background: red; color: #fff; position: absolute; top: 0; right: auto; bottom: auto; left: 0; }
.w1000 .hotbox .list .new_tag:after { content: ''; display: block; width: 0; height: 0; position: absolute; top: auto; right: auto; bottom: -10px; left: 0; border-left: 22px solid transparent; border-right: 20px solid transparent; border-top: 10px solid red; }
.w1000 .hotbox .list .new_sc { display: none; width: 30px; height: 30px; position: absolute; top: 15px; right: 15px; bottom: auto; left: auto; line-height: 30px; text-align: center; border: 1px solid #7d7d7d; background: #fff; color: #7d7d7d; border-radius: 50%; }
.w1000 .hotbox .list .new_sc.show, .w1000 .hotbox .list .new_sc:hover { display: block; border: 1px solid red; background: #fff; color: red; }
.w1000 .hotbox .list:hover .new_sc { display: block; }
.w1000 .hotbox .list a.img_box { width: 282px; height: 282px; line-height: 282px; background: #f6f6f6; display: block; overflow: hidden; }
.w1000 .hotbox .list a img { display: inline-block !important; width: 100%; vertical-align: middle; }
.w1000 .hotbox .list a p { padding: 5px 10px; }
.w1000 .hotbox .list .current { color: red; display: block; font-family: Arial; font-size: 22px; height: 48px; line-height: 40px; }
.w1000 .hotbox .list .current em { color: red; display: inline; font-size: 18px; line-height: 40px; margin-left: 10px; text-align: left; vertical-align: 1px; font-style: normal; font-family: Arial; }
.w1000 .hotbox .list .bdsharebuttonbox { position: absolute; top: auto; right: 55px; bottom: 11px; left: auto; color: #919191; }
.w1000 .hotbox .list .bdsharebuttonbox .bds_more { background: 0 0 !important; }
.w1000 .hotbox .list .bdsharebuttonbox .bds_more:before { font-size: 23px; }
.w1000 .hotbox .list .bdsharebuttonbox .bds_more:hover { background: #fff; color: red; }
.w1000 .hotbox .list .icon-code:before { position: absolute; top: auto; right: 20px; bottom: 15px; left: auto; font-size: 22px; color: #919191; }
.w1000 .hotbox .list .wx_open { display: none; position: absolute; top: auto; right: 0; bottom: 43px; left: auto; width: 120px; height: 120px; }
.w1000 .hotbox .list .icon-code:hover .wx_open { display: block; }
.w1000 .merger_box { padding: 10px; margin: 20px 0px; background: #fff; width: auto; height: auto; }
.w1000 .merger_box .titleBox { height: 40px; line-height: 40px; font-size: 20px; font-weight: 700; color: #444; padding: 0 90px 5px 10px; position: relative; border-bottom: 3px solid #ccc; text-align: left; }
.w1000 .merger_box .btnMore { font-weight: 400; opacity: .5; filter: alpha(opacity=50); width: 100px; display: block; text-align: center; font-size: 12px; line-height: 35px; position: absolute; top: 5px; right: 0; bottom: auto; left: auto; color: #444; }
.w1000 .merger_box .btnMore:hover { opacity: 1; filter: alpha(opacity=100); }
.w1000 .merger_box .w6 { padding: 0 20px 0px 10px; }
.w1000 .merger_box .w6 .about_box { width: 100%; }
.w1000 .merger_box .w6 .about_box img { display: block; width: 50%; margin: 20px auto; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,.1); background: #fff; padding: 10px; }
.w1000 .merger_box .w6 .about_box p { height: 208px; overflow: hidden; text-indent: 2em; }
.w1000 .merger_box .companymessages { position: relative; }
.w1000 .merger_box .companymessages .iconfont:before { margin-right: 7px; color: #535353; }
.w1000 .merger_box .companymessages .hide_map { text-align: right; position: relative; z-index: 5; }
.w1000 .merger_box .companymessages .hide_map:hover { opacity: .8; filter: alpha(opacity=80); }
.w1000 .merger_box .companymessages p.iconfont { color: #6b6b6b; margin-bottom: 3px; }
.w1000 .merger_box .companymessages .call_qq { display: inline-block; width: 36px; height: 25px; background: url(../images/qq.png) no-repeat; vertical-align: top; margin-left: 15px; }
.w1000 .merger_box .companymessages .controls { position: absolute; top: 15px; left: 20px; width: 100%; height: 225px; z-index: 1; }
.w1000 .merger_box .companymessages .controls .allmap { width: 100%; height: 225px; }
.w1000 .productBox { margin: 0 auto; text-align: center; padding-bottom: 20px; }
.w1000 .productBox .productUl { padding: 10px; margin: 15px auto; background: #fff; }
.w1000 .productBox .productUl li { overflow: hidden; width: 23%; margin: 1%; margin: 0 .52% 12px .52%\9; border: 1px solid #ddd; }
.w1000 .productBox .productUl li .imgBox { position: relative; line-height: 0; }
.w1000 .productBox .productUl li .imgBox .ImgDiv { position: relative; overflow: hidden; }
.w1000 .productBox .productUl li .imgBox .ImgDiv .img_width { width: 100%; height: 267px; line-height: 267px; overflow: hidden; background: #f6f6f6; }
.w1000 .productBox .productUl li .imgBox .ImgDiv .img_width img { vertical-align: middle; }
.w1000 .productBox .productUl li .imgBox .moreBtn { opacity: 0; filter: alpha(opacity=0); border: 1px solid #000; color: #000; width: 120px; height: 30px; line-height: 30px; display: block; font-size: 12px; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; margin: -15px 0 0 -60px; }
.w1000 .productBox .productUl li .imgBox .imgBg { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.w1000 .productBox .productUl li .imgBox img { width: 100%; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; }
.w1000 .productBox .productUl li .imgBox h5 { padding: 25px 10px; font-weight: 400; font-size: 14px; color: #444; }
.w1000 .productBox .productUl li a:hover h5 { color: red; }
.w1000 .productBox .productUl li:hover .imgBox .imgBg { opacity: .4; filter: alpha(opacity=40); }
.w1000 .productBox .productUl li:hover .imgBox .moreBtn { opacity: 1; filter: alpha(opacity=100); background: rgba(255,255,255,.5); }
.w1000 .productBox .productUl li:hover .imgBox img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.w1000 .productBox .product_list { max-height: 100px; overflow: hidden; text-align: center; padding: 0 10px; }
.w1000 .productBox .product_list ul { margin: auto; padding: 0; height: auto; overflow: hidden; display: inline-block; }
.w1000 .productBox .product_list ul li { list-style: none; float: left; margin: 4px 10px; display: inline; }
.w1000 .productBox .product_list ul li a { border-radius: 20px; background: #fff; color: #444; padding: 0 10px; display: block; border: 1px solid #ddd; line-height: 2; }
.w1000 .productBox .product_list ul li a span { color: red; padding: 0 5px; }
.w1000 .productBox .more { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: relative; margin: auto; background: #fff; border-radius: 50%; }
.w1000 .productBox .more:after { content: ""; display: block; width: 1px; height: 17px; position: absolute; top: -17px; right: auto; bottom: auto; left: 20px; background: #ddd; }
.w1000 .productBox .more:hover:after { background: red; }


#top a { text-decoration: none; }
.head { height: 115px; overflow: hidden; }
.head div { float: left; }
.head .logo { padding: 15px 10px 0 0px; height: 90px; overflow: hidden; }
.head h1 { font-size: 24px; margin: 32px 0 5px 10px; color: #333333; font-family: \9ED1\4F53; filter: glow(color=#FFFFFF,strength=3); }
.head h4 { font-size: 15px; margin: 0 0 0 10px; color: #333333; }

#menu a { text-decoration: none; }
.menu { background: url('menu_bg.gif'); height: 30px; overflow: hidden; padding: 0 0 0 20px; font-size: 14px; font-weight: bold; border: #438ECE 1px solid; border-top: #438ECE 2px solid; }
.menu_li { float: left; white-space: nowrap; border-right: #FFFFFF 1px solid; line-height: 30px; padding: 0 20px 0 20px; }
.menu_li span { color: #003D70; }
.menu_on { float: left; white-space: nowrap; border-right: #438ECE 1px solid; border-left: #438ECE 1px solid; line-height: 30px; padding: 0 20px 0 20px; background: url('menu_on.gif') repeat-x; }
.menu_on span { color: #FFFFFF; }

.side_head { border: #dcdcdc 1px solid; border-bottom: none; background: #007DE4 !important; }
.side_head div { padding: 0 10px 0 10px; font-size: 14px; height: 41px; line-height: 41px; overflow: hidden; letter-spacing: 1px; color: #FFF; }
.side_head img { padding: 8px 0 0 0; }
.side_body { border: #dcdcdc 1px solid; border-top: none; background: #FFFFFF; padding: 10px; margin: 0 0 10px; line-height: 30px; width:183px; height:100%; overflow:hidden; }
.side_body li { background: url('../../image/ico_arrow.gif') no-repeat 5px 7px; padding: 0 0 0 20px; height: 26px; line-height: 26px; overflow: hidden; }


.side_body2 { border: #dcdcdc 1px solid; border-top: none; background: #FFFFFF; padding: 5px; margin: 0 0 10px; }
.side_body2 li { height: 25px; line-height: 25px; overflow: hidden; }


.main_head { border: #dcdcdc 1px solid; border-bottom: none; }
.main_head div { padding: 0 10px 0 10px; font-size: 14px; height: 41px; line-height: 41px; overflow: hidden; letter-spacing: 1px; border-left: 3px #007DE4 solid; }
.main_body { border: #dcdcdc 1px solid; background: #FFFFFF; padding: 10px; margin: 0 0 10px; min-height: 157px;}

.twocode { width: 120px; text-align: center; margin: 10px auto; }
.fav { text-align: center; font-size: 12px; margin: 10px; padding: 0; margin-bottom: 10px; margin-left: 5px; width: 168px; }
.fav span { background: url('images/fav_bt.gif') no-repeat; display: inline-block; width: 80px; height: 22px; line-height: 22px; text-align: center; }
.fav span a { margin: 0px; height: 22px; line-height: 22px; }
.fav span img { vertical-align: middle; }

.xcmain .xc_right { width: 980px; height: auto; }

.productUl { padding: 10px; margin: 15px auto; background: #fff; }
.productUl li { overflow: hidden; width: 23%; margin: 1%; margin: 0 .52% 12px .52%\9; border: 1px solid #ddd; }
.productUl li .imgBox { position: relative; line-height: 0; }
.productUl li .imgBox .ImgDiv { position: relative; overflow: hidden; }
.productUl li .imgBox .ImgDiv .img_width { width: 100%; height: 267px; line-height: 267px; overflow: hidden; background: #f6f6f6; }
.productUl li .imgBox .ImgDiv .img_width img { vertical-align: middle; }
.productUl li .imgBox .moreBtn { opacity: 0; filter: alpha(opacity=0); border: 1px solid #000; color: #000; width: 120px; height: 30px; line-height: 30px; text-align: center; display: block; font-size: 12px; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; margin: -15px 0 0 -60px; }
.productUl li .imgBox .imgBg { position: absolute; top: 0; right: 0; bottom: auto; left: auto; z-index: 1; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); }
.productUl li .imgBox img { width: 100%; -webkit-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; }
.productUl li .imgBox h5 { padding: 15px 10px; font-weight: 400; font-size: 14px; color: #444; }
.productUl li a:hover h5 { color: red; }
.productUl li:hover .imgBox .imgBg { opacity: .4; filter: alpha(opacity=40); }
.productUl li:hover .imgBox .moreBtn { opacity: 1; filter: alpha(opacity=100); background: rgba(255,255,255,.5); }
.productUl li:hover .imgBox img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.product_list { max-height: 100px; overflow: hidden; text-align: center; padding: 0 10px; }
.product_list ul { margin: auto; padding: 0; height: auto; overflow: hidden; display: inline-block; }
.product_list ul li { list-style: none; float: left; margin: 4px 10px; display: inline; }
.product_list ul li a { border-radius: 20px; background: #fff; color: #444; padding: 0 10px; display: block; border: 1px solid #ddd; line-height: 2; }
.product_list ul li a span { color: red; padding: 0 5px; }
.more { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; position: relative; margin: auto; background: #fff; border-radius: 50%; }
.more:after { content: ""; display: block; width: 1px; height: 17px; position: absolute; top: -17px; right: auto; bottom: auto; left: 20px; background: #ddd; }
.more:hover:after { background: red; }

.xcmain .xc_left .body_left_product { margin-top: 20px; background: #fff; }
.xcmain .xc_left .body_left_product h4 { color: #fff; line-height: 40px; font-size: 16px; margin: 0; padding: 0 10px; }
.xcmain .xc_left .body_left_product .classIfi { padding: 15px; border-top: 0; }
.xcmain .xc_left .body_left_product .classIfi li { line-height: 30px; margin-bottom: 10px; }
.xcmain .xc_left .body_left_product .classIfi li .list { background: #f9f9f9; width: auto; height: 30px; line-height: 30px; padding: 0 15px; display: block; border-radius: 20px; }
.xcmain .xc_left .body_left_product .classIfi li .list.Themebg { color: #fff !important; }
.xcmain .xc_left .body_left_product .classIfi li .color33 { margin-bottom: 0; position: relative; }
.xcmain .xc_left .body_left_product .classIfi li .icon_sj { display: block; padding: 10px; position: absolute; top: 3px; right: 10px; bottom: auto; left: auto; cursor: pointer; }
.xcmain .xc_left .body_left_product .classIfi li .icon_sj:before { display: block; content: ''; margin-left: 5px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #333; -webkit-transition: all .5 ease-in-out 0s; transition: all .5 ease-in-out 0s; }
.xcmain .xc_left .body_left_product .classIfi li .icon_sj:hover:before { border-top-color: red; }
.xcmain .xc_left .body_left_product .classIfi li .ClassBox { visibility: hidden; height: 0; }
.xcmain .xc_left .body_left_product .classIfi li .ClassBox a { display: block; font-size: 13px; line-height: 30px; padding-left: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.xcmain .xc_left .body_left_product .classIfi li .ClassBox a.icon-aix:before { vertical-align: sub; }
.xcmain .xc_left .body_left_product .classIfi li.active .ClassBox { visibility: visible; }
.xcmain .xc_left .body_left_product .classIfi li.active .icon_sj:before { border-top-color: red; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.xcmain .xc_left .body_left_product .classIfi li.ac .icon_sj { display: none; }
.xcmain .xc_left .Company_photo { margin: 20px 0; background: #fff; padding-bottom: 10px; }
.xcmain .xc_left .Company_photo .xctop { padding: 2px; margin: 10px auto; width: 185px; height: auto; overflow: hidden; position: relative; }
.xcmain .xc_left .Company_photo .xctop a { display: block; line-height: 0; }
.xcmain .xc_left .Company_photo .xctop img { width: 100%; }
.xcmain .xc_left .Company_photo .xctop p { text-align: center; line-height: 30px; }
.xcmain .xc_left .Company_photo .xctop:hover p { color: red; }
.xcmain .company_case { background: url(images/casebg.jpg) no-repeat; padding: 20px 0; }
.xcmain .company_case .infor { text-align: center; width: 50%; margin: 20px auto; }
.xcmain .company_case .infor div { display: inline-block; }
.xcmain .company_case .infor .about_info { padding: 10px 2px 0; }
.xcmain .company_case .infor .about_info .year { padding: 0 5px 0 25px; }
.xcmain .company_case .infor .about_info .leve { background: url(images/x.jpg) no-repeat left; font-size: 12px; font-weight: 400; padding: 0 5px 0 25px; display: inline-block; height: 16px; line-height: 14px; max-width: 118px; }
.xcmain .company_case .infor .infor_list p { color: #000; font-size: 16px; position: relative; line-height: 30px; width: 40px; height: 30px; }
.xcmain .company_case .infor .infor_list p span { display: none; background: #fff; padding: 0 5px; color: #444; position: absolute; top: 35px; right: auto; bottom: auto; left: auto; width: 150px; font-size: 12px; }
.xcmain .company_case .infor .infor_list p span:before { content: ""; display: block; position: absolute; top: -6px; right: auto; bottom: auto; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; }
.xcmain .company_case .infor .infor_list .call_qq { display: inline-block; width: 36px; height: 25px; background: url(images/qq.png) no-repeat; vertical-align: top; margin-left: 15px; }
.xcmain .company_case .infor .infor_list p.iconfont:before { font-size: 28px; color: #fff; margin: 0 10px; }
.xcmain .company_case .infor .infor_list p.iconfont:hover span { display: block; }
.xcmain .company_case .infor .infor_list p.iconfont:hover:before { color: red; }
.xcmain .company_infor_box { padding: 20px 0; }
.xcmain .company_infor_box .detail { padding: 15px; color: #666; padding-top: 60px; }
.xcmain .company_infor_box .detail li { text-align: center; color: #444; background-position: top center; background-repeat: no-repeat; width: 25%; padding-top: 33px; }
.xcmain .company_infor_box .detail .icon_sm { background-image: url(images/info01.png); }
.xcmain .company_infor_box .detail .icon_xy { background-image: url(images/info02.png); }
.xcmain .company_infor_box .detail .icon_hy { background-image: url(images/info03.png); }
.xcmain .company_infor_box .detail .icon_sm2 { background-image: url(images/info011.png); }
.xcmain .company_infor_box .detail .icon_xy2 { background-image: url(images/info022.png); }
.xcmain .company_infor_box .detail .icon_hy2 { background-image: url(images/info033.png); }
.xcmain .company_infor_box .infor_list li { padding: 2px 0; font-weight: 700; color: #000; }
.xcmain .company_infor_box .infor_list li span { padding: 0 8px 0 0; font-weight: 400; }
.xcmain .company_infor_box .infor_list li p.overflow { max-width: 70%; display: inline-block; vertical-align: bottom; }
.xcmain .company_infor_box .infor_list li a { color: red; padding-left: 10px; }
.xcmain .company_infor_box .infor_list li .controls { width: 100%; height: 100%; }
.xcmain .company_infor_box .infor_list li .controls .pop_box_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #000; opacity: .5; filter: alpha(opacity=50); }
.xcmain .company_infor_box .infor_list li .controls .icon-cuowu { background: #fff; color: red; width: 50px; height: 50px; line-height: 50px; padding-right: 15px; cursor: pointer; text-align: right; z-index: 99; position: fixed !important; top: 50%; left: 50%; margin: -200px 0 0 285px; }
.xcmain .company_infor_box .infor_list li .controls .icon-cuowu:before { display: block; font-size: 30px; }
.xcmain .company_infor_box .infor_list li .controls .allmap { width: 700px; height: 410px; display: block; position: fixed !important; top: 50%; left: 50%; margin: -200px 0 0 -350px; }
.xcmain .register_info_box .pop_box_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; background: #000; opacity: .5; filter: alpha(opacity=50); -moz-opacity: .4; z-index: 20; }
.xcmain .register_info_main { position: fixed; left: 50%; top: 25%; margin: -150px 0 0 -350px; z-index: 2001; width: 778px; overflow: auto; background: #fff; }
.xcmain .register_info_main .icon-cuowu { width: 20px; height: 20px; line-height: 20px; display: block; position: absolute; right: 0; top: 0; border: 0; padding: 15px; cursor: pointer; z-index: 100; }
.xcmain .register_info_main .stamp_authenticantion { background: url(images/yz.png) no-repeat; width: 100px; height: 100px; display: block; position: absolute; right: 30px; bottom: 160px; }
.xcmain .register_info_main .register_title { height: 50px; line-height: 50px; padding-left: 26px; border-bottom: 1px solid #e9ebec; }
.xcmain .register_info_main .register_title .title_remark { font-size: 12px; color: #ff5400; }
.xcmain .register_info_main .register_title .title_info { font-size: 14px; color: #222; font-weight: 700; margin-right: 12px; }
.xcmain .register_info_main table { font-size: 12px; width: 720px; margin: 16px auto; font-weight: 400; }
.xcmain .register_info_main table td { height: 22px; line-height: 22px; padding: 7px 0; }
.xcmain .register_info_main .td_key { width: 90px; color: #9f9f9f; text-align: right; }
.xcmain .register_info_main .td_value { width: 270px; color: #222; text-align: left; }
.xcmain .companytitle { height: 25px; line-height: 25px; margin: 0; }
.xcmain .companyProfile { width: 95%; height: auto; margin: auto; }
.xcmain .companyProfile li.mt10 { width: 100%; height: auto; float: left; }
.xcmain .companyProfile li.mt10 .companytitle span { border-bottom: 2px solid #ddd; padding: 0 5px 4px; font-weight: 700; }
.xcmain .companyProfile li.mt10 p.color33 { line-height: 24px; margin-top: 10px; }
.xcmain .companyProfile li.mt10 .companymessages { border-left: 1px solid #ddd; border-top: 1px solid #ddd; }
.xcmain .companyProfile li.mt10 .companymessages li { width: 50%; float: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box; }
.xcmain .companyProfile li.mt10 .companymessages li p { display: inline-block; text-align: center; width: 40%; background-color: #fafafa; }
.xcmain .companyProfile li.mt10 .companymessages li span { display: inline-block; border: 1px solid #ddd; padding-left: 20px; }
.xcmain .companyProfile li.mt10 .info_data table { font-size: 12px; border-collapse: separate; border-spacing: 1px; background: #e9ebec; width: 100%; }
.xcmain .companyProfile li.mt10 .info_data table td { height: 40px; }
.xcmain .companyProfile li.mt10 .info_data table td.data_key { width: 10%; text-align: center; background-color: #fafafa; color: #9f9f9f; }
.xcmain .companyProfile li.mt10 .info_data table td.data_value { width: 40%; text-align: left; padding: 0 15px; background: #fff; color: #666; line-height: 20px; }
.xcmain .companyProfile li.mt10 .info_data table tr { background: #fff; }
.xcmain .qiye_xinxi { height: auto; overflow: hidden; padding: 18px 18px 0 18px; }
.xcmain .qiye_xinxi ul { height: auto; overflow: hidden; }
.xcmain .qiye_xinxi ul li { position: relative; min-height: 36px; margin: 15px 0; padding-left: 115px; }
.xcmain .qiye_xinxi ul li:after { clear: both; }
.xcmain .qiye_xinxi ul li em { position: absolute; top: 0; right: auto; bottom: auto; left: 0; display: block; height: 36px; line-height: 36px; min-width: 115px; text-align: right; margin-right: 10px; color: #333; font-size: 14px; font-style: normal; }
.xcmain .qiye_xinxi ul li em.logo { margin-top: 25px; }
.xcmain .qiye_xinxi ul li em i { color: red; font-size: 14px; vertical-align: top; margin-right: 5px; }
.xcmain .qiye_xinxi ul li p { width: 570px; height: auto; line-height: 18px; margin-top: 5px; }
.xcmain .qiye_xinxi ul li input.rg_text { border: 1px solid #dcdcdc; background-color: #fff; height: 34px; padding: 0 10px; width: 320px; }
.xcmain .qiye_xinxi ul li input.rg_text2 { width: 410px !important; }
.xcmain .qiye_xinxi ul li input.rg_text3 { width: 100px !important; }
.xcmain .qiye_xinxi ul li input.rg_text4 { width: 190px !important; }
.xcmain .qiye_xinxi ul li input.rg_text5 { width: 315px !important; }
.xcmain .qiye_xinxi ul li input.rg_text86 { width: 50px !important; }
.xcmain .qiye_xinxi ul li input.rg_textqh { width: 70px !important; }
.xcmain .qiye_xinxi ul li input.rg_texttel { width: 150px !important; }
.xcmain .qiye_xinxi ul li input.map { margin-top: 5px; margin-right: 5px; }
.xcmain .qiye_xinxi ul li input.radio { display: inline-block; margin-right: 5px; }
.xcmain .qiye_xinxi ul li textarea { width: 570px; height: 190px; }
.xcmain .qiye_xinxi ul li .bcfb { font-size: 14px; font-weight: 700; color: #fff; border: none; border-radius: 3px; padding: 8px 25px; }
.xcmain .qiye_xinxi ul li .bcfb:hover { opacity: .7; filter: alpha(opacity=70); }
.xcmain .qiye_xinxi ul li span.qiye_logo { border-radius: 5px; margin-top: 19px; min-width: 50px; height: 50px; border: 1px solid #ddd; text-align: center; display: inline-block; }
.xcmain .qiye_xinxi ul li span.qiye_logo img { vertical-align: middle; max-width: 100%; }
.xcmain .qiye_xinxi ul li .uploadify { margin-top: 10px; }
.xcmain .qiye_xinxi ul li select.leixg { height: 34px; line-height: 34px; width: 190px; padding-left: 5px; }
.xcmain .qiye_xinxi ul li select.jydz { width: 130px !important; }
.xcmain .qiye_xinxi ul li select.yye { width: 315px !important; }

.footerbody { position: relative; color: #fff; text-align: center; background: #333; margin-top: 50px; text-align: left; }
.footerbody .wx { padding: 20px 25px 5px; width: 20%; height: auto; position: relative; text-align: center; }
.footerbody .wx:after { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; right: auto; bottom: auto; left: 0; background: rgba(0,0,0,.3); z-index: 1; }
.footerbody .wx img { width: 100%; position: relative; z-index: 6; display: block; margin-bottom: 5px; }
.footerbody .footer { margin-left: 20px; width: 75%; margin: 0 2%; }
.footerbody .footer .main_product { padding: 20px 0 0; text-align: left; }
.footerbody .footer .main_product .footer_product { max-height: 65px; overflow: hidden; }
.footerbody .footer .main_product .footer_product a { color: #fff; opacity: .6; filter: alpha(opacity=60); display: inline-block; margin-right: 10px; }
.footerbody .footer .main_product .footer_product a:hover { opacity: 1; filter: alpha(opacity=100); }
.footerbody .footer .border_right { padding-bottom: 10px; }
.footerbody .footer .border_right div p { color: #fff; opacity: .6; filter: alpha(opacity=60); display: inline-block; margin-right: 30px; }
.footerbody .footer .skill { line-height: 20px; border-top: 1px solid rgba(0,0,0,.3); padding-top: 10px; }
.footerbody .footer .skill p { color: #fff; opacity: .6; filter: alpha(opacity=60); }

/*icon*/
.code { background: url(icon/icon_code.png)0 0 no-repeat; width: 30px; height: 30px; }
.icon-name { background: url(icon/icon-name.png) 0px 5px no-repeat; background-size: 20px; padding-left: 30px; }
.icon-telephone { background: url(icon/icon-telephone.png) 0px 4px no-repeat; background-size: 20px; padding-left: 30px; }
.icon-mobile { background: url(icon/icon-mobile.png) 0px 3px no-repeat; background-size: 20px; padding-left: 30px; }
.icon-guanwang { background: url(icon/icon-guanwang.png) 0px 5px no-repeat; background-size: 20px; padding-left: 30px; }
.icon-dizhi { background: url(icon/icon-dizhi.png) 0px 5px no-repeat; background-size: 20px; padding-left: 30px; }

.icon-telephones { background: url(icon/icon-telephones.png)0 0 no-repeat; background-size: 30px; height: 30px; }
.icon-mobiles { background: url(icon/icon-mobiles.png)0 0 no-repeat; background-size: 30px; height: 30px; }
.icon-colse { background: url(icon/icon-colse.png)0 0 no-repeat; background-size: 20px; height: 30px; margin: 8px 0px; float: right; width: 30px; }
/*认证*/
.xcmain .register_info_main .stamp_authenticantion { background: url(images/yz.png) no-repeat; width: 100px; height: 100px; display: block; position: absolute; right: 30px; bottom: 160px; }
.about_info { font-size: 14px; font-weight: bold; color: #000; padding: 10px 20px; }
.side_body p, div { margin-bottom: 0px !important; }

.companyNewsBox { padding: 0px; margin: 15px auto 0px auto; width: 1170px; height: 100%; overflow: hidden; }
.companyNewsBox ul { width: 530px; }
.companyNewsBox .cnLeft { float: left; }
.companyNewsBox .cnRight { float: left; margin-left: 110px; }
.companyNewsBox ul li { background: url("images/c_16px.png")no-repeat; background-size: 4px 4px; padding-left: 14px; overflow:hidden; width:516px; background-position: 1px 13px; text-align:left; font-size:14px;}
.companyNewsBox ul li span{ float:right;}
.companyNewsBox ul li a{ width:430px; line-height:25px; height:25px; overflow:hidden; display:block; float:left;}