@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#333;}
h1,h2,h3,h4,h5,h6,font {font-size:14px; font-weight:normal;}
ul,ol{list-style:none;}
img{border:0px; display: block;margin:0; padding:0;}
em,i,strong{ font-style:normal; }
button,input,select,textarea{font-size: 100%;}
table {border-collapse: collapse;border-spacing:0;}
body{ background:#fff;}
*{padding:0px; margin:0px }
div{ margin:0; padding:0; border:0;}
p{ margin:0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{ list-style: none outside none;}
html{ min-width:1366px; }
/*链接*/
a{ text-decoration:none; color:#333; background: transparent;  outline:none;cursor:pointer ;}
a:focus { outline:none; }
a:hover,a:active{ color:#e60013; text-decoration:none; }
a:visited{text-decoration:none;}

/*表单*/
form {margin: 0;}
button,input,select,textarea {
    font-size: 100%;  /* Correct font size not being inherited in all browsers. */
    margin: 0;  /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */
    vertical-align: baseline; /* Improve appearance and consistency in all browsers */
    *vertical-align: middle; /* Improve appearance and consistency in all browsers */
    outline:none;
}
button,select {text-transform: none;}
input{ line-height: normal; border:none;}
textarea{ -moz-box-sizing: border-box;  background: #dddddd;border: 1px solid #999999;width:99%;}
fieldset{display: block;-webkit-margin-start: 2px;-webkit-margin-end: 2px;-webkit-padding-before: 0.35em;-webkit-padding-start: 0.75em;-webkit-padding-end: 0.75em;-webkit-padding-after: 0.625em;min-width: -webkit-min-content;border-width: 2px;border-style: groove;border-color: threedface;border-image: initial;}
/*其它*/
blockquote {margin: 1em 40px;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp {font-size: 1em;}
pre {margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word; }
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
dd {margin:0;}
audio:not([controls]) {display: none; height: 0;}
/*==========@@HTML默认  结束@@==========*/


/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {color: #F00 !important;}

/*清除浮动*/
.clearfix:after {visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0; }
.clearfix{*zoom:1;}
.clear { clear:both; }
.fl,.left{ float:left;}
.fr,.right{ float:right;}
/*其它*/
.hidden{ display:none;}

/*必须输入，主要*/
.required{ color:red; font-weight:bold;}
.form_text_verifycode { width:80px; }
.form_radio{ width:auto; border:0;}
.form_checkbox{ width:auto; border:0}

/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
.icon1{background:url(../images/icon1.png) no-repeat; display:inline-block; vertical-align:middle;}
#banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}

/*top*/
.header_t{ height:100px; background-color: #fff;}
.logo{ padding-top:16px;}
.logo img{ display:block; float:left;}
.header_r{ padding-top:22px;}
.box_ml20{ margin-left:20px;}
.img_m,.text_m{ display:inline-block; vertical-align: middle;}
.text_m{ background:url(../images/hr2_03.png) left center no-repeat; padding-left:56px;}
.header_tel .th_t { font-size: 16px; color: #666;}
.header_tel .t_d { font-size: 24px;}
.hsearch{ position: relative;border-left:1px solid #ddd; border-right: 1px solid #ddd; padding: 0 10px;  z-index: 5; margin:16px 0px 0 50px; display: block; width: 36px; height: 36px;}
.hsearch_box{position: absolute; right:10px; top: 0; height: 30px;}
.hsearch_input, .hsearch_btn{outline: 0; box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-appearance: none;}
.hsearch_input{padding: 0; vertical-align: top; width: 0; line-height:26px; height:26px;background-color: #fff; border:none; border-radius: 30px;}
.hsearch_hover .hsearch_input{padding: 8px 40px 8px 19px; width: 200px; transition: width .3s; -moz-transition: width .3s; -webkit-transition: width .3s;border: 1px solid #e60013;}
/*.hsearch_hover .hsearch_btn{background-color: #009944;}*/
.hsearch_btn{position: absolute; background-color: transparent; cursor: pointer; z-index: 5; top: 0px; right: 0px; display: block; width: 36px; height: 36px; background:url(../images/hr2_06.png) center center no-repeat;  background-repeat: no-repeat; background-position: center center; border: none; overflow: hidden;}
.hsearch_hover .hsearch_box { position: absolute; right:0px; top: -5px; height: 30px;}
.hsearch_hover .hsearch_btn{top: 2px;right: 8px;}

.h_nav{ height:40px; clear: both; background-color: #e60013; position: relative; width: 100%; z-index: 1111;}
.nav { border-left: 2px solid rgba(255,255,255,.1); height: 40px;}

.nav{border-left:2px solid rgba(255,255,255,.1); height: 40px;}
.nav .item_li{ float:left; height: 40px; width: 12.5%; }
.nav .item_a{display:block; border-right:2px solid rgba(255,255,255,.1);line-height: 40px;  font-size:16px;  color:#fff; padding: 0 0px; text-align: center; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;}
.nav .item_a::before{ width:0; height: 100%; background-color: #f39800; display: block; position: absolute; content: ''; bottom: 0; left: 50%; font-size: 0; overflow: hidden; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); z-index: -1;transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.nav .item_a:hover::before/*,.nav .active .item_a::before*/,.nav .hover .item_a::before{ width:100%;}
.nav .item_a:hover{ color:#fff;background-color: #f39800;}

/*二级导航*/
.sec_nav{ position: absolute; /*opacity: 0;*/ z-index: 1111; display: none;  line-height: 40px; text-align: left; top:40px; left: 0; /*background-color: rgba(0,150,70,.9); */height:auto; width: 100%;background-color: #666\9;background-color: rgba(255,255,255,.9); padding-bottom:20px; }
.sec_nav,.sec_nav a{ color:#333; }
.sec_nav .sec_nav_i a{ display:block; width:100%; position: relative; border-bottom:#ddd solid 1px;  text-align:center;}
.sec_nav .sec_nav_i a::before{ bottom:0; left:50%; width:0; height: 3px; background-color: #f39800; font-size: 0; overflow: hidden; -moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%); display: block; position: absolute; content: '';transition:all 300ms ease;  -moz-transition:all 300ms ease;  -webkit-transition:all 300ms ease;}
.sec_nav .sec_nav_i a:hover::before{ color:#fff; width:100%;}
/*.item_li.li2 .sec_nav_i{ padding-left: 132px;}
.item_li.li3 .sec_nav_i{ padding-left: 264px;}
.item_li.li4 .sec_nav_i{ padding-left: 266px;}
.item_li.li5 .sec_nav_i{ padding-left: 528px;}
.item_li.li6 .sec_nav_i{ padding-left: 660px;}
.item_li.li7 .sec_nav_i{ padding-left: 824px;}
.item_li.li8 .sec_nav_i{ padding-left: 976px;}
.item_li.li9 .sec_nav_i{ padding-left: 1000px;}*/
.min_1400 { margin: 0 auto; min-width: 1200px; _width: expression((documentElement.clientWidth < 1200) ? "1200px" : "auto" );}
.w_1400 { width: 1200px; margin: 0 auto;}
.sec_nav .sec_nav_i{ float:left; width:160px;padding-top:20px;}
.sec_nav .scs{ float:right; width:900px; padding-top:20px;}
.sec_nav .scs img{ display:block; width:340px; float:left;}
.sec_nav .scs p{ width:500px; float:left; margin-left:30px; }
.sec_nav .scs p span{ display:block; width:100%;}
.sec_nav .scs a{ display:block; width:160px; height:40px; border:#ddd solid 1px; text-align:center; line-height:40px; margin-top:20px;}
.sec_nav .scs a:hover{ background-color:#f39800; border:#f39800 solid 1px; color:#fff;}



/* banner */
.banner_main { width: 100%; overflow: hidden; position: relative; z-index: 2;}
.banner_main .banner { width: 100%; min-width: 1000px;padding: 0 0 33.11%; z-index: 20; position: relative; overflow: hidden; *zoom: 1;}
.banner_main .banner .list { width: 100%;}
.banner_main .banner li { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}
.banner_main .banner li img { width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}
.banner_main .banner li a { width: 100%; display: block; height: 100%;}
.banner_main .banner .tip { width: 100%; height: 20px; text-align: center; position: absolute; left: 0; bottom:36px; z-index: 10;}
.banner_main .banner .tip span { width:16px; height:16px; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; background: none;  background-color:#e60013; border-radius:20px;}
.banner_main .banner .tip span.cur { background: #dc8900;opacity:1;}
.banner_main .banner .prev,.banner_main .banner .next { width:64px; height:64px; position: absolute; z-index: 12; top: 50%; margin-top: -30px; cursor: pointer; background-position: -0px -0px;display:none;}
.banner_main .banner .prev {left:8%; background-position: -0px -0px;}
.banner_main .banner .prev:hover { background-position:  -162px -0px;}
.banner_main .banner .next { right:8%; background-position: -94px -0px;}
.banner_main .banner .next:hover { background-position: -256px -0px;}
.banner_main .banner:hover .prev,.banner_main .banner:hover .next{ display:block;}
@media (min-width: 1460px) {
  .banner_main .banner .prev,.banner_main .banner .next { width:63px; height:63px; margin-top: -30px; cursor: pointer; background-position:  -0px -0px; display:none; }
  .banner_main .banner .prev { left:8%; background-position:-0px -0px;}
  .banner_main .banner .prev:hover { background-position: -162px -0px;}
  .banner_main .banner .next { right:8%; background-position: -94px -0px;}
  .banner_main .banner .next:hover {  background-position: -256px -0px;}
  .banner_main .banner:hover .prev,.banner_main .banner:hover .next{ display:block;}
}



:-moz-placeholder{/* Mozilla Firefox 4 to 18 */ color: #999; opacity:1;}
::-moz-placeholder{/* Mozilla Firefox 19+ */ color: #999;opacity:1;}
input:-ms-input-placeholder{color: #999;opacity:1;}
input::-webkit-input-placeholder{color: #999;opacity:1;}


.bottom_main{width:100%; height:296px; background-color:#f6f6f6; position:relative; z-index:1;clear: left;}
.bottom_main1{width:100%; height:312px; background-color:#ffbb00; position:relative; z-index:1;clear: left;}
.bottom_main .cvv{ height:242px;}
.bottom_main .bottom_nav{ width:743px; display:inline-block; margin-top:44px;}
.bottom_main .bottom_nav ul{ width:260px; text-align:left; float:left;}
.bottom_main .bottom_nav ul li{ line-height:26px;}
.bottom_main .bottom_nav ul li h3{}
.bottom_main .bottom_nav ul li h3 a{ display:block; font-size:18px; color:#333;}
.bottom_main .bottom_nav ul i{ display:block; width:100%; height:10px;}
.bottom_main .bottom_nav ul li a{ display:block; font-size:14px; color:#333; line-height:30px;}
.bottom_main .bottom_nav ul.ul1{ width:250px;}
.bottom_main .bottom_nav ul.ul2{ width:166px;}
.bottom_main .bottom_nav ul p a{ display:block; float:left; font-size:14px; color:#333; line-height:30px; width:130px;}
.bottom_main .bottom_nav ul.ul1 p a{ width:100px;}
.bottom_main .bottom_nav ul li a:hover{color: #e60013;}
.bottom_main .bottom_nav ul p a:hover{color: #e60013;}
.bottom_main .bottom_tit{ padding-top:44px; width:318px;}
.bottom_main .bottom_tit .r1 p{}
.bottom_main .bottom_tit .r1 p img{ display:inline-block; width:213px;}
.bottom_main .bottom_tit .r2 p{ font-size:16px; color:#333; line-height:34px; background:url(../images/hr8_03.png) left center no-repeat; padding-left:40px; }
.bottom_main .bottom_tit .r2 i{ display:block; font-size:30px; color:#e60013; line-height:30px; padding-top:6px;}

.bottom_main .ewm{ width:118px; margin-top:44px; text-align:center;}
.bottom_main .ewm img{ display:block; width:118px;}
.bottom_main .ewm span{ display:block; font-size:12px; color:#333; line-height:16px; padding-top:6px;}

.bottom_main .bottom_copy{ line-height:60px; height:60px; font-size:12px; color:#fff; clear:left; width:100%; background-color:#e60013;}
.bottom_main .bottom_copy span{ padding-left:10px;}
.bottom_main .bottom_copy a{ display:inline-block; font-size:12px; color:#fff; padding-left:10px; padding-right:10px;}
.bottom_main .bottom_copy a:hover{ color:#fff;}
.bottom_main .bottom_copy p{ float:left;}
.bottom_main .bottom_copy i{ float:right;}

.bottom_main1 .bottom_nav{ width:600px; display:inline-block; margin-top:66px;}
.bottom_main1 .bottom_nav ul{ width:150px; text-align:left; float:left; height:220px;}
.bottom_main1 .bottom_nav ul li{ line-height:26px;}
.bottom_main1 .bottom_nav ul li h3{ padding-bottom:8px;}
.bottom_main1 .bottom_nav ul li h3 a{ display:block; font-size:18px; color:#fff;}
.bottom_main1 .bottom_nav ul li a{ display:block; font-size:14px; color:#eee;}
.bottom_main1 .bottom_nav ul li a:hover{color: #fff;}
.bottom_main1 .bottom_tit{ padding-top:66px;}
.bottom_main1 .bottom_tit .r1{  width:400px;}
.bottom_main1 .bottom_tit .r1 p{ width:269px;}
.bottom_main1 .bottom_tit .r1 p img{ width:213px; height:47px;}
.bottom_main1 .bottom_tit .r1 p span{ font-size:12px; color:#666; display:block;padding-top:10px; line-height:20px; }
.bottom_main1 .bottom_tit .r2 p{ font-size:14px; color:#fff; text-align:left; margin-top:26px; background:url(../images/icon.png) left center no-repeat; line-height:14px; background-position:-135px -366px; padding-left:22px;}
.bottom_main1 .bottom_tit .r2 em{ display:block; font-size:30px; color:#eee; text-align:left; font-family:"Arial"; padding-top:10px;}

.bottom_main1 .ewm{ width:200px; margin-top:66px;}
.bottom_main1 .ewm img{ display:block; width:120px;}
.bottom_main1 .ewm p{ margin-left:12px; font-size:14px; color:#fff; line-height:16px; padding-top:6px;}

.bottom_copy1{ height:50px; background-color:#d86203; line-height:50px; font-size:14px; color:#efe0ce; clear:left; }
.bottom_copy1 span{ padding-left:10px;}
.bottom_copy1 a{ display:inline-block; font-size:12px; color:#efe0ce; padding-left:10px; padding-right:10px;}
.bottom_copy1 a:hover{ color:#fff;}


/*index*/
.index{position:relative;}
.index .title{padding-top:80px;}
.index .title .tit{font:normal 26px "microsoft yahei";color:#333;text-align:center;}
.index .title .entit{font:normal 14px "AvantGarde Bk BT";color:#999;text-align:center;}
.index .learnMore{display:block;width:130px;height:32px;margin-top:30px;font:normal 12px arial;color:#333;line-height:32px;text-align:center;background:url("../images/learnMore.png") no-repeat;transition:all ease 600ms;}
.index .learnMore:hover{color:#fff;background:url("../images/learnMore1.png") no-repeat;transition:all ease 600ms;}
.index #floor_1_main{position:relative;padding-bottom:60px;}
.index .wBg{position:absolute;bottom:0;left:58px;width:650px;height:292px;background:url("../images/wBg.png") no-repeat;z-index:3;}

/**/
.in_title{ padding-top:80px; text-align:center; margin:0 auto;}
.in_title b{ display:block; width:58px; height:41px; background:url(../images/yc9_03.png) center center no-repeat; margin:0 auto;}
.in_title h3{ display:block;font-size:36px; color:#666;line-height:36px; padding-top:16px;}
.in_title i{ margin:0 auto; display:block; width:40px; height:2px; background-color:#ccc; margin-top:14px;}

.index_sou{}

.floor_1_main{ width:100%; position:relative; z-index:66; padding-top:80px;}
.floor_1{ display:inline-block; width:100%;}
.floor_1_1{ position:relative; float:left; width:560px;}
.floor_1_1 h3{ font-size:36px; color:#000; line-height:36px; font-weight:bold;}
.floor_1_1 .xx{ font-size:14px; color:#000; line-height:26px; margin-top:20px;}
.floor_1_1 ul{ display:inline-block; width:105%;}
.floor_1_1 ul li{ width:110px; float:left; margin-right:36px; text-align:center; margin-top:20px;}
.floor_1_1 ul li p{ display:block; width:92px; height:65px; background-color:#f3f3f3; border-radius:100px; margin:0 auto;transition: all .36s ease; padding-top:27px;}
.floor_1_1 ul li span{ display:block; width:100%; font-size:15px; color:#000; line-height:18px; padding-top:10px;}
.floor_1_1 ul li:hover p{ background-color:#e60013;}
.floor_1_1 ul li.li1 p i{ display:block; width:47px; height:40px; background-position:0px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li2 p i{ display:block; width:47px; height:40px; background-position:-52px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li3 p i{ display:block; width:47px; height:40px; background-position:-117px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li4 p i{ display:block; width:47px; height:40px; background-position:-181px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li5 p i{ display:block; width:47px; height:40px; background-position:-237px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li6 p i{ display:block; width:47px; height:40px; background-position:-289px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li7 p i{ display:block; width:47px; height:40px; background-position:-354px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li8 p i{ display:block; width:47px; height:40px; background-position:-418px 0px; margin:0 auto;transition: all .36s ease;}
.floor_1_1 ul li.li1:hover  p i{ background-position:0px -46px;}
.floor_1_1 ul li.li2:hover  p i{ background-position:-52px -46px;}
.floor_1_1 ul li.li3:hover  p i{ background-position:-117px -46px;}
.floor_1_1 ul li.li4:hover  p i{ background-position:-181px -46px;} 
.floor_1_1 ul li.li5:hover  p i{ background-position:-237px -46px;}       
.floor_1_1 ul li.li6:hover  p i{ background-position:-289px -46px;}
.floor_1_1 ul li.li7:hover  p i{ background-position:-354px -46px;}
.floor_1_1 ul li.li8:hover  p i{ background-position:-418px -46px;}

.floor_1_2{ position:relative; float:right; width: 600px;height: 414px;}
.floor_1_2 .video{ display:block; width: 600px;height: 414px;}



.floor_2_main{ margin-top:80px; height:526px; word-break:100%; background-color:#f7f7f7;}
.floor_2_1{ padding-top:78px; display:inline-block; width:100%;}
.floor_2_1 h3{ float:left; font-size:16px; color:#666; line-height:16px;}
.floor_2_1 h3 span{ display:block; font-size:36px; color:#000; line-height:36px; font-weight:bold; padding-bottom:10px;}
.floor_2_1 p{ float:right; padding-top:20px;}
.floor_2_1 p a{ display:block; width:166px; height:40px; border:#e2e2e2 solid 1px; text-align:center; line-height:40px; margin-left:-1px; float:left; font-size:16px;}
.floor_2_1 p a:hover{ border:#e60013 solid 1px; background-color:#e60013; color:#fff;}
.floor_2_2{ margin-top:42px; width:100%; position:relative;}
.floor_2_2 .bd{ width:100%; display:inline-block;}
.floor_2_2 .bd ul li{ display:block; width:272px; height:260px; background-color:#e9e9e9; float:left; margin-right:38px; text-align:center;}
.floor_2_2 .bd ul li b{ display:block; width:272px; height:207px; overflow:hidden;}
.floor_2_2 .bd ul li b img{ display:block; width:272px; height:207px; transition: all .36s ease;}
.floor_2_2 .bd ul li:hover img {transform: scale(1.1);}
.floor_2_2 .bd ul li h3{ font-size:18px; line-height:52px;}
.floor_2_2 .bd ul li:hover{ background-color:#e60013; color:#fff;}
.floor_2_2 .bd ul li:hover h3{ color:#fff;} 
.floor_2_2 .hd .prev{ display:block; width:26px; height:48px; background-position:-331px -220px; position:absolute; left:-100px; top:104px;}
.floor_2_2 .hd .next{ display:block; width:26px; height:48px; background-position:-369px -220px; position:absolute; right:-100px; top:104px;}
.floor_2_2 .hd .prev:hover{background-position:-331px -273px; }
.floor_2_2 .hd .next:hover{background-position:-369px -273px; }


.floor_3_main{ width:100%;}
.floor_3_1{ padding-top:78px; display:inline-block; width:100%;}
.floor_3_1 h3{ float:left; font-size:16px; color:#666; line-height:16px;}
.floor_3_1 h3 span{ display:block; font-size:36px; color:#000; line-height:36px; font-weight:bold;}
.floor_3_1 p{ float:right; padding-top:6px;}
.floor_3_1 p a{ display:block; font-size:18px; color:#777;}
.floor_3_1 p a i{ display:block; float:left; width:21px; height:21px; background-position:-357px -67px;}
.floor_3_1 p a span{ float:left; line-height:21px; padding-left:10px;}
.floor_3_1 p a:hover i{background-position:-357px -94px; }
.floor_3_1 p a:hover span{ color:#e60013;}
.floor_3_2{ display:inline-block; width:100%; padding-top:40px;}
.floor_3_21{ float:left; width:600px; float:left; height:450px; position:relative;}
.floor_3_21 .bd ul li{ width:600px; height:450px; position:relative;}
.floor_3_21 .bd ul li img{ display:block;width:600px; height:450px; transition: all .36s ease;}
.floor_3_21 .bd ul li:hover img {transform: scale(1.1);}
.floor_3_21 .bd ul li h3{ width:100%; height:50px; font-size:16px; color:#fff; padding-left:20px; background:url(../images/yc2_03.png); position:absolute; left:0; bottom:0; line-height:50px;}
.floor_3_21 .hd{ position:absolute; right:22px; bottom:10px;}
.floor_3_21 .hd ul{ display:inline-block;}
.floor_3_21 .hd ul li{ width:9px; height:9px; border:#fff solid 1px; border-radius:20px; font-size:0; float:left; margin-right:14px;}
.floor_3_21 .hd ul li.on{ background-color:#fff;}

.floor_3_22{ float:right; width:558px; height:450px;}
.floor_3_22 ul{ display:inline-block; width:100%;}
.floor_3_22 ul li{ height:90px; width:100%; margin-bottom:30px;}
.floor_3_22 ul li p{ width:92px; height:88px; border:#cecece solid 1px; float:left; text-align:center;}
.floor_3_22 ul li p span{ display:block; font-size:40px; color:#cecece; line-height:66px; font-weight:bold;}
.floor_3_22 ul li p i{ display:block; width:92px; height:22px; background:#cecece url(../images/hr6_03.png) center center no-repeat;}
.floor_3_22 ul li:hover p span{ color:#e60013;}
.floor_3_22 ul li:hover p i{ display:block;background:#e60013 url(../images/hr6_03.png) center center no-repeat;}
.floor_3_22 ul li h3{ float:right; width:436px; font-size:14px; color:#666; line-height:26px;}
.floor_3_22 ul li h3 span{ display:block; font-size:22px; color:#666; line-height:22px; font-weight:bold; padding-bottom:12px; padding-top:4px;}
.floor_3_22 ul li:hover h3 span{ color:#e60013;}

.floor_4_main{ width:100%;padding-bottom:80px;}
.floor_4_1{ padding-top:78px; display:inline-block; width:100%;}
.floor_4_1 h3{ float:left; font-size:16px; color:#666; line-height:16px;}
.floor_4_1 h3 span{ display:block; font-size:36px; color:#000; line-height:36px; font-weight:bold;}

.floor_4_2{ margin-top:40px; width:100%; }
.floor_4_2 ul{ display:inline-block; width:105%;}
.floor_4_2 ul li{ width:155px; height:57px; border:#e5e5e5 solid 1px; float:left; margin-right:17px;}
.floor_4_2 ul li i{ display:block; width:36px; height:36px; float:left; background-position:0px -100px; float:left; margin-top:11px; margin-left:14px;transition: all .36s ease;}
.floor_4_2 ul li p{ float:right; width:92px; padding-top:8px; font-size:16px; color:#333; line-height:20px;}
.floor_4_2 ul li p span{ display:block; color:#e60013;}
.floor_4_2 ul li.li2 i{background-position:-44px -100px;}
.floor_4_2 ul li.li3 i{background-position:-87px -100px;}
.floor_4_2 ul li.li4 i{background-position:-132px -100px;}
.floor_4_2 ul li.li5 i{background-position:-181px -100px;}
.floor_4_2 ul li.li6 i{background-position:-231px -100px;}
.floor_4_2 ul li.li7 i{background-position:-282px -100px;}
.floor_4_2 ul li:hover i{background-position:0px -142px;}
.floor_4_2 ul li.li2:hover i{background-position:-44px -142px;}
.floor_4_2 ul li.li3:hover i{background-position:-87px -142px;}
.floor_4_2 ul li.li4:hover i{background-position:-132px -142px;}
.floor_4_2 ul li.li5:hover i{background-position:-181px -142px;}
.floor_4_2 ul li.li6:hover i{background-position:-231px -142px;}
.floor_4_2 ul li.li7:hover i{background-position:-282px -142px;}
.floor_4_2 ul li:hover{ background-color:#e60013; border:#e60013 solid 1px;}
.floor_4_2 ul li:hover p{ color:#fff;}
.floor_4_2 ul li:hover p span{ color:#fff;}





@-webkit-keyframes big {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes rotate1 {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes rotate1 {
  0% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@-webkit-keyframes rotate1s {
  0% {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotate1s {
  0% {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotates {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
}
@keyframes rotates {
  0% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  50% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  100% {
    -webkit-transform: rotate(-0deg);
    transform: rotate(-0deg);
  }
}
/********.toolbar1*********/
/********.fixtool*********/
/*rightFix*/
.rightFix{width: 48px; position: fixed; right: 1%; bottom: 5%; margin-top: -110px; z-index: 99;}
.rightFix .ico{width: 48px; height: 48px; display: block; position: relative; overflow: hidden; margin: 0px; transition: all ease 300ms; margin-top: 1px; padding: 0px; border-radius: 48px; border: 1px solid #eee; margin-bottom: 5px; background: #fff url(../images/fix-ico.png) no-repeat center 0;cursor:pointer;}
.rightFix .ico img{width: 120px; height: 120px; position: absolute; left: -78px; top: 0; padding: 3px; background: #e60013; border: 1px solid #f0cd91; display: block; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 10px;}
.rightFix .ico span{width: 210px; text-align: center; height: 48px; line-height: 48px; position: absolute; left: -78px; top: 0; background: #fff; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 48px;}
.rightFix .ico span.ftel{background:#e60013;} 
.rightFix .ico:hover{background-color: #e60013; border-color: #e60013; overflow: visible;}
.rightFix .ico:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix .ico:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel{background-position: 11px 12px;}
.rightFix .fix-tel:hover{background-position: -33px 12px;}
.rightFix .fix-qq{background-position: 11px -40px;}
.rightFix .fix-qq:hover{background-position: -33px -40px;}
.rightFix .fix-ewm{background-position: 11px -96px;}
.rightFix .fix-ewm:hover{background-position: -33px -96px;}
.rightFix .fix_top{background-position: 11px -150px;}
.rightFix .fix_top:hover{background-position: -33px -150px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}
.rightFix .qq{background-position: 11px -192px;}
.rightFix .qq:hover{background-position: -33px -192px;}
/*css3*/
















