@charset "utf-8";
/* CSS Document */
body{ display:none;  background-color:#fff;}

a {color:#000;border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;}
.pageWnum_full { width:100%;}
.pageWnum_96 { width:96%; margin:0 auto;}
.pageWnum_94 { width:94%; margin:0 auto;}
.pageWnum_92 { width:92%; margin:0 auto;}
.pageWnum_90 { width:90%; margin:0 auto;}
.pageWnum_88 { width:88%; margin:0 auto;}
.pageWnum_80 { width:80%; margin:0 auto;}
.pageWnum_70 { width:70%; margin:0 auto;}
.pageWnum_60 { width:60%; margin:0 auto;}
.pageWnum_50 { width:50%; margin:0 auto;}
.pageWnum_40 { width:40%; margin:0 auto;}
.pageWnum_30 { width:30%; margin:0 auto;}

.banner_mine{
    width: 100%;
    height: auto;
}
.banner_mine img{
    width: 100%;
}
.supply_desc{
    width: 100%;
    height: 60px;
    text-align: center;
    line-height: 60px;
}
.supply_content_gj{
    width:100%;
    padding: 0 5%;
    margin-bottom: 30px;
}
.supply_content{
    width: 90%;
    padding: 0 5%;
}
.h1_center{
    width: 100%;
    height: 80px;
    text-align: center;
    line-height: 80px;
}
.h1_center_subsidiary{
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    line-height: 25px;
    padding:10px 5%;
    text-align: center;
}
h3{ padding: 0 !important;}
.contact_us_content{
    width:90%;
    padding:0 5%;
}
.pinpai_box ul{
    display: block;
    width: 100%;
    height: 120px;
    text-align: center;
}
.pinpai_box ul a{
    display: block;
    width:100%;
    padding:0 5%;
    height: 120px;
    border-bottom: 1px solid #e0e0e0;
    background: #f5f5f5;
}
.pinpai_box ul a div{
    width: 72%;
    height:90px ;
    float: left;
    padding-left: 4%;
}
.pinpai_box ul a div .index_title{
    line-height: 40px;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}
.pinpai_box ul a div .index_content{
    width: 100%;
    line-height: 25px;
    font-size: 14px;
    text-align: left;
}
/*.pinpai_box ul a div .index_content .p_style{*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp:2;*/
/*}*/

.jiachu{
    width: 70px;
    height:70px;
    display: block;
    float: left;
    margin-top: 25px;
}
.ab1_content img{
    width: 100%;
}
.npage img{
    width: 100% !important;
    height: auto!important;
    margin-bottom: 20px;
}
.expressPic{
    width: 29.3%;
    float: left;
    margin-left: 3%;
}
.weima2{
    margin-top: 46px;
}
.h2_style{
    width: 100% !important;
}

.ab1_content p,.ab1_content span{
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 25px !important;
    text-align: center !important;
}
.service p{
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 25px !important;
}
.managment{
    margin: 20px 0;
}
.managment p span{
    font-size: 16px !important;
}
.text_box,.text_box_mine{
    width: 100%;
    height: auto;
    padding: 0 5%;
}
.text_box_mine h4,.text_box_mine span{
    width: 100% !important;
    line-height: 20px!important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
}
.text_box p{
    line-height: 20px !important;
}
.text_box h2{
    font-size: 14px !important;
}
.play{
    display: block;
    margin:0 auto;
}
.caijie{
    width: 100%;
    height: auto;
}
.npage .imgAuto_mine_cai{
    width: 50% !important;
    float: left !important;
}
.hhhhh{
    text-align: center !important;
}
.index { background:#f5f5f5}
.showbox { overflow:hidden; margin:0 auto;}
.allpage { overflow:hidden; position:relative; }
.heard { width:100%; overflow:hidden; position:relative; border-bottom:#b2b2b2 1px solid;}
.heard .heardborder{ width:100%; height:.5rem; overflow:hidden; background:#0a87d9;}
.heard .hdleft { width:86%;height:72px; overflow:hidden; float:left; position:relative;
    line-height: 72px;}
.imgAuto_logo{
    max-width:100%;
    height: 72px;
    overflow: hidden;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
}
.imgAuto_menu{
    max-width:100%;
    height: 72px;
    overflow: hidden;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
}
.heard .hdleft .soso { width:150px; height:26px; border:#b5b5b6 1px solid; position:absolute; right:10px; top:0;}
.heard .hdleft .soso input{ width:84%; height:24px; overflow:hidden; float:left; background:#fff; border:none;}
.heard .hdleft .soso input.sub{ width:20px; height:24px; overflow:hidden; float:left; background:url(../soso.gif) no-repeat; background-size: auto 100%; border:none;}
.heard .hdright { width:14%; height: 72px; float:left;}
.menu { width:auto; height:auto; overflow:hidden; background:#fbfbfb; float:left; position:relative; z-index:9}
.menu .yinying { float:left; width:.8rem; height:100%; position:absolute; right:0; top:0; background:url(../wx_mobile_01_05.png) repeat-y; background-size:100% auto; z-index:98}
.menu .borlink { width:100%; display:block; padding:.5rem 0; font-size:1.2rem; color:#9c9c9c; background:#f7f7f7; text-indent:2rem; border-top:#e8e8e8 1px solid; font-family:"微软雅黑";}

.index_newlist { width:100%; height:40px; overflow:hidden; background-color:#fff;}
.index_newlist ul {  overflow:hidden; }
.index_newlist ul li { width:100%; height:40px; overflow:hidden; background:url(../index_08.jpg) no-repeat; background-size:auto 100%; text-indent:24px;}
.index_newlist ul li a { padding:5px; font-size:12px; color:#999; line-height:40px;}
.Main { float:left; position:relative;}
.Main .Mainmask { width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:9; display:none;}
.Main .foot { width:100%; overflow:hidden; background:#ebebeb; color:#9fa0a0; text-align:center; padding:10px 0 58px 0; font-size:10px; border-top:#c4c4c4 1px solid;}
.Main .foot p{
    line-height: 20px;}
.Main .foot a { color:#1c1c1c; font-size:10px;}
.pageCon { width:100%; overflow:hidden; position:relative;
    padding-bottom: 0 !important;}
.indexCon { overflow:hidden; margin-top:8px;background:#fff;}
.indexCon p { width:90%; margin:0 auto; color:#727171; text-align:center; font-size:12px; line-height:20px;}
.index_picbox { width:100%; overflow:hidden; padding-bottom:5%;}
.index_picbox .ipitem {}
.index_picbox .ipitem em { display:block; text-align:center; font-style:normal;}

.indlist { width:100%; overflow:hidden; background:#fff; border-top:#ebebeb 1px solid; position:fixed; bottom:0; left:0; z-index:10}
.indlist a { width:33.3%;height: 48px; overflow:hidden; display:block; float:left;text-align: center;line-height: 48px;font-size: 16px;}

.timg { width:100%; overflow:hidden; position:relative;}
.timg div { width:100%; height:100%; overflow:hidden; display:table-cell; vertical-align:middle; color:#fff; position:absolute; left:0; top:0; text-align:center;}
.timg div em { padding-top:6%; font-style:normal; display:block; font-size:1.2rem;}
.timg div em span { display:block; font-size:.6rem; text-transform:uppercase;}
.npage { width:100%; overflow:hidden; background:url(../allpage.gif) no-repeat; background-size:100% auto; background-color:#fff;}
.npage .aboutbox {  overflow:hidden; padding:5% 0; text-align:justify; font-size:12px; color:#727171; line-height:20px;}
.npage .aboutbox p { margin-top:14px;}

.indexCon_02 { width:100%; overflow:hidden; background:#0a87d9; padding:5% 0;}
.indexCon_02 .piclist {}
.indexCon_02 .piclist .lbt { width:96%; float:left;}
.indexCon_02 .piclist .mbt { width:96%; margin:0 auto;}
.indexCon_02 .piclist .rbt { width:96%; float:right;}
.indexCon_02 .piclist .plbt a,.indexCon_02 .piclist .plbt em{ color:#fff; font-style:normal; text-align:center; display:block; widows:100%; padding-top:3%;}

.npage .about_03box { width:100%; overflow:hidden; background:#fff;}
.npage .about_03box dl { width:100%; overflow:hidden; margin:0 auto; }
.npage .about_03box dl.color01 dt{ background:#fff}
.npage .about_03box dl.color02 dt{ background:#e9e9e9}
.npage .about_03box dl dt { width:100%; height:40px; overflow:hidden; font-size:12px; line-height:40px; text-indent:2em; background-color:#e9e9e9; border-top:#dddddd 1px solid;}
.npage .about_03box dl.nav dt{}
.npage .about_03box dl dt span { display:block; width:86%; overflow:hidden;}
.npage .about_03box dl dd { width:90%; overflow:hidden; margin:0 auto; display:none; padding:.6rem 0;}

.npage .hjbox { padding-bottom:3rem}
.npage .hjbox dl { width:100%; overflow:hidden; margin-top:3rem}
.npage .hjbox dl dt { width:100%; overflow:hidden;}
.npage .hjbox dl dd { width:100%; overflow:hidden; background:url(../hjname_bg.jpg) right center no-repeat; background-size: auto 100%; background-color:#0a87d9; padding:.7rem 0; text-indent:.5rem; color:#fff;}
.news div { width:100%; overflow:hidden;}
.news dl { width:90%; overflow:hidden; margin:0 auto; padding:2rem 0;}
.news dl dt { width:auto; float:left; font-size:2rem; color:#adadad;}
.news dl dt span { display:block; text-align:right; font-size:1rem;}
.news dl dd { width:100%; overflow:hidden;}
.news dl dd h3 { font-weight:normal; padding:2% 0;}
.news dl dd p { color:#9f9b9b; line-height:1.6rem}
.news dl dd h3 a { color:#000}
.news dl dd p a {color:#9f9b9b;}
.news div.newColor_01 { background:#ffffff;}
.news div.newColor_02 { background:#f3f3f3;}

.probox { background:#fff;}
.npage .newsCon {width:100%; overflow:hidden; padding-top:1rem; background:#fff; padding-bottom:2rem;}
.npage .newsCon h2 { font-size:16px; text-align:center; font-weight:normal; color:#3f3f3f;}
.npage .newsCon h3 { width:94%; height:30px; overflow:hidden; font-size:10px; color:#99a5a6; text-align:center; line-height:30px; font-weight:normal; border-bottom:#ededed 1px solid; display:block; margin:0 auto; }
.npage .newsCon h3 img { margin:0 8px;}
.npage .newsCon .newsTxt { width:94%; overflow:hidden; margin:0 auto; font-size:12px; color:#676767; line-height:20px; text-align:justify; padding-top:3%;}
.npage .newsCon .newsTxt p { margin-top:10px;}
.npage .newsCon .newsbtn { width:94%; overflow:hidden; margin:0 auto; border-top:#ededed 1px solid; margin-top:20px;}
.npage .newsCon .newsbtn a { width:100%; display:block; padding:8px 0; border-bottom:#ededed 1px solid; color:#555555;}
.npage .newsCon .newsbtn a.backbt { border-bottom:none;}
.npage .newsCon .newsbtn a.backbt img { width:30%}
.pro { padding:3rem 0;}
.pro .ptop  { width:294px; margin:0 auto;} 
.pro .ptop .proname{ width:294px; height:34px; margin:0 auto;  background:url(../jzselbt.gif) left no-repeat; background-size: 100%; position:relative; float:left; font-size:14px;}
.pro .ptop .proname dl { width:100%; overflow:hidden;}
.pro .ptop .proname dl dt { width:70px; height:34px; overflow:hidden; float:left; cursor:pointer;}
.pro .ptop .proname dl dd { width:220px; height:34px; overflow:hidden; float:left; line-height:34px; text-indent:18px}
.pro .ptop .proname ul { width:220px; overflow:hidden; float:left; background:rgba(10,135,217,.7); color:#fff; margin-left:70px; padding:10px 0;  display:none;}
.pro .ptop .proname ul li { width:100%;  line-height:24px;padding:0 18px; cursor:pointer;}
.pro .ptop .proname ul li a { color:#fff; }
.pro .pbimg { width:100%; overflow:hidden; padding:2% 0; border-bottom:#ededed 1px solid;}
.pro .plist { width:100%;}
.pro .plist a { width:30%; overflow:hidden; float:left;border:#ededed 1px solid; margin:1.6%}
.pro .ptext { width:100%; overflow:hidden; padding-bottom:1rem;}
.pro h4 { width:100%; font-size:16px; font-weight:normal; padding:.6rem 0;}
.pro h4 span { width:6px; height:20px; display:block; float:left; background:#0a87d9; margin-right:6px;}
.pro p { width:100%; overflow:hidden; font-size:12px; color:#b4b4b4; margin-top:.5rem;}
.pro form { width:100%; overflow:hidden;}
.pro form input { width:100%; height:30px; background:#fff; margin-top:5px; color:#a1a1a1; text-indent:10px;}
.pro form textarea { width:100%; height:120px; background:#fff; margin-top:5px; color:#a1a1a1; line-height:20px; text-indent:10px; font-size:14px;}
.pro form input.sub { width:80px; height:30px; overflow:hidden; background:#008dd3; color:#fff; float:right; border:none; text-indent:0}

.video { overflow:hidden; padding:3rem 0;}
.video dl { width:100%; margin-bottom:2rem;}
.video dl dt { width:100%; overflow:hidden; text-align:center; padding-bottom:.5rem}
.video dl dt span { background:#cccccc; color:#fff; padding:2px 10px; border-radius:5px; display:inline-block}
.video dl dd { width:100%; overflow:hidden; border:#c1c1c1 1px solid; border-radius:10px;}
.video dl dd div { width:90%; margin:5% auto; position:relative;}
.video dl dd div iframe { width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0;}
.video dl dd em { width:100%; overflow:hidden; display:inline-block; border-top:#c1c1c1 1px solid; text-align:center; font-style:normal; padding:3% 0; }
.service { overflow:hidden;}
.service dl { width:100%; overflow:hidden; padding:0.2rem 0; background:url(../dlbg.gif) repeat-y; background-size:100% auto;}

.service dl dt { width:100%; overflow:hidden; }
.service dl dd { width:100%; overflow:hidden; float:left; color:#555555;}
.imgAuto_mine{
    width: 100%;
    /*height: 100px;*/
}
.service dl dd em { font-style:normal; font-size:14px; display:inline-block; font-weight:bold;}
.service dl dd p { font-size:12px; line-height:20px; width:100%; overflow:hidden; margin-top:6px}
.contact { padding:3rem 0;}
.contact .cmap { width:100%; height:18rem; overflow:hidden; border:#d1d0cf 1px solid;}
.contact dl { width:100%; overflow:hidden; padding-top:2rem;}
.contact dl dt { width:100%; overflow:hidden; float:left; background:url(../cbz_01.gif) left no-repeat; background-size:auto 100%; padding:.4rem 0; padding-left:2.8rem;}
.contact dl dt img { width:auto; height:100%; float:left;}
.contact dl dd { width:100%; overflow:hidden; text-indent:2rem; line-height:26px; padding-top:2%;}
.contact dl dd {}
.contact dl dd .mapbt { text-align:left; padding:5% 0;}
.contact dl dd .mapbt img { width:50%;}

.showbox .allpage .Main .content h2{align-content: center !important;}
.showbox .allpage .Main .content h1{font-size: 18px !important; height:70px !important; text-align: center !important;
    line-height: 70px !important;}
.showbox .allpage .Main .content p{ font-size: 16px !important;}
.showbox .allpage .Main .content .sence {}
.showbox .allpage .Main .content .message .tab-tittle { margin-top:10px; margin-left:20px !important;  font-size: 10px !important;}
.respons{width:100%;
    padding: 0 5%;}
.tittle{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}
.tittle_tip{
    width: 100%;
    height: 40px;
    font-size: 14px;
}
.tittle_tip span{
    display: inline-block;
    width: 30%;
}
.showbox .allpage .Main .content .message .respons p{text-align:left; font-size: 10px !important;}
.showbox .allpage .Main .content .message .respons h3{margin-left: 20px !important;}
.showbox .allpage .Main .content .connect p {padding-left: 0 !important; width:100% !important; text-align: center; font-size: 15px !important;}
.showbox .allpage .Main .content .connect h1{font-size: 23px !important;
    padding: 0 !important;}
.showbox .allpage .Main .content h2{margin-top: 20px; margin-bottom: 20px; text-align: center;}

.cfb { background:#0a87d9; padding:2rem 0;}
.cfb h3,.cfb h4 {  color:#fff; text-align:center;}

.cfb div { width:302px; overflow:hidden; margin:2% auto; border:#a3a2a2 1px solid;}
.cfb div span { width:6px; height:30px; overflow:hidden; background:#005288; display:block; float:left;}
.cfb div input { width:294px; height:30px; overflow:hidden; float:left; border:none; background:#fff; color:#727171}
.cfb div textarea { width:294px; height:100px; overflow:hidden; border:none; background:#fff; color:#727171; line-height:20px;}
.cfb div.tinfo span{ height:100px;}
.cfb div textarea,.cfb div input { text-indent:10px;}
.cfb div.sub { width:300px; margin:0 auto; color:#fff; background:none; border:none;}
.cfb div.sub input { width:80px; height:30px; overflow:hidden; float:right; text-indent:0; background:#005288; color:#fff; border-radius:2px;}
.page{ width:100%; text-align:center; margin:10px auto;}
.page .page_list{ margin:0 20px;}
.page a{
	display:inline-block;
	padding:0px;
	margin:0px;
	width: 4em;
    height: 1.4em;
    background: #008dd3;
    color: #fff;
	font-size:1.2em;
	}
.page .pageempty {
    background: #6c6c6c;
}
@media screen and (min-width:415px) {
	.npage .newsbox dl dd span{ display:block;}
}
@media screen and (max-width:414px) {
	.npage .probox .proName{ width:200px; font-size:20px; line-height:24px;}
	.npage .probox .proName span { display:block; font-size:12px; color:#ffffff; line-height:18px;}
}
@media screen and (max-width:374px) {
	.npage .probox .proName{ width:160px; font-size:14px; line-height:22px;}
	.npage .probox .proName span { display:block; font-size:10px; color:#ffffff; line-height:16px;}
}