@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{margin: 0;padding: 0;border: 0;}
 table{border-spacing:0}  
th,td{padding:5px;}
body{color:#555; font-family: "微软雅黑"; font-size:14px; margin:0 auto ; background:#fff; min-width:320px ; overflow-x:hidden}
img,a, u{border:0; text-decoration:none !important; outline:none}
ol, ul {list-style: none;} 
a{color:#555; text-decoration:none;}
a:hover{text-decoration:none; color:#0c8ad7}
*{ margin:0; padding:0;} 
.container{ width:100%; max-width:1226px; margin:0 auto; box-sizing:border-box; padding:0 13px;}
.clears{ clear:both;} 
.posr{ position:relative; z-index:1000}
input,textarea,select{ font-family:"微软雅黑"; outline:none}
.textcent{ text-align:center}
.textleft{ text-align:left}
.textright{ text-align:right}
.fr{ float:right !important}
.fl{ float:left !important;}  
.bgfff{ background:#fff}
.bgfd{ background:#fdfbfa}
.bgf2{ background:#f2f2f2;}
.bgf6{ background:#f6f6f6; overflow:hidden}
.bgf7{ background:#f7f8fa;}
input[type=submit],input[type=button]{-webkit-appearance:none;appearance:none;-moz-appearance:none;}
.margin2 {margin: 0 3% !important;}
.marginBtm{ margin-bottom:15px;}
.warp{ max-width:750px; margin:0 auto;}
/**/
.line{ border-bottom:1px solid #EDEDED}
.home_big{ min-width:1024px; overflow:auto}
 
.banner{ overflow:hidden; width:100%; }
.banner .slide { display:block; height:540px; background:center center no-repeat; background-size:cover}
.banner .bx-controls-direction{ max-width:1200px; width:100%; margin:0 auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.banner .bx-wrapper .bx-controls-direction a{ background:url(../images/left.png) center no-repeat; width:60px; height:60px;}
.banner .bx-wrapper .bx-controls-direction a.bx-next{ background-image:url(../images/right.png)}

/*add*/
.TimBox:hover {background: rgba(34,34,34,0.8); text-decoration: none; border: none;}
.TimBox { left: 25%; color: #FFF; overflow: hidden; margin-bottom: 20px; width: 430px; padding: 30px; position: absolute; font-size: 30px; background: rgba(34,34,34,0.5); line-height: 50px; box-sizing: content-box; z-index: 99;}
.TimBox .MessageBox { margin-bottom: 14px; margin-top: -5px;}
.ReadMore {color: #FFF; font-size: 18px; text-transform: uppercase; float: left; height: 54px; line-height: 54px; background: #0085D5; position: relative; padding-left: 20px; padding-right: 20px;}
/*End*/

.logo{ float:left; padding:20px 0 10px}
.logo img{ height:68px;}
.search{ float:right; padding-top:17px; width:300px;}
.search p{ overflow:hidden; margin-bottom:10px;}
.search p a{ width:33.33%; text-align:center; display:block; float:left}
.search p a img{ vertical-align:middle; margin-right:7px}
.search .form{ position:relative; border:1px solid #e4e4e4;box-sizing:border-box; padding-right:50px; }
.search .form .text{ width:100%;box-sizing:border-box; padding:0 10px; height:35px; line-height:35px; border:none;}
.search .form .btn{ background:url(../images/seach.png) center no-repeat; position:absolute; top:0; right:0; border:none; cursor:pointer; height:100%; width:50px;}

.menu{ overflow:hidden; line-height:45px; font-size:15px;}
.menu li{ float:left; margin-right:8%}
.menu li a{ display:block; color:#333}
.menu li.active>a,.menu li:hover>a{ border-bottom:4px solid #cd1919}

.navigation-down{position:absolute;top:49px;left:0px;width:100%; background:rgba(0,0,0,.75);z-index:10000}
.navigation-down .container{ max-width:1226px; padding:20px 13px; overflow:hidden; }

.nav-product{ width:29%; margin-right:4%; float:left}
.nav-product dt{ border-bottom:1px solid #606061; padding:10px 0 10px; margin-bottom:15px; font-size:15px;background: url(../images/nav-normal.png) 14px center no-repeat;
    padding-left: 31px;}
.nav-product:hover dt{background-color:#0c8ad7; background-image:url(../images/nav-select.png)}
.nav-product a{ color:#fff; display:block}
.nav-product dd a{ padding:0 15px; line-height:40px;}
.nav-product dd:hover a{ background:#0c8ad7}

.nav-about{ overflow:hidden; line-height:40px;}
.nav-about dd{ float:left}
.nav-about a{ color:#fff; background: url(../images/nav-normal.png) 15px center no-repeat; margin-right:10px; padding:0 35px; display: block; }
.nav-about a:hover{ background-color:#0c8ad7; background-image:url(../images/nav-select.png)}

.menu-btn{ margin-top:25px; width:33px; cursor:pointer; float:right; display:none}
.menu-btn i{ display:block; width:100%; height:4px; border-radius:30px; background:#555; margin:4px 0;}
.menu .nav-product{ display:none}

.home-title{  line-height:80px; font-size:26px; color:#333; padding-top:10px;}
.home-title .more{ font-size:14px; padding-left:5px; width:80px; text-align:center; height:33px; line-height:35px; display:block; float:right; margin-top:20px; border:1px solid #e4e4e4; color:#333}
.home-title .more:hover{ border:1px solid #0c8ad7; color:#0c8ad7;}

.home-hot{ overflow:hidden;}
.home-hot dd{ width:33.33%; box-sizing:border-box; float: left; padding-bottom:8px; padding-right:8px;} 
.home-hot dd a{ background:#0c8ad7; display:block; height:395px;position:relative}
.home-hot dd.one{ width:66.66%} 
.home-hot dd .word{ z-index:2; color:#fff; background:rgba(12,138,215,.7); line-height:1.8; box-sizing:border-box; position:absolute; bottom:0; left:0; width:100%; padding:18px 20px;}
.home-hot dd .word h2{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:18px; font-weight:normal}
.home-hot dd .word p{ font-size:15.5px; display:none}
.home-hot dd .word p span{ display:block; font-size:13px;}
.home-hot dd:hover .word{ background:none}
.home-hot dd:hover .word p{ display:block}
.home-hot dd .img{ background:#0c8ad7 center no-repeat ; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1}
.home-hot dd:hover .img{ opacity:0.3}
.home-hot dd:nth-child(2),.home-hot dd:nth-child(5){ padding-right:0}

.home-pro{ background:#f8f8f8; margin-top:25px; padding-bottom:70px}
.home-pro .home-title{ margin-bottom:15px;}
.home-pro .home-title .more{}
.home-pro .list dd{ padding:15px 0; transition:all 0.3s;}
.home-pro .list .img{ height:200px; background:center no-repeat; background-size:100% 100%;}
.home-pro .list h2{ color:#0c8ad7; font-size:16px; font-weight:normal; padding:10px 0 5px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.home-pro .list p{ color:#333; line-height:25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;height:50px;}

.home-pro .list dd:hover h2,.home-pro .list dd:hover p{ color:#fff}
.home-pro .list dd:hover{ background:#0C8AD7}

.home-pro .list a{ display:block; width:90%; margin:0 auto}
.home-pro .bx-wrapper .bx-controls-direction a{ background:url(../images/pro-left.png) center no-repeat; width:19px; height:35px; top:50%; margin-top:-17px}
.home-pro .bx-wrapper .bx-controls-direction a.bx-next{ background-image:url(../images/pro-right.png)}
.home-pro .bx-wrapper .bx-prev{ left:-15px}
.home-pro .bx-wrapper .bx-next{ right:-15px}
.home-pro .bx-wrapper .bx-pager.bx-default-pager a{ background:#ccc}
.home-pro .bx-wrapper .bx-pager.bx-default-pager a:hover,.home-pro  .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#0c8ad7}
.home-pro .bx-wrapper .bx-pager{ bottom:-35px;}

.home-new{ overflow:hidden;}
.home-new dd a{ display:block; width:90%; margin:0 auto}
.home-new dd{ width:33.33%; font-size:15px; float:left; transition:all 0.3s; position:relative; top:0} 
.home-new dd .time{ color:#888888; padding:8px 0}
.home-new dd .title{ color:#000; line-height:1.8; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
}
.home-new dd .img{ background: center no-repeat; margin:10px 0; background-size:cover; height:200px;}
.home-new dd .word{ color:#555; line-height:25px; font-size:14px; height:100px;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp:4;overflow: hidden;}
.home-new dd .more{ font-size:14px; background:url(../images/nav-normal.png) center left no-repeat; padding-left:16px; margin-top:10px; color:#0c8ad7; line-height:20px;}
.home-new dd:hover{ top:-10px;}

.home-apply{ background:#f8f8f8; margin-top:30px; padding:0 0 30px;}
.home-apply .list{ overflow:hidden; padding-top:10px;}
.home-apply .list dd{ width:23.87%; margin-right:1.5%; float:left; position:relative; margin-bottom:1.5%; overflow:hidden;}
.home-apply .list dd:nth-child(4n){ margin-right:0}
.home-apply .list dd .img{ transition:all 0.3s;height:210px; background:center no-repeat; background-size:cover; position:relative; z-index:10}
.home-apply .list dd .word{ opacity:0; transition:all 0.3s; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(12,138,215,0.8); z-index:100; color:#fff; text-align:center; box-sizing:border-box; padding:30px; line-height:1.8}
.home-apply .list dd .word h2{ font-weight:normal; font-size:18px; padding:5px 0 10px;}
.home-apply .list dd .word p{ height:100px; overflow:hidden}
.home-apply .list dd:hover .word{ opacity:1}
.home-apply .list dd:hover  .img{ transform:scale(1.1)}

.brand{ overflow:hidden; margin-bottom:20px;}
.brand li{ width:20%; float: left; margin:10px 0; transition: all 0.3s;}
.brand li:hover{ margin-top: 0;}
.brand li img{ max-width:90%; margin:0 auto; display:block}

.foot{ background:#e6e6e6; padding:30px 0;}
.foot .left{ float:left; width:70%}
.foot .right{ float:right; width:30%; box-sizing:border-box; border-left:1px dashed #828282; padding-left:50px;}
.foot .right .foot-logo{ margin-bottom:25px; margin-top:15px; display:block}
.foot .right .foot-logo img{ height:68px;}
.foot .right p{ line-height:1.8; margin:15px 0; padding-left:30px; background:url(../images/foot4.png) center left no-repeat;}
.foot .right p.icon2{ background-image:url(../images/foot5.png)}
.foot .right p.icon3{ background-image: url(../images/fooy6.png)}
.foot .left .nav{ width:21%; float:left; line-height:1.8}
.foot .left .nav dt{ color:#000000; font-size:16px;}
.foot .left .code{ width:37%; float:left}
.foot .left .code img{ max-width:36%; margin-right:14%; margin-bottom:10px;}
.foot .bottom{ margin-top:45px;}
.foot .bottom p{ margin-bottom:10px; color:#555}
.foot .bottom p a{ color:#555 ; padding-right:8px; margin-left:8px;}
.foot .bottom img{ margin-right:10px;}
.foot .bottom p a:first-child{ margin-left:0}
.actGotop{ position:fixed; bottom:20px; right:30px; display:none}

.info-banner{ background:center no-repeat; background-size:cover; height:350px;}
.info-menu{ background:#f5f5f5; line-height:50px;}
.info-menu a{ color:#333; font-size:15px;}
.info-menu .container{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.pro-title{ padding:30px 0; color:#0c8ad7; line-height:1.8; font-size:20px;}
.pro-title p{ color:#333; font-size:16px;}
.pro-list{ overflow:hidden; padding-bottom:20px;}
.pro-list dd{ box-sizing:border-box; border:1px solid #e4e4e4; padding:20px; box-shadow: 0 3px 5px rgba(0,0,0,.1); float:left; margin-right:2%; width:23.5%; margin-bottom:2%}
.pro-list dd a{ display:block}
.pro-list dd .img{ height:210px; overflow:hidden; background:center no-repeat; background-size:cover}
.pro-list dd .img img{ display:block; margin:0 auto; max-height:100%; max-width:100%;}
.pro-list dd:nth-child(4n){ margin-right:0}
.pro-list dd .name{ font-size:18px; color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-bottom:10px;}
.pro-list dd .cont{ line-height:1.8; color:#555; height:75px; overflow:hidden; margin-bottom:15px;display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.pro-list dd .more,.pro-total dd span{ display:block; width:110px; height:40px; text-align:center; line-height:40px; border:1px solid #e4e4e4; border-radius:3px; color:#777}
.pro-list dd:hover,.pro-total dd:hover span{ border:1px solid #0c8ad7}
.pro-list dd:hover .more,.pro-total dd:hover span{ border:1px solid #0c8ad7; color:#0c8ad7}

.pro-total dd span{float: right; margin-top: 10px;}
.pro-total{ padding:25px 0; overflow:hidden}
.pro-total dd{ box-sizing:border-box; overflow:hidden; border:1px solid #e4e4e3; float:left; width:49%; margin-bottom:2%; padding:20px;}
.pro-total dd img{ float:left; width:40%; margin-right:2%}
.pro-total dd .word{ width:55%; float:left; padding:25px 0 0;}
.pro-total dd .word h2{ font-weight:normal; font-size:20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#333; margin-bottom:10px;}
.pro-total dd .word p{ line-height:25px; overflow:hidden; height:75px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; color:#555}
.pro-total dd:nth-child(2n){ float:right}

.pro_head{  position:relative; margin-bottom:30px; overflow:hidden; margin-top:30px}
.pro_head .img{border:1px solid #e8e8e8;width:32%; float:left; min-height:100px; border-right:1px solid #e8e8e8; box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.pro_head .word{/* margin-left:32%;*/border:1px solid #e8e8e8; box-sizing:border-box; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; padding:25px 20px; width:48%; line-height:1.8; float:left; position:relative; left:-1px; height:410px;}
.pro_head .word h1{ font-size:22px; color:#333333; font-weight:normal}
.pro_head .word>p{ color:#555555; font-size:13px; padding:10px 0 0; line-height:1.8}
.pro_head .price{ padding:0 10px 10px; background:url(../images/bg.jpg) center no-repeat; background-size:cover; margin:10px 0; font-size:12px; color:#999}
.pro_head .price span{ font-size:26px; color:#fc4f08; font-weight: bold}
.pro_head .price i{ color:#fc4f08; font-style:normal}
.pro_head .btn ,.use_left .word .more,.message .content .btn,.service .more{ display:block; width:130px; text-align:center; margin:30px auto 15px; border:4px solid #eaeaea; border-radius:30px; font-size:16px; line-height:43px; color:#fff; background:#0c8ad7; cursor:pointer;}
.pro_head .intro{ float:right; width:18%; box-sizing:border-box; color:#555; padding:50px 15px 0; line-height:1.8; height:410px; box-sizing:border-box; border:1px solid #ededed}
.pro_head .intro img{ display:block; margin:15px auto 30px; max-width:100%}
.pro_head .intro span{ display:block; color:#333; padding-bottom:10px;}

.pro_info{ border:1px solid #e8e8e8; border-top:2px solid #0c8ad7; margin-bottom:30px; width:80%; float:left;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.pro_info_title{ background:#f3f3f3; overflow:hidden; line-height:45px;}
.pro_info_title a{ padding:0 30px; display:block; float:left; font-size:15px; border-right:1px solid #e8e8e8;}
.pro_info_title a.active{ color:#fff; background:#0c8ad7}

.faq{ padding:10px 20px; line-height:1.8; display:none }
.faq dd{ padding:15px 0; border-bottom:1px solid #e8e8e8;}
.faq dd a{ color:#0c8ad7}
.faq dd p{ color:#666}
.faq dd span{ float:right; font-size:12px;}

.correlation{ float:right; border:1px solid #e8e8e8; width:18.5%; box-sizing:border-box; margin-bottom:30px;}
.correlation dt{ background:#0c8ad7; color:#fff; line-height:45px; padding:0 15px; font-size:16px;}
.correlation dd{ border-bottom:1px dashed #BABABA; padding:20px 10px; font-size:13px; line-height:1.8; overflow:hidden}
.correlation dd img{ float:left; width:70px; margin-right:10px; height:70px}
.correlation dd:last-child{ border:none}

.parameter,.pro_infro{ padding:15px 20px; color:#666; line-height:1.8; font-size:1.15em;}
.pro_infro p{ padding-bottom:20px;}
.pro_infro img{ display:block; margin:0 auto; max-width:100%}
.pro_infro h2{ font-size: 1.2em}
.parameter img{ max-width:100%;}
.parameter h2{ font-size: 1.2em}
/*.parameter{ display: none}
.parameter p { color:#444}
.parameter p span{ display:block; color:#0c8ad7;}
.parameter .list{ padding:20px 0; font-size:13px; line-height:1.8; min-height:23px;}
.parameter .list li{ position:relative; padding:5px; padding-left:170px;  }
.parameter .list li .name{ position:absolute; top:5px; left:0; text-align:right; width:160px;}
*/
.pro_head .img .cont{ height:320px; width:100%; position:relative; overflow: hidden}
.pro_head .img .cont img{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:100%; max-height:100%}
.pro_head .img .img-list{ overflow:hidden; margin-bottom:18px; padding:0 10px;}
.pro_head .img .img-list li{ border:1px solid #ededed; box-sizing:border-box; height:70px; background:center no-repeat; background-size:cover; width:21%; margin:0 2%; float:left;}
.pro_head .img .img-list li.active{ border:1px solid #0c8ad7}

.message{ border:1px solid #ededed; padding:80px 20px; margin:20px 0;}
.message .content{ max-width:580px; margin:0 auto}
.message .content .title{ font-weight:normal; margin-bottom:30px; font-size:24px; text-align:center}
.message .content .title span { color:#999}
.message .content .text{ width:100%; background:#f1f1f1; height:45px; line-height:45px; position:relative; box-sizing:border-box; border:none; padding:0 18px; color:#333}
.message .content .list{ overflow:hidden; margin-bottom:10px;}
.message .content .list dt,.message .content .list dd{ position:relative; margin-bottom:10px;}
.message .content .list dt:after,.message .content .list dd:after{ content:"*"; color:#c50709; position:absolute; left: 8px; top:0; line-height:45px;}

.message .content .list .text::-webkit-input-placeholder{ color: #333;}
.message .content .list .text::-moz-placeholder{ color: #333; }
.message .content .list .textt:-ms-input-placeholder{ color: #333; }
.message .content .list dt{ clear:both;}
.message .content .list dd{ width:49%; float:left;}
.message .content .list dd:nth-child(2n-1){ float:right}
.message .content .list .bto:after{ display:none}
.message .content .list textarea.text{ padding:10px 15px; height:150px; line-height:1.8; resize:none}
.message .content .label{ display:block; padding:5px 0}
.message .content .label input{ margin-right:5px; position:relative; top:1px;}
.message .content .label span{ color:#c50709}

.about{ padding:20px 0}
.about .title{ font-weight:normal; text-align:center; color:#333; font-size:24px; padding:25px 0}
.about .block{ color:#333; font-size:16px; background:#f5f5f5; padding:50px 110px; position:relative; text-align:center; line-height:2.2; margin-bottom:20px;}
.about .block:after{ content:url(../images/2.png); position:absolute; top:35px; left:65px;}
.about .block:before{ content:url(../images/1.png); position:absolute; bottom:35px; right:65px;}
.about img{ display:block; max-width:100%; margin:0 auto 5px}
.about .word p{ line-height:1.8; margin-bottom:15px; color:#333}

.map{ height:345px;}
.contact{ padding:30px 0 100px}
.contact .word{ text-align:center; padding:50px 0; line-height:2}
.contact .word h2{ font-weight:normal; font-size:18px; color:#000; padding-bottom:5px;}
.contact .word span{ padding:0 10px;}
.contact .word span:after{ content:"|"; margin-left:10px;}
.contact .word span:last-child:after{ display:none}
.contact .code{ text-align:center; font-size:12px;}
.contact .code img{ display:block; margin:0 auto 10px}

.join{ margin:30px 0}
.join dt{ background:#0c8ad7; color:#fff; font-size:16px; overflow:hidden; line-height:50px;}
.join .block1,.join .block2,.join .block3,.join .block4,.join .block5,.join .block6{ display:block; width:17.5%; text-align:center; float:left;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.join .block1{ width:22%}
.join .block6{ width:8%;}
.join dd { border-bottom:1px solid #ededed; cursor:pointer;}
.join dd .title{ line-height:50px; overflow:hidden}
.join dd .title .block6{ height:50px; background: url(../images/down.png) center left no-repeat;}
.join dd .word{ display:none; padding: 5px 30px 25px; background:#fcfcfc; border:1px solid #f4f4f4; border-bottom: none}
.join dd .word h2{ font-size:16px; color:#000000; font-weight:normal; padding:20px 0 10px;}
.join dd .word p{ line-height:1.8; padding-bottom:10px;}
.join dd .word .btn{ background:#0c8ad7; color:#fff; display:block; width:140px; text-align: center; line-height:38px; border-radius:3px; margin-top:10px}

.join dd.active .block1{ background:url(../images/daa.png) center bottom no-repeat;}
.join dd.active .title .block6{ background-image:url(../images/up.png)}

.brand-list{ padding:40px 0; min-height:400px}
.brand-list dd{ float:left; width:20%; margin:0 auto; position:relative}
.brand-list dd .img{ width:90%; margin:0 auto; border:1px solid #ededed; height:108px; position:relative}
.brand-list dd:hover .img{ border:1px solid #1919CD}
.brand-list dd .img img{ max-width:100%; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.brand-list dd span{ display:block; text-align: center; padding:15px 0; color:#333;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.brand-list dd .word{ color:#555; display:none; position:absolute; bottom:170px; left:-25%; background:#fff; border:1px solid #0c8ad7; width:150%; padding:15px; box-sizing:border-box; line-height:1.8}
.brand-list dd:hover .word{ display:block;}

.brand-head{ padding:30px 0; border-bottom:1px solid #ededed; line-height:1.7; overflow:hidden; color:#333; font-size:24px}
.brand-head img{ float:left; margin-right:15px; max-width:125px} 
.brand-head span{ font-size:15px; display:block;}
.brand-word{ padding:25px 0; border-bottom:1px solid #ededed; line-height:1.8; }
.brand-word p{ margin-top:10px; }
.brand-word h2,.brand-pro h2{ font-weight:normal; font-size:18px; color:#0c8ad7}
.brand-pro{ padding:25px 0}
.brand-pro .list{ overflow:hidden; margin-top:25px;}
.brand-pro .list li{ box-sizing:border-box; width:18.8%; padding:15px; float:left; border:1px solid #ededed; margin-right:1.5%; margin-bottom:1.5%;}
.brand-pro .list li:hover{ border:1px solid #0c8ad7}
.brand-pro .list li:nth-child(5n){ margin-right:0}
.brand-pro .list div{ height:200px; position:relative; overflow:hidden;}
.brand-pro .list div img{ max-width:100%;  position:relative; top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.brand-pro .list p{ height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; line-height:24px; color:#333333; font-size:13px;overflow: hidden;}
.brand-pro .list span{ color:#0c8ad7; display:block; margin-top:8px;}

/*.new .home-title .more{ border:none}*/
.new .home-new dd a{ width:95%}

.new-head{ overflow:hidden; margin-bottom:0;}
.new-head dd{ width:32%; margin-right:2%; float:left; line-height:1.8;  box-sizing:border-box; border:1px solid #ededed; margin-bottom:20px; box-shadow:0 3px 5px rgba(0,0,0,.1); transition: all 0.3s; padding:23px;}
.new-head dd:last-child{ margin-right:0}
.new-head dd div{ height:200px; background:center no-repeat; background-size:cover;}
.new-head dd h2{ font-size:16px;margin:10px 0; font-weight:normal; color:#333; height:56px; overflow:hidden;}
.new-head dd p{ color:#555; font-size:14px; line-height:1.7; height:69px;display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.new-head dd span{ display:block; width:105px; height:35px; line-height:35px; text-align:center; color:#fff; background:#0c8ad7; margin-top:15px;border: 1px solid #0c8ad7;}
.new-head dd:hover{ background: #0c8ad7;}
.new-head dd:hover span{ border: 1px solid #fff;}
.new-head dd:hover h2,.new-head dd:hover p{ color: #fff;}

.new-list{ padding:0 0 10px;}
.new-list dd{ border-bottom:1px solid #ededed; padding:20px 0}
.new-list dd h2{ font-weight:normal; background:url(../images/dian.png) center left no-repeat; padding-left:10px; font-size:18px; color:#0c8ad7;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.new-list dd p{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; padding-top:8px;}

.pages { overflow:hidden; margin:20px 0 30px}
.pages dd{ text-align:center; float:left; border:1px solid #ededed; border-right:none; width:45px; line-height:45px;}
.pages dd a{ display:block}
.pages dd.next,.pages dd:nth-child(2){ width:90px; border-right:1px solid #ededed}
.pages dd.active a{ color:#fff; background:#0c8ad7}

.new_info .title{ padding:40px 0 30px; text-align:center; font-weight:normal; color:#333; font-size:24px;}
.new_info .block{ background:#f5f5f5; padding:15px; line-height:1.8; margin-bottom:20px; font-size:13px;}
.new_info .block>span{ color:#333; display:block; font-size:14.5px; padding-bottom:2px;}
.new_info .word{ line-height:1.8;font-size:1.15em;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.new_info img{ display:block; margin:10px auto; max-width:100% }
.new_info .word p{ margin-bottom:15px;}

.new-xiangguan{ margin-top:25px; border-top:1px solid #ededed; padding-top:5px; padding-bottom:40px; float: left; width: 50%;}
.new-xiangguan dt{ color:#0c8ad7; font-size:15px; padding-bottom:10px; margin-top:20px;}
.new-xiangguan dd{ background:url(../images/dian2.png) center left no-repeat; padding-left:13px; line-height:30px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.use-list{ overflow:hidden; padding:5px 0;}
.use-title{ padding:25px 0; color:#0c8ad7; line-height:1.8; font-size:20px;}
.use-title p{ color:#333; font-size:16px;}
.use-list dd{ float:left; width:23.5%; box-shadow:0 3px 5px rgba(0,0,0,.1); box-sizing:border-box; border:1px solid #ededed; margin-right:2%; margin-bottom:2%}
.use-list dd div{ height:195px; overflow:hidden; background:center no-repeat; background-size:cover;}
.use-list dd:nth-child(4n){ margin-right:0}
.use-list dd h2{ padding:20px 15px 8px; font-weight:normal; color:#333; font-size:18px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.use-list dd p{ padding:0 15px; line-height:1.7; color:#555; height:69px; overflow:hidden}
.use-list dd span{ display:block; width:100px; height:35px; text-align:center; line-height:35px; border:1px solid #ededed; margin:15px 15px 20px}
.use-list dd:hover{ border: 1px solid #0c8ad7;}
.use-list dd:hover span{ background: #0c8ad7; color: #fff;}
.use-list-two dd{ width:32%;} 
.use-list-two dd div{ height:258px;}
.use-list-two dd:nth-child(3n){ margin-right:0}
.use-list-two dd:nth-child(4n){ margin-right:2%}

.use_left{ width:76%; float:left; padding-top:30px;}
.use_left .word{ line-height:1.8; color:#333; padding-bottom:50px;font-size:1.15em;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.use_left .word h1{ font-weight:normal; font-size:24px;}
.use_left img{ display:block; margin:10px auto ; max-width:100% } 
.use_left .word .more{ float:right; margin-top:5px}
.use_right{ width: 21%; float:right;}
.use_right .use-list{ border-bottom:1px solid #ededed; padding-top:0; margin-top:30px; padding-bottom:10px; border-left:1px solid #ededed; border-right:1px solid #ededed}
.use_right dt{ background:#0c8ad7; font-size:15px; line-height:50px; color:#fff; padding:0 15px;}
.use_right .use-list dd{ width:100%; box-shadow:none; margin-bottom:0; border:none;}
.use_right .use-list dd div{ margin:15px 15px 0; height:140px;}
.use_right .use-list dd div img{ max-height: 100%; max-width: 100%; display: block; margin: 0 auto}
.use_right .use-list dd p{ height:47px;}
.use_right .use-list dd h2{ font-size:16px;}
.use_right .use-list dd span{ margin-bottom:15px;}
.use_right dl{ margin-bottom:20px;}
.use_right .list{ border:1px solid #ededed; padding-bottom:15px;}
.use_right .list dt{ margin-bottom:10px;}
.use_right .list dd{ padding:0 15px; line-height:1.8; position:relative; padding-left:57px; min-height:25px;}
.use_right .list dd span{ position:absolute; top:0; left:15px;}

.service{ padding:25px 0 5px; text-align:center; line-height:1.8; color:#333}
.service .more{ display: inline-block; margin:20px 10px;}
.service h2{ font-weight:normal; color:#0c8ad7; font-size:18px; padding-bottom:6px;}

.brand_big{ padding-bottom:50px;}
.menuBig{ position:relative}
.menuBig.fixed{ position:fixed; top:0; left:0; z-index:1000; background:#fff; width:100%; z-index:410000}

@media screen and (max-width:1500px) { }
@media screen and (max-width:1400px) { 
.banner .slide { height:530px;}
}
@media screen and (max-width:1200px) {
.nav-product{ width:32%; margin-right:2%}
.nav-product:nth-child(3n){ margin-right:0} 
.home-pro .bx-wrapper .bx-prev{ left:-5px}
.home-pro .bx-wrapper .bx-next{ right:-5px}

.home-new dd a{ width:95%}
.brand-list dd:nth-child(5n) .word{ left:auto; right:0;}
.brand-list dd:nth-child(1) .word{ left:0; right:0;}
}
@media screen and (max-width:1024px) {  
.banner .slide { height:450px;}
.banner .bx-wrapper .bx-controls-direction a{ width:40px; height:40px; background-size:cover}

.home-hot dd.one{ width:100%;}
.home-hot dd{ width:50%;}
.home-hot dd .word h2{ font-size:16px;}
.home-hot dd .word p{ font-size:14px;}
.home-hot dd .word p span{ font-size:12px;}
.home-hot dd .word{ padding:13px 15px;}
.home-hot dd a{ height:330px;}

.home-hot dd:nth-child(2),.home-hot dd:nth-child(5){ padding-right:8px}
.home-hot dd:nth-child(2n-1){ padding-right:0}

.home-apply .list dd .img{ height:150px;}
.home-apply .list dd .word{ padding:15px;}
.home-apply .list dd .word h2{ padding-bottom:5px; font-size:15px;}
.home-apply .list dd .word p{ height:75px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;
}
.pro-list dd{ width:32%}
.pro-list dd:nth-child(4n){ margin-right:2%}
.pro-list dd:nth-child(3n){ margin-right:0}

.about .block{ padding:40px 70px; font-size:14px;}
.about .block:after{ left:23px;}
.about .block:before{ right:23px;}
.brand-pro .list div{ height:135px;}

.use-list dd{ width:32%;}
.use-list dd:nth-child(4n){ margin-right:2%}
.use-list dd:nth-child(3n){ margin-right:0} 
.use-list-two dd div{ height:200px;}

.use_left{ width:100%}
.use_right{ width:100%}
.use_right .use-list dd{ width:33.33%; margin-right:0}
}
@media screen and (max-width: 800px) { 
.banner .slide { height:320px;} 
.banner .slide .TimBox {left:8%;padding:10px; line-height:25px; width:280px;font-size:22px;}
.banner .slide .TimBox .ReadMore{height:22px; line-height:16px; padding:10px; width:66px;font-size:14px;}
.menu li{ margin:0; width:16.66%; text-align:center; }

.home-new dd{ width:50%}
.home-new dd:last-child{ display:none}

.foot .left{ width:100%}
.foot .right{ width:100%; display:none}

.pro-total dd img{ display:block; max-height:200px; float:none; max-width:100%; width:auto; margin:0 auto;}
.pro-total dd .word{ width:100%}

.pro_head{}
.pro_head .img{ width:100%; border-bottom:1px solid #e8e8e8;  background-size:auto; position:relative; top:0; left:0}
.pro_head .word{ border-left:none; width:70%; height:360px; margin:0}
.pro_head .intro{ width:30%; height:360px}

.join dt{ font-size:14px;}
.join dd .title{ font-size:13px;}
.brand-list dd{ width:25%}
.brand-list dd .img{ height:80px;}
.brand-list dd .word{ bottom:150px;}
.brand-list dd:nth-child(4n) .word{ left:auto; right:0;}
.brand-list dd:nth-child(5n) .word{ left:0; right:0;}

.brand-pro .list li{ width:32%;}
.brand-pro .list li:nth-child(5n){ margin-right:1.5%}
.brand-pro .list li:nth-child(3n){ margin-right:0}

.new-head dd{ width:48%; padding:18px;}
.new-head dd:nth-child(2){ float:right}
.new-head dd:last-child{ display:none}
.new-head dd h2{ font-size:14px; margin-bottom:5px;}
.new-head dd p{ font-size:13px;}
.home-title{ font-size:22px; line-height:70px;}

.new_info .title{ font-size:20px;}

.use-list dd div{ height:165px;}
.use-list dd h2{ font-size:15px;}
.use-list dd p{ font-size:13px;}
}
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) {
*{ background-attachment:inherit;}
.banner .slide { height:200px;}
.banner .slide .TimBox {left:12%;padding:8px; width:220px;font-size:18px;}
.banner .slide .TimBox .ReadMore{height:16px; line-height:15px; padding:9px; width:50px;font-size:12px;}
.banner .bx-wrapper .bx-controls-direction a{ width:35px; height:35px; }

.logo img{ height:30px;}
.search{ width:100%; padding-top:7px; margin-bottom:15px;}
.menu-btn{ display:block}
.search p{ display:block; }
.menu{ display:none; position:absolute; top:0; width:100%; left:0; z-index:1000; background:#fff; border-top:1px solid #ededed; border-bottom:1px solid #ededed; padding:10px 0}
.menu li { width:100%; margin:0; font-size:14px; line-height:40px; text-align:right;}
.menu li>a{ padding:0 15px;}
.nav-product{ width:100%; margin:0}
.navigation-down{ display:none}
.menu .nav-product{ display: none; background:rgba(0,0,0,.75); padding-bottom:10px;}
.menu .nav-product a{ color:#fff;}
.menu .nav-product dt{ padding:0 15px 0; background:rgba(0,0,0,.1);}
.menu .nav-product dd a{ line-height:30px; font-size:13px; padding:0 20px;}
.menu li:hover .nav-product{ display:block}

.home-hot dd.one a{ height:180px;}
.home-hot dd a{ height:150px;}
.home-hot dd .word h2{ font-size:14px;}
.home-hot dd .word{ padding:5px;}

.home-title{ font-size:17px; line-height:50px; padding-bottom:8px;}
.home-title .more{ font-size:13px; line-height:28px; height:28px;  margin-top:10px; width:65px;}

.home-pro .bx-wrapper .bx-controls-direction a{ display:none}
.home-pro .list a{ width:100%;}
.home-pro .list .img{ height:170px;}
.home-pro .home-title{ margin-bottom:0;}
.home-pro{ padding-bottom:50px;}
.home-pro .bx-wrapper .bx-pager{ bottom:-30px;}
.home-pro .list h2{ font-size:14.5px;}
.home-pro .list p{ font-size:13px;}

.home-new dd{ width:100%; margin-bottom:7px; font-size:15px; border-bottom:1px solid #ededed; padding-bottom:12px;}
.home-new dd a{ width:100%;}
.home-new dd .img{ height:150px;}
.home-new dd:last-child{ border:none; display:block}
.home-apply{ margin-top:5px; padding-bottom:15px;}
.home-apply .list dd{ width:48.5%; margin:0 0 3% !important}
.home-apply .list dd:nth-child(2n){ float:right}
.home-apply .list{ padding-top:0}

.brand{ margin-bottom:0}
.brand li{ width:33.33%}

.foot .left .code,.foot .left .nav{ display:none}
.foot .right{ display:block; border:none; padding:0 20px;}
.foot .bottom{ text-align:center; margin-top:20px;}
.foot .right .foot-logo{ margin-top:0}

.info-banner{ height:190px;}
.pro-list dd{ width:49%; padding:10px;}
.pro-list dd:nth-child(3n){ margin-right:2%}
.pro-list dd:nth-child(2n){ margin-right:0}
.pro-list dd .img{ height:130px;}
.pro-list dd .name{ font-size:15px;}
.pro-list dd .cont{ font-size:13px;}

.pro-list dd .more{ margin:0 auto; line-height:35px; height:35px; margin-bottom:15px; font-size:13px;}
.pro-title { font-size:15px; padding: 20px 0;}
.pro-title p{ font-size:13px;}
.pro-total dd{ padding:15px;}
.pro-total dd .word{ padding:15px 0 0}
.pro-total dd .word h2{ font-size:14px;}
.pro-total dd span{ margin:10px auto 0;}
.pro-total dd img{ max-height:150px;}
.pro-total dd span{ height:35px; line-height:35px;}

.pro_head .img{ background-size:cover}
.pro_head .word{ width:100%; border:none}
.pro_head .intro{ width:100%; height:270px; border-top:1px solid #e8e8e8; font-size:13px; padding:20px 20px 15px}
.pro_head .intro img{ margin:0;  margin-right:10px; position:relative; top:-5px}
.pro_head .word{ padding:20px 15px; height: auto}
.pro_head .word h1{ font-size:16px;}

.pro_info{ width:100%}
.correlation{ width:100%}
.correlation dd{ overflow:hidden}

.pro_infro,.parameter{ padding:15px; font-size:13px;}
.pro_info_title a{ width:25%; box-sizing:border-box; padding:0; text-align:center; font-size:13px;}

.parameter .list li { padding-left:100px;}
.parameter .list li .name{ width:90px;}

.pro_head .img .cont{ height:250px;}

.message{ padding:30px 15px 10px;}
.message .content .title{ font-size:17px; margin-bottom:20px;}
.pro_head .btn ,.use_left .word .more,.message .content .btn,.service .more{ line-height:38px; font-size:14px;}
.message .content .list dd{ width:100%}

.info-menu a{ font-size:14px;}
.about .title{ font-size:18px; padding:10px 0 20px;}
.about .block{ padding:20px; font-size:13px;} 
.about .block:after{ display:none}
.about .block:before{ display:none}
.about .word p{ line-height:2.2; font-size:13px;}

.map{ height:245px;}
.contact .word span{ display:block;}
.contact .word span:after{ display:none}
.contact .word{ padding:30px 0}
.join dd .block6{ display:none} 
.join .block2, .join .block3, .join .block4, .join .block5, .join .block6{ width:19.5%}
.join dd .word{ padding:5px 15px 20px;}
.join dd .word h2{ padding-top:10px; font-size:15px;}
.join dd .word p{ font-size:13px;}
.join dt,.join dd .title{ line-height:42px;}

.brand-list dd{ width:33.33%}
.brand-list dd:nth-child(3n) .word{ left:auto; right:0;}
.brand-list dd:nth-child(4n) .word{ left:0; right:0;}
.brand-list dd .word{ font-size:12px; padding:10px;}
.brand-list dd .img{ height:50px;}
.brand-list dd .word{ bottom:120px;}
.brand-list dd span{ padding:10px 0}
.brand-list{ padding:25px 0 15px}
.brand-pro .list li{ width:49%; margin:0 0 15px}
.brand-pro .list li:nth-child(2n){ float:right} 
.brand-head{ font-size:20px;}
.brand-head span{ font-size:13px;}
.brand-head img{ width:90px;}
.brand-word h2, .brand-pro h2{ font-size:16px;}
.brand-word{ padding:20px 0}

.new-head dd{ width:100%}
.new-head dd:nth-child(2){ float:right}
.new-head dd:last-child{ display: block}
.new-head dd div{ height:150px;}

.new-list dd{ padding:15px 0}
.new-list dd h2{ font-size:16px;}
.pages { width:360px;margin:20px auto 30px;}
.pages dd{ width:40px; line-height:40px; font-size:13px;}
.pages dd.next{ width:55px; display:block}

.new_info .title{ font-size:16px; line-height:1.8; padding:30px 0 18px}
.use-title { font-size:15px; padding: 20px 0;}
.use-title p{ font-size:13px;}
.use-list dd{ width:48%; margin-bottom:15px;}
.use-list dd:nth-child(3n){ margin-right:2%}
.use-list dd:nth-child(2n){ margin-right:0}
.use-list dd div{ height:120px;}
.use-list dd h2{ padding-top:15px;}
.use-list dd span{ margin:10px auto 15px}

.use_right .use-list dd{ width:50%; margin-right:0}
.use_left .word .more{ display:block; float:none}
.use_left .word h1{ font-size:16px;}
.use_left .word{ font-size:13px;}

.service .more{ margin-bottom:0}
.menuBig.fixed{ position:relative;}
.new-xiangguan{	width: 100%;}
}
@media screen and (max-width: 320px) {}
.pager{ padding:0 0 30px; overflow:hidden}
.pager dd{ float:left; padding:10px; line-height:26px;}
.pager dd.active a{ background:#0c8ad7; text-align:center; color:#fff; display:block; width:26px; border-radius:50%}

#main {
    position: relative;
    width: 600px;
    margin: 0 auto;
    padding: 8% 0 8% 0;
    animation: main .8s 1;
    animation-fill-mode: forwards;
    -webkit-animation: main .8s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: main .8s 1;
    -moz-animation-fill-mode: forwards;
    -o-animation: main .8s 1;
    -o-animation-fill-mode: forwards;
}
#main #header h1 {
    position: relative;
    display: block;
    font: 72px 'TeXGyreScholaBold', Arial, sans-serif;
    color: #0061a5;
    text-shadow: 2px 2px #f7f7f7;
    text-align: center;
}
    #main #header h1 span.sub {position: relative; font-size: 21px; top: -20px; padding: 0 10px; font-style: italic;}
#main #header h1 span.icon {
    position: relative;
    display: inline-block;
    top: -6px;
    margin: 0 10px 5px 0;
    background: #0061a5;
    width: 50px;
    height: 50px;
    -moz-box-shadow: 1px 2px white;
    -webkit-box-shadow: 1px 2px white;
    box-shadow: 1px 2px white;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #dfdfdf;
    font-size: 46px;
    line-height: 48px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 0;
}
    #main #content {
        position: relative;
        width: 600px;
        background: white;
        -moz-box-shadow: 0 0 0 3px #ededed inset, 0 0 0 1px #a2a2a2, 0 0 20px rgba(0,0,0,.15);
        -webkit-box-shadow: 0 0 0 3px #ededed inset, 0 0 0 1px #a2a2a2, 0 0 20px rgba(0,0,0,.15);
        box-shadow: 0 0 0 3px #ededed inset, 0 0 0 1px #a2a2a2, 0 0 20px rgba(0,0,0,.15);
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        z-index: 5;
    }
        #main #content h2 {
            background: url(404_s-divider.jpg) no-repeat;
            background-position: bottom;
            padding: 12px 0 22px 0;
            font: 20px 'TeXGyreScholaRegular', Arial, sans-serif;
            text-align: center;
        }
        #main #content p {
            position: relative;
            padding: 20px;
            font-size: 13px;
            line-height: 25px;
        }
        #main #content .utilities {padding: 20px}
        #main #content .utilities form .input-container {position: relative; width: 290px; padding-bottom: 20px;}
            #main #content .utilities form .input-container input[type=text] {width: 280px; height: 34px; padding: 0 8px; background: white; border: solid 1px #cdcdcd; outline: none; -moz-box-shadow: 0 3px 3px rgba(0,0,0,.05) inset; -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.05) inset; box-shadow: 0 3px 3px rgba(0,0,0,.05) inset; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; color: #696969; -webkit-font-smoothing: antialiased; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;}
            #main #content .utilities .input-container input[type=text]:focus {border: solid 1px #9f9f9f}
            #main #content .utilities form .input-container button#search {
                position: absolute;
                display: block;
                top: 9px;
                right: 0;
                width: 18px;
                height: 18px;
                border: none;
                cursor: pointer;
                opacity: .3;
                transition: all 0.3s ease-in-out;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
            }
            #main #content .utilities form .input-container button#search {
                background: url(../images/seach.png) center no-repeat;
                position: absolute;
                top: -10px;
                right: 0;
                border: none;
                cursor: pointer;
                height: 100%;
                width: 50px;
            }
            #main #content .utilities .button {
                display: inline-block;
                height: 34px;
                margin: 0 0 0 6px;
                padding: 0 18px;
                background: #006db0;
                background-image: linear-gradient(bottom, #0062a6 0%, #0079bb 100%);
                background-image: -o-linear-gradient(bottom, #0062a6 0%, #0079bb 100%);
                background-image: -moz-linear-gradient(bottom, #0062a6 0%, #0079bb 100%);
                background-image: -webkit-linear-gradient(bottom, #0062a6 0%, #0079bb 100%);
                -moz-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00acd8 inset;
                -webkit-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00acd8 inset;
                box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00acd8 inset;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                font-size: 14px;
                line-height: 34px;
                color: white;
                font-weight: bold;
                text-shadow: 0 -1px #00385a;
                text-decoration: none;
            }

                #main #content .utilities .button:hover {
                    background: #0081c6;
                    background-image: linear-gradient(bottom, #006fbb 0%, #008dce 100%);
                    background-image: -o-linear-gradient(bottom, #006fbb 0%, #008dce 100%);
                    background-image: -moz-linear-gradient(bottom, #006fbb 0%, #008dce 100%);
                    background-image: -webkit-linear-gradient(bottom, #006fbb 0%, #008dce 100%);
                    -moz-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset;
                    -webkit-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset;
                    box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset;
                }

                #main #content .utilities .button:active {
                    background: #0081c6;
                    background-image: linear-gradient(bottom, #008dce 0%, #006fbb 100%);
                    background-image: -o-linear-gradient(bottom, #008dce 0%, #006fbb 100%);
                    background-image: -moz-linear-gradient(bottom, #008dce 0%, #006fbb 100%);
                    background-image: -webkit-linear-gradient(bottom, #008dce 0%, #006fbb 100%);
                    -moz-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset;
                    -webkit-box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset;
                    box-shadow: 0 0 0 1px #003255, 0 1px 3px rgba(0, 50, 85, 0.5), 0 1px #00c1e4 inset;
                }
            #main #content .utilities .button-container .button:focus {color: black}