@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;font-family:"Microsoft YaHei","微软雅黑",SimSun,"Oxygen",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none;}
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0; }
iframe { background-image: none; }
input,textarea{outline:none;}
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
img{ border:0px;}
body{font-family:simsun; color:#333333; font-weight:400; overflow-x: hidden; -webkit-text-size-adjust:none; font-size:12px; background:#ffffff; min-width: 1200px;}
a{text-decoration:none; color:#333333;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0;}
a:hover{text-decoration:none; color:#c31224;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.ani5{transition: all ease-in-out .5s;}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}@charset "utf-8";

/* Style Reset
-----------------------------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, blockquote,h1,h2,h3,h4,h5,h6,p
{ margin:0px; padding:0px; -moz-user-select: none; -khtml-user-select: none; user-select: none;}
html button::-moz-focus-inner{ border-color:transparent!important; } 
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
fieldset, img { border:0; }
iframe { background-image: none; }
input,textarea{outline:none;}
.clear {clear:both; height:0px;}
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
img{ border:0px;}
body{font-family:simsun; color:#333333; font-weight:400; overflow-x: hidden; -webkit-text-size-adjust:none; font-size:12px; background:#ffffff; min-width: 1200px;}
a{text-decoration:none; color:#333333; transition: all 0.5s ease;}
a:hover{text-decoration:none; color:#c31224;}
.fl{float:left;}
.fr{float:right;}
.none{display:none;}
.ani5{transition: all ease-in-out .5s;}
.h10px{ height:10px; width:100%; clear:both;}
.h15px{ height:15px; width:100%; clear:both;}
.h25px{ height:25px; width:100%; clear:both;}
.h50px{ height:50px; width:100%; clear:both;}
.mt20px{ margin-top:20px;}
.w1200{width:1200px; margin:0 auto;}
.blod{ font-weight:bold;}
html{ -webkit-text-size-adjust:none; font-size:12px;}
center{ text-align:center; line-height:60px; font-family:"微软雅黑"}
em{ font-style:normal;}
.tecen{ text-align: center;}
.red{color: red;}
i,em{ font-style: normal;}
/*头部信息*/
.header{height: 100px; position:relative;}
.logo_xf{ position:absolute; top:0; left:174px; z-index:99999}
.logo_xf img{ display:block}
.logo{display: block; float: left; margin:0;}
.nav_con{float: right;}
.nav_con li{text-align: center;height: 80px;float: left;font: 400 16px/115px "微软雅黑";}
.nav_con li a{display: block;padding: 10px 8px 0 16px;height: 115px;color: #221d23;margin: 0 5px;position: relative;-moz-transition: border-top 0.5s,color 0.5s,font-weight 0.5s;/* Firefox 4 */

-webkit-transition: border-top 0.5s,color 0.5s,font-weight 0.5s;/* Safari 和 Chrome */

-o-transition: border-top 0.5s,color 0.5s,font-weight 0.5s;	/* Opera */	

transition: border-top 0.5s,color 0.5s,font-weight 0.5s;}
.nav_con li a i{width: 0px; height: 3px; background: #ff1520; transition: all ease-in-out .3s; position: absolute; left: 50%; bottom: 0;}
.nav_con li.hover a{color: #221d23; }
.nav_con li a:hover{color: #221d23;}
.nav_con li.on i{width: 100%; left: 0;}




/*
 首页
 * */
#ban{position: relative; height: 733px; ;}
.banner{position: absolute; width: 1920px; height: 733px; left: -360px; top: 0;}
.rslides{width:1920px;height:733px;overflow:hidden;position:relative;}
.rslides li{height:640px; position:relative; width:1920px;}
.rslides_tabs{ position:absolute; bottom:12px; left:0px; height: 12px; width:100%;text-align:center;}
.rslides_tabs li{ display: inline-block; height: 12px; width: 12px; margin-right:5px}
.rslides_tabs a{text-indent:-9999px; overflow:hidden; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#eaa500; display:block; width:12px; height:12px}
.rslides_tabs .rslides_here a{background:#ff1520}
.rslides_nav{display: none;}

.one img,.two img,.three img,.for img{display:block; position:absolute; width:1920px; height:733px;}
.for .pic3{left:0%; top: -100%; opacity:1; transition: all 1s; transform:scale(.2);}
.for .pic2{left:0%; bottom: -100%; opacity:0; transition: all 1s; transform:scale(.2);}
.for.rslides1_on .pic3{left: 0; top:0; opacity: 1; transition-delay: 0s; transform: scale(1);}
.for.rslides1_on .pic2{left: 0; bottom:0; opacity: 1; transition-delay: .4s; transform: scale(1);}



.one .pic3{left:0%; top: -100%; opacity:1; transition: all 1s; transform:scale(.2);}
.one .pic2{left:0%; bottom: -100%; opacity:0; transition: all 1s; transform:scale(.2);}
.one.rslides1_on .pic3{left: 0; top:0; opacity: 1; transition-delay: 0s; transform: scale(1);}
.one.rslides1_on .pic2{left: 0; bottom:0; opacity: 1; transition-delay: .4s; transform: scale(1);}

.two .pic2{left:-50%; bottom: 0; opacity:0; transition: all 1s; transform:scale(.1);}
.two .pic3{left:50%; bottom: 0; opacity:0; transition: all 1s; transform:scale(.1);}
.two .pic4{left:0; bottom: -100%; opacity:0; transition: all 1s; transform:scale(.1);}
.two .pic5{left:0; bottom: -50%; opacity:0; transition: all 1s; transform:scale(.2);}
.two.rslides1_on .pic2{left: 0; bottom:0; opacity: 1; transition-delay: 0s; transform: scale(1);}
.two.rslides1_on .pic3{left: 0; bottom:0; opacity: 1; transition-delay: .2s; transform: scale(1);}
.two.rslides1_on .pic5{left: 0; bottom:0; opacity: 1; transition-delay: .4s; transform: scale(1);}
.two.rslides1_on .pic4{left: 0; bottom:0; opacity: 1; transition-delay: .5s; transform: scale(1);}

.three .pic10{left: -100%; top: 0; opacity:0; transition: all 1s; transform: scale(.1);}
.three .pic4{left: 100%; top: 0; opacity:0; transition: all 1s; transform: scale(.1);}
.three .pic3{left: -100%; top: 0; opacity:0; transition: all 1s; transform: scale(.1);}
.three .pic7{left: 0; top: 100%; opacity:0; transition: all 1s; transform: scale(1);}
.three .pic8{left: 0; top: 80%; opacity:0; transition: all 1s; transform: scale(1);}
.three .pic9{left: 0; top: 60%; opacity:0; transition: all 1s; transform: scale(1);}
.three .pic2{left: 0; top: 100%; opacity:0; transition: all 1s; transform: scale(1);}
.three.rslides1_on .pic10{left: 0; opacity: 1; transform: scale(1);}
.three.rslides1_on .pic4{left: 0; opacity: 1; transition-delay: .2s; transform: scale(1);}
.three.rslides1_on .pic3{left: 0; opacity: 1; transition-delay: .4s; transform: scale(1);}
.three.rslides1_on .pic7{top: 0; opacity: 1; transition-delay: .6s; transform: scale(1);}
.three.rslides1_on .pic8{top: 0; opacity: 1; transition-delay: .8s; transform: scale(1);}
.three.rslides1_on .pic9{top: 0; opacity: 1; transition-delay: 1s; transform: scale(1);}
.three.rslides1_on .pic2{left: 0; top:0; opacity: 1; transition-delay: 1.2s; transform: scale(1);}

/*class*/
.pro_class{ background-color:#f6f6f6; clear:both; overflow:hidden;padding-top:100px; padding-bottom:100px}

.pro_class ul{ padding:0 70px; overflow:hidden; padding-left:80px}

.pro_class ul li{ width:154px; height:375px;float:left; position:relative; margin-right:15px;}
.pro_class ul li p a{ display:block; width:100%}

.pro_class ul li:nth-child(1){ background:url(../images/1-2.jpg)  no-repeat;}


.pro_class ul li:nth-child(1) p{background:url(../images/1-1.png) no-repeat #ff5756; position:absolute; width:154px; height:142px; bottom:69px;transition: all 0.3s linear 0s;}

.pro_class ul li:nth-child(1) p:hover{ background-color:#fa3635; cursor:pointer;transform: scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.2);}




.pro_class ul li:nth-child(2){ background:url(../images/2-1.jpg) bottom no-repeat; width:364px; }

.pro_class ul li:nth-child(2) p{background:url(../images/2-2.png) no-repeat #f7a321; position:absolute; width:154px; height:142px; bottom:30px; right:60px;transition: all 0.3s linear 0s;}

.pro_class ul li:nth-child(2) p:hover{ background-color:#feb804; cursor:pointer;transform: scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.2);}




.pro_class ul li:nth-child(3){ background:url(../images/3-1.jpg) no-repeat;  }
.pro_class ul li:nth-child(3) p{background:url(../images/3-2.png) no-repeat #44ace3; position:absolute; width:154px; height:142px; bottom:69px;transition: all 0.3s linear 0s;}

.pro_class ul li:nth-child(3) p:hover{ background-color:#219ee0; cursor:pointer;transform: scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.2);}


.pro_class ul li:nth-child(4){ background:url(../images/4-1.jpg) no-repeat;  }
.pro_class ul li:nth-child(4) p{background:url(../images/4-2.png) no-repeat #929256; position:absolute; width:154px; height:142px; bottom:69px;transition: all 0.3s linear 0s;}

.pro_class ul li:nth-child(4) p:hover{ background-color:#8c8c0f; cursor:pointer;transform: scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.2);}

.pro_class ul li:nth-child(5){ background:url(../images/5-1.jpg) no-repeat;margin-right:0  }
.pro_class ul li:nth-child(5) p{background:url(../images/5-2.png) no-repeat #da7a3d; position:absolute; width:154px; height:142px; bottom:69px;transition: all 0.3s linear 0s;}

.pro_class ul li:nth-child(5) p:hover{ background-color:#d95c0c; cursor:pointer;transform: scale(1.02);box-shadow:0 0 10px rgba(0,0,0,0.2);}

.diwen img { display:block; width:100%}
/*chanpin*/

/*xuanfu*/


/*浮动*/
.rf{width: 105px;right:1%;z-index:999;background:url(../images/r_bg.png) no-repeat center;/* height: 562px; */background-size: cover;}
.rf div{width: 105px;/* height:69px; */border-bottom: 1px solid #523800;/* border-bottom:none; *//* background-color:#fff; */cursor:pointer;position:relative;margin-top: 20px;}
.rf div:hover{ }
.rf .r03 p{ display:none; width:246px; height:69px; padding:20px 0; background-image:url(../images/mask_13.png); position:absolute; right:79px; top:-20px; text-align:center;}
.rf .r03 p a{ display:block; font-size:24px; color:#fff; height:34px; line-height:34px; font-family:"微软雅黑"}
.rf .r03 p b{ display:block; font-size:24px; color:#fff; height:34px; line-height:34px;}
.rf .r03:hover p{ display:block;}
.rf .gotop{border-bottom: none;background-image:url(../images/r05_12.png);background-position:center;background-repeat:no-repeat;/* width: 55px; *//* height: 73px; *//* box-shadow: 0 0 black; *//* margin-bottom: 20px; */background-size: 50%;}

.gotop.ov {}
.rf .gotop a{ width:100%; display:block; height:69px; overflow:hidden;}
.rf .gotop:hover{ }
.rf div strong{width:100%;height: 52px;display:block;background-position:center;background-repeat:no-repeat;overflow:hidden;margin-top:7px;}
.rf div span{ text-align:center; height:24px; line-height:24px; font-size:14px; color:#000; overflow:hidden; display:block; font-family:"微软雅黑"}
.rf div:hover span{ color:#fff;}
.rf div.r01 strong{ background-image:url(../images/r01_03.png);}
.rf div.r02 strong{ background-image:url(../images/r02_06.png);}
.rf div.r03 strong{ background-image:url(../images/r03_08.png);}
.rf div.r04 strong{ background-image:url(../images/r04_10.png);}


/*滚动*/




.pro{height:1609px; margin:0; padding:0; overflow:hidden; position:relative; background:url(../images/pro_bg55.jpg) bottom no-repeat; width:100%}
.pro_xf{ width:100%; height:1609px; position:absolute; top:0; left:0; z-index:1}
.pro img.img1{ width:100%; display:block; padding:0; margin:0 auto;border:0}
.pro .cont{position:absolute;top: 198px;right: 52px; z-index:9999}
.pro .bg{ position:relative}


.gbox{width: 725px;/* padding-top:98px; *//*background-image:url(../images/pro-bg1.png);background-position:top center;background-repeat:no-repeat;*/height: 585px;/* margin-bottom:13px; */margin: 0 auto;}
.gbox .gund{width:100%;height: 585px;position:relative;}
.gbox .gund .box{width:725px;height: 585px;margin:auto;display:block;position:relative;}
.gbox .gund .pic li{width:725px;height: 585px;display:block;overflow:hidden;}
.gbox .gund .pic li a{width:725px;height: 585px;display:block;overflow:hidden;position:relative;}
.gbox .gund .pic li img{width: 714px;display:block;transition: all 0.3s linear 0s;}
.gbox .gund .pic li img:hover{transform: scale(1.02);box-shadow:0 0 20px rgba(0,0,0,0.2);}
.gbox .gund .prev{width: 60px;height: 60px;display:block;position:absolute;left: -5%;top:50%;margin-top:-32px;border-radius:58px;z-index:9999}
.gbox .gund .next{width: 60px;height: 60px;display:block;position:absolute;right: -5%;top:50%;margin-top:-32px;border-radius:58px;z-index:9999}
.gbox .gund .prev img,.gbox .gund .next img{ width:100%; display:block;} 
.gbox .bottom{ width:100%; margin-top:6px;}
.gbox .bottom span{ display:block; float:left; margin-left:3%;}
.gbox .bottom span img{ display:block;}
.gbox .bottom p{ display:block; float:right; margin-right:3%;}
.gbox .bottom p img{ display:block;}


.pro-b{position:absolute;left: 368px;bottom: 780px;width:204px;height:83px;}
.pro-b img{ display:block; width:100%}

.pro-c{ position:absolute; left:-64px; top:115px; width:322px; height:1286px;}
.pro-c img{ display:block; width:100%}

/*shangcheng*/
.gfsc{background-image:url(../images/gfsc.jpg);background-position:top center; height:747px; clear:both; position:relative;font-family:"微软雅黑"}

.gfsc_xf{ width:100%; height:747px; position:absolute; top:0; left:0; z-index:1}
.gfsc .gfsc_class{width:100px;position:absolute;left:68px;top:62px;background-color:#fff;display:none;padding-bottom:15px;border-radius: 0 0 3px 3px; z-index:99999}
.gfsc .gfsc_class li{width:100px; height:30px; line-height:30px; text-align:center; }
.gfsc .gfsc_class li a { display:block; font-size:16px;}
.gfsc .gfsc_class li:hover a { display:block; font-size:16px; background-color:#efefef; color:#000}

.gfsc .gfsc_class li:nth-child(7){width:81px;height:20px;background-color:#ea5234;color:#fff;line-height:20px;text-align:center;margin:0 auto;margin-top:5px;cursor:pointer;border-radius: 5px;font-size: 12px;}

.gfsc .gfsc_r{width:469px; height:202px; position:absolute; right:49px;top:154px;}
/*.gfsc .gfsc_r span{display:block;font-size:24px;background-image:url(../images/tubiao2.jpg);background-repeat:no-repeat;background-position: 34% -10%;height: 61px; width: 60px; background-size: 10%;font-weight: bold;animation:xz 5s linear infinite ;}*/
.gfsc .gfsc_r span{ display:inline-block;font-size:24px;}



.gfsc .gfsc_r span.a{ width:139px; height:38px;}
.gfsc .gfsc_r span.b{height: 40px; width: 40px;/*animation:xz 5s linear infinite;*/}

.gfsc .gfsc_r span.b img{ width:100%}
@keyframes xz{
from  {transform:rotate(0deg);}
to{transform:rotate(360deg);}
 
}
/*.gfsc .gfsc_r span img{ display:block; width:139px; height:38px;}*/
.gfsc .gfsc_r p{font-size:16px;line-height:24px; width:366px; margin-top:20px;}


/*zhaoshangjiameng*/
.zsjm{background-image:url(../images/zsjm.jpg);background-repeat:no-repeat;background-position:top center;height:747px;clear:both;position:relative;font-family:"微软雅黑";margin-bottom: 8px; position:relative; }
.zsjm .zsjm_class{width:106px;position:absolute;right:60px;top:62px;background-color:#fff;display:none;padding-bottom:15px;border-radius: 0 0 3px 3px; z-index:9999}
.zsjm .zsjm_class li{width:106px; height:30px; line-height:30px; text-align:center; }
.zsjm .zsjm_class li a {width:106px; display:block; font-size:16px;}

.zsjm_xf{ width:100%; height:747px; position:absolute; top:0; left:0; z-index:1}
.zsjm .zsjm_class li:hover a {width:106px; display:block; font-size:16px; background-color:#efefef; color:#000}

.zsjm .zsjm_class li:nth-child(7){width:81px;height:20px;background-color:#ea5234;color:#fff;line-height:20px;text-align:center;margin:0 auto;margin-top:5px;cursor:pointer;border-radius: 5px;font-size: 12px;}

.zsjm .zsjm_r{width: 329px;height: auto;position:absolute;left: 235px;bottom: 98px;}

.zsjm .zsjm_r span{ display:inline-block;font-size:24px;}

.zsjm .zsjm_r span.a{ width:139px; height:38px;}
.zsjm .zsjm_r span.b{height: 40px; width: 40px;/*animation:xz 5s linear infinite;*/}

.zsjm .zsjm_r span.b img{ width:100%}
.zsjm .zsjm_r p{font-size:16px;line-height:24px;text-align:justify;margin-top:20px;margin-left: 5px;}
.zsjm .zsjm_r .more{text-align: center;margin: 20px 0;margin-left: 5px;}
.zsjm .zsjm_r .more a{ display:block;font-size: 20px;border:1px solid #381d0c;border-radius:15px;width: 104px;height:27px;line-height:27px;}
.zsjm .zsjm_r .more a:hover{ width: 104px;height:27px;line-height:27px;display:block; background-color:red;font-size: 20px; color:#fff;border-radius:15px;border:1px solid red; box-shadow:#000 0px 0px 3px 0px}
.zsjm .zsjm_yw{width: 502px;height: auto;position:absolute;left: 23px;top: 114px;font-family:"微软雅黑";}
.zsjm .zsjm_yw span{display:block;font-size: 16px;margin-bottom: 5px;font-weight: BOLD;margin-left: 42px;font-family:"微软雅黑";}
.zsjm .zsjm_yw p{
    font-size: 14px;
    line-height: 18px;
    margin-left: 42px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre-wrap;
    text-align: -webkit-auto;
    text-justify:inter-ideograph;
    }
.zsjm .zsjm_yw .more{width: 100px;height:27px;line-height:27px;text-align: center;margin: 20px 0;background-color: #381d0c;margin: 20px auto;margin-left: 218px;font-family:"微软雅黑";margin-top: 70px;}
.zsjm .zsjm_yw .more a{color: #fff;display:block;font-size:16px;line-height: 25px;height:27px;}
.zsjm .zsjm_yw h3{font-size:30px;font-weight:bold;line-height:24px;line-height:30px;margin-bottom: 15px;}


/*about us*/
.gywm{background-image:url(../images/gywm.jpg);background-position:top center; height:983px; clear:both; position:relative;font-family:"微软雅黑"; margin-top:150px}

.gywm_xf{ width:100%; height:747px; position:absolute; top:0; left:0; z-index:1}
.gywm .gywm_class{width:100px;position:absolute;left:68px;top:62px;background-color:#fff;display:none;padding-bottom:15px;border-radius: 0 0 3px 3px; z-index:9999}
.gywm .gywm_class li{width:100px; height:30px; line-height:30px; text-align:center; }
.gywm .gywm_class li a { display:block; font-size:16px;}


.gywm .gywm_class li:hover a { display:block; font-size:16px; background-color:#efefef; color:#000}

.gywm .gywm_class li:nth-child(7){width:81px;height:20px;background-color:#ea5234;color:#fff;line-height:20px;text-align:center;margin:0 auto;margin-top:5px;cursor:pointer;border-radius: 5px;font-size: 12px;}

.gywm .gywm_r{width:469px; height:202px; position:absolute; right:49px;top:332px;}
/*.gywm .gywm_r span{display:block;font-size:24px;background-image:url(../images/tubiao2.jpg);background-repeat:no-repeat;background-position: 34% -10%;height: 61px; width: 60px; background-size: 10%;font-weight:bold;}
.gywm .gywm_r span img{ display:block; width:139px; height:38px;}*/

.gywm .gywm_r span{ display:inline-block;font-size:24px;}

.gywm .gywm_r span.a{ width:139px; height:38px;}
.gywm .gywm_r span.b{height: 40px; width: 40px;/*animation:xz 5s linear infinite;*/}

.gywm .gywm_r span.b img{ width:100%}
.gywm .gywm_r p{font-size:16px;line-height:24px; margin-top:20px; }
/*cpsy*/
.cpys{background-image:url(../images/cpysbg.jpg);background-position:top center;height:446px;clear:both;position:relative;font-family:"微软雅黑";position:relative;margin-top: 7px;}
.cpys .cpys_f{ position:absolute; top:54px; left:142px;}
.cpys .cpys_f li{ width:88px; height:133px; float:left; margin-right:3px; transition: all 0.3s linear 0s; cursor:pointer}
.cpys .cpys_f li:hover{transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);    }
/*clnf*/
.clnf{background-image:url(../images/nf_bg.jpg);background-position:top center;height:446px;clear:both;position:relative;font-family:"微软雅黑";position:relative;margin-top: 8px; overflow:hidden}
.clnf_f{ overflow:hidden}
.clnf li{ position:absolute; cursor:pointer; transition: transform .3s ease-in-out, box-shadow .3s cubic-bezier(.47, 0, .745, .715), border .3s linear .1s; cursor:pointer}
.clnf li:nth-child(1){background:url(../images/f8.png) no-repeat center;width:78px;height:107px;top: 119px;left: 24px;}
.clnf li:nth-child(1):hover{background:url(../images/f8b.png) no-repeat center; width:78px; height:107px; top:119px; left:24px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}
.clnf li:nth-child(2){background:url(../images/f80.png) no-repeat center; width:48px; height:63px; top:163px; left:224px}
.clnf li:nth-child(2):hover{background:url(../images/f80b.png) no-repeat center; width:48px; height:63px; top:163px; left:224px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}
.clnf li:nth-child(3){background:url(../images/f12.png) no-repeat center; width:48px; height:63px; top:240px; left:224px}
.clnf li:nth-child(3):hover{background:url(../images/f12b.png) no-repeat center; width:48px; height:63px; top:240px; left:224px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}

.clnf li:nth-child(4){background:url(../images/f9.png) no-repeat center; width:48px; height:63px; top:163px; left:370px}
.clnf li:nth-child(4):hover{background:url(../images/f9b.png) no-repeat center; width:48px; height:63px; top:163px; left:370px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}


.clnf li:nth-child(5){background:url(../images/f13.png) no-repeat center; width:48px; height:63px; top:240px; left:333px}
.clnf li:nth-child(5):hover{background:url(../images/f13b.png) no-repeat center; width:48px; height:63px; top:240px; left:333px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}

.clnf li:nth-child(6){background:url(../images/f14.png) no-repeat center; width:48px; height:63px; top:240px; left:435px}
.clnf li:nth-child(6):hover{background:url(../images/f14b.png) no-repeat center; width:48px; height:63px; top:240px; left:435px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}


.clnf li:nth-child(7){background:url(../images/f10.png) no-repeat center; width:48px; height:63px; top:163px; left:532px}
.clnf li:nth-child(7):hover{background:url(../images/f10b.png) no-repeat center; width:48px; height:63px; top:163px; left:532px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}



.clnf li:nth-child(8){background:url(../images/f15.png) no-repeat center; width:48px; height:63px; top:240px; left:532px}
.clnf li:nth-child(8):hover{background:url(../images/f15b.png) no-repeat center;width:48px;height:63px;top:240px;left: 532px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}


.clnf li:nth-child(9){background:url(../images/f16.png) no-repeat center; width:48px; height:63px; top:240px; left:628px}
.clnf li:nth-child(9):hover{background:url(../images/f16b.png) no-repeat center; width:48px; height:63px; top:240px; left:628px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}


.clnf li:nth-child(10){background:url(../images/f17.png) no-repeat center; width:48px; height:63px; top:240px; left:705px}
.clnf li:nth-child(10):hover{background:url(../images/f17b.png) no-repeat center; width:48px; height:63px; top:240px; left:705px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}

.clnf li:nth-child(11){background:url(../images/f18.png) no-repeat center;width:48px;height:63px;top:240px;left: 805px;}
.clnf li:nth-child(11):hover{background:url(../images/f18b.png) no-repeat center;width:48px;height:63px;top:240px;left: 805px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}


.clnf li:nth-child(12){background:url(../images/f19.png) no-repeat center; width:78px; height:107px; top:240px; left:930px}
.clnf li:nth-child(12):hover{background:url(../images/f19b.png) no-repeat center; width:78px; height:107px; top:240px; left:930px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}
			
.clnf li:nth-child(13){background:url(../images/f11.png) no-repeat center; width:48px; height:63px; top:240px; left:133px}
.clnf li:nth-child(13):hover{background:url(../images/f11b.png) no-repeat center; width:48px; height:63px; top:240px; left:133px;transition:1s linear;transform:translateY(-20px);
            -webkit-transform:translateY(-20px);  
            -moz-transform:translateY(-20px);}


/*foot*/

.foot_x{ width:100%; height:7px; background-color:#231815}


.foot{ background-image:url(../images/foot-bg.jpg);background-position:top center;height:482px;clear:both;position:relative;font-family:"微软雅黑";position:relative; overflow:hidden}
.foot ul{/* width: 878px; */height: 54px;margin:0 auto;margin-left: 155px;}
.foot ul li{width:146px;height: 54px;float:left;line-height: 54px;text-align:center;position:relative;cursor:pointer}
.foot ul li a{display:block;font-size:16px;font-family:"微软雅黑";color:#000;cursor:pointer;/* line-height: 30px; */}
.foot ul li a:hover{ background-color:#d2d2d2; display:block; color:#000;}

.foot .nav{position:absolute;padding-top:3px;display:none;z-index:99999 !important;left:0;width:100%;background:url(../images/footbg02.jpg) no-repeat;top: 55px;padding-bottom:15px;border-radius: 0 0 3px 3px;background-color: #fff;/* height: 310px; */}


.foot ul li:nth-child(1) .nav{background:url(../images/footbg01.jpg) no-repeat;border-radius: 0 0 3px 3px;background-color: #fff;height: 265px;}
.foot ul li:nth-child(4) .nav{background:url(../images/footbg01.jpg) no-repeat;border-radius: 0 0 3px 3px;background-color: #fff;height: 265px;}
.foot ul li:nth-child(6) .nav{background:url(../images/footbg03.jpg) no-repeat;height: 144px;border-radius: 0 0 3px 3px;background-color: #fff;}
.foot .nav a{ text-align:center;line-height:40px;height: 40px;}

.foot .nav a{width:119px; margin:0 auto}

.foot .nav a:hover{ background-color:#d2d2d2; display:block; color:#000; width:119px;  margin:0 auto}
.foot .nav a.hover{width:81px;height:20px;background-color:#ea5234;color:#fff;line-height:20px;text-align:center;margin:0 auto;margin-top:5px;cursor:pointer;font-size: 12px;border-radius: 5px;}

.foot .menu li .nav a{ float:left; color:#fff;width:100%; text-align:center;line-height:28px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;background:#206fb2; margin-top:2px;position:relative;}