body{width: 100%;}

/**/
.nine_bg{ background:url(../image/nine_bg.gif) no-repeat center 0;height: 310px; padding:130px 0 0;}
.nine_l{width: 330px;height:186px; padding:0 0 0 25px;overflow: hidden;}
.nine_r{width: 820px;}
.nine_r h3{font-size: 28px;color: #333;height: 50px;line-height: 50px;overflow: hidden; margin-bottom:10px;}
.nine_r h3 i{color: #f16b12;}
.nine_r ul li{font-size: 14px;color: #333;height: 40px;line-height: 40px;width: 273px;float: left;}
.nine_r ul li em{font-family:'DINPro-Lightef9f257c51ad4d';font-size: 26px;color: #e3e3e3;display: block;float: left; padding:0 5px 0 0;}
.nine_r ul li:hover{color: #102044;font-weight: bold;}
.nine_r ul li:hover em{color: #102044;}

.video_btn{width: 250px;height: 155px;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);z-index:100;} 
.video_m {background:#eee; width: 1000px;height: 563px; 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: 110;} 
.video_con { width: 1000px;height: 563px; overflow: hidden;}

/*产品中心*/
.cp_bg{ background:url(../image/cp_bg.gif) repeat-x;height: 1050px;}
.cp_title{font-size: 32px;color: #000; background:url(../image/cp_tbg.png) no-repeat center 0;height: 105px;text-align: center;line-height: 34px; padding:35px 0 0;}
.cp_title a{font-size: 32px;color: #000;}
.cp_title a:hover{color: #f16b12;}
.cp_title i{color: #ccc;}
.cp_title span{display: block;font-size: 16px;color: #000;font-weight: normal;}
.cp_l{width: 465px;height: 543px;}
.cp_t{background: #fff;width: 348px;height: 143px; padding:42px 0 0 32px; margin:10px 0 0;}
.cp_t ul li{width: 170px;height: 47px;float: left; padding:0 0 14px;}
.cp_t ul li a{font-size: 12px;color: #102044;font-weight: bold; background:url(../image/cp_k01.gif) no-repeat;display: block;width: 145px;height: 47px;line-height: 47px;}
.cp_t ul li em{display: block;float: left;width: 47px;line-height: 0;}
.cp_t ul li em img{width: 47px;height: 47px;}
.cp_t ul li span{display: block;float: left;width: 98px;text-align: center;}
.cp_t ul li a:hover{ background:url(../image/cp_k02.gif) no-repeat;}
.cp_m01 ul li{width: 184px;float: left; padding:10px 10px 0 0;}
.cp_m01 ul li em{width: 184px;height: 238px;display: block;overflow: hidden;}
.cp_m01 ul li img,.cp_botc ul li img,.ys dl dt img,.news02 dl dt p img{width: 184px;height: 238px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_m01 ul li img:hover,.cp_botc ul li img:hover,.ys dl dt img:hover,.news02 dl dt p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_m01 ul li span,.cp_botc ul li span{font-size: 14px;color: #a4a4a4; width:184px; display:block; text-align:center; height:25px; line-height:25px;overflow:hidden;}
.cp_r{width: 735px;height: 543px;}
.cp_rt{width: 124px;position: absolute;top: 77px;left: 0;z-index: 20;}
.cp_rt ul li{width: 124px;height: 58px; padding:0 0 25px;}
.cp_rt ul li a{font-size: 14px;color: #fff; background:url(../image/cp_k03.png) no-repeat;display: block;width: 124px;height: 50px;line-height: 50px; padding:8px 0 0;text-align: center;}
.cp_rt ul li a:hover,.cp_rt ul li.on a{ background:url(../image/cp_k04.png) no-repeat;}
.cp_m02{width: 724px;height: 543px; padding:0 0 0 10px;}
.cp_m02 img{width: 724px;height: 543px;}

.cp_bot{ padding:50px 0 0;}
.cp_bot p{ position:absolute; top:120px;z-index: 20;}
.cp_bot p a,.photo p a{display: block;width: 77px;height: 77px;}
.cp_botl{ left:-39px;}
.cp_botl a,.photo_l a{ background:url(../image/cp_lico01.png) no-repeat;}
.cp_botl a:hover,.photo_l a:hover{ background:url(../image/cp_lico02.png) no-repeat;}
.cp_botr { right:-39px;}
.cp_botr a,.photo_r a{ background:url(../image/cp_rico01.png) no-repeat;}
.cp_botr a:hover,.photo_r a:hover{ background:url(../image/cp_rico02.png) no-repeat;}
.cp_botc{width: 1200px;overflow: hidden;}
.cp_botc ul li{width: 190px;float: left; padding:0 0 0 12px;}
.cp_botc ul li em{width: 190px;height: 216px;display: block;overflow: hidden;}
.cp_botc ul li img{width: 190px;height: 216px;}
.cp_botc ul li span{width:190px; padding:5px 0 0;}

/*恪守匠心品质*/
.four{ background:url(../image/four_bg.jpg) no-repeat;height: 575px;}
.four .cp_title{height: 75px;}
.four_l{width: 375px;}
.four_l dl{width: 375px; border-bottom:#e5e5e5 1px solid; padding:30px 0 0;height: 135px;}
.four_l dl dt{width: 65px;float: left; padding:25px 0 0;}
.four_l dl dt img{width: 44px;height: 54px;}
.four_l dl dd{width: 310px;float: left;}
.four_l dl dd h5{font-size: 20px;color: #111f44;height: 45px;line-height: 45px;overflow: hidden;}
.four_l dl dd h5 i{color: #f16b12;}
.four_l dl dd p{font-size: 14px;color: #666;line-height: 24px;}
.four_l .nobor{ border-bottom:none;}

/*广告条*/
.ban01{ background:url(../image/ban01.jpg) no-repeat center 0; height:220px; overflow:hidden;}
.ban01 p{position: absolute;top: 50px;right: 0;width: 260px;}
.ban01 p span{ display:block; font-size:16px; color:#fff;line-height: 26px;width: 260px;text-align: center;}
.ban01 p span b{font-size: 26px;display: block; font-family:"Times New Roman", Times, serif;}
.ban01 p em{ display:block;width: 140px; margin:0 auto;padding:15px 0 0;}
.ban01 p em a{display: block;font-size: 14px;color: #333;font-weight: bold; background:url(../image/ban_btn.png) no-repeat; width:120px; height:40px;line-height: 40px; padding:0 0 0 20px;}
.ban01 p em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*案例*/
.case_bg{ background:url(../image/case_bg.gif) repeat-x;height: 772px; padding:77px 0 0;}
.case_bg .cp_title{height: 97px;}
.case{width: 1010px;height: 560px;}
.case_t{position: absolute;bottom: 30px;left: 30px;z-index: 10;}
.case_t ul li{ float:left; margin:0 0 0 15px; display:inline; cursor:pointer; width: 24px;height: 2px;background: #fff;text-indent: -999px; }
.case_t ul .on{background: #e77918;}
.case_qie{width: 1010px;height: 560px;}
.case_qie img{width: 990px;height: 560px;}
.case_qie .case_desc{ background:url(../image/case_km.png) no-repeat;width: 343px;height: 122px;position: absolute;right: 0;bottom: 35px;font-size: 14px;color: #333;line-height: 26px; padding:35px 60px 0 55px;}

/*合作客户*/
.hz{width: 190px; padding:12px 0 0; margin-right:-10px;}
.hz ul li{width: 170px;height: 95px;line-height: 0;box-shadow: 0 3px 6px 3px #d0d0d0; margin:0 10px 40px;}
.hz ul li img{width: 170px;height: 95px;}

/*优势*/
.ys_bg{ background:url(../image/ys_bg.jpg) no-repeat center 0;height: 820px; padding:43px 0 0;}
.ys_t{font-size: 32px;color: #fff; background:url(../image/ys_tbg.png) no-repeat center 0;height: 115px;text-align: center;line-height: 90px;}
.ys_t span{color: #e77918;}
.ys_t i{font-size: 50px;}
.ys dl{width: 583px;height: 301px;float: left; background:url(../image/ys_k01.png) repeat; padding:14px 0 0 12px; margin-bottom:10px;}
.ys dl dt{width: 384px;height: 288px;float: left;overflow: hidden;}
.ys dl dt img{width: 384px;height: 288px;}
.ys dl dd{width: 175px;float: left; padding:15px 0 0 12px;}
.ys dl dd h5{font-size: 20px;color: #e77918;height: 40px;line-height: 30px; background:url(../image/ys_line.png) no-repeat 0 39px;}
.ys dl dd b{display: block;font-size: 14px;color: #fff;height: 60px;line-height: 50px;}
.ys dl dd i{font-size: 36px;font-family:'DINPro-Lightef9f257c51ad4d';}
.ys dl dd p{font-size: 14px;color: #5c6171;line-height: 24px;}
.ys .dl02{float: right;}

/**/
.join{ background:url(../image/join_bg.jpg) no-repeat center 0;height: 153px;line-height: 30px; padding:60px 0 0;font-size: 20px;color: #fff;text-align: center;}
.join b{display: block; letter-spacing:3px;}

/*新闻中心*/
.news_main{ padding:60px 0 70px;}
.news_main .cp_title{height: 85px;}

.news_mm{box-shadow: 0 3px 10px 0 #d0d0d0; padding:0 0 35px;}
.news01{width: 585px;height: 430px;}
.news_t{ background:url(../image/news_tbg.gif) no-repeat;height: 80px; padding:0 30px;width: 525px;}
.news_t h3{float: left; padding:16px 0 0;line-height: 26px;}
.news_t h3 a{font-size: 20px;color: #333;}
.news_t h3 i{display: block;font-size: 14px;color: #a4a4a4;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase; letter-spacing:2px;}
.news_t span{display: block;float: right;line-height: 0; padding:25px 0 0;}
.news_t span img{width: 27px;height: 27px;}
.new_lf{ border-bottom:1px solid #ececec;}
.new_lf h5{height: 55px;line-height: 55px;border-top:1px solid #ececec;font-weight:normal;}
.new_lf h5 i{float: left;width: 115px;padding-left: 45px;font-size: 26px;color: #484848;}
.new_lf h5 a{float: left;width: 425px;color: #333;font-size: 16px;}
.new_lf h5.cur{height: 26px;line-height: 26px;padding-top: 14px;}
.new_lf h5.cur i{font-size: 26px;}
.new_lf h5.cur a{font-weight: bold;}
.new_lf .news_m{height: 70px;}
.new_lf .news_m i{float: left;width: 105px;padding-left: 55px;font-size: 18px;color: #484848;line-height: 32px;}
.new_lf .news_m .news_desc{float: left;width: 395px;font-size: 14px;color: #333;line-height: 24px;padding-top: 5px;}

.news02{width: 585px;}
.news02 dl dt{width: 585px; display:inline-block;}
.news02 dl dt p{width: 340px;float: left;height: 170px;overflow: hidden;}
.news02 dl dt p img{width: 340px;height: 170px;}
.news02 dl dt span{display: block;float: left;width: 243px;height: 168px;text-align: center; border:#ededed 1px solid;font-size: 20px;color: #484848;line-height: 40px;}
.news02 dl dt i{display: block;font-size: 40px; padding:40px 0 0;}
.news02 dl dd{width: 550px; padding:15px 0 0;}
.news02 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news02 dl dd h5 a{font-size: 14px;color: #333;}
.news02 dl dd h5 a:hover,.wd dt a:hover{color: #e77918;}
.news02 .news_desc{font-size: 14px;color: #333;height: 44px;line-height: 22px;overflow: hidden;}

/*常见问题*/
.wd_t{width: 175px;height: 200px;}
.wd_t a{font-size: 18px;color: #333;font-weight: bold;display: block;width: 145px;height: 160px;background: url(../image/wd_tbg.gif) no-repeat; padding:40px 0 0 30px;line-height: 30px;}
.wd_m{width: 1005px; padding:0 0 0 20px; }
.wd dl{ width:280px;float: left; padding:0 0 0 50px;}
.wd dt{ background:url(../image/wen.gif) no-repeat; padding:25px 0 0; height:50px; line-height:50px; overflow:hidden;}
.wd dt a{ font-size:14px; color:#484848; font-weight:bold;}
.wd dd{  background:url(../image/da.gif) no-repeat; padding:35px 0 0;}
.wd_desc{font-size:14px; color:#333;height: 44px;line-height: 22px;overflow: hidden;}
.wd dd span{display: block;width: 92px; padding:12px 0 0;}
.wd dd span a{font-size: 12px;color: #484848;text-transform: uppercase;display: block;width: 90px;height: 30px;text-align: center;line-height: 30px; border:#d2d2d2 1px solid;overflow: hidden;}
.wd dd span a:hover{background: #e77918;color: #fff;border:#e77918 1px solid;}

/*走进奥利集团*/
.ab_bg{ background:url(../image/ab_bg.jpg) no-repeat center 0;height: 538px; padding:95px 0 0;}
.about dl dt{ width:560px; height:420px; float:left;overflow: hidden;line-height: 0;}
.about dl dt img{ width:560px; height:420px;}
.about dl dd{width:530px; float:left; padding:42px 0 0 80px;}
.about .ab_desc{ line-height:24px; font-size:14px; color:#fff ;overflow:hidden; padding:35px 0 0;}
.about .ab_desc p{ text-indent:2em;}
.about dl dd em{ display:inline-block; padding:35px 0 0;width: 250px;}
.about dl dd em a{display: block;width: 110px;height: 44px;text-align: center;line-height: 44px;font-size: 14px;color: #fff;float: left; border:#414c69 1px solid; margin-right:12px;}
.about dl dd em a:hover{background: #e77918; border:#e77918 1px solid;}

/**/
.group_bg{ background:url(../image/group_bg.gif) no-repeat center 0;}
.group ul li{width: 300px;float: left;text-align: center;}
.group ul li em{display: block;font-size: 16px;color: #fff;height: 55px;line-height: 55px; background:url(../image/group_ico01.png) no-repeat center 40px;}
.group ul li b{display: block;font-size: 16px;color: #333;height: 25px;line-height: 25px; padding:10px 0;}
.group ul li span{display: block;font-size: 14px;color: #b9b9b9;line-height: 22px;}
.group ul li i{display: block;}
.group .group_li03 em{ background:url(../image/group_ico02.png) no-repeat center 44px;}

/*企业风采*/
.photo{ padding:0 0 80px;position: relative;z-index: 50;}
.photo_t{height: 66px;line-height: 66px;overflow: hidden; background:url(../image/photo_tbg.gif) no-repeat;}
.photo_t a{font-size: 24px;color: #333; padding:0 0 0 30px;}
.photo_t a:hover{color: #e77918;}
.photo_t span{float: right;}
.photo_t span a{font-size: 14px;color: #aaa;font-weight: normal;text-transform: uppercase;}
.photo p{position: absolute;width: 77px;height: 77px;top: 156px;z-index: 20;}
.photo_l{ left:-35px;}
.photo_r{ right:-35px;}
.photo_c{padding-top:20px;width: 1200px;overflow: hidden;}
.photo_c ul li { width:292px; float:left; padding:0 0 0 10px;line-height: 0;}
.photo_c ul li img{ width:292px; height:219px;}

/**/
@-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);}
}