/* history.css */
.history{ padding: 105px 0 105px 0; }
.history .history_time{ top: 50%; left: -465px; margin-top: -79px; }
.history_time time span{ font-size: 180px; color: #3e76c1; margin-right: 10px; }
.history .history_time time{ font-size: 24px; color: #3e76c1; }
.history .history_time p{ font-size: 14px; color: #666; margin: -20px 0 0 20px; }
.history .history_list{ width: 600px; margin-right: 100px; }
.history .history_list li{ padding-left: 83px; padding-bottom: 10px; padding-right: 25px; border-bottom: 1px solid #ccc; position: relative; margin-bottom: 25px; }
.history_list li time{ position: absolute; top: 3px; left: 0; }
.history_list li time,.history_list li p{ font-size: 14px; color: #333; }
.history_list li p{ line-height: 25px; }
.history_list .line{ width: 1px; height: 100%; top: 0; left: -84px; background-color: #ccc; }
.history_list em{ position: absolute; top: 50%; left: -147px; width: 63px; height: 1px; background-color: #ccc; }
.history_list .year{ bottom: 20px; left: -135px; z-index: 100; }
.history_list .year p{ background: url(../images/icon_01.png) no-repeat right center; background-size: 17px 17px; font-size: 14px; color: #333; width: 60px; line-height: 17px; }
.com_slider .bx-controls{ position: absolute; top: 50%; right: -70px; margin-top: -17px; }
.com_slider .bx-controls .bx-pager-item{ width: 7px; height: 7px; margin-bottom: 10px; }
.com_slider .bx-controls .bx-pager-item a{ display: block; width: 7px; height: 7px; background: url(../images/icon_02_o.png) no-repeat; overflow: hidden; line-height: 100px; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.com_slider .bx-controls .bx-pager-item a:hover,.com_slider .bx-controls .bx-pager-item a.active{ background: url(../images/icon_02.png) no-repeat center center; }

/* intro.css */
.intro{ margin-top: 98px; }
.intro .intro_list .item{ float: left; width: 50%; position: relative; }
.intro .item .figcaption,.intro .item .bg{ position: absolute; width: 240px; height: 100%; top: 0; }
.intro .item .figcaption h3{ font-size: 20px; margin-top: 170px; margin-bottom: 20px; }
.intro .item .figcaption p{ font-size: 16px; line-height: 24px; }
.intro .item .figcaption h3,.intro .item .figcaption p{ padding: 0 48px; }
.intro .item_01 .figcaption h3{ color: #333; }
.intro .item .figcaption{ z-index: 200; }
.intro .item .bg{ z-index: 100; }
.intro .item_01 .figcaption,.intro .item_01 .bg{ right: 0; }
.intro .item_01 .figcaption p{ color: #666; }
.intro .item_02 .figcaption h3,.intro .item_02 .figcaption p{ color: #fff; }
.intro .item_02 .figcaption,.intro .item_02 .bg{ left: 0; }
.intro .item_01 .bg{ background-color: #f3f3f3; /* older safari/Chrome browsers */ -webkit-opacity: .95; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: .95; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: .95; /* IE9 + etc...modern browsers */ opacity: .95; /* IE 4-9 */ filter:alpha(opacity=95); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=95); }
.intro .item_02 .bg{ background-color: #3e76c1; }
.tle{ text-align: center; margin-top: 100px; }
.tle h3{ font-size: 24px; color: #000; margin-bottom: 22px; }
.tle p{ font-size: 14px; color: #666; line-height: 24px; }
.client{ padding: 100px 0; }
.client li{ float: left; width: 25%; }
.client li img{ margin: auto; }

/* honor.css */
.honor_bg{ padding: 64px 0; margin-top: 80px;padding-bottom: 100px;}
.honor .honor_slider{ position: relative; }
.honor h3{ font-size: 24px; color: #000; text-align: center; margin-bottom: 60px; }
.honor li{ float: left; border: 2px solid #f3f3f3; width: 362px; background-color: #f3f3f3; }
.honor li p{ font-size: 18px; color: #666; margin: 25px 0; padding: 0 20px; text-align: center; }
.honor .bx-controls a{ width: 16px; height: 28px; position: absolute; top: 50%; margin-top: -14px; z-index: 200; overflow: hidden; line-height: 100px; }
.honor .bx-controls a.bx-prev{ background: url(../images/icon_03.png) no-repeat center center; left: -65px; }
.honor .bx-controls a.bx-next{ background: url(../images/icon_04.png) no-repeat center center; right: -65px; }
.property{ padding-top: 100px; background-color: #f9f9f9;margin-top: 80px;padding: 64px 0; }
.property h3{ margin-bottom: 30px; color: #333; }
.property h3 span{ font-size: 24px; color: #3e76c1; }
.property .tps{ text-align: center; margin-bottom: 80px; }
.property .tps a{ font-size: 18px; color: #333; padding: 0 36px; border-right: 1px solid #333; }
.property .tps a.last{ padding-right: 0; border-width: 0; }
.property .tps a span{ color: #3e76c1; font-size: 18px; }

/* news.css */
.news{ padding-bottom: 100px; }
.news_list{ width: 1182px; margin: 80px auto 0; overflow: hidden; }
.news_list ul{ margin-left: 11px; width: 1200px; }
.news_list li{ float: left; width: 366px; background-color: #f3f3f3; border: 2px solid #f3f3f3; margin-right: 24px; margin-bottom: 60px; }
.news_list li h3{ font-size: 18px; color: #333; margin-top: 28px; height: 50px; }
.news_list li time{ font-size: 14px; color: #666; margin-top: 24px; display: block; margin-bottom: 5px; }
.news_list li p{ font-size: 14px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; height: 40px; }
.news_list li p{ /* older safari/Chrome browsers */ -webkit-opacity: 0; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 0; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 0; /* IE9 + etc...modern browsers */ opacity: 0; /* IE 4-9 */ filter:alpha(opacity=0); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);   }
.news_list li img{ margin: auto;margin-top: 2px; }
.news_list li .figcaption{ padding: 0 22px 38px 22px; }
.news_list li h3,.news_list li time,.news_list li p{ -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.news_list li.on{ background-color: #3e76c1; }
.news_list li.on h3,.news_list li.on time,.news_list li.on p{ color: #fff; }
.news_list li.on p{ /* older safari/Chrome browsers */ -webkit-opacity: 1; /* Netscape and Older than Firefox 0.9 */ -moz-opacity: 1; /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/ -khtml-opacity: 1; /* IE9 + etc...modern browsers */ opacity: 1; /* IE 4-9 */ filter:alpha(opacity=100); /*This works in IE 8 & 9 too*/ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*IE4-IE9*/ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);  }
.page{ width: 65px; margin: auto; float: right;}
.page a{ display: block; width: 20px; height: 20px; float: left; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3 linear; transition: all .3s linear; margin-right: 11px; }
.page a.back{ background: url(../images/icon_08.png) no-repeat center center; }
.page a.next{ background: url(../images/icon_06.png) no-repeat center center; }
.page a.back_gray{ background: url(../images/icon_07.png) no-repeat center center; }
.page a.next_gray{ background: url(../images/icon_05.png) no-repeat center center; }
/*.page a.back:hover{ background: url(../images/icon_08.png) no-repeat center center; }
.page a.next:hover{ background: url(../images/icon_06.png) no-repeat center center; }*/

/* news_details.css */
.message{ padding: 80px 0; }
.message h3,.message time{ display: block; text-align: center; }
.message time span.ico_view{ margin-left: 50px; padding-left: 19px; background: url(../images/ico_view.png) no-repeat left center; background-size: 16px 16px; }
.message time span.ico_date{ padding-left: 19px; background: url(../images/ico_date.png) no-repeat left center; background-size: 16px 16px; }
.message .word{ padding: 0 100px; }
.message h3{ font-size: 24px; color: #666; margin-bottom: 20px; }
.message time,.message p{ font-size: 14px; color: #666; }
.message p{ line-height: 24px; }
.message p img{ margin: auto; }
.pge{ margin-top: 54px; }
.pge a{ font-size: 14px; color: #666; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; }
.pge a.prev{ float: left; background: url(../images/icon_07.png) no-repeat left center; background-size: 20px 20px; padding-left: 25px; }
.pge a.next{ float: right; background: url(../images/icon_05.png) no-repeat right center; background-size: 20px 20px; padding-right: 25px; }
.pge a.prev:hover{ background: url(../images/icon_08.png) no-repeat left center; background-size: 20px 20px; }
.pge a.next:hover{ background: url(../images/icon_06.png) no-repeat right center; background-size: 20px 20px; }

/* investment.css */
.cooperation{ margin-top: 125px; }
.cooperation .coop_row{ position: relative; margin-bottom: 58px; }
.cooperation .coop_rowspan_title{ position: absolute; left: 0; top: 0; width: 400px; height: 100%; background: #3e76c1; }
.cooperation .coop_rowspan_txt{ width: 784px; background-color: #f3f3f3; }
.cooperation .coop_rowspan_txt .rowspan_txt{ padding: 27px 54px 80px 33px; }
.cooperation .coop_rowspan_title h3{ font-size: 20px; color: #fff;position: absolute; left: 0; top: 50%; margin-top: -30px; line-height: 30px;width: 100%;text-align: center;}
.cooperation .coop_rowspan_txt p{ font-size: 14px; color: #333; line-height: 24px;  }
.cooperation .coop_rowspan_txt table{ width: 580px; background: #f9f9f9; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
.cooperation .coop_rowspan_txt table tr{ display: block; border-bottom: 1px solid #999; }
.cooperation .coop_rowspan_txt table tr td{ vertical-align: middle; padding: 12px 0; border-right: 1px solid #999; }
.cooperation .coop_rowspan_txt table tr td p { font-size: 14px; color: #333; text-align: center; padding: 0 20px; } 
.cooperation .coop_rowspan_txt table tr:last-child,.cooperation .coop_rowspan_txt table tr td:last-child{ border: none; }
.column_rowspan{overflow: hidden; margin-bottom: 140px; }
.column_rowspan ul{ width: 1300px; }
.column_rowspan .item{ width: 368px; margin-right: 48px; }
.column_rowspan .item h3{ background: #3e76c1; line-height: 50px; color: #fff; font-size: 18px; padding-left: 30px; }
.column_rowspan .column_rowspan_txt{ margin-top: 15px; padding: 0 30px; }
.column_rowspan .column_rowspan_txt p{ font-size: 14px; color: #333; line-height: 24px; }
.contact_box{ width: 550px; height: 50px; line-height: 50px;  background-color: #3e76c1; text-align: center; margin: 0 auto 98px; }
.contact_box a{ font-size: 18px; color: #fff; letter-spacing: 10px; }

/* investor.css */
.investor{ position: relative; margin-top: 127px; }
.investor .perfor{ width: 787px; background-color: #f9f9f9; }
.investor .perfor .txt_box{ padding: 56px 240px 50px 54px; }
.investor .perfor h3{ font-size: 18px; color: #666; margin-bottom: 15px; }
.investor .perfor time{ font-size: 16px; color: #999; }
.investor .perfor p{ font-size: 14px; color: #999; margin-top: 26px; line-height: 24px; }
.investor .online{ margin-top: 64px; }
.investor .online a{ display: block; float: left; width: 93px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: right; padding-right: 7px;}
.investor .online .online_down{ background: #3e76c1 url(../images/icon_09.png) no-repeat 12px center; margin-right: 13px; }
.investor .online .online_view{ background: #3e76c1 url(../images/icon_10.png) no-repeat 12px center; }
.investor .online a:hover{ text-decoration: underline; }
.investor .security .line_top{ position: absolute; width: 100%; height: 1px; top: 0; left: 0; background: #ccc; }
.investor .security{ position: absolute; top: 0; right: 0; width: 368px; height: 100%; }
.investor .security_box{ padding: 50px 34px 0 34px; }
.investor .security_box h3{ font-size: 18px; color: #666; }
.investor .security_box p{ font-size: 38px; color: #666; line-height: 20px; }
.investor .security_box p span{ font-size: 72px; color: #666; }
.investor .security_box p em{ font-size: 18px; color: #3e76c1; }
.investor .security_box p strong{ font-size: 14px; color: #666; }
.investor .security .line_fot{ position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background: #ccc; }
.call .call_column{ width: 789px; }
.call .call_column .time{ width: 140px; height: 140px; background-color: #f9f9f9; }
.call_column li{ margin-top: 30px; }
.call_column .time time{ margin-top: 40px; display: block; text-align: center; font-size: 24px; color: #3e76c1; }
.call_column .time time span{ font-size: 28px; color: #999; }
.call_column .call_txt{ width: 450px; height: 140px; margin-left: 28px; }
.call_column .call_txt h3{ font-size: 18px; color: #666; margin-top: 10px; }
.call_column .call_txt p{ font-size: 14px; color: #999; line-height: 24px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 12px; margin-bottom: 30px; }
.call_column .call_txt a{ background: url(../images/icon_11.png) no-repeat left 0; font-size: 14px; color: #999; padding: 5px 0 5px 27px; }
.call_column .call_txt a:hover{ text-decoration: underline; }
.call .call_nav{ width: 368px; }
.call .call_nav dl{ line-height: 30px; padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc; padding-left: 34px; }
.call .call_nav dt{ font-size: 18px; color: #666; }
.call .call_nav dd a{ font-size: 16px; color: #999; }
.call .pager{ width: auto; margin-top: 80px; margin-bottom: 93px; }

/* collage.css */
.rowspan_01{ position: relative; margin-top: 15px; margin-bottom: 85px; }
.rowspan_01 figure{ position: absolute; width: 217px; height: 200px; text-align: center; }
.rowspan_01 figure img{ margin: auto; }
.rowspan_01 figure figcaption{ color: #333; font-size: 24px; margin-top: 20px; }
.rowspan_01 .row_pic{ padding-top: 130px; padding-bottom: 230px; }
.rowspan_01 .row_pic img{ margin: auto; }
.rowspan_01 .row_ico_01{ top:0; }
.rowspan_01 .row_ico_04{ bottom: 0; }
.rowspan_01 .row_ico_01,.rowspan_01 .row_ico_04{ left: 0; right: 0; margin: auto; }
.rowspan_01 .row_ico_02,.rowspan_01 .row_ico_06{ top: 200px; }
.rowspan_01 .row_ico_03,.rowspan_01 .row_ico_05{ bottom: 120px; }
.rowspan_01 .row_ico_02,.rowspan_01 .row_ico_03{ left: 0; }
.rowspan_01 .row_ico_06,.rowspan_01 .row_ico_05{ right: 0; }
.greens{ padding-top: 100px; background-color: #f3f3f3; padding-bottom: 149px; }
.greens .row_txt{ text-align: center; }
.greens .row_txt h3{ font-size: 24px; color: #000; margin-bottom: 30px; }
.greens .row_txt p{ font-size: 14px; color: #666; line-height: 24px; }
.greens .row_menu{ text-align: center; margin-top: 70px; }
.greens .row_menu li{ cursor: pointer; display: inline-block; /* width: 48px; */  padding: 0 10px; height: 23px; border: 1px solid #f3f3f3; text-align: center; line-height: 23px; margin-right: 25px; }
.greens .row_menu li a{ font-size: 14px; color: #666; }
.greens .row_menu li.on,.greens .row_menu li:hover{border-color: #3e76c1; }
.greens .slider{ margin-top: 25px; position: relative;}
.greens .slider .greens_pic{ width: 368px; }
.greens .slider .greens_txt{ width: 684px; background: #fff; padding: 25px 52px 25px 52px; height: 399px; }
.greens .slider .greens_txt p{ font-size: 14px; color: #666; line-height: 24px; }
.greens_slider.bx-wrapper{ position: relative; }
.greens_slider .bx-controls a{ width: 16px; height: 28px; position: absolute; top: 50%; margin-top: -14px; z-index: 200; overflow: hidden; line-height: 100px; }
.greens_slider .bx-controls a.bx-prev{ background: url(../images/icon_03.png) no-repeat center center; left: -65px; }
.greens_slider .bx-controls a.bx-next{ background: url(../images/icon_04.png) no-repeat center center; right: -65px; }
.science{ position: relative; }
.science .scien_video{ width: 50%; position: relative; }
.science .scien_txt_wrap{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #3e76c1; }
.science .scien_txt{ display: none; }
.science .scien_txt.on{ display: block; }
.science .scien_txt .scien_txt_box{ width: 485px; margin-top: 105px; margin-left: 40px; }
.science .scien_txt h3{ font-size: 24px; color: #fff; margin-bottom: 50px; }
.science .scien_txt p{ font-size: 14px; color: #fff; }
.science .scien_txt_wrap .btn_more{ position: absolute; bottom: 30px; left: 50%; font-size: 14px; color: #fff; margin-left: 80px; }
.science .bx-controls{ position: absolute; left: 0; right: 0;  width: 100%; bottom: 30px; left: 0; height: 14px; }
.science .bx-controls .bx-pager{ position: absolute; height: 100%; right: 0; bottom: 0; }
.science .bx-controls .bx-pager .bx-pager-item{ float: left; width: 14px; height: 14px; overflow: hidden; margin-right: 20px; }
.science .bx-controls .bx-pager .bx-pager-item a{ display: block; background: url(../images/icon.png) no-repeat; background-size: 1000px 1000px; background-position: -2px -64px; line-height: 50px; }
.science .bx-controls .bx-pager .bx-pager-item a.active,.schol .eo .bx-pager .bx-pager-item a:hover{ background-position: -20px -64px ; }
.science .scien_video .play_video{ position: absolute; width: 91px; height: 91px; top: 50%; left: 0; right: 0; margin: -45px auto 0; background-position: -9px -142px; cursor: pointer; }

/* join.css */
.figure_ico{ margin-bottom: 80px; }
.figure_ico li{ float: left; width: 16.66%; text-align: center; }
.figure_ico li p{ font-size: 14px; color: #333; line-height: 20px; margin-top: 26px; } 
.figure_ico li img{ margin: auto; }
.job{ background: #f3f3f3; padding-top: 80px; padding-bottom: 82px; }
.job h3{ font-size: 24px; color: #000; text-align: center; }
.job h4{ font-size: 14px; color: #666; text-align: center; margin-top: 22px; line-height: 24px; }
.job .job_lmp{ margin-top: 50px; }
.job .job_lmp_temp{ position: relative; margin-bottom: 50px; }
.job .job_lmp_temp .job_name{ position: absolute; width: 400px; top: 0; left: 0; background: #3366cc; height: 100%; }
.job .job_lmp_temp .job_name_wrap{ padding-left: 70px; padding-top: 38px; }
.job .job_name p{ font-size: 18px; color: #fff; line-height: 28px; }
.job .job_lmp_temp .job_content{ width: 546px; padding: 40px 50px; background: #fff; }
.job .job_content p{ font-size: 14px; color: #333; line-height: 24px; }
.job .relation_mail{ width: 550px; height: 50px; line-height: 50px; background: #3366cc; margin: auto; text-align: center; }
.job .relation_mail p{ font-size: 18px; color: #fff;  }