﻿/*
KISSY CSS Reset
*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
   font-size: 14px;
}

body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    font-family: 14px/1 "微软雅黑" Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 14px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
img{ max-width: 100%;}
/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #123159; }
/* 重置表单元素 */
input,select,textarea,button{outline:medium;}
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
input {vertical-align:middle;border: none; background: none;outline:none;}\n

/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}


html { overflow-y: scroll;}

body{font-family:"微软雅黑" }

/*top*/
.top{width: 100%;border-top: 3px solid #003586;}
.top .pc{width: 1200px;margin:0 auto;overflow: hidden;}
.pc .pc_logo{width: 225px;float: left;height: 80px;}
.pc_logo img{margin-top: 8px}
.pc .pc_nav{width: 768px;float: left; overflow: hidden;}
.pc_nav li{width: 96px;float: left;}
.pc_nav li a{display:block;float: left;width: 100%;height: 80px;text-align: center;line-height: 80px;color: #000;}
.pc_nav li a:hover{background: #003586;color: #fff;}

.pc .pc_r{width: 206px;float: right;border-left: 1px solid #dedede;height: 80px;}
.pc_r .pc_r_ul{width: 100%;overflow: hidden;}
.pc_r .pc_r_ul li{width: 60px;float: left;height: 80px;text-align: center;line-height: 80px;color: #003586;background: url(../images/tit01.jpg) no-repeat 15px center;padding-left: 40px;}
.pc_r .pc_r_ul li:last-child{background: url(../images/tit02.jpg) no-repeat 15px center;}

.pc_r .pc_r_ul li a{color: #003586;}
.ph{display: none;}

/*banner*/
/*container*/
.container{width: 100%;margin:0 auto;}
.c_div01{width: 1200px;margin:0 auto;overflow: hidden;}
.c_div01 .c_d01_u{width: 100%;margin:35px auto;overflow: hidden;}
.c_div01 .c_d01_u li{width: 23.5%;margin:0 auto;float: left;margin-right: 2%}
.c_div01 .c_d01_u li img{width: 100%;height: 173px;}
.c_div01 .c_d01_u .clear_right{margin-right: 0;}
.c_div01 .c_d01_u li h2{width: 100%;font-size: 16px;color: #003586;}
.c_div01 .c_d01_u li p{width: 100%;font-size: 14px;color: #000;line-height: 2em;margin:16px 0 20px 0;}
.c_div01 .c_d01_u li ._u_btn{display: block;width: 33%;font-size: 14px;color: #003586;border:1px solid #0a5987;height: 28px;line-height: 28px;text-align: center;}

.c_div02{width: 1200px;margin:0 auto;}
.c_div02 .c_d02_top{width: 100%;margin:0 auto ;overflow: hidden;}
.c_div02 .c_d02_top h2{width: 120px;margin:0 auto;float: left;height: 33px;line-height: 33px;color: #003586;font-size: 16px;}
.c_div02 .c_d02_top ul{margin:0 auto;overflow: hidden;float: left;}
.c_div02 .c_d02_top ul li{float: left; margin-right: 15px;width: 120px;}
.c_div02 .c_d02_top ul li a{font-size: 14px;color: #003586;width: 100%;text-align: center;line-height: 33px;display: block;}

.c_div02 .c_d02_top ul li a:hover{color: #003586;background: #003586;color: #fff;}
.c_d02_top .c_d_abtn{float: right;color: #003586;padding-top: 10px;}
.c_div02 .c_d02_u{width: 100%;margin:19px auto;overflow: hidden;}
.c_div02 .c_d02_u li{width: 19%;margin:0 auto;float: left;margin-right:1.2%;background: #f2f2f2;text-align: center; border-top: 1px solid #14608c;}
.c_div02 .c_d02_u li:last-child{margin-right:0; }
.c_div02 .c_d02_u li img{width: 100%;margin:20px 0;}
.c_div02 .c_d02_u li p{text-align: left;  font-size: 14px;color: #959595;margin:14px auto;width: 96%;  }
.c_div02 .c_d02_u li h3{ font-size: 14px;color: #000;font-size: 14px; }
.c_div02 .c_d02_u li span{display: block;width: 32%;border:1px solid #0a5987;font-size: 12px;margin:0 auto;padding:8px 0; margin-bottom:20px;}

.c_div03_w{width: 100%;background: url(../images/bg_02.jpg) no-repeat top center;height: 445px;}
.c_div03{width: 1200px;margin:0 auto;overflow: hidden;}
.c_div03 .c_d03_l{width: 40%;float: left;margin-top: 57px;margin-right: 5%}
.c_div03 .c_d03_l h2{font-size: 16px;color: #003586;}
.c_div03 .c_d03_l p{font-size: 14px;color: #484848;line-height: 2em;margin:20px 0;}
.c_div03 .c_d03_l a{font-size: 14px;color: #003586;display: block;width: 84px;padding:8px 0;text-align: center;border:1px solid #0a5987;}

.c_div03 .c_d03_r{width: 55%;float: left;}
.c_div03 .c_d03_r ul{width:100%;margin: 0 auto;overflow: hidden;}
.c_div03 .c_d03_r ul li{width:48%;margin: 30px auto 0 auto;float: left;}
.c_div03 .c_d03_r ul li p{font-size: 14px;color: #000;line-height: 2em}
.c_div03 .c_d03_r ul .c_d_u_li01,.c_div03 .c_d03_r ul .c_d_u_li03{margin-right: 4%}
.c_div03 .c_d03_r ul .c_d_u_li01 h2{width: 100%;height: 24px;border-bottom: 1px solid #0a5987;padding-top: 35px;background: url(../images/tit10.png) no-repeat 10px 5px ;margin-bottom: 10px;font-size: 16px;}
.c_div03 .c_d03_r ul .c_d_u_li02 h2{width: 100%;height: 24px;border-bottom: 1px solid #0a5987;padding-top: 35px;background: url(../images/tit11.png) no-repeat 10px 5px ;margin-bottom: 10px;font-size: 16px;}
.c_div03 .c_d03_r ul .c_d_u_li03 h2{width: 100%;height: 24px;border-bottom: 1px solid #0a5987;padding-top: 35px;background: url(../images/tit13.png) no-repeat 10px 5px ;margin-bottom: 10px;font-size: 16px;}
.c_div03 .c_d03_r ul .c_d_u_li04 h2{width: 100%;height: 24px;border-bottom: 1px solid #0a5987;padding-top: 35px;background: url(../images/tit12.png) no-repeat 10px 0 ;margin-bottom: 10px;font-size: 16px;}

.c_div04{width: 1200px; margin: 25px auto;}
.c_div04 .c_d02_top{width: 100%;margin:0 auto ;overflow: hidden;}
.c_div04 .c_d02_top h2{width: 100px;margin:0 auto;float: left;height: 33px;line-height: 33px;color: #003586;font-size: 16px;}
.c_div04 .c_d02_top ul{margin:0 auto;overflow: hidden;float: left;}
.c_div04 .c_d02_top ul li{float: left; margin-right: 15px;width: 100px;}
.c_div04 .c_d02_top ul li a{font-size: 14px;color: #003586;width: 100%;text-align: center;line-height: 33px;display: block;}

.c_div04 .c_d02_top ul li a:hover{color: #003586;background: #003586;color: #fff;}

.c_d04_u{width: 100%;margin:25px auto;}
.c_d04_u ul{width: 100%;margin:0 auto;overflow: hidden;}
.c_d04_u ul li{width: 23.5%;margin:0 auto;float: left;margin-right:2%;line-height: 2em; }
.c_d04_u ul li:last-child{margin-right:0; }
.c_d04_u ul li img{width: 100%;}
.c_d04_u ul li h3{font-size: 16px;color: #000;}
.c_d04_u ul li small{font-size: 14px;color: #8c8c8c;}
.c_d04_u ul li p{font-size:14px;color: #616161; }
.c_d04_u ul li span{font-size:14px;color: #005f97; padding-top: 5px;}


.footer{width: 100%;background: #333333;}
.footer .f_t{width: 1200px;margin:0 auto 25px auto;padding-top: 25px;}
.f_t .f_t_u{width: 100%;overflow: hidden;}
.f_t_u li{width: 12.5%;float: left;line-height: 2em}
.f_t_u li a{color: #b3b3b3;font-size: 16px;padding-bottom: 10px;}
.f_t_u li .f_t_u_ul{width: 100%;margin:0 auto;}
.f_t_u li .f_t_u_ul li{width: 100%;}
.f_t_u li .f_t_u_ul li a{font-size: 14px;padding-bottom: 0;}

.f_b_w{width: 100%;border-top: 1px solid #585858}
.footer .f_b{width: 1200px;margin:0 auto;padding:31px 0 0 0;overflow: hidden;}
.footer .f_b .f_b_l{width: 65%;margin:0 auto;float: left;line-height: 2em;font-size: 16px;color: #9f9f9f;}
.footer .f_b .f_b_l a{color: #9f9f9f;}
.footer .f_b .f_b_r{width: 35%;margin:0 auto;float: right;text-align: center;}
.footer .f_b .f_b_r img{width: 26px;height:26px;margin-right: 30px;padding-top: 30px; }

#form{margin:0px auto; width:50%; height:auto;}
.am-form-group{width: 100%;margin:10px auto;overflow: hidden;font-size: 14px;}
.am-u-sm-2{width: 28%;float: left;text-align: right;}
.am-u-sm-10{width: 68%;float: right;}
.am-u-sm-10 input{width: 90%;border:1px solid #333;height: 20px;font-size: 14px;padding:2px;}
.am-tabs-bd p{font-size: 14px;}
._p_span_l{margin-left: 21%}
._p_span_r{margin-left: 20px;border:1px solid #333;height: 20px;font-size: 14px;padding:2px;}
.verifyimg{margin-left: 20px;}
.newsshow{line-height: 2em;}
.news_nr{padding:10px 0;border-bottom: 1px dashed #333;margin-bottom: 10px;}
.news_bt{text-align: center;width: 100%;font-size:16px;}


/*product*/
.banner{width: 100%;height: 464px;}
.banner01{width: 100%;}
.banner02{width: 100%;}
.position_w{width: 100%;height: 44px;position: absolute;z-index: 9999;background: rgba(107,128,135,0.5);top:503px;}
.position{width: 1200px;height: 44px;margin:0 auto;line-height: 44px;font-size: 14px;color: #fff;}
.position a{color: #fff;}
.container {width: 100%;}
.container .pro{width: 100%;margin:0 auto; }
.container .pro .pro_top{width: 1200px;overflow: hidden;margin:20px auto 0 auto;}
.container .pro .pro_top h2{width: 10%;float: left;height: 39px;line-height: 39px;border-bottom: 3px solid #003586;text-align: center;}
.container .pro .pro_top .pro_t_r{width: 90%;float: right;overflow: hidden;margin-top: 5px}
.container .pro .pro_top .pro_t_r a{display: block;width: 113px;height: 29px;float: right;border:1px solid #b2b2b2;margin-left: 15px;text-align: center;line-height: 29px;font-size: 12px;}
.container .pro .pro_top .pro_t_r a:hover{background: #003586;}
.pro .pro_ul{width: 1200px;margin:20px auto;}
.pro .pro_ul ul{overflow: hidden;}
.pro .pro_ul li{width: 23.5%;margin-right: 2%;float: left;background: #f3f3f3;border-top: 1px solid #14608c;text-align: center;line-height: 2em;margin-top: 20px;padding-bottom: 20px;}
.pro .pro_ul .pro_ul_cle{margin-right: 0}
.pro .pro_ul li img{width: 100%;margin:20px auto;}
.pro .pro_ul li h3{font-size: 16px;}
.pro .pro_ul li p{font-size: 14px;color: #959595;padding:5px 0;}
.pro .pro_ul li span{font-size: 14px;display: block;width: 84px;height: 28px;line-height: 28px;text-align: center;margin:0 auto;border:1px solid #0a5987;color: #0a5987;}
.xian{width: 100%;height: 1px ;border-top:1px solid #e3e3e3; }
.fenye{width: 100%;height: 20px;margin:20px auto;text-align: center;line-height: 20px;font-size: 14px;}

.pro .news_ul{width: 1200px;margin:20px auto;}
.pro .news_ul ul{overflow: hidden;}
.pro .news_ul li{width: 23.5%;margin-right: 2%;float: left;background: #f3f3f3;text-align: left;line-height: 2em;margin-top: 20px;padding-bottom: 20px;}
.pro .news_ul .pro_ul_cle{margin-right: 0}
.pro .news_ul li img{width: 100%;}
.pro .news_ul li h3{font-size: 16px;width: 90%;margin:0 auto;}
.pro .news_ul li small{font-size: 12px;width: 90%;margin:0 auto;display: block;color: #8c8c8c;}
.pro .news_ul li p{font-size: 14px;color: #959595;padding:5px 0;width: 90%;margin:0 auto;}
.pro .news_ul li span{font-size: 12px;width: 90%;margin:0 auto;display: block;color: #005f97}

.about_ul{width:1200px;margin:0 auto;padding: 40px 0;font-size: 14px;color: #000;line-height: 2em;}







@media screen and (max-width: 1200px){

.c_div01{width: 90%;margin:0 auto;overflow: hidden;}
.c_div01 .c_d01_u{width: 100%;margin:35px auto;overflow: hidden;}
.c_div01 .c_d01_u li img{width: 100%;height: auto;}
.c_div01 .c_d01_u li p{width: 100%;font-size: 14px;color: #000;line-height: 16px;margin:16px 0 20px 0;height: 16px;overflow: hidden;}

.c_div02{width: 90%;margin:0 auto;}
.c_div03{width: 90%;margin:0 auto;overflow: hidden;}
.c_div04{width: 90%; margin: 25px auto;}
.footer .f_t{width: 90%;margin:0 auto 25px auto;}
.footer .f_b{width: 90%;margin:0 auto;}
.footer .f_b{padding-bottom: 20px;}

.banner01{display: none;}
.banner02{display: none;}

.position_w{width: 100%;height: 44px;position: absolute;z-index: 9999;background: rgba(107,128,135,0.5);top:503px;}
.position{width: 90%;height: 44px;margin:0 auto;line-height: 44px;font-size: 14px;color: #fff;}
.container .pro .pro_top{width: 90%;overflow: hidden;margin:20px auto 0 auto;}
.about_ul{width:96%;margin:0 auto;padding: 40px 0;font-size: 14px;color: #000;line-height: 2em;}
.pro .news_ul{width: 90%;margin:20px auto;}
.pro .pro_ul{width: 90%;margin:20px auto;}


}

@media screen and (max-width: 960px){
.top .pc{width: 100%;margin:0 auto;overflow: hidden;}
.pc .pc_logo{width: 50%;float: left;}
.pc_logo img{margin-top: 8px;margin-left: 5%;}
.pc .pc_nav{width: 768px;float: none; overflow: hidden;margin:0 auto;}
.pc_nav li{width: 96px;float: left;}
.pc_nav li a{display:block;float: left;width: 100%;height: 80px;text-align: center;line-height: 80px;color: #000;}
.pc_nav li a:hover{background: #003586;color: #fff;}

.pc .pc_r{width: 38%;float: right;border-left: none;}
.pc_r .pc_r_ul{width: 100%;overflow: hidden;}
.pc_r .pc_r_ul li{width: 35%;float: left;height: 80px;text-align: center;line-height: 80px;color: #003586;background: url(../images/tit01.jpg) no-repeat 15px center;padding-left: 8%;}
.pc_r .pc_r_ul li a{color: #003586;}
.ph{display: none;}
.c_div01 .c_d01_u li p{width: 100%;font-size: 14px;color: #000;line-height: 16px;margin:14px 0 16px 0;}
.c_div01 .c_d01_u li ._u_btn{display: block;width: 50%;font-size: 14px;color: #003586;border:1px solid #0a5987;height: 20px;line-height: 20px;text-align: center;}
.c_div02 .c_d02_u li:last-child{display: none; }
.c_div02 .c_d02_u li{width: 23.3%;margin:0 auto;float: left;margin-right:1.7%;background: #f2f2f2;text-align: center; border-top: 1px solid #14608c;}
.c_div03_w{width: 100%;background: #e7ecf0;height: auto;}

.c_div03 .c_d03_l{width: 100%;float: left;margin-top: 57px;margin-right: 0;}
.c_div03 .c_d03_r{width: 100%;float: left;padding-bottom: 30px;}

.position_w{display: none;}

}

@media screen and (max-width: 768px){
.top .pc{display: block;}

.ph{display: none;}
.pc .pc_nav{width: 100%;float: none; overflow: hidden;margin:0 auto;}
.pc_nav li{width: 12.5%;float: left;}

.c_div01{width: 96%;margin:0 auto;overflow: hidden;}
.c_div01 .c_d01_u{width: 100%;margin:35px auto;overflow: hidden;}
.c_div01 .c_d01_u li{width: 48%;margin:0 auto;float: left;margin: 5px 1%}
.c_div01 .c_d01_u li img{width: 100%;height: auto;}
.c_div01 .c_d01_u .clear_right{margin-right: 1%;}
.c_div01 .c_d01_u li p{width: 100%;font-size: 14px;color: #000;line-height: 28px;margin:16px 0 20px 0;height: 28px;}
.c_div02 .c_d02_u li:last-child{display: none; }
.c_div02 .c_d02_u li{width: 48%;margin:0 auto;float: left;margin:10px 1%;background: #f2f2f2;text-align: center; border-top: 1px solid #14608c;}
.c_d02_top .c_d_abtn{display: none;}
.c_d04_u ul li{width: 46%;margin:0 2% 20px 2%;float: left;line-height: 2em; }
.footer .f_t{display: none;}
.banner{display: none;}
.banner01{display: block;height: 300px;width: 100%;}
.banner02{display: none;}
.container .pro .pro_top .pro_t_r{width: 100%;float: left;overflow: hidden;margin-top: 5px}
.container .pro .pro_top h2{width: 15%;float: left;height: 39px;line-height: 39px;border-bottom: 3px solid #003586;text-align: center;}
.container .pro .pro_top .pro_t_r a{display: block;width: 100px;height: 29px;float: left;border:1px solid #b2b2b2;margin: 10px 15px 10px 0;text-align: center;line-height: 29px;font-size: 12px;}

.pro .news_ul li{width: 48%;margin:20px 1% 0 1%;float: left;background: #f3f3f3;text-align: left;line-height: 2em;padding-bottom: 20px;}
.pro .pro_ul li{width: 48%;margin:20px 1% 0 1%;float: left;background: #f3f3f3;border-top: 1px solid #14608c;text-align: center;line-height: 2em;padding-bottom: 20px;}
#form{margin:0px auto; width:90%; height:auto;}


}

@media screen and (max-width: 600px){
.top .pc{display: none;}
.top .ph{width: 100%;height: auto;margin:0 auto;overflow: hidden;display: block;}
.ph .ph_logo{width: 85%;float: left;}
.ph .ph_logo img{height: auto;width: 40%;margin: 10px 0 10px 5%;}

.ph .ph_btn{width: 15%;float: left;background: url(../images/nav.png) no-repeat 10px bottom;height: 40px;margin-top: 10px;}

.ph_toggle{width: 100%;display: none;position: absolute;z-index: 9999;}
.ph_r{width: 100%;}
.ph_r_ul{width: 100%;}
.ph_r_ul li{width: 30%;float: left;background:#f3f3f3 url(../images/tit01.jpg) no-repeat 35px center;padding: 15px 0 15px 20%;border-bottom: 1px solid #fff;}
.ph_r_ul li a{font-size: 16px;}
.ph_nav{width: 100%;overflow: hidden;}
.ph_nav li{width: 100%;text-align: center;font-size: 16px;color: #000;line-height: 36px;background: #f3f3f3;border-bottom: 1px solid #fff;}
.ph_nav li a{font-size: 16px;}
.c_div01{width: 96%;margin:0 auto;overflow: hidden;}
.c_div01 .c_d01_u{width: 100%;margin:35px auto;overflow: hidden;}
.c_div01 .c_d01_u li{width: 100%;margin:0 auto;float: left;margin: 5px 1%}
.c_div02 .c_d02_top ul li a{text-align: left;}
.c_div02 .c_d02_u li{width: 100%;margin:20px auto 0 auto;}
.c_div03 .c_d03_l{width: 100%;float: left;margin-top: 37px;margin-right: 0;}

.c_div03 .c_d03_r ul li{width:100%;margin: 30px auto 0 auto;float: left;}
.c_d04_u ul li{width: 96%;margin:0 2% 20px 2%;float: left;line-height: 2em; }
.footer .f_b .f_b_l{width: 100%;margin:0 auto;float: left;line-height: 2em;font-size: 16px;color: #9f9f9f;}
.footer .f_b .f_b_r{width: 100%;margin:0 auto;float: right;text-align: center;}

.banner{display: none;}
.banner01{display: none;}
.banner02{display: block;width: 100%;height: 180px; }

.container .pro .pro_top h2{width: 30%;float: left;height: 39px;line-height: 39px;border-bottom: 3px solid #003586;text-align: center;}
.container .pro .pro_top .pro_t_r a{display: block;width: 90px;height: 29px;float: left;border:1px solid #b2b2b2;margin: 10px 15px 10px 0;text-align: center;line-height: 29px;font-size: 12px;}
.pro .news_ul li{width: 100%;margin:20px 1% 0 1%;float: left;background: #f3f3f3;text-align: left;line-height: 2em;padding-bottom: 20px;}
.pro .pro_ul li{width: 100%;margin:20px 1% 0 1%;float: left;background: #f3f3f3;border-top: 1px solid #14608c;text-align: center;line-height: 2em;padding-bottom: 20px;}
.container .pro .pro_top{margin:10px auto 0 auto;}
#form{margin:0px auto; width:100%; height:auto;}


}