/*产品中心*/

.cp_bg{ background:url(../images/cp_bg.gif) repeat-x;height: 1050px;}

.cp_title{font-size: 32px;color: #000; background:url(../images/cp_tbg.png) no-repeat center 0;height: 105px;text-align: center;line-height: 34px; padding:0px 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(../images/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(../images/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: 138px;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: 138px;

-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(../images/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(../images/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(../images/cp_lico01.png) no-repeat;}

.cp_botl a:hover,.photo_l a:hover{ background:url(../images/cp_lico02.png) no-repeat;}

.cp_botr { right:-39px;}

.cp_botr a,.photo_r a{ background:url(../images/cp_rico01.png) no-repeat;}

.cp_botr a:hover,.photo_r a:hover{ background:url(../images/cp_rico02.png) no-repeat;}

.cp_botc{width: 1200px;overflow: hidden;}

.cp_botc ul li{width: 290px;float: left; padding:0 0 0 12px;}

.cp_botc ul li em{width: 290px;height: 216px;display: block;overflow: hidden;}

.cp_botc ul li img{width: 290px;height: 216px;}

.cp_botc ul li span{width:290px; padding:5px 0 0;}





/*走进奥利集团*/

.ab_bg{ background:url(../images/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: 150px;}

.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:#fff 1px solid; margin-right:12px;}

.about dl dd em a:hover{background: #e77918; border:#fff 1px solid;}











.main_right_div02 {

    width: 100%;

    float: left;

    height: 341px;

    background: #e70;

}



.hoverText{

 position:absolute; z-index:100; width:400px; top:50%; 

 left:50%; margin:-67px 0 0 -120px; color: #fff; }

.item:hover .hoverText{opacity:1;}

.hoverText .inner{padding:10px 15px; margin:1px; text-align:center; }

 .hoverText .topT{border: 1px solid #999;

    border-radius: 38px; font-size:30px; padding:5px 0;}

 .hoverText .bottomT{font-size:15px; padding:5px 0;}

 .hoverText .bottomT span{padding:0 3px;}





/*case*/

.case{width:100%;overflow:hidden;padding:60px 0 0; border-top: 1px dotted #ddd;}

.case .more{display:block;width:240px;height:46px;line-height:46px;text-align:center;color:#fff;border-radius:46px;background-color:#e4800b;font-size:16px;font-weight:bold;margin:35px auto 0;}

.case-link{display:none;width:1200px;margin:40px auto 0;height:40px;}

.case-link a{display:block;float:left;width:188px;height:38px;line-height:38px;border:1px solid #888;border-radius:3px;font-size:16px;color:#333;text-align:center;margin-left:12px;position:relative;}

.case-link a:first-child{margin-left:0;}

.case-link a:hover{color:#e4800b;}

.case-link a:before,.case-link a:after{content:'';position:absolute;border:2px solid transparent;width:0;height:0;}

.case-link a:before{top:-1px;left:-1px;}

.case-link a:after{bottom:-1px;right:-1px;}

.case-link a:hover:before,.case-link a:hover:after {

  width: 186px;

  height: 36px;

  border-radius:3px;

}

.case-link a:hover:before {

  border-top-color: #fe8f0c;

  border-right-color: #fe8f0c;

  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;

}

.case-link a:hover:after {

  border-bottom-color: #fe8f0c;

  border-left-color: #fe8f0c;

  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;

}







.np-wrap{padding: 60px 0 80px;}

.np-wrap .more-btn{float:right;display:block;width:98px;height:30px;margin-top:4px;line-height:30px;text-align:center;border:1px solid #666;border-radius:30px;}

.np-wrap .more-btn:hover{color:#fe8f0c;border-color:#fe8f0c;}

.np-wrap .tibtn{height:40px;line-height:40px;overflow:hidden;margin-bottom:40px;}

.np-wrap .tibtn h2{float:left;font-size:30px;text-transform:uppercase;}

.np-wrap .tibtn h2 a{color:#333;}

.np-wrap .tibtn h2 a:hover{color:#dd7c0b}





.news{width:710px;}

.news li{overflow:hidden;margin-bottom:30px;}

.news .pic,.news_wrap .pic img,.news .pic img{width:210px;height:140px;}

.news .pic a{display:block;}

.news .pic{float:left;margin-right:40px;}

.news .cont{overflow:hidden;}

.news .cont .ti{font-size:18px;font-weight:100;line-height:24px;margin-bottom:10px;}

.news .cont .ti a{color:#333;}

.news .cont .ti a:hover{color:#dd7c0b;}

.news .cont .desc{line-height:20px;color:#666;height:60px;overflow:hidden;}



.np-wrap .more{display:block;width:98px;height:30px;color:#666;margin-top:4px;line-height:30px;text-align:center;

  border:1px solid #ddd;}

.np-wrap .more:hover{color:#fe8f0c;border-color:#fe8f0c;}





.press{width:400px;float:right;}

.press .pic{margin-bottom:20px;}

.press .pic,.active_wrap .pic img{width:400px;height:140px;}

.press .pic a img{width:400px;height:140px;}

.press .pic a{display:block;}

.press li{height:35px;line-height:35px;border-bottom:1px solid #ddd;}

.press li a{display:block;padding-left:14px;font-size:14px;color:#333;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.press li a:after{content:'';position:absolute;width:2px;height:2px;background:#333;left:2px;top:50%;margin-top:-1px;}

.press li:hover a{color:#dd7c0b;}

.press li:hover a:after{background-color:#dd7c0b;}




@keyframes shake {

  from,to{transform:translate3d(0, 0, 0);}

  20%,60%{transform:translate3d(-10px, 0, 0);}

  40%,80%{transform:translate3d(10px, 0, 0);}

}



.case-silder .btn,.uiv-honor .btn{-webkit-transition:transform .3s;transition:transform .3s;}

.case-silder .btn.prev:hover,.uiv-honor .btn.prev:hover{-webkit-transform:translate(-10px,0);transform:translate(-10px,0);}

.case-silder .btn.next:hover,.uiv-honor .btn.next:hover{-webkit-transform:translate(10px,0);transform:translate(10px,0);}

.bene .item .list li{transform: translateX(0) rotate(0);-webkit-transform:translateX(0) rotate(0);}

.bene .item:hover .list li{transform:translateX(300px) rotate(360deg);-webkit-transform:translateX(300px) rotate(360deg);opacity:0;}

.bene .item .list li:nth-child(1){-webkit-transition:all .3s;transition:all .3s;}

.bene .item .list li:nth-child(2){-webkit-transition:all .5s;transition:all .4s;}

.bene .item .list li:nth-child(3){-webkit-transition:all .5s;transition:all .5s;}

.bene .item .bigti{-webkit-transition:all .3s;transition:all .3s;}

.bene .item:hover .bigti{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;}

.bene .item .desc{-webkit-transition:all .5s;transition:all .5s;}

.bene .item:hover .desc{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;}

.bene .item .mask{-webkit-transition:all .7s;transition:all .7s;}

.bene .item:hover .mask{opacity:1;visibility:visible;}



.workslist .add{-webkit-transition:transform 1s;transition:transform 1s;}

.workslist .add:hover{-webkit-transform: rotate(360deg);transform: rotate(360deg);}

@charset "utf-8";

html{color:#000;background:#FFF; }

body { color:#666;font:12px/1.7 'Segoe UI', SegoeUI, 'Microsoft YaHei', 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif; min-width:1200px;width:100%;} /*网站字体颜色*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

img{border:0;vertical-align:middle}

address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}





select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



a { color:#666; text-decoration:none; font-family:'Segoe UI', SegoeUI, 'Microsoft YaHei', 微软雅黑, "Helvetica Neue", Helvetica, Arial, sans-serif;}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration:none;}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

.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; font-family:Verdana;}

/* -- 购物车外部框架 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */

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

.left { width:247px; float:left; overflow:hidden;}

.left2 { width:890px; float:left; overflow:hidden;background:#fff; padding:0 10px;}

.left3 { width:754px; float:left; overflow:hidden; color:#666;}

.lefttop {  font-size:0; overflow:hidden; margin-top:10px;}

.left2top {  font-size:0; overflow:hidden;}

.leftbot {  font-size:0; overflow:hidden;  margin-bottom:10px;}

.left2bot {  font-size:0; overflow:hidden; margin-bottom:10px; }



.right { width:919px; float:right; display:inline; background:#fff; padding:0 10px;}

.right2 { width:240px;  float:right; overflow:hidden;background:#fff;}

.right3 { width:201px; float:right; overflow:hidden; color:#666;}

.righttop {  font-size:0; overflow:hidden;}

.right2top { font-size:0; overflow:hidden;}

.rightbot {  font-size:0; overflow:hidden; margin-bottom:10px;}

.right2bot {  font-size:0; overflow:hidden; margin-bottom:10px;}



.right_main { width:919px; padding-bottom:15px;}

.right2_main { width:240px; padding-bottom:15px; overflow:hidden;}

.left2_main { width:890px;  padding-bottom:15px; overflow:hidden;}

.leftr{ float: left;overflow: hidden;width:247px;}

.rightl{ width:919px; float:right; display:inline; overflow:hidden; margin-left:14px;background:#fff; padding:0 10px;}