a:active { outline: none; star: expression(this.onFocus=this.blur()); }
* { margin: 0; padding: 0; list-style: none; outline: none; word-wrap: break-word; }
img { border: none; }
table { table-layout: fixed; border-collapse: collapse; }
a { text-decoration: none; }
.fb { font-weight: bold; }
body { font-size: 12px; font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
body, html { overflow-x: hidden; -webkit-text-size-adjust: none; }
input { -webkit-appearance: none; font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.pl { padding-left:40px;}.pr{ padding-right:40px; }.pt{ padding-top:40px; }.pb{ padding-bottom:40px; }
.pl- { padding-left:-40px;}.pr-{ padding-right:-40px; }.pt-{ padding-top:-40px; }.pb-{ padding-bottom:-40px; }
.ml { margin-left:40px;}.mr{ margin-right:40px; }.mt{ margin-top:40px; }.mb{ margin-bottom:40px; }
.ml- { margin-left:-40px;}.mr-{ margin-right:-40px; }.mt-{ margin-top:-40px; }.mb-{ margin-bottom:-40px; }
.ml80 { margin-left:80px;}.mr80{ margin-right:80px; }.mt80{ margin-top:80px; }.mb80{ margin-bottom:80px; }
.tc{ text-align:center; }.tl{ text-align:left; }.tr{ text-align:right; }
.fl{ float:left;}.fr{ float:right;}
.last{ border-top:1px #eee solid;}
.xLeft{ -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg); }.xRight{ -webkit-transform: rotate(90deg);-moz-transform: rotate(90deg); }.xBottom{ -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg); }

.w100{ width:100%;}

.bgc-0 { background-color: #000;}
.bgc-1 { background-color:#08c290;}.bgc-1-ftc { color:#08c290;}
.bgc-2 { background-color:#2f94dc;}.bgc-2-ftc { color:#2f94dc;}
.bgc-3 { background-color:#1d68c3;}.bgc-3-ftc { color:#1d68c3;}
.bgc-4 { background-color:#f09f05;}.bgc-4-ftc { color:#f09f05;}
.bgc-5 { background-color:#ea4228;}
.bgc-6 { background-color:#ea4228;}
.bgc-7 { background-color:#ea4228;}
.bgc-8 { background-color:#ea4228;}
.bgc-9 { background-color:#f1f1f1;}
.bgc-10 { background-color:#fff;}

.bgc-img1 { background-image:url(../images/b1.png);background-repeat:no-repeat; background-size:cover;}
.bgc-img2 { background-image:url(../images/b2.png);background-repeat:no-repeat; background-size:cover;}
.bgc-img3 { background-image:url(../images/b3.png);background-repeat:no-repeat; background-size:cover;}
.bgc-img4 { background-image:url(../images/b4.png);background-repeat:no-repeat; background-size:cover;}


.ftc-1 { color:#666; font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
.ftc-2 { color:#FFF;font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.ftc-3 { color:#999;font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.ftc-4 { color:#000;font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}


.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f32{ font-size:32px;}
.f36{ font-size:36px;}
.f40{ font-size:40px;}
.f64{ font-size:64px;}
.f80{ font-size:80px;}
.f128{ font-size:128px;}

.lh20{ line-height:20px;}
.lh30{ line-height:30px;}
.lh40{ line-height:40px;}

::-moz-selection { background: #ff8b79; color: #fff; text-shadow: none; }
::selection { background: #ff8b79; color: #fff; text-shadow: none; }
/*header*/
.header { width: 100%; height: 100px; position:absolute; left: 0; top: -100px; z-index: 99; transition: 400ms; z-index:9;}
#headShow { top: 0; }
.header .logo { width: 280px; float: left; margin: 20px 0 0 100px; transition: 400ms; }
.header .logo img { width: 136px; margin: 0 12px 0 0; float: left; transition: 400ms; }
.header .logo .p1 { margin: 12px 0 0 0; font-size: 28px; color: #444; font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; transition: 400ms; font-weight:300;letter-spacing:-1px; line-height:28px;}
.header .logo .p2 { font-size: 12px; color: #000; font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";transition: 400ms;font-weight:300;letter-spacing:21px;}

.nav { margin: 55px 150px 0 0; float: right; transition: margin 400ms; position: relative; left: 0;}
.nav ul { }
.nav li { height: 29px; line-height: 29px; text-align: center; text-transform: uppercase; font-size: 14px; float: left; position: relative;padding-left:10px; padding-right:10px; }
.nav .tBox { width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; }
.nav li a { height: 100%; color: #000;  }
.nav li .bg { opacity: 0; filter: alpha(opacity=0); transition: 400ms; width: 100%; height: 50px; background: url(../images/navCur.png)  repeat-x;position: absolute; }
.nav li .t1 { width: 100%; height: 100%; position: relative; left: 0; top: 0; transition: 400ms; padding-left:10px; padding-right:10px; font-family:museo-slab,arial;text-transform:capitalize; }
.nav li .t2 { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; color: #f37e00; font-size: 15px; position: absolute; left: 0; top: 20px; transition: 400ms; padding-left:10px; padding-right:10px; }
.nav li:hover .bg, .nav .cur .bg { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.nav .cur .t1, .nav li:hover .t1 { top: -15px; opacity: 0; filter: alpha(opacity=0); }
.nav .cur .t2, .nav li:hover .t2 { top: 0; opacity: 1; filter: alpha(opacity=100); }
.navBtn { }
.navM { display: none; }
.navBtn2 { width: 24px; height: 18px; background: url(../images/navBtn.png) no-repeat center; position: absolute; right: 30px; top: 60px; transition: -webkit-transform 300ms;transition: 400ms; }
.navShow { opacity: 0.8; filter: alpha(opacity=80); transition: 400ms;}

.headOpen { border-bottom: none; height: 106px;}
.headOpen .logo .p1 { color: #fff; }
.headOpen .logo .p1  b{ color: #fff; }
.headOpen .logo .p2 { color: #fff; opacity: 1; filter: alpha(opacity=100);transition: 400ms;}
.headOpen .nav li a { color: #fff; }
.headOpen .nav li .bg { background: url(../images/navCur2.png) repeat-x; height: 106px;}
.headOpen .nav li .t2 { color: #f37e00; }

.headClose { height: 70px; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);-moz-box-shadow: 0 0 6px rgba(0,0,0,.1); -o-box-shadow: 0 0 6px rgba(0,0,0,.1); -ms-box-shadow: 0 0 6px rgba(0,0,0,.1); box-shadow: 0 0 6px rgba(0,0,0,.1);background: url(../images/headBg.png) repeat; }
.headClose .logo { width: 230px; margin: 11px 0 0 20px; }
.headClose .logo img { width: 96px; margin: 0 10px 0 0; }
.headClose .logo .p1 { margin: 6px 0 0 0; font-size: 24px;color: #666;}
.headClose .logo .p1  b{ color: #000; }
.headClose .logo .p2 { font-size: 0px;transition: 400ms; opacity: 0; filter: alpha(opacity=0);}
.headClose .nav { margin-top: 20px; }
.headClose .navBtn2 { top: 25px; }

.qrcodestyle{ color:#000; font-size:18px;}
.qrcodeOpen .qrcode-con { opacity: 0; filter: alpha(opacity=0); margin: 0; left: 0; top: -406px; transition: 400ms;width: 100%; height: 356px;  position: fixed;z-index:9; }
.qrcodeOpen .qrcode-con ul { text-align:center; padding-top:140px;transition: 400ms; font-size:14px;}
.qrcodeOpen .qrcode-con ul li { display: inline-block; padding: 10px 24px; float: none;color: #fff;}
.qrcodeOpen .qrcode-con img { width: 136px; height: 136px;}
.qrcodeOpen .qrcode-show {opacity: 1.0; filter: alpha(opacity=100); margin: 0; position: absolute; left: 0; top: 0; transition: 400ms; position: fixed;z-index:9;}
.qrcodeOpen .qrcode-btn{position: fixed; top:60px; right:80px;z-index:100;transition: 400ms;}

.qrcodeClose .qrcode-con { opacity: 0; filter: alpha(opacity=0); margin: 0; left: 0; top: -370px; transition: 400ms;width: 100%; height: 320px;  position: fixed;z-index:9;}
.qrcodeClose .qrcode-con ul { text-align:center;padding-top:104px;transition: 400ms;font-size:14px;color: #fff;}
.qrcodeClose .qrcode-con ul li { display: inline-block; padding: 10px 24px; float: none;}
.qrcodeClose .qrcode-con img { width: 136px; height: 136px;}
.qrcodeClose .qrcode-show {opacity: 1.0; filter: alpha(opacity=100); margin: 0; position: absolute; left: 0; top: 0; transition: 400ms;position: fixed;z-index:9; }
.qrcodeClose .qrcode-btn{position: fixed; top:26px; right:80px;z-index:100;transition: 400ms;}

/*banner*/
.banner { width: 1920px; background: #f8f8f8; position: relative;height: 560px; margin-left:-960px;left:50%;}
.banner li { width: 1920px; height: 560px; overflow: hidden; float: left; position: absolute; left: 0; top: 0; height: 560px;}
.banner li img { position: absolute; height: 560px;}
.banner .arrow { width: 22px; height: 32px; margin: 0 0 0 -11px; position: absolute; left: 50%; bottom: 20px;  z-index: 8;}
.banner .sliderContainer {width: 100%; height: 560px; position: absolute;}
.pcbanner { opacity: 1; filter: alpha(opacity=1); visibility: visible;height: 560px;}
.mobilebanner { opacity: 0; filter: alpha(opacity=0); visibility:hidden;}


.touchSlider {width: 100%; height: 100%; position: relative;height: 560px;}
.touchSlider .slider {width: 100%; height: 560px;}
.touchSlider .slider .item {margin: 0px; left: 0px; top: 0px; width: 100%; height: 560px; position: relative;}
.touchSlider .slider .item img {width: 100%; float: left;height: 560px;}
.touchSlider .indicators {margin: 0px auto; width: 90px; bottom: 75px; position: absolute; z-index: 9; left: 50%; margin-left:-45px;}
.touchSlider .indicators .item {margin: 0px 10px; width: 10px; height: 10px; text-indent: -9999px; float: left; background-image:url(../images/slider_item.png); background-position:10px;}
.touchSlider .indicators .active.item {background-image:url(../images/slider_item.png);background-position:0px;}


/*Title*/
.contentTitle {text-transform:capitalize; font-size: 32px; color:#000;font-family:museo-slab,arial;margin-top:40px;font-family:"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.contentTitle div{text-transform:capitalize; font-size: 14px; color:#999;font-family:museo-slab,arial; font-weight:300; line-height:20px;}
.contentTitle span{font-size: 16px; color:#000;line-height:30px;font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.viewTitle {text-transform:capitalize; font-size: 30px; color:#000;font-family:museo-slab,"microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; line-height:40px; width:100%; text-align:center; padding-bottom:12px;}
.viewTitle div{text-transform:capitalize; font-size: 14px; color:#999;font-family:museo-slab,arial; font-weight:300; line-height:20px; text-align:right;}
.viewTitle span{font-size: 12px; color:#000;line-height:18px;font-family: Helvetica, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.bannerTitle {text-transform:capitalize; font-size: 64px; color:#fff;font-family:museo-slab,arial; position: absolute; left:50%; width:420px; margin-left:-210px; text-align:center; margin-top:180px;}
.bannerTitle div{text-transform:capitalize; font-size: 20px; color:#ccc;font-family:museo-slab,arial; font-weight:300; line-height:20px;}
.bannerTitle span{font-size: 16px; color:#eee;line-height:30px;font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.itemline-1{ width:100px; height:4px;margin:0 auto; margin-top:20px;}
.itemline-2 { width:1200px; height:1px; background-color:#EEE; margin:0 auto;}


/*box*/
.itembox{ width:1200px; margin:0 auto; display: block;overflow:hidden;font-size: 0; line-height: 0;}
.itembox li{ width:600px;height:480px;float:left; font-size:14px; text-align:left; line-height:24px;}
.itembox div{ width:600px;height:480px;float:left; font-size:14px; text-align:left; line-height:24px;}
.itembox p{ font-size:16px; text-align:left; line-height:28px; padding:40px;color:#666;}
.itembox p a { margin:0 auto; margin-top:0px; display: block; width:400px;background-color:#fff;border:1px #ddd solid;text-align:center; line-height:12px;color:#000;display:block;}
.itembox p a:hover { background-color:#fff2db; border:1px #fe8a12 solid;transition: 400ms; color:#d0101b;}
.itembox dl{height:100px;color:#333;line-height:28px;border:2px solid #d9b364;background-color:#faefd7;display:block;width:96%;margin:0 auto;margin-top:-20px;}
.itembox dl div{color:#333;line-height:28px;display:block;padding:20px;font-size:16px;width:100%;height:auto;}
.itemBG{ background-repeat:no-repeat; background-position:center; background-size:cover;}
.viewbox{ width:1200px; margin:0 auto; display: block;overflow:hidden;font-size: 0; line-height: 0; text-align:left;}
.viewbox p{ font-size:14px; text-align:left; line-height:24px; padding:40px;}
.viewbanner{ display: block;overflow:hidden;height:480px; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.itembanner{ display: block;overflow:hidden;height:300px; width:100%; background-repeat:no-repeat; background-position:center; background-size:auto; margin:0 auto;}

.download { margin:0 auto; width:400px;height:60px;text-align:center;margin-bottom:30px;}
.download a{ display: block; width:400px;height:60px; background-color:#fff;border:1px #666 solid;text-align:center; line-height:60px;color:#000;font-size:20px;}
.download a:hover{ margin:0 auto; margin-top:0px; display: block; width:400px;height:60px; background-color:#ea4228;border:1px #ea4228 solid;text-align:center; line-height:60px;color:#fff;transition: 400ms;}

.imgbox img{float:left;padding-left:3px;padding-right:3px;}
.colorbox{ width:1210px; margin:0 auto;overflow: hidden; position: relative; }
.colorbox li{ width:296px;height:230px;float:left;overflow: hidden; position: relative;margin-left:3px;margin-right:3px;border-radius:0 0 10px 10px}
.colorbox p{ padding:50px;text-align:left; line-height:24px; font-size:14px;}
.colorbox span{ text-align:left; line-height:20px; font-size:20px;text-transform:capitalize; font-weight:900;}
.colorbox a { display: block; }
.colorbox li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #000; position: absolute; left: 0; top: 0; transition: 400ms; border-radius:0 0 10px 10px }
.colorbox li:hover .bg { opacity: 1.0; filter: alpha(opacity=100);border-radius:0 0 10px 10px }
.colorbox li .cover1 { opacity: 0; filter: alpha(opacity=0); margin: 0; position: absolute; left: 0; top: 0; transition: 400ms;width: 100%; height: 100%; border-radius:0 0 10px 10px}
.colorbox li .cover2 { opacity: 0; filter: alpha(opacity=0); margin: 0 0 -50px 0; position: absolute; left: 0; top: 300px; transition: 400ms;font-size:14px; border-radius:0 0 10px 10px}
.colorbox li:hover .cover1 { opacity: 1; filter: alpha(opacity=100); }
.colorbox li:hover .cover2 { left: 0;top: 30px; opacity: 0.9; filter: alpha(opacity=90);font-size:16px;}

.ballbox{ width:1120px; margin:0 auto;overflow: hidden; position: relative; padding:40px;}
.ballbox li{ width:33.3333%;float:left;overflow: hidden; position: relative; }
.ballbox p{ text-align:center; line-height:32px; font-size:16px;}
.ballbox span{ text-align:left; line-height:20px; font-size:16px;text-transform:capitalize; font-weight:300;}

.colorball{ width:1000px; margin:0 auto;overflow: hidden; position: relative; padding:40px;}
.colorball li{ width:200px;float:left;overflow: hidden; position: relative; }
.colorball p{ text-align:center; line-height:32px; font-size:16px;}
.colorball span{ text-align:left; line-height:20px; font-size:16px;text-transform:capitalize; font-weight:300;}

.servicebox{ width:1200px; margin:0 auto;overflow: hidden; position: relative; border-left:1px #CCC solid;border-top:1px #CCC solid;}
.servicebox li{ width:150px;height:150px;float:left;overflow: hidden; position: relative;border-bottom:1px #CCC solid; background-image:url(../images/border.gif); background-repeat: repeat-y ; background-position:right;}
.servicebox p{ padding:15%;text-align:center; line-height:16px; font-size:12px;}
.servicebox span{ text-align:left; line-height:30px; font-size:18px;text-transform:capitalize; font-weight:300;}



.footerbox{ width:1200px; margin:0 auto;overflow: hidden; position: relative;height:400px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.fitbox{ width:1200px; margin:0 auto;overflow: hidden; position: relative;height:400px; background-repeat:no-repeat; background-position:center; background-size:cover;}

.whitebox{ width:900px; margin:0 auto;height:120px;padding-top:10px;}
.whitebox li{ width:300px;height:120px;float:left;}
.whitebox p{ color:#333;text-align:center; line-height:24px; font-size:16px;padding-top:20px;}
.whitebox span{ color:#000;text-align:center; line-height:14px; font-size:14px;font-weight:300;}

.logobox{ width:1210px; margin:0 auto; overflow: hidden; position: relative;}
.logobox li{ width:110px;float:left;text-align:center;}
.logobox li img{ width:100px;}

.messagebox{width:800px;margin:0 auto;padding-top:10px;}
.messagebox li{width:100%;height:44px; padding:10px 0 10px 0;}
.messagebox li input{width:760px; border:1px #CCC solid;height:48px; color:#999; font-size:18px;padding:0 20px 0 20px;}
.messagebox p{width:100%;padding:10px 0 10px 0;}
.messagebox p textarea{width:760px; border:1px #CCC solid;color:#999; font-size:18px;padding:20px;height:240px;font-family: museo-slab, "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.messagebox p input{width:100%; border-top:1px #000 solid;border-left:1px #000 solid;border-right:2px #000 solid;border-bottom:2px #000 solid;height:44px; color:#999; font-size:14px;padding:0 20px 0 20px; color:#000; background:#eee;}


.newslist {width:1200px;margin:0 auto;display:block;}
.newslist li{width:400px;float:left;display:block;}
.newslist li img{display:block;padding:10px;}
.newslist li h1{display:block;padding:10px 20px 0 20px;font-size:18px;line-height:18px;width:100%;text-align:left;color:#000;}
.newslist li span{display:block;padding:10px 20px 0 20px;font-size:14px;color:#666;width:100%;text-align:left;}
.newslist li em{display:block;padding:10px 20px 20px 20px;font-size:14px;color:#999;width:100%;text-align:left;}

/*portfolio list*/
.portfolio .list ul { width: 1200px;margin: 0 auto; }
.portfolio .list li { width: 400px; line-height: 0px; float: left; }
.portfolio .list li a { display: block; }
.portfolio .list li .imgBox { overflow: hidden; position: relative; background: #000; }
.portfolio .list li .img { max-width: 100%; }
.portfolio .list li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; background: #ea4228; position: absolute; left: 0; top: 0; transition: 400ms;  }
.portfolio .list li .cover1 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 10%; top: 50%; transition: 400ms; }
.portfolio .list li .cover2 { opacity: 0; filter: alpha(opacity=0); margin: -16px 0 0 -17px; position: absolute; left: 90%; top: 50%; transition: 400ms; }
.portfolio .list li .cover3 { opacity: 0; filter: alpha(opacity=0); margin: -34px 0 0 -34px; position: absolute; left: 90%; bottom: 12%; transition: 400ms; color:#FFF; font-size:16px;}
.portfolio .list li:hover { border-color: #69B015; }
.portfolio .list li:hover .bg { opacity: 0.8; filter: alpha(opacity=80); }
.portfolio .list li:hover .cover1 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.portfolio .list li:hover .cover2 { left: 50%; opacity: 1; filter: alpha(opacity=100); }
.portfolio .list li:hover .cover3 { left: 14%; bottom: 12%; opacity: 1; filter: alpha(opacity=100); }
/*Basic*/
.about { overflow: hidden; position: relative; text-align:center; }
.service { overflow: hidden; position: relative; text-align:center; }
.portfolio { overflow: hidden; position: relative; text-align:center;}
.contact { overflow: hidden; position: relative; text-align:center;}
/*footer*/
.footer { background-color:#000;}
.footer a{ color: #ddd; font-weight:300; }
.copyright{margin:0 auto;padding:25px 0;width:1200px;color:#7b7b7b;font-size:12px;}
.copyright-left{display:inline-block; line-height:22px;font-size:12px;}
.copyright-right{display:inline-block;float:right; line-height:22px; text-align:right;font-size:12px;}

.imagestour{width:1200px;display:inline-block;}
.imagestour img{width:100px;display:inline-block;float:left;}


.iconbox{overflow:auto;width:1200px;margin:0 auto;}
.iconbox li{width:400px;float:left;color:#fff;line-height:48px;font-size:16px;display:block;text-align:center;margin-top:40px;font-weight:bold;padding-top:30px;}
.iconbox li:hover{background:#333;-webkit-transition:all .4s ease;transition:all .4s ease;}

.iconbox1{overflow:auto;width:1200px;margin:0 auto;}
.iconbox1 li{width:300px;float:left;line-height:24px;font-size:16px;display:block;text-align:left;margin-top:10px;padding:50px;font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.iconbox1 li span{font-family: "microsoft yahei","微软雅黑", "Arial", "Verdana", "sans-serif";}
.iconbox1 li img{margin-left:100px;margin-bottom:20px;}

.iconbox2{overflow:auto;width:1200px;margin:0 auto;}
.iconbox2 li{width:400px;float:left;line-height:24px;font-size:16px;display:block;text-align:center;cursor:pointer}
.iconbox2 li img{margin-bottom:10px;margin-top:30px;}
.iconbox2 li:hover{background:#fff;-webkit-transition:all .4s ease;transition:all .4s ease;}

.iconbox2 .t1{background-color:#f4f4f4}
.iconbox2 .t2{background-color:#e1e1e1}
.iconbox2 .t3{background-color:#f0f0f0}
.iconbox2 .t4{background-color:#cfcfcf}
.iconbox2 .t5{background-color:#f4f4f4}


.iconbox3{overflow:auto;width:1000px;margin:0 auto;box-shadow:0 8px 16px rgba(0,0,0,.5);background-color:#164692;}
.iconbox3 li{width:250px;float:left;line-height:24px;font-size:16px;display:block;text-align:center;padding-top:40px;padding-bottom:40px;cursor:pointer}
.iconbox3 li img{margin-left:100px;margin-bottom:20px;}
.iconbox3 li:hover{background-color:#1b59d4;-webkit-transition:all .4s ease;transition:all .4s ease;}

.imgpro{width:900px;overflow:auto;background:#eee;-webkit-transition:all .4s ease;transition:all .4s ease;}
.imgpro li{float:left;width:300px;display:block;}
.imgpro li img{display:block;width:200px;padding:50px;height:290px;}

.imgpro li h1{font-weight:normal;font-size:20px;color:#333;margin-top:-30px;}
.imgpro li h2{font-weight:normal;font-size:14px;color:#999;}
.imgpro li h3{font-weight:normal;font-size:14px;color:#666;margin-bottom:50px;}

.imgpro li:hover{background-color:#fff;-webkit-transition:all .4s ease;transition:all .4s ease;}