﻿@charset "utf-8";
/* 总定义 */
body,div,ul,li,p,img,h1,h2,h3,h4,h5,h6{ padding: 0; margin: 0; list-style: none; font:16px/32px "微软雅黑"; font-weight:normal; color:#333; display: block;border:0;  }
a{ color:#333; text-decoration:none;}
a:hover{ color:#0C4770;  }
.j_tit{ text-align: center; padding: 50px 0 20px 0;  }
.j_tit h1{ font-size:26px; color: #000;}
.j_tit h3{font-size:14px; color: #999;}
.q0{ margin-right:0!important;}

@media only screen and (max-width: 640px) {
	body,div,ul,li,p,img,h1,h2,h3,h4,h5,h6{  font:14px/28px "微软雅黑";  }
	.j_tit{font-size:20px; padding: 20px 0 20px 0;  }
	.j_tit h3{font-size:12px;}
	.j_tit h1{ font-size:20px;}
	
}

/* top */
.c_top{ height: 80px; width: 100%; min-width: 1200px; border-bottom: 5px solid #0093DD; background: #183883;}
.c_logo{ width: 1200px; margin: 0 auto; height:80px; display: flex; justify-content:flex-start; align-items: center;}
.logo_l{ width: 600px;}
.logo_r{}
.ja_menu{ width: 100%;  min-width: 1200px; height: 50px; background: #183883; }
.c_menu {
    text-align:center;
    text-transform: uppercase;  
	min-width: 1200px;

}

.c_menu ul {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	height: 50px;
    list-style-type: none; display: flex; justify-content: space-between; align-items: center;
	
}

.c_menu ul li {
    display: inline-block;
	padding: 0 5px;
}
.c_menu ul li :hover { background:#0093DD;border-radius: 3px; }

.c_menu ul li a {
	font-family: "微软雅黑"; font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    padding: 5px;
    box-sizing: border-box;
}

.c_menu ul li a:hover {
    color: white; 
}


@media screen and (max-width:640px) {
.ja_menu{ display: none;}

.c_top{ height:auto; width: 100%;min-width:auto; border-bottom: 5px solid #0093DD; background: #183883;}
.c_logo{ width: 100%; margin: 0 auto; height:50px;}
.logo_l{ width: 100%;}
.logo_l img{ width: 70%; margin: 0 auto;}
.logo_r{ display: none;}
}

/* BANNER */
.c_banner { width: 100%; min-width: 1200px; }
/* 轮播图尺寸 */
.swiper {width: 100%; height:100%;}
.swiper-slide {}
.swiper-slide img {display: block;width: 100%;height:100%;object-fit: cover; }
/* 轮播图分页按钮 */
.swiper-pagination-bullet {width: 15px;height: 15px;opacity: 0.9;background:#fff; }
.swiper-pagination-bullet-active {background: #F07A18;}

@media screen and (max-width:640px) {
	.c_banner { width: 100%; min-width:auto; }

}

/* 公司简介*/
.ja1{ width: 100%;}
.ja1-1{ width: 1200px; margin: 0 auto;}
.j_shu{width: 100%; border: 1px solid #DDD; padding:30px 20px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.shu1{ width: 24%; display: flex; justify-content: center !important; align-items: center; border-right: 1px solid #ddd;}
.shu-h1{ font-size: 40px; color: #000; margin: 0 5px}
.shu-h2{ font-size: 16px; color: #BBB; line-height: 20px;}
.shu2{ width: 24%; display: flex; justify-content: center !important; align-items: center; }
.jj{ width: 100%; display: flex; justify-content: space-between; align-items:flex-start; margin-top: 30px;flex-direction:row-reverse;}
.gywm{ width: 500px; }
.gywm_tit{ width:143px; height: 47px; display: flex; justify-content:center; align-items: center; background: #0093DD;}
.gywm_tit h1{font-size: 22px; color: #fff;}
.gywm_nr{ font-size: 16px; color: #000; padding: 20px 0; line-height: 35px;}
.gywm_nr a{ color:#0093DD; }
.jj_pp{ width: 687px;}
.cg-2-3{width: 1200px; height: 131px;  margin-top: 20px; position: relative;}
.mySwiper4 {width: 1110px; height:100%;}
.mySwiper4 .swiper-slide a {width:100%; height:100%;}
.mySwiper4 .swiper-slide a img{}
.cg-2-3 .swiper-button-prev{left: 0; color: #0093DD;}
.cg-2-3 .swiper-button-next{right: 0; color: #0093DD;}
.cg-shouji{ display: none;}

@media screen and (max-width:640px) {
.ja1-1{ width: 100%; margin: 0 auto;}
.j_shu{display: none;}
.jj{ width: 100%; display: block; padding:0 20px; box-sizing: border-box; margin: 0;  }
.gywm{ width: 100%; margin-top: 20px; }
.gywm_tit{ width:143px; height: 40px;margin: 0 auto; display: flex; justify-content:center; align-items: center; background: #0093DD;}
.gywm_tit h1{font-size: 16px; color: #fff;}
.gywm_nr{ font-size: 16px; color: #000; padding: 20px 0; line-height: 35px;}
.gywm_nr a{ color:#0093DD; }
.jj_pp{ width: 100%;}
.jj_pp img{ width: 100%;}
.cg-2-3{display: none;}
.cg-shouji{ position: relative; padding: 10px 0; display: block;}
	/* 资质的轮播图片，h3是标题 */
	.mySwiper5 {width:80%;  }
	/* 图文新闻的轮播图片，h3是标题，white-space:nowrap;text-overflow:ellipsis不分行，隐藏后面有… */ 
	.mySwiper5 .swiper-slide{ height: 250px; overflow: hidden;}
	.mySwiper5 .swiper-slide h3{ font-size:14px; line-height: 28px;  position:static; height:50px; overflow:hidden;  text-align: center; padding: 10px;}
	.mySwiper5 .swiper-slide img {display: block; width: 100%; height: auto; object-fit: cover;  }

/* 左箭头。如果放置在swiper外面，需要自定义样式,注意改结构，把两个箭头放在容器外面，但是要套一个父级div作为position: relative;  */	
.cg-shouji .swiper-button-prev{ top:40%; left: 10px; color: #0093DD;}
.cg-shouji .swiper-button-next{top:40%;  right: 10px; color: #0093DD;}
	/* 轮播图分页按钮 ,position: static;这个是把原来绝对定位变成正常定位，分页就会显示在容器的下方*/
 .cg-shouji .swiper-pagination{ position: static;  height: 20px; line-height: 20px;  width: 100%;}
 .cg-shouji .swiper-pagination-bullet {width: 12px; height: 12px; background: #FF7373; }
 .cg-shouji .swiper-pagination-bullet-active { background: #D90000; }
}	

/* 业务范围 */
.ja2{ width: 100%; min-width: 1200px; background: url( ../images/ja_bg.png) no-repeat top center; padding-top: 170px; padding-bottom: 40px; margin-top: 40px; box-sizing: border-box;}
.ja2_1{ width: 1200px; margin: 0 auto; }
.j_tit2{ width: 180px; height: 54px; margin: 0 auto; background: #0093DD; text-align: center; padding: 15px;  }
.j_tit2 h1{ font-size:26px; color: #fff; line-height: 30px;}
.j_tit2 h3{font-size:14px; color: #fff;}
.j_yw{ padding: 40px 20px; color: #888;line-height: 35px; text-align: center;}
.j_yw_ul{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start;}
.j_li{ width:364px;}
.j_li img{width: 364px;}
.j_pp{ height: 56px; background:#F6F6F6; text-align: center; line-height: 56px; font-size: 20px;}

@media screen and (max-width:640px) {
.ja2{ width: 100%; min-width: auto; background: url( ../images/ja_bg.png) no-repeat top center; background-size: 100%; padding-top: 35px; padding-bottom: 20px; margin-top: 0px;}
.ja2_1{ width:100%; padding:0 20px; box-sizing: border-box;}
.j_tit2{ width: 140px; height: 35px; margin: 0 auto; background: #0093DD; text-align: center; padding: 10px;  }
.j_tit2 h1{ font-size:20px; color: #fff; line-height: 18px;}
.j_tit2 h3{font-size:12px; color: #fff; line-height: 18px;}
.j_yw{ padding:20px 0; color: #888;line-height: 25px; text-align: center;}
.j_yw_ul{ width: 100%; display: flex;flex-direction: column;}
.j_li{ width:80%; margin: 0 auto; margin-bottom: 10px;}
.j_li img{width:100%;}
.j_pp{ width: 100%; height: 40px; background:#F6F6F6; text-align: center; line-height: 40px; font-size: 14px;}	
	
}

/* 供应商入库 */
.ja3{ width: 100%; min-width: 1200px; background:#F6F6F6; border-top: 1px solid #ddd; margin-top: 40px;padding-bottom: 40px;}
.ja3_1{ width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start;}
.j_gys{ width: 100%; display: flex; flex-direction: column; justify-content:center; align-items: center;}
.j_gys_list{ width: 100%;height:400px;}
.c_list{ padding:0; border: 0; width: 100%; }
.c_list td{ height:90px; border-bottom: #ddd 1px dashed; padding-left: 20px; display: flex; justify-content: flex-start; align-items: center;}
.c_list td a{ font-size: 20px;}
.c_list td:hover{background:#E7F1FE; }
.c_list img{ width: 24px; margin-right: 10px;}
.l_l{ width:80%; white-space: normal;overflow: hidden; text-overflow:ellipsis; margin-left: 20px;}
.l_l2{ width:80%; white-space: nowrap;overflow: hidden; text-overflow:ellipsis; }

.l_r{ width: 140px; height: 40px;line-height: 40px; font-size: 18px; color: #fff !important;  background:#0093DD; text-align: center;}
.j_gys_more{ width: 278px;}
.j_ph_more{ margin-top: 30px; }
.j_ph_more a{width: 120px; height: 40px; margin: 0 auto; background: #0093DD; text-align: center; color: #fff; text-align: center;font-size: 14px; line-height: 40px; border-radius: 6px;}
.j_ph_more a:hover{background: #37BEFF;}
.gy_l{ width: 700px;}
.gy_r{ width: 470px; display: flex; flex-direction: column;}

@media screen and (max-width:640px) {
.ja3{ width: 100%; min-width:auto; background:#F6F6F6; border-top: 1px solid #ddd; margin-top: 40px; padding-bottom: 40px;}
.ja3_1{ width: 100%; padding:0 20px; box-sizing: border-box; display: flex; flex-direction: column;}
.j_gys{ width: 100%;  display: flex;flex-direction: column;}
.j_gys_list{ width:100%;}
.c_list{ padding:0; border: 0; width: 98%; margin: 0 auto;}
.c_list td{ height:60px; border-bottom: #ddd 1px  dashed; padding-left: 0px; display: flex; justify-content: flex-start; align-items: center;}
.c_list td a{ font-size: 16px;}
.c_list td:active{background:#E7F1FE; }
.l_l{ width:75%; white-space: nowrap;overflow: hidden; text-overflow:ellipsis; margin-left: 10px;}
.l_l2{ width:75%; white-space: nowrap;overflow: hidden; text-overflow:ellipsis; }
.gy_l{ width: 100%;}
.gy_r{ width: 100%;}

.l_r{ width: 25%; height: 35px;line-height: 35px; font-size: 14px !important; color: #fff !important;  background:#0093DD; text-align: center; padding: 0 5px;}
.j_gys_more{ display: none;}
.j_ph_more{ display: block; width: 100%; margin-top: 20px; }	
}
.j_ph_more a{display: block; width: 120px; height: 40px; margin: 0 auto; background: #0093DD; text-align: center; color: #fff; text-align: center;font-size: 14px; line-height: 40px; border-radius: 6px;} 
.j_ph_more a:active{ background: #37BEFF;}

/* 联系我们 */
.ja4{ width: 100%; background:#fff;  margin-top: 20px;padding-bottom: 40px;}
.ja4_1{ width: 1200px; margin: 0 auto; }
.j_wm{ width: 100%; display: flex; justify-content: space-between; align-items:flex-start;}
.j_dt{ width: 672px;}
.j_dz{ width: 500px;}
.j_dz_list{ display: flex; justify-content: flex-start; align-items: center; height: 60px;}
.j_dz_list img{ width: 41px; margin-right: 20px;}
.j_dz_list pp{font-size: 18px;}
.j_wx{ display: flex; justify-content: center; align-items: center; margin-top: 35px;}
.j_wx_pp{ width: 40%; text-align: center;}
.j_wx_pp img{ width: 107px; margin: 0 auto;}
.j_wx_pp h1{ text-align: center; }

@media screen and (max-width:640px) {
.ja4{ width: 100%; background:#fff;  margin-top: 20px;padding-bottom: 20px;}
.ja4_1{ width: 100%; padding:0 20px; box-sizing: border-box; }
.j_wm{ width: 100%; display: flex; flex-direction: column;}
.j_dt{ width: 95%; margin: o auto;}
.j_dt img{ width: 100%;}
.j_dz{ width: 95%; margin: o auto; margin-top: 20px;}
.j_dz_list{ display: flex; justify-content: flex-start; align-items: center; height:auto; padding: 5px 0;}
.j_dz_list img{ width: 35px; margin-right: 15px;}
.j_dz_list pp{font-size: 16px;}
.j_wx{ display: flex; justify-content: center; align-items: center; margin-top: 25px;}
.j_wx_pp{ width: 40%; text-align: center;}
.j_wx_pp img{ width: 60%; margin: 0 auto;}
.j_wx_pp h1{ text-align: center; }
}

/* 友情链接*/
.ja5{ width: 100%; background:#fff;  margin-top: 20px; padding-bottom: 40px;}
.ja5_1{ width: 1200px; margin: 0 auto; }
.zh_link{ width: 1200px; min-height: 100px; margin:0 auto; display: flex; justify-content:flex-start; flex-wrap: wrap; }
.zh_link a{ margin: 10px 15px; border: 1px solid #ddd;}

@media screen and (max-width:640px) {
.ja5{ width: 100%; background:#fff;  margin-top: 20px; padding-bottom: 20px;}
.ja5_1{  width: 100%; padding:0 20px; box-sizing: border-box;}
.zh_link{ width: 100%; min-height:auto; margin:0 auto; display: flex; justify-content:flex-start; flex-wrap: wrap; }
.zh_link a{ width: 45%; margin: 2%; border: 1px solid #ddd;}
}
.zh_link a img{ width: 100%;}

/* foot*/
.c_foot{ clear:both; width: 100%;min-width: 1200px; background: #183883; border-top:4px solid #0093DD;  padding: 30px 0; text-align: center; font-size: 14px; color: #fff; }
.f_l{ display: flex; justify-content: center; align-items: center; color: #fff; font-size: 14px;}
.f_l img{width: 15px; margin: 0 10px;}

@media screen and (max-width:640px) {
.c_foot{ clear:both; width: 100%;min-width:auto; background: #183883; border-top:4px solid #0093DD;  padding: 20px; text-align: center; font-size: 12px; color: #fff; box-sizing: border-box; }
.f_l{ display: flex; justify-content: center; align-items: center; color: #fff; font-size: 12px;}
.f_l img{width: 15px; margin: 0 10px;}
}


/* 内页 */
.ja_box{ width:1200px; margin: 0 auto;min-height: 500px; }
.l_tit{ background: url( ../images/wm_r1_c1.png) no-repeat 0 0; height: 155px; display: flex; justify-content: space-between; align-items: flex-end;}
.l_tit_l{ width: 294px; text-align: center; padding-bottom: 5px; font-size: 25px; color: #fff;}
.l_tit_r{ width: 900px; font-size: 60px; color: #f5f5f5; text-align: right;}
.l_tit h2{font-size: 18px; color: #fff; line-height: 40px;}
.l_nr{width: 1200px; padding: 40px 0;display: flex; justify-content: space-between; align-items: flex-start; flex-direction: row-reverse;}
.l_nr_l{ width: 827px;}
.l_nr_r{ width: 330px;}

@media screen and (max-width:640px) {
.ja_box{ width:100%;padding: 0 20px; box-sizing: border-box; ;min-height: 500px; }
.l_tit{ background:#fff; display: flex; justify-content: space-between; flex-direction: column;height:auto;}
.l_tit_l{ width: 100px; margin: 0 auto; line-height: 20px; font-size: 16px; color: #fff; background: #0093DD; margin-top: 20px; padding:10px; text-align: center;}
.l_tit_r{ width: 100%; font-size: 22px; margin-top: 15px; color: #f5f5f5; text-align:center;}
.l_nr{width: 100%; padding: 20px 0;display: flex; justify-content: space-between; align-items: flex-start; flex-direction: column;}
.l_nr_l{ width: 100%; font-size: 14px; margin-top: 15px;}
.l_nr_r{ width: 100%;}
.l_nr_r img{ width: 100%;}
}

/* 页码 */
.yeshu{ width: 500px; margin: 0 auto;height:66px;  margin-top: 40px;clear: both;}
.yeshu span{display: block;margin:2px;padding: 0px 5px;float: left; height:28px;line-height:28px;  border: 1px solid #ccc;}
.yeshu a{ display: block;margin:2px; height:28px; line-height:28px; padding:0 5px; border: 1px solid #ccc; float: left; }
.yeshu a:hover{  border: 1px solid #339C14; }
.yeshu-dq{ border: 1px solid #339C14 !important;color:#339C14;}

/* 内页内容 */
.nr-00{width:100%;margin:0 auto; margin-top: 20px;}
.nr-bt{font:28px/1.6em "微软雅黑";text-align: center; padding-top:40px;  }
.nr-sj{ line-height:2em; color: #999;text-align: center; border-bottom: #ddd 1px solid;padding-bottom:20px; margin-bottom:20px;}
.nr-zw,.nr-zw p,.nr-zw div,.nr-zw a{  font:18px/2em "微软雅黑" !important;}
.kongge{width:100%; text-indent: 2em; }
.juzhong{text-align: center;}
.nr-zw img{ width: 90%; height: auto !important; display: block; margin: 0 auto; margin-top: 10px;}
.nr-zw{width:100%; padding: 15px; padding-bottom: 20px; box-sizing: border-box; font-size: 18px;}

@media screen and (max-width:640px) {
.nr-00{width:100%;margin:0 auto; margin-top: 0px;}
.nr-bt{font:24px/1.6em "微软雅黑";text-align: center; padding-top:20px;  }
.nr-sj{ line-height:2em; color: #999;text-align: center; border-bottom: #ddd 1px solid;padding-bottom:20px; margin-bottom:20px;}
.nr-zw,.nr-zw p,.nr-zw div,.nr-zw a{  font:14px/2em "微软雅黑" !important;}
.kongge{width:100%; text-indent: 2em; }
.juzhong{text-align: center; font-size:12px;}
.nr-zw img{ width: 90%; height: auto !important; display: block; margin: 0 auto; margin-top: 10px;}
.nr-zw{width:100%; padding: 15px 0; padding-bottom: 20px; box-sizing: border-box; font-size: 14px;}
}

/* 业务范围内页 */
.l_yw{display: flex; justify-content: space-between; align-items: flex-start;flex-direction:  row-reverse; margin: 40px 0;}
.l_yw img{ width:364px;}
.l_yw_nr{ width: 800px;}
.l_yw_nr h1{ font-size: 35px;}
.l_yw_nr pp{ display: block; margin-top: 40px; font-size: 18px; color: #999; line-height: 40px;text-indent: 2em;}

@media screen and (max-width:640px) {
.l_yw{display: flex; justify-content: space-between; flex-direction: column; margin: 20px 0;}
.l_yw img{ width:100%; margin: 0 auto;}
.l_yw_nr{ width: 100%;}
.l_yw_nr h1{ font-size: 20px; text-align: center;}
.l_yw_nr pp{ display: block; margin-top: 20px; font-size: 14px; color: #999; line-height: 25px;}	
}

/* 资质情况内页 */
.l_zz{ width: 100%; display: flex; justify-content:center; align-items: flex-start; flex-wrap: wrap; margin: 40px 0;}
.zz_pp{width: 29%; margin: 2%;}
.zz_pp img{ width: 100%; height: auto;}
.zz_pp pp{ display: block; width: 100%; text-align: center; line-height: 40px;}

@media screen and (max-width:640px) {
.l_zz{ width: 100%; display: flex; justify-content:center;  flex-direction: column; margin: 20px 0;}
.zz_pp{width: 90%; margin: 2%;}
.zz_pp img{ width: 100%; height: auto;}
.zz_pp pp{ display: block; width: 100%; text-align: center; font-size: 14px;}	
}

/* 联系方式内页 */
.l_lx{width: 100%; margin: 40px 0;}
.lx_pp{ width: 98%; margin: 0 auto;}
.lx_pp img{ width: 90%; margin: 0 auto;}
.lx_dz{ width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.j_wx2{ width: 300px; display: flex; justify-content:space-between; align-items: center; margin-top: 35px;}
.j_wx_pp{ width: 40%; text-align: center;}
.j_wx_pp img{ width: 107px; margin: 0 auto;}
.j_wx_pp h1{ text-align: center; }

@media screen and (max-width:640px) {
.l_lx{width: 100%; margin: 20px 0;}
.lx_pp{ width: 98%; margin: 0 auto;}
.lx_pp img{ width: 100%; margin: 0 auto;}
.lx_dz{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: column; margin-top: 20px;}
.j_wx2{ width: 80%; display: flex; justify-content:space-between; align-items: center; margin-top: 35px;}
.j_wx_pp{ width: 40%; text-align: center;}
.j_wx_pp img{ width: 80%; margin: 0 auto;}
.j_wx_pp h1{ text-align: center; }
}




/* 表单 */
.pn_tb{ width: 90%; margin: 0 auto;padding: 20px 0;}
.pn_tb td{ padding: 16px; margin: 5px 0;}
.n_tit{ width: 100%; background: 40px; border-bottom: 4px solid #183883; display: flex; justify-content: flex-start; align-items: center; padding-left: 15px; box-sizing: border-box; background:#0093DD; }
.n_tit img{}
.n_tit h1{font-size: 18px; color: #fff; margin-left: 10px;}
.p_n1{ width: 1200px; min-height: 500px; margin: 0 auto; border: 1px solid #ddd; margin-top: 40px ;}

.n_tb{padding: 20px 0;}
.col_1{width: 10%; text-align: right; font-size: 18px; white-space: nowrap;font-weight:600; }
.red{ color: #ff0000; font-size: 20px; font-weight: bold;}
.col_2{width: 85%;}
.flx{ display: flex; align-items: center;}
.col_2 span{ margin: 0 10px;}
.pad{ padding-left: 15px;}
.top{vertical-align:top;}
.form-control{width: 98%;
	height: 34px;
	align-items: flex-start;
    line-height: 34px;
    text-align: left;
    text-indent: 0.5em;
    border: #cccccc solid 1px;
    border-radius: 5px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666;}
.form-control2{width: 98.8%;
	height: 34px;
    line-height: 34px;
    text-align: left;
    text-indent: 0.5em;
    border: #cccccc solid 1px;
    border-radius: 5px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666;}
.form-control3{width: 30%;
	height: 34px;
    line-height: 34px;
    text-align: left;
    text-indent: 0.5em;
    border: #cccccc solid 1px;
    border-radius: 5px;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666;}
.n_tj{ padding: 25px; display: flex; justify-content: center; align-items: center; border-top: 1px solid #eee; margin-top: 15px;}
.pxzx_queding {  width: 215px;height: 57px;line-height: 50px;  text-align: center; border-width: 0px; border-radius: 5px; font-family: "微软雅黑"; font-size: 25px; color: #ffffff; background-color: #006DDE; cursor: pointer; margin: 0 10px;}
.pxzx_queding:hover{ background: #004F97;}


/* 图片列表页 */
.pic_box{ width: 95%; margin: 0 auto;display: flex;justify-content:space-between; flex-wrap: wrap;}
.j_yj1{ display: block; width: 360px; text-align: center; margin: 10px 0;}
.j_yj1 img{ width: 360px; height: 228px;}
.j_yj1 p{ text-align: center; font-size: 16px; line-height: 40px;}

/* 7-14 */
.ss{background:#f8f8f8;}
.ss img{ width: 26px!important; height: 26px!important;}
.ss a{ font-size: 18px; margin-left: 15px; font-weight: bold;}



/* 注册 */
.p_n2{ width: 1200px; min-height: 715px; margin: 0 auto; margin-top: 60px ;margin-bottom: 40px ; background: url(../images/p_bg.png) no-repeat bottom center; display: flex; justify-content:center; align-items: flex-start; padding-top: 50px; box-sizing: border-box; }
.n2_l{ width: 620px;}
.n2_r{width: 447px;}
.n2_r img{  margin: 23px 0;}
.n3{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.n3 h1{ font-size: 50px; color: #008AF2; line-height: 80px; margin: 0 auto; font-weight: bold; margin-bottom: 30px;}
.n3_box{ border: 1px solid #ddd; background: #fff; width: 445px; padding: 45px 0; box-sizing: border-box;}
.n3_box h3{ font-size: 18px; color: #ff0000; text-align: center; }
.n3_box img{ margin: 0 auto; margin-top: 45px; margin-bottom: 45px; }
.n_dl{ padding: 25px; display: flex; justify-content: center; align-items: center; border-top: 0px solid #eee; margin-top: 15px;}

@media screen and (max-width:640px) {
.p_n2{ width: 100%; min-height: 500px; margin: 0 auto; margin-top: 30px ;margin-bottom: 0px ; background: url(../images/p_bg.png) no-repeat bottom center; display: flex; justify-content:center; align-items: flex-start; padding-top: 50px; box-sizing: border-box; }
.n2_l{ display: none}
.n2_r{width: 95%; margin: 0 auto}
.n2_r img{ width: 80%; margin: 0 auto; margin-bottom: 20px;}
.n3{ display: flex; flex-direction: column; justify-content: center; align-items: center;}
.n3 h1{ font-size: 30px; color: #008AF2; line-height: 50px; margin: 0 auto; font-weight: bold; margin-bottom: 20px;}
.n3_box{ border: 1px solid #ddd; background: #fff; width: 100%; padding: 25px 0; box-sizing: border-box;}
.n3_box h3{ font-size: 16px; color: #ff0000; text-align: center; }
.n3_box img{ margin: 0 auto; margin-top: 25px; margin-bottom: 25px; }
.n_dl{ padding: 15px; display: flex; justify-content: center; align-items: center; border-top: 0px solid #eee; margin-top: 15px;}

}