/*----------------------
 * -----------重置样式-----
 * ---------------------------*/

@charset "utf-8";

* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul { margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }

ul,
dl,
ol { list-style-type: none; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset,
img { border: 0; height: auto; }

em,
i,
var { font-style: normal; }

.clear { clear: both; height: 0; line-height: 0; overflow: hidden; width: 0; *zoom: 1; }

.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }

/*button,
input,
select,
textarea { width: 100%; }*/


/***************************************************************************/

body { font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; line-height: 1.6; font-size: 14px; color: #000; position: relative; word-wrap: break-word; background: #fff; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

a { text-decoration: none; outline: none; color: inherit; }

a:hover,
a:focus { text-decoration: none; color: #ccc; cursor: pointer; }

html * { -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body,
html { margin: 0 auto; background-color: #e9e9e9; }

.t-l { text-align: left !important; }

.t-c { text-align: center !important; }

.t-r { text-align: right !important; }

.f-l { float: left; }

.f-r { float: right; }

.hide { display: none; }

.noclick { pointer-events: none; }


.red { color: #c00; }
/* -----------------------------------
       	结束 
------------------------------------- */
 
.c2 { color: #666; }

.headerml-r { width: 420px; height: 246px; background-color: #fff; padding: 5px 70px 5px 15px; }

.headerml-rt { border-bottom: 2px solid #337ab7; padding: 4px 10px 4px 0; }

.headerml-rm { margin-top: 4px; }

.headerml-rm span { /*display: inline-block;*/ }

.m-l { margin-left: 130px; }

.headerml-rt-r { margin-top: 4px; }

.headerml-rt-r p { line-height: 1.3; font-size: 14px; }

.headerml-rm-l input { display: inline-block; border: 1px solid #d8d8d8; border-radius: 3px 0 0 3px; height: 30px; line-height: 30px; padding-left: 8px; width: 50px; border-right: none; vertical-align: middle; margin-top: -4px; }

.headerml-rm-l em { display: inline-block; border: 1px solid #d8d8d8; border-radius: 0 3px 3px 0; background-color: #f9f9f9; height: 30px; line-height: 30px; text-align: center; width: 26px; }

.headerml-rm-l var { margin: 0 5px; }

.select { display: inline-block; border: 1px solid #d8d8d8; border-radius: 3px; height: 30px; line-height: 30px; background-color: #fff; color: #000; }

.btn { background-color: #337ab7; text-align: center; line-height: 32px; text-align: center; width: 136px; margin: 10px auto; border-radius: 5px; color: #fff; font-size: 16px; }

.sel1 { width: 100px; }

.headerml-rm-r { margin-left: 20px; }

.line-2 { line-height: 2; }

.m-t { margin-top: 10px; }

.headermr { height: 260px; width: 240px; background-color: #f3f3f3; padding: 10px; color: #666666; margin-top: 40px; }

.headermrt { border-bottom: 1px solid #dddddd; padding: 3px 0; font-size: 16px; font-weight: bold; }

.headermrt span { padding: 5px 10px; cursor: pointer; }

.headermrts { border-bottom: 2px solid #337ab7; }

.headermrc { color: #8c8c8c; height: 200px; overflow: auto; }

.headermrc ul { margin-top: 10px; }

.headermrc ul li { position: relative; padding-left: 8px; }

.headermrc ul li:before { content: ''; position: absolute; width: 4px; height: 4px; background-color: #8c8c8c; top: 7px; left: 0px; }

.headermrc li em { width: 162px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.headermrc li span { float: right; }

.headerf { width: 100%; background-color: #fff; }

.headerfd { width: 1300px; height: 110px; margin: 0px auto; margin-bottom: 0px; /*padding: 20px 0 0 0;*/ overflow: hidden; margin-top: 10px; }

.table { text-align: left; }

.table th { border-bottom: 1px solid #e5e5e5; padding: 4px; }

.table td { padding: 4px; color: #8C8C8C; }

.table1 { width: 524px; height: 110px; overflow: auto; }

.table .c3 { color: #f34a4a; }

.headerfr { width: 700px; }

.headerfr-t { border-bottom: 1px solid #e5e5e5; padding: 3px 10px; }

.headerfr-t span { margin-top: 4px; }

.headerfr-f { margin-top: 5px; padding: 0 10px; }

.headerfr-f > div { width: 33.33%; margin-top: 5px; }

.headerfr-f > div img { width: 54px; float: left; }

.headerfr-f .headerfr-f1 img { width: 50px; }

.headerfr-f1d { margin-top: 5px; margin-left: 5px; }

.headerfr-f1dp { font-weight: 500; }

.swid { width: 1300px; margin: 10px auto; background-color: #fff; }

.sc1,
.sc2 { padding: 6px 0; }

.sc2 { padding-bottom: 24px; }

.swidr { width: 270px; border-right: 1px solid #f3f3f3; }

.sc1l { text-align: center; padding-top: 8px; }

.f-w { font-weight: 600; }

.sc1r img { width: 950px; margin: 10px 0 0 30px; }

.btn1 { margin: 4px auto; }

.c4 { color: #337ab7; }

.btn2 { width: 106px; margin-left: 0; }

.sc2l { padding-left: 30px; padding: 20px 0 0 30px; position: relative; background-color: #fff; }

.sc2limg img { position: absolute; width: 84px; left: 146px; top: 44px; }

.sc2l-c { margin-top: 35px; }

.sc2l-c p { color: #666; line-height: 1.8; }

.sc2lp { font-size: 16px; margin: 40px 0 0 10px; }

.sc2rt-ldp { width: 220px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #8c8c8c; }

.f-16 { font-size: 16px; font-weight: bold; }

.sc2r { padding: 10px 0 0 30px; }

.sc2rt-li img { width: 90px; margin-right: 22px; margin-top: 14px; }

.sc2rt-li2 img { width: 98px; margin-right: 14px; }

.sc2rt { border-bottom: 1px solid #f1f1f1; padding-bottom: 24px; }

.sc2rt-ldp1 { margin-top: -7px; }

.sc2rt-ldp1 span { margin-right: 50px; }

.sc2rt-ldp2 span { margin-right: 30px; }

.sc2rt-ldp3 span { display: inline-block; width: 70px; line-height: 26px; border: 1px solid #337ab7; border-radius: 4px; text-align: center; color: #337ab7; margin-right: 16px; margin-top: 4px; }

.sc2rt-r { margin-left: 14px; }

.m-t2 { margin-top: 4px; }

.sc2rc { padding-top: 16px; }

.sc2rc-f { margin-top: 20px; }

.sc2rc-f > div { width: 25%; border-right: 1px solid #e9e9e9; }

.sc2rc-f > div:last-of-type { border-right: none; }

.sc2rc-f > div > img { display: block; width: 144px; margin: 0 auto; }

.sc2rc-f > div > p { margin: 10px 0 0 32px; line-height: 1.8; }

.sc2rc-f > .sc2rc-f1 > img { margin-left: 30px; }

.sc2rc-f > .sc2rc-f2 > img { width: 134px; }

.sc2rc-f > .sc2rc-f2 p { margin: 10px 0 0 50px; }

.sc2rc-f > .sc2rc-f3 > img { width: 126px; }

.sc2rc-f > .sc2rc-f3 p { margin: 8px 0 0 50px; }

.sc2rc-f > .sc2rc-f4 > img { width: 86px; }

.sc2rc-f > .sc2rc-f4 p { margin: 6px 0 0 50px; }

.sc3 { background-color: rgba(0, 0, 0, 0); }

.sc3l { background-color: #fff; width: 370px; height: 710px; padding: 16px; }

.sc3l-t { margin-top: 10px; }

.sc3l-t > div { width: 50%; }

.sc3l-ti img { width: 30px; margin-right: 4px; }

.c5 { color: #0979e9; }

.sc3l-t > div p { line-height: 1.3; }

.table2 { width: 100%; height: 190px; overflow: auto; }

.table2 th { background-color: #eaeaea; text-align: left; font-weight: normal; }

.table2 td { color: #000; }

.sc3l-c1 { margin-top: 14px; border-bottom: 1px solid #CCCCCC; padding-bottom: 10px; }

.sc3l-c2 { height: 168px; overflow: auto; margin-top: 14px; padding: 0 12px 20px 12px; border-bottom: 1px solid #CCCCCC; }

.sc3l-c3l img { width: 170px; margin-top: 10px; }

.btn3 { background-color: #0979E9; width: 110px; }

.sc3l-c3r { padding: 20px 0; }

.iimg2 img { display: inline-block; height: 16px; width: auto; vertical-align: middle; margin: 0 2px; margin-top: -3px; }

.sc3lrtp { width: 200px; margin-right: 228px; }

.sc3lr { width: 916px; height: 710px; float: right; background-color: #fff; padding: 12px; }

.sc3lrc1 { padding: 5px; border-bottom: 1px solid #CCCCCC; }

.sc3lrc1 > div { width: 33.33%; float: left; padding: 10px 28px; }

.sc3lrc1 > div img { height: 154px; width: auto; }

.sc3lrc2 { padding: 12px 12px; }

.sc3lrc2i { padding: 10px 0; text-align: center; margin-top: 24px; }

.sc3lrc2i img { height: 224px; width: auto; }

.iimg3 img { width: 26px; vertical-align: middle; margin-top: -4px; }

.sc4 { padding: 30px 40px; }

.sc4tr { margin-top: 20px; }

.sc4cdc { width: 976px; background-color: white; margin: 0 auto; padding: 20px 30px; margin-top: 40px; }

.sc4cdcl { width: 294px; }

.sc4cdclti img { width: 80px; }

.sc4cdcltip { margin-top: 16px; margin-left: 8px; }

.iimg4 img { height: 16px; width: auto; vertical-align: middle; margin: 0 4px; }

.iimg5 img { height: 5px; width: auto; vertical-align: middle; margin: 0 3px; }

.sc4cdcr { width: 590px; padding: 14px 30px; border-left: 1px solid #ECECEC; }

.sc4cdcrd img { width: auto; height: 96px; margin-left: 20px; margin-top: 10px; }

.sc4cdcrp { padding: 3px; }

.sf1 { background-color: #fff; width: 100%; margin-top: 60px; padding: 30px 0; }

.sf1d { width: 81%; margin: 0 auto; }

.sf1d > div { width: 20%; }

.sf1 > div img { width: 30px; height: auto; vertical-align: middle; margin-top: -6px; margin-right: 5px; }

.sf1d > div > p { margin-left: 20px; }

.sf11d { line-height: 22px; border-left: 1px solid #BBB9B9; padding: 4px 16px; margin: 2px 0 0 35px; max-height: 136px; overflow: auto; }

.sf2 { background-color: #666666; color: #fff; height: 80px; }

.sf2 p { padding-top: 24px; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next { background-image: url(../img/index/fangx1.png); left: -2px; right: auto; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev { background-image: url(../img/index/fangx2.png); right: -2px; left: auto; }

.swiper-button-next,
.swiper-button-prev { position: absolute; top: 45%; width: 27px; height: 27px; /*cursor: pointer;*/ -moz-background-size: 27px auto; -webkit-background-size: 27px auto; background-size: 27px auto; background-position: center; background-repeat: no-repeat; }

.swiper-button-next { height: 35px; }

.ss2 .swiper-button-prev,
.ss2 .swiper-container-rtl .swiper-button-next { background-image: url(../img/index/jt.jpg); left: 64px; right: auto; }

.ss2 .swiper-button-next,
.ss2 .swiper-container-rtl .swiper-button-prev { background-image: url(../img/index/jt2.jpg); right: 64px; left: auto; }

.ss2 .swiper-button-next,
.ss2 .swiper-button-prev { position: absolute; top: 54%; width: 18px; margin-top: -22px; z-index: 10; /*cursor: pointer;*/ -moz-background-size: 16px auto; -webkit-background-size: 16px auto; background-size: 12px auto; background-position: center; background-repeat: no-repeat; }

.sc3l-c3 { padding-top: 20px; }

.sc3lrc1p { height: 100px; overflow: auto; }

.jbw { width: 100%; height: 100px; background-color: #fff; }

.jnavm { margin-left: 270px; margin-top: 44px; }

.jnavr { margin: 10px 0 0 10px; }

.jnavr3 { width: 120px; height: 40px; margin: 35px 10px 0 10px; position: relative; }

.jnavr3 .jnavr2img img { width: 120px; height: 40px; }

.jnavr3 p { position: absolute; top: 12px; left: 64px; }

.jheadd span { padding: 0 12px; }

.jheadd p { width: 100%; line-height: 22px; }

.jnavr2 { position: relative; width: 120px; height: 38px; margin: 36px 10px 0 88px; }

.jnavr2img img { width: 120px; height: 38px; }

.jnavr2 p { position: absolute; top: 1px; left: 45px; }

.jnavr2 a { line-height: 38px; padding: 0 4px; }

.jnavr2 a:nth-of-type(1) { border-right: 1px solid #BBB9B9; }

.jnavr p { width: 17px; height: 17px; position: absolute; top: 3px; left: 30px; }

.jcon { width: 1140px; margin: 22px auto; }

.jconl { background-color: #fff; width: 590px; }

.jconlt { padding: 20px 0px 20px 8px; }

.jconlul { padding: 20px 10px; width: 100%; }

.jconlul li { float: left; width: 100%; padding: 2px 0; }

.jconlulp1 { width: 104px; margin-top: 7px; }

.jconlulp2 span { display: inline-block; height: 30px; line-height: 30px; border: 1px solid #e7e7e7; padding: 0 6px; cursor: pointer; margin: 4px 1px; color: #666; }

.jconlulp2 .jconlulp2ed { border: 1px solid #337ab7; background: url(../img/index/jxz.png) no-repeat; cursor: pointer; background-size: 13px 13px; background-position: right bottom; color: #000; }

.iimg7 img { width: 18px; height: auto; vertical-align: middle; margin: -2px 0 0 -6px; }

.jconlulp2p input { height: 28px; line-height: 28px; width: 54px; border: 1px solid #dcdcdc; padding: 0 5px; border-right: none; }

.jconlulp2em { display: inline-block; vertical-align: middle; height: 27px; line-height: 28px; text-align: center; background-color: #eeeeee; padding: 0 4px; border: 1px solid #dcdcdc; }

.m-l2 { border-right: none; }

.jconlulp2p { margin-top: 4px; margin-left: 4px; }

.c6 { color: #b16a00; }

.m-l3 { margin-left: 5px; }

.jconlulp2pimg img { width: 160px; margin-left: 18px; margin-top: -24px; }

.jconlulp2i { margin-top: 4px; }

.jconlulp2i input { height: 28px; line-height: 28px; width: 100px; border: 1px solid #dcdcdc; padding: 0 5px; background-color: #eeeeee; }

.jconlulp2i .jnum { background-color: rgba(0, 0, 0, 0); }

.m-l4 { margin-left: 4px; }

.select1 { width: 100px; border-radius: 0px; height: 28px; line-height: 28px; }

.iimg8 img { width: 18px; vertical-align: middle; margin: -3px 3px 0 0; }

.jem { display: inline-block; width: 14px; height: 14px; border-radius: 3px; vertical-align: middle; margin: -4px 3px 0 0; }

.jem1 { background-color: #007606; }

.jem2 { background-color: #000; }

.jem3 { background-color: #fff; border: 1px solid#CCCCCC; }

.jem4 { background-color: #ffde00; }

.jem5 { background-color: #c81609; }

.jem6 { background-color: #0943c8; }

.jconlfp { width: 100%; background-color: #f4f4f4; padding: 10px 6px; }

.jconlful { width: 100%; background-color: #fff; padding: 16px 0; }

.jconlful li { float: left; padding: 2px 20px; width: 100%; }

.jconlful1 { width: 80px; }

.jconlful2 span { padding: 0 12px; }

.jconr { width: 538px; height: 794px; overflow: auto; background-color: #fff; padding: 20px 10px; }

.jconrnva { margin: 20px 0 0 0; }

.jconrnva p { width: 20%; text-align: center; background-color: #f8f7f7; border: 1px solid #dddddd; box-sizing: border-box; border-top: none; border-right: none; float: left; line-height: 1.4; padding: 6px 0; cursor: pointer; }

.jconrnva p:last-of-type { border-right: 1px solid #dddddd !important; }

.jconrnvap1 { color: #666; }

.jconrnvap2 { color: #666; }

.jconrnvap3 { color: #000; font-weight: 500; }

.f-18 { font-size: 18px; }

.jconrnva .jconrnvap { background-color: #fff; border-right: 0; border-left: 1px solid #ddd; border-top: 2px solid #337ab7; border-bottom: none; }

.jconrnvap .jconrnvap1 { color: #000; }

.jconrnvap .jconrnvap3 { color: #ff9900; }

.jconrfd { /*border-bottom: 1px solid #e7e7e7;*/ padding: 10px 8px; }

.jconrfl { width: 116px; }

.jconrfli1 { width: 90%; display: block; margin: 0 auto; }

.jconrfli2 { width: 76%; }

.m-l5 { margin-left: 16px; }

.jconrfr { width: 344px; margin-left: 16px; margin-top: 8px; }

.jconrfrp { border-bottom: 1px solid #e7e7e7; padding: 8px 6px; cursor: pointer; }

.yuan { display: inline-block; width: 12px; height: 12px; border: 1px solid #b8b9c0; border-radius: 50%; vertical-align: middle; margin-top: -3px; margin-right: 3px; position: relative; }

.yuanimg { position: absolute; top: -1px; left: -1px; width: 12px; height: 12px; }

.jconrfrp span { display: inline-block; width: 61px; }

.jconrfrp .jconrfrps1 { width: 68px; }

.jconrfrp .jconrfrps,
.smtjp { display: inline-block; width: 42px; height: 22px; line-height: 18px; background-color: #337ab7; border-radius: 6px; color: #fff; text-align: center; }

.jconrfr .jconrfrp:last-of-type { border-bottom: none; }

.jconrfrped { border: 1px solid #337ab7 !important; box-sizing: border-box; }

.bian { background-color: #fff; width: 230px; margin: 30px 0 0 10px; }

.bian img { margin-top: 2px; }

.jbox { width: 1380px; margin: 0 auto; }

.smc { width: 1300px; margin: 0 auto; margin-top: 22px; }

.smcl,
.smcr { width: 640px; height: auto; background-color: #fff; padding: 20px 16px; }

.smclc { padding: 10px 10px; color: #333333; }

.smcr { width: 640px; }

.c7 { color: #f86a47; }

.smclcl,
.smclcr { width: 280px; position: relative; }

{ width: 280px; position: relative; }

.smclcli1 input,
.inp { height: 30px; line-height: 30px; border: 1px solid #d7d7d7; padding: 0 10px; width: 76px; border-radius: 4px; background-color: #fff; }

.m-tb { margin: 18px 0 5px 0; }

.smclcli2 { position: relative; }

.smclcli2 select { width: 200px; height: 30px; line-height: 30px; border: 1px solid #d7d7d7; padding: 0 10px; background-color: #fff; border-radius: 4px; }

.aimg img { width: 16px; display: inline-block; vertical-align: middle; margin-top: -3px; }

.smclcli3 { width: 200px; height: 30px; line-height: 30px; border: 1px solid #d7d7d7; border-radius: 4px; z-index: 1; position: relative; }

.smclcli3 em { display: inline-block; width: 38px; text-align: center; position: absolute; right: 0; top: -2px; }

.smclcli3 input { width: 160px; border: none; background-color: #fff; height: 28px; line-height: 28px; position: absolute; top: 0px; left: 0; border-radius: 4px; padding: 0 10px; }

.smclf { width: 640px; margin-left: -16px; margin-top: 20px; }

.smcr .jconrfrp span { display: inline-block; width: 100px; text-align: center; }

.smcr .jconrfr { width: 571px; margin-left: 36px; margin-top: 8px; }

.f-w2 { font-weight: 500; }

.p-l { padding-left: 22px; }

.m-t3 { margin-top: 40px; }

.m-t4 { margin-top: -14px; }

.table3 { width: 100%; }

.smcrf { padding: 18px 6px; }

.table3 th,
.table3 td { border: 1px solid #cacaca; text-align: center; height: 30px; line-height: 30px; }

.table3 th { font-weight: 500; background-color: #e1e1e1; }

.table3 td { color: #000; }

.m-b1 { margin-bottom: 5px; }

.smcrfp { height: 48px; line-height: 48px; border: 1px solid #cacaca; width: 100%; }

.smcrfp span { margin-left: 20px; }

.m-b2 { margin: 16px 0 10px 0; }

.smsmi img { width: 18px; margin-right: 8px; margin-top: 1px; }

.c3 { color: #ff6a00; }

.smsm { padding: 20px 0 0 6px; }

.inp { width: 246px; }

.textarea { width: 500px; height: 70px; border: 1px solid #d7d7d7; background-color: #fff; margin: 10px 0 16px 0; padding: 10px; border-radius: 4px; }

.f-14 { font-size: 14px; }

.smtj { position: relative; }

.smtje { font-size: 20px; font-weight: bold; color: #ff9900; }

.smtjp { height: 34px; line-height: 34px; width: 140px; font-size: 16px; position: absolute; right: 20%; top: 24%; }

.znavr { margin: 30px 0 0 0; }

.znavr span { display: inline-block; padding: 0 6px; line-height: 1; }

.znavr span:nth-of-type(1) { border-right: 1px solid #cccccc; }

.znavr span:nth-of-type(2) { margin-left: -4px; }

.hty { width: 1300px; background-color: #fff; margin: 22px auto; padding: 40px 50px; }

.htyl { width: 55%; border-right: 1px solid #e3e3e3; padding: 10px; }

.htyr { width: 45%; padding: 40px 40px 70px; text-align: center; }

.htylc { width: 60%; margin: 0 auto; position: relative; }

.htylc1 { width: 100%; height: 40px; line-height: 40px; border: 1px solid #e3e3e3; border-radius: 6px; position: relative; }

.htylc1p img { position: absolute; width: 18px; top: 8px; left: 6px; border-radius: 6px; }

.htylc1 input { border: none; border-radius: 6px; height: 38px; line-height: 38px; width: 100%; position: absolute; top: 0; left: 0; padding: 0 6px 0 28px; background-color: rgba(0, 0, 0, 0); }

.htylc1p2 { position: absolute; left: 104%; top: 30%; width: 180px; line-height: 1.2; }

.htylc { margin-top: 20px; }

.htylc2 { width: 46%; }

.htylc2 input { padding: 0 6px 0 12px; }

.htylc3 input { padding: 0 6px 0 12px; }

.htylcyzm img { height: 40px; position: absolute; left: 50%; top: 0; }

.htylczc,
.htyrp {
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #e61423;
    border-radius: 4px;
}

.m-t5 { margin-top: 12px; }

.iyud { display: inline-block; width: 14px; height: 14px; border: 1px solid #b2b2b2; border-radius: 3px; background-color: #fff; vertical-align: text-bottom; position: relative; }

.iyuded { background-color: #ececec; }

.iyuded img { width: 12px; height: 13px; border-radius: 3px; }

.htyrp {
    width: 40%;
    background-color: #e61423;
    margin: 20px auto;
}

.evm { width: 30%; margin: 0 auto; margin-top: 40px; }

.evm img,
.evm canvas { width: 100%; }

.htylc3p { float: right; margin-top: 34px; }

.m-t40 { margin-top: 40px; }

.htylc3d .htylc1 { width: 40%; }

.htylc3d .htylcyzm img { left: 44%; }

.htylc3q { padding: 3px 0 0 30px; }

.htylc3q i img { width: 24px; vertical-align: middle; margin-left: 3px; }

.xg { width: 100%; background-color: #337ab7; height: 300px; }

.xin { width: 1300px; margin: 14px auto; }

.xinl { width: 310px; padding: 20px; background-color: #fff; }

.xinr { padding: 20px; width: 980px; background-color: #fff; }

.xinl1 { width: 100%; }

.xinl1 p { color: #666; width: 100%; height: 40px; line-height: 40px; background-color: #dddddd; padding: 0 20px; margin-bottom: 10px; }

.ikai { display: inline-block; width: 8px; height: 8px; background-color: #9e9e9e; vertical-align: middle; margin: -4px 8px 0 0; }

.xinl1p { padding-left: 6px; }

.xinl1 .xinl1ped { background-color: #337ab7; color: #fff; }

.xinl1ped .ikai { background-color: #fff; }

.m-t24 { margin-top: 24px; }

.xinrt { border-bottom: 1px solid #dddddd; padding: 10px 10px; }

.xinrtp { line-height: 1.6; border-left: 3px solid #337ab7; padding: 0 8px; }

.xinrc { color: #666; padding: 20px; }

.xinrcimg img { display: block; width: 96%; margin: 40px auto 20px; }

.shou { cursor: pointer; }

.box { width: 100%; background-color: #000; position: relative; height: 380px; }

.box .swiper-slide img { height: 380px; }

.headermd { width: 1300px; position: absolute; top: 20px; left: 50%; z-index: 99; }


.baop { padding: 20px 10px 6px 10px; }

.baosc1 { background-color: rgba(0,0,0,0); padding: 0; margin-top: 0; }

.baosc1 li { float: left; width: 20%; margin-top: 10px; }

.baosc1 .sc1d11 { background-color: #fff; width: 96%; margin: 0 auto; }

.baosc1 .sc1d11 .btn2 { margin: 10px auto; }

.baosc1 .sc1d1 { padding: 0; }

.gta table { width: 100%; margin-top: 10px; }

.gta tr:nth-of-type(1) { border: 1px solid #e7e7e7; }

.gta th { background-color: #337ab7; color: #fff; text-align: left; padding: 0 1%; font-weight: normal; }

.gta tr { background-color: #fff; height: 48px; line-height: 48px; }

.gta tr:nth-of-type(odd) { background-color: #f8f8f8; }

.gta td { border: 1px solid #e7e7e7; padding: 0 1%; }

.gscl { width: 23%; background-color: #fff; padding: 10px; }

.gscl > p { border-radius: 4px 4px 0 0; }

.gscl > p,
.gscld p { background-color: #dddddd; text-align: center; color: #666666; height: 44px; line-height: 44px; margin: 6px 0; }

.gscl .gscl-p { background-color: #337ab7; color: #fff; }

.gscld2 > img { width: 280px; margin-top: -6px; }

.gscld2 p { color: #333333; padding-left: 10px; padding-right: 10px; }

.gscl .m-t2 { margin-top: 20px; }

.gscr { width: 76%; background-color: #fff; padding: 30px 120px 80px 30px; }

.gscrd > img { width: 80%; margin: 16px 0; }

.gongsd { margin-bottom: 50px; margin-top: 10px; }

.kgscr .sc4cdc { width: 100%; padding: 20px; margin: 0 auto 10px; }

.kgscr .sc4cdcl { width: 32%; }

.kgscr .sc4cdcr { width: 68%; padding: 4px 2%; }

.kgscr { padding: 0; background-color: rgba(0,0,0,0); }

.sheb2 { margin-top: 10px; }

.sheb2 li { float: left; width: 25%; }

.sheb2d { text-align: center; padding: 20px 10px; background-color: #fff; width: 95%; margin: 0 auto; }

.sheb2d img { width: 98%; margin: 0 auto; margin-bottom: 10px; }



/*20160922*/
.up-success { display: none !important; }

.pcba_file dd { position: relative; float: left; width: 72px; margin-right: 5px; text-align: center; }

.pcba_file .uploadify, .pcba_file .swfupload { width: 72px !important; height: 73px !important; line-height: 73px !important; }

.pcba_file .uploadify-button { width: 72px !important; height: 73px !important; line-height: 73px !important; background: url('/img/img/orderonline/icon_pcba.png') no-repeat; border: none !important; border-radius: 0 !important; text-indent: -9999em; overflow: hidden; }


[module=bomfile] .uploadify-button { background-position: 0 0; }

[module=gerberfile] .uploadify-button { background-position: -77px 0; }

[module=silkfile] .uploadify-button { background-position: -154px 0; }

.pcba_file .upload { background: url('/img/img/orderonline/icon_pcba.png') no-repeat; }

[module=bomfile] .bomselected { background-position: 0 -79px; }

[module=gerberfile] .gerberselected { background-position: -77px -79px; }

[module=silkfile] .silkselected { background-position: -154px -79px; }



#shipType, #provanceid { height: 30px; border-radius: 3.5px; width: 209px; }

.fl { float: left; }

.fr { float: right; }

.on { background-color: #f4f4f4; }

.top100a { width: 100%; color: #999; background: #fff; border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-top: 5px; }

/*.logo { margin-right: 50px; float: left; }*/

.Navigation { padding-top: 20px; }

.Navigation a { font-size: 16px; font-weight: bold; float: left; margin-right: 5px; display: block; display: block; padding: 5px 15px 5px 15px; border-radius: 5px; }

.Navigation a:hover { text-decoration: none; color: #fff; background: #337ab7; }

.Navigation span a { text-decoration: none; color: #fff; background: #337ab7; border-radius: 5px; }

.Navigation span a:hover { text-decoration: none; color: #fff; background: #337ab7; border-radius: 5px; }
               nav.main_menu > ul > li > a { padding:23px 21px;}


.htyPopup {
    width: 100%;
    height:100%;
    background-color: #fff;
    padding: 4px 5px;
}

.htyl {
    width: 55%;
    border-right: 1px solid #e3e3e3;
    padding: 10px;
}

.htyr {
    width: 45%;
    padding: 40px 40px 70px;
    text-align: center;
}

.htylc {
    width: 60%;
    margin: 0 auto;
    position: relative;
    margin-top: 20px;
}

.htylcPopup {
    height: 40px;
    line-height: 40px;
    border: 1px solid #e3e3e3;
    border-radius: 6px;
    position: relative;
    margin-top: 15px;
}
 
.htylcPopup input {
    border: none;
    border-radius: 6px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 6px 0 28px;
    background-color: rgba(0, 0, 0, 0);
}