@charset "utf-8";

/* CSS Document */
html{-webkit-text-size-adjust:none;}
body {font-size:14px; color:#343434;line-height:26px; margin:0; padding:0; font-family:"微软雅黑","MicrosoftYaHei","Microsoft YaHei","Arial"; -webkit-text-size-adjust:none}

body{
    -webkit-text-size-adjust: 100% !important;
}

img { border:0;}
div,form,ul,ol,li,span,h1,h2,h3,h4,h5,h6,dl,dt,dd {border: 0;margin: 0;padding: 0;list-style-type:none}
.fz12,font,h2,h1 { font-size:12px}
h3,h4,h5 { font-weight:normal; font-size:14px}

input,textarea,button { outline:none; border:0;}
input:focus,textarea:focus,button:focus { outline:none; border:0;}

@media all and (max-width:1440px){
body { min-width:inherit;}
}

a { outline:none;-moz-outline:none; color:#343434; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;text-decoration:none;}
a:hover {color:#EC6A16;text-decoration:none}
p { padding:0; margin:0;}
.tar { text-align:right}
.tal { text-align:left}
.tac { text-align:center}
.ft {float:left}
.fr {float:right}
.clear { clear:both}
.bgff { background:#fff}
.w100 { width:1400px; margin:0 auto}

@media all and (max-width:1440px){
.w100 { width:1100px;}
}
@media all and (max-width:1100px){
.w100 { width:90%; max-width:750px}
}



.header { width:100%; max-width:750px; margin:0 auto; height:140px; background:url(../images/header.jpg) top no-repeat; background-size:100% 100%; position:relative; overflow:hidden}
.header h1 { font-size:24px; color:#fff; width:90%; margin:0 auto; padding-top:50px; line-height:30px}
.header h3 { font-size:14px; color:#fff; width:90%; margin:0 auto; padding-top:5px; opacity:0.6}
.header i { display:block; position:absolute; left:0; right:0; bottom:-10px; height:20px; border-radius:10px; background:#fff; background:#fff}
.header span { font-size:16px; margin-left:10px; color:#866833; padding:2px 10px; border-radius:5px; background-image: linear-gradient(to right, #F3E2C4, #EBC79B); font-weight:normal}



.index_1 { max-width:750px; width:90%; margin:20px auto; background:#EBF4FD; border-radius:10px}
.index_1 .index_yw { overflow:hidden; box-shadow:0 0 15px #ddd; padding:30px 0 10px 0; overflow:hidden; border-radius:10px; background:#fff}
.index_1 .index_yw ul li { float:left; width:25%; padding-bottom:20px}
.index_1 .index_yw ul li img { display:block; margin:0 auto; max-width:40%}
.index_1 .index_yw ul li h3 { font-size:14px; text-align:center; padding-top:10px}

.index_1 h4 { line-height:50px; padding:0 20px; color:#3086FF; text-align:center; }
.index_1 h4 b { display:block; float:left; padding-left:30px; background:url(../images/index_png1.png) left no-repeat}

@media all and (max-width:480px){
.index_1 h4 { font-size:10px; line-height:20px; padding:10px 10px;}
}

.index_2 { max-width:750px; width:90%; margin:0 auto; position:relative}
.index_2 .bd { width:100%}
.index_2 .bd ul li { width:100%}
.index_2 .bd ul li img { display:block; width:100%; border-radius:20px}
.index_2 .hd { position:absolute; left:0; bottom:10px; right:0; text-align:center}
.index_2 .hd ul li { display:inline; padding:0 5px;}
.index_2 .hd ul li i { opacity:0.6; color:#fff}
.index_2 .hd ul li.on i { opacity:1}


.index_3 { max-width:750px; width:90%; margin:20px auto 0 auto; position:relative}
.index_3 .more { float:right; line-height:30px}
.index_3 h2 { font-size:16px; line-height:30px; padding-bottom:10px}
.index_3 img { display:block; margin:0 auto; max-width:100%}

.index_4 { height:80px}


footer { position:fixed; left:0; bottom:0; right:0; background:#fff; height:60px; border-top:1px #ddd solid}
footer ul li { float:left; width:25%; text-align:center; height:60px}
footer ul li a { display:block; font-size:12px; padding-top:10px; color:#3664F9; height:50px}
footer ul li i.fa { display:block; line-height:20px; margin:0 auto; font-size:16px}
footer ul li.on { background:#3664F9;}
footer ul li.on a { color:#fff}



header { position:fixed; left:0; top:0; height:42px; line-height:42px; right:0; background:#fff; z-index:222; border-bottom:1px #ddd solid; box-shadow:0 0 5px #ccc}
header h2 { text-align:center; font-size:16px}
header i.fa { position:absolute; left:10px; display:block; line-height:42px; font-size:24px; color:#888}


.content { font-size:16px; line-height:32px; width:90%; margin:42px auto 0; background:#fff; max-width:750px; padding:10px}
.content img { max-width:100%; display:block; margin:0 auto}
.content .w1 { padding:20px}
.content p { padding-bottom:15px}

.xiazai { width:90%; margin:0 auto; background:#fff; max-width:750px; padding:10px}
.xiazai a { display:block; width:150px; line-height:34px; text-align:center; color:#fff; background:#3664F9; border-radius:5px; margin:5px auto 5px auto}

.titles { line-height:32px; margin:42px auto 10px; background:#fff; max-width:750px}
.titles h1 { line-height:28px; font-size:18px; text-align:center; padding-top:20px}
.titles h3 { line-height:26px; font-size:14px; text-align:center; color:#888; padding:10px 0 15px 0; border-bottom:1px #eee dashed}
.titles h3 span { color:red}


.titles2 { line-height:24px; margin:42px auto 10px; background:#fff; max-width:750px; padding:0 15px}
.titles2 h1 { line-height:28px; font-size:16px; padding-top:20px}
.titles2 .fr { padding-top:10px; color:#888}
.titles2 h3 { line-height:26px; font-size:14px; color:#888; padding:10px 0 15px 0; border-bottom:1px #eee dashed}
.titles2 h3 span { color:red}

.qiye_1 { max-width:750px; margin:0 auto; margin-top:10px; height:40px}
.qiye_1 ul li { float:left; width:33.3%; text-align:center}
.qiye_1 ul li a { text-align:center; color:#666}
.qiye_1 ul li i { padding-left:5px; color:#888}


.qiye_list { width:95%; margin:60px auto}
.qiye_list ul li { position:relative; background:#fff; margin-bottom:10px; padding-left:60px; border-bottom:1px #ddd solid; border-top:1px #ddd solid}
.qiye_list ul li a { display:block}
.qiye_list ul li img { position:absolute; left:15px; top:15px}
.qiye_list ul li h3 { font-size:16px; padding-top:15px; line-height:30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.qiye_list ul li h3 font { font-size:16px; color:red}
.qiye_list ul li span { color: #ff6060; background: #ffecec; padding:2px 5px; margin-right:5px; font-size:12px}
.qiye_list ul li h4 { color:#888; font-size:12px; line-height:20px; padding-top:5px}
.qiye_list ul li h5 { color:#888; font-size:12px; line-height:20px; padding-bottom:15px}
.qiye_list ul li i { position:absolute; display:block; top:50%; margin-top:-15px; line-height:30px; right:20px; font-size:24px}





.qiye_2 { background:#3664F9; padding:20px; color:#fff; max-width:750px; margin:0 auto; overflow:hidden; border-radius:20px}
.qiye_2 h1 { font-size:18px; padding-top:60px; color:#fff; padding-bottom:10px}
.qiye_2 ul li { float:left; width:50%; padding:5px 0; line-height:26px; position:relative; font-size:16px}
.qiye_2 ul li h3 { float:left; width:100px}

@media all and (max-width:480px){
.qiye_2 ul li { float:none; width:auto}
}

.qiye_3 { width:90%; margin:0 auto; max-width:700px; background:#fff; padding:30px 0 80px 0}
.qiye_3 img { display:block; float:right; max-width:50%; margin-left:20px; padding-top:10px}
.qiye_3 ul li { padding:5px 0 5px 110px; line-height:26px; position:relative; font-size:16px;}
.qiye_3 ul li i { color:#888; display:block; float:left; width:26px; line-height:20px; text-align:right; padding-right:5px}
.qiye_3 ul li h3 { position:absolute; left:10px; top:8px}
.qiye_3 ul li h3 i { display:block; float:left; width:20px; line-height:26px; color:#aaa; text-align:center}

.qiye_3 h4 { padding:10px 20px 0 20px;}

@media all and (max-width:480px){
.qiye_3 img { display:block; float:none; max-width:80%; margin-left:0px; padding-top:0px; margin:0 auto; padding-bottom:10px}
.qiye_3 ul li { padding-right:20px}
}

.qiye_4 { background:#3664F9; position:fixed; z-index:8888; left:0; bottom:0; right:0; text-align:center; line-height:46px; font-size:18px}
.qiye_4 a { color:#fff}

.credit_1 { max-width:750px; margin:0 auto;}
.credit_1 img { display:block; width:100%}




.head_1 { position:fixed; left:0; top:0; height:42px; line-height:42px; right:0; background:#fff; z-index:222; border-bottom:1px #ddd solid; box-shadow:0 0 5px #ccc}
.head_1 ul { max-width:750px; margin:0 auto}
.head_1 ul li { float:left; padding:0 20px; font-size:14px; height:42px; position:relative}
.head_1 ul li.on { font-size:16px;}
.head_1 ul li.on a { color:#3664F9}
.head_1 ul li.on i { position:absolute; display:block; bottom:-2px; height:2px; left:20px; right:20px; background:#3664F9}


.team_1 { padding-top:60px; max-width:750px; margin:0 auto; width:90%}
.team_1 h4 { float:right;}
.team_1 h4 a { background:#3664F9; color:#fff; padding:0 20px; line-height:30px; border-radius:15px; display:block}

.team_1 ul { clear:both; padding-top:15px}
.team_1 ul li { background:#fff; margin-bottom:15px; position:relative; overflow:hidden; border-radius:5px; padding-bottom:10px}
.team_1 ul li img { display:block; position:absolute; left:15px; top:55px; width:30px; height:30px}
.team_1 ul li h3 { font-size:16px; padding-left:15px; line-height:40px; background:#F4F7FF; border-bottom:1px #ddd solid}
.team_1 ul li h5 { font-size:14px; color:#888; padding:10px 20px 0px 60px}
.team_1 ul li a { display:block; float:right; color: #ff6060; font-size:12px; padding:0 20px}
.team_1 ul li a.a2  { color: #0000ff; padding:0;}
.team_1 ul li font { font-size:14px; color:red}


.sj_1 { padding-top:60px; max-width:750px; margin:0 auto; width:90%}
.sj_1 h4 { float:right;}
.sj_1 h4 a { background:#3664F9; color:#fff; padding:0 20px; line-height:30px; border-radius:15px; display:block}

.sj_1 ul { clear:both; padding-top:15px}
.sj_1 ul li { background:#fff; margin-bottom:15px; position:relative; overflow:hidden; border-radius:5px; padding-bottom:10px}
.sj_1 ul li h3 { font-size:16px; padding-left:15px; line-height:40px; background:#F4F7FF; border-bottom:1px #ddd solid}
.sj_1 ul li h5 { font-size:14px; color:#888; padding:10px 20px 0px 20px}
.sj_1 ul li a { display:block; float:right; color: #0000ff; font-size:12px; padding:0 20px}
.sj_1 ul li font { font-size:14px; color:red}



.team_2 { padding-top:60px; max-width:750px; margin:0 auto; width:90%}
.team_2 h4 { float:right;}
.team_2 h4 a { background:#3664F9; color:#fff; padding:0 20px; line-height:30px; border-radius:15px; display:block}

.team_2 ul { clear:both; padding-top:15px}
.team_2 ul li { background:#fff; margin-bottom:15px; position:relative; overflow:hidden; padding:15px 0; border-radius:5px}
.team_2 ul li img { display:block; float:left; margin-left:15px; width:50px; height:50px; border-radius:15px}
.team_2 ul li h3 { float:left; width:100px; line-height:50px; padding-left:20px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; padding-right:10px}
.team_2 ul li h5 { color:#888; font-size:12px}


.qiye_ss { max-width:750px; margin:0 auto; width:90%; position:relative; height:36px; margin-top:60px; background:#fff; border:1px #ccc solid; border-radius:18px; overflow:hidden}
.qiye_ss .inp1 { display:block; width:90%; line-height:34px; height:34px; padding:0 10px}
.qiye_ss .inp2 { position:absolute; z-index:22; right:10px; width:20px; top:0px; height:36px; cursor:pointer; opacity:0}
.qiye_ss i { position:absolute; z-index:21; right:10px; width:20px; top:0px; height:40px; color:#888; line-height:36px}

.wfq_ss { position:fixed; z-index:4444; left:0; top:0; bottom:0; right:0; background:#fff; text-align:center; }
.wfq_ss form { display:block; width:90%; margin:60px auto}
.wfq_ss .inp1 { display:block; width:90%; line-height:34px; height:34px; padding:0 10px;margin:10px 0px;background:#fff; border:1px #ccc solid; border-radius:5px;}
.wfq_ss .inp2 { display:block; width:120px; line-height:34px; height:34px; padding:0 10px;margin:10px 0px;background:#fff; border:1px #ccc solid; border-radius:5px; float:left; margin-right:20px}
.wfq_ss .tijiao { padding: 10px; width: 70%; background-color: #436cef; color: #fff; cursor: pointer; border-radius:5px; margin:0 auto; display:block}

.wfq_ss ul li { position:relative; text-align:left; clear:both}
.wfq_ss ul li a { display:block; line-height:34px; padding-top:10px}


.wfq_ss2 { position:fixed; z-index:4444; left:0; top:0; bottom:0; right:0; background:#fff; text-align:center; }
.wfq_ss2 .ewm { display:block; width:70%; margin:60px auto}
.wfq_ss2 .ewm img { display:block; width:100%}

.user_1 { position:relative; max-width:750px; margin:0 auto; height:120px}
.user_1 p { position:absolute; left:0; top:0; right:0; height:120px; background:url(../images/user_bg.jpg);background-size:100% 100%}
.user_1 .user_xm { width:90%; margin:0 auto; position:relative; height:120px}
.user_1 .user_xm img { display:block; float:left; height:60px; width:60px; border-radius:50%; border:2px #fff solid; box-shadow:0 0 5px #ccc; margin-right:20px; margin-top:25px}
.user_1 .user_xm h1 { font-size:18px; line-height:30px; color:#fff; padding-top:25px}
.user_1 .user_xm h3 { font-size:14px; color:#fff}
.user_1 .user_xm h4 { font-size:12px; position:absolute; left:50%; margin-left:-100px; width:200px; text-align:center; line-height:28px; border-radius:5px 5px 0 0; background:#fff; bottom:0}
.user_1 .user_xm h4 a { color:#ff6060; padding-left:5px; font-size:12px}



.user_2 { border-top:1px #ddd solid; border-bottom:1px #ddd solid; background:#fff; padding:10px 0; max-width:750px; margin:0 auto; padding-bottom:20px}
.user_2 ul { width:90%; margin:0 auto}
.user_2 ul li { line-height:50px; height:50px; border-bottom:1px #eee solid; overflow:hidden}
.user_2 ul li a { display:block}
.user_2 ul li span { display:block; float:right; line-height:50px; font-size:14px; color:#888}
.user_2 ul li span.fa { font-size:24px}
.user_2 ul li i { display:block; float:left; line-height:50px; width:20px;}
.user_2 ul li h3 { font-size:14px; line-height:50px}

.user_3 { background:#fff; text-align:center; max-width:750px; margin:0 auto; margin-top:15px}
.user_3 a { display:block; color:#ff6060; line-height:50px}


.add { width:95%; margin:0 auto; max-width:750px; background:#fff; padding-bottom:50px; padding-top:50px}
.add ul li { width:90%; margin:0 auto; border-bottom:1px #ddd dashed; padding:10px}
.add ul li h3 { padding-bottom:10px}
.add ul li input {width:95%; margin:0 auto; background:#f5f5f5; line-height:28px; height:28px; padding:0 10px}
.add .tac { padding-top:30px}
.add .tac input { display:block; width:120px; text-align:center; line-height:34px; color:#fff; background:#3664F9; border-radius: 15px; cursor:pointer; margin:0 auto}

.form-group { width:90%; margin:0 auto; border-bottom:1px #ddd dashed; padding:10px}
.form-group input {width:95%; margin:0 auto; background:#f5f5f5; line-height:28px; height:28px; padding:0 10px}
.form-group textarea { background:#f5f5f5; padding:5px; width:95%}
.form-group font { color:red}




.yaoqing1 { padding-top:60px; text-align:center; padding-bottom:20px; color:#888}
.yaoqing1 a { color:#888; padding:0 20px}
.yaoqing1 a.on { font-weight:bold; color:#3664F9}

.yaoqing2 { width:90%; margin:0 auto; padding:10px 10px; background:#fff; border-radius:10px}
.yaoqing2 #qrcode { margin:0 auto;}
.yaoqing2 #qrcode2 { margin:0 auto; width:256px}

.yaoqing2 ul li { float:left; width:50%; padding-bottom:15px}
.yaoqing2 ul li img { display:block; width:95%; margin:0 auto}
.yaoqing2 h3 { text-align:center}



.tc { position:fixed; left:0; top:0; bottom:0; right:0; background:#000; display:none; z-index:9922}
.tc .guanbi { position:absolute; right:5px; top:5px; display:block; width:26px; height:26px; cursor:pointer; background:url(../images/guanbi.png); background-size:100% 100%; z-index:22}
.tc .tc_img { left:5%; top:40px; display:block; position:absolute; z-index:11; width:90%}
.tc .tc_img img { display:block; z-index:11; width:100%}
.tc .tc_img #qrcode { position:absolute; z-index:22; bottom:20px; right:20px; width:100px; height:100px}



.kefu_2 { position:fixed; left:0; bottom:0; right:0; padding:10px 0; background:#fff}
.kefu_2 a { display:block; width:80%; line-height:32px; text-align:center; font-size:14px; color:#fff; border-radius:5px; background:#0000FE; margin:0 auto}


#myCanvas { position:absolute; left:0; top:0; z-index:8888} 






.zhengce_1 { max-width:750px; margin:0 auto; margin-top:10px; height:40px; position:relative; z-index:4444}
.zhengce_1 ul li { float:left; width:25%; text-align:center; position:relative}
.zhengce_1 ul li a { text-align:center; color:#666}
.zhengce_1 ul li i { padding-left:5px; color:#888}
.zhengce_1 ul li h3 { position:absolute; left:0; top:30px; background:#fff; right:0; display:none}
.zhengce_1 ul li h3 a { display:block; border-bottom:1px #eee solid; line-height:34px; font-size:12px}



.zhengce_2 { max-width:750px; margin:0 auto; margin-top:10px; height:40px}
.zhengce_2 ul li { width:90%; margin:10px auto; background:#fff; border-radius:10px}
.zhengce_2 ul li a { display:block; position:relative; padding-bottom:15px}
.zhengce_2 ul li h3 { font-size:14px; line-height:20px; padding:15px 70px 5px 10px; font-weight:bold}
.zhengce_2 ul li h4 { font-size:14px; padding:0px 10px 0 10px; color:#666}
.zhengce_2 ul li h4 span { font-size:16px; font-weight:bold; color:red}
.zhengce_2 ul li h5 { position:absolute; right:10px; bottom:15px}
.zhengce_2 ul li i { position:absolute; right:15px; top:35px; font-size:24px; color:#888}






.changdi_banner { max-width:750px; margin:0 auto; width:100%; margin-top:42px;}
.changdi_banner img { display:block; width:100%}


.changdi_1 { padding:15px 0; height:38px}
.changdi_1 ul li { float:left; width:20%}
.changdi_1 ul li a { display:block; text-align:center; font-size:14px; font-weight:bold; position:relative; height:38px; line-height:38px}
.changdi_1 ul li.on i { display:block; width:24px; height:5px; position:absolute; left:50%; margin-left:-12px; bottom:-2px; background:#3664F9; border-radius:3px}


.changdi_2 { max-width:750px; margin:0 auto; padding-top:10px; height:40px; position:relative; z-index:4444; background:#fff; border-top:1px #ddd solid; border-bottom:1px #ddd solid}
.changdi_2 ul li { float:left; width:20%; text-align:center; position:relative}
.changdi_2 ul li a { text-align:center; color:#666}
.changdi_2 ul li i { padding-left:5px; color:#888}
.changdi_2 ul li h3 { position:absolute; left:0; top:30px; background:#fff; right:0; display:none}
.changdi_2 ul li h3 a { display:block; border-bottom:1px #eee solid; line-height:34px; font-size:12px}




.changdi_3 { max-width:750px; margin:0 auto 100px auto; margin-top:10px; height:40px}
.changdi_3 ul li { width:95%; margin:15px auto; background:#fff}
.changdi_3 ul li a { display:block; position:relative; overflow:hidden}
.changdi_3 ul li img { display:block; float:left; width:120px; height:140px; margin-right:15px}
.changdi_3 ul li h3 { font-size:16px; line-height:36px; padding-top:5px; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.changdi_3 ul li h4 { font-size:12px; color:#666}
.changdi_3 ul li h4 span { background:#eee; padding:2px 5px; border-radius:2px; margin-right:5px}
.changdi_3 ul li h5 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.changdi_3 ul li h5 i { color:#aaa}
.changdi_3 ul li h6 { color:#888; font-size:12px; line-height:30px; font-weight:normal; padding-top:5px}
.changdi_3 ul li h6 b { font-size:18px; color:red; padding-right:5px}


.changdi_4 { position:fixed; left:0; bottom:0; right:0; height:50px; background:#fff; border-top:1px #ddd solid}
.changdi_4 a { display:block; width:50%; float:left; text-align:center; font-size:16px; line-height:50px}
.changdi_4 a:nth-child(2) { background:#3664F9; color:#fff}



.changdi_5 { background:#fff; border-bottom:1px #ddd solid; position:relative; padding-bottom:20px}
.changdi_5 h1 { font-size:16px; line-height:32px; padding:15px 10px 5px 10px}
.changdi_5 h3 { color:#888}
.changdi_5 h3 b { font-size:18px; color:red; padding:0 10px}
.changdi_5 i { color:red; position:absolute; right:10px; bottom:20px; line-height:28px}

.changdi_6 { padding-top:20px}
.changdi_6 h2 { border-left:5px #3664F9 solid; padding-left:15px; font-size:16px; line-height:16px}
.changdi_6 h3 { padding-left:20px; padding-top:10px}
.changdi_6 ul li { line-height:30px; float:left; width:50%}
.changdi_6 ul li span { display:block; float:left; width:60px; color:#888; font-size:12px; padding-left:20px}

.changdi_7 { padding-top:20px}
.changdi_7 h2 { border-left:5px #3664F9 solid; padding-left:15px; font-size:16px; line-height:16px}
.changdi_7 .changdi_cn { width:90%; margin:15px auto 0 auto; background:#fff; padding:10px; border-radius:5px}



.changdi_8 { padding-top:20px; padding-bottom:20px}
.changdi_8 h2 { border-left:5px #3664F9 solid; padding-left:15px; font-size:16px; line-height:16px}
.changdi_8 ul li { float:left; width:50%; padding-top:15px}
.changdi_8 ul li img { display:block; width:90%; margin:0 auto}


.changdi_9 { background:#ddd; height:300px; margin-bottom:80px}
.changdi_10 { position:fixed; left:0; bottom:0; right:0; height:50px; background:#3664F9; border-top:1px #ddd solid}
.changdi_10 a { display:block; line-height:50px; color:#fff; font-size:16px; text-align:center}



.foot_b { position:fixed; left:0; bottom:20px; right:0; text-align:center}
.foot_b a { padding:10px 40px; background:#333; color:#fff; border-radius:10px; margin:0 10px; font-size:16px}
.foot_b a.a2 { background:#436cef}




.chanpin { max-width:750px; width:90%; margin:0px auto 10px auto}
.chanpin h2 { text-align:center; font-size:24px; color:#1470C5; line-height:60px}
.chanpin ul li { position:relative; margin-bottom:10px; border-radius:10px; background:#fff; padding:15px 15px 15px 180px; height:200px}
.chanpin ul li h3 { font-size:16px; line-height:40px; font-weight:bold}
.chanpin ul li h4 { padding-top:5px; line-height:20px}
.chanpin ul li img { display:block; position:absolute; left:15px; top:15px; width:150px; height:150px}
.chanpin ul li a.qr { display:block; position:absolute; left:50px; right:50px; bottom:15px; text-align:center; font-size:16px; background:#1470C5; color:#fff; line-height:34px; cursor:pointer}

.h60px { height:80px}


.tc2 { position:fixed; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.6); display:none; z-index:9922}
.tc2 .guanbi { position:absolute; right:5px; top:5px; display:block; width:26px; height:26px; cursor:pointer; background:url(../images/guanbi.png); background-size:100% 100%; z-index:22}

.tc2 .tccn { position:absolute; top:80px; left:5%; right:5%; background:#fff; border-radius:10px; padding-bottom:30px}
.tc2 .tccn h2 { text-align:center; font-size:18px; padding:25px 0 15px 0}
.tc2 .tccn ul li { width:90%; margin:0 auto; padding:5px 0}
.tc2 .tccn ul li h4 { padding-bottom:5px}
.tc2 .tccn ul li input { display:block; width:100%; line-height:42px; height:42px; background:#f5f5f5; font-size:16px}
.tc2 .tccn img { display:block; max-width:60%; margin:0 auto}
.tc2 .tccn .tj { width:60%; margin:0 auto; background:#1470C5; color:#fff; font-size:16px; font-weight:bold; line-height:34px; height:34px; text-align:center; margin-top:20px; border-radius:5px}


@media all and (max-width:580px){
.h60px { height:40px}

.chanpin ul li { padding:15px 15px 60px 140px; min-height:110px; height:auto}
.chanpin ul li h3 { font-size:16px; line-height:30px;}
.chanpin ul li h4 { padding-top:0px;}
.chanpin ul li img { width:110px; height:auto}
.chanpin ul li a.qr { width:180px; left:50%; margin-left:-90px}
}






















































































































