@CHARSET "UTF-8";
/* =======================================================================
   Code for Small Cloud
   Vision : v1.0
*/

/*IE ScrollBar*/
html,body { -ms-overflow-style: scrollbar; }

/*Body backgroud*/
body { background: rgba(238,238,238,1); }

/*Font Style*/
body,button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei, simsun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

/*Form Default Style*/
input:focus, textarea:focus { outline: none; }

/*Head Style*/
.head { background: rgba(255,255,255,1); padding-top: 15px; padding-bottom: 10px; }

.head-tel { padding-top: 30px; padding-bottom: 5px; font-size: 12pt; }
.head-tel-num { color: #ff9500; }

.head-search-box { height: 30px; width: 250px; border: 1px solid #ECECEC; padding-left: 6px; padding-right: 6px; line-height: 26px; font-size: 9pt; 
                   transition: border 1s;
                   -moz-transition: border 1s;
                   -webkit-transition: border 1s;
                   -o-transition: border 1s; }
.head-search-box:focus { border: 1px solid #111111; }

.head-search-btn { width: 50px; background: url(../images/head_search.png) no-repeat center center #222222; border: none; 
                   padding-top: 5px; padding-bottom: 5px; }

/*Nav Style*/
.nav-box-bg { height: 50px; background: #111111; }
.nav-box { padding-left: 30px; padding-right: 30px; font-size: 12pt; overflow: hidden; }
.nav-box a { padding: 14px 29px; float: left; color: #FFF;
             transition: background 0.5s;
             -moz-transition: background 0.5s;
             -webkit-transition: background 0.5s;
             -o-transition: background 0.5s; }
.nav-box a:hover { background: rgba(249,136,6,1); text-decoration: none; }
.nav-box-on { background: rgba(249,136,6,1); }

/*Banner Style*/
.banner { width:100%; position:relative; height:450px; background:#069185; overflow:hidden;}
.banner .bd { margin:0 auto; position:relative; overflow:hidden; }
.banner .bd ul { width:100% !important; }
.banner .bd li { width:100% !important; height:450px; overflow:hidden; text-align:center; }
.banner .bd li a { display:block; height:550px; }
.banner .hd { width:100%; position:absolute; z-index:6; bottom:0; left:0; height:30px; line-height:30px; top:405px; }
.banner .hd ul { text-align:center; }
.banner .hd ul li { cursor:pointer; display:inline-block; *display:inline; zoom:1; width:50px; height:14px; margin:2px; overflow:hidden; background:#000; filter:alpha(opacity=50); opacity:0.5; line-height:999px; }
.banner .hd ul .on { background:#ff4200; }

/*Index Style*/

/*=== Product ===*/
.index-pro-cat { padding: 0; margin: 0; }
.index-pro-cat-title { height: 75px; background: url(../images/ico_index_prc_title.png) no-repeat 0 0 #333333; padding: 10px 30px; 
                       font-size: 18pt; color:#FFF; }
.index-pro-cat-title span { display: block; font-size: 9pt; color:#ccc
  ; }
.index-pro-cat-list { height: 465px; overflow: hidden; background: rgba(34,132,141,1); }
.index-pro-cat-list-text { background: #666; padding: 10px 0; }
.index-pro-cat-list a { display: block; padding: 9px; text-decoration: none; color: #FFF;
                        transition: all 0.5s;
                        -moz-transition: all 0.5s;
                        -webkit-transition: all 0.5s;
                        -o-transition: all 0.5s;}
.index-pro-cat-list a:hover { background: #ff9500; color:#ffffff; }
.index-pro-cat-list-ico { padding: 10px; font-family: SimSun; }
.index-pro-cat-list-line-1 { display: block; height: 1px; margin:0 10px;}
.index-pro-cat-list-line-2 { display: block; height: 1px; background: #999; margin:0 10px;}
.index-pro-list { background: rgba(255,255,255,1); }
.index-pro-list-line { height: 1px; background: rgba(222,222,222,1); position: relative; top: 30px; }
.index-pro-list-title { background: rgba(255,149,0,1); margin-top: 15px; padding: 0; text-align: center; line-height: 30px; font-size: 12pt; color:#FFF; }
.index-pro-list-title a { color: #FFF; }
.index-pro-list-content { padding-top: 31px; }
.index-pro-list-box { padding:5px 10px; }
.index-pro-list-img { border: 2px solid #ECECEC; padding: 5px; height:calc(width);
                      transition: border 1s;
                      -moz-transition: border 1s;
                      -webkit-transition: border 1s;
                      -o-transition: border 1s; }
.index-pro-list-img:hover { border: 2px solid #04B3B1; }
.index-pro-list-text { margin-top: 5px; }
.index-pro-list-text a { color:#666; }

/*=== About ===*/
.index-about-box { padding: 15px; background: rgba(255,255,255,1); margin-top: 20px; }
.index-about-title { background: #333333; position:relative; float: left; line-height: 30px; font-size: 12pt; color: #FFF; }
.index-about-title:before { content:""; display:block; width:0; background:transparent; position:absolute; top:0; right: 0;
                            border-width:0 8px 8px 0; border-color:#fff #fff transparent transparent; border-style:solid; }
.index-about-subhead { margin-left: 15px; line-height: 35px; font-size: 9pt; font-weight: 500; color:#f98806; }
.index-about-more { line-height: 30px; font-size: 9pt; color: #444; }
.index-about-more a { color: #444; }
.index-about-line { height: 2px; background: #333333; margin-top: -5px; }
.index-about-content { padding: 20px 0px 10px 0px; text-indent:30px; }
.index-about-img { padding: 20px 10px 10px 10px; }

/*=== Equipment ===*/
.index-equ-box { padding: 0 0 0 30px; margin-top: 20px; }
.index-equ-title { height: 40px; background: url(../images/ico_index_prc_title.png) no-repeat 0 -15px #333; padding-left: 30px;
                   line-height: 40px; font-size: 12pt; color:#FFF; }
.index-equ-more { padding-right: 10px; line-height: 40px; font-size: 9pt; }
.index-equ-more a { color: #FFF; }
.index-equ-img-box { background: rgba(255,255,255,1); }
.index-equ-img-box a { color: #FFF; }
.index-equ-img-box>.item>img { width: 235px; height: 198px; }
.index-equ-img-content { width: 255px; height: 218px; padding: 10px; }
.index-equ-text { bottom: -20px; }
.index-equ-text a { background: rgba(0,0,0,0.3); color: #FFF; padding: 0 10px; }

/*=== News List Style ===*/
.index-news-box { padding: 15px; background: rgba(255,255,255,1); margin-top: 20px; }
.index-news-left { padding-left: 0; padding-right: 5px; }
.index-news-right { padding-left: 5px; padding-right: 0; }
.index-news-list-box { padding: 10px; border: 1px solid #ECECEC; }
.index-news-list-content { margin: 10px 5px; }
.index-news-list-content a { display: block; text-decoration: none; font-size: 10pt; color: #666; }
.index-news-list-content a:hover { color:#f98806; }
.index-news-list-time { font-size: 9pt; }

/*=== Contact Style ===*/
.index-contact-title-small { margin-left: 5px; font-size: 9pt; color: #ff9500; }
.index-contact-title-ico { margin-top: 8px; }
.index-contact-content { background: #666; padding: 10px 10px 10px 30px; line-height: 25px; font-size: 10pt; color: #FFF; }
.index-contact-content-qrcode { text-align: center; padding-top: 5px; }

/*Foot Style*/
.foot { background: #333; margin-top: 20px; padding: 10px; line-height: 40px; font-size: 9pt; color:#fff; }
.foot a { color:#fff; text-decoration: none; }
.foot a:hover { color:#ff9500; }

/*Page About Style*/
.page-banner { padding: 0; }
.page-left { padding-left: 0; padding-right: 0; }
.page-left-title { background: #333; padding: 20px 30px; text-align: center; font-size: 18pt; font-weight: 700; letter-spacing:3px; color: #FFF; }
.page-left-title span { display: block; font-size: 10pt; font-weight: normal; letter-spacing:0px; color:#ccc; }
.page-left-list { background: rgba(246,250,250,1); border: 1px solid #DDD; border-bottom: none; text-align: center; }
.page-left-list a { display: block; border-bottom: 1px solid #DDD; padding: 5px; line-height: 35px; text-decoration: none; color: #666; }
.page-left-list a:hover { background: #eee; color:#f98806; }
.page-left-list-ico { visibility: hidden; margin-right: 25px; line-height: 35px; }
.page-left-list a:hover .page-left-list-ico { visibility: visible; }
.page-right { background: rgba(255,255,255,1); padding-left: 0; padding-right: 0; }
.page-right-title { background: #333; padding: 5px 5px 5px 60px; line-height: 40px; font-size: 16pt; color: #fff;}
.page-right-title span { font-size: 8pt; color: #FFFAA6; }
.page-right-title span a { text-decoration: none; color: #f98806; }
.page-small-link { margin-right: 10px; font-size: 10pt; }
.page-right-content { padding: 60px;}
.page-right-content p{ font-size: 11pt;}
.page-share { margin-top: 20px; }

/*Product Style*/
.pro-left-list-text { text-align: left; }
.pro-left-list-ico { margin-left: 20px; margin-right: 5px; }
.pro-list-right { padding: 20px 45px; }
.pro-list-right-img-box { max-height: 226px; max-width: 226px; border: 5px solid #ECECEC; padding: 0; }
.pro-list-right-img-box:hover { border: 5px solid #ff9500; }
.pro-list-right-img { min-height: 216px; min-width: 216px; }
.pro-view { color:#666; }
.pro-view-title { font-size: 18pt; text-align: center; color: #ff9500;}
.pro-view-img { height: auto; width: auto; border: 5px solid #ff9500; margin-top: 20px; }
.pro-view-content { padding: 35px; color: #666; }
.pro-view-content-title { background: rgba(238,238,238,1); padding: 10px 20px; }
.pro-view-content-subhead { font-size: 9pt; color: #AAA; }
.pro-view-content-ico { margin-top:3px; }
.pro-view-content-text { padding: 20px 15px 0 30px; }



/*Photo Style*/
.photo-view-pages { margin-top: 50px; }

/*Paging Style*/
.paging { display: block; margin-top: 30px; padding-bottom: 10px; text-align: center; color: #666; }
.paging a { color: #666; }
.paging a:hover { color: #28B8C6; }
.paging-first { padding-right: 30px; }
.paging-last { padding-left: 30px; }
.paging-prev { padding-right: 15px; }
.paging-next { padding-left: 15px; }
.paging-num { color: #28B8C6; }

/*News Style*/
.news-title a { color: #FFF; text-decoration: none; }
.news-list { padding-top: 30px; padding-bottom: 30px; }
.news-list-box { line-height: 40px; color:#999;}
.news-list-box a { display: block; border-bottom: 1px dashed #E3E3E3; margin-left: 30px; margin-right: 30px; color:#666; text-decoration: none; }
.news-list-box a:hover { color:#ff9500; }
.news-view-title { line-height: 40px; text-align: center; font-size: 14pt; color: #ff9500; }
.news-view-time { background: rgba(238,238,238,1); line-height: 35px; text-align: center; color:#888; }
.news-view-content { padding-top: 30px; padding-bottom: 30px; }
.news-share { margin-bottom: 20px; }

/*Message Style*/
.message-box { padding-bottom: 20px; }
.message-content { background: rgba(248,248,248,1); border: 1px solid #E3E3E3; margin: 60px; padding: 10px 20px; }
.message-content-notice { border-bottom: 1px dashed #E3E3E3; line-height: 30px; color:#FF0000; }
.message-content-title { border-bottom: 1px dashed #E3E3E3; line-height: 30px; font-size: 11pt; font-weight: 600; }
.message-content-means { border-bottom: 1px dashed #E3E3E3; margin-top: 10px; padding-bottom: 10px; line-height: 20px; font-size: 10pt; }
.message-content-tab { color: #FF0000; margin-right: 5px; }
.message-content-means input { height: 25px; width:120px; padding: 5px; }
.message-content-means input:focus { border: 1px solid #04B3B1; }
.message-content-means select { height: 25px; width:120px; }
.message-content-text { margin-bottom: 10px; }
.message-content-text-title { display: block; padding-left: 15px; padding-right: 15px; line-height: 30px; font-size: 10pt; }
.message-content-text textarea { width:100%; height: 100px; }
.message-content-text textarea:focus { border: 1px solid #04B3B1; }
.message-content-code { padding-left: 15px; padding-right: 15px; line-height: 30px; font-size: 10pt; }
.message-content-code>input { height: 25px; width: 80px; line-height: 25px; margin-right: 10px; padding: 2px; }
.message-content-code>input:focus { border: 1px solid #04B3B1; }
.message-content-button input { height: 30px; width:80px; float: left; background: rgba(34,132,141,1); border: none; margin: 0 10px; color: #FFF; }
/*固定的悬浮窗*/
.yb_conct {
  position: fixed;
  z-index: 9999999;
  top: 200px;
  right: -127px;
  cursor: pointer;
  transition: all .3s ease;
}
.yb_bar ul li {
  width: 180px;
  height: 53px;
  font: 16px/53px 'Microsoft YaHei';
  color: #fff;
  text-indent: 54px;
  margin-bottom: 3px;
  border-radius: 3px;
  transition: all .5s ease;
  overflow: hidden;
}
.yb_bar .yb_top {
  background: #ff4a00 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
  background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
  text-indent: 0;
  background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
  /*height:200px;*/

  background: #ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
  padding: 0 29px 25px 29px;
}
.yb_QQ a {
  display: block;
  text-indent: 54px;
  width: 100%;
  height: 100%;
  color: #fff;
}