@charset "utf-8";
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
ul,ol,li{list-style: none;}
.fl{ float:left;}
.fr{ float:right;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.content{ width:1300px; margin:0 auto; overflow:hidden;}
.hmtop{ width:100%; height:40px; background:url(../images/02a.jpg) #0064ce no-repeat center;}
.hmcity{line-height:40px; color:#fff; float:left; width:400px; overflow:hidden;}.hmcity a{ color:#fff;}
.hmtel{line-height:40px; color:#fff; float:right; width:400px; text-align:right;overflow:hidden;}
.hmtel em{ font-size:18px; font-weight:bold; padding-right:5px; line-height:20px; }.hmtel span{ font-size:26px; font-weight:bold; line-height:40px;}
.hmtel i{padding:0px 5px; line-height:20px;}
.width{width:100%;max-width:1300px;min-width:1300px;margin:0 auto;}

.hmlogo{ width:400px; float:left; margin-top:10px;}
.hmlogo img{ width:400px;}



.nav{min-height:100px; max-width:800px;min-width:800px; margin-left:100px; padding-top:30px; }
.nav .ui-nav{display:flex;}
.nav ul li{}
.nav ul li:frist-child{border-left:0;}
.nav ul li:last-child{border-right:0;}
.nav ul li a{color:#000;line-height:60px;padding:0 25px;font-size:16px;}
.nav ul li.active{background:#0E77EA;border-color:#0E77EA}
.nav ul li ul{border:0;}
.nav ul li ul li{border:0;}
.nav ul li ul li a{line-height:50px;border-bottom:1px solid #f3f3f3;}
.nav ul li ul li:last-child a{border-bottom:0;}
.nav ul li ul li a:hover{background:#0E77EA;}

.banner{min-width:1300px;z-index:10;background:#fff;}
.banner .ui-carousel-item a{height:560px;display:block;min-width:1300px;width:100%;}
.banner .ui-carousel-page{bottom:25px;}
.banner .ui-carousel-page li{height:6px;width:50px;border-radius:10px;}
.banner_inner{background:linear-gradient(to right, #0E77EA, #7F61FF);min-width:1280px;}
.banner_inner .width{height:400px;padding-left:120px;position:relative;}
.banner_inner .title{color:#fff;font-size:46px;font-weight:600;padding-top:100px;}
.banner_inner .title span{font-size:24px;margin-left:20px;border-left:1px solid #56b8ee;padding-left:20px;font-weight:300;text-transform:capitalize}
.banner_inner .intro{color:#fff;font-size:18px;margin-top:10px;font-weight:300;}
.banner_inner .position{position:absolute;bottom:-1px;left:0;right:0;padding:15px 20px;background:rgba(255,255,255,.9);border-radius:4px 4px 0 0;box-shadow:0px 0px 30px rgba(0,0,0,0.1);}
.nav ul{z-index:30 !important;}

/*sou*/
.sou{height: 87px;position: relative;}
.sou_box{position: absolute;width: 1300px;padding: 0 20px;box-sizing: border-box;left: 50%;margin-left: -650px;bottom: 0;z-index: 10;height: 120px;background: url(../images/sou-line.png) no-repeat 980px center #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.htwd{float: left;width:675px;margin-top: 34px;font-size: 14px;color: #333;line-height: 26px;}
.htwd i{display: block; font-style:normal;}
.htwd p a{color: #7f7f7f;margin-right: 15px;}
.htwd p a:hover{color: #192795;}
.s_box{float: left;width: 244px;height: 40px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 20px;margin-top: 40px;}
.s_box .txt{float: left;width: 190px;padding-left: 20px;height: 38px;line-height: 38px;font-size: 14px;color: #333;border: 0;background: none;outline: 0;}
.s_box .btn{float: left;width: 20px;height: 38px;background: url(../images/sou.png) no-repeat center;border: 0;outline: 0;cursor: pointer;}
.s_box .txt::-webkit-input-placeholder{color:#D0D0D0;}
.s_box .txt::-moz-placeholder{color:#D0D0D0;}
.sou .tel{float: right;padding-left: 40px;background: url(../images/tel1.png) no-repeat left center;margin-top: 34px;}
.sou .tel b{display: block;font-size: 36px;color: #333;line-height:50px;    font-family: DINOT,Arial;}

/* 标题 */
.tit{ font:48px "Microsoft YaHei UI"; text-align:center; color:#333333; height:140px; font-weight:bold;}
.tit a{ color:#333;}
.tit em{ display:block; font-size:18px; padding:15px 0 0; margin-top:6px;font-weight:normal; background:url(../images/line.png) no-repeat center top;}

/*引子*/
.yz{height:585px;padding-top: 66px;}
.yz h2{text-align:center;font-size:40px;color:#252525;line-height:40px;font-weight:normal;}
.yz h2 a{display:block;}
.yz h2 a:hover{color:#0064ce;}
.yz h2 span{color:#0064ce;font-weight: bold;}
.yz h2 em{display: block;margin-top: 14px;}
.yz p.ms{font-size: 16px;color: #6e6e6e;text-align: center;line-height: 36px;margin-top: 38px;}
.yz li{float: left;margin-right: 9px;width: 244px;height: 303px;margin-top: 28px;position: relative;}
.yz li:before{display: block;content: "";width: 0;height: 0;border-top: 62px solid #fff;border-right: 109px solid transparent;position: absolute;left: 0;top: 0;}
.yz li:after{display: block;content: "";width: 0;height: 0;border-top: 62px solid #fff;border-left: 109px solid transparent;position: absolute;right: 0;top: 0;}
.yz li:first-child{margin-left: 20px;}
.yz li:last-child{margin-right: 0;}
.yz li em{display: block;width: 240px;height:303px;position: relative;overflow:hidden; padding-top:20px;}
.yz li em:before{display: block;content: "";width: 0;height: 0;border-bottom: 62px solid #fff;border-right: 109px solid transparent;position: absolute;left: 0;bottom: 0;}
.yz li em:after{display: block;content: "";width: 0;height: 0;border-bottom: 62px solid #fff;border-left: 109px solid transparent;position: absolute;right: 0;bottom: 0;}
.yz li img{width: 240px;height: 263px;}
/*product*/
.pro{background: #f5f5f5; position: relative;}
.pro:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 650px solid transparent;border-left: 650px solid transparent;top: 0; left: 50%;margin-left: -650px;}
.pro h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px; }
.pro h2 a{display: block;}
.pro h2 a:hover{color:#0064ce;}
.pro h2 b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height:54px;display: block;text-align: center;padding-top: 6px;margin: 0 auto;padding-bottom: 8px;}
.pro h2 b img{width: auto;height: auto;margin: 0 auto;}
.pro h2 span{color: #0064ce;font-weight: bold;}
.pro h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.pro h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}
.pro .titpro{margin-top: 52px; padding-bottom:30px;}
.pro .titpro li{float: left;width:169px;margin-right:19px;}
.pro .titpro li:last-child{margin-right: 0;}
.pro .titpro li em{width: 169px;height:169px;border-radius:50%;overflow: hidden;border:2px solid #fff;display: block; }
.pro .titpro li em img{width:165px;height:165px;}
.pro .titpro li span{display:block;text-align:center;height:35px;width:169px;font-size:18px;color:#fff;background:url(../images/pz_titbg.png);line-height: 34px;margin-top: 26px;}
.pro .titpro li.cur em,.pro .titpro li:hover em{border:2px solid #0065cd}
.pro .titpro li.cur span,.pro .titpro li:hover span{background: url(../images/pz_titbgh.png);}
.pro .con{margin-top:88px;height: 450px;overflow: hidden;position: relative;}
.pro .con dt{width: 600px;height: 450px;float: left;border:1px solid #eee;box-sizing:border-box;}
.pro .con dt img{width: 600px;height: 450px;}
.pro .con dd{float: left;width: 560px;height: 219px;background: #fff;margin-left: -37px;margin-top: 32px;padding-left: 50px;padding-right: 27px;padding-top: 33px;}
.pro .con dd span{font-size: 12px;color: #D6D6D6;display: block;}
.pro .con dd b{font-size: 20px;font-weight: normal;display: block;width: 31px;white-space: nowrap;border-bottom: 2px solid #CA1624;padding-bottom: 3px;margin-bottom: 28px;}
.pro .con dd p{width: 560px;line-height: 30px;color: #7D7D7D;font-size: 16px;height: 85px;overflow: hidden;}
.pro .con dd a.more{font-size: 14px;color: #7D7D7D;text-decoration: underline;}
.pro .con dd a.more img{display: inline-block;vertical-align: middle;-webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;margin-left: 6px;}
.pro .con dd a.more:hover{color: #CA1624;}
.pro .con dd a.more:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);opacity: 1;}
.pro .con em.picc{position: absolute;width: 383px;height: 166px;display: block;right: 0;bottom: 0;overflow:hidden;}
.pro .con .qh{width: 189px;height: 75px;background: #fff;position: absolute;right: 195px;bottom: 0;}
.pro .con .qh i{width: 50%;text-align: center;display: block;float: left;padding-top: 30px;height: 45px;cursor:pointer;}
.pro .con .qh i.prev:after{content: "";display: block;float: right;width: 1px;height: 27px;background: #F0F0F0;margin-top: -5px;}
.pro .con2{margin-top: 40px;}
.pro .con2 dl{float: left;width:314px;margin-right: 14px;margin-bottom:24px;}
.pro .con2 dl:nth-child(4n){margin-right: 0;}
.pro .con2 dt{width:315px;height: 275px;line-height: 0;}
.pro .con2 dt img{width: 315px;height:275px;border:1px solid #eee;box-sizing:border-box;}
.pro .con2 dd{height:50px;background: #fff;padding-left: 5px;padding-top: 7px;position: relative;}
.pro .con2 dd b{display:block;font-size:16px;color:#2C2C2C;font-weight:normal;margin-bottom:12px;}
.pro .con2 dd span{display: block;font-size: 12px;color: #8B8B8B;}
.pro .con2 dd a.more{position: absolute;width: 42px;height: 45px;display: block;right: 12px;bottom: 6px;background: url(../images/pz_more2.png) no-repeat center;transition: all .2s linear;}
.pro .con2 dl:hover{box-shadow:0 3px 27px 2px rgba(0,0,0,0.05), 0 0px 27px rgba(0,0,0,0.05);}
.pro .con2 dl:hover dd b a{color: #ca1624;}
.pro .con2 dl:hover dd a.more{background: url(../images/pz_more2h.png);bottom: 37px;}
/* 采购烦恼 */
.sb{height:590px;overflow:hidden; margin-top:42px; position:relative; background:url(../images/sb_bg.jpg) no-repeat center 123px;}
.sb h3 a{ display:block; font:40px "Microsoft Yahei"; font-weight:bold; height:50px; color:#1e50ae; background:url(../images/sb_h.gif) no-repeat 398px top; padding-left:515px; overflow:hidden; font-style:italic;}
.sb p{ width:345px; height:80px; font:16px "Microsoft Yahei"; color:#666; text-align:right; position:absolute;}
.sb p span{ display:block; font:28px "Microsoft Yahei"; font-weight:bold;font-style:italic; background:url(../images/face.gif) no-repeat 230px center;}
.sb p span a{ color:#1f242b; }
.sb p span a:hover{text-decoration:none; color:#1e50ae; }
.sb h3 a:hover{text-decoration:none;}
.sb .p01{ top:123px; left:60px;} 
.sb .p02{ top:265px; left:12px;}
.sb .p03{ top:423px; left:53px; }
.sb .p04{ top:123px; right:72px;text-align:left;} 
.sb .p05{ top:262px; right:20px;text-align:left;}
.sb .p06{ top:423px; right:55px;text-align:left;}
.sb .p04 span,.sb .p05 span,.sb .p06 span{background:url(../images/face.gif) no-repeat 100px center;}

/*优势*/
.ysy{ height: 1853px;background:url(../images/ys.gif) repeat-x left bottom;}

.ysy{background: #f5f5f5; position: relative;}
.ysy:after{content: "";width: 0;height: 0;position: absolute;border-top: 50px solid #fff;border-right: 650px solid transparent;border-left: 650px solid transparent;top: 0; left: 50%;margin-left: -650px;}
.ysy h2{text-align: center;font-size: 40px;color: #252525;line-height: 40px;font-weight: normal;position: relative;z-index: 1;padding-top: 20px; margin-bottom:50px;}
.ysy h2 a{display: block;}
.ysy h2 a:hover{color:#0064ce;}
.ysy h2 b{background: url(../images/tit_bg.png) no-repeat;width: 47px;height:54px;display: block;text-align: center;padding-top: 6px;margin: 0 auto;padding-bottom: 8px;}
.ysy h2 b img{width: auto;height: auto;margin: 0 auto;}
.ysy h2 span{color: #0064ce;font-weight: bold;}
.ysy h2 em{display: block;margin-top: 15px;font-size: 20px;color: #333;line-height: 20px;}
.ysy h2 em i{color: #D0D0D0;font-weight: lighter;margin: 0 2px;}


.ysy .til{ padding-bottom:56px;}
.ysy dl{ overflow: hidden; margin-bottom:30px; background: #fff;}
.ysy dl dt{ float: right; width: 650px;}
.ysy dl dd{ float: left; width: 650px; margin-top: 42px;}
.ysy dl dd h3{background:url(../images/y_dt1.gif) no-repeat; height: 81px; overflow: hidden;}
.ysy dl dd h3 span{ display: inline-block; float: left; width: 88px; height: 80px; line-height: 80px; text-align: center; font-size: 48px; font-family: Arial; color: #fff;}
.ysy dl dd h3 em{ display: inline-block; float: right; width:528px; padding-top: 21px; color: #095db0; font-size: 24px;}
.ysy dl dd h3 em i{ color: #ffae00;}
.ysy dl dd .span{ padding: 35px 42px 0 90px;}
.ysy dl dd .span p{ display: block; padding-left: 17px; line-height: 22px; margin-bottom: 10px;background:url(../images/y_li.png) no-repeat 0 7px;}
.ysy dl.fan dt{ float: left;}
.ysy dl.fan dd h3{background:url(../images/y_dt1.gif) no-repeat; }
.ysy dl.bg3 dd h3{background:url(../images/y_dt1.gif) no-repeat; }
.ysy dl.fan2 dd h3{background:url(../images/y_dt1.gif) no-repeat; }
.ysy dl.bg3,.ysy dl.fan2{ background: #fff;}
.ysy h4{ text-align: center;}
.ysy h4 em{ display: block; margin-top: 7px;}
.ysy h4 em a{ display: inline-block;background:url(../images/ly_btn.png) no-repeat; padding-left: 60px; width: 168px; height: 36px; line-height: 33px; font-size: 18px; color: #fff; font-weight: bold; text-align: left;}
.ysy h4 span{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; padding-left: 32px;background:url(../images/y_tel.gif) no-repeat; min-height:24px;}
.ysy h4 i{ font-family: Arial; font-size: 26px; color: #333;}
/* 案例展示 */
.contentcase{width:1300px; margin:0 auto;}
.case{ background:url(../images/case.jpg); height:620px; padding-top:45px; overflow:hidden;}
.case .tit a{ color:#fff;}
.caset{ height:55px; background:#fff; margin-bottom:25px;}
.caset h3:before{ content:""; position:absolute; top:22px; right:0; width:1px; height:10px; background:rgba(0,0,0,0.2);}
.caset h3,.caset h5{ width:14.285%; float:left; font:16px "Microsoft YaHei UI"; line-height:55px; text-align:center; position:relative;}
.caset h3 a,.caset h5 a{ display:block; color:#1e1e1e;}
.caset .cur a,.caset li:hover a{ color:#fff; background:#0065cd;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.case1 li{ width:320px; height:297px; float:left; margin-right:6px; position:relative; overflow:hidden;}
.case1 li img{ display:block;width:320px; height:297px;}
.case1 li span{ display:block; height:50px; background:rgba(0,0,0,0.6); width:320px; position:absolute; bottom:0; padding:0 30px; font:16px "Microsoft YaHei UI"; line-height:50px; color:#fff;}
.case1 li span em{ display:block; width:22px; height:22px; border-radius:22px; border:1px solid #fff; text-align:center; line-height:22px; color:#fff; float:right; margin-top:12px;}
.case1 li:last-child{ margin-right:0;}
.case1 li:hover span em{ background:#0065cd; border:1px solid #0065cd;}
.case1 li:before,.pro1 h3:before{content:''; cursor:pointer; position:absolute; left:-100%; top:0; width:100%; height:100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.case1 li:hover:before,.pro1 h3:hover:before{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition: 1s;}
/*lc*/
.contact-title {height: 80px; font-size: 32px; color: #222; text-align: center; position: relative; margin-bottom: 40px;}
.contact-title:after {content:"";width:70px; height:2px; background-color:#999999; position:absolute; bottom:3px; left:50%; margin-left:-35px;}
.contact-title:before {content: ""; width: 8px; height: 8px; background-color: #18a5b7; position: absolute; left: 50%;  bottom: 0;  margin-left: -2px;  z-index: 99;}
.contact-title p, .contact-title h2 { font-size: 32px; height: 40px; line-height: 40px; overflow: hidden;}
.contact-title span,
.contact-title em {height: 28px; text-transform: uppercase;  display: block;  overflow: hidden; font-size:16px; color:#666; line-height:28px;}

.prodz_lc { height: 600px;  box-sizing: border-box;  background: #f3f3f3;  padding-top: 50px;  overflow: hidden;  font-family: "Microsoft Yahei"; }
.prodz_lc .contact-title i:after {border: 5px solid #f3f3f3;}
.prodz_lc2 dl {margin-top: 50px;  width: 238px;  height: 280px;  margin-right: 11px;  margin-left: 11px;  float: left;  background: #fff;
  box-shadow: 0 0 10px 0 #ccc; position: relative; margin-bottom:30px;}
.prodz_lc2 dl dt {width: 109px;  height: 109px;  margin: -50px auto 0;}
.prodz_lc2 dl dt img {background-color: #0065cd;  width: 109px;  height: 109px;  border-radius: 100%;}
.prodz_lc2 dl dd {padding-top: 25px;}
.prodz_lc2 dl dd em {display: block;  text-align: center;  padding: 0 5px;  word-break: break-all;  font-size: 14px;
  overflow: hidden;  height: 30px;  line-height: 30px;  font-weight: bold;  color: #c3c3c3;  font-style: normal;}
.prodz_lc2 dl dd h3 {display: block;  text-align: center;  padding: 0 5px;  font-size: 24px;  height: 44px;
  overflow: hidden;  line-height: 44px;  color: #343434;  font-weight: normal;  word-break: break-all;}
.prodz_lc2 dl dd .prolc_sp {margin: 5px 10px 0;  line-height: 22px;  height: 66px;  overflow: hidden;  font-size: 16px;
  color: #939393;  text-align: center;  word-break: break-all;}
.prodz_lc2 dl:nth-child(5) { margin-right: 0;}


/*about*/
.about{ position:relative;}
.about .tit{ width:100%; height:190px; position:absolute; top:55px;}
.about .tit span a{ display:block; width:160px; height:40px; margin:10px auto 0; font:18px "Microsoft YaHei UI"; font-weight:bold; color:#fff; background:#0064ce; line-height:40px;}
.about dl {background: #f1f1f1;}
.about dl dt{background:url(../images/about.jpg) center #ccc; width:100%; height:650px;  }
.about dd{ width:1300px; margin:-90px auto 0; background:#fff; box-shadow:0 0 1rem #ccc; height:205px; z-index:2; position:relative; border-radius:8px; padding:45px 100px 0 100px; font:14px "Microsoft YaHei UI"; text-align:center; line-height:30px; color:#666666;}
.about dd a{ color:#c51c20;}

.pictk{ height:360px;overflow:hidden; background: #f1f1f1;}
.pict{ width:240px; height:292px; padding-top:36px; margin-top:32px; background:#fff; overflow:hidden; float:left;}
.pict h3{ font:16px "Microsoft YaHei UI"; height:46px; width:175px; margin:0 auto 30px; border:1px solid #c6c6c6; border-radius:5px; text-align:center; line-height:46px;}
.pict h3 a{ display:block; color:#000;}
.pict h3 a:hover,.pict .cur a{ font-weight:bold; color:#fff; background:#0064ce; border-radius:5px; }
.pict h3:hover,.pict .cur{ border:1px solid #0064ce; border-radius:5px; }
.pic1{ width:1015px; float:right; overflow:hidden; margin-top:32px;}
.pic2{ height:290px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:315px; float:left; margin-right:32px; overflow:hidden; position:relative;}
.pic1 li img{ display:block; width:315px; border:1px solid #eee; box-sizing:border-box; border-radius:6px; height:250px;}
.pic1 li em{display:block;font: 16px "Microsoft YaHei UI"; line-height:50px;color: #000; text-align:center; height:50px; overflow:hidden;}
.pic1 li:hover em{ font-weight:bold; color:#0064ce;}




/*新闻中心*/
.w1200{width: 1200px; margin: 0 auto;}

.inews{padding: 14px 0 0 0;}
.inews .tilte{height: 47px;border-bottom: 1px solid #e1e1e1;}
.inews .tilte li{float: left;}
.inews .tilte li a{display: block;width: 145px; margin-right:40px; height: 39px;padding:0px 0;padding-left: 40px;font-size: 20px;font-weight: bold;line-height: 40px;color: #333;background: url(../images/news_bg.png) no-repeat 6px;}
.inews .tilte li:nth-child(2) a{background: url(../images/hy_bg.png) no-repeat 5px;margin-left: 15px;}
.inews .tilte li a:hover,.inews .tilte li.on a{color: #009eee; background: url(../images/newshover_bg.png) no-repeat 6px;}
.inews .tilte li:nth-child(2) a:hover,.inews .tilte li:nth-child(2).on a{background: url(../images/hyhover_bg.png) no-repeat 5px;}
.inews .tilte .more{float: right;color: #666;line-height: 48px;padding-right: 10px;}
.inews .newsleft{width: 610px;padding-top: 20px;float: left;}
.inews .newsleft img{width: 613px;height: 355px;display: block;}
.inews .newsleft dl{margin : 10px 0;overflow: hidden;}
.inews .newsleft dt{float: left;}
.inews .newsleft dt a{color: #333;font-size: 16px;font-weight: bold;}
.inews .newsleft dd{float: right;}
.inews .newsleft dd a{color: #313131;}
.inews .newsleft p{float: left;color: #666;font-size: 14px;line-height: 24px;text-align: justify;}
.inews .newsright{width: 650px;padding-top: 10px;float: right;}
.inews .newsright li{border-bottom: 1px dashed #e1e1e1;width: 650px;height:58px;background: url(../images/newslist_bg.png) no-repeat 6px;}
.inews .newsright li a{color: #333;line-height:58px;text-decoration: none;padding-left: 30px;}
.inews .newsright li a:hover{color: #009eee;}
.inews .newsright li a span{float: right;color: #666;font-weight: normal;}
/*常见问题*/
.problem{padding: 30px 0 22px 0;}
.problem .tilte{width: 135px;float: left;}
.problem .tilte h2{padding-top: 10px;color: #333333;font-size: 20px;font-weight: bold;line-height: 100%;}
.problem .tilte h3{padding-top: 10px;color: #c9c9c9;font-size: 20px;font-weight: bold;font-family: arial;line-height: 100%;}
.problem .prev{display: inline-block;width: 57px;height: 27px;background: url(../images/left2_03.png) no-repeat;float: left;margin-top: 15px;cursor: pointer;}
.problem .next{display: inline-block;width: 57px;height: 27px;background: url(../images/right2_03.png) no-repeat;margin-top: 15px;cursor: pointer;}
.problem .bd{float: right;width: 1165px;height: 128px;overflow: hidden;}
.problem .list li{box-sizing: border-box;margin-right: 20px;float: left;width: 472px;height: 128px;border: 1px solid #e1e1e1;padding: 20px 20px 0 20px;}
.problem .list li h3{color: #333;font-weight: bold;font-size: 16px;padding-left: 40px;display: block;background: url(../images/wen.png)no-repeat 0 0;line-height: 28px;}
.problem .list li p{color: #797979;padding-left: 40px;display: block;background: url(../images/da.png)no-repeat 0 10px;line-height: 24px;padding-top: 10px;text-align: justify; font-size:15px;}

/*网站底部*/
.footer{width:100%;height: 443px;background: #353535 url(../images/footer_bg.jpg) center no-repeat;}
.footer .f_top{height: 75px;padding-top: 27px;text-align: center;}
.footer .links{border: 1px solid #474545;height:95px;padding: 24px 0 22px 0;width: 1298px;margin-top: 30px;}
.footer .links span{width: 170px;padding: 0 20px 0 20px;height: 45px;border-right: 2px solid #464545;float: left;}
.footer .links p{float: left;width: 1100px;height: 45px;line-height: 45px;padding-left: 26px;}
.footer .links p a{color:#fff;margin-right: 15px;}
.footer .bottom{height: 205px;}
.footer .fnav dl{display:inline-block;float:left;width:190px;padding: 0 20px;overflow:hidden;text-align:left;margin-top:30px;}
.footer .fnav dl dt{color: #009eee;font-size: 18px;line-height: 20px;display:block;padding-bottom: 10px;}
.footer .fnav dl dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .fnav dl dd{display:block;}
.footer .fnav dl dd a{display:block;font-size:14px;color: #969592;line-height: 35px;}
.footer .fnav dl dd a:hover{color: #009eee;}
.footer .contact{display:inline-block;float:left;width: 420px;padding: 0 10px;overflow:hidden;text-align:left;margin-top:30px;}
.footer .contact dt{color: #009eee;font-size: 18px;line-height: 20px;display:block;padding-bottom: 10px;}
.footer .contact dt a{display:block; font-size:16px; color:#fff; line-height:16px;}
.footer .contact dd{display:block;}
.footer .contact dd p{display:block;font-size:14px;color: #969592;line-height: 35px;}
.footer .contact dd p i{display: inline-block;width: 12px;height: 12px;background: url(../images/f_ico.png) no-repeat;vertical-align: middle;padding-right: 20px;}
.footer .contact dd p.tel i{background-position: 0 0;}
.footer .contact dd p.cel i{background-position: 0 -14px;}
.footer .contact dd p.web i{background-position: 0 -28px;}
.footer .contact dd p.add i{background-position: 0 -42px;}
.footer .ewm{margin: 42px 20px 26px 0;}
.footer .ewm li{float: left;text-align: center;line-height: 25px;color: #969592;margin-left: 20px;}
.footer .ewm li img{width: 115px;height: 115px;display: block;}
.copyright{height: 60px;line-height: 60px;color: #fff;font-size: 14px;background: #0064ce;}
.copyright a{color: #fff;font-size: 12px;}


/*内页*/
.position{padding:0 20px; height:30px; line-height:30px; width:auto; margin:5px auto; float:right;}

/*Bread*/
.bread{}
.bread ul{list-style:none;}
.bread ul li{display:inline-block;font-size:15px;color:#999;}
.bread ul li + li:before{padding:0 6px;content:"/\00a0";color:#999;font-size:13px;font-family:宋体;}
.bread-1 ul li + li:before{content:">>";}
.bread-2 ul li + li:before{content:">";}
.bread ul li a{font-size:16px; color:#999; line-height:30px;}
.bread ul li a[class*="icon"]:before{color:#999;font-size:16px;padding-right:.25rem;}

/* 产品中心页 begin */
.mrtit{ border-bottom:1px #dddddd solid; margin-bottom:15px; background:url(../images/mrt1.png) no-repeat left center;  padding:20px 0 20px 50px; font-weight:bold; font-size:20px;}
.mrtit em{ float:right; font-style:normal; font-weight:normal; padding-right:10px; font-size:14px; margin-top:10px;}
.cpzs{overflow: auto;zoom: 1;	font-family: "微软雅黑", "microsoft Yahei", "Courier New", Courier, monospace;}
.cpzs li{ width:25%;  border:1px #dddddd solid; float:left;  text-align:center; margin:0 0 2%; box-sizing:border-box; display:inline; overflow:hidden; background-color:#333333; line-height:40px;}
.cpzs li img{height:180px; width:100%;}
.cpzs li:hover{ background-color:#1e50ae;}
.cpzs li span{ display:block; padding:0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color:#fff;}
.cpzs li:hover a,.cpzs li span a{ color:#fff;}





















.topsearch{background:#f7f7f7;padding:10px 0 6px 0;border-bottom:1px solid #f3f3f3;}
.topsearch .ui-row{align-items:center;}
.topsearch .ui-col-8{color:#999;}
.topsearch .ui-col-8 a{margin:0 6px;}
.topsearch form{margin:0;}
.topsearch form .ui-form-group{margin:0;}
.topsearch form .ui-form-group .ui-form-ip{font-size:15px;}
.topsearch form .ui-form-group .ui-form-ip::-webkit-input-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::-moz-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::-ms-input-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::-ms-input-placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip::placeholder{font-size:15px !important}
.topsearch form .ui-form-group .ui-form-ip:focus{border-color:#ced4da;box-shadow:none;}
.topsearch form .ui-form-group .after{background:#0E77EA;border-color:#0E77EA;color:#fff;min-width:60px;}
.topsearch form .ui-form-group select{max-width:100px;border-radius:4px 0 0 4px;margin-right:-1px;}
.topsearch form .ui-form-group input{border-radius:0;border-right:0;}

.home-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;} 
.home-title .home-title-name{font-size:22px;color:#333;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom:2px solid #0E77EA;width:45px;padding-top:15px;}
.home-title .home-title-name span{font-size:15px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{}
.home-title .home-title-more a{display:inline-block;border:1px solid #eee;padding:15px 20px;margin-left:10px;line-height:normal;border-radius:4px;color:#666;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background:#0E77EA;border-color:#0E77EA;color:#fff;}

.home_about{background:linear-gradient(150deg, #0E77EA 0%, #060D33 100%);padding:80px 0;min-width:1280px;}
.home_about .width{box-shadow:0px 10px 20px rgba(0,0,0,0.35);}
.home_about .ui-col-8{padding:40px;}
.home_about .ui-col-8 h4{font-size:24px;color:#060d33;font-weight:500;}
.home_about .ui-col-8 .intro{color:#666;margin-top:20px;}
.home_about .ui-col-8 .intro p{margin-bottom:20px;line-height:28px;}
.home_about .ui-col-8 .more{display:inline-block;padding:10px 40px;color:#666;border:1px solid #eee;border-radius:50px;box-shadow:0 5px 15px 0 #eee;}
.home_about .ui-col-8 .more:hover{background:#0E77EA;border-color:#0E77EA;color:#fff;}
.home_about .ui-col-4{background:#fff;font-size:0;padding:8px;}
.home_about .ui-col-4 video{background:#000;}

.home_news{margin-top:30px;display:flex;flex-wrap:wrap;}
.home_news .home_news_item{margin:0 30px 30px 0;width:625px;}
.home_news .home_news_item:nth-child(even){margin-right:0;}
.home_news_body{box-shadow:0px 0px 4px rgba(0, 0, 0, 0.1);backgroud:#fff;padding:20px;border-radius:5px;display:flex;align-items:center;}
.home_news_body .date{width:90px;text-align:center;padding-right:20px;margin-right:30px;border-right:1px solid #eee;}
.home_news_body .date h4{font-size:30px;font-family:Politica;color:#999;margin:0;}
.home_news_body .date p{color:#999;font-size:14px;font-family:Verdana;}
.home_news_body .body{flex:1;overflow:hidden;transition:all 0.5s ease;}
.home_news_body .body h4{font-size:18px;font-weight:400;color:#515050;}
.home_news_body .body p{color:#c2c2c2;}
.home_news_body .body h4 a:hover{color:#0E77EA;}
.home_news_body:hover{box-shadow:0px 0px 30px rgba(0, 0, 0, 0.15);}
.home_news_body:hover .body{transform:translateX(5px);}
.home_news_item:hover .body h4 a{color:#1890FF;}
.home_news_item:hover .body p{color:#666;}

.partners{margin-top:30px;display:flex;flex-wrap:wrap;list-style:none;}
.partners li{margin:0 30px 20px 0;width:232px;text-align:center;color:#999;}
.partners li:nth-child(5n){margin-right:0;}
.partners li img{width:100%;height:104px;border:1px solid #eee;margin-bottom:10px;border-radius:2px;}
.partners li img:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.15);}
.partners li p{padding:0 10px;}


.link{margin-top:20px;}
.link a{display:inline-block;margin-right:15px;border:1px solid #eaeaea;padding:10px 15px;color:#666;border-radius:5px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}
/*
.footer{border-top:4px solid #0E77EA;background:#19171a;padding:40px 0;min-height:200px;color:#8b8b8b;min-width:1280px;}
.footer_item{width:15%;padding-left:4%;border-left:1px solid #444;position:relative;}
.footer_item:after{display:block;content:"";width:3px;height:30px;top:0;left:-2px;position:absolute;background:#0E77EA;}
.footer_item h4{font-size:18px;color:#fff;}
.footer_item h5{font-size:16px;color:#fff;}
.footer_item .footer_menu{line-height:36px;}
.footer_item .footer_menu a{display:block;color:#8b8b8b;transition:all 0.5s ease;}
.footer_item .footer_menu a:hover{color:#fff;transform:translateX(10px);}

.footer_last{width:auto;padding-left:4%;}
.footer_tel{font-family:'Impact';font-size:30px;color:#fff;}
.footer_tel img{max-width:100px;margin-top:10px;display:block;}

.copyright{background:#19171a;line-height:26px;padding:15px 0;text-align:center;color:#8b8b8b;border-top:1px solid #333;min-width:1280px;}
.copyright a{color:#8b8b8b;}
.copyright a:hover{color:#0E77EA;}
*/
/* 产品列表 */
.prolist{background:#1e50ae url(../images/05.png) no-repeat top right;width:330px;border-radius: 15px 45px 15px 15px; float:left; margin-bottom:50px;}
.prolist dl{height:157px;overflow: hidden; }
.prolist dl.on{height: auto;overflow: auto;}
.prolist dl+dl{border-top:5px #fff solid}
.prolist dt{background:url(../images/06.png) no-repeat 260px 20px; height:68px; line-height:60px; margin-left:20px;font-weight:bold;overflow:hidden;}
.prolist dt a{display: block;font-size: 18px;background: url(../images/hengxian.png) no-repeat bottom left;}
.prolist a{color:#fff;}
.prolist dd{margin: 0 0 0 10px;}
.prolist dd li{line-height:28px;font-size:15px; height:28px; overflow:hidden; width:50%; float:left; background:url(../images/fen_dot.png) no-repeat center left; padding-left:10px;}
.prolist dd p{line-height:28px; font-size:15px;height:28px;overflow:hidden; color:#fff;}
.prolist .more{margin:13px;}

.container{min-height:300px;}
.container .width{margin:30px auto;}
.container-left{width:330px;margin-right:30px;}
.container-right{flex:1;overflow:hidden;}



/* public begin */
.ui-piclist-title{padding:6px 10px;}
.ui-piclist-image img{transition:all 1s}
.ui-piclist-image:hover img{transform:scale(1.2);}

.ui-box{box-shadow:0px 0px 30px rgba(0,0,0,0.1);border:1px solid #f3f3f3;background:#fff;}
.ui-box-radius{border-radius:20px 0 0 0;}
.ui-box-radius .ui-box-title{border-radius:20px 0 0 0;}
.ui-box-title{background:linear-gradient(90deg, #0E77EA 0%, #1e50ae 100%);color:#fff;font-size:24px;font-weight:400;padding:30px;}
.ui-box-title span{display:block;font-size:14px;color:#eaeaea;font-weight:300;text-transform:uppercase;line-height:30px;}

.ui-collapse-menu{margin:15px 0;}
.ui-collapse-menu-title a{transition:all 0.5s ease;}
.ui-collapse-menu-title:hover a{padding-left:10px;}
.ui-collapse-menu-body li a{transition:all 0.5s ease;}
.ui-collapse-menu-body li a:hover{padding-left:10px;}
.ui-collapse-menu-body li i{color:#999;}
.ui-collapse-menu-body ul li.active i{color:#1890FF;}
.ui-collapse-menu-body ul li.active a{color:#1890FF;}

.ui-box-h2{font-size:24px;padding:20px 30px;border-bottom:1px solid #eaeaea;position:relative;}
.ui-box-h2:after{position:absolute;display:block;content:"";border-bottom:3px solid #0E77EA;bottom:0;left:30px;width:45px;}
.ui-box-body{padding:25px 30px;word-break:break-all;min-height:380px;}
.ui-box-body .col-10{max-width:760px;}

.ui-box-body img,.ui-box-body p img{max-width:100%;}
.ui-box-body p{margin-bottom:20px;line-height:24px;}
.ui-box-body .content a{color:#03C;}
.ui-box-body .content a:hover{color:#f30;}

.artlist{}
.artlist-item{display:flex;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06);min-height:160px;padding:30px 0;}
.artlist-item:first-child{padding-top:10px;}
.artlist-item-image{width:200px;margin-right:30px;}
.artlist-item-image img{width:100%;max-height:140px;border-radius:4px;}
.artlist-item-image svg{width:100%;text-anchor:middle;border-radius:4px;border:1px solid #eaeaea;}
.artlist-item-body{flex:1;overflow:hidden;padding-right:20px;}
.artlist-item-body .title{font-size:20px;font-weight:bold;}
.artlist-item-body .desc{font-size:16px;color:#666;line-height:40px;margin-top:15px;}
.artlist-item-body .desc p{margin:0;}
.artlist-item-body .tags{color:#999;margin-top:15px;}
.artlist-item-body .tags a{margin:0 6px;font-size:15px;font-family:arial,microsoft yahei;color:#666;}
.artlist-item-body .tags a:hover{color:#f30;}
.artlist-item-date{width:120px;padding:40px 0 0 40px;font-size:28px;color:#999;font-weight:300;position:relative;}
.artlist-item-date:after{display:block;content:"";width:1px;height:60px;background:#f3f3f3;left:10px;top:32px;position:absolute;}
.artlist-item-money{width:200px;font-size:18px;color:#F60;}
.artlist-item-money span{display:block;font-size:16px;color:#333;line-height:36px;font-weight:bold;}
.artlist-item-money:after{height:80%;}
.artlist-item:hover .artlist-item-date{color:#1890FF;}
.artlist-item:hover .artlist-item-body .title{color:#1890FF;}
.artlist-item:hover .artlist-item-body .desc{color:#333;}

.artshow{}
.artshow h1{font-size:24px;font-weight:bold;margin:0;}
.artshow .info{line-height:50px;border-bottom:1px solid #f3f3f3;margin-bottom:20px;color:#666;}
.artshow .info span{color:#999;}
.artshow .info i{color:#ccc;margin-right:5px;}
.artshow .other{margin:15px 0;padding:0px;}
.artshow .other ul{overflow:hidden;list-style:none;display:flex;flex-wrap:wrap;}
.artshow .other ul li{width:25%;line-height:40px;}
.artshow .other ul li span{color:#999;}
.artshow .content a{color:#03C;}
.artshow .content a:hover{color:#f30;}
.artshow .content p{margin-bottom:20px;line-height:30px;}
.artshow .content img{max-width:100%;}
.artshow .action{display:flex;justify-content:center;margin:30px 0 10px 0;}
.artshow .action a{display:block;cursor:pointer;margin:0 15px;width:70px;height:70px;margin-bottom:10px;line-height:60px;text-align:center;border-radius:50%;box-shadow:0px 0px 30px rgba(0,0,0,0.1);position:relative;}
.artshow .action a i{font-size:30px;color:#999;}
.artshow .action a em{display:block;font-family:verdana;color:#999;position:absolute;bottom:-15px;left:0;right:0;}
.artshow .action a:hover{box-shadow:0px 0px 30px rgba(0,132,255,0.3)}
.artshow .action a:hover i{color:#1890FF;}
.artshow .tags{color:#999;margin:15px 0;}
.artshow .tags a{margin:0 10px 10px 0;}

.proshow{}
.proshow .col-left{width:45%;border-right:1px solid #f3f3f3;padding:20px 3%;}
.proshow .col-left .big_pic{text-align:center;}
.proshow .col-left .big_pic img{max-width:100%;}
.proshow .col-left .thumb_pic{margin:30px 0 0 0;text-align:center;}
.proshow .col-left .thumb_pic ul{margin:0 auto;}
.proshow .col-left .thumb_pic ul li{display:inline-block;margin-right:5px;width:60px;height:60px;border:1px solid #eaeaea;padding:0px;cursor:pointer;position:relative;z-index:1;}
.proshow .col-left .thumb_pic ul li.active{border:1px solid #2DB7F5;background:#fff;}
.proshow .col-left .thumb_pic ul li.active:after{content:" ";position:absolute;right:24px;top:-5px;width:11px;height:11px;border:#2DB7F5 solid 1px;border-bottom:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff;z-index:-1}

.proshow .col-right{width:55%;padding:20px 3%; overflow:hidden;}
.proshow .col-right h1{font-size:24px;font-weight:bold;}
.proshow .col-right .intro{font-size:15px;color:#888;margin:10px 0; line-height:32px; width:630px; overflow:hidden;}
.proshow .col-right .attribute{list-style:none;margin:10px 0;}
.proshow .col-right .attribute li{font-size:14px;line-height:30px;}
.proshow .col-right .attribute li em{display:inline-block;width:60px;font-style:normal;color:#999;font-size:14px;}
.proshow .col-right .price{font-size:14px;line-height:30px;margin:20px 0;}
.proshow .col-right .price span{font-size:26px;color:#f60;}
.proshow .col-right .price em{font-size:12px;color:#999;font-style:normal;padding-left:5px;}
.proshow .col-right .tags{color:#999;margin:15px 0;}
.proshow .col-right .tags a{margin:0 10px 10px 0;}
.proshow .col-right .pro_zxdh{margin:15px 10px; font-size:16px; font-weight:700; height:50px; line-height:50px; background:#0e579b; width:290px; text-align:center; float:left;}
.proshow .col-right .pro_zxdh a{margin:0 10px 10px 0; color:#fff;}
.mt-15{ margin-top:15px;}
.proshow_content{padding:20px 0;}
.proshow_content a{color:#03C;}
.proshow_content a:hover{color:#f30;}
.proshow_content p{margin-bottom:20px;line-height:24px;}
.proshow_content p img{max-width:100%;}

.proshow_content .extend{list-style:none;}
.proshow_content .extend li{font-size:14px;line-height:30px;}
.proshow_content .extend li em{display:inline-block;width:120px;font-style:normal;color:#999;font-size:14px;margin-right:15px;}

.quicklogin{padding:20px 0;text-align:center;}
.quicklogin .line{margin:20px auto;max-width:86%;font-weight:400;font-size:18px;color:#666;}
.quicklogin a{display:inline-block;text-align:center;margin:0 10px;color:#999;font-size:12px;transition:all .3s ease 0s;}
.quicklogin a:hover{transform:translate3d(0,-5px,0);}
.quicklogin a span{display:block;width:45px;line-height:45px;border-radius:50%;text-align:center;background:#f3f3f3;font-size:24px;margin-bottom:10px;}
.quicklogin a span.blue{background:#E7F7FE;color:#1890FF;}
.quicklogin a span.red{background:#FFF1F8;color:#ED4014;}
.quicklogin a span.green{background:#E6F8E6;color:#19BE6B;}

.api_user{padding:0 0 20px 60px;margin-bottom:20px;}
.api_user span{color:#1890ff;}
.api_user a{color:#f30;}

.user_info{padding:20px 30px;display:flex;}
.user_info .face{width:160px;padding-right:20px;cursor:pointer;}
.user_info .face img{border-radius:50%;border:1px solid #f3f3f3;padding:4px;width:120px;height:120px;}
.user_info .info{flex:1;overflow:hidden;}
.user_info .info p{margin:0;padding:10px 0;}
.user_info .info p span{color:#f30;}
.user_info .info ul{margin:0;padding:0;list-style:none;}
.user_info .info ul li{font-size:16px;line-height:55px;height:55px;border-bottom:1px dashed #eee;vertical-align:middle;float:left;width:45%;margin-right:5%;}
.user_info .info ul li span{color:#f30;}
.user_info .info ul li em{color:#999;font-style:normal;display:inline-block;margin-right:5px;}

.pay{margin:0 0 -10px;padding:0;list-style:none;display:flex;}
.pay li{min-width:200px;margin:0 10px 10px 0;cursor:pointer;}
.pay li div{border:1px solid #efefef;text-align:center;position:relative;}
.pay li div img{max-width:100%;height:65px;}
.pay li div i{position:absolute;right:2px;bottom:0px;font-size:12px;color:#fff;z-index:10;display:none;}
.pay .active div:before{position:absolute;content:"";right:0;bottom:0;color:#1890FF;width:0;height:0;border-bottom:30px solid #1890FF;border-left:30px solid transparent;z-index:10;}
.pay .active div{border-color:#90BAFF;}
.pay .active div i{display:block;}

.order-base{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 20px 20px;}
.order-base-left{flex:1;overflow:hidden;border-right:1px solid #f3f3f3;}
.order-base-left h1{font-size:24px;font-weight:400;color:#666;}
.order-base-left h1 i{font-size:34px;color:#1890FF;margin-right:10px;}
.order-base-left p{padding-left:46px;color:#f30;margin:0;}
.order-base-left p span{color:#999;}
.order-base-right{text-align:center;font-size:18px;font-weight:400;color:#999;padding-left:30px;}
.order-base-right em{color:#f30;}
.order-goods{border:1px solid #f3f3f3;border-radius:4px;}
.order-goods .ui-collapse-menu-title a{font-size:16px;}
.order-goods .ui-collapse-menu-title a:hover{padding-left:0;}
.order-goods .ui-collapse-menu-title.active{background:#fafafa;}
.order-goods .ui-collapse-menu-title.active a{color:#1890FF;}
.order-goods .ui-collapse-menu-title a span{color:#1890FF;font-size:16px;margin-right:15px;}
.order-goods .ui-collapse-menu-body li span{color:#999;}
.order-goods .ui-collapse-menu-body li:last-child{border-bottom:0;}
.order-pay{margin:20px 0;}
.order-pay ul{max-width:50%;}

/*BBS*/
.bbs{position:relative;}
.bbs-left{width:300px;padding:30px 0;}
.bbs-left-title{color:#526069;font-weight:500;font-size:20px;padding-left:30px;}
.bbs-left-nav{list-style:none;margin:20px 0;}
.bbs-left-nav li{line-height:45px;margin-bottom:1px;}
.bbs-left-nav li a{color:#76838f;display:block;font-weight:500;padding-left:30px;font-size:16px;}
.bbs-left-nav li a i{font-size:20px;margin-right:10px;}
.bbs-left-nav li a:hover{color:#1890FF;background:#eaf7ff;}
.bbs-left-nav li a:hover i{color:#1890FF;}
.bbs-left-nav li.active a{color:#1890FF;background:#eaf7ff;}
.bbs-left-nav li.active a:hover i{color:#1890FF;}
.bbs_search{padding:15px 30px;}
.bbs-right{flex:1;overflow:hidden;border-left:1px solid #e4eaec;padding:30px;min-height:360px;}
.bbs-right-title{color:#526069;font-weight:bold;font-size:18px;position:relative;}
.bbs-right-title a{position:absolute;right:0;top:0;font-size:16px;font-weight:normal;background:#40A9FF;color:#fff;border-radius:20px;display:block;padding:10px 30px;}
.bbs-right-title a:hover{background:#1890FF;}
.bbs-right .ui-tabs-nav a{padding:10px 20px;}
.bbs-topic{margin:0;}
.bbs-topic-item{display:flex;justify-content:space-between;padding:20px 20px 20px 30px;border-bottom:1px solid #f3f3f3;}
.bbs-topic-item .face{width:40px;height:40px;}
.bbs-topic-item .face img{width:100%;height:100%;border-radius:100%;}
.bbs-topic-item .body{flex:1;overflow:hidden;padding:0 20px;}
.bbs-topic-item .body em{background:#f30;color:#fff;display:inline-block;padding:4px 8px;margin:0 5px;font-size:12px;border-radius:4px;border:0;}
.bbs-topic-item .body a{color:#666;}
.bbs-topic-item .body a:hover{color:#333;}
.bbs-topic-item .body .desc{color:#a3afb7;}
.bbs-topic-item .other{width:100px;padding-left:20px;font-size:12px;color:#333;}
.bbs-topic-item .other i{color:#ccc;margin-right:5px;}
.bbs-topic-item:hover{background:#f5fbff;}
.bbs-post{margin-top:30px;}
.bbs-post .ui-col-2{text-align:right;color:#999;}
.bbs-post .ui-col-10{max-width:760px;}
.bbs-show{margin-top:0px;}
.bbs-show .tip{color:#76838f;background:#ecf4ff;display:inline-block;padding:15px 20px;border-left:3px solid #3e8ef7;border-radius:2px;}
.bbs-show .tip a{color:#06f;margin:0 10px;}
.bbs-show .tip a:hover{color:#f30;}


table{border-collapse:collapse;border-spacing:0;width:100%;}
td,th{border:1px solid #eaeaea;padding:10px;}
.ui-sidebar{position:fixed;right:0;top:0;display:flex;align-items:center;}
.ui-sidebar ul{border-radius:0;}
.ui-sidebar ul li:first-child,.ui-sidebar ul li:first-child a{border-radius:0;}
.ui-sidebar ul li:last-child,.ui-sidebar ul li:last-child a{border-radius:0;}
.ui-sidebar ul li a{width:70px;line-height:60px;}
.ui-sidebar ul li a i{font-size:28px;}
.ui-sidebar ul li div{line-height:60px;font-size:16px;min-width:120px;}
.ui-sidebar ul li:hover div{right:80px;}
.ui-sidebar ul li a{color:#246FDD;}
.ui-sidebar ul li a:hover{background:#246FDD;border-color:#246FDD;}
.ui-sidebar ul li.active a{background:#246FDD;border-color:#246FDD;}
.ui-card-book{border:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header{padding:10px 25px;line-height:30px;background:#F8FBFF;border-bottom:1px solid #DFEDFF;border-radius:0 20px 0 0;}
.ui-card-book .ui-card-header .ui-card-header-title{border:0;padding:0;}
.ui-card-book .ui-card-body{padding:20px 25px 15px 25px;word-break:break-all;}
.ui-card-book .ui-card-footer{border-top:0;padding:0 25px 20px 25px;}

/*漂浮框*/
.yb_conct{position:fixed;z-index:9999999; top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#3386ff url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3386ff url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3386ff url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3386ff url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 0px 25px 25px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}