@charset "utf-8";
body {min-width:320px; margin:0px; padding:0px; font-size:12px; font-family:'微软雅黑';}
ol,ul,li,dl,dt,dd,form,p,h1,h2,h3,h4,h5,img{ margin:0px; padding:0px;}
ol,ul,li{ list-style:none; padding:0; margin:0;}
img{ border:none;}
a{text-decoration:none; border:none; margin:0; padding:0;}
.clear{ clear:both;}
.st{font-family:"宋体"}
input,textarea{ outline:0; resize:none; border:none; _border:0; margin:0; padding:0;}
input{ margin:0; padding:0; border:none;}
.fl{ float:left; _display:inline;}
.fr{ float:right; _display:inline;}
.li_img {display:table; text-align:center;*position:relative;*overflow:hidden;}
.li_img a{display:table-cell; vertical-align:middle; text-align:center;*position:absolute;*left:50%;*top:50%;}
.li_img a img{*position:relative;*left:-50%; *top:-50%; vertical-align:middle; }
.last{margin-right:0;}
.header{width:100%; border-bottom:4px solid #c70005; height:93px; position:fixed; z-index:9999999999999999; background:#3e3e42;}
.top{width:1400px; margin:0 auto;}
.logo{width:20%;}
.nav{float:right; width:76%;}
.nav li{ width:10.5%;float:left;text-align:center;position:relative; margin-left:-3px; }
.nav li a{ width:100%;  display:block; margin:0 auto; font-size:15px; color:#fff; height:93px; line-height:93px;background:url(/images/nav_b.jpg) no-repeat right center; overflow:hidden; margin-left:2px;}
.nav li a:hover{ width:98%;background:url(/images/hover_02.jpg); background-size:100% 100%; color:#fff;}
.nav li:hover .ul_er{ display:block;}
.ul_er{position:absolute; z-index:9999;width:98%; left:2.5%; display:none;}
.ul_er li{width:100%; float:none;background:none;}
.ul_er li a{ width:100%;font-size:14px; color:#fff;background:#cf3034; height:36px; line-height:36px; border-top:1px dashed #ffd4d5;}
.ul_er li a:hover{background:#000 !important;width:100%;}
.nav_narrow{width:66px; float:right; margin: 20px 8% 0 0; display:none; position:relative; z-index:9999;}
.nav_narrow ul{display:none; width:90px; position:absolute; top:33px; right:0;}
#nav_narrow{background:#e9eaef;}
#nav_narrow li a{ display:block;color:#3d4457; text-align:center; font-size:14px; line-height:25px;}
#nav_narrow li a:hover{background:#c70005; color:#fff;}
.banner{width:100%; position:relative; margin-top:5%;}
.bann img{width:100%;}
.bnt01{ position:absolute; top:40%; left:8%;}
.bnt02{ position:absolute; top:40%; right:8%;}
.contents{width:100%; margin:0 auto;}
.content{width:1200px; margin:0 auto; margin-bottom:35px;}
.main_top{width:100%; font-size:14px; color:#fff; margin-top:25px;}
.about1{width:23.8%; position:relative; margin-right:1.6%;}
.about2{width:23.8%; position:relative; margin-right:1%;}
.title{position:absolute; bottom:6%; left:38%;}
.title a{ color:#FFF;}
.title1{position:absolute; bottom:-1%; left:8%;}
.title1 a{ color:#48484A;}
.more{ position:absolute; top:80%; right:0; width:26.9%;}
.pro{width:23.8%; position:relative; margin-right:1.6%;}
.APP{width:23.8%; position:relative; margin-right:1.6%;}
.video{width:23.8%; position:relative;}
.news{width:100%; margin-top:35px;}
.news_t{float:left; width:7.3%;}
.news ul{ width:92.7%;float:left; line-height:40px; border-bottom:1px dashed #d5d5d5;}
.news li{float:left; width:40%; margin-left:2%;height:40px; overflow:hidden;}
.news li a{ width:100%;background:url(/images/li_img.jpg) no-repeat left center;;color:#666; padding-left:2%;}
.news li span{float:right; margin-right:13%; color:#a6a6a6;}
.footer{width:100%; background:#3e3e42;}
.foot{width:1200px; margin:0 auto; color:#e1e1e1;}
.foot_l{width:55%; line-height:25px; margin-top:5px;}
.foot_l p{text-align:left;}
.foot_l p a{ color:#FFF; margin-right:5px;}
.foot_r{width:45%; margin:23px 0; line-height:25px;}
.foot_r a{ display:block; float:left;margin-right:1%;}
.product{width:100%; height:42px;  margin-top:5%; min-height:550px; height:550px;}
.product_t{width:1200px; margin:0 auto; position:relative; z-index:8999;}
.pro_t{float:left; font-size:16px; line-height:42px; margin-left:1%; width:40.5%;}
.pro_nav{ width:46%; height:42px;float:left;}
.pro_nav li{float:left; width:12.5%; text-align:center;}
.pro_nav li a{ width:100%; line-height:42px; display:block; color:#333;}
.pro_nav li a:hover{color:#8e8e8e;}
.yuyue{float:right; margin-top:7px;}
.nav_narrow1{width:66px; float:right; margin: 5px 22% 0 0; display:none;}
.nav_narrow1 ul{display:none; position:absolute; width:100%;top:42px; left:0;}
#nav_narrow1{background:#e1e2e6;}
#nav_narrow1 li{float:left; width:12.5%; text-align:center;}
#nav_narrow1 li a{display:block;color:#3d4457; text-align:center; font-size:14px; line-height:45px;}
#nav_narrow1 li a:hover{ color:#8e8e8e;}
.pro_ban{width:100%; background:#fff; position:relative;}
.pro_ban li{width:48%; float:left; margin:1%;}
.pro_ban img{width:100%;}
.pro_ban1{width:100%; background:#fff; position:relative; top:125px;}
.pro_ban1 img{width:100%;}
.pro_ban2{width:100%; background:#fff; position:relative; top:93px;}
.pro_ban2 img{width:100%;}
.a1{background:#000;}
.a2{background:#000;}
.a3{background:#000;}
.a4{background:#000;}
.a5{background:#000;}
.a6{background:#000;}
.a7{background:#000;}
.a8{background:#000;}
.side{position:absolute; top:38%; right:3%; z-index:99999;}
.side li a{width:50px;background:url(/images/side.png) no-repeat right center;display:block;
 height:12px; margin-top:5%; color:#7e7e7e;}
.side li span{ display:none;}
.side li a:hover span{display:block; text-align:right; margin-right:15px;}
.side li.on{background:url(/images/side_a.png) no-repeat right center;}
.side li.on a{ background:none;}
.prolist{width:100%; height:52px; background:url(/images/xl.png) repeat; position:absolute; z-index:9999;}
.prolist_t{width:1200px; margin:0 auto; position:relative; z-index:9999;}
.list_t{float:left; font-size:16px; line-height:52px; margin-left:1%; width:40.5%;}
.list_nav{ width:46%; height:52px;float:left;}
.list_nav li{float:left; width:10%; text-align:center;}
.list_nav li a{ width:100%; line-height:52px; display:block; color:#333;}
.list_nav li a:hover{color:#8e8e8e;}
.prolist .yuyue{margin-top:11px;}
.nav_narrow2{width:66px; float:right; margin: 12px 22% 0 0; display:none;}
.nav_narrow2 ul{display:none; position:absolute; width:100%;top:51px; left:0;}
#nav_narrow2{background:#f8f8fa;}
#nav_narrow2 li{float:left; width:12.5%; text-align:center;}
#nav_narrow2 li a{display:block;color:#3d4457; text-align:center; font-size:14px; line-height:45px;}
#nav_narrow2 li a:hover{ color:#8e8e8e;}
.footer1{width:100%; background:#3e3e42; position:absolute; bottom:0px;}
.foot{width:1200px; margin:0 auto; color:#e1e1e1; font-size:12px;}
.foot_l{width:55%; line-height:25px; margin-top:5px;}
.foot_l p{text-align:left;}
.foot_r{width:45%; margin:23px 0; line-height:25px;}
.foot_r a{ display:block; float:left;margin-right:1%;}
.center{width:100%; background:#fcfcfc; margin-top:5%;}
.aboutUs{width:1200px; margin:0 auto;}
.aboutUs_t{width:100%; text-align:center; padding-bottom:55px;}
.aboutUs_t span{width:100%;display:block; font-size:38px; color:#333; padding-top:45px; margin-bottom:20px;}
.aboutUs_t ul{width:61%; margin:0 auto;}
.aboutUs_t li{float:left; width:25%; text-align:center; line-height:25px;background:url(/images/about_b.jpg) no-repeat right center;}
.aboutUs_t li a{color:#666; font-size:20px;}
.aboutUs_t li a:hover{color:#b2b2b2;}
.aboutUs_t li a.cur{color:#000000;}
.company_tt{width:100%; margin-top:97px;}
.company_tt img{ width:100%; height:100%;}
.company{width:100%; min-height:480px; _height:480px;}
.company_t{width:100%; height:40px; line-height:40px;border-bottom:1px solid #eaeaea; text-align:center;}
.company_t span{font-size:26px; color:#666;}
.company img{ margin:40px 0;}
.company p{color:#666; font-size:16px; line-height:25px; margin-bottom:25px; margin:2% 0;}
.company1{width:100%; min-height:480px; _height:480px;}
.company1_t{width:100%; height:40px; line-height:40px;border-bottom:1px solid #eaeaea; text-align:center;}
.company1_t span{font-size:26px; color:#666;}
.company1 p{color:#666; font-size:14px; line-height:25px; margin-bottom:25px; margin:2% 0;}
table {border-collapse:collapse;border-spacing:0;}
td,th {padding:0;}
.clear:before,.clear:after {content:"";display:table;}
.clear:after {clear:both;}
.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:97%; margin:20px auto;padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left; float:left;}
.form-div input[type="text"], .form-div input[type="password"], .form-div input[type="email"]{width:80%; margin:10px; line-height:20px; font-size:16px;}
.form-div textarea{width:100%; margin:10px; line-height:20px; font-size:16px;}
.form-div select{width:80%; margin:10px; line-height:20px; font-size:16px;}
.form-div input[type="checkbox"]{margin:20px 0 20px 10px;}
.form-div input[type="button"],.form-div input[type="submit"],.form-div input[type="reset"]{margin:10px 0 0 0;}
.form-div table{margin:0 auto; text-align:right; color:rgba(64,64,64,1.00);}
.form-div table img{vertical-align:middle; margin:0 0 5px 0;}
.footer{color:rgba(64,64,64,1.00); font-size:12px; margin-top:30px;}
.form-div .buttons{text-align:center;}
input[type="text"], input[type="password"], input[type="email"] {border-radius:8px;box-shadow:inset 0 2px 5px #eee; padding:10px; border:1px solid #D4D4D4;color:#333333; margin-top:5px;}
textarea{border-radius:8px;box-shadow:inset 0 2px 5px #eee; padding:10px; border:1px solid #D4D4D4;color:#333333; margin-top:5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {border:1px solid #50afeb;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] { padding:7px 15px; background-color:#3c6db0;text-align:center;border-radius:5px;overflow:hidden;min-width:80px;border:none;color:#FFF;box-shadow:1px 1px 1px rgba(75,75,75,0.3);}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {background-color:#5a88c8;}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { background-color:#5a88c8;}
.news_list{ width:100%; margin:0 auto; padding:1% 0; border-bottom:dashed 1px #c3bfbf;}
.news_list div.li_img{ float:left;}
.news_list div.li_img a img{ display:block; border:solid 1px #d9d9d9; margin:1% auto; width:100%;}
.news_list div.li_con{ float:right; width:70%;}
.news_list div.li_con span{ display:block; padding-bottom:17px;}
.news_list div.li_con span a{ font-size:16px; color:#9b9999}
.news_list div.li_con p{ color:#9b9999;}
.news_list div.li_con label{ color:#9b9999;}
.form-div1{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:97%; margin:20px auto; padding:30px 35px 20px 0; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3); text-align:left; float:left;}
.form-div1 input[type="text"], .form-div1 input[type="password"], .form-div1 input[type="email"]{width:80%; margin:10px; line-height:20px; font-size:16px;}
.form-div1 textarea{width:100%; margin:10px; line-height:20px; font-size:16px;}
.form-div1 input[type="checkbox"]{margin:20px 0 20px 10px;}
.form-div1 input[type="button"],.form-div1 input[type="submit"],.form-div1 input[type="reset"]{margin:10px 0 0 0;}
.form-div1 table{margin:0 auto; text-align:right; color:rgba(64,64,64,1.00);}
.form-div1 table img{vertical-align:middle; margin:0 0 5px 0;}
.footer{color:rgba(64,64,64,1.00); font-size:12px; margin-top:30px;}
.form-div1 .buttons{text-align:center;}
.about{ width:100%; max-width:1200px; margin:27px auto; _height:400px; min-height:400px}
.about li{ float:left; margin-right:1%; width:32%;}
.about li .li_img{ width:100%; border:1px solid #000 }
.about li span{ font-size:14px; text-align:center; display:block; width:100%; margin-top:14px; margin-bottom:23px;}
.about li span a{ color:#666666;}
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left;}
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer;}
.owl-controls{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.grabbing { cursor: url(/images/grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
#owl-demo .item {}
#owl-demo .item img { display: block; width: 100%; height: auto; }
.owl-theme .owl-controls {text-align: center;}
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; *display: inline;
margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50); opacity: 0.5; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1; }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading { min-height: 150px; background: url(/images/AjaxLoader.gif) no-repeat center center }
.video_show{width:480px; height:400px;}/* i i s 7.c o m */