@import url("system.css");
@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0;font-family:"\5FAE\8F6F\96C5\9ED1";}
body{ overflow:-Scroll; overflow-x:hidden;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var,i{font-style:normal;}
input,button,select{overflow: visible;vertical-align:middle;outline:none}
body,button,input,select,textarea{font-family:"\5FAE\8F6F\96C5\9ED1","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,,"\5B8B\4F53";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none;cursor: pointer}
a:hover{text-decoration:underline;outline:none}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
/*img*/
img{border:0;vertical-align:middle}
.img-responsive{max-width:100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}

/*自定义CSS全局*/
.reset_ul, .reset_ul li{list-style-type:none}
.clear:after{content:"\20";display:block;height:0;clear:both;visibility:hidden;font-size:0}.clear{zoom:1}

.left{ float:left;}
.right{ float:right;}
.Center{ width:1200px; margin:0px auto;}



/*首页*/
.t_top{ width:100%; height:30px; border-bottom:1px #e5e5e5 solid; background:#f6f6f6;}
.wel_com{ color:#666; font-size:12px; line-height:30px;}
.wel_com i.cn{ display:block; float:right; width:36px; height:26px; margin-left:15px;}
.header{ width:100%; height:170px;}
.logo{ width:620px; height:135px; margin-top: 15px;}
.tel{ width:200px; height:100px; margin-top:25px;}
.tel1{ width:200px; height:32px; margin-bottom:10px;}
.tel1 i{ width:35px; height:32px; float:left;}
.tel1 span{ font-size:20px; color:#ff8400; float:left; padding-left:20px;}
.tel1 a{ color:#ff8400; margin-bottom: 10px; float:left;}
.nav{ width:100%; height:50px; background:url(img/46-50.jpg) repeat-x;}
.nav_ul{ width:1200px; height:50px;}
.nav_ul ul li.nli{ width:171px; height:50px; float:left; line-height:50px; text-align:center; position:relative;}
.nav_ul ul li a{ color:#fff; display:block;}
.nav_ul ul li a:hover{ background:#147cc0; text-decoration:none;}
.sub{ display:none; position:absolute; top:50px; left:0px; width:171px; z-index:999; background:#fff; background:#147cc0;}
.nav .nli .sub li{ background:url(img/46-50.jpg) repeat-x; border-bottom:1px #fff solid; line-height:45px; text-align:center; float:left; width:171px; font-size:14px; color:#666;}
.nav .nli .sub li a{ background:url(img/46-50.jpg) repeat-x;}
.nav .nli .sub li a:hover{ background:#147cc0; opacity:1;}


.banner{ width:100%; height:500px;}
.banner_m{ width:1920px; height:500px; margin:0px auto;}
.banner_box{ position:relative;}
.b_hd{ position:absolute; height:7px; bottom:20px; left:43%;}
.b_hd ul li{ width:50px; height:7px; float:left; background:#fff; margin-right:10px; cursor:pointer;}
.b_hd ul li.on{ background:#147cc0;}

.product{ width:100%; height:500px; margin-top:90px;}
.p_tit{ width:1200px; height:52px; background:url(img/1200-52.png) no-repeat; font-size:24px; text-align:center; margin-bottom:58px; line-height:52px; color:#147cc0;}
.p_con{ width:1200px; height:390px;}
.p_con ul{ width:1250px;}
.p_con ul li{ width: 292px; height: 330px; float:left; margin-right:20px;}
.p_con ul li a{ width: 292px; height: 330px; display:block; color:#000; text-align:center;}
.p_pic{ width:290px; height:290px; border:1px #fff solid; float:left;}
.p_name{ width:292px; height:40px; background:#dddddd; float:left; line-height:40px;}
.p_con ul li a:hover .p_pic{ width:290px; height:290px; border:1px #147cc0 solid;}
.p_con ul li a:hover .p_name{ width:292px; height:40px; background:#147cc0; color:#fff;}

.about{ width:100%; height:365px; margin-top:90px;}
.a_con{ width:1200px; height:255px;}
.a_pic{ width:510px; height:255px; float:left; margin-right:50px;}
.a_txt{ font-size:14px; line-height:40px;}
/*.a_txt span.comp{ color:#147cc0; font-weight:bold; font-size:18px; line-height:60px;}*/
.a_txt span.comp{ font-size:14px;}
.a_txt a.a_more{ color:#ff8502;}
.a_txt a:hover{ text-decoration:none;}

.n_c{ width:100%; height:320px; margin-top:90px;}
.news{ width:510px; height:320px; float:left; margin-right:35px;}
.contact{ width:270px; height:260px; float:left; background:url(img/655-321.jpg) no-repeat; font-size:14px; line-height:30px; padding:30px 20px 30px 365px;}
.n_tit{ width:510px; height:40px; color:#fff; line-height:40px; font-size:18px; font-weight:bold;}
.n_tit a{ font-size:12px; display:block; float:right; color:#147cc0; font-weight:normal;}
.n_tit a:hover{ text-decoration:none;}
.n_con{ width:510px; height:240px; padding:15px 0px;}
.n_con ul li{ width:490px; height:35px; padding:0px 10px; float:left; font-size:14px; line-height:35px;}
.n_con ul li a{ color:#000;}
.n_con ul li a:hover{ text-decoration:none;}
.n_con ul li i{ font-size:36px; color:#147cc0; line-height:20px; padding-right:10px; float:left;}
.n_con ul li span{ display:block; float:right; line-height:35px;}
.contact span{ color:#147cc0; font-weight:bold; font-size:16px; line-height:40px;}
.contact a{ width:120px; height:30px; display:block; margin-top:15px; float:left; margin-right: 10px;}

.link{ width:100%; height:50px; margin-top:90px; margin-bottom:80px; line-height:50px;}
.l_tit{ width:116px; height:50px; float:left; background:url(img/116-50.png) no-repeat; color:#fff; text-align:center;}
.l_con{ width:1022px; height:96px; border:1px #ccc solid; float:left; padding:10px 30px; line-height:25px;}
.l_con a{ color:#000; padding-right:10px; font-size:12px;}
.l_con a:hover{ text-decoration:none;}

.footer{ width:100%; background:#147cc0;}
.f_con{ padding:55px 0px; color:#fff; text-align:center; line-height:40px; font-size:14px;}
.f_con a{color: #FFF;}



/*图片列表*/

.list_banner{ width:100%; height:400px; float:left;}
.l_banner_m{ width:1920px; height:400px; margin:0px auto;}
.main{ width:100%; margin:50px 0px;}

.m_left{ width:220px; float:left;}
.l_nav{ width:220px; float:left; margin-bottom:50px;}
.l_n_title{ width:185px; height:40px; padding-left:35px; background:#3e7cbf; color:#fff; font-size:16px; font-weight:bold; line-height:40px; margin-bottom:20px;}
.l_n{ width:220px;}
.l_n ul li{ width:220px; height:35px; float:left; background:#f6f6f6; margin-bottom:15px; line-height:35px; font-size:14px;}
.l_n ul li a{ color:#000; display:block; width:185px; height:35px; padding-left:35px;}
.l_n ul li a:hover{ text-decoration:none; background:#3e7cbf; color:#fff;}
.l_n ul li a.on{ background:#ff8400; color:#fff;}
.l_cont{ width:190px; background:#f6f6f6; padding:15px 15px 30px 15px; font-size:13px; line-height:30px;}

.m_right{ width:930px; float:right;}
.this{ width:870px; height:40px; background:#f6f6f6; padding:0px 30px;}
.this i{ width:30px; height:40px; background:url(img/30-40.png) no-repeat; float:left;}
.this span.channel{ float:left; font-size:16px; font-weight:bold; line-height:40px; color:#3e7cbf; padding-left:10px;}
.this span.t_this{ float:right; font-size:12px; color:#999; line-height:40px;}
.this span.t_this a{ color:#999;}
.this span.t_this a:hover{ text-decoration:none;}
.p_list{ width:870px; padding:50px 30px; float:left;}
.p_list ul{ width:900px;}
.p_list ul li{ width:270px; height:240px; margin-right:30px; float:left; margin-bottom:30px;}
.l_pic{ width:270px; height:180px;}
.p_list ul li p{ text-align:center; line-height:60px; font-size:14px;}
.p_list ul li a{ color:#000; display:block;}
.p_list ul li a:hover{ text-decoration:none; background:#ffb61a; color:#fff;}
.page{ width:930px; text-align:center; height:40px;}


/*文字列表*/
.n_list{ width:870px; padding:50px 30px; float:left;}
.n_list ul li{ width:840px; height:20px; line-height:20px; padding-left:30px; float:left; font-size:14px; margin-bottom:20px;}
.n_list ul li a{ color:#000;}
.n_list ul li a:hover{ color:#3e7cbf; text-decoration:none;}
.n_list ul li span{ display:block; float:right;}


/*单页*/
.l_about{ width:870px; padding:0px 30px 50px 30px; float:left;}
.a_title{ width:870px; line-height:2; text-align:center; font-size:20px; padding: 20px 0;}
.a_about{ font-size:14px; color:#000; line-height:30px;}
.a_about img{ max-width:870px;} 





/*补充*/
.left_menu ul,.left_menu ul li{ list-style-type:none}
.nav ul li a.on{ background:#ffb61a; color:#fff;}
.a_date{ width:870px; color:#999; font-size:12px; text-align:center; line-height:40px;}
.a_prev{ width:870px; font-size:14px; margin-top:50px; line-height:30px;}
.a_next{ width:870px; font-size:14px; margin-bottom:50px; line-height:30px;}
.a_prev a,.a_next a{ color:#000;}
.a_prev a:hover,.a_next a:hover{ text-decoration:none;}

.n_hd{ width:400px; height:50px; float:left;}
.n_hd ul li{ width:130px; height:40px; float:left; background:#fff; color:#147cc0; text-align:center; line-height:40px; cursor:pointer;}
.n_hd ul li.on{ background:#147cc0; color:#fff;}