body,div, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {
    margin: 0;
    padding: 0;
}
body{ background:#f1f1f1; font-family:'XinGothic-SinaWeibo','Microsoft Yahei','helvetica','arial'; color:#000; font-size:14px; line-height:22px;}
ul,li, ol {list-style: none outside none;}
img {border: 0 none; margin:0px; padding:0px;}
.fl{float: left;}
.fr{float: right;}
a {color: #111;text-decoration: none;}
a:hover{ color:#3CB4E6; }


.slide-banner iframe {width:100%;height:520px;}

.main{ width:1200px; margin:0 auto; padding:10px 0;}

.top{ background:#03234b; width:100%; border-bottom:2px solid #03234b;height:76px; padding-top:4px;}
.top_cont{ width:1200px; margin:0 auto; }

.top_logo { float: left; width: 210px;}
.common-width-stlogo{ margin-right: 24px;padding-right: 24px;border-right: solid 1px #bbc9db;display: inline-block; margin-top: 10px;}
.common-width-stlogo img {height: 56px;width: 80px;}
.common-width-stm32logo img {height: 56px;width: 56px;}
.index_nav{ width:752px; float:right;text-align:left;margin-top:24px;}
.index_nav ul li {float:left;font-size:20px;width:150px;text-align:center;line-height:33px;}
.index_nav ul li a {color:#fff;display:block;margin-right:8px;}
/*
.index_nav ul li a:hover{background:#fff;color:#001E41;}
.index_nav ul li .curr{ background:#fff; color:#03234b ;display:block;border-radius:10px 10px 00px 0px;border:2px solid #03234b; border-bottom:2px solid #fff; }
*/
.index_block{ margin-top:0px;}

.index_nav ul li.link1 a {border-left:solid 2px #39A9E2;}
.index_nav ul li.link1 a:hover {border-left:solid 2px #39A9E2;background:url(../images/navli_1.png) no-repeat right top;}
.index_nav ul li.link2 a {border-left:solid 2px #E6007E;}
.index_nav ul li.link2 a:hover {border-left:solid 2px #E6007E;background:url(../images/navli_2.png) no-repeat right top;}
.index_nav ul li.link3 a {border-left:solid 2px #39A9E2;}
.index_nav ul li.link3 a:hover {border-left:solid 2px #39A9E2;background:url(../images/navli_1.png) no-repeat right top;}
.index_nav ul li.link4 a {border-left:solid 2px #E6007E;}
.index_nav ul li.link4 a:hover {border-left:solid 2px #E6007E;background:url(../images/navli_2.png) no-repeat right top;}
.index_nav ul li.link5 a {border-left:solid 2px #39A9E2;}
.index_nav ul li.link5 a:hover {border-left:solid 2px #39A9E2;background:url(../images/navli_1.png) no-repeat right top;}



.block1_left{ width:70%; float:left;}
.actual{ width:94%; padding:7px 3% 9px; border:1px solid #c6c6c6; background:#fff; clear:both; overflow:hidden; border-radius:6px;margin-bottom:20px;}
.actual_top{ border-bottom:1px solid #c6c6c6; line-height:42px; clear:both; overflow:hidden;}
.actual_top h2{ float:left;  line-height:52px; color:#03234b;font-size: 24px;font-weight: normal;}
.actual_top h2 a{color:#03234b;}
.actual_top h2 a:hover{ color:#03234A;}
.actual_top span {float:right;margin-top:6px;}
.actual_top span a {padding:5px 12px;background:#909090;border-radius:20px;}
.actual_top span a:hover {background:#3CB4E6;}

.actual_left{ float:left; width:48%;}
.actual_left .top_recommend{ margin:10px 0 10px; clear:both; overflow:hidden;}
.actual_left .top1_img{ float:left; border:1px solid #c6c6c6; width:147px; height:76px; overflow:hidden;}
.actual_left .top1{ width:315px; float:right; }
.actual_left .top1_tit{line-height:20px; max_height:40px; overflow:hidden; margin:5px 0;}
.actual_left .top1_introduce{  color:#a4a4a4; line-height:20px; height:40px; overflow:hidden;}

.actual_cont ul li {float: left; width: 25%;text-align: center;margin-top: 10px;}
.actual_cont ul li a {width:100%;display: block;text-align:center;color:#001E41;font-size: 17px;margin: 10px auto;}
.actual_cont ul li:hover {box-shadow: 0px 0px 4px #3CB4E6;}

.actual_list li{ background:url(../images/ST_icon5.jpg) no-repeat 0 17px; line-height:30px; padding-left:14px; height:38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.actual_list li h2 {font-weight:normal;font-size:14px;line-height:38px; height:38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.newproduct ul li { margin:10px 0px;padding:5px 0px;}
.newproduct ul li a {margin:2px auto;}
.newproduct ul li .picimg {width:80%;margin:5px 10%;float:left;text-align:center;}
.newproduct ul li .picimg img {width:100%;}



/*.actual_list li.no1 {height:80px;background:none;padding:0;margin-bottom:8px;}
.actual_list li.no1 img {float:left;width:147px;height:80px;}
.actual_list li.no1 h2 {float:left;width:310px;margin-left:12px;line-height:33px;}
.actual_list li.no1 p {float:left;width:310px;margin-left:12px;color:#999;font-size:13px;line-height:22px;white-space:normal;}*/

.actual_list li.no1 {}
.actual_list li.no1 img {display:none;}
.actual_list li.no1 p { display:none;}
.actual_list li.no2 img {display:none;}
.actual_list li.no2 p {display:none;}
.actual_list li.no3 img {display:none;}
.actual_list li.no3 p {display:none;}
.actual_list li.no4 img {display:none;}
.actual_list li.no4 p {display:none;}
.actual_list li.no5 img {display:none;}
.actual_list li.no5 p {display:none;}
.actual_list li.no6 img {display:none;}
.actual_list li.no6 p {display:none;}
.actual_list li.no7 img {display:none;}
.actual_list li.no7 p {display:none;}
.actual_list li.no8 img {display:none;}
.actual_list li.no8 p {display:none;}
.actual_list li.no9 img {display:none;}
.actual_list li.no9 p {display:none;}


.actual_fenlei_list li{ background:url(../images/ST_icon5.jpg) no-repeat 0 17px; line-height:38px; padding-left:14px; height:38px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.actual_fenlei_list li span{ display:none;}

.lan_title { clear:both; overflow:hidden; font-weight:normal; line-height:26px; margin:11px 0;}
.lan_title .left{ float:left; background:url(../images/ST_icon6.jpg) no-repeat 0 6px; color:#3cb4e6; padding-left:16px; font-size:18px;}
.lan_title .left a{color:#3cb4e6;}
.lan_title .left a:hover{ text-decoration:underline;}
.lan_title .left1{ float:left; color:#222; font-size:16px;}
.lan_title .more{ float:right; color:#cccccc;}
.lan_title .more a{ color:#fff; font-size:14px;padding: 1px 6px;background: #3cb4e6;border-radius: 2px;}
.lan_title .more a:hover{ background:#03234A;}

.lan_title2{ margin-bottom:0; margin-top:18px;}


ul.training_list {margin-bottom:10px; clear:both; overflow:hidden;}
ul.training_list li{ width:100%;float: left; margin: 0px;padding:0px 0px 15px;}
ul.training_list li p{ margin:6px 0 0 0;}
ul.training_list li .cl{width:55%;}
ul.training_list li .cl img{width:100%;float:left;margin-top:6px; border:1px solid #ccc;}
ul.training_list li .right_t{ float:right; width:40%;}
ul.training_list li .right_t h3{ font-size:14px; font-weight:500;margin:3px 0 4px;height:74px;line-height: 20px;}
ul.training_list li .right_t .tex{ height:44px; overflow:hidden; color:#a4a4a4;}
ul.training_list li .right_t .butt{display: inline-block;border-radius:4px;height:26px;line-height:26px;color: #fff !important;background: #3cb4e6;margin: 3px auto; padding:0 19px;}
ul.training_list li .right_t .butt:hover{background:#03234A;}
ul.training_list li .right_t p{ color:#a4a4a4; height:44px; overflow:hidden;}


ul.video_list {margin-bottom:10px; clear:both; overflow:hidden;}
ul.video_list li{ float: left; margin: 0px;padding:20px 0px;height: 110px;  margin-right: 15px;}
ul.video_list li p{ margin:6px 0 0 0;}
ul.video_list li .cl{width:50%;}
ul.video_list li .cl img{width:100%;float:left;margin-top:6px; border:1px solid #ccc;}
ul.video_list li .right_t{ float:right; width:45%;}
ul.video_list li .right_t h3{ font-size:14px; font-weight:500;margin:3px 0 4px;height:70px;word-break: break-all;}
ul.video_list li .right_t .tex{ height:44px; overflow:hidden; color:#a4a4a4;}
ul.video_list li .right_t .butt{display: inline-block;border-radius:4px;height:26px;line-height:26px;color: #fff !important;background: #3cb4e6;margin: 3px auto; padding:0 19px;}
ul.video_list li .right_t .butt:hover{background:#03234A;}
ul.video_list li .right_t p{ color:#a4a4a4; height:44px; overflow:hidden;}

.hot-video li{width: 48%; margin: 0 1% 0 0;}

.block1_class{ width:48%; float:right;}
.block1_class .list{ clear:both; overflow:hidden;}
.block1_class .list li{ width:130px; float:left; margin:3px 5px; background:#f1f1f1;  text-align:center; line-height:34px;}
.block1_class .list li a{color:#03234b;display:block;}
.block1_class .list li a:hover{ background:#03234b; color:#fff; }
.block1_class .bottom_img{ margin-left:6px; margin-top:8px;}

.banner850{ margin:12px 0; width:850px;}
.block2_con {float:left;width:94%; padding:12px 3% 10px; border:1px solid #c6c6c6; background:#fff;  border-radius:6px;}
.block2_down{ clear:both; overflow:hidden; padding-top:10px;}

.down_list li {background:url(../images/ST_icon5.jpg) no-repeat 0 15px; line-height:22px; padding:7px 0; padding-left:14px; float:left; width:370px; margin-top:5px;}
.down_list li span{ color:#ccc; margin-right:3px;}
.down_list li span.time {display:none;}


.biock1_right{ width:28%; float:right; background:#fff;}
.biock1_right h2{ background:#03234b; height:48px; line-height:48px; color:#fff; font-size:18px; font-weight:300; padding:0 10px;}
.biock1_right h2 img{ float:right; margin-top:10px;}

.biock1_right .conten{border:1px solid #c6c6c6; border-top:none; padding: 5px 15px 18px;}
.biock1_right .conten h4{ float:left;width:100%;line-height:25px; font-size:16px; color:#03234b; margin-top:7px;}
.biock1_right .conten h4 i{ margin-right:10px; float:left;}
.biock1_right .hot {height:330px;padding:5px 15px 0px;}

.biock1_right .peixun{ margin-top:8px;width:100%;}
.biock1_right .peixun li {padding:6px 0;background:url(../images/ST_icon5.jpg) no-repeat 0 14px;padding-left:14px;}
.biock1_right .peixun li a{ font-size:14px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.biock1_right .peixun_butt{  text-align:center; font-size:16px;}
.biock1_right .peixun_butt a{ color:#fff; display:block; border-radius:6px;  height:36px; line-height:36px; color:#fff !important ;background:#3CB4E6; margin:3px auto;width:190px; }
.biock1_right .peixun_butt a:hover{background:#03234A;}
.biock1_right .peixun_ke li{ margin:6px  auto; width:250px;}
.biock1_right .peixun_ke li img{ width:250px; border:1px solid #c6c6c6; height:140px;}
.biock1_right .peixun_ke li p{ text-align:center; margin:5px 0; height: 22px; line-height: 22px; overflow: hidden;}
.biock1_right .peixun_ke li img:hover{border:1px solid #3CB4E6;}
.biock1_right .peixun_hdong{float:left;margin:0px;width:100%;}
.biock1_right .peixun_hdong h3{ font-weight:300; color:#3CB4E6; margin:5px 0; font-size:16px;}
.biock1_right .peixun_hdong li {padding:6px 0;background:url(../images/ST_icon5.jpg) no-repeat 0 14px;padding-left:14px;}
.biock1_right .peixun_hdong li a{ font-size:14px; display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.block3_con {width:94%; padding:12px 3% 5px;border: 1px solid #c6c6c6;background: #fff;border-radius: 6px; margin:12px 0; clear:both; overflow:hidden;}
.block3_con .eva { margin-bottom:10px; clear:both; overflow:hidden;}
/*
.block3_con .eva li{ width:530px; float:left; margin:10px 20px;}
.block3_con .eva li img{ width:146px; height:80px; float:left; border:1px solid #c6c6c6;}
.block3_con .eva li .right_t{ float:right; width:360px;}
.block3_con .eva li .right_t h3{ font-size:14px; font-weight:500; margin:3px 0 4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:22px;}
.block3_con .eva li .right_t .tex{ height:44px; overflow:hidden; color:#a4a4a4;}
*/

.block3_con .eva li {float:left;width:520px;height:80px;background:none;padding:0;margin-bottom:8px;margin-left:20px;margin-top:12px; margin-right:15px;}
.block3_con .eva li img {float:left;width:147px;height:80px;}
.block3_con .eva li h2 {float:left;width:350px;margin-left:12px;line-height:33px;font-weight:normal;font-size:15px;line-height:33px; height:32px; overflow:hidden;}
.block3_con .eva li p {float:left;width:350px;margin-left:12px;color:#999;font-size:13px;line-height:22px;white-space:normal; height:44px; overflow:hidden;}




.block3_con .new_p{ margin-bottom:10px; clear:both; overflow:hidden;}
.block3_con .new_p li{  width: 520px;float: left;  margin: 0px 10px;padding: 15px;}
.block3_con .new_p li p{ margin:6px 0 0 0;}
.block3_con .new_p li img{ float:left; margin-top:8px; width:85px; height:85px; overflow:hidden; border:1px solid #ccc;}
.block3_con .new_p li .right_t{ float:right; width:410px;}
.block3_con .new_p li .right_t h3{ font-size:14px; font-weight:500; margin:3px 0 4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:22px;}
.block3_con .new_p li .right_t .tex{ height:44px; overflow:hidden; color:#a4a4a4;}
.block3_con .new_p li .right_t .butt{display: inline-block;border-radius:4px;height:26px;line-height:26px;color: #fff !important;background: #3cb4e6;margin: 3px auto; padding:0 19px;}
.block3_con .new_p li .right_t .butt:hover{background:#03234A;}
.block3_con .new_p li .right_t p{ color:#a4a4a4; height:44px; overflow:hidden;}
.block3_con .k_tuijie{ margin-bottom:10px; clear:both; overflow:hidden;}
.block3_con .k_tuijie li{ width:530px; float:left; margin:7px 20px;}
.block3_con .k_tuijie li img {display:none;}

.block3_con .k_tuijie li  h2{ font-size:14px; font-weight:500; margin:3px 0 4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:22px;}
.block3_con .k_tuijie li p { height:44px; overflow:hidden; color:#a4a4a4; }

.k_fenlei{ background:#f7f8f7; border:1px solid #c6c6c6; margin-bottom:12px;}
.k_fenlei h2{ color:#03234b; font-size:16px; margin-bottom:4px; font-weight:500; padding:18px 18px 5px;}
.k_fenlei h2 a{ color:#03234b;}
.k_fenlei .te{ color:#a4a4a4; padding:0 18px 10px;}
.k_fenlei .bottom{height:40px; line-height:40px; text-align:center; line-height:40px;}
.k_fenlei .bottom a{  background:#d7d8d7; display:block; }
.k_fenlei .bottom a:hover{background:#03234b; color:#fff;}
.k_fenlei .bottom i{ vertical-align:middle; margin-right:5px;}


#footer {clear: both;float: left;width: 100%;margin:50px auto 0;background:#001E41;text-align: center;line-height: 30px;font-size: 14px; padding:20px 0;}
.footer_holder {width: 1200px;margin: 0 auto;}
.footer_links {width: 540px;margin: 0 auto;padding-top: 15px;padding-left: 50px;}
.footer_links li {float: left;}
.footer_links li a {margin-left: 10px;padding-right: 10px;border-right: 1px solid #333;}
.copyrights {clear: both;text-align:center; color:#fff;}
.copyrights a{ color:#3cb4e6 !important;}
.copyrights a:hover{ text-decoration:underline; }
#footer p{ padding: 5px 0;}
#footer p a{color:#fff;}
#footer p a:hover{ text-decoration: underline;}


.con_list li{ background:url(../images/ST_icon5.jpg) no-repeat 0 20px; padding:12px 05px 12px 15px; border-bottom:1px dotted #c6c6c6; clear:both; overflow:hidden;}
.con_list li a{ width:620px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con_list li .time{ float:right; color:#999; float:right; font-size:12px; font-weight:300;}
.con_list p{ color:#999;}
.con_list span{ color:#999; margin-right:3px; float:left;}
.con_list2 li a{ width:100%; margin-bottom:5px; font-size:16px;}

.shizhan_list{ clear:both; overflow:hidden;}
.shizhan_list li {width: 150px;    float: left;    margin: 6px 5px;    background: #f1f1f1;    text-align: center;    line-height: 34px;}
.shizhan_list li a{color:#03234b;display:block;}
.shizhan_list li a:hover { background:#03234b; color:#fff; }


.nei_video_list li{ margin:6px  auto; width:300px; float:left; margin:15px 50px; height:215px;}
.nei_video_list li img{ width:300px; border:1px solid #c6c6c6; height:168px;}
.nei_video_list li p{ text-align:center; margin:5px 0;}
.nei_video_list li img:hover{border:1px solid #26a9e0;}


.page {float:left;font-size:16px;width:100%;margin-top:40px;}
.epages {text-align:center;width:100%;margin:0px auto;}
.epages a {color:#26a9e0;margin:0 3px;border:solid 1px #26a9e0;padding:0 6px;}
.epages a:hover {color:#fff;background:#26a9e0;}
.epages b {color:#f30;margin:0 2px;padding:0 6px;}


.block3_con .design { margin-bottom:10px; clear:both; overflow:hidden;}
.block3_con .design li{ width:530px; float:left; margin:10px 20px;}
.block3_con .design li img{ width:146px; height:80px; float:left; border:1px solid #c6c6c6;}
.block3_con .design li .right_t{ float:right; width:360px;}
.block3_con .design li .right_t h3{ font-size:14px; font-weight:500; margin:3px 0 4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; height:22px;}
.block3_con .design li .right_t .tex{ height:44px; overflow:hidden; color:#a4a4a4;}

.bott_er{ text-align:center;}

.bott_b{ color:#3cb4e6;}
.bott_b a{ color:#3cb4e6;}
.bott_b a:hover{ color:#d4138a;}

    .slide-wp{
        width:100%; 
        position:relative; 
    }
    .slides, .slide-bg{
        background-color:#fff; 
        overflow:hidden;
    }
    .slidesjs-pagination{
        position:absolute;
        top:500px;
        left:51%;
        z-index:11;
        margin-left:-52px;
    }
    .slidesjs-pagination li{
        float:left;
        margin-right:14px;
    }
    .slidesjs-pagination li a{
        text-indent:-9999px;
        display:inline-block;
        *display:block;
        _display:block;
        width:14px;
        height:14px;
		background:#fff; border-radius:50%; border:1px solid #fff;
		
    }
    .slidesjs-pagination li a.active{
		background:#969ca3; border-radius:50%;border:1px solid #fff;
    }
    .slideChild{
        width:1200px;
        margin:0 auto;
        z-index:10;
        height:312px;
        position:relative;
    }
    .slideChild a.opa{
        position:absolute;
        top:0;
        left:0;
        display:inline-block;
        *display:block;
        _display:block;
        width:100px;
        height:50px;
        background-color:#fff;
        filter:alpha(opacity=0); 
        -ms-filter:"alpha(opacity=0)"; 
        opacity:0;
    }
    .slideChild a.a-jd{
        top:320px;
        left:135px;
        width:230px;
        height:55px;
    }
    .slideChild a.a-video{
        top:50px;
        left:40px;
        width:230px;
    }
    .slideChild a.a-ad{
        position:absolute;
        background-color:#202020;
        color:#fff;
        text-align:center;
        top:365px;
        left:404px;
        width:130px;
        height:32px;
        line-height:32px;
        font-size:16px;
    }
    .slideChild span.timeTip{
        color:#fbd504;
        font-size:56px;
        position:absolute;
        top:165px;
        left:170px;
        font-weight:bold;
    }
    .slideImg{
        position:absolute;
        top:0;
        left:0;
        z-index:9;
    }



.plan_area {float:left;width:96%;padding:10px 2%;border:solid 1px #C6C6C6;border-radius:8px;margin:25px 0px 10px;background:#fff;}
.plan_area .plan_top {border-bottom: 1px solid #c6c6c6;line-height: 50px;clear: both; overflow: hidden;}
.plan_area .plan_top h2 { float:left;  line-height:52px; color:#03234b;font-size: 24px;font-weight: normal;}
.plan_area .plan_top span {float:right;margin-top:6px;}
.plan_area .plan_top span a {padding:5px 12px;background:#909090;border-radius:20px;}
.plan_area .plan_top span a:hover {background:#3CB4E6;}

.plan_area ul {float:left;width:96%;margin:10px 2%;text-align:center;}
.plan_area ul li {font-size:18px;margin-top:10px;text-align:center;
   display:inline;
   float:left;
   width:18%;
   margin:20px 1% 10px;
   height:40px;
   line-height:40px;
   display:block;
   cursor:pointer;
   height:120px;
   padding-top:8px;
}
.plan_area ul li a {color: #001E41;}
.plan_area ul li a:hover {color: #001E41;}
.plan_area ul li:hover {box-shadow: 0px 0px 4px #3CB4E6;}


.footer_dingyue {width:900px;margin:10px auto;color:#fff;line-height:40px;}
.footer_dingyue a {color:#3cb4e6;}
.footer_dingyue a:hover {color:#ff0}
.footer_dingyue a.subscribe {float:left;background:#FFD200;color:#000;padding:0px 30px;}
.footer_dingyue a.subscribe:hover {background:#E6007E;color:#fff; }

.footer_dingyue span {float:left;margin:0 20px;}

.footer_dingyue ul li {width:30px;height:30px;float:left;margin:5px;}
.footer_dingyue ul li a{text-decoration:none;}

.st-item {display:block;width:30px;height:30px;position:relative;background:url(../images/stm32_qrico.png) no-repeat;}

.stwechat {background-position:0px 0px;}
.stfinder {background-position:-38px 0px;}
.stvideo {background-position:-76px 0px;}
.stbili {background-position:-115px 0px;}


.st-item .stwechat_qrcode {display:none;position: absolute;z-index:99;width:300px;height:180px; top:-178px; left:-135px;}
.st-item:hover .stwechat_qrcode {display: block!important;}


.st-item .stfinder_qrcode {display:none;position: absolute;z-index:99;width:300px;height:180px; top:-178px; left:-135px;}
.st-item:hover .stfinder_qrcode {display: block!important;}


.st-item .stvideo_qrcode {display:none;position: absolute;z-index:99;width:300px;height:180px; top:-178px; left:-135px;}
.st-item:hover .stvideo_qrcode {display: block!important;}

.footer_main {float:left;width:100%;border-top:solid 1px #264673;margin-top:20px}


.flexslider {
        margin: 0px auto;
        position: relative;
        width:100%;
        height:580px;
        overflow: hidden;
        zoom: 1;
    }
    
    .flexslider .slides li {
        width:100%;
    }
    
    .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: 50px;
        text-align: center;
    }
    
    .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;
    }




/* For devices smaller than 1000px */
@media screen and (max-width:1000px) {

.top {height:130px;}
.top_cont {width:100%;}
.top_logo {width:100%;text-align:center;}
.index_nav {width:100%;text-align:center;float: left;margin-top:14px;border-top:solid 1px #BBC9DB}
.index_nav ul li {width:18%;font-size:0.8rem;margin-left:1%;line-height:30px;}
.index_nav ul li a {margin:0px;}

.slide-banner iframe.banner {display:none;}

.main {width:98%;}

}



/* For devices smaller than 650px */
@media screen and (max-width:650px) {

.top {height:130px;}
.top_cont {width:100%;}
.top_logo {width:100%;text-align:center;}
.index_nav {width:100%;text-align:center;float: left;margin-top:14px;border-top:solid 1px #BBC9DB}
.index_nav ul li {width:18%;font-size:0.8rem;margin-left:1%;line-height:30px;}
.index_nav ul li a {margin:0px;}

.slide-banner iframe.banner {display:none;}

.main {width:94%;}

.block1_left {width:100%;}
.actual {width:88%;padding: 7px 5% 18px;}
.actual_cont ul li {width:50%;}
.newproduct ul li a {display:block;width:100%;}
.newproduct ul li img {width:95%;display:block;}

.actual_left {width:100%;}
ul.training_list {margin-bottom: 0px;}
ul.training_list li {padding: 0px 0px 5px;}
ul.training_list li .right_t {width:100%;float:left;}
ul.training_list li .right_t h3 {height:25px;line-height:25px;overflow:hidden;}

.block1_class {width:100%;}

.biock1_right {width:99%;margin-top:16px;float:left;}

.block2_con {float:left;width:88%;padding: 7px 5% 18px;}


.plan_area {float:left;width:99%;padding: 10px 0px;}
.plan_area .plan_top {padding:0px 25px}
.plan_area ul li {height:90px;line-height:22px;margin:0px 1% 10px;}
.plan_area ul li p {font-size:0.7rem;}
.plan_area ul li img {width:50px;}


.block3_con {float:left;width:88%;padding: 7px 5% 18px;}
ul.video_list {margin-bottom:00px;}
ul.video_list li {padding: 10px 0px;}
ul.video_list li .right_t {width:100%;float:left;}
ul.video_list li .right_t h3 {height:25px;line-height:25px;overflow:hidden;}

.biock1_right .peixun_hdong {margin:0px;}
.biock1_right .hot {height: 350px;}


#footer {margin: 40px auto 0;}
.footer_dingyue {width:100%;text-align:center;}
.footer_dingyue a.subscribe {margin-left:30%;}
.footer_dingyue span {float:left;width:100%;margin:0px;}
.footer_dingyue ul {width:60%;margin-left:30%;}

}




/* 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;}
}