@charset "utf-8";
html,body{height:auto}
body { padding-top: 74px;overflow-x:hidden; font-size:14px; font-family: Arial, Helvetica, sans-serif;  color:#666; }
ul,li{ list-style:none;}
h2,h3,h4{ color:#333;}

a{	color:#333;	text-decoration:none;}
a:hover{	color:#333;	text-decoration: none;}


.combg{ background:#fcb43a;}
.comclor{ color:#fcb43a;}
.clor666{ color:#666;}
.clor2da9e3{ color:#2da9e3;}
.font-48{ font-size:48px;}
.font-38{ font-size:38px;}
.font-22{ font-size:22px;}
.m-b-30{margin-bottom:30px}
.m-b-40{margin-bottom:40px}
.m-b-50{margin-bottom:50px}
.m-t-40{ margin-top:40px;}
.m-t-50{ margin-top:50px;}
.m-t-30{ margin-top:30px;}
.m-t-20{ margin-top:20px;}
.font-gotham-light{font-family:"Gotham Light",Helvetica,Arial,sans-serif;font-weight:300;}
.fl{ float:left;}
.fr{ float:right;}
.xieti{ font-style:italic;}
.xs-show{ display:none;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
:after {text-indent: -9999em;overflow: hidden;}


.navbar-fixed-top .nav{padding:15px 0}
.navbar{border-width:thin;-webkit-transition:.2s;background-color:#fff;border-bottom:1px solid #e0e0e0;}
.navbar a{color:#666; font-weight:bold;}
.navbar-fixed-top .navbar-brand{padding:0px}
.navbar-header .icon-bar{background-color:#000}
.navbar-nav>li>.navbar-active{color:#fcb43a}
.navbar-scroll{background-color:#fff;animation-duration:2s;animation-name:smooth;-moz-box-shadow:1px 1px 1px #999;-webkit-box-shadow:1px 1px 1px #999;box-shadow:1px 1px 1px #999}
.jupytercon-nav>li>.black-tab{color:#666}
.navbar-logo{ margin-top:15px;}
.nav>li>a{font-size:16px;padding:12px 13px 10px}
.nav>li>a:hover{background-color:transparent;color:#fcb43a;-webkit-transition:.2s}
.nav>li>a:focus{background-color:#fff}
.nav>li>a:active{background-color:#F8F8F8}
.nav>li>a:visited{background-color:#F8F8F8}
.tel{ float:left; font-size:20px; color:#fcb43a; font-weight:600; background:url(../images/tel.png) left no-repeat; padding-left:35px; margin-top:6px; margin-left:30px;}

.btns{float:right;margin-right:20px;z-index:100;height:90px;}
.btns a{display:block;width:70px;height:90px;border-left:1px #d5d5d5 solid;}
.btns-language{width:55px !important;line-height:90px;position:relative;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;}
.btns-language .btns-en{width:55px;height:90px; background:#fff url("../images/btns-language.png") no-repeat 40px center;font-size:14px;color:#7a7a7a;font-family:'lucida_sans_unicode';padding-left:15px; line-height:90px;z-index:20;  position:absolute;top:0px;left:0px;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;}
.btns-language .btns-cn{width:86px;text-align:center;height:90px; background:#fff;font-size:14px;color:#7a7a7a;font-family:'lucida_sans_unicode'; line-height:90px;display:none; position:absolute;top:90px;left:0px;z-index:18;-webkit-transition:all 300ms;-moz-transition:all 300ms;transition:all 300ms;}

.dark-gradient-bg{ background:#333333;  color:#FFF;font-weight:500; text-align:center; font-size:18px; text-transform:uppercase;}
.nums{padding:25px 0px;}
.dark-gradient-bg .stats-number{ color:#fcb43a; font-size:20px; font-weight:bold; }
.jumbotron {  text-align: center;background-color:transparent; padding:0px;  }
.bgimage{height:660px;max-width:100%;margin:auto; overflow:hidden; position:relative;/*background:url(../images/jumu.jpg) center no-repeat;*/ }
.bg-video{visibility: visible; margin: auto; position: absolute; z-index: -1; left:50%; bottom:4%;  transform: translate(-50%,10%);   min-width:100%; min-height: 100%; width: auto; height: auto;}
.jumboheading p{text-align:center;color:#fff;font-weight:600;font-size:54px;padding:30px;width:70%;margin:auto}
.jumbotron h1{font-size:46px;color:#FFF;padding-top:180px;margin-bottom:-12px}
.btn-lg{ padding:15px 50px; font-size:25px;}


.tanchuang{ position:absolute; top:10%;}
.tc_text{ width:100%;  color:#3f3f3f; }
.tc_text p{ font-size:18px; padding:0px 2%;}
.tc_text p img{ width:100%; height:auto;}
.tanchuang .email{ color:#666;}
.telbtn{ font-size:16px; font-weight:bold; padding:10px 40px;}
.telbtn span{ background:url(../images/tel_icon2.jpg) left no-repeat; padding:10px 0px 10px 35px;}

.jianjie-title{ font-size:30px; color:#333; padding:0px 0px 20px;}
.jianjie-description{ font-size:18px;}

.marketing{ margin-top:4em;}
.marketing .col-lg-3 {  margin-bottom: 20px;  text-align: center;}
.marketing h2 { font-size:20px;}
.marketing .col-lg-3 p {  margin-right: 10px;  margin-left: 10px;}
.marketing a img{-webkit-transition:all 1s; 
-moz-transition:all 1s; 
-o-transition:all 1s; }
.marketing a:hover img{-webkit-transform:scale(1.0) rotate(360deg); 
-moz-transform:scale(1.0) rotate(360deg); 
-o-transform:scale(1.0) rotate(360deg); }

.case { width:1230px; padding:60px 0px 20px;}
.case div{ margin-bottom:10px;}
.case  a{ color:#000; position:relative;}
.case  a p{ padding:5px; height:50px;-webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}

.case .pic{ position:relative; width:100%; height:100%; background:#000; overflow:hidden; margin-bottom:0px;}
.case  .pic i{  position:absolute; z-index:22; top:0px; left:0px;  width:100%; height:100%; overflow:hidden; -webkit-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s;}
.case  a:hover .pic i{ display: block; background-color:#000;filter:alpha(Opacity=20);-moz-opacity:0.2;opacity: 0.2;}
.case  a:hover p{ background:#f0f0f0;}

.case img{ width:100%;/* height:200px;*/ height:200px;}


.more{ width:100%; color:#fcb43a !important; font-size:16px; border:#fcb43a 1px solid; border-radius:10px; font-weight: bold; padding:18px 0px;-webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s;}
.more:hover{ background:#fcb43a; color:#FFF !important;}
.casemore img{ float:left; width:60px; height:60px;}


.story{ background:#f8f8f8; padding:60px 0px; margin:50px 0px;}
.story .tit{ font-size:32px; color:#333; margin-top:10px;}
.story  iframe{ width:560px;height:350px;}
/*.story .picimg img{ width:560px;height:350px; position: relative; z-index:1;opacity:0.2!important; filter(alpha=20)!important;}
.story .picimg img:hover {opacity:1!important; filter(alpha=100)!important;}*/
.story .picimg img{ width:560px;height:350px; position: relative; z-index:1;}


.story .picimg .icon{ position:absolute;z-index:2;float:left;  width:560px; height:350px; background-color:#000;opacity:0.4; filter:alpha(Opacity=40); transition:all 0.5s;}
.story .picimg  i{ position:absolute; z-index:10; background:url(../images/play.png) center no-repeat;float:left;  width:560px; height:350px; }
.story .picimg a:hover .icon{filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}

.story .carousel{margin:0px;width:calc(100% - ($button-spacing * 2)); height:350px;}
/*
.carousel[data-shift="1"] .carousel-inner>.item{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.carousel .carousel-inner>.item.row{margin:0}
*/
.story .carousel .carousel-control{background:0 0;color:transparent;overflow:hidden;text-shadow:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100px; font-size:40px;}
.story .carousel .carousel-control:before{color:#444;font-family:'Glyphicons Halflings';position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100px;}
.story .carousel .carousel-control:after{width:100%}
.story .carousel .carousel-control:hover:after{box-shadow:0 0 30px 0 rgba(0,0,0,.7)}
.story .carousel .carousel-control.left{left:-100px}
.story .carousel .carousel-control.left:before{content: "\e257"}
.story .carousel .carousel-control.left:after{right:-100%}
.story .carousel .carousel-control.right{right:-100px}
.story .carousel .carousel-control.right:before{content: "\e258"}
.story .carousel .carousel-control.right:after{left:-100%}

<!--FAQS -->
.faqs{}
.faqlist {  margin:10px  0px !important;}
.panel-title{ font-weight:bold; color:#404040; padding:5px 0px;}
.panel-title > a:hover,.panel-title > a:focus{		    text-decoration: none;    outline: none;	}
.panel-title a{ padding-left:30px; font-size:20px; }
.panel-title a{/*content: "\2212"; color:#fcb43a;*/ background:url(../images/jian.png) left no-repeat;}
.panel-title .collapsed{	/*c content: "\002b";color:#fcb43a;*/	background:url(../images/jia.png) left no-repeat;}


.client{background:#f8f8f8; padding:50px 0px; margin-top:50px; height:auto;overflow:hidden; }
.client .h3{ padding-bottom:40px; height:50px; width:100%; clear:both; float:left;}
.client .list{ height:280px; }
.client .list b{ font-size:14px; font-weight:bold;text-shadow: none!important; color:#494949; text-transform:capitalize;}
.client .list p{text-shadow: none!important; text-align:left; color:#666;}


.visor-carousel,
.visor-carousel .visor-wrapper,
.visor-carousel .carousel-inner > .item {  height:200px;}
.visor-carousel .carousel-inner  .item { border-left:#c8c8c8 1px solid;}
.visor-carousel .carousel-inner  .item:nth-last-child(3n+0){ border-left:#8c8c8c 0px solid;}


.dibu{  background: url(../images/dibu_bg.jpg)  center no-repeat;  height:100%;background-size:cover; min-height:300px;}
<!--footer-->
.foot-nav{min-height:300px;background: url(images/foot_nav.jpg) center repeat-x; height:500px;}
.serviceSection {	margin-bottom: 40px;	margin-top: 40px;	margin-right: 0px;	margin-left: 0px;}
.serviceSection h4{ font-size:22px;}
.homePageIconDiv h1{font-weight:100;font-size:33px;}
.homePageIconDiv p{font-weight:200}

.aboutCompany{line-height:35px;margin-top:20px}
.aboutCompany p{color:#8c8c8c;}
.usefulLink{line-height:35px}
.usefulLink a{color:#8c8c8c;}
.aboutCompany span,.usefulLink span{float:left;color:#8c8c8c;margin-left:10px;font-size:20px;margin-top:7px;margin-right:10px}
.usefulLink span{font-size:12px;margin-top:11px}

footer{background:#15202d;line-height:60px;color:#9e9e9e; text-align:center;}

.ny-bgimage{height:520px;max-width:100%;margin:auto;}
.ny-bgimage h1{padding-top:120px; font-size:35px; text-transform:uppercase;}
.ny-bgimage p{text-align:center;color:#fff;font-weight:500;font-size:26px;padding:30px 30px 50px;width:70%;margin:auto; text-transform:capitalize;}
.line{background-color:#fcb43a;width:80px;height:4px; border-top:#000 0px solid;}

.service p{ clear:both;}

.adv{ padding:25px 20px;}
.adv h3{ margin-top:2px;}
.adv img{ width:100%; height:auto;}
.adv p{ color:#666; font-size:16px; line-height:1.8em;}
.adv .leimu{font-style: italic; font-size:14px; color:#7a7a7a; line-height:1.8em;}
.av_shipin{background: url(../images/av_shipin_bg.jpg)  center no-repeat;height:495px; width:100%; }
.av_shipin h2{ font-size:32px;color:#ffffff; padding:40px 0px;}
.av_shipin li p{ background-color:#FFF; height:60px; padding:10px ;}

.av_shipin iframe{ width:100%; height:200px;}

.subnav{border-bottom:#CCC 1px solid; font-size:18px; font-weight:600; height:32px; }
.subnav ul{ float:left; width:100%; padding:0px;  }
.subnav li{ float:left; text-decoration: none; padding-right:20px; height:32px; line-height:30px;}
.subnav li a{ color:#666666; }
.subnav-active{ padding-bottom:5px;border-bottom: 2px solid #fcb43a; color:#fcb43a !important;}
.e8 img{ width:335px; height:225px;}
.e8 ul{ margin-bottom:10px;}
.e8 ul a{ color:#000;}
.e8 ul a p{ padding:5px;}
.e8 ul a:hover p{ background:#f0f0f0;}


.sm-hid{display:none}


.nr .more2{ border-radius:0px; width:100%; padding:10px 0px;}
.content{ width:100%;}
.content img{ width:100%; height:auto;}
.content embed{width:100% !important; }
/*.content embed { max-width:830px; max-height:600px;}*/
.sidebar-module {  padding: 15px;  margin: 0 -15px 15px;}
.sidebar-module-inset {  padding:20px 30px;  background-color: #f0f0f0; }
.blog-post-meta{ padding:20px 0px;}

.caseinfo img{ width:100%; height:auto;}

.gbooks{padding:20px;  background-color: #f0f0f0;}
.gbooks h4{ color:#5094fa;}
/*新闻列表*/
.news{  }
.newslist{ height:auto; overflow:hidden; padding:20px 10px ;  border-bottom:#e2e2e2 1px solid; clear:both;}
.newspic{ background:#ededed; padding:5px; overflow:hidden;}
.newspic img{ width:250px; height:140px;}
.newslist .gengduo a{ color:#2da9e3;}
.newslist .newstit a:hover{ color:#2da9e3;}

.video{  margin:30px 0px 0px; padding:0px;}
.videolist{ padding:10px; }
.videolist a .pic{ position:relative;}
.videolist a img{ width:100%; height:100%;  position:relative;}
.videolist a p{ width:100%; background:#f0f0f0; padding:5px; height:55px;}
.videolist a span{ display:block; z-index:99; font-size:70px; color:#FFF; position: absolute;	top: 50%;	transform: translateY(-50%) translateX(-50%); left:50%;  }
.videolist a i{  z-index:98; background:#000; position: absolute; width:100%; height:100%; top:0px; left:0px;filter:alpha(Opacity=40);-moz-opacity:0.4;opacity: 0.4;}
.videolist a:hover span{}
.videolist a:hover i{ transition:all 0.5s;filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;}

/*案例详情*/
.More_pic{width:100%; margin:30px auto 0px; }
.More_pic .lineal{height:4px; width:80px; background:#fcb43a; margin:10px auto 30px;}
.More_pic .albt{ width:100%; height:auto;text-align:center; font-size:24px; color:#333;}
.More_pic div{ margin:0px; padding:0px;}

.galleryaa:after { content: '';    display: block;    height: 2px;    margin: .5em 0 1.4em ;}
.galleryaa a img {    height: 100%;}
.galleryaa a { float:left;    width: 290px;    height: 200px;     overflow: hidden;      display: inline-block;  margin:10px; position: relative; border:#eaeaea 1px solid;   }
.galleryaa .tit{   width:290px; bottom:0px; text-align:center; line-height:35px; color:#fff; z-index:2; bottom:0px; height:0px; position:absolute; float:left;}
.galleryaa a:hover .tit{ display:block; transition: all .6s; position:absolute; bottom:0px; height:40px;  background:url(../images/toutiao_bg.png) repeat;}
.galleryaa a:hover img{  transform: scale(1.3);    transition: all 1s ease 0s;    -webkit-transform: scale(1.3);    -webkit-transform: all 1s ease 0s;}
.baguetteBox {width:100%; 	 height:450px;	margin:0 auto;overflow:hidden;}

#wrap{width:100%;background:#fefefe; margin:0px ; padding:0px;}
.hiSlider{overflow:hidden;height:100%;width:100%;max-height:220px;background:#eee; margin:0px; padding:0px;}
.hiSlider-item{ width:100%; margin:0px; padding:0px;}
.hiSlider-item img{width:100%;}

.com_nr{ position:relative;  }
.blog-main{ float: left; }
.blog-sidebar{ float: right;}

#main {position: relative;    }
.float { position: fixed; width: 320px; top:77px; right: 50%; margin-right: -639px; }
.float2 { position: absolute; top: auto; bottom: 20px; right: 50%; margin-right: -639px;  }
/*新闻列表end*/
.col-md-2-5{float: left; width:20%; margin:0px; padding:0px; }
.licheng{ background:url(../images/licheng_bg.jpg) center no-repeat; height:455px; margin:30px auto; text-align:center;}
.licheng h4{ font-size:16px; font-weight:bold;}
.licheng p{ line-height:18px;}
.licheng1{ margin-top:154px; padding-top:158px; background:url(../images/lichengico1.jpg) top center no-repeat;}
.licheng2{ width:25%;background:url(../images/lichengico2.jpg) top left no-repeat; min-height:250px; padding-left:93px; padding-top:40px; text-align:left;}
.licheng3{ background:url(../images/lichengico3.jpg) top no-repeat; min-height:200px; padding-top:170px; margin-top:10px;}
.licheng4{ background:url(../images/lichengico4.jpg) top no-repeat; min-height:200px; padding-top:180px; margin-top:125px;}
.licheng5{width:15%; margin:0px; padding:0px; float:left;}
/* @media (min-width:1920px) {
.bgimage{ height:800px;}
 }*/

 @media (min-width:1280px) {
	 .nr{ width:1280px !important; position:relative;}
 }
 @media (min-width:1200px) { .container { width: 1200px}}
 @media (min-width:768px) { 
         .navbar .nav > li .dropdown-menu {  
            margin: 0;  
        }  
        .navbar .nav > li:hover .dropdown-menu {  
            display: block;  
        } 
}
@media (max-width:1200px){	
.client{ display:none;}
.adv{ padding:25px 0px;}
.adv img{ width:100%; height:auto;}
.xs-show{ display:block;}
.bgimage {background:url(../images/jumu.jpg) top no-repeat; height:620px;	}
.bg-video{ display:none; }

}
@media (max-width:1024px){	
.dark-gradient-bg{padding:20px 0px;}	
.bgimage{/* background:url(../images/jumu.jpg) center no-repeat;*/ width:100%; height:auto !important;padding-bottom:20px; overflow:hidden;}
.jumbotron h1{font-size:50px;color:#FFF;padding-top:100px;margin-bottom:-5px}

.tel{ display:none;}
.case{ width:100%;}
.case img{width:100%;  }
.carousel .carousel-control{ display:none;}
.story{ padding:40px 0px; margin:30px 0px;}
.story .carousel{ height:260px;}
.story  iframe{ width:100% !important; height:100% !important; min-height:250px;}
.story .picimg img{ width:100% !important; height:100% !important; min-height:250px;}
.story .picimg i{ display:none;}
.story .tit{ font-size:20px;}
.col-md-2-5{ width:50%;}
.licheng{ background:none; height:auto;}
.licheng1{ margin-top:0px;}
.licheng2,.licheng4{ margin-top:1em;}
.licheng5{ display:none;}
.md-hid{ display:none;}

	
	}
@media (max-width:992px){

.navbar-logo{height:36px;margin:20px}
.nav>li>a{font-size:13px;letter-spacing:.8px;padding-left:8px;padding-right:8px};
.tel{ display:none;}
.case{ width:100%;}
.story  iframe,.story .picimg img{ width:100% !important; height:100% !important; min-height:220px;}


}
@media (max-width:768px){
.nav>li>a{letter-spacing:1px;padding-left:6px;padding-right:6px}
.navbar-header{ margin:0px; padding:0px;}
.navbar-toggle{padding-top:10px}
.navbar-logo{height:30px;}
.tel{ display:none;}
.nums{padding:10px 0px;}
.bgimage {height: auto !important;padding-bottom:60px;/*background:url(../images/jumu.jpg) top no-repeat;*/	}

.jumbotron h1{font-size:30px;color:#FFF;padding-top:100px;margin-bottom:-5px}
.jumboheading p{text-align:center;color:#fff;font-weight:600;font-size:20px;padding:30px;width:70%;margin:auto}
.btn-lg{ padding:10px 20px; font-size:16px;}
.case{ width:100%;}

.story  iframe,.story .picimg img{ width:100% !important; height:100% !important; min-height:220px;}
.videolist a p{  height:70px;}

sm-hid{ display:none;}


}
@media (max-width:480px){
body { padding-top:50px;}
embed{ width:100% !important; height:100% !important; min-height:250px;}
.navbar-logo{height:30px; margin-top:0.5em;}
.dark-gradient-bg{display:none;}
.head_none{display:none !important; }

.ny-bgimage{height:480px;}
.case  .row{ margin:0px 2px;}
.case  .pic i{ display:none;}
.case .more{ width:100%; color:#fcb43a; font-size:16px; border:#fcb43a 1px solid; border-radius:10px; font-weight: bold; padding:10px 0px;}


.story{ padding:30px 0px; margin:20px 0px;}	
.story .carousel{ height:auto;}
.story  iframe,.story .picimg img{ width:100% !important; height:100% !important; min-height:200px; margin-bottom:30px;}
footer{ font-size:12px;}
.xs-hid{display:none;}
.xs-show{ display: block;}
.news{width:100%;  margin:0px; padding:0px;  }
.newslist{width:100%;  height:auto; overflow:hidden; padding: 0px; margin:0px; border-bottom:#e2e2e2 1px solid; clear:both;}
.newspic img{ width:100%; height:100%;}

.video{ width:100%; margin:0px; padding:0px;}
.videolist{ padding:0px; margin:0px; width:100%; }
.videolist a{  width:100%; margin:0px; padding:20px 0px 0px; clear:both; float:left;}
.videolist a div{ width:100%; margin:0px; padding:0px;}
.videolist a img{ width:100%; height:auto;}
.videolist a p{ height:auto;}
.licheng{ background:none; height:auto;}

.col-md-2-5{ width:100%;}
.licheng1{ margin-top:0px;}
.licheng2,.licheng4{ margin-top:1em;}

}

/* Animation Timers
---------------------------------*/
.delay-02s {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}
.delay-03s {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}
.delay-04s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}
.delay-06s {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.delay-07s {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}
.delay-08s {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.delay-09s {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}
.delay-1s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}
.delay-12s {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}