@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 ul{ margin-top:15px; overflow:hidden;}
.con_hot ul li{float:left;width: 248px;height:315px;margin-left:  12px;}
.con_hot ul li:hover .mall_img{background-size:110%;}
.con_hot ul li .mall_img{width: 250px;height: 182px;background-position:center;background-size:100%;transition:all 200ms ease-in-out;}
.con_hot ul li .mall_img a{ display:block; width:100%; height:100%}
.con_hot ul li h5{ font-size:18px;  line-height:27px; color:#2b2b2b; height:54px; overflow:hidden; font-weight:normal; display:block; margin:10px 0;}
.con_hot ul li span{ font-size:18px;  line-height:27px; color:#ff8432}
.con_hot ul li:nth-of-type(3){ margin-right:0;}
.con_hot ul li:nth-of-type(6){ margin-right:0;}


.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: 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_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;}

.content .con_title_m{font-size:22px;color:#000;box-sizing: border-box;height:50px;border-bottom: 2px solid #2067d1; padding-left:15px; }
.content .con_title_m h4{color:#333; float:left;line-height:50px;height:50px;box-sizing:  border-box;font-weight:normal; padding-right:15px;}
.content .con_title_m span{display:block;float:left;background-color:#2067d1;width:4px;height:27px;margin-top: 13px;margin-right: 10px;}
.content .con_title_m o{ display:block; float:left;font-size:16px; color:#999; height:50px; line-height:58px;}
.content .con_title_m a{float:right;display:block;height:50px;line-height: 67px;color:#6a9ce7;font-size:14px;}
.content .con_title_m 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}
.mall_product{width: 880px;float:right;overflow: hidden;}
.mall_product .article_head { overflow:hidden;}
.mall_product .article_head .head_img{float:left;width:343px;height:346px;box-sizing:border-box;border:1px solid #e7e7e7;background-color:#fff;background-position:center;background-size:343px auto;background-repeat:no-repeat;overflow: hidden;}
.mall_product .article_head .head_des{ height:346px; width:520px; float:right;}
.mall_product .article_head h1{ font-size:26px; font-weight:normal; color:#000; line-height:34px; display:block; width:520px; box-sizing:border-box; padding-right:50px;border-bottom:1px solid #e7e7e7; padding-bottom:10px;}
.mall_product .article_head dl dt{overflow:hidden;margin-top: 12px;margin-bottom: 8px;}
.mall_product .article_head dl dt h5{ font-weight:normal; float:left; display:block; font-size:18px; line-height:26px; color:#2b2b2b; }
.mall_product .article_head dl dt:nth-of-type(1) h5{ margin-top:4px;}
.mall_product .article_head dl dt i{ font-style:normal; font-size:24px; color:#ff8432; font-weight:bold; float:left; display:block;}
.mall_product .article_head dl dt o{ font-size:18px; line-height:26px; color:#666; height:130px; width:400px; float:left; overflow:hidden}
.mall_product .article_head dl dd{ overflow:hidden; margin-top:30px;}
.mall_product .article_head dl dd a{ width:167px; height:53px; display:block; background-color:#000; float:left; color:#fff; font-size:24px; line-height:50px; text-align:center; margin-right:15px;}
.mall_product .article_head dl dd a:nth-of-type(1){ background-color:#ff8432}
.mall_product .article_head dl dd a:nth-of-type(2){ background-color:#4391ea}
.mall_product .article_body {font-size:20px;line-height:35px;color:#444;margin-top: 25px;padding:0 15px;border-bottom:1px solid #ececec;padding-bottom:40px;}
.mall_product .article_body img{ margin:10px 0; max-width:700px; }
.mall_product .article_body a{ color:#666666;}
.mall_bottom{ margin-top:30px;}
.mall_bottom ul{ overflow:hidden; margin-top:20px}
.mall_bottom ul li{ float:left; width:270px; height:315px; margin-right:33px;}
.mall_bottom ul li:hover .mall_img{background-size:110%;}
.mall_bottom ul li .mall_img{ width:270px; height:197px; background-position:center; background-size:100%; transition:all 200ms ease-in-out;}
.mall_bottom ul li .mall_img a{ display:block; width:100%; height:100%}
.mall_bottom ul li h5{ font-size:18px;  line-height:27px; color:#2b2b2b; height:54px; overflow:hidden; font-weight:normal; display:block; margin:10px 0;}
.mall_bottom ul li span{ font-size:18px;  line-height:27px; color:#ff8432}
.mall_bottom ul li:nth-of-type(3){ margin-right:0;}
.mall_bottom ul li:nth-of-type(6){ margin-right:0;}

.mall_input_h{width:100%;text-align:center;margin-top:  40px;border-top: 2px solid #2067d1;padding-top: 20px;}
.mall_input_h h5{ font-size:24px; font-weight:normal;}
.mall_input_h p{font-size:14px; color:#999;}
.c9_hr{background-color:rgba(44, 44, 44, 0.09);width: 407px;margin:0 auto;padding:6px;margin-top: 5px;}
.c9_hr form{width: 407px;background-color:#f1f1f1;padding-top:26px;height: 230px;}
.c9_hr li{width: 349px;overflow: hidden;margin:0 auto;margin-bottom:20px;}
.c9_hr input{width: 349px;padding-left:17px;height: 56px;background-color:#FFFFFF;border:0;color: #c5c5c5;font-size: 16px;}
.c9_hr textarea{ width:451px; height:104px;padding-left:17px; padding-top:10px; background-color:#FFFFFF; border:0;font-size:14px;  }
.c9_hr input#button{width:166px;height: 53px;background-color:#ff8432;font-size: 20px;color:#FFFFFF;padding:0;display:block;cursor:pointer;float: left;}
.c9_hr input#button2{ background-color:#4391ea; margin-left:17px;width:166px;height: 53px;font-size: 20px;color:#FFFFFF;padding:0;display:block;cursor:pointer;float: left;}
.c9_hr li:nth-of-type(3){ display:none;}