/*****通用编码******/
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,input{margin:0px;padding:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
img{border:none;}
body {color:#666; font:14px/1.5   Arial, "Microsoft Yahei";width:100%;min-width:1200px; background-color:#fff;}
ul,ol,li,form, dl {list-style: none;}
p{margin:0px; padding:0px;}
a{text-decoration:none;color:#434343;}
a:hover {text-decoration:none;}
div{ margin:0 auto;}
/*=====public*/
.container{width:1200px;margin:auto;}
.w1100{width:1100px;margin:auto}
.pull-hide{overflow:hidden}
.pull-img{display:block;max-width:100%;}
.pull-left{float:left}
.pull-right{float:right;}
.pull-sizing{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.text-center{text-align:center;}
.text-center .pull-img{margin:auto;}
.f12{font-size:12px;}
.clear{clear:both}
.relative{position:relative;}
@media(max-width:760px){
  body{min-width: 100%;}
  .container,.w1100{width: 100%;}
}
/*=====Custom font*/
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
@media(max-width: 760px){
  @font-face {
    font-family: 'iconfonts';  /* project id 1707922 */
    src: url('https://at.alicdn.com/t/font_1707922_3cu6zteu3pe.eot');
    src: url('https://at.alicdn.com/t/font_1707922_3cu6zteu3pe.eot?#iefix') format('embedded-opentype'),
    url('https://at.alicdn.com/t/font_1707922_3cu6zteu3pe.woff2') format('woff2'),
    url('https://at.alicdn.com/t/font_1707922_3cu6zteu3pe.woff') format('woff'),
    url('https://at.alicdn.com/t/font_1707922_3cu6zteu3pe.ttf') format('truetype'),
    url('https://at.alicdn.com/t/font_1707922_3cu6zteu3pe.svg#iconfont') format('svg');
  }
  .Yc-icon{
    font-family:"iconfonts" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
  }
}
/*=====welcome*/
#Header{background:#fff;position: relative; z-index: 2;}
.welcome{height:38px;line-height:38px;font-size:12px;background:#f3f4f6;}
.welcome .container{overflow: initial}
.welcome-title{font-size:12px;color:#828282;}
.welcome-right>div{position:relative;padding-right:15px;margin-left:15px;height: 38px;}
.welcome-right>div:after{position:absolute;width:1px;height:14px;top:50%;right:0;margin-top:-7px;background:#dddddd;content:"";}
.welcome-right>div:last-child:after{display:none;}
.welcome-right>div a{display:block;position:relative;padding-left:30px;color:#828282;overflow: hidden}
.welcome-right>div i{color:#828282;font-size:20px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;position:absolute;left:0;top:0;display:block;line-height:38px;}
.welcome-right>div span{position: absolute;left: 0;top: 40px;border:solid 1px #ddd;padding: 2px;border-radius: 4px;background: #fff;z-index: 11;display: none}
.welcome-right>div:hover span{display: block}
.welcome-right>div .ico-fk-active,.welcome-right>div .ico-wb-active,.welcome-right>div .ico-wx-active{top:38px;}
.welcome-right>div:hover a,.welcome-right>div:hover .ico-fk-active{color:#FF6600}
.welcome-right .wel-fk:hover .ico-fk,.welcome-right .wel-wb:hover .ico-wb,.welcome-right .wel-wx:hover .ico-wx{top:-38px}
.welcome-right .wel-fk:hover .ico-fk-active,.welcome-right .wel-wb:hover .ico-wb-active,.welcome-right .wel-wx:hover .ico-wx-active{top:0;}
.welcome-right>div:hover .ico-wb-active{color:#d82328}
.welcome-right>div:hover .ico-wx-active{color:#91d317}
.welcome-right div.wel-tel{font-size:12px;color:#828282;padding-left:25px;}
.welcome-right div.wel-tel i{font-size:18px;}
.welcome-right div.wel-tel b{color:#f0831e;font-size:15px;}
#Header.active{position:fixed;left:0;top:0;width:100%;border-bottom:solid 1px #f2f2f2;z-index:999}
@media(max-width: 760px){
  #Header{position: fixed;left: 0;top: 0;width: 100%;background: #fff;z-index: 11;height: 60px;border-bottom:solid 1px #f4f4f4;box-shadow: 0 2px 4px rgba(0,0,0,.1);-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);-ms-box-shadow: 0 2px 4px rgba(0,0,0,.1);-o-box-shadow: 0 2px 4px rgba(0,0,0,.1)}
  .welcome{display: none}
}
/*======logo-box*/
.logo-box{height:74px;}
.logo-box h1{width:180px;height:50px;margin-top:12px;background:url(../images/logo_1.png) no-repeat left center;}
.logo-box h1 a{display:block;text-indent:-999rem;overflow:hidden;width:100%;height:100%;}
.nav{}
.nav li{float:left;line-height:74px;width:100px; margin: 0 10px; text-align:center;position:relative;height:74px;cursor:pointer;}
.nav li span{position:absolute;left:0;top:0;display:block;width:100%;height:74px;color:#626262;font-size:16px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.nav li a.nav-item{display:block;position:absolute;left:0;top:0;display:block;font-size:16px;color:#626262;line-height:74px;width:100%;font-size:16px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.nav li:hover a.nav-item,.nav li.active a.nav-item{color: #28a7e1;}

.nav li .submenu{display:none;position:absolute;top:74px;left:-100px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.mj_menu_pro_bg{width:800px; height:254px; background:rgba(245,245,245,0.9);border-radius:0 0 8px 8px;}
.mj_menu_pro_main{width:800px;margin-left: 30px; padding-top:12px;}
.mj_menu_pro_li{ float:left;}
.mj_menu_li_txt{line-height:22px; text-align: left;color:#696969;}
.mj_menu_li_txt p{font-size:16px; color:#e96506;font-weight:700;line-height: 40px;}
.mj_menu_li_txt a{color:#696969;font-size: 14px; text-decoration:none;display: block;line-height: 30px;}
.mj_menu_li_txt a:hover{color:#696969; text-decoration:underline;}
.mj_menu_li_txt img.mj_menu_weixin{margin-top: -12px; border-radius:0 0 8px 0;}
.nav li.mj_hover_menu .submenu{display:block;}
@media(max-width: 760px){
  .logo-box{height: 50px;}
  .logo-box h1{height: 40px;width: 40%;background-size: contain;margin-top: 10px;margin-left: 10px;}
  .nav{display: none}
}
/*.subnav{position:absolute;left:0;top:110px;width:100%;height:auto;overflow:hidden;background:rgba(0,0,0,0.4);z-index:9;height:0}
.subnav_con{margin-left:311px;overflow:hidden;padding-left:1px;}
.subnav_con ul{float:left;width:111px;padding:15px 0 ;display:block;height:330px;}
.subnav_con ul li{height:44px;text-align:center;font-size:14px;overflow:hidden;position:relative;border:solid 1px rgba(255,255,255,0.4);margin:-1px 0 0 -1px}
.subnav_con ul li a{display:block;color:#fff;height:44px;line-height:44px;}
.subnav_con ul li:hover a{background:#458fd4;color:#fff;}*/
/*=====Banner*/
#Banner{position: relative;z-index: 1;}
.pagination-banner span{width:32px;height:5px;background:#636363;border-radius:0;opacity:0.80}
.pagination-banner span.swiper-pagination-bullet-active{background:#fff}
@media(max-width: 760px){
  #Banner{margin-top: 60px;}
  .pagination-banner{bottom: 0px !important;}
  .pagination-banner span{width: 6px;height: 6px;border: solid 1px #fff;background: none;border-radius: 50%;opacity: 1}
  .pagination-banner span.swiper-pagination-bullet-active{background:rgba(255,255,255,.9);border-color: red}
}
/*=====Main*/
.h-bg{background:#f3f4f6}
.p-bg{background:#f1f2f3}
.h-title{font-size:32px;color:#333;line-height:50px;}
@media(max-width: 760px){
  .h-title{font-size: 20px;line-height: 2}
}
/*=====h-product*/
.h-product{padding:40px 0}
.h-product-nav{font-size:18px;color:#666666;line-height:50px;}
.h-product-nav a{margin:auto 25px;display:inline-block}
.h-product-nav a:hover{color:#ff6600}
.h-product-list{margin-top:40px;}
.h-product-list li{width:238px;height:331px;position:relative;background:#fff;transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.h-product-left{height:331px;padding:0 17px;width:238px;border-bottom-style:solid;border-bottom-width:7px;}
.h-product-left h3{margin-top:42px;font-size:24px;line-height:30px;color:#7e7e7e;margin-bottom:5px;}
.h-product-descrip{color:#7e7e7e;font-size:13px;display:block;line-height:20px;padding:0 13px;height:40px;}
.h-product-ico{width:104px;height:104px;background:#458fd4;border-radius:50%;line-height:104px;text-align:center;margin-top:15px;border:solid 1px #458fd4}
.h-product-ico span{font-size:60px;color:#fff;}
.h-product-link{margin-top:20px;}
.h-product-link a{font-size:12px;color:#7e7e7e}
.h-product-details{font-size:13px;margin-top:20px;color:#fff;line-height:20px;display:none;padding:0 13px;}
.h-product-right{padding:30px;width:238px;}
.h-product-right dl dt a{width:80px;display:block;height:26px;border:solid 1px #c4ccd4;line-height:26px;text-align:center;color:#5f5e68;margin:8px 0;font-weight:bold}
.h-product-right dl dd{font-size:12px;color:#999;line-height:20px;}
.h-product-list li.h-product-1 .h-product-left{border-color:#458fd4 }
.h-product-list li.h-product-2 .h-product-left{border-bottom-color:#60d4ba }
.h-product-list li.h-product-2 .h-product-ico{background:#60d4ba;border-color:#60d4ba}
.h-product-list li.h-product-3 .h-product-left{border-color:#80d064 }
.h-product-list li.h-product-3 .h-product-ico{background:#80d064;border-color:#80d064}
.h-product-list li.h-product-4 .h-product-left{border-color:#f26b94 }
.h-product-list li.h-product-4 .h-product-ico{background:#f26b94;border-color:#f26b94}
.h-product-list li.active{width:476px;border-color:#fff;}
.h-product-list li.active .h-product-left h3,.h-product-list li.active .h-product-descrip{color:#fff;}
.h-product-list li.active .h-product-ico{border-color:rgba(255,255,255,0.8);}
.h-product-list li.active .h-product-ico span{color:rgba(255,255,255,0.8)}
.h-product-list li.active .h-product-link{display:none;}
.h-product-list li.active .h-product-details{display:block}
.h-product-list li.h-product-1.active .h-product-left{background:#458fd4}
.h-product-list li.h-product-2.active .h-product-left{background:#60d4ba}
.h-product-list li.h-product-3.active .h-product-left{background:#80d064}
.h-product-list li.h-product-4.active .h-product-left{background:#f26b94}
.h-product-list-m{display: none}
@media(max-width: 760px){
  .h-product{padding: 25px 0}
  .h-product-nav{font-size: 14px;line-height: 30px;}
  .h-product-nav a{margin: auto 5px;}
  .h-product-list{margin-top: 15px;display: none}
  .h-product-list-m{display: block}
  .h-product-list li{width: 50%;height: auto;}
  .h-product-list li.active{width: 50%}
  .h-product-left{width: 100%;overflow: hidden;height: auto;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;padding: 0 5px;}
  .h-product-left h3{font-size: 18px;margin-top: 20px;color: #fff}
  .h-product-descrip{font-size: 12px;padding: 0 5px;margin-bottom: 10px;height: auto;color: #fff;opacity: .8;min-height: 60px;}
  .h-product-descrip>br{display: none}
  .h-product-ico{width:60px;height:60px;font-size:26px;line-height: 60px;color: #fff;border-color: rgba(255,255,255,0.8) !important;margin-bottom: 20px;}
  .h-product-ico span{font-size:30px;}
  .h-product-details{font-size: 12px;color: #fff;opacity: .7;}
  .h-product-right{width: 50%;padding: 10px 15px}
  .h-product-link a{color: #fff}
  .h-product-list li.h-product-1 .h-product-left{background:#458fd4}
  .h-product-list li.h-product-2 .h-product-left{background:#60d4ba;float: right}
  .h-product-list li.h-product-3 .h-product-left{background:#80d064}
  .h-product-list li.h-product-4 .h-product-left{background:#f26b94;float: right}
  .h-product-list li.active .h-product-link{display:block;}
  .h-product-link{height: 50px}

}
/*======h-about*/
.h-about{padding:100px 0 50px}
.h-about h3,.h-news h3,.h-case h3{font-size:18px;color:#616161;line-height:50px;font-weight:normal;margin-bottom:20px;}
.h-advantage-list li{width:378px;padding:0 10px;text-align:center;border-right:solid 1px #f1f1f1}
.h-advantage-list li:last-child{border:none}
.digital{width:378px;height:88px;line-height:88px;text-align:center;font-size:50px;color:#E53E3E}
.cd-words-wrapper {display: inline-block;position: relative;text-align: left;}
.cd-words-wrapper b { display: inline-block;position: absolute;white-space: nowrap; left: 0;top: 0;}
.cd-words-wrapper b:last-child {font-size:30px;vertical-align:top;} 
.cd-words-wrapper b.is-visible { position: relative;}
.no-js .cd-words-wrapper b { opacity: 0;}
.cd-headline.scale i{font-style:normal;line-height:40px}
.no-js .cd-words-wrapper b.is-visible {opacity: 1;}
.cd-headline.rotate-2 i:last-child em{vertical-align:top}
.h-advantage-list li h4{color:#616161;line-height:40px;font-size:18px;}
.h-advantage-list li p{color:#616161;font-size:14px;line-height:22px;padding:5px 0}
.h-advantage-list li a{margin-top:10px;display:block;color:#e53e3e;font-size:16px;}
@media(max-width: 760px){
  .h-about{padding: 30px 0 30px}
  .h-about h3, .h-news h3, .h-case h3{font-size: 14px;line-height: 24px}
  .h-advantage-list li{width: 100%;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;border: none;border-bottom: dashed 1px #d5d5d5;padding-bottom:25px;margin-bottom: 20px;}
  .digital{width: 100%;height: 50px;line-height: 50px;font-size: 20px;}
  .cd-headline.scale i{font-size: 20px}
  .cd-headline.scale i:last-child{font-size: 12px;}
  .h-advantage-list li h4{font-size: 18px;line-height: 20px;margin-bottom: 10px;}
  .h-advantage-list li p{font-size: 12px;}
  .h-advantage-list li a{font-size: 14px;}
}
/*======h-news*/
.h-news{padding:50px 0}
.h-news-box{position:relative;}
.h-news-content{background:#fff;padding:10px;border:solid 1px #fff;height:400px;}
.h-news-img{width:260px;height:195px;overflow:hidden;position:relative;}
.h-news-img img{width:292px;height:195px;-webkit-transition:-webkit-transform 300ms linear 0ms;	-moz-transition:-moz-transform 300ms linear 0ms;	-ms-transition:-ms-transform 300ms linear 0ms;	-o-transition:-o-transform 300ms linear 0ms;transition:transform 300ms linear 0ms;}
.h-news-txt{height:180px;display: block;width: 240px;padding:0 10px;position: relative;overflow: hidden;transition: transform 300ms linear 0ms;}
.h-news-txt h4{font-family: "Microsoft YaHei";font-weight: bold;margin: 30px 0px 10px;line-height: 1;height:30px; line-height:30px; overflow:hidden;text-align:left}
.h-news-txt h4 a{font-size:18px; font-weight:bold; color:#666666;width: 260px;}
.h-news-click{color:#666;text-align:left}
.h-news-txt p{color: #666666;font-size: 14px;line-height: 25px;height:75px;padding: 0px;overflow:hidden;text-align:left}
.h-news-box li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.h-news-box li:hover .h-news-content{border-color:#e53f3f}
.h-news-box>div.h-news-ico{position:inherit;display:inline-block;background:no-repeat;width:40px;height:40px;margin:10px 2px 0;color:#fff;font-size:24px;cursor:pointer;background:#ccc;text-align:center;line-height:40px;font-family:SimSun;}
.h-news-box>div.h-news-ico:hover{background:#f87500}
@media(max-width: 760px){
  .h-news{padding: 30px 0}
  .h-news-box{padding: 0 5px;}
  .h-news-content{height: auto}
  .h-news-img{width: 100%;height: 150px}
  .h-news-img img{width: 100%;height: 150px}
  .h-news-txt{width: 100%;padding: 0;height: auto}
  .h-news-txt h4{margin: 15px 0 10px;height: auto;line-height: 1.6}
  .h-news-txt h4 a{font-size: 14px;width: 100%}
}
/*======h-case*/
.h-case{padding:50px 0 80px}
.h-case-list li{width:180px;height:70px;padding:10px 10px 9px 9px;border:1px #dfdfdf solid;background:#fff;margin:-1px -2px 0 0;position:relative;overflow:hidden;}
/*.h-case-list li a{display:block;width:100%;height:100%;}*/
.h-case-list li img{width:180px; transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;-o-transition:ease-in-out 0.5s;}
.h-case-list li:hover a img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-o-transform:rotateY(180deg)}
@media(max-width: 760px){
  .h-case{padding: 30px 0 30px}
  .h-case-list li{width: 33.33%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
  .h-case-list li a img{width: 100%}
}
/*======Footer*/
#Footer{padding:50px 0 0}
.footer-logo{padding-left:200px;background:url(../images/logo_1.png) no-repeat left center;height:70px;font-size:32px;color:#da4444;line-height:70px;}
.footer-gz{width:220px;height:38px;padding:16px;color:#6c6c6c;line-height:38px;}
.gz-title{margin:0 10px;}
.footer-gz>div{margin:0 10px;}
.footer-gz>div>div.iconfont{width:38px;height:38px;border:solid 1px #dcdcdc;border-radius:50%;text-align:center;color:#787878;font-size:24px;cursor:pointer}
.wx-img,.wb-img{position:absolute;bottom:45px;left:-48px;width:126px;background:url(../images/ewn_bg.png) no-repeat ;margin:0 10px 0 0;height:126px;padding:5px 5px 15px;display:none;}
.footer-gz>div:hover>div.iconfont{color:#da4444;font-size:30px;}
.footer-gz>div:hover>div{display:block;}
.footer-nav{text-align: right;width:400px;height:38px;line-height:38px;color:#6c6c6c;padding:16px;}
.footer-nav a{color:#6c6c6c;margin:0 15px;}
.footer-nav a:hover{color:#FF6600}
.footer-link{border-top:1px #dadada solid;color:#4d4d4d;height:50px;line-height:50px;}
.footer-link a{color:#4d4d4d;margin:0 10px;}
.footer-link a:hover{color:#FF6600}
.footer-bottom{background:#303030;line-height:40px;height:40px;color:#9a9a9a !important}
.footer-bottom a{color:#9a9a9a !important;margin:0 5px;}
.footer-bottom a.ico-ba{background:url(../images/foot2.png) no-repeat left center;padding-left:25px;}
.footer-bottom a:hover{color:#fff !important;}
@media(max-width: 760px){
  #Footer{margin-bottom: 60px;padding:30px 0 0}
  .footer-logo{display: none}
  .footer-gz{width: 100%;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: auto}
  .footer-nav{display: none}
  .footer-bottom{height: auto}
  .footer-bottom div.pull-left{width: 100%;text-align: center}
  .footer-bottom div.pull-right{display: none}
}
/*======about*/
.about-banner{height:124px;background:#33a1d4 url(../images/gywmbanner.png) no-repeat center center;}
.about-banner .w1100{position:relative;height:124px;}
.Lotainer{position:absolute;left:0;bottom:0;line-height:45px;height:45px;color:#fff;background:url(../images/mbx.png) left center no-repeat;width:100%;text-indent:20px;}
.Lotainer a{color:#fff;}
.Lotainer a:hover{color:#f0831e}
/*=====Column*/
.Column{width:200px;margin-top:30px;}
.Column li{border-bottom:1px #dfdfdf solid;width:190px;height:40px;line-height:40px;margin:2px 0}
.Column li a{color:#000;text-align:center;display:block}
.Column li:hover,.Column li a.on{border-radius:5px;background:#33a1d4;}
.Column li:hover a,.Column  li a.on{color:#fff;}
@media(max-width: 760px){
  .Column{width: 100%;background: #fff;margin: 15px auto;padding: 3px 0}
  .Column li{border: none;width: 33.33%;padding:2px 5px;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;float: left;height: auto;line-height: 34px}
  .Column li a{border: solid 1px #33a1d4;border-radius: 5px;color: #33a1d4}
  .Column li:hover a{background:#33a1d4;}
  .Column li:hover{background: none}
}
/*=====about*/
.company_r{width:820px; padding:0 40px 30px;margin-top: 30px; background:#fff;font-size: 16px;color: #333;line-height: 28px}

.yjbt{margin-top:50px;color:#33a1d4;font-size:36px;line-height: 2}
.company_t2{font-size:18px;height:40px;line-height:40px;color:#5b5b5b;font-weight:normal;margin-bottom:40px;}
.conmpany_jj_c{ background: url(../images/conmpany_jj_c.jpg) no-repeat center center; overflow: hidden; width: 100%; height: 396px;}
.jj_pic{ width: 230px; padding: 10px; font-size: 18px; line-height: 38px; color: #999999;height: 168px;}
.jj_pic span{ display: block; color: #33a1d4; font-size: 40px; }
.jj_zi{ width: 510px; padding: 10px; color: #999999; height: 168px; line-height: 25px;}
.p-about-img{margin-top:40px;margin-bottom:40px;}
.company_zbt{height:70px;line-height:40px;border-left:6px #33a1d4 solid;padding-left:15px;margin-bottom:20px;}
.company_zbt strong{height:30px;line-height:30px;color:#33a1d4;font-size:36px;display:block;margin-bottom:10px;}
.company_zbt p{height:30px;line-height:30px;font-size:24px;color:#5b5b5b}
.conmpany_z_c{padding:10px;line-height:26px;margin-bottom:20px;}
.conmpany_z_c>div.pull-left{width:390px;color:#999;}
.conmpany_z_c>div.pull-right{width:390px;color:#999;}
.conmpany_z_c>div.pull-right strong{margin-top:15px;height:70px;line-height:70px;color:#33a1d4;font-size:34px;}
.dywq{border-top:solid 1px #f0f0f0;padding-top:40px;}
.dywq_qf{background:url(../images/gx_13.png) no-repeat top left ;padding-left:100px;width:700px;border-bottom:solid 1px #f0f0f0}
.dywq_qf h4{color:#5b5b5b;height:30px;line-height:30px;font-weight:normal;}
.dywq_qf p{line-height:24px;color:#999999;padding-bottom:20px;}
.dywq-list{margin-bottom:50px;}
.dywq-list li{border-bottom:solid 1px #f0f0f0;width:60%;padding-left:110px;margin-top:20px;min-height:100px;}
.dywq-list li:nth-child(2n){width:40%;}
.dywq-list li h4{color:#5b5b5b;height:30px;line-height:30px;font-weight:normal;}
.dywq-list li p{line-height:24px;color:#999999;padding-bottom:20px;}
.dywq-list-1{background:url(../images/gx_20.png) left top no-repeat;}
.dywq-list-2{background:url(../images/gx_16.png) left top no-repeat;}
.dywq-list-3{background:url(../images/gx_22.png) left top no-repeat;}
.flipster{padding:50px 0; }
.flipster ul{width:285px !important;height:190px !important}
@media(max-width: 760px){
  .company_r{margin-top: 0;width: 100%;padding: 0 0 30px;font-size: 13px;color: #333;line-height: 24px;}
  .company_r img{max-width: 100%;height: auto !important}
  .yjbt{font-size: 26px;margin-bottom: 15px;}
}
/*======p-jishi*/
.fzlc{margin-top:50px;background:url(../images/jsbg.png) repeat-y;margin-bottom:50px;}
.fzlc_t{height:66px;}
.fzlc_t .pull-left{width:50px;margin-left:93px;}
.fzlc_t .pull-right{height:66px;line-height:66px;width:400px;font-size:56px;color:#ebebeb;padding:0 0 0 220px;background:url(../images/jsbb.png) no-repeat left center;}
.fzlc_c{margin:20px 0}
.fzlc_c .pull-left{width:170px;margin-top:35px;line-height:50px;height:50px;background:url(../images/jstbg.png) right center no-repeat;text-align:left;color:#0089ce;font-size:32px;text-indent:10px;}
.nfjs{width:630px;padding:40px 0;background:#fff;border-radius:5px;}
.nfjs li{height:50px;line-height:50px;color:#505050;font-size:14px;}
.nfjs li span{color:#f0831e;width:70px;text-align:center;display:inline-block}
/*======p-qywh*/
.conmpany_z_cs{margin-bottom:40px;}
.conmpany_z_cs .pull-left{width:390px;color:#999999}
.conmpany_z_cs .pull-right{width:390px;color:#999999}
.conmpany_z_cs>div.pull-right strong{height:30px;line-height:30px;color:#5b5b5b;font-size:24px;font-weight:normal;margin-bottom:10px;margin-top:20px;display:block}
.kouhao{margin-bottom:40px;}
.kouhao li{width:380px;height:75px;line-height:25px;margin:20px 0}
.kouhao li:nth-child(2n){float:right;}
.kouhao li span{width:65px;color:#33a1d4;font-size:24px;height:75px;line-height:75px;font-weight:bold;}
.kouhao li p{width:290px;border-left:1px #dfdfdf solid;height:75px;padding-left:20px;font-size:14px;color:#7a7a7a}
.company_ys{border-top:solid 1px #dfdfdf;padding-top:40px;}
.company_30_hui{height:30px;line-height:30px;font-size:30px;color:#5b5b5b;margin-bottom:40px;}
.company_ys_c{margin-top:40px;padding-bottom:40px;border-bottom:solid 1px #dfdfdf}
.company_ys_c>div{width:380px;}
.company_ys_c>div h4{line-height:30px;font-size:18px;color:#33a1d4;}
.company_ys_c>div p{line-height:30px;font-size:14px;color:#5b5b5b}
.company_ys_bottom{margin-top:40px;margin-bottom:40px;}
.company_ys_bottom li>div,.company_ys_bottom li dl{width:390px;color:#999999;}
.company_ys_bottom li dl dt{line-height:30px;font-size:24px;color:#33a1d4}
.company_ys_bottom li dl dd{margin-bottom:20px;}
/*======p-shzr*/
.shzr-list{margin-top:20px;margin-bottom:40px;}
.shzr-list li{border-top:solid 1px #dfdfdf;padding:30px 10px 10px}
.shzr-list li .sh-img{width:470px;}
.shzr-list li .sh-txt{width:300px;color:#999999}
.shzr-list li .sh-txt h4{line-height:30px;color:#33a1d4;font-size:18px;}
.shzr-list li .sh-txt p{line-height:26px;}
/*======p-case*/
.case-banner{height:124px;width:100%;background:#33a1d4 url(../images/al_banner.jpg) no-repeat center}
.case-banner .w1100{position:relative;height:124px;}
.case-banner .Lotainer{background:none;right:0;left:auto;width:auto;}
.case-search{margin-top:20px;}
.case-search h3{font-size:24px;color:#fff;line-height:50px;}
.case-search input[type="text"]{height:30px;border:3px #5db2db solid;padding:0 10px;width:250px;outline:none}
.case-search button[type="button"]{height:36px;width:100px;background:#5db2db;font-size:16px;color:#fff;padding:0 10px;border:none;cursor:pointer;outline:none}
.filter_container{width:1140px;border:1px solid #e6e9ea;border-bottom:none;margin:30px auto 10px}
.filter_items{border-bottom:1px solid #e6e9ea;height:50px;line-height:50px;background:#fff;}
.filter_label{width:72px;background:#f7fafb;float:left;height:49px;text-align:center;color:#505050}
.filter_list{float:left;padding-left:10px;}
.filter_list a{padding:0 10px;color:#666666;}
.filter_list a.active,.filter_list a:hover{color:#33a1d4}
.p-case-list{width:1150px;margin:auto auto 30px;}
.p-case-list li{border-radius:5px;border:1px solid #e7e7e7;margin:12px 15px;background:#fff;width:254px;box-shadow:inset 0 0 2px #e7e7e7;-moz-box-shadow:inset 0 0 2px #e7e7e7;-webkit-box-shadow:inset 0 0 2px #e7e7e7}
.p-case-img{width:234px;height:175px;padding:10px;overflow:hidden;}
.p-case-img img{transition: all 0.2s linear 0s;}
.p-case-txt{padding:0 10px;margin-bottom:10px;}
.p-case-txt h3{padding-top:10px;line-height:40px;}
.p-case-txt h3 a{color:#545454;font-size:14px;font-weight:normal;}
.p-case-txt p{line-height:30px;padding-left:40px;background:url(../images/txt-p2.png) no-repeat left center;color:#999999;}
.p-case-list li:hover{border-color:#33a1d4}
.p-case-list li:hover .p-case-img img{
	transition: all 0.3s linear 0s;
	-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
@media(max-width: 760px){
  .case-banner{margin-top: 60px;height: 100px;}
  .case-banner .w1100{height: 100px;}
  .case-search h3{font-size: 18px;padding-left: 10px;}
  .Lotainer{font-size: 12px;text-align: left;padding-right: 10px;}
  .p-case-list{width: 100%}
  .p-case-list li{width: calc(50% - 10px);box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;margin: 12px 5px;}
  .p-case-img img{max-width: 100%}
  .p-case-img{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: 115px;}
  .p-case-txt h3{line-height: 34px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
}
/*=====page*/
.p-page{ overflow:hidden; margin:20px auto 40px; text-align:center;}
.p-page a,.page-end,.page-start{ display:inline-block; background:#fff;border:solid 1px #dddede;padding:0 0.5rem;font-family:"微软雅黑";font-size:12px;color:#656565;  height:1.725rem; line-height:1.725rem;}
.p-page a:first-child{padding: 0;border: none}
.p-page b,.page-this{display:inline-block; background:#33a1d4;border:solid 1px #33a1d4;padding:0 0.5rem;font-family:"微软雅黑";font-size:12px;color:#fff; height:1.725rem; line-height:1.725rem;font-weight:normal;margin:0 0px;}
/*=====Advisory*/
#Advisory{height:50px;line-height:50px;background:#7b7b7b;color:#fff;font-size:18px;margin-bottom:40px;}
#Advisory a{display:block;color:#fff;}
#online{background:#fff;}
#online h3{height:60px;line-height:60px;color:#2397D9;font-size:36px;margin-bottom:20px;}
.online-box{width:640px;margin:auto;}
.online-box table{width:640px;}
.online-box table td{padding:5px 0;color:#333;font-size:14px;}
.online-box table td input[type="text"]{width:200px;padding:10px;border:1px #dfdfdf solid;outline:none}
.online-box table td span{color:#eb2626;margin-left:5px;}
.online-box table td textarea{width:538px;height:75px;padding:10px;border:1px #dfdfdf solid;font-size:12px;font-family:'Microsoft YaHei';outline:none}
.online-box table td div input[type="text"]{width:60px;height:16px}
.online-yzm{margin-left:40px;}
.online-yzm img{height:40px;}
.online-box table td button[type="submit"]{display:block;font-size:16px;color:#fff;text-align:center;height:40px;line-height:40px;background:#2397d9;border:none;width:80px;cursor:pointer;}
.online-box table td button[type="submit"]:hover{background:#696969}
.orders{width:640px;margin:40px auto;line-height:24px;font-size:14px;color:#333;}
.orders span{color:#ff601f;font-weight:bold;}
@media(max-width: 760px){
  #online h3{font-size: 26px;}
  .online-box{width: 100%}
  .online-box table{width: 100%}
  .online-box table td input[type="text"]{width:75%}
  .online-box table td textarea{width: 88%}
}
/*=======case-details*/
.case-details{margin-top:40px;margin-bottom:40px;border:1px solid #e7e7e7;padding:30px;overflow:hidden;background:#fff;}
.case-details h2{font-size:24px;padding-bottom:35px;border-bottom:solid 1px #e5e5e5;margin-bottom:30px;}
.details-top{border:1px solid #e7e7e7;padding:20px 20px 10px;background:#f9f9f9;font-size:16px;color:#222;line-height:35px;margin-bottom:20px;}
#content{font-size:16px;color:#3d3d3d;line-height:2;}

.webSiteTitle{width: 100%;height: 40px;margin: 15px 0;}
.webSiteTitle li{ float: left; font-size:16px; margin: 0 5px 0 0;width: 100px;line-height: 40px; height: 40px; text-align: center; }
.webSiteTitle li a{color: #333;display: block;width: 100%;height: 100%;}
.webSiteTitle li a.on{background: #0087c7; border-radius:5px; color: #fff;}

.webColor{ width: 100%;height: 520px;}
.webMiddle{ width: 980px; margin: -450px auto 0;}
.webCase_img{ height: 537px; width: 100%; text-align: center; padding: 28px 0 0 0; background: url(../images/webModule.png) no-repeat center 0;}
.webCase_title{height: 45px; width: 100%; border-bottom: 1px solid #f3f4f6}
.webCase_title h4{float: left; color: #666; line-height: 45px;font-size: 18px;}
.webCase_title a{ width: 100px; color:#0087c7;float: right;display: block;text-indent: 30px; line-height: 45px; background: url(../images/url.png) no-repeat 0 center;}
.webDetail{padding: 20px 0;line-height: 30px; color: #555;}
.webDetail .webDeT,.webScr strong{font-size: 18px;line-height: 45px; color: #555;}
.webPage{ background:url(../images/webTop.png) no-repeat center 0 #f3f4f6; padding: 35px 0 110px 0;}
.webScr{width: 100%; background-color: #f3f4f6;}
.webScr strong{display: block;width:980px;margin: 0 auto;height: 60px;line-height: 60px; text-align: left;}
@media (max-width: 760px) {
  .webMiddle{width: 100%;padding: 0 10px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
  .webCase_img{width: 100%;padding: 28px 12px 120px;background-size: 100% 100%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: auto}
  .webCase_img img,.webPage img{max-width: 100%;height: auto !important}
  .webPage{padding: 35px 10px 30px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
}
/*=======case-web-detais*/
.case-web-detais{margin-top:40px;margin-bottom:40px;}
.web-detais-img{width:600px;height:450px;overflow:hidden;}
.web-detais-txt{width:470px;}
.web-detais-txt h2{margin-top:20px;font-size:24px;color:#333;font-weight:100;margin-bottom:20px;}
.web-detais-js{padding:20px;background:#f0f0f0;line-height:30px;color:#505050;font-size:14px;margin-bottom:20px;}
.web-detais-about{line-height:25px;height:100px;color:#666666;font-size:12px;margin-bottom:15px;}
.web-detais-about b{display:block;color:#33a1d4;font-size:14px;}
.web-detais-link a{width:41px;line-height:41px;background:#33a1d4;transition:0.3s all 0s linear;-webkit-transition:0.3s all 0s linear;-moz-transition:0.3s all 0s linear;-o-transition:0.3s all 0s linear;border-radius:3px;width:260px;text-align:center;color:#fff;display:block;filter:brightness(1);}
.web-detais-link a:hover{border-radius:10px;filter:brightness(1.3)}
.web-detais-fx{margin-top:20px;}
#web-details{background:#fff;}
.web-details-nav{border-top:1px #ececec solid;border-bottom:1px #ececec solid;height:80px;line-height:80px;}
.web-details-nav ul{width:600px;margin:auto;text-align:center;}
.web-details-nav ul li{display:inline-block;width:24%;}
.web-details-nav ul li a{font-size:16px;color:#666666}
.web-details-nav ul li.active{border-bottom:2px #33a1d4 solid}
#web-content h2{height:85px;background:url(../images/anli_xx_nav.png)  no-repeat center;line-height:85px;color:#33a1d4;margin-bottom:20px;}
#web-content .web-content{color:#000;line-height:2;margin-bottom:20px;}
.floor-fixde{position:fixed;left:50%;bottom:240px;width:150px;height:324px;background:#f7f7f7;display:none}
.floor-fixde li{width:150px;height:80px;line-height:80px;text-align:center;font-size:16px;color:#666666;cursor:pointer}
.floor-fixde li{font-size:16px;color:#666666;display:block;}
.floor-fixde li.active,.floor-fixde li:hover{background:#33a1d4;color:#fff;}
/*=====P-news-list*/
.p-news-list{margin-top:40px;}
.p-news-list li{padding:10px 0;height:120px;border-bottom:1px #dfdfdf solid}
.p-news-img{width:180px;height:120px;overflow:hidden}
.p-news-txt{width:600px;height:120px;}
.p-news-txt h2{height:30px;line-height:30px;}
.p-news-txt h2 a{font-size:14px;color:#5b5b5b;}
.p-news-time{font-size:14px;color:#505050;line-height:30px;}
.p-news-time span{padding-left:40px;color:#999999;background:url(../images/txt-p2.png) no-repeat left center;margin-left:40px;}
.p-news-txt p{line-height:25px;color:#505050}
.p-news-list li:hover h2 a{color:#33a1d4}
@media(max-width: 760px){
  .p-news-list li{height: 100px;}
  .p-news-img{width: 160px;height: 100px}
  .p-news-txt{width: calc(100% - 160px);padding-left: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;height: 100px;}
  .p-news-txt h2{height: auto;line-height: initial;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
  .p-news-txt p{    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 20px;color: #999;font-size: 12px;text-indent: 24px}
}
/*======p-news-text*/
.p-news-details{margin-top:50px;}
.p-news-title{font-size:18px;line-height:30px;color:#5b5b5b;}
.p-news-info{padding:10px 5px;color:#999999;border-bottom:1px solid #cccccc;}
.p-news-info span{margin-right:5px;}
.p-news-info a{color:#000;}
.p-news-info a:hover{color:#0e90d2}
.p-news-centent{padding:20px 5px;font-size:16px;line-height:2;color:#505050}
.p-news-centent img{max-width: 100%;height: auto !important}
.p-news-bq{margin:20px auto;}
.p-news-bq>div.pull-left{width:520px;padding-left:10px;overflow:hidden;}
.p-news-bq>div.pull-left span{color:#505050}
.p-news-bq>div.pull-left a{color:#3697DC;margin-right:5px;}
.bdshare{width:240px;padding-left:10px;padding-right:20px;}
.bdshare span{color:#505050}
.bdshare .bdshare-button-style0-24 a{height:24px !important;line-height:24px !important;margin:0 5px 0 0 !important;opacity:0.8 !important;padding:0 !important;width:24px !important;background-image:url(../images/ico_1.png)}
.bdshare .bdshare-button-style0-24 .bds_tsina{background-position:-145px 0 !important;}
.bdshare .bdshare-button-style0-24 .bds_qzone{background-position:-145px -29px !important}
.bdshare .bdshare-button-style0-24 .bds_tqq{background-position:-145px -58px !important}
.bdshare .bdshare-button-style0-24 .bds_renren{background-position:-145px -87px !important}
.bdshare .bdshare-button-style0-24 .bds_sqq{background-position:-145px -261px !important}
.bdshare .bdshare-button-style0-24 .bds_weixin{background-position:-145px -232px !important;}
.bdshare .bdshare-button-style0-24 a:hover{opacity:1 !important}
.p-nextper{margin:10px 0 30px 0}
.p-nextper span{display:block;font-size:12px;color:#3F3F3F;line-height:22px;font-weight:bold;}
.p-nextper span a{font-weight:normal;color:#3F3F3F;font-size:14px;}
.p-nextper span:hover a{color:#33a1d4}
@media(max-width: 760px){
  .p-news-info{font-size: 12px;}
  .p-news-centent{font-size: 14px;}
}
/*=====支付方式*/
.payment{margin:50px auto 20px;}
.payment .container{background:#fff;padding-top:50px;}
.payment-nav{margin-top:20px;overflow:hidden;border:1px #dfdfdf solid;border-left:none;height:60px;line-height:60px;display:inline-block}
.payment-nav a{float:left;width:199px;border-left:1px #dfdfdf solid;text-align:center;font-size:18px;font-weight:bold;color:#5b5b5b}
.payment-nav a:hover,.payment-nav a.active{background:#3da6d6;color:#fff;}
.fkfs-box{margin-top:50px;background:url(../images/line_s.png) left repeat-y}
.fkfs-txt{background:url(../images/line_h.png) top repeat-x}
.fkfs-txt h3{background:url(../images/dian_s.jpg) top left no-repeat}
.fkfs-txt h3 span{width:200px;height:47px;text-align:center;background:#3da6d6;margin-left:32px;line-height:47px;color:#fff;font-size:24px;display:block;}
.fkfs-txt ul{padding:48px 0 48px 140px;clear:both;width:960px;position:relative;}
.fkfs-txt ul li{width:400px;height:240px;border:1px solid #e8e8e8;float:left;margin:0 20px;padding:0 20px;transition:0.3s all 0s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fkfs-txt ul li h4{font-size:18px;color:#333;padding:15px 0}
.bank-logo{margin:10px 0;}
.fkfs-txt ul li p{line-height:30px;color:#666;display:block;}
.fkfs-txt ul li p b{color:#33a1d4}
/*======contact*/
.lxwm-txt{height:340px;margin-left:32px;line-height:30px;padding:10px;}


/*Products*/
.Page-title{font-size:30px;font-weight:normal;color:#33a1d4;margin-top:30px;}
.Page-fitle{font-size:24px;font-weight:normal;color:#33a1d4;opacity:0.2;text-transform:uppercase !important;}
.Page-Products{margin-top:30px;margin-bottom:30px;}
.Page-Products .Page-Products-title{font-weight:normal;font-size:18px;line-height:2;color:#000;padding-bottom:15px;line-height:1}
.Pgae-Products-list{margin-bottom:30px;border-bottom:dashed 1px #dedede;padding-bottom:15px;}
.Pgae-Products-list li{width:25%;padding:10px 10px;margin-bottom:5px;}
.Pgae-Products-list li a{display:block;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.Page-Products-img{display:block;overflow:hidden;position:relative;border-radius:4px 4px 0 0 ;}
.Page-Products-img img{transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.Page-Products-img p{position:absolute;left:0;bottom:-42px;width:100%;background:rgba(0,0,0,0.4);padding:10px;text-align:center;color:#fff;font-size:14px;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;height:42px;}
.Page-Products-txt{border:solid 1px #dedede;border-top:none;padding:10px;text-align:center;font-size:14px;color:#000;transition:all 0.3s linear 0.1s;-webkit-transition:all 0.3s linear 0.1s;-moz-transition:all 0.3s linear 0.1s;-o-transition:all 0.3s linear 0.1s;}
.Page-Products .Pgae-Products-list:last-child{border-bottom:none;}
.Pgae-Products-list li:hover img{transform:scale(1.2)}
.Pgae-Products-list li:hover p{bottom:0}
.Pgae-Products-list li:hover .Page-Products-txt{background:#33a1d4;border-color:#33a1d4;color:#fff;}
.Pgae-Products-list li:hover a{-moz-box-shadow:0px 0px 10px #32a3f3; -webkit-box-shadow:0px 0px 10px #32a3f3; box-shadow:0px 0px 10px #32a3f3;}
.Page-content-txt{margin-top:30px;border-bottom:dashed 1px #dedede;padding-bottom:40px;line-height:2;color:#333}
.Page-content-txt img{max-width: 100%;height: auto !important}
#Main .container .Page-Details:last-child .Page-content-txt{border-bottom:none;}
@media(max-width:760px){
  .Pgae-Products-list li{width: 50%;padding: 5px;}
  .Page-Products-img{border: solid 1px #ddd;border-bottom: none}
  .Page-Details{padding: 0 5px;}
  #Section4 .Page-content-txt{border: dashed 1px #ddd;padding: 10px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;border-radius: 4px;}
}
/**/
#Details-Nav{position:fixed;top:140px;z-index:99;background:#33a1d4;width:100px;border-radius:4px;padding:5px;display:none;margin-left:-150px}
#Details-Nav ul li{line-height:2;text-align:center;}
#Details-Nav ul li a{color:#fff;padding:5px 0;border-radius:4px;border-bottom:solid 1px rgba(255,255,255,0.2);display:block}
#Details-Nav ul li a.active{background:#83c6f6}
.Details-nav-top{line-height:30px;padding:5px 0;cursor:pointer;color:#fff;font-family:SimSun;font-size:25px;height:30px;position:relative}
.Details-nav-top span{transform:rotate(-90deg);position:absolute;left:50%;top:0;display:block;line-height:44px;width:12px;margin-left:-6px;}
#Details-Nav.active{display:block;}

.right_silderbar { position: fixed; bottom:100px; right: 0; width: 92px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.right_silderbar ul { list-style: none; margin: 0; padding: 0;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.right_silderbar li { width: 100%; height: 100px;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.right_silderbar li.qq { background-image: url(../images/qq.png); background-color: #ffc602; }
.right_silderbar li.qq:hover { background-color: #ffae00; }
.right_silderbar li.qq a { width: 100%; height: 100%; display: block; }
.right_silderbar li.totop { background-image: url(../images/totop.png); background-color: #313131; display: none; }
.right_silderbar li.totop a { width: 100%; height: 100%; display: block; }
.right_silderbar li.totop:hover { background-color: #000; }

@media (min-width: 768px) {
  .Header-nav,.Header-tel,#Footer-button{display: none}
}
@media(max-width:760px){
  .Header-nav,.Header-tel{display: block}
  .Header-tel{margin-right: 15%;margin-top: 20px;float: right}
  .Header-tel a{font-size: 1.4rem;color: red;line-height: 1}
  /*Header button*/
  .Header-button{margin-right:2%;margin-top:8px;position:absolute; height:46px;width:24px;cursor:pointer;right: 0}
  .Header-button:after,.Header-button:before{position:absolute;left:0;width:100%;height:2px;background:#000;content:"";transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
  .Header-button:after{bottom:13px;}
  .Header-button:before{top:13px;}
  .Header-button span{display:block;height:2px;width:100%;background:#000;position:absolute;top:50%;left:0;border-radius:2px;margin-top:-1px;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;}
  .Header-button.active:after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;left:5px;bottom:13px;}
  .Header-button.active:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform-origin:0 100%;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;-moz-transform-origin:0 100%;-o-transform-origin:0 100%;top:13px;left:5px;}
  .Header-button.active span{opacity:0}
  /*Phone nav*/
  .Header-nav{position: fixed;left: -150%;top: 0;background: #fff;width: 50%;height: 100%;z-index: 1000;-moz-box-shadow:3px 0px 6px #E0E0E0; -webkit-box-shadow:3px 0px 6px #E0E0E0; box-shadow:3px 0px 6px #E0E0E0;padding: 5%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;overflow-y: auto;transition:ease 0.5s;-webkit-transition:ease 0.5s;-moz-transition:ease 0.5s;-o-transition:ease 0.5s;visibility: hidden;opacity: 0}
  .Header-logo{margin-bottom: 20px}
  .Header-logo img{max-width: 100%}
  .Header-menu{border-top:solid 1px #efefef;padding-top: 20px;text-align: center}
  .Header-menu a{display: block;font-size: 14px;color: #333;line-height: 34px}
  .Header-menu a:hover,.Header-menu a.active{color: red}
  .Header-code{position: absolute;bottom: 2%;left: 0;text-align: center;font-size: 12px;color: #999;line-height: 2;width: 100%}
  .Header-code img{display: block;margin: auto}
  .Header-nav.active{left: 0;visibility: visible;opacity: 1}
  /* Footer Button */
  #Footer-button{height:60px;background:#fdbb02;border-top:solid 1px #eaad03;z-index: 9;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 10}
  #Footer-button a{border-top:solid 1px #eaad03;border-right:solid 1px #fdd462;height:60px;border-left:solid 1px #fdd462;text-align:center;overflow:hidden;width: 33.33%;float: left;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
  #Footer-button a i.Yc-icon{line-height:30px;height:30px;color:#fff;font-size:24px;margin-top:5px;display:block}
  #Footer-button a span{font-size:14px;color:#fff;}
  /*Main*/
  #Main{max-width: 100%;overflow-x:hidden}
  /*.right_silderbar*/
  .right_silderbar{width: 50px;}
  .right_silderbar li{height: 50px;background-size: contain}
}