
body { margin: 0; padding: 0; font-size: 13px; background: #F6F6F6; }
.tel{font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;letter-spacing: 1px;}
i{font-style:normal;}
img {vertical-align:middle;max-width:100%;}
.clearfix:after, .container:after { content: ""; display: block; height: 0; clear: both; overflow: hidden; }
.clear { clear: both; }
.m-t-2{margin-top: 10px;}
.m-t-b-2{margin-top:10px;margin-bottom:10px;}
.m-t-b-3{margin-top:15px;margin-bottom:15px;}
.m-l-r-2{margin-left:10px;margin-right:10px;}
.m-l-2 { margin-left: 10px; }
.container { width: 1200px; margin-left: auto !important; margin-right: auto !important; position: relative;display:block; }
.prop-box { position: relative; overflow: hidden; }
.pb-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#wrapper { min-height: 100%; position: relative; min-width: 1200px;}
header { background: #fff;}
 
.header-top { height: 100px; position: relative;padding:0 280px 0 160px; background: #fff url(../imgs/home-top-bg.jpg) no-repeat 460px -2px/290px auto; }
.header-logo { position: absolute; left: 0; top: 15px; }
.header-logo img{height:75px;}
.header-center { float: left; margin: 18px 0 0 45px;padding:1px 0 0 20px; border-left:1px solid #BCBCBC; line-height: 1.6;letter-spacing: 1px;position:relative;font-size:15px;}
.header-center p{font-size: 27px; color: #003399;float:left;letter-spacing: 2px;} 
.header-center li{float:left;margin-right:15px;line-height: 1.1;}
.header-center .special{color:#FF0000;}
.header-center img{position: absolute;right:-405px;top:-27px;}

.header-tel { position: absolute; right: 0; top: 20px; height: 60px; padding-left: 55px; background: url(../imgs/hot-tel.png) no-repeat left center/auto 60px; line-height: 1.2;}
.header-tel p { font-size: 15px; color:#666;}
.header-tel p b{color:#FF0000;}
.header-tel h2 { font-size: 30px; color: #006ad5;margin-top:3px;}

 
.header-nav{background:#006ad5 url(../imgs/tit-bg.jpg);}
.header-nav li { float: left; width: 14.2857%; text-align: center; color: #fff; }
.header-nav .last-item a { border-right: 1px solid #62ADF7;background:#EA5501 }
.header-nav a { color: inherit; display: block; height: 100%; height: 45px; line-height: 45px; border-left: 1px solid #62ADF7; border-color: rgba(255,255,255,.36) !important;font-size:1.1em; }
.header-nav li:hover, .header-nav li.active { background: #054DB4; }
.nav-icon { height: 26px; width: 26px; display: inline-block;vertical-align: middle; margin-right: 7px; background: url(../imgs/cart.png) no-repeat center center/cover; } 
.nav-icon.home { background-image: url(../imgs/home.png);opacity: .86; }
.header-nav.fixed{position:fixed;left:0;top:0;width:100%;z-index:99999;opacity:.92;}
.home-slide { z-index: 1; position: relative; }
.home-slide .pb-stake { margin-top: 31%; }
.home-slide .swiper-wrapper { height: 100%; z-index: 2; }
 
.swiper-slide { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; position: relative; text-align: center; overflow: hidden; }
.home-slide .swiper-slide { background-color: #62ADF7 }
.home-slide .swiper-pagination { position: absolute; bottom: 26px; left: 0; width: 100%; text-align: center; z-index: 3; }
.home-slide .swiper-pagination-bullet { display: inline-block; margin-right: 15px; width: 135px; height: 3px; background-color: #fff; background: rgba(255,255,255,.35); cursor: pointer; }
.home-slide .swiper-pagination-bullet-active { background: #FF0000; }

.home-slide-buttons { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.home-slide-buttons .container { position: relative; height: 100%; }
.home-slide-buttons a { display: block; position: absolute; top: 50%; margin-top: -35px; width: 24px; height:41px; z-index: 3; background: url(../imgs/white-arrow.png) no-repeat left top; left: -10px; opacity: .58; transition: all .5s; }
.home-slide-buttons .next {  background-position:-24px 0; left: auto; right: -10px; }
.home-slide-buttons a:hover { opacity: .95; }

.search{background:#EDFAFF;padding:5px 0;line-height: 31px;border-bottom: 1px solid #B9E0FF;}
.search-keywords{float:left;}
.search-keywords b{font-size:15px;color:#0552BC;font-weight: bold;}
.search-keywords a{margin-left:12px;color:#0448A9;}
.search-input{float:right;border:1px solid #A0C6FA;padding-right:60px;height:30px;width:460px;background: #fff;position: relative;}
.search-input input{border:none;display: block;height:100%;width:90%;outline:none;margin-left:5%;}
.search-input .btn{position: absolute;right:0;top:0;height:100%;width:60px;background:#1C74D8 url(../imgs/fdj.png) no-repeat center center;cursor:pointer;border:none;outerline:none;}
.search-input .btn:hover{background-color:#EA5501;}

.product-section{background:url(../imgs/advbg02.jpg) no-repeat center bottom/cover;padding:10px 0 135px 0;}
.products-aside{float:left;width:264px;}
.products-aside-top{background:#096FD4 url(../imgs/tit-bg.jpg);padding:5px 7px 20px;width:250px;margin-bottom: 10px;}
.products-aside-title{text-align: center;padding:11px 0 18px;position:relative;overflow:hidden;}
.products-aside-title h2{color:#fff;font-size:22px;letter-spacing: 5px;position:relative;z-index:2;}  
.products-aside-title p{color:#fff;font-size:12px;margin-top: 3px;text-transform:capitalize;letter-spacing: 1px;opacity:.9;text-transform:uppercase;}
.products-aside-title i{position:absolute;left:0;top:0;font-size:70px;color:rgba(255,255,255,.35);}
.products-aside-main{background:#fff;padding:0 0 5px;}
.home-products-aside .products-aside-main{min-height: 660px;}
.products-aside-categories{padding:7px;}
.products-aside-categories li{margin-bottom: 7px;}
.products-aside-categories a{background:#0F79E3 url(../imgs/list-arrow.png) no-repeat 12px center;color:#fff;font-size:14px;height:41px;line-height: 41px;padding:0 25px 0 29px;display: block;position:relative;}
.products-aside-categories .active a,.products-aside-categories a:hover{background-color:#EA5501;background-image:url(../imgs/list-arrow-white.png) }
.products-aside-categories i{position: absolute;top:0;right:15px;}

.products-aside-view-all{display: block;height: 43px;line-height: 43px;background-color: #EA5501;color: #fff;width: 88%;margin: auto;position: relative;font-size: 15px;text-align: center;margin-bottom:10px;}

.products-aside-bottom{color:#fff;text-align: center;padding:20px 20px 20px;background:url(../imgs/aside-left.png) no-repeat 5px bottom/90px auto;}

.products-aside-kh{text-align: center;margin-bottom: 15px;}
.products-aside-kh h3{font-size:23px;color:#FFFF03;font-weight: bold;}
.products-aside-kh .line-text{margin-top: 7px;position: relative;}
.products-aside-kh .line-text p{position: relative;display: inline-block;line-height: 25px;z-index:1;padding:0 10px;background:#006ad5;font-size:14px;}
.products-aside-kh .line{border-top:1px solid #fff;position: absolute;top:55%;left:5%;width:90%;z-index:0;}
 
.products-aside-tel .tel{font-size:30px;margin-top: 3px;}

.home-products{float:left;margin-left:10px;width:926px;}
.home-products-header{background:#0D6CD1 url(../imgs/tit-bg2.jpg);height:43px;line-height: 43px;color:#fff;}
.home-products-header h2{background:#EA5501;height:43px;padding:0 45px 0 25px;float:left;font-size:17px;}
.home-products-header .more{float:right;margin-right: 15px;}

.home-products-list{padding:10px 10px 0;border:1px solid #ccc;border-top:none;}
.home-products-list li{float:left;width:32.3333%;margin:0 1.5% 1.5% 0;text-align:center;background:#fff;}
.home-products-list li:nth-child(3n){margin-right: 0;}
.home-products-list .pb-stake{margin-top: 80%;}
.home-products-list .txt{border:1px solid #ddd;}
.home-products-list h3{font-size:16px;line-height: 2.5;color:#333;}
.home-products-list h3 i{color:#EA5501;}

.abs-box{position: absolute;top:0;left:0;width:100%;height:100%;}
.home-ad-1{position: relative;color:#fff;height:195px;
  background:url(../imgs/test.jpg) no-repeat center top/cover;
}
.home-ad-content{padding-left:295px;position:relative;}
.home-ad-content .logo{
  position:absolute;left:0;top:0;
  width:288px;
}
.home-ad-content h2{margin-top:35px;width:530px;height:38px;background:url(../imgs/tansuo.png) no-repeat left top;overflow:hidden;text-indent:-99em;}
.home-ad-content h3{font-size:21px;margin: 13px 0 10px;border:1px dashed #fff;border-color:rgba(255,255,255,.7);display:inline-block;padding:5px 10px;letter-spacing: 2px;font-family: '宋体';}
.home-ad-content h3 b{color:#FEEC1E}
.home-ad-content li{float:left;margin-right:25px;font-size:16px;}
.home-ad-content li i{font-size: 1.2em;margin-right: 3px;}
.home-ad-tel{position: absolute;right:0;top:20px;font-size:14px;padding:10px 0 0 70px;}
.home-ad-tel img{position: absolute;top:0;left:0;width:55px;}
.home-ad-tel .tel{font-size:30px;color:#fff;}

.youshi-tit{margin-top:-138px;background:transparent url(../imgs/st.png) no-repeat center top;height:270px;position: relative;z-index:2;}
.youshi{background:url(../imgs/ysbg.jpg) no-repeat center center/cover;padding:15px 0 35px;}
 
.youshi-item{padding-bottom: 10px;}
.youshi-item h3{font-size:28px;font-weight: bold;background:url(../imgs/ys-tit-line.gif) repeat-x left bottom;padding-bottom:13px;margin-bottom: 5px;color:#1C74D8;}
.youshi-item h3 b{display:inline-block;background:#E86A00;color:#fff;width:45px;height: 45px;line-height: 45px;border-radius:50%;text-align:center;margin-right:8px;font-family: "Impact","Arial";}
.youshi-content div,.youshi-content p{border-bottom:1px dashed #ccc;padding-bottom:5px;line-height: 2;background:url(../imgs/list-arrow.png) no-repeat 3px 9px;padding-left:20px;font-size:15px;margin-bottom: 5px;color:#555;}
.youshi-content div b,.youshi-content p b.youshi-content div strong,.youshi-content p strong{color:#EA5501;font-weight:bold;}
.youshi-group-right-img{padding-right:520px;position: relative;}
.youshi-group-right-img .youshi-img{position: absolute;right:0;top:10px;width:420px;padding-left:50px;border-left:1px dashed #ccc;}

.youshi-group-left-img{padding-left:520px;position: relative;margin-top: 15px;}
.youshi-group-left-img .youshi-img{position: absolute;left:0;top:10px;width:420px;padding-right:50px;border-right:1px dashed #ccc;}

.product-slider{background:url(../imgs/slidebg.jpg) no-repeat center bottom/cover;}
.product-slider li{width:265px;margin-right: 20px;height:310px;}
.pro-slide-bg{height:45px;background-repeat: no-repeat;background-position: center center;background-size:cover;color:#fff;text-align:center;font-size:15px;line-height: 45px;}
.pro-slide-bg.top-bg{background-image:url(../imgs/pro-slide-top.png);}
.pro-slide-bg.bottom-bg{background-image:url(../imgs/pro-slide-bottom.png);}

.marquee-container{overflow:hidden;}
.marquee-container ul{float:left;}
.marquee-container .box{width:9999px;}
.marquee-container li{float:left;}
 
.pro-slide-img{height:220px;background:#fff;text-align: center;overflow:hidden;display:block;}
.pro-slide-img img{height:100%;}

.home-news-questions{padding:25px 0 25px;background:#fff;}
.home-news{float:left;width:57.5%;margin-right: 3%;} 
.home-questions{float:left;width:39.5%;}

.home-section-tit{background:#0074ED;color:#fff;margin-bottom: 20px;padding:13px 10px;text-transform: uppercase;}
.home-section-tit h2{border-left:3px solid #E86A00;padding-left:10px;line-height: 17px;font-size:17px;float:left;letter-spacing: 1px;}
.home-section-tit h2 span{margin-left: 15px;opacity: .85;font-size:15px;letter-spacing: 2px;}
.home-section-tit .more{float:right;}

.home-section-right-tit{color:#006ad5;margin-bottom: 20px;text-transform: uppercase;border-bottom:1px dashed #ccc;padding-bottom:7px;}
.home-section-right-tit h2{border-left:3px solid #006ad5;padding-left:15px;line-height: 35px;font-size:22px;float:left;font-weight:bold;}
.home-section-right-tit h2 span{margin-left: 15px;color:#999;font-size:15px;font-weight:normal;}
.home-section-right-tit .more{float:right;width:70px;height:30px;background:#F2A203;color:#fff;line-height: 30px;text-align:center;}

.top-news{padding-bottom: 22px;margin-bottom: 8px;border-bottom:1px dashed #bbb;}
.top-news-img{float:left;margin:0 20px 0 0;width:260px;height:150px;overflow:hidden;}
 
.top-news h3 a{color:#333;font-size:16px;}
.top-news h3 a:hover{color:#006ad5;}
.top-news p{color:#888;margin:10px 0;line-height: 2.2;}

.top-news .more{float:left;width:100px;height:35px;line-height: 35px;color:#fff;background:#037CFC;text-align: center;}
.top-news .date{float:right;color:#888;line-height: 35px;}
.top-news .date i{margin-right:3px;}

.home-news li{line-height: 25px;padding:0 120px 7px 23px;margin-bottom:8px;position: relative;background:url(../imgs/list-arrow-gray.png) no-repeat 5px 7px;border-bottom:1px dashed #ddd;}
.home-news li a{color:#555;}
.home-news li span{position: absolute;right:0;top:0;color:#999;}
.home-news li i{margin-right:3px;}
 
.home-questions li{padding-bottom:12px;margin-bottom: 12px;border-bottom:1px dashed #ccc;}
.home-questions ul li:last-child{border-bottom: none;margin-bottom: 0;}
.home-questions li h3{padding-left:36px;background:url(../imgs/que.jpg) no-repeat 0 2px;line-height:1.8;margin-bottom: 10px;font-size:15px;}
.home-questions li p{padding-left:36px;background:url(../imgs/ans.jpg) no-repeat 0 2px;color:#888;line-height: 2.2;}

.home-about-contact-projects{padding:15px 0 55px;background:url(../imgs/home-bot.jpg) no-repeat center bottom/cover;}
.home-about-contact-projects .about{float:left;width:61.5%;margin-right: 3%;} 
.home-about-contact-projects .contact{float:left;width:35.5%;}

.home-about-main{padding-left:285px;position:relative;}
.home-about-img{width:270px;position:absolute;left:0;top:0;}
 
.home-about-main h3{color:#006ad5;font-weight:bold;font-size:17px;}
.home-about-main p{line-height: 2.5;color:#555;margin-top:8px;text-indent:2em;}
.home-about-labels{margin-top: 13px;height:20px;border-bottom:1px solid #3193FF;padding-left:35px;}
.home-about-labels li{float:left;width:68px;border-radius:50%;height:39px;line-height:39px;font-size:15px;background:#3E98FF;color:#fff;text-align:center;margin-right:35px;}
.home-about-labels li:nth-child(2),.home-about-labels li:nth-child(4){background-color:#F2A203;}
.home-contact{margin-top: 8px;}
.home-contact p{line-height: 2.1;font-size:15px;color:#666;} 
.home-contact b{color:#333;}

.case-slider{margin-bottom: 25px;}
.case-slider li{width:255px;margin-right: 15px;text-align:center;}
.case-slider li .item-inner{border:1px solid #ddd;}
.case-slider .img{overflow:hidden;display:block;height:208px;}
.case-slider .txt{padding:5px 10px 10px;}
.case-slider li h3{font-weight:bold;margin:5px 0 5px;font-size:15px;color:#333;}
.case-slider p{color:#666;line-height: 1.6;}

.section-title { position: relative; text-align: center; padding: 15px 0 25px; } 
.section-title h2 { font-size: 26px; color: #555;letter-spacing: 2px; }
.section-title h2 b { font-weight: normal; color: #0058B2; }
.section-title.title-mt-larger{margin-top:25px;}
.section-title-line {height:1px;background-color:#E0E0E0;position:relative;margin-top: 18px; }
.section-title-line i{position:absolute;left:50%;width:100px;background:#1281FF;height:4px;top:-1px;margin-left:-50px;}


.banner {
    height: 320px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    background-color: #0055b9;
    color: #003399;
}
.banner-about{background-image:url(../imgs/about-bg.jpg);}
.banner-contact{background-image:url(../imgs/contact-bg.jpg);}
.pro-banner {
    height: 480px;
    background-position: center bottom;
}
.banner-text {
  margin-top: 80px;
  letter-spacing: 2px;
  text-align: center;
}
.banner-text h2 {
  font-size: 30px;
  letter-spacing: 3px;
  margin: 10px 0 18px;
}
.banner-text h2 b{color:#FF0000;}
.banner-text p {
  font-size: 15px;
}

.pro-list{margin-top: 15px;}
.pro-list li{margin-bottom:20px;padding:0 15px 20px;border-bottom:1px solid #ddd;} 
.pro-list li:last-child{margin-bottom: 0;border-bottom:none;}
.pro-list a{display:block;}
.pro-list .img{width:300px;height:205px;overflow:hidden;background:#D6F0FF;float:left;}
.pro-list .right{float:right;width:565px;}

.pro-list h3 { font-size: 21px; margin: 5px 0 10px; border-bottom: 1px solid #ddd; padding-bottom: 15px; color: #0064DB;font-weight:bold; }
.pro-list a:hover h3{color:#EA5501;}
.pro-list .line{height:20px;width:3px;background:#2774D6;margin-right:8px;display:inline-block;vertical-align:middle;}
.pro-list li:hover .line{background-color:#EA5501;}
.pro-list p { color: #555; line-height: 2.2;word-break:break-all;max-height:90px;min-height:50px;overflow: hidden; }
.pro-list-btns{margin-top:15px;}
.pro-list-btns .btn{float:left;width:140px;height:35px;line-height:35px;text-align:center;color:#fff;font-size:1.1em;background:#FF0000;}
.pro-list-btns .view-more{background:#086AE0;margin-right:15px;}


.media-list li{float:left;width:32%;margin:0 2% 2% 0;}
.media-list li:nth-child(3n){margin-right:0;}
.media-list li .img{height:220px;overflow:hidden;}
.media-list .img img{min-height:100%}

.media-list h3 { font-size: 16px; margin: 10px 0 8px; border-bottom: 1px solid #ddd; padding-bottom: 8px; color: #333; }
.media-list a:hover h3{color:#1564CE;}
.media-list .line{height:20px;width:3px;background:#2774D6;margin-right:6px;display:inline-block;vertical-align:middle;}
.media-list p { color: #777; line-height: 2; }


.aside{float:left;width:260px;}
.inner-page-right{float:right;width:920px;padding-bottom:10px;}
.inner-page-main{border:1px dotted #ccc;background:#fff;}

.title-location{padding: 10px 15px 8px 15px; line-height: 25px;border-bottom:1px dotted #ccc;line-height: 25px;background:#F2FAFF;border-top:3px solid #0376F7;position: relative; }
.title-location .red-line{position: absolute;left:0;top:-3px;width:155px;background:#EA5501;height:3px;}
.title-location h2{float:left;font-size:16px;color:#0166D8;font-weight:bold;letter-spacing: 1px;}
.title-location h2 i{font-size:1.3em;margin-right:3px;}
.location {float:right;font-size:14px;}
  
.location i{margin-right:3px;color:#FF6600;font-size:1.2em;}
.location a{margin-right:9px;color:#333;}
.location span{color:#666;}
.location img{margin-right:9px;}
 
.main-content{padding:15px;background:#fff;line-height: 2.2;}
.main-content p{margin-bottom: 10px;font-size:14px;}
 
.main-content h3,.main-content h2,.main-content h4{font-size:1.2em;font-weight:bold;}
 
.inner-ad{margin:15px 0;}

.inner-page-section{border:1px solid #ddd;margin-top: 15px;background:#fff;}
.inner-page-section .title{font-size:15px;color:#0166D8;padding:0 10px;background:#E8F7FF;line-height: 1.2;padding:11px 10px;border-bottom:1px solid #ddd;position:relative;}
.inner-page-section .title h3{font-weight:bold;letter-spacing: 1px;}
.inner-page-section .title span{display: inline-block;border-left:3px solid #FA8B31;padding-left:10px;}
.inner-page-section .title .more{position: absolute;right:15px;top:9px;}

.inner-news{padding:5px 15px 10px 15px;}
.inner-news li{float:left;width:49%;margin-right: 2%;line-height: 43px;border-bottom:1px dotted #ccc;background: url(../imgs/list-arrow.png) no-repeat 5px 15px;}
.inner-news a{display:block;padding-left:25px;}
.inner-news a:hover{color:#086AE0}
.inner-news li:nth-child(2n){margin-right: 0;}

.aside .header{height:50px;line-height: 50px;color:#fff;background:#0166D8;padding-left:15px;}
.aside .header h3{font-size:18px;}
.aside .header h3 i{font-size:1.2em;margin-right: 3px;}
.aside-menu{background:#fff;border-top:1px solid #0062CE;border-bottom:30px solid #1574EA}
.aside-menu li{height:46px;line-height: 46px;border-bottom:1px solid #318BFF;padding-left:30px;background:#1574EA url(../imgs/list-arrow.png) no-repeat 13px 17px;color:#D1E8FF;position: relative;}
.aside-menu li.active{background-color:#EDF7FF;color:#0166D8}
.aside-menu a{display:block;height:100%;color:inherit;}
.aside-menu li:hover:not(.active){color:#EA5501}
.aside-menu a{display:block;height:100%;color:inherit;font-size:14px;}
.aside-menu li i{position:absolute;right:15px;top:0;color:#8ECBFF}
.aside-menu li.active i{color:#0166D8;}

.aside-section{border:1px solid #ddd;margin-top: 10px;}
.aside-section h3{font-size:15px;color:#fff;padding:0 10px;background:#2786FF;line-height: 1.2;padding:13px 10px;border-bottom:1px solid #ddd;}
.aside-section h3 span{display: inline-block;border-left:3px solid #FA8B31;padding-left:10px;}
.aside-section ul{background:#fff url(../imgs/aside-bg.png) no-repeat center center/45% auto;}
.aside-section li{line-height: 43px;padding-left:30px;background:url(../imgs/list-arrow.png) no-repeat 13px 17px;border-bottom:1px dashed #ccc;position:relative;}
.aside-section li i{position: absolute;right:15px;top:0;}
.aside-section li a{display:block;height:100%;font-size:14px;color:#333;}
.aside-section li:hover{color:#0166D8;background-color:#F2FCFF;background-image:url(../imgs/list-arrow-blue.png)}
.aside-section li:last-child{border-bottom: none;}
.aside-section-inner{padding:5px 10px;background:#fff;}


.aside-about-text{margin-top: 10px;background:#fff url(../imgs/aside-contact-bg.jpg) no-repeat center center/100% auto;}
.aside-about-text p{line-height: 2.1;color:#666;border-bottom:1px dashed #ccc;padding-bottom:5px;margin-bottom:5px;font-size:14px;}
.aside-about-text p b{color:#666;font-weight:bold;}
.aside-about-text p:last-child{border:none;}

#contact-us{position:fixed;right:0;top:150px;background:#158EF0;width:150px;z-index:99;color:#fff;}
#contact-us .title{text-align:center;padding:10px 10px 0 10px;}
#contact-us .title h3{font-size:18px;font-weight:bold;letter-spacing:2px;}
#contact-us .title p{opacity:.65;font-size:9px;}
#contact-us .body{margin:5px;background:#fff;padding:10px 7px;color:#555;}
#contact-us .qq{display:block;height:29px;line-height:29px;background:#158EF0;color:#fff;margin:10px 0;text-align:center;}
#contact-us .wx p{color:#666;text-align:center;margin-top:6px;}
#contact-us .tel-title{margin:8px 0 5px;}
#contact-us .tel-title img{height:18px;margin-right:3px;position:relative;top:-1px;}
#contact-us .tel{font-size:16px;color:#0076D6;font-weight:bold;}


#toolbar { position: fixed;  left: -150px; top: 150px; z-index: 9999; }
#toolbar li { height: 60px; width: 208px; margin-bottom: 4px; clear: both; }

#toolbar a { display: block; height: 100%; position: relative; transition: left .5s; left: 0; background: #f2f2f2; }
#toolbar .button { float: right; width: 58px; height: 60px; background: #1C74D8; color: #fff; text-align: center; transition: all .35s; }
#toolbar li:hover .button { opacity: .8; }
#toolbar .icon { width: 35px; height: 32px; margin: auto; background-repeat: no-repeat; background-position: center center; margin-top: 3px; }
#toolbar .text { float: left; width: 126px; padding: 7px 9px; font-size: 1.15em; }
#toolbar .text p { line-height: 1.5; }
#toolbar .text .en { text-transform: uppercase; color: #FF7C0F; font-size: .9em; }

#toolbar .zx { background: #B7C91F; }
#toolbar .qq { background: #148DEA; }
#toolbar .wx { background: #6CBF34; }
#toolbar .dz { background: #E0125D; }
#toolbar .rx { background: #292929; }

.go-top { cursor: pointer; }

.zx .icon { background-image: url(../imgs/toolbar/kf.png); }
.qq .icon { background-image: url(../imgs/toolbar/qq.png); }
.wx .icon { background-image: url(../imgs/toolbar/wx.png); }
.dz .icon { background-image: url(../imgs/toolbar/map.png); }
.rx .icon { background-image: url(../imgs/toolbar/tel2.png); }
.go-top .icon { background-image: url(../imgs/toolbar/top.png); }

#toolbar a:hover { left: 150px; }
#toolbar a.address:hover { left: 0; }

#toolbar .weixin { position: relative; }
#toolbar .weixin-image { position: absolute; left: 0; top: 0; opacity: 0; border: 1px solid #ddd; transition: opacity .5s; width: 110px; }
#toolbar li:hover .weixin-image { left: 105%; opacity: 1; }


footer { background: #15437E; color: #6AA2E0; }
footer .container { position: relative; height: 155px; padding-top: 25px; }
footer a { color: #6FAAF0; }
.footer-left { float: left; width: 990px; }
.footer-tel { float: left;padding-left:150px;background:url(../imgs/bot-logo.png) no-repeat left center/auto 55px; height:55px;}
.footer-tel p { margin-bottom: 0;font-size:1.1em; color:#CBE5FF;}
.footer-tel strong { font-size: 1.8em; color: #AAD1FF;font-weight:normal; }
.footer-link { float: left; margin-left: 20px; margin-top: 35px; }
.footer-link li { float: left; margin-right: 20px; }

footer .copyright { float: left; border-top: 1px dotted #4B81BC; line-height: 3.5; color: #6AA2E0; width: 100%; margin-top: 10px; }
footer .copyright a { margin-left: 10px; }
footer .copyright span{margin-right: 10px;}

.footer-right { float: right; position: relative; margin-top: 36px; width: 130px; }
.footer-right p { margin-bottom: 6px; }
.footer-right a { font-size: 1.1em; }
.footer-right .consult { position: absolute; right: 0; top: 5px; width: 39px; height: 39px; line-height: 36px; border-radius: 50%; background: #EAB400; text-align: center; font-size: 1.3em; color: #fff;}
  
.pagination-container{text-align:center;}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 4px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
      font-size:14px;
    position: relative;
    float: left;
    padding: 8px 17px;
    margin-left: -1px;
    line-height: 1.5;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
  }
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
  }
  .pagination > .disabled > span,
  .pagination > .disabled > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }

  #map{height:380px;margin:10px 0 10px 0;}
 
.contact-info li{margin-bottom:6px;padding-bottom:6px;border-bottom:1px dotted #ccc;}
.contact-info li strong{font-weight:bold;}
 
.pro-deail-top{padding:15px 10px 10px 15px;} 
.pro-deail-top .img{float:left;width:290px;margin-right:20px;border:1px solid #ddd;}
.pro-deail-top .desc{float:left;width:580px;}
.pro-deail-top h2{font-size:28px;color:#0362C1;line-height:1.8;}
.pro-deail-top p{line-height:2;color:#666;margin-top:6px;font-size:15px;}
.pro-deail-top h3{font-size:15px;line-height:1.5;}
.pro-deail-top h3 a{font-size:1.8em;color:#FF0000;font-family:"Arial Narrow",HELVETICA;font-weight:bold;}
.pro-deail-top .consult a{display:block;width:200px;height:41px;line-height:41px;text-align:center;margin-top:25px;color:#fff;background:#2C83F7;font-size:15px;}
.pro-deail-top .consult .van-icon-service-o{font-size:1.2em;}
.pro-detail{padding:0 10px 10px;}
.pro-detail-tab{border-bottom:1px solid #2C83F7;margin:10px 0 10px 0;}
.pro-detail-tab span{display:block;width:180px;height:38px;line-height:38px;text-align:center;color:#fff;background:#2C83F7;font-size:14px;}

.pro-detail-content{line-height:2.2;padding-bottom:10px;}
 .no-data{font-size:16px;padding:20px 15px 35px;}
.scale-image img { animation: bgbg 8s linear infinite alternate both; -webkit-animation: bgbg 8s linear infinite alternate both; }


.media-list li{float:left;width:32%;margin:0 2% 2% 0;}
.media-list li:nth-child(3n){margin-right:0;}
.media-list li .img{height:220px;overflow:hidden;}
.media-list .img img{min-height:100%}

.media-list{padding:15px 15px;}
.media-list h3 { font-size: 16px; margin: 10px 0 8px; border-bottom: 1px solid #ddd; padding-bottom: 8px; color: #333; height:1.5em;overflow:hidden;line-height: 1.7}
.media-list a:hover h3{color:#1564CE;}
.media-list .line{height:20px;width:3px;background:#2774D6;margin-right:6px;display:inline-block;vertical-align:middle;}
.media-list p { color: #777; line-height: 2; }

.news-list li{margin:0 0 15px 0;padding-bottom:15px;border-bottom:1px dotted #ccc;} 
.news-list li .img{height:200px;overflow:hidden;float:left;width:260px;}
.news-list .img img{min-height:100%}

.news-list .txt{float:right;width:606px;}

.news-list{padding:15px 15px;}
.news-list h3 { font-size: 18px; margin: 3px 0 10px; border-bottom: 1px solid #ddd; padding-bottom: 12px; color: #333; }
.news-list a:hover h3{color:#1564CE;}
.news-list .line{height:20px;width:3px;background:#2774D6;margin-right:8px;display:inline-block;vertical-align:middle;}
.news-list p { color: #666; line-height: 2.2;font-size:15px;height:65px;overflow:hidden; }
.news-list .txt-bot{margin-top: 22px;position: relative;font-size:14px;color:#555;}
.news-list .txt-bot img{position: absolute;right:10px;top:10px;}


.article { background: #fff; margin:0 0 25px; }
.article-header { text-align: center; }
.article-header h1 { font-size: 23px; margin: 5px 0 10px; color: #333; font-weight: bold; }
.article-info { border-bottom: 1px dotted #ccc; margin: 0 auto 25px; padding-bottom: 20px; position: relative; }
.article-info .item { margin-right: 15px; color: #666; }
.article-info .fa { margin-right: 3px; }


.article-body { line-height: 2; }
.article-body p { margin-bottom: 10px; }

.article-footer { border-top: 1px solid #ddd; margin: 25px 0 0; padding-top: 22px; text-align: center; }
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more { float: none !important; }

.qa-list{padding:20px 15px 10px;}
.qa-list li{margin-bottom:15px;padding-bottom:15px;border-bottom:1px dotted #ccc;} 
.qa-list li h3{font-size:16px;}
.qa-list li a:hover h3{color:#0166D8;}
.qa-list li .info{margin-top: 15px;color:#888;}
.qa-list li a{display:block;position:relative;} 
.qa-list li img{position: absolute;right:10px;top:10px;opacity:.6;}

@keyframes bgbg {
    0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
    100% { transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); }
}

@-webkit-keyframes bgbg {
    0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
    100% { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); }
}

 