/*banner*/
#banner { width: 100%; overflow: hidden;position: relative; }
#banner .banner_in { width: 100%; transform: scale(1,1); -webkit-transform: scale(1,1); animation: scal 10s ease infinite alternate; -webkit-animation: scal 10s ease infinite alternate; }
.about_banner_txt { width: 100%; position: absolute; top: 40%; text-align: center; line-height: 30px; }
.text1,.text2,.text3 {visibility:hidden; text-align:center; color:#fff;}
.text1 { margin:1%; letter-spacing: 5px; font-size: 5em; text-shadow: 0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8);font-family:'FZCH';  }
.text2 { font-size: 1.4em; letter-spacing: 5px; line-height: 3em; text-shadow: 0.1em 0.1em 0.1em rgba(0, 0, 0, 0.8); margin: 3% 0px 0% 0px; }
.text3 { font-size: 1.4em; letter-spacing: 8px }

.about_banner_txt h2{ color: #fff; font-size: 36px; font-weight: normal; margin-top: 2%; letter-spacing: 3px; text-align: center; -webkit-animation: gdownIn 1.5s 0.7s both; -moz-animation: gdownIn 1.5s 0.7s both; animation: gdownIn 1.5s 0.7s both; }
.about_banner_txt aside{ color: #fff; font-size: 18px; letter-spacing: 2px; padding-top: 24px; text-align: center; -webkit-animation: gdownIn 1.5s 1.2s both; -moz-animation: gdownIn 1.5s 1.2s both; animation: gdownIn 1.5s 1.2s both; }
.about_banner_txt span.more { padding-top:50px; text-align:center; display:block}
.about_banner_txt span.more a { padding:13px 30px 10px 65px; color:#fff; font-size:14px; border:#fff 1px solid; border-radius:20px; background:url(../images/project_bj.png) no-repeat 36px center;-webkit-animation: gdownIn 2s 2s both; -moz-animation: gdownIn 2s 2s both; animation: gdownIn 2s 2s both;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; }
.about_banner_txt span.more a:hover { background: url(../images/project_bj.png) no-repeat 55px center #bf0000; border: #bf0000 1px solid; padding: 13px 50px 10px 85px; }

.sub_page { padding: 4% 0px 6% 0px; width: 100%;}

@keyframes scal {
  from { -webkit-transform: scale(1,1);}
  to   { -webkit-transform: scale(1.1,1.1);}
}
@-webkit-keyframes scal {
  from { -webkit-transform: scale(1,1);}
  to   { -webkit-transform: scale(1.1,1.1);}
}
@media only screen and (min-width: 1200px) {
#banner .banner_in {height:460px;}
#banner .heig888 { height:888px}
#banner img {width: 100%; height:100%;}
/*#banner img {-ms-interpolation-mode: bicubic; width: 100%;}*/
}
@media only screen and (max-width: 991px) {
#banner .banner_in {height:460px;}
#banner img {width:150VH; height:100%; margin-left:-10%}
}
@media only screen and (max-width: 479px) {
#banner .banner_in {height:460px;}
#banner img {width:100VH; height:100%;}
}

/*关于页面*/
/*关于-简介*/
.about_intro { padding: 5% 0px; width: 70%; margin: 0px auto }
.about_intro_txt {color: #666666; line-height: 24px; font-size: 14px; text-align: center; margin: 0px auto }
.about_intro_txt li.title { font-size: 30px; color: #333; }
.about_intro_txt li p { padding-top:3%;}

.about_intro_number {margin: 0px auto; color: #666; font-size: 14px; padding-top: 3%; text-align: center; }
.about_intro_number li { display: inline-block; width:24%; text-align: center; position: relative; }
.about_intro_number li h2 { color:#d50505; font-size:60px; display:block; font-family:Arial, Helvetica, sans-serif;}
.about_intro_number li p { font-weight:bold}
.about_intro_number li p span { position:absolute; top:5px; z-index:100; font-size:18px; font-weight:bold;right:28%}

/*关于-文化*/
.about_culture { background:#f5f5f5}
.about_culture div.img { width:49%; float:left}
.about_culture div.img img { width:100%; height:100%; min-height:589px}
.about_culture div.txt { width: 49.5%; padding: 2% 0px; float:right }
.about_culture h2.title { display: block; position: relative; text-align: left; }
.about_culture h2.title span.eng { font-family: 'QUIS'; font-size: 3em; color: #dddddd; text-transform: uppercase; display: block; text-align: left; width: 100%; font-weight: lighter; }
.about_culture h2.title span.name {font-family: 'FZCH';font-size: 1.7em; color: #4c4c4c; display: block; font-weight: bold; position: absolute; z-index: 10; left: 0; width: 100%; top: 10px; text-align: left; padding-left: 15px; }
.about_culture h2.title div.heng { width: 30px; height: 5px; background: #c70000; margin: 10px 0px 0px 15px; }
.about_culture div.txt ul { width:620px; line-height: 24px; font-size: 14px; color: #666; margin-left: 15px }
.about_culture div.txt ul li { padding-top:3%}
.about_culture div.txt ul li p b { color:#333}

/*关于-业务*/
.about_business { width: 100%; padding: 4% 0; background: url(../images/about_yw_bg.jpg) no-repeat center bottom #1b1c24; background-size:cover; margin: 0; }
.about_title { display: block; position: relative; margin-bottom: 40px; text-align: center; }
.about_title span.eng { font-family: 'QUIS'; font-size: 3em; color: #757575; text-transform: uppercase; display: block; text-align: center; width: 100%; font-weight: lighter; }
.about_title span.name { font-family: 'FZCH'; font-size: 1.7em; color: #fff; display: block; font-weight: bold; position: absolute; z-index: 10; left: 0; width: 100%; top: 6px }
.about_title span.fu_title { font-family: 'titlename'; font-size: 0.9em; color: #b2b2b2; display: block; line-height: 1.8em; text-align: center; margin-bottom: 10px; margin-top: -7px; }
.about_business ul { width: 100%; padding-top: 2%; text-align: center }
.about_business ul li { display: inline-block; color: #fff; text-align: left; margin: 0px 4%; }
.about_business ul li img { width: 90px; height: 90px; padding: 18px; background: #fff; border-radius: 50%; box-shadow: 3px 3px 3px #333; -moz-box-shadow: 3px 3px 3px #333; -ms-box-shadow: 3px 3px 3px #333; -webkit-box-shadow: 3px 3px 3px #333; margin-right:5px}
.about_business ul li p.name { font-size: 18px; font-weight: bold; display: block; margin: 20px 0px; }
.about_business ul li p span { display:block; line-height:20px; font-size:12px}
.about_business ul li p span i { margin-right:5px; font-size:14px}

/*关于-发展历程*/
.about_course { width: 100%; background: url(../images/about_path_bg.jpg) no-repeat center top; background-size:cover; padding: 4% 0px; margin: 0; }
.about_title span.eng2 { font-family: 'QUIS'; font-size:3em; color: #995455; text-transform: uppercase; display: block; text-align: center; width: 100%; font-weight: lighter; }

/*关于-客户logo*/
.about_logo { width:100%; padding:5% 0px; margin:0px;}
.about_title2 { display: block; position: relative; margin-bottom: 40px; text-align: center; }
.about_title2 span.eng { font-family: 'QUIS'; font-size: 3em; color: #e9e9e9; text-transform: uppercase; display: block; text-align: center; width: 100%; font-weight: lighter; }
.about_title2 span.name { font-family: 'FZCH'; font-size: 1.7em; color: #4c4c4c; display: block; font-weight: bold; position: absolute; z-index: 10; left: 0; width: 100%; top: 6px }
.about_title2 span.fu_title { font-family: 'titlename'; font-size: 0.9em; color: #c0c0c0; display: block; line-height: 1.8em; text-align: center; margin-bottom: 10px; margin-top: -7px; }
.about_logo_lei { text-align:center; width:100%; padding:0px 0px 30px 0;}
.about_logo_lei li { display: inline-block; margin: 0px 5px; }
.about_logo_lei li a { font-size: 14px; color: #666; padding: 8px 26px; border: #ddd 1px solid; border-radius: 20px; }
.about_logo_lei li a:hover,.logosubcur { color:#fff !important; background:#bf0000; border:#bf0000 1px solid;}
.about_logo_lei li i { visibility:hidden}
/*关于页面 END*/

/* 案例*/
.sub_menu { width: 100%; background: url(../images/sub_mbg.jpg) repeat-x left bottom;-webkit-animation: gfadeIn 1.5s 1s both; -moz-animation: gfadeIn 1.5s 1s both; animation: gfadeIn 1.5s 1s both; }
.sun-menu { height: auto; line-height: 24px !important; padding: 40px 0px; margin: 0px auto; width: 1100px; }
.sun-menu a { display:block; float:left; width: auto; margin: 0 1% 0px 0px !important; color: #888; font-size: 16px; margin-left: 0; padding: 0 3%;text-align: center; position: relative; }
.sun-menu a:before { content: ''; display: inline-block; vertical-align: top; width: 100%; height: 0; background: #bf0000; position: absolute; top: 0; left: 0; top: -40px; transition: 0.3s ease-in-out; }
.sun-menu a:hover:before { height:80px; }
.sun-menu a span {text-align: center; display:block; margin: 0 auto; vertical-align: middle; width: auto; margin-right: 0; font-size:26px; height: 0; border: none; position: relative; z-index: 2; line-height: 50px; opacity: 0; }
.sun-menu a i { display: block; text-align: center; position: relative; z-index: 2;font-style: normal;  }
.sun-menu a,.sun-menu a span { transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out }
.sun-menu a.active span, .sun-menu a:hover span { width:auto; opacity: 1;}
.sun-menu a.active,.sun-menu a:hover { color: #fff; z-index: 22; }
.sun-menu a.active span,.sun-menu a:hover span { transform: translateY(-43px); opacity: 1;}
.sun-menu a.active, .sun-menu a:hover { color: #fff; z-index: 22;}
.sun-menu a.active:before { height:85px; }
.case_wrap{width:1205px; margin:auto; overflow:hidden; -webkit-animation:gdownIn 1s 1s both; -moz-animation:gdownIn 1s 1s both; animation:gdownIn 1s 1s both;}
#case_list{ width: 1245px; margin: 0 auto 50px; position: relative; left: -20px; overflow: hidden; }
#case_list li{ width: 375px; height: 314px; float: left; margin: 0 20px 20px 20px; }
#case_list li a{ display: block; height: 100%; background: url(../images/case_link_b.png) no-repeat 98% 88% #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#case_list li article{width:100%; height:234px; position:relative; overflow:hidden;}
#case_list li article img{height:100%; width:auto; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
#case_list li article summary{ width: 100%; height: 50px; position: absolute; bottom: -50px; left: 0; line-height: 50px; color: #fff; background: rgba(0,0,0,0.5); background: #666\9; text-align: left; text-indent: 20px; z-index: 3; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#case_list li h5{ line-height: 24px; font-size: 18px; color: #333; padding-top: 16px; text-indent: 12px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#case_list li span{ line-height: 22px; font-size: 12px; color: #999; display: block; padding-bottom: 18px; text-indent: 12px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; }
#case_list li a:hover{background-color:transparent; background-image:url(../images/case_link_w.png); background-repeat:no-repeat;}
#case_list li a:hover h5, #case_list li a:hover span{color:#fff;}
#case_list li a:hover article summary{bottom:0;}
#case_list li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
#case_list li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
#case_list li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.case_detail { background:url(../images/case_xx_bg.jpg) no-repeat center top; background-size:auto; width:100%; margin:0px; padding:170px 0px 0px; text-align:center;-webkit-animation:gfadeIn 2s 0.3s both; -moz-animation:gfadeIn 2s 0.3s both; animation:gfadeIn 2s 0.3s both;}
.case_detail h2 {font-size:40px;color:#fff;font-family:'FZCH';display:block; letter-spacing:3px; margin-bottom:50px;-webkit-animation:gdownIn 2s 0.5s both; -moz-animation:gdownIn 2s 0.5s both; animation:gdownIn 2s 0.5s both;}
.case_detail .img_small {-webkit-animation:gdownIn 2s 0.7s both; -moz-animation:gdownIn 2s 0.7s both; animation:gdownIn 2s 0.7s both;}
.case_detail .img_small img { width:auto; height:auto}
.case_detail .link { margin:3% 0px 4% 0px;webkit-animation:gfadeIn 2s 0.3s both; -moz-animation:gfadeIn 2s 1s both; animation:gfadeIn 2s 1s both;}
.case_detail .link a.prev,.case_detail .link a.list,.case_detail .link a.next,.case_detail .link a.link { width:56px; height:56px; display:inline-block; text-indent:-9999px; margin:0px 5px; border:#858585 1px solid; border-radius:50%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.case_detail .link a.prev { background:url(../images/case_prev.png) no-repeat #fff;}
.case_detail .link a.list { background:url(../images/case_list.png) no-repeat #fff;}
.case_detail .link a.next { background: url(../images/case_next.png) no-repeat #fff; }
.case_detail .link a.link { background: url(../images/case_link.png) no-repeat #fff; }
.case_detail .link a.prev:hover,.case_detail .link a.list:hover,.case_detail .link a.next:hover,.case_detail .link a.link:hover { background-position:-56px 0px; background-color:#bf0000; border:#bf0000 1px solid;}
.case_detail .txt { color:#666; line-height:24px; font-size:14px; width:1200px; margin:0px auto; padding-bottom:200px;-webkit-animation:gfadeIn 2s 1.5s both; -moz-animation:gfadeIn 2s 1.5s both; animation:gfadeIn 2s 1.5s both;}
.case_detail .txt p.name{ font-size:30px; color:#555; display:block}
.case_detail .txt div.heng { width:50px; height:3px; background:#dddddd; margin:20px auto}
.case_detail .img_main {width:100%;padding-bottom:300px; background:url(../images/thanks.jpg) no-repeat center 93% #f2f2f2;webkit-animation:gfadeIn 2s 2s both; -moz-animation:gfadeIn 2s 2s both; animation:gfadeIn 2s 2s both;}
/*.case_detail .img_main img { width:auto; margin-top:-110px; box-shadow:0px 18px 15px #ccc}*/
.case_detail .img_main img { width:auto; margin-top:-110px; box-shadow:0px 18px 15px #ccc; background:url(../images/case_img_bg.png) no-repeat center top; padding-top:5%; background-size:contain}

/*方案*/
.project {width:1230px; margin: 0 auto 50px auto; position: relative; left: -15px; overflow: hidden; -webkit-animation: gdownIn 1s 1s both; -moz-animation: gdownIn 1s 1s both; animation: gdownIn 1s 1s both;}
.project li{ width: 380px; height: 460px; float: left; margin: 0 15px 30px 15px; line-height:20px; }
.project li a{ display: block; height: 100%; background: #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s; color:#333; }
.project li article{ width: 100%; height: 206px; position: relative; overflow: hidden; }
.project li article div.more { width: 100%; height: 100%; position: absolute; background-color: rgba(0,0,0,0.6); left: 0px; top: 0px; visibility:hidden}
.project li article div.more span { width:70px; height:70px; text-align:center; line-height:60px; border-radius:50%; background:#bf0000; color:#333; font-size:50px; font-weight:bold; margin:65px auto 0px auto; display:block}
.project li article img{height:100%; width:auto; vertical-align:top; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.project li h4 { font-size: 18px; margin: 28px 20px 15px 20px; }
.project li p.txt { font-size: 12px; line-height: 20px; color: #333; height: 60px; overflow: hidden; margin: 0px 20px 30px 20px; display: block; }
.project li div.case { margin: 0px 0px 0px 20px; height: 80px; overflow: hidden; }
.project li div.case p { display:block; color:#999;}
.project li div.case span { float: left; margin-right: 30px; }
.project li a:hover { box-shadow:0px 5px 5px #ccc; -moz-box-shadow:0px 5px 5px #ccc; -ms-box-shadow:0px 5px 5px #ccc; -webkit-box-shadow:0px 5px 5px #ddd;}
.project li a:hover div.more { visibility:visible}
.project li a:hover h4 {color:#bf0000;}
.project li a:hover article img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.project li a:hover article:before{opacity:1; filter:alpha(opacity=100); zoom:1;}
.project li a:hover article:after{opacity:1; filter:alpha(opacity=100); zoom:1; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
.project_detail { width: 1200px; margin:0px auto; color: #333; line-height: 24px; font-size: 14px;-webkit-animation:gdownIn 2s 1s both; -moz-animation:gdownIn 2s 1s both; animation:gdownIn 2s 1s both; }
.project_detail li {padding-bottom: 50px; width: 100%; }

/*新闻*/
.news_menu { width: 1200px; margin: 0px auto; padding: 24px 0px 0px 0px; height: 42px; }
.news_menu a { width: 12%; height: 36px; font-size: 16px; text-align: center; display: block; float: left; margin-right: 1%; }
.news_menu a:hover,.news_menu a.on { color: #bf0000; font-size: 18px; font-weight: bold; height: 42px; border-bottom: #bf0000 4px solid }
.newsList { width: 100%; margin: 0px; padding: 0px 0px 50px 0px;-webkit-animation:gdownIn 2s 1s both; -moz-animation:gdownIn 2s 1s both; animation:gdownIn 2s 1s both; }
.newsList li{ width:100%; padding:40px 0px;-webkit-transition: all 0.3s ease; transition: all 0.3s ease; height: 250px; border-bottom: #ddd 1px dotted;}
.newsList li:hover { background:#f2f2f2; box-shadow:5px 5px 5px #ddd; -moz-box-shadow:5px 5px 5px #ddd; -ms-box-shadow:5px 5px 5px #ddd;-webkit-box-shadow:5px 5px 5px #ddd;}
.newsList li div.list_detail { width:1200px; margin:0px auto; position:relative}
.newsList li .list_main{ overflow: hidden; height: 165px; }
.newsList li .bd_r{ width: 265px; height: 165px; overflow: hidden; float: left; margin-right: 30px; }
.newsList li .bd_r img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; width: 100%; height: 100%; }
.newsList li:hover .bd_r img{ -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); width: 100%; height: 100%; }
.newsList li .bd_l{ font-size: 1em; color: #8d8b8b; padding: 0 0px 0px 30px; border-left: 1px dotted #e6e6e6; font-family: Arial; width: 60px; text-align: right; position: relative; }
.newsList li .bd_l_day{ display: block; font-size: 3.5em; color: #e20000; line-height: 50px; }
.newsList li .bd_c{ width: 100%; padding: 0; }
.newsList li .list_title{ font-size: 1.6em; font-weight: normal; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all ease 600ms; -moz-transition: all ease 600ms; -webkit-transition: all ease 600ms }
.newsList li:hover .list_title { transition: all ease 600ms; color: #bf0000 }
.newsList li .see_number{ color: #999; line-height: 30px; display: block; font-size: 12px; }
.newsList li .see_number em { margin-right:5px}
.newsList li .list_p{ font-size: 14px; color: #666; line-height: 20px; height:42px; overflow: hidden; padding: 0px; }
.newsList li .bd_c .arrow{ width: 148px; height: 35px; border: 1px solid #e2e2e2; background: url("../images/arrow.png") no-repeat center center; transition: all ease 600ms; color: #186ce8; margin-top: 15px; }
.newsList li:hover .bd_c .arrow{ width: 200px; transition: all ease 600ms; background: url("../images/arrow1.png") no-repeat center center #bf0000; border: #bf0000 1px solid; }
.newsList li:hover .list_box{background-color:#f8f8f8;}
.newsList li:hover .list_box:after{background-color:#f8f8f8;}
.newsList li:hover .list_title a{color:#a80d0f;}
.newsList li a i{display: inline-block;vertical-align:middle; margin:-1px 5px 0 -5px; width: 0px; height: 1px; background-color: #fff; transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -webkit-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; -moz-transition: all .4s cubic-bezier(0.35, 0.45, 0.55, 1) 0s; }
.newsList li a:hover i{ width: 30px; background: #bf0000; }
.news_detail { width: 100%; position: relative; margin-top:-240px; z-index: 1; }
.news_detail .news_home { width: 1200px; margin:0px auto; color: #ccc; background: url(../images/home.png) no-repeat left center; padding-left: 20px;-webkit-animation: gdownIn 2s 0.5s both; -moz-animation: gdownIn 2s 0.5s both; animation: gdownIn 2s 0.5s both; position:relative  }
.news_detail .news_home a { color:#ccc; margin:0px 10px;}
.news_detail .news_home a:hover { color:#fff; border-bottom:#fff 1px dotted}
.news_detail .news_home span { position:absolute; right:0px; top:-20px;-webkit-animation: gfadeIn 3s 3s both; -moz-animation: gfadeIn 3s 3s both; animation: gfadeIn 3s 3s both; }
.news_detail .news_home span a.prev,.news_detail .news_home span a.list,.news_detail .news_home span a.next{ width:46px; height:46px; display:inline-block; text-indent:-9999px; margin:0px 5px; border:#fff 1px solid; border-radius:50%;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.news_detail .news_home span a.prev:hover,.news_detail .news_home span a.list:hover,.news_detail .news_home span a.next:hover {background-color:#bf0000; border:#bf0000 1px solid;}
.news_detail .news_home span a.prev { background:url(../images/case_prev.png) no-repeat  -61px center;}
.news_detail .news_home span a.list { background:url(../images/case_list.png) no-repeat -61px center;}
.news_detail .news_home span a.next { background: url(../images/case_next.png) no-repeat -61px center; }
.news_detail .news_txt { width: 1200px; margin: 30px auto; padding: 50px 30px; background: #fff; line-height: 24px; color: #333; font-size: 14px; min-height: 500px; -webkit-animation: gdownIn 2s 1.5s both; -moz-animation: gdownIn 2s 1.5s both; animation: gdownIn 2s 1.5s both; }
.news_detail .news_txt img { /*width:96%;*/ max-width:1000px}
.news_txt h2 { border-bottom: #ddd 2px solid; padding-bottom: 20px; margin-bottom: 30px; }
.news_txt h2 span.title { line-height: 32px; font-size: 28px; color: #333; display: block; text-align: center; margin-bottom:10px }
.news_txt h2 span.fu_tit { line-height: 30px; font-size: 12px; color: #999; display: block; text-align: center;}
.news_other { width: 100%; display: block; margin:30px 0px; padding:20px 0px; line-height: 32px; color: #888; border-top: #ddd 2px solid; }
.news_other h4 { background: none; height: auto; padding-bottom: 5px; }
.news_other li { line-height: 32px; }
.news_other li span { font-size: 12px; color: #999; margin-left: 30px; }
.news_other li i { color:#999; font-size:14px; font-style:normal; background:url(../images/ico.png) no-repeat right center; padding-right:10px; margin-right:10px;}
.news_other li a:hover { color:#bf0000; border-bottom:#bf0000 1px dotted;}

/*联系*/
.contact ul { width: 1200px; margin: 0px auto; padding: 20px 0px 80px 0px }
.contact ul li { float: left; font-size: 16px; }
.contact ul li.img {-webkit-animation: gleftIn 2s 0.5s both; -moz-animation: gleftIn 2s 0.5s both; animation: gleftIn 2s 0.5s both; }
.contact ul li.contact_add { margin-left: 124px; -webkit-animation: grightIn 2s 1s both; -moz-animation: grightIn 2s 1s both; animation: grightIn 2s 1s both; }
.contact ul li.contact_add p{ padding-bottom: 5px; line-height: 24px }
.contact ul li.contact_add p.name { font-size:26px}
.contact ul li.contact_add p img { vertical-align:bottom; margin-right:5px}
.contact ul li.contact_link { float:right;-webkit-animation: grightIn 2s 1.5s both; -moz-animation: grightIn 2s 1.5s both; animation: grightIn 2s 1.5s both;}
.contact ul li.contact_link a { width:200px; height:42px; padding-left:30px; font-size:14px; border:#787878 1px solid; text-align:center; line-height:40px; color:#666; display:block; border-radius:20px; margin-bottom:10px}
.contact ul li.contact_link a.css_1 { background:url(../images/cont_01.png) no-repeat 50px center #fff;}
.contact ul li.contact_link a.css_2 { background:url(../images/cont_02.png) no-repeat 50px center #fff;}
.contact ul li.contact_link a.css_3 { background:url(../images/cont_03.png) no-repeat 50px center #fff;}
.contact ul li.contact_link a.css_1:hover { background:url(../images/cont_01_h.png) no-repeat 50px center #bf0000;}
.contact ul li.contact_link a.css_2:hover { background:url(../images/cont_02_h.png) no-repeat 50px center #bf0000;}
.contact ul li.contact_link a.css_3:hover { background:url(../images/cont_03_h.png) no-repeat 50px center #bf0000;}
.contact ul li.contact_link a:hover { border:#bf0000 1px solid; color:#fff}
.contact_map { width:100%; margin:0px; padding:0px; height:495px; overflow:hidden;-webkit-animation: gdownIn 2s 1.5s both; -moz-animation: gdownIn 2s 1.5s both; animation: gdownIn 2s 1.5s both;}
.contact ul.contact_form { width:1200px; margin:0px auto; padding:80px 0px;-webkit-animation: gdownIn 2s 2s both; -moz-animation: gdownIn 2s 2s both; animation: gdownIn 2s 2s both;}
.contact ul.contact_form li { float: none; display: block; margin-bottom: 20px; width: 100% }
.contact ul.contact_form li p.name { font-size:24px; color:#333}
.contact ul.contact_form li p.title { font-size:14px; color:#666;}
.contact ul.contact_form li input { width: auto; height:60px; line-height:60px; border: #666666 2px solid; padding-left: 65px; font-size: 14px; color: #888; float: left; margin-top: 15px }
.contact ul.contact_form li input.name { background: url(../images/form_01.jpg) no-repeat 18px center; width: 350px; margin-right: 20px; }
.contact ul.contact_form li input.tel { background: url(../images/form_02.jpg) no-repeat 18px center; width: 350px; margin-right: 20px }
.contact ul.contact_form li input.email { background: url(../images/form_03.jpg) no-repeat 18px center; width: 350px; }
.contact ul.contact_form li textarea { width:1090px; height:150px; line-height: 20px; border: #666666 2px solid; padding: 15px 15px 15px 65px; font-size: 14px; color: #888; float: left; margin: 15px 0px }
.contact ul.contact_form li textarea.txt { background:url(../images/form_04.jpg) no-repeat 18px 15px;}
.ex-more {position:relative;display:block;float:left;width:200px; height:50px; font-size:14px; margin-right:20px; line-height:50px; text-align: center; border-radius: 40px; color: #fff; background: #1e2a34; margin-top:20px; font-weight:bold; }
.ex-more span { position:relative; -webkit-transition: all 0.4s; transition: all 0.4s; display: inline-block; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); }
.ex-more::after { content: ' '; position: absolute; top: 50%; right: 50px; width:28px; height:28px; margin-top: -12px; background: url(../images/more2.png) no-repeat center center; background-size: 15px auto; opacity: 0; filter: alpha(opacity=0); -webkit-transition: right 0.4s, opacity 0.4s; transition: right 0.4s, opacity 0.4s; }
.ex-more:hover { background:#bf0000;}
.ex-more:hover span {opacity: 1;color:#fff; filter: alpha(opacity=100); -webkit-transition: all 0.4s; transition: all 0.4s; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }
.ex-more:hover::after { right:40px; opacity: 1; filter: alpha(opacity=100); }

@media screen and (min-width:960px) and (max-width:1200px){
.about_banner_txt { top:40%}
.text1 {margin:2%;letter-spacing:5px; font-size:3em;}
.text2 {font-size:1.4em;letter-spacing:4px;line-height:3em; margin: 3% 0px 0% 0px;}
.text3 { font-size:1.4em; letter-spacing:5px;}
.about_intro {width:90%; padding:7% 0px}
.about_intro_txt li p br { display:none}
.about_intro_number li h2 { font-size:50px;}
.about_intro_number li p span {right:18%}
.about_culture div.txt ul { width:96%; line-height:20px; font-size:12px; margin-left:8px}
.about_culture h2.title span.eng { font-size: 2.2em; }
.about_culture h2.title span.name {font-size: 1.4em;top:3px;}
.about_culture div.img img { height:52vh; min-height:auto;}
.about_business { padding:5% 0px}
.about_business ul li { margin:0px 3%}

.sun-menu { width:90%}
.case_wrap{width: 99%;margin:auto;}
#case_list{width: 100%;left:0;}
#case_list li a {background: url(../images/case_link_b.png) no-repeat 97% 88% #fff}
#case_list li{width:31%;margin:1%;height:280px;overflow: hidden;}
#case_list li article{height:200px;}
#case_list li article img{width: 100%;height:100%;min-height: 100%;}
#case_list li h5{font-size: 16px;line-height: 20px;font-weight: normal;}
#case_list li span,#case_list li h5{ text-indent:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.pagination{text-align: center;}
#case_list{margin: 0 auto 40px;}
.case_detail .img_small img { width:90%;}
.case_detail .txt { width:98%; margin:0px auto}
.case_detail .img_main img { width:90%}

.project { width:99%; margin:0px auto; left:0px;}
.project li { width:31%; margin:0px 1% 2% 1%;}
.project li div.case span { margin-right:20px}
.project_detail { width:85%}

.news_menu { width:90%; margin:0px auto}
.news_menu a { width:21%; margin:0px 2% }
.newsList li div.list_detail { width:94%;}
.news_detail .news_home { width:90%;}
.news_detail .news_txt { width:95%}

.contact ul { width:95%}
.contact ul li.img { width:30%}
.contact ul li.img img { width:100%}
.contact ul li.contact_add { margin-left:5%}
.contact ul.contact_form { width:95%}
.contact ul.contact_form li input.name { width:300px; margin-right:15px;}
.contact ul.contact_form li input.tel {width:300px; margin-right:15px;}
.contact ul.contact_form li input.email {width:300px;}
.contact ul.contact_form li textarea { width:930px}

}

@media screen and (min-width: 768px) and (max-width: 959px) {
.about_banner_txt { top:37%}
.text1 {margin:2%;letter-spacing:5px; font-size:3em;}
.text2 {font-size:1.4em;letter-spacing:4px;line-height:3em; margin: 3% 0px 0% 0px;}
.text3 { font-size:1.4em; letter-spacing:5px;}
.about_banner_txt h2{ font-size:28px}
.about_banner_txt aside{ font-size:16px}
.about_intro {width:90%; padding:7% 0px;}
.about_intro_txt li p br { display:none}
.about_intro_number li h2 { font-size:45px;}
.about_intro_number li p { font-size:14px}
.about_intro_number li p span {right:18%}
.about_culture { background:url(../images/about_img.jpg) no-repeat #f0f0f0;background-size:contain; padding-bottom:20px}
.about_culture div.img { display:none}
.about_culture div.txt { width:100%;margin-top:5%; padding-top:3%;}
.about_culture h2.title {display: block; position: relative;padding:0px 0px 4% 1% }
.about_culture h2.title span.eng {font-size: 3em; color: #c7c7c7; text-align:center}
.about_culture h2.title span.name {font-size: 1.7em; color: #fff; padding-left:15px; text-align:center;text-shadow:0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8)}
.about_culture h2.title div.heng { width: 30px; height: 5px; background: #c70000; margin: 10px auto 0px auto; }
.about_culture div.txt ul { width:94%; margin:0px auto; padding:2% 3% 3% 3%; line-height:22px; font-size:14px; color: #666; background:url(../images/white_bg.png);}
.about_culture div.txt ul li { padding-top:3%}
.about_culture div.txt ul li p b { color:#333}
.about_business { padding:5% 0px; width:100%}
.about_business ul li { margin:0px; width:24%}
.about_business ul li p.name { font-size:14px; font-weight:bold}
.about_business ul li img { width:80px; height:80px; padding:15px; margin-right:25px}

.sun-menu { width:90%}
.sun-menu a { margin:0; padding:0px 2.2%}
.case_wrap{width: 99%;margin:auto;}
#case_list{width: 100%;left:0;}
#case_list li{width: 48%;margin:1%;height:285px;overflow: hidden;}
#case_list li article{height:210px;}
#case_list li article img{width: 100%;height:100%;min-height: 100%;}
#case_list li h5{font-size: 14px;line-height: 20px;font-weight: normal;}
#case_list li span,#case_list li h5{ text-indent:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.pagination{text-align: center;}
#case_list{margin: 0 auto 40px;}

.case_detail { background-size:cover}
.case_detail h2 { font-size:30px}
.case_detail .img_small img { width:90%;}
.case_detail .txt { width:98%; margin:0px auto}
.case_detail .img_main img { width:90%}

.project { width:98%; margin:0px auto; left:0px; padding-top:20px}
.project li { width:46%; margin:0px 2% 2% 2%;}
.project li div.case span { margin-right:20px}
.project li article img { width:100%}
.project_detail { width:95%}

.news_menu { width:90%; margin:0px auto}
.news_menu a { width:21%; margin:0px 2% }
.newsList li div.list_detail { width:94%;}
.news_detail .news_home { width:90%;}
.news_detail .news_txt { width:95%}

.contact ul { width:90%;padding:50px 0px }
.contact ul li.img { display:none}
.contact ul li.contact_add { margin-left:0px; display:block; margin-bottom:20px; float:left;}
.contact ul.contact_form { width:96%}
.contact ul.contact_form li input.name { width:32%; margin-right:2%;}
.contact ul.contact_form li input.tel {width:32%; margin-right:2%;}
.contact ul.contact_form li input.email {width:32%;}
.contact ul.contact_form li textarea { width:100%}

}

@media only screen and (min-width: 480px) and (max-width: 767px){
.about_banner_txt { top:39%}
.text1 {margin:2%;letter-spacing:5px; font-size:2.4em; line-height:1.4em;}
.text2 {font-size:1.2em;letter-spacing:4px; margin: 3% 0px 1% 0px; line-height:1.5em;}
.text3 { font-size:1.2em; letter-spacing:5px;}
.about_banner_txt h2{ font-size:24px; margin:5% 5% 0px 5%}
.about_banner_txt aside{ font-size:14px}

.about_intro {width:95%; padding:7% 0px;}
.about_intro_txt li p br { display:none}
.about_intro_number li { width:45%; margin-bottom:4%}
.about_intro_number li h2 { font-size:45px;}
.about_intro_number li p { font-size:14px}
.about_intro_number li p span {right:30%}

.about_culture { background:url(../images/about_img.jpg) no-repeat #f0f0f0;background-size:contain; padding-bottom:20px}
.about_culture div.img { display:none}
.about_culture div.txt { width:100%;margin-top:5%; padding-top:3%;}
.about_culture h2.title {display: block; position: relative;padding:0px 0px 4% 1% }
.about_culture h2.title span.eng {font-size: 2.2em; color: #c7c7c7; text-align:center}
.about_culture h2.title span.name {font-size: 1.5em; color: #fff; padding-left:15px; text-align:center;text-shadow:0.025em 0.025em 0.025em rgba(0, 0, 0, 0.8)}
.about_culture h2.title div.heng { width: 30px; height: 5px; background: #c70000; margin: 10px auto 0px auto; }
.about_culture div.txt ul { width:94%; margin:0px auto; padding:2% 3% 3% 3%; line-height:22px; font-size:14px; color: #666; background:url(../images/white_bg.png);}
.about_culture div.txt ul li { padding-top:3%}
.about_culture div.txt ul li p b { color:#333}

.about_business {padding:7% 0; background-size:cover}
.about_title span.eng { font-size: 2.0em;}
.about_title span.name {font-size: 1.5em; top:0px}
.about_title span.fu_title {margin-top: -2px; }
.about_business ul { width: 100%; padding-top: 2%; text-align: center }
.about_business ul li { width:40%; padding:4% 3%; background:#fff; border-radius:10px; margin:0px 2% 3% 2%; display: inline-block; color: #666; text-align:center}
.about_business ul li img { width:60px; height:60px; padding:0; background: #fff; border-radius:0; box-shadow:none; -moz-box-shadow:none; -ms-box-shadow: none; -webkit-box-shadow: none; }
.about_business ul li p.name { font-size: 18px; font-weight: bold; display: block; margin:10px 0px; }
.about_business ul li p span { display:block; line-height:20px; font-size:12px}
.about_business ul li p span i { display:none}

.sub_menu {background:#f5f5f5; height:170px;}
.sun-menu { width:96%}
.sun-menu a { background:#fff; width:31%; margin:0px 1% 10px 1% !important; height:46px; line-height:46px; color:#666; font-size:16px; border-radius:5px; overflow:hidden;}
.sun-menu a span { display:none}
.sun-menu a:hover { background:#bf0000; color:#fff;}
.sun-menu a:before { display:none;}
.sun-menu a.active { background:#bf0000}

.case_wrap{width: 98%;margin:auto;}
#case_list{width: 100%;left:0;}
#case_list li{width: 48%;margin:1%;height:220px;overflow: hidden;}
#case_list li a { background:#fff}
#case_list li article{height:150px;}
#case_list li article img{width: 100%;height:100%;min-height: 100%;}
#case_list li h5{font-size: 14px;line-height: 20px;font-weight: normal; padding-top:10px}
#case_list li span,#case_list li h5{ text-indent:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.pagination{text-align: center;}
#case_list{margin: 0 auto 40px;}
.pagenumber a { width:40px; height:40px; line-height:40px; margin:0px 2px}

.case_detail { background-size:cover}
.case_detail h2 { font-size:30px}
.case_detail .img_small img { width:90%;}
.case_detail .txt { width:98%; margin:0px auto; color:#fff;}
.case_detail .txt p.name { color:#fff;}
.case_detail .txt p br { display:none}
.case_detail .img_main img { width:95%; border-radius:10px 10px 0px 0px}

.project { width:98%; margin:0px auto; left:0px; padding-top:20px}
.project li { width:46%; margin:0px 2% 2% 2%;}
.project li div.case span { margin-right:20px}
.project li article img { width:100%}
.project_detail { width:95%}

.news_menu { width:90%}
.news_menu a { width:46%;margin:5px 2% 2% 2% !important; height:46px; line-height:46px; font-size:14px; color:#666; font-size:16px; border-radius:5px; overflow:hidden; background:#fff}
.news_menu a:hover,.news_menu a.on { background:#bf0000; height:46px; color:#fff; font-size:14px; border-bottom:0}
.newsList li div.list_detail { width:94%;}
.newsList li .list_title { font-size:18px}
.newsList li { padding:20px 0px; height:210px}
.newsList li .bd_r { display:none}
.news_detail .news_home { width:95%;}
.news_detail .news_txt { width:95%}

.contact ul { width:80%;padding:50px 0px }
.contact ul li.img { display:none}
.contact ul li.contact_add { margin-left:0px; display:block; margin-bottom:40px; float:left; width:100%}
.contact ul li.contact_link { float:left;}
.contact ul.contact_form { width:90%}
.contact ul.contact_form li input.name { width:100%;}
.contact ul.contact_form li input.tel {width:100%;}
.contact ul.contact_form li input.email {width:100%;}
.contact ul.contact_form li textarea { width:100%}

}

@media only screen and (max-width: 479px) {
.about_banner_txt { top:35%}
.text1 {margin:4%;letter-spacing:5px; font-size:2.4em; line-height:1.4em;}
.text2 {font-size:1.2em;letter-spacing:4px;line-height:1.5em; padding-bottom:20px;}
.text3 { font-size:1.2em; letter-spacing:5px;}
.about_banner_txt h2{ font-size:24px; margin:5% 5% 0px 5%}
.about_banner_txt aside{ font-size:14px}
.about_intro {width:95%; padding:10% 0px 7% 0px;}
.about_intro_txt { font-size:12px; line-height:20px;}
.about_intro_txt li p br { display:none}
.about_intro_txt li.title { font-size:18px;}
.about_intro_number { display:none}
.about_culture { display:none}
.about_business {padding:40px 0px; background-size:cover; min-width:360px}
.about_title span.eng { font-size: 2.2em; color:#757575}
.about_title span.name {font-size: 1.5em; top:-5px}
.about_title span.fu_title {margin-top: -2px; }
.about_business ul { width: 100%; padding-top: 2%; text-align: center }
.about_business ul li { width:44%; padding:4% 1%; background:#fff; border-radius:10px; margin:0px 1% 4% 1%; display: inline-block; color: #666; text-align:center}
.about_business ul li img { width:60px; height:60px; padding:0; background: #fff; border-radius:0; box-shadow:none; -moz-box-shadow:none; -ms-box-shadow: none; -webkit-box-shadow: none; }
.about_business ul li p.name { font-size:1.2em; font-weight: bold; display: block; margin:10px 0px; height:35px; line-height:18px; overflow:hidden }
.about_business ul li p span { display:block; line-height:20px; font-size:1em}
.about_business ul li p span i { display:none}
.about_course { padding:40px 0px}		
.about_title span.eng2 { font-size:2em;}
.about_title span.fu_title { line-height:18px; margin-top:3px}

.about_logo { padding:40px 0px}
.about_logo_lei {display:none;}

.about_title2 span.eng { font-family: 'QUIS'; font-size:1.8em; color: #e9e9e9; text-transform: uppercase; display: block; text-align: center; width: 100%; font-weight: lighter; }
.about_title2 span.name { font-family: 'FZCH'; font-size: 1.5em; color: #4c4c4c; display: block; font-weight: bold; position: absolute; z-index: 10; left: 0; width: 100%; top: 6px }
.about_title2 span.fu_title { font-family: 'titlename'; font-size: 0.8em; color: #c0c0c0; display: block; line-height: 18px; text-align: center; margin-bottom: 10px; margin-top:5px; }

.sub_menu {background:#f5f5f5; height:226px;}
.sun-menu { width:98%}
.sun-menu a { background:#fff; width:47%; margin:0px 1.5% 10px 1.5% !important; height:46px; line-height:46px; color:#666; font-size:16px; border-radius:5px; overflow:hidden;}
.sun-menu a span { display:none}
.sun-menu a:hover { background:#bf0000; color:#fff;}
.sun-menu a:before { display:none;}
.sun-menu a.active { background:#bf0000}

.case_wrap{width: 100%;margin:auto;}
#case_list{width: 100%;left:0;}
#case_list li{width:100%;margin:0% 0% 2% 0px;height:210px;overflow: hidden;}
#case_list li a { background:#fff}
#case_list li article{height:150px;}
#case_list li article img{width: 100%;height:100%;min-height: 100%;}
#case_list li h5{font-size: 14px;line-height: 20px;font-weight: normal; padding-top:10px}
#case_list li span,#case_list li h5{ text-indent:10px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.pagination{text-align: center;}
#case_list{margin: 0 auto 40px;}
.pagenumber a { width:40px; height:40px; line-height:40px; margin:2px}
.case_detail { background-size:cover; padding-top:100px}
.case_detail h2 { font-size:24px; width:80%; margin:0 auto 30px auto}
.case_detail .img_small img { width:90%;}
.case_detail .link { margin:7% 0px}
.case_detail .txt { width:98%; margin:0px auto; color:#fff;}
.case_detail .txt p.name { color:#fff; font-size:24px}
.case_detail .img_main img { width:96%}
.case_detail .txt p br { display:none}
.case_detail .img_main {background:url(../images/thanks_2.jpg) no-repeat center 80% #f2f2f2; padding-bottom:200px}
.case_detail .img_main img { width:95%; border-radius:10px 10px 0px 0px}

.project { width:100%; margin:0px auto; left:0px; padding-top:20px}
.project li { width:100%; margin:0px 0% 4% 0%; height:430px}
.project li h4 { margin:15px 10px 10px ;}
.project li p.txt { line-height:18px; height:54px; overflow:hidden; margin:0px 10px 15px 10px}
.project li div.case { line-height:18px;height:72px; overflow: hidden; margin:0px 0px 0px 10px }
.project li div.case span { margin-right:20px}
.project li article img { width:100%}
.project_detail { width:98%}

.news_menu { width:100%}
.news_menu a { width:46%;margin:5px 2% 2% 2% !important; height:46px; line-height:46px; font-size:14px; color:#666; font-size:16px; border-radius:5px; overflow:hidden; background:#fff}
.news_menu a:hover,.news_menu a.on { background:#bf0000; height:46px; color:#fff; font-size:14px; border-bottom:0}
.newsList li div.list_detail { width:94%;}
.newsList li { padding:20px 0px; height:210px}
.newsList li .bd_r { display:none}
.newsList li .list_title { font-size:18px}
.news_detail .news_home { width:95%; background-position:left top;}
.news_detail .news_home a { margin:0px}
.news_detail .news_home span {visibility:hidden}
.news_detail .news_txt { width:95%; padding:30px 20px}
.news_other li { line-height:20px;; padding-bottom:5px; margin-bottom:5px}
.news_other li i { display:block}
.news_other li span { display:none}

.contact ul { width:94%;padding:50px 0px }
.contact ul li.img { display:none}
.contact ul li.contact_add { margin-left:0px; display:block; margin-bottom:30px; float:left; width:100%}
.contact ul li.contact_add p.name { font-size:20px}
.contact ul li.contact_add p { margin-bottom:5px; font-size:14px}
.contact ul li.contact_link { float:left;}
.contact ul.contact_form { width:90%; padding-bottom:150px;}
.contact ul.contact_form li input.name { width:100%;}
.contact ul.contact_form li input.tel {width:100%;}
.contact ul.contact_form li input.email {width:100%;}
.contact ul.contact_form li textarea { width:100%}
.ex-more { width:100%; margin-top:10px}

}
@media screen and (min-width:1200px) and (max-width:1400px){
.about_intro {width:80%;}
}


.pagenumber{ padding: 15px 0; text-align: center; }
.pagenumber a{display:inline-block; width:50px; height:50px; margin:5px; background:#f0f0f0; color:#333; font-size:14px; line-height:50px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pagenumber span{display:inline-block; width:50px; height:50px; margin:5px; background:#f0f0f0; color:#333; font-size:14px; line-height:50px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.pagenumber a:hover, .pagenumber a.on, .pagenumber span.current{background:#000; color:#fff;}