﻿/*
* name:Global && Pc StyleSheet
* version:v3.3.1
* update:雪碧图对齐
* date:2016-04-30
*/

/*引入特殊字体*/


/* 雪碧图 */
/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */
.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}
/*挂件分页样式*/
.util-page{ font-size:0; color: #000; text-align: center;}
.util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff;line-height:27px;font-size:16px ;font-weight:normal; }
.util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#e60012;}
.util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; }
.util-page .gobutton { margin-left:15px; margin-right:15px; font-size:14px; }
.util-page .count { margin-left:10px; color:#000; background:none; border:none; }
/* 常量设置 */
.wrap { width:1200px; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1366px; margin-right:auto; margin-left:auto;}
/*对ie8设置最小宽度，防止页面错乱*/
/*for ie8*/
body{min-width:1240px\9; overflow-x:auto;}
/*for ie9+*/
@media all and (min-width:0){
	body{min-width:0; overflow-x:hidden;}
}
body{font-size:14px; line-height:1.6; color:#595757; background:#fff;}
a{color:inherit;}
a:hover { color:#e60012;}
::-webkit-input-placeholder { color:#aaa; } 
.placeholder { color:#aaa;}
/*css组件设置*/
.form-control, .input-group-addon, .btn{border-radius:2px; }
.form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}

.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}

.imgZoom { overflow:hidden; }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* 网站样式 */

/*公用样式*/
.rect-130{padding-bottom:130%;}
.rect-42{padding-bottom:42%;}
.rect-48{padding-bottom:48%;}
.rect-65{padding-bottom:65%;}
.rect-58{padding-bottom:58%;}
.trs{transition:all 0.75s ease; -webkit-transition:all 0.75s ease;-moz-transition:all 0.75s ease; -o-transition:all 0.75s ease; -ms-transition:all 0.75s ease;}
.channel_content{padding:70px 0 60px; min-height:300px;}
.banner3{position:relative; height:300px; overflow:hidden;}
.banner3 img{position:absolute; left:50%;top:0; margin-left:-960px; max-width:none; width:1920px;}


/*通用-图片列表care_list*/
/*used  care && staff_mein*/
.care_list li{margin-bottom:30px;}
.care_list .mask{position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/care_mask.png) center center no-repeat; display:none;}
.care_list .tit_box{background-color:#f4f4f4; color:#595757; font-size:13px;}
.care_list .tit_box .pd{padding:0px 35px 0px;}
.care_list .tit_box .pd ._t{line-height:60px; height:44px; overflow:hidden; position:relative; margin-bottom:15px;}
.care_list .tit_box .pd .line{width:0;height:1px; background-color:#fff;}
.care_list a:hover .tit_box .line{width:100%;}
.care_list a{display:block;}
.care_list a:hover .mask{display:block;}
.care_list a:hover .tit_box{background-color:#ee1c25; color:#fff; }
body .album_ordinary .album_close{background-color:#ee1c25;}


/*leader*/
.leader .list{padding-left:40px; padding-top:50px; margin-bottom:50px;}
.leader .list .bg{ min-height:250px; padding-top:50px; padding-bottom:60px; background:#f4f4f4 url(../images/leader_bg.png) right top no-repeat;}
.leader .list .bg .pic{margin-top:-100px; margin-left:-40px; margin-right:50px;}
.leader .list .bg .info{width:70%;}
.leader .list .bg .info .name{font-size:20px ;color:#404040; margin-bottom:10px; font-weight:bold;}
.leader .list .bg .info .work{font-size:20px ;color:#595757; margin-bottom:30px;}
.leader .list .bg .job{width:49%; border-right:1px solid #d6d6d6; margin-right:80px;}
.leader .list .bg .box ._t{font-size:16px; color:#404040; margin-bottom:25px;}
.leader .list .bg .box li{font-size:13px; color:#595757; line-height:26px;transition: all ease .3s; -webkit-transition: all ease .3s;}
.leader .list .bg .box li:hover { color:#e60012; }
.leader .list .bg .box li span{font-size:16px; font-weight:bold; margin-right:5px;}
.leader .list .bg .job2{width:auto; margin-right:20px;}
.leader .list .bg .job2 ul{margin-right:20px; float:left;}



/*stepIn*/
.stepIn.channel_content{padding-bottom:0;}
.stepIn .pt1{padding-bottom:50px;}
.stepIn .pt1 .tit{font-size:30px; color:#221815; margin-bottom:20px; margin-top:-70px; text-align:center;}
.stepIn .pt1 .en_tit{font-size:72px; color:#fafafa;  font-family:Impact; text-align:center;}
.stepIn .pt1 .info{width:77%; margin:0 auto 40px; text-align:center; font-size:14px; color:#221815;}
.stepIn .pt1 .uni_btn_more_wrap{width:115px; }
.stepIn .pt2{background:url(../images/stepin_pt2.jpg) center center no-repeat; padding:70px 0;}
.stepIn .pt2 .tab_con .r_box{width:24%}
.stepIn .pt2 .tab_con .r_box li{line-height:95px; font-size:24px; color:#595757; background-color:#fff; text-align:center; cursor: pointer; transition: all ease .3s; -webkit-transition: all ease .3s;}
.stepIn .pt2 .tab_con .r_box li:hover { color:#e60012; }
.stepIn .pt2 .tab_con .r_box li.even{background-color:#f6f6f6;}
.stepIn .pt2 .tab_con .r_box li.tab_t_cur{background-color:#e60012; color:#fff;}
.stepIn .pt2 .tab_con .l_box{width:74%; background-color:#fff; overflow:hidden; max-height:380px;}
.stepIn .pt2 .tab_con .l_box .img_box{width:33%;}
.stepIn .pt2 .tab_con .l_box .img_box img { position:absolute; top:0; left:0; width:100%; height:100%; }
.stepIn .pt2 .tab_con .l_box .tabc_content{width:67%;}
.stepIn .pt2 .tab_con .l_box .tabc_content .pd{padding:65px 70px 0; }
.stepIn .pt2 .tab_con .l_box .tabc_content ._t{font-size:56px;font-family:"hero_light"; color:#000; margin-right:20px; margin-bottom:30px;}
.stepIn .pt2 .tab_con .l_box .tabc_content ._t .year{font-family:Arial,sans-serif;font-size:28px; color:#545454;}
.stepIn .pt2 .tab_con .l_box .tabc_content  .info{font-size:14px; color: #757575; line-height:28px;}
.stepIn .pt3 .l_box{width:50%;}
.stepIn .pt3 .r_box{width:50%;}
.stepIn .pt3 .pd{padding:90px 60px 60px;}
.stepIn .pt3 .img_box{width:20%;}
.stepIn .pt3 .img_box img { transition: all ease .75s; -webkit-transition: all ease .75s; }
.stepIn .pt3 .img_box:hover img { transform: translateY(-10px); -webkit-transform: translateY(-10px); }
.stepIn .pt3 .t_box{width:75%;}
.stepIn .pt3 .t_box .t{font-size:30px; color:#221815; margin-bottom:30px; transition: all ease .3s; -webkit-transition: all ease .3s;}
.stepIn .pt3 .t_box .t:hover { color:#e60012; }
.stepIn .pt3 .l_box .t_box .info{font-size:14px; color:#221815; line-height:26px; height:78px;overflow:hidden; margin-bottom:30px; width:83%;}
.stepIn .pt3 .t_box .more{font-size:13px; color:#ba251e;}
.stepIn .pt3 .r_box .news_info{margin-bottom:30px;}
.stepIn .pt3 .r_box .new_t{width:70%; line-height:26px;}
.stepIn .pt4 .bili{height:0; padding-bottom:41%; overflow:hidden;}
.stepIn .pt4 .l_box{width:55%;}
.stepIn .pt4 .r_box{width:45%;}
.stepIn .pt4 .img_text{width:42%; background-color:#e31427; color:#fff; position:absolute; right:0; top:0;}
.stepIn .pt4 .img_text .pd{padding:50px 40px;}
.stepIn .pt4 .img_text .pd .tit{font-size:30px; margin-bottom:20px;}
.stepIn .pt4 .img_text .pd .info{font-size:13px; /*opacity:0.8; filter:alpha(opacity=80); */margin-bottom:20px;}
.stepIn .pt4 .img_text .pd a{color:#fff;}
.stepIn .pt4 .r_box .rect_box{height:0; padding-bottom:91.6%; overflow:hidden; position: relative;}
.stepIn .pt4 .r_box .rect_box .top_box{height:0; padding-bottom:41%;position:relative; cursor: pointer;}
.stepIn .pt4 .r_box .rect_box .top_box img{position:absolute; width:100%; height:100%;}
.stepIn .pt4 .r_box .rect_box .top_box .play{display:none;width:50px; height:50px; background:url(../images/play.png) center center no-repeat; background-size:cover; position: absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px;}
.stepIn .pt4 .r_box .rect_box .btm_box{height:0;padding-bottom:50.1%; position:relative;}
.stepIn .pt4 .r_box .rect_box .btm_box ._lbox{width:50%; background-color:#e60012;}
.stepIn .pt4 .r_box .rect_box .btm_box ._lbox .pd{padding:70px 50px 100px; color:#fff;}
.stepIn .pt4 .r_box .rect_box .btm_box ._lbox .pd .t{font-size:30px; margin-bottom:15px;}
.stepIn .pt4 .r_box .rect_box .btm_box ._lbox .pd .info{font-size:13px; opacity:90; filter:alpha(opacity=90); margin-bottom:15px;}
.stepIn .pt4 .r_box .rect_box .btm_box ._lbox .pd  a{color:#fff;}
.stepIn .pt4 .r_box .rect_box .btm_box ._rbox{width:50%;}
.stepIn .pt4 .r_box .rect_box .btm_box ._rbox .rect_radio{height:0; padding-bottom:101%; position:relative; }
	.stepIn .pt4 .r_box .rect_box .btm_box ._rbox .rect_radio img{width:100%; height:100%; position:absolute;}


.staff_mein .catname{ font-size:32px; color:#000; margin-bottom:25px; font-weight:normal; font-family:"微软雅黑";}
.staff_mein .info{ font-size:13px; color:#595757; margin-bottom:50px;}

/*dev*/
.dev .stage_box li{float:left; width:25%; cursor:pointer;}
.dev .stage_box li.cur{border-color:#f1f1f1; background-color:#f1f1f1;}
.dev .stage_box .li1{border-bottom:4px solid #898989;}
.dev .stage_box .li2{border-bottom:4px solid #aaabac;}
.dev .stage_box .li3{border-bottom:4px solid #c9cacb;}
.dev .stage_box .li4{border-bottom:4px solid #e6e7e7;}
.dev .stage_box li .pd{padding:10px 20px;}
.dev .stage_box li .year span{float:left;font-size:16px; color:#a7a7a7; font-weight:bold;}
.dev .stage_box li .year i{float:right;color:#a7a7a7; visibility:hidden;opacity:0;transition:all ease .5s; -webkit-transition:all ease .5s; }
.dev .stage_box li.cur .year i,.dev .stage_box li.cur:hover .year i{visibility:visible; opacity:1;}
.dev .stage_box li:hover .year i{visibility:visible; opacity:.3;}
.dev .stage_box .desc{font-size:24px; color:#565656; font-weight:bold; transition:all ease .5s; -webkit-transition:all ease .5s;}
.dev .stage_box li:hover .desc,
	.dev .stage_box li.cur .desc{color:#ee1c25;}
.dev .dev_con{padding-top:50px;}
.dev .dev_con .cur_year{text-align:center; font-size:font-size:16px; color:#a7a7a7; font-weight:bold;}
.dev .dev_con .cur_desc{text-align:center; font-size:24px; color:#565656; font-weight:bold; margin-bottom:20px;}
.resource-type-wrap .panel span { color:#f88a0b; padding:0 4px; position:relative; left:-3px; position:relative; display:inline-block; margin-bottom: 5px;}
/*.resource-type-wrap .panel span font { display:block; width:20px; height:44px; right:-20px; position:absolute; top:0; }*/
.resource-type-wrap .panel .image img { width: 100%; height:auto; }
.resource-type-wrap .panel .title{ padding:10px;  line-height:1.8;}
.resource-type-wrap .panel .title a{color:#000;}
.resource-type-wrap .head { padding: 28px 20px 0; height: 242px }
.inner_box { width:100%;}
.resource-type-wrap .panel .title { line-height:22px; padding:24px 0; font-size:18px; color:#626670; font-weight:normal; }

.resource-type-wrap .panel .inner{ padding:5%;margin-left:2%;position:relative; background:#fff; }

.resource-type-wrap .panel .inner_box p { color:#626670; font-size:14px; line-height:1.5; margin:15px 0 0; }
.resource-type-wrap .panel .inner_box p.image {  margin-bottom:0; width:80%;}
.resource-type-wrap .panel .inner_box .cell_tit{font-size:14px;color:#010101; text-align:left; line-height:30px; display:block; width:100%;margin-bottom:20px;}
.resource-type-wrap .panel .inner_box .put_time{font-size:14px; color:#242424; clear:both; text-align:left;font-weight:bold;float:left; margin-right:5px;}
.resource-type-wrap .panel.leftBox_resource .inner_box .put_time{text-align:right; font-size:14px;color:#242424;  float:right; margin-left:5px;}
.resource-type-wrap .panel.leftBox_resource{margin-top:0;}
.resource-type-wrap .panel.leftBox_resource span.cell_tit { float:right; position:relative; left:3px; display:inline-block; text-align:right;}
.resource-type-wrap .panel.leftBox_resource .title { line-height:22px; padding:24px 0; font-size:18px; color:#626670; font-weight:normal; float:right; }
.resource-type-wrap .panel.leftBox_resource .inner_box { overflow:hidden; padding-left:0; text-align:right;}
.resource-type-wrap .panel.leftBox_resource .inner_box i { display:block; width:75px; height:2px; overflow:hidden; font-size:0; background:#222222; margin-bottom:24px; float:right; clear:both; }
.resource-type-wrap .panel.leftBox_resource .inner_box p { color:#626670; font-size:14px; line-height:24px; clear:both; text-align:right; }
.resource-type-wrap .panel.leftBox_resource .inner_box p.image {  margin-bottom:0; width:80%; float:right}
.resource-type-wrap .panel.leftBox_resource .inner{left:0px;margin-right:2%;}
.resource-type-wrap .panel.leftBox_resource:hover .inner { position:relative;}
.resource-type-wrap .panel.leftBox_resource span font { display:block; width:20px; height:44px; left:-20px; position:absolute; top:0; }
.resource-type-wrap { background:url(../images/opp.gif) repeat-y center top; padding-top:40px; padding-bottom:30px;}
.resource-type-wrap{ width:100%;}
.resource-type-wrap .resource-type-list{width:100%;}
.resource-type-wrap .panel{ width:49.8%; position:relative;margin-top:70px; margin-bottom:30px;}
.resource_type_t{font-size:72px; color:#e6e6e6; background-color:#fff;margin-bottom: 40px;}
.resource-type-wrap .panel:after{content:'';position:absolute;left:-6px;top:40px;margin-left:2px;width:28px; height:12px;background:url(../images/his_li_dian.png) right top no-repeat;}
.resource-type-wrap .panel.leftBox_resource:after{right:-6px;left:auto;margin-left:0;background:url(../images/his_li_dianl.png) right top no-repeat;}



