@charset "gb2312";

/* CSS Document */

html, body { font-size: 12px; margin: 0px; padding: 0px; text-decoration: none; font-family: "΢ÈíÑźÚ"; background: #cdcdcd; text-align: center; -webkit-text-size-adjust: none; }

a { color: #666; text-decoration: none; outline: none; }

a:hover, a:active { color: #0089E1; }

table { border-collapse: collapse; }

ul, li { list-style-type: none; overflow: hidden; }

form { margin: 0px; }

img { border: 0px; text-align-last: center; vertical-align: middle; }

#clear, .clear { clear: both; }

#top { position: fixed; left: 0px; top: 0px; z-index: 1001; width: 100%; height: 70px; margin: 0px auto; background: url(../images/top_bg.jpg) repeat-x top center; }

#top .logo { text-align: center; height: 70px; margin: 0px auto; }

#top .logo img { margin-top: 20px; }

#top .tel { left: 20px; top: 25px; position: absolute; }

#top #menu { right: 20px; top: 25px; position: absolute; }

#relative { position: fixed; width: 100%; top: 60px; left: 0; height: 0px; z-index: 1002; }

#fixed { position: fixed; right: 10px; bottom: 10px; z-index: 999; }

#fixed a { display: block; margin: 5px 0px; opacity: 0.4; }

#fixed a:hover { opacity: 0.8; }

#menuson { display: none; width: 100%; margin: 0px auto; position: absolute; z-index: 99; top: 0px; left: 0px; }

#menuson .arr { opacity: 0.8; width: 100%; height: 9px; position: relative; }

#menuson .arr img { position: absolute; right: 22px; }

#menuson .hover { padding: 10px 0px; background: rgba(0,0,0,0.8); }

#menuson .hover a { display: inline-block; width: 80px; height: 80px; border: 2px solid #515151; border-radius: 5px; font-size: 13px; color: #fff; text-align: center; margin: 5px; }

#menuson .hover a div { display: table-cell; vertical-align: middle; text-align: center; width: 80px; padding: 10px 0px 5px 0px; }

#menuson .hover a img { vertical-align: middle; }

#menuson .hover a:hover { background: #ff9900; border: 2px solid #ff9900; }

#menuson .search { background: rgba(0,0,0,0.8); padding: 0px 5% 20px 5%; width: 90%; margin: 0px auto; text-align: center; }

#menuson .search #keyss { background: none; border: 0px; width: 90%; height: 20px; line-height: 20px; -webkit-appearance: none; }

#menuson .search #go { margin: 0px; background: none; border: 0px; height: 24px; line-height: 24px; font-size: 12px; cursor: pointer; padding: 0px 7px; -webkit-appearance: none; }

#main { width: 90%; margin: 0px auto; }

.product { margin: 5px auto; }

.product h3 { display: block; background: url(../images/line.jpg) repeat-x; background-position: center center; }

.product h3 strong { display: inline-block; background: #fff; padding: 0px 15px; }

.product h3 SPAN { display: block; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #ccc; }

.product .con { width: 100%; margin: 0px auto; position: relative; }

.product #scrollPro_l { position: absolute; cursor: pointer; left: -10px; top: 35px; z-index: 99; }

.product #scrollPro_r { position: absolute; cursor: pointer; right: -10px; top: 35px; z-index: 99; }

.product #scrollPro { display: block; width: 290px; height: 150px; overflow: hidden; margin: 0px auto; }

.product #scrollPro_s li { float: left; display: block; width: 90px; height: 150px; text-align: center; margin-right: 10px; }

.product #scrollPro_s li a { display: inline-block; text-align: center; width: 90px; height: 150px; font-size: 12px; overflow: hidden; background: #fff; }

.product #scrollPro_s li a img { border: 3px solid #fff; }

.product #scrollPro_s li a span { border: 1px solid #ddd; display: block; margin-bottom: 5px; }

.news { margin: 5px auto; }

.news h3 { display: block; background: url(../images/line.jpg) repeat-x; background-position: center center; }

.news h3 strong { display: inline-block; background: #fff; padding: 0px 15px; }

.news h3 SPAN { display: block; font-size: 11px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #ccc; }

.news .list a { display: block; padding: 5px 0px; text-align: left; }

.news .list a img { margin: 0px 3px; }

.news .list span { color: #ccc; float: right; }

#location { width: 90%; margin: 0px auto; text-align: left; padding: 90px 0px 10px 0px; color: #666; }

#page { width: 90%; margin: 0px auto 30px auto; text-align: left; padding: 10px 0px; color: #666; }

#about { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; padding: 10px 5%; color: #666; line-height: 18px; }

#about img { width: 100%; display: block; padding: 10px 0px; border-bottom: 1px dotted #ddd; }

#contact { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; padding: 10px 5%; color: #666; line-height: 18px; }

#contact .map { width: 100%; overflow: hidden; }

#contact img { width: 100%; display: block; padding: 10px 0px; }

#contact .text { border-top: 1px dotted #ddd; margin: 20px auto; line-height: 21px; }

#contact .text h2 { color: #333; }

#solution { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; padding: 10px 5%; color: #666; line-height: 18px; }

#solution h2 { color: #009329; padding: 0px; }

#solution h5 { display: block; color: #555; font-family: Arial, Helvetica, sans-serif; }

#solution img { width: 100%; display: block; padding: 20px 0px; }

#search { background: #b2b2b2; width: 80%; margin: 0px auto; text-align: left; padding: 10px 5%; color: #666; overflow: hidden; }

#search form { background: #fff; border: 1px solid #fff; border-radius: 5px; width: 230px; margin-right: 20px; }

#search #keys { background: none; border: 0px; font-family: "΢ÈíÑźÚ"; font-size: 12px; color: #998; float: left; padding-left: 10px; width: 80%; text-align: left; -webkit-appearance: none; height: 22px; line-height: 22px; }

#search #go { background: url(../images/go.png) no-repeat center center; padding: 0px 15px; border: 0px; float: left; cursor: pointer; text-align: left; font-size: 0px; height: 26px; line-height: 26px; }

#search .sear { float: left; height: 25px; }

#search .statistics { float: left; color: #fff; font-size: 12px; height: 25px; line-height: 25px; }

#product { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; padding: 10px 5%; color: #666; overflow: hidden; }

#product .list { width: 100%; margin: 0px auto; text-align: left; }

#product .list a { display: block; padding: 15px 0px; border-bottom: 1px solid #ddd; }

#product .list .img { float: left; width: 80px; text-align: left }

#product .list .img span { display: inline-block; border: 1px solid #ddd; }

#product .list .img img { width: 92%; border: 3px solid #fff; }

#product .list .con { float: right; text-align: left; color: #999; width: 65%; }

#product .list .con h2 { font-size: 12px; color: #0089E1; padding: 5px 0px; margin: 0px; }

#news { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; padding: 10px 5%; color: #666; overflow: hidden; }

#news .list { width: 100%; margin: 0px auto; text-align: left; }

#news .list a { display: block; background: #fff; margin: 15px auto; padding: 10px 0px; border-bottom: 1px dotted #ddd; }

#news .list .title { font-size: 14px; font-weight: bold; padding: 5px 0px; }

#news .list .time { color: #ccc; font-size: 11px; }

#news .list .img { padding: 5px 0px; }

#news .list .text { font-size: 12px; line-height: 18px; padding: 5px 0px; color: #999; }

#news .list .more { display: block; padding: 5px 0px; color: #0089E1; }

#news .list a:hover .more { text-decoration: underline; }

#case { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; padding: 10px 5%; color: #666; overflow: hidden; }

#case .list { width: 100%; margin: 0px auto; text-align: left; }

#case .list a { display: block; background: #fff; margin: 15px auto; padding: 10px 0px; border-bottom: 1px dotted #ddd; }

#case .list a img { width: 100% !important; }

#case .list .title { background: #eee; padding: 5px; text-align: left; }

#case .list a:hover .title { background: #0089E1; color: #fff; }

#view { width: 80%; background: #fff; margin: 0px auto 30px auto; box-shadow: 0px 1px 3px #999; text-align: left; font-family: "΢ÈíÑźÚ"; padding: 10px 5%; color: #666; overflow: hidden; }

#view .title { width: 100%; margin: 5px auto; padding-top: 10px; font-size: 16px; font-weight: bold; text-align: center; }

#view .title_case { width: 92%; margin: 0px auto; padding: 10px 4%; font-size: 16px; font-weight: bold; text-align: left; background: #0089E1; color: #fff; }

#view .time { width: 100%; margin: 0px auto; font-size: 11px; color: #999; padding: 5px 0px 10px 0px; text-align: center; border-bottom: 1px solid #eee; }

#view .showimg { width: 100%; background: #fff; height: 320px; margin: 15px auto; font-size: 11px; color: #999; }

#view .showimg #pro_img { margin: 0px auto; border: 0px; }

#view .showimg #pro_focus_list { margin: 10px auto !important; padding: 0px !important; }

#view .text { background: #fff; width: 100%; margin: 0px auto; font-family: "΢ÈíÑźÚ"; font-size: 12px; line-height: 18px; color: #555; padding: 10px 0px; text-align: left; }

#view .text p { margin-bottom: 10px; }

#view .tags { background: #fff; width: 100%; margin: 0px auto; padding: 10px 0px; }

#view .tags .tags_title { width: 100%; text-align: left; color: #333; margin: 0px auto; }

#view .tags .tags_content { width: 100%; text-align: left; color: #333; margin: 0px auto; overflow: hidden; line-height: 14px !important; color: #666; padding: 10px 0px; }

#view .tags .tags_content img { width: 100%; }

#view .tags .tags_content table { border-top: 1px solid #eee; border-left: 1px solid #eee; }

#view .tags .tags_content td { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }

#view .img { margin: 5px auto 0px auto; }

#view .img img { width: 100% !important; height: auto !important; display: block; margin: 0px auto; }

#view table{ width:100% !important;}

#view .text img { width: 100% !important; height: auto !important; display: block; margin: 10px auto; }

#view .url { width: 100%; margin: 20px auto 10px auto; }

#view .url a { display: block; padding: 5px 0px; text-align: center; color: #fff; background: #ff9900; }

#view .url a:hover { opacity: 0.8; }

#view .url a img { margin: 0px 5px; }

#quick { width: 100%; padding: 30px 0px; background: #e6e6e6; margin: 20px auto 0px auto; }

#quick a { display: inline-block; width: 30%; text-align: center; font-size: 14px; font-weight: 600; color: #444; }

#quick a span { display: block; height: 46px; width: 46px; overflow: hidden; margin: 0px auto 5px auto; }

#quick a img { display: block; vertical-align: middle; }

#quick a:hover { color: #0089E1; }

#quick .qu-about { background: url(../images/separator_line.jpg) no-repeat; background-position: center right; }

#quick .qu-product { background: url(../images/separator_line.jpg) no-repeat; background-position: center right; }

#boot { width: 100%; line-height: 18px; background: #262626; padding: 10px 0px; margin: 0px auto; font-size: 12px; text-align: center; color: #a3a3a3; }

#boot a { color: #666; display: inline-block; margin-left: 10px; }

#boot a:hover { text-decoration: underline; color: #a3a3a3; }

/* Browser Resets

*********************************/

.flex-container a:active, #flexslider a:active, .flex-container a:focus, #flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* Icon Fonts

*********************************/

/* Font-face Icons */

@font-face { font-family: 'flexslider-icon'; src: url('fonts/flexslider-icon.eot'); src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; }

/* FlexSlider Necessary Styles

*********************************/

#flexslider { width: 100%; margin: 0px auto; padding-top: 70px; }

#flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */

#flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */

.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme

*********************************/

#flexslider { margin: 0; background: #fff; position: relative; zoom: 1; max-height: 500px; overflow: hidden; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 400px; }

#flexslider .slides { zoom: 1; }

.carousel li { margin-right: 5px; }

/* Direction Nav */

.flex-direction-nav { *height: 0;

}

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }

.flex-direction-nav .flex-prev { left: -50px; }

.flex-direction-nav .flex-next { right: -50px; text-align: right; }

#flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }

#flexslider:hover .flex-next { opacity: 0.7; right: 10px; }

#flexslider:hover .flex-next:hover, #flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; }

.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }

.flex-direction-nav a.flex-next:before { content: '\f002'; }

/* Pause/Play */

.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 10px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */

.flex-control-nav { width: 100%; position: absolute; bottom: 0px; padding: 10px 0px; text-align: center; z-index: 1000; background: rgba(0,0,0,0.7); }

.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1;  *display: inline;

}

.flex-control-paging li a { width: 12px; height: 12px; display: block; background: #ccccce; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }

.flex-control-paging li a:hover { background: #0089E1; }

.flex-control-paging li a.flex-active { background: #0089E1; cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: 0.7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

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

.flex-direction-nav .flex-prev { opacity: 1; left: 10px; }

.flex-direction-nav .flex-next { opacity: 1; right: 10px; }

}