@charset "utf-8";
body{background:#fff;font-family:arial,Tahoma,Verdana,"Hiragino Sans GB",宋体,sans-serif}
a{font-family:arial,Tahoma,Verdana,"Hiragino Sans GB",宋体,sans-serif;outline:medium none;color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:link,a:visited{text-decoration:none}
a:hover{color:#da4343;text-decoration:none}
img,li{border:0;vertical-align:top}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0}
*{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:arial,Tahoma,Verdana,"Hiragino Sans GB",宋体,sans-serif}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}


.navbar-default{margin-bottom:0;border-radius:0px; border:none; background:none; }
.navbar-default .navbar-brand{color:#fff;font-size:18px; min-height:30px; height:auto; margin-top:10px;}
.navbar-default .navbar-brand:hover{color:#fff}
.navbar-default .navbar-nav{}
.navbar-default .navbar-nav>li>a{color:#fff;font-size:16px; padding:5px 20px; line-height:60px;}
.navbar-default .navbar-nav>li>a:hover{color:#0072d7;}
.navbar-default .navbar-nav>li>a.active{color:#0072d7; background:none;}
.navbar-default .navbar-nav>li>a i{font-size:25px; color:#fff; padding:5px; border-radius:50%;}
.navbar-default .navbar-nav>li>a:hover i{color:#0072d7;}
.navbar-default .navbar-nav>li>a.active i{color:#0072d7;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#0072d7;background:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{ background:none; color:#0072d7}

.navbar-default .navbar-nav>li ul.dropdown-menu{ margin-top:0px; background:#fff; left:-28px; width:auto; border-bottom:solid 5px #0072d7; }
.navbar-default .navbar-nav>li ul.dropdown-menu li a{line-height:1.2em; font-size:16px; padding:10px 10px; text-align:center;white-space:normal;}
.navbar-default .navbar-nav>li ul.dropdown-menu li a:hover{background:#0072d7; color:#fff;}
.navbar-default .navbar-nav>li ul.dropdown-menu:before{box-sizing:content-box;width:0;height:0;position:absolute;top:-16px;right:71px;padding:0;border-bottom:8px solid #fff;border-top:8px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;display:block;content:'';z-index:12}
.navbar-default .navbar-nav>li ul.dropdown-menu:after{box-sizing:content-box;width:0;height:0;position:absolute;top:-18px;right:70px;padding:0;border-bottom:9px solid #ccc;border-top:9px solid transparent;border-left:9px solid transparent;border-right:9px solid transparent;display:block;content:'';z-index:10}
.topnavbg{ background:rgba(0,0,0,0.5);z-index:99;}
#bSearch{width:300px; z-index:999; left:-180px;}
#bSearch form{max-width:655px; width:100%; margin:0 auto; padding:0px 5px;}
#bSearch form input{line-height:35px; height:35px; font-size:14px;}
#bSearch form .btn{ background:#99d31f; line-height:35px; height:35px; font-size:14px; padding:0px 15px; color:#fff; border-color:#99d31f;}



@media (min-width:1px) and (max-width:768px)
{  .navbar-default{background:rgba(0,0,0,0.5);}
   .navbar-fixed-bottom, .navbar-fixed-top{position:inherit; background:#061f62;}
    .navbar-default .navbar-brand{min-height:40px;}
    .navbar-default .navbar-brand img{ max-height:40px;}
    .navbar-default .navbar-toggle{margin-top:15px;}
    .navbar-default .navbar-toggle .icon-bar{background:#fff;}
    .navbar-default .navbar-nav>li>a{color:#fff;font-size:16px; padding:10px 20px; line-height:25px;}
    .hottel{ display:none;}
    #keyfrom{ margin:0 15px;}
    #keyfrom i{font-size:14px;}
}
@media (min-width:768px) and (max-width:1024px)
{ .hottel{text-align:right; padding-top:10px;}
  #topheader{ width:100%;}
  .navbar-default .navbar-brand{width:100%; text-align:center; min-height:30px; padding-top:0px; padding-bottom:0px;}
    .navbar-default .navbar-brand img{ max-height:30px;}
    .navbar-default .navbar-nav>li>a{color:#fff;font-size:14px; padding:0px 8px; line-height:40px;}
}
@media (min-width:1024px) and (max-width:1200px)
{
.navbar-default .navbar-nav>li>a{color:#fff;font-size:14px; padding:5px 10px;}
}
@media (min-width:1200px) and (max-width:1440px)
{
.navbar-default .navbar-nav>li>a{color:#fff;font-size:18px; padding:5px 10px;}
}



#tframe{ background:#fff;}
#tframe .pck{ width:30%; border-right:solid 1px #eaeaea; padding-top:25px; padding-bottom:25px;}
#tframe .pck.pck2{ width:40%; padding-left:35px; padding-right:35px;}
#tframe .pck:last-child{ border-right:0px;}
#tframe .pck .media .media-body{ padding-top:20px;}
#tframe .pck .media .media-body h4{display:block; font-size:20px; color:#134d9d; font-weight:600;}
#tframe .pck .media .media-body p{display:block; font-size:14px; color:#646464;}


#tframe1{ padding-top:50px; padding-bottom:50px; background:url(../images/tframe1_bg.jpg) repeat-y center top;}
#tframe1 .leftDiv h3{font-size:18px; display:block;color:#b3bdc8; line-height:2em; font-weight:normal;}
#tframe1 .leftDiv ul{display:block; margin-top:100px; border-bottom:0px;}
#tframe1 .leftDiv ul li.active a{background:none;}
#tframe1 .leftDiv ul li a{display:block; font-size:18px; color:#b3bdc8; line-height:2em; border:0px; padding:10px 0px;}
#tframe1 .leftDiv ul li a em{display:block; height:2px; width:40px; background:none;}
#tframe1 .leftDiv ul li a:hover em{display:block; height:2px; width:40px; background:#fff;}
#tframe1 .leftDiv ul li a:hover{color:#fff; background:none; border:0px;}
#tframe1 .leftDiv a.more{ display:block; max-width:150px; border-radius:0px; color:#677589; background:none; color:#677589; font-size:18px; margin-top:100px; border:solid 1px #677589; }
#tframe1 .leftDiv a.more:hover{ color:#fff; border-color:#fff;}

#tframe1  .rightDiv{ padding-top:25px;}
#tframe1 .rightDiv .swiper-container{ padding-top:50px;}
#tframe1 .rightDiv .swiper-button-prev,#tframe1 .rightDiv  .swiper-container-rtl .swiper-button-next{left:auto; right:60px;}
#tframe1 .rightDiv .swiper-button-next,#tframe1 .rightDiv  .swiper-button-prev{top:25px; width:35px; height:35px; text-align:center;background:#fff; border-radius:50%; }
#tframe1 .rightDiv .swiper-button-next:after,#tframe1 .rightDiv  .swiper-button-prev:after{font-size:18px; background:none; color:#000000; border:solid 2px #eaeaea; width:35px; height:35px; line-height:30px; border-radius:50%;}


#tframe1 .rightDiv .swiper-slide  .thumbnail{ border-radius:0px; border:0px; padding:0px; background:rgba(255,255,255,0.1);}
#tframe1 .rightDiv .swiper-slide  .thumbnail .img{position:relative; vertical-align:middle; width:100%; height:250px;}
#tframe1 .rightDiv .swiper-slide  .thumbnail .img img{ max-width:100%; height:auto; max-height:100%; width:auto; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%);}
#tframe1 .rightDiv .swiper-slide  .thumbnail .title{  display:block; padding-bottom:20px;}
#tframe1 .rightDiv .swiper-slide  .thumbnail .title h4{ display:block; font-size:16px; color:#ffffff; line-height:2em;  height:2em; overflow:hidden; text-align:center;}
@media (min-width:1px) and (max-width:768px)
{
      #tframe1{ padding-top:25px; padding-bottom:25px;}
    #tframe .pck,#tframe .pck.pck2{width:100%; padding-top:10px; padding-bottom:10px; border:0px; padding-left:0px; padding-right:0px;}
    #tframe .pck .media .media-body{ padding-top:0px;}
    #tframe .pck .media .media-body h4{ font-size:16px;}
    #tframe .pck .media .media-body p{ font-size:14px; }
    #tframe1 .leftDiv ul{margin-top:10px;}
    #tframe1 .leftDiv a.more{margin-top:10px;}
}



#tframe2{ padding-top:30px; padding-bottom:30px; background:#f0f0f0;}
#tframe2 .container{padding:0 30px;}
#tframe2 .pnk_img{padding:0px;}
#tframe2 .pnk_img img{ width:100%; height:auto; display:block; }
#tframe2 .pnk_text{min-height:308px; background:#fff; padding:50px 65px;}
#tframe2 .pnk_text h3{display:block; font-size:24px;  color:#3f3f3f;}
#tframe2 .pnk_text h3 span{display:block; font-size:15px; color:#808080; text-transform:uppercase;line-height:2em;}
#tframe2 .pnk_text p{display:block; margin-top:15px; font-size:14px; color:#757575; line-height:2em;}
#tframe2 .pnk_text a.btn{ display:block; margin-top:25px; width:120px; text-align:left;}
#tframe2 .pnk_text a.btn i{float:right;}
#tframe2 .pnk_text a.btn:hover{background:#0072d7;color:#fff; border:solid 1px #0072d7;}
#tframe2 .pnk_text a.btn:hover i{color:#fff;}
@media (min-width:1200px) and (max-width:1400px) {
    #tframe2 .pnk_text{min-height:290px; background:#fff; padding:20px 65px;}
    #tframe2 .pnk_text p{  line-height:1.5em; overflow:hidden; font-size:12px; }
    #tframe2 .pnk_text a.btn{ margin-top:15px;}
}
@media (min-width:1024px) and (max-width:1200px) {
    #tframe2 .pnk_text{min-height:257px; background:#fff; padding:10px 65px;}
    #tframe2 .pnk_text p{ height:4.5em; line-height:1.5em; overflow:hidden; font-size:12px; }
    #tframe2 .pnk_text a.btn{ margin-top:15px;}
}
@media (min-width:768px) and (max-width:1024px) {
      #tframe2 .pnk_text{ min-height:200px;  padding:10px 65px;}
    #tframe2 .pnk_text p{  height:4.5em; line-height:1.5em; overflow:hidden; font-size:12px;}
}
@media (min-width:1px) and (max-width:768px) {
#tframe2{ padding-top:0px;}
#tframe2 .pnk_text{padding:15px 15px; border-bottom:solid 1px #dddddd; min-height:250px;}
}
#tframe4{ padding-top:50px; padding-bottom:30px; }
#tframe4 .tit{ margin-bottom:35px;}
#tframe4 .tit em{ display:block; width:50px; height:2px; background:#134d9d; margin:0 auto;}
#tframe4 .tit h3{font-size:35px; display:block;color:#000; line-height:2em; font-weight:bold;}
#tframe4 .tit h3 b{color:#134d9d;}
#tframe4 .tit span{display:block; height:25px; background:url(../images/1_03.png) no-repeat center center; margin-bottom:10px; margin-top:10px; font-size:15px; color:#b8b8b8; text-transform:uppercase; line-height:25px; text-align:center;}
#tframe4 .tit p{font-size:20px; display:block;color:#666666; line-height:2em;}
#tframe4 .swiper-pnk{padding-bottom:65px;}
#tframe4 .swiper-pnk .bg{background:#134d9d; }
#tframe4 .swiper-pnk .bg .img{padding:0px;}
#tframe4 .swiper-pnk .bg .img img{ width:100%; height:auto;}
#tframe4 .swiper-pnk .bg .caption{padding:20px 50px 0px 50px;}
#tframe4 .swiper-pnk .bg .caption h3{ color:#fff; display:block; font-size:24px; line-height:2em; margin-top:25px;}
#tframe4 .swiper-pnk .bg .caption p{ color:#fff; display:block; font-size:14px; line-height:2em; margin-top:15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;overflow: hidden;}
#tframe4 .swiper-pnk .bg .caption a.btn{ margin-top:25px; background:none; color:#fff; border-radius:0px;}
#tframe4 .swiper-pnk .swiper-button-next,#tframe4 .swiper-pnk  .swiper-button-prev{color:#99d31f; font-weight:bold;}
#tframe4 .swiper-pnk .swiper-button-prev, #tframe4 .swiper-pnk .swiper-container-rtl .swiper-button-next{left:auto;right:70px; }
#tframe4 .swiper-pnk .swiper-button-next, #tframe4 .swiper-pnk .swiper-container-rtl .swiper-button-prev{right:0px;}
#tframe4 .swiper-pnk .swiper-button-next,#tframe4 .swiper-pnk .swiper-button-prev{background:#d71625; width:65px; height:65px; color:#fff; top:auto; bottom:0px;}
#tframe4 .swiper-pnk .swiper-button-next:after, #tframe4 .swiper-pnk .swiper-button-prev:after{font-size:20px;}
#tframe4 .swiper-pnk .swiper-button-next.swiper-button-disabled,#tframe4 .swiper-pnk .swiper-button-prev.swiper-button-disabled{background:#fff; color:#d5d5d5; border:solid 1px #d5d5d5;}

@media (min-width:1px) and (max-width:768px)
{ 
#tframe4 .container{padding:0px;}
#tframe4 .tit h3{font-size:25px;}
#tframe4 .tit p{font-size:16px;}
#tframe4 .swiper-pnk .bg .caption{padding:15px;}
#tframe4 .swiper-pnk .bg .caption p{ margin-bottom:25px;}
}
@media (min-width:1024px) and (max-width:1300px) {
  
    #tframe4 .swiper-pnk .bg .caption h3{font-size:20px;}
    #tframe4 .swiper-pnk .bg .caption p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
}
@media (min-width:768px) and (max-width:1024px) {
  
    #tframe4 .swiper-pnk .bg .caption h3{font-size:20px;}
    #tframe4 .swiper-pnk .bg .caption p{ line-height:1.5em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
}



#tframe5{ padding-top:0px; padding-bottom:50px; }
#tframe5 .tit{ margin-bottom:15px;}
#tframe5 .tit span{color:#afafaf; display:block; font-size:27px; text-transform:uppercase;}
#tframe5 .tit h3{font-size:27px; display:none;color:#000;  }
#tframe5 .tit h3 b{font-size:27px; color:#134d9d;  font-weight:normal;}
#tframe5 .tit em{display:block; height:3px; background:#134d9d; width:50px; margin-bottom:10px; margin-top:10px;}
#tframe5 .swiper-partner .swiper-slide a{cursor:default;}
#tframe5 .swiper-partner .swiper-slide img{border:solid 1px #eaeaea; cursor:default;}
#tframe5 .swiper-partner .swiper-slide p{display:none;}
#tframe5 .swiper-button-prev, #tframe5 .swiper-container-rtl .swiper-button-next{left:-30px;}
#tframe5 .swiper-button-next, #tframe5 .swiper-container-rtl .swiper-button-prev{right:-30px;}
#tframe5 .swiper-button-next,#tframe5 .swiper-button-prev{background:none; }
#tframe5 .swiper-button-next:after, #tframe5 .swiper-button-prev:after{font-size:23px; color:#666666;font-weight:bold;}

@media (min-width:1px) and (max-width:768px)
{
    #tframe5{ padding-bottom:20px;}
    #tframe5 .container {
        padding: 0px;
    }
    #tframe5 .swiper-button-prev, #tframe5 .swiper-container-rtl .swiper-button-next{left:0px;}
#tframe5 .swiper-button-next, #tframe5 .swiper-container-rtl .swiper-button-prev{right:0px;}
}
@media (min-width:768px) and (max-width:1024px)
{
    #tframe5 .swiper-button-prev, #tframe5 .swiper-container-rtl .swiper-button-next{left:0px;}
#tframe5 .swiper-button-next, #tframe5 .swiper-container-rtl .swiper-button-prev{right:0px;}
}
@media (min-width:1024px) and (max-width:1200px)
{
    #tframe5 .swiper-button-prev, #tframe5 .swiper-container-rtl .swiper-button-next{left:0px;}
#tframe5 .swiper-button-next, #tframe5 .swiper-container-rtl .swiper-button-prev{right:0px;}
}

#tframe3{background:#061f62 url(../images/tframe3_bg.jpg) no-repeat center top; padding-top:55px; padding-bottom:50px;}
#tframe3 .left_div{text-align:left; padding-top:25px;}
#tframe3 .left_div img{display:block; margin:0px;}
#tframe3 .left_div h3{display:block; font-size:25px;  margin-top:15px; color:#fff;}
#tframe3 .left_div h3 span{color:#ffc211; font-size:25px;}
#tframe3 .left_div h5{display:block; font-size:16px; line-height:2em; color:#fff;}
#tframe3 .left_div p{display:block; font-size:8px; text-transform:uppercase; line-height:2em; color:#fff; opacity:0.3;}
#tframe3 .left_div h5.tel{ margin-top:40px;}
#tframe3 .left_div h5.tel i{font-size:20px; color:#fff; margin-right:10px;}
#tframe3 .left_div strong{display:block; font-size:32px; color:#ffffff; font-weight:normal;}
#tframe3 .left_div a.btn{ color:#fff; background:none; border-radius:0px; padding:4px 15px; margin-top:5px;}

.psk{ margin-top:25px; text-align:left;}
.psk a{ display:block; background:#183076; padding:15px 35px;cursor:default;}
.psk a img{display:block; margin:0px;}
.psk a h3{display:block;font-size:16px; color:#fff; line-height:2em; height:4em;}
.psk a span{display:block;font-size:12px; color:#fff; opacity:0.5; text-transform:uppercase;line-height:2em;}
@media (min-width:1px) and (max-width:768px) {
    #tframe3 .left_div{ padding-top:0px;}
        #tframe3 .left_div h3{font-size:20px;}
        #tframe3 .left_div h3 span{color:#ffc211; font-size:20px;}
}


@media (min-width:768px) and (max-width:1024px)
{
.psk a h3{font-size:12px; overflow:hidden;}
}
@media (min-width:1024px) and (max-width:1400px)
{
.psk a{  padding:15px 15px;cursor:default;}
.psk a h3{font-size:14px; overflow:hidden;}
}


#tframe7{ padding-top:50px; padding-bottom:30px; }
#tframe7 .tit{ margin-bottom:35px;}
#tframe7 .tit em{ display:block; width:50px; height:2px; background:#134d9d; margin:0 auto;}
#tframe7 .tit h3{font-size:35px; display:block;color:#000; line-height:2em; font-weight:bold;}
#tframe7 .tit h3 b{color:#134d9d;}
#tframe7 .tit span{display:block; height:25px; background:url(../images/1_03.png) no-repeat center center; margin-bottom:10px; margin-top:10px; font-size:15px; color:#b8b8b8; text-transform:uppercase; line-height:25px; text-align:center;}
#tframe7 .news_list{text-align:left;}
#tframe7 .news_list .thumbnail{padding:0px; border-radius:0px;}
#tframe7 .news_list .thumbnail .img_show{display:block;}
#tframe7 .news_list .thumbnail .img_show img{display:block; width:100%; height:auto;}
#tframe7 .news_list .thumbnail .caption{ padding:15px 25px;}
#tframe7 .news_list .thumbnail .caption h3{display:block; font-size:24px; color:#000000; line-height:2em; height:2em; overflow:hidden;}
#tframe7 .news_list .thumbnail .caption p{display:block; font-size:14px; color:#777777; line-height:25px; height:75px; overflow:hidden; margin-top:15px;}
#tframe7 .news_list .thumbnail .caption a.more{display:block;font-size:16px; color:#000000; line-height:2em; margin-top:15px;}



#tframe8{background:#0072d7; padding-top:25px; padding-bottom:25px;}
#tframe8 h5{display:block; color:#fff; font-size:20px;}
#tframe8 span{display:block; color:#fff; font-size:16px; line-height:2em}
#tframe8 p{border:solid 2px #9fa6d1; color:#fff; font-size:16px; padding:0px 15px;}
#tframe8 p i{ color:#fff; font-size:25px; margin-right:10px;}
#tframe8 p b{ color:#fff; font-size:25px; font-weight:normal;}

@media (min-width:1px) and (max-width:768px)
{
    #tframe8 .container{padding:0px;}
    #tframe8 span{margin-top:10px;}
    #tframe8 p{float:none!important; display:block; text-align:left; margin-top:15px;}
}

#tframe9{padding-top:0px; padding-bottom:50px;}
#tframe9 .left_div span{display:block; font-size:16px; color:#646464; opacity:0.5; text-transform:uppercase;}
#tframe9 .left_div h3{display:block; font-size:25px; color:#000000; font-weight:bold;}
#tframe9 .left_div h3 b{color:#134d9d; margin-left:5px;}
#tframe9 .left_div em{display:block; width:40px; height:2px; background:#0072d7; margin-top:15px;}

#tframe9 .left_div{ padding-bottom:40px;}
#tframe9 .swiper-button-next,#tframe9 .swiper-button-prev{ top:auto; bottom:0px;}
#tframe9 .swiper-button-prev:after,#tframe9  .swiper-container-rtl .swiper-button-next:after{content:"";}
#tframe9 .swiper-button-next:after,#tframe9  .swiper-container-rtl .swiper-button-prev:after{content:"";}
#tframe9 .swiper-button-next,#tframe9  .swiper-button-prev{width:50px; height:23px;}
#tframe9 .swiper-button-prev i{ display:block; width:50px; background:#367acf; height:23px; color:#fff; text-align:center; transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
#tframe9 .swiper-button-next i{ display:block; width:50px; background:#4b494c; height:23px; color:#fff; text-align:center;}
#tframe9 .swiper-button-next,#tframe9  .swiper-container-rtl .swiper-button-prev{right:auto; left:65px;}
    #tframe9 .swiper-button-prev, #tframe9 .swiper-container-rtl .swiper-button-next {right: auto;left:15px}

.swiper-jsic .swiper-slide dl{display:block; padding:15px 25px; border:solid 1px #eaeaea; }
.swiper-jsic .swiper-slide dt{display:block;}
.swiper-jsic .swiper-slide dt em{display:inline-block; font-size:12px; color:#ffffff; background:#38a86e; width:25px; font-style:inherit;  height:25px; padding-left:5px;  line-height:25px; border-radius:50%;}
.swiper-jsic .swiper-slide dt p{display:inline-block; max-width:85%; margin-left:5px; font-size:14px; color:#333333;}
.swiper-jsic .swiper-slide dd{display:block; vertical-align:top; margin-top:15px;}
.swiper-jsic .swiper-slide dd em{display:inline-block; font-size:12px; color:#ffffff; background:#3c3a3d; width:25px;  font-style:inherit;  height:25px; padding-left:5px;  line-height:25px; border-radius:50%;}
.swiper-jsic .swiper-slide dd p{display:inline-block; max-width:90%; margin-left:5px; font-size:14px; color:#777777;vertical-align:top;}

@media (min-width:768px) and (max-width:1300px)
{
#tframe9 .left_div h3{display:block; font-size:18px; color:#000000; font-weight:bold;}
}
#footer{ background:#242529;}
#footer .fck1{ margin-top:45px; text-align:left;}
#footer .fck1 img{display:block; margin-left:0px; max-height:58px; width:auto;}
#footer .fck1 p{display:block; font-size:14px; color:#afafaf; line-height:2em; margin-top:10px;}
#footer .fck1 p a{color:#afafaf;}

#footer .fck2{ margin-top:45px; }
#footer .fck2 h3{ font-size:18px; display:block; line-height:2em; color:#fff;}
#footer .fck2 ul{ margin-top:25px;}
#footer .fck2 ul li{ display:block;}
#footer .fck2 ul li a{color:#ececec; opacity:0.4; display:block; font-size:14px; line-height:2em;}

#footer .fck3{ margin-top:45px;  }
#footer .fck3 h3{ font-size:18px; display:block; line-height:2em; color:#fff;}
#footer .fck3 ul{ margin-top:25px;}
#footer .fck3 ul li{display:block;color:#ececec; opacity:0.4; font-size:14px; line-height:2em;}
#footer .fck3 ul li a{color:#ececec; opacity:0.4; font-size:18px; margin-right:10px;}
#footer .fck4{ margin-top:45px; text-align:right; }
#footer .fck4 h3{ font-size:18px; display:block; line-height:2em; color:#fff;}
#footer .fck4 ul{ margin-top:10px;}
#footer .fck4 ul li img{display:block; margin-right:0px;}
#footer .fck4 ul li span{color:#ececec; display:block; opacity:0.4; font-size:12px; line-height:2em;}

#footer .foot_by{ padding-bottom:25px; padding-top:25px;}
#footer .foot_by em{ display:block; width:70%; height:1px; background:#333; margin:0 auto;}
#footer .foot_by p{font-size:14px; color:#fff; line-height:2em;display:block; text-align:center; margin-top:25px;}
@media (min-width:1200px) and (max-width:1920px)
{ 
#footer .fck1{width:25%;}
#footer .fck2{width:15%;}
#footer .fck3{width:20%;}
#footer .fck5{width:25%;}
#footer .fck4{width:15%;}
}


@media (min-width:1px) and (max-width:768px){

#tframe1 .container{ padding:0px;}
#tframe2 .container{ padding:0px;}
#tframe3 .container{ padding:0px;}
#tframe4 .container{ padding:0px;}
#tframe5 .container{ padding:0px;}
#tframe7 .container{ padding:0px;}
#tframe8 .container{ padding:0px;}
#tframe6 .container{ padding:0px;}
#tframe9 .container{ padding:0px;}
#footer .container{ padding:0px;}
#footer .fck5{margin-top:0px;}
    #footer .fck1 {margin-top: 0px;}
#footer .fck2{margin-top:0px;}
#footer .fck3{text-align:left;margin-top:0px;}
#footer .fck4{text-align:left;margin-top:0px;}
#footer .fck4 ul li img{text-align:left; margin:0px auto;}
}
.swiper-bar .text{position:absolute; top:45%; width:100%; text-align:center; }
.swiper-bar .text h3{font-size:40px; color:#fff; line-height:2em; display:block;}
.swiper-bar .text p{font-size:30px; color:#fff; line-height:2em; display:block; text-transform:uppercase;}
.swiper-bar .text a{ background:#d71625; width:300px; color:#fff; border-radius:0px;}
@media (min-width:768px) and (max-width:1300px) {
    .swiper-bar .text h3{font-size:35px;}
.swiper-bar .text p{font-size:20px;}
}
.swiper-bar .swiper-pagination-bullet{ width:15px; height:15px;}

#nbtit{position:absolute; top:25%; width:100%; text-align:center; }
#nbtit .text h2{font-size:40px; color:#fff; line-height:2em; display:block;}
#nbtit .text em{display:block; width:90px; height:4px; background:#fff; margin:0 auto;}
#nbtit .text h3{font-size:30px; color:#fff; line-height:2em; display:block; text-transform:uppercase;}
@media (min-width:1px) and (max-width:768px)
{ 
#nbtit{ top:12%; display:none;   }
#nbtit .text h2{font-size:20px;}
#nbtit .text em{display:block; width:90px; height:4px; background:#fff; margin:0 auto;}
#nbtit .text h3{font-size:18px; }
}
@media (min-width:768px) and (max-width:1200px)
{ 
#nbtit{ top:18%;  }
#nbtit .text h2{font-size:25px;}
#nbtit .text em{display:block; width:90px; height:4px; background:#fff; margin:0 auto;}
#nbtit .text h3{font-size:20px; }
}
@media (min-width:1px) and (max-width:768px)
{ 
.swiper-bar .text{position:absolute; top:30%; width:100%; text-align:center; display:none; }
.swiper-bar .text h3{font-size:80px; color:#fff; line-height:2em; display:block;}
.swiper-bar .text p{font-size:40px; color:#fff; line-height:2em; display:block; text-transform:uppercase;}
.swiper-bar .text a{ background:#d71625; width:300px; color:#fff; border-radius:0px;}
}


#ntframe1{background:#ffffff;}
.catelist{border-bottom:solid 1px #eaeaea; background:#ffffff;}
.catelist ul{text-align:center;}
.catelist ul li{ margin:0px; border-right:solid 1px #eaeaea;}
.catelist ul li:last-child{border-right:0px;}
.catelist ul li a{ display:block; font-size:18px; color:#000000; padding:0px 30px;line-height:70px; }

.catelist ul li.active a{ background:#0071d7; color:#fff; font-weight:bold;}
.catelist ul li:hover a{ background:#0071d7;color:#fff;font-weight:bold;}
#ntframe1 .newslist_Content { padding-top:50px; padding-bottom:50px;}
@media (min-width:1px) and (max-width:768px)
{ 
#ntframe1 .newslist_Content .col-xs-12{padding:0px;}
.catelist .container{padding:0px;}
.catelist ul li{ margin:0px;padding:0px 5px; }
.catelist ul li a{font-size:12px; padding:0px 10px;}

}
#ntframe{background:url(../images/abbg1.jpg) no-repeat center top; }
#ntframe img{max-width:100%;}
.mianbaoxie{ display:none;}
.breadcrumb{background:none; padding-top:10px; padding-bottom:10px;}
.mianbaoxie ul li{line-height:25px;}
.breadcrumb > li + li:before {color: #000000;content: "> ";padding: 0 5px;}



#company-profile{padding-bottom:50px; background:#f5f5f5;}

#company-profile .tit h3{display:block; font-size:35px; text-transform:uppercase; line-height:2em; text-align:center;}
.txttit div{display:block; font-size:30px; color:#9c9c9c; text-transform:uppercase; line-height:2em;}
.txttit{width:400px;text-align:center;position:relative;z-index:999;}
/*.txttit div:after,.txttit div:before{position:absolute;background:#ffc50a;content:"";height:2px;top:50%;width:100px}*/
.txttit div:before{left:10px}
.txttit div:after{right:10px}
#company-profile .content{margin-top:50px;}


#companyculture{background:url(../images/ab_bg.jpg) no-repeat center top;}
#companyculture  #about2{ padding-top:50px; padding-bottom:50px;}
#companyculture  #about2 .abpck{ padding:65px 50px; min-height:329px;}
#companyculture  #about2 .abpck h3{color:#fff; display:block; font-size:32px;line-height:2em;}
#companyculture  #about2 .abpck p{color:#fff; display:block; font-size:24px;line-height:2em;}
#companyculture  #about2 .abpck4 h3{color:#093875;}
#companyculture  #about2 .abpck4 p{color:#333333;}



#shenlongstyle{background:#fff; padding-top:60px; padding-bottom:60px;}
#shenlongstyle #about2{}
#shenlongstyle #about2 .content{margin-top:50px; line-height:2em;}
#shenlongstyle #about2 .content img{max-width:100%;}
#shenlongstyle #about2 .tit h3{display:block; font-size:35px; text-transform:uppercase; color:#333; line-height:2em; text-align:center;}
#shenlongstyle #about2 .txttit div{color:#9c9c9c;}

.apcp{ margin-bottom:25px;}
.apcp span{display:block; font-size:18px; text-align:center; height:2em; line-height:2em; overflow:hidden;}
[class*=' imghvr-'],[class^=imghvr-]{position:relative;display:block;margin:0;max-width:100%; background-color:rgba(0,0,0,.75);color:#fff; border:solid 1px #eaeaea; overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transform:translateZ(0);transform:translateZ(0)}
[class*=' imghvr-']>img,[class^=imghvr-]>img{vertical-align:top;max-width:100%;width:100%}
[class*=' imghvr-'] figcaption,[class^=imghvr-] figcaption{background-color:inherit;padding:30px;position:absolute;top:0;bottom:0;left:0;right:0}
[class*=' imghvr-'] h3,[class*=' imghvr-'] p,[class^=imghvr-] h3,[class^=imghvr-] p{margin:0;padding:0;color:#fff; margin-top:20%; text-align:center;}
[class*=' imghvr-'] a,[class^=imghvr-] a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}
[class*=' imghvr-'],[class*=' imghvr-'] *,[class*=' imghvr-'] :after,[class*=' imghvr-'] :before,[class*=' imghvr-']:after,[class*=' imghvr-']:before,[class^=imghvr-],[class^=imghvr-] *,[class^=imghvr-] :after,[class^=imghvr-] :before,[class^=imghvr-]:after,[class^=imghvr-]:before{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .35s ease;transition:all .35s ease}
[class*=' imghvr-slide-']:hover figcaption,[class^=imghvr-slide-]:hover figcaption{-webkit-transform:translate(0,0);transform:translate(0,0)}
.imghvr-slide-right figcaption{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.imghvr-slide-left figcaption{-webkit-transform:translateX(100%);transform:translateX(100%);background-color:inherit}
@media (min-width:1px) and (max-width:768px) {
    #shenlongstyle{ padding-top:20px; padding-bottom:30px;}
    #company-profile .content{margin-top:15px;}
    #shenlongstyle #about2{padding:0px;}
    #shenlongstyle #about2 .tit h3{font-size:30px;}
    #shenlongstyle #about2 .txttit div{font-size:25px;}
    #shenlongstyle #about2 .content{ margin-top:15px; padding:0px;}
}

.EQlist_Content{padding-bottom:50px;}


#ntframe .right .content.common {
    padding-top: 0px;
}
.news-list{margin-bottom:25px;}
.news-list .media{border:solid 1px #eaeaea; padding:25px; background:#fff;}
.news-list .media .media-left p{ background:#cecfd0; display:block; padding:10px 15px; text-align:center; }
.news-list .media .media-left span{display:block; font-size:24px; color:#fff; line-height:2em;}
.news-list .media .media-left em{display:block; width:80px; margin:0px auto; height:2px; background:#fff;}
.news-list .media .media-left span:last-child{display:block; font-size:14px; color:#fff; line-height:2em;}


.news-list .media .media-body{padding-left:35px;}
.news-list .media .media-body .media-heading{font-size:16px; line-height:2em;display:block; font-weight:bold; color:#000;}
.news-list .media .media-body .media-heading i{ float:right!important; }
.news-list .media .media-body .media-heading:hover{color:#13b5ce;}
.news-list .media .media-body span{font-size:12px; color:#999999; display:block ; }
.news-list .media .media-body p{font-size:13px; line-height:2em; color:#666666; display:block ; }

.news-list .media:hover{background:#0071d7;}
.news-list .media:hover .media-left p{background:#004a8c;}
.news-list .media:hover .media-body .media-heading{color:#fff;}
.news-list .media:hover .media-body span{color:#fff;}
.news-list .media:hover .media-body p{color:#fff;}

@media (min-width:1px) and (max-width:768px) {
.news-list .media{ padding-top:0px;}
.news-list .media .media-body .media-heading{font-size:18px;  margin-top:10px;}
.news-list .media .media-body p{font-size:14px;}
.news-list .media .media-left{display:block; width:100%; max-width:100%; }
.news-list .media .media-body{display:block; width:100%;padding-left:0px;}
.news-list .media .media-left a img{max-width:100%; width:100%;}
}



.review-list{padding:5px;border:0px; border-radius:0px; overflow:hidden;}
.review-list img{ display:block; padding:5px; width:100%; height:auto; border:solid 1px #eaeaea;transition: all 0.6s;  -ms-transition: all 0.8s; }
.review-list .caption{overflow:hidden; width:100%;}
.review-list .caption h4{display:block; font-size:16px; color:#000000; line-height:2em; height:2em; overflow:hidden;}
.review-list .caption p{display:block; font-size:14px; color:#666666; line-height:1.5em;min-height:1.5em;}
.review-list .caption span{display:inline-block; width:100px; margin-top:5px; font-size:14px; color:#999999; line-height:2em;}
.review-list .caption a.more{display:inline-block; margin-top:5px; font-size:14px; color:#085ca8; line-height:2em;}
.review-list .caption h4:hover{color:#434290;}


.newsdetailtit{text-align:center; margin-top:50px}
.newsdetailtit h3{display:block; font-size:24px;}
.newsdetailtit p{font-size:14px; line-height:2em; display:block;}
.newsdetailcontent{padding-top:20px; padding-bottom:50px;}
.review-list:hover img{transform: scale(1.1);  -ms-transform: scale(1.1);}

#saixuan{display:block; border-bottom:solid 1px #eaeaea; margin-bottom:25px;}
#saixuan .dropdown{display:inline-block; background:none;}
#saixuan .dropdown .btn{ background:none; font-size:16px; line-height:2em;}
#saixuan .dropdown ul li a{font-size:16px; line-height:2em;}
.reviewdetailtit{ margin:0px 45px;}
.reviewdetailtit h3{display:block; font-size:20px; line-height:2em;font-weight:bold;}
.reviewdetailtit p{display:block; font-size:14px; color:#000000; line-height:1.5em;height:1.5em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.reviewdetailtit span{display:block; width:60px;text-align:center; background:#ffc102; margin-top:5px; font-size:14px;height:2em; color:#ffffff; line-height:2em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
@media (min-width:1px) and (max-width:768px) {
.reviewdetailtit{ margin:0px 15px;}
}
@media (min-width:768px) and (max-width:1024px) {
.reviewdetailtit{ margin:0px 15px;}
}

.ment-list.cumap-list .caption p{color:#999;}
.contactlist h3{display:block; font-size:24px; color:#000000; line-height:2em;font-weight:bold;}
.contactlist p{display:block; font-size:14px; color:#000000; line-height:2em;}

.BMapLabel{position:relative!important;}


.pagination>li>a, .pagination>li>span{border:0; border-radius:50%;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color:#333; background:#ffbe02; border-radius:50%; padding:5px 10px}
.pagination>li>a:hover, .pagination>li>span:hover{ border-radius:50%;}



.visionlist .thumbnail { border-radius:0px;}
.visionlist .thumbnail .img{ height:150px; overflow:hidden; text-align:center;}
.visionlist .thumbnail .img img{ height:auto; width:100%;}
.visionlist .thumbnail .caption{border-top:solid 1px #eaeaea;}
.visionlist .thumbnail .caption h4{ display:block; text-align:center; font-size:18px;line-height:2em;}

#ntframe2{background:#fff; padding-top:25px; padding-bottom:50px;}


.Pro_title{ display:inline-block; text-align:left; padding-top:25px; padding-bottom:25px;}
.Pro_title h3{display:inline-block; padding-left:50px;}
.Pro_title .btn-group{ float:right; padding-right:50px; display:inline-block;}
.Pro_title .btn-group .btn{background:none; border:0px; box-shadow:none;}

.cateprolist ul li {
    display: block;
    border-bottom: solid 1px #eaeaea;
}
.cateprolist ul li a{ display:block; font-size:16px; padding:0px 15px; color:#000000; line-height:3em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cateprolist ul li a span{color:#666666; float:right; font-size:16px;    position: absolute;    right: 10px;}
.cateprolist ul li a.active{ color:#fff;background:#0072d7;}
.cateprolist ul li a.active span{color:#fff;  }
.cateprolist ul li.active a.fist{ color:#fff;background:#0072d7;}
.cateprolist ul li.active a.fist span{color:#fff;  }
.cateprolist ul li a:hover{ color:#fff;background:#0072d7;}
.cateprolist ul li a.hover{ color:#fff;background:#0072d7;}
.cateprolist ul li a.hover span{color:#fff;  }
.cateprolist ul li ul{ }
.cateprolist ul li ul li{border-bottom:0px;}
.cateprolist ul li ul li a{ padding-left:25px; font-size:14px; line-height:3em; display:block;}
.cateprolist ul li ul li a:hover{background:#045aaf;}

.cateprolist ul li ul li ul li{border-bottom:0px;}
.cateprolist ul li ul li ul li a{ padding-left:40px; font-size:12px; line-height:3em; display:block;}
.cateprolist ul li ul li ul li a:hover{background:#045aaf;}


.cateprolist2{ padding:0px; width:20%;}
.proright{ padding:0px 0px 0px 0px; width:80%; overflow:hidden;}


.cateprolist2 ul li ul.towul{display:none;}






.pro_right_list {
    padding: 0px 15px;
    margin-bottom: 50px;
}
.pro_right_list .text{margin-bottom:0px;}

.procatelist{ background:#eaeaea; margin-bottom:25px;}
.procatelist .procate_left{padding:15px 35px;}
.procatelist .procate_left h3{display:block; font-size:30px; color:#99d31f; line-height:2em; font-weight:bold;}
.procatelist .procate_left em{display:block;background:#99d31f; height:1px;}
.procatelist .procate_left p{margin-top:15px; display:block; line-height:2em;}
.procatelist .procate_left ul{padding:15px 0px;}
.procatelist .procate_left ul li{width:30%;}
.procatelist .procate_left ul li a{display:block; font-size:16px; color:#333; line-height:2em;}
.procatelist .procate_left ul li a:hover{color:#0072d7;}
.procatelist .procate_right{ padding:10px;}
@media (min-width:1px) and (max-width:768px) {
#ntframe2{background:#fff; padding-top:0px; padding-bottom:25px;}
#ntframe2 .container .detail_show img{ width:100%; height:auto;}
.procatelist .procate_left{padding:15px;}
.procatelist .procate_left ul li{width:50%;}
.procatelist .procate_left ul li a{font-size:12px;}
.cateprolist{padding:0px;}
#ntframe2 .pro_right_list {padding:25px 0px; margin-top:25px;}
.cateprolist ul{display:inline-block;}
.cateprolist ul li{ display:inline-block; padding-left:10px; }
.cateprolist ul li a{ display:block; font-size:12px; color:#000000; line-height:2em;}

.cateprolist ul li.active a{ margin-left:0px; color:#ffc50a;}
.cateprolist ul li:hover a{ margin-left:0px; color:#ffc50a;}
.cateprolist ul li a i{display:none;}
.cateprolist ul li.active a i{display:none;}
.cateprolist li:first-child a{font-weight:bold;}

.cateprolist2{display:block; width:100%; margin-bottom:25px;}
.cateprolist2 ul{display:block; width:100%;} 
.cateprolist2 ul li{display:block; width:100%; background:#fff;} 
.cateprolist2 ul li a{ display:block; font-size:20px; padding:0px 35px; color:#000000; line-height:3em; }
.cateprolist2 ul li a span{color:#666666; float:right; font-weight:bold; font-size:20px;}
.cateprolist2 ul li a.active{ color:#fff;background:#0072d7;}
.cateprolist2 ul li a.active span{color:#fff;  }
.cateprolist2 ul li.active a.fist{ color:#fff;background:#0072d7;}
.cateprolist2 ul li.active a.fist span{color:#fff;  }
.cateprolist2 ul li a:hover{ color:#fff;background:#0072d7;}
.cateprolist2 ul li a.hover{ color:#fff;background:#0072d7;}
.cateprolist2 ul li a.hover span{color:#fff;  }
.cateprolist2 ul li ul{ }
.cateprolist2 ul li ul li{border-bottom:0px;}
.cateprolist2 ul li ul li a{ padding-left:50px; font-size:16px; line-height:3em; display:block;}
.cateprolist2 ul li ul li a:hover{background:#045aaf;}

.cateprolist2 ul li ul li ul li{border-bottom:0px;}
.cateprolist2 ul li ul li ul li a{ padding-left:75px; font-size:14px; line-height:3em; display:block;}
.cateprolist2 ul li ul li ul li a:hover{background:#045aaf;}
}
.pcp{background:#fff; display:block; padding:0px; border:solid 1px #dddddd; border-right:0px; border-top:0px;}

.pcp .thumbnail{padding:0px; border-radius:0px; background:#fff; border:0px;}
.pcp .thumbnail .ipti{display:block; position:relative; height:280px; vertical-align:middle; text-align:center; overflow:hidden;}
.pcp .thumbnail .ipti img{display:block; width:90%; height:auto;position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pcp .thumbnail .caption{ padding:25px 35px;}
.pcp .thumbnail .caption a{ display:block; text-align:left; font-size:20px;line-height:1.2em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.pcp .thumbnail .caption a span{display:block; font-size:16px; color:#666666;}
.pcp .thumbnail .caption a.more{display:block; text-align:center; font-size:16px;}
.pcp .thumbnail .caption a i{ margin-left:15px;}
.pcp:hover a{color:#0072d7;}

@media (min-width:1px) and (max-width:768px)
{
.pro_right_list{margin-top:0px; padding-top:0px;}

.Pro_title h3{padding-left:15px;}
.proright{ padding:0px 15px 0px 15px; width:100%; overflow:hidden;}
.pcp .thumbnail .ipti{height:150px;}
.pcp .thumbnail .caption {padding:10px 10px;}
.pcp .thumbnail .caption a{font-size:16px;}
.pcp .thumbnail .caption a span{font-size:14px;}
.pcp .thumbnail .caption a.more{font-size:12px;}
  
}


.detail_img .gallery-top{border:solid 1px #eaeaea;}
.detail_img .gallery-top .swiper-slide img{ width:100%; height:auto;}

.detail_img span{display:block; font-size:18px; color:#000; line-height:2em;}
.detail_img .swiper-button-next,.detail_img  .swiper-button-prev{}
.detail_img .gallery-thumbs{}
.detail_img .gallery-thumbs .swiper-slide img{border:solid 2px #eaeaea; width:100%; height:auto;}
.detail_img .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border:solid 1px #99d31f;}

.detail_remark{padding:45px;}
.detail_remark h3{display:block;font-size:24px; color:#333333; line-height:2em; font-weight:bold; border-bottom:solid 1px #eaeaea;}
.detail_remark h2{display:block;font-size:34px; color:#333333; line-height:2em; font-weight:bold; border-bottom:solid 1px #eaeaea;}
.detail_remark p{display:block;font-size:18px; color:#333; line-height:2em; margin-top:25px;}
.detail_remark a.btn{background:#0072d7; color:#fff; font-size:18px; line-height:2em; display:block; width:150px; border-radius:10px;  margin-top:25px;}
@media (min-width:1px) and (max-width:768px)
{
    .detail_remark h3{font-size:16px;}
    .detail_remark h2 {
        font-size: 20px;
    }
}


.detail_show h3{display:block;font-size:24px; color:#333333; font-weight:bold; background:url(../images/detail_xiangguan.jpg) no-repeat left bottom; line-height:3em;margin-top:25px; margin-bottom:25px;}
#inquiry h3{display:block;font-size:24px; color:#99d31f; line-height:2em;margin-top:25px;}

.detail_xiangguan h3{display:block;font-size:24px; color:#333333; font-weight:bold; background:url(../images/detail_xiangguan.jpg) no-repeat left bottom; line-height:3em;margin-top:25px; margin-bottom:25px;}

.detail_xiangguan .swiper-button-prev,.detail_xiangguan .swiper-button-next{ width:50px; height:50px ;border-radius:50%; color:#fff; background:#999999;}
.detail_xiangguan .swiper-button-next:after,.detail_xiangguan .swiper-button-prev:after{font-size:25px; line-height:50px;}


.detail_xiangguan .pcp{border:0px;}
.detail_xiangguan .pcp .thumbnail{border:solid 1px #eaeaea;}
.detail_xiangguan .pcp .thumbnail .caption{border-top:solid 1px #eaeaea; padding:10px 25px;}
.detail_xiangguan .pcp .thumbnail .caption h4{display:block; line-height:2em;  font-size:16px;}

.gallery-thumbs .nav-tabs{border:0px; background:url(../images/detail_xiangguan.jpg) no-repeat left bottom;}
.gallery-thumbs .nav-tabs li.active{margin-bottom:2px; }
.gallery-thumbs .nav-tabs>li.active>a,.gallery-thumbs .nav-tabs>li.active>a:focus,.gallery-thumbs .nav-tabs>li.active>a:hover{ background:none; border:0px; font-size:18px;}
.gallery-thumbs .nav-tabs li:hover a{ background:none; border:0px; color:#ffc50a; font-size:18px;}
.gallery-thumbs .nav-tabs li a{ background:none; border:0px; color:#000; font-size:18px;}
.gallery-thumbs .tab-content{padding:35px 0px; line-height:2em;}

.pro_detail_catelist{}
.pro_detail_catelist ul{ width:100%; display:inline-block; border-bottom:solid 1px #dddddd; background:none;}
.pro_detail_catelist ul li{}
.pro_detail_catelist ul li a{display:block; font-size:14px; color:#000000; line-height:2em; padding:10px 35px; background:#f1f1f1;}
.detail_show h4.leo_h4{display:block; font-size:25px; line-height:2em;}
.detail_show{font-size:14px; line-height:2em;}
.detail_show img{max-width:100%;}
.contactlist {
    text-align: center;
    margin-top: 35px;
}
.contactlist i{font-size:80px; line-height:2em; display:block;}
.contactlist span{font-size:20px; line-height:2em; display:block;}
.contactlist p{font-size:18px; line-height:2em; display:block;}
.contact_tit h3{ background:url(../images/tit_bg.png) no-repeat left top; font-size:24px; color:#fff; padding-left:15px; line-height:50px;}


#pro_feed_show{margin-top:50px; margin-bottom:50px;}
#pro_feed_show h3{font-size:35px; color:#000000; line-height:2em; display:block;}
#pro_feed_show h4{font-size:25px; color:#000000; line-height:2em; display:block; margin-bottom:35px;}

#pro_feed_show .input-group{border:solid 1px #dddddd; background:none; margin-bottom:15px;}
#pro_feed_show .input-group label.input-group-addon{ background:none; color:#999999; border:0px;line-height:40px;}
#pro_feed_show .input-group input{ background:none; color:#999999; border:0px; line-height:50px;height:50px; box-shadow:none;}
#pro_feed_show .input-group textarea{ background:none; color:#999999; border:0px;line-height:35px; box-shadow:none;}
#pro_feed_show .btn{ display:block; width:100%; font-size:24px; line-height:45px;  background:#0071d7; border:solid 1px #0071d7;  color:#fff; border-radius:0px;}


@media (min-width:1px) and (max-width:768px) {
.contactlist i{font-size:50px; }
.contactlist span{font-size:18px;}
.contactlist p{font-size:16px; height:2em;}
.contactlist ul li{padding:0px;}
.contactlist ul li a.btn{padding:3px 0px;}
}
.sitemaps{ padding-bottom:50px;}
.sitemaps h2{font-size:18px; font-weight:bold;}
.sitemaps .cate1 li a{font-size:18px; color:#000; line-height:2em; margin-left:20px;}
.sitemaps .cate2 li a{font-size:16px; color:#333; line-height:2em;}
.sitemaps .cate2 li ul li a{font-size:14px; color:#666; line-height:2em; margin-left:40px;}
.sitemaps .cate1 li ul li a{font-size:14px; color:#666; line-height:2em;}
.sitemaps a.a3{font-size:18px; color:#000; line-height:2em;margin-left:20px;}



.contact_left{}
.contact_left .text{ border-left:solid 1px #333333;}
.contact_left .media{border-bottom:solid 1px #333333;padding-bottom:15px; }
.contact_left .media .media-body h3{ display:block; font-size:35px; font-weight:bold; color:#666666;line-height:2em;}
.contact_left .media .media-body h4{ display:block; font-size:20px; font-weight:bold; color:#666666; line-height:2em;}
.contact_left .media .media-body p{ display:block; font-size:14px;color:#666666; line-height:2em;}
.contact_left .hottel{font-size:35px; color:#ffc50a;font-weight:bold; line-height:3em; text-align:center;}
.contact_left .hottel i{font-size:35px; color:#ffc50a;}

@media (min-width:1px) and (max-width:768px) {
.contact_left .text{ border-left:0;}
.contact_left .media .media-left{display:block; display:none;}
.contact_left .media .media-body{display:block;}
.contact_left .hottel{font-size:25px; color:#ffc50a;}
.contact_left .hottel i{font-size:25px; color:#ffc50a;}
}
.material_img .gallery-top{height:450px;}


.material_img .gallery-top .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.material_img .gallery-top .swiper-slide img{ border:solid 1px #dddddd; height:auto;}
.material_img .gallery-top .swiper-slide-active,.gallery-top  .swiper-slide-duplicate-active {
    transform: scale(1.7); z-index:999;
}

@media (min-width:1px) and (max-width:768px) {
.material_img .gallery-top{height:250px;}
.material_img .gallery-top .swiper-slide-active, .gallery-top .swiper-slide-duplicate-active{ transform: scale(1);}
#ntframe2 .container{ padding-left:0px; padding-right:0px;}
#ntframe2 .cateprolist,#ntframe2 .material_text{ padding-left:0px; padding-right:0px;}
}
@media (min-width:1px) and (max-width:768px) {
.detail_img{padding:0px 15px;}
.detail_remark{padding:0px 15px;}
.detail_show{padding:0px 15px;}
.detail_xiangguan{padding:0px 15px;}
}
.materleft,.materright{ margin-top:25px; }
.materright A{ color:#000; font-size:21px; line-height:2EM;}
.materright{font-size:18px; color:#666666; line-height:2EM;}
.materleft img{border:solid 1px #eaeaea; box-shadow:0 0 3px #ddd; width:100%;}

.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
/* .suspension .a-email .i{background-position:0 0;} */
.suspension .a-email .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:left bottom;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-email{top:138px;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item .i-email{width:44px;height:44px;background:url(../images/side_con_icon04.png) no-repeat center center;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:100%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

#contact_list{text-align:right;}
.contact_div{z-index:99; width:450px; padding:30px; text-align:left; margin-right:15px; margin-top:-580px; position:relative; background:#fff; min-height:600px; border-bottom:solid 20px #0071d7;}
.contact_div h2{ display:block; font-size:40px; color:#bcbcbc; font-weight:bold; line-height:1.2em; text-transform:uppercase;}
.contact_div h2 b{display:block; font-size:32px; color:#0071d7; display:none;}
.contact_div h3{font-size:20px; color:#b31d73; display:block;  line-height:2em;}
.contact_div p{font-size:14px; display:block; line-height:3em;}
.contact_div p i{font-size:18px; margin-right:10px;}
#join1 { padding-top:70px; padding-bottom:70px;}
#join1 h3{display:block; font-size:24px; font-weight:bold; line-height:2em;}
#join1 h4{display:block; font-size:18px; font-weight:bold; line-height:2em;color:#444444; margin-top:25px;}
#join1 p{display:block; font-size:14px;text-indent:40px; line-height:2em; color:#666666;}
#join1 img{ width:100%; height:auto;}

#join2{padding:0px; background:#134d9d;}
#join2 .left_div{ padding:0px;}
#join2 .left_div img{width:100%; height:auto;}
#join2 .right_div{ padding:50px 50px;}
#join2 .right_div .swiper-job{ padding-top:80px;}
#join2 .right_div .swiper-slide h3{ display:block; font-size:24px; color:#fff; line-height:2em;}
#join2 .right_div .swiper-slide p{ display:block; font-size:13px; color:#fff; line-height:2em; margin-top:15px;}
#join2 .right_div .swiper-slide .btn{ background:none; color:#fff; margin-top:15px; border-radius:0px;}
#join2 .right_div .swiper-job .swiper-button-next,#join2 .right_div .swiper-job .swiper-button-prev{ top:0px; margin:0px; border:solid 1px #ffffff; width:35px; height:35px; border-radius:50%;}
#join2 .right_div .swiper-job .swiper-button-prev,#join2 .right_div .swiper-job .swiper-container-rtl .swiper-button-next{}
#join2 .right_div .swiper-job .swiper-button-next,#join2 .right_div .swiper-job  .swiper-container-rtl .swiper-button-prev{ right:auto;left:50px;}
#join2 .right_div .swiper-job .swiper-button-next:after,#join2 .right_div .swiper-job  .swiper-button-prev:after{ font-size:18px; color:#fff;}

#join3{padding-top:50px; padding-bottom:50px;}
#join3 h3{display:block; font-size:34px; color:#000000; line-height:2em;}
#join3 p{display:block; font-size:18px; color:#000000;line-height:2em;}
#join3 .tit{ margin-bottom:25px;}
#join3 .join_pak{}
#join3 .join_pak img{display:block; width:100%; height:auto;}
#join3 .join_pak .caption{display:block;padding:20px 35px; background:#134d9d;}
#join3 .join_pak .caption h3{display:block; font-size:16px; color:#fff;}
#join3 .join_pak .caption a{display:block; font-size:18px; color:#fff; background:none; width:150px; border-radius:0px; margin-top:15px;}
@media (min-width:768px) and (max-width:960px) {
    #join3 .join_pak .caption h3{display:block; font-size:12px; color:#fff;}
    #join2 .right_div .swiper-slide h3{font-size:18px; height:2em; overflow:hidden;}
    #join2 .right_div .swiper-slide p{ max-height:6em; overflow:hidden;}
#join3 .join_pak .caption{padding:20px 15px; }
}
@media (min-width:960px) and (max-width:1300px) {
#join2 .right_div{ padding:25px 50px;}
#join2 .right_div .swiper-job{ padding-top:40px;}
#join3 .join_pak .caption{padding:20px 15px; }
    #join3 .join_pak .caption h3{display:block; font-size:12px; color:#fff;}
    #join2 .right_div .swiper-slide h3{font-size:18px; height:2em; overflow:hidden;}
    #join2 .right_div .swiper-slide p{ max-height:6em; overflow:hidden;}
}
@media (min-width:1px) and (max-width:768px)
{
#join1 h4{font-size:16px;}
#join1 p{font-size:14px;}
#join2 .right_div .swiper-slide h3{ font-size:18px;}
#join2 .right_div .swiper-slide p{font-size:14px;}
#join3 .join_pak .caption h3{font-size:16px;}
}

#neirong{padding-top:50px; padding-bottom:50px;}
#neirong img{width:100%; height:auto;}

.server_pnk h3{ display:block; font-size:24px; color:#337FE5; line-height:2em; margin-top:50px;}
.server_pnk p{ display:block; font-size:16px; color:#333333; line-height:2em;}

.pagination > li:first-child > a, .pagination > li:first-child > span{border-radius:0px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{border-radius:0px;}
.pagination > li > a, .pagination > li > span{border-radius:0px;}
.pagination > li>a{ margin-left:5px; border:solid 1px #eaeaea;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ margin-left:5px; border-radius:0px;}


@media (min-width:1px) and (max-width:768px)
{    .server_pnk{padding:0px; margin:0px;}
    .server_pnk p{font-size:14px;}
    .server_pnk img{ margin-top:15px;}
    .pro_detail_catelist ul{ margin-top:25px;}
    .pro_detail_catelist ul li{ margin-right:2px; padding:0px;}
    .pro_detail_catelist ul li a{font-size:14px; padding:5px 2px;}
    #neirong{ padding-top:30px;}
    #neirong .content{ padding:0px; font-size:18px;}
        #neirong .content h3{ font-size:20px;}
        #neirong .content h4{ font-size:16px;}
    .server_pnk .col-xs-6{ width:100%; padding:0px;}
    .server_pnk h3{ margin-top:15px;}
    .news-list .media .media-left {display:none;}
    .news-list .media{padding:15px;}
    .news-list .media .media-body .media-heading{ margin-top:0px;}
    .txttit{ width:auto;}
    #ntframe .container{ padding:0px;}
     #companyculture #about2 .abpck{padding:25px; min-height:100px; background-position:left top; background-size:100% 100%; }
    #companyculture #about2 .abpck:first-child{background:url(../images/ab_pck1.jpg);}
    #companyculture #about2 .abpck:nth-child(2){background:url(../images/ab_pck2.jpg)}
    #companyculture #about2 .abpck:nth-child(3){background:url(../images/ab_pck3.jpg)}
    #companyculture #about2 .abpck:nth-child(4){background:url(../images/ab_pck4.jpg)}
    #companyculture #about2 .abpck:last-child{background:url(../images/ab_pck5.jpg)}
    #companyculture #about2 .abpck h3 {
        font-size: 18px;
    }
    #companyculture #about2 .abpck p{font-size:16px;}
    #about2 .content img{ max-width:100%; height:auto;}
    .contact_div{padding:15px; width:100%;}
    .contact_div p{font-size:16px;}
}

@media (min-width:768px) and (max-width:1200px)
{
     #companyculture #about2 .abpck{padding:65px 25px;}
   #companyculture #about2 .abpck h3 { font-size: 20px; }
  #companyculture #about2 .abpck p{  font-size: 12px;    }
}
@media (min-width:1200px) and (max-width:1400px)
{
     #companyculture #about2 .abpck{padding:65px 25px;}
   #companyculture #about2 .abpck h3 { font-size: 25px; }
     #companyculture #about2 .abpck p{  font-size: 18px;    }
}

#about_workshop{ padding-top:50px; padding-bottom:50px; background:url(../images/about_workshop.jpg) no-repeat center top; background-size:cover;}
#about_workshop h3{display:block; color:#fff; font-size:35px; line-height:2em; text-align:center;}
#about_workshop p{display:block; color:#fff; font-size:20px; line-height:2em; text-align:center; margin-bottom:35px; text-transform:uppercase;}

.pcpAll{ background:#fff; margin-bottom:25px; padding-top:15px; padding-bottom:15px;}
.pcpAll .media{ background:#f1f1f1;}
.pcpAll .media-left .media-object{ background:#fff; padding:10px; border:solid 1px #dddddd; width:250px;}
.pcpAll .media-body{ padding-top:15px; padding-left:25px;}
.pcpAll .media-body .media-heading{display:block; font-size:20px;font-weight:bold; color:#000000; line-height:2em;}
.pcpAll .media-body p{display:block; font-size:14px; color:#666666; margin-top:10px; line-height:2em;}


@media (min-width:1px) and (max-width:768px) {
    .pcpAll .media-left{ display:block; padding:0px;}
    .pcpAll .media-left .media-object{ width:100%;}
    .pcpAll .media-body{ padding:10px;}
    .pcpAll .media-body .media-heading{font-size:16px;}
    .pcpAll .media-body p{font-size:12px;}
}


.pserpcp{}
.pserpcp img{ width:100%; height:auto; display:block; border:solid 1px #eaeaea;}
.pserpcp .caption h3{display:block; font-size:16px; line-height:2em; height:2em; overflow:hidden; text-align:center;}

.title_tit{ margin-top:25px; margin-bottom:25px;}

.sb-container div{ width:200px; height:300px;}
.sb-container div img{ width:100%; height:auto;}

.prser_news_list{ margin-bottom:50px;}
.prser_news_list ul li a{ font-size:16px; line-height:2em;  display:block;}
.prser_job_list ul li h3{ font-size:18px; line-height:2em;  display:block; font-weight:bold; color:#000000;}
.prser_job_list ul li p{ font-size:16px; line-height:2em;color:#666666;  display:block;margin-top:10px; }
.prser_job_list ul li a.btn{ font-size:16px; line-height:2em; color:#000000; display:block;  width:100px; margin-top:10px; }