/* Css Document */
html, body{-webkit-text-size-adjust:none;}
body{min-width: 1200px; margin: 0 auto; font-size: 12px; color: #666; line-height: 1.5; font-style: normal; background: #fafafa;}
html, body, input, p, a, span, ul, li, dl, dt, dd, ol, select, td, th, input, textarea, button, div{font-family: "HELVETI1ca Neue","Microsoft Yahei","微软雅黑","Tohoma";}
a, a:link, a:visited, a:hover, a:active{color: #666;}
a:hover{color: #3d6ed9;}
a:link, a:active{background-color: transparent;}
small{display: block; font-size: 100%;}
img{max-width: 100%; display: block; margin: 0 auto;}
input, textarea, button, select, radio{outline: 0; border: 0;}
textarea{resize: none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
.container{margin: 0 auto; width: 1200px;}
/* Grid */
.col-12x{width: 100%}
.col-11x{width: 88%}
.col-10x{width: 83.3333333333%}
.col-9x{width: 75%}
.col-8x{width: 66.6666666667%}
.col-7x{width: 58.3333333333%}
.col-6x{width: 50%}
.col-5x{width: 41.6666666667%}
.col-4x{width: 33.3333333333%}
.col-3x{width: 25%}
.col-2x{width: 16.6666666667%}
.col-1x{width: 8.3333333333%}

/* header */
.header{height: 70px; background-color: #fff; position: relative; z-index: 1001;}
.logo{margin-top: 22px; margin-right: 90px; width: 203px; background-color: #fff;}
.logo img{display: inline;}
.nav{margin-right: -18px; +float: right;} 
.nav li {float: left; position: relative;}
.nav li >a{display: block; padding: 25px 43px 24px; color: #14395c; text-align: center; font-size: 14px; text-transform: uppercase;}
.nav li em{position: relative; top: -3px; +top: -7px; margin-left: 8px; +left: 8px; +margin-left: 0; display: inline-block; width: 7px; height: 4px; background: url(../images/down.png) no-repeat; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; -moz-transition: all 0.3s linear;}
.nav li a:hover em, .nav li.active a em{background: url(../images/down_hover.png) no-repeat;}
.nav li >a:hover, .nav li.active >a{color: #3d6ed9;}
.dropmenu{display: none; position: absolute; z-index: 99; left: 0; top: 70px; width: 100%; background: rgba(255,255,255,.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6ffffff,endColorstr=#e6ffffff); zoom:1;}
:root .dropmenu{filter: none\9;}
.dropmenu a{display: block; padding: 5px 0; line-height: 30px; font-size: 14px; color: #666; text-align: center;}
.dropmenu a:hover{background: #3d6ed9; color: #fff;}
.language{margin-top: 20px; width: 100px; height: 29px; line-height: 29px; font-size: 14px; text-align: center; color: #7d7d7d; background: url(../images/language.jpg) no-repeat;}

/* footer */
.footer{padding-top: 30px; padding-bottom: 13px; background: #fff;}
.footer .left, .footer .right{width: 50%;}
.footer .right .share{margin-right: -6px;}
.footer p{font-size: 12px; line-height: 22px; color: #2d2d2d;}
.footer p.line{margin: 5px 0;}
.footer p >span{padding-right: 23px;}
.suspend{display: none; z-index: 1005; right: 0; bottom: 15%; -webkit-transform: translateZ(0);}
.suspend a{position: relative; display: block; margin-top: 1px; width: 75px; height: 75px; color: #fff; background-color: #3169e3; text-align: center; font-size: 12px; font-weight: bold;}
.suspend a.suspend5{background-color: #fff;}
.suspend a:hover{background-color: #1c4eba;}
.suspend a.suspend5:hover{background-color: #eaeaea;}
.suspend em{display: inline-block; margin-top: 12px; width: 30px; height: 30px; background-image: url(../images/float.png); background-repeat: no-repeat;}
.suspend a.suspend5 em{margin-top: 20px;}
.suspend1 em{background-position: 0 0;}
.suspend2 em{background-position: 0 -30px;}
.suspend3 em{background-position: 0 -60px;}
.suspend4 em{background-position: 0 -90px;}
.suspend5 em{background-position: 0 -120px;}
.ewmbox{right: 0; top: 1px; width: 466px; height: 0; overflow: hidden; background: #fff; opacity: 0; filter: alpha(opacity=0);}
.ewmbox >div{margin-right: 75px; text-align: center; font-size: 12px; font-weight: bold; color: #404040;}
.ewmbox >div img{margin-top: 88px; margin-bottom: 10px; width: 177px; height: 177px;}
.telbox{right: 75px; top: 77px; width: 0; height: 75px; background: #fff; text-align: center; font-size: 14px; font-weight: bold; color: #404040; opacity: 0; filter: alpha(opacity=0);}
.telbox p{margin-top: 25px;}


/*--------------- index ---------------*/
.index-banner{height: 685px;}
.index-banner .item{height: 685px; background-repeat: no-repeat; background-position: center top;}
.index-banner .item a{display: block; width: 100%; height: 100%;}
.imgbox{background-repeat: no-repeat; background-position: center center; background-image: url(../images/loader.gif);}

.catalog{padding-top: 74px; padding-bottom: 117px; background: #f2f9ff;}
.catalog .row{margin-right: -15px;}
.catalog .box{float: left; margin-top: 18px; margin-right: 15px; width: 390px; height: 186px; transition: all 0.35s linear; -webkit-transition: all 0.35s linear; +margin-right: 10px;} 
.catalog .imgbox{width: 186px; height: 186px;}
.catalog .article{position: relative; padding: 6px; width: 174px; height: 174px;}
.catalog .article h4{margin-top: 12px; font-weight: normal; color: #141414;}
.catalog .article small{color: #b3b3b3;}
.catalog .article a{position: absolute; bottom: 18px; padding-left: 40px; display: inline-block; line-height: 28px; font-size: 12px; color: #656565; background-repeat: no-repeat; background-position: left center;}
.catalog .article a:hover{color: #4a7edb;}
.catalog .imgbox img{display: inline; width: 186px; height: 186px;}
.catalog .box:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.catalog  .even .article, .catalog  .odd .imgbox{float: left;}
.catalog  .odd .article, .catalog  .even .imgbox{float: right;}
.catalog  .even .article{text-align: left;} 
.catalog  .odd .article{text-align: right;} 
.catalog  .even .article a{left: 6px; background-image: url(../images/right.png);}
.catalog  .odd .article a{right: 6px; background-image: url(../images/left.png);}
.index-search{float: left; margin-top: 18px; padding: 40px 0 30px; width: 793px; height: 116px; background: #eaeaea; text-align: center;}
.index-search p{margin-top: 7px; margin-bottom: 20px; font-size: 30px; color: #484848;}
.index-search .input-wrap{margin: 0 auto; width: 263px; height: 34px; background: #fff; text-align: left;}
.index-search .input{padding: 0 10px; width: 193px; height: 34px; line-height: 34px;}
.index-search .submit{right: 0; top: 0; width: 50px; height: 34px; background: #fff url(../images/search.png) no-repeat center center;}
.index-search .submit:hover{background-color: #ccc;}

.index-about{height: 618px; background: url(../images/index_pic8.jpg) no-repeat center center;}
.index-about .left{margin-top: 280px; width: 505px;}
.index-about .right{margin-top: 160px; padding: 20px; width: 465px; color: #fff;}
.index-about .right h3{font-size: 50px; font-weight: normal;}
.index-about .right small{font-size: 12px;}
.index-about .right p{margin: 35px 0 30px; font-size: 14px; line-height: 28px; height: 90px; overflow: hidden;}
.index-about a{display: inline-block; padding: 0 36px; line-height: 28px; color: #fff; border: 1px solid #8ea7dd;}
.index-about a:hover{border: 1px solid #fff;}

/* about */
.banner{color: #fff; height: 190px; background-repeat: no-repeat; background-position: center center; animation: fadeInDown 1s; -webkit-animation: fadeInDown 2s;}
.banner .ft-36{margin-top: 62px; margin-bottom: 2px; line-height: 36px; letter-spacing: 4px;}
.banner .ft-20{letter-spacing: 10px;}
.local{font-size: 12px; line-height: 40px; color: #999;}
.local p{padding-left: 20px; background: url(../images/home.png) no-repeat left center;}
.profile{padding: 60px 0;}
.profile .article{width: 545px; height: 100%;}
.profile .article h3{font-size: 28px; font-weight: normal;}
.profile .article small{font-size: 12px; color: #626262;}
.profile .article p{margin-top: 35px; font-size: 14px; line-height: 25px;}
.profile .article .picbox{width: 600px;}
.profile table td{vertical-align: middle;}
.profile1 .article{padding-right: 55px;} 
.profile2{height: 347px; background-repeat: no-repeat; background-position: center center;}
.profile2 .article{padding-left: 55px; color: #fff;} 
.profile2 table td{height: 347px;}

.structure .container{padding: 70px 0; +position: relative;}
.structure .tit{margin-bottom: 60px; text-align: center; color: #666;}

.environment ul{overflow: hidden; margin: 0 -11px;}
.environment ul li{position: relative; float: left; margin: 0 11px 11px; width: 385px; height: 215px; overflow: hidden;}
.environment ul li .filterbox{left: -385px; background: rgba(61,110,217,.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e53d6ed9,endColorstr=#e53d6ed9); zoom:1;}
:root .environment ul li .filterbox{filter: none\9;}
.environment ul li .filterbox p{display: none; margin-top: 95px; color: #fff; font-size: 14px; line-height: 20px;}
.page {margin: 0 auto; padding: 35px 0 50px;}
.page a{display: inline-block; margin: 0 3px; padding: 0 12px; font-size: 12px; line-height: 27px; text-align: center; border: 1px solid transparent; color: #999; border-radius: 3px;}
.page a:hover{color: #3d6ed9; border: 1px solid #3d6ed9;}
.page-m{position: relative; +display: inline !important;}
.page-m a{font-family: "Arial";}
.page-m a.active{background: #3d6ed9; color: #fff; border: 1px solid #3d6ed9;}
.page-prev, .page-next{+display: inline !important; +margin: 0 4px;}
.page-prev{background: url(../images/prev.png) no-repeat center center;}
.page-next{background: url(../images/next.png) no-repeat center center;}

.slider-box{position: relative; height: 380px;text-align:center}
.slider-box .slider{width: 1200px; height: 380px; opacity: 0; +position: relative;}
.slider-box ul li{position: relative; margin-left: 16px; width: 283px; height: 378px; border: 1px solid #f2f2f2;display:inline-block;}
.slider-box ul li:first-child{margin-left: 0;}
.slider-box ul li .filterbox{display: none; background: rgba(29,121,208,.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#df1d79d0,endColorstr=#df1d79d0); zoom:1;}
:root .slider-box ul li .filterbox{filter: none\9;}
.slider-box ul li .filterbox p{margin-top: 178px; color: #fff; font-size: 14px; line-height: 20px;}
.slider-dot{position: relative; top: 35px; font-size: 12px; color: #999; text-align: center; line-height: 36px; font-family: "Arial";}
.slider-dot span{display: inline-block; width: 34px; height: 34px; cursor: pointer; border: 1px solid transparent; border-radius: 3px;}
.slider-dot span.active{background: #3d6ed9 !important; color: #fff !important;}

.structure .quality{margin-bottom: 65px;}
.structure .quality .item >div{margin: 0 70px;}
.structure .quality h6{margin-top: 10px; margin-bottom: 20px; font-size: 14px; font-weight: normal; color: #333;}
.structure .quality p{font-size: 12px; line-height: 18px; color: #666; text-align: left;}

/* catalog */
.search-box{position: absolute; right: 0; top: 7px; width: 158px; height: 24px; line-height: 26px; border: 1px solid #e6e6e6;}
.search-input{padding: 0 8px; width: 106px; height: 24px; line-height: 24px; font-size: 12px; color: #3d6ed9; background: transparent;}
.search-btn{width: 36px; height: 24px; background-image: url(../images/search1.png); background-repeat: no-repeat; background-position: center center; background-color: transparent;}
.search-btn:hover{background-image: url(../images/search1_hover.png); background-color: #3d6ed9;}
.classify-top{margin-bottom: 20px;}
.classify-top .left{padding: 35px 40px 45px; width: 220px; height: 40px; background: #f2f2f2; color: #3d6ed9;}
.classify-top .left h3{font-size: 24px; font-weight: normal;}
.classify-top .right{padding:13px 40px 65px; width: 820px; height: 40px; background: #fff; font-size: 14px; line-height: 22px; color: #666;}
.classify-top .right .blue{padding-left: 23px; padding-right: 45px; background-repeat: no-repeat; background-image: url(../images/contact.png);}
.classify-top .right .email{background-position: 0 4px;}
.classify-top .right .tel{background-position: 0 -22px;}
.classify-top .right .qq{background-position: 0 -45px;}
.classify-top .right .blue a{color: #3d6ed9;}
table.style th, table.style td{text-align: center; vertical-align: middle; border: 1px solid #e0e0e0;}
table.style th{padding: 15px 0; color: #fff; background: #4a7edb; font-size: 14px;}
table.style td{padding: 8px 0; color: #333; font-size: 12px; background: #fff;}
table.style td.th{width: 300px; font-size: 14px; color: #666; font-weight: bold;}
table.style td.tl{padding-left: 10px; padding-right: 10px; text-align: left;}
table.style td.size >span{display: inline-block; width: 150px;}
table.style td.type >span{padding-right: 15px;}
table.style td.type >span i{display: inline-block; margin-right: 5px; width: 8px; height: 8px; border: 1px solid #1452cc; +position: relative; +top: -4px;}
table.style td.spec >span{padding: 0 15px;}
.custom{margin-bottom: 50px;}
.classify-custom{margin-bottom: 5px; padding: 45px 0; font-size: 14px; color: #333;}
.classify-custom img{position: relative; left: -20px; top: 20px; display: inline;}
.classify-custom a{position: relative; left: 44px; top: -13px; display: block; margin: 0 auto; padding-left: 15px; width: 143px; height: 30px; font-size: 14px; line-height: 32px; border: 1px solid #e0e0e0; border-radius: 3px; background: url(../images/download.png) no-repeat 40px center;}
.classify-custom a:hover{background-color: #e0e0e0; color: #333;}
.catalog-top{height: 491px; background: url(../images/pic7.jpg) no-repeat center top;}
.catalog-top .desc{margin-left: 117px; width: 300px; font-size: 14px; line-height: 38px; color: #1c4eba;}
.catalog-top .desc h3{margin-top: 80px; margin-bottom: 25px; font-size: 36px; font-weight: normal;}
.catalog-top .tit{margin-top: 80px; margin-right: 90px; width: 210px; font-size: 14px; line-height: 27px; color: #1c4eba;}
.pro-list{width: 483px; height: 420px;}
.large_box{position: relative; left: -3px; width: 420px; height: 420px; line-height: 420px; text-align: center; overflow: hidden; background: #fff url(../images/loader.gif) no-repeat center center;}
.small_box{position: relative; width: 63px; height: 420px; overflow: hidden; background: #fff; +z-index: 1;}
.small_list{position: relative; width: 63px; height: 420px; overflow:hidden;}
.small_list ul{width: 63px; overflow:hidden;}
.small_list ul li{position: relative; margin-top: 5px; width: 63px; height: 50px; overflow: hidden;}
.small_list ul li img{position: relative; z-index: 2; margin-left: 5px;}
.small_list ul li .bun_bg{display: none; position: absolute; z-index: 3; top: 0; left: 5px; width: 58px; height: 50px; background: url(../images/hover.png) no-repeat;}
.small_list ul li.on .bun_bg{display:block;}

.catalog-table .container{position: relative; z-index: 1;}
.catalog-table .bgcolor-blue{left: 0; top: 0; width: 100%; height: 51px;}
.catalog-table table.style th, .catalog-table table.style td{border: 0;}

.catalog-details{margin-top: 20px; margin-bottom: 50px;}
.catalog-details .tit{padding: 30px 0; border-bottom: 1px dashed #cbcbcb; color: #666;}
.catalog-details .article{margin: 40px 115px 60px; font-size: 14px; line-height: 22px; color: #333;}

.classify ul{overflow: hidden; margin: 0 -10px -37px;}
.classify ul li{position: relative; float: left; margin: 0 10px 57px; width: 285px; overflow: hidden;}
.classify ul li .imgbox{margin-bottom: 16px; width: 285px; height: 285px; background-color: #e4e2e3;}
.classify ul li p{margin-bottom: 10px; font-size: 14px; line-height: 24px; color: #141414; height: 48px; text-transform: uppercase;}
.classify ul li em{position: absolute; left: 0; bottom: 0; display: block; width: 285px; height: 3px; background: #e6e6e6;}
.classify ul li em.after{width: 0; background: #1267b6;}
.classify ul li:hover p{color: #1267b6;}

/* service */
.definitions ul li{margin-top: 15px; padding: 28px 38px; background: #fff;}
.definitions ul li:first-child{margin-top: 0;}
.definitions ul li .left{width: 860px; font-size: 12px; line-height: 22px; color: #666;}
.definitions ul li .left h3{margin-bottom: 15px; font-size: 16px; font-weight: normal; color: #333;}
.definitions ul li .right{margin-top: 25px; width: 110px;}
.definitions ul li .right a{padding-right: 40px; display: inline-block; line-height: 28px; font-size: 12px; color: #333; background: url(../images/right_gray.png) no-repeat right center;}
.definitions ul li .right a:hover, .definitions ul li:hover a{color: #4a7edb; background: url(../images/right.png) no-repeat right center;}

.news-title{padding-top: 33px; padding-bottom: 27px; border-bottom: 1px dotted #cbcbcb;}
.news-title h1{margin-bottom: 14px; font-size: 22px; color: #333; font-weight: normal;}
.news-details .edite{padding: 35px 195px; font-size: 14px; line-height: 24px; color: #615c5c;}
.news-details .edite span.dotted{position: absolute; left: 0; width: 1010px; border-bottom: 1px dashed #cbcbcb;}

.news-details div.btn{margin-top: 30px; margin-bottom: 60px; padding-top: 30px; border-top: 1px dotted #cbcbcb;}
.news-details div.btn >div{position: relative; width: 490px;}
.news-details div.btn >div span{position: absolute; left: 0; top: 0; width: 80px; height: 32px; line-height: 32px; text-align: center; border-right: 1px solid #fafafa;}
.news-details div.btn a{padding: 0 20px 0 95px; height: 32px;  background: #fff; color: #666; font-size: 12px; line-height: 32px;}
.news-details div.btn >div:hover a{background: #3e6fda; color: #fff !important;}
.news-details div.btn >div:hover span{color: #fff; border-right: 1px solid #fff;}

.job-list{margin-bottom: 40px; width: 590px;}
.job-list dl{padding-bottom: 15px;}
.job-list dl dt{position: relative; height:70px;line-height:70px;background:#fff;color:#454545; cursor: pointer; text-indent: 2em; font-size: 14px;}
.job-list .tit{border-top: 3px solid #ededed;}
.job-list .tit span{height:57px;line-height:57px; font-weight: bold;}
.job-list .tit .s1{margin-left: 30px;}
.job-list dl dd{display: none; background: #fff;} 
.job-list dl dd div{color:#333;padding:0 30px 30px;line-height:22px;}
.job-list dl dd div p{margin-bottom: 0; line-height: 30px; color: #666;}
.job-list dl dt em{position: absolute; top: 8px; right: 0; width:28px; height:28px; float:right; background: url(../images/arrows.png) no-repeat center bottom;margin-right:20px;margin-top:12px;}
.job-list dl dt em.show{background-position: center top;}
.faq{margin-bottom: 18px; padding: 44px 0; font-size: 14px; line-height: 22px; color: #454545;}
.faq div{margin: 0 120px; padding-left: 50px; background: url(../images/alert.png) no-repeat 0 5px;}

/* contact */
.map{height: 400px;}
.BMap_bubble_content img{display: inline; margin: 0;}
.anchorBL{display: none;}
.contact .info{margin: 18px 0; padding: 20px 25px; background: #fff;}
.contact .info span{padding: 4px 30px 4px 28px; font-size: 12px; color: #666; background-repeat: no-repeat; background-image: url(../images/contact1.png);}
.contact .info .addr{background-position: 0 3px;}
.contact .info .phone{background-position: 0 -22px;}
.contact .info .tel{background-position: 0 -47px;}
.contact .info .email{background-position: 0 -70px;}
.contact .info .qq{background-position: 0 -96px;}

.maintain{position: relative; margin-bottom: 40px; padding: 40px; background: #fff; font-size: 14px; color: #333;}
.maintain ul li{position: relative; margin-top: 20px; width: 460px;}
.maintain ul li p{height: 22px;}
.maintain .required{border: 1px solid #e8e8e8; padding: 0 10px; width: 440px; height: 44px; line-height: 44px; border-radius: 3px;}
.maintain .required:focus{border: 1px solid #3d6ed9; transition: all 0.3s; -webkit-transition: all 0.3s;}
.maintain .textarea {position: absolute; right: 40px; top: 61px; width: 620px;}
.maintain .textarea .required{width: 598px; height: 220px;}
.maintain .button{width: 100%; text-align: center;}
.maintain .submit{margin-top: 22px; width: 200px; height: 40px; color: #fff; font-size: 16px; background: #3d6ed9; border-radius: 3px;}
.maintain .submit:hover{background: #224fb2;}
.tips{display: none; z-index: 10; top: 50%; left: 50%; margin-top: -25px; margin-left: -125px; padding: 10px; width: 250px; line-height: 20px; text-align: center; font-size: 14px; color: #fff; border-radius: 3px; background: rgba(0,0,0,.75); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1;}
:root .tips{filter: none\9;}

/* public style */
.mt{margin-top: 0 !important;}
.mr{margin-right: 0 !important;}
.mb{margin-bottom: 0 !important;}
.ml{margin-left: 0 !important;}
.blue{color: #3d6ed9 !important;}
.bgcolor-white{background: #fff;}
.bgcolor-gray{background: #f5f5f5;}
.bgcolor-blue{background: #4a7edb;}


.ft-11{font-size: 11px;}
.ft-12{font-size: 12px;}
.ft-13{font-size: 13px;}
.ft-14{font-size: 14px;}
.ft-15{font-size: 15px;}
.ft-16{font-size: 16px;}
.ft-17{font-size: 17px;}
.ft-18{font-size: 18px;}
.ft-19{font-size: 19px;}
.ft-20{font-size: 20px;}
.ft-21{font-size: 21px;}
.ft-22{font-size: 22px;}
.ft-23{font-size: 23px;}
.ft-24{font-size: 24px;}
.ft-26{font-size: 26px;}
.ft-28{font-size: 28px;}
.ft-36{font-size: 36px;}
.ft-48{font-size: 48px;}
.ft-62{font-size: 62px;}


.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both;}
.pr{position: relative;}
.pa{position: absolute;}
.pf{position: fixed;}
.block{display: block;}
.hide{display: none;}
.inline{display: inline-block;}
.hidden{overflow: hidden;}
.cap{text-transform: capitalize;}
.upper{text-transform: uppercase;}
.bold{font-weight: bold;}
.normal{font-weight: normal;}
.vmid{vertical-align: middle;}
.hand{cursor: pointer; _cursor: hand;}
.ff-ar{font-family:Arial !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.justify{text-align:justify; text-justify: distribute-all-lines; text-align-last:justify; }
.filterbox{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); zoom:1;}
:root .filterbox{filter: none\9;}

/* css3 style */
.trans-3{transition: all 0.35s linear; -webkit-transition: all 0.35s linear;}
.trans-5{transition: all 0.3s; -webkit-transition: all 0.5s;}
.trans-8{transition: all 0.3s; -webkit-transition: all 0.8s;}
.trans-12{transition: all 0.5s; -webkit-transition: all 1.2s;}
.scale-0x{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.scale-1x{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05);}
.radius-3{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.radius-half{-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.shadow{-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.1); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.1); box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.shadow1{-webkit-box-shadow: 7px 7px 7px #dad6d6; -moz-box-shadow: 7px 7px 7px #dad6d6; box-shadow: 7px 7px 7px #dad6d6;}