/* Write your styles */
.am-pc { display:block}
.am-wap { display:none}
@media screen and (max-width: 1100px) {	
.am-wap { display:block}
.wrap { width:100% !important}	
.am-pc { display:none}
.banner { display:none; !important}
.lxwm { display:none}
.contain1 {width:100% !important}
.contain_l, .contain_r { width:95% !important; margin:0 2.5% 10px;}
.cpjs_z { background-size:100% !important;}
.news-r { width:98% !important; margin:0 1%;}
.news-list { height:auto !important;}
.news-list ul { width:100% !important; margin-bottom:0px; padding:0 20px !important;}
.news-list img { width:100% !important; height:auto !important; padding:0 20px;}
.news-list .on { width:180px !important; margin-top:10px; float:left !important;}
.news-list .on a { height:38px; line-height:38px;}
.newsa-main p img { width:100%;}
.cpzx-jj { display:none;}
.productlist LI { width:100% !important; height:auto !important;}
.productlist LI IMG { width:100% !important; height:auto !important;}
.productlist LI .product_name {width:100% !important;}
.about-main img { width:90%; height:auto; float:none;}
}

*{ margin:0 auto;padding:0;list-style-type:none;}
ul, li, a{ list-style:none; text-decoration:none; padding:0;}
body{font-size:12px; font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;}
p{ margin:0; padding:0;}
a { color:#7c7c7c;}
a:hover{color:#808080;}
.wrap{width:100%; margin:auto;}
.clear{ clear:both;}
.content { width:90%; margin:0 auto;}
.content2 { background:#f5f9fc; padding-bottom:24px;} 
.f_l { float:left;}
.f_r { float:right;}
/*top*/
.benner { width:100%; background-size:100%;}
.benner img { width:100%; padding-top:0px;}

.i_tit { text-align:center; font-size:22px; padding-top:20px; color:#333;}
.i_tit_tip { font-size:13px; color:#ababab; text-transform:uppercase; letter-spacing:1px; margin-bottom:4px; margin-top:-2px;}
.i_tit_xian { width:46px; height:3px; margin:0 auto; background:#0164b9;}
.i_about_p { width:86%; margin:14px 7%; font-size:14px; line-height:26px; text-indent:2em;}
.i_about_more { width:180px; margin:0 auto;}
.i_about_more a{ width:180px; height:48px; text-align:center; line-height:48px; background-color:#dce8f7; color:#0055ca; font-size:15px; display:block; border-radius:5px;}
.i_about_more a:hover{ background-color:#0055ca; color:#fff; display:block;}
.i_product { width:100%; margin:15px 0 ;}
.i_product li { width:48%; height:px; border:#e5e5e5 1px solid; text-align:center;}
.i_product li img { width:80% !important; margin-left:10%; padding:20px 10px;}
.i_product_tit { font-size:15px; line-height:30px;}
.i_product_tit a { color:#333;}
.i_product_tip { font-size:13px; line-height:26px; margin-bottom:6px;}
.i_product_tip a {color:#0164b9;}
.i_yyly {padding-right:2%;padding-left:2%;}
.i_yyly li{ width:50%; font-size:13px; float:left; text-transform:uppercase;}
.i_yyly li div { margin-left:15%;}
.i_yyly_tit { font-size:20px; font-weight:bold; padding-top:64px;}
.i_yyly_2 a { color:#FFF}
.i_yyly_3 a { color:#FFF}
.i_yyly_1 { background:url(../i/i_yyly_img01.png); width:100%; height:223px; background-size:100% 100%; color:#7c7c7c;}
.i_yyly_1 .i_yyly_tit, .i_yyly_4 .i_yyly_tit { color:#333;}
.i_yyly_2 { background:url(../i/i_yyly_img02.png); width:100%; height:223px; background-size:100% 100%; color:#fff;}
.i_yyly_3 { background:url(../i/i_yyly_img03.png); width:100%; height:223px; background-size:100% 100%; color:#fff;}
.i_yyly_4 { background:url(../i/i_yyly_img04.png); width:100%; height:223px; background-size:100% 100%; color:#7c7c7c;}
.i_yyly_xian1 { width:34px; height:3px; background:#0164b9; margin:12px 0 12px 15%;}
.i_yyly_xian2 { width:34px; height:3px; background:#fff; margin:12px 0 12px 15%;}
.i_new_list { font-size:14px; line-height:22px; margin-top:15px;}
.i_new_list li { margin:14px 0;}
.i_new_c { width:76%;}
.i_new_tit { font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:6px;}
.i_new_tit a{color:#333;}
.i_new_time { width:20%; height:72px; text-align:center; background:#0164b9; color:#fff; margin-right:4%; font-size:30px; line-height:48px;}
.i_new_time span { font-size:13px; display:block; line-height:16px;}
.xuxian { width:100%; height:1px; background:url(../i/i_xuxian.png);}
.i_more { margin:20px auto; width:180px; height:50px; line-height:48px; text-align:center; font-size:15px;}
.i_more a { width:162px; height:48px; border:#e5e5e5 1px solid; border-radius:5px; display:block; color:#333;}
.i_more a:hover {width:164px; height:50px; background:#0164b9; color:#fff;}
.foot { width:100%; height:66px; line-height:66px; text-align:center; background:#f5f9fc; color:#0164b9; font-size:15px;}