@charset "utf-8";
*{ margin:0; padding:0; font-family:"微软雅黑";font-size:14px}
.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
img,a,ul,li{ text-decoration:none;list-style:none;border:none;}
.clear{ clear:both}
.wrap{ width:100%; overflow:hidden;}
a:hover{ text-decoration:underline}

/* 头部 */
.top{ background:#fff; width:1000px; height:80px; float:none; margin:0 auto;}
.top .logo{ float:left}

/* 菜单 */
.navBar {width:520px;height:80px;line-height:80px;color:#333;float:right}
.navBar a:hover{ text-decoration:none}
.navBar .nav {position:relative;width:520px;margin:0 auto;}
.navBar .nav h3 {font-size:100%;font-weight:normal; line-height:80px;}
.navBar .nav .m {float:left;position:relative;z-index:1;}
.navBar .nav .s {float:left;width:3px;text-align:center;color:#D4D4D4;}
.navBar .nav h3 a {display:block;width:100px;text-align:center;color:#333}
.navBar .nav h3 a:hover {color:#56b2f9;}
.navBar .nav .sub {display:none;position:absolute;left:-3px;top:80px;z-index:1;width:100px;border:1px solid #E6E4E3;border-top:0;background:#fff;}
.navBar .nav .sub li {text-align:center;padding:0 8px;margin-bottom:-1px;}
.navBar .nav .sub li a {display:block;border-bottom:1px solid #E6E4E3;padding:8px 0;height:28px;line-height:28px;color:#000;font-size:12px;}
.navBar .nav .sub li a:hover {color:#439dfd;}
.navBar .nav .block {height:5px;width:102px;background:#439dfd;position:absolute;left:0;top:75px;overflow:hidden;}

/* banner */
header {width: 100%;margin: 0 auto;position: relative;color: #ffffff;background:#efefef;overflow: hidden;}
header .centered-content{position: relative;z-index: 2;}
header a {color: #2e2e2e;}
header .header-content a {color: #fff;text-decoration: underline;}
.header-content {background: url(../images/header-background.jpg?v=1) no-repeat 50% -4px #3d93fd;margin: 0;padding: 0;float: left;width: 100%;line-height: 22px;z-index: 1;border-top:1px solid #fff;-webkit-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);-moz-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);}
.header-content.home {height: 362px;}
.home .header-content { background: #d54515 url(../images/slider-gradient-bg.png) repeat-y 50% 0; }
/*.header-content-wrap {width: 940px; margin: 0 auto;}*/
.header-content img {float: left; margin: 0 0 0 15px;}
.header-content .text {width:470px; margin-left: 50%; *width:430px; }
.header-content .copy {font-size: 14px; line-height: 21px; padding-right: 15px;}
.header-content .button {width: 100% !important;}
.header-content .button a {padding-top: 7px; padding-bottom: 7px; font-size: 14px; display: inline-block;}
.header-content .button {float: none;}
.header-content .dimmed {background: #b05b1b; background: rgba(0, 0, 0, 0.4);-webkit-transition: none;  /* Saf3.2+, Chrome */ -moz-transition: none;  /* FF4+ */-ms-transition: none;  /* IE10? */-o-transition: none;  /* Opera 10.5+ */transition: none;}
.header-content .align-bottom {position: absolute; bottom: 0px;}
#slider-wrap{ background: url(../images/header-background1.png?v=1) repeat-x 0% 0;height:362px; }
#slider {background: url(../images/header-background2.png?v=1) repeat-x 0% 0;height:332px;padding-top: 30px;}
.slider-prev,.slider-next {text-indent:-9999px; width:38px;height:38px;background:url("../images/sprite.png") -263px -122px no-repeat;position:absolute;top:50%;margin-top:-19px;z-index:999;opacity:.5;-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */-moz-transition: all 0.3s ease-out;  /* FF4+ */-ms-transition: all 0.3s ease-out;  /* IE10? */-o-transition: all 0.3s ease-out;  /* Opera 10.5+ */transition: all 0.3s ease-out;display: none}
.slider-prev{ left:12px; }
.slider-next { right:12px; background-position:-302px -122px;}      
.slider-prev:hover,.slider-next:hover{ opacity:1;}
.slider-nav {position:absolute; bottom:5px;left:50%;list-style:none;overflow:hidden;padding:2px;z-index:10;margin: 0;}
.slider-nav li{float:left;}
.slider-nav li a{ display:block;width:8px; height:8px;overflow:hidden;padding:0px;margin:8px;background:url("../images/sprite.png") no-repeat -234px -144px;text-decoration:none;text-indent:-999px;}
.slider-nav li a:hover,.slider-nav li a.selected{background-position:-225px -144px;}
.slider section {display: none;}
.slider section.first {display: block;}
.slider-sections, .slider-sections section {width: 861px; height: 335px;}
.slider-sections {margin: 0 auto; position: relative;}
.slider-sections section {position: absolute; top: 0; left: 0px; }
.header-content h2 {font:400 32px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;color: #fff;margin: 0 0 26px;}
.header-content p { margin: 0 0 30px;}
.header-content .centered-content{padding-top: 30px;padding-bottom: 10px;}
.button {float: left;width: auto !important;list-style: none;}
.button a,.button button,.button input { /* Standard black button */font-size: 15px;/*font-family: 'lucida sans',arial,helvetica,sans-serif;*/line-height: 18px;color: #fff !important;
text-decoration: none;padding: 5px 14px 6px 13px;display: block;width: auto;position: relative; /*z-index: 2;*/
border: none;-moz-border-radius: 3px;border-radius: 3px;cursor: pointer;	
background: #313131; /* Old browsers */
background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #313131 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #313131 0%,#222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #313131 0%,#222222 100%); /* IE10+ */
background: linear-gradient(top, #313131 0%,#222222 100%); /* W3C */
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
.button a:hover,.button input:hover,.button button:hover,.button a:focus,.button input:focus,.button button:focus{
background: #464646; /* Old browsers */
background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top, #464646 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #464646 0%,#393939 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #464646 0%,#393939 100%); /* IE10+ */
background: linear-gradient(top, #464646 0%,#393939 100%); /* W3C */}
header .header-content .button a,#content .button a:hover{ text-decoration: none;}
.header-content .beta-ribbons { position: absolute; height: 120px; width: 85px; text-indent: -200px;overflow: hidden;background: url(../images/kendo-ribbons.png) no-repeat 0 0;}
.header-content .beta-ribbons.ribbon-1 { background-position: -170px 0;top: -3px;right: -145px;}
.header-content p.copy .beta-ribbons.ribbon-1 {top: -135px; left: 900px;}
.header-content .beta-ribbons.ribbon-4 {background-position: -255px 0; left: -62px; top: -30px;z-index: 10;text-indent: -2000px;}

/* 主营导航 */
.t_news img{ float:left; margin-top:5px}
.t_news{ height:40px; color:#333; padding-left:10px; margin:0px 0; overflow:hidden; position:relative; }
.t_news b{ line-height:40px; font-weight:nomal; display:inline-block;}
.news_li,.swap{ line-height:40px; display:inline-block; position:absolute; top:0px; left:110px;}
.news_li a,.swap a{ color:#333;}
.swap{top:40px;}
.index_nav{ background-color:#f0f0f0}
.index_nav .content{width:1000px;margin:0 auto;}
.item{width:220px;height:180px;margin:5px 15px 25px 15px;overflow:hidden;position:relative;float:left; display:inline}
.item .caption{width:220px;height:180px;color:#fff;font-weight:bold;position:absolute;left:0;display:none; border-radius:5px}
.item .caption a{text-decoration:none;color:#fff;font-size:16px;padding:10px;display:block; text-align:center}
.item .caption p a{padding:10px;margin:0;font-size:14px;color:#fff;font-weight:normal; text-align:left}
.item img{border:0;position:absolute;}
.item .green{ background-color:#7abf04}
.item .orange{ background-color:#fb873a}
.item .blue{ background-color:#3fbbf5}
.item .red{ background-color:#ff4a97}

/* 关于 */
.index_about{background: url(../images/templatemo_reasonbg.jpg) no-repeat;background-position: center;padding: 30px 0px 70px 0px;color: #ffffff;text-align: center;}
.index_about h1{ font-size:18px; font-weight:normal; line-height:70px}
.index_about p{ margin-bottom:5px}
.height20{ height:20px}
.btn{display:inline-block;padding:6px 12px; margin-top:20px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;}
.btn:hover{ background-color:#49a9fe;text-decoration:none}.btn-primary{color:#fff;background-color:#3ebbf5;border-color:#30afe9}

/* 产品 */
.intro{ background:url(../images/oue_01.png) repeat; text-align:center; border:#F2F2F2 1px solid}
.index_cp { background-color:#fff}
.index_cp .content{ width:1000px; margin:0 auto; }
.info {float:left;width:100%;margin:20px 0;padding-bottom:20px;border-bottom:1px solid #353535;color:#000;position:relative;}
.info h1 {font-family:'Playball', serif;font-size:77px;font-weight:normal;margin:0;margin-bottom:20px;}
.info p {float:left;margin:0;margin-bottom:6px;}
.info .demo {position:absolute;top:45px;right:0;}
.info .demo a {display:inline-block;margin-left:10px;font-weight:bold;}
.dd {float:left;clear:both;width:1000px;padding:20px;padding-bottom:10px;margin:0;margin-bottom:20px;background:#ddd;background:rgba(255, 255, 255, .8);color:#222;}
.filters {float:left;clear:both;width:1000px; display:inline; }
.filters .filter {float:left;clear:both;width:1000px;padding:20px;margin-bottom:0px; padding-left:320px}
.filters .filter a {float:left;display:block;padding:5px 10px;margin-right:20px;font-size:13px;text-transform:uppercase;outline:none;color:#111;}
.filters .filter .active {background:#333;color:#fff; padding:5px 10px}
.filters .container {float:left;clear:both;width:100%;position:relative; padding-bottom:0px}
.filters .container ul, .filters .container ul li {display:block;list-style:none;padding:0;margin:0;}
.filters .container ul li {float:left;margin:0 18px 18px 0;font-size:0;line-height:0; }
.filters .container a {display:block;float:left;width:230px;height:140px; border:1px #fff solid}
.filters .container.img_box a{ height:380px !important;}
.filters .container a:hover{ border-color:#F9F9F9}
.filters .container a img{ max-width:230px}
.index_cp .more{ text-align:center}
.index_cp .more a{ margin-bottom:30px; margin-left:auto; margin-right:auto; float:none; background-color:#fff}

/* 服务 */
.index_fw a:hover{ text-decoration:none}
.index_fw .box{width:1000px;margin:0 auto;padding-top:20px;height:290px;}
.border_animation{border:1px solid #eee;width:220px;height:260px;float:left;margin-right:25px;position:relative;}
.border_animation .border_top{position:absolute;height:1px;width:0;font-size:0;background:#666666;top:0;left:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.fw_box{ width:220px; height:260px}
.fw_box:hover{ background-color:#F9F9F9}
.fw_box h1{ text-align:center; color:#666; font-size:18px; font-weight:normal }
.fw_box span{ padding:10px; display:block; color:#999; font-size:13px; line-height:20px}
.fw_box:hover h1{ color:#333;}
.fw_box:hover span{ color:#666;}
.fw_box h2{ display:block; width:220px; height:140px}
.fw_box .fw1{ background:url(../images/icon_fw1.png)}.fw_box:hover .fw1{ background:url(../images/icon_fw1hover.png)}
.fw_box .fw2{ background:url(../images/icon_fw2.png)}.fw_box:hover .fw2{ background:url(../images/icon_fw2hover.png)}
.fw_box .fw3{ background:url(../images/icon_fw3.png)}.fw_box:hover .fw3{ background:url(../images/icon_fw3hover.png)}
.fw_box .fw4{ background:url(../images/icon_fw4.png)}.fw_box:hover .fw4{ background:url(../images/icon_fw4hover.png)}
.border_animation .border_right{position:absolute;height:0px;width:1px;font-size:0;background:#666666;bottom:0;right:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.border_animation .border_bottom{position:absolute;height:1px;width:0px;font-size:0;background:#666666;right:0;bottom:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.border_animation .border_left{position:absolute;height:0px;width:1px;font-size:0;background:#666666;left:0;top:0;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.box .hover .border_top,.box .hover .border_bottom{width:220px}
.box .hover .border_left,.box .hover .border_right{height:260px}

/* 联系 */
.links{background-color:#F7F7F7; color:#333}
.links a{color:#333}
.links .main{ width:1000px; margin:0 auto; line-height:30px; }
.links .width_q{ width:330px; float:left; padding-top:20px; padding-bottom:20px}
.links .pic li{ display:block; width:75px; margin:5px; float:left; height:41px; overflow:hidden}
.links .pic img{ width:100%;}
.links .contact li img{ float:left; clear:right; margin-right:10px }
.more a{ width:80px; line-height:28px; background-color:#F7F7F7;border:#333 1px solid; color:#000; height:28px; text-align:center; display:block; margin-top:10px}
.more a:hover{background-color:#000; border:#000 1px solid; color:#fff; }

/* 底部 */
.footer{ background-color:#343637;}
.footer .main{ line-height:40px; width:1000px; margin:0 auto;}
.footer .copy{ color:#9ca0a2; float:left}
.footer .oa a{ float:right;color:#fff}