@charset "UTF-8";
/*公共样式--开始*/
html, body, div, ul, li, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, form, input, textarea, th, td, select { margin: 0; padding: 0; }

* { box-sizing: border-box; }

html, body { min-height: 100%; font-family: '微软雅黑'; }

::-ms-clear, ::-ms-reveal { display: none; }

body { font-family: Arial; font-size: 14px; color: #333; }

button { behavior: url("PIE.htc"); }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }

img { border: none; vertical-align: middle; }

a { text-decoration: none; color: #232323; }

table { border-collapse: collapse; table-layout: fixed; }

input, textarea { outline: none; border: none; }

textarea { resize: none; overflow: auto; }

.clearfix { zoom: 1; }

.clearfix:after { content: "."; after: "."; width: 0; height: 0; visibility: hidden; display: block; clear: both; overflow: hidden; }

.fl { float: left; }

.fr { float: right; }

.tl { text-align: left; }

.tc { text-align: center; }

.tr { text-align: right; }

.ellipse { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.inline { display: inline-block; *display: inline; *zoom: 1; }

/*头部*/
header { width: 1200px; height: 60px; margin: auto; }

header ul li:hover a { color: #00a0e9; }

/*导航左边*/
.navBar-left {  height: 100%; float: left; }

.navBar-left li { height: 100%; float: left; }

.navBar-left li.logo { width: 60px; background: url("../img/logo.png") no-repeat center; }

.navBar_left_li_logo { width: 60px; background: url("../img/logo.png") no-repeat center; }

.navBar-left li.active a { color: #00a0e9; }

.navBar-left li a { display: block; width: auto; height: 100%; padding: 0 30px; font-size: 18px; line-height: 60px; text-align: center; }

/*导航右边*/
.navBar-right { height: 100%; float: right; }

.navBar-right li { float: left; height: 100%; font-size: 15px; position: relative; }

.navBar-right li b { position: absolute; left: -36px; top: 0; bottom: 0; margin: auto; display: inline-block; width: 30px; height: 30px; /*width: .3rem; height: .3rem;*/ border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #eeeeee url("../img/person.png") no-repeat center; -webkit-background-size: 90%; background-size: 90%; behavior: url("PIE.htc"); }

.navBar-right li a { height: 100%; line-height: 60px; display: block; }

.navBar-right li span { float: right; line-height: 60px; font-size: 17px; padding: 0 8px; }

.navBar-right li.join a { float: right; }

.navBar-right li.buyCar { padding-left: 30px; }

.navBar-right li.buyCar a { width: 32px; background: url("../img/buyCar.png") no-repeat center; }

/*轮播图*/
.banner { width: 100%; height: 650px; position: relative; overflow: hidden; /*轮播图上的定位表单*/ }

.banner .swiper-container { height: 100%; position: relative; /*轮播图上的点点*/ }

.banner .swiper-container .swiper-wrapper { height: 100%; }

.banner .swiper-container .swiper-wrapper .swiper-slide { height: 100%; width: 100%;}

.banner .swiper-container .pagination { height: 15px; position: absolute; left: 0; right: 0; margin: auto; bottom: 40px; text-align: center; }

.banner .swiper-container .pagination span { display: inline-block; width: 11px; height: 11px; border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: relative; z-index: 9; margin: 0px 10px; behavior: url("PIE.htc"); }

.banner .from { position: absolute; right: 53px; top: 120px; width: 602px; height: 388px; overflow: hidden; background: #ffffff; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; z-index: 1; behavior: url("PIE.htc"); /*轮播图上表单选择*/ /*表单具体内容*/ }

.banner .from .tabs { height: 62px; }

.banner .from .tabs a { display: block; float: left; width: 50%; height: 100%; font-size: 18px; line-height: 62px; background: #00a0e9; color: #ffffff; text-align: center; }

.banner .from .tabs a.active { background: #e6f6fe; color: #00a1f1; }

.banner .from .content-slide { /*form表单*/ }

.banner .from .content-slide p { font-size: 13px; color: #8793a2; padding: 13px 16px; }

.banner .from .content-slide p b { font-size: 18px; color: #00a1f1; padding-right: 30px; }

.banner .from .content-slide p span { font-weight: bold; }

.banner .from .content-slide #quote { padding: 0 16px; }

.banner .from .content-slide #quote div { padding: 0; line-height: 40px; }

.banner .from .content-slide #quote div input, .banner .from .content-slide #quote div select { height: 32px; line-height: 30px; border: 1px solid #c9c9c9; background: #e6f6fe; margin: 7px 0; }

.banner .from .content-slide #quote div label span { padding: 0; margin-left: 2px; }

.banner .from .content-slide #quote div button { height: 54px; background: #00a0e9; color: #ffffff; font-size: 22px; font-weight: 500; width: 81.33333333%; }

.banner .from .content-slide #quote div.bottoms { margin-top: 13px; }

.banner .from .content-slide #quote h4 { font-size: 14px; color: #697482; }

.banner .from .content-slide #quote label { padding: 0; }

.banner .from .content-slide #quote label select#layers { width: 81.333333%; }

.banner .from .content-slide #quote label input, .banner .from .content-slide #quote label select { height: 32px; line-height: 30px; border: 1px solid #c9c9c9; background: #e6f6fe; margin: 7px 0; }

.banner .from .content-slide #quote label span { line-height: 45px; margin-left: -10px; padding: 0 25px; color: #697482; font-weight: 400; text-align: center; }

/*视频轮播*/
.list { height: 622px; }

.list .row h3 { font-size: 30px; text-align: center; margin: 42px auto; }

.list .row .video { width: 100%; height: 415px; }

.list .row .video div.col-md-4 { height: 415px; }

.list .row .video div.col-md-4 div.show-video { height: 388px; background: #e8e8e8; -webkit-transition: all  .2s; -moz-transition: all  .2s; -ms-transition: all  .2s; -o-transition: all  .2s; transition: all  .2s; margin-top: 23px; }

.list .row .video div.col-md-4 div.show-video .show-head { -webkit-transition: all  .2s; -moz-transition: all  .2s; -ms-transition: all  .2s; -o-transition: all  .2s; transition: all  .2s; }

.list .row .video div.col-md-4 div.show-video .show-head p { -webkit-transition: all  .2s; -moz-transition: all  .2s; -ms-transition: all  .2s; -o-transition: all  .2s; transition: all  .2s; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0254af; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

.list .row .video div.col-md-4 div.show-video.active { margin-top: 0; background: #c9e3ff; height: 100%; box-shadow: 0 10px 50px #666; }

.list .row .video div.col-md-4 div.show-video.active .show-head p { opacity: .6; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); }

.list .row .video div.col-md-4 div.show-video.active div.show-head { height: 280px; }

/*模态框*/
.modal-body video { width: 100%; height: 100%; }

div.show-head { position: relative; height: 239px; }

div.show-head span { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; display: block; width: 52px; height: 52px; background: url("../img/play.png") no-repeat center; }

.show-one { background: url("../img/video1_1.png") no-repeat center; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/video1_1.png',sizingMethod='scale')"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/video1.png',sizingMethod=scale); -webkit-background-size: cover; background-size: cover; }

.show-three { background: url("../img/video1.png") no-repeat center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/video1.png",sizingMethod='scale'); -webkit-background-size: cover; background-size: cover; }

.show-tow { background: url("../img/video3.png") no-repeat center; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/video3.png",sizingMethod='scale'); -webkit-background-size: cover; background-size: cover; }

.show-foot h4 { text-align: center; margin: 25px 0; font-weight: 500; }

.show-foot p { padding: 0 26px; }

input::-webkit-input-placeholder { color: #8793a2; }

input::-moz-placeholder { color: #8793a2; }

input:-ms-input-placeholder { color: #8793a2; }

/*页面底部*/
@media (min-width: 992px){
footer .col-md-2 {width: 25%;}
footer .col-md-3 {width: 25%;}
footer .col-md-4 {width: 25%;}
}
footer { width: 100%; height: 550px; position: relative; background: #222222; }

footer .container { width: 1366px; }

footer .container .row ul li { padding-top: 40px; }

footer .container .row ul li p { margin-bottom: 46px; }

footer .container .row ul li p button { background: #222222; border: 1px solid #4c4c4c; color: #ffffff; font-weight: 400; }

footer .container .row ul li p.first { display: block; height: 42px; background: url("../img/foot.jpg") no-repeat left; }

footer .container .row ul li span { display: block; color: #fff; font-size: 14px; line-height: 32px; margin-bottom: 44px; }

footer .container .row ul li span.margin { margin-bottom: 0; }

footer .container .row ul li button { width: 145px; height: 45px; font-weight: 600; font-size: 16px; }

footer .container .row ul li div { height: 162px; background: url("../img/footcontact2.jpg") no-repeat left; -webkit-background-size: auto 100%; background-size: auto 100%; }
  
footer .container .row ul li div p { height: 32px; line-height: 30px; color: #ffffff; text-indent: 34px; margin-bottom: 0; }

footer .foot { width: 100%; height: 51px; border-top: 1px solid #333333; position: absolute; bottom: 0; }

footer .foot .container { height: 100%; }
  
footer .foot .container div { height: 100%; }

footer .foot .container div.logo { border-right: 1px solid #333333; }

footer .foot span { color: #fff; font-size: 13px; line-height: 50px; padding-left: 14px; }

footer .foot .container p.logo { width: 68px; height: 100%; background: url("../img/foot.jpg") no-repeat center; -webkit-background-size: 100%; background-size: 100%; float: right; margin-right: 36px; }

footer .foot .share ul { height: 100%; }

footer .foot .share ul li { height: 100%; width: 49px; border-right: 1px solid #333333; border-left: 1px solid #333333; float: right; }

footer .foot .share ul li:nth-child(12) { background: url("../img/foot1.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(11) { background: url("../img/foot2.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(10) { background: url("../img/foot3.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(9) { background: url("../img/foot4.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(8) { background: url("../img/foot5.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(7) { background: url("../img/foot6.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(6) { background: url("../img/foot7.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(5) { background: url("../img/foot8.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(4) { background: url("../img/foot9.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(3) { background: url("../img/foot10.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(2) { background: url("../img/foot11.jpg") no-repeat center; }

footer .foot .share ul li:nth-child(1) { background: url("../img/foot12.jpg") no-repeat center; }

footer .foot .share ul li:first-child { background: url("../img/foot12.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li { background: url("../img/foot11.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li { background: url("../img/foot10.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li { background: url("../img/foot9.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li { background: url("../img/foot8.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li { background: url("../img/foot7.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li + li { background: url("../img/foot6.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li + li + li { background: url("../img/foot5.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li + li + li + li { background: url("../img/foot4.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li + li + li + li + li { background: url("../img/foot3.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li + li + li + li + li + li { background: url("../img/foot2.jpg") no-repeat center; }

footer .foot .share ul li:first-child + li + li + li + li + li + li + li + li + li + li + li { background: url("../img/foot1.jpg") no-repeat center; }

/*关于我们*/
.about { width: 100%; height: 210px; background: url("../img/about.png") no-repeat center; }

.about .container { height: 100%; position: relative; }

.about .container h3 { text-align: center; color: #fff; font-size: 36px; line-height: 180px; }

.about .container span { display: block; position: absolute; width: 72px; left: 0; right: 0; margin: auto; bottom: 72px; height: 2px; background: #fff; }

.about-body { width: 100%; height: auto; }

.about-body .head { height: 123px; }

.about-body .head span { line-height: 120px; font-size: 30px; padding-bottom: 16px; border-bottom: 2px solid #00a1f1; }

.about-body .content { width: 100%; height: auto; overflow: hidden; margin-bottom: 77px; }

.about-body .content i { font-style: normal; padding-right: 10px; color: #0ea5ea; }

.about-body .content p { /*text-indent: 16px;*/ padding: 0; line-height: 30px; }

.about-body .content .heads { margin-bottom: 30px; }

.about-body .content span { font-size: 15px; line-height: 32px; }

.about-body .content .head { display: block; height: 16px; }

.about-body .article { width: 100%; height: auto; overflow: hidden; }

.about-body .article div { position: relative; }

.about-body .article div h4 { font-size: 30px; margin-bottom: 17px; margin-top: 42px; }

.about-body .article div i { position: absolute; display: block; width: 221px; height: 2px; background: #0ea5ea; }

.about-body .article div span { display: block; margin-top: 50px; font-size: 15px; line-height: 32px; margin-bottom: 32px; }

/*产品*/
.product-body { height: auto; background: #e8e8e8; }

.product-body .container { height: auto; padding: 0; /*产品下的选项卡*/ }

.product-body .container .row-pcb { width: 100%; padding: 53px 92px; height: auto; background: url("../img/product1.png") no-repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

.product-body .container .row-pcb .pcb { font-size: 16px; color: #848484; line-height: 20px; }

.product-body .container h2, .product-body .container div.h2 { font-size: 24px; line-height: 46px; margin-bottom: 12px; }

.product-body .container div.h2 { height: 42px; }

.product-body .container div.h2 span, .product-body .container div.h2 a { display: block; float: left; }

.product-body .container div.h2 span { padding-right: 53px; }

.product-body .container div.h2 a { padding: 0 20px; font-size: 16px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; z-index: 9; behavior: url("PIE.htc"); height: 22px; line-height: 22px; margin-right: 15px; margin-top: 14px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }

.product-body .container div.h2 a.active { background: #00a1f1; color: #ffffff; }

.product-body .container div.h2 a:hover { background: #00a1f1; color: #ffffff; }

.product-body .container .product-pcb { height: auto; overflow: hidden; padding-bottom: 70px; padding-top: 20px; }

.product-body .container .product-pcb .swiper-container-first, .product-body .container .product-pcb .swiper-container-two, .product-body .container .product-pcb .swiper-container-three, .product-body .container .product-pcb .swiper-container-four { overflow: hidden; height: 416px; padding: 0; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.product-body .container .product-pcb .swiper-container-first:hover, .product-body .container .product-pcb .swiper-container-two:hover, .product-body .container .product-pcb .swiper-container-three:hover, .product-body .container .product-pcb .swiper-container-four:hover { box-shadow: 0 -2px 20px #999; }

.product-body .container .product-pcb .swiper-container-first:hover .left, .product-body .container .product-pcb .swiper-container-first:hover .right, .product-body .container .product-pcb .swiper-container-two:hover .left, .product-body .container .product-pcb .swiper-container-two:hover .right, .product-body .container .product-pcb .swiper-container-three:hover .left, .product-body .container .product-pcb .swiper-container-three:hover .right, .product-body .container .product-pcb .swiper-container-four:hover .left, .product-body .container .product-pcb .swiper-container-four:hover .right { display: block; }

.product-body .container .product-pcb .swiper-container-first .left, .product-body .container .product-pcb .swiper-container-first .right, .product-body .container .product-pcb .swiper-container-two .left, .product-body .container .product-pcb .swiper-container-two .right, .product-body .container .product-pcb .swiper-container-three .left, .product-body .container .product-pcb .swiper-container-three .right, .product-body .container .product-pcb .swiper-container-four .left, .product-body .container .product-pcb .swiper-container-four .right { width: 20px; height: 48px; background: #d9d9d9; position: absolute; top: 20%; color: #fefefe; font-family: '宋体'; display: none; line-height: 48px; text-align: center; }

.product-body .container .product-pcb .swiper-container-first .left, .product-body .container .product-pcb .swiper-container-two .left, .product-body .container .product-pcb .swiper-container-three .left, .product-body .container .product-pcb .swiper-container-four .left { left: 0; }

.product-body .container .product-pcb .swiper-container-first .right, .product-body .container .product-pcb .swiper-container-two .right, .product-body .container .product-pcb .swiper-container-three .right, .product-body .container .product-pcb .swiper-container-four .right { right: 0; }

.product-body .container .product-pcb .circle { width: 100%; position: absolute; bottom: 22px; text-align: center; height: 12px; line-height: 12px; }

.product-body .container .product-pcb .circle span { cursor: pointer; display: inline-block; width: 8px; height: 8px; margin: 0 11px; background: #d9d9d9; border-radius: 50%; z-index: 9; -webkit-border-radius: 50%; -moz-border-radius: 50%; behavior: url("PIE.htc"); position: relative; }

.product-body .container .product-pcb .circle span.swiper-active-switch { width: 11px; height: 11px; border: 1px solid #13a7eb; background: #ffffff; margin-bottom: -2px; }

.product-body .container .product-pcb .pcb-swiper { position: relative; width: 100%; height: 100%; padding: 27px 27px 22px; box-sizing: border-box; background: #fff; overflow: hidden; }

.product-body .container .product-pcb .pcb-swiper .row { width: 100%; overflow: hidden; margin: 0; }

.product-body .container .product-pcb .pcb-swiper .pcb-img { width: 100%; height: 155px; background: #e8e8e8 url("../img/pro-pcb-1.png") no-repeat center; background-size: 100% 100%; }

.product-body .container .product-pcb .pcb-swiper .pcb-font h5 { font-size: 16px; padding-top: 30px; line-height: 26px; height: 90px; padding-bottom: 20px; }

.product-body .container .product-pcb .pcb-swiper .pcb-font p { height: 20px; line-height: 20px; margin: 4px 0; text-indent: 28px; color: #a4a4a4; font-size: 14px; }

.product-body .container .product-pcb .pcb-swiper .pcb-font p:nth-child(2) { background: url("../img/pcb-1.jpg") no-repeat left; margin-top: 12px; }

.product-body .container .product-pcb .pcb-swiper .pcb-font p:nth-child(3) { background: url("../img/pcb-2.jpg") no-repeat left; }

.product-body .container .product-pcb .pcb-swiper .pcb-font p:nth-child(4) { background: url("../img/pcb-3.png") no-repeat left; }

.product-body .container .product-box { padding-top: 50px; padding-bottom: 100px; height: auto; overflow: hidden; }

.product-body .container .pro-sBox { height: 280px; padding: 20px; margin-bottom: 28px; background: #ffffff; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.product-body .container .pro-sBox a { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999999; cursor: pointer; background: url(about:blank); }

.product-body .container .pro-sBox.active, .product-body .container .pro-sBox:hover { background: #00a1f1; }

.product-body .container .pro-sBox.active .pro-font, .product-body .container .pro-sBox:hover .pro-font { color: #ffffff; }

.product-body .container .pro-sBox.active .pro-shade, .product-body .container .pro-sBox:hover .pro-shade { display: block; }

.product-body .container .pro-sBox .pro-img { position: relative; width: 100%; height: 191px; background: #ffffff; }

.product-body .container .pro-sBox .pro-img img { width: 100%; height: 100%; }

.product-body .container .pro-sBox .pro-shade { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: none; width: 110%; height: 110%; position: absolute; right: 0; left: -5%; top: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000) \9; }

.product-body .container .pro-sBox .pro-shade .focus { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; left: 0; right: 0; margin: auto; top: 30%; width: 52px; height: 52px; border: 4px solid #ffffff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 99999999999999999; background: #00a0e9; font-size: 50px; line-height: 36px; color: #ffffff; font-weight: bold; text-align: center; cursor: default; behavior: url("PIE.htc"); }

.product-body .container .pro-sBox .pro-shade .focus-font { width: 200px; position: absolute; bottom: 10%; left: 0; right: 0; margin: auto; color: #ffffff; cursor: default; }

.product-body .container .pro-sBox .pro-font { height: 70px; width: 100%; text-align: center; line-height: 78px; cursor: default; }

/*联系我们*/
.contact .contact-box { width: 100%; height: 274px; }

.contact .contact-box .icon { width: 100%; height: 113px; margin-top: 113px; text-align: center; }

.contact .contact-box .icon .icon-head { display: inline-block; width: 60px; height: 55px; }

.contact .contact-box .icon h4 { margin-top: 32px; font-size: 18px; }

.contact .contact-box .contact-font { width: auto; height: auto; text-align: center; color: #9a9a9a; line-height: 30px; padding-top: 10px; }

.contact .form form { overflow: hidden; }

.contact .form form label { width: 100%; }

.contact .form form input { width: 100%; height: 42px; line-height: 42px; text-indent: 1em; border: 1px solid #c9c9c9; }

.contact .form form textarea { margin-top: 20px; width: 100%; min-height: 140px; border: 1px solid #c9c9c9; resize: none; padding: 10px 14px; font-size: 13px; line-height: 20px; }

.contact .form form button { height: 45px; width: 100%; background: #003a84; color: #ffffff; font-size: 26px; line-height: 32px; margin: 50px 0 140px; }

/*产品详情*/
.product-detail { width: 100%; height: auto; border-top: 1px solid #dcdcdc; }

.product-detail .product-view { height: auto; margin-bottom: 40px; }

.product-detail .product-view div.small-product { width: 115px; padding-left: 0; margin-right: -5px; }

.product-detail .product-view div.small-product ul { width: 100%; }

.product-detail .product-view div.small-product ul li { width: 100%; height: 100px; border: 1px solid #dcdcdc; margin-bottom: 10px; cursor: pointer; -webkit-transition: all  .3s; -moz-transition: all  .3s; -ms-transition: all  .3s; -o-transition: all  .3s; transition: all  .3s; }

.product-detail .product-view div.small-product ul li.active { border: 1px solid #333333; }

.product-detail .product-view div.small-product ul li img { cursor: pointer; width: 100%; height: 100%; }

.product-detail .product-view div.product-big { padding-right: 0; }

.product-detail .product-view div.product-big div.product-view-img { height: 474px; border: 1px solid #dcdcdc; overflow: hidden; }

.product-detail .product-view div.pro-detail { height: 474px; padding-left: 25px; /*产品标题*/ /*产品具体内容*/ /*产品overview*/ }

.product-detail .product-view div.pro-detail .title { height: 50px; width: 100%; border-bottom: 1px solid #4b4b4b; font-size: 24px; }

.product-detail .product-view div.pro-detail .detail p.detail-first { text-indent: 0; line-height: 60px; padding: 0; }

.product-detail .product-view div.pro-detail .detail p.detail-first span { color: #2f2f27; font-size: 16px; padding-right: 20px; }

.product-detail .product-view div.pro-detail .detail p { text-indent: 30px; color: #999999; padding: 5px 0; text-align: left; }

.product-detail .product-view div.pro-detail .detail p:nth-child(2) { background: url("../img/pcb-1.jpg") no-repeat left; margin-top: 12px; }

.product-detail .product-view div.pro-detail .detail p:nth-child(3) { background: url("../img/pcb-2.jpg") no-repeat left; }

.product-detail .product-view div.pro-detail .detail p:nth-child(4) { background: url("../img/pcb-3.png") no-repeat left; }

.product-detail .product-view div.pro-detail .detail p.detail-next { text-indent: 0; }

.product-detail .product-view div.pro-detail .detail p.detail-next span { padding: 0; display: inline-block; }

.product-detail .product-view div.pro-detail .detail p.detail-next span.detail-right { padding-left: 20px; }

.product-detail .product-view div.pro-detail .detail div.button { padding-top: 62px; }

.product-detail .product-view div.pro-detail .detail div.button button { padding: 0 36px; background: #44a8f2; color: #ffffff; height: 48px; }

.product-detail .product-view div.pro-detail .detail div.button a { display: block; height: 30px; color: #44a8f2; margin-top: 12px; line-height: 30px; text-indent: 30px; background: url("../img/bugCar-blue.png") no-repeat left center; }

.product-detail .overview p.title { line-height: 60px; font-size: 24px; text-align: center; border-bottom: 1px solid #4b4b4b; }

.product-detail .overview p.overview-detail { font-size: 18px; line-height: 100px; text-align: center; }

.product-detail .overview div.form { border: 1px solid #44a8f2; border-bottom: 0; border-right: 0; width: 100%; height: 370px; }

.product-detail .overview div.form p { height: 46px; border-bottom: 1px solid #44a8f2; border-right: 1px solid #44a8f2; line-height: 45px; text-indent: 55px; font-size: 14px; color: #4b4b4b; }

.product-detail .overview div.form p.title { color: #4b4b4b; font-size: 16px; text-indent: 0; background: #b7e0ff; text-align: center; }

.product-detail .overview div.form-img img { width: 100%; height: auto; }

.product-detail .overview .like { width: 100%; height: 380px; padding: 50px 0; position: relative; margin-bottom: 50px; }

.product-detail .overview .like .like-box { padding: 0 !important; }

.product-detail .overview .like .like-swiper { width: 100%; height: 100%; }

.product-detail .overview .like .like-swiper div { height: 100%; }

.product-detail .overview .like .like-swiper .swiper-slide { width: 254px !important; }

.product-detail .overview .like .like-swiper .like-pro { width: 271px; height: 99%; border: 1px solid #dcdcdc; overflow: hidden; }

.product-detail .overview .like .like-swiper .like-pro img { width: 100%; height: 223px; }

.product-detail .overview .like .like-swiper .like-pro p { line-height: 60px; text-align: center; }

.product-detail .overview .like .left, .product-detail .overview .like .right { position: absolute; display: block; width: 20px; height: 48px; background: #666666; color: #ffffff; font-size: 18px; line-height: 48px; text-align: center; top: 0; bottom: 0; font-family: '宋体'; margin: auto; }

.product-detail .overview .like .left { left: -30px; }

.product-detail .overview .like .right { right: -30px; }

/*面包屑导航*/
.bread { height: 55px; line-height: 55px; }

.bread ul li { float: left; color: #4b4b4b; }

.bread ul li:not(:last-child)::after { content: '>'; after: '>'; padding: 0 8px; font-family: '宋体'; }

/*online*/
.online { width: 100%; height: auto; border-top: 1px solid #dcdcdc; /*产品第一步的左边*/ /*产品选择的多选框*/ /*产品第一步的选择框*/ /*产品第一步的选择框*/ }

.online .circle { height: 180px; overflow: hidden; }

.online .circle .font { width: 100%; height: 107px; border-top: 1px solid #979797; margin-top: 73px; }

.online .circle .font p { font-size: 14px; line-height: 65px; padding-top: 10px; color: #4b4b4b; text-align: center; position: relative; }

.online .circle .font p.active a { border-color: #00a0e9; }

.online .circle .font p.active span { background: #00a0e9; }

.online .circle .font p a { display: block; position: absolute; width: 33px; height: 33px; background: #fff; border: 2px solid #979797; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; top: -24%; left: 0; right: 0; margin: auto; behavior: url("PIE.htc"); }

.online .circle .font p a span { position: absolute; display: block; width: 11px; height: 11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #979797; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin: auto; behavior: url("PIE.htc"); }

.online .online-body { height:850px; border: 1px solid #dcdcdc; padding-right: 0; }

.online .online-body .title { width: 70%; line-height: 80px; text-indent: 35px; color: #00a0e9; font-size: 20px; }

.online .online-body .price { width: 30%; float: right; height: 100%; padding-right: 0; }

.online .online-body .online-price { width: 100%; float: right; height: 100%; border-left: 1px solid #dcdcdc; padding-left: 30px; position: relative; }

.online .online-body .online-price p { line-height: 40px; }

.online .online-body .online-price p.title-detail { font-size: 20px; color: #00a0e9; line-height: 80px; }

.online .online-body .online-price b { display: block; font-size: 17px; padding-top: 60px; }

.online .online-body .online-price b i { font-style: normal; font-size: 47px; }

.online .online-body .online-price button { background: #44a8f2; color: #fff; margin-top: 20px; padding: 13px 45px; font-size: 16px; }

.online .online-body .online-price div.bottom { width: 100%; height: 205px; position: absolute; bottom: 0; }

.online .online-body .online-price div.bottom p { font-size: 14px; }

.online .online-body .online-price div.bottom .files { width: 80%; height: 106px; padding-top: 20px; }

.online .online-body .online-price div.bottom .files p { font-size: 13px; }

.online .online-body .online-price div.bottom .files .img { width: 60px; height: 60px; border: 1px dotted #c2c2c2; background: url("../img/copy.png") no-repeat center; }

.online .online-body .online-flow { font-size: 13px; /*颜色选择*/ }

.online .online-body .online-flow .qty .qty-title { padding-left: 0; color: #5f5d5d; }

.online .online-body .online-flow .qty label input { background: #ffffff !important; }

.online .online-body .online-flow .row {padding: 13px 0;}

.online .online-body .online-flow p { float: left; line-height: 34px; }

.online .online-body .online-flow p span { color: #ff0000; }

.online .online-body .online-flow p.title-detail { display: inline-block; width: 120px; text-align: right; }

.online .online-body .online-flow p.more { line-height: 20px; }

.online .online-body .online-flow #eg { margin-top: 0px; }

.online .online-body .online-flow #eg label { height: 32px; }

.online .online-body .online-flow #eg label input { width: 100%; line-height: 30px; border: none; background: #ffffff; height: 100%; }

.online .online-body .online-flow #next { margin-right: 80px; }

.online .check, .online #next { width: 180px; height: 30px; position: relative; border: 1px solid #00a0e9; float: right; margin-right: 30px; }

.online .check cite, .online #next cite { width: 100%; height: 100%; line-height: 24px; display: block; cursor: pointer; font-style: normal; padding-left: 10px; padding-right: 30px; background: url(xjt.png) no-repeat right center; }

.online .check cite i, .online #next cite i { display: inline-block; width: 10px; height: 10px; }

.online .check cite i.green, .online #next cite i.green { background: #009944; }

.online .check cite i.red, .online #next cite i.red { background: #FF0000; }

.online .check cite i.yellow, .online #next cite i.yellow { background: #FFD800; }

.online .check cite i.blue, .online #next cite i.blue { background: #0000FF; }

.online .check cite i.white, .online #next cite i.white { background: #fff; }

.online .check ul, .online #next ul { /*width:1.8rem;*/ width: 180px; border: 1px solid #00a0e9; /*max-height: 3rem;*/ max-height: 300px; overflow: auto; background-color: #ffffff; position: absolute; /*left:-0.01rem;*/ left: -1px; z-index: 20000; margin-top: -1px; display: none; }

.online .check ul li, .online #next ul li { height: 24px; line-height: 24px; }

.online .check ul li i, .online #next ul li i { display: inline-block; width: 10px; height: 10px; }

.online .check ul li i.green, .online #next ul li i.green { background: #009944; }

.online .check ul li i.red, .online #next ul li i.red { background: #FF0000; }

.online .check ul li i.yellow, .online #next ul li i.yellow { background: #FFD800; }

.online .check ul li i.blue, .online #next ul li i.blue { background: #0000FF; }

.online .check ul li i.white, .online #next ul li i.white { background: #fff; }

.online .check ul li a, .online #next ul li a { display: block; height: 24px; color: #333333; text-decoration: none; padding-left: 10px; padding-right: 10px; }

.online .check ul li a:hover, .online #next ul li a:hover { background-color: #CCC; }

.online .box-detail { display: inline-block; width: auto; height: 100%; position: relative; padding-left: 22px; }

.online .box-detail a { display: inline-block; padding: 0 8px; color: #676767; border: 1px solid #dcdcdc; margin-right: 14px; }

.online .box-detail a.active { border-color: #00a0e9; }

.online .box-detail span.img { float: right; display: inline-block; width: 68px; height: 36px; margin-left: 10px; }

.online .box-detail span.img.thick { background: url("../img/thickness.png") no-repeat center; background-size: 100%; }

.online .box-detail span.img.track { width: 136px; background: url("../img/track.png") no-repeat center; background-size: 100%; }

.online .box-detail span.img.size { width: 36px; background: url("../img/size.png") no-repeat center; background-size: 100%; }

.online .box-detail span.img.oz { width: 70px; background: url("../img/oz.png") no-repeat center; background-size: 100%; }

.online .online-content { padding: 0 20px; margin-bottom: 30px; border: 1px solid #dcdcdc; border-top: none; }

.online .online-content label.titles { padding: 24px 0 24px 150px; font-weight: 400; }

.online .online-content .no-padding { padding: 0; }

.online .online-content .no-padding .title-detail { font-weight: bold; }

.online .online-content .title-detail { display: inline-block; width: 140px; text-align: right; font-size: 13px; height: 36px; }

.modal-header h4 { line-height: 35px; }

/*完成*/
.confirms .modal-dialog { top: 20%; }

.confirms .modal-header { border: none; }

.confirms .modal-footer { border: none; text-align: center; margin-top: -40px; padding-bottom: 40px; }

.confirms .modal-body { height: 300px; }

.confirms .modal-body .light { color: #999; }

.confirms .modal-body .big { font-size: 25px; }

.confirms .modal-body p { line-height: 20px; height: 20px; text-align: center; font-size: 20px; }

.confirms .modal-body p:first-child { height: 100px; text-align: center; margin-bottom: 20px; }

.confirms .modal-body p:first-child img { width: 100px; height: 100px; }

/*加入购物车第二步*/
.address-next { width: 100%; height: auto; margin-bottom: 40px; /*表格*/ /*payment*/ }

.address-next .no-padding { padding-left: 0; }

.address-next .title-detail { text-align: right; height: 32px; line-height: 32px; }

.address-next .fedex, .address-next .city { width: 94px; height: 32px; margin-bottom: 0; }

.address-next .fedex select, .address-next .city select { width: 100%; height: 100%; border: 1px solid #dcdcdc; text-indent: 14px; }

.address-next .city { width: 349px; margin-left: 10px; }

.address-next .title { font-size: 20px; color: #00a0e9; text-indent: 40px; line-height: 70px; }

.address-next .border-color { border-color: #dcdcdc !important; }

.address-next .address-real { border-color: #00a0e9; }

.address-next span a { color: #fff; }

.address-next .table { width: 100%; height: 117px; margin-top: 36px; margin-bottom: 76px; }

.address-next .table span { position: relative; display: block; float: left; height: 100%; color: #ffffff; font-size: 15px; font-weight: bold; text-align: center; }

.address-next .table i { display: block; position: absolute; width: 14px; height: 14px;  top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.address-next .table .span1 { width: 4%; }

.address-next .table .span2 { width: 6.5%; }

.address-next .table .span3 { width: 12%; }

.address-next .table .span4 { width: 14.08%; }

.address-next .table .span5 { width: 21.83333333%; }

.address-next .table .span6 { width: 11.4166666666%; }

.address-next .table .span7 { width: 11.5%; }

.address-next .table .span8 { width: 16%; }

.address-next .table .top { width: 100%; height: 46px; line-height: 46px; background: url("../img/line-bg.png") no-repeat center; }

.address-next .table .bottom { border-bottom: 1px solid #d1d1d1; height: 71px; }

.address-next .table .bottom div { float: left; line-height: 71px; height: 100%; position: relative; text-align: center; border-right: 1px solid #d1d1d1; }

.address-next .table .bottom div label { width: 188px; height: 32px; }

.address-next .table .bottom div label select { border: 1px solid #d1d1d1; width: 100%; height: 100%; text-indent: 10px; }

.address-next .table .bottom div.no-border { border: none; }

.address-next .table .bottom div.no-border span { position: absolute; display: block; right: 0; top: 0; bottom: 0; margin: auto; width: 24px; line-height: 24px; height: 24px; background: url("../img/del.png") no-repeat center; }

.address-next .btn-box { text-align: center; margin-bottom: 100px; }

.address-next button { background: #44a8f2; color: #ffffff; font-size: 16px; padding: 13px 54px; }

.address-next button:hover { color: #ffffff; }

.address-next .marginBottom { margin-bottom: 35px; }

.address-next .submit { padding-left: 40px; margin-bottom: 60px; }

.address-next .submit button { padding: 16px 24px; }

.address-next .pay-btn { padding-left: 40px; margin-bottom: 46px; }

.address-next .pay-btn button { border: 1px solid #929292; background: #ffffff; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; z-index: 99999999999999999; margin-right: 40px; height: 56px; color: #757575; text-indent: 20px; position: relative; behavior: url("PIE.htc"); }

.address-next .pay-btn button b { position: absolute; width: 37px; left: 22px; top: 0; bottom: 0; margin: auto; height: 37px; }

.address-next .pay-btn button b.weChat { background: url("../img/wechat.png") no-repeat center; }

.address-next .pay-btn button b.payBy { background: url("../img/payby.png") no-repeat center; }

.address-next .payment { border-bottom: 1px solid #929292; width: 100%; height: auto; padding-left: 54px; }

.address-next .payment p { color: #757575; }

.address-next .payment p.title-detail { text-align: left; font-size: 22px; color: #757575; line-height: 22px; padding-bottom: 50px; }

.address-next .payment .bottom-font { margin-bottom: 38px; }

/*第四步支付流程*/
.go-move { width: 100%; height: 480px; background: url("../img/goMove.png") no-repeat top; }

.no-border { border: none !important; }

/*物流*/
.bg { background: url("../img/circles.png") no-repeat center 8px; }

.log { width: 100%; height: 94px; position: relative; top: -40px; }

.log span { position: absolute; right: 0; left: 0; bottom: 0; top: 0; margin: auto; background: #00a0e9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 99999999999999999; width: 60px; height: 60px; behavior: url("PIE.htc"); }

.log span.log1 { background: #00a0e9 url("../img/log1.png") no-repeat center; }

.log span.log2 { background: #00a0e9 url("../img/log2.png") no-repeat center; }

.log span.log3 { background: #00a0e9 url("../img/log3.png") no-repeat center; }

.log span.log4 { background: #00a0e9 url("../img/log4.png") no-repeat center; }

.log-detail { width: 100%; height: auto; background: #e1f6ff; padding-bottom: 30px; margin-bottom: 130px; }

.log-detail li { height: auto; width: 100%; padding-left: 40px; position: relative; line-height: 44px; text-indent: 60px; }

.log-detail li i { position: absolute; display: block; left: 40px; top: 0; bottom: 0; margin: auto; width: 6px; height: 6px; background: #d9d9d9; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 99999999999999999; behavior: url("PIE.htc"); }

.log-detail li i.active { background: #00a0e9; }

.log-detail li i b { display: block; position: absolute; left: 0; right: 0; margin: auto; top: 160%; width: 2px; height: 30px; background: #d9d9d9; }

.log-detail li span { text-indent: 0; padding-left: 10px; font-size: 16px; color: #757575; display: inline-block; }

.log-detail li span.time { width: 200px; height: 30px; text-align: right; }

.log-detail li span.log-real { width: 800px; }

/*购物最后一步*/
.body-confirm { width: 100%; height: 176px; border: 1px solid #dcdcdc; margin-bottom: 180px; }

.head-confirm { width: 100%; height: 51px; border-bottom: 1px solid #d9d9d9; background: #eeeeee; }

.head-confirm div { text-align: center; line-height: 51px; color: #757575; }

.bottom-confirm { width: 100%; height: 122px; }

.bottom-confirm .box-num { text-align: center; line-height: 122px; color: #757575; }

.bottom-confirm .box-num i { font-style: normal; color: #00a0e9; font-size: 16px; }

.bottom-confirm .box-num button { padding: 13px 43px; behavior: url("PIE.htc"); }

.bottom-confirm .box { width: 100%; height: 100%; padding: 25px 0; }

.bottom-confirm .box img { width: 130px; height: 82px; margin-top: -60px; }

.bottom-confirm .box p { display: inline-block; width: 210px; height: 82px; font-size: 13px; line-height: 20px; color: #4b4b4b; }

.bottom-confirm .box p span { display: block; }

/*Specification*/
.specification { width: 100%; height: 412px; border: 1px solid #dcdcdc; }

.specification .title { font-size: 20px; color: #00a0e9; text-indent: 40px; line-height: 70px; }

.specification .modal-body { font-size: 13px; }

/*带背景颜色的输入框mm * */
.box-write { width: 80.7%; float: right; height: 32px; }

.box-write .write { width: 100px; height: 30px; border: 1px solid #dcdcdc; background: #fff; }

.box-write .write input { width: 64px; border-right: 1px solid #dcdcdc; line-height: 30px; height: 100%; padding: 0 10px; background: #fcf8e3; }

.box-write .write b { display: inline-block; width: 34px; height: 100%; text-align: center; color: #676767; font-weight: 400; margin: auto; }

.box-write #panel { width: 137px; }

.box-write #panel input { width: 135px; border: none; }

.box-write i { font-style: normal; display: inline-block; padding: 0 6px; color: #d4cfd1; }

.box-write i.pcs { color: #676767; }

label.contents { float: left; margin-left: -40px; }

label.contents textarea { width: 903px; height: 106px; border: 1px solid #dcdcdc; padding: 16px 10px; }

.check-toggle, .check-toggle-next { display: none; }

.check-toggle .row, .check-toggle-next .row { padding: 8px 0; }

.check-toggle p, .check-toggle-next p { float: left; display: inline-block; }

.check-toggle .title-detail, .check-toggle-next .title-detail { width: 140px; text-align: right; font-size: 13px; height: 36px; font-weight: bold; }

.check-toggle div, .check-toggle-next div { height: 100%; }

.check-toggle div a, .check-toggle-next div a { height: 32px; line-height: 30px; }

#fr4-tg p.box-detail { padding-left: 10px; }

#fr4-tg p.box-detail a { padding: 0 4px; margin-right: 10px; }

/*stencil*/
.stencil { border: 1px solid #dcdcdc; margin-bottom: 60px; }

.stencil .check { margin-right: 118px; width: 320px; border-color: #dcdcdc; }

.stencil .check ul { width: 320px; border-color: #dcdcdc; }

.stencil .check ul span { color: #999999; font-size: 12px; }

.stencil .box-write { width: 85.7% !important; }

.stencil .box-write .write { width: 130px; }

.stencil .box-write b { width: 59px; }

.stencil .title { font-size: 20px; color: #00a0e9; cursor: default; position: relative; text-indent: 18px; line-height: 60px; }

.stencil .title i.caret { color: #333; }

.stencil .title i.font { color: #676767; font-size: 14px; font-style: normal; padding-left: 20px; }

.stencil .title span { position: absolute; top: 0; bottom: 0; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 1; margin: auto; width: 15px; height: 15px; background: #ffffff; border: 1px solid #dcdcdc; behavior: url("PIE.htc"); }

.stencil .title span.active { background: url("../img/greengou.png") no-repeat center; }

.stencil .stencil-font p { padding-right: 16px; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; }

input[type='number'] { -moz-appearance: textfield; }

/*登录*/
.login { width: 100%; height: auto; min-height: 890px; background: url("../img/login-bg.png") no-repeat center; -webkit-background-size: cover; background-size: cover; position: relative; }
  
.login .login-box { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 670px; height: 690px; }

.login .login-box .login-logo { width: 100%; height: 124px; background: url("../img/login-logo.png") no-repeat top center; }

.login_login_box_login_logo { width: 100%; height: 124px; background: url("../img/login-logo.png") no-repeat top center; }


.login .login-box .form { width: 100%; height: auto; background: #ffffff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; z-index: 9999999; overflow: hidden; position: relative; behavior: url("PIE.htc"); }

.login .login-box .form p.title { line-height: 109px; text-align: center; font-size: 36px; color: #014ea4; }

.login .login-box .form form { overflow: hidden; padding: 0 42px 35px; }

.login .login-box .form form label, .login .login-box .form form div { margin-bottom: 16px; height: 74px; }

.login .login-box .form form label input, .login .login-box .form form div input { width: 100%; height: 100%; line-height: 74px; border: 1px solid #014ea4; font-size: 17px; text-indent: 1em; }

.login .login-box .form form label.radio, .login .login-box .form form div.radio { height: 60px; font-size: 16px; color: #b8b8b8; }

.login .login-box .form form label.radio label, .login .login-box .form form div.radio label { position: relative; height: 30px; text-indent: 10px; }

.login .login-box .form form label.radio label.active span.s-cir, .login .login-box .form form div.radio label.active span.s-cir { opacity: 1; filter: alpha(opacity=100); }

.login .login-box .form form label.radio span.circle, .login .login-box .form form div.radio span.circle { display: block; width: 18px; height: 18px; border: 1px solid #034997; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 99999999999999999; position: absolute; left: 0; top: 6%; behavior: url("PIE.htc"); }

.login .login-box .form form label.radio span.s-cir, .login .login-box .form form div.radio span.s-cir { width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 99999999999999999; background: #034997; position: absolute; left: 0; right: 0; opacity: 0; filter: alpha(opacity=0); top: 0; bottom: 0; margin: auto; behavior: url("PIE.htc"); }

.login .login-box .form form label.radio input, .login .login-box .form form div.radio input { width: 20px; height: 20px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }

.login .login-box .form form button { width: 100%; height: 100%; border: 1px solid #014ea4; background: #014ea4 url("../img/go-al.png") no-repeat center; font-size: 30px; -webkit-transition: all  .3s; -moz-transition: all  .3s; -ms-transition: all  .3s; -o-transition: all  .3s; transition: all  .3s; behavior: url("PIE.htc"); }

.login .login-box .form form button:hover { background: #fff url("../img/go.png") no-repeat center; }

.login .login-box .form form button.final { background: #fff; color: #014ea4; }

.login .login-box .form form button.final:hover { background: #014ea4; color: #ffffff; }

.login .login-box .form form div.new { height: 69px; text-align: center; color: #014ea4; font-size: 18px; line-height: 60px; margin: 0; }

.login .login-box .form form label.pass { position: relative; }

.login .login-box .form form label.pass a { position: absolute; display: block; width: auto; height: 100%; text-align: right; right: 6%; font-size: 17px; color: #8793a2; font-weight: 400; top: 0; bottom: 0; margin: auto; line-height: 70px; }

.login .login-box .form form label.pass a.code { width: 110px; height: 40px; }

.login .login-box .form form#retrieve button { background: #fff; color: #014ea4; behavior: url("PIE.htc"); }

.login .login-box .form form#retrieve button:hover { background: #014ea4; color: #ffffff; }

.login .login-box .form .font { height: 163px; width: 100%; background: url("../img/over.png") no-repeat bottom center; }

.login .login-box .form p { text-align: center; color: #014ea4; font-size: 14px; }

.login .login-box .form .success { line-height: 80px; font-size: 34px; color: #014ea4; text-align: center; }

.login .login-box .form .bottom { padding-bottom: 140px; }

/*个人中心*/
.profile { min-height: 790px; width: 100%; border: 1px solid #e0e0e0; background: #f0f0f0; }

.profile .no-padding { padding: 0; }

.profile .container .row .check-box { width: 100%; height: auto; padding-top: 35px; }

.profile .container .row .check-box .small-bread { width: 100%; height: 60px; line-height: 50px; text-indent: 4px; }

.profile .container .row .check-box .small-bread ul li { float: left; }

.profile .container .row .check-box .small-bread ul li span { padding: 0 6px; }

.profile .container .row .check-box ul.check { width: 100%; height: auto; background: #fff; min-height: 591px; border: 1px solid #e0e0e0; }

.profile .container .row .check-box ul.check li.head { width: 100%; background: #00a0e9; height: 57px; border-bottom: 1px solid #e0e0e0; text-align: center; line-height: 56px; text-indent: 0; color: #ffffff; }

.profile .container .row .check-box ul.check li.head span { font-size: 18px; }

.profile .container .row .check-box ul.check li.head span b { padding: 0; }

.profile .container .row .check-box ul.check li { cursor: pointer; width: 100%; height: 57px; text-align: left; text-indent: 30px; line-height: 56px; color: #9e9e9e; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }

.profile .container .row .check-box ul.check li:not(:first-child):hover, .profile .container .row .check-box ul.check li.active { text-indent: 28px; color: #00a0e9; }

.profile .container .row .check-box ul.check li:not(:first-child):hover i, .profile .container .row .check-box ul.check li.active i { background: #00a0e9; }

.profile .container .row .check-box ul.check li a { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }

.profile .container .row .check-box ul.check li i { display: block; width: 2px; height: 52px; position: absolute; top: 0; bottom: 0; margin: auto; left: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.profile .container .row .check-box ul.check li span { font-size: 16px; }

.profile .container .row .check-box ul.check li span b { padding-right: 10px; }

.profile .container .row .check-box ul.check span b { padding: 0; font-size: 24px; font-weight: 100; }

.profile .container .row .change-pas { width: 100%; height: 355px; border: 1px solid #e0e0e0; background: #fff; position: relative; padding: 30px 0; }

.profile .container .row .change-pas form#change { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 312px; height: 295px; }

.profile .container .row .change-pas form#change div { width: 100%; height: 80px; }

.profile .container .row .change-pas form#change div p { font-size: 16px; color: #9e9e9e; line-height: 40px; }

.profile .container .row .change-pas form#change div label { width: 100%; }

.profile .container .row .change-pas form#change div input { width: 100%; text-indent: 1em; height: 32px; border: 1px solid #e0e0e0; }

.profile .container .row .change-pas form#change div button { margin-top: 10px; width: 129px; height: 40px; background: #00a0e9; color: #ffffff; behavior: url("PIE.htc"); }

/*个人中心内容*/
.real-box { overflow: hidden; padding-top: 96px; margin-bottom: 115px; }

/*个人中心详情*/
.account { width: 100%; height: 590px; }

.account .person { width: 100%; height: 180px; border: 1px solid #e0e0e0; background: #ffffff; margin-bottom: 38px; }

.account .person div { height: 100%; position: relative; }

.account .person .img { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #eeeeee url("../img/person.png") no-repeat center; -webkit-background-size: 90%; background-size: 90%; float: right; behavior: url("PIE.htc"); }

.account .person .font { padding: 60px 0; }

.account .person .font a { color: #9e9e9e; font-size: 16px; }

.account .person .font p { height: 20px; font-size: 18px; margin-bottom: 14px; color: #757575; }

.account .person .font p.edit { color: #9e9e9e; }

.account .order { width: 100%; height: 372px; border: 1px solid #e0e0e0; position: relative; background: #ffffff url("../img/noOrder.png") no-repeat center; }

.account .order .order-head { line-height: 50px; border-bottom: 1px solid #e0e0e0; color: #9e9e9e; font-size: 16px; }

.account .order .order-head a { float: right; color: #2aafed; }

.account .order .order-head a i { font-style: normal; font-family: '宋体'; padding-left: 6px; }

.account .order .font { width: 100%; position: absolute; bottom: 94px; text-align: center; color: #9e9e9e; }

/*地址*/
.address { width: 100%; overflow: hidden; min-height: 590px; background: #fff; padding: 0 38px 20px; border: 1px solid #e0e0e0; /*添加新地址*/ /*没有地址*/ }

.address p.title { font-size: 18px; color: #757575; line-height: 70px; }

.address .address-box { padding: 0; }

.address .new-address { width: 100%; height: 50px; }

.address .new-address p { color: #777777; line-height: 34px; font-size: 14px; }

.address .new-address label { width: 100%; height: 34px; }

.address .new-address label input, .address .new-address label select { width: 100%; height: 100%; border: 1px solid #e0e0e0; text-indent: 1em; }

.address .new-address button { float: right; margin-left: 22px; margin-top: 43px; border: 1px solid #00a0e9; background: #ffffff; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; color: #00a0e9; }

.address .new-address button.save { background: #00a0e9; color: #ffffff; }

.address .new-address button:hover { background: #00a0e9; color: #ffffff; }

.address .no p { height: 54px; background: #e9f3ff; line-height: 54px; color: #9e9e9e; margin-bottom: 43px; }

.address .no p span { display: inline-block; width: 18px; height: 18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 9; background: #9e9e9e; color: #ffffff; text-align: center; line-height: 18px; margin-right: 10px; position: relative; behavior: url("PIE.htc"); }

.address .no button { background: #00a0e9; color: #ffffff; padding: auto 17px; }

/*地址内容*/
.address-real { width: 100%; position: relative; padding: 23px 22px; height: 203px; border: 1px solid #e5e5e5; }

.address-real.write { background: url("../img/line.png") no-repeat top; }

.address-real p { font-size: 14px; color: #4b4b4b; line-height: 13px; margin-bottom: 12px; }

.address-real p.operate { padding-top: 10px; }

.address-real p a { display: block; float: left; width: 28px; height: 28px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 1; background: #00a0e9; color: #ffffff; margin-right: 10px; line-height: 28px; text-align: center; position: relative; behavior: url("PIE.htc"); }

.address-real p a b { font-weight: 200; }

.address-real span { cursor: pointer; position: absolute; left: 0; right: 0; top: 0; bottom: 0; font-size: 50px; color: #fff; text-align: center; line-height: 42px; margin: auto; display: block; width: 48px; height: 48px; background: #44a8f2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; z-index: 1; behavior: url("PIE.htc"); }

/*coupons*/
.coupons { width: 100%; height: 446px; background: #ffffff url("../img/no-cou.png") no-repeat center; border: 1px solid #e0e0e0; }

.coupons p.title { line-height: 50px; font-size: 16px; color: #9e9e9e; border-bottom: 1px solid #e0e0e0; text-indent: 38px; }

.coupons .check { height: 48px; text-indent: 24px; line-height: 48px; }

.coupons .check a { margin-right: 33px; padding-bottom: 12px; color: #979797; font-size: 16px; }

.coupons .check a.active { border-bottom: 2px solid #00a0e9; }

.coupons .check-box { width: 100%; height: 348px !important; position: relative; }

.coupons .check-box .font { width: 100%; position: absolute; bottom: 94px; text-align: center; color: #9e9e9e; }

.coupons .check-box .font a { color: #0ea5ea; }

/*oder*/
.orders .no a { color: #00a0e9; }

.orders .orders-box div { padding: 0; }

.orders .orders-box .orders-check { width: 100%; height: 43px; border-bottom: 1px solid #bdbdbd; }

.orders .orders-box .orders-check a { display: inline-block; height: 100%; line-height: 43px; margin: 0 0 0 30px; background: #e8e8e8; border: 1px solid #bdbdbd; padding: 0 18px; border-bottom-color: #ffffff; position: relative; color: #757575; }

.orders .orders-box .orders-check a span { display: block; position: absolute; width: 100%; height: 2px; bottom: -2px; left: 0; }

.orders .orders-box .orders-check a.active { background: #ffffff; }

.orders .orders-box .orders-check a.active span { background: #ffffff; }

.orders .orders-box .orders-body { overflow: hidden; }

.orders .orders-box .orders-body .orders-body-head { width: 100%; height: 32px; background: #efefef; margin: 32px auto; line-height: 32px; color: #757575; }

.orders .orders-box .orders-body .orders-body-head input { margin-top: 10px; }

.orders .orders-box .orders-body .orders-body-head .ok { display: inline-block; width: 13px; height: 13px; border: 1px solid #44a8f2; background: #fff; }

.orders .orders-box .orders-body .orders-body-head span { font-weight: 400; text-align: center; }

.orders .orders-box .orders-body .orders-body-head span.active span { background: url("../img/ok.png") no-repeat center; }

.orders .orders-box .orders-body .orders-body-list { border: 1px solid #dcdcdc; height: 193px; overflow: hidden; margin-bottom: 22px; }

.orders .orders-box .orders-body .orders-body-list .head { color: #757575; height: 34px; border-bottom: 1px solid #dcdcdc; background: #eeeeee; }

.orders .orders-box .orders-body .orders-body-list .head p { line-height: 34px; cursor: default; }

.orders .orders-box .orders-body .orders-body-list .head span { line-height: 34px; margin-right: 10px; }

.orders .orders-box .orders-body .orders-body-list .bottom { overflow: hidden; height: 84%; }

.orders .orders-box .orders-body .orders-body-list .bottom div { padding: 0 5px; height: 100%; text-align: center; position: relative; }

.orders .orders-box .orders-body .orders-body-list .bottom div label { width: 100%; height: 100%; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); position: absolute; left: 0; top: 0; }

.orders .orders-box .orders-body .orders-body-list .bottom div label input { width: 100%; height: 100%; }

.orders .orders-box .orders-body .orders-body-list .bottom div .choose { position: absolute; top: 0; bottom: 0; margin: auto; display: inline-block; width: 13px; height: 13px; border: 1px solid #44a8f2; }

.orders .orders-box .orders-body .orders-body-list .bottom div .choose.active { background: url("../img/ok.png") no-repeat center; }

.orders .orders-box .orders-body .orders-body-list .bottom div .product { position: relative; }

.orders .orders-box .orders-body .orders-body-list .bottom div .top { height: 105px; }

.orders .orders-box .orders-body .orders-body-list .bottom div .bottom { height: 54px; }

.orders .orders-box .orders-body .orders-body-list .bottom div .bottom button { border: 1px solid #00a0e9; color: #00a0e9; background: #ffffff; }

.orders .orders-box .orders-body .orders-body-list .bottom div .product-img { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 90px; height: 60px; background: url("../img/pro1.png") no-repeat center; -webkit-background-size: 98%; background-size: 98%; }

.orders .orders-box .orders-body .orders-body-list .bottom div .product-font { position: absolute; top: 0; bottom: 0; right: 0; font-size: 13px; text-align: left; margin: auto; width: 240px; height: 90px; }

.orders .orders-box .orders-body .orders-body-list .bottom div .product-font .marginTop { margin-top: 10px; }

.orders .orders-box .orders-body .orders-body-list .bottom div .quantity { line-height: 100px; }

.orders .orders-box .orders-body .orders-body-list .bottom div .button { height: 100px; position: absolute; top: 0; bottom: 0; margin: auto; }

.orders .orders-box .orders-body .orders-body-list .bottom div .button button.review { background: #ffffff; border: none; color: #00a0e9;}

.orders .orders-box .orders-body .orders-body-list .bottom div .button button.confirm { background: #00a0e9; color: #ffffff; }

.orders .orders-box .orders-body .orders-body-list .bottom div .button button.cancel { background: #ffffff; border: none; color: #929292; }

.orders .orders-box .orders-body .orders-body-list .bottom div .button button.view { padding: 0 60px; }

.orders .orders-box .orders-body .orders-body-list .bottom div .button button.cancels { background: #ffffff; color: #929292; border: 1px solid #929292; }

/*个人中心菜单页面底部*/
.order-page .page { text-align: right; }

.order-page nav { text-align: center; }

.order-page nav a { background: #00a0e9; color: #ffffff; }

.modal-title { color: #00a0e9; }

.modal-body { height: 340px; }

.modal-body div { padding: 0; }

.modal-body p { color: #4b4b4b; height: 38px; line-height: 20px; margin: 10px 0; }

.modal-body p span:first-child { text-align: right; display: inline-block; width: 50%; padding: 0; }

.modal-body p span { padding-left: 10px; position: relative; }

.modal-body p span b { position: absolute; width: 10px; height: 10px; right: -16px; top: 0; bottom: 0; margin: auto; }

.modal-body p span b.green { background: #009944; }

.modal-body p span b.yellow { background: #ffd800; }

.modal-body .imgs { color: #4b4b4b; margin-left: 100px; }

.modal-body .imgs .img { width: 58px; margin: auto; height: 58px; background: url("../img/file-mo.png") no-repeat center; border: 1px solid #c2c2c2; }

.modal-body .imgs p { text-align: center; font-size: 14px; }

.modal-footer p { font-size: 22px; }

.modal-footer p span { color: #00a0e9; padding-right: 10px; }

.modal-footer p b { color: #5f5d5d; }

.edit label { padding: 0 15px 0 0; width: 33.333333% !important; }

#gender label { width: 33.333333%; font-weight: 400; line-height: .40px; }

#gender label input { width: 17px; height: 17px; }

#edit .img { width: 106px; height: 106px; background: #f4f4f4 url("../img/person.png") no-repeat center; }

#edit .no-padding { padding: 0; }
 
#edit .img-position { padding-top: 38px; }

#edit .img-position .font label { width: 83.33333333%; }

#edit .img-position .font p { line-height: 20px; }

#edit .img-position .font p { line-height: 30px; }

#edit .img-position button { margin-top: 0; border: 1px solid #e0e0e0; height: 34px; color: #777; }

#edit .img-position button:hover { background: #ffffff; color: #777; }

#edit .bottons button.save { padding: 14px 50px; float: left; margin-left: 0; }

.price-box { width: 100%; height: 210px; }

.price-box .head { width: 100%; height: 50px; }

.price-box .head li { width: 25%; height: 100%; border: 1px solid #eeeeee; float: left; background: #f8f8f8; text-align: center; }

.price-box .head li.active { background: #fff; border-color: #00a0e9; border-top-width: 2px; border-bottom: none; }

.price-box .head li.active span { color: #00a0e9; }

.price-box .head li a { display: block; width: 100%; height: 100%; }

.price-box .head li i { font-style: normal; display: block; line-height: 24px; font-size: 12px; }

.price-box .head li span { font-size: 12px; }

.price-box .foot .title { text-indent: 0; color: #5f5d5d; font-size: 16px; line-height: 50px; font-weight: bold; }

.price-box .foot p { padding-right: 35px; }

.price-box .foot p span { float: right; color: #919090; }



/*新闻*/
.new { width: 100%; height: auto; }

.new-head { height: 110px; width: 100%; padding-top: 55px; }

.new-head p { height: 38px; line-height: 38px; }

.new-head p a { display: inline-block; padding: 12px 32px; color: #666666; font-size: 16px; line-height: 14px; height: 100%; background: #eaeaea; margin-right: 35px; }

.new-head p a.active { background: #666666; color: #fff; }

.new-body .img-box { padding-left: 0; }

.new-body .img { width: 100%; height: 156px; border: 1px solid #bfbfbf; padding: 8px; }

.new-body .img img { width: 100%; height: 100%; }

.new-list { overflow: hidden; padding: 10px 0; }

.new-body { width: 100%; height: auto; }

.new-body .font { width: 100%; height: auto; }

.new-body .font h4 { line-height: 35px; color: #464646; border-bottom: 1px dashed #c9c9c9; }

.new-body .font p.icon { margin-bottom: 30px; }

.new-body .font p.icon a { display: inline-block; color: #a7a7a7; font-size: 12px; margin-right: 18px; margin-top: 6px; }

.new-body .font p.con { color: #848484; }

.new-body .font p.icon a i { font-size: 14px; margin-right: 10px; }

.new .page { width: 100%; height: 140px; padding: 30px 0; position: relative; }

.new .page ul { float: left; width: auto; height: 100%; }

.new .new-list { position: relative; }

.new .new-list a.click { position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; cursor: pointer; z-index: 9; }

.new .page ul li { float: left; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #a3a3a3; margin: 0 5px; text-align: center; }

.new .page ul li a { color: #676767; }

.new .page ul li.active { width: 30px; height: 30px; border: 2px solid #0f87ff; padding: 2px; margin-top: -1px; }

.new .page ul li.active a { background: #0f87ff; color: #ffffff; line-height: 22px; }

.new .page div div { width: 68px; height: 26px; float: left; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border: 1px solid #a0a0a0; margin: 1px 5px 0; line-height: 24px; }

.new .page div div a { line-height: 24px; color: #676767; }

.new .page a { display: block; width: 100%; height: 100%; line-height: 26px; text-align: center; border-radius: 50%; }

.new .page-content { overflow: hidden; width: 350px; height: 38px; padding-top: 5px; position: absolute; left: 0; right: 0; margin: auto; }

.new-detail { width: 100%; height: auto; overflow: hidden; }

.new-detail h3 { text-align: center; font-size: 20px; line-height: 60px; margin-top: 64px; border-bottom: 1px dashed #cfcfcf; }

.new-detail p.icon { line-height: 60px; color: #b7b7b7; }

.new-detail p.icon a { color: #b7b7b7; margin-right: 20px; }

.new-detail p.icon a i { margin-right: 10px; }

.new-detail .img { width: 100%; height: auto; text-align: center; margin: 38px; }

.new-detail .img-border { width: 674px; height: 373px; padding: 3px; border: 1px solid #d3d3d3; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 0 0 10px #999; display: inline-block; }

.new-detail .img-border img { width: 100%; height: 100%; }

.new-detail .context p { margin-bottom: 40px; line-height: 24px; }

.new-detail .context { margin-bottom: 60px; }

header div { height: 100%; }

header ul li { position: relative; }

header ul li ul { position: absolute; display: none; left: 40px; top: 100%; background: #00a0e9; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: none; overflow: hidden; z-index: 2; behavior: url("PIE.htc"); }

header ul li ul li { width: 100%; background: #00a0e9; height: 60px; }

header ul li ul li:hover a { background: #3faeec; }

header ul li ul li a { background: #00a0e9; color: #fff !important; display: block; padding: 0 20px !important; }

.online .online-body .online-flow .left .img .one { width: 55px; height: 100%; background: url("../img/individual.png") no-repeat center; background-size: 68%; }

.online .online-body .online-flow .left .img .two { width: 84px; height: 100%; background: url("../img/indivdual1.png") no-repeat center; background-size: 80%; }

.online .online-body .online-flow .left .total .one { background: url("../img/foot.png") no-repeat center; background-size: 80%; }

.online .online-body .online-flow .left .weld .one { width: 87px; background: url("../img/weld.png") no-repeat center; background-size: 80%; }

.online .online-body .online-flow .left .weld .two { width: 60px; background: url("../img/weld1.png") no-repeat center; background-size: 80%; }


.pcb-faqs{
    width: 100%;
    height: auto;
}

.faqs-head{
    width: 100%;
    height: 72px;
    line-height: 72px;
    font-size: 16px;
}

.faqs-head a{
    color: #7e7e7e;
}

.faqs-head span{
    font-family: '宋体';
}

.faqs-foot{
    width: 100%;
    height: auto;
    overflow: hidden;
}

.faqs-foot div{
    padding: 0 4px;
}

.left-faqs{
    width: 100%;
    height: auto;
}

.left-faqs ul{
    border: 1px solid #e5e5e5;
    border-bottom: none;
}

.left-faqs ul li a{
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    border-bottom: 1px solid #e5e5e5;
    text-indent: 20px;
}

.left-faqs > p{
    line-height: 40px;
    text-indent: 12px;
}

.right-faqs-head{
    color: #0088cc;
    font-size: 20px;
}

.left-faqs .first{
    margin-top: 10px;
}

.left-faqs ul li a:hover,.left-faqs ul li a.active{
    background: #0088cc;
    color: #fff;
}

.right-faqs{
    width: 100%;
    height: auto;
}

.faqs-head .icon-earth{
    display: inline-block;
    width: 24px;
    height: 31px;
    background: url(../img/earth_icon.png) no-repeat center;
    margin-right: 22px;
}

.right-faqs .right-content{
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-bottom: 60px;
}

.right-content p.faqs-title{
    font-size: 18px;
    color: #464646;
}

p.faqs-font{
    margin-top: 10px;
    font-size: 16px;
    color: #838383;
    margin-bottom: 40px;
    line-height: 24px;
}

.right-content p{
    font-size: 16px;
    color: #838383;
    line-height: 30px;
}

.right-content img{
    display: block;
    max-width: 80%;
    height: auto;
    border: 1px solid #c9c9c9;
    margin: 40px auto 50px;
}

.right-faqs-head span{
    color: #464646;
    font-size: 20px;
}

.right-faqs-head p{
    font-size: 14px;
    color: #848484;
    line-height: 24px;
}

.right-faqs-head .num{
    padding-bottom: 30px;
    border-bottom: 1px dotted #d0d0d0;
}

.right-faqs-head .num p{
    min-height: 66px;
    padding-top: 20px;
    padding-left: 50px;
}

.right-faqs-head .num p:first-child{
    background: url("../img/icon-one.jpg") no-repeat 0 78%;
}

.right-faqs-head .num p:first-child + p{
    background: url("../img/icon-two.jpg") no-repeat 0 78%;
}

.right-faqs-head .num p:first-child + p + p{
    background: url("../img/icon-three.jpg") no-repeat 0 78%;
}

.right-faqs-head .num p:first-child + p + p + p{
    background: url("../img/icon-four.png") no-repeat 0 78%;
}

.right-faqs-head .num p:first-child + p + p + p + p{
    background: url("../img/icon-five.png") no-repeat 0 78%;
}

.right-content p.line{
    border-bottom: 1px dotted #d0d0d0;
    margin-bottom: 34px;
}

.ship .num{
    border: none;
}

.ship .title{
    margin-top: 20px;
    font-size: 18px;
    color: #464646;
    line-height: 60px;
}

.ship .img-box{
    width: 100%;
    height: 206px;
    border-bottom: 1px dotted #c9c9c9;
    padding: 22px 0;
}

.ship .img-box .img{
    display: inline-block;
    width: 222px;
    height: 100%;
    border: 1px solid #d2d2d2;
    padding: 8px;
    float: left;
}

.ship .img-box .img img{
    width: 100%;
    height: 100%;
}

.ship .img-box  p{
    float: left;
    padding-left: 36px;
    width: 65%;
}

.ship .img-box  p .title{
    color: #464646;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 16px;
}

.ship .img-box  p span{
    display: block;
    font-size: 14px;
    color: #848484;
}

.faqs-foot .faqs-contact {background: url("../img/foot-opacity.png") no-repeat left;height: 253px;}

.faqs-foot .faqs-contact p {height: 42px;line-height: 42px;text-indent: 26px; }



