@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*引子*/
.four{padding: 60px 0 70px;}
.four_t{font-size: 30px;color: #333;text-align: center;height: 88px;line-height: 80px; background:url(../images/four_line.gif) no-repeat center 80px;font-weight: normal;}
.four_t span img{ vertical-align:middle;}
.four ul li{width: 300px; float: left; text-align: center;padding: 55px 0 0;position: relative;} 
.four ul li b{display: block; font-size: 22px; color: #333; width: 156px; text-align: center; height: 156px; line-height: 156px; overflow: hidden;position: absolute;top: 55px;left: 72px;} 
.four ul li span{font-size: 14px; color: #666; line-height: 25px;padding: 20px 0 0;display: block;height: 75px;overflow: hidden;}
.four ul li i{display: block;}
.four ul li em{display: block; width: 156px; text-align: center; height: 156px; line-height: 156px; overflow: hidden; margin:0 auto; background:url(../images/four_k01.gif) no-repeat;
	-webkit-transition: -webkit-transform 0.8s ease-out;
-moz-transition: -moz-transform 0.8s ease-out;
-o-transition: -o-transform 0.8s ease-out;
-ms-transition: -ms-transform 0.8s ease-out;}
.four ul li:hover em{ background:url(../images/four_k02.gif) no-repeat;
	-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);}
.four ul li:hover b{color: #da4848;}

/*非标定制*/
.three_bg{ background:url(../images/three_bg.jpg) no-repeat center 0;height: 870px;padding: 72px 0 0;}
.three_bt{font-size: 30px;color: #333;text-align: center;height: 70px;line-height: 70px; background:url(../images/three_line01.gif) no-repeat center 69px;font-weight: normal;}
.three_t{padding: 50px 0 0;height: 120px;}
.three_t ul li{font-size: 18px; color: #333; width: 192px; text-align: center; height: 80px; line-height: 80px; background: #fff; float: left;border-radius:50px;margin-right: 50px;} 
.three_t ul li:hover,.three_t ul li.on{background: #1a2f9a; color: #fff;}
.three_t ul li:first-child{margin-left: 265px;}
.three_l{width: 465px;}
.three_l dl{padding: 10px 0 20px;width: 465px;height: 80px;}
.three_l dl dt{width: 48px;float: left;padding: 2px 0 0;}
.three_l dl dd{width: 330px;float: left;}
.three_l dl dd h5{font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.three_l dl dd p{font-size: 14px;color: #333;line-height: 25px;padding: 10px 0 0;}
.three_r{width: 735px;}
.three_r em{display: block;position: absolute;top: 60px;left: 0;}

/*产品中心*/
.chanp{margin-top: -40px;position: relative;z-index: 99;padding-bottom: 60px;}
.cp_qie{width: 1200px;overflow: hidden;}
.chanp ul li{width: 284px;float: left;padding: 0 10px;overflow: hidden;line-height: 0;}
.chanp ul li em{width: 284px;height: 263px;display: block;overflow: hidden;}
.chanp ul li img{width: 284px;height: 263px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.chanp ul li img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.chanp ul li span{font-size: 14px; width:284px; display:block; text-align:center; height:25px; line-height:25px; padding:10px 0 0; overflow:hidden;}
.chanp ul li a{color: #333;}
.chanp ul li a:hover{color: #1a2f9a;}

/*案例展示*/
.case_bg{ background:url(../images/case_bg.gif) no-repeat center 0;height: 530px;}
.case_t{font-size: 30px;color: #333;text-align: center;height: 124px;line-height: 40px; background:url(../images/case_line.gif) no-repeat center 47px;font-weight: normal;}
.case_t a{font-size: 30px;color: #333;}
.case_t span{display: block;font-size: 18px;padding: 5px 0 0;}
.case_t i{color: #1a2f9a;font-size: 52px;font-family: Dinot;}
.c_logo{display: block;position: absolute;top: 160px;right: 130px;}
.case_l{width: 900px;}
.case_l dl{width: 900px;height: 506px;position: relative;}
.case_l dl dt{width: 900px;height: 506px;line-height: 0;}
.case_l dl dt img{width: 900px;height: 506px;}
.case_l dl dd{width: 900px; height: 150px; position: absolute; bottom: 0; left: 0; background:url(../images/case_picbg.png) repeat-x;font-size: 14px;color: #fff;text-align: center;line-height: 220px;overflow: hidden;}
.case_r{width: 320px; height: 315px; background: #1a2f9a; bottom: 0; right: 0;padding: 45px 0 0 52px;overflow: hidden;} 
.case_r ul li{width: 130px; height: 55px; float: left;padding: 0 12px 14px 0;overflow: hidden;} 
.case_r ul li a,.case_r span a{display: block; font-size: 14px; color: #333; width: 130px; text-align: center; height: 55px; line-height: 55px; background: #fff; float: left; overflow: hidden;} 
.case_r ul li a:hover,.case_r span a:hover,.case_r ul li.on a{background: #da4848; color: #fff;} 
.case_r span{width: 130px; height: 55px;display: block; position: absolute; top: 253px; left: 195px;}

/*合作客户*/
.partner_bg{ background:#f2f2f2; padding:75px 0 50px;}
.partner p{width: 62px;height: 62px;position: absolute;top: 30px;}
.partner p a{ width:62px; height:62px; display:block;}
.partner_l a{ background:url(../images/hz_lico01.png) no-repeat;}
.partner_l a:hover{ background:url(../images/hz_lico02.png) no-repeat;}
.partner_r a{ background:url(../images/hz_rico01.png) no-repeat;}
.partner_r a:hover{ background:url(../images/hz_rico02.png) no-repeat;}
.partner_l{left: -90px;}
.partner_r{right: -90px;}
.partner_c{width: 1200px;overflow: hidden;}
.partner_c ul li { width:202px; float:left; padding:0 47px 0 0;line-height: 0;overflow: hidden;}
.partner_c ul li img{width:202px; height:114px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(1);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.partner_c ul li a:hover img{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);}
.partner_c ul li span{ width:202px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;font-size: 14px;color: #333;}



/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:317px;text-align: center; overflow:hidden;}
.ban01 p{font-size: 30px;color: #fff;line-height: 30px;padding: 80px 0 0;height: 105px;}
.ban01 p span{ display:block; font-size:16px;padding: 8px 0 0;}
.ban01 em{ background:url(../images/ban_tel.png) no-repeat center 0; display:block; padding:40px 0 0; font-family:"Times New Roman", Times, serif;font-size: 30px;color: #fff;font-weight: bold;}

/*新闻百科*/
.news_t{margin: 80px 0 35px; background:url(../images/news_tbg.gif) no-repeat center 0;height: 72px;line-height: 84px;overflow: hidden;text-align: center;}
.news_t a{font-size: 30px;color: #333;}
.news{ width:500px; padding:0 0 60px;}
.news_bt{ height:40px; line-height:34px;overflow: hidden;margin-bottom: 25px;}
.news_bt a{font-size: 20px;color: #333;font-weight: bold;border-bottom: #1a2f9a 2px solid;padding: 0 0 4px;}
.news_bt a:hover,.news dl dt a:hover,.wd dt a:hover{color: #1a2f9a;}
.news dl{width: 500px;height: 100px; padding:15px 0 0; border-bottom:#dcdcdc 1px solid;}
.news dl dt{height: 35px;line-height: 35px;overflow: hidden;}
.news dl dt a{font-size: 16px;color: #000;display: block;width: 420px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: bold;}
.news dl dt i{float: left;font-size: 20px;color: #000;width: 80px;}
.news dl dd{width: 500px; font-size: 14px;color: #666;height: 44px;line-height: 22px;overflow: hidden; padding:12px 0 0;}

/*峰华商学院*/
.wd{width: 600px;}
.news01{width: 600px;height: 173px;overflow: hidden;}
.news01 span{display: block;float: left;width: 291px;height: 173px;background: #e8e8e8;text-align: center;font-size: 36px;color: #1a2f9a;font-family:Verdana, Geneva, sans-serif;line-height: 173px;text-transform: uppercase;font-weight: bold; border-right:#fff 1px solid;}
.news01 em{display: block;float: left;width: 308px;height: 173px;overflow: hidden;}
.news01 em img{width: 308px;height: 173px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news01 em img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.wd_m{ padding:40px 0 0;width: 600px;overflow: hidden;}
.wd dl{ width:260px;float: left; padding:0 10px 0 30px; border-right: #ccc 1px solid;}
.wd dt{width: 100px;float: left;}
.wd dt b{display: block;font-size: 20px;color: #000;height: 90px;}
.wd dt a{ font-size:14px; color:#000;}
.wd dd{ font-size:14px; color:#9c9c9c; line-height:22px; height:88px; overflow:hidden;width: 140px;float: left;}

/*聚焦峰华*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 605px;padding-top: 95px;overflow: hidden;}
.ab_t{margin: 0 0 65px; background:url(../images/ab_tbg.png) no-repeat center 0;height: 75px;line-height: 82px;overflow: hidden;text-align: center;}
.ab_t a{font-size: 30px;color: #fff;}
.ibrand-num{ display: inline-block;width: 1200px;}
.ibrand-num li{float:left;width:180px;height:130px;text-align:center;color:#fff;font-size:16px; background:url(../images/ab_line.png) no-repeat 0 23px;}
.ibrand-num li:first-child{margin-left:250px; background: none;}
.ibrand-num li span{font-size:50px; font-family:Arial, Helvetica, sans-serif;line-height: 50px;}
.ibrand-num li b{display:block;padding: 5px 0 0;}
.ab_desc{font-size: 14px;color: #fff;line-height: 26px;height: 78px;overflow: hidden;text-align: center;width: 975px;margin:0 auto;}
.about em{display: block;text-align: center;padding: 20px 0 0;text-transform: uppercase;}
.about em a{font-size: 14px;color: #fff;}
.ab_ul{padding: 35px 0 0;width: 585px;margin:0 auto;}
.ab_ul li{width: 175px;float: left;padding: 0 10px;}
.ab_ul li a{font-size: 14px;color: #333;font-weight: bold;display: block; width: 175px; height: 60px; line-height: 60px; background: #fff; overflow: hidden;border-radius:50px;} 
.ab_ul li em{display: block; width: 22px; height: 25px; line-height: 0; overflow: hidden;padding: 0 10px 0 40px;float: left;margin-top: 18px;}
.ab_ul li em img{width: 22px;height: 50px;}
.ab_ul li a:hover em img{margin-top: -25px;}

/**/
.video_bg{background:url(../images/video_bg.png) repeat-x;height: 140px;margin-top: -48px;}
.video_btn{width: 100px;height: 100px;margin:0 auto;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee; width: 600px;height: 450px; z-index: 1; margin: 10% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 600px; height: 450px; overflow: hidden;}
.video_con img{width: 600px; height: 450px;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}

.w1920{position: relative;width: 1920px;left: 50%;margin-left: -960px;}
.w1200{position: relative;width: 1200px;left: 50%;margin-left: -600px;}
.yous{margin-top: 85px;}
.yous1{margin-top: 40px;background: url(../images/yous1.png) no-repeat ;height: 237px;padding-top: 50px;}
.yous112{width: 490px;}
.yous112 h2{font-size: 36px;color: #fff;font-weight: bold;text-transform: uppercase;position: relative;padding-bottom: 5px;}
.yous112 h2 p{font-size: 37px;color: #fff;font-weight: bold;margin-top: 10px;}
.yous112 h2:after{content: "";position: absolute;bottom: 0px;left: 0px;width: 50px;height: 4px;background: #fff;}
.yous112 span{font-size: 16px;color: #fff;font-weight: normal;line-height: 30px;margin-top: 30px;display: block;}
.yous2{position: relative;height: 529px;background: #f4f4f4;}
.yous2 .slick-arrow{position: absolute;width: 45px;height: 45px;outline: none;border: none;font-size: 0px;z-index: 99999;}
.yous2 .sp1 .slick-prev{background: url(../images/left-a.png) no-repeat center center;top: 77.8%;left: 62.5%;}
.yous2 .sp1 .slick-next{background: url(../images/right-a.png) no-repeat center center;top: 77.8%;right: 33%;}
.yous2 .vn2-img{width: 1012px;height: 529px;overflow: hidden;overflow: hidden;}
.yous2 .vn2-img img{width: 100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.yous2 .vn2-img img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}
.mask{margin-top: 43px;margin-left: 43px;width: 505px;background: url(../images/mask.png) no-repeat bottom;padding-bottom: 50px;}
.yous2 .mask .wz{margin-left: 15px;background: url(../images/mask1.png) no-repeat bottom;height: 80px;width: 440px;}
.yous2 .mask .wz h3{font-size: 24px;color: #145fa7;line-height: 24px;}
.yous2 .mask .wz h2{font-weight: normal;font-size: 14px;line-height: 24px;color: #999;text-transform: uppercase;margin-top: 10px;}
.yous2 .mask .mask-con{margin-top: 45px;padding-left: 65px;padding-right: 30px;font-size: 16px;color: #333;font-weight: normal;line-height: 30px;position: relative;}
.yous2 .mask .mask-con:before{content: "";display: block;width: 10px;height: 2px;background: #145fa7;position: absolute;left: 40px;top: 14px;}
.yous2 .mask .mask-xian{width: 505px;height: 1px;background: #dedede;margin-left: 0px;margin-top: 55px;}
.yous .mask .last-left{font-size: 18px;color: #034fa7;font-family: "Arial";margin-top: 52px;margin-left: 47px;}
.yous .mask .last-left span{color: #333;}
.yous .mask .last-right{font-size: 24px;color: #034fa7;font-family: "Arial";line-height: 27px;background: url(../images/tel1.png) no-repeat left center;padding-left: 55px;margin-top: 15px;margin-right: 15px;}
.yous .mask .last-right p:nth-child(1){font-size: 14px;color: #333;line-height: 14px;}
.yous .mask .last-right p{margin-bottom: 0px;}
/*about*/
.about{margin-top: 80px; height: auto; overflow: hidden;}
.about .title{text-align: center;}
.about .title h2{font-size: 30px;font-weight: bold;color: #333;}
.about .title p{font-size: 28px;font-weight: bold;color: #999;text-transform: uppercase;background: url(../images/titpbg.png) no-repeat center;height: 43px;line-height: 43px;margin-top: 7px;
}
.about1{margin-top: 40px;}
.about2{width: 600px;margin-left: 360px;}
.about2 h2{font-size: 30px;color: #145fa7;font-weight: bold;letter-spacing:8px;background: url(../images/abouttit.png)no-repeat bottom;padding-bottom: 15px;}
.about2 h2 span{color: #333;letter-spacing:8px;}
.about2 h2 p{font-size: 24px;color: #999;display: inline-block;letter-spacing:0px;text-transform: uppercase;margin-top: 0px;margin-bottom: 0px;}
.about3{margin-top: 25px;font-size: 16px;color: #666;line-height: 28px;}
.about3 p{margin-bottom: 0px;}
.about2 .ckxq{margin-top: 40px;width: 180px;height: 40px;border: 1px solid #333;text-align: center;line-height: 40px;font-size: 14px;color: #333;display: block;}
.about2 .ckxq:hover{background: #145fa7;border: 1px solid #145fa7;color: #fff;}
.aboutx{margin-top: 40px;}
.aboutx ul li{float: left;width: 100px;margin-right: 66px;text-align: center;}
.aboutx ul li:nth-child(4){margin-right: 0px;}
.aboutx ul li .img2{display: none;text-align: center;width: 40px;height: 42px;margin:0 auto;}
.aboutx ul li .img1{display: block;text-align: center;width: 40px;height: 42px;margin:0 auto;}
.aboutx ul li:hover .img1{display: none;}
.aboutx ul li:hover .img2{display: block;}
.aboutx ul li h3{font-size: 24px;color: #333;font-weight: bold;margin-top: 20px;}
.aboutx ul li:hover h3{color: #145fa7;}
.aboutimg{width: 893px;height: 503px;overflow: hidden;}
.aboutimg img{width: 100%;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.aboutimg img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);-webkit-transition:all 0.6s ease-out;-moz-transition:all 0.6s ease-out;transition:all 0.6s ease-out;}