@charset "utf-8";
*{word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0; overflow-y:scroll}
body{color:#666;background:#fff;}
body,button,input,select,textarea {font:14px/1.5 arial,"Microsoft Yahei";}
a{ color:#333;text-decoration:none;transition: all .3s;}
a:hover{text-decoration:none; color:#f90;transition: all .3s;}
img{border:0}
li{list-style:none}
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0;padding:0}
table{empty-cells:show;border-collapse:collapse}
caption,th{text-align:left;font-weight:400}
h1, h2, h3, h4, h5, h6 {font-size:1em}
em, cite {font-style:normal}
input,button,select,textarea{ font-family: Microsoft yahei}
input{border:0;outline:none}
button{outline:none; cursor: pointer; border:0}
select, textarea{outline: none}
i{font-style:normal}

::-moz-selection{color:#fff;background:#f60}
::selection{color:#fff;background:#f60}
/* CSS */
.fl{ float: left }
.fr{ float: right }
.tl{ text-align:left}
.tc{ text-align:center}
.tr{ text-align:right}
.mauto{ width: 1200px; margin: 0 auto; position: relative;}
.mg0{ margin: 0 }
.blur{
    -webkit-filter: blur(5px); /* Chrome, Opera */
       -moz-filter: blur(5px);
        -ms-filter: blur(5px);    
            filter: blur(5px);
}
body{ background: #f5f5f5;}
.header{ position:fixed; z-index:99; left:0; top:0; width: 100%; height: 125px; transition: all .3s; background: #fff;}
.topbar .left{ float:left; margin-left:220px; color: rgba(255,255,255,.7);}
.topbar{ width:100%; background:#d42f22; font-size: 12px; height:45px; line-height:45px}
.topbar .right{ float:right}
.topbar .right a{ color: rgba(255,255,255,.7); display:inline-block; margin:0 0 0 10px}
.topbar .tel{ padding:0 30px; font-size:16px; color:#d42f22; background:#fff}
.topbar .tel span{ float:right; color:#333; margin-left:20px; font-weight:700}
.topbar .tel em{ color:#d42f22; margin-right:5px}
.logo{position:absolute; background:#fff; top:-45px; width:190px; height:140px; box-shadow:0 1px 20px rgba(0,0,0,.1)}
.logo h1 a{ display:block; width:100%; height:140px; display:flex; justify-content: center; align-items: center;}
.logo img{max-width:160px; max-height:120px;}
.header_fixed img{max-width:140px; max-height:70px; margin-top:20px;}
.menu{ float:left; margin-left:230px;transition: all .3s;}
.menu ul li{ float:left}
.menu ul li a{ line-height:80px; padding:0 20px; display:block; font-size:16px; color:#000}
.menu ul li a:hover{ color:#d42f22}
.menu ul li.on a{ background:#fff; color:#333}
.search{ float:right; margin-top:20px}
.search input{ float:left; width:100px; height:38px; line-height:38px; padding:0 20px; border:1px solid #ddd;}
.search button{ width:40px; height:40px; font-size:18px; color:#d42f22; border:1px solid #ddd; border-left:0; background:#fff}

.header_fixed{ top:-45px; box-shadow:0 0 5px rgba(0,0,0,.2)}
.header_fixed .logo{ height:125px; box-shadow:none;}
.header_fixed .logo h1 a{ background-position: center 56px}
/*Banner*/
.banner{ width:100%; position:relative; height:845px;}
.banner .bd{ width: 100%; height:845px; position:relative; z-index:0}
.banner .bd ul{ width:100%; }
.banner .bd li{ width:100%; height:845px; text-align:center; background-repeat: no-repeat; background-position: center bottom}
.banner .more{ position:absolute; z-index:1; bottom:200px; width:260px; height:50px; line-height:50px; left:50%; margin-left:-130px}
.banner .more a{ font-size:18px; border:1px solid #fff; background:#fff; border-radius:60px}

.banner .hd{ position:absolute; z-index:1; bottom:30px; left:0; right:0; margin:0 auto;}
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; width:10px; height:10px; margin:0 5px; text-indent:-9999px; border-radius:50%; border:2px solid #f90; transition: all .3s ease-in-out;}
.banner .hd ul .on{ background:#f90; border-color:#f90}

.t{ float:left; text-align:center; padding:30px 0; width: 100%;}
.t .title{ position:relative; font-size:32px; font-family:"Microsoft Yahei light"; font-weight: 700;}
.t .title span{ color:#feca29; margin:0 10px 0 0}
.t .text{ position:relative; font-size:18px; font-weight:300; margin-top:30px; color:#999;}
.t .text:before,.t .text:after{ left:50%; top:50%; margin-left:-230px; position:absolute; display:block; content:""; width:100px; height:1px; background:#ddd}
.t .text:after{ margin-left: 130px}

.main1{ width:100%; padding:40px 0 70px; background:#fff; overflow:hidden}
.four{ padding:60px 0 }
.four ul li{ float:left; width:25%; text-align:center}
.four ul li img{ width:220px; height:220px; display:block; margin:0 auto 30px}
.four ul li span{ font-size:18px; position:relative; margin:10px 0;}
.four ul li span:before{ position:absolute; left:-40px; top:50%; content:""; display:block; width:20px; height:1px; background:#666}
.four ul li span:after{ position:absolute; right:-40px; top:50%; content:""; display:block; width:20px; height:1px; background:#666}

.main2{ position:relative; width:100%; padding:40px 0 70px; background:#eee; overflow:hidden}
.main2 .t .title span{ margin:0; margin-left:10px}
.focus{ padding: 2px;}
.focus .left{ float:left;}
.focus .right{ float:right;}
.focus .pic img{ width:530px; height:720px}
.focus .title{ width: 597px;}
.focus .title span{font-family: Georgia; font-size:50px; font-style: italic; color:#333}
.focus .list{ width: 597px; padding-top:50px}
.focus .list li{ float:left; width:276px; margin-right:45px; text-align:center}
.focus .list li:last-child{ margin-right:0}
.focus .list li img{ width:276px; height:400px}
.focus .list li span{ display:block; font-size:16px; color:#333; margin-top:10px}

.piclist{ padding:2px 0}
.piclist ul li{ float:left; width:274px; margin:30px 12px; text-align:center}
.piclist ul li img{ width:274px; height:380px}
.piclist ul li span{ display:block; font-size:16px; color:#333; margin-top:10px}


.footbar{ width:100%; padding-bottom:20px; overflow:hidden}
.foot_menu{ width:100%}
.foot_menu ul{float: left;width: 100px;padding: 0 100px 50px 0}
.foot_menu li span{ float: left; width: 100%; font-size: 16px; color:#fff; line-height: 84px; margin-bottom:30px}
.foot_menu li a{ float:left; color:#666; font-size:14px; width:100%; line-height: 28px}
.foot_menu li a:hover{ color: #f90}
.foot_menu ul.zs{ width:auto; float:right; padding:0}
.foot_menu ul.zs span a{ font-size:14px; line-height:84px; color:#f80; position:relative}
.foot_menu ul.zs span a:before{ position:absolute; left:-30px; top:50%; margin-top:-10px; content:""; width:20px; height:20px; background:url(../images/foot_icon.png) no-repeat; display:block}
.foot_code{position:absolute;right:50px;top:100px;text-align:center;}
.foot_code li{ float:left; width:100px; padding:11px 11px 0; height:155px; background:#313131; margin-left:30px; color:#666; font-size:14px; line-height:55px}
.foot_code li img{ display:block; width:100px; height:100px}
.flinks{ color:#666; width: 100%; padding: 20px 0 10px; font-size:14px}
.flinks a{ color:#666; margin: 0 5px}
.flinks a:hover{ color: #fff}
.copyright{ position:relative; color:#555; line-height:26px}
.copyright a{ color:#555}
.copyright span{float:right; position:relative}
.copyright span:before{ position:absolute; left:-30px; top:50%; margin-top:-11px; content:""; width:20px; height:20px; background:url(../images/foot_icon.png) no-repeat 0 -20px; display:block}
.copyright div{ position:absolute; right:0; top:35px; text-align:right}

.gototop{ z-index:999; position:fixed; width:46px; height:100%; top:0; text-align:center; right:0; _position: absolute; display:block; transition: all .3s ease-in-out;}
.top_on{ bottom:80px}
.top_in{ bottom:80px}
.sidebox{ position:absolute; bottom:90px; right:20px}
.sidebox span a{ display:block; width:46px; height:46px; background:#f90 url(../images/icon.png) no-repeat;border-radius:4px}
.sidebox ul{ position:relative; width:46px}
.sidebox ul li{ margin-top:5px; width:46px; height:46px; background:#f6f7f8; border-radius:4px;box-shadow:2px 2px 5px rgba(0,0,0,.1)}
.sidebox ul li i{ float:right; background:url(../images/icon.png) no-repeat; width:46px; height:46px; cursor:pointer;transition: all .3s;}
.sidebox ul li.wt i{ background-position: 0 -92px}
.sidebox ul li.wx i{ background-position: 0 -46px}
.sidebox ul li.backtop i{ background-position: 0 -138px}
.sidebox ul li.backtop{ }
.sidebox ul li span{ position:absolute; z-index:-1; top:0; right:51px; width:140px; padding-top:10px; height:136px; line-height:16px; background:#fff; border:1px solid #eee; border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1); }
.sidebox ul li span{ transition: all 0.3s ease 0s; transform: translate3d(-10px, 0, 0); -moz-transform: translate3d(-10px, 0, 0); -webkit-transform: translate3d(-10px, 0, 0); visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.sidebox ul li span img{ width:90px}
.sidebox ul li span p{ font-size:12px}
.sidebox ul li span b{ color:#f90}
.sidebox ul li.on span{filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); visibility: visible;}
.sidebox ul li.on i{background-position-x:right}
.sidebox ul li p{ font-size:14px;}
.sidebox ul li.wt span{ top:0; width:80px; height:44px; line-height:44px; border-color:#f90; padding:0; color:#fff; background:#f90;}
.sidebox ul li.backtop{ position:relative}
.sidebox ul li.backtop span{ top:0; width:80px; height:44px; line-height:44px; border-color:#f90; padding:0; color:#fff; background:#f90;}
.sidebox ul li.backtop.on { background-color:#fff}

*html .gototop{top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
@media screen and (max-width: 767px) {
	*{ -webkit-tap-highlight-color: rgba(0,0,0,0); /* For some Androids */ }
	*{-webkit-tap-highlight-color: transparent;}
    .mauto{ width: auto}

}
.news ul{ border-left:1px solid #eee; border-top:1px solid #eee; overflow:hidden}
.news ul li{ float:left; width:23.2%; padding:130px 5%; background:#fff; border-right:1px solid #eee; border-bottom:1px solid #eee}
.news ul li span{ display:block; width:100%; font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.news ul li p{ text-align:justify; margin-top:20px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.news ul li i{ float:left; color:#bbb; margin-top:40px}
.news ul li img{ float:left; margin-top:20px; width:100%; height:150px; background:#ddd url(../images/logo2.png) no-repeat center}
.news ul li.on{ position:relative; box-shadow:0 20px 30px rgba(0,0,0,.1)}
.news ul li.on span a{ color:#f90}
.news.us ul li img{ width:205px; height:205px; margin:0 0 20px; border-radius:8px}

.contactbg{ background:url(../images/contact.jpg) no-repeat center}
.contact{}
.contact h2{ font-weight:300; font-size:28px; margin:30px 0 10px}
.contact em{ color:#999}
.contact ul li{ display:inline-block; margin:50px 15px 0 0; background:#999; color:#fff; padding:0 10px; border-radius:3px}
/*页码*/
.pagination{height:40px;padding:50px 0px;float:right}
.pagination a{display:block;float:left;margin-right:10px;padding:2px 15px;height:30px;background:#fff;text-decoration:none;color:#808080;font-size:14px;line-height:30px; border-radius:4px}
.pagination a:hover{color:#f90;}
.pagination a.cur{background:#f90;color:#fff;}
.pagination p{float:left;padding:2px 12px;font-size:14px;height:30px;line-height:30px;color:#bbb;background:#fcfcfc;margin-right:8px; border-radius:4px}
/*文章内容*/
.content{ background:#fff; border-radius:10px; padding:0 100px; margin-top:20px}
.content .title{ margin:0 0 50px; padding:30px 0; border-bottom:1px solid #eee; overflow:hidden}
.content .title h1{ font-weight:300; font-size:30px; padding-bottom:20px; font-family:"Microsoft Yahei Light","Microsoft Yahei"}
.content .title li{ float:left; font-size:12px; padding:10px 30px 0 0; color:#bbb}
.content .dec{ margin:50px 0; background:#f8f8f8; color:#bbb; font-size:16px; padding:30px 60px; border-radius:6px}
.content .con{ padding:30px; line-height:2em; font-size:16px;text-align: justify; color:#666}
.content .con p{ padding:1em 0}
.content .con img{ width:100%; height:100%; margin:30px 0}
/*产品详情*/
.main1 .piclist{ position:fixed}
.proinfo{ float: right; width: 800px;}
.proinfo .title{ font-size:26px;  margin:30px 0}
.proinfo table {width: 100%;border-spacing: 0;border-collapse: collapse;border: 1px double rgba(211, 211, 211, 0.4);}
.proinfo table td {border: 1px solid transparent;}
.proinfo table td,.proinfo table th {min-width: 2em;padding: 0.8em;border-color: rgba(211, 211, 211, 0.4);}
.proinfo td span{ color: #565656;}
.proinfo .content{ padding:0}
.proinfo .content .con{ padding:0}
/* 关于我们 */
.bg1{ width:100%; padding:60px 0; background:#fff; overflow:hidden}
.about .us{ width:1200px; margin:0 auto}
.about .us .title{ float:left; margin:30px 60px 200px 0}
.about .us .title strong{ display:block; width:380px; text-align:right; font-size:62px; color:#f5f5f5; line-height:1}
.about .us .title em{ font-size:56px; color:#bbb; font-weight:700}
.about .cont{ margin-right:30px}
.about .cont h2{ font-size:20px; color:#333; margin:20px 0}
.about .cont p{ padding:10px 0; color:#999; line-height:1.8; text-align:justify}
.picture{ width:1200px; margin:auto; overflow:hidden}
.picture .title{ position:relative; display:block; width:100%; text-align:center}
.picture .title strong{ position:absolute; left:0; right:0; top:30px; font-size:42px; color:#f5f5f5}
.picture .title em{ position:relative; font-size:32px; color:#bbb; font-weight:700}
.picture ul{ padding:60px 0; overflow:hidden}
.picture ul li{ float:left; width:22%; margin:10px 1.5%; height:200px; background:#f5f5f5}
.picture ul li img{ width:100%; height:100%}

.topbg{ width:100%; height:340px; background:#000 url(../images/banner/bg.jpg) no-repeat center 100px}
.topbg:before{ content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,.7)}

.logos ul li{ float:left; width:12%; padding:50px 3.9%; text-align:center;}
.logos ul li img{ float:left; width:100%; height:80px; background:#ddd url(../images/logo2.png) no-repeat center; background-size:50%}

/*横机滚动*/
.Fcroll{ float:left; width:100%; padding-top:30px; position:relative; border-radius:6px;}
.Fcroll .prev,.Fcroll .next{ font-size:40px; color:#ddd; width:50px;height:45px; line-height:45px; margin-top:-10px; text-align:center; position:absolute;top:50%;left:-60px;z-index:1; cursor:pointer;}
.Fcroll .next{ left:auto; right:-55px;}
.Fcroll .prev:hover,.Fcroll .next:hover{ color:#2190ff}
.Fcroll .li span{ float:left; margin-right:50px}
.Fcroll .li span img{ width:400px; height:300px}
.Fcroll .li h3{ font-size:26px; font-weight:500; padding:30px 0}
.Fcroll .con .item{ float:left; width:30%; position: relative;  padding: 20px 0;}
.Fcroll .con .item .label{ float:left; width:100px; font-size: 16px; color: #999; margin-right: 20px;}
.Fcroll .con .item .text{ margin-left:120px; font-size: 16px;}

.HJscroll .wrap{padding-left:20px}
.HJscroll dl{float:left;width:260px;position:relative;padding:0; margin:20px 20px 20px 10px; overflow:hidden;}
.HJscroll dt{margin:0 auto;width:100%;}
.HJscroll dt img{ width:100%; height:270px; border-radius:6px}
.HJscroll dd{ height:40px; padding:10px; text-align:center; font-size:16px}
.HJscroll dd span{ display:block; color:#FF5722; font-size:16px }

/*公司相册*/
.album{width:100%; padding-top:20px}
.album .item{ float:left; width:380px; margin:0 20px 20px 0; text-align:center}
.album .item img{ width:380px; height:250px; border-radius:4px}
.album .item span{ display:block; font-size:16px; padding:10px 0 0}
.album .pic img{ float:left; margin:0 20px 20px 0; width:380px; height:240px; border-radius:4px; cursor:pointer}

/*软件*/
.soft ul{ border-left:1px solid #eee; border-top:1px solid #eee; overflow:hidden}
.soft ul li{ float:left; width:23.2%; padding:50px 5%; background:#fff; border-right:1px solid #eee; border-bottom:1px solid #eee}
.soft ul li span{ display:block; width:100%; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.soft ul li p{ text-align:justify; margin-top:20px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow:hidden;}
.soft ul li p i{margin-right:15px}
.soft ul li img{ float:left; margin-top:20px; width:100%; height:auto; background:#ddd url(../images/logo2.png) no-repeat center; margin-bottom: 15px;}
.soft.us ul li img{ width:205px; height:205px; margin:0 0 20px; border-radius:8px}

.no-data{width: 100%; padding:100px 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.no-data i{font-size: 46px; color:#aaa}
.no-data span{margin-top: 20px; color:#999}


.footer{width: 100%; background: #f2f2f2; padding:60px 0}
.footer .mauto{display: flex; justify-content: space-between;}
.footer .f-title{width: 100%; font-size: 20px; color:#222; margin-bottom: 15px;}
.footer .f-about{width: 300px;}
.footer .f-about .f-about-info{font-size:15px;}
.footer .f-about .f-sns a{display: inline-block; margin-right: 15px; margin-top: 15px;}
.footer .f-about .f-sns a .fa{font-size: 22px; color:#777}
.footer .f-about .f-sns a .fa:hover{color:#f60}
.footer .f-links{width: 350px;display: flex; justify-content: space-between;}
.footer .f-links ul li{width: 100%; line-height: 30px;}
.footer .f-links ul li a{color:#777; font-size: 15px;}
.footer .f-subscrite{width:300px}
.footer .f-subscrite p{font-size: 15px;}
.footer .f-subscrite .f-subscrite-form{width: 100%; height: 45px; background: #fff; border-radius: 25px; border:#eee solid 1px; overflow: hidden; margin-top: 30px;}
.footer .f-subscrite input{width: 228px; height: 100%; line-height: 45px; text-indent: 15px;}
.footer .f-subscrite button{width:60px; height: 30px; background: #f60; color:#fff; border:none; margin-top:7px; border-radius: 15px;}

@media screen and (max-width: 413px) {
}
@media screen and (max-width: 321px) {
}