@charset "utf-8";
/* 公共 */
html,body{ width:100%; height:100%;}
body{ position:relative;}

.footer{background:url(../../images/img/alpha_black80.png) repeat; width:100%;}
.footer_2{ color:#aaa!important; font-size:14px; padding:25px 0 30px;  }
.footer_2 ul{padding-left: 40px;}
.footer_2 li{ display:inline;}
.footer_2 .item{ position:relative; width: 220px;
    float: left;}
.footer_2 .item_01{ margin-right:70px; }
.footer_2 .item_02{ margin-right:70px; }
.footer_2 .item .line{  height:1px; width:50px; background:#aaa; margin-bottom:20px;}
.footer_2 .item  p{line-height:26px;}
.footer_2 .item  p a{ color:#ccc;}
.footer_2 .item  p a:hover{ color:#fff;}
.footer_2 .item_03 .iconfont{ font-size:16px;}
.footer_2 .item_03 .p1{ margin-bottom:5px; }
.footer_2 .item_03 .p1 font{font-size:30px; font-family:Impact, "MS Sans Serif"; letter-spacing:2px; color:#fff;}
.footer_2 .item_03 .p2{ }

.foot{ padding:10px 0;}
.foot .iconfont{ font-size:16px;}
.foot p{ font-size:12px; line-height:22px; color:#888;}
.foot p a{ color:#aaa;}
.foot p a:hover{ color:#fff;}




/*案例*/
.page-case{ background-image:url(../../images/img/casebg.jpg); background-attachment:fixed; background-position:top center; }
.page-case .main{ padding-top:110px;}



.list_cases{ }
.list_cases .inner{ width:auto; margin:0 10px;}
.list_cases .bt{ color:#fff; height:50px; line-height:50px;}
.list_cases .bt h2{ font-size:18px; padding:0 13px;}
.list_cases ul{ width:100%;}
.list_cases li{ float:left; display:inline; width:33.3%;}
.list_cases .item{ display:block; width:auto; margin:0 5px 10px; height:auto; position:relative; overflow:hidden; background:#333;}
.list_cases .item .pic1{display: block;width: 100%; height:100%;background-repeat:no-repeat; background-position:center;/* background-size:100% 100%; background-size:cover;*/  background-color:#fff;  overflow:hidden;}
.list_cases .item .pic2{position: absolute;top:-200px;left: 0;right:0;bottom:auto;z-index: -1; background-repeat:no-repeat; background-position:center; background-color:#fff;background-size:auto; overflow:hidden; height:100%; width:100%;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.list_cases .item .pic2 h1{
    padding: 25% 10px;
    font-size: 18px;
    text-align: center;
    color: #8C2620;
}
.list_cases .item .pic2 h1 em{
    font-size: 15px;
    color: #333;
}
.list_cases .item .title{ height:40px; line-height:40px; white-space:nowrap; color:#fff; font-size:14px; position:absolute; top:auto; bottom:-40px; left:0; right:0; z-index:9; background:url(../../images/img/alpha_jianbian.png) repeat-x; background-size:100% 100%; padding:80px 10px 0;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(0px,100px, 0);
-moz-transition: translate3d(0px, 100px, 0);
-o-transition: translate3d(0px, 100px, 0);
transition: translate3d(0px, 100px, 0);}
.list_cases .item .title:hover{ line-height:30px;}
.list_cases .item:hover{
transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-webkit-transform: scale(1,1);
-moz-webkit-transform: scale(1,1);}
.list_cases .item:hover .pic1{
transform: scale(0.9,0.9);
-webkit-transform: scale(0.9,0.9);
-o-webkit-transform: scale(0.9,0.9);
-moz-webkit-transform: scale(0.9,0.9);
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.list_cases .item:hover .pic2{z-index: 1; top:0px;
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;     /* khtml, old safari */
-moz-opacity: 1;      /* mozilla, netscape */
opacity: 1;
/*-webkit-box-shadow:0px 1px 10px rgba(0,0,0,0.2);           
-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.2);              
box-shadow:0px 1px 10px rgba(0,0,0,0.2);
behavior: url(ie-css3.htc);*/ }
.list_cases .item:hover .title{ bottom:0px;
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;     /* khtml, old safari */
-moz-opacity: 1;      /* mozilla, netscape */
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}




/*案例详情*/
.page-case_article { background-color:#fff; /*background-image:url(../../images/img/casebg.jpg);*/ background-attachment:fixed; background-position:top center;}
.page-case_article .case_head{ padding:130px 0 70px; background-image:url(../../images/img/bg_casehead.jpg); background-attachment:fixed; background-position:top center; background-size:cover;}
.page-case_article .case_head h1{ color:#fff; font-size:32px; text-align:center; padding:10px 20px 10px; line-height:50px; margin-bottom:30px;}
.page-case_article .case_head .operate{ font-size:0; text-align:center;}
.page-case_article .case_head .operate .btn{ display:inilne-block; *display:inline; *zoom:1; padding:0px 15px; line-height:40px; height:40px; font-size:14px; margin:0 10px;}
.page-case_article .case_head .operate .iconfont{ font-size:16px;}
.page-case_article .main{ padding-top:30px; margin-bottom:80px;}
.page-case_article .main .inner{ width:90%; position:relative;}
.page-case_article .main .part-l{ width:100%; float:left;}
.page-case_article .main .part-l .part-body{ width:100%; position:relative;}
.page-case_article .main .part-r{ width:30%; float:right;}
.page-case_article .main .part-r .part-body{ }

.page-case_article .main.gowidth .part-l{ width:100%;
transition-delay:100ms; 
-o-transition-delay:100ms;
-moz-transition-delay:100ms;
-webkit-transition-delay:100ms;}
.page-case_article .main.gowidth .part-r{ width:0%;}
.page-case_article .main.gowidth .caseinfo{ right:-300px;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.page-case_article .main.gowidth .btn_gowidth_back{right:5px;
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;     /* khtml, old safari */
-moz-opacity: 1;      /* mozilla, netscape */
opacity: 1;
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}

.page-case_article .caseinfo{ position:fixed; width:23%; right:60px; top:95px; background-image:url(../../images/img/alpha_white80.png); background-repeat:repeat; padding:20px; z-index:9; -moz-box-shadow:0px 1px 20px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 1px 20px rgba(0,0,0,0.2);
box-shadow:0px 1px 20px rgba(0,0,0,0.2);}
.page-case_article .caseinfo .title{ color:#333; font-size:18px;}
.page-case_article .caseinfo .img{ width:160px; display:none;}
.page-case_article .caseinfo .desc{ color:#666; line-height:22px;}
.page-case_article .operate .btn{ display:inline-block;*display:inline;*zoom:1; padding:10px 15px; font-size:14px;}
.page-case_article .operate .iconfont{ font-size:16px;}
.page-case_article .main .btn_gowidth{ position:fixed; right:5px; top:95px;}
.page-case_article .main .btn_gowidth a{display:block;width:48px; height:48px; line-height:48px; position:relative;  text-align:center; border:1px solid;border-color:transparent; background-image:url(../../images/img/alpha_black50.png);color:#fff;}
.page-case_article .main .btn_gowidth a .icon{font-size:20px;}
.page-case_article .main .btn_gowidth a:hover{ border-color:#ff8a00;}
.page-case_article .main .btn_gowidth_back{position:fixed; right:-50px; top:95px;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.page-case_article .main .btn_gowidth_back a{display:block;width:48px; height:48px; position:relative; background-color:#ff8a00;  text-align:center; border:1px solid;border-color:#ff8a00; background-image:url(../../images/img/alpha_black50.png);color:#fff;}
.page-case_article .main .btn_gowidth_back a>.icon{ font-size:20px; position:absolute; left:13px; top:13px;}
.page-case_article .main .btn_gowidth_back a p{ padding-top:4px; line-height:20px; font-size:12px; letter-spacing:2px;}
.page-case_article .main .btn_gowidth_back a .hover{ display:none;}
.page-case_article .main .btn_gowidth_back a:hover{}
.page-case_article .main .btn_gowidth_back a:hover .hover{ display:block;}
.page-case_article .main .btn_gowidth_back a:hover>.icon{ display:none;}
.page-case_article .main .btn_gowidth_back a:hover{background:#f77913; color:#fff; border-color:#f77913;}

.page-case_article .text_box img{ max-width:100%; width:auto; display:block; margin:0 auto;}
.page-case_article .main.gowidth .text_box img{ width:auto;}





/*新闻*/
.page-news{ background-image:url(../../images/img/newsbg.jpg); background-attachment:fixed; background-position:top center; background-color:#efefef; background-size:cover; }
.page-news .main{ padding-top:150px;min-height: 580px;}

.list_news{ min-height:400px; padding:10px 0 30px;}
.list_news li{ width:50%; float:left; display:inline;}
.list_news .item{ display:block; position:relative; height:120px; margin-bottom:30px;}
.list_news .item .fg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.list_news .item .fg .date{ position:absolute; left:0; top:0; width:118px; height:118px; border:1px #fff solid; background:#fff;font-family:Impact, "MS Sans Serif"; text-align:center;
filter: alpha(opacity=50);/* internet explorer */
-khtml-opacity: 0.5;     /* khtml, old safari */
-moz-opacity: 0.5; 
opacity:0.5;}
.list_news .item .fg .date .day,.list_news .item .fg .date .month{  font-size:44px; height:40px; line-height:40px;margin-bottom:5px; margin-top:20px;  color:#666;}
.list_news .item .fg .date .month{ font-size:22px; margin-top:0; line-height:30px;}
.list_news .item .fg .arrow{ position:absolute; right:-100px; top:50%; margin-top:-25px; text-align:center; width:50px; height:50px; font-size:30px; color:#fff; line-height:50px;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.list_news .item .fg .txt{ padding:25px 60px 20px 145px;}
.list_news .item .fg .line{ width:80px; height:1px; background:#dbdbdb; margin-bottom:10px;}
.list_news .item .fg .title{ font-size:18px; height:30px; line-height:30px; margin-bottom:10px; color:#111;}
.list_news .item .fg .desc{ font-size:14px; color:#888;}

.list_news .item .bg{ width:100%; height:100%;}
.list_news .item .bg .bg_in{ width:0%; height:100%;}
.list_news .item .bg .bg_in.fl{ background:#fff;}
.list_news .item .bg .bg_in.fr{ background:#fff;}

.list_news .item:hover .date{ border-color:#B21B1E; background:#fff;}
.list_news .item:hover .date{
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;     /* khtml, old safari */
-moz-opacity: 1; 
opacity:1;}
.list_news .item:hover .title{ color:#fff;}
.list_news .item:hover .desc{ color:#fff}
.list_news .item:hover .fg .arrow{ right:5px;
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;     /* khtml, old safari */
-moz-opacity: 1; 
opacity:1;
transition-delay:200ms; 
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms;}
.list_news .item:hover .fg .arrow:hover{ right:-5px;}
.list_news .item:hover .bg .bg_in.fl{ width:100%;background:#B21B1E;}
.list_news .item:hover .bg .bg_in.fr{ width:0%;}


/*资讯详情*/
.page-news_article { background-color:#fff; /*background-image:url(../../images/img/newsbg.jpg)*/; background-attachment:fixed; background-position:top center;}
.page-news_article .main{  margin-bottom:80px;}
.page-news_article .main .inner{ width:90%; position:relative;}
.page-news_article .main .part-l{ width:66%; float:left;}
.page-news_article .main .part-l .part-body{ width:100%; position:relative; margin-top:170px;}
.page-news_article .main .part-r{ width:30%; float:right;}
.page-news_article .main .part-r .part-body{ }

.page-news_article .main.gowidth .part-l{ width:100%;
transition-delay:100ms; 
-o-transition-delay:100ms;
-moz-transition-delay:100ms;
-webkit-transition-delay:100ms;}
.page-news_article .main.gowidth .part-r{ width:0%;}
.page-news_article .main.gowidth .hotnews{ right:-300px;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.page-news_article .main.gowidth .btn_gowidth_back{right:5px;
filter: alpha(opacity=100);/* internet explorer */
-khtml-opacity: 1;     /* khtml, old safari */
-moz-opacity: 1;      /* mozilla, netscape */
opacity: 1;
transition-delay:500ms; 
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms;}

.page-news_article .hotnews{ width:80%; margin-top:180px;}
.page-news_article .hotnews .title{ color:#333; font-size:18px; padding-left:10px;}
.page-news_article .hotnews li{ font-size:14px; padding:5px 0;}
.page-news_article .hotnews li a{ line-height:24px; padding-left:10px;}
.page-news_article .hotnews li a:hover{ color:#B21B1E; border-left:3px #B21B1E solid;}
.page-news_article .operate{ padding-left:10px;}
.page-news_article .operate .btn{ display:inline-block;*display:inline;*zoom:1; padding:10px 15px; font-size:14px;}
.page-news_article .operate .iconfont{ font-size:16px;}
.page-news_article .main .btn_gowidth{ position:fixed; right:5px; top:50%; margin-top:-20px;}
.page-news_article .main .btn_gowidth a{display:block;width:48px; height:48px; line-height:48px; position:relative;  text-align:center; border:1px solid;border-color:transparent; background-image:url(../../images/img/alpha_black50.png);color:#fff;}
.page-news_article .main .btn_gowidth a .icon{font-size:20px;}
.page-news_article .main .btn_gowidth a:hover{ border-color:#ff8a00;}
.page-news_article .main .btn_gowidth_back{position:fixed; right:-50px; top:50%;margin-top:-20px;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.page-news_article .main .btn_gowidth_back a{display:block;width:48px; height:48px; position:relative; background-color:#ff8a00;  text-align:center; border:1px solid;border-color:#ff8a00; background-image:url(../../images/img/alpha_black50.png);color:#fff;}
.page-news_article .main .btn_gowidth_back a>.icon{ font-size:20px; position:absolute; left:13px; top:13px;}
.page-news_article .main .btn_gowidth_back a p{ padding-top:4px; line-height:20px; font-size:12px; letter-spacing:2px;}
.page-news_article .main .btn_gowidth_back a .hover{ display:none;}
.page-news_article .main .btn_gowidth_back a:hover{}
.page-news_article .main .btn_gowidth_back a:hover .hover{ display:block;}
.page-news_article .main .btn_gowidth_back a:hover>.icon{ display:none;}
.page-news_article .main .btn_gowidth_back a:hover{background:#f77913; color:#fff; border-color:#f77913;}

.page-news_article .headtitle{ margin-bottom:30px;}
.page-news_article .headtitle .date{ width:60px; height:60px; border:1px #B21B1E solid; background:#B21B1E; font-family:Impact, "MS Sans Serif"; color:#fff;}
.page-news_article .headtitle .date .day{ margin-top:5px; height:30px; line-height:30px; font-size:30px;}
.page-news_article .headtitle .date .month{ line-height:20px; line-height:20px; font-size:14px;}
.page-news_article .headtitle .txt{ padding-left:80px;}
.page-news_article .headtitle .txt h3{ font-size:20px; color:#5b330c; line-height:30px;}
.page-news_article .text_box{ line-height:26px; color:#666; font-size:14px;}
.page-news_article .text_box img{ max-width:100%; width:auto;}
.page-news_article .main.gowidth .text_box img{ width:auto;}



/*联络*/
.page-contact{ position:relative; overflow:hidden;}
.page-contact .head{ background:url(../../images/img/alpha_black80.png) repeat;}
.page-contact .main{ position:absolute;top:0; bottom:0; left:0; width:100%; height:100%;}
.page-contact .footer{ position:absolute; bottom:0; left:0; right:0; top:auto;}
.page-contact .footer .btn_gowidth{ display:block; width:50px; height:25px; line-height:40px; background:url(../../images/img/alpha_black80.png) repeat; text-align:center; color:#eee; font-size:20px;position:absolute; left:50%;margin-left:-25px; top:-25px;}
.page-contact .btn_gowidth_back{ display:block; width:50px; height:25px; line-height:40px; background:url(../../images/img/alpha_black80.png) repeat; text-align:center; color:#eee; font-size:20px;position:absolute; left:50%;margin-left:-25px; top:-25px;}
.page-contact .footer .btn_gowidth:hover,.page-contact .btn_gowidth_back:hover{ color:#fff;}
.page-contact .mini_footer{ position:absolute;bottom:-100px;left:0;right:0;top:auto; height:50px; line-height:50px; vertical-align:middle; background:url(../../images/img/alpha_black80.png);color:#fff; font-size:14px;}
.page-contact .mini_footer .inner .iconfont{ font-size:16px;}
.page-contact .mini_footer .inner{ width:90%;}
.page-contact .mini_footer a{ color:#aaa;}
.page-contact .mini_footer a:hover{ color:#fff;}
.page-contact .mini_footer .btn_gowidth_back{}


.page-contact.gowidth .head{ top:-90px;}
.page-contact.gowidth .footer{ top:auto; bottom:-300px;
filter: alpha(opacity=0);/* internet explorer */
-khtml-opacity: 0;     /* khtml, old safari */
-moz-opacity: 0; 
opacity:0;}
.page-contact.gowidth .mini_footer{ bottom:0;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity:1;
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
#baidumap{ width:100%; height:100%;}
#baidumap .iw_poi_title{ font-size:16px; font-weight:normal; color:#ff8a00; display:block; margin-bottom:10px;}
#baidumap .iw_poi_content{ font-size:14px; line-height:24px; white-space:nowrap;}
#baidumap .BMapLabel{ padding: 5px 10px !important ; margin-top:-20px; font-family:Microsoft YaHei,"微软雅黑",SimSun !important; border-color:transparent !important; background:#ff8a00 !important; color:#fff !important;
-moz-box-shadow:0px 0px 5px rgba(0,0,0,0.5);              
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);           
box-shadow:0px 0px 5px rgba(0,0,0,0.5); }
#baidumap .BMapLabel:hover{ color:#ff8a00 !important; background:#fff !important;}




/*关于*/
.page-about{}
.page-about .skrollable { position:absolute;}
.page-about .bg{ position:fixed; top:0px; left:0; z-index:1; background-repeat:no-repeat;background-size:cover ; width:100%; height:100%;}
.page-about .bg1{ background-image:url(../../images/img/bg_about1.jpg);}
.page-about .bg2{ background-image:url(../../images/img/bg_about2.jpg);}
.page-about .bg3{ background-image:url(../../images/img/bg_about3.jpg);}
.page-about .bg4{ background-image:url(../../images/img/bg_about4.jpg);}


.page-about .main{ padding-top:150px;}
.page-about .section{ width:100%; height:100%; color:#fff;}
.page-about .section .w1200{ height:100%; position:relative; }

@-moz-keyframes preload2 {
	0% {
	fill:rgba(255,255,255,0);
	stroke-dashoffset:-900;
	stroke-width:2}
80% {
	fill:rgba(255,255,255,0);
	stroke-dashoffset:0;
	stroke-width:2}
100% {
	fill:rgba(255,255,255,1);
	stroke-dashoffset:0;
	stroke-width:0}
}
@-webkit-keyframes preload2 {
	0% {
	fill:rgba(125,236,26,0);
	stroke-dashoffset:-700;
	stroke-width:2}
80% {
	fill:rgba(125,236,26,0);
	stroke-dashoffset:0;
	stroke-width:2}
100% {
	fill:rgba(125,236,26,1);
	stroke-dashoffset:0;
	stroke-width:0}
}
@keyframes preload2 {
	0% {
	fill:rgba(125,236,26,0);
	stroke-dashoffset:-700;
	stroke-width:2}
80% {
	fill:rgba(125,236,26,0);
	stroke-dashoffset:0;
	stroke-width:2}
100% {
	fill:rgba(125,236,26,1);
	stroke-dashoffset:0;
	stroke-width:0}
}


@-moz-keyframes gotobtn {
0%,50%,100%{
-webkit-transition-timing-function:cubic-bezier(.64,0,.37,1);
-moz-transition-timing-function:cubic-bezier(.64,0,.37,1);
-o-transition-timing-function:cubic-bezier(.64,0,.37,1);
transition-timing-function:cubic-bezier(.64,0,.37,1);
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
0% {
-webkit-transform: translate3d(5px, 0px, 0);
-moz-transform: translate3d(5px, 0px, 0);
-o-transform: translate3d(5px, 0px, 0);
transform: translate3d(5px, 0px, 0);}
50% {
-webkit-transform: translate3d(-5px, -0px, 0);
-moz-transform: translate3d(-5px, -0px, 0);
-o-transform: translate3d(-5px, -0px, 0);
transform: translate3d(-5px, -0px, 0);}
100% {
-webkit-transform: translate3d(5px, 0px, 0);
-moz-transform: translate3d(5px, 0px, 0);
-o-transform: translate3d(5px, 0px, 0);
transform: translate3d(5px, 0px, 0);}
}
@-webkit-keyframes gotobtn {
0%,50%,100%{
-webkit-transition-timing-function:cubic-bezier(.64,0,.37,1);
-moz-transition-timing-function:cubic-bezier(.64,0,.37,1);
-o-transition-timing-function:cubic-bezier(.64,0,.37,1);
transition-timing-function:cubic-bezier(.64,0,.37,1);
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
0% {
-webkit-transform: translate3d(5px, 0px, 0);
-moz-transform: translate3d(5px, 0px, 0);
-o-transform: translate3d(5px, 0px, 0);
transform: translate3d(5px, 0px, 0);}
50% {
-webkit-transform: translate3d(-5px, -0px, 0);
-moz-transform: translate3d(-5px, -0px, 0);
-o-transform: translate3d(-5px, -0px, 0);
transform: translate3d(-5px, -0px, 0);}
100% {
-webkit-transform: translate3d(5px, 0px, 0);
-moz-transform: translate3d(5px, 0px, 0);
-o-transform: translate3d(5px, 0px, 0);
transform: translate3d(5px, 0px, 0);}
}
@keyframes gotobtn {
0%,50%,100%{
-webkit-transition-timing-function:cubic-bezier(.64,0,.37,1);
-moz-transition-timing-function:cubic-bezier(.64,0,.37,1);
-o-transition-timing-function:cubic-bezier(.64,0,.37,1);
transition-timing-function:cubic-bezier(.64,0,.37,1);
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
}
0% {
-webkit-transform: translate3d(5px, 0px, 0);
-moz-transform: translate3d(5px, 0px, 0);
-o-transform: translate3d(5px, 0px, 0);
transform: translate3d(5px, 0px, 0);}
50% {
-webkit-transform: translate3d(-5px, -0px, 0);
-moz-transform: translate3d(-5px, -0px, 0);
-o-transform: translate3d(-5px, -0px, 0);
transform: translate3d(-5px, -0px, 0);}
100% {
-webkit-transform: translate3d(5px, 0px, 0);
-moz-transform: translate3d(5px, 0px, 0);
-o-transform: translate3d(5px, 0px, 0);
transform: translate3d(5px, 0px, 0);}
}

.page-about .logosvg svg path {
	stroke-dasharray:908.1746215820312;
	stroke-dashoffset:-900;
	stroke-width:2;
	-webkit-animation:preload2 2.5s cubic-bezier(.41,.08,.47,.99) both .2s;
	-moz-animation:preload2 2.5s cubic-bezier(.41,.08,.47,.99) both .2s;
	animation:preload2 2.5s cubic-bezier(.41,.08,.47,.99) both .2s}
.page-about .section .btns .btn{display: inline-block;*display:inline;*zoom:1;padding: 10px 30px;font-size: 14px;}
.page-about .section .operate .btn_goto{ display:block; width:70px; height:40px; position:relative; line-height:40px; font-size:18px;padding-right:60px; color:#fff; text-align:left;}
.page-about .section .operate .btn_goto .iconfont{ width:40px; height:40px; line-height:40px; position:absolute; right:0; top:50%; margin-top:-20px; font-size:18px;
-webkit-animation-name:gotobtn;
-moz-animation-name:gotobtn;
-ms-animation-name:gotobtn;
-o-animation-name:gotobtn;
animation-name:gotobtn;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.page-about .section .operate .btn_goto .iconfont_01{right:10px;
-webkit-animation-delay:300ms;
-moz-animation-delay:300ms;
-o-animation-delay:300ms;
animation-delay:300ms;
}
.page-about .section .operate .btn_goto .iconfont_02{right:20px;
-webkit-animation-delay:500ms;
-moz-animation-delay:500ms;
-o-animation-delay:500ms;
animation-delay:500ms;
}
.page-about .section .operate .btn_goto .iconfont_03{right:30px;
-webkit-animation-delay:700ms;
-moz-animation-delay:700ms;
-o-animation-delay:700ms;
animation-delay:700ms;
}
.page-about .section .operate .btn_goto:hover{color:#ff8a00;}



.page-about .section-01{ height:100%;}
.page-about .section-01 .txt{ left:5%;
-webkit-animation-delay:1000ms;}
.page-about .section-01 .pic{ right:5%;}
.page-about .section-01 .txt h1{ font-size:26px;}
.page-about .section-01 .txt h2{ font-size:40px; font-family:"Times New Roman", Times, serif; margin:-25px 0 10px 50px;
filter: alpha(opacity=30);zoom:1;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity:0.3;}
.page-about .section-01 .txt .line{ width:100px; height:1px; background:#fff; margin-bottom:15px; margin-top:10px;
filter: alpha(opacity=30);
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity:0.3;}
.page-about .section-01 .txt p{ font-size:16px; letter-spacing:1px; line-height:26px;}

.page-about .section-02 .txt{ width:20%;}
.page-about .section-02 .txt h1{ width:80px; height:80px; border:1px #fff solid; line-height:80px; text-align:center; font-size:32px; margin-right:10px;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.page-about .section-02 .txt .desc{ padding-left:30px; width:20px; text-align:center;}
.page-about .section-02 .txt h2{margin-top:-20px; margin-left:20px; height:30px; line-height:30px; font-size:24px; white-space:nowrap;
filter: alpha(opacity=30);
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity:0.3;}
.page-about .section-02 .txt p{ font-size:16px; line-height:20px;}








/*套餐页*/
.page-taocan .main{padding-top: 120px;  }
.page-taocan .main{}
.tc_select { overflow: visible; margin-bottom:30px; }
.tc_select .tc_select_bt{padding-bottom:20px; margin-bottom:20px;}
.tc_select .tc_select_bt h1{ color:#333; margin-bottom:20px; font-size:24px;}
.tc_select .tc_select_bt p{ line-height:24px; font-size:14px; color:#666; text-indent:2em; padding:0 20px;}
.tc_select .tc_select_nr { padding-bottom: 30px; }
.tc_select .tc_select_nr .tc_select_item { float: left; width: 25%; }
.tc_select .tc_select_nr .tc_select_item a { display: block; width: 90%; overflow: hidden; margin: 0 auto; filter: alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; }
.tc_select .tc_select_nr .tc_select_item a:hover { -moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.2); box-shadow: 0px 10px 20px rgba(0,0,0,0.2); transform: translate3d(0, -2px, 0); -o-transform: translate3d(0, -2px, 0); -moz-transform: translate3d(0, -2px, 0); -webkit-transform: translate3d(0, -2px, 0); filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1; }
.tc_select .tc_select_nr .block { display: block; }
.tc_select .tc_select_nr .block_up { height: 100px; padding: 40px 0; }
.tc_select .tc_select_nr .block_up .title,
.tc_select .tc_select_nr .block_up .title_2 { font-size: 30px; color: #fff; line-height: 50px; height: 50px; }
.tc_select .tc_select_nr .block_down { padding: 5px 10px; }
.tc_select .tc_select_nr .block_down p { line-height: 24px; font-size: 12px; }
.tc_select .tc_select_nr .block_down .title { font-weight: bold; }
.tc_select .tc_select_nr .tc_select_1 .block { border-color: #529eda; }
.tc_select .tc_select_nr .tc_select_1 .block_up { background: #529eda; }
.tc_select .tc_select_nr .tc_select_1 .block_down { background: #b7d7f0; color: #11354f; }
.tc_select .tc_select_nr .tc_select_2 .block { border-color: #eb6100; }
.tc_select .tc_select_nr .tc_select_2 .block_up { background: #eb6100; }
.tc_select .tc_select_nr .tc_select_2 .block_down { background: #f7be93; color: #612704; }
.tc_select .tc_select_nr .tc_select_3 .block { border-color: #f55fa0; }
.tc_select .tc_select_nr .tc_select_3 .block_up { background: #f55fa0; }
.tc_select .tc_select_nr .tc_select_3 .block_down { background: #fabbd6; color: #761f45; }
.tc_select .tc_select_nr .tc_select_4 .block { border-color: #ef3f3f; }
.tc_select .tc_select_nr .tc_select_4 .block_up { background: #ef3f3f; }
.tc_select .tc_select_nr .tc_select_4 .block_down { background: #f9adaf; color: #670400; }
#tinybox { position: absolute; display: none; padding: 10px; background: #ffffff url(../../images/img/preload.gif) no-repeat 50% 50%; border: 10px solid #e3e3e3; z-index: 2000; }
#tinymask { position: absolute; display: none; top: 0; left: 0; height: 100%; width: 100%; background: #000000; z-index: 1500; }
#tinycontent { background: #ffffff; font-size: 1.1em; }
.nomuban { margin-bottom: 30px; }
.nomuban .bt h1{ font-size:24px; color:#333;}
.nomuban .nomuban_nr { background: url(../../images/img/tc_01.jpg) left no-repeat; padding: 30px 40px 30px 380px; font-family: "微软雅黑", "宋体"; font-size: 14px; color: #626262; line-height: 30px; text-indent: 2em; }


/*套餐详细页*/
.page-taocan-article .main{ padding-top:160px;}
.page-taocan-article .headline{ height:40px; line-height:40px; overflow:hidden; margin-bottom:20px;}
.page-taocan-article .headline h1{ border-left-style:solid; border-left-width:10px; font-size:32px; color:#333; padding:0 20px;}
.page-taocan-article .headline span{ font-size:14px; color:#888;}
.page-taocan-article .headline .btn{ display:inline-block;*display:inline;*zoom:1; height:35px; line-height:35px; padding:0 20px; background:#fff; border:1px #dbdbdb solid; font-size:14px; color:#888;}
.page-taocan-article .headline .btn .iconfont{ font-size:16px;}
.page-taocan-article .headline .btn:hover{ border-color:#B21B1E; color:#B21B1E;}
.page-taocan-article .table td{ font-size:14px; padding:15px 20px;}
.page-taocan-article .table td:hover{ background:#f8f8f8;}
.page-taocan-article .table .bt_th{ padding:15px 30px; font-size:20px;}
.page-taocan-article .table dl{ position:relative; margin-bottom:5px; line-height:24px;}
.page-taocan-article .table dl dt{ position:absolute; left:0; top:0; font-weight:bold;}
.page-taocan-article .table dl dd{ padding-left:80px;}
/*套餐页的案例展示*/
.alzs_ { background: #FFFFFF; float: none; margin-bottom: 30px; }
.alzs { }
.alzs .alzs_bt { width: 1200px; height: 40px; }
.alzs .alzs_nr { width: 100%;  margin-bottom:10px;}
.alzs .alzs_nr .tempWrap{ overflow:visible !important; width:100%;}
.alzs .alzs_nr ul li { float: left; display:inline; }
.alzs .alzs_nr ul li a { display: block; height: 164px; width: 278px; padding: 5px; margin: 4px 4px 30px 4px; position:relative;
transform: scale(0.9,0.9);
-webkit-transform: scale(0.9,0.9);
-o-webkit-transform: scale(0.9,0.9);
-moz-webkit-transform: scale(0.9,0.9); }
.alzs .alzs_nr ul li a .pic1{display: block;width: 100%; height:100%;background-repeat:no-repeat; background-position:center; background-size:100% 100%; background-size:cover; background-color:#fff;  overflow:hidden;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform: rotateX(0deg) rotateY(0deg);}
.alzs .alzs_nr ul li a .pic2{position: absolute;top: 0;left: 0;right:0;bottom:0;z-index: -1; border:5px #fff solid; background-repeat:no-repeat; background-position:center; background-color:#fff; overflow:hidden;
-webkit-transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform:rotateX(-180deg);}
.alzs .alzs_nr ul li a:hover {
transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-webkit-transform: scale(1,1);
-moz-webkit-transform: scale(1,1); }
.alzs .alzs_nr ul li a:hover .pic1{
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
transform:rotateX(180deg);}
.alzs .hd{ width:100%;z-index: 1; margin-top:-20px;}
.alzs .alzs_nr ul li a:hover .pic2{z-index: 10; /*border-color:#B21B1E;*/
-moz-box-shadow:0px 10px 30px rgba(0,0,0,0.3);              
-webkit-box-shadow:0px 10px 30px rgba(0,0,0,0.3);           
box-shadow:0px 10px 30px rgba(0,0,0,0.3);
behavior: url(ie-css3.htc); 
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotate(0deg);
transform:rotateX(0deg);}
.alzs .hd li{ display:inline;padding: 4px;margin: 4px 8px;font-size: 0px;line-height: 10px;text-align: center;background: #ccc;border: 2px #ccc solid;
cursor: pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
behavior: url(../../images/img/ie-css3.htc); z-index:1;
-webkit-transition:all 0.3s ease-out;
-khtml-transition:all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.alzs .hd li.on{background: #fff;color: #fff; border-color:#B21B1E;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;}
/*套餐特点*/
.tctd { height: 140px; padding-top: 50px; margin-bottom: 30px; }
.tctd .item { float: left; width: 16.6%; text-align: center; display:block; display:inline; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;  }
.tctd .item img{ width:auto;}
.tctd .item .pic1,.tctd .item .pic2{ width:70px; height:70px; background-position:center; background-repeat:no-repeat; margin:0 auto;}
.tctd .item .pic2{ display:none;}
.tctd .item:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.tctd .item:hover .pic1{ display:none;}
.tctd .item:hover .pic2{ display:block;}
.tctd .item p{ line-height: 50px; font-family: "微软雅黑", "宋体"; font-size: 16px; color: #333; }
/*常见问题*/
.QA { width: 100%; background: #f3f3f3; padding-bottom: 20px; }
.QA .bt { padding-top: 20px; margin-bottom:20px; font-size:20px; color:#333; }
.QA .bt .txt-en{ color:#888;}
.QA .nr ul { display: block; width: 45%; }
.QA .nr .ul_01 { float: left; }
.QA .nr .ul_02 { float: right; margin-right: 10px; }
.QA .nr ul li { display: block;padding-left: 15px; background: url(../../images/img/q.png) no-repeat left 6px; margin-bottom:10px; }
.QA .nr ul li p { line-height: 26px; font-size: 14px; color: #6e6e6e;  }
.QA .nr ul li h3 { font-weight: bold; color: #626262; line-height:26px; }






/*响应式网站*/
.rwdbanner {background:url(../../images/img/rwd_02.jpg) no-repeat top center; background-attachment:fixed; background-size:cover;width:100%;height:600px;}
/*什么是响应式网站样式*/
.xyswz_ {margin-bottom:50px;}
.xyswz_sm {background:#FFFFFF;padding-top:20px; margin-bottom:50px;}
.xyswz_sm .xyswz_sm_bt {width:100%;height:60px; line-height:60px; text-align:center; color:#333; font-size:24px; margin-bottom:20px;}
.xyswz_sm .nr{ width:100%;}
.xyswz_sm .xyswz_sm_pic {float:left; width:40%; display:inline;}
.xyswz_sm .xyswz_sm_pic img{ width:auto; max-width:100%;}
.xyswz_sm .xyswz_sm_wz {float:right;width:55%; display:inline;padding-top:30px;}
.xyswz_sm_wz p {font-size:14px;color:#626262;text-indent:2em;line-height:30px; padding-right:50px;}
/*响应式网站优势样式*/
.xyswz_ys {background:#f3f3f3;margin-bottom:50px; padding:20px 0 30px;  }
.xyswz_ys .xyswz_ys_bt {width:100%;height:60px; line-height:60px; color:#333; font-size:24px; margin-bottom:20px; text-align:center;}
.xyswz_ys .xyswz_ys_nr {width:100%;margin-bottom:20px;overflow:hidden;}
.xyswz_ys .item {float:left;width:25%; display:inline-block;*display:inline;*zoom:1; text-align:center;filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;color:#333; }
.xyswz_ys .item .xyswz_ys_pic {margin:0 auto 10px; width:100%;}
.xyswz_ys .item .xyswz_ys_pic img{width:auto; max-width:100%; }
.xyswz_ys .item p {text-align:center;line-height:30px;font-size:16px;}
.xyswz_ys .item:hover { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.xyswz_ys .detail{ font-size:14px;}
/*响应式网站趋势样式*/
.xyswz_qs {background:#FFFFFF;text-align:center;}
.xyswz_qs .pic{ width:100%; text-align:center; margin-bottom:50px;}
.xyswz_qs .pic img{ width:auto; max-width:100%;}
.xyswz_qs .xyswz_qs_wz {float:left; width:55%; text-align:left;}
.xyswz_qs .xyswz_qs_wz p {font-size:14px;color:#626262;line-height:30px;text-indent:2em; padding-left:50px;}
.xyswz_qs .xyswz_qs_pic {float:right; width:40%; display:inline;}
.xyswz_qs .xyswz_qs_pic img{ width:auto; max-width:100%;}



/*集团官网建设页*/
.page-group{}
.page-group .bg{}
.page-group .bg{ position:fixed; top:0px; left:0; z-index:1; background-repeat:no-repeat;background-size:cover ; width:100%; height:100%;}
.page-group .bg1{ background-image:url(../../images/img/bg_group.jpg);}
.page-group .main{ z-index:10; position:absolute; top:0; left:0; right:0; bottom:0;}
.page-group .headline{ padding:80px 0;}
.page-group .headline h1{color:#342d8d; font-size:40px;
-moz-text-shadow:0 1px 0px #fff;
-webkit-text-shadow:0 1px 0px #fff;
text-shadow:0 1px 0px #fff;}
.page-group .headline p{ font-size:18px; color:#04254a;}
.page-group .bt h1{ font-size:24px; color:#333;}
.page-group .fivecon{ margin-bottom:50px;}
.page-group .fivecon .fl{display:inline-block;*display:inline;*zoom:1; width:20%;}
.page-group .fivecon .item{ display:block; margin:1px; background:url(../../images/img/alpha_white60.png) repeat; height:250px;}
.page-group .fivecon .item .title{ padding:40px 10px 20px;}
.page-group .fivecon .item .title .iconfont{ font-size:32px; color:#48587b;}
.page-group .fivecon .item .title h2{ font-size:20px; color:#333; padding:12px 0 0;}
.page-group .fivecon .item .txt{ line-height:24px; font-size:14px; padding:0 10px; color:#666;}
.page-group .fivecon .item:hover{ background-color:#fff;-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.2); box-shadow: 0px 10px 20px rgba(0,0,0,0.2); }
.page-group .con01{ padding:20px 0; margin-bottom:50px;}
.page-group .con01 .container{ display:block; width:100%; position:relative; height:560px;-moz-box-shadow: 0px 10px 20px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 10px 20px rgba(0,0,0,0.2); box-shadow: 0px 10px 20px rgba(0,0,0,0.2);}
.page-group .con01 .container .item{ position:absolute;}
.page-group .con01 .container .item .pic{ display:block; width:100%; height:100%; overflow:hidden; background:#fff;}
.page-group .con01 .container .item .pic img{ width:auto; height:100%;
-webkit-transition:all 2s ease-out;
-khtml-transition:all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
transition: all 2s ease-out;}
.page-group .con01 .container .item .pic:hover img{
filter: alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-webkit-transform: scale(1.1,1.1);
-moz-webkit-transform: scale(1.1,1.1);}
.page-group .con01 .container .item .txt{ display:block; width:100%; height:100%; overflow:auto; background:url(../../images/img/alpha_white60.png) repeat;}
.page-group .con01 .container .item .txt h2{ font-size:24px; color:#333; margin-bottom:20px; padding:20px 25px 0;}
.page-group .con01 .container .item .txt p{ line-height:24px; font-size:14px; text-indent:2em; padding:0 25px 20px; color:#333;}
.page-group .con01 .container .item .txt:hover{background-color:#fff;}
.page-group .con01 .container .item_01{ width:40%; height:320px; left:0; top:0;}
.page-group .con01 .container .item_02{ width:40%; height:240px; left:0; top:320px;}
.page-group .con01 .container .item_03{ width:30%; height:240px; left:40%; top:0;}
.page-group .con01 .container .item_04{ width:30%; height:320px; left:40%; top:240px;}
.page-group .con01 .container .item_05{ width:30%; height:320px; left:70%; top:0;}
.page-group .con01 .container .item_06{ width:30%; height:240px; left:70%; top:320px;}
#shelf { background: url(../../images/img/rongyu_shadow.png) no-repeat bottom center; height:430px; overflow:hidden; }
#roundabout { list-style: none; padding: 0; margin: 0 auto; width: 1000px; height: 300px; padding-bottom: 130px !important; }
#roundabout .item { height: 200px; width: 360px; text-align: center; }
#roundabout .item .pic { width: 100%; height: 100%; overflow: hidden; background-color: #fff;}
#roundabout .item .pic img { width: 100%; height: auto; }
#roundabout .itemTitle {font-size:14px; color:#333; display:none; line-height:24px; }
#roundabout .itemTitle p{ padding:10px;background:url(../../images/img/alpha_white50.png);-webkit-border-radius:0px;-moz-border-radius: 0px;border-radius: 0px;behavior: url(ie-css3.htc);zoom:1; }
#roundabout .roundabout-in-focus .pic { -moz-box-shadow: 0px 0px 30px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,0.5); box-shadow: 0px 0px 30px rgba(0,0,0,0.5); }
#roundabout .roundabout-in-focus .itemTitle { display:block; }