﻿

/*slides*/
.slides{width:100%;height:475px;position:relative;overflow:hidden; min-width:1200px;}
.slideInner{height:475px;position:relative;left:0;margin-left:0;}
.slideInner a{display:block;height:475px;background-size:cover;background-position:center center !important;position:relative;text-align:center;z-index:1;}
.slideInner div{ height: 100px;}
.slideInner a div.img1{width:1070px;position:absolute;left:50%;margin-left:-535px; top: 350px; color: #fff;}
.slideInner a div.img1 span{ display: block; color: #d4a52a; font-size: 20px;}
.slideInner a div.img1 span.spn_first{ color: #ebff66; font-size: 46px;}
.nav{width:100%;position:relative;display:none; z-index: 3;}
.slideInner a div.img1 span.bannermore{ display: inline; padding: 5px 15px; display:block; height:25px; line-height:25px; margin:0 auto; width:60px;border-radius: 5px; background: #ffc761; color: #040000; font-size: 14px; cursor: pointer;}
.nav a{display:block;width:68px;height:227px;opacity:.2;filter:alpha(opacity=20);-moz-opacity:0.2;z-index:9;}
.nav a.prev{position:absolute;left:20px;top:-300px;margin-top:-58px;background:url(../img/ban_pre.png) no-repeat;}
.nav a.next{position:absolute;right:20px;top:-300px;margin-top:-58px;background:url(../img/ban_next.png) no-repeat;}
.navListBox{position:absolute;left:50%;top:455px;z-index:3;}
.navListBox li{width:12px;height:12px;float:left;margin-left:5px;border-radius:50%;overflow:hidden;}
.navListBox li:first-child{margin-left:0;}
.navListBox li a{display:block;width:100%;height:100%;border-radius:50%;background-color:#fff;}
.navListBox li a.active{background-color:#ff004c; border: 2px solid #d5b640;width:8px;height:8px;}
.slideInner .boxslideText{position:relative; width: 1230px; top: 350px; left:50%;margin-left:-615px; z-index: 3;}



.gdout{  position: relative; z-index: 2;min-width:1200px}
.whitebg{ background: #0076c1; height: 50px;  width: 100%; }
.tttz{ height: 50px; line-height: 50px; float: left; color: #fff;  width: 115px; text-align: center; font-size: 18px;}

.right_scorll{ float: left; width: 1033px; height: 50px; overflow: hidden;}
.left3{ width: 535px; margin: 0 16px;}
.left3 ul{ float: left;}
.left3 ul li{ width:300px; height: 50px;padding:2px 5px; margin: 0 5px; float: left; line-height: 45px; overflow: hidden;}
.left3 ul li a{ color: #fff; font-size: 14px;}
.left3 ul li a.hot{ background: url(../img/ico_hot.png) right center no-repeat; padding-right: 40px;}


.tabnews{ margin-top: 30px;  border-bottom: 3px solid #0076c1;height: 45px; }
.tabnews ul li{ float: left; margin-right: 40px; line-height: 45px;height: 48px;  text-align: center; font-size: 18px; cursor: pointer; }
.tabnews ul li img{ margin-right: 15px;}
.tabnews ul li.act{ background: url(../img/s1.jpg) center bottom no-repeat;}
.tabnews ul li i{ font-size: 14px;}

.newmore { margin-top: 10px;}
.newmore a{ color: #fff; background: #0076c1; padding: 2px 10px;}

.tw_pic{ width: 385px;}
.tw_pic a ,.tw_pic img{ display: block;}
.tw_pic a img{ width: 385px; height: 230px;}
.tw_pic  .picn_title{ height: 40px; line-height: 40px; overflow: hidden;}
.tw_pic .picn_arc{ height: 60px; line-height: 20px; overflow: hidden; font-size: 12px; color: #8b8b8b;}

.listnews{ width: 815px;}
.listnews ul li{ border-bottom: 1px solid #C1C1C1; float: left;    width: 345px;      margin: 10px 0 10px 62px;}
.listnews ul li a{ display: block; font-size: 14px; height: 30px; line-height: 30px; overflow: hidden;}
.listnews ul li a.l_arc{ color: #8b8b8b;}

.pics_1 a{ display: block; width: 394px; height: 251px; float: left;}
.pics_1 a img{ width: 394px; height: 251px;}

.pics_2{ width: 383px;  height: 251px; }
.pics_2 a{ display: block; width: 383px;  height: 123px;}
.pics_2 a img{ width: 383px;  height: 123px;}

.box_zsa{ width: 590px;/*a-webkit-mask-image: url(http://www.thefourthphase.com/assets/images/smoke_mask_single.png);
mask-image: url(http://www.thefourthphase.com/assets/images/smoke_mask_single.png);
-webkit-mask-size: cover;
mask-size: cover;*/}
.zslist{ padding: 0 10px;}
.zslist ul li { height: 50px; overflow: hidden; margin-bottom: 3px;}
.zslist ul li a,.zslist li span{ display: block; float: left;}
.zslist ul li a{ width: 440px; padding-left: 20px; margin: 5px 0; height: 40px; line-height: 20px;}
.zslist li span{ width: 70px; background: #1481c6; color: #fff; padding: 5px; font-size: 12px;}
.zslist li span b{ display: block; font-size: 20px;}

.xxbox{ width: 590px; margin-top: 35px;}
.xxbox a{ display: block; float: left; width: 287px; height: 125px; margin: 5px 0 0 5px;}
.xxbox a img{width: 287px; height: 125px;}

.about{ padding: 30px; line-height: 25px; min-height: 400px;}
.about img{ max-width: 100%;}

.about-xyfg ul li{ float: left; width: 264px;  margin: 40px 0 0 40px;}
.about-xyfg ul li img{width: 264px; height:175px}
.about-xyfg ul li span{ display: block; height: 35px; line-height: 35px; text-align: center; overflow: hidden;}
.ldimg{ width: 110px; height: 160px; padding: 2px; border: 1px solid #C1C1C1;}
.ldimg img{width: 110px; height: 160px; }
.r_ldtt{ width: 824px;margin-left: 30px;}
.r_ldtt p{ display: block;}
.r_ldtt p.ldname{ font-size: 18px; font-weight: bold; margin: 10px 0;}
.r_ldtt p.ldzhiwu span{ padding-right: 20px; font-weight: bold;}
.ldjj{ height: 88px; line-height: 22px; overflow: hidden; margin-top: 10px;}

.ldlist{ border-bottom: 1px solid #C1C1C1; padding-bottom: 15px; margin-top: 15px;}

.zzjg ul li{ float: left; background: #0076c1; width: 220px; text-align: center; margin:0 0 30px 18px; }
.zzjg ul li a{ color: #fff; display: block; height:50px; line-height: 50px;}

.tt_ts{ padding: 20px 0;}
.kyjx ul li{ height: 60px; line-height: 60px; font-size: 16px; padding: 0 10px; border-bottom: 1px dashed #8B8B8B;}
.kyjx ul li a span{ color: #eb8f00; float: right;}
.kyjx ul li a img{ margin-right: 10px;}
.wjtt { color: #0076C1; font-weight: bold; font-size: 18px; line-height: 40px; padding: 10px; border-bottom: 1px dashed #5C5C5C; text-align:center}
.wjtt span{ color: #959595; font-weight: normal; font-size: 14px; padding:0 5px}
.kyjx .kyjxdownload li{ border-bottom: none;}
.kyjxdownload{ min-height: 400px;}
.kyjxdownload li img{ margin-right: 10px;}
.kyjxdownload li a{ color: #0076C1;}
.kyjxdownload li span{ color: #959595;}


.hzjllist{ margin-top: 20px;}
.hzleft,.hzleft img{ width: 200px; height: 140px;}

.hzrightt{ width: 710px; height: 140px; margin-left: 20px;}


.hzrightt a{ display: block;}
.hzrightt a span{ float: right; color: #eb8f00; font-weight: normal;}

.hzrightt .hztitle{  font-weight: bold; color: #0076C1;}
.hzrightt .hzarc{ height: 90px; line-height: 22px; overflow: hidden; color: #5C5C5C; margin-top: 30px;}
.fy{ border-top: 1px dashed #A0A0A0;}
.fy a{ display: block; margin-top: 10px; color: #5C5C5C;}
.lqts{ padding: 15px 0 0 0; width:500px; margin:0 auto}
.inputix{ width:500px; margin:0 auto}

.inputix td { padding-top: 20px;}
.inputix td input[type=text]{ border: 1px solid #939393; height: 25px; padding: 5px; width: 200px;}
.inputix td span{ padding-left: 15px; color: #f00;}
.inputix tr.yzm td input[type=text]{ width: 150px;}

.btn_cx { padding: 20px 0 0 70px ; width:445px; margin:0 auto}
.btn_cx input{ background: #0076c1; color: #fff; width: 100px; height: 30px;}
.tta{ text-align: center; color: #939393; padding: 30px;}

.maskbox{ background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

.tcmess{ background: #fff; width: 500px; height: 260px; position: fixed; left: 50%; margin-left: -250px; top: 50%; margin-top: -130px; z-index: 4;}
.tctitle{ font-weight: bold; color: #0076C1; padding: 10px; font-size: 18px; border-bottom:1px solid #C1C1C1;}

.jgxx{ height: 145px; padding: 10px;}

.box_btnok{ text-align: center; color: #0076C1; font-size: 18px; border-top: 1px solid #C1C1C1; padding: 10px; cursor: pointer;}

.box_select{    border: 1px solid #939393; width: 200px; padding: 5px; height: 25px; position: relative; background: url(../img/dwnjt.jpg) 190px center no-repeat; display: inline-block;}
.box_select ul{ position: absolute; left: -1px; top: 30; width: 100%; border: 1px solid #939393; background: #fff; border-top: none; font-size: 14px; display: none;}
.box_select ul li{ border-bottom: none; height: 35px; line-height: 35px;}
.box_select ul li:hover{ background-color: #f6f4f4; cursor: pointer;}
.inputix td .box_select span{ color: #333; font-size: 16px; display: block; cursor: pointer;}
/*报名弹窗*/
.bmmess .tctitle{ text-align: center; color: #040000; border: none;}
.bmmess .tcmess{ width: 700px; height: 560px; position: fixed; left: 50%; margin-left: -350px; top: 50%; margin-top: -280px; z-index: 4;}

.box_tab_bm ul { border: 1px solid #C1C1C1; border-bottom: none; margin: 20px;}
.box_tab_bm ul li{ height:40px; line-height: 40px; border-bottom: 1px solid #C1C1C1;}
.box_tab_bm ul li span{ float: left; display: block;}
.box_tab_bm ul li span._lefttt{ width: 100px; text-align: right;}
.box_tab_bm ul li span._righttt{ width: 540px; text-align: center;}

.btn_ok{ text-align: right; padding-right: 20px;}
.btn_ok input{ width: 100px; height: 35px; color: #fff; background: #0076c1;}
.btn_ok input.quxiao{ background: #f67d1c;}

.tab_zp{ margin: 30px;}
.tab_zp table{ width: 849px; text-align: center;background: url(../img/zp1.jpg) no-repeat;}
.tab_zp table .tabhaead{ color: #fff; height: 51px; line-height: 51px;}
.tab_zp table tr td{ height: 50px; border-bottom: 1px solid #A1A1A1;}
.tab_zp table tr td a{ color: #0076C1; font-weight: bold;}

.wyyp{ text-align: right; padding-top: 50px;}
.wyyp a{ background: #0076C1; color: #fff; padding: 10px 30px;}
.tab_zpinfo{ padding-top: 20px;}

.tab_bm { padding: 20px 0 ;}
.tab_bm table{ width: 675px; float: left;}
.tab_bm table tr td{ padding: 10px 0 10px 50px;}
.tab_bm table tr td input[type=text]{ border: 1px solid #c5c5c5; height: 25px; line-height: 25px; padding: 5px; width: 200px;}
.tab_bm table tr td textarea{ width: 535px; height: 200px; border: 1px solid #c5c5c5; resize: none; overflow: auto; vertical-align: top; padding: 5px;}

.btn_bma{ float: right; width: 265px; padding-top: 300px;}
.btn_bma input{ background: #0076C1; color: #fff; height: 35px; width: 150px;}

.lyxz{ padding: 0 50px 0 ;}
.lyxz .yzxxtt{color: #c83138; font-size: 24px; margin-bottom: 20px;}
.lyxz .xztt{ line-height: 25px;}


.cclx{ padding: 10px 0;}










.listnews ul li a:hover,.tw_pic a:hover,.fy a:hover,.hzrightt a:hover{ color: #0076C1;}





