@charset "utf-8";
.m-projector{display: none;}
.projector{position: relative; height: 460px;}
.projectors{position: relative; width:100%; height: 460px;}
.projectors ul li{position: absolute; width:100%; height: 460px; background-repeat: no-repeat; background-position: center 0; display: none;}
.projectors ul li img{width: 100%; height: 460px;}
.projectors ul li p { position:absolute; top:110px; width:60%; margin-left:20%; padding-top:30px; padding-bottom:30px; background-color: rgba(26,94,176,0.7); color:#fff; font-size:42px; text-align:center; display: none;}
.projector .num{ position:absolute; left:50%; bottom:10px; width:66px; margin-left:-33px; }
.projector .num ul li{float: left; display: inline; width: 12px; height: 12px; border-radius: 50%; margin-left: 5px; margin-right: 5px; border: 2px solid #fff; background-color: #e8e8e8; cursor: pointer;}
.projector .num ul li.xcur{background-color: #fff; border: 2px solid #d81d25;}

.content{ padding-left:40px; padding-right:40px; padding-top:40px;}
.primary{ float: left; clear:left; width: 740px;}
.secondary{ float:right; clear:right; width:380px;}

.cmsCate li{ display:inline; float: left; width:345px; margin-bottom:25px; margin-right:25px; }
.cmsCate li img{width: 100%; height: 220px;}
.cmsCate li img:hover { opacity:0.8; filter:Alpha(opacity=80);}
.cmsCate li img.m{display: none;}
.cmsCate li .con{width: 100%; padding:15px 15px; height:146px; background-color: #f2f4f7;}
.cmsCate li .con h3{margin-bottom: 10px; font-size: 20px; color: #454545; }
.cmsCate li .con p{line-height: 22px; color: #959494;}
.cmsCate li .con p a{color: #959494;}
.why{padding: 23px 15px; background:url(../images/bg_why.png) 0 0 no-repeat; position:relative;}
.why a { position:absolute; left:0; top:0; width:100%; height:100%;}
.why h3{margin-top: 8px; font-size: 30px; color: #fff;}
.why .more{display: inline-block; margin-top: 25px; padding: 4px 8px; color: #fff; background-color: #0099ba;}
.why:hover .more{ background-color:#0099ba;}
.news{margin-top: 25px; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; background: url(../images/news.jpg) no-repeat;}
.news .title{ padding-top: 15px; padding-bottom:15px; position:relative;}
.news .title h2{ font-size: 20px; color: #fff; }
.news .title .viewmore { position:absolute; right:0px; top:10px; font-size:12px; line-height: 30px;}
.news .title a{color: #fff;}
.news ul.list{min-height: 230px; overflow: hidden;}
.news .list li{font-size: 13px; color: #fff; line-height:25px; padding-left:12px;  background:url(../images/icon.png) 0 10px no-repeat;}
.news .list li a{color: #fff;}
.news .list li a:hover { text-decoration:underline;}

.follow{margin-top: 25px; margin-bottom: 25px; padding-left: 20px; padding-right: 20px; padding-bottom: 40px; background:url(../images/bg_qcode.png) 0 0 no-repeat; }
.follow .title{ padding-top: 15px; padding-bottom:15px; position:relative;}
.follow .title h2{ font-size: 20px; color: #fff; }
.follow li{float: left; width: 115px; margin-left: 34px; margin-right: 45px;}
.follow li.last{margin-right: 0; margin-left: 0;}
.follow li img{width:115px; height: 115px; box-shadow: 0 0 5px #ccc;}
.follow li p{width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff;}

/*主体*/
.main-box { background-color: #fff;}
.main-box .main-photo { float: left; width: 216px; margin-top: -15px; margin-bottom: -15px;}
.main-box .main-photo .corner { position: absolute; right: -20px; top: 0; width: 20px; height: 15px; background: url(../images/corner.png) no-repeat 0 0; }
.main-box .main-photo .corner-b { position: absolute; right: -20px; bottom: 0; width: 20px; height: 15px; background: url(../images/corner-b.png) no-repeat 0 0; }
.main-box .main-photo .more { position: absolute; left: 0; top: 190px; width: 100%; text-align: center;  }
.main-box .main-photo .more a { display: block; width:90px;
height:30px;
line-height: 30px;
color: #fff;
background:rgba(16,16,18,1);
border:1px solid rgba(255,255,255,1);
border-radius:5px;
 opacity:0.5;margin: auto;}
.main-box .main-photo .more a:hover { opacity:0.9; }


.main-box .main-part { float: right; width: 954px; position: relative;}
.main-box .main-part .more { position: absolute; right: 24px; bottom: 10px;}
.main-box .main-part .nav-tabs { padding-top: 18px; padding-bottom: 18px;}
.nav-tabs > li > a { padding: 5px 10px; border-radius: 5px; border: solid 1px #fff; }
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus { border: solid 1px #fff;  }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus  { border: solid 1px #fff; background-color: #ffc800; color: #fff;}
.nav-tabs { border-bottom: solid 3px #000000;}

.pt1 .nav-tabs > li.active > a,
.pt1 .nav-tabs > li.active > a:hover,
.pt1 .nav-tabs > li.active > a:focus  { background-color: #ffc800; }

.pt2 .nav-tabs > li.active > a,
.pt2 .nav-tabs > li.active > a:hover,
.pt2 .nav-tabs > li.active > a:focus  { background-color: #1763d5; }

.pt3 .nav-tabs > li.active > a,
.pt3 .nav-tabs > li.active > a:hover,
.pt3 .nav-tabs > li.active > a:focus  { background-color: #1bb3ff; }

.pt4 .nav-tabs > li.active > a,
.pt4 .nav-tabs > li.active > a:hover,
.pt4 .nav-tabs > li.active > a:focus  { background-color: #00a833; }

.pt5 .nav-tabs > li.active > a,
.pt5 .nav-tabs > li.active > a:hover,
.pt5 .nav-tabs > li.active > a:focus  { background-color: #f05922; }

.pt6 .nav-tabs > li.active > a,
.pt6 .nav-tabs > li.active > a:hover,
.pt6 .nav-tabs > li.active > a:focus  { background-color: #0078f2; }

.thum_lists li { width:210px;float:left; margin-right:22px; margin-bottom:10px;}
.thum_lists li:nth-of-type(4n){ margin-right:0;}
.thum_lists li .p_img{width:100%;height:132px;text-align:center; overflow:hidden;}
.thum_lists li .p_img img{width:100%;height:100%;}
.thum_lists li .p_name{line-height:20px; margin-top:15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.thum_lists li .p_tages{margin-top:15px;}
.thum_lists li .p_tages a{ display: inline-block; padding: 3px 10px; background:rgba(217,222,230,1);opacity:0.8;border-radius:3px;}
.thum_lists li a:hover{ color:#b31826;}