@charset "UTF-8";
 
@font-face {
  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;}
body{font-size:15px; line-height:24px;color:#333;background:#fff;
  font-family: "微软雅黑",'helvetica','arial';
font-weight: normal;
  font-style: normal;
	min-width: 1200px;

}

a{color:#03234b;text-decoration:none;}
a:hover{text-decoration:none;color:#3CB4E6;}

.top{ height:85px; padding:15px 0; width:1200px; margin:0 auto;}
.top .logo{ float:left; width: 92px;margin-top: 10px;}
.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: 380px; margin: 25px 20px 0px 0px;}
.top_search .search_bar{ width:300px; height: 35px; border: 1px solid #ccc; float: left;background: #fff; padding: 0 4px;}
.top_search .sarech_button{ width:60px; height: 37px; 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;}
.main_nav{width: 1200px; margin: 0 auto;}
.nav_box{background:#03234b; width:100%; }
.nav{ height:60px; line-height:60px;}
.nav ul li{ height:60px; width:197px; float:left; text-align:center;border-left: 1px solid #0b3a6d;border-right: 1px solid #0b3a6d;margin-left: -1px; font-size:16px;}
.nav ul li a{ display:block; color:#fff;}
.nav ul li a:hover{ background:#fafafa;color: #03234b;}
.nav .curr a{background:#fafafa; color: #03234b;}

.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%;clear: both; overflow: hidden;}
.index_product_list ul li .new-icon{ width: 44px; height: 48px;  position: absolute;  top: 0px;  left:158px;}
.index_product_list ul li .cover_img{ width:160px; height:108px; float:left; margin-right: 20px;border:1px solid #efefef;}
.index_product_list ul li .cover_right{ width:625px; float:left; }
.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{ line-height: 20px;  color:#999; margin:10px 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{ }
.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:810px; height:130px;}
.motor_about{ font-size:16px; margin:18px 0;}

.tab_menu{overflow:hidden; padding:0 ; }
.tab_menu li{width:264px;float:left;height:40px;line-height:40px;text-align:center;cursor:pointer;color:#03234b; background:#efefef; margin:0 6px 6px 0px; }
.tab_menu li.current{background:#3CB4E6; color:#fff;}
.tab_menu li a{text-decoration:none; display: block;}
.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; padding-left:40px; }
.sample_menu::before{ content:""; position:absolute; left:0; top:26px; width:2px; height:95%; background:#3CB4E6;}
.sample_menu ul h3{ background:#3CB4E6; width:160px; height:34px; line-height:34px; text-align:center; color:#03234b;position:relative; margin-top:10px; display:inline-block; font-weight:normal;    margin-left: -40px; width:160px;}
.sample_menu ul h3 a{display: block;}
.sample_menu ul h3 a:hover{background: #03234b; color: #fff;}
.sample_menu ul li::before{ content:""; position:absolute; left:-38px; width:44px; top:9px; height:6px;background:url(../images/shu_icon.png) no-repeat;}
.sample_menu ul li{ padding-left:20px; 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;}
  .footer-content{width: 1200px;margin: 0 auto;color: #fff;}
  .Fl-link{width: 890px;float: left;}
  .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: 104px;}
  .st-wechat-search-wrap{margin-top: 15px; display: flex; flex-direction: row; width: 160px;  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{float: right;width: 260px;}
  .footer-topC{clear: both;overflow: hidden;border-bottom: 1px solid #0a305c;padding-bottom: 20px;width: 1200px;margin: 0 auto;color: #fff;}
  .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;}


/* 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;
        width: 1200px;
        height: 400px;
        overflow: hidden;
        zoom: 1;
    }
    
    .flexslider .slides li {
        width:1200px;
        height:400px;
    }
    
    .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%;
        height: 400px;
        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{width: 215px; height: 120px; overflow: hidden; 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;}
.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{height: 260px;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:1180px;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:1140px; height: 100px; 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: 0;top: 95px;}
.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: 804px!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{background: #E6007E!important;}
.page{margin: 30px 0;}
.epages a{padding: 0 6px;}

 
.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 ul{margin-left: -30px;clear: both; overflow: hidden;}
.index_video li{float: left;width:250px;margin: 18px 0px 0 30px;}
.index_video li .cloud-img{width:250px; height: 140px;position: relative;border:none;}
.index_video li .cloud-img:hover{border: none;}
.index_video .cloud-title{font-weight: normal;}
.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;}