@charset "utf-8";


/*********自己写的样式*********/
.padnone{padding:0px;}
.pad_rg_none{padding-right:0px;}
.pad_lf_none{padding-left:0px;}
.mrg0{margin-right:0px !important;}

.p-0{padding:0}

/*********头部样式*********/
.header{height:120px;background:url(../images/hd_bg.jpg) no-repeat top center;}
.xs-logo{width:70%;}
.in_all{overflow:hidden;width: 25%;margin-top: 18px;}
.pull_all{padding-top: 0px;height: 120px;width: 1170px;}
.pull_all img {float: left;}
.pull_all p {color:#333;font-size:16px;line-height: 30px;margin-top: 30px;float: left;letter-spacing:1px}
.pull_all p span{color:#88d236;font-weight: bold;}
img.pull-left.imseg {margin: 15px 0 0 30px;}
.in_all span{font-size:25px;color:#ed1c24;letter-spacing:1px;display:block; font-weight:bold;}
.in_all p{color:#555;font-size:15px;margin: 0 ;line-height: 28px;margin-top: 10px;padding-right:25px;}


/*********左侧*********/
#innercolor{color: #fff;}
#innerbgcolor{background-color: #ed1c24;}
.sec-tit h5 i{color: #fff;}
.sec-tit h2{height: 45px;line-height: 45px;padding-left: 15px;font-size: 16px;}

.sec-tit h5 a{color: #fff;margin-right: 5px;}
.sec-tit h5 a:hover{background: #ed1c24; }
.sec-tit h5 a:hover i{color: #fff;}
.sec-marquee-c ul li{font-size: 14px;}
.sec-tit{height: 45px;line-height: 45px;background:#018cdf;}
.page-l-clist li{background:#eff4f4;}
.page-l-clist li a{display:block;}
.page-l-clist li a:hover {background:#018cdf;border-bottom: 1px solid #ed1c24;height: 45px;line-height: 45px;color: #fff;font-size: 15px;}
.left-news li h5:hover{color: #018cdf;}
.sec-tit.left-keyword-tit {display: none;}
.page-l-clist,.sec-tit h2,.sec-tit{border-color:#018cdf;}
.page-l-clist li:hover{background:#018cdf; color:#fff;}
#innerbgcolor{background:#f08300;}

.pagination>.active>span{background-color: #018cdf;border-color: #018cdf;}
.pagination>li>a{color: #018cdf;}

header nav.navbar.bootsnav {border-bottom: solid 3px #018cdf;background:url(../images/tbj_02.jpg) no-repeat center bottom;}

.wleome{background:#018cdf; width:100%;height:35px; color:#fff;font-size:14px;line-height:35px;}
.wleome .hot_tel{ font-size:16px;font-weight:bold;}

/*搜索*/
.rowlist { height:60px;background:url(../images/ssbg.jpg);}
.rowlist .lae {font-size: 14px; height:60px; line-height:60px; color:#Fff;}
.rowlist .lae p i.fa{font-size:24px;color:#d92630;margin-right:10px;}
.rowlist .lae .col-md-3 { padding:0; }
.rowlist .col-md-9.main p span a{margin-left:10px; }
.rowlist .col-md-9.main p span a:hover{color: #119d28;}
.nsearch, .searchbox .keywords,.submit { float:left;}
.searchbox .keywords { height:36px; line-height:36px;border:1px solid #fff;border-top-left-radius:20px;border-bottom-left-radius:20px;}
.nsearch { margin-top:6px;}
.searchbox .keywords { margin-top:12px; width: 230px;}
.nsearch select { height:36px; line-height:36px;}
.submit { margin:12px 0 0 0px; width:50px; height:36px; line-height:31px; background:#f08300; border:none; color:#fff;border-top-right-radius:20px;border-bottom-right-radius:20px;}
.rowlist .lae .col-md-11 {line-height:47px;}


/*********导航样式*********/
.navbar-full{background:#018cdf;}
nav.navbar.bootsnav ul.nav > li > a{ color: #fff;text-transform: uppercase;padding: 21px 17px!important; display:inline-block;}
nav.navbar.bootsnav ul.nav > li > a:hover{color: #fff }
nav.navbar.bootsnav ul.nav > li{background:url(../images/menu_fgx.png) no-repeat right center;}
.nav > li:after {background: #fff;height:2px;}
nav.navbar.bootsnav ul.nav > li:hover a {color: #fff;background: #f08300;}
.dropdown-menu{min-width: 188px;}
nav.navbar.bootsnav ul.nav > li:hover li a {color:#fff;background: #018cdf;}
nav.navbar.bootsnav ul.nav > li:hover li a:hover{color: #fff;background: #f08300;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{border-bottom: solid 1px #2257aa;text-align: center;padding: 13px 15px;}

.navbar-full .collapse{width:100%;}
.navbar-full{background:none; text-align:right;}
header .navbar-nav{float:right;margin-top:15px;}
.logo img{ margin:18px 0 10px 0}

header nav.navbar.bootsnav ul.nav > li > a{font-size: 16px;}
.welcome{background:#018cdf; padding:4px 0; width:100%;overflow:hidden;color:#Fff}
.visit{font-size:14px;}
.top_tel{text-align:right;font-size:15px;font-weight:bold;}

nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{right:6%;top: 33%;}

header nav.navbar.bootsnav ul.nav > li > a{position:relative;}
header nav.navbar.bootsnav ul.nav > li > a:hover{background:#018cdf;}
header nav.navbar.bootsnav ul.nav ul.dropdown-menu{position:absolute; z-index:999;}
header nav.navbar.bootsnav ul.nav ul.dropdown-menu li a{background:#fff;color:#777;}
header nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover{background:#018cdf;color:#fff;}
header .navbar li{margin-top:1px;}
.dropdown-menu {min-width: 120px;}

.searchbox .keywords{color:#777;font-size:14px;}

/*  */
.sever_img{border:1px #ddd solid; border-radius:100px;width:170px;height:170px;text-align:center;padding:40px 0 0 0;}
.sever_img p{font-size:16px;margin-top:5px;}
.fanwei{padding:50px 0;}


/*关于我们*/
.gywm {padding:50px 0px 10px 0;}

.aboutusBt{text-align: center;margin-bottom: 30px;}
.aboutusBt h3{ text-align:center; font-size:32px; color:#fff;letter-spacing:2px;margin:0px; padding-top:0px;font-weight:bold;height:60px;line-height: 50px;background:url(../images/advantage_03.png) no-repeat center;}	
.aboutusBt h4 { text-align:center; font-weight:100; font-size:18px; color:#393e42;line-height:34px;margin: 0px;}
.aboutusBt p {color:#c2c2c2;font-size:12px;text-transform:uppercase;}

.aboutusBt2 h3{ background:url(../images/titlebg.png) no-repeat center; color:#018cdf;}	

.aboutus{padding:10px 0 10px 0;}

.aboutus .idx_about h2{font-size: 36px;color: #555;margin:0px;line-height: 32px;}
.aboutus .idx_about h3{font-size: 28px;color: #018cdf;font-weight: bold;margin-top: 10px;line-height: 48px;background:url(../images/aboutline.png) no-repeat 127px 23px;}
.aboutus .idx_about h3 a{float:right;font-size:12px; color:#666;border:1px #7cc1e8 solid; border-radius:100px;line-height:26px;padding:2px 20px;background:#fff; margin-top:12px;font-weight:100;}
.aboutus .idx_about h3 a:hover{background:#018cdf;color:#fff;}
ul.guanggby{ background:#f8f8f8; border:1px #ddd solid;padding:15px;overflow:hidden;}
ul.guanggby li{float:left;margin:0px 2% 0 2%;width:46%;}
ul.guanggby li i{float:left;font-size:56px;color:#018cdf;margin:5px 10px 0 0;}
ul.guanggby li h4{font-size:15px;margin-bottom:5px;}
ul.guanggby li p{ color:#888;}
ul.guanggby li:nth-child(1) i{font-size:50px;}


.gy_mian{font-size:15px;color:#333;margin:15px 0px 25px;line-height:30px;height:176px;overflow: hidden;overflow-y: auto;}
.gy_mian::-webkit-scrollbar {width: 6px;}
.gy_mian::-webkit-scrollbar-track {background-color:#ddd;-webkit-border-radius: 2em;-moz-border-radiusus: 2em;border-radius:2em;}
.gy_mian::-webkit-scrollbar-thumb {background-color:#018cdf;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em;opacity: 0.5; }

.aboutus-right-img{background: url(../images/ssbg.jpg);position:relative; width:92%;height:393px; margin:30px 0 0 8%;}
.aboutus-right-img img{max-width:100%;position:absolute;top:-20px;left:-20px;border:3px #fff solid;}

.aboutusBtn{width: 180px;border-radius: 2px;position:relative;background:none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius: 16px;}
.aboutusBtn:after {content: '';position: absolute;width: 0%;height: 100%;top: 0;left: 0;background:#4d4d4d;display:block;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;    border-radius: 16px;}
.aboutus:hover .aboutusBtn:after{width:100%;}
.aboutus:hover .aboutusBtn{color:#fff;background:#ed1c24;border:1px solid #ed1c24;}
.scienceBtn{margin-top:20px;}

/* 服务流程 */
.service {   padding: 30px 0 50px 0;}
.dc {width: 100%;text-align: left;background: url(../images/lc_icos2.png) 30px center no-repeat;height:181px;padding-left:75px;}
.dc1{transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;text-align:left; padding:43px 0 0 19px;}
.dc1 i{font-size:50px;color:#fff;}
.dc h4 {font-size: 22px; color: #fff;line-height: 26px;font-weight:100;}
.dc_x {width: 15px;height: 2px;font-style:bold;margin: 0px auto;background:#7f868c;}
.dc p { font-size: 16px; color: #868686; line-height: 26px;margin: 12px 0px;}



/*********c产品展示样式*********/
/*产品*/
.pro_content a.pro_img img{max-height:210px;}


/*产品展示*/
.portab {margin-top: 30px;}
.portab .item .ar_2{background: none;color: #000;font-size: 15px;line-height: 42px;height: 42px;}
.portab .item:hover .ar_2{color: #000;}
.portab .item .ar_2:hover{color: #000;}
.portab .item .ar_1 .img-auto:hover{border: 1px solid #fff;}
.portab .item .ar_1 .img-auto{height: 207px;width: auto;overflow: hidden;display: block;border: 1px solid #fff;padding: 10px;}
.portab .item .ar_1 img{height: auto;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;transition:.5s;max-width: 100%;max-height: inherit;}
.portab .item .ar_1 img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -o-transform: scale(1.1);transform: scale(1.1);}
.portab .item {border: 1px solid #ccc;margin-bottom: 28px;background: #fff;}  
.portab .item:hover{border: 1px solid #005fbb;}

.product_title h3{font-size:30px;}
.pro_class a{background:#018cdf;padding:9px 0;}
.product_content ul.fenlei{width:500px; margin:0 auto;}
.pro_class a:hover{background:#f08300;}

.product_bg{padding:60px 0 40px 0;background: url(../images/probg.jpg);}	

.pro_title p{font-size:26px;letter-spacing:2px;background: url(../images/advantage_03.png) bottom center no-repeat;height:60px;padding-top:10px;}
.pro_title p span{font-weight:bold;}
.pro_content a{font-size:16px;}

/*adv*/
.adv_title{background: url(../images/p1_t.jpg) bottom center repeat-x;border-top:5px #018cdf solid; padding-top:30px;}
.ys_top {height: 130px;text-align: center;margin: 25px 0px 50px;}
.yst_bt {font-size: 30px;font-weight: bold;color: #018cdf;padding-top: 21px;}
.yst_bt span{color:#f08300;}
.yst_z {font-size: 18px;padding-top: 20px;}
.transform{text-transform:uppercase;}

/* 广告 */
.ggcent{background:url(../images/ssbg.jpg); padding:30px 0; color:#fff;}
.advertising{position:relative; border:1px #fff solid; text-align:center; top:35px;}
.advertising label{position:absolute; top:-20px; font-size:26px;left:17%; background:#ffae00; padding:6px 15px; letter-spacing:2px;;}
.advertising h3{font-size:36px;font-weight:bold;margin:30px 0 0 0;}
.advertising p{font-size:20px; padding:10px 0 10px 0;}
.ab_hottel{text-align:center;font-size:28px;margin-top:46px;}

/* */

/* 优势 */
.ggcentbg{ height:240px;background: url(../images/advantage2.jpg)no-repeat center top;color:#fff;text-align:center;}
.ggcentbg h2{ font-size:36px; margin:60px 0 15px 0; font-weight:bold;letter-spacing:2px;}
.ggcentbg h2 em{font-style:italic; margin-right:5px;font-size:40px;color:#ffde00;font-weight:700}
.ggcentbg h4{ font-size:20px;font-weight:100;}
.ggcentbg span{font-weight:100;}

.adv{ width: 100%; padding-top:0px; background: url(../images/bg_sdys.jpg) center -30px;padding:30px 0 30px 0;}
.yy_ys_title{ border-top:10px solid #028ae2; margin-top:10px;}
.yy_ys_title .p1{ text-align:center; line-height:38px; font-size:38px; font-weight:bold; color:#028ae2; margin-top:25px;}
.yy_ys_title .p1 span{color:#fe0000; margin-left:10px;}
.yy_ys_title .p2{ text-align:center; line-height:36px; font-size:22px; color:#ccc; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}
.yy_ys_title .list{ text-align:center;}
.yy_ys_title .list span{ display:inline-block; width:160px;  height:35px; line-height:35px; font-size:18px; margin:5px 1px 5px 1px; color:#FFF;}
.yy_ys_title .list{ text-align:center;}
.yy_ys_title .list span{ display:inline-block; width:160px;  height:35px; line-height:35px; font-size:18px; margin:5px 1px 5px 1px; color:#FFF;}

.list span {display: inline-block;width: 160px;height: 35px;line-height: 35px;font-size: 18px;margin: 5px 1px 5px 1px;color: #FFF;}
.list{ text-align:center;}
.list span{ display:inline-block; width:160px;  height:35px; line-height:35px; font-size:18px; margin:5px 1px 5px 1px; color:#FFF;}
.sec-adv .bt-all{margin-bottom:20px;}

.adv-all{ margin-top:20px;background:url(../images/ysbjzj.gif) repeat-y center top;margin-bottom:20px;}
.ysnr{text-align:left;}
.ysnr .p1{border-bottom:1px solid #adadad; padding:0 0 10px 0; font:24px "Microsoft Yahei"; color:#018cdf; font-weight:bold; margin-bottom:20px;}
.ysnr .p1 span{ display:block; float:left; margin-right:15px; background:#ffae00; width:60px; height:50px;font:36px Impact;text-align:center;color:#fff;line-height:50px;}
.ysnr .p1 em{ display:block; color:#fe0000; padding-left:45px; font-style:normal;}
.ysnr .p2{ clear:both;color:#333333; margin-bottom:0; font:16px "Microsoft Yahei"; line-height:30px; padding-left:5px; padding-bottom:12px; margin-left:8px}
.ysnr .p2 i{color:#018cdf; margin:10px 8px 30px 0;float:left;}
.ysnr .p2 span{ color:#fe0000; font-weight:bold;}
.ys_line{height:34px;}
.adv-img img{max-width:100%; margin-left:2%; padding:1.5%;}
.ysnr{margin: 0 20px 0 0px;}
.adv-two .ysnr{margin-left:15px;}
.ystitle{ text-align:center; margin-bottom:50px;}


/*案例展示*/
.case_mian {width:100%;padding:45px 0px 30px;}
.case_mian .whole_bt .tt,.case_mian .whole_bt .ms{color:#fff;}

/*走马灯向左*/
.swiper { width:100%; font-size:12px; overflow:hidden;}
.swiper .ar_1 { width:auto; height:200px; overflow:hidden; text-align:center; background:#fff; margin-left:10px; display:inline-block }
.swiper-marquee {margin: 20px 0px 10px;}
.marquee-case .item { border:1px solid #ccc;overflow:hidden; text-align: center;background:#fff;width:230px;height:166px;padding:5px;}
.marquee-case .item img {vertical-align:middle; max-height:100%;max-width:100%;height:auto;}
.marquee-case .swiper-slide { overflow: hidden; }
.marquee-case .swiper-slide p { height:35px;font-size:14px; line-height:35px; text-align: center;}

.marquee-case .swiper-slide ul { margin: 0; line-height: 40px;overflow:hidden; width:100%;}
.marquee-case .swiper-slide li {float:left; width:auto; height:40px;line-height:40px; padding:0 40px;}
.marquee-case .swiper-slide li a { font-size:14px;}
.marquee-case .swiper-slide .str_move {padding:0; width:auto;}

.case_box_more a{ display:block; background:#fff; border:2px solid #018cdf;transition:background 1s;width:145px;margin:20px auto 0px;text-align: center; line-height:40px;color: #666;font-size:15px; border-radius:25px;}
.case_box_more a:hover {background:#ed1c24;border: 2px solid #ed1c24;color: #fff;}


/*新闻资讯*/
.news_bg{width:100%;background:url(../images/in_03_bg.jpg);padding:35px 0px 45px;}

.news_title p{line-height:20px;}
.news_article p{line-height:20px;}
.news_date{height:68px;background:#018cdf;}

.news_list li{padding-bottom:21px;box-shadow: #ccc 0px 0px 10px 0px;}
.news_contact{box-shadow: #ccc 0px 0px 10px 0px;}
.news_article h5{padding-top:15px;}


.page-alist .page-adate { background: #018cdf;}

/*底部*/
.footers{background: url(../images/ssbg.jpg);padding-top: 0px;}
footer{background:none;}
.f1 img{padding: 30px 20px;}
.f2{padding: 30px 0 15px 10px;}
.f2 p{font-size: 15px;color: #fff;line-height: 30px;}
.f2 p span{margin-left:75px;}
.f3{padding-left: 35px;margin-top: 22px;}
.f3 .ema_1{float: left;}
.f3 .ema_1 img{padding: 8px 11px 6px 11px;width: 120px;}
.f3 .ema_1 p{font-size:14px;color:#fff;text-align:center;}
.f_two {background:#0079d6;padding:10px 0;border-top:1px #54b5ff solid;}
.f4 {font-size: 15px;color: #fff;line-height: 22px;}
.f4 p{margin:0;}


.news_article a:hover,.news_title h3 a:hover{color:#018cdf;}


@media (max-width: 768px) { 
  .displaynoen { display:none}
  .pull_all{width: 88%;}
  .xs-logo {width: 70%;padding-left: 6px;}
  .navbar-header{height:auto;}
  /**手机导航的按钮 **/ 
  body nav.navbar.bootsnav .navbar-toggle{margin-top: 15px;margin-right: 5px; padding: 6px 8px;background: #0093dd;color:#fff;}   
  .flexslider .slides li {height: 160px !important;}
  nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position:static;!important}
 
  .iconlist{padding:5px 0;}
  .iconlist li{width: 33%;margin: 0 0% 0;padding: 3% 0% 0;}
  .iconlist li a .ficon{width: 100px;background: #0093dd;line-height: 65px;height: 65px;}
  .iconlist li a .ficon i{font-size: 36px;margin-top:20px;}
  .iconlist li a p{font-size: 15px;}
   
  .row_lt .row{margin: 10px auto 0;}  
  .row_lt{height:590px;overflow: hidden;}

  .i_t,.gywm .i_t{font-size: 22px;line-height: 42px;}
  .i_t p, .gywm .i_t p{font-size: 13px;}
  
  .gywm {background: url(../images/gy_bg.jpg) repeat top left #f1f1f1;padding-top:10px;}
  .gsjj{background:none;}
  .gsjj .col-md-5 , .gsjj .col-md-7{width:100%;}
  .about p{color:#fff;}
  .anniu a{float: none;color: #0d74d9;
    background-color: #fff;}
  
  .ys_list ul li{width: 48%;}
  
  
  .ys_img img , .ys_img2 img{width:100%;}
  
nav.navbar.bootsnav ul.nav > li > a {color: #fff !important; background:#0093dd;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{color:#fff !important;padding:0px 10px;background:#0093dd;}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover{color:#fff;}

.bootsnav {border-bottom: 0px solid #f3f3f3 !important;}
  
  .logo img{width:90%;margin-top:3px;}
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a{padding:10px!important; text-align:center;}
  nav.navbar.bootsnav ul.nav > li:hover li a{display:block; text-align:center;background:#eee;color:#666;}

  .aboutus .idx_about h3{font-size:22px;margin-top:0;}
  .aboutus .idx_about h2{font-size:26px;}
  ul.guanggby li p{display:block;clear:both;line-height: 18px;}
  .aboutus-right-img{height:245px;}
  .ggcentbg h2{font-size:20px;}
  .ggcentbg h4{font-size:14px;}
  .ggcentbg h2{margin-top:12px;}
  .ggcentbg{height:112px;}
  .ysnr .p1,.advertising label{font-size:16px;}
  .ysnr .p2{font-size:14px;line-height:24px;}
  .adv-all{padding:0;}
  .adv-two .ysnr{margin:0;}
  .advertising h3{font-size:24px;}
  .ab_hottel{font-size:24px;}
  .aboutusBt h4{font-size:14px;line-height:24px;}
  .pro_title p,.aboutusBt h3{font-size:22px;}
  .aboutusBt h3{background-size:85%;}
  
  
}


.dc:hover{transition: .6s;transform: translateX(0px);animation:myfirst .8s;-moz-animation:myfirst .5s;-webkit-animation:myfirst .5s; -o-animation:myfirst .5s;}

from { transform:scale(.95)}
25%{transform:scale(1.1)}
50%{transform:scale(.9)}
75%{transform:scale(1.15)}
to { transform:scale(1)}
}

@-moz-keyframes myfirst /* Firefox */
{
  from { transform:scale(.95)}
  25%{transform:scale(1.1)}
  50%{transform:scale(.9)}
  75%{transform:scale(1.15)}
  to { transform:scale(1)}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
  from { transform:scale(.95)}
  25%{transform:scale(1.1)}
  50%{transform:scale(.9)}
  75%{transform:scale(1.15)}
  to { transform:scale(1)}
}

@-o-keyframes myfirst /* Opera */
{
  from { transform:scale(.95)}
  25%{transform:scale(1.1)}
  50%{transform:scale(.9)}
  75%{transform:scale(1.15)}
  to { transform:scale(1)}
}
