.banner{ min-width:1200px;  position:relative;  height:556px; overflow:hidden;  }
.banner .bd{ position:relative; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:556px; }
.banner .bd li a{ height:556px; display:block;  }
.banner .bd li a img{height:556px;}
.banner .hd{ width:100%;position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{width: 11px;height: 11px;margin: 0 3px;background: #bfbfbf;border-radius: 50%;display: inline-block; cursor:default; overflow:hidden; text-indent:-999em;}
.banner .hd ul li.on{background:#f7a511;  }
.banner .prev, .banner .next {top: 50%;margin-top: -50px;width: 70px;height: 70px;background: #000;opacity: .4;z-index: 2;cursor: pointer;text-align: center;line-height: 70px;color: #fff;font-size: 50px;}
.banner .prev {left: 0;}
.banner .next {right: 0;}

.header_box{text-align: center;padding: 40px 0;}
.header_box .title{font-size: 46px;color: #2a2a2a;}
.header_box .title_sm{font-size: 34px;color: #2a2a2a;}
.header_box .title_sm b{font-size: 60px; vertical-align:sub;}
.header_box .subTitle{font-size: 14px;color: #2a2a2a; margin-top:10px;}
.header_box .line {margin-top:15px;}
.header_box .line:before {display:inline-block;content:'';height:1px;width:80px;background:#494949;vertical-align:middle;}
.header_box .line:after {display:inline-block;content:'';height:1px;width:80px;background:#494949;vertical-align:middle;}
.header_box .line .dot {display:inline-block;width:40px;height:1px;position:relative;vertical-align:middle;}
.header_box .line .dot:after {content:'';width:8px;height:8px;background:#494949;display:inline-block;border-radius:50%;position:relative;top:-9px;}
.header_box .category {margin-top: 25px;}
.header_box .category a {color: #2a2a2a;}
.header_box .category a:hover {color: #f7a511;}
.header_box .category i {color: #2a2a2a;padding: 0 20px;}

.box1{ position:relative;}
.box1 li{float:left; margin-right:10px; width:232px; height:124px; overflow:hidden; color:#fff; text-align:center;}
.box1 li.item1{background:url(../images/b1.png) center center no-repeat;}
.box1 li.item2{background:url(../images/b2.png) center center no-repeat;}
.box1 li.item3{background:url(../images/b3.png) center center no-repeat;}
.box1 li.item4{background:url(../images/b4.png) center center no-repeat;}
.box1 li.item5{background:url(../images/b5.png) center center no-repeat; margin-right:0;}
.box1 li .tit{font-size:50px; margin-top:25px;font-weight: 600;}
.box1 li .info{font-size:24px; margin-top:5px;}
.box2{padding-bottom:50px;}
.box2 li {float:left;width:286px;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s;display:block;width:100%;height:463px; overflow:hidden;}
.box2 li img {background: none;position: absolute;display: block;width: 100%;height: auto;top: 0%;left: 0px;}
.box2 li:hover {transform:scale(1.05);-moz-transform:scale(1.05);-webkit-transform:scale(1.05);-ms-transform:scale(1.05);z-index:1;box-shadow:0 5px 20px #ccc}
.box2 li:hover .con::before {content:'';width:0px;height:0;overflow:hidden;border-width:0 15px 15px;border-style:solid;border-color:transparent transparent #fff;position:absolute;left:50%;top:-14px;margin-left:-15px;background:none}
.box2 li:hover .con {background:#fff;border-bottom:solid 3px #f7a511;left:-1px;bottom:-1px;right:-1px}
.box2 li:hover .con .tit,.box2 li:hover .con .subTit {color:#333}
.box2 li:hover .con .des {color:#666}
.box2 li:hover .con .btn-outline.btn-warning {background:#f7a511;color:#fff}
.box2 li:hover .con .btn-outline.btn-warning:hover {background:#ffc50a}
.box2 .con {position:absolute;left:0;right:0;bottom:0;padding:30px 30px 37px;color:#fff;z-index:1}
.box2 .con .tit {font-size:30px}
.box2 .con .subTit {margin-top:5px;font-size:18px}
.box2 .con .des {min-height:38px;font-size:14px;margin-top:10px;color:#b9b9b9}
.box2 .bottom_icon .iconfont {color:#2c2c2c}
.box2 .bottom_icon dl {padding:40px 10px 0;width:300px;float:left;box-sizing:border-box;position:relative}
.box2 .bottom_icon dl.active dt {color:#f7a511; border:2px solid #f7a511;}
.box2 .bottom_icon dl.active dt i {color:#f7a511}
.box2 .bottom_icon dl:hover dt {transition:.5s all; color:#f7a511; border:2px solid #f7a511;}
.box2 .bottom_icon dl:hover dt i {color:#f7a511}
.box2 .bottom_icon dt {width:70px;height:70px;box-sizing:border-box;border-radius:50%;border:2px solid #f0f0f0;text-align:center;line-height:70px;margin:auto}

.box3 .img_list{height: 450px;}
.box3 .img_list .first_img_box{width:292px; height:450px;position:relative;}
.box3 .img_list .first_img_box a{display:block;}
.box3 .img_list .first_img_box a::before {content:'';width:100%;height:100%;background:url("../images/vr_01.png");position:absolute;left:0;top:0;z-index:2}
.box3 .img_list .tag a {color:#fff}
.box3 .img_list .tag a:hover {color:#e74c3c}
.box3 .img_list .tag em {display:inline-block;width:10px;height:10px;background:#f7a511;border-radius:50%;margin-right:5px;position:relative;top:-1px}

.box3 .img_list .first_img_box .tag {background:rgba(0,0,0,0.32);border-radius:20px;padding:4px 10px;position:absolute;right: 5px;top: 20px;color:#fff;display:inline-block;text-align:center}

.box3 .img_list .img_list_box .tag {background:rgba(0,0,0,0.32);border-radius:20px;padding:4px 10px;color:#fff;display:inline-block;position:absolute;right:15px;bottom:15px;left:15px;text-align:center}
.box3 .img_list .img_list_box{width:908px; overflow:hidden;}
.box3 .img_list .img_list_box .img_item{position: relative;width: 298px;height: 222px;cursor: pointer;float: left;margin: 0 0 4px 4px;}
.box3 .img_list .img_list_box .img_item .item_link{display:block;overflow:hidden;}
.box3 .img_list .img_list_box .img_item img{width: 299px;height: 222px; display:block;}
.box3 .fang_tag{overflow:hidden; position:relative;width:100%;}
.box3 .fang_tag a {color:#666;width:80px;height:64px;float:left;border:solid 1px #464646;border-radius:50%;text-align:center;padding-top:16px;margin-right:57px;cursor:pointer}
.box3 .fang_tag a i,.box3 .fang_tag a span {display:block}
.box3 .fang_tag a.last{margin-right:0;}
.box3 .fang_tag a:hover {transition:.5s all;background:#f7a511;border:solid 1px #f7a511;}
.box3 .fang_tag a:hover i,.box3 .fang_tag a:hover span {color:#fff}

.box4 .designer_box{position:relative;}
.box4 .designer_box ul.des_list{padding-left:480px;position:relative;}
.box4 .designer_box li.first{position:absolute; top:0; left:0; width:480px; height:480px; overflow:hidden;}
.box4 .designer_box li.first .ind{width:100%;height:100%;display:block;text-align:center; overflow:hidden; }
.box4 .designer_box li.first .ind img{width:100%; height:auto;  }
.box4 .designer_box li.first .con {position:absolute;left:0;padding-left:33px;padding-bottom:20px;padding-top:20px;bottom:0;right:0;background:rgba(0,0,0,0.8)}
.box4 .designer_box li.first .con .tit{color:#fff;font-size:24px}
.box4 .designer_box li.first .con .des {font-size:18px;color:#fff;margin-top:10px;line-height:1.6}
.box4 .designer_box li.first .con .des span{color:#f7a511;}
.box4 .designer_box li.first .con .more {border:solid 1px #fff;color:#fff;font-size:16px;display:inline-block;padding:5px 40px;margin-top:20px}



.box4 .designer_box li.item{width:240px; height:240px;overflow:hidden;position:relative;float:left;}
.box4 .designer_box li.item .ind{width:100%;height:100%;display:block;text-align:center; overflow:hidden; }
.box4 .designer_box li.item .ind img{width:100%; height:auto;  }
.box4 .designer_box li.item:hover .con {bottom:0}
.box4 .designer_box li.item .con {transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s;bottom:-100%;background:rgba(251,192,0,0.9);z-index:1;width:100%;height:100%;position:absolute;left:0;text-align:center;color:#fff}
.box4 .designer_box li.item .con .tit {margin-top:40px;font-size:22px}
.box4 .designer_box li.item .con .des {font-size:16px;margin-top:15px;line-height:2}
.box4 .designer_box li.item .con .more {border:solid 1px #fff;color:#fff;font-size:16px;display:inline-block;padding:5px 40px;margin-top:20px}

.box4 li.form {width:480px;height:240px; background:url(../images/form_01.gif) repeat-x; float:left;}
.box4 li.form .line {width:62px;height:4px;background:#e74c3c;margin:10px auto 15px}
.box4 li.form .input-box {padding-left:55px}
.box4 li.form input {border:solid 1px #ddd;padding:10px 15px;font-size:14px;width:143px;float:left;margin:0 20px 10px 0}
.box4 li.form .btn {margin-top:10px;padding:10px 60px}
.box4 ul.filter-list {padding-left:0;height:auto;width:175px;z-index:9;}
.box4 ul.filter-list li {float: none;}


.box5 .left_box{width:775px;}
.box5 .right_box{width:350px;}
.box5 .process_item{width:350px;overflow:hidden; color:#3a3e3e; }
.box5 .process_item .icon_box{width:90px; height:90px;float:left;margin-top:10px; }
.box5 .process_item .icon_box img{width:90px; height:90px;}
.box5 .process_item .process_info{width:250px; height:122px; float:right;}
.box5 .process_item .process_info .tit{font-size:20px;}
.box5 .process_item .process_info .en{ line-height:40px; font-size:16px;}
.box5 .process_item .process_info .info{border-top:3px #10070b solid; padding-top:5px; color:#686c6c; font-size:12px;}

.box6 li {float:left;width:388px;height:388px;background:#fafafa;}
.box6 li.item{margin-left:18px}
.box6 li.first{margin-left:0;}
.box6 li a.zoomBox {display: block;width: 388px;height: 291px;position:relative;}
.box6 li a.zoomBox img{display:block;position:absolute; top:0;left:0; width:100%;}
.box6 .tit {font-size:18px;border-left:solid 5px #f7a511;line-height:18px;padding-left:15px;margin:25px 0 15px;color:#212628;float:left;width:8em}
.box6 .tit:hover {color:#f7a511; text-decoration:underline;}
.box6 .des {float:right;width:200px;margin:25px 10px 15px;text-align:right}
.box6 .des span {text-decoration:underline}
.box6 .info {text-align:center;clear:both}
.box6 .form {padding:10px 10px 10px 230px;background:url(../images/form_02.gif) #474747}
.box6 .form dt {float:left;margin-left:-205px}
.box6 .form dd {background:#fff;padding:15px 30px}
.box6 .form .button {padding-left:55px;padding-right:55px}
.box6 .form input {padding:11px 15px;background:#fafafa;border:solid 1px #ddd;float:left;width:131px;margin-right:20px}
.box6 .more .btn {padding-left:55px;padding-right:55px}

.box7 .accordion-box {width:100%;height:360px}
.box7 .accordion-box ul {padding:0;width:inherit;height:360px;overflow:hidden;position:relative}
.box7 .accordion-box ul li {width:700px;position:absolute;top:0;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.box7 .accordion-box ul li .left {width:600px;height:inherit;overflow:hidden;position:relative;float:left}
.box7 .accordion-box ul li .left .shadow {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.box7 .accordion-box ul li .left .shadow .title {width:460px;height:70px;color:#fff;line-height:2;font-size:18px;text-align:center;overflow:hidden;position:absolute;top:130px;left:70px}
.box7 .accordion-box ul li .left .shadow .btn {background:transparent;color:#fff;position:absolute;top:210px;left:211px}
.box7 .accordion-box ul li .left .shadow .btn.btn-lg{padding: 10px 60px;}
.box7 .accordion-box ul li .left .shadow .btn:hover {background:rgba(255,255,255,0.2)}

.box7 .accordion-box ul li .left img {z-index:-1;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.box7 .accordion-box ul li .right {width:100px;height:360px;float:left;position:relative;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.box7 .accordion-box ul li .right .title {writing-mode:vertical-lr;writing-mode:tb-lr;position:absolute;top:115px;left:50px;font-size:24px;-webkit-writing-mode:tb-lr;-ms-writing-mode:tb-lr}
.box7 .accordion-box ul li .right .sub-title {-ms-writing-mode:tb-lr;writing-mode:vertical-lr;writing-mode:tb-lr;position:absolute;top:115px;font-size:14px;left:27px}
.box7 .accordion-box ul li .right::before {transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s;content:'';display:block;position:absolute;z-index:2;top:48%;left:-10px;width:0;height:0;border-right-width:10px;border-right-style:solid;border-top-width:10px;border-top-style:solid;border-top-color:transparent;border-bottom-width:10px;border-bottom-style:solid;border-bottom-color:transparent}
.box7 .accordion-box ul li:nth-child(odd) .right {background:#bfbfbf}
.box7 .accordion-box ul li:nth-child(odd) .right::before {border-right-color:#bfbfbf}
.box7 .accordion-box ul li:nth-child(even) .right {background:#e6e6e6}
.box7 .accordion-box ul li:nth-child(even) .right::before {border-right-color:#e6e6e6}
.box7 .accordion-box ul li:hover .right {background-color:#f7a511;color:#fff}
.box7 .accordion-box ul li:hover .right::before {border-right-color:#f7a511}
.box7 .accordion-box ul li:hover .right .title {color:#fff}
.box7 .accordion-box ul li:hover .right .sub-title {color:#fafafa}
.ad_02{min-width:1200px; overflow:hidden;}
.ad_02 img{margin:0 auto;min-width:1200px; width:100%; }

.box8 .titles {width:100%;border-bottom:1px solid #edecec;overflow:hidden}
.box8 .titles .fl a {float:left;margin-right:10px;padding:5px 25px;border-radius:15px;background-color:#f9f1f1}
.box8 .titles .fl a:hover {color:#f7a511}
.box8 .titles .fr a {float:left;padding:5px 15px}
.box8 .titles .fr a:hover {color:#f7a511}
.box8 .news-list {width:100%}
.box8 .news-list .left {width:580px;float:left}
.box8 .news-list .left .img-box {width:inherit;height:300px;overflow:hidden}
.box8 .news-list .left .img-box img {transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s;width:580px; height:300px;}
.box8 .news-list .left .img-box img:hover {transform:scale(1.1,1.1)}
.box8 .news-list .left .title {margin-top:16px;color:#212628;width:inherit;display:block !important;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-height:1.5;font-size:20px;max-height:30px}
.box8 .news-list .left .title:hover {color:#e74c3c}
.box8 .news-list .left .article-time {color:#666;font-size:14px}
.box8 .news-list .left .sub-title {position:relative;margin:17px 0 0 0;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-height:2;font-size:14px;max-height:56px}
.box8 .news-list::after {content:'';display:block;clear:both}
.box8 .news-list .right {float:right}
.box8 .news-list .right li{width:570px;}
.box8 .news-list .right li a{width:570px;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s;display:block;}
.box8 .news-list .right li a .time {float:left;background:#c0b8ac; height:90px;width:80px;color:#fff;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s;position:relative}
.box8 .news-list .right li a .time .month {display:block;position:absolute;font-size:30px;top:25px;left:20px}
.box8 .news-list .right li a .time .date {display:block;font-size:16px;position:absolute;right:10px;bottom:10px}
.box8 .news-list .right li a::after {content:'';display:block;clear:both}
.box8 .news-list .right li a .content {width:460px;float:left}
.box8 .news-list .right li a .content .title {font-size:18px;color:#212628;padding:7px 0 7px 10px;width:inherit;display:block !important;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-height:1.5;font-size:18px;max-height:27px}
.box8 .news-list .right li a .content .sub-title {color:#666;position:relative;margin:0 0 0 12px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-height:1.5;font-size:14px;max-height:42px}
.box8 .news-list .right li a:hover {background-color:#fff;box-shadow:0 0 15px 0 rgba(102,102,102,0.2)}
.box8 .news-list .right li a:hover .time {background:#f7a511}
.box8 .news-list .right li+li a {margin-top:22px}
.box9 a {float:left;width:383px;height:295px;margin-left:24px;overflow:hidden;}
.box9 a.first{margin-left:0;}
.box9 a img{width:383px; height:295px;}

.friendly .tab-tit {border-bottom:solid 1px #edecec;line-height:40px;height:40px;font-size:18px}
.friendly .tab-tit span {margin-right:25px;display:inline-block;border-bottom:solid 1px transparent;cursor:pointer}
.friendly .tab-tit span.active {border-color:#f7a511;color:#333}
.friendly .tab-layer .alink {margin-top:20px;line-height:1.6}
.friendly .tab-layer .alink a {color:#999;margin-right:10px;display:inline-block;font-size:14px;width:8.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.friendly .tab-layer .alink a:hover {color:#f7a511}