﻿.W270{width:270px;}
.mt10{margin-top:10px;}
.pad0-15{padding:0 15px;}
.pad10-15{padding:10px 15px;}
.bord{border:1px solid #ddd}
.bordT{border-top:1px dashed #ddd}

.title_header {border-bottom: 0px;}
.title_header h2 {font-size: 18px;font-weight: bold;color: #5D5D5D;line-height: 40px;border-bottom: 1px #ccc dotted;background:url(/Sites/Uploaded/UserUpLoad/20161229/20161229092806.jpg) no-repeat; color:#fff}

.title_header h2 a.more{float: right;font-size: 14px;font-weight: 100;color: #fff;}
.title_header h2 a.more:hover{font-size: 16px;transition: all 0.5s ease 0s;
 -moz-transition: all 0.5s ease 0s;
 -webkit-transition: all 0.5s ease 0s;
 -o-transition: all 0.5s ease 0s;}
ul.article_list li{font-size: 16px;line-height: 32px;background: url(/Content/Areas/Common/images/XinBan/list_dot.png) no-repeat 0 center;padding-left:10px;white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;}
ul.article_list li a{color: #666;font-size: 16px; }
ul.article_list li a:hover{color: #388dc7;}
/* .H126{height:126px;} */
.H126{height:95px;}

.main{margin:15px auto 35px;}
.main_L{width:230px;}
.main_R{width:955px;}
div.nav_L ul.nav_list_1{display: block!important;}

.main_L a.banner_1 img:hover {
 opacity: 0.7;
 transition: all 0.2s ease 0s;
 -moz-transition: all 0.2s ease 0s;
 -webkit-transition: all 0.2s ease 0s;
 -o-transition: all 0.2s ease 0s;
}

/*图片滚动*/
.scroll_img{position: relative;*zoom:1;margin-bottom: 8px;*height:355px;_width:670px; }
.pic li {  width:670px; height:355px;} 
.pic li img{width:100%;height:355px;}
.tit { bottom:0; height: 36px; left:0; overflow: hidden; position: absolute;padding-left: 5px;z-index: 10; _width:670px; line-height:36px;*zoom:1}
.tit li a{ color:#fff; line-height:36px; padding:0 0 0 10px;transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;font-size: 16px;}
.num{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:12px; padding:0 5px 0 0; width:auto!important; z-index: 10;*zoom:1}
.num li{ float:left; width:10px; height:10px; font-size:0; background:#fff; font-size:0; line-height:0;cursor:pointer;margin-left:5px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;
transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s ;-webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s}
.num li.s{ background:#1297f1;}
.op_bg{ position:absolute; width:100%; height:36px; bottom:0; left:0; background:url(/Sites/Uploaded/UserUpLoad/20160108/20160108165929.png) repeat;*zoom:1}
.dis{display: block;}
.undis{display: none}

.scroll_img{position: relative;*zoom:1;margin-bottom: 8px;width:670px; height:355px;}
.scroll_img .main_visual{width:670px; height:355px;}
.scroll_img .main_image {  width:670px; height:355px; overflow: hidden; border-top:none} 
.scroll_img .main_image li{width:670px; height:355px; position:absolute; left:0; top:0}
.scroll_img .main_image li h1{ position:absolute; width:100%; height:36px; bottom:0; left:0; background:url(/Sites/Uploaded/UserUpLoad/20160108/20160108165929.png) repeat;*zoom:1; line-height:36px}
div.main_R .scroll_img .main_image a img{ width:670px; height:355px;}
.main_L a.banner_1 img{width:230px;height:115px;}

ul.icon_List{margin-top: 0}
ul.icon_List li{float: left;width:237px;height:115px;background: #055999;text-align: center;border-right:1px solid #657585;}
ul.icon_List li:hover{background: #3f5366;}
ul.icon_List li a{font-size: 20px;color: #fff;display: block;padding-top: 60px;line-height: 55px;height: 55px; }
ul.icon_List li.Hover a{color: #fff;}
a.icon_5{background: url(/Content/Areas/News/images/ZhuanYeBan/icon_1.png) no-repeat center 15px;}
a.icon_6{background: url(/Content/Areas/News/images/ZhuanYeBan/icon_2.png) no-repeat center 15px;}

a.icon_7{background: url(/Sites/Uploaded/UserUpLoad/20170113/20170113152743.png) no-repeat center 15px;}
a.icon_8{background: url(/Sites/Uploaded/UserUpLoad/20170113/20170113152814.png) no-repeat center 15px;}


ul.icon_List li a,ul.icon_List li{
  transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
}


@media only screen and (max-width:768px){
.main{padding: 0 10px;}
.main_L a.banner_1 img{display: none; }
.main_R,.bord { width: 100%;}
.con_box{ width: 50%;float: left; }
ul.icon_List li{ width: 24.5%; }
.scroll_img,.scroll_img .swiper-box,.pic li img,.scroll_img img { width: 744px;  height: 410px;  float: right;}
.bord { margin-top: 20px;}
.scroll_img .main_visual{ width:100% !important}
.scroll_img .main_image{ width:100% !important}
.scroll_img .main_image li{ width:100%}
.title_header h2{ background:url(/Sites/Uploaded/UserUpLoad/20161229/20161229092806.jpg) repeat-x;}
}

@media only screen and (max-width:768px){
.scroll_img { width: 74%;  height: 410px;  float: right;}
.scroll_img .main_visual,.scroll_img .main_image,.scroll_img .main_image li,div.main_R .scroll_img .main_image a img { width: 100%;  height: 410px;  float: right;}
}
@media only screen and (max-width:768px){
  .scroll_img { width: 73%;}
}

@media only screen and (max-width:738px){
  .main{-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-sizing: border-box;padding:0px 10px; margin: 0; }
  .main_L{display: none;}
  .main_R{width:100%;float: none;}

  .fr.W270.bord{width:100%;float: none;margin-top:15px;}
  div.con_box{ width: 48%;float: left; margin:15px 1% 0;}
  .bordT{border:none}
  .fr.W270.bord:after{content: "";height:0;display: block;clear: both;}
  ul.icon_List li{width:50%;border:none;border-bottom: 1px solid #d3e9f7;}
  ul.icon_List li a{border-right:1px solid #d3e9f7;}
 .H126{height:auto;}
}

@media only screen and (max-width:768px){
   .scroll_img { width:100%; height:auto; overflow:hidden}
}

@media only screen and (max-width:690px){
   .scroll_img .main_visual,.scroll_img .main_image,.scroll_img .main_image li,div.main_R .scroll_img .main_image a img {width:100%;height:360px;}
   
}
@media only screen and (max-width:620px){
 .main_R{ margin-top:10px}
 .scroll_img .main_visual,.scroll_img .main_image,.scroll_img .main_image li,div.main_R .scroll_img .main_image a img {height:320px;float: none; overflow:hidden}
 div.con_box{width:100%; margin:0; margin-top:0}
   .bordT{border-top:1px dashed #ddd}
}
@media only screen and (max-width:520px){
   .scroll_img .main_visual,.scroll_img .main_image,.scroll_img .main_image li,div.main_R .scroll_img .main_image a img {height:280px;}
}
@media only screen and (max-width:450px){
 .scroll_img .main_visual,.scroll_img .main_image,.scroll_img .main_image li,div.main_R .scroll_img .main_image a img {height:180px;}
} 