@charset "UTF-8";

/*通用*/
body { font-family: 微软雅黑; background: url(../images/bg.jpg);}
.ytBd .content{ }

/*图片放大*/
.scale_img dt img, .scale_img li img { -o-transition: all 2s linear 0s; transition: all 2s linear 0s; }
.scale_img dt:hover img, .scale_img li:hover img { -webkit-transform: scale(1.1) rotate(0deg) translateY(0); -ms-transform: scale(1.1) rotate(0deg) translateY(0); transform: scale(1.1) rotate(0deg) translateY(0); }

/*标题*/
.hand h2 span { width: 500px; }
.core h2 span {width: 390px;}
.about h2,.power h2, .product h2, .case h2, .business h2, .corporate h2, .team h2, .news h2, .intro h2 { text-align: center; font-weight: normal; position: relative;}
.about h2 a,.power h2 a, .product h2 a, .case h2 a, .business h2 a, .corporate h2 a, .team h2 a, .news h2 a, .intro h2 a { display: block;font-size: 45px;color: #231815;line-height: 100%;background: url(../images/title_bg.png) no-repeat center center;}
.about h2 i,.power h2 i, .product h2 i, .case h2 i, .business h2 i, .corporate h2 i, .team h2 i, .news h2 i, .intro h2 i {color: #f08200;font-size: 25px;}
.about h2 span,.power h2 span, .product h2 span, .case h2 span, .business h2 span, .corporate h2 span, .team h2 span, .news h2 span, .intro h2 span { display: block; font-size: 24px; color: #666; line-height: 100%; padding-top: 10px; font-family: ArialMT;text-transform:uppercase; }
.business h2, .corporate h2 { text-align: left; padding-left: 15px; padding-bottom: 0; }
.business h2:after, .corporate h2:after { width: 3px; height: 32px; left: 0; top: 2px; border-radius: 2px; margin-left: 0; }
.corporate h2 { text-align: right; padding-right: 15px; }
.corporate h2:after { left: 100%; }

/*-----*/
.content { width: 1200px; margin: 0 auto; }

.hand img {
    width: 100%;
    margin-bottom: -5px;
}

/*广告*/
.banner { min-width: 1200px; position: relative; height: 650px; overflow: hidden; z-index: 2; margin-top: -1px;}
.banner .bd { position: relative; z-index: 0; }
.banner .bd ul { width: 100% !important; }
.banner .bd li { width: 100% !important; height: 650px; overflow: hidden; text-align: center; position: relative; }
.banner .bd li a { display: block; height: 650px; }
.banner .bd li img { position: absolute; left: 50%; margin-left: -960px; top: 0; }
.banner p { position: absolute; top: 50%; width: 80px; height: 650px; z-index: 9; opacity: .8; text-align: center; margin-top: -40px; }
.banner .prev { left: 3%; }
.banner .next { right: 3%; }

/*关于耀特*/
/*.three_bg {background: url(../images/about_bg.jpg) no-repeat center top;padding-top: 60px;height: 2102px;}
.about dl {overflow: hidden;height: 310px;padding-top: 60px;}
.about dl dd {float: left;width: 540px;height: 310px;text-align: center;box-sizing: border-box;}
.about dl dd p { font-size: 14px; line-height: 28px; color: #333; margin: 28px 0 46px; }
.about dl dd a.ask { width: 120px; height: 40px; box-sizing: border-box; border: 1px solid #f08200; display: block; font-size: 14px; color: #333; line-height: 40px; margin: 0 auto; transition: .4s; }
.about dl dd a.ask:hover { color: #f08200; }
.about dl dt {float: right;width: 660px;height: 310px;border: 3px solid #231815;box-sizing: border-box;line-height: 0;border-left: 0;padding: 30px 15px;position: relative;}
.about dl dt p{line-height: 33px; color: #313131; font-size: 16px;}
.about dl dt a{position: absolute; bottom: 25px; right: 150px; color: #f08200; font-size: 16px;}*/
.sj_about{
    padding-left: 10px;
}
.sj_about_bg{background: url(../images/about_bg.png) no-repeat right bottom;padding-top: 30px;}
.sj_about_img{
    width: 600px;
    padding: 37px 0;
    position: relative;
    z-index: 10;
}

.sj_about_img img {
    box-shadow: 0 0 30px #b0aa9f;
}
.sj_about_con{
    width: 600px;
    height: 455px;
    box-sizing: border-box;
    border: 5px solid #e9e3d7;
    position: relative;
    z-index: 0;
    left: -20px;
    padding-left: 30px;
}

.sj_about_con h2 {
    width: 285px;
    height: 120px;
    background: url(../images/about_title.png) no-repeat;
    padding-top: 55px;
    font-size: 24px;
    color: #3c3c3c;
    box-sizing: border-box;
    margin-top: 45px;
    margin-left: 25px;
    font-weight: normal;
}

.sj_about_con h2 span {
    display: block;
    width: 40px;
    height: 5px;
    background: #f08200;
    margin-top: 15px;
}
.sj_about_txt{
    font-size: 16px;
    color: #7d7d7d;
    line-height: 28px;
    padding: 0 20px;
    text-indent: 2em;
}
.sj_about_nav{
    line-height: 45px;
    font-size: 14px;
    padding-right: 20px;
    color: #e3bf99
}

.sj_about_nav a {
    color: #e3bf99;
}

.sj_about_nav .fr a {
    color: #f08200;
    padding-right: 20px;
}

.sj_about_nav a:hover {
    font-weight: bold;
}
.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;*overflow: hidden;}
.Clearfix{display:inline-block;}
*html .clearfix{height:1%}
.clearfix{display:block;}
.honor_bg{overflow:hidden; width:100%;margin-top: 10px;}
.honor{width: 1175px;margin:0 auto;}
.honor h2{ overflow:hidden;}
.honor h2 img{ display: block; margin: 0 auto;}
.honor_more{ margin-top:-7px; position:relative;}
.honor_c{margin-top:22px;height:250px;position:relative;width: 1175px;}
.honor_l{top:96px;}
.honor_pp{width: 1175px;overflow:hidden;}
.honor_pp .ulpr{width: 1200px!important; margin: 0 auto;}
.honor_pp li{width: 265px;float:left;position:relative;background:#fff;padding: 10px;margin: 0 15px;display:inline;border: 1px solid #ddd;box-sizing: border-box;}
.honor_pp li a{display:block; width:245px; height:185px; overflow:hidden;}
.honor_pp li img{width:100%; min-height: 185px;} 
.honor_pp li span{ width:238px; display:block; text-align:center; height:70px; display:block; font:bold 14px/70px "Microsoft Yahei","微软雅黑"; color:#202020; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;}
.honor_pp li span a{ color:#202020;}
.honor_pp li.nomr{ margin-right: 0;}
.honor_btn{ margin-top:40px;}
.pro_l{ width:47px; height:47px; display:inline-block; top:75px; left:-60px;position:absolute; z-index:5;}
.pro_l a{ width:47px; height:47px; background:url("../images/pro_l1.png") no-repeat; display:inline-block;}
.pro_l a:hover{ background:url("../images/pro_l2.png") no-repeat; }
.pro_r{ width:47px; height:47px; display:inline-block; right:-60px; top:75px; position:absolute;}
.pro_r a{ width:47px; height:47px; background:url("../images/pro_r1.png") no-repeat; display:inline-block;}
.pro_r a:hover{ background:url("../images/pro_r2.png") no-repeat; }
/*耀特产品*/
.powerCP {
    padding-top: 25px;
}
.power .content{ padding: 30px;}
.proTit .fr{line-height: 98px;}
.proTit a{font-size: 20px; padding:10px 15px; color: #313131; border-bottom:3px solid #ddd; }
.proTit a:hover{color: #f08200; border-bottom:3px solid #f08200;}
.power_con {}
.power_fl{width: 280px; float: left; margin: 10px; height: 213px; overflow: hidden;display: block;}
.power_fl:hover{box-shadow: 5px 5px 10px #ccc;}
.power_fl:hover p{font-weight: bold;}
.power_pro1{width: 100%;height:213px;position: relative;overflow:hidden;}
.power_fl2{width: 463px;margin-top: 60px;margin-left: 13px;}
.power_fl2 a:hover p{font-weight: bold;}
.power_pro2{width: 100%;height: 446px;position: relative;overflow:hidden;margin-bottom: 20px;}
.power_pro1 p,.power_pro2 p{position: absolute;bottom: 0;line-height: 45px;height: 45px;overflow: hidden;color: #fff;font-size: 16px;text-align: center;width: 100%;background: rgba(0,0,0,0.5);}
.power_con a:hover{color: #f08200;}
.proMore{text-align: center;margin-top: 20px;}
.proMore a{font-size: 16px;border: 1px solid #ddd;padding: 10px 15px;border-radius: 5px;}

/*耀特合作商家*/
.powerHZ{padding-top: 37px;background:url(../images/about_bg.jpg) top center no-repeat;height: 800px;}
.hz_list{width: 100%;margin-top: 50px;}
.hz_list li{width: 275px;height: 150px;overflow: hidden;box-sizing:border-box;/*border: 1px solid #322d2e;*/margin-left: 15px;margin-bottom: 15px;margin-right: 10px;}
.hz_list li img{width: 100%;height: 100%;}
.hz_list li:nth-child(4n){
  margin-right: 0;
}


/*耀特案例展示*/
.product {height: 745px;overflow:hidden; padding: 40px 0;}
.product h2 {padding-bottom: 25px;}
.pro {width: 1065px;height: 530px;margin: 35px auto 0;position: relative;}
.pro .switch i {padding: 0 30px;top: 215px;display: block;position: absolute;height: 69px;width: 35px;}
.pro .switch .pro_prev {left: -98px;}
.pro .switch .pro_next {right: -98px;}
.pro_nav { position: absolute; right: 0; bottom: 0; text-align: center; z-index: 2; }
.pro_nav li {width: 110px;height: 90px;background: rgba(255, 255, 255, 0.9);box-shadow: -1px 0px 0px 0px #cccccc;float: left;}
.pro_nav li i { display: block; font-size: 28px; color: #666; line-height: 100%; padding: 18px  0 8px; }
.pro_nav li span { display: block; font-size: 16px; color: #333; line-height: 100%; }
.pro_nav li:last-child { width: 100px; }
.pro_nav li.on i, .pro_nav li.on span { color: #f08200; }
.pro_con dl { position: relative; }
.pro_con dl dt img {border: 2px solid #060001;}

.pro_con {
}
.pro_con dl dt span i { display: block; }
.pro_con dl dd {width: 400px;height: 280px;background: #fff;position: absolute;top: 75px;left: 2px;box-sizing: border-box;padding: 76px 47px 0 31px;}
.pro_con dl dd h4 { font-size: 26px; color: #333; font-weight: normal; line-height: 100%; }
.pro_con dl dd h4 strong { font-weight: bold; }
.pro_con dl dd h4 em { display: block; width: 81px; height: 36px; background: #f08200; border-radius: 0px 18px 18px 0px; color: #fff; line-height: 36px; position: absolute; left: 0; top: 19px; padding-left: 30px; box-sizing: border-box; }
.pro_con dl dd h5 { font-size: 14px; color: #666; line-height: 26px; margin: 16px 0 20px 0; font-weight: normal;}
.pro_con dl dd i {display: block;width: 330px;height: 40px;box-sizing: border-box;text-align: right;color: #f08200;line-height: 40px;transition: .4s;}
.pro_con dl dd i:hover { color: #f08200; border-color: #f08200; }
/*.con-text{
  font-size:14px;
  color:#333;
  line-height: 27px;
}*/
/*新闻资讯*/
/*.news {overflow: hidden;margin-bottom: 60px;}
.news .content {padding-top: 60px;box-sizing: border-box;overflow: hidden;}
.news h2 {margin-bottom: 40px;}
.news dl {width: 380px;height: 325px;float: left;line-height: 0;overflow: hidden;}
.news dl dd { position: absolute; width: 315px; height: 130px; background: rgba(255, 255, 255, 0.9); left: 15px; bottom: 20px; padding: 25px 60px 0 20px; box-sizing: border-box; }
.news dl dd h4 { font-size: 22px; color: #333; line-height: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 11px; }
.news dl dd p { font-size: 14px; line-height: 24px; color: #666; }
.slideTxtBox {width: 815px;text-align: left;float: right;}
.news .slideTxtBox .hd {height: 63px;position: relative;}
.news .slideTxtBox .hd ul {float: left;position: absolute;left: 20px;top: -1px;height: 32px;}
.news .slideTxtBox .hd ul li.on {height: 63px;background: url(../images/news_titOn.png);color: #fff;}
.news .slideTxtBox .hd ul li {float: left;cursor: pointer;width: 393px;background: url(../images/news_tit.png);font-size: 18px;text-align: center;line-height: 50px;}
.news .slideTxtBox .hd ul li i{font-size: 12px;color: #f08200;}
.news .slideTxtBox .bd ul {zoom: 1;padding: 0 10px 0 20px;margin-top: 17px;}
.news .slideTxtBox .bd li {border-top: 1px solid #959595;line-height: 48px;height: 48px;padding-left: 25px;font-size: 16px;color: #313131;}

.news .slideTxtBox .bd li:last-child {
    border-bottom: 1px solid #959595;
}

.news .slideTxtBox .bd li a:hover {
    color: #f08200;
}
.news .slideTxtBox .bd li .date {float: left;padding-right: 25px;}

.news .slideTxtBox .bd li i {
    float: right;
}*/
.bgBox{height: 510px;}
.m-news{width: 540px;padding-top: 50px;}
.m-news .title{border-bottom: solid 1px #ccc;}
.m-news .title .more{float: right;display: inline;margin-top: 16px;height: 28px;line-height: 28px;padding-right: 20px;font-size: 14px;color: #7d7d7d;background: url(../images/ico-news-more.png) center right no-repeat;}
.m-news .title h2{height: 55px;line-height: 40px;font-size: 40px;font-weight: normal;color: #000;}
.m-news .title h2 em{
    font-size: 16px;
    color: #f08200;
}
.m-news .title p{ height: 18px; line-height: 18px; font-size: 12px; color: #bbb; }
.m-news .listBox{margin-top: 10px;height: 394px;}
.m-news .listBox li{zoom:1;padding-right: 12px;height: 55px;line-height: 55px;overflow: hidden;font-size: 16px;border-bottom: 1px dashed #ddd;}
.m-news .listBox li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-news .listBox a{ color: #666; }
.m-news .listBox a:before{content: "";display: inline-block; *display: inline;zoom:1;vertical-align: top;margin: 22px 6px 0 9px;width: 13px;height: 13px;overflow: hidden;background: url(../images/ico-news.jpg) no-repeat;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-news .listBox a:hover{ color: #f19242; }
.m-news .listBox .date{ float: right; display: inline; }


/*icp*/
.icp{width: 100%;text-align: center;color: #fff;height: 45px;line-height: 45px;font-size: 12px;background: #f08200;}
.icp a{color: #fff;}
.icp a:hover{text-decoration: underline;}
/**/
@keyframes myfirst {
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-moz-keyframes myfirst

/* Firefox */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-webkit-keyframes myfirst

/* Safari and Chrome */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}
@-o-keyframes myfirst

/* Opera */
{
  0% { left: 0px; top: 0px; }
  25% { left: 0px; top: 10px; }
  50% { left: 0px; top: 0; }
  100% { left: 0px; top: 0px; }
}

/*# sourceMappingURL=index.css.map */

.aboutSlide{position: relative;}
.aboutSlide .hd{position: absolute; right: 10px; z-index: 10; width: 100%; bottom: 15px;}
.aboutSlide .hd ul{text-align: center; }
.aboutSlide .hd ul li{display: inline-block; width: 12px; height: 12px; background: #e3e3e3; margin-right: 8px;border-radius: 6px;}
.aboutSlide .hd ul li.on{background: #f08200;}
.aboutSlide li{width: 540px; height: 310px; overflow: hidden;}



.form-box{
    margin-top: 15px;
}
.font-box-d1{
    width: 50%;
    float: left;
    padding: 0 10px;
    margin-bottom: 15px;box-sizing: border-box;
}
.font-box-d1:nth-child(2n+2){margin-right: 0px}
.font-box-d1 p{
    font-weight: 400;
    margin-bottom: 5px;
    color: #3e3e3e;
    font-size: 14px;
}
.font-box-d1 input{
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    height: 48px;
    padding: 8px 10px;
    min-height: 32px;
    min-width: 120px;
    background-image: none;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.42857143;
    color: #888;
    width: 100%;
    box-sizing: border-box;box-sizing: border-box;
}
.font-box-d2{
    padding: 0 10px;
    width: 100%;
    float: left;
    margin-bottom: 15px;box-sizing: border-box;
}
.font-box-d2 p{
    font-weight: 400;
    margin-bottom: 5px;
    color: #3e3e3e;
    font-size: 14px;
}
.font-box-d2 textarea{
    background-color: rgba(0,0,0,0);
    border-radius: 4px;
    height: 48px;
    padding: 8px 10px;
    min-height: 32px;
    min-width: 120px;
    background-image: none;
    border: 1px solid #ccc;
    font-size: 14px;
    line-height: 1.42857143;
    color: #888;
    width: 100%;
    resize: none;
    height: 150px;box-sizing: border-box;
    }
.font-box-d3{
    padding: 0 10px;
    width: 100%;
    float: left;
    margin-bottom: 15px;box-sizing: border-box;
}
.font-box-d3 input{
    width: 20%;
    border-radius: 4px;
    background-color: #2a4173;
    border: 0px;
    text-align: center;
    color: white;
    font-size: 17px;
    padding: 5px;box-sizing: border-box;
}