body,html{height:100%; font-family:"微软雅黑";}
body{ background:#fff}
* {  margin: 0;  padding: 0;}
 a{ -webkit-transition: all 1s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
   a:hover{ text-decoration:none}
   ul,li{ list-style:none}
img{max-width: 100%;height: auto !important;}
.header{ height:100px;width:100%;}
.header .container{ position:relative}
.nav a.web span{margin-right:5px;}
.logo{background:url(../image/logo.jpg) no-repeat left center; height:100px; width:280px; position:absolute; left:0; top:0;}
.logo img{  display:block;}
.navbar-nav{ margin-top:48px;}
.banner-box{ height:600px; width:100%; clear:both}
.banner-box .col-md-8{ padding-left:0;}
.banner-box .col-md-4{ background:#4a6db1; height:600px; border-radius:4px 0 0 4px; position:relative}
.swiper-wrapper{ width:100%; height:600px;}
.swiper-wrapper img{ width:100%; height:100%; display:block;border-radius:0 4px 4px 0; }
.swiper-container{
    --swiper-theme-color:rgba(255,255,255,.5);/* 设置Swiper风格 */
    --swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 40px;/* 设置按钮大小 */
}
.swiper-container{
    --swiper-theme-color:rgba(255,255,255,.5);
    --swiper-pagination-color: #f1610f;/* 两种都可以 */
}
.new-title{ height:50px; background:#fff; width:100%; position:absolute; top:0; left:0;}
.new-title h3{ width:160px; height:50px; background:#f1610f; color:#fff; margin:0; border-radius:4px 4px 0 0; font-size:16px; line-height:50px;}
.new-title i{ width:3px; height:14px; background:#fff; display:block; float:left; margin:19px 10px 0 15px;}
.new-list{ margin-top:90px; width:400px;}
.new-list li{ clear:both; height:80px; margin-top:5px;}
.new-list .li-left{ width:65px; height:40px; border-right:1px rgba(255,255,255,.3) solid; text-align:center; float:left; color:#fff; line-height:20px; font-size:12px; margin-top:8px;}
.new-list .li-left em{ display:block; font-style:normal; font-size:16px; font-weight:bold; margin:0; padding:0;}
.new-list .li-left span{ display:block; opacity:.5}
.new-list .li-right{ float:right; width:324px;}
.new-list .li-right a{color:#fff; font-size:16px; line-height:28px;}
.new-list .li-right a:hover{color:#fdd6c0}
.data{ clear:both; padding-top:20px;}
.data-title h3{ font-size:30px; letter-spacing:2px; height:60px; line-height:60px;}
.data-title h3 font{ color:#f1610f}
.data-title i{ width:60px; height:4px; border-radius:4px; background:#f1610f; margin:0 auto; display:block}
.data-list{ padding-top:40px;}
.data-list p{ font-size:14px; color:#666}
.data-list h4{ font-size:36px; color:#f1610f; font-weight:bold}
.data-list span{ font-size:12px; color:#999; position:relative; top:-20px; left:5px; font-weight:normal}
.data-list h4.h-color{ color:#4669af}
#china-map {
        width:1000px;
        height:900px;
        margin:auto;
    }
    #back {
        position:absolute;
        top:10px;
        left:0;
        cursor:pointer;
    }
    .hidden {
        display:none;
    }
.search{ width:100%; height:400px; background:#4669af; clear:both; margin-top:-160px; text-align:center; color:#fff; /*z-index:9999;*/ position:relative}
.s-title{padding-top:50px;}
.s-title h3{ font-size:30px; letter-spacing:2px;}
.s-title p{ font-size:14px; line-height:30px;}
.search form{ width:900px; height:60px; background:#fff; margin:0 auto; border-radius:100px; position:relative; overflow:hidden}
.s-input{ width:840px; float:left; height:60px; border:0; background:none; outline:none; text-indent:30px; float:left; line-height:60px; color:#333}
.s-btn{ width:60px; height:60px; float:right; border:0; background:url(../image/search.png) no-repeat center; float:right; outline:none}
.hot{clear:both; width:860px; margin:0 auto; padding:15px 0; color:rgba(255,255,255,.5)}
.hot a{ margin:0 5px; color:rgba(255,255,255,.5)}
.hot a:hover{ color:rgba(255,255,255,1)}
.s-list{ background:#fff; border-radius:10px; overflow:hidden; height:180px; box-shadow:2px 4px 20px rgba(0,0,0,.05); padding:5px;}
.s-list a{ border:1px #f5f5f5 solid; display:block; padding:10px; margin:15px 5px; border-radius:4px; overflow:hidden; height:130px;}
.s-list a:hover{  box-shadow:2px 4px 10px #eee}
.s-list b{ width:100%; height:80px; display:block; overflow:hidden}
.s-list img{ display:block; width:100%;}
.s-list .col-md-2{ margin:0; padding:0}
.s-list span{ font-size:12px; color:#666;}
.new-box{ clear:both; background:#f5f5f5; width:100%; padding-bottom:50px; margin-top:-50px; padding-top:140px;}
.new{ padding:0;}
.nav-tabs > li > a{ background:none; font-size:24px; color:#333; border:0; border-radius:0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:0; background:none; color:#f05d06}
.nav-tabs{ border-bottom:none; width:400px; margin:0 auto}
.nav-tabs > li{ width:200px; text-align:center; cursor:pointer}
.nav-tabs i{ width:60px; height:4px; border-radius:4px; background:#f05d06; display:block; margin:0 auto; display:none}
.nav-tabs li.active i{ display:block}
.tab-content{ padding:0; margin:0; padding-top:20px;}
.tab-content .col-md-3{ padding:0; margin:0}
.tab-content a{display:block; color:#333; text-decoration:none; background:#fff; margin:0 5px; border-radius:4px; overflow:hidden; padding-bottom:15px;}
.tab-content b{ width:100%; height:200px; overflow:hidden; display:block}
.tab-content a h3{ font-size:18px; height:60px; line-height:30px; overflow:hidden; padding:0 15px;}
.tab-content a p{ font-size:14px; height:40px; line-height:20px; color:#999; overflow:hidden; padding:0 15px;}
.tab-content a img{ display:block; width:100%; box-shadow:2px 4px 10px #eee; -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.tab-content a:hover{ color:#f05d06}
.tab-content a:hover p{color:#333}
.tab-content a: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);}
.case{ width:90%; margin:0 auto; position:relative}
.case-title{ text-align:center; padding-top:30px; height:220px;}
.case-title h3{ font-size:30px; letter-spacing:2px; height:60px; line-height:60px;}
.case-title h3 font{ color:#f1610f}
.case-title i{ width:60px; height:4px; border-radius:4px; background:#f1610f; margin:0 auto; display:block}
.case-title p{ width:800px; line-height:24px; margin:0 auto;color:#666; padding:15px 0}
.s-tab{ cursor:move}
.s-img{ width:60%; float:left; height:540px; overflow:hidden;  border-radius:4px;box-shadow:2px 4px 10px #eee;}
.s-text{ width:50%; background:#4669af; position:absolute; right:0; z-index:99; height:340px; top:70px; border-radius:4px;}
.s-time{ height:100px; border-right:1px rgba(255,255,255,.2) solid; width:160px; text-align:center; color:#fff; margin-top:120px; float:left;}
.s-time h5{ font-size:40px; font-weight:bold}
.s-time em{ font-style:normal; opacity:.7}
.s-right{ float:right; width:calc(100% - 230px); padding-right:80px; margin-top:30px;}
.s-right h3{ font-size:20px; color:#fff; line-height:36px; height:80px; overflow:hidden}
.s-right p{ font-size:14px; color:#fff; opacity:.7; line-height:28px; height:115px; overflow:hidden}
.s-right a{ width:100px; height:30px; background:#375899; border-radius:100px; text-align:center; line-height:30px; color:rgba(255,255,255,.5); display:block; margin-top:20px;}
.s-right a:hover{ background:#f05d06; color:#fff;}
.foot{ clear:both; background:#333; margin-top:80px;}
.partner{ padding:0;}
.partner h3{ font-size:24px; color:#fff; height:60px; line-height:60px;}
.partner .col-md-2{ margin:0; padding:0;}
.partner .col-md-2 a{ margin:5px; display:block}
.partner img{ width:100%; display:block; border-radius:4px;}
.foot-nav{ padding:0; margin-top:20px;}
.foot-nav .col-md-2{ padding:0; margin:0;}
.foot-nav h4{ color:#fff; font-size:16px; line-height:30px; padding-left:10px;}
.foot-nav a{ color:#999; font-size:14px; line-height:24px; padding-left:10px;}
.foot-nav a:hover{color:#f05d06}
.foot-nav b{ width:100px; height:100px; display:block; margin:0 auto; margin-top:15px;}
.foot-nav b img{ display:block; width:100%}
.foot-nav span{ color:#fff; opacity:.3; text-align:center; display:block; font-weight:normal; font-size:12px; padding-top:10px;}
.copyright{ border-top:1px #3c3c3c solid; clear:both; margin-top:30px; padding-top:30px; color:#666; text-align:center; font-size:12px; line-height:24px;}
.copyright p{ margin:0;}

/**内页样式**/
.show-banner{ background:url(../image/shouw-banner.jpg) no-repeat center; width:100%; height:500px; clear:both;}
.show-banner .container{ position:relative; color:#fff; height:500px; padding:0;}
.show-banner h3{ font-size:42px; position:absolute; bottom:80px; left:15px;}
.show-banner p{ font-size:16px; position:absolute; bottom:40px; left:15px}
.gy-box{ border:1px #f5f5f5 solid; box-shadow:2px 10px 50px #eee; margin-top:30px; border-radius:10px; padding:20px 30px}
.gy-title{ height:60px; border-bottom:1px #f5f5f5 solid; position:relative; line-height:60px;}
.gy-title h3{ position:relative; width:140px; border-bottom:1px #f05b11 solid; height:60px; bottom:0; left:0; margin:0; line-height:60px; font-size:24px; color:#333}
.gy-title p{ position:absolute; right:0; bottom:0; height:60px; line-height:60px; color:#666; margin:0;}
.gy-title p a{ color:#666;}
.gy-list{ clear:both}
.gy-list li{ border-bottom:1px #f5f5f5 solid; padding:30px 0; width:100%; height:210px;}
.li-img{ width:200px; height:150px; float:left; overflow:hidden; border-radius:4px;}
.li-img a img{ display:block; width:100%; box-shadow:2px 4px 10px #eee; -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;}
.li-img a: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);}
.li-text{ float:right;width:calc(100% - 220px)}
.li-text h3{ margin:0;}
.li-text h3 a{ color:#333; font-size:18px; height:40px; line-height:40px; overflow:hidden}
.li-text h3 a:hover{color:#f05b11}
.li-text h3 i{ margin-right:10px;}
.li-text p{ line-height:24px; height:72px; overflow:hidden; color:#666}
.li-text span{ color:#f05b11; height:30px; line-height:30px;}
  .page{margin:50px 0 25px 0px;clear:both; height:50px;}
  .page a{ border:1px #eee solid; display:block; width:40px; height:40px; text-align:center; line-height:40px; float:left; border-radius:4px; margin-right:10px; color:#999}
  .page a:hover{ color:#f05b11}
  .page a.page-active{ color:#fff; border:1px #f05b11 solid; background:#f05b11} 
  .page a.a-ye{ width:80px;}
  .c-top{ margin:15px 0; text-align:center; border-bottom:1px #eee solid; padding-bottom:30px;}
  .c-top h3{ font-size:36px; height:auto; line-height:50px;}
  .c-top p{ font-size:14px; color:#999; height:30px;}
  .c-bot{ margin:25px; clear:both}
  .c-bot img{ display:block; margin:15px auto;}
  .c-bot p{ font-size:16px; line-height:36px; color:#333;}
  .show-box{margin-bottom:30px; padding-top:20px;}
.show-left{ width:280px; float:left; background:#f5f5f5; border-radius:0 0 4px 4px;}
.show-left h3{ font-size:24px; background:#345aa7; color:#fff; height:60px; line-height:60px; margin:0; padding:0; text-indent:20px; border-radius:4px 4px 0 0}
.show-left .nav-tabs{ border:0;}
.show-left ul{padding:15px; padding-bottom:5px;}
.show-left li { background:#fff; border-radius:4px; margin-bottom:10px;}
.show-left li a{ background:#fff; border-radius:4px;display:block;width:100%; height:50px; line-height:50px; color:#333; text-decoration:none; font-size:14px; padding:0 15px;}
.show-left li a i{ margin-right:6px; color:#999}
.show-left li a span{ margin-right:6px; color:#999; float:right; line-height:50px; display:block;}
.show-left li a:hover{ background:#fff; color:#f1640f}
.show-left li.active a{ color:#fff; background:#f1640f}
.show-left li.active a i{ margin-right:6px; color:#fff}
.show-left .secondmenu{ margin-top:0}
.show-left .secondmenu li a{ background:#fff; margin-bottom:0; border-bottom:1px #eee solid; height:40px; line-height:40px; display:block; clear:both}
.show-left .secondmenu li a:hover{ border-bottom:1px #f1640f solid; color:#f1640f; border-radius:0;}
 .show-right{ float:right; height:auto; background:#fff;width:calc(100% - 300px); border-radius:4px;  border:1px #f5f5f5 solid; box-shadow:2px 10px 50px #eee; padding:10px 30px;}
  .right-top{ height:60px; border-bottom:1px #f5f5f5 solid; line-height:64px; overflow:hidden; position:relative}
  .right-top p{ position:absolute; right:0; bottom:0; height:60px; line-height:60px; color:#666; margin:0;}
.right-top p a{ color:#666;}
  .right-top h3{ position:absolute; /*width:120px;*/ border-bottom:1px #f05b11 solid; height:60px; bottom:0; left:0; margin:0; line-height:60px; font-size:24px; color:#333}
 .about{ clear:both; padding:15px 0;}
 .about h5{ font-size:24px; line-height:36px; color:#f05b11}
 .about p{ font-size:14px; line-height:30px; color:#333;}
 .about b{ display:block; margin-top:20px;}
 .about b img{ display:block; width:100%;}
 .work{ clear:both; padding-top:5px;}
 .w-top{ padding:25px 0; border-bottom:1px #f5f5f5 solid; display:inline-block}
 .w-img{ width:305px; height:230px; float:left}
 .w-img img{  width:100%; display:block; border-radius:4px; box-shadow:2px 4px 10px #eee;}
 .w-text{ float:right; width:calc(100% - 325px)}
 .w-text h3{ margin:0;font-size:24px; color:#333; line-height:30px; text-decoration:none}
 .w-text p{ line-height:24px; padding:10px 0}
 .w-text a{ width:120px; height:34px; line-height:34px; display:block; text-align:center; background:#345aa7; color:#fff; border-radius:100px;}
 .w-bot li{ padding:0; margin:0;}
 .w-bot li img{ display:block; width:100%; border-radius:4px; box-shadow:2px 4px 10px #eee;}
 .w-bot li a{ display:block; margin:10px; border:1px #f5f5f5 solid; border-radius:4px; padding:15px;}
 .w-bot li a span{ font-size:12px; color:#333; text-decoration:none; text-align:center; line-height:30px; display:block; padding-top:10px;}
@media (max-width: 767px) {	
	.header{ height:80px; background:#fff; top:0; left:0; width:100%; position:absolute}
	.logo{  width:240px; height:60px; position:absolute; left:15px; top:10px; margin-top:0; z-index:0; background:url(../image/logo.jpg) no-repeat center left; background-size:contain}
	.logo img{ width:240px; }
	.attr-nav{top:-55px; right:20px; position:absolute}
	.attr-nav i{color:#333}
	.navbar-header i{ font-size:24px; color:#333; font-weight:lighter}
	.navbar-toggle{ float:right; top:12px; z-index:99999; margin-left:0; right:-10px;}	
	nav.navbar.bootsnav ul.nav > li > a{color:#333}
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#4a6db1; background:none; border-radius:0;}
	nav.navbar.bootsnav ul.nav > li > a.a-active{ color:#4a6db1; background:none; border-radius:0; font-weight:bold}
	.banner-box { margin-top:80px}	
.banner-box .col-md-8{ padding:0;}
.swiper-wrapper{ width:100%; height:250px;}
.swiper-wrapper img{ border-radius:0; }
.new-title{ display:none}
.banner-box .col-md-4{ background:#4a6db1; height:auto; border-radius:0; position:relative;}
.new-list{ margin-top:10px; width:100%;}
.new-list li{ clear:both; height:auto; margin-top:0px;}
.new-list .li-left{ width:100%; text-align:left; border-right:none; padding-top:15px; height:auto}
.new-list .li-right{ float:left; width:100%; border-bottom:1px #4567aa solid; padding-bottom:20px;}
#china-map { width:400px; height:400px;}

.search{ height:auto;margin-top:-50px;}
.s-title{padding-top:20px;}
.s-title h3{ font-size:30px; letter-spacing:2px;}
.s-title p{ font-size:14px; line-height:30px;}
.search form{ width:90%; }
.s-input{ width:calc(100% - 60px);}
.hot{ width:90%; height:38px; overflow:hidden; margin-bottom:20px;}
.s-list{border-radius:10px 10px 0 0;height:auto;}
.new-box{padding-top:80px; padding-bottom:20px;}
.new{ padding:0;}
.nav-tabs > li > a{ font-size:18px;}
.nav-tabs{  width:300px;}
.nav-tabs > li{ width:150px;}
.tab-content a{ margin-bottom:20px;}
.case-title{ text-align:center; padding-top:10px; height:auto;}
.case-title h3{ font-size:30px; letter-spacing:2px; height:auto; line-height:60px;}
.case-title p{ width:100%;}
.s-tab{ cursor:move; height:auto;}
.s-img{ width:100%; float:left; height:250px; overflow:hidden; border-radius:4px;}
.s-img img{ border-radius:4px;box-shadow:2px 4px 10px #eee; display:block; width:100%;}
.s-text{ width:100%; background:rgba(0,0,0,.5); position:absolute; right:0; z-index:99; height:60px; top:0; border-radius:0; z-index:9999999}
.s-time{ display:none}
.s-right{ float:left; width:100%; padding-right:0; margin-top:0;}
.s-right h3{ font-size:14px; color:#fff; line-height:24px; height:24px; overflow:hidden; padding:0 15px; margin:0; margin-top:15px;}
.s-right p{ display:none}
.s-right a{ display:none}
.foot{ clear:both; background:#333; margin-top:80px;}
.partner{ padding:0 15px;}
.foot-nav{ display:none}
.copyright{ border-top:1px #3c3c3c solid; clear:both; margin-top:30px; padding-top:30px; color:#666; text-align:center; font-size:12px; line-height:24px;}
.copyright p{ margin:0;}
.show-banner{ height:280px; background-size:cover}
.show-banner .container{ position:relative; color:#fff; height:280px; padding:0;}
.show-banner h3{ font-size:24px; position:absolute; bottom:20px; left:15px; line-height:36px;}
.show-banner p{ display:none}
.gy-title p{ display:none}
.gy-box{ box-shadow:none; border-radius:0; margin-top:0; border:0; margin-bottom:0}
.li-img{ display:none}
.li-text{ width:100%}
.gy-list li{ border-bottom:1px #f5f5f5 solid; padding:20px 0; width:100%; height:auto; display:inline-block}
.li-text h3 a{ color:#333; font-size:18px; height:auto; line-height:30px; overflow:hidden}
.c-top{ margin:15px 0; text-align:center; border-bottom:1px #eee solid; padding-bottom:30px;}
.c-top h3{ font-size:18px; height:auto; line-height:26px;}
.c-top p{ font-size:14px; color:#999; height:30px;}
.c-bot{ margin:0px; clear:both}
.c-bot img{ display:block; margin:15px auto; width:100%}
.c-bot p{ font-size:16px; line-height:36px; color:#333;}
.show-left{ display:none} 
.show-right{ width:100%;}
.right-top p{ display:none}
.w-top{ padding:25px 0; border-bottom:1px #f5f5f5 solid; display:inline-block}
 .w-img{ width:100%; height:100%; float:left}
 .w-text{ float:right; width:100%}
 .w-text h3{ padding-top:15px; line-height:40px}

}

/*客服*/
.content{position: fixed;right: 10px;bottom: 50px;}
.content .qq,.content .wechat{border: solid 1px #eee;border-radius: 4px;padding: 15px 15px;background: #fff;z-index: 100000;text-align: center;margin-bottom: 10px;display: block;}
.content .wechatimg{ width: 100px;position: fixed;right: 80px;bottom: 60px;border: 5px solid #fff;}