@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}


.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 45px;color: #11110e;line-height: 45px;}
.tit i{display: block;font-size: 20px;color: #333;line-height: 20px;padding-top: 20px;}


/*banner*/
.banner{position: relative;}
.banner li img{display: block;width: 100%;}
.ban_t{position: absolute;left: 50%;bottom: 11rem;width: 350px;margin-left: 250px;}
.ban_t p{float: left;width: 85px;padding: 3px;background: #fff;margin-right: 38px;}
.ban_t p img{display: block;width: 100%;}
.ban_t p:last-child{margin-right: 0;}
.ban_t p.on{background: #ff7f00;}
.banner .pageState{position: absolute;font-size: 1.8rem;color: #fff;height: 2.5rem;line-height: 2.5rem;left: 50%;bottom: 11rem;font-weight: bold;font-family: Arial;letter-spacing: 4px;margin-left: -600px;}
.banner .pageState span{font-size: 2.5rem;color: #ff7f00;vertical-align: top;}


/*yz*/
.yz{height: 820px;background: url(../images/yz_bg.jpg) no-repeat center 0;}
.yz dl{ padding-top: 120px;height: 588px;}
.yz dt{float: right;width: 958px;height: 588px;margin-right: -360px;overflow: hidden;}
.yz dt img{transition: all 0.5s;}
.yz dt:hover img{transform: scale(1.05);}
.yz dd{float: left;width: 515px;}
.yz dd h2{padding: 16px 0 32px;position: relative;font-weight: normal;}
.yz dd h2 b{display: block;font-size: 42px;color: #0d0700;line-height: 42px;}
.yz dd h2 i{display: block;font-size: 30px;color: #0d0700;line-height: 30px;padding-top: 24px;}
.yz dd h2 em{color: #ff7f00;}
.yz dd h2:after{position: absolute;width: 94px;height: 3px;content: "";background: #ff7f00;left: 0;bottom: 0;}
.yz_desc{font-size: 14px;color: #666;line-height: 30px;margin: 58px 0 70px;}
.yz dd ul{height: 167px;margin-left: -20px;width: 830px;position: relative;z-index: 1;}
.yz dd li{float: left;width: 25%;height: 167px;background: #ff7f00;text-align: center;}
.yz dd li:nth-child(2n){background: #ff8d1c;}
.yz dd li img{display: block;height: 50px;margin: 35px auto 22px;transition: all 0.5s;}
.yz dd li p{font-size: 28px;color: #fff;line-height: 28px;}
.yz dd li:hover img{transform: rotateY(180deg);}

/*case*/
.case{background: #f4f4f4;padding: 80px 0 0;}
.case h3{height: 30px;line-height: 30px;margin: 45px 0 34px;}
.case h3 a{float: left;font-size: 18px;color: #000;margin-right: 84px;position: relative;}
.case h3 a:after{position: absolute;width: 1px;height: 14px;content: "";right: -42px;top: 8px;background: #d0d0d0;}
.case h3 a:last-child{margin-right: 0;overflow: hidden;}
.case h3 a:hover,.case h3 a.on{color: #ff7f00;}
.case_box{height: 540;background: url(../images/case_bg.jpg) no-repeat center 0;}
.case_con{height: 540px;position: relative;}
.case_con dl{height: 540px;}
.case_con dt{float: right;width: 960px;height: 540px;overflow: hidden;margin-right: -158px;}
.case_con dt img{width: 960px;height: 540px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{float: left;width: 340px;}
.case_con dd i{display: block;height: 92px;margin: 70px 0 60px;}
.case_con dd h4{font-size: 26px;color: #ff7f00;line-height: 26px;margin-bottom: 27px;}
.case_con dd h4 a{color: #ff7f00;}
.case_desc{height:78px;overflow: hidden;}
.case_con dd p{font-size: 16px;color: #fff;line-height: 26px;opacity: 0.6;}
.case_con dd .xq{display: block;width: 162px;height: 32px;line-height: 32px;text-align: center;font-size: 14px;color: #ff7f00;border: 1px solid #ff7f00;margin-top: 60px;}
.case_con .prev{position: absolute;left: 398px;bottom: 71px;height:71px;}
.case_con .next{position: absolute;left: 398px;bottom: 0;height:71px;}
.coop{padding: 75px 0 90px;height: 100px;}
.coop_t{float: left;font-weight: normal;padding-left: 48px;font-size: 22px;color: #202428;line-height: 34px;background: url(../images/coop_l.png) no-repeat left 4px;height: 100px;}
.coop_t i{display: block;font-size: 24px;color: #333;text-transform: uppercase;line-height: 50px;}
.coop_list{float: right;width: 920px;}
.coop_list li{float: left;width: 196px;height: 98px;border: 1px solid #b4b5b6;margin-right: 42px;}
.coop_list li img{display: block;width: 100%;}
.coop_list li:last-child{margin-right: 0;}

/*pro*/
.pro{padding: 100px 0 120px;}
.pro h2{margin-bottom: 48px;}
.pro ul{width: 1200px;margin: 0 auto;}
.pro li{float: left;width: 25%;border-right: 5px solid #fff;box-sizing: border-box;position: relative;background: #000;}
.pro_pic{width: 100%;overflow: hidden;}
.pro_pic img{display: block;width: 100%;transition: all 0.5s;opacity: 0.7;}
.pro_pic:hover img{transform: scale(1.05);}
.pro li .hv{position: absolute;left: 10%;top: 2.7rem;text-align:center;width:80%;}
.pro li .hv span{display: block;font-size: 0.7rem;line-height: 0.7rem;color: #fff;text-transform: uppercase;text-align:left;}
.pro li .hv span em{font-size: 1.2rem;line-height: 2rem;display: block;}
.pro li .hv i{display: block;font-size: 0.7rem;line-height: 0.7rem;color: #fff;text-transform: uppercase;padding-top: 0.9rem;text-align:left;}
.pro li .hv>a{display: inline-block;padding: 0 1rem;height: 2.6rem;line-height: 2.4rem;border: 0.1rem solid #fff;box-sizing: border-box;font-size: 1.1rem;color: #fff;margin-top: 7.5rem;}
.pro_erji{margin-top: 1.2rem;}
.pro_erji a{display:block;font-size:0.9rem;line-height:2rem;text-align:center;color:#fff;}
.pro li .xq{position: absolute;width: 1.8rem;left: 10%;bottom: 5.5rem;}
.pro li .xq img{display: block;width: 100%;}
.pro li:hover .pro_pic img{opacity: 1;}
.pro li:hover span,.pro li:hover i{color: #000;}
.pro li:hover .hv>a{color: #0d0700;background: #ff7f00;border-color: #ff7f00;}


/*fea*/
.fea{height: 845px;padding-top: 100px;background: url(../images/fea_bg.jpg) no-repeat center 0;}
.fea ul{height: 200px;margin: 80px auto 130px;text-align: center;}
.fea li{float: left;width: 200px;height: 200px;margin-right: 50px;text-align: center;position: relative;border-radius: 100%;z-index: 1;}
.fea li:last-child{margin-right: 0;}
.fea li h3{height: 30px;line-height: 30px;font-size: 20px;color: #000;margin: 70px 0 0;}
.fea li h3 i{display: inline-block;height: 30px;vertical-align: top;margin-right: 8px;overflow: hidden;}
.fea li h3 i img{top: 0;position: relative;}
.fea li p{font-size: 14px;color: #000;line-height: 36px;}
.fea li p b{font-size: 16px;}
.fea li.cur{background: rgba(255,127,0,0.3);}
.fea li.cur i img{top: -30px;}
.fea li.cur:after{
    position: absolute;
    width: 200px;
    height: 200px;
    left: 0;
    bottom: 0;
    content: "";
    background: #ff7f00;
    border-radius: 100%;
    -webkit-animation: living 2s linear infinite;
    z-index: -1;
}
@keyframes living {
    0%{
        transform: scale(1);
        opacity: 0.3;
    }
    50%{
        transform: scale(1.3);
        opacity: 0.1;
    }
    100%{
        transform: scale(1);
        opacity: 0.3;
    }
}
.fea_con{height: 220px;width: 1200px;margin: 0 auto;overflow: hidden;}
.fea_con dl{float: left;width: 16%;box-sizing: border-box;height: 100%;border-right: 1px solid #261b16;background: rgba(255,255,255,0.9);}
.fea_con dt{display: none;}
.fea_con dd{width: 100%;text-align: center;}
.fea_con dd h3{padding: 3.4rem 0 0;font-size: 1.4rem;color: #333;line-height: 1.4rem;height: 3.7rem;position: relative;}
.fea_con dd h3:after{position: absolute;width: 20px;height: 2px;content: "";background: #ff7f00;left: 50%;bottom: 0;margin-left: -10px;}
.fea_con dd h3 i{display: none;font-size: 1rem;color: #0d0700;opacity: 0.8;line-height: 1.8rem;font-weight: normal;}
.fea_con dd span{display: block;font-size: 14px;color: #11110e;line-height: 20px;margin-top: 1.6rem;}
.fea_con dd p{display: none;font-size: 14px;color: #0d0700;line-height: 20px;opacity: 0.5;}
.fea_con dl.cur{width: 52%;}
.fea_con dl.cur dt{display: block;float: left;width: 38%;height: 100%;}
.fea_con dt img{display: block;width: 100%;height: 100%;}
.fea_con dl.cur dd{float: left;width: 62%;padding: 0 1.5rem 0 2rem;box-sizing: border-box;text-align: left;}
.fea_con dl.cur dd h3{height: 4.3rem;margin-bottom: 1.2rem;}
.fea_con dl.cur dd h3 i{display: block;}
.fea_con dl.cur dd h3:after{left: 0;margin-left: 0;}
.fea_con dl.cur dd span{display: none;}
.fea_con dl.cur dd p{display: block;}


/*ys*/
.ys{padding: 100px 0 140px;width: 1200px;margin: 0 auto;}
.ys h2{margin-bottom: 40px;}
.ys_t{height: 108px;}
.ys_t li{float: left;width: 20%;height: 92px;text-align: center;}
.ys_t li b{display: block;font-size: 28px;color: #0d0700;line-height: 28px;padding: 12px 0 18px;}
.ys_t li p{display: block;font-size: 12px;color: #0d0700;line-height: 20px;}
.ys_t li:nth-child(1){background: url(../images/01.png) no-repeat center;}
.ys_t li:nth-child(2){background: url(../images/02.png) no-repeat center;}
.ys_t li:nth-child(3){background: url(../images/03.png) no-repeat center;}
.ys_t li:nth-child(4){background: url(../images/04.png) no-repeat center;}
.ys_t li:nth-child(5){background: url(../images/05.png) no-repeat center;}
.ys_t li.on b{color: #ff7f00;}
.ys_t li:nth-child(1).on{background: url(../images/01h.png) no-repeat center;}
.ys_t li:nth-child(2).on{background: url(../images/02h.png) no-repeat center;}
.ys_t li:nth-child(3).on{background: url(../images/03h.png) no-repeat center;}
.ys_t li:nth-child(4).on{background: url(../images/04h.png) no-repeat center;}
.ys_t li:nth-child(5).on{background: url(../images/05h.png) no-repeat center;}
.ys_con dl{position: relative;}
.ys_con dt img{display: block;width: 100%;}
.ys_con dd{position: absolute;width: 88%;height: 200px;background: #fff;left: 6%;bottom: -65px;z-index: 10;padding: 0 3rem;box-sizing: border-box;}
.ys_con dd ul{float: left;}
.ys_con dd li{float: left;padding-top: 42px;margin-right: 3rem;}
.ys_con dd li span{display: inline-block;height: 60px;line-height: 60px;font-size: 62px;color: #333;position: relative;font-family: Arial;}
.ys_con dd li span i{position: absolute;width: 32px;height: 32px;border-radius: 100%;text-align: center;line-height: 32px;font-size: 19px;color: #fff;right: -20px;top: 50%;margin-top: -16px;background: #ff7f00;}
.ys_con dd li span em{letter-spacing: -2px;}
.ys_con dd li p{font-size: 16px;color: #000;line-height: 48px;}
.ys_txt{float: right;}
.ys_txt h3{font-size: 18px;color: #000;line-height: 18px;padding: 45px 0 18px;}
.ys_txt p{font-size: 14px;color: #000;line-height: 26px;padding-left: 20px;position: relative;}
.ys_txt p:after{position: absolute;width: 8px;height: 8px;background: #ff7f00;border-radius: 100%;left: 0;top: 50%;margin-top: -4px;content: "";}


/*honor*/
.honor{background: #f4f4f4;padding: 70px 0 0;}
.honor h2{margin-bottom: 40px;}
.hn_con{height: 642px;background: url(../images/hn_bg.jpg) no-repeat center 0;overflow: hidden;}
.hn_list{float: right;width: 1170px;margin-right: -115px;margin-top: 292px;}
.hn_list li{float: left;width: 375px;margin-right: 22px;padding-bottom: 94px;background: url(../images/hn_li.png) no-repeat bottom;}
.hn_list li img{display: block;width: 100%;}
.hn_list .tempWrap{width: 100% !important;}


/*news*/
.news{padding: 110px 0 45px;}
.news h2{margin-bottom: 65px;}
.news h3{height: 40px;font-weight: normal;}
.news h3 a{float: left;font-size: 16px;color: #000;line-height: 16px;margin-right: 95px;}
.news h3 a.on{color: #ff7f00;font-weight: bold;}
.news h3 .more{float: right;font-size: 14px;color: #000;line-height: 16px;margin-right: 0;}
.new_list li{float: left;width: 306px;height: 386px;background: #f4f4f4;margin-right: 20px;padding: 0 40px;}
.new_list li i{display: block;height: 24px;line-height: 24px;font-size: 14px;color: #000;margin: 76px 0 36px;font-family: Arial;}
.new_list li em{font-size: 24px;vertical-align: top;margin-right: 8px;}
.new_list li h4{font-size: 16px;color: #0d0700;line-height: 16px;margin-bottom: 17px;}
.new_list li h4 a{color: #0d0700;}
.new_list li p{font-size: 14px;color: #000;line-height: 24px;opacity: 0.8;padding-bottom: 35px;border-bottom: 1px solid #dbdbdb;}
.new_list li .xq{display: block;font-size: 14px;color: #000;opacity: 0.8;line-height: 24px;margin-top: 24px;}
.new_list li:hover h4 a,.new_list li .xq:hover{color: #ff7f00;}
.new_list li:hover p{border-color: #ff7f00;}


/*abt*/
.abt_con{position: relative;}
.abt_pic img{display: block;width: 100%;}
.abt_r{position: absolute;width: 500px;right: 0;top: 11.5rem;left: 50%;margin-left: 100px;}
.abt_r h2{}
.abt_r h2 em{display: block;font-size: 1.1rem;color: #FF7F00;line-height: 1.1rem;}
.abt_r h2 b{display: block;font-size: 2.7rem;color: #11110E;line-height: 2.7rem;padding: 0.8rem 0 1rem;}
.abt_r h2 i{display: block;font-size: 1.1rem;color: #11110E;line-height: 1.1rem;}
.abt_desc{font-size: 14px;color: #333;line-height: 28px;margin: 2.5rem 0 3.8rem;}
.abt_r h3{height: 3rem;}
.abt_r h3 a{float: left;width: 29%;height: 3.2rem;font-size: 14px;line-height: 14px;text-align: center;color: #0d0700;background: rgba(255,255,255,0.8);margin-right: 6.5%;}
.abt_r h3 a:last-child{margin-right: 0;}
.abt_r h3 a i{display: block;font-size: 12px;line-height: 1.7rem;text-transform: uppercase;}
.abt_r h3 a.on{background: #ff7f00;color: #fff;}
.album{width: 1200px;margin: -64px auto 0;background: #fff;position: relative;z-index: 10;padding: 54px 30px 85px;}
.album li{float: left;padding: 8px 12px;border: 1px solid #ff7f00;margin-right: 25px;width: 255px;}
.album li img{display:block;width:100%;}
.album .tempWrap{width: 100% !important;}



@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
    .pro ul{width: 1570px;}
    .fea{height: 925px;}
    .fea_con{width: 1570px;height: 298px;}
    .abt_desc{font-size: 16px;line-height: 34px;}
    .abt_r h3 a{font-size: 16px;line-height: 16px;}
    .ys{width: 1570px;}
    .ys_txt p{font-size: 16px;line-height: 30px;}
    .album{padding: 54px 140px 85px;}
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}