@charset "utf-8";
/* CSS Document */

.content{width:100%;margin-top:50px;}

.con_list_left{width:270px;float:left;overflow:  hidden;}
.con_list_left ol li{width:270px;height: 52px;border:1px solid #ececec;box-sizing:border-box;margin-bottom:-1px;position:relative;z-index:10;background-image:url(../images/ad_blue.png);background-repeat:no-repeat;background-position: 240px 18px;transition: all 200ms ease-in-out;}
.con_list_left ol li a{padding-left:16px;padding-top:12px; display:block;box-sizing:border-box;width:270px;height: 52px;}
.con_list_left ol li h5{ font-size:18px; color:#2b2b2b; margin:0 0 9px 0; font-weight:normal;}
.con_list_left ol li dd{ font-size:16px; color:#b5b5b5;}
.con_list_left ol li.hover{ background-color:#1b57b0; border:none; border-left:4px solid #ff8432;background-image:url(../images/ad_white.png); z-index:99;}
.con_list_left ol li.hover h5{ color:#FFF;}
.con_list_left ol li.hover dd{ color:#a3b4d8;}

.con_pro_div{width: 270px;height: 335px;float:left;}
.con_pro_div ul{width: 270px;overflow: hidden;}
.con_pro_div ul li{overflow:hidden;height:85px;text-align:center;float:left;margin: 0 18px;margin-top:20px;width:60px;overflow:hidden;}
.con_pro_div ul li img{transition:all 200ms ease-in-out;}
.con_pro_div ul li.con_div{ width:1px; margin:0;margin-top:20px;}
.con_pro_div ul li span{ display:block; height:65px; margin-top:5px; width:1px; background-color:#e7e7e7;}
.con_pro_div ul li h5{font-size:17px;margin-top: 8px;color:#000;font-weight:normal;}
.con_pro_div ul li:hover img{-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;}

.con_hot{width: 270px;float:left;margin-right: 35px;margin:  30px 0 30px 0;}
.con_hot dl dt{overflow:hidden;margin: 20px 0 24px 0;}
.con_hot dl dt:hover .other_nr h5{ color:#1b57b0 }
.con_hot dl dt .other_img{ width:135px; height:100px; float:left}
.con_hot dl dt .other_nr{width: 215px;float:left;margin-left:15px;overflow:hidden;}
.con_hot dl dt .other_nr h5{ font-size:20px; line-height:23px; height:23px; overflow:hidden; font-weight:normal; color:#2c2c2c}
.con_hot dl dt .other_nr p{ font-size:14px; line-height:23px; height:69px; overflow:hidden; color:#717171; margin-top:7px;}
.con_hot dl dd{ margin:15px 0;}
.con_hot dl dd a{color:#333;font-size:16px;width: 233px;height:  21px;overflow: hidden;display:  block;}
.con_hot dl dd a:hover{ color:#2067d1;}
.con_hot dl dd span{display:block;width:5px;height:5px;background-color:#ff8432;float:left;margin:7px 10px;margin-left: 5px;}

.page{  position: relative;left: 50%;float: left;}
.page_nr{position: relative;left: -50%;}
.page a{float:left; display:block; padding:4px 9px 5px 9px;background-color: #fff;margin-right:3px;font-size: 15px; color:#8A8A8A;border:1px solid #fff; }
.page a:hover{border:1px solid #317dcc; color:#317dcc;}
.page b{display:block; float:left;padding:4px 8px 2px 8px; color:#317dcc; font-size: 15px;}
.page a.num{padding:4px 9px 5px 9px;}
.page a.num:hover{border:1px solid #317dcc; color:#317dcc;}


.content .con_title_l{font-size:23px;color:#000;box-sizing: border-box;height:50px;border-bottom: 1px solid #e8e8e8; }
.content .con_title_l h4{color:#333; float:left;line-height:50px;height:50px;box-sizing:  border-box;font-weight:normal; padding-right:15px;}
.content .con_title_l span{display:block;float:left;background-color:#2067d1;width:4px;height:27px;margin-top: 13px;margin-right: 10px;}
.content .con_title_l o{ display:block; float:left;font-size:16px; color:#999; height:50px; line-height:58px;}
.content .con_title_l a{float:right;display:block;height:50px;line-height: 67px;color:#6a9ce7;font-size:14px;}
.content .con_title_l a.news_icon{ line-height:42px; margin-right:35px;}

.con_title4{width:100%;overflow: hidden;}
.con_title4 h4{font-size:18px;height:20px;line-height:20px;display:block;color:#333;font-weight:normal;float: left;}
.con_title4 a{float:right;display:block;height: 20px;line-height: 20px;color:#6a9ce7;font-size:14px;}

.con_pro_bottom{ margin-top:30px;width:1200px; height:355px;;}
.con_pro_div{width: 270px;height: 335px;float:left;}
.con_pro_div ul{width: 268px;overflow: hidden;}
.con_pro_div ul li{overflow:hidden;height:85px;text-align:center;float:left;margin: 0px 14px;margin-top: 16px;width:60px;overflow:hidden;}
.con_pro_div ul li img{transition:all 200ms ease-in-out;}
.con_pro_div ul li.con_div{ width:1px; margin:0;margin-top:20px;}
.con_pro_div ul li span{ display:block; height:65px; margin-top:5px; width:1px; background-color:#e7e7e7;}
.con_pro_div ul li h5{font-size:17px;margin-top: 8px;color:#000;font-weight:normal;}
.con_pro_div ul li:hover img{-moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;}

.con_pro_hot{float:right;width:816px;height: 335px;}
.con_pro_hot ol{width:816px;height:293px;margin-top: 5px;}
.con_pro_hot ol a:nth-of-type(4) li{ margin-right:0;}
.con_pro_hot ol a:nth-of-type(8) li{ margin-right:0;}
.con_pro_hot ol li{ transition:all 200ms ease-in-out;margin-top:17px;margin-right:20px;position:relative;width:189px; height:138px; float:left; background-position:center; background-size:100%; background-repeat:no-repeat;}
.con_pro_hot ol li:hover{ background-size:110%;}
.con_pro_hot ol li h5{ position:absolute; bottom:0; height:55px; line-height:82px; font-weight:normal; font-size:14px; display:block; color:#fff; width:189px; text-align:left; text-indent:1em;
  background: -webkit-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* Safari 5.1 - 6 */
  background: -o-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* Opera 11.1 - 12*/
  background: -moz-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* Firefox 3.6 - 15*/
  background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)); /* 标准的语法 */}

.con_learn{ width:100%; margin-top:50px;}
.c4{ width:100%;  height:auto; overflow:hidden; margin-top:33px;}
.c4_bg{width:100%;background-color:#373d41; }
.c4 ul{ width:1200px; margin:0 auto;}
.c4 ul li{ width:171px; height:336px; float:left; background-color:#000;}
.c4 ul li img{ width:100%; height:auto;}
.c4 ul li a{display: block; position: relative; }
.c4_des{ position:absolute; top:0; width:100%; height:100%;  background-repeat:no-repeat; background-position: top 35% center;overflow: hidden;background-color:rgba(0, 0, 0, 0.6);transition:all 200ms ease-in-out}
.pro1{background-image:url(../images/pro1_h.png);}
.pro2{background-image:url(../images/pro2_h.png);}
.pro3{background-image:url(../images/pro3_h.png);}
.pro4{background-image:url(../images/pro4_h.png);}
.pro5{background-image:url(../images/pro5_h.png);}
.c4_des span{transition:all 200ms ease-in-out; display:block; width:20px; height:2px; background-color:#fff; margin:0 auto; margin-top:17%;}
.c4_des h5{transition:all 200ms ease-in-out; margin-top: 72%;font-weight:normal; color:#FFFFFF; font-size:26px; text-align:center;}
.c4_des i{ transition:all 200ms ease-in-out;font-style:normal; border:1px solid #fff; color:#FFF; width:98px; height:33px; font-size:14px; line-height:33px; display:block; margin:0 auto; text-align:center; opacity:0; margin-top:25%;}
.c4_des i:hover{ color:#1999da; background-color:#fff; font-weight:bold;}
.c4 ul li a:hover .c4_des{background-position: top 25% center; background-color:rgba(0, 142, 214, 0.8);}
.c4 ul li a:hover span{ opacity:0;}
.c4 ul li a:hover i{ opacity:1; margin-top:10%;}
.c4 ul li a:hover h5{margin-top: 58%;}


.content .con_title_s{font-size:23px;color:#000;box-sizing: border-box;height:50px;border-bottom: 1px solid #e8e8e8; }
.content .con_title_s h4{color:#333; float:left;line-height:50px;height:50px;box-sizing:  border-box;font-weight:normal; padding-right:15px;}
.content .con_title_s span{display:block;float:left;background-color:#2067d1;width:4px;height:27px;margin-top: 13px;margin-right: 10px;}
.content .con_title_s o{ display:block; float:left;font-size:16px; color:#999; height:50px; line-height:58px;}
.content .con_title_s a{float:right;display:block;height:50px;line-height: 67px;color:#6a9ce7;font-size:14px;}
.content .con_title_s a.news_icon{ line-height:42px; margin-right:35px;}

.con_news{width:1200px;margin:0 auto;margin-top:50px;}
.news_body{width:1200px;margin-top:20px;overflow:  hidden;}
.news_img{ width: 326px; height:516px; float:left}
.news_article{width: 880px;float:right;overflow: hidden;}
.news_article .article_head h1{ font-size:34px; font-weight:normal; color:#000; line-height:45px; display:block;}
.news_article .article_head span{ color:#999; font-size:16px; display:block; margin-top:12px; }
.news_article .article_body { font-size:20px; line-height:35px; color:#444; margin-top:45px; padding:0 15px;border-bottom:1px solid #ececec; padding-bottom:40px;}
.news_article .article_body img{ margin:10px 0; max-width:700px; }
.news_article .article_body a{ color:#666666;}
.news_article .article_bottom{ font-size:16px; color:#bdbdbd; margin-top:15px; margin-bottom:10px; overflow:hidden;}
.news_article .article_bottom a{color:#bdbdbd;}
.news_article .article_bottom .article_last{ float:left; width:400px; overflow:hidden}
.news_article .article_bottom .article_next{ float:right;width:400px; overflow:hidden; text-align:right;}