@charset "utf-8";
body,div,ul,li,span,em,dl,dt,dd,a,img,h1,h2,h3,h4,h5,p{ margin:0; padding:0; list-style:none; border:none; text-decoration:none; font-family:"微软雅黑"; font-size:12px;}
input,textarea{ outline:none;}
.header{ height:100px; box-shadow:0 3px 5px #DDD; background:#FFF;}
.header_center{ width:1100px; margin:0 auto; height:100px;}
.header_logo{ float:left; width:203px; height:51px; padding-top:27px;}

@font-face{
	font-family: xihei;
	src:url(../font/xihei.ttf);
}

@font-face{
	font-family: chaoxihei;
	src:url(../font/chaoxihei.ttf);
}

@font-face{
	font-family: qianhei;
	src:url(../font/qianhei.ttf);
}

/*.meau_list{ width:595px; float:left;}
.meau_list ul li{ float:left; text-align:center; line-height:100px; background:url(../images/tiao.jpg) right center no-repeat}
.meau_list ul li a{ display: block; height:100px; padding:0 25px; color:#868686;}
.meau_list ul li a:hover{ border-bottom:3px solid #008efe; height:97px;}*/

#index .index,#about_us .about_uss,#chnp .chnp,#order .order,#news_list .news_list,#us .us,#joins .news_list{ color:#008efe;border-bottom:4px solid #008efe}

.nav{ position:relative; z-index:99999; float:left; width:570px; margin-left:70px; margin-top:26px; }
.nav .line{ width:100px; height:4px; background:#008efe; position:absolute; left:0; bottom:0;}

.nav ul li{ float:left;  }

.nav ul li a{ color:#666; display:block; font-size:14px; color:#999; border-bottom:4px solid #fff; padding:0 20px; line-height:70px;}
/*.nav ul li a:hover{ color:#008efe;border-bottom:4px solid #008efe}*/

.search{ width:220px; float:right;}
.dl_con{ overflow:hidden;}
.dl_con a{ display:block; width:30px; height:25px; float:right; text-align:center; line-height:25px; color:#848484; margin-left:5px; padding:4px; transition:all 0.3s;}
.dl_con a:hover{ background:#EAEAEA;}
.search_con{ height:25px; width:190px; background:#f0f0f0 url(../images/sous_06.jpg) no-repeat 175px 5px; border-radius:15px; padding:0 0 0 10px; margin-top:10px; float:right;}
.txt_con{ background:none; border:none; float:left; width:150px; height:25px; color:#999;}
.t_btn{ background:none; border:none; float:left; width:30px; height:25px;}


img { border:0; vertical-align:middle;}
.banner { width:100%; height:455px; position:relative; margin:0 auto; overflow:hidden; z-index:1 ;overflow:auto; zoom:1; }


.banner_show {width:100%;height:455px;float:right;overflow:hidden;position:relative;}
.banner_show li{ display:none;}

.banner_show li img { width:1920px; height:455px; position:absolute; top:0;left:50%; margin-left:-960px;}
.banner_show li a{width:220px; height:40px; display:block;border:1px #00A4C5 solid; position:absolute; top:285px;left:50%; margin-left:-340px; text-align:center; line-height:40px; -webkit-border-radius:20px; border-radius:20px;color: #FFF; font-size:14px;}

.yq_banner_list { width:69px; height:19px; position:absolute; top:360px; left:50%; margin-left:-188px; }

.yq_banner_list li{ display:block;width:9px; height:9px; border:3px solid transparent; float:left;-webkit-border-radius:50%; border-radius:50%; background:#3c7ab1; margin:0 4px;}
.yq_banner_list li.hover { border:3px solid #fff; background:none;}





.new_top{ border:1px solid #ebebeb;}
.new_top_bt{ width:80px; float:left; height:55px; line-height:55px; color:#dc0200; font-size:14px; text-align:center; white-space:nowrap}
.new_top_con{ width:1000px; float:left; line-height:55px; padding-left:20px;}

.por_centent{ background:#f5f5f5; height:560px;}




.about_us{ width:1100px; margin:0 auto;}
.about_video{ width:487px; height:306px; float:left; border-radius:5px; overflow:hidden;}
.about_con{ width:593px; height:306px; overflow:hidden; float:right}
.about_con img{ border-radius:5px;}
.about_txt{ text-align:center; line-height:27px; font-size:14px; color:#999; margin-top:30px;}
.about_txt a{ display:block; width:230px; height:45px; border-radius:25px; margin:0 auto; margin-top:25px; border:1px solid #dcdcdc; text-align:center; line-height:45px; transition:all 0.3s; color:#999;}
.about_txt a:hover{ background:#167cd5; color:#FFF; border:1px solid #167cd5;}


.news_bt{ float:left; border-bottom:1px solid #cacaca; line-height:40px;}
.news_bt span{ font-size:18px; color:#333;}
.news_bt small{ font-size:12px; font-family:"Arial"; color:#999;}
.more{ float:right; line-height:40px;}
.more a{color:#999;}
.clear{ overflow:hidden;}
.news_con ul li{ float:left; width:340px; margin-right:40px;}
.news_con{ padding-bottom:50px; margin-top:70px;}
.news_con_tow{ width:1100px; margin:0 auto; overflow:hidden; padding-top:50px;}
.news_info{ margin-top:35px;}
.news_info_l{ width:60px; float:left; height:80px; border-right:1px solid #E8E8E8;}
.date{ font-size:14px; color:#949494; display:block; line-height:15px;}
.year{ font-size:12px; color:#CAC9C9; display:block; line-height:25px;}
.news_info_r{ float:right; width:255px}
.news_info_r h2{ font-size:16px; color:#2B2B2B; font-weight:100;}
.news_info_r p{ color:#939393;}
.news_info_r i{ width:35px; height:35px; border-radius:30px; background:url(../images/jiantou.png) no-repeat center; display:block;}
.news_con_tow ul li a:hover .news_info_r i{ background:#f30303 url(../images/jiantou_b.png) no-repeat center;}
.news_con_tow ul li:hover img{ -webkit-transform:scale(1.2);transform:scale(1.2); transition: all 1s ease 0s;}
.por_img{ width:340px; height:170px; overflow:hidden; border-radius:5px; }
.por_img img{ transition: all 1s ease-out;}


.link{ background:#f4f4f4; padding: 20px 0;}
.link_center{ width:1100px; margin:0 auto;}
.link_text ul{padding-top:20px;}
.link_text ul li{ float:left; width:80px; margin-right:40px; font-size:14px; text-align:center; height:120px;}
.link_text ul li a{ color:#666;}
.link_text ul li a:hover{ color:#0a68ba;}




.footer{ background:#283442;}
.footer_center{ width:1100px; margin:0 auto; padding-top:25px; padding-bottom:25px;}
.foot_left{  width:370px; float:left;}
.foot_z{ width:150px; float:left;}
.foot_right{ width:470px; float:right; padding-top:10px;}
.foot_left p{ border-bottom:1px solid #3e4955; padding-bottom:40px; color:#b4c2d4; font-size:18px;}
.foot_left span{ font-size:14px; color:#b4c2d4; line-height:35px; display:block; font-size:26px; font-weight:bold; letter-spacing:1px;}
.foot_left small{ font-size:14px; color:#b4c2d4; line-height:25px;}
.foot_z{ text-align:center; color:#b4c2d4; font-size:14px; padding-left:40px;}
.foot_r_con{ text-align:right; color:#5d6977; background:url(../images/hr_21.jpg) right no-repeat; padding-right:35px;}
.foot_r_con:hover{ background:url(../images/hr_hover_21.jpg) right no-repeat; text-decoration:underline;}



.por_con{ width:1100px; margin:0 auto; padding-top:70px; position:relative; overflow:hidden;  height:530px; }

.por_con ul.por_gd{ width:10000px; position:relative;}

.por_con ul li{ width:258px;float:left; padding-right:20px; text-align:center; }
.por_con ul li a{ display:block; color:#757575;line-height:45px; font-size:14px; transition:all 0.3s;}
.por_con ul li a:hover{ color:#008FC6;}
.por_con ul li a:hover img{ border:1px solid #09A3FF;}
.por_con ul li a:hover img{ width:256px; height:350px;}
.por_con ul li img{ border-radius:5px;}
#page_por{ position:absolute; width:590px; height:65px; background:#fff; box-shadow:0 0 5px #D9D9D9; left:50%; margin-left:-295px; bottom:5px;}
#page_por li{ float:left; width:275px; height:65px; margin-right:0;}
#page_por li a{ display:block; width:295px; height:65px;}
.left_btna{  background: #167cd5 url(../images/left_hover_btn.png) no-repeat 120px 10px;}
.left_btna:hover{ background:#167cd5 url(../images/left_btn.png) no-repeat 80px 10px; }
.right_btna{ background:url(../images/right_btn.png) no-repeat center center;}
.right_btna:hover{ background:#fff url(../images/right_btn.png) no-repeat 160px 10px;}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{color:#666;}
#floatDivBoxs .floatDqq li a:hover{color:#e8431f;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}