@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; font-family:"Microsoft YaHei UI";}
a{ text-decoration:none; color:#404040;}
img{ border:none;}
ul,li{ list-style:none;}

.clearfix{ clear:both;}
.smbox{ width:1200px; margin:0 auto;}
.link a{padding:0 5px;}
/*top*/
.top_box{ width:100% !important; min-width:1200px !important; margin:0 auto; position:fixed; z-index:999; top:0;}
.logo_box{ width:100% !important; min-width:1200px !important; margin:0 auto; position:absolute; background:url(../images/logo_bg02.png) no-repeat left top; height:147px; z-index:10;}
.nav_box{ width:100% !important; padding:20px 0; height:87px; background:url(../images/top_bg.png); position:absolute;}
.nav_box .smbox{  width:1200px; margin-left:-600px; left:50%; position:absolute; z-index:10;}
.logo{ background:url(../images/logo_bg.png) no-repeat left top; padding:27px 0; height:93px; float:left; margin-top:-20px; width:449px; }
.nav_top{ text-align:right; width:100% !important;}
.nav_top span{ color:#404040; font-size:14px; text-align:left;}
.nav_top em{ font-style:normal; font-size:14px; color:#0a3f6a; margin-right:36px; margin-left:20px;}
.nav_top em strong{ font-size:18px; font-family:Arial;}
.nav_top a{ font-size:14px; color:#808080;}
.nav_top a:hover{ color:#1a1a1a;}
.nav_top .on{ color:#1a1a1a;}
.nav_top i{ font-style:normal; color:#808080; font-size:14px; margin:0 10px;}

/*nav*/
.nav { float:right; margin-top:10px;}
.nav>ul{}
.nav>ul>li {float:left;position: relative;padding-top: 4px;background:url(../images/nav_line.jpg) no-repeat left center;}
.nav>ul>li>a {display:block;padding: 0 15px;font-weight: bold; height: 65px; padding-top: 10px; font-size:16px;text-align: center; color: #404040;}
.nav>ul>li:after{position:absolute;top:40px;left:50%;transform:translate(-50%);font-size:14px;}
.nav>ul>li:nth-child(1):after{content:"Home";}
.nav>ul>li:nth-child(2):after{content:"about";}
.nav>ul>li:nth-child(3):after{content:"products";}
.nav>ul>li:nth-child(4):after{content:"news";}
.nav>ul>li:nth-child(5):after{content:"contact";}
.nav>ul>li>a em{display: block;font-size:14px; line-height: 16px; text-transform:uppercase; font-weight:normal; font-style:normal; margin-top:2px;}
.nav>ul>li.current>a,.nav li a:hover{color: #b81817}
.nav>ul>li a:hover{transform:translateX(4px);-webkit-transform:translateX(4px);-moz-transform:translateX(4px);}

.subNav{display: none; position: absolute;left:-15px;top:68px;width:125px; overflow: hidden;z-index: 2;background-color: rgb(237,237,237);/*padding-top:15px;background-color: #fff;padding-bottom: 20px;*/}
/*.subNav1{left:-120px;}*/
.subNav2{left: auto;right: -286px}
.subNav3{left:-216px; }
.subNav4{left: auto;right: -180px;}
.subNav5{left: auto;right: -8px}
.subNav6{left: auto;right: -8px}
/*.subNav .hd {width: 130px;float: left;padding-left: 15px;padding-bottom: 15px;/*margin-right:20px*/}*/
.subNav .hd ul{/*border-right: 1px solid #dadae0;*/overflow: hidden;}
.subNav .hd li{font-size:14px;line-height: 35px;height: 35px;width: 100%;color: #353535;cursor: pointer;background-color: #eee!important;}
.subNav .hd li.on a{color: #ca1911;}
.subNav .bd{width:320px;float:left;padding-top: 6px}
.subNav .bd li p{font-size: 14px;line-height: 22px;color: #353535}
.subNav .bd li img{display: block; margin:20px auto 0;}
.nav li:hover .subNav{display:block;}
.subNav .hd li {
    background: url(../images/trange.png) no-repeat 12px 1px;padding-left: 34px;
}
.subNav .hd li.on {
    background: url(../images/trangehover.png) no-repeat 15px 13px;
}
/*banner*/
.lubo{ width:100% !important; margin:0 auto; overflow:hidden; clear: both; position: relative; height:575px; background:#fff;}
.lubo_box{ position:relative; width:100% !important; height:575px;}
.lubo_box li{ float:left; position:absolute; top:0; left:0; width:100% !important; height:700px; opacity:0; filter:alpha(opacity=0);}
.lubo_box li:first-child{opacity:1;filter:alpha(opacity=100);}
.lubo_box li a{ display:block; width:100% !important; height:100% !important;}
.lubo_box li img{ width:100% !important; height:700px;}
.cir_box{ position:absolute; z-index:100; right:0; bottom:0; padding:14px 0 14px 50px; width:32%; background:url(../images/banner_bg.png) no-repeat left center;}
.cir_box li{ float:left; width:12px; height:12px; margin:0 5px; border-radius:50%; cursor:pointer; background:#0a3f6a; opacity:0.8; filter:alpha(opacity=80);}
.cir_on{ background:#ca1911 !important;}

.lubo2{ width:100% !important; margin:0 auto; overflow:hidden; clear: both; position: relative; height:610px; background:#fff;}
.lubo2 .lubo_box{ position:relative; width:100% !important; height:500px;}
.lubo2 .lubo_box li{ float:left; position:absolute; top:95px; left:0; width:100% !important; height:500px; opacity:0; filter:alpha(opacity=0);}
.lubo2 .lubo_box li:first-child{opacity:1;filter:alpha(opacity=100);}
.lubo2 .lubo_box li a{ display:block; width:100% !important; height:100% !important;}
.lubo2 .lubo_box li img{ width:100% !important; height:500px;}
.lubo2 .cir_box{ position:absolute; z-index:100; right:0; bottom:0; padding:14px 0 14px 50px; width:32%; background:url(../images/banner_bg.png) no-repeat left center;}
.lubo2 .cir_box li{ float:left; width:12px; height:12px; margin:0 5px; border-radius:50%; cursor:pointer; background:#0a3f6a; opacity:0.8; filter:alpha(opacity=80);}
.lubo2 .cir_on{ background:#ca1911 !important;}

/*search*/
.search_box{     z-index: 99999;
    position: relative;width:100% !important; min-width:1200px !important; margin:0 auto; background:#f5f5f5; border-bottom:1px solid #ccc;}
.tj{ float:left; color:#404040; height:46px; line-height:46px; font-size:16px;}
.tj span{ color:#d9d9d9; margin:0 10px;}
.tj a{ color:#404040;}
.tj a:hover{ color:#ca1911;}
.search{ float:right; margin-top:8px;}
.search_txt{ background:none; border:1px solid #ccc; width:258px; height:28px; line-height:28px; border-right:none; vertical-align:middle; padding:0 10px; font-size:14px;}
.search_btn{ font-size:16px; color:#fff; background:#ca1911; width:50px; height:30px; line-height:30px; text-align:center; border:none; vertical-align:middle;}

/*about*/
.indexPicBox{ width:500px; height:350px; background:#fff; margin-top:100px; float:left;}
.hotPic{ width:500px; height:350px; position:relative; overflow:hidden;}
.hotPic .num{ position:absolute;right:0; bottom:0; z-index:10;width:500px; padding-right:8px; height:30px; text-align:right;}
.hotPic .num span{ width:20px; height:20px; display:inline-block; line-height:20px; font-size:14px; text-align:center; margin:5px 2px 0; cursor:pointer; background:#fff; color:#0a3f6a;}
.hotPic .num span.cur{ background:#ca1911;color:#fff;}
.hotPic .pic{ position:relative; z-index:5;}
.hotPic .pic li{ position:absolute; display:none;}
.hotPic .pic li img{ width:500px; height:350px; display:block;}
.hotPic .text{ position:absolute;bottom:0; left:10px; z-index:12; width:520px;height:30px; line-height:30px; overflow:hidden;font-family:Microsoft YaHei;}
.hotPic .text p{ position:absolute; display:none; color:#fff; font-weight:800; font-size:15px;}

.about_box{ float:right; width:668px; margin-top:100px;}
.about_box h3 span{ display:block; font-weight:normal; font-size:18px; text-transform:uppercase; color:#404040; margin-bottom:7px; font-family:Arial;}
.about_box h3 em{ font-style:normal; color:#0a3f6a;}
.about_box h3{ font-size:30px; color:#404040; margin-top:20px; font-weight:normal;}
.about{ width:100%; height:144px; overflow:hidden; font-size:14px; color:#404040; line-height:24px; margin:40px 0;}
.more a{color:#0a3f6a; background:url(../images/more.png) no-repeat left center; padding-left:26px;font-size:20px; font-weight:bold; font-family:Arial;}
.more a:hover{ color:#ca1911; background:url(../images/more_h.png) no-repeat left center;}

/*news*/
.news_box{ width:100%; margin-top:100px;}
.title{ text-align:center; background:url(../images/title_line.jpg) no-repeat bottom center; padding-bottom:20px;}
.title h3{ color:#404040; font-size:30px; font-weight:normal;}
.title h3 em{ font-style:normal; color:#0a3f6a;}
.title span{ text-transform:uppercase; font-family:Arial; font-size:18px; color:#404040; display:block; margin-top:7px;}
.news_box ul{ width:100%; margin-top:50px;}
.news_box li{ float:left; width:398px; background:url(../images/news_bg.png) no-repeat bottom center; padding-bottom:14px;}
.news_list{ width:338px; border:1px solid #ccc; background:#f2f2f2; padding:20px 30px; clear:both;}
.date{ float:left; width:66px; font-family:Arial; font-size:12px; text-align:right; color:#b2b2b2; background:url(../images/news_line.jpg) no-repeat bottom center; height:172px; margin-top:-11px;}
.date span{ display:block; font-size:58px;}
.news_nr{ width:250px; float:right;}
.news_nr h3{ font-size:18px; color:#333;}
.news_nr span{ display:block; font-size:14px; color:#666; line-height:22px; margin-top:10px;}
.news_nr a{ display:block; border:1px solid #ccc; width:90px; height:28px; line-height:28px; text-align:center; font-family:Arial; text-transform:uppercase; margin-top:30px; font-size:12px; color:#8c8c8c;}
.news_box li:hover .news_list{ background:#ca1911; border:1px solid #9a1610;}
.news_box li:hover .date{ color:#fff; background:url(../images/news_line_h.png) no-repeat bottom center;}
.news_box li:hover .news_nr h3,.news_box li:hover .news_nr span{ color:#fff;}
.news_box li:hover .news_nr a{ border:1px solid #fff; color:#fff;}

/*product*/
.product_box{ margin-top:100px;}
.product{width: 100%;padding-top: 55px}
.product .cy-title{margin-bottom: 40px}
.product ul{overflow: hidden;}
.product li{float: left;width: 386px;margin: 0px 20px 40px 0;padding-bottom:38px; position: relative;}
.product li:nth-child(3n){margin-right: 0}
.product li i{display: block;width:100%;height: 278px;overflow: hidden;border: 1px solid #ccc}
.product li h2{font-size: 20px; line-height: 20px;color: #404040; font-weight:normal;padding:21px 0 10px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.product li p{font-size: 14px;line-height:22px;position: relative; color: #666;height: 50px;}
.product li .add{display:inline-block; height:30px; width:90px; background:#666 no-repeat 85px center; color:#fff;font-size:14px;line-height:30px;position: absolute;left: 0;bottom: 0; font-style:normal; padding-left:10px; text-transform:uppercase;}
.product li .add:after{content: '>';font-family: 'simsun';position: absolute;right: 10px;top:0px}
.product li:hover i{ border:1px solid #ca1911;}
.product li:hover h2{ color:#ca1911;}
.product li:hover .add{background-color: #ca1911}

/*solution*/
.bg{ background:url(../images/bg.jpg) no-repeat bottom center;}
.solution_box{ width:100%; margin-top:60px;}
.solution-tab{width: 100%;height:432px;overflow: hidden; margin-top:50px;}
.solution-tab ul{overflow:hidden;}
.solution-tab li{float: left;width:220px;height:432px;overflow: hidden; z-index: 0;position: relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.solution-tab li a{display: block;width: 100%;height: 100%; }
.solution-tab li .su-con{position: absolute;left: 0;bottom:-170px;background: rgba(23,80,125,.8);height:212px;padding:0 20px 20px 20px;color: #fff;width: 100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s; width:280px;}
.solution-tab li .su-con h1{font-size:20px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;  line-height: 64px;position: relative; font-weight:normal;}
.solution-tab li .su-con p{font-size: 14px;line-height: 22px}
.solution-tab li.on{width:320px;z-index: 2}
.solution-tab li.on:before{visibility: hidden;opacity: 0}
.solution-tab li.on .su-con{background: rgba(53,103,172,.9);bottom: 0}
.solution-tab li.on .su-con h1:after{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);}

/*case*/
.case_box{ margin-top:100px;}
.project-change{width: 100%;text-align: left; position: relative; margin-top:50px;margin-bottom:50px;}
.project-change a.pj-prev,.project-change a.pj-next {display: block;left:0px;position: absolute;z-index: 2; top:170px;width:29px;height:52px; overflow: hidden;color: #fff;cursor:pointer;}
.project-change a.pj-next {left: auto;right:0;}
.project-change ul{overflow: hidden;}
.project-change ul li{float: left;width:260px; margin-right:20px;}
.project-change ul li h2{width: 100%;height:42px;color: #fff;font-size: 16px;line-height: 24px;padding:20px; font-weight:normal;}
.project-change ul li h2 span{ display:block; font-size:14px;}
.project-change ul li a{display: block;width: 100%;height: 100%; background-color: #969696;}
.project-change ul li a:hover{background-color: #ca1911}

/*partner*/
.partner_box{ margin-top:100px; padding-bottom:100px;}
.partner_box dt{ font-size:22px; color:#404040; float:left; line-height:28px;}
.partner_box dt span{ font-family:Arial; font-size:16px; color:#666; text-transform:uppercase; line-height:28px;}
.partner_box dd{ float:right; text-transform:uppercase; font-family:Arial; font-size:16px; line-height:28px;}
.partner_box dd a{ color:#666;}
.partner_box dd a:hover{ color:#ca1911;}
#demo{ width:100% !important; height:100px; margin-top:30px; overflow:hidden;}
#indemo{float:left; width:800%;}
#demo1{float:left; margin-left:12px;}
#demo2{float:left; margin-left:12px;}
.img{float:left; width:224px; height:70px;text-align:center; margin-right:15px; background:#fff; border:1px solid #d0d0d0;}
.img a{  display:block;}
.img span{ display:block; font-size:14px; color:#404040; margin-top:10px; width:100%;}
.img a img{ width:224px;height: 70px}
.img:hover span{ color:#ca1911;}
.img:hover{ border:1px solid #ca1911;}

/*footer*/
.footer{ width:100% !important; min-width:1200px !important; margin:0 auto; background:#404040; clear:both;}
.footer_content{ width:100%; background:url(../images/footer_bg.jpg) repeat-x bottom center;}
.footer_content ul{ width:1200px; margin:0 auto;}
.footer_content li{ float:left; width:300px; text-align:center; padding:20px 0 30px 0; color:#fff; font-size:16px; line-height:32px;}
.footer_content li a{ color:#fff;}
.footer_content li:hover a{ color:#ca1911;}
.footer_nav{ width:1200px; margin:0 auto; padding:30px 0;}
.footer_nav dl{ float:left; margin-left:102px;}
.footer_nav dt{ font-size:16px; color:#fff; font-weight:bold; line-height:36px;}
.footer_nav dd a{ font-size:14px; line-height:22px; color:#fff;}
.footer_nav dd a:hover{ color:#ca1911;}
.code{ float:right; margin-right:102px; text-align:center; background:url(../images/footer_line.png) no-repeat left center; padding-left:102px;}
.code span{ display:block; font-size:14px; color:#fff; margin-top:10px;}
.copyright{	width:100% !important; min-width:1200px !important; margin:0 auto; background:#333; height:36px; line-height:36px; text-align:center; font-size:12px; color:#666;}
.copyright a{ font-size:12px; color:#666;}