@charset "utf-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,select{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
h2,h3,h4,h5,h6{font-weight:normal;}
img{border:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-spacing:0}
input{font-family:Microsoft Yahei,Arial;}
html,body{ width:100%;height:100%; position:relative;}
body{font:12px "Microsoft Yahei",Simsun,Arial;min-width:1200px;color:#333;}
a{text-decoration:none;outline:none;color:#333;}
a:active{noOutline:expression(this.onFocus=this.blur());}
a:focus{outline:0;}
a:hover{color:#0098d7;}
li{list-style:none;}img{border:0;}em,i{font-style:normal;}
/* 清除浮动 */
.clear{clear:both;}.cl{clear:left;}.cr{clear:right;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}
.clearfix{zoom:1;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden;} 
/* 文本 */
.ac{text-align:center;}.ar{text-align:right;}.al{text-align:left;}
.fs-10{font-size:10px;}.fs-12{font-size:12px;}.fs-14{font-size:14px;}.fs-16{font-size:16px;}.fs-18{font-size:18px;}.fs-20{font-size:20px;}.fs-30{font-size:30px;}
.font-s{font-family:"宋体";}.font-wr{font-family:"微软雅黑";}.font-en{font-family:Arial, Helvetica, sans-serif;}
.font-wen{font-weight:normal;}.b{ font-weight:bold},.no-b{ font-style:normal}
.c-blue{color:#044fa0;}.c-gray{color:#999;}.c-dgray{color:#262f36;}.c-red{color:#e61e42;}.c-org{color:#e77817;}.c-green{color:#567802;}
.lh16{ line-height:160%}.lh18{ line-height:180%}.lh20{ line-height:200%}.lh22{ line-height:220%}.lh24{ line-height:240%}.lh26{ line-height:260%}
/* 布局 */
.ma{margin:0 auto;}.sw{margin:auto 8px;}
.pr{position:relative;}.pa{position:absolute;}
.fl{float:left;}.fr{float:right;}
.mt-5{margin-top:5px;}.mt-10{margin-top:10px;}.mt-15{margin-top:15px;}.mt-20{margin-top:20px;}.mt-30{margin-top:30px;}.mt-50{margin-top:50px;}
.mr-5{margin-right:5px;}.mr-10{margin-right:10px;}
.ml-10{margin-left:10px;}.ml-60{margin-left:60px;}
.mb-10{margin-bottom:10px;}
.pb-20{padding-bottom:20px;}
.hidden{overflow:hidden;}

/* public */
.wrap{width:1010px;}
.wrap1{width:1200px;}
.wrap2{width:1000px;}
.bg-gray{background-color:#f7f7f7;}

.hn_list dd,.adt_itme dt a,.select_pro li,.nav li p,.int_pic img,.float_menu_c,.footer a,.float_menu_c a{/*ie*/-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}/*动画*/
.footer a:hover{filter:alpha(opacity=50);/*IE滤镜*/ -moz-opacity:.5; /*Firefox*/ opacity:.5;/*其它*/}
.item_w_1 h3 a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;/*截取字符，省略号代替*/}

.header{width:100%;height:auto;border-top:2px solid #fff;}
.top_midd{padding:7px 0;}
.top{width:100%;height:45px;color:#fff;line-height:45px;background-color:#0098d7;}
.top a{margin:8px;color:#fff;}
.top_phone{margin-top:11px;margin-right:25px;}
.logo{height:70px;}

.nav{position:absolute;left:230px;top:0;width:800px;height:38px;}
.nav li{float:left;position:relative;padding-bottom:1px;height:84px;z-index:10;}
.nav li a{display:block;float:left;width:88px;height:80px;font-size:14px;line-height:80px;text-align:center;border-bottom:4px solid #fff;}
.nav li a{color:#333333;}
.nav li.curr a{background:#e7e7e7 url(../images/nav_icon.png) center bottom no-repeat;border-color:#da251c;}
.nav li p{position:absolute;display:none;top:84px;padding:0;width:100%;white-space:nowrap;background-color:#da251c;overflow:hidden;}
.nav li p a{padding:0;float:none;display:block;height:30px;text-align:center;line-height:30px;color:#fff;}
.nav li.curr p a:hover{background-color:#e8281f;}
.nav li.curr p a{background:none;border:0;}
.nav li.curr p{display:block;}



.banner{position:relative;width:100%;height:500px;z-index:5;}
.banner_pic{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner_pic ul{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1;}
.banner_pic ul li{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.banner_pic p{position:absolute;left:0;bottom:10px;width:100%;height:16px;text-align:center;z-index:2;}
.banner_pic p a{display:inline-block;margin:0 7px;width:16px;height:16px;background-color:#fff;moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.banner_pic p a.curr{background-color:#da251c;}

.h_title{position:relative;width:100%;line-height:80px;font-size:36px;letter-spacing:2px;text-align:center;visibility:visible;}
.h_title img{display:block;margin:0 auto;}

.animate .h_title{
z-index:100;
visibility:visible;
-webkit-animation: h_title 1s ease-out 0 1 normal;
-moz-animation: h_title 1s ease-out 0 1 normal;
-ms-animation: h_title 1s ease-out 0 1 normal;
-o-animation: h_title 1s ease-out 0 1 normal;}
.animate .int_item{
z-index:100;
visibility:visible;
	-webkit-animation: int_item 1.5s ease-out 0 1 normal;
-moz-animation: int_item 1.5s ease-out 0 1 normal;
-ms-animation: int_item 1.5s ease-out 0 1 normal;
-o-animation: int_item 1.5s ease-out 0 1 normal;
}

.animate .item_pic_1{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_1 1.5s ease-out 0 1 normal;
-moz-animation: item_pic_1 1.5s ease-out 0 1 normal;
-ms-animation: item_pic_1 1.5s ease-out 0 1 normal;
-o-animation: item_pic_1 1.5s ease-out 0 1 normal;
}
.animate .item_pic_2{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_2 1.7s ease-out 0 1 normal;
-moz-animation: item_pic_2 1.7s ease-out 0 1 normal;
-ms-animation: item_pic_2 1.7s ease-out 0 1 normal;
-o-animation: item_pic_2 1.7s ease-out 0 1 normal;
}
.animate .item_pic_3{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_3 1.9s ease-out 0 1 normal;
-moz-animation: item_pic_3 1.9s  ease-out 0 1 normal;
-ms-animation: item_pic_3 1.9s  ease-out 0 1 normal;
-o-animation: item_pic_3 1.9s  ease-out 0 1 normal;
}
.animate .item_pic_4{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_4 2.1s  ease-out 0 1 normal;
-moz-animation: item_pic_4 2.1s ease-out 0 1 normal;
-ms-animation: item_pic_4 2.1s ease-out 0 1 normal;
-o-animation: item_pic_4 2.1s ease-out 0 1 normal;
}
.animate .item_pic_5{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_5 2.3s ease-out 0 1 normal;
-moz-animation: item_pic_5 2.3s ease-out 0 1 normal;
-ms-animation: item_pic_5 2.3s ease-out 0 1 normal;
-o-animation: item_pic_5 2.3s ease-out 0 1 normal;
}
.animate .item_pic_6{
z-index:100;
visibility:visible;
	-webkit-animation: item_pic_6 2.5s ease-out 0 1 normal;
-moz-animation: item_pic_6 2.5s ease-out 0 1 normal;
-ms-animation: item_pic_6 2.5s ease-out 0 1 normal;
-o-animation: item_pic_6 2.5s ease-out 0 1 normal;
}

.animate .item_w_1{
	z-index:100;
visibility:visible;
	-webkit-animation: item_w_1 1.5s ease-out 0 1 normal;
-moz-animation: item_w_1 1.5s ease-out 0 1 normal;
-ms-animation: item_w_1 1.5s ease-out 0 1 normal;
-o-animation: item_w_1 1.5s ease-out 0 1 normal;
}

.h_intro{padding:20px 0;}
.int_item{position:relative;width:300px;height:auto;visibility:visible;}
.int_pic{position:relative;width:100%;height:auto;}
.int_pic img{position:relative;margin-left:18%;width:63%;}
.int_pic a:hover img{-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.int_title{width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;}
.int_word{margin-top:10px;width:100%;height:72px;line-height:24px;font-size:14px;overflow:hidden;color:#999;}

.h_pro{padding:20px 0;padding-bottom:50px;}
.h_pro ul{width:1065px;}
.h_pro li{float:left;margin-right:60px;margin-top:50px;}
.item_pic{position:relative;width:293px;height:293px;border:1px solid #dadada;}
.item_pic a{display:block;width:293px;height:293px;}
.item_pic img{position:absolute;display:block;left:0;top:0;z-index:1;}
.item_pic span{position:absolute;display:block;left:-1px;bottom:-1px;padding:0 1px;width:100%;height:44px;line-height:44px;color:#fff;text-align:center;font-size:14px;background-color:rgba(0,125,215,.6);z-index:2;}

.h_news{padding-top:20px;padding-bottom:70px;}
.h_news ul{width:1065px;}
.h_news li{float:left;margin-right:60px;margin-top:50px;}
.item_w_1{position:relative;width:472px;height:114px;}
.item_w_1 span{float:left;display:block;width:114px;height:114px;moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;overflow:hidden;}
.item_w_1 div{float:right;width:342px;height:114px;}
.item_w_1 h3{height:48px;line-height:48px;text-align:right;color:#999;font-size:14px;}
.item_w_1 h3 a{display:block;float:left;width:250px;text-align:left;font-size:16px;}
.item_w_1 p{color:#666;height:48px;line-height:24px;font-size:14px;overflow:hidden;}


.footer{padding:20px 0;width:100%;background-color:#0098d7;color:#fff;}
.item_menu_1{margin-right:75px;white-space:nowrap;line-height:30px;}
.item_menu_1 dt a{color:#fff;}

.item_menu_1 dd a{color:#cef0fe;}
.item_menu_1 dt{font-size:16px;}
.line{position:absolute;right:0;top:0;width:1px;height:100%;background-color:#00aaf0;border-right:1px solid #0288bf;}
.f_words{padding-top:30px;font-size:14px;white-space:nowrap;line-height:30px;}

.float_menu{position:fixed;right:18px;bottom:30px;width:91px;height:auto;z-index:10000;}
.float_menu dt{height:48px;line-height:48px;color:#fff;font-size:18px;text-align:center;background-color:#da251c;}
.float_menu dd{position:relative;margin-top:1px;}
.float_menu_item{width:91px;height:86px;background-color:#555;}
.float_menu_icon{display:block;padding-top:15px;text-align:center;color:#fff;font-size:14px;}
.float_menu_icon img{display:block;margin:0 auto;margin-bottom:10px;}
.float_menu_c{position:absolute;top:0;right:91px;width:0;height:auto;min-height:100%;line-height:26px;background-color:#da251c;overflow-x:hidden;}
.float_menu_c em{display:block;float:left;margin-top:12px;margin-left:8px;margin-right:5px;width:4px;height:4px;background-color:#fff;overflow:hidden;}
.float_menu_c a{display:block;color:#fff;white-space:nowrap;}
.float_menu_c a:hover{background-color:#e8281f;}
.float_menu_item.curr .float_menu_c{width:128px;}
.float_menu_item.curr{background-color:#da251c;}
.float_line{position:absolute;display:block;top:5px;bottom:5px;right:0;width:1px;border-right:1px solid #c90e05;background-color:#ea4139;}
.float_menu_top{height:68px;background-color:#da251c;}

.top_midd{}
.nav1{display:none;font-size:16px;background-color:#0098d7;}
.nav1 li{padding:0 20px;height:auto;line-height:40px;border-bottom:1px solid #83dbff;}
.nav1 li a{display:block;color:#fff;border-bottom:1px solid #16b0ef;}
.nav1 li a:hover{background-color:#02a3e6;}
.nav1 p{display:none;padding:0 15px;font-size:14px;}
.nav1 p a{display:block;border-bottom:1px solid #16b0ef;}
.nav_m_btn{position:absolute;right:10px;top:50%;background-image:url(../images/touch-icon-menu.png);background-size:cover;background-position:center center;}

.item_pic{height:auto;}
.item_pic img{position:relative;}
.item_pic img,.item_pic a{width:100%;height:auto;}

@-webkit-keyframes h_title{
    0%   {top:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
45%  {top:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {top:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}

@-webkit-keyframes int_item{
	0% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
45% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_1{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_2{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_3{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_4{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_5{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}
@-webkit-keyframes item_pic_6{
	0% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
75% {bottom:100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}

@-webkit-keyframes item_w_1{
	0% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
45% {bottom:-100px;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;opacity:0;}
100% {bottom:0;filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;opacity:1;}
}

@media (max-width:1011px) {
	body{min-width:100%;}
	.wrap{width:100%;}
	.top span{margin-left:10px;}
	.logo{margin-left:10px;width:20%;height:auto;}
	.nav{display:none;}
	.nav_m_btn{margin-top:-16px;width:32px;height:32px;}
	.h_pro ul{width:100%;}
	
	.h_news ul{width:100%;}
	.item_w_1{position:relative;height:auto;}
	.item_w_1 span{width:25%;height:auto;}
	.item_w_1 span img{width:100%;}
	.item_w_1 div{width:74%;}
	.item_w_1 h3 a{width:70%;}
	
	.top_midd{padding:20px 0;}
	.footer_left{width:100%;padding:0 10px;padding-bottom:20px;}
	.f_words{width:100%;text-align:center;}
	.line{top:auto;bottom:0;width:100%;height:1px;border:0;border-bottom:1px solid #0288bf}
	
	.float_menu dt{display:none;}
	.float_menu_item{display:none;}
}
@media (min-width:769px) and (max-width:1010px) {
.banner{height:400px;}
.top_midd{padding:16px 0;}
.nav_m_btn{margin-top:-13px;width:26px;height:26px;}
.int_item{float:left !important;width:33%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.item_pic{margin-left:1.5% !important;margin-right:1.5% !important;width:30%;}
.item_w_1{margin-left:1% !important;margin-right:1% !important;width:48%;}
}
@media (min-width:641px) and (max-width:768px) {
.h_title{font-size:28px;}
.banner{height:300px;}
.top_midd{padding:16px 0;}
.nav_m_btn{margin-top:-13px;width:26px;height:26px;}
.int_item{float:left !important;width:33%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.item_pic{margin-left:1.5% !important;margin-right:1.5% !important;width:30%;}
.item_w_1{margin-left:1% !important;margin-right:1% !important;width:48%;}
}
@media (min-width:481px) and (max-width:640px) {
.h_title{font-size:26px;}
.banner{height:260px;}
.top_midd{padding:12px 0;}
.top_phone{display:none;}
.nav_m_btn{margin-top:-11px;width:22px;height:22px;}
.int_item{float:left !important;width:33%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.item_pic{margin-left:1% !important;margin-right:1% !important;width:47%;}
.item_w_1{width:96%;padding:0 2%;}
}
@media (min-width:321px) and (max-width:480px) {
.h_title{font-size:24px;}
.banner{height:200px;}
.top_midd{padding:8px 0;}
.top_phone{display:none;}
.nav_m_btn{margin-top:-9px;width:18px;height:18px;}
.int_item{width:100%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.int_pic img{width:50%;margin-left:25%;}
.item_pic{margin-left:1% !important;margin-right:1% !important;width:98%;}
.item_w_1{margin-top:5% !important;width:96%;padding:0 2%;}
}
@media screen and (max-width:320px) {
.h_title{font-size:20px;}
.banner{height:160px;}
.top_midd{padding:4px 0;}
.top_phone{display:none;}
.nav_m_btn{margin-top:-8px;width:16px;height:16px;}
.int_item{width:100%;margin-left:0 !important;}
.int_word{width:auto;padding:0 10px;}
.int_pic img{width:50%;margin-left:-25%;}
.item_pic{margin-left:1% !important;margin-right:1% !important;width:98%;}
.item_w_1{width:96%;padding:0 2%;}
}



