body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#333; -webkit-text-size-adjust: none; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());  }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% }
.text{ height: 20px; line-height: 20px; padding:0 8px; background: #fff; border:1px solid #c5c5c5; }
em{ font-style:normal;}
li{ list-style:none;}

/* head */

.head{ height:100px; background:#fff;}
.box{ margin:0 auto; width:1200px;}
h1{ float:left; padding-top:25px; }
.nav{ float:left; padding-top:33px; margin-left:363px;}
.nav li{ margin-left:10px; width:103px; float:left; height:39px; position:relative;}
.nav li a{ width:103px; height:36px; line-height:36px; display:block; text-align:center; font-size:16px; transition:all 0.5s ease 0s;}
.flex-direction-nav,.flex-control-nav{ display:none;}
.search{ float:right; padding-top:0px; height:36px; line-height:36px;top: 0px;}
.nav li a:hover,.nav li a.current{ background:#e10000; color:#fff; transition:all 0.5s ease 0s;}


.nav li .subnav{width: 103px;  line-height: 32px; position: absolute; left: 0; top: 36px;  z-index:9999999999999; background:url(../images/nav.png) left top; display:none;}
.nav li .subnav a{ height:33px; line-height:33px; text-align:center; overflow:hidden; color:#444444; width:100%; font-size:14px; }
.nav li .subnav a:hover{ color:#e10000; background:none;}
.index_head .nav li{ height:52px;}
.index_head .nav li .subnav{ top:52px;}


/* foot */
.foot{ background:#252525; padding:34px 0 12px 0;}
.foot p{ text-align:center; font-size:14px; color:#999999; line-height:24px;}
.foot p a{color:#999999;}
.foot p a:hover{color:#fff;}
/* about */
.catalog{ background:#f7f8fa;}
.cata_left{ float:left; padding:36px 0;}
.cata_left h3{ height:45px; line-height:45px; font-size:24px; font-weight:bold; color:#444444;}
.cata_left h3 span{ font-weight:normal; font-size:14px;color:#777777; text-transform:uppercase;}
.cata_left em{ display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#777777;} 
.cata_right{ float:right; text-align:right; font-size:14px; height:76px; line-height:76px; padding-top:36px; color:#777777;}
.cata_right a{ color:#777777; transition:all 0.5s ease 0s;}
.cata_right a:hover,.cata_right .red{ color:#e70012; transition:all 0.5s ease 0s;}
.about_word{ padding:30px 0; line-height:35px; font-size:14px; color:#777;}

.ent_word{margin:30px 0 0 0 ; line-height:35px; font-size:14px; color:#777; background:#f7f8fa; padding-bottom:30px;}

.ent_box{ margin:50px 0 100px 0;}
.ent_box dt{ width:50%; float:left; box-sizing:border-box;height:380px; background:#f7f8fa; }
.ent_box dt img{ height:380px; overflow:hidden; width:100%;}
.ent_box dd{ width:50%; float:left; box-sizing:border-box;height:380px; background:#f7f8fa;  }
.ent_box .idea{ padding:20px 60px 0; line-height:34px; font-size:14px; color:#777777; height:250px; overflow:hidden;}
.ent_box span{ height:74px; line-height:74px; display:block; overflow:hidden; font-size:16px; color:#444444; font-weight:bold; padding-left:60px;}

/* contact */
.contact_top img{ width:auto; height:auto; max-width:100%;}
.contact_top{ padding:30px 0 50px 0;}

.contact_bottom{ margin-bottom:50px;}

.contact_left{ float:left; width:520px;}
.contact_left h3{ width:180px; height:45px; line-height:45px; background:#e10000; color:#fff; text-align:center; font-size:18px; text-transform:uppercase; margin-bottom:20px;}
.contact_left span{ height:34px; line-height:34px; display:block; font-size:16px; overflow:hidden; color:#444; font-weight:bold;}
.contact_left p{ line-height:30px; font-size:14px; color:#777;}
.contact_left em{ margin-top:20px; display:block;}
.contact_right{ width:600px; float:right;}
.contact_right span{ line-height:30px; font-size:16px; color:#444; display:block;}
.contact_right em{ display:block; height:30px; line-height:30px; font-weight:bold; font-size:14px; color:#777; margin-top:30px;}
.contact_right p{line-height:30px; font-size:14px; color:#777; }

/* message */
.message{ padding-top:50px;}
.message_left{ background:url(../images/mess.jpg) left top no-repeat; width:269px; height:412px; float:left;}
.message_left span{ padding-top:15px; height:26px; line-height:26px; font-size:16px; color:#e10000; font-weight:bold; text-align:center; display:block;}
.message_left em{ height:20px; line-height:20px; color:#777777; display:block; text-align:center; overflow:hidden; font-size:14px; text-transform:uppercase;}

.message_right{ float:right;}

/* news */
.news_ul{ margin-left:-40px; padding-bottom:80px;}
.news_ul li{ margin:40px 0 0 40px; width:580px; height:360px; position:relative; overflow:hidden; position:relative; float:left;}
.news_ul li img{width:580px; height:360px; overflow:hidden;transition:all 1s ease 0s;}
.news_ul li .news_div{ position:absolute; left:0; bottom:12px; padding:0 35px; box-sizing:border-box; width:100%;} 
.news_div .news_tit{ height:30px; line-height:30px; overflow:hidden;}
.news_div .news_tit span{ display:block; float:left; width:370px; height:30px; overflow:hidden; color:#fff;transition:all .5s ease 0s;}
.news_div .news_tit em{ display:block; float:right; color:#fff;transition:all .5s ease 0s; }
.news_ul li:hover img{ transform:scale(1.1,1.1); transition:all 1s ease 0s;}
.news_ul li:hover .news_div .news_tit span{ transform:translateX(10px);transition:all .5s ease 0s; }
.news_ul li:hover .news_div .news_tit em{ transform:translateX(-10px);transition:all .5s ease 0s; }
.news_div p{ height:28px; line-height:28px; overflow:hidden; font-size:14px; color:#fff;}

.news_info{ background:#f7f8fa; margin:30px auto 50px; padding:30px 60px;}
.release span{ height:43px; line-height:43px; display:block; font-size:24px; color:#444; overflow:hidden;}
.release em{ display:block; height:32px; line-height:32px; overflow:hidden; color:#434345; font-size:14px; margin-bottom:20px;}

.news_word{ line-height:35px; font-size:14px; color:#777;}

/* pro */
.pro_cata{ padding-top:60px;  margin-left:-20px;}
.pro_cata a{ display:inline-block; width:280px; height:53px; line-height:53px; text-align:center; border:1px solid #e6e6e7; margin:0 0 20px 20px; font-size:18px; color:#777779;transition:all 0.5s ease 0s;}
.pro_cata a:hover,.pro_cata a.on{ background:#e6e6e7; transition:all 0.5s ease 0s;}


.pro_ul{ margin-left:-20px; padding-bottom:50px;}
.pro_ul li{ float:left; width:284px; margin:40px 0 0 20px; overflow:hidden; position:relative;}
.pro_ul li .pro_img{ display:block; width:284px; height:200px; overflow:hidden;}
.pro_ul li .pro_img img{ width:284px; height:200px; overflow:hidden; opacity:.8; transition:all 0.5s ease 0s;}
.pro_ul li:hover img{ opacity:1; transition:all 0.5s ease 0s;}
.pro_ul li .pro_tit{ height:60px; line-height:60px; background:#f7f8fa; display:block; font-size:14px; color:#444444; text-indent:20px;}
.pro_ul li .pdf{transition:all 0.5s ease 0s; width:32px; height:32px; display:block; border-radius:3px; background:#cacaca; text-align:center; line-height:32px; color:#fff; position:absolute; right:20px; bottom:14px;}
.pro_ul li .pdf:hover{ background:#e10000; transition:all 0.5s ease 0s;}
.pro_ul li:hover .pro_tit{ color:#e10000;} 

.pro_dl{ border:1px solid #e6e6e6; margin:60px 0 40px 0; padding:30px;}
.pro_dl dt{ float:left; width:427px; height:300px; overflow:hidden; margin-right:30px;}
.pro_dl dt img{  width:427px; height:300px;overflow:hidden; }
.pro_dl dd{ float:right; width:680px; float:left;}
.pro_dl dd h3{ height:60px; line-height:60px; background:#f7f8fa; text-indent:30px; font-size:18px; color:#e10000; margin-bottom:10px; position:relative;}
.pro_dl dd p{ line-height:30px; font-size:14px; color:#777; text-indent:30px;}
.pro_dl dd h3 a{ width:32px; height:32px; display:block; border-radius:3px; background:#e10000; text-align:center; line-height:32px; color:#fff; position:absolute; right:20px; bottom:14px; text-indent:0; font-size:12px;}

.pro_info{border:1px solid #e6e6e6;  margin-bottom:50px; padding-bottom:20px;}
.pro_info h3{ height:50px; line-height:50px; background:#f7f8fa url(../images/probj.jpg) 30px center no-repeat; padding-left:42px; font-size:14px; color:#777; margin-bottom:10px;}
.pro_info p{ padding:0 30px; line-height:30px; font-size:14px; color:#777777;}


.index_head{ width:100%; position:fixed; background:url(../images/index.png) left top; z-index:9999999; height:68px;}
.index_head h1{ padding:10px 0;}
html,body{ width:100%; height:100%;}
.index_head .head_inner .nav{ padding-top:16px;}
.index_head .head_inner .search{ padding-top:0px; height:68px; line-height:68px; width:25px;}
.index_head .head_inner .search i{height:68px; line-height:68px; width:25px;}
.index_head .head_inner .searchbox{}


.section2{ background:url(../images/page2.jpg) center top no-repeat; background-size:cover;}
.us_div{width:1200px;position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.us_left{ float:left; width:405px;}
.indext_tit { margin-bottom:23px;}
.indext_tit span{ display:block; color:#e70012; height:40px; line-height:40px; overflow:hidden; font-size:48px;}
.indext_tit em{ display:block; height:87px; line-height:87px; color:#999999; font-size:30px; overflow:hidden;}
.indext_tit i{ width:117px; height:2px; background:#252525; display:block;}

.us_word{ font-size:14px; color:#777; line-height:30px; height:331px; overflow:hidden; margin-bottom:23px;}
.us_left a{ width:138px; height:34px; line-height:34px; border:1px solid #777777; border-radius:15px; display:block; text-align:center; font-size:14px; color:#777;transition:all 0.5s ease 0s;}
.us_left a:hover{ background:#777; color:#fff; transition:all 0.5s ease 0s;}
.us_center{ width:381px; height:540px; margin-left:80px; overflow:hidden; float:left;}
.us_center img{width:381px; height:548px; overflow:hidden;}

.us_right{ float:right; width:220px;}
.us_right li{ height:138px; border-bottom:1px solid #dedede;}
.us_right li span{ display:block; padding-top:12px; height:54px; line-height:54px; border-bottom:1px solid #dedede; width:40px; margin:0 auto; color:#524e4f; font-size:30px;transition:all 0.5s ease 0s;}
.us_right li em{ height:42px; line-height:42px; display:block; text-align:center; font-size:14px; color:#777777; overflow:hidden;transition:all 0.5s ease 0s;}
.us_right li:hover span{ text-indent:-10px; color:#e70012; transition:all 0.5s ease 0s;} 
.us_right li:hover em{ transform:translateX(10px); color:#e70012;transition:all 0.5s ease 0s;} 
.section3{background:url(../images/pages3.jpg) center top no-repeat;}
.section3 .indext_tit em,.section5 .indext_tit em{ color:#fff;}
.section3 .indext_tit i,.section5 .indext_tit i{ background:#fff;}
.pro_div{ margin-top:47px; height:400px; position:relative;}
.pro_srocll{ width:1200px; height:400px; overflow:hidden; position:absolute; left:0; top:0;}
.pro_srocll ul{ width:100000px;}
.pro_srocll ul li{ float:left; margin-right:20px;width:284px;}
.pro_srocll li span{ display:block; width:284px; height:200px; overflow:hidden;}
.pro_srocll li span img{width:284px; height:200px; overflow:hidden; transition:all 1s ease 0s;}
.pro_srocll li:hover span img{transition:all 1s ease 0s; transform:scale(1.2,1.2)}
.pro_srocll li .pro_inner{ background:#ffffff; padding:0 30px; border:1px solid #efefef; border-top:0;}
.pro_inner em{ display:block; height:70px; line-height:70px; color:#000000; font-size:16px;transition:all 0.5s ease 0s;}
.pro_inner em:hover{ color:#e10000; transition:all 0.5s ease 0s;}
.pro_inner p{ height:73px; overflow:hidden; line-height:24px; font-size:14px; color:#777;}
.pro_inner i{ height:50px; line-height:50px; display:block; font-size:14px; color:#656565; overflow:hidden; padding-left:20px; color:#656565; background:url(../images/jian.jpg) left center no-repeat; font-style:normal;transition:all 0.5s ease 0s;}
.pro_inner i:hover{ background:url(../images/jian1.png) 10px center no-repeat;padding-left:30px; transition:all 0.5s ease 0s; color:#e10000; }
.activity{ margin-top:70px;}
.act_left{ float:left; width:570px; border:1px solid #efefef; height:398px;}
.act_img{ position:relative; width:568px; height:199px; overflow:hidden;}
.act_img img{width:568px; height:199px; overflow:hidden;}
.act_img .time{ position:absolute; left:0; top:0; width:69px; height:64px; background:url(../images/tiem.png) left top; text-align:center; color:#fff;}
.act_img .time span{ display:block; padding-top:6px; height:37px; line-height:37px; font-size:40px;}
.act_img .time em{ font-size:12px; display:block; height:15px; line-height:15px; overflow:hidden;}
.act_word{ padding:7px 30px 0;}
.act_word .act_tit{ height:60px; line-height:60px; font-size:16px; color:#000; display:block; overflow:hidden;transition:all 0.5s ease 0s;}
.act_word .act_tit:hover{ color:#e10000; transition:all 0.5s ease 0s; }
.act_word p{ height:80px; line-height:25px; font-size:14px; color:#777; overflow:hidden;}
.act_word .act_see{ height:50px; line-height:50px; display:block; font-size:14px; color:#656565; background:url(../images/jian.jpg) left center no-repeat; padding-left:20px;transition:all 0.5s ease 0s;}
.act_word .act_see:hover{ background:url(../images/jian1.png) 10px center no-repeat;padding-left:30px; transition:all 0.5s ease 0s; color:#e10000;}

.act_right{ float:right; width:550px;}
.act_right dl{ padding:15px 0 20px 0; border-bottom:1px dotted #efefef;}
.act_right dt{ float:left; width:86px; margin-right:12px; text-align:center;}
.act_right dt span{ height:43px; line-height:43px; display:block; overflow:hidden; color:#000; font-size:40px;}
.act_right dt em{ height:20px; line-height:20px; display:block; overflow:hidden; font-size:12px; margin-bottom:4px;}
.act_right dt i{ display:block; height:2px; width:24px; background:#e70012; margin-left:20px;}
.act_right dd{ width:450px; float:left;}
.act_right dd a{ margin-bottom:11px; height:27px; line-height:27px; overflow:hidden; display:block; color:#000; font-size:16px; transition:all 0.5s ease 0s;}
.act_right dd a:hover{color:#e10000; transition:all 0.5s ease 0s; }
.act_right dd p{ height:60px; overflow:hidden; line-height:20px; font-size:14px; color:#777;}


.section5{background:url(../images/pages4.jpg) center top no-repeat;}


.link_box{ padding:10px 0 0px 0; height:321px; position:relative;}
.link_scroll{ width:1200px; position:absolute; top:10px; left:50%;margin-left:-600px; overflow:hidden; }
.link_scroll ul{ width:100000px;}
.link_scroll ul li{ float:left;width:240px; margin-right:80px;}
.link_scroll ul li a{ width:240px; height:100px; overflow:hidden; display:block; border:1px solid #eaeaea; margin-top:60px; }
.link_scroll ul li a img{width:240px; height:100px; overflow:hidden; transition:all 0.5s ease 0s;-webkit-filter: grayscale(100%);     filter: grayscale(100%);}
.link_scroll ul li a img:hover{-webkit-filter: grayscale(0);     filter: grayscale(0);transition:all 0.5s ease 0s; }
.link_scroll ul li span{ display:none;}
.touch_left{ float:left; width:550px;}

.section6{background:url(../images/pages5.jpg) center top no-repeat;}
.touch_tit span{ height:42px; line-height:42px; font-size:24px; color:#252525; display:block; overflow:hidden;}
.touch_tit em{ display:block; overflow:hidden; font-size:16px; height:32px; line-height:32px; color:#777; font-family:Arial; text-transform:uppercase;}
.touch_tit { margin-bottom:28px;}
.touch_div p{ height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#777;}
.touch_div em{ padding-top:70px; display:block; width:120px; height:120px;}
.touch_div em img{width:120px; height:120px; overflow:hidden;}

.touch_right{ float:right; width:600px; padding-top:93px;}
.touch_right .touch_txt{ margin-top:26px; height:44px; line-height:44px; border:none; border-bottom:1px solid #cccccc; font-size:14px; padding-left:8px; color:#cccccc; background:none; width:100%; box-sizing:border-box;}
.touch_right textarea{ height:150px; padding:5px 0 0 8px;margin-top:26px; border:none; border-bottom:1px solid #cccccc; font-size:14px;  color:#cccccc; background:none; width:100%; box-sizing:border-box; resize:none;}
.touch_right .touch_sub{ width:176px; height:46px; line-height:46px; border:2px solid #cccccc; text-align:center; display:block; float:right; margin-top:28px; color:#777777; font-size:14px; background:none;transition:all 0.5s ease 0s;}
.touch_right .touch_sub:hover{ background:#cccccc; color:#fff; transition:all 0.5s ease 0s;}



.mess_txt{ margin-bottom:20px; border:1px solid #cdcdcd; height:46px; line-height:46px; background:#fff; width:100%; padding-left:8px; box-sizing:border-box; font-size:14px; color:#ababab}

.mess_sub{ width:180px; height:48px; line-height:48px; text-align:center; border:1px solid #cdcdcd; background:#ffffff; color:#676566; font-size:14px; margin-right:20px;transition:all 0.5s ease 0s;}
.mess_sub:hover{ background:#e10000; border:1px solid #e10000; color:#fff; transition:all 0.5s ease 0s;}

.mess_div{ margin-bottom:20px; overflow:hidden; }
.mess_div .mess_txt{border:1px solid #cdcdcd; height:46px; line-height:46px; background:#fff; width:200px; padding-left:8px; box-sizing:border-box; font-size:14px; color:#ababab; margin-right:20px;}


.details{ min-height:610px;}

.mouse{ position:absolute; left:0; bottom:40px; text-align:center; background:url(../images/dian.png) center center no-repeat; height:34px; z-index:99999999999999999; width:100%;}

.flex-control-nav {display:none;}
.flexslider {position: relative;width: 100%;height: 100%; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; width:100%; height:100%;}
.slides {width:100%; height:100%;}

.section7{ height:120px!important; }

.begin .indext_tit{ margin-bottom:18px;}
.begin .indext_tit em{ height:60px; line-height:60px;}
.begin .us_center{ height:500px; width:auto;}
.begin .us_right li{ height:120px;}
.begin .us_word{ margin-bottom:10px;}
.begin .us_div{ top:56%;}
.begin .pro_div{ margin-top:20px;}
.begin .activity{ margin-top:20px;}
.begin .touch_div em{ padding-top:30px;}
.begin .touch_right{ padding-top:50px;}


.sub-mouse{ width: 21px; height: 34px; position: absolute; bottom: 30px; left: 50%; cursor: pointer; z-index: 1; zoom: 0.7; -moz-transform: scale(0.7); z-index:999999999999; background:url(../images/dian.png) left top no-repeat;animation: ani-svg 0.85s linear 0s alternate infinite;
	 -webkit-animation: ani-svg 0.85s linear 0s alternate infinite;}
.sub-mouse:after{ display: none; z-index: -1; position: absolute; content: ''; bottom: -30px; left: 50%; height: 44px; border-right: 1px solid #fff; margin-left: -1px; background:url(../images/dian.png) left top no-repeat;}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}


.section3.active .indext_tit, .section5.active .indext_tit, .section4.active .indext_tit{-webkit-animation:fadeInDown 1s linear 0.2s both; -moz-animation:fadeInDown 1s linear 0.2s both; animation:fadeInDown 1s ease 0.2s both;}
.active .pro_div{-webkit-animation:fadeInUp 1s linear 0.2s both; -moz-animation:fadeInUp 1s linear 0.2s both; animation:fadeInUp 1s ease 0.2s both;}
.active .act_left{-webkit-animation:fadeInLeft 1s linear 0.2s both; -moz-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.active .act_right{-webkit-animation:fadeInRight 1s linear 0.2s both; -moz-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}

.active .link_box{-webkit-animation:fadeInUp 1s linear 0.2s both; -moz-animation:fadeInUp 1s linear 0.2s both; animation:fadeInUp 1s ease 0.2s both;}
.active .touch_left{-webkit-animation:fadeInLeft 1s linear 0.2s both; -moz-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}
.active .touch_right{-webkit-animation:fadeInRight 1s linear 0.2s both; -moz-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}

.active .us_left{-webkit-animation:down 1s linear 0.2s both; -moz-animation:down 1s linear 0.2s both; animation:down 1s ease 0.2s both;}
.active .us_right{-webkit-animation:down 1s linear 0.2s both; -moz-animation:down 1s linear 0.2s both; animation:down 1s ease 0.2s both;}
.active .us_center{-webkit-animation:shang 1s linear 0.2s both; -moz-animation:shang 1s linear 0.2s both; animation:shang 1s ease 0.2s both;}

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(80px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(80px)}
100%{opacity:1;-moz-transform:translateY(0)}}

@-webkit-keyframes down{0%{opacity:0;-webkit-transform:translateY(-80px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes down{0%{opacity:0;-moz-transform:translateY(-80px)}
100%{opacity:1;-moz-transform:translateY(0)}}


@-webkit-keyframes shang{0%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes shang{0%{opacity:0;-moz-transform:translateY(50px)}
100%{opacity:1;-moz-transform:translateY(0)}}

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-50px)}
100%{opacity:1;-moz-transform:translateY(0)}}


@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}}
.fadeInLeft{-webkit-animation-name:fadeInLeft;-moz-animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}}



.phnav{ background:url(../images/navph.png) left top no-repeat; width:34px; height:22px; position:absolute; right:5px; top:30px; z-index:999999999; }
#phone{ width:100%; position:absolute; background:#e70012; left:0; top:80px;  z-index:9999999999999; margin:0; display:none;}
#phone li{ height:38px; line-height:38px; text-align:center; float:none; width:100%; margin:0;}
#phone li a{ display:block; color:#fff; font-size:16px; text-align:center;}

.index_head #phone{ top:70px;}
.nav li a.navs{ background:#e10000; color:#fff; }

.search{ float:right; width:25px; height:100px; line-height:100px; position:relative;}
.search i{  width:25px; height:100px; line-height:100px;display: block; float: right; background:url(../images/search.png) left center no-repeat;  cursor:pointer;}
.searchbox{ padding:10px; background: #e0e0e1; overflow: hidden; position: absolute; z-index: 99;
top: 20px; left: -255px; opacity: 0; visibility: hidden;}
.searchbox .text{ width: 215px; padding:9px 0 9px 5px; height: 20px; line-height: 20px; float: left; 
border:none; border:0; background: #fff; color: #e0e0e1; font-size: 14px;}
.searchbox .btn{ background: url(../images/search.png) center center no-repeat; width: 33px; height: 38px; float: left; border:none; }
.search:hover .searchbox { opacity: 1; visibility: visible; top: 77px;}
.index_head .search:hover .searchbox { opacity: 1; visibility: visible; top: 68px;}

.phone_banner{ display:none;}

.news_word img{ width:auto!important; height:auto!important; max-width:100%!important; }
.nav_inner{ display: none; }