*{padding:0; margin: 0; box-sizing: border-box; font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;}
.pull-left{float: left;}
.pull-right{float: right;}
.clearfix:after{display: block; content: ""; clear: both;}
a,a:hover,a:active,a:link,a:focus{text-decoration: none; color: #555;}
li{list-style: none;}
input:focus{outline: none;}

.mr-30{margin-right: 30px;}

.top-intr{ height: 30px; line-height: 30px; background-color: #F2F2F2;}
.top-intr div{width:1200px; margin: auto;}
.top-intr p{line-height: 30px; font-size: 12px;}
.top-intr p a:hover{color: #128DF1;}
.top-intr p a{padding:0 10px; border-right: 1px solid #555555;}
.top-intr p a:last-child{border: none;}

.top-status { width: 100%; height: 34px; background: #EDEDED; font-size: 12px; color: #666666; }
.top-status .content { width: 1200px; height: 34px; margin: 0 auto;
	display: flex; align-items: center; justify-content: space-between; }
.top-status .left { color: #FF4000; }
.top-status .iconfont{ font-size: 14px; margin-right: 2px; }
.top-status .city { color: #333333; margin-left: 16px; }
.top-status .city .iconfont { font-size: 8px; color: #999999; margin-left: 8px; }
.top-status .right { display: flex; align-items: center; }
.top-status .ul1 { display: flex; align-items: center; }
.top-status .ul1 li { border-right: solid 1px #BFBFBF; line-height: 14px; padding-left: 24px; padding-right: 32px; }
.top-status .ul1 li:nth-child(1){ position: relative; }
.top-status .ul1 li:last-child{ border: none; padding-right: 40px; }
.top-status .icon { position: absolute; top: 50%; left: -2px; transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; }
.top-status .right .cart{ font-size: 12px; font-weight: 400; color: #666666; }
.top-status .right .iconfont{ color: #FF4000; font-size: 14px; margin-right: 2px; }
.icon-shouye, .tips{color: #FF4000;}

.na-search{float: right;}
.na-search form{padding:25px 30px;}
.na-search input{ height: 35px; line-height: 15px; padding:5px 10px; font-size: 14px; vertical-align: top; border:1px solid #CCC;}
.na-search input.btn{background-color: #128DF1; color: #FFFFFF; border: none;}
.na-search input.btn:hover{background-color: #FF9900;}
.na-phone{padding:15px 20px;}
.na-phone p{font-size: 16px; padding:2px;}
.na-phone p:last-child{font-size: 18px; font-weight: bold; color: #FF9900;}
.na-phone>div{padding-left: 10px;}


.logobar,.nav-list ul,.about,.pro,.news,.link>div,.foot-nav,.cp-mes{width:1200px; margin: auto;}

/*nav*/
.nav .na-logo{float: left; padding:10px 20px; display:flex; align-items:center;}
.nav .na-phone{float: right;}
.nav .na-phone img{width:50px;}
.nav .na-phone div{float: right;}
.nav-list li{float: left; }
.nav-list li a{padding:0px 40px; color: #FFFFFF; display: inline-block;  height: 46px; line-height: 46px; font-size: 18px; }
.nav-list{background-image: url(../images/nav.png); background-position: center;  position: relative; bottom: -8px; z-index: 999;}
.nav-list li.active a,.nav-list li a:hover{background-color: #FF9900; }
.nav-list ul{padding:5px 120px;}

@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px; font-size:12px; line-height:1.4;color: #5a5a5a;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

.main{ width:1200px; margin:0 auto;}


.banner{ width:100%; min-width:1200px; /*height:400px;*/ overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{ /*height:400px;*/  position:absolute; left:0; top:0;}
.b-img img{ display:block; /*height:400px;*/ float:left;}
.b-list{ height:20px; /*padding-top:380px;*/ margin:0 auto;position:relative;z-index:1; display: flex; align-items: center; justify-content: center;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}


.logo{ width:1200px; margin:0 auto; overflow:hidden; min-height:20px; padding:20px 0}
.logo img{ width:1200px;}

.vip_shop_logo{height: 70px;}
.vip_shop_name{font-size: 18px; font-weight: bold; margin-left: 10px;}

.part1{ padding-top:30px; overflow:hidden; width:1200px; margin:0 auto}
.part1L{ float:left;width: 267px; overflow:hidden;height: 505px;}
.part1L .titbox{ background:#147AC1; height:100px; overflow:hidden}
.part1L .titbox p{text-align:center; font-weight:bold; font-size:30px; line-height:1.4; padding-top:20px; color:#fff;}
.part1L .titbox span{ text-align:center; color:#fff;font-size: 12px; text-transform:uppercase; line-height:1.4}
.part1L .titbox img{ display:block; margin:0 auto}
.part1L ul{width: 267px;height: 367px; overflow:hidden; background:#006BC3}
.part1L ul li{ padding:0 12px; height:60px; line-height:60px;}
.part1L ul li a{border-bottom: 1px solid #aaa;font-size: 19px; padding-left:15px;font-family: arial;color: #eee;}
.part1L ul li:hover{ background:#000}
.part1L ul li:hover a{}

.part1R{ float:right;width: 911px;height: 546px; }
.part1R ul{ overflow:hidden}
.part1R ul li{ float:left; width:284px; overflow:hidden; margin-right:29px; margin-bottom:10px;}
.part1R ul li .probox{_display:table;display:table-cell;text-align:center;width:280px; height:190px; border:1px solid #ddd; padding:1px;vertical-align:middle}
.part1R ul li .probox img{max-height:190px; max-width:280px;}
.part1R ul li p{ text-align:center; padding:0 20px; height:40px; line-height:40px;font-size: 16px; color:#5a5a5a}
.part1R ul li:nth-child(3n){ margin-right:0}
.part1R ul li:hover .probox{ border:1px solid #006BC3}
.part1R ul li:hover p{ color:#006BC3}


.part2{width:100%; min-width:1200px; height:496px; overflow:hidden; background:url(../images/bg.jpg) no-repeat center center;margin-bottom: 60px;}
.part2 .p2L{ float:left; width:550px; height:460px; overflow:hidden; margin-top:35px}
.part2 .p2L img{width:550px; height:460px; overflow:hidden}


.part2 .p2R{ float:right; width:550px; padding:30px; overflow:hidden; margin-top:170px}
.part2 .p2R .titbox{ height:80px; overflow:hidden}
.part2 .p2R .titbox .tit{ float:left; width:264px;}
.part2 .p2R .titbox .tit h1{ clear:both;font-size: 30px; font-weight:bold; line-height: 42px; color:#fff}
.part2 .p2R .titbox .tit span{font-size: 12px; color:#fff;font-weight: normal; line-height:1.4}
.part2 .p2R .titbox a{ display:block; float:right;width: 150px;height: 41px;line-height: 41px; text-align:center; color:#fff; border:1px solid #fff; margin-top:10px }
.part2 .p2R .titbox a:hover{ background:rgba(28,69,135,1)}
.part2 .p2R .con{ height:180px; overflow:hidden; color:#fff;line-height:25px;font-size: 15px;}


.contitbox{  margin:0 auto; }
.contitbox p{ text-align:center;font-weight: bold; font-size:30px; color:#000; height:42px; line-height:42px;background:url(../images/titbg.jpg) center center;width:520px; margin:0 auto}
.contitbox span{ text-align:center; color:#5A5A5A; text-transform:uppercase;font-size: 12px; line-height:20px}
.contitbox .sub{ text-align:center;color: #5a5a5a; font-size:12px; padding-top:10px}


.part3{ width:1200px; margin:0 auto; overflow:hidden;padding-bottom:60px}
.part3 .p3L{ float:left; width:428px; height:428px; overflow:hidden; position:relative; padding-top:50px}
.part3 .p3L img{width:428px; height:428px; }
.part3 .p3L .con{ position:absolute; width:100%; background:rgba(0,0,0,0.4); left:0; bottom:0; padding:12px 0}
.part3 .p3L .con p{ padding:0 12px; font-size:14px; color:#fff; line-height:30px; font-weight:bold}
.part3 .p3L .con .sub{ padding:0 12px; font-size:12px; line-height:24px; color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.part3 .p3R{ float:right;padding-top:50px; width:753px; height:445px; overflow:hidden}

#tab{ height:50px; width:100%; overflow:hidden; background:url(../images/titbg.gif) repeat-x;}
#tab li.current{ background:url(../images/titbg2.gif) repeat-x}
#tab li{ width:120px; height:50px; line-height:50px; text-align:center; float:left; cursor:pointer}
#tab li a{ color:#5a5a5a; font-size:12px;}
#tab li.current a{ color:#fff}
#content ul{display:none}
#content ul li{border-bottom: 1px dashed #c6c6c6; padding:10px}
#content ul li a{ float:left; max-width:600px; color:#000; font-size:14px; line-height:30px;}
#content ul li span{ float:right; line-height:30px;}
#content ul li .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:12px; line-height:24px;color: #5a5a5a;}
#content ul li a:hover{color: #2c90ff;}

.part4{width:100%; min-width:1200px; overflow:hidden; }
.part4 .p4con{width:100%; min-width:1200px;overflow:hidden;height:400px;background:#000; margin-top:40px; padding-top:40px}
.part4 .p4con .p4L{ float:left; width:563px; height:335px; overflow:hidden;background:url(../images/bgl.png) no-repeat;}
.part4 .p4con .p4R{ float:right;width:563px; height:335px; overflow:hidden; background:url(../images/bgr.png) no-repeat;}
.part4 .p4con .item{ width:430px; margin-top:58px;padding-left:30px}
.part4 .p4con .item strong{ float:left; color:#07A0ED; font-size:25px; height:50px; line-height:50px; font-weight:bold}
.part4 .p4con .item  b{ float:left;height:50px; line-height:50px; max-width:370px; color:#07A0ED; font-size:25px; font-weight:bold}
.part4 .p4con .item .sub{ color:#666;font-size: 14px; line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-weight:bold}
.part4 .p4con .item:nth-child(2n){ margin-top:30px}


.part5{width:1200px; margin:0 auto; overflow:hidden; padding:35px 0}
.marqueeleft{width:1200px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;display:inline;height:300px;overflow:hidden; padding-right:30px }
.marqueeleft li img{ height:300px}


.part6{width:100%;min-width:1200px;overflow:hidden;background:#434343; border-top:10px solid #02A5EC; padding-bottom:30px}
.part6_1{ width:350px; float:left; margin-right:50px; overflow:hidden; padding-top:20px}
.part6_1 p{ color:#D9D9D9; font-size:22px; line-height:66px;}
.part6_1 .sub{ color:#7A7A7A; font-size:14px; line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.part6_1 .line{ border-bottom:1px solid #028BCF; height:20px; width:40px}

.part6_2{ width:500px; float:left; padding-top:70px;}
.part6_2 .item{ float:left; width:50%; overflow:hidden; padding-bottom:15px}
.part6_2 .item p{ float:left; padding-left:5px; font-weight:bold; line-height:34px;font-size: 14px;color:#88929B; max-width:210px;}
.part6_2 .item img{ width:34px; height:34px; float:left; display:block}

.part6_3{ float:right; width:140px; overflow:hidden;padding-top: 30px;}
.part6_3 img{ width:140px; height:140px;}
.part6_3 p{ text-align:center; line-height:30px;color:#88929B; font-size:14px}


.footerbox{width:100%; min-width:1200px; overflow:hidden; background:#434343; border-top:1px solid #6B6B6B; text-align:center; padding:15px 0; font-size:12px; line-height:24px;color: #d9d9d9;}



.mainWarp{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:30px}

.brandnavbox{ padding:15px 0; overflow:hidden; /*height:30px;*/}
.brandnavbox .con{ height:30px; line-height:30px; overflow:hidden; color:#666; font-size:14px}

.typebox{ padding-top:20px; overflow:hidden}
.typebox ul{ overflow:hidden;}
.typebox ul li{ height:54px; line-height:54px; background:#2495E4; float:left; margin:5px}
.typebox ul li a{ color:#fff; font-size:18px; padding:0 20px}
.typebox ul li:hover{ background:#147AC1}


ul.piclistul{ overflow:hidden; padding-top:50px;padding-bottom: 50px;}
ul.piclistul li{width: 282px;margin-bottom: 20px;margin-right: 20px;padding: 15px;border: 1px solid #EEEEEE; float:left}
ul.piclistul li:hover{box-shadow: rgba(238,238,238,1) 0px 0px 2px 2px; border-color:#ccc}
ul.piclistul li .probox{height: 210px;width: 250px;_display:table;display:table-cell;text-align:center;vertical-align:middle}
ul.piclistul li .probox img{max-height:210px; max-width:250px;}
ul.piclistul li p{ text-align:center;font-size: 18px; font-weight:bold; padding-top:11px;color: #434343;}
ul.piclistul li:nth-child(4n){ margin-right:0}


ul.listul{ overflow:hidden; padding:20px 0}
ul.listul li{ border-bottom:1px solid #e2e2e2; margin-bottom:10px; overflow:hidden; padding-bottom:15px;}
ul.listul li a{font-size: 17px; margin-bottom:5px; line-height:24px;color: #434343;font-weight: bold;}
ul.listul li span{font-family: arial; line-height:24px;font-size: 11px;color: #929292;font-weight: normal;}
ul.listul li .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:12px; color:#666; line-height:24px;}
ul.listul li a:hover{ color:#147AC1}


.detailbox{ padding:10px; overflow:hidden;}
.detailbox .xq{ padding-bottom:50px}
.detailbox .xq h1{font-size: 17px; line-height:34px; text-align:center;color: #147ac1;font-weight: bold;}
.detailbox .xq .date{font-size: 12px; text-align:center; line-height:46px; height:46px; overflow:hidden;color: #5A5A5A;}
.detailbox .xq .kuang{ border:1px solid #E5E5E5; background:#F5F5F5; height:24p; margin-bottom:10px}
.detailbox .xq .con{padding-top: 8px;min-height: 50px;font-size: 12px; line-height:24px;color: #5A5A5A;}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:850px;}
.detailbox .xq .con p{ text-indent:2em; line-height:1.8;padding-top:10px}

.aboutbox{ padding:30px 10px; overflow:hidden}
.aboutbox .con{ padding-bottom:30px; font-size:14px; line-height:24px;}
.aboutbox .con p{ text-indent:2em; line-height:1.8; padding-top:10px}


.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #2B2B2B; color:#2B2B2B}

.formBox{ width:390px; margin:0 auto; overflow:hidden; padding-top:20px}
.formBox .inputbox{ height:36px; line-height:36px; margin-top:36px;}
.formBox .inputbox label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox input{ width:305px; float:right; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}
.formBox .inputbox input.yzm{ float:right; width:172px}
.formBox .inputbox .yzmimg{ float:right; width:123px; height:36px; margin-left:10px}
.formBox .inputbox .btn1{ width:100px; height:36px; line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#fff; text-align:center; background:#02A5EC; float:left;border-radius:4px; cursor:pointer; outline:none; letter-spacing:1px; padding:0}
.formBox .inputbox2{ min-height:36px; line-height:36px; margin-top:36px; overflow:hidden}
.formBox .inputbox2 label{ width:80px; float:left; font-size:14px; color:#000;height:36px; line-height:36px;}
.formBox .inputbox2 label span{ color:#cc0000; padding-right:8px}
.formBox .inputbox2 textarea{ width:305px; float:right; height:80px;line-height:36px; border:1px solid #e0e0e0; box-sizing: border-box;font-size:14px; color:#999; padding-left:10px}


.yqlj{ background: #fff; }
.yqlj .container{ width: 1200px; margin: 0 auto; padding-bottom: 56px; }
.yqlj .yqlj-title{ padding: 32px 0 24px 0; font-size: 24px; font-family: Microsoft YaHei; font-weight: 400; line-height: 31px; color: #333333; }
.yqlj .yqlj-content{ display: flex;  align-items: center; background: #f8f8f8; height: 117px; flex-flow: row wrap; }
.yqlj .yqlj-item{ width: 12.5%; text-align: center; font-size: 18px; font-family: Source Han Sans CN; font-weight: 400; line-height: 17px; color: #999999; }


.db{display: block;}
.black{ background: #000; }
.db .container{ width: 1200px; margin: 0 auto; padding: 44px 0 55px 0; display: flex; }
.db .db-left{ /* padding-right: 78px; */ border-right: solid 1px rgba(255, 255, 255, 0.2); /* width: 813px; */ height: 140px; }
.db .db-left-top .db-left-top-a{ font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; line-height: 18px; color: #999999; }
.db .db-left-top-a span{ /*padding-right: 30px;*/ padding-right: 30px; }
.db .db-left-top .db-left-top-a{ border-right: solid 1px #999; }
.db .db-left-top-a:not(:first-child){ /*padding-left: 40px;*/ padding-left: 30px; }
.db .db-left-top .db-left-top-a:last-child{ border: none; }
.db .db-left .db-left-middle{ padding: 27px 0 50px 0; }
.db .db-left .db-left-middle a{ font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; line-height: 17px; color: #999999; }
.db .db-left-middle span{ margin-right: 28px; }
.db .db-left-bottom{ display: flex; justify-content: space-between; }
.db .db-item-img{ width: 30px; height: 30px; padding-right: 6px; }
.db .db-item{ display: flex; /*padding-right: 65px;*/ padding-right: 25px; }
.db .db-left-bottom .db-item .db-item-text{ font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; line-height: 17px; color: #999999; }
.db .db-right{ flex: 1; /*display: flex;*/ float: left; justify-content: space-between; }
.db .db-android{ float:left; /*padding-left: 70px;*/ padding-left: 25px; display: flex; flex-direction: column; align-items: center; }
.db .erweima{ width: 120px; height: 120px; }
.db .db-an{ /*padding-top: 28px;*/ padding-top: 10px; font-size: 16px; font-family: Source Han Sans CN; font-weight: 400; line-height: 19px; color: #999999; }

/* bottom start */
.footer-bottom{ background: #000; opacity: 0.6; }
.footer-bottom .container{ text-align: center; }
.footer-bottom .text,.footer-bottom .text a{ padding: 20px 0; font-size: 14px; font-family: Source Han Sans CN; font-weight: 400; line-height: 17px; color: #999999; }
/* bottom end */

.body_bg_6{padding:40px 0 ; overflow:hidden;background:#fff }
.warp_title{ overflow: hidden;text-align:center;}
.warp_cn{ display:inline-block;background:url(merchant_user/bottom.gif) no-repeat center bottom; font-size:30px;padding-bottom:15px;line-height: 100%;margin-bottom:10px}
.warp_en{display: block;color:#888; font-size:12px;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;line-height: 100%;  }
.cc{width:1200px; margin: 0 auto;overflow: hidden; }
.user-detail .warp_about{ display:block; font-size:24px; line-height: 100%;margin-bottom:10px}
.user-detail{ overflow: hidden; padding:20px 0;border-top:1px #ccc  dashed;overflow: hidden;margin:20px 0 0; }
.user-detail pre{line-height:26px; font-size: 14px;  overflow: hidden;text-overflow: ellipsis;margin-bottom:20px; color: #666}
.user-detail p{line-height:26px; font-size: 14px;  overflow: hidden;text-overflow: ellipsis;  color: #666}
.user-detail-contact{ overflow: hidden; overflow: hidden; }
.user-detail-contact .warp_contact{ display:block; font-size:24px; line-height: 100%;margin-bottom:20px;}

.ex-table-contact{ background: #f8f8f8;padding:20px;border-radius: 3px;border:1px #eee solid}
.ex-table-contact td{padding:10px 0; line-height: 26px;}
.ex-table-contact .td-left{ text-align:left;border-bottom:1px #ccc dashed;padding-left:10px}
.ex-table-contact .td-head{;width:80px;color:#0D70DA;font-size:16px}
.ex-table-contact .td-center{ text-align:center;}
.ex-table-contact span{width:20%; display: block;float: left;}