.clear{clear:both}
.container{width:1004px;margin:0 auto}
.header{box-shadow:0 2px 4px #ccc}
.top{font-size:14px;line-height:30px;height:30px;color:#fff;border-top:4px solid #cd0000;background-color:#2d2d2d}
.bulletin{float:left;width:550px}
.bulletin li{float:left;margin-right:30px}
.bulletin li a{color:#fff}
.bulletin li a:hover{color:#ff0}
.top .tel{float:right}
.nav-wrapper{position:relative;box-sizing:border-box;width:1004px;height:106px;margin:0 auto;padding:20px 0}
.logo{float:left; width:1004px}
.nav{position:absolute;right:0;bottom:1pc}
.nav ul li{float:left;padding:5px 0;text-align:center}
.nav ul li:hover a{color:#b00}
.nav ul li a{font-size:14px;display:block;height:1pc;padding:0 15px;text-align:center;color:#0f0f0f;border-right:1px dashed #0f0f0f}
.nav ul li:last-child a{padding-right:0;border-right:0}
.search{position:absolute;top:20px;right:0;width:210px;height:26px;border:1px solid #ccc;border-radius:26px}
.search .key{line-height:26px;width:90px;margin-left:10px}
.search .key,.search .type{font-size:9pt;float:left;border:0;outline:0}
.search .type{height:26px}
.search .btn{float:left;width:24px;height:24px;margin-top:1px;margin-left:6px;cursor:pointer;outline:0;background:url(../images/insexsearch.png) no-repeat}
.banner2{height:307px}
.swiper-slide{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;width:100%;text-align:center;background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.heading{position:relative;padding:0}
.heading .span-out{position:absolute;z-index:2;bottom:0;left:0;width:27px;height:4px;background:url(../images/cline.gif) left bottom no-repeat}
.heading .span-inner{position:absolute;bottom:0;left:0;padding-bottom:4px;background:url(../images/cline1.gif) left bottom repeat-x}
.heading .span-inner i{font-size:9pt;color:#757575}
.news-wrapper{margin:36px 0}
.news-wrapper .news{float:left;width:668px}
.news-wrapper .news .heading{line-height:26px;width:668px;height:26px;margin-bottom:20px;border-bottom:1px solid #ccc}
.heading .more{font-size:9pt;float:right;color:#666}
.news-scroll{position:relative;overflow:hidden;height:135px;margin-bottom:20px}
.news-scroll ul{position:absolute}
.scroll-item{height:135px}
.scroll-item img{float:left;width:180px;height:135px}
.scroll-item .date{display:block;float:left;width:68px;text-align:center}
.scroll-item .date span{font-size:14px;line-height:1.2;display:block}
.scroll-item .date span:first-child{color:#333}
.scroll-item .content{float:left;width:410px}
.scroll-item .content :hover h2{color:#b00}
.scroll-item .content h2{font-size:14px;margin-bottom:10px;color:#333}
.scroll-item .content .text{font-size:9pt;line-height:1.5;height:77px;color:#666}
.scroll-item .content .look{font-size:9pt;color:#333}
.scroll-item .content .look:hover{font-weight:700}
.news-scroll .control{position:absolute;top:77px;left:202px;width:26px;height:56px;padding:0 10px 0 0}
a.agrayleft{cursor:default;color:#fff;background:#000}
a.aleft{float:left;background:#000}
a.aright{float:right;margin:5px 0 0;background:#b00}
a.abtn{line-height:26px;display:block;overflow:hidden;width:26px;height:26px;text-align:center;color:#fff}
.news-list ul li{font-size:9pt;float:left;width:230px;margin:20px 0 0 3px;padding:0 5pc 0 10px}
.news-list ul li img{float:left;margin-top:2px}
.news-list ul li a{margin-left:5px;color:#333}
.news-list ul li a:hover{color:#b00}
.new-product{position:relative;float:right;width:270px;height:300px;background-color:#2d2e32}
.new-product .heading{width:230px;margin:15px 0 0 20px;padding:0 0 10px;color:#fff;background:url(../images/tuiline1.gif) left bottom repeat-x}
.new-product .heading span{font-size:9pt;margin-left:10px;color:#a8a8a8}
.product-scroll{position:relative;overflow:hidden;width:230px;height:14pc;margin:20px auto 0}
.product-scroll ul li{font-size:14px;height:14pc}
.product-scroll ul li img{width:230px;height:90pt}
.product-scroll ul li span{line-height:2;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff}
.product-scroll ul li p{font-size:9pt;line-height:1.5;text-indent:2em;color:#999}
.product-scroll ul li .more{font-size:9pt;display:block;width:60px;margin-top:10px;padding:4px;color:#a8a8a8;border:1px solid #a8a8a8}
.new-product .control{position:absolute;right:20px;bottom:-13px}
.new-product .control a{line-height:26px;display:inline-block;width:26px;height:26px;cursor:pointer;text-align:center;color:#fff}
.new-product .control .prev{background-color:#b00}
.new-product .control .next{background-color:#000}
.product-wrapper{box-sizing:border-box;height:520px;padding-top:30px; background:#2d2e32}
.product-wrapper .heading{font-size:18px;margin-top:30px;text-align:center;color:#fff}
.product-wrapper .heading .heading-bg{font-size:14px;display:block;margin-top:10px;margin-bottom:20px;color:#a8a8a8;background:url(../images/topline.gif) center no-repeat}
.product-list ul li{float:left;box-sizing:border-box;width:218px;height:295px;margin:13px;padding:9px;background-color:#fff}
.product-list ul li:hover{background-color:#b00}
.product-list ul li:hover .desc,.product-list ul li:hover .desc p{color:#fff}
.product-list ul li:hover .img-wrapper{border:4px solid #fff}
.product-list .img-wrapper{overflow:hidden;width:2in;height:142px;border:4px solid #ccc}
.product-list .img-wrapper img{width:100%;height:100%;transition:.5s}
.product-list .img-wrapper:hover img{transform:scale(1.2)}
.product-list .desc{font-size:14px;line-height:1.5;margin-top:10px;color:#000}
.product-list .desc p{font-size:9pt;margin-top:6px;color:#666}
.product-list .to-view{font-size:9pt;line-height:24px;display:block;width:5pc;height:24px;margin-top:20px;text-align:center;border:1px solid #999;border-radius:6px;background-color:#fff}
.product-wrapper .more{font-size:14px;margin-top:20px;text-align:center;color:#fff}
.product-wrapper .more .more-bg{display:block;margin-bottom:5px;background:url(../images/topline.gif) center no-repeat}
.product-wrapper .more .more-bg a{color:#f8f8f8}
.product-wrapper .more .more-bg a :hover{color:#b00}
.support-wrapper{box-sizing:border-box;height:365px;padding:30px 0}
.support-wrapper .support{float:left;width:380px}
.support-wrapper .support .heading{line-height:40px;height:40px;border-bottom:1px solid #ccc}
.support-wrapper .support .desc{height:168px;margin-top:10px;background:url(../images/suppbg.jpg) left top no-repeat}
.support-wrapper .support .desc p{font-size:9pt;line-height:1.4;padding:20px 0 0 140px;text-indent:2em}
.support-wrapper .support .contact{box-sizing:border-box;height:5pc;padding:20px 0;background:#2d2e32 url(../images/cx.jpg) left no-repeat}
.support-wrapper .support .contact .address{float:left;overflow:hidden;width:65%}
.support .contact .us{float:left;width:75pt;margin-right:20px;text-align:center;color:#fff}
.support .contact .us span:first-child{font-size:1pc;line-height:28px}
.support .contact .us span:last-child{font-size:9pt}
.support .contact div span{display:block}
.support .contact .address i{font-size:18px;font-style:normal;line-height:28px;color:#fff}
.support .contact .address em{font-size:14px;font-style:normal;display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow:ellipsis;color:#ccc}
.support-wrapper .faq{float:left;width:35pc;margin-left:40px}
.support-wrapper .faq .heading{line-height:40px;height:40px;border-bottom:1px solid #ccc}
.faq .faq-list{margin-top:10px}
.faq .faq-list ul li{padding:10px 0;border-bottom:1px dashed #ccc}
.faq .faq-list ul li :hover .q{color:#b00}
.faq .faq-list ul li .q{font-size:14px;line-height:18px;margin:10px 0;padding-left:30px;color:#000;background:url(../images/q.gif) left top no-repeat}
.faq .faq-list ul li .a{font-size:9pt;line-height:20px;padding-left:30px;background:url(../images/a.gif) left 5px no-repeat}
.footer{box-sizing:border-box;width:100%;height:200px;padding-top:30px;color:#757575;background-color:#212121}
.footer .row1{font-size:14px;line-height:30px;float:left;width:50%;height:136px}
.row1 .map{background:url(../images/site.png) left no-repeat}
.row1 .map,.row1 .qq{line-height:40px;display:inline-block;height:40px;padding-left:40px}
.row1 .qq{margin-left:20px;background:url(../images/qq.png) left no-repeat}
.row1 .tel{width:100%;text-align:left}
.footer .row2{font-size:14px;float:left;width:50%;height:141px;text-align:right}
.footer .row2 .share{height:26px;margin:10px 0;background:url(../images/share.gif) no-repeat}
.newsshare{margin:15px 0}
.newsshare .bdshare-button-style0-16 a{display:inline-block;width:26px!important;height:26px!important;margin:0 0 0 10px!important;padding:0!important}
.newsshare .bds_tsina{background:url(../images/share.gif) no-repeat!important}
.newsshare .bds_sqq{background:url(../images/share.gif) -38px 0 no-repeat!important}
.newsshare .bds_tqq{background:url(../images/share.gif) -76px 0 no-repeat!important}
.newsshare .bds_weixin{background:url(../images/share.gif) -7pc 0 no-repeat!important}
.footer .row2 .link{line-height:20px;width:205px;height:20px;margin:10px 0;cursor:pointer;color:#757575;border:1px solid #757575;outline:0;background-color:#212121}
.footer .row3{font-size:14px;float:left;width:266px;height:142px;margin-left:60px;padding-left:30px;background:url(../images/bbr.gif) left top no-repeat}
.footer .row3 .address,.footer .row3 .fax,.footer .row3 .tel{line-height:20px;margin-bottom:20px}
.copy{font-size:14px;width:100%;height:38px;color:#fff;background-color:#000;overflow:hidden}
.copy span{margin-right:20px}
.copy .icp{float:right}
.side{position:fixed;z-index:99;top:50%;right:0;width:60px}
.side .qr-code{position:relative;width:60px;height:60px;background:#b00 url(../images/0013920_47.png) 15px -207px no-repeat}
.side .qr-code:hover .code{transform:scale(1)}
.side .qr-code .code{position:absolute;z-index:9;bottom:0;left:-150px;width:150px;height:150px;transition:.5s;transform:scale(0);transform-origin:100% 100%;background:#fff}
.side .qr-code .code img{width:100%}
.side .to-top{line-height:1;box-sizing:border-box;width:90pt;height:60px;margin-top:1px;padding:15px 10px 15px 75px;cursor:pointer;transition:.2s;color:#fff;background:#b00 url(../images/0013920_47.png) 15px -317px no-repeat}
.side .to-top a{color:#fff}
.side .to-top:hover{transform:translate(-60px,0)}
.left{float:left}
.right{float:right}
.main{margin:40px 0}
.product-class{box-sizing:border-box;width:225px;height:250px;padding:10px;color:#fff;background:#2d2d2d}
.product-class .heading{line-height:2;display:block;text-align:center}
.product-class .up{display:block;width:205px;height:19px;background:url(../images/left_top.jpg)}
.list-warapper{position:relative;overflow:hidden;box-sizing:border-box;height:150px;margin:5px 0;padding:2px;background-color:#fff}
.list-warapper ul{position:absolute;width:100%}
.list-warapper .list-item{font-size:9pt;line-height:30px;width:100%;height:30px;border-bottom:1px solid #ccc}
.list-warapper .list-item a{display:block;width:100%;padding-left:5px;color:#666;background:url(../images/fyjian1.gif) 11pc center no-repeat}
.list-warapper .list-item a:hover{color:#fff;background:#b00 url(../images/fyjian.png) 11pc center no-repeat}
.product-class .down{display:block;width:205px;height:19px;background:url(../images/left_bottom.jpg)}
.main .news{box-sizing:border-box;width:225px;height:244px;margin-top:20px;padding:10px;color:#fff;background:#2d2d2d}
.main .news .heading{line-height:2;display:block;text-align:center}
.main .news .news-list-wrapper{box-sizing:border-box;height:185px;margin:5px 0;padding:2px;background-color:#fff}
.news .news-list-wrapper ul li{font-size:9pt;line-height:30px;height:30px;border-bottom:1px solid #ccc}
.news .news-list-wrapper ul li a{display:block;overflow:hidden;padding:0 30px 0 5px;white-space:nowrap;text-overflow:ellipsis;background:url(../images/fyjian1.gif) 11pc center no-repeat}
.news .news-list-wrapper ul li a:hover{color:#fff;background:#b00 url(../images/fyjian.png) 11pc center no-repeat}
.main .msg{font-size:14px;line-height:1.5;box-sizing:border-box;width:225px;margin-top:20px;padding:20px 10px;color:#fff;background-color:#b00}
.main .msg span{display:block}
.main .msg .tel{font-size:18px}
.right .content,.right .heading{width:740px}
.right .heading{height:45px;background:url(../images/fy_rrtline.gif) left bottom repeat-x}
.right .heading span{font-size:18px;line-height:45px}
.right .heading .bre-nav{font-size:9pt;margin-top:20px;color:#999}
.right .content{margin-top:20px;color:#333}
.right .content p{font-size:14px;line-height:2}
.next-page,.pre-page{font-size:9pt;line-height:25px;display:inline-block;width:60px;height:25px;margin:0 5px;text-align:center;border-radius:4px}
.product-center{width:740px;margin-top:20px}
.product-center-item{float:left;width:215px;height:215px;margin:15px}
.product-center-item .img-wrapper,.product-center-item .img-wrapper img{width:215px;height:162px}
.product-center-item .name{line-height:1.5;margin:10px 0;text-align:center}
.product-center-item .name:hover{color:#b00}
.news-center{width:740px;margin-top:20px}
.news-center ul{margin-bottom:20px}
.news-center-item{font-size:14px;line-height:40px;padding:0 10px;border-bottom:1px dashed #ccc}
.news-center-item a{display:inline-block;transition:.5s}
.news-center-item a:hover{transform:translate(20px,0);color:#b00}
.news-center-item .date{color:#999}
.support-content{width:740px;margin-top:20px}
.support-content p{font-size:14px;line-height:1.8;color:#666}
.contact-us{width:740px;margin-top:20px}
.contact-us span{line-height:2;display:block}
#allmap{width:100%;height:300px;margin-top:20px}
.article{width:740px;margin-top:20px}
.article h1{font-size:24px;line-height:1.8;text-align:center}
.subtitle{font-size:14px;line-height:2;text-align:center;color:#999}
.subtitle span{margin-right:10px}
.article .content img{display:block;margin:10px auto}
.article .other-article{font-size:14px;line-height:2;margin:20px 0;color:#666}
.article .other-article span{display:block}
.article .other-article span a:hover{text-decoration:underline}
.article .back{line-height:35px;display:block;width:138px;height:35px;margin:0 auto;text-align:center;color:#fff;border-radius:4px;background-color:#cd0000}