@charset "utf-8";
/* CSS Document */
html { overflow-x: hidden; }
.banner{ width:100%; overflow: hidden; position: relative; margin: 45px 0 0 0; }



.content{width:100%;overflow:hidden;}
.mode01{max-width:1320px;overflow:hidden; margin: 36px auto 0; }
.news { width: 100%;  }
.news .title { height: 55px; line-height: 55px;   /*background: url(../../images/2018images/news_bg_03.png) no-repeat 23px top;*/ }
.news h2 { padding: 0 0 0 20px; background: url(../../images/2018images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 2.0em; color: #2253c2; }
.news .title a { float: right; color: #666666; font-size: 1.6em; }
.news .title a:hover { font-weight: bold; }


.news_con { overflow: hidden; }
.news_left { width: 48%; float: left; }
.news_right { width: 48%; float: right; }




.lbanner_lsm { overflow: hidden; }
.news_img{width: 280px;float: left;}
.news_img a{display: block;width: 100%;height: 0;padding-bottom:75%;overflow: hidden; }
.lsm { margin: 0 0 0 302px; }
.lsm h3 a { font-size: 18px; font-size: 1.8em; }
.lsm_con { font-size: 12px; margin: 15px 0 35px 0; font-size: 12px; line-height: 24px; height: 72px; overflow: hidden; }
.lsm_p {font-size: 14px;color: #999999;text-align: right;font-style: oblique;margin-right: 5px;}
.news_con ul {  margin: 30px 0 0 0; }
.news_con ul li { overflow: hidden; margin: 0 0 38px 0; }
.news_con ul li a { margin: 0 0 0 70px; display:block; font-size: 18px;  font-weight: bold;height: 54px;line-height: 27px;overflow: hidden; }
.news_date { width: 54px; height: 54px; background: #00a0e9; float: left; }
.news_date .day { font-size: 19px; color: #ffffff; font-style: oblique; text-align: center; width: 40px; border-bottom: 2px solid #ffffff; margin: 5px auto 0; }
.news_date .month { font-size: 12px; color: #ffffff; font-style: oblique; text-align: center; }





.mode02{max-width:1320px;overflow:hidden; margin: 36px auto 0; }
.work { width: 100%;overflow: hidden;  }
.work .title { height: 55px; line-height: 55px;   /*background: url(../../images/2018images/work_title_03.png) no-repeat 23px top;*/ }
.work h2 { padding: 0 0 0 20px; background: url(../../images/2018images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 2.0em; color: #2253c2; }
.work .title a { float: right; color: #666666; font-size: 1.6em; }
.word .title a { font-weight: bold; }
.work ul li { float: left; width: 23%; margin: 0 2.6% 0 0; position: relative; }
.work ul li.one span {position: absolute; top: 0px;left:0; width: 20px; height: 80px; background: #2a35bc; color: #ffffff; display: inline-block; writing-mode:tb-rl; vertical-align: middle; text-align: center;  }
.work ul li.one .li_title_con { width: auto; margin: 0 0 0 20px; border-top: 4px solid #2a35bc; }
.work ul li.one .li_title_con h3 { height: 55px; padding: 10%; background: #2a35bc;
    background: -webkit-linear-gradient(left, #2a35bc , #1488cc);
    background: -o-linear-gradient(right, #2a35bc , #1488cc);
    background: -moz-linear-gradient(right, #2a35bc , #1488cc);
    background: linear-gradient(to right, #2a35bc , #1488cc); color: #ffffff; overflow: hidden; }
.work ul li.one .li_title_con h3 a { color: #fff; font-size: 16px; display: block;height: 44px;line-height: 22px;overflow: hidden;}
.li_con { padding: 10%; height: 154px; background: #efeff4; line-height: 22px; overflow: hidden; font-size: 12px; }
.li_con  a{color:#666;line-height: 22px;max-height: 154px;overflow: hidden;display: block;}

.work ul li.two span { position: absolute; bottom: 0px;left:0; width: 20px; height: 80px; background: #2a35bc; color: #ffffff; display: inline-block; writing-mode:tb-rl; vertical-align: middle; text-align: center;  }
.work ul li.two .li_title_con { width: auto; margin: 0 0 0 20px; border-bottom: 4px solid #2a35bc; }
.work ul li.two .li_title_con h3 { height: 55px; padding: 10%;background: #2a35bc;
    background: -webkit-linear-gradient(left, #2a35bc , #1488cc);
    background: -o-linear-gradient(right, #2a35bc , #1488cc);
    background: -moz-linear-gradient(right, #2a35bc , #1488cc);
    background: linear-gradient(to right, #2a35bc , #1488cc);  color: #ffffff; }
.work ul li.two .li_title_con h3 a { color: #fff; font-size: 16px;height: 44px;line-height: 22px;overflow: hidden;}
.work ul li.last { margin: 0px; float: right; }







.mode03{max-width:1320px;overflow:hidden; margin: 36px auto 0; }
.integrify { width: 100%; }
.integrify .title { height: 55px; line-height: 55px;   /*background: url(../../images/2018images/inte_bg_03.png) no-repeat 23px top; */}
.integrify h2 { padding: 0 0 0 20px; background: url(../../images/2018images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 2.0em; color: #2253c2; }
.integrify .title a { float: right; color: #666666; font-size: 1.6em; }
.integrify .title a:hover { font-weight: bold; }
.integrify_con { overflow: hidden; }
.integrify_left { width: 48%; float: left; }
.integrify_right { width: 48%; float: right; }
.integrify_con li { padding: 0px 0 0px 44px; background: url(../../images/2018images/star_03.png) no-repeat left 17px; }
.integrify_con li a {height: 43px;line-height: 43px;overflow: hidden; border-bottom: 1px solid #dedede; display: block; font-size: 16px; font-weight: bold; }
.integrify_con li.first a { border: 0px; }
.first_con { font-size: 12px; line-height: 24px; border-bottom:1px solid #dedede; height: 72px;overflow: hidden; padding-bottom: 10px; }
.integrify_right li a{height: 49px;line-height: 49px;}








.mode04{max-width:1320px;overflow:hidden; margin: 36px auto 0; }
.policy { width: 100%; }
.policy .title { height: 55px; line-height: 55px;  /* background: url(../../images/2018images/policy_title_03.png) no-repeat 23px top;*/ }
.policy h2 { padding: 0 0 0 20px; background: url(../../images/2018images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 2.0em; color: #2253c2; }
.policy .title a { float: right; color: #666666; font-size: 1.6em; }
.policy .title a:hover { font-weight: bold; }
.policy ul li {  width: 48%; float: left; margin: 0 0 2% 0;*margin:0 1% 2%;  }
.policy ul li:nth-child(2n){ float: right;}
.policy ul li a {height: 34px; overflow: hidden; font-size: 16px; font-weight: bold; padding: 24px 24px 24px 81px;   display: block; background: url(../../images/2018images/policy_li_03.png) no-repeat 36px center #efeff4; }
.policy ul li a:hover { font-weight: bold; }
.policy ul li span { height: 34px; overflow: hidden; line-height: 34px; border-left: 1px solid #dedede; padding: 0 0 0 24px; display: block; }






.mode05{max-width:1320px;overflow:hidden; margin: 36px auto 50px; }
.mission { width: 100%; }
.mission .title { height: 55px; line-height: 55px;   /*background: url(../../images/2018images/mission_title_03.png) no-repeat 23px top;*/ }
.mission h2 { padding: 0 0 0 20px; background: url(../../images/2018images/title_bg_03.png) no-repeat left center; width: auto; float: left; font-size: 2.0em; color: #2253c2; }
.mission .title a { float: right; color: #666666; font-size: 1.6em; }
.mission .title a:hover { font-weight: bold; }
.mission ul { overflow: hidden; margin: 20px 0 0 0; }
.mission ul li { float: left; width: 370px; height: 370px; margin: 0 3% 0 0; background: url(../../images/2018images/mission_con_03.png) no-repeat; margin: 0 102px 0 0; }
.mission ul li.last { margin: 0px; }
.mission_c { padding: 10% 20% 10% 10%; }
.mission_c h3 { font-size: 16px; padding: 0 0 10px 0; border-bottom: 1px solid #dedede; }
.mission_con { line-height: 28px; font-size: 12px; margin: 5px 0 0 0; }
.mission_c p { font-size: 12px; color: #999999; font-style: oblique; text-align: right; }


.policy ul li:hover a,.policy ul li.active a{background: url(../../images/2018images/policy_li_03_hover.png) no-repeat 36px center;
   }
.policy ul li:hover,.policy ul li.active{
    background: -webkit-linear-gradient(left, #2a35bc , #1488cc);
    background:  -o-linear-gradient(right, #2a35bc , #1488cc);
    background:  -moz-linear-gradient(right, #2a35bc , #1488cc);
    background:linear-gradient(to right, #2a35bc , #1488cc);}

.policy ul li:hover a span,.policy ul li.active a span{color:#fff;}


.mission ul li:hover,.mission ul li.active { background: url(../../images/2018images/mission_con_03_hover.png) no-repeat; }
.mission ul li:hover .mission_c h3 a ,.mission ul li.active .mission_c h3 a{color:#fff;}
.mission ul li:hover .mission_con,.mission ul li.active .mission_con{color:#fff;}
.mission ul li:hover .mission_c p,.mission ul li.active .mission_c p{color:#fff;}



/*图片轮播*/
.Banner .flexslider{ width:100%;   overflow: hidden; position: relative;}
.Banner .flexslider a{display:block; }
.Banner .flexslider li a.flex-prev {display: block; transition: all 1s ease 0s; width: 70px; height: 70px; background: url(../../images/2018images/arrow_left_03.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -35px 0 0 -660px; z-index: 9999; text-indent: 9998px;}
.Banner .flexslider li a.flex-next {display: block; transition: all 1s ease 0s; width: 70px; height: 70px; background: url(../../images/2018images/arrow_right_03.png) no-repeat; position: absolute; right: 50%; top: 50%; margin: -35px -660px 0 0; z-index: 9999; text-indent: 9998px;}

.Banner .flexslider li a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; }
.Banner .flexslider img{ display: block; width:100%;  }
.Banner .flexslider .til_slides{ width:100%; height: 60px; position: absolute;bottom:0; left:0;background:url(../../images/2018images/banner_bg.png) repeat; line-height: 60px;font-size:14px;color:#fff; padding-left: 50%; margin: 0 0 0 -660px;}
.Banner .flex-control-nav{ position:absolute;bottom:25px;right:50%; margin: 0 -660px 0 0; text-align: right;z-index:99}
.Banner .flex-control-paging li{ margin:0 10px 0 0;float:left;}
.Banner .flex-control-paging li a{ width: 9px; height: 10px;   background:url(../../images/2018images/a_03.png) no-repeat; text-indent:9999px;}
.Banner .flex-control-paging li a:hover,.flex-control-paging li a.flex-active{background:none;width:9px;height:10px; background: url(../../images/2018images/a_hover_03.png) no-repeat;}
.news_list{width:50%;overflow:hidden;font-size:1.3em;float:right;}
.news_list li{background:url(../../images/2018images/icon.png) no-repeat;background-position:-19px -452px;height:2.5em;line-height:2.5em;overflow:hidden;}
.news_list li a{padding-left:12px;}
.news_list li span{float:right;margin-left:8px;}

@media screen  and (max-width:1320px) {
 .mode01,.mode02,.mode03,.mode04,.mode05{width:96%;margin:36px auto;}
 .flex-direction-nav { display: none; }
  .flex-control-nav { right: 2%;margin: 0px; }
  .flexslider .til_slides { width: 100%; padding-left: 20px; margin: 0px; }
 .mode03 { width: 96%; margin: 36px auto 50px; }
 .xueshu { width: 100%; float: none; }
 .zhidu { width: 100%; float: none; }
 .banner { margin: 0px; }
 .news_left { width: 100%; float: none; }
 .news_right { width: 100%; float: none; }
 .work ul li { width: 47%; margin: 0 3% 2% 0; }
 .work ul li.last { margin: 0 3% 2% 0; float: left; }
 .integrify_left { width: 100%; float: none; }
 .integrify_right { width:100%; float: none; }
 .mission ul li { background: #efeff4; width: 31.2%; margin: 0 3% 0 0; height: auto; }
 .mission_c { padding:10% 10% 10% 10%; }
 .Banner .flexslider .til_slides{margin:0;left:0;padding:0;text-indent: 2em;}
 .Banner .flex-control-nav{right: 0;margin:0;}
 .first_con{height: auto;}
 .mission ul li:hover,.mission ul li.active { background: #1b6fc7; }
 }

@media screen  and (max-width:800px) {
  .flex-control-nav{bottom:20px;}
  .flexslider .til_slides { display: none; }

  .tongzhi ul li a { width: 67%; }
}
@media screen  and (max-width:770px) {
	.carInfo li{font-size:1.3em;}
	.link001 div a{padding-left:9px;}
	.topicInfo li{width:29.6%;}
  .sm_con { width: auto; padding: 56px 12%; position: relative; top: 0px; left: 0px; height: auto; margin: 0 auto; display: block; }
  .sm img { display: block; margin: 0 auto; width: 100%; }
  .news h2,.work h2,.integrify h2,.policy h2,.mission h2{font-size: 18px;}
  .lsm h3 a,.news_con ul li a{font-size: 16px;}
  .mission_c{padding:20px;}
	}

@media screen and (max-width:640px) {
  .channel ul li{height:26px;line-height:26px;}
  .channel ul li a{font-size:12px;font-weight:normal;display:block}
  .topicInfo li{width:29.6%;}
  .news_pic{width:300px;}
  .news_list{margin-left:330px;}
  
 }

@media screen and (max-width:600px) {
  .news_pic{position:absolute;width:346px;left:50%;margin-left:-173px;}
  .news_list{width:100%;margin:250px 0 0 0;}
  .notice_list li{width:100%;}
  .mode01, .mode02, .mode03, .mode04, .mode05{width: 94%;margin:20px auto;}
  .zhidu ul li { background: url(../../images/2018images/li_03.png) no-repeat left 14px; }
  .zhidu ul li a { width: 60%; overflow: hidden; display: inline-block; }
  .xueshu ul li { background: url(../../images/2018images/li_03.png) no-repeat left 8px; margin: 0 0 5px 0; }
  .xueshu ul li a { width: 60%; overflow: hidden; display: inline-block; line-height: 25px; }
  .work ul li { width: 100%; float: none; }
  .work ul li.one .li_title_con h3,.work ul li.two .li_title_con h3 { padding: 5%; height: auto; }
  .li_con { height: auto; }
  .Banner1 { float: none; margin: 0 auto 20px; }
  .policy ul li { width: 100%; float: none; }
  .policy ul li a { height: auto; }
  .policy ul li span  { height: auto; line-height: 25px; }
  .mission ul li { width: 100%; float: none; margin: 0 0 2% 0; }
  .work ul li.one .li_title_con h3 a{height: auto;}
}
@media screen and (max-width:480px) {
 .title01 h2{font-size:18px;width:88px;padding-left:39px;}
 .carInfo li a{font-size:1.1em;}
 .mode02 .title01 h2{width:104px;}
 .tongzhi ul li { height: auto; }
 .tongzhi ul li a { margin: 0px; }
 .news_img{float: none;margin:0 auto;}
 .lsm{margin:15px 0 0 0;}
}

@media screen /*and (min-width:320px)*/ and (max-width:360px) {
  .carInfo .talk{width:48%;}
  .carInfo .bbs{width:48%;}
}