﻿@charset "utf-8";
/* CSS Document */

body { padding:0; margin:0; font-family:"Arial"; font-size:14px;background-attachment:fixed; background-color:#f1f1f3; color:#000000; }
body,html{-webkit-text-size-adjust:none;}
.clear { clear:both}
a{ color:#333333;text-decoration:none;}
a:hover{color:#D71820;}
a.imagehover:hover img{ opacity:0.65;}
li,ul,dl{ list-style:none; margin:0; padding:0;}
img {border:none;vertical-align: middle;}
span{ margin:0px; padding:0px;}
p{ margin:0; padding:0;}
#wrap {width:1000px; margin:0 auto;}
.ahover a{ color:#ffffff;}
.ahover a:hover{ color:#356dc5;}

#top{ height:80px;    background-color: #ffffff;}
.logo{ float:left; padding:13px 0;}
.top_right{ float:right;   padding: 30px 0 0 0;}
.banner{ z-index:0}
.lan{ float:left;color:#777777;padding: 5px 20px;}
.lan a{ color:#777777;}
.lan a:hover{ color:#D71820;  }
.lan span{padding:0 10px}
.search{ float:left; height:36px; width:177px; margin:-4px 0 0 0; background:url(../images/search.jpg)}
.ibanner{ height:470;}
.icon1{ width:25px; height:37px; border:none; background:none; cursor:pointer;}
.txt{ height:25px; background:#fff; border:none;padding: 0 0 0 10px;width: 120px; margin: 5px 0 0 10px;}

/*首页公司简介*/
#imain{ margin:3% 0 0;position: relative;}
.imain_01{ background-color:#ffffff; padding:30px 40px 10px; border:1px solid #e5e4e6;}
.iabout{ float:left;width:398px;}
.iabout_tit{ background:url(../images/iabout_tit_bg.jpg) no-repeat left bottom; color:#D71820; font-size:18px; height:35px; }
.imore{ float:right; font-size:12px;}
.imore a{ color:#999999}
.imore a:hover{ color:#D71820}
.flexs{ display:flex; margin-bottom:4%;}
.flexs a{ width:20%; text-align:center; display:block; }
.flexs a:hover img{  }
.flexs a span{ font-size:22px; line-height:3;}
/*首页新闻*/
.inews{float:right;width:566px;}
.inews_tit{ background:url(../images/inews_tit_bg.jpg) no-repeat left bottom; color:#D71820; font-size:18px; height:35px; }
.xw-lb{ margin:23px 0; border-top:1px dashed #b2b2b2;    padding: 15px 0 0;}
.xw-lb ul li{ background:url(../images/inews_ico.jpg) no-repeat left center; line-height:30px;}
.xw-lb ul li a{ color:#666666; padding:0 15px 0;}
.xw-lb ul li a:hover{ color:#D71820;}
.xw-lb ul li span{ float:right; color:#999999;}

/*首页产品*/
.ipro_tit{ color:#D71820; font-size:32px; font-weight:bold; padding:15px 5px; text-align:center;}

/*首页合作伙伴*/
.ilink{ background-color:#ffffff; margin:35px 0 0 ; padding:0 0 25px; }
.ilink span{color:#D71820; font-size:16px; float:left; font-weight:bold;}

/*底部*/
#foot{ background-color:#535353; color:#f3f3f3;}
.foot_01{ float:left;    padding: 53px 0 0;}
.foot_02{ float:left;padding: 48px 40px 0;    line-height: 24px;}
.foot_03{ float:left;    padding: 30px 0 0;}
.foot_04{ margin:25px 0 0; border-top:1px solid #656565; line-height:40px;}
.foot_04 a{ color:#f3f3f3}
.foot_04 a:hover{ color:#366ece}
.foot_04 span{ float:right;}


/*内页*/
.title{ height:70px; background-color:#ffffff; border-bottom:1px solid #e2e2e2;line-height: 70px;}
.tit{ float:left; color:#D71820; font-weight:bold; font-size:24px;}
.tit_span{ color:#999999; padding:0 10px; display:none;}
.path{ float:right;color:#999999; }
.path a{ color:#999999; font-size:12px; padding:0 10px;}
.path a:hover{ color:#0b419d; }
.content1{ background: #f4f4f4 url(../images/main_bg.jpg) no-repeat center top; display:flex;}
.nnav{ height:auto;padding:40px 0 0px; width:240px; float:left;}
.nnav ul li{ float:left; height:40px; line-height:40px; background-color:none; border-bottom:1px solid #d6d6d6; margin-right:0px;  text-align: left; width:100%}
.nnav ul li a{  height:40px; line-height:40px;color:#000;display:block;padding:0 10px;}
.nnav ul li a:hover{ height:40px; line-height:40px; color:#fff; background-color:#D71820;padding:0 10px;display:block;}
.nnav ul li .sel{ height:40px; line-height:40px; color:#fff; background-color:#D71820;padding:0 10px;display:block;}
.neirong{ margin:37px 0 60px; font-size:14px; background-color:#ffffff; padding:65px 50px; color:#000000; line-height:24px;}


/*新闻*/
.news_tit{ float:left;}
.news_time{ float:right;}
.news_more{ height:30px; line-height:30px; width:85px; text-align:center; border:1px solid #d2d2d2;}
.news_more a{ color:#6a6a6a;}
.news_more a:hover{ color:#D71820;}
.news_firstinfo{ margin-bottom:20px; }
.news_first{ height:147px; margin-bottom:22px;border-bottom:1px dashed #cdcdcd; padding:10px 0 30px;}
.news_first img{ float:left;}
.news_first .news_first_content{float: left;padding-left: 30px; width:755px;padding-top:10px;}
.news_first .news_first_content a{ color:#333333; font-size:14px; }
.news_first .news_first_content a:hover{ color:#232c97;}
.news{ padding:30px 30px 30px 30px; font-size:12px; border-bottom:1px solid #CCCCCC;margin:37px 0 60px; font-size:12px; background-color:#ffffff; width:65%; float:right; }
.news_detail {padding:5px;}
.news_detail h1 {font-size:15px;color:#232c97;text-align:center;line-height:33px;padding-bottom: 10px}
.news_detail .time {text-align:center;color:#999;border-bottom:1px dashed #c1c1c1;margin: 0 0 10px; padding-bottom:5px;font-size: 12px;}
.Ncontent{ padding-top:10px; padding-left:10px; color:#595959; font-size:12px; line-height:24px;}
.prev1{margin-top:30px; padding-bottom:50px;  border-top: 1px solid #e9e9e9; padding-top: 20px;}
.prev1 .list{ float:left; color:#002dba; font-size:14px;}
.prev2{ padding:0 0 20px 0;}
.prev a{ background:url(../images/prev_ico.jpg) no-repeat left center; padding-left:30px;color:#333333; font-weight:normal; font-size:12px;}
.prev a:hover{background:url(../images/prev_hover.jpg) no-repeat left center; padding-left:30px; color:#002dba;font-weight:normal;font-size:12px;}
.next a{ background:url(../images/next_ico.jpg) no-repeat left center; padding-left:30px;color:#333333; font-weight:normal; font-size:12px;}
.next a:hover{background:url(../images/next_hover.jpg) no-repeat left center; padding-left:30px; color:#002dba;font-weight:normal;font-size:12px;}
.prev1 .list img{ background:}
.prev1 .prev_fh{ float:right;}
.prev1 .prev_fh img{ }


/*products*/

@-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); }
  100% { opacity: 1; transform: translateX(0); } }
.y_fd { -webkit-animation: fadeInDown 1s .2s ease both; -moz-animation: fadeInDown 1s .2s ease both; animation: fadeInDown 1s .2s ease both; }

@-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 1; transform: translateY(0); } }
.y_fu { -webkit-animation: fadeInUp 1s .2s ease both; -moz-animation: fadeInUp 1s .2s ease both; animation: fadeInUp 1s .2s ease both; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }
@-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); }
  100% { opacity: 1; -moz-transform: translateY(0); } }
@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); } }
.webkit_fu { -webkit-animation: fadeInUp 1s .2s ease both; }

@-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); }
  100% { opacity: 1; -webkit-transform: translateY(0); } }


.caseList { padding-top: 5px; min-height: 200px; *padding-bottom: 25px; }
.caseList li { float: left; margin: 0 9px 20px;
    overflow: hidden;
    width: 305px; -webkit-opacity: 0; border:1px solid #ddd; height:145px; overflow:hidden; }
.caseList li a { display: block; width: 100%; }
.caseList li a img{ width:100%; }
.caseList li a:hover span { color: #f00; font-size:14px; }
.caseList li a:hover img{ opacity:0.9;}
.caseList li a:hover .pro_title span{ color:#f00; }


.caseList li:hover{}
.caseList li .img { position: relative; width: 120px;  overflow: hidden; float:left; height:170px; margin-right:2%; }
.caseList li .img img { width: 100%; height: 120px; }
.caseList li .img i { position: absolute; display: block; top: -60px; left: 50%; margin-left: -23px; width: 56px; height: 56px; background: url(../images/tit3.png) no-repeat; z-index: 50; }
.caseList li .img b { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/bgs/nblue30.png); -webkit-opacity: 0; opacity: 0; filter: alpha(opacity=0); }
.pro_title {     width: 52%;
    float: left;
    padding: 10px; }
.pro_title span{ background:#f7f7f7;  width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #000; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; display:block; }
.pro_title .pro_line{height:2px; width:26px; background-color:#e9e9e9;  margin-left: 142px;}
.pro_title strong{ display:none;}
.caseSlide { margin: 25px auto 5px; width: 670px; height: 393px; background: #e1eefe; }
.caseSlide .bd { float: left; width: 436px; height: 393px; overflow: hidden; }
.caseSlide .sImg { float: right; margin-right: 50px; width: 130px; }
.caseSlide .sImg a { display: block; margin: 5px 0; width: 130px; height: 10px; background-repeat: no-repeat; background-position: center; }
.caseSlide .sImg a.sPrev { background-image: url(../images/arrow2.png); }
.caseSlide .sImg a.sNext { background-image: url(../images/arrow3.png); }
.caseSlide .shd { height: 354px; }
.caseSlide .shd li { width: 122px; height: 110px; border: 4px solid #e1eefe; cursor: pointer; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.caseSlide .shd li img { width: 122px; height: 110px; }
.caseSlide .shd li.on { border-color: #74a1df; }

.caseInfo { margin: 0 auto 25px; padding: 13px 20px; width: 630px; background: #8eacd5; color: #fff; line-height: 26px; font-size: 14px; }
.caseInfo h5 { font-size: 18px; font-weight: bold; margin-bottom:10px; }







.sam_table{ width:100%!important;}
table{border-collapse:collapse;}

.sam_table td{border:1px solid #ddd; line-height:3!important; padding-left:2%!important;}




















