@charset "utf-8";
/* CSS Document */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    -ms-text-size-adjust: 100%; /* 3 */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html, body, div, form, p, a, h1, h2, h3, h4, h5, h6, img, table, td, th, input, span, section, header, footer, nav, article, aside, fieldset, textarea, dl, dt, dd,blockquote, ul, ol, form {margin: 0; padding:0;}
section,header,footer,nav,article,aside {display: block;}
body { font: 12px/21px "微软雅黑"; color: #333; background:#DEDEDE}
ol,ul {list-style: none;}
li {list-style-type: none;}
caption,th {text-align: left;}
address,caption,cite,code,dfn,ins,em,th,var {  font-weight: normal;  font-style: normal;}
input,textarea {font-size: 12px;padding: 2px;}
img ,b,span,i{vertical-align:middle;border-width: 0;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
textarea {overflow: auto;}
a{text-decoration: none;color: #333;}
a:hover{color:#7D0101; cursor:pointer}
.f-l {float: left;_display: inline;}
.f-r {float: right;_display: inline;}
.pos-r {position: relative;}
.pos-a {position: absolute;}
.b {font-weight: bold;}
.hide,.hidden {display: none;}
.ov {overflow: hidden;_zoom: 1;}
.tc {text-align: center;}
.m-t-10 { margin-top:10px;}
.m-l-10 { margin-left:10px;}
.m-r-10 { margin-right:10px;}
.m-b-10 { margin-top:10px;}
.m-t-20 { margin-top:20px;}
.m-t-50 { margin-top:50px;}
.ti2 {text-indent:2em}
.clear {clear: both;}
.clearfix:after {clear: both;content: ""; display: block; font-size: 0; height: 0; visibility: hidden;}
.fz12 {font-size: 12px;}
.fz14 {font-size: 14px;}
.fz16 {font-size: 16px;}
.cFFF { color:#FFF;}
.bgwhite { background:#FFF;}
.bgcolor_fff7db {background: #fff7db;}
.txt_underline{ text-decoration:underline}
.noborder { border:none;}
.ti2 {text-indent: 2em;}
.w-165{ width:165px;}
.w-235{ width:235px;}
.w-230{ width:230px;}
.w-760{ width:760px;}
.w-750{ width:750px;}
.w-790{ width:790px;}
table {border-collapse: collapse;border-spacing: 0;}
table, th, td {border: 0 none;font-size: 100%; margin: 0;outline: 0 none;padding: 0;vertical-align: baseline;}
select, input, img {vertical-align: middle;}
select, input, button, button img, textarea, label, img {margin:0px;vertical-align:middle;}
.column,.warp {width: 1020px; margin: 0 auto;}
.allwarp{ margin:20px auto; width:1000px;}

/****@头部****/
.header_top{ height:20px; line-height:20px; width:100%; background:#959595;}
.header_top .header_top_main{ width:1000px; margin:0 auto;}
.header_top .header_top_main p.header_top_slogn{ width:400px; color:#FFF;}
#header_top_right{ float:right;line-height:20px; height:20px; width:400px; text-align:right;}
#header_top_right span{ display:inline-block; line-height:20px; height:20px; padding-left:22px; width:56px; color:#FFF; margin-right:15px; margin-left:10px; text-align:left}
#header_top_right span a{color:#FFF;}
#header_top_right span.ht_weixin{position:relative; background:url(../../Images/Home/weixin_head_ico.png) left center no-repeat;}
#header_top_right span.ht_shoucang{background:url(../../Images/Home/shoucang_head_ico.png) left center no-repeat;}
#header_top_right span.ht_weixin .ht_weixin_img{ padding:3px; background:#FFF; position:absolute; top:20px; right:0; z-index:9999; display:none;}
header{ width:100%; height:100px; background:url(../../Images/Home/head_bg.jpg) center top no-repeat;}
.head_main{ height:100px; position:relative;}
.head_main .logo{ width:231px; height:77px; top:15px;}
.head_main .header_tel{ width:170px; height:36px; left:850px; top:10px;}
.head_main .nav{ width:770px; left:280px; top:40px;}
.head_main .nav ul li{ float:left; height:50px; line-height:50px; width:110px; text-align:center; position:relative}
.head_main .nav ul li a{ color:#FFF; font-size:16px;font-family:'微软雅黑'; letter-spacing:0.5px}
.head_main .nav ul li a:hover{ color:#F4C00A;}
.nav_child{ position:absolute; top:64px; width:110px; display:none; z-index:9999}
.nav_child span{ display:block;background:#F4C00A; width:100%;height:30px;line-height:30px; text-align:center; border-bottom:1px solid #FFF}
.nav_child span a{ font-size:12px; }
.nav_child span.on{ background:#009; transition:all ease 0.5s}
.nav_child span.on a{ color:#FADE05; transition:all ease 0.5s}

.nav_bottom_line{ width:770px; left:280px; bottom:0; height:4px;}
.nav_bottom_line span{ position:absolute; display:block; height:4px; width:110px; background:#FADE05;}
/******************banner****************/
.banner{ height:516px; width:100%}
.banner #slide{ height:516px; position:relative;overflow:hidden;}
.banner #slide ul{ height:516px; position:absolute}
.banner #slide ul li{float:left;height:516px;overflow:hidden;position:relative;background:#DEDEDE;}
.banner #slide ul li a{ display:block; float:left;display:block; width:100%; height:100%}
.banner #slide .btnBg{position:absolute;width:100%;height:20px;left:0;bottom:0;background:none;}
.banner #slide .btn{position:absolute;width:100%;height:20px;padding:8px 20px;right:0;bottom:0;text-align:center;}
.banner #slide .btn span{display:inline-block;_display:inline;_zoom:1;width:50px;height:10px;_font-size:0;margin-left:5px;cursor:pointer;background:#9D9F9C;}
.banner #slide .btn span.on{background:#FEE600;}
.banner #slide .preNext{width:45px;height:100px;position:absolute;top:250px;background:url(../../Images/Home/sprite.png) no-repeat 0 0;cursor:pointer;}
.banner #slide .pre{left:-45px;}
.banner #slide .next{right:-45px;background-position:right top;}
.banner_bottom_line{ margin:0 auto; width:1000px; height:6px; background:url(../../Images/Home/index/banner_yinying.jpg) no-repeat 0 0;}
.banner_bottom{ width:100%; height:20px;}

/******************@首页中间**********************/
.index_middle{ width:976px; margin:0 auto; padding-top:40px; overflow:hidden;}
.index_pro{ width:430px; float:left}
.index_pro h1.title{ position:relative;}
.index_pro h1.title a{ display:block;width:100%; height:34px; background:url(../../Images/Home/index_about_title.jpg) no-repeat 0 0;}
.index_pro h1.title span.more{ position:absolute; right:10px; top:50%; margin-top:-17px;}
.index_pro h1.title span.more a{ background:none; text-indent:999em;}
.index_pro_list{ width:430px; height:350px; position:relative; z-index:1}
.index_pro_list a.more{ color:#068BD6;}

#index_p_list{ width:430px; height:330px; overflow:hidden; margin-top:20px;}
#index_p_list li{width:430px; height:350px; overflow:hidden;}
#index_p_list a.index_p_img{ display:block;width:350px; height:250px;  margin:0 auto;overflow:hidden;}
#index_p_list a.index_p_img img{ width:350px; height:250px;}
#index_p_list h1{ font-size:14px; font-family:'微软雅黑'; color:#333; text-align:center}
#index_p_list p{ padding:0 5px; height:42px; line-height:21px; overflow:hidden; color:#333}
.index_pro_list .index_jian_tou_lp{display:block; width:18px; height:43px; position:absolute;}
.index_pro_list .index_p_prev{ background:url(../../Images/Home/index_p_left.png) no-repeat 0 0; left:0; top:105px; z-index:10}
.index_pro_list .index_p_next{ background:url(../../Images/Home/index_p_right.png) no-repeat 0 0; left:395px; top:105px;z-index:10}

.index_about{ width:460px; height:350px; float:right;}
.index_about h1.title a{ display:block;width:100%; height:34px; background:url(../../Images/Home/index_pro_title.jpg) no-repeat 0 0;}
.index_about .index_about_m{ margin-top:15px; width:460px; height:335px;}
.index_about .index_about_m img{}
.index_about .index_about_m p{ line-height:23px; margin-top:13px;}
.index_about .index_about_m a:hover{ color:#333;}

.index_line_middle{ height:4px; width:1020px; background:url(../../Images/Home/index_middle_line.jpg) left top no-repeat; margin:0 auto; margin-bottom:40px; overflow:hidden}
.index_bottom{ width:1020px; height:250px; overflow:hidden;}
.index_bottom .index_bottom_m{ width:1020px; margin:0 auto;}
.index_bottom .index_bottom_m .index_bottom_item{ width:162px; height:250px; margin:0px 62px; float:left}
.index_bottom .index_bottom_m .index_bottom_item.m-l-n{ margin-left:0;}
.index_bottom .index_bottom_m .index_bottom_item.m-r-n{ margin-right:0;}
.index_bottom .index_bottom_m .index_bottom_item .img{ height:122px; width:162px; margin:0 auto;}
.index_bottom .index_bottom_m .index_bottom_item .img{ transition:All 0.4s ease-in-out;-webkit-transition:All 0.5s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.index_bottom .index_bottom_m .index_bottom_item .img:hover {transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);    -o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.index_bottom .index_bottom_m .index_bottom_item .img_service{ background:url(../../Images/Home/service_ico.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item .img_contact{ background:url(../../Images/Home/con_ico.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item .img_case{ background:url(../../Images/Home/gc_ico.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item .img_news{ background:url(../../Images/Home/hs_ico.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item.action .img_service{ background:url(../../Images/Home/service_ico1.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item.action .img_contact{ background:url(../../Images/Home/con_ico1.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item.action .img_case{ background:url(../../Images/Home/gc_ico1.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item.action .img_news{ background:url(../../Images/Home/hs_ico1.png) center top no-repeat;}
.index_bottom .index_bottom_m .index_bottom_item h1{ width:162px; text-align:center; font-size:18px; line-height:40px; margin-top:10px; color:#0295FF}
.index_bottom .index_bottom_m .index_bottom_item span{ display:block; width:162px; line-height:25px; font-size:14px; text-align:center; color:#9D9D9D}


/************************@page*********************/
.page{ width:1000px; min-height:250px; margin:20px auto;}
.left{ width:220px; }
.left h1{ height:40px ; line-height:40px; background:#024E82; color:#FFF; padding-left:20px;}
.left h1.action,.left h1.on{ background:#FC3;transition:all ease-in-out 0.3s;}

.left h1 a{ color:#FFF; font-size:14px;letter-spacing:1px;}
.left ul li{ background:#BDBDBD; color:#FFF; padding-left:20px; width:100%; line-height:30px; height:30px; padding-right:9999px; margin-right:-9999px;}
.left ul li a{ color:#333; font-size:14px; letter-spacing:1px;}
.left ul li.ptitle{ height:40px ; line-height:40px; background:#024E82; color:#FFF; padding-left:20px;}
.left ul li.ptitle a{color:#FFF; font-size:14px;}
.left ul li.action,.left ul li.on{ background:#FC3; margin-left:10px; transform:translateX(180deg);transition:all ease-in-out 0.3s;}
.left ul li.action a,.left ul li.on a{ color:#FFF;}
.left ul li.ptitle.action,.left ul li.ptitle.on{ margin-left:0;}

.right{ width:760px; border:1px solid #BDBDBD;}
.right .postion{ line-height:40px; border-bottom:1px solid #BDBDBD; padding-left:20px;}
.right .postion label,.right .postion a,.right .postion b{ font-size:14px; margin-right:10px;}
.right .content{ min-height:210px; padding:20px;}
.right .content h2{ font-size:1rem; font-weight:600; margin-bottom:1rem}
.right .content p{ font-size:1rem; line-height:1.5rem; margin-bottom:0.5rem}

/************************@产品图片********************/
.pro-box{ padding:10px 5px; }
.pro-box .pro-item{ width:180px; margin-right:35px; margin-left:35px;margin-top:10px; float:left;}
.pro-box .pro-item:hover img{ transform:scale(0.8);transition:all ease-in-out 0.3s;}
.pro-box .pro-item.m-r-n{} 
.pro-box .pro-item img{ width:100%;}
.pro-box .pro-item p{ line-height:30px; text-align:center}
.pro-box .pro-item p a{ font-size:14px; color:#333}
.pro-right{ margin-bottom:15px;}
.pro-right .catetitle{ border-top:1px solid #BDBDBD; border-right:1px solid #BDBDBD; border-left:1px solid #BDBDBD;}
.pro-right .catetitle a{ display:block;padding:10px 20px; font-size:16px; width:100%; color:#FFF; background:#024E82;}
.pro-detail-main h1{ font-size:18px; text-align:center; color:#333; line-height:40px; height:40px; border-bottom:1px solid #BDBDBD;}

sup{ font-size:0.75rem;}
.pro-detail-main-content{ padding:20px;}
.pro-detail-main-content h1{ font-weight:600; font-size:1.25rem;  margin-bottom:1rem}
.pro-detail-main-content h2{ font-weight:600;  font-size:1rem; margin-bottom:1rem}
.pro-detail-main-content p{ font-size:1rem; line-height:1.5rem}
.pro-detail-main-content>img{ max-width:720px;}
.pro-detail-main-content table{ border:1px solid #333;}
.pro-detail-main-content table tr,.pro-detail-main-content table th{ border:1px solid #333;}
.pro-detail-main-content table tr td{ border:1px solid #333; padding:2px 6px; text-align:center; line-height:15px; font-size:12px;}
.pro-detail-main-content table tr td div{ margin-top:10px; margin-bottom:5px}
.pro-detail-imgshow{ height:460px; width:100%; margin-top:10px; overflow:hidden;text-align:center;}
.pro-detail-imgshow .pro-imgshowbox{ height:400px; overflow:hidden;}
.pro-detail-imgshow .pro-imgshowbox img{ height:400px;}
.pro-detail-imgshow .imglist-show{ height:50px; width:300px; margin:5px auto;}
.pro-detail-imgshow .imglist-show ul li{ float:left; height:50px; width:50px; margin:0 5px; cursor:pointer;}
.pro-detail-imgshow .imglist-show ul li img{ height:49px; width:49px; border-radius:5px;-ms-interpolation-mode: bicubic}
.pro-detail-imgshow .imglist-show ul li.action img{ border:1px solid #024E82;}

/***********************@文章***********************/
.art-list-ul li{ line-height:30px; height:30px; overflow:hidden;}
.article_item h1{ font-size:14px; }
.article_item h1 b{ margin-left:5px; margin-right:5px;}
.article_item h1 label{ float:right; margin-right:10px;}
.article_item p{ display:none;}
.art-detail-right .title{ padding-left:10px; line-height:40px; border-bottom:1px solid #BDBDBD; text-align:center;}
.art-detail-right .art-info{ line-height:30px; text-align:center;}
.art-detail-right .art-info span{ margin-right:5px;}
.art-detail-right .art-content-main{ padding:20px;}
.show-footer-nav p{ line-height:30px; padding-left:20px;}

/**********************************************/
.contactus_content{ padding:20px;}
.contact_top_img{ width:720px; margin-bottom:10px;}
.contact_top_img img{ width:720px;}
.contactus_content .contact_info{ width:360px;}
.contactus_content p{ line-height:30px; font-size:14px;}
.contactus_content .contact_form p{ line-height:40px;}
.contactus_content .contact_form p label{ font-size:14px; width:80px; margin-right:10px;}
.contactus_content .contact_form p input{ padding:5px 15px; width:200px; border:1px solid #333;border-radius:5px;}
.contactus_content .contact_form .textarea label{ font-size:14px; width:80px; margin-right:10px;}
.contactus_content .contact_form .textarea textarea{ width:200px; padding:5px 15px;border:1px solid #333;border-radius:5px;}
.contactus_content .contact_form p.contact_form_btn{ text-align:right; padding-right:80px;}
/*****************@底部样式*******************/
footer{ height:148px; width:100%; background:url(../../Images/Home/footer_bg.jpg) repeat-x; padding-top:20px;overflow:hidden}
.footer_main{ width:990px; height:179px; margin:0 auto}
.footer_left{ float:left; width:600px; }
.footer_nav{ font-size:0; line-height:30px;}
.footer_nav a,.footer_nav b{ color:#FFF; font-size:12px; display:inline-block; vertical-align:middle;}
.footer_nav a{ width:70px; text-align:center}.footer_nav a:hover{color:#F7E600;}
.footer_info{ width:600px;}
.footer_logo{ width:215px; height:54px; margin-top:10px; float:left}
.footer_info_cmm{ width:385px; height:80px; float:left}
.footer_info_cmm .footer_line{ width:23px; height:88px; float:left;}
.footer_info_cmm .footer_c_info{ float:left; padding-top:5px}
.footer_info_cmm .footer_c_info p{ color:#FFF;}
.footer_copy{ line-height:30px;color:#FFF}
.footer_copy a{ color:#FFF}
.footer_right{ float:right; width:390px; height:134px}
.footer_right .weixin_ewm{ float:left; width:168px; height:134px;margin-left:50px;}
.footer_right .wap_ewm{ float:left;width:168px; height:134px;margin-left:0px; }
#backTop{ display:none; position:fixed; right:10px; bottom:50px;}
#backTop a{ padding:10px; color:#FFF; background:#03C; border-radius:5px;}
#backTop a:hover{ color:#FF3; background:#03C; transition:all ease 0.5s;}

#page_list{ line-height:40px; text-align:center; width:100%; overflow:hidden;}
#page_list span.current{ background:#024E82; color:#FFF; padding:5px 10px; margin-right:10px;border-radius:5px; vertical-align:middle;}
#page_list a{ padding:5px 10px; margin-right:10px; background:#CCC; color:#FFF; border-radius:5px;vertical-align:middle;}
#page_list a:hover{ background:#024E82; color:#FFF; transition:all ease-in-out 0.3s;}