@charset "UTF-8";
 
body {
  font-family: "微软雅黑",'helvetica','arial';
  font-weight: normal;
  font-style: normal;
}

body, div, ul, li,h1, h2, h3, h4, p, span{margin:0;padding:0;}
img{border:0;}
li{list-style:none;}
ul, li, ol { list-style: none;}
body{font-size:15px; line-height:20px;color:#333;background:#fff;
  font-family: "微软雅黑",'helvetica','arial';
  font-weight: normal;
  font-style: normal;
}

a{color:#03234b;text-decoration:none;}
a:hover{text-decoration:none;color:#3CB4E6;}
h3{line-height: 24px;}
.top{width: 100%; padding:6px 0; height: 85px;display: inline-table;}
.top .logo{ float:left; width: 92px;margin-top: 9px;}
.top .wx{  width:132px; height:37px; float:right; margin:15px 11px 0px 0px; position:relative; z-index:10;}
.wx .ewm{ width:142px; height:auto; position:absolute; top:40px; display:none;}
.top .wx:hover .ewm{ display:block; }
.top_search{ float:right; width: 280px; margin: 25px 20px 0px 0px;}
.top_search .search_bar{ width:200px; height: 35px; border: 1px solid #ccc; float: left;background: #fff; padding: 0 4px;}
.top_search .sarech_button{ width:60px; height: 35px; border: none; border: 1px solid #ccc;  padding: 0; margin-left: -1px;    background: url(/stpower/images/top_search.jpg) no-repeat 20px 8px #fff;
    cursor: pointer;}
.top_wechat{float: right;}

#rightCarousel .carousel-indicators{bottom: -30px;}
#rightCarousel .carousel-indicators .active{background-color: #3cb4e6;}
#rightCarousel .carousel-indicators li{background-color: rgb(255, 255, 255); border: 1px solid #3cb4e8;}

.main{ width:1200px; margin:15px auto; clear:both; overflow:hidden;}
.left_content{ width:810px; float:left;}
.right_content{ width:350px; float:right;}
.title{ height:44px; line-height:44px; padding:0 12px; background:#3CB4E6; font-size:18px; font-weight:normal; color: #fff;}
.title .more{ float:right; width:58px; height:25px; line-height:25px; text-align:center; color:#03234b; background:#fff; border-radius:25px; margin-top:10px; font-size:13px; font-weight:normal;}
.title .more:hover{ color:#3CB4E6;}
.index_product_list{ }
.index_product_list ul li{ padding-bottom:12px; margin-top:12px; border-bottom:1px solid #eaeaea; position: relative;width: 100%;display: flex !important; }
.index_product_list ul li .new-icon{ width: 44px; height: 48px;  position: absolute;  top: 0px;  left:115px;}
.index_product_list ul li .cover_img{ width:160px; height:108px; margin-right: 20px;border:1px solid #efefef;}
.index_product_list ul li .cover_right{}
.index_product_list ul li .cover_right h3{ font-size:18px;color:#03234b; font-weight:normal;}
.index_product_list ul li .cover_right h3 a:hover{ color:#3CB4E6;}
.index_product_list ul li .cover_right .text{color:#999; margin:6px 0 6px; overflow:hidden;font-size:14px;}
.index_product_list ul li .cover_right .three_lines{ height:72px;}
.index_product_list ul li .cover_right .btn{padding: 0; }
.index_product_list ul li .cover_right .btn a{background:#fff;border: 1px solid #3CB4E6;width:82px; height:30px; line-height:30px; text-align:center; color:#fff; display:block;color: #3CB4E6;}
.index_product_list ul li .cover_right .btn a:hover{ background:#3CB4E6;border: 1px solid #3CB4E6;color: #fff;}
.index_product_list .no_pic .cover_right{ width:100%;}
.guide_bg ul{ background:#f4f4f4;}
.guide_bg ul li{ margin-top:0; border-bottom:1px solid #fff; padding:18px; clear:both; height: auto !important; display: inline-block; width: 100%; }
.guide_bg ul li .cover_right{ width:100%;}
.guide_bg .text{ display:none;}
.guide_bg .btn{ margin-top:18px;}

.index_cp .text{ height: 60px !important;}
.index_news{margin-bottom:18px; border-bottom:none;background: #f9f9f9;}
.index_news ul{padding: 15px;}
.index_news ul li{ border-bottom:1px solid #eaeaea; padding:8px 0px;}
.index_news ul li .news_title{ font-size:15px; }
.index_news ul li .news_title a{ color:#03234b;}
.index_news ul li .news_title a:hover{color:#3CB4E6;}
.index_news ul li .time{ color:#999;}
.index_news .title{background: #03234b!important; color: #fff;}

.motor_banner{ width:100%;}
.motor_banner img{width: 100%;}
.motor_about{ font-size:16px; margin:18px 0;}

.tab_menu{overflow:hidden; padding:0 ; }
.tab_menu li{width:33.3%;float:left;height:40px;line-height:40px;text-align:center;cursor:pointer;color:#03234b; background:#efefef; margin:0 0px 6px 0px;overflow: hidden; }
.tab_menu li.current{background:#3CB4E6; color:#fff;}
.tab_menu li a{text-decoration:none; display: block;border-right: 1px solid #fff;}
.tab_menu li a:hover{background:#3CB4E6; color:#fff;}
.tab_menu li.current a{color:#fff;}
.tab_menu .curr a{background:#3CB4E6; color:#fff;}
.tab_box{padding:0px;}
.tab_box li{line-height:24px;overflow:hidden;}
.tab_box li span{margin:0 5px 0 0;font-size:12px;font-weight:normal;color:#ddd;}
.tab_box .hide{display:none;}

.sample_menu{ position:relative; }
.sample_menu::before{ content:""; position:absolute; left:0; top:26px; width:2px; height:95%; background:#3CB4E6;}
.sample_menu ul h3{ background:#3CB4E6; height:34px; line-height:34px; text-align:center;position:relative; margin-top:0px; display:inline-block; font-weight:normal; width:100%;}
.sample_menu ul h3 a{display: block;color: #fff;}
.sample_menu ul h3 a:hover{background: #03234b; color: #fff;}
.sample_menu ul li::before{ content:""; position:absolute; left:2px; width:44px; top:9px; height:6px;background:url(../images/shu_icon.png) no-repeat;}
.sample_menu ul li{ padding-left:60px; margin:13px 0; display:block;  position: relative;}
.sample_menu ul li a:hover{color:#3CB4E6;}

.downList{ }
.downList ul li{ padding:16px 4px; border-bottom: 1px dashed #eaeaea; font-size:16px;}

.news_list li{  border-bottom: 1px solid #eaeaea;    padding: 13px 0px;font-size: 16px;  }
.news_list li a{ width:680px; height: 24px;  text-overflow: ellipsis;   overflow: hidden;   white-space: nowrap;    display: inline-block;}
.news_list li span{ color: #666;  float: right;}

.footer{width: 100%;background: #03234b;padding:30px 0;margin-top: 35px;color: #fff;}
  .footer-content{width: 1200px;margin: 0 auto;color: #fff;}
  .Fl-link{}
  .Fl-link ul{clear: both; overflow: hidden;}
  .Fl-link ul li{width: 20%; float: left;}
  .Fl-link ul li a{color: #fff;font-size: 16px;font-weight: bold;}
  .Fl-link ul li a:hover{text-decoration: underline;}
  .footer_about{margin-top: 15px;font-size: 15px;padding-right: 80px;color: #c5c5c5;}
  .st-wechat-search-wrap{margin-top: 15px; display: flex; flex-direction: row; width: 180px;  height: 35px;  justify-content: center;  align-items: center;   background-color: #d9d9d9; border-radius: 3px;}
  .st-wechat-search-icon{display: flex;}
  .st-wechat-search-icon svg{width: 20px;}
  .st-wechat-search-text{font-size: 15px;font-weight: normal;  line-height: 1.6;  margin-left: 5px; color: #525a63;}
  .Fr-wechat{}
  .footer-topC{clear: both;overflow: hidden;border-bottom: 1px solid #0a305c;padding-bottom: 20px;}
  .footer-copy{text-align: center;color: #c4cbd3;margin-top: 15px;}
  .Fr-wechat-title{font-size: 16px;font-weight: bold;}
  .footer_wechat{margin-top: 20px;clear: both; overflow: hidden;}
  .footer_wechat img{float: left;margin-right: 15px;}
  .footer-copy a{color: #c4cbd3;}
  .footer-copy a:hover{text-decoration: underline;}
.cloud_bar_con>div{max-height: 272px;}

/* banner */
#banner{width:100%;height:400px;background:#fff;overflow:hidden;position:relative;}
#banner .wrapper{width:1200px;margin:0 auto;position:relative;}
#banner_img{display:block;position:relative;}
#banner_img li{position:absolute;top:0;left:0;width:100%;height:400px;background-position:center;background-size:cover;display:none;}



#banner_img .ad_img{height:404px; width:1200px; margin:0 auto;}
#banner_img .ad_img img{ width:100%; height: 100%；}

#banner_ctr{position:absolute;width:1200px;height:55px;margin-left:-600px;left:50%;bottom:0px;z-index:1;display: none;}
#banner_ctr ul{width:1200px;height:40px;font-size:16px;line-height:40px;position:relative; }
#banner_ctr li{display:block;float:left;width:240px;height:55px;cursor:pointer;color:#fff; text-align:center; line-height: 22px; padding: 5px 0; font-size: 14px; z-index:2;    background: rgba(3,35, 75, 0.6);}
#drag_ctr{position:absolute;top:-14px;left:20px;width:115px;height:156px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;bottom:170px;background:#3CB4E6;}
#drag_arrow{position:absolute;top:0;left:0px;width:240px;height:55px;background:#3CB4E6; z-index:-1;    background: rgba(3, 35, 75, 1);}

    .flexslider {
        margin: 0px auto 20px;
        position: relative;      
       height: 580px;
        overflow: hidden;
        zoom: 1;
    }
    
    .flexslider .slides li {
       
      
    }
    
    .flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../images/ad_ctr.png) no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }
    
    .flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
    }
    
    .flex-direction-nav .flex-prev {
        left: 0;
    }
    
    .flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }
    
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
		padding-left: 0
    }
    
    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .flex-control-paging li a {
        background: url(../images/dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }
    
    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }
    
    .flexslider .slides a img {
        width: 100%;       
        display: block;
    }

/*------线上学堂-----*/
.cloud_class{width: 1200px;}
.cloud_class_menu{clear: both; overflow: hidden;margin-bottom: 30px;font-size: 16px;}
.cloud_class_menu ul li{float:left;width: 285px;height: 40px; line-height: 40px; ;text-align: center;cursor: pointer;color: #03234b;background: #efefef;margin: 0 18px 0px 0px;}
.cloud_class_menu ul li a{ display: block; background: #03234b !important; color: #fff !important;}
.cloud_class_menu ul li a:hover{background: #3CB4E6 !important; color: #fff;}
.cloud_class_menu ul li:nth-child(4){margin-right: 0;float: right;}
.C-grey{background: #d9d9d9;}
.C-green{background: #49b170;}
.C-blue{background: #3CB4E6;}
.C-pink{background: #e6007e;}
.C-yellow{background: #ffd200;}
.cloud_bar{  margin-bottom: 30px;}
.cloud_bar {clear: both; overflow: hidden;}
.cloud_bar li{width: 217px; float: left;position: relative;margin: 0 28px 28px 0;position: relative;}
.cloud_bar li:nth-child(5n){margin-right: 0;float: right;}
.cloud-img{ text-align: center; border-radius: 4px;background: #efefef;border:1px solid #ededed;}
.cloud-img:hover{border:1px solid #3CB4E6;}
.cloud-img img{ width: 100%; height: 100%;}
.new_icons{ width: 36px; height: 18px;text-align: center; line-height: 16px;background: #ffd200;border-radius: 18px; border:1px solid #fff;position: absolute; color: #fff;font-style: normal;left: 0px;top: 4px;}
.cloud-title{font-size:16px;margin-top: 10px; text-align: left;height: 48px; overflow: hidden;}
.cloud-text{ color: #999; height: 40px; line-height: 20px; overflow: hidden;font-size: 13px;margin-top: 10px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 10px;}
.cloud-text p{display: inline-block;}

.cloud_menu_title{width: 225px;height: 40px;line-height: 40px;text-align: center;color: #fff !important;margin-bottom: 15px;font-size: 16px;float: left;background: #03234b !important;}
.cloud_subnav{clear: both; overflow: hidden;}
.cloud_menu_zi{float: left;margin: 10px 0 0 15px; font-size: 16px;}
.cloud_menu_zi a{margin: 0 15px;}
.cloud_menu_zi .cur{color: #3cb4e6;font-weight: bold;}
.downmore_video {clear: both;margin: 10px auto;text-align: center;display: block;}
.downmore_video img {margin-top: -1px;cursor: pointer;}
.cloud_bar-new{overflow: hidden;}
.cloud_bar li:hover .cloud_bar-new{height: 320px;}
.dingwei{display:block; padding-top:30px; margin-top:-30px; width:1px; height:1px;}
.page_position{ height:40px; line-height:40px; font-size:15px;border-bottom: 1px solid #ccc;}
.video_name{font-size: 24px;color: #03234b;text-align: center;margin: 30px 0;line-height: 40px;}
.videobox{text-align: center;margin: 0 auto;width: 740px;}
#videoTab_box .video_tabnav{overflow:hidden;height: 50px; line-height: 50px;font-size: 17px;background: #fff;box-shadow: 0 0 5px #e3e3e3;width:100%;margin: 20px auto;}
#videoTab_box .video_tabnav li{width:130px;float:left;margin:0 10px 0 0}
#videoTab_box .video_tabnav li.last{margin-right:0}
#videoTab_box .video_tabnav li a{display:block;background:#fff;color:#222;text-align:center;border:0}
#videoTab_box li a.current,#videoTab_box li a.current:hover{background-color:#3CB4E6 !important;color:#fff;font-size: 17px;}
#videoTab_box .video_tabnav li a:hover, #videoTab_box .nav li a:focus{background:#3CB4E6;color:#fff;}
#videoTab_box .video_about{padding: 5px;}
#videoTab_box .video_about p{margin-bottom: 8px;}
#videoTab_box .video_about a{ color: #3CB4E6 ;}
#videoTab_box .video_about a:hover{ color: #03234b;}
.video_question{padding: 5px;}
.video_question li{border-bottom: 1px solid #ececec;padding-bottom: 20px; margin-bottom: 20px;}
.video_question .problem_title{font-size: 16px;font-weight: bold;}
.video_question .answer{font-size: 15px;margin-top: 15px;}
.ask_box{padding: 0 10px;}
.ask_box_tit{font-size: 16px;font-weight: bold;color: #03234b;margin-bottom: 10px;}
.ask_box_text{width:1160px; height: 80px; line-height: 24px;font-size: 15px;padding: 10px;font-family: "微软雅黑";margin-bottom: 10px;}
.ask_box .inputText{height: 24px; line-height: 24px;}
.ask_box img{height: 28px;}
.ask_box_btn{width: 120px;height: 32px; line-height: 32px;background: #3CB4E6;border: none;color: #03234b;border-radius: 4px;cursor: pointer;font-size: 15px;margin-top: 15px;font-family: "微软雅黑";}
.sub_section{margin-top: 30px;}
.sub_section .cloud-title{font-weight: normal !important;font-size: 15px;}
.sub_section  li{margin-bottom: 0 !important;}
.sub_section_icon{background: #e6007e;position: absolute;height: 26px; line-height: 26px;width: 80px; text-align: center;color: #fff;right: 15px;top: 0px;}
.sub_section .curr{border: 1px solid #3cb4e6; background: #3cb4e6; color: #fff;border-radius: 4px;}
.sub_section .curr .cloud-title{padding: 0 5px 5px;}



.fen_section{margin-top: 30px;margin-bottom: 0;}
.fen_section .cloud-title{font-weight: normal !important;font-size: 15px;}
.fen_section  li{margin-bottom: 0 !important;padding: 10px 10px;margin: 0;}
.fen_section_icon{background: #e6007e;position: absolute;height: 26px; line-height: 26px;width: 80px; text-align: center;color: #fff;right: 0;top: 95px;}
.fen_section .curr{border: 1px solid #f6f6f6; background: #f6f6f6;border-radius: 4px;}
.fen_section .curr .cloud-title{padding: 0 5px 5px;}
.fen_section li:nth-child(5n){margin-right: 0 !important;float: right !important;}

.two_section  li{margin-bottom: 0 !important;padding: 5px; margin: 0 6px 10px 0;width: 180px;height: 160px; overflow: hidden;}
.two_section  li .cloud-img{width: 180px; height: 100px;}
.two_section{background: #f6f6f6; margin-top: 0;padding: 15px;}
.two_section .cloud-title{font-weight: normal !important;font-size: 15px;}
.two_section .cloud-title a{ color:#666;font-size: 14px;}
.two_section .cloud-title a:hover{ color:#3cb4e6;}
.two_section .curr{ background: #3cb4e6; border-radius: 4px;}
.two_section .curr .cloud-title{padding: 0 5px 5px;color: #fff;}
.two_section li:nth-child(5n){margin-right: 0px !important;float: left !important;}

.down_bar li{width: 279px; float: left;border: 1px solid #dddddd;margin-right: 25px;margin-bottom: 25px;}
.down_bar li:nth-child(4n){margin-right: 0;float: right;}
.down_bar li .down-img{width: 120px; height: 160px;float: left;overflow: hidden;}
.down_bar li .down-img img{width: 100%; height: 100%;}
.down_bar li .down-con{width: 130px;padding: 8px 14px;float: left;}
.down_bar li .down-con h3{width: 130px;font-size: 16px;margin-top: 10px;text-align: left;height: 80px;overflow: hidden; display: inline-block; line-height: 20px;word-wrap:break-word}
.down_bar li .down-con h3 a{color: #03234b;}
.down_bar li .down-con h3 a:hover{color: #3CB4E6;}
.down_bar li .down-con .btn{background:url(../images/down_icon.png) no-repeat #3CB4E6 50px 5px;padding-right: 30px; width: 52px;  height: 32px;  line-height: 32px;   text-align: center;    color: #fff;    display: block;margin-top: 10px;}
.down_bar li .down-con .btn:hover{background:url(../images/down_icon.png) no-repeat #03234b 50px 5px; color: #fff;}
.down_bar li:hover{border: 1px solid #3CB4E6;}   

.down_class_menu ul li{float:left;width: 156px;height: 40px; line-height: 40px; ;text-align: center;cursor: pointer;color: #03234b;background: #efefef;margin: 0 18px 0px 0px;}
.down_class_menu ul li:nth-child(7){margin-right: 0;float: right;}
.down_class_menu ul li:nth-child(5){margin-right: 18px;float: left;}
.new_productTop{width: 100%!important;height: 60px!important;background: #efefef!important;line-height: 60px!important;}
.new_productTop a{color: #03234b;}
.blue_btn{background: #3CB4E6!important;}
.yellow_btn{background: #FFD200!important;}
.red_btn a{background: #E6007E!important;color: #fff!important; }
.red_btn a:hover{background: #03234b!important;}
.page{margin: 30px 0;}
.epages a{padding: 0 6px;display: inline-block;}

 
.yyui_menu1 li { float:left; position:relative;} /*这一级是导航*/
.yyui_menu1 li a { display:block;  text-decoration:none; padding:0px 5px; color:#333333;}
.yyui_menu1 li a:hover {  background:#EFEFEF;color: #e6e6e6; }
.yyui_menu1 li a.more:after{content:" >";}
.yyui_menu1 .one li{height: 38px; line-height: 38px; }
 
.yyui_menu1 li ul { position:absolute; float:left; width:197px; border:1px solid #e6e6e6; display:none; background-color:#FFFfff; z-index:9999;} /*这是第二级菜单*/
.yyui_menu1 li ul li{text-align: left;font-size: 15px;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.yyui_menu1 li ul a { width:184px;text-decoration:none; color:#03234b;border-left: 2px solid #fff;}
.yyui_menu1 li ul a:hover { background:#e6e6e6;border-left: 2px solid #3CB4E6;}
 
.yyui_menu1 li ul ul{ top:0;left:197px;} /*从第三级菜单开始,所有的子级菜单都相对偏移*/
.new-yingyong ul li{height: auto;}
.new-yingyong ul li .cover_right .text{line-height: 20px; height: 60px;}
.new-yingyong ul li .cover_right .text{margin: 10px 0 6px;}
.index_video li{margin: 18px 0px 0;}
.index_video li .cloud-img{width:100%;max-width: 250px; position: relative;border:none;}
.index_video li .cloud-img:hover{border: none;}
.index_video .cloud-title{font-weight: normal;height: 24px;overflow: hidden;text-align: center;}
.icon-new{position: absolute;width: 44px; height: 18px; line-height: 16px;color: #fff;background: #ff1a1a;z-index: 2; top: 0; left: 0;border-radius: 2px;font-style: initial;text-align: center;}

.page_nav{margin: 20px; text-align: center;}
.page_nav a{ padding: 6px 12px;margin: 0!important; margin-left: -1px;border: 1px solid #ddd;font-size: 16px;display: inline-block;}
.page_nav a:hover{	margin: 0!important; margin-left: -1px;background: #3CB4E6; color: #fff;	display: inline-block;padding: 6px 12px;font-size: 16px;}
.page_nav .cur{background: #3CB4E6; color: #fff;}


.navbar{min-height: 70px; height: 70px;background: #03234b;border:none;border-radius: 0;margin-bottom: 0px;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.features_menu {padding: 15px;}
.features_menu h4 a{font-size: 16px;color: #39a9dc;margin-bottom: 2px;}
.features_menu ul li{margin-top: 4px;}
.navbar-nav>li>a{line-height: 40px;font-size: 18px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color: #fff; background-color: #39a9dc;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color: #fff; background-color: #39a9dc;}
.navbar-default .navbar-nav>li>a:hover{color: #fff; background-color: #39a9dc;}
.navbar-nav .open .dropdown-menu{background: #fff;width: 500px;}
.navbar-nav{width: 100%; float: none;}
.navbar-nav>li{width: 14.25%; text-align: center;font-size: 16px;}

.navbar-collapse{padding: 0;}
/* Carousel base class */
.carousel {
  height: auto;
  margin-bottom:0px;
}
.carousel-caption {
  z-index: 10; /* Since positioning the image, we need to help out the caption */
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: auto;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto; 
}
.glyphicon-chevron-left{background: url(../images/flex-prev.png) no-repeat;}
.glyphicon-chevron-right{background: url(../images/flex-next.png) no-repeat;}
.glyphicon-chevron-left::before ,.glyphicon-chevron-right:before{content:"";}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{width: 30px; height: 41px;}
.stpower_banner{width: 100%;margin-bottom: 10px;}
.index_right_banner{}
.index_right_banner img{width: 100%;}
.logo_mob{display: none;}
.logo{display: block;}
.width590{width: 560px;}
.top-tages{margin-bottom: 15px;}
.top-tages h2{margin: 0px 0 5px;background: #03234b!important;}
.top-tages a{background: #f4f4f4;color: #03234b; height: 36px; line-height: 36px;padding: 0 8px;border-radius: 4px;display: inline-block; margin-right: 6px;margin-top: 6px;position: relative;}
.top-tages a:hover{color: #39a9dc;}
.top-tages a i{top: -9px;left: 36px;}
.carousel-control{width: 8%;}
.right-case{margin-bottom: 18px;}
.right-case h2{background: #03234b!important;}
.right-case ul{display: inline-block;margin: 0 -10px;}
.right-case ul li{float: left; margin:10px 10px 0;width: 180px;}
.right-case ul li img{width: 100%;}
.por{position: relative;}
.search-bar{display: none;}
.search-bar-pc{display: block;float: right;}
.navbar-nav>li{position: relative;}
.dropdown-toggle{position: absolute!important; top: 5px!important; right: 0!important; background: none!important; border: none!important;display: inline-block!important;}
.caret{border-top: 8px dashed; border-right: 8px solid transparent; border-left: 8px solid transparent; float: right;margin-top: 10px;}
.navbar-default .navbar-nav>li>a:visited{color: #fff;}
.nav-new{position: absolute;top: 2px; right: -5px;}
.index-tages-left-mob{display: none;}
.index-tages-left-mob h2{background: #3cb4e6!important;}
.index-tages-right{display: block;}
.iframe-wrapper-height{min-height: 540px;}
.download-index-item{background: #d7eff9;color: #03234b; text-align: center;margin-top: 15px;}
.download-index-item p{margin-top: 10px;font-size: 18px;}
.download-index-item a{display: block;padding: 30px 0;}
.left-banner{background: url(/stpower/images/left-banner-new.jpg) no-repeat;width: 160px; height: 370px;position: fixed; left: 10px; top:60%;text-align: center;}
.left-banner .link {margin-top: 120px;}
.left-banner a{background: #03234b;color: #fff;height: 36px; line-height: 36px;width: 130px;text-align: center;margin-top: 15px;display:inline-block;}
.left-banner a:hover{background: #39a9dc;}

@media (min-width: 1200px){
.container {width: 1230px!important;}
}
@media (max-width: 996px){
.index-tages-left-mob{display: block;}
.index-tages-right{display: none;}
.news_list li a{width: 100%; height: auto;white-space: normal;}
.news_list li span{float: none;}
.left-banner{display: none;}
}
@media (max-width: 767px){
body{line-height: 18px;}
h3{font-size: 15px!important; line-height: 18px;}
.logo_mob{display: block;}
.logo_mob img{width: 60px; margin: 6px 15px;}
.logo , .new-top{display: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background: #f3f3f3;position: relative;z-index: 9999;}
.navbar-default .navbar-nav>li>a{color: #03234b;font-size: 16px;background: #d6e7ef;border-bottom: 1px solid #c7dbe4;}
.navbar-nav>li{width: 100%;text-align: left;}
.navbar-nav{width: auto;margin: 0 -15px;}
.features_menu{padding: 0;}
.features_menu h4 a{margin-top: 6px;display: inline-block;}
.search-bar{position: relative; top: 0px;}
.navbar-toggle{margin-top: 12px;}
.top .logo {float: none; width: 100%;text-align: center;}
.search-bar .top_search , .search-bar .top_wechat{float: left;margin-left: 15px;width: 100%; }
.navbar-collapse{padding: 0 15px;}
.index_video li .cloud-img{max-width: 100%;}
.index_video li{text-align: center;margin: 10px 0;padding: 0 10%;}
.cloud-title{height: auto;text-align: center;}
.Fl-link ul li{width: 50%; margin: 5px 0;}
.footer_about{padding-right: 0px;margin-bottom: 6px;}
.Fr-wechat{margin-top: 10px;border-top: 1px solid #0a305c;padding-top: 10px;}
.footer_wechat{margin-top: 10px;}
.index_news{margin-bottom: 10px;}
.index_product_list ul li{padding-bottom: 10px;margin-top: 10px;}
.index_product_list ul li .cover_img{width: 140px; height: auto; margin-right: 10px;}
.index_product_list ul li .cover_right .text{margin: 2px 0; height: auto; line-height: 20px;max-height: 100px;}
.navbar-nav .open .dropdown-menu{width: 100%; background: none;}
.top_search{margin: 10px 0;}
.stpower_banner{height: auto;}
.tab_menu li{width: 50%;}
.search-bar{display:block;}
.search-bar-pc{display: none;}
.navbar{min-height: 54px;height: 54px;}
.cloud_class_menu ul li{float:left;width:48%;height: 40px; line-height: 40px; ;text-align: center;cursor: pointer;color: #03234b;background: #efefef;margin: 3px 1%;}
.cloud_class_menu ul li:nth-child(4){margin-right: 0;float: left;}
.navbar-default .navbar-nav>li>a:visited{color: #03234b;}
.Fl-link ul li a{font-weight: normal;}
.Fr-wechat-title{font-weight: normal;}
.carousel-indicators{bottom:0;}
.carousel-indicators li{width: 5px; height: 5px;}
.carousel-indicators .active{width: 6px; height: 6px;}
.new_productTop{height: 40px!important; line-height: 40px!important;}
.footer-copy{font-size: 14px;}
.videobox , video{width: 100%;height: auto;}
.ask_box_text{width: 100%; height: 60px;}
.ask_box_text{width: 100%;}
.video_name{font-size: 20px; color: #03234b;  text-align: center; margin: 15px 0; line-height: 24px;}
.motor_about{font-size: 15px;}
.top-tages a { height: 32px;line-height: 32px; padding: 0 6px; display: inline-block; margin-right: 5px;margin-top: 5px;}
    
}
@media screen and (max-width:580px) {
.right-case ul{margin: 0 -2%;}
.right-case ul li{margin: 10px 2% 0;width: 46%;float: left;}
.carousel-control{display: none;}
.cloud_menu_title{width: 100px;}
.cloud_menu_zi a{margin: 0 5px;}	
}
/* For devices smaller than 1800px */
@media screen and (max-width:1800px) {
.flexslider {height:525px}
}
/* For devices smaller than 1700px */
@media screen and (max-width:1700px) {
.flexslider {height:495px}
}
/* For devices smaller than 1600px */
@media screen and (max-width:1600px) {
.flexslider {height:466px}
}

/* For devices smaller than 1500px */
@media screen and (max-width:1500px) {
.flexslider {height:435px}
}

/* For devices smaller than 1400px */
@media screen and (max-width:1400px) {
.flexslider {height:408px}
}

/* For devices smaller than 1300px */
@media screen and (max-width:1300px) {
.flexslider {height:380px}
}

/* For devices smaller than 1200px */
@media screen and (max-width:1200px) {
.flexslider {height:350px}
.top_cont {width:100%;}
.main {width:98%;}
}

/* For devices smaller than 1100px */
@media screen and (max-width:1100px) {
.flexslider {height:320px}
.top_cont {width:100%;}

}

/* For devices smaller than 1000px */
@media screen and (max-width:1000px) {
.flexslider {height:290px}

}
/* For devices smaller than 900px */
@media screen and (max-width:900px) {
.flexslider {height:260px}
}

/* For devices smaller than 800px */
@media screen and (max-width:800px) {
.flexslider {height:230px}
}

/* For devices smaller than 700px */
@media screen and (max-width:700px) {
.flexslider {height:204px}
}

/* For devices smaller than 600px */
@media screen and (max-width:600px) {
.flexslider {height:175px}
}

/* For devices smaller than 500px */
@media screen and (max-width:500px) {
.flexslider {height:145px}
}

/* For devices smaller than 450px */
@media screen and (max-width:450px) {
.flexslider {height:130px}
.flex-control-nav {bottom: 10px;}
}

/* For devices smaller than 400px */
@media screen and (max-width:400px) {
.flexslider {height:116px}
.flex-control-nav {bottom: 10px;}
}