@charset "utf-8";*{margin:0px;padding:0px;}
html,body,b,div,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,td{margin:0px auto;padding:0;}
ul{list-style-type:none;}
a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:none;border:0;}
img{ border:0;}
input[type=text],select{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.time1{transition:all ease-out .3s 0s;-webkit-transition:all ease-out .3s 0s;-moz-transition:all ease-out .3s 0s;-o-transition:all ease-out .3s 0s}
.time2{transition:all ease-out .2s 0s;-webkit-transition:all ease-out .2s 0s;-moz-transition:all ease-out .2s 0s;-o-transition:all ease-out .2s 0s}

.l{ float:left}
.r{ float:right}
.tright{ text-align:right}
.tcenter{ text-align:center}
.cur{ cursor:pointer}
.jz{ display:table; margin:0 auto}
.fd{ width:100%;min-width:860px;  float:left; margin:0px;}
.main{ width:860px}
.over{ overflow:hidden}
.pdb40{ padding-bottom:40px; display:inline}
.pdb50{ padding-bottom:50px; display:inline}
.mgt10{ margin-top:10px; display:inline}
.mgt50{ margin-top:50px; display:inline}
.wd100{ width:100%}

.fts18{ font-size:18px}

#top_float{ z-index:999}

.topic{ width:100%; min-width:1200px; height:116px; float:left; display:block; background:#fff; border-bottom:solid 1px #eee}
.t_main{ width:1200px}
.topic .logo{ margin-top:40px; display:inline}
.topic .logo,.topic .logo img{ width:auto; height:70px}
.top_r .wz{ font:14px/30px "微软雅黑"; color:#444; margin-top:22px; display:inline}
.top_r .wz strong{ font-size:20px; color:#a46c37}
.menu{ height:50px}
.menu li{ height:50px; margin-left:30px; display:inline-block;float:left; position:relative}
.menu li .mz{ height:50px; display:inline; text-align:center; font:16px/50px "微软雅黑"; color:#333}
.menu li:hover .mz{color:#a46c37; text-decoration:underline}
.menu li dl{ width:0; background:#a46c3799; position:absolute; left:-50%; top:50px;z-index:999; overflow:hidden; opacity:0; filter(alpha=0)}
.menu li:hover dl{ width:200%; opacity:1; filter(alpha=100)}
.menu li dl dd{ width:100%; height:45px; float:left}
.menu li dl dd .mz_s{width:100%; height:45px; font:14px/45px "微软雅黑"; color:#fff; text-indent:18px; overflow:hidden}
.menu li dl dd .mz_s:hover,.menu li.on .mz{ background:#a46c37; color:#fff}

.title{ width:100%; height:auto; font:30px/50px "微软雅黑"; color:#000}

.about_wz{ width:100%; margin-top:30px; display:inline; font:14px/32px "微软雅黑"; color:#666}

.bg1{ height:944px; background:url(../images/bg1.jpg) no-repeat center center fixed}
.bg2{ height:903px; background:url(../images/bg2.jpg) no-repeat center center fixed}
.bg3{ height:850px; background:url(../images/bg3.jpg) no-repeat center center fixed}

.area1{ height:944px}
.area2{ height:903px}
.area3{ height:850px}

.bgfff{ background:#fff}
.bgf8f{ background:#f8f8f8}

.pmain{ width:100%; max-width:1920px; text-align:center}
.pmain a{ position:relative}
.pmain img{ max-width:100%; display:inline-block}
.title1{ width:100%; height:auto; font:45px/50px "微软雅黑"; color:#fff; position:absolute; left:0; top:48%}

.ark{ width:94%; margin:0 3%; display:inline}
.in_line{ height:1px; background:#ccc; background:#ccc; margin-top:30px; display:inline}
.mgt30{ margin-top:30px; display:inline}
.picon img{ margin:0 18px}

.more_a,.more_b{ width:150px; height:40px; margin-top:50px; display:inline}
.more_a{ background:url(../images/more_a.png) no-repeat}
.more_b{ background:url(../images/more_b.png) no-repeat}

.area2 .ico{ width:25%; font:14px/60px "微软雅黑"; color:#666; word-break:break-all}
.area2 .ico img{ width:65px; height:65px; margin-right:8px; display:inline}

.clist{ width:1230px}
.clist li{ width:380px; margin:30px 30px 0 0; display:inline; float:left}
.clist li a{ width:100%}
.clist li .pic,.clist li .pic img{ width:100%; height:auto; float:left; overflow:hidden}
.clist li .p_mc{ width:100%; font:16px/50px "微软雅黑"; color:#121212; text-align:center}
.clist li:hover .p_mc{ color:#a46c37}

.zsk{ width:20%; margin-top:56px; display:inline; text-align:center}
.zsk .img{ width:100%; display:none}
.zsk i{ width:88px; height:88px; display:inline-block; background-size:100%}
.zsk i.i1{ background:url(../images/images/zicon_01.png) no-repeat}
.zsk i.i2{ background:url(../images/images/zicon_02.png) no-repeat}
.zsk i.i3{ background:url(../images/images/zicon_03.png) no-repeat}
.zsk i.i4{ background:url(../images/images/zicon_04.png) no-repeat}
.zsk i.i5{ background:url(../images/images/zicon_05.png) no-repeat}
.zsk:hover i.i1{background:url(../images/images/zicon_06.png) no-repeat}
.zsk:hover i.i2{background:url(../images/images/zicon_07.png) no-repeat}
.zsk:hover i.i3{background:url(../images/images/zicon_08.png) no-repeat}
.zsk:hover i.i4{background:url(../images/images/zicon_09.png) no-repeat}
.zsk:hover i.i5{background:url(../images/images/zicon_10.png) no-repeat}

.zsk .w1{ width:100%; font:16px/26px "微软雅黑"; color:#000; margin-top:15px; display:inline}
.zsk:hover .w1{ color:#a46c37}
.zsk .w2{ width:100%; font:11px/20px "微软雅黑"; color:#999; text-transform:uppercase !important}
.zsk:hover .w2{ color:#444}
.zsk .line{ width:34px; height:1px; background:#a46c37; margin-top:8px; display:inline-block}

.slist{ width:1230px}
.slist li{ width:380px; margin:50px 30px 0 0; display:inline; position:relative}
.slist li .pic,.slist li .pic img{ width:380px; height:300px}
.slist li .sk{ width:100%; height:100%; background:url(../images/tm_b80.png); position:absolute; left:0; top:0;opacity:0; filter:alpha(opacity=0)}
.slist li:hover .sk{opacity:1; filter:alpha(opacity=100)}
.slist li .wz{ font:20px/50px "微软雅黑"; color:#fff; position:absolute; right:20px; bottom:44px; z-index:1}
.slist li:hover .wz{ width:100%; text-align:center; right:0; bottom:164px}
.slist li .line{ width:60px; height:2px; background:#fff; position:absolute; right:20px; bottom:42px; z-index:1}
.slist li:hover .line{ right:160px; bottom:162px}
.slist li .sk .swz{ width:100%; height:40px; margin-top:154px; display:inline; font:13px/40px "微软雅黑"; color:#fff; overflow:hidden}
.slist li .sk .btn{ width:98px; height:30px; border:solid 1px #fff; font:14px/30px "微软雅黑"; color:#fff; margin-top:10px; display:inline-block}
.slist li .sk .btn:hover{ background:#fff; color:#121212}

.plist2{ width:1230px}
.plist2 li{ width:380px; margin:30px 30px 0 0; display:inline; float:left}
.plist2 li .pic{ width:100%; height:auto; position:relative}
.plist2 li .pic .pi1{ width:100%; max-height:230px; float:left}
.plist2 li .pic .sk{ width:100%; height:100%;position:absolute; left:0; top:0; background:#a46c3799; opacity:0; filter:alpha(opacity=0); overflow:hidden; text-align:center; line-height:230px}
.plist2 li .pic .sk .icon{ width:60px; height:60px; margin-top:85px; line-height:230px; display:inline-block}
.plist2 li:hover .pic .sk{opacity:1; filter:alpha(opacity=100)}
.plist2 li .cp_wz{ width:100%; height:50px;overflow:hidden; font:16px/50px "微软雅黑"; color:#121212; text-align:left}
.plist2 li:hover .cp_wz{ color:#a46c37}
.plist2 li .btn{ width:150px; height:40px; margin-top:10px; display:inline; font:14px/40px "微软雅黑"; color:#fff; background:#cdcdcd; text-align:center; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;}
.plist2 li:hover .btn{ background:#a46c37}

.adv_bg{ height:670px; background:url(../images/adv_bg.jpg) no-repeat center center; margin-top:50px; display:inline}
.advlist{ width:1230px}
.advlist li{ width:380px; height:360px; margin:120px 30px 0 0; display:inline; background:url(../images/tm_w60.png)}
.advlist li i{ width:122px; height:122px; position:relative; margin-top:-61px; display:inline-block}
.advlist li i img{ width:100%}
.advlist li .bt{ width:100%; font:18px/48px "微软雅黑"; color:#a46c37; margin-top:26px; display:inline}
.advlist li .wz{ width:76%; margin:20px 12% 0; display:inline; font:13px/34px "微软雅黑"; color:#666}

.n_list{ width:1230px}
.n_list li{ width:378px; height:378px; border:solid 1px #ccc; margin:35px 30px 0 0; display:inline; position:relative}
.n_list li:hover{ box-shadow:5px 5px 5px 3px #efefef;}
.n_list li .pic{ width:378px; height:378px; opacity:0; filter:alpha(opacity=0)}
.n_list li:hover .pic{ opacity:1; filter:alpha(opacity=1)}
.n_list li .nk{ width:82%; height:370px; padding:0 9%; position:absolute; left:0; bottom:0; overflow:hidden}
.n_list li:hover .nk{ height:290px; background:url(../images/tm_b50.png)}
.n_list li .nk .sname{ width:110px; height:40px; margin-top:42px; display:inline; border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-webkit-border-radius:20px; overflow:hidden; font:14px/40px "微软雅黑"; color:#fff; background:#121212}
.n_list li:hover .nk .sname{ background:#a46c37}
.n_list li .nk .nbt{ width:100%; height:35px; margin-top:22px; display:inline; font:16px/35px "微软雅黑"; color:#464646; overflow:hidden}
.n_list li .nk .nxq{ width:100%; height:120px; margin-top:10px; display:inline; font:14px/30px "微软雅黑"; color:#999; overflow:hidden; word-break:break-all}
.n_list li .nk .ndata{ width:100%; margin-top:28px; display:inline; font:14px/18px "微软雅黑"; color:#464646; background:url(../images/data_icon.png) no-repeat left center; text-indent:28px; overflow:hidden}
.n_list li:hover .nk .nbt,.n_list li:hover .nk .nxq{ color:#fff}

.ny_banner{ width:100%; min-width:1200px; height:420px; background:url(../images/banner_ny.jpg) no-repeat center center}

.ny_position{ width:100%; height:40px; margin-top:10px; display:inline; font:14px/40px "微软雅黑"; color:#333}
.ny_position a{ color:#a46c37}
.ny_position .dw{ color:#df0000}

.ny_left{ width:22%; min-height:600px; padding-bottom:70px; border-top:solid 3px #121212; background:#f8f8f8; margin-top:15px; display:inline}
.ny_left .ntitle{ width:100%; height:90px; padding-top:30px; display:inline; border-bottom:solid 1px #ccc; text-indent:25px; background:#121212}
.ny_left .ntitle .n_ch{ width:100%; height:36px; font:22px/36px "微软雅黑"; color:#fff}
.ny_left .ntitle .n_en{ width:100%; font:14px/20px "微软雅黑"; color:#fff; font-variant:small-caps}
.ny_left .l_dh{ width:100%; margin-top:20px; display:inline; border-top:solid 1px #ccc}
.ny_left .l_dh li{ width:100%; float:left}
.ny_left .l_dh li.mb .wz,.ny_left .l_dh li .wz:hover,.ny_left .l_dh li:hover .wz{ background:#332211; color:#fff}
.ny_left .l_dh li.mb .wz{ color:#fff}
.ny_left .l_dh li .wz{ width:90%; height:44px; padding:0 5%; display:inline; border-bottom:solid 1px #ccc; font:14px/44px "微软雅黑"; color:#321; overflow:hidden}
.ny_left .l_dh li .clwz3{font:12px/40px "微软雅黑"; color:#999; margin-right:20px; display:inline}
.ny_left .l_dh li .clwz3:hover{ color:#a46c37}

.ny_left .l_dh dl{ width:100%; padding:0 5%; background:#f8f8f8; box-sizing:border-box !important}
.ny_left .l_dh dl a.mz{ width:100%; height:44px;font:14px/44px "微软雅黑"; color:#666; border-bottom:dashed 1px #ccc}
.ny_left .l_dh dl a.mz:hover,.ny_left .l_dh dl .mzb{ color:#a46c37; border-bottom:dashed 1px #a46c37}

.ny_right{ width:75%; min-height:600px; padding-bottom:50px; margin-top:15px; display:inline}
.ny_right .view_wz{ width:100%; min-height:300px; margin-top:20px; display:inline;font:14px/30px "微软雅黑"; color:#666}
.ny_right .view_wz img{}
.ny_title{ width:100%; height:60px; background:url(../images/ny_title_bg.png) no-repeat center right}
.ny_title .wz{ background:#fff; padding-right:30px; font:22px/60px "微软雅黑"; color:#121212; display:inline}

.pro_list{ width:100%}
.pro_list li{ width:24%; margin:30px 1% 0 0; display:inline; float:left; text-align:center; position:relative}
.pro_list li a{ width:100%}
.pro_list li a .pic{ width:100%; height:280px; overflow:hidden}
.pro_list li a .pic img{ width:100%; height:100%; object-fit:cover; display:inline-block}
.pro_list li a:hover .pic img{ transform:scale(1.1)}
.pro_list li a .wz{ width:100%; height:100%; font:14px/280px "微软雅黑"; color:#fff; position:absolute; left:0; top:0; background:#00000090; opacity:0; filter:alpha(opacity=0); overflow:hidden}
.pro_list li a:hover .wz{ opacity:1; filter:alpha(opacity=100)}

.product_cot h2{ background:#eee; text-indent:15px; font:18px/50px "微软雅黑"; color:#121212; font-weight:bold}

.news_list{ width:100%}
.news_list li{ width:100%; height:150px; border-bottom:dashed 1px #ccc; margin-top:25px; display:inline; float:left; overflow:hidden}
.news_list li .pic,.news_list li .pic img{ width:auto; height:120px; float:left}
.news_list li .nrk{ width:650px; margin-right:25px; display:inline}
.news_list li .nrk .n_title{ width:100%; height:40px; font:16px/40px "微软雅黑"; color:#121212; overflow:hidden}
.news_list li .nrk .n_data{ width:100%; height:22px; font:12px/22px "微软雅黑"; color:#666}
.news_list li .nrk .n_view{ width:100%;height:44px; margin-top:8px; display:inline;font:14px/22px "微软雅黑"; color:#666; overflow:hidden}
.news_list li:hover .nrk .n_title{ color:#a46c37}

.t_list{ width:100%}
.t_list li{ width:30%; margin:35px 3.333% 0 0; display:inline; float:left}
.t_list li a{width:100%;border:solid 1px #f8f8f8; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.t_list li a:hover{ border-color:#a46c37}
.t_list li .pic{ width:100%; float:left; overflow:hidden}
.t_list li .pic img{ width:100%}
.t_list li .t_mc{ width:100%;height:48px; font:16px/48px "微软雅黑"; color:#666; text-align:center; background:#f8f8f8; overflow:hidden}
.t_list li:hover .t_mc{ background:#a46c37; color:#fff}

.view_title{ width:100%; margin-top:10px; display:inline; font:18px/45px "微软雅黑"; color:#121212; text-align:center}
.news_title_s{width:100%; height:22px; text-align:center; font:12px/25px "微软雅黑"; color:#999; line-height:22px}

.news_sxy{ width:100%; margin-top:50px; display:inline}
.news_sxy a,.news_sxy div{ width:49%; height:40px; font:14px/40px "微软雅黑"; color:#666; line-height:40px; overflow:hidden}
.news_sxy a:hover{ color:#ffaa42}

.pro_pic,.pro_pic1{ width:45%; margin-top:30px; display:inline; text-align:center}
.pro_pic{ width:45%}
.pro_pic1{ width:100%}
.pro_pic img,.pro_pic1 img{ width:auto; max-width:100%; height:auto; display:inline-block}
.pro_nr{ width:50%}
.pro_nr .ptitle{ width:100%; font:20px/50px "微软雅黑"; color:#121212}
.pro_nr .pwz{ width:100%; font:14px/42px "微软雅黑"; color:#999; margin-top:20px; display:inline}

.prev{ width:100%; margin-top:10px; display:inline}
.prev .pa,.prev .pb{ width:100%;height:40px;margin-top:8px;display:inline;font:14px/40px "微软雅黑"; text-indent:10px; color:#fff; line-height:40px; overflow:hidden}
.prev .pa{background:#aaa}
.prev a:hover,.prev .pb{ background:#121212}

.pview_t{ width:100%; height:42px; border-bottom:solid 1px #ccc; margin-top:30px; display:inline; position:relative}
.pview_t .wz1{ width:auto; height:43px; background:#121212; padding:0 35px; display:inline; position:absolute; left:0; bottom:0; font:15px/43px "微软雅黑"; color:#fff}
.pro_view{ width:100%; margin-top:10px; display:inline;font:14px/30px "微软雅黑"; color:#666}

.contact{ width:100%; margin-top:25px; display:inline}
.contact .map,.contact .cont_nr{ width:620px; overflow:hidden}
.contact .cont_nr .wzk{ width:100%; height:279px; border:solid 1px #ccc; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-top:none; padding:14px 35px 0; display:inline}
.contact .cont_nr .c_addwz{ width:100%; height:156px; margin-top:20px; display:inline; font:14px/26px "微软雅黑"; color:#666; overflow:hidden}

.s_list{ width:1320px; margin-top:20px; padding-bottom:70px; display:inline}
.s_list li{ width:400px; margin:35px 40px 0 0; padding-bottom:25px; display:inline; background:#fafafa; float:left}
.s_list li .bt_en,.contact .cont_nr .bt_en{ width:100%; height:40px; background:#121212; text-align:center; font:12px/40px "微软雅黑"; color:#fff; overflow:hidden}
.s_list li .nr{ width:360px; margin:10px 20px 0; display:inline}
.s_list li .bt_ch,.contact .cont_nr .bt_ch{ width:100%; height:40px; font:20px/40px "微软雅黑"; color:#121212; text-align:center; overflow:hidden}
.s_list li .s_xq{ width:100%; height:84px; margin-top:10px; font:14px/26px "微软雅黑"; color:#999; overflow:hidden}
.s_list li .s_add{ width:100%; margin-top:15px; font:14px/30px "微软雅黑"; color:#121212}
.s_list li .s_more{ width:100%; margin-top:30px; display:inline; border:solid 1px #121212; text-align:center; font:16px/40px "微软雅黑"; color:#121212; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.s_list li .s_more:hover{ background:#ffaa42; border-color:#ffaa42; color:#fff}

.plist3{ width:100%; display:none}
.plist3 li{ width:30%; margin:30px 0 0 2.5%; display:inline; float:left}
.plist3 li .pic{ width:100%; height:auto; position:relative}
.plist3 li .cp_wz{ width:100%; height:30px;overflow:hidden; font:12px/30px "微软雅黑"; color:#121212; text-align:left}
.plist3 li:hover .cp_wz{ color:#a46c37}
.plist3 li .btn{ width:40%; height:40px; margin-top:10px; display:inline; font:14px/40px "微软雅黑"; color:#fff; background:#a46c37; text-align:center; border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;}

.p_class{ width:100%; margin-top:30px; display:inline}
.p_class .pa,.p_class .pb{ width:auto; padding:0 30px; height:40px;margin:5px 10px 0;display:inline;text-align:center;font:14px/40px "微软雅黑";line-height:40px;color:#fff;background:#aaa}
.p_class .pa:hover,.p_class .pb{ background:#a46c37}
.p_class dd,.p_class dd:hover{ width:100%; background:none}

.page{ width:100%; height:32px; margin-top:35px; display:inline}
.page a,.page a.pb{height:32px;padding:0 6px;margin:0 2px;display:inline;font:14px/32px "微软雅黑"; color:#333; background:#efefef; float:left; line-height:32px}
.page a.pa{background:#aaa}
.page a:hover,.page a.pb{ background:#a46c37; color:#fff}
.page span{font:14px/32px "微软雅黑"; color:#fff; margin:0 2px; display:inline; background:#a46c37; padding:0 6px; float:left}

.foot{width:100%;min-width:800px; padding:50px 0; display:inline; background:#000}
.fmain{ width:800px}
.foot .fleft{ width:74%; min-height:300px; padding:0 55px; display:inline; box-sizing:border-box !important; background:#666}
.foot .fleft .tr{ width:100%; font:14px/22px "微软雅黑"; color:#fff; margin-top:15px; display:inline; text-indent:26px}
.foot .fleft .i1{ background:url(../images/f_i1.png) no-repeat left center}
.foot .fleft .i2{ background:url(../images/f_i2.png) no-repeat left center}
.foot .fleft .i3{ background:url(../images/f_i3.png) no-repeat left center}
.foot .fleft .i4{ background:url(../images/f_i4.png) no-repeat}
.foot .fright{ width:26%; min-height:300px; background:#322111}
.foot .fright img{ width:70%; display:inline-block; margin-top:56px; border:solid 4px #fff; box-sizing:border-box !important}
.foot .fright .wz{ font:14px/42px "微软雅黑"; color:#fff; width:100%}
.footwz{ display:inline; font:14px/30px "微软雅黑"; color:#121212}
a.footwz{ margin:0 19px;}
a.footwz:hover{ color:#a46c37; text-decoration:underline}

.nav{ width:100%; padding:10px 0; background:#fff; border-bottom:solid 1px #eee; position:fixed; left:0; top:0; display:none}
.nav .logo{ height:50px; margin-left:3%}
.nav .logo img{ width:auto; height:50px}
.nav .nav_icon{ height:40px; margin:5px 3% 0 0}
.nav .nav_icon img{ width:auto; height:40px}

.nav_menu{ width:100%;height:100%; position:fixed; right:0; top:0; z-index:999}
.nav_menu .left{ width:42%; min-height:100%; float:left; background:#000; opacity:0.5; filter:alpha(opacity=40); margin:0;}
.nav_menu .right{ width:58%; max-height:100%; min-height:100%; float:right; background:#121212; overflow:scroll}
.nav_menu .right .list{ width:100%; margin-top:20px; padding-bottom:50px; display:inline}
.nav_menu .right .list li{ width:92%; margin:0 4%; float:left; position:relative}
.nav_menu .right .list li .mz{ width:100%; font:14px/40px "微软雅黑"; color:#fff; text-indent:10px; border-bottom:solid 1px #fff; word-break:break-all}
.nav_menu .right .list li dl{ width:96%; float:right}
.nav_menu .right .list li dl dd{ width:100%; float:left; border-bottom:dashed 1px #ccc}
.nav_menu .right .list li dl dd a{ width:100%; font:12px/40px "微软雅黑"; color:#fff; text-indent:8px}
.nav_menu .right .list li .clwz3{font:12px/35px "微软雅黑"; color:#fff; margin-right:10px; display:inline}


.kong{ width:100%; height:30px; display:none; clear:both; float:left}
.footer{ width:100%; padding:6px 0;  background:url(../images/tm_b80.png); position:fixed; left:0; bottom:0; display:none}
.footer a{ width:25%}
.footer a .icon,.footer a .icon img{ width:auto; height:34px}
.footer a .wz{ width:100%; margin-top:3px; font:12px/18px "微软雅黑"; color:#fff; text-align:center}

.feed_wz{ width:100%; font:14px/30px "微软雅黑"; color:#666;}
#article{ margin-top:30px}
#mob_tab{ display:none}

.big_title{ width:100%; height:70px; font:30px/50px "微软雅黑"; color:#ffaa42; text-align:center; margin-top:5px; display:inline; border-bottom:dashed 1px #ccc}
.big_title span{ font-size:18px; color:#999}
.sp_wz{ width:100%; margin-top:35px; display:inline; font:16px/32px "微软雅黑"; color:#666}

@media screen and (max-width: 1023px)
{
.topic,.b_mask,.foot,.ny_left,.slist li:hover .wz,.slist li:hover .line,.n_list li .nk .sname{ display:none}
.kong,.nav,.footer{ display:block}
.fd,.news_bg,.main,.banner{ width:100%; min-width:auto}
.n_list,.in_right,.p_list{ width:100%}
.news_bg{ padding-bottom:30px}
.in_pro{ padding-top:30px}
.news_bg{ margin-top:25px}
.in_banner_bg{ height:auto; padding:80px 0}
.in_banner_bg .lwz1{ font-size:16px; margin:0}
.in_banner_bg .lwz2{ font-size:10px}

.area1,.area2,.area3{ height:auto}

.alist{ width:96%; margin:15px 2% 0; display:inline}
.alist a{ width:15%; margin:0 5%; display:inline}
.alist a i{ display:none}
.alist a .pic, .alist a .pic img{ display:block}

.slist li .sk .swz{ margin-top:60px}
.ny_left .ntitle,.ny_left .l_dh li .wz{ width:80%}
.ny_banner_sport,.ny_banner_education{ height:200px}
.p1:hover .pic img, .p_list li:hover .pic img{ transform:scale(1)}
.n_list li:hover .nk{ height:auto; background:#121212}

.advlist li .bt{ margin-top:10px; font:15px/35px "微软雅黑"}
.advlist li .wz{ width:84%; line-height:28px; margin:8px 8% 0; display:inline}

.hen1{ width:100%; height:70px; float:left; display:block}
.big_title{ height:50px; font:18px/40px "微软雅黑"}
.big_title span{ display:none}
.sp_wz{ font:12px/25px "微软雅黑"; width:92%; margin:5px 4% 0; display:inline}

.ny_left{ display:none}
.ny_right{ width:92%; margin-right:4%; display:inline}
.ny_title{ height:40px}
.ny_title .wz{ line-height:40px; line-height:40px; font-size:16px}
#article table,#article form{ width:100%; margin:0; overflow:hidden}
#article table tbody{ width:100%}
.ny_right .view_wz{ min-height:200px}

}

@media screen and (max-width: 1200px)
{
.t_main,.in_right,.banner,.jscarousal,.clist{ width:100%}
.fd,.topic,.b_mask,.b_posi,.b_mask,.news_bg,.in_banner_bg,.in_cbg,.in_pro,.ny_banner,.banner,.menu,.foot{ min-width:100%}
.slist li:hover .wz,.slist li:hover .line,#wrapper{ display:none}
.slist li .sk .swz{ margin-top:90px}

.video-js{ height:500px}

.plist3{ display:block}

.top_r{ width:60%}
.menu li{ width:10.5%; margin-left:2%}
.menu li .mz{ width:100%; padding:0}

.title{ width:100%; border-top:solid 3px #121212; margin-top:15px; display:inline; text-align:center}
.title .twz_ch{ margin-top:5px; height:30px; font:18px/30px "微软雅黑"}
.title .twz_en{ font:10px/16px "微软雅黑"; color:#999}
.in_cbg{ height:auto; padding:30px 0}
.in_cbg .c_block{ width:15%; margin:15px 0 0 8% }
.ny_position{ text-indent:15px}

.clist li{ width:30%; margin:30px 0 0 2.5%}



.ny_left .ntitle{ width:80%; margin:0 10%}
.pclass{ width:auto; font:12px/32px "微软雅黑"; padding:0 15px; display:inline}

.p1{ width:47%; height:auto; margin:20px 0 0 2%; display:inline}
.p1 .pic, .p1 .pic img{ width:100%; height:auto}
.p1 .sk, .p_list li .sk{ width:100%; position:relative}
.p1 .sk .icon{ display:none}
.p1 .sk .wz{ width:100%; background:#121212; margin:0; font:12px/40px "微软雅黑"; color:#fff}

.p_list{ width:47%; margin:0}
.p_list li{ width:42%; height:auto; margin:20px 2% 0 0}
.p_list li .pic, .p_list li .pic img{ width:100%; height:auto}
.p_list li .p_mc{ font:12px/36px "微软雅黑"; color:#333; background:#f8f8f8}
.p_list li .icon,.news_list li .nrk .n_data{ display:none}

.about_bg{ margin-top:15px; height:auto; background-position:center center}
.about_wz{ margin-top:15px;}

.slist{ width:100%; margin-top:15px}
.slist li{ width:30%; margin:0 0 0 2.5%; display:inline}
.slist li .pic, .slist li .pic img{ width:100%; height:auto}

.adv_bg{ margin-top:15px; padding-bottom:15px; height:auto; background-position:center center}
.advlist{ width:100%}
.advlist li{ width:30%; margin:30px 0 0 2.5%}
.advlist li i{ width:30%; height:auto; margin-top:-15px}

.n_list li .nk .nxq{ font:11px/24px "微软雅黑"}

.n_list{ width:100%; margin-top:20px}
.n_list li{ width:30%; height:auto; padding-bottom:15px; margin:0 0 0 2.5%}
.n_list li .pic,.n_list li .pic img{ width:100%; height:auto}
.n_list li .nk{ height:auto; padding-bottom:30px;}


.news_list li{ height:auto; padding-bottom:15px}
.news_list li .pic{ width:25%; float:left}
.news_list li .pic img{ max-width:100%; height:auto; float:left}
.news_list li .nrk{ width:65%}

.s_list,.t_list{ width:100%}
.s_list li,.t_list li{ width:44%; margin:30px 0 0 4%}
.s_list li .nr{ width:90%; margin:10px 5% 0}

.pro_pic{ width:45%; margin:25px 0 0 0}
.pro_nr{ width:48%; margin-top:20px}
.ny_right{ min-height:inherit; padding-bottom:50px}
.news_title_s{ font-size:10px}
.ny_right .view_wz,.t_list li .t_mc,.pro_view{ font-size:14px}

.contact .map,.contact .cont_nr{ width:92%; margin:20px 4% 0; height:auto}

.foot .fleft{ width:60%}

}

@media screen and (max-width: 900px)
{
.n_list li .nk .ndata,.n_list li .nk .sname,#foot_d{ display:none}
.area2 .ico{ width:50%; margin-top:15px; display:inline; line-height:30px}
.plist3 li .btn{ width:100%; height:30px; line-height:30px; font-size:12px}
.main{ width:100%}
.bgf8f{ padding-bottom:30px}
.bg1,.bg2,.bg3{ background:none; height:auto}
.mgt50{ margin-top:30px}


}

@media screen and (max-width: 480px)
{

.ny_right .view_wz iframe{ height: 300px;}
.in_cbg .c_block .wz,.p_list li .p_mc{ font-size:10px}
.p_list li .p_mc{ height:30px; line-height:30px}
.in_banner_bg .lwz1{ font-size:12px; line-height:30px; margin:0}
.in_banner_bg .lwz2{ font-size:8px; line-height:20px;}	

.title{ font-size:24px}
.picon img{ width:30%; margin:0 0 0 2.5%; display:inline}
.more_a, .more_b{ margin-top:20px}

.pro_list li{ margin:15px 1% 0 0}

.p1{ width:50%}
.p_list li{ width:41%; margin:20px 5% 0 0}
.about_bg{ background-position:top center}
.about_wz,.advlist li .bt{ font:12px/28px "微软雅黑"}
.alist a .wz{ font-size:12px}
.advlist li .wz{ font:12px/24px "微软雅黑"}

.pro_list li a .pic{ max-height:140px}
.pro_list li a .wz{ font:12px/25px "微软雅黑"; color:#121212; text-align:center; float:left; position:relative; opacity:1; filter:alpha(opacity=100); background:none}

.banner{ margin-top:62px}
.zsk{ margin-top:20px}
.zsk i{ display:none}
.zsk .img{ width:90%; margin:0 5%; display:block}
.zsk .w1{ font:12px/30px "微软雅黑"; color:#121212}
.zsk .w2{ font:10px/25px "微软雅黑"}

.ny_banner{ margin-top:70px; height:220px; background-position:left bottom}

.s_list{ margin-top:0}
.s_list li{ width:92%; margin:20px 4% 0}

.view_title{ font:14px/30px "微软雅黑"}
.ny_position{ font-size:10px}

.news_list li .nrk .n_title{ height:30px; font:14px/30px "微软雅黑"}
.news_list li .nrk .n_view{ font-size:12px}
.news_list li .pic{ height:auto}
.news_sxy a, .news_sxy div{ width:100%; float:left; text-align:left}
.news_sxy a:hover{ color:#332211}

.title .twz_ch,.s_list li .bt_ch, .contact .cont_nr .bt_ch{font-size:15px}
.s_list li .s_more{ font-size:14px}
.contact .cont_nr .wzk{ padding:10px 5% 25px; height:auto}
.contact .cont_nr .c_addwz{ height:auto; font-size:10px}

.pro_pic,.pro_nr{ width:100%}
.pro_nr .ptitle{ font:16px/40px "微软雅黑"}
.pro_nr .pwz{ margin-top:5px; font:12px/28px "微软雅黑"}
.prev .pa, .prev .pb{ font-size:13px}
.pview_t .wz1{ padding:0 20px; font-size:13px}

.s_list li .s_xq,.s_list li .s_add,.s_list li .bt_en, .contact .cont_nr .bt_en{ font-size:10px}
#article{ display:none}
#mob_tab{ display:block}

}

@media (max-width: 1024px) and (min-width: 769px)
{
.main,.t_main,.in_right,.banner{ width:100%}
.ny_right .view_wz iframe{height:400px}
.main,.t_main{ width:100%}
.fd,.topic,.b_mask,.b_posi,.b_mask,.news_bg,.in_banner_bg,.in_cbg,.in_pro,.ny_banner{ min-width:100%}
.topic{ height:auto; padding:25px 0}
.topic .logo{ width:20%;margin:0 0 0 2%}
.top_r{ width:70%}
.menu{ width:100%; height:auto}
.menu li{ margin-left:3.5%; height:auto}
.menu li .mz{ padding:0; height:auto; line-height:50px}
.menu li dl,#foot_d{ display:none}
.b_mask{ height:100px; top:-100px}
.a_list .area{ width:25%; height:100px}
.a_list .area .icon{ width:22%; margin:20px 0 0 5%}
.a_list .area .awk{ width:65%; margin-top:20px}
.a_list .area .awk .w1{ font-size:18px; line-height:30px; height:30px}
.a_list .area .awk .w2{ font-size:14px}
.in_banner_bg{ height:400px}
.in_banner_bg .lwz1{ margin-top:154px}

.bgf8f{ padding-bottom:30px}
.mgt50{ margin-top:30px}

.p1{ width:48%}
.p_list li{ width:45.5%}

.bg1,.bg2,.bg3{ background:none; height:auto}

.contact .cont_nr .wzk{ width:100%; height:214px; padding:14px 7% 0}
.contact .cont_nr .c_addwz{height:130px}

.s_list{ width:100%}
.s_list li{ width:30%; margin:30px 0 0 2.5%}
.s_list li .nr{ width:84%; margin:10px 8% 0}

.t_list{ width:100%}
.t_list li{ width:40%; margin:20px 5% 0; display:inline}

.news_list li .nrk{ width:70%}

.foot{ min-width:auto; min-height:auto; padding-bottom:20px}
.foot .flogo{ width:20%; height:auto; margin:20px 0 0 2%;}
.foot .flogo img{ width:100%}
.foot .fline{ display:none}
.foot .fwz{ width:50%; margin:28px 0 0 5%}
.foot .qrcode{ width:12%; margin:20px 2% 0 0; display:inline}
.foot .qrcode img{ width:100%; height:auto}

}