@charset "utf-8";
html, body { background:#f0f0f0;}

/*-----------------------------------------------------header-----------------------------------------------------*/
.header { width: 100%; margin: 0 auto; background: #fff; position: fixed; top: 0; z-index: 999;  border-bottom:1px solid #f1f1f1; }
.header-fixed {animation: fadeOutUp 0.3s 0.1s ease both; -webkit-animation: fadeOutUp 0.3s 0.1s ease both;}
.header .top { width: 100%; height: 40px; background: #333; }
.header .top-info { width: 1200px; height: 40px; margin: 0 auto; color: #999; }
.header .top-info p { line-height: 40px; font-size: 12px; }
.header .top-info .top-nav { color: #999; height: 40px; }
.header .top-info .top-nav h1 { font-weight: normal; color: #999; line-height: 40px; padding: 0 12px; font-size: 12px; }
.header .top-info .top-nav h1 span { color: #fff; font-size: 16px; font-weight: bold; font-family: Arial; font-style: italic; }
.header .top-info .top-nav .help-us { color: #999; line-height: 40px; padding: 0 12px; font-size: 12px; background: url(../images/top-nav-line.png) left center no-repeat; }
.header .top-info .top-nav .help-us:hover { color: #fff; }
.header .top-info .top-nav .focus-us { color: #999; line-height: 40px; padding: 0 6px 0 12px; font-size: 12px; background: url(../images/top-nav-line.png) left center no-repeat; }
.header .top-info .top-nav a { color: #999; }
.header .top-info .top-nav .ww { padding-top: 6px; }
.header .top-info .top-nav .ww a { margin-left: 10px; }
.header .top-info .top-nav .xk-wechat { font-size: 16px; }
.header .top-info .top-nav .xk-weibo { font-size: 18px; }
.header .top-info .top-nav .wechat:hover, .header .top-info .top-nav .weibo:hover { color: #fff; }
.wechat { position: relative; z-index: 1; }
.wechat .m-tip { position:absolute; top: 40px; left: -60px; z-index: 999; opacity: 0; -webkit-opacity:0; transition: all .3s ease 0s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);  visibility: hidden;}
.wechat:hover .m-tip { -webkit-opacity:1;opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);   visibility: visible;}
.wechat .m-tip .direction-top { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #000 transparent; position: absolute; top: -20px; left: 60px; -webkit-opacity:0.8; opacity: 0.8; }
.wechat .m-tip .m-tip-panel i { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.8; opacity: 0.8;}
.wechat .m-tip .m-tip-panel { padding: 10px; width: 120px; }
.wechat .m-tip .m-tip-panel img { width: 120px; margin: 0 auto;}
.wechat .m-tip .m-tip-panel p { line-height: 120%; text-align: center; color:#fff;}
.header .bot {width:1200px; height:80px; margin:0 auto; background:#fff;}
.header .bot .logo { margin-top:20px;}
.nav { padding-right:50px;}
.nav ul li { float:left; height:80px; line-height:80px; padding:0 25px; position:relative; z-index:1; margin:0 5px;  }
.nav ul li a {color:#666; font-size:16px;}
.nav ul li:hover a, .nav ul li:hover a.on,  .nav ul li a.on { color:#ff7300;}
.nav ul li a span { position:absolute; z-index:9; top:31px; right:0; font-size:20px; width:20px; display:inline-block; color:#bbb; text-align:center; -webkit-animation: rotateend .5s ease forwards; animation: rotateend .5s ease forwards;}
.nav ul li:hover a span { color:#bbb;   -webkit-animation: rotate .5s ease forwards;  animation: rotate .5s ease forwards; }
.nav ul li ul li {margin:0;}
.nav .m-tip {z-index: 10001; position: relative; top:4px; display:none;}
.nav .m-tip .direction-top { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #000 transparent; position: absolute; top: -20px; left: 45px; -webkit-opacity:0.8; opacity: 0.8; }
.nav .m-tip .m-tip-panel { min-width: 110px;  position: absolute; top: -15px;right: -30px; padding: 0; }
.nav .m-tip .m-tip-panel i {  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.8; opacity: 0.8 }
.nav .m-tip .m-tip-panel ul { }
.nav .m-tip .m-tip-panel ul li  { line-height: 40px; padding: 0; height: 40px;text-align: center; float: none;}
.nav .m-tip .m-tip-panel ul li a {  width:100%; line-height:40px; font-size: 14px; color: #fff; display:inline-block;}
.nav .m-tip .m-tip-panel ul li a:hover { background:#000;}
.user-msg { line-height: 80px;}
.user-msg .login {border-right: 1px solid #ccc;padding-right: 12px;}
.user-msg a { font-size: 18px;color: #666;padding-left: 16px;}
.user-msg a:hover {color:#ff7300;}
.ico-user-img { float: none; background:url(../images/ico_user_img.png) no-repeat; width: 32px;height: 32px; vertical-align: middle;     display: inline-block; zoom: 1; margin-right: 22px;}


/*-----------------------------------------------------about banner-----------------------------------------------------*/
.banner { width: 100%; height: 440px; overflow: hidden;  }
.ban-about {width:100%;height:440px; background:url(../images/ban_about.jpg) bottom center no-repeat;}
.ban-market {width:100%;height:440px; background:url(../images/ban_market2.jpg) bottom center no-repeat;}
/*.banner-pro { width: 100%; height: 560px; overflow: hidden; margin-top: 80px; }*/
.ban-product {width:100%;height:560px; background:url(../images/ban_product2.jpg) top center no-repeat; margin-top:80px;}
.ban-product .w1200 { position:relative;z-index:1;}

/*-----------------------------------------------------chapter nav-----------------------------------------------------*/
.chapter-nav { background: #fff; width: 100%; margin: 0 auto; border-bottom: 1px solid #f1f1f1; position:fixed; top:80px; z-index:999;}
.chapter-nav .chapter-nav-main { height:50px; line-height:50px;  }
.chapter-nav .chapter-nav-main ul li {  margin: 0 0 0 40px;padding: 0; display: inline-block; font-size: 15px; }
.chapter-nav-main ul li a {  line-height:50px;  color: #666; display: inline-block; padding: 0 10px;}
.chapter-nav-main ul li a span { display: inline-block; height: 48px; }
.chapter-nav-main ul li:hover a, .chapter-nav-main ul li.active a { color:#ff7300;  }
.chapter-nav-main ul li:hover span ,  .chapter-nav-main ul li.active a span {  border-bottom: 2px solid #ff7300; font-weight:bold;}
.chapter-nav-main .chapter-title { font-size: 16px;  line-height: 50px; font-weight:bold; color:#333; }

/*-----------------------------------------------------case-----------------------------------------------------*/
.c-title { width: 100%; text-align: center;}
.c-title h1 { font-weight:bold; color:#333; font-size:28px; background:url(../images/pcasetit.jpg) center bottom no-repeat; }
.case .c-info {padding-top:60px;}
.case-tab {  position:relative;}
.case-tab .hd { width:100%;}
.case-tab .hd  a {display:block; width:30px; height:59px; position:absolute; cursor:pointer; top:120px;}
.case-tab .hd .prev {  background:url(../images/c_left.png) no-repeat;  left:0; } 
.case-tab .hd .next {  background:url(../images/c_right.png) no-repeat;right:0;}
.case-tab .bd { width:1226px; margin:0 auto;}
.case-tab .bd ul { overflow: hidden; zoom: 1; }
.case-tab .bd ul li { width:280px; height:290px; float: left; overflow: hidden;  margin:0 13px; background:#fff; text-align:left; position:relative; background:#f6f6f6;}
.case-tab .bd ul li a { display: inline-block; width: 100%; height: 100%;}
.case-tab .bd ul li .pic { text-align: center;width:280px; height:160px; overflow:hidden; position:relative; }
.case-tab .bd ul li .pic .bgmask {width:100%; height:100%; background:rgba(255,255,255,0); position:absolute; top:0; z-index:9;  transition: all .3s ease 0s; }
.case-tab .bd ul li .pic .bgmask img { width:100px; height:100px; position:absolute; left:86px; bottom:0; z-index:99; border:4px solid #fff; opacity:0; transition: all .3s ease 0s; }
.case-tab .bd ul li:hover .pic .bgmask {background:rgba(255,255,255,0.8); transition: all .3s ease 0s; }
.case-tab .bd ul li:hover .pic .bgmask img { opacity:1;  bottom:26px; transition: all .3s ease 0s; }
.case-tab .bd ul li .pic img { width: 280px; height: 160px; display: block;-webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.case-tab .bd ul li:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}
.case-tab .bd ul li p.title { color:#333;  padding:12px 16px 6px 16px; }
.case-tab .bd ul li p.title a {color:#333; font-size:15px;}
.case-tab .bd ul li p.desc { color:#999; font-size:12px; padding:0 16px; line-height:22px;  }
.case-tab .bd ul li p.desc a { color:#999; }
.case-tab .bd ul li p.remark { color:#666; font-size:12px; padding:6px 16px 0 16px;  }
.case-tab .bd ul li p.bg { position:absolute; top:0px; left:0;  z-index:9; width:100%; height:290px; background:#000; -webkit-opacity:0; opacity: 0; 
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;    visibility: hidden; }
.case-tab .bd ul li p.txt i {display:block; font-style:normal; padding-bottom:20px;}
.case-tab .bd ul li p.txt i a { padding:5px 28px; border:1px solid #fff;  -webkit-border-radius: 2px; border-radius: 2px; font-size:12px; color:#666; background:#fff;}
.case-tab .bd ul li p.txt i a:hover { background:#ff7300; color:#fff; border:1px solid #ff7300;  transition:none;}
.case-tab .bd ul li p.txt  img {width:120px; display:block; margin:0 auto;}
.case-tab .bd ul li p.txt  span {font-size:12px; line-height:300%;}
.case-morep a {width:240px; height:42px; display:block; margin:0 auto; background:#ff7300; color:#fff; text-align:center; line-height:42px; margin-top:60px;  -webkit-border-radius: 4px;  border-radius: 4px; font-size:16px;}
.case-morep a:hover { background:#ff6600;}



/*-----------------------------------------------------wsc_desc-----------------------------------------------------*/
.ban-product h1 { font-size: 30px; font-weight: normal;  color: #fff; text-align: center; padding-top: 60px;}
.ban-product p {font-size:18px;color:#fff; text-align:center;line-height:280%;}
.ban-product img {width:709px; position:absolute; z-index:9; left:50%; top:160px; margin-left:-354px;}
.wsc-main {width:100%; background:#f0f0f0;}
.wsc-nav {width:100%; background:#fff; border-bottom:1px solid #f0f0f0;}
.fixed-style { position:fixed; z-index:9999; top:60px;}
.wsc-nav .btn-use {width:160px; height:36px; line-height:36px; text-align:center; display:inline-block; background:#ff7300; color:#fff; -webkit-border-radius: 2px; border-radius: 2px;margin-top:12px; font-size:16px;}
.wsc-nav .btn-use:hover {background:#ff6600;}
.wsc-nav ul {height:61px;}
.wsc-nav ul li {float:left; line-height:60px; font-size:16px;margin-right:60px;}
.wsc-nav ul li a {display:inline-block; line-height:60px; color:#666; }
.wsc-nav ul li.active {border-bottom:2px solid #ff7300;}
.wsc-nav ul li.active a {color:#ff7300;}
.wsc-nav ul li:hover {border-bottom:2px solid #ff7300;}
.wsc-nav ul li:hover a {color:#ff7300;}

.wsc-desc1 {padding-top:80px;}
.fixed {padding-top:120px!important;}
.wsc-desc1 .title { padding-bottom:60px;}
.wsc-desc1 .title p { font-size:30px; color:#333; line-height:40px; text-align:center;}
.quotes-l { background:url(../images/quotes_left.png) center left no-repeat; padding: 2px 45px 2px 0px;}
.quotes-r { background:url(../images/quotes_right.png) center right no-repeat; padding: 2px 0px 2px 45px;}
.wsc-desc1-con ul {padding:30px 0;}
.wsc-desc1-con ul li {width:320px; float:left; margin-bottom:60px; margin-right:100px;}
.wsc-desc1-con ul li.cur {margin-right:0;}
.wsc-desc1-con ul li img {width:68px;height:60px; float:left;}
.wsc-desc1-con ul li h1 {width:72%;float:right;font-weight:normal; color:#333; font-size:16px; line-height:180%;}
.wsc-desc1-con ul li p {width:72%;float:right;}

.wsc-desc2 {width:100%; height:790px; padding-top:80px; background:url(../images/pro_desc2_bg.jpg) center top no-repeat;}
.wsc-desc2 .title { padding-bottom:60px;}
.wsc-desc2 .title p { font-size:30px; color:#fff; line-height:40px; text-align:center;}
.wsc-slidebox { width: 1200px;  }
.wsc-slidebox .hd {height:36px; position: relative; }
.wsc-slidebox .hd ul { width:100%; height: 32px; text-align:center; }
.wsc-slidebox .hd ul li { width:120px; height:36px;line-height: 36px; border:1px solid #fff; text-align:center; color:#fff; -webkit-border-radius:50px; border-radius:50px; display:inline-block; margin:0 15px; cursor: pointer;}
.wsc-slidebox .hd ul li:hover {/* background:#fff; color:#ff6262;*/}
.wsc-slidebox .hd ul li.on {/* background:#fff; color:#ff6262;*/}
.wsc-slidebox .bd .con { margin-top:60px;}
.wsc-slidebox .bd .con .tab-pc { width:1154px; height:568px; position:relative; background:url(../images/pro_tab_pc.png) left top no-repeat;}
.tab-pc .if-pc { width:700px; height:446px; display: block;border: none;margin: 0;box-sizing: border-box;position:absolute; top:24px; left:125px;}
.tab-pc .btn ul { position:absolute;top:200px; right:0;}
.tab-pc .btn ul li{width:160px;  text-align:center; margin-bottom:25px; }
.tab-pc .btn ul li a {width:100%; height:40px; line-height:40px; -webkit-border-radius:50px; border-radius:50px; display:block;color:#fff;  border:1px solid #fff; font-size:16px; }
.tab-pc .btn ul li:hover a { background:#fff; color:#ff6262;}
.wsc-slidebox .bd .con .tab-m { width:678px; height:566px; position:relative; background:url(../images/pro_tab_m.png) left top no-repeat;margin-left:475px;}
.tab-m .if-m { width:230px; height:405px; display: block;border: none;margin: 0;box-sizing: border-box;position:absolute; top:60px; left:10px;}
.tab-m .btn .m-qrcode {width:160px; position:absolute; right:215px;top:200px;}
.tab-m .btn .m-qrcode span { width:100%;display:inline-block; text-align:center; color:#fff;}
.tab-m .btn .m-qrcode img {width:100%;}
.tab-m .btn ul { position:absolute;top:200px; right:0;}
.tab-m .btn ul li{width:160px;  text-align:center; margin-bottom:25px; }
.tab-m .btn ul li a {width:100%; height:40px; line-height:40px; -webkit-border-radius:50px; border-radius:50px; display:block;color:#fff;  border:1px solid #fff; font-size:16px; }
.tab-m .btn ul li:hover a { background:#fff; color:#ff6262;}


.wsc-desc3 {padding-top:80px;}
.wsc-desc3 .title { padding-bottom:60px;}
.wsc-desc3 .title p { font-size:30px; color:#333; line-height:40px; text-align:center;}
.wsc-desc3-con {padding:10px 0 70px 0;}

.wsc-desc4 {width:100%; background:#f6f6f6; padding-top:80px;}
.wsc-desc4 .title { padding-bottom:80px;}
.wsc-desc4 .title p { font-size:30px; color:#333; line-height:40px; text-align:center;}
.wsc-desc4-con {width:100%; height:415px; background:url(../images/pro_desc4_bg.png) center top no-repeat; margin:0 auto; padding-bottom:60px;}
.wsc-desc4-con ul { text-align:center; width:100%; padding-top:210px;}
.wsc-desc4-con ul li { display:inline-block; margin:0 90px; width:140px;color:#fff;}
.wsc-desc4-con ul li h1 {font-size:16px;line-height:300%;}
.wsc-desc4-con ul li p {font-size:12px;color:#eee;}

.wsc-desc5 {padding-top:80px;}
.wsc-desc5 .title { padding-bottom:80px;}
.wsc-desc5 .title p { font-size:30px; color:#333; line-height:40px; text-align:center;}
.wsc-desc5-con {width:100%; height:360px; background:url(../images/pro_desc5_bg.jpg) center top no-repeat; margin:0 auto; padding-bottom:80px; position:relative;}
.wsc-desc5-con .txt { width:480px; position:absolute;z-index:9; top:30px; right:30px; line-height:240%;}

.wsc-desc6 {width:100%; background:url(../images/pro_desc6_bg.jpg) center top no-repeat; padding-top:80px;}
.wsc-desc6 .title { padding-bottom:80px;}
.wsc-desc6 .title p { font-size:30px; color:#fff; line-height:40px; text-align:center;}
.wsc-desc6-con {width:1230px; margin:0 auto;}
.swiper-container {width: 100%;}
.swiper-container-se { padding-bottom:120px;}
.swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center; -webkit-align-items: center;align-items: center; }
.swiper-slide .ss {width:280px; margin:0 15px;background: #fff;}
.swiper-slide .ss .img {width:100%;}
.swiper-slide .ss .img img {width:100%;}
.swiper-slide h2 {width:100%; font-size:16px;  padding-top:10px;}
.swiper-slide p.txt {font-size:14px; color:#999; text-align:left; padding:10px 20px 20px 20px; line-height:180%;}
.wsc-desc6 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:80px;}
.wsc-desc6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {width:60px;height:4px; -webkit-border-radius:0;border-radius:0; background:#fff;margin: 0 10px;}

.wsc-desc7 { padding-top:80px; background:#f6f6f6;}
.wsc-desc7 .title { padding-bottom:80px;}
.wsc-desc7 .title p { font-size:30px; color:#333; line-height:40px; text-align:center;}
.wsc-desc7-con { margin:0 auto; padding-bottom:80px; position:relative;}

.wsc-desc8 {padding-top:80px; background:#fff;}
.wsc-desc8 .title { padding-bottom:80px;}
.wsc-desc8 .title p { font-size:30px; color:#333; line-height:40px; text-align:center;}
.wsc-desc8-con {width:100%;padding-bottom:80px;}
.full-case { text-align: center; margin: auto; }
.full-case ul { position: relative; width: 1148px; margin-left: auto; margin-right: auto; }
.full-case h2 { font-size: 30px; color: #333; line-height: 30px; padding-top: 100px; padding-bottom: 60px; }
.full-case li { float: left; width: 365px; border-left: 1px solid #eee; }
.full-case li:first-child { border-left: none; }
.full-case li p { letter-spacing: 2px; font-size: 38px;  line-height:150%; color:#333;}
.full-case li p span { font-size: 24px; }
.full-case li a { color: #ff7300; font-size: 14px; }
.full-case li a:hover {color:#ff6600;}
.case-more { width:100%; text-align:center; padding-top:60px;}
.case-more a {width:180px; height:45px; display:inline-block;  background:#ff7300; color:#fff; text-align:center; line-height:45px;  -webkit-border-radius: 4px;  border-radius: 4px; font-size:16px; margin:0 15px;}
.case-more a:hover {background:#ff6600;}
.case-more a:first-child {}
.case-more a:first-child:hover {}
.ct {font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; text-align:center; padding-top:30px; display:none;}
.ct .tel {font-size: 16px;color: #333;line-height:200%;}
.ct .time {font-size: 14px;color: #999;}

/*-----------------------------------------------------wsc_func-----------------------------------------------------*/
.wf-con {padding:40px 0 60px 0;}
.wf-con h1 { font-size:18px; font-weight:normal; color:#333; padding:0 0 20px 0; }
.wf-con h2 { font-size:18px; font-weight:normal; color:#333; padding:60px 0 20px 0; }
.wf-ul {width:100%;}
.wf-ul li { float:left; width:270px; height:50px;overflow:hidden; margin:20px 40px 30px 0;}
.wf-ul li.last {margin-right:0;}
.wf-ul li a {display:block;}
.wf-ul li p.img { float:left; width:50px;}
.wf-ul li p.img img {width:50px; -webkit-border-radius: 4px; border-radius: 4px;}
.wf-ul li p.txt { float:right; width:200px;  margin-bottom:0!important; line-height:100%;}
.wf-ul li p.txt b {display:block; font-weight:normal; color:#333; line-height:120%; font-size:16px; padding-bottom:10px;}
.wf-ul li a:hover b {color:#ff7300;} 
.wf-ul li p.txt span {font-size:12px; color:#999; line-height:180%; }


/*-----------------------------------------------------wsc_price-----------------------------------------------------*/
/*.price-main {width:100%;}
.price-main ul {font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
.price-main ul li  a {color:#009ee6;}
.price-main .price-list { background: #fff;float: left; width: 276px;  margin-right:30px;-webkit-border-radius:6px; border-radius:6px; }
.price-main .price-list:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.price-main .price-list:last-child { margin-right: 0 }
.price-price {  color: #fff; text-align:center; }
.one .price-price { background: #009ee6; border-bottom: 1px solid #009ee6; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.two .price-price { background: #ff6262; border-bottom: 1px solid #ff6262;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.three .price-price { background: #44bb00; border-bottom: 1px solid #44bb00;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.four .price-price { background: #ff7300; border-bottom: 1px solid #ff7300;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.price-price h4 { font-size: 24px; font-weight:normal; line-height:100%; padding:40px 0 20px 0; }
.price-price p { font-size: 36px;  line-height:100%; padding-bottom: 25px; }
.price-price p span { font-size: 24px; line-height:100%; }
.price-price p i { font-style:normal;font-size:16px; padding-left:6px;}
.p-menu {border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;position:relative; }
.p-menu-last {-webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;}
.p-menu p {padding:6px 30px; background:#f6f6f6;  font-size:16px;}
.price-func, .price-ser { padding:20px 30px;text-align: left; font-size: 14px; color: #666; line-height: 30px; }
.price-dz {position: absolute;z-index: 9; top: 10px; right: 30px; color: #ff7300;font-size: 14px;}
.price-func li { float:left; width:33.3%;}
.p-menu a.btn-func {position:absolute;z-index:9; top:12px; right:30px; color:#999; font-size:14px;}
.p-menu a.btn-func:hover {color:#666;}
.cont { background:#f6f6f6; padding:60px 0 60px 0;}
.btn-ser { width:100%; text-align:center; }
.btn-ser a {width: 180px;height:45px; font-size:16px; display: inline-block;background: #ff7300;color: #fff;text-align: center;line-height:45px;-webkit-border-radius: 4px;border-radius: 4px;margin: 0 15px;}
.btn-ser a:hover {background: #ff6600; }*/


.price-main {width:100%;padding:20px 0 0 0;}
.price-main ul { height:160px; }
.price-main ul li a {color:#009ee6;}
.imgcode { text-align:center; }
.imgcode h3 { font-size:14px; padding:5px 0 10px 0; }
.price-main .price-list { background: #fff;float: left; width:360px;  margin:0 20px;-webkit-border-radius:6px; border-radius:6px; margin-bottom:40px; }
.price-main .price-list:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.price-main .price-list:last-child { margin-right: 0 }
.price-price {  color: #fff; text-align:center; }
.one .price-price { background: #009ee6; border-bottom: 1px solid #009ee6; -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.two .price-price { background: #ff6262; border-bottom: 1px solid #ff6262;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.three .price-price { background: #44bb00; border-bottom: 1px solid #44bb00;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.four .price-price { background: #ff7300; border-bottom: 1px solid #ff7300;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.five .price-price { background: #009ee6; border-bottom: 1px solid #009ee6;  -webkit-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0;  }
.price-price h4 { font-size: 24px; font-weight:normal; line-height:100%; padding:40px 0 20px 0; }
.price-price p { font-size: 36px;  line-height:100%; padding-bottom: 25px; }
.price-price p span { font-size: 24px; line-height:100%; }
.price-price p em {font-size:18px; padding-left:10px;}
.price-price p i { font-style:normal;font-size:16px; padding-left:6px;}
.p-menu {border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;position:relative; }
.p-menu-last {-webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;}
.p-menu p {padding:6px 30px; background:#f6f6f6; /*border-bottom:1px solid #ddd;*/ font-size:16px;}
.price-func, .price-ser { padding:20px 30px 0 30px; text-align: left; font-size: 14px; color: #666; line-height: 30px; }
.price-dz {position: absolute;z-index: 9; top: 10px; right: 30px; color: #ff7300;font-size: 14px;}
.price-func li { float:left; width:33.3%;}
.p-menu a.btn-func {position:absolute;z-index:9; top:12px; right:30px; color:#999; font-size:14px;}
.p-menu a.btn-func:hover {color:#666;}
.p-menu .btn { text-align:center;height:40px; padding:20px 25px;}
.p-menu .btn a { width:45%; height:38px; line-height:38px; display:inline-block; color:#666; margin:0 2%; border:1px solid #ddd; background:#eee;}
.p-menu .btn a:hover {border:1px solid #ff7300; background:#ff7300; color:#fff;transition:none;}

/*-----------------------------------------------------wsc_faq-----------------------------------------------------*/
.faq-main {width:100%;}
.faq-main .faq-contact { width:300px; }
.faq-main .faq-list { width:760px; padding-right: 60px; border-right: 1px solid #e5e5e5 ;}
.faq-main .faq-title { font-size: 20px; color: #333; padding-bottom: 40px; font-weight:normal; }
.faq-main .sub-title { font-weight:normal; color: #333; line-height: 16px; }
.faq-main .business-consult { height: 136px;}
.faq-main .online-consult { height: 70px; }
.faq-main .tel-time { text-align: right;font-family: Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif; }
.faq-main .tel { font-size:20px; color: #333; line-height: 120%;padding-bottom: 10px; }
.faq-main .phone { font-size:16px; }
.faq-main .phone em { font-size:14px; font-style:normal; padding-left:10px;}
.faq-main .time {color:#999;}
.faq-main a .question {font-weight:normal;  font-size:16px; color: #333; line-height: 32px; padding-bottom: 10px; }
.faq-main a:hover .question {color:#ff7300;}
.faq-main .answer { color: #999; line-height: 26px; padding-bottom: 6px; }
.faq-main .wpm-qrcode { width: 120px; height: 120px; background-size: 120px 120px; background-image: url(../images/qrcode.jpg); }
.faq-main .qr-code-title { text-align: center; font-size: 14px; color: #333; line-height: 14px; padding-top: 8px; }
.faq-main .faq-list ul li { padding-bottom:30px;}
.faq-main .faq-list ul li a { color:#ff7300;}
.faq-main .faq-list ul li a:hover {color:#ff6600;}
.faq-main .faq-title2 { font-size: 20px; color: #333; padding:40px 0 20px 0; font-weight:normal; }
.faq-rec-list li { padding-bottom: 20px; }
.faq-rec-list li .rec-articles-left { width: 120px; height: 90px; float: left; }
.faq-rec-list li .rec-articles-left a img { width: 100%; vertical-align: middle; }
.faq-rec-list li .rec-articles-right { width: 165px; height: 90px; float: right; }
.faq-rec-list li .rec-articles-right a { font-size: 14px; display: inline-block; line-height: 22px; overflow: hidden; color:#666; }
.faq-rec-list li:hover .rec-articles-right a { color:#ff7300;}
.faq-rec-list li .rec-articles-right p { font-size: 12px;  height: 48px;line-height: 22px; overflow: hidden;  color:#999; }
.faq-main .btn-kf {width: 80px; height: 30px; line-height: 30px; display: inline-block; border: 1px solid #ff7300; color: #ff7300; text-align: center;  border-radius: 2px; cursor: pointer; margin-left:10px;}
.faq-main .btn-kf:hover { background:#ff7300; color:#fff;}



/*-----------------------------------------------------main-----------------------------------------------------*/
.main { padding:40px 0 60px 0;}
.m-left {width:220px; background:#fff;}
.m-left .m-left-t {width:100%; height:70px; padding:30px 0 0 30px;}
.m-left .m-left-t h1 { font-size:18px; font-weight:normal;}
.m-left .m-left-t span { font-family:Arial; color:#ccc; text-transform:uppercase; line-height:26px;}
.m-left .m-left-nav ul {border-top: 1px solid #f5f5f5;}
.m-left .m-left-nav ul li{vertical-align:bottom;}
.m-left .m-left-nav ul li a {display:block;font-size:14px;border-left:2px solid #fff; transition:.3s ease-out;height:50px;line-height:50px;text-indent:80px; color:#666;}
.m-left .m-left-nav ul li.active>a,.m-left .m-left-nav ul  li a:hover{background:#f9f9f9;border-left:2px solid #ff7300;color:#ff7300;}
.m-left .m-left-nav ul li a.active {background:#f9f9f9;border-left:2px solid #ff7300;color:#ff7300;}
.m-right {width:960px; }
.m-right .bread {width:100%; height:50px; background:#fff;  line-height:50px;margin-bottom:20px;}
.m-right .bread span { color:#999; padding-left:30px;}
.m-right .bread  a { color:#999;}
.m-right .bread  a:hover { color:#ff7300;}
.m-right .m-content {   background:#fff; }
.m-right .m-content .title {    position: relative;  border-bottom: 1px solid #ddd; background: #fff; padding:20px 30px;}
.m-right .m-content .title span { display:block;color:#333; font-size:18px;  }
.m-right .m-content .title i { position:absolute; z-index:99; bottom:-5px; left:55px;}
.m-right .m-content .cc { padding:40px 30px; min-height:200px;}
.m-right .m-content .cc p { margin-bottom:10px;}
.m-right .m-content .cc p.intro {color:#999;}
.m-abo a {color:#ff7300;}
.m-abo a:hover {color:#ff6600;}

/*-----------------------------------------------------market-----------------------------------------------------*/
.mk {width:100%;}
.mk li { float:left; width:284px; height:70px;overflow:hidden; margin:20px 24px 30px 0;}
.mk li.cur {margin-right:0;}
.mk li a {display:block;}
.mk li p.img { float:left; width:70px;}
.mk li p.img img {width:70px; -webkit-border-radius: 4px; border-radius: 4px;}
.mk li p.txt { float:right; width:185px; margin-right:12px; margin-bottom:0!important; line-height:100%;}
.mk li p.txt b {display:block; font-weight:normal; color:#333; line-height:120%; font-size:16px; padding-bottom:10px;}
.mk li a:hover b {color:#ff7300;} 
.mk li p.txt span {font-size:12px; color:#999; line-height:180%; }
.mk-content .tips { height: 40px;overflow: hidden;  padding: 0 20px; margin: 0 0 20px 0; background: #fff7cc; border: 1px solid #fdeeb2;}
.mk-content .tips p {margin-bottom:0!important; line-height:40px; color: #ff4444;}
.mk-top {width:100%; height:240px; background:#f8f8f8;}
.img-mck {width:180px; margin:30px 0 0 30px; }
.img-mck img {width:100%;}
.mk-txt {width:630px; margin:40px 30px 0 0; position:relative;}
.mk-txt h1 {font-size:16px; color:#333;}
.mk-txt p{}
.mk-txt p.intro { padding: 10px 0 15px 0; min-height:78px;  }
.mk-txt p.price i { font-style:normal; color:#ff6600; font-size:22px; padding-left:4px;}
.mk-txt p.price b { font-weight:normal; font-family:Arial; color:#ff6600; font-size:22px;}
.mk-txt p.price span { color:#999;  padding-left:10px; }
.mk-txt p.price span em { font-style:normal;}
.mk-txt p.time a { padding:0 20px; color:#666; display:inline-block; border:1px solid #ddd;   -webkit-border-radius: 2px; border-radius: 2px; margin-left:10px; } 
.mk-txt p.time a.active { color:#fff; background:#ff6600;border:1px solid #ff6600; }
.mk-txt .btn-buy {display:inline-block; width:120px; height:36px; line-height:36px; position:absolute; left:0; bottom:0; background:#ff7300; color:#fff;  -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
.mk-txt .btn-buy:hover { background:#ff6600;}
.mk-txt .btn-buy2 {display:inline-block; width:120px; height:36px; line-height:36px; position:absolute; right:140px; bottom:10px; background:#009ee6; color:#fff;  -webkit-border-radius: 2px; border-radius: 2px; text-align:center;}
.mk-txt .btn-buy2:hover { background:#0086c4;}
.mk-bot {width:100%; border:1px solid #e5e5e5; margin-top:30px;}
.mk-desc { width: 100%;  text-align: left; }
.mk-desc .hd { height: 40px; line-height:40px;  border-bottom: 1px solid #e5e5e5; position: relative; }
.mk-desc .hd ul li { float: left; padding: 0 30px; cursor: pointer;  border-right:1px solid #e5e5e5;}
.mk-desc .hd ul li.on { height: 38px; line-height:36px; border-top: 2px solid #ff7300; color:#ff7300;}
.mk-desc .mk-desc-cc { padding:20px 30px;  min-height:200px;}
.mk-desc .mk-desc-cc img {width:100%;}
.h30 {width:100%; height:30px; background:#f0f0f0;}
.m-subnews .m-subnews-t { height:55px; line-height:55px; font-size:16px; color:#333; text-align:center; position:relative; cursor:pointer;}
.m-subnews .m-subnews-t i { position:absolute; z-index:99;  top:2px;right:20px; font-size:12px; color:#ccc;  -webkit-animation: rotateend .5s ease forwards; animation: rotateend .5s ease forwards;}
.m-subnews .m-subnews-t.active i {   -webkit-animation: rotate .5s ease forwards;  animation: rotate .5s ease forwards;}
.m-subnews ul {  border-top: 1px solid #f5f5f5; display:none;}
.m-subnews ul li{vertical-align:bottom;}
.m-subnews ul li a {display:block;font-size:14px;border-left:2px solid #fff; transition:.3s ease-out;height:50px;line-height:50px;text-indent:80px; color:#666;}
.m-subnews ul li a:hover{background:#f9f9f9;border-left:2px solid #ff7300;color:#ff7300;}

.marknav { width:100%; background:#fff; height:64px; border-bottom:1px solid #ddd; }
.markfixed { position:fixed; top:80px; z-index:99;}
.marknav .marknav-main ul { text-align:center; padding-top:14px; }
.marknav .marknav-main ul li { display:inline-block; margin:0 20px; }
.marknav .marknav-main ul li a { display:inline-block; padding:0 40px; line-height:34px; background:#f6f6f6; color:#666; border-radius:100px; }
.marknav .marknav-main ul li.active a, .marknav .marknav-main ul li:hover a  { background:#ff7300; color:#fff; }
#markmain { background:#fff; padding-bottom:60px; position:relative; }
#markmain .cont { padding-top:60px; }
#markmain .mtit h1 { font-size:24px; color:#333; text-align:center; padding-bottom:60px; }
.marklist li { float:left; width:calc(25% - 30px); overflow:hidden; margin-right:40px; border-radius:6px;  box-sizing:border-box; border:1px solid #ddd; margin-bottom:40px; transition: all .3s ease 0s; }
.marklist li:nth-child(4n) { margin-right:0;}
.marklist li:hover { box-shadow: 0 0 40px rgba(0, 0, 0, .1); }
.marklist li a {display:block;}
.marklist li .img { width:100%; text-align:center; background:#fef6df; padding:10px 0; position:relative;}
.marklist li .img img {width:140px; vertical-align:bottom; }
.marklist li .img .bgmask { position:absolute; z-index:9; width:18%; height:100%; top:0; right:62px;  background: linear-gradient(to right, rgba(254,246,223,0) 40% , rgba(254,246,223,1) 100%); }
.marklist li .img .bgmask2 { position:absolute; z-index:9; width:100%; height:20%; bottom:8px; right:0;  background: linear-gradient(rgba(254,246,223,0) 40% , rgba(254,246,223,1) 100%); }
.marklist li p.txt {  width:calc(100% - 40px); padding:15px 20px;}
.marklist li p.txt b {display:block; color:#333;  font-size:16px; padding-bottom:5px;}
.marklist li p.txt span {  color:#999; line-height:180%; }
.markpos {position:absolute; width:100%; }
#mark2 { top:300px;}
#mark3 { top:780px;}
#mark4 { top:1560px;}
 
/*-----------------------------------------------------news-----------------------------------------------------*/
.m-news {width:100%; }
.m-news .bread { height:50px; margin-bottom:20px; padding:0 20px; background:#fff;}
.m-news .bread span { color:#999; line-height:50px; }
.m-news .bread  a { color:#999;}
.m-news .bread  a:hover { color:#ff7300;}
.search {width:300px; position:relative; z-index:1; float:right; margin-top:8px;}
.search input { color:#999; width:78%; -webkit-border-radius: 50px; border-radius: 50px; background:#eee; border:none;   -webkit-appearance: none; padding:8px 40px 8px 20px;  }
.btn-search { position:absolute; right:12px; top:2px; z-index:99; color:#999; padding:0 10px; cursor:pointer;} 
.btn-search i {font-size:20px; }


/*-----------------------------------------------------news left-----------------------------------------------------*/
.mnl {width:840px; background:#fff;}
.mnl .hd { height: 42px; line-height:42px;  border-bottom: 1px solid #e5e5e5; position: relative; }
.mnl .hd ul li { float: left; cursor: pointer;  border-right:1px solid #e5e5e5;}
.mnl .hd ul li a {  display:inline-block; padding: 0 40px;color:#666;}
.mnl .hd ul li:hover a { color:#ff7300;}
.mnl .hd ul li.active { height: 40px; line-height:38px; border-top: 2px solid #ff7300; border-bottom:1px solid #fff;}
.mnl .hd ul li.active a { color:#ff7300;}
.mnl .mn-desc { padding:0 20px 30px; font-size:12px; }
.mnl .mn-desc ul li { border-bottom:1px solid #ddd; padding:30px 0;}
.mnl .mn-desc p.img {width:160px; height:120px; overflow:hidden;}
.mnl .mn-desc p.img img {width:100%;}
.mnl .mn-desc .fr {/*width:620px; */width:100%;}
.mnl .mn-desc p.title a { font-size:16px; color:#333; line-height:160%; }
.mnl .mn-desc p.title a:hover {color:#ff7300;}
.mnl .mn-desc p.desc { padding-top:8px; color:#999; }
.mnl .mn-desc p.more {padding-top:10px; position:relative;}
.mnl .mn-desc p.more .date { color:#999; padding-left:15px;}
.mnl .mn-desc p.more .date i {font-size:14px; padding-right:4px;}
.mnl .mn-desc p.more .count { color:#999; padding-left:10px;}
.mnl .mn-desc p.more .count i {font-size:18px;  padding-right:4px;}
.mnl .mn-desc p.more .label { color:#999; }
.mnl .mn-desc p.more .label i {font-size:18px; }
.mnl .mn-desc p.more .label a { color:#ff7300; padding:0 4px;}
.mnl .mn-desc p.more .read-more { color:#fff; background:#ff7300; padding:2px 20px; cursor:pointer; position:absolute; right:10px;}
.mnl .mn-desc p.more .read-more:hover { background:#ff6300;}
.mnl .mn-desc .mn-detail {padding:30px 0 0 0;}
.mnl .mn-desc .mn-detail h1 { text-align:center; font-weight:normal; font-size:26px; color:#3f3f3f; }
.mnl .mn-desc .mn-detail .info { text-align:center; border-bottom:1px solid #eee; padding:15px 0 10px 0;}
.mnl .mn-desc .mn-detail .info .date { color:#999; }
.mnl .mn-desc .mn-detail .info .date i {font-size:14px; padding-right:4px;}
.mnl .mn-desc .mn-detail .info .count { color:#999; padding-left:20px;}
.mnl .mn-desc .mn-detail .info .count i {font-size:18px;  padding-right:4px;}
.mnl .mn-desc .content { padding:20px 0 10px 0; border-bottom:1px solid #eee; margin-bottom:20px;}
.mnl .mn-desc .content p { font-size:14px; margin-bottom:10px;}
.mnl .mn-desc .content a {color:#ff7300;}
.mnl .mn-desc .content a:hover {color:#ff6600;}
.mnl .mn-desc .mn-detail .ls { padding-bottom:20px; border-bottom:1px solid #eee; }
.mnl .mn-desc .mn-detail  .label { color:#666; font-size:14px;}
.mnl .mn-desc .mn-detail  .label i {font-size:20px; padding-right:4px;}
.mnl .mn-desc .mn-detail  .label a { color:#ff7300; padding:0 4px; }
.mnl .mn-desc .mn-detail .share {width:212px;}
.bdsharebuttonbox a, .bdshare-button-style0-24 .bds_more { padding: 0!important; float: left; color: #999!important; width:30px; height: 30px!important; line-height: 30px!important; display: block; font-size: 14px!important; 
margin:0 0 0 5px!important; text-align: center; background:url(../images/share_ico.jpg)!important;}
.bdshare-button-style0-24 .bds_weixin {background-position: 0 0!important;}
.bdshare-button-style0-24 .bds_tsina {background-position:-30px 0!important;}
.bdshare-button-style0-24 .bds_sqq {background-position:-60px 0!important;}
.bdshare-button-style0-24 .bds_qzone {background-position:-90px 0!important;}
.bdshare-button-style0-24 .bds_tqq {background-position:-120px 0!important;}
.bdshare-button-style0-24 .bds_more {background-position:-150px 0!important;}
.mnl .mn-desc .mn-detail .next-previous  { color:#333; padding-top:20px;}
.mnl .mn-desc .mn-detail .next-previous p { line-height:240%; }
.mnl .mn-desc .mn-detail .next-previous a { color:#666;}
.mnl .mn-desc .mn-detail .next-previous a:hover {  color:#ff7300; }
.mnl .recommend  {padding: 0 20px 30px; min-height: 100px; border-top:20px solid #f0f0f0;}
.mnl .recommend .title { height:50px; line-height:50px; border-bottom:1px solid #ddd; color:#333;}
.mnl .recommend .title span { font-size:16px; border-bottom:2px solid #ff7300; padding-bottom:14px;}
.mnl .recommend .rec-ul { width:100%; padding-top:5px;}
.mnl .recommend .rec-ul li { margin-top:20px;}
.mnl .recommend .rec-ul li .rec-articles-left { width: 100px; height:75px; float: left; }
.mnl .recommend .rec-ul li .rec-articles-left a img { width: 100%; vertical-align: middle; }
.mnl .recommend .rec-ul li .rec-articles-right { /*width: 680px;*/ width:100%; float: right; }
.mnl .recommend .rec-ul li .rec-articles-right a { display: inline-block; line-height: 160%; overflow: hidden; color:#666; font-size:16px; }
.mnl .recommend .rec-ul li .rec-articles-right a:hover { color:#ff7300;}
.mnl .recommend .rec-ul li .rec-articles-right p { font-size: 12px;  height: 48px;overflow: hidden;  color:#999; }

.mnl .recnews-desc .content ul li { padding:unset; border:none; }
.mnl .recnews-desc .mnl .recnews-desc .content h1, .mnl .recnews-desc .content h2, .mnl .recnews-desc .content h3, 
.mnl .recnews-desc .content h4, .mnl .recnews-desc .content h5, .mnl .recnews-desc .content h6 { font-weight:bold; font-size:revert; margin:10px 0; color:#333; }
.mnl .recnews-desc .content img {margin:10px auto; max-width:100%; }
.mnl .recnews-desc .content p { text-indent:2em;}

/*-----------------------------------------------------news right-----------------------------------------------------*/
.mnr {width:340px; background:#fff; min-height:200px;}
.right-con { padding: 0 20px 20px; }
.right-con .service { padding-bottom:20px; border-bottom:1px solid #ddd; }
.right-con .top-articles .news_ul { margin-top: 10px; }
.right-con .top-articles .news_ul li { float: left; margin: 0 10px 10px 0; display: block; }
.right-con .top-articles .news_ul li a { display: inline-block; width: 90px; height: 30px; line-height: 30px; background-color: #eee; text-align: center; -webkit-border-radius: 2px; border-radius: 2px;   color:#666; }
.right-con .top-articles .news_ul li a:hover { background:#ff7300; color:#fff;  transition:none;  -webkit-transition:none;}
.quote-title { padding-top: 20px;  font-size: 16px; }
.quote-title p { font-size: 12px; color: #b5b5b5; margin-top: 5px; text-transform: uppercase; }
.hot-tags { margin-top: 30px; border-top:1px solid #ddd; }
.hot-tags .margin-top { margin-top: 10px; }
.common-tags-con { text-align: center; width: 295px; overflow: hidden; }
.common-tags-con .common-tag-list { width: 310px; }
.common-tags-con .common-tag-list li { float: left; margin: 0 15px 10px 0; width: 140px; }
.common-tags-con .common-tag-list li a { display: inline-block; width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #707070; background-color: #efecec; text-align: center;-webkit-border-radius: 2px;  border-radius: 2px;
overflow: hidden; vertical-align: middle; }
.common-tags-con .common-tag-list li a:hover { background:#ff7300; color:#fff;  transition:none;  -webkit-transition:none;}
.top-articles .bottom-content { padding-bottom:20px; border-bottom:1px solid #ddd;}
.content-sec ul .num { display: inline-block; width:20px; height:20px;  float: left; text-align: center; font-family:Arial; line-height:20px; background:#eee; margin:5px 10px 0 0;  -webkit-border-radius: 2px; border-radius: 2px; font-size:12px; }
.content-sec ul li:first-of-type .num, .content-sec ul li:nth-of-type(2) .num, .content-sec ul li:nth-of-type(3) .num { color: #fff;  background:#f58115;}
.content-sec ul li {  overflow: hidden; padding: 10px 0; border-bottom: 1px dotted #ddd;  }
.content-sec ul li.last { border:none;}
.content-sec ul li a {color:#666; }
.content-sec ul li dl { display: inline-block; float: left; }
.content-sec ul dl dt { font-size: 14px;}
.content-sec ul dl dd { font-size: 12px; margin-top: 5px; display: none; line-height:200%; color:#999;}
.content-sec li:hover dd { display: block;  }
.content-sec li:hover dl { padding: 5px 15px; background: #f0f0f0; width: 220px; }
.content-sec li:hover dl dt  a{ line-height:100%;}
.content-sec li:hover .num { font-size: 30px; width: 50px; background:none; margin:5px 0 0 0; }
.content-sec li:hover:first-of-type .num, .content-sec li:hover:nth-of-type(2) .num, .content-sec li:hover:nth-of-type(3) .num {color:#f58115; background:none; margin:5px 0 0 0; }
.quote-d-list li { padding-top: 20px; }
.quote-d-list li .rec-articles-left { width: 120px; /*height: 90px;*/ float: left; }
.quote-d-list li .rec-articles-left a img { width: 100%; vertical-align: middle; }
.quote-d-list li .rec-articles-right { width: 165px; /*height: 90px;*/ float: right; }
.quote-d-list li .rec-articles-right a { font-size: 14px; display: inline-block; line-height: 22px; overflow: hidden; color:#666; }
.quote-d-list li:hover .rec-articles-right a { color:#ff7300;}
.quote-d-list li .rec-articles-right p { font-size: 12px;  height: 48px;line-height: 22px; overflow: hidden;  color:#999; }
.quote-d-list li .rec-articles-right2 { width: 100%; }
.quote-d-list li .rec-articles-right2 a { font-size: 14px; display: inline-block; line-height: 22px; overflow: hidden; color:#666; }
.quote-d-list li:hover .rec-articles-right2 a { color:#ff7300;}
.quote-d-list li .rec-articles-right2 p { font-size: 12px;line-height: 22px; overflow: hidden;  color:#999; }
.quote-d-lists li .rec-articles-left {display:none!important;}
.quote-d-lists li .rec-articles-right { width: 100%!important; }
.quote-d-lists li .rec-articles-right p { height: auto!important; }

/*-----------------------------------------------------case-----------------------------------------------------*/
.c-banner { width: 100%; height: 450px; overflow: hidden; margin-top: 80px; }
.swiper-container { width: 100%; height: 100%;  }
.swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide .bg  { width:100%; height:100%; text-align:left; }
.swiper-slide .bg  .w1200 { position:relative; z-index:1; color:#fff; height:100%;}
.swiper-slide .bg h1 {float:left;width:100%; font-size:24px; font-weight:normal; margin-top:80px;}
.swiper-slide .bg div.txt { float:left; width:100%; font-size:14px;  }
.swiper-slide .bg div.qrcode {width:120px; }
.swiper-slide .bg div.qrcode img {width:100%;border:4px solid #fff;}
.swiper-slide .bg .kfcont { margin-top:10px; float:left;}
.swiper-slide .bg .kfcont p {font-size:15px;}
.swiper-slide .bg div.txt p { display:inline-block; width:520px; padding:20px 0 20px; }
.swiper-slide .bg img.img {position:absolute; z-index:9; right:0px; bottom:0; height:420px;}
.swiper-slide .bg .btn { float:left; margin-top:30px;}
.swiper-slide .bg .btn ul li { float:left;}
.swiper-slide .bg  a { float:left;color:#fff; font-size:14px; display:inline-block; -webkit-border-radius: 2px; border-radius: 2px; padding:2px 20px; border:1px solid #fff; }
.swiper-slide .bg .btn-pc { margin-right:20px;}
.swiper-slide .bg .btn-m { position:relative; z-index:1; }
.swiper-slide .bg  .btn .m-tip { opacity: 0; -webkit-opacity:0; -webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden; }
.swiper-slide .bg .btn ul li:hover .m-tip {-webkit-opacity:1;opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible;}
.swiper-slide .bg .btn ul li:hover a   {  background:#fff; color:#666; -webkit-transition:none;  transition:none;}
.swiper-slide .bg  .btn .m-tip .m-tip-panel { position: absolute; right: -140px; top: 0; padding: 8px 8px 3px 8px;}
.swiper-slide .bg  .btn .m-tip .m-tip-panel i { position: absolute; width:100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.3; opacity: 0.3}
.swiper-slide .bg  .btn .m-tip .direction-right { width: 0; height: 0; border-width: 8px; border-style: solid; border-color:  transparent #000 transparent  transparent ; position: absolute; top: 10px; left: -16px; -webkit-opacity:0.3; opacity: 0.3; }
.swiper-slide .bg  .btn .m-tip .m-tip-panel img {width:110px; }
.c-banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:20px;}
.c-banner .swiper-pagination-bullet {width:8px; height:8px; border:1px solid #fff; background:none; -webkit-opacity:1; opacity: 1;}
.c-banner .swiper-pagination-bullet-active { background:#fff;}
.main-case { /**padding:0 0 60px 0;*/ padding:50px 0 60px 0;}
.case-nav-bg {width:100%; height:50px; background:#fff;}
.case-nav {text-align:center; }
.case-nav ul li { float:left; line-height:50px;  position:relative;}
.case-nav ul li a { color:#666; padding:0 44px; border-right:1px solid #ddd;}
.case-nav ul li:first-child a {border-left:1px solid #ddd;}
.case-nav ul li:hover a { color:#ff7300;}
.case-nav ul li .case-hover {  opacity: 0; -webkit-opacity:0; transition: all .3s ease 0s;  -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden;
position:absolute; left:0; top:44px;  z-index:99; background:#fff;  width:100%;}
.case-nav ul li:hover .case-hover {-webkit-opacity:1;opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible;}
.case-nav ul li .case-hover ul {  box-shadow: 0 6px 10px rgba(0, 0, 0, .1);}
.case-nav ul li .case-hover ul li {  height:40px;line-height:40px; font-size:12px; float:none; border-top:1px solid #f2f2f2;}
.case-nav ul li .case-hover ul li a {  width:100%;  height:40px; line-height:40px; border:none; display:block; color:#666; padding:0;}
.case-nav ul li .case-hover ul li a:hover { background:#f9f9f9;}
.case-bread  {padding:30px 0;}
.case-bread span  {font-size:18px; color:#333; }
.case-list ul { overflow: hidden; zoom: 1; }
.case-list ul li { width:280px; height:290px; float: left; overflow: hidden;  margin-right:26px; background:#fff; text-align:left; margin-bottom:30px; position:relative;}
.case-list ul li.last { margin-right:0;}
.case-list ul li a { display:inline-block; width:100%; height:100%;}
.case-list ul li .pic { text-align: center; width:280px; height:160px; overflow:hidden; position:relative;}
.case-list ul li .pic .bgmask {width:100%; height:100%; background:rgba(255,255,255,0); position:absolute; top:0; z-index:9;  transition: all .3s ease 0s; }
.case-list ul li .pic .bgmask img { width:100px; height:100px; position:absolute; left:86px; bottom:0; z-index:99; border:4px solid #fff; opacity:0; transition: all .3s ease 0s; }
/*.case-list ul li:hover .pic .bgmask {background:rgba(255,255,255,0.8); transition: all .3s ease 0s; }
.case-list ul li:hover .pic .bgmask img { opacity:1;  bottom:26px; transition: all .3s ease 0s; }*/
.case-list ul li .pic img { width: 280px; height: 160px; display: block;-webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.case-list ul li:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}
.case-list ul li p.title { color:#333;  padding:12px 16px 6px 16px; }
.case-list ul li p.title a{color:#333;}
.case-list ul li p.desc { color:#999; font-size:12px; padding:0 16px; line-height:22px;  }
.case-list ul li p.desc a{color:#999;}
.case-list ul li p.remark { color:#666; font-size:12px; padding:6px 16px 0 16px;  }
.case-list ul li p.bg { position:absolute; top:0px; left:0;  z-index:9; width:100%; height:290px; background:#000; -webkit-opacity:0; opacity: 0; 
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;    visibility: hidden; }
/*.case-list ul li:hover .pic img, .case-list ul li:hover p.title , .case-list ul li:hover p.desc,  .case-list ul li:hover p.remark
{ filter: url(blur.svg#blur); -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px);  filter: blur(3px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.case-list ul li:hover p.bg {-webkit-opacity:0.6;opacity: 0.6;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible; }
.case-list ul li p.txt {position:absolute; top:50px; left:0;  z-index:99; color:#fff; width:100%; text-align:center;  opacity: 0; -webkit-opacity:0;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden; }
.case-list ul li:hover  p.txt {-webkit-opacity:1;opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible; }*/
.case-list ul li p.txt i {display:block; font-style:normal; padding-bottom:20px;}
.case-list ul li p.txt i a { padding:5px 28px; border:1px solid #fff;  -webkit-border-radius: 2px; border-radius: 2px; font-size:12px; color:#666; background:#fff;}
.case-list ul li p.txt i a:hover { background:#ff7300; color:#fff; border:1px solid #ff7300;  transition:none;}
.case-list ul li p.txt  img {width:120px; display:block; margin:0 auto;}
.case-list ul li p.txt  span {font-size:12px; line-height:300%;}



/*-----------------------------------------------------case detail-----------------------------------------------------*/
#container { padding-top: 80px; }
.works_focus { position: relative; height: 650px; overflow: hidden; text-align: center; -webkit-animation: gfadeIn 0.8s 0.4s both; -moz-animation: gfadeIn 0.8s 0.4s both; animation: gfadeIn 0.8s 0.4s both; }
.works_focus h1 { margin-top: 40px; color: #fff; font-size: 30px; }
.works_focus h5 { color: #fff; color: rgba(255,255,255,.4); font-size: 24px; }
.works_focus .focus_img { position: absolute; bottom: 0; left: 50%; width: 1200px; margin-left: -600px; overflow: hidden; -webkit-animation: gdownIn 0.6s 0.65s both; -moz-animation: gdownIn 0.6s 0.65s both; animation: gdownIn 0.6s 0.65s both; }
.works_focus .focus_img img { max-width: 100%; vertical-align: top; }
.works_info { width: 1200px; height: 70px; margin: auto; padding: 20px 0 10px 0px; border-bottom:1px solid #eeeeee;-webkit-animation: gupIn 0.8s 0.9s both; -moz-animation: gupIn 0.8s 0.9s both; animation: gupIn 0.8s 0.9s both; }
.works_info dt, .works_info dd { float: left; }
.works_info dt { position: relative; width: 350px; margin-right: 50px; }
.works_info dt h2 { color: #262626; font-size: 16px; font-weight: normal; line-height: 180%; }
.works_info dt h3 { color:#999; font-size: 14px; font-weight: normal; line-height: 220%; }
.works_info dt aside { color: #999; margin-top: 2px; }
.works_info dd.summary { position: relative; width: 470px; height: 56px; padding-left: 50px; color: #999; line-height: 28px; overflow: hidden; border-left: 1px dotted #bfbfbf; }
.works_info dd.control { float: right; }
.works_info .works_qrcode { position: absolute; top: 0; right: 0; width: 100px; height: 100px; margin-top: -20px; overflow: hidden; }
.works_info .works_qrcode img { width: 100%; }
.works_info .share, .works_info .links { position: relative; display: inline-block; top: 8px; }
.works_info b { border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: 0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90); transition: 0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90); }
.works_info a:hover b { -webkit-transform: scale(1.06); transform: scale(1.06); }
.works_info .links b { width: 130px; height: 40px; border: 1px solid #ccc; display: block; }
.works_info .links i { position: absolute; top: 13px; left: 20px; width: 100%; height: 100%; }
.works_info .links i { width: 18px; height: 18px; font-size: 18px; display: block; color: #666; }
.works_info .links span { position: absolute; top: 6px; left: 48px; font-size: 14px; color: #666; }
.works_pic { /*padding: 50px 0; */background: #eee; overflow: hidden; text-align: center; -webkit-animation: gdownIn 0.8s 1.2s both; -moz-animation: gdownIn 0.8s 1.2s both; animation: gdownIn 0.8s 1.2s both; }
.works_pic img { max-width: 100%; }
.works_info .label { position: absolute; z-index: 9; right: 10px; top: 8px; }
.works_info .label i { height: 18px; line-height: 18px; font-style: normal; color: #999; margin-left: 10px; display: block; float: left; }
.works_info .label i img { vertical-align: bottom; }
.nr_zy { width: 1202px; margin: 0 auto; margin-bottom: 50px; height: auto;overflow:hidden; background: #fff; padding-top: 25px; padding-bottom: 25px;text-align: left; }
.nr_zy .nr_tt { float: left; width: 1200px; height: auto;overflow:hidden; /*border-right: dotted 1px #bfbfbf; margin-left: 57px;*/ line-height: 26px; color: #9b9b9b; font-size: 14px; }
.nr_zy .nr_tt.fy { float: left; border-right: none; }
.nr_zy .nr_tt h2 { font-weight: 100; height: 36px; font-size: 16px; color: #262626; }
.nr_zy .nr_tt p { width: 1200px; }
#works_ctrl { position: fixed; top: 150px; right: 12px; z-index: 10; width: 60px; text-align: center; -webkit-animation: grightIn 0.8s 1.5s both; -moz-animation: grightIn 0.8s 1.5s both; animation: grightIn 0.8s 1.5s both; }
#works_ctrl a { display: block; width: 52px; height: 50px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#works_ctrl .works_prev { background: #fff url("../images/works_arr2.png") no-repeat 0 0; border-radius: 4px 4px 0 0; }
#works_ctrl .works_prev:hover { background: #ff7300 url("../images/works_arr2.png") no-repeat -52px 0; }
#works_ctrl .works_next { background: #fff url("../images/works_arr2.png") no-repeat -52px -50px; border-radius: 0 0 4px 4px; }
#works_ctrl .works_next:hover { background: #ff7300 url("../images/works_arr2.png") no-repeat 0 -50px; }
.works_more { background: #fff; color: #333; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; text-align: center; line-height: 50px; }
.works_more:hover { background: #ff7300; color: #fff; }

.workspic {width:1200px;background-color:#fff;height:auto;overflow:hidden;margin:0 auto;margin-bottom:50px;padding-top:50px;}
.workspic .Banner{ width:calc(100% - 200px); margin:0 auto;  padding-bottom: 40px;}
.workspic .swiperWrap{padding: 0 0 40px 0;}
.workspic .swiper-container{ width: 100%;}
.workspic .pages{text-align: center;}
.workspic .pages .page{display: inline-block; width:60px; border: 2px  solid #fff; margin:0 20px; padding:0; border: 2px  solid #ddd;}
.workspic .pages .page.active{ border: 2px  solid #ff7300;}
.workspic .pages .page img{display:block;}

.new-xg .tit { border-bottom:1px solid #ddd; margin-bottom:40px; margin-top:30px;} 
.new-xg .tit h1 { font-size:16px; color:#333; line-height:60px; position:relative; }
.new-xg .tit h1 span { display:inline-block; border-bottom:2px solid #ff7300; line-height:58px; }
.new-xg .tit h1 a { position:absolute; right:0; top:18px; color:#999; font-size:14px;}
.new-xg .tit h1 a:hover { color:#ff7300;} 
.new-case ul { overflow: hidden; zoom: 1; }
.new-case ul li { width:280px; height:270px; float: left; overflow: hidden;  margin-right:26px; background:#f6f6f6; text-align:left; position:relative;}
.new-case ul li:nth-child(4n) { margin-right:0;}
.new-case ul li a { display:inline-block; width:100%; height:100%;}
.new-case ul li .pic { text-align: center; width:280px; height:160px; overflow:hidden; position:relative;}
.new-case ul li .pic .bgmask {width:100%; height:100%; background:rgba(255,255,255,0); position:absolute; top:0; z-index:9;  transition: all .3s ease 0s; display:none; }
.new-case ul li .pic .bgmask img { width:100px; height:100px; position:absolute; left:86px; bottom:0; z-index:99; border:4px solid #fff; opacity:0; transition: all .3s ease 0s; }
.new-case ul li:hover .pic .bgmask {background:rgba(255,255,255,0.8); transition: all .3s ease 0s; }
.new-case ul li:hover .pic .bgmask img { opacity:1;  bottom:26px; transition: all .3s ease 0s; }
.new-case ul li .pic img { width: 280px; height: 160px; display: block;-webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.new-case ul li:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}
.new-case ul li p.title { color:#333;  padding:12px 16px 6px 16px; }
.new-case ul li p.title a{color:#333;}
.new-case ul li p.desc { color:#999; font-size:12px; padding:0 16px; line-height:22px;  }
.new-case ul li p.desc a{color:#999;}
.new-case ul li p.remark { color:#666; font-size:12px; padding:6px 16px 0 16px;  }
.new-case ul li p.bg { position:absolute; top:0px; left:0;  z-index:9; width:100%; height:290px; background:#000; -webkit-opacity:0; opacity: 0; 
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;    visibility: hidden; }
.new-case ul li p.txt i {display:block; font-style:normal; padding-bottom:20px;}
.new-case ul li p.txt i a { padding:5px 28px; border:1px solid #fff;  -webkit-border-radius: 2px; border-radius: 2px; font-size:12px; color:#666; background:#fff;}
.new-case ul li p.txt i a:hover { background:#ff7300; color:#fff; border:1px solid #ff7300;  transition:none;}
.new-case ul li p.txt  img {width:120px; display:block; margin:0 auto;}
.new-case ul li p.txt  span {font-size:12px; line-height:300%;}

.sol-prod-li{ float: left; width:280px;  margin-right:26px; margin-bottom:100px; }
.sol-prod-li:nth-child(4n) { margin-right:0;}
.sol-prod-li-a{position: relative;display: block; height: 240px;}
.sol-prod-li-img {position: relative;overflow: hidden; padding-top:40px; }
.sol-prod-li-img:before{content: '';position: absolute;left: -10px;top: -10px;z-index: 1;width: calc(100% + 20px);height: calc(100% + 20px);border: 1px solid rgba(255,255,255,.6);transition: all .3s ease; }
.sol-prod-li-a img{display: block; width:80%; margin-left:10%;}
.sol-prod-li-desc{position: absolute;left: 15px; bottom: -30px; z-index:1;  width:calc(100% - 28px); height:80px; background-color: #fff;text-align: center;color: #999; box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.sol-prod-li-desc h3 {font-size: 16px;color: #333;font-weight: bold; margin-top:15px; margin-bottom:5px; transition: all .3s ease;}
.sol-prod-li-a p { padding:0 20px; text-align:left; line-height:180%; transition: all .3s ease;  }
.sol-prod-li-a:hover .sol-prod-li-img:before{left: 15px; top: 15px;width: calc(100% - 30px);height: calc(100% - 30px);}
.sol-prod-li-a:hover .sol-prod-li-desc p {opacity: 0;  visibility: hidden;}
.sol-prod-li-a:hover .sol-prod-li-desc h3 { margin-top:26px;}

.demand_box{ width:100%;  overflow:hidden;  } 
.demand  h1{ text-align:center; font-size:24px; line-height:35px;  color:#333;}
.demand_table img {width:280px;}
.demand_table p {margin-top:6px;}
.demand_table p a {color:#666;}
.demand_table p a:hover {color:#ff7300;}
.demand_table{  margin:0px auto; overflow:hidden; }



/*-----------------------------------------------------footer-----------------------------------------------------*/
.footer {width:100%; padding-top:40px; background:#333;}
.footer .f-info { width:1200px; margin:0 auto; padding-bottom:40px;}
.footer .f-left {width:635px; height:140px; float:left; border-right:1px solid #424242;}
.footer .f-left .f-box { padding-right:45px; float:left;}
.footer .f-left .last { padding-right:0!important;}
.footer .f-left .f-box h1 {font-size:16px; font-weight:normal; color:#ccc; padding-bottom:20px;}
.footer .f-left .f-box  ul { width:172px;}
.footer .f-left .f-box  ul li {width:50%; font-size:12px; line-height:26px; float:left;}
.footer .f-left .f-box  ul li a {color:#999;}
.footer .f-left .f-box  ul li a:hover { color:#fff;}
.footer .f-right {width:500px; float:right;}
.footer .f-right .f-qrcolde { width:116px; float:left; }
.footer .f-right .f-qrcolde img {width:100%;}
.footer .f-right .f-qrcolde p{ text-align:center; color:#ccc; font-size:12px;}
.footer .f-right .f-contact {width:330px; float:right;}
.footer .f-right .f-contact h1 { font-size:30px; color:#eee; font-family:Arial;font-style:italic; padding-bottom:8px;font-weight:normal;}
.footer .f-right .f-contact p { color:#999; font-size:12px; line-height:220%;}
.footer .f-right .f-contact a { color:#999;}
.footer .f-right .f-contact a:hover { color:#fff}
.footer .f-cr-info {width:1200px;margin:0 auto; text-align:center; }
.footer .f-cr-info p { color:#666; font-size:12px; padding:20px 0;}
.footer .f-cr-info p a  { color:#666; }
.footer .f-cr-info p a:hover { color:#fff;}
.footer .f-copyright {width:100%; height:auto;overflow:hidden; background:#262626;  }
.footer .f-ico { padding:0 0 25px 0;}
.footer .f-ico ul { text-align:center;}
.footer .f-ico ul li {display:inline-block;width:116px; margin:0 8px;  }
.footer .f-ico ul li img {-webkit-border-radius: 3px;  border-radius: 3px;}
.footer .f-link {padding:20px 0 20px 0; border-bottom:1px solid #333;}
.footer .f-link span { line-height:200%;}
.footer .f-link ul { width:94%; float:right;}
.footer .f-link ul li {float:left; line-height:200%;margin:0 10px;}
.footer .f-link ul li a {font-size:12px; color:#666;}
.footer .f-link ul li a:hover {color:#fff;}

/*-----------------------------------------------------kefu-----------------------------------------------------*/
.sub-box { width:50px; position:fixed; right:20px; bottom:60px; z-index:999;}
.sub-box ul li { width:50px; height:50px; margin-bottom:1px; text-align:center;  background:#b5b5b5;}
.sub-box ul li.ico-try { background:#ff7300;}
.sub-box ul li.ico-try:hover {background:#ff6600;}
.sub-box ul li.go-top { background:#b5b5b5;}
.sub-box ul li.go-top:hover {background:#999;}
.sub-box ul li:hover { background:#999;}
.sub-box ul li a { width:100%; height:50px; line-height:50px; display:inline-block; color:#fff; position: relative;}
.sub-box ul li a i.icon-dianhua {font-size:28px;}
.sub-box ul li a i.icon-QQ {font-size:32px;}
.sub-box ul li a i.xk-wechat {font-size:22px;}
.sub-box ul li a i.icon-top {font-size:24px; }
.sub-box ul li .m-tip { opacity: 0; -webkit-opacity:0; transition: all .3s ease 0s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);  visibility: hidden; }
.sub-box ul li:hover .m-tip {-webkit-opacity:1;opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible;}
.sub-box ul li .m-tip.stel {position:absolute; right:65px; top:0; width:210px;}
.sub-box ul li .m-tip .m-tip-panel { position: absolute; right: 0; top: 0; padding: 10px 20px;}
.sub-box ul li .m-tip .m-tip-panel i { position: absolute; width:100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.8; opacity: 0.8}
.sub-box ul li .m-tip .tel .text { text-align:left;}
.sub-box ul li .m-tip .tel .text p {font-size: 14px;color: #ccc;}
.sub-box ul li .m-tip .tel .text b {font-size: 24px;color: #fff; font-weight:normal; font-family:Arial;}
.sub-box ul li .m-tip .tel .text2 { text-align:left; margin:5px 0 8px 0;}
.sub-box ul li .m-tip .tel .text2 p {font-size: 14px;color: #ccc;}
.sub-box ul li .m-tip .tel .text2 b {font-size: 16px;color: #fff; font-weight:normal; font-family:Arial; display:inline-block; margin-top:6px;}
.sub-box ul li .m-tip .tel .text2 b span {font-size: 14px;color: #fff; font-weight:normal; font-family:"微软雅黑"; padding-left:10px;}
.sub-box ul li .m-tip .direction-right { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent  transparent  transparent #000; position: absolute; top: 16px; right: -20px; -webkit-opacity:0.8; opacity: 0.8; }
.sub-box ul li .m-tip.sqq {position:absolute; right:65px; top:51px; width:200px;}
.sub-box ul li .m-tip.sqq  .tel .text a { width:auto; height:24px; line-height:24px; background:none;  font-family:Arial; font-size:16px;}
.sub-box ul li .m-tip.sqq  .tel .text a span {font-family:"微软雅黑"; font-size:12px; padding-right:10px; color:#ccc;}
.sub-box ul li .m-tip.sqrcode {position:absolute; right:65px; top:102px; width:160px;}
.sub-box ul li .m-tip.sqrcode .m-tip-panel {padding: 10px 10px 6px 10px;}
.sub-box ul li .m-tip.sqrcode img {width:132px;}

.page {width:100%; margin:0 auto; text-align:left; padding:20px 0 50px 0;}
.paginator{ font-family:Arial;font-size:14px;  text-align:center;float:left;}
.paginator table {}
.paginator a{ width:30px; height:30px; line-height:30px; display:inline-block; text-decoration:none; color:#999; background:#fff; border:1px solid #ccc;}
.paginator a:hover{ width:30px; height:30px; line-height:30px;text-decoration:none; color:#fff; background:#ff7300;border:1px solid #ff7300;  }
.paginator span.cpb{ width:30px; height:30px; line-height:30px; display:inline-block; color:#fff; background:#ff7300; border:1px solid #ff7300;}
.paginatordis{ display:none;}
.case_page .page {padding-bottom:0;}
.mnl .page {padding-left:20px;}
.m-content .page {padding:20px 0 20px 0;}


.cul-list li{padding: 5px 0 6px; border-bottom: 1px solid #e5e5e5; margin-bottom: 12px;}
.cul-list li h1 {font-size: 16px;font-weight: normal;margin: 0 0 10px 0;}
.cul-list li p {color:#999; }
.abo-con h1 { font-size:32px; font-style:italic; font-family:Times New Roman; margin-bottom:10px;}
.showdiv {width: 160px; border-radius: 4px;-webkit-border-radius: 4px;height: 38px;line-height: 38px; display: block;float: left;color: #fff!important; text-align: center; background:#ff7300; margin:20px 30px 10px 0;}
.abo-honor {margin-top:-20px;}
.abo-honor tr td {width:33.3%; text-align:center;}
.abo-honor img {width:86%; margin:0 auto; padding-top:30px;}
.abo-honor a {color:#666!important;  }
.abo-team {width:100%; margin:0 auto;}
.abo-team tr td {width:50%;padding-bottom:10px;}
.abo-dev { background:url(../images/abo_dev_bg.jpg) repeat-y;}
.abo-dev li {height: 100px;position: relative;}
.abo-dev .yg-year {width: 90px; height: 36px; padding-left:32px; line-height: 36px; color: #ff7300; font-size: 32px; position: absolute; left:0;  top: 22px; background:url(../images/abo_dev_l.jpg) left center no-repeat;
font-family:Arial; }
.abo-dev .yg-con { width: 795px; height: 60px; background: url(../images/abo_dev_li.png) no-repeat;  position: absolute;left: 120px; top: 12px;}
.abo-dev .yg-con .txt { line-height:60px; padding:15px 0 0 20px;}
.abo-par li {float:left; margin:0 25px;}

/*-----------------------------------------------------加载进度条-----------------------------------------------------*/
/*.fade { transition: all 300ms linear 700ms; -webkit-transition: all 300ms linear 700ms;  opacity: 1;  filter: alpha(opacity=100); }
.fade.out {opacity: 0;  filter: alpha(opacity=0); } */


/*-----------------------------------------------------三合一商城定制-----------------------------------------------------*/
.shy-box1 {width:100%; height:560px; background:url(../images/shy_box1.jpg) center top no-repeat; margin-top: 80px;}
.shy-box2 {width:100%; height:524px; background:url(../images/shy_box2.jpg) center top no-repeat #fff; }
.shy-box3 {width:100%; height:540px; background:url(../images/shy_box3.jpg) center top no-repeat #f6f6f6; }
.shy-box4 {width:100%; height:525px; background:url(../images/shy_box4.jpg) center top no-repeat #fff; }
.shy-box5 {width:100%; height:640px; background:url(../images/shy_box5.jpg) center top no-repeat #f6f6f6; }
.shy-box6 {width:100%; height:888px; background:url(../images/shy_box6.jpg) center top no-repeat #fff; }
.shy-box7 {width:100%; height:670px; background:url(../images/shy_box7.jpg) center top no-repeat; position:relative; padding-top:200px; display:none; }
.wsc-slidebox2 { width: 1200px;   }
.wsc-slidebox2 .hd {height:36px; position: relative; }
.wsc-slidebox2 .hd ul { width:100%; height: 32px; text-align:center; }
.wsc-slidebox2 .hd ul li { width:120px; height:36px;line-height: 36px; border:1px solid #fff; text-align:center; color:#fff; -webkit-border-radius:50px; border-radius:50px; display:inline-block; margin:0 15px; cursor: pointer;}
.wsc-slidebox2 .hd ul li:hover { background:#fff; color:#666;}
.wsc-slidebox2 .hd ul li.on { background:#fff; color:#666;}
.wsc-slidebox2 .bd .con { margin-top:50px;}
.wsc-slidebox2 .bd .con .tab-pc2 { width:1154px; height:568px; position:relative; background:url(../images/pro_tab_pc.png) left top no-repeat;}
.wsc-slidebox2 .bd .con .tab-m2 { width:678px; height:566px; position:relative; background:url(../images/pro_tab_m.png) left top no-repeat;margin-left:475px;}
.tab-pc2 .if-pc { width:700px; height:446px; display: block;border: none;margin: 0;box-sizing: border-box;position:absolute; top:24px; left:125px;}
.tab-pc2 .btn ul { position:absolute;top:200px; right:0;}
.tab-pc2 .btn ul li{width:160px;  text-align:center; margin-bottom:25px; }
.tab-pc2 .btn ul li a {width:100%; height:40px; line-height:40px; -webkit-border-radius:50px; border-radius:50px; display:block;color:#fff;  border:1px solid #fff; font-size:16px; }
.tab-pc2 .btn ul li:hover a { background:#fff; color:#ff6262;}
.tab-m2 .if-m { width:230px; height:405px; display: block;border: none;margin: 0;box-sizing: border-box;position:absolute; top:60px; left:10px;}
.tab-m2 .btn .m-qrcode {width:160px; position:absolute; right:215px;top:200px;}
.tab-m2 .btn .m-qrcode span { width:100%;display:inline-block; text-align:center; color:#fff;}
.tab-m2 .btn .m-qrcode img {width:100%;}
.tab-m2 .btn ul { position:absolute;top:200px; right:0;}
.tab-m2 .btn ul li{width:160px;  text-align:center; margin-bottom:25px; }
.tab-m2 .btn ul li a {width:100%; height:40px; line-height:40px; -webkit-border-radius:50px; border-radius:50px; display:block;color:#fff;  border:1px solid #fff; font-size:16px; }
.tab-m2 .btn ul li:hover a { background:#fff; color:#666;}
.shy-box8 {width:100%; height:688px; background:url(../images/shy_box8.jpg) center top no-repeat #fff; }
.shy-more { padding-top:564px; text-align:center;}
.shy-more a {width: 280px;height: 45px; display: inline-block; background: #ea3838;  color: #fff; text-align: center; line-height: 45px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; margin: 0 15px;}
.shy-more a:hover {background:#d63434;}


/*-----------------------------------------------------微商城定制-----------------------------------------------------*/
.wsc-box1 {width:100%; height:560px; background:url(../images/wsc_box1.jpg) center top no-repeat; margin-top: 80px;}
.wsc-box2 {width:100%; height:812px; background:url(../images/wsc_box2.jpg) center top no-repeat #fff; }
.wsc-box3 {width:100%; height:845px; background:url(../images/wsc_box3.jpg) center top no-repeat #f6f6f6; }
.wsc-box4 {width:100%; height:830px; background:url(../images/wsc_box4.jpg) center top no-repeat #334553; }
.wsc-iframe{width:1200px;margin:0 auto;position:relative;}
.wsc-iframe .if-m {width:230px; height:405px; position:absolute; top:285px; left:484px;}
.wsc-box5 {width:100%; height:821px; background:url(../images/wsc_box5.jpg) center top no-repeat; }
.wsc-box6 {width:100%;  background:#f6f6f6; }
.wb-more { width:100%; text-align:center; padding:80px 0;}
.wb-more a {width:240px; height:45px; display:inline-block;  background:#2880e4; color:#fff; text-align:center; line-height:45px;  -webkit-border-radius: 4px;  border-radius: 4px; font-size:16px; margin:0 15px;}
.wb-more a:hover {background:#2474ce;}


.btn-bp { margin-top:250px; display:none;}
.btn-bp a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-right:30px; -webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.btn-bp a:hover { background:#fff; color:#ff6262;}
.banner-pro { width: 100%; height: 360px; overflow: hidden; margin-top: 80px; background:url(../images/ban_market.jpg) center no-repeat;}

.pros-nav {width:280px;}
.pros-nav ul { background:#fff; margin-bottom:30px;}
.pros-nav ul li{vertical-align:bottom;}
.pros-nav ul li a {display:block;font-size:14px;border-left:2px solid #fff; transition:.3s ease-out;height:50px;line-height:50px;text-indent:60px; color:#666;}
.pros-nav ul li.active a , .pros-nav ul li a:hover{background:#f9f9f9; border-left:2px solid #ff7300;color:#ff7300;}

.quick-nav {width:280px;}
.quick-nav ol li {width:100%; height:120px; margin-bottom:20px;}

.pros-cont {width:800px; min-height:300px; background:#fff; padding:40px;}



.tech-ul {width:100%;}
/*.tech-ul li { float:left; width:100px; margin:0 14px; margin-bottom:35px; text-align:center;}*/
.tech-ul li { float:left; width:140px; margin-right:36px; margin-bottom:35px; text-align:center;}
.tech-ul li:nth-child(7n) { margin-right:0;}
.tech-ul li p {margin-bottom:0!important; padding:0;}
.tech-ul li p.ico {height:80px;}
.tech-ul li p i { width:70px; height:70px; display:inline-block; color:#fff;  -webkit-border-radius: 4px;  border-radius: 4px; text-align:center; line-height:100px; }
.tech-ul li p i img {width:100%; vertical-align:top;}
/*.tech-ul li:hover p i img { animation:tada 1s 0s ease both; -webkit-animation:tada 1s 0s ease both;}*/
.tech-ul li p i.icon-tech1 {   font-size:48px; background:#ec5151;}
.tech-ul li p i.icon-tech2 {  font-size:64px;  background:#3dbaf7;}
.tech-ul li p i.icon-tech3 {  font-size:60px;  background:#2aa759;}
.tech-ul li p i.icon-tech4 {  font-size:52px;  background:#5d59cd;}
.tech-ul li p i.icon-tech5 {  font-size:58px;  background:#f58115;}
.tech-ul li p i.icon-tech6 {  font-size:50px;  background:#68c5b3;}
.tech-ul li p i.icon-tech7 {  font-size:50px;  background:#2aa759;}
.tech-ul li p i.icon-tech8 {  font-size:50px;  background:#58b4d2;}
.tech-ul li p i.icon-tech9 {  font-size:46px;  background:#68c5b3;}
.tech-ul li p i.icon-tech10 {  font-size:54px;  background:#6588ff;}
.tech-ul li p i.icon-tech11 {  font-size:46px;  background:#677689;}
.tech-ul li p i.icon-tech12 {  font-size:56px;  background:#f58115;}
.tech-ul li p i.icon-tech13 {  font-size:58px;  background:#3dbaf7;}
.tech-ul li p i.icon-tech14 {  font-size:50px;  background:#ec5151;}
.tech-ul li p i.icon-tech15 {  font-size:50px;  background:#5d59cd;}
.tech-ul li p i.icon-tech16 {  font-size:56px;  background:#677689;}
.tech-ul li p.txt { line-height:220%; text-align:center;}


.xcx-box1 { width:100%; height:660px; background:url(../images/nxcx_b1.jpg) center top no-repeat; position:relative; margin-top:80px;}
.xcx-box1s { width:100%; height:560px; background:url(../images/xcx_box1s.jpg) center top no-repeat; position:relative;}
.xcxbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 500px; z-index: 99; text-align:left;  }
.xcxbtn a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-right:30px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.xcxbtn a:hover {background:#fff; color:#1871e9;}
.xcx-box2 { width:100%; height:570px; background:url(../images/nxcx_b2.jpg) center top no-repeat;}
.xcx-box22 { width:100%; height:1140px; background:url(../images/nxcx_b22.jpg) center top no-repeat;}
.xcx-box3 { width:100%; height:720px; background:url(../images/nxcx_b3.jpg) center top no-repeat;}
.xcx-box4 { width:100%; height:670px; background:url(../images/nwsc_b4.jpg) center top no-repeat;}
.xcx-boxa { width:100%; height:670px; background:url(../images/nwsc_b5.jpg) center top no-repeat;}
.xcx-boxb { width:100%; height:550px; background:url(../images/nwsc_b6.jpg) center top no-repeat;}
.xcx-box5 { width:100%; height:946px; background:url(../images/xcx_box5.jpg) center top no-repeat;}
.xcx-box5 .re { position:relative;}
.xcx-slidebox .hd {padding-top:370px; width:680px; margin-left:484px;}
.xcx-slidebox .hd ul li {float:left; width:156px; height:46px; border:2px solid #fff; font-size:16px; line-height:46px; text-align:center; color:#fff; -webkit-border-radius:4px; border-radius: 4px; margin:0 20px;
 cursor:pointer; margin-bottom:30px;}
.xcx-slidebox .hd ul li.on {background:#fff; color:#666;}
.xcx-qrcode {padding-left:484px;padding-top:30px;}
.xcx-qrcode ul li { float:left; margin:0 20px; color:#fff; text-align:center; font-size:16px; line-height:180%; }
.xcx-qrcode ul li img {-webkit-border-radius:4px; border-radius: 4px; width:160px; }
.xcxui { width:280px; height:622px; display: block;border: none;margin: 0;position:absolute; top: 206px; left: 148px; border-radius: 24px; }
.xcx-box6 {padding:210px 0 100px 0; background:url(../images/xcx_box6.jpg) center top no-repeat;}
.xcx-box6 table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; position:relative;}
.xcx-box6 table tr th { width:20%; text-align:center; padding:20px 0;  border-right:1px solid #ddd; border-top: 2px solid #ec5051;  background: #ffefef; font-size:18px;
font-weight:bold; color:#333;}
.xcx-box6 table tr td { width:20%; text-align:center; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.xcx-box6 table tr td i { color:#ec5051;  }
.xcx-box6 table tr td span {display: inline-block;text-align: left; padding-left:8px;}
.xcx-box6 table tr.trs { background: #f6f6f6;}
.xcx-box6 table tr td.tit {background:#fff; color:#333;  font-size:16px;}
.xcx-box6 table tr td em { font-style:normal; display:inline-block; color:#eb333b;position:absolute;/*right:60px; top:10px;*/ padding-left:10px;}
.xcx-box6 table tr td em img { width:24px; height:16px;}
.xcx-box6 table tr td b { color:#ff4444; font-size:20px; font-style:italic; font-family:Arial; font-weight:normal;}
.xcx-more { padding-top:60px; text-align:center;}
.xcx-more a {width: 200px;height: 50px; display: inline-block; background: #0d6cca;  color: #fff; text-align: center; line-height:50px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; margin: 0 15px;}
.xcx-more a:hover {background:#0c60b3;}
.tb-line.xcxfixed { position:fixed; top:131px; z-index:999;width:1200px; border-bottom:1px solid #ddd;}
.tb-line.xcxfixeds { position:fixed; top:0; z-index:999;width:1200px; border-bottom:1px solid #ddd;}
.xcx-box9 { width:100%; height:800px; background:url(../images/nxcx_b9.jpg) center top no-repeat;}


.wsc-box1 { width:100%; height:660px; background:url(../images/nwsc_b1.jpg) center top no-repeat; position:relative; margin-top:80px;}
.wsc-box1s { width:100%; height:560px; background:url(../images/wsc_b1s.jpg) center top no-repeat; position:relative; }
.wscbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 500px; z-index: 99; text-align:left;  }
.wscbtn a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-right:30px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.wscbtn a:hover {background:#fff; color:#ff7300;}
.wsc-box2 { width:100%; height:600px; background:url(../images/nwsc_b2.jpg) center top no-repeat;}
.wsc-box3 { width:100%; height:720px; background:url(../images/nwsc_b3.jpg) center top no-repeat;}
.wsc-box4 { width:100%; height:630px; background:url(../images/nwsc_b4.jpg) center top no-repeat;}
.wsc-boxa { width:100%; height:670px; background:url(../images/nwsc_b5.jpg) center top no-repeat;}
.wsc-boxb { width:100%; height:550px; background:url(../images/nwsc_b6.jpg) center top no-repeat;}
.wsc-box5 { width:100%; height:946px; background:url(../images/wsc_b5.jpg) center top no-repeat;}
.wsc-box5 .re { position:relative;}
.wsc-slidebox .hd {padding-top:350px; width:680px; margin-left:484px;}
.wsc-slidebox .hd ul li {float:left; width:156px; height:46px; border:2px solid #fff; font-size:16px; line-height:46px; text-align:center; color:#fff; -webkit-border-radius:4px; border-radius: 4px; margin:0 20px;
 cursor:pointer; margin-bottom:20px;}
.wsc-slidebox .hd ul li.on {background:#fff; color:#666;}
.wsc-qrcode {padding-left:484px;padding-top:70px;}
.wsc-qrcode ul li { float:left; margin:0 20px; color:#fff; text-align:center; font-size:16px; line-height:180%; }
.wsc-qrcode ul li img {-webkit-border-radius:4px; border-radius: 4px;}
.wscui { width:280px; height:622px; display: block;border: none;margin: 0;position:absolute; top: 206px; left: 148px; border-radius: 24px; }
.wsc-box6 {padding:210px 0 100px 0; background:url(../images/xcx_box6.jpg) center top no-repeat;}
.wsc-box6 table {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;position:relative;}
.wsc-box6 table tr th { width:12%; text-align:center; padding:20px 0;  border-right:1px solid #ddd; border-top: 2px solid #ec5051;  background: #ffefef; font-size:18px; font-weight:bold; color:#333;}
.wsc-box6 table tr th:first-child { width:64%; }
.wsc-box6 table tr td { width:12%; text-align:center; padding:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
.wsc-box6 table tr td:first-child { width:14%; }
.wsc-box6 table tr td:nth-child(2) { width:50%; }
.wsc-box6 table tr td i { color:#ec5051; margin-right:10px;  }
/*.wsc-box6 table tr td span {display: inline-block;text-align: left;padding-left:8px;}
.wsc-box6 table tr.trs td { background: #f6f6f6;}*/
.wsc-box6 table tr td.tit {background:#fff; color:#333;  font-size:16px;}
.wsc-box6 table tr td em { font-style:normal; display:inline-block; color:#eb333b; position:absolute; /*right:60px; top:10px;*/ padding-left:10px;}
.wsc-box6 table tr td em img { width:24px; height:16px;}
.wsc-box6 table tr td b { color:#ff4444; font-size:20px; font-style:italic; font-family:Arial; font-weight:normal;}
.wsc-more { padding-top:60px; text-align:center;}
.wsc-more a {width: 200px;height: 50px; display: inline-block; background: #ff7300;  color: #fff; text-align: center; line-height:50px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 16px; margin: 0 15px;}
.wsc-more a:hover {background:#ff6600;}
.tb-line.wscfixed { position:fixed; top:131px; z-index:999;width:1200px; border-bottom:1px solid #ddd;}
.tb-line.wscfixeds { position:fixed; top:0; z-index:999;width:1200px; border-bottom:1px solid #ddd;}
.wsc-box9 { width:100%; height:800px; background:url(../images/nwsc_b9.jpg) center top no-repeat;}
.wsc-box10 { width:100%; height:1120px; background:url(../images/nwsc_b10.jpg) center top no-repeat;}
.wsc-box11 { width:100%; height:920px; background:url(../images/nwsc_b11.jpg) center top no-repeat;}
.wsc-mark {width:440px; margin:0 auto; text-align:left; padding:10px 0;}

.qrcode-box, .qrcode-box img { width: 100%;}
.func-tab-box { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px;  }
.func-tab-box span { text-align:left; padding:10px 15px; background:#f6f6f6; border-radius:5px; position:relative;  }
.func-tab-box span::before  {content: "•"; font-size: 14px; color:#ec5051; margin-right: 10px; }

.join-box1 { width:100%; height:520px; background:url(../images/jimg1.jpg) center top no-repeat; position:relative; margin-top:80px;}
.joinbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 330px; z-index: 99; text-align:center;  }
.joinbtn a { width:200px; height:48px; display:inline-block; line-height:48px; border:2px solid #fff; text-align:center; color:#fff; margin:0 20px;-webkit-border-radius: 48px; border-radius: 48px;font-size:18px;}
.joinbtn a:hover {background:#f58016; border:2px solid #f58016; }
.join-box2 { width:100%; height:560px; background:url(../images/jimg2.jpg) center top no-repeat;}
.join-box3 { width:100%; height:610px; background:url(../images/jimg3.jpg) center top no-repeat;}
.join-box4 { width: 100%;height: 946px;background: url(../images/wsc_b5.jpg) center top no-repeat;}
.join-box4 .re { position:relative;}
.join-qrcode {padding-left:490px;padding-top:40px;}
.join-qrcode ul li { float:left; width:120px; margin:0 14px; color:#fff; text-align:center; font-size:16px; line-height:180%; }
.join-qrcode ul li img {width:120px;}
.join-box5 { width:100%; height:840px; background:url(../images/jimg5.jpg) center top no-repeat;}
.join-box6 { width:100%; height:1000px; background:url(../images/jimg6.jpg?v=1) center top no-repeat;}
.join-box7 { width:100%; height:890px; background:url(../images/jimg7.jpg) center top no-repeat;}
.join-box8 { width:100%; height:1080px; background:url(../images/jimg8.jpg) center top no-repeat;}
.join-box9 { width:100%; height:630px; background:url(../images/jimg9.jpg) center top no-repeat;}
.join-box10 { width:100%; height:810px; background:url(../images/jimg10.jpg) center top no-repeat;}
.join-box11 { width:100%; height:320px; background:url(../images/jimg11.jpg) center top no-repeat; position:relative;}
.joinbtn2 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 170px; z-index: 99; text-align:center;  }
.joinbtn2 a { width:200px; height:48px; display:inline-block; line-height:48px; text-align:center; color:#fff; margin:0 20px;-webkit-border-radius: 48px; border-radius: 48px;font-size:18px;background:#f58016;}

.stxt {width:100%;}
.stxt .stxt-title {height:40px; line-height:40px; border-bottom: 1px solid #e5e5e5; margin:20px 0;}
.stxt .stxt-title span {height:38px; line-height:38px; display:inline-block; font-size:16px;border-bottom: 2px solid #ff7300; }


/*-----------------------------------------------------solution category-----------------------------------------------------*/
.solcate { margin-bottom:40px;}
.solcate ul li { height:50px; line-height:50px;  width:calc(20% - 2px); float:left; background:#f6f6f6; text-align:center; border-left:2px solid #fff; }
.solcate ul li:first-child { border:none;}
.solcate ul li a { display:inline-block; width:100%; line-height:50px;  font-size:15px; color:#666; transition: all 0.3s ease; }
.solcate ul li a:hover { background:#ff7300; color:#fff;} 
.solcate ul li.active a { background:#ff7300; color:#fff;}
.ind-prod-li{ float: left; width: calc(33.3% - 27px);  margin-right:40px; margin-bottom:70px; }
.ind-prod-li:nth-child(3n) { margin-right:0;}
.ind-prod-li-a{position: relative;display: block; height: 300px;}
.ind-prod-li-img {position: relative;overflow: hidden; padding-top:40px; }
.ind-prod-li-img:before{content: '';position: absolute;left: -10px;top: -10px;z-index: 1;width: calc(100% + 20px);height: calc(100% + 20px);border: 1px solid rgba(255,255,255,.6);transition: all .3s ease; }
.ind-prod-li-a img{display: block; width:80%; margin-left:10%;}
.ind-prod-li-desc{position: absolute;left: 15px; bottom: -30px; z-index:1;  width:calc(100% - 28px); height:110px; background-color: #fff;text-align: center;color: #999; box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.ind-prod-li-desc h3 {font-size: 16px;color: #333;font-weight: bold; margin-top:15px; margin-bottom:5px; transition: all .3s ease;}
.ind-prod-li-a p { padding:0 20px; text-align:left; line-height:180%; transition: all .3s ease;  }
.ind-prod-li-a:hover .ind-prod-li-img:before{left: 15px; top: 15px;width: calc(100% - 30px);height: calc(100% - 30px);}
.ind-prod-li-a:hover .ind-prod-li-desc p {opacity: 0; margin-top:10px; visibility: hidden;}
.ind-prod-li-a:hover .ind-prod-li-desc h3 { margin-top:40px;}
.solpage {padding:0!important; }
.solcated { margin-bottom:40px;}
.solcated ul li { height:50px; line-height:50px; width:calc(20% - 2px); float:left; background:#fff; text-align:center; border-left:2px solid #f6f6f6; }
.solcated ul li:first-child { border:none;}
.solcated ul li a { display:inline-block; width:100%; line-height:50px;  font-size:15px; color:#666; transition: all 0.3s ease; }
.solcated ul li a:hover { background:#ff7300; color:#fff;} 
.solcated ul li.active a { background:#ff7300; color:#fff;}

/*-----------------------------------------------------solution left-----------------------------------------------------*/
.sol-mnl {width:800px; background:#fff; padding:40px 20px 20px;}
.sol-nav {width:100%; margin-bottom:30px; border-bottom:1px solid #ddd;}
.sol-nav ul { text-align:center; padding-bottom:5px;}
.sol-nav ul li { width:100%; position:relative;  }
.sol-nav ul li span { display:inline-block; width:8%; text-align:right; height:36px; line-height:36px; }
.sol-nav ul li .subnav { width:calc(92% - 20px); text-align:left;  }
.sol-nav ul li .subnav a {display:inline-block; color:#666; padding:0 20px; height:36px; line-height:36px;background:#eee; border-radius:2px; font-size:13px; margin-right:10px; margin-bottom:15px;}
.sol-nav ul li .subnav a:hover, .sol-nav ul li .subnav a.active { background: #ff7300;color: #fff;  transition: none; -webkit-transition: none;}
/*.sol-nav ul li { float:left; }
.sol-nav ul li a { display:inline-block; color:#666; padding:0 20px; height:36px; line-height:36px;background:#eee; border-radius:2px; font-size:13px; margin-right:10px; margin-bottom:15px;}
.sol-nav ul li a:hover, .sol-nav ul li.active a { background: #ff7300;color: #fff;  transition: none; -webkit-transition: none;}*/
.mbcon {width:750px; margin:0 auto; position:relative; overflow:hidden; margin-bottom:30px; }
.mbpic { padding:40px 0 0 40px; vertical-align:bottom; }
.mbtxt {width:240px; float:right; margin-right:40px; color:#fff; }
.mbtxt h1 { width:240px; font-weight:bold; font-size:20px; color:#fff; position:absolute; right:40px; top:60px;}
.mbtxt p { width:240px; position:absolute; right:40px; top:100px; }
.mbtxt img { width:120px; border:5px solid #fff; position:absolute; left:468px; top:200px; }

.sol-cate { width:840px;}
.sol-cate ul li { width:100%; height:300px; overflow:hidden; margin-bottom:20px; }
.sol-cate ul li .img { width:100%; height:100%; position:relative;}
.sol-cate ul li .img .bgmask { position:absolute; z-index:9; top:0; width:calc(100% - 80px); padding:0 40px; height:100%; background: linear-gradient(rgba(0,0,0,0) 40% , rgba(0,0,0,0.8) 100%);  transition: all .3s ease 0s; }
.sol-cate ul li .img .txt { position:absolute; z-index:99; top:172px; width:100%;  transition: all .3s ease 0s; }
.sol-cate ul li .img .txt h1 { color:#fff; font-size:16px; padding:40px 0 10px 0; font-weight:bold;}
.sol-cate ul li .img .txt p { color:#ccc; }
.sol-cate ul li .img .txt .list {width:calc(100% - 80px);  padding-top:30px;}
.sol-cate ul li .img .txt .list a { color:#fff; display:inline-block; padding:2px 20px; border:1px solid #666; border-radius:2px; margin-right:20px; margin-bottom:20px; transition: all .3s ease 0s; }
.sol-cate ul li .img .txt .list a:hover { background:#ff7300; border:1px solid #ff7300;  transition: all .3s ease 0s; }
.sol-cate ul li:hover .img .txt { top:0;  transition: all .3s ease 0s;}
.sol-cate ul li:hover .img .bgmask { background:rgba(0,0,0,0.8);}

/*-----------------------------------------------------solution right-----------------------------------------------------*/
.sol-mnr {
    width: 340px;
    background: #fff;
    min-height: 200px;
}
.sol-mnr .quote-d-list2 li { padding-top: 20px; }
.sol-mnr .quote-d-list2 li .rec-articles-left { width: 120px; float: left; display:none;}
.sol-mnr .quote-d-list2 li .rec-articles-left a img { width: 100%; vertical-align: middle; }
.sol-mnr .quote-d-list2 li .rec-articles-right { width: 100%;  float: right; }
.sol-mnr .quote-d-list2 li .rec-articles-right a { font-size: 14px; display: inline-block; line-height: 22px; overflow: hidden; color:#666; }
.sol-mnr .quote-d-list2 li:hover .rec-articles-right a { color:#ff7300;}
.sol-mnr .quote-d-list2 li .rec-articles-right p { font-size: 12px; line-height: 22px; overflow: hidden;  color:#999; }
.sol-mnr .quote-d-list2 li .rec-articles-right2 { width: 100%; }
.sol-mnr .quote-d-list2 li .rec-articles-right2 a { font-size: 14px; display: inline-block; line-height: 22px; overflow: hidden; color:#666; }
.sol-mnr .quote-d-list2 li:hover .rec-articles-right2 a { color:#ff7300;}
.sol-mnr .quote-d-list2 li .rec-articles-right2 p { font-size: 12px;line-height: 22px; overflow: hidden;  color:#999; }
.sol-mnr .rec-articles {padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.sol-mnr .hot-tags  {margin-top: 0; border:none;}

.wm-box1 { width:100%; height:660px; background:url(../images/wmb1.jpg) center top no-repeat; position:relative; margin-top:80px;}
.wmbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 500px; z-index: 99; text-align:left;  }
.wmbtn a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-right:30px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.wmbtn a:hover {background:#fff; color:#14b867;}
.wm-box2 { width:100%; height:590px; background:url(../images/wmb2.jpg) center top no-repeat; }
.wm-box3 { width:100%; height:950px; background:url(../images/wmb3.jpg) center top no-repeat; }
.wm-box3 .re { position:relative;}
.wm-slidebox .hd {padding-top:350px; width:680px; margin-left:484px;}
.wm-slidebox .hd ul li {float:left; width:156px; height:46px; border:2px solid #fff; font-size:16px; line-height:46px; text-align:center; color:#fff; -webkit-border-radius:4px; border-radius: 4px; margin:0 20px;
 cursor:pointer; margin-bottom:20px;}
.wm-slidebox .hd ul li.on {background:#fff; color:#666;}
.wm-slidebox .bd ul { width: 280px;  height: 622px; display: block; border: none; margin: 0;  position: absolute; top: 206px; left: 148px; border-radius: 24px; overflow:hidden; }
.wm-slidebox .bd ul img {width:100%; }
.wm-qrcode {padding-left:484px;padding-top:40px;}
.wm-qrcode ul li { float:left; margin:0 20px; color:#fff; text-align:center; font-size:16px; line-height:180%; }
.wm-qrcode ul li img {-webkit-border-radius:4px; border-radius: 4px; width:160px; }
.wm-box4 { width:100%; height:870px; background:url(../images/wmb4.jpg) center top no-repeat; }
.wm-box5 { width:100%; height:820px; background:url(../images/wmb5.jpg) center top no-repeat; }
.wm-box6 { width:100%; height:830px; background:url(../images/wmb6.jpg) center top no-repeat; }


.dc-box1 { width:100%; height:660px; background:url(../images/dcb1.jpg) center top no-repeat; position:relative; margin-top:80px;}
.dcbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 500px; z-index: 99; text-align:left;  }
.dcbtn a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-right:30px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.dcbtn a:hover {background:#fff; color:#f36348;}
.dc-box2 { width:100%; height:590px; background:url(../images/dcb2.jpg) center top no-repeat; }
.dc-box3 { width:100%; height:950px; background:url(../images/dcb3.jpg) center top no-repeat; }
.dc-box4 { width:100%; height:930px; background:url(../images/dcb4.jpg) center top no-repeat; }
.dc-box5 { width:100%; height:820px; background:url(../images/dcb5.jpg) center top no-repeat; }
.dc-box6 { width:100%; height:970px; background:url(../images/dcb6.jpg) center top no-repeat; }
.dc-box7 { width:100%; height:830px; background:url(../images/dcb7.jpg) center top no-repeat; }
.dc-box8 { width:100%; height:820px; background:url(../images/dcb8.jpg) center top no-repeat; }
.dc-box3 .w1200 {position:relative; text-align:center;}
.dc-box3 .iphonebg {position:absolute; top:212px; left:50%; margin-left:-159px; width:316px; height:640px; background:url(../images/iphonebg.png) center top no-repeat; z-index:99;  }
.dc-box3 .swiper-container {top:220px; width:calc(100% - 80px); padding:0 40px;}
.dc-box3 .swiper-container .swiper-slide { text-align:center;}
.dc-box3 .swiper-container .swiper-slide.swiper-slide-active img { border-radius:10px; overflow:hidden; }
.dc-box3 .swiper-container .swiper-slide p {width:100%;}
.dc-box3 .swiper-container .swiper-slide img {width:280px; margin:0 auto;}
/*.dc-box3 .swiper-container .swiper-slide span {width:100%; display:block;  text-align:center; color:#fff; font-size:16px; line-height:60px; display:none; }*/
.dc-box3 .spa a {position:absolute; top:50%; z-index:99; margin-top:-20px; }
.dc-box3 .spa a i { font-size:36px; color:#fff; }
.dc-box3 .spa .spaprev { left:0; }
.dc-box3 .spa .spanext { right:0;}
.dc-box3 .mask { background:rgba(0,0,0,0.8); width:280px; height:498px; position:absolute; top:278px; left:50%; margin-left:-140px; z-index:9; font-size:16px; color:#fff; display:none;}
.dc-box3 .mask img { width:160px; margin:160px 0 5px 0; }

.hyk-box1 { width:100%; height:660px; background:url(../images/hykb1.jpg) center top no-repeat; position:relative; margin-top:80px;}
.hykbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 500px; z-index: 99; text-align:left;  }
.hykbtn a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin-right:30px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.hykbtn a:hover {background:#fff; color:#4a85e6;}
.hyk-box2 { width:100%; height:590px; background:url(../images/hykb2.jpg) center top no-repeat; }
.hyk-box3 { width:100%; height:910px; background:url(../images/hykb3.jpg) center top no-repeat; }
.hyk-box4 { width:100%; height:950px; background:url(../images/hykb4.jpg) center top no-repeat; }
.hyk-box5 { width:100%; height:930px; background:url(../images/hykb5.jpg) center top no-repeat; }
.hyk-box6 { width:100%; height:700px; background:url(../images/hykb6.jpg) center top no-repeat; }
.hyk-box7 { width:100%; height:820px; background:url(../images/hykb7.jpg) center top no-repeat; }
.hyk-box4 .w1200 {position:relative; text-align:center;}
.hyk-box4 .iphonebg {position:absolute; top:212px; left:50%; margin-left:-150px; width:300px; height:640px; background:url(../images/iphonebg.png) center top no-repeat; z-index:99; }
.hyk-box4 .swiper-container {top:220px; width:calc(100% - 80px); padding:0 40px;}
.hyk-box4 .swiper-container .swiper-slide { text-align:center;  }
.hyk-box4 .swiper-container .swiper-slide.swiper-slide-active img { border-radius:10px; overflow:hidden; }
.hyk-box4 .swiper-container .swiper-slide p {width:100%;}
.hyk-box4 .swiper-container .swiper-slide img {width:280px; margin:0 auto;}
/*.hyk-box4 .swiper-container .swiper-slide span {width:100%; display:block;  text-align:center; color:#fff; font-size:16px; line-height:60px; display:none; }*/
.hyk-box4 .spa a {position:absolute; top:50%; z-index:99; margin-top:-20px; }
.hyk-box4 .spa a i { font-size:36px; color:#fff; }
.hyk-box4 .spa .spaprev { left:0; }
.hyk-box4 .spa .spanext { right:0;}
.hyk-box4 .mask { background:rgba(0,0,0,0.8); width:280px; height:498px; position:absolute; top:278px; left:50%; margin-left:-140px; z-index:9; font-size:16px; color:#fff; display:none;}
.hyk-box4 .mask img { width:160px; margin:160px 0 5px 0; }