﻿html,header,nav,aside,article,section,footer, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend,img,input{ margin:0; padding:0; }
h1, h2, h3, h4, h5, h6{ font-size:12px; font-weight:normal;}
fieldset, img { border:0 none; } 
img{display: block;border:0 none;}
ul, ol { list-style:none; }
i,em{ font-style:normal;}
input { padding-top:0; padding-bottom:0; font-family: "微软雅黑"; border:0 none; outline-style:none;}
 select, input, textarea { font-size:12px; margin:0; }
textarea { resize:none; }
body {font-size:14px; color:#3C3C3C; font-family: "微软雅黑";}
.clearfix:after { content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix { zoom:1; }
a { color:#3C3C3C; text-decoration:none; }

a:hover {  text-decoration:none; }
.wrap{ width: 1200px; margin:0 auto;}


.con {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
#p1 {
    color: #333333;
    font-size: 30px;
    line-height: 43px;
    text-align: center;
    font-family: "微软雅黑";
    padding-top: 50px;
}
#p2 {
    color: #808080;
    font-size:18px;
    text-align: center;
    margin-top: 10px;
   
}
/*服务*/
.c1{ height:794px;}
.c1 .tubiao{height:100%;width: 1200px;margin-left: auto;margin-right: auto;}
.cb{ clear:both;}

/*.c1 .tubiao li{ float:left; width:241px; height:225px; margin:26px 29px;*/
/*transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
-ms-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
 }*/

.top_tubiao ul{
    text-align: center;
}
.top_tubiao ul li{
    display: inline-block;
    padding: 8px 16px;
    border: 1px solid #666;
    margin:18px 10px;
    color:#666;
    cursor: pointer;

}

.top_tubiao ul li.cur{
    background-color: #EB5C11;
     border: 1px solid #EB5C11;
     color:#fff;
}

.botton_tubiao{
    /*background-color: #f60;*/
}
.botton_tubiao ol{
    height: 540px;
    overflow: hidden;
}
.botton_tubiao ol li{
    display: none;
}
.loop{
    float: left;
    width: 270px;
    height: 250px;
    /*background-color: #fcf;*/
    margin:10px 14px;
    border: 1px solid #ccc;
}
/*.botton_tubiao ol li{
    display: none;
    -webkit-transition: all .5s ease 0s;
       -moz-transition: all .5s ease 0s;
        -ms-transition: all .5s ease 0s;
         -o-transition: all .5s ease 0s;
            transition: all .5s ease 0s;
}
.botton_tubiao ol li.cur{
    display: block;
}*/













.c1 .tubiao li span{padding-top:205px; color:#4c4c4c;line-height: 40px; font-size:20px; text-align:center;display: block;color:#4d4d4d;}
.c1 .tubiao li span.loop_img{padding: 0;color:#4c4c4c;line-height: 40px; font-size:20px;height: 210px;overflow: hidden; text-align:center;display: block;color:#4d4d4d;text-align: center;}
.c1 .tubiao li span.loop_img img{display: inline-block;}
.c1 .tubiao li p{color:#959595; font-size:14px;line-height: 40px; text-align:center;display: block;}
.c1 .tubiao li:hover span{ color:#158dea;}
.c1 .tubiao .l1{ background:url(../images/fw01.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l1:hover{ background:url(../images/fw001.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l2{ background:url(../images/fw02.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l2:hover{ background:url(../images/fw002.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l3{ background:url(../images/fw03.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l3:hover{ background:url(../images/fw003.png); background-repeat:no-repeat; background-position:center center;}

.c1 .tubiao .l4{ background:url(../images/sw01.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l4:hover{ background:url(../images/sw001.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l5{ background:url(../images/sw02.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l5:hover{ background:url(../images/sw002.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l6{ background:url(../images/sw03.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l6:hover{ background:url(../images/sw003.png); background-repeat:no-repeat; background-position:center center;}

.c1 .tubiao .l7{ background:url(../images/dl01.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l7:hover{ background:url(../images/dl001.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l8{ background:url(../images/dl02.png); background-repeat:no-repeat; background-position:center center;}
.c1 .tubiao .l8:hover{ background:url(../images/dl002.png); background-repeat:no-repeat; background-position:center center;}
/*公司简介*/

.news{height: 500px;background-color: #f5f7f7;overflow: hidden;}
.news_b{height:386px;margin-top:60px;}
.news_b .ne_l{width: 550px;height: 100%;float: left;}
.news_b .ne_r{width:616px;height: 100%;float: right;padding-top: 10px;box-sizing: border-box;}
.news_b .ne_l h1{font-size: 22px;color:#666;line-height: 36px;}
.news_b .ne_l h2{font-size:16px;color:#666;line-height: 30px;}
.news_b .ne_l em{width: 40px;height:2px;background-color: #158dea;display: inline-block;margin-bottom: 10px;}
.news_b .ne_l p{    font-size: 17px;
    line-height: 33px;
    color: #808080;
    margin-top: 10px;}
.news_b .ne_l a{width: 88px;height: 29px;display: inline-block;background-color: #808080;border-radius:2px;text-align: center;line-height: 29px;color:#fff;margin-top: 50px;}
.news_b .ne_l:hover a{background-color: #04398a;}

.news_x_x{height: 520px;overflow: hidden;}
.news_x_x .news_t{height:24px;width: 300px;margin:54px auto;border-bottom: 1px solid #989898;position: relative;}
.news_x_x .news_t .sp_t{position: absolute;width: 150px;height:auto;background-color: #fff;left: 50%;margin-left: -75px;text-align: center;}
.news_x_x .news_t .sp_t h3{font-size: 24px;color:#252734;}
.news_x_x .news_t .sp_t h4{font-size: 20px;color:#5b5c66;}
.news_x_x .news_bc{height:360px;margin-top:20px;overflow: hidden;}
.news_x_x .news_bc .news_bc_l{width: 520px;height:360px;float: left;}
.news_x_x .news_bc .news_bc_l em{display: inline-block;width: 506px;height: 308px;background-color: #fcf;position: relative;overflow: hidden;}
.news_x_x .news_bc .news_bc_l em img{width: 100%;
transition:all 0.5s ease 0s;
-webkit-transition:all 0.5s ease 0s;
-ms-transition:all 0.5s ease 0s;
-moz-transition:all 0.5s ease 0s;
-o-transition:all 0.5s ease 0s;
overflow: hidden;
}
.news_x_x .news_bc .news_bc_l em img:hover{transform: scale(1.2);}
.news_x_x .news_bc .news_bc_l em i{position: absolute;width: 100%;height: 60px;line-height: 60px;bottom: 0;color:#fff;font-size: 16px;background:rgba(0,0,0,0.8);padding-left: 20px;box-sizing: border-box;}
.news_x_x .news_bc .news_bc_r{width: 600px;height:360px;float: right;margin-right: 10px;}
.news_x_x .news_bc .news_bc_r ul li{height: 110px;border-bottom: 1px solid #b3b3b3;}
.news_x_x .news_bc .news_bc_r ul li:last-child{border-bottom: 0px solid #b3b3b3;}
.news_x_x .news_bc .news_bc_r ul li .span_l{width: 130px;float: left;}
.news_x_x .news_bc .news_bc_r ul li .span_l h1{font-size: 44px;color:#EB5C11;}
.news_x_x .news_bc .news_bc_r ul li .span_l p{float: right;margin-right: 10px;font-size: 16px;color:#5a5a5a;}
.news_x_x .news_bc .news_bc_r ul li .span_r{float: right;width: 450px;height:auto;}
.news_x_x .news_bc .news_bc_r ul li .span_r h5{font-size: 16px;font-weight: bold;line-height:40px;color:#555;}
.news_x_x .news_bc .news_bc_r ul li .span_r p{font-size: 12px;line-height: 23px; voverflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news_x_x  div.cha{width:200px;height:50px;border-radius:50px;border: 1px solid #158dea;margin: 0 auto;text-align: center;line-height: 50px;}
.news_x_x  div.cha a{font-size: 16px;color:#158dea;}
.news_x_x  div.cha:hover a{width: 100%;height: 100%;border-radius:50px;background-color: #158dea;color:#fff;display: inline-block;border-right: 1px solid #158dea;}







