

body{min-width: 1200px; width: 100%;}

/**/
.yin{padding: 60px 0 0;height: 230px;}
.iserve{height:180px;}
.iserve dd{float:left;width:156px;height:180px;position:relative;text-align:center;}
.iserve dd{margin-right:45px;}
.iserve dd .hover,.iserve dd .default{background:url(../images/iserve_bg.png);}
.iserve dd:after{content:'';position:absolute;width:100px;height:30px;background:url(../images/iserve_shadow.png);bottom:-31px;left:50%;margin-left:-50px;}
.iserve dd{font-size:20px;}
.iserve dd i{display:block;width:40px;height:40px;margin:60px auto 10px;background:url(../images/iserve_icon.png);}
.iserve dd .hover,.iserve dd .default{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.iserve dd .default{background-position:0 -180px;color:#333}
.iserve dd .hover{background-position:0 0;color:#fff;opacity:0;visibility:hidden;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);}
.iserve dd.d1 .default i{background-position:0 0;}
.iserve dd.d1 .hover i{background-position:-40px 0;}
.iserve dd.d2 .default i{background-position:0 -40px;}
.iserve dd.d2 .hover i{background-position:-40px -40px;}
.iserve dd.d3 .default i{background-position:0 -80px;}
.iserve dd.d3 .hover i{background-position:-40px -80px;}
.iserve dd.d4 .default i{background-position:0 -120px;}
.iserve dd.d4 .hover i{background-position:-40px -120px;}
.iserve dd.d5 .default i{background-position:0 -160px;}
.iserve dd.d5 .hover i{background-position:-40px -160px;}
.iserve dd.d6 .default i{background-position:0 -200px;}
.iserve dd.d6 .hover i{background-position:-40px -200px;}
.iserve dd:hover .hover{opacity:1;visibility:visible;-webkit-transform: rotateY(360deg);transform: rotateY(360deg);}
.iserve dd:hover .default{opacity:0;visibility:hidden;-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}
.iserve dd.d6{margin-right: 0;}
.iserve dd.d1{margin-left: 20px;}


      .hover_block {
        width: 324px;
        
        background-color: #ffffffc4;
    border-radius: 20px;
        float: left;
       position: relative;
        padding: 8px 20px;
      }
      .hover_block_title {
      font-size: 24px;
    font-weight: bold;
    color: #333;
    line-height: 36px;
    height: 40px;
     
      }
      .hover_block_content {
       font-size: 14px;
    color: #9b9ea0;
      }
    
      .hover_block_images {
        position: relative;
    float: left;
    width: 100%;
  
      }
      .hover_block_images_img {
        border-radius: 500px;
    /* background: red; */
    border: 2px solid #e7e7e7ad;
    height: 60px;
    width: 60px;
    /* display: flex; */
    background-size: 100%;
    margin: 0 auto;
      }
      .img_text_div:hover + div{
        display: block;
        cursor: pointer;
      }
      #img1 {
        margin-left: 0;
      }
      #img2 {
        margin-left: 0%;
      }
      #img3 {
        float: right;
        margin-right: 0px;
      }
      #img1:hover + div{
        display: block;
        cursor: pointer;
        left: 0px;
      }
      #img2:hover + div{
        display: block;
        cursor: pointer;
        left: 16%;
      }
      #img3:hover + div{
        display: block;
        cursor: pointer;
        right: 0;
      }
      .hover_block_images_img_big {
        width: 100%;
        display: inline-block;border-radius: 50%;border: 2px solid #e7e7e7ad;
      }
      .img_big_div {
        display: none;
    position: absolute;
    top: -135%;
    width: 38%;
      }
      .img_text_div {
        width: 32%;
        display: inline-grid;
        float: left;
      }
      .img_text {
        width: 100%;
        text-align: center;
        position: relative;
        font-size: 12px;
      }
      .center_bottom_img {
        position: absolute;
        bottom: 0;
        width: 100%;
        display: flex;
      }
      .center_bottom_img_img {
        margin: 0 auto;
      }
      #hover_block1 {
        margin-top: 50px;
        margin-left: 0px;
      }
      #hover_block2 {
       margin-top: 318px;
    left: -363px;
      }
      #hover_block2 .hover_block_images {
        display: none;
      }
      #hover_block4 {
        margin-top: 11px;
    right: -96px;
      }
      #hover_block5 {
      margin-top: 8px;
    right: -117px;
      }
      #hover_block3 {
        margin-top: -25px;
    right: 87px;
      }
      
/*产品中心*/

.title {
    text-align: center;
    position: relative;
}
.title h1 {
    font-size: 36px;
    font-weight: bold;
    line-height: 58px;
    color: #3e3e3e;
    display: block;
    position: relative;
    z-index: 1;
    background: url(../images/line.png) no-repeat center;
}
.title h2 {
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
    top: -4px;
    font-size: 74px;
    font-weight: bold;
    line-height: 80%;
    color: #ebebeb;
    text-transform: uppercase;
    font-family: "arial";
}
.title p{
    text-align: center;
     font-size: 16px;
	 color:#666;
	 
}
.title h1 span{
   color:#074f9b;
}
.chanp{padding: 32px 0 60px;background: url(../images/lybg.jpg) no-repeat center 0;height: 1000px;}
.pro1{
    margin-top: 35px;
    position: relative;height: 488px;
}
.pro1 ul li{
    float: left;
    margin: 0 1% 0 0%;border: 1px solid #f3f3f3;border-radius: 0 0 20px 20px;
}
.pro1 ul li:last-child{
    float: left;
    margin: 0 0% 0 1%;
}
.pro1 ul li img{
    width: 100%;
}

.pro1 .slick-prev{
    width: 38px;
    height: 56px;
    position: absolute;
    left: -19px;
    top: 35%;
    z-index: 999;
   
    font-size: 0;
    border: none;
    outline: none;
}
.pro1 .slick-next{
    width: 38px;
    height: 56px;
    position: absolute;
    right: -19px;
    top: 35%;
    z-index: 999;
  
    font-size: 0;
    border: none;
    outline: none;
}

.pro1 ul li  h3{
  background-color: #f6f6f6;
        padding: 22px 10px 22px;
    text-align: center;
    border-bottom: 9px solid #dbdbdb;
    font-size: 18px;
    color: #444;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
	border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
}
.pro1 ul li h3 span{display:block;
padding-bottom:5px;
line-height:25px;
font-size:12px;}

.pro2{
    margin-top: 35px;
    position: relative;
}
.pro2 ul li{
    float: left;
    margin: 0 0.3%;
    width: 290px;
    border: 1px solid #f3f3f3;
    border-radius: 0 0 20px 20px;
}
.pro2 ul li:last-child{
    float: left;
    margin: 0 0 0 0.3% ;
}
.pro2 ul li:firsh-child{
    float: left;
    margin: 0 0.3% 0 0 ;
}
.pro2 ul li img{
    width: 100%;
}

.pro2 .slick-prev{
    width: 38px;
    height: 56px;
    position: absolute;
    left: -19px;
    top: 35%;
    z-index: 999;
   
    font-size: 0;
    border: none;
    outline: none;
}
.pro2 .slick-next{
    width: 38px;
    height: 56px;
    position: absolute;
    right: -19px;
    top: 35%;
    z-index: 999;
   
    font-size: 0;
    border: none;
    outline: none;
}

.pro2 ul li  h3{
  background-color: #f6f6f6;
    padding: 14px 10px 12px;
    text-align: center;
    border-bottom: 9px solid #dbdbdb;
    font-size: 16px;
    color: #444;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 500;
	border-bottom-right-radius:8px;
border-bottom-left-radius:8px;
}
.pro2 ul li h3 span{display:block;
padding-bottom:5px;
line-height:25px;
font-size:12px;}
#s_bn1 {
	height: 288px;
	background: url(../images/s_bn1_bg.jpg) center no-repeat;
	color: #fff;
	
}
#s_bn1 .tt {padding-top: 69px;
}
#s_bn1 .tt h5 {
	font-size: 36px;
	font-weight: bold;
	
	margin-bottom: 12px;
}
#s_bn1 .tt p {
	
	font-size: 16px;
    line-height: 60px;
    margin-bottom: 22px;
}
#s_bn1 .tel {
	width: 699px;
	height: 53px;
	line-height: 51px;
	border-radius: 26px;
	padding-left: 27px;
	border: 1px solid #66a4d3;
	font-size: 18px;
	position: relative;
}
#s_bn1 .tel img {
	width: 25px;
	position: relative;
	top: 5px;
	margin-right: 10px;
}
#s_bn1 .tel b {
	font-size: 35px;
	font-family: arial;
	position: absolute;
}
#s_bn1 .tel .btn_zixun {
	width: 185px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	position: absolute;
	right: -1px;
	top: -1px;
	background: #f2483e;    color: #fff;
	font-size: 18px;
	font-weight: bold;
	border-radius: 52px;
}
#s_about {
	height: 946px;
	background: url(../images/s_about_bg.jpg) center bottom no-repeat;
	padding-top: 75px;margin-bottom: 165px;
}
#s_about .txt {
	margin-left: 80px;
	width: 313px;
	padding-top: 30px;
}
#s_about .tt {
	margin-bottom: 30px;
}
#s_about .tt h3 {
	font-size: 24px;
	color: #373737;
	font-weight: bold;
	margin-bottom: 4px;
}
#s_about .tt span {
	font-size: 14px;
	color: #373737;
	font-weight: bold;
}
#s_about .con {
	font-size: 14px;
	line-height: 28px;
	color: #6b6b6b;
}
#s_about .btn {
	width: 210px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	text-align: center;
	display: block;
	background: #f2483e;
	color: #fff;
	border-radius: 3px;
	margin-top: 62px;
	font-size: 15px;
}
#s_about .img {
	margin-right: 73px;
}
#s_about .img img {
}
#s_about .shuzi {
	margin-top: 90px;
}
#s_about .shuzi ul {
}
#s_about .shuzi ul li {
	text-align: center;
	width: 31%;
	float: left;
}
#s_about .shuzi ul li+li {
	border-left: 1px solid #e4e4e5;
}
#s_about .shuzi ul li span {
	font-size: 25px;
	color: #003e8b;
	font-family: 'BEBAS';
}
#s_about .shuzi ul li p {
	font-size: 12px;
	color: #b0b0b0;
}

.ab-tu {
    margin-top:36px;
}

.ab-tu .tabli2 {
    width:191px;margin-top: 298px;
}

.ab-tu .ab-tu-img {
    width:990px;
    float: right;margin-right:15px;    margin-top: 146px;
}

.ab-tu .tabli2 ul li {
   width: 191px;
    height: 61px;
    background: #d3d3d3;
    text-align: center;
    font-size: 20px;
    color: #333333;
    padding-top: 25px;
    cursor: pointer;
}

.ab-tu .tabli2 ul li span {
    display: block;
    font-size: 11px;
    font-family: Arial;
    color: #999999;
    text-transform: uppercase;
}

.ab-tu .tabli2 ul li.cur {
    background: url(../images/ab1.png) no-repeat center;
    color: #fff;
}

.ab-tu .tabli2 ul li.cur span {
    color: rgba(255, 255, 255, 0.5);
}

.ab-tu .ab-tu-img .tab2 {
    display: none;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd {
    overflow: hidden;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li {
    width: 230px;
    height: 172px;
    float: left;
    margin-left:18px;position:relative;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li img {
    width: 230px;
    height: 172px;
}

.ab-tu .ab-tu-img .picScroll-left2 .bd ul li h3{position:absolute;width:100%;left:0;bottom:0;color:#ffffff;font-size:14px;text-align:center;background: rgba(63, 63, 63, 0.82);height:30px;line-height:30px;overflow:hidden;}


/**/
.help_cut{height:368px;width: 1200px;margin:0 auto 0;background: #fff;position: relative;}
.help_cut a{text-decoration: none;}
.help_nav{ height: 64px; clear: both;width: 1200px;margin-bottom: 32px;}
.help_nav ul{width: 1200px;}
.help_nav li{height: 64px; line-height:28px;width: 168px;  text-align: center; font-size: 20px; color: #000000;position: relative; display: block; float: left;font-weight: normal;margin-right: 26px;border-right: 1px solid #c7c7c7;}
.help_nav li em{width:54px;height:42px;display: block;margin:0 auto;}
.help_nav li em img{width: 100%;display: block;}
.help_nav li a{color: #000000; text-decoration: none;}
.help_nav li:last-child{border-right: 0;}
.help_nav li:nth-child(1){margin-left:355px;}
.help_nav li.cur{ -webkit-transition:width .5s;transition:width .5s;}
.help_nav li.cur a{color: #074f9b; font-weight: bold;}

.m_help{ height:265px;width: 1200px; position: relative; }
.prev1{position: absolute;left:-34px;top:72px;background: url(../images/xc_l.png) no-repeat;width:15px;height:23px;z-index: 3;}
.next1{position: absolute;right:-34px;top:72px;background: url(../images/xc_r.png) no-repeat;width:15px;height:23px;z-index: 3;}
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:284px; position:relative;margin-right:21px; float: left; overflow: hidden;}
.xc li img{ display:block;width:284px; height:162px;}
.xc li em{height: 46px;font:16px "Microsoft YaHei"; line-height:46px; color:#666666; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;}
.xc li a{ text-decoration: none; }
.xc li:hover em{color:#cb1919;}
.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.li_3 .xc li i{border:1px solid #eee;box-sizing:border-box; display:block;}
.li_3 .xc li img{width:auto !important;margin:0 auto; }


/*品质保证*/
.pinz_bg{background:url(../images/pinz_bg.jpg) no-repeat center 0;height: 625px;padding-top: 55px;overflow: hidden;}
.pinz_l{width: 310px;}
.pinz_l dl{width: 310px; padding:10px 0 50px;height: 90px;overflow: hidden;}
.pinz_l dl dt{width: 60px;float: left;height: 60px;line-height: 0;overflow: hidden;margin-top: 10px;}
.pinz_l dl dt img{width: 50px;height: 120px;-webkit-transition:all .5s;transition:all .5s;}
.pinz_l dl:hover dt img{margin-top: -60px;}
.pinz_l dl dd{width: 250px;float: left;}
.pinz_l dl dd h5{font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;}
.pinz_l dl dd h5 a{font-size: 20px;color: #333;}
.pinz_l dl dd p{font-size: 14px;color: #666;line-height: 22px;height: 44px;overflow: hidden;padding: 5px 0 0;}
.pinz_l dl dd span{display: block;font-size: 14px;color: #333;padding: 15px 0 3px;}
.pinz_l dl dd b{display: block;font-size: 26px;color: #333;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.jpg) no-repeat center 0;
    height: 713px;
    padding: 55px 0 0;
    overflow: hidden;
    margin-top: -63px;}

.ys_t{width: 120px;position: absolute;top: 110px;left: 540px;z-index: 200;}
.ys_t ul li{font-size: 16px;color: #333;font-weight: bold; background:url(../images/ys_y01.png) no-repeat;width: 120px;height: 92px;margin-bottom: 23px;text-align: center;padding: 28px 0 0;}
.ys_t ul li em{display: block; width: 40px; height: 40px; line-height: 0; overflow: hidden; margin:0 auto 5px;} 
.ys_t ul li em img{width: 40px;height: 80px;}
.ys_t ul li:hover,.ys_t ul li.on{color: #fff; background:url(../images/ys_y02.png) no-repeat;}
.ys_t ul li:hover em img,.ys_t ul li.on em img{margin-top: -40px;}
.ys_t ul li{
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.ys_t ul li:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.ys_qie{position: relative;}
.ys_l{width: 960px;height: 660px;position: absolute;top: 53px;right: 50%;margin-right: -1px;}
.ys_l img{width: 960px;height: 660px;}
.ys_r{width: 460px;padding: 140px 0 0;}
.ys_r h5{font-size: 36px;color: #fff;height: 76px;line-height: 76px;overflow: hidden;}
.ys_r h5 em{display: block;float: left;width: 72px;height: 76px;overflow: hidden;padding: 0 10px 0 0;}
.ys_r p{font-size: 18px;
    color: #fff;
    line-height: 22px;
    padding: 50px 0 0;}
.ys_r b{ font-family:"Times New Roman", Times, serif;font-size: 30px;color: #fff;display: block; background:url(../images/tel01.png) no-repeat 0 5px;padding: 0 0 0 40px;height: 40px;line-height: 40px;overflow: hidden;margin-top: 60px;}
.ys_r span{display: block;width: 102px;padding: 10px 0 0 50px;}
.ys_r span a{display: block; font-size: 14px; color: #333; width: 102px; text-align: center; height: 34px; line-height: 34px; background: #fff; overflow: hidden;border-radius: 20px;}
.ys_r span a:hover,.ab_btn li a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*客户案例*/
.case{background: url(../images/yyhy.jpg) no-repeat center 0;padding: 80px 0 70px;}
.case_t{width: 1200px;height: 50px;border-bottom: #d5d5d5 1px solid;line-height: 50px;overflow: hidden;margin-top: 40px;}
.case_t ul li{width: 112px;
    height: 50px;
    float: left;
    /* padding: 0px 20px; */
    margin-right: 50px;}
.case_t ul li a{display: block;
    float: left;
    width: 112px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 16px;
    padding: 0px 20px;
    color: #333;} 
.case_t ul li a:hover,.case_t ul li:first-child a{background: #1a57a9;color: #fff;font-weight: bold;}
.case_t span{display: block;float: left;}
.case_t span a{ font-size: 16px; color: #333;}
.case dl{width: 363px;float: left;padding: 50px 0 0;margin-right: 55px;overflow: hidden;}
.case dl dt{width: 363px;height: 272px;line-height: 0;overflow: hidden;}
.case dl dt img,.news dl dt img{width: 363px;height: 272px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case dl dt img:hover,.news dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case dl dd{width: 323px;height: 165px;background: #fff;padding: 0 20px;position:relative;z-index: 1; color: #666;}
.case dl dd h5{height: 60px;line-height: 60px;overflow: hidden;border-bottom: #d9d9d9 1px solid;}
.case dl dd h5 a{font-size: 18px;color: #333;display: block;width: 323px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case .case_desc{font-size: 14px; line-height: 22px; height: 44px; overflow: hidden;padding: 15px 0 0;}
.case dl dd:after{content:'';position:absolute;width:100%;height:0;background-color:#1a57a9;z-index:-1;left:0;bottom:0;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.case dl dd:hover,.case dl dd:hover h5 a{color:#fff;}
.case dl dd:hover:after{height:100%;}
.case .nobor{margin-right: 0;}
.cp02 p,.hz p{width: 62px; height: 62px; position: absolute; top: 188px;} 
.cp02 p a,.hz p a{display: block;width: 62px;height: 62px;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}
.cp02 p a:hover,.hz p a:hover{box-shadow:0 8px 15px 0 #999;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.cp_lico a{ background:url(../images/cp_lico01.png) no-repeat;}
.cp_lico a:hover{ background:url(../images/cp_lico02.png) no-repeat;}
.cp_rico a{ background:url(../images/cp_rico01.png) no-repeat;}
.cp_rico a:hover{ background:url(../images/cp_rico02.png) no-repeat;}
.cp_lico{left: -90px;}
.cp_rico{right: -90px;}
/*合作客户*/
.hz_bg{height: 170px;padding: 50px 0 0;overflow: hidden;}
.hz_c{overflow: hidden;}
.hz ul li{width:202px;float:left;text-align:center;margin-right: 45px;}
.hz ul li em{display:block;width: 202px;height: 114px;margin-bottom:10px;-webkit-transition:all .3s;transition:all .3s;}
.hz ul li em img{width: 202px;height: 114px;}
.hz ul li a{font-size:14px;color: #333;}
.hz ul li a:hover{color: #1a57a9;}
.hz p{top: 25px;} 
.hz ul li a:hover em{box-shadow:0 10px 15px 0 #bbb;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*新闻动态*/
.news_bg{background: #f1f1f1;padding: 80px 0 130px;}
.news .cp_t{ background:url(../images/news_line.gif) no-repeat center 14px;height: 50px;}
.news_t{height: 66px;line-height: 66px;overflow: hidden; background:url(../images/news_line02.gif) no-repeat 0 63px;}
.news_t a{font-size: 24px;color: #1a57a9;font-weight: normal;}
.news_t span{display: block; float: right; width: 110px; text-align: center; height: 32px; line-height: 32px; overflow: hidden;border: #cdcdcd 2px solid;margin-top: 15px;} 
.news_t span a{font-size: 14px;color: #333;}
.news_t span a:hover,.news dl dd h5 a:hover,.news01 dl dd span a:hover{color: #1a57a9;}
.news01{padding: 25px 0;}
.news01 dl dt{width: 560px;height: 280px;float: left;overflow: hidden;}
.news01 dl dt img{width: 560px;height: 280px;}
.news01 dl dd{width: 580px;float: right;padding: 25px 0 0;}
.news01 dl dd h5{height: 45px;line-height: 45px;overflow: hidden;}
.news dl dd h5 a{font-size: 28px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 580px;}
.news_desc{font-size: 14px;color: #666;line-height: 22px;height: 88px;overflow: hidden;padding: 25px 0 0;}
.news01 dl dd span{display: block;padding: 25px 0 0;}
.news01 dl dd span a{font-size: 14px;color: #565458;}
.news_dl{width: 600px;float: left; background:url(../images/news_line03.gif) no-repeat 550px 0;}
.news02 dl{width: 600px;height: 70px;overflow: hidden;}
.news02 dl dt{width: 125px;float: left;overflow: hidden;font-size: 18px;color: #b2b2b2; font-family:Arial, Helvetica, sans-serif;line-height: 30px;}
.news02 dl dd{width: 360px;float: left;}
.news02 dl dd h5{height: 25px;line-height: 25px;overflow: hidden;}
.news .news02 dl dd h5 a{font-size: 14px;width: 360px;}
.news02 .news_desc{line-height: 22px;height: 22px;padding:0;}

/*关于我们*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 615px;padding: 85px 0 0;}
.about .cp_t{ background:url(../images/ab_line.png) no-repeat center 14px;height: 100px;}
.about .cp_t a{color: #fff;}
.about_main{height: 615px;}
.ibrand-num{overflow:hidden;margin:0 0 0 225px;}
.ibrand-num li{float:left;width:250px;height:180px;text-align:center;color:#fff;font-size:30px;font-weight: bold;}
.ibrand-num li span{font-size:64px;line-height: 50px; font-family:"DINOT";}
.ibrand-num li b{display:block;font-size: 20px; padding:15px 0 0;}
.ab_m{width: 980px;margin:0 auto;text-align: center;}
.ab_desc{font-size: 14px;color: #fff;line-height: 28px;height: 84px;overflow: hidden;}
.ab_m span{display: block;line-height: 30px;padding: 20px 0 0;}
.ab_m span a{font-size: 14px;color: #fff;}
.ab_m em{display: block;line-height: 30px;width: 30px; text-align: center; height: 30px; background: #d9ba8d; position: absolute; top: 0; right: -110px;} 
.ab_m em a{font-size: 20px;color: #2b2622;font-weight: bold;}
.ab_btn{display: inline-block;padding: 35px 0 0 330px;width: 700px;}
.ab_btn li{width: 172px;float: left;padding: 0 15px 0 0;}
.ab_btn li a{display: block;font-size: 14px; color: #333; font-weight: bold; width: 172px; height: 60px; line-height: 60px; overflow: hidden;border-radius: 40px;background: #fff;}
.ab_btn li em{width: 22px;height: 24px;display: block;float: left;line-height: 0;padding: 19px 10px 0 40px;}
.ab_btn li em img{width: 22px;height: 24px;}
.ab_ico{position: absolute;bottom: -50px;left: 50%;margin-left: -50px;}
.ab_ico img{width: 100px;height: 100px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.ab_ico img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}

/*友情链接*/
.f_link{height: 66px;line-height: 66px;overflow: hidden; }
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;font-weight: normal;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
