@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:#ffbb00; 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*/
/*top*/
#top_main{margin:0 auto; position:relative; z-index:66; width:100%;}
#top_main1{margin:0 auto; z-index:66; width:100%;}

#top_main #top{height:86px;position:relative;box-sizing:border-box;z-index: 11;min-width: 1300px; }
#top_main #top .logo{display: inline-block;vertical-align: middle; width:290px;float:left; margin-left:50px;}
#top_main #top .logo .weblogo{display: block; width:290px;height:52px;vertical-align: middle; margin-top:18px; }
#top_main #top .top_r{position:relative; margin-right:50px;}

.top_main.fixed{ position:fixed; left:0; top:0; width:100%; background-color:#fff; z-index:999;}
#top .header_search{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;  margin-top: 28px; height:40px; margin-right:40px;}
#top .header_search .search_btn{width:60px; height:30px; cursor: pointer;background: url(../images/yc11_03.png) no-repeat center center; border-radius:20px;}
#top .header_search .search_btn:hover{opacity:.8;filter:alpha(opacity=80);}
#top .header_search .search_main{position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 0px; top:80px; overflow: hidden; background: #fff;}
#top .header_search .search_box{width:280px;height:40px;margin-top:20px;margin-left:40px;background:url(../images/search_main.png) no-repeat bottom center;}
#top .header_search .search_box input{background-color: none; border: none;}
#top .header_search .search_box .stxt{width: 240px; height: 40px;line-height: 40px; display: block; text-indent: 10px;color:#999; background-color:transparent;}
#top .header_search .search_box .sbtn{width: 40px; height: 40px; display: block; cursor: pointer;background: url(../images/search1.png) no-repeat center center;}
#top .header_search.addy .search_main{width: 360px;}
#top .header_search.addy .search_btn{ background: url(../images/search2.png) no-repeat center center; width:60px; height:40px;}

.tel_main{ margin-right:30px; margin-top:36px;}
.tel_main .icon{ display:block; float:left; width:20px; height:20px; background-position:0px -122px; margin-top:2px;}
.tel_main p{ float:left; font-size:26px; color:#70a90d; font-family:"Arial"; padding-left:10px; line-height:26px;}
.tel_main p .tel_e{ display:block;font-size:20px; color:#333; font-family:"Arial"; line-height:20px;}
#top .top_tel{ font-size:24px; color:#666; line-height:24px; background:url(../images/yc10_03.png) left center no-repeat; padding-left:30px; font-family:"Arial"; margin-top:32px; margin-right:20px;}
/*nav*/
#nav{width:100%;height:86px;}
#nav ul{display:block;width:100%;}
#nav li{float:left;display:block;height:86px;font-size:14px;text-align:center;line-height:86px;margin:0 20px;position: relative;}
#nav li a{display:block;text-align:center;position: relative;height:86px;color: #333;line-height:86px; font-size:16px; padding:0 14px;}
#nav li a i{ width:0; height:2px; background-color:#ffbb00; position:absolute; left:0%; bottom:0;transition: all ease 300ms;}
#nav li:hover a,#nav li.hover a{color: #ffbb00; font-weight:bold;}
#nav li:hover a i,#nav li.hover a i{ width:100%;}
#nav li ul { position: absolute;  left:50%; margin-left:-60px; top:86px;  z-index: 199; opacity: 0; visibility: hidden; height: auto; overflow: hidden; width:120px; background-color:#fff; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0); margin-right:0;}
#nav li:hover ul { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); text-align:center;}
#nav li ul li { display: block; clear: left; width:100%; background: none; height:40px; border-bottom: #dedede solid 1px; line-height: 40px; margin: 0; padding:0;text-align: center; margin-right:0; }
#nav li ul li:last-child{ border-bottom:none;}
#nav li:hover ul li a,#nav li.hover ul li a{ color:#333; font-weight:normal;}
#nav li ul li a{font-size:14px; border-radius:0; line-height:40px; height:40px;}
#nav li ul li:hover a,#nav li ul li.hover a{ color:#fff; }
#nav li ul li:hover a{background-color:#ffbb00;color: #fff; line-height:40px; height:40px;}

#top_main1 .logo{ background:url(../images/lo_b_01.png) right center no-repeat; width:456px; height:90px;}
#top_main1 .logo img{ display:block; margin-left:50px; margin-top:18px;}
#top_main1 #nav li a{ color:#333;}
#top_main1 #nav li a:hover,#top_main1 #nav li.hover a{height:34px;color: #fff;background-color:#aacd23; }
#top_main1 #nav li ul li:hover a,#top_main1 #nav li ul li.hover a{ color:#fff; }
#top_main1 #nav li ul li a{color:#fff; }
#top_main1 #nav li ul li:hover a{background-color:#96b61c;color: #fff; line-height:40px; height:40px;}
#top_main1 #top .header_search .search_btn{width:40px; height: 40px; cursor: pointer;background: url(../images/search3.png) no-repeat center center; border-radius:20px;}
#top_main1 #top .header_search.addy .search_btn{ background: url(../images/search2.png) no-repeat center center;}
#top_main1 #top .top_r { position: relative; margin-right: 80px;}

/* banner */
.banner_main { width: 100%; overflow: hidden; position: relative; z-index: 2;}
.banner_main .banner { width: 100%; min-width: 1000px;padding: 0 0 42.05%; 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:110px; z-index: 10;}
.banner_main .banner .tip span { width:20px; height:20px; margin: 0 5px; display: inline-block; cursor: pointer; vertical-align: top; background: none;  background-color:#fff;}
.banner_main .banner .tip span.cur { background: #ffbb00;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:380px; background-color:#252525; 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:329px;}
.bottom_main .bottom_nav{ width:1000px; display:inline-block; margin-top:64px;}
.bottom_main .bottom_nav ul{ width:150px; 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:#fff;}
.bottom_main .bottom_nav ul i{ display:block; width:71px; height:13px; background:url(../images/yc8_03.png) center center no-repeat; margin-top:16px; margin-bottom:20px;}
.bottom_main .bottom_nav ul li a{ display:block; font-size:14px; color:#ccc; line-height:26px;}
.bottom_main .bottom_nav ul li a:hover{color: #fff;}
.bottom_main .bottom_nav ul.ul5{ width:230px;}
.bottom_main .bottom_nav ul p{ display:block; font-size:14px; color:#ccc; line-height:26px;}
.bottom_main .bottom_tit{ padding-top:64px; width:166px; text-align:right;}
.bottom_main .bottom_tit .r1 p{}
.bottom_main .bottom_tit .r1 p img{ display:inline-block; width:97px;}
.bottom_main .bottom_tit .r2{ font-size:18px; color:#fff; margin-top:14px; line-height:24px; }

.bottom_main .ewm{ width:200px; margin-top:26px;}
.bottom_main .ewm img{ display:block; width:120px; float:left;}
.bottom_main .ewm p{  float:left; margin-left:12px; width:16px; font-size:14px; color:#fff; line-height:16px; padding-top:4px;}

.bottom_main .bottom_copy{ line-height:50px; height:50px; font-size:12px; color:#999; clear:left; width:100%; border-top:#434343 solid 1px;}
.bottom_main .bottom_copy span{ padding-left:10px;}
.bottom_main .bottom_copy a{ display:inline-block; font-size:12px; color:#999; padding-left:5px; padding-right:5px;}
.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;}
.floor_1_1{ position:relative; text-align:center; padding-top:60px;}
.floor_1_1 ul{ display:inline-block; width:100%; overflow:hidden;}
.floor_1_1 ul li{ width:33.3%; float:left; transition: transform 0.3s ease; position:relative; }
.floor_1_1 ul li img{ display:block; width:100%;}
.floor_1_1 ul li p{ background:url(../images/yc2_03.png); position:absolute; left:0; bottom:0; height:90px; width:100%; line-height:90px; font-size:36px; color:#fff;transition: all ease 300ms;}
.floor_1_1 ul li:hover p{ height:100%; background:url(../images/yc3_03.png); line-height:100%;}
.floor_1_1 ul li:hover p span{ display:block; width:100%; position:absolute;top:49%;translateY(-55%)}

.floor_2_main .in_title b{display:block; width:68px; height:51px; background:url(../images/yc9_07.png) center center no-repeat; margin:0 auto;}
.floor_2_main .in_title i{ background-color:#ffbb00;}
.floor_2_main .floor_2_2{ padding-top:50px; text-align:center;}
.floor_2_main .floor_2_2 ul{ display:inline-block;}
.floor_2_main .floor_2_2 ul li{ display:block; float:left; margin:0 22px; text-align:left;}
.floor_2_main .floor_2_2 ul li h3{ font-size:50px; color:#ffbb00; line-height:60px; font-weight:bold;}
.floor_2_main .floor_2_2 ul li h3 span{ font-family:"Arial"; font-size:60px; float:left;}
.floor_2_main .floor_2_2 ul li h3 b{ font-size:50px; color:#ffbb00; line-height:60px; font-weight:bold; float:left;}
.floor_2_main .floor_2_2 ul li h3 i{ display:block; font-size:14px; float:left; line-height:14px; margin-top:6px;}
.floor_2_main .floor_2_2 ul li p{ font-size:14px; color:#ffbb00; line-height:14px; padding-left:6px; width:100%; clear:left; }
.floor_2{ display:inline-block; width:100%; padding-top:36px; }
.floor_2 dt{ float:left; width:400px; height:252px;}
.floor_2 dt img{ display:block; width:400px; height:252px;}
.floor_2 dd{ float:right; width:758px;}
.floor_2 dd p{ font-size:14px; color:#666; line-height:24px; text-indent:28px; height:202px;}
.floor_2 dd a{ display:block; width:184px; height:48px; background-color:#ffbb00; float:right; text-align:center; line-height:48px; font-size:16px; color:#fff; }
.floor_2 dd a:hover{ background-color:#dca203;}

.floor_3_main{ background:url(../images/yc12_02.jpg) center center no-repeat; width:100%; height:856px; margin-top:90px;}
.floor_3_main .in_title b{display:block; width:58px; height:58px; background:url(../images/yc9_11.png) center center no-repeat; margin:0 auto;}
.floor_3_main .in_title h3{ color:#fff;}
.floor_3_main .in_title i{ background-color:#ffbb00; margin-top:24px;}
.floor_3_1{ width:100%; padding-top:60px;}
.floor_3_1 ul{ display:inline-block; width:100%;}
.floor_3_1 ul li{ display:block; width:170px; height:100px;overflow:hidden; float:left; border:#eee solid 1px; margin-left:-1px; margin-top:-1px; transition: all ease 300ms;}
.floor_3_1 ul li img{ display:block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; width:100%;}
.floor_3_1 ul li:hover{ transform: scale(1.06, 1.06);box-shadow: 0px 5px 25px #dbd9da; position:relative; z-index:2;}

.floor_4_main{ width:100%; padding-bottom:100px;}
.floor_4_main .in_title b{display:block; width:59px; height:50px; background:url(../images/yc9_15.png) center center no-repeat; margin:0 auto;}
.floor_4_main .in_title i{ margin-top:24px;}
.floor_4_1{ width:1200px; margin-top:42px; position:relative;}
.floor_4_1 ul{ display:inline-block; width:105%;}
.floor_4_1 ul li{ width:385px; height:448px; background-color:#f8f8f8; margin-right:22px; float:left;}
.floor_4_1 ul li b{ display:block; width:385px; height:215px; overflow:hidden;}
.floor_4_1 ul li b img{ display:block; width:385px; height:215px; transition: all .36s ease;}
.floor_4_1 ul li:hover img {transform: scale(1.1);}
.floor_4_1 ul li .ne_t{ width:343px; height:172px; border-top:none; padding:30px 20px; border:#e0e0e0 solid 1px;}
.floor_4_1 ul li .ne_t em{ display:block; float:left; width:74px; text-align:right; font-size:14px; color:#999; line-height:14px; position:relative;}
.floor_4_1 ul li .ne_t em span{ display:block; font-size:26px; color:#333; line-height:26px; padding-bottom:6px;}
.floor_4_1 ul li .ne_t em s{ display:block; width:30px; height:5px; background-position:-387px -0px; position:absolute; right:0; top:90px;}
.floor_4_1 ul li .ne_t p{ float:right; width:240px; font-size:18px; color:#333; line-height:24px;}
.floor_4_1 ul li .ne_t p i{ display:block; height:48px;}
.floor_4_1 ul li .ne_t p span{ display:block; font-size:14px; color:#999; line-height:22px; padding-top:12px; font-weight:normal;}
.floor_4_1 ul li:hover{ background-color:#fff;box-shadow:0px 5px 15px #eaeaea;}
.floor_4_1 ul li:hover p{ color:#f4b300; font-weight:bold;}
.floor_4_1 ul li:hover .ne_t{}

.floor_4_1 .cxd{ display:block; width:186px; height:50px; background-color:#ffbb00; text-align:center; line-height:50px; font-size:16px; color:#fff; margin:0 auto; margin-top:60px;}
.floor_4_1 .cxd:hover{ background-color:#daa001;}



@-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: 20%; 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: #edaf03; 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:#edaf03;} 
.rightFix .ico:hover{background-color: #edaf03; border-color: #edaf03; 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*/








@media (max-width: 1800px) {
}

@media (max-width: 1700px) {
}
@media (max-width: 1660px) {
}
@media (max-width: 1600px) {
#nav li{ margin:0 14px;}
#nav li a{ padding:0 10px;}
}
@media (max-width: 1575px) {
}

@media (max-width: 1536px) {
#nav li{ margin:0 10px;}
#nav li a{ padding:0 8px;}
#top_main #top .top_r{ margin-right:20px;}
	
}

@media (max-width: 1366px) {
}