/******* 首  页*******/

@charset="utf-8";

#money {font-size: 32px;color: #ff8c1b;line-height: 98px;text-align: center;}

/* award */

#award {height: 134px;padding-top: 17px;margin-top: 10px;background: rgb(245, 245, 245);}

#award dl dd {width: 315px;height: 119px;padding-left: 65px;float: left;margin-right: 27px;background: url(../images/award01.jpg) no-repeat rgba(255, 255, 255, 1) 254px 26px;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;}

#award dl dd:hover {background: url(../images/award01.jpg) no-repeat rgba(255, 255, 255, 1) 264px 26px;}

#award dl dd h2,

#award dl dd p,

#award dl dd a {-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-moz-transition: all 300ms ease-in;}

#award dl dd:hover h2,

#award dl dd:hover p,

#award dl dd:hover a {margin-left: -10px;}

#award dl dd:hover:nth-of-type(2) {background: url(../images/award02.jpg) no-repeat rgba(255, 255, 255, 1) 255px 26px;}

#award dl dd:hover:nth-of-type(3) {margin-right: 0;background: url(../images/award03.jpg) no-repeat rgba(255, 255, 255, 1) 263px 26px;}

#award dl dd:nth-of-type(2) {background: url(../images/award02.jpg) no-repeat rgba(255, 255, 255, 1) 245px 26px;}

#award dl dd:nth-of-type(3) {margin-right: 0;background: url(../images/award03.jpg) no-repeat rgba(255, 255, 255, 1) 253px 26px;}

#award dl p {line-height: 14px;}

#award dl h2 {padding: 10px 0 3px;}

#award dl a {width: 71px;height: 25px;line-height: 25px;background: #ffa320;}

#award dl a:hover{background: #f08d00;color:#fff;}

.black_overlay {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);z-index: 1001;}

.white_content0,

.white_content01 {display: none;position: fixed;width: 582px;height: 476px;left: 50%;top: 50%;margin-left: -291px;margin-top: -235px;background: rgb(255, 255, 255);z-index: 1002;text-align: left;}

.white_content01 {height: 411px;margin-top: -203px;}

.content0 {position: relative;padding: 58px 0 0 91px;}

.content0 span {position: absolute;top: 10px;right: 8px;}

.content0 ul li {margin: 10px 0 0 27px;}

.content0 ul li.tg {margin-top: 20px;}

.content0 ul li input {width: 324px;height: 53px;border: 1px solid rgb(196, 196, 196);padding: 0 10px;font-size: 20px;color: #8e8e8e;}

.content0 ul li.tg input {width: 346px;height: 55px;border: none;padding: 0;background: rgb(241, 70, 52);font-size: 30px;color: rgb(255, 255, 255);letter-spacing: 2px;}



/* star-house */

#star-house03 {width: 1178px;margin: 40px auto 0;padding: 10px;}

.star-a1 {width: 321px;height: 425px;padding-top: 35px;background: rgba(255, 254, 251, 1);}

.star-a1 .star-a1-01 {}

.star-a1 hgroup {margin: 0;}

.star-a1 hgroup h2 {font-size: 28px;line-height: 28px;color: rgba(41, 41, 41, 1);padding: 40px 0 8px;}

.star-a1 hgroup h2 b {display: inline-block;font-size: 16px;color: rgba(255, 255, 255, 1);background: rgba(41, 41, 41, 1);border-radius: 20px;padding: 0 5px;line-height: 22px;margin: 0 0 5px 5px;vertical-align: middle;}

.star-a1 hgroup h3 {line-height: 20px;color: rgba(34, 34, 34, 1);padding-bottom: 30px;}

.star-a1 .star-a1-02 {padding-bottom: 34px;}

.star-a1 a.dg {width: 200px;height: 44px;line-height: 44px;background: #ffa320;}

.star-a1 a.dg:hover {color: rgb(233, 233, 233);}

.star-a2,

.star-a2 img {width: 425px;height: 460px;}

.star-a3 {width: 422px;height: 460px;}

.star-a3 .star-a3-01 img {width: 422px;height: 267px;}

.star-a3 .star-a3-02 img {width: 206px;height: 183px;}

#star-house03 i {bottom: 10px;right: 25px;line-height: 18px;display: block;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}

#star-house03 .star-a2:hover i,

#star-house03 .star-a3-01:hover i,

#star-house03 .star-a3-02 dl dt:hover i {bottom: 20px}

#star-house03 span {top: 10px;right:29px;z-index: 99;}

#star-house03 span img {width: 100px;height: 91px;}

#star-house03 span.cc {top: 10px;left: 10px;}

/* index-offer 报价计算器 */

#index-offer {height: 430px;margin-top: 30px;padding-top: 55px;background: url(../images/tb2yxduirdh8kjjy1zexxxjepxa_!!666763088.jpg) no-repeat center top rgba(248, 248, 248, 1);}

#index-offer h2 {padding-left: 20px;border-left: 3px solid rgba(218, 37, 28, 1);}

.userinfo {width: 495px;padding-left: 30px;}

.userinfo ul li {height: 40px;margin-top: 10px;}

.userinfo li.style {height: 30px;padding-top: 5px;}

.userinfo ul li label {width: 80px;display: inline-block;}

.userinfo ul li input[type="text"] {width: 336px;height: 38px;border: 1px solid rgb(225, 225, 225);color: #333;padding-left: 20px;font-family: "微软雅黑";margin-right: 15px;}

.userinfo ul li span {left: 415px;top: 12px;}

.userinfo ul li select {width: 108px;height: 38px;border: 1px solid #e1e1e1;color: #333;padding-left: 20px;font-family: "微软雅黑";margin-right: 13px;}

.userinfo ul li input[type="button"] {width: 130px;height: 40px;border: none;background: rgba(218, 37, 28, 1);}

.userinfo ul li input[type="text"].code {width: 187px;}

.userinfo ul li input[type="submit"] {width: 159px;height: 35px;background: rgb(225, 42, 33);font-size: 16px;color: #fff;border: none;}

.userinfo ul li select:focus,

.userinfo ul li input[type="text"]:focus {border: 1px solid rgb(218, 37, 28);}

.userinfo ul li input[type='radio'].radio {opacity: 0;display: inline-block;vertical-align: top;}

.userinfo ul li label.radio {background: url(../images/radio_check.png) no-repeat 0 4px;padding: 0 0 0 20px;cursor: pointer;}

.userinfo ul li input[type='radio'].radio:checked+.radio {background: url(../images/radio_checked.png) no-repeat no-repeat 0 4px;}

.userinfo ul li label.xg {width: 120px;}

.count-btn {width: 233px;}

.count-btn i {width: 149px;height: 157px;animation: circle 2s linear infinite;-webkit-animation: circle 2s linear infinite;}

@keyframes circle {

	0% {transform: rotate(0);-webkit-transform: rotate(0);}

	100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);}

}

@-webkit-keyframes circle {

	0% {transform: rotate(0);-webkit-transform: rotate(0);}

	100% {transform: rotate(360deg);-webkit-transform: rotate(360deg);}

}

.count-btn b {width: 130px;height: 130px;background: rgba(220, 220, 220, 1);top: 14px;left: 10px;border-radius: 50%;-webkit-transition: all 300ms linear;-o-transition: all 300ms linear;-moz-transition: all 300ms linear;opacity: 1;}

.count-btn:hover b {transform: scale(1.1);opacity: 0;}

.count-btn:hover span img {opacity: 0.8;}

.count-btn span {width: 113px;height: 113px;top: 22px;left: 18px;border-radius: 50%;-webkit-transition: all 200ms ease-in;-o-transition: all 200ms ease-in;-moz-transition: all 200ms ease-in;}

.count-btn:hover span {box-shadow: 0 0 15px 3px rgba(0, 0, 0, .3);}

.result {width: 350px;}

.result-box {width: 328px;height: 93px;border: 1px solid rgba(225, 225, 225, 1);padding: 10px;margin-top: 28px;text-align: center;}

.result span {padding: 0 5px;}

.result>a {width: 350px;height: 40px;line-height: 40px;background: rgba(218, 37, 28, 1);}



/* case */

#case {padding-top: 60px;}

#case h2,

#material h2,

#body_inner h2,

#body_gongdi h2,

#news h2 {font-size: 45px;line-height: 45px;}

#case h2 span,

#body_inner h2 span,

#body_gongdi h2 span,

#material h2 span {padding-right: 25px;}

.case-con {padding-top: 30px;}

.case-fl {width: 794px;height: 450px;}

.case-fl span {top: 180px;left: 368px;}

.case-fl dl dt img {width: 794px;height: 547px;}

.case-fl dl dd,

.case-fr dl dd {width: 794px;height: 16px;text-align: center;line-height: 16px;color: #fff;font-size: 16px;position: absolute;left: 0;bottom: 10px;z-index: 1;}

.imgbox {width: 100%;height: 100%;border: 1px solid #fff;top: 0;left: 0;}

.imgbox:hover {transform: scale(0.98);-o-transform: scale(0.98);-moz-transform: scale(0.98);-webkit-transform: scale(0.98);}

.case-fr {width: 391px;}

.case-fr dl {width: 391px;height: 216px;}

.case-fr dl dt img {width: 391px;height: 216px;}

.case-fr dl dd {width: 391px;}

.case-fr dl span {top: 85px;left: 129px;}

.case-fr dl:hover dt img {transform: scale(1.03);-o-transform: scale(1.03);-ms-transform: scale(1.03);-moz-transform: scale(1.03);-webkit-transform: scale(1.03);}

.case-fr dl span img,

.case-fl dl span img {-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: all 300ms ease-in;-o-transition: all 300ms ease-in;-moz-transition: 300ms ease-in;}

.case-fr dl:hover span img,

.case-fl dl:hover span img {/*-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-o-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0; */}

.position-b{position: absolute;top: 180px;left: 368px;cursor: pointer;}

/*body_inner*/

#body_inner{height: 752px;margin-top: 60px;background: rgba(248, 248, 248, 1);}

#body_inner h2 {padding: 60px 0 30px;}

.inner_case_list{float: left;width: 100%;height: auto;}

.inner_case_list li {float: left;width: 385px;height: 286px;overflow:hidden;border:1px #f0f0f0 solid;margin-right:19px;margin-bottom:15px;position: relative}

/*.case_list li.cr {margin-right: 0;}*/

.inner_case_list li:nth-child(3n+0){float:right;margin-right:0;}

.inner_case_list li span {width: 385px;height: 70px;float: left;overflow: hidden;background:#fff;white-space: nowrap;text-overflow: ellipsis;background: transparent\9;zoom: 1\8;

	/* required for the filters */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	/* IE8 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

	/* IE5.5-7 */text-align: center;line-height: 70px;font-size: 16px;position: absolute;left: 0;bottom: 0;z-index: 1;

}

.inner_case_list .pop_up{

	height: 70px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

    flex-direction: row;

    background: #ff9000;

    height: 0;

    color: #fff;

    transition: all .3s;

    -moz-transition: all .3s;

    -webkit-transition: all .3s;

    -o-transition: all .3s;}

.inner_case_list .button{

	height: 70px;

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 0;

    z-index: 1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    font-weight: 400;

    line-height: 22px;

    opacity: 1;transform:all 0.6s;

    transform:translateY(70px);

    -webkit-transform: translateY(70px);

}

.inner_case_list li img {width: 385px;height: 216px;transition: all 0.6s;}

.inner_case_list li img:hover{transform: scale(1.08);  }

.inner_case_list li:hover .button{transform: translateY(0);}

.inner_case_list .button i{width:30%;margin:0 10px}





.wrap {

    width: 1250px;

    margin: 0 auto;

}

.box_head{font-size: 30px;color:#282828;font-weight: normal;text-align: center;position:relative;}

 

.box_head h4{font-size: 38px;color:#282828;font-weight: normal;margin-bottom: 15px;}

.box_head p{font-size: 16px;color:#666666;}

.box_head p strong,.box_head p b{font-size: 16px;font-weight: 800;color:#ffa31f;}

.box_head p b{ display: inline-block;}

   

.box_head img{position:absolute;top:-17px;}

.box_head .box{display:inline-table;}

.caseA{background:url(../images/casebg_02.jpg) no-repeat;background-size: 100% 100%;padding: 40px 0 60px; margin-top: 50px;}

.caseA .hotA_menu{color:#999;}

.caseA .hotA_menu a{color:#999;}

.caseA .hotA_menu a.on {color: #df486b;}

.caseA_main{margin-top: 30px;overflow:hidden;}



.caseA .more{text-align: center;margin-top:35px;}

.caseA .more a{width: 150px;height: 40px;border:1px #000 solid;display:inline-block;line-height: 40px;font-size:16px;color:#69646d;position:relative;z-index: 4;overflow:hidden;}



.caseA .more a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index: -1; background-color:#ffa31f; transform-origin:center; -webkit-transform-origin:center; -webkit-transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1); transition:transform .38s cubic-bezier(.4,0,.2,1),-webkit-transform .38s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9;}

.caseA .more a:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:center; -webkit-transform-origin:center; visibility:visible\9;}

.caseA .more a:hover{color:#fff;border-color: #ffa31f;}







.caseA_main dd{overflow:hidden;}

.caseA_main ul{margin-right: -2%;}

.caseA_main li{float:left;width: 31.33%;margin:0 2% 0 0;margin-bottom:2%; }

.caseA_main li .pic{height: 298px;overflow:hidden;}

.caseA_main li .pic img{display:block;width: 100%;height: 100%;

  transition:all 1s ease;

  -o-transition:all 1s ease;

  -moz-transition:all 1s ease;

  -webkit-transition:all 1s ease;

}

.caseA_main li .txt{text-align: center;background:#fff;padding:20px 0;

  -webkit-animation-duration:0.4s; -moz-animation-duration:0.4s; -ms-animation-duration:0.4s; -o-animation-duration:.4s; animation-duration:.4s; -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}

.caseA_main li .txt .case-top{font-size:24px;color:#3d3d3d;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.caseA_main li .txt .case-foot{margin-top: 5px;margin-top: 18px;}

.caseA_main li .txt .case-foot dl{display:inline-table;font-size: 14px;color:#888;border-right: 1px #e1e1e1 solid;padding:0 5px;line-height: 15px;}

.caseA_main li .txt .case-foot dl:last-child{border-right: none;}

.caseA_main li:hover .txt {background:#ffa31f;}

.caseA_main li:hover .txt .case-top,.caseA_main li:hover .txt .case-foot dl{color:#fff;}

.caseA_main li:hover .pic  img{

  transform:scale(1.05,1.05);

  -webkit-transform:scale(1.05,1.05);

  -moz-transform:scale(1.05,1.05);

  -o-transform:scale(1.05,1.05);



  transition:all 1s ease;

  -o-transition:all 1s ease;

  -moz-transition:all 1s ease;

  -webkit-transition:all 1s ease;

}

.caseA_main li:hover{

 -webkit-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);

    -moz-box-shadow:0px 2px 9px 1px rgba(185,185,185,.5);

    box-shadow: 0px 2px 9px 1px rgba(185,185,185,.5);

}





/*body_gongdi*/

#body_gongdi{height: 540px;margin-top: 6px;}

#body_gongdi h2 {padding: 60px 0 30px;}

.gongdi_case_list{float: left;width: 100%;height: auto;}

.gongdi_case_list li {float: left;width: 288px;height: 200px;overflow:hidden;margin:0 15px 20px 0;position: relative}

.gongdi_case_list li:nth-child(4n+0){float:right;margin-right:0;}

.gongdi_case_list li span {width: 288px;height: 46px;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: #f9f9f9;background: transparent\9;zoom: 1\8;

	/* required for the filters */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

	/* IE8 */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

	/* IE5.5-7 */text-align: center;line-height: 46px;font-size: 16px;position: absolute;left: 0;bottom: 0;z-index: 1;

}

.gongdi_case_list li img {width: 288px;height: 200px;transition: all 0.6s;}

.gongdi_case_list li img:hover{transform: scale(1.08);  }

.gongdi_case_list li .mark{display:none;width:228px;height:200px;padding:30px;align-items:center;color:#fff;position:absolute;top:0;}

.gongdi_case_list li:hover .mark{display:block;background: rgba(0,0,0,0.4);font-size:16px;}

.gongdi_case_list li .mark .span{text-align:center;}

.gongdi_case_list li .mark .tit{text-align:center;width:30%;margin:80px 15px 10px 15px;padding:5px;float:left}

.gongdi_case_list li .mark .nth-1{background:#f5a623;}

.gongdi_case_list li .mark .nth-2{border:1px #fff solid;}

.gongdi_case_list li .mark a{color:#fff;}

.gongdi_case_list li .nth-2:hover{background:#f5a623;}

.gongdi_case_list li:hover span{display:none;}

/* material */

#material {height: 752px;margin-top: 20px;/*background: rgba(248, 248, 248, 1);*/}

#material .BTitle{

    padding-bottom: 26px;

    padding-top:26px; 

    position: relative;

}

/*#material h2 {padding: 60px 0 30px;}*/

#material .BTitle h2{

    text-align: center;

}

#material .BTitle h2 span {

    position: relative;

    background-color: #fff !important;

    z-index: 1;

    padding-right: 30px !important;

    padding-left: 30px !important;;

    color: #000;

    font-size:38px;

    line-height: ;

}

#material .BTitle h2 hr {

    position: absolute;

    width: 100%;

    display: block;

    border: none;

    top: 43%;

    height: 1px;

    background: #d9d9d9;

}

#material .BTitle p{

    text-align: center;

}

#material .BTitle p {

    margin-top: 12px;

    line-height: 15px;

    color: #888;

    font-size: 16px;

}

.main-page {width: 1200px;}

.main-page .nav {width: 1200px;}

.main-page .nav ul li {float: left;cursor: pointer;}

.main-page .nav ul li a {width: 227px;height: 96px;display: block;margin: 13px 13px 0 0;background: url(../images/tb2ojvlitvi8kjjsspjxxcgjxxa_!!666763088.jpg) no-repeat;font-size: 0;line-height: 0;border: 1px solid #f8f8f8;}

.main-page .nav ul li.on a {border: 1px solid #ffa31f;background: url(../images/tb2ojvlitvi8kjjsspjxxcgjxxa_!!666763088.jpg) no-repeat 0 -100px;}

#material ul li a.a2 {background-position: -230px 0;}

#material ul li.on a.a2 {background-position: -230px -100px;}

#material ul li a.a3 {background-position: -460px 0;}

#material ul li.on a.a3 {background-position: -460px -100px;}

#material ul li a.a4 {background-position: -690px 0;}

#material ul li.on a.a4 {background-position: -690px -100px;}

#material ul li a.a5 {background-position: -920px 0;margin-right: 0;}

#material ul li.on a.a5 {background-position: -920px -100px;}

#material ul li a.a6 {background-position: 0 -200px;}

#material ul li.on a.a6 {background-position: 0 -300px;}

#material ul li a.a7 {background-position: -230px -200px;}

#material ul li.on a.a7 {background-position: -230px -300px;}

#material ul li a.a8 {background-position: -460px -200px;}

#material ul li.on a.a8 {background-position: -460px -300px;}

#material ul li a.a9 {background-position: -690px -200px;}

#material ul li.on a.a9 {background-position: -690px -300px;}

#material ul li a.a10 {background-position: -920px -200px;margin-right: 0;}

#material ul li.on a.a10 {background-position: -920px -300px;}

#material ul li a.a11 {background-position: 0 -400px;}

#material ul li.on a.a11 {background-position: 0 -500px;}

#material ul li a.a12 {background-position: -230px -400px;}

#material ul li.on a.a12 {background-position: -230px -500px;}

#material ul li a.a13 {background-position: -460px -400px;}

#material ul li.on a.a13 {background-position: -460px -500px;}

#material ul li a.a14 {background-position: -690px -400px;}

#material ul li.on a.a14 {background-position: -690px -500px;}

#material ul li a.a15 {background-position: -920px -400px;margin-right: 0;}

#material ul li.on a.a15 {background-position: -920px -500px;}

@keyframes fade-in {  

    0% {opacity: 0;}/*初始状态 透明度为0*/  

    40% {opacity: 0;}/*过渡状态 透明度为0*/  

    100% {opacity: 1;}/*结束状态 透明度为1*/  

}  

@-webkit-keyframes fade-in {/*针对webkit内核*/  

    0% {opacity: 0;}  

    40% {opacity: 0;}  

    100% {opacity: 1;}  

}  

.main-page .content {width: 1200px;height: 320px;overflow: hidden;position:relative;background:#fff;}

.main-page .content div {width: 1200px;height: 320px;overflow: hidden;position:absolute;top:-320px;}

.main-page .content div.on{top:0px;z-index:999;

animation: fade-in;/*动画名称*/  

    animation-duration: .5s;/*动画持续时间*/  

    -webkit-animation:fade-in .5s;/*针对webkit内核*/  

}

/* yezhu */

.yezhu{

    margin-top: 20px;

    background: rgba(248, 248, 248, 1);

    padding-top: 40px;

    padding-bottom: 60px;

}

/* liucheng */

.homeService {

  overflow: hidden;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  padding-top: 142px;

  transition: all 0.8s ease-out;

}

.homeService.hover {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  padding-top: 82px;

}

.homeService .homeTitle {

  margin-bottom: 60px;

}

.homeService .homeTitle {

     

    text-align: center;

    height: 68px;

}

.homeService .homeTitle h2 {

  filter: alpha(opacity=100);

  -moz-opacity: 1;

  -khtml-opacity: 1;

  opacity: 1;

  width: 100%;

}

.homeService .homeTitle h2 span {

    position: relative;

    background-color: #fff !important;

    z-index: 1;

    padding: 0 58px;

    color:#000;

}

.homeTitle h2 {

  position: relative;

  filter: alpha(opacity=0);

  -moz-opacity: 0;

  -khtml-opacity: 0;

  opacity: 0;

  font-style: normal;

  font-weight: normal;

  font-size: 38px;

  margin: 0 auto;

  width: 530px;

  height: 42px;

  line-height: 42px;

  margin-top: 15px;

  transition: all 0.5s ease-out;

}

.homeTitle h2 span {

  position: relative;

  background-color: #fff !important;

  z-index: 1;

  padding: 0 58px;

}

.homeTitle h2 hr {

  position: absolute;

  width: 100%;

  display: block;

  border: none;

  top: 50%;

  height: 1px;

  background: #d9d9d9;

}

.homeTitle p {

  margin-top: 12px;

  line-height: 15px;

  color: #888;

  font-size: 16px;

}

.homeTitle p a {

  color: #888;

}

.homeService .homeServiceIcon {

  width: 1200px;

  margin: 0 auto;

  text-align: center;

  display: table;

  height: 255px;

}

.homeService .homeServiceIcon div {

  display: table-cell;

  padding: 0 5px;

}

.homeService .homeServiceIcon img {

  vertical-align: top;

  margin-bottom: 16px;

  width: 119px;

  height: 119px;

  

  transform-style: preserve-3d;

	-webkit-transform-style: preserve-3d;

	-ms-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transition: 0.5s;

	-webkit-transition: 0.5s;

	-ms-transition: 0.5s;

	-moz-transition: 0.5s;

}

.homeService .homeServiceIcon img:hover{

	transform: translateZ(30px) rotateX(360deg) scale(1.1);

	-webkit-transform: translateZ(30px) rotateX(360deg) scale(1.1);

	-ms-transform: translateZ(30px) rotateX(360deg) scale(1.1);

	-moz-transform: translateZ(30px) rotateX(360deg) scale(1.1);

}

.homeService .homeServiceIcon p {

  font-size: 18px;

  line-height: 18px;

  margin-bottom: 15px;

}

.homeService .homeServiceIcon span {

  color: #999;

  line-height: 18px;

}

/* news */

#news {padding-top: 60px;}

#news .BTitle{

    padding-bottom: 26px;

    padding-top:26px; 

    position: relative;

}

#news .BTitle h2{

    text-align: center;

}

#news .BTitle h2 span {

    position: relative;

    background-color: #fff !important;

    z-index: 1;

    padding-right: 30px !important;

    padding-left: 30px !important;;

    color: #000;

    font-size:38px;

    line-height: ;

}

#news .BTitle h2 hr {

    position: absolute;

    width: 100%;

    display: block;

    border: none;

    top: 43%;

    height: 1px;

    background: #d9d9d9;

}

#news .BTitle p{

    text-align: center;

}

#news .BTitle p {

    margin-top: 12px;

    line-height: 15px;

    color: #888;

    font-size: 16px;

}

#news ul {margin-top: 20px;}

#news ul li {float: left;width: 342px;margin-left:26px;margin-right:30px;background-color: #fff;border: 1px solid rgba(223, 231, 239, .7);color: rgb(32, 40, 48);text-shadow: 0 1px 1px rgba(255, 255, 255);font-size: 14px;transition: all .2s ease;position: relative;}

#news ul li:last-child{margin-right: 0px;}

#news ul li .news01 {-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);-webkit-transition: all 200ms ease-in 100ms;-o-transition: all 200ms ease-in 100ms;-moz-transition: all 200ms ease-in 100ms;}

#news ul li:hover .news01 {-moz-opacity: 0;opacity: 0;filter: alpha(opacity=0);}

.news02 {width: 344px;background: rgb(255, 255, 255);-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);box-shadow: 0 1px 10px rgba(0, 0, 0, .5);}

#news ul li .news02 {z-index: 9999;}

#news ul li .newst {width: 298px;height: 150px;background: rgba(248, 248, 248, 1);}

#news ul li .newst img {padding: 34px 0 12px;}

#news ul li .newsc {line-height: 28px;padding: 17px 0 0 36px;}

.news02 .news02-01 {border-bottom: 1px solid rgba(228, 228, 223, 1);}

.news02 .news02-01 img {width: 344px;height: 192px;}

.news02 .news02-01 span {width: 344px;left: 0;top: 86px;text-align: center;}

.news02 .news02-02 {width: 294px;padding: 20px 25px 0;}

.news02 .news02-02 a:hover .color-3{

    color: rgba(218, 37, 28, 1)；

}

.news02 .news02-02 dl {padding-bottom: 20px;border-bottom: 1px solid rgba(181, 181, 181, 1)}

.news02 .news02-02 dl dt,

.news02 .news02-02 dl dt img {width: 112px;height: 67px;}

.news02 .news02-02 dl dd {width: 172px;}

.news02 .news02-02 dl dd p {line-height: 20px;padding-top: 5px;}

.news02-03 {padding: 10px 25px 0;line-height: 28px;}

.news02-03 a {color: rgba(136, 136, 136, 1);}

.news02-03 a:hover {color: #ffa31f;}

#news ul li p.btn a {display: inline-block;width: 39px;height: 45px;margin: 30px 0 0 226px;background: url(../images/news-jt.png) no-repeat;}

#news ul li p.btn2 a {display: inline-block;width: 50px;height: 45px;margin: 30px 0 0 274px;background: url(../images/news-hd.png) no-repeat -111px 0;-webkit-transition: all 300ms ease-in 400ms;-o-transition: all 300ms ease-in 400ms;-moz-transition: all 300ms ease-in 400ms;}

#news ul li:hover p.btn2 a {background: url(../images/news-hd.png) no-repeat 0 0}

#news ul li .newsc p {width: 231px;}

.searchBtn input[type="submit"] {cursor: pointer;height: 33px;width: 66px;background: none;}

.swiper_control .swiper-pagination-bullet {

    width: 139px;

    background: #f0f0f0;

    text-align: center;

    height: 40px;

    line-height: 40px;

     border-radius: 4px; 

    font-size: 16px;

    border-color: #f0f0f0;;

    color: #999;

    opacity: 1;

    margin-right: 6.33%;

    position: relative;

}



.swiper_control{

	/* padding-top: 10px; */

	/* padding-bottom: 20px; */

	margin: 20px;

	padding: 0 3%;

	/* background: #fff; */

	border-radius: 5px;

	margin-bottom: 10px;

	/*margin-top: -2px;*/

    width: 298px;

    margin: 30px auto;

}

.swiper-container .pro-pic{

	margin-top:20px;

	height:460px;

	overflow: hidden;

}

.swiper_control .swiper-pagination-bullet-active {

    color: #332b2a;

    background:#ffa31f;

    color: #fff;

    font-size: 18px;

}

.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    opacity: .2;

}

.swiper-pagination-bullet {

    border-radius: 0px;

}

.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer;

}

.swiper_control .swiper-pagination-bullet:nth-last-child(1) {

    margin-right: 0;

}

.conter_swi{

	width:1200px;

	margin: 0 auto;

}

.conter_swi .BTitle{

    padding-bottom: 16px;

    padding-top:36px; 

    position: relative;

}

.conter_swi .BTitle h2{

    text-align: center;

}

.conter_swi .BTitle h2 span {

    position: relative;

    background-color: #fff !important;

    z-index: 1;

    padding-right: 30px !important;

    padding-left: 30px !important;;

    color: #000;

    font-size:38px;

    line-height: ;

}

.conter_swi .BTitle h2 hr {

    position: absolute;

    width: 100%;

    display: block;

    border: none;

    top: 50%;

    height: 1px;

    background: #d9d9d9;

}

.conter_swi .BTitle p{

    text-align: center;

}

.conter_swi .BTitle p {

    margin-top: 12px;

    line-height: 15px;

    color: #888;

    font-size: 16px;

}

.Word_of_mouth_swiper {

	width: 1200px;

	margin: 0 auto;

}

		

.Word_of_mouth_swiper .Word_of_mouth_swiper_transition_img {

	width: 52px;

	height: 52px;

	margin: 25px auto 0 auto;

}

		

.Word_of_mouth_swiper .Word_of_mouth_swiper_transition_img img {

	width: 100%;

	border-radius: 100%;

}	

.Word_of_mouth_swiper .swiper-slide {

	position: relative;

	color: #fff;

	cursor: pointer;

}	

.Word_of_mouth_swiper .Word_of_mouth_swiper_transition {

	position: absolute;

	background: rgba(0, 0, 0, .4);

	height: 100%;

	width: 100%;

	transition: all .5s;

	-moz-transition: all .5s;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	opacity: 1;

        top: 0;

}

		

.Word_of_mouth_swiper .Word_of_mouth_swiper_transition:hover {

	opacity: 0;

}

		

.Word_of_mouth_swiper .Word_of_mouth_swiper_transition_describe {

	color: #fff;

	font-size: 13px;

	text-align: center;

	line-height: 19px;

        display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	padding: 20px;

	line-height: 20px;

}

		

.Word_of_mouth_swiper_transition_style {

	font-size: 10px;

	color: #ecc682;

	border: 1px solid #ecc682;

	width: 50px;

	height: 20px;

	margin: 15px auto 0 auto;

	line-height: 20px;

	text-align: center;

	padding: 0 5px;

}

.Word_of_mouth {

	text-align: center;

}

.Word_of_mouth h1{

	font-size:38px;

	

	line-height:55px

		}

.Word_of_mouth p{

	line-height:30px;

	font-size:16px;

    padding-bottom: 20px;

}