/* banner */
.banner {position: relative;width: 100%;height: 784px;overflow: hidden;}
.banner .fc {width: 100%;height: 500px;padding-top: 325px;text-align: center;color: #fff;position: absolute;top: 0;left: 0;z-index: 100;background: url(../img/wf.png);}
.banner .fc p span.banner_span1 {color: rgb(255, 255, 255); font-size: 32px;}
.banner .fc p span.banner_span2 {font-size: 46px; color: rgb(255, 255, 255);}
.banner .fc p span.banner_span3 {line-height: 95px; font-size: 32px;color: rgb(255, 255, 255);}
.banner .video {width: 100%;height: 790px;position: absolute;top: -11px;}
.icon {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
#banner #btn_prev, #banner #btn_next {display: none;width: 34px;height: 65px;position: absolute;top: 250px;z-index: 5;z-index: 101;}
#banner #btn_prev {background-position: 0 -64px;left: 8%;transition: all 600ms ease;}
#banner #btn_next {background-position: -50px -64px;right: 8%;transition: all 600ms ease;}
.banner .shubiao {width: 100%;padding-top: 680px;text-align: center;position: absolute;top: 0;left: 0;z-index: 99;}
.banner .shubiao img {margin: 0 auto;}

.abouts {position: relative;overflow: hidden;width: 1300px;margin: 0 auto;text-align: center;padding: 20px 0;margin-bottom: 30px;}
.abouts ul {padding: 20px 0;}
.abouts ul li {display: inline-block;font-size: 17px;padding: 15px 0px;}
.abouts ul li a {padding: 15px 40px;}
.abouts ul li:hover a {color: #fff;padding: 15px 40px;background-color: #BE0004;}
.abouts ul li.active a {color: #fff;padding: 15px 40px;background-color: #BE0004;}

.about {width: 1300px;margin: 0 auto;overflow: hidden;}
.about .about_us {height: 420px;width: 100%;overflow: hidden;}
.about .about_us .about_column  {width: 900px;height: 420px;padding-top: 20px;}
.about .about_us .about_column .about_name {color: rgb(67, 67, 67);font-size: 28px;}
.about .about_us .about_column .about_content {width: 900px;display: block;font-size: 16px;padding-top: 50px;}
.about .about_us .about_column .about_content>div {line-height: 30px;margin-bottom: 30px;}
.about .about_us .about_column .about_content>p {line-height: 30px;margin-bottom: 30px;}
.about .about_us .about_list {width: 350px;}
.about .about_us .about_list .about_ainf1 {width: 100%;border-width: 0px;background-color: rgb(102, 102, 102);border-style: solid;height: 90px;margin-bottom: 20px;}
.about .about_us .about_list .about_ainf1 img {margin-left: 30px;margin-top: 10px;}
.about .about_us .about_list .about_ainf1 span {left: 80px;top: -20px;text-align: right;color: rgb(255, 255, 255);font-size: 18px;position: relative;}
.about .about_us .about_list .about_ainf2 {width: 100%;border-width: 0px;background-color: rgb(102, 102, 102);border-style: solid;height: 90px;margin-bottom: 20px;}
.about .about_us .about_list .about_ainf2 img {margin-left: 30px;margin-top: 10px;}
.about .about_us .about_list .about_ainf2 span {left: 80px;top: -20px;text-align: right;color: rgb(255, 255, 255);font-size: 18px;position: relative;}
.about .about_us .about_list .about_ainf3 {width: 100%;border-width: 0px;background-color: rgb(102, 102, 102);border-style: solid;height: 90px;}
.about .about_us .about_list .about_ainf3 img {margin-left: 30px;margin-top: 10px;}
.about .about_us .about_list .about_ainf3 span {left: 80px;top: -20px;text-align: right;color: rgb(255, 255, 255);font-size: 18px;position: relative;}
/* 证书  */
.zhengshu {width: 1300px;margin: 0 auto;overflow: hidden;margin-bottom: 20px;text-align: center;
    margin: 0 auto;}
.zhengshu ul li {width: 360px;display: inline-block;overflow: hidden;border-color: rgb(221, 221, 221);border-width: 1px;border-style: solid;margin-right: 20px;margin-bottom: 20px;padding: 5px;}
.zhengshu ul li img {width: 360px;}
/* 数字统计 */
.number {height: 400px;margin: 0 auto;background-color: transparent;background: url(../images/02.png) no-repeat;width: 100%;background-size: 100%;}
.number .number_count {padding-top: 125px;text-align: center;color: #fff;width: 1300px;margin: 0 auto;z-index: 100;}
.number .number_count span {float: left;width: 240px;height: 220px;margin-right: 113px;}
.number .number_count .number_count_bord {border-top: 2px solid #ffffff;margin: 15px 0;opacity: 0.4;}
.number .number_count span p {color:#ffffff; font-size: 14px; line-height: 250%;}
/* 公司动态 */
.trends {width: 1300px;margin: 0 auto;overflow: hidden;}
.trends .trends_title {text-align: center;font-size: 22px;margin: 40px auto;font-weight: bold;line-height: 25px;}
.trends .trends_list {height: 230px;}
.trends .trends_list ul {position: relative;}
.trends .trends_list ul li.prev {position: absolute;top: 50px;cursor: pointer;left: 0;}
.trends .trends_list ul li.next {position: absolute;top: 50px;cursor: pointer;right: 0;}

.bigbox {overflow: hidden;width: 1160px;height: 190px;margin: auto 70px auto;}
#switcher {height: 190px;left: 0px;}
.content_1.content_2 {width: 100%;float: left;}
.box img {width: 100%;float: left;}
.box {transition:all .7s ease 0s;width: 255px;height: 190px;float: left;border-left: 3px white solid;background-size: 287px;overflow: hidden;}
.box:hover {opacity:0.5;}
.shadow {width: 255px;height: 60px;background-color: rgba(0, 0, 0, 0.45);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);margin-top: 130px;color: white;font-size: 14px;}
.shadow a {display: inline-block;width: 225px;height: 60px;color: white;text-decoration: none;margin-left: 18px;margin-top: 10px;}
/* 案例展示 */
.case {margin: 0 auto;background-color: #222222;overflow: hidden;margin-bottom: 30px;}
.case .case_bg {margin: 0 auto;width: 1300px;overflow: hidden;padding: 40px 0;}
.case .case_bg .case_title {width: 80px;font-size: 28px;line-height: 50px;font-weight: bold;padding-left: 10px;display: inline-block;}
.case .case_bg .case_list {width: 1210px;float: right;}
.case .case_bg .case_list ul {}
.case .case_bg .case_list ul li {width: 390px;height: 200px;margin-right: 20px;overflow: hidden;float: left;}
.case .case_bg .case_list ul li img {height: 210px;}
/* 推荐资讯 */
.news {margin: 0 auto;}
.news .news_title {margin: 0 auto;padding-top: 60px;width: 1300px;margin-top: 40px;margin-bottom: 20px;height: 80px;text-align: center;line-height: 40px;}
.news .news_title .news_title2{color: #000000;font-size: 28px;font-weight: bold;}
.news .news_list {width: 1300px;margin: 0 auto;overflow: hidden;}
.news .news_list .news_list_all {width: 620px;}
.news .news_list .news_list_all .news_list_all_list ul li {margin: 10px 0;overflow: hidden;background: url(../img/8.png) no-repeat left center;padding-left: 30px;border-bottom: 1px dashed #8d8d8d;padding-bottom: 7.7px;}
.news .news_list .news_list_all .news_list_all_list ul li a {font-size: 14px;color: #000000;font-weight: normal;text-decoration: none;line-height: 26px;}
.news .news_list .news_list_all .news_list_all_list ul li a:hover {color:#47cdff;}
.news .news_list .news_list_all .news_list_all_list ul li a span{float: right;color: #8d8d8d;font-size: 12px;}
.news .news_list .news_list_all .news_list_all_listnew ul {}
.news .news_list .news_list_all .news_list_all_listnew ul li {overflow: hidden;border-bottom: 1px dashed #8d8d8d;padding-bottom: 10px;margin-top: 10px;}
.news .news_list .news_list_all .news_list_all_listnew ul li .time {background: #8d8d8d;width: 60px;height: 60px;float: left;margin-right: 20px;text-align: center;}
.news .news_list .news_list_all .news_list_all_listnew ul li .time .time1{color: #fff;font-size: 24px;height: 41px;line-height: 41px;}
.news .news_list .news_list_all .news_list_all_listnew ul li .time .time2{color: #fff;font-size: 13px;display: block;}
.news .news_list .news_list_all .news_list_all_listnew ul li p a {font-size: 16px;color: #000000;font-weight: normal;text-decoration: none;line-height: 140%;}
.news .news_list .news_list_all .news_list_all_listnew ul li .title {overflow: hidden;height: 25px;}
.news .news_list .news_list_all .news_list_all_listnew ul li .description {overflow: hidden;word-wrap: break-word;line-height: 140%;font-size: 12px;color: #878080;font-weight: normal;text-decoration: none;height: 33px;}
.news .news_maore {padding: 10px;margin: 0 auto;width: 1300px;text-align: center;margin-top: 30px;padding-bottom: 30px;}
.news .news_maore a {font-size: 16px;padding: 10px 20px;background-color: #797979;color: #fff;}
.news .news_maore a:hover {background: rgba(204, 0, 0, 0.8);}
/* 咨询我们 */
.ask {overflow: hidden;height: 200px;margin: 0 auto;background-color: transparent;background: url(../img/fact-bg.png) no-repeat;width: 100%;background-size: 100%;}
.ask .ask_fc {width: 100%;padding-top: 65px;text-align: center;color: #fff;margin: 0 auto;z-index: 100;}
.ask .ask_fc p {text-align: center;}
.ask .ask_fc p a {border-radius: 3px 3px 3px 3px;border: 1px solid rgb(255, 255, 255);padding: 10px 25px;}
.ask .ask_fc p a:hover {color: rgb(255, 0, 0);background-color: #fff;}
.ask .ask_fc p a:hover>span {color: rgb(255, 0, 0);}
.ask .ask_fc p a>span {font-size: 14px;font-weight: normal;color: rgb(255,255,255);}
.ask .ask_fc p .ask_span {display: block;color: rgb(255, 255, 255); font-size: 28px;line-height: 30px;padding-bottom: 40px;}
.ask .ask_fc p .ask_span1 {color:#ffffff; font-size: 14px; line-height: 250%;}
/* 设计团队 */
.teams .teams_all {width: 1200px;margin: 0 auto;overflow: hidden;}
.teams .teams_all ul {}
.teams .teams_all ul li {width: 550px;margin-right: 50px;background-color: #e8e8e8;margin-bottom: 40px;float: left;border-radius: 90px;box-sizing: border-box;border: 1px solid #e8e8e8;}
.teams .teams_all ul li a {display: block;padding: 20px 20px;overflow: hidden;}
.teams .teams_all ul li a img{width: 130px;height: 130px;float: left;margin-right: 30px;}
.teams .teams_all ul li a .teams_title {font-size: 18px;color: #000;font-weight: bold;padding: 20px 0;}
.teams .teams_all ul li a .teams_title em {font-weight: normal;color: #939393;font-style: normal;margin-left: 30px;}
.teams .teams_all ul li a .teams_peo {font-size: 13px;color: #939393;}
.teams .teams_all ul li:hover {border: 1px solid #BE0004;box-sizing: border-box;}
/* 服务流程 */
.fuwuliuc {width: 1300px;margin: 0 auto;overflow: hidden;}
.fuwuliuc .fuwu_bg {text-align: center;overflow: hidden;width: 100%;}
.fuwuliuc .fuwu_bg img {width: 922px;height: auto;overflow: hidden;}
.fuwuliuc .fuwu_title {margin-top: 40px;margin-bottom: 20px;height: 80px;text-align: center;line-height: 40px;}
.fuwuliuc .fuwu_title .fuwu_title2{font-size: 28px;font-family: 微软雅黑;font-weight: bold;}
.fuwuliuc .fuwu_title .fuwu_title2 .fuwu_span1 {display: inline-block;width: 200px;height: 0;border-top: 2px solid #bbbbbb;margin-right: 20px;padding-top: 8px;}
.fuwuliuc .fuwu_title .fuwu_title2 .fuwu_span2 {display: inline-block;width: 200px;height: 0;border-top: 2px solid #bbbbbb;margin-left: 20px;padding-top: 8px;}
.fuwuliuc .fuwu_up {text-align: center;overflow: hidden;margin-bottom: -22px;}
.fuwuliuc .fuwu_up li {display: inline-block;width: 113px;height: 113px;float: left;background-color: #7d7d7d;border-radius: 50%;border: 10px solid #b7b7b7;}
.fuwuliuc .fuwu_up li img {padding-top: 12px;}
.fuwuliuc .fuwu_down {text-align: center;overflow: hidden;margin-bottom: -40px;margin-top: -28px;}
.fuwuliuc .fuwu_down li {display: inline-block;width: 113px;height: 113px;float: left;background-color: #7d7d7d;border-radius: 50%;border: 10px solid #b7b7b7;}
.fuwuliuc .fuwu_down li img {padding-top: 12px;}
.fuwuliuc .fuwu_mid {text-align: center;line-height: 20px;font-size: 14px;position: absolute;margin-left: 315px;}
.fuwuliuc .fuwu_bottom {float: left;margin-left: 168px;margin-bottom: 30px;text-align: center;}
/* 我们的服务 */
.fuwu {width: 1200px;margin: 0 auto;height: 880px;}
.fuwu .fuwu_bg {background: url(../images/bg1.jpg) no-repeat center center;height:720px;width: 100%;}
.fuwu .fuwu_bg a {background-color: rgba(0,0,0,0.5);float:left;width:399px;height: 359px;border: 1px solid rgb(153, 153, 153);border-right: 0;border-bottom: 0;text-align: center;}
.fuwu .fuwu_bg a:hover {background-color: rgba(204,0,0,0.9);transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s;}
.fuwu .fuwu_bg a img {margin-top: 60px;}
.fuwu .fuwu_bg a .fuwu_name .fuwu_p1 {font-size: 22px;color: #fff;padding-top: 30px;}
.fuwu .fuwu_bg a .fuwu_name .fuwu_p2 {font-size: 16px;color: #b8b8b8;padding-top: 10px;}
.fuwu .fuwu_bg a .fuwu_more {border-bottom: 2px solid #c5c5c5;width: 40px;margin: 0 auto;margin-top: 80px;color: #939393;}
.fuwu .fuwu_title {margin-top: 40px;margin-bottom: 20px;height: 80px;text-align: center;line-height: 40px;}
.fuwu .fuwu_title .fuwu_title1{font-family: 微软雅黑;letter-spacing: 4px;font-size: 28px;font-weight: bold;}
.fuwu .fuwu_title .fuwu_title1 span {color: rgb(204, 0, 0);}
.fuwu .fuwu_title .fuwu_title2{font-size: 18px;font-family: 微软雅黑;}
.fuwu .fuwu_title .fuwu_title2 .fuwu_span1 {display: inline-block;width: 100px;height: 0;border-top: 1px solid #bbbbbb;margin-right: 50px;margin-top: 20px;}
.fuwu .fuwu_title .fuwu_title2 .fuwu_span2 {display: inline-block;width: 100px;height: 0;border-top: 1px solid #bbbbbb;margin-left: 50px;margin-top: 20px;}
/* 案例展示 */
.cases {width: 1200px;margin: 0 auto;}
.cases .case_list .case_list_ul {display: inline-block;}
.cases .case_list .case_list_ul .case_list_li {margin-right: 10px;width: 384px;height: 100%;text-align: center;vertical-align: middle;float: left;overflow: hidden;margin-bottom: 20px;}
.cases .case_list .case_list_ul .case_list_li a {display: block;}
.cases .case_list .case_list_ul .case_list_li a .case_list_img {overflow: hidden;max-width: 384px;margin: 0px auto;max-height: 247px;height: 247px;width: 414px;}
.cases .case_list .case_list_ul .case_list_li a .case_list_img>img {float: left;margin: 0px auto;transition: all 0.6s;max-width: 384px;margin: 0px auto;max-height: 247px;height: 247px;}
.cases .case_list .case_list_ul .case_list_li:hover a .case_list_img img {transform: scale(1.1);}
.cases .case_list .case_list_ul .case_list_li:hover a .case_list_img .case_list_hover {background: rgba(204, 0, 0, 0.8);z-index: 1002;width: 384px;height: 247px;opacity: 1;transform: scale(1.1);}
.cases .case_list .case_list_ul .case_list_li:hover a .case_list_img .case_list_hover img {width: 42px;height: 42px;margin-top: 104.5px;z-index: 1002;opacity: 1;transform: scale(1.1);position: absolute;display: block;margin-left: 140px;}
.cases .case_list .case_list_ul .case_list_li a .case_list_span1 {padding: 0 3px 0 6px;font-size: 16px;color: #000000;display: block;text-align: left;line-height: 40px;/*text-overflow: clip;
    white-space: nowrap;
    overflow: hidden;*/}
.cases .case_list .case_list_ul .case_list_li a .case_list_span2 {padding: 0 3px 0 6px;display: block;font-size: 13px;color: #999999;line-height: 10px;text-align: left;}
/* 分页 */
.case_page {width: 1300px;margin: 0 auto;text-align: center;}
.case_page ul li {display: inline-block;}
.case_page ul li:hover a, .case_page ul li.active a {border: 1px solid #ff0000;background-color: #ff0000;color: #fff;}
.case_page ul li a {padding: 10px;border: 1px solid #a6a6a6;margin-right: 10px;font-size: 14px;}
/* 留言 */
.message {margin: 0 auto;overflow: hidden;background-color: #585757;}
.message .message_bg {width: 1300px;margin: 0 auto;}
.message .message_bg .message_title {text-align: center;padding-top: 40px;border-bottom: 2px solid #626262;padding-bottom: 30px;}
.message .message_bg .message_title p {font-size: 24px;font-weight: bold;color: #fff;line-height: 30px;}
.message .message_bg .message_guestbookform {text-align: center;width: 800px;margin: 0 auto;} 
.message .message_bg .message_guestbookform .message_body {text-align: left;margin-top: 40px;padding-bottom: 100px;} 
.message .message_bg .message_guestbookform .message_body .message_group {font-size: 16px;line-height: 20px;color: #cdcaca;margin-bottom: 40px;}
.message .message_bg .message_guestbookform .message_body .message_group p {margin-bottom: 10px;}
.message .message_bg .message_guestbookform .message_body .message_group p label {margin-right: 20px;}
.message .message_bg .message_guestbookform .message_body .message_group p .message_input {padding: 5px;font-size: 16px;width: 100%;height: 30px;}
.message .message_bg .message_guestbookform .message_body .message_group p .message_textarea {padding: 5px;font-size: 16px;width: 100%;height: 80px;}
.message .message_bg .message_guestbookform .message_body .message_submit {text-align: center;cursor: pointer;}
.message .message_bg .message_guestbookform .message_body .message_submit input {padding: 10px 0;font-size: 16px;width: 100%;background-color: #BE0004;color: #fff;outline: none;border: 0;cursor: pointer;}
/* 联系方式 */
.contact {margin: 0 auto;overflow: hidden;background: url(../img/contact_bk_vtpd.jpg) no-repeat center center;}
.contact .contact_contact {text-align: center;width: 1300px;margin: 0 auto;padding: 60px 0;}
.contact .contact_contact .contact_title {line-height: 30px;font-size: 28px;font-weight: bold;}
.contact .contact_contact .contact_adress {font-size: 20px;line-height: 25px;margin-top: 40px;margin-bottom: 20px;color: #000;}
.contact .contact_contact .contact_tel {font-size: 14px;line-height: 20px;margin-bottom: 60px;}
.contact .contact_contact .contact_tel span {font-size: 14px;line-height: 20px;margin-right: 20px;color: #000;}
.contact .contact_contact .contact_telico {line-height: 50px;margin-bottom: 50px;}
.contact .contact_contact .contact_telico .contact_span1 {border-radius: 30px;background-color: rgba(67,67,67,1);cursor: pointer;border: 1px solid rgba(67,67,67,1);font-size: 16px;font-weight: bold;margin-right: 60px;text-align: center;padding: 15px 35px;color: #fff;}
.contact .contact_contact .contact_telico .contact_span2 {border-radius: 30px;background-color: rgba(197,17,26,1);cursor: pointer;border: 1px solid rgba(197,17,26,1);font-size: 16px;font-weight: bold;text-align: center;padding: 15px 35px;color: #fff;}
/* 文章列表 */
.arclist {margin: 0 auto;overflow: hidden;}
.arclist .arclist_list {width: 1100px;margin: 0 auto;}
.arclist .arclist_list ul li {border-bottom: 2px solid #c3c3c3;margin-bottom: 40px;padding-bottom: 5px;float: left;width: 100%;}
.arclist .arclist_list ul li .arclist_list_img {height: 150px;width: 300px;text-align: center;position: relative;margin-right: 30px;overflow: hidden;float: left;}
.arclist .arclist_list ul li .arclist_list_img img {max-height: 150px;max-width: 300px;transition: all 0.6s;}
.arclist .arclist_list ul li .arclist_list_img img:hover {
    transform: scale(1.1);
}
.arclist .arclist_list ul li .arclist_list_p1 {font-size: 24px;line-height: 25px;margin-bottom: 20px;display: block;}
.arclist .arclist_list ul li .arclist_list_p2 {color: #9a9898;font-size: 14px;margin-bottom: 20px;}
.arclist .arclist_list ul li .arclist_list_p3 {font-size: 14px;color: #8d8c8c;line-height: 20px;}

.info  {text-align: center; font-size: 18px;}