@charset "utf-8";
/* CSS Document */

/*banner
.banner { overflow:hidden; width:100%; height:520px; position:relative;}
.banner ul{ overflow:hidden; position:absolute}
.banner li{ height:520px; width:100%; float:left}
.banner .btn{ overflow:hidden; width:100%; position:absolute; z-index:5; left:0; bottom:40px; text-align:center}
.banner .btn span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#666; margin:0 5px; cursor:pointer}
.banner .btn span{ *display:inline}
.banner .btn span.cur{ background-color:#d02127;}*/

.banner{width: 100%;overflow: hidden;height: 723px;}
.banner a{display: block;width: 100%;height: 723px;}
#flashs{ position:relative; height:723px; overflow:hidden;}
#flashs .bgitem{z-index:1;position:absolute; top:0; }
/*#flashs .btn{overflow: hidden; width: 100%; text-align: center;position: absolute; left:0; bottom: 60px; z-index: 9999}
#flashs .btn span{ display: inline-block; width: 50px; height: 12px; font-size:0; background:#b72525;  }
#flashs .btn span{ *display: inline}
#flashs .btn span.on { background-position: bottom; background:#fff;}*/

#flashs .btn{ overflow:hidden; width:100%; position:absolute; z-index:5; left:0; bottom:40px; text-align:center}
#flashs .btn span{ display:inline-block; width:10px; height:10px; border-radius:10px; background-color:#666; margin:0 5px; cursor:pointer}
#flashs .btn span{ *display:inline; font-size:0;}
#flashs .btn span.cur{ background-color:#d02127;}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../../index/images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../../index/images/babot2.png) no-repeat center; right:5%; z-index: 2;}
.banner-app{display: none;}
.banner-app img{width: 100%}
@media screen and (max-width:1500px){
   #flashs{display: none;}
   .banner-app{display: block;}
}
@media screen and (max-width:680px){
   .banner-app img{margin-top: 50px;}
}
@media screen and (max-width:660px){
   .banner-app img{margin-top: 150px;}
}
/*search*/
.search { overflow:hidden; margin:30px auto;}
.search .sbox{ overflow:hidden; width:350px;
 height:40px;margin: auto;
 background-color:#f1f1f1;}
.search .sbox input{ background:none;
    margin-left:10px;
    float:left; 
    display:block; 
    width:250px; 
    height:40px; 
    line-height:40px;
    border:none; 
    outline:none;
    font-size:13px; 
    color:#979797}
.search .serch_click{ display:block;
 float:right; 
 width:50px;
  height:40px; 
  background:url(../../index/images/search.png) no-repeat center; cursor:pointer}
.search .sbox input::-webkit-input-placeholder {color:#979797;}
.search .sbox input::-moz-input-placeholder {color:#979797;}
.search .sbox input::-ms-input-placeholder {color:#979797;}

/*product*/
.product { overflow:hidden; 
    width:100%; 
    padding:50px 0;
    background-color:#f7f7f7}
@media screen and (max-width:660px){
   .product {padding:20px 0;}
}
.product .pbox{ overflow:hidden; margin-top:35px;}
.product .proLeft{
    background-color:#fff; 
    padding-bottom:25px;
}
.product h3{
    background-color:#cf000e;
    font-weight:normal; 
    font-size:26px; 
    line-height:78px; 
    text-align:center}
.product h3 a{ color:#fff;}
.product dl{ overflow:hidden; margin:0 auto; margin-top:20px;}
.product dd{ overflow:hidden; padding-left:20px;padding-right: 20px;}
.product dd a{ display:block;
   padding-left:10px;
   background:url(../../index/images/pro_list.png) no-repeat left center;
   font-size:16px; 
   color:#333; 
   line-height:48px;
   vertical-align: middle; 
   white-space: nowrap; 
   text-overflow: ellipsis;
    overflow: hidden; 
}
.product .list{overflow: hidden;
    height:300px; 
    background-color:#fff; 
    margin-bottom:28px;
    border: solid 6px #F7F7F7;
    padding-top: 15px;
}
.product .list .til{ display:block; 
    height:56px; 
    margin-top:230px; 
    text-align:center; 
    font-size:16px; 
    color:#333; 
    text-decoration:none; 
    padding-top:10px;
}
.product .list img{    display: block;
    transition: all 1s ease-out;
    transform: scale(1);
    width: 100%;
}
.product .list a{
    width: 100%;
    height: 227px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    vertical-align: middle; 
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden; 
    text-align: center;
    padding-right: 20px;
    padding-left: 20px;
}
.product .list:hover{box-shadow: 0px 0px 2px 3px #efefef;}
.product .list:hover img{transform: scale(1.2);}
.banner-app-pr img{width: 100%;}
@media screen and (max-width:680px){
   .banner-app-pr img{margin-top: 50px;}
}
@media screen and (max-width:660px){
   .banner-app-pr img{margin-top: 150px;}
   .product .list .til{margin-top:240px; }
}
/*ad*/
.ad { overflow:hidden; 
    width:100%; 
    height:207px; 
    background:url(../../index/images/ad01_s.jpg) no-repeat center;
     margin-bottom:60px;
 }
.ad .adbox{ overflow:hidden; 
    max-width:1200px; 
    margin:0 auto; 
    height:207px; 
    position:relative;
}
.ad .ren{ display:block; 
    position:absolute; 
    left:70px; /*bottom:0;*/
    bottom:-200px;
}
.ad .wen{ width:465px; 
    margin-top:45px;
     /*margin-left:255px;*/ 
     margin-left:-600px;}
.ad h3{ font-weight:normal; 
    font-size:30px; color:#fff;
}
.ad em{ display:block; 
    font-size:12px; 
    color:#fff; 
    opacity:0.1; filter:alpah(opacity=0.1); 
    text-transform:uppercase; 
    margin:5px 0 20px;
}
.ad p{ font-size:13px; 
    color:#fff; 
    margin-bottom:15px;
}
.ad .img01{ display:none; 
    position:absolute; 
    right:235px; 
    top:28px;
}
.ad .img02{ display:none; 
    position:absolute; 
    right:10px; 
    top:28px;
}
@media screen and (max-width:1058px){
   .ad{display: none;}
}

/*.yingyong .tuwen li{ float:left; width:945px; height:460px; position:relative}
.yingyong .tuwen img{ display:block;}
.yingyong .tuwen p{ width:895px; height:52px; padding:15px; background-color:#fff; line-height:26px; font-size:13px; color:#333; position:absolute; z-index:1; left:10px; bottom:10px; overflow:hidden;}

*/
.yingyong .tuwen span{ cursor:pointer; display:block; width:42px; height:83px; position:absolute; z-index:6; top:170px;}
.yingyong li.list2{ overflow:hidden;float:left;position:relative;width:960px; height:350px; background-color:#fff;}
.yingyong li.list2 img{ display:block; float:left}
.yingyong li.list2 .wen{ float:right; width:410px; margin-right:30px; margin-top:40px;}
.yingyong li.list2 h3{ font-weight:normal; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:25px;}
.yingyong li.list2 h3 a{ color:#000}
.yingyong li.list2 p{ font-size:14px; line-height:26px; color:#666; height:130px; overflow:hidden; text-align:justify; margin-bottom:60px;}
.yingyong li.list2 .btn{ overflow:hidden; width:100%;}
.yingyong li.list2 .btn a{ display:block; width:142px; height:37px; text-align:center; line-height:37px; font-size:13px; color:#fff; text-decoration:none; float:left; margin-right:7px; background-color:#d02127;}
.yingyong li.list2 .btn a.lij{ background-color:#4a4a4a}
.yingyong .tuwen .btn01{ background:url(../../index/images/yybtn.png) no-repeat center top; left:30px; display:block!important;}
.yingyong .tuwen .btn02{ background:url(../../index/images/yybtn.png) no-repeat center bottom; right:30px; display:block!important;}

/*4大优势*/
.pingzhi { overflow:hidden; padding:60px 0; background-color:#f7f7f7; width:100%;}
.pingzhi .container{margin:30px auto 0 auto; }
.pingzhi .advantage{margin:0 0px 30px 0px; background-color:#fff;
    padding-top: 15px;
    border: solid 10px #F7F7F7;
    padding-bottom: 15px;
}
.pingzhi .advantage a:hover{ text-decoration:none;}
.pingzhi .advantage img{ display:block;
    width: 100%;
    text-align: center;
}
.pingzhi .advantage .wen{ overflow:hidden; width:100%; padding-bottom: 20px;}
.pingzhi .advantage h3{ text-align:center; 
    font-weight:bold; 
    font-size:18px; 
    color:#000; 
    margin:30px 0 20px 0;
}
.pingzhi .advantage p{ font-size:14px; 
    line-height:22px; 
    color:#565656;  
    margin:0 auto;
    padding-right: 10px;
    padding-left: 10px;
}
.pingzhi .advantage:hover h3,.pingzhi .advantage:hover p{ color:#fff}
.pingzhi .advantage:hover .wen{ background-color:#d02127}
/*about+ry*/
.about_ry {margin:60px 0 60px 0}
.about_ry .title{ margin-bottom:50px;}
.ab-img img{width: 100%;}
.about .ab-conright p{ font-size:15px; 
    color:#333; 
    line-height:28px; 
    text-align:justify; 
    overflow:hidden;
}
@media screen and (max-width:768px){
   .ab-conright{margin-top: 20px;}
}
.about .ab-conright a{ display:block; 
    width:116px; 
    height:32px; 
    background:url(../../index/images/about_btn.png) no-repeat center; 
    margin-top:15px;
}
.ry { overflow:hidden; width:1315px; height:460px; background:url(../../index/images/img_k.jpg) no-repeat center 314px; margin:0 auto; display:none}
.ry .rybox{ overflow:hidden; width:1200px; margin:0 auto; height:275px; position:relative}
.ry .rybox ul{ overflow:hidden; position:absolute}
.ry .rybox li{ float:left; width:276px; height:275px; margin:0 12px;}
.ry .rybox li img{ display:block; padding:16px; background:url(../../index/images/img_bg.jpg) no-repeat center; margin-bottom:28px;}
.ry .rybox li a{ display:block; text-decoration:none; text-align:center; font-size:18px; color:#666}
.ry .btn{ display:block; margin:0 auto; width:116px; height:32px; background:url(../../index/images/about_btn.png) no-repeat center; margin-top:20px;}

.about_ry .menu { overflow:hidden; width:810px; margin:0 auto; height:70px; margin-top:50px; position:relative}
.about_ry .menu i{ display:block; width:100%; height:1px; background-color:#d6d6d6; position:absolute; left:0; bottom:9px; z-index:0}
.about_ry .menu ul{ overflow:hidden; position:relative; z-index:1; width:368px; height:70px; margin:0 auto;}
.about_ry .menu li{ float:left; width:164px; height:70px; margin:0 10px;}
.about_ry .menu .list{ display:block; text-decoration:none; line-height:41px; text-align:center; overflow:hidden; width:164px; height:41px; font-size:16x; color:#666;}
.about_ry .menu span{ display: inline-block; width:27px; height:28px; overflow:hidden; position:relative; top:7px; *top:0; margin-right:5px;}
.about_ry .menu span{ *display:inline}
.about_ry .menu span img{ display:block; 
    position:absolute; 
    left:0; 
    top:0;
}
.about_ry .menu b{ display:block; width:16px; height:16px; background:url(../../index/images/anbout_y.png) no-repeat center; margin:0 auto; margin-top:12px;}
.about_ry .menu li.cur .list{ background:url(../../index/images/about_01.png) no-repeat center; color:#fff;}
.about_ry .menu li.cur span img{ top:-28px;}
.about_ry .menu li.cur b{ background:url(../../index/images/about_yc.png) no-repeat center}

/*news*/
.news {background-color:#f7f7f7;
}
.news .top h3{ font-weight:normal; float:left;}
.news .top h3 a{ font-size:18px; color:#000;}
.news .top span{ font-size:14px; color:#999; font-family:Arial; margin-left:5px;}
.news .top .more{ float:right; 
    font-size:13px; 
    color:#666; 
    display:block; 
    margin-top:10px;}
.news .list{ border: solid 10px #F7F7F7;}
.news .lihui li{ padding-left:10px; 
line-height:40px;
}
.news .lihui li a{ display: inline-block; 
    float:left; 
    font-size:14px; 
    color:#333;
    max-width:70%; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden;
}
.news .lihui li a{ *display:inline}
.news .lihui li span{ display:block; 
    float:right; 
    font-size:14px; 
    color:#666; 
    font-family:Arial;
}
.news .wenti li{ width:100%; 
    height:92px; 
    border-bottom:1px dashed #dedede; 
    margin-top:10px;
}
.news .wenti li h4{ padding-left:35px; 
    background:url(../../index/images/news_w.png) no-repeat left center; 
    line-height:27px; 
    white-space:nowrap; 
    text-overflow:ellipsis; 
    overflow:hidden; 
    font-size:14px; 
    font-weight:normal; 
    margin-bottom:8px;
}
.news .wenti li h4 a{ color:#000}
.news .wenti li p{ font-size:13px; 
    color:#333; 
    line-height:24px; 
    height:48px; 
    padding-left:35px; 
    background:url(../../index/images/news_d.png) no-repeat left top; 
    overflow:hidden;}
.news .wenti { margin-right:0}
.news .liuyan { background-color:#fff; padding-bottom: 20px;
   padding-right: 20px;
}
.news .liuyan p{ font-size:22px; 
    color:#000; 
    margin-top:15px; 
    margin-bottom:10px;
}
.news .liuyan em,.news .liuyan b{ display:block; 
    float:left;
    text-align:center; 
    font-size:13px; 
    color:#fff; 
    width:167px; 
    height:37px; 
    line-height:37px; 
    cursor:pointer}
.news .liuyan em{ background-color:#d02127;}
.news .liuyan b{ background-color:#d02127; margin-left:8px;
   margin-top: 10px;
}
.link{margin-top: 40px;
   border-top:solid 1px #5F5F5F;
   background-color: #F7F7F7;
}
.link .container{margin-top: 20px;}
.link h3{ float: left; width: 75px; color: #666666; font-size: 14px; margin-top: 5px;}
.link h3 a{  color: #666666; }
.link .ul{ float: right; width: 1100px;}
.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #00824a; padding: 0 20px; font-size: 14px;}
.link .ul li a{ color: #666666;}